/* 팝업 ============================================================================ */
.pop-parent {
    position: fixed;
    z-index: 9999999;
    transition: all .2s;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
}

.pop-parent.active {
    display: none;
}

.pop-parent .pop {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    position: absolute;
    border-radius: 16px;
    overflow: hidden;
}


.pop-parent .m-ratioBox-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.pop-parent .m-ratioBox-wrap .m-ratioBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.pop-parent .m-ratioBox-wrap img {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.pop-parent .m-ratioBox-wrap iframe {
    width: 105%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.pop-parent .swiper {
    overflow: visible;
}

.pop-parent .swiper-container {
    overflow: visible;
    padding-bottom: 40px;
}

.pop-parent .swiper-pagination {
    display: flex;
}

.pop-parent .pop .btn-toggle {
    width: 40px;
    height: 40px;
    position: relative;
    background-color: black;
    cursor: pointer;
}

.pop-parent .pop .btn-toggle img {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: all .3s;
}

.pop-parent .pop-btns {
    display: flex;
    background-color: #3c3c3c;
    opacity: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    justify-content: space-between;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    overflow: hidden;
    z-index: 33;
}

.pop-parent .pop-btns a {
    color: #fff;
    padding: 7px 14px;
}

.pop-parent .pop-btns #oneday_check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.pop-parent .pop-btns #oneday_check+label {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.pop-parent .pop-btns #oneday_check+label:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    border: 1px solid #fff;
}

.pop-parent .pop-btns #oneday_check:checked+label .icon {
    position: absolute;
    left: 7px;
    top: 7px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/images/check_checked.png') no-repeat center center;
}

.pop-parent .pop .swiper-btn-control {
    width: 8px;
    height: 11px;
    margin-left: 16px;
    position: relative;
    top: 2px;
}

.pop-parent .swiper-control {
    display: flex;
    align-items: center;
    position: absolute;
    top: 21px;
    right: 20px;
    z-index: 2;
}

.pop-parent .swiper-control .swiper-pagination {
    display: none;
}

.pop-parent .swiper-pagination-bullet {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 0;
    border: 1px solid white;
    opacity: 0.5;
    background-color: transparent;
}

.pop-parent .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}

.pop-parent.active .btn-toggle {
    transform: rotate(180deg);
}

@media screen and (max-width:1200px) {
    .pop-parent .pop {
        width: 310px;
    }

}


/* 전체 공통 ============================================================================ */
.col-2 {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.bold {
    font-weight: bold;
}

.btn-default {
    display: flex;
    justify-content: center;
    align-items: center;
}

.br-768 {
    display: none;
}

.br-573,
.br-1024,
.br-1080,
.mb-1080 {
    display: none;
}

@media screen and (max-width:1080px) {

    .br-1080,
    .mb-1080 {
        display: block;
    }

    .pc-1080 {
        display: none !important;
    }
}

@media screen and (max-width:1024px) {
    .br-1024 {
        display: block;
    }
}

@media screen and (max-width:768px) {
    .br-768 {
        display: block;
    }
}

@media screen and (max-width:573px) {
    .br-573 {
        display: block;
    }
}

.fluid-img-wrap {
    position: relative;
}

.fluid-img-wrap::before {
    width: 100%;
    display: block;
    content: "";
    padding-top: 100%;
}

.fluid-img-wrap img,
.fluid-img-wrap video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



/* 공통 ============================================================================ */
section .section-title-wrap {
    text-align: center;
}

section .section-title-wrap>.title {
    font-family: 'GmarketSansBold', sans-serif;
    font-size: 48px;
    color: #272727;
}


section .section-title-wrap.main-title-wrap>.title {
    font-weight: 500;
    font-size: 56px;
    color: #202020;
}

section .section-title-wrap .sub {
    font-weight: 300;
    font-size: 17px;
    color: #202020;
    margin-top: 20px;
}

@media screen and (max-width:1024px) {
    section .section-title-wrap>.title {
        font-size: 22px;
        font-weight: bold;
        color: #272727;
    }

    section .section-title-wrap .sub {
        font-size: 14px;
        color: #000;
        margin-top: 8px;
    }

    section .section-title-wrap.main-title-wrap>.title {
        font-size: 22px;
    }
}



.banner-section {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 524px;
    margin-top: -80px;
}

.banner-type1 {
    background-image: url('/images/banner-1.png');
}

.banner-type2 {
    background-image: url('/images/banner-2.png');
}

.banner-type3 {
    background-image: url('/images/banner-3.png');
}

.banner-type4 {
    background-image: url('/images/banner-4.png');
}

.banner-type5 {
    background-image: url('/images/banner-5.png');
}

.banner-section .content-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.banner-section .route-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.banner-section i,
.banner-section p {
    color: #fff;
    opacity: 0.8;
}

.banner-section .route-icon {
    font-size: 14px;
}

.banner-section .route-txt {
    font-size: 14px;
    font-weight: 300;
}

.banner-section .banner-title {
    font-size: 56px;
    font-weight: 600;
    margin-top: 25px;
    opacity: unset;
    text-align: center;
}

.banner-section .line-nav-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgba(51, 51, 51, 0.7);
    display: flex;
    justify-content: center;
}

.banner-section .line-nav-list {
    display: flex;
}

.banner-section .list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 64px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.banner-section .line-nav-list li {
    position: relative;
}

.banner-section .line-nav-list li:not(:last-child) a::after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 19px;
    background-color: #fff;
}

.banner-section li a.active {
    background-color: #fff;
    color: #000;
}

.banner-section .line-nav-list a.active::after {
    display: none !important;
}


/* 페이지별 li item 속성 */
.banner-section .loca-nav-list li:not(:last-child) .item-2::after,
.banner-section .faci-nav-list li:not(:last-child) .item-1::after,
.banner-section .pho-nav-list li:not(:last-child) .item-1::after,
.banner-section .ytb-nav-list li:not(:last-child) .item-2::after,
.banner-section .faq-nav-list li:not(:last-child) .item-3::after {
    display: none;
}


.banner-section .list-item:hover {
    background-color: #fff;
    color: #000;
}



@media screen and (max-width:1024px) {

    .banner-section {
        padding-top: 375px;
    }

    .banner-section .route-txt {
        font-size: 13px;
    }

    .banner-section .banner-title {
        font-size: 28px;
        margin-top: 20px;
    }

    .banner-type1 {
        background-image: url('/images/banner-1m.png');
    }

    .banner-type2 {
        background-image: url('/images/banner-2m.png');
    }

    .banner-type3 {
        background-image: url('/images/banner-3m.png');
    }

    .banner-type4 {
        background-image: url('/images/banner-4m.png');
    }

    .banner-type5 {
        background-image: url('/images/banner-5m.png');
    }


    .banner-section .line-nav-list {
        width: 100%;
    }

    .banner-section .line-nav-list li {
        width: calc(100% / 3);
    }

    .banner-section .list-item {
        width: 100%;
        height: 40px;
        font-size: 14px;
        font-weight: 500;
    }

    .banner-section .line-nav-list li:not(:last-child)::after {
        height: 12px;
    }
}




.tab-section {}

.tab-section .tabs {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #000;
}

.tab-section .tabs .tab-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 56px;
    cursor: pointer;
}

.tab-section .tab-link.current {
    background: #fff;
    border-top: 1px solid #202020;
    border-left: 1px solid #202020;
    border-right: 1px solid #202020;
}

.tab-section .tab-link .link-title {
    width: 100%;
    line-height: 56px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.tab-section .tab-link.current .link-title {
    border-bottom: 3px solid #fff;
}

.tab-section .tab-content {
    display: none;
    margin-top: 120px;
    padding-bottom: 270px;
}

.tab-section .tab-content.current {
    display: inherit;
}

.tab-section .tab-title-wrap {
    text-align: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #9e9e9e;
}

.tab-section .tab-title-wrap .title {
    font-size: 48px;
    font-family: var(--GmarketSansBold);
    color: #272727;
}

.tab-section .tab-title-wrap .info {
    margin-top: 40px;
    font-size: 24px;
    font-weight: 300;
    color: #000;
}

.tab-section .tab-title-wrap .red-txt {
    margin-top: 6px;
    color: #e60a0a;
}

.tab-section .tab-title-wrap .bold {
    color: #e60a0a;
}

.tab-section .tab-title-wrap img {
    max-width: 40px;
}

.tab-section .tab-title-wrap .wrap-title {
    font-size: 24px;
    font-weight: bold;
    color: #000
}

.tab-section .tab-title-wrap .kakao-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    width: fit-content;
    padding: 8px 24px 8px 8px;
    border-radius: 28px;
    background-color: #f5f5f5;
    margin: 24px auto 0;
}


.tab-section .content-item-wrap {
    position: relative;
    cursor: pointer;
}

.tab-section .content-item-wrap .icon-wrap {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.287);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.tab-section .content-item-wrap .search-icon {
    font-size: 18px;
    color: #fff;
}

.tab-section .content-item-wrap:hover .icon-wrap {
    display: flex;
}

.tab-section .content-info-wrap {
    position: absolute;
    bottom: 0;
    padding: 0 0 32px 40px;
}

.tab-section .content-info-wrap .title {
    font-size: 24px;
    color: #fff;
}

.tab-section .content-info-wrap .sub {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.38;
    color: #ccc;
}

.tab-section .content-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 24px;
    margin-top: 80px;
}

.tab-section .content-list .content-item-wrap {
    width: calc((100% - 24px * 2) / 3);
}

.tab-section .content-list .fluid-img-wrap::before {
    padding-top: 86.221%;
}


@media screen and (max-width:1024px) {

    .tab-section .tabs {
        border-bottom: unset;
    }

    .tab-section .tabs .tab-link {
        border: 1px solid #e5e5e5;
        width: 100%;
        height: 40px;
    }

    .tab-section .tab-link.current {
        border: 1px solid #1d1e1e;
    }

    .tab-section .tab-link .link-title {
        font-size: 14px;
        line-height: 15.2px;
    }

    .tab-section .tab-link.current .link-title {
        /* border-bottom: 1px solid #1d1e1e; */
    }

    .tab-section .tab-content {
        margin-top: 40px;
        padding-bottom: 80px;
    }

    .tab-section .tab-title-wrap .title {
        font-size: 22px;
    }

    .tab-section .tab-title-wrap .info {
        margin-top: 16px;
        line-height: 1.43;
        font-size: 14px;
    }

    .tab-section .content-list {
        margin-top: 40px;
        gap: 24px 8.5px;
    }

    .tab-section .content-list .content-item-wrap {
        width: calc((100% - 8.5px * 1) / 2);
    }

    .tab-section .content-info-wrap {
        position: unset;
        padding: unset;
        text-align: center;
        margin-top: 8px;
    }

    .tab-section .content-info-wrap .title {
        font-size: 13px;
        color: #1d1e1e;
    }

    .tab-section .content-info-wrap .sub {
        font-size: 12px;
        color: #1d1e1e;
        line-height: 1.33;
        margin-top: 8px;
    }

    .tab-section .content-item-wrap .icon-wrap {
        top: 6px;
        right: 6px;
        width: 24px;
        height: 24px;
    }

    .tab-section .content-item-wrap .search-icon {
        font-size: 16px;
        line-height: 24px;
    }

    .tab-section .tab-title-wrap img {
        max-width: 32px;
    }

    .tab-section .tab-title-wrap .wrap-title {
        font-size: 16px;
    }

    .tab-section .tab-title-wrap .kakao-wrap {
        gap: 8px;
        padding: 4px 16px;
        border-radius: 22px;
    }
}



