
header {height:70px; position:fixed; left: 50%; transform: translateX(-50%); width: 100%; background-color:#fff; z-index: 10;}
main {padding-top: 70px;}

.topBar {height:100%;width: 1500px;padding: 0 20px;margin: 0 auto;}
.topBar .gnb {display:flex;justify-content:space-between;align-items:center;flex-direction:row;height:100%;}
.topBar .gnb .logo h1 {cursor: pointer; padding: 10px 0;}
.topBar .gnb .gnbmenu {display:flex;flex-direction: row;justify-content: flex-end;align-items:center;}
.topBar .gnb .gnbli {padding-right: 30px; }
.topBar .gnb ul {display:flex;flex-direction:row;justify-content:center;align-items:center; }
.topBar .gnb .gnbli ul li {position:relative;font-size: 16.4px;transition: .2s;line-height: 46px;color: #2b2f33;padding: 0 22px;}
.topBar .gnb .gnbli ul li:hover {color:#1CC08F;font-weight: 600;}
.topBar .gnb .gnbli ul li > button {background:none;border:none;letter-spacing: -0.035em;height: 46px;}
.topBar .gnb .submenu {position:absolute;top: 50px;left: 70%;transform: translateX(-50%) translateY(-5px);display:flex;flex-direction:column;gap: 6px;background:#fff;padding: 10px;border-radius: 12px;box-shadow: 0px 14px 32px 0px #4B515B1F, 0px 10px 14px 0px #4B515B0F, 0px 0px 0px 1px #4B515B08, 0px 0px 1px 0px #4B515B33;opacity:0;visibility:hidden;transition:all .25s ease;min-width: 150px;z-index:100;}
/* 20260323 v1.3 작업 내용 시작 */
.topBar .gnb .submenu button {width: 100%; padding: 12px 14px;text-align: left;font-size: 15.6px;border-radius: 8px;color: #3f4750;font-weight: 400;transition: .2s;}
/* 20260323 v1.3 작업 내용 종료 */
.topBar .gnb .submenu button:hover {background:#f5f7fa;}
.topBar .gnb .has-sub:hover .submenu {opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.topBar .gnb .gnbmymenu ul li {position: relative;font-size: 16.4px;transition: .2s;line-height: 46px;color: #2b2f33;padding: 0;}
.topBar .gnb .gnbmymenu ul li:hover {color:#1CC08F;font-weight: 600;}
.topBar .gnb .gnbmymenu .has-sub > button {display: flex;justify-content: flex-end;align-items: center;gap: 12px;height: 46px;}
.topBar .gnb .gnbmymenu .has-sub > button > .arrow {width: 6px;height: 6px;border-right: 2px solid #b6b6b6;border-bottom: 2px solid #b6b6b6;transition: border-color .3s ease;transform: rotate(45deg) translateY(-1px);display: block;}
.topBar .gnb .gnbmymenu .has-sub:hover > button > .arrow {border-color: #00ac78;}
.topBar .gnb .gnbmymenu .submenu {left: 60%;}
.topBar .gnb .gnbmenu .logjoin ul {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;}
.topBar .gnb .gnbmenu .logjoin button {font-size: 16px;line-height:44px;padding:0 15px;letter-spacing: -0.04em;color:#32383F;border:1px solid #d3dadf;border-radius:8px;}
/* .topBar .gnb .gnbmenu .logjoin button.login {background-color:#0AC191;border-color:#0AC191;color:#fff;}
.topBar .gnb .gnbmenu .logjoin button.joinus {color:#32383F;} */

/* 메인 */
.mainCon {padding: 0 20px;}
.mainCon .mainhero {background: url(../img/herobg.png) no-repeat center 280px;background-size: cover;width: 100%;padding: 74px 20px 60px 20px;border-radius: 0 0 26px 26px;margin: 0 auto;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.mainCon .mainhero p.tit {text-align: center;font-size: 58px;font-weight: 700;line-height: 1.3;color: #2f3239;letter-spacing: -0.017em;padding-bottom: 30px;}
.mainCon .mainhero p.tit span {color:#00ac78;}
.mainCon .mainhero p.sub {font-size: 22px;color: #5e646f;opacity: .9;padding-bottom: 60px;font-weight: 400;letter-spacing: -0.03em;}
.mainCon .mainhero .heroimg {position: relative;}
.mainCon .mainhero .heroimg .floating1 {position: absolute;right: -120px;top: 60px;}
.mainCon .mainhero .heroimg .floating2 {position: absolute;left: -200px;top: 224px;}
.mainCon .mainhero .heroimg .floating3 {position: absolute;right: -260px;top: 390px;}
.mainCon .featureBox {width: 1500px; padding: 150px 20px 190px 20px; margin: 0 auto;}
.mainCon .featureBox > p.tit {font-size: 44px;line-height: 1.4;font-weight: 700;color: #292a2d;padding-bottom: 24px;text-align: center;}
.mainCon .featureBox > p.sub {font-size: 21px;line-height: 1.4;color: #656d7a;opacity: .8;text-align: center;}
.mainCon .featureBox .featwrap {padding-top: 96px;}
.mainCon .featureBox .featwrap ul {display: flex; flex-direction: row; align-items: center; gap: 22px;}
.mainCon .featureBox .featwrap ul li {flex:1; padding: 0; border-radius: 20px;}
.mainCon .featureBox .featwrap li > .txt {padding: 52px 44px 0 46px;}
.mainCon .featureBox .featwrap li > .txt > p.tit {font-size: 32px; font-weight: 700; color: #1e2124;}
.mainCon .featureBox .featwrap li > .txt > p.sub {font-size: 20px;line-height: 1.8;font-weight: 400;padding-top: 18px;padding-bottom: 26px;}
.mainCon .featureBox .featwrap li.comm {background-color: #2bc597;}
.mainCon .featureBox .featwrap li.comm .txt > p.tit {color: #fff;}
.mainCon .featureBox .featwrap li.comm .txt > p.sub {color: #fff;opacity: .9;}
.mainCon .featureBox .featwrap li.limit {background-color: #353c4b;}
.mainCon .featureBox .featwrap li.limit .txt > p.tit {color: #fff;}
.mainCon .featureBox .featwrap li.limit .txt > p.sub {color: #fff;opacity: .65;}
.mainCon .featureBox .featwrap li.settle {background-color: #EDEFF4;}
.mainCon .featureBox .featwrap li.settle .txt > p.sub {color: #32383F; opacity: .7;}
.mainCon .faqBox {width: 1500px;padding: 0 20px;margin: 0 auto;}
.mainCon .faqBox > .fqwrap > p.tit {font-size: 44px;line-height: 1.4;text-align: center;font-weight: 700;color: #292a2d;padding-bottom: 80px;}
.mainCon .faqBox .faq {border-top:2px solid #3f4750;}
.mainCon .faqBox .faq-item {border-bottom:1px solid #CDDCE5;}
.mainCon .faqBox .faq-q {display:flex;justify-content:space-between;align-items:center;padding:32px 50px;cursor:pointer;}
.mainCon .faqBox .faq-q p {font-size: 21px;line-height: 1.4;font-weight:600;color:#2E343B;}
.mainCon .faqBox .faq-q p > span {font-weight: 700;color: #1CC08F;padding-right: 18px;}
.mainCon .faqBox .faq-toggle {position:relative;width: 28px;height: 28px;background: #292a2d;border-radius: 200px;border:none;cursor:pointer;transition:transform .3s ease;}
.mainCon .faqBox .faq-toggle::before,.faq-toggle::after {content:'';position:absolute;left:50%;top:50%;width: 10px;height:2px;background: #fff;transform:translate(-50%,-50%);transition:transform .3s ease;}
.mainCon .faqBox .faq-toggle::after {transform:translate(-50%,-50%) rotate(90deg);}
.mainCon .faqBox .faq-item.active .faq-toggle {transform:rotate(45deg);}
.mainCon .faqBox .faq-a {display: none;padding: 0px 0 40px 82px;color: #656d7a;font-size: 19px;font-weight: 400;line-height: 37px;/* opacity: .85; */}
.mainCon .alarmBox {width: 1500px;padding: 150px 20px;margin: 0 auto; }
.mainCon .alarmBox .alarmwrap {display: flex;width: 100%;padding: 68px 0 60px 0;border-radius: 24px;background-image: url(../img/maingreengradient.jpg);background-repeat: no-repeat;flex-direction: column;justify-content: center;align-items: center;background-size: cover;background-position: top center;}
.mainCon .alarmBox .alarmwrap p.tit {font-size: 42px;line-height: 1.4;color: #fff;font-weight: 700;text-shadow:0 0 20px #7388ab70;}
.mainCon .alarmBox .alarmwrap p.sub {font-size: 20px;line-height: 1.4;color: #fff;padding-top: 12px;padding-bottom: 36px;letter-spacing: -0.025em;text-shadow: 0 0 20px #37486759;}
.mainCon .alarmBox .alarmwrap p.sub br {display: none;}
.mainCon .alarmBox .alarmwrap button {background-color: #2d3641db;font-size: 17.2px;transition: .3s ease;color: #fff;padding: 0 30px;height: 65px;border-radius: 200px;}
.mainCon .alarmBox .alarmwrap button:hover {transform: translateY(-5px);background-color:#2e3237;}

/* 푸터 */
footer {background: #2e3237;}
footer .footer .termlist {border-bottom: 1px solid #ffffff26;}
footer .footer .termlist ul {width: 1500px;margin: 0 auto;padding: 26px 20px;color: #fff;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 30px;font-size: 17px;line-height: 20px;}
footer .footer .corpinfo {display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;width: 1500px;padding: 56px 20px 70px 20px;margin: 0 auto;}
footer .footer .corpinfo .ci {width: 300px;}
footer .footer .corpinfo .ci img {width: 210px;}
footer .footer .corpinfo .info {color: #fff;font-size: 16px;line-height: 32px;font-weight: 400;letter-spacing: -0.01em;}
footer .footer .corpinfo .info p {display: flex;}
footer .footer .corpinfo .info p br {display: none;}
footer .footer .corpinfo .info p.copyright {font-size: 14px;letter-spacing: 0;opacity: .5;font-weight: 400;padding-top: 10px;}

/* 선정산 신청 */
.applyCon {display: flex;width:100%;min-height: calc(100dvh - 130px);background-color: #f4f5f7;flex-direction: column;align-items: center;}
.applyCon .settleTit {display: flex;flex-direction: column;align-items: center;padding-top: 76px;padding-bottom: 58px;}
.applyCon .settleTit h2 {font-size: 34px;line-height:1.25;font-weight: 700;color: #39424C;}
.applyCon .settleTit p {font-size: 20px;line-height: 1.8;color: #3F4750;opacity: .6;padding-top: 10px;}
.applyCon .settleBar {width: 1500px; padding: 0 20px;}
.applyCon .settleBar .limit-box {position: relative;background: #fff;border-radius: 20px;/* border: 1px solid #e5e7eb; */padding: 34px 40px;}
.applyCon .settleBar .limit-tit {display:flex;gap: 20px;padding-bottom: 16px;align-items:center;font-size: 18px;color: #82878D;font-weight: 500;}
.applyCon .settleBar .limit-tit > .tit {color: #0AC290;font-weight:700;}
.applyCon .settleBar .limit-tit .percent {color: #0AC290;font-weight:700;padding-left: 4px;}
.applyCon .settleBar .limit-bar {width:100%;height: 8px;background:#e5e7eb; border-radius:999px;overflow:hidden;}
.applyCon .settleBar .limit-bar-fill {width:0%;height:100%;background:linear-gradient(90deg,#0AC290 0%,#31C3CA 100%);border-radius:999px;transition:width 1s cubic-bezier(0.54, 0.02, 0.46, 1);}
.applyCon .settleBar .limit-remain {position: absolute; font-size:15px; color: #757575; top: 34px; right: 40px;}
.applyCon .settleBar .limit-remain strong {color: #3f4750;font-weight:600;}
.applyCon .settleBar .limit-remain .slash {margin: 0 8px;color:#bbb;}
.applyCon .settleBox {padding: 30px 20px 150px 20px;width: 1500px;}
.applyCon .settleBox .box-layout {position: relative;/* max-width: 1500px; */width: 100%;margin:0 auto;display:grid;grid-template-columns: 430px minmax(0,1fr); gap: 22px; align-items:start;}
.applyCon .settleBox .box-layout .settle-mall {display:flex;flex-direction:column;gap:24px; z-index: 1;}
.applyCon .settleBox .box-layout .settle-sum {position:sticky;top:100px;padding:0;display:flex;flex-direction:column;gap:20px;}
.applyCon .settleBox .box-layout .settle-sum .summain {padding: 32px 22px 24px 22px;background:#fff;border-radius:20px;/* border: 1px solid #e5e7eb; */box-shadow:0 20px 40px rgba(0,0,0,.06);}
.applyCon .settleBox .box-layout .settle-sum .summain .sumtop > p.tit {padding-left: 10px; font-size: 18px;color: #3F4750;font-weight: 600;line-height: 28px;}
.applyCon .settleBox .box-layout .settle-sum .summain .sumtop .num {font-size: 30px;font-weight: 700;line-height: 40px;color: #00AC78;padding-left: 10px;padding-top: 6px;}
.applyCon .settleBox .box-layout .settle-sum .summain .sumtop .num span {padding-right: 2px;}
.applyCon .settleBox .box-layout .settle-sum .summain .chckli ul {display: flex;flex-direction: column;gap: 15px;padding-top: 8px;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group {box-shadow: inset 0 0 0 1.2px #e8e8e8;border-radius:12px;padding: 16px 18px 16px 20px;background:#fff;cursor:pointer;transition:.25s;display:flex;flex-direction:column;/* gap: 8px; */}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group:first-of-type {margin-top: 14px;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group.active {box-shadow: inset 0 0 0 1.2px #0d9f7394;background: #f1fbf4;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group .group-layout {display:flex;justify-content:space-between;align-items:center;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group .group-layout .left {display:flex;align-items:center;gap: 10px;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group .group-layout .left .mall {font-size: 16px;/* font-weight:600; */color: #3F4750;line-height: 20px;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group .check-icon {width:20px;height:20px;border-radius:5px;background: #e8e8e8 no-repeat center center;display:inline-block;transition: .25s;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group.active .check-icon {background:#0DAF83 url(../img/icn-settle-check.svg) no-repeat center center;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group .price-box {position: relative;display:flex;width: 185px;align-items:center;background:#fff;border: 1px solid #DDDDDD;border-radius:8px;padding: 10px 44px 10px 10px;gap: 4px;transition:.3s;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group .price-box .price-ipt {border:none;background:transparent;font-size:16px;line-height: 22px;color: #111;text-align: right;width: 100%;outline:none;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group .price-box > p { font-size:16px; color: #111;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group .price-box .price-ipt:focus {border: none;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group .subtxt {font-size:14px;line-height: 18px;letter-spacing: -.025em;font-weight: 400;color: #3F4750;opacity: .9;text-align: right;padding-right: 2px;/* margin-top: 8px; */max-height:0;overflow:hidden;opacity:0;transition: all .2s ease;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group.active .subtxt {max-height: 24px;opacity:1;padding-top: 8px;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group.error .price-box {border: 1px solid #e95752ad;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group.error .subtxt {color: #E95752;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group:not(.active) .price-box {background: #f8f8f8; border: 1px solid #eee;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group:not(.active) .price-box > p {color: #BDBFC1;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group:not(.active) .price-ipt {pointer-events:none; color: #BDBFC1;}
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group:hover .check-icon {background: #bdbfc1 url(../img/icn-settle-check.svg) no-repeat center center;}
/* .applyCon .settleBox .box-layout .settle-sum .chckli .check-group:hover {box-shadow: inset 0 0 0 1.2px #c5c5c5;} */
/* .applyCon .settleBox .box-layout .settle-sum .chckli .check-group:hover.active {box-shadow: inset 0 0 0 1.2px #7DDEC4;} */
.applyCon .settleBox .box-layout .settle-sum .chckli .check-group:hover.active .check-icon {background:#0DAF83 url(../img/icn-settle-check.svg) no-repeat center center;}
.applyCon .settleBox .box-layout .settle-sum .sumcta {box-shadow:0 20px 40px rgba(0,0,0,.1); border-radius: 14px;}
.applyCon .settleBox .box-layout .settle-sum .sumcta button {width: 100%;background:linear-gradient(90deg,#0AC290 0%,#00AEB7 100%);box-shadow: 0 4px 20px #0000001a;height: 68px;font-size: 18px;font-weight: 600;border-radius: 14px;color: #fff;}
.applyCon .settleBox .box-layout .settle-sum .sumcta button:disabled {background: #c8ccd1; box-shadow: none;}
.applyCon .settleBox .box-layout .settle-sum .adimg a img {width: 100%; border-radius: 14px;}
.applyCon .settleBox .box-layout .settle-mall .mallli {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group {background:#fff;border-radius: 20px;/* border:1px solid #e5e7eb; */overflow:hidden;transition:box-shadow .2s ease;}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group:hover {box-shadow:0 10px 40px rgba(0,0,0,.065);}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group .mall-header {display:flex;justify-content: space-between;align-items: center;padding: 34px;position: relative;}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group .mall-header .mall-icn {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 15px;}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group .mall-header .mall-icn p {font-size: 16px;line-height: 16px;padding-left: 15px;color: #3F4750;border-left: 1px solid #ADADAD;}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group .mall-header .status {display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;gap: 12px;padding-top: 20px;}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group .mall-header .status > .badge {font-size: 14px; line-height: 30px; letter-spacing: -0.04em; color: #fff; background:#4b5767; padding: 0 10px;border-radius: 6px;}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group .mall-header .status > .badge.reject {background: #e94b22;}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group .mall-header .status > .badge.hold {background: #05BC8A;}
.applyCon .settleBox .box-layout .settle-mall .mallli .mall-group .mall-header .status > .msg {font-size: 15px;line-height: 25px;font-weight: 400;color: #3F4750;opacity: .8;padding-top: 2px;}
.applyCon .mall-header .group.login {display: flex;justify-content: flex-end;align-items: center;gap: 12px;}
.applyCon .mall-header .group.login .iptgroup {display: flex;justify-content: flex-end;align-items: center;gap: 10px;}
.applyCon .mall-header .group.login .iptgroup input {font-size: 15px;height: 48px;border-radius: 8px;padding: 0 16px;width: 200px; }
.applyCon .mall-header .group.login .iptgroup input::placeholder {font-weight: 500;}
.applyCon .mall-header .group.login button {width: 120px; font-size: 15px;line-height: 48px;background: #fff;border: 1px solid #DDDDDD;border-radius: 8px;color: #3F4750;padding: 0 ;box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.applyCon .mall-header .group.saved {display: flex;justify-content: flex-end;align-items: center;gap: 12px;}
.applyCon .mall-header .group.saved .savemsg {width: 410px;height: 48px;display: flex;align-items: center;justify-content: flex-start;gap: 4px;background: #f9fafb;border: 1px solid #d7dee6;border-radius: 8px;padding: 0 14px;font-size: 15px;color: #5b6775;}
.applyCon .mall-header .group.saved button {width: 120px; font-size: 15px;line-height: 48px; background: #05BC8A; border: 1px solid #05BC8A; border-radius: 8px; color: #fff; padding: 0;box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.applyCon .mall-header .group.loading {display: flex;justify-content: space-between;align-items: center;width: 540px;}
.applyCon .mall-header .group.loading .loading-wrap {display:flex;align-items:center; gap:12px;width: 100%;height: 50px;/* padding-left: 10px; */justify-content: space-between;}
.applyCon .mall-header .group.loading .loading-bar {width: 410px;height: 8px;background:#e5e7eb;border-radius:20px;overflow:hidden;position:relative;}
.applyCon .mall-header .group.loading .loading-progress {position:absolute;height:100%;width:35%;background:linear-gradient(90deg,#3EE6B6, #00ae7f);border-radius:20px;animation:loadingMove 2.5s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 10px rgba(10,193,145,0.45);}
.applyCon .mall-header .group.loading .loading-text {font-size: 15px;color: #00ae7f;width: 120px;text-align: center;}
@keyframes loadingMove {0% {left:-35%;}60% {left:100%;}100% {left:100%;}}
.applyCon .settleBox .amount-toggle {display:flex;align-items:center;gap: 8px;width: 240px;cursor:pointer;font-weight: 700;font-size: 20px;line-height: 40px;padding: 6px 16px;color: #3f4750;border: 1px solid #DDDDDD;justify-content: flex-end;border-radius: 10px;background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.applyCon .settleBox .amount-toggle:focus {outline:none;}
.applyCon .settleBox .amount-toggle.hold{padding-right: 24px;background-color: #f4f4f4;border: 0;color: #5e646f5c;box-shadow: none;}
.applyCon .settleBox .arrow-icon {width:16px;height:16px;transition:transform .35s ease;}
.applyCon .settleBox .mall-group.active .arrow-icon {transform:rotate(180deg);}
.applyCon .settleBox .mall-detail {height:0;overflow:hidden;transition:height .35s ease;will-change:height;}
.applyCon .settleBox .mall-group.active .mall-detail {height:auto;}
.applyCon .settleBox .mall-detail .detail-inner {padding: 0 30px 34px 30px;}
.applyCon .settleBox .mall-detail .detail-1d {padding: 24px 20px;margin:0;display:flex;flex-direction:column;gap: 4px;font-size: 16px;line-height: 30px;color: #525961;background: #F4F5F6;border-radius: 14px;}
.applyCon .settleBox .mall-detail .detail-1d > li {display: flex;align-items: center;justify-content: space-between;flex-direction: row;}
.applyCon .settleBox .mall-detail .detail-1d > li > p:first-child {padding-left: 10px;}
.applyCon .settleBox .mall-detail .detail-1d > li > p:last-child {font-weight: 600;letter-spacing: 0;color: #373F47;padding-right: 12px;}
.applyCon .settleBox .mall-detail .detail-1d > li > p:last-child > span {padding: 0 5px;}
.applyCon .settleBox .mall-detail .detail-1d .hr {width: 100%;height: 1px;background: #C9CED7;margin: 14px 6px;}
.applyCon .settleBox .mall-detail .detail-1d .detail-sub {display:none;}
.applyCon .settleBox .mall-detail .detail-1d .detail-btn {display:flex;align-items:center;gap: 2px;background:none;border:none;font-size: 16px;line-height: 30px;cursor:pointer;font-weight: 600;letter-spacing: 0;color: #373F47;padding-right: 12px;justify-content: flex-end;}
.applyCon .settleBox .mall-detail .detail-1d .detail-btn > img {padding-left: 2px;}
.applyCon .settleBox .mall-detail .detail-1d .detail-toggle .arrow-icon-sub {transform:rotate(0deg);}
.applyCon .settleBox .mall-detail .detail-1d .detail-toggle.active .arrow-icon-sub {transform:rotate(180deg);}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d {background: #fff;width: 100%;border-radius: 12px;padding: 16px 26px;font-size: 15px;line-height: 30px;font-weight: 400;color: #3f4750;width: 100%;margin: 8px 0 16px 0;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li {display: flex;align-items: center;justify-content: space-between;flex-direction: row;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li > p:last-child {font-weight: 600; letter-spacing: 0;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li > p:last-child > span {padding: 0 5px;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li.minus > p:last-child {color: #E95752;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li.plus > p:first-of-type, .mall-detail .detail-1d .detail-2d > li.minus > p:first-of-type {position: relative;padding-left: 20px;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li.plus > p:first-of-type::before {content: '+';position: absolute;left: 0;font-size: 17px;top: -2px;font-weight: 400;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li.minus > p:first-of-type::before {content: '-';position: absolute;left: 0;font-size: 17px;top: -2px;font-weight: 400;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li.info {flex-direction: column;align-items: flex-start;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li.info > p.tit  {color: #E95752; font-weight: 600;}
.applyCon .settleBox .mall-detail .detail-1d .detail-2d > li.info > p  {color: #535A62; font-weight: 500;}

/* 정산현황 정산내역 */
.historyCon {width: 1500px;margin: 0 auto;padding: 0 20px 170px 20px;min-height: calc(100dvh - 110px);display: flex;flex-direction: column;gap: 30px;}
.historyCon .hisTit {display: flex;font-size: 24px;font-weight: 700;color: #39424C;line-height: 32px;flex-direction: row;padding-top: 40px;padding-bottom: 4px; }
.historyCon .hisTit > p.sub {font-size: 18px;font-weight: 500;opacity: .6;padding-left: 36px;}
.historyCon .hisSum .history-sum {display: flex;gap: 14px;}
.historyCon .hisSum .history-sum .sum-group {flex: 1;background-color: #f5f7f8;padding: 32px 34px 28px 38px;border-radius: 16px;}
.historyCon .hisSum .history-sum .sum-group > .num {display: flex;font-size: 25px;line-height: 40px;font-weight: 700;letter-spacing: -0.03em;color: #39424C;flex-direction: row;justify-content: flex-start;align-items: center;}
.historyCon .hisSum .history-sum .sum-group > .num p.slash {font-weight: 500; opacity: .4; padding: 0 8px;}
.historyCon .hisSum .sum-group > .tit {display: flex;align-items: center;justify-content: flex-start;gap: 8px;position: relative;padding-bottom: 6px;}
.historyCon .hisSum .sum-group > .tit > p {font-size: 19px;line-height: 25px;color: #3F4750;opacity: .7;}
.historyCon .hisSum .sum-group .tooltip {position: relative;}
.historyCon .hisSum .sum-group .tooltip .tooltipbtn {background-color: #767d87bd;width: 18px;height: 18px;border-radius: 18px;color: #fff;font-size: 10px;line-height: 18px;text-align: center;}
.historyCon .hisSum .sum-group .tooltip .tooltiptxt {position: absolute;top: 30px;left: 0; width: 250px; background: #292d36d6;backdrop-filter: blur(4px);box-shadow: 0 2px 10px rgb(0 0 0 / 10%);padding: 12px 16px;color: #fff;font-weight: 400;border-radius: 10px;font-size: 14px;line-height: 22px;word-break: keep-all;letter-spacing: -0.02em;z-index: 100;opacity: 0;visibility: hidden;transition: opacity .3s ease;  }
.historyCon .hisSum .sum-group .tooltip.active .tooltiptxt {opacity: 1;visibility: visible;}
.historyCon .hisFilter .history-condit {padding: 6px 0;border: 1px solid #e3e3e3;border-radius: 16px;box-shadow:0 2px 10px rgb(0 0 0 / 5%);}
.history-condit .con-group {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;padding: 20px 0;border-bottom: 1px solid #EEEEEE;}
.history-condit .con-group:last-child {border-bottom: 0;}
.history-condit .con-group > .label {width: 170px;font-size: 16px;font-weight: 600;line-height: 44px;color: #3F4750;opacity: .7;padding-left: 45px;}
.history-condit .con-group .iptgroup.date {display:flex;align-items:center;gap: 10px;flex-wrap:wrap;}
.history-condit .con-group .iptgroup.date .filter-group {display:flex;align-items:center;gap:8px;font-size: 16px;color: #3F4750;}
.history-condit .con-group .iptgroup.date .filter-radio label {display:flex;align-items:center;padding: 12px 16px;border-radius: 8px;background: #fff;box-shadow: inset 0 0 0 1.2px #dadde3;color: #888D93;cursor:pointer;font-size: 16px;line-height: 20px;transition: .2s;}
.history-condit .con-group .iptgroup.date .filter-radio input[type="radio"] {display:none;}
.history-condit .con-group .iptgroup.date .filter-radio label:has(input:checked) {background: #ECF9F0;color: #00bb83;box-shadow: inset 0 0 0 1.2px #0ac191;}
.history-condit .con-group .iptgroup.date .filter-date input {height: 44px;width: 160px;color: #3F4750;padding: 0 16px;border-radius:8px;border: 1px solid #ddd;font-size: 16px;}
.history-condit .con-group .iptgroup.date .filter-date.disabled input {background: #f2f3f5 !important;color:#999;border: 1px solid #f2f3f5 !important;}
.history-condit .con-group .iptgroup.date .filter-info {font-size: 14px;color: #3F4750;opacity: .7;padding-left: 2px;}
.history-condit .con-group .iptgroup.check {display: flex;flex-direction: row;align-items: center;gap: 26px;}
.history-condit .con-group .iptgroup.check .check-box input[type="checkbox"]+label {position: relative;padding-left: 28px;height: 20px;line-height: 20px;font-size: 16px;color: #3F4750;cursor: pointer;}
.history-condit .con-group .iptgroup.check .check-box input[type="checkbox"]+label::before {content: '';position: absolute;width: 18px;height: 18px;border: 1px solid #DDDDDD;left: 0;top: 0;border-radius: 5px;transition: .2s;background: url(../img/icn-filter-check.svg) center center no-repeat;background-size: auto;}
.history-condit .con-group .iptgroup.check .check-box input[type="checkbox"]+label:hover::before {background-color: #fff;border-color: #0AC191;} 
.history-condit .con-group .iptgroup.check .check-box input[type="checkbox"]:checked+label::before {background-color: #0AC191;border-color: #0AC191;}
.history-condit .con-group .iptgroup.select .custom-select {position:relative;width: 280px;font-size:16px;font-weight: 500;letter-spacing: -0.03em;}
.history-condit .con-group .iptgroup.select .select-selected {color: #39424c;border-radius: 8px;padding: 12px 14px 12px 16px;background:#fff;border:1px solid #ddd;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:.2s ease;}
.history-condit .con-group .iptgroup.select .select-selected:hover { border-color:#aaa; box-shadow: 0 2px 6px #0000001a;}
.history-condit .con-group .iptgroup.select .select-options {position:absolute;top: 120%;left:0;width:100%;background:#fff;border-radius: 10px;border: 1px solid #e4e4e4;box-shadow: 0 6px 20px rgba(0,0,0,.12);padding: 12px;overflow:hidden;opacity:0;transform:translateY(10px);visibility:hidden;transition: opacity .2s ease, transform .2s ease;z-index:50;display: flex;flex-direction: column;gap: 4px;}
.history-condit .con-group .iptgroup.select .custom-select.active .select-options {opacity:1;transform:translateY(0);visibility:visible;}
.history-condit .con-group .iptgroup.select .select-options .option {padding: 10px 14px;cursor:pointer;transition:all .2s ease;border-radius: 8px;font-size: 16px;line-height: 24px;color: #5e646f;}
.history-condit .con-group .iptgroup.select .select-options .option:hover {background:#f3f6f9;}
.history-condit .con-group .iptgroup.select .select-options .option.active {background: #e8f9ef;color: #00ac78;}
.historyCon .history-cta {display: flex;justify-content: center;align-items: center;flex-direction: row;padding-top: 40px;gap: 14px;}
.historyCon .history-cta button {display: flex;font-size: 17px;line-height: 69px;border-radius: 12px;justify-content: center;align-items: center;flex-direction: row;gap: 8px;}
.historyCon .history-cta button.search {background: linear-gradient(90deg,#0AC290 0%,#00AEB7 100%);color: #fff;padding: 0 140px;}
.historyCon .history-cta button.reset {background: #fff;border: 1px solid #CECECE;padding: 0 30px;color: #39424c;}
.historyCon .hisResult {padding-top: 60px;position: relative;}
.historyCon .hisResult .resulttit {font-size: 20px;font-weight: 700;color: #39424C;line-height: 48px;padding-bottom: 20px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 6px;}
.historyCon .hisResult .resulttit span {display: inline-block;font-size: 15px;letter-spacing: -0.02em;line-height: 15px;font-weight: 600;color: #5f6573;background-color: #e9edf3;border-radius: 300px;padding: 8px 10px;}
.historyCon .hisResult .history-table {width: 100%;}
.historyCon .hisResult .history-table thead tr {border-bottom: 1px solid #E5E7EB;height: 60px;border-top: 1px solid #E5E7EB;background-color: #F6F7F9;}
.historyCon .hisResult .history-table thead tr th {vertical-align: middle;padding:0 0 0 20px;text-align: left;font-size: 15px;line-height: 15px;color: #8a929b;}
.historyCon .hisResult .history-table thead tr th:first-of-type {padding-left: 26px;}
.historyCon .hisResult .history-table th.sortable{cursor:pointer;position:relative;user-select:none;}
.historyCon .hisResult .history-table th .sort{display:inline-block;width: 10px;height: 15px;margin-left: 8px;position:relative;vertical-align: middle;}
.historyCon .hisResult .history-table th .sort:before,.historyCon .hisResult .history-table th .sort:after{content:'';position:absolute;left:0; width: 9px;height: 6px;}
.historyCon .hisResult .history-table th .sort:before{background: url(../img/icn-table-up-off.svg) no-repeat;top: 0px;}
.historyCon .hisResult .history-table th .sort:after{background: url(../img/icn-table-down-off.svg) no-repeat;bottom: 0px;}
.historyCon .hisResult .history-table th.asc .sort:before{background: url(../img/icn-table-up.svg) no-repeat;}
.historyCon .hisResult .history-table th.desc .sort:after{background: url(../img/icn-table-down.svg) no-repeat;}
.historyCon .hisResult .history-table tbody {border-bottom: 1px solid #ddd;}
.historyCon .hisResult .history-table tbody tr {height: 62px;border-bottom: 1px solid #e8e8e8;}
.historyCon .hisResult .history-table tbody tr td {vertical-align: middle; padding: 0 0 0 20px; color: #39424C;}
.historyCon .hisResult .history-table td:first-of-type {padding-left: 26px;}
.historyCon .hisResult .history-table tbody tr td .label {display: inline-block;font-size: 14px;line-height: 34px;font-weight: 600;padding: 0 12px; background-color: #eff1f5; color: #6e7e97; border-radius: 7px;}
.historyCon .hisResult .history-table tbody tr td .label.issue {background-color: #ffe6e6; color:#E95752;}
.historyCon .hisResult .history-table tbody tr td .label.on {background-color: #e8f7ec; color: #00b17c;}

/* .historyCon .hisResult .history-table tbody tr td .label::before {content: '';width: 9px;height: 9px;border-radius: 6px;position: absolute;background-color: #0ac191;top: 3.5px;left: 0;}
.historyCon .hisResult .history-table tbody tr td .label.hold::before {background-color: #b6becd;}
.historyCon .hisResult .history-table tbody tr td .label.issue::before {background-color: #E95752;} */
.historyCon .hisResult .history-table tbody tr td button.cancel {background: #fff;border: 1px solid #d3d3d3;border-radius: 7px;font-size: 14px;color: #4a4f58;line-height: 32px;padding: 0 9px;margin-left: 10px;}
.historyCon .hisResult .history-table tbody tr td button.detail {font-weight: 600;text-decoration: underline;text-underline-offset: 2px;}
.historyCon .hisResult .history-table tbody tr td .etc-wrap {position:relative; display:inline-block;}
.historyCon .hisResult .history-table tbody tr td .etc-wrap button.etc {background: #fff; border: 1px solid #cfcfcf;border-radius: 30px; width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;}
.historyCon .hisResult .history-table tbody tr td .etc-tooltip {position:absolute;top: 0;right: 50%;transform: translateX(0px) translateY(0); width:240px; padding: 14px 18px; background: #fff; border: 1px solid #d1d1d1; box-shadow: 0 2px 20px #0000001a; color: #39424c; font-size: 14px; letter-spacing: -0.015em; line-height: 1.6;border-radius: 12px;word-break: keep-all;z-index:50;opacity:0;visibility:hidden;transition:opacity .3s ease, transform .3s ease;}
.historyCon .hisResult .history-table tbody tr td .etc-wrap:hover .etc-tooltip {opacity:1;visibility:visible;transform: translateX(-24px) translateY(0);}
.historyCon .hisResult .history-table tbody tr td .etc-tooltip strong {color: #eb191c;}
.historyCon .hisResult .funcgroup {position: absolute;top: 60px;right: 0;}
.historyCon .hisResult .funcgroup .excel button {display: flex;border: 1px solid #ddd;color: #3f4750;transition: .2s;justify-content: flex-start;align-items: center;gap: 8px;font-size: 15px;line-height: 30px;padding: 8px 14px;border-radius: 8px;}
.historyCon .hisResult .funcgroup .excel button:hover {border-color: #aaa; box-shadow:0 2px 6px #0000001a;}
.historyCon .hisResult .funcgroup .excel button img {height: 18px;}
.historyCon .hisResult .resultnull {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 26px;height: 350px;border: 1px solid #ddd;border-radius: 16px;}
.historyCon .hisResult .resultnull img {height: 46px;}
.historyCon .hisResult .resultnull p {font-size: 17px;font-weight: 600;color: #65707d;}
.historyCon .hisResult .history-pagi {padding-top: 60px;}
.historyCon .hisResult .history-pagi ul {display: flex;justify-content: center;align-items: center; gap: 10px;}
.historyCon .hisResult .history-pagi li button {width: 36px;height: 36px; font-weight: 600; transition: .2s ease; background: #fff; color: #9fa4b0; font-size: 16px; line-height: 36px; border-radius: 36px;}
.historyCon .hisResult .history-pagi li button:hover {background-color: #eeeff1;}
.historyCon .hisResult .history-pagi li button.active {background: #4b5767; color: #fff; font-weight: 700;}

/* 마이페이지 */
.myCon {width: 1500px;margin: 0 auto;padding: 0 20px 200px 20px;min-height: calc(100dvh - 110px);display: flex;flex-direction: column;gap: 50px;}
.myCon .myTit {display: flex;font-size: 24px;font-weight: 700;color: #39424C;line-height: 32px;flex-direction: row;padding-top: 40px;padding-bottom: 4px; }
.myCon .myTit > p.sub {font-size: 18px;font-weight: 500;opacity: .6;padding-left: 36px;}
.myCon .myBody {display:grid;grid-template-columns: 280px minmax(0,1fr);gap: 50px;align-items:start;}
.myCon .myBody .mypage-gnb {width: 280px;}
.myCon .myBody .mypage-gnb .gnb-list {margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px;}.myCon .myBody .mypage-gnb .gnb-item {background: #fff;border-radius: 14px;border: 1px solid #f4f5f7;overflow: hidden;transition: border-color .3s ease, background-color .3s ease; /* 특정 속성만 지정 */}
.myCon .myBody .mypage-gnb .mygnb-toggle {width:100%;display:flex;justify-content:space-between;align-items:center;padding: 0 26px 0 24px;font-size: 18.2px;line-height:  66px;font-weight:600; background: #fff; cursor:pointer; color:#3f4750; transition: .25s ease;}
.myCon .myBody .mypage-gnb .gnb-item.active {border:1px solid #0cb5827a;}
.myCon .myBody .mypage-gnb .gnb-item:not(.active) .mygnb-toggle {background: #f4f5f7}
.myCon .myBody .mypage-gnb .gnb-item.active .mygnb-toggle {background: #fff;color:#00ac78;font-weight:600;}
.myCon .myBody .mypage-gnb .arrow {width: 8px;height: 8px;border-right:2px solid #b6b6b6;border-bottom:2px solid #b6b6b6;transition:border-color .3s ease;transform: rotate(-45deg);}
.myCon .myBody .mypage-gnb .gnb-item.active .arrow {border-color: #00ac78;}
.myCon .myBody .mypage-gnb .gnb-sub {display:none;background:#fff;/*padding-bottom: 10px;*/ }
.myCon .myBody .mypage-gnb .gnb-sub a {display: flex;cursor: pointer;padding: 0 24px;font-size: 16px;background: #fff;height: 60px;font-weight: 600;color: #5e646f;transition:color .3s ease, background-color .3s ease;align-items: center;}
.myCon .myBody .mypage-gnb .gnb-sub a:hover,.myCon .myBody .mypage-gnb .gnb-sub a.active {color:#00ac78; background-color: #f1fbf2;}
.myCon .myBody .mypage-con .pagetit {font-size: 26px;line-height: 40px;font-weight: 700;color: #32383f;}
.myCon .myBody .mypage-con .mysellerinfo {display: flex;flex-direction: row;align-items: center;border: 1px solid #ddd;margin-top: 22px;border-radius: 16px;padding: 40px 42px 42px 42px;}
.myCon .myBody .mypage-con .mysellerinfo .group {flex: 1;padding-left: 46px;border-left: 1px solid #DADADA;}
.myCon .myBody .mypage-con .mysellerinfo .group:first-of-type {border-left: 0; padding-left: 6px;}
.myCon .myBody .mypage-con .mysellerinfo .group p.tit {font-size: 17px;font-weight: 400;color: #3F4750;opacity: .8;line-height: 30px;padding-bottom: 6px;}
.myCon .myBody .mypage-con .mysellerinfo .group p.value {font-size: 23px;line-height: 36px;font-weight: 700;color: #444;}
.myCon .myBody .mypage-con .pagetit.sub {padding-top: 60px;}
.myCon .myBody .mypage-con .myinput {padding-top: 34px;display: flex;flex-direction: column;gap: 34px;}
.myCon .myBody .mypage-con .myinput .group {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.myCon .myBody .mypage-con .myinput .group .tit {font-size: 15px;position: relative;width: 200px;font-weight: 500;line-height: 21px;color: #4a4f58;padding-bottom: 12px;}
.myCon .myBody .mypage-con .myinput .group .tit.must::after {content: '*';padding-left: 4px;font-size: 18px;line-height: 10px;top: 4px;color: #e95752;position: absolute;}
.myCon .myBody .mypage-con .myinput .group .iptwrap {width: 100%;position:relative;}
.myCon .myBody .mypage-con .myinput .group .iptwrap input {width: 100%;letter-spacing: -.01em;border-radius: 8px;padding: 10px 22px;font-size: 17px;line-height: 35px;color: #2f3239;}
.myCon .myBody .mypage-con .myinput .group .iptwrap .subinfo {font-size: 14px;line-height: 30px;font-weight: 400;color: #656d7ae8;display: flex;padding-top: 6px;flex-direction: row;justify-content: flex-start;align-items: center;}
.myCon .myBody .mypage-con .myinput .group .errmsg {display:none;font-size: 15px;line-height: 1.6;padding-top: 12px;color:#fc4c4e;}
.myCon .myBody .mypage-con .myinput .group.err .errmsg {display:block;}
.myCon .myBody .mypage-con .myinput .group.err input {border-color:#fc4c4e;}
.myCon .myBody .mypage-con .myinput .group .pwvalid {padding-top: 12px;padding-bottom: 10px;width: 100%;}
.myCon .myBody .mypage-con .myinput .group .pwvalid ul {display:flex;flex-direction:row;gap: 12px;}
.myCon .myBody .mypage-con .myinput .group .pwvalid ul li {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size: 15px;line-height:20px;color: #4e5765b5;gap: 5px;}
.myCon .myBody .mypage-con .myinput .group .pwvalid ul li img {filter: grayscale(1) opacity(.7);}
.myCon .myBody .mypage-con .myinput .group .pwvalid ul li.vld {color: #00AC78;}
.myCon .myBody .mypage-con .myinput .group .pwvalid ul li.vld img {filter:grayscale(0) opacity(1);}
.myCon .myBody .mypage-con .mycta {display: flex;justify-content: center;align-items: center;padding-top: 80px;}
.myCon .myBody .mypage-con .mycta button {font-size: 18px;line-height: 72px;border-radius: 12px;color: #fff;letter-spacing: -.02em;padding: 0 120px;background-color: #0AC290;}
.myCon .myBody .mypage-con .mycta button.pwvldcta {background: #dbdcdd;}
.myCon .myBody .mypage-con .mycta button.pwvldcta.on {background: #0AC290; color: #fff;}
.myCon .myBody .mypage-con .myaccount {box-shadow: 0 2px 16px #00000014;padding: 40px 40px 52px 40px;border-radius: 18px;margin-top: 34px;}
.mypage-con .myaccount .acctit {padding-bottom: 26px;position: relative;}
.mypage-con .myaccount .acctit p {font-size: 18px;color: #3F4750;opacity: .7;line-height: 32px;}
.mypage-con .myaccount .acctit p:first-child {font-size: 25px;line-height: 30px;font-weight: 700;color: #3F4750;opacity: 1;padding-bottom: 6px;}
.mypage-con .myaccount .acctit button.certdown {position: absolute;top: 4px;cursor: pointer;right: 0;display: flex;width: auto;gap: 8px;font-size: 15px;padding: 0 18px;line-height: 48px;background: #fff;border: 1px solid #DDDDDD;border-radius: 8px;color: #3F4750;box-shadow: 0 2px 10px rgba(0, 0, 0, .05);flex-direction: row;align-items: center;justify-content: center;transition: .2s;}
.mypage-con .myaccount .acctit button.certdown img {filter: saturate(0) brightness(1.2);height: 22px;}
.mypage-con .myaccount .acctit button.certdown:hover {border-color: #aaa; box-shadow:0 2px 6px #0000001a;}
.mypage-con .myaccount .acctit button.certdown:hover img {filter: saturate(1) brightness(1);}
.mypage-con .myaccount .accdetail {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;flex-wrap: wrap;}
.mypage-con .myaccount .accdetail.settle {grid-template-columns: repeat(1, 1fr);}
.mypage-con .myaccount .accdetail .group {position: relative;border: 1px solid #e1e1e1;border-radius: 12px;padding: 20px 22px 20px 28px;flex: .5;}
.mypage-con .myaccount .accdetail .group p {font-size: 18px;line-height: 26px;color: #32383f;font-weight: 600;}
.mypage-con .myaccount .accdetail .group p:first-child {font-size: 15px;color: #3F4750;opacity: .8;font-weight: 400;line-height: 21px;padding-bottom: 5px;}
.mypage-con .myaccount .accdetail .group button.accountbtn {position: absolute;right: 30px;bottom: 22px;font-size: 15px;line-height: 48px;background: #f4f4f4;border-radius: 8px;color: #3F4750;padding: 0 22px;transition: .3s;letter-spacing: -0.01em;cursor: pointer;}
.mypage-con .myaccount .accdetail .group button.accountbtn:hover {background-color: #656d7a24;}
.mypage-con .accinfo {background-color: #f8f8f8;border-radius: 18px;padding: 30px 34px 34px;margin-top: 30px;font-size: 15px;line-height: 28px;color: #32383f91;}
.mypage-con .accinfo p.tit {font-size: 17px;line-height: 30px;font-weight: 600;color: #3f4750c2;padding-bottom: 6px;}
.mypage-con .accinfo ul li {padding-left: 20px;position: relative;}
.mypage-con .accinfo ul li::before {content: '';width: 3px;height: 3px;background-color: #656d7a8f;position: absolute;left: 6px;top: 50%;transform: translateY(-50%);}
.mypage-con .myaccount .status {background: #007bff14;padding: 28px 30px 26px 32px;border-radius: 12px;margin-bottom: 22px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.mypage-con .myaccount .status .tit::before {content: '';width: 17px;height: 17px;background-image: url(../img/status-default.png);background-size: contain;background-repeat: no-repeat;position: absolute;left: 1px;top: 3px;}
.mypage-con .myaccount .status.issue {background-color: #fdf0ef;}
.mypage-con .myaccount .status.issue .tit::before {content: '';width: 17px;height: 17px;background-image: url(../img/status-issue.png);background-size: contain;background-repeat: no-repeat;position: absolute;left: 2px;top: 3px;}
.mypage-con .myaccount .status .tit {position: relative;padding-left: 30px;padding-right: 40px;padding-top: 2px;}
.mypage-con .myaccount .status .tit p {font-size: 18px;line-height: 20px;font-weight: 700;color: #1d8bff;}
.mypage-con .myaccount .status.issue .tit p {color: #ef3349;}
.mypage-con .myaccount .status p.sub {padding-left: 30px;font-size: 16px;line-height: 26px;color: #3F4750;opacity: .85;padding-top: 9px;}
.mypage-con .myaccount .status p.sub button.infobtn {color: #005fee;margin-left: 6px;text-underline-offset: 2px;text-decoration: underline;}

.mypage-con .verify-id {box-shadow: 0 2px 16px #00000014;padding: 72px 40px 84px 40px;border-radius: 18px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.mypage-con .verify-id > .tit {font-size: 23px;line-height: 30px;font-weight: 600;color: #3F4750;opacity: 1;text-align: center;padding-bottom: 30px;}
.mypage-con .verify-id .iptwrap {position: relative;width: 400px;}
.mypage-con .verify-id .iptwrap input {width: 100%;letter-spacing: -.01em;border-radius: 8px;padding: 10px 22px;font-size: 17px;line-height: 35px;color: #2f3239;}
.mypage-con .verify-id .iptwrap .errmsg {display:none;font-size: 15px;line-height: 1.6;padding-top: 12px;color:#fc4c4e;}
.mypage-con .verify-id .iptwrap.err .errmsg {display:block;}
.mypage-con .verify-id .iptwrap.err input {border-color:#fc4c4e;}
.myCon .myBody .mypage-con .verify-id .mycta {padding-top: 36px;width: 400px;}
.myCon .myBody .mypage-con .verify-id .mycta > button {width: 100%;line-height: 60px;font-size: 16px;border-radius: 10px;}




/* 모달 */
.modalDim {display:none;position: fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.4);width:100%;height:100%;}
.modalDim.active {display:block;}
.closeModal {position:absolute;right:24px;top:24px;}

/* 모달 - 로그인 */
.logmdWrap {background:#fff;border-radius:24px;padding:40px 40px 44px 40px;display:flex;position:fixed;width: 500px;min-height:220px;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;}
.logmdWrap .modalTit {display:flex;align-items:flex-start;color:#2D343F;flex-direction:column;padding-bottom: 30px;}
.logmdWrap .modalTit .modtit {font-size: 30px;font-weight:700;line-height:28px;padding:2px 0;}
.logmdWrap .modalTit .modsub {font-size: 18px;line-height:24px;font-weight:400;color: #656d7ae6;padding-top: 14px;}
.logmdWrap .modalBody {display:flex;flex-direction:column;gap: 24px;}
.logmdWrap .logininput {display:flex;flex-direction:column;gap: 22px; }
.logmdWrap .logininput .label {position:relative; font-size: 15px; color:#757575; font-weight:400; line-height:20px; padding-bottom:10px;}
.logmdWrap .logininput .data {position:relative;}
.logmdWrap .logininput .data input {width:100%;height: 58px;font-size:16px;letter-spacing:-.024em;padding:0 45px 0 18px;border-radius:8px;border-color:#f4f4f4;background:#f4f4f4;transition:.35s;}
.logmdWrap .logininput .data input:focus {background:#fff;border-color:#656d7a;box-shadow:0 2px 6px #0000001a;}
.logmdWrap .logininput .group .errmsg {display:none;font-size:14px;line-height:1.3;padding-top:8px;color:#fc4c4e;}
.logmdWrap .logininput .group.err .errmsg {display:block;}
.logmdWrap .logininput .group.err input {border-color:#fc4c4e;}
.logmdWrap .logininput .group .pwvalid {padding-top:8px;padding-bottom:2px;}
.logmdWrap .logininput .group .pwvalid ul {display:flex;flex-direction:row;gap:12px;}
.logmdWrap .logininput .group .pwvalid ul li {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:14px;line-height:20px;color:#aeaeae;gap: 2px;}
.logmdWrap .logininput .group .pwvalid ul li img {filter:grayscale(1) opacity(.4);}
.logmdWrap .logininput .group .pwvalid ul li.vld {color: #00AC78;}
.logmdWrap .logininput .group .pwvalid ul li.vld img {filter:grayscale(0) opacity(1);}
.logmdWrap .idpwresult {padding-bottom:2px;}
.logmdWrap .idpwresult ul {display:flex;flex-direction:column;gap:10px;background: #f5f5f5;border-radius:12px;padding:24px 22px;}
.logmdWrap .idpwresult ul li {display:flex;flex-direction:row;font-size:16px;line-height:20px;color:#333;}
.logmdWrap .idpwresult ul li p:first-child {color:#999;width: 100px;}
.logmdWrap .idpwresult.pw ul {background: #ECF9F0;/* box-shadow: inset 0 0 0 1.4px #e8e8e8; */}
.logmdWrap .idpwresult.pw ul li p:first-child {color: #00AC78;}
.logmdWrap .finduser {display:flex;align-items:center;justify-content:space-between;padding:0 0 8px;}
.logmdWrap .finduser button {color:#656D7A;font-size:15px;height:21px;}
.logmdWrap .finduser .lft {display:flex;align-items:center;justify-content:flex-start;font-size:15px;color:#656D79;}
.logmdWrap .finduser .lft input[type="checkbox"]+label {position:relative;padding-left:30px;height:21px;line-height:21px;cursor:pointer;}
.logmdWrap .finduser .lft input[type="checkbox"]+label::before {content:'';position:absolute;width:19px;height:19px;border:1px solid #c5ccd1;left:0;top:0;border-radius:5px;transition:.2s;background:url(../img/icn-login-idsave.svg) center center no-repeat;background-size:20px;}
.logmdWrap .finduser .lft input[type="checkbox"]+label:hover::before {background-color:#d0d4d9;}
.logmdWrap .finduser .lft input[type="checkbox"]:checked+label::before {background-color:#3b3f47;border-color:#3b3f47;}
.logmdWrap .finduser .rgt {display:flex;justify-content:flex-end;gap:14px;}
.logmdWrap .logbtngroup {display:flex;flex-direction:column;gap:16px;}
.logmdWrap button.pwvldcta {background:linear-gradient(97deg,#b0b0b0 20%,#c7c7c7 100%);border-radius: 10px;height: 63px;font-size:17px;line-height: 63px;letter-spacing:-.02em;width:100%;color:#fff;box-shadow: 0 4px 16px 0 #00000021;}
.logmdWrap button.pwvldcta.on {background: linear-gradient(90deg,#0AC290 0%,#00AEB7 100%);color: #fff;}
.logmdWrap button.mobcert {background:linear-gradient(97deg,#4e66eb 20%,#5c73f5 100%);margin-top:10px;border-radius:10px;height:55px;font-size:16px;line-height:55px;width:100%;color:#fff;box-shadow:0 4px 12px 0 #00000033;}
.logmdWrap button.loginmain {background: #3a3f49;border-radius:10px;height: 65px;font-size: 18px;line-height: 65px;letter-spacing: 0;width:100%;color:#fff;box-shadow:0 4px 12px 0 #00000033;}
.logmdWrap button.loginsub {background:#fff;border-radius:10px;display:flex;height: 60px;font-size: 17px;/* font-weight:400; */letter-spacing:-.02em;width:100%;gap:1px;color: #525961;margin-top: 0;box-shadow: inset 0 0 0 1.2px #d3d3d3;align-items:center;justify-content:center;}
.logmdWrap button.loginsub>img {opacity:.8;width:22px;}
.logmdWrap button.solo {margin-top:20px;}

/* 모달 - 선정산 금액 상세 */
.detailmdWrap {background:#fff;border-radius:24px;padding: 0;display:flex;position:fixed;width: 600px;min-height:220px;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;}
.detailmdWrap .closeModal {position:absolute;right:30px;top:30px;}
.detailmdWrap .detailmain > .shop {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 10px; font-size: 26px;font-weight: 700;line-height: 28px;color: #4a4f58;padding-left: 42px;padding-top: 44px;}
.detailmdWrap .detailmain > .shop > .status {display: inline-block;font-size: 13.4px;line-height: 32px;font-weight: 600;padding: 0 10px;background-color: #eff1f5;color: #6e7e97;border-radius: 7px;}
.detailmdWrap .detailmain > .shop > .status.issue {background-color: #ffe6e6; color:#E95752;}
.detailmdWrap .detailmain > .shop > .status.on {background-color: #e8f7ec; color: #00b17c;}
.detailmdWrap .detailmain > .date {font-size: 17px;line-height: 29px;color: #90979f;letter-spacing: -0.015em;padding-top: 8px;padding-bottom: 24px;padding-left: 42px;}
.detailmdWrap .detailmain > .price {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;padding-bottom: 26px;padding-left: 42px;}
.detailmdWrap .detailmain > .price > div > p:last-of-type {font-size: 26px;line-height: 38px;font-weight: 700;color: #4a4f58;padding-top: 10px;}
.detailmdWrap .detailmain > .price .tit {font-size: 17.4px;line-height: 18px; font-weight: 600; color: #9ca3ab; }
.detailmdWrap .detailmain > .price span {padding-right: 2px;}
.detailmdWrap .detailmain > .price > .origin {width: 240px;}
.detailmdWrap .detailmain > .price > .rest {border-left: 1px solid #ddd; padding-left: 30px;}
.detailmdWrap .detailmain > .price > .origin > .tit {color: #00a775;opacity: .8;}
.detailmdWrap .detailmain .cancel {text-decoration: line-through;}
.detailmdWrap .detailmain > .commss {display: flex;background-color: #ECF9F0;padding: 14px 24px;font-size: 16px;line-height: 30px;color: #3F4750;border-radius: 12px;justify-content: space-between;align-items: center;flex-direction: row;letter-spacing: -0.015em;margin: 0 34px 28px 34px;}
.detailmdWrap .detailmain > .commss p:first-of-type {color: #00AC78;letter-spacing: -0.03em;}
.detailmdWrap .detailmain > .commss p > span {font-weight: 700;padding-right: 2px;color: #39424c;}
.detailmdWrap .detailtab {border-top: 12px solid #F4F4F4;padding-bottom: 40px;}
.detailmdWrap .detailtab .tabmenu .tabli {display: flex;align-items: center;justify-content: flex-start;gap: 24px;flex-direction: row;padding-left: 36px;padding-top: 8px;border-bottom: 1px solid #ddd;margin-bottom: 26px;}
.detailmdWrap .detailtab .tabmenu .tabli button {display: flex;font-size: 16px;color: #9FA3A8;gap: 10px;border-bottom: 2px solid #fff;letter-spacing: -0.015em;height: 50px;font-weight: 500;padding: 0 2px;transition: .25s ease;align-items: center;flex-direction: row;justify-content: flex-start;}
.detailmdWrap .detailtab .tabmenu .tabli button.on {color: #535a62;border-color: #535A62;font-weight: 700;}
.detailmdWrap .detailtab .tabwrap {padding-right: 12px;}
.detailmdWrap .detailtab .tabwrap .tabinner {display: flex;flex-direction: column;padding: 6px 24px 30px 34px;max-height: 380px;min-height: 300px;overflow-y: auto;}
.detailmdWrap .detailtab .tabwrap .tabinner::-webkit-scrollbar {width: 5px; }
.detailmdWrap .detailtab .tabwrap .tabinner::-webkit-scrollbar-thumb {height: 1px; border-radius: 5px; background:#dbdfe2;}
.detailmdWrap .detailtab .tabwrap .tabinner::-webkit-scrollbar-track {background: transparent;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d {padding: 0px;margin:0;display:flex;flex-direction:column;gap: 5px;font-size: 16px;line-height: 30px;color: #525961;/* background: #F4F5F6; *//* border-radius: 14px; */}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d > li {display: flex;align-items: center;justify-content: space-between;flex-direction: row;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d > li > p:first-child {padding-left: 8px;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d > li > p:last-child {font-weight: 600;letter-spacing: -0.02em;color: #373F47;padding-right: 10px;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d > li > p:last-child > span {padding: 0 5px;/* font-weight: 700; */}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .hr {width: 100%;height: 1px;background: #C9CED7;margin: 14px 6px;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d {background: #F6F7F8;width: 100%;border-radius: 12px;padding: 16px 24px;font-size: 15px;line-height: 30px;font-weight: 400;color: #616a75;width: 100%;margin: 8px 0 14px 0;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li {display: flex;align-items: center;justify-content: space-between;flex-direction: row;position: relative;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li > p:last-child {font-weight: 600;letter-spacing: 0;color: #5e646f;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li > p:last-child > span {padding: 0 5px;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li.plus > p:first-of-type, .detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li.minus > p:first-of-type {position: relative;padding-left: 20px;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li.plus > p:first-of-type::before {content: '+';position: absolute;left: 0;font-size: 17px;top: -2px;font-weight: 400;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li.minus > p:first-of-type::before {content: '-';position: absolute;left: 0;font-size: 17px;top: -2px;font-weight: 400;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li.minus > p:last-child {color: #E95752;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li.info {flex-direction: column;align-items: flex-start;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li.info > p.tit  {color: #E95752; font-weight: 600;}
.detailmdWrap .detailtab .tabwrap .history-md .detail-1d .detail-2d > li.info > p  {color: #535A62; font-weight: 500;}
.detailmdWrap .detailtab .tabwrap .timeline {padding-top: 8px;padding-left: 10px;/* padding-right: 10px; */}
.detailmdWrap .detailtab .tabwrap .timeline ul li {border-left:1px solid #ddd;padding: 0 0 46px 28px;}
.detailmdWrap .detailtab .tabwrap .timeline ul li:last-child {padding-bottom: 0;}
.detailmdWrap .detailtab .tabwrap .timeline li .date {position: relative;font-size: 15px;padding-bottom: 8px;color: #90979f;letter-spacing: -0.015em;margin-top: -3px;}
.detailmdWrap .detailtab .tabwrap .timeline li .date::before {content: '';position: absolute;width: 13px;height: 13px;top: 2px;left: -34px;border-radius: 200px;background-color: #fff;box-shadow: inset 0 0 0 1.2px #c9c9c9;}
.detailmdWrap .detailtab .tabwrap .timeline li .rest {font-size: 20px;line-height: 26px;font-weight: 700;letter-spacing: -0.025em;padding-bottom: 18px;color: #4a4f58;}
.detailmdWrap .detailtab .tabwrap .timeline li:first-child .date::before {background-color: #00AC78;box-shadow: 0 0 0 5px #d2edd6;width: 10px;height: 10px;left: -33px;top: 4px;}
.detailmdWrap .detailtab .tabwrap .timeline li .rest span {padding-right: 3px;}
.detailmdWrap .detailtab .tabwrap .timeline li table {width: 100%;}
.detailmdWrap .detailtab .tabwrap .timeline li table thead tr {background-color: #F6F7F8;border-radius: 8px;}
.detailmdWrap .detailtab .tabwrap .timeline li table thead th {font-size: 14px;font-weight: 400;line-height: 40px;color: #525961;}
.detailmdWrap .detailtab .tabwrap .timeline li table tbody tr {border-bottom: 1px solid #e8e8e8;}
.detailmdWrap .detailtab .tabwrap .timeline li table tbody td {text-align: right;font-size: 14px;line-height: 36px;color: #3f4750;padding-right: 20px;}
.detailmdWrap .detailtab .tabwrap .timeline li table tbody td:first-of-type {padding-left: 18px;text-align: left;color: #525961;font-weight: 400;padding-right: 0;}
.detailmdWrap .detailtab .tabwrap .timeline li:last-of-type {border-left: 0;}

/* 모달 - 오픈 알림 신청 */
.openalarmmdWrap {background: #fff; border-radius: 24px; padding: 0; display: flex; position: fixed; width: 950px; min-height: 220px; top: 50%; left: 50%; transform: translate(-50%, -50%); flex-direction: row; justify-content: flex-start; overflow: hidden;}
.openalarmmdWrap .alarmtitle {width: 400px;padding: 64px 0 0 54px;background: url(../img/openalarm.jpg) no-repeat right top;background-size: cover;}
.openalarmmdWrap .alarmtitle p.tit {font-size: 40px;font-weight: 700;line-height: 1.3;color: #303947;}
.openalarmmdWrap .alarmtitle p.tit span {color: #00B780;}
.openalarmmdWrap .alarmtitle p.sub {font-size: 18px;font-weight: 500;line-height: 1.9;color: #3F4750;opacity: .75;padding-top: 14px;}
.openalarmmdWrap .infoinput {padding: 46px 44px 50px 34px;flex: 1;display: flex;flex-direction: column;gap: 18px;}
.openalarmmdWrap .infoinput .group p.label{font-size: 14px;color: #656D7A;line-height: 28px;padding-bottom: 4px;font-weight: 400;}
.openalarmmdWrap .infoinput .group input{width: 100%;height: 52px;font-size: 16px;letter-spacing: -.024em;padding: 0 45px 0 18px;border-radius: 8px;border-color: #ddd;background: #ffffff;transition: .35s;}
.openalarmmdWrap .infoinput .group .alarmcheckgrp {display: flex; gap: 10px;}
.openalarmmdWrap .infoinput .group .alarmcheckgrp label {display: flex;align-items: center;padding: 0;flex: 1;border-radius: 8px;background-color: #f4f5f7;box-shadow: inset 0 0 0 1.2px #dadde36b;color: #888D93;cursor: pointer;text-align: center;font-size: 15.2px;line-height: 52px;transition: .2s;justify-content: center;}
.openalarmmdWrap .infoinput .group .alarmcheckgrp input[type="checkbox"] {display: none;}
.openalarmmdWrap .infoinput .group .alarmcheckgrp label:has(input:checked) {background: #ffffff;color: #00bb83;box-shadow: inset 0 0 0 1.2px #0ac191;}
.openalarmmdWrap .infoinput .group .alarmcheckgrp label:hover {box-shadow: inset 0 0 0 1.2px #d3d3d3;background-color: #fff;}
.openalarmmdWrap .infoinput .group.term {padding-top: 20px;}
.openalarmmdWrap .infoinput .group.term input[type="checkbox"]+label {position: relative;padding-left: 28px;height: 20px;line-height: 20px;font-size: 16px;color: #3f4750e0;cursor: pointer;}
.openalarmmdWrap .infoinput .group.term input[type="checkbox"]+label::before {content: '';position: absolute;width: 18px;height: 18px;border: 1px solid #DDDDDD;left: 0;top: 0;border-radius: 5px;transition: .2s;background: url(../img/icn-filter-check.svg) center center no-repeat;background-size: auto;}
.openalarmmdWrap .infoinput .group.term input[type="checkbox"]+label:hover::before {background-color: #fff;border-color: #0AC191;} 
.openalarmmdWrap .infoinput .group.term input[type="checkbox"]:checked+label::before {background-color: #0AC191;border-color: #0AC191;}
.openalarmmdWrap .infoinput .termtext{background-color: #f4f5f7;border-radius: 8px;padding: 20px 26px;font-size: 15px;line-height: 25px;color: #3f4750e0;font-weight: 400;max-height: 110px;overflow-y: auto;}
.openalarmmdWrap .infoinput .termtext::-webkit-scrollbar {width: 5px; }
.openalarmmdWrap .infoinput .termtext::-webkit-scrollbar-thumb {height: 1px; border-radius: 5px; background:#dbdfe2;}
.openalarmmdWrap .infoinput .termtext::-webkit-scrollbar-track {background: transparent;}
.openalarmmdWrap .infoinput button.apply {width: 100%;background: #3b414b;color: #fff;font-size: 18px;height: 64px;border-radius: 12px;margin-top: 30px;}

/* 모달 - 차액 상세 */
.restmdWrap {background:#fff;border-radius:24px;padding: 40px;display:flex;position:fixed;width: 450px;min-height:220px;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;}
.restmdWrap .resttit {font-size: 24px;font-weight: 700;line-height: 28px;color: #292e33;}
.restmdWrap .restbox {padding-top: 22px;}
.restmdWrap .restbox ul li {display: flex;justify-content: space-between;align-items: center;font-size: 16px;line-height: 35px;color: #3f4750;padding: 2px 0;}
.restmdWrap .restbox ul li p:first-of-type {opacity: .6;}


/* 모달 - 계좌 변경 안내 */
.accoinfomdWrap {background:#fff;border-radius:24px;padding: 40px 34px 40px 40px;display:flex;position:fixed;width: 670px;min-height:220px;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;}
.accoinfomdWrap > .tit {padding-bottom: 32px; font-size: 22px;font-weight: 700;line-height: 28px;color: #292e33;}
.accoinfomdWrap .infowrap {height: 600px;overflow-y: auto;padding-right: 24px;}
.accoinfomdWrap .infowrap::-webkit-scrollbar {width: 5px; }
.accoinfomdWrap .infowrap::-webkit-scrollbar-thumb {height: 1px; border-radius: 5px; background:#dbdfe2;}
.accoinfomdWrap .infowrap::-webkit-scrollbar-track {background: transparent;}
.accoinfomdWrap .infowrap .group {padding-bottom: 50px;}
.accoinfomdWrap .infowrap .group img {width: 100%;border:1px solid #ddd;border-radius: 12px;}
.accoinfomdWrap .infowrap .group > .tit {font-size: 18px;font-weight: 600;color: #39424c;line-height: 1.6;}
.accoinfomdWrap .infowrap .group > .sub {font-size: 16px;line-height: 1.7;font-weight: 400;color: #5e646f;padding-bottom: 22px;word-break: keep-all;padding-top: 4px;}


/* 얼럿 - 기본 */
.alrtWrap {background:#fff;width: 370px;padding: 28px;display:flex;position:fixed;top:50%;left:50%;border-radius: 24px;transform:translate(-50%,-50%);flex-direction:column;}
.alrtWrap p.tit {color: #32383f; margin-top: 6px;margin-bottom: 12px;font-weight: 600;text-align: center;font-size: 19px;line-height: 25px;padding: 0 15px;}
.alrtWrap p.sub {font-weight: 400;font-size: 17px;text-align: center;line-height: 29px;color: #656d7a;padding: 0 8px;word-break: keep-all;}
.alrtWrap .alrtbtngroup {padding-top: 30px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 10px;}
.alrtWrap .alrtbtngroup button {font-weight: 700;font-size: 16px;line-height: 30px;width: 100%;margin-right: 0;padding: 10px 12px;border: 1px solid #ddd;border-radius: 10px;}
.alrtWrap .alrtbtngroup button.primary {background-color: #11c38e; border-color: #11c38e; color: #fff;flex: 1;}
.alrtWrap .alrtbtngroup button.close {flex: 1; font-weight: 500; text-align: center; background-color: #EBEBEB; color: #676767;}
.alrtWrap .alrtbtngroup button.checked {width: 100%;font-weight: 600;text-align: center;background-color: #505662;color: #fff;border-color: #505662;}

/* 얼럿 - primary */
.bigalrtWrap {background:#fff;border-radius:24px;padding: 35px;display:flex;position:fixed;width: 390px;min-height:220px;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;}
.bigalrtWrap p.tit {font-size: 23px;line-height: 28px;font-weight: 700; color: #343B42; padding-top: 3px; padding-bottom: 14px;}
.bigalrtWrap p.sub {font-size: 17px; line-height: 30px; color: #3F4750; opacity: .68; word-break: keep-all;}
.bigalrtWrap .alrtbtngroup {padding-top: 30px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 10px;}
.bigalrtWrap .alrtbtngroup button {font-size: 17px;font-weight: 600; height: 61px;border-radius: 12px;}
.bigalrtWrap .alrtbtngroup button.primary {background-color: #11c38e; border-color:#11c38e; color: #fff;flex: 1;}
.bigalrtWrap .alrtbtngroup button.close {flex: 1; font-weight: 500; text-align: center; background-color: #EBEBEB; color: #676767;}
.bigalrtWrap .alrtbtngroup button.checked {width: 100%;font-weight: 500; text-align: center; background-color: #505662; color: #fff;}


/* 텍스트 애니메이션 */
.textani{opacity:0;transform:translateY(60px);transition:opacity 0.9s cubic-bezier(.25,.46,.45,.94),transform 0.9s cubic-bezier(.25,.46,.45,.94);will-change:transform, opacity;}
.textani.show{opacity:1;transform:translateY(0);}
.textani.delay1{transition-delay:.05s;}
.textani.delay2{transition-delay:.2s;}
.textani.delay3{transition-delay:.3s;}
.textani.delay4{transition-delay:.5s;}
.textani.delay5{transition-delay:.7s;}

/* 반응형 
@media screen and (max-width:768px){
.applyCon .settleBox  {padding:24px 16px;}
.applyCon .settleBox .box-layout {grid-template-columns:1fr;gap:24px;}
.settle-sum {position:fixed; top: initial; bottom:0; left:0; right:0; z-index:100; padding:12px 16px;}
.settle-mall {padding-bottom:140px;}

.historyCon .history-table thead {display:none;  }
.historyCon .history-table, .settle-table tbody, .settle-table tr, .settle-table td {display:block;width:100%;  }
.historyCon .history-table tr {background:#fff;padding:16px;margin-bottom:14px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05);  }
.historyCon .history-table td {display:flex;justify-content:space-between;padding:6px 0;font-size:14px;  }
.historyCon .history-table td::before {content:attr(data-label);font-weight:600;color:#666;  } 
}
@media screen and (max-width:500px){
.logmdWrap {width:100%;min-height:100dvh;border-radius:0;padding:22px;}
.logmdWrap .modalTit {padding-top:10px;padding-bottom:24px;}
}*/
















/* 선정산 1차 심사 페이지용 260401 */
.mainCon.pre .submitbtn {display: flex;justify-content: center;padding-top: 40px;}
.mainCon.pre .submitbtn button.submit {transition: .3s ease;padding: 22px 35px;display: flex;border-radius: 500px;text-decoration: none;font-weight: 600;gap: 16px;font-size: 19px;line-height: 26px;background: #21b78a !important;color: #fff !important;border: none !important;outline: none !important;box-shadow: 0 4px 16px #00ac7838, 0 12px 34px #00ac7821;flex-direction: row;justify-content: center;align-items: center;}
.mainCon.pre .submitbtn button:hover {transform: translateY(-8px);background-color:#2e3237;}
.mainCon.pre button.submit img {height: 14px;}
.mainCon.pre .featureBox {padding: 60px 20px 190px 20px;}
.mainCon.pre .featureBox .featwrap {padding-top: 75px;}
.mainCon.pre .featureBox > p.tit {font-size: 54px;line-height: 1.3;font-weight: 700;color: #46434b;padding-bottom: 20px;text-align: center;}
.mainCon.pre .featureBox > p.tit span {color:#00ac78;}
.mainCon.pre .featureBox > p.sub {font-size: 21px;line-height: 1.7;color: #656d7a;opacity: .8;text-align: center;}
.mainCon.pre .featureBox .featwrap ul li {background-color: #f4f5f7 !important;}
.mainCon.pre .featureBox .featwrap li > .txt > p.tit {color: #46434b;font-size: 30px;}
.mainCon.pre .featureBox .featwrap li > .txt > p.sub {color: #32383F;opacity: .7;padding-top: 16px;font-size: 21px;line-height: 1.7;padding-bottom: 20px;}
.mainCon.pre .faqBox {padding: 0 20px;}
.mainCon.pre .faqBox .faq-a {display: block;}
.mainCon.pre .alarmBox .alarmwrap button {background-color: #2d3641db;font-size: 21px;transition: .3s ease;color: #fff;padding: 0 50px;height: 72px;border-radius: 200px;}
.mainCon.pre .alarmBox .alarmwrap p.tit br {display: none;}

/* 모달 - 선정산 파일럿 1차 신청 260401 */
.scrnmdWrap {background: #fff;border-radius: 24px;padding: 0;display: flex;position: fixed;width: 1020px;height: calc(85dvh);/* max-height: 600px; */top: 50%;left: 50%;transform: translate(-50%, -50%);flex-direction: row;justify-content: flex-start;overflow: hidden;}
.scrnmdWrap .alarmtitle {width: 390px;padding: 64px 30px 0 54px;background: url(../img/openalarm.jpg) no-repeat center top;background-size: cover;}
.scrnmdWrap .alarmtitle p.tit {font-size: 40px;font-weight: 700;line-height: 1.3;color: #303947;}
.scrnmdWrap .alarmtitle p.tit span {color: #00B780;}
.scrnmdWrap .alarmtitle p.sub {font-size: 18px;font-weight: 500;line-height: 1.9;color: #3F4750;opacity: .75;padding-top: 14px;}
.scrnmdWrap .infoinput {padding: 54px 46px 50px 36px;flex: 1;display: flex;flex-direction: column;gap: 20px;}
.scrnmdWrap .infoinput .infoscroll {padding-bottom: 22px;height: calc(100% - 60px);overflow-y: auto;display: flex;flex-direction: column;gap: 24px;padding-right: 22px;}
.scrnmdWrap .infoinput .infoscroll::-webkit-scrollbar {width: 6px; }
.scrnmdWrap .infoinput .infoscroll::-webkit-scrollbar-thumb {height: 1px; border-radius: 6px; background:#dbdfe2;}
.scrnmdWrap .infoinput .infoscroll::-webkit-scrollbar-track {background: transparent;}
.scrnmdWrap .infoinput .infoscroll .labeltit {color: #3f4750;font-size: 20px;font-weight: 600;}
.scrnmdWrap .infoinput .infoscroll .labeltit .sub {font-size: 16px;line-height: 1.4;padding-top: 12px;padding-bottom: 6px; opacity: .7;font-weight: 400;}
.scrnmdWrap .infoinput .group p.label{position: relative;font-size: 15px;color: #525961;line-height: 26px;padding-bottom: 8px;/* font-weight: 400; */}
.scrnmdWrap .infoinput .group p.label.must::after {content: '*';font-size: 16px;line-height: 10px;top: 7px;color: #e95752;position: absolute;padding-left: 3px;}
.scrnmdWrap .infoinput .group .iptbox {width: 100%;height: 50px;font-size: 15px;letter-spacing: -.024em;padding: 0 16px;border-radius: 8px;/* border-color: #ddd; */background: #ffffff;transition: .2s;}
.scrnmdWrap .infoinput .group .alarmcheckgrp {display: flex; gap: 10px;}
.scrnmdWrap .infoinput .group .alarmcheckgrp label {display: flex;align-items: center;padding: 0;flex: 1;border-radius: 8px;background-color: #f4f5f7;box-shadow: inset 0 0 0 1.2px #dadde36b;color: #888D93;cursor: pointer;text-align: center;font-size: 15.2px;line-height: 50px;transition: .2s;justify-content: center;}
.scrnmdWrap .infoinput .group .alarmcheckgrp input[type="checkbox"] {display: none;}
.scrnmdWrap .infoinput .group .alarmcheckgrp label:has(input:checked) {background: #ffffff;color: #00ac78;box-shadow: inset 0 0 0 1.2px #00ac78;}
.scrnmdWrap .infoinput .group .alarmcheckgrp label:hover {background: #ffffff;color: #00ac78;box-shadow: inset 0 0 0 1.2px #00ac78;}
.scrnmdWrap .infoinput .group.term {position: relative;padding-top: 0px;margin-bottom: -8px;}
.scrnmdWrap .infoinput .group.term input[type="checkbox"]+label {position: relative;padding-left: 32px;height: 20px;line-height: 20px;font-size: 16px;color: #3f4750e0;cursor: pointer;}
.scrnmdWrap .infoinput .group.term input[type="checkbox"]+label::before {content: '';position: absolute;width: 18px;height: 18px;border: 1px solid #DDDDDD;left: 0;top: 0;border-radius: 5px;transition: .2s;background: url(../img/icn-filter-check.svg) center center no-repeat;background-size: auto;}
.scrnmdWrap .infoinput .group.term input[type="checkbox"]:checked+label::before {background-color: #16bf8c;border-color: #16bf8c;}
.scrnmdWrap .infoinput .termtext{background-color: #f4f5f7;border-radius: 10px;padding: 18px 24px;font-size: 14px;line-height: 25px;color: #3f4750e0;font-weight: 400; height: 120px; min-height: 120px;overflow-y: auto;/* display: block; */}
.scrnmdWrap .infoinput .termtext::-webkit-scrollbar {width: 5px; }
.scrnmdWrap .infoinput .termtext::-webkit-scrollbar-thumb {height: 1px; border-radius: 5px; background:#dbdfe2;}
.scrnmdWrap .infoinput .termtext::-webkit-scrollbar-track {background: transparent;}
.scrnmdWrap .infoinput button.apply {width: 100%;background: #3b414b;color: #fff;font-size: 18px;line-height: 64px;/* height: 64px; */display: block;border-radius: 12px;/* margin-top: 30px; */}

.scrnmdWrap .infoinput .group .filter-group {display:flex;gap: 10px;padding-top: 2px;color: #3F4750;flex-direction: row;justify-content: flex-start;align-items: center;}
.scrnmdWrap .infoinput .group .filter-radio label {position: relative;display:flex;align-items:center;padding: 0;border-radius: 8px;background: #fff;box-shadow: inset 0 0 0 1.2px #dadde3;color: #525961;font-size: 15.2px;line-height: 46px;transition: .3s;flex: 1;cursor: pointer;justify-content: center;}
.scrnmdWrap .infoinput .group .filter-radio input[type="radio"] {display:none;}
.scrnmdWrap .infoinput .group .filter-radio label:has(input:checked) {background: #ffffff; color: #00ac78; box-shadow: inset 0 0 0 1.2px #00ac78;}


/* .scrnmdWrap .infoinput .group .filter-group {display:flex;align-items:center;gap: 10px; padding-top: 6px; font-size: 16px;height: 34px;color: #3F4750;flex-wrap: nowrap;flex-direction: row;justify-content: flex-start;}
.scrnmdWrap .infoinput .group .filter-radio label {position: relative;display:flex;align-items:center;padding: 2px 26px 2px 26px;border-radius: 8px;background: #fff;color: #525961;cursor:pointer;font-size: 16px;line-height: 20px;transition: .1s;text-align: center;width: auto;justify-content: flex-start;}
.scrnmdWrap .infoinput .group .filter-radio input[type="radio"] {display:none;}
.scrnmdWrap .infoinput .group .filter-radio label:has(input:checked) {}
.scrnmdWrap .infoinput .group .filter-radio label::before {content: '';position: absolute;width: 18px;height: 18px;border-radius: 500px;border: 1px solid #DDDDDD;box-sizing: border-box;left: 0;top: 3px;transition: .2s; } */


@media screen and (max-width:1000px){
    .scrnmdWrap {width: 100%;height: 100dvh;overflow-y: auto;border-radius: 0;flex-direction: column;}
    .scrnmdWrap .alarmtitle {width: 100%;padding: 40px 40px 30px 24px;/* text-align: center; */}
    .scrnmdWrap .alarmtitle p.tit {font-size: 26px;}
    .scrnmdWrap .alarmtitle p.sub {font-size: 16px;line-height: 1.7;padding-top: 10px;}
    .scrnmdWrap .alarmtitle p.tit br {display: none;}
    .scrnmdWrap .infoinput {padding: 34px 24px;height: auto;}
    .scrnmdWrap .infoinput .infoscroll {padding-right: 0;}
    .scrnmdWrap .infoinput .group.term input[type="checkbox"]+label {font-size: 15px;}
    .scrnmdWrap .infoinput .group .alarmcheckgrp {gap: 8px;}
    .scrnmdWrap .infoinput .group .alarmcheckgrp label {font-size: 14px;line-height: 1.3;padding: 8px 8px;word-break: keep-all;}
    .scrnmdWrap .infoinput .group .alarmcheckgrp label:hover {background: #f4f5f7;color: #888D93;box-shadow: inset 0 0 0 1.2px #dadde36b;} /* 20260406 수정 */
    .scrnmdWrap .infoinput .infoscroll .labeltit .sub {padding-bottom: 0;}
    .scrnmdWrap .infoinput .termtext {height: 110px;}

    .mainCon.pre {padding: 0 16px;}
    .mainCon.pre .featureBox {width: 100%;padding: 22px 0;}
    .mainCon.pre .featureBox .featwrap ul {flex-direction: column;gap: 16px;}
    .mainCon.pre .featureBox .featwrap ul li {width: 100%;}
    .mainCon.pre .featureBox > p.tit {font-size: 30px;line-height: 1.35;word-break: keep-all;padding-bottom: 18px;}
    .mainCon.pre .featureBox > p.sub {font-size: 18px;}
    .mainCon.pre .featureBox .featwrap ul li img {width: 100%;}
    .mainCon.pre .submitbtn {padding-top: 24px;}
    .mainCon.pre .submitbtn button.submit {padding: 16px 26px;gap: 12px;font-size: 16px;}
    .mainCon .featureBox .featwrap li > .txt {padding: 40px 0 0 0;text-align: center;}
    .mainCon.pre .featureBox .featwrap li > .txt > p.tit {font-size: 25px;}
    .mainCon.pre .featureBox .featwrap li > .txt > p.sub {font-size: 18px; padding-bottom: 0;}
    .mainCon.pre .faqBox {width: 100%;padding: 0;}
    .mainCon.pre .faqBox > .fqwrap > p.tit {font-size: 28px;padding: 68px 0 32px 0;}
    .mainCon.pre .faqBox .faq-toggle {display: none;}
    .mainCon.pre .faqBox .faq-q {padding: 30px 0 10px 0;}
    .mainCon.pre .faqBox .faq-a {padding: 0 0 28px 0;font-size: 16px;line-height: 1.7;word-break: keep-all;}
    .mainCon.pre .faqBox .faq-q p { font-size: 18px;line-height: 30px;word-break: keep-all;}
    .mainCon.pre .faqBox .faq-q p > span {padding-right: 10px;}
    .mainCon.pre .faqBox .faq-item {padding: 0 10px;}
    .mainCon.pre .featureBox .featwrap {padding-top: 44px;}
    

    .mainCon.pre .alarmBox {width: calc(100% + 32px);padding: 80px 0 0 0;margin-left: -16px;}
    .mainCon.pre .alarmBox .alarmwrap p.tit {font-size: 26px;text-align: center; word-break: keep-all;} /* 20260406 수정 */
    .mainCon.pre .alarmBox .alarmwrap p.tit br {display: block;}
    .mainCon.pre .alarmBox .alarmwrap {padding: 44px 20px 42px 20px;border-radius: 0;}
    .mainCon.pre .alarmBox .alarmwrap p.sub {font-size: 16px;word-break: keep-all;text-align: center;line-height: 1.6;padding-bottom: 24px;}
    .mainCon.pre .alarmBox .alarmwrap p.sub br {display: block;}
    .mainCon.pre .alarmBox .alarmwrap button {font-size: 14px;height: 56px;padding: 0 26px;}

    footer .footer.pre .corpinfo {flex-direction: column;width: 100%;padding: 50px 20px 20px 26px;}
    footer .footer.pre .corpinfo .ci img {width: 150px;}
    footer .footer.pre .corpinfo .info p {display: flex;font-size: 13px;line-height: 1.75; width: 100%;} /* 20260406 수정 */
    footer .footer.pre .corpinfo .info p:nth-child(2){padding-top: 6px;}
    footer .footer.pre .corpinfo .info {padding: 20px 0;width: 100%;}/* 20260406 수정 */
    footer .footer.pre .corpinfo .info p br {display: block;}/* 20260406 수정 */
    footer .footer.pre .corpinfo .info p img {display: none;}/* 20260406 수정 */

}

