@charset "utf-8";

/* 공통 버튼 */
.btn {display:inline-flex; align-items:center; justify-content:center; padding:0 var(--space-20); height:44px; border-radius:var(--radius-8); font-size:var(--font-size-15); font-weight:700; cursor:pointer; text-decoration:none; border:2px solid transparent; transition:background .2s, color .2s, border-color .2s;}
.btn.dark {background:var(--color-bk); color:#fff; border-color:var(--color-bk);}
.btn.dark:hover {background:#444; border-color:#444;}
.btn.outline {background:transparent; color:var(--color-bk); border-color:var(--color-bk);}
.btn.outline:hover {background:var(--color-bk); color:#fff;}
.btn.primary {background:var(--color-primary); color:#fff; border-color:var(--color-primary);}
.btn.primary:hover {opacity:.85;}
.btn.wh {background:#fff; color:var(--color-bk); border-color:#fff;}

/* 장바구니 빈 상태 */
.cart-empty {padding:var(--space-80) 0; text-align:center;}
.cart-empty p {font-size:var(--font-size-18); color:rgba(255,255,255,.6); margin-bottom:var(--space-25);}

.s-head {margin-bottom:var(--space-60); font-size:var(--font-size-60); font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#fff; font-family:"Barlow Condensed";}

.sub-tab {margin-bottom:var(--space-30);}
.sub-tab ul {display:flex; gap:0 var(--space-8);}
.sub-tab ul li a {padding:0 var(--space-25); font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.33em; font-family:"Barlow Condensed"; background:rgba(255, 255, 255, .08); border-radius:50px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; height:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.sub-tab ul li.active a {background:#fff; color:#121212;}

.root_daum_roughmap,
.root_daum_roughmap .wrap_map {overflow:hidden; height:100% !important; /* height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important;;*/ width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

/* 강의 현황 - program-list 카드 (Figma 스타일) */
.mypage-gate .program-list .card .cont {gap:var(--space-20);}
.mypage-gate .program-list .card .tags {margin-bottom:0;}
.mypage-gate .program-list .card .tag.status {background:var(--color-bk); color:#fff;}
.mypage-gate .program-list .card .tit-wrap {display:flex; flex-direction:column; gap:var(--space-5);}
.mypage-gate .program-list .card .tit-wrap .tit {margin-bottom:0;}
.mypage-gate .program-list .card .detail {display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.mypage-gate .program-list .card .detail .date,
.mypage-gate .program-list .card .detail .category {font-size:var(--font-size-18); font-weight:700; line-height:30px; color:#878787;}
.mypage-gate .program-list .card .detail .desc {font-size:var(--font-size-18); font-weight:500; line-height:30px; color:#878787;}
.mypage-gate .program-list .card .time-row {display:flex; align-items:center; gap:var(--space-30);}
.mypage-gate .program-list .card .time-row .time {margin-bottom:0;}
.mypage-gate .program-list .card .time-row .count {padding-left:26px; position:relative; display:flex; align-items:center; margin:0; font-size:var(--font-size-24); font-family:"Barlow Condensed",sans-serif; font-weight:600; line-height:40px;}
.mypage-gate .program-list .card .time-row .count:before {width:18px; height:18px; background-image:url("/images/member/lecture-ico.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; content:''; left:0; top:50%; transform:translateY(-50%);}
.mypage-gate .program-list .card .time-row .count .current {color:#fff;}
.mypage-gate .program-list .card .time-row .count .slash,
.mypage-gate .program-list .card .time-row .count .total {color:#878787;}
.mypage-gate .program-list .card:hover .time-row .count .current {color:var(--color-bk);}
.mypage-gate .program-list .card:hover .time-row .count .slash,
.mypage-gate .program-list .card:hover .time-row .count .total {color:#A8A8A8;}
.mypage-gate .program-list .card:hover .time-row .count:before {background-image:url("/images/member/lecture-ico-on.png");}

.mypage-gate .program-list .card .chk-wrap {flex-shrink:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:var(--space-30);}
.mypage-gate .program-list .card .chk-box {display:inline-flex; justify-content:center; align-items:center; width:18px; height:18px; background:#2C2C2C; cursor:pointer;}
.mypage-gate .program-list .card .chk-box .chk {position:absolute; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.mypage-gate .program-list .card .chk-box .check {display:none; width:10px; height:8px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); box-sizing:border-box;}
.mypage-gate .program-list .card .chk-box .chk:checked + .check {display:block;}
.mypage-gate .program-list .card .chk-box:has(.chk:checked) {background:var(--color-primary); border-color:var(--color-primary);}
.mypage-gate .program-list .card .body {flex:1 1 0; min-width:0; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:var(--space-30);}
.mypage-gate .program-list .card .body .cont {gap:5px;}
.mypage-gate .program-list .card .body .cont .tags {margin-bottom:10px;}
.mypage-gate .program-list .card .body .cont .tit {margin-bottom:0;}
.mypage-gate .program-list .card .body .cont .lec {font-size:18px; margin-bottom:10px; letter-spacing:-0.02em; font-weight:500; color:#878787;}
.mypage-gate .program-list .card .body .cont .lec strong {font-weight:700;}
.mypage-gate .program-list .card .body .cont .time {margin-bottom:0;}
.mypage-gate .program-list .card:hover .chk-box {border:1px solid #DDD; background:#F5F5F5;}

/* 신청 상세 팝업 - apply-detail */
.pop-wrap .apply-detail {padding:var(--space-40); position:relative; background:#fff; border-radius:var(--radius-16); display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-60);}
.pop-wrap .apply-detail .scroll-track {position:absolute; right:0; top:0; width:4px; min-height:468px; background:#DFDFDF; border-radius:500px;}
.pop-wrap .apply-detail .scroll-thumb {width:4px; height:100px; background:#A8A8A8; border-radius:500px;}
.pop-wrap .apply-detail .head {display:flex; flex-direction:column; gap:var(--space-40); align-self:stretch;}
.pop-wrap .apply-detail .tags {display:inline-flex; align-items:center; gap:6px;}
.pop-wrap .apply-detail .tag {padding:6px 8px; background:#EEEEEE; border-radius:4px; font-size:var(--font-size-14); font-weight:600; line-height:16px; color:#676767;}
.pop-wrap .apply-detail .tag.primary {background:var(--color-primary); color:#fff;}
.pop-wrap .apply-detail .tag.dark {background:var(--color-bk); color:#fff;}
.pop-wrap .apply-detail .tit-block {display:flex; flex-direction:column; gap:12px;}
.pop-wrap .apply-detail .tit-wrap {display:flex; flex-direction:column; gap:4px;}
.pop-wrap .apply-detail .tit-block .tit {font-size:var(--font-size-32); font-weight:700; line-height:48px; color:var(--color-bk); margin:0;}
.pop-wrap .apply-detail .tit-block .meta {display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap;}
.pop-wrap .apply-detail .tit-block .day,
.pop-wrap .apply-detail .tit-block .category {font-size:var(--font-size-18); font-weight:700; line-height:30px; color:#676767;}
.pop-wrap .apply-detail .tit-block .lec {font-size:var(--font-size-18); font-weight:500; line-height:30px; color:#A8A8A8;}
.pop-wrap .apply-detail .tit-block .time {font-size:var(--font-size-24); font-family:"Barlow Condensed", sans-serif; font-weight:600; line-height:40px; color:#A8A8A8; margin:0;}
.pop-wrap .apply-detail .body {align-self:stretch; display:flex; align-items:center; gap:var(--space-50);}
.pop-wrap .apply-detail .body .image {width:320px;}
.pop-wrap .apply-detail .body .img {position:relative; padding-bottom:125%; overflow:hidden;}
.pop-wrap .apply-detail .body .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.pop-wrap .apply-detail .body .info {flex:1 1 0; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:var(--space-40);}
.pop-wrap .apply-detail .body .block {display:flex; flex-direction:column; gap:16px;}
.pop-wrap .apply-detail .body .label {font-weight:600; line-height:24px; color:#878787; margin:0;}
.pop-wrap .apply-detail .body .name {display:flex; align-items:center; gap:6px; margin:0;}
.pop-wrap .apply-detail .body .name strong {font-size:var(--font-size-26); font-weight:700; line-height:40px; color:var(--color-bk);}
.pop-wrap .apply-detail .body .name .role {font-size:var(--font-size-26); font-weight:700; line-height:40px; color:#A8A8A8;}
.pop-wrap .apply-detail .body .txt {font-weight:500; line-height:28px; color:#505050;}
.pop-wrap .apply-detail .sec {align-self:stretch; display:flex; flex-direction:column; gap:24px;}
.pop-wrap .apply-detail .sec .sec-tit {display:inline-flex; align-items:center; gap:6px; font-size:var(--font-size-20); font-weight:700; line-height:34px; color:var(--color-bk); margin:0;}
.pop-wrap .apply-detail .sec .sec-cat {color:var(--color-primary);}
.pop-wrap .apply-detail .sec .list {border-top:2px solid var(--color-bk); display:flex; flex-direction:column;}
.pop-wrap .apply-detail .sec .item {display:inline-flex; align-items:center; padding:var(--space-20) 0; border-bottom:1px solid #EEEEEE;}
.pop-wrap .apply-detail .sec .item .num {width:40px; flex-shrink:0; font-weight:500; line-height:28px; color:#CCCCCC;}
.pop-wrap .apply-detail .sec .item .tit {flex:1 1 0; min-width:0; font-weight:600; line-height:28px; color:var(--color-bk); padding-right:var(--space-10);}
.pop-wrap .apply-detail .sec .item .cell-wrap {width:300px; flex-shrink:0; display:flex; align-items:center;}
.pop-wrap .apply-detail .sec .item .cell {display:flex; align-items:center;}
.pop-wrap .apply-detail .sec .item .cell.time {flex:1 1 0; min-width:0; gap:6px; font-size:var(--font-size-15); font-weight:500; line-height:20px; color:#505050;}
.pop-wrap .apply-detail .sec .item .cell.time .ico {width:16px; height:16px; background:url('/images/member/pop_clock.png') 50% 50% / contain no-repeat; flex-shrink:0;}
.pop-wrap .apply-detail .sec .item .cell.price {width:140px; flex-shrink:0; justify-content:flex-end; gap:6px; font-weight:600; line-height:28px; color:var(--color-bk);}
.pop-wrap .apply-detail .sec .item .cell.price .count {color:#A8A8A8;}
.pop-wrap .apply-detail .notice {display:flex; flex-direction:column; gap:var(--space-16);}
.pop-wrap .apply-detail .notice .label {font-weight:600; line-height:1.5em; margin-bottom:15px; color:#878787;}
.pop-wrap .apply-detail .notice .notice-list {display:flex; flex-direction:column; gap:8px;}
.pop-wrap .apply-detail .notice .notice-list li {font-size:var(--font-size-15); line-height:1.6em; color:#676767;}
.pop-wrap .apply-detail .notice .notice-list li:before {content:"- "; }

.pop-wrap {border-radius:16px; overflow:hidden;}
.pop-wrap .apply-detail {height:80vh !important; overflow:auto;}
.modal a.close-modal {top:-68px; right:0; display:block; width:48px; height:48px; background-image:url(/images/member/pop_close.png);}

.pop-program-detail {display:flex; gap:0 var(--space-20);}
.pop-program-detail .pop-wrap {flex:1;}

.program-select {height:80vh; background:#fff; border-radius:16px; overflow:hidden; width:31.66%;}
.program-select form {height:100%;}
.program-select .inner {display:flex; flex-direction:column; height:100%;}
.program-select .title-area {padding:var(--space-25) var(--space-25) var(--space-30); border-bottom:1px solid #eee;}
.program-select .title-area .tags {margin-bottom:var(--space-15); display:flex; gap:var(--space-5);}
.program-select .title-area .tags span {border-radius:4px; padding:var(--space-5) var(--space-8); font-size:var(--font-size-14); font-weight:600; letter-spacing:-.03em; line-height:1.5em; color:#fff;}
.program-select .title-area .tags span.primary {background:var(--color-primary);}   
.program-select .title-area .tags span.dark {background:var(--color-bk);}
.program-select .title-area .tit {margin-bottom:var(--space-10); font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.5em; color:#2c2c2c;}
.program-select .title-area .won {font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.5em; color:#A8A8A8;}
.program-select .title-area .won span {color:#2C2C2C;}
.program-select .select-area {overflow-Y:scroll; flex:1 1 auto; min-height:0; height:1%; padding:var(--space-25) var(--space-25) 0;}
.program-select .select-area .title {font-size:var(--font-size-15); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#2c2c2c; margin-bottom:var(--space-15);}
.program-select .select-area .select {margin-bottom:var(--space-30);}
.program-select .select-area .select .item {margin-bottom:var(--space-5);}
.program-select .select-area .select .item:last-child {margin-bottom:0;}
.program-select .select-area .select .input {font-size:var(--font-size-14); color:#a8a8a8; width:100%; height:48px; border-radius:8px; border-color:#eee;}
.program-select .select-area .result .item {position:relative; border-radius:var(--radius-16); background:#f6f6f6; padding:var(--space-15) 40px var(--space-15) var(--space-20);}
.program-select .select-area .result .item + .item {margin-top:var(--space-5);}
.program-select .select-area .result .item .cate {font-size:var(--font-size-13); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#676767;}
.program-select .select-area .result .item .cate span {color:#a8a8a8;}
.program-select .select-area .result .item .tit {margin:var(--space-5) 0 var(--space-8); font-size:var(--font-size-15); font-weight:400; line-height:1.5em; color:#2c2c2c;}
.program-select .select-area .result .item .won {font-size:var(--font-size-18); font-weight:700; color:#2c2c2c;}
.program-select .select-area .result .item .del {position:absolute; right:var(--space-20); top:50%; transform:translateY(-50%); border:0; display:block; font-size:0; width:10px; height:10px; background:url('/images/sub/del-ico.png') no-repeat 50% 50% / contain;}
.program-select .total-area {padding:var(--space-25);}
.program-select .total-area .won {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0 20px;}
.program-select .total-area .won p {font-size:var(--font-size-15); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#2c2c2c;}
.program-select .total-area .won p span {color:var(--color-primary);}
.program-select .total-area .won strong {font-size:var(--font-size-22); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#2c2c2c;}
.program-select .total-area .button {border:0; margin-top:var(--space-20); display:flex; gap:0 var(--space-5);}
.program-select .total-area .button .btn {height:52px; border-radius:var(--radius-8); border-width:2px; border-style:solid; flex:1; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:700;}
.program-select .total-area .button .btn.st1 {border-color:#eee; background:#fff; color:#2c2c2c;}
.program-select .total-area .button .btn.st2 {border-color:var(--color-primary); background:var(--color-primary); color:#fff;}

.pop-program-apply {border-radius:16px; overflow:hidden;}
.pop-program-apply .inner {height:80vh; overflow-Y:scroll; padding:var(--space-40); background:#fff;}
.pop-program-apply .title-area {padding-bottom:var(--space-40); border-bottom:1px solid #eee;}
.pop-program-apply .title-area .tags {margin-bottom:var(--space-15); display:flex; gap:var(--space-5);}
.pop-program-apply .title-area .tags span {border-radius:4px; padding:var(--space-5) var(--space-8); font-size:var(--font-size-14); font-weight:600; letter-spacing:-.03em; line-height:1.5em; color:#fff;}
.pop-program-apply .title-area .tags span.primary {background:var(--color-primary);}   
.pop-program-apply .title-area .tags span.dark {background:var(--color-bk);}
.pop-program-apply .title-area h3 {font-size:var(--font-size-32); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-bk); margin:0;}
.pop-program-apply .title-area .cate {margin:var(--space-5) 0 var(--space-15); font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#A8A8A8;}
.pop-program-apply .title-area .cate span {font-weight:700; color:#676767;}
.pop-program-apply .title-area .time {margin-bottom:var(--space-30); font-family:"Barlow Condensed"; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#A8A8A8;}
.pop-program-apply .title-area .txt {display:flex; align-items:center; justify-content:space-between; gap:0 20px; flex-wrap:wrap; font-size:var(--font-size-22); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#A8A8A8;}
.pop-program-apply .title-area .txt p span {color:#2C2C2C;}
.pop-program-apply .info-area {padding:var(--space-60) 0;}
.pop-program-apply .info-area h4 {margin-bottom:var(--space-12); font-weight:600; line-height:1.4em; color:#878787;}
.pop-program-apply .info-area p {font-weight:500; color:#505050;}
.pop-program-apply .form-area .group {border-bottom:1px solid #eee;}
.pop-program-apply .form-area .group + .group {margin-top:var(--space-60);}
.pop-program-apply .form-area .group h4 {padding-bottom:var(--space-25); border-bottom:2px solid #2c2c2c; font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#2c2c2c;}
.pop-program-apply .form-area .total {padding:var(--space-40) 0; display:flex; align-items:center; justify-content:space-between;}
.pop-program-apply .form-area .total .txt {font-size:var(--font-size-18); font-weight:700; line-height:1.4em;}
.pop-program-apply .form-area .total .txt span {color:var(--color-primary);}
.pop-program-apply .form-area .total .won { font-size:var(--font-size-16); font-weight:700; color:#878787;}
.pop-program-apply .form-area .total .won strong {font-size:var(--font-size-22); font-weight:700; color:#2c2c2c;}
.pop-program-apply .form-area .form {padding:var(--space-50) 0;}
.pop-program-apply .form-area .form .row {margin-bottom:var(--space-40);}
.pop-program-apply .form-area .form .row:last-child {margin-bottom:0;}
.pop-program-apply .form-area .form .required {font-style:normal; color:var(--color-primary);}
.pop-program-apply .form-area .form dl {display:flex; align-items:center;}
.pop-program-apply .form-area .form dl dt {font-size:var(--font-size-18); font-weight:700; color:#2c2c2c; width:160px;}
.pop-program-apply .form-area .form dl dd {display:flex; align-items:center; height:var(--inq-size-60); flex:1;}
.pop-program-apply .form-area .form .input {width:100%; height:var(--inq-size-60); border-radius:8px;}
.pop-program-apply .form-area .form ::placehoder {color:#a8a8a8;}
.pop-program-apply .form-area .form .item {margin-right:var(--space-25);}
.pop-program-apply .buttons {margin:var(--space-40) 0 0;}
.pop-program-apply .buttons .btn-pack {font-weight:700; border-radius:8px; line-height:52px; padding:0 25px; color:#fff; background:var(--color-primary); border-color:var(--color-primary);}

.about-text {margin-bottom:var(--space-160); text-align:center;}
.about-text .txt-1 {color:#878787; font-size:var(--font-size-24); font-weight:700; line-height:1.67em; letter-spacing:-.03em;}
.about-text .txt-1 span {color:#fff;}
.about-text .txt-2 {margin-top:var(--space-40); color:#fff; font-size:var(--font-size-32); font-weight:700; line-height:1.3em; letter-spacing:-.03em;}

.about-items {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-10);}
.about-items .item {border-radius:24px; background:#1C1C1C;padding:var(--space-50) var(--space-20); text-align:center;}
.about-items .item .highlight {margin-bottom:var(--space-8); font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.about-items .item h3 {font-family:"Barlow Condensed"; font-size:var(--font-size-36); font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#fff;}
.about-items .item .img {margin:var(--space-55) 0;}
.about-items .item .img img {width:clamp(60px, calc( 98 / var(--inner) * 100vw ), 98px);}
.about-items .item .txt {font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.67em; color:#E7E7E7;}

.partners-intro {margin-bottom:var(--space-160); display:flex; align-items:center; gap:0 var(--space-100); padding:0 var(--space-40);}
.partners-intro .image {border-radius:var(--radius-24); overflow:hidden; width:50%;} 
.partners-intro .image img {width:100%;}
.partners-intro .content {flex:1; color:#878787;}
.partners-intro .content .ico {margin-bottom:var(--space-20);}
.partners-intro .content h3 {font-size:var(--font-size-46); font-weight:700; line-height:1.43em;}
.partners-intro .content h3 span {color:#fff;}
.partners-intro .content .desc {margin-top:var(--space-40);}
.partners-intro .content .desc dl dt {margin-bottom:var(--space-5); font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em; display:flex; align-items:center; color:#ccc; gap:0 var(--space-10);}
.partners-intro .content .desc dl dt:before {content:''; width:8px; height:8px; background:#505050; border-radius:100%;}
.partners-intro .content .desc dl dd {font-size:var(--font-size-18); font-weight:500; color:#878787;}
.partners-intro .content .txt {margin-top:var(--space-110); font-size:var(--font-size-24); font-weight:700; line-height:1.67em;}
.partners-intro .content .txt span {color:#fff;}

.with-intro {margin-bottom:var(--space-120);}
.with-intro .en {font-family:"Barlow Condensed"; font-size:var(--font-size-32); font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:var(--color-primary);}
.with-intro h3 {margin:var(--space-20) 0 var(--space-80); font-size:var(--font-size-46); font-weight:700; line-height:1.43em; letter-spacing:-.03em; color:#878787;}
.with-intro h3 span {color:#fff;}
.with-intro .image {border-radius:var(--radius-24); overflow:hidden;} 

.sponsor {border-top:2px solid #505050;}
.sponsor .group {display:flex; padding:var(--space-60) var(--space-40);}
.sponsor .group:last-child {padding-bottom:0;}
.sponsor .group + .group {border-top:1px solid #2c2c2c;}
.sponsor .group h4 {padding-left:var(--space-18); position:relative; color:#fff; font-family:"Barlow Condensed"; font-size:var(--font-size-32); font-weight:700; letter-spacing:-.03em; line-height:1.7em; width:29%;}
.sponsor .group h4:before {content:''; width:clamp(6px, calc( 8 / var(--inner) * 100vw ), 8px); height:clamp(6px, calc( 8 / var(--inner) * 100vw ), 8px); border-radius:100%; position:absolute; left:0; top:0;}
.sponsor .group .items {text-align:center; flex:1; display:grid; grid-template-columns:repeat(4 , 1fr); gap:var(--space-40) var(--space-5);}
.sponsor .group .items .img {aspect-ratio:227/128; background:#fff; border-radius:var(--radius-8); overflow:hidden;}
.sponsor .group .items .img img {width:100%; height:100%; object-fit:contain;}
.sponsor .group .items p {margin-top:var(--space-15); font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.67em; color:#fff;}
.sponsor .group:nth-child(1) h4:before {background:var(--color-primary);}
.sponsor .group:nth-child(2) h4:before {background:#5B21B6;}
.sponsor .group:nth-child(3) h4:before {background:#ccc;}
.sponsor .group:nth-child(4) h4:before {background:#D4AF37;}

/* -----------------------------------------------
 * 참가신청 완료
 * ----------------------------------------------- */
.join-complete-wrap .apply-complete-info {margin-top:var(--space-50); text-align:left;}
.join-complete-wrap .apply-table {width:100%; border-collapse:collapse;}
.join-complete-wrap .apply-table th {width:110px; padding:var(--space-12) var(--space-15); font-size:var(--font-size-15); font-weight:600; color:rgba(255,255,255,0.6); vertical-align:top; white-space:nowrap;}
.join-complete-wrap .apply-table td {padding:var(--space-12) var(--space-15); font-size:var(--font-size-15); color:#fff; line-height:1.6; word-break:break-all;}
.join-complete-wrap .apply-table tr + tr th,
.join-complete-wrap .apply-table tr + tr td {border-top:1px solid rgba(255,255,255,0.1);}
.join-complete-wrap .apply-table td strong {color:var(--color-primary); font-weight:700; font-size:var(--font-size-18);}