@charset "UTF-8";

body {position:relative;}

#skip_menu {position:relative;z-index:10000;}
#skip_menu>a {display:block;position:fixed;left:0;top:-30px;width:100%;height:28px;margin:0 auto;padding:0 10px;background:#111;color:#fff;font-size:14px;line-height:28px;text-align:center;text-decoration:underline;z-index:10000;}
#skip_menu>a:active,
#skip_menu>a:focus {top:0;}

#dim,
#pop_dim,
#gnb_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}

#dim.on,
#pop_dim.on,
#gnb_dim.on {visibility:visible;opacity:0.5;z-index:1000;}
#dim.quickOn {visibility:visible;opacity:0.5;z-index:90;}

.typeHeadBnr #headTop_bnr {display:block;}
#headTop_bnr{display:none;height:100px;background:#000;background-size:cover;background-position:center;}
#headTop_bnr .bnr_area{position:relative;box-sizing:border-box;width:100%;max-width:1220px;height:100px;margin:0 auto;}
#headTop_bnr .bnr p{height:100px;line-height:100px;text-align:center;font-size:0}
#headTop_bnr .bnr p a{display:inline-block;font-size:0}
#headTop_bnr .bnr p img{vertical-align:middle}
#headTop_bnr .bnr p span{display:none}
#headTop_bnr .slick-arrow{
	position:absolute;top:36px;
	display:block;width:30px;height:30px;
	border-radius:50%;
	font-size:0;z-index:10
}
#headTop_bnr .slick-arrow.slick-prev{left:0;background:rgba(0,0,0,0.3) url(../img/main/top_banner_prev.png) no-repeat center;}
#headTop_bnr .slick-arrow.slick-next{left:90px;background:url(../img/main/top_banner_next.png) no-repeat center;}
#headTop_bnr .slick-counter{
	position:absolute;top:36px;left:48px;
	display:block;height:30px;line-height:30px;
	padding:0 40px 0 10px;
	background:rgba(0,0,0,0.3);border-radius:30px;
	font-family:'Roboto', 'Noto Sans KR',sans-serif;font-size:15px;color:#a0b1d6;letter-spacing:-1px
}
#headTop_bnr .slick-counter .current{color:#fff}

#headTop_bnr .btn{position:absolute;top:10px;right:0}
#headTop_bnr .btn .limit{display:block;}
#headTop_bnr .btn .limit label{height:auto;color:#fff;font-size:12px;letter-spacing:-1px;line-height:18px}
#headTop_bnr .btn .btn_close{display:block;width:40px;height:40px;margin:0 auto;background:url(../img/main/btn_close.png) no-repeat center;font-size:0}

.inp_redCheck {display:inline-block;position:relative;overflow:hidden;font-size:0;}
.inp_redCheck>input[type=checkbox] {float:left;width:10px;height:10px;margin:2px -18px 0 0;}
.inp_redCheck>label {display:inline-block;overflow:hidden;height:22px;padding:0 0 0 17px;background:url(../img/layout/checkBox_gold.png) no-repeat 0 2px;line-height:21px;cursor:pointer;}
.inp_redCheck>input[type=checkbox]:checked+label{background:url(../img/layout/checkBox_gold_on.png) no-repeat 0 2px;}
.inp_redCheck>input:focus {width:14px;height:14px;}

.typeHeadBnr #header{top:100px}
.typeHeadBnr #header.gnbOn,
.typeHeadBnr.popSticky #header {position:fixed;top:0;}

.typeSub.stickyFix #header {display:none;}
.typeSub.stickyFix #snb_nav {position:fixed;left:0;top:0;z-index:100;}

#header{position:absolute;top:0;left:0;width:100%;height:133px;overflow:hidden;z-index:1000;}
#header::after {content:'';display:block;position:absolute;left:0;top:40px;width:100%;height:1px;background:#000;opacity:0.1;}
header {position:relative;left:0;top:0;width:100%;margin:0 auto;box-sizing:border-box;padding-top:40px;}
#header .logo {display:block;position:absolute;left:50%;top:65px;margin-left:-610px;z-index:105;}/* 20230120 키보드초점 이동관련 수정 overflow:hidden; 삭제*/
#header .logo>a {display:block;overflow:hidden;width:185px;height:42px;background:url(../img/layout/logo_trans.png) no-repeat 0 0;text-indent:-500px;}
/* 20230627 슬로건 추가*/
#header .slogan {display:block;position:absolute;left:50%;top:70px;margin-left:-425px;width:110px;height:43px;background-image: url("https://www.nssc.go.kr/attach/namo/images/000011/20230627093012360_WKGS0RKP.png"); background-position: top right; background-repeat: no-repeat;text-indent:-9999px;font-size:0;z-index:106;}

