@charset "utf-8";
:root{
--prime-color:#007BFF;
--prime-hover-color:#117cee;
--point-color:#f42c2c;
--point-hover-color:#c00;
--green-color:#2b9c0e;
--gold-color:#b28c50;
}
.hilite{color: var(--prime-color);}
b._n{width: 23px;height: 19px;overflow: hidden;display: inline-block;vertical-align: middle;position: relative;font-size: 0;color: transparent;text-indent: -999em;font-weight: normal;margin-right: 2px;}
b._n::before{background:url(../img/icon/newtle.png) center 0 no-repeat;content: 'new';font-family: 'Tahoma';font-size: 9px;text-align: center;line-height: 16px;position: absolute;top: 0;left: 0;right: 0;color: #010905;text-indent: 0;letter-spacing: 0;height: 19px;}
a.thebo{background: none;height:20px;display:block;line-height:1;position:relative;overflow: hidden;width: 20px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;transition:all .35s}
a.thebo span{width: 6px;position: relative;padding: 0;height: 2px;display: block;text-indent: -999em;background-color: #000;border-radius:0 ;font-size: 0;transition:all .35s;margin-left: 5px;}
a.thebo span::before,
a.thebo span::after{display: block;content: '';position: absolute;height: 2px;left: 0;background-color: #000;border-radius:0 ;transition:all .35s}
a.thebo span::before{top: 4px;width: 10px;}
a.thebo span::after{top:-4px;width: 10px;}
a.thebo:hover span,
a.thebo:hover span::before,
a.thebo:hover span::after{background-color: #007BFF;}
/*-----------------------
cBx - list defualt
------------------------*/
.cBx{
--title-font-size: 20px;
--table-font-size: 18px;
--base-font-size: 16px;
--subtitle-font-size: 15px;
--item-font-size: 14px;
}
.no_cBx{border-radius:16px;border:1px solid #e6e8e9;display: flex;justify-content: center;align-items: center;background-color: #f9f9f9;color: #949596;font-size: 20px;height: 300px;}

.cBx{border: 1px solid #e6e8e9;border-radius:14px;background-color: #fff;overflow: hidden;padding-left: 26px;padding-bottom: 19px;padding-top: 35px;padding-right: 16px;box-sizing: border-box;position: relative;transition:all .35s;/* margin-bottom: 20px; */height: 210px;}
.cBxLst .no_cBx{flex: 0 0 100%;}
.cBxLst.tblY .no_cBx{border: none;border-radius:0;border-bottom: 1px solid #e6e8e9;flex: 0 0 100%;}

.cBx:hover{/* cursor: pointer; */box-shadow: 0 6px 24px 0 rgba(0,0,0,0.1);border-color: var(--prime-color);}
.cBx>a.lnk{display:block;position:absolute;left:0;top:0;z-index:4;bottom: 0;right: 0;width:100%;height:100%;text-indent: -999em;font-size: 0;}
.cName{font-size: var(--subtitle-font-size);padding-bottom: 6px;color: #797874;font-weight: bold;}
.cName:has(._n) {padding-bottom: 2px;}
.cTit{font-size: var(--title-font-size);line-height: 1.2;min-height: calc(var(--title-font-size) * 1.2 * 2);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cRow{font-size: var(--item-font-size);padding: 15px 0;display: flex;align-items: center;}
.cRow span{padding: 0 10px;border-left: 1px solid #ccc;line-height: 0.5;}
.cRow span:first-of-type{border-left: none;padding-left: 2px;}
.cUtil{display: flex;position: absolute;bottom: 19px;left: 25px;right: 20px;justify-content: flex-end;justify-content: space-between;}
.ddy{font-size: var(--item-font-size);display: inline-flex;height: 24px;align-items: center;justify-content: center;background-color: #00b5e2;color: #fff;font-weight: bold;padding: 0 6px;border-radius:3px}

button.cScr{font-size: 0;width: 22px;height: 22px;background: url(../img/icon/ma_s_0.png) center no-repeat;border: none;cursor: pointer;opacity: .35;transition:all .35s;position: relative;z-index: 9;}
button.cScr:hover{opacity:1.0;}
button.cScr.on{background-image: url(../img/icon/ma_s_2.png);opacity: 1;}

.cPay{font-size: var(--item-font-size);display: flex;align-items: center;}
/* .cUtil  */.cPay{margin-left: auto;margin-right:0;position: absolute;bottom: 17px;right: 50px;}
.cPay em{font-size: var(--subtitle-font-size);font-style: normal;text-indent: -999em;display: block;margin: 5px;font-size: 0;}
.cPay em::before{display:inline-block;line-height: 16px;text-align: center;content: '';text-indent:0;font-style: normal;font-size: 12px;width: 16px;padding-right: 1px;height: 16px;color: #fff;background-color: #666;/*font-size: 11px; font-family:'돋움','dotum' !important; */letter-spacing: -1px;font-weight: bold;border-radius:2px}
.cPay em.cpy_h::before{content:'시';background-color: #6ba71c;}
.cPay em.cpy_d::before{content:'일';background-color: #d69035;}
.cPay em.cpy_m::before{content:'월';background-color: #7031f1;}
.cPay em.cpy_y::before{content:'연';background-color: #0057ff;}
.cDate{font-size: var(--subtitle-font-size);display: none;}
.cAddr{font-size: var(--item-font-size);padding-top: 7px;display: block;}
.cBxLst{display: flex;gap:20px;flex-wrap: wrap;padding-bottom: 45px;}
.cBxLst.col_3 .cBx{flex: 0 0 calc((100% - 2 * 20px) / 3);width: calc(100% / 3 - (20px/3 * 2));}
.cBxLst.col_3:not(.tblY) .cRow{border-bottom: 1px solid #e0e0e0;}
/*- - - -
인재정보목록
- - - - -*/
/* ._4hr.cBxLst.tblY .cBx{height: auto;padding-bottom: 40px;} */
._4hr .cUtil{bottom: 15px;}
._4hr .cPay{bottom: 10px;}
._4hr .cRow{align-items: flex-start;flex-direction: column;padding-bottom: 12px;}
._4hr .cRow span{line-height: 1.1;padding: 0;border: none;}
._4hr.cBxLst.tblY.tblYHd .cFt{justify-content: flex-end;}
._4hr.cBxLst .cBx{height: 230px;}

@media  (min-width:1201px) {
.cBxLst .cBx{flex: 0 0 calc((100% - 3 * 20px) / 4);width: calc(100% / 4 - (20px/4 * 3));}
}
.cHd,.cFt{display: inline;}
@media  (max-width:1200px) {
.cBx{padding-left: 15px;padding-right: 10px;}
.cBx:hover{box-shadow: 0 3px 15px 0 rgba(0,0,0,0.1)}
.cBxLst{gap:10px;}
.cBxLst .cBx{flex: 0 0 calc((100% - 3 * 10px) / 4);width: calc(100% / 4 - (10px/4 * 3));}
.cBxLst.col_3 .cBx{flex: 0 0 calc((100% - 2 * 10px) / 3);width: calc(100% / 3 - (10px/3 * 2));}
.cUtil{left: 15px;right: 10px;}
.cPay{right: 40px;}
.cRow{display: flex;align-items: center;}
.cRow span{line-height: normal;padding: 0 10px 0 0;border: 0;}
}
@media  (max-width:1024px) {
.cBxLst .cBx{flex: 0 0 calc((100% - 2 * 10px) / 3);width: calc(100% / 3 - (10px/3 * 2));}
}
@media  (max-width:900px) {
.cBxLst.col_3 .cBx,
.cBxLst .cBx{flex: 0 0 calc((100% - 1 * 10px) / 2);width: calc(100% / 2 - (10px/2 * 1));}
.no_cBx{font-size: 16px;height: 180px;}
}
@media  (max-width:720px) {
.cBxLst {flex-direction: column;}

.cBxLst.col_3 .cBx,
.cBxLst .cBx{flex:1;width:auto;height: auto;padding-bottom: 10px;padding-top: 25px;}
.cBxLst .no_cBx,
.cBxLst.tblY .no_cBx{height: 180px;flex: auto;}
.cUtil{position: static;}
.cBxLst:not(.tblY) .cBx .cRow{margin-bottom: 10px;}
.cBxLst:not(.tblY) .cBx .cPay{bottom: 10px;}
._4hr.cBxLst:not(.tblY) .cBx .cPay{bottom: 7px;}
.cTit{display: block;height: auto;min-height: 100%;text-overflow:inherit;white-space:normal}
._4hr.cBxLst:not(.tblY) .cAddr{padding-top: 3px;}
}
/*-------------------
cbx - table type
-------------------*/
.cBxLst.tblY{display: block;}
.cBxLst.tblY>.cBx{width: auto;border:none ;margin-bottom: 0;border-radius:0;height: 109px;display: flex;border-bottom: 1px solid #e5e8ec;align-items: center;padding-left: 60px;padding-top: 0;padding-bottom: 0;padding-right: 20px;}
.cBxLst.tblY>.cBx:hover{box-shadow:none;background:rgba(0,0,0,0.02)}

.tblY .cPay{display: flex;width: 150px;flex: 0 0 150px;font-weight: 600;font-size: var(--base-font-size);text-align: center;flex-direction: column;position: static;}
.tblY .cPay em{text-indent: 0;font-size: var(--subtitle-font-size);display: block;}
.tblY .cPay em.cpy_h{color: #6ba71c;}
.tblY .cPay em.cpy_d{color: #d69035;}
.tblY .cPay em.cpy_m{color: #7031f1;}
.tblY .cPay em.cpy_y{color: #0057ff;}

.tblY .cPay em::before{display: none;font-size: 0;}
.tblY .cDate{display: block;}
.tblY .cRow{font-size: var(--base-font-size);justify-content: space-between;width: calc(100% - (420px + 150px + 30px));}

.tblY .cRow span,
.tblY .cRow span:first-of-type{border: none;padding: 0;line-height: normal;flex: 0 0 33.33%;text-align: center;}

.tblY .cUtil{position: static;align-items: center;flex-direction: row-reverse;margin-left: auto;}
.myp .tblY .cBx .cNo{position: absolute;left: 20px;/* top: 50%;margin-top: -11px;color: #005ead; */}
.tblY .cBx button.cScr{position: absolute;left: 20px;top: 50%;margin-top: -11px;}

.tblY .cFt{display: flex;justify-content:flex-end;width: 150px;align-items: center;}
.tblY .ddy{background-color: #007bff;margin-left: 10px;}
.tblY .ddy.off{background-color: #8a96a0;border-color: #8a96a0;}
.tblY .cHd {padding-left: 10px;padding-right: 10px;flex-direction: column;flex: 0 0 400px;width: 400px;}
.tblY .cTit{font-size:var(--table-font-size);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;min-width: 0;height: auto;min-height: 100%;}
.tblY .cAddr{font-size: var(--subtitle-font-size);padding-top: 0;}
/* ._4hr.tblY .cHd{width: 300px;flex: 0 0 300px;}
._4hr.tblY .cRow{width:calc(100% - (520px + 250px + 30px));background-color: #ffd;}
._4hr.tblY .cFt{width: 250px;justify-content: space-between;background-color: #f9d;} */

.myp .cBxLst.tblY>.cBx{padding-right: 0;}
.myp .tblY .cName{color: #005ead;}
.myp .tblY .cRow{justify-content: center;}

.myp .tblY .cFt{justify-content: space-between;width: 135px;}
/* 열람 */
.myp .tblY .cFt .cDate>b{color: #fff;font-weight: normal;font-size: 0.875em;background-color:#03a502;width: 50px;padding: 2px 0 ;display: inline-block;text-align: center;}
/* 미열람 */
.myp .tblY .cFt .cDate>b._yet{background-color:#f90427;}
.myp .tblY .cDate{width: 80px;text-align: center;}
.myp .tblY .cNow{width: 52px;text-align: center;font-size: 13px;color:#808386;letter-spacing: 0;}
.myp .tblY .cNow b._0{color:var(--prime-color);letter-spacing: -1px;}
.myp .tblY .cNow b._1{color:var(--point-color);letter-spacing: -1px;}
.myp .tblY .cNow b._2{color:var(--point-hover-color);letter-spacing: -1px;}
.myp .tblY .cNow b._3{color:var(--green-color);letter-spacing: -1px;}
.myp .tblY .cNow b._4{color:var(--gold-color);letter-spacing: -1px;}

/* 마이페이지 버튼영역 */
.myp:has(.exwrap) .cBxLst.tblY>.cBx{padding-right: 110px;}
.exwrap{display: flex; gap:2px;position: relative;z-index: 10;position: absolute;top:50%;margin-top: -12px;right: 0;}
.j_ex a{display:inline-flex;width:30px;border:1px solid #005ead;color: #fff;line-height: 24px;padding:0;height:24px;border-radius:3px;background:#005ead;align-items: center;font-size: 13px;justify-content: center;transition:.25s}
.j_ex:last-of-type a{background-color: #666;border-color: #666;}
.j_ex a:hover{border-color:var(--prime-color);background:var(--prime-color);}
.myp:has(.exwrap2) .cBxLst.tblY>.cBx{padding-right: 10px;}
.exwrap2{z-index: 10;position: absolute;top:50%;margin-top: -12px;right: 0;padding-right: 16px;}

/* 마이페이지 스크랩삭제버튼 */
.myp:has(.j_x_del) .cBxLst.tblY>.cBx{padding-right:25px;padding-left: 25px;}
.myp:has(.j_x_del) .tblY .cBx button.cScr{left: 0;}
.j_x_del{position: absolute;right: 0;top: 50%;margin-top: -12px;z-index: 10;transition: all .25s ease-out;height:24px;display:block;text-indent:-999em;font-size:0;width:24px;cursor: pointer;}
.j_x_del::before,
.j_x_del::after{transition: all .25s ease-out;content:"";display:block;position:absolute;top:50%;right: 0;;margin-top: -2px;width:14px;height:2px;background:var(--prime-hover-color);}
.j_x_del::before{transform: rotate(135deg)}
.j_x_del::after{transform: rotate(225deg)}
.j_x_del:hover{}
.j_x_del:hover::before,
.j_x_del:hover::after{background-color:var(--prime-color);}
/* 마이페이지 매칭조건 버튼 */
.j_mch{position: relative;z-index: 10;/* position: absolute;top:0;right: 0;bottom: 0 */;border-left: 0 solid #e5e8ec;width: 160px;flex: 0 0 160px;/* font-size: 0.875em; */background-color: #f5f9ff;padding: 10px;box-shadow: inset 5px 0 5px -5px rgba(0,0,0,0.21);font-size: 0.9125em;}
.j_mch a{display:flex;padding:4px 0;align-items: center;}
a.mchgo{position: relative;align-items: flex-start;line-height: 1.2;}
a.mchgo::before{content: '';display: block;flex: 0 0 16px;width:16px;height:16px;border-radius:16px;margin-right: 3px;border: 1px solid #ccc;background-color: #fff;transition:.25s}
a.mchgo::after{content: '';display: block;position: absolute;top: 5px;left: 1px;width:16px;height:16px;background: url(../img/icon/_zm.png) center no-repeat;background-size:10px ;border-radius:16px;opacity: .5;transition:.25s}
a.mchgo:hover,
a.mchgo.on{color:var(--prime-color)}
a.mchgo:hover::before{border-color:var(--prime-color);background-color: #fff;}
a.mchgo:hover::after{filter: brightness(0) saturate(100%) invert(35%) sepia(32%) saturate(6314%) hue-rotate(199deg) brightness(100%) contrast(104%);opacity: 1;}
a.mchgo.on::before{background-color: var(--prime-hover-color);border-color:var(--prime-color);}
a.mchgo.on::after {filter: brightness(150%) invert(200%) ;opacity: 1;}
.tblY.tblYHd .j_mch{height: 26px;display: flex;align-items: center;justify-content: center;font-weight: bold;background-color: #2478d3;color: #fff;}

.tblY._4mycRow .cRow{flex-direction: column;justify-content: center;}
.tblY._4mycRow .cRow span{flex: auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;min-width: 0;width: 95%;}

@media  (min-width:1025px) {
.myp .tblY .cHd.half{flex: 0 0 200px;width: 200px;}
.myp:has(.j_mch) .tblY:not(.tblYHd) .cFt{justify-content: center;}
.myp:has(.j_mch) .tblY .cHd {flex: 0 0 280px;width: 280px;}
.myp:has(.j_mch) .cBxLst.tblY>.cBx{padding-right:0;padding-left: 30px;height: auto;}
.myp:has(.j_mch) .tblY .cBx .cNo{left: 10px;}
.myp:has(.j_mch) .tblY .cFt{width: 55px;}
.myp:has(.j_mch) .tblY .cRow span,
.myp:has(.j_mch) .tblY .cRow span:first-of-type{flex: 0 0 50%;}
.myp .tblY .cFt._4yeolam{width: 220px;}

._4hr.tblY .cHd{width: 300px;flex: 0 0 300px;}
._4hr.tblY .cRow{width:calc(100% - (520px + 300px + 30px));margin-left: auto;}
._4hr.tblY .cFt{width: 300px;justify-content: space-between;margin-left: 0;}
._4hr.tblY .cFt .cDate{width: 75px;text-align: center;}
._4hr.tblY .cFt .cAddr{width: calc(100% - 75px);text-align: center;}
._4hr.tblY.tblYHd{}
._4hr.cBxLst.tblY>.cBx{padding-right: 0;}
.myp .tblY .cFt.center{justify-content: center;}
.myp .tblY._4mycTit .cHd{width:33%;flex: 0 0 33%;}
/* .tblY._4mycRow .cRow{flex-direction: column;justify-content: center;}
.tblY._4mycRow .cRow span{flex: auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;min-width: 0;width: 95%;border: 1px solid #000;}
 */}
@media  (min-width:1201px) {
.myp .tblY:not(._4mycTit) .cRow{width: calc(100% - 590px)}
}
@media  (max-width:1200px) {
.tblY .cHd {padding-left: 0;padding-right: 0;flex: 0 0 320px;width: 320px;}
.tblY .cRow{font-size: var(--subtitle-font-size)}
.myp .tblY .cRow{margin: 0 auto;}
.tblY:not(._4mycTit) .cRow{width: calc(100% - 280px)}
/* .myp .tblY:not(._4mycTit) .cRow{width: auto} */
.exwrap2{padding-right: 10px;}
}

@media  (max-width:1200px) and (min-width:1025px) {
.myp .tblY .cHd {flex: 0 0 42%;width:42%;}
.myp:has(.j_mch) .tblY .cHd {flex: 0 0 200px;width: 200px;}
.myp:has(.j_mch) .tblY .cRow{flex: 0 0 170px;width:170px}
.myp:has(.exwrap) .tblY._4mycRow .cRow{width:35%;flex: 0 0 35%;}
.myp .tblY .cFt.center{width: auto;}
._4hr.tblY .cPay,
._4hr.tblY .cRow{margin-left: 0;}
._4hr.tblY .cRow{width:calc(100% - 650px);}
._4hr.tblY .cRow span{font-size: 14px;}
._4hr.tblY .cFt{width: 250px;}
}
@media  (max-width:1160px) and (min-width:1025px) {
.myp:has(._4yeolam) .tblY .cRow{width: 0;overflow: hidden;text-indent: -999em;}
}
@media  (max-width:1024px) {
.cBxLst.tblY>.cBx{align-items: center;padding: 25px 25px 10px  15px;flex-direction: column;align-items: flex-start;height: auto;display: block;}
/* .cTit, */
.tblY .cTit{display: block;height: auto;min-height: 100%;text-overflow:inherit;white-space:normal}
.tblY .cHd {flex: 0 0 auto;width: auto;display: block;}
.tblY .cName{padding-left: 22px;font-size: var(--item-font-size);}

.tblY .cTit{font-size: var(--base-font-size);}
.tblY .cDate{display: none;}

.tblY .cUtil{display: inline;}
.myp .tblY .cBx .cNo,
.tblY .cBx button.cScr{position: absolute;left: 15px;top: 23px;margin-top: 0;}
.tblY .cBx button.cScr{width: 16px;height: 16px;background-size:cover ;}
.tblY .cPay {flex: 0 0 auto;width: auto;vertical-align: middle;margin-left: 0;flex-direction: row;display: inline-flex;font-size: 13px}
.tblY .cRow{display: inline-flex;width: auto;vertical-align: middle;}


.tblY .cRow span, .tblY .cRow span:first-of-type{flex: 0 0 auto;padding-right: 6px;font-size: 13px}
.myp:has(.j_mch) .tblY .cRow{padding-left: 5px;}
.tblY .cRow span br{display: none;}
.tblY .cFt{display: block;width: auto;position: absolute;top: 15px;right: 10px;}
._4hr.tblY .cFt{top:auto;bottom: 13px;font-size: 14px;right: 10px;}
.tblY .ddy{margin-left: auto;}
.tblY .cPay em::before{display: inline-block;font-size: 12px;}
.tblY .cPay em{font-style: normal;text-indent: -999em;display: block;margin: 0 ;font-size: 0;margin-left: 0;margin-right: 4px;vertical-align: middle;}
.myp {border-top: 1px solid #000;}
.myp .cBxLst.tblY>.cBx{padding-right: 90px;}
.myp .tblY .cBx .cNo{top: 24px;left: /* 16px */0;font-size: 14px;}
.myp .tblY .cHd{padding-right: 0;}
.myp .tblY .cName{padding-left: 0;}
.myp .tblY .cRow{font-size: 14px;line-height: 1.2;padding: 10px 0;padding-right: 0;justify-content: flex-start;width: auto;}
.myp .tblY .cDate{/* display: flex; */display: block;text-align: right;}
.myp .tblY .cFt{display: flex;flex-direction: column-reverse;align-items: flex-end;gap:5px;top:26px;width: 80px;background:transparent;}
.myp:has(.exwrap2) .tblY .cFt{padding-top: 20px;}
.myp:has(.cFt .cDate) .cBxLst.tblY>.cBx{padding-right: 100px;}
.myp .tblY .cNow{text-align: right;}
.myp .tblY .cBx .cHd.half.last{margin-top: 10px;}
.myp .tblY .cFt._4yeolam{width:auto;text-align: right;flex-direction: column;padding-top: 0 !important;}
.myp .tblY .cFt._4yeolam>.cDate{justify-content: flex-end;width: auto !important;}
.myp .tblY .cFt._4yeolam>.cNow{display: none;}
.exwrap{right: 8px;margin-top: 0;top: auto;bottom:18px;}
.exwrap2{padding-right: 0;right: 8px;margin-top: 0;top: auto;bottom:18px;}

.myp:has(.j_x_del) .cBxLst.tblY>.cBx{padding-left: 30px;}
.myp:has(.j_x_del) .tblY .cBx button.cScr{left:7px;}
.j_x_del{top: auto;bottom: 10px;margin-top: 0;right: 10px;}
.j_mch{position: relative;z-index: 10;top:auto;right: auto;bottom: auto;box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.21);width: auto;left: -15px;margin-right:-105px;}
.myp:has(.j_mch) .tblY .cBx{padding-bottom: 0;}
._4hr.tblY .cPay{padding: 10px 0;}
._4hr.tblY .cRow{display: block;padding:0 ;}
._4hr.tblY .cRow span,
._4hr.tblY .cRow span:first-of-type{display: block;text-align: left;line-height:1.4;padding: 0;}
.tblY._4mycRow._4mycTit  .cPay{display: block;text-align: left;margin-top: 5px;}
.tblY._4mycRow .cRow{display: flex;margin: 0;align-items: flex-start;}
.tblY._4mycRow .cRow span{text-align: left;}
}
@media  (max-width:780px) {
.myp,
body:not(:has(.myp)) .cBxLst.tblY{margin-right: -2.66%;margin-left: -2.66%;}
.myp .cBxLst.tblY>.cBx{padding-left: 25px;}
.myp .tblY .cBx .cNo{left: 10px;}
.myp:has(.exwrap2) .cBxLst.tblY>.cBx{padding-right: 100px;}
.myp:has(.cFt .cDate) .cBxLst.tblY>.cBx{padding-right: 100px;}

.j_mch{left: auto;margin-left: -25px;padding-left: 25px;margin-right: -90px;}
.exwrap{right: auto;margin-top: 0;top: auto;bottom:auto;position: static;justify-content: flex-end;margin-right: -90px;}
.promoTabArea .swiper-slide{width: 274px !important;margin-right: 15px !important;}
}

/*-----------------------
maBanWrap
------------------------*/
.maBanWrap{display: flex;flex-wrap: wrap;gap:16px;}
.maBanWrap>a{flex: 0 0 calc((100% - 3 * 16px) / 4);width: calc(100% / 4 - (16px/4 * 3));}
a.maBan{background-color: #f4f5f9;display: flex;height: 100px;justify-content: center;flex-direction: column;line-height: 1.2;box-sizing: border-box;padding-left:2.2%;padding-right:calc(2.2% + 55px);border-radius:14px;overflow: hidden;box-shadow: 0 0 0 0 rgba(0,0,0,0.20);transition: .35s ease-out}
.maBan b{font-size: 20px;margin-bottom: 5px;}
.maBan span{font-size: 15px;font-weight: 300;}
a.maBan:hover{box-shadow: 0 5px 15px 2px rgba(0,0,0,0.12);}

.maBanWrap *[class*="i_"]{position: relative;}
.maBanWrap *[class*="i_"]::after{display: block;content: '';position: absolute;top: 0;bottom: 0;right: 20px;width: 58px;background-repeat: no-repeat;background-position: 100% center ;}
.i_folder::after{background-image: url(../img/icon/ma_i_1.png);}
.i_chkman::after{background-image: url(../img/icon/ma_i_2.png);width: 56px;}
.i_idcard::after{background-image: url(../img/icon/ma_i_3.png);}
.i_docpen::after{background-image: url(../img/icon/ma_i_4.png);right: 10px;width: 65px;}

.aroNav{position: absolute;top: -32px;right: 28px;height: 22px;width: 51px;z-index: 9999;}
.aroNav button{font-size: 0;text-indent: -9999em;border: 1px solid #e0e0e0;background-color: #fff;border-radius:3px;width: 22px;height: 22px;top: 0;margin-top: 0;transition: .35s ease-out}
.aroNav button::after{font-size: 10px;color: #000;font-weight: bold;transition: .35s ease-out}
.aroNav .swiper-button-prev, .aroNav .aro_prv{left: 0;}
.aroNav .swiper-button-next, .aroNav .aro_nxt{right: 0;}
.aroNav a.thebo{position: absolute;right: -28px;width: 20px;height: 20px;border: 1px solid #e0e0e0;border-radius:3px;background-color: #fff}
.aroNav a.thebo:hover,
.aroNav button:hover{border-color:var(--prime-color);}
.aroNav button:hover::after{color:var(--prime-color);}
/*-------------
PROMOAREA
----------------*/
.promoArea{padding-right: 259px;position: relative;height: 370px;/* background-color: #ccc; overflow: hidden;*/margin-top: 40px;margin-bottom: 60px;}
.promoArea .maBanWrap{margin-bottom: 19px;gap:15px}
.promoArea .maBanWrap>a{flex: 0 0 calc((100% - 3 * 15px) / 4);width: calc(100% / 4 - (15px/4 * 3));}
.promoArea .maBanWrap .maBan b{margin-bottom: 0;}
.promoArea .maBanWrap .maBan span{font-size: 14px;}
.promoArea .maBan.i_folder{background-color: #d8eef4;}
.promoArea .maBan.i_chkman{background-color: #f9edbd;}
.promoArea .maBan.i_idcard{background-color: #c5e8dc;}
.promoArea .maBan.i_docpen{background-color: #d7d6ea;}
.promoArea .maBanWrap *[class*="i_"]::after{background-size:100% auto;right: 10px;}
.promoArea .maBanWrap .i_folder::after{width: 51px;}
.promoArea .maBanWrap .i_chkman::after{width: 56px;}
.promoArea .maBanWrap .i_idcard::after{width: 53px;}
.promoArea .maBanWrap .i_docpen::after{right: 10px;width: 54px;}
.promoTab {display: flex;align-items: center;gap:20px;height: 31px;margin-bottom: 10px;}
.promoTab a{font-size: 1.13em;display: flex;align-items: center;font-weight: 300;}
.promoTab a em{font-size: 14px;height: 20px;padding: 0 7px;background-color:#b5b5b5;color: #fff;font-style: normal;font-weight: bold;display: flex;align-items: center;margin-left: 4px;border-radius:4px;}
.promoTab a.active{color: #000;font-weight: 800;}
.promoTab a.active em{background-color: #ec5252;}
.promoTabDiv{height: 210px;height: 0; overflow: hidden; visibility: hidden;position: relative;}
.promoTabDiv.active{height: 210px;visibility: visible;overflow: visible;}
.promoTabDiv .swiper{padding-bottom: 30px;}
.promoArea .cPay{display: none;}
.promoTabDiv .cName{color: #005ead;}
.promoTabDiv .cRow{padding: 7px 0;font-size: 14px;}
.promoTabDiv .cRow span{line-height: normal;padding: 0 7px 0 0;border: 0;}
.promoTabDiv .ddy{background-color: #007bff;}
.promoBan{position: absolute;right: 0;width: 244px;top: 0;height: auto;bottom: 0;display: flex;flex-direction: column;justify-content: space-between;}
.promo_A{/* position: absolute;right: 0;width: 244px;top: 0; */background-color: #eceae6;height: 288px;border-radius:14px;overflow: hidden;transition: .35s ease-out;}
.promo_B{/* position: absolute;right: 0;width: 244px;bottom: 0; */background-color: #ec5252;height: 68px;border-radius:14px;overflow: hidden;transition: .35s ease-out;}
.promo_B a.monthly{display: flex;height: 100%;position: relative;flex-direction: column;justify-content: center;padding-left: 20px;box-sizing: border-box;line-height: 1.2;background-color: #ec5252;font-size: 18px;color: #fff;background-repeat: no-repeat;transition: .35s ease-out;background-position: calc(100% - 21px)  -11px;background-image: url(../img/ma/monthly_2510.png)}
.promo_B a.monthly:hover{background-color: #c00;}
.promo_B:hover{box-shadow: 0 5px 20px 0 rgba(0,0,0,0.21);}
.promo_A a{position: relative;font-size: 0;width: 100%;height: 100%;}
.promo_A .swiper-slide img{display: block;margin:0;width: 244px;height: 290px;}
.promo_A a .d-day{position: absolute;top: 131px;left: 28px;z-index: 1;color: #fff;font-size: 16px;font-weight: 500;padding: 0 8px;height: 26px;display: inline-flex;align-items: center;background-color: #ec5252;}
.promo_A .aroNav{position: absolute;top:auto;right: auto;bottom: 10px;left: 10px;padding-left: 22px;padding-right: 22px;display: flex;align-items: center;width: auto;justify-content: center;}
.promo_A .aroNav button{border: none;background: none;}
.promo_A .aroNav button:hover::after{color:var(--point-hover-color);}
.promo_A .swiper-pagination-fraction{font-size: 14px;font-weight: 300;min-width: 30px;letter-spacing: 1px;display: flex;align-items: center;justify-content: center;}
.promo_A .swiper-pagination-fraction .swiper-pagination-current{font-size: 16px;font-weight: 800;}
.promo_A .promoTxt{padding-left: 26px;padding-top: 30px;height: 100%;box-sizing: border-box;display: flex;flex-direction: column;background-repeat: no-repeat;background-position: 100% 100%;align-items: flex-start;padding-right: 20px;}
.promoTxt .lv{font-size: 15px;font-weight: bold;color: #000;margin-bottom: 5px;letter-spacing:-.1px;}
.promoTxt .cName{font-size: 30px;color: #000;line-height: 1.1;margin-bottom: 7px;}
.promoTxt .cTit{font-size: 18px;color: #000;letter-spacing:-.4px;padding-left: 2px;margin-bottom: 10px;line-height: 1.2;min-height: calc(var(--title-font-size) * 1.2 * 2);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.promo_A a .promoTxt .d-day{position: static;top: auto;left: auto;}
/* 1or0 */
.promo_A .swiper:not(:has(.swiper-slide)) .aroNav{display: none;}
.promo_A .swiper:not(:has(.swiper-slide:nth-of-type(2))) .aroNav{display: none;}
@media  (max-width:1024px) {
.promoArea .maBanWrap{gap:7px}
.promoArea .maBanWrap>a{flex: 0 0 calc((100% - 3 * 7px) / 4);width: calc(100% / 4 - (7px/4 * 3));}
/* .promoArea a.maBan{justify-content: center;align-items: center;flex-direction: column;padding-left:0;padding-right:0;padding-top: 40px;}
.promoArea .maBanWrap .maBan b{font-size: 17px;}
.promoArea .maBanWrap .maBan span{font-size: 11px;}
.promoArea .maBanWrap *[class*="i_"]::after{top: 10px;bottom: auto;right: 50%;width: 58px;margin-right: -29px;background-position: center 0  ;height: 38px;background-size: auto 100%;border: 0 solid #000;} */
}
@media  (max-width:780px) {
.aroNav{top:auto;bottom: 0;}
.promoTabDiv.active{padding-bottom: 30px;}
/* .promoArea{margin-top: 20px;} */
}
@media  (min-width:661px) and (max-width:1024px),(max-width:520px) {
.promoArea a.maBan{justify-content: center;align-items: center;flex-direction: column;padding-left:0;padding-right:0;padding-top: 40px;}
.promoArea .maBanWrap .maBan b{font-size: 17px;}
.promoArea .maBanWrap .maBan span{font-size: 11px;}
.promoArea .maBanWrap *[class*="i_"]::after{top: 10px;bottom: auto;right: 50%;width: 58px;margin-right: -29px;background-position: center 0  ;height: 38px;background-size: auto 100%;border: 0 solid #000;}
}
@media  (max-width:780px) and (min-width:661px) {
.promoArea .maBanWrap .maBan span{display: none;}
}
@media  (max-width:660px) {
.promoArea{padding-right: 0;height: auto;}
.promoArea .maBanWrap{flex-direction: column;justify-content: space-between;max-width: 330px;float: left;width: calc(100% - 250px)}
.promoArea .promoBan{float: right;position: relative;justify-content: flex-start;}
.promo_A{margin-bottom: 5px;}
.promoTabArea{clear: both;}
.promoArea .maBanWrap>a{flex: none;width: auto}
.promoArea a.maBan{padding-left: 15px;height: 85px;}
}
@media  (max-width:520px) {
.promoArea .maBanWrap,
.promoArea .promoBan{float: none;margin: 0 auto 30px;}
.promoArea .maBanWrap{width: auto;flex-direction: row;max-width: 100%;}
.promoArea .maBanWrap>a{flex: 0 0 calc((100% - 1 * 7px) / 2);width: calc(100% / 2 - (7px / 2 * 1));padding-left: 0;}
}
@media  (max-width:450px) {
.promoArea .promoBan{width: auto;}
}
@media  (max-width:400px) {
.promoTab{gap:5px;}
.promoTab a{font-size:0.9em;}
.promoTab a em{font-size: 13px;padding: 0 5px;margin-left: 3px;}
}
/*-----------------------
maTle
------------------------*/
.maTle {display: flex;align-items: center;position: relative;}
.maTle h3{font-size: 18px;margin-bottom: 13px;}
/*-----------------------
maBg
------------------------*/
.maBg{background-color: #f7f7f7;padding-top: 60px;margin-bottom: 60px;}
.maBg .maTle {margin-bottom: 20px;}
/*-----------------------
gBsLst
------------------------*/
.maComWrap,.gBxLst{display: flex;flex-wrap: wrap;gap:16px;padding-bottom:30px;}
.maComWrap>div,
.gBxLst>div{flex: 0 0 calc((100% - 3 * 16px) / 4);width: calc(100% / 4 - (16px/4 * 3));}
.gBx{height: 330px;position: relative;border-radius:16px;overflow: hidden;}
.gBx>a.gLink{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;display: block;text-indent: -999em;}
.gBx .gImg{height: 150px;border-radius:16px 16px 0 0  ;overflow: hidden;font-size: 0;position: relative;}
/* .gBx .gImg img{position: relative;z-index: 2;width:fit-content;} */
.gBx .gImg::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid #e8e8e8;background-color: #f4f5f6;z-index: 0;border-radius:16px 16px 0 0  ;	}
.gBx .gImg::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;	background: url(../img/common/logo.png) no-repeat center;background-size: 42px auto; filter: grayscale(100%) opacity(25%);}
.gBx .gImg img{position: absolute;max-width: initial !important;top: 50%; left: 50%; transform: translate(-50%, -50%);height: auto;width: 100%;/* z-index: 3;  position: absolute;max-width: initial !important;width: auto !important; top: 50%; left: 50%; transform: translate(-50%, -50%);height: 100%; *//* display: block;position: relative;z-index: 1;width: 100%;height:100%;object-fit: cover;object-position: center; */}
.gBx .gImg:not(:empty)::before{background:none;z-index: 4;}
.gBx .gImg:not(:empty)::after{display: none;}

.gBx .gTxt{height: 180px;border-radius:0 0 16px 16px ;overflow: hidden;border: 1px solid #e8e8e8;border-top: none;background-color: #fff;font-size: 14px;box-sizing: border-box;padding: 22px 26px 20px;position: relative;}
.gBx .gBtm{position: absolute;bottom: 20px;left: 26px;right: 26px;display: flex;justify-content: space-between;}
.gNm{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.gBx button.cScr{z-index: 5;position: relative;}
.gWrap{display: flex;flex-wrap: wrap;row-gap:5px;font-size: 14px;line-height: 1.2;}
.gWrap dt{/* width: 60px; */font-weight: 500;flex: 0 0 60px;}
.gWrap dd{flex: 0 0 calc(100% - 60px)}
.gUrl{font-size: 14px;font-weight: 800;width: 44px;height: 24px;display: flex;justify-content: center;align-items: center;color: #fff;background-color: #ddd;border-radius:3px;overflow: hidden;letter-spacing: 0;z-index: 4;position: relative;}
.gUrl a{height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;background-color: #3ca9ca;transition: .35s ease-out}
.gUrl a:hover {background-color: #39f;padding-left: 5px;margin-right: -5px;}
.maTle .aroNav{top: 0;}
.gBxLst>.no_gBx{border-radius:16px;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center;background-color: #f4f5f6;color: #949596;font-size: 20px;flex: 0 0 100%;width: 100%;min-height: 250px;height: 100%;}
#gBxSlider .swiper-slide{flex: 0 0 308px !important;width: 308px !important;}
/* 1or0 */
body:has(#gBxSlider:not(:has(.swiper-slide))) .aroNav._gBxSlider{display: none;}
body:has(#gBxSlider:not(:has(.swiper-slide:nth-of-type(5)))) .aroNav._gBxSlider{display: none;}

@media  (max-width:1200px) {
.gBxLst{gap:10px;}
.gBxLst .gBx{flex: 0 0 calc((100% - 3 * 10px) / 4);width: calc(100% / 4 - (10px/4 * 3));}
}
@media  (max-width:1024px) and (min-width:940px) {
.gBxLst{gap:22px;}
.gBxLst .gBx{flex: 0 0 calc((100% - 2 * 22px) / 3);width: calc(100% / 3 - (22px/3 * 2));}
}
@media  (max-width:940px) {
.gBxLst .gBx{flex: 0 0 calc((100% - 2 * 10px) / 3);width: calc(100% / 3 - (10px/3 * 2));}
}
@media  (max-width:820px) {
.gBxLst {justify-content: center;}
.gBxLst .gBx{flex: 0 0 308px;width: 308px}
}
@media  (max-width:660px) and (min-width:511px) {
.gBxLst {justify-content: center;gap:5px;}
.gBxLst .gBx{flex: 0 0 calc((100% - 1 * 5px) / 2);width: calc(100% / 2 - (5px/2 * 1));}
}
@media  (max-width:320px) {
.gBxLst .gBx{flex: 0 0 288px;width: 288px}
}
/*-----------------------
MANEWSWRAP
------------------------*/
.maNewsWrap{display: flex;margin-top: 25px;justify-content: space-between;}
.maNewsWrap>div{position: relative;}
.maNewsWrap .maNews{flex: 0 0 calc(440/1280 * 100%);width: calc(440/1280 * 100%);}
.maNewsWrap .maNews:first-of-type{margin-right: 44px;}
.maNewsWrap .csWrap{margin-left: 48px;flex: 0 0 295px;width: 295px;}
.maNewsWrap h4{font-size: 22px;font-weight: bold;padding-bottom:20px;}
.maNews .tle{display: flex;justify-content: space-between;position: relative;/* align-items: center; */}
.maNews ul,
.maNews li{margin: 0;padding: 0;list-style-type: none;}
.maNews li:not(:last-of-type){border-bottom: 1px solid #e8e5e8;}
.maNews li a{display: flex;align-items: center;line-height: 1.3;height: 43px;padding: 0 10px;letter-spacing: -.5px; }
.maNews li a .tit{display: block;font-size: 16px;color: #101610;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 80px);transition:all .35s}
.maNews li a .date{margin-left: auto;font-size: 14px;font-weight: 300;color: #9a9c9d;text-align: right;display: block;width: 70px;font-family: 'Arial';transition:all .35s}
.maNews a:hover,
.maNews li a:hover .tit,
.maNews li a:hover .date{color: #007BFF;}
.maNews li:has(a):hover,
.maNews h4 a:hover{border-bottom: 1px solid #007BFF;}
.maNews:has(.nothing) ul{display: inline;}
.maNews .nothing{background-color: #f1f4f9;text-align: center;height: calc(100% - 42px);display: flex;justify-content: center;align-items: center;}
/*-------------
CSTIME
----------------*/
.csTime {padding-bottom: 10px;padding-top: 4px;}
.csTel{font-size: 43px;margin-bottom: 10px;}
.csTime p{line-height: 1.5;}
.csTime p strong{display: inline-block;width: 63px;vertical-align: middle;}
.csWrap .foot_tel{display: flex;flex-direction: column;justify-content: space-between;gap:8px;padding: 0;margin: 0;}
.csWrap .foot_tel p{height: 44px;border: 1px solid #e8e7e8;border-radius:6px ;font-size: 16px;padding: 0 12px  0 18px;display: flex;align-items: center;}
.csWrap .foot_tel p em,
.csWrap .foot_tel p b{display: block;}
.csWrap .foot_tel p b{font-weight: 700;}
.csWrap .foot_tel p em{width: 70px;font-weight: 300;height: auto;top: auto;}
@media  (max-width:1340px) {
.maNewsWrap .maNews:first-of-type{margin-right: 20px;}
.maNewsWrap .csWrap{margin-left: 20px;width: auto;flex: auto;}
.csTel{font-size: 35px}
}
@media  (max-width:1024px) {
.maNewsWrap {gap:10px;justify-content: space-between;}
.maNewsWrap .csWrap{margin-left: 0;flex: 0 0 250px;width: 250px;}
.maNewsWrap .maNews{margin-right: 0 !important;width: calc((100% - 270px)/2);flex:0 0 calc((100% - 270px)/2);}
.csTel{font-size: 30px}
.csTime p{font-size: 15px;}
.csTime p strong{width: auto;font-size:0.8em;}
.csWrap .foot_tel p{padding: 0 5px 0 8px;}
.csWrap .foot_tel p em{width:54px;font-size: 13px;padding-right: 5px;}
}
@media  (max-width:880px) {
.maNewsWrap{flex-wrap: wrap;}
.maNewsWrap h4{padding-bottom: 0;}
.maNewsWrap .csWrap h4,
.maNewsWrap .tle{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ddd;}

.maNewsWrap .csWrap{margin-left:0;width: 100%;flex:100%;margin-top: 20px;}
.maNewsWrap .maNews{width: calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
}
@media  (max-width:640px) {
.maNewsWrap {flex-direction: column;justify-content: flex-start;gap:0}
.maNewsWrap .maNews{width: 100%;flex: 0 0 100%;margin-bottom: 40px;}
}
@media  (max-width:510px) {
.combo_wrap{margin-bottom: 20px;}

}