/* 폰트 크기 */
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f16{font-size: 16px; font-size: 1rem;}
.f18{font-size: 18px !important;font-size: 1.125rem !important;}
.f20{font-size: 20px; font-size: 1.25rem;}

#header{position: absolute;left: 0;top:0;width: 100%;height: 130px; color: #fff; z-index: 150}
#header.on{border-bottom: 1px solid rgba(255,255,255,.17);}
#header > .inner{padding-left: 241px;}
#logo {z-index: 150; position: absolute;left: 100px;top:20px}
#logo a{display: block;}
#logo img{display: block;}
#lnb{text-align: center;font-size: 0;padding-top: 40px;letter-spacing: 0; line-height: 1.15;}
#lnb > li{display: inline-block;font-size: 20px;float: left; padding: 0 50px; position: relative;}
#lnb > li:first-child{margin-left: 0;}
#lnb > li > a{font-weight: 500; padding: 30px 0;position: relative; height: 87px}
#lnb > li > a:after{width: 0;height: 2px; background: #fff; content: ''; position: absolute;left: 0;bottom: -2px; transition: all ease-in-out .3s}
#lnb > li:hover > a:after{width: 100%;}
#lnb a{display: block;}
#lnb .depth{position: absolute;left: 0;top:100%; padding: 30px 0 50px; white-space: nowrap; font-size: 16px; text-align: center;;width: 100%; font-weight: 300; display: none;}
#lnb .depth li{margin-top:10px}
#lnb .depth li:first-child{margin-top: 0;}
#lnb .depth a{padding-bottom: 10px; display: inline-block; position: relative; white-space:normal; word-break:keep-all; padding:0 7px;}
#lnb .depth a:hover{font-weight: 700;}
#lnb .depth a:hover:after{width: 100%; height: 2px; content: ''; position: absolute;left: 0;bottom: -8px; background: #fff}

#gnb{position: absolute;right: 100px; font-size: 14px; top:30px; line-height: 1.15;}
#gnb > ul{float: left;}
#gnb > ul > li{float: left;}
#gnb .lang{margin-left: 30px;}
#gnb .lang > li{position: relative; margin-left: 20px;}
#gnb .lang > li:before{position: absolute;left: -10px;top:50%;width: 1px;height: 10px; margin-top: -5px; background: #fff; content: ''}
#gnb .lang > li:first-child{padding-left: 0; margin-left: 0;}
#gnb .lang > li:first-child:before{background: none}
#gnb .lang .active{font-weight: 500; border-bottom: 1px solid #fff;}
#gnb .etc > li{margin-left: 20px;}
#gnb .etc > li:first-child{margin-left: 0;}

#header .btns{position: absolute;right: 100px;top:75px}
#header .btns button{float: left; width: 23px; height: 23px; background: url('') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px; float: left; margin-left: 30px;}
#header .btns button:first-child{margin-left: 0;}
#btn-menu{background-image: url('../img/common/btn-menu.png') !important; display: none;}
#btn-sch{background-image: url('../img/common/btn-sch.png') !important}

