/*서브*/

:root {
    --title-size :45px;
    --sub-title-size : 20px;
}

@media screen and (max-width: 1024px) {
    :root {
        --title-size : 40px;
        --sub-title-size : 16px;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --title-size : 32px;
        --sub-title-size : 14px;
    }
}

@media screen and (max-width: 648px) {
    :root {
        --title-size : 28px;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --title-size : 25px;
        --sub-title-size : 13px;
    }
}


.select-box {background:var(--gray-e); position:relative;}
.select-box:before {content:''; height:50%; aspect-ratio:1; background:url(/img/com/arrow_down_key.svg) center no-repeat; background-size:cover; position:absolute; right:var(--gap-16); top:50%; transform:translateY(-50%); pointer-events: none;}
.select-box select {width:100%; height:100%; border:none; background:transparent; padding:0 var(--gap-24); font-size:var(--font-16); color:var(--gray-6); font-weight:500; -webkit-appearance:none; appearance:none;}
.select-box select::-ms-expand {display:none;}

@media screen and (max-width: 480px) {
    .select-box select {padding:0 10px;}
}

.select-box[data-type='under'] {background:transparent; border-bottom:1px solid var(--gray-d);}

.select-box[data-type='box'] {background:transparent; border:1px solid var(--gray-d);}

.select-box[data-type='fill'] {background:var(--gray-e); border-width:0;}

.select-box[data-color='gray'] {color:var(--gray-6);}




.radio, .check {position:relative; overflow:hidden; cursor:pointer;}
.radio input, .check input {width:0; height:0; position:absolute; left:0; top:0; opacity:0; visibility:hidden;}
.radio label, .check label {display:flex; gap:var(--gap-10); position:relative; max-width:100%;}
.radio label span, .check label span {font-size:var(--font-18); font-weight:500;}
.radio label span a, .check label span a {display:inline-block; position:relative;}
.radio label span a:after, .check label span a:after {content:''; width:100%; height:1px; background:var(--black); position:absolute; left:0; bottom:0;}
.radio label .box, .check label .box {width:24px; aspect-ratio:1; border:1px solid var(--gray-d); position:relative;}
.radio input:checked + label .box,
.check input:checked + label .box  {border-color:var(--key-color); background:var(--key-color);}
.radio input:checked + label .box:after,
.check input:checked + label .box:after {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/img/com/icon_check.svg) center no-repeat; background-size:65% auto;}

.radio[data-size='small'] span,
.check[data-size='small'] span {font-size:var(--font-16);}

.radio[data-color='gray'] span,
.check[data-color='gray'] span {color:var(--gray-6);}






.modal {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3000; visibility:hidden; opacity:0;}
.modal.active {visibility:visible; opacity:1;}
.modal .modal-wrap {width:100%; height:100%;}


.modal[data-id='privacy'] {background:var(--white); width:90%; max-width:880px; height:calc(var(--nvh) * 0.7); max-height:660px;}
.modal[data-id='privacy'] .modal-wrap {width:100%; padding:var(--gap-40) var(--gap-60);}
.modal[data-id='privacy'] .modal-wrap .btn-modal-close {width:24px; aspect-ratio:1; background:url(/img/com/icon_close_light.svg) center no-repeat; background-size:cover; margin-left:auto; margin-right:0; display:block;}
.modal[data-id='privacy'] .modal-wrap .modal-head {width:100%; height:var(--gap-40); display:flex; align-items:center; justify-content:center; font-size:var(--font-24); font-weight:700;}
.modal[data-id='privacy'] .modal-wrap .modal-conts {width:100%; margin-top:var(--gap-60); height:calc(100% - 24px - var(--gap-60) - var(--gap-40)); overflow-y:auto;}
.modal[data-id='privacy'] .modal-wrap .modal-conts ul {width:100%; display:flex; flex-direction:column; gap:var(--gap-40);}
.modal[data-id='privacy'] .modal-wrap .modal-conts ul li {width:100%; font-size:var(--font-16);}
.modal[data-id='privacy'] .modal-wrap .modal-conts ul li .head {font-weight:500;}
.modal[data-id='privacy'] .modal-wrap .modal-conts ul li .conts {width:100%; margin-top:var(--gap-10); color:var(--gray-3);}

@media screen and (max-width: 480px) {
    .modal[data-id='privacy'] .modal-wrap {padding:var(--gap-40) var(--gap-32);}
}


.modal[data-id='profile'] {background:var(--white); width:90%; max-width:1100px; height:calc(var(--nvh) * 0.75); max-height:750px; padding:var(--gap-60) 0;}
.modal[data-id='profile'] .modal-wrap {width:90%; max-width:960px; position:relative; margin:0 auto; height:100%;}
.modal[data-id='profile'] .modal-wrap .btn-modal-close {width:24px; aspect-ratio:1; background:url(/img/com/icon_close.svg) center no-repeat; background-size:58% auto; margin-left:auto; margin-right:0; font-size:0; cursor:pointer; display:block;}
.modal[data-id='profile'] .modal-wrap .modal-conts {width:100%; padding:var(--gap-32) 0 var(--gap-50) 0; height:calc(100% - 24px); display:flex; align-items:center;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap {width:100%; display:flex; align-items:stretch;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-img {width:50%;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-img .img-box {display:block; width:80%; max-width:340px; margin:0 auto; position:relative; background:#FFCEB1; background:linear-gradient(180deg, rgba(255, 206, 177, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-img .img-box span {display:block; width:100%; aspect-ratio:340/510; position:relative; overflow:hidden;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-img .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts {width:50%; position:relative; overflow-y:auto;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts::-webkit-scrollbar {width:5px; background:rgba(0,0,0,0.1);}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap {width:100%; position:absolute; left:0; top:0; display:flex; flex-direction:column; gap:calc(var(--gap-10) * 3);}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .head-box {width:100%; padding-bottom:calc(var(--gap-10) * 3); border-bottom:1px solid var(--gray-e); display:flex; flex-direction:column; gap:var(--gap-24);}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .head-box .name-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .head-box .name-box .name {width:100%; font-size:var(--font-24); font-weight:700;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .head-box .name-box .education {width:100%; font-size:var(--font-16); font-weight:700; color:var(--key-color);}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .head-box .conts {width:100%; font-size:var(--font-18); font-weight:600;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .conts-box {width:100%;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .conts-box .profile-detail {width:100%; display:flex; flex-direction:column; gap:var(--gap-24);}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .conts-box .profile-detail .detail-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .conts-box .profile-detail .detail-box .tlt {width:100%; font-size:var(--font-18); font-weight:700;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .conts-box .profile-detail .detail-box ul {width:100%; display:flex; flex-direction:column; gap:3px;}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .conts-box .profile-detail .detail-box ul li {width:100%; font-size:var(--font-16); font-weight:500; color:var(--gray-3);}
.modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap .conts-box .profile-detail .detail-box .conts {width:100%; font-size:var(--font-16); font-weight:500; color:var(--gray-3);}

@media screen and (max-width: 768px) {
    .modal[data-id='profile'] .modal-wrap .modal-conts {padding-bottom:0;}
    .modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap {flex-direction:column; height:100%; gap:var(--gap-50);}
    .modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-img {width:100%; max-width:100%; height:240px; overflow:hidden;}
    .modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-img .img-box {width:100%; max-width:100%; height:100%;}
    .modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-img .img-box span {width:auto; height:100%; aspect-ratio:300/240; margin:0 auto;}
    .modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-img .img-box span img {object-position:50% 25%;}
    .modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts {width:100%; height:calc(100% - 240px - var(--gap-50));}
    .modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts .conts-wrap {position:relative; transform:none;}
}

@media screen and (max-width: 480px) {
    .modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-img {height:150px;}
    .modal[data-id='profile'] .modal-wrap .modal-conts .profile-wrap .profile-conts {width:100%; height:calc(100% - 150px - var(--gap-50));}
}




.dim {width:100%; height:var(--nvh); background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:2999;}






.contents {width:100%; padding-top:var(--headerH); padding-bottom:calc(var(--gap-50) * 5); position:relative;}
.contents > .wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.contents > .wrap.wide {width:100%; max-width:100%;}

.contents .page-title {width:100%; height:370px; display:flex; align-items:center; justify-content:center; margin-bottom:calc(var(--gap-50) * 2); position:relative;}
.contents .page-title .title-wrap {width:100%;}
.contents .page-title .title-wrap .title-box {width:100%;}
.contents .page-title .title-wrap .title-box h2 {font-size:var(--title-size); font-weight:800; line-height:1.3; text-align:center;}
.contents .page-title .title-wrap .sub-txt {width:100%; margin-top:var(--gap-24); font-size:var(--sub-title-size); font-weight:500; text-align:center;}

.contents .page-title .bar {width:100%; position:absolute; left:0; bottom:0; display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .page-title .bar span {display:block; width:100%; background:var(--key-color);}
.contents .page-title .bar span:nth-child(1) {height:4px;}
.contents .page-title .bar span:nth-child(2) {height:2px;}
.contents .page-title .bar span:nth-child(3) {height:1px;}

@media screen and (max-width: 1024px) {
    .contents .page-title {height:320px;}
}

@media screen and (max-width: 768px) {
    .contents .page-title {height:260px;}
}

@media screen and (max-width: 480px) {
    .contents > .wrap {width: 97%;}
    .contents .page-title {height:200px;}
    .contents {padding-bottom: calc(var(--gap-50) * 4);}
}




.contents .sub-visual {width:100%; height:var(--nvh); position:relative; overflow:hidden;}
.contents .sub-visual .title-wrap {width:100%; height:100%; display:flex; align-items:center; justify-content:center; transform:translateY(-15%); z-index:2; position:relative;}
.contents .sub-visual .title-wrap .title-box {width:90%;}
.contents .sub-visual .title-wrap .title-box h2 {font-size:var(--title-size); font-weight:800; line-height:1.3; text-align:center; transition:color 0.3s ease;}
.contents .sub-visual .title-wrap .title-box h2 span {display:inline-block; position:relative;}
.contents .sub-visual .img-wrap {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.contents .sub-visual .img-wrap .img-box {width:100%; height:100%; position:relative; clip-path:ellipse(50% 40% at 50% 100%); transition:1s ease-in-out;}
.contents .sub-visual .img-wrap .img-box img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

.contents .sub-visual.active .title-wrap .title-box h2 {color:var(--white);}
.contents .sub-visual.active .img-wrap .img-box {clip-path:ellipse(100% 200% at 50% 100%);}

@media screen and (max-width: 1024px) {
    .contents .sub-visual .title-wrap {transform:translateY(-10%);}
    .contents .sub-visual .img-wrap .img-box {clip-path:ellipse(65% 40% at 50% 100%);}
}



.contents .sub-contents {width:100%;}

.contents .scroll-wrap {width:100%; overflow-x:auto;}
.contents .scroll-wrap::-webkit-scrollbar {height:5px; background-color:rgba(0,0,0,0.05);}



/* board gallery */
.contents .board-wrap .gallery-tb {width:100%;}
.contents .board-wrap .gallery-tb .main-gallery {width:100%; margin:0 auto; overflow:hidden; position:relative;}
.contents .board-wrap .gallery-tb .main-gallery .main-gallery-wrap {width:100%; max-width:1000px; margin:0 auto; overflow:hidden; aspect-ratio:1000/667; position:relative;}
.contents .board-wrap .gallery-tb .main-gallery .main-gallery-wrap .main-gallery-box .gallery-box {width:100%; background:var(--down-white); position:absolute; left:0; top:0; opacity:0;}
.contents .board-wrap .gallery-tb .main-gallery .main-gallery-wrap .main-gallery-box .gallery-box span {display:block; width:100%; aspect-ratio:1000/667; position:relative; overflow:hidden;}
.contents .board-wrap .gallery-tb .main-gallery .main-gallery-wrap .main-gallery-box .gallery-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:contain;}


.contents .board-wrap .gallery-tb .thumb-gallery {width:100%; margin-top:var(--gap-60); position:relative;}
.contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap {width:calc(100% - 260px); margin:0 auto; overflow-x:auto; display:flex; scroll-behavior:smooth; cursor:grab; user-select:none; scrollbar-width:none; -ms-overflow-style:none;}
.contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap::-webkit-scrollbar {display:none;}
.contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap.dragging {cursor:grabbing;}
.contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box {display:flex; width:fit-content; gap:20px;}
.contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box {width:180px; cursor:pointer;}
.contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box span {display:block; width:100%; aspect-ratio:180/120; position:relative; overflow:hidden; position:relative;}
.contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; z-index:1; user-select:none; pointer-events:none;}
.contents .board-wrap .gallery-tb .thumb-gallery .arrow {width:var(--el-size); aspect-ratio:1; border-radius:50%; background:var(--black); position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;}
.contents .board-wrap .gallery-tb .thumb-gallery .arrow:before {content:''; width:100%; height:100%; border-radius:50%; background:url(/img/com/arrow_right_white.svg) center no-repeat; background-size:40% auto; position:absolute; left:0; top:0;}
.contents .board-wrap .gallery-tb .thumb-gallery .gallery-button-next {right:0;}
.contents .board-wrap .gallery-tb .thumb-gallery .gallery-button-prev {left:0;}
.contents .board-wrap .gallery-tb .thumb-gallery .gallery-button-prev:before {transform:scaleX(-1);}
.contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box span:before {content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; box-sizing:border-box; border:5px solid transparent;}
.contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box.active span:before {border-color:var(--key-color);}

@media screen and (max-width: 1280px) {
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap {width:calc(100% - 180px);}
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box {gap:12px;}
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box {width:140px;}
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box span:before {border-width:4px;}
}

@media screen and (max-width: 768px) {
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap {width:calc(100% - 130px);}
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box {gap:10px;}
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box {width:120px;}
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box span:before {border-width:3px;}
    .contents .board-wrap .gallery-tb .thumb-gallery .arrow  {width:40px;}
}

@media screen and (max-width: 480px) {
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap {width:calc(100% - 70px);}
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box {gap:5px;}
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box {width:80px;}
    .contents .board-wrap .gallery-tb .thumb-gallery .thumb-gallery-wrap .thumb-gallery-box .gallery-box span:before {border-width:2px;}
    .contents .board-wrap .gallery-tb .thumb-gallery .arrow  {width:25px;}
}




.contents .board-wrap .board-list-top {width:100%; display:flex; justify-content:flex-end; margin-bottom:var(--gap-32);}


.contents .board-wrap .board-search .search-wrap {display:flex; align-items:center; gap:var(--gap-8);}
.contents .board-wrap .board-search .search-wrap .select-box {width:165px; height:var(--el-size);}
.contents .board-wrap .board-search .search-wrap .input-box {flex-shrink:1; flex-basis:240px; height:var(--el-size); background:var(--gray-e);}
.contents .board-wrap .board-search .search-wrap .input-box input {width:100%; height:100%; border:none; background:transparent; padding:0 10px; font-size:var(--font-16); font-weight:500;}
.contents .board-wrap .board-search .search-wrap .btn-search {width:120px; height:var(--el-size); background:var(--black); font-size:var(--font-16); color:var(--white); font-weight:700; border:none;}




:root {
    --thumb-tb-gap : 20px;
    --thumb-tb-col : 4;
}

.contents .board-wrap .thumb-tb {width:100%; display:flex; align-items:flex-start; gap:var(--gap-50) var(--thumb-tb-gap); flex-wrap:wrap;}
.contents .board-wrap .thumb-tb .col {width:calc((100% - (var(--thumb-tb-gap) * (var(--thumb-tb-col) - 1))) / var(--thumb-tb-col)); background:var(--gray-e); position:relative;}
.contents .board-wrap .thumb-tb .col:before {content:''; width:100%; height:0%; background:var(--key-color); position:absolute; left:0; top:0; z-index:0; transition:height 0.4s ease-in-out;}
.contents .board-wrap .thumb-tb .col a {display:block; width:100%; height:100%; position:relative; z-index:10;}
.contents .board-wrap .thumb-tb .col .thumb-box {width:100%; padding:40px;}
.contents .board-wrap .thumb-tb .col .thumb-box .thumbnail {width:95%; aspect-ratio:1; position:relative; overflow:hidden; margin:0 auto;}
.contents .board-wrap .thumb-tb .col .thumb-box .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.contents .board-wrap .thumb-tb .col .thumb-box .subject {width:100%; height:54px; margin-top:var(--gap-32); font-size:var(--font-18); font-weight:700; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:auto-phrase; transition:color 0.3s ease-in-out; text-align: center;}
.contents .board-wrap .thumb-tb .col:hover:before {height:100%;}
.contents .board-wrap .thumb-tb .col:hover .thumb-box .subject {color:var(--white);}

@media screen and (max-width: 1280px) {
    .contents .board-wrap .thumb-tb .col .thumb-box {padding:24px;}
    .contents .board-wrap .thumb-tb .col .thumb-box .subject {height:48px; font-size:var(--font-16);}
}

@media screen and (max-width: 1024px) {
    :root {
        --thumb-tb-col : 3;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --thumb-tb-gap : 15px;
    }
    .contents .board-wrap .thumb-tb .col .thumb-box {padding:15px;}
    .contents .board-wrap .thumb-tb .col .thumb-box .subject {height:42px;}
}

@media screen and (max-width: 648px) {
    :root {
        --thumb-tb-col : 2;
        --thumb-tb-gap : 20px;
    }
    .contents .board-wrap .thumb-tb .col .thumb-box {padding:20px;}
    .contents .board-wrap .thumb-tb .col .thumb-box .subject {height:42px;}
}

@media screen and (max-width: 648px) {
    :root {
        --thumb-tb-col : 2;
        --thumb-tb-gap : 10px;
    }
    .contents .board-wrap .thumb-tb .col .thumb-box {padding:12px;}
    .contents .board-wrap .thumb-tb .col .thumb-box .subject {height:39px;}
}





.contents .board-wrap .basic-tb {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .board-wrap .basic-tb .row {width:100%;}
.contents .board-wrap .basic-tb .row a {width:100%; display:block;}
.contents .board-wrap .basic-tb .row .col {width:100%; min-height:120px; padding:20px 60px; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-16); background:var(--white); border:1px solid var(--gray-e); box-shadow:0 0 10px rgba(0,0,0,0.05); transition:background 0.3s ease-in-out;}
.contents .board-wrap .basic-tb .row .col > * {text-align:center; color:var(--gray-1);}
.contents .board-wrap .basic-tb .row .col .category {font-size:var(--font-18); color:var(--key-color); font-weight:600;}
.contents .board-wrap .basic-tb .row .col .num {width:100px; font-size:var(--font-20); font-weight:600;}
.contents .board-wrap .basic-tb .row .col .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; flex-shrink:1;}
.contents .board-wrap .basic-tb .row .col .date {width:100px; font-size:var(--font-18); font-weight:400; color:var(--gray-6);}
.contents .board-wrap .basic-tb .row .col .thumbnail span {display:block; width:100%; aspect-ratio:1; position:relative; overflow:hidden;}
.contents .board-wrap .basic-tb .row .col .thumbnail span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.contents .board-wrap .basic-tb .row .col .label span {display:flex; align-items:center; justify-content:center; border-radius:100px; width:100%; max-width:70px; height:36px; border:1px solid var(--key-color); color:var(--key-color); font-size:var(--font-16); background:Var(--white); margin:0 auto;}
.contents .board-wrap .basic-tb .row .col:hover {background:var(--key-color);}
.contents .board-wrap .basic-tb .row .col:hover > * {color:var(--white) !important;}


.contents .board-wrap .basic-tb[data-id='guide-tb'] .row .col .category {width:145px;}
.contents .board-wrap .basic-tb[data-id='guide-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 3) - 345px);}

.contents .board-wrap .basic-tb[data-id='notice-tb'] .row .col .label {width:100px;}
.contents .board-wrap .basic-tb[data-id='notice-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 2) - 200px);}

.contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .category {width:250px;}
.contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 2) - 350px);}
.contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .date {display: none;}

.contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .thumbnail {width:150px;}
.contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 2) - 250px);}
.contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .subject .subject-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .subject .title {font-size:var(--font-20); font-weight:500; color:var(--gray-1); width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col:hover .title,
.contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col:hover .date {color:var(--white) !important;}



@media screen and (max-width: 1320px) {
    .contents .board-wrap .basic-tb .row .col {padding:20px 40px;}
}


@media screen and (max-width: 1280px) {
    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .category {width:180px;}
    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 3) - 380px);}
}


