@charset "utf-8";

html{position:relative;}
html.use_moMenu{overflow:hidden;}

#wrap{overflow:hidden}
#wrap::after{content:'';clear:both;}
.layout{max-width:1200px;margin:0 auto;}
#container .layout:after{content:'';display:block;clear:both;}
#container > .layout {padding-bottom:6rem;}
#container > .layout.card {padding-bottom:2.4rem;}
#container > .sub_tit.thkD_mo + .layout {padding-top:4rem;}
#container > .layout > .layout {padding:0;}

#header .layout,
#container > .layout,
#wrap > .layout,
.main .layout,
.layout.card,
.locate > .layout,
.inner {
    max-width: 1248px;
    padding-left: var(--contents-padding-x);
    padding-right: var(--contents-padding-x);
}
@media (min-width:1024px) {
    .inner {
        margin: 0 auto;
    }
}

/* 공식배너(MastHead) */
#masthead {position: relative;z-index: 70;background-color: #eef2f7;}
#masthead .inner {display: flex;align-items: center;min-height: 3.2rem;}
#masthead .toggle-head .nuri-txt {display: flex;align-items: center;gap: var(--gap3);font-size: 1.5rem;word-break: break-all;}
#masthead .toggle-head .nuri-txt::before {content: "";display: inline-flex;width: 2.4rem;height: 2.4rem;background: url(/resource/images/paid/nep/layout/component/ico_flag.svg) no-repeat center/contain;}

.use_header_float #wrap{padding-top:66px;}
.use_header_float #header{height:66px;-webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);background: #f3f4f8;}
.use_header_float #header .top_util{opacity:0;margin-top:-30px;}
.use_header_float #header .logo{width:145px;margin-top:-27px;}
.use_header_float #header .general_search{top: 76px;}
.use_header_float #header .general_search .search_button button{top: -66px;width:45px;margin-top:0;}
.use_header_float #header #animate{position:relative;overflow:hidden;height: 66px;background-color: #f3f4f8;transition:box-shadow 300ms;}

@media (max-width:1023px) {
    .use_header_float #wrap{padding-top:70px;}
    .use_header_float #header{height:70px}
    .use_header_float #header .logo{width:auto;margin-top:0}
    .use_header_float #header .general_search{top:70px;}
    .use_header_float #header .general_search .search_button button{width:35px;top:-52px}
}

#header{position:relative;top:0;left:0;width:100%;height:156px;background-color:#fff;transition:height 300ms;z-index:997;}
#header .header_top{height:100px;background:#fff;}
#header .header_top .layout{position:relative;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;}
#header .header_top .logo{display:flex;align-items:center;justify-content:center;width:16.1rem;height:5rem;}
#header .header_top .logo a{display:block;width:100%;height:100%;background:url(/resource/images/paid/nep/thk/layout/thk_logo.svg) no-repeat center/contain;}

@media (max-width:1023px) {
    #header,
    #header .header_top{height:74px;}
    #header .header_top .logo{width:12.9rem;height:4rem;}
}

/* 상단유틸 */
#header .header_top .utility{display:flex;justify-content:flex-end;flex-direction:column;gap:1.2rem;}
#header .header_top .utility .top_util{opacity:1;display:flex;gap:1.6rem;align-items:center;font-size:1.5rem;justify-content:flex-end;z-index:998;}
#header .header_top .utility .top_util a{display:inline-flex;gap:1.2rem;align-items:center;}
#header .header_top .utility .top_util a::before{content:'';width:1px;height:1.6rem;background-color:var(--gray20);}
#header .header_top .utility .top_util a.top_sm_lg {font-weight:700;}

/* KRDS 드롭다운 */
.krds-drop-wrap {display: inline-flex;position: relative;}
.krds-drop-wrap button.drop-btn {display: inline-flex;position: relative;align-items: center;gap: 0.4rem;font-size: 1.5rem;}
.krds-drop-wrap button.drop-btn::after {content: "";width: 1.6rem;height: 1.6rem;background: url(/resource/images/paid/nep/layout/component/ico_angle.svg) no-repeat center center/contain;}
.krds-drop-wrap .drop-menu {position:absolute;top:100%;left:50%;display:none;z-index:6;min-width: 13rem;border-radius: var(--radius-md);padding: var(--padding3);margin-top: 1.6rem;background-color: var(--gray0);border: 0.1rem solid var(--gray30);box-shadow: 0 0 0.2rem 0 var(--alpha-shadow1), 0 0.4rem 0.8rem 0 var(--alpha-shadow2);transform: translateX(-50%);}
.krds-drop-wrap .drop-menu::before {content: "";width: 1.2rem;height: 1.2rem;position: absolute;bottom: 100%;left: 50%;display: block;margin-bottom: -0.5rem;margin-left: -0.6rem;transform: rotate(-135deg);background-color: var(--gray0);border: 0.1rem solid var(--gray30);border-top-color: transparent;border-left-color: transparent;}
.krds-drop-wrap .drop-menu .drop-in {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;gap: var(--gap3);position: relative;z-index: 1;}

