@charset "utf-8"; @font-face { font-family: 'GmarketSans'; font-weight: 300; font-style: normal; src:url('/contents/fonts/GmarketSansMedium.woff') format('woff'); font-display: swap; }
 @font-face { font-family: 'GmarketSans'; font-weight: 400; font-style: normal; src:url('/contents/fonts/GmarketSansBold.woff') format('woff'); font-display: swap; }
 .f_gmarket{ font-family:'GmarketSans'; }
 .main_container .inner{ padding: 0 8%;}
 body{ min-width: 280px;}
  .main_top { background:url("/images/life_mobile/main/bg_visual.jpg?build_20251114001") no-repeat center bottom; background-size: cover; height: 630px; width: 100%; position:relative; overflow: hidden}
 .main_top .main_txt{ background: url("/images/life_mobile/main/main_sp.png?build_20251114001") no-repeat scroll -3px 0 / 360px; text-indent: -9999px; width: 339px; height:77px; margin: 83px auto 0}
 .box_counseling{ position: absolute; left: 8%; bottom:18px; width: 86%; }
 .box_counseling li{ margin-bottom: 6px; width:100%; }
 .box_counseling li:last-child{ margin-bottom: 0;}
 .box_counseling li a{ display:block; background-color:#d4eef7; width: 100%; height:59px; border-radius:18px; line-height: 59px; box-shadow: 2px 4px 4px rgba(0,0,0, 0.1);font-size: 15px; color: #2c67b2;}
 .box_counseling li a:before{ content: ''; display: inline-block; width:51px; height: 43px; background: url("/images/life_mobile/main/main_sp.png?build_20251114001") no-repeat scroll -7px -96px / 360px; margin: 2px 12px 0 20px; vertical-align: middle;}
 .box_counseling li a:after{ content: ''; display: block; width:60px; height: 12px; background: url("/images/life_mobile/main/main_sp.png?build_20251114001") no-repeat scroll -85px -102px / 360px; vertical-align: middle; float: right; margin: 22px 20px 0 0;}
 .box_counseling .btn_01:before{ background-position: -7px -96px; margin-top: 10px;}
 .box_counseling .btn_02:before{ background-position: -7px -140px }
 .box_counseling .btn_03:before{ background-position: -7px -194px }
  .main_container h3{ font-size:30px; color:#2c67b2; margin-top: 63px; line-height: 30px; text-align: center; margin-bottom: 15px; }
 .main_container .s_txt{text-align:center; font-size: 15px; color: #5b5b5b; font-weight: 400; line-height: 1.3;}
  .wrap_notice{ background-color: #fff; position: relative; padding-bottom: 40px;}
 .wrap_notice:before{ content: ''; background: url("/images/life_mobile/main/bg_notice_t.png?build_20251114001") 0 0 no-repeat; background-size: 166px; width: 166px; height: 69px; display:block; position: absolute; top:-60px; left: 0;}
 .wrap_notice:after{ content: ''; background: url("/images/life_mobile/main/bg_notice_b.png?build_20251114001") 0 0 no-repeat; background-size: 157px; width: 157px; height: 74px; display:block; position: absolute; bottom: 0px; right: 0;}
 .wrap_notice .tab_box{position: relative; margin-top: 15px;}
 .wrap_notice .tab_box .item .tab_btn{ position: absolute; top:0; width: 130px; box-sizing: border-box; text-align: center; height: 38px; line-height: 38px; color: #333; font-weight: 400; border: 1px solid #e6e6e6;}
 .wrap_notice .tab_box .item01 .tab_btn{ left:50%; margin-left: -130px;}
 .wrap_notice .tab_box .item02 .tab_btn{ left:50%; }
 .wrap_notice .tab_box .item.on .tab_btn{ background-color:#2c67b2; border:1px solid #2c67b2; color: #fff;}
 .wrap_notice .tab_box .item .tab_inner{ padding-top: 80px; overflow: hidden; }
 .wrap_notice .tab_box .item .tab_inner ul{ display: flex; margin-left: 8%;}
 .wrap_notice .tab_box .item .tab_inner li{ background-color: #fff; width: 249px; padding: 30px 20px; box-sizing: border-box; margin-right: 18px; border-radius: 18px; box-shadow: 0 0 9px rgb(73 115 143 / 10% );border:1px solid #ddd;}
 .wrap_notice .tab_box .item .tab_inner li:hover{ border:2px solid #2c67b2; }
 .wrap_notice .tab_box .item .tab_inner li .txt_tit{ display: block; font-size: 16px; font-weight: 500; line-height: 20px; max-height:40px; width: 209px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
 .wrap_notice .tab_box .item .tab_inner li .txt_cont{ margin-top: 20px; display: block; font-size: 14px; color: #666; line-height: 16px; max-height:32px; width: 100%; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
 .wrap_notice .tab_box .item .tab_inner li .txt_date{ display: block; margin-top: 20px; font-size: 13px; color: #888888; line-height: 15px; height: 15px;}
 .wrap_notice .tab_box .item .tab_inner .bx-wrapper{box-shadow: none; margin-bottom: 0; border: none;}
 .wrap_notice .tab_box .box_navi{ margin-top:35px; display: flex; justify-content: center; position: relative; z-index: 2}
 .wrap_notice .tab_box .box_navi a{ display: block; width: 42px; height: 42px; border:1px solid #d3d3d3; border-radius: 50%; text-indent: -9999px; margin-right: 9px; background-color: #fff;}
 .wrap_notice .tab_box .box_navi a:last-child{margin-right: 0;}
 .wrap_notice .tab_box .box_navi .btn_prev:after{ content: ''; display: block; background: url("/images/life_mobile/main/main_sp.png?build_20251114001") no-repeat scroll -94px -140px / 360px; width: 6px; height: 11px; margin: -6px auto 0;}
 .wrap_notice .tab_box .box_navi .btn_more:after{ content: ''; display: block; background: url("/images/life_mobile/main/main_sp.png?build_20251114001") no-repeat scroll -144px -140px / 360px; width: 9px; height: 10px; margin: -6px auto 0;}
 .wrap_notice .tab_box .box_navi .btn_next:after{ content: ''; display: block; background: url("/images/life_mobile/main/main_sp.png?build_20251114001") no-repeat scroll -198px -140px / 360px; width: 6px; height: 11px; margin: -6px auto 0;}
  .wrap_counseling{ background:linear-gradient(to right,#75c57f 30%,#2b8fd0 90%); overflow: hidden; box-sizing: border-box; width: 100%;}
 .wrap_counseling h3{ color: #fff; margin-top: 40px;}
 .wrap_counseling .s_txt{ color: #fff; margin-bottom: 40px;}
 .wrap_counseling .cont{ background: url("/images/life_mobile/main/bg_counseling.jpg?build_20251114001") center bottom no-repeat; background-size: cover; height:420px; overflow: hidden;font-size: 16px;}
 .wrap_counseling .cont ul{ margin-top: 50px; overflow: hidden}
 .wrap_counseling .cont li{ width: 48%; margin-right: 2%; height: 150px; float: left; margin-bottom: 14px;}
 .wrap_counseling .cont li:nth-child(2n){ margin-right: 0;}
 .wrap_counseling .cont li a { display: inline-block; background: rgba(0,0,0,.5); width: 100%; height:100%; color: #fff; text-align: center; position: relative;}
 .wrap_counseling .cont li a span[class^='ico_']{ display: block; background-image: url( /images/life_mobile/main/main_sp.png?build_20251114001); background-size: 360px; height:41px; margin: 22px auto 5px; }
 .wrap_counseling .cont li a .ico_01{ background-position: -88px -171px; width:46px; }
 .wrap_counseling .cont li a .ico_02{ background-position: -152px -171px; width:41px; }
 .wrap_counseling .cont li a .ico_03{ background-position: -222px -171px; width:47px; }
 .wrap_counseling .cont li a .ico_04{ background-position: -290px -171px; width:35px; }
 .wrap_counseling .cont li a:after{ content:''; background: url("/images/life_mobile/main/main_sp.png?build_20251114001") no-repeat -297px -97px / 360px; width: 26px; height: 26px; display: block; position: absolute; bottom: 23px; left: calc( 50% - 13px );}
  .wrap_centerinfo{margin-bottom: 60px;}
 .wrap_centerinfo .guide_box{ background-color: #eee; width: 100%; height:166px; text-align: center; position: relative; }
 .wrap_centerinfo .guide_box h4{ color: #2c67b2; font-size: 18px; font-weight: 600; padding-top: 27px;}
 .wrap_centerinfo .box01{ margin: 40px 0 18px 0;}
 .wrap_centerinfo .txt_info01{ font-size: 20px; margin-top: 13px; font-weight: 400;}
 .wrap_centerinfo .box01 a{ display:block; color: #fff; background-color: #2c67b2; border-radius: 4px; box-shadow: 2px 4px 4px rgba(0,0,0, 0.1); height: 44px; line-height: 44px; width: 80%; margin: 20px auto 0;}
 .wrap_centerinfo .txt_info02{ font-size: 16px; margin-top:26px; color:#2c67b2; font-weight: 400; }
 .wrap_centerinfo .box01:after{ content: ''; display: block; background: url("/images/life_mobile/main/bg_guide01.png?build_20251114001") 0 0 no-repeat; background-size: 118px; width: 118px; height: 145px; position: absolute; right:0; bottom:0;}
 .wrap_centerinfo .box02:after{ content: ''; display: block; background: url("/images/life_mobile/main/bg_guide02.png?build_20251114001") 0 0 no-repeat; background-size: 112px; width: 112px; height: 127px; position: absolute; right:0; bottom:0;}
 @media all and (min-width:640px){ .main_top { background:url("/images/life_mobile/main/bg_visual.jpg?build_20251114001") no-repeat center center; background-size: cover;}
 }
 @media all and (max-width:360px){ .main_top .main_txt{ background: url("/images/life_mobile/main/main_sp.png?build_20251114001") no-repeat scroll -2px -2px / 320px;width: 300px; height:65px;}
 }
 @media all and (max-width:280px){ .main_top .main_txt{ background: url("/images/life_mobile/main/main_sp.png?build_20251114001") no-repeat scroll -2px -2px / 250px;width: 250px; height:65px;}
 .box_counseling li a:before{ content: ''; width:0; height: 0; margin-right: 0px; }
 .main_container .s_txt{ font-size: 13px;}
 }