@media screen and (max-width: 1024px) {
    .contents .board-wrap .basic-tb .row .col {padding:10px 30px; min-height:100px;}
    .contents .board-wrap .basic-tb .row .col .date {width:80px;}

    .contents .board-wrap .basic-tb[data-id='guide-tb'] .row .col .num {display:none;}    
    .contents .board-wrap .basic-tb[data-id='guide-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 2) - 225px)};

    .contents .board-wrap .basic-tb[data-id='notice-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 2) - 180px);}

    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .date {display:none;}
    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .num {width:50px;}
    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .category {width:150px;}
    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 3) - 200px);}

    .contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .thumbnail {width:100px;}
    .contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 2) - 180px);}
}

@media screen and (max-width: 768px) {
    .contents .board-wrap .basic-tb .row .col {min-height:140px; flex-direction:column; justify-content:center; gap:var(--gap-10);}
    .contents .board-wrap .basic-tb .row .col > * {text-align:left;}
    .contents .board-wrap .basic-tb .row .col .label span {margin-left:0; margin-right:auto; height:32px; width:60px;}

    .contents .board-wrap .basic-tb[data-id='guide-tb'] .row .col .category,
    .contents .board-wrap .basic-tb[data-id='guide-tb'] .row .col .subject,
    .contents .board-wrap .basic-tb[data-id='guide-tb'] .row .col .date {width:100%; flex-basis:100%;}

    .contents .board-wrap .basic-tb[data-id='notice-tb'] .row .col .label,
    .contents .board-wrap .basic-tb[data-id='notice-tb'] .row .col .num,
    .contents .board-wrap .basic-tb[data-id='notice-tb'] .row .col .subject,
    .contents .board-wrap .basic-tb[data-id='notice-tb'] .row .col .date {width:100%; flex-basis:100%;}

    /* .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .date {display:block;} */
    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .category,
    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .num,
    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .subject,
    .contents .board-wrap .basic-tb[data-id='lan-tb'] .row .col .date {width:100%; flex-basis:100%;}

    .contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col {flex-direction:row;}
    .contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .num {display:none;}
    .contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .thumbnail {width:80px;}
    .contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 2) - 80px);}
}

@media screen and (max-width: 480px) {
    .contents .board-wrap .basic-tb .row .col {min-height:120px; padding:10px 15px;}
    .contents .board-wrap .basic-tb .row .col .label span {height:28px; width:55px;}

    .contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .thumbnail {width:60px;}
    .contents .board-wrap .basic-tb[data-id='graduate-tb'] .row .col .subject {flex-basis:calc(100% - (var(--gap-16) * 2) - 60px);}
}



.contents .board-wrap .faq-tb {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .board-wrap .faq-tb .row {width:100%; cursor:pointer; min-height:120px; padding:40px 60px; display:flex; align-items:center; justify-content:space-between; background:var(--white); border:1px solid var(--gray-e); box-shadow:0 0 10px rgba(0,0,0,0.05); transition:background 0.3s ease-in-out;}
.contents .board-wrap .faq-tb .row .col {width:100%; display:flex; align-items:flex-start; justify-content:center;}
.contents .board-wrap .faq-tb .row .col .label {width:var(--gap-40); aspect-ratio:1; display:flex; align-items:center; justify-content:center; font-size:var(--font-20); font-weight:600; color:var(--white); background:var(--key-color);}
.contents .board-wrap .faq-tb .row .col .faq-box {flex-basis:calc(100% - (var(--gap-40) * 2)); flex-shrink:1; padding:0 30px; display:flex; flex-direction:column;}
.contents .board-wrap .faq-tb .row .col .faq-box .question {display:flex; align-items:center; flex-wrap:wrap; font-size:var(--font-20); font-weight:700; min-height:var(--gap-40); transition:0.3s ease-in-out;}
.contents .board-wrap .faq-tb .row .col .faq-box .answer {font-size: calc(var(--font-20)*0.9); font-weight:400; padding-top:var(--gap-16); display:none;}
.contents .board-wrap .faq-tb .row .col .faq-box .answer * {font-size: inherit !important; font-family: inherit !important; background-color: none !important; line-height: inherit !important;}
.contents .board-wrap .faq-tb .row .col .arrow {width:var(--gap-40); aspect-ratio:1; position:relative;}
.contents .board-wrap .faq-tb .row .col .arrow:before,
.contents .board-wrap .faq-tb .row .col .arrow:after {content:''; background:var(--key-color); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:0.3s ease-in-out;}
.contents .board-wrap .faq-tb .row .col .arrow:before {width:50%; height:2px;}
.contents .board-wrap .faq-tb .row .col .arrow:after {width:2px; height:50%;}

.contents .board-wrap .faq-tb .row:hover,
.contents .board-wrap .faq-tb .row.active {background:var(--key-color);}
.contents .board-wrap .faq-tb .row:hover .col .label,
.contents .board-wrap .faq-tb .row.active .col .label {background:var(--white); color:var(--key-color);}
.contents .board-wrap .faq-tb .row:hover .col .faq-box,
.contents .board-wrap .faq-tb .row.active .col .faq-box {color:var(--white);}
.contents .board-wrap .faq-tb .row:hover .col .arrow:before,
.contents .board-wrap .faq-tb .row:hover .col .arrow:after,
.contents .board-wrap .faq-tb .row.active .col .arrow:before,
.contents .board-wrap .faq-tb .row.active .col .arrow:after {background:var(--white);}

.contents .board-wrap .faq-tb .row.active .col .faq-box .question {min-height:0;}
.contents .board-wrap .faq-tb .row.active .col .arrow:after {transform:translate(-50%,-50%) rotate(90deg);}


@media screen and (max-width: 1320px) {
    .contents .board-wrap .faq-tb .row {padding:30px 40px;}
}

@media screen and (max-width: 1024px) {
    .contents .board-wrap .faq-tb .row {padding:20px 30px; min-height:100px;}
    .contents .board-wrap .faq-tb .row .col .faq-box {padding:0 20px;}
}

@media screen and (max-width: 480px) {
    .contents .board-wrap .faq-tb .row {padding:15px 15px;}
    .contents .board-wrap .faq-tb .row .col .faq-box {padding:0 15px;}
}




.contents .board-paging {width:100%; margin-top:var(--gap-80);}
.contents .board-paging .pagination {width:100%; display:flex; align-items:center; gap:8px 5px; flex-wrap:wrap; justify-content:center;}
.contents .board-paging .pagination a {display:flex; align-items:center; justify-content:center; min-width:40px; height:40px; font-size:18px; color:var(--gray-3); padding:0 var(--gap-10); box-sizing:border-box; position:relative;}
.contents .board-paging .pagination a.on {background:var(--key-color); color:var(--white); font-weight:500;}
.contents .board-paging .pagination a.arrow {font-size:0;}
.contents .board-paging .pagination a.arrow:before {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-size:40% auto; background-repeat:no-repeat; background-position:center;}
.contents .board-paging .pagination a.double:before {background-image:url(/img/com/arrow_double_gray.svg);}
.contents .board-paging .pagination a.basic:before {background-image:url(/img/com/arrow_gray.svg);}
.contents .board-paging .pagination a.next:before,
.contents .board-paging .pagination a.end:before {transform:scaleX(-1);}


@media screen and (max-width: 648px) {
    .contents .board-paging .pagination a {min-width:34px; height:34px; font-size:16px;}
}

@media screen and (max-width: 480px) {
    .contents .board-paging .pagination a {min-width:28px; height:28px; font-size:12px;}
    .contents .board-wrap .board-view .post-wrap .post-tb .head .subject {font-size:var(--font-24);}
}



.contents .board-wrap article {width:100%; margin-top:calc(var(--gap-50) * 3);}
.contents .board-wrap article:first-child {margin-top:0;}


.contents .board-wrap .board-view {width:100%;}
.contents .board-wrap .board-view .post-wrap {width:95%; max-width:1280px; margin:0 auto; background:var(--white); box-shadow:0 0 0 rgba(0,0,0,0.05); position:relative; padding:var(--gap-80) 0;}
.contents .board-wrap .board-view .post-wrap .post-tb {width:90%; max-width:1200px; margin:0 auto;}
.contents .board-wrap .board-view .post-wrap .post-tb .head {width:100%; padding-bottom:var(--gap-32); border-bottom:1px solid var(--gray-e);}
.contents .board-wrap .board-view .post-wrap .post-tb .head .subject {width:100%; font-size:var(--font-32); font-weight:700;}
.contents .board-wrap .board-view .post-wrap .post-tb .head .date {width:100%; font-size:var(--font-16); color:var(--gray-6); margin-top:var(--gap-10);}
.contents .board-wrap .board-view .post-wrap .post-tb .post-conts {width:100%; max-width:1125px; margin:0 auto;}
.contents .board-wrap .board-view .post-wrap .post-tb .post-conts .post-box {width:100%; padding:var(--gap-50) 0;}
.contents .board-wrap .board-view .post-wrap .post-tb .post-conts .post-box img {max-width:100%;}
.contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file {width:100%; min-height:70px; background:rgba(242,115,37,0.1); padding:calc(var(--gap-10) * 2) var(--gap-32); display:flex;}
.contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file .tlt {font-size:var(--font-18); font-weight:700; width:80px;}
.contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file .file-list {width:calc(100% - 80px); display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file .file-list span {width:100%; display:block;}
.contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file .file-list span a {font-size:var(--font-18); font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; display:inline-block; max-width:100%;}
.contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file .file-list span a:after {content:''; width:100%; height:1px; background:var(--black); position:absolute; left:0; bottom:0;}
.contents .board-wrap .board-view .post-wrap .img-box {width:100%; max-width:1020px; margin:0 auto;}
.contents .board-wrap .board-view .post-wrap .img-box img {display:block; width:100%;}
.contents .board-wrap .board-view .post-wrap .post-head {width:100%; padding:calc(var(--gap-60)* 2 ) 0; background:var(--white); padding-top:0;}
.contents .board-wrap .board-view .post-wrap .post-head .head-wrap {width:90%; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-10); align-items:center;}
.contents .board-wrap .board-view .post-wrap .post-head .head-wrap > * {width:100%; text-align:center;}
.contents .board-wrap .board-view .post-wrap .post-head .head-wrap .subject {font-size:var(--title-size); line-height:1.3; font-weight:700;}
.contents .board-wrap .board-view .post-wrap .post-head .head-wrap .date {font-size:var(--font-30); font-weight:500; color:var(--gray-6);}

@media screen and (max-width: 768px) {
    .contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file .tlt {width:70px;}
    .contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file .file-list {width:calc(100% - 70px);}
}

@media screen and (max-width: 648px) {
    .contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file {flex-direction:column; gap:var(--gap-16);}
    .contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file .tlt,
    .contents .board-wrap .board-view .post-wrap .post-tb .post-conts .attech-file .file-list {width:100%;}
}



.contents .board-wrap .board-view .view-wrap {width:95%; max-width:1020px; margin:0 auto;}
.contents .board-wrap .board-view .view-wrap .post-head {width:100%; padding:calc(var(--gap-60)* 2 ) 0; background:var(--white);}
.contents .board-wrap .board-view .view-wrap .post-head .head-wrap {width:90%; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-10); align-items:center;}
.contents .board-wrap .board-view .view-wrap .post-head .head-wrap > * {width:100%; text-align:center;}
.contents .board-wrap .board-view .view-wrap .post-head .head-wrap .subject {font-size:var(--title-size); line-height:1.3; font-weight:700;}
.contents .board-wrap .board-view .view-wrap .post-head .head-wrap .date {font-size:var(--font-30); font-weight:500; color:var(--gray-6);}
.contents .board-wrap .board-view .view-wrap .img-box {width:100%;}
.contents .board-wrap .board-view .view-wrap .img-box img {display:block; width:100%; margin:0 auto;}





.contents .board-wrap .board-button {width:100%; margin-top:var(--gap-60); display:flex; align-items:center; justify-content:center; gap:var(--gap-10);}



.contents .board-wrap .board-form .input-box {width:100%; height:var(--el-size); position:relative;}
.contents .board-wrap .board-form .input-box input {width:100%; height:100%; background:transparent; border:solid var(--gray-d); border-width:0 0 1px 0; padding:0 var(--gap-24); font-size:var(--font-16); font-weight:500;}
.contents .board-wrap .board-form .input-box input::placeholder {color:var(--gray-c);}

.contents .board-wrap .board-form .input-box[data-type='box'] input {background:var(--gray-e); border-width:0;}
.contents .board-wrap .board-form .input-box[data-type='box'] input::placeholder {color:var(--gray-6);}


.contents .board-wrap .board-form .select-box {height:var(--el-size);}

.contents .board-wrap .board-form .email-wrap {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-10);}
.contents .board-wrap .board-form .email-wrap .input-box {flex-shrink:1;}

.contents .board-wrap .board-form .datetime-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-40);}
.contents .board-wrap .board-form .datetime-wrap > * {flex-shrink:1;}
.contents .board-wrap .board-form .datetime-wrap .input-box {flex-basis:300px;}
.contents .board-wrap .board-form .datetime-wrap .time-box {width:240px; display:flex; gap:var(--gap-10); justify-content:space-between; align-items:center;}
.contents .board-wrap .board-form .datetime-wrap .time-box .select-box {flex-grow:1; flex-shrink:1; max-width:200px;}
.contents .board-wrap .board-form .datetime-wrap .time-box p {flex-shrink:1;}

.contents .board-wrap .board-form .option-wrap {width:100%;}
.contents .board-wrap .board-form .option-wrap ul {width:100%; display:flex; align-items:center; gap:var(--gap-16) var(--gap-40); flex-wrap:wrap;}

.contents .board-wrap .board-form .text-wrap {width:100%;}
.contents .board-wrap .board-form .text-wrap textarea {width:100%; height:250px; box-sizing:border-box; border:1px solid var(--gray-d); padding:var(--gap-16) var(--gap-24); font-size:var(--font-16); resize:none;}
.contents .board-wrap .board-form .text-wrap textarea::placeholder {color:var(--gray-c);}

.contents .board-wrap .board-form .text-wrap[data-type='box'] textarea {background:var(--gray-e); border-width:0;}
.contents .board-wrap .board-form .text-wrap[data-type='box'] textarea::placeholder {color:var(--gray-6);}



@media screen and (max-width: 768px) {
    .contents .board-wrap .board-form .text-wrap textarea {height:220px;}
}

@media screen and (max-width: 480px) {
    .contents .board-wrap .board-form .input-box input {padding:0 10px;}
    .contents .board-wrap .board-form .datetime-wrap {flex-wrap:wrap;}
    .contents .board-wrap .board-form .datetime-wrap .input-box {flex-basis:100%;}
    .contents .board-wrap .board-form .datetime-wrap .time-box {width:calc((100% - var(--gap-40)) / 2);}
    .contents .board-wrap .board-form .text-wrap textarea {height:180px; padding:10px;}
}



.contents .board-wrap .board-form {width:100%;}
.contents .board-wrap .board-form .form-wrap {width:100%; background:var(--white); box-shadow:0 0 0 rgba(0,0,0,0.05); position:relative; padding:var(--gap-100) 0;}
.contents .board-wrap .board-form .form-wrap .form-tb {width:95%; max-width:1125px; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-80);}
.contents .board-wrap .board-form .form-wrap .form-tb .row {width:100%; display:flex; gap:var(--gap-80) var(--gap-24);}
.contents .board-wrap .board-form .form-wrap .form-tb .row .col {width:100%; flex-shrink:1; flex-grow:1; display:flex; flex-direction:column; gap:calc(var(--gap-10) * 2);}
.contents .board-wrap .board-form .form-wrap .form-tb .row .col .head {width:100%; font-size:var(--font-18); font-weight:500;}
.contents .board-wrap .board-form .form-wrap .form-tb .row .col .head span {position:relative;}
.contents .board-wrap .board-form .form-wrap .form-tb .row .col .head span.required:after {content:''; width:calc(var(--font-18) * 0.34); max-width:6px; aspect-ratio:1; border-radius:50%; background:var(--key-color); position:absolute; right:calc(((var(--font-18) + 10px) * 0.34) * -1); top:1px;}
.contents .board-wrap .board-form .form-wrap .form-tb .row .col .input {width:100%; display:flex; flex-direction:column; gap:var(--gap-24);}
.contents .board-wrap .board-form .form-wrap .form-tb .row .col .input p {font-size:var(--font-18); font-weight:500;}


.contents .board-wrap .board-form .form-wrap .form-tb .row[data-col='2'] {justify-content:space-between;}
.contents .board-wrap .board-form .form-wrap .form-tb .row[data-col='2'] .col {max-width:500px;}


@media screen and (max-width: 768px) {
    .contents .board-wrap .board-form .form-wrap .form-tb .row {flex-direction:column;}
    .contents .board-wrap .board-form .form-wrap .form-tb .row[data-col='2'] .col {max-width:100%;}
}



.contents section .obj-wrap .obj {aspect-ratio:1; border-radius:50%; background:var(--key-color); background:radial-gradient(circle, rgba(255, 122, 40, 1) 0%, rgba(255, 122, 40, 0) 70%); opacity:0.4; position:absolute; animation:objBounce 2.5s ease-in-out infinite both;}

@keyframes objBounce {
    0% {transform:translateY(15px);}
    50% {transform:translateY(-15px);}
    100% {transform:translateY(15px);}
}




.depth-category {width:100%; margin-bottom:var(--gap-60);}
.depth-category .category-wrap {width:fit-content; display:flex; align-items:center; justify-content:center; gap:var(--gap-8); min-width:100%;}
.depth-category .category-wrap .category {width:fit-content; height:var(--el-size); display:flex; align-items:center; justify-content:center; padding:0 calc(var(--gap-10) * 2); background:var(--white); font-size:var(--font-18); color:var(--gray-9); font-weight:700; transition:background 0.3s ease-in-out; white-space:nowrap;}
.depth-category .category-wrap .category.on {background:var(--key-color); color:var(--white);}





.introduction .introduction-wrap {width:100%;}
.introduction .introduction-wrap section {width:100%; position:relative; box-sizing:border-box;}
.introduction .introduction-wrap section .sec-wrap {position:relative;}
.introduction .introduction-wrap section .sec-title {width:100%;}
.introduction .introduction-wrap section .sec-title .title-wrap {width:100%;}
.introduction .introduction-wrap section .sec-title .title-wrap .title-box h2 {font-size:var(--font-40); font-weight:800;}

.introduction .introduction-wrap section .sec-title[data-type='center'] .title-wrap .title-box h2 {text-align:center;}

.introduction .introduction-wrap section .sec-title[data-color='white'] .title-wrap .title-box h2 {color:var(--white);}