/* 기관홈 바로가기 */
#header .header_top .utility .top_util .org_home{display:flex;flex-direction:column;gap:0.8rem;align-items:center;padding:1.2rem;min-width:220px;}
#header .header_top .utility .top_util .inst_hm_mv_slt{border-color:var(--gray40);border-radius:var(--radius-sm);width:100%;height:4rem;}
#header .header_top .utility .top_util .inst_hm_mv_btn{color:#fff; border:1px solid var(--primary50);border-radius:var(--radius-sm);color:var(--primary60);background-color:var(--primary5);height:4rem;font-size:1.6rem;width:100%;}
#header .header_top .utility .top_util .inst_hm_mv_btn:hover{background-color:var(--primary10);}

/* 하단유틸 */
#header .header_top .txt_panel {background-color:var(--secondary5);display:inline-flex;padding:0 0.8rem;border-radius:var(--radius-sm);color:var(--secondary60);font-size:1.4rem;height:2.4rem;align-items:center;}
#header .header_top .utility .header_actions{display:flex;align-items:center;gap:1.6rem;}
#header .header_top .utility .header_actions .message {display:inline-flex;align-items:center;gap:0.6rem;}
#header .header_top .utility .header_actions .message::after {content:'';width:1px;height:18px;background:var(--gray20);margin-left:1rem;}
#header .header_top .utility .header_actions .extend_btn {display:inline-flex;gap:1.2rem;align-items:center;}
#header .header_top .utility .header_actions .extend_btn #timer {display:inline-flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:var(--gap1);color:var(--primary60);}
#header .header_top .utility .header_actions .extend_btn #timer:before {display:inline-flex;content:"";width:1.6rem;height:1.6rem;background-color:var(--primary60);background-image:none;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:contain;-webkit-mask-image:url(/resource/images/paid/nep/layout/component/ico_time.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:contain;mask-image:url(/resource/images/paid/nep/layout/component/ico_time.svg);}
#header .header_top .utility .header_actions .extend_btn button {color:var(--gray70);font-size:1.4rem;border:1px solid var(--gray50);background-color:var(--gray0);border-radius:var(--radius-xs);height:2.4rem;padding:0 0.8rem;transition:var(--transition-base);}
#header .header_top .utility .header_actions .extend_btn button:hover {background-color:var(--gray5);}
#header .header_top .utility .header_actions a i{font-weight:700;font-style:normal;color:var(--primary60);}
#header .header_top .utility .header_actions a.btn-navi{display:inline-flex;align-items:center;justify-content:space-between;flex-direction:column;gap:var(--gap2) var(--gap3);min-height:var(--height6);padding:0.4rem 1.2rem;border-radius:var(--radius-sm);font-size:1.7rem;font-weight:700;color:var(--gray90);transition:var(--transition-base);}
#header .header_top .utility .header_actions a.btn-navi:hover {background-color:var(--secondary5);}
#header .header_top .utility .header_actions a.btn-navi:active,
#header .header_top .utility .header_actions a.btn-navi:focus {background-color: var(--secondary10);}
#header .header_top .utility .header_actions a.btn-navi.navi-row{flex-direction:row;}
#header .header_top .utility .header_actions a.btn-navi::before {content:"";display:inline-flex;min-width:2rem;min-height:2rem;background-repeat:no-repeat;background-position:center center;background-size:contain;}
#header .header_top .utility .header_actions a.btn-navi.login::before{background-image:url(/resource/images/paid/nep/layout/component/ico_login.svg);}
#header .header_top .utility .header_actions a.btn-navi.logout::before {background-image:url(/resource/images/paid/nep/layout/component/ico_logout.svg);}
#header .header_top .utility .header_actions a.btn-navi.join::before {background-image:url(/resource/images/paid/nep/layout/component/ico_join.svg);}
#header .header_top .utility .header_actions a.btn-navi.my::before {background-image: url(/resource/images/paid/nep/layout/component/ico_my.svg);}

