@charset "utf-8";
.__arr{position: relative;display: inline-block;width: 15px;height: 14px;vertical-align: top;text-indent: -999em;font-size: 0;}
.__arr::before{display: block;content: '';position: absolute;border-style:solid;border-color:#666;border-width:0 1px 1px 0 ;padding:3px;transform:rotate(-45deg);top: 3px;left: 2px;margin-left: 0;opacity: .8;}
a.__more{font-size: 0.874rem;color: #696867;}
.__required{font-size: 0.874rem;color: #494840;font-weight: 500;}
.__required .itm{color: var(--prime-color);font-size: 1.3rem;vertical-align: middle;display: inline-block;}
.subTit{display: flex;align-items: center;justify-content: space-between;padding-top: 60px;border-bottom: 1px solid #ebebeb;margin-bottom: 40px;}
.subTit h2,.subTit h3{display: block;font-size: 1.88em;padding-bottom: 20px;}
.pageDr{font-weight: 300;position: relative;line-height: 1.1;padding-bottom: 10px;font-size: 0.875em;}
.pageDr a.locH{display: inline-block;vertical-align: top;width: 15px;height: 12px;text-indent: -999em;font-size: 0;}
.pageDr a.locH::before{content: '';display:block;background:  url(../img/icon/home.png) 0 0 no-repeat;top: 0;left: 0;right: 0;bottom: 0;position: absolute;}
/* .pageDr .material-symbols-outlined {font-size: 18px;vertical-align: middle;margin-bottom: 2px;display: none;} */
.pageDr .aro{position: relative;display: inline-block;width: 15px;height: 14px;vertical-align: top;text-indent: -999em;font-size: 0;}
.pageDr .aro::before{display: block;content: '';position: absolute;border-style:solid;border-color:#666;border-width:0 1px 1px 0 ;padding:3px;transform:rotate(-45deg);top: 3px;left: 2px;margin-left: 0;opacity: .8;}
.pageDr b{font-weight: 500;}
.pageContent{position: relative;min-height: 400px;}
.pageContent .wrapper{}
.pageContent::after{display: block;content: '';clear: both;}
/* .pageContent{padding-bottom: 60px;overflow: hidden;min-height: 500px;}
.pageContent.pb0{padding-bottom: 0;} */
/*- - - - - -
채용목록
- - - - - - */
.subTit:has(+ .subNavWrap) {border-bottom: 0;margin: 0;}
.subTit:has(+ .subNavWrap) .pageDr{padding-bottom: 0;bottom: -50px;}
.subTit h2,.subTit h3{display: flex;align-items: center;}
.subTit h3 .total{font-weight: 400;padding-left: 0;font-size: 1rem;}
.subTit h3 .total .hilite{margin-right: 1px;}
@media  (max-width:780px) {
.subTit{padding-top: 35px;display: block;/* margin-bottom: 0; */}
.subTit.my:not(.long){display: flex;}
.subTit.my.long  .__required{padding-top: 10px;}

.subTit:has(+ .subNavWrap) {border-bottom: 1px solid #696867;}
.subTit:has(+ .subNavWrap) .pageDr{padding-bottom:10px;bottom: auto;}
}
@media screen and (max-width:580px) {
.pageDr{font-size: 13px;}
.subTit.my:has(.__required){align-items: flex-start;}
.subTit.my .__required{flex: 0 0 75%;text-align: right;}
.subTit.my.long .__required{flex:auto;text-align: left;}
}
/* body:has(.vWrap) .subTit,
body:has(.vWrap) .subNavWrap {display: none;} */
/*- - - - - -
서브메뉴
- - - - - - */
.subNavWrap{margin-bottom: 30px;position: relative;}
.subNavWrap::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;background-color: #ebebeb;height: 1px;opacity: 1;}
.subNavWrap .wrapper{width: auto;}
.swip_area{overflow: visible;position: relative;width: 100%;}
.swip{position: relative;top: 0;left: 0;width: 100%;margin-top: 0;height: 50px;padding: 0;box-sizing: border-box;z-index: 2;}
.menu_list{list-style-type: none;padding: 0;margin: 0;height: 100%;/* text-align: center; */}
.menu_list li{list-style-type: none;margin: 0;padding: 0;position:relative;box-sizing: border-box;display: inline-block;vertical-align: top;height: 100%;}
.menu_list li a{position:relative;width: 100%;height: 100%;display: flex;/* flex-wrap: wrap; */align-items: center;font-size: 1rem;font-weight: normal;/* font-size: 18px;font-weight: 300; */padding:0 22px;box-sizing:border-box;letter-spacing:-1px;color: #575a5d;}
.menu_list li a em{font-size: 13px;height: 20px;padding: 0 4px;background-color:#b5b5b5;color: #fff;font-style: normal;font-weight: bold;display: flex;align-items: center;margin-left: 4px;border-radius:3px;letter-spacing:0;min-width: 12px;justify-content: center;}
.menu_list li a:hover{ color:#171a1d;}
.menu_list li.on a{ color:var(--prime-color); font-weight: bold;}
.menu_list li.on a em{background-color: #191817;}
.menu_list li a::after{display: block;content: '';position: absolute;bottom: 0;left: 50%;right: 50%;height: 2px;background-color: var(--prime-color);opacity: 0;transition: .25s}
.menu_list li a:hover::after,
.menu_list li.on a::after{left: 22px;right: 22px;height: 2px;opacity: 1;}
.menu_list li:first-child a{padding-left: 0;}
.menu_list li:first-child a:hover::after,
.menu_list li.on:first-child a::after{left: 0;}
.menu_list li + li:before{display: inline-block;content: "";position: absolute;top:50%;left: -1px;width: 1px;height: 17px;background: rgba(0,0,0,0.07);vertical-align: top;transform:translateY(-50%);}
.board_menu,
.menu_list{width: 100%;display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;font-size: 0;/* padding: 0 3%; */}
.board_menu::-webkit-scrollbar,
.menu_list::-webkit-scrollbar{display:none;}

@media screen and (max-width:1024px) {
body:has(.subNavWrap) .subTit{border-bottom: none;margin-bottom: 0;}
.subNavWrap{border-top: 1px solid #ddd;margin-bottom: 20px;}
/* .subNavWrap{margin-bottom: 40px;} */
.menu_list{padding: 0 3%;}
.menu_list li a{padding: 0 10px;/* font-size: 15px; */}
.menu_list li a:hover::after,
.menu_list li.on a::after{left: 10px;right: 10px;}
.menu_list li + li:before{height: 10px;}
.snb h3{display: none;}
}
@media screen and (max-width:780px) {
.subNavWrap{margin-right: -15px;margin-left:-15px ; }
}

/*- - - - - -
SNB
- - - - - - */
@media  (min-width:1025px) {
.containers > .wrapper:has(.snb){padding-left: 260px;max-width: /* 1020px  */calc(1280px - 260px);width:auto;/*1280 - 200- 60*/}
.snb{position: absolute;width: 200px;top: 60px;left: 0;border: 1px solid #e8ebed;border-top: 2px solid #272a2d;bottom: 0;}
.snb h3{display: block;font-size: 18px;border-bottom: 1px solid #eee;margin: 0 18px 7px;padding: 24px 0 14px;line-height: 1.2;color: #171a1d;}
.snb .subNavWrap,
.snb .wrapper,
.snb .swip_area,
.snb .swip{display: inline;height: auto;width: auto;margin: 0;padding: 0;position: static;border: 0;box-sizing: border-box;}
.snb .menu_list,
.snb .menu_list li{display: block;height: auto;}
.snb .menu_list li:first-child a{padding-left: 22px;}
.snb .menu_list li a::after{display: none;}
.snb .menu_list li a{padding-top: 12px;padding-bottom: 12px;line-height: 1.2;color: #272a2d;height: auto;transition: .25s}
.snb .menu_list li.on a,
.snb .menu_list li a:hover{color: var(--prime-color)}
.snb .menu_list li a:hover{text-decoration: underline;}
.snb .subNavWrap::after,
.snb .menu_list li + li:before{display: none;}
.snb .menu_list li a::before{display: block;content: '';position: absolute;border-style:solid;border-color:#171a1d;border-width:0 1px 1px 0 ;padding:3px;transform:rotate(-45deg);top: 50%;right: 20px;margin-top: -3px;opacity: .35;}
.snb .menu_list li a:hover::before,
.snb .menu_list li.on a::before{border-color: var(--prime-color);opacity: 1;}
.snb .menu_list li.on a::before{border-width:0 2px 2px 0}
}
@media  (max-width:1347px) and (min-width:1025px)  {
/* 1280 나누기 0.95 1347 */
.containers > .wrapper:has(.snb){padding-left: 230px;max-width: calc(100% - 294px);}
.snb{position: absolute;width: 180px;}
}
/*- - - - - -
MYPAGE
- - - - - - */
.subTit.my{/* align-items: flex-start; */padding-bottom: 6px;padding-top: 20px;border-bottom: 0;margin-bottom: 0;}
.subTit.my a.__more{padding: 10px  0 10px 10px ;}
.subTit.my h3{font-size: 1rem;padding-bottom: 0;}
.subTit.my h3 .total{font-size: 0.936rem;}
.subTit.my ._4key{font-size: 1.412em;}
.subTit.my._4srch{padding-bottom: 10px;}
.subTit.my._4resumetit{flex-direction: column-reverse;align-items: flex-start;}
.subTit.my._4resumetit .__required{text-align: right;width: 100%;padding-bottom: 5px;}
.subTit.my._4resumetit ._4key{border-top:2px solid #124781;padding: 15px 0 9px;width: calc(100% - 30px);position: relative;padding-left: 30px;}
.subTit.my._4resumetit ._4key::before{display: block;content: '';position: absolute;border-style:solid;border-color:var(--prime-color);border-width:0  0 3px 3px  ;padding:4px;transform:rotate(-45deg);top: 50%;left: 5px;margin-top: -5px;}
.containers > .wrapper:has(.snb) .promoTab a{font-size: 1em;}
@media screen and (max-width:820px) {
.subTit.my._4srch{margin-bottom: 10px;border-bottom: 1px solid #e0e0e0;}
}
/*- - - - - -
TABLE
- - - - - - */
table.classic { border: 0; border-collapse: separate; width: 100%; border-top: solid 1px #000;border-bottom: 1px solid #000;}
table.classic td,
table.classic th { border: 0; border-bottom: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5;color: #000;padding: 20px 1% ; text-align: center; line-height: 1.6; vertical-align: middle;  height: auto ;word-wrap:break-word;word-break: break-all;font-size: 18px;}
table.classic th{background-color: #f9f9f9;}
table.classic thead th { /* background: #f4f4f4; */ border-bottom-color: #000;font-weight: 500;}
table.classic thead th.first { border-left: none; }
table.classic tbody td.first { border-left: none}
table.classic tbody th { border-left: none;font-weight: 500;}
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.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;}
table.classic.center th,
table.classic.center td {text-align: center !important;padding-left: 0 !important;padding-right: 0 !important;}
table.classic .totalBg::before{position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;background-color: #fffcf0 ;opacity: 1;z-index: -1;mix-blend-mode: multiply;}

.m_scroll{margin-bottom: 30px;}
.m_scroll.mb0{margin-bottom: 0;}