.subVisual{height:180px;padding: 0;background: #484946 ;/* background-repeat: no-repeat;background-position: 80px 0; */z-index: 10;margin-bottom: 25px;position: relative;overflow: hidden;}
.subVisual::before{display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-repeat: no-repeat;background-position: 80px 0;animation:         zoom 2s ease-out ;}
.subVisual.subbg1::before{background-image: url(../img/sub/subbg_1.jpg);}
.subVisual.subbg2::before{background-image: url(../img/sub/subbg_2.jpg);}
.subVisual.subbg3::before{background-image: url(../img/sub/subbg_3.jpg);}
.subVisual.subbg4::before{background-image: url(../img/sub/subbg_4.jpg);}
.subVisual.subbg5::before{background-image: url(../img/sub/subbg_5.jpg);}
.subVisual.subbg6::before{background-image: url(../img/sub/subbg_1.jpg);}

@keyframes zoom {
from {-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2) translate(0, 0);filter: blur(5px);}
to {-ms-transform: scale(1, 1);transform: scale(1, 1) translate(0, 0);filter: blur(0); }
}

.subVisual .subTit{position: absolute;top: 50%;left: 0;right: 0;transform:translateY(-50%);text-align: center;color: #fff;}
.subVisual .subTit h2{display: block;font-size: 18px;letter-spacing: 10px;font-weight: 700;padding: 0;text-shadow: 2px 2px 5px rgba(0,0,0,0.15);text-transform: uppercase;/* font-family: 'Roboto'; */}
.m_sub_tit{display: none;}
.subWrap{z-index: 1;position: relative;padding-left: 360px;}
.subWrap::after{display: block;clear: both;content: '';}
.subWrap .wrapper.ml0{margin-left: 0;}
#subMenu {position: absolute;top: 0;left: 75px;z-index: 4;padding:0;display: block;padding-top: 65px;width:180px /* 146px */;}
#subMenu h2{font-size: 18px;font-weight: 700;padding-left: 5px;height: 60px;}
#subMenu ul,#subMenu li{padding:0;margin: 0;list-style-type: none;}
#subMenu>ul>li {margin-bottom: 0;}
#subMenu>ul>li a{display:block;padding:15px 5px;font-weight: 350;transition:  0.2s ease-out; line-height: 1.2;position: relative;overflow: hidden;color: #585959;letter-spacing: -1px;border-bottom: 1px solid #e0e0e0;}
#subMenu>ul>li a::before{display: block;content: '';position: absolute;border-style:solid;border-color:#000;border-width:0 2px 2px 0 ;padding:3px;transform:rotate(-45deg);top:50%;margin-top: -4px;right: 5px; transition:  0.2s ease-out;opacity: .5;}
#subMenu>ul>li a:hover{color: #000}
#subMenu>ul>li.on>a{/* background-color: #f0f0f0; */color: #000;border-bottom: 1px solid #ccc;}
#subMenu>ul>li>a:hover::before,
#subMenu>ul>li.on>a::before{opacity: 1;/* transform:rotate(315deg); */}
#subMenu>ul>li>ul{padding: 10px 0;border-bottom: 1px solid #e0e0e0;display: none;}
#subMenu>ul>li.hss.on>a.open + ul,
#subMenu>ul>li.hss.on>a + ul{display: block;}
#subMenu>ul>li> a:has(+ul)::before{transform:rotate(-315deg);}
#subMenu>ul>li>ul>li a{padding:10px 10px 10px 17px;background: none;border: none;font-size: 0.875em;line-height: 1.1;margin-bottom: 2px;}
#subMenu>ul>li>ul>li> a::before{left: 9px;right: auto;border: 0;background-color: #000;padding: 0;width: 4px;height: 4px;margin-top: -2px;transform:rotate(0);border-radius:50%;}
#subMenu>ul>li>ul>li> a:hover::before,
#subMenu>ul>li>ul>li.on> a::before{opacity: 1;}

#subMenu>ul>li>ul>li> a:hover,
#subMenu>ul>li>ul>li.on> a{background-color: #e9e9e9;border-radius:7px}

#subMenu>ul>li.on>a{color: #F05251;font-weight: bold;}
#subMenu>ul>li.hss.on>a{border-bottom: 2px solid #F05251;}
#subMenu>ul>li.on>a::before{border-color: #F05251;}
#subMenu>ul>li.hss>a.open::before{transform:rotate(-135deg);margin-top: -2px;}
#subMenu>ul>li>ul>li a[target='_blank']::after{display: inline-block;width: 12px;height: 12px;vertical-align: baseline;content:  '\e980';font-size: 12px;margin-left: 4px;font-family : 'xeicon'}

.pageDr{text-align: right;line-height: 20px;font-weight: 300;font-size: 14px;height: 45px;}
.pageDr a.locH{display: inline-block;width: 12px;height: 17px;text-indent: -999em;font-size: 0;color: transparent;vertical-align: middle;position: relative;}
.pageDr a.locH::before{display: block;content: '';position: absolute;background:  url(../img/sub/loc_home.svg) 0 0 no-repeat;top: 0;left: 0;width: 12px;height: 14px;z-index: 3;background-size: 12px auto;z-index: 0;}
.pageDr .aro{position: relative;display: inline-block;width: 15px;height: 14px;vertical-align: middle;text-indent: -999em;font-size: 0;}
.pageDr .aro::before{display: block;content: '';position: absolute;border-style:solid;border-color:#777;border-width:0 1px 1px 0 ;padding:3px;transform:rotate(-45deg);top:2px;left: 2px;margin-left: 0;}
.pageDr b{font-weight: 400;color: #000;}
.pageTit{font-size: 40px;margin-bottom: 47px;letter-spacing: -1px;}
.pageMenu{text-align: center;list-style-type: none;margin: 0 auto 50px auto;padding: 0;font-size: 0;}
.pageMenu li{padding: 0;margin: 0;list-style-type: none;display: inline-block;text-align: center;}
.pageMenu li a{display: block;padding: 10px 18px 10px 20px;line-height: normal;font-family: 'Gmarket Sans';font-size: 23px;font-weight: 500;letter-spacing: -1px;position: relative;transition: .25s ease-out}
.pageMenu li a:hover{text-decoration: underline;color: #ff4f4c;}
.pageMenu li a.on{font-weight: 700;color: #ff4f4c;}
.pageMenu li a::before {background-color: #000;opacity: .3;content: '';display: block;height: 4px;width:4px;border-radius: 50%;    position: absolute;    top: 40%;    left: 0;}
.pageMenu li:first-child a::before{display: none;}

.pageContent{padding-bottom: 80px;/* overflow: hidden; */min-height: 400px;}
.pageContent::after{display: block;content: '';clear: both;}
.pageContent.pb0{padding-bottom: 0;}
.hLine{clear: both;height: 46px;border-top: 2px solid #000;}
.st_1{font-size: 24px;line-height: 1.2;margin-bottom: 20px;font-weight: bold;}
.st{font-size: 20px;line-height: 1.2;margin-bottom: 12px;font-weight: bold;}
table.classic { border: 0; border-collapse: separate; width: 100%; border-top: solid 2px #000;border-bottom: 2px solid #000;}
table.classic td,
table.classic th { border: 0; border-bottom: solid 1px #ddd; border-left: solid 1px #e5e5e5;color: #000;padding: 20px 1% ; text-align: center; line-height: 1.3; vertical-align: middle;  height: auto ;word-wrap:break-word;word-break: break-all;font-size: 18px;font-family:'Noto Sans KR',sans-serif;box-sizing: border-box;}
table.classic thead th { /* background: #f4f4f4; */ border-bottom-color: #000;font-weight: 400;font-size: 16px;}
table.classic thead th.first { border-left: none; }
table.classic tbody td.first { border-left: none}
table.classic tbody th {font-weight: 400; border-left: none;}
table.classic th.bdr{border-right: solid 1px #e5e5e5;}
table.classic .bdl0{border-left:0}
table.classic th.left { padding-left:10px; text-align:left; }
table.classic td.left,
table.classic tr.left td{padding-left:2.5%; text-align: left;padding-right: 1%; }
table.classic td.right{padding-right:2.5%; text-align: right;padding-left: 1%; }
table.classic td.va-t{vertical-align: top;}
table.classic.tdLeft tbody td{text-align: left;padding-left: 15px;}
table.classic.fw-n td.left{font-weight: 300;}
table.classic .bdt th,table.classic .bdt td{border-top: 1px solid #000;}

.m_scroll{margin-bottom: 30px;}
.m_scroll.mb0{margin-bottom: 0;}
@media screen and (max-width:1370px) {
.subWrap{padding-left:280px;}
}
@media screen and (max-width:1200px) {

.subVisual{height:130px;padding: 0 0 35px 0;margin-bottom: 0;}
.subVisual::before{background-position: center 0;background-size:auto 100% ;}
.subVisual .subTit h2{padding-bottom: 30px;letter-spacing: 5px;}

.subWrap{padding-left:0;padding-top: 25px;}
.subWrap .wrapper.ml0{margin-left: auto;}

.m_sub_tit{display: block;border-top: 1px solid rgba(255,255,255,0.25);position: absolute;bottom: 0;left: 0;right: 0;}
.m_sub_tit h3{background-color: rgba(40,40,40,0.35);color: #fff;position: relative;z-index: 1;font-size: 14px;padding: 0 10px 0 15px;line-height: 35px;font-weight: 400;}
.m_sub_tit h3::after{border-style: solid;border-color: #fff; border-width:0 0 1px 1px;    display: block;    padding: 4px;    transform: rotate(-45deg);position: absolute;top: 30%;right: 20px;content: '';opacity: 1;}
.m_sub_tit h3.on::after{opacity: 0;}
.m_sub_tit h3::before{border-style: solid;border-color: #fff; border-width: 0 0 1px 1px;    display: block;    padding: 4px;    transform: rotate(-225deg);position: absolute;top: 40%;right: 20px;content: '';opacity: 0;}
.m_sub_tit h3.on::before{opacity: 1;}
.m_btnSubShow{position:absolute;bottom: 0;top:0;left:0;display:block;right:0;z-index:2;text-indent:-999em;overflow:hidden;color:transparent;}
#subMenu h2{display: none;}

#subMenu{display: none;position:absolute;top:0;left:0;right: 0;background-color: #fff;box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);padding: 0;border-radius:0 ;border-top: 1px solid #ccc;width: auto;}
#subMenu ul{width: auto;padding: 10px;}
#subMenu li {border-bottom: 0;margin-bottom: 0;}
#subMenu li a{line-height: 38px;padding: 0 10px 0 15px;}
#subMenu li a.on{color: #f16d96;}
#subMenu li a::before{right: 15px;top: 15px;padding: 4px;}
.pageDr{position: relative;float: right;line-height: 40px;font-size: 12px;margin-bottom: 10px;z-index: 1;}
.pageDr a.locH{height: 16px;width: 10px;}
.pageDr a.locH::before{background-size:10px auto ;background-position: 0 1px;}
.pageDr::before{margin-top: 0;top: 13px;background-size:auto 11px}
.pageDr .aro{width: 6px;height: 10px;margin-right: 4px;}
.pageDr .aro::before{top: 0;left: 50%;margin-left: -3px;}
.pageContent{padding-bottom: 40px;min-height: 300px;}
}
@media screen and (max-width:1024px) {
.pageDr{text-align: left;float: none;line-height: normal;height: auto;padding-bottom: 0;opacity: .5;padding-left: 2%;}
}
@media screen and (max-width:580px) {
.subVisual{height:100px;}
.pageTit{font-size: 35px;margin-bottom: 50px;letter-spacing: -2px;}
.pageMenu{text-align: left;margin: 0 0 20px 0;}
.pageMenu li {display: block;text-align: left;}
.pageMenu li a{display: block;padding: 4px 0 4px 15px;}
.pageMenu li a::before{display: block !important;top: 10px;left: 4px;}
.pageMenu li a.on{font-weight: 500;}
.pageMenu li a.on::before{background-color: #ff4f4c;opacity: 1;}
}