@media (max-width:1023px) {
    #header .header_top .txt_panel,
    #header .header_top .utility .top_util,
    #header .header_top .utility .header_actions a:not(.general_search),
    #header .header_top .utility .header_actions .extend_btn {display:none;}
}

@media (min-width:1024px) {
    /* PC버전 검색바 */
    #header .general_search{z-index:997;}
    #header .general_search .search_button{display:none;}
    #header .general_search .search_keyword{display:flex !important;overflow:visible !important;height:auto !important;justify-content:end;}
    #header .general_search .search_keyword .keyword{position:relative;width:300px;height:40px;}
    #header .general_search .search_keyword .keyword input{width:100%;height:40px;padding:0 40px 0 0;font-size:1.5rem;border:0;background-color:var(--gray5);border-radius:var(--radius-md);}
    #header .general_search .search_keyword .keyword input:focus{outline:2px dashed var(--primary50);}
    #header .general_search .search_keyword .keyword button{position:absolute;right:1.2rem;top:calc(50% - 1.2rem);width:2.4rem;height:2.4rem;display:inline-flex;background:url(/resource/images/paid/nep/layout/component/ico_sch.svg) no-repeat center center/contain;}
}
@media (max-width:1023px) {
    /* 모바일 버전 검색바 */
    #header .general_search{z-index:90;position:absolute;top:0;left:0;width:100%;-webkit-transition:all 300ms;transition:all 300ms}
    #header .general_search .search_button{position:relative}
    #header .general_search .search_button button{display:none;position:absolute;top:12px;right:100px;-webkit-transition:all 300ms;transition:all 300ms;}
    #header .general_search .search_button button::before{content:'';display:flex;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:center center;background-size:contain;margin:0 auto;}
    #header .general_search .search_button button.button_open::before{background-image:url(/resource/images/paid/nep/layout/component/ico_sch.svg)}
    #header .general_search .search_button button.button_close::before{background-image:url(/resource/images/paid/nep/layout/component/ico_close.svg)}
    #header .general_search .search_button button.button_open{display:block;}
    #header .general_search .search_button button span:not(.sr-only){display:block;font-size:1.6rem;font-weight:700;margin-top:0.4rem;}
    #header .general_search .search_keyword{display:none;overflow:hidden;height:85px;padding:0 24px;background-color:#efa900;width:100%;position:absolute;top:74px;left:0;}
    #header .general_search .search_keyword .keyword{position:relative;max-width:750px;margin:18px auto 0;top:0;right:0;}
    #header .general_search .search_keyword .keyword input{outline:0;width:100%;height:50px;padding:0 55px 0 25px;font-size:16px;-webkit-border-radius:50px;border-radius:50px;border:3px solid #323c46;background-color:#fff;-webkit-transition:border-color 1000ms;transition:border-color 1000ms;}
    #header .general_search .search_keyword .keyword input:focus{border-color:#ed6540}
    #header .general_search .search_keyword .keyword button{position:absolute;right:0;top:0;width:50px;height:100%;padding-right:25px;}
}

/* PC버전 GNB */
#header #animate{position:relative;overflow:hidden;background-color:#fff;transition:box-shadow 300ms;z-index:1;border-top:1px solid var(--gray20);border-bottom:1px solid var(--gray20);}
#header #animate.use_dropdown{-webkit-box-shadow:0 5px 5px -2px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 5px 5px -2px rgba(0, 0, 0, 0.2);box-shadow:0 5px 5px -2px rgba(0, 0, 0, 0.2);}
#header #animate:after{content:'';position:absolute;top:56px;left:0;width:100%;height:1px;background-color:var(--gray20)}
#header #animate .layout{height:100%}

#header #gnb{position:relative;}
#header #gnb>ul{display:flex;}
#header #gnb>ul>li{position:relative;height:100%;flex:1;}
#header #gnb>ul>li>a{display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;font-size:1.9rem;color:var(--gray90);position:relative;height:5.6rem;transition: var(--transition-base);}
#header #gnb>ul>li>a::before{content:'';display:block;background-color:#efa900;position:absolute;bottom:0;left:50%;width:0;height:5px;transition:var(--transition-base);z-index:998;}
#header #gnb>ul>li>a.selected::before{width:100%;left:0;}
#header #gnb>ul>li>a.on{background-color:var(--secondary5);}