.slide-pop-wrap {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    background-color: #000000B3;
    z-index: 999;
}

.slide-pop-wrap .close-bg {
    cursor: pointer;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.slide-pop-wrap .pop-con-wrap {
    overflow: auto;
    z-index: 2;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 90%;
    max-width: 1100px;
    max-height: 90%;
}

.slide-pop-wrap.open {
    display: flex;
}

.slide-pop-wrap .pop-con-wrap .close-btn {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 3;
}

.slide-pop-wrap .pop-con-wrap .close-btn i {
    color: #fff;
    font-size: 24px;
    line-height: 56px;
}

@media screen and (max-width:1024px) {
    .slide-pop-wrap .pop-con-wrap .close-btn {
        width: 26px;
        height: 26px;
    }

    .slide-pop-wrap .pop-con-wrap .close-btn i {
        font-size: 11px;
        line-height: 26px;
    }

}

/* ==== table */

.table-section .table-title {
    font-size: 22px;
    font-weight: 600;
    color: #1d1e1e;
    margin-bottom: 24px;
}


.table-section table {
    border: 1px solid #c2c2c2;
    font-size: .9em;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    overflow: hidden;
}

.table-section th {
    text-align: center;
}

.table-section thead {
    background-color: #f7f7f7;
}

.table-section td,
.table-section th {
    font-size: 18px;
    padding: 16px 0;
    vertical-align: middle;
    width: calc(100% /4);
    line-height: 1.44;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
}

.table-section tr {
    height: 80px;
}

.table-section td {
    font-size: 18px;
    line-height: 1.44;
    color: #242424;
}

.program-tab-section thead th:last-child {
    border-right: unset;
}

.program-tab-section tr td:last-child {
    border-right: unset;
}

/* .program-tab-section tr:last-child td:nth-child(3) {
    border-right: unset;
} */

/* .program-tab-section .tab2-content tr:last-child td:nth-child(2) {
    border-right: unset;
} */

.table-section th {
    font-weight: 600;
    color: #000;
}

.table-section thead tr {
    height: 53px;
}

.table-section .table-content.top {
    margin-bottom: 120px;
}


.list-mark-wrap {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.list-mark-wrap .list-mark {
    width: 4px;
    height: 4px;
    min-width: 4px;
    min-height: 4px;
    border-radius: 50%;
    background-color: var(--1);
    line-height: 1.53;
}

.list-mark-wrap .list-txt {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.53;
    color: #1d1e1e;
}

.star-point {
    font-size: 20px;
    font-weight: bold;
    color: #a62624;
}

.form-wrap {
    display: flex;
}

@media screen and (max-width:1024px) {
    .star-point {
        font-size: 15px;
    }
}

.form-wrap .item-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 16px;
}


.file-upload-wrap {}

.file-upload-btn {
    display: inline-block;
    width: 154px;
    height: 52px;
    background-color: #666;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    transition: all.2s;
}

.file-upload-btn:hover {
    background: #555;
}

.file-upload-wrap .guide-txt {
    font-size: 16px;
    color: #a4a4a4;
    display: inline-block;
    padding-left: 16px;
}

.file-preview {
    margin-top: 16px;
    width: 420px;
    height: 52px;
    background: #f5f5f5;
    border-radius: 4px;
    padding: 0 16px;
    padding-right: 48px;
    border-radius: 4px;
    position: relative;
}

.file-preview .file-name {
    line-height: 52px;
    font-size: 16px;
    color: #0091f0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.file-del-btn {
    font-size: 18px;
    color: #0091f0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    cursor: pointer;
}

.file-del-btn i {
    color: #0091f0;
}


.form-textarea {
    width: 100%;
    height: 253px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    padding: 16px;
    font-size: 17px;
    color: #202020;
}

.form-input {
    width: 100%;
    max-width: 700px;
    height: 52px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    padding: 0 16px;
    font-size: 17px;
    color: #202020;
    line-height: 52px;
}

.form-input::placeholder {
    font-size: 17px;
    color: #202020;
    opacity: 0.5;
    line-height: 52px;
}

input[type=file] {
    display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: #202020;
    opacity: 0.5;
}

input[type="checkbox"] {
    display: none;
}

.checkbox-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.checked-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checked-item .check-icon {
    width: 20px;
    height: 20px;
    border: 2px solid #bfbfbf;
    border-radius: 2px;
    display: flex;
    justify-content: center;
}

.checked-item .check-icon i {
    color: #fff;
    font-weight: bold;
}

.checked-item .check-title {
    font-size: 17px;
    color: #202020;
}

.form-checkbox:checked+.check-icon {
    border: 2px solid #0097ff;
    background: #0097ff;
}

.form-checkbox:checked+.check-icon i {
    color: #fff;
    font-weight: bold;
}

.form-checkbox:checked~.check-title {
    color: #0097ff;
}

@media screen and (max-width:1024px) {
    .form-input {
        max-width: unset;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        border: 1px solid #e4e4e4;
    }

    input[type=date] {
        max-width: calc(100% + 32px);
        width: 100%;
        /* width: calc(110% - 32px);
        max-width: 907px; */
    }

    .form-wrap .item-title {
        font-size: 15px;
        margin-bottom: 8px;
    }


    .form-input::placeholder {
        font-size: 14px;
        color: #aeaeae;
        line-height: 48px;
    }

    .form-textarea {
        height: 126px;
    }

    .file-upload-btn {
        width: 120px;
        height: 40px;
        font-size: 13px;
        line-height: 40px;
        background-color: #7d7d7d;
    }

    .file-preview {
        width: 240px;
        height: 40px;
    }

    .file-preview .file-name {
        line-height: 40px;
        font-size: 13px;
    }

    .file-del-btn i {
        font-size: 14px;
        line-height: 40px;
    }
}


.search-wrap {
    width: 100%;
    display: flex;
    justify-content: end;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
}

.search-input {
    width: 361px;
    border: 2px solid #e4e4e4;
    border-right: 0;
    height: 56px;
    border-radius: 28px;
    padding: 0 32px;
    font-size: 18px;
}

.search-input::placeholder {
    color: #828282;
}

.search-btn {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    background: #484848;
    cursor: pointer;
    transition: .2s;
}

.search-btn i {
    color: #fff;
    font-size: 20px;
    line-height: 52px;
}

.search-btn:hover {
    background: #606060;
}


@media screen and (max-width:1024px) {

    .search-input {
        width: 100%;
        height: 48px;
        padding: 0 24px;
        border-radius: 24px;
        font-size: 14px;
        box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.16);
    }

    .search-input::placeholder {
        color: #a4a4a4;
    }

    .search-btn {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .search-btn i {
        font-size: 20px;
        line-height: 40px;
    }
}


.btn-default {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* pagination */
.pagination {
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: center;
}

.pagination .page-btn {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 300;
    transition: .2s;
    color: #333;
}

.pagination .page-btn i {
    color: #333;
    font-size: 20px;
}

.pagination .page-btn:not(.prev-btn, .next-btn, .active):hover {
    background: #e4e4e4;
}

.pagination .page-btn.active {
    background: #333;
    color: #fff;
}


@media screen and (max-width: 1024px) {
    .pagination .page-btn {
        width: 30px;
        height: 30px;
        font-size: 11px;
        line-height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pagination .page-btn i {
        font-size: 15px;
    }
}

.null-box {
    width: 100%;
    height: calc(100vh - (526px + 257px + 240px + 200px));
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 24px;
}


/* 사이드매뉴 */
.Header_Side_menu {
    position: fixed;
    right: 32px;
    bottom: 80px;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.Header_Side_menu>ul {
    display: flex;
    flex-direction: column;
    gap: 13px;
    pointer-events: unset;
    z-index: -1;
    pointer-events: none;
    max-height: 0;
    transition-delay: 0.8s;
    margin-bottom: 16px;
}

.Header_Side_menu>ul.open {
    pointer-events: unset;
    max-height: 300px;
    transition-delay: 0s;
}

.Header_Side_menu>ul>li {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    pointer-events: none;
    opacity: 0;
    transform: translateY(10%);
    transition: opacity 0.3s, transform 0.3s;
}

.Header_Side_menu>ul.open>li {
    transform: translateY(0);
    opacity: 1;
    pointer-events: unset;
    transition: opacity 0.8s, transform 0.8s
}

.Header_Side_menu>ul.open>li:nth-child(1) {
    transition-delay: 0.4s;
}

.Header_Side_menu>ul.open>li:nth-child(2) {
    transition-delay: 0.3s;
}

.Header_Side_menu>ul.open>li:nth-child(3) {
    transition-delay: 0.2s;
}

.Header_Side_menu>ul.open>li:nth-child(4) {
    transition-delay: 0.1s;
}

.Header_Side_menu>ul.open>li:nth-child(5) {
    transition-delay: 0s;
}


/* 닫힐 때 */

.Header_Side_menu .drawer_btn {
    /* transition: opacity 0.8s, transform 0.8s;
    transition-delay: 0.4s; */
}

.Header_Side_menu>ul>li:nth-child(5) {
    transition-delay: 0.4s;
}

.Header_Side_menu>ul>li:nth-child(4) {
    transition-delay: 0.3s;
}

.Header_Side_menu>ul>li:nth-child(3) {
    transition-delay: 0.2s;
}

.Header_Side_menu>ul>li:nth-child(2) {
    transition-delay: 0.1s;
}

.Header_Side_menu>ul>li:nth-child(1) {
    transition-delay: 0s;
}

.Header_Side_menu>ul>li .icon_wrap {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    transition: all 0.3s;
}

.Header_Side_menu>ul>li .icon_wrap img {
    width: 25px;
}

.Header_Side_menu>ul>li .Label {
    position: absolute;
    right: calc(100% + 15px);
    top: 50%;
    transform: translateY(-50%);
    padding: 0 11px;
    width: max-content;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    letter-spacing: -0.16px;
    display: none;
}

.Header_Side_menu>ul>li:hover .icon_wrap {
    background-color: #7d85ff;
}

.Header_Side_menu>ul>li:hover .Label {
    display: flex;
}


.Header_Side_menu .drawer_btn {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #202020;
    border-radius: 50%;
    margin-bottom: 16px;
}

.Header_Side_menu .drawer_btn img {
    max-width: 20px;
}

.Header_Side_menu .drawer_btn.open {
    display: none;
}

.Header_Side_menu .drawer_btn {
    transition: opacity 0.8s, transform 0.8s;
    transition-delay: 0.5s;
}

.Header_Side_menu .Top_Scroll_btn {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Header_Side_menu .close-icon-wrap {
    background-color: #202020;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.Header_Side_menu .close-icon-wrap i {
    font-size: 20px;
    color: #fff;
}

.Header_Side_menu .Top_Scroll_btn i {
    font-size: 32px;
    color: #464646;
    z-index: 2;
}

.Header_Side_menu .Top_Scroll_btn .progress_bar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.Header_Side_menu .Top_Scroll_btn .progress_bar::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    background-color: #fff;
    border-radius: 100%;
}

@media screen and (max-width:1023px) {
    .Header_Side_menu {
        display: flex;
        right: 20px;
        bottom: 32px;
    }

    .Header_Side_menu>ul>li {
        width: 48px;
        height: 48px;
    }

    .Header_Side_menu>ul>li .icon_wrap img {
        width: 20px;
    }

    .Header_Side_menu .drawer_btn {
        width: 48px;
        height: 48px;
        background-color: #202020;
        border-radius: 50%;
    }

    .Header_Side_menu .drawer_btn img {
        max-width: 20px;
    }

    .Header_Side_menu .drawer_btn i {
        font-size: 24px;
    }

    .Header_Side_menu .Top_Scroll_btn {
        width: 48px;
        height: 48px;
    }

    .Header_Side_menu .Top_Scroll_btn i {
        font-size: 24px;
    }
}


/* 사이드메뉴 팝업 */
/* 메인 팝업 */
.popUpBackground {
    display: none;
    background: rgba(39, 39, 39, 0.6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
}

.sidePopUpWrap {
    left: 50%;
    max-width: 303px;
    position: absolute !important;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 48px);
}


.sidePopUpWrap .popUp-head {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    background-color: #484848;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
}

.sidePopUpWrap .popUp-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.sidePopUpWrap .popUp-body .link {
    font-size: 24px;
    font-weight: bold;
    color: #292f51;
}

.sidePopUpWrap .popUp-body .info {
    font-size: 16px;
    font-weight: 300;
    color: #8b8b8b;
    margin-top: 16px;
    line-height: 1.38;
}

.sidePopUpWrap .qr-img {
    max-width: 223px;
}

.sidePopUpWrap .popUp-id {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-top: 16px;
}

.sidePopUpWrap .info {
    text-align: center;
}

.sidePopUpWrap .popUp-close {
    width: 108px;
    height: 43px;
    line-height: 43px;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
    background-color: #484848;
    margin-top: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

.sidePopUpWrap .copy-icon {
    display: none;
    max-width: 9px;
    cursor: copy;
}

/* 전화팝업 */
.tellPopUpWrap.open {
    display: flex;
}

/* 카카오톡팝업 */
.kakaoPopUpWrap.open {
    display: flex;
}

.kakaoPopUpWrap .popUp-body {
    padding: 24px 0 40px;
}

/* 왓츠앱팝업 */
.whatsPopUpWrap.open {
    display: flex;
}

.whatsPopUpWrap .popUp-body {
    padding: 24px 0 40px;
}



@media screen and (max-width: 1080px) {
    .sidePopUpWrap {
        max-width: 242px;
    }

    .sidePopUpWrap #copy-btn,
    .sidePopUpWrap #copy-btn2 {
        max-width: 9px;
        margin-left: 4px;
    }


    .sidePopUpWrap .copy-icon {
        display: flex;
        margin-left: 4px;

    }

    .sidePopUpWrap .qr-img {
        display: none;
    }

    .sidePopUpWrap .popUp-head {
        height: 41px;
        font-size: 16px;
        line-height: 56px;
    }


    .sidePopUpWrap .popUp-id {
        display: flex;
        margin-top: unset;
        font-size: 18px;
    }

    .sidePopUpWrap .popUp-body .info {
        font-size: 13px;
        line-height: 1.54;
    }

    .sidePopUpWrap .popUp-close {
        width: 86px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
    }

    .kakaoPopUpWrap .popUp-body,
    .whatsPopUpWrap .popUp-body,
    .tellPopUpWrap .popUp-body {
        padding: 24px 0 18px;
    }

    .tellPopUpWrap .popUp-body .link {
        font-size: 18px;
    }

    .tellPopUpWrap .popUp-body .info {
        display: none;
    }

    .whatsPopUpWrap .popUp-body .info.pc,
    .kakaoPopUpWrap .popUp-body .info.pc {
        display: none;
    }

    .whatsPopUpWrap .popUp-body .info.mb,
    .kakaoPopUpWrap .popUp-body .info.mb {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .mainPopUp_btn-wrap {
        height: 32px;
    }

    .mainPopUp_btn-wrap>* {
        font-size: 14px;
    }
}


/* index ================================================================================== */

.main-section1 {
    position: relative;
    top: -80px;
}

.main-section1 .round-bg {
    position: absolute;
    bottom: -5px;
    z-index: 2;
}

.mainBannerSwiper {
    position: relative;
}

.mainBannerSwiper .mbs-btn-wrap .swiper-button-prev::before {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: -2px;
    width: 200px;
    height: 1px;
    background-color: #fff;
    opacity: 0.5;
    z-index: 99;
}

.mainBannerSwiper .mbs-btn-wrap .swiper-button-next::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 200px;
    height: 1px;
    background-color: #fff;
    opacity: 0.5;
    z-index: 99;
}

.mainBannerSwiper .inner-wrap {
    position: relative;
}

.mainBannerSwiper .fluid-img-wrap {
    min-height: 980px;
}

.mainBannerSwiper .fluid-img-wrap::before {
    width: 100%;
    display: block;
    content: "";
    padding-top: 52.8%;
}

.mainBannerSwiper .content-wrap {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mainBannerSwiper .title {
    font-family: var(--GmarketSansBold);
    font-size: 80px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
}

.mainBannerSwiper .sub {
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    line-height: 1.41;
    text-align: center;
}

.mainBannerSwiper .mbs-btn-wrap {
    width: 100%;
    position: absolute;
    top: 42.6%;
    top: 43%;
    transform: translateY(-50%);
    z-index: 999;
}

.mainBannerSwiper .mbs-btn-wrap .swiper-button-prev {
    margin-left: 128px;
}

.mainBannerSwiper .mbs-btn-wrap .swiper-button-next {
    margin-right: 128px;
}



.mainBannerSwiper .swiper-button-next::after,
.mainBannerSwiper .swiper-button-prev::after {
    display: none;
}


.mainBannerSwiper .mbs-btn {
    width: 72px;
    border-top: 1px solid #fff;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

.scroll-down-btn {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 98;
    cursor: pointer;
    margin-top: 80px;
}

.scroll-down-btn .btn-title {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

.scroll-down-btn .inner-wrap span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 22px;
    height: 22px;
    margin-left: -12px;
    border-left: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0.2;
    box-sizing: border-box;
}

.scroll-down-btn .inner-wrap span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    top: 26px;
}

.scroll-down-btn .inner-wrap span:nth-of-type(2) {
    top: 34px;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.scroll-down-btn .inner-wrap span:nth-of-type(3) {
    top: 42px;
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

@-webkit-keyframes sdb07 {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes sdb07 {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}



@media screen and (max-width:1280px) {

    .mainBannerSwiper .title {
        font-size: 64px;
    }

    .mainBannerSwiper .mbs-btn-wrap .swiper-button-next::after {
        width: 220px;
    }

    .mainBannerSwiper .mbs-btn-wrap .swiper-button-next {
        margin-right: 50px;
        width: 52px;
    }

    .mainBannerSwiper .mbs-btn-wrap .swiper-button-prev::after {
        width: 220px;
    }

    .mainBannerSwiper .mbs-btn-wrap .swiper-button-prev {
        margin-left: 50px;
        width: 52px;
    }

}


@media screen and (max-width:1080px) {

    .main-section1 .pc {
        display: none;
    }

    .scroll-down-btn {
        display: none;
    }

    .mainBannerSwiper .mbs-btn-wrap {
        display: none;
    }

    .mainBannerSwiper .fluid-img-wrap {
        min-height: 810px;
    }

    .mainBannerSwiper .fluid-img-wrap::before {
        padding-top: 75.2%;
    }

    .mainBannerSwiper .title {
        font-size: 40px;
    }

    .main-section2 .col-2 {
        flex-direction: column;
    }

    .main-section2 .btm {
        flex-direction: column-reverse;
        margin-top: 80px;
    }

    .main-section2 .btm .title {
        text-align: right;
        font-size: 32px;
        line-height: 1.45;
        color: #202020;
        margin-bottom: 5%;
    }

    .mainBannerSwiper .sub {
        margin-top: 80px;
        font-size: 14px;
        line-height: 1.71;
    }

}




/* 메인 main-section2 ============================================================================ */
.main-section2 {
    padding-top: 24px;
    padding-bottom: 200px;
}


.main-section2 .top {
    gap: 70px;
}

.main-section2 .top .le-wrap {
    position: relative;
}

.main-section2 .top .img-wrap {
    max-width: 560px;
}

.main-section2 .top .ri-wrap {
    max-width: 596px;
}

.main-section2 .top .style-wrap {
    position: absolute;
    top: -20px;
    right: -48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.main-section2 .top .style-wrap span {
    font-size: 20px;
    color: var(--1);
    writing-mode: vertical-rl;
    letter-spacing: 6px;
}

.main-section2 .top .style-wrap .style-line {
    position: relative;
    width: 1px;
    height: 320px;
    background-color: var(--1);
}

.main-section2 .top .style-wrap .style-line::after {
    position: absolute;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    bottom: -20px;
    right: -4.5px;
    background-color: #fff;
    border: 1px solid var(--1);
}

.main-section2 .btm .img-wrap {
    max-width: 720px;
}

.main-section2 .btm .le-wrap {
    max-width: 552px;
}

.main-section2 .btm .btn-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 75px;
}

.main-section2 .btm .btn-style-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.main-section2 .btm .btn-wrap:hover .btn-cir {
    transform: translateX(84px);
}

.main-section2 .btm .btn-cir {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #202020;
    transition: 0.5s;
}

.main-section2 .btm .btn-arow {
    max-width: 88px;
    margin-left: -44px;
}

.main-section2 .info-wrap p {
    font-size: 17px;
    font-weight: 300;
    color: #202020;
}

.main-section2 .info-wrap .title {
    font-family: var(--GmarketSansLite);
    font-family: 'GmarketSansMedium', sans-serif;
    font-size: 56px;
    font-weight: 500;
    line-height: 1.43;
}

.main-section2 .info-wrap .sub-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 40px;
}

.main-section2 .info-wrap .sub {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.53;
    margin-top: 40px;
}

.main-section2 .btm .info-wrap {
    margin-top: 160px;
}

@media screen and (max-width:1080px) {

    .main-section2 {
        padding-bottom: 80px;
        margin-top: -80px;
    }

    .main-section2 .container {
        max-width: 768px;
    }

    .main-section2 .top {
        gap: 40px;
    }


    .main-section2 .info-wrap .sub-title {
        margin-top: unset;
        font-size: 16px;
        line-height: 1.5;
    }

    .main-section2 .info-wrap .sub {
        font-size: 16px;
        line-height: 1.43;
        margin-top: 16px;
    }

    .main-section2 .le-wrap .title {
        font-size: 32px;
        font-weight: 500;
        line-height: 1.45;
        color: #202020;
        margin-bottom: 5%;
    }

    .main-section2 .top .img-wrap {
        max-width: 90%;
    }

    .main-section2 .top .style-wrap .style-line {
        height: 420px;
    }

    .main-section2 .top .style-wrap {
        right: 0;
        top: 0;
        gap: 16px;
    }

    .main-section2 .top .style-wrap span {
        font-size: 10px;
        letter-spacing: 3px;
    }

    .main-section2 .top .style-wrap .style-line::after {
        width: 4px;
        height: 4px;
    }

    .main-section2 .btm .info-wrap {
        margin-top: unset;
        max-width: unset;
    }

    .main-section2 .btm .btn-wrap {
        justify-content: flex-end;
        margin-top: 40px;
    }

    .main-section2 .btm .info-wrap .sub {
        text-align: right;
    }

    .main-section2 .info-wrap .btn-title {
        font-size: 13px;
        font-weight: 300;
        color: #202020;
    }

    .main-section2 .btm .btn-cir {
        width: 40px;
        height: 40px;
    }

    .main-section2 .btm .btn-wrap:hover .btn-cir {
        transform: unset;
    }

    .main-section2 .btm .btn-arow {
        max-width: 35px;
        margin-left: -20px;
    }
}

@media screen and (max-width:672px) {
    .main-section2 .top .style-wrap .style-line {
        height: 174px;
    }
}

/* 메인 main-section3 ============================================================================ */

.main-section3 {
    /* position: relative;
    height: 560px;
    max-height: 560px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    파이어폭스 */
    position: relative;
    background-image: url('/images/scroll-bg.png');
    height: 560px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*
#test::-webkit-scrollbar {
    display: none;
} */

/*
.main-section3 .img-wrap {
    height: 560px;
    max-height: 560px;
    overflow-y: scroll;
} */

.main-section3 .content-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.main-section3 .title {
    font-family: var(--GmarketSansBold);
    font-size: 120px;
    color: transparent;
    -webkit-text-stroke: 2px #fff;
}

.main-section3 .style-1 {
    opacity: 0.4;
    margin-bottom: -51px;
}

.main-section3 .style-2 {
    opacity: 0.4;
    margin-top: -51px;
}

@media screen and (max-width:1380px) {
    .main-section3 .title {
        font-size: 100px;
    }
}

@media screen and (max-width:1140px) {
    .main-section3 .title {
        font-size: 80px;
    }
}

@media screen and (max-width:1080px) {
    .main-section3 {
        background-image: url('/images/blue-bg-m.png');
        position: relative;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: unset;
        max-height: 420px;
        padding-top: 420px;
        overflow: hidden;
    }

    .main-section3 .content-wrap {
        top: 25%;
    }

    .main-section3 .title {
        font-size: 31px;
    }
}


@media screen and (max-width:1080px) {
    .main-section3 {
        max-height: 240px;
        padding-top: 240px;
    }
}

/* 메인 main-section4 ============================================================================ */
.main-section4 {
    padding: 200px 0 180px;
}

.mainProgramsSwiper {
    margin-top: 56px;
}

.mainProgramsSwiper .swiper-slide {
    transform: scale(0.7) !important;
    transition: .5s;
    min-width: 228px;
}

.mainProgramsSwiper .swiper-slide-active {
    transform: scale(1) !important;
    /* max-width: 480px; */
}


.mainProgramsSwiper .fluid-img-wrap {
    min-width: 228px;
}

.mainProgramsSwiper .fluid-img-wrap::before {
    padding-top: 100%;
}

.mainProgramsSwiper .dark-bg {
    position: absolute;
    left: 0;
    top: 0;
}

.mainProgramsSwiper .content-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

.mainProgramsSwiper .slide-icon {
    max-width: 80px;
    margin-bottom: 24px;
}

.mainProgramsSwiper .pro-wrap-1 .slide-icon,
.mainProgramsSwiper .pro-wrap-4 .slide-icon {
    max-width: 62px;
}

.mainProgramsSwiper .pro-wrap-5 .slide-icon {
    max-width: 55px;
}

.mainProgramsSwiper .title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.mainProgramsSwiper .sub {
    display: none;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin-top: 12px;
}

.mainProgramsSwiper .swiper-slide-active .sub {
    display: block;
}


.mainProgramsSwiper .swiper-wrapper {
    display: flex;
    align-items: center;
}

.mainProgramsSwiper .swiper-pagination {
    position: relative;
    margin-top: 30px;
}

.mainProgramsSwiper .swiper-pagination-bullet-active {
    background-color: var(--1);
}

@media screen and (max-width:1537px) {
    .mainProgramsSwiper .slide-icon {
        max-width: 60px;
    }

    .mainProgramsSwiper .title {
        font-size: 22px;
    }

    .mainProgramsSwiper .sub {
        font-size: 13px;
    }
}

@media screen and (max-width:1404px) {

    .mainProgramsSwiper .pro-wrap-1 .slide-icon,
    .mainProgramsSwiper .pro-wrap-4 .slide-icon {
        max-width: 48px;
    }

    .mainProgramsSwiper .pro-wrap-5 .slide-icon {
        max-width: 48px;
    }

    .mainProgramsSwiper .slide-icon {
        max-width: 48px;
        margin-bottom: 12px;
    }

    .mainProgramsSwiper .sub {
        font-size: 12px;
    }
}

@media screen and (max-width:1080px) {

    .mainProgramsSwiper {
        margin-top: 40px;
    }

    .main-section4 {
        padding: 105px 0 80px;
    }


    .mainProgramsSwiper .pro-wrap-1 .slide-icon,
    .mainProgramsSwiper .pro-wrap-4 .slide-icon {
        max-width: 38px;
    }

    .mainProgramsSwiper .pro-wrap-5 .slide-icon {
        max-width: 38px;
    }

    .mainProgramsSwiper .slide-icon {
        max-width: 38px;
        margin-bottom: 8px;
    }

    .mainProgramsSwiper .title {
        font-size: 13px;
    }

    .mainProgramsSwiper .sub {
        font-size: 12px;
        margin-top: 8px;
    }

    .mainProgramsSwiper .swiper-slide {
        min-width: 228px;
    }

}


@media screen and (max-width:420px) {
    .mainProgramsSwiper .fluid-img-wrap {
        min-width: unset;
    }

    .mainProgramsSwiper .swiper-slide {
        min-width: unset;
    }
}




/* 메인 main-section5 /  메인 main-section5 (공통 main-slide-section )=========================== */
.main-slide-section {}

.main-slide-section .content-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: left;
}

.main-section5>.content-wrap {
    padding-top: 200px;
}

.main-slide-section .section-title-wrap {
    width: 35%;
    padding-left: 12.5%;
    text-align: left;
}

.main-slide-section .swiper-btn-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 40px;
    gap: 16px;
}

.main-slide-section .swiper-button-next::after,
.main-slide-section .swiper-button-prev::after {
    display: none;
}

.main-slide-section .swiper-btn-wrap .mfs-nav-btn {
    position: inherit;
    top: unset;
    right: unset;
    left: unset;
    margin-top: unset;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #202020;
}

.main-slide-section .mfs-nav-btn i {
    font-size: 24px;
}

.main-slide-section .more-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #202020;
}

.main-slide-section .more-btn.dark {
    background-color: #202020;
}

.main-slide-section .more-btn.dark i {
    font-size: 24px;
    color: #fff;
}

.main-slide-section .main-slide {
    width: 65%;
}

.main-slide-section .swiper-button-lock {
    display: flex !important;
}


.main-section5 {
    background-image: url('/images/wave-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 915px;
    position: relative;
}

.main-section5 .mainFaciltiesSwiper {
    padding-bottom: 534px;
}

.mainFaciltiesSwiper .fluid-img-wrap {
    max-width: 400px;
}


.mainFaciltiesSwiper .fluid-img-wrap::before {
    padding-top: 100%;
}

.mainFaciltiesSwiper .title {
    font-size: 24px;
    font-weight: 600;
    color: #202020;
    margin-top: 12px;
}

.mainFaciltiesSwiper .sub {
    font-size: 17px;
    font-weight: 300;
    color: #202020;
    margin-top: 8px;
}




@media screen and (max-width:1480px) {

    .main-slide-section .section-title-wrap {
        padding-left: 5%;
    }

}

@media screen and (max-width:1080px) {

    /* 수 */
    .main-section5 {
        padding-top: 556px;
    }

    .main-section5>.content-wrap {
        padding-top: unset;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .main-section5>.content-wrap .col-2 {
        flex-direction: column;
    }

    /* 수 */
    .main-slide-section .section-title-wrap {
        width: 100%;
        padding-left: 0;
        text-align: center;
        margin-top: unset;
    }

    .main-section5 .section-title-wrap {
        position: absolute;
        margin-top: 24px;
    }

    .main-slide-section .main-slide {
        width: 100%;
    }

    /* 수 */
    .main-slide-section .swiper-btn-wrap {
        justify-content: center;
        gap: 8px;
        margin-top: 82px;
    }

    .main-slide-section .swiper-btn-wrap .mfs-nav-btn {
        width: 45px;
        height: 45px;
    }

    .main-slide-section .more-btn {
        width: 45px;
        height: 45px;
    }

    .main-slide-section .mfs-nav-btn i {
        font-size: 19px;
    }

    /* 수 */
    .main-section5 .mainFaciltiesSwiper {
        padding-bottom: 388px;
        padding-left: 2%;
        margin-top: 182px;
    }

    .mainFaciltiesSwiper .fluid-img-wrap::before {
        padding-top: 62%;
    }

    .mainFaciltiesSwiper .title {
        font-size: 14px;
        font-weight: 600;
    }

    .mainFaciltiesSwiper .sub {
        font-size: 13px;
        line-height: 1.38;
        margin-top: 16.5px;
    }


}

/* 수 */
@media screen and (max-width:768px) {
    .main-section5 {
        padding-top: 568px;
    }

    .main-section5>.content-wrap {
        top: 55%;
    }

    .main-section5 .section-title-wrap {
        margin-top: 12px;
    }
}

/* 수 */
@media screen and (max-width:573px) {
    .main-section5 .mainFaciltiesSwiper {
        padding-bottom: 334px;
    }

    /* .main-section5 .mainFaciltiesSwiper {
        padding-bottom: 254px;
    } */
}


/* 수 */
@media screen and (max-width:375px) {
    .main-section5 .mainFaciltiesSwiper {
        padding-bottom: 263px;
    }

    .main-section5 {
        padding-top: 516px;
    }
}

.main-section6 {
    background-image: url('/images/view-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 1121px;
    position: relative;
}

.main-section6>.content-wrap {
    padding-top: 168px;
    overflow: hidden;
}

.main-section6 .section-title-wrap .title,
.main-section6 .section-title-wrap .sub {
    color: #fff;
}

.main-section6 .section-title-wrap .sub {
    margin-top: 24px;
}

.main-section6 .swiper-btn-wrap .mfs-nav-btn {
    border: 1px solid #fff;
}

.main-section6 .mfs-nav-btn i {
    color: #fff;
}

.main-section6 .more-btn.lite {
    background-color: #fff;
}

.main-section6 .more-btn.lite i {
    color: var(--1);
}

.main-section6 .mainReviewSwiper {
    padding-bottom: 54px;
    min-width: 1114px;
}

.mainReviewSwiper .fluid-img-wrap {
    margin-top: 24px;
    max-width: 400px;
}

.mainReviewSwiper .fluid-img-wrap::before {
    padding-top: 66.75%;
}

.mainReviewSwiper .title {
    font-size: 24px;
    font-weight: 600;
    color: #202020;
    margin-top: 12px;
}

.mainReviewSwiper .sub {
    font-size: 17px;
    font-weight: 300;
    color: #202020;
    margin-top: 8px;
}

.mainReviewSwiper .inner-wrap {
    position: relative;
    height: 100%;
    min-height: 738px;
    background: #fff;
}

.mainReviewSwiper .content-wrap {
    padding: 40px;
    padding-bottom: 0;
}

.mainReviewSwiper .triangle-img {
    position: absolute;
    bottom: -48px;
    left: 40px;
    max-width: 80px;
}

.mainReviewSwiper .user {
    font-size: 24px;
    font-weight: 600;
    color: #202020;
}

.mainReviewSwiper .star-point {
    max-width: 120px;
    margin-top: 12px;
}

.mainReviewSwiper .review-content {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.53;
    color: #202020;
    margin-top: 8px;
    height: calc(17px * 1.53 * 11);
    min-height: calc(17px * 1.53 * 11);

}

@media screen and (max-width:1080px) {
    section .section-title-wrap>.title {
        font-size: 22px;
    }

    .main-section6 {
        padding-top: 950px;
    }

    .main-section6 .swiper-btn-wrap {
        margin-top: 40px;
    }

    .main-section6 .section-title-wrap .sub {
        margin-top: 10px;
        font-size: 14px;
    }

    .main-section6>.content-wrap {
        padding-top: 80px;
        overflow: unset;
    }

    .main-section6 .mainReviewSwiper {
        min-width: unset;
        margin-top: 40px;
        padding: 0 16px;
        padding-bottom: 50px;
    }

    .main-section6>.content-wrap .col-2 {
        flex-direction: column;
    }

    .mainReviewSwiper .content-wrap {
        padding: 32px;
    }

    .mainReviewSwiper .user {
        font-size: 20px;
        font-weight: bold;
    }

    .mainReviewSwiper .review-content {
        font-size: 14px;
        line-height: 1.43;
        color: #333;
        height: calc(14px * 1.43 * 9);
        min-height: calc(14px * 1.43 * 9);
    }

    .mainReviewSwiper .inner-wrap {
        min-height: 577px;
    }

    .mainReviewSwiper .fluid-img-wrap {
        max-width: unset;
    }

    .mainReviewSwiper .fluid-img-wrap::before {
        padding-top: 51.69%;
    }

    .mainReviewSwiper .triangle-img {
        bottom: -37px;
        left: 32px;
        max-width: 64px;
    }

}

@media screen and (max-width:968px) {
    .mainReviewSwiper .review-content {
        height: calc(14px * 1.43 * 10);
        min-height: calc(14px * 1.43 * 10);
    }
}

@media screen and (max-width:860px) {

    .mainReviewSwiper .review-content {
        height: calc(14px * 1.43 * 13);
        min-height: calc(14px * 1.43 * 13);
    }

    .mainReviewSwiper .inner-wrap {
        min-height: 600px;
    }
}

@media screen and (max-width:768px) {

    .main-section6 {
        padding-top: 1012px;
    }

    .mainReviewSwiper .fluid-img-wrap {
        min-height: 192px;
    }

    .mainReviewSwiper .fluid-img-wrap::before {
        padding-top: 28.69%;
    }

    .mainReviewSwiper .review-content {
        height: fit-content;
        min-height: unset;
    }

    .mainReviewSwiper .inner-wrap {
        min-height: 600px;
    }

}

@media screen and (max-width:737px) {

    /* .mainReviewSwiper .review-content {
        height: calc(14px * 1.43 * 8);
        min-height: calc(14px * 1.43 * 8);
    } */
    .mainReviewSwiper .inner-wrap {
        min-height: 580px;
    }

    .mainReviewSwiper .fluid-img-wrap::before {
        padding-top: 34%;
    }
}

@media screen and (max-width:573px) {

    .mainReviewSwiper .fluid-img-wrap::before {
        padding-top: 34%;
    }

    .mainReviewSwiper .inner-wrap {
        min-height: 580px;
    }
}

@media screen and (max-width:534px) {

    /* .mainReviewSwiper .review-content {
            height: calc(14px * 1.43 * 10);
            min-height: calc(14px * 1.43 * 10);
        } */
}

@media screen and (max-width:438px) {

    /* .mainReviewSwiper .review-content {
        height: calc(14px * 1.43 * 13);
        min-height: calc(14px * 1.43 * 13);
    } */

    .mainReviewSwiper .inner-wrap {
        min-height: 620px;
    }
}

@media screen and (max-width:393px) {

    /* .mainReviewSwiper .review-content {
        height: calc(14px * 1.43 * 14);
        min-height: calc(14px * 1.43 * 14);
    } */

    .mainReviewSwiper .inner-wrap {
        min-height: 640px;
    }

}



/* 인사말 about-section1 ============================================================================ */
.about-section1 {
    padding: 120px 0 80px;
}

.about-section1 .col-2 {
    align-items: center;
    justify-content: center;
}

.about-section1 .col-2.top {
    gap: 100px;
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px solid #e5e5e5;
}

.about-section1 .info-wrap {
    text-align: center;
}

.about-section1 .title {
    position: relative;
    font-family: 'GmarketSansMiduem', sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.4;
    color: #1d1e1e;
}

.about-section1 .content-wrap {
    padding-top: 80px;
}

.about-section1 .content-wrap .title::after,
.about-section1 .content-wrap .title::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    content: "";
    width: 28px;
    height: 23px;
    background-size: 28px;
    background-repeat: no-repeat;
}

.about-section1 .content-wrap .title::after {
    top: -40px;
    background-image: url('/images/quotes-open.png');
}

.about-section1 .content-wrap .title::before {
    bottom: -40px;
    background-image: url('/images/quotes-close.png');
}

.about-section1 .content-wrap .sub {
    margin-top: 110px;
}

.about-section1 .top .le-wrap {
    max-width: 528px;
}

.about-section1 .top .img-wrap {
    width: 100%;
    max-width: 760px;
}

.about-section1 .btm .img-wrap {
    display: flex;
    align-items: start;
    gap: 40px;
}

.about-section1 .btm .le-img {
    max-width: 360px;
}

.about-section1 .btm .ri-img {
    max-width: 300px;
    margin-top: 80px;
}

.about-section1 .col-2.btm {
    gap: 178px;
    padding-bottom: 80px;
    border-bottom: 1px solid #e5e5e5;
}

.about-section2 {
    background-image: url('/images/point-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 620px;
    position: relative;
}

.about-section2 .content-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.about-section2 .sub {
    font-size: 24px;
    font-weight: 300;
    color: #efefef;
}

.about-section2 .title {
    font-family: var(--GmarketSansBold);
    font-size: 40px;
    color: #fff;
    margin-top: 20px;
}

.about-section3 {
    padding: 80px 0 120px;
}

.about-section3 .list-item {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 40px;
}

.about-section3 .point-num-wrap {
    position: relative;
    height: 45px;
}

.about-section3 .point-cir {
    max-width: 73px;
    min-width: 45px;
    min-height: 45px;
}


.about-section3 .point-num {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 73px;
}

.about-section3 .title {
    font-size: 28px;
    color: #1d1e1e;
}

.about-section3 .info {
    font-size: 20px;
    font-weight: 300;
    color: #272727;
    margin-top: 8px;
}

.about-section3 .br-1280 {
    display: none;
}

@media screen and (max-width:1280px) {
    .about-section3 .br-1280 {
        display: block;
    }
}

@media screen and (max-width:1080px) {
    .about-section1 .col-2.top {
        gap: 40px;
    }

    .about-section1 .top .img-wrap {
        max-width: 573px;
    }

    .about-section1 .col-2.btm {
        gap: 64px;
    }

    .about-section1 .btm .img-wrap {
        gap: 20px;
    }

    .about-section1 .btm .le-img {
        max-width: 240px;
    }

    .about-section1 .btm .ri-img {
        max-width: 200px;
    }
}

@media screen and (max-width:1024px) {
    .about-section1 {
        padding: 40px 0 40px;
    }

    .about-section1 .col-2.top {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .about-section1 .content-wrap {
        padding-top: 40px;
    }

    .about-section1 .col-2 {
        flex-direction: column-reverse;
    }

    .about-section1 .col-2.btm {
        flex-direction: column;
    }

    .about-section1 .top .le-wrap {
        margin-top: 24px;
    }

    .about-section1 .title {
        font-size: 24px;
        line-height: 1.42;
    }

    .about-section1 .content-wrap .sub {
        margin-top: 43px;
        font-size: 14px;
        line-height: 1.43;
        font-weight: 300;
    }

    .about-section1 .content-wrap .title::after,
    .about-section1 .content-wrap .title::before {
        width: 16px;
        height: 13px;
        background-size: 16px;
    }

    .about-section1 .content-wrap .title::after {
        top: -16px;
    }

    .about-section1 .content-wrap .title::before {
        bottom: -16px;
    }

    .about-section1 .btm .img-wrap {
        gap: 16px;
        max-width: 573px;
    }

    .about-section1 .col-2.btm {
        gap: 50px;
        padding-bottom: 40px;
    }

    .about-section1 .btm .le-img {
        max-width: calc(100% - 45% - 16px);
    }

    .about-section1 .btm .ri-img {
        max-width: 45%;
    }

    .about-section1 .btm .ri-img {
        margin-top: 26px;
    }

    .about-section2 {
        background-image: url('/images/point-m-bg.png');
        padding-top: 280px;
    }

    .about-section2 .sub {
        font-size: 14px;
    }

    .about-section2 .title {
        font-size: 24px;
        margin-top: 16px;
    }

    .about-section3 {
        max-width: 768px;
        margin: 0 auto;
        padding: 32px 0 48px;
    }

    .about-section3 .point-cir {
        max-width: 45px;
    }

    .about-section3 .point-num {
        font-size: 13px;
        line-height: 45px;
    }

    .about-section3 .list-item {
        align-items: center;
        gap: 16px;
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .about-section3 .title {
        font-size: 14px;
    }

    .about-section3 .info {
        margin-top: 3px;
        font-size: 13px;
        line-height: 1.38;
    }
}

@media screen and (max-width:510px) {

    .about-section3 .br-768 {
        display: none;
    }
}






/* 편의시설 faci-section1 (공통 tab-section )============================================================================ */
.faci-section {
    padding-top: 120px;
}

.faci-section .tab-content {
    padding-bottom: 120px;
}

.facilitySwiper {
    width: 100%;
    border: 2px solid #f9f9f9;
}

.facilitySwiper .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.8;
    margin: 0 8px !important;
}

.facilitySwiper .swiper-pagination-bullet-active {
    background-color: var(--1);
    opacity: unset;
}

.faci-section .content-wrap {
    padding-top: 120px;
}

.faci-section .content-wrap .col-2 {
    align-items: center;
    gap: 80px;
}

.faci-section .top {
    margin-bottom: 169px;
}

.faci-section .mid {
    margin-bottom: 165px;
}

.faci-section .content-wrap .img-wrap {
    width: 100%;
    max-width: 760px;
    overflow: hidden;
}

.faci-section .top .img-wrap,
.faci-section .btm .img-wrap {
    border-top-right-radius: 80px;
}

.faci-section .mid .img-wrap {
    border-top-left-radius: 80px;
}


.faci-section .info-wrap {
    position: relative;
    width: 100%;
    max-width: 552px;
}

.faci-section .info-wrap::after {
    position: absolute;
    right: 0;
    top: 160px;
    content: "";
    width: calc(100% + 233px);
    height: 1px;
    background-color: var(--1);
}

.faci-section .mid .info-wrap::after {
    left: 0;
}

.faci-section .info-wrap .num {
    font-size: 24px;
    font-weight: 300;
    color: #c1c1c1;
}

.faci-section .info-wrap .title {
    font-family: var(--GmarketSansBold);
    font-size: 36px;
    color: #272727;
}

.faci-section .info-wrap .info {
    font-size: 20px;
    font-weight: bold;
    margin-top: 8px;
}

.faci-section .info-list {
    margin-top: 68px;
    display: flex;
    gap: 32px;
    flex-direction: column;
}

.faci-section .info-list .list-item {
    display: flex;
    align-items: baseline;
    gap: 60px;
}

.faci-section .info-list .item-title {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    min-width: 131px;
    padding-left: 13px;
}

.faci-section .info-list .item-title::after {
    position: absolute;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 80%;
    background-color: var(--1);
    top: 50%;
    left: -3px;
    transform: translateY(-50%);
}

.faci-section .info-list .item-info {
    font-size: 18px;
    font-weight: 300;
    color: #000;
}

.faci-section .style-wrap {
    position: absolute;
    top: -20px;
    right: -48px;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.faci-section .style-wrap span {
    font-size: 10px;
    color: var(--1);
    writing-mode: vertical-rl;
    letter-spacing: 6px;
}

.faci-section .style-wrap .style-line {
    position: relative;
    width: 1px;
    height: 320px;
    background-color: var(--1);
}

.faci-section .style-wrap .style-line::after {
    position: absolute;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: -20px;
    right: -4.5px;
    background-color: #fff;
    border: 1px solid var(--1);
}

@media screen and (max-width:1290px) {
    .faci-section .content-wrap .col-2 {
        gap: 60px;
    }

    .faci-section .content-wrap .img-wrap {
        min-width: 610px;
    }

    .faci-section .info-list .list-item {
        gap: 40px;
    }

    .faci-section .info-wrap .title {
        font-size: 34px;
    }

    .faci-section .info-wrap::after {
        width: calc(100% + 108px);
    }
}

@media screen and (max-width:1080px) {
    .faci-section .tab-content {
        padding-bottom: 80px;
    }

    .faci-section .content-wrap .img-wrap {
        min-width: 478px;
    }

    .faci-section .content-wrap .col-2 {
        gap: 40px;
    }

    .faci-section .info-list {
        gap: 24px;
        margin-top: 49px;
    }

    .faci-section .info-list .list-item {
        gap: 32px;
    }
}

@media screen and (max-width:1024px) {

    .faci-section {
        padding-top: 40px;
    }

    .faci-section .tabs {
        max-width: 70%;
        margin: 0 auto;
    }

    .faci-section .content-wrap {
        padding-top: 40px;
    }

    .faci-section .content-wrap .col-2 {
        position: relative;
        flex-direction: column;
        max-width: 768px;
        margin: 0 auto;
        gap: 24px;
    }

    .faci-section .content-wrap .col-2:not(:last-child) {
        margin-bottom: 80px;
    }

    .faci-section .info-wrap {
        max-width: unset;
    }

    .faci-section .info-wrap::after {
        width: 100%;
        top: 88px;
    }

    .faci-section .info-wrap .num {
        text-align: center;
        font-size: 12px;
        margin-bottom: 8px;
    }

    .faci-section .info-wrap .title {
        text-align: center;
        font-size: 20px;
    }

    .faci-section .info-wrap .info {
        text-align: center;
        font-size: 14px;
        margin-top: 4px;
        font-weight: 500;
    }

    .faci-section .col-2.mid {
        flex-direction: column-reverse;
    }

    .faci-section .info-list .item-title {
        font-size: 14px;
        padding-left: 8px;
        min-width: 100px;
    }

    .faci-section .info-list .item-info {
        font-size: 14px;
        line-height: 1.43;
    }

    .faci-section .style-wrap {
        display: flex;
    }

    .faci-section .style-wrap.left {
        top: 16px;
        right: unset;
        left: -5px;
        gap: 16px;
    }

    .faci-section .style-wrap.right {
        right: -5px;
        left: unset;
        gap: 16px;
        top: 0;
    }

    .faci-section .style-wrap.right .style-txt {
        transform: unset;
    }

    .faci-section .style-wrap.right .style-line::after {
        top: unset;
        bottom: -20px;
    }

    .faci-section .col-2.mid .img-wrap {
        max-width: calc(100% - 17px);
        margin-right: 17px;
    }

    .faci-section .col-2.top .img-wrap,
    .faci-section .col-2.btm .img-wrap {
        max-width: calc(100% - 17px);
        margin-left: 17px;
    }

    .faci-section .content-wrap .img-wrap {
        min-width: unset;
    }

    .faci-section .style-wrap.left .style-line::after {
        top: -16px;
        right: -2.5px;
    }

    .faci-section .style-wrap.right .style-line::after {
        bottom: -16px;
        left: -2.5px;
    }

    .faci-section .style-wrap span {
        writing-mode: vertical-lr;
        white-space: nowrap;
        letter-spacing: 3px;
    }

    .faci-section .style-wrap .style-txt {
        transform: rotate(180deg);
    }

    .faci-section .info-list {
        gap: 12px;
    }

    .faci-section .top .img-wrap,
    .faci-section .btm .img-wrap {
        border-top-right-radius: 30px;
    }

    .faci-section .mid .img-wrap {
        border-top-left-radius: 30px;
    }
}


@media screen and (max-width:768px) {
    .faci-section .style-wrap .style-line {
        height: 154px;
    }
}

@media screen and (max-width:573px) {
    .faci-section .style-wrap .style-line {
        height: 82px;
    }
}

/* 찾아오시는 길 loca-section ============================================================================ */
.loca-section {
    padding: 120px 0;
}

.loca-section .content-wrap {
    margin-top: 80px;
}

.loca-section .loca-info-list {
    margin-top: 80px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.loca-section .list-item {
    padding: 24px 0;
    display: flex;
    align-items: center;
    gap: 60px;
}

.loca-section .list-item:not(:last-child) {
    border-bottom: 1px solid #f3f3f3;
}

.loca-section .list-item .item-title {
    font-size: 18px;
    font-weight: bold;
    color: #1d1e1e;
    min-width: 90px;
}

.loca-section .list-item .item-info {
    font-size: 18px;
    font-weight: 300;
    color: #272727;
    line-height: 1.67;
}

@media screen and (max-width:1024px) {
    .loca-section {
        padding: 40px 0 80px;
    }

    .loca-section .content-wrap {
        margin-top: 40px;
    }

    .loca-section .loca-info-list {
        margin-top: 40px;
    }

    .loca-section .list-item .item-title {
        font-size: 14px;
        font-weight: 600;
        min-width: 69px;
    }

    .loca-section .list-item .item-info {
        font-size: 14px;
    }

    .loca-section .list-item {
        padding: 15.5px 0;
        align-items: baseline;
        gap: 8px;
    }
}

@media screen and (max-width:573px) {

    .loca-section iframe {
        height: 181px !important;
    }

}



/* 프로그램 program-tab-section ============================================================================ */
.program-tab-section {
    padding: 120px 0;
}

.program-tab-section .tabs {
    margin-top: 120px;
}

.program-tab-section .tab-content {
    margin-top: 100px;
    padding-bottom: unset;
}

.program-tab-section .swiper {
    margin-bottom: 10px;
}

.program-tab-section .mid-title-wrap {
    margin-bottom: 110px;
}

.program-tab-section .mid-title-wrap p {
    font-size: 18px;
    font-weight: 600;
    color: #1d1e1e;

}

.program-tab-section .notice-wrap {
    margin-top: 80px;
}

.program-tab-section .notice-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.table-section .tab2-content td,
.table-section .tab2-content th {
    width: calc(100% /4);
}

.table-section .dive-table-content th{
    font-weight: unset;
    color: unset;
}

.table-section .br-mmb {
    display: none;
}

.programSwiper {
    position: relative;
}

.programSwiper .inner-wrap {
    position: relative;
}

.programSwiper .fluid-img-wrap::before {
    padding-top: 47.7%;
}

.programSwiper .program-contact-wrap {
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(29, 30, 30, 0.8);
    border-top-left-radius: 80px;
    padding-left: 80px;
    padding-right: 85px;
    padding-top: 128px;
    padding-bottom: 128px;
    min-width: 531px;
    min-height: 492px;
}

.programSwiper .pro-icon {
    max-width: 51px;
}

.programSwiper .program-contact-wrap .title {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 3.2px;
    color: var(--1);
    margin-top: 24px;
}

.programSwiper .pro-title {
    font-size: 48px;
    color: #fff;
}

.programSwiper .pro-info {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.56;
    color: #fff;
    margin-top: 24px;
}

.programSwiper .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.8;
    margin: 0 8px !important;
}

.programSwiper .swiper-pagination-bullet-active {
    background-color: var(--1);
    opacity: unset;
}

@media screen and (max-width:1254px) {
    .programSwiper .program-contact-wrap {
        padding-left: 40px;
        padding-right: 45px;
        padding-top: 68px;
        padding-bottom: unset;
        min-width: 477px;
        min-height: 354px;
    }

    .programSwiper .pro-icon {
        max-width: 43px;
    }

    .programSwiper .program-contact-wrap .title {
        font-size: 14px;
    }

    .programSwiper .pro-title {
        font-size: 32px;
    }

    .programSwiper .pro-info {
        font-size: 16px;
    }
}


@media screen and (max-width:1024px) {

    .programSwiper .pro-icon {
        display: none;
    }

    .programSwiper .fluid-img-wrap::before {
        padding-top: 82%;
    }

    .programSwiper .program-contact-wrap {
        padding-top: 20px;
        padding-left: 17px;
        border-top-left-radius: 20px;
        min-height: 138px;
        min-width: 270px;
        padding-right: 12px;
        padding-bottom: 8px;
    }

    .programSwiper .swiper-pagination {
        bottom: 4px;
    }

    .programSwiper .swiper-pagination-bullet {
        margin: 0 4px !important;
    }

    .programSwiper .program-contact-wrap .title {
        font-size: 10px;
        margin-top: unset;
    }

    .programSwiper .pro-title {
        font-size: 20px;
    }

    .programSwiper .pro-info {
        font-size: 13px;
        margin-top: 8px;
        line-height: 1.2;
    }

    .program-tab-section {
        padding: 40px 0 80px;
    }

    .program-tab-section .tabs {
        flex-wrap: wrap;
        margin-top: 40px;
    }


    .program-tab-section .tabs .tab-link {
        width: calc(100% / 3);
    }

    .program-tab-section .tab-content {
        margin-top: 40px;
    }

    .table-section .table-title {
        font-size: 16px;
    }

    .program-tab-section .mid-title-wrap p {
        font-size: 14px;
    }

    .program-tab-section .mid-title-wrap {
        margin-bottom: 20px;
    }

    .program-tab-section .table-scroll-wrap {
        overflow-x: scroll;
    }

    .program-tab-section table {
        min-width: 768px;
    }

    .program-tab-section .notice-wrap {
        margin-top: 40px;
    }

    .list-mark-wrap .list-txt {
        font-size: 14px;
    }

    .table-section .table-content.top {
        margin-bottom: 80px;
    }

    .table-section thead tr {
        height: 40px;
    }

    .table-section tr {
        height: unset;
    }

    .table-section td,
    .table-section th {
        padding: 12px 0;
    }

    .table-section th {
        font-size: 13px;
    }

    .table-section td {
        font-size: 13px;
        word-break: keep-all;
    }
}

@media screen and (max-width:768px) {
    .program-tab-section table {
        min-width: 573px;
    }

    .table-section .table-title {
        font-size: 14px;
    }
}

@media screen and (max-width:473px) {
    .table-section .br-mmb {
        display: block;
    }
}





/* 다이빙포인트 divingSection ============================================================================ */
.divingSection {
    padding: 120px 0 40px;
}

.divingSection .content-wrap-01 {
    margin-top: 40px;
    padding-bottom: 142px;
}

.divingSection .bg-content-wrap {
    background-color: #f7f7f7;
    padding: 80px 0;
}

.divingSection .content-wrap {
    padding: 80px 0;
}

.divingSection .col-2 {
    align-items: center;
}

.divingSection .img-wrap {
    max-width: 720px;
}

.divingSection .info-wrap {
    max-width: 643px;
}

.divingSection .info-wrap .num {
    font-size: 48px;
    font-weight: 600;
    color: var(--1);
}

.divingSection .info-wrap .title {
    font-size: 32px;
    font-weight: bold;
    color: #1d1e1e;
}

.divingSection .info-wrap .info {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    color: #1d1e1e;
    margin-top: 40px;
}



@media screen and (max-width:1270px) {

    .divingSection .img-wrap {
        min-width: 574px;
    }

    .divingSection .info-wrap .num {
        font-size: 40px;
    }

    .divingSection .info-wrap .title {
        font-size: 24px;
    }

    .divingSection .info-wrap .info {
        font-size: 20px;
        margin-top: 24px;
    }
}

@media screen and (max-width:1080px) {
    .divingSection .img-wrap {
        min-width: 478px;
        max-width: 478px;
    }
}

@media screen and (max-width:1024px) {
    .divingSection {
        padding: 40px 0 40px;
    }

    .divingSection .col-2 {
        flex-direction: column;
        gap: 24px;
    }

    .divingSection .content-wrap-01 {
        margin-top: unset;
    }

    .divingSection .content-wrap .container {
        max-width: 768px;
        margin: 0 auto;
    }

    .divingSection .bg-content-wrap .col-2 {
        flex-direction: column-reverse;
    }

    .divingSection .content-wrap {
        padding: 40px 0;
    }

    .divingSection .img-wrap {
        max-width: unset;
        min-width: unset;
    }

    .divingSection .info-wrap {
        max-width: unset;
        width: 100%;
    }

    .divingSection .info-wrap .num {
        font-size: 18px;
    }

    .divingSection .info-wrap .title {
        font-size: 16px;
    }

    .divingSection .info-wrap .info {
        font-size: 13px;
        line-height: 1.38;
        margin-top: 16px;
    }
}

/* 예약문의 reserSection ============================================================================ */
.reserSection {
    margin-top: 120px;
}

.reserSection .content-wrap {
    margin-top: 40px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.reserSection .form-wrap {
    width: 100%;
    display: flex;
    gap: 40px;
}

.reserSection .form-item {
    width: calc(100% / 2 - 20px);
}

.reserSection .col-1-wrap .form-item {
    width: 100%;
}

.reserSection .col-1-wrap .form-input {
    max-width: unset;
}

.policy-form-wrap {
    margin-top: 32px;
    border-top: 1px solid #c5c5c5;
    padding-top: 40px;
}

.policy-form-wrap .policy-box {
    height: 198px;
    overflow-y: scroll;
    background-color: #f9f9f9;
    border: unset;
    padding: 32px;
    margin-bottom: 16px;
}

.policy-form-wrap .policy-box .title {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 24px;
}

.policy-form-wrap .policy-box .info {
    display: flex;
    gap: 40px;

}

.policy-form-wrap .policy-box .info p {
    font-size: 16px;
    font-weight: 300;
    color: #999;
    line-height: 1.75;
    letter-spacing: -0.64px;
}

.policy-form-wrap .policy-box .info .info-title {
    min-width: 98px;
}

.reserSection .link-txt {
    font-size: 17px;
    color: #0091f0;
    text-decoration: underline;
}

.reserSection .reser-btn {
    width: 100%;
    max-width: 876px;
    margin: 0 auto;
    height: 72px;
    background-color: #484848;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 80px;
}

.reserSection .date-wrap {
    display: flex;
    gap: 12px;
}

.reserSection .date-input-wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.reserSection .date-input-wrap .date-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    font-size: 17px;
    font-weight: 300;
    color: #202020;
    opacity: 0.5;
}


.reserSection .date-input-wrap input {
    width: 100%;
    min-width: 96%;
    /* -webkit-appearance: textfield; */
    -moz-appearance: textfield;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent
}

.date-input-wrap input[type="date"]::-webkit-datetime-edit-text,
.date-input-wrap input[type="date"]::-webkit-datetime-edit-month-field,
.date-input-wrap input[type="date"]::-webkit-datetime-edit-day-field,
.date-input-wrap input[type="date"]::-webkit-datetime-edit-year-field {
    -webkit-appearance: none;
    display: none;
}


.date-input-wrap.selected input[type="date"]::-webkit-datetime-edit-text,
.date-input-wrap.selected input[type="date"]::-webkit-datetime-edit-month-field,
.date-input-wrap.selected input[type="date"]::-webkit-datetime-edit-day-field,
.date-input-wrap.selected input[type="date"]::-webkit-datetime-edit-year-field {
    -webkit-appearance: auto;
    display: initial;
}


@media screen and (max-width:1080px) {

    .reserSection .form-wrap {
        gap: 20px;
    }

}

@media screen and (max-width:1024px) {

    .policy-form-wrap .policy-box .info {
        flex-direction: column;
        gap: 4px;
        margin-bottom: 12px;
    }

    .policy-form-wrap .policy-box .info p {
        font-size: 14px;
    }

    .reserSection {
        margin-top: 40px;
    }

    .reserSection .content-wrap {
        margin-top: 40px;
        padding-bottom: 80px;
        gap: 24px;
    }

    .reserSection .form-wrap {
        flex-direction: column;
        gap: 24px;
        margin-top: unset;
    }

    .reserSection .file-form-wrap {
        margin-top: -10px;
    }

    .reserSection .form-item {
        width: 100%;
    }

    .reserSection .link-txt {
        font-size: 12px;
        margin-left: 8px;
    }

    .reserSection .reser-btn {
        max-width: unset;
        margin-top: 40px;
        height: 58px;
        background-color: #474747;
        font-size: 16px;
        font-weight: 500;
    }

    .policy-form-wrap .policy-box {
        padding: 24px 16px;
    }

    .policy-form-wrap {
        padding-top: 24px;
    }

    .policy-form-wrap .policy-box .title {
        font-size: 14px;
    }

    .policy-form-wrap .policy-box .info {
        font-size: 13px;
        line-height: 1.38;
        letter-spacing: unset;
    }

    .checked-item .check-title {
        font-size: 12px;
    }

    .checked-item .check-icon {
        width: 18px;
        height: 18px;
    }



}

/* 공지사항 noticeSection ============================================================================ */
.noticeSection {
    padding: 120px 0;
}

.noticeSection .notice-list-wrap {
    margin: 32px 0 48px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}

.noticeSection .list-item {
    display: flex;
    align-items: center;
    height: 104px;
    padding: 0 24px;
    gap: 56px;
    border-bottom: 1px solid #e4e4e4;
}

.noticeSection .list-item:hover {
    background-color: #f5f5f5;
}

.noticeSection .list-item .item-content {
    display: block;
    max-width: 830px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 300;
    color: #333;
}

.noticeSection .list-item:not(:last-child) {
    border-bottom: 1px solid #e4e4e4;
}

.noticeSection .fixed-item {
    background-color: #f5faff;
}

.noticeSection .fixed-item .item-head {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    background-color: #1d1e1e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.noticeSection .fixed-item .item-head i {
    font-size: 24px;
    color: #fff;
}


.noticeSection .item-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.noticeSection .item-head .item-day {
    font-size: 40px;
    font-weight: bold;
    color: #a4a4a4;
    line-height: 1;
}

.noticeSection .item-head .item-date {
    font-size: 17px;
    font-weight: 300;
    color: #a4a4a4;
}

@media screen and (max-width:1024px) {
    .noticeSection {
        padding: 40px 0 80px;
        max-width: 768px;
        margin: 0 auto;
    }

    .noticeSection .notice-list-wrap {
        margin: 24px 0 50px;
        border: unset;
    }

    .noticeSection .list-item {
        gap: 8px;
        padding: 0 10px;
        height: 60px;
    }

    .noticeSection .fixed-item .list-item {
        padding-left: 10px;
    }

    .noticeSection .fixed-item .item-head {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .noticeSection .fixed-item .item-head i {
        font-size: 16px;
    }

    .noticeSection .list-item .item-content {
        max-width: 100%;
        font-size: 14px;
    }

    .noticeSection .item-head .item-day {
        font-size: 18px;
    }

    .noticeSection .item-head .item-date {
        font-size: 13px;
    }
}







/* 디테일페이지 detailSection ============================================================================ */
.detailSection {
    padding: 128px 0 120px;
    margin-top: -80px;
}

.detailSection .inner-wrap {
    border-top: 2px solid #202020;
    border-bottom: 2px solid #202020;
    margin-bottom: 24px;
}

.detailSection .detail-title-wrap {
    max-width: 1392px;
    margin: 0 auto;
    padding: 32px 0;
    text-align: center;
    border-bottom: 1px solid #dedede;
}

.detailSection .detail-title {
    font-size: 32px;
    font-weight: 600;
    color: #333;
}

.detailSection .detail-info-wrap {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 26px;
}

.detailSection .detail-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.detailSection .detail-info .info-title {
    font-size: 16px;
    font-weight: 600;
    color: #202020;
}

.detailSection .detail-info .info-content {
    font-size: 16px;
    font-weight: 300;
    color: #202020;
}

.detailSection .detail-user-wrap {
    margin-top: 40px;
    padding-bottom: 80px;
    white-space: pre-line;
}


.detailSection .file-download-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    border-radius: 4px;
    margin-bottom: 40px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
    background-color: #f5f5f5;
}

.detailSection .le-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.detailSection .le-wrap i {
    font-size: 20px;
    color: #a4a4a4;
}

.detailSection .le-wrap .file-name {
    font-size: 17px;
    font-weight: 600;
    color: #202020;
}

.detailSection .ri-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.detailSection .ri-wrap i {
    font-size: 20px;
    color: #a4a4a4;
}

.detailSection .ri-wrap .download-count {
    font-size: 16px;
    color: #aeaeae;
}

.detailSection .detail-nav-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detailSection .nav-list-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid #1d1e1e;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
}

.detailSection .nav-list-btn i {
    font-size: 24px;
    color: #1d1e1e;
}

.detailSection .nav-list-btn:hover {
    background-color: #1d1e1e;
}

.detailSection .nav-list-btn:hover i {
    color: var(--1);
}

.detailSection .nav-btn-wrap {
    display: flex;
    align-items: center;
    min-width: calc((100% - 56px) / 2);
}

.detailSection .nav-btn-wrap.next {
    justify-content: flex-end;
}

.detailSection .nav-btn-wrap .in-wrap {
    display: flex;
    gap: 8px;
}

.detailSection .nav-btn-wrap i,
.detailSection .nav-btn-wrap p {
    color: #a4a4a4;
}

.detailSection .nav-btn-wrap:hover i,
.detailSection .nav-btn-wrap:hover p {
    color: #333;
}

.detailSection .nav-btn-wrap i {
    font-size: 24px;
}

.detailSection .nav-btn-wrap .nav-title {
    font-size: 17px;
    font-weight: bold;
}

.detailSection .nav-btn-wrap .nav-info {
    font-size: 17px;
    font-weight: 300;
    margin-left: 8px;
}

.detailSection .nav-btn-wrap.next .nav-info {
    margin-left: unset;
    margin-right: 8px;
}

@media screen and (max-width:1080px) {
    .detailSection .nav-btn-wrap .nav-info {
        display: none;
    }
}

@media screen and (max-width:1024px) {

    .detailSection {
        padding: 88px 0 80px;
        margin-top: -48px;
    }

    .detailSection .inner-wrap {
        margin-bottom: 16px;
    }

    .detailSection .detail-title-wrap {
        padding: 16px 0;
    }

    .detailSection .detail-title {
        font-size: 18px;
    }

    .detailSection .detail-info-wrap {
        margin-top: 16px;
    }

    .detailSection .detail-info .info-title {
        font-size: 13px;
    }

    .detailSection .detail-info .info-content {
        font-size: 13px
    }

    .detailSection .detail-user-wrap {
        padding-bottom: 40px;
        margin-top: unset;
    }

    .detailSection .file-download-wrap {
        padding: 16px;
        margin-bottom: 24px;
    }

    .detailSection .le-wrap .file-name {
        font-size: 14px;
    }

    .detailSection .le-wrap i {
        font-size: 18px;
    }

    .detailSection .nav-list-btn {
        width: 32px;
        height: 32px;
    }

    .detailSection .nav-list-btn i {
        font-size: 16px;
    }

    .detailSection .nav-btn-wrap i {
        font-size: 16px;
    }

    .detailSection .nav-btn-wrap .nav-title {
        font-size: 16px;
    }

    .detailSection .nav-btn-wrap .in-wrap {
        align-items: center;
    }

    .detailSection .nav-btn-wrap {
        min-width: calc((100% - 32px) / 2);
    }
}





.photoDetailSection .inner-wrap {
    border-top: unset;
    border-bottom: unset;
}


.video-container {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.photoDetailSection .detail-title-wrap {
    max-width: unset;
    margin-top: 40px;
    border-top: 1px solid #202020;
    border-bottom: 1px solid #dedede;
}

.photoDetailSection .detail-title {
    font-size: 24px;
}

.photoDetailSection .detail-user-wrap {
    margin-top: unset;
    padding-bottom: 20px;
    border-bottom: 1px solid #202020;
}

.photoDetailSection .detail-nav-wrap {
    margin-top: 24px;
}


/* 사진첩 photoSection (공통 noticeSection) ============================================================================ */
.photoSection .photo-list-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 48px 40px;
    padding-top: 40px;
    padding-bottom: 50px;
    margin-top: 32px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.photoSection .photo-list-wrap li {
    display: flex;
    width: calc((100% - 40px * 2) / 3);
}

.photoSection .list-item {
    height: unset;
    padding: unset;
    gap: 16px;
    border: unset;
    flex-direction: column;
    width: 100%;
}

.photoSection .list-item:hover {
    background: unset;
}

.photoSection .fluid-img-wrap {
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.photoSection .fluid-img-wrap:hover .dark-bg {
    display: block;
}

.photoSection .fluid-img-wrap .dark-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.photoSection .fluid-img-wrap .dark-bg i {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 45px;
    color: #fff;
}

.photoSection .fluid-img-wrap::before {
    padding-top: 56.3%;
}

.photoSection .list-item .item-title {
    font-size: 20px;
    font-weight: 600;
    color: #202020;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 453px;
    width: 100%;
    text-align: center;
}


@media screen and (max-width:1080px) {
    .photoSection .photo-list-wrap {
        gap: 32px 30px;
        border-top: unset;
        padding-top: unset;
        margin-top: 24px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width:1024px) {
    .photoSection .photo-list-wrap {
        flex-direction: column;
        gap: 32px;
    }

    .photoSection .photo-list-wrap li {
        width: 100%;
    }

    .photoSection .list-item .item-title {
        font-size: 14px;
    }

    .photoSection .fluid-img-wrap .dark-bg i {
        font-size: 24px;
    }
}

/* faq faqSection (공통 noticeSection) ============================================================================ */

.faq-contents-wrap {
    width: 100%;
    border-top: 2px solid #484848;
    margin-top: 32px;
}

.faq-contents-wrap .que-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    cursor: pointer;
    border-bottom: 2px solid #e4e4e4;
}

.faq-contents-wrap .que-wrap .content-wrap {
    display: flex;
    align-items: center;
    gap: 40px;
}

.faq-contents-wrap .que-wrap .que-title {
    max-width: 1080px;
}

.faq-contents-wrap .row-item1 {
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 50%;
    background-color: #373948;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

.faq-contents-wrap .row-item2 .que-title {
    width: 100%;
    max-width: 870px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3;
    color: #333;
}

.faq-contents-wrap i {
    font-size: 32px;
    color: #333;
}

.faq-contents-wrap .anw-wrap {
    display: none;
    overflow: hidden;
    width: 100%;
}

.faq-contents-wrap .anw-wrap .contents {
    display: flex;
    align-items: baseline;
    gap: 26px;
    padding: 40px 24px;
    border-top: 2px solid #e4e4e4;
    background-color: #f5f5f5;
}

.faq-contents-wrap .anw-wrap .anw-head {
    background-color: #fff;
    color: #373948;
}

.faq-contents-wrap .anw-content {
    font-size: 18px;
    font-weight: 300;
    color: #333;
    line-height: 1.56;
    max-width: 1200px;
}


@media screen and (max-width:1024px) {

    .faq-contents-wrap {
        border-bottom: 1px solid #484848;
    }

    .faq-contents-wrap i {
        display: none;
    }

    .faq-contents-wrap .que-wrap {
        padding: 16px;
    }

    .faq-contents-wrap .que-wrap .que-title {
        font-size: 14px;
        font-weight: 300;
    }

    .faq-contents-wrap .row-item1 {
        width: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 16px;
    }

    .faq-contents-wrap .que-wrap .content-wrap {
        gap: 8px;
        align-items: baseline;
    }

    .faq-contents-wrap .anw-wrap .contents {
        gap: 8px;
        padding: 16px;
        align-items: baseline;
    }
}





/* 영문 */

.en-main .main-section2 .btm .le-wrap {
    max-width: 605px;
}

.en-main .faci-section .info-list .item-title {
    min-width: 241px;
}

.en-main .faci-section .info-list .list-item {
    gap: 16px;
}

.en-main .mainProgramsSwiper .swiper-slide-active .sub {
    White-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


@media screen and (max-width:1080px) {
    .en-main .programSwiper .program-contact-wrap {
        padding-top: 10px;
        padding-bottom: 23px;
    }
}


/* 사이트 팝업 */
/* 전체 오버레이 */
.site-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    z-index: 9998;
    display: none;
}


/* 팝업 전체 묶음 */
.site-popup-wrap {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;

    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 20px;
}

.site-popup-wrap.is-open {
    display: flex;
}

.site-popup-overlay.is-open {
    display: flex;
}

.popup-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 20px;
}


/* 개별 팝업 */


.site-popup-dialog .site-popup-body {
    max-width: 480px;
    aspect-ratio: 1 / 1;
    min-height: fit-content;
}

.site-popup-body a {

}


:root {
    --popup-size: 560px;
    --popup-footer-height: 50px;
}

.site-popup-dialog {

    --responsive-size: unset;
    /* width: var(--responsive-size); */
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
    display: flex;
    flex-direction: column;
}


.site-popup-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-radius: 0 0 14px 14px;
}


.site-popup-body img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 1/1;
}

@media screen and (max-width: 1280px) {

    :root {
        --popup-footer-height: 32px;
    }

}


@media screen and (max-width: 768px) {

    :root {
        --popup-size: 480px;
    }

    .site-popup-wrap.is-open {

        padding: 40px 16px;
        height: 100vh;
        overflow-y: scroll;
    }


    .popup-inner {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        min-height: fit-content;
        top: 0;
        padding: 20px 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        max-width: 100%;

    }


    .site-popup-dialog {
        width: 100%;
        max-width: 480px; /* 모바일 최대 크기 제한 */
    }

    .site-popup-footer {
        padding: 4px 12px;
    }


    .site-popup-body img {
        width: 100%;
        display: block;
    }

    .site-popup-never {
        font-size: 14px;
    }

}