@charset "utf-8";
/*>>>>>>>>>> 공통 <<<<<<<<<<*/
.hide { position: absolute !important; overflow: hidden !important; white-space: nowrap !important; margin: -1px !important; padding: 0 !important; border: 0 !important; width: 1px !important; height: 1px !important; clip: rect(0, 0, 0, 0) !important; } 
@media (min-width: 768px){ 
    .mBlock { display: none; }
}
@media(min-width: 1161px) {
    .tBlock {display:none;}
}
@media (max-width: 1160px){
    .tNone { display: none; }
}
@media(max-width:1240px){
	.none1240 {display:none;}
}
@media (max-width: 767px){
    .pBlock { display: none; }
}
.swiper-notification {display:none;}

/* 공통 */
.borderB { margin-bottom: 0; padding-bottom: 16px; border-bottom: 1px solid #ccc; } 
.border { border: 1px solid #ccc; }
.borderL {border-left:1px solid #ccc}

/* 타이틀 */
.titArea { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; width: 100%; } 
.titArea.txtC { justify-content: center; margin-top: 47px; } 
.titArea.txtC + .subCont > .cont { padding-top: 0; }
.titArea > .left,
.titArea > .right { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
@media(max-width:767px){
    .mTxtL {justify-content: flex-start !important;}
}

h2 { font-size: 36px; font-weight: 700; color: var(--color-base); } 
h3 { font-size: 23px; font-weight: 700; color: var(--color-base); } 
h4 { font-size: 19px; font-weight: 700; color: var(--color-base); } 
.stxt { font-size: 15px; color: var(--color-gray-70); }
.stxt + .stxt { margin-top: 5px !important; }
@media (min-width: 1161px){ 
    .titArea .btnTxt.download { display: none; }
}
@media (max-width: 1160px) {
    h2 { font-size: 34px; }
    h3 { font-size: 21px; }
}
@media (max-width: 767px){ 
    .titArea .btnTxt.download { display: block; }

    h2 { font-size: 32px; }
    h3 { font-size: 19px; }
}

/* 색상 */
.cPoint { color: var(--color-point) !important; }
.cBase { color: var(--color-base) !important; }
.cPrima { color: var(--color-primary) !important; }
.cBlue { color:#023CA4 !important;}
.cGray { color: var(--color-gray-70) !important; }
.cGray02 { color: var(--color-gray-50) !important; }
.cLink {color:#4E6CB6 !important;}
.cPurple {color:#622D80 !important;}

/* 텍스트 */
.xxsm { font-size: 13px !important; }  
.xsm { font-size: 15px !important; }  
.sm { font-size: 17px !important; }  
.xlg { font-size: 19px; } 
.bold { font-weight: 700 !important; }
.txtLink {text-decoration: underline;}

/* 크기 */
.full { width: 100% !important; max-width: 100% !important; }
.w100 {width:100px !important}
.wAuto {width:auto !important;}
.mx160 {max-width:160px !important;} 
.mw220 {max-width:220px !important;} 
.mxwd600 {max-width:600px !important;} 
.mx336 {max-width: 336px !important;}
.mx360 {max-width: 360px !important;}
.mx400 { max-width: 400px !important; }
.mx600 { max-width: 596px !important; }
.mx1000 { max-width: 1000px !important; }
@media (max-width: 1160px) {
    .mx400 { max-width: 100% !important; }
    .mx600 { max-width: 100% !important; }
    .mx1000 { max-width: 100% !important; }
}

/* 여백 */
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px; } 
.mb16 { margin-bottom: 16px; } 
.mb20 { margin-bottom: 20px; } 
.mb40 { margin-bottom: 40px !important; }
.ml10 {margin-left:10px;}
.mlAuto { margin-left: auto; }

/* 정렬 */
.txtL { text-align:left !important } 
.txtC { text-align:center !important } 
.txtR { text-align:right !important } 
.alFE { align-items: flex-end !important; }
.alC { align-items: center !important; }
.jcSB { justify-content: space-between !important; }
.jcFE { justify-content: flex-end !important; }
.jcFS { justify-content: flex-start !important; }
.jcC { justify-content: center !important; }
.flexWR {flex-wrap: wrap !important;}
.txtNowrap {white-space: nowrap !important;}

.flexNone { flex: none !important; }
.flexCol { display: flex; flex-direction: column; gap: 10px; }
.flexCol p { font-size: 15px; color: var(--color-gray-70); }
.flexCol.v2 input,
.flexCol.v2 select { max-width: 450px; }
.flexCol.v2 .flexWrap input { max-width: 450px; }
.flexCol.v2.bd { padding: 16px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.flexWrap { display: flex; align-items: center; gap: 10px; max-width: 100%; } 
.flexWrap > div { flex: auto; max-width: 460px; }
.flexWrap > div :is(input, select) { width: 100%; max-width: 240px; } 
.flexWrap > select { text-overflow: ellipsis; white-space: nowrap; width: 30%; max-width: 240px; } 
.flexWrap > strong { font-size: 15px; } 
.flexWrap > span { min-width: 16px; text-align: center; line-height: 48px; font-size: 15px; color: var(--color-gray-70); }
.flexWrap > span.numToko {flex:initial; line-height:1.3; text-align:left;} 
.flexWrap > .btn { white-space: nowrap; } 
.flexWrap.email { max-width:1002px; /* max-width: 750px; */ }
.flexWrap.phone { max-width: 475px; }
.flexWrap.password {position:relative}
.flexWrapChk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; } 
.flexWrapChk > .flexWrap { flex: 1; max-width: 100%; }
.flexWrapChk > .flexWrap > div { max-width: 100%; }
.flexWrapChk > .flexWrap > div input { max-width: 100% !important; }
.formTable .flexWrap > div { flex: 1; } 
.formTable .flexWrap > div :is(input, select) { width: 100%; max-width: 460px; } 
.formTable .btnBottom { margin-top: 10px; }
.assets { justify-content: space-between; width: 100%; } 
.assets > div { flex: 1; max-width: 500px; } 
.addr { flex-direction: column; align-items: flex-start; width: 770px; color: var(--color-gray-60); } 
.addr .post { max-width: 334px; } 
.addr .post + div { width: 100%; max-width: 100%; } 
.addr .post + div input { max-width: 380px; }
@media (max-width: 1160px) {
    .flexWrap > span { flex-shrink: 0; min-width: 6px; }
    .flexWrap.email { width: 100%; max-width: 100%; }
    .flexWrap.phone { width: 100%; max-width: 100%; }
    .flexWrapChk { flex-direction: column; align-items: flex-end; }
    .flexWrapChk > .flexWrap { width: 100%; max-width: 100%; }
    .flexWrapChk > .flexWrap > div { width: 100%; }
    .flexWrapChk > .flexWrap > div input { width: 100%; }
    .flexWrapChk:has(.checkboxWrap) { align-items: flex-start; }
}
@media (max-width: 767px) {
    .flexNone { flex: 1 !important; }
    .flexCol.v2 input,
    .flexCol.v2 select { max-width: 100%; }
    .flexCol.v2 .flexWrap input { max-width: 100%; }
    .flexWrap > div { width: 100%; max-width: 100%;}
    .flexWrap.email { flex-direction: column; }
    .flexWrap.email > select { max-width: 100%; }
    .flexWrap.email > div button { width: 100%; }
    .formTable .flexWrap > div :is(input, select) { max-width: 100%; }
    .assets {flex-direction:column;} 
    .addr .post { max-width: 100%; }
    .addr .post + div { flex-direction: column; }
}

/* 버튼 */
*[class^=btn] { color: inherit; cursor: pointer; } 
*[class^=btn]::before { display: inline-flex; width: 16px; height: 16px; background-position: center; background-size: contain; background-repeat: no-repeat; } 
*[class^=btn].sm::after { width: 16px; height: 16px; } 
*[class^=btn].lg::after { width: 24px; height: 24px; } 
*[class^=btn].lxg::after { width: 24px; height: 24px; }
.btnIcoRt:after {display:inline-flex; width:10px; height:10px; background-position: center; background-size: contain; background-repeat: no-repeat;}
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 16px; border: 1px solid var(--color-primary); border-radius: 8px; min-width: 50px; height: 38px; line-height: 1; text-align:center; font-size: 15px; font-weight: 700; color: var(--color-primary); background-color: var(--color-white); } 
.btn:focus { border-radius:8px; }
.btn:hover { background-color: var(--color-primary-20); } 
.btn:active { background-color: var(--color-primary-30); }
.btn:disabled { border-color: var(--bg-readOnly) !important; color: var(--border-color) !important; background-color: var(--bg-readOnly) !important; }
.btn.xsm { padding: 0 10px; border-radius: 4px; height: 32px; } 
.btn.lg { padding: 0 20px; height: 48px; font-size: 15px; } 
.btn.xlg { padding: 0 24px; border-width: 2px; height: 56px; font-size: 17px; }
.btnRds {border-radius:50px}
.bgPrima { color: var(--color-white) !important; background-color: var(--color-primary) !important; }
.bgPrima:hover:not(:disabled) { border-color: var(--color-primary-40) !important; background-color: var(--color-primary-40) !important; } 
.bgPrima:active:not(:disabled) { border-color: var(--color-primary-50) !important; background-color: var(--color-primary-50) !important; }
.bgSecond { background-color: var(--color-primary-10 ) !important; }
.bgSecond:hover:not(:disabled) { background-color: var(--color-primary-20) !important; } 
.bgSecond:active:not(:disabled) { background-color: var(--color-primary-30) !important; }
.bgSecond02 {border-color:var(--color-secondary); color:var(--color-white); background:var(--color-secondary)}
.bgBlack { border-color: var(--color-base); color: var(--color-white); background: var(--color-base); }
.bgBlack:focus {outline:3px solid var(--color-secondary)}
.bgGray {border-color:var(--color-gray-70) !important; color: var(--color-white) !important; background:var(--color-gray-70) !important;}
.bgRed {border-color:#DE3412 !important; color:#fff !important; background: #DE3412!important;}
.bgRed:hover:not(:disabled) {border-color:#8A240F !important; color:#fff !important; background: #8A240F!important;}
.viewBtn {border:1px solid #ccc; border-radius:8px; width:40px; height:40px; text-indent:-9999px; background:no-repeat center#fff; transition: all 0.2s;}
.viewBtn:focus {border-radius:8px;}
.viewBtn.active {border-color:var(--color-primary); background-color:var(--color-primary-10);}
.viewBtn.girdView {background-image: url("/portal/images/v2/component/ico-grid-view.svg");}
.viewBtn.listView {background-image: url("/portal/images/v2/component/ico-list-view.svg");}
.viewBtn.girdView.active {background-image: url("/portal/images/v2/component/ico-grid-view-active.svg");}
.viewBtn.listView.active {background-image: url("/portal/images/v2/component/ico-list-view-active.svg");}
.btnPsswrdToggle {position:absolute; top:50%; right:0; width:52px; height:100%; text-indent:-9999px; background:url("/portal/images/v2/common/ico-password-hide.svg") no-repeat center/20px; transform: translateY(-50%);}
.btnPsswrdToggle.on {background-image:url("/portal/images/v2/common/ico-password-show.svg")}

.btnBottom { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 40px; } 
.btnBottom > div { display: flex; flex-wrap: wrap; gap: 10px; } 
.btnBottom > .left { margin-right: auto; } 
.btnBottom > .right { margin-left: auto; } 
.btnBottom.borderT {padding-top:16px; border-top:1px solid #ccc;}
.btnArea { display: inline-flex; justify-content: flex-start; gap: 10px; } 
.btnArea > div { gap: 16px; }

.btnIco.xsm { gap: 2px; padding: 0 2px; border-radius: 6px; height: 24px; font-size: 14px; } 
.btnBor { display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 0 30px; border-radius: 50px; height: 56px; font-size: 15px; font-weight: 700; background-color: #EBEFF3; } 
.btnBor:focus {border-radius:50px;}
.btnBor::after { content: ""; width:12px; height:12px; background-image: url(/portal/images/v2/component/ico-btn-arr-bot.png); background-size: 12px auto; }
.btnHref::after { content: ""; background-image: url(/portal/images/v2/common/ico-link.svg) !important; background-size: 16px auto; }
.btnBor.btnHide:after {transform: rotate(180deg);}

/* 아이콘 + 버튼 */
.btnIco:before { content: ""; }
.btnIcoRt:after {content:"";}
.btnRtArrow:after {background-image: url("/portal/images/v2/content/ico-btn-swiper-next-arr.png");}
.btnReset:before { background-image: url(/portal/images/v2/component/ico-btn-reset.svg); }
.btnKakao { border-color: #FEE500; color: var(--color-base); background-color: #FEE500; }
.btnKakao:before { background-image: url(/portal/images/v2/content/ico-btn-kakao.png); }
.btnNaver { border-color: #03CF5D; color: var(--color-white); background-color: #03CF5D; }
.btnNaver:before { background-image: url(/portal/images/v2/content/ico-btn-naver.png); }
.btnDownload:after {width:14px; height:14px; background-image: url("/portal/images/v2/content/ico-attach-download.svg");}
.btnShortcut:after {width:16px; height:16px; background-image: url("/portal/images/v2/component/ico-shortcut.svg");}
.btnSearchDetail:before { background-image: url(/portal/images/v2/component/ico-btn-search-detail.png); }
.btnSearchDetail.open:before { background-image: url(/portal/images/v2/component/ico-btn-search-default.png); }
.icoFolder:after {width:16px; height:16px; background:url(/portal/images/v2/content/ico-expand-white.svg) no-repeat center/100% auto}
.icodataLink:before {width:16px; height:16px; background:url("/portal/images/v2/content/ico-data-link.svg") no-repeat center}

/* 아이콘 + 텍스트(버튼 라인 없는) */
.btnTxt { position: relative; padding-left: 20px; line-height: 16px; font-size: 15px; color: var(--color-gray-70); }
.btnTxt:before { position: absolute; top: calc(50% - 8px); left: 0; content: ""; display: inline-flex; width: 16px; height: 16px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.btnTxt.rt { padding-left: 0; padding-right: 20px; }
.btnTxt.rt:before { left: inherit; right: 0; }
.btnTxt.download { font-size: 13px; font-weight: 600; color: var(--color-primary); }
.btnTxt.download:before { background-image: url(/portal/images/v2/content/ico-attach-download.svg); }
.btnTxt.view {font-size: 13px; font-weight: 600; color: var(--color-primary);}
.btnTxt.view:before { background-image: url(/portal/images/v2/content/ico-attach-view.svg); }
.btnTxt.more:before { background-image: url(/portal/images/v2/content/ico-attach-more.svg); }
.btnTxt.fold:before { background-image: url(/portal/images/v2/content/ico-btn-arr-up.svg); }
.btnTxt.fold.open:before { transform: rotate(180deg); }

/* 뱃지 */
.badge { display: inline-flex; align-items: center; justify-content: center; padding: 0 6px; border-radius: 4px; min-width: 35px; height: 24px; font-size: 13px; font-weight: 400; color: #fff; color: #023CA4; background-color: #EFF5FF; } 
.badge.v2 { color: #004188; background: #DDE5EF; } 
.badge.v3 { color: #2C1B8F; background: #EEECF8; } 
.badge.v4 { color: #118094; background: #EAF5F7; } 
.badge.v5 { color: #2F945F; background: #DBE7E9; } 
.badge.v6 { color: #0E793B; background: #E7F6ED; }
.badge.v7 { color: #FFFFFF; background: #147EA1; }
.badge.v8 { color: #FFFFFF; background: #4E6CB6; }
.badge.v9 { color: #FFFFFF; background: #FF3600; }
.badge.v10 { color: #FFFFFF; background: #83579C; }
.badge.v11 { color: #514213; background: #EAE2C9; }
.badge.v12 { color: #2D5924; background: #DAF3D5; }
.badge.sideLine {padding:0 10px; border-left:1px solid #4E6CB6; border-right:1px solid #4E6CB6; color:#4E6CB6; font-weight:700; background:#F2F6FF}
.badge.sideLine.v2 {border-color:#229068; color:#229068; background:#EDFFF8;}
.badge.sideLine.v3 {border-color:#622D80; color:#622D80; background:#FBF4FF;}
.badge.sideLine.v4 {border-color:#147EA1; color:#147EA1; background:#F4FFFE;}

.badgeArea > div { display: inline-flex; flex-wrap: wrap; gap: 4px; } 
.badgeArea > div .left { margin-right: auto; } 
.badgeArea > div .right { margin-left: auto; }

/*>>>>>>>>>> 컴포넌트 <<<<<<<<<<*/
/* 브레드크럼 (Breadcrumb) */
.breadcrumb { margin: 32px 0 47px; width: 100%; } 
.breadcrumb ol { display: flex; flex-wrap:wrap; gap: 4px; margin: 0 auto; width: 100%; } 
.breadcrumb ol li { display: flex; align-items: center; position: relative; border-radius: 4px; font-size: 15px; }
.breadcrumb ol li + li { margin-left: 16px; padding-left: 16px; }
.breadcrumb ol li + li:before { content: ""; position: absolute; top: calc(50% - 6px); left: -6px; width: 12px; height: 12px; background: url(/portal/images/v2/component/ico-breadcrumb-arr.svg) no-repeat center/100% auto; }
.breadcrumb ol li strong {display:inline-block; font-weight: inherit; line-height:1.5;} 
.breadcrumb ol li a { display: block; border-bottom: 1px solid var(--color-base); line-height: 1.5; } 
.breadcrumb ol .home { padding-left: 21px; }
.breadcrumb ol .home::before { display: inline-block; content: ""; position: absolute; top: 3px; left: 0; border-radius: 4px; width: 16px; height: 16px; background: url(/portal/images/v2/component/ico-breadcrumb-home.svg) no-repeat center / contain; } 
.breadcrumb ol .short { text-indent: -9999px; } 
.breadcrumb ol .short::before { display: inline-block; content: ""; border-radius: 4px; width: 24px; height: 24px; background: url(/portal/images/v2/component/ico-breadcrumb-short.svg) no-repeat center / 12px auto; } 
@media (max-width: 1160px){ 
    .breadcrumb {position: absolute !important; overflow: hidden !important; white-space: nowrap !important; margin: -1px !important; padding: 0 !important; border: 0 !important; width: 1px !important; height: 1px !important; clip: rect(0, 0, 0, 0) !important;}
    .breadcrumb ol { padding: 0; }
}

/* 페이지네이션 (Pagination) */
.pagination { display: flex; align-items: center; justify-content: center; margin: 40px auto 0; } 
.pagination > div { display: flex; align-items: stretch; justify-content: center; gap: 20px; } 
.pagination .pageNavi, .pagination .pageLink, .pagination .pagingBtn input, .pagination .pagingBtn .pageTotal { display: flex; align-items: center; justify-content: center; padding: 0 4px; border-radius: 6px; min-width: 40px; height: 40px; font-size: 15px; font-weight: 700; color: var(--color-gray-70); } 
.pagination .pageLinks { display: flex; align-items: center;} 
.pagination .linkDot { background:url(/portal/images/v2/component/ico-pagination-short.svg) no-repeat center; } 
.pagination .pageNavi { display: flex; align-items: center; white-space: nowrap; padding: 0; min-width: 22px; font-weight: 400; } 
.pagination .prev::before, .pagination .next::after, .pagination .first::after, .pagination .last::after { content: ""; width: 22px; height: 22px; } 
.pagination .prev::before { background:url(/portal/images/v2/component/ico-pagination-prev.svg) no-repeat center; } 
.pagination .next::after { background:url(/portal/images/v2/component/ico-pagination-next.svg) no-repeat center; } 
.pagination .first::after { background:url(/portal/images/v2/component/ico-pagination-first.svg) no-repeat center; } 
.pagination .last::after { background:url(/portal/images/v2/component/ico-pagination-last.svg) no-repeat center; } 
.pagination .pageLink.curr { font-weight: 700; color: var(--color-white) !important; background: var(--color-secondary) !important; } 
.pagination .pagingBtn { align-items: center; gap: 0; } 
.pagination .pagingBtn input { border-color: #717171; width: 48px; text-align: center; } 
/* .pagination .pagingBtn input:is(:focus) { outline: 1px solid var(--color-primary-50, #246BEB); }  */
.pagination .pagingBtn input:disabled { border-color: var(--color-gray-40); color: var(--color-gray-60); background: var(--color-gray-30); } 
.pagination .pagingBtn .btn { margin-left: 16px; } 
.pagination.mobile {display:none;}
@media(max-width:767px) {
	.pagination .pageNavi {font-size:0 !important;}
/* 	.pagination .pageLink:nth-last-child(-n+7) {display:none;} */
}

.pagination .page_arrow { display: flex; align-items: center; justify-content: center; white-space: nowrap; padding: 0; border-radius: 6px; min-width: 22px; height: 40px; font-size: 15px; color: var(--color-gray-70); }
.pagination .page_arrow.l2, .pagination .page_arrow.l1 { margin-right: 20px; }
.pagination .page_arrow.r1, .pagination .page_arrow.r2 { margin-left: 20px; }
.pagination .page_arrow.l2:after, .pagination .page_arrow.l1:before, .pagination .page_arrow.r1:after, .pagination .page_arrow.r2:after { content: ""; flex-shrink: 0; width: 22px; height: 22px; }
.pagination .page_arrow.l2:after { background:url(/portal/images/v2/component/ico-pagination-first.svg) no-repeat center; }
.pagination .page_arrow.l1:before { background:url(/portal/images/v2/component/ico-pagination-prev.svg) no-repeat center; }
.pagination .page_arrow.r1:after { background:url(/portal/images/v2/component/ico-pagination-next.svg) no-repeat center; }
.pagination .page_arrow.r2:after { background:url(/portal/images/v2/component/ico-pagination-last.svg) no-repeat center; }
.pagination .page_arrow i { display: none; }
.pagination > a:not(.page_arrow) { display: flex; align-items: center; justify-content: center; padding: 0 4px; border-radius: 6px; min-width: 40px; height: 40px; font-size: 15px; font-weight: 700; color: var(--color-gray-70); }
.pagination > a.active { font-weight: 700; color: var(--color-white) !important; background: var(--color-secondary) !important; } 

/* 탭 (Tab) */
.tab > .tabTit ul { display: inline-flex; align-items: stretch; gap: 5px; width: 100%; } 
.tab > .tabTit li a { display: block; padding: 10px 20px; border-radius: 50px; text-align: center; line-height: 18px; font-size: 15px; font-weight: 700; color: var(--color-gray-50); background-color: #F1F1F1; } 
.tab > .tabTit li.curr a { position: relative; color: var(--color-white); background-color: var(--color-secondary); } 
.tab > .tabTit li a:hover { background-color: var(--color-primary-20); }
.tab > .tabCont { margin-top: 40px; } 
.tab.tabFucn .tabCont > div { display: none; } 
.tabRow { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.categoryList { margin-bottom: 16px; }
.categoryList .categorySwiper { display: flex; position:relative; overflow: hidden; flex-wrap: wrap; gap:0 5px;} 
.categoryList .categorySwiper .swiper-slide {width:auto;}
.categoryList .categorySwiper .swiper-slide a { display: block; padding: 10px 20px; border-radius: 50px; line-height: 18px; font-size: 15px; font-weight: 700; color: var(--color-gray-50); background-color: #F1F1F1; } 
.categoryList .categorySwiper .swiper-slide a.curr { color: var(--color-white); background-color: #097C7C; } 
.categoryList .categorySwiper .swiper-slide a:not(.curr):hover { background-color: var(--color-primary-20); } 
.categorySwiper .swiper-button-prev {top:50%; right:initial; left:0; margin-top:0; width:32px; height:calc(100% + 2px); text-indent:-9999px; color:transparent; background:url("/portal/images/v2/content/ico-btn-swiper-prev-bgWhite.svg") no-repeat center #fff; transform: translateY(-50%);}
.categorySwiper .swiper-button-prev:before { position: absolute; right: -24px; top: 0; content: ""; z-index: 5; width: 24px; height: 100%; background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%,#fff 100%); }
.categorySwiper .swiper-button-prev.swiper-button-disabled, 
.categorySwiper .swiper-button-next.swiper-button-disabled {opacity: 1;}
.categorySwiper .swiper-button-next {top:50%; right:0; margin-top:0; width:32px; height:calc(100% + 2px); text-indent:-9999px; color:transparent; background:url("/portal/images/v2/content/ico-btn-swiper-next-bgWhite.svg") no-repeat center #fff; transform: translateY(-50%);}
.categorySwiper .swiper-button-next:before { position: absolute; left: -24px; top: 0; content: ""; z-index: 5; width: 24px; height: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%,#fff 100%); }
.categorySwiper .swiper-button-next.swiper-button-disabled:before,
.categorySwiper .swiper-button-prev.swiper-button-disabled:before { display: none; }
.categorySwiper.btnLock {padding:0 32px !important;}
.categoryList.rBtn {display:flex; align-items: center; flex-wrap:wrap; gap:10px;}
.categoryList.rBtn .rBtnArea {margin-left:auto;}
.categoryList.rBtn .categorySwiper {max-width:100%;} 

/* 아코디언 (Accordion) */
.accordion { display: flex; flex-direction: column; } 
.accordion dl { padding: 0 96px 0 66px; border-top: 1px solid #2567B0; border-bottom: 1px solid #ccc; } 
.accordion dl + dl { border-top: 0; } 
.accordion dl dt { position: relative; } 
.accordion dl dt::before { display: flex; align-items: center; justify-content: center; content: "Q"; position: absolute; top: 50%; left: -56px; margin-top: -20px; border-radius: 100%; width: 40px; height: 40px; font-size: 21px; font-weight: 700; color: #023CA4; background-color: #ECECEC; } 
.accordion dl dt button { display: flex; align-items: center; gap: 16px; position: relative; padding: 4px 0 4px 16px; border: 0; width: 100%; min-height: 70px; text-align: left; font-weight: 700; background-color: #fff; } 
.accordion dl dt button .badge { flex-shrink: 0; } 
.accordion dl dt button::after { display: block; content: ""; position: absolute; top: 0; right: -80px; width: 24px; height: 100%; background: url(/portal/images/v2/component/ico-accordion-arr.svg) no-repeat center / 24px; /* transition: all 0.2s ease; -webkit-transition: all 0.2s ease;  */} 
.accordion dl dd { display: none; position: relative; border-top: 1px solid #ccc; /* min-height: 76px; */ } 
.accordion dl dd::before { display: flex; align-items: center; justify-content: center; content: "A"; position: absolute; top: 16px; left: 16px; border-radius: 100%; width: 40px; height: 40px; font-size: 21px; font-weight: 700; color: #FF3600; background-color: #ECECEC; } 
.accordion dl dd > div { display: flex; flex-direction: column; gap: 5px; padding: 18px 0 18px 82px; min-height:76px;} 
.accordion dl dd > div span {font-weight:700;}
.accordion dl dd > div ul li { display: flex; gap: 5px; } 
.accordion dl dd > div ul li > strong { flex-shrink: 0; } 
.accordion dl.curr dt button::after { transform: rotate(180deg); } 
/* .accordion dl.curr dd { display: block; } */
@media(max-width:1160px) {
    .accordion dl dd {margin:0 -96px 0 -66px; padding-left:66px;}
    .accordion dl dd::before {left:66px;}
    .accordion dl dd > div {padding:18px 0 18px 66px;}
}
@media(max-width:767px) {
    .accordion dl { padding: 0 36px 0 46px;}
    .accordion dl dt::before {left:-38px; width:30px; height:30px;}
    .accordion dl dt button {flex-direction: column; align-items: flex-start; gap:5px; padding:10px 0;}
    .accordion dl dt button::after {right:-36px; padding:6px 10px; width:36px; background-size:16px; box-sizing: border-box;}
    .accordion dl dd {margin:0 -36px 0 -46px; padding-left:46px;}
    .accordion dl dd::before {top:22px; left:46px; width:30px; height:30px;}
    .accordion dl dd > div {position:relative; padding:24px 0 24px 38px}
    .accordion dl dd > div ul li {display:block; font-size:15px;}
    .accordion dl dd > div ul li + li {margin-top: 5px;}
}

/* 체크박스 (CheckboxWrap) */
.checkboxWrap { display: flex; align-items:center; flex-wrap: wrap; gap: 12px 24px; } 
.checkboxWrap.column { flex-direction: column; } 
.checkboxWrap + .checkboxWrap { margin-top: 24px; } 
[class*="checkbox"]:not(.checkboxWrap) { display: flex; flex-direction: column; gap: 12px; position: relative; }
[class*="checkbox"]:not(.checkboxWrap) input { position: absolute; top: 0; left: 0; opacity: 0; }
[class*="checkbox"]:not(.checkboxWrap) input + label { display: inline-block; position:relative; padding-left: 25px; line-height: 28px; cursor: pointer; z-index:1;}
[class*="checkbox"]:not(.checkboxWrap) input + label::before { display: block; content: ""; position: absolute; top: 4px; left: 0; overflow: hidden; width: 20px; height: 20px; background: no-repeat left center / 100% auto; }
[class*="checkbox"]:not(.checkboxWrap) input:focus + label:after {position:absolute; left:-2px; top:50%; content:""; border-radius:4px; width:calc(100% + 4px); height:calc(100% - 4px); outline: 2px solid var(--color-black); transform: translateY(-50%);}
[class*="checkbox"].only:not(.checkboxWrap) {width: 20px; height:20px;}
[class*="checkbox"].only:not(.checkboxWrap) input + label {padding-left:0; text-indent: -9999px; height:20px;}
[class*="checkbox"].only:not(.checkboxWrap) input + label::before {top:0;}
.checkboxWrap.col2 .checkbox {width:calc(50% - 12px)}
.checkboxWrap.col4 .checkbox {width:calc(25% - 18px)}
.checkboxWrap.col4 .w50p {width:calc(50% - 12px)}
.checkNextInput {display:inline-flex; flex-wrap:wrap; align-items:center; gap:10px;}

/* 버튼형 체크박스 */
.btnCheckbox {position:relative; border:1px solid #717171; border-radius:8px; height:48px;}
.btnCheckbox input[type="checkbox"] {position:absolute; left:0; top:0; width:100%; height:100%; opacity: 0;}
.btnCheckbox input[type="checkbox"] + label {display:flex; align-items:center; padding: 0 16px; width:100%; height:100%; font-size:15px;}
.btnCheckbox input[type="checkbox"]:checked + label {border-radius:8px; color:#fff; font-weight:700;}
.btnCheckbox.bgBlue input[type="checkbox"]:checked + label {background-color:#4E6CB6}
.btnCheckbox.bgPurple input[type="checkbox"]:checked + label {background-color:#83579C}
.btnCheckbox.bgGreen input[type="checkbox"]:checked + label {background-color:#229068}

/* 텍스트형 체크박스 */
.txtCheckbox input { position: absolute; top: 0; left: 0; opacity: 0; }
.txtCheckbox input + label { display: flex; align-items: center; gap: 10px; padding: 0 16px; border: 1px solid var(--color-primary); border-radius: 8px; line-height: 46px; font-size: 15px; font-weight: 700; color: var(--color-primary); background: var(--color-primary-10); }
.txtCheckbox input:checked + label { border-color: var(--border-color); color: var(--color-white); background: #4E6CB6; }
.txtCheckbox input + label span { padding: 0 5px; border-radius: 4px; font-size: 13px; font-weight: 700; }
.txtCheckbox input + label span.txtLabel01 { color: #6C5D23; background: #E6DEBF; }
.txtCheckbox input + label span.txtLabel02 { color: #9D442C; background: #EED0C8; }
.txtCheckbox input + label span.txtLabel03 { color: #2D4B97; background: #BFDAE6; }
.txtCheckbox input + label span.txtLabel04 { color: #7E358B; background: #D4BFF9; }
@media (max-width: 1160px) {
    .checkboxWrap.col4 .checkbox {width:calc(50% - 18px)}
}
@media (max-width: 767px) {
    [class*="checkbox"]:not(.checkboxWrap) input + label { font-size: 15px; }
    .checkboxWrap.col2 .checkbox {width:100%;}
    .checkboxWrap.col4 .w50p,
    .checkboxWrap.col4 .checkbox {width:100%}
}

/* 체크박스 (Checkbox) */
[class*="checkbox"]:not(.checkboxWrap) input[type=checkbox] + label::before { border-radius: 4px; } 
[class*="checkbox"]:not(.checkboxWrap) input[type=checkbox] + label::before { background-image: url(/portal/images/v2/component/ico-check-checkbox-off.svg); }
[class*="checkbox"]:not(.checkboxWrap) input[type=checkbox]:checked + label::before { background-image: url(/portal/images/v2/component/ico-check-checkbox-on.svg); }
[class*="checkbox"]:not(.checkboxWrap) input[type=checkbox]:disabled + label::before { background-image: url(/portal/images/v2/component/ico-check-checkbox-disabled.svg); }
[class*="checkbox"]:not(.checkboxWrap) input[type=checkbox]:checked:disabled + label::before { background-image: url(/portal/images/v2/component/ico-check-checkbox-checked-disabled.svg); }
.tableChk .checkbox { padding-left: 0; } 
.tableChk [class*="checkbox"]:not(.checkboxWrap) input + label { margin: 0 auto; padding-left:0; width: 20px; height: 20px; text-indent: -9999px; }
.tableChk [class*="checkbox"]:not(.checkboxWrap) input + label::before {top:0;}
.tableChk [class*="checkbox"]:not(.checkboxWrap) input:focus + label:after {left:0 !important; width:100% !important; height:100%;}

/* 라디오 버튼 (Radio button) */
.checkbox input[type=radio] + label::before { border-radius: 100%; } 
.checkbox input[type=radio] + label::before { background-image: url(/portal/images/v2/component/ico-check-radio-off.svg); } 
.checkbox input[type=radio]:checked + label::before { background-image: url(/portal/images/v2/component/ico-check-radio-on.svg); } 
.checkbox input[type=radio]:disabled + label::before { background-image: url(/portal/images/v2/component/ico-check-radio-disabled.svg); } 
.checkbox input[type=radio]:checked:disabled + label::before { background-image: url(/portal/images/v2/component/ico-check-radio-checked-disabled.svg); }

/* 셀렉트 (Select) */
.select { position: relative; z-index: 1; width: 100%; max-width: 360px; } 
.select.curr { z-index: 10; } 
.select > button { display: flex; align-items: center; padding: 0 48px 0 16px; border:1px solid var(--border-color); border-radius: 4px; width: 100%; height: 48px; text-align: left; background: var(--color-white) url(/portal/images/v2/component/ico-select-arr.svg) no-repeat right 16px center / 12px; } 
.select > ul { display: none; position: absolute; top: 100%; left: 0; margin-top: 1px; padding: 24px; border: 1px solid #ccc; border-radius: 4px; width: 100%; background-color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.15); } 
.select.curr > ul { display: block; } 
.select > ul li a { display: block; padding: 14px 16px; border-radius: 8px; } 
.select > ul li.curr a { background-color: var(--bg-primary); }
/* .select > ul li.curr a:focus { outline: 0; } */
.textarea { line-height: 1; }
@media (max-width: 767px) {
    .select > ul { padding: 16px; }
}

/* 속성 */
select.valError, button.valError, input.valError, textarea.valError, .fileInput.valError, .select.valError > button { outline: 2px solid var(--color-point); } 
p.valError, span.valError { color: var(--color-point); } 
select:disabled, .select.disabled > button, input.disabled, .date input:disabled { border-color: var(--color-gray-40 ); color: var(--color-base); background-color: var(--bg-readOnly); opacity: 1; } 
/* select:disabled, .select.disabled > button { background-image: url(/portal/images/v2/component/ico-select-arr-gray60.svg); } */

/* 날짜 입력 필드 (Date input) */
.dateWrap { display: flex; align-items: center; gap: 10px; } 
.dateWrap span { line-height: 48px; } 
.date { position: relative; } 
.date input { text-overflow: ellipsis; padding-right: 44px; width: 100%; background: url(/portal/images/v2/component/ico-input-cal.svg) no-repeat right 16px center; cursor: pointer; } 
.date .ui-datepicker-trigger { display: none !important; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } 
.dateRange { position: relative; } 
.dateRange input { text-overflow: ellipsis; padding-right: 44px; background: url(/portal/images/v2/component/ico-input-cal.svg) no-repeat right 16px center; cursor: pointer; } 
.daterangepicker .drp-calendar.right { display: none !important; } 

.year { position: relative; }
.year input { text-overflow: ellipsis; padding-right: 44px; width: 100%; max-width: 240px; background: url(/portal/images/v2/component/ico-input-cal.svg) no-repeat right 16px center; cursor: pointer; } 
.yearpicker-items:hover, .yearpicker-items.selected, .yearpicker-prev:hover, .yearpicker-next:hover { color: var(--color-primary) !important; }
@media (max-width: 767px) {
    .dateWrap { flex-direction: column; width: 100%; }
    .dateWrap > div { width: 100%; }
    .dateWrap .flexWrap { width: 100%; }
    .dateWrap .flexWrap input { max-width: 100%; }

    .year input { max-width: 100%; }
}

/* 파일 업로드 */
.fileWrap { display: flex; gap: 10px; width: 100%; max-width: 668px; }
.fileWrap .btn { height: 48px; min-width: 86px} 
.fileWrap + .dotList { margin-top: 10px; }
.fileBtn { display: inline-block; position: relative; } 
.fileBtn input[type=file] { display: none; } 
.fileBtn button { flex-direction: row-reverse; } 
.fileInput { flex: 1; position: relative; text-overflow: ellipsis; white-space: nowrap; padding: 16px; border: 1px solid var(--color-gray-30); border-radius: 8px; } 
.fileInput > div { display: flex; gap: 16px; } 
.fileInput .fileName { flex: 1; } 
.fileInput .btnDelete { flex-direction: row-reverse; flex-shrink: 0; height: 24px; } 
.fileInput > div + p { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--color-gray-30); } 
.fileInput.valError { background-color: var(--color-point-5); }
.fileCol { display: flex; gap: 10px; }

.fileWrap.v2 { position: relative; max-width: 100%; }
.fileWrap.v2 .fileInput { border: 0; font-size: 15px; font-weight: 700; color: var(--color-base); }

.fileDrop { display: flex; position:relative; align-items: center; justify-content: center; margin-bottom: 24px; padding: 16px 0; border: 1px solid #aaa; border-radius: 8px; background: #f6f6f6; cursor: pointer; }
.fileDrop .fileDropInner { position: relative; padding-top: 50px; }
.fileDrop .fileDropInner:before { content: ""; position: absolute; top: 0; left: calc(50% - 20px); width: 40px; height: 40px; background: url(/portal/images/v2/content/ico-file.png) no-repeat center; }
.fileDrop .fileDropInner p { font-size: 15px; color: var(--color-gray-70); }
.fileDrop .fileDropInner p strong { font-weight: 700; color: var(--color-base); }
.fileDrop input[type="file"] {position:absolute; width:100%; height:100%; opacity: 0;}
.fileDrop input[type="file"]:focus + .fileDropInner:after {position:absolute; left:0; top:0; content:""; width: 100%; height: 100%; z-index:2; /* outline-offset: -6px; */ outline:2px solid var(--color-black); border-radius:4px;}
@media (max-width: 767px) {
    .fileWrap { max-width: 100%; }
    .fileWrap:has(.fileCol) { flex-direction: column; }
    .fileWrap:has(.fileCol) .fileInput { flex: none; }
    .fileCol { justify-content: flex-end; }
}

/* 표 (Table) */
.colTable + .tableTop { margin-top: 16px; }
.formTable + .tableTop { margin-top: 16px; }
.colTable + .formTable { margin-top: 16px; }
.grayBox + .colTable { margin-top: 16px; }
.tableTop { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px; margin-bottom: 16px; }
.tableTop .total { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; }
.tableTop > .left,
.tableTop > .right { display: flex; align-items: center; gap: 10px; }
.tableTop > .right { margin-left: auto; }
.tableTop > .right .btn {flex:none}
.tableTop .total.price {flex-direction:column; align-items:flex-end;}
.tableBottom { display: flex; flex-direction: column; gap: 24px; margin-top: 16px; }
.tableBottom > .left { margin-right: auto; }
.tableBottom > .right { margin-left: auto; }
.tableBottom [class*="checkbox"]:not(.checkboxWrap) input:focus + label:after {left:-2px; width:100%;}

table { table-layout: fixed; width: auto; max-width: none; min-width: 100%; }
.colTable { overflow-x: auto; }
.colTable tr:hover { background: var(--bg-primary); }
.colTable th { padding: 5px 16px; border-bottom: 1px solid #ccc; text-align: center; font-size: 15px; color: #fff; background-color: #8997A6; }
.colTable td { padding: 12px 16px; border-bottom: 1px solid #ccc; line-height: 22px; font-size: 15px; color: var(--color-gray-70); } 
.colTable th + th, .colTable td + td { border-left: 1px solid #ccc; } 
.colTable td > .stxt { margin-top: 10px; }
.colTable + p { margin-top: 10px; } 
.colTable .borderL { border-left: 1px solid #ccc; } 
.colTable .borderB { border-bottom: 1px solid #ccc; } 
.colTable.scroll { overflow-x:auto; } 
.colTable.scroll table { width: 100%; }
.colTable.scroll table input { width: 100%; }
.colTable.inImg img { width: 100px; height: 100px; }
.colTable .bgDBlue { background-color: #617486; }
.colTable .bgSky { color: var(--color-base); background-color: #EDF1F5; }

.rowTable {border-top:1px solid var(--color-secondary-50)}
.rowTable > table > tbody > tr { border-bottom: 1px solid #ccc; } 
.rowTable > table > tbody > tr > th { padding: 8px 16px; border-right: 1px solid #ccc; text-align: left; font-size: 15px; background: var(--color-secondary-5); } 
.rowTable > table > tbody > tr > td { padding: 12px 16px; color: var(--color-gray-70); }
.rowTable .scrollTxtBox {overflow-y:auto; height:80px;}
.rowTable input,
.rowTable select {width:100%; max-width:100%;}
.rowTable .flexWrap > div {flex:1;}
.rowTable .flexWrap > div :is(input, select) { width: 100%; max-width: 460px; }
.rowTable .flexWrap > select {width:30%; max-width:240px;}
@media (max-width: 1160px) {
    table { width: 100%; }
    .colTable td { word-break: break-all; }
    .rowTable > table,
    .rowTable > table > tbody {display:block;}
    .rowTable > table > tbody > tr {display:flex; flex-direction: column; border-bottom:0;}
    .rowTable > table > tbody > tr > th {display:flex; align-items:center; padding:10px 16px; border-top:1px solid #ccc; border-right:0; width:100%; min-height:50px;}
    .rowTable > table > tbody > tr > td {padding:16px 0;}
    .rowTable .borderL {border-left:none !important}
}
@media (max-width: 767px) {
    .rowTable > table > tbody > tr > th {padding:6px 16px; min-height:36px;}
    .rowTable > table > tbody > tr > td {padding:16px 0; font-size:15px;}
    .rowTable .flexWrap > div :is(input, select) { width: 100%; max-width: 100%; }
}

/* 툴팁 (tooltip) */
.tooltipIn { display: flex; align-items: flex-start; justify-content: center; gap: 5px; }
.btnTooltip { display: flex; align-items: center; justify-content: center; border: 0; background-color: transparent; } 
.btnTooltip:focus {border-radius:100%; outline: 2px solid var(--color-secondary)}
.btnTooltip::before { display: inline-flex; align-items: center; justify-content: center; content: ""; border-radius: 100%; width: 14px; height: 14px; background: url(/portal/images/v2/component/ico-tooltip.png) no-repeat center; } 
.btnTooltip.v2 { background-image: none; } 
.btnTooltip.v2::before { content: "ⓘ"; font-size: 100%; color: inherit; background: none; }
.btnTooltip.big {width: 24px;height: 24px;align-self: center;}
.btnTooltip.big::before {width:24px; height:24px; background-image:url(/portal/images/v2/component/ico-tooltip-L.svg);} 
.btnTooltip.green::before {width:24px; height:24px; border-radius:initial; background-image:url(/portal/images/v2/component/ico-tooltip-green.png); background-size:100%;}
.tooltip { display: inline-flex; position: relative; } 
.tooltip > p { display: flex; align-items: center; gap: 4px; } 
.tooltip .tooltipCont { display: none; position: absolute; top: 100%; left: 0; z-index: 50; border: 1px solid #ccc; max-width:500px; width: max-content;} 
.tooltip .tooltipCont .inner { padding: 10px 30px 10px 10px; text-align: left; line-height: 1.4; font-size: 13px; font-weight: 400; color: var(--color-base); background-color: #fff; } 
.tooltip .tooltipCont .inner .tit {display:block; margin-bottom:10px; font-size:17px; font-weight:700;}
.tooltip.open .tooltipCont { display: block; }
.tooltip.fixed .tooltipCont {position:fixed; z-index:100; max-width:260px;}
.btnTooltipCls { display: block; position: absolute; top: 10px; right: 10px; overflow: hidden; border: 0; width: 20px; height: 20px; text-indent: -9999px; background: url(/portal/images/v2/component/ico-layer-close.svg) no-repeat center / 10px; outline: none; } 
.tooltipIn { display: flex; align-items: flex-start; justify-content: center; gap: 5px;}
.layerPop .tooltip .tooltipCont {max-width:400px}
@media(max-width:767px) {
    .tooltip .tooltipCont {max-width:400px;}
    .tooltip.v2 .tooltipCont {max-width:360px;}
}
@media(max-width:540px) {
    .tooltip .tooltipCont,
    .layerPop .tooltip .tooltipCont {transform:translateX(-28%); max-width:270px;}
    .tooltip.v2 .tooltipCont {transform:translateX(-36%); max-width:270px;}
    .tooltip.v3 .tooltipCont {transform:translateX(-70%);}
}
@media(max-width:360px) {
    .tooltip .tooltipCont,
    .layerPop .tooltip .tooltipCont {max-width:200px;}
    .tooltip.v2 .tooltipCont {transform:translateX(-46%); max-width:200px;}
    
}
/* body.tooltipOn #container .contents > .inner,
body.tooltipOn .subCont > div { overflow: visible; } */

/* 모달 (Modal) */
.layerPop { display: none; position: fixed; top: 0; left: 0; z-index: 500; width: 100%; height: 100%; text-align: left; background-color: rgba(25,25,25,0.6); } 
.layerPop > .inner { position: absolute; top: 50%; left: 50%; overflow: hidden; padding: 60px 0 0; border-radius: 20px; max-width: 90%; max-height: 90%; background-color: #fff; transform: translate(-50%, -50%); } 
.layerPop > .inner > a { display: block; position: absolute; top: 14px; right: 30px; overflow: hidden; width: 32px; height: 32px; text-indent: -9999px; background: url(/portal/images/v2/component/ico-layer-close.svg) no-repeat center; } 
.layerPop > .inner > .tit { display: block; position: absolute; top: 0; right: 30px; left: 30px; padding: 20px 0 10px; border-bottom: 1px solid #ccc; font-size: 19px; font-weight: 700; color: var(--color-base); } 
.layerPop > .inner > .cont { display: flex; flex-direction: column; gap: 20px; overflow-y: auto; padding: 20px 30px 30px; } 
.layerPop > .inner > .cont > div:not(.btnBottom) { overflow-y: auto; } 
.layerPop .inWrap .btnBottom { margin-top: 0; }
.layerPop .pagination { margin: 20px auto 0; }
.layerPop .reqCap:not(:first-child) { margin: 0  auto 16px; }
.layerPop .section:not(:first-child) { margin-top: 24px; }
/* .layerPop .mBlock { display: block !important; } */
@media (max-width: 767px){
    .layerPop > .inner { border-radius: 0; width: 100% !important; max-width: inherit; height: 100% !important; max-height: inherit; } 
    .layerPop > .inner > a { right: 20px; }
    .layerPop > .inner > .tit { right: 20px; left: 20px; }
    .layerPop > .inner > .cont { padding: 20px; }
    /* .layerPop .mBlock { display: none !important; } */
}

/* lnb */
#lnb .in { overflow: hidden; border: 1px solid var(--color-gray-40); border-radius: 4px; width: 240px; } 
.lnbTop { padding: 16px 20px; background-color: #EDF1F5; }
.lnbTop .top { display: flex; align-items: center; justify-content: space-between; }
.lnbTop .myInfo { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; }
.lnbTop .myInfo .name { display: flex; align-items: center; margin-bottom: 5px; line-height: 15px; font-weight: 700; color: var(--color-base); }
.lnbTop .myInfo .name span { display: inline-block; margin-right: 5px; padding: 3px 6px; border-radius: 4px; font-size: 13px; font-weight: 400; color: var(--color-white); }
.lnbTop .myInfo .name span.v1 { background-color: #4E6CB6; }
.lnbTop .myInfo .name span.v2 { background-color: #764A8F; }
.lnbTop .myInfo .name span.v3 { background-color: rgba(5, 120, 156, 0.95); }
.lnbTop .myInfo .name span.v4 { background-color: #59509E; }
.lnbTop .myInfo .name span.v5 { background-color: #229068; }
/*
v1 기업
v2 MD
v3 위원
v4 제휴
v5 예비
*/
.lnbTop .myInfo .recentDate { font-size: 13px; color: var(--color-gray-70); }
.lnbUl { padding: 16px 20px; } 
.lnbUl li a { display: inline-flex; align-items: center; gap: 10px; position: relative; width: 100%; } 
.lnbUl > li:not(:last-child) { border-bottom: 1px solid var(--color-gray-40); } 
.lnbUl > li > a { padding: 13px 0 13px 14px; } 
.lnbUl a[target=_blank]::after { display: block; content: ""; margin-left: auto; width: 18px; height: 18px; background: url(/portal/images/v2/common/ico-link-gray.svg) no-repeat center; } 
.lnbUl > li > ul {margin:10px 0;}
.lnbUl > li > ul li { font-size: 15px; color: #555; } 
/* .lnbUl > li > ul > li { margin: 9px 0; }  */
.lnbUl > li > ul > li.curr > a { border-radius: 4px; background:#E2EEEF } 
.lnbUl > li > ul > li > a { padding: 8px 12px 8px 24px; line-height: 20px; } 
.lnbUl > li > ul > li > a.curr { border-radius: 4px; background-color: #E2EEEF; }
.lnbUl > li > ul > li > ul > li > a { padding-left: 12px; line-height: 23px; }
.lnbUl > li > ul li a::before { display: block; position: absolute; top: calc(50% - 12px); left: 12px; margin-bottom: auto; line-height: 23px; color:var(--color-gray-70); font-weight: inherit; } 
.lnbUl > li > ul > li > a::before { content: '-'; } 
.lnbUl > li > ul > li > ul { margin: 10px 0 10px 24px; margin-left: 24px; padding: 16px; border-radius: 8px; background-color: #F1F1F1; } 
.lnbUl > li > ul > li > ul > li + li { margin-top: 12px; } 
.lnbUl > li > ul > li > ul > li > a {position:relative; display:inline-block; width:auto;}
.lnbUl > li > ul > li > ul > li > a::before { content: 'ˑ'; top: 2px; left: 0; } 
.lnbUl > li > ul > li > ul > li > a.curr::after {position: absolute; left:12px; bottom:4px; content:""; width: calc(100% - 12px);  height:1px; background:var(--color-primary) } 
.lnbUl li.curr > a { color: var(--color-primary); } 
.lnbUl > li.curr { border-bottom: 0; }
.lnbUl > li.curr > a { border-bottom: 2px solid var(--color-primary); font-weight: 700; } 
.lnbUl > li.curr > a::before { display: block; content: ""; position: absolute; top: 50%; left: 0; margin-top: -2px; border-radius: 100%; width: 4px; height: 4px; background-color: var(--color-primary); } 
.lnbUl li.hasDepth:not(.open) > ul { display: none; } 
.lnbUl li.hasDepth > a::after { display: block; content: ""; margin-left: auto; width: 12px; height: 12px; background: url(/portal/images/v2/component/ico-lnb-arr01.png) no-repeat center / 12px; transition: all 0.2s ease; } 
.lnbUl li.hasDepth.open > a::after { transform: rotate(180deg); } 
.lnbUl li li.hasDepth > a::after { margin-left: 0; background: url(/portal/images/v2/component/ico-lnb-arr02.png) no-repeat center / 12px !important; }
.lnbUl li a.sodamArrow:after {background:url("/portal/images/v2/component/ico-lnb-arr03.svg") no-repeat center/12px; transform: rotate(0) !important;} 
@media (max-width: 1160px) {
    #lnb { display: none; }
}

/* 폼 추가 */
.addForm { display: flex; gap: 10px; }
.addForm + .addForm { margin-top: 10px; }
.addForm > div { flex: 1; }
.btnAddFunc { border: 1px solid var(--color-primary); border-radius: 8px; width: 48px; height: 48px; text-indent: -9999px; background-color: var(--color-primary-10); background-repeat: no-repeat; background-position: center; }
.btnAddFunc.add { background-image: url(/portal/images/v2/content/ico-btn-plus.png); background-size: 12px auto; }
.btnAddFunc.remove { background-image: url(/portal/images/v2/content/ico-btn-minus.png); background-size: 8px auto; }
@media (max-width: 767px) {
    .addForm { flex-direction: column; }
    .btnAddFunc { margin-left: auto; }
}

/*>>>>>>>>>> 페이지 <<<<<<<<<<*/
.subTop { display: flex; align-items: center; position: relative; } 
.subTop .titArea { margin-bottom: 10px; }
.subTop:before { content: ""; position: absolute; right: 60px; bottom: 0; width: 30%; height: 117px; background-repeat: no-repeat; background-position: bottom right; background-size: 100% auto;}
.subTop.v3:before { background-image: url(/portal/images/v2/content/bg-subtop03.png); } 
.subTop.v4:before { background-image: url(/portal/images/v2/content/bg-subtop04.png); } 
.subTop.v5:before { background-image: url(/portal/images/v2/content/bg-subtop05.png); } 
.subTop.v6:before { background-image: url(/portal/images/v2/content/bg-subtop06.png); } 
.subTop.v8:before { background-image: url(/portal/images/v2/content/bg-subtop08.png); } 
.subTop.v9:before { background-image: url(/portal/images/v2/content/bg-subtop09.png); } 
@media (max-width: 1160px) {
    .subTop .titArea { margin-bottom: 16px; }
    .subTop:before { display: none; }
}
@media(max-width:767px) {
    
} 
/*
v3 사업공고·신청
v4 홍보·알림
v5 주요서비스
v6 이용안내
v8 마이페이지
v9 고객지원
*/ 
.subTop::after { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #2567B0;} 
/* .subTop .titArea { margin: 0; }  */
.subCont { display: flex; align-items: stretch; gap: 60px; } 
.subCont + .subCont { margin-top: 64px; } 
.subCont > div { overflow: hidden; } 
.subCont > .cont { flex: 1; padding: 40px 0 0; } 
.subCont .side { display: none; flex: 0 0 336px; padding: 40px; border-left: 1px solid var(--color-gray-40); }
.subCont .side .in .top { margin-bottom: 32px; padding-bottom: 16px; border-bottom: 1px solid #aaa; } 
.subCont .side .in .top { display: flex; align-items: center; justify-content: space-between; }
.subCont .side .checkboxWrap { gap: 12px 45px; } 
.section:not(:first-child) { margin-top: 64px; }
.hide + .section {margin-top:0;}
/* form .section:first-of-type {margin-top:0 !important;} */

.searchArea { padding: 24px; border-radius: 6px; background: #F1F7F8; }
.searchArea .in { position: relative; padding-right: 288px; }
.searchArea .in .rt { display: flex; gap: 8px; position: absolute; right: 0; bottom: 0; }
.searchArea .in h3 {margin-bottom:16px; font-size:17px;}
.searchArea .inTit {flex:none; font-size:15px; font-weight:700;}
.searchArea .flexInTitWrap {display:flex; flex-wrap:wrap; gap:10px;}
.searchArea .flexInTitWrap > .flexWrap {flex:1 0 453px}
.searchArea ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 20px; }
.searchArea ul li { width: calc(50% - 10px); }
.searchArea dl { display: flex; align-items: center; min-height: 48px; }
.searchArea dl dt { /* flex: 0 0 72px; */ flex: 0 0 72px; line-height: 1.5;  font-size: 15px; font-weight: 700; color: var(--color-base); }
.searchArea dl dd { flex: 1; }
.searchArea dl dd > select { max-width: 100%; }
.searchArea dl dd input { background-color: var(--color-white) !important; }
.searchArea dl dd .date input:read-only {background-color:var(--bg-readOnly) !important}
.searchArea dl dd .checkboxWrap { gap: 10px; }
.searchArea dl dd .checkboxBtn input + label {padding-left:16px; border-color: var(--border-color) !important; line-height: 46px !important; font-weight: 400 !important; color: var(--color-base) !important; background: var(--color-white) !important; }
.searchArea dl dd .checkboxBtn input:checked + label { font-weight: 700 !important; color: var(--color-white) !important; }
.searchArea dl dd .checkboxBtn input.label01:checked + label { background: #4E6CB6 !important; }
.searchArea dl dd .checkboxBtn input.label02:checked + label { background: #83579C !important; }
.searchArea dl dd .checkboxBtn input.label03:checked + label { background: #229068 !important; }
.searchArea dl dd .date input { max-width: 190px; }
.searchDefault input { width: 100%; }
.searchDefault .keywordcmb { display: flex; flex-wrap: wrap; gap: 10px; }
.searchDefault .keywordcmb select { width: 200px; }
.searchDefault .keywordcmb input { flex: 1; width: inherit; }
.searchDetail { display: none; margin-top: 24px; }
.flexWrapChk .flexForm { flex: 1; width: 100%; }
.flexForm { display: flex; flex-wrap: wrap; gap: 10px; }
.flexForm > div { flex: 1; }
.flexForm select { max-width: 100%; }
.srchFlexWrap01 {display:flex; gap:10px;}
@media (max-width: 1600px) {
    .searchArea .in { padding-right: 0 ; padding-bottom: 72px; }
    .searchArea ul { gap: 10px 20px; }
}
@media (max-width: 1160px) {
    .searchArea { padding: 24px 16px; }
    .searchArea ul li { width: 100%; }
    .searchArea dl { flex-direction: column; align-items: flex-start; height: inherit; }
    .searchArea dl dt { flex: none; margin-bottom: 8px; }
    .searchArea dl dd { width: 100%; }
    .searchArea dl dd .date input { max-width: 100%; }
    .searchArea .flexInTitWrap {flex-direction: column; align-items: stretch;}
    .searchArea .flexInTitWrap > .flexWrap {flex-direction:column; align-items: stretch; flex:none}
    .flexForm { flex-direction: column; }
    .srchFlexWrap01 {flex-direction: column;}
    .srchFlexWrap01 > * {width:100% !important; max-width:100% !important;}
}
@media(max-width:767px) {
	.searchArea .in .rt .btn {padding:0 16px}
	.searchArea dl dd .date select {max-width:100%;}
    .searchDefault .keywordcmb { flex-direction: column; }
    .searchDefault .keywordcmb select { width: 100%; max-width: 100%; }
    .searchDefault .keywordcmb input { flex: initial; max-width:100%; }
}

/* 검색영역 */
.srchBox {margin-bottom:32px; padding:24px; border-radius:6px; background:#F1F7F8;}
.srchBox .inFlex {display:flex; gap:8px;}
.srchBox input[type="text"],
.srchBox select {font-size:15px;}
.srchBox input[type="text"] {color: var(--color-gray-50);}
.srchBox select {color:var(--color-gray-70);}
.srchBox button {flex:none;}
.grayBox + .srchBox {margin-top:10px;}
@media(max-width:767px) {
    .srchBox .inFlex {flex-wrap:wrap;}
    .srchBox .inFlex > *:not(button) {width:100% !important; max-width:100% !important;}
    .srchBox .inFlex .btnSrch {margin-left:auto;}
}

/* 동영상 비율 */
.videoWrap {position:relative; aspect-ratio:16/9}
.videoWrap iframe {height:100% !important}

/*** 운영기관 소개 ***/
/* 운영기관 소개 */
.operTop { display: flex; flex-direction: column; gap: 24px; padding: 50px; border-radius: 20px; background: #E9EEF2 url(/portal/images/v2/content/bg-ope01.png) no-repeat right top; } 
.operTop h4 {line-height:1.3; font-size: 40px; font-weight: 400; } 
.operTop h4 strong { font-weight: 700; } 
.operTop p { color: #555; } 
.operUlist { margin: 64px 0; } 
.operUlist ul { display: flex; gap: 32px; } 
.operUlist ul > li { display: flex; align-items: center; flex: 1; gap: 40px; padding: 26px 30px; border: 1px solid var(--color-gray-40); border-radius: 16px; } 
.operUlist ul > li .icoArea { flex: 0 0 70px; } 
.operUlist ul > li strong { display: block; margin-bottom: 10px; font-size:19px;} 
.operUlist ul > li p {font-size:15px; color:var(--color-gray-70)} 
.operFunc { display: flex; gap: 40px; } 
.operFunc h4 { line-height: 1.3; font-size: 36px; } 
.operFunc .left { flex: 1; padding: 30px; border-radius: 16px; max-width: 396px; background: #F2F2F2 url(/portal/images/v2/content/bg-ope02.png) no-repeat right bottom; } 
.operFunc .right { position: relative; width: 66%; } 
.operFunc .right::before { display: block; content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: var(--color-gray-40); } 
.operFunc .right ul { display: grid; gap: 5px 80px; grid-template-columns: repeat(2, 1fr); } 
.operFunc .right ul li { min-height: 70px; word-break: keep-all; font-size: 19px; font-weight: 700; } 
.operFunc .right ul li:nth-child(7) { margin-top: -20px; } 
.operFunc .right ul li span { display: block; font-size: 15px; color: #023CA4; }
.historyWrap { margin-top: 64px; } 
.historyWrap h4 { margin-bottom: 10px; border-bottom: 2px solid #2567B0; text-align:center; font-size: 50px; font-weight: 700; color: #CFD6E9; } 
.history { display: flex; flex-direction:column; padding: 40px 0 20px; width: 100%; } 
.history .tabCont { flex: 1; overflow: hidden; } 
.hisLnb { margin-bottom:40px; } 
.hisLnb > ul { display: flex; justify-content:center; gap: 32px; } 
.hisLnb > ul li {padding-bottom:10px; border-bottom:1px solid #ccc;}
.hisLnb p { white-space: nowrap; font-size: 19px; font-weight: 700; color: #ccc; } 
.hisLnb a { display: flex; flex-direction:column; align-items:center; position: relative; font-size: 15px; } 
/* .hisLnb a::after { display: inline-flex; content: ""; position: absolute; top: 50%; left: 100%; margin-top: -7px; margin-left: 5px; width: 14px; height: 14px; background: url(/portal/images/v2/content/ico-ope-arr.png) no-repeat center / 14px; }  */
.hisLnb li.curr {border-bottom:2px solid var(--color-primary);}
.hisLnb li.curr a {color: var(--color-primary); font-weight:700; } 
.hisLnb li.curr p { color: #555; } 
.history .swiper { padding-bottom: 30px; } 
.hisList {position:relative;}
.hisList:before {position:absolute; content:""; left:50%; top:0; bottom:0; width:1px; height:100%; background:#ccc;} 
.hisList .hisBox {position:relative; padding-bottom:50px;}
/* .hisList .hisBox { padding-left: 78px; width: 294px; }  */
.hisList .hisBox:first-child {padding-top:8px;}
.hisList .hisBox:last-child {padding-bottom:0;}
.hisList .hisBox:nth-child(odd) {margin-left:50%; padding-left:20px;}
.hisList .hisBox:nth-child(even) {margin-right:50%; padding-right:20px; text-align:right}
.hisList .hisBox:nth-child(even) > ul {display:inline-flex; flex-direction:column; align-items:flex-end;}
.hisList .hisBox::before {position:absolute; content:""; top:0; border-radius:50%; width:6px; height:6px; background:#aaa}
.hisList .hisBox:nth-child(odd):before {left:-3px;}
.hisList .hisBox:nth-child(even):before {right:-3px;}
/* .hisList .hisBox::before { display: block; content: ""; position: absolute; top: 45px; left: 0; width: 6px; height: 500px; background: url(/portal/images/v2/content/bg-ope03.png) no-repeat top center; }  */
.hisList .hisBox p {line-height:1; font-size: 25px; font-weight: 700; color: #4E6CB6; } 
.hisList .hisBox > ul { padding: 8px 0; } 
.hisList .hisBox > ul li + li { margin-top: 15px; } 
.hisList .hisBox ul strong { font-size: 15px; } 
.hisList .hisBox ul ul { display: flex; flex-direction: column; gap: 15px; } 
.hisList .hisBox ul ul li { position: relative; margin-left:6px; padding-left: 10px; text-indent:-10px; line-height:1.3;} 
.hisList .hisBox ul ul li::before {content: "·"; margin-right:6px;} 
@media(max-width:1160px) {
    .operTop {padding:37px;}
    .operTop h4 {font-size:34px;}
    .operUlist ul {flex-direction: column;}
/*     .hisLnb {margin-right:40px;} */
}
@media(max-width:767px) {
    .operTop {padding:24px 24px 224px; background-image: url("/portal/images/v2/content/bg-ope01-m.png"); background-position: bottom right;}
    .operTop h4 {font-size:27px;}
    .operTop p {font-size:15px;}
    .operUlist ul {gap:16px;}
    .operUlist ul > li {gap:24px; padding:16px 24px;}
    .operFunc {flex-direction: column; gap:16px;}
    .operFunc h4 {font-size:32px;}
    .operFunc .left {flex:none; max-width:100%; height:160px; background-size:178px;}
    .operFunc .right {width:100%;}
    .operFunc .right::before {content:none;}
    .operFunc .right ul {display:block;}
    .operFunc .right ul li {min-height:auto;}
    .operFunc .right ul li + li {margin-top:20px;}
    .operFunc .right ul li:nth-child(7) { margin-top: 20px; } 
    .history {padding-top:30px;}
    .history .tabCont {margin-top:32px;}
    .hisLnb  {margin:0;}
    .hisLnb > ul {gap:10px}
    .hisLnb > ul li {flex:1;}
    .hisLnb li.curr a {font-size:15px;}
    .hisLnb p {letter-spacing:-0.03em; font-size:16px;}
    .hisList:before {content:none;}
/*     .hisList .hisBox {padding-left:0; width:100%;} */
	.hisList .hisBox {padding-bottom:40px;}
    .hisList .hisBox::before {content:none;}
    .hisList .hisBox:first-child {padding-top:0;}
    .hisList .hisBox:nth-child(odd) {margin-left:0; padding-left:0;}
	.hisList .hisBox:nth-child(even) {margin-right:0; padding-right:0; text-align:left}
	.hisList .hisBox:nth-child(even) > ul {display:block;}
    .hisList .hisBox p {position:initial; line-height:1;}
    .hisList .hisBox > ul {padding:16px 0 0;}
    .hisList .hisBox ul ul li {font-size:15px;}
    .history .swiper .swiper-wrapper {flex-direction: column; gap:40px; transform:translate3d(0px, 0px, 0px) !important}
    .history .swiper-scrollbar {display:none;}

}
/*** 사업공고·신청 ***/
/* 지원사업 안내 */
.sprtProgramSrch {padding:24px; border-radius:6px; background-color:#F1F7F8;}
.sprtProgramSrch .inFlex {display:flex; align-items:center; gap:24px;}
.sprtProgramSrch .inFlex .txtBox {flex:1;}
.sprtProgramSrch .inFlex .txtBox span {min-width:300px; font-size:21px; font-weight:300; vertical-align:top;}
.sprtProgramSrch .inFlex .txtBox b {font-weight:700;}
.sprtProgramSrch .inFlex .txtBox .tooltip {display:inline-block; margin-top:3px; vertical-align:top;}
.sprtProgramSrch .inFlex select {max-width:240px;}
.sprtProgramWrap {display:flex; gap:60px;}
.sprtProgramBox {width:75%; padding:24px 32px; border:1px solid #ccc; border-radius:12px; }
.sprtProgramBox .topArea {display:flex; align-items:center; gap:24px; margin-bottom:24px;}
.sprtProgramBox .inTxtArea {flex:1;}
.sprtProgramBox .inTxtArea h3 {padding-bottom:8px; border-bottom:1px solid #ccc; font-size:21px;}
.sprtProgramBox .inTxtArea p {padding-top:16px; line-height:1.3; font-size:15px; color:var(--color-gray-70); font-weight:700;}
.sprtProgramBox .inBtnArea {display:flex; gap:10px}
.sprtProgramBox img {height: auto !important;}
.sprtProgramList {position:relative; order:2; padding:24px 32px; border-left:1px solid #ccc; width:25%;}
.sprtProgramList > a {display:none; padding:0 48px 0 16px; border:1px solid var(--border-color); border-radius: 8px; width: 100%; height: 48px; text-align: left; line-height: 46px; background: var(--color-white) url(/portal/images/v2/component/ico-select-arr.svg) no-repeat right 16px center / 12px;}
.sprtProgramList > ul li a {display:flex; position:relative; padding:8px 8px 8px 24px; min-height:39px; font-size:15px; color:var(--color-gray-70); font-weight:600;}
.sprtProgramList > ul li a:before {position:absolute; top:17px; left:10px; content:""; border-radius:50%; width:4px; height:4px; background-color:var(--color-gray-70);}
.sprtProgramList > ul li a.curr {border:1px solid var(--color-primary); border-radius:4px; color:var(--color-primary); font-weight:700;}
.sprtProgramList > ul li a.curr:before {background-color:var(--color-primary)}
.guideBtnArea {float:right; width:calc(25% - 13px);}
.guideBtnArea .btn {width:calc(50% - 3px);}
@media(max-width:1300px) {
    .sprtProgramWrap {gap:30px;}
    .sprtProgramBox .topArea {flex-direction: column; align-items: flex-start;}
    .sprtProgramBox .inTxtArea {width:100%;}
    .sprtProgramBox .inBtnArea {margin-left:auto;}
    .sprtProgramList {padding:24px;}
}
@media(max-width:1260px) and (min-width:1161px) {
	.guideBtnArea {float:initial; display:flex; justify-content:flex-end; gap:4px; margin-bottom: 16px; width:100%;}
	.guideBtnArea .btn {width:auto;}	
}
@media(max-width:1160px){
	.guideBtnArea {width:calc(25% - 6px);}
}
@media(max-width:900px) {
	.guideBtnArea {float:initial; display:flex; justify-content:flex-end; gap:4px; margin-bottom: 16px; width:100%;}
	.guideBtnArea .btn {width:auto;}	
}
@media(min-width:768px) {
    .sprtProgramList > ul {display:block !important;}
}
@media(max-width:767px) {
    .sprtProgramSrch .inFlex {flex-wrap:wrap; gap:10px;}
    .sprtProgramSrch .inFlex > * {flex:1 0 calc(50% - 5px);}
    .sprtProgramSrch .inFlex select {max-width:100%;}
    .sprtProgramSrch .inFlex p {min-width:initial; font-size:17px;}
    .sprtProgramWrap {flex-direction: column; gap:40px;}
    .sprtProgramBox {order:2; padding:0; border:none; width:100%;}
    .sprtProgramList {order:1; padding:0; border-left:0; width:100%;}
    .sprtProgramList > a {display:block; position:relative; z-index:2; font-size:15px;}
    .sprtProgramList > ul {display:none; position:absolute; top:calc(100% - 7px); left:0; z-index:1; padding-top:7px; border:1px solid var(--border-color); border-top:0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width:100%; background:#fff;}
    .sprtProgramList > ul li a {align-items:center; padding:0 16px; min-height:48px; color:var(--color-base); font-weight:400;}
    .sprtProgramList > ul li a:before {content:none;}
    .sprtProgramList > ul li a.curr {border:none; color:var(--color-base); font-weight:400; background-color:transparent;}
    .sprtProgramList > ul li a:hover {color:var(--color-primary); background-color:#F1F7F8;}
}

/* 지원사업 공고·신청 */
.supportProgramList > li {display: flex; justify-content:space-between; align-items: center; gap: 40px; padding: 30px 40px; border-radius: 12px; border: 1px solid #CCC;}
.supportProgramList > li + li {margin-top:16px;}
.supportProgramList .infoBox {width:calc(100% - 164px)}
.supportProgramList .infoBox > strong {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height:63px; line-height:1.3; font-size: 21px; font-weight:600;}
.supportProgramList .infoBox > p {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top:16px; max-height: 39px; line-height:1.3; font-size: 15px; color: var(--color-gray-70);}
.supportProgramList .infoBox > p + p {margin-top:0;}
.supportProgramList .infoBox > em {display:block; margin-top:28px; line-height:1.3; font-size:17px; color:#556E96; font-weight:500;}
.supportProgramList .infoBox > span {display:block; border-top:1px solid var(--color-gray-40); margin-top:13px; padding-top:16px; line-height:1.3; font-size:15px; font-weight:500;}
.supportProgramList .badgeArea {margin-bottom:10px;}
.supportProgramList .badgeArea > .top {display:flex; margin-bottom:5px;} 
.supportProgramList .btnBox {width:124px;}
.supportProgramList .btnBox button {width:100%;}
.supportProgramList .btnBox > * + * {margin-top:10px;}
.supportProgramList [class*="checkbox"]:not(.checkboxWrap) .badge {flex:none;}
/* .supportProgramList [class*="checkbox"]:not(.checkboxWrap) input + label {display:flex; align-items:center; gap:10px; line-height:1.3; font-size:21px; font-weight:600;}
.supportProgramList [class*="checkbox"]:not(.checkboxWrap) input + label::before {top:5px;}
.supportProgramList [class*="checkbox"]:not(.checkboxWrap) input + label > em {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden; text-overflow:ellipsis; max-height:63px;} */
.supportProgramList [class*="checkbox"]:not(.checkboxWrap) label {display:flex; align-items:center; gap:10px; line-height:1.3; font-size:21px; font-weight:600;}
.supportProgramList [class*="checkbox"]:not(.checkboxWrap) label > em {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; text-overflow:ellipsis; height:63px; word-break:keep-all;}
.supportProgramList.gird {display:flex; flex-wrap:wrap; gap:16px;}
.supportProgramList.gird > li {flex-direction:column; justify-content:flex-start; width:calc(100%/3 - 11px)}
.supportProgramList.gird > li + li {margin-top:0;}
.supportProgramList.gird .badgeArea {margin-bottom:16px;}
.supportProgramList.gird .infoBox,
.supportProgramList.gird .btnBox {width:100%;}
.supportProgramList.gird .infoBox > span {margin-top:24px;}
.supportProgramList.gird .btnBox {display:flex; justify-content: center; gap:10px}
.supportProgramList.gird .btnBox > * + * {margin-top:0;}
.supportProgramList.gird .btnBox button {width:124px;}
/* .supportProgramList.gird [class*="checkbox"]:not(.checkboxWrap) input + label {flex-direction: column; align-items: flex-start;}
.supportProgramList.gird [class*="checkbox"]:not(.checkboxWrap) input + label::before {top:2px;}
.supportProgramList.gird [class*="checkbox"]:not(.checkboxWrap) input + label > em {margin-left:-25px;} */
.supportProgramList.gird [class*="checkbox"]:not(.checkboxWrap) label {flex-direction: column; align-items: flex-start;}
.serviceSection {display:flex; gap:20px;}
.serviceSection > li {position:relative; overflow:hidden; flex:1; border:2px solid #ddd; border-radius:16px;}
.serviceSection > li:before {position:absolute; right:0; bottom:0; content:""; width:116px; height:86px; background:url("/portal/images/v2/content/bg-service01.svg") no-repeat right bottom; filter:grayscale(1)}
.serviceSection > li a {display:block; position:relative; z-index:2; padding:24px; height:200px;}
.serviceSection > li a:focus {border-radius:16px;}
.serviceSection > li span {display:block; margin-bottom:10px; line-height:20px; font-size:15px; color:var(--color-gray-50); font-weight:700; background:url("/portal/images/v2/component/ico-check-checkbox02.svg") no-repeat right center}
.serviceSection > li strong {display:block; line-height:1.3; font-size:21px; font-weight:700;}
.serviceSection > li.serviceCard02:before {background-image:url("/portal/images/v2/content/bg-service02.svg")}
.serviceSection > li.serviceCard03:before {background-image:url("/portal/images/v2/content/bg-service03.svg")}
.serviceSection > li.serviceCard04:before {background-image:url("/portal/images/v2/content/bg-service04.svg")}
.serviceSection > li.serviceCard05:before {background-image:url("/portal/images/v2/content/bg-service05.svg")}
.serviceSection > li.curr {border-color:var(--color-primary); background-color:#F0F4FC}
.serviceSection > li.curr span {background-image:url("/portal/images/v2/component/ico-check-checkbox02-on.svg");}
.serviceSection > li.curr strong {color:var(--color-primary);}
.serviceSection > li.curr:before {filter:none}
.tableTop .guideBtnBox {margin-left: auto; width: calc(33.3% - 8px);}
.tableTop .guideBtnBox .btn {width: calc(50% - 3px);}
@media(max-width:1460px) {
    .serviceSection {flex-wrap:wrap;}
    .serviceSection > li:nth-child(-n+3) {flex:1 0 calc(100%/3 - 16px);}
}
@media(max-width:1300px) {
    .supportProgramList.gird > li {width:calc(100%/2 - 8px)}
    .tableTop .guideBtnBox,
    .tableTop .guideBtnBox .btn {width:auto;}
}
@media(max-width:767px) {
    .supportProgramList > li {flex-direction:column; align-items:stretch; padding:24px;}
    .supportProgramList .infoBox {width:100%;}
    .supportProgramList .infoBox > em {margin-top:16px;}
    .supportProgramList .infoBox > span {margin-top:8px; padding-top:8px;}
    .supportProgramList .badgeArea {margin-bottom:16px;}
    .supportProgramList .btnBox {display:flex; gap:10px; width:100%; justify-content:center;}
    .supportProgramList .btnBox > * + * {margin-top:0;}
    .supportProgramList [class*="checkbox"]:not(.checkboxWrap) {padding: 0;}
    /* .supportProgramList [class*="checkbox"]:not(.checkboxWrap) input + label::before {position:initial;} */
    .supportProgramList [class*="checkbox"]:not(.checkboxWrap) input + label > em {width:100%;}
    .supportProgramList.gird > li {width:100%}
    .supportProgramList.gird .badgeArea {margin-bottom:16px;}
    .serviceSection {flex-direction: column; gap:10px;}
    .serviceSection > li:before {width:70px; height:52px; background-size:100%;}
    .serviceSection > li a {padding:18px 20px; height:80px}
    .serviceSection > li span {margin-bottom:5px; padding-left:20px; font-size:13px; background-position:left top 2px; background-size:16px;}
    .serviceSection > li strong {font-size:15px;}
}
/* 지원사업 공고·신청 상세 */
.sprtDetailWrap .topTit {padding-bottom:24px; border-bottom:1px solid #ccc;}
.sprtDetailWrap .topTit .badgeArea {margin-bottom:10px;}
.sprtDetailWrap .topTit .subject {display:flex; gap:10px;}
.sprtDetailWrap .topTit .subject .badge {flex:none; margin-top:6px;}
.sprtDetailWrap .infoBox {padding:16px 0;}
.sprtDetailWrap .infoBox dl {display:flex;}
.sprtDetailWrap .infoBox dl + dl {margin-top:10px;}
.sprtDetailWrap .infoBox dl dt {display:inline-block; min-width:100px; font-size:15px; color:var(--color-base); font-weight:700;}
.sprtDetailWrap .infoBox dl dd {flex:1; font-size:15px; color:var(--color-gray-70)}
.sprtDetailWrap .infoBox dl dd .slashList { display: flex; }
.sprtDetailWrap .infoBox dl dd .slashList li + li { position: relative; margin-left: 10px; padding-left: 10px; }
.sprtDetailWrap .infoBox dl dd .slashList li + li:before { content: ""; position: absolute; top: 6px; left: 0; width: 1px; height: 10px; background: #AAAAAA; }
.sprtDetailWrap .attachInfo {margin-top:0;}
.sprtDetailWrap .attachInfo .infoUl {width:100%;}
.sprtDetailWrap .btmInfo {margin-top:16px; line-height:1.3; font-size:15px; color:var(--color-gray-70)}
.sprtDetailWrap .borderT {margin-top:10px; padding:10px 0; border-top:1px solid #ccc; font-size:15px; color:var(--color-gray-70)}
.sprtDetailWrap .borderT + dl {margin-top:20px;}
.sprtDetailWrap .detailTable {padding-top:16px; border-top:1px solid var(--color-secondary-50);}
.sprtDetailWrap .detailTable dl {display:flex;}
.sprtDetailWrap .detailTable dl + dl {margin-top:20px;}
.sprtDetailWrap .detailTable dt {padding-right:10px; max-width:100px; min-width:100px; font-size:15px; font-weight:700; word-break:keep-all;}
.sprtDetailWrap .detailTable dd {flex:1; font-size:15px; color:var(--color-gray-70)}
.blueOlList {display:flex; flex-wrap:wrap; gap: 10px; max-width: 91%;}
.blueOlList li {flex:1 0 calc(50% - 5px); display:flex; align-items:flex-start; gap:10px; font-size:15px; color:var(--color-gray-70)}
.blueOlList .num {display:inline-block; padding:4px 5px; border-radius:2px; line-height:100%; font-size:13px; color:var(--color-white); font-weight:700; background:#2568AF; white-space:nowrap;}
@media(max-width:767px){
    .sprtDetailWrap .topTit .subject {flex-direction:column; align-items:flex-start;}
    .sprtDetailWrap .infoBox dl {flex-wrap:wrap; gap:10px 0;}
    .sprtDetailWrap .infoBox dl dt {min-width:80px;}
    .sprtDetailWrap .infoBox dl dd {flex:none; width:calc(100% - 80px);}
    .sprtDetailWrap .detailTable dl {flex-wrap:wrap; gap:8px;}
    .sprtDetailWrap .detailTable dt {padding-right:0px; max-width:100%; min-width:auto; width:100%;}
    .blueOlList {max-width:100%;}
    .blueOlList li {flex:1 0 100%;}
}

/* S-실전단계 메뉴판 */
.greenBox {padding:24px; border-radius: 6px; font-size: 21px; color:var(--color-base); font-weight: 500; background-color: #F1F7F8; word-break:keep-all; overflow-wrap: anywhere;}
.greenBox .dotList li {font-size:21px;}
.greenBox .dotList > li::before {top: 14px;}
.menuBoard .inItem {display:flex; flex-direction:column; gap:16px; padding:30px; border:1px solid #ccc; border-radius: 12px; }
.menuBoard .inItem .itemTop {display:flex; justify-content: space-between; flex-wrap: wrap; gap:10px;}
.menuBoard .inItem .itemTop .lt {display:flex; gap:10px;}
.menuBoard .inItem .itemTop .rt .date {line-height:1.3; font-size:15px; color:var(--color-base); font-weight: 500;}
.menuBoard .inItem .itemTop [class*="checkbox"]:not(.checkboxWrap) input + label {padding-left:28px; padding-right:6px; border-radius:4px; line-height:24px; font-size:13px; background: #EDF1F5;}
.menuBoard .inItem .itemTop [class*="checkbox"]:not(.checkboxWrap) input + label::before {top:5px; left:6px; width:16px; height:16px;}
.menuBoard .inItem .itemCont {display:flex; gap:10px; align-items: center;}
.menuBoard .inItem .itemCont .txtBox {flex:1;}
.menuBoard .inItem .itemCont .txtBox strong {display:block; line-height:1.3; font-size:23px; color:var(--color-base); font-weight:600; word-break:keep-all; overflow-wrap: anywhere;}
.menuBoard .inItem .itemCont .txtBox p {display:block; margin-top:6px; line-height:1.3; font-size:19px; color:var(--color-base); font-weight:600; word-break:keep-all; overflow-wrap: anywhere;}
.menuBoard .inItem .itemBorderBtm {padding-top:16px; border-top:1px solid #ccc;}
.menuBoard .inItem .itemBorderBtm p {line-height: 1.3; font-size:15px; color:var(--color-gray-70); word-break:keep-all; overflow-wrap: anywhere;}
.menuBoard .menuPanel {display:flex; gap:16px;}
.menuBoard .menuPanel .inItem {width:calc(50% - 8px)}
.menuBoard .menuBoardList {display:flex; flex-wrap:wrap; gap:16px; margin-top:16px;}
.menuBoard .menuBoardList .inItem {width:calc(25% - 12px)}
.menuBoard .menuBoardList .inItem .txtBox strong {display:block; margin-bottom:6px; font-size:21px;} 
.menuBoard .menuBoardList .inItem .txtBox span {line-height:1.4; font-size:15px} 
.menuBoard .menuBoardList .inItem .btnBox {margin-top:auto;}
.menuBoard .menuBoardList .inItem .btnBox .btn {width: 100%;}
@media(max-width:1470px) and (min-width: 1161px) {
    .menuBoard .menuBoardList .inItem {width:calc(50% - 8px)}
}
@media(max-width:1028px) {
    .menuBoard .inItem .itemCont {flex-direction: column; align-items: stretch;}
    .menuBoard .menuPanel .inItem .itemCont .btnBox .btn {width:100%;}
    .menuBoard .menuBoardList .inItem {width:calc(50% - 8px)}
}
@media(max-width:767px) {
    .greenBox {padding:16px; font-size:19px;}
    .greenBox .dotList li {font-size:19px;}
	.greenBox .dotList > li::before {top:12px;}
    .menuBoard .menuPanel {flex-wrap: wrap;}
    .menuBoard .menuPanel .inItem {width:100%;} 
    /* .menuBoard .menuPanel .inItem .itemCont .btnBox {display:flex; justify-content: center;}
    .menuBoard .menuPanel .inItem .itemCont .btnBox .btn {width:auto} */
    .menuBoard .menuBoardList .inItem {width:100%}
    /* .menuBoard .menuBoardList .inItem .btnBox {display:flex; justify-content: center;}
    .menuBoard .menuBoardList .inItem .btnBox .btn {width: auto;} */
}
.newLoadingWrap {display:flex; justify-content:center; align-items:center; position:fixed; left:0; top:0; z-index: 1000; width:100%; height:100%; background:rgb(00,00,00,0.6)}
.newLoadingWrap .spinners {width:56px; height:56px; background:url("/portal/images/v2/common/img-spinners.png") no-repeat center; animation: spin 1s linear infinite;}
@keyframes spin {
    100%
    {
        transform: rotate(360deg);
    }
}

/* 우선순위 리스트 */
.priorityList strong {display:block; margin-bottom: 4px; font-weight:700;}
.priorityList li + li {margin-top:24px;} 

/* 추천조합 */
.colBoxWrap {display:flex; flex-direction: column; gap:16px;}
.colBoxWrap [class *= "colBox"] {display:flex; gap:10px; padding:20px; border:1px solid; border-radius:16px;}
.colBoxWrap [class *= "colBox"] .tit {display:flex; justify-content:center; align-items:center; width:200px; line-height:1.3; font-size:24px; font-weight:700;}
.colBoxWrap [class *= "colBox"] > ul {display:flex; gap:10px; flex:1;}
.colBoxWrap [class *= "colBox"] > ul li {flex:1;}
.colBoxWrap [class *= "colBox"] > ul li > div { border-radius:16px;}
.colBoxWrap [class *= "colBox"] .inTxtBox {display:flex; justify-content:center; align-items:center; gap:10px; padding:16px; min-height:140px;}
.colBoxWrap [class *= "colBox"] .inTxtBox > span {line-height:1.3; font-size:17px; color:#000; font-weight:600;}
.colBoxWrap .colBox01 {border-color:#4E6CB6;}
.colBoxWrap .colBox02 {border-color:#147EA1;}
.colBoxWrap .colBox03 {border-color:#229068;}
.colBoxWrap .colBox01 .tit {color:#4E6CB6;}
.colBoxWrap .colBox02 .tit {color:#147EA1;}
.colBoxWrap .colBox03 .tit {color:#229068;}
.colBoxWrap .colBox01 > ul li > div{background-color:#F3F6FF;}
.colBoxWrap .colBox02 > ul li > div{background-color:#E3ECF8;}
.colBoxWrap .colBox03 > ul li > div{background-color:#ECF4F1;}
@media(max-width:1160px) {
	.colBoxWrap [class *= "colBox"] {flex-direction: column;}
	.colBoxWrap [class *= "colBox"] > ul {flex-wrap:wrap;}
	.colBoxWrap [class *= "colBox"] > ul li {flex: 1 1 218px;}
	.colBoxWrap [class *= "colBox"] .tit {justify-content: stretch; font-size:22px}
	.colBoxWrap [class *= "colBox"] .inTxtBox {min-height:110px}
	.colBoxWrap [class *= "colBox"] .inTxtBox img {width:60px;}
}
@media(max-width:767px) {
	.colBoxWrap [class *= "colBox"] .tit {font-size:19px}
}
@media(max-width:533px) {
	.colBoxWrap [class *= "colBox"] .inTxtBox {justify-content: stretch;}
}
/* //E-실전단계 메뉴판 */

/* 국내 판로지원사업전체보기 */
.lineBoxList04 {display:flex; flex-wrap:wrap; gap:16px;}
.lineBoxList04 li {padding:30px; border:1px solid #ccc; border-radius:12px; width:calc(100%/3 - 11px);}
.lineBoxList04 li .badgeArea {margin-bottom:10px;}
.lineBoxList04 li > strong {display:block; margin-bottom:16px; line-height:1.3; font-size:19px; font-weight:600;}
.lineBoxList04 li > span {display:block; line-height:1.3; font-size:15px; font-weight:500;}
.lineBoxList04 .btnBottom {margin-top:26px;}
@media(max-width:1300px) {
    .lineBoxList04 li {width:calc(100%/2 - 8px);}
}
@media(max-width:900px) {
    .lineBoxList04 li {width:100%;}
}
@media(max-width:767px) {
    .lineBoxList04 li {padding:16px;}
}

/* 지원사업 신청현황 */
.blueBox {margin-top:16px; padding:20px 30px; border-radius:12px; background: var(--color-secondary-5)}
.blueBox .inFlex {display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center; gap:10px;}
.blueBox .inFlex .tit {line-height:1.3; font-size:19px; color:var(--color-gray-70); font-weight:700;}
.blueBox .inFlex .tit.ico {padding-left:25px; background:no-repeat left center;}
.blueBox .inFlex .tit.ico.ico01 {background-image: url("/portal/images/v2/content/ico-write.svg");}
.sprtPjStep {margin:64px 0; padding-top:9px; overflow-x:auto;}
.sprtPjStep ol {display:flex; position: relative;}
.sprtPjStep ol li {flex:1; position:relative; padding-top:26px; min-width:166px; border-top:1px solid #aaa;}
.sprtPjStep ol li:before {position:absolute; left:0; top:-9px; content:""; border:3px solid #4E6CB6; border-radius:50%; width:20px; height:20px; background-color:#fff; box-sizing:border-box; z-index:3;}
.sprtPjStep ol li strong {display:block; margin-bottom:2px; line-height:1.3; font-size:17px; font-weight:700;}
.sprtPjStep ol li p {line-height:1.3; font-size:15px; color:var(--color-gray-70)}
.qList {border-top:1px solid var(--color-secondary-50);}
.qList > li {display:flex; justify-content:space-between; gap:68px; padding:16px; border-bottom:1px solid #ccc;}
.qList .txtArea p {color:#000;}
.qList .ansrArea {flex:none;}
.squareType {position: relative; overflow:hidden;}
.squareType .swiper-slide {flex:1; height: auto;}
.squareType .swiper-slide a {display:block; padding:10px 16px; width:100%; height:100%; border-radius: 8px; line-height:1.3; font-size:15px; color:var(--color-gray-50); font-weight:700; background:#F1F1F1; word-break: keep-all;}
.squareType .swiper-slide a span {display:block; margin-bottom:2px; line-height:1.3; font-size:13px; color:var(--color-gray-50); font-weight:700;}
.squareType .swiper-slide a.curr {color:#fff; background-color: var(--color-secondary);} 
.squareType .swiper-slide a.curr span {color:#fff;}
.squareType .categorySwiper .swiper-button-next,
.squareType .categorySwiper .swiper-button-prev {display:none;}
/* .squareType .categorySwiper .swiper-button-next {display:none; height:100%; height:100%;}
.squareType .categorySwiper .swiper-button-next:before {height:100%; background-size:cover;}
.squareType .categorySwiper .swiper-button-next.swiper-button-disabled:before {opacity:0;} */
.esgIntro { display: flex; gap: 40px; }
.esgIntro .inImg { flex-shrink: 0; }
.esgIntro .inWrap {display:flex; flex-direction: column; gap:10px;}
.esgIntro strong {display:block; line-height:1.5; font-size:21px; font-weight:700;}
.esgIntro p {display:block; line-height:1.5; font-size:17px; color:var(--color-gray-70);}
.qWrap {border-top:1px solid var(--color-secondary-50)}
.qWrap + .titArea {margin-top:26px;}
.qWrap > li + li {margin-top:20px;}
.qWrap .qArea {padding:10px 16px; border-bottom:1px solid #ccc;}
.qWrap .qArea .inFlex {display:flex; align-items: flex-start; gap:10px;}
.qWrap .qArea .num {display:inline-flex; align-items: center; padding:3px 6px; border-radius: 4px; line-height:1.3; font-size:13px; color:#023CA4; font-weight:700; background:#EFF5FF;}
.qWrap .qArea p {line-height:1.5; font-size:17px; font-weight:600;}
.qWrap .aArea {padding:16px; } 
.cdTimer {font-size:15px !important; color:var(--color-primary) !important; font-weight:700 !important;}
.tableInImg {display:inline-block; width:60px; height:60px;}
.tableInImg img {width:100%; height:100%; object-fit:cover;}
.tableInInfoTxt {margin-top:5px; padding-top:5px; border-top:1px solid #ccc; font-size:15px; color:var(--color-gray-70);}
.txtTool .tooltip {display:inline-block; vertical-align:middle;}
@media(min-width:768px) {
    .squareType .swiper-wrapper {transform:translate3d(0px, 0px, 0px) !important;}
}
@media(max-width:767px) {
    .qList > li {flex-direction: column; gap:16px;}
    .squareType .swiper-slide {min-width:148px;}
    .squareType .categorySwiper .swiper-button-next,
    .squareType .categorySwiper .swiper-button-prev {display:block;}
    .esgIntro { flex-direction: column; }
    .esgIntro .inImg { margin: 0 auto; }
}
/* @media(max-width:600px) {
    .esgIntro .inWrap {padding:360px 0 0 0; background-position: top center;}
} */

/* 지원사업별 담당자 */
.supportManagerList {display:flex; gap:16px; flex-wrap:wrap;}
.supportManagerList li {display:flex; flex-direction:column; padding:30px 40px; border:1px solid #ccc; border-radius: 12px; width:calc(33.333% - 11px)}
.supportManagerList strong {display:block; margin-bottom:16px; line-height:1.3; font-size:21px; font-weight:600;}
.supportManagerList span {display:block; margin-bottom:24px; line-height: 1.3; font-size: 15px; color:var(--color-gray-70)}
.supportManagerList p {margin-top:auto; padding-top:16px; border-top:1px solid #c6c6c6; line-height: 1.3; font-size:15px; font-weight:500;}
@media(max-width:860px) {
	.supportManagerList li {width:100%;}
}

/*** 홍보·알림 ***/
/* 우수제품 */
.bestProductList {display:flex; flex-wrap:wrap; gap:60px; margin-top:40px; padding: 0 1px;}
.bestProductList > li {width:calc(25% - 45px)}
.bestProductList > li > a {display:block; position:relative;}
.bestProductList > li > a .mdMark {display:flex; justify-content:flex-end; gap:5px; position:absolute; top:5%; left:0; padding-right:7%; width:100%;}
.bestProductList > li > a .mdMark img {width:15%;}
.bestProductList > li > a span {display:block; font-size:15px; color:#556E96; font-weight:700;}
.bestProductList > li > a p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; height:52px; line-height:1.3; font-size:19px; font-weight:600}
.bestProductList .imgBox {display:flex; justify-content: center; align-items: center; overflow:hidden; margin-bottom:16px; border-radius:10px; aspect-ratio:280/290;}
.bestProductList .imgBox img {width:100%; height:100%; object-fit: cover;}
@media(max-width:1500px) {
    .bestProductList {gap:50px 40px;}
    .bestProductList > li {width:calc(25% - 30px)}
}
@media(max-width:767px) {
    .bestProductList {gap:40px 16px;}
    .bestProductList > li {width:calc(50% - 8px);}
}
/* 우수사례 (판판사례) */
.excellentCaseList {display:flex; flex-wrap: wrap; gap:40px 24px; margin-top:40px;}
.excellentCaseList > li {border:1px solid #ccc; border-radius: 12px; width:calc(33.333% - 16px);}
.excellentCaseList > li a {display:block; padding:30px}
.excellentCaseList > li a:focus {border-radius:12px;}
.excellentCaseList > li a .imgBox {overflow:hidden; border-radius: 8px; margin-bottom:16px; aspect-ratio: 11/5;}
.excellentCaseList > li a .imgBox img {width:100%; height:100%; object-fit: cover;}
.excellentCaseList > li a span {display:block; margin-bottom:8px; line-height:1.3; font-size:19px; font-weight:600;}
.excellentCaseList > li a p {overflow:hidden; white-space:nowrap; padding-bottom:16px; text-overflow:ellipsis; line-height:1.3; font-size:15px; color:var(--color-gray-70)}
@media(max-width:1160px) {
    .excellentCaseList > li a {padding:20px;}
}
@media(max-width:767px) {
    .excellentCaseList {gap:24px;}
    .excellentCaseList > li {width:100%;}
}

/* 유행·트렌드 정보 */
.fanfanMediaList {display:flex; flex-wrap: wrap; gap:24px;}
.fanfanMediaList .fanfanMediaItem {border:1px solid #ccc; border-radius:8px; width: calc(100%/4 - 18px);}
.fanfanMediaList .fanfanMediaItem > a {display:flex; flex-direction: column; padding:20px 16px; height:100%;}
.fanfanMediaList .fanfanMediaItem .fanfanMediaCardThumb {position:relative; margin-bottom:16px; aspect-ratio: 275/152;}
.fanfanMediaList .fanfanMediaItem .fanfanMediaCardThumb img {position:absolute; left:50%; top:50%; width:100%; height:100%; object-fit: cover; transform: translate(-50%, -50%);}
.fanfanMediaList .fanfanMediaItem .fanfanMediaCardBody {display:flex; flex-direction: column; flex:1;}
.fanfanMediaList .fanfanMediaItem .fanfanMediaCardBody .badge {align-self:flex-start; margin-bottom:10px;}
.fanfanMediaList .fanfanMediaItem .fanfanMediaCardBody .name {display:block; margin-bottom:3px; line-height:1.3; font-size:15px; color:#023CA4; font-weight:600;}
.fanfanMediaList .fanfanMediaItem .fanfanMediaCardBody .inTit {display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:10px; text-overflow: ellipsis; height:46px; line-height:1.3; font-size:17px; font-weight:600;}
.fanfanMediaList .fanfanMediaItem .fanfanMediaCardBody .date {display:block; margin-top:auto; text-align:right; line-height:1.3; font-size:15px; color:var(--color-gray-70)}
@media(max-width:1470px) {
    .fanfanMediaList .fanfanMediaItem {width: calc(50% - 12px);}
}
@media(max-width:1160px) {
    .fanfanMediaList {gap:26px 16px;}
    .fanfanMediaList .fanfanMediaItem {width: calc(50% - 8px);}
}
@media(max-width:767px) {
    .fanfanMediaList .fanfanMediaItem {width: 100%;}
}

/* 판로정보 */
.lineBoxList {display:flex; flex-wrap:wrap; gap:16px 24px;}
.lineBoxList > li {padding:30px; border:1px solid #ccc; border-radius:12px; width:calc(100%/2 - 12px)}
.lineBoxList .topArea strong {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; margin-bottom:10px; height: 54px; text-overflow: ellipsis; line-height:1.3; font-size:21px; font-weight:600;}
.lineBoxList .topArea p {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; margin-bottom:28px; height:38px; text-overflow: ellipsis; line-height:1.3; font-size:15px; color:var(--color-gray-70);}
.lineBoxList .topArea span {display:block; line-height:1.3; font-size:15px; color:var(--color-gray-70);}
.lineBoxList .bottomArea {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
.lineBoxList .bottomArea .btn {max-width:185px; width:100%;}
.lineBoxList .bottomArea .btnBox {display:flex; align-items:center; gap:5px; margin-left:auto;}
.lineBoxList .bottomArea .btnBox span {display:block; position:relative; line-height:30px; font-size:15px; color:var(--color-gray-70)}
.lineBoxList .bottomArea .btnBox span:after {position:absolute; top:50%; right:-8px; content:":"; transform: translateY(-50%);}
.lineBoxList .bottomArea .btnBox .btnTxt {position:relative;}
.lineBoxList .bottomArea .btnBox .btnTxt + .btnTxt:after {position:absolute; left:-3px; top:50%; content:""; width:1px; height:16px; background:#ccc; transform: translateY(-50%);}
.lineBoxList .bottomArea .btnBox .btnTxt:before {top:calc(50% - 10px); left:calc(50% - 10px); width:20px; height:20px;}
.lineBoxList .bottomArea .btnBox .btnTxt.view,
.lineBoxList .bottomArea .btnBox .btnTxt.download {padding-left:30px; width:30px; height:30px;}
/* 중소기업행사정보, 조달청입찰정보 */
.lineBoxList05 {display:flex; flex-wrap:wrap; gap:24px;}
.lineBoxList05 li {padding:30px; border:1px solid #ccc; border-radius:12px; width:calc(100%/2 - 12px);}
.lineBoxList05 li .badgeArea {margin-bottom:10px;}
.lineBoxList05 li > strong {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; margin-bottom:27px; height:54px; text-overflow:ellipsis; line-height:1.3; font-size:21px; font-weight:600;}
.lineBoxList05 li > span {display:block; line-height:1.3; font-size:15px; color:#556E96; font-weight:600;}
.lineBoxList05 .btnBottom {margin-top:16px;}
.lineBoxList05 .btnBottom .btn {width:185px;}
@media(max-width:900px) {
    .lineBoxList05 li {width:100%;}
}
@media(max-width:767px) {
    .lineBoxList > li {width:100%;}
    .lineBoxList .bottomArea .btn {max-width:100%;}
    .lineBoxList05 li {padding:16px;}
    .lineBoxList05 li > strong {height:49px; font-size:19px;}
}

/* MRO 지원정보 */
.mroInfoArea {display:flex; gap:40px;}
.mroInfoArea .tit {display:block; margin-bottom:16px; line-height:1.3; font-size:23px; font-weight:700;}
.mroInfoArea .sTit {display:block; margin-bottom:16px; line-height:1.3; font-size:19px; font-weight:700;}
.mroInfoArea p {font-size:15px; color:var(--color-gray-70); word-break:keep-all;}
.mroInfoArea .left {width:100%; max-width:491px;}
.mroInfoArea .right {width:100%; max-width:769px;}
.mroInfoArea .overview {padding:40px; height:100%; border-radius: 20px; background:url("/portal/images/v2/content/img-mroInfo04.png") no-repeat right bottom #EDF1F5;}
.mroInfoArea .overview .tooltipIn {display:inline-flex; align-items:flex-start; position:relative; margin:16px 0 32px; font-size:15px; color:var(--color-primary); font-weight:700;}
/* .mroInfoArea .overview .tooltipIn:before {position:absolute; bottom:4px; left:0; right:16px; content:""; height:1px; background-color: var(--color-primary);}  */
.mroInfoArea .cntList > ul {display:flex; flex-wrap:wrap; gap:24px;}
.mroInfoArea .cntList > ul > li {flex:1 0 calc(50% - 12px); display:flex; align-items:flex-start; gap:24px; padding:30px; border:1px solid #ccc; border-radius:20px;}
.mroInfoArea .cntList > ul > li img {width:70px;}
.mroInfoArea .cntList .txtBox {min-width:152px}
.mroInfoArea .cntList .txtBox ul {display:flex; flex-wrap:wrap; gap:32px;}
.mroInfoArea .cntList .txtBox ul li {flex:1; padding-left:24px;}
.mroInfoArea .cntList .txtBox strong {display:block; margin-bottom:10px; line-height:1.3; font-size:17px;}
.mroInfoArea .cntList .txtBox .dotTxt {display:block; position: relative;}
.mroInfoArea .cntList .txtBox .dotTxt:before {position: absolute; left:-10px; top:10px; content: ""; width:4px; height:4px; border-radius: 50%; background:var(--color-gray-70);}
.blueBox .inFlex .fileArea {display:flex; flex-wrap:wrap; gap:5px 10px;}
.blueBox .inFlex .fileArea .tit {color:var(--color-base);}
.blueBox .inFlex .fileArea .date {font-size:15px; color:var(--color-gray-70);}
.lineBoxList02 {display:flex; flex-wrap:wrap; gap:16px 24px;}
.lineBoxList02 > li {display:flex; justify-content:space-between; align-items:center; gap:20px; padding:30px; border:1px solid #ccc; border-radius:12px; width:calc(100%/2 - 12px)}
.lineBoxList02 .topArea {display:flex; flex-direction: column; height:100%;}
.lineBoxList02 .topArea strong {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; margin-bottom:26px; max-height: 54px; text-overflow: ellipsis; line-height:1.3; font-size:21px; font-weight:600;}
.lineBoxList02 .topArea p {display:block; line-height:1.5; font-size:15px; color:var(--color-gray-70); font-weight:700;}
.lineBoxList02 .topArea ul {display:flex; flex-wrap:wrap; gap:5px; margin-top:auto;}
.lineBoxList02 .topArea ul li {line-height:1.5; font-size:15px; color:var(--color-gray-70);}
.lineBoxList02 .bottomArea .btnBox {display:flex; flex-direction:column; gap:10px;}
.lineBoxList02 .bottomArea .btnBox .btn {min-width:194px; word-break: keep-all;}
.grayBox .list > li + li {margin-top:24px;}
.grayBox .list .sTit {display:block; margin-bottom:5px; line-height:1.3; font-size:17px; color:var(--color-gray-70); font-weight:700;}
.grayBox .list .cont {font-size:15px; color:var(--color-gray-70);}
.grayBox .list > li > ul {padding-left:10px;}
.lineBoxList03 {display:flex; flex-wrap:wrap; gap:16px 24px;}
.lineBoxList03 > li {padding:30px; border:1px solid #ccc; border-radius:12px; width:calc(100%/2 - 12px)}
.lineBoxList03 .topArea strong {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; margin-bottom:10px; height: 54px; text-overflow: ellipsis; line-height:1.3; font-size:21px; font-weight:600;}
.lineBoxList03 .topArea span {display:block; line-height:1.3; font-size:15px; color:var(--color-gray-70);}
.lineBoxList03 .bottomArea {display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; margin-top:16px;}
.lineBoxList03 .bottomArea .btn {max-width:185px; width:100%;}
.lineBoxList03 .bottomArea .btnDownload:after {width:16px; height:16px;}
@media(max-width:1530px){
    .mroInfoArea .cntList > ul > li {flex:1 0 100%}
    .mroInfoArea .cntList .txtBox ul li {flex:1 0 100%;}
}
@media (max-width:1470px) {
    .lineBoxList02 > li {flex-direction: column; align-items: stretch;}
    .lineBoxList02 .bottomArea .btnBox {flex-direction: column;}
    .lineBoxList02 .bottomArea .btnBox .btn {flex:none; width:100%;}
}
@media(max-width:1160px){
    .mroInfoArea {flex-direction:column;}
    .mroInfoArea .left {max-width:100%;}
    .mroInfoArea .right {max-width:100%;}
    .mroInfoArea .overview {background-size:200px}
}
@media(max-width:767px){
    .mroInfoArea .overview {padding:34px;}
    .mroInfoArea .cntList > ul > li {gap:16px; padding:24px;}
    .mroInfoArea .cntList > ul > li img {width:40px;}
    .lineBoxList02 > li {padding:24px; width:100%;}
    .lineBoxList03 > li {width:100%;}
    .lineBoxList03 .bottomArea .btn {max-width:100%;}
}
@media(max-width:560px){
    .mroInfoArea .overview {background-image:none}
}

/*** 주요서비스 ***/
/* 플랫폼 소개 */
.mainServiceList {height:100%;}
.mainServiceList ol { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; height:100%;}
.mainServiceList ol li { padding: 30px; border: 1px solid #ccc; border-radius: 20px; }
.mainServiceList dl dt { margin-bottom: 16px; width: 50px; height: 38px; text-indent: -9999px; }
.mainServiceList li:nth-child(1) dl dt { background-image: url(/portal/images/v2/content/img-platform01.svg); }
.mainServiceList li:nth-child(2) dl dt { background-image: url(/portal/images/v2/content/img-platform02.svg); }
.mainServiceList li:nth-child(3) dl dt { background-image: url(/portal/images/v2/content/img-platform03.svg); }
.mainServiceList li:nth-child(4) dl dt { background-image: url(/portal/images/v2/content/img-platform04.svg); }
.mainServiceList dl dd span { font-size: 19px; font-weight: 700; color: var(--color-base); }
.mainServiceList dl dd p { margin-top: 10px; line-height: 1.5; font-size: 15px; color: var(--color-gray-70); }
.mainService {display:flex; flex-direction: column; gap:34px; justify-content: center; align-items:center; position: relative; overflow: hidden; padding:88px 46px 80px; border: 1px solid #CCC; border-radius: 20px; box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.10); height:100%;}
.mainService img {width:326px;}
.mainService p {line-height:1.3; text-align:center; font-size: 30px; font-weight: 300; }
.imgStyle { display: block; margin: 0 auto; }
.conceptMap { padding-top: 20px; border-top: 1px solid #ccc; }
.conceptMap > ul { display: flex; gap: 80px; }
.conceptMap > ul > li { flex: 1; display: flex; gap: 20px; }
.conceptMap > ul > li:last-child { flex: none; width: 295px; }
.conceptMap dl { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.conceptMap dl dt { padding-bottom: 10px; text-align: center; font-size: 21px; font-weight: 700; }
.conceptMap dl.map01 dt { border-bottom: 2px solid #4E6CB6; color: #4E6CB6; }
.conceptMap dl.map02 dt { border-bottom: 2px solid #147EA1; color: #147EA1; }
.conceptMap dl.map03 dt { border-bottom: 2px solid #229068; color: #229068; }
.conceptMap dl.map04 dt { border-bottom: 2px solid #622D80; color: #622D80; }
.conceptMap .rowList { display: flex; gap: 14px; margin: 10px 0; }
.conceptMap .rowList li { flex: 1; position: relative; padding-bottom: 4px; text-align: center; line-height: 1.3;  font-size: 13px; font-weight: 700; color: vaR(--color-gray-70); }
.conceptMap .rowList li:before { content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 8px; background: url(/portal/images/v2/content/img-platform07.svg) no-repeat center/100% auto; }
.conceptMap .colList { display: flex; flex-direction: column; gap: 10px; height: 226px; }
.conceptMap .colList li { flex: 1; display: flex; align-items: center; justify-content: center; padding: 0 10px; border-radius: 8px; font-size: 17px; font-weight: 600; color: var(--color-black); }
.conceptMap dl.map01 .colList li { background: #F3F6FF; }
.conceptMap dl.map02 .colList li { background: #E3ECF8; }
.conceptMap dl.map03 .colList li { background: #ECF4F1; }
.conceptMap dl.map04 .colList li { background: #ECE5F0; }
.conceptMap > ul > li:last-child .colList { position: relative; }
.conceptMap > ul > li:last-child .colList:before { content: ""; position: absolute; top: 2px; left: -56px; width: 28px; height: 222px; background: url(/portal/images/v2/content/img-platform08.png) no-repeat center/100% auto; }

.biWrap { display: flex; flex-wrap: wrap; gap: 60px; }
.biWrap .biIntro { width: 100%; line-height: 1.5; font-size: 17px; color: var(--color-base); }
.biWrap .lt { flex: 1; display: flex; flex-direction: column; gap: 16px; }
.biWrap .rt { flex: 0 0 410px; display: flex; flex-direction: column; gap: 16px; }
.biWrap .titArea { margin-bottom: 0; }
.biWrap .btnBottom { margin-top: 0; }
.biColor { position: relative; width: 410px; height: 240px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.biColor.main { background-image: url(/portal/images/v2/content/img-bi02.png); }
.biColor.sub { background-image: url(/portal/images/v2/content/img-bi03.png); }
.biColor .inTxt { position: absolute; top: 40px; left: 40px; color: var(--color-white); }
.biColor .inTxt strong { font-size: 21px; }
.biColor .inTxt p { margin-top: 16px; font-size: 15px; }
@media (max-width: 1160px) {
    .mainService p { font-size: 23px; }
    .conceptMap > ul { flex-direction: column; }
    .conceptMap > ul > li:last-child { position: relative; margin: 0 auto; }
    .conceptMap > ul > li:last-child:before { content: ""; position: absolute; top: -50%; left: 45%; width: 28px; height: 222px; background: url(/portal/images/v2/content/img-platform08.png) no-repeat center/100% auto; transform: rotate(90deg) translateX(-45%); }
    .conceptMap > ul > li:last-child .colList:before { display: none; }
}
@media (max-width: 767px) {
    .mainServiceList ol li { padding: 20px; }
    .mainServiceList dl dt { margin-bottom: 0; }
    .mainServiceList dl dd span { font-size: 17px; }
    .mainService { padding:68px 24px 60px }
    .mainService p { font-size: 17px; }
    .conceptMap > ul > li { flex-direction: column; gap: 30px; }
    .conceptMap > ul > li:last-child { width: 100%; }
    .conceptMap dl dt { font-size: 19px; }

    .biWrap { gap: 40px; }
    .biWrap .rt { flex: none; width: 100%; }
    .biColor { width: 100%; height: 193px; }
    .biColor .inTxt { top: 20px; left: 20px;}
}
/* 소담인프라 */
*:not(.sodamTitArea) + .txt {margin-top:16px;}
.sodamTitArea .txt {margin-top:0;}
.inBox01 .inImgWrap {display:flex; gap:12px; margin-top:24px;}
.inBox01 .inImgWrap > div {position:relative; overflow:hidden; width: calc(50% - 6px); aspect-ratio: 650/380;}
.inBox01 .inImgWrap > div:first-child {border-radius: 20px 0 0 20px;}
.inBox01 .inImgWrap > div:last-child {border-radius: 0 20px 20px 0;}
.inBox01 .inImgWrap > div img {width:100%; height:100%; object-fit: cover;}
.inBox01 .inImgWrap p {position:absolute; left:5%; bottom:8%; line-height:1; font-size:30px; color:#F6FF00;}
.inBox01 .inImgWrap p span {display:block; margin-bottom:16px; line-height:1; font-size:19px; color:#fff; font-weight:700;}
.sodamLineBox {padding:30px 40px; border:1px solid #ccc; border-radius:16px;}
.sodamLineBox .tit {display:block; margin-bottom:10px; line-height:1.3; font-size:21px; font-weight:700;}
.sodamLineBox .txt {display:block; line-height:1.3; color:var(--color-gray-70);}
.sodamTitArea {display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:40px 0 16px;}
.sodamTitArea:first-child {margin-top:0;}
.sodamTitArea .left {display:flex; align-items:center; flex-wrap:wrap; gap:10px;}
.sodamTitArea .left .location {display:flex; align-items:center; gap:0 6px; position:relative; margin-left:10px; padding-left:20px; line-height:1; color:var(--color-gray-70); font-weight:700;}
.sodamTitArea .left .location:before {position: absolute; left:0; top:calc(50% - 8px); content:""; width:1px; height:16px; background:#ccc}
.sodamTitArea .right {margin-left:auto;}
.sodamTitArea .dotTit {display:block; position:relative; padding-left:10px; line-height:1.3; font-size:19px; font-weight:700;}
.sodamTitArea .dotTit:before {position:absolute; left:0; top:10px; content:""; border-radius:50%; width:4px; height:4px; background:var(--color-base);}
.sodamTitArea .txt {font-size:15px;}
.tab.sodam > .tabCont {margin-top:0}
.tab.sodam .categoryList .categorySwiper {padding-right:0;}
.benefitList {display:flex; flex-wrap: wrap; gap:12px 20px;}
.benefitList li {display:flex; align-items:center; gap:8px 16px; padding:18px 16px; border-radius:8px; width:calc(100%/4 - 15px); line-height:1.3; color:var(--color-black); font-weight:600; background-color:var(--color-secondary-5)}
.benefitList li img {width:30px; height:30px;}
.sodamImgTab {display:flex; gap:40px;}
.sodamImgTab .tabTit {order:2; width:calc(33% - 20px);}
.sodamImgTab .tabTit ul {display:flex; flex-direction: column; gap:0;}
.sodamImgTab .tabTit li {border-bottom:1px solid #ccc;}
.sodamImgTab .tabTit li a {display:flex; flex-direction:column; justify-content: center; gap:5px; padding:22px 20px; border-radius:0; min-height:94px; line-height:1.3; font-size:19px; color:var(--color-base); font-weight:700; background-color:#fff;}
.sodamImgTab .tabTit li a:hover {background-color:#F0F9F9}
.sodamImgTab .tabTit li a span {display:block; line-height:1.3;font-size:15px; color:var(--color-gray-70); font-weight:400}
.sodamImgTab .tabTit li.curr a {border:2px solid var(--color-primary); color:var(--color-base); background:#F0F9F9}
.sodamImgTab .tabCont {width:calc(67% - 20px);}
.sodamImgTab .tabCont > div {height:100%;}
.imgSwiper {position:relative; overflow:hidden; height:100%;}
.imgSwiper img {position:absolute; left:50%; top:50%; width:100%; height:100%; object-fit: cover; transform: translate(-50%, -50%);}
.imgSwiper .swiper-button-next, 
.imgSwiper .swiper-button-prev {top:initial; bottom:0; width:40px; height:40px; text-indent:-9999px; color:transparent; background:var(--color-black); z-index: 30;}
.imgSwiper .swiper-button-next:focus,
.imgSwiper .swiper-button-prev:focus {outline-offset: -3px;}
.imgSwiper .swiper-button-next {right:0;} 
.imgSwiper .swiper-button-prev {left:initial; right:40px;} 
.imgSwiper .swiper-button-prev.swiper-button-disabled,
.imgSwiper .swiper-button-next.swiper-button-disabled {opacity: 0.4;}
.imgSwiper .swiper-button-lock {display:flex;}
.imgSwiper .swiper-button-prev:after,
.imgSwiper .swiper-button-next:after {content:""; width:16px; height:16px; background:url("/portal/images/v2/content/ico-btn-swiper-prev-arr-white.svg") no-repeat center}
.imgSwiper .swiper-button-next:after {transform: rotate(180deg);}
.sodamColArea02 {display:flex; gap:16px 40px; margin-top:40px;}
.sodamColArea02 > * {flex:1; display:flex; flex-direction: column;}
.sodamInfoImgBox {display:flex; flex:1;}
.sodamInfoImgBox .imgBox {position:relative; width:65%; aspect-ratio: 386/208;}
.sodamInfoImgBox .imgBox img {position:absolute; left:50%; top:50%; width:100%; height:100%; object-fit: cover; transform: translate(-50%, -50%);}
.sodamInfoImgBox .txtBox {padding:24px 16px; width:35%; background:#EDECEC;}
.sodamInfoImgBox .txtBox strong {display:block; margin-bottom:20px; line-height:1.3; color:var(--color-black); font-weight:700;}
.sodamInfoImgBox .txtBox .dotList > li {line-height:1.3; color:var(--color-black);}
.sodamInfoImgBox.v2 .imgBox {overflow:hidden; border-top-left-radius:20px; border-bottom-left-radius:20px; width:50%; aspect-ratio: 628 / 276;}
.sodamInfoImgBox.v2 .txtBox {display:flex; flex-direction:column; justify-content:center; padding: 24px 20px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top-right-radius:20px; border-bottom-right-radius:20px; width:50%; background:#fff;}
.sodamInfoImgBox.v2 .txtBox strong {font-size:19px;}
.processStepList ol { display: flex; flex-wrap: wrap; gap: 20px; }
.processStepList ol li { display: flex; align-items:center; gap: 20px; flex: 1; position: relative; padding: 16px 20px 16px 40px; border: 2px solid var(--color-secondary); border-radius: 80px; min-height:92px;}
.processStepList ol li:after { content: ""; position: absolute; top: calc(50% - 7px); left: -22px; width: 20px; height: 14px; background: url(/portal/images/v2/content/ico-arrow-right-lightGray.svg) no-repeat center/100% auto; }
.processStepList ol li:before { content: ""; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.processStepList ol li:first-child:after {content:none;}
.processStepList ol li.step01:before { background-image: url(/portal/images/v2/content/ico-prcsStep01.svg); }
.processStepList ol li.step02:before { background-image: url(/portal/images/v2/content/ico-prcsStep02.svg); }
.processStepList ol li.step03:before { background-image: url(/portal/images/v2/content/ico-prcsStep03.svg); }
.processStepList ol li p {display:flex; align-items:center; gap:5px; flex-wrap:wrap; font-size: 19px; font-weight: 700; }
.processStepList ol li span {font-size: 19px; color:var(--color-gray-70); font-weight: 500; }
.sodamMapArea {display:flex; align-items:stretch; width:100%; height:612px;}
.sodamMapArea .sodamMapTab {margin-top:-20px;}
.sodamMapList {width:352px; padding:40px 30px; background:#F7F7F7;} 
.sodamMapList h4 {margin-bottom:16px; line-height:1;}
.sodamMapBox {display:flex; position:relative; flex:1;}
.sodamMap {position:relative; width:100%; height:100%;}
.sodamMapTab {height:100%;}
.sodamMapTab .tabTit ul {display:flex;}
.sodamMapTab .tabTit ul li {flex:1;}
.sodamMapTab .tabTit ul li a {display:flex; justify-content:center; align-items:center; padding:20px 10px; border-bottom:3px solid #ccc; line-height:1; font-size:15px; color:var(--color-gray-70); font-weight:700;}
.sodamMapTab .tabTit ul li.curr a {border-color:var(--color-secondary); color:var(--color-secondary);}
.sodamMapTab .tabCont {margin-top:30px; overflow-y:auto; height:calc(100% - 68px);}
.sodamMapTab .tabCont::-webkit-scrollbar { width: 50px; background: #f7f7f7; }
.sodamMapTab .tabCont::-webkit-scrollbar-track { background: #f7f7f7; }
.sodamMapTab .tabCont::-webkit-scrollbar-thumb { border: 22px solid #f7f7f7; border-radius: 44px; background: #666; background-clip: content-box; }
.sodamInfraSwiper {position:relative; overflow-y: auto; height:calc(100% - 35px);}
.sodamInfraSwiper::-webkit-scrollbar { width: 50px; background: #f7f7f7; }
.sodamInfraSwiper::-webkit-scrollbar-track { background: #f7f7f7; }
.sodamInfraSwiper::-webkit-scrollbar-thumb { border: 22px solid #f7f7f7; border-radius: 44px; background: #666; background-clip: content-box; }
.sodamInfraSwiper .swiper-pagination-bullets-dynamic {display:none;}
.sodamInfraList {flex-direction: column;}
.sodamInfraList > li + li {margin-top:20px;}
.sodamInfraList .swiper-slide {height:auto;}
.sodamInfraList .btnBranch {/*padding:12px 14px; border-radius:8px; border:1px solid #ccc;*/ width:100%; /*min-height:50px;*/ text-align:left; text-decoration:underline; line-height:1.3; font-size:19px; color:var(--color-black); /*background:var(--color-white)*/}
.sodamInfraList .dotList {margin-top:10px;}
.sodamInfraList .dotList li {line-height:1.3; color:var(--color-base);}
.sodamInfraList span {display:block; overflow:hidden; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; line-height:1.3; font-size:15px; color:var(--color-gray-70)}
.sodamKeywordList {display:flex; gap:5px; position:absolute; top:5%; left:3%; z-index: 100;}
/* .sodamKeywordList button:focus {background:#4E6CB6} */
.sodamKeywordList > li > button {padding:0 16px; border-radius:50px; min-height:42px; line-height:1; font-size:15px; color:var(--color-white); background:#4E6CB6;}
.sodamKeywordList > li.moreBox {position:relative;}
.sodamKeywordList > li.moreBox .moreListWrap {display:none; flex-wrap:wrap; position:absolute; top:100%; right:0; padding-top:10px;}
.sodamKeywordList > li.moreBox:hover button + .moreListWrap {display:block !important;}
.sodamKeywordList > li.moreBox .inList {display:flex; flex-wrap:wrap; border-radius:8px; width:200px; background:#4E6CB6;}
.sodamKeywordList > li.moreBox .inList li {width:50%; border-bottom:1px solid var(--color-white)}
.sodamKeywordList > li.moreBox .inList li:nth-child(odd) {border-right:1px solid var(--color-white)}
.sodamKeywordList > li.moreBox .inList li button {padding:0 8px; width:100%; height:100%; font-size:15px; color:var(--color-white);}
.sodamLineList {display:flex; flex-wrap:wrap; gap:16px;}
.sodamLineList li {display:flex; align-items:center; gap: 0 16px; padding:16px 20px; border:1px solid #ccc; border-radius:8px; width:calc(100%/4 - 12px); min-height:130px; line-height:1; font-size:17px;}
.sodamLineList li img {width:40px; height:40px;}
.sodamLineList li b {display:inline-block; font-size:19px; font-weight:700;}
.sodamLineList li span {display:block; margin-top:10px; line-height:1; font-size:19px; color:var(--color-gray-70); font-weight:700;}
.locationCircle {position: absolute; display:block; padding:27px 17px; border-radius:50%; min-width:114px; line-height:1.3; text-align:center; font-size:15px; color:var(--color-white); font-weight:700; background:var(--color-primary); aspect-ratio: 1/1;}
.locationCircle:focus {border-radius:50%;}
.sodamMapPop {display:none; position:absolute; right:4%; top:5%; overflow:hidden; border-radius:10px; width:100%; max-width:100%; background:#fff; box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.15);}
.sodamMapPop .popTit {display:flex; align-items:flex-end; position:relative; padding:57px 20px 20px; overflow: hidden;}
.sodamMapPop .popTit img {position:absolute; left:50%; top:50%; width:100%; height:100%; transform: translate(-50%, -50%);}
.sodamMapPop .popTit h5 {position:relative; z-index:3; line-height:1.3; font-size:19px; color:var(--color-white); font-weight:700;}
.sodamMapPop .popCont {display:flex; flex-direction: column; gap:10px; padding:10px 20px 30px;}
.sodamMapPop .popCont p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; max-height: 113px; font-size:15px; color:var(--color-gray-70)}
.sodamMapPop .popCont p.open { display: block; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; overflow: inherit; text-overflow: inherit; max-height: 100%; }
.sodamMapPop .popCont .inSwiperWrap {padding:20px 20px 10px; border:1px solid #ccc; border-radius:16px;}
.sodamMapPop .popCont .inSwiper {position:relative; overflow:hidden;}
.sodamMapPop .popCont .inSwiper .swiper-slide a {display:block;}
.sodamMapPop .popCont .inSwiper .swiper-slide strong {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; height:54px; line-height: 1.3; font-size:21px; font-weight: 600;}
.sodamMapPop .popCont .inSwiper .swiper-slide p {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; margin-bottom:20px; height:38px; line-height: 1.3; font-size:15px; color:var(--color-gray-70)}
.sodamMapPop .popCont .inSwiper .swiper-button-area {display:flex; justify-content: flex-start; flex-direction: row-reverse; gap:0 5px;}
.sodamMapPop .popCont .inSwiper .swiper-button-next,
.sodamMapPop .popCont .inSwiper .swiper-button-prev {position:initial; margin-top:0; width:28px; height:28px; text-indent: -9999px; background:no-repeat center}
.sodamMapPop .popCont .inSwiper .swiper-button-lock {display:flex;}
.sodamMapPop .popCont .inSwiper .swiper-button-next:after {content:""; width:100%; height:100%; background-image:url("/portal/images/v2/content/ico-btn-swiper-next.png")}
.sodamMapPop .popCont .inSwiper .swiper-button-prev:after {content:""; width:100%; height:100%; background-image:url("/portal/images/v2/content/ico-btn-swiper-prev.png")}
.sodamMapPop .btnArea > * {flex:1}
.sodamMapPop .popClose {position:absolute; right:20px; top:23px; width:24px; height:24px; text-indent:-9999px; background:url("/portal/images/v2/content/ico-sodam-pop-close.svg") no-repeat center}
.sodamReview {display:flex; flex-wrap:wrap; gap:16px;}
.sodamReview li {width:calc(100%/4 - 12px); border-radius:16px; overflow:hidden; aspect-ratio: 312/280;}
.sodamReview li a {display:flex; justify-content: center; align-items: center; position:relative; object-fit: cover;}
.sodamReview li a:focus {border-radius:16px;}
.sodamReview li a img {width:100%; height:100%; object-fit: cover;}
.sodamReview li a .more {position:absolute; top:24px; right:24px; display:block; padding:9px; border-radius: 4px; line-height:1.3; font-size:13px; color:var(--color-white); font-weight:600; background:var(--color-black)}
.sodamReview li a .txtBox {position:absolute; bottom:24px; left:0; padding:0 24px}
.sodamReview li a .txtBox span {display:block; margin-bottom:5px; line-height: 1.3; font-size: 13px; color:#FFFB82; font-weight: 700;}
.sodamReview li a .txtBox strong {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; line-height: 1.3; font-size: 19px; color:var(--color-white); font-weight: 600;}
.sodamSprtPrgrmInfo {display:flex; flex-wrap:wrap; gap:16px;}
.sodamSprtPrgrmInfo li {position:relative; width:calc(100%/4 - 12px); height:auto !important; border:1px solid #ccc; border-radius:16px;}
.sodamSprtPrgrmInfo li:before {position:absolute; left:-1px; top:-1px; content:""; border:2px solid var(--color-secondary); border-radius:16px; width:calc(100% - 2px); height:calc(100% - 2px); opacity:0; transition:opacity 0.2s;}
.sodamSprtPrgrmInfo li:hover:before {opacity:1; border-color: var(--color-secondary);}
.sodamSprtPrgrmInfo li a {display:flex; flex-direction: column; gap:50px 0; padding:30px; height:100%;}
.sodamSprtPrgrmInfo li a:focus {border-radius:16px;}
.sodamSprtPrgrmInfo li a strong {display:-webkit-box; position:relative; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; padding-bottom:20px; text-overflow:ellipsis; line-height:1.3; font-size:21px; font-weight:600; box-sizing:content-box}
.sodamSprtPrgrmInfo li a strong:before {display:block; position:absolute; left:0; bottom:0; content: ""; width:100%; height:20px; background:var(--color-white)}
.sodamSprtPrgrmInfo li a strong:after {display:block; position:absolute; left:0; bottom:2px; content: ""; width:36px; height:2px; background:var(--color-black)}
.sodamSprtPrgrmInfo li a .btm {margin-top:auto;}
.sodamSprtPrgrmInfo li a .btm p {display:-webkit-box; position:relative; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; height:38px; line-height:1.3; font-size:15px; color:var(--color-gray-70)}
.sodamSprtPrgrmInfo li a .btm span {display:block; position:relative; margin-top:20px; line-height:1.3; font-size:15px; color:var(--color-gray-70); font-weight:700;}
.sodamContList {display:flex; gap:16px; flex-wrap:wrap;}
.sodamContList li {width:calc(100%/4 - 12px);}
.sodamContList li a {display:block;}
.sodamContList li a .imgBox {position:relative; aspect-ratio: 313/176;}
.sodamContList li a .imgBox img {position:absolute; left:50%; top:50%; width:100%; height:100%; object-fit: cover; transform: translate(-50%, -50%);}
.sodamContList li a .txtBox {margin-top:16px;}
.sodamContList li a .txtBox strong {display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size:19px; font-weight:700;}
@media (max-width:1470px) {
    .benefitList li {width:calc(100%/2 - 10px)}
    .sodamLineList li {width:calc(100%/2 - 8px);}
    .sodamReview li {width:calc(100%/2 - 8px);}
    .sodamSprtPrgrmInfo li {width:calc(100%/2 - 8px);}
    .imgSwiper.v2 {aspect-ratio: 296/254;}
    .sodamContList li {width:calc(100%/2 - 8px);}
}
@media (max-width:1370px) {
    .sodamColArea02 {flex-direction: column;}
}
@media (max-width:1160px) and (min-width:768px) {
    .inBox01 .inImgWrap p {font-size:28px;}
    .inBox01 .inImgWrap p span {margin-bottom:10px; font-size:17px;}
}
@media (max-width:1160px){
    .sodamImgTab {flex-direction: column;}
    .sodamImgTab .tabTit, 
    .sodamImgTab .tabCont {width:100% !important}
    .imgSwiper.v1 {aspect-ratio: 296/130;}
    .processStepList ol li {gap:16px; padding:16px 20px 16px 28px;}
    .processStepList ol li:before {width:40px; height:40px;}
}
@media(min-width:768px){
    .sodamInfraSwiper .swiper-android .swiper-slide, 
    .sodamInfraSwiper .swiper-ios .swiper-slide, 
    .sodamInfraSwiper .swiper-wrapper {transform:translate3d(0px, 0, 0) !important;}
}
@media(max-width:767px){
    .inBox01 .inImgWrap {margin-top:46px; flex-direction: column;}
    .inBox01 .inImgWrap > div {border-radius: 20px !important; width: 100%; aspect-ratio: 328/290;}
    .inBox01 .inImgWrap p span {margin-bottom:10px;}
    .sodamTitArea .dotTit {font-size:17px;}
    .sodamTitArea .left {gap:5px;}
    .sodamTitArea .left .location {margin-left:0; padding-left:0; width:100%;}
    .sodamTitArea .left .location:before {content:none;}
    .sodamTitArea .right {margin-left:0; width:100%;}
    .sodamTitArea .right select {max-width:100%;}
    .tab.sodam .categoryList .categoryList.rBtn {gap:16px 10px}
    .sodamLineBox {padding:24px 16px;}
    .sodamImgTab .tabTit li a {gap:3px; padding:16px 20px;}
    .benefitList {gap:14px;}
    .benefitList li {width:100%}
    .sodamMapArea {flex-direction: column; height:auto;}
    .sodamMapList {width: 100%; padding:16px 16px 24px;} 
    .sodamMapTab .tabCont {overflow: initial; height: auto;}
    .sodamInfraSwiper {overflow:hidden; padding-bottom:32px;}
    .sodamInfraSwiper .swiper-pagination-bullets-dynamic {display:block;}
    .sodamInfraSwiper :is(.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal) {bottom:0;} 
    .sodamInfraSwiper .swiper-pagination-bullet {width:16px; height:16px;}
    .sodamInfraSwiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
    .sodamInfraSwiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
    .sodamInfraSwiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
    .sodamInfraSwiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(0.5);}
    .sodamInfraSwiper .swiper-pagination-bullet-active {background:var(--color-secondary)}
    .sodamInfraList {flex-direction: row;}
    .sodamInfraList > li + li {margin-top:0}
    .sodamInfoImgBox.v2 .imgBox {width:60%;}
	.sodamInfoImgBox.v2 .txtBox {padding: 24px 16px; width:40%;}
	.sodamInfoImgBox.v2 .txtBox strong {font-size:17px;}
    .processStepList ol {padding:0 0 0 4px;}
    .processStepList ol li {flex:1 0 100%; padding:16px 24px; min-height: 68px;}
    .processStepList ol li:before {width:30px; height:30px;}
    .processStepList ol li p {font-size: 17px;}
    .processStepList ol li span {font-size: 15px;}
    .sodamMapBox {flex:none; flex-direction: column;}
    .sodamMap {aspect-ratio: 1;}
    .sodamKeywordList {top:30px}
    .sodamMapPop {position: relative;width: calc(100% - 30px) !important;margin: 0 auto;right: 0;}
    .sodamMapPop .popTit {aspect-ratio: 328/102;}
    .sodamLineList li {gap:0 20px; width:100%}
    .sodamReview li {width:100%;}
    .sodamSprtPrgrmInfo li {width:100%;}
    .sodamSprtPrgrmInfo li a {gap:10px}
    .sodamContList {gap:24px;}
    .sodamContList li {width:100%;}
    .sodamContList li a .txtBox strong {text-align:center; font-size:17px;}
}
@media(max-width:360px) {
    .sodamKeywordList > li > button {padding:0 8px;}
}
/* 소담스퀘어 안내 */
#wrap.sodamMainPage {padding-top:0;}
.sodamMainArea {background:url("/portal/images/v2/content/img-sodam-35.png") no-repeat center/cover; aspect-ratio: 1920/650;}
.sodamMainArea.v2 {background-image:url("/portal/images/v2/content/img-sodam76.png")} /* 당산점 */
.sodamMainArea.v3 {background-image:url("/portal/images/v2/content/img-sodam77.png")} /* 보라매점 */
.sodamMainArea.v4 {background-image:url("/portal/images/v2/content/img-sodam78.png")} /* 대구점 */
.sodamMainArea.v5 {background-image:url("/portal/images/v2/content/img-sodam79.png")} /* 부산점 */
.sodamMainArea.v6 {background-image:url("/portal/images/v2/content/img-sodam80.png")} /* 전주점 */
.sodamMainArea.v7 {background-image:url("/portal/images/v2/content/img-sodam81.png")} /* 강원점 */
.sodamMainArea.v8 {background-image:url("/portal/images/v2/content/img-sodam82.png")} /* 광주점 */
.sodamMainArea.v9 {background-image:url("/portal/images/v2/content/img-sodam83.png")} /* 충북점 */
.sodamMainArea .inner {max-width:1348px; padding: 100px 24px 60px}
.sodamMainArea span {display:flex; flex-wrap:wrap; gap:34px; margin-bottom:16px; line-height:1; font-size:80px; color:var(--color-white); font-weight:200; word-break: keep-all;}
.sodamMainArea span b {font-weight:700;}
.sodamMainArea .logo01 {display:block; float: right;}
.sodamMainArea p {font-size:17px; color:var(--color-white);}
.sodamMainArea em {display:block; margin-top:24px; font-style:normal; font-size:15px; color:var(--color-white); font-weight:700;}
.sodamMainArea .snsBtnList {display:flex; gap:16px; margin-top:64px;}
.sodamMainArea .bottom {display:flex; justify-content: flex-end; align-items:flex-end; gap:16px; margin-top:60px;}
.sodamMainArea .bottom strong {text-align:right; color:var(--color-white);}
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) {position:relative;}
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) .swiper-button-wrap  {display:flex; gap: 4px; width: 60px;}
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) .swiper-button-lock {display:flex;}
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) .swiper-button-prev, 
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) .swiper-button-next {position:initial; margin-top:0; width:28px; height:28px; text-indent:-9999px; color:transparent}
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) .swiper-button-next {order:2;}
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) .swiper-button-prev:after, 
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) .swiper-button-next:after {content:""; width:28px; height:28px; background:no-repeat center;}
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) .swiper-button-prev:after {background-image: url("/portal/images/v2/content/ico-btn-swiper-prev.png");} 
:is(.monthPrgrmSwiperWrap, .sodamSprtPrgrmSwiperWrap, .thisYearOwnerSwiperWrap) .swiper-button-next:after {background-image: url("/portal/images/v2/content/ico-btn-swiper-next.png");}
.inBox02 {display:flex; gap:0 36px;}
.inBox02 .subImg {display:flex; flex-direction: column; justify-content: space-between;}
.sodamMapPop .info dt {font-size:15px; font-weight:700}
.sodamMapPop .info dd {font-size:15px; color:var(--color-gray-70);}
.monthPrgrmSwiper {overflow:hidden;}
.monthPrgrmSwiper .swiper-wrapper { max-height:738px}
.monthPrgrmSwiper .swiper-slide {overflow: hidden; border-radius:16px; aspect-ratio: 1/1;}
.monthPrgrmSwiper .swiper-slide a {display:block; height:100%;}
.monthPrgrmSwiper .swiper-slide a:focus {border-radius:16px;}
.monthPrgrmSwiper .swiper-slide a img {width:100%; height:100%; object-fit: cover;}
.sodamSprtPrgrmSwiperWrap .sodamSprtPrgrmInfo {flex-wrap:nowrap; /*gap:0;*/}
.sodamSprtPrgrmSwiper {overflow:hidden;}
.sodamSprtPrgrmSwiper .swiper-slide {display:flex; min-height:264px;}
.sodamSprtPrgrmSwiper .swiper-slide a {flex:1; height:initial;}
.thisYearOwnerSwiperWrap .swiper-wrapper {max-height:604px}
.thisYearOwnerSwiper {overflow:hidden;}
.thisYearOwnerSwiper .swiper-slide {overflow:hidden; border-radius:16px; height:auto; align-items: stretch;}
.thisYearOwnerSwiper .swiper-slide a {display:flex; height:100%}
.thisYearOwnerSwiper .swiper-slide a:focus {border-radius:16px;}
.thisYearOwnerSwiper .swiper-slide a .imgBox {display:flex; justify-content: center; align-items: center; position:relative; width:171px;}
.thisYearOwnerSwiper .swiper-slide a .imgBox img {position:absolute; left:50%; top:50%; z-index:-1; width:100%; height:100%; object-fit: cover; transform: translate(-50%, -50%);}
.thisYearOwnerSwiper .swiper-slide a .txtBox {display:flex; flex-direction:column; justify-content:space-between; padding:30px; width:calc(100% - 171px); object-fit: cover;}
.thisYearOwnerSwiper .swiper-slide a .txtBox.bg01 {background-color:#4E6CB6}
.thisYearOwnerSwiper .swiper-slide a .txtBox.bg02 {background-color:#147EA1}
.thisYearOwnerSwiper .swiper-slide a .txtBox.bg03 {background-color:#229068}
.thisYearOwnerSwiper .swiper-slide a .txtBox strong {display:block; position:relative; padding-bottom:16px; margin-bottom:20px; line-height: 1.3; font-size:21px; color:var(--color-white); font-weight:400;}
.thisYearOwnerSwiper .swiper-slide a .txtBox strong:after {position: absolute; left:0; bottom:0; content:""; width:36px; height:2px; background:var(--color-white)}
.thisYearOwnerSwiper .swiper-slide a .txtBox p {line-height:1.3; font-size:15px; color:var(--color-white);}
.sodamColArea {display:flex; gap:24px;}
.sodamColArea .benefitList {gap:12px;}
.sodamColArea > *:first-child {width:calc(62% - 12px);}
.sodamColArea > *:last-child {width:calc(38% - 12px);}
.sodamColArea > *:first-child .benefitList li {flex:1 0 225px; width:auto;}
.sodamColArea > *:last-child .benefitList li {flex:1 0 102px; ; width:auto; word-break: keep-all;}
.sodamColArea > *:last-child .benefitList li:nth-child(-n+3) {flex-direction:column; align-items: flex-start;}
.sodamColArea .sodamImgTab {gap:38px;}
.sodamColArea .sodamImgTab .tabTit {width:calc(46% - 19px)}
.sodamColArea .sodamImgTab .tabCont {width:calc(54% - 19px)}
.sodamImgTab02 {height:calc(100% - 561px);}
.sodamImgTab02 .tabTit > ul {display:flex; gap:10px;}
.sodamImgTab02 .tabTit > ul li {flex:1; border-bottom:2px solid var(--color-white);}
.sodamImgTab02 .tabTit > ul li.curr {border-color:var(--color-secondary);}
.sodamImgTab02 .tabTit > ul li a {line-height:1.3; font-size:15px; color:var(--color-gray-70); font-weight:700;}
.sodamImgTab02 .tabTit > ul li.curr a {color:var(--color-secondary);}
.sodamImgTab02 > .tabCont {margin-top:10px; height:100%;}
.sodamImgTab02 > .tabCont > div {height:100%;}
.sodamChannel {display:flex; flex-wrap: wrap; gap:16px;}
.sodamChannel li {width:calc(100%/5 - 13px); aspect-ratio: 1/1;}
.sodamChannel li a {position:relative; display:block; height: 100%;}
.sodamChannel li a .hoverArea {display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; padding:10px; width:100%; height:100%; background:rgba(0, 0, 0, 0.60); opacity: 0; transition: all 0.2s;}
.sodamChannel li a .hoverArea span {display:block; padding-top:28px; line-height:1.3; text-align:center; color:var(--color-white); font-weight:700; background:url("/portal/images/v2/component/ico-shortcut-whtie.svg") no-repeat top center;}
.sodamChannel li a:hover .hoverArea {opacity: 1;}
.sodamChannel li a img {width:100%; height:100%; object-fit: cover; position: absolute; left: 50%; top: 50%; z-index:-1; transform: translate(-50%, -50%);}
.sodamLineBox.liveStudio .benefitList li {width:calc(100%/5 - 16px)}
.sodamLineBox.liveStudio .sodamImgTab .tabTit li a {padding:16px 20px; min-height:60px;}
@media (max-width:1470px) {
    .sodamSprtPrgrmSwiperWrap .sodamSprtPrgrmInfo {flex-wrap:wrap;}
    .sodamSprtPrgrmSwiper .swiper-wrapper {max-height:726px}
    .sodamColArea {flex-direction: column;}
    .sodamColArea > *:first-child {width:100%;}
    .sodamColArea > *:last-child {width:100%;}
    .sodamColArea > *:last-child .benefitList li {flex:1 0 225px;}
    .sodamColArea > *:last-child .benefitList li:nth-child(-n+3) {flex-direction:row; align-items:center;}
    .sodamLineBox.liveStudio .benefitList li {width:calc(100%/2 - 10px)}
}
@media(max-width:1160px) {
    .sodamMainArea span {gap:24px; font-size:60px;}
    .inBox02 {gap:0 16px}
}
@media(max-width:767px) {
    .sodamMainArea .inner {padding: 60px 24px 40px}
    .sodamMainArea span {gap: 5px 14px; font-size:40px;}
    .sodamMainArea .logo01 {float: none; margin-bottom:24px; text-align:center;}
    .sodamMainArea .snsBtnList {justify-content:center; margin-top:44px;}
    .sodamMainArea .bottom {justify-content: center; margin-top:40px;}
    .sodamMainArea .bottom .logo02 {width:95px}
    .inBox02 {flex-direction: column; gap:14px}
    .inBox02 .inImg ,
    .inBox02 .inImg img {width:100%;}
    .inBox02 .mainImg img {content:url("/portal/images/v2/content/img-sodam10-m.png")}
    .inBox02 .subImg {gap:14px;}
    .inBox02 .subImg .inImg:first-child img {content:url("/portal/images/v2/content/img-sodam11-m.png")}
    .inBox02 .subImg .inImg:last-child img {content:url("/portal/images/v2/content/img-sodam12-m.png")}
    .sodamSprtPrgrmSwiper .swiper-wrapper { max-height:850px}
    .thisYearOwnerSwiperWrap .swiper-wrapper {max-height:600px}
    .thisYearOwnerSwiper .swiper-slide a .imgBox {width:140px;}
    .thisYearOwnerSwiper .swiper-slide a .txtBox {padding:16px; width:calc(100% - 140px);}
    .sodamColArea > *:first-child .benefitList li ,
    .sodamColArea > *:last-child .benefitList li {flex:1 0 100%;}
    .sodamChannel li {width:calc(100%/2 - 8px)}
    .sodamChannel li a .hoverArea span {font-size:15px;}
    .sodamLineBox.liveStudio .benefitList li {width:100%}
}
@media(max-width: 530px){
    .monthPrgrmSwiper .swiper-wrapper { max-height:530px}
    .sodamSprtPrgrmSwiper .swiper-wrapper { max-height:958px}
    .thisYearOwnerSwiperWrap .swiper-wrapper {max-height:600px}
}
@media(max-width: 430px){
    .thisYearOwnerSwiperWrap .swiper-wrapper { max-height:678px}
}
@media(max-width: 390px){
    .monthPrgrmSwiper .swiper-wrapper { max-height:360px}
}
@media(max-width: 360px){
    .thisYearOwnerSwiperWrap .swiper-wrapper { max-height:756px}
}
@media(max-width: 320px){
    .thisYearOwnerSwiperWrap .swiper-wrapper { max-height:864px}
}
/* 소담상회 */
.inBox04 {display:flex; gap:32px;}
.inBox04 > [class *= "Img"] {position:relative; border-radius:16px; overflow: hidden;}
.inBox04 > [class *= "Img"] > img {position:absolute; left:50%; top:50%; width:100%; height:100%; object-fit: cover; transform: translate(-50%, -50%);} 
.inBox04 .mainImg {width:73%; aspect-ratio: 960/337;}
.inBox04 .inImg {width:23%; aspect-ratio:300/336}
.inBox04 .txtBox {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; position:absolute; bottom:15%; left:5%; width:calc(100% - 10%);}
.inBox04 .txtBox p {line-height:1; font-size:60px; color:var(--color-white); font-weight:200;}
.inBox04 .txtBox p b {font-weight:700;}
.inBox04 .txtBox .right {display:flex; align-items:flex-end; gap:16px;}
.inBox04 .txtBox .right span {display:block; text-align:right; color:var(--color-white); font-weight:700;}
.swiperBtnPositionV2 .swiper-button-wrap {left:204px;}
@media(max-width:1430px) and (min-width:768px) {
    .inBox04 .txtBox p {font-size:40px;}
    .inBox04 .txtBox .right {width:234px;}
    .inBox04 .txtBox .right img {width:80px;}
}
@media(max-width:1160px) {
    .inBox04 .txtBox {flex-direction:column; align-items:flex-start; height:calc(100% - 30%);}
    .inBox04 .txtBox .right {margin:auto 0 0 auto}
}
@media(max-width:767px) {
    .inBox04 {flex-direction: column;}
    .inBox04 > [class *= "Img"] {width:100%;}
    .inBox04 .mainImg {aspect-ratio: 328/380}
    .inBox04 .inImg {aspect-ratio: 328/306}
    .inBox04 .txtBox {bottom:6%; height:calc(100% - 12%);}
    .inBox04 .txtBox p {font-size:40px;}
    .inBox04 .txtBox .right img {width:80px;}
}
/* 라이브 스튜디오 */
.inBox03 {display:flex; gap:32px;}
.avg { position: relative; padding-left: 40px; line-height: 30px; font-size: 30px; font-weight: 700; color: var(--color-point); }
.avg:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(/portal/images/v2/content/ico-star.png) no-repeat center/100% auto; }
.reviewSearch { margin-bottom: 32px; border: 1px solid #ccc; border-radius: 6px; }
.reviewSearch .in { display: flex; flex-wrap: wrap; gap: 8px; padding: 24px; }
.reviewSearch .searchFilter { flex: 1; display: flex; flex-wrap: wrap; gap: 8px; }
.reviewSearch .searchFilter div:has(select) { width: 220px; }
.reviewSearch .searchFilter div:has(input) { flex: 1; }
.reviewSearch .searchFilter select,
.reviewSearch .searchFilter input { border-color: #717171; width: 100%; color: var(--color-gray-70); }
.booker { display: flex; flex-direction: column; gap: 16px; padding: 24px 0; border-bottom: 1px solid #ccc; }
.booker .top { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 16px; }
.booker .top .rating { display: flex; align-items: center; justify-content: center; }
.booker .top .rating img { width: 16px; height: 16px; }
.booker .top .rating-num { margin-left: 16px; font-size: 15px; font-weight: 700; color: var(--color-base); }
.booker .top p { font-size: 15px; color: var(--color-gray-70); }
.booker .review { font-size: 17px; color: var(--color-black); }
.booker .bot ul { display: flex; flex-wrap: wrap; gap: 5px 24px; }
.booker .bot ul li { font-size: 15px; color: var(--color-gray-70); }
@media (max-width: 1160px) {
    .avg { padding-left: 33px; line-height: 23px; font-size: 23px; }
    .avg:before { width: 23px; height: 23px; }
    .reviewSearch .searchFilter div:has(select) { width: 150px; }
    .booker .top { margin-bottom: 0; }
}
@media(max-width:767px){
    .inBox03 {flex-wrap:wrap; justify-content: center;}
    .inBox03 .mainImg,
    .inBox03 .inImg,
    .inBox03 .inImg img {width:100%}
    .avg { padding-left: 30px; line-height: 20px; font-size: 17px; }
    .avg:before { width: 20px; height: 20px; }
    .reviewSearch .in { flex-direction: column; padding: 16px; }
    .reviewSearch .searchFilter { flex-direction: column; }
    .reviewSearch .searchFilter div:has(select) { width: 100%; }
    .reviewSearch .searchFilter select { max-width: 100%; }
    .booker .review { font-size: 15px; }
}

/* 판판소싱 소개 */
.introTxt { display: flex; flex-direction: column; gap: 10px; }
.introTxt p { line-height: 1.3; font-size: 21px; font-weight: 300; color: var(--color-base); }
.introTxt .color01 { font-weight: 700; color: #4E6CB6; }
.introTxt .color02 { font-weight: 700; color: #1A7C75; }
.introTxt h3 { line-height: 1.3; font-size: 30px; }
.sourcing { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 24px; }
.sourcing .lt {flex: 1; max-width: 610px; min-width: 446px;}
.sourcing .lt > ol { display: flex; flex-direction: column; }
.sourcing .lt > ol > li { padding: 30px; border-top: 1px solid #ccc; }
.sourcing .lt dl { display: flex; flex-direction: column; gap: 16px; }
.sourcing .lt dl dd { display: flex; flex-direction: column; gap: 16px; padding-left: 55px; }
.sourcing .lt .num { display: flex; gap: 5px; }
.sourcing .lt .num span { position: relative; width: 50px; text-indent: -9999px; }
.sourcing .lt .num span:before { content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 38px; }
.sourcing .lt .sourcing01 .num span:before { background: url(/portal/images/v2/content/img-platform01.svg) no-repeat center/100% auto; }
.sourcing .lt .sourcing02 .num span:before { background: url(/portal/images/v2/content/img-platform02.svg) no-repeat center/100% auto; }
.sourcing .lt .num p { font-size: 19px; font-weight: 700; color: var(--color-base); }
.sourcing .lt ol ol { display: flex; flex-wrap: wrap; gap: 5px 0; }
.sourcing .lt ol ol li { position: relative; padding: 0 16px; margin-right: 34px; border-radius: 60px; line-height: 24px; font-size: 13px; font-weight: 700; color: var(--color-gray-70); background: #EBEBEB; }
.sourcing .lt ol ol li:after { content: ""; position: absolute; top: 5px; right: -24px; width: 14px; height: 14px; background: url(/portal/images/v2/content/ico-sourcing-arrow.png) no-repeat center/100% auto; }
.sourcing .lt ol ol li:last-child::after { display: none; }
.sourcing .lt .sourcing01 ol li:last-child { color: #4E6CB6; }
.sourcing .lt .sourcing02 ol li:last-child { color: #229068; }
.sourcing .lt dl dl { display: flex; gap: 10px; }
.sourcing .lt .merit { display: flex; gap: 10px; }
.sourcing .lt .merit span { flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 50px; height: 50px; line-height: 1.2; font-size: 13px; font-weight: 700; color: var(--color-white); }
.sourcing .lt .sourcing01 .merit span { background: #4E6CB6; }
.sourcing .lt .sourcing02 .merit span { background: #229068; }
.sourcing .lt .merit ul li { line-height: 1.5; font-size: 17px; color: var(--color-base); }
.sourcing .lt .merit ul li + li { margin-top: 3px; }
.sourcing .rt { flex: 1; }
.companyTxt { margin: 16px 0 32px; line-height: 1.3; font-size: 17px; color: var(--color-base); }
.companyList ul { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px 0; }
.companyList ul li { display: flex; align-items: center; justify-content: center; position: relative; height: 44px; }
.companyList ul li:after { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #ccc; }
@media (max-width: 1160px) {
    .sourcing { flex-direction: column; gap: 40px; }
    .sourcing .lt {flex: none; max-width: 100%; min-width:auto;}

    .companyList ul { grid-template-columns: repeat(4, 1fr); }
} 
@media (max-width: 767px) {
    .introTxt p { font-size: 17px; }
    .introTxt h3 { font-size: 23px; }
    .sourcing .lt > ol > li { padding: 16px 0; }
    .sourcing .lt .merit ul li { font-size: 15px; }
    
    .companyTxt { font-size: 15px; }
    .companyList ul { grid-template-columns: repeat(3, 1fr); }
    .companyList img { width: 50%; }
}

/* 판판소싱 공고 보기 */
.viewNotice { display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 20px 30px; border-radius: 12px; background: var(--color-secondary-5); }
.viewNotice dl { flex: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 10px 24px; border-radius: 4px; background: var(--color-white); }
.viewNotice dl dt { position: relative; padding-left: 25px; line-height: 20px; font-size: 15px; font-weight: 700; color: var(--color-gray-70); }
.viewNotice dl dt:before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.viewNotice dl.notice01 dt:before { background-image: url(/portal/images/v2/content/ico-view-notice01.png); }
.viewNotice dl.notice02 dt:before { background-image: url(/portal/images/v2/content/ico-view-notice02.png); }
.viewNotice dl.notice03 dt:before { background-image: url(/portal/images/v2/content/ico-view-notice03.png); }
.viewNotice dl p { font-size: 15px; color: var(--color-gray-70); }
.viewNotice dl p strong { font-size: 25px; font-weight: 700; }

.viewNoticeList > ul { display: flex; flex-direction: column; gap: 16px; }
.viewNoticeList > ul > li { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding: 30px 40px; border: 1px solid #CCCCCC; border-radius: 12px; }
.viewNoticeList .imgBox { width: 100%; max-width: 240px; height: 130px; }
.viewNoticeList .viewNoticeInfo { display: flex; flex-direction: column; gap: 10px; max-width: calc(100% - 530px); }
.viewNoticeList .viewNoticeInfo .category { display: flex; flex-wrap: wrap; gap: 5px; }
.viewNoticeList .viewNoticeInfo .category li { padding: 0 6px; border-radius: 4px; line-height: 24px; font-size: 13px; color: #023CA4; background: #EFF5FF; }
.viewNoticeList .viewNoticeInfo .category li.day { color: var(--color-white); background: var(--color-point); }
.viewNoticeList .viewNoticeInfo p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.3; font-size: 21px; font-weight: 600; color: var(--color-base); }
.viewNoticeList .viewNoticeInfo .hashtag { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.viewNoticeList .viewNoticeInfo .hashtag li { font-size: 15px; color: var(--color-gray-70); }
.viewNoticeList .viewNoticeInfo span { font-size: 15px; font-weight: 500; color: var(--color-base); }
.viewNoticeList .viewNoticeInfoBtn { display: flex; flex-wrap: wrap; gap: 10px; margin-left: auto; }
.viewNoticeList .viewNoticeInfoBtn .btn { width: 120px; }

.recruitCont { padding-top: 34px; }
.sourcingNote { padding: 30px 0; border: 1px solid #ccc; background: var(--color-secondary-5); }
.sourcingNote p { position: relative; margin: 0 auto; padding-left: 104px; width: 74%; line-height: 1.5; font-size: 20px; font-weight: 300; color: var(--color-black); }
.sourcingNote p strong { font-size: 25px; font-weight: 600; }
.sourcingNote p:before { content: ""; position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: url(/portal/images/v2/content/img-sourcing02.png) no-repeat center/100% auto; }
.sourcingList > ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px 18px; }
.sourcingList > ul li { min-width: 0; }
.sourcingList > ul li a { display: block; min-width: 0; }
.sourcingList .imgBox { margin-bottom: 16px; width: 100%; height: 160px; }
.sourcingList .imgBox img { width: 100%; height: 100%; object-fit: cover; }
.sourcingList .listTit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; line-height: 1.3; font-size: 19px; font-weight: 600; color: var(--color-base); }
.sourcingList .hashtag { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5; font-size: 15px; color: var(--color-gray-70); }
.sourcingList .hashtag + .hashtag { margin-top: 5px; }
.sourcingList span { display: block; margin-top: 5px; line-height: 1.3; font-size: 15px; font-weight: 500; color: var(--color-base); }
.sourcingList.v2 > ul { gap: 44px 60px; }
.sourcingList.v2 .imgBox { overflow: hidden;  border-radius: 10px; height: 290px; }
.sourcingList.v2 .listTit { overflow: inherit; text-overflow: inherit; white-space: inherit; }
.sourcingList.v3 > ul { gap: 44px 60px; }
.sourcingList.v3 .imgBox { overflow: hidden;  border-radius: 10px; height: 290px; }
.sourcingList.v3 .listTit { overflow: inherit; text-overflow: inherit; white-space: inherit; margin-bottom: 0; }
.sourcingList.v3 em { line-height: 1.5; font-size: 15px; font-weight: 700; color: #556E96; }
.titArea .left h2 .tooltip {display:inline-block; vertical-align:middle; margin-top:-4px;}
@media (max-width: 1160px) {
    .viewNoticeList > ul > li { padding: 24px 16px; }

    .sourcingNote { padding: 30px; }
    .sourcingNote p { padding-left: 0; padding-top: 104px; width: 100%; }
    .sourcingNote p:before { left: 50%; transform: translateX(-50%); }

    .sourcingList > ul { grid-template-columns: repeat(2, 1fr); }
    .sourcingList.v2 > ul { gap: 28px 18px; }
    .sourcingList.v3 > ul { gap: 28px 18px; }
}
@media (max-width: 767px) {
    .viewNotice { flex-direction: column; }
    .viewNoticeList > ul > li { flex-direction: column; align-items: flex-start; }
    .viewNoticeList .imgBox { margin: 0 auto; }
    .viewNoticeList .viewNoticeInfo { max-width: 100%; }
    .viewNoticeList .viewNoticeInfo p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: inherit; max-height: 50px; font-size: 19px; }

    .sourcingNote { padding: 30px 24px; }
    .sourcingNote p { font-size: 15px; }
    .sourcingNote p strong { font-size: 17px; }
    .sourcingList > ul { grid-template-columns: repeat(1, 1fr); }
    .sourcingList.v2 > ul { grid-template-columns: repeat(2, 1fr); gap: 44px 20px; }
    .sourcingList.v2 .imgBox { height: 160px; }
    .sourcingList.v3 > ul { grid-template-columns: repeat(2, 1fr); gap: 44px 20px; }
    .sourcingList.v3 .imgBox { height: 160px; }
}

/*** 이용안내 ***/
/* 공지사항 */
/* 목록 */
.listTable .listType { border-top: 1px solid #2567B0; } 
.listTable .listType li { display: flex; align-items: center; overflow: hidden; overflow: hidden; border-bottom: 1px solid var(--color-gray-40); width: 100%; height: 64px; font-size: 15px; } 
.listTable .listType li > * { padding: 6px 16px; } 
.listTable .listType li > span { flex-shrink: 0; color:var(--color-gray-70);} 
.listTable .listType li .subject { display: flex; align-items:center; flex: 1; overflow: hidden; } 
.listTable .listType li .subject .badge { margin-right: 10px; } 
.listTable .listType li .title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; font-size: 17px; font-weight: 600; color: var(--color-base); } 
.listTable .listType li .date {min-width:160px; text-align:center;}
.listTable .listType li .views {min-width:112px; text-align:right;}
.listTable .listType li.noticeImportant {background-color:#F0F4F8;}
.listTable .listType li.noticeImportant .badge {color:var(--color-point); font-weight:700; background-color:#fff;}
@media(max-width:1160px) {
    .listTable .listType li .date {min-width:120px;}
    .listTable .listType li .views {min-width:72px;}
}
@media(max-width:767px){
    .listTable .listType li {padding:10px 16px; height:auto;}
    .listTable .listType li > *  {padding:0;} 
    .listTable .listType li,
    .listTable .listType li .subject  {flex-wrap:wrap; gap:5px;}
    .listTable .listType li .subject .title {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:initial; width:100%; max-height:52px;}
    .listTable .listType li .num,
    .listTable .listType li .views {display:none;}
    .listTable .listType li .date {width:100%; text-align:right;}
}

/* 상세 */
.detailTop .subject { display: flex; flex-direction: column; align-items:flex-start; gap: 5px; margin-bottom: 24px; } 
.detailTop .subject h3 {line-height:1.3; font-size:21px; font-weight:600;}
.detailTop .subject .badge { flex-shrink: 0;} 
.detailTop.borderB {padding-bottom:40px;}
.detailInfo { display: flex; flex-wrap: wrap; align-items: flex-end; } 
.infoUl > li { display: flex; align-items: center; color: #555; } 
.infoUl > li + li { margin-top: 10px; } 
.infoUl > li strong { min-width: 120px; font-size: 15px; color: var(--color-base); } 
.detailInfo .right { margin-left: auto; }
.detailInfo .lineList {display:flex; flex-wrap:wrap;} 
.detailInfo .lineList > * {position:relative;}
.detailInfo .lineList > * + * {margin-left:10px; padding-left:10px}
.detailInfo .lineList > * + *:before {position:absolute; left:0; top:calc(50% - 5px); content:""; width:1px; height:10px; background:#ccc;}
.shareList { display: flex; align-items: center; gap: 10px; } 
.shareList > li > :is(a, button) { display: flex; border: 1px solid var(--color-gray-20); border-radius: 100%; width: 40px; height: 40px; } 
.shareList > li > .shareFa { background: url(/portal/images/v2/content/ico-share01.png) no-repeat center / 24px; } 
.shareList > li > .shareTw { background: url(/portal/images/v2/content/ico-share02.png) no-repeat center / 24px; } 
.shareList > li > .shareKa { background: url(/portal/images/v2/content/ico-share03.png) no-repeat center / 24px; } 
.shareList > li > .shareKs { background: url(/portal/images/v2/content/ico-share04.png) no-repeat center / 24px; } 
.shareList > li > .shareCo { background: url(/portal/images/v2/content/ico-share05.png) no-repeat center / 24px; } 
.attachInfo { display: flex; align-items: center; gap: 30px; margin-top: 40px; padding: 15px 30px; border-top: 1px solid var(--color-gray-40); border-bottom: 1px solid var(--color-gray-40); background-color: #F1F1F1; } 
.attachInfo > strong { flex-shrink: 0; font-size: 15px; } 
.attachInfo .infoUl { width: calc(100% - 82px); } 
.attachInfo .infoUl li { flex-wrap: wrap; } 
.attachInfo .attachBtn { display: flex; align-items: center; gap: 5px; margin-left: auto; font-size: 15px; } 
.attachInfo .attachBtn :is(a, button), .attachPr, .attachDo { display: flex; width: 30px; height: 30px; } 
.attachInfo .attachName { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow: hidden; text-overflow: ellipsis; width: 85%; }
.attachPr { background: url(/portal/images/v2/content/ico-attach-view.svg) no-repeat center / 20px; } 
.attachDo { background: url(/portal/images/v2/content/ico-attach-down.png) no-repeat center / 20px; } 
.attachDo.lg { background-size: 30px; } 
.detailTable .detailCont { padding: 40px; } 
.detailTable .detailCont .imgWrap {display:flex; justify-content: center; } 
.detailTable .detailCont .imgWrap img {width:100%}
.detailTable .detailCont img {height:auto!important;}
.detailTable .detailCont + .detailNav {margin-top:0;}
.detailNav { margin-top: 40px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } 
.detailNav ul { display: flex; justify-content: flex-end; } 
.detailNav ul > li { display: flex; align-items: center; gap: 16px; padding: 12px 30px; width: 50%; color: #555; } 
.detailNav ul > li + li { border-left: 1px solid #ccc; } 
.detailNav ul > li strong { flex-shrink: 0; font-size: 15px; color: var(--color-base); } 
.detailNav ul > li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: underline; } 
@media(max-width:767px) {
    .detailTop .subject {flex-direction: column; align-items: flex-start; gap: 5px; margin-bottom:24px;}
    .detailTop .subject .badge {margin:0}
    .detailInfo {flex-direction: column; align-items: flex-start; gap:32px;}
    .infoUl > li {font-size:15px;}
    .attachInfo {flex-direction: column; align-items:flex-start; gap:5px; padding:16px;}
    .attachInfo .infoUl {width:100%;}
    .attachInfo .attachName {width:100%;}
    .attachInfo .attachBtn {margin-left:0;}
    .detailTable .detailCont {padding: 24px 0;}
    .detailNav ul {flex-direction: column;}
    .detailNav ul > li { padding: 12px 24px; width: 100%; }
    .detailNav ul > li + li {border-left:0; border-top:1px solid #ccc;}
}

/* 1:1문의 */
.formTable + .formTable { margin-top: 16px; }
.formTable { border-top: 1px solid #2567B0; } 
.formTable > dl { display: flex; align-items: stretch; border-bottom: 1px solid #ccc; }  
.formTable > dl > dt { display: flex; align-items: center; flex: 0 0 160px; gap: 0 2px; padding: 16px; border-right: 1px solid #ccc; max-width:160px; font-size: 15px; font-weight: 700; background-color: #EDF1F5; word-break:keep-all; overflow-wrap: anywhere;} 
.formTable > dl > dd { display: flex; align-items: center; flex: 1; overflow: hidden; padding: 16px; }
.formTable > dl > dd > div { flex: 1; overflow: hidden; }
.formTable > dl > dd > div > strong,
.formTable > dl > dd > div > p { font-size: 15px; color: var(--color-gray-70); }
.formTable > dl > dd > div > .stxt { margin-top: 10px; } 
.formTable > dl > dd > div > input, .formTable > dl > dd > div > select { width: 100%; max-width: 100%; } 
.formTable > ul > li { display: flex; align-items: center; gap: 20px; padding: 16px; border-bottom: 1px solid #ccc; }
.formTable [class*="checkbox"]:not(.checkboxWrap) input:focus + label:after {left:2px; width:calc(100% - 4px);}
.formTable .colTable input,
.formTable .colTable .dateWrap *:not(span) { width: 100%; }
.formTable.dtWd252 > dl > dt {flex:0 0 252px}
.formTable.dtWd270 > dl > dt {flex:0 0 270px}
.formTable.dtWd310 > dl > dt {flex:0 0 310px}
.fileListTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } 
.barList { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; } 
.barList > li { position: relative; } 
.barList > li:not(:last-child)::after { display: block; content: ""; position: absolute; top: 50%; right: -21px; margin-top: -10px; width: 1px; height: 20px; background-color: #aaa; } 
.barList > li p { font-size: 15px; }
.fileList { font-size: 15px; color: #555; } 
.fileList > ul { display: flex; flex-direction: column; gap: 12px; } 
.fileList > ul > li { padding: 12px 16px; border: 1px solid #ccc; border-radius: 8px; font-weight: 700; } 
.fileList > p { margin-top: 10px; } 
@media (max-width: 1160px) {
    .formTable > dl { flex-direction: column; border-bottom: 0; }
    .formTable > dl:first-child { border-top: 0; }
    .formTable > dl > dt { flex: 0 0 50px; padding: 10px 16px; border-top: 1px solid #ccc; border-right: 0; max-width:100%}
    .formTable.dtWd252 > dl > dt, 
    .formTable.dtWd270 > dl > dt {flex:0 0 50px}
    .formTable > dl > dt br { display: none; }
    .formTable > dl > dd { padding: 16px 0; }
}
@media (max-width: 767px) {
    .formTable > dl > dt { flex: 0 0 36px; padding: 6px 16px;}
    .formTable.dtWd252 > dl > dt,
    .formTable.dtWd270 > dl > dt,
    .formTable.dtWd310 > dl > dt {flex: 0 0 36px;}
    .formTable > ul > li { flex-direction: column; align-items: flex-start; gap: 10px; }
    .fileListTop { flex-direction: column; align-items: flex-start; gap: 10px; }
    .fileListTop .right { width: 100%; }
    .barList { flex-direction: column; align-items: flex-end; gap: 10px; }
    .barList > li:not(:last-child)::after { display: none; }
    .barList .btnArea { gap: 8px; }
}

/*** 로그인 ***/
/* 로그인 */
.dotList > li { position: relative; padding-left: 14px; font-size: 15px; color: #555; } 
.dotList > li::before { display: block; content: ""; position: absolute; top: 10px; left: 2px; border-radius: 100%; width: 3px; height: 3px; background: var(--color-base); } 
.dotList > li.cPoint::before { background-color: var(--color-danger); } 
.dotList li.bold { color: var(--color-base); } 
.dashList > li { position: relative; padding-left: 14px; font-size: 15px; color: #555; } 
.dashList > li::before { display: inline-block; content: "-"; position: absolute; top: 0; left: 0; border-radius: 100%; width: 14px; height: 100%; } 
.olList { margin-left: 20px; } 
.olList > li { position: relative; font-size: 15px; color: #555; list-style: decimal; } 
.cusList { margin-left: 20px; } 
.cusList > li { position: relative; text-indent: -20px; font-size: 15px; color: #555; } 

.login { margin: 0 auto; max-width: 572px; } 
.login .tabTit { padding-bottom: 0; border-bottom: 0; } 
.login .tabTit li { flex: 1; } 
.login .tabTit li a { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 12px 16px; border: 2px solid var(--color-gray-40); line-height:1.3; font-size: 19px; color: var(--color-gray-60); background: var(--color-white); } 
.login .tabTit li.curr a { border: 2px solid var(--color-primary); color: var(--color-primary); background: #fff !important } 
/* .login .tabTit li a::before { display: block; content: ""; width: 40px; height: 40px; }  */
.login .tabTit li a:active { outline-offset: inherit; outline: inherit }
/* .login .tabTit li a:focus { outline-offset: inherit; outline: inherit; border-color: var(--color-primary); } */
.login .tabTit li .icoLog01::before { background: url(/portal/images/v2/content/ico-login01.png) no-repeat center / 40px; } 
.login .tabTit li .icoLog02::before { background: url(/portal/images/v2/content/ico-login02.png) no-repeat center / 40px; } 
.login .tabTit li .icoLog03::before { background: url(/portal/images/v2/content/ico-login03.png) no-repeat center / 40px; } 
.login .tabTit li .icoLog04::before { background: url(/portal/images/v2/content/ico-login04.png) no-repeat center / 40px; } 
.loginBox { display: flex; flex-direction: column; gap: 40px; } 
.loginBox h3 {margin-bottom:10px; font-size:17px;}
.loginInp { display: flex; flex-direction: column; gap: 24px; } 
.loginInp input { width: 100%; } 
.loginInp p { font-size: 15px; font-weight: 700; color: var(--color-gray-70); } 
.loginChk { display: flex; justify-content: space-between; align-items: center; color: var(--color-gray-70); } 
.loginChk ul { display: flex; align-items: center; } 
.loginChk li { display: inline-flex; align-items: center; gap: 10px; } 
.loginChk li + li { margin-left: 10px; } 
.loginChk li + li::before { display: block; content: ""; width: 1px; height: 12px; background-color: #aaa; } 
.loginChk li a { font-weight: 700; } 
.loginBox .btnBottom { margin: 0; } 
.loginBox .btnBottom a { flex: 1; font-size: 17px; } 
.loginBottom { padding-top: 16px; border-top: 1px solid #ccc; } 
.loginBottom p { margin-bottom: 16px; font-size: 15px; } 
.loginSns ul { display: flex; justify-content:center ; gap: 16px; } 
.loginSns ul li { width:130px; } 
.loginSns ul li :is(a, button) { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border-radius: 10px; width: 100%; height: 100px; font-size:14px; font-weight: 700; } 
.loginSns ul li img { width: 30px; } 
.loginSns ul li.naver :is(a, button) { color: var(--color-white); background-color: #03CF5D; } 
.loginSns ul li.kakao :is(a, button) { color: #381E1F; background-color: #FEE500; } 
.loginSns ul li.easy :is(a, button) { color: var(--color-white); background-color: #373A5B; }
.loginRes { padding: 20px; text-align: center; font-size: 15px; background-color: #E8EBF2; } 
.loginRes strong { display: block; margin-top: 10px; font-size: 21px; }
.loginResInfo {position:relative; margin-top:10px; padding-left:22px; line-height:1.5; font-size:15px; color:var(--color-point); font-weight:700;} 
.loginResInfo::before {position: absolute; left:10px; top:10px; content:""; border-radius:50%; width:4px; height:4px; background:var(--color-point);}
@media(max-width:1160px){
    .login .tabTit li a,
    .loginInp input {font-size:16px;}
    .loginChk li a {line-height:23px; font-size:16px;}
}
@media(max-width:767px) {
    .login .tabTit li a {padding:10px 5px; height:100%; border-radius:20px; font-size:15px;}
    .login .tabTit li a::before {width:30px; height:30px; background-size:30px !important;}
    .loginBox h3 {font-size:15px;}
    .loginInp input {font-size:15px;}
    .loginChk li a {line-height:23px; font-size:15px;}
    .loginSns ul {flex-direction: column;}
    .loginSns ul li {width:100%}
    .loginSns ul li :is(a, button) {flex-direction:row; height:56px;}
    .loginSns ul li img {width:30px;}
}
@media(max-width:360px) {
    .login .tabTit li a::before {width:20px; height:20px; background-size:20px !important;}
}
/* 유통MD */
.slctAccntTxt {text-align:center; padding-bottom:16px;}
.slctAccntTxt p {line-height:1.5; font-size:25px;}
.slctAccntTxt span {line-height:1.5; font-size:17px; color:var(--color-gray-70)}
.selectAccount {display:flex; gap:40px; margin-top:30px;}
.selectAccount > a {flex:1; display:flex; gap:30px; padding:30px 50px 30px 30px; border:1px solid #ccc; border-radius:20px; background:url("/portal/images/v2/component/ico-btn-arr-gray.svg") no-repeat right 30px center;}
.selectAccount .icoArea {display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-gray-40); border-radius: 8px; min-width: 120px; height: 120px; background-color: #E6EBF1;}
.selectAccount .icoArea img {width: 60px;}
.selectAccount .txtBox {display:flex; flex-direction: column; padding:10px 0;}
.selectAccount .txtBox strong {display:block; position:relative; margin-bottom:10px; line-height:1.5; font-size:21px; font-weight:700;}
.selectAccount .txtBox p {line-height:1.5; font-size:17px; color:var(--color-gray-70)}
@media(max-width: 1160px) {
    .selectAccount {gap:28px;}
    .selectAccount > a {gap:20px;}
    .selectAccount .icoArea {min-width:80px; height:80px;}
    .selectAccount .icoArea img {min-width:40px; height:40px;}
}
@media(max-width:767px) {
    .slctAccntTxt {text-align:left}
    .slctAccntTxt p {font-size:19px;}
    .slctAccntTxt span {font-size:15px;}
    .selectAccount {flex-direction: column; gap:16px;}
    .selectAccount > a {position:relative; padding:20px 50px 20px 30px; background-position: right 30px bottom 44px;}
    .selectAccount .icoArea {position:absolute; left:30px; top:20px; min-width:60px; height:60px;}
    .selectAccount .icoArea img {width: 30px;}
    .selectAccount .txtBox {padding:0;}
    .selectAccount .txtBox strong {display:flex; align-items:center; margin-bottom:24px; padding-left:70px; min-height:60px; font-size:19px;}
}

/* 회원가입 */
.joinType { display: flex; flex-wrap: wrap; gap: 40px; } 
.joinType > div { display: flex; justify-content: space-between; gap: 30px; position: relative; padding: 20px 30px; border: 1px solid var(--color-gray-40); border-radius: 20px; } 
.joinType > div:not(.full) { width: calc(50% - 20px); } 
.joinType > div.full { width: 100%; } 
.joinType > div.full .btnArea { position: absolute; top: 50%; right: 40px; margin-top: -19px; padding: 0; } 
.joinType > div .icoArea { display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-gray-40); border-radius: 8px; width: 120px; height: 120px; background-color: #E6EBF1; } 
.joinType > div .icoArea img { width: 60px; } 
.joinType > div .txtBox { display: flex; flex-direction: column; flex: 1; gap: 10px; }
.joinType .txtBox > strong {font-size:21px;} 
.joinType .txtBox > p {color:var(--color-gray-70);} 
.joinType .btnArea { justify-content: flex-end; margin-top: auto; padding-top: 10px; } 
.joinType .dotList li::before { background-color: var(--color-point); }
.joinType .join02 .btnArea + .btnArea {padding-top:0;}
@media(max-width:1160px) {
    .joinType > div {gap:20px;}
    .joinType > div .icoArea {width:80px; height:80px;}
    .joinType > div .icoArea img {width:40px;}
    .joinType .txtBox > strong  {font-size:20px;}
    .joinType .join02 .btnArea {flex-direction: column;}
}
@media(max-width:767px) {
    .joinType > div {gap:10px;}
    .joinType > div:not(.full) {width:100%;}
    .joinType > div.full .btnArea {position:initial; margin-top:0; padding-top:10px;}
    .joinType > div .icoArea {display:none;}
    .joinType .txtBox > strong {display:flex; align-items:center; position:relative; margin-bottom:14px; padding-left:70px; min-height:60px; font-size:19px;}
    .joinType .txtBox > strong:before {position: absolute; content: ""; left: 0; top: 0; z-index: 13; border: 1px solid #CCC; border-radius: 8px; width: 60px; height: 60px; background: no-repeat center /30px #e6ebf1;}
    .joinType .btnArea {justify-content: center;}
    .joinType .btnArea .btn {width:196px;}
    .joinType .join01 .txtBox > strong:before {background-image: url(/portal/images/v2/content/ico-join01.png);}
    .joinType .join02 .txtBox > strong:before {background-image: url(/portal/images/v2/content/ico-join02.png);}
    .joinType .join03 .txtBox > strong:before {background-image: url(/portal/images/v2/content/ico-join03.png);}
    .joinType .join04 .txtBox > strong:before {background-image: url(/portal/images/v2/content/ico-join04.png);}
    .joinType .join05 .txtBox > strong:before {background-image: url(/portal/images/v2/content/ico-join05.png);}
    .joinType .join06 .txtBox > strong:before {background-image: url(/portal/images/v2/content/ico-join06.png);}
    .joinType .join07 .txtBox > strong:before {background-image: url(/portal/images/v2/content/ico-join07.png);}
    .joinType .join02 .btnArea {align-items: center;}
} 

.section > .step { margin: 0; }
.step { margin: 46px auto 40px; } 
.step ol { display: flex;} 
.step ol > li { flex: 1; position: relative; padding: 16px 20px; border: 2px solid var(--color-gray-40); border-radius: 80px; /* min-width:134px; */ text-align: center; font-size: 15px; color: #8E8E8E; } 
.step ol > li + li::before { display: block; content: ""; position: absolute; top: calc(50% - 8px); left: -22px; width: 20px; height: 11px; background: url(/portal/images/v2/content/ico-arrow-right.png) no-repeat center/100% auto; } 
.step ol > li:last-child {margin-right:0 !important;}
.step ol > li span { display: inline-block; margin-bottom: 5px; padding: 0 10px; border-radius: 40px; line-height: 24px; font-size: 13px; font-weight: 500; color: var(--color-gray-50); background: #EBEBEB;}
.step ol > li p { font-size: 17px; font-weight: 700; color: #717171; } 
.step ol > li.curr { border: 2px solid var(--color-primary); } 
.step ol > li.curr::after { display: block; content: '현재페이지'; position: absolute; top: -99999px; text-indent: -999px; } 
.step ol > li.curr span { color: var(--color-white); background: var(--color-secondary); }
.step ol > li.curr p { color: var(--color-primary); }
/* .step.step6 ol > li {min-width:162px;} */
.stepSwiper {position:relative}
.stepSwiper .swiper-button-next,
.stepSwiper .swiper-button-prev {display:none; width:32px; height:32px; text-indent: -9999px; background:no-repeat center; color:transparent}
.stepSwiper .swiper-button-next {top:50%; right:0; margin-top:0; width:32px; height:calc(100% + 2px); text-indent:-9999px; background:url("/portal/images/v2/content/ico-btn-swiper-next-bgWhite.svg") no-repeat center #fff; transform: translateY(-50%);}
.stepSwiper .swiper-button-next:before { position: absolute; left: -24px; top: 0; content: ""; z-index: 5; width: 24px; height: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%,#fff 100%); }
.stepSwiper .swiper-button-prev {top:50%; right:initial; left:0; margin-top:0; width:32px; height:calc(100% + 2px); text-indent:-9999px; background:url("/portal/images/v2/content/ico-btn-swiper-prev-bgWhite.svg") no-repeat center #fff; transform: translateY(-50%);}
.stepSwiper .swiper-button-prev:before { position: absolute; right: -24px; top: 0; content: ""; z-index: 5; width: 24px; height: 100%; background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%,#fff 100%); }
.stepSwiper.stepShort .swiper-wrapper {transform:initial !important;} 
.stepSwiper.stepShort.swiper-backface-hidden .swiper-slide {transform:initial !important;}
.joinTopTxt { text-align: center; }
@media(min-width:601px) {
    .step .swiper-wrapper {transform:translate3d(0px, 0px, 0px) !important;} 
}
@media(max-width:1160px) {
    .step ol > li {padding:6px 10px; border-radius:20px;}
    .step ol > li p {font-size:15px;}
}
@media(max-width:767px) {
    .step ol > li {padding:0; /* border-radius:20px; */ border:none !important; min-width:auto;}
    .step ol > li + li::before {top:7px; left:-8px; width:16px;}
    .step ol > li p {font-size:13px;}
    .joinTopTxt {text-align:left;}
}
@media(max-width: 600px) {
    .step ol > li {min-width:112px}
    .stepSwiper {padding:0 32px;}
    .stepSwiper .swiper-button-next,
    .stepSwiper .swiper-button-prev {display:flex}
    .stepSwiper.stepShort {padding:0;}
    .stepSwiper.stepShort ol > li {padding:0 2px; min-width:auto;}
    .stepSwiper.stepShort .swiper-button-next,
    .stepSwiper.stepShort .swiper-button-prev {display:none !important}
}

.grid6.checkboxWrap { display: grid; grid-template-columns: repeat(6, 1fr); }

/* 약관동의 */
.grayBox {display:flex; padding:16px 30px; border-radius:20px; background-color: var(--color-gray-5);}
.grayBox + .joinType { margin-top: 40px; } 
.grayBox + .formTable { margin-top: 24px; } 
.grayBox + .whiteBox, .grayBox + .titArea { margin-top: 10px; }
.grayBox .agLabel {max-width:600px;}
.grayBox02 { display: flex; gap: 40px; padding: 30px; border-radius: 20px; background-color: var(--color-gray-5); } 
.grayBox02 .borderL, .whiteBox .borderL { padding-left: 40px; border-left: 1px solid #aaa; } 
[class *= "grayBox"] h4, [class *= "grayBox"] strong, .whiteBox h4, .whiteBox strong { display: block; margin-bottom: 8px; }
.whiteBox { display: flex; gap: 40px; padding: 30px; border: 1px solid var(--color-gray-40); border-radius: 20px; background-color: #fff; }
.whiteBox.flexNone {display:block; padding:24px 30px;}
.whiteBox .cusList + strong {margin-top:32px;}
.whiteBox .sprtPjStep {margin:0;} 
.ulType { display: flex; flex-direction: column; gap: 16px; } 
.ulType > li { display: flex; align-items: center; } 
.ulType > li > p { flex: 0 0 115px; font-size: 15px; font-weight: 700; } 
.ulType > li > div { flex: 1; } 
.agreeChk { align-items: center; gap:10px; margin-top: 10px; padding: 16px 30px; border-radius: 0; } 
.agreeChk .checkboxWrap { margin-left: auto; } 
.agreeBox { border-radius: 0; } 
.agreeBox > .scroll { overflow-y: auto; width: 100%; height: 242px; color: #555; } 
.agreeBox > .scroll strong { display: block; margin-bottom: 10px; font-size: 19px; color: var(--color-base); } 
.agreeBox ol { margin-left: 20px; } 
.agreeBox ol > li { list-style: decimal; } 
.agreeBox ol ol li { text-indent: -20px; list-style: none; } 
.agreeBox > .scroll > ul > li + li { margin-top: 40px; } 
.agreeBox .dashList > li { padding-left: 15px; } 
.agreeBox .dashList > li::before { display: inline-block; content: "-"; margin-left: -15px; width: 15px; color: #555; } 
.agreeBox p + strong { margin-top: 40px; } 
.agreeChkAll { display: flex; align-items: center; justify-content: space-between; padding: 16px 30px; border-radius: 8px; ; background: #E8EBF2; } 
.bottomTxt { margin-top: 24px; color: #555; } 
.bottomTxt ol, .bottomTxt ul { margin-top: 16px; }
@media (max-width: 1160px) {
    .grayBox02 {gap:20px; padding: 28px;}
    .grayBox02 .right {padding-left:30px;}
    .ulType > li > p {flex:0 0 102px}
    .grayBox { padding: 24px; }
    .grayBox:has(.left, .right) { flex-direction: column; gap: 10px; }
    .grayBox .left { width: 100%; }
    .whiteBox { padding: 24px; }
}
@media (max-width: 767px) {
    .grayBox { padding: 16px; }
    .grayBox + .formTable { margin-top: 16px; } 
    .grayBox02 {flex-direction: column; padding: 24px;}
    .grayBox02 .right {padding-left:0;}
    .grayBox02 .borderL {border-left:0;}
    .whiteBox { padding: 16px; }
    .ulType > li {flex-direction: column; align-items: flex-start; gap:10px;}
    .ulType > li > p {flex:0 0 23px;}
    .ulType .flexWrap {flex-wrap: wrap;}
    .ulType .flexWrap > div :is(input, select) {max-width:100%;}
    .ulType .flexWrap .btn {margin-left:auto;}
    .agreeChkAll, 
    .agreeChk {flex-direction: column; align-items: flex-start; gap:24px; padding: 16px 24px;}
    .agreeChk .checkboxWrap {margin-left:0;}
}

/* 회원정보입력 */
.req { position: relative; overflow: hidden; } 
.req::before { display: inline-block; content: "필수입력"; position: absolute; top: -9999px; left: -9999px; text-indent: -9999px; } 
.req::after { content: '*'; margin-left: 2px; color: var(--color-danger); } 
.reqCap { margin-bottom: 16px; font-size: 15px; color: #555; } 
.notiBox { align-items: flex-end; } 
.notiBox .left { flex: 1; } 
.notiBox .right p { margin-bottom: 10px; color:var(--color-gray-70);}
.profileBox { display: flex; align-items: flex-end; gap: 20px; } 
.profileBox .profile { overflow: hidden; padding: 5px; border: 1px solid #717171; width: 106px; height: 135px; } 
.profileBox .profile img { width: 100%; height: 100%; object-fit: contain; } 
.profileBox .txtBox { display: flex; flex-direction: column; gap: 10px; }
.addrsList {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.addrsList > li {display:flex}
.addrsList > li + li {border-top:1px solid #ccc;}
.addrsList > li .num {display:flex; justify-content:center; align-items:center; padding:16px; width:20%; font-size:17px; font-weight:700;}
.addrsList > li > ul {padding:16px; width:80%;}
.addrsList > li > ul > li a {display:inline-flex; gap:10px; position:relative;}
.addrsList > li > ul > li a:hover:before {position:absolute; bottom:-1px; left:0; content:""; width:100%; height:1px; background:var(--color-gray-70)}
.addrsList > li > ul > li span {display:block; width:70px; line-height:22px; font-size:15px; color:#556E96; font-weight:700;}
.addrsList > li > ul > li p {line-height:22px; font-size:17px; color:var(--color-gray-70);}
@media(max-width:1160px) {
    .notiBox {flex-direction: column; align-items: flex-start; }
    .notiBox .borderL {padding-left:0; border-left:0;}
    .addrsList > li .num {width:16%;}
    .addrsList > li > ul {width:84%;}
    .addrsList > li > ul > li + li {margin-top:10px;}
    .addrsList > li > ul > li a {flex-direction: column; gap:0;}
}

/* 회원가입완료 */
.joinEnd { text-align: center; } 
.joinEnd > p { font-size: 60px; } 
.joinEnd > p::before { display: flex; align-items: center; justify-content: center; content: ""; margin: 0 auto 20px; border-radius: 100%; width: 180px; height: 180px; background: #333689 url(/portal/images/v2/content/ico-join-end.png) no-repeat center / 80px; } 
.joinEnd strong {display:block; font-size: 19px; } 
.joinGreenBox {display:inline-flex; gap:20px; margin-top:40px; padding:16px 24px; border-radius:8px; max-width:822px; background:#F4F8F8;}
.joinGreenBox p {text-align:left; line-height:1.5; font-size:17px; font-weight:700;}
.joinGreenBox .btn {min-width:180px;}
.joinEnd .joinTopTxt { margin-top: 40px; padding: 16px 0; border-top: 1px solid var(--color-gray-40); }
.joinEnd .joinTopTxt .dotList { display: flex; flex-direction: column; align-items: center; }
@media(max-width:767px) {
    .joinGreenBox {flex-direction: column; align-items: center;}
}

/* 회원탈퇴 & 비밀번호 변경 */
.WithdrawalInfo {padding:40px; border-radius: 20px; background: #F8F8F8;}
.WithdrawalInfo .top {text-align:center; line-height:1.5; font-size:22px; color:var(--color-black);}
.WithdrawalInfo .top strong {display: block; margin-bottom:10px; line-height:1.5; font-size:26px; color:var(--color-black); font-weight:700;}
.WithdrawalInfo .top p {line-height:1.5; font-size:17px; color:var(--color-black);}
.WithdrawalInfo .btm {margin-top:20px; padding-top:20px; border-top:1px solid #ccc; text-align:center; line-height:1.5; font-size:22px; color:var(--color-black);}
.WithdrawalInfo .btm strong {display: block; margin-bottom:10px; line-height:1.5; font-size:26px; color:var(--color-black); font-weight:700;}
.WithdrawalInfo .btm p {line-height:1.5; font-size:17px; color:var(--color-black);}
@media(max-width:767px) {
    .WithdrawalInfo {padding:20px;}
    .WithdrawalInfo br {display:none}
    .WithdrawalInfo .top {font-size:19px;}
    .WithdrawalInfo .btm {margin-top:16px; padding-top:16px;}
    .WithdrawalInfo .btm strong,
    .WithdrawalInfo .btm p {word-break: keep-all;}
    .WithdrawalInfo .btm strong {font-size:22px;}
    .WithdrawalInfo .btm p {font-size:15px;}
}

/*** 고객지원 ***/
/* 이용안내 */
.userGuide > ul { display: grid; gap: 20px 60px; grid-template-columns: repeat(2, 1fr); } 
.userGuide > ul > li { display: flex; align-items:center; gap: 30px; } 
.userGuide > ul > li .icoArea { display: flex; align-items: center; justify-content: center; flex-shrink: 0; border:1px solid #ccc; border-radius: 8px; width: 120px; height: 120px; background-color: #E6EBF1; } 
.userGuide > ul > li .icoArea img { width: 60px; } 
.userGuide > ul > li .icoArea strong {display: block; text-align:center; font-size: 21px; word-break: keep-all;}
.userGuide > ul > li .txtBox strong { display: block; margin-bottom: 10px; font-size: 21px; } 
.userGuide > ul > li .txtBox li { font-size: 100%; } 
.userGuide > ul > li .txtBox p {color:var(--color-gray-70)}
.userGuide.v2 > ul > li { align-items:flex-start; position: relative; margin-bottom: 20px; padding-bottom: 20px; } 
.userGuide.v2 > ul > li:nth-child(even)::before { display: block; content: ""; position: absolute; top: 100%; right: 0; width: calc(200% + 60px); height: 1px; background-color: var(--color-gray-40); } 
@media(max-width:1160px) {
    .userGuide > ul {gap:20px 30px;}
    .userGuide > ul > li {gap:24px;}
    .userGuide > ul > li .icoArea {width:100px; height:100px;}
    .userGuide > ul > li .icoArea img {width:50px;}
    .userGuide > ul > li .icoArea strong {font-size: 20px;}
}
@media(max-width:767px) {
    .userGuide > ul {grid-template-columns: 1fr; gap:32px;}
    .userGuide > ul > li {align-items:flex-start; gap:10px;}
    .userGuide > ul > li .icoArea {width:80px; height:80px;}
    .userGuide > ul > li .icoArea img {width:40px;}
    .userGuide > ul > li .icoArea strong {font-size: 19px;}
    .userGuide.v2 > ul {gap:0;}
    .userGuide.v2 > ul > li {position:relative; margin-bottom:32px; border-bottom:1px solid var(--color-gray-40);}
    .userGuide.v2 > ul > li:last-child {margin-bottom:0;}
    .userGuide.v2 > ul > li:nth-child(even)::before {content:none;}
    .userGuide.v2 > ul > li .icoArea {/* position:absolute; left:0; top: 0;  */width:80px; height:80px;}
    .userGuide.v2 > ul > li .icoArea img {width:30px;}
    .userGuide.v2 > ul > li .icoArea .sm {font-size:13px !important}
    .userGuide.v2 > ul > li .txtBox strong {display:flex; align-items:center; margin-bottom:24px; padding-left:70px; min-height:60px;}
}

/* 저작권정책 */
.copyBox { display: flex; gap: 30px; padding: 40px; border-radius: 20px; background-color: #EDF0F5; } 
.copyBox .icoArea { display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 8px; max-width: 284px; width:100%; height: 164px; background-color: #fff; } 
.copyBox .icoArea img { width: 165px; } 
.copyBox .txtBox strong { display: block; margin-bottom: 16px; font-size: 18px; } 
.copyBox ol { margin-top: 16px; } 
.copyBox ol li { font-size: 17px; } 
.copyBgTxt { padding: 16px; border-radius: 6px; text-align: center; font-weight: 700; color: #fff; background: #697C9B; } 
.copyBox.v2 .icoArea img { width: 100px; } 
@media(max-width:767px) {
    .copyBox {flex-direction:column; padding:24px;}
    .copyBox .icoArea {align-self:center;}
}

/* 이용약관 */
.agreeUl strong { display: block; margin-bottom: 10px; font-size: 19px; color: var(--color-base); } 
.agreeUl ol { margin: 16px 0 16px 18px; } 
.agreeUl ol > li { list-style: decimal; } 
.agreeUl ol > li > p:first-child { margin-top: 16px; } 
.agreeUl ol ol li { text-indent: -18px; font-size: 15px; list-style: none; } 
.agreeUl > li + li { margin-top: 64px; } 
@media(max-width:767px){
    .agreeUl strong {font-size:17px;}
    .agreeUl li {font-size:15px;}
    .agreeUl > li + li { margin-top: 40px; } 
}

/* 개인정보처리방침 */
.policyBox .policyTop strong { display: block; margin-bottom: 10px; } 
.policyBox .policyTop p {color:var(--color-gray-70)}
.policyBox .titArea h3 { font-size: 21px; } 
.policyLabel ul { display: flex; text-align: center; } 
.policyLabel ul li { flex: 1; position: relative; padding: 10px 10px 26px; } 
.policyLabel ul li + li::before { display: block; content: ""; position: absolute; top: 5px; left: -1px; width: 1px; height: 84px; background-color: var(--color-gray-40); } 
.policyLabel .icoArea { margin: 0 auto; width: 80px; } 
.policyLabel strong { display: block; margin-top: 16px; margin-bottom: 5px; } 
.policyLabel p { font-size: 15px; color: #555; } 
.policyLabel > p { padding-top: 16px; border-top: 1px solid var(--color-gray-40); } 
.policyCycle { padding: 36px; border-radius: 20px; background: #F8F8F8; } 
.policyCycle > ul { display: flex; position: relative; } 
.policyCycle > ul::before { display: block; content: ""; position: absolute; top: 23px; left: 36px; width: 65%; height: 3px; background-color: #aaa; } 
.policyCycle > ul > li { flex: 1; } 
.policyCycle > ul > li > div { display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 14px; width: 53px; height: 53px; transform: translate(0); } 
.policyCycle > ul > li span { display: flex; align-items: center; justify-content: center; border: 2px solid #2567AF; border-radius: 100%; width: 100%; height: 100%; font-size: 15px; font-weight: 700; color: #2567AF; background-color: #fff; } 
.policyCycle > ul > li > div::before { display: block; content: ""; position: absolute; top: 50%; left: 50%; z-index: -1; border-radius: 100%; width: 71px; height: 71px; background-color: #2567AF33; transform: translate(-50%, -50%); } 
.policyCycle > ul > li h4 { margin: 15px 0 5px; } 
.policyCycle > ul > li:nth-child(2) span { border: 2px solid #147EA1; color: #147EA1; } 
.policyCycle > ul > li:nth-child(2) > div::before { background-color: #147EA133; } 
.policyCycle > ul > li:nth-child(3) span { border: 2px solid #229068; color: #229068; } 
.policyCycle > ul > li:nth-child(3) > div::before { background-color: #22906833; } 
.policyCycle + .titArea { margin-top: 20px; } 
.policyBox .policyTable { border-top: 1px solid var(--color-gray-40); } 
.policyBox .policyTable th { color: var(--color-base); background-color: #fff; } 
.policyBox .policyTable img { width: 40px; } 
.policyBox .policyTable .bgV1 { background: #E2F0F6; } 
.policyBox .policyTable .bgV2 { background: #F2F5F6; } 
.policyBox .policyTable .bgV3 { background: #E2F6F1; } 
.policyBox .policyTable td { text-align: center; } 
.policyBox .policyTable td p { font-weight: 700; color: #2567AF; } 
.policyBox .policyTable strong { display: block; } 
.policyBox .policyTable td .flexWrap { flex-wrap: wrap; text-align: left; } 
.termsList ol { display: flex; flex-wrap: wrap; border-top: 1px solid var(--color-gray-40); border-bottom: 1px solid var(--color-gray-40); } 
.termsList ol li { flex: 0 0 50%; margin-bottom: -1px; border-bottom: 1px solid var(--color-gray-40); } 
.termsList ol li:nth-child(odd) { border-inline-end: 1px solid var(--color-gray-40); } 
.termsList dl { display: flex; align-items: center; gap: 5px; padding: 16px; } 
.termsList dl dt { margin-right: 15px; } 
.termsList dl dt a {line-height:1.5; color:#000; font-weight:600;}
.termsList dl dd { flex-shrink: 0; } 
.termsList dl dd img { width: 30px; } 
.termsCont { margin-left: 0; } 
.termsCont > li { margin-top: 64px; } 
.termsCont > li h4 { font-size: 19px; } 
.termsCont > li > div { display: flex; align-items: center; gap: 5px; margin-bottom: 16px; } 
.termsCont > li > div .hoverATag {min-width:32px;}
.hoverATag { position: relative; } 
.hoverATag img { width: 40px; } 
.hoverATag span { position: absolute; top: 100%; left: 50%; z-index: 10; white-space: nowrap; padding: 2px 10px; border: 1px solid var(--color-gray-40); height: 0; font-size: 13px; background-color: #fff; opacity: 0; transform: translateX(-50%); transition: all 0.2s ease; } 
.hoverATag:hover span { height: auto; opacity: 1; } 
.termsCont li { font-size: 17px; } 
.termsCont li .colTable { margin-bottom: 40px; } 
.termsCont > li ol, .termsCont .colTable { margin-top: 16px; margin-bottom: 16px; } 
.termsCont .colTable li { margin: 0; font-size: 15px; } 
.termsCont .weightTxt { display: block; }
@media(max-width:1160px) {
    .policyLabel ul {flex-wrap:wrap;}
    .policyLabel ul li {flex:0 0 33.333%}
}
@media(max-width:767px) {
    .policyLabel ul li {flex:0 0 50%}
    .policyLabel ul li + li::before {content:none;}
    .policyCycle {padding:27px 18px 18px 15px;}
    .policyCycle > ul {flex-direction: column;}
    .policyCycle > ul::before {top:50px; width:3px; height:64%}
    .policyCycle > ul > li {position:relative; padding-left:76px;}
    .policyCycle > ul > li + li {margin-top:20px;}
    .policyCycle > ul > li h4 {margin:0 0 5px;}
    .policyCycle > ul > li > div {position:absolute; left:10px; top:10px;}
    .termsList ol li {flex:0 0 100%;}
    .termsList ol li:nth-child(odd) {border-inline-end:none;}
    .termsList dl {justify-content: space-between;}
} 

/*** 마이페이지 ***/
/* 나의 활동 */
.supportStatus { display: flex; flex-wrap: wrap; gap: 14px; padding: 26px 30px; border: 1px solid #B5E2E2; border-radius: 16px; background: #F4F8F8;}
.supportStatus.white {border-color:#ddd; background:#fff;}
.supportStatus dl { flex: 1; }
.supportStatus dl dt { position: relative; padding-left: 22px; white-space: nowrap; font-size: 15px; font-weight: 700; color: var(--color-gray-70); }
.supportStatus dl dt:before { content: ""; position: absolute; top: calc(50% - 8px); left: 0; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.supportStatus dl.status01 dt:before { background-image: url(/portal/images/v2/content/ico-status01.svg); }
.supportStatus dl.status02 dt:before { background-image: url(/portal/images/v2/content/ico-status02.svg); }
.supportStatus dl.status03 dt:before { background-image: url(/portal/images/v2/content/ico-status03.svg); }
.supportStatus dl.status04 dt:before { background-image: url(/portal/images/v2/content/ico-status04.svg); }
.supportStatus dl.status05 dt:before { background-image: url(/portal/images/v2/content/ico-status05.svg); }
.supportStatus dl.status06 dt:before { background-image: url(/portal/images/v2/content/ico-status06.svg); }
.supportStatus dl.status07 dt:before { background-image: url(/portal/images/v2/content/ico-status07.svg); }
.supportStatus dl.status08 dt:before { background-image: url(/portal/images/v2/content/ico-status08.svg); }
.supportStatus dl.status09 dt:before { background-image: url(/portal/images/v2/content/ico-status09.svg); }
.supportStatus dl.status10 dt:before { background-image: url(/portal/images/v2/content/ico-status10.svg); }
.supportStatus dl.status11 dt:before { background-image: url(/portal/images/v2/content/ico-status11.svg); }
.supportStatus dl dd { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 10px; padding-top: 16px; border-top: 1px solid #aaa; text-align: right; font-size: 30px; font-weight: 700; color: var(--color-base); }
.supportStatus dl:not(:last-child) dd {cursor:pointer;}
.supportStatus dl.status06 dt,
.supportStatus dl.status06 dd,
.supportStatus dl.status11 dt,
.supportStatus dl.status11 dd { color: var(--color-point); }
.actBox + .actBox { margin-top: 40px; }
.actBox { height: 100%; }
.actBox h3 { margin-bottom: 16px; }
.actSwiper { position: relative; margin-top: -44px; padding-top: 44px !important; }
.actSwiper *[class^=swiper-button] { display: block; top: 0; left: inherit; margin-top: 0; width: 28px; height: 28px; text-indent: -9999px; color:transparent}
.actSwiper .swiper-button-prev { right: 33px; background: url(/portal/images/v2/content/ico-btn-swiper-prev.png) no-repeat center; }
.actSwiper .swiper-button-next { right: 0; background: url(/portal/images/v2/content/ico-btn-swiper-next.png) no-repeat center; }
.act { overflow: hidden; padding: 30px 40px; border: 1px solid #ccc; border-radius: 12px; background: var(--color-white); }
.act.actNone { display: flex; align-items: center; justify-content: center; height: calc(100% - 51px); }
.act.actNone p { font-size: 17px; color: var(--color-gray-70); }
.act .label { margin-bottom: 10px; }
.act .label ul { display: flex; flex-wrap: wrap; gap: 5px; }
.act .label ul li { padding: 0 6px; border-radius: 4px; line-height: 24px; font-size: 13px; }
.act .label ul li.v1 { color: var(--color-white); background: var(--color-point); }
.act .label ul li.v2 { padding: 0 10px; border: 1px solid #229068; border-top: 0; border-bottom: 0; font-weight: 700; color: #229068; background: #EDFFF8; }
.act .label ul li.v3 { color: #023CA4; background: #EFF5FF; }
.act p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 21px; font-weight: 600; color: var(--color-base); }
.act .bot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 32px; }
.act .bot span { position: relative; padding-left: 20px; font-size: 15px; font-weight: 500; color: var(--color-base); }
.act .bot span:before { content: "·"; position: absolute; top: 0; left: 10px; color: var(--color-base); }
.act .bot button:only-child {  margin-left: auto; }
.goArea { display: flex; gap: 16px; margin-top: 51px; height: 197px; }
.goArea img { max-width: 270px; height: 100%; }
.goArea .goBox { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.goArea .goBox a { display: flex; align-items: center; flex: 1; padding: 0 20px; border-radius :12px; background: #E8EBF2; }
.goArea .goBox a span { position: relative; padding-left: 36px; width: 100%; font-size: 19px; font-weight: 600; color: var(--color-base); }
.goArea .goBox a span:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.goArea .goBox a:first-child span:before { background-image: url(/portal/images/v2/content/img-go02.png); }
.goArea .goBox a:last-child span:before { background-image: url(/portal/images/v2/content/img-go03.png); }
.goArea .goBox a span:after { content: ""; position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: url(/portal/images/v2/content/img-go04.png) no-repeat center/100% auto; }
.goArea .corpInfo ul { display: flex; flex-direction: column; gap: 10px; padding: 20px; border: 1px solid #ccc; border-radius: 12px; }
.goArea .corpInfo ul li { display: flex; }
.goArea .corpInfo ul li p { flex: 0 0 100px; position: relative; padding-left: 14px; font-size: 15px; font-weight: 700; color: var(--color-base); }
.goArea .corpInfo ul li p:before { content: ""; position: absolute; top: 9px; left: 0; border-radius: 50%; width: 4px; height: 4px; background: var(--color-base); }
.goArea .corpInfo ul li span { flex: 1; font-size: 15px; color: var(--color-gray-70); }
.goArea.inCorpInfo { margin-top: 0; height: auto; }
.goArea.inCorpInfo .corpInfo { flex: 1; }
.goArea.inCorpInfo img { width: 100%; }
.mdArea { display: flex; flex-wrap: wrap; gap: 40px; }
.mdArea .lt { flex: 1; }
.mdArea .rt { width: 260px; }
.mdArea .rt a { display: block; }
.statusWrap { display: flex; flex-direction: column; gap: 16px; }
.newDetailStatus { display: flex; flex-direction: column; gap: 15px; padding: 16px 40px; border-radius: 16px; background: #F3F3F3; }
.newDetailStatus > p { font-size: 19px; font-weight: 700; color: var(--color-base); }
.newDetailStatus ol { display: flex; justify-content: space-between; position: relative; overflow-x:auto; padding-top:10px;}
/* .newDetailStatus ol:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #ccc; } */
.newDetailStatus ol li { flex: 1; display: flex; justify-content: center; position: relative; padding-top: 13px; min-width:134px;}
.newDetailStatus ol li:before { content: ""; position: absolute; top: -10px; left: calc(50% - 10px); border: 5px solid #48599F; border-radius: 50%; width: 10px; height: 10px; background: var(--color-white); z-index:1;}
.newDetailStatus ol li:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #ccc; }
.newDetailStatus ol li > p { font-size: 19px; font-weight: 700; color: #717171; }
.newDetailStatus .currDetail { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 10px 0; border-radius: 80px; min-width: 130px; background: var(--color-secondary); animation: blink-effect 1.5s ease-in infinite;}
.newDetailStatus .currDetail p { line-height: 1.2; font-size: 17px; font-weight: 700; color: var(--color-white); }
.newDetailStatus .currDetail span { line-height: 1.2; font-size: 13px; font-weight: 700; color: var(--color-white); }
@keyframes blink-effect {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 1280px) {
    .act .bot { flex-direction: column; align-items: flex-start; }
    .act .bot button {  margin-left: auto; }
    .goArea { flex-direction: column; margin-top: 0; height: 100%; }
    .goArea img { max-width: 200px; content:url("/portal/images/v2/content/img-go01-m.svg")}
    .goArea .goBox { height: 100%; }
}
@media (max-width: 1160px) {
    .supportStatus { padding: 20px 15px; }
    .supportStatus dl { flex: none; width: calc(50% - 7px); }
    .supportStatus dl.odd { width: 100%; }
    .act { padding: 32px; }
    .act p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: inherit; }
    .mdArea { flex-direction: column; }
    .mdArea .lt { flex: none; width: 100%; }
    .mdArea .rt { width: 100%; }
    .mdArea .rt img { width: 100%; }
} 
@media (max-width: 767px) {
    .supportStatus { padding: 10px 16px; }
    .actBox h3 { margin-bottom: 10px; }
    .actSwiper { margin-top: -38px; padding-top: 38px; }
    .act { padding: 24px; }
    .act.actNone { height: 150px; }
    .goArea img { width: 100%; max-width: 100%; }
    .goArea .goBox a { flex: none; height: 64px; }
    .newDetailStatus { gap: 21px; padding: 16px 24px; }
    .newDetailStatus > p { font-size: 17px; }
    .newDetailStatus ol li { padding-top: 18px; }
    .newDetailStatus ol li > p { visibility: hidden; }

    /* .statusWrap { display: flex; flex-direction: column; gap: 16px; }
    .newDetailStatus { display: flex; flex-direction: column; gap: 15px; padding: 16px 40px; border-radius: 16px; background: #F3F3F3; }
    .newDetailStatus > p { font-size: 19px; font-weight: 700; color: var(--color-base); }
    .newDetailStatus ol { display: flex; justify-content: space-between; position: relative; }
    .newDetailStatus ol:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #ccc; }
    .newDetailStatus ol li { flex: 1; display: flex; justify-content: center; position: relative; padding-top: 13px; }
    .newDetailStatus ol li:before { content: ""; position: absolute; top: -10px; left: calc(50% - 10px); border: 5px solid #48599F; border-radius: 50%; width: 10px; height: 10px; background: var(--color-white); }
    .newDetailStatus ol li > p { font-size: 19px; font-weight: 700; color: #717171; }
    .newDetailStatus .currDetail { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 10px 0; border-radius: 80px; min-width: 130px; line-height: 1.2; background: var(--color-secondary); }
    .newDetailStatus .currDetail p { font-size: 17px; font-weight: 700; color: var(--color-white); }
    .newDetailStatus .currDetail span { font-size: 13px; font-weight: 700; color: var(--color-white); } */

}

/* 비밀번호 확인 */
.formCol dl dt { margin-bottom: 10px; font-size: 17px; color: var(--color-gray-70); }
.formCol input { width: 100%; }

/* 회원정보 */
.userInfo { display: flex; flex-wrap: wrap; gap: 14px; padding: 24px 30px; border-radius: 16px; background: #E2EEEF; }
.userInfo .user { display: flex; align-items: center; gap: 24px; padding: 16px 24px; border-radius: 8px; width: 400px; background: var(--color-white); }
.userInfo .user img { width: 60px; height: 60px; }
.userInfo .user .detail ul { display: flex; gap: 5px; margin-bottom: 10px; }
.userInfo .user .detail ul li { display: inline-block; padding: 0 6px; border-radius: 4px; line-height: 24px; font-size: 13px; color: var(--color-white); }
.userInfo .user .detail ul li.v1 { background: #4E6CB6; }
.userInfo .user .detail ul li.v2 { background: #636F8C; }
.userInfo .user .detail ul li.v3 { background: #764A8F; }
.userInfo .user .detail ul li.v4 { background: #594664; }
.userInfo .user .detail ul li.v5 { background: #229068; }
.userInfo .user .detail ul li.v6 { background: #59509E; }
.userInfo .user .detail ul li.v7 { background: #229068; }
/*
v1 기업
v2 법인인증서 확인
v3 MD
v4 정회원
v5 평가위원
v6 제휴
v7 예비
*/
.userInfo .user .detail p { margin-bottom: 5px; line-height: 1; font-size: 23px; font-weight: 700; color: var(--color-base); }
.userInfo .user .detail span { font-size: 13px; color: var(--color-gray-70); }
.userInfo dl { display: flex; flex-direction: column; justify-content: space-between; flex: 1 0 170px; padding: 24px 24px 16px; border-radius: 8px; background: var(--color-white); }
.userInfo dl dt { position: relative; padding-left: 22px; line-height: 16px; font-size: 15px; font-weight: 700; color: var(--color-gray-70); }
.userInfo dl dt:before { content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background-repeat: repeat; background-position: center; background-size: 100% auto; }
.userInfo dl.userLabel01 dt:before { background-image: url(/portal/images/v2/content/ico-user01.png); }
.userInfo dl.userLabel02 dt:before { background-image: url(/portal/images/v2/content/ico-user02.png); }
.userInfo dl.userLabel03 dt:before { background-image: url(/portal/images/v2/content/ico-user03.png); }
.userInfo dl.userLabel04 dt:before { background-image: url(/portal/images/v2/content/ico-user04.png); }
.userInfo dl dd { text-align: right; font-size: 22px; font-weight: 300; color: var(--color-base); }

.halfArea { display: flex; flex-wrap: wrap; gap: 64px 40px; }
.halfArea > * { width: calc(50% - 20px); }
.graph { position: relative; padding: 40px 50px; border: 1px solid #ccc; background: var(--color-white); }
.graph > div:nth-of-type(1) { display: flex; gap: 13px; width: 100% !important; height: inherit !important; }
.graph > div:nth-of-type(1) ul { display: flex; position: relative !important; padding-left: 0 !important; width: 100%; }
.graph > div:nth-of-type(1) ul:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: calc(100% - 28px); background: #aaa; }
.graph > div:nth-of-type(1) ul:after { content: ""; position: absolute; bottom: 28px; left: 0; width: 100%; height: 1px; background: #aaa; }
.graph > div:nth-of-type(1) ul li { flex: 1; float: inherit !important; margin-left: 0 !important; }
.graph > div:nth-of-type(1) ul li .barWrap { justify-content: center; gap: 8px; }
.graph > div:nth-of-type(1) ul li .barWrap div { width: 24px !important; border-radius: 4px; }
.graph > div:nth-of-type(1) ul li p { margin-top: 10px; }
.graph > div:nth-of-type(2) { position: relative !important; right: inherit !important; bottom: inherit !important; margin-top: 10px; padding: 14px; border: 1px solid #ccc; }
.graph > div:nth-of-type(2) > ul { display: flex; flex-wrap: wrap; gap: 5px 24px; align-items: center; justify-content: center; }
.graph > div:nth-of-type(2) > ul li { margin-bottom: 0 !important; }
.graph > div:nth-of-type(2) div { display: none !important; }
.graph > div:nth-of-type(2) span { position: relative; margin-left: 0 !important; padding-left: 42px; font-size: 15px; color: var(--color-gray-70); }
.graph > div:nth-of-type(2) span:before { content: ""; position: absolute; top: 3px; left: 0; border-radius: 4px; width: 37px; height: 17px; }
.graph > div:nth-of-type(2) ul li:first-child span:before { background: #246BEB; }
.graph > div:nth-of-type(2) ul li:last-child span:before { background: #363B5C; }
.graph > div .vertical_x { flex-shrink: 0; display: flex; flex-direction: column; width: 26px; }
.graph > div .vertical_x li { flex: 1; width: 26px !important; font-size: 15px !important; font-weight: 700; color: var(--color-base); }
.graph > div .vertical_x li:nth-of-type(2) { top: 40px !important; }
.graph > div .vertical_x li:nth-of-type(3) { top: 80px !important; }
.graph > div .vertical_x li:nth-of-type(4) { top: 120px !important; }
.graph > div .vertical_x li:nth-of-type(5) { top: 160px !important; }
.graph > div .vertical_x li:nth-of-type(6) { top: 200px !important; }
.graph > div .vertical_x li:before { content: ""; position: absolute; top: 50%; left: 39px; border: 1px dashed #aaa; width: calc(100vw - 26px); }
.graph > div .vertical_x li:last-child:before { display: none; }
#chartUl .dataName { line-height: 23px; font-size: 15px; font-weight: 700; color: var(--color-black); }

.periodWrap { display: flex; flex-direction: column; gap: 10px; }
.periodWrap span { min-width: 16px; text-align: center; line-height: 48px; font-size: 15px; color: var(--color-gray-70); }
.period { display: flex; gap: 10px; }
.period > div { flex: 1; min-width: 110px; }
@media (max-width: 1280px) {
    .graph { padding: 30px; }
}
@media (max-width: 1160px) {
    .userInfo { padding: 24px; }
    .userInfo .user { padding: 16px; }
    .userInfo dl { padding: 16px; }
    .userInfo dl dd { font-size: 23px; }

    .halfArea.col { flex-direction: column; }
    .halfArea.col > * { width: 100%; }
}
@media (max-width: 767px) {
    .userInfo .user { padding: 16px; width: 100%; }
    .userInfo dl { flex: none; gap: 25px; padding: 10px 10px 8px; width: calc(50% - 7px); }
    .userInfo dl dd { font-size: 21px; }

    .halfArea > * { width: 100%; }
    .graph { padding: 20px; }
}

.esgDetailArea { display: flex; gap: 40px; }
.esgDetailArea .lt { flex-shrink: 0; position: relative; width: 300px; height: 400px; background: url(/portal/images/v2/content/img-esg.svg) no-repeat center/contain; }
.esgDetailArea .lt strong,
.esgDetailArea .lt p,
.esgDetailArea .rt p { display: flex; align-items: center; justify-content: center; font-family: "TimesNewerRoman", sans-serif; font-weight: 400; color: #24376B; }
.esgDetailArea .lt strong { position: absolute; top: 18%; left: calc(50% - 37px); width: 74px; height: 100px; font-size: 100px; }
.esgDetailArea .lt .detail { display: flex; gap: 8px; position: absolute; bottom: 100px; left: 50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%)}
.esgDetailArea .lt .detail p { width: 78px; height: 53px; text-align: center; font-size: 40px; }
.esgDetailArea .ct { width: 100%; max-width: 250px; height: 400px; }
.esgDetailArea .ct .desc { padding: 30px; border: 1px solid #ccc; border-radius: 16px; height: 100%; background: var(--color-white); }
.esgDetailArea .ct .desc strong { display: block; margin-bottom: 5px; font-size: 17px; font-weight: 700; color: var(--color-base); }
.esgDetailArea .ct .desc p { line-height: 1.5; font-size: 15px; color: var(--color-gray-70); }
.esgDetailArea .rt ul li { display: flex; gap: 20px; padding: 20px 30px; border-bottom: 1px solid #ccc; }
.esgDetailArea .rt ul li:first-child { border-top: 1px solid #ccc; }
.esgDetailArea .rt .detailResult { flex-shrink: 0; position: relative; border:1px solid #ccc; border-radius:8px; width: 80px; height: 80px; background: url(/portal/images/v2/content/img-esg-detail.svg) no-repeat center/contain; }
.esgDetailArea .rt .detailResult p { position: absolute; top: 32%; left: calc(50% - 10px); width: 20px; height: 26px; font-size: 30px; }
.esgDetailArea .rt dt { font-size: 17px; font-weight: 700; color: var(--color-base); }
.esgDetailArea .rt dd { position: relative; padding-left: 20px; color:var(--color-gray-70)}
.esgDetailArea .rt dd:before { content: ""; position: absolute; top: 10px; left: 10px; border-radius: 50%; width: 4px; height: 4px; background: var(--color-gray-70); }
.esgDetailArea.sm  {align-items: center;}
.esgDetailArea.sm .lt {width:300px !important; height:334px; background-image:url("/portal/images/v2/content/img-esg-sm.svg");}
.esgDetailArea.sm .lt strong {top:19%;}
.esgDetailArea.sm .lt .detail {bottom:45px;}
.esgDetailArea.sm .rt dd {font-size:15px;}
.esgDetailArea.sm .rt ul li {padding:0; border-bottom:0;}
.esgDetailArea.sm .rt ul li:first-child {border-top:0;}
.esgDetailArea.sm .rt ul li + li {margin-top:16px;}
@media(max-width:330px) {
    .esgDetailArea.sm .lt .detail {bottom:50px;}
}

tr.children { background: var(--color-gray-5); }
tr.children .indenter { position: relative; }
tr.children .indenter:before { content: "-"; position :absolute; top: -2px; right: 0; }
tr.expanded td.tableChk .checkbox { display: none; }
tr.expanded.children td.tableChk .checkbox { display: flex; }
table.treetable tr.collapsed span.indenter a,
table.treetable tr.expanded span.indenter a { display: inline-flex; align-items: center; margin-right: 5px; width: 16px; height: 16px; text-indent: -9999px; background: url(/portal/images/v2/content/ico-expand.png) no-repeat center/100% auto; }
@media (max-width: 1160px) {
    .esgDetailArea { flex-direction: column; }
    .esgDetailArea > div { width: 100% !important; max-width: 100% !important; }
    .esgDetailArea .ct { height: auto; }
    .esgDetailArea .ct .desc { padding: 24px; }
}
@media (max-width: 767px) {
    .esgDetailArea .ct .desc { padding: 16px; }
    .esgDetailArea .ct .desc p { font-size: 15px; }
    .esgDetailArea .rt ul li { padding: 16px 10px; }
    .esgDetailArea .rt dd { font-size: 15px; }
}

/* 지원사업 신청내역 */
.statusProcess + .subCont > .cont { padding: 0; }
.statusProcess { margin: 40px auto; }
.statusProcess ol { display: flex; flex-wrap: wrap; gap: 20px; }
.statusProcess ol li { display: flex; align-items: center; justify-content: space-between; flex: 1; position: relative; padding: 10px 2%; border: 2px solid var(--color-secondary); border-radius: 80px; transition:all 0.2s;}
.statusProcess ol li:hover {background-color:var(--color-secondary)}
.statusProcess ol li:before { content: ""; position: absolute; top: calc(50% - 7px); left: -22px; width: 20px; height: 14px; background: url(/portal/images/v2/content/ico-arrow-right.png) no-repeat center/100% auto; }
.statusProcess ol li.dash:before { top: calc(50% - 16px); left: -12px; width: 1px; height: 32px; background: #666; }
.statusProcess ol li p { position: relative; padding-left: 26px; line-height: 1.2; font-size: 15px; font-weight: 700; color: var(--color-gray-70); }
.statusProcess ol li p:before { content: ""; position: absolute; top: calc(50% - 8px); left: 0; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.statusProcess ol li:hover p {color:var(--color-white) !important}
.statusProcess ol li:hover p:before {filter: brightness(0) saturate(100%) invert(100%);}
.statusProcess ol li.status01 p:before { background-image: url(/portal/images/v2/content/ico-status07.png); }
.statusProcess ol li.status02 p:before { background-image: url(/portal/images/v2/content/ico-status08.png); }
.statusProcess ol li.status03 p:before { background-image: url(/portal/images/v2/content/ico-status09.png); }
.statusProcess ol li.status04 p:before { background-image: url(/portal/images/v2/content/ico-status10.png); }
.statusProcess ol li.status05 p:before { background-image: url(/portal/images/v2/content/ico-status11.png); }
.statusProcess ol li.status06 p:before { background-image: url(/portal/images/v2/content/ico-status12.png); }
.statusProcess ol li span { font-size: 30px; font-weight: 700; color: var(--color-base); }
.statusProcess ol li:hover span {color:var(--color-white) !important} 
.statusProcess ol li.status06 p,
.statusProcess ol li.status06 span { color: var(--color-point); }

.spStatus { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 32px; margin-bottom: 16px; }
.spStatus dl { position: relative; padding: 12px 16px 12px 86px; border-top: 1px solid #ddd; }
.spStatus dl:before { content: ""; position: absolute; top: calc(50% - 25px); left: 16px; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.spStatus dl.status01:before { background-image: url(/portal/images/v2/content/img-status01.png); }
.spStatus dl.status02:before { background-image: url(/portal/images/v2/content/img-status02.png); }
.spStatus dl.status03:before { background-image: url(/portal/images/v2/content/img-status03.png); }
.spStatus dl.status04:before { background-image: url(/portal/images/v2/content/img-status04.png); }
.spStatus dl.status05:before { background-image: url(/portal/images/v2/content/img-status05.png); }
.spStatus dl.status06:before { background-image: url(/portal/images/v2/content/img-status06.png); }
.spStatus dl.status07:before { background-image: url(/portal/images/v2/content/img-status07.png); }
.spStatus dl.status08:before { background-image: url(/portal/images/v2/content/img-status08.png); }
.spStatus dl.status09:before { background-image: url(/portal/images/v2/content/img-status09.png); }
.spStatus dl.status10:before { background-image: url(/portal/images/v2/content/img-status10.png); }
.spStatus dl.status11:before { background-image: url(/portal/images/v2/content/img-status11.png); }
.spStatus dl.status12:before { background-image: url(/portal/images/v2/content/img-status12.png); }
.spStatus dl.status13:before { background-image: url(/portal/images/v2/content/img-status13.png); }
.spStatus dl.status14:before { background-image: url(/portal/images/v2/content/img-status14.png); }
.spStatus dl.status15:before { background-image: url(/portal/images/v2/content/img-status15.png); }
.spStatus dl.status16:before { background-image: url(/portal/images/v2/content/img-status16.png); }
.spStatus dl.status17:before { background-image: url(/portal/images/v2/content/img-status17.png); }
.spStatus dl.status18:before { background-image: url(/portal/images/v2/content/img-status18.png); }
.spStatus dl.status19:before { background-image: url(/portal/images/v2/content/img-status19.png); }
.spStatus dt { margin-bottom: 5px; font-size: 15px; font-weight: 700; color: var(--color-base); }
.spStatus dd { position: relative; padding-left: 24px; font-size: 15px; color: var(--color-gray-70); }
.spStatus dd:before { content: ""; position: absolute; top: 9px; left: 10px; border-radius: 50%; width: 4px; height: 4px; background: var(--color-gray-70); }

.anchorWrap { display: flex; flex-direction: row-reverse; gap: 40px; }
.anchorTit { position: sticky; top: 190px; }
.anchorTit ul { display: flex; flex-direction: column; gap: 8px; width: 200px; }
.anchorTit ul li { border: 2px solid var(--color-secondary); border-radius: 80px; }
.anchorTit ul li a { display: block; overflow: hidden; padding: 16px 0; text-align: center; font-size: 15px; font-weight: 700; color: var(--color-gray-70); }
.anchorTit ul li a:focus { border-radius:80px; }
.anchorTit ul li.curr { background: var(--color-secondary); }
.anchorTit ul li.curr a { color: var(--color-white); }
.anchorCont { flex: 1; }
@media (max-width: 1160px) {
    .anchorWrap { flex-direction: row; }
    .anchorSticky { display: none; }
    .anchorCont { width: 100%; }
}
@media (max-width: 767px) {
    .statusProcess ol li { flex: none; width: calc(50% - 10px); }
    .statusProcess ol li:nth-child(2n+3) { margin-left: 20px; }
    .statusProcess ol li:nth-child(n+3) { width: calc(50% - 20px); }

    .spStatus { grid-template-columns: repeat(1, 1fr); gap: 0; }
}

/* 상품관리 */
.itemList > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.itemList > ul li { display: flex; flex-direction: column; gap: 16px; }
.itemList .imgBox { margin: 0 auto; padding: 10px; height: 230px; } /* jh 추가 */
.itemList .imgBox.full {margin: 0 auto; padding: 0; width: 100%; height: 230px; position: relative; text-align: center; border-radius: 10px; overflow: hidden;} /* jh 추가 */
.itemList .imgBox.full img { width: 100%; height: 100%; object-fit: cover; display: block;} /* jh 추가 */
.itemList .imgBox .badge {position: absolute; top: 0; left: 0;} /* jh 추가 */
.itemList .imgBox.images {display:flex; flex-wrap:wrap; gap:10px; height: auto;}
.itemList .imgBox.images img {max-width:200px;}
.itemList .info { display: flex; flex-direction: column; gap: 10px; }
.itemList .info p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 54px; max-height: 54px; line-height: 1.3; font-size: 21px; font-weight: 600; color: var(--color-base); }
.itemList .info p.line-1 {-webkit-line-clamp: 1; min-height: auto;} /* jh 추가 */
.itemList .info strong { display: block; text-align: right; font-size: 21px; font-weight: 600; color: var(--color-point); }
.itemList .info strong span { margin-left: 5px; font-size: 15px; font-weight: 600; color: var(--color-gray-70); }
.itemList .info ul { display: flex; flex-wrap: wrap; gap: 0 10px; }
.itemList .info ul li { font-size: 15px; color: var(--color-gray-70); }
.itemList .flexWrap{ display: grid; gap: 8px; grid-template-columns: repeat(4, 1fr)} /* jh 추가 */

.itemInfo { padding: 16px 0; border-top: 1px solid #ccc; }
.itemInfo ul { display: flex; flex-wrap: wrap; gap: 10px; }
.itemInfo ul li { display: flex; align-items: center; width: calc(50% - 5px); font-size: 17px; color: var(--color-gray-70); }
.itemInfo ul li strong { min-width: 120px; font-size: 15px; font-weight: 700; color: var(--color-base); }
.itemInfo ul li span { font-size: 21px; font-weight: 700; color: var(--color-point); }
.itemInfo ul li span em { margin-left: 5px; font-size: 15px; font-weight: 700; color: var(--color-gray-70); }
.itemDetail { display: flex; flex-wrap: wrap; gap: 80px; }
.itemDetail > div { flex: 1; }
.itemDetail .lt { flex: 0 0 400px; max-width: 400px; }
.itemDetail .lt .itemImg .img { margin: 0 auto; width: 400px; max-width: 100%; height: 400px; }
.itemDetail .lt .itemImg .img img { width: 100%; height: 100%; }
.itemDetail .lt .itemImg .thumbSwiper { position: relative; overflow: hidden; margin-top: 20px; padding: 0 40px; }
.itemDetail .lt .itemImg .thumbSwiper .swiper-slide { position: relative; width: 80px !important; height: 80px; background: url("/portal/images/v2/content/img-no-thumd.jpg") no-repeat center/100% 100%; }
/* .itemDetail .lt .itemImg .thumbSwiper .swiper-slide:before { display: block; content: ""; position: absolute; outline: 2px solid var(--color-primary); outline-offset: -2px; width: 100%; height: 100%; opacity: 0; transition: all 0.2s; } */
.itemDetail .lt .itemImg .thumbSwiper .swiper-slide img { width: 100%; height: 100%; }
.itemDetail .lt .itemImg .thumbSwiper .swiper-slide.on:before { opacity: 1; }
.itemDetail .lt .itemImg .thumbSwiper *[class^=swiper-button] { margin: 0; top: 0; width: 40px; height: 100%; text-indent: -9999px; color:transparent; background-color: var(--color-white) !important; }
.itemDetail .lt .itemImg .thumbSwiper .swiper-button-prev { left: 0; background:url("/portal/images/v2/content/ico-btn-swiper-prev-arr.png") no-repeat left center; }
.itemDetail .lt .itemImg .thumbSwiper .swiper-button-next { right: 0; background:url("/portal/images/v2/content/ico-btn-swiper-next-arr.png") no-repeat right center; }
.itemDetail .lt .itemImg .thumbSwiper .swiper-button-prev:focus,
.itemDetail .lt .itemImg .thumbSwiper .swiper-button-next:focus {outline-offset:-4px}
.itemDetail .rt { display: flex; flex-direction: column; gap: 16px; }
.itemDetail .rt ol { display: flex; gap: 22px; }
.itemDetail .rt ol li { position: relative; font-size: 13px; font-weight: 700; color: var(--color-gray-70); }
.itemDetail .rt ol li + li:before { content: ">"; position: absolute; top: 0; left: -16px; color: var(--color-gray-70); }
.itemDetail .rt p { line-height: 1.3; font-size: 23px; font-weight: 700; color: var(--color-base); }
.itemDetail .rt .labelList { display: flex; align-items: center; gap: 5px; }
.itemDetail .rt .labelList li:not(.labelImg) { padding: 0 6px; border-radius: 4px; height: 24px; font-size: 13px; color: #023CA4; background: #EFF5FF; }
.itemDetail .itemInfo { padding: 32px 0; }
.itemDetail .itemInfo ul { gap: 16px 10px; }
.itemDetail .itemInfo ul li { font-size: 15px; }
.itemDetail .itemInfo ul li.wFull { width: 100%; }
.itemDetail .itemInfo ul li strong { min-width: 150px; }
.itemView { padding: 50px; border: 1px solid #ccc; background: var(--color-white); }
.itemView .imgWrap { position: relative; overflow: hidden; max-height: 500px; }
.itemView .imgWrap.open { max-height: 100%; }
.itemView .imgWrap.open:after { display: none; }
.itemView .imgWrap:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 160px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8)); }
.itemView .imgWrap img { display: block; width:100%; }
.itemClick { border: 2px solid var(--color-primary); border-radius: 8px; width: 100%; height:48px; line-height: 44px; font-size: 17px; font-weight: 700; color: var(--color-primary); }
.itemClick span { position: relative; padding-right: 22px; }
.itemClick span:before { content: ""; position: absolute; top: calc(50% - 6px); right: 0; width: 12px; height: 12px; background: url("/portal/images/v2/component/ico-lnb-arr01.png") no-repeat center/contain; }
.itemClick.open { margin-top: 40px; }
.itemClick.open span:before { transform: rotate(180deg); }

.itemSummary { display: flex; align-items: center; gap: 40px; padding: 24px 30px; border: 1px solid #ccc; border-radius: 16px; background: var(--color-gray-5); }
.itemSummary .imgBox { width: 150px; }
.itemSummary .info { display: flex; flex-direction: column; gap: 10px; }
.itemSummary .info p { min-height: 54px; font-size: 21px; font-weight: 600; color: var(--color-base); }
.itemSummary .info strong { font-size: 21px; font-weight: 600; color: var(--color-point); }
.itemSummary .info strong span { font-size: 15px; color: var(--color-gray-70); }
.itemSummary .info ul { display: flex; flex-wrap: wrap; gap: 10px; }
.itemSummary .info ul li  { font-size: 15px; color: var(--color-gray-70); }

.srchArea { position: relative; padding-right: 78px; }
.srchArea dl { display: flex; align-items: center; }
.srchArea dt { flex: 0 0 70px; font-size: 15px; font-weight: 700; color: var(--color-base); }
.srchArea dd { flex: 1; display: flex; align-items: center; }
.srchArea dd > div { flex: 1; }
.srchArea > .btn { position: absolute; top: 0; right: 0; }

.showroomWrap { height: 100%; min-height: 100vh; }
.srHeader { position: relative; height: 80px; background: #1A2A58; }
.srHeader p { margin: 0 auto; width: 100%; max-width: 735px; height: 300px; text-indent: -9999px; background: url(/portal/images/v2/content/img-showroom01.png) no-repeat top/100% auto; }
.srInfo { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; position: relative; margin: 0 auto; padding: 30px 30px 0; width: 100%; max-width: 626px; min-height: 220px; background: var(--color-white); }
.srInfo .top { display: flex; flex-wrap: wrap; gap: 30px; }
.srInfo .top > p { flex: 0 0 186px; font-size: 23px; font-weight: 700; color: var(--color-black); }
.srInfo .top > ul { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.srInfo .top > ul li { display: flex; gap: 20px; }
.srInfo .top > ul li span { flex-shrink: 0; font-size: 15px; font-weight: 700; color: var(--color-base); }
.srInfo .top > ul li p { font-size: 15px; color: var(--color-base); }
.srInfo .bottom ul { display: flex; }
.srInfo .bottom ul li { flex: 1; padding: 12px 0; text-align: center; line-height: 1.3; font-size: 15px; font-weight: 700; color: #717171; background: #ECECEC; }
.srInfo .bottom ul li + li { border-left: 1px solid #ccc; }
.srCont { margin: 0 auto; padding: 40px; width: 100%; max-width: 735px;  }
.srCont .catItem .imgBox { width: 100%; height: 198px; }
.srCont .catItem p br { display: none; }
.srCont .iframeBox { width: 100%; height: 620px; }
.srCont .iframeBox iframe { width: 100%; height: 100%; }
.srFooter { margin:0 auto; padding: 8px 20px; width: 100%; max-width: 735px; background: #F4F4F4; }
.srFooter p { margin-bottom: 5px; line-height: 1.3; font-size: 15px; font-weight: 700; color: var(--color-base); }
.srFooter span { display: block; font-size: 13px; color: var(--color-gray-70); }
.srSwiper { position: relative; overflow: hidden; }
.srSwiper *[class^=swiper-button] { display: block; top: calc(50% - 14px); left: 30px; margin-top: 0; width: 28px; height: 28px; text-indent: -9999px; color:transparent}
.srSwiper .swiper-button-prev { background: url(/portal/images/v2/content/ico-btn-sr-swiper-prev.png) no-repeat center; }
.srSwiper .swiper-button-next { right: 30px; left: inherit; background: url(/portal/images/v2/content/ico-btn-sr-swiper-next.png) no-repeat center; }

.selBox { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 16px; }
.selBox div[class^="sel-"] { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; position: relative; padding: 24px 30px 24px 114px; border: 1px solid #ccc; border-radius: 20px; background: var(--color-gray-5); }
.selBox div[class^="sel-"]:before { content: ""; position: absolute; top: 24px; left: 30px; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }
.selBox div.sel-01:before { background-image: url(/portal/images/v2/content/ico-sel01.png); }
.selBox div.sel-02:before { background-image: url(/portal/images/v2/content/ico-sel02.png); }
.selBox .selTxt strong { display: block; margin-bottom: 10px; font-size: 17px; font-weight: 700; color: var(--color-base); }
.selBox .selTxt p { line-height: 1.5; font-size: 15px; color: var(--color-gray-70); }
.selBox div[class^="sel-"] .btn {margin-left:auto; width: fit-content; }
@media (max-width: 1160px) {
    .itemDetail { flex-direction: column; gap: 40px; }
    .itemDetail .lt { flex: none; max-width: 100%; }
    .itemDetail .rt p { font-size: 21px; }
    .itemDetail .itemInfo { padding-bottom: 0; }
    .itemView { padding: 35px; }
    .itemClick.open { margin-top: 35px; }
    .itemSummary .info p { font-size: 19px; }
    .itemList .flexWrap{ grid-template-columns: repeat(2, 1fr); } /* jh 추가 */
}
@media (max-width: 767px) {
    .itemList > ul { grid-template-columns: repeat(1, 1fr); }
    .itemList .info p { max-height: inherit; min-height: inherit; font-size: 19px; }
    .itemList .info strong { font-size: 19px; }
    .itemList .flexWrap{ grid-template-columns: repeat(4, 1fr); } /* jh 추가 */
    .itemInfo ul li { width: 100%; font-size: 15px; }
    .itemDetail .lt .itemImg .img { height: 330px; }
    .itemDetail .rt p { font-size: 19px; }
    .itemDetail .itemInfo ul { gap: 10px; }
    .itemView { padding: 20px; }
    .itemClick.open { margin-top: 20px; }
    .itemSummary { flex-direction: column; gap: 20px; padding: 16px; }
    .itemSummary .imgBox { width: 100%; }
    .itemSummary .imgBox img { display: block; margin: 0 auto; }
    .srchArea { padding-right: 0; padding-bottom: 58px; }
    .srchArea > .btn { top: inherit; bottom: 0; }
    .srHeader { height: 14vw; }
    .srHeader p { height: 100%; }
    .srInfo { gap: 20px; padding: 16px 16px 0; }
    .srInfo .top { flex-direction: column; gap: 20px; }
    .srInfo .top > p { flex: none; font-size: 19px; }
    .srCont { padding: 16px; }
    .selBox { gap: 20px; }
    .selBox div[class^="sel-"] {flex:none; padding: 20px 20px 20px 80px; width:100%;}
    .selBox div[class^="sel-"]:before { top: 20px; left: 20px; width: 40px; height: 40px; }
    .selBox div[class^="sel-"] .btn {margin-left:0;}
}

/* 카탈로그 */
.catWrap { height: 100%; min-height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; }
.catWrap.v1 { background-image: url(/portal/images/v2/content/img-catalog-template01.svg); }
.catWrap .catInner { display: flex; flex-direction: column; gap: 16px; margin: 0 auto; padding: 40px 0 20px; width: 100%; max-width: 520px; }
.catHeader { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 20px; background: var(--color-white); }
.catHeader .lt { font-size: 23px; font-weight: 700; color: var(--color-black); }
.catHeader .rt { display: flex; gap: 10px; margin-left: auto; }
.catHeader .rt a { display: block; padding: 10px; border: 1px solid var(--color-gray-20); border-radius: 50%; width: 30px; height: 30px; text-indent: -9999px; background-repeat: no-repeat; background-position: center; background-size: 18px auto; }
.catHeader .rt a.btnFacebook { background-image: url(/portal/images/v2/content/ico-btn-catalog01.png); }
.catHeader .rt a.btnTwitter { background-image: url(/portal/images/v2/content/ico-btn-catalog02.png); }
.catHeader .rt a.btnKakaotalk { background-image: url(/portal/images/v2/content/ico-btn-catalog03.png); }
.catHeader .rt a.btnKakaostory { background-image: url(/portal/images/v2/content/ico-btn-catalog04.png); }
.catHeader .rt a.btnPrint { background-image: url(/portal/images/v2/content/ico-btn-catalog05.png); }
.catFooter { padding: 8px 20px; background: var(--color-white); }
.catFooter p { margin-bottom: 5px; line-height: 1.3; font-size: 15px; font-weight: 700; color: var(--color-base); }
.catFooter span { display: block; font-size: 13px; color: var(--color-gray-70); }
.catCont { padding: 40px; background: var(--color-white); }
.catTab .catTit ul { display: flex; }
.catTab .catTit ul li { flex: 1; text-align: center; font-size: 15px; font-weight: 700;  color: #717171; background: #ECECEC; }
.catTab .catTit ul li + li { border-left: 1px solid #ccc; }
.catTab .catTit ul li.curr { color: var(--color-white); background: var(--color-secondary); }
.catTab .catTit ul li a { display: block; border-radius: 0; line-height: 36px; }
/* .catTab .catTit ul li a:focus { color: inherit; background: transparent; } */
.catTab .tabCont { margin-top: 32px; }
.catMain { display: flex; gap: 10px; }
.catMain .rt ul { display: flex; flex-direction: column; gap: 30px; }
.catMain .rt p { margin-top: 5px; line-height: 1.3; font-size: 15px; color: var(--color-gray-70); }
.catIntro dl + dl { margin-top: 32px; }
.catIntro dl dt { padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 19px; font-weight: 700; color: var(--color-base); }
.catIntro dl dd { padding-top: 10px; }
.catIntro ul { display: flex; flex-direction: column; gap: 6px; }
.catIntro ul li { display: flex; flex-wrap: wrap; }
.catIntro ul li span { flex: 0 0 120px; line-height: 1.3; font-size: 15px; font-weight: 700; color: var(--color-base); }
.catIntro ul li span.year { flex: 0 0 70px; }
.catIntro ul li p { flex: 1; line-height: 1.3; font-size: 15px; color: var(--color-base); }
.catIntro .introduce { overflow-y: auto; max-height: 110px; line-height: 1.3; font-size: 15px; color: var(--color-gray-70); }
.catItem a { display: block; }
.catItem ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px 30px; }
.catItem .imgBox { position: relative; margin-bottom: 5px; width: 130px; height: 130px; }
.catItem .imgBox img {position: absolute; left:50%; top:50%; z-index: -1; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%);}
.catItem .imgBox span { position: absolute; top: 0; left: 0; z-index: -1; padding: 3px 0; border-radius: 4px; width: 35px; text-align: center; font-size: 13px; color: var(--color-white); background: var(--color-point); }
.catItem p { line-height: 1.3; font-size: 15px; color: var(--color-gray-70); }
.catDetail { display: flex; flex-wrap: wrap; gap: 30px; overflow-y: auto; max-height: 600px; }
.catDetail .lt { flex: 0 0 130px; display: flex; flex-direction: column; gap: 16px; }
.catDetail .lt .price { text-align: right; font-size: 21px; font-weight: 600; color: var(--color-point); }
.catDetail .lt .price span { font-size: 15px; color: var(--color-gray-70); }
.catDetail .rt { flex: 1; }
.catDetail .rt ul { display: flex; flex-direction: column; gap: 16px; }
.catDetail .rt ul li span { display: block; line-height: 1.3; font-size: 15px; font-weight: 700; color: var(--color-base); }
.catDetail .rt ul li p { margin-top: 5px; line-height: 1.3; font-size: 15px; color: var(--color-gray-70); }
.catDetail .datailImg { display: flex; align-items: center; justify-content: center; width: 100%; }
.catContact { display: flex; flex-direction: column; gap: 32px; }
.contact { display: flex; gap: 30px; padding: 20px 30px; border: 1px solid #ccc; border-radius: 16px; }
.contact img { border-radius: 50%; width: 128px; height: 128px; object-fit: cover; }
.contact dl dt { padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 19px; font-weight: 700; color: var(--color-base);  }
.contact dl dd { padding-top: 16px; }
.contact dl dd ul { display: flex; flex-direction: column; gap: 5px; }
.contact dl dd p { margin-bottom: 5px; line-height: 1.3; font-size: 15px; font-weight: 700; color: var(--color-base); }
.contact dl dd span { display: block; line-height: 1.3; font-size: 15px; color: var(--color-gray-70); }

.catType ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px; }
.catType ul li { display: flex; flex-direction: column; gap: 16px; }
.catType .typeInfo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.catType .typeInfo p { font-size: 17px; font-weight: 600; color: var(--color-base); }
.checkboxBtn {position:relative; padding-left: 0 !important;}
.checkboxBtn input + label { padding: 0 16px !important; border: 1px solid var(--color-primary); border-radius: 8px; line-height: 36px !important; font-size: 15px; font-weight: 700; color: var(--color-primary); background: var(--color-primary-10); }
.checkboxBtn input:checked + label { font-weight: 400; color: var(--color-white); background: var(--color-primary); }
.checkboxBtn input + label:before { display: none !important; }
.checkboxBtn input:focus + label:after { left: 0 !important; border-radius: 8px; width: 100% !important; height: 100% !important; }
.borderBox { padding: 16px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
@media (max-width: 767px) {
    .catWrap .catInner { padding: 40px 16px; }
    .catHeader { padding: 16px; }
    .catHeader .lt { font-size: 17px; }
    .catFooter { padding: 16px; }
    .catCont { padding: 16px; }
    .catMain { flex-direction: column; gap: 20px; }
    .catMain .rt ul { flex-direction: row; gap: 10px; }
    .catMain .rt ul li { width: calc(33.333% - 5px); }
    .catMain .rt ul li img { width: 100%; }
    .catIntro dl + dl { margin-top: 20px; }
    .catIntro dl dt { font-size: 17px; }
    .catItem ul { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .catItem .imgBox { width: 100%; }
    .catDetail { gap: 20px; }
    .catContact { gap: 20px; }
    .contact { flex-direction: column; gap: 10px; padding: 16px; }
    .contact img { margin: 0 auto; width: 80px; height: 80px; }
    .contact dl dt { font-size: 17px; }

    .catType ul { grid-template-columns: repeat(1, 1fr); }
}

/* 문의/알림 */
.detailTop .datailTit { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.detailTop .datailTit span { display: block; padding: 0 6px; border-radius: 4px; white-space: nowrap ;font-size: 13px; color: #023CA4; background: #EFF5FF; }
.detailTop .datailTit p { line-height: 1.3; font-size: 21px; font-weight: 600; color: var(--color-base); }
.detailTop .itemInfo { border-top: 0; }
.grayBox .itemInfo  { padding: 0; border: 0; width: 100%; }
@media (max-width: 767px) {
    .detailTop .datailTit p { font-size: 19px; }
}

/* MRO */
.grayBox > .left,
.grayBox > .right { display: flex; align-items: center; gap: 10px; }
.grayBox > .left {flex-direction:column; align-items:flex-start; gap:2px;}
.video > * { min-height: 450px; }

/* 판판소싱 모집내역 */
.statusFlow ol { display: flex; gap: 16px; }
.statusFlow li {flex:1; display: flex; align-items: center; justify-content: space-between; position: relative; padding: 16px; border: 2px solid var(--color-secondary); border-radius: 80px;}
.statusFlow li:after { content: ""; position: absolute; top: calc(50% - 7px); right: -18px; width: 16px; height :14px; background: url(/portal/images/v2/content/ico-arrow-right.png) no-repeat center/100% auto; }
.statusFlow li:nth-last-child(-n+2):after { display: none; }
.statusFlow li > div { position: relative; padding-left: 32px; line-height: 1.3; font-size: 15px; font-weight: 700; color: var(--color-gray-70); }
.statusFlow li > div .tooltip {display:inline-block; margin-top:-2px; vertical-align:middle;}
.statusFlow li > div:before { content: ""; position: absolute; top: calc(50% - 13px); left: 0; width: 26px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.statusFlow li.process01 > div:before { background: url(/portal/images/v2/content/img-process01.png); }
.statusFlow li.process02 > div:before { background: url(/portal/images/v2/content/img-process02.png); }
.statusFlow li.process03 > div:before { background: url(/portal/images/v2/content/img-process03.png); }
.statusFlow li.process04 > div:before { background: url(/portal/images/v2/content/img-process04.png); }
.statusFlow li.process05 > div:before { background: url(/portal/images/v2/content/img-process05.png); }
.statusFlow li.process06 > div:before { background: url(/portal/images/v2/content/img-process06.png); }
.statusFlow li.process07 > div:before { background: url(/portal/images/v2/content/img-process07.png); }
.statusFlow li strong { font-size: 28px; font-weight: 700; color: var(--color-base); }
.statusFlow li:last-child p,
.statusFlow li:last-child strong { color: var(--color-point); }

.stepAdd .stepTit { display: flex; align-items: center; gap: 10px; }
.stepAdd .stepTit span { padding: 3px 4px; border-radius: 2px; font-size :13px; font-weight: 700; color: var(--color-white); background: #2568AF; white-space: nowrap; }
.btnFunc { border: 1px solid var(--color-primary); border-radius: 8px; width: 48px; height: 48px; text-indent: -9999px; background: var(--color-primary-10); }
.btnFunc.add { background: url(/portal/images/v2/content/ico-btn-plus.png) no-repeat center/12px auto; }
.btnFunc.remove { background: url(/portal/images/v2/content/ico-btn-minus.png) no-repeat center/12px auto; }

.itemInfoRight {position: relative;}
.itemInfoRight div {position: absolute; right: 0; bottom: 16px;}
.formTable .flexWrapForm {display: flex; flex-direction: column; gap: 16px;}
.btnFormWrap {display: flex; flex-wrap: wrap; gap: 10px; align-items: center;  cursor: default;} /* jh 추가 */
.btnForm-next {width: 14px; height: 14px; background: url('/portal/images/v2/content/ico-btn-swiper-next.png') no-repeat center / cover; text-indent: -9999px;  cursor: default;}
.btnForm { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 16px; border: none; border-radius: 14px; padding: 0 16px; height: 28px; line-height: 1; font-size: 15px; font-weight: 700; color: var(--color-gray-70); background-color: var(--color-gray-20);  cursor: default;} 
.inputTxtR input {text-align: right;}
.flexWrap .addressInput {font-size: 15px; font-weight: 700; color: var(--color-base);}
@media (max-width: 1624px) {
	.statusFlow ol {overflow-x:auto; padding-bottom:4px;}
	.statusFlow ol li {min-width:165px;}
}
@media (max-width: 1160px) {
    .itemInfoRight { padding-bottom: 48px !important; }
    .itemInfoRight div { bottom: 0; }
} 

.flexWrap.stepAdd > div { max-width: 100%; }
.flexWrap.stepAdd input { max-width: 100% !important; }
.stepTit { display: flex; align-items: center; gap: 10px; }
.stepTit span { padding: 3px 4px; border-radius: 2px; font-size :13px; font-weight: 700; color: var(--color-white); background: #2568AF; }
.inForm { display: flex; flex-direction: column; gap: 10px; }
.inForm > dl { display: flex; align-items: center; }
.inForm > dl > dt { /* flex: 0 0 72px; */ flex: 0 0 110px; padding:13px 0; font-size: 15px; font-weight: 700; color: var(--color-base); }
.inForm > dl > dd { flex: 1; }
.inForm > dl > dd > div > p { font-size: 15px; color: var(--color-gray-70); }
@media(max-width:767px){
    .inForm .checkbox.flexNone {width:auto; flex:none!important}
}

@media (max-width: 767px) {
    .statusFlow li { padding: 10px 16px; width: calc(50% - 10px); }
    .statusFlow li:before { content: ""; position: absolute; top: calc(50% - 7px); left: -18px; width: 16px; height :14px; background: url(/portal/images/v2/content/ico-arrow-right.png) no-repeat center/100% auto; }
    .statusFlow li:last-child:before { display: none; }
    .statusFlow li:after { display: none; }
/*     .statusFlow li:nth-child(2n+3) { margin-left: 20px; } */
    .statusFlow li:nth-child(n+3) { width: calc(50% - 20px); }
}

/* MD공개소싱이력(구) */
.boxProcess { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 15px; }
.boxProcess li { position: relative; padding: 6px 16px; border-radius: 60px; font-size: 15px; font-weight: 700; color: var(--color-gray-70); background: var(--color-white); }
.boxProcess li:after { content: ""; position: absolute; top: calc(50% - 7px); right: -19px; width: 14px; height: 14px; background: url(/portal/images/v2/content/ico-arrow-circle-right.png) no-repeat center/100% auto; }
.boxProcess li:last-child:after { display: none; }

/* 평가위원 */
.step.evaluator ol > li { position: relative; padding-left: 90px; border-color: var(--color-secondary); text-align: left; }
.step.evaluator ol > li:after { content: ""; position: absolute; top: calc(50% - 20px); left: 30px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.step.evaluator ol > li:nth-child(1):after { background-image: url(/portal/images/v2/content/ico-evaluator01.png); }
.step.evaluator ol > li:nth-child(2):after { background-image: url(/portal/images/v2/content/ico-evaluator02.png); }
.step.evaluator ol > li:nth-child(3):after { background-image: url(/portal/images/v2/content/ico-evaluator03.png); }
.step.evaluator ol > li:nth-child(4):after { background-image: url(/portal/images/v2/content/ico-evaluator04.png); }
.step.evaluator ol > li[class*="sourcing"]:after { top: calc(50% - 15px); width: 30px; height: 30px; }
.step.evaluator ol > li.sourcing01:after { background-image: url(/portal/images/v2/content/ico-evaluator05.png); }
.step.evaluator ol > li.sourcing02:after { background-image: url(/portal/images/v2/content/ico-evaluator06.png); }
.step.evaluator ol > li.sourcing03:after { background-image: url(/portal/images/v2/content/ico-evaluator07.png); }
.step.evaluator ol > li.sourcing04:after { background-image: url(/portal/images/v2/content/ico-evaluator08.png); }
.step.evaluator ol > li p { color: var(--color-base); }
.step.evaluator ol > li em { display: block; margin-top: 5px; min-height: 39px; word-break: break-word; line-height: 1.3; font-size: 15px; color: var(--color-gray-70); }
.lineForm > ul { display: flex; flex-direction: column; gap: 10px; }
.lineForm > ul > li { display: flex; align-items: center; }
.lineForm > ul > li > p { flex: 0 0 94px; font-size: 15px; font-weight: 700; color: var(--color-base); }
.lineForm > ul > li > div { flex: 1; }
@media (max-width: 1160px) {
    .step.evaluator ol > li { padding-top: 60px; padding-left: 20px; text-align: center; }
    .step.evaluator ol > li:after { top: 10px; left: calc(50% - 20px); }
    .step.evaluator ol > li[class*="sourcing"]:after { top: 10px; left: calc(50% - 15px); }
}
@media (max-width: 767px) {
    .step.evaluator ol > li { padding-left: 10px; padding-right: 10px; }
    .step.evaluator ol > li p { font-size: 15px; }
    .step.evaluator ol > li em { min-height: 50px; font-size: 13px; }
}

/* 구매상담회 */
.shopList > ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 20px; }
.shopList > ul > li > a { display: flex; flex-direction: column; }
.shopList > ul > li > a > ul {margin-top:16px;}
.shopList p {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom:16px; font-size: 21px; font-weight: 500; color: var(--color-base); }
.shopList .imgBox {display:flex; justify-content: center; align-items: center; overflow:hidden; border-radius:10px; height: 235px; }
.shopList ul ul li { font-size: 15px; color: var(--color-gray-70); }
@media (max-width: 1160px) {
    .shopList > ul { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
    .shopList > ul { grid-template-columns: repeat(1, 1fr); }
}

/* 이용현황 및 내역 */
.formTop { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 4px 16px; background: #8997A6; }
.formTop > .lt,
.formTop > .rt { display: flex; align-items: center; gap: 10px; }
.formTop > .lt > p,
.formTop > .rt > p { line-height: 1.5; font-size: 15px; font-weight: 700; color: var(--color-white); }
.formTop .tooltip { margin-top: 0; }
.imgChkList ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 20px; }
.imgChkList ul li { display: flex; flex-direction: column; gap: 8px; }
.imgChkList ul li > span { display: block; margin-top: 8px; line-height: 1.5; font-size: 15px; color: var(--color-gray-70); }
.imgChkList ul li > p { line-height: 1.3; font-size: 19px; font-weight: 600; color: var(--color-base); }
.imgChk { display: inline-block; position: relative; width: 100%; max-width: 290px; max-height: 290px; }
.imgChk input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.imgChk input + label { display: block; cursor: pointer; }
.imgChk input + label:before { display: block; content: ""; position: absolute; top: 20px; right: 20px; overflow: hidden; width: 20px; height: 20px; background: url(/portal/images/v2/component/ico-check-checkbox-off.svg) no-repeat left center / 100% auto; }
.imgChk input:checked + label:before { background-image: url(/portal/images/v2/component/ico-check-checkbox-on.svg); }
.imgChk input:focus + label:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:4px; outline-offset: -2px; outline: 2px solid var(--color-black); }
.imgChk img { overflow: hidden; border-radius: 10px; width: 100%; height: 100%; }
@media (max-width: 1160px) {
    .imgChkList ul { grid-template-columns: repeat(3, 1fr); }
    .imgChk { max-width: 100%; max-height: 100%; }
} 
@media (max-width: 767px) {
    .imgChkList ul { grid-template-columns: repeat(1, 1fr); }
}

/* 기업정보 */
.radiobox { position: relative; }
.radiobox input { position: absolute; top: 0; left: 0; width:100%; height:100%; opacity: 0; }
.radiobox input + label { display: flex; position:relative; align-items: center; padding: 8px 16px 8px 30px; border: 1px solid var(--border-color); border-radius: 8px; line-height: 30px; font-size: 15px; font-weight: 500; color: var(--color-gray-70); cursor: pointer; background: url(/portal/images/v2/component/ico-check-radio-text-off.svg) no-repeat center left 8px/16px auto; }
.radiobox input:focus + label:after {position:absolute; left:0; top:0; content:""; width:100%; height:100%; border-radius: 8px; outline:2px solid var(--color-black)}
.radiobox input:checked + label { color: var(--color-white); background-color: var(--color-secondary); background-image: url(/portal/images/v2/component/ico-check-radio-text-on.svg); }

/* 상품소싱 신청내역 */
.ssDetail { padding: 24px 40px; border-radius: 16px; background: #F4F8F8; }
.ssDetail ol { display: flex; justify-content: space-between; gap: 10px; position: relative; }
.ssDetail ol:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #ccc; }
.ssDetail ol li { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; margin-top: -12px; }
.ssDetail ol li span { border: 3px solid #48599F; border-radius: 24px; width: 24px; height: 24px; text-align: center; font-size: 13px; font-weight: 700; color: var(--color-base); background: var(--color-white); }
.ssDetail ol li p { text-align: center; line-height: 1.3; font-size: 15px; font-weight: 700; color: var(--color-gray-70); }
@media (max-width: 767px) {
    .ssDetail { padding: 24px 20px; }
    .ssDetail ol li p { font-size: 13px; }
}

/* ESG 자가진단소개 */
.esgTit { display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; }
.esgTit strong { line-height: 1.5; font-size: 21px; font-weight: 700; color: var(--color-base); }
.esgTit p { line-height: 1.5; font-size: 15px; color: var(--color-gray-70); }
.esgItems { display: flex; gap: 16px; }
.esgItems.v2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.esgItems dl { flex: 1; padding: 12px 16px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.esgItems dl dt { position: relative; margin-bottom: 5px; padding-left: 70px; line-height: 1.5; }
.esgItems dl dt:before { content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.esgItems dl.esgItem01 dt:before { background-image: url(/portal/images/v2/content/img-esg-item01.png); }
.esgItems dl.esgItem02 dt:before { background-image: url(/portal/images/v2/content/img-esg-item02.png); }
.esgItems dl.esgItem03 dt:before { background-image: url(/portal/images/v2/content/img-esg-item03.png); }
.esgItems dl.esgItem04 dt:before { background-image: url(/portal/images/v2/content/img-esg-item04.png); }
.esgItems dl.esgItem05 dt:before { background-image: url(/portal/images/v2/content/img-esg-item05.png); }
.esgItems dl.esgItem06 dt:before { background-image: url(/portal/images/v2/content/img-esg-item06.png); }
.esgItems dl.esgItem07 dt:before { background-image: url(/portal/images/v2/content/img-esg-item07.png); }
.esgItems dl.esgItem08 dt:before { background-image: url(/portal/images/v2/content/img-esg-item08.png); }
.esgItems dl.esgItem09 dt:before { background-image: url(/portal/images/v2/content/img-esg-item09.png); }
.esgItems dl.esgItem10 dt:before { background-image: url(/portal/images/v2/content/img-esg-item10.png); }
.esgItems dl dt p { font-size: 17px; font-weight: 700; color: var(--color-base); }
.esgItems dl dt span { font-size: 15px; font-weight: 700; color: #888; }
.esgItems dl dt span strong { color: #A20F1D; }
.esgItems dl dd { padding-left: 70px; }
.bottomRt { margin-top: 10px; text-align: right; }
.bottomRt p { font-size: 13px; color: var(--color-gray-70); }
.esgYears { display: flex; flex-direction: column; gap: 10px; }
.esgYears dl { padding: 12px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.esgYears dl a { display: block; position: relative; padding: 0 36px 0 16px; }
.esgYears dl a:after { content: ""; position: absolute; top: calc(50% - 10px); right: 16px; width: 20px; height: 20px; background: url(/portal/images/v2/content/ico-btn-swiper-next-arr.png) no-repeat center right/100% auto; transform: rotate(90deg); }
.esgYears dl a.curr:after { transform: rotate(-90deg); }
.esgYears dl .yearTop { display: flex; gap: 20px; line-height: 1.5; }
.esgYears dl .yearTop span { flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 8px; width: 50px; height: 50px; font-size: 15px; font-weight: 700; color: var(--color-black); background: #E6EBF1; }
.esgYears dl .yearTop strong { display: block; font-size: 15px; font-weight: 700; color: var(--color-base); }
.esgYears dl .yearTop p { margin-top: 5px; font-size: 15px; color: var(--color-gray-70); }
.esgYears dl dd { display: none; margin-top: 16px; padding-left: 86px; }
.esgYears dl dd > div { padding: 16px; line-height: 1.5; font-size: 15px; color: var(--color-gray-70); background: #F3F3F3; }
.esgTitGray { display: flex; align-items: center; justify-content: center;  margin-bottom: 12px; height: 36px; font-size: 17px; font-weight: 700; color: var(--color-gray-70); background: #EEE; }
.grid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.esgCont01 { padding-bottom: 12px; border-bottom: 1px solid #ccc; }
.esgCont01 ul { display: flex; flex-direction: column; gap: 16px; }
.esgCont01 ul li { display: flex; align-items: center; gap: 16px; padding: 0 16px; }
.esgCont01 ul li img { width: 50px; height: 50px; }
.esgCont01 ul li p { line-height: 1.3; font-size: 15px; color: var(--color-base); }
.esgCont01 > img { display: block; margin: 0 auto; }
.esgCont02 .carbonTop { position: relative; margin-bottom: 16px; padding: 0 16px 12px 82px; border-bottom: 1px solid #ccc; line-height: 1.5; }
.esgCont02 .carbonTop:before { content: ""; position: absolute; top: 0; left: 16px; width: 50px; height: 50px; background: url(/portal/images/v2/content/img-esg-item15.png) no-repeat center/100% auto; }
.esgCont02 .carbonTop p { font-size: 17px; font-weight: 700; color: var(--color-base); }
.esgCont02 .carbonTop span { font-size: 15px; color: var(--color-gray-70); }
@media (max-width: 1160px) {
    .esgItems.v2 { grid-template-columns: repeat(2, 1fr); }
} 
@media (max-width: 767px) {
    .esgItems { flex-direction: column; }
    .esgItems.v2 { grid-template-columns: repeat(1, 1fr); }
    .esgItems dl { padding: 12px 0; }
    .esgYears dl a { padding: 0 40px 0 0; }
    .esgYears dl a:after { right: 0; }
    .esgYears dl dd { padding-left: 0; }
    .grid2 { grid-template-columns: repeat(1, 1fr); }
    .esgCont01 ul li { padding: 0; }
    .esgCont02 .carbonTop { padding-left: 66px; }
    .esgCont02 .carbonTop:before { left: 0; }
}

/* 유통md */
/* .step.inTooltip ol > li > a {position:relative; z-index:1;} */
.step.inTooltip ol > li > a > div {font-size: 17px; font-weight: 700; color: #717171;}
.step.inTooltip ol > li > a > div .tooltip {display:inline-block; position:relative; z-index:5; vertical-align:middle; margin-top:-2px;}
.step.inTooltip ol > li.curr > a > div { color: var(--color-primary); }


/* 통합검색 */
.totalSearchWrap h2 { margin-top: 32px; padding-bottom: 24px; border-bottom: 3px solid var(--color-secondary-50); }
.tsArea .in { margin: 0 auto; max-width: 888px; }
.tsArea .sesarchChk { display: flex; gap: 24px; }
.tsArea .sesarchChk .checkboxWrap { flex-shrink: 0; }
.tsResult .keywordNum { font-size: 15px; color: var(--color-gray-70); }
.tsResult .keywordNum strong { font-weight: 700; color: var(--color-point); }
.tsResult .keywordGroup { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; }
.tsResult .keywordGroup li { display: flex; align-items: center; border-radius: 8px; background: #F1F1F1; }
.tsResult .keywordGroup li a { display: block; padding: 20px 24px; width: 100%; font-size: 17px; font-weight: 700; color: var(--color-gray-70); }
.tsResult .keywordGroup li.curr { background: var(--color-secondary); }
.tsResult .keywordGroup li.curr a { color: var(--color-white); }
.tsResultList { position: relative; }
.tsListTop { padding-bottom: 10px; border-bottom: 2px solid var(--color-secondary); line-height: 1.5; font-size: 21px; font-weight: 700; color: var(--color-base); }
* + .tsListTop {margin-top:16px;}
.tsList > li { border-bottom: 1px solid #ccc; }
.tsList > li > a { display: block; padding: 24px 30px; }
.tsList dl { display: flex; flex-direction: column; gap: 16px; line-height: 1.5; }
.tsList dl dt { font-size: 17px; font-weight: 700; color: var(--color-base); }
.listNone { padding: 24px 30px; border-bottom: 1px solid #ccc; }
.tsResultMore { position: absolute; top: 0; right: 0; line-height: 32px; font-size: 15px; color: var(--color-gray-70); }
@media (max-width: 767px) {
    .tsArea .sesarchChk { flex-direction: column; }
    .tsArea .sesarchInp input { height: 48px; font-size: 15px; }
    .tsArea .sesarchInp .btnHeadSearch { width: 48px; height: 48px; background-size: 26px; }
    .tsArea .searchInpBot { flex-direction: column; }
    .tsResult .keywordGroup { grid-template-columns: repeat(2, 1fr); }
    .tsResult .keywordGroup li a { padding: 13px 24px; font-size: 15px; }
    .tsList > li > a { padding: 24px 0; }
    .listNone { padding: 24px 0; }
}

/* 우수제품 */
.contactInfo p { margin-bottom: 10px; font-size: 17px !important; }
.contactDetail { display: flex; flex-wrap: wrap; gap: 16px; }
.contactDetail dl { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 16px 24px; border: 1px solid #ccc; border-radius: 8px; min-width: 170px; }
.contactDetail dl dt { position: relative; padding-left: 19px; font-size: 15px; font-weight: 700; color: #556E96; }
.contactDetail dl dt:before { content: ""; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.contactDetail dl.contact01 dt:before { background-image: url(/portal/images/v2/content/img-product15.png);}
.contactDetail dl.contact02 dt:before { background-image: url(/portal/images/v2/content/img-product16.png);}
.contactDetail dl.contact03 dt:before { background-image: url(/portal/images/v2/content/img-product17.png);}
.contactDetail dl dd { text-align: right; font-size: 15px; color: var(--color-gray-70); }
.contactDetail dl dd a { display: block; text-decoration: underline; }
.benefitProduct { display: flex; justify-content: space-between; gap: 10px; padding: 20px 30px; border-radius: 16px; background: var(--color-secondary-5); }
.benefitProduct span { line-height: 1.3; font-size: 15px; font-weight: 700; color: var(--color-black); }
.benefitProduct p { margin-top: 6px; line-height: 1.3; font-size: 23px; color: var(--color-black); }
.benefitProduct a { display: flex; align-items: center; font-weight: 700; color: #246BEB; }
.infoTit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.3; font-size: 19px; font-weight: 700; color: var(--color-base); }
@media (max-width: 767px) {
    .benefitProduct { flex-direction: column; }
    .benefitProduct p { font-size: 17px; }
    .benefitProduct a { display: inline-block; text-align: right; }
}

/*** 사이트맵 ***/
.sitemap .inner > strong {display:none;}
.sitemap .sitemapGnb {display:flex; flex-wrap:wrap; gap:24px 16px;}
.sitemap .sitemapGnb > li {flex:1;}
.sitemap .sitemapGnb > li > a {display:none;}
.sitemap .subDepth .inner {padding:0;}
@media (max-width: 1440px) {
     .sitemap .sitemapGnb > li {flex:none; width:calc(100%/2 - 8px);}
} 
@media (max-width: 767px) {
    .sitemap .sitemapGnb > li {width:100%}
}

/*** 찾아오시는길 ***/
.fanfanMapBox {display:flex; justify-content: center; align-items: center;}
.fanfanMapBox img {max-width:950px; width:100%;}
.fanfanMapInfo {border-top:1px solid var(--color-base);}
.fanfanMapInfo > li {display:flex; align-items: center; gap:20px; padding:16px 0; border-bottom:1px solid #ccc;}
.fanfanMapInfo > li i {display:flex; justify-content:center; align-items:center; flex:none; width:60px; height:60px; border-radius: 50%; background:var(--color-gray-20);} 
.fanfanMapInfo > li strong {flex:none;}
.fanfanMapInfo > li .line {display:flex; flex-wrap:wrap; align-items: center; gap:16px;}
.fanfanMapInfo [class *= 'c0'] {padding-left:30px; background:no-repeat left center}
.fanfanMapInfo .c01 {background-image: url("/portal/images/v2/content/ico_bus_01.svg");}
.fanfanMapInfo .c02 {background-image: url("/portal/images/v2/content/ico_bus_02.svg");}
.fanfanMapInfo .c03 {background-image: url("/portal/images/v2/content/ico_bus_03.svg");}
.fanfanMapInfo .c04 {background-image: url("/portal/images/v2/content/ico_bus_04.svg");}
@media (max-width: 767px) {
    .fanfanMapInfo > li {flex-wrap: wrap; gap: 10px;}
    .fanfanMapInfo > li span {margin-left:6px;}
    .fanfanMapInfo > li span,
    .fanfanMapInfo > li .line {display:block; width:100%;}
    .fanfanMapInfo > li .line span {margin-bottom:4px;}
    .fanfanMapInfo > li i {width:auto; height:auto; background:none}
}

/* 2026-01-16 가이드 추가 */
.layerPop > .inner > .cont.btmFixed {padding-bottom:10px;}
.layerPop > .inner > .cont > div.bottomFixed {overflow:hidden;}
.manualSwiper {position:relative; overflow:hidden; /* padding-bottom:54px; */}
.manualSwiper .swiper-slide img {width:100%;}
.bottomFixed {padding:0 30px 30px;}
.manualSwiperControlWrap {position:relative; display:flex; justify-content: center; gap:0 16px; min-height:44px;}
.manualSwiperControlWrap [class *= "swiper-button"] {position:initial; margin-top:0 !important; width:44px; height:44px; font-size:0; color:transparent;}
.manualSwiperControlWrap .swiper-button-next {order:3;}
.manualSwiperControlWrap .swiper-button-prev {order:1;}
.manualSwiperControlWrap [class *= "swiper-button"]:after {width:44px; height:44px; background:no-repeat center/100%}
.manualSwiperControlWrap .swiper-button-next:after {background-image:url("/portal/images/v2/content/ico-btn-swiper-next-bgWhite.svg")}
.manualSwiperControlWrap .swiper-button-prev:after {background-image:url("/portal/images/v2/content/ico-btn-swiper-prev-bgWhite.svg")}
.manualSwiperControlWrap .swiper-pagination-fraction {order:2; display:flex; justify-content:center; align-items:center; gap:0 4px; position:initial; width:auto; height:44px; font-weight:700;}
.manualSwiperControlWrap .swiper-pagination-fraction .swiper-pagination-current {color:var(--color-primary);}
.manualSwiperControlWrap img {width: 100%;}
@media(max-width:767px) {
    .bottomFixed {padding:0 20px 20px;}
    .manualSwiperControlWrap [class *= "swiper-button"] {width:40px; height:40px;}
    .manualSwiperControlWrap [class *= "swiper-button"]:after {width:40px; height:40px;}
    .manualSwiperControlWrap .swiper-pagination-fraction {height:40px; font-size:15px;}
    .manualSwiperControlWrap .swiperControlWrap {height:40px;}
}
@media (min-width: 1161px) { } 
@media (max-width: 1160px) { } 
@media (max-width: 767px) { }

/* 실전단계 메뉴 필독사항 */
.mustTit {display:block; padding-bottom:26px; border-bottom:2px solid #023CA4; text-align: center; font-size: 32px; color: #023CA4; font-weight: 700; line-height: 1.3;}
.mustReadBox {padding:38px 72px 26px;}
.mustReadBox ol {margin-top:26px;}
.mustReadBox ol > li {position:relative; padding-left: 30px; font-size: 19px; color: #222; line-height: 1.5;}
.mustReadBox ol > li + li {margin-top:30px;}
.mustReadBox ol > li > span {display:inline-block; position:absolute; left:0; top: 0; text-align: center;  font-size: 18px; color: #023CA4; font-weight: 700; line-height: 1.3;}
.mustReadBox ol ul {margin-top:6px;}
.mustReadBox ol ul > li {padding-left:12px; text-indent:-12px; line-height:1.5; font-size:15px;}
.mustReadBox ol ul > li + li {margin-top:6px;}
@media(max-width:1160px) {
	.mustTit {padding-bottom:24px; font-size:28px;}
	.mustReadBox {padding:28px 50px 66px 50px;}
	.mustReadBox ol {margin-top:74px;}
	.mustReadBox ol li {padding-left:26px; font-size:17px;}
	.mustReadBox ol li + li {margin-top:26px;}
	.mustReadBox ol li > span {top:2px; font-size:16px;}
}
@media(max-width:767px) {
	.mustTit {padding-bottom:16px; font-size:24px;}
	.mustReadBox {padding:24px 20px 46px 20px;}
	.mustReadBox ol {margin-top:54px;}
	.mustReadBox ol li {padding-left:22px; font-size:15px;}
	.mustReadBox ol li + li {margin-top:16px;}
	.mustReadBox ol li > span {top:2px; font-size:14px;}
}