@charset "utf-8";

/* set */
body {font-size:16px!important;margin:0;padding:0;font-family: SCDream, "에스코어드림", Cafe24Ssurround,"써라운드", Dotum, "돋움", sans-serif;color:#575f64;font-weight:400;}
input, select, button{font-family: SCDream, "에스코어드림", Cafe24Ssurround,"써라운드", Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}
.mobile_back {position: fixed;top: 0; bottom: 0; left: 0; right: 0; background: #00000075; z-index: 2;}
.new_win{display: inline-block; width: 20px; height: 15px; margin-left: 5px; background: url("/images/hydrogen/common/btn_new_on.png") no-repeat; font-size: 0; vertical-align: middle;}


/* Mobile */
/* gnb */
header {position: fixed; background-color: #fff; width: 100%;z-index: 3;}
.wrap {padding: 0 12px;}
.gnb .wrap {padding: 0;}
.gnb ul {padding: 0 12px;background: #006fb8;}
.gnb .gnb_l {border-bottom: 1px solid #4d9acd;}
.gnb li {display: inline-block;}
.gnb button {background: none; font-weight: 300;padding: 0; margin: 0;}
.gnb a, .gnb button {color: #fff; font-size: .75rem;padding: 5px 5px 6px 0; display: block;}
.gnb a strong {font-weight: 400;}
.gnb button>span {font-size: 0;}
.gnb button>span::after {content: ''; display: inline-block; background: url("/images/hydrogen/common/common_ico.png")no-repeat center -1%; width: 25px; height: 15px; margin-left: 5px;}
.gnb .site_box {z-index: 999;display: none; background: #fff; border-radius: 10px; position: absolute;box-shadow: 0 5px 10px rgb(112 146 168 / 30%);} 
.gnb .site_box.on {display: block;}
.gnb .site_box ul {padding: 0; border-radius: 5px; background-color: #fff;}
.gnb .site_box li {display: block;}
.gnb .site_box a {border-radius: 5px 5px 0 0; color: #006fb8; display: block; text-align: center; padding: 5px;border-bottom: 1px solid #b9d3e6;font-weight: 400;}
.gnb .site_box li:last-of-type a {border-bottom: 0;}
.gnb .site_box a:hover, .gnb .site_box a:active, .gnb .site_box a:focus {background-color: #f3feff;}
.gnb .log::after, .gnb .smap::after , .gnb .sch::after {content: ''; width: 23px; height: 15px; background: url("/images/hydrogen/common/common_ico.png") no-repeat center 5%; display: inline-block; background-size: 23px;}
.gnb .smap::after {background-position-y: 20.3%;}
.gnb .sch::after {background-position: 10% 12.5%;}
/*.gnb button.sch>span::after {background-position: 150% 13%;}*/

.search>div {display: none;position: absolute;top: 57px; left: 0;  width: 100%; background: #d8f2ff; padding: 22px 20px; z-index: 6;}
.search>div.on {display: block;}
.search .seach_box {box-shadow: 0 0 10px #546d7e70;background: #fff; width: calc(100% - 40px); padding: 5px; float: left; border: 2px solid #006fb8; border-radius: 20px; overflow: hidden;height: 35px; position: relative;}
.search .seach_box input[type="text"] {cursor: text;height: 100%;width: calc(100% - 50px);}
.search input::placeholder {font-size: .7rem; position: absolute; top: 20%;color: #006fb8; font-weight: 300;left: 7%;}
.search input[type="submit"] {cursor: pointer;background: url("/images/hydrogen/common/common_ico.png") no-repeat center 70%; font-size: 0; width: 30px; height: 30px; position: absolute;right: 5%; top: 5%; background-size: 20px;}
.search div>button {box-shadow: 0 0 10px #546d7ee6;font-size: 0; background: #444444 url("/images/hydrogen/common/common_ico.png") no-repeat center 79.3%; display: block; width: 35px;height: 35px; position: absolute;top: 25px; right: 20px; border-radius: 50%;background-size: 25px;}


/* menu */
.head {position: relative; height: 80px; padding: 20px 12px; border-bottom: 1px solid #b9d3e6;}
.head .wrap {padding: 0;}
.head h1 {margin: 0 auto;}
.head h1 a{display: block; height: 39px;width: 239px;}
.head h1 a img {width: 100%;}

.menu_wrap button {padding: 0;position: absolute;right: 12px; top: 20px;font-size: 0; background: #fff url("/images/hydrogen/common/common_ico.png") no-repeat center 27.3%; width: 40px; height: 40px; border: 1px solid #006fb8; border-radius: 50%;}
.menu {overflow-y: auto;background: #167abc;display: none;position: fixed;top: 137px;bottom: 0; right: 0; width: 100%; z-index: 3;}
.menu.on {display: block;}

.menu>ul>li>a {position: relative; color: #fff; display: block; font-size: 18px;padding: 20px 12px; border-bottom: 1px solid #005f9f; outline-offset: -2px; font-family: 'Cafe24Ssurround';-webkit-text-stroke: 0.2px;}
.menu>ul>li>a::after {content: ''; background: url("/images/hydrogen/common/arrow.png") no-repeat center top; width: 25px;height: 15px;position: absolute; right: 12px; top: 22px; transform: rotate(180deg);}
.menu li ul {padding: 10px 0;background: #0a66a3;}
.menu li li a::before {content: '';width: 5px;height: 5px; border-radius: 20px; position: absolute; left: 17px;background-color: #fff;top: 15px;}
.menu li li a {display: block; padding: 10px 30px;color: #fff; position: relative;} 
.menu li li a:hover, .menu li li a:active, .menu li li a:focus {text-decoration: underline;}
.menu li li ul {margin: 0; padding: 0 0 10px 7px;}
.menu li li ul li { border-bottom: 0;}
.menu li li ul a::before {content: '';width: 3px; height: 3px; background-color: #ffffff;top: 18px; left: 20px;}
.menu li li ul a {font-size: 14px; display: block;}
.menu li li ul ul a::before {content: none;}
.menu li li ul ul a {font-size: .8rem;border-radius: 30px; margin: 5px 25px 10px 10px; padding: 5px 20px;border: 1px solid #ffffff; color: #fff;}
.menu li li ul ul a:hover, .menu li li ul ul a:active, .menu li li ul ul a:focus {text-decoration: none; background: #ffffff;color: #1a4669; border: 1px solid #ffffff;}
.menu_wrap button.menu_close {background-position-y:35.6%; top: -60px;}

/* FOOTER */
/* 배너모음 */
footer {background: #444444;}
footer .top {position: relative; }
footer .top a{display: block; width: 55px; height: 80px; background: #ffffffc2; background-position: 50% 3px;border-radius: 8px 20px 8px 8px; font-size: 0;box-shadow: 0 0 20px #87bade36;    position: absolute; top: -100px; right: 12px;}
footer .top a span::before {content: '';background: url("/images/hydrogen/common/common_ico.png") no-repeat center 101.5%; width: 28px; height: 55px; display: block;margin: 0 auto;}
footer .top a span {color: #006cb8; font-size: 14px; text-align: center; display: block; font-family: 'Cafe24Ssurround';-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1); }
.f_banner {padding: 20px 0;overflow: hidden;background: #dfdfdf;}
.f_banner h4 {font-size: 20px; font-family: 'Cafe24Ssurround';-webkit-text-stroke: 0.35px; float: left; margin: 5px 10px 5px 0;}
.f_banner .control {float: left;margin-right: 10px;}
.f_banner .btn {padding: 3px 10px; border-radius: 20px; border: 1px solid #575f64;}
.f_banner .btn button {font-size: 0; padding: 10px; background: url("/images/hydrogen/common/common_ico.png")no-repeat center; width: 20px; height: 20px; display: inline-block;}
.f_banner .btn button.prev {background-position-y: 43.9%;}
.f_banner .btn button.stop {background-position-y: 51.6%;}
.f_banner .btn button.play {background: url("/images/hydrogen/common/play.png")no-repeat center 100%;}
.f_banner .btn button.next {background-position-y: 59.2%;}
.f_banner .list {float: right; width: calc(100% - 188px);overflow: hidden;}
.f_banner .list ul {width: 9999px;}
.f_banner .list li {display: inline-block; margin: 5px 10px 0px 0;}
.f_banner .list li a {display: block;}
.f_add {padding: 10px 0 15px;}
.f_add li {display: inline-block;}
.f_add a {color: #666; font-size: 14px; text-align: center;}
.f_add div {padding: 15px 0;}
.f_add address, .f_add p {word-break: keep-all;color: #a0a8ad; font-style: normal; font-size: 14px; word-break: keep-all;}
.f_logo img{display: inline-block; width: 239px; height: 39px;}


@media all and (min-width:768px) {
.gnb {background: #006fb8;}
.gnb ul {border-radius: 10px;display: inline-block; padding: 0;}
.gnb .gnb_l {border-bottom: 0;}
.gnb .gnb_r {float: right;}
.gnb a, .gnb button {font-size: 14px; padding: 10px 20px 11px 0;}
.gnb .log::after, .gnb .smap::after {background: url("/images/hydrogen/common/common_ico.png") no-repeat center 5.4%;background-size: 25px;}
.gnb .smap::after {background-position-y: 20.6%;}
.gnb .gnb_r li:last-of-type button {padding-right: 0;}
.gnb .gnb_r .site_box {right: 0;}
.gnb .site_box ul {background-color: #fff;}
.gnb .site_box a {min-width: 100px;padding: 10px;}
.gnb .sch::after { background-position: 10% 13%; background-size: 27px;}
.gnb button.sch {position: relative;}
.search input::placeholder {font-size: 14px;}
.search>div {top: 10px;left: auto; width: 50%; background: none;right: 0;}
.search .seach_box {height: 40px;}

.head {padding: 12px;}
.head h1 a {height: 51px; width: 312px;}
.menu {top: 120px;}

footer .top {top: 10px;}
.f_add {padding: 10px 0;}
.f_add ul li{margin-right: 10px;}
.f_add div {padding: 15px 0;}
.f_logo p, .f_logo img {width: 312px; height: 51px;}
}

@media all and (min-width:1023px) {
header {position: relative;min-width: 1400px;}
.wrap {width: 1400px; margin: 0 auto; position: relative;padding: 0;}
.gnb ul {background: none;}
.search>div {max-width: 500px;width: 50%;}
.search .seach_box {width: calc(100% - 45px); height: 50px;border-radius: 50px;}
.search input::placeholder {top: 23%;}
.search input[type="submit"] {height: 40px; top: 10%; background-size: 30px;}
.search div>button {width: 40px; height: 40px; background:#444444 url("/images/hydrogen/common/common_ico.png") no-repeat center 79.4%}

.head {height: 100px;width: 100%; padding: 12px 0;}
.head .wrap {position: unset;}
.head h1 {margin: 0;  float: left; padding: 10px 0 0 0;}
.head .menu_wrap { float: right;}
.menu_wrap button {display: none;}
.menu {display: block; position: static; background: none;}
.menu>ul>li {display: inline-block;}
.menu>ul>li>a::before {content: ''; transition: .5s ease;}
.menu>ul>li>a {-webkit-text-stroke: 0;color: #444f52;padding:27px 27px 35px; border-bottom: 0; font-size: 22px;}
.menu>ul>li>a:hover::before, .menu>ul>li>a:focus::before, .menu>ul>li.on>a::before {content: '';background: #006fb8; width: 8px; height: 8px; border-radius: 10px; position: absolute; left: 10px;top: 25px; box-shadow: 0 0 5px #75a5c7;}
.menu>ul>li>a:hover, .menu>ul>li>a:focus, .menu>ul>li.on>a {color: #006fb8;position: relative;}
.depth_box {position: absolute;top: 97px;left: 0; right: 0;background: #006fb8;}
.menu .depth_boxcon {width: 1400px ; margin: auto;}
.menu .depth_boxcon>ul {background: none;}
.menu li li a::before {left: 20px;top: 20px;}
.menu li li a {padding: 20px 30px;}
.menu>ul>li>a::after {content: none;}
.menu li li {padding: 0 14px 0 0;display: inline-block; /*float: left;*/}
.menu li li ul {padding: 0 0 10px 20px; background: none;}
.menu li li ul li {width: auto;display: block;}
.menu li li ul a::before {top: 10px; left: 10px;}
.menu ul li li li a{height: auto; font-size: 16px;padding: 0 0 20px 20px;}
.menu ul li li li li {margin: 0 0 10px 0;}
.menu ul li li li li a {padding: 5px 20px; min-width: 200px;margin: 0; font-size: 14px;}

.menu1 .depth_boxcon>ul>li:first-child {margin-left: 450px;}
.menu2 .depth_boxcon>ul>li:first-child {margin-left: 720px;}
.menu3 .depth_boxcon>ul>li:first-child {margin-left: 830px;}
.menu4 .depth_boxcon>ul>li:first-child, .menu5 .depth_boxcon>ul>li:first-child, .menu6 .depth_boxcon>ul>li:first-child {margin-left: 830px;}

.menu>ul>li>a>.new_win{background: url("/images/hydrogen/common/btn_new.png") no-repeat;}

footer {min-width: 1400px;}
.f_banner {min-width: 1400px;padding: 25px 0; overflow: visible;}
.f_banner .list { width: calc(100% - 200px);}
.f_banner .list li {margin: 5px 20px 0 0;}
.f_banner::after {content: ''; display: block; clear: both;}
.footer {padding:30px 0;}
footer .top {top: 40px;}
footer .top a {width: 60px; height: 100px;top: -185px;}
footer .top a span::before {background: url("/images/hydrogen/common/common_ico.png") no-repeat center 89%;margin: 5px auto 10px;}
footer .top a span {font-size: 16px;}
.f_add {display: flex; align-items: center;}
.f_add div:nth-of-type(2) {padding-left: 50px;}
.f_add address, .f_add p {font-size: 16px;}    
}

@media all and (min-width:1650px) {
footer .top a {top: -250px;right: 50px;}
}

/****** sub layout ******/
.sub_container {position: relative; overflow: hidden;}
.sub_container::before {content: ''; background: url("/images/hydrogen/common/sub_bg1.png") no-repeat;width: 130px; height: 130px;position: absolute;top: 80px;left: -60px; background-size: 100%;z-index: 0;}
.sub_container::after {content: ''; background: url("/images/hydrogen/common/sub_bg2.png") no-repeat;width: 200px;height: 200px; position: absolute;top: 100px; background-size: 100%;z-index: -1;right: -50px}

.s_title{padding-top: 145px;position: relative;}
.s_title h3{margin: 50px 0;text-align: center; word-break: keep-all;display: block;}
.s_title .local{margin: 0 12px;}
.s_title .local>ul {display: flex;}
.s_title .local>ul>li{position: relative;display: flex; padding: 10px 0; flex-direction: row;align-items: center; justify-content: flex-start;}
.s_title .local>ul>li.home {margin: 5px 0;}
.s_title .local>ul>li:last-of-type::after {content: none;}
.s_title .local li a{position: relative;-webkit-text-stroke: 0.2px;display: block;color: #575f64; font-size: 14px; padding: 10px 30px 10px 0; font-family: 'Cafe24Ssurround';}
.s_title .local>ul>li.home>a {font-size: 0; background: url("/images/hydrogen/common/sub_ico.png") no-repeat center 0; width: 30px; height: 25px; display: block;}
.s_title .local>ul>li:last-of-type>a {color: #0062b2;}
.s_title .local .home a{width: 16px;height: 16px;background: url("/images/gpass/common/sub_ico.png") no-repeat top center;font-size: 0;}
.s_title .local li a::after {content: ''; background: #fff url("/images/hydrogen/common/sub_ico.png") no-repeat 52% 17.2%; width: 20px; height: 20px;top: 7px;border: 1px solid #c4c4c4; border-radius: 5px; position: absolute; right: 0;}
.s_title .local>ul>li>a:hover, .s_title .local>ul>li>a:active, .s_title .local>ul>li>a:focus {color: #0062b2;}
.s_title .local>ul>li.home>a::after {content: none;}
.s_title .local>ul>li::after {content: ""; background: url("/images/hydrogen/common/sub_ico.png") no-repeat center 10%;padding-left: 20px;width: 20px; height: 20px; display: inline-block;}
.s_title .local li li a {color: #daf0ff; font-family: 'SCDream';font-size: .75rem;padding: 10px 10px 5px;;min-width: 100px;}
.s_title .local li li:last-of-type a {padding-bottom: 10px;}
.s_title .local li li a::after {content: none;}
.s_title .local li li a:hover, .s_title .local li li a:active, .s_title .local li li a:focus {color: #fff;} 
.s_title .local .navi div{display: none;position: absolute;left: 0;text-align: center;background: #0a66a3;box-sizing: border-box;box-shadow: 0 5px 10px rgb(187 204 219 / 38%); z-index: 1;top: 0;top: 50px;border-radius: 10px;}
.s_title .local .navi div.on{display: block;}
.s_title .local .navi div button{position: absolute;width: 40px;height: 40px;border-radius: 10px 10px 20px;background: url("/images/hydrogen/common/sub_ico.png") no-repeat 55% 59% #575f64;font-size: 0;padding: 0;margin: 0;right: 0;bottom: -45px; box-shadow: 0 0 10px rgba(11, 48, 76, 0.6);}

.s_title .utill{position: absolute;right: 12px;top: 235px;z-index: 1;}
.s_title .utill li {margin-bottom: 5px;}
.s_title .utill li.share, .s_title .utill li.qrmark {position: relative;}
.s_title .utill li button{width: 40px;height: 40px;padding: 0;margin: 0;font-size: 0;border-radius: 10px 20px 10px 10px; border: 1px solid #c4c4c4;background:#fff url("/images/hydrogen/common/sub_ico.png") no-repeat 60% 24.6%; }
.s_title .utill li.share button{background-position-y: 34.3%;}
.s_title .utill li.qrmark button{background-position-y: 43.3%;}

.s_title .share button, .s_title .share a{display: block;width: 40px;height: 40px;padding: 0;margin: 0;font-size: 0;border-radius: 10px 20px 10px 10px;background: url("/images/hydrogen/common/sub_ico.png") no-repeat 60% 74%;}
.s_title .share div, .s_title .qrmark div{display: none;position:relative;z-index: 1;}
.s_title .share div.on, .s_title .qrmark div.on{display: block;}
.s_title .share div li {position: absolute;right: 43px;top: -40px;}
.s_title .share .twi {right: 86px;}
.s_title .share .twi a{background-position-y: -373px;}
.s_title .share .band {right: 129px;}
.s_title .share .band a{background-position: 70% -420px;}
.s_title .utill .share div button, .s_title .utill .qrmark div button {background: #575f64 url("/images/hydrogen/common/sub_ico.png") no-repeat 60% 58.5%;right: 172px; position: absolute;top: -40px;border: 0;}
.s_title .qrmark div a {display: block; position: absolute; right: 0;}
.s_title .utill .qrmark div button {top: auto;right: 0;bottom: -190px; border-radius: 10px;}

.s_con{margin: 0 20px 50px;}
.scon_bottom{margin: 20px 20px 100px;}

@media all and (min-width:768px) {
.sub_container::before {width: 200px;height: 200px;top: -80px;left: -55px;}
.sub_container::after {width: 350px;height: 350px;top: -25px;right: -60px;}

.s_title .local>ul>li {margin: 0 10px;}
.s_title .local li a {font-size: 16px;}
.s_title .local>ul>li::after {background: url(/images/hydrogen/common/sub_ico.png) no-repeat 300% 10%;padding-left: 35px;}
.s_title h3 {margin: 70px 0;}

.s_title .utill li {margin-bottom: 10px;}
.s_title .utill li button {width: 45px; height: 45px;background-position-y: 24.2%;}
.s_title .utill li.share button {background-position-y: 34.1%;}
.s_title .share div li {right: 50px;top: -45px;}
.s_title .share button, .s_title .share a {width: 45px; height: 45px; background: #4167bc url(/images/hydrogen/common/sub_ico.png) no-repeat 60% 74%;}
.s_title .share .twi {right: 100px;}
.s_title .share .twi a {background-position-y: -370px;background-color: #50aef5;}
.s_title .share .band {right: 150px;}
.s_title .share .band a {background-color: #696869;}
.s_title .utill li.share div button {background-position-y: 58.5%;right: 200px; top: -45px;}
.s_title .utill .qrmark div button {bottom: -195px;}

.s_con {margin: 0 20px 80px;}
.scon_bottom{margin: 20px 20px 75px;}
}

@media all and (min-width:1023px) {
.sub_container::before {width: 301px; height: 301px; top: -120px;left: -90px;}
.sub_container {overflow: visible;}
.sub_container::after {width: 629px;height: 628px;top: -200px; right: -50px;}

.s_content{max-width: 1400px;margin: 0 auto;}
.s_title {padding-top: 30px; position: relative;}
.s_title h3 {font-size: 40px;}
.s_title .local {margin: 0;}
.s_title .local>ul>li {padding-bottom: 18px;}
.s_title .local>ul>li.home {padding-bottom: 21px;}
.s_title .local li li a {font-size: 14px; padding: 10px 15px 0; min-width: 160px;}
.s_title .local li a::after {top: 9px;}
.s_title .utill {top: 140px;right: -45px;}

.s_con {margin: 100px 0 100px;}
.scon_bottom{margin: 0 0 105px;min-width: 1400px;}
}

@media all and (min-width:1400px) {
.sub_container {overflow: hidden;}
}

/* 공공누리 */
.license{background: #fbfbfb;padding:20px;margin-bottom: 20px;text-align:center;border-radius: 10px;word-break: keep-all;}
.license div{display:block;margin:0 0 10px 0}
.license p em{font-style:normal;font-weight:300;vertical-align: baseline;}
.license p em:after,.license p em:before{content:'\0022'}
@media all and (min-width:1023px) {
.license{overflow:hidden;text-align:left}
.license div{float:left;margin:0}
.license p{float:right;margin:12px 0 0 0;width:calc(100% - 230px)}
}

/* 콘텐츠담당자 */
.manager{background: #fbfbfb; padding: 20px; border-radius: 10px; margin-bottom: 8px;}
.manager h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.manager li{margin:0 0 10px 0;}
.manager li strong, .manager p>strong{color: #1e6db3;font-weight: 500;}
@media all and (min-width:768px) {
.manager{position:relative}
.manager ul{overflow:hidden}
.manager li{float:left;margin:0 30px 5px 0;}
}
@media all and (min-width:1023px) {
.manager p{position:absolute;bottom:20px;right:20px}
.manager li{margin:0 30px 0 0;}
}

/* 만족도조사 */
.research{padding: 20px;}
/* .research h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em} */
.research p{margin:0 0 10px 0;}
.research li{line-height:1.5em;}
.research li {margin:0 0 10px 0;}
.research li *{vertical-align:middle;}
.research input[type=text]{border:1px solid #ccc;width:100%;height:30px;box-sizing:border-box;border-radius: 5px; margin-bottom: 5px;}
.research input[type=submit]{font-weight: 500;background:#1e6db3;color:#fff;width:100%;height:30px;border-radius: 5px;}
.research label{margin-right:20px;font-size: 14px;}
.research a.btn_bbsw{width:100%;padding:9px 0 0 0;margin:5px 0 0 0;text-align:center;}
@media all and (min-width:768px) {
.research{padding:20px;position:relative}
.research ul {margin-bottom: 20px;}
.research li {margin:0;}
.research input[type=text]{width: calc(100% - 105px); height: 40px;}
.research input[type=submit]{width: 100px; height: 40px; font-size: 14px;}
.research label:last-of-type {margin-right: 0;}
.research a.btn_bbsw{width:100px;position:absolute;top:20px;right:25px;}
}
@media all and (min-width:1023px) {
.research ul{overflow:hidden}
.research li{float:left;width:50%}
.research li:nth-of-type(2) {float: right; width: auto;}
}   
/* IE6,7,9,10 */
.gnb .site_box {box-shadow: 0 5px 10px rgb(112 146 168 / 30%);} 
@media screen and (min-width: 1023px), screen\9 {
.depth_box {top:88px;}
}
     


@font-face{
	font-family:"ONE Title";
	src:url('/font/ONEtitle.eot');
	src:url('/font/ONEtitle.eot?#iefix') format('embedded-opentype'),
	url('/font/ONEtitle.woff') format('woff'),
  url('/font/ONEtitle.woff2') format('woff2'),
	url('/font/ONETitle.ttf') format('truetype');
	src:local(※), url('/font/ONEtitle.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Reg";
	src:url('/font/ONE Mobile Regular.eot');
	src:url('/font/ONE Mobile Regular.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Regular.woff') format('woff'),
  url('/font/ONE Mobile Regular.woff2') format('woff2'),
	url('/font/ONE Mobile Regular.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Regular.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Bold";
	src:url('/font/ONE Mobile Bold.eot');
	src:url('/font/ONE Mobile Bold.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Bold.woff') format('woff'),
  url('/font/ONE Mobile Bold.woff2') format('woff2'),
	url('/font/ONE Mobile Bold.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Bold.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Light";
	src:url('/font/ONE Mobile Light.eot');
	src:url('/font/ONE Mobile Light.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Light.woff') format('woff'),
  url('/font/ONE Mobile Light.woff2') format('woff2'),
	url('/font/ONE Mobile Light.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Light.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Title";
	src:url('/font/ONEtitle.eot');
	src:url('/font/ONEtitle.eot?#iefix') format('embedded-opentype'),
	url('/font/ONEtitle.woff') format('woff'),
  url('/font/ONEtitle.woff2') format('woff2'),
	url('/font/ONETitle.ttf') format('truetype');
	src:local(※), url('/font/ONEtitle.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Reg";
	src:url('/font/ONE Mobile Regular.eot');
	src:url('/font/ONE Mobile Regular.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Regular.woff') format('woff'),
  url('/font/ONE Mobile Regular.woff2') format('woff2'),
	url('/font/ONE Mobile Regular.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Regular.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Bold";
	src:url('/font/ONE Mobile Bold.eot');
	src:url('/font/ONE Mobile Bold.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Bold.woff') format('woff'),
  url('/font/ONE Mobile Bold.woff2') format('woff2'),
	url('/font/ONE Mobile Bold.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Bold.woff') format('woff');
    
}

@font-face{
	font-family:"ONE Light";
	src:url('/font/ONE Mobile Light.eot');
	src:url('/font/ONE Mobile Light.eot?#iefix') format('embedded-opentype'),
	url('/font/ONE Mobile Light.woff') format('woff'),
  url('/font/ONE Mobile Light.woff2') format('woff2'),
	url('/font/ONE Mobile Light.ttf') format('truetype');
	src:local(※), url('/font/ONE Mobile Light.woff') format('woff');
    
}

header{background-position:0 40px;height: 160px;}
.gov_bn{background:#ededed;}
.gb_wrap{padding:14px 0 10px 0;font-size: 12px;text-align:center;}
.gb_wrap:before{display:inline-block;content:"";width:24px;height:16px;background:url("/images/2025/potal/common/gnb_flag.gif") no-repeat;margin-top:-2px;}
.gb_wrap a{display:none;}

header nav button.nav_open{top: 91px;}
header .t_search button.open{top: 91px;}
header h1.subsite{top: 76px;}
header nav>div>ul>li>a{;font-family:"ONE Title";font-weight:normal !important;}
header nav>div div>ul>li>a{font-family:"ONE Reg";font-weight:normal !important;}
header .gnb>ul{top:80px;}
header .t_search div{top:60px;}


@media all and (min-width:768px) {
header{height: 252px;}
.gov_bn{height:40px;}
.gov_bn:after{display:block;content:"";clear:both;}
.gb_wrap{text-align:left;padding-left:20px;}
header nav{top: 190px;}
}

@media all and (min-width:1023px) {
header .t_search div{top:0;}
.gb_wrap{width:1200px;margin:0 auto;padding-left:0;border:none;font-size:14px;}
.gb_wrap a{position:relative;display:inline-block;color:#3f6abf;font-size:12px;font-family:"ONE Bold";font-weight:600;margin-left:15px;padding:0 15px;line-height:15px;}
.gb_wrap a:before{display:block;content:"";width:1px;height:10px;background:#999;position:absolute;top:3px;left:0;}
.gb_wrap a:after{display:block;content:"";width:7px;height:11px;background:url("/images/2025/potal/main/btn_set.png") no-repeat 0 0;position:absolute;top:2px;right:0;}
}