header .siteCateg{position:absolute;left:50%;top:0;margin-left:-610px;font-size:0;z-index:104;}
header .siteCateg li{position:relative;display:inline-block;font-size:0;vertical-align:top}
header .siteCateg li+li:before{
	content:'';
	display:inline-block;width:1px;height:11px;
	margin:14px 16px 0;
	background:#dbdbdb;
	vertical-align:top
}
header .siteCateg li a{display:inline-block;height:40px;line-height:40px;box-sizing:border-box;font-family:'Roboto', 'Noto Sans KR',sans-serif;font-size:14px;font-weight:600;color:#444}
header .siteCateg li .btn_symbol{
	padding:8px 0 0 43px;
	background:url(../img/layout/ico_flag.jpg) no-repeat 0 center;
	font-size:12px;line-height:1.1em;
}
header .util {position:absolute;right:50%;top:70px;height:30px;margin-right:-610px;box-sizing:border-box;text-align:right;font-size:0;z-index:105;}
header .util>a,
header .util>button {display:inline-block;overflow:hidden;width:30px;height:30px;margin:0 0 0 15px;color:#666;font-size:14px;line-height:16px;text-align:left;}
header .util .btn_topSearch {background:url(../img/layout/ico_search_gray.png) no-repeat center;text-indent:-200px;}
header .util .btn_topSitemap {background:url(../img/layout/ico_lineMenu_gray.png) no-repeat center;text-indent:-200px;}
header .util .mBtn_topMenu {display:none;}
header .util_top {position:absolute;right:50%;top:12px;overflow:hidden;margin-right:-606px;font-size:0;z-index:105;}
header .util_top>a,
header .util_top>button {display:inline-block;position:relative;color:#000;font-family:'Roboto', 'Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:16px;vertical-align:top;}
header .util_top>a+a,
header .util_top>button+button,
header .util_top>a+button,
header .util_top>button+a {margin-left:15px;padding-left:15px;}
header .util_top>a+a::before,
header .util_top>button+button::before,
header .util_top>a+button::before,
header .util_top>button+a::before {content:'';display:block;position:absolute;left:0;top:3px;width:1px;height:11px;background:#dbdbdb;}
header .util_top span,
header .util_top span a{display:inline-block;margin-left:14px}
header .util_top span a:first-child{ margin-left:8px;}
header .util_top span.zoom {vertical-align:top;margin-left:14px}
header .util_top span.zoom a{margin-left:8px}
header .util_top span.zoom div {display:inline-block;color:#000;font-family:'Roboto', 'Noto Sans KR',sans-serif;font-size:14px;font-weight:400;vertical-align:top;line-height:15px;}
header nav  {text-align:center;font-size:0;}

.mSticky #header{background:#fff}
.mSticky #header::after{background:#e1e1e1;opacity:1}
.mSticky header .siteCateg li a{color:#003567}
.mSticky header .util_top>a,
.mSticky header .util_top>button{color:#666}
.mSticky #header .logo>a{background-image:url(../img/layout/logo_black.png)}
.mSticky #header nav #gnb>li>a{color:#000}
.mSticky .util .btn_topSearch{background-image:url(../img/layout/ico_search_black.png)}
.mSticky .util .btn_topSitemap{background-image:url(../img/layout/ico_lineMenu_blue.png)}

#header.on{background:#fff}
#header.on::after{background:#e1e1e1;opacity:1}
#header.on header .siteCateg li a{color:#003567}
#header.on header .util_top>a,
#header.on header .util_top>button{color:#666}
#header.on .logo>a{background-image:url(../img/layout/logo_black.png)}
#header.on nav #gnb_parent>li>a{color:#000}
#header.on .util .btn_topSearch{background-image:url(../img/layout/ico_search_black.png)}
#header.on .util .btn_topSitemap{background-image:url(../img/layout/ico_lineMenu_blue.png)}
#header.on header .util_top span.zoom div{color:#666;}

/* gnb_parent */
#header nav #gnb_parent {display:inline-block;overflow:hidden;padding-left:95px;vertical-align:top;}
#header nav #gnb_parent>li {display:table;float:left;padding:0 25px;table-layout:fixed;}
#header nav #gnb_parent>li>a {display:table-cell;position:relative;height:93px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:400;text-align:center;vertical-align:middle;}

/* gnb */
.gnb_wrap{position:relative;}
/* #gnb{display:inline-block;overflow:hidden;padding-left:95px;vertical-align:top;} */
#gnb{display:inline-block;overflow:hidden;padding-left:145px;vertical-align:top;}
#gnb>li{display:table;float:left;padding:0 25px;table-layout:fixed;}
#gnb>li>a{display:table-cell;position:relative;height:93px;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:400;text-align:center;vertical-align:middle;}
#gnb>li>a::after {content:'';display:block;position:absolute;left:50%;bottom:0;width:0;height:2px;background:#003567;transition:0.2s;opacity:0;}
#gnb div{
	display:none;
	position:absolute;top:93px;left:50%;
	box-sizing:border-box;width:1220px;
	margin-left:-610px;padding:20px 0 20px 214px;
	background:#fff;
}
#gnb div:before{
	content:'';
	position:absolute;top:0;left:50%;
	display:block;width:200%;height:100%;
	background:#fff;
}
#gnb div:after{
	content:'';
	position:absolute;top:0;left:0;
	display:block;width:300%;height:1px;
	margin-left:-100%;
	background:#d9d9d9;
}
#gnb div h2{position:absolute;top:0;left:0;max-width:180px;height:100%;padding-top:30px;text-align:left}
#gnb div h2:before{
	content:'';
	position:absolute;top:0;right:100%;width:800%;height:100%;
	margin-right:-214px;
	background:#f7f7f7 url(../img/layout/bg_header_child.png) no-repeat right 0;
}
#gnb div h2 span{position:relative;display:block;font-family:'Noto Sans KR',sans-serif;font-size:30px;font-weight:600;color:#003567;letter-spacing:-2px}
#gnb div h2 em{position:relative;display:block;font-family:'Noto Sans KR',sans-serif;font-size:14px;color:#686868;letter-spacing:-1px;font-style:Normal;line-height:1.2em}
#gnb div h2 em:before{content:'';display:block;width:25px;height:2px;margin:15px 0;background:#003567}
#gnb .menuM{
	position:relative;
	column-count: 4;column-fill: auto;height:350px;
	-webkit-column-rule: 1px solid #e8e8e8; column-rule: 1px solid #e8e8e8;
	text-align:left
}
#gnb .menuM>li{
	display:inline-block;box-sizIng:border-box;padding:15px 15px 15px 28px;
	column-width: 200px;
	-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;vertical-align:top;
}
#gnb .menuM>li>a{font-family:'Noto Sans KR',sans-serif;font-size:17px;font-weight:500;color:#003567;letter-spacing:-1px}
#gnb .menuM>li>a.self_link{display:none}
#gnb .menuM>li>a[target="_blank"]:after{content:'';display:inline-block;width:12px;height:12px;margin-left:8px;background:url(../../../img/common/ico_newWin_gray.png) no-repeat;opacity:.8;}
#gnb .menuS li{position:relative;padding-left:13px;margin-top:10px;}
#gnb .menuS li:before{content:'';position:absolute;top:10px;left:2px;display:block;width:4px;height:4px;background:#7f9ab3;border-radius:50%}
#gnb .menuS li a{font-family:'Noto Sans KR',sans-serif;font-size:15px;color:#333;letter-spacing:-1px}
#gnb .menuS li a:hover{color:#e51b42;}
#gnb .menuS li a[target="_blank"]:after{content:'';display:inline-block;width:12px;height:12px;margin-left:8px;background:url(../../../img/common/ico_newWin_gray.png) no-repeat;opacity:.8;}
/* #gnb ul a:focus{outline:none;background:#ddd} */
#gnb ul a:focus{background:#ddd}
#gnb>li>a.on+div,
#gnb>li:hover div{display:block;}

#header.on #gnb>li>a{color:#000}
#header.on #gnb>li>a.on::after {left:0;width:100%;opacity:1;}

header .mBtn_close,
header .mBtn_home {display:none;}

#footer {position:relative;width:100%;min-height:145px;box-sizing:border-box;background:#292d32;}
#footer.on {z-index:1200;}
footer {position:relative;bottom:0;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box;padding:20px 0 50px;}
/* 20230126 웹접근성 키보드 초점이동 관련 수정 footer .f_menu {overflow:hidden;} */
footer .f_menu {}
footer .f_menu li {position:relative;float:left;margin-right:15px;padding-right:15px;}
footer .f_menu li::before {content:'';display:block;position:absolute;right:0;top:3px;width:1px;height:13px;background:#55585c;}
footer .f_menu li:last-child {margin-right:0;padding-right:0;}
footer .f_menu li:last-child::before {display:none;}
footer .f_menu li>a {display:block;height:16px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:17px;letter-spacing:-1px;}
footer .f_menu li>a.btn_privacy {color:#3f95ff;}
/* 20230126 웹접근성 키보드 초점 이동 관련 수정 footer .relationSite {position:absolute;right:0;top:20px;overflow:hidden;width:405px;font-size:0} */
footer .relationSite {position:absolute;right:0;top:20px;width:405px;font-size:0}
footer .relationSite select {width:155px;height:27px;padding-left:8px;border:1px solid #53555a;border-radius:0;background:#3f4247 url(../img/layout/ico_triB_white.png) no-repeat right 6px center;;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:13px;font-weight:300;line-height:17px;letter-spacing:-1px;-webkit-appearance: none;appearance: none;}
footer .relationSite select::-ms-expand {display: none;}
footer .relationSite select option {color:#fff;font-size:14px;}
footer .relationSite .siteGrp {float:left;font-size:0}
footer .relationSite .siteGrp+.siteGrp {margin-left:10px;}
footer .relationSite .siteGrp>a {display:inline-block;width:40px;height:27px;line-height:27px;margin-left:2px;border-radius:3px;background:#000;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:13px;font-weight:300;letter-spacing:-1px;text-align:center;vertical-align:top;}
footer .bn{position:absolute;bottom:50px;right:0;font-size:0}
footer .bn a{display:inline-block;margin-left:28px}
footer address {overflow:hidden;width:calc(100% - 225px);margin-right:225px;padding-top:50px;}
footer address span {position:relative;float:left;margin:0 12px 15px 0;padding-right:12px;color:#e0e0e0;font-family:'Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:19px;letter-spacing:-1px;}
footer address span::before {content:'';display:block;position:absolute;right:0;top:3px;width:1px;height:11px;background:#55585c;}
footer address span:last-child {margin-right:0;padding-right:0;}
footer address span:last-child::before {display:none;}
footer .copyright {display:block;margin-top:0;color:#979899;font-size:14px;line-height:18px;letter-spacing:-1px;}
footer .copyright br {display:none;}
.dpNone {display:none;}

#container {clear:both;position:relative;overflow:hidden;background:#fff;}

.sVisual {position:relative;width:100%;background-repeat:repeat-x;background-position:50% 0;}
.sVisual>div {display:table;position:relative;width:100%;height:360px;text-align:center;vertical-align:middle;z-index:1;}
.sVisual>div>strong {display:table-cell;padding-top:116px;color:#343d60;font-family:'Noto Sans KR',sans-serif;font-size:47px;font-weight:500;text-align:center;vertical-align:middle;}

#snb_nav {position:absolute;width:100%;height:60px;box-sizing:border-box;background:#0d7acf;z-index:10}
#snb_nav .snb_area {position:relative;width:100%;max-width:1220px;height:60px;margin:0 auto;}
#snb_nav .snb_area .btn_home {display:block;float:left;overflow:hidden;width:60px;height:60px;margin:0;border-right:1px solid #318ed6;border-left:1px solid #318ed6;background:url(../img/layout/snb_home_white.png) no-repeat 50% 50%;text-indent:-100px;}
#snb_nav .snb_area>button {position:relative;float:left;height:60px;min-width:210px;box-sizing:border-box;padding:0 50px 0 25px;border-right:1px solid #318ed6;background:url(../img/layout/snb_arrB_white.png) no-repeat right 25px top 50%;;color:#fff;font-family:'Malgun Gothic';font-size:15px;;line-height:59px;text-align:left;letter-spacing:-1px;}
#snb_nav .snb_area .btn_snbView {display:none;}

#snb_nav #snb {display:none;position:absolute;left:5px;top:60px;box-sizing:border-box;padding:16px 15px;border:1px solid #dadee1;border-top:1px solid #fff;background:#fff;z-index:900;}
#snb_nav #snb li+li {margin-top:10px;}
#snb_nav #snb li a {color:#666;font-size:14px;line-height:16px;letter-spacing:-1px;white-space:nowrap}
#snb_nav #snb li a:hover,
#snb_nav #snb li a:active {color:#ca2049;font-weight:bold}
#snb_nav #snb>li>ul {margin-bottom:10px;}
#snb_nav #snb>li>ul ul {margin-bottom:0;}
#snb_nav.active2 #snb>li+li {margin-top:0;}
#snb_nav.active3 #snb>li+li,
#snb_nav.active3 #snb .menuM>li+li {margin-top:0;}

#snb_nav.active1 #snb>li>ul {display:none;}
#snb_nav.active2 #snb {padding:16px 15px 0;}
#snb_nav.active2 #snb>li>a,
#snb_nav.active2 #snb>li>ul {display:none;}
#snb_nav.active2 #snb>li.on>ul {display:block;}
#snb_nav.active2 #snb>li.on>ul ul {display:none;}
#snb_nav.active3 #snb {padding:16px 15px 0;}
#snb_nav.active3 #snb>li,
#snb_nav.active3 #snb>li>a,
#snb_nav.active3 #snb>li>ul>li,
#snb_nav.active3 #snb>li>ul>li>a {display:none;}
#snb_nav.active3 #snb>li.on,
#snb_nav.active3 #snb li.on {display:block;}

#snb_nav .snb_util {position:absolute;right:0;top:5px;text-align:right;font-size:0;}
#snb_nav .snb_util button {display:inline-block;overflow:hidden;width:44px;height:44px;text-indent:-999px;vertical-align:top;}
#snb_nav .snb_util .btn_zoomOut {background:url(../img/layout/ico_fontZoomOUt.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_zoomIn {background:url(../img/layout/ico_fontZoomIn.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_print {background:url(../img/layout/ico_print_white.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_share {background:url(../img/layout/ico_share_white.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_top {background:url(../img/layout/btn_top_blue.png) no-repeat 50% 50%;}
#snb_nav .snb_util .zoom {display:inline-block;position:relative;height:44px;font-size:0;vertical-align:top;}
#snb_nav .snb_util .zoom::before {content:'';display:block;position:absolute;left:50%;top:50%;width:1px;height:14px;margin-top:-7px;background:#61a2d5;vertical-align:top;}
#snb_nav .snb_util .zoom>button {border-left:none;}
#snb_nav .snb_util .zoom>button:first-of-type {border-right:none;text-indent:0;}
#snb_nav .snb_util .shareBox {display:none;position:absolute;right:0;top:46px;width:282px;padding-top:8px;z-index:100;}
#snb_nav .snb_util .shareBox ul {position:relative;padding:17px 2px 15px;border:1px solid #0d7acf;background:#fff;text-align:right;}
#snb_nav .snb_util .shareBox ul::before {content:'';display:block;position:absolute;right:13px;top:-8px;width:13px;height:8px;background:url(../img/layout/ico_speechBubble_arrT.png) no-repeat center top;}
#snb_nav .snb_util .shareBox ul>li {display:inline-block;}
#snb_nav .snb_util .shareBox ul>li>a {display:block;width:88px;padding:50px 0 0;color:#000;font-size:14px;line-height:16px;text-align:center;letter-spacing:-1px;}
#snb_nav .snb_util .shareBox .sns_facebook {background:url(../img/layout/sns_cir_facebook.png) no-repeat center top;}
#snb_nav .snb_util .shareBox .sns_kakaoStory {background:url(../img/layout/sns_cir_kakaoStory.png) no-repeat center top;}
#snb_nav .snb_util .shareBox .sns_urlCopy {background:url(../img/layout/sns_cir_urlCopy.png) no-repeat center top;}
#snb_nav .snb_util .shareBox.on {display:block;}

#contents {position:relative;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box;padding-top:135px;}
.typeMain #contents {padding:116px 0 0;}

#contents>article {position:relative;min-height: 450px;padding-bottom:120px;}



.btn_fixed{position:fixed;right:0;top:420px;width:60px;z-index:800}
.btn_fixed #btn_popupZone{display:block;width:100%;height:176px;background:url(../img/layout/btn_popupZone.png) no-repeat;font-size:0;}
.btn_fixed #btn_top{display:none;width:100%;height:59px;background:url(../img/layout/btn_fixed_top.png) no-repeat;font-size:0;}
.btn_fixed #btn_top.on{display:block;}
#popupZone{
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.25);
	z-index:2000;display:none
}/*200323수정*/
#popupZone .popupZone_list{
	position:absolute;right:0;top:0;width:488px;height:100%;
	box-sizing:border-box;
	padding:50px 0 50px 60px;
	background:#fff;
}
#popupZone .popupZone_list ul{overflow:auto;max-height:100%}
#popupZone .popupZone_list ul li{margin-bottom:45px;font-size:0}
#popupZone .popupZone_list .btn{
	position:absolute;bottom:0;left:0;
	width:100%;height:43px;
	box-sizing:border-box;
	padding:13px 0 0 20px;
	background:#000
}
#popupZone .popupZone_list .btn label{font-size:12px;color:#fff;line-height:17px}
#popupZone .popupZone_list .btn .btn_close{position:absolute;top:0;right:0;display:block;width:43px;height:43px;background:url(../img/common/ico_x_s_white.png) no-repeat center;font-size:0}
#popupZone .mCustomScrollBox{}
/*20230307 수정  */
#popupZone1{width:100%;height:100%;}
#popupZone1>.popupZone_list1{width:100%;height:100%;box-sizing:border-box;padding:0 0 20px 0;background:none;}
#popupZone1>.popupZone_list1>ul{overflow:auto; margin-bottom:12%;}
#popupZone1>.popupZone_list1>ul li{margin-bottom:45px;font-size:0}
#popupZone1>.popupZone_list1>ul>li>a>img {width:100%;}
#popupZone1>.popupZone_list1>.btn{position:fixed;bottom:0;left:0;width:100%;height:43px;box-sizing:border-box;padding:13px 0 0 20px;background:#000}
#popupZone1>.popupZone_list1>.btn>.limit {display:inline-block; }
#popupZone1>.popupZone_list1>.btn label{float:left;display:inline-block; height:100%;font-size:1rem;color:#fff;line-height:120%}
#popupZone1>.popupZone_list1>.btn .btn_close{position:absolute;top:0;right:0;display:block;width:43px;height:43px;background:url(../img/common/ico_x_s_white.png) no-repeat center;font-size:0}
/*20230620 수정  */
.popbg {background-image: url("https://www.nssc.go.kr/attach/namo/images/000011/20230619173736850_QE3QVV8M.png"); background-size:100% auto; background-position: top left; background-repeat: no-repeat;}
.poplink {width: 100%; height: 100%; }
.poplink>ul {position: absolute; top:215px; left:7%; width: 35%; height:215px;} 
.poplink>ul>li {width:100%; height: 21.8%; background-size:100% auto; background-position: top left; background-repeat: no-repeat;}
.poplink>ul>li:nth-child(1) {background-image: url("https://www.nssc.go.kr/attach/namo/images/000011/20230619134148730_S5I4FDVL.png");}
.poplink>ul>li:nth-child(2) {background-image: url("https://www.nssc.go.kr/attach/namo/images/000011/20230619134217354_GM0719UY.png");}
.poplink>ul>li:nth-child(3) {background-image: url("https://www.nssc.go.kr/attach/namo/images/000011/20230619134256874_B26NVIEH.png");}
.poplink>ul>li:nth-child(4) {background-image: url("https://www.nssc.go.kr/attach/namo/images/000011/20230619134321835_KLVYX6O7.png");}
.poplink>ul>li>a {display: block; width: 100%; height: 100%;text-indent: -9999px;}

@media all and (min-width:1380px) {
    .poplink>ul { top:650px;height:650px;}
}        
@media all and (max-width:1380px) {
    .poplink>ul { top:600px;height:600px;}
}    
@media all and (max-width:1280px) {
    .poplink>ul { top:520px;height:520px;}
}
@media all and (max-width:1100px) {
    .poplink>ul { top:460px;height:460px;}
}
@media all and (max-width:1024px) {
    .poplink>ul { top:420px;height:420px;}
}
@media all and (max-width:912px) {
    .poplink>ul { top:380px;height:380px;}
}
@media all and (max-width:820px) {
    .poplink>ul { top:340px;height:340px;}
}
@media all and (max-width:768px) {
    .poplink>ul { top:320px;height:320px;}
}
@media all and (max-width:680px) {
    .poplink>ul { top:280px;height:280px;}
}
@media all and (max-width:640px) {
    .poplink>ul { top:270px;height:270px;}
}
@media all and (max-width:600px) {
    .poplink>ul { top:250px;height:250px;}
}
@media all and (max-width:540px) {
    .poplink>ul { top:220px;height:220px;}
}
@media all and (max-width:480px) {
    .poplink>ul { top:200px;height:200px;}
}
@media all and (max-width:435px) {
    .poplink>ul { top:180px;height:180px;}
}   
@media all and (max-width:414px) {
    .poplink>ul { top:170px;height:170px;}
}   
@media all and (max-width:390px) {
    .poplink>ul { top:160px;height:160px;}
}
@media all and (max-width:360px) {
    .poplink>ul { top:150px;height:150px;}
}
@media all and (max-width:320px) {
    .poplink>ul { top:135px;height:135px;}
}
@media all and (max-width:280px) {
    .poplink>ul { top:115px;height:115px;}
}

@media all and (max-width:1380px){
    #headTop_bnr .btn{right:40px}
}

@media all and (max-width:1300px){
    #header .logo,
    header .siteCateg {left:40px;margin-left:auto;}
    header .util,
    header .util_top {right:40px;margin-right:auto;}
	.gnb_wrap #gnb{padding-left:155px;}    
	/* .gnb_wrap #gnb{padding-left:75px;} */
	#header .slogan {left:225px;margin-left:auto;}
	#gnb div{left:0;width:100%;margin:0}
	#gnb div h2{padding-left:40px}
	#gnb .menuM{column-count:3}
    #contents {padding:135px 40px 0;}    
}

@media all and (max-width:1200px){
    #gnb>li {padding:0 10px;}
}

@media all and (max-width:1041px){
    #pop_dim {top:80px;}

	.popSticky #header {background:url(../img/layout/bg_mSticky.png) repeat;}

    #headTop_bnr {position:fixed;left:0;top:0;width:100%;z-index:100}
	#headTop_bnr .bnr{padding:0 120px}
	#headTop_bnr .bnr dl{width:auto;}
	#headTop_bnr .bnr dl dt span{display:inline}
	.typeHeadBnr #header{top:100px !important}
	.typeHeadBnr #container{padding-top:100px}

	#header {background:url(../img/layout/bg_mSticky.png) repeat !important;}
    #header {position:fixed !important;left:0;top:0 !important;overflow:visible;height:133px;z-index:1101;}
    #header::after {display:none;}
    #header.on {height:133px;}
    #header .logo {left:40px;top:35px;width:277px;height:63px;z-index:1;}
    #header .logo>a,
    #header.gnbOn .logo>a {width:277px;height:63px;background:url(../img/layout/m/logo.png) no-repeat center;background-size:auto 100%;}    
	#header .slogan {display:none;}

    .popSticky #header {width:100%;}

    header {padding-top:0;}
    header::before,
    header .siteCateg::after {display:none}
    header .siteCateg {display:none;position:fixed;left:-770px;box-sizing:border-box;padding-left:40px;z-index:1111;}
    header .siteCateg li {height:80px;}
    header .siteCateg li+li {border-left:1px solid #a13952;}
    header .siteCateg li>a {height:80px;background:none;color:#fff;font-size:24px;font-weight:400 !important;line-height:80px;text-align:center;}
    header .siteCateg li.on {display:none;}

    header nav {float:none;position:fixed;left:-770px;top:0;width:100%;max-width:768px;height:100%;margin-right:0;background:#fff;z-index:1100;}
	#header nav #gnb {position:relative;display:block;height:calc(100vh - 80px);margin-top:80px;box-sizing:border-box;padding:0;text-align:left}
	#gnb>li {display:block;float:none;padding:20px 0 0}
	#gnb>li+li{padding-top:0}
	#gnb>li>a{display:inline-block;height:auto;padding:20px 40px;font-size:30px;color:#000}
	#gnb>li>a::after {display:none;}
	#gnb>li>a.on{color:#006bcf}
	#gnb>li>a.on:before{content:'';display:inline-block;width:20px;height:2px;margin:20px 10px 0 0;background:#006bcf;vertical-align:top}
	#gnb div{top:0;right:0;left:auto;width:calc(100% - 260px);height:100%;padding:30px 40px 0 0;box-sizing:border-box;overflow:auto;overflow-x:hidden;}
	#gnb div:before,
	#gnb div:after,
	#gnb div h2{display:none}
	#gnb .menuM{column-count:inherit}
	#gnb .menuM>li{position:relative;display:block;column-width:auto;padding:0}
	#gnb .menuM>li>a:first-child{
		position:relative;
		display:block;
		padding:14px 0;
		border-bottom:1px solid #cdd6de;
		font-size:20px;color:#000
	}

	#gnb .menuM>li.child>a:first-child:before,
	#gnb .menuM>li.child>a:first-child:after{content:'';position:absolute;top:50%;right:0;display:block;width:21px;height:2px;background:#96a6b6}
	#gnb .menuM>li.child>a:first-child:after{transform:rotate(-90deg)}
	#gnb .menuM>li>a.on:after{transform:rotate(0)}
	#gnb .menuM>li>a.on+.self_link+ul,
	#gnb .menuM>li>a.on+ul{display:block;}
	#gnb .menuM>li>a[target=_blank]:after{content:'';display:inline-block;width:22px;height:22px;margin:-4px 0 0 8px;background:url(../img/layout/m/ico_newWin_gray.png) no-repeat;vertical-align:middle}
	#gnb .menuM>li>a.self_link{position:absolute;top:0;right:22px;display:inline-block;width:40px;height:59px;background:url(../img/layout/ico_arrow_gray.png) no-repeat center;background-size:auto 20px;font-size:0;vertical-align:top}
	#gnb .menuS{display:none}
	#gnb>li:hover div{display:none}
	#gnb>li>a.on+div{display:block;}
	#gnb .menuM>li.child>a.on{border:0}
	#gnb .menuS{display:none;background:#f6f7f9;padding:10px 15px 15px}
	#gnb .menuS>li>a{display:block;font-size:16px;color:#666}
	#gnb .menuS>li>a.on{color:#006bcf}
	#gnb .menuS>li:before{display:none}

    header>nav .mBtn_arrClose {display:block;position:fixed;left:-770px;top:50%;overflow:hidden;width:26px;height:49px;margin-left:10px;background:url(../img/layout/m/ico_arrL_trans.png) no-repeat 50% 50%;text-indent:-200px;z-index:1101;}

    header .util {position:absolute;right:40px;top:42px;height:48px;}
    header .util>a,
    header .util>button {margin-left:30px;}
    header .util .btn_topSearch {width:48px;height:48px;background:url(../img/layout/m/ico_search_white.png) no-repeat center !important;}
    header .util .btn_topSitemap {display:none;}
    header .util .mBtn_topMenu {display:inline-block;overflow:hidden;width:48px;height:48px;background:url(../img/layout/m/ico_lineMenu_white.png) no-repeat 50% 50%;text-indent:-999px;z-index:1101;}
    header .util_top {position:fixed;right:auto;left:-770px;top:0;width:100%;max-width:768px;box-sizing:border-box;padding:0 40px;background:#0d7acf;text-align:left;z-index:1110;}
    header .util_top>a,
    header .util_top>button {font-size:24px;line-height:80px;color:#fff !important}
    header .util_top>a+a::before,
    header .util_top>button+button::before,
    header .util_top>a+button::before,
    header .util_top>button+a::before {display:none}
	header .util_top .mail{background:url(../img/layout/m/ico_mail.png) no-repeat 0 48%;padding-left:35px}
	header .util_top .eng{background:url(../img/layout/m/ico_language.png) no-repeat 0 50%;padding-left:30px;}
	header .util_top .eng:before{display:None}
	header .util_top span{display:none}

    header .mBtn_close {display:block;position:fixed;left:-770px;right:auto;top:20px;overflow:hidden;width:36px;height:36px;margin:0 0 0 700px;background:url(../img/layout/m/ico_closeX_white.png) no-repeat 50%;text-indent:-999px;z-index:1120;}
	/* .gnb_wrap #gnb a:focus{outline:none;background:none} */
	.gnb_wrap #gnb a:focus{background:none}
    .sVisual>div>strong {padding-top:133px;font-size:50px;}

    #snb_nav #snb {background:#fff;}
    #snb_nav #snb li+li {margin-top:15px;}
    #snb_nav #snb li a {font-size:15px;}
    #snb_nav .snb_util  {display:none;}
	#snb_nav .snb_area>button{min-width:180px;max-width:33.33%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

    .typeSub.stickyFix #header {display:block;}
    .typeSub.stickyFix #snb_nav {position:fixed;left:0;top:133px;border-bottom:1px solid #ddd;z-index:100;}

    #contents {max-width:none;padding:100px 40px 60px}
    .typeMain #contents {padding:0}

    #contents>article {width:100%;padding-bottom:0;}

    #footer.on {z-index:1500;}

    #footer {height:auto;min-height:auto;}
    footer {padding:90px 0 30px 0;}
    footer .f_menu {position:relative;left:auto;bottom:auto;padding:0 0 0 40px;}
    footer .f_menu li>a {height:30px;font-weight:normal;line-height:30px;letter-spacing:-1px;}
    footer .relationSite {right:auto;left:40px;top:30px;width:calc(100% - 80px);}
    footer .relationSite .siteGrp {width:calc(50% - 10px);}
    footer .relationSite .siteGrp select {width:calc(100% - 42px);}
	footer .bn{position:relative;bottom:0;padding:20px 0}
	footer .bn a{margin-left:40px}
    footer address {width:calc(100% - 40px);margin-left:40px;padding-top:0}
    footer .copyright {width:calc(100% - 80px);padding:0 40px;}
}

@media all and (max-width:768px){
    #pop_dim {top:40px;}

    #headTop_bnr {height:80px;background-image:url(../img/main/m/top_banner_bg.jpg)}
	#headTop_bnr .bnr{padding:0}
	#headTop_bnr .bnr p{height:60px;line-height:60px;padding:0 15px}
	#headTop_bnr .bnr p a{display:block;height:60px;line-height:60px;}
	#headTop_bnr .bnr p img{vertical-align:middle;display:inline-block;max-height:60px}
	/*
	#headTop_bnr .bnr p>img,
	#headTop_bnr .bnr p>a>img{display:none}
	#headTop_bnr .bnr p span{display:block;height:60px;line-height:60px;background-size:cover;background-position:center;font-size:0}
	#headTop_bnr .bnr p span img{height:100%;vertical-align:middle}
	*/
	#headTop_bnr .bnr dl{padding:0 0 0 70px;}
	#headTop_bnr .bnr dl dt{font-size:0;}
	#headTop_bnr .bnr dl dt span{font-size:0}
	#headTop_bnr .bnr dl dd a{width:100%;max-width:500px;height:60px;background:url(../img/main/m/top_banner_btn.png) no-repeat 0;background-size:100% auto;}
	#headTop_bnr .btn{position:relative;top:0;right:0;display:block;height:20px;line-height:20px;text-align:right}
	#headTop_bnr .btn .limit{display:inline-block;vertical-align:top;margin-top:-5px;}
	#headTop_bnr .btn .btn_close{position:relative;display:inline-block;width:20px;height:20px;margin:-5px 10px 0;background-size:70% auto;vertical-align:top}

	#headTop_bnr .slick-arrow{top:25px;width:20px;height:20px;background-size:auto 50%}
	#headTop_bnr .slick-arrow.slick-next{left:auto;right:0;background-color:rgba(0,0,0,0.3)}
	#headTop_bnr .slick-counter{visibility:hidden;opacity:0}
	.typeHeadBnr #header{top:80px !important}
	.typeHeadBnr #container{padding-top:80px}

    #header  {height:67px;}
    #header .logo {left:20px;top:17px;width:141px;height:32px;}
    #header .logo>a,
    #header.gnbOn .logo>a {width:141px;height:32px;}

    header .siteCateg {padding-left:20px;}
    header .siteCateg li {height:40px;}
    header .siteCateg li>a {height:40px;padding:0 5px;font-size:13px;line-height:40px;}
    header .siteCateg li .btn_nuclear {padding-left:20px;background-size:auto 15px;}
    header nav {max-width:none;}

	#header nav #gnb{height:calc(100vh - 150px);margin-top:40px}
	#gnb>li>a{padding:10px 20px;font-size:20px}
	#gnb>li>a.on:before{width:10px;margin:13px 7px 0 0}
	#gnb div{top:20px;width:calc(100% - 160px);padding:0 20px 0 0}
	#gnb ul.menuM>li>a:first-child{font-size:16px}
	#gnb ul.menuM>li>a.self_link{width:30px;height:50px;right:15px;background-size:auto 18px}
	#gnb ul.menuM>li.child>a:first-child:before, #header nav #gnb ul.menuM>li.child>a:first-child:after{width:15px}
	#gnb ul.menuM>li>a[target=_blank]:after{width:12px;height:12px;background-size:100% auto;}
	#gnb ul.menuS{padding:3px 10px 12px}
	#gnb ul.menuS>li>a{font-size:14px}

    header .util {right:20px;top:21px;}
    header .util .btn_topSearch {width:24px;height:24px;background-size:contain !important;}
    header .util .mBtn_topMenu {width:24px;height:24px;background-size:24px auto;}
    header .util>a,
    header .util>button {top:4px;margin-left:15px;}
    header .util_top {padding:0 20px;}
    header .util_top>a,
    header .util_top>button {font-size:12px;line-height:40px;}
    header .util_top>a+a::before,
    header .util_top>button+button::before,
    header .util_top>a+button::before,
    header .util_top>button+a::before {top:15px;height:11px;}
	header .util_top .mail{padding-left:30px;background-size:20px auto;}
	header .util_top .eng{padding-left:27px;margin-left:25px;background-size:18px auto;}
    header .mBtn_close {top:2px;font-size:18px;line-height:18px;background-size:auto 18px;margin-left:-40px}


    footer {padding:85px 0 15px;}
    footer .f_menu {padding:0 20px;}
	footer .f_menu li{margin-right:11px;padding-right:11px}
    footer .f_menu li>a {height:35px;font-size:12px;line-height:36px;}
    footer .f_menu li::before {top:12px;}
    footer .relationSite {left:20px;top:10px;width:calc(100% - 40px);}
    footer .relationSite .siteGrp {width:100%;}
    footer .relationSite .siteGrp+.siteGrp {margin:10px 0 0;}
	footer .bn{padding:15px 0}
	footer .bn a{margin-left:20px}
	footer .bn a img{height:30px}
    footer address {margin-left:20px;padding-top:10px;}
    footer address>span:first-child {display:block;width:100%;margin-right:0;padding-right:0;}
    footer address>span:first-child::before {display:none;}
    footer .copyright {width:calc(100% - 40px);padding:0 20px;}
    footer .copyright br {display:block;}

    #contents {padding:80px 20px 50px;}
    .typeMain #contents {padding:25px 0 0;}

	#contents>article{min-height:300px}

    .sVisual {background-size:auto 180px;}
    .sVisual>div {height:180px;}
    .sVisual>div>strong {padding-top:67px;font-size:25px;}

    #snb_nav {height:40px;}
    #snb_nav .snb_area {width:auto;padding-left:0;}
    #snb_nav .snb_area .btn_home,
    #snb_nav .snb_area>button {display:none;border-right:none;max-width:100%}
    #snb_nav .snb_area>button.on {display:block;position:absolute;left:0;top:0;width:100%;height:40px;margin-left:auto;background:#f0f2f7 url(../img/layout/m/ico_arrB_red.png) no-repeat right 10px top 50%;background-size:auto 8px;color:#000;font-family:'Noto Sans KR',sans-serif;font-weight:400;line-height:39px;}
    #snb_nav .snb_area>button.on::before {display:none;}
    #snb_nav .snb_area>button.on.active {background:#f0f2f7 url(../img/layout/m/ico_arrT_red.png) no-repeat right 10px top 50%;background-size:auto 8px;color:#000;}
    #snb_nav #snb {top:40px;padding:16px 15px 6px !important;border:none;background:#0d7acf;}
    #snb_nav #snb a,
    #snb_nav #snb a:hover,
    #snb_nav #snb a:active {color:#fff !important;font-weight:400 !important;}

    #snb_nav .snb_util {display:none;}

    .typeSub.stickyFix #snb_nav {top:67px;}
    /*.typeSub.stickyFix #contents {padding-top:60px;}*/
	.btn_fixed{top:220px;width:40px;}
	.btn_fixed #btn_popupZone{height:115px;background-size:100% auto}
	.btn_fixed #btn_top{height:40px;background-size:100% auto}
	
	#popupZone .popupZone_list{width:100%;padding:30px 5px 50px 20px}
	#popupZone .popupZone_list ul li{margin-bottom:20px}	
}