@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */

.pb0 {padding-bottom:0 !important;}

.doc-space {margin-bottom:var(--space-110);}

.doc-tit {margin-bottom:25px; font-size:var(--font-size-24); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk);}

.tb-1 table {border-top:2px solid var(--color-bk); border-bottom:1px solid #ccc; width:100%; border-collapse:collapse; text-align:center;}
.tb-1 thead th {border-right:1px solid #eee; border-bottom:1px solid #ccc; font-weight:800; color:var(--color-bk);}
.tb-1 thead th.bg1 {background-color:#fafafa;}
.tb-1 thead th.bg2 {background-color:#fffcf2;}
.tb-1 thead th.bg3 {background-color:#fff8de;}
.tb-1 thead th.bg4 {background-color:#fff2c2;}
.tb-1 tbody th {background-color:#fafafa; font-weight:600; color:#505050;}
.tb-1 th:first-child {border-right:1px solid #ccc;}
.tb-1 tbody tr:last-child > * {border-bottom:0;}
.tb-1 tbody td {border-right:1px solid #eee;}
.tb-1 th, .tb-1 td {padding:20px 5px; border-bottom:1px solid #eee; line-height:1.4em;}
.tb-1 th:last-child, .tb-1 td:last-child {border-right:0;}
.tb-1 .check {line-height:1.2em;}
.tb-1 .check i {width:16px; height:16px; background:url('../images/sub/tb-chk.png') no-repeat 50% 50% / contain; display:inline-block;}
.tb-1 .check span {font-size:15px; color:var(--color-primary); font-weight:700; letter-spacing:-.03em; display:block; text-align:center;}
.tb-1 .noto {font-family:'Noto Sans KR',sans-serif; font-weight:700;}
.tb-1 small {font-size:var(--font-size-15); display:block; color:#a8a8a8; font-weight:600; letter-spacing:-.03em; line-height:1.3em;}

.tb-1.ty2 th {border-right:1px solid #ccc; background-color:#fafafa;}
.tb-1.ty2 th:last-child {border-right:0;}
.tb-1.ty2 td {border-right:1px solid #ccc;}
.tb-1.ty2 td:nth-child(2) {font-weight:600;}
.tb-1.ty2 td:last-child {padding-left:30px; text-align:left; border-right:0;}
.tb-1.ty2 tr:nth-child(10n) td {border-bottom:1px solid #ccc;}

.tb-2 table {border-top:2px solid var(--color-bk); border-bottom:1px solid #ccc; width:100%; border-collapse:collapse;}
.tb-2 thead th {padding:25px 5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:var(--font-size-20); font-weight:800; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk); background:#fafafa;}
.tb-2 tbody th {padding:25px 5px; border-bottom:1px solid #eee; border-right:1px solid #ccc; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.04em; line-height:1.4em;}
.tb-2 tbody td {padding:25px 28px; border-bottom:1px solid #eee; font-weight:400; letter-spacing:-.04em; line-height:1.75em;}
.tb-2 thead th:last-child {border-right:0;}
.tb-2 tbody tr:last-child > * {border-bottom:0;}
.tb-2 .new-t {margin-bottom:3px; font-weight:800; letter-spacing:-.04em; color:#a8a8a8;}

.subttab {margin-bottom:50px;}
.subttab ul {display:flex;}
.subttab ul li {width:auto; margin-right:8px;}
.subttab ul li:last-child {margin-right:0;}
.subttab ul li a {height:54px; padding:0 20px; min-width:150px; align-items:center; justify-content:center; display:flex; background-color:#f4f4f4; font-weight:800; border-radius:8px;}
.subttab ul li.active a {color:#fff; background-color:var(--color-primary);}

.greeting {position:relative; display:flex; gap:85px; padding-bottom:var(--space-150);}
.greeting:before {content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100vw; height:83%; background:#f8f8f8; z-index:-1;}
.greeting .cnt {padding-top:40px; flex:1 1 auto; min-width:0; width:1%; position:relative;}
.greeting .cnt:before {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:linear-gradient(to right, var(--color-primary), var(--color-secondary));}
.greeting .cnt h2 {margin-bottom:80px; font-size:var(--font-size-42); font-weight:800; letter-spacing:-.04em; line-height:1.38em; color:var(--color-bk);}
.greeting .cnt h2 span {color:var(--color-primary);}
.greeting .cnt .tt {margin-bottom:55px; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.04em; line-height:1.67em; color:var(--color-bk);}
.greeting .cnt .tt span {color:var(--color-primary);}
.greeting .mg-txt {margin-bottom:50px;}
.greeting .mg-txt p {margin-bottom:30px; font-size:var(--font-size-20); font-weight:400; letter-spacing:-.04em; line-height:1.8em;}
.greeting .mg-txt p:last-child {margin-bottom:0;}
.greeting .sign {display:flex; align-items:center; gap:20px; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.04em; line-height:1.5em; color:var(--color-bk);}
.greeting .img {width:600px;}
.greeting .img img {border-radius:var(--radius-24);}

.guide-bnr {margin-bottom:var(--space-110); padding:0 100px; display:flex; flex-direction:column; justify-content:center; min-height:380px; border-radius:var(--radius-24); background-position:100% 100%; background-repeat:no-repeat; background-size:cover;}
.guide-bnr .tit {margin-bottom:33px; font-size:var(--font-size-36); font-weight:700; letter-spacing:-.04em; line-height:1.44em; color:var(--color-bk);}
.guide-bnr .txt {font-size:var(--font-size-20); font-weight:500; letter-spacing:-.04em; line-height:1.7em; color:#505050;}

.guide-sec-img {margin-bottom:var(--space-120);}
.guide-section {margin-bottom:var(--space-120); display:flex;}
.guide-section:last-child {margin-bottom:0;}
.guide-section .head {width:27%;}
.guide-section .head .tit {margin-top:-4px; font-size:var(--font-size-32); font-weight:800; letter-spacing:-.04em; line-height:1.44em; color:var(--color-bk);}
.guide-section .body {flex:1 1 auto; min-width:0; width:1%;}

.guide-intro .tit {padding-bottom:45px; margin-bottom:40px; border-bottom:1px solid #eee; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.04em; line-height:1.56em; color:var(--color-bk);}
.guide-intro .txt {margin-bottom:25px; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.04em; line-height:1.67em;}
.guide-intro .txt:last-child {margin-bottom:0;}

.as-box {padding:40px 30px 40px 0; margin-bottom:20px; background:#f8f8f8; display:flex; align-items:center; border-radius:var(--radius-24);}
.as-box:last-child {margin-bottom:0;}
.as-box .tit-area {width:34%; text-align:center;}
.as-box .tit-area .tit {position:relative; display:inline-block; font-size:var(--font-size-28); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk);}
.as-box .tit-area .tit:before {content:''; position:absolute; left:-24px; top:-9px; width:31px; height:18px; background:url('/images/sub/new.png') no-repeat 0 0 / contain;}
.as-box .desc {margin-bottom:25px; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.04em;}
.as-box .desc strong {font-weight:600; color:var(--color-primary);}
.as-box .list {margin-bottom:30px;}
.as-box .list li {margin-bottom:10px; padding-left:16px; position:relative; font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk);}
.as-box .list li:last-child {margin-bottom:0;}
.as-box .list li:before {position:absolute; left:0; top:.5em; content:''; border-radius:100%; background:#ccc; width:5px; height:5px;}

.as-box.ty2 {margin-top:var(--space-70);}
.as-box.ty2 {padding-left:60px; padding-right:60px;}
.as-box.ty2 .tit-area {text-align:left; width:30%;}
.as-box.ty2 .tit-area .tit {margin-bottom:25px;}
.as-box.ty2 .tit-area .tit:before {display:none;}
.as-box.ty2 .cnt {display:flex; align-items:center; flex:1;}
.as-box.ty2 .cnt .list {width:43.5%; margin-bottom:0;}
.as-box.ty2 .pay-btns {flex:1 1 auto; min-width:0; width:1%; display:flex; justify-content:flex-end;} 

.pay-btns ul {display:flex; flex-wrap:wrap; gap:10px;}

.pay-btn {font-weight:600; letter-spacing:-.04em; color:var(--color-bk); border-radius:10px; border:1px solid #dfdfdf; background:#fff; height:58px; display:inline-flex; align-items:center; gap:10px; padding:0 30px;}

.how-intro {margin-bottom:var(--space-140); display:flex; align-items:center;}
.how-intro .img {width:50%;}
.how-intro .img img {border-radius:0 var(--radius-24) var(--radius-24) 0; width:100%;}
.how-intro .cnt {width:50%; padding:0 30px 0 100px;}
.how-intro .cnt .tt {margin-bottom:20px; font-size:var(--font-size-18); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:var(--color-primary);}
.how-intro .cnt .tit {margin-bottom:40px; font-size:var(--font-size-48); font-weight:800; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk);}
.how-intro .cnt .t1 {margin-bottom:30px; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.04em; line-height:1.58em; color:var(--color-bk);}
.how-intro .cnt .t2 {margin-bottom:25px; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.04em; line-height:1.58em;}

.offline .row {display:flex; flex-wrap:wrap; margin:-5px;}
.offline .col {width:50%; padding:5px;}
.offline .box {height:100%; padding:40px; background:#f8f8f8; border-radius:var(--radius-24);}
.offline .box .tit {margin-bottom:26px; display:flex; align-items:center; gap:16px; font-size:var(--font-size-18); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk);}
.offline .box .tit strong {font-weight:600;}
.offline .box .tit span {text-align:center; line-height:40px; background:var(--color-primary); width:40px; border-radius:100%; color:#fff; font-weight:700; letter-spacing:-.04em;}
.offline .box .txt {font-weight:400; letter-spacing:-.04em; line-height:1.75em;}

.agreement {padding:35px 40px; background:#f8f8f8; border-radius:var(--radius-24);}
.agreement dl {margin-bottom:24px; display:flex;}
.agreement dl:last-child {margin-bottom:0;}
.agreement dl dt {min-width:140px; font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#a8a8a8;}
.agreement dl dd {font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:var(--color-bk);}

.courtesy .row {display:flex; flex-wrap:wrap; margin:-5px;}
.courtesy .col {width:50%; padding:5px;}
.courtesy .box {height:100%; padding:40px; text-align:center; border-radius:var(--radius-24); background-color:#f8f8f8; background-repeat:no-repeat; background-position:0 0;}
.courtesy .box p {margin-top:17px; font-size:var(--font-size-18); font-weight:700; letter-spacing:-.04em; line-height:1.67em;}
.courtesy .col:nth-child(4n-3) .box,
.courtesy .col:nth-child(4n) .box {background-image:url('/images/sub/courtesy-acc1.png');}
.courtesy .col:nth-child(4n-2) .box,
.courtesy .col:nth-child(4n-1) .box {background-image:url('/images/sub/courtesy-acc2.png');}

.digital .group:not(:last-child) {margin-bottom:75px;}
.digital .group .tit {margin-bottom:30px; font-size:var(--font-size-24); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk);}
.digital .step {position:relative;}
.digital .step:before {position:absolute; content:''; width:100%; height:1px; background:#eee; top:50%; left:0; z-index:-1;}
.digital .step ul {display:flex; margin:-10px;}
.digital .step ul li {width:20%; text-align:center; padding:10px;}
.digital .step .con {width:190px; height:190px; padding:10px; border-radius:100%; background:linear-gradient(to bottom, #f4f4f4, #fff); border:1px solid #f0f0f0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.digital .step .num {font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#a8a8a8;}
.digital .step .txt {font-weight:400; letter-spacing:-.04em; color:var(--color-bk); line-height:1.6em;}
.digital .step .con.last {background:var(--color-primary);}
.digital .step .con.last .num {color:#fff;}
.digital .step .con.last .txt {color:#fff;}
.digital .info .txt {margin-bottom:28px; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.04em; line-height:1.4em;}
.digital .info dl {margin-bottom:12px; display:flex;}
.digital .info dl:last-child {margin-bottom:0;}
.digital .info dl dt {min-width:80px; font-weight:700; color:#a8a8a8;}
.digital .info dl dd {font-weight:500; color:var(--color-bk);}

.future-bnr {display:flex; justify-content:space-between; align-items:center; padding:64px 100px; border-radius:var(--radius-24); background:url('/images/sub/future-bg.jpg') no-repeat 100% 50% / cover; color:#fff;}
.future-bnr .tit {margin-bottom:25px; font-size:var(--font-size-36); font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.future-bnr .txt {font-size:var(--font-size-20); font-weight:500; letter-spacing:-.04em; line-height:1.7em;}
.future-bnr .btns {display:flex; flex-direction:column; gap:10px;}

.aster-txt {margin-top:var(--space-20); font-size:var(--font-size-14); font-weight:500; letter-spacing:-.04em; line-height:1.5em; color:#a8a8a8; text-align:right;}

.tax-top {position:relative; display:flex; align-items:center; padding-bottom:var(--space-70); margin-bottom:var(--space-100);}
.tax-top:after {position:absolute; left:0; bottom:0; content:''; display:block; height:2px; width:100%; background:linear-gradient(to right, var(--color-primary), var(--color-secondary));}
.tax-top .ico {min-width:250px;}
.tax-top h2 {font-size:var(--font-size-36); font-weight:700; letter-spacing:-.04em; line-height:1.44em; color:var(--color-bk);}
.tax-top h2 span {color:var(--color-primary);}

.genre-txt {margin-bottom:45px; font-size:var(--font-size-20); font-weight:500; letter-spacing:-.04em; line-height:1.7em; color:var(--color-bk);}

.genre-wrap .row {display:flex; margin:-5px;}
.genre-wrap .col {width:33.333%; padding:5px;}
.genre-wrap .box {position:relative; padding:40px; min-height:385px; height:100%; background-color:#f8f8f8; background-repeat:no-repeat; background-position:100% 0; border-radius:var(--radius-24);}
.genre-wrap .box .ico {margin-bottom:20px;}
.genre-wrap .box .tit {font-size:var(--font-size-18); font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.genre-wrap .box .txt {margin:18px 0 12px; font-weight:400; letter-spacing:-.04em; line-height:1.75em;}
.genre-wrap .box .list li {font-size:var(--font-size-14); font-weight:400; line-height:1.71em; letter-spacing:-.04em; color:#a8a8a8; padding-left:.8em; text-indent:-.8em;}
.genre-wrap .col:nth-child(odd) .box {background-image:url('/images/sub/genre-acc1.png');}
.genre-wrap .col:nth-child(even) .box {background-image:url('/images/sub/genre-acc2.png');}
.genre-wrap .m-btn {position:absolute; left:40px; bottom:40px; display:inline-flex; border:1px solid #eee; background:#fff;}

.blocker {padding:10px !important;}
.modal {background:transparent;}
.popup-wrap {border-radius:var(--radius-32); overflow:hidden; background:#fff;}
.popup-wrap + a.close-modal {right:50px; top:45px; width:18px; height:18px; background:url('/images/sub/modal-close.png') no-repeat 100% 50%;}
.popup-wrap h2 {font-size:var(--font-size-28); font-weight:800; letter-spacing:-.04em; line-height:1.33em; border-bottom:1px dashed #dfdfdf; height:105px; padding:0 50px; display:flex; align-items:center; color:var(--color-bk);}
.popup-wrap .content {padding:45px 50px;}
.popup-wrap .content .sec:not(:last-child) {margin-bottom:64px;}
.popup-wrap h3 {display:flex; justify-content:space-between; margin-bottom:33px; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.02em; line-height:1.4em; color:var(--color-bk);}
.popup-wrap h3 .unit {font-size:var(--font-size-14); color:#a8a8a8;}
.popup-wrap .dot-box {padding:17px 30px; background:#f4f4f4; border-radius:var(--radius-8);}
.popup-wrap .dot-box .txt {padding-left:18px; position:relative; font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.popup-wrap .dot-box .txt:before {content:""; width:8px; height:8px; background:var(--color-primary); border-radius:100%; position:absolute; left:0; top:.4em;}
.popup-wrap .dot-box .txt span {margin-top:5px; display:block; font-weight:400;}
.popup-wrap .per {margin:28px 0 44px;}
.popup-wrap .per .txt {margin-bottom:19px; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.04em; line-height:1.7em;}
.popup-wrap .per .txt:last-child {margin-bottom:0;}
.popup-wrap .per .list {margin-bottom:20px;}
.popup-wrap .per .list li {margin-bottom:8px; font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:#878787;}
.popup-wrap .per .list li:last-child {margin-bottom:0;}
.popup-wrap .step-box {margin-bottom:36px; padding:45px 40px; background:#fafafa; border-radius:var(--radius-24); border:1px solid #eee;}
.popup-wrap .step-box .row:not(:last-child) {margin-bottom:38px;}
.popup-wrap .step-box .qa p {padding-left:1.2em; text-indent:-1.2em; font-size:var(--font-size-18); font-weight:800; letter-spacing:-.04em; line-height:1.7em;}
.popup-wrap .step-box .qa p.q {margin-bottom:10px;}
.popup-wrap .step-box .qa p.a {color:var(--color-primary);}
.popup-wrap .step-box .step .tit {margin-bottom:15px; font-size:var(--font-size-18); font-weight:800; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk);}
.popup-wrap .step-box .step .tit span {display:inline-block; margin-right:13px; color:var(--color-secondary);}
.popup-wrap .step-box .step .txt {margin-bottom:16px;}
.popup-wrap .step-box .step .txt span {color:var(--color-primary);}
.popup-wrap .step-box .step .list li {margin-bottom:10px; font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:#878787;}
.popup-wrap .step-box .step .list li:last-child {margin-bottom:0;}
.popup-wrap .step-box .step .aster-txt {text-align:left;}
.popup-wrap .calc .tit {margin-bottom:22px; font-size:var(--font-size-18); font-weight:800; letter-spacing:-.04em; line-height:1.4em;}
.popup-wrap .table table {border-bottom:1px solid #ccc; border-top:2px solid var(--color-bk); width:100%; border-collapse:collapse; border-spacing:0; text-align:center;}
.popup-wrap .table thead th {border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:64px; padding:9px 5px; font-weight:800; line-height:1.4em; letter-spacing:-.04em; color:var(--color-bk); background:#fafafa;}
.popup-wrap .table thead th.bg {background:#fff;}
.popup-wrap .table tbody th {border-bottom:1px solid #eee; border-right:1px solid #ccc; height:64px; padding:9px 5px; font-weight:600; line-height:1.4em; letter-spacing:-.04em;}
.popup-wrap .table tbody th.bg {background:#fafafa;}
.popup-wrap .table tbody td {border-bottom:1px solid #eee; border-right:1px solid #ccc; height:64px; padding:9px 5px; font-weight:400; line-height:1.4em; letter-spacing:-.04em;}
.popup-wrap .table .bb {border-bottom:1px solid #ccc !important;}
.popup-wrap .table .subject {padding-left:30px !important; text-align:left !important;}
.popup-wrap .table .col-txt {letter-spacing:.6em; line-height:2em;}
.popup-wrap .table tbody tr:last-child > * {border-bottom:0;}
.popup-wrap .table thead th:last-child,
.popup-wrap .table tbody th:last-child,
.popup-wrap .table tbody td:last-child {border-right:0;}

.recommend-top {display:flex; align-items:center; margin-bottom:var(--space-130);}
.recommend-top .img {width:50%;}
.recommend-top .cnt {margin-left:120px;}
.recommend-top .cnt h2 {font-size:var(--font-size-48); font-weight:800; letter-spacing:-.04em; line-height:1.42em; color:var(--color-bk);}
.recommend-top .cnt .t1 {margin:50px 0 35px; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.04em; line-height:1.58em; color:var(--color-bk);}

.ready-bnr {border-radius:var(--radius-24); background:url('/images/sub/ready.jpg') no-repeat 50% 50% / cover; border-radius:var(--radius-24); text-align:center; padding:80px 30px;}
.ready-bnr .tit:before {margin:0 auto 42px; content:''; display:block; width:17px; height:16px; background:url('/images/sub/ico-ready.png') no-repeat 50% 50% /contain;}
.ready-bnr .tit {margin-bottom:20px; font-size:var(--font-size-36); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk);}
.ready-bnr .txt {margin-bottom:45px; font-size:var(--font-size-20); font-weight:500; letter-spacing:-.04em; line-height:1.4em;}
.ready-bnr .info {max-width:610px; margin:0 auto; display:flex; justify-content:center; gap:10px;}
.ready-bnr .info .box {padding:28px 20px; width:50%; background:#fff; text-align:center; border-radius:var(--radius-16)}
.ready-bnr .info .box dl dt {margin-bottom:9px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:var(--color-primary);}
.ready-bnr .info .box dl dd {font-size:var(--font-size-24); font-weight:600; letter-spacing:-.04em; line-height:1.4em; color:var(--color-bk);}

.grad-tit {margin-bottom:60px; border-radius:41px; background:linear-gradient(to right, var(--color-primary), var(--color-secondary)); padding:25px 40px; font-size:var(--font-size-24); font-weight:800; letter-spacing:-.04em; line-height:1.4em; color:#fff;}

.download-file {display:flex; gap:0 10px;}
.download-file a {min-width:154px; padding:10px; border-radius:30px; display:inline-block; text-align:center; line-height:1.3em; background-color:#fff; border:1px solid #ddd;}
.download-file a img {margin:-2px 10px 0 0; vertical-align:middle;}

.donor-plaque {gap:0 var(--space-50); margin-bottom:var(--space-80); display:flex;}
.donor-plaque .text {flex:1;}
.donor-plaque .txt1 {font-size:var(--font-size-36); margin-bottom:var(--space-35); font-weight:700; letter-spacing:-.04em; line-height:1.44em; color:var(--color-bk);}
.donor-plaque .txt1 span {color:var(--color-primary);}
.donor-plaque .txt2 {font-size:var(--font-size-20); letter-spacing:-.04em; line-height:1.7em;}