#header #gnb .slave{padding:30px 0;position:absolute;width:100%;top:56px;left:0;}
#header #gnb .slave>li{margin-top:15px;text-align:center}
#header #gnb .slave>li:first-child{margin-top:0;}
#header #gnb .slave>li>a{position:relative;display:inline-block;}
#header #gnb .slave>li>a span{z-index:1;position:relative;white-space:nowrap;font-size:1.7rem;}
#header #gnb .slave>li>a:hover span{font-weight:700;color:#111;}
#header #gnb .slave>li>a:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:0;height:6px;background-color:#fae5b2;transition:var(--transition-base);}
#header #gnb .slave>li>a:hover:after{width:100%;left:0;}

#header .mo_navigation{display:none;}

@media (max-width:1023px) {
    /* 모바일 버전 GNB */
    #header #animate {display:none;}
    #header .mo_navigation{display:block;position:absolute;top:12px;right:24px;}
    #header .mo_navigation a::before{content:'';display:flex;width:2.4rem;height:2.4rem;background:url(/resource/images/paid/nep/layout/component/ico_all.svg) no-repeat center center/contain;margin:0 auto;}
    #header .mo_navigation a span{display:block;font-size:1.6rem;font-weight:700;margin-top:0.4rem;}
}

#moOutGround{display:none;z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);}

#moMenu{display:none;z-index:1001;position:fixed;top:0;right:-260px;width:260px;height:100%;background-color:#fff;}
#moMenu .mo_close{position:absolute;top:26%;right:5%;width:17px;height:18px; display:inline-block;}
#moMenu .menu_head{position:relative; padding:2rem; background: #323c46;display:flex;flex-direction:column;gap:1.2rem;}
#moMenu .menu_head ul{display:flex;align-items:center;gap:1.6rem;}
#moMenu .menu_head li{display:inline-block;vertical-align:middle;position:relative;}
#moMenu .menu_head a{font-size:1.6rem;color:#fff;}
#moMenu .menu_head a + a{margin-left:20px;}
#moMenu .menu_head a i{font-weight:700;color:#efa900;font-style:normal;}
#moMenu .menu_head .panel_mobile {font-weight:700;color:#efa900;font-size:1.6rem;}
#moMenu .menu_head .extend_mobile {display:block;border:1px solid #fff;color:#fff;padding:4px 12px;font-size:1.4rem;text-align:center;border-radius:50px;}
#moMenu .menu_head .extend_mobile button {color:#cee5ff;font-size:1.5rem;}

#moMenu .menu_body{overflow:auto;height:calc(100% - 144px);padding:20px}
#moMenu .menu_body>li{padding:17px 0 15px;border-top:1px solid #2f3b68}
#moMenu .menu_body>li:first-child{margin-top:0;padding-top:0;border-top:0}
#moMenu .menu_body>li>a{font-size:20px;font-weight:600;color:#000;}
#moMenu .menu_body>li>ul{margin-left:10px}
#moMenu .menu_body>li>ul>li{margin-top:7px}
#moMenu .menu_body>li>ul>li:first-child{margin-top:10px}
#moMenu .menu_body>li>ul>li>a{position:relative;}
#moMenu .menu_body>li>ul>li>a span{z-index:1;position:relative;display:inline-block;padding-bottom:5px}
#moMenu .menu_body>li>ul>li>a:hover:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:10px;background-color:#fae5b2;}
#moMenu .menu_body>li>ul>li>a.ov:after{display:block;}
#moMenu .menu_body .mo_inst_hm_mv_slt{font-size:1.5rem; color:#5f5d5d; text-decoration:none; width:100%; margin-bottom:1.2rem; border-color:var(--gray30);border-radius:var(--radius-xs);height:4rem;}
#moMenu .menu_body .mo_inst_hm_mv_slt.t_50{top:-50px;}
#moMenu .menu_body .mo_inst_hm_mv_slt.fst_slt{margin-top:1.2rem;}
#moMenu .menu_body .mo_inst_hm_mv_btn{display:flex;width:100%;align-items:center;justify-content:center;color:var(--primary60);font-size:1.5rem;border:1px solid var(--primary50);background-color:var(--primary5);border-radius:var(--radius-xs);height:4rem;}

#moMenu .menu_foot{padding: 15px 20px 0 20px; border-top: 1px solid #d6d6d6;}
#moMenu .menu_foot a{font-size:1.6rem;}