.introduction .introduction-wrap .sec-1 {padding:calc(var(--gap-50) * 5) 0;}
.introduction .introduction-wrap .sec-1 .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto; display:flex; flex-direction:column; gap:calc(var(--gap-50) * 5)}
.introduction .introduction-wrap .sec-1 article {width:100%; position:relative;}

.introduction .introduction-wrap .sec-1 .intro {width:95%; max-width:1230px; margin:0 auto;}
.introduction .introduction-wrap .sec-1 .intro .inner {width:100%;}
.introduction .introduction-wrap .sec-1 .intro .title-wrap {width:100%; margin-bottom:var(--gap-80); text-align:center; color:var(--gray-1);}
.introduction .introduction-wrap .sec-1 .intro .title-wrap .main-title {font-size:var(--font-40); font-weight:700; text-align:center; line-height:1.3; margin-bottom:var(--gap-16);}
.introduction .introduction-wrap .sec-1 .intro .title-wrap .sub-title {font-size:var(--font-30); font-weight:500;}
.introduction .introduction-wrap .sec-1 .intro .title-wrap .sub-title span {color:var(--key-color);}
.introduction .introduction-wrap .sec-1 .intro .title-wrap .sub-title span.bold {font-weight:700;}

@media screen and (max-width: 768px) {
    .introduction .introduction-wrap .sec-1 .intro .title-wrap .sub-title {font-size:var(--font-20);}
}

.introduction .introduction-wrap .sec-1 .intro .conts-wrap {width:100%;}
.introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-50); justify-content:space-between;}
.introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap > * {flex-shrink:1;}
.introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap .img-box {flex-basis:646px; position:relative;}
.introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap .img-box:after {content:''; width:100%; height:100%; box-sizing:border-box; border:1px solid var(--key-color); position:absolute; right:calc(var(--gap-10) * -2); bottom:calc(var(--gap-10) * -2); }
.introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap .img-box span {display:block; width:100%; aspect-ratio:646/412; position:relative; overflow:hidden; z-index:10;}
.introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap .conts-box {flex-basis:440px; display:flex; flex-direction:column; gap:var(--gap-24); font-size:var(--font-20); font-weight:400; color:var(--gray-1);}

@media screen and (max-width: 1280px) {
    .introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap .conts-box {font-size:var(--font-16);}
}

@media screen and (max-width: 1024px) {
    .introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap {flex-direction:column; gap:var(--gap-60);}
    .introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap .img-box,
    .introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap .conts-box {flex-basis:100%; width:100%;}
    .introduction .introduction-wrap .sec-1 .intro .conts-wrap .intro-wrap .conts-box {font-size:var(--font-20); max-width:500px; margin:0 auto;}
}

.introduction .introduction-wrap .sec-1 .intro .obj-wrap .obj[data-idx='1'] {width:13%; max-width:180px; left:-16%; bottom:-30%;}
.introduction .introduction-wrap .sec-1 .intro .obj-wrap .obj[data-idx='2'] {width:30%; max-width:400px; right:-16%; top:-2%; animation-delay:0.2s;}

@media screen and (max-width: 1024px) {
    .introduction .introduction-wrap .sec-1 .intro .obj-wrap .obj[data-idx='1'] {left:-2%; bottom:-10%;}
    .introduction .introduction-wrap .sec-1 .intro .obj-wrap .obj[data-idx='2'] {right:-5%; top:-14%;}
}

@media screen and (max-width: 480px) {
    .introduction .introduction-wrap .sec-1 .intro .obj-wrap .obj[data-idx='1'] {width:20%; bottom:-15%;}
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .conts-box .conts .txt.sign img{width: 100px !important;}
}





