@charset "utf-8";

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

#wrap{overflow:hidden}

.layout{max-width:1200px;margin:0 auto;}
.layout:after{content:'';display:block;clear:both;}
#container>.layout {padding: 30px 0 50px;}
#container.main .layout {padding: 0;}

.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;}


#header{position:relative;top:0;left:0;width:100%;height:111px;background-color: #fff;transition:height 300ms;z-index:997;}
#header .header_top{background:#f3f4f8;padding: 8px 0;}
#header .layout{position:relative;}
#header .htop_eg{float:left;}
#header .htop_eg span{font-size:13px; letter-spacing:-0.08em; display:block; padding:3px 0 0 32px; background:url(/resource/images/paid/nep/pot/layout/header_flag.png) no-repeat 0 4px; background-size:24px auto;}
#header .top_util{float:right;opacity:1;-webkit-transition:all 300ms;transition:all 300ms}
#header .top_util .extend_btn {overflow: hidden;float: left;border: 1px solid #cccccc;border-radius: 50px;padding: 3px 13px;font-size: 13px;/* line-height: 24px; */margin-left: 9px;}
#header .top_util .extend_btn button {color: #077ed9;font-size: 13px;}
#header .top_util a{display:block;float:left;margin-left:15px;font-size:14px;color:#5f5d5d}
#header .top_util a.top_sm_lg { font-weight: bold;color:#323c46; }
#header .top_util a:first-child{margin-left:0}
#header .top_util a i{font-weight:bold;color:#e25833; font-style: normal;}
#header .top_util .inst_hm_mv_lb{display:block; float:left; font-size:14px; color:#5f5d5d; text-decoration:none; margin-right:5px;}
#header .top_util .inst_hm_mv_slt{float:left; font-size:14px; color:#5f5d5d; text-decoration:none; height:auto; margin-right:5px;}
#header .top_util .inst_hm_mv_btn{float:left; font-size:14px; color:#fff; background-color:#696a70; height:23px; width:80px; width:80px;}
#header .top_util .inst_hm_mv_lb .txt_panel {font-weight: bold;color: #193689;letter-spacing: 0.3px;font-size: 14px;}

#header #animate{position:relative;overflow:hidden;height: 71px;background-color: #fff;transition:box-shadow 300ms;z-index:1;}
#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:71px;left:0;width:100%;height:1px;background-color:#c4c3c5}
#header #animate .layout{height:100%}

#header .logo{z-index:110;position:absolute;top:44px;left:0;-webkit-transition:all 300ms;transition:all 300ms;}

#header #gnb{position:relative;height:71px;padding:0 250px;}
#header #gnb>ul{text-align:center;height:100%}
#header #gnb>ul:after{content:'';display:block;clear:both}
#header #gnb>ul>li{position:relative;float:left;height:100%;width:20%;}
#header #gnb>ul>li>a{display:block;height:100%;padding-top:20px;font-weight: 600;font-size:20px;color:#000;position: relative;letter-spacing:-0.08em;}
#header #gnb>ul>li>a.on{border-bottom:5px solid #efa900;}

#header #gnb .slave{padding:30px 0;text-align:left;position: absolute;width: 100%;top: 71px;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;padding:0 7px 5px;}
#header #gnb .slave>li>a span{z-index:1;position:relative;white-space:nowrap;font-size:16px;color:#606060;}
#header #gnb .slave>li>a:hover span{font-weight:bold;color:#111;}
#header #gnb .slave>li>a:after{content:'';display:none;position:absolute;bottom:0;left:0;width:100%;height:10px;background-color:#fae5b2;}
#header #gnb .slave>li>a:hover:after{display:block;}

#header .mo_navigation{display:none;}

#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:13px 20px; background: #323c46;}
#moMenu .menu_head:after{content:'';display:block;clear:both}
#moMenu .menu_head ul{overflow:hidden}
#moMenu .menu_head li{display:inline-block;vertical-align:middle;position:relative;}
#moMenu .menu_head li:first-child a{margin-left:0}
#moMenu .menu_head a{display:block;margin-left:20px;font-size:13px;color:#fff;}
#moMenu .menu_head a i{font-weight:500;color:#efa900;}
#moMenu .menu_head .panel_mobile {font-weight:500;color:#efa900;font-size:13px;}
#moMenu .menu_head .extend_mobile {display:block;border:1px solid #fff;color:#fff;padding:4px 12px;margin:5px;font-size:13px;text-align:center;border-radius:50px;}
#moMenu .menu_head .extend_mobile button {color:#cee5ff;font-size:13px;}

#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:14px; color:#5f5d5d; text-decoration:none; height:auto; width:200px; margin-bottom:5px;}
#moMenu .menu_body .mo_inst_hm_mv_slt.t_50{top:-50px;}
#moMenu .menu_body .mo_inst_hm_mv_slt.fst_slt{margin-top:5px;}
#moMenu .menu_body .mo_inst_hm_mv_btn{font-size:14px; color:#fff; background-color:#696a70; height:23px; width:80px;}

