@charset "utf-8";  #wrap{position:relative;}
 body{font-family: 'Noto Sans KR', sans-serif; min-width:320px; font-size:15px; color:#000; font-weight:400}
 address{font-style:normal}
 img{vertical-align:top;  max-width:100%; height:auto}
 .clear:after{display:block; content:""; clear:both}
 .group:after{display:block; content:""; clear:both}
 video{width:100%}
  #header {position:relative; height:50px; background-color: #fff;}
 #header .inner{width: 100%;}
 #header .logo{ width:156px; margin:0 auto; padding-top:15px;}
 #header .logo a{display:inline-block;}
 #header .logo a img{vertical-align:top}
 #header .go_search{width: 43px; height: 39px; background-color: #fff; border-radius: 3px; display: flex; align-items: center; justify-content: center; margin-right: 8px; position:absolute; top:5px; right:0;}
 #header .go_search span {background: url("/images/www_mobile/common/layout_sp.png?build_20250523002") no-repeat scroll -31px -84px / 360px; display: block; width: 20px; height: 20px; text-indent: -99999px; margin-left: 2px;}
 #header .go_fullmenu{width: 43px; height: 39px; background-color: #fff; display: flex; justify-content: center; align-items: center; position: absolute; top:5px; left:5px;}
 #header .go_fullmenu span{display:block; width:17px; height:17px; background: url("/images/www_mobile/common/layout_sp.png?build_20250523002") no-repeat 0 -84px / 360px; text-indent:-99999px;}
  #search_box {display: none; width:100%; background: linear-gradient(to left bottom,#1f8086, #2c9a37); height:100px; position:absolute; top:50px; left: 0; z-index:50;}
 #search_box > .search_word{position:absolute;top:60px;font-size:13px;padding-left:15px}
 #search_box > .search_word strong{padding-right:10px;color:#fff}
 #search_box > .search_word span{padding-right:10px}
 #search_box > .search_word span a{color:#fff;}
 #search_box fieldset { padding:15px 4% 25px 4% ; width: 92%;}
 #search_box #search_input_box .sch_left { width:82%; border-radius:2px; margin-right:1.5%; float:left; background-color:#fff; background:none;}
 .search { height:36px; line-height:36px; padding:0 10px; width:90%; border:0; color:#113184; border-radius:2px; font-size:14px;}
 #search_box #search_input_box .sch_right { width:16.5%; float:left; background-color:#001d32; border-radius:2px; }
 #search_box #search_input_box .sch_btn { background:none; text-align:center; border:0; height:36px; width:100%; color:#fff; cursor:pointer; font-size:13px}
 #search_box #search_input_box label { color: #5a5a5a; left: 6%; position: absolute; top: 24px; font-size:13px;}
 #search_box h2 { color:#6d8cde; font-size:15px; font-weight:600; margin-left:4%; width:74px; position:absolute; display:none;}
 .popular { float:left; position:relative; margin:2px 4% 0; line-height:21px; height:43px; overflow:hidden; font-size:13px; display:none;}
 .popular a { color:#fff;}
 .popular li { float:left; margin-left:7px;}
 .popular li:first-child { padding:0 0 0 72px;}
 #search_box .search_close { width:100%; background-color:#001d32; height:32px; line-height:32px; position:absolute; z-index:10; bottom:0; left:0; text-align:center; box-shadow:0 0 2px 0 #4b4949; margin-bottom:0}
 #search_box .search_close a { display:block; font-size:13px; color:#fff;}
  #gnb_box{position: fixed; top: 0; right: -100%; width: 90%; z-index: 999; overflow: visible; height: 100%;}
 #gnb_box .gnb_wrap{height: 100%; overflow: auto;}
 #gnb_box .gnb_wrap .gnb_util{display: flex; align-items: center; padding: 0 10px; height: 58px; background-color: #27594e;}
 #gnb_box .gnb_wrap .gnb_util ul{}
 #gnb_box .gnb_wrap .gnb_util ul li{float: left; margin-right: 5px;}
 #gnb_box .gnb_wrap .gnb_util ul li a{display: block; border-radius: 5px; border: 1px solid #fff; color: #fff; padding: 0 10px; height: 28px; line-height: 28px;}
 #gnb_box .gnb_wrap .gnb_util ul li.home a{padding: 0; width: 28px; text-indent: -99999px; background: url("/images/www_mobile/common/layout_sp.png?build_20250523002") no-repeat -91px 7px / 360px;}
 #gnb_box .gnb_wrap .gnb_util ul li.login a{width: 10px; background: url("/images/www_mobile/common/layout_sp.png?build_20250523002") no-repeat -177px 6px / 360px; text-indent: -99999px;}
 #gnb_box .gnb_wrap .gnb_util ul li.logout a{width: 10px; background: url("/images/www_mobile/common/layout_sp.png?build_20250523002") no-repeat -200px 6px / 360px; text-indent: -99999px;}
 #gnb_box .gnb{clear: both; background: linear-gradient(#333e4f, #276e7a); position: relative; width: 100%; z-index: 100; overflow: auto;}
 #gnb_box .gnb .gnbA{width: 140px;}
 #gnb_box .gnb .gnbA > a{display: block; color: #fff; font-size: 15px; border-bottom: 1px solid rgba(255,255,255,0.22); padding: 10px 15px;}
 #gnb_box .gnb .gnbA.on > a{background-color: #309ca3;}
 #gnb_box .gnb .gnbA .gnbB{display: none; position: absolute; top: 0; right: 0; background-color: #fff; height: 100%; text-align: left;}
 #gnb_box .gnb .gnbA.on .gnbB{display: block;}
 #gnb_box .gnb .gnbA .gnbB > li > a{padding: 7px 35px 7px 15px; min-height: 31px; border-bottom: 1px solid #eaeaea; display: flex; align-items: center; position: relative; background-color: #fff;}
 #gnb_box .gnb .gnbA .gnbB > li.on > a, #gnb_box .gnb .gnbA .gnbB > li.on2 > a{background-color: #f2f2f2;}
 #gnb_box .gnb .gnbA .gnbB > li > a > span{position: absolute; top: 17px; right: 15px; text-indent: -99999px; width: 11px; height: 11px; background: url("/images/www_mobile/common/layout_sp.png?build_20250523002") no-repeat -138px 0 / 360px;}
 #gnb_box .gnb .gnbA .gnbB > li > a > span.open{background-position: -138px 0;}
 #gnb_box .gnb .gnbA .gnbB > li > a > span.close{background-position: -164px 0;}
 #gnb_box .gnb .gnbA .gnbB .gnbC{display: none; padding: 15px; border-bottom: 1px solid #eaeaea; background-color: #fff;}
 #gnb_box .gnb .gnbA .gnbB .gnbC > li > a{display: block; position: relative; padding: 2px 0 2px 10px;}
 #gnb_box .gnb .gnbA .gnbB .gnbC > li.on > a{color: #d64227;}
 #gnb_box .gnb .gnbA .gnbB .gnbC > li > a:before{content: ''; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background-color: #666;}
 #gnb_box .gnb .gnbA .gnbB .gnbC > li.on > a:before{background-color: #d64227;}
 #gnb_box .gnb_close{position: absolute; top: 6px; right: 5px;}
 #gnb_box .gnb_close a{display: block; text-indent: -99999px; width: 45px; height: 45px; position: relative;}
 #gnb_box .gnb_close a:before{content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 2px; background-color: #fff; border-radius: 50px; margin: -1px 0 0 -15px; transform: rotate(45deg);}
 #gnb_box .gnb_close a:after{content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 30px; background-color: #fff; border-radius: 50px; margin: -15px 0 0 -1px; transform: rotate(45deg);}
 #content{position: relative;}
  #footer .family_site{position: relative;background: #3b3739;}
 #footer .family_site > a{display: block; padding: 0 20px; height: 45px; line-height: 45px; color: #fff;}
 #footer .family_site > a span.icon{float: right; position: relative; text-indent: -99999px;margin-right: 5px;}
 #footer .family_site > a span.icon:before{content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 2px; background-color: #fff; transition: ease-in-out 0.3s; transform: rotate(-45deg); margin-left: -7px;}
 #footer .family_site > a span.icon:after{content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 2px; background-color: #fff; transition: ease-in-out 0.3s; transform: rotate(45deg); margin-left: -2px;}
 #footer .family_site > a span.icon.open:before{transform: rotate(-45deg);}
 #footer .family_site > a span.icon.open:after{transform: rotate(45deg);}
 #footer .family_site > a span.icon.close:before{transform: rotate(45deg);}
 #footer .family_site > a span.icon.close:after{transform: rotate(-45deg);}
 #footer .family_site > ul{position: absolute; bottom: 42px; left: 0; width: 100%; border: 1px solid #d1d1d1; box-sizing: border-box; display: none;}
 #footer .family_site > ul li{}
 #footer .family_site > ul li a{display: block; background-color: #fff; color: #333; padding: 5px 14px; border-top: 1px solid #d1d1d1;}
 #footer .family_site > ul li:first-child a{border-top: 0;}
 #footer .footer_b {padding: 0 0 40px; background: #ffffff; display:inline-block;width: 100%;}
 #footer .footer_b ul {display: inline-block; margin: 15px 0 15px 4%; width: 92%;}
 #footer .footer_b ul li{float: left; width: 49%; margin-right:2%; border:1px solid #d8d8d8; box-sizing:border-box;}
 #footer .footer_b ul li:last-child {margin-right:0}
 #footer .footer_b ul li a{display: block; color: #303030; text-align: center;height: 40px; line-height: 40px; letter-spacing: 0;font-weight: 400;}
 #footer .footer_b ul li.pc_mode a { background:#efefef;}
 #footer .footer_b ul li.top a { background:#facb0f;}
 #footer .footer_b ul li.top a span.icon{display: inline-block; border-style: solid; border-color: #333 transparent; border-width: 0 6px 10px 6px; margin-left: 3px;}
 #footer .footer_b .inner address span{display: block; color: #303030; font-size: 13px; line-height: 20px; font-weight:400; text-align:center;}
  #wrap_hide{ position:fixed; top:0; right:0; z-index:500; width:100%; height:100%; background:#000; opacity:0.7; display:none;}