.introduction .introduction-wrap .sec-1 .greeting {width:100%; background:var(--key-sub-color); padding:calc(var(--gap-60) * 2) 0;}
.introduction .introduction-wrap .sec-1 .greeting .inner {width:90%; max-width:1150px; margin:0 auto;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap {width:100%; position:relative;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box {width:100%; display:flex; justify-content:space-between; gap:var(--gap-40); position:relative; z-index:10;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box > * {flex-shrink:1; position:relative;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .img-wrap {flex-basis:500px; position:relative;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .img-wrap .img-box {width:100%; position:relative; aspect-ratio:500/572; z-index:10;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .img-wrap .img-box:after {content:''; width:140%; max-width:700px; aspect-ratio:680/102; background:url(/img/conts/greeting_txt.svg) center no-repeat; background-size:cover; position:absolute; left:var(--gap-24); top:94%;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .img-wrap .img-box span {display:block; width:100%; height:100%; position:relative;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .img-wrap .img-box img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap {flex-basis:530px;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-32);position: relative;z-index: 1;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .conts-box .head {font-size:var(--font-20); font-weight:800; color:var(--key-color);}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .conts-box .conts {display:flex; flex-direction:column; gap:var(--gap-16); font-size:var(--font-18); font-weight:400; color:var(--gray-1);}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .conts-box .conts span {font-weight:700;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .conts-box .conts .txt.sign {display: flex;align-items: center;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .conts-box .conts .txt.sign img{width: 140px;margin-left: 20px;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .img-obj-box {width:65%; position:absolute; right:-15%; bottom:-12%; max-width:342px;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .img-obj-box span {display:block; width:100%; aspect-ratio:342/148; position:relative; overflow:hidden;}
.introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .img-obj-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}


@media screen and (max-width: 1600px) {
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .img-obj-box {right:-8%;}
}

@media screen and (max-width: 1280px) {
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .img-obj-box {width:50%}
}

@media screen and (max-width: 648px) {
    .introduction .introduction-wrap .sec-1 .greeting {padding-top:var(--gap-80);}
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box {flex-direction:column; gap:var(--gap-80);}
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box > * {flex-shrink:0;}
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .img-wrap,
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap {flex-basis:100%;}
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .img-wrap .img-box:after {width:110%; left:50%; transform:translateX(-50%);}
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .img-obj-box {right:-3%;}
}

@media screen and (max-width: 480px) {
    .introduction .introduction-wrap .sec-1 .greeting .greeting-wrap .greeting-box .conts-wrap .img-obj-box {bottom:-8%;}
}



.introduction .introduction-wrap .sec-2 {width:100%; min-height:var(--nvh); padding:calc(var(--gap-50) * 3) 0; background:var(--key-color); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.introduction .introduction-wrap .sec-2 .sec-wrap {width:100%;}
.introduction .introduction-wrap .sec-2 .sec-title {margin-bottom:var(--gap-80);}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap {width:90%; max-width:1260px; margin:0 auto;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap {width:100%; display:flex; align-items:flex-start; justify-content:space-between; gap:var(--gap-60);}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box {flex-shrink:1; flex-basis:547px;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .img-wrap {width:100%; display:flex; justify-content:space-between; gap:calc(var(--gap-10) * 2); position:relative;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .img-wrap .img-box {flex-shrink:1; position:relative; overflow:hidden;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .img-wrap .img-box img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .img-wrap .img-box[data-size='wide'] {width:76%; max-width:414px; aspect-ratio:414/320;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .img-wrap .img-box[data-size='medium'] {width:12%; max-width:62px; aspect-ratio:62/320;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .img-wrap .img-box[data-size='small'] {width:6%; max-width:31px; aspect-ratio:31/320;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .img-wrap .img-box[data-size='medium'] img,
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .img-wrap .img-box[data-size='small'] img {object-position:right center;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .conts-box {width:100%; margin-top:calc(var(--gap-10) * 2); display:flex; flex-direction:column; gap:var(--gap-8); color:var(--white);}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .conts-box .head {width:100%; font-size:var(--font-20); font-weight:700;}
.introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .conts-box .conts {font-size:var(--font-18); font-weight:500; width:100%; max-width:400px;}

@media screen and (max-width: 900px) {
    .introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap {gap:var(--gap-50);}
    .introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .img-wrap {gap:var(--gap-10);}
}

@media screen and (max-width: 768px) {
    .introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap {flex-direction:column; align-items:center; justify-content:center;}
    .introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box {flex-basis:100%; width:100%; max-width:547px;}
}

@media screen and (max-width: 480px) {
    .introduction .introduction-wrap .sec-2 .mission-vision-wrap .conts-wrap .layout-box .conts-box .conts .br {display:inline-block;}
}


.introduction .introduction-wrap .sec-2 .typo-wrap {width:100%; margin-top:var(--gap-60); display:flex; align-items:center; justify-content:center; gap:calc(var(--gap-60) * 2);}
.introduction .introduction-wrap .sec-2 .typo-wrap .typo-box {width:fit-content; display:flex; align-items:center; justify-content:center; gap:calc(var(--gap-60) * 2);}
.introduction .introduction-wrap .sec-2 .typo-wrap .typo-box .txt img {display:block;}

@media screen and (max-width: 1280px) {
    .introduction .introduction-wrap .sec-2 .typo-wrap .typo-box .txt img {height:100px;}
}

@media screen and (max-width: 768px) {
    .introduction .introduction-wrap .sec-2 .typo-wrap .typo-box .txt img {height:80px;}
}

@media screen and (max-width: 480px) {
    .introduction .introduction-wrap .sec-2 .typo-wrap .typo-box .txt img {height:50px;}
}





.introduction .introduction-wrap .sec-3 {width:100%; padding-top:calc(var(--gap-50) * 5);}
.introduction .introduction-wrap .sec-3 .sec-wrap {width:90%; max-width:1260px; margin:0 auto;}
.introduction .introduction-wrap .sec-3 .location-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-40);}
.introduction .introduction-wrap .sec-3 .location-wrap .conts-wrap {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-24);}
.introduction .introduction-wrap .sec-3 .location-wrap .conts-wrap .head {font-size:var(--font-40); font-weight:800;}
.introduction .introduction-wrap .sec-3 .location-wrap .conts-wrap .conts {flex-shrink:1; font-size:var(--font-20); font-weight:400; color:var(--gray-3);}
.introduction .introduction-wrap .sec-3 .location-wrap .map-wrap {width:100%;}
.introduction .introduction-wrap .sec-3 .location-wrap .map-wrap .map-box {width:100%; aspect-ratio:1260/473; position:relative;}
.introduction .introduction-wrap .sec-3 .location-wrap .map-wrap .map-box > * {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.introduction .introduction-wrap .sec-3 .location-wrap .map-wrap .map-box .root_daum_roughmap .wrap_map {width:100%; height:100%;}
.introduction .introduction-wrap .sec-3 .location-wrap .map-wrap .map-box .map_border,
.introduction .introduction-wrap .sec-3 .location-wrap .map-wrap .map-box .wrap_btn_zoom,
.introduction .introduction-wrap .sec-3 .location-wrap .map-wrap .map-box .wrap_controllers,
.introduction .introduction-wrap .sec-3 .location-wrap .map-wrap .map-box .cont {display:none;}

@media screen and (max-width: 1024px) {
    .introduction .introduction-wrap .sec-3 .location-wrap .conts-wrap {flex-direction:column; text-align:center;}
}

@media screen and (max-width: 768px) {
    .introduction .introduction-wrap .sec-3 .location-wrap .map-wrap .map-box {aspect-ratio:1260/560;}
}

@media screen and (max-width: 480px) {
    .introduction .introduction-wrap .sec-3 .location-wrap .map-wrap .map-box {aspect-ratio:1260/720;}
}


/* 251029 */
@media screen and (max-width: 480px) {
    .introduction .introduction-wrap .sec-1 {padding: calc(var(--gap-50) * 4) 0;}
    .introduction .introduction-wrap .sec-1 .sec-wrap {gap: calc(var(--gap-50) * 4);}
    .introduction .introduction-wrap .sec-2 {padding: calc(var(--gap-50) * 2.5) 0;}
    .introduction .introduction-wrap .sec-3 {padding-top: calc(var(--gap-50) * 4);}
}





.biz .biz-wrap {width:100%; padding-top:calc(var(--gap-60) * 2.15);}
.biz .biz-wrap section {width:100%; position:relative;}
.biz .biz-wrap section .sec-wrap {width:90%; margin:0 auto; max-width:var(--max-w); position:relative;}
.biz .biz-wrap section .sec-title {margin-bottom:var(--gap-80);}
.biz .biz-wrap section .sec-title h2 {font-size:var(--font-40); font-weight:800; line-height:1.3;}
.biz .biz-wrap section .sec-title .sub-txt {font-size:var(--font-20); color:var(--gray-3); font-weight:500; margin-top:calc(var(--gap-10) * 2);}

.biz .biz-wrap section .sec-title[data-type='center'] h2 {text-align:center;}
.biz .biz-wrap section .sec-title[data-type='center'] .sub-txt {text-align:center;}

.biz .biz-wrap section .sec-title[data-color='white'] h2 {color:var(--white);}

.biz .biz-wrap section .sec-title[data-type='between'] {display:flex; gap:var(--gap-24); align-items:flex-start; justify-content:space-between;}
.biz .biz-wrap section .sec-title[data-type='between'] .sub-txt {margin-top:0;}

@media screen and (max-width: 1024px) {
    .biz .biz-wrap section .sec-title[data-type='between'] {flex-direction:column; gap:var(--gap-16); align-items:center;}
    .biz .biz-wrap section .sec-title[data-type='between'] h2,
    .biz .biz-wrap section .sec-title[data-type='between'] .sub-txt {text-align:center;}
    .biz .biz-wrap section .sec-title[data-type='between'] .sub-txt {width:85%;}
}

@media screen and (max-width: 768px) {
    .biz .biz-wrap section .sec-title .sub-txt .br {display:inline-block;}
}



.biz .biz-wrap .biz-intro .intro-wrap {width:100%; display:flex; align-items:stretch; justify-content:space-between; gap:var(--gap-50); position:relative; z-index:10;}
.biz .biz-wrap .biz-intro .intro-wrap > * {flex-shrink:1; position:relative;}
.biz .biz-wrap .biz-intro .intro-wrap .conts-wrap .title-box .title {font-size:var(--title-size); font-weight:800; line-height:1.3;}
.biz .biz-wrap .biz-intro .intro-wrap .conts-wrap .title-box .sub-txt {font-size:var(--font-24); font-weight:600; margin-top:calc(var(--gap-10) * 2);}
.biz .biz-wrap .biz-intro .intro-wrap .conts-wrap .conts-box {font-size:var(--font-24); font-weight:500; color:var(--gray-6); margin-top:var(--gap-50);}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap {flex-basis:618px; transform:translateX(24%); transform-origin:center top;}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .img-box {width:100%; aspect-ratio:1; border-radius:50%; position:relative; z-index:10;}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .img-box img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box .circle {aspect-ratio:1; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box .circle span {width:100%; height:100%; display:block; border-radius:50%;}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box .circle:nth-child(1) {width:102%; z-index:3;}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box .circle:nth-child(1) span {background:var(--key-color);}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box .circle:nth-child(2) {width:110%; z-index:2;}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box .circle:nth-child(2) span {background:var(--white); border:4px solid rgba(242,115,37,0.5);}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box .circle:nth-child(3) {width:122%; z-index:1;}
.biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box .circle:nth-child(3) span {background:var(--white); border:2px solid rgba(242,115,37,0.3);}

.biz .biz-wrap .biz-intro .intro-typo {width:65%; max-width:1095px; position:absolute; left:-7%; bottom:0; z-index:11; opacity:0; transition:opacity 0.8s ease-in-out;}
.biz .biz-wrap .biz-intro .intro-typo span {display:block; width:100%; aspect-ratio:1095/135; position:relative;}
.biz .biz-wrap .biz-intro .intro-typo img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.biz .biz-wrap .biz-intro.active .intro-typo {opacity:1;}

.biz .biz-wrap .biz-intro .obj-wrap {z-index:0;}
.biz .biz-wrap .biz-intro .obj-wrap .obj[data-idx='1'] {width:20%; max-width:272px; left:37%; top:-18%;}
.biz .biz-wrap .biz-intro .obj-wrap .obj[data-idx='2'] {width:12%; max-width:162px; right:-10%; bottom:-5%; animation-delay:0.2s;}


@media screen and (max-width: 1880px) {
    .biz .biz-wrap .biz-intro .intro-wrap .img-wrap {transform:translateX(-2%);}

    .biz .biz-wrap .biz-intro .intro-typo {left:-4%; max-width:900px;}
}

@media screen and (max-width: 1320px) {
    .biz .biz-wrap .biz-intro .intro-wrap .img-wrap {flex-basis:450px;}
}

@media screen and (max-width: 1280px) {
    .biz .biz-wrap .biz-intro .intro-wrap .img-wrap {flex-basis:380px;}
}

@media screen and (max-width: 1024px) {
    .biz .biz-wrap .biz-intro .intro-wrap {flex-direction:column-reverse; align-items:center; gap:calc(var(--gap-60) * 2);}
    .biz .biz-wrap .biz-intro .intro-wrap .conts-wrap {width:100%; text-align:center;}
    .biz .biz-wrap .biz-intro .intro-wrap .img-wrap {flex-basis:0; width:80%; max-width:420px; transform:translateX(0);}

    .biz .biz-wrap .biz-intro .intro-typo {width:80%; z-index:1; left:50%; bottom:10%; transform:translateX(-50%);}

    .biz .biz-wrap .biz-intro .obj-wrap .obj[data-idx='1'] {width:25%; left:-2%; top:-8%;}
    .biz .biz-wrap .biz-intro .obj-wrap .obj[data-idx='2'] {width:18%; right:-2%; bottom:auto; top:55%;}
}

@media screen and (max-width: 480px) {
    .biz .biz-wrap .biz-intro .intro-wrap .img-wrap .circle-box .circle:nth-child(2) span {border-width:3px; }
}





.biz .biz-wrap .todai {padding:calc(var(--gap-50) * 5) 0;}
.biz .biz-wrap .todai .sec-wrap {display:flex; flex-direction:column; gap:calc(var(--gap-50) * 5);}
.biz .biz-wrap .todai article {width:100%; position:relative;}
.biz .biz-wrap .todai article .inner {width:100%; position:relative; z-index:10;}


.biz .biz-wrap .todai .todai-system .layout-wrap {width:100%; display:flex; align-items:center; justify-content:center; gap:30px; flex-wrap:wrap; position:relative;}
.biz .biz-wrap .todai .todai-system .layout-wrap:before {content:''; width:100vw; height:100%; background:var(--key-color); background:linear-gradient(180deg, rgba(242, 115, 37, 0) 0%, rgba(242, 115, 37, 0.8) 50%, rgba(242, 115, 37, 0) 100%); opacity:0.5; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.biz .biz-wrap .todai .todai-system .layout-wrap .layout-box {width:calc((100% - 60px) / 3); position:relative; aspect-ratio:450/350; z-index:10;}
.biz .biz-wrap .todai .todai-system .layout-wrap .layout-box:before {content:''; width:100%; height:100%; background:var(--black); background:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); opacity:0.8; position:absolute; left:0; top:0; z-index:11;}
.biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .img-box {width:100%; aspect-ratio:450/350; position:relativee; z-index:1;}
.biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .img-box img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box {width:100%; position:absolute; left:0; bottom:0; z-index:11; padding:30px; color:var(--white);}
.biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .label {width:fit-content; height:var(--gap-32); border-radius:100px; background:var(--key-color); display:flex; align-items:center; padding:0 calc(var(--gap-10) * 2); font-size:var(--font-16); font-weight:700; position:absolute; left:30px; top:calc((var(--gap-16)) * -1);}
.biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .head {font-size:var(--font-24); font-weight:800;}
.biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .conts {font-size:var(--font-18); font-weight:600; min-height:81px; margin-top:var(--gap-16); width:100%; max-width:320px;}

@media screen and (max-width: 1280px) {
    .biz .biz-wrap .todai .todai-system .layout-wrap {gap:20px;}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box {width:calc((100% - 40px) / 3);}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box {padding:20px;}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .label{left:20px; top:calc(var(--gap-24) * -1);}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .head {font-size:20px;}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .conts {font-size:15px; min-height:68px;}
}

@media screen and (max-width: 1024px) {
    .biz .biz-wrap .todai .todai-system .layout-wrap {gap:10px;}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box {width:calc((100% - 20px) / 3);}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .head {font-size:18px;}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .conts {font-size:13px; min-height:60px;}
}

@media screen and (max-width: 900px) {
    .biz .biz-wrap .todai .todai-system .layout-wrap {gap:20px; justify-content:flex-start;}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box {width:calc((100% - 20px) / 2);}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .head {font-size:var(--font-20);}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .conts {font-size:var(--font-16); min-height:72px;}
}

@media screen and (max-width: 768px) {
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box .conts-box .conts {min-height:63px;}
}

@media screen and (max-width: 648px) {
    .biz .biz-wrap .todai .todai-system .layout-wrap {gap:20px; max-width:420px; margin:0 auto;}
    .biz .biz-wrap .todai .todai-system .layout-wrap .layout-box {width:100%;}
}




.biz .biz-wrap .todai .todai-special .layout-wrap {width:100%; max-width:1136px; margin:0 auto; display:flex; align-items:stretch; gap:var(--gap-50); justify-content:space-between;}
.biz .biz-wrap .todai .todai-special .layout-wrap .layout-box {flex-shrink:1; flex-basis:200px;}
.biz .biz-wrap .todai .todai-special .layout-wrap .layout-box .icon {width:70%; max-width:104px; margin:0 auto; aspect-ratio:1; position:relative;}
.biz .biz-wrap .todai .todai-special .layout-wrap .layout-box .icon img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.biz .biz-wrap .todai .todai-special .layout-wrap .layout-box .conts {font-size:var(--font-20); font-weight:500; color:var(--gray-3); text-align:center; margin-top:var(--gap-40);}

@media screen and (max-width: 900px) {
    .biz .biz-wrap .todai .todai-special .layout-wrap {flex-wrap:wrap;}
    .biz .biz-wrap .todai .todai-special .layout-wrap .layout-box {flex-basis:calc((100% - var(--gap-50)) / 2); width:calc((100% - var(--gap-50)) / 2);}
}

@media screen and (max-width: 480px) {
    .biz .biz-wrap .todai .todai-special .layout-wrap .layout-box {flex-basis:100%; width:100%;}
}






.biz .biz-wrap .system {padding:calc(var(--gap-60) * 3) 0; background:var(--key-dark-color); overflow:hidden;}
.biz .biz-wrap .system:before {content:''; width:50%; max-width:1000px; height:100%; background:url(/img/conts/biz_system_obj.svg) right top no-repeat;; background-size:100% auto; position:absolute; right:-1%; top:-6%; z-index:1;}
.biz .biz-wrap .system .sec-wrap {z-index:10;}
.biz .biz-wrap .system .system-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-80);}
.biz .biz-wrap .system .system-wrap .row {width:100%; display:flex; position:relative;}
.biz .biz-wrap .system .system-wrap .row:nth-child(2) {justify-content:flex-end;}
.biz .biz-wrap .system .system-wrap .row .col-wrap {width:100%; max-width:1040px; display:flex; align-items:stretch; justify-content:space-between; gap:var(--gap-50); position:relative; z-index:10; padding:0 var(--gap-40);}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col {flex-basis:280px; flex-shrink:1; position:relative;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .system-box {position:relative; z-index:10;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .system-box .inner {display:flex; flex-direction:column; gap:var(--gap-32); justify-content:center; align-items:center;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .label {width:fit-content; height:var(--gap-40); display:flex; align-items:center; justify-content:center; padding:0 calc(var(--gap-10) * 2); background:var(--key-dark-color); border:1px solid var(--white); border-radius:300px; font-size:var(--font-18); font-weight:800; color:var(--white);}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .icon-box {width:90%; max-width:180px; border-radius:var(--gap-24); aspect-ratio:180/150; display:flex; align-items:center; justify-content:center; background:url(/img/conts/biz_bg_grid.svg) center no-repeat; background-size:cover; background-color:rgba(255,255,255,0.22);}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .icon-box .icon {width:45%; max-width:80px; border-radius:var(--gap-24); position:relative; aspect-ratio:1; overflow:hidden; z-index:1;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .icon-box .icon img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; z-index:10;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .icon-box .icon::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.1); backdrop-filter:blur(2.5px); position:absolute; left:0; top:0; z-index:0; opacity:1; transition:none; inset:0;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box {text-align:center; color:var(--white);}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box .head {font-size:24px; font-weight:800;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box .conts {margin-top:var(--gap-10); font-size:18px; font-weight:500;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .mark {width:var(--gap-40); aspect-ratio:1; position:relative; margin:0 auto;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .mark:before,
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .mark:after {content:''; aspect-ratio:1; border-radius:50%; box-sizing:border-box; border:1px solid var(--white); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .mark:before {width:87.5%;}
.biz .biz-wrap .system .system-wrap .row .col-wrap .col .mark:after {width:40%; background:var(--white);}

.biz .biz-wrap .system .system-wrap .row .line {width:100%; max-width:1040px; height:1px; border:dashed var(--white); border-width:1px 0 0 0; position:absolute; top:calc(var(--gap-40) / 2);}
.biz .biz-wrap .system .system-wrap .row .line:before,
.biz .biz-wrap .system .system-wrap .row .line:after {content:''; width:var(--gap-40); aspect-ratio:1; z-index:1; background:var(--key-dark-color); background:linear-gradient(-90deg, rgba(249, 113, 29, 0) 0%, rgba(249, 113, 29, 1) 100%); position:absolute; top:50%;}
.biz .biz-wrap .system .system-wrap .row .line:before {left:0; transform:translateY(-50%);}
.biz .biz-wrap .system .system-wrap .row .line:after {right:0; transform:translateY(-50%) scaleX(-1);}
.biz .biz-wrap .system .system-wrap .row:nth-child(1) .line {left:0;}
.biz .biz-wrap .system .system-wrap .row:nth-child(2) .line {right:0;}


@media screen and (max-width: 1024px) {
    .biz .biz-wrap .system:before {width:70%; top:-3%;}
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box .head {font-size:20px;}
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box .conts {font-size:15px;}
}

@media screen and (max-width: 900px) {
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 768px) {
    .biz .biz-wrap .system:before {width:80%; top:0;}
    .biz .biz-wrap .system .sec-title h2 {text-align:center;}
    .biz .biz-wrap .system .system-wrap {gap:0;}
    .biz .biz-wrap .system .system-wrap .row .col-wrap {flex-direction:column; gap:calc(var(--gap-50) * 3);}
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col {flex-basis:auto;}
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col:not(.begin):before {content:''; width:90%; max-width:180px; aspect-ratio:180/150; background:var(--key-dark-color); position:absolute; left:50%; top:calc(var(--gap-40) + (var(--gap-10) * 3)); transform:translateX(-50%); z-index:0;}
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box {background:var(--key-dark-color);}
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box .head {font-size:var(--font-28);}
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box .conts {font-size:var(--font-20);}
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col .conts-box .conts .br {display:block;}
    .biz .biz-wrap .system .system-wrap .row .col-wrap .col .mark {transform:translateY(var(--gap-24));}

    .biz .biz-wrap .system .system-wrap .row:nth-child(1) .col-wrap {padding:calc(var(--gap-50) * 2) 0 calc(var(--gap-50) * 1.5) 0;}
    .biz .biz-wrap .system .system-wrap .row:nth-child(2) .col-wrap {padding:calc(var(--gap-50) * 1.5) 0 calc(var(--gap-50) * 2) 0;}

    .biz .biz-wrap .system .system-wrap .row .line {width:1px; height:100%; border-width:0 0 0 1px; left:50% !important; right:auto !important; transform:translateX(-50%);}
    .biz .biz-wrap .system .system-wrap .row .line:before,
    .biz .biz-wrap .system .system-wrap .row .line:after {background:#F9711D; background:linear-gradient(0deg, rgba(249, 113, 29, 0) 0%, rgba(249, 113, 29, 1) 100%); left:50%;}
    .biz .biz-wrap .system .system-wrap .row .line:before {top:0; transform:translateX(-50%);}
    .biz .biz-wrap .system .system-wrap .row .line:after {top:auto; bottom:0; transform:translateX(-50%) scaleY(-1);}

    .biz .biz-wrap .system .system-wrap .row:nth-child(1) .line:after,
    .biz .biz-wrap .system .system-wrap .row:nth-child(2) .line:before {display:none;}
}

@media screen and (max-width: 480px) {
    .biz .biz-wrap .system:before {width:100%;}
}






.biz .biz-wrap .company {padding-top:calc(var(--gap-50) * 5); overflow:hidden;}
.biz .biz-wrap .company .sec-wrap {display:flex; flex-direction:column; gap:calc(var(--gap-50) * 5);}
.biz .biz-wrap .company article {width:100%; position:relative;}
.biz .biz-wrap .company article .inner {width:100%; position:relative; z-index:10;}

.biz .biz-wrap .company .instructor .layout-wrap {width:100%; margin:0 auto; display:flex; align-items:center; justify-content:center; transform:translateX(calc(var(--gap-32) / 2));}
.biz .biz-wrap .company .instructor .layout-wrap .layout-box {flex:1; max-width:300px; aspect-ratio:1; border-radius:50%; background:var(--white); border:1px solid var(--key-color); display:flex; align-items:center; justify-content:center; padding:var(--gap-32); margin:0 0 0 calc(var(--gap-32) * -1); position:relative;}
.biz .biz-wrap .company .instructor .layout-wrap .layout-box .conts-wrap {width:100%; text-align:center;}
.biz .biz-wrap .company .instructor .layout-wrap .layout-box .conts-wrap .num {font-size:var(--font-24); font-weight:700; color:var(--key-color);}
.biz .biz-wrap .company .instructor .layout-wrap .layout-box .conts-wrap .conts {font-size:var(--font-20); font-weight:700; color:var(--gray-3); margin-top:var(--gap-16); min-height:90px;}

.biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(1) {z-index:4;}
.biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(2) {z-index:3;}
.biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(3) {z-index:2;}
.biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(4) {z-index:1;}

@media screen and (max-width: 1024px) {
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box .conts-wrap .conts {min-height:81px;}
}

@media screen and (max-width: 900px) {
    .biz .biz-wrap .company .instructor .layout-wrap {flex-wrap:wrap; transform:translateX(calc(var(--gap-32) / 2)) translateY(calc(var(--gap-32) / 2));}
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box {width:50%; flex:auto; margin:calc(var(--gap-32) * -1) 0 0 calc(var(--gap-32) * -1);}
    
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(2) {z-index:1;}
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(3) {z-index:3;}
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(4) {z-index:2;}
}

@media screen and (max-width: 480px) {
    .biz .biz-wrap .company .instructor .layout-wrap {flex-direction:column; transform:translateY(calc(var(--gap-32) / 2));}
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box {width:100%; max-width:250px; margin:calc(var(--gap-32) * -1) 0 0 0;}
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box .conts-wrap .conts {min-height:72px;}
    
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(1) {z-index:4;}
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(2) {z-index:3;}
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(3) {z-index:2;}
    .biz .biz-wrap .company .instructor .layout-wrap .layout-box:nth-child(4) {z-index:1;}
}


.biz .biz-wrap .company .instructor .bg-wrap {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.biz .biz-wrap .company .instructor .bg-wrap .circle {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; aspect-ratio:1; background:var(--key-color); background:linear-gradient(0deg, rgba(242, 115, 37, 0) 0%, rgba(242, 115, 37, 1) 50%, rgba(242, 115, 37, 0) 100%); opacity:0.4;}
.biz .biz-wrap .company .instructor .bg-wrap .circle:before {content:''; width:calc(100% - 2px); aspect-ratio:1; border-radius:50%; background:var(--down-white); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.biz .biz-wrap .company .instructor .bg-wrap .circle:nth-child(1) {width:52%; max-width:730px; z-index:2;}
.biz .biz-wrap .company .instructor .bg-wrap .circle:nth-child(2) {width:100%; z-index:1;}

@media screen and (max-width: 900px) {
    .biz .biz-wrap .company .instructor .bg-wrap {display:none;}
}





.biz .biz-wrap .service .layout-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-60);}
.biz .biz-wrap .service .layout-wrap .row {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-10) * 3);}
.biz .biz-wrap .service .layout-wrap .row .title-wrap {width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:var(--gap-16);}
.biz .biz-wrap .service .layout-wrap .row .title-wrap .head {width:180px; height:var(--gap-60); display:flex; align-items:center; justify-content:center; gap:var(--gap-8); position:relative; background:var(--key-color); border-radius:100px;}
.biz .biz-wrap .service .layout-wrap .row .title-wrap .head:before {content:''; width:var(--gap-32); aspect-ratio:1; background:var(--key-color); position:absolute; left:0; bottom:0; z-index:0;}
.biz .biz-wrap .service .layout-wrap .row .title-wrap .head > * {position:relative; z-index:10;}
.biz .biz-wrap .service .layout-wrap .row .title-wrap .head span {display:block; width:var(--gap-40); aspect-ratio:1; position:relative;}
.biz .biz-wrap .service .layout-wrap .row .title-wrap .head span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.biz .biz-wrap .service .layout-wrap .row .title-wrap .head p {font-size:var(--font-20); font-weight:700; color:var(--white);}
.biz .biz-wrap .service .layout-wrap .row .title-wrap .conts {font-size:var(--font-16); font-weight:500; color:var(--gray-9);}

:root {
    --service-col-size : 4;
}

@media screen and (max-width: 1024px) {
    :root {
        --service-col-size : 3;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --service-col-size : 2;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --service-col-size : 1;
    }
}

.biz .biz-wrap .service .layout-wrap .row .col-wrap {width:100%; display:flex; align-items:stretch; flex-wrap:wrap; gap:var(--gap-40) calc(var(--gap-10) * 2);}
.biz .biz-wrap .service .layout-wrap .row .col-wrap .col {width:calc((100% - ((var(--gap-10) * 2) * (var(--service-col-size) - 1))) / var(--service-col-size)); background:var(--white); box-shadow:0 0 10px rgba(0,0,0,0.03); padding:24px 30px;}
.biz .biz-wrap .service .layout-wrap .row .col-wrap .col .layout-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.biz .biz-wrap .service .layout-wrap .row .col-wrap .col .layout-box .tlt {width:100%; font-size:var(--font-18); font-weight:700; color:var(--key-color);}
.biz .biz-wrap .service .layout-wrap .row .col-wrap .col .layout-box .conts {width:100%; font-size:var(--font-16); font-weight:500; color:var(--gray-6);}

@media screen and (max-width: 768px) {
    .biz .biz-wrap .service .layout-wrap .row .col-wrap .col {padding:var(--gap-24) var(--gap-32);}
}

@media screen and (max-width: 480px) {
    .biz .biz-wrap .service .layout-wrap .row .col-wrap .col {width:100%;}
}

/* 251029 */
@media screen and (max-width: 480px){
    .biz .biz-wrap .todai {padding: calc(var(--gap-50) * 4) 0;}
    .biz .biz-wrap .todai .sec-wrap {gap: calc(var(--gap-50) * 4);}
    .biz .biz-wrap .system {padding: calc(var(--gap-60) * 2.5) 0;}
    .biz .biz-wrap .company {padding-top: calc(var(--gap-50) * 4);}
    .biz .biz-wrap .company .sec-wrap {gap: calc(var(--gap-50) * 4);}
}



:root {
    --contact-nav-gap : 32px;
    --contact-nav-gap-2 : 24px;
}

@media screen and (max-width: 1024px) {
    :root {
        --contact-nav-gap : 20px;
        --contact-nav-gap-2 : 12px;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --contact-nav-gap : 12px;
        --contact-nav-gap-2 : 8px;
    }
}



.contact-nav {width:100%; background:var(--down-white); position:fixed; left:0; bottom:0; z-index:100; padding:var(--gap-60) 0 var(--gap-80) 0; border-radius:var(--gap-24) var(--gap-24) 0 0;}
.contact-nav > .wrap {width:90%; max-width:var(--max-w); margin:0 auto; position:relative; z-index:10; transition:opacity 0.3s ease;}
.contact-nav .contact-nav-wrap {width:100%;}
.contact-nav .contact-nav-wrap .contact-nav-tb {width:100%; display:flex; align-items:stretch; gap:var(--contact-nav-gap);}
.contact-nav .contact-nav-wrap .contact-nav-tb .row {width:calc((100% - var(--contact-nav-gap)) / 2); display:flex; align-items:stretch; gap:var(--contact-nav-gap-2);}
.contact-nav .contact-nav-wrap .contact-nav-tb .row > * {flex-shrink:1;}
.contact-nav .contact-nav-wrap .contact-nav-tb .row button {flex-basis:23%; height:calc(var(--contact-nav-gap) + (var(--el-size) * 2)); background:var(--black); display:flex; align-items:center; justify-content:center; font-size:var(--font-18); font-weight:700; color:var(--white);}
.contact-nav .contact-nav-wrap .contact-nav-tb .row .col-wrap {display:flex; align-items:stretch; flex-wrap:wrap; gap:var(--contact-nav-gap); flex-grow:1;}
.contact-nav .contact-nav-wrap .contact-nav-tb .row .col-wrap .col {width:100%;}
.contact-nav .contact-nav-wrap .contact-nav-tb .row .col-wrap[data-type='half'] .col {width:calc((100% - var(--contact-nav-gap)) / 2);}
.contact-nav .contact-nav-wrap .contact-nav-tb .row .col-wrap .col .note {font-size:var(--font-16); font-weight:600; color:var(--gray-6); margin-top:calc(var(--gap-10) * 2);}
.contact-nav .contact-nav-wrap .contact-nav-tb .row .col-wrap .col .text-wrap textarea {height:calc(var(--contact-nav-gap) + (var(--el-size) * 2));}


@media screen and (max-width: 768px) {
    .contact-nav .contact-nav-wrap .contact-nav-tb .row button {font-size:var(--font-14);}
}

@media screen and (max-width: 648px) {
    .contact-nav .contact-nav-wrap .contact-nav-tb {flex-direction:column;}
    .contact-nav .contact-nav-wrap .contact-nav-tb .row {width:100%;}
}



.contact-nav .btn-nav-toggle {width:120px; aspect-ratio:1; border-radius:50%; background:var(--down-white); position:absolute; left:50%; top:-45px; z-index:1; display:block; transform:translateX(-50%); clip-path:inset(0 0 50% 0);}
.contact-nav .btn-nav-toggle:before {content:''; width:100%; height:50%; position:absolute; left:0; top:0; background:url(/img/conts/drop_down.svg) center top 42% no-repeat; background-size:40% auto; transition:0.4s ease-in-out;}

.contact-nav.hide .btn-nav-toggle:before {transform:scaleY(-1); background-position:center top 58%;}

@media screen and (max-width: 768px) {
    .contact-nav .btn-nav-toggle {width:80px; top:-30px;}
}

@media screen and (max-width: 480px) {
    .contact-nav .btn-nav-toggle {width:60px; top:-25px;}
}




.contents .tab-conts-wrap {width:100%;}
.contents .tab-conts-wrap .tab-conts-box {display:none;}
.contents .tab-conts-wrap .tab-conts-box.active {display:block;}





.contents .com-layout {width:100%; background:var(--white); padding:calc(var(--gap-50) * 2) 0;}
.contents .com-layout .com-layout-wrap {width:90%; max-width:1260px; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-80);}
.contents .com-layout .com-layout-wrap article {width:100%;}
.contents .com-layout .com-layout-wrap article > .inner {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-10) * 3);}
.contents .com-layout .com-layout-wrap article .com-layout-box {width:100%;}

.contents .com-layout .button-wrap {width:90%; margin:0 auto; margin-top:var(--gap-80); display:flex; align-items:center; justify-content:center; gap:var(--gap-10);}

.contents .com-layout .com-conts {font-size:var(--font-18); font-weight:400;}
.contents .com-layout .com-conts .bold {font-weight:700;}
.contents .com-layout .com-conts .large {font-size:var(--font-24);}
.contents .com-layout .com-conts .note {font-weight:500; color:var(--gray-6); margin-top:3px;}
.contents .com-layout .com-conts[data-type='center'] {text-align:center;}

.contents .com-layout .notice {font-size:var(--font-16); margin-top:var(--gap-8); font-weight:500; color:var(--gray-9);}
.contents .com-layout .notice[data-type='rt'] {text-align:right;}

.contents .com-layout .com-title-wrap {width:100%;}
.contents .com-layout .com-title-wrap h3 {font-size:var(--font-30); font-weight:800; text-align:center; color:#1B1B1B;}
.contents .com-layout .com-title-wrap .sub-txt {width:100%; font-size:var(--font-18); font-weight:600; color:#1B1B1B; text-align:center; margin-top:5px;}
.contents .com-layout .com-title-wrap .sub-txt span {color:var(--key-color);}

.contents .com-layout .bg-box {width:100%; padding:var(--gap-40) 0;}
.contents .com-layout .bg-box .box-inner {width:90%; max-width:1160px; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-16);}
.contents .com-layout .bg-box[data-type='key'] {background:rgba(242,115,37,0.1);}
.contents .com-layout .bg-box[data-type='line'] {border:1px solid var(--gray-c);}
.contents .com-layout .bg-box[data-type='gray'] {background:var(--gray-e);}
.contents .com-layout .bg-box[data-type='light-gray'] {background:#FAFAFA;}
.contents .com-layout .bg-box[data-type='line-box'] {border:solid #DADADA; border-width:1px 0;}
.contents .com-layout .bg-box[data-type='line-box'] .box-inner {width:95%;}

.contents .com-layout .head-conts-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .com-layout .head-conts-wrap .head {font-size:var(--font-20); font-weight:700;}

.contents .com-layout .tb-wrap {width:100%; overflow-x:auto;}
.contents .com-layout .tb-wrap table {width:100%; min-width:1000px; table-layout:fixed;}
.contents .com-layout .tb-wrap table tr {border:solid var(--gray-c); border-width:0 0 1px 0;}
.contents .com-layout .tb-wrap table tr th,
.contents .com-layout .tb-wrap table tr td {box-sizing:border-box; text-align:center; font-size:var(--font-16);}
.contents .com-layout .tb-wrap table tr th {background:var(--black); font-weight:500; color:var(--white); padding:var(--gap-10) var(--gap-50);}
.contents .com-layout .tb-wrap table tr td {border:solid var(--gray-c); border-width:0 0 0 1px; padding:var(--gap-40) var(--gap-50);}
.contents .com-layout .tb-wrap table tr td:last-child {border-width:0 1px;}
.contents .com-layout .tb-wrap table tr td.point {background:var(--gray-fa);}
.contents .com-layout .tb-wrap table tr td.lf {text-align:left;}

.contents .com-layout .tb-wrap table.type-B thead tr {border-color:#303030;}
.contents .com-layout .tb-wrap table.type-B thead tr th {border:solid #303030; border-width:0 1px 0 0;}
.contents .com-layout .tb-wrap table.type-B thead tr:nth-child(1) th:first-child {border-width:0 1px 0 1px;}

.contents .com-layout ul.s-hc-type {width:fit-content; max-width:100%; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-8);}
.contents .com-layout ul.s-hc-type li {display:flex; align-items:center; justify-content:center; gap:var(--gap-40); text-align:center;}
.contents .com-layout ul.s-hc-type li em {font-weight:500; min-width:100px;}

.contents .com-layout ul.hc-row {display:flex; flex-direction:column;}
.contents .com-layout ul.hc-row li {width:100%; display:flex; align-items:stretch;}
.contents .com-layout ul.hc-row li .conts {flex:1;}
.contents .com-layout ul.hc-row[data-type='typeA'] {gap:calc(var(--gap-10) * 2);}
.contents .com-layout ul.hc-row[data-type='typeA'] li {gap:calc(var(--gap-10) * 2);}
.contents .com-layout ul.hc-row[data-head='100'] li .head {flex-basis:100px;}
.contents .com-layout ul.hc-row[data-head='120'] li .head {flex-basis:120px;}
.contents .com-layout ul.hc-row[data-w='medium'] {font-size:var(--font-18); font-weight:500;}

.contents .com-layout ul.dot {display:flex; flex-direction:column; gap:var(--gap-8);}
.contents .com-layout ul.dot li {position:relative; padding-left:calc(var(--font-18) - (var(--font-18) * 0.35)); text-indent:calc((var(--font-18) - (var(--font-18) * 0.35)) * -1);}
.contents .com-layout ul.dot li:before {content:'· '; font-weight:800;}
.contents .com-layout ul.dot[data-style='typeA'] {font-weight:400; color:var(--gray-3);}
.contents .com-layout ul.dot[data-type='depth-1'] {padding-left:calc(var(--gap-10) * 2);}

.contents .com-layout ul.liner {width:100%; display:flex; flex-direction:column;}
.contents .com-layout ul.liner li {display:flex; flex-direction:column; gap:var(--gap-16);}
.contents .com-layout ul.liner[data-type='type-A'] {gap:calc(var(--gap-10) * 2);}
.contents .com-layout ul.liner[data-type='type-A'] > li {font-size:var(--font-18); font-weight:500;}
.contents .com-layout ul.liner[data-type='type-A'] > li .dep-conts {padding:0 calc(var(--font-18) + 4px);}
.contents .com-layout ul.liner[data-type='type-B'] {gap:var(--gap-10)}
.contents .com-layout ul.liner[data-type='type-B'] > li {font-size:var(--font-16);}

.contents .com-layout .sub-tb-wrap {width:100%; overflow-x:auto;}
.contents .com-layout .sub-tb-wrap table {width:100%; /*min-width:1000px;*/ table-layout:fixed; border:solid var(--gray-c); border-width:1px 1px 0 1px;}
.contents .com-layout .sub-tb-wrap table tr {border:solid var(--gray-c); border-width:0 0 1px 0;}
.contents .com-layout .sub-tb-wrap table tr td {box-sizing:border-box; text-align:center; font-size:var(--font-16); padding:var(--gap-16) calc(var(--gap-10) * 2); border:solid var(--gray-c); border-width:0 0 0 1px;}
.contents .com-layout .sub-tb-wrap table tr td:last-child {border-width:0 1px;}
.contents .com-layout .sub-tb-wrap table tr td.head {background:var(--gray-e); font-weight:600;}
.contents .com-layout .sub-tb-wrap table tr td.lf {text-align:left;}



@media screen and (max-width: 1440px) {
    .contents .com-layout .com-conts .br {display:inline-block;}
}


@media screen and (max-width: 768px) {
    .contents .com-layout .bg-box .box-inner {width:85%;}

    .contents .com-layout ul.hc-row[data-head='100'] li .head {flex-basis:80px;}
    .contents .com-layout ul.hc-row[data-head='120'] li .head {flex-basis:100px;}

    .contents .tb-wrap table tr th.sticky-col{position: sticky;left: -2px;z-index: 2;border-top-left-radius:var(--gap-10);}
    .contents .tb-wrap table th.sticky-col:first-child::after{content: "";position: absolute;top: 0;left: 0;width: 100%;background: var(--black);z-index: -1;height: 100%;border-top-left-radius: var(--gap-10);}
    .contents .tb-wrap table th.sticky-col:first-child::before{content: "";position: absolute;top: 0;left: 0;width: 100%;background: var(--down-white);z-index: -2;height: 100%;}
    .contents .tb-wrap table tr td.sticky-col{position: sticky;left: -2px;z-index: 2;border-right: 1px solid #ccc;}
}


@media screen and (max-width: 480px) {
    .contents .com-layout ul.hc-row li {flex-direction:column;}
    .contents .com-layout ul.hc-row[data-type='typeA'] li {gap:var(--gap-8);}
    .contents .com-layout ul.hc-row[data-head='100'] li .head,
    .contents .com-layout ul.hc-row[data-head='120'] li .head {flex-basis:auto;}

    /* s:251024,29 */
    .contents .com-layout ul.liner[data-type='type-A'] > li .dep-conts {padding: 0;}

    .contents .com-layout .sub-tb-wrap table tr th,
    .contents .com-layout .sub-tb-wrap table tr td {padding: var(--gap-20) calc(var(--gap-10)*2);}
    .contents .com-layout .sub-tb-wrap table colgroup col:first-child {width: 80px;}
    .contents .com-layout .sub-tb-wrap table colgroup col:last-child {width: calc(100% - 80px);}
    

    .contents .com-layout .tb-wrap table tr th {padding: var(--gap-20) calc(var(--gap-10)*2);}
    .contents .com-layout .tb-wrap table tr td {padding: var(--gap-20) calc(var(--gap-10)*2);}

    .contents .com-layout .tb-wrap table[data-tbmo="full"] {min-width: 100%;}
    .contents .com-layout .tb-wrap table[data-tbmo="1000"] {min-width: 1000px;}
    .contents .com-layout .tb-wrap table[data-tbmo="600"] {min-width: 600px;}
    .contents .com-layout .tb-wrap table[data-tbmo="500"] {min-width: 500px;}


    .contents .detail-layout .tb-wrap table.custom-tb7 colgroup col:nth-child(1) {width: 8%;}
    .contents .detail-layout .tb-wrap table.custom-tb7 colgroup col:nth-child(2) {width: 40%;}
    .contents .detail-layout .tb-wrap table.custom-tb7 colgroup col:nth-child(3) {width: 52%;}
    /* e:251024,29 */


}



:root {
    --outline-bg-color : #FFC8A6;
    --outline-title-color : #FF6200;
    --outline-down-color : #FF6200;

    --medical-bg-color : #9BA3FE;
    --medical-title-color : #0600A7;
    --medical-color : #6A76F8;
    --medical-down-color : #3843C0;
    --medical-dep-color : #000862;

    --pharmacy-bg-color : #86DE7B;
    --pharmacy-title-color : #01520D;
    --pharmacy-color : #51B245;
    --pharmacy-down-color : #01520D;
    --pharmacy-dep-color : #056200;

    --dental-bg-color : #8FEBFF;
    --dental-title-color : #007F9A;
    --dental-color : #00A7CC;
    --dental-down-color : #007F9A;
    --dental-dep-color : #007F9A;

    --veterinary-bg-color : #FFDD9C;
    --veterinary-title-color : #F89900;
    --veterinary-color : #FFB937;
    --veterinary-down-color : #FF8800;
    --veterinary-dep-color : #F89900;

    --art-bg-color : #FFD4F6;
    --art-title-color : #E920BD;
    --art-dep-color : #E920BD;

    --graduate-bg-color : #FFC3C9;
    --graduate-title-color : #C41E2F;
    --graduate-down-color : #C41E2F;
    --graduate-dep-color : #C41E2F;

    --university-bg-color : #FFD79F;
    --university-title-color : #8E4800;
    --university-color : #E58018;
    --university-down-color : #8E4800;
    --university-dep-color : #8E4800;

    --eng-bg-color : #D5D88F;
    --eng-title-color : #5B6225;
    --eng-color : #5B6225;
    --eng-down-color : #5B6225;
    --eng-dep-color : #5B6225;

    --index-bg-color : #E5D3FE;
    --index-title-color : #7C1EC4;
    --index-color : #7C1EC4;
    --index-down-color : #7C1EC4;
    --index-dep-color : #7C1EC4;

    --language-bg-color : #AAE3FF;
    --language-title-color : #1D87FF;
    --language-color : #1D87FF;
    --language-down-color : #1D87FF;
    --language-dep-color : #1D87FF;
}


.curriculum .course-wrap {width:100%;}
.curriculum .course-wrap .course-main-banner {width:100%; aspect-ratio:1420/730; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.curriculum .course-wrap .course-conts-wrap {width:100%; padding-bottom:calc(var(--gap-50) * 3);}
.curriculum .course-wrap .course-conts-wrap > .inner {width:90%; max-width:1250px; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-80);}
.curriculum .course-wrap .course-conts-wrap > .inner.typeB {display:flex; flex-direction:column; gap:calc(var(--gap-50) * 3);}
.curriculum .course-wrap .course-conts-wrap .course-conts {width:100%; display:flex; flex-direction:column; gap:var(--gap-80);}
.curriculum .course-wrap .course-conts-wrap .title-wrap {width:90%; max-width:1000px; margin:0 auto;}
.curriculum .course-wrap .course-conts-wrap .title-wrap .title-box {width:100%; min-height:var(--gap-80); border-radius:500px; padding:var(--gap-16) var(--gap-32); display:flex; align-items:center; justify-content:center; font-size:var(--font-40); font-weight:800; color:var(--white); line-height:1.3; text-align:center;}
.curriculum .course-wrap .course-conts-wrap .title-wrap .title-box span {position:relative; padding:0 var(--gap-40);}
.curriculum .course-wrap .course-conts-wrap .title-wrap .title-box span:before,
.curriculum .course-wrap .course-conts-wrap .title-wrap .title-box span:after {content:''; height:var(--font-18); aspect-ratio:27/18; background:url(/img/conts/quotes.svg) center no-repeat; background-size:cover; position:absolute; top:0;}
.curriculum .course-wrap .course-conts-wrap .title-wrap .title-box span:before {left:0;}
.curriculum .course-wrap .course-conts-wrap .title-wrap .title-box span:after {right:0; transform:scaleX(-1) scaleY(-1);}
.curriculum .course-wrap .course-conts-wrap .title-wrap .sub-txt {width:100%; margin-top:calc(var(--gap-10) * 3); text-align:center; font-size:var(--font-30); font-weight:800; text-align:center;}
.curriculum .course-wrap .course-conts-wrap .title-wrap .sub-txt span {position:relative; padding:0 calc((var(--gap-10) * 2) + var(--gap-16)); display:block; max-width:100%; width:fit-content; margin:0 auto;}
.curriculum .course-wrap .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap .course-conts-wrap .title-wrap .sub-txt span:after {content:''; width:calc(var(--gap-10) * 2); height:3px; position:absolute; top:50%; transform:translateY(-50%);}
.curriculum .course-wrap .course-conts-wrap .title-wrap .sub-txt span:before {left:0;}
.curriculum .course-wrap .course-conts-wrap .title-wrap .sub-txt span:after {right:0;}

.curriculum .course-wrap[data-id='outline'] {background:var(--outline-bg-color);}
.curriculum .course-wrap[data-id='outline'] .course-main-banner {background-image:url(/img/conts/course_medical_outline.svg);}
.curriculum .course-wrap[data-id='outline'] .course-conts-wrap .title-wrap .title-box {background:var(--outline-title-color);}
.curriculum .course-wrap[data-id='outline'] .course-conts-wrap .title-wrap .sub-txt {color:var(--outline-title-color);}
.curriculum .course-wrap[data-id='outline'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='outline'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--outline-title-color);}
.curriculum .course-wrap[data-id='outline'] .tldr {margin-top: calc(var(--gap-16) - 0.4em); }

.curriculum .course-wrap[data-id='medical'] {background:var(--medical-bg-color);}
.curriculum .course-wrap[data-id='medical'] .course-main-banner {background-image:url(/img/conts/course_medical.svg);}
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .title-wrap .title-box {background:var(--medical-title-color);}
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .title-wrap .sub-txt {color:var(--medical-title-color);}
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--medical-title-color);}

.curriculum .course-wrap[data-id='pharmacy'] {background:var(--pharmacy-bg-color);}
.curriculum .course-wrap[data-id='pharmacy'] .course-main-banner {background-image:url(/img/conts/course_pharmacy.svg);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .title-wrap .title-box {background:var(--pharmacy-title-color);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .title-wrap .sub-txt {color:var(--pharmacy-title-color);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--pharmacy-title-color);}

.curriculum .course-wrap[data-id='dental'] {background:var(--dental-bg-color);}
.curriculum .course-wrap[data-id='dental'] .course-main-banner {background-image:url(/img/conts/course_dental.svg);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .title-wrap .title-box {background:var(--dental-title-color);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .title-wrap .sub-txt {color:var(--dental-title-color);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--dental-title-color);}

.curriculum .course-wrap[data-id='veterinary'] {background:var(--veterinary-bg-color);}
.curriculum .course-wrap[data-id='veterinary'] .course-main-banner {background-image:url(/img/conts/course_veterinary.svg);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .title-wrap .title-box {background:var(--veterinary-title-color);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .title-wrap .sub-txt {color:var(--veterinary-title-color);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--veterinary-title-color);}

.curriculum .course-wrap[data-id='art'] {background:var(--art-bg-color);}
.curriculum .course-wrap[data-id='art'] .course-main-banner {background-image:url(/img/conts/course_art.svg);}
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .title-wrap .title-box {background:var(--art-title-color);}
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .title-wrap .sub-txt {color:var(--art-title-color);}
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--art-title-color);}

.curriculum .course-wrap[data-id='graduate'] {background:var(--graduate-bg-color);}
.curriculum .course-wrap[data-id='graduate'] .course-main-banner {background-image:url(/img/conts/course_graduate.svg);}
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .title-wrap .title-box {background:var(--graduate-title-color);}
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .title-wrap .sub-txt {color:var(--graduate-title-color);}
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--graduate-title-color);}

.curriculum .course-wrap[data-id='university'] {background:var(--university-bg-color);}
.curriculum .course-wrap[data-id='university'] .course-main-banner {background-image:url(/img/conts/course_university.svg);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .title-wrap .title-box {background:var(--university-title-color);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .title-wrap .sub-txt {color:var(--university-title-color);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--university-title-color);}

.curriculum .course-wrap[data-id='eng'] {background:var(--eng-bg-color);}
.curriculum .course-wrap[data-id='eng'] .course-main-banner {background-image:url(/img/conts/course_eng.svg);}
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .title-wrap .title-box {background:var(--eng-title-color);}
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .title-wrap .sub-txt {color:var(--eng-title-color);}
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--eng-title-color);}

.curriculum .course-wrap[data-id='index'] {background:var(--index-bg-color);}
.curriculum .course-wrap[data-id='index'] .course-main-banner {background-image:url(/img/conts/course_index.svg);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .title-wrap .title-box {background:var(--index-title-color);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .title-wrap .sub-txt {color:var(--index-title-color);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--index-title-color);}

.curriculum .course-wrap[data-id='language'] {background:var(--language-bg-color);}
.curriculum .course-wrap[data-id='language'] .course-main-banner {background-image:url(/img/conts/course_language.svg);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .title-wrap .title-box {background:var(--language-title-color);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .title-wrap .sub-txt {color:var(--language-title-color);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .title-wrap .sub-txt span:before,
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .title-wrap .sub-txt span:after {background:var(--language-title-color);}



@media screen and (max-width: 768px) {
    :root {
        --art-bg-color : #FEEBFA;
    }

    .curriculum .course-wrap .course-main-banner {aspect-ratio:768/1024;}

    .curriculum .course-wrap[data-id='medical'] .course-main-banner {background-image:url(/img/conts/course_medical_outline_mo.svg);}
    .curriculum .course-wrap[data-id='medical'] .course-main-banner {background-image:url(/img/conts/course_medical_mo.svg);}
    .curriculum .course-wrap[data-id='pharmacy'] .course-main-banner {background-image:url(/img/conts/course_pharmacy_mo.svg);}
    .curriculum .course-wrap[data-id='dental'] .course-main-banner {background-image:url(/img/conts/course_dental_mo.svg);}
    .curriculum .course-wrap[data-id='veterinary'] .course-main-banner {background-image:url(/img/conts/course_veterinary_mo.svg);}
    .curriculum .course-wrap[data-id='art'] .course-main-banner {background-image:url(/img/conts/course_art_mo.svg);}
    .curriculum .course-wrap[data-id='graduate'] .course-main-banner {background-image:url(/img/conts/course_graduate_mo.svg);}
    .curriculum .course-wrap[data-id='university'] .course-main-banner {background-image:url(/img/conts/course_university_mo.svg);}
    .curriculum .course-wrap[data-id='eng'] .course-main-banner {background-image:url(/img/conts/course_eng_mo.svg);}
    .curriculum .course-wrap[data-id='index'] .course-main-banner {background-image:url(/img/conts/course_index_mo.svg);}
    .curriculum .course-wrap[data-id='language'] .course-main-banner {background-image:url(/img/conts/course_language_mo.svg);}
}

@media screen and (max-width: 648px) {
    .curriculum .course-wrap .course-conts-wrap .title-wrap .title-box {font-size:calc(var(--font-40) * 0.8);}
    .curriculum .course-wrap .course-conts-wrap .title-wrap .title-box span {padding:0 var(--gap-32);}
    .curriculum .course-wrap .course-conts-wrap .title-wrap .title-box span:before,
    .curriculum .course-wrap .course-conts-wrap .title-wrap .title-box span:after {height:calc(var(--font-14) * 0.85);}
    .curriculum .course-wrap .course-conts-wrap .title-wrap .sub-txt {font-size:var(--font-24);}
}


.curriculum .course-wrap .course-conts-wrap .main-conts-wrap {width:100%; display:flex; align-items:stretch; gap:calc(var(--gap-50) * 2); position:relative;}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box {flex:1; border-radius:var(--gap-40); padding:calc(var(--gap-50) * 2) 0; position:relative;}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box:before {content:''; height:51px; aspect-ratio:99/51; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:50%; top:-37px; transform:translateX(-50%);}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box:after {content:''; width:var(--gap-50); aspect-ratio:1; background-position:center; background-repeat:no-repeat; background-size:60% auto; position:absolute; right:calc(((var(--gap-50) * 2) - (var(--gap-50) / 2)) * -1); top:50%; transform:translateY(-50%);}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box[data-type='white'] {background:var(--white);}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill']:before {background-image:url(/img/conts/clip_white.svg);}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill']:after {display:none;}

.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap {width:90%; margin:0 auto; max-width:calc(100% - (var(--gap-50) * 2)); height:100%; display:flex; justify-content:center; align-items:center;}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul {width:100%; display:flex; flex-direction:column; gap:var(--gap-80);}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul li {width:100%; font-size:var(--font-18); font-weight:800; position:relative;}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul li:before {content:''; width:calc(var(--gap-10) * 2); aspect-ratio:1; border-radius:50%; background:var(--white); position:absolute; left:50%; top:calc(((var(--gap-10) * 2) * 2) * -1); transform:translateX(-50%);}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul li .conts-box {width:100%; display:flex; align-items:center; justify-content:center;}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA {max-width:400px;}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {min-height:130px; border-radius:100px; padding:var(--gap-32); color:var(--white);}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box .conts {width:100%; text-align:center;}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB {height:100%;}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li {height:100%;}
.curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {height:100%; border-radius:var(--gap-40); background:var(--white); padding:var(--gap-32); text-align:center;}

.curriculum .course-wrap[data-id='outline'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--outline-down-color);}
.curriculum .course-wrap[data-id='outline'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--outline-down-color);}

.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .main-conts-wrap .layout-box:after {background-image:url(/img/conts/course_arrow_medical.svg);}
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--medical-down-color);}
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='white']:before {background-image:url(/img/conts/clip_medical.svg);}
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li:before {background:var(--medical-color);}
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {background:var(--medical-color);}
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--medical-down-color);}

.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .main-conts-wrap .layout-box:after {background-image:url(/img/conts/course_arrow_pharmacy.svg);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--pharmacy-down-color);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='white']:before {background-image:url(/img/conts/clip_pharmacy.svg);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li:before {background:var(--pharmacy-color);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {background:var(--pharmacy-color);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--pharmacy-down-color);}

.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .main-conts-wrap .layout-box:after {background-image:url(/img/conts/course_arrow_dental.svg);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--dental-down-color);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='white']:before {background-image:url(/img/conts/clip_dental.svg);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li:before {background:var(--dental-color);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {background:var(--dental-color);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--dental-down-color);}

.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .main-conts-wrap .layout-box:after {background-image:url(/img/conts/course_arrow_veterinary.svg);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--veterinary-down-color);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='white']:before {background-image:url(/img/conts/clip_veterinary.svg);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li:before {background:var(--veterinary-color);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {background:var(--veterinary-color);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--veterinary-down-color);}

.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--graduate-down-color);}
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--graduate-down-color);}

.curriculum .course-wrap[data-id='university'] .course-conts-wrap .main-conts-wrap .layout-box:after {background-image:url(/img/conts/course_arrow_university.svg);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--university-down-color);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='white']:before {background-image:url(/img/conts/clip_university.svg);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li:before {background:var(--university-color);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {background:var(--university-color);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--university-down-color);}

.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .main-conts-wrap .layout-box:after {background-image:url(/img/conts/course_arrow_eng.svg);}
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--eng-down-color);}
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='white']:before {background-image:url(/img/conts/clip_eng.svg);}
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li:before {background:var(--eng-color);}
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {background:var(--eng-color);}
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--eng-down-color);}

.curriculum .course-wrap[data-id='index'] .course-conts-wrap .main-conts-wrap .layout-box:after {background-image:url(/img/conts/course_arrow_index.svg);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--index-down-color);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='white']:before {background-image:url(/img/conts/clip_index.svg);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li:before {background:var(--index-color);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {background:var(--index-color);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--index-down-color);}

.curriculum .course-wrap[data-id='language'] .course-conts-wrap .main-conts-wrap {padding-top:var(--gap-60);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .main-conts-wrap .layout-box:after {background-image:url(/img/conts/course_arrow_language.svg);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='fill'] {background:var(--language-down-color);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .main-conts-wrap .layout-box[data-type='white']:before {background-image:url(/img/conts/clip_language.svg);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li:before {background:var(--language-color);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {background:var(--language-color);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeB li .conts-box {color:var(--language-down-color);}




@media screen and (max-width: 1280px) {
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap {gap:calc(var(--gap-40) * 2);}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box:after {width:var(--gap-40); right:calc(((var(--gap-40) * 2) - (var(--gap-40) / 2)) * -1);}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul li .conts-box .conts .br {display:inline-block;}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {min-height:120px;}
}

@media screen and (max-width: 1024px) {
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box:before {height:42px; top:-30px;}
}

@media screen and (max-width: 900px) {
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap {flex-direction:column; max-width:550px; margin:0 auto; gap:calc(var(--gap-50) * 3);}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box{flex-basis:400px;}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box:after {right:auto; left:50%; bottom:calc(((((var(--gap-50) * 3) + var(--gap-40)) / 2) - (var(--gap-40) * 0.3)) * -1); top:auto; transform:translateX(-50%) rotate(90deg);}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul li .conts-box .conts .br {display:block;}
}

@media screen and (max-width: 648px) {
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box{flex-basis:350px;}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {min-height:100px;}
}

@media screen and (max-width: 480px) {
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box{flex-basis:300px;}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box:before {height:36px; top:-26px;}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul.typeA li .conts-box {min-height:90px;}
    .curriculum .course-wrap .course-conts-wrap .main-conts-wrap .layout-box .conts-wrap ul li .conts-box .conts .br {display:inline-block;}
}



.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap {background:var(--down-white); padding:var(--gap-80) 0; border-radius:var(--gap-40);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-wrap {width:90%; max-width:1100px; margin:0 auto; display:flex; flex-direction:column; gap:calc(var(--gap-50) * 2);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-wrap article {width:100%;}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout {width:100%;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .head-title {width:100%; margin-bottom:calc(var(--gap-10) * 3);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .head-title h3 {font-size:var(--font-30); font-weight:800; line-height:1.3; text-align:center;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .head-title h4 {font-size:var(--font-20); font-weight:700; text-align:center;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .head-title .sub-txt {width:100%; margin-top:var(--gap-10); font-size:var(--font-20); font-weight:600; text-align:center;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .head-title[data-style='small'] {margin-bottom:var(--gap-16);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .head-title[data-type='lf'] > * {text-align:left;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .layout-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-40);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .layout-wrap .short {width:90%; max-width:960px; margin:0 auto;}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .bg-box {border-radius:var(--gap-10); padding:var(--gap-40) 0;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .bg-box .box-inner {width:90%; max-width:800px; display:flex; flex-direction:column; gap:calc(var(--gap-10) * 3); margin:0 auto;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .bg-box[data-gap="32"] {padding:var(--gap-32) 0;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .bg-box[data-type='gray'] {background:var(--gray-e);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .bg-box[data-type='black'] {background:var(--black); color:var(--white);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .bg-box .box-inner[data-type='wide'] {max-width:100%;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .bg-box .box-inner[data-type='big'] {max-width:960px;}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .round-box {width:100%; border-radius:var(--gap-10); display:flex; flex-direction:column; gap:calc(var(--gap-10) * 2);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .round-box[data-type='ty-20'] {padding:calc(var(--gap-10) * 2) var(--gap-32);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .round-box[data-type='ty-32'] {padding:var(--gap-32);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .round-box[data-style='white'] {background:var(--white);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .round-box[data-style='gray'] {background:var(--gray-e);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .round-box[data-style='black'] {background:var(--black); color:var(--white);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .round-box[data-style='point'] {color:var(--white);}

.curriculum .course-wrap[data-id='language'] .course-conts-wrap .detail-conts-wrap .detail-layout .round-box[data-style='point'] {background:var(--language-color);}


.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts {font-size:var(--font-18); font-weight:400;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts .medium {font-weight:500;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts .bold {font-weight:700;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts .large {font-size:var(--font-20);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts .small {font-size:var(--font-16);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts .dep-tlt {font-weight:600; margin-bottom:var(--gap-10);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts .dep-tlt.large {font-size:var(--font-30);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts .arrow {position:relative; padding-left:calc(var(--gap-10) * 3); min-height:calc(var(--gap-10) * 3); display:flex; align-items:center; }
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts .arrow:before {content:''; width:calc(var(--gap-10) * 3); aspect-ratio:1; background:url(/img/conts/arrow_txt.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts[data-type='center'] {text-align:center;}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout ul.dot {display:flex; flex-direction:column; gap:5px;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout ul.dot li {position:relative; padding-left:calc(var(--font-18) - (var(--font-18) * 0.35)); text-indent:calc((var(--font-18) - (var(--font-18) * 0.35)) * -1);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout ul.dot li:before {content:'· '; font-weight:800;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout ul.dot[data-type='center'] {align-items:center; text-align:center;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout ul.dot[data-type='fit'] {width:fit-content; max-width:100%; margin:0 auto; text-align:left; align-items:flex-start;}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap {width:100%; overflow-x:auto;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table {width:100%; min-width:700px; table-layout:fixed;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table tr {border-bottom:1px solid var(--gray-c);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table th,
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table td {font-size:var(--font-16); text-align:center; padding:var(--gap-10) calc(var(--gap-10) * 2);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table th {background:var(--black); height:var(--gap-40); color:var(--white);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table th:first-child {border-top-left-radius:var(--gap-10);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table th:last-child {border-top-right-radius:var(--gap-10);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table td {border:solid var(--gray-c); border-width:0 0 0 1px;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table td:first-child {border-width:0px;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table td.point {background:var(--gray-e);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table td.lf {text-align:left;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.type-B tr td {padding:var(--gap-32) var(--gap-24);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.type-B tr td.point {font-weight:700;}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap {width:100%; display:flex; align-items:stretch; gap:60px 40px; flex-wrap:wrap; padding-top:calc(var(--gap-40) / 2);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap .conts-box {width:calc((100% - 40px) / 2); position:relative; border-radius:calc(var(--gap-10) * 2); background:var(--gray-e); min-height:175px; padding:var(--gap-40) 0; display:flex; align-items:stretch; justify-content:center;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap .conts-box.wide {width:100%;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap .conts-box .box-inner {width:90%; max-width:450px;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap .conts-box .num {width:var(--gap-40); aspect-ratio:1; border-radius:50%; background:var(--black); font-size:var(--font-18); font-weight:600; color:var(--white); display:flex; align-items:center; justify-content:center; position:absolute; left:50%; top:calc((var(--gap-40) / 2) * -1); transform:translateX(-50%);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap .conts-box .head {width:100%; font-size:var(--font-18); font-weight:700; text-align:center; margin-bottom:var(--gap-10);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap .conts-box .conts {font-size:var(--font-16);}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap {width:100%; display:flex; align-items:stretch; gap:30px; flex-wrap:wrap; padding-top:calc(var(--gap-40) / 2);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap .conts-box {width:calc((100% - 60px) / 3); position:relative; border-radius:calc(var(--gap-10) * 2); background:var(--gray-e); padding:var(--gap-50) 0; display:flex; align-items:stretch; justify-content:center;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap .conts-box .box-inner {width:90%; max-width:320px;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap .conts-box .num {width:var(--gap-40); aspect-ratio:1; border-radius:50%; background:var(--black); font-size:var(--font-18); font-weight:600; color:var(--white); display:flex; align-items:center; justify-content:center; position:absolute; left:50%; top:calc((var(--gap-40) / 2) * -1); transform:translateX(-50%);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap .conts-box .icon {width:50%; max-width:160px; margin:0 auto; position:relative; aspect-ratio:1; border-radius:50%; background:var(--white); margin:0 auto; position:relative;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap .conts-box .icon img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap .conts-box .head {width:100%; font-size:var(--font-18); font-weight:700; text-align:center; margin:calc(var(--gap-10) * 3) 0 var(--gap-10) 0;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap .conts-box .conts {font-size:var(--font-16); text-align:center; font-weight:400;}



.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap {width:100%;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row {width:100%; min-height:90px; border-radius:var(--gap-10); background:var(--white); box-shadow:0 0 10px rgba(0,0,0,0.05); padding:var(--gap-24) 0; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background 0.3s ease-in-out;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col {width:90%; max-width:955px; display:flex; align-items:flex-start; gap:30px;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark {width:var(--gap-40); aspect-ratio:1; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:var(--font-20); font-weight:600; color:var(--white); background:var(--black); transition:background 0.3s ease-in-out;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .faq-box {flex:1; display:flex; flex-direction:column; gap:var(--gap-16); font-size:var(--font-18);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .faq-box .question {min-height:var(--gap-40); display:flex; align-items:center; font-weight: 600;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .faq-box .ask {display:none; font-size: 0.9em;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow {width:var(--gap-40); aspect-ratio:1; position:relative;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after {content:''; background:var(--black); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:0.3s ease-in-out;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before {width:50%; height:2px;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after {width:2px; height:50%;}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {background:var(--white) !important;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .faq-box {color:var(--white);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .arrow:before,
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .arrow:after {background:var(--white) !important;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .arrow:after {transform:translate(-50%,-50%) rotate(-90deg);}

.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--medical-dep-color);}
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--medical-dep-color);}

.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--pharmacy-dep-color);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--pharmacy-dep-color);}

.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--dental-dep-color);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--dental-dep-color);}

.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--veterinary-dep-color);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--veterinary-dep-color);}

.curriculum .course-wrap[data-id='art'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--art-dep-color);}
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--art-dep-color);}

.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--graduate-dep-color);}
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--graduate-dep-color);}

.curriculum .course-wrap[data-id='university'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--university-dep-color);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--university-dep-color);}

.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--eng-dep-color);}
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--eng-dep-color);}

.curriculum .course-wrap[data-id='index'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--index-dep-color);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--index-dep-color);}

.curriculum .course-wrap[data-id='language'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:before,
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow:after,
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active {background:var(--language-dep-color);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row.active .col .mark {color:var(--language-dep-color);}




.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {width:100%; min-height:380px; padding:var(--gap-60) 0; border-radius:var(--gap-10); background:var(--black); color:var(--white); display:flex; align-items:center;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner {width:90%; max-width:940px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-50);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner .conts-wrap {flex:1; display:flex; flex-direction:column; gap:calc(var(--gap-10) * 3);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner .conts-wrap .head-box .head {font-size:var(--font-30); font-weight:800; line-height:1.3;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner .conts-wrap .head-box .txt {font-size:var(--font-20); font-weight:600; margin-top:var(--gap-10);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner .obj {width:40%; max-width:345px;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner .obj span {display:block; width:100%; aspect-ratio:345/180; background:url(/img/conts/illust_sparkle.svg) center no-repeat; background-size:cover;}

.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {background:var(--medical-dep-color);}
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {background:var(--pharmacy-dep-color);}
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {background:var(--dental-dep-color);}
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {background:var(--veterinary-dep-color);}
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {background:var(--art-dep-color);}
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {background:var(--graduate-dep-color);}
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {background:var(--university-dep-color);}
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {background:var(--index-dep-color);}
.curriculum .course-wrap[data-id='language'] .course-conts-wrap .detail-conts-wrap .detail-layout .point-box {background: var(--language-color);}


.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-10) * 2);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row {width:100%; display:flex; align-items:center; gap:var(--gap-32);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col {flex:1;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button {width:100% !important;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-color='black'] .txt {width:100%; text-align:center; justify-content:center;}
/* .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row:first-child .col:first-child {display: none;} */

.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .txt,
.curriculum .course-wrap[data-id='medical'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--medical-dep-color);}

.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .txt,
.curriculum .course-wrap[data-id='pharmacy'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--pharmacy-dep-color);}

.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .txt,
.curriculum .course-wrap[data-id='dental'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--dental-dep-color);}

.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .txt,
.curriculum .course-wrap[data-id='veterinary'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--veterinary-dep-color);}

.curriculum .course-wrap[data-id='art'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .txt,
.curriculum .course-wrap[data-id='art'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--art-dep-color);}

.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .txt,
.curriculum .course-wrap[data-id='graduate'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--graduate-dep-color);}

.curriculum .course-wrap[data-id='university'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .txt,
.curriculum .course-wrap[data-id='university'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--university-dep-color);}

.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .txt,
.curriculum .course-wrap[data-id='eng'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--eng-dep-color);}

.curriculum .course-wrap[data-id='index'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .txt,
.curriculum .course-wrap[data-id='index'] .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--index-dep-color);}



.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .conts-list-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-60);}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-layout-conts {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}

.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row {width:100%; display:flex; align-items:stretch;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row .col {min-height:180px; display:flex; align-items:center; padding:calc(var(--gap-10) * 3);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row .col > .inner {width:100%;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row .col.head {width:33%; border-radius:var(--gap-10) 0 0 var(--gap-10); background:var(--black); color:var(--white);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row .col.head > .inner {display:flex; flex-direction:column; gap:calc(var(--gap-10) * 2); text-align:center; font-size:var(--font-16); font-weight:700;}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row .col.head .label {width:24px; aspect-ratio:1; background:var(--white); display:flex; align-items:center; justify-content:center; margin:0 auto; color:var(--black);}
.curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row .col.conts {width:67%; font-size:var(--font-16);}


@media screen and (max-width: 1280px) {
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner .conts-wrap .head-box .txt .br {display:inline-block;}
}

@media screen and (max-width: 1024px) {
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .com-conts .br {display:inline-block;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap {gap:60px 20px;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap .conts-box {width:calc((100% - 20px) / 2);}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap {gap:10px;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap .conts-box {width:calc((100% - 20px) / 3);}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col {gap:20px;}
}


@media screen and (max-width: 900px) {
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap {flex-direction:column; gap:var(--gap-60);}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .numbering-wrap .conts-box {width:100%; min-height:150px; align-items:center;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap {gap:var(--gap-60); flex-direction:column; align-items:center;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .icon-numbering-wrap .conts-box {width:100%; max-width:400px;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner {flex-direction:column; gap:var(--gap-60);}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner .obj {width:60%;}
}


@media screen and (max-width: 648px) {
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .head-title h3 {font-size:var(--font-24);}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout ul.dot[data-type='center'] {align-items:flex-start; text-align:left;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col {gap:15px;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .point-box .box-inner .conts-wrap .head-box .head {font-size:var(--font-24);}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row {flex-direction:column; gap:calc(var(--gap-10) * 2);}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row .col {width:100%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .button-wrap .row:last-child .col .button[data-type='arrow'] .txt {font-size:var(--font-16); line-height:1.3;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row {flex-direction:column;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row .col {min-height:100%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row .col.head {width:100%; border-radius:var(--gap-10) var(--gap-10) 0 0; padding:calc(var(--gap-10) * 3);}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .box-head-conts .row .col.conts {width:100%; padding:var(--gap-50) calc(var(--gap-10) * 3);}

}


@media screen and (max-width: 480px) {
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col {gap:10px;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .mark,
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .arrow {width:20px; font-size:12px;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .faq-wrap .faq-tb .row .col .faq-box .question {min-height:20px;}
    
}

/* s:251024,29,31 */
@media screen and (max-width: 480px) {
    .curriculum .course-wrap[data-id='language'] .course-conts-wrap .detail-conts-wrap .detail-layout .round-box[data-style='point'] .com-conts[data-type='center']  {text-align: left;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table th, 
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table td {padding: var(--gap-20) calc(var(--gap-10)*2);}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .layout-wrap .short {width: 100%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table {min-width: 100%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table:has(td:nth-child(3)) {min-width: 500px;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table:has(td:nth-child(4)) {min-width: 700px;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.type-B tr th {padding: var(--gap-20) calc(var(--gap-10)*2);}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.type-B tr td {padding: var(--gap-20) calc(var(--gap-10)*2);}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.type-B colgroup col:last-child {width: calc(100% - 90px);}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.type-B colgroup col:first-child {width: 90px;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb1 {min-width: 750px !important; }
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb1 colgroup col:nth-child(1) {width: 15% !important;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb1 colgroup col:nth-child(2) {width: 30%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb1 colgroup col:nth-child(3) {width: 30%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb1 colgroup col:nth-child(4) {width: 25%;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb2 {min-width: 860px !important;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb2 colgroup col:nth-child(1) {width: 10%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb2 colgroup col:nth-child(2) {width: 23%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb2 colgroup col:nth-child(3) {width: 24%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb2 colgroup col:nth-child(4) {width: 24%;}
    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb2 colgroup col:nth-child(5) {width: 19%;}

    .curriculum .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table.custom-tb9 {min-width: 800px !important;}

    .curriculum.language .course-wrap .course-conts-wrap .detail-conts-wrap .detail-layout .tb-wrap table:has(td:nth-child(3)) {min-width: 530px;}
}
/* e:251024,29,31 */




:root {
    --profile-list-gap-h : 100px;
    --profile-list-gap-v : 80px;
    --profile-list-size : 3;
}

.contents .profile-list-wrap {width:90%; max-width:1160px; margin:0 auto;}
.contents .profile-list-wrap .profile-list {width:100%; display:flex; align-items:stretch; flex-wrap:wrap; gap:var(--profile-list-gap-v) var(--profile-list-gap-h);}
.contents .profile-list-wrap .profile-list .row {width:calc((100% - (var(--profile-list-gap-h) * (var(--profile-list-size) - 1))) / var(--profile-list-size));}
.contents .profile-list-wrap .profile-list .row .col {width:100%;}
.contents .profile-list-wrap .profile-list .row .col a {display:block; width:100%;}
.contents .profile-list-wrap .profile-list .row .col .profile-img {width:100%; position:relative; background:#FFCEB1; background:linear-gradient(180deg, rgba(255, 206, 177, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.contents .profile-list-wrap .profile-list .row .col .profile-img:before,
.contents .profile-list-wrap .profile-list .row .col .profile-img:after {opacity:0; transition:opacity 0.3s ease-in-out;}
.contents .profile-list-wrap .profile-list .row .col .profile-img:before {content:''; width:100%; height:100%; background:rgba(255,122,40,0.8); position:absolute; left:0; top:0; z-index:11;}
.contents .profile-list-wrap .profile-list .row .col .profile-img:after {content:''; width:20%; max-width:50px; aspect-ratio:1; border-radius:50%; background:url(/img/conts/arrow_plus.svg) center no-repeat; background-size:40% auto; background-color:var(--white); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:12;}
.contents .profile-list-wrap .profile-list .row .col .profile-img span {display:block; width:100%; aspect-ratio:320/480; position:relative; overflow:hidden; z-index:10;}
.contents .profile-list-wrap .profile-list .row .col .profile-img span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; image-rendering: -webkit-optimize-contrast; }
.contents .profile-list-wrap .profile-list .row .col .conts-box {width:100%; margin-top:var(--gap-24); display:flex; flex-direction:column; gap:var(--gap-8); text-align: center;}
.contents .profile-list-wrap .profile-list .row .col .conts-box .name {font-size:var(--font-24); font-weight:700;}
.contents .profile-list-wrap .profile-list .row .col .conts-box .education {font-size:var(--font-18); font-weight:700; color:var(--key-color);}
.contents .profile-list-wrap .profile-list .row .col:hover .profile-img:before,
.contents .profile-list-wrap .profile-list .row .col:hover .profile-img:after {opacity:1;}

@media screen and (max-width: 1280px) {
    :root {
        --profile-list-gap-h : 60px;
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --profile-list-gap-h : 30px;
        --profile-list-gap-v : 60px;
    }
    .contents .profile-list-wrap .profile-list .row .col .conts-box .name {font-size:18px;}
    .contents .profile-list-wrap .profile-list .row .col .conts-box .education {font-size:14px;}
}

@media screen and (max-width: 768px) {
    :root {
        --profile-list-gap-h : 50px;
        --profile-list-gap-v : 50px;
        --profile-list-size : 2;
    }
}

@media screen and (max-width: 648px) {
    :root {
        --profile-list-gap-h : 30px;
    }
    .contents .profile-list-wrap .profile-list .row .col .conts-box .name {font-size:16px;}
    .contents .profile-list-wrap .profile-list .row .col .conts-box .education {font-size:12px;}
}

@media screen and (max-width: 480px) {
    :root {
        --profile-list-gap-h : 20px;
        --profile-list-gap-v : 20px;
        /* --profile-list-size : 1; */
    }
    /* .contents .profile-list-wrap .profile-list {max-width:300px; margin:0 auto; flex-direction:column;} */
    .contents .profile-list-wrap .profile-list .row .col .conts-box .name {font-size:16px;}
    .contents .profile-list-wrap .profile-list .row .col .conts-box .education {font-size:12px;}

    /* 251029 */
    .contents .profile-list-wrap {width: 100%;}
    .contents .profile-list-wrap .profile-list .row .col .conts-box .name {font-size: 15px;}
    .contents .profile-list-wrap .profile-list {gap: 30px var(--profile-list-gap-h);}
}




:root {
    --u-list-tb-gap : 50px;

    --tokyo-key : #187FC3;
    --tokyo-sub : rgba(18,113,177,0.15);

    --kyoto-key : #16356E;
    --kyoto-sub : rgba(20,54,115,0.15);

    --osaka-key : #323E9D;
    --osaka-sub : rgba(47,67,155,0.15);

    --nagoya-key : #00674C;
    --nagoya-sub : rgba(0,111,81,0.15);

    --hokudai-key : #337021;
    --hokudai-sub : rgba(51,112,33,0.15);

    --kyushu-key : #77113C;
    --kyushu-sub : rgba(119,17,60,0.15);

    --tohoku-key : #3E1586;
    --tohoku-sub : rgba(55,27,102,0.15);

    --tsukuba-key : #582488;
    --tsukuba-sub : rgba(94,72,150,0.15);

    --waseda-key : #881C28;
    --waseda-sub : rgba(136,28,40,0.15);

    --keio-key : #FCC707;
    --keio-sub : rgba(251,199,7,0.15);

    --sophia-key : #731E34;
    --sophia-sub : rgba(125,0,45,0.15);

    --icu-key : #0055B8;
    --icu-sub : rgba(18,113,177,0.15);

    --ritsumei-key : #AC181E;
    --ritsumei-sub : rgba(172,24,30,0.15);

    --apu-key : #77113C;
    --apu-sub : rgba(171,2,63,0.15);

    --meiji-key : #3E1586;
    --meiji-sub : rgba(54,49,143,0.15);

    --rikkyo-key : #582488;
    --rikkyo-sub : rgba(54,49,143,0.15);

    --hosei-key : #263F88;
    --hosei-sub : rgba(34,63,154,0.15);

    --doshisha-key : #660066;
    --doshisha-sub : rgba(108,27,126,0.15);

    --chuo-key : #D8353A;
    --chuo-sub : rgba(203,1,24,0.15);
}

.curriculum .eng-guide-wrap {width:100%; max-width:1070px; margin:0 auto;}
.curriculum .eng-guide-wrap .university-list-tb {width:100%; display:flex; align-items:stretch; flex-wrap:wrap; gap:var(--u-list-tb-gap);}
.curriculum .eng-guide-wrap .university-list-tb .col {width:calc((100% - var(--u-list-tb-gap)) / 2); position:relative; background:var(--black); color:var(--white);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box {width:100%; position:relative; padding:40px 50px; cursor:pointer;}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box > .inner {width:100%; display:flex; align-items:center; justify-content:center; gap:calc(var(--gap-10) * 2);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box .label {width:var(--gap-60); aspect-ratio:60/40; background:var(--white); position:absolute; left:50px; top:0;}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box .label:before {content:''; width:0; height:0; border:solid transparent; border-width:0 calc(var(--gap-60) / 2); border-bottom:14px solid var(--black); position:absolute; left:0; bottom:0;}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box .tlt {width:calc(50% - (var(--gap-10) * 2)); display:flex; flex-direction:column; gap:var(--gap-8); align-items:center; text-align:center;}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box .tlt > * {width:100%; text-align:center;}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box .tlt em {font-size:var(--font-24); font-weight:700;}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box .tlt span {font-size:calc(var(--font-18) * 0.9);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box .logo {width:45%; background:var(--white); max-width:180px;}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box .logo span {display:block; width:100%; aspect-ratio:1; position:relative;}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box .logo span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='tokyo'] {background:var(--tokyo-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='tokyo'] .label:before {border-bottom-color:var(--tokyo-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='kyoto'] {background:var(--kyoto-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='kyoto'] .label:before {border-bottom-color:var(--kyoto-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='osaka'] {background:var(--osaka-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='osaka'] .label:before {border-bottom-color:var(--osaka-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='nagoya'] {background:var(--nagoya-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='nagoya'] .label:before {border-bottom-color:var(--nagoya-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='hokudai'] {background:var(--hokudai-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='hokudai'] .label:before {border-bottom-color:var(--hokudai-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='kyushu'] {background:var(--kyushu-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='kyushu'] .label:before {border-bottom-color:var(--kyushu-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='tohoku'] {background:var(--tohoku-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='tohoku'] .label:before {border-bottom-color:var(--tohoku-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='tsukuba'] {background:var(--tsukuba-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='tsukuba'] .label:before {border-bottom-color:var(--tsukuba-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='waseda'] {background:var(--waseda-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='waseda'] .label:before {border-bottom-color:var(--waseda-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='keio'] {background:var(--keio-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='keio'] .label:before {border-bottom-color:var(--keio-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='sophia'] {background:var(--sophia-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='sophia'] .label:before {border-bottom-color:var(--sophia-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='icu'] {background:var(--icu-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='icu'] .label:before {border-bottom-color:var(--icu-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='ritsumei'] {background:var(--ritsumei-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='ritsumei'] .label:before {border-bottom-color:var(--ritsumei-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='apu'] {background:var(--apu-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='apu'] .label:before {border-bottom-color:var(--apu-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='meiji'] {background:var(--meiji-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='meiji'] .label:before {border-bottom-color:var(--meiji-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='rikkyo'] {background:var(--rikkyo-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='rikkyo'] .label:before {border-bottom-color:var(--rikkyo-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='hosei'] {background:var(--hosei-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='hosei'] .label:before {border-bottom-color:var(--hosei-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='doshisha'] {background:var(--doshisha-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='doshisha'] .label:before {border-bottom-color:var(--doshisha-key);}

.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='chuo'] {background:var(--chuo-key);}
.curriculum .eng-guide-wrap .university-list-tb .col .university-box[data-id='chuo'] .label:before {border-bottom-color:var(--chuo-key);}






@media screen and (max-width: 1024px) {
    :root {
        --u-list-tb-gap : 30px;
    }
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box {padding:40px 30px;}
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box .label {left:30px;}
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box .tlt em {font-size:18px;}
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box .tlt span {font-size:14px;}
}


@media screen and (max-width: 768px) {
    :root {
        --u-list-tb-gap : 20px;
    }
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box {padding:40px 20px;}
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box .label {left:20px;}
}

@media screen and (max-width: 648px) {
    .curriculum .eng-guide-wrap .university-list-tb {flex-direction:column; align-items:center;}
    .curriculum .eng-guide-wrap .university-list-tb .col {width:100%; max-width:350px;}
}

@media screen and (max-width: 480px) {
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box {padding:30px 15px;}
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box .label {left:15px;}
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box .label:before {border-bottom-width:9px;}
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box .tlt em {font-size:15px;}
    .curriculum .eng-guide-wrap .university-list-tb .col .university-box .tlt span {font-size:12px;}
}

.modal[data-id='guide'] {background:var(--white); width:90%; max-width:1100px;}
.modal[data-id='guide'] .modal-wrap {width:100%;}
.modal[data-id='guide'] .modal-wrap .modal-conts {width:90%; max-width:930px; margin:0 auto;}
.modal[data-id='guide'] .guide-wrap {width:100%; position:relative; padding:var(--gap-60) 0 calc((var(--gap-60) * 2) - var(--gap-40)) 0; display:flex; flex-direction:column; gap:calc(var(--gap-10) * 3);}
.modal[data-id='guide'] .guide-wrap .label {width:var(--gap-60); aspect-ratio:1; background:var(--black); position:absolute; left:0; top:0;}
.modal[data-id='guide'] .guide-wrap .label:before {content:''; width:0; height:0; border:solid transparent; border-width:0 calc(var(--gap-60) / 2); border-bottom:calc(var(--gap-60) / 3) solid var(--white); position:absolute; left:0; bottom:-1px;}
.modal[data-id='guide'] .guide-wrap .head {width:100%; display:flex; flex-direction:column; gap:var(--gap-8);}
.modal[data-id='guide'] .guide-wrap .head .btn-modal-close {width:24px; aspect-ratio:1; background:url(/img/com/icon_close.svg) center no-repeat; background-size:58% auto; margin-left:auto; margin-right:0; font-size:0; cursor:pointer; display:block;}
.modal[data-id='guide'] .guide-wrap .head .logo {width:100%; height:36px;}
.modal[data-id='guide'] .guide-wrap .head .logo img {display:block; width:auto; height:100%;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap {width:100%; max-height:calc((var(--nvh) * 0.85) - var(--gap-60) - ((var(--gap-60) * 2) + var(--gap-40)) - 24px - 36px - var(--gap-8) - (var(--gap-10) * 3)); overflow-y:auto;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap::-webkit-scrollbar {width:5px;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap::-webkit-scrollbar-thumb {background:var(--black);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap::-webkit-scrollbar-track {background:#DFDFDF;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-10); align-items:center;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {width:100%; background:rgba(0,0,0,0.15); padding:calc(var(--gap-10) * 3) 0;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box .inner {width:90%; max-width:830px; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-10);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box .tlt-wrap {width:100%; display:flex; align-items:flex-end; gap:var(--gap-10);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box .tlt-wrap .tlt {font-size:var(--font-24); font-weight:700;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box .tlt-wrap span {font-size:var(--font-20); font-weight:400;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box .conts-wrap {width:100%; font-size:var(--font-16);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap {width:90%; max-width:830px; display:flex; flex-direction:column;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article {width:100%; padding:var(--gap-40) 0; border-bottom:1px solid var(--gray-d9);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article:last-child {border-bottom:0;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article > .wrap {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-10) * 2);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h2 {font-size:var(--font-16); font-weight:400; color:var(--gray-6);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 {font-size:var(--font-20); font-weight:700;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {padding:3px 0; background-image:linear-gradient(yellow, yellow); background-position:left bottom; background-repeat:no-repeat; background-size:100% 42%;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .tb-wrap {width:100%; overflow-x:auto;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table {width:100%; table-layout:fixed;  min-width:600px;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table tbody tr {border-bottom:1px solid var(--gray-c);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table tr th,
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table tr td {text-align:center; font-size:var(--font-16);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table tr th {background:var(--black); font-weight:400; color:var(--white); min-height:40px; padding:5px var(--gap-10);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table tr th:first-child {border-top-left-radius:var(--gap-10);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table tr th:last-child {border-top-right-radius:var(--gap-10);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table tr td {border-left:1px solid var(--gray-c); min-height:50px; padding:var(--gap-10);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table tr td:first-child {border-left:0;}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article table tr td.point {background:var(--gray-e);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .com-conts {font-size:var(--font-16);}
.modal[data-id='guide'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'] .txt {font-size:var(--font-16);}

@media screen and (max-width: 480px) {
    .modal[data-id='guide'] .guide-wrap {padding-bottom:calc((var(--gap-50) * 2) - var(--gap-40));}
    .modal[data-id='guide'] .guide-wrap .head .logo {height:30px;}
    .modal[data-id='guide'] .guide-wrap .guide-conts-wrap {width:100%; max-height:calc((var(--nvh) * 0.85) - var(--gap-60) - ((var(--gap-50) * 2) + var(--gap-40)) - 24px - 30px - var(--gap-8) - (var(--gap-10) * 3));}
}


.modal[data-id='guide'][data-type='tokyo'] .guide-wrap .label {background:var(--tokyo-key);}
.modal[data-id='guide'][data-type='tokyo'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--tokyo-sub);}
.modal[data-id='guide'][data-type='tokyo'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--tokyo-sub), var(--tokyo-sub));}
.modal[data-id='guide'][data-type='tokyo'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='tokyo'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--tokyo-key);}

.modal[data-id='guide'][data-type='kyoto'] .guide-wrap .label {background:var(--kyoto-key);}
.modal[data-id='guide'][data-type='kyoto'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--kyoto-sub);}
.modal[data-id='guide'][data-type='kyoto'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--kyoto-sub), var(--kyoto-sub));}
.modal[data-id='guide'][data-type='kyoto'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='kyoto'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--kyoto-key);}

.modal[data-id='guide'][data-type='osaka'] .guide-wrap .label {background:var(--osaka-key);}
.modal[data-id='guide'][data-type='osaka'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--osaka-sub);}
.modal[data-id='guide'][data-type='osaka'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--osaka-sub), var(--osaka-sub));}
.modal[data-id='guide'][data-type='osaka'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='osaka'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--osaka-key);}

.modal[data-id='guide'][data-type='nagoya'] .guide-wrap .label {background:var(--nagoya-key);}
.modal[data-id='guide'][data-type='nagoya'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--nagoya-sub);}
.modal[data-id='guide'][data-type='nagoya'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--nagoya-sub), var(--nagoya-sub));}
.modal[data-id='guide'][data-type='nagoya'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='nagoya'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--nagoya-key);}

.modal[data-id='guide'][data-type='hokudai'] .guide-wrap .label {background:var(--hokudai-key);}
.modal[data-id='guide'][data-type='hokudai'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--hokudai-sub);}
.modal[data-id='guide'][data-type='hokudai'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--hokudai-sub), var(--hokudai-sub));}
.modal[data-id='guide'][data-type='hokudai'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='hokudai'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--hokudai-key);}

.modal[data-id='guide'][data-type='kyushu'] .guide-wrap .label {background:var(--kyushu-key);}
.modal[data-id='guide'][data-type='kyushu'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--kyushu-sub);}
.modal[data-id='guide'][data-type='kyushu'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--kyushu-sub), var(--kyushu-sub));}
.modal[data-id='guide'][data-type='kyushu'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='kyushu'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--kyushu-key);}

.modal[data-id='guide'][data-type='tohoku'] .guide-wrap .label {background:var(--tohoku-key);}
.modal[data-id='guide'][data-type='tohoku'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--tohoku-sub);}
.modal[data-id='guide'][data-type='tohoku'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--tohoku-sub), var(--tohoku-sub));}
.modal[data-id='guide'][data-type='tohoku'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='tohoku'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--tohoku-key);}

.modal[data-id='guide'][data-type='tsukuba'] .guide-wrap .label {background:var(--tsukuba-key);}
.modal[data-id='guide'][data-type='tsukuba'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--tsukuba-sub);}
.modal[data-id='guide'][data-type='tsukuba'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--tsukuba-sub), var(--tsukuba-sub));}
.modal[data-id='guide'][data-type='tsukuba'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='tsukuba'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--tsukuba-key);}

.modal[data-id='guide'][data-type='waseda'] .guide-wrap .label {background:var(--waseda-key);}
.modal[data-id='guide'][data-type='waseda'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--waseda-sub);}
.modal[data-id='guide'][data-type='waseda'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--waseda-sub), var(--waseda-sub));}
.modal[data-id='guide'][data-type='waseda'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='waseda'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--waseda-key);}

.modal[data-id='guide'][data-type='keio'] .guide-wrap .label {background:var(--keio-key);}
.modal[data-id='guide'][data-type='keio'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--keio-sub);}
.modal[data-id='guide'][data-type='keio'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--keio-sub), var(--keio-sub));}
.modal[data-id='guide'][data-type='keio'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='keio'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--keio-key);}

.modal[data-id='guide'][data-type='sophia'] .guide-wrap .label {background:var(--sophia-key);}
.modal[data-id='guide'][data-type='sophia'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--sophia-sub);}
.modal[data-id='guide'][data-type='sophia'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--sophia-sub), var(--sophia-sub));}
.modal[data-id='guide'][data-type='sophia'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='sophia'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--sophia-key);}

.modal[data-id='guide'][data-type='icu'] .guide-wrap .label {background:var(--icu-key);}
.modal[data-id='guide'][data-type='icu'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--icu-sub);}
.modal[data-id='guide'][data-type='icu'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--icu-sub), var(--icu-sub));}
.modal[data-id='guide'][data-type='icu'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='icu'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--icu-key);}

.modal[data-id='guide'][data-type='ritsumei'] .guide-wrap .label {background:var(--ritsumei-key);}
.modal[data-id='guide'][data-type='ritsumei'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--ritsumei-sub);}
.modal[data-id='guide'][data-type='ritsumei'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--ritsumei-sub), var(--ritsumei-sub));}
.modal[data-id='guide'][data-type='ritsumei'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='ritsumei'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--ritsumei-key);}

.modal[data-id='guide'][data-type='apu'] .guide-wrap .label {background:var(--apu-key);}
.modal[data-id='guide'][data-type='apu'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--apu-sub);}
.modal[data-id='guide'][data-type='apu'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--apu-sub), var(--apu-sub));}
.modal[data-id='guide'][data-type='apu'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='apu'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--apu-key);}

.modal[data-id='guide'][data-type='meiji'] .guide-wrap .label {background:var(--meiji-key);}
.modal[data-id='guide'][data-type='meiji'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--meiji-sub);}
.modal[data-id='guide'][data-type='meiji'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--meiji-sub), var(--meiji-sub));}
.modal[data-id='guide'][data-type='meiji'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='meiji'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--meiji-key);}

.modal[data-id='guide'][data-type='rikkyo'] .guide-wrap .label {background:var(--rikkyo-key);}
.modal[data-id='guide'][data-type='rikkyo'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--rikkyo-sub);}
.modal[data-id='guide'][data-type='rikkyo'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--rikkyo-sub), var(--rikkyo-sub));}
.modal[data-id='guide'][data-type='rikkyo'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='rikkyo'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--rikkyo-key);}

.modal[data-id='guide'][data-type='hosei'] .guide-wrap .label {background:var(--hosei-key);}
.modal[data-id='guide'][data-type='hosei'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--hosei-sub);}
.modal[data-id='guide'][data-type='hosei'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--hosei-sub), var(--hosei-sub));}
.modal[data-id='guide'][data-type='hosei'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='hosei'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--hosei-key);}

.modal[data-id='guide'][data-type='doshisha'] .guide-wrap .label {background:var(--doshisha-key);}
.modal[data-id='guide'][data-type='doshisha'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--doshisha-sub);}
.modal[data-id='guide'][data-type='doshisha'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--doshisha-sub), var(--doshisha-sub));}
.modal[data-id='guide'][data-type='doshisha'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='doshisha'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--doshisha-key);}

.modal[data-id='guide'][data-type='chuo'] .guide-wrap .label {background:var(--chuo-key);}
.modal[data-id='guide'][data-type='chuo'] .guide-wrap .guide-conts-wrap .guide-conts-box .main-conts-box {background:var(--chuo-sub);}
.modal[data-id='guide'][data-type='chuo'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article h3 span {background-image:linear-gradient(var(--chuo-sub), var(--chuo-sub));}
.modal[data-id='guide'][data-type='chuo'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .txt,
.modal[data-id='guide'][data-type='chuo'] .guide-wrap .guide-conts-wrap .guide-conts-box .detail-conts-wrap article .button-wrap .button[data-type='arrow'][data-hover='key']:hover .arrow {background-color:var(--chuo-key);}



.contact .briefing-wrap {width:100%; max-width:1020px; margin:0 auto;}
.contact .briefing-wrap .briefing-box {width:100%;}
.contact .briefing-wrap .briefing-box img {display:block; max-width:100%;}



/* 20251013 jlpt*/
.jlpt .jlpt-box {margin-top: var(--gap-16);}
.jlpt .jlpt-box .bg-box {margin-top: var(--gap-24); margin-bottom: var(--gap-16);}
.jlpt .jlpt-box .bg-box ul.hc-row li .head.title {font-size: 1.1em;}

/* 20251022 noti desc 교육과정 안내 */
.noti-desc {font-size: var(--font-14); text-align: right; margin-top: 10px; color:var(--gray-9);}

/* 20251103 */
.guide .guide-layout {background: #FF8B45; padding: var(--gap-80) 0 calc(var(--gap-50) * 3); position: relative;}
.guide.eju .guide-layout {background: #FF8B45;}
.guide.eju .guide-layout .guide-layout-title .sub-txt span {color: #7B2E00; }
.guide.jlpt .guide-layout {background: #3877FF;}
.guide.jlpt .guide-layout .guide-layout-title .sub-txt span {color: #002B89; }
.guide.mext .guide-layout {background: #529400;}

.guide .guide-layout::before,
.guide .guide-layout::after {content:""; aspect-ratio: 345/180; background: url(/img/conts/illust_sparkle.svg) center no-repeat; background-size: cover; position: absolute; z-index: 0; pointer-events: none; }
.guide .guide-layout::before {top: 0; right: 0; height: 150px;}
.guide .guide-layout::after {left: 0; top: 150px; height: 100px;}

.guide .guide-layout .guide-layout-wrap {position: relative; z-index: 1;}
.guide .guide-layout .guide-layout-wrap + .guide-layout-wrap {margin-top: var(--gap-80);}

.guide .guide-layout .notice {color: var(--gray-9); font-weight: 500; font-size: var(--font-16); margin-top: var(--gap-10); }
.guide .guide-layout .notice[data-ta="rt"] {text-align: right;}
.guide .guide-layout .notice[data-ta="lf"] {text-align: left;}
.guide .guide-layout .note {color: var(--gray-6); font-weight: 500; margin-top: var(--gap-10); text-align: left;}
.guide .guide-layout .gray-top {color: var(--gray-3); margin-bottom: calc(var(--gap-10)/2); font-weight: 500;}

.guide .guide-layout .button-wrap {display: flex; justify-content: center; margin-top: var(--gap-60);}

.guide .guide-layout .guide-layout-title {text-align: center; margin-bottom: var(--gap-80);}
.guide .guide-layout .guide-layout-title h3 {font-size: var(--font-40); font-weight: 800; color: var(--white);}
.guide .guide-layout .guide-layout-title h3 span {display: inline-block; padding: 0 var(--gap-40); position: relative;}
.guide .guide-layout .guide-layout-title h3 span::before,
.guide .guide-layout .guide-layout-title h3 span::after {content: ''; height: var(--font-18);  aspect-ratio: 27 / 18; background: url(/img/conts/quotes.svg) center no-repeat; background-size: cover;   position: absolute; top: 0.2em; }
.guide .guide-layout .guide-layout-title h3 span::before {left: 0;}
.guide .guide-layout .guide-layout-title h3 span::after { right: 0; transform: scaleX(-1) scaleY(-1);}
.guide .guide-layout .guide-layout-title .sub-txt {font-weight: 700; font-size: var(--font-24); color: var(--white);}
.guide .guide-layout .guide-layout-title .sub-txt span {font-weight: 800;}
.guide .guide-layout .guide-layout-inner {width: 90%; margin: auto; background: var(--white); border-radius: var(--gap-40); max-width: unset; padding: var(--gap-80) 0;}
.guide .guide-layout .guide-layout-inner.top {padding: var(--gap-40) 0;}
.guide .guide-layout .guide-layout-inner article + article {margin-top: var(--gap-20);}

.guide .guide-layout article {padding-top: var(--gap-80);}
.guide .guide-layout article:first-child {padding-top: 0;}
.guide .guide-layout .guide-cont-box {width: 90%; text-align: center;  margin: auto; font-size: var(--font-18);}
.guide .guide-layout .guide-cont-box .guide-cont-head {text-align: center;}
.guide .guide-layout .guide-cont-box .guide-cont-head .lf {text-align: left;}
.guide .guide-layout .guide-cont-box .guide-cont-head + .guide-cont-body {margin-top: var(--gap-32);}
.guide .guide-layout .guide-cont-box .guide-title {font-size: var(--font-30); font-weight: 800; margin-bottom: 10px; text-align: center;}
.guide .guide-layout .guide-cont-box .guide-title .br {display: none;}
.guide .guide-layout .guide-cont-box .guide-cont-body + .guide-cont-body {margin-top: var(--gap-20);}
.guide .guide-layout .guide-cont-box .style-box {border-radius: 0.6em; background: var(--gray-e); padding: var(--gap-40); text-align: center; }
.guide .guide-layout .guide-cont-box .style-box.lf {text-align: left;}
.guide .guide-layout .guide-cont-box .style-box .info {margin-top: var(--gap-10); color: #666; font-weight: 500;}
.guide .guide-layout .guide-cont-box .dep-conts {padding-left: var(--gap-24); margin-top: var(--gap-10);}
.guide .guide-layout .guide-cont-box .link {text-decoration: underline; font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit;}
.guide .guide-layout .guide-cont-box ul {font-weight: 500; }
.guide .guide-layout .guide-cont-box ul li em {font-weight: 700; color: #333; }
.guide .guide-layout .guide-cont-box ul li p.depth {padding-left: 1.2em; font-weight: 400; color: #333; margin-top: 5px;}
.guide .guide-layout .guide-cont-box ul.ty1 {display: inline-block; margin: auto; text-align: left;}
.guide .guide-layout .guide-cont-box ul.ty1.row li {display: flex; gap: 2px 30px;}
.guide .guide-layout .guide-cont-box ul.ty1 li + li {margin-top: var(--gap-20);}
.guide .guide-layout .guide-cont-box ul.ty1 li .tit {margin-bottom: 5px; width: 120px;}
.guide .guide-layout .guide-cont-box ul.ty1.row.short li .tit {width: 60px;}
.guide .guide-layout .guide-cont-box ul.ty2 {font-size: var(--font-16);}
.guide .guide-layout .guide-cont-box ul.ty2 li + li {margin-top: var(--gap-16);}

.guide .guide-layout .tb-wrap {width:100%; overflow-x:auto;}
.guide .guide-layout .tb-wrap table {width:100%; min-width:700px; table-layout:fixed;}
.guide .guide-layout .tb-wrap table tr {border-bottom:1px solid var(--gray-c);}
.guide .guide-layout .tb-wrap table th,
.guide .guide-layout .tb-wrap table td {font-size:var(--font-16); text-align:center; padding: calc(var(--gap-10) * 1.2) calc(var(--gap-10) * 2);}
.guide .guide-layout .tb-wrap table th {background:var(--black); height:var(--gap-40); color:var(--white);}
.guide .guide-layout .tb-wrap table tr:first-child th:first-child {border-top-left-radius:var(--gap-10);}
.guide .guide-layout .tb-wrap table tr:first-child th:last-child {border-top-right-radius:var(--gap-10);}
.guide .guide-layout .tb-wrap table td {border: 1px solid var(--gray-c); }
.guide .guide-layout .tb-wrap table td.point {background:var(--gray-e);}
.guide .guide-layout .tb-wrap table .lf {text-align:left;}
.guide .guide-layout .tb-wrap table td span.ib {display: inline-block;}
.guide .guide-layout .tb-wrap table.type-B thead tr {border-color:#303030;}
.guide .guide-layout .tb-wrap table.type-B thead tr th {border:solid #303030; border-width:0 1px 0 0;}
.guide .guide-layout .tb-wrap table.type-B thead tr th:last-child {border-width: 0;}

.guide .guide-layout .sub-tb-wrap {width:100%; overflow-x:auto;}
.guide .guide-layout .sub-tb-wrap table {width:100%; /*min-width:1000px;*/ table-layout:fixed; border:solid var(--gray-c); border-width:1px 1px 0 1px;}
.guide .guide-layout .sub-tb-wrap table tr {border:solid var(--gray-c); border-width:0 0 1px 0;}
.guide .guide-layout .sub-tb-wrap table tr td {box-sizing:border-box; text-align:center; font-size:var(--font-16); padding:var(--gap-16) calc(var(--gap-10) * 2); border:solid var(--gray-c); border-width:0 0 0 1px; background: var(--white);}
.guide .guide-layout .sub-tb-wrap table tr td:last-child {border-width:0 1px;}
.guide .guide-layout .sub-tb-wrap table tr td.head {background:var(--gray-d); font-weight:600;}
.guide .guide-layout .sub-tb-wrap table tr td.lf {text-align:left;}

.guide .guide-layout .tb-wrap table.custom-tb5 colgroup col:nth-child(1) {width: 120px;}
.guide .guide-layout .tb-wrap table.custom-tb5 colgroup col:nth-child(2) {width: calc(100% - 460px);}
.guide .guide-layout .tb-wrap table.custom-tb5 colgroup col:nth-child(3) {width: 110px;}
.guide .guide-layout .tb-wrap table.custom-tb5 colgroup col:nth-child(4) {width: 230px;}

.guide .guide-layout .tb-wrap table.custom-tb6 {min-width: 100%; }



@media screen and (max-width: 768px) {
    .guide .guide-layout::before {height: 70px;}
    .guide .guide-layout::after {top: 100px; height: 50px;}

    .guide .guide-layout .guide-cont-box .guide-cont-head p .br {display:none;}
    .guide .guide-layout .guide-cont-box .guide-title .br {display: block;}

    .guide .guide-layout .guide-cont-box .style-box {padding: var(--gap-40) var(--gap-24); }
    .guide .guide-layout .guide-cont-box .dep-conts {padding-left: 0;}

    .guide .guide-layout .guide-layout-title h3 span::before, 
    .guide .guide-layout .guide-layout-title h3 span::after {height: calc(var(--font-14) * 0.85);}

    .guide .guide-layout .tb-wrap table tr th {padding: var(--gap-20) calc(var(--gap-10)*2);}
    .guide .guide-layout .tb-wrap table tr td {padding: var(--gap-20) calc(var(--gap-10)*2);}

    .guide .guide-layout .tb-wrap table[data-tbmo="full"] {min-width: 100%;}
    .guide .guide-layout .tb-wrap table[data-tbmo="1000"] {min-width: 1000px;}
    .guide .guide-layout .tb-wrap table[data-tbmo="600"] {min-width: 600px;}
    .guide .guide-layout .tb-wrap table[data-tbmo="500"] {min-width: 500px;}

    .guide .guide-layout .tb-wrap table.custom-tb3 colgroup col:nth-child(1) {width: 30%;}
    .guide .guide-layout .tb-wrap table.custom-tb3 colgroup col:nth-child(2) {width: 70%;}

    .guide .guide-layout .tb-wrap table.custom-tb4 colgroup col:nth-child(1) {width: 30%;}
    .guide .guide-layout .tb-wrap table.custom-tb4 colgroup col:nth-child(2) {width: 70%;}

    .guide .guide-layout .tb-wrap table.custom-tb5 colgroup col:nth-child(1) {width: 15%;}
    .guide .guide-layout .tb-wrap table.custom-tb5 colgroup col:nth-child(2) {width: 40%;}
    .guide .guide-layout .tb-wrap table.custom-tb5 colgroup col:nth-child(3) {width: 15%;}
    .guide .guide-layout .tb-wrap table.custom-tb5 colgroup col:nth-child(4) {width: 30%;}

    .guide .guide-layout .tb-wrap table.custom-tb6 colgroup col:nth-child(1) {width: 20%;}
    .guide .guide-layout .tb-wrap table.custom-tb6 colgroup col:nth-child(2) {width: 15%;}
    .guide .guide-layout .tb-wrap table.custom-tb6 colgroup col:nth-child(3) {width: 65%;}

    .guide .guide-layout .sub-tb-wrap table.custom-tb8 colgroup col:nth-child(1) {width: 80px;}
    .guide .guide-layout .sub-tb-wrap table.custom-tb8 colgroup col:nth-child(2) {width: calc(100% - 80px);}

}

@media screen and (max-width: 648px) {
    .guide .guide-layout .guide-cont-box .style-box {text-align: left;}
    .guide .guide-layout .guide-cont-box ul.ty1.row li {flex-direction: column;}
}



@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 648px) {}
@media screen and (max-width: 480px) {}