#moMenu .menu_foot{padding: 15px 20px 0 20px; border-top: 1px solid #d6d6d6;}
#moMenu .menu_foot:after{content:'';display:block;clear:both;}
#moMenu .menu_foot a{float:left;margin-left:20px;font-size:13px;}
#moMenu .menu_foot a:first-child{margin-left:0;}


#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;}

.page_topBtn {display: none;position: fixed;bottom: 190px;left: 50%;margin-left: 615px;z-index: 97}
.page_topBtn a,.page_topBtn button{position:relative;display:block;width:60px;height:60px;border:1px solid #c6c6c6;border-radius:50%;text-align:center;background:#fff;transition:all .3s}
.page_topBtn a:hover,.page_topBtn button:hover{border-color:#777}
.page_topBtn img{position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-6px}
@media (max-width:1370px){
    .page_topBtn{opacity:0.8;right:10px;bottom:30px;left:inherit;margin-left:0}
    .page_topBtn a,.page_topBtn button{width:45px;height:45px}
}

/*네비게이션*/
.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;border-bottom: 1px solid #818181; padding: 40px 10px;}
.sub_tit h2 { font-size: 36px;font-weight: 500;color:#222222; position: relative;}
.sub_tit h2 span{position: absolute; top: 17px; right: 0px; font-size: 19px;}
.sub_tit p { margin-top: 10px;font-size: 20px; }
.sub_tit.thkD_mo{display:none}

@media (min-width:1001px) {
    /* PC버전 검색바 */
    #header .general_search{z-index:997;position:absolute;top:40px; right:0; width: 100%;-webkit-transition:all 300ms;transition:all 300ms;}
    #header .general_search .search_button{display:none;}
    #header .general_search .search_keyword{position:relative; display:block !important; overflow:visible !important;}
    #header .general_search .search_keyword .keyword{position:absolute;top:15px;right:0;max-width:200px;}
    #header .general_search .search_keyword .keyword input{outline:0;width:100%;height:40px;padding:0 35px 0 12px;font-size:14px;-webkit-border-radius:20px;border-radius:20px;border:2px solid #323c46;background-color:#fff;-webkit-transition:border-color 100ms;transition:border-color 100ms;}
    #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:45px;height:100%;padding-right:5px;}
    #header .general_search .search_keyword .keyword button img{width:50%;}
}
@media (max-width:1220px) {
    #container .layout {padding:20px 10px}
    #header .htop_eg {margin-left:20px;}
    #header .top_util {margin-right:20px;letter-spacing:-0.08em;}
    #header .logo{left:20px;}
    #header #gnb{padding:0 230px;}
    #header .general_search .search_keyword .keyword{right:20px;}

    #footer .footer_top, #footer .footer_bottom{padding-left:20px; padding-right:20px;}
    .locate { padding: 0 20px; }
}

@media (max-width:1000px) {
    .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 .top_util, #header .top_util .extend_btn, #header #animate {display:none;}

    #header{height:70px;}
    #header .header_top{background:none;padding:0;}
    #header .htop_eg{display:none;}
    #header .logo{position:static;width:auto;padding-top: 10px;text-align:center;}
    #header .logo a{display:inline-block;height: 42px;}
    #header .logo a img{width:100%;}

    #header .general_search{z-index:90;position: absolute;top:70px;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:-59px;right:0;width:55px;height:55px;-webkit-transition:all 300ms;transition:all 300ms;}
    #header .general_search .search_button .button_open{display:block;}
    #header .general_search .search_button .button_open img,
    #header .general_search .search_button .button_close img{width:45px;height:45px}
    #header .general_search .search_keyword{display:none;overflow: hidden;height: 85px;padding: 0 10px;background-color:#efa900;}
    #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;}

    #header .general_search .search_button button{right:auto;top:-52px;left:10px;width:35px;height:35px;background:no-repeat 50% 50%;background-size:25px auto;}
    #header .general_search .search_button button img{display:none;}
    #header .general_search .search_button .button_open{background-image:url(/resource/images/paid/nep/thk/layout/mo_search_open.png)}
    #header .general_search .search_button .button_close{background-image:url(/resource/images/paid/nep/thk/layout/mo_search_close.png)}

    #header .mo_navigation{display:block;position:absolute;top:23px;right: 15px;width:25px;height:auto;}

    #footer{text-align:center}
    #footer .f_util a{font-size:14px;}
    #footer address p{font-size:12px;margin-top:0px;}
}
@media (max-width:767px){
    #navigator { display: none; }
    .sub_tit .stb{padding:15px 10px;background: #323c46; border-bottom: 0;}
    .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}
    #footer .f_util {padding:15px 0;}
    #footer address{padding:15px 0;}
}
@media (max-width:640px){
    #header{height:64px}

    #header .general_search{top:64px}
    #header .general_search .search_button button{top:-49px}
    #header .mo_navigation{top:21px}
}
@media all and (max-width:365px){
    #footer .f_util a{padding:0 8px}
}