/* 브레드크럼 */
.locate { background: #323c46;overflow: hidden; }
.locate .location { float: right;overflow: hidden; }
.locate .location li { height: 50px;float: left;margin-left: 25px;position: relative; }
.locate .location li:before { content: "";width: 5px;height: 9px;display: block; position: absolute; left: -15px;top: 50%;margin-top: -4.5px; background: url(/resource/images/paid/nep/thk/layout/location_arr.png) no-repeat;}
.locate .location li:first-of-type { margin-left: 0; }
.locate .location li:first-of-type:before { display: none; }
.locate .location li { line-height: 50px; color:#dcdcdc;font-size: 15px;}
.locate .location li.depth2, .locate .location li.depth2 a { color:#fff;text-decoration: underline; }
.locate .location li a { color:#dcdcdc; }

/* 서브 타이틀 */
.sub_tit {text-align: center;}
.sub_tit .stb {max-width:1200px;margin:0 auto;padding:40px 0;}
.sub_tit h2 {font-size:4rem;position:relative;}
.sub_tit h2 span{position:absolute;top:17px;right:0;font-size:1.9rem}
.sub_tit h2 span label{font-size:2.6rem;font-weight:700;color:var(--primary60);}
.sub_tit p {margin-top:10px;font-size:20px;}
.sub_tit.thkD_mo{display:none}

@media (max-width:767px){
    .sub_tit .stb{padding:15px 10px;background:#323c46;margin-bottom:4rem;}
    .sub_tit h2{ font-size:18px;color:#fff; }
    .sub_tit h2 span{top: 0px; font-size: 13px;}
    .sub_tit h2 span label {font-size: 20px !important; color: yellow !important;}
    .sub_tit p { margin-top: 5px;font-size: 15px;color:#fff;font-weight: 300; }
    .sub_tit.thkD_mo{display:block}
}

@media (max-width:767px){
    #navigator {display: none;}
}


/* 푸터 */
#footer{background:#34363d}
#footer .footer_top{background:#272930}
#footer .f_util{padding:18px 0;}
#footer .f_util:after{content:'';display:block;clear:both;}
#footer .f_util a{position:relative;display:inline-block;padding:0 15px;font-weight:300;font-size:16px;color:#fff;}
#footer .f_util a.ov{color:#ffb423;font-weight:bold;text-decoration:underline;}
#footer .f_util a:before{content:'';position:absolute;top:50%;left:0;margin-top:-7px;width:1px;height:14px;background-color:#555;}
#footer .f_util a:first-child{padding-left:0;}
#footer .f_util a:first-child:before{display:none;}

#footer address{padding:25px 0;}
#footer address p{margin-top:10px;line-height:22px;font-weight:300;color:#fff;}
#footer address p:first-child{margin-top:0;}
#footer address p a{color:#ddd;}
#footer address p a:hover{color:#fff;}
#footer address p span{display:inline-block;}
#footer address p span.mid{margin:0 5px;}

@media (max-width:1220px) {
    #footer .footer_top, #footer .footer_bottom{padding-left:20px; padding-right:20px;}
}
@media (max-width:1023px) {
    #footer{text-align:center}
    #footer .f_util a{font-size:14px;}
    #footer address p{font-size:12px;margin-top:0;}
}
@media (max-width:767px){
    #footer .f_util {padding:15px 0;}
    #footer address{padding:15px 0;}
}

/* 페이지 상단 이동 버튼 */
.page_topBtn{display:none;position:fixed;bottom:6.4rem;right:4rem;z-index:97}
.page_topBtn a{position:relative;display:flex;justify-content:center;align-items:center;width:5.6rem;height:5.6rem;border:1px solid #c6c6c6;border-radius:var(--radius-md);background:#fff;box-shadow:0 0 2px 0 var(--alpha-shadow1), 0 4px 8px 0 var(--alpha-shadow2);transition:all 0.3s ease;}
.page_topBtn a::after{content:'';width:2.4rem;height:2.4rem;background:url(/resource/images/paid/nep/layout/component/ico_go_top.svg) center center/contain;}
.page_topBtn a:hover{background-color:var(--secondary5);}

@media (max-width:1023px){
    .page_topBtn {opacity:0.8;right:1.6rem;bottom:1.6rem;left:inherit;margin-left:0}
    .page_topBtn a{width:4.8rem;height:4.8rem;}
}