/* 폰트 크기 */
.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;}
.f22{font-size: 22px; font-size: 1.375rem;text-align:left}

/* 폰트 컬러 */
.color-green{color: #139db7 !important}
.color-red{color: #ac2f30 !important}
.color-red2{color: #7d0101}
.color-navy{color: #233d5d !important}
.color-yellow{color: #d4b35b !important}
.color-white{color: #fff !important}
.color-black{color: #333 !important}

/* bg-컬러 */
.bg-blue{background: #005090; color: #fff}
.bg-navy{background: #2b5099;color: #fff}
.bg-green{background: #29b50c;color: #fff}
.bg-gold{background: #b49a54; color: #fff}
.bg-grey{background: #666; color: #fff}
.bg-red{background: #7d0101; color: #fff}
.bg-sky{background: #2b97df; color: #fff}
.bg-red_r{border:1px solid #cc0605; background: #fff; color: #cc0605}
.bg-blue_r{border:1px solid #2a5599; background: #fff; color: #2a5599}
.bg-sky_r{border:1px solid #2b97df; background: #fff; color: #2b97df}


#header{position: relative;left: 0;top:0;width: 100%;height: 100px; background: #7d0101; color: #fff; z-index: 150}
#lnb{text-align: center;font-size: 0;padding-top: 40px;letter-spacing: 0; float: right; line-height: 1.15; text-align: center; font-weight: 400;}
#lnb > li{font-size: 18px;float: left; position: relative;}
#lnb > li > a{font-weight: 500; padding: 20px 40px}
#lnb > li:hover > a{color: #eccb87}
#lnb a{display: block;}
#lnb .depth{position: absolute; left: 50%;top:100%;width: 160px; text-align: center; margin-left: -80px; color: #666; font-size: 15px; border:1px solid #333; background: #fff; display: none;}
#lnb .depth a{padding: 14px 5px;}
#lnb .depth a:hover{color: #7d0101; background: #f7f7f7}
#lnb .depth li{border-top: 1px solid #ccc;}
#lnb .depth li:first-child{border-top: 0;}

#top_etc{position: absolute;right: 0; top:20px; font-size: 13px;}
#top_etc > *{display: inline-block; vertical-align: middle;}
#hd_sch_new{margin-left: 20px; position: relative; padding-right: 35px;}
#hd_sch_new input{width: 147px; height: 23px; border:0; padding: 0 5px}
#hd_sch_new button{position: absolute;right: 0;top:0;width: 35px; height: 100%; background: url('../img/common/btn-sch.gif') center center no-repeat; white-space: nowrap; overflow: hidden;text-indent: -999px}
#top_etc .etc > li{float: left; margin-left: 10px; padding-left: 10px; position: relative;}
#top_etc .etc > li:before{position: absolute;left: 0;top:50%;width: 1px; height: 10px; margin-top: -5px; content: ''; background: #fff}
#top_etc .etc > li:first-child:before{background: none}



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


#footer {background:#444; font-size: .938em; padding: 40px 0}
#footer .top{color: #cdcdcd}
#footer .inner{position: relative; padding-left: 341px;}
#footer .logo{position: absolute;left: 0;top:0}
#footer .add{color: #aaa; font-size: 0.933em;}
#footer .top{font-size: 0;}
#footer .top a{display: inline-block;padding-left: 10px; margin-left: 10px; position: relative; font-size: 16px; font-size: 1rem;}
#footer .top a:before{position: absolute;left: 0;top:50%;width: 1px; height: 10px; background: #6f6f6f; content:''; margin-top: -5px;}
#footer .top a:first-child{padding-left: 0; margin-left: 0;}
#footer .top a:first-child:before{background: none}
#footer .txt{margin-top: 1.25em;}
#footer .etc{font-size: 0;}
#footer .etc li{display: inline-block; margin-right: 1em; font-size: 15px; font-size: .938rem;}
#footer .etc li:last-child{margin-right: 0;}

#sub_visual{background: url('../img/common/sub0.jpg') center center no-repeat; background-size: cover;height: 240px; color: #fff;text-align: center; font-size: 18px;font-size: 1.18rem; padding: 80px 15px 70px;line-height: 1.15; text-shadow: 4px 3px 3px rgba(0,0,0,.35)}

.sub_t{font-size: 2.389em;margin-bottom: .5em;}

#path{z-index: 30}
#path, #path .in > li{height: 65px}
#path .inner{position: relative; height: 100%}
#path .home, #path .depth > a{line-height: 65px;}
#path .home a{overflow: hidden;}
#path{background-color: #2d2d2d; color: #fff}
#path a{display: block}
#path .in >li{float: left; height: 100%;border-right: 1px solid rgba(255,255,255,.1);}
#path .home{background: url('../img/common/ico-home.png') center center no-repeat;width: 63px;border-left: 1px solid  rgba(255,255,255,.1);;white-space: nowrap;overflow: hidden;text-indent: -999px}
#path .depth{min-width: 230px;position: relative;}
#path .depth > a{padding: 0 60px 0 20px; position: relative; font-weight: 500;}
#path .depth > a:after{width: 17px;height: 17px;background: url('../img/common/ico-arrowdown.png') center center no-repeat; position: absolute; right: 20px;content: '';top: 50%;margin-top: -8px;}
#path .sub{position: absolute; background-color: #fff; border:1px solid #ddd;left: -1px;top:65px;width: 101%;display:none;z-index: 149;color: #333; font-size: .938em; font-weight: 400;}
#path .sub li{border-top: 1px solid #ddd;height: 50px;display: table;width:100%}
#path .sub li:first-child{border-top:0}
#path .sub li:hover{background: #f1f1f1}
#path .sub a{;padding: 0 15px;display: table-cell;vertical-align: middle}
#path .depth_2 > a{color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


#btn-share{position: absolute; right: 0;top:0; padding: 0 20px;height: 100%; border:1px solid  rgba(255,255,255,.1);; border-top: 0; border-bottom: 0; color: #fff}
#btn-share span{background: url('../img/common/btn-share.png') left center no-repeat; padding-left: 26px;}

#sub_page{padding-top: 75px}
.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')}
#btn-sch_m{width: 1.875em; height: 2.375em; position: absolute;right: 3.67em;top:50%;margin-top: -1.1825em; background: url('../img/common/btn-sch_m.png') right center no-repeat; background-size: 100%;white-space: nowrap;overflow: hidden;text-indent: -999px; display: none;}



/* 올메뉴 */
#top_nav_m {position:absolute; width: 100%;z-index: 999;background-color:#fff;  top:5em;z-index: 300;left: 0; display: none;}
#top_nav_m .close_btn{position: absolute;left: -2.5em;top:1em}
#top_nav_m .close_btn img{width: 1.5em; display: block;}
.top_nav_m{line-height: 1; font-size: 15px; background: #7d0101; position: relative;}
.top_nav_m a{display: block}
/*
.top_nav_m > li > a{padding: 1em 10px;font-size: 18px;color: #000;position: relative;font-weight: 700}
.top_nav_m > li.on > a{color: #fff}
.top_nav_m > li{border-bottom:1px solid #ddd;cursor: pointer}
.top_nav_m > li:last-child{border-bottom: 0;}
.top_nav_m .depth{color: #555;display: none; padding: 18px 10px; border-top: 2px solid #ac2f30;}
.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 10px;font-weight: 400} */
/* .top_nav_m > li{position: relative;} */
.top_nav_m > li > a{padding: 1rem 0; font-size: 1.18em;font-weight: 400;}
.top_nav_m > li > a >span{width: 100px;text-align: center; display: block;}
.top_nav_m .depth{position: absolute;left: 100px;top: 0;width: 100%;background: #fff;display: none;z-index: 3; color: #333; font-weight: 400;}
.top_nav_m .depth > li{position: relative; border-bottom: 1px solid #ccc; margin: 0 1em;}
.top_nav_m .depth > li:after{position: absolute;right: 0;bottom: 0;width: 87%; height: 1px;background: #fff;content: ''}
.top_nav_m .depth a{padding: 1.18rem 0}
.top_nav_m .active{background: #fff; color: #7d0101}
.top_nav_m.opend:before{position: absolute;left: 100px;width: 100%;height: 100%;background: #fff;content: '';z-index: 1  }

.allmenu_bg {display: none;position: absolute; height:100%; top: 5em;width:100%; background:rgba(0,0,0,.7);z-index: 150;left: 0}


#top_sch{position: absolute;right: 0;top:0;width: 100%;z-index: 150;padding: 1em 1rem;background: #fff;color:#333;background: #fff;z-index: 151;font-size: 1.3em;font-weight: 300; display: none;}
#top_sch .sch{position: relative;max-width:820px;margin: 0 auto 1.5em auto;height: 3em;color:#333;padding: 0 2em 0 0}
#top_sch .sch input{width: 100%;height: 100%;border:0;padding: 0 10px;border-bottom: 1px solid #000; font-size: 1.125rem;}
#top_sch .sch button{position: absolute;right: 0;top:50%;height: 2em;width: 2em;margin-top: -1em;;border-radius:50%;background: #000 url('../img/common/btn-sch.png') center center no-repeat; background-size:0.962em;white-space: nowrap;overflow: hidden;text-indent:-999px}
#top_sch .close-pop{height: 2.692em;width: 2.692em;border-radius:50%;background: #fff url('../img/common/btn-sch_close.png') center 55% no-repeat;display: block;white-space: nowrap;overflow: hidden;text-indent: -999px;background-size:1rem;position: absolute;left: 50%;bottom:-1.15em;margin-left: -1.347em;}

.sns_w{margin: -3px 0 0 25px;}
.sns_w a{display: inline-block;vertical-align: middle; margin-left: 5px;}
.sns_w a:first-child{margin-left: 0;}