@charset "utf-8";


@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
/*     font-display: swap; */
    src:
    url(/css/font/smba/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/css/font/smba/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
/*     font-display: swap; */
    src:
    url(/css/font/smba/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/css/font/smba/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
/*     font-display: swap; */
    src:
    url(/css/font/smba/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(/css/font/smba/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {font-family:'Gmarket Sans'; font-style:normal; font-weight:300; src:local('Gmarket Sans Light'), local('GmarketSans-Light'), url('/css/font/smba/GmarketSans/GmarketSansLight.woff2') format('woff2'), url('/css/font/smba/GmarketSans/GmarketSansLight.woff') format('woff'), url('/css/font/smba/GmarketSans/GmarketSansTTFLight.ttf') format('truetype');}
@font-face {font-family:'Gmarket Sans'; font-style:normal; font-weight:500; src:local('Gmarket Sans Medium'), local('GmarketSans-Medium'), url('/css/font/smba/GmarketSans/GmarketSansMedium.woff2') format('woff2'), url('/css/font/smba/GmarketSans/GmarketSansMedium.woff') format('woff'), url('/css/font/smba/GmarketSans/GmarketSansTTFMedium.ttf') format('truetype');}
@font-face {font-family:'Gmarket Sans'; font-style:normal; font-weight:700; src:local('Gmarket Sans Bold'), local('GmarketSans-Bold'), url('/css/font/smba/GmarketSans/GmarketSansBold.woff2') format('woff2'), url('/css/font/smba/GmarketSans/GmarketSansBold.woff') format('woff'), url('/css/font/smba/GmarketSans/GmarketSansTTFBold.ttf') format('truetype');}

@font-face {
    font-family: 'designhouse';
    /* src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/designhouseOTFLight00.woff') format('woff'); */
    src: url('/css/font/smba/designhouse/designhouseOTFLight00.woff') format('woff'), url('/css/font/smba/designhouse/designhouseLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'designhouse';
    /* src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/designhouseOTFBold00.woff') format('woff'); */
    src: /* url('/css/font/smba/designhouse/designhouseOTFBold00.woff') format('woff'),  */url('/css/font/smba/designhouse/designhouseBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@keyframes cloud1{
    0% {top:16px;}
    50% {top:41px;}
    100% {top:16px;}
}

@keyframes cloud2{
    0% {top:3px;}
    50% {top:23px;}
    100% {top:3px;}
}

/* Default Setting */

body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, a, div, header, footer, span, button, input, textarea, select, address{margin:0; padding:0; box-sizing:border-box;}
body, button, input, select, textarea{font-family:'Noto Sans Korean', sans-serif; font-size:14px; font-weight:400; color:#4b4b4b; letter-spacing:-1px; overflow-x:hidden;}
table{border-collapse:collapse;}
caption{width:0; height:0; overflow:hidden; text-indent:-9999px;}
a{color:#4b4b4b; text-decoration:none;}
em{font-style:normal;}
button, input[type=submit]{border:none; background-color:transparent; cursor:pointer; overflow:hidden;}
/* button[type=button]{border:none; background-color:transparent; cursor:pointer; overflow:hidden;} */
input[type=text]{-webkit-appearance:none; -webkit-border-radius:0; font-weight:400;font-size:14px;line-height:1.4286;letter-spacing:0;color:#424242;}
input[type=password]{-webkit-appearance:none; -webkit-border-radius:0; font-weight:400;font-size:14px;line-height:1.4286;letter-spacing:0;color:#424242;}
input[type=submit]{-webkit-appearance:none; -webkit-border-radius:0;}
select{
	border-radius:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-weight:400;font-size:14px;line-height:1.45;letter-spacing:0;color:#212121;
}
select::-ms-expand{display:none;}
li{list-style:none;}
img{vertical-align:top; border:none;}
.mobile {display:none;}
.tablet {display: block;}
.hidden{position:absolute; width:1px; height:1px; margin:-1px; border:none; clip:rect(0,0,0,0); overflow:hidden;}
.hidden2{position:absolute; width:1px; height:1px; margin:-1px; border:none; clip:rect(0,0,0,0); overflow:hidden; text-indent:-9999px;}
/* .hide, .blind, caption, legend { opacity: 0; text-indent: -999em; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; } */

.inr {max-width:1510px; margin:0 auto; padding:0 35px;}

/* *:focus {outline:1px solid #000;} */
*:focus-visible { outline: #00b527 auto 3px; outline-offset: -2px; }


/* Placeholder Color */
::-webkit-input-placeholder {opacity:1; color:#767676;}	
:-moz-placeholder {opacity:1; color:#767676;}
::-moz-placeholder {opacity:1; color:#767676;}
:-ms-input-placeholder {opacity:1 !important; color:#767676 !important;}
::-ms-input-placeholder {opacity:1; color:#767676;}
::placeholder {opacity:1; color:#767676;}

/* Clearfix */
.clearfix::before {display:block; content:""; clear:both; }
.clearfix::after {display:block; clear:both; content:"";}

/* Screen Reader Only */
.sr-only {position:absolute; width:1px; height:1px; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); clip-path:polygon(0px 0px, 0px 0px, 0px 0px); -webkit-clip-path:polygon(0px 0px, 0px 0px, 0px 0px); overflow:hidden !important;}

/* Helper Classes */
.align-t {vertical-align:top;}
.align-m {vertical-align:middle;}
.align-b {vertical-align:bottom;}
.align-l {text-align:left;}
.align-c {text-align:center;}
.align-r {text-align:right;}
.align-j {-webkit-text-align-last:justify; -moz-text-align-last:justify; text-align:justify; text-align-last:justify;}
.float-l {float:left;}
.float-r {float:right;}
.ellipsis {overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

/* Design Font */
.gmarketL {font-family: 'Gmarket Sans'; font-weight:300;}
.gmarketM {font-family: 'Gmarket Sans'; font-weight:500;}
.gmarketB {font-family: 'Gmarket Sans'; font-weight:700;}
.designhouseL {font-family: 'designhouse'; font-weight:normal;}
.designhouseB {font-family: 'designhouse'; font-weight:bold;}

/* 페이지 만족도 */
div#satisfaction_inner { position: relative; width: 100%; max-width: 1510px; margin: 0 auto; padding: 0 35px; margin-bottom: 80px; }

/* #fnb ul li a:hover {text-decoration:underline;} */
#fnb ul li a:hover,
#fnb ul li a:focus {/* color:#FFF3C2; */text-decoration:underline;}
#fnb ul li.hover_effect a:hover strong,
#fnb ul li.hover_effect a:focus strong {color:#fff !important;text-decoration:underline;}

/* 스킵 네비게이션 */
#skip_navigation{width:100%; position:absolute; top:-100px; left:0;}
#skip_navigation a{display:block; position:relative; z-index:1000; height:26px; line-height:26px; font-size:14px; color:#fff; text-align:center; background-color:#000;}
#skip_navigation.active{width:100%; position:static; top:-100px; left:0;}

/* 레이아웃 구성(메인/서브) */
.footer_desc{position:relative; overflow:hidden; padding:38px 0 51px 0; background-color:#212121;}
.footer_desc .inr {position:relative;}
.footer_desc h6{position:absolute; top:0; left:35px; width:217px; height:46px; background:url(/images/np_new/f_logo.png) no-repeat 0 0/100% auto;}
.footer_desc .desc {margin-left:253px;}
.footer_desc address{padding:0; font-style:normal; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#C9C9C9;}
.footer_desc address a{display:inline-block; color:inherit;}
.footer_desc p{font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#C9C9C9;}
.footer_desc .mark {position:absolute; top:0; right:35px;}
.footer_desc .mark ul {font-size:0;}
.footer_desc .mark ul li {display:inline-block;vertical-align:middle;}
.footer_desc .mark ul li + li {margin-left:20px;}
.footer_desc .mark ul li a {display:block;}
.footer_desc .mark ul li a i {vertical-align:top; margin-right:6px; font-size:20px;}
.footer_desc .mark ul li a span {vertical-align:top; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0;}
.footer_desc .mark ul li.wa a {width: 87px; height: 60px;}
.footer_desc .mark ul li.wa a > img { width:100%; }
.footer_desc .mark ul li.gov a {width:114px; height:38px; background:url(/images/np/main_re_img/icon_footer01_over.png) no-repeat center center/100% auto;}
.footer_desc .mark ul li.taegugki a {padding:8px 12px; border-radius:4px; background-color:#5B5B5B;}
.footer_desc .mark ul li.taegugki a::before {content:""; display:inline-block; vertical-align:top; width:30px; height:20px; margin-right:6px; border-radius:5px; background:url(/images/np_new/ico_taegugki.png) no-repeat center center/100% auto;}
.footer_desc .mark ul li.taegugki a span {color:#fff;}
#footer_goverment-mark a {width:100%; height:38px; display:block;}
#footer_goverment-mark ul{float:right; overflow:hidden;}
#footer_goverment-mark ul li{float:left; margin-left:13px;}
#footer_goverment-mark div.goverment-mark {position:absolute; top:30px; right:0;}
#footer_goverment-mark div.goverment-mark ul li:nth-child(1) {width:114px; height:38px; background:url(/images/np/main_re_img/icon_footer01_over.png) no-repeat;}
#footer_goverment-mark div.goverment-mark ul li:nth-child(2) {width:114px; height:38px; background:url(/images/np/main_re_img/icon_footer02_over.png) no-repeat;}
#footer_goverment-mark div.goverment-mark ul li p {text-indent:-9999px;}

.quick-link-wrap {height:40px; border-bottom:1px solid #C8D1DB; background-color:#002B51;}
.quick-link-wrap .left-link .eg_text { padding:10px; color:#fff; }
.quick-link-wrap .left-link .eg_text img { margin-top:2px; }

/* .quick-link-wrap .left-link {background-color:#004A6B;} */
.quick-link-wrap .left-link .left-link-list {border-right:1px solid #58748E; border-left:1px solid #58748E; font-size:0; background-color:#004A6B;}
.quick-link-wrap .left-link .left-link-list li {display:inline-block; vertical-align:top;}
.quick-link-wrap .left-link .left-link-list li + li {border-left:1px solid #58748E;}
.quick-link-wrap .left-link .left-link-list li a {display:block; padding:10px 15px 9px 15px; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.03em; color:#fff;} 
.quick-link-wrap .right-link {font-size:0;}
.quick-link-wrap .right-link .site-type {display:inline-block; vertical-align:top; border-right:1px solid #C8D1DB; border-left:1px solid #C8D1DB; font-size:0;}
.quick-link-wrap .right-link .site-type a {display:inline-block; vertical-align:top; position:relative; padding:10px 15px 9px 15px; background-color:#F5F7F8; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:-0.03em; color:#333;}
.quick-link-wrap .right-link .site-type a + a {border-left:1px solid #C8D1DB;}
.quick-link-wrap .right-link .site-type a::before {content:""; position:absolute; top:0; bottom:0; margin:auto; background:transparent no-repeat 0 0;}
.quick-link-wrap .right-link .site-type a.smba {width: 150px; height: 39px;}
.quick-link-wrap .right-link .site-type a.smba::before { width: 150px; height: 40px; background-image: url(/images/np/bg_logo.png); display: block; background-size: 80%; background-position-y: 8px;}
.quick-link-wrap .right-link .site-type a.smba span {margin-left:30px;}
.quick-link-wrap .right-link .site-type a.kids::before {width:23px;height:25px;background-image:url(/images/np_new/ico_kids.png);}
.quick-link-wrap .right-link .site-type a.kids span {margin-left:30px;}
.quick-link-wrap .right-link .site-type a.eng::before {width:21px;height:26px;background-image:url(/images/np_new/ico_eng.png);}
.quick-link-wrap .right-link .site-type a.eng span {margin-left:29px;}
.logo-wrap {padding:19px 0 20px 0;}
.menu_click {padding:21px 0 20px 0;}
.menu_click ul {font-size:0;}
.menu_click ul li {display:inline-block; vertical-align:top;}
.menu_click ul li + li {margin-left:10px;}
.menu_click ul li a {display:block; font-size:0;}
.menu_click ul li a i {vertical-align:top; margin-right:6px; font-size:20px;}
.menu_click ul li a span {vertical-align:top; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0;}
/* .menu_click ul li a i + span,
.menu_click ul li a span + i {margin-left:6px;} */
.menu_click .smes a {padding:7px 11px; border:1px solid #053863; border-radius:18px; background-color:#053863;}
.menu_click .smes a span {color:#fff;}
.menu_click .gov a {width:114px; height:38px; background:url(/images/np/main_re_img/icon_footer01_over.png) no-repeat center center/100% auto;}
.menu_click .taegugki a {padding:7px 11px; border:1px solid #053863; border-radius:18px; background-color:#053863;}
.menu_click .taegugki a::before {content:""; display:inline-block; vertical-align:top; width:30px; height:20px; margin-right:6px; border-radius:5px; background:url(/images/np_new/ico_taegugki.png) no-repeat center center/100% auto;}
.menu_click .taegugki a span {color:#fff;}
.menu_click .eng a {padding:7px 11px; border:1px solid #707070; border-radius:18px; background-color:#fff;}
.menu_click .eng a i,
.menu_click .eng a span {color:#002B51;}
.sns_area {display:inline-block; vertical-align:top; padding:29px 0 26px 0; margin-right:12px;}
.sns_area ul {font-size:0;}
.sns_area ul li {display:inline-block; vertical-align:middle;}
.sns_area ul li + li::before {content:""; display:inline-block; vertical-align:middle; opacity:0.5; height:10px; margin:0 18px; border-left:1px solid #373737;}
.sns_area ul li a {display:inline-block; vertical-align:middle; /* opacity:0.7; */ width:1em; height:1em; font-size:24px; /* color:#B3BFCB; */}
.sns_area ul li a img {width:25px; height:25px;}
.sns_area ul li a img:hover {
	-webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -o-transform:scale(1.3);
    -ms-transform:scale(1.3);
    transform:scale(1.3);
    transition : transform .45s;
    -webkit-transition : transform .45s;
    -moz-transition : transform .45s;
    -o-transition : transform .45s;
    -ms-transition : transform .45s;
}

.sns_area ul li.zep a {background:url(/images/np_new/zep.png) no-repeat center center; color:transparent;}
.sns_area ul li.Bl a {background:url(/images/np_new/ico_sns_n-blog.png) no-repeat center center; color:transparent;}
.sns_area ul li.Face a {color:#445E99;}
.sns_area ul li.ing a {background:url(/images/np_new/ico_sns_insta.png) no-repeat center center; color:transparent;}
.sns_area ul li.Tiw a {color:#28A9E0;}
.sns_area ul li.You a {color:#D4272D;}

.clearfix .logo-wrap .eg_text_mobile { display:none; }

/*-------------------중소벤처24_추가-------------------------*/
.quick-link-wrap div.city_by {display:inline-block; vertical-align:top; position:relative; border-right:1px solid #6B6B6B; /* border-left:1px solid #6B6B6B; */}
.logo_Wrap {position:relative; font-size:0;}
.logo_24_img {/* position:absolute; top:20px; right:80px; */padding:18px;}
.government_innovation {display:inline-block; vertical-align:bottom; margin-left:10px;}
.government_innovation a {display:block;}
.government_innovation a img {max-width:100%;}


.quick-link-wrap div.city_by button.control{position:relative; z-index:4; padding:9px 14px 10px 11px;}
.quick-link-wrap div.city_by button.control > i{display:inline-block; vertical-align:top; font-size:18px; color:#fff;}
.quick-link-wrap div.city_by button.control > span{display:inline-block; vertical-align:top; margin-right:8px; margin-left:6px; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#fff;}
.quick-link-wrap div.city_by button.control > i,
.quick-link-wrap div.city_by button.control > span{
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
.quick-link-wrap div.city_by button.control .arrow {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#header_logo .quick-link-wrap div.city_by div{
    visibility:hidden;
    width:100%;
    max-height:0;
    padding:46px 11px 8px 11px;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    border:1px solid #002B51;
    background-color:#E5F4FF;
    z-index:3;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#header_logo .quick-link-wrap div.city_by div ul li {padding:4px 0;}
#header_logo .quick-link-wrap div.city_by div ul li a{display:block; padding:5px; border:1px solid #CBCBCB; border-radius:2px; background-color:#fff; text-align:center; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#000;}
#header_logo .quick-link-wrap div.city_by div ul li:hover a,
#header_logo .quick-link-wrap div.city_by div ul li a:focus{border-color:#5368F5; background-color:#5368F5; color:#fff;}
#header_logo .quick-link-wrap div.city_by.active button.control > i,
#header_logo .quick-link-wrap div.city_by.active button.control > span {color:#000;}
#header_logo .quick-link-wrap div.city_by.active button.control .arrow{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
#header_logo .quick-link-wrap div.city_by.active div{visibility:visible; max-height:576px;}

#header_top{background-color:#005bb4;}
#header_top > div ul{overflow:hidden; border-left:1px solid #5580a3;}
#header_top > div ul li{float:left; border-right:1px solid #5580a3;}
#header_top > div ul li a{
    display:block;
    height:37px;
    line-height:37px;
    padding:0 20px;
    font-size:14px;
    font-weight:300;
    color:#fff;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#header_top > div ul li a:hover, #header_top > div ul li a:focus{background-color:#0d264c;}
#header_top > div ul li.active a{background-color:#fff; font-weight:400; color:#184e82;}
#header_logo{position:relative; z-index:102; border-bottom:1px solid #C8D1DB;}
#header_logo > .inr {position:relative;}
#header_logo > div h1 {display:inline-block; vertical-align:top;}
#header_logo > div h1 a{display:block; width:188px; height:40px; background:url(/images/np/bg_logo.png) no-repeat left center/100% auto; image-rendering: -webkit-optimize-contrast;}
#header_logo > div div.quick_link{position:absolute; top:0; right:0;}
#header_logo > div div.quick_link div.city_by{float:left; position:relative;}
#header_logo > div div.quick_link div.city_by button.control{height:65px; padding:0 15px; font-size:15px; font-weight:300; color:#333;}
#header_logo > div div.quick_link div.city_by button.control::after{
    content:"";
    display:inline-block;
    width:9px;
    height:6px;
    margin-left:7px;
    background:url(/images/np/bg_link_arrow.png) no-repeat 0 0;
    vertical-align:2px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#header_logo > div div.quick_link div.city_by div{
    visibility:hidden;
    width:100%;
    max-height:0;
    padding:0 5px;
    position:absolute;
    top:100%;
    left:0;
    overflow:hidden;
    background-color:#f4f5f8;
    z-index:3;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#header_logo > div div.quick_link div.city_by div ul li a{display:block; height:35px; line-height:35px; padding:0 7px; font-size:16px; font-weight:300; color:#333; background-color:#f4f5f8;}
#header_logo > div div.quick_link div.city_by div ul li a:hover, #header_logo > div div.quick_link div.city_by div ul li a:focus{color:#004e9a; background-color:#fff;}
#header_logo > div div.quick_link div.city_by.active{background-color:#f4f5f8;}
#header_logo > div div.quick_link div.city_by.active button.control::after{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
#header_logo > div div.quick_link div.city_by.active div{visibility:visible; max-height:520px; padding:0 5px 5px 5px;}

#header_logo > div div.quick_link > ul{float:left; overflow:hidden;}
#header_logo > div div.quick_link > ul > li{float:left; padding:0 12px; position:relative;}
#header_logo > div div.quick_link > ul > li::before{content:""; width:1px; height:14px; margin-top:-7px; position:absolute; top:50%; left:0; background-color:#aaa;}
#header_logo > div div.quick_link > ul > li a{display:block; height:65px; line-height:65px; font-size:15px; font-weight:300; color:#333;}
#header_logo > div div.quick_link > ul > li a:hover, #header_logo > div div.quick_link > ul > li a:focus{color:#0151a0;}
#header_logo > div div.header_control{}
#header_logo > div div.header_control button{display:inline-block; vertical-align:top; position:relative; width:48px; height:48px; border-radius:4px;}
#header_logo > div div.header_control button + button {margin-left:12px;}
#header_logo > div div.header_control button::before{font-size:28px; color:#fff;}

#mobile_search_bar{display:none; position:absolute; top:100%; left:0; width:100%; padding:23px 35px; margin-top:1px; background-color:#F3F3F3;}
#mobile_search_bar div.input_box{position:relative; width:100%; border:2px solid #003A88; border-radius:4px; background-color:#fff;}
#mobile_search_bar div.input_box input[type=text]{width:calc(100% - 40px); height:38px; padding:0 18px; border:none; background-color:transparent; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.03em; color:#333;}
/* #mobile_search_bar div.input_box input[type=text]::-webkit-input-placeholder{color:#999;}
#mobile_search_bar div.input_box input[type=text]::-ms-input-placeholder{color:#999;} */
#mobile_search_bar div.input_box button[type=submit]{position:absolute; top:-2px; right:-2px; width:42px; height:42px; padding:9px; border-radius:4px; background-color:#003A88;}
#mobile_search_bar div.input_box button[type=submit]::before {font-size:24px; color:#fff;}
#mobile_search_bar #close_search.close{position:absolute; top:-65px; right:95px; width:48px; height:48px; border-radius:4px; background-color:#242424;}
#mobile_search_bar #close_search.close::before {font-size:30px; color:#fff;}
/* #mobile_search_bar #close_search.close::before, #mobile_search_bar #close_search.close::after{width:26px; height:3px; margin-left:-13px;}
#mobile_search_bar #close_search.close::before{top:21px;}
#mobile_search_bar #close_search.close::after{bottom:21px;} */

/* #gnb_control::before{
    content:"";
    width:20px;
    height:2px;
    position:absolute;
    top:20px;
    right:17px;
    background-color:#003668;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#gnb_control::after{
    content:"";
    width:20px;
    height:2px;
    position:absolute;
    bottom:19px;
    right:17px;
    background-color:#003668;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
} */
#gnb_control{background-color:#5368F5;}
#gnb_control.close span{opacity:0;}
#gnb_control.close::before{top:27px; left:inherit; right:17px;}
#gnb_control.close::after{top:27px; left:inherit; right:17px;}
    
#header.kids-header #gnb_control {background-color:#05A200;}

#open_search{background-color:#003A88;}

#gnb_box{position:relative; z-index:101; width:100%; border-bottom:1px solid #C8D1DB; background-color:#fff;}
#gnb_box.fixed{
    position:absolute; top:0; left:0; border-bottom:1px solid #C8D1DB; background-color:#fff;
    -webkit-animation:header_fix 0.3s linear;
    animation:header_fix 0.3s linear;
}
#gnb_box #close_gnb{display:none; position:absolute; top:5px; right:20px; width:40px; height:40px; border-radius:4px; background-color: #333; z-index:9999;}
#gnb_box #close_gnb::before {font-size:30px; color: #fff;}

@-webkit-keyframes header_fix{
    from{opacity:0; top:-100px;}
    to{opacity:1; top:0;}
}
  
@keyframes header_fix{
    from{opacity:0; top:-100px;}
    to{opacity:1; top:0;}
}

#gnb_box > div.gnb_3menu { max-width:900px;}
#gnb_top{display:none; background-color: #002b51;}
#gnb_top .menu_click {padding:12px 0 12px 0; border-bottom:1px solid #E1E1E1;}
#gnb_top .menu_click ul {padding:0 110px 0 27px;}
#gnb_top div.city_by{}
#gnb_top div.city_by button.control{position:relative; z-index:4; width:100%; height:42px;}
#gnb_top div.city_by button.control > i {display:inline-block; vertical-align:bottom; font-size:18px; color:#fff;}
#gnb_top div.city_by button.control > span {display:inline-block; vertical-align:top; margin-right:7px; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#fff;}
#gnb_top div.city_by button.control > i,
#gnb_top div.city_by button.control > span {
	-webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#gnb_top div.city_by button.control .arrow{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#gnb_top div.city_by div{
    visibility:hidden;
    width:100%;
    max-height:0;
    padding:0;
    position:absolute;
    top:100%;
    left:0;
    overflow:hidden;
    border:1px solid #002B51;
    background-color:#E5F4FF;
    z-index:3;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#gnb_top div.city_by div ul{overflow:hidden; padding:16px 19px; text-align:left; font-size:0;}
#gnb_top div.city_by div ul li{display:inline-block; vertical-align:top; width:25%; padding:6px;}
#gnb_top div.city_by div ul li a{display:block; position:relative; height:40px; border:1px solid #CBCBCB; border-radius:2px; background-color:#fff; text-align:center; font-weight:400; font-size:14px; line-height:38px; letter-spacing:-0.025em; color:#000;}
#gnb_top div.city_by.active button.control{position:relative; overflow:visible; border:1px solid #002B51; border-bottom:none; background-color:#E5F4FF;}
#gnb_top div.city_by.active button.control::after {content:""; position:absolute; right:0; bottom:-1px; left:0; border-top:1px solid #E5F4FF;}
#gnb_top div.city_by.active button.control > i,
#gnb_top div.city_by.active button.control > span{color:#000;}
#gnb_top div.city_by.active button.control .arrow{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
#gnb_top div.city_by.active div{visibility:visible; max-height:520px;}

#gnb_top > ul{float:left; overflow:hidden;}
#gnb_top > ul > li{float:left; padding:0 7px; position:relative;}
#gnb_top > ul > li::before{content:""; width:1px; height:10px; margin-top:-5px; position:absolute; top:50%; left:0; background-color:#aaa;}
#gnb_top > ul > li a{display:block; height:50px; line-height:50px; font-size:12px; font-weight:300; color:#fff;}
#gnb_top > ul > li a:hover, #header_logo > div div.quick_link > ul > li a:focus{color:#0151a0;}

#header.eng-header #gnb_top .menu_click {padding:24px 0 25px 0;}

#gnb{/* overflow:hidden; */}
#gnb > ul{/* overflow:hidden; */ font-size:0;}
#gnb > ul > li{display:inline-block; vertical-align:top; width:calc((100% - 60px)/6);}
#gnb > ul > li > a{display:block; position:relative; padding:12px 0 13px 0; text-align:center; font-weight:700; font-size:17px; line-height:1.4706; letter-spacing:-0.03em; color:#333;}
#gnb > ul > li:not(.full_menu):hover > a,
#gnb > ul > li:not(.full_menu) > a:focus,
#gnb > ul > li.active:not(.full_menu) > a,
#gnb > ul > li.current:not(.full_menu) > a {color:#DA0021;}
#gnb > ul > li.active:not(.full_menu) > a::before{content:""; position:absolute;}
#gnb > ul > li.active:not(.full_menu) > a::after{content:""; position:absolute; z-index:1; bottom:-7px; left:50%; box-sizing:border-box; width:14px; height:14px; border-radius:50%; margin-left:-7px; border:3px solid #DA0021; background-color:#fff;}
#gnb > ul > li.activechk:not(.full_menu) > a {color:#DA0021; }
#gnb > ul > li.activechk:not(.full_menu) > a > span:after { content: ""; position: absolute; border-bottom: 3px solid; display: block; background-color: #da0021; left: 33%; width: calc(100%/3); bottom: -1px; transition: left .3s ease, width .3s; }
#gnb > ul > li.full_menu{position:relative; width:60px !important; border-right:1px solid #C8D1DB; border-left:1px solid #C8D1DB;}
#gnb > ul > li.full_menu a {padding:13px 0;font-weight:normal; font-size:24px; line-height:1; color:#333;}
/* #gnb > ul > li.full_menu::before{content:""; width:20px; height:2px; position:absolute; top:30px; left:0; background-color:#1f1f1f;}
#gnb > ul > li.full_menu::after{content:""; width:20px; height:2px; position:absolute; bottom:29px; left:0; background-color:#1f1f1f;}
#gnb > ul > li.full_menu span{display:block; padding-left:30px;}
#gnb > ul > li.full_menu span::before{content:""; width:15px; height:2px; margin-top:-1px; position:absolute; top:50%; left:5px; background-color:#1f1f1f;} */
#gnb > ul > li > div.sub_wrap{display:none; position:absolute; top:51px; left:0; width:100%; min-height:300px; border-bottom:1px solid #CBCBCB; background-color:#fff; box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);}
/*사람bg*/
/* #gnb > ul > li > div.sub_wrap::before {content:""; position:absolute; top:0; bottom:0; left:0; width:calc((100% - 1440px)/2 + 342px); border-bottom-right-radius:100px; background:#F3F3F3 url(/images/np_new/bg_sub_wrap.png) no-repeat right 77px bottom 0;} */
/*건물bg*/
#gnb > ul > li > div.sub_wrap::before {content:""; position:absolute; top:0; bottom:0; left:0; width:calc((100% - 1440px)/2 + 342px); border-bottom-right-radius:100px; background:#F3F3F3 url(/images/np_new/bg_sub_wrap2.png) no-repeat right 151px bottom 0;}
#gnb > ul > li > div.sub_wrap div.sub_inner{overflow:hidden; position:relative;}
#gnb > ul > li > div.sub_wrap div.sub_inner h4{float:left; width:23.75%; margin-top:40px; font-weight:700; font-size:24px; line-height:1.5; letter-spacing:-0.05em; color:#000;}
#gnb > ul > li > div.sub_wrap div.sub_inner h4::after {content:""; display:block; width:42px; margin-top:17px; border-top:2px solid #DA0021;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul{float:left; overflow:hidden; width:76.25%; padding:40px 0 50px 24px; font-size:0;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li{display:inline-block; vertical-align:top; position:relative; width:calc(20% - 10px); margin-left:11.9999px;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(5n+1){margin-left:0;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(n+6){margin-top:32px;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a{display:block; padding:13px; padding-top:14px; border:1px solid #CBCBCB; border-radius:4px; background-color:#fff; word-break:keep-all; text-align:center; font-weight:500; font-size:18px; line-height:1.5; letter-spacing:-0.03em; color:#000;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:hover > a,
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a:focus,
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.current > a{border-color:#ad0021; background-color:#ad0021; color:#fff;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul{padding:0 0 0 8px; margin-top:14px;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li {/* padding-left:18px; text-indent:-18px; */ font-size:0;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li + li {margin-top:8px;}
/* #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li::before {content:""; display:inline-block; vertical-align:top; width:10px; margin-top:11px; margin-right:8px; border-top:2px solid #CBCBCB;} */
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li a{display:inline-block; vertical-align:top; padding:0; padding-left:18px; text-indent:-18px; /* text-indent:0; */ font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.03em; color:#000;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li a::before {content:""; display:inline-block; vertical-align:top; width:10px; margin-top:11px; margin-right:8px; border-top:2px solid #CBCBCB;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li:hover a,
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li a:focus,
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li.current a{text-decoration:underline; font-weight:500;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul li.blank >a{}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul li.blank >a::after{content:""; display:inline-block; vertical-align:top; width:20px; height:20px; margin-top:4px; margin-left:4px; background:url(/images/np_new/ico_blank_blue.png) no-repeat center center;}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li.blank >a{}
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li.blank >a::after{}
#gnb > ul > li.active > div.sub_wrap{display:block;}

/* #header.kids-header #gnb > ul > li + li::before {content:""; position:absolute; top:50%; opacity:0.5; width:4px; height:4px; margin:-2px 0 0 -2px; background-color:#212121; transform:rotate(45deg);}
#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li{width:calc(50% - 6px); margin-left:12px;}
#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(5n+1){margin-left:12px;}
#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(2n+1){margin-left:0;}
#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(n+3){margin-top:24px;}
#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(n+6){margin-top:24px;} */

#header.kids-header #header_logo > div h1 a {width:148px; height:40px; background-image:url(/images/np/kids/bg_logo.png);}

#header.eng-header .logo-wrap {padding:15px 0 13px 0;}
#header.eng-header .menu_click {padding:22px 0 21px 0;}
#header.eng-header #header_logo > div h1 a {/* width:153px; height:40px; */ width:195px; height:51px; background-image:url(/images/np_new/eng/logo.png);}
#header.eng-header #gnb > ul > li > a > i {display:none;}
#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a[target="_blank"]::after {content:""; display:inline-block; vertical-align:top; width:20px; height:20px; margin-top:4px; margin-left:4px; background:url(/images/np_new/ico_blank_blue.png) no-repeat center center;}
#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:hover > a[target="_blank"]::after,
#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a[target="_blank"]:focus::after,
#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.current > a[target="_blank"]::after {background-image:url(/images/np_new/ico_blank_white.png);}

#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.blank:hover > a::after,
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.blank > a:focus::after,
#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.blank.current > a::after {background-image:url(/images/np_new/ico_blank_white.png);}

#header.eng-header #gnb > ul > li > div.sub_wrap::before {display:none;}

#gnb_message{display:none;}
#gnb_message p{text-align:center; font-weight:500; font-size:18px; line-height:1.5; letter-spacing:-0.03em; color:#000;}

#search_box{position:absolute; top:19px; left:31.25%; width:31.25%; height:42px; border:2px solid #003A88; border-radius:4px; background-color:#fff;}
#search_box input[type=text]{width:calc(100% - 40px); height:38px; padding:0 18px; border:none; background-color:transparent; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.03em; color:#333;}
/* #search_box input[type=text]::-webkit-input-placeholder{color:#999;}
#search_box input[type=text]::-ms-input-placeholder{color:#999;} */
#search_box button[type=submit]{position:absolute; top:-2px; right:-2px; width:42px; height:42px; padding:9px; border-radius:4px; background-color:#003A88;}
#search_box button[type=submit]::before {font-size:24px; color:#fff;}

/* 열린 장관실 헤더 */
/*#header.ministor #header_logo > div h1 a{width:304px; height:39px; background:url(/images/np/bg_logo_ministor.png) no-repeat 0 0;}*/
#header.ministor #gnb > ul > li{margin:0 102px;}
#sub_visual.type8 {background:url(/images/np_new/sub/bg_sub_visual_05.png) no-repeat 50% 50%; background-size:cover; height: 320px;}
#sub_visual.type8 .svinner_text {color: #fff; position: absolute; left: 50%; bottom: -60px; font-size: 24px; font-weight: 500; text-shadow: 0 0 10px black; transform:translate(-50%,0);}

/* 서브 비쥬얼 영역 */
#sub_visual{position:relative; /* z-index:96; */ /* overflow-x:hidden; */}
#sub_visual.type1{background:url(/images/np_new/sub/bg_sub_visual_01.png) no-repeat center center/cover;}
/* #sub_visual.type2{background:url(/images/np/bg_sub_visual_02.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_visual.type3{background:url(/images/np/bg_sub_visual_03.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_visual.type4{background:url(/images/np/bg_sub_visual_04.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_visual.type5{background:url(/images/np/bg_sub_visual_05.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_visual.type6{background:url(/images/np/bg_sub_visual_06.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_visual.type7{background:url(/images/np/bg_sub_visual_07.jpg) no-repeat 50% 50%; background-size:cover;} */

#sub_visual > .inr {display:table; width:100%; height:192px;}
#sub_visual_inner{display:table-cell; vertical-align:middle; position:relative; padding-bottom:30px;}
#sub_visual_inner h3{font-weight:700; font-size:30px; line-height:1.5; letter-spacing:-0.03em; color:#fff;}
#sub_visual_inner p{padding-top:2px; font-size:16px; font-weight:300; color:#fff; word-break:keep-all;}
#sub_visual_inner div.function{position:absolute; top:60px; right:0;}
#sub_visual_inner div.function > div{float:left; position:relative;}
#sub_visual_inner div.function > div > button{display:inline-block; width:40px; height:40px; padding:7px; margin-left:8px; border:1px solid #E3E5E7; border-radius:4px; background-color:#F9F9F9; text-align:center; font-size:24px; color:#5368F5;}
#sub_visual_inner div.function > div > button:hover {border-color:#5368F5; background-color:#5368F5; color:#fff;}
#sub_visual_inner div.function > div > button#share_open.active{}

#sub_visual.type-kids {background-color:#E3F6CA;}
#sub_visual.type-kids::before{content:""; width:671px; height:211px; position:absolute; top:16px; left:-27px; background:url(/images/np_new/kids/bg_sub_visual_cloud.png) no-repeat 0 0; /* z-index:1; */ animation:cloud1 5s ease-in-out infinite;}
#sub_visual.type-kids::after{content:""; width:636px; height:120px; position:absolute; top:3px; right:-34px; background:url(/images/np_new/kids/bg_sub_visual_cloud2.png) no-repeat 0 0; /* z-index:1; */ animation:cloud2 5s ease-in-out infinite;}
#sub_visual.type-kids > .inr {height:414px;}
#sub_visual.type-kids #sub_visual_inner {z-index:1; padding-bottom:80px; /* background:url(/images/np_new/kids/bg_sub_visual_city.png) no-repeat center bottom 29px; */ text-align:center;}
#sub_visual.type-kids #sub_visual_inner::before {content:""; position:absolute; bottom:80px; left:50%; width:1149px; height:205px; margin-left:-588px; background:url(/images/np_new/kids/bg_sub_visual_city.png) no-repeat center top;}
#sub_visual.type-kids #sub_visual_inner::after {content:""; position:absolute; bottom:28px; left:-133px; width:209px; height:436px; background:url(/images/np_new/kids/bg_sub_visual_people.png) no-repeat 0 0;}
#sub_visual.type-kids #sub_visual_inner h3 {font-size:60px; line-height:1.15; letter-spacing:-0.025em; color:#000;}
#sub_visual.type-kids #sub_visual_inner p {margin-top:48px; font-weight:500; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#000;}

#sub_visual.type-kids div.tab{/* position:relative; */ width:100%; max-width:1510px; padding:0 35px; margin:0 auto; margin-top:-80px;}
#sub_visual.type-kids div.tab::before {content:""; position:absolute; right:0; bottom:0; width:calc((100% - 1440px)/2 + 10px); height:80px; background-color:#fc0;}
#sub_visual.type-kids div.tab::after {content:""; position:absolute; z-index:1; right:81px; bottom:52px; width:241px; height:173px; background:url(/images/np_new/kids/bg_sub_visual_people2.png) no-repeat 0 0;}
#sub_visual.type-kids div.tab button{display:none;}
#sub_visual.type-kids div.tab ul{display:table; table-layout:fixed; position:relative; z-index:1; width:100%; height:80px; border-top-left-radius:30px; background-color:#fc0;}
#sub_visual.type-kids div.tab ul li{display:table-cell; padding:10px;}
#sub_visual.type-kids div.tab ul li a{
	display:block; position:relative; border-radius:10px; background-color:#FCDA50; text-align:center;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
}
#sub_visual.type-kids div.tab ul li a span {
	font-weight:700; font-size:20px; line-height:60px; letter-spacing:0; color:#000;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
}

/* #sub_visual.type-kids div.tab ul li.active {padding:0;} */

#sub_visual.type-kids div.tab.blue ul li a{background-color:#2d66bc;}
#sub_visual.type-kids div.tab.green ul li a{background-color:#0e842a;}
#sub_visual.type-kids div.tab.red ul li a{background-color:#f74360;}
#sub_visual.type-kids div.tab.purple ul li a{background-color:#743a8d;}
/* #sub_visual.type-kids div.tab ul li.active a{border-radius:30px 30px 0 0; background-color:#FFFBEB; box-shadow:6px -5px 6px 0 rgba(0,0,0,0.1);} */

#sub_visual.type-kids div.tab.blue ul li.active a{color:#2d66bc;}
#sub_visual.type-kids div.tab.green ul li.active a{color:#0e842a;}
#sub_visual.type-kids div.tab.red ul li.active a{color:#f74360;}
#sub_visual.type-kids div.tab.purple ul li.active a{color:#743a8d;}
 
#sub_visual.type-kids div.tab ul li a:hover,
#sub_visual.type-kids div.tab ul li a:focus{background-color:#FFFBEB;}
#sub_visual.type-kids div.tab.blue ul li a:hover,
#sub_visual.type-kids div.tab.blue ul li a:focus{color:#2d66bc;}
#sub_visual.type-kids div.tab.green ul li a:hover,
#sub_visual.type-kids div.tab.green ul li a:focus{color:#0e842a;}
#sub_visual.type-kids div.tab.red ul li a:hover,
#sub_visual.type-kids div.tab.red ul li a:focus{color:#f74360;}
#sub_visual.type-kids div.tab.purple ul li a:hover,
#sub_visual.type-kids div.tab.purple ul li a:focus{color:#743a8d;}

/* #sub_visual.type-kids div.tab ul li.active a span {line-height:80px; color:#DA0021;} */

#sub_visual.type-eng {background:url(/images/np_new/eng/bg_sub_visual.png) no-repeat center center/cover;}
#sub_visual.type-eng #sub_visual_inner {text-align:center;}

/* #share_option{display:none; position:absolute; z-index:97; top:0; right:0; width:291px; padding:15px; padding-top:6px; border:1px solid #0051a6; border-radius:4px; background-color:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,0.1);}
#share_option.active{display:block;}
#share_option div.box{overflow:hidden;}
#share_option div.box + div.box::before {content:""; display:block; margin:12px 0; border-top:1px solid #D1D1D1;}
#share_option div.box h6{position:relative; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#000;}
#share_option div.box div.copy{position:relative; overflow:hidden; font-size:0;}
#share_option div.box div.copy > i {position:absolute; top:50%; left:7px; margin-top:-0.5em; font-size:20px; color:#0051a6;}
#share_option div.box div.copy input[type=text]{display:inline-block; vertical-align:top; width:calc(100% - 64px); height:34px; padding:0 8px 0 33px; border:1px solid #BDBDBD; border-radius:4px; background-color:#fff; text-overflow:ellipsis; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#424242;}
#share_option div.box div.copy #set_copy{width:54px; height:34px; margin-left:10px; border:none; border-radius:4px; background-color:#5368F5; text-align:center; font-weight:500; font-size:14px; line-height:34px; letter-spacing:0; color:#fff;}
#share_option #share_close{position:absolute; top:6px; right:6px; font-size:24px; color:#0051a6;}

#share_option div.box .share-sns-list {list-style:none; padding:0; margin:0; margin-top:12px; white-space:nowrap; font-size:0;}
#share_option div.box .share-sns-list > li {display:inline-block; vertical-align:top;}
#share_option div.box .share-sns-list > li + li {margin-left:12px;}
#share_option div.box .share-sns-list > li > a {display:block; width:44px; height:44px; padding:6px; border-radius:4px; background:transparent no-repeat center center; text-align:center; font-size:32px; line-height:32px;}

#share_option div.box .share-sns-list > li.fb > a {background-color:#3C5A99; color:#fff;}
#share_option div.box .share-sns-list > li.tw > a {background-color:#439CD6; color:#fff;}
#share_option div.box .share-sns-list > li.nb > a {background-color:#5EA821; background-image:url(/images/np_new/ico_share_n-blog.svg); color:#fff;}
#share_option div.box .share-sns-list > li.ka > a {background-color:#F2C325; background-image:linear-gradient(to bottom, #F2C325, #EEA322); color:#fff;}
#share_option div.box .share-sns-list > li.ka > a::before {content:""; display:inline-block; vertical-align:top; width:1em; height:1em; background:url(/images/np_new/ico_share_k-story.svg) no-repeat center center;}
#share_option div.box .share-sns-list > li.nd > a {background-color:#83B92B; background-image:linear-gradient(to bottom, #83B92B, #319536); color:#fff;}
#share_option div.box .share-sns-list > li.nd > a::before {content:""; display:inline-block; vertical-align:top; width:1em; height:1em; background:url(/images/np_new/ico_share_n-band.svg) no-repeat center center;} */

/* 서브 네비게이션바 영역 */
#snb_wrap{position:relative; z-index:96; margin-top:-30px;}
#snb_wrap > .inr::after {content:""; display:block; margin:40px auto 24px auto; border-top:1px solid #ccc;}
#snb{width:100%; height:60px; border-radius:10px; background-color:#003A88;}
#snb > ul{height:60px; padding:0 6px; font-size:0;}
#snb > ul > li{display:inline-block; vertical-align:top; position:relative;}
#snb > ul > li::after{content:""; display:inline-block; vertical-align:middle; height:16px; border-left:1px solid #CFD8DC;}
#snb > ul > li > a{display:inline-block; vertical-align:middle; position:relative; width:252px; height:60px; padding:0 24px; font-weight:400; font-size:16px; line-height:60px; letter-spacing:0; color:#fff;}
#snb > ul > li:first-child > a{position:relative; width:72px; font-weight:normal; font-size:24px; line-height:60px; letter-spacing:0; color:#fff;}
#snb > ul > li:last-child > a {width:402px;}
#snb > ul > li > a > .arrow {
	display:inline-block; vertical-align:top; position:absolute; top:50%; right:24px; box-sizing:border-box; width:24px; height:24px; padding:2px; margin-top:-12px; border-radius:2px; background-color:#fff; text-align:center; font-size:20px; line-height:1; color:#005DAB;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
	-webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#snb > ul > li > ul{
    visibility:hidden;
    max-height:0;
    width:100%;
    background-color:#F9F9F9;
    border:1px solid #003A88;
    border-radius:0 0 10px 10px;
    border-top:0;
    overflow:hidden;
    position:absolute;
    top:60px;
    left:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#snb > ul > li.active > a > .arrow{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
#snb > ul > li.active > ul{visibility:visible; max-height:650px;}
#snb > ul > li > ul li a{
    display:block;
    position:relative;
    font-weight:400;
    font-size:16px;
    line-height:1.5;
	letter-spacing:-0.03em;
	color:#000;
    padding:10px 23px 10px 41px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#snb > ul > li > ul li a{
    display:block;
    position:relative;
    font-weight:400;
    font-size:16px;
    line-height:1.5;
	letter-spacing:-0.03em;
	color:#000;
    padding:10px 23px 10px 41px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#snb > ul > li > ul li a:hover, #snb > ul > li > ul li a:focus{background-color:#DAE9FB; color:#000;}
#snb > ul > li > ul li a::before {content:""; position:absolute; top:50%; left:23px; width:10px; margin-top:-1px; border-top:2px solid #CBCBCB;}
#snb > ul > li > ul li + li::before {content:""; display:block; opacity:0.1; border-top:1px solid #000;}
#snb > ul > li > ul li.blank >a{}
#snb > ul > li > ul li.blank >a::after{content:""; display:inline-block; vertical-align:top; width:20px; height:20px; margin-top:2px; margin-left:8px; background:url(/images/np_new/ico_blank_blue.png) no-repeat center center;}

#Content_Wrap {width:100%;}
/* #contents{width:100%; padding-bottom:80px;} */
#contents_inner_2024{position:relative; width:100%; max-width:1510px; margin:0 auto; padding:0 35px;margin-bottom: 80px;}
#contents_inner_2024 h4.title{margin-bottom:10px; font-weight:700; font-size:24px; line-height:1.5; letter-spacing:-0.025em; color:#0051a6; word-break:keep-all;}
#contents_inner_2024 h4.title + div {margin-top:20px;}
#contents_inner_2024 h5.title{padding-left:32px;margin-bottom:12px;text-indent:-32px;word-break:keep-all;font-weight:700;font-size:20px;line-height:1.45;letter-spacing:-0.025em;color:#424242;}
#contents_inner_2024 h5.title::before{content:"";display:inline-block;vertical-align:top;width:30px;height:30px;margin-right:2px;background:url(/images/np_new/sub/bullet01.png) no-repeat 0 0;}
#contents_inner_2024 h5.title2{word-break:keep-all;font-weight:700;font-size:24px;line-height:1.5;letter-spacing:-0.025em;color:#0051a6;}
#contents_inner_2024 h5.title2:after{content:""; display:block; width:40px; margin:20px 0; border-top:2px solid #0051a6;}
#contents_inner_2024 h5.title3{font-weight:700;font-size:28px;line-height:1.4643;letter-spacing:-0.03em;color:#000;}

#header.kids-header + #contents {padding-bottom:164px;background-color:#FFFBEB;}
/* #sub_visual.type-kids + #contents_inner_2024 {background-color:#FFFBEB;} */

#sub_visual.type-kids + #contents_inner_2024 div.location{text-align:right; padding:0 40px; margin:44px 0 49px 0;}
#sub_visual.type-kids + #contents_inner_2024 div.location ul{padding-right:6px; font-size:0;}
#sub_visual.type-kids + #contents_inner_2024 div.location ul li{display:inline-block; vertical-align:middle;}
#sub_visual.type-kids + #contents_inner_2024 div.location ul li a{display:inline-block; vertical-align:middle; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#000;}
#sub_visual.type-kids + #contents_inner_2024 div.location ul li i {display:inline-block; vertical-align:middle; margin:0 10px; font-size:24px; color:#B7B7B7;}
#sub_visual.type-kids + #contents_inner_2024 div.location ul li.home a{font-size:20px; color:#000;}

/* 만족도 평가 0207*/
.satisfaction_interval{margin-top: 120px !important;}

#satisfy_score_wrap{border-top:1px solid #d4d4d4;}
#satisfy_score{width:1200px; padding:40px 0; margin:0 auto; overflow:hidden;}
#satisfy_score div.title{width:400px; padding-bottom:10px; padding-left:90px; float:left; border-right:1px solid #c3c3c3; background:url(/images/np/bg_satisfy_score_icon.png) no-repeat 280px 10px;}
#satisfy_score div.title h5{font-size:24px; font-weight:700; color:#112d7f;}
#satisfy_score div.title p{padding-top:5px; font-size:15px; font-weight:300; color:#555; line-height:18px;}
#satisfy_score div.content{width:800px; padding-left:30px; float:left; position:relative;}
#satisfy_score div.content ul.score_check{padding:12px 0 17px 0; font-size:0;}
#satisfy_score div.content ul.score_check li{display:inline-block; margin-right:35px;}
#satisfy_score div.content ul.score_check li label{padding-left:30px;}
#satisfy_score div.content input[type=submit]{width:90px; height:35px; line-height:33px; position:absolute; top:5px; right:50px; font-size:16px; color:#333; text-align:center; border:1px solid #8a8a8a;}
#satisfy_score div.content ul.contact li{display:inline-block; margin-right:30px; font-size:17px; font-weight:500; color:#000;}
#satisfy_score div.content ul.contact li span{font-weight:300;}
#satisfy_score div.content ul.contact li span::before{content:"·"; display:inline;}
#satisfy_score div.content ul.contact li span::after{content:":"; display:inline; padding:0 3px 0 2px;}

/* 고객 만족도 평가 0207 */
.infobox_wrap {border: 1px solid #D4D4D4; border-radius: 10px; overflow: hidden; margin-top: 80px;}
.infobox_wrap div.header {padding: 10.5px 30px 12.5px;  display: flex; justify-content: space-between; background: #FCFCFC; border-bottom: 1px solid #D4D4D4;}
.infobox_wrap div.header div.header_box {display: flex;}
.infobox_wrap div.header div.header_box > p {}
.infobox_wrap div.header div.header_box > p > span {position: relative; padding-left: 48px; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -0.02em;}
.infobox_wrap div.header div.header_box > p > span::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 40px; height: 40px; background: url(/images/np_new/sub/info_box_img01.png);}
.infobox_wrap div.header div.header_box > a {background: #003A88; border-radius: 4px; color: #FFFFFF; margin-left: 18.9px; font-size: 13px; font-weight: 500; padding: 0 11px; line-height: 26px;}
.infobox_wrap div.header div.header_box > ul {display: flex;}
.infobox_wrap div.header div.header_box > ul > li + li {margin-left: 20px;}
.infobox_wrap div.header div.header_box > ul > li  > p {}
.infobox_wrap div.header div.header_box > ul > li  > p > span {position: relative; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.05em;}
.infobox_wrap div.header div.header_box > ul > li  > p > span::after {content: ""; display: inline-block; width: 2px; height: 10px; margin: 0 8px; background: #D4D4D4; border-radius: 2px;}
.infobox_wrap div.header div.header_box > ul > li  > p > span + span {margin-left: 5px; font-weight: 400;}
.infobox_wrap div.header div.header_box > ul > li  > p > span + span:after {display: none;}
.infobox_wrap div.section {position: relative; border: 0 !important; margin-bottom: 0 !important; padding: 25px 30px !important; }
.infobox_wrap div.section p.question {font-size: 18px !important;}
div.survey_wrap div.section ul li label {font-size: 16px;}
.infobox_wrap div.search_box {border: none; background: none; padding: 0; border-radius: 0; margin:0;}
.infobox_wrap div.search_box div.search_form.period div.keyword input[type=text] {max-width: 447px; height: 40px;}
.infobox_wrap div.section .question_wrap {display: flex; justify-content: space-between;}
.infobox_wrap div.section .question_wrap ul {width: initial;}
.infobox_wrap div.section ul {padding: 15px 0 0 !important;}
.infobox_wrap div.search_box div.search_form.center div.keyword > input + button {height: 40px; padding: 0 20px;}


/* 푸터 */
/* #go_to_top {display:none; position:fixed; z-index:100; right:3%; bottom:3%; width:82px; height:82px; padding:7px 15px; padding-top:10px; border-radius:10px; background:#DA0021 linear-gradient(135deg,#DA0021,#FD9618); text-align:center; box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);}
#go_to_top > i {display:block; height:0.5em; font-size:24px; line-height:0.5em; color:#fff;}
#go_to_top > i.arrow {}
#go_to_top > i.arrow2 {opacity:0.7; margin-top:-0.3rem; margin-bottom:0.3rem;}
#go_to_top span {display:block; margin-top:-4px; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#fff;} */

/* #chat-bot {position:fixed; z-index:100; right:3%; bottom:3%; margin-right:22px; margin-bottom:120px;}
#chat-bot .icon {position:absolute; top:50%; right:-35px; width:108px; height:108px; margin-top:-54px; border-radius:50%; background:url(/images/np_new/ico_bot.png) no-repeat center center; }
#chat-bot .desc {overflow:hidden; width:0; height:80px; border-radius:40px; background-color:#242424; box-shadow:0 3px 6px 0 rgba(0,0,0,0.2); text-align:right;}
#chat-bot .desc span {display:block; font-weight:500; font-size:16px; line-height:1.625; letter-spacing:-0.05em; color:#fff;}
#chat-bot .desc span b {font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:#fc0;}
#chat-bot:hover .icon {background-color:#B4D2FF; box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);}
#chat-bot:hover .desc {width:auto; padding:15px 85px 15px 21px;}

#chat-bot:focus-visible {
    outline: none;
}

#chat-bot:focus-visible .icon {
    outline: 3px solid #DA0021;
} */

#footer{position:relative;}
#footer_inner{}
#footer .footer-service {padding:24px 0; background-color:#535353;}
#footer .footer-service .service-title {margin-bottom:26px; font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#fff;}
#service_link_wrap{float:left; width:calc(50% - 18px);}
#service_link{}
#service_link h4{}
#service_link ul{overflow:hidden;}
#service_link ul li{display:table; position:relative; float:left; width:calc((100% - 40px)/3); margin-left:19.9999px;}
#service_link ul li:nth-child(3n+1) {margin-left:0;}
#service_link ul li:nth-child(n+4) {margin-top:14px;}
#service_link ul li a{display:table-cell; vertical-align:middle; width:100%; height:50px; border-radius:4px; background-color:#363636; text-align:center; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
#service_link ul li:hover a,
#service_link ul li a:focus {background-color:#000;}
#footer .footer-service .footer-link-wrap {float:left; width:calc(50% - 18px); margin-left:35.9999px;}
#footer_link{}
#footer_link > ul {font-size:0;}
#footer_link > ul > li {display:inline-block; vertical-align:top; position:relative; width:calc((100% - 24px)/2);}
#footer_link > ul > li:nth-child(even) {margin-left:23.9999px;}
#footer_link > ul > li:nth-child(n+3) {margin-top:14px;}
#footer_link .link_box button.open{position:relative; width:100%; height:50px; padding:0 52px 0 19px; background-color:#656565; text-align:left;}
#footer_link .link_box button.open > span {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:0; color:#fff;}
#footer_link .link_box button.open > i {position:absolute; top:50%; right:19px; margin-top:-0.5em; font-size:14px; color:#fff;}
#footer_link .link_box button.open > i,
#footer_link .link_box button.open > span {
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#footer_link .link_box button.open > i{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#footer_link .link_box > button.open.active > i{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
#footer_link .link_box div{
    visibility:hidden;
    width:100%;
    max-height:0;
    padding:0 20px 0 20px;
    position:absolute;
    bottom:50px;
    left:0;
    overflow:hidden;
    background-color:#656565;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#footer_link .link_box.active div{visibility:visible; max-height:520px; padding:20px 19px 10px 19px; z-index:99;}
#footer_link .link_box div h5{padding-bottom:18px; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0; color:#fff;}
#footer_link .link_box div h5::after {content:""; display:block; width:15px; margin-top:10px; border-top:2px solid #fff;}
#footer_link .link_box div button.close{position:absolute; top:20px; right:19px; overflow:hidden; width:1em; height:1em; font-size:24px; color:#fff;}
/* #footer_link .link_box div button.close::before, #footer_link .link_box div button.close::after{width:16px; height:3px; margin-left:-8px;}
#footer_link .link_box div button.close::before{top:13px;}
#footer_link .link_box div button.close::after{bottom:14px;} */
#footer_link .link_box div ul{max-height:450px; overflow-y:auto; overflow-x:hidden;}
#footer_link .link_box div ul::-webkit-scrollbar{width:14px;}
#footer_link .link_box div ul::-webkit-scrollbar-track{background-color:#656565;}
#footer_link .link_box div ul::-webkit-scrollbar-thumb{background-color:#111; border-left:2px solid #656565; border-right:2px solid #656565;}
#footer_link .link_box div ul::-webkit-scrollbar-thumb:hover{background-color:#000;}
/* 
#footer_link .link_box div ul::-webkit-scrollbar-button:start:decrement{width:14px; height:14px; background:#656565 url(/images/np/bg_scrollbar_dark_top.png) no-repeat 50% 50%;}
#footer_link .link_box div ul::-webkit-scrollbar-button:end:increment{width:14px; height:14px; background:#656565 url(/images/np/bg_scrollbar_dark_bottom.png) no-repeat 50% 50%;}
*/
#footer_link .link_box div ul li a{display:block; padding:4px 5px; position:relative;}
#footer_link .link_box div ul li a span{position:relative; z-index:1; word-break:keep-all; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:0; color:#dbdbdb;}
#footer_link .link_box div ul li a::before{
    content:"";
    width:0;
    height:100%;
    background-color:#424242;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#footer_link .link_box div ul li a:hover::before, #footer_link .link_box div ul li a:focus::before{width:100%; /* outline:1px dotted #ccc; */}

#footer_sns{padding:30px 0; overflow:hidden;}
#footer_sns h6{width:193px; height:39px; float:left; background:url(/images/np/bg_logo_footer.png) no-repeat 0 0/193px 39px; text-indent:-9999px;}
#footer_sns ul{float:right; overflow:hidden;}
#footer_sns ul li{float:left; margin-left:8px;}
#footer_sns ul li a{display:block; width:38px; height:38px; border-radius:50%; position:relative;}
#footer_sns ul li a span{display:block; width:26px; height:26px; margin:-13px 0 0 -13px; position:absolute; top:50%; left:50%; text-indent:-9999px; background-image:url(/images/np/main_re_img/bg_footer_sns_icon_2.png); background-repeat:no-repeat; background-size:104px 26px;}
#footer_sns ul li.fb a span{background-position:0 0;}
#footer_sns ul li.tw a span{background-position:-26px 0;}
#footer_sns ul li.nb a span{background-position:-52px 0;}
#footer_sns ul li.yt a span{background-position:-78px 0;}
#fnb{position:relative;  background-color:#2A2A2A;}
#fnb ul{/* overflow:hidden; */ font-size:0;}
#fnb ul li{display:inline-block; vertical-align:middle; padding:18px 0;}
#fnb ul li + li::before{content:""; display:inline-block; vertical-align:middle; width:1px; height:15px; border-left:1px solid #707070;}
#fnb ul li a{display:inline-block; vertical-align:middle; padding:0 32px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:0;color:#fff;}
#fnb ul li a strong{font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0; color:#4fa6ff;}
/* #fnb ul li.hover_effect { background-color: #fff; } */
#fnb ul li.hover_effect > a > strong  { text-decoration:underline; }

/*#fnb a.wa_mark{width:85px; height:auto; position:absolute; top:0; right:0; }
#fnb a.wa_mark img{width:100%;}*/
#fnb a.wa_mark{position:absolute; top:0; right:0; }

#footer.eng-footer .footer_desc {padding:34px 0; background-color:#212121;}
#footer.eng-footer .footer_desc h6 {top:50%; width:174px; height:45px; margin-top:-22px; background-image:url(/images/np/eng/logo-footer.png);}
#footer.eng-footer .footer_desc .desc {margin-left:254px;}
#footer.eng-footer .footer_desc p {font-weight:400; font-size:16px; line-height:1.5; letter-spacing:0; color:#646464;}
#footer.eng-footer .footer_desc address {font-weight:400; font-size:16px; line-height:1.5; letter-spacing:0; color:#646464;}

#full_dim{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.8); z-index:103;}
#full_dim.active{display:block;}

/* 닫기 버튼 */
/* button.close{text-indent:-9999px;}
button.close::before, button.close::after{content:""; position:absolute; left:50%; background-color:#fff;}
button.close::before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
button.close::after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
} */

/* Form Design */
input[type=checkbox]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:none;}
input[type=checkbox] + label{display:inline-block; height:20px; line-height:20px; position:relative; cursor:pointer; padding-left:28px; font-weight:400;font-size:14px;/* line-height:1.45; */letter-spacing:0;color:#757575;}
input[type=checkbox]:focus + label::before{outline:1px dashed #000;}
input[type=checkbox] + label::before{content:""; box-sizing:border-box; width:20px; height:20px; position:absolute; left:0; top:0; border:1px solid #BDBDBD; border-radius:2px; background-color:#fff;}
input[type=checkbox]:checked + label::before{border:2px solid #5368F5;}
input[type=checkbox]:checked + label::after{content:""; box-sizing:border-box; width:11px; height:6px; position:absolute; top:6px; left:5px; border-bottom:3px solid #5368F5; border-left:3px solid #5368F5; transform:rotate(-45deg);}

input[type=radio]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:none;}
input[type=radio] + label{display:inline-block; height:20px; line-height:20px; position:relative; cursor:pointer; padding-left:28px; font-weight:400;font-size:14px;/* line-height:1.45; */letter-spacing:0;color:#757575;}
input[type=radio]:focus + label::before{outline:1px dashed #000;}
input[type=radio] + label::before{content:""; box-sizing:border-box; width:20px; height:20px; position:absolute; left:0; top:0; border:1px solid #BDBDBD; border-radius:50%; background-color:#fff;}
input[type=radio]:checked + label::before{border:2px solid #5368F5;}
input[type=radio]:checked + label::after{content:""; box-sizing:border-box; width:12px; height:12px; position:absolute; top:4px; left:4px; border-radius:50%; background-color:#5368F5;}

@media all and (min-width:1367px) and (max-width:12000px) {
	a[href^="tel:"]{cursor:default;}
	
	div.navi_sns_menu {display:none;}
	
	#header.eng-header #gnb > ul > li.active:not(.full_menu) > a::after {display:none;}
	#header.eng-header #gnb > ul > li.__over:not(.full_menu) > a::after {content:""; display:block; position:absolute; z-index:1; bottom:-7px; left:50%; box-sizing:border-box; width:14px; height:14px; border-radius:50%; margin-left:-7px; border:3px solid #DA0021; background-color:#fff;}
	#header.eng-header #gnb > ul > li.__over:not(.full_menu) > div.sub_wrap {background-color:#EEF6FB;}
}

@media all and (max-width:1510px) {
	#gnb > ul > li > div.sub_wrap::before {width:calc((100% - 70px)*0.2375 + 35px);}
	
	#sub_visual.type-kids #sub_visual_inner::after {display:none;}
	#sub_visual.type-kids div.tab {position:relative; /* z-index:1; */z-index:3;}
	#sub_visual.type-kids div.tab::before {width:35px;}
	#sub_visual.type-kids div.tab::after {display:none;}
	
	/* .footer_desc .mark {position:static;margin-top:35px;} */
	.footer_desc .mark ul li.wa {display:none;}
}

/* Desktop low resolution */
@media all and (min-width:1200px) and (max-width:1366px) {
	a[href^="tel:"]{cursor:default;}
	
    #gnb > ul > li > div.sub_wrap{top:51px;}
    
    /* #gnb > ul > li.full_menu::before{top:22px;}
    #gnb > ul > li.full_menu::after{bottom:22px;} */

    div.navi_sns_menu {display:none;}
    
    #header.eng-header #gnb > ul > li.active:not(.full_menu) > a::after {display:none;}
	#header.eng-header #gnb > ul > li.__over:not(.full_menu) > a::after {content:""; display:block; position:absolute; z-index:1; bottom:-7px; left:50%; box-sizing:border-box; width:14px; height:14px; border-radius:50%; margin-left:-7px; border:3px solid #DA0021; background-color:#fff;}
	#header.eng-header #gnb > ul > li.__over:not(.full_menu) > div.sub_wrap {background-color:#EEF6FB;}
}

/* Tablet */
@media all and (min-width:768px) and (max-width:1199px) {
	div.navi_sns_menu {display:none;}
	
	/* .wrapbox_bottom {margin-top:10px;}
	.wrapbox_bottom div.bottom_section{width:57.5%;}
	.wrapbox_bottom div.bottom_section ul li {width:32%;}
	.wrapbox_bottom div.bottom_section ul li h1 {font-size:17px;}
	.wrapbox_bottom div.bottom_section ul li p {font-size:15px;}
	.wrapbox_bottom div.bottom_section ul li h2 {font-size:15px;}
	.wrapbox_bottom #banner_slide {width:100%;} */
	/* .img_wrapbox_top div.top_section div.top_section-2 {width:53%;}
	.img_wrapbox_top div.top_section div.top_section-2 .top_section-2-txt h1 {font-size:23px;}
	.img_wrapbox_top div.top_section div.top_section-2 .top_section-2-txt h2 {font-size:18px; width:40%;}
	.img_wrapbox_top div.top_section div.top_section-2 .top_section-2-txt h2 b {font-size:18px;}
	.img_wrapbox_top div.top_section div.top_section-2 .top_section-2-txt p {font-size:18px; width:41%;}
	.img_wrapbox_top div.top_section div.top_section-2 .top_section-2-txt p b {font-size:18px;}
	.img_wrapbox_top div.top_section div.top_section-2 a span {font-size:16px;}
	.img_wrapbox_top div.top_section div.top_section-1 ul li {font-size:18px;}
	.img_wrapbox_top div.top_section div.top_section-1 ul li p {font-size:15px; width:50%;}
	.img_wrapbox_top div.top_section div.top_section-1 ul li a {font-size:18px;}
	.img_wrapbox_top div.top_section div.top_section-2 div.minister_IMG {background-size:95%;}
	.img_wrapbox_top div.top_section div.top_section-2 {padding:20px 20px 34px 20px;}
	.img_wrapbox_top div.top_section div.top_section-2 a {width:150px;}
	.img_wrapbox_top div.top_section div.top_section-1 ul li {padding:23px;} */
	
    #header_top > div ul{border-left:none;}
    #gnb_box > div{overflow:visible;}
    #gnb{display:block; /* position:relative; */ z-index:1; float:none; overflow:visible; box-sizing:border-box; width:100%; padding:0;}
    #gnb > ul{float:none;}
/*     #gnb > ul > li{width:auto !important; margin-right:35px;} */
    #gnb > ul > li.full_menu{float:right; margin-right:0;}
	#gnb > ul > li.activechk:not(.full_menu) > a > span:after {width: 100%; left: 0;}
	#gnb > ul > li > div.sub_wrap::before {display:none;}
	#gnb > ul > li > div.sub_wrap div.sub_inner {padding:0;}
    #gnb > ul > li > div.sub_wrap div.sub_inner h4{float:none; width:100%; padding:30px 35px; margin-top:0; border-bottom-right-radius:100px; background-color:#F3F3F3;}
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul{float:none; width:100%; padding:30px 35px 50px 35px;}
    
    #header.kids-header #gnb > ul > li + li::before {display:none;}
    
    #header.eng-header #gnb > ul > li {width:25% !important; margin-right:0;}
    #header.eng-header #gnb > ul > li.active:not(.full_menu) > a::after {display:none;}
    #header.eng-header #gnb > ul > li:hover > a::after {content:""; display:block !important; position:absolute; z-index:1; bottom:-7px; left:50%; box-sizing:border-box; width:14px; height:14px; border-radius:50%; margin-left:-7px; border:3px solid #DA0021; background-color:#fff;}
	#header.eng-header #gnb > ul > li:hover:not(.full_menu) > div.sub_wrap {background-color:#EEF6FB;}

    #search_box{position:relative; top:auto; left:auto; clear:both; width:100%; margin:100px 0 30px 0;}

    /* 열린 장관실 헤더 */
/*     #header.ministor #header_logo > div h1{padding-top:16px;} */
    #header.ministor #header_logo > div h1 a{width:250px;}
    #header.ministor #gnb > ul > li{margin:0 11%;}

    /* 서브 비쥬얼 영역 */
    #sub_visual_inner{}
    #sub_visual_inner div.function {top:63px;}
    
    #sub_visual.type-kids::before {left:-487px;}
    #sub_visual.type-kids::after {right:-460px;}
    #sub_visual.type-kids #sub_visual_inner::before {bottom:50px; height:248px;}
    #sub_visual.type-kids div.tab {padding:0;}
    #sub_visual.type-kids div.tab ul li {padding:10px 5px;}
    #sub_visual.type-kids div.tab ul li a span {letter-spacing:-0.05em;}

    #share_option{}

    /* 서브 네비게이션바 영역 */
    #snb_wrap {margin-top:-19px;}
    #snb{height:56px;}
    #snb > ul{height:56px; padding:0;}
    #snb > ul > li > a{width:182px; height:56px; padding:0 20px; line-height:56px;}
    #snb > ul > li:first-child > a{width:64px;}
    #snb > ul > li:last-child {max-width:calc(100% - 440px);}
    #snb > ul > li:last-child::after {display:none;}
    #snb > ul > li:last-child > a {width:332px; max-width:100%;}
    #snb > ul > li > ul{top:56px;}
    #snb > ul > li.active > ul{max-height:600px;}

/*     #contents{padding-bottom:60px;} */
    #contents_inner_2024{}
    /* #contents_inner_2024 h4.title{margin-bottom:10px; font-size:22px;}
    #contents_inner_2024 h5.title{margin-bottom:15px; font-size:18px;}
    #contents_inner_2024 h5.title::after{width:16px;} */
	/* #contents_inner_2024 h4.title{font-size:18px;}
	#contents_inner_2024 h4.title + div {}
	#contents_inner_2024 h5.title{padding-top:0.2125em;font-size:16px;}
	#contents_inner_2024 h5.title::before{margin-top:-0.2125em;}
	#contents_inner_2024 h5.title2{font-size:18px;}
	#contents_inner_2024 h5.title2:after{}
	#contents_inner_2024 h5.title3{font-size:20px;} */

    /* 만족도 평가 */
    #satisfy_score{width:100%; padding:25px 20px;}
    #satisfy_score div.title{width:210px; padding-bottom:10px; padding-left:0; background:url(/images/np/bg_satisfy_score_icon.png) no-repeat 140px 10px; background-size:50px 44px;}
    #satisfy_score div.title h5{font-size:20px;}
    #satisfy_score div.title p{font-size:14px;}
    #satisfy_score div.content{width:calc(100% - 210px); padding-left:15px;}
    #satisfy_score div.content ul.score_check{padding:12px 0 17px 0;}
    #satisfy_score div.content ul.score_check li{margin-right:15px;}
    #satisfy_score div.content ul.score_check li:last-child{margin-right:0;}
    #satisfy_score div.content ul.score_check li label{font-size:14px;}
    #satisfy_score div.content input[type=submit]{width:80px; right:0; font-size:14px;}
    #satisfy_score div.content ul.contact li{margin-right:20px; font-size:15px;}
	 .infobox_wrap div.section ul li {margin-right: 20px;}
	 
	 
    #footer_inner{}
    #footer_inner > address{padding:4px 0 3px 0; font-size:14px;}
    #footer_inner > p{font-size:14px;}
    #service_link_wrap {float:none; width:100%;}
    #service_link{}
    #service_link ul li{}
    #service_link ul li a{}
    #footer .footer-service .footer-link-wrap {float:none; width:100%; margin-top:32px; margin-left:0;}
    #footer_link{}
    #footer_link > ul > li {width:calc((100% - 14px)/2);}
    #footer_link > ul > li:nth-child(even) {margin-left:13.9999px;}
    #footer_link .link_box{}
    #footer_link .link_box div{}
    #footer_link .link_box.active div{max-height:450px;}
    #footer_link .link_box div button.close{}
    /* #footer_link .link_box div button.close::before, #footer_link .link_box div button.close::after{height:2px;}
    #footer_link .link_box div button.close::before{top:14px;} */
    #footer_link .link_box div ul{height:375px;}
    #footer_link .link_box div ul::-webkit-scrollbar{width:10px;}
    /* 
    #footer_link .link_box div ul::-webkit-scrollbar-button:start:decrement{width:10px; height:10px;}
    #footer_link .link_box div ul::-webkit-scrollbar-button:end:increment{width:10px; height:10px;}
    */
    #footer_link .link_box div ul li a{padding:3px 0;}
    #footer_link .link_box div ul li a::before{display:none;}

	#fnb {padding:0;}
	#fnb > .inr {padding:0;}
	#fnb ul li {border-bottom:1px solid #707070;}
	#fnb ul li + li {border-left:1px solid #707070;}
	#fnb ul li + li::before {display:none;}
	#fnb ul li:nth-child(5) {border-left:none;}
    #fnb ul li:not(:nth-child(n+5)) {width:25%;}
	#fnb ul li:nth-child(n+5) {width:33.3333%;}
	#fnb ul li a{width:100%; padding:12px 0; text-align:center;}
    #fnb a.wa_mark{display:none;}
    
    .footer_desc {text-align:center;}
    .footer_desc h6 {display:inline-block; position:static;}
    .footer_desc .desc {margin-top:27px; margin-left:0;}
    .footer_desc .mark {position:static;margin-top:27px;}
    
    #footer.eng-footer .footer_desc h6 {margin-top:0;}
    #footer.eng-footer .footer_desc .desc {margin-left:0;}

    /* Form Design */
    /* input[type=checkbox] + label{height:25px; line-height:25px; font-size:16px; padding-left:30px;}
    input[type=checkbox] + label::before{width:25px; height:25px; background-size:50px 25px;}
    input[type=checkbox]:checked + label::before{background-position:-25px 0;} */
}

/* 만족도 평가 0207*/
@media only all and (max-width:1024px){
    .infobox_wrap div.header {flex-wrap: wrap; padding: 10.5px 20px 12.5px;}
    .infobox_wrap div.header div.header_box {width: 100%;}
    .infobox_wrap div.header div.header_box.left {}
    .infobox_wrap div.header div.header_box.right > ul {flex-wrap: wrap; margin-top: 20.5px;}
    .infobox_wrap div.header div.header_box.right > ul > li {width: 100%;}
    .infobox_wrap div.header div.header_box > ul > li + li {margin-left: 0; margin-top: 8px;}
    .infobox_wrap div.header div.header_box > p > span {font-size: 16px;}
    .infobox_wrap div.section {padding: 15px 20px !important;}
    .infobox_wrap div.section ul li {margin-bottom: 12px;}
    .infobox_wrap div.section p.question {font-size: 16px !important;}
    .infobox_wrap div.section .question_wrap {flex-wrap: wrap;}
    .infobox_wrap div.section .question_wrap ul {width: 100%;}
    .infobox_wrap div.section .question_wrap ul > li {width: 100%;}
    .infobox_wrap div.search_box {width: 100%;}
    .infobox_wrap div.search_box div.search_form.center div.keyword {width: 100%;}
    .infobox_wrap div.search_box div.search_form.period div.keyword input[type=text] {width: 100%; font-size: 13px; max-width: initial;}
    .infobox_wrap div.search_box div.search_form.center div.keyword > input + button {margin-left: 0; margin-top: 10px;}
    .infobox_wrap div.search_box div.search_form div.keyword button[type=submit] {width: 150px;}
    .infobox_wrap div.search_box div.search_form div.keyword button[type=submit] > span {display:block; font-size: 13px;}
}

/*상단 헤더용 */
@media all and (min-width:768px) and (max-width:900px) {
	
	.quick-link-wrap .right-link .site-type a {    padding: 10px 5px 9px 5px;}
	.quick-link-wrap .right-link .site-type a.smba { width: 130px; }
	.quick-link-wrap .right-link .site-type a.kids::before {display:none;}
	.quick-link-wrap .right-link .site-type a.kids span {margin-left:0;}
	.quick-link-wrap .right-link .site-type a.eng::before {display:none;}
	.quick-link-wrap .right-link .site-type a.eng span {margin-left:0;}
	.ri-map-pin-line:before {display:none;}
	.quick-link-wrap div.city_by button.control {padding: 9px 5px 10px 5px;}
}


/* Not Mobile */
@media only all and (min-width:768px) {
	#header.kids-header #gnb > ul > li + li::before {content:""; position:absolute; top:50%; opacity:0.5; width:4px; height:4px; margin:-2px 0 0 -2px; background-color:#212121; transform:rotate(45deg);}
	#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li{width:calc(50% - 6px); margin-left:11.9999px;}
	#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(5n+1){margin-left:11.9999px;}
	#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(2n+1){margin-left:0;}
	#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(n+3){margin-top:24px;}
	#header.kids-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(n+6){margin-top:24px;}
	
	#header.eng-header {position:relative; /* height:159px; */}
	#header.eng-header #gnb_box {position:absolute; overflow:hidden; height:50px;}
	#header.eng-header #gnb_box > .inr {}
	#header.eng-header #gnb {}
	#header.eng-header #gnb::before {content:""; display:block; position:absolute; top:50px; right:0; left:0; border-top:1px solid #C8D1DB;}
	/* #header.eng-header #gnb > ul {border-right:1px solid #C8D1DB; border-left:1px solid #C8D1DB;} */
	
	#header.eng-header #gnb > ul > li > div.sub_wrap {/* display:block; */ position:static; top:auto; left:auto; box-sizing:border-box; width:100%; padding:16px 10px; border-right:1px solid #C8D1DB; border-bottom:none; box-shadow:none;}
	#header.eng-header #gnb > ul > li:first-child > div.sub_wrap {border-left:1px solid #C8D1DB;}
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul {float:none; width:100%; padding:0;}
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li {display:block; width:100%; margin-left:0;}
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(5n+1) {margin-left:0;}
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(n+2) {margin-top:10px;}
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(n+6) {margin-top:10px;}
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a {padding:7px; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.03em; color:#000;}
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:hover > a,
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a:focus,
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.current > a {color:#fff;}
	#header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul {margin-top:6px;}
	
	#sub_visual.type-kids div.tab ul li.active {padding:0;}
	#sub_visual.type-kids div.tab ul li.active a{border-radius:30px 30px 0 0; background-color:#FFFBEB; box-shadow:6px -5px 6px 0 rgba(0,0,0,0.1);}
	#sub_visual.type-kids div.tab ul li.active a span {line-height:80px; color:#DA0021;}
}

	/* Mobile */
@media only all and (max-width:767px){
    body, button, input, select{letter-spacing:0;}
    .logo_Wrap {width:auto; padding:0;}
    .logo_24_img {position:inherit; top:19px; left:20px;}
    .mobile{display:block;}
	#quick_link h4 {font-size:25px; letter-spacing: -.08rem;}
	.sort_list h4 {font-size:25px;}
	#footer_goverment-mark ul {float:left;}
	#footer_goverment-mark h6 {background-size:80%;}
	#footer_goverment-mark div.goverment-mark {position:inherit; top:10px;}
	#footer_goverment-mark div.goverment-mark ul li:nth-child(1) {background-size:80%;}
	#footer_goverment-mark div.goverment-mark ul li:nth-child(2) {background-size:80%;}
	#footer_goverment-mark ul li {margin-left:0;}

	/* 상단 네비게이션*/
	.government_innovation {display:inline-block; vertical-align:top; margin-left:11px;}
	#header_logo > div div.header_control {font-size:0;}
	.navi-link-menu {position:relative; height:45px;}
	.navi-link-menu > div {display: inline-block;}
	.navi-link-menu > div > a {display:block; padding:14px; font-weight:400;padding: 12px 20px; line-height:1.4286; letter-spacing:-0.025em; color:#fff; }
	
	/* 상단 top메뉴 sns 아이콘*/
	div.navi_sns_menu {display:block; position:relative; z-index:1; width:100%; padding:12px; margin-right:0; border-bottom:1px solid #E1E1E1; background-color:#fff; text-align:center;}
	div.navi_sns_menu ul li + li::before {/* border-left-color:#fff; */border-left-color:#373737;}
	div.navi_sns_menu ul li a {/* font-size:16px; */font-size:24px;}
	div.navi_sns_menu ul li.Bl a {background:url(/images/np_new/ico_sns_n-blog.png) no-repeat center center; color:transparent;}
	div.navi_sns_menu ul li.Face a {color:#445E99;}
	div.navi_sns_menu ul li.ing a {background:url(/images/np_new/ico_sns_insta.png) no-repeat center center; color:transparent;}
	div.navi_sns_menu ul li.Tiw a {color:#28A9E0;}
	div.navi_sns_menu ul li.You a {color:#D4272D;}
    
    #header.fixed{width:100%; height:100%; position:fixed; top:0; left:0; background-color:#fff; z-index:99999;}
    #header.fixed #gnb_box{display:block;}
    #header_top > div ul{display:table; width:100%; border-left:none;}
    #header_top > div ul li{display:table-cell; float:none;}
    #header_top > div ul li:last-child{border-right:none;}
    #header_top > div ul li a{height:40px; line-height:40px; padding:0; font-size:13px; text-align:center;}
    #header_logo{border-bottom:1px solid #ccc;}
    #header_logo .quick-link-wrap,
    #header_logo .menu_click,
    #header_logo .sns_area {display:none;}

    #header_logo .logo-wrap {/* position:relative; */ width:100%; /* height:88px; */ height: 108px; padding:15px 0 15px 0; font-size:0;}
    #header_logo .logo_Wrap h1{ vertical-align:top;}
    #header_logo .logo_Wrap h1 a{width:188px; height:40px; /* background-size:188px 40px; */}
    #header_logo > div div.quick_link{display:none;}
    
    #header.kids-header #gnb > ul > li + li::before {display:none;}
    
    #header.eng-header .logo-wrap {padding:19px 0 18px 0;}
    #header.eng-header #header_logo > div h1 a {width:153px; height:40px;}
    #header_logo .logo_Wrap h2 {display:block;}

	.clearfix .logo-wrap .eg_text_mobile { display:block; padding-bottom:15px;}
	.clearfix .logo-wrap .eg_text_mobile > img {display:inline-block;}
	.clearfix .logo-wrap .eg_text_mobile > span {display:inline-block; font-size:12px; line-height: 1; }
	
    #mobile_search_bar.active{display:block;}

    #gnb_box{display:none; position:absolute; z-index:103; top:45px; left:0; width:100%; height:100%; background-color:#fff;}
    #gnb_box.fixed{
        position:absolute; top:0; border-bottom:none; background-color:transparent;
        -webkit-animation:none;
        animation:none;
    }
    #gnb_box #close_gnb {display:block;}
    #gnb_box > .inr{overflow:visible; height:100%; padding:0;}
    #gnb_top{display:block; width:100%;}
    #gnb{position:relative; z-index:1; float:none; overflow:visible; height:calc(100% - 94px); background-color:#F3F3F3;}
    #gnb > ul{float:none; overflow:visible; height:100%; padding:12px 0;}
    #gnb > ul > li{display:block; float:none; width:33% !important; padding:0 20px; margin-right:0;}
    #gnb > ul > li + li {margin-top:10px;}
    #gnb > ul > li > a{display:block; height:42px; padding:0; border:1px solid #CBCBCB; border-radius:4px; text-align:center; font-weight:500; /* font-size:20px; */ font-size:16px; line-height:42px; letter-spacing:-0.025em; color:#002B51;}
    #gnb > ul > li > a span {display:inline-block; position:relative; overflow:hidden; max-width:100%; /* white-space:nowrap; text-overflow:ellipsis; */}
    #gnb > ul > li:not(.full_menu):hover > a,
	#gnb > ul > li:not(.full_menu) > a:focus,
	#gnb > ul > li.active:not(.full_menu) > a,
	#gnb > ul > li.current:not(.full_menu) > a {border-color:#DA0021; background-color:#DA0021; color:#fff; box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);}
	#gnb > ul > li.activechk:not(.full_menu) > a > span:after {content:none;}
    #gnb > ul > li.active > a span{display:inline-block; position:relative; overflow:hidden; max-width:100%; /* white-space:nowrap; text-overflow:ellipsis; */}
    /* #gnb > ul > li.active > a span::after{content:""; width:100%; height:2px; position:absolute; bottom:8px; left:0; background-color:#005bb4;} */
    #gnb > ul > li.active > a::after{display:none;}
    #gnb > ul > li.full_menu{display:none;}
    
    #gnb > ul > li > div.sub_wrap{  
        width:67%;
        height:100%;
        position:absolute;
        top:0;
        left:inherit;
        right:0;
        overflow:hidden;
        border-bottom:none;
        background-color:#fff;
		box-shadow:none;
        /* Prevent native touch events on Windows */
        -ms-touch-action: none;
        /* Prevent the callout on tap-hold and text selection */
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* Prevent text resize on orientation change, useful for web-apps */
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        /* text-size-adjust: none; */
    }
    #gnb > ul > li > div.sub_wrap::before {display:none;}
    #gnb > ul > li > div.sub_wrap div.sub_inner{padding:20px;}
    #gnb > ul > li > div.sub_wrap div.sub_inner h4{display:none;}
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul{float:none; width:100%; padding:0;}
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li{display:block; width:100%; margin-left:0;}
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(n+2) {margin-top:12px;}
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a{padding:10px 23px 9px 23px; text-align:left; font-size:14px;}
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul{padding:0; margin-top:0; border-radius:0 0 4px 4px; background-color:#F9F9F9;}
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li {padding-left:0; text-indent:0;}
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li + li {margin-top:0; border-top:1px solid #E0E0E0;}
    /* #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li::before {display:none;} */
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li a{display:block; padding:8px 24px 8px 42px; /* text-indent:-18px; */ font-size:12px;}
    /* #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li a::before {content:""; display:inline-block; vertical-align:top; width:10px; margin-top:11px; margin-right:8px; border-top:2px solid #CBCBCB;} */
    #gnb > ul > li.active > div.sub_wrap{display:block;}
    
    #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:hover > a,
	#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a:focus,
	#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.current > a {padding:9px 22px 8px 22px; border:2px solid #DA0021; background-color:#fff; color:#000;}
	#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.blank:hover > a::after,
	#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.blank > a:focus::after,
	#gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.blank.current > a::after {background-image:url(/images/np_new/ico_blank_blue.png);}

    #search_box{display:none;}
    #gnb_message{display:table; position:absolute; z-index:1; top:188px; right:0; width:67%; height:calc(100% - 188px); background-color:#fff;}
    #gnb_message.hide{display:none;}
    #gnb_message p {display:table-cell; vertical-align:middle;}
    
    #header.kids-header #gnb > ul > li {width:200px !important;}
    #header.kids-header #gnb > ul > li > div.sub_wrap {width:calc(100% - 200px);}
    #header.kids-header #gnb_message {width:calc(100% - 200px);}
    
    #header.eng-header #gnb {height:calc(100% - 86px);}
    #header.eng-header #gnb > ul {/* overflow-y:auto; */ padding:22px 0;}
    #header.eng-header #gnb > ul > li {width:100% !important; padding:0 35px;}
    #header.eng-header #gnb > ul > li > a {position:relative; padding:0 70px 0 23px; background-color:#fff; text-align:left;}
    #header.eng-header #gnb > ul > li:not(.full_menu):hover > a,
    #header.eng-header #gnb > ul > li:not(.full_menu) > a:focus,
    #header.eng-header #gnb > ul > li.active:not(.full_menu) > a,
    #header.eng-header #gnb > ul > li.current:not(.full_menu) > a {background-color:#DA0021;}
    #header.eng-header #gnb > ul > li > a > i {display:block; position:absolute; top:50%; right:23px; margin-top:-0.5em; font-size:24px; line-height:1; color:#DA0021; transform:rotate(90deg);}
    #header.eng-header #gnb > ul > li:not(.full_menu):hover > a > i,
    #header.eng-header #gnb > ul > li:not(.full_menu) > a:focus > i,
    #header.eng-header #gnb > ul > li.active:not(.full_menu) > a > i,
    #header.eng-header #gnb > ul > li.current:not(.full_menu) > a > i {color:#fff; transform:rotate(-90deg);}
    #header.eng-header #gnb > ul > li > div.sub_wrap {/* display:block; */ position:static; top:auto; right:auto; bottom:auto; left:auto; width:100%; height:auto; min-height:auto; margin-top:-4px; border:1px solid #DA0021; border-radius:4px; background-color:#EEF6FB;}
    #header.eng-header #gnb > ul > li.active > div.sub_wrap {display:block !important;}
    #header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner {padding:24px 19px 29px 19px;}
    #header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:nth-child(n+2) {margin-top:10px;}
    #header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a {padding:7px; text-align:center; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.03em; color:#000;}
    #header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li:hover > a,
    #header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > a:focus,
    #header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li.current > a {padding:6px;}
    #header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul {background-color:transparent;}
    #header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li + li {border-top:none;}
    #header.eng-header #gnb > ul > li > div.sub_wrap div.sub_inner > ul > li > ul li a {padding:6px 8px 4px 26px;}

    /* 열린 장관실 헤더 */
    /*#header.ministor #header_logo > div h1{padding:10px; border-bottom:1px solid #ddd;}*/
    /*#header.ministor #header_logo > div h1 a{width:195px; margin:0 auto;}*/
    #header.ministor #gnb > ul > li{margin:0; border-bottom:1px solid #ddd;}
    #header.ministor #gnb > ul > li > a{width:100%;}
    #sub_visual.type8 .svinner_text { left: 50%; top: 90%; bottom: 0; transform: translate(-50%, -50%); font-size: 16px; text-shadow: 0 0 10px black;width:80%;}
	#sub_visual.type8 {height:240px; }

    /* 서브 비쥬얼 영역 */
    #sub_visual > .inr {height:162px;}
    #sub_visual_inner{padding-bottom:19px; text-align:center;}
    #sub_visual_inner h3{font-size:24px;}
    #sub_visual_inner p{padding-right:30px; font-size:12px;}
    #sub_visual_inner div.function{display:block; position:relative; top:auto; right:auto; margin-top:14px;}
    #sub_visual_inner div.function > div{float:none; padding:0;}
    #sub_visual_inner div.function > div > button{width:32px; height:32px; padding:6px; margin-left:0; font-size:18px;}
    #sub_visual_inner div.function > div > button#page_print{display:none;}
    
    #sub_visual.type-kids::before {left:-487px;}
    #sub_visual.type-kids::after {right:-460px;}
    #sub_visual.type-kids > .inr {height:232px;}
    #sub_visual.type-kids #sub_visual_inner::before {bottom:0; left:-35px; /* width:264px; height:248px; */ width:103px; height:100px; margin-left:0; background:url(/images/np_new/kids/bg_sub_visual_city_left.png) no-repeat 0 0/auto 100%;}
    #sub_visual.type-kids #sub_visual_inner::after {display:block; position:absolute; bottom:0; right:-35px; left:auto; /* width:264px; height:248px; */ width:103px; height:100px; background:url(/images/np_new/kids/bg_sub_visual_city_right.png) no-repeat 0 0/auto 100%;}
    #sub_visual.type-kids #sub_visual_inner h3 {font-size:30px; line-height:1.1667;}
    #sub_visual.type-kids #sub_visual_inner p {margin-top:24px; font-size:16px; line-height:1.5;}
    
    #sub_visual.type-kids div.tab{position:relative;}
    #sub_visual.type-kids div.tab::before {display:none;}
    #sub_visual.type-kids div.tab button{display:block; position:relative; z-index:2; width:100%; height:80px; border-radius:30px 30px 0 0; background-color:#fc0; box-shadow:6px -5px 6px 0 rgba(0,0,0,0.1);}
    #sub_visual.type-kids div.tab button > span {font-weight:700; font-size:20px; line-height:80px; letter-spacing:0; color:#000;}
    #sub_visual.type-kids div.tab button > i {
    	position:absolute; top:50%; right:32px; width:40px; height:40px; margin-top:-20px; border-radius:50%; background-color:#fff; text-align:center; line-height:1;
    	-webkit-transform:rotate(90deg);
	    -moz-transform:rotate(90deg);
	    -o-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	    transform:rotate(90deg);
	    -webkit-transition:all 0.3s;
	    -moz-transition:all 0.3s;
	    -o-transition:all 0.3s;
	    -ms-transition:all 0.3s;
	    transition:all 0.3s;
	}
    #sub_visual.type-kids div.tab button.active > i {
	    -webkit-transform:rotate(-90deg);
	    -moz-transform:rotate(-90deg);
	    -o-transform:rotate(-90deg);
	    -ms-transform:rotate(-90deg);
	    transform:rotate(-90deg);
    }
    #sub_visual.type-kids div.tab button > i::before {font-size:24px; line-height:40px; color:#000;}
    #sub_visual.type-kids div.tab.blue button{background-color:#2d66bc;}
    #sub_visual.type-kids div.tab.green button{background-color:#0e842a;}
    #sub_visual.type-kids div.tab.red button{background-color:#f74360;}
    #sub_visual.type-kids div.tab.purple button{background-color:#743a8d;}
    #sub_visual.type-kids div.tab ul{display:block; visibility:hidden; position:absolute; top:80px; right:35px; left:35px; overflow:hidden; width:auto; height:auto; max-height:0; padding:5px 10px; border-radius:0 0 10px 10px; transition:all 0.5s;}
    #sub_visual.type-kids div.tab ul.active{visibility:visible; max-height:300px; box-shadow:6px -5px 6px 0 rgba(0,0,0,0.1);}
    #sub_visual.type-kids div.tab ul li{display:block; width:100%; padding:5px 0;}
    #sub_visual.type-kids div.tab ul li a{}
    #sub_visual.type-kids div.tab.blue ul li a{border-color:#2d66bc;}
    #sub_visual.type-kids div.tab.green ul li a{border-color:#0e842a;}
    #sub_visual.type-kids div.tab.red ul li a{border-color:#f74360;}
    #sub_visual.type-kids div.tab.purple ul li a{width:100%; border-color:#743a8d;}
    
    #sub_visual.type-kids div.tab ul li.active a{background-color:#fff;}
    #sub_visual.type-kids div.tab ul li.active a span {color:#DA0021;}

    #share_option{right:50%; margin-right:-145.5px; text-align:left;}
    #share_option div.box{}

    /* 서브 네비게이션바 영역 */
    #snb_wrap{margin-top:-19px;}
    #snb{height:56px;}
    #snb > ul{height:56px; padding:0;}
    #snb > ul > li{display:none;}
    #snb > ul > li > a{width:182px; height:56px; padding:0 20px; line-height:56px;}
    #snb > ul > li:first-child > a{width:64px;}
    #snb > ul > li:last-child{width:100%; max-width:calc(100% - 80px);}
    #snb > ul > li:last-child::after {display:none;}
    #snb > ul > li:last-child > a {width:100%;}
    #snb > ul > li > ul{top:56px;}
    #snb > ul > li.active > ul{max-height:600px;}
    #snb > ul > li:first-child, #snb > ul > li:last-child{display:inline-block;}

    /* #contents{padding-bottom:40px;} */
    #contents_inner_2024{}
    /* #contents_inner_2024 h4.title{margin-bottom:10px; font-size:18px;}
    #contents_inner_2024 h5.title{margin-bottom:15px; font-size:16px;}
    #contents_inner_2024 h5.title::after{width:15px;} */
	#contents_inner_2024 h4.title{font-size:18px;}
	#contents_inner_2024 h4.title + div {}
	#contents_inner_2024 h5.title{padding-top:0.2125em;font-size:16px;}
	#contents_inner_2024 h5.title::before{margin-top:-0.2125em;}
	#contents_inner_2024 h5.title2{font-size:18px;}
	#contents_inner_2024 h5.title2:after{}
	#contents_inner_2024 h5.title3{font-size:20px;}
    
    #sub_visual.type-kids + #contents_inner_2024 div.location {margin:24px 0; text-align:center;}
    #sub_visual.type-kids + #contents_inner_2024 div.location ul {padding-right:0;}

    /* 만족도 평가 */
    #satisfy_score{width:100%; padding:20px 15px;}
    #satisfy_score div.title{width:100%; padding-bottom:15px; padding-left:0; float:none; border-right:none; background:url(/images/np/bg_satisfy_score_icon.png) no-repeat 100% 0; background-size:50px 44px;}
    #satisfy_score div.title h5{font-size:18px;}
    #satisfy_score div.title p{font-size:13px;}
    #satisfy_score div.title p br{display:none;}
    #satisfy_score div.content{width:100%; padding-left:0; float:none; overflow:hidden;}
    #satisfy_score div.content ul.score_check{width:50%; float:left; padding:0;}
    #satisfy_score div.content ul.score_check li{display:block; margin-right:0; margin-bottom:10px;}
    #satisfy_score div.content ul.score_check li:last-child{margin-right:0;}
    #satisfy_score div.content ul.score_check li label{padding-left:27px; font-size:13px;}
    #satisfy_score div.content input[type=submit]{width:80px; top:inherit; bottom:0; right:0; font-size:14px;}
    #satisfy_score div.content ul.contact li{display:block; margin-bottom:5px; margin-right:0; font-size:13px;}


	/* 만족도 평가 0207*/
	.infobox_wrap div.header div.header_box.right > ul {margin-top: 15px;}
    .infobox_wrap div.header div.header_box > p > span {font-size: 15px;}
    .infobox_wrap div.header div.header_box > ul > li > p > span {font-size: 14px;}
    .infobox_wrap div.section p.question {font-size: 15px !important;}
	
    #go_to_top{/* display:block; */}

    #footer_inner{position:relative;}
    #footer_inner > address{font-size:12px;}
    #footer_inner > p{font-size:12px;}
    #service_link_wrap {float:none; width:100%;}
    #service_link{}
    #service_link ul li{width:calc(50% - 5px); margin-left:9.9999px;}
    #service_link ul li:nth-child(3n+1) {margin-left:9.9999px;}
    #service_link ul li:nth-child(2n+1) {margin-left:0;}
    #service_link ul li:nth-child(n+3) {margin-top:10px;}
    #service_link ul li a{font-size:14px;}
    #footer .footer-service .footer-link-wrap {float:none; width:100%; margin-top:32px; margin-left:0;}
    #footer_link > ul > li {width:100%;}
    #footer_link > ul > li + li {margin-top:8px;}
    #footer_link > ul > li:nth-child(n+3) {margin-top:8px;}
    #footer_link > ul > li:nth-child(even) {margin-left:0;}
    #footer_link .link_box.active div{max-height:300px;}
    #footer_link .link_box div button.close{}
    /* #footer_link .link_box div button.close::before, #footer_link .link_box div button.close::after{height:2px;}
    #footer_link .link_box div button.close::before{top:14px;} */
    #footer_link .link_box div ul{height:230px;}
    #footer_link .link_box div ul::-webkit-scrollbar{width:6px;}
    #footer_link .link_box div ul::-webkit-scrollbar-thumb{/* border-left:1px solid #656565; border-right:1px solid #656565; */}
/*    
    #footer_link .link_box div ul::-webkit-scrollbar-button:start:decrement{width:6px; height:6px; background-size:4px 2px;}
    #footer_link .link_box div ul::-webkit-scrollbar-button:end:increment{width:6px; height:6px; background-size:4px 2px;}
*/    
    #footer_link .link_box div ul li a{padding:3px 0;}
    #footer_link .link_box div ul li a::before{display:none;}

    #footer_sns{padding:20px 0;}
    #footer_sns h6{width:162px; height:33px; float:none; background-size:162px 33px;}
    #footer_sns ul{width:100%; position:absolute; bottom:20px; left:0; text-align:center;}
    #footer_sns ul li{display:inline-block; float:none; margin:0 8px;}
    #footer_sns ul li a{width:40px; height:40px; background-size:120px 30px;}
    #footer_sns ul li.tw a{background-position:-30px 0;}
    #footer_sns ul li.nb a{background-position:-60px 0;}
    #footer_sns ul li.yt a{background-position:-90px 0;}
    
    #fnb {padding:0;}
	#fnb > .inr {padding:0;}
	#fnb ul li {border-bottom:1px solid #707070;}
	#fnb ul li + li::before {display:none;}
	#fnb ul li:nth-child(even) {border-left:1px solid #707070;}
	#fnb ul li:not(:nth-child(7)) {width:50%;}
	#fnb ul li:nth-child(7) {width:100%;}
	#fnb ul li a{width:100%; padding:14px 0; text-align:center;}
    #fnb a.wa_mark{display:none;}
    
    .footer_desc {text-align:center;}
    .footer_desc h6 {display:inline-block; position:static;}
    .footer_desc .desc {margin-top:38px; margin-left:0;}
    .footer_desc .mark {position:static;margin-top:27px;}
    
    #footer.eng-footer .footer_desc h6 {display:inline-block; position:static; margin-top:0;}
    #footer.eng-footer .footer_desc .desc {margin-left:0;}

    /* Form Design */
    /* input[type=checkbox] + label{height:25px; line-height:25px; font-size:13px; padding-left:32px;}
    input[type=checkbox] + label::before{width:25px; height:25px; background-size:50px 25px;}
    input[type=checkbox]:checked + label::before{background-position:-25px 0;} */

    /* input[type=radio] + label{height:18px; line-height:18px; font-size:13px; padding-left:22px;}
    input[type=radio] + label::before{width:18px; height:18px; left:0; top:0;}
    input[type=radio]:checked + label::after{top:6px; left:6px;} */
}

@media only all and (max-width:550px){ 

	div#satisfaction_inner { padding: 0 3.3333%; }
	.inr {padding:0 3.3333%;}  
	#contents_inner_2024 { padding: 0;}
	#mobile_search_bar {padding:9px 3.3333%;}
	#mobile_search_bar #close_search.close {right:3.3333%; margin-right:40px; top: -59px; width: 30px; height: 30px;}
    #gnb_box #close_gnb {right:2%; top: .5%;}
    #gnb_top .menu_click ul {padding:0 17.7778% 0 4.4444%;}
    .menu_click ul li a i {display:none;}
    .menu_click .taegugki a::before {display:none;}
    .navi-link-menu > div.navi_sns_menu {width:100%;}
/*     .navi-link-menu > div {width:33.3%;} */
/*     .navi-link-menu > div.city_by {width:33.3%; border-right:1px solid #718699;}
    .navi-link-menu > div.city_by + div {border-left:none;}
    #gnb_top div.city_by div {top:42px;}
    #gnb_top div.city_by div ul {padding:5px 2px;}
    #gnb_top div.city_by div ul li {padding:6px 9px;} */
    #gnb {height:calc(100% - 135px);}
    #gnb > ul > li {padding:0 11px 0 12px;}
    #gnb > ul > li > div.sub_wrap div.sub_inner {padding:12px;}
    #gnb_message {top:237px; height:calc(100% - 237px);}
    
    /* 모바일 메뉴*/
    #gnb_box #close_gnb { width:35px; height:35px; }
    div.navi_sns_menu { padding: 12px; } 
    div.navi_sns_menu ul li a { font-size:20px;}
    #gnb_top div.city_by button.control > span {font-size:12px; margin-right: 0px; line-height: 1.5;}
    #gnb_top div.city_by button.control > i { display:none;}
    .navi-link-menu > div > a {font-size:12px;}
    #gnb_top div.city_by div ul li a { font-size:12px;} 
    #gnb > ul { padding: 12px 0; }
    
    #gnb > ul > li > a {font-size:13px;}
    
    #header_logo .logo_Wrap h1 {vertical-align:middle;}
    #header_logo .logo_Wrap h1 a {width:120px !important;}
    
    #header_logo > div div.header_control {margin-top: 5px;}
    #header_logo > div div.header_control button {width: 30px; height: 30px;}
    #header_logo > div div.header_control button::before {font-size: 20px; color: #fff;}
    #header_logo > div div.header_control button + button {margin-left: 10px;}
    
    .government_innovation {vertical-align:middle;}
    .government_innovation a {width:100px !important;}
    
    .menu_click .gov a {width:80px;height:33px;}
    .menu_click ul li + li {margin-left:5px;}
    .menu_click ul li a span {font-size:12px;}
    #header_logo > div div.header_control button
    #contents_inner_2024 {padding:0 3.3333%;}
    
    #sub_visual.type-kids {}
    #sub_visual.type-kids > .inr {height:192px;}
    #sub_visual.type-kids #sub_visual_inner {padding-bottom:60px;}
    #sub_visual.type-kids #sub_visual_inner p {margin-top:10px;}
    #sub_visual.type-kids div.tab {padding:0 3.3333%; margin-top:-60px;}
    #sub_visual.type-kids div.tab button {height:60px;}
    #sub_visual.type-kids div.tab button > span {font-size:16px;line-height:60px;}
    #sub_visual.type-kids div.tab button > i {right:12px; width:30px; height:30px; margin-top:-15px;}
    #sub_visual.type-kids div.tab button > i::before {font-size:20px;line-height:30px;}
    #sub_visual.type-kids div.tab ul {top:60px; right:3.3333%; left:3.3333%;}
    #sub_visual.type-kids div.tab ul li a span {font-size:16px;line-height:40px;}
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */

#ui-datepicker-div {z-index:97 !important;}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 20%;
    background:none;
    border:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
}
.ui-datepicker select option{color:#000;}
.ui-datepicker-month::before{content:''; display:inline-block; width:16px; height:16px; margin-right:5px; position:relative; top:3px; left:0; background:url("/images/np/ui-icons_ffffff_256x240.png") no-repeat -65px 0;}
.ui-datepicker-month.active::before{background-position:0 0;}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    border: 1px solid #0a2856;
    background: #153b74;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {
    cursor: pointer;
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #031838;
    background: #0a2856;
    font-weight: normal;
    color: #fff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #0a2856;
    background: #153b74;
    font-weight: normal;
    color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #153b74;
    background: #fff;
    color: #000;
}
.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-widget-header .ui-icon {
    background-image: url("/images/np/ui-icons_ffffff_256x240.png");
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

.bss-sub-text{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media all and (max-width:350px) {
	.sm-sr-only {position:absolute; width:1px; height:1px; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); clip-path:polygon(0px 0px, 0px 0px, 0px 0px); -webkit-clip-path:polygon(0px 0px, 0px 0px, 0px 0px); overflow:hidden !important;}
	
}

@media all and (max-width:330px) {
	.government_innovation {margin-left:0;}
	.government_innovation a { width: 80px !important;}
	input[type=radio] + label {font-size:12px;}
	
}