/* 폰트 크기 */
.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;}

/* 폰트 컬러 */
.color-green{color: #139db7 !important}
.color-green{color: #6eb92b !important}
.color-red2{color: #6eb92b !important}
.color-red3{color: #cf000d !important}
.color-navy{color: #233d5d !important}
.color-yellow{color: #d4b35b !important}
.color-white{color: #fff !important}
.color-black{color: #333 !important}
.color-grey{color: #666 !important}
.color-pnik{color: #ff9750 !important; font-weight:bold}
.color-link{color: #0a58c7 !important}
.color-link:hover{text-decoration: underline;}

/* 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-grey2{background: #f7f7f7 !important;}
.bg-red{background: #6eb92b !important; color: #fff !important}
.bg-red_r{border:1px solid #6eb92b !important; background: #fff !important; color: #6eb92b !important}
.bg-blue_r{border:1px solid #2a5599 !important; background: #fff !important; color: #2a5599 !important}
.bg-sky_r{border:1px solid #2b97df !important; background: #fff !important; color: #2b97df !important}


#header{position: relative;left: 0;top:0;width: 100%;height: 90px; background: #fff; color: #242424; z-index: 150; border-bottom: 1px solid #ccc;}
#lnb{text-align: center;font-size: 0;letter-spacing: 0; line-height: 1.15; text-align: center; font-weight: 400;}
#lnb > li{font-size: 20px;position: relative; display: inline-block; padding: 0 30px; }
#lnb > li:before{position: absolute;left: 0;top:50%; width: 3px; height: 3px; background: #b8b8b8;content: ''; margin-top: -1px;}
#lnb > li:first-child:before{background: none}
#lnb > li > a{font-weight: 500; line-height: 90px; position: relative;}
#lnb > li:hover > a{color: #6eb92b}
#lnb > li:hover > a:after{position: absolute;left: 0;bottom: 0; width: 100%; height: 4px; background: #6eb92b; content: ''}
#lnb a{display: block;}
#lnb .depth{position: absolute; left: 0;top:100%;width: 100%; text-align: center; color: #666; font-size: 16px; background: #fff; padding-top: 15px; margin-top: 1px; display: none;}
#lnb .depth a{padding: 5px 5px 8px; border:1px solid transparent; margin:  0 auto; word-break: keep-all;}
#lnb .depth a:hover{color: #6eb92b; border-color: #6eb92b; font-weight: 700;}
#lnb .depth li{margin-top:5px;}
#lnb .depth li:first-child{margin-top: 0;}
#lnb > li:last-child > a{color: #6eb92b}
.depth_bg{background: #fff;position: absolute;left: 0;top:90px; width: 100%;z-index: 149;display: none;    box-shadow: 0 3px 10px rgb(0,0,0,.18);}

#top_etc{position: absolute;right: 3%; top:53%; font-size: 14px; transform: translateY(-50%); color: #999}
#top_etc > *{display: inline-block; vertical-align:middle;margin-top: -72px;}
#top_etc select{width: 90px; height: 35px; border:1px solid #ccc; background: url('../img/common/select.png') 95% center no-repeat; color: #999; margin-left: 10px;margin-top: 0;}
#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: 8px; 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} */
#top_etc .adm{position: absolute !important;right: 0;top: -30px;  font-size: 15px;  color: #000;}

.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 {font-size: 14px}
#footer .top{background: #eeefef; color: #a8acb4; padding: 15px 3%;display: none;}
#footer .top .l{float: left;}
#footer .top .r{float: right; font-size: 0;}
#footer .top .r a{margin-left: 20px;}
#footer .top .r a:first-child{margin-left: 0;}
#footer .top span{margin: 0 3px; color: #4a515d}
#footer .add{background: #eeefef; padding:15px 3%; letter-spacing: 0;}
#footer .add .txt{color: #757982}
#footer .copy{margin-top: 5px; color: #757982; font-size: 13px;}

#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: 0; background: #fff; max-width: 1400px; min-height: 500px}
.sub_com{padding-top: 60px;}
.sub_pb{padding-bottom: 135px;}
.sub_com.inner{max-width: 1000px}


.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: #6eb92b; position: relative; color: #fff}
.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: 140px;text-align: center; display: block;}
.top_nav_m .depth{position: absolute;left: 140px;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: #6eb92b}
.top_nav_m.opend:before{position: absolute;left: 140px;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}

#sub_page_w{position: relative;padding-left: 300px; background: #f7f7f7}
#sub_page_w #left_menu{position: absolute;left: 0;top:0;width: 300px; font-size: 18px; text-align: right; color: #000; font-weight: 500;}
#left_menu .depth > li{border-bottom: 1px solid #ccc;}
#left_menu .depth > li > a{display: block; padding: 10px  20px}
#left_menu .depth > li > a:hover,#left_menu .depth > .active{background: #6eb92b; color: #fff}
#left_menu .depth2{background: #fff; padding: 10px 20px 15px; font-size: 16px; font-weight: 400; color: #555}
#left_menu .depth2 > li{margin-top: 5px;}
#left_menu .depth2 > li:first-child{margin-top: 0;}
#left_menu .depth2 > .active{color: #6eb92b; font-weight: 700;}
#left_menu .depth2 > li > a:hover{text-decoration: underline;}