.allmenu{position: absolute;left: 0;top:91px;width: 100%;z-index: 130;background: url('../img/common/allmenu_bg.png') left top repeat;overflow: hidden; display: none; color: #fff}
.allmenu:before{position: absolute;left: 91px;bottom: 0;content: ''; width: 262px; height: 207px; background: url('../img/common/allmenu_logo.png') center center no-repeat;}
.allmenu .inner{padding-left: 145px;}
.allmenu .nav{text-align: center; font-size: 14px; line-height: 1.15; font-weight: 300;display: -webkit-flex;
display: -ms-flex;
display: flex;}
.allmenu .nav > li{float: left; width: 14.2857142857%; padding: 30px 5px}
.allmenu .nav > li > a{font-weight: 700;}
.allmenu .nav .depth{font-size: 13px; margin-top: 20px;}
.allmenu .nav .depth > li{margin-top: 10px;}
.allmenu .nav .depth > li:first-child{margin-top: 0;}
.allmenu .nav .depth > a:hover{text-decoration: underline;}
.allmenu .nav a{display: block;}
.allmenu .nav > li:hover{background: #982728}

#sub_visual{background: url('../img/common/bg1.jpg') center center no-repeat; background-size: cover;height: 660px; ;text-align: center; padding: 275px 15px 100px}
.sub_t{text-shadow: 4px 3px 3px rgba(0,0,0,.35); font-size: 75px; line-height: 1;color: #fff; font-weight: 400; letter-spacing: 0; text-transform: uppercase;}
.sub_t span{font-size: 1.18em;}
#sub_visual.num_20{background-image: url('../img/common/bg2.jpg')}
#sub_visual.num_30{background-image: url('../img/common/s_new1_01.png')}
#sub_visual.num_40{background-image: url('../img/common/bg4.jpg')}
#sub_visual.num_50{background-image: url('../img/common/bg5.jpg')}
#sub_visual.num_60{background-image: url('../img/common/bg6.jpg')}
#sub_visual.num_mypage{background-image: url('../img/common/bg_mypage.jpg')}


#sub_page{padding-top: 100px}
.sub_com{padding-bottom: 100px;}

/* .fixed #path{position: fixed;left: 0;top:0;width: 100%}
.fixed #cont{padding-top: 80px;} */

/* #btn-menu{width: 1.875em; height: 2.375em; position: absolute;right: .938rem;top:50%;margin-top: -1.1825em; background: url('../img/common/btn-menu.png') right center no-repeat; background-size: 100%;white-space: nowrap;overflow: hidden;text-indent: -999px;display: none;}
#btn-menu.on{background-image: url('../img/common/btn-close.png')} */

/* 올메뉴 */
.menu_m {position:absolute; width: 100%;z-index: 999;background:rgba(0,0,0,.87);  top:0;z-index: 300;left: 0; height: 100%; color: #fff; padding: .938rem;display: none;}
.menu_m .close_btn{position: absolute;left: -2.5em;top:1em}
.menu_m .close_btn img{width: 1.5em; display: block;}
.menu_m .top{position: relative; height: 3rem; padding-top: .87em; margin-top:10px;}
.menu_m .top .etc{float: left;}
.menu_m .top .lang{float: left; margin-left: 1.8em;}
.menu_m .top .etc > li{float: left; margin-left: 10px; padding-left: 10px;}
.menu_m .top .lang > li{float: left; margin-left: 20px; position: relative;}
.menu_m .top .lang > li:before{position: absolute;left: -10px;top:50%;width: 1px;height: 10px;background: #fff;content: ''; margin-top: -5px;}
.menu_m .top .lang > li:first-child:before{background: none}
.menu_m .top .etc > li:first-child,.menu_m .top .lang > li:first-child{margin-left: 0; padding-left: 0;}
.menu_m .top .lang .active{font-weight: 700; border-bottom: 2px solid #fff;}

/* 2022-12-01 */
/* #lang_m{display: none;}
#lang_m.lang{float: left; margin-left: 1.8em;}
#lang_m.lang > li{float: left; margin-left: 20px; position: relative;}
#lang_m.lang > li:before{position: absolute;left: -10px;top:50%;width: 1px;height: 10px;background: #fff;content: ''; margin-top: -5px;}
#lang_m.lang > li:first-child:before{background: none}
#lang_m.lang .active{font-weight: 700; border-bottom: 2px solid #fff;} */
/* 2022-12-23 */
.lang_m_wrap{display: none;margin-top: -3px;float: left;position: relative;}
#header .lang_m_wrap #btn_lang_m{width: auto;height: auto;padding:6px 25px 6px 10px;background: url('../img/common/l_sel.png') calc(100% - 5px) calc(50% + 2px) no-repeat;border:none;text-indent: 0;color:#fff;line-height: 1.2;}
#header .lang_m_wrap #btn_lang_m:focus{outline: none;}
.lang_m_wrap #lang_m.lang{width:100%;padding: 0 10px;background: rgba(0,0,0,0.5);border:1px solid #999;position: absolute;top:28px;left:50%;transform: translateX(-50%);display: none;}
.lang_m_wrap #lang_m.lang li{border-bottom:1px solid #666;}
.lang_m_wrap #lang_m.lang li:last-child{border: none;}
.lang_m_wrap #lang_m.lang li a{display: block;padding: 5px 0;text-align: center;}
.lang_m_wrap #lang_m.lang li:hover a{font-weight: 700;}
.lang_m_wrap #lang_m.lang li a:focus{outline: none;}

.menu_m .btn-close{
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
    height: 21px;
    background: url(../img/common/btn-close2.png) center center no-repeat;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -999px;
    display: block;
    top: 50%;
    margin-top: -10px;
}

.top_nav_m{line-height: 1; font-size: 15px}
.top_nav_m a{display: block}
.top_nav_m > li > a{padding: 1em 0;font-size: 18px;position: relative;font-weight: 300; background: url('../img/common/arrow.png') right center no-repeat;}
.top_nav_m > li.opend > a{color: #fff; font-weight: 700; background-image: url('../img/common/arrow_on.png')}
.top_nav_m > li{border-bottom:1px solid rgba(255,255,255,.4);cursor: pointer}
.top_nav_m > li:last-child{border-bottom: 0;}
.top_nav_m .depth{display: none; padding: 15px; border-top: 1px solid rgba(255,255,255,.4);}
.top_nav_m .depth li{margin-top: 5px;}
.top_nav_m .depth li:first-child{margin-top: 0;}
.top_nav_m .depth li a{position: relative; padding: 5px 0;font-weight: 400}
.depth_bg{position: absolute; height:294px; top: 0;width:100%; background:rgba(0,0,0,.7);z-index: 149;left: 0; display: none;}

#quick{position: absolute; right: 100px; top:250px;  border:1px solid #fff}
#quick li{border-top: 1px solid #fff; width: 50px;height: 50px}
#quick li:first-child{border-top: 0;}
#quick a{display: block;white-space: nowrap;overflow: hidden;text-indent: -999px; background: url('') center center no-repeat; height: 100%}
#quick a:hover{background-color:rgba(255,255,255,.7)}
#quick .u a{background-image: url('../img/main/sns-url.png')}
#quick .u:hover a{background-image: url('../img/main/sns-url_on.png')}
#quick .i a{background-image: url('../img/main/sns-i.png')}
#quick .i:hover a{background-image: url('../img/main/sns-i_on.png')}
#quick .f a{background-image: url('../img/main/sns-f.png')}
#quick .f:hover a{background-image: url('../img/main/sns-f_on.png')}
#quick .y a{background-image: url('../img/main/sns-y.png')}
#quick .y:hover a{background-image: url('../img/main/sns-y_on.png')}

#footer{background: #282828; padding:40px 0 50px; color: #a3acab}
#footer .l{float: left;}
#footer .r{float: right;}

#footer .link,#footer .etc{font-size: 0;}
#footer .link{margin-bottom: 20px;margin-bottom: 1.3rem;}
#footer .link li,#footer .etc li{ margin-left: 1.25em; padding-left: 1.25em;position:relative;display: inline-block; font-size: 1rem;}

#footer .link li:first-child,#footer .etc li:first-child{padding-left: 0; margin-left: 0;}
#footer .link li:before,#footer .etc li:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px; margin-top: -5px; background: #434343; content: ''}
#footer .link li:first-child:before,#footer .etc li:first-child:before{background: none}
#footer .copy{margin-top: 1.3em; font-size: .933em; opacity: .4; letter-spacing: 0;}

#footer .r .logo img{float: right;display: block;}
#footer .r .bot{margin-top: 1.25em;}
#footer .r .bot > *{float: left;}
#footer .r .bot .btns{margin-left: 20px;}
#footer .r .bot  a{margin-left: 8px; display: inline-block;}
#footer .r .bot  a:first-child{margin-left: 0;}
#footer .r .bot select{height: 36px;background: url('../img/common/f_sel.gif') 97% center no-repeat; border: 1px solid #535353; padding: 0 15px 0 10px; color: #a3acab; width: 180px; font-size: .938em;}

.sub-tabs{text-align: center;font-size: 19px;margin-top: 135px;display: flex;align-items: stretch;flex-wrap: wrap;}
.sub-tabs > li{width: 25%;position: relative;transform: translateX(1px);background: rgba(255,255,255,.8);color: #333;}
.sub-tabs > li:before{position: absolute;left: 0;top:0;width: 1px;height: 100%;content: '';background: rgba(0,0,0,.5); content: ''}
.sub-tabs > li:first-child:before{background: none}
.sub-tabs.li10 > li{width: 10%}
.sub-tabs.li9 > li{width: 11.1111111111%}
.sub-tabs.li8 > li{width: 12.5%}
.sub-tabs.li7 > li{width: 14.2857142857%}
.sub-tabs.li6 > li{width: 16.6666666667%}
.sub-tabs.li5 > li{width: 20%}
.sub-tabs.li4 > li{width: 25%}
.sub-tabs.li3 > li{width: 33.33333333%}
.sub-tabs.li2 > li{width: 50%}
.sub-tabs.li1 > li{width: 100%}
.sub-tabs a{display: table; ;width: 100%;height: 70px}
.sub-tabs .active,.sub-tabs .on{background: #c51521; color: #fff; font-weight: 500;}
.sub-tabs a span{display: table-cell;vertical-align: middle;}

.layerClose{position:absolute;top:-999px;right:0px;}
.layerClose:focus,.layerClose:active{top:0px;}

.allmenu_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 9999;width: 100%;height: 100%;left: 0;top:0;overflow-y: auto; padding: 30px;}
.allmenu_bg2{background: rgba(0,0,0,.5);position: fixed;z-index: 9999;width: 100%;height: 100%;left: 0;top:0; padding: 30px;}
.modal_w{position:relative;top:50%;max-width:1100px;z-index: 10000;width: 97%;margin: auto;max-height: 97%; transform: translateY(-50%);}
.modal_w.small{max-width: 640px}
.allmenu_bg2 .modal_w{background: #fff; overflow-y: auto; height: 100%; max-width: 905px;transform:translateY(calc(-50% + 10px));;}
.pop-st1{position: relative;background: #fff; height: 100%;  padding: 30px 110px}
.pop-st1 .in{position: relative;}
.pop-st1 .pop_cont{margin-bottom: 1.8em;}
.pop-st1 .pop_top{line-height: 1.15;padding-bottom: 1em;margin-bottom: 1em;border-bottom: 1px solid #e2e2e2;text-align: center;display: block;}
.pop-st1 .pop_bot{position: absolute;left: 0;bottom: 0;width: 100%;border-radius: 0 0 15px 15px;overflow: hidden;}
.pop-st1 .pop_bot.item1 > *{width: 100%;float: none;}
.pop-st1 .pop_bot button,.pop-st1 .pop_bot a{float: left;width: 50%;height: 3.889em}
.pop-st1 .pop_bot a{line-height: 3.889em;}
.pop-st1 .arrows{position: absolute; top:50%;margin-top: ; width: 50px; height: 50px; background: url('') center center no-repeat; margin-top: -25px; white-space: nowrap; overflow: hidden;text-indent: -999px}
.pop-st1 .prev{left:30px; background-image: url('../img/bbs/program_p.gif')}
.pop-st1 .next{right:30px; background-image: url('../img/bbs/program_n.gif')}
.pop-st1 .arrows:before{position: absolute; width: 50%;height: 1px;background: #fff; content: ''; top: 50%}
.pop-st1 .prev:before{right: 0}
.pop-st1 .next:before{left: 0}

.pop-st2{background: #fff}
.pop-st2 .tit{background: #000; color: #fff; padding: 24px 30px; font-size: 26px; position: relative;line-height: 1.15;}
.pop-st2 .tit button{position: absolute;right: 30px;top:50%; margin-top: -12px; margin-top: -.725rem;}
.pop-st2 .cont{padding: 30px}
.pop-st2 .type1 .btn_w{position: relative; padding-right: 6.250em; height: 3em}
.pop-st2 .type1 .btn_w input{width: 100%; height: 100%}
.pop-st2 .type1 .btn_w input[type="text"]{padding: 0 10px}
.pop-st2 .type1 .btn_w button{position: absolute;right: 0;top:0; height: 100%; width: 6.313em}
.pop-st2 .type1 .txt{text-align: center; margin: 1.5em 0; font-size: 1.125em;}
.pop-st2 .type2 .ok{font-size: 1.3em;
    text-align: center;
    padding: 1.5em 0; color: #000}
.pop-st2 .type3 input[type="file"]{width: 100%; margin: 1.8em 0 0;}
.pop-st2 .type3 .btns_w-st1{margin-top: 1.8em;}

.pop-st2 .btn-st1{margin:1.8em auto 0; display: block;}
.pop-st2 .btns_w-st1 .btn-st1{margin: 0}
/* .pop-close{position: absolute;right: 0;top:50%;margin-top: -12px;margin-top: -0.750rem;} */

.pop-close{background: url('../img/common/pop-close.png') center center no-repeat;width: 24px;width:1.500rem;height: 24px;height:1.500rem;display: block;white-space: nowrap;overflow: hidden;text-indent: -999px;background-size:100%;  position: absolute;right: 30px;top:30px}
.pop-close.w{background-image: url('../img/common/pop-close_w.png')}

.allmenu_bg2 .close{    left: 50%;
    margin-left: 428px; top: 18px}

#top_sch{position: absolute;right: 0;top:0;width: 100%;z-index: 150;padding: 115px 1rem 115px;background: rgba(0,0,0,.85);color:#fff;z-index: 151;font-size: 1.25em; display: none;}
#top_sch .in{max-width: 875px;margin: 0 auto;}
#top_sch .sch_w{position: relative; padding-right: 40px;}
#top_sch .sch_w .sch_close{position: absolute;right: 0;top:0; width: 21px; height: 21px; background: url('../img/common/btn-close2.png') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px;display: block; top:50%; margin-top: -10px;}
#top_sch .sch{position: relative;color:#333; height: 3em}
#top_sch .sch input{width: 100%;height: 100%;border:0;padding: 0; background: none;border-bottom: 2px solid #fff; color: #fff}
#top_sch .sch input::placeholder{color: #fff}
#top_sch .sch button{position: absolute;right: 0;top:50%;height: 22px;width: 22px;margin-top: -11px;background: url('../img/common/btn-sch.png') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent:-999px}
#top_sch .word_w{margin-top: 30px; position: relative; padding-left: 141px;}
#top_sch .word_w dt{position: absolute;left: 0;top:0}
#top_sch .word_w dd{float: left; font-size: 16px; font-size: 1rem; margin-right: 1em;}
#top_sch .word_w dd:last-child{margin-right: 0;}

.tit-st1 span span{font-size: .87em;}