/* 공통 */
section {
    height: 100vh;
    position: relative;
}

.cont-inner {
    max-width: 1125px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.bold {
    font-weight: 700;
}

.fz-tr {
    font-family: 'Noto Serif', serif;
}

.tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #042B48;
}

.c-br {
    color: #A48362;
}

.c-mt {
    color: #67B5A9;
}

.c-mt2 {
    color: #64C0A7;
}

.c-nv {
    color: #042B48;
}

.c-bl {
    color: #19489B;
}

.c-wh {
    color: #fff;
}

.mo {
    display: none;
}

.mo_2 {
    display: none;
}

.block_768 {
    display: none;
}

.none_768 {
    display: block;
}

video {
    width: 100%;
    display: block;
    outline: none;
    border: none;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.video-bFffox video {
    width: 100%;
}

.video-box.pc {
    display: block;
}

.video-box.mo {
    display: none;
}

@media screen and (max-width: 1250px) {
    .cont-inner {
        width: 90%;
        margin: 0 auto;
    }

    .mo {
        display: block;
    }
}

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

    .none_768 {
        display: none;
    }
}

@media screen and (max-width: 766px) {
    .video-box.pc {
        display: none;
    }

    .video-box.mo {
        display: block;
    }
}

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


/* quick start */
/* .quick_group { position: fixed; background-color: #fff; bottom: 0; left: 0; right: 0; min-height: 65px; z-index: 999; display: flex; align-items: center; } 
.quick_group .quick-box { display: flex; align-items: center; justify-content: center; gap: 35px; } 
.quick_group .line { width: 1px; height: 30px; background-color: #67B5A9; } 
.quick_group .quick-box .btn-box { display: flex; align-items: center; justify-content: center; gap: 15px; cursor: pointer; } 
.quick_group .quick-box .btn-box .text-box { font-family: 'Pretendard'; font-weight: 700; font-size: 18px; line-height: 18px; color: #042B48; } 
.quick_group .quick-box .btn-box .text-box .pc { display: inline; } 
.quick_group .quick-box .btn-box .niv_img { display: none; } 
.quick_group .quick-box .btn-box .iv_img { display: block; } 
.quick_group .quick-box .btn-box .br_img { display: none; } 
.quick_group .quick-box .btn-box .nbr_img { display: none; } */

.quick_group {
    position: fixed;
    background-color: #A48362;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 65px;
    z-index: 999;
    display: flex;
    align-items: center;
    transition: 0.6s ease;
}

.quick_group .quick-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}

.quick_group .line {
    width: 1px;
    height: 30px;
    background-color: #fff;
}

.quick_group .quick-box .btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    cursor: pointer;
}

.quick_group .quick-box .btn-box .text-box {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
}

.quick_group .quick-box .btn-box .text-box .pc {
    display: inline;
}

.quick_group .quick-box .btn-box._doctor .text-box {
    position: relative;
    top: 3px;
}

.quick_group .quick-box .btn-box img {
    transition: 0.6s ease;
}

.quick_group .quick-box .btn-box .niv_img {
    display: none;
}

.quick_group .quick-box .btn-box .iv_img {
    display: none;
}

.quick_group .quick-box .btn-box .br_img {
    display: block;
}

.quick_group .quick-box .btn-box .nbr_img {
    display: none;
}


.quick_group.quick_group_sub {
    background-color: #A48362;
}

.quick_group.quick_group_sub .line {
    background-color: #fff;
}

.quick_group.quick_group_sub .quick-box .btn-box .text-box {
    color: #fff;
}

.quick_group.quick_group_sub .quick-box .btn-box .niv_img {
    display: block;
}

.quick_group.quick_group_sub .quick-box .btn-box .iv_img {
    display: none;
}

.quick_group.quick_group_sub .quick-box .btn-box .br_img {
    display: none;
}

.quick_group.quick_group_sub .quick-box .btn-box .nbr_img {
    display: none;
}

.quick_group.bg {
    background-color: #042B48;
}

.quick_group.bg .line {
    background-color: #fff;
}

.quick_group.bg .quick-box .btn-box .text-box {
    color: #fff;
}

.quick_group.bg .quick-box .btn-box .niv_img {
    display: none;
}

.quick_group.bg .quick-box .btn-box .iv_img {
    display: none;
}

.quick_group.bg .quick-box .btn-box .br_img {
    display: none;
}

.quick_group.bg .quick-box .btn-box .nbr_img {
    display: block;
}

.quick_group.bg2 {
    background-color: #A48362;
}

.quick_group.bg2 .line {
    background-color: #fff;
}

.quick_group.bg2 .quick-box .btn-box .text-box {
    color: #fff;
}

.quick_group.bg2 .quick-box .btn-box .niv_img {
    display: none;
}

.quick_group.bg2 .quick-box .btn-box .iv_img {
    display: none;
}

.quick_group.bg2 .quick-box .btn-box .br_img {
    display: block;
}

.quick_group.bg2 .quick-box .btn-box .nbr_img {
    display: none;
}

.quick_group.bg3 {
    background-color: #042B48;
}

.quick_group.bg3 .line {
    background-color: #fff;
}

.quick_group.bg3 .quick-box .btn-box .text-box {
    color: #fff;
}

.quick_group.bg3 .quick-box .btn-box .niv_img {
    display: none;
}

.quick_group.bg3 .quick-box .btn-box .iv_img {
    display: none;
}

.quick_group.bg3 .quick-box .btn-box .br_img {
    display: none;
}

.quick_group.bg3 .quick-box .btn-box .nbr_img {
    display: block;
}


@media screen and (max-width: 1250px) {
    .quick_group .quick-box .btn-box {
        flex-direction: column;
        gap: 0;
    }

    .quick_group .quick-box .btn-box .text-box {
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
    }

    .quick_group .quick-box .btn-box .text-box .pc {
        display: none;
    }

    .quick_group .quick-box .btn-box .iv_img {
        width: 80%;
        margin: 0 auto;
    }

    .quick_group .quick-box .btn-box._map .text-box {
        position: relative;
        top: -2px;
    }

    .quick_group .quick-box .btn-box._kakao .text-box {
        position: relative;
        top: 4px;
    }
}

@media screen and (max-width: 430px) {
    .quick_group .quick-box {
        gap: 20px;
    }
}

@media screen and (max-width: 320px) {
    .quick_group .quick-box {
        gap: 10px;
    }
}


/* quick end */


/* fix bg start */
.fixed-bg img {
    width: 100%;
}

/* fix bg end */

/* spec1 header start */
.header.header_sub {
    background-color: transparent;
    color: #fff;
}

.header.header_sub .rightWrap .quick li:first-child img {
    filter: brightness(1);
}

.header.header_sub .rightWrap .hamWrap span {
    background-color: #fff;
}

.header.header_sub .logo a img._w {
    display: block;
}

.header.header_sub .logo a img._c {
    display: none;
}

.header.header_sub:hover {
    background-color: #fff !important;
    color: #404040 !important;
}

.header.header_sub:hover .rightWrap .quick li:first-child img {
    filter: brightness(.3) !important;
}

.header.header_sub:hover .rightWrap .hamWrap span {
    background-color: #404040 !important;
}

.header.header_sub:hover .logo a img._w {
    display: none !important;
}

.header.header_sub:hover .logo a img._c {
    display: block !important;
}

.header.basicbg.header_sub.bg {
    background-color: #042034;
    color: #fff;
}

.header.basicbg.header_sub.bg .rightWrap .quick li:first-child img {
    filter: brightness(1);
}

.header.basicbg.header_sub.bg .rightWrap .hamWrap span {
    background-color: #fff;
}

.header.basicbg.header_sub.bg .logo a img._w {
    display: block;
}

.header.basicbg.header_sub.bg .logo a img._c {
    display: none;
}

.header.header_sub.bg_nv {
    background-color: #042034;
    color: #fff;
}

.header.header_sub.bg_nv .rightWrap .quick li:first-child img {
    filter: brightness(1);
}

.header.header_sub.bg_nv .rightWrap .hamWrap span {
    background-color: #fff;
}

.header.header_sub.bg_nv .logo a img._c {
    display: none;
}

.header.header_sub.bg_nv .logo a img._w {
    display: block;
}

.header.header_sub.ham {
    background-color: #fff !important;
}

.header.header_sub.ham .quick li:first-child img {
    filter: brightness(.3) !important;
}

.header.header_sub.ham {
    background-color: #fff !important;
    color: #404040 !important;
}

.header.header_sub.ham .rightWrap .hamWrap span {
    background-color: #404040 !important;
}

.header.header_sub.ham .logo a img._c {
    display: block !important;
}

.header.header_sub.ham .logo a img._w {
    display: none !important;
}

.header.header_sub.bg_nv.ham {
    background-color: #fff !important;
}

.header.header_sub.bg_nv.ham .rightWrap .quick li:first-child img {
    filter: brightness(.3) !important;
}

.header.header_sub.bg_nv.ham {
    background-color: #fff !important;
    color: #404040 !important;
}

.header.header_sub.bg_nv.ham .rightWrap .hamWrap span {
    background-color: #404040 !important;
}

.header.header_sub.bg_nv.ham .logo a img._c {
    display: block !important;
}

.header.header_sub.bg_nv.ham .logo a img._w {
    display: none !important;
}

/* spec1 header end */

/* spec1 l_fix start */
.fix_rmc {
    position: fixed;
    top: 50vh;
    transform: translateY(-50%);
    box-sizing: border-box;
    z-index: 998;
    color: #fff;
    transition-duration: 0.2s;
    right: 0;
    background-color: #64C0A7;
    padding: 10px 0;
    padding-left: 31px;
    padding-right: 27px;
    border-radius: 50px 0 0 50px;
    position: fixed;
}

.fix_rmc .l_fix {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fix_rmc .l_fix li {
    position: relative;
    padding: 24px 0;
    flex-direction: column;
    cursor: pointer;
}

.fix_rmc .l_fix li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: #fff;
}

.fix_rmc .l_fix li:last-child::after {
    display: none;
}

.fix_rmc .l_fix li em {
    transform: unset;
    font-family: 'Pretendard';
    font-size: 24px;
    line-height: 34px;
    position: relative;
    z-index: 1;
}

.fix_rmc .l_fix li::before {
    transition: .3s;
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    background-color: #042a4831;
    opacity: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50px;
}

.fix_rmc .l_fix li:hover::before {
    opacity: 1;
}

.fix_rmc .l_fix li.on::before {
    opacity: 1;
}

@media screen and (max-width:820px) {
    .fix_rmc {
        display: block;
        top: unset;
        left: 0;
        right: 0;
        bottom: 0;
        transform: unset;
        border-radius: 30px 30px 0 0;
        padding: 19px 5px;
    }

    .fix_rmc .l_fix {
        flex-direction: row;
        justify-content: center;
    }

    .fix_rmc .l_fix li {
        padding: 0 20px;
    }

    .fix_rmc .l_fix li::before {
        width: 45px;
        height: 45px;
    }

    .fix_rmc .l_fix li::after {
        top: 0;
        left: unset;
        width: 1px;
        height: 100%;
    }

    .fix_rmc .l_fix li em {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        white-space: nowrap;
    }
}

@media screen and (max-width:320px) {
    .fix_rmc .l_fix li {
        padding: 0px 14px;
    }
}

@media screen and (max-width:290px) {
    .fix_rmc .l_fix li {
        padding: 0px 10px;
    }
}

/* spec1 l_fix end */

/* sub fix start */
.wrapper-sub.l_f .l_fix li em {
    font-size: 16px;
    color: #00000057;
    margin-right: 8px;
}

.wrapper-sub.l_f .l_fix li span {
    width: 9px;
    height: 9px;
    background-color: #67B5A9;
    border-radius: 50%;
    opacity: 0;
}

.wrapper-sub.l_f.bgC-nv .l_fix li em {
    color: #ffffffa1;
}

.wrapper-sub.l_f.c-bg-wh .l_fix li span {
    background-color: #fff;
}

.wrapper-sub.l_f .l_fix li.on em {
    color: #000;
}

.wrapper-sub.l_f .l_fix li.on span {
    opacity: 1;
}

.wrapper-sub.l_f.bgC-nv .l_fix li.on em {
    color: #ffffff;
}

@media screen and (max-width:1300px) {
    .wrapper-sub.l_f {
        display: none;
    }
}

/* sub fix end */


.review_popup_group {
    box-shadow: 2px 5px 8px #0000003d;
    border-radius: 10px;
    height: 80vh;
    z-index: 9999;
    background-color: #fff;
    max-width: 720px;
    max-height: 710px;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

html.popup .review_popup_group {
    display: block;
}

.review_popup_group input,
.review_popup_group textarea {
    border: none;
    font-family: 'Noto Sans KR', sans-serif;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: max-content;
    overflow: visible;
}

.pop_cont {
    padding-top: 30px;
    padding-bottom: 50px;
    width: 80%;
    margin: 0 auto;
    overflow-y: auto;
}

.pop_top_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pop_tr_group {
    display: flex;
    gap: 16px;
}

.pop_tr_group1 {
    display: flex;
    flex-direction: column;
}

.pop_tr_group1_1 {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-end;
}

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

.pop_tr_group1 .name input {
    font-size: 18px;
    max-width: 50px;
}

.pop_tr_group1 .job input {
    font-size: 22px;
    max-width: 150px;
    text-align: right;
    color: #67b5a9;
}

.pop_mid_group {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #00000031;
    border-bottom: 1px solid #00000031;
}

.pop_mid_cont {
    display: flex;
    justify-content: center;
}

.pop_mid_cont table {
    width: 100%;
    max-width: 300px;
    border-radius: 10px;
    overflow: hidden;
}

/* .mid_cont { display: flex; gap: 10px; justify-content: center; align-items: center; } */
.mid_cont2 {
    align-items: flex-start;
}

.mid_cont_tit {
    line-height: 1.5;
    width: 50px;
    text-align: center;
    font-size: 14px;
}

.mid_cont_line {
    width: 38px;
    background-color: #00000027;
    height: 1px;
}

.mid_cont2 .mid_cont_line {
    margin-top: 10px;
}

.mid_cont_txt {
    width: 200px;
    line-height: 1.5;
    font-size: 14px;
}

.review_popup_group .x_btn {
    width: 60px;
    height: 30px;
    position: absolute;
    left: calc(100%);
    top: 20px;
    cursor: pointer;
}

.pop_mid_group .pop_mid_cont td {
    text-align: center;
}

.pop_mid_group .pop_mid_cont table {
    width: 100%;
}

.pop_mid_group .pop_mid_cont td p {
    line-height: 35px;
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: 400;
}



.pop_textarea {
    width: 100%;
}

.pop_textarea #special_content {
    line-height: 1.5;
    height: 370px;
    font-size: 14px;
    padding: 5px 10px;
    height: 27vh;
}

.pop_textarea #special_content * {
    line-height: 1.5;
}

.review_popup_bg {
    display: none;
}

html.popup .review_popup_bg {
    display: block;
    background-color: #00000054;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    backdrop-filter: blur(2px);
}

.btn-pc {
    display: block;
}

.btn-mo {
    display: none;
}

@media screen and (max-width:850px) {
    .pop_textarea #special_content {
        height: 40vh;
        padding: 0;
        padding-right: 10px;
    }

    .pop_cont {
        height: 80%;
        overflow-y: auto;
    }
}


@media screen and (max-width:767px) {
    .pop_mid_group {
        margin-top: 15px;
        padding-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        display: flex;
        justify-content: center;
    }

    .pop_tr_group1_1 {
        justify-content: flex-start;
        align-items: center;
    }

    .pop_tr_group {
        align-items: flex-end;
        gap: 0px;
        justify-content: flex-end;
    }

    .pop_tr_group1 {
        gap: 0px;
        align-items: flex-end;
    }

    /* .pop_tr_group1 .job input { max-width: 100px; } */
    /* .pop_mid_cont table { display: table; } */
    /* .mid_cont { display: none; } */

    .mid_cont {
        flex-direction: column;
        gap: 0px;
        text-align: center;
    }

    .review_popup_group .mid_cont input {
        text-align: center;
    }

    .mid_cont2 {
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .pop_cont {
        width: 90%;
    }

    .mid_cont2 .mid_cont_line {
        margin-top: 0;
    }

    .pop_textarea textarea {
        height: calc(80vh - 480px);
    }

    /* .review_popup_group .x_btn { top: auto; bottom: calc(100% + 15px); left: auto; right: 0; } */
    .pop_textarea #special_content {
        height: 26vh;
        padding: 0;
        padding-right: 10px;
    }

    .pop_top_group {
        flex-direction: column;
    }

    .pop_tr_group {
        width: 100%;
        padding-top: 12px;
        gap: 10px;
    }

    .review_popup_group .x_btn {
        left: 50%;
        top: 100%;
        transform: translate(-50%, -50%);
        height: 50px;
    }

    .btn-pc {
        display: none;
    }

    .btn-mo {
        display: block;
    }

    .pop_mid_group .pop_mid_cont {
        border-radius: 10px;
        overflow: hidden;
        width: 100%;
    }

    .pop_mid_group .pop_mid_cont td p {
        line-height: 30px;
    }
}









/* int1 start */
.intro1-wrapper .int1-sec1 {
    background: url(../img/int/int1_sec1_bg.png)no-repeat left top / cover;
    background-color: #042B48;
    overflow: hidden;
}

.intro1-wrapper .int1-sec1 .cont-inner {
    padding-top: 188px;
    padding-bottom: 37px;
}

.intro1-wrapper .int1-sec1 .cont-group {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    right: -110px;
}

.intro1-wrapper .int1-sec1 .text-group {
    position: relative;
    top: -100px;
}

.intro1-wrapper .int1-sec1 .text-top p {
    font-family: 'Pretendard';
    font-weight: 200;
    font-size: 74px;
    line-height: 74px;
    color: #fff;
}

.intro1-wrapper .int1-sec1 .text-top .nm {
    font-family: 'Noto Serif KR', serif;
    font-weight: 400;
    font-size: 96px;
    line-height: 103px;
}

.intro1-wrapper .int1-sec1 .text-top .eng {
    font-family: 'Noto Serif', serif;
    font-size: 64px;
    font-size: 64px;
    line-height: 54px;
    opacity: .3;
    text-align: center;
}

.intro1-wrapper .int1-sec1 .text-top .text-box:nth-child(1) {
    display: flex;
    align-items: end;
    gap: 23px;
    justify-content: center;
    margin-bottom: 20px;
}

.intro1-wrapper .int1-sec1 .comm {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 64px;
    color: #fff;
    white-space: nowrap;
    margin-top: 66px;
    text-align: center;
}

.intro1-wrapper .int1-sec1 .text-bot {
    position: relative;
}

.intro1-wrapper .int1-sec1 .text-bot::before {
    content: '';
    position: absolute;
    left: -80px;
    top: 0;
    background: url(../img/int/comm1.png)no-repeat center center / contain;
    width: 53px;
    height: 30px;
}

.intro1-wrapper .int1-sec1 .text-bot::after {
    content: '';
    position: absolute;
    right: -80px;
    top: 0;
    background: url(../img/int/comm2.png)no-repeat center center / contain;
    width: 53px;
    height: 30px;
}

.intro1-wrapper .int1-sec1 .pic-box {
    position: relative;
    right: -70px;
    bottom: -20px;
}

.intro1-wrapper .int1-sec1 .cont-nav-btn.mo {
    display: none;
}

.intro1-wrapper .int1-sec1 .cont-nav-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.intro1-wrapper .int1-sec1 .nav-btn-group {
    display: flex;
    align-items: start;
    justify-content: space-between;
    height: 50px;
}

.intro1-wrapper .int1-sec1 .nav-btn-box {
    width: 33.333%;
    text-align: center;
    height: 100%;
    padding-top: 17px;
    border-radius: 20px 20px 0 0;
}

.intro1-wrapper .int1-sec1 .nav-btn-box:nth-child(1) {
    background-color: #A48362;
    color: #fff;
}

.intro1-wrapper .int1-sec1 .nav-btn-box:nth-child(2) {
    background-color: #67B5A9;
    color: #000000;
}

.intro1-wrapper .int1-sec1 .nav-btn-box:nth-child(3) {
    background-color: #042B48;
    color: #fff;
}

.intro1-wrapper .int1-sec2 {
    height: inherit;
}

.intro1-wrapper .int1-sec2 .cont-inner {
    max-width: 1650px;
}

.intro1-wrapper .int1-sec2 .cont-group {
    padding-top: 170px;
    padding-bottom: 100px;
}

.intro1-wrapper .int1-sec2 .cont-group .pc {
    display: block;
}

.intro1-wrapper .int1-sec2 .cont-group .mo {
    display: none;
}

.intro1-wrapper .int1-sec2 .int2-sec2-swiper .img-box {
    display: flex;
    justify-content: center;
}

.intro1-wrapper .int1-sec2 .cont-group .img-box {
    text-align: center;
}

.intro1-wrapper .int1-sec2 .cont-group .img-box img {
    min-height: 250px;
    display: flex;
    align-items: flex-end;
    object-fit: contain;
    object-position: center;
}

.intro1-wrapper .int1-sec2 .cont-group .swiper-box {
    margin-top: 50px;
}

.intro1-wrapper .int1-sec2 .cont-group .swiper-slide .text-box {
    text-align: center;
}

.intro1-wrapper .int1-sec2 .cont-group .swiper-slide p {
    text-align: center;
}

.intro1-wrapper .int1-sec2::before {
    content: "";
    position: absolute;
    top: 37px;
    left: 0;
    right: 0;
    height: 10px;
    background-color: #67B5A9;
    opacity: .5;
}

.intro1-wrapper .int1-sec2 .bg-lens {
    position: absolute;
    left: 0;
    top: 18%;
}

.intro1-wrapper .int1-sec2 .bg-lens:nth-child(2) {
    left: unset;
    right: 0;
    z-index: 2;
}

.intro1-wrapper .int1-sec3 {
    height: inherit;
    background: url(../img/background/back_03.jpg)no-repeat center center / cover;
}

.intro1-wrapper .int1-sec3 .cont-inner {
    max-width: 880px;
    padding-top: 171px;
    padding-bottom: 191px;
}

.intro1-wrapper .int1-sec3 .img-box {
    text-align: center;
}

.intro1-wrapper .int1-sec3 .img-box .pc {
    display: block;
}

.intro1-wrapper .int1-sec3 .img-box .mo {
    display: none;
}

.intro1-wrapper .int1-sec3 .img-box img {
    margin: 0 auto;
}

.intro1-wrapper .int1-sec3 .cont-group {
    margin-top: 148px;
}

/* .intro1-wrapper .int1-sec4 { background: url(../img/int/int1-sec4-bg.png)no-repeat left top / contain; } */
.intro1-wrapper .int1-sec4 {
    height: inherit;
}

.intro1-wrapper .int1-sec4::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 270px;
    background: linear-gradient(to bottom, #042b48 80%, #fff 100%);
    z-index: -1;
}

.intro1-wrapper .int1-sec4 .cont-inner {
    padding-top: 140px;
    padding-bottom: 134px;
    max-width: 1360px
}

.intro1-wrapper .int1-sec4 .text-group {
    position: relative;
}

.intro1-wrapper .int1-sec4 .cont-box {
    margin-bottom: 140px;
}

.intro1-wrapper .int1-sec4 .cont-box:nth-child(1) .text-group:before {
    content: "01";
    position: absolute;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size: 300px;
    line-height: 300px;
    color: #67B5A9;
    opacity: .2;
    transform: translateY(-50%) translateX(-23%);
}

.intro1-wrapper .int1-sec4 .cont-box:nth-child(2) .text-group:before {
    content: "02";
    position: absolute;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size: 300px;
    line-height: 300px;
    color: #67B5A9;
    opacity: .2;
    transform: translateY(-50%) translateX(-23%);
}

.intro1-wrapper .int1-sec4 .cont-box:nth-child(3) .text-group:before {
    content: "03";
    position: absolute;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size: 300px;
    line-height: 300px;
    color: #67B5A9;
    opacity: .2;
    transform: translateY(-50%) translateX(-23%);
}

.intro1-wrapper .int1-sec4 .cont-box:nth-child(4) .text-group:before {
    content: "04";
    position: absolute;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size: 300px;
    line-height: 300px;
    color: #67B5A9;
    opacity: .2;
    transform: translateY(-50%) translateX(-23%);
}

.intro1-wrapper .int1-sec4 .cont-box:nth-child(2n) .text-group:before {
    right: 0;
    transform: translateY(-50%)
}

.intro1-wrapper .int1-sec4 .cont-box:last-child {
    margin-bottom: 0;
}

.intro1-wrapper .int1-sec4 .text-group .text-tit {
    position: relative;
    z-index: 2;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 30px;
}

.intro1-wrapper .int1-sec4 .text-group .text-des {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

.intro1-wrapper .int1-sec4 .txt-img {
    padding-top: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro1-wrapper .int1-sec4 .txt-img .img-box {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 60px;
    color: #fff;
}

.intro1-wrapper .int1-sec4 .img-box {
    position: relative;
}

.intro1-wrapper .int1-sec4 .txt-img .img-box .pc {
    display: block;
}

.intro1-wrapper .int1-sec4 .txt-img .img-box .mo {
    display: none;
}

/* .intro1-wrapper .int1-sec4 .img-box::before { content: ''; position: absolute; left: -80px; top: 0; background: url(../img/int/comm1.png)no-repeat center center / contain; width: 53px; height: 30px; } 
.intro1-wrapper .int1-sec4 .img-box::after { content: ''; position: absolute; right: -80px; top: 0; background: url(../img/int/comm2.png)no-repeat center center / contain; width: 53px; height: 30px; } */

.intro1-wrapper .int1-sec4 .sec4-bg {
    height: 270px;
    position: absolute;
}

.intro1-wrapper .int1-sec4 .sec4-bg .bg-box {
    height: 100%;
    overflow: hidden;
}

.intro1-wrapper .int1-sec4 .sec4-bg .bg-box img {
    width: 100%;
    object-fit: cover;
}

.intro1-wrapper .int1-sec4 .cont-comment {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 250px;
}

.intro1-wrapper .int1-sec4 .cont-comment h4 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 48px;
    line-height: 150%;
    color: #042B48;
}

.intro1-wrapper .int1-sec4 .cont-comment h4:nth-child(2) {
    position: relative;
    right: -152px;
}

.intro1-wrapper .int1-sec5 {
    height: inherit;
    padding-top: 141px;
    padding-bottom: 104px;
    background: url(/img/int/int1-sec5-bg.png)no-repeat center center / cover;
}

.intro1-wrapper .int1-sec5 .txt-box {
    text-align: right;
}

.intro1-wrapper .int1-sec5 .txt-box img {
    max-width: 315px;
}

.intro1-wrapper .int1-sec2-plus1 {
    height: inherit;
    padding: 225px 0;
    background: url(/img/int/int1_sec2_plus_bg.png)no-repeat center center / cover;
}

.intro1-wrapper .int1-sec2-plus1 .cont-group {
    display: flex;
    align-items: start;
    gap: 82px;
}

.intro1-wrapper .int1-sec2-plus1 .cont-tit .c-tit {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
}

.intro1-wrapper .int1-sec2-plus1 .cont-tit .c-tit h4 {
    font-size: 60px;
    line-height: 70px;
}

.intro1-wrapper .int1-sec2-plus1 .cont-tit .sm-tit {
    font-family: 'Pretendard';
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    line-height: 35px;
    margin-top: 20px;
}

.intro1-wrapper .int1-sec2-plus1 .cont-tit h3 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 78px;
    line-height: 88px;
    color: #fff;
}

.intro1-wrapper .int1-sec2-plus1 .cont-line {
    min-width: 1px;
    background-color: #fff;
    height: 550px;
    opacity: .5;
}

.intro1-wrapper .int1-sec2-plus1 .swiper {
    max-width: 792px;
}

.intro1-wrapper .int1-sec2-plus1 .slide-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.intro1-wrapper .int1-sec2-plus1 .slide-date {
    font-family: 'Noto Serif', serif;
    font-weight: 500;
    font-size: 50px;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #fff;
}

.intro1-wrapper .int1-sec2-plus1 .slide-date .label {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 24px;
    color: #042B48;
    padding: 10px 20px;
    background-color: #64C0A7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.intro1-wrapper .int1-sec2-plus1 .slide-tit {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
}

.intro1-wrapper .int1-sec2-plus1 .slide-des {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}

.intro1-wrapper .int1-sec2-plus1 .swiper_btns {
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;
    margin-top: 152px;
}

.int1-sec2-plus1-swiper .swiper-pagination {
    position: relative;
    bottom: unset;
    width: inherit;
}

.int1-sec2-plus1-swiper .swiper-button-next {
    position: relative;
    right: 0;
    margin-top: unset;
}

.int1-sec2-plus1-swiper .swiper-button-prev {
    position: relative;
    left: 0;
    margin-top: unset;
}

.int1-sec2-plus1-swiper .swiper-button-next:after {
    content: "";
    background: url(/img/int/int1_swiper_arr_next.png)no-repeat center center / contain;
    width: 18px;
    height: 23px;
}

.int1-sec2-plus1-swiper .swiper-button-prev:after {
    content: "";
    background: url(/img/int/int1_swiper_arr_prev.png)no-repeat center center / contain;
    width: 18px;
    height: 23px;
}

.int1-sec2-plus1-swiper .swiper-pagination-bullet {
    transition: .3s;
    position: relative;
    background-color: #fff;
    opacity: 0.5;
    width: 10px;
    height: 10px;
}

.int1-sec2-plus1-swiper .swiper-pagination-bullet::after {
    transition: .3s;
    content: "";
    display: block;
    width: 44px;
    height: 28px;
    background: url(/img/int/swiper_on.png)no-repeat center center / contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.int1-sec2-plus1-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.int1-sec2-plus1-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    opacity: 1;
}

.int1-sec2-plus1-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.int1-sec2-plus1-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.intro1-wrapper .int1-sec2-plus2 {
    height: inherit;
    padding-top: 200px;
    padding-bottom: 63px;
    background: url(/img/int/int1_sec2_plus2_bg.png)no-repeat center center / cover;
    overflow: hidden;
}

.intro1-wrapper .int1-sec2-plus2 .bg_ {
    display: none;
}

.intro1-wrapper .int1-sec2-plus2 .cont-inner {
    max-width: 1400px;
    left: 117px;
}

.intro1-wrapper .int1-sec2-plus2 .cont-tit .c-tit {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
}

.intro1-wrapper .int1-sec2-plus2 .cont-tit .c-tit h4 {
    font-size: 60px;
    line-height: 70px;
}

.intro1-wrapper .int1-sec2-plus2 .cont-tit .sm-tit {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    margin-top: 20px;
}

.intro1-wrapper .int1-sec2-plus2 .cont-tit h3 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 120px;
    line-height: 130px;
    color: #fff;
    margin-top: 20px;
}

.intro1-wrapper .int1-sec2-plus2 .cont-des {
    margin-top: 70px;
    overflow-y: scroll;
    height: 420px;
}

.intro1-wrapper .int1-sec2-plus2 .cont-des::-webkit-scrollbar {
    display: none;
}

.intro1-wrapper .int1-sec2-plus2 .des-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 65px;
}

.intro1-wrapper .int1-sec2-plus2 .des-inner {
    display: flex;
    align-items: start;
    gap: 20px;
}

.intro1-wrapper .int1-sec2-plus2 .des-wrap .dot {
    border: 3px solid #64C0A7;
    border-radius: 50%;
    background-color: #484848;
    min-width: 20px;
    height: 20px;
    margin-top: 7px;
    display: none;
}

.intro1-wrapper .int1-sec2-plus2 .des-wrap .date {
    font-family: 'Pretendard';
    font-size: 40px;
    font-weight: 700;
}

.intro1-wrapper .int1-sec2-plus2 .des-wrap .des-box {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
}

.intro1-wrapper .int1-sec2-plus2 .des-wrap .des-box h5 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
}

.intro1-wrapper .int1-sec2-plus2 .des-wrap .des-box .img-box {
    margin-top: 42px;
}

.intro1-wrapper .int1-sec2-plus2 .more_btn {
    display: none;
}

@media screen and (max-width: 1500px) {
    .intro1-wrapper .int1-sec2-plus2 .cont-inner {
        left: unset;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .date {
        font-size: 30px;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .des-box h5 {
        font-size: 20px;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .des-box {
        font-size: 14px;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .dot {
        min-width: 10px;
        height: 10px;
    }
}

@media screen and (max-width: 1250px) {
    .intro1-wrapper .int1-sec1 {
        height: inherit;
        background: url(../img/int/int1_sec1_bg_mo.png)no-repeat center center / cover;
        background-color: #042B48
    }

    .intro1-wrapper .int1-sec2::before {
        top: 20px;
    }

    .intro1-wrapper .int1-sec1 .cont-inner {
        padding-bottom: 0;
        padding-top: 100px;
    }

    .intro1-wrapper .int1-sec1 .cont-group {
        flex-direction: column;
        right: unset;
    }

    .intro1-wrapper .int1-sec1 .text-group {
        top: unset;
    }

    .intro1-wrapper .int1-sec1 .text-top .text-box:nth-child(1) {
        gap: 7px;
        margin-bottom: 10px;
    }

    .intro1-wrapper .int1-sec1 .text-top .nm {
        font-size: 50px;
        line-height: 53px;
    }

    .intro1-wrapper .int1-sec1 .text-top .eng {
        font-size: 35px;
        line-height: 35px;
    }

    .intro1-wrapper .int1-sec1 .text-top p {
        font-size: 40px;
        line-height: 40px;
    }

    .intro1-wrapper .int1-sec1 .comm {
        white-space: normal;
        font-size: 22px;
        line-height: 32px;
        font-weight: 400;
        text-align: center;
    }

    .intro1-wrapper .int1-sec1 .text-bot::before {
        top: -32px;
        left: unset;
        width: 37px;
    }

    .intro1-wrapper .int1-sec1 .text-bot::after {
        bottom: -32px;
        top: unset;
        right: 0;
        width: 37px;
    }

    .intro1-wrapper .int1-sec1 .pic-box {
        right: unset;
        bottom: -40px;
        text-align: center;
    }

    .intro1-wrapper .int1-sec1 .pic-box img {
        width: 90%;
    }

    .intro1-wrapper .int1-sec1 .cont-nav-btn.mo {
        display: block;
    }

    .intro1-wrapper .int1-sec2 .img-box {
        text-align: center;
    }

    .intro1-wrapper .int1-sec2 .cont-group {
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .intro1-wrapper .int1-sec2 .bg-lens {
        top: 47%;
        right: -80px;
        left: unset;
    }

    .intro1-wrapper .int1-sec2 .bg-lens:nth-child(1) {
        rotate: 180deg;
        z-index: 2;
    }

    .intro1-wrapper .int1-sec2 .bg-lens:nth-child(2) {
        top: 2%;
        right: -80px;
    }

    .intro1-wrapper .int1-sec2 .swiper-box {
        margin-top: 50px;
    }

    .intro1-wrapper .int1-sec2 .swiper-slide {
        text-align: center;
    }

    .intro1-wrapper .int1-sec2 .swiper-slide p {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        color: #000;
    }

    .intro1-wrapper .int1-sec2 .cont-group .pc {
        display: none;
    }

    .intro1-wrapper .int1-sec2 .cont-group .mo {
        display: block;
        width: 100%;
    }

    .intro1-wrapper .int1-sec3 {
        height: inherit;
    }

    .intro1-wrapper .int1-sec3 .cont-group {
        margin-top: 40px;
    }

    .intro1-wrapper .int1-sec3 .cont-inner {
        padding-top: 93px;
        padding-bottom: 110px;
    }

    .intro1-wrapper .int1-sec3 .img-box {
        width: 90%;
        margin: 0 auto;
    }

    .intro1-wrapper .int1-sec4 .cont-inner {
        padding-top: 240px;
    }

    .intro1-wrapper .int1-sec4::after {
        height: 200px;
    }

    .intro1-wrapper .int1-sec4 .txt-img {
        padding-top: 45px;
    }

    .intro1-wrapper .int1-sec4 .img-box::before {
        top: -32px;
        left: unset;
        width: 37px;
    }

    .intro1-wrapper .int1-sec4 .img-box::after {
        bottom: -32px;
        top: unset;
        right: 0;
        width: 37px;
    }

    .intro1-wrapper .int1-sec4 .sec4-bg {
        height: 200px;
    }

    .intro1-wrapper .int1-sec4 .cont-comment {
        flex-direction: column;
        justify-content: center;
        gap: 12px;
        margin-bottom: 50px;
    }

    .intro1-wrapper .int1-sec4 .cont-comment .comment {
        width: 80%;
    }

    .intro1-wrapper .int1-sec4 .cont-comment h4:nth-child(2) {
        right: unset;
        text-align: right;
    }

    .intro1-wrapper .int1-sec4 .cont-comment .img-box {
        width: 60%;
        margin: 0 auto;
        text-align: center;
    }

    .intro1-wrapper .int1-sec2-plus1 {
        padding-top: 82px;
        padding-bottom: 112px;
    }

    .intro1-wrapper .int1-sec2-plus1 .cont-group {
        flex-direction: column;
        align-items: center;
    }

    .intro1-wrapper .int1-sec2-plus1 .cont-line {
        display: none;
    }

    .intro1-wrapper .int1-sec2-plus1 .cont-swiper {
        width: 100%;
    }

    .intro1-wrapper .int1-sec2-plus1 .swiper_btns {
        margin-top: 27px;
        width: 100%;
        justify-content: center;
    }

    .intro1-wrapper .int1-sec2-plus2 {
        padding-top: 82px;
        padding-bottom: 40px;
    }

    .intro1-wrapper .int1-sec2-plus2 .bg_ {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }

    .intro1-wrapper .int1-sec2-plus2 .bg_ img {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .intro1-wrapper .int1-sec3 .img-box .pc {
        display: none
    }

    .intro1-wrapper .int1-sec3 .img-box .mo {
        display: block;
    }

    .intro1-wrapper .int1-sec4 .txt-img {
        padding-top: 70px;
    }

    .intro1-wrapper .int1-sec4 .txt-img .img-box .pc {
        display: none;
    }

    .intro1-wrapper .int1-sec4 .txt-img .img-box .mo {
        display: block;
    }

    .intro1-wrapper .int1-sec4 .txt-img .img-box {
        margin: 0 auto;
    }

    .intro1-wrapper .int1-sec4 .cont-inner {
        padding-top: 280px;
    }

    .intro1-wrapper .int1-sec4 .cont-inner {
        padding-top: 140px;
    }

    .intro1-wrapper .int1-sec4::after {
        height: 230px;
    }

    .intro1-wrapper .int1-sec4 .txt-img .img-box {
        font-size: 25px;
        line-height: 33px;
    }

    .intro1-wrapper .int1-sec4 .img-box::after {
        right: 30%;
    }

    .intro1-wrapper .int1-sec4 .sec4-bg {
        height: 230px;
    }

    .intro1-wrapper .int1-sec4 .sec4-bg .bg-box img {
        height: 100%;
        width: unset;
    }

    .intro1-wrapper .int1-sec4 .cont-box {
        margin-bottom: 80px;
    }

    .intro1-wrapper .int1-sec4 .cont-box:nth-child(1) .text-group:before {
        font-size: 70px;
        line-height: 70px;
        transform: translateY(-80%) translateX(-23%);
    }

    .intro1-wrapper .int1-sec4 .cont-box:nth-child(2) .text-group:before {
        font-size: 70px;
        line-height: 70px;
        right: unset;
        transform: translateY(-80%) translateX(-23%);
    }

    .intro1-wrapper .int1-sec4 .cont-box:nth-child(3) .text-group:before {
        font-size: 70px;
        line-height: 70px;
        transform: translateY(-80%) translateX(-23%);
    }

    .intro1-wrapper .int1-sec4 .cont-box:nth-child(4) .text-group:before {
        font-size: 70px;
        line-height: 70px;
        right: unset;
        transform: translateY(-80%) translateX(-23%);
    }

    .intro1-wrapper .int1-sec4 .text-group .text-tit {
        font-size: 16px;
        line-height: 20px;
    }

    .intro1-wrapper .int1-sec4 .text-group .text-des {
        font-size: 14px;
        line-height: 19px;
    }

    .intro1-wrapper .int1-sec4 .cont-comment h4 {
        font-size: 35px;
    }

    .intro1-wrapper .int1-sec2-plus2 .cont-group {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .intro1-wrapper .int1-sec2-plus2 .cont-tit .c-tit {
        font-size: 20px;
        line-height: 25px;
    }

    .intro1-wrapper .int1-sec2-plus2 .cont-tit .c-tit h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .intro1-wrapper .int1-sec2-plus2 .cont-tit .sm-tit {
        font-size: 12.5px;
        line-height: 17.5px;
        margin-top: 10px;
    }

    .intro1-wrapper .int1-sec2-plus2 .cont-tit h3 {
        font-size: 39px;
        line-height: 44px;
    }

    /* .intro1-wrapper .int1-sec2-plus2 .cont-inner{position: relative;width: 100%;} */
    .intro1-wrapper .int1-sec2-plus2 .cont-inner .more_btn {
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        height: 50px;
        border-radius: 10px;
        background-color: #67B5A9;
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .intro1-wrapper .int1-sec2-plus2 .cont-group::before {
        content: "";
        position: absolute;
        bottom: 36px;
        left: 0;
        right: 0;
        height: 57px;
        z-index: 1;
        background: linear-gradient(to top, #000, #00000000);
    }

    .intro1-wrapper .int1-sec2-plus2 .des-inner {
        flex-direction: column;
        gap: 10px;
    }

    .intro1-wrapper .int1-sec2-plus2 .cont-des {
        position: relative;
        width: calc(100% - 50px);
        margin: 0 auto;
        position: relative;
        padding-left: 50px;
        height: 555px;
        overflow-y: inherit;
        overflow: hidden;
        margin-top: 40px;
    }

    .intro1-wrapper .int1-sec2-plus2 .cont-des::after {
        position: absolute;
        content: '';
        height: 100%;
        width: 10px;
        left: 22px;
        top: 50px;
        border-left: 1.5px dashed #64C0A7;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap {
        grid-template-columns: 1fr;
        row-gap: 35px;
        position: relative;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .dot {
        display: none;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .date {
        font-size: 30px;
        line-height: 35px;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .des-box {
        position: relative;
        font-size: 12px;
        line-height: 17px;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .des-box h5 {
        font-size: 22.5px;
        line-height: 27.5px;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .des-box::after {
        content: "";
        width: 15px;
        height: 15px;
        border: 2.25px solid #64C0A7;
        background-color: #484848;
        position: absolute;
        left: -37px;
        top: 0;
        transform: translateY(20%);
        border-radius: 50%;
        z-index: 1;
    }

    .intro1-wrapper .int1-sec2-plus2.show .cont-group::before {
        display: none;
    }

    .intro1-wrapper .int1-sec2-plus2.show .more_btn {
        display: none;
    }

    .intro1-wrapper .int1-sec2-plus2.show .cont-des {
        height: inherit;
    }

    .intro1-wrapper .int1-sec2-plus2 .des-wrap .des-box .img-box {
        width: 80%;
    }
}

@media screen and (max-width: 600px) {
    .intro1-wrapper .int1-sec5 {
        background: url(/img/int/int1-sec5-bg-mo.png)no-repeat center center / cover;
        padding: 126px 0;
    }

    .intro1-wrapper .int1-sec5 .txt-box {
        text-align: center;
    }

    .intro1-wrapper .int1-sec5 .txt-box img {
        max-width: 157px;
    }

    .intro1-wrapper .int1-sec4 .cont-comment h4 {
        font-size: 25px;
    }

    .intro1-wrapper .int1-sec2-plus1 .slide-date {
        font-size: 38px;
    }

    .intro1-wrapper .int1-sec2-plus1 .slide-date .label {
        font-weight: 700;
        font-size: 18px;
    }

    .intro1-wrapper .int1-sec2-plus1 .slide-tit {
        font-size: 30px;
        line-height: 37.5px;
    }

    .intro1-wrapper .int1-sec2-plus1 .slide-des {
        font-size: 16px;
        line-height: 1.5;
    }

    .int1-sec2-plus1-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .int1-sec2-plus1-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 7px;
    }

    .int1-sec2-plus1-swiper .swiper-button-next:after {
        width: 10px;
    }

    .int1-sec2-plus1-swiper .swiper-button-prev:after {
        width: 10px;
    }

    .int1-sec2-plus1-swiper .swiper-pagination-bullet::after {
        width: 35px;
    }
}

@media screen and (max-width: 500px) {
    .intro1-wrapper .int1-sec4 .txt-img .img-box {
        font-size: 20px;
        line-height: 23px;
    }

    .intro1-wrapper .int1-sec4 .cont-comment {
        margin-bottom: 20px;
    }

    .intro1-wrapper .int1-sec4 .cont-comment .comment {
        width: 100%;
    }

    .intro1-wrapper .int1-sec2-plus1 .cont-tit .c-tit {
        font-size: 20px;
        line-height: 25px;
    }

    .intro1-wrapper .int1-sec2-plus1 .cont-tit .c-tit h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .intro1-wrapper .int1-sec2-plus1 .cont-tit .sm-tit {
        font-size: 12.5px;
        line-height: 17.5px;
        margin-top: 10px;
    }

    .intro1-wrapper .int1-sec2-plus1 .cont-tit h3 {
        font-size: 39px;
        line-height: 44px;
    }

}

@media screen and (max-width: 350px) {
    .intro1-wrapper .int1-sec1 .comm {
        font-size: 18px;
        line-height: 25px;
    }

    .intro1-wrapper .int1-sec4 .cont-comment h4 {
        font-size: 20px;
    }
}

@media screen and (max-width: 290px) {
    .int1-sec2-plus1-swiper .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    .int1-sec2-plus1-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .int1-sec2-plus1-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 6px;
    }

    .int1-sec2-plus1-swiper .swiper-pagination-bullet::after {
        width: 24px;
    }
}

/* int1 end */

/* int2 start */
.intro2-wrapper .int2-sec1 {
    background: url(../img/background/back_03_2.jpg)no-repeat center center / cover;
    overflow: auto;
}

.intro2-wrapper .int2-sec1 .cont-inner {
    padding-top: 199px;
    padding-bottom: 177px;
}

.intro2-wrapper .int2-sec1 .bg-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 70%;
}

.intro2-wrapper .int2-sec1 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.intro2-wrapper .int2-sec1 .tit-box h3 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 44px;
    line-height: 44px;
    color: #64C0A7;
}

.intro2-wrapper .int2-sec1 .tit-box .tit-line {
    height: 1px;
    width: 20px;
    background-color: #fff;
}

.intro2-wrapper .int2-sec1 .cont-group {
    margin-top: 23px;
    margin-bottom: 45px;
}

.intro2-wrapper .int2-sec1 .cont-group .img-box {
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    max-width: 550px;
    margin: 0 auto;
}

.intro2-wrapper .int2-sec1 .cont-group .middle-box .img-box {
    border: 1px solid #fff;
}

.intro2-wrapper .int2-sec1 .des-text {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.intro2-wrapper .int2-sec1 .cont-top {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.intro2-wrapper .int2-sec1 .cont-top:nth-child(2) {
    margin-top: 30px;
}

.intro2-wrapper .int2-sec1 .left-box .des-text {
    position: relative;
}

.intro2-wrapper .int2-sec1 .des-text .more_btn_box {
    background: #d0d0cfab;
    border-radius: 20px;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    width: 110px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: center;
    color: #0000007c;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    cursor: pointer;
}


.intro2-wrapper .int2-sec1 .cont-bot {
    margin-top: 45px;
}

.intro2-wrapper .int2-sec1 .map-btn-group {
    display: flex;
    justify-content: center;
}

.intro2-wrapper .int2-sec1 .btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 64px;
    width: 232px;
    cursor: pointer;
}

.intro2-wrapper .int2-sec1 .btn-box p {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #000;
}

.intro2-wrapper .int2-sec1 .btn-box.btn-kakao {
    background-color: #FED500;
    border-radius: 50px 0 0 50px;
}

.intro2-wrapper .int2-sec1 .btn-box.btn-kakao i {
    background: url(../img/common/icon_kakao.png)no-repeat center center / contain;
    width: 28px;
    height: 24px;
    display: block;
}

.intro2-wrapper .int2-sec1 .btn-box.btn-naver {
    background-color: #2DB400;
    border-radius: 0 50px 50px 0;
}

.intro2-wrapper .int2-sec1 .btn-box.btn-naver p {
    color: #fff;
}

.intro2-wrapper .int2-sec1 .btn-box.btn-naver i {
    background: url(../img/common/icon_naver.png)no-repeat center center / contain;
    width: 24px;
    height: 24px;
    display: block;
}

.intro2-wrapper .int2-sec1 .addr-box {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 45px;
    text-align: center;
}

.intro2-wrapper .int2-sec1 .addr-box .sm {
    font-size: 16px;
    line-height: 16px;
    margin-top: 10px;
    font-weight: 400;
}

.intro2-wrapper .int2-sec1 .num-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.intro2-wrapper .int2-sec1 .tim-group-wrap {
    background: #ffffff1f;
    border-radius: 10px;
    padding: 50px 0;
    width: 80%;
    margin: 0 auto;
}

.intro2-wrapper .int2-sec1 .tim-box {
    text-align: center;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    color: #fff;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    justify-content: center;
}

.intro2-wrapper .int2-sec1 .tim-box .bold {
    font-size: 28px;
    width: 200px;
    text-align: left;
}

.intro2-wrapper .int2-sec1 .tim-box p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
}

/* .intro2-wrapper .int2-sec1 .tim-box p:last-child { border-top: 1px solid #fff; padding-top: 30px; width: 90%; }  */
.intro2-wrapper .int2-sec1 .tim-group .dot-line {
    height: 1px;
    width: 88px;
}

.intro2-wrapper .int2-sec1 .tim-box .tim-inner-box {
    width: 90%;
    margin: 0 auto;
    padding: 25px 0px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    justify-content: center;
    backdrop-filter: brightness(0.7);
}

.intro2-wrapper .int2-sec1 .cont-plus {
    margin-top: 100px;
}

.intro2-wrapper .int2-sec1 .cont-plus .plus-tit {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}

.intro2-wrapper .int2-sec1 .cont-plus .des-c-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
}

.intro2-wrapper .int2-sec1 .cont-2 {
    padding-top: 150px;
}


@media screen and (max-width: 1250px) {
    .intro2-wrapper .sec1-bg {
        background: url(../img/int/int2_bg_mo.png)no-repeat center top / cover;
        background-attachment: fixed;
        height: inherit;
        position: fixed;
    }

    .intro2-wrapper .int2-sec1 .cont-inner {
        padding: 116px 0;
        padding-bottom: 50px;
    }

    .intro2-wrapper .int2-sec1 .tit-box {
        margin-bottom: 60px;
    }

    .intro2-wrapper .int2-sec1 .tit-box.tit-line {
        margin-bottom: 90px;
    }

    .intro2-wrapper .int2-sec1 .tit-box h3 {
        font-size: 30px;
        line-height: 24px;
        position: relative;
    }

    .intro2-wrapper .int2-sec1 .tit-box.tit-line h3::after {
        content: "";
        position: absolute;
        bottom: -45px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        width: 50px;
        background-color: #fff;
    }

    .intro2-wrapper .int2-sec1 .des-text {
        font-size: 22px;
        line-height: 22px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .intro2-wrapper .int2-sec1 .cont-top {
        flex-direction: column;
        gap: 30px;
    }

    .intro2-wrapper .int2-sec1 .tim-group-wrap .tit-box {
        margin-bottom: 25px;
    }

    .intro2-wrapper .int2-sec1 .cont-bot {
        margin-top: 30px;
    }

    .intro2-wrapper .int2-sec1 .btn-box {
        height: 48px;
        width: 168px;
    }

    .intro2-wrapper .int2-sec1 .btn-box p {
        font-size: 16px;
        line-height: 16px;
    }

    .intro2-wrapper .int2-sec1 .btn-box.btn-kakao i {
        width: 21px;
        height: 18px;
    }

    .intro2-wrapper .int2-sec1 .btn-box.btn-naver i {
        width: 18px;
        height: 18px;
    }

    .intro2-wrapper .int2-sec1 .addr-box {
        font-size: 16px;
        line-height: 24px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .intro2-wrapper .int2-sec1 .addr-box .sm {
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
    }

    .intro2-wrapper .int2-sec1 .num-box {
        font-size: 16px;
        line-height: 16px;
    }

    .intro1-wrapper .int1-sec4 {
        background-position: center top;
    }

    .intro2-wrapper .int2-sec1 .tim-group-wrap {
        width: 100%;
    }

    .intro2-wrapper .int2-sec1 .tim-box {
        font-size: 14px;
    }

    .intro2-wrapper .int2-sec1 .tim-box .bold {
        font-size: 16px;
    }

    .intro2-wrapper .int2-sec1 .tim-box p.sm_fz {
        font-size: 16px;
        width: 90%;
    }

    .intro2-wrapper .int2-sec1 .cont-2 {
        padding-top: 90px;
    }

}

@media screen and (max-width: 800px) {
    .intro2-wrapper .int2-sec1 .cont-plus .tit-box {
        margin-bottom: 40px;
    }

    .intro2-wrapper .int2-sec1 .cont-plus .plus-tit {
        text-align: center;
    }

    .intro2-wrapper .int2-sec1 .cont-plus .cont-group .img-box {
        max-width: unset;
    }

    .intro2-wrapper .int2-sec1 .cont-plus .des-c-box {
        flex-direction: column;
    }

    .intro2-wrapper .int2-sec1 .cont-plus {
        margin-top: 77px;
    }
}

@media screen and (max-width: 500px) {
    .intro2-wrapper .int2-sec1 .tim-box p img {
        display: none;
    }
}

@media screen and (max-width: 470px) {
    .intro2-wrapper .int2-sec1 .tim-box .bold {
        width: 80px;
    }
}

@media screen and (max-width: 350px) {
    .intro2-wrapper .int2-sec1 .tim-box p:last-child {
        width: 100%;
    }
}

@media screen and (max-width: 290px) {
    .intro2-wrapper .int2-sec1 .tim-box p {
        gap: 10px;
        font-size: 13px;
    }

    .intro2-wrapper .int2-sec1 .tim-box .bold {
        font-size: 14px;
    }

    .intro2-wrapper .int2-sec1 .des-text {
        font-size: 18px;
    }

    .intro2-wrapper .int2-sec1 .btn-box {
        gap: 5px;
    }

    .intro2-wrapper .int2-sec1 .btn-box p {
        font-size: 14px;
    }

    .intro2-wrapper .int2-sec1 .num-box {
        gap: 10px;
    }

}

/* int2 end */

/* spec1 start */
.spec1-wrapper .fixed-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.spec1-wrapper .spec1-sec1 {
    background: url(../img/spec/spec1-sec1-bg.png)no-repeat center center / cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spec1-wrapper .spec1-sec1 .top-text-group {
    position: relative;
    padding-bottom: 51px;
    margin-bottom: 51px;
}

.spec1-wrapper .spec1-sec1 .top-text-group::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    height: 1px;
    width: 44px;
    background-color: #fff;
}

.spec1-wrapper .spec1-sec1 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 52px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 20px;
}

.spec1-wrapper .spec1-sec1 h3 .fz-tr {
    font-family: 'Noto Serif', serif;
}

.spec1-wrapper .spec1-sec1 h3 .fz-up {
    font-size: 120px;
    line-height: 90px;
}

.spec1-wrapper .spec1-sec1 .text-box {
    font-family: 'Noto Serif KR', serif;
    font-weight: 600;
    font-size: 74px;
    line-height: 74px;
    text-align: center;
}

.spec1-wrapper .spec1-sec1 .text-box.txt-gradient {
    background: linear-gradient(to bottom, #FFFFFF, #DFCBB5, #A48362);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.spec1-wrapper .spec1-sec1 .bot-text-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}

.spec1-wrapper .spec1-sec2 {}

.spec1-wrapper .spec1-sec2 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spec1-wrapper .spec1-sec3 {
    background: url(../img/spec/spec1-sec3-bg.png) no-repeat center center / cover;
    height: auto;
    padding-top: 50px;
}

.spec1-wrapper .spec1-sec3 .cont-inner {
    padding-top: 160px;
}

.spec1-wrapper .spec1-sec3 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec3 .tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #042B48;
}

.spec1-wrapper .spec1-sec3 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

.spec1-wrapper .spec1-sec3 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    text-align: center;
    margin-top: 16px;
}

.spec1-wrapper .spec1-sec3 .cont-group {
    margin-top: 50px;
}

.spec1-wrapper .spec1-sec3 .cont-group .gif-box {
    text-align: center;
    margin-bottom: 20px;
}

.spec1-wrapper .spec1-sec3 .cont-group .video-box {
    text-align: center;
    margin-bottom: 20px;
}

.spec1-wrapper .spec1-sec3 .des-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.spec1-wrapper .spec1-sec3 .des-box {
    background-color: #fff;
    border-radius: 10px;
    height: 168px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16%;
}

.spec1-wrapper .spec1-sec3 .des-box .text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    text-align: center;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

.spec1-wrapper .spec1-sec3 .des-box .num {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
}

.spec1-wrapper .spec1-sec3 .des-box.dif {
    flex: 1;
    background: linear-gradient(to right, #052C49 85%, #a48362);
}

.spec1-wrapper .spec1-sec3 .des-box.dif .text-box {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
}

.spec1-wrapper .spec1-sec3 .des-box.dif .pc {
    display: inline;
}

.spec1-wrapper .spec1-sec4 {
    height: auto;
}

.spec1-wrapper .spec1-sec4 .cont-inner {
    padding-top: 190px;
}

.spec1-wrapper .spec1-sec4 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec4 .tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #A48362;
}

.spec1-wrapper .spec1-sec4 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

.spec1-wrapper .spec1-sec4 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    text-align: center;
    margin-top: 16px;
}

.spec1-wrapper .spec1-sec4 .cont-group {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.spec1-wrapper .spec1-sec4 .cont-group .gif-box {
    object-fit: cover;
    height: 314px;
}

.spec1-wrapper .spec1-sec4 .cont-group .gif-box img {
    filter: drop-shadow(0px -4px 12px #999999);
}

.spec1-wrapper .spec1-sec4 .cont-group .img-box {
    box-shadow: 0px -15px 25px #fff;
    z-index: 1;
}

.spec1-wrapper .spec1-sec4 .cont-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spec1-wrapper .spec1-sec5 {
    height: auto;
}

.spec1-wrapper .spec1-sec5 .cont-inner {
    padding-top: 160px;
}

.spec1-wrapper .spec1-sec5 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec5 .tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #A48362;
}

.spec1-wrapper .spec1-sec5 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

.spec1-wrapper .spec1-sec5 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    text-align: center;
    margin-top: 16px;
}

.spec1-wrapper .spec1-sec5 .cont-group {
    margin-top: 30px;
}

.spec1-wrapper .spec1-sec5 .img-group {
    display: flex;
    align-items: center;
    justify-content: start;
}

.spec1-wrapper .spec1-sec5 .cont-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    margin-top: 30px;
}

.spec1-wrapper .spec1-sec6 {
    background: url(../img/plus/icl4-sec6-bg.png)no-repeat center center / cover;
    background-color: #605557;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spec1-wrapper .spec1-sec6 .cont-inner {
    max-width: 1540px;
}

.spec1-wrapper .spec1-sec6 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec6 .tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #67B5A9;
}

.spec1-wrapper .spec1-sec6 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #fff;
}

.spec1-wrapper .spec1-sec6 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    margin-top: 16px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.spec1-wrapper .spec1-sec6 .tit-group .text-box .img-box {
    position: relative;
    top: -9px;
}

.spec1-wrapper .spec1-sec6 .tit-group .text-box .p_box {
    text-align: left;
}

.spec1-wrapper .spec1-sec6 .tit-group .text-box.none_768 {
    display: none;
}

.spec1-wrapper .spec1-sec6 .tit-group .text-box.block_768 {
    display: flex;
}

@media screen and (max-width: 768px) {
    .spec1-wrapper .spec1-sec6 .tit-group .text-box {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .spec1-wrapper .spec1-sec6 .tit-group .text-box .img-box {
        display: flex;
        align-items: end;
        top: -5px;
    }

    .spec1-wrapper .spec1-sec6 .tit-group .text-box .img-box p {
        line-height: 1;
    }

    .spec1-wrapper .spec1-sec6 .tit-group .text-box.none_768 {
        display: none;
    }

    .spec1-wrapper .spec1-sec6 .tit-group .text-box .p_box {
        text-align: center;
    }

    .spec1-wrapper .spec1-sec6 .tit-group .text-box.none_768 {
        display: flex;
    }

    .spec1-wrapper .spec1-sec6 .tit-group .text-box.block_768 {
        display: none;
    }
}

@media screen and (max-width:290px) {
    .spec1-wrapper .spec1-sec6 .tit-group .text-box {
        font-size: 12px;
    }
}


.spec1-wrapper .spec1-sec6 .cont-group {
    margin-top: 112px;
}

.spec1-wrapper .spec1-sec6 .cont-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.spec1-wrapper .spec1-sec6 .cont-box .img-box {
    position: relative;
}

.spec1-wrapper .spec1-sec6 .cont-box .img-box::after {
    content: "";
    position: absolute;
    background: url(../img/spec/tri.png)no-repeat center center / contain;
    width: 15px;
    height: 35px;
    left: -17px;
    top: 48%;
    transform: translateY(-50%);
}

.spec1-wrapper .spec1-sec6 .cont-box .img-box:nth-child(3):after {
    left: -24px;
}

.spec1-wrapper .spec1-sec6 .cont-box .img-box:nth-child(2):after {
    left: -13px;
}

.spec1-wrapper .spec1-sec6 .cont-box .img-box:nth-child(1):after {
    display: none;
}

.spec1-wrapper .spec1-sec6 .cont-box .img-box:nth-child(2) img {
    animation: filterAnime 1s linear infinite alternate;
}

@keyframes filterAnime {
    to {
        filter: drop-shadow(0px 0px 10px #fff);
    }
}

.spec1-wrapper .spec1-sec6 .cont-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 34px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin-top: 90px;
}

.spec1-wrapper .spec1-sec6 .cont-group .text-box .des {
    font-size: 22px;
    line-height: 32px;
    margin-top: 5px;
}

.spec1-wrapper .spec1-sec7 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.spec1-wrapper .spec1-sec7 .pc {
    display: block;
}

.spec1-wrapper .spec1-sec7 .mo {
    display: none;
}

.spec1-wrapper .spec1-sec7 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec7 .tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #A48362;
}

.spec1-wrapper .spec1-sec7 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

.spec1-wrapper .spec1-sec7 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-top: 16px;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 10px;
}

.spec1-wrapper .spec1-sec7 .cont-group {
    position: relative;
    margin-top: 40px;
}

.spec1-wrapper .spec1-sec7 .abs {
    position: absolute;
    top: 43%;
    left: 49%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.spec1-wrapper .spec1-sec7 .abs .img-box {
    transition: 1s;
    opacity: 0;
}

.spec1-wrapper .spec1-sec7 .abs .img-box:nth-child(1) {
    opacity: 1;
}

.spec1-wrapper .spec1-sec7 .abs .img-box:nth-child(2),
.spec1-wrapper .spec1-sec7 .abs .img-box:nth-child(3) {
    width: 100%;
    position: absolute;
    top: 0;
}

.spec1-wrapper .spec1-sec7 .abs.ch-img1 .img-box:nth-child(1) {
    opacity: 1;
}

.spec1-wrapper .spec1-sec7 .abs.ch-img1 .img-box:nth-child(2) {
    opacity: 0;
}

.spec1-wrapper .spec1-sec7 .abs.ch-img1 .img-box:nth-child(3) {
    opacity: 0;
}

.spec1-wrapper .spec1-sec7 .abs.ch-img2 .img-box:nth-child(1) {
    opacity: 0;
}

.spec1-wrapper .spec1-sec7 .abs.ch-img2 .img-box:nth-child(2) {
    opacity: 1;
}

.spec1-wrapper .spec1-sec7 .abs.ch-img2 .img-box:nth-child(3) {
    opacity: 0;
}

.spec1-wrapper .spec1-sec7 .abs.ch-img3 .img-box:nth-child(1) {
    opacity: 0;
}

.spec1-wrapper .spec1-sec7 .abs.ch-img3 .img-box:nth-child(2) {
    opacity: 0;
}

.spec1-wrapper .spec1-sec7 .abs.ch-img3 .img-box:nth-child(3) {
    opacity: 1;
}

.spec1-wrapper .spec1-sec7 .tit-group .text-box.block_768 {
    display: none;
}

.spec1-wrapper .spec1-sec7 .tit-group .text-box.none_768 {
    display: flex;
}


@media screen and (max-width: 768px) {
    .spec1-wrapper .spec1-sec7 .tit-group .text-box.none_768 {
        display: none;
    }

    .spec1-wrapper .spec1-sec7 .tit-group .text-box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
    }

    .spec1-wrapper .spec1-sec7 .tit-group .img-box {
        display: flex;
        align-items: end;
        gap: 6px;
    }

    .spec1-wrapper .spec1-sec7 .tit-group .text-box.block_768 {
        display: flex;
    }

    .spec1-wrapper .spec1-sec7 .tit-group .text-box.none_768 {
        display: none;
    }
}


.spec1-wrapper .spec1-sec8 {
    position: relative;
    padding-top: 199px;
    padding-bottom: 175px;
    height: inherit;
}

.spec1-wrapper .spec1-sec8 .bg_ {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
}

.spec1-wrapper .spec1-sec8 .bg_ img {
    width: 100%;
}

.spec1-wrapper .spec1-sec8 .bg-logo {
    position: absolute;
    left: -240px;
    top: 0;
}

.spec1-wrapper .spec1-sec8 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec8 .tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #67B5A9;
}

.spec1-wrapper .spec1-sec8 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #fff;
}

.spec1-wrapper .spec1-sec8 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    margin-top: 16px;
}

.spec1-wrapper .spec1-sec8 .cont-group {
    margin-top: 137px;
}

.spec1-wrapper .spec1-sec8 .cont-group .text-box {
    font-family: 'Pretendard';
    font-weight: 900;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}

.spec1-wrapper .spec1-sec8 .cont-group .text-box .des {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin-top: 15px;
}

.spec1-wrapper .spec1-sec8 .cont-box {
    display: flex;
    flex-wrap: wrap;
    row-gap: 35px;
    column-gap: 25px;
    justify-content: space-between;
}

.spec1-wrapper .spec1-sec8 .cont-box>div {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.spec1-wrapper .spec1-sec9 {
    height: auto;
}

/* .spec1-wrapper .spec1-sec9 .video-box { position: relative; top: -10px; } */
.spec1-wrapper .spec1-sec9 .cont-inner {
    padding-top: 199px;
    padding-bottom: 143px;
}

.spec1-wrapper .spec1-sec9 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec9 .tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #A48362;
}

.spec1-wrapper .spec1-sec9 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

.spec1-wrapper .spec1-sec9 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    text-align: center;
    margin-top: 16px;
}

.spec1-wrapper .spec1-sec9 .cont-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin-top: 30px;
    margin-bottom: 91px;
}

.spec1-wrapper .spec1-sec9 .cont-box {
    display: flex;
    align-items: start;
    justify-content: space-between;
}


.spec1-wrapper .spec1-sec10 {
    background: url(../img/background/back_03.jpg)no-repeat center center / cover;
    height: inherit;
}

.spec1-wrapper .spec1-sec10 .cont-inner {
    padding-top: 199px;
    padding-bottom: 143px;
}

.spec1-wrapper .spec1-sec10 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec10 .tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #e3c5a7;
}

.spec1-wrapper .spec1-sec10 h3 {
    background: linear-gradient(to bottom, #FFFFFF 16%, #DFCBB5 20%, #A48362 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Noto Serif KR', serif;
    font-weight: 700;
    font-size: 100px;
    line-height: 100px;
}

.spec1-wrapper .spec1-sec10 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    margin-top: 16px;
}

.spec1-wrapper .spec1-sec10 .cont-group {
    margin-top: 64px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.spec1-wrapper .spec1-sec10 .sol-btns {
    display: flex;
    align-items: end;
    gap: 18px;
    left: -15px;
    position: relative;
}

.spec1-wrapper .spec1-sec10 .btn-box {
    opacity: .2;
    cursor: pointer;
    transition: .4s;
}

.spec1-wrapper .spec1-sec10 .btn-box:hover {
    opacity: 1;
    transform: scale(1.1);
}

.spec1-wrapper .spec1-sec10 .btn-box.on {
    opacity: 1;
}

.spec1-wrapper .spec1-sec10 .sol-des {
    position: relative;
    margin-top: 43px;
}

.spec1-wrapper .spec1-sec10 .des-box {
    transition: .4s;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.spec1-wrapper .spec1-sec10 .des-box:nth-child(1) {
    position: relative;
}

.spec1-wrapper .spec1-sec10 .des-box.on {
    opacity: 1;
}

.spec1-wrapper .spec1-sec10 .equip {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}

.spec1-wrapper .spec1-sec10 .nm {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 54px;
    color: #fff;
    margin: 20px 0;
}

.spec1-wrapper .spec1-sec10 .des {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}

.spec1-wrapper .spec1-sec10 .cont-right {
    height: 100%;
}

.spec1-wrapper .spec1-sec10 .cont-right .cont-box {
    position: relative;
    border: 2px solid #DFCBB5;
    background-color: #000;
    width: 550px;
    height: 330px;
}

.spec1-wrapper .spec1-sec10 .cont-right .gif-box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    opacity: 0;
}

.spec1-wrapper .spec1-sec10 .cont-right .gif-box:nth-child(1) {
    left: 50%;
    transform: translateX(-50%);
}

.spec1-wrapper .spec1-sec10 .cont-right .gif-box img {
    height: 100%;
    object-fit: contain;
}

.spec1-wrapper .spec1-sec10 .cont-right .gif-box.on {
    opacity: 1;
}

.spec1-wrapper .spec1-sec10 .cont-right video {
    height: 100%;
    object-fit: contain;
}

.spec1-wrapper .spec1-sec10 .sol-gif {
    position: relative;
    background-color: #000;
}

.spec1-wrapper .spec1-sec10 .sol-gif .gif-box {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    opacity: 0;
}

.spec1-wrapper .spec1-sec10 .sol-gif .gif-box:nth-child(1) {
    left: 50%;
    transform: translateX(-50%);
}

.spec1-wrapper .spec1-sec10 .sol-gif .gif-box img {
    height: 100%;
    object-fit: contain;
}

.spec1-wrapper .spec1-sec10 .sol-gif .gif-box.on {
    opacity: 1;
}

.spec1-wrapper .spec1-sec10 .sol-gif .gif-box video {
    height: 100%;
    object-fit: contain;
}

.spec1-wrapper .spec1-sec11 {
    background: #fff;
}

.spec1-wrapper .spec1-sec11 .cont-inner {
    padding-top: 199px;
}

.spec1-wrapper .spec1-sec11 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec11 .tit-box .tit-line {
    height: 2px;
    width: 20px;
    background-color: #A48362;
}

.spec1-wrapper .spec1-sec11 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

.spec1-wrapper .spec1-sec11 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    text-align: center;
    margin-top: 16px;
}

.spec1-wrapper .spec1-sec11 .fz-up {
    font-size: 22px;
    line-height: 29px;
}

.spec1-wrapper .spec1-sec11 .cont-group {
    margin-top: 65px;
}

.spec1-wrapper .spec1-sec11 .time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spec1-wrapper .spec1-sec11 .cont-time1 .time-box .num-box {
    align-items: end;
}

.spec1-wrapper .spec1-sec11 .cont-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 23px;
}

.spec1-wrapper .spec1-sec11 .num-box {
    display: flex;
    align-items: start;
    gap: 25px;
}

.spec1-wrapper .spec1-sec11 .num-box em {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
}

.spec1-wrapper .spec1-sec11 .num-box .count {
    font-family: 'Noto Serif KR', serif;
    font-weight: 400;
    font-size: 110px;
    line-height: 110px;
    color: #67B5A9;
    filter: drop-shadow(0 0 4px #042B4830);
}

.spec1-wrapper .spec1-sec11 .cont-group .des-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    margin-top: 20px;
}

.spec1-wrapper .spec1-sec11 .cont-group .des-box .sm {
    font-size: 16px;
    line-height: 23px;
    margin-top: 15px;
}

.spec1-wrapper .spec1-sec11 .cont-bot {
    margin-top: 81px;
}

.spec1-wrapper .spec1-sec11 .cont-group .cont-bot .des-box {
    margin-top: 10px;
}

.spec1-wrapper .spec1-sec11 .cont-bot .cont-wrap {
    gap: 15px;
}

.spec1-wrapper .spec1-sec11 .cont-bot .cont-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.spec1-wrapper .spec1-sec11 .cont-bot .num-box {
    gap: 0;
    flex-direction: column;
}

.spec1-wrapper .spec1-sec11 .cont-bot .num-box .counter-wrap {
    display: flex;
    align-items: flex-end;
}

.spec1-wrapper .spec1-sec11 .cont-bot .lbx .count {
    font-family: 'Noto Serif KR', serif;
    color: #67B5A9;
    filter: drop-shadow(0 0 4px #042B4830);
    font-size: 74px;
    line-height: 74px;
}

.spec1-wrapper .spec1-sec11 .cont-bot .lbx .count_sub_text {
    font-family: 'Noto Serif KR', serif;
    color: #67B5A9;
    filter: drop-shadow(0 0 4px #042B4830);
    font-size: 74px;
    line-height: 74px;
}

.spec1-wrapper .spec1-sec11 .cont-bot .num-box .animCounter {
    font-size: 74px;
    line-height: 74px;
}

.spec1-wrapper .spec1-sec11 .cont-bot .num-box em {
    font-size: 44px;
    line-height: 44px;
}

.spec1-wrapper .spec1-sec11 .cont-bot .num-box p.num_count {
    font-size: 74px;
    line-height: 74px;
}

.spec1-wrapper .spec1-sec11 .cont-bot .num-box .des-box p {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
}

.spec1-wrapper .spec1-sec11 .cont-bot .line {
    width: 1px;
    height: 100px;
    background-color: #67B5A9;
    display: block;
}

.spec1-wrapper .spec1-sec11 .cont-bot .time-box:nth-child(1) {
    width: 393px;
}

.spec1-wrapper .spec1-sec11 .cont-bot .time-box:nth-child(2) {
    width: 284px;
}

.spec1-wrapper .spec1-sec11 .cont-bot .time-box:nth-child(3) {
    width: 254px;
}

.spec1-wrapper .spec1-sec12 {
    background-color: #042B48;
    height: inherit;
}

.spec1-wrapper .spec1-sec12 .cont-inner {
    padding-top: 165px;
    padding-bottom: 120px;
}

.spec1-wrapper .spec1-sec12 .bg-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    mix-blend-mode: screen;
}

.spec1-wrapper .spec1-sec12 .bg-img:nth-child(2) img {
    position: absolute;
    right: 0;
}

.spec1-wrapper .spec1-sec12 .bg-img:nth-child(1)::after {
    content: "";
    background: linear-gradient(to right, #000, transparent);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 250px;
}

.spec1-wrapper .spec1-sec12 .bg-img:nth-child(2)::after {
    content: "";
    background: linear-gradient(to left, #000, transparent);
    position: absolute;
    right: 0;
    width: 250px;
    height: 790px;
}

#ch-bgImg {
    width: 50%;
    right: 57px;
}

#ch-bgImg img {
    transition: 1s;
}

#ch-bgImg img:nth-child(2) {
    width: 70%;
}

#ch-bgImg img:nth-child(1) {
    opacity: 1;
}

#ch-bgImg img:nth-child(2) {
    opacity: 0;
}

#ch-bgImg.ch-img img:nth-child(1) {
    opacity: 0;
}

#ch-bgImg.ch-img img:nth-child(2) {
    opacity: 1;
}

.spec1-wrapper .spec1-sec12 .cont-inner>.img-box {
    text-align: center;
    margin-bottom: 9px;
}

.spec1-wrapper .spec1-sec12 .cont-inner>.img-box img {
    margin: 0 auto;
}

.spec1-wrapper .spec1-sec12 .text-box {
    font-family: 'Noto Serif KR', serif;
    font-size: 32px;
    line-height: 47px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}

.spec1-wrapper .spec1-sec12 .text-img-box {
    margin-top: 67px;
}

.spec1-wrapper .spec1-sec13 {
    background: url(../img/spec/spec1-sec13-bg.png)no-repeat center center / cover;
    display: flex;
    align-items: center;
}

.spec1-wrapper .spec1-sec13 .cont-group {
    display: flex;
    justify-content: space-between;
}

.spec1-wrapper .spec1-sec13 .cont-left .text-box {
    font-family: 'Pretendard';
    color: #fff;
    font-weight: 200;
    font-size: 60px;
    line-height: 60px;
}

.spec1-wrapper .spec1-sec13 .cont-left .text-box .nm {
    font-family: 'Noto Serif KR', serif;
    font-size: 80px;
    line-height: 80px;
    margin-right: 17px;
}

.spec1-wrapper .spec1-sec13 .cont-left .text-box .eng {
    font-family: 'Noto Serif', serif;
    font-size: 64px;
    line-height: 54px;
    opacity: .3;
    margin-top: 19px;
}

.spec1-wrapper .spec1-sec13 .cont-left .text-box .des {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    margin-top: 24px;
}

.spec1-wrapper .spec1-sec13 .cont-left .text-group {
    position: relative;
    padding-bottom: 53px;
    border-bottom: 1px solid #ffffff2f;
}

.spec1-wrapper .spec1-sec13 .cont-left .text-group::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100px;
    background-color: #fff;
}

.spec1-wrapper .spec1-sec13 .reward-group {
    margin-top: 124px;
}

.spec1-wrapper .spec1-sec13 .reward-box {
    display: flex;
    align-items: center;
    gap: 40px;
}

.spec1-wrapper .spec1-sec13 .reward-box .img-box {
    position: relative;
}

.spec1-wrapper .spec1-sec13 .reward-box .img-box .hover-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    width: 100%;
    opacity: 0
}

.spec1-wrapper .spec1-sec13 .reward-box .reward-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spec1-wrapper .spec1-sec13 .reward-box .reward-wrap:hover .hover-img {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2);
}

.spec1-wrapper .spec1-sec13 .reward-box .reward-wrap p {
    position: absolute;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    bottom: -40px;
    opacity: 0;
    white-space: nowrap;
}

.spec1-wrapper .spec1-sec13 .reward-box .reward-wrap:hover p {
    opacity: 1;
}

.spec1-wrapper .spec1-sec13 .cont-right {
    width: 37%;
}

.spec1-wrapper .spec1-sec14 {
    height: inherit;
    padding: 100px 0;
    display: flex;
    align-items: center;
    background: url(/img/plus/icl3_sec7_bg.jpg)no-repeat center center / cover;
}

.spec1-wrapper .spec1-sec14 .cont-inner {
    max-width: 1280px;
}

.spec1-wrapper .spec1-sec14 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.spec1-wrapper .spec1-sec14 .tit-box .tit-line {
    height: 2px;
    width: 20px;
}

.spec1-wrapper .spec1-sec14 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

.spec1-wrapper .spec1-sec14 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #042B48;
    text-align: center;
    margin-top: 16px;
}

.spec1-wrapper .spec1-sec14 .tit-group .text-box .fz-up {
    font-size: 22px;
    line-height: 22px;
}

.spec1-wrapper .spec1-sec14 .cont-group {
    margin-top: 89px;
}

.spec1-wrapper .spec1-sec14 .review-group {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.spec1-wrapper .spec1-sec14 .review-box {
    transition: .4s;
    cursor: pointer;
    position: relative;
}

.spec1-wrapper .spec1-sec14 .review-box .review-pic {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 5px 8px rgb(0, 0, 0, .2);
    margin-bottom: 20px;
}

.spec1-wrapper .spec1-sec14 .review-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    background: url(../img/spec/spec1-sec14-badge.png)no-repeat center center / contain;
    width: 46px;
    height: 55px;
}

.spec1-wrapper .spec1-sec14 .review-box:hover {
    transform: translateY(-20px);
}

.spec1-wrapper .spec1-sec14 .review-group .more_btn_box {
    background: #8fbcb3;
    border-radius: 20px;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
    width: 122px;
    height: 34px;
    position: absolute;
    right: 0;
    top: -22px;
    text-align: center;
    color: #0000007c;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-100%);
    cursor: pointer;
}

/* .spec1-wrapper .spec1-sec14 .review-group .more_btn_box:hover { box-shadow: 0 0 7px #3fb5a1; } */

.spec1-wrapper .spec1-sec14 .review-box .review-nm {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    border-bottom: 1px solid #00000034;
    padding: 20px;
    margin-bottom: 14px;
}

.spec1-wrapper .spec1-sec14 .review-box .review-nm .nm {
    font-size: 22px;
    line-height: 32px;
}

.spec1-wrapper .spec1-sec14 .review-box .review-ch {
    border-radius: 10px;
    background-color: #67b5a946;
    overflow: hidden;
}

.spec1-wrapper .spec1-sec14 .review-box .review-ch .ch-box1 .ch-left {
    background-color: #67b5a957;
}

.spec1-wrapper .spec1-sec14 .review-box .review-ch .ch-box2 .ch-right {
    background-color: #67b5a957;
}

.spec1-wrapper .spec1-sec14 .review-box .review-ch .ch-box3 .ch-left {
    background-color: #67b5a957;
}

.spec1-wrapper .spec1-sec14 .review-box .review-more {
    text-align: center;
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 16px;
    color: #67B5A9;
}

.spec1-wrapper .spec1-sec14 .review-box .review-ch td {
    text-align: center;
}

.spec1-wrapper .spec1-sec14 .review-box .review-ch table {
    width: 100%;
}

.spec1-wrapper .spec1-sec14 .review-box .review-ch td p {
    line-height: 35px;
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: 400;
}

.spec1-wrapper .spec1-sec14 .review-box .review-ch .filter-blur {
    filter: blur(3px);
}


.spec1-wrapper .spec1-sec14 .review-box .ch-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
}

.spec1-wrapper .spec1-sec14 .ch-box {
    display: flex;
}

.spec1-wrapper .spec1-sec14 .ch-box:nth-child(3) .ch-right {
    filter: blur(5px);
}

.spec1-wrapper .spec1-sec14 .ch-box:nth-child(4) .ch-right {
    filter: blur(5px);
}

.spec1-wrapper .spec1-sec14 .ch-left {
    width: 26%;
    text-align: center;
    padding: 6px 0;
}

/* .spec1-wrapper .spec1-sec14 .ch-box:nth-child(2n) .ch-left { background-color: #a483627a; } */
.spec1-wrapper .spec1-sec14 .ch-right {
    display: flex;
    flex: 1;
    text-align: left;
    padding: 6px 0;
    padding-left: 18px;
    gap: 10px;
}

/* .spec1-wrapper .spec1-sec14 .ch-box:nth-child(2n) .ch-right { background: #67b5a957; } */
.spec1-wrapper .spec1-sec14 .ch-right img {
    object-fit: contain;
}

.spec1-wrapper .spec1-sec14 .review-text {
    padding: 0 16px 16px 16px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 5px 8px rgb(0, 0, 0, .2);
    background: #fff;
}

.spec1-wrapper .spec1-sec14 .ch-line {
    width: 38px;
    height: 1px;
    background-color: #000000;
    opacity: .2;
}


.spec1-wrapper .se10_plus .tit-box {
    flex-direction: column;
}

@media screen and (max-width: 1250px) {
    .spec1-wrapper .spec1-sec1 {
        background-image: url(../img/spec/spec1-sec1-bg-mo.png);
    }

    .spec1-wrapper .spec1-sec1 h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .spec1-wrapper .spec1-sec1 h3 .fz-up {
        font-size: 50px;
        line-height: 50px;
    }

    .spec1-wrapper .spec1-sec1 .text-box.txt-gradient {
        font-size: 40px;
        line-height: 53px;
    }

    .spec1-wrapper .spec1-sec1 .top-text-group {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .spec1-wrapper .spec1-sec1 .bot-text-group .text-box {
        font-size: 22px;
        line-height: 32px;
    }

    .spec1-wrapper .spec1-sec2 {
        height: inherit;
    }

    .spec1-wrapper .spec1-sec2 .swiper-slide img {
        width: 100%;
    }


    .spec1-wrapper .spec1-sec3 {
        background-image: url(../img/spec/spec1-sec3-bg-mo.png);
        height: inherit;
        margin-top: 0;
    }

    .spec1-wrapper .spec1-sec3 .cont-inner {
        padding-top: 73px;
        padding-bottom: 123px;
    }

    .spec1-wrapper .spec1-sec3 h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .spec1-wrapper .spec1-sec3 .tit-group .text-box {
        font-size: 16px;
        line-height: 23px;
    }

    .spec1-wrapper .spec1-sec3 .cont-group {
        margin-top: 30px;
    }

    .spec1-wrapper .spec1-sec3 .des-group {
        flex-wrap: wrap;
        gap: 10px;
    }

    .spec1-wrapper .spec1-sec3 .des-box {
        width: 48%;
        height: 131px;
    }

    .spec1-wrapper .spec1-sec3 .des-box.dif {
        flex: unset;
    }

    .spec1-wrapper .spec1-sec3 .des-box .num {
        font-size: 24px;
        line-height: 36px;
    }

    .spec1-wrapper .spec1-sec3 .des-box.dif .text-box {
        font-size: 16px;
        line-height: 23px;
    }

    .spec1-wrapper .spec1-sec3 .cont-group .gif-box {
        margin-bottom: 0;
        width: 80%;
        margin: 0 auto;
    }

    .spec1-wrapper .spec1-sec3 .des-box.dif .pc {
        display: none;
    }

    .spec1-wrapper .spec1-sec4 {
        height: inherit;
    }

    .spec1-wrapper .spec1-sec4 h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .spec1-wrapper .spec1-sec4 .tit-group .text-box {
        margin-top: 20px;
    }

    .spec1-wrapper .spec1-sec4 .cont-inner {
        padding-top: 75px;
        padding-bottom: 69px;
    }

    .spec1-wrapper .spec1-sec4 .cont-group {
        flex-direction: column;
        gap: 70px;
    }

    .spec1-wrapper .spec1-sec4 .cont-group .gif-box {
        height: 210px;
    }

    .spec1-wrapper .spec1-sec4 .cont-group .gif-box img {
        filter: unset;
    }

    .spec1-wrapper .spec1-sec5 {
        height: inherit;
    }

    .spec1-wrapper .spec1-sec5 .cont-inner {
        padding-top: 75px;
        padding-bottom: 74px;
    }

    .spec1-wrapper .spec1-sec5 h3 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec5 .img-group {
        flex-direction: column;
    }

    .spec1-wrapper .spec1-sec5 .cont-group .text-box {
        font-size: 16px;
        line-height: 23px;
    }

    .spec1-wrapper .spec1-sec6 {
        height: inherit;
        background-image: url(../img/spec/spec1-sec6-bg-mo.png);
        background-attachment: fixed;
    }

    .spec1-wrapper .spec1-sec6 .cont-inner {
        padding-top: 75px;
        padding-bottom: 74px;
    }

    .spec1-wrapper .spec1-sec6 h3 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec6 .cont-group {
        margin-top: 44px;
    }

    .spec1-wrapper .spec1-sec6 .cont-box {
        flex-direction: column;
    }

    .spec1-wrapper .spec1-sec6 .cont-box .img-box:nth-child(2) {
        margin-bottom: 10px;
    }

    .spec1-wrapper .spec1-sec6 .cont-box .img-box::after {
        left: 48%;
        top: -27px;
        transform: rotate(90deg) translateX(-50%);
    }

    .spec1-wrapper .spec1-sec6 .cont-box .img-box:nth-child(2):after {
        left: 48%
    }

    .spec1-wrapper .spec1-sec6 .cont-box .img-box:nth-child(3):after {
        left: 48%
    }

    .spec1-wrapper .spec1-sec6 .cont-group .text-box {
        font-size: 24px;
        line-height: 30px;
        margin-top: 30px;
    }

    .spec1-wrapper .spec1-sec6 .cont-group .text-box .des {
        font-size: 16px;
        line-height: 26px;
    }

    .spec1-wrapper .spec1-sec7 {
        height: inherit;
    }

    .spec1-wrapper .spec1-sec7 .pc {
        display: none;
    }

    .spec1-wrapper .spec1-sec7 .mo {
        display: block;
    }

    .spec1-wrapper .spec1-sec7 .cont-inner {
        padding-top: 75px;
        padding-bottom: 51px;
        width: 100%;
    }

    .spec1-wrapper .spec1-sec7 h3 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec7 .abs {
        width: 100%;
        top: 48%;
    }

    .spec1-wrapper .spec1-sec7 .text-img-group {
        margin-top: 2px;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec7 .cont-group .img-box img {
        width: 100%;
    }

    .spec1-wrapper .spec1-sec7 .text-img-group .img-box {
        margin-top: 15px;
    }

    .spec1-wrapper .spec1-sec8 {
        height: inherit;
        padding: 0;
    }

    .spec1-wrapper .spec1-sec8 .bg-logo {
        left: -92px;
        top: -20px;
    }

    .spec1-wrapper .spec1-sec8 .bg-logo img {
        width: 50%;
    }

    .spec1-wrapper .spec1-sec8 .cont-inner {
        padding-top: 75px;
        padding-bottom: 66px;
        width: 90%;
        margin: 0 auto;
    }

    .spec1-wrapper .spec1-sec8 h3 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec8 .cont-group {
        margin-top: 41px;
    }

    .spec1-wrapper .spec1-sec8 .cont-group .text-box {
        font-size: 22px;
        line-height: 32px;
    }

    .spec1-wrapper .spec1-sec8 .cont-group .text-box .des {
        font-size: 16px;
        line-height: 23px;
    }

    .spec1-wrapper .spec1-sec8 .cont-box>div {
        width: 100%;
    }

    .spec1-wrapper .spec1-sec9 {
        height: auto;
    }

    .spec1-wrapper .spec1-sec9 .cont-inner {
        padding-top: 75px;
        padding-bottom: 53px;
    }

    .spec1-wrapper .spec1-sec9 h3 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec9 .cont-top {
        margin-bottom: 11px;
    }

    .spec1-wrapper .spec1-sec9 .img-box.mo {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec9 .video-box.mo .img-box {
        position: relative;
        top: -10px;
    }

    .spec1-wrapper .spec1-sec10 {
        background-position-x: 40%;
    }

    .spec1-wrapper .spec1-sec10 .cont-inner {
        padding-top: 75px;
        padding-bottom: 158px;
    }

    .spec1-wrapper .spec1-sec10 h3 {
        font-size: 50px;
        line-height: 50px;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec10 .cont-group {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .spec1-wrapper .spec1-sec10 .sol-btns {
        left: unset;
        justify-content: space-between;
    }

    .spec1-wrapper .spec1-sec10 .equip {
        font-size: 16px;
        line-height: 24px;
    }

    .spec1-wrapper .spec1-sec10 .nm {
        font-size: 22px;
        line-height: 32px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .spec1-wrapper .spec1-sec10 .des {
        font-size: 17px;
        line-height: 29px;
    }

    .spec1-wrapper .spec1-sec10 .sol-gif.mo {
        border: 2px solid #DFCBB5;
        margin-top: 23px;
        min-height: 184px;
    }

    .spec1-wrapper .spec1-sec10 .sol-des {
        margin-top: 23px;
        text-align: left;
    }

    .spec1-wrapper .spec1-sec11 {
        height: inherit;
    }

    .spec1-wrapper .spec1-sec11 .cont-inner {
        padding-top: 75px;
        padding-bottom: 84px;
    }

    .spec1-wrapper .spec1-sec11 h3 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec11 .num-box {
        gap: 10px;
    }

    .spec1-wrapper .spec1-sec11 .num-box .count {
        font-size: 50px;
        line-height: 50px;
    }

    .spec1-wrapper .spec1-sec11 .num-box em {
        font-size: 30px;
        line-height: 40px;
    }

    .spec1-wrapper .spec1-sec11 .cont-wrap {
        gap: 10px;
        align-items: center;
    }

    .spec1-wrapper .spec1-sec11 .cont-group .des-box {
        gap: 10px;
    }

    .spec1-wrapper .spec1-sec11 .time-box {
        position: relative;
        padding-bottom: 50px;
    }

    .spec1-wrapper .spec1-sec11 .cont-time1 .time-box::after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 1px;
        width: 100px;
        left: 50%;
        transform: translateX(-50%);
        background: #67B5A9;
    }

    .spec1-wrapper .spec1-sec11 .time-box::after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 1px;
        width: 100px;
        left: 50%;
        transform: translateX(-50%);
        background: #67B5A9;
    }

    .spec1-wrapper .spec1-sec11 .cont-bot .cont-box {
        flex-direction: column;
        gap: 50px;
    }

    .spec1-wrapper .spec1-sec11 .cont-bot .line {
        display: none;
    }

    .spec1-wrapper .spec1-sec11 .cont-bot .num-box .count {
        font-size: 50px;
        line-height: 50px;
    }

    .spec1-wrapper .spec1-sec11 .cont-bot .lbx .count_sub_text {
        font-size: 30px;
        line-height: 30px;
    }

    .spec1-wrapper .spec1-sec11 .cont-bot .lbx .count_sub_text1 {
        font-size: 50PX;
        line-height: 50PX;
    }

    .spec1-wrapper .spec1-sec11 .cont-bot .num-box em {
        font-size: 30px;
        line-height: 30px;
    }

    .spec1-wrapper .spec1-sec11 .cont-bot .num-box .des-box p {
        font-size: 18px;
        line-height: 22px;
    }

    .spec1-wrapper .spec1-sec11 .cont-bot .num-box {
        width: 190px;
    }

    .cont-time1 .time-box .img-box {
        width: unset;
    }

    .time-box .img-box {
        width: 85px;
        text-align: right;
    }

    .time-box .img-box img {}

    .spec1-wrapper .spec1-sec12 {
        height: inherit;
    }

    .spec1-wrapper .spec1-sec12 .cont-inner {
        padding-top: 80px;
        padding-bottom: 70px;
    }

    .spec1-wrapper .spec1-sec12 .bg-img {
        display: none;
    }

    .spec1-wrapper .spec1-sec12 .text-box {
        font-family: 'Pretendard';
        font-size: 16px;
        line-height: 23px;
        text-align: left;
        margin-top: 32px;
    }

    .spec1-wrapper .spec1-sec12 .text-box.tc-c {
        text-align: center;
    }

    .spec1-wrapper .spec1-sec12 .text-box.tc-r {
        text-align: right;
    }

    .spec1-wrapper .spec1-sec12 .text-box:nth-child(4) {
        text-align: right;
    }

    .spec1-wrapper .spec1-sec12 .img-box.mo {
        mix-blend-mode: screen;
        margin-top: 30px;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec12 .text-img-box {
        margin-top: 0;
    }

    #ch-bgImgMo {
        position: relative;
        min-height: 390px;
    }

    #ch-bgImgMo img {
        transition: 1s;
        position: absolute;
        max-height: 390px;
        object-fit: contain;
    }

    #ch-bgImgMo img:nth-child(2) {
        width: 100%;
        right: 0;
    }

    #ch-bgImgMo img:nth-child(1) {
        opacity: 1;
        left: 50%;
        transform: translateX(-50%);
    }

    #ch-bgImgMo img:nth-child(2) {
        opacity: 0;
    }

    #ch-bgImgMo.ch-img-mo img:nth-child(1) {
        opacity: 0;
    }

    #ch-bgImgMo.ch-img-mo img:nth-child(2) {
        opacity: 1;
    }


    .spec1-wrapper .spec1-sec13 {
        height: inherit;
        background-image: url(../img/spec/spec1-sec13-bg-mo.png);
        background-attachment: fixed;
    }

    .spec1-wrapper .spec1-sec13 .cont-inner {
        padding-top: 80px;
        padding-bottom: 91px;
    }

    .spec1-wrapper .spec1-sec13 .cont-group {
        flex-direction: column;
    }

    .spec1-wrapper .spec1-sec13 .cont-left .text-box {
        font-size: 30px;
        line-height: 45px;
        text-align: center;
    }

    .spec1-wrapper .spec1-sec13 .cont-left .text-box .nm {
        font-size: 50px;
        line-height: 50px;
        margin-right: 12px;
    }

    .spec1-wrapper .spec1-sec13 .cont-left .text-box .eng {
        font-size: 30px;
        line-height: 30px;
        margin-top: 0;
    }

    .spec1-wrapper .spec1-sec13 .cont-left .text-box .des {
        font-size: 16px;
        line-height: 24px;
    }

    .spec1-wrapper .spec1-sec13 .cont-left .text-group::after {
        display: none;
    }

    .spec1-wrapper .spec1-sec13 .cont-left .text-group {
        border: 0;
    }


    .spec1-wrapper .spec1-sec14 {
        height: inherit;
    }

    .spec1-wrapper .spec1-sec14 {
        padding-top: 75px;
        padding-bottom: 57px;
    }

    .spec1-wrapper .spec1-sec14 h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .spec1-wrapper .spec1-sec14 .tit-group .text-box {
        font-family: 'Pretendard';
        font-size: 16px;
        line-height: 23px;
        text-align: center;
        margin-top: 20px;
    }

    .spec1-wrapper .spec1-sec14 .cont-group {
        margin-top: 50px;
    }

    .spec1-wrapper .spec1-sec14 .review-group::before {
        display: none;
    }

    .spec1-wrapper .spec1-sec14 .review-group {
        flex-direction: column;
        align-items: center;
    }

    .spec1-wrapper .spec1-sec14 .review-box .review-pic {
        margin-bottom: 10px;
    }

    .spec1-wrapper .spec1-sec14 .review-box:hover {
        transform: unset;
    }

    .spec1-wrapper .spec1-sec14 .review-group .more_btn_box {
        display: none;
    }

    .spec1-wrapper .spec1-sec14 .tit-group .text-box .fz-up {
        margin-top: 20px;
    }
}

@media screen and (max-width: 820px) {
    .spec1-wrapper .spec1-sec14 {
        background: url(/img/plus/icl3_sec7_bg_mo.png)no-repeat center bottom / contain;
        background-color: #60aea2;
    }
}

@media screen and (max-width: 320px) {
    .spec1-wrapper .spec1-sec11 .cont-bot .num-box .count {
        font-size: 40px;
    }

    .spec1-wrapper .spec1-sec11 .cont-bot .num-box em {
        font-size: 25px;
    }

    .time-box .img-box {
        width: 60px;
    }
}

/* spec1 end */

/* login start */
.pages-wrapper .top-login {
    background: url(../img/etc/login_top.png)no-repeat right center / cover;
}

.pages-wrapper .top-login .txt-box {
    padding-top: 230px;
    padding-bottom: 117px;
}

.pages-wrapper .top-login .txt-box h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #fff;
    text-align: center;
}

.pages-wrapper .top-login .txt-box .eng {
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size: 54px;
    line-height: 54px;
    color: #67B5A9;
    opacity: .3;
    text-align: center;
}

.pages-wrapper .cont {
    max-width: 500px;
}

.login-wrapper .sns-login-group {
    margin-top: 32px;
    width: 100%;
}

.login-wrapper .sns-login-group .btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.login-wrapper .sns-login-group .btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
}

.login-wrapper .sns-login-group .sns-tit {
    color: #BBBCBA;
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    white-space: nowrap;
    margin-bottom: 23px;
}

.login-wrapper .sns-login-group .sns-tit .line {
    height: 1px;
    width: 45%;
    background-color: #BBBCBA;
}



.login {
    min-height: 45vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 180px;
    padding-bottom: 190px;
}

.login .logo_bx {
    max-width: 300px;
}

.input_group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 74px;
    width: 500px;
}

.input_group>input {
    padding: 14px 20px;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    border: none;
    border: 1px solid #BBBCBA;
    border-radius: 10px;
}

.input_group>input::placeholder {
    color: #00000048;
}

.input_group>input:focus {
    border: none !important;
    border: 1px solid #67B5A9 !important;
    box-shadow: none !important;
}

.btn_group {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    margin-top: 30px;
}

.restore_btn input {
    display: none;
}

.restore_btn label {
    position: relative;
    color: #191919;
    cursor: pointer;
}

.restore_btn label::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% + 5px);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #000;
}

.restore_btn input:checked+label::after {
    background-color: #00A49F;
    border: 1px solid #191919;
}

.login_btn {
    border: none;
    width: 100%;
    cursor: pointer;
    transition: 0.4s;
    border-radius: 7px;
    background-color: #67B5A9;
    color: #fff;
    height: 50px;
    font-size: 22px;
    font-family: 'Pretendard';
}

.login_btn:hover {
    filter: brightness(.8);
}

.checkbox-wrapper-3 {
    display: flex;
    gap: 30px;
    color: #67B5A9;
    align-items: center;
}

.line2 {
    height: 20px;
    width: 1px;
    background-color: #BBBCBA;
}

.creat_mem {
    cursor: pointer;
    transition: 0.4s;
    color: #BBBCBA;
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
}

.cont {
    max-width: 1250px;
    margin: 0 auto;
}

.can-not-find-email {
    border: none;
    display: none;
    background-color: #707070;
    border-radius: 10px;
    padding: 17px 0;
    font-size: 18px;
    color: #fff;
}

.can-not-find-email.on {
    display: block;
}

.can-find-email {
    border: none;
    display: none;
    background-color: #707070;
    border-radius: 10px;
    padding: 17px 0;
    font-size: 18px;
    color: #fff;
}

.can-find-email.on {
    display: block;
}

/* 로그인, 로그아웃, 회원가입 시작 */
.login-out-mem {
    position: absolute;
    top: 50%;
    color: #707070;
    transform: translateY(-50%);
    right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-out-mem>div {
    display: flex;
    align-items: center;
    justify-content: start;
}

.login-out-mem i,
.login-out-mem p {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
}

.login-out-mem i {
    font-size: 18px;
    margin-right: 5px;
}

/* .login-out-mem i::after, */
.login-out-mem p::after {
    content: '';
    margin: 0 8px;
    display: block;
    position: relative;
    height: 16px;
    width: 1px;
    background: #707070;
}

/* .login-out-mem p:last-child::after { display: none; } */
#mem-btn::after {
    display: none;
}

/* #login-lock-open, */
#logout-btn::after {
    display: none;
}

.login-out-mem-ham {
    transform: translateY(0);
    right: 20px;
    bottom: 20px;
    top: auto;
}

@media screen and (max-width:1570px) {
    .login-out-mem {
        right: 10px;
    }
}

@media screen and (max-width:1480px) {
    .login-out-mem {
        right: 5px;
    }

    .login-out-mem p {
        font-size: 12px;
    }
}

@media screen and (max-width:1060px) {
    .login-out-mem {
        display: none;
    }

    .login-out-mem-ham {
        display: flex;
    }
}

@media screen and (max-width:1070px) {
    #bnceyecenter_gnb>ul>li>a {
        padding: 0 5px;
    }
}

@media screen and (max-width:1025px) {
    .login {
        padding-top: 150px;
        min-height: auto;
    }

    .cont {
        width: 90%;
        margin: 0 auto;
    }

    .can-not-find-email {
        font-size: 15px;
    }

    .can-find-email {
        font-size: 15px;
    }

    /* 로그인 관련 시작 */
    .login-out-mem-ham {
        bottom: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: 15px;
    }

    /* 로그인 관련 끝 */
    .checkbox-wrapper-3 {
        gap: 5px;
    }
}

@media screen and (max-width: 550px) {
    .pages-wrapper .top-login {
        background: url(../img/etc/login_top_mo.png)no-repeat left top / cover;
    }

    .pages-wrapper .top-login .txt-box {
        padding-top: 89px;
        padding-bottom: 49px;
    }

    .pages-wrapper .top-login .txt-box h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .pages-wrapper .top-login .txt-box .eng {
        font-size: 44px;
        line-height: 44px;
    }

    .login {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .login .logo_bx {
        width: 100%;
        max-width: 260px;
    }

    .input_group {
        margin-top: 50px;
        width: 100%;
        gap: 10px;
    }

    #mo_form {
        width: 100%;
    }

    .creat_mem {
        font-size: 16px;
        line-height: 16px;
        text-align: center;
    }

    .checkbox-wrapper-3 {
        gap: 20px;
    }

    .login-wrapper .sns-login-group .sns-tit {
        font-size: 14px;
        line-height: 14px;
    }

    .login-wrapper .sns-login-group .btn-box {
        text-align: center;
        font-size: 12px;
        line-height: 16px;
    }
}

@media screen and (max-width: 290px) {
    .pages-wrapper .top-login .txt-box .eng {
        font-size: 33px;
    }
}

/* login end */

/* mem_sub_common start */
.mem_sub_common {
    position: relative;
    background: url(../img/background/back_03_2.jpg)no-repeat center center / cover;
    padding-top: 210px;
    padding-bottom: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mem_sub_common .bg-logo {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-30%, 26%);
}

.mem_sub_common .pc {
    display: block;
}

.mem_sub_common .mo {
    display: none;
}

@media screen and (max-width: 820px) {
    .mem_sub_common .img-box1 {
        max-width: 140px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 800px) {
    .mem_sub_common .pc {
        display: none;
    }

    .mem_sub_common .mo {
        display: block;
    }

    .mem_sub_common .bg-logo {
        transform: translate(-30%, 3%);
        width: 40%;
        min-width: 120px;
    }
}

@media screen and (max-width: 550px) {
    .mem_sub_common {
        padding-top: 70px;
        padding-bottom: 90px;
    }

}

/* mem_sub_common end */




/* join start */
.join-wrapper .cont {
    padding-top: 180px;
    padding-bottom: 208px;
}

.join-wrapper .logo_bx {
    text-align: center;
    margin-bottom: 82px;
}

.join-wrapper .po_circle {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 5px;
    background-color: #A48362;
    border-radius: 3px;
    transform: translateX(150%);
}

.join-wrapper .read_group .txt-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
}

.join-wrapper .read_box {
    max-height: 150px;
    overflow: scroll;
    border: 1px solid #BBBCBA;
    border-radius: 10px;
    padding: 10px;
}

.join-wrapper .read_box .info-txt-bx {
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.join-wrapper .join_group {
    position: relative;
    margin-top: 50px;
}

.join-wrapper .join_group .br-txt {
    position: absolute;
    top: -10px;
    right: 0;
    transform: translateY(-100%);
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 20px;
    color: #A48362;
}

.join-wrapper .join_group .input_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #BBBCBA;
    padding: 20px 0;
}

.join-wrapper .join_group .input_box label {
    position: relative;
}

.join-wrapper .join_group label {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 22px;
}

.join-wrapper .join_group input[type="text"] {
    border: 1px solid #BBBCBA;
    border-radius: 10px;
    height: 50px;
    width: 65%;
    padding-left: 20px;
    font-family: 'Pretendard';
    font-size: 22px;
}

.join-wrapper .join_group input[type="password"] {
    border: 1px solid #BBBCBA;
    border-radius: 10px;
    height: 50px;
    width: 65%;
    padding-left: 20px;
    font-family: 'Pretendard';
    font-size: 22px;
}

.join-wrapper .join_group input::placeholder {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 1;
    color: #00000049;
}

.join-wrapper .join_group .select_box .select_wrap {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.join-wrapper .join_group .select_box input[type="text"] {
    width: 45%;
}

.join-wrapper .join_group .select_box select {
    width: 45%;
    border: 1px solid #BBBCBA;
    border-radius: 10px;
    height: 52px;
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 22px;
    padding-left: 20px;
}

.join-wrapper .join_group .check-group {
    display: flex;
    align-items: center;
    gap: 30px;
    border-top: 1px solid #BBBCBA;
    padding: 20px 0;
}

.join-wrapper .join_group .check-box {
    position: relative;
}

.join-wrapper .join_group .check-box label {
    font-size: 16px;
    line-height: 16px;
}

.join-wrapper .join_group .check-box::after {
    content: "";
    position: absolute;
    background-color: #A48362;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    right: 0;
    top: 4px;
    transform: translateX(-100%);
}

@media screen and (max-width: 550px) {
    .join-wrapper .cont {
        padding-top: 50px;
        padding-bottom: 74px;
    }

    .join-wrapper .logo_bx {
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .join-wrapper .read_group .txt-box {
        font-size: 16px;
        line-height: 16px;
    }

    .join-wrapper .read_box .info-txt-bx {
        font-size: 14px;
    }

    .join-wrapper .join_group .br-txt {
        font-size: 14px;
    }

    .join-wrapper .join_group .input_box {
        flex-direction: column;
        gap: 10px;
        align-items: start;
        padding: 13px 0;
        padding-bottom: 30px;
        border: 0;
    }

    .join-wrapper .join_group input[type="text"] {
        width: calc(100% - 20px);
    }

    .join-wrapper .join_group input[type="password"] {
        width: calc(100% - 20px);
    }

    .join-wrapper .join_group label {
        font-size: 20px;
        line-height: 16px;
    }

    .join-wrapper .join_box {
        border-top: 1px solid #BBBCBA;
    }

    .join-wrapper .join_group .select_box .select_wrap {
        width: 100%;
        gap: 10px;
    }

    .join-wrapper .join_group .check-group {
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 40px;
    }
}

/* join end */



/* password_reset start */
.reset-wrapper {
    position: relative;
    padding-top: 38px;
}

.reset-wrapper .input_group {
    gap: 0;
    margin-top: 40px;
}

.reset-wrapper .br-txt {
    position: absolute;
    top: -10px;
    right: 0;
    transform: translateY(-100%);
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 20px;
    color: #A48362;
}

.reset-wrapper .input_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #BBBCBA;
    padding: 20px 0;
}

.reset-wrapper .input_box:last-child {
    border: 0;
}

.reset-wrapper .input_box label {
    position: relative;
}

.reset-wrapper label {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 22px;
}

.reset-wrapper input[type="text"],
.reset-wrapper input[type="password"] {
    border: 1px solid #BBBCBA;
    border-radius: 10px;
    height: 50px;
    width: 65%;
    padding-left: 20px;
    font-family: 'Pretendard';
    font-size: 22px;
}

.reset-wrapper input::placeholder {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 1;
    color: #00000049;
}

.reset-wrapper .login_btn.btn_2 {
    background-color: #042B48;
    margin-top: 20px;
}

.reset-wrapper .input-box {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #BBBCBA;
    width: 100%;
}

.reset-wrapper .num-check-group {
    width: 100%;
    margin-bottom: 40px;
}

.reset-wrapper .num-check-group .check-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.reset-wrapper .num-check-group input[type="button"] {
    width: 26%;
    background-color: #BBBCBA;
    border: 1px solid #BBBCBA;
    color: #fff;
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 22px;
    border-radius: 10px;
    height: 50px;
}

.reset-wrapper .num-check-group .abs_txt {
    text-align: right;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #BBBCBA;
    margin-top: 10px;
}

.reset-wrapper .reset_mov_btn {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 74px;
}

.reset-wrapper .reset_mov_btn .btn_box {
    border-bottom: 1px solid #BBBCBA;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1;
    width: 50%;
    text-align: center;
    padding-bottom: 21px;
    color: #00000048;
    cursor: pointer;
}

.reset-wrapper .reset_mov_btn .btn_box.on {
    border-bottom: 2px solid #042B48;
    color: #000000;
}

.popup_filter {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #0000006c;
    z-index: 99999;
    align-items: center;
    justify-content: center;
}

.popup_cont {
    background-color: #fff;
    min-width: 100px;
    width: 30%;
    height: 290px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

.popup_cont .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 20px;
}

.popup_cont .btn-box {
    cursor: pointer;
    background-color: #67B5A9;
    border-radius: 10px;
    width: 100px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Pretendard';
    font-size: 20px;
}

.popup_on .popup_filter {
    display: flex;
}

.popup_cont .text-box br {
    display: none;
}

@media screen and (max-width: 1000px) {
    .popup_cont {
        width: 90%;
    }
}

@media screen and (max-width: 550px) {
    .reset-wrapper .reset_mov_btn {
        margin-top: 50px;
    }

    .reset-wrapper .reset_mov_btn .btn_box {
        font-size: 16px;
        line-height: 16px;
        padding-bottom: 20px;
    }

    .reset-wrapper .input_box {
        flex-direction: column;
        gap: 10px;
        align-items: start;
        border: 0;
        padding: 15px 0;
    }

    .reset-wrapper input[type="text"],
    .reset-wrapper input[type="password"] {
        width: calc(100% - 20px);
    }

    .reset-wrapper .input_group {
        margin-top: 30px;
    }

    .reset-wrapper .input_box label {
        font-size: 20px;
        line-height: 16px;
    }

    .reset-wrapper .num-check-group .check-box {
        gap: 10px;
    }
}

/* password_reset end */

/* community2 start */
.comm2-wrapper .comm2-sec1 {
    height: inherit;
    padding-top: 170px;
    padding-bottom: 100px;
}

.comm2-wrapper .comm2-sec1 .cont-inner {
    max-width: 1280px;
}

.comm2-wrapper .comm2-sec1 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.comm2-wrapper .comm2-sec1 .tit-box .tit-line {
    height: 2px;
    width: 20px;
}

.comm2-wrapper .comm2-sec1 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

.comm2-wrapper .comm2-sec1 .tit-group .text-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #042B48;
    text-align: center;
    margin-top: 16px;
}

.comm2-wrapper .comm2-sec1 .tit-group .text-box .fz-up {
    font-size: 22px;
    line-height: 22px;
}

.comm2-wrapper .comm2-sec1 .cont-group {
    margin-top: 50px;
}

.comm2-wrapper .comm2-sec1 .review-group {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.comm2-wrapper .comm2-sec1 .review-box {
    transition: .4s;
    cursor: pointer;
    position: relative;
}

.comm2-wrapper .comm2-sec1 .review-box .review-pic {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 5px 8px rgb(0, 0, 0, .2);
    margin-bottom: 20px;
}

.comm2-wrapper .comm2-sec1 .review-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    background: url(../img/spec/comm2-sec1-badge.png)no-repeat center center / contain;
    width: 46px;
    height: 55px;
}

.comm2-wrapper .comm2-sec1 .review-box:hover {
    transform: translateY(-20px);
}

.comm2-wrapper .comm2-sec1 .review-group .more_btn_box {
    background: #8fbcb3;
    border-radius: 20px;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    width: 97px;
    height: 24px;
    position: absolute;
    right: 0;
    top: -22px;
    text-align: center;
    color: #0000007c;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-100%);
    cursor: pointer;
}

.comm2-wrapper .comm2-sec1 .review-box .review-nm {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    border-bottom: 1px solid #00000034;
    padding: 20px;
    margin-bottom: 14px;
}

.comm2-wrapper .comm2-sec1 .review-box .review-nm .nm {
    font-size: 22px;
    line-height: 32px;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch {
    border-radius: 10px;
    background-color: #67b5a946;
    overflow: hidden;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch .ch-box1 .ch-left {
    background-color: #67b5a957;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch .ch-box2 .ch-right {
    background-color: #67b5a957;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch .ch-box3 .ch-left {
    background-color: #67b5a957;
}

.comm2-wrapper .comm2-sec1 .review-box .review-more {
    text-align: center;
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 16px;
    color: #67B5A9;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch .ch-box2 .ch-right table {
    width: 100%;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch .ch-box2 .ch-right table td {
    text-align: center;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch .ch-box3 .ch-right table tr {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch td {
    text-align: center;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch table {
    width: 100%;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch td p {
    line-height: 35px;
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: 400;
}

.comm2-wrapper .comm2-sec1 .review-box .review-ch td .filter-blur {
    filter: blur(3px);
}

table .c-white {
    color: #fff;
}

table .bg-n1 {
    background-color: #042B48;
}

table .bg-n2 {
    background-color: #042a48c4;
}

table .bg-g1 {
    background-color: #67a4a1;
}

table .bg-g2 {
    background-color: #7fc1b7;
}

table .bg-g3 {
    background-color: #bddeda;
}

table .bg-g4 {
    background-color: #acd5d0;
}

table .bg-g5 {
    background-color: #e1f0ee;
}

table .bg-g6 {
    background-color: #c8e3df;
}

table .bg-br1 {
    background-color: #A48362;
}

table .bg-br2 {
    background-color: #CEA276;
}


.comm2-wrapper .comm2-sec1 .review-box .ch-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
}

.comm2-wrapper .comm2-sec1 .ch-box {
    display: flex;
}

.comm2-wrapper .comm2-sec1 .ch-left {
    width: 26%;
    text-align: center;
    padding: 6px 0;
}

.comm2-wrapper .comm2-sec1 .ch-right {
    display: flex;
    flex: 1;
    text-align: left;
    padding: 6px 0;
    gap: 10px;
    width: 66%;
    justify-content: center;
}

.comm2-wrapper .comm2-sec1 .filter-b .ch-right {
    filter: blur(5px);
}

.comm2-wrapper .comm2-sec1 .ch-right img {
    object-fit: contain;
}

.comm2-wrapper .comm2-sec1 .review-text {
    padding: 0 16px 16px 16px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 5px 8px rgb(0, 0, 0, .2);
    background: #fff;
    border: 1.5px solid #67B5A9;
}

.comm2-wrapper .comm2-sec1 .ch-line {
    width: 38px;
    height: 1px;
    background-color: #000000;
    opacity: .2;
}

.comm2-wrapper .comm2-sec2 {
    padding-top: 0;
    padding-bottom: 125px;
    height: inherit;
}

.comm2-wrapper .comm2-sec2 .cont-inner {
    max-width: 1280px;
}

.comm2-wrapper .comm2-sec2 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.comm2-wrapper .comm2-sec2 .tit-box .tit-line {
    height: 2px;
    width: 20px;
}

.comm2-wrapper .comm2-sec2 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

@media screen and (max-width: 1250px) {
    .comm2-wrapper .comm2-sec1 {
        height: inherit;
        padding-top: 50px;
        padding-bottom: 0;
    }

    .comm2-wrapper .comm2-sec1 .cont-inner {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .comm2-wrapper .comm2-sec1 .tit-group .text-box {
        font-family: 'Pretendard';
        font-size: 16px;
        line-height: 23px;
        text-align: center;
        margin-top: 20px;
    }

    .comm2-wrapper .comm2-sec1 .cont-group {
        margin-top: 50px;
    }

    .comm2-wrapper .comm2-sec1 .review-group::before {
        display: none;
    }

    .comm2-wrapper .comm2-sec1 .review-box .review-pic {
        margin-bottom: 10px;
    }

    .comm2-wrapper .comm2-sec1 .review-box:hover {
        transform: unset;
    }

    .comm2-wrapper .comm2-sec2 {
        padding-bottom: 75px;
    }

    .comm2-wrapper .comm2-sec1 .review-box {
        width: 48%;
    }

    .comm2-wrapper .comm2-sec1 .review-group {
        flex-wrap: wrap;
        gap: 20px;
    }

    .comm2-wrapper .comm2-sec1 .review-box .img-box img {
        width: 100%;
        object-fit: cover;
    }

    /* .comm2-wrapper .comm2-sec1 .review-box .ch-box { position: relative; left: 15%; } */
    .comm2-wrapper .comm2-sec1 .ch-right {
        flex: unset;
    }
}

@media screen and (max-width: 700px) {
    .comm2-wrapper .comm2-sec1 .review-group {
        flex-direction: column;
        align-items: center;
    }

    .comm2-wrapper .comm2-sec1 .review-box {
        width: 100%;
    }

    /* .comm2-wrapper .comm2-sec1 .ch-line { width: 10px; } 
 .comm2-wrapper .comm2-sec1 .ch-right { padding-left: 10px; } */
}

@media screen and (max-width: 500px) {
    .comm2-wrapper .comm2-sec1 h3 {
        font-size: 24px;
        line-height: 24px;
    }

    .comm2-wrapper .comm2-sec2 h3 {
        font-size: 24px;
        line-height: 24px;
    }
}

@media screen and (max-width: 310px) {
    .comm2-wrapper .comm2-sec1 .review-box .review-ch td p {
        font-size: .75em;
    }
}

/* review2 시작 */

.review_tit_group {
    padding-top: 140px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.review_tit1 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
}

.review_tit2 {
    font-size: 40px;
    font-weight: 500;
}

.review_tit3 {
    font-size: 21px;
    margin-top: 15px;
}

.com1_tag_group {
    padding-top: 70px;
    display: flex;
    justify-content: center;
}

.com1_tag_list {
    position: relative;
    transition: 0.4s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #999999;
    color: #999;
    cursor: pointer;
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 20px;
}

.com1_tag_list:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    transform: translateY(50%);
}

.com1_tag_list.on {
    color: #000;
}

.com1_tag_list.on::after {
    background-color: #000;
}

.com1_tag_list:hover {
    color: #000;
}

.com1_tag_list:hover::after {
    background-color: #000;
}

.com1_grid_group {
    display: grid;
    margin-bottom: 50px;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 15px;
    row-gap: 30px;
    margin-top: 60px;
}

.com1_grid_list {
    transition: 0.3s;
    box-sizing: border-box;
    min-height: 330px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}

/* .com1_grid_list { transition: 0.3s;  border: 1px solid #BBBCBA; box-sizing: border-box; min-height: 330px; cursor: pointer; display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; }  */
.com1_grid_list:hover {
    transition: 0.3s;
    transform: translateY(-20px);
}

/* .com1_list_img { width: 100%; height: 70%; background-color: #D9D9D9; display: flex; align-items: center; justify-content: center; }  */
.com1_list_img {
    width: 100%;
    height: 70%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.com1_list_img img {
    height: 100%;
    object-fit: contain;
}

.com1_list_txt {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
    height: 30%;
}

.com1_list_txt1 {
    height: 52px;
    background-color: #042B48;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    width: 45%;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
}

.com1_list_txt1 .nm-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.com1_list_txt2 {
    font-size: 16px;
    line-height: 16px;
    color: #000;
}

.com1_tag_bx {
    position: absolute;
    width: 70%;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #3C35A1;
    border-radius: 50px;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}

.com1_page {
    display: flex;
    justify-content: center;
    gap: 30px;
    align-items: center;
    margin-top: 70px;
    margin-bottom: 55px;
}

.page_num_gruop {
    display: flex;
    gap: 20px;
}

.page_num_gruop .num {
    border-radius: 50%;
    transition: 0.4s;
    font-size: 18px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_num_gruop .num:hover,
.page_num_gruop .num.on {
    transition: 0.4s;
    background-color: #3C35A1;
    color: #fff;
}

.prev_first,
.prev,
.next,
.next_last {
    cursor: pointer;
}

.com1_search {
    padding-top: 21px;
    padding-bottom: 21px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.com1_search .com1_search_group {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.com1_search .search_sel {
    background: url(/img/community/down_arr.png) no-repeat 90% 50% / 20%;
    font-size: 16px;
    height: 40px;
    padding-left: 10px;
    padding-right: 40px;
    border: 1px solid #DDDDDD;
}

.com1_search .search_txt {
    border: 1px solid #DDDDDD;
    width: 280px;
}

.com1_search .search_btn {
    width: 90px;
    transition: 0.4s;
    border: 1px solid #DDDDDD;
    font-size: 16px;
    background-color: #F6F6F6;
    cursor: pointer;
}

.com1_search .search_btn:hover {
    filter: brightness(.8);
}

.notice_pag {
    display: flex;
    gap: 53px;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:1025px) {
    .com1_tag_group {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
    }

    .com1_tag_list {
        flex: 1 0 auto;
        width: max-content;
        font-size: 16px;
        height: 35px;
    }

    .review_tit_group {
        padding-top: 60px;
        width: 90%;
        margin: 0 auto;
        gap: 5px;
        text-align: center;
    }

    .review_tit1 {
        font-size: 16px;
    }

    .review_tit2 {
        font-size: 30px;
    }

    .review_tit3 {
        font-size: 16px;
        line-height: 1.3;
    }

    .com1_grid_group {
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
        margin-top: 60px;
        row-gap: 20px;
    }

    .notice {
        padding-bottom: 100px;
    }

    .com1_grid_list:hover {
        transform: unset;
    }

    .notice_pag {
        margin-top: 50px;
    }
}

@media screen and (max-width:500px) {
    .com1_grid_group {
        grid-template-columns: repeat(1, 1fr);
        margin: 0 auto;
        margin-top: 60px;
    }
}

@media screen and (max-width:350px) {
    .com1_tag_list {
        font-size: 14px;
        line-height: 14px;
        padding-bottom: 5px;
    }
}


/* review - 끝 */

/* community2 end */


/* community1 start */
.comm1-wrapper .comm1-sec1 {
    height: inherit;
    padding-top: 170px;
    padding-bottom: 100px;
}

.comm1-wrapper .comm1-sec1 .cont-inner {
    max-width: 1280px;
}

.comm1-wrapper .comm1-sec1 .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.comm1-wrapper .comm1-sec1 .tit-box .tit-line {
    height: 2px;
    width: 20px;
}

.comm1-wrapper .comm1-sec1 h3 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    color: #000;
}

.comm1-wrapper .com1_grid_group {
    margin-top: 50px;
}

.comm1-wrapper .com1_grid_list {
    min-height: 420px;
}

.comm1-wrapper .com1_list_img {
    height: 60%;
}

.comm1-wrapper .com1_list_txt {
    height: 40%;
}

.comm1-wrapper .com1_list_txt2 {
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
}

.comm1-wrapper .com1_list_txt3 {
    position: absolute;
    bottom: 0;
    transform: translateY(-100%);
    color: #BBBCBA;
}

.comm1-wrapper .com1_grid_list.c-notice-1 .com1_list_txt1 {
    background-color: #000000;
}

.comm1-wrapper .com1_grid_list.c-notice-2 .com1_list_txt1 {
    background-color: #A48362;
}

.comm1-wrapper .com1_grid_list.c-notice-3 .com1_list_txt1 {
    background-color: #042B48;
}

.comm1-wrapper .com1_grid_list.c-notice-4 .com1_list_txt1 {
    background-color: #67B5A9;
}

@media screen and (max-width:1025px) {
    .comm1-wrapper .comm1-sec1 {
        padding-top: 0;
    }
}

/* community1 end */

/* termsofuse start */
.term-wrapper .term-sec1 {
    padding: 130px 0;
    height: inherit;
}

.term-wrapper .cont-inner {
    max-width: 1220px;
}

.term-wrapper .tit-txt {
    color: #042B48;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 35px;
}

.term-wrapper .tit-txt.mb {
    margin-bottom: 50px;
}

.term-wrapper .strong {
    margin-top: 50px;
    margin-bottom: 20px;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
}

.term-wrapper p {
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 7px;
}

@media screen and (max-width: 700px) {
    .term-wrapper .term-sec1 {
        padding: 50px 0;
    }
}

/* termsofuse end */

/* pay start */
.pay-wrapper .pay-sec1 {
    height: inherit;
    padding-top: 113px;
    padding-bottom: 115px;
}

.pay-wrapper .pay-sec1 .cont-inner {
    max-width: 900px;
}

.pay-wrapper .pay-sec1 .pay-des {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 20px;
}

.pay-wrapper .pay-sec1 .pay-sub-nav {
    transition: .4s;
    position: absolute;
    z-index: 10;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 52px;
    width: 25%;
    max-width: 220px;
    right: 0;
    gap: 5px;
    padding-right: 2px;
}

.pay-wrapper .pay-sec1 .payb-nav .mb_nav_tit_group {
    width: 100%;
    position: relative;
    z-index: 10;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .pay_nav_list {
    cursor: pointer;
    border: 1px solid #B5B5B6;
    border-radius: 10px;
    font-size: 16px;
    top: 0;
    width: calc(100% - 20px);
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
    color: #000;
    background-color: #fff;
    order: 1;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .pay_nav_list:nth-child(1) {
    z-index: 3;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .pay_nav_list.on {
    background-color: #fff;
    color: #000;
    font-weight: 400;
    z-index: 3;
    order: 0;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .mb_nav_arrow {
    position: absolute;
    right: 10px;
    top: 56%;
    transform: translateY(-50%);
}

.pay-wrapper .pay-sec1 .pay-sub-nav .mb_nav_arrow img {
    width: 12px;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .pay_nav_list:nth-child(1) {
    transition: .4s;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .pay_nav_list:nth-child(2) {
    transition: .4s;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .pay_nav_list:nth-child(3) {
    transition: .4s;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .pay_nav_list:nth-child(4) {
    transition: .4s;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .pay_nav_list:nth-child(5) {
    transition: .4s;
}

.pay-wrapper .pay-sec1 .pay-sub-nav .pay_nav_list:nth-child(6) {
    transition: .4s;
}

.pay-wrapper .pay-sec1 .pay-sub-nav::before {
    content: "";
    display: flex;
    position: absolute;
    background: url(../img/etc/arr_b.png) no-repeat center center / contain;
    width: 17px;
    height: 20px;
    top: 16px;
    right: 17px;
    z-index: 9;
}

html.nav-on .pay-wrapper .pay-sec1 .pay-sub-nav .heal_nav_list:last-child:after {
    display: none;
}

html.nav-on .pay-wrapper .pay-sec1 .pay-sub-nav {
    max-height: 320px;
}

html.nav-on .pay-wrapper .pay-sec1 .pay-sub-nav::before {
    transition: 0.4s;
    transform: rotate(180deg);
}

.pay-wrapper .pay-sec1 .pay-group {
    margin-top: 90px;
    position: relative;
}

.pay-wrapper .pay-sec1 .table_group {
    display: flex;
    flex-direction: column;
    gap: 100px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
}

.pay-wrapper .pay-sec1 td {
    font-family: 'Pretendard';
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #D9D9D9;
}

.pay-wrapper .pay-sec1 .tb_line1 th {
    background-color: #00BDDB;
    color: #fff;
}

.pay-wrapper .pay-sec1 .tb_line2 td {
    background-color: #042B48;
    color: #fff;
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
}

.pay-wrapper .pay-sec1 .tb_line2 td.tit {
    height: 60px;
}

.pay-wrapper .pay-sec1 td {
    color: #000;
}

.pay-wrapper .pay-sec1 td.pc {
    display: table-cell;
}

.money_table {
    position: relative;
}

.tb_mobile {
    display: none;
}

.pay-wrapper .pay-sec1 table {
    table-layout: auto;
    width: 100%;
    table-layout: fixed;
}

.pay-wrapper .pay-sec1 .pay-table {
    transition: .4s;
    position: relative;
    opacity: 0;
}

.pay-wrapper .pay-sec1 .pay-table::before {
    content: "2023년 10월 11일 기준";
    position: absolute;
    top: -5px;
    right: 0;
    transform: translateY(-100%);
}

.pay-wrapper .pay-sec1 .pay-table:nth-child(2) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.pay-wrapper .pay-sec1 .pay-table:nth-child(3) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.pay-wrapper .pay-sec1 .pay-table.on {
    opacity: 1;
}

@media screen and (max-width:1320px) {
    .pay-wrapper .pay-sec1 {
        padding-top: 64px;
        padding-bottom: 70px;
    }

    .pay-wrapper .pay-sec1 .cont-inner {
        width: 90%;
        margin: 0 auto;
    }

    .pay-wrapper .pay-sec1 .money_tit1 {
        font-size: 40px;
    }

    .pay-wrapper .pay-sec1 .money_tit2 {
        font-size: 16px;
        line-height: 24px;
    }

    .pay-wrapper .pay-sec1 .money_tit_bx {
        margin-bottom: 60px;
    }

    .pay-wrapper .pay-sec1 .table_group {
        width: 100%;
        margin-bottom: 30px;
    }

    .pay-wrapper .pay-sec1 .tb_line2 td {
        font-size: 16px;
        line-height: 20px;
    }

    .money_table::after {
        position: absolute;
        content: '수가 표시 (단위 : 원)';
        bottom: calc(100% + 20px);
        font-size: 16px;
        color: #4d4d4d;
        right: 0;
        font-weight: 500;
    }

    .money_table::after {
        font-size: 12px;
        bottom: calc(100% + 10px);
    }

    .tb_mobile {
        display: table-row;
    }

    .pay-wrapper .pay-sec1 td.pc {
        display: none;
    }
}

@media screen and (max-width:500px) {
    .pay-wrapper .pay-sec1 .pay-des {
        text-align: left;
    }

    .pay-wrapper .pay-sec1 .pay-sub-nav {
        right: unset;
        width: 60%;
        max-width: unset;
        min-width: 150px;
    }
}

/* pay end */

/* community1_view start */
/* notice-list start */
.community-list-wrap .comList-sec1 {
    padding-top: 125px;
    padding-bottom: 160px;
}

.community-list-wrap .comList-sec1 .tit_bx .tit1 {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 60px;
    font-weight: 900;
    line-height: 72px;
    color: #333333;
    text-align: center;
}

.com_notice_list {
    height: inherit;
    padding: 150px 0;
}

.com_notice_list .container {
    max-width: 1550px;
    margin: 0 auto;
}

.com_notice_list .table-view-01 {
    table-layout: fixed;
    width: 100%;
    border-bottom: solid 1px #ddd;
}

.com_notice_list .table-view-01>tbody>tr>td,
.com_notice_list .table-view-01>tbody>tr>th,
.com_notice_list .table-view-01>thead>tr>td,
.com_notice_list .table-view-01>thead>tr>th {
    padding: 10px 8px;
    vertical-align: top;
    border-top: solid 1px #ddd;
}

.com_notice_list .table-view-01>tbody>tr:first-child>td,
.com_notice_list .table-view-01>tbody>tr:first-child>th,
.com_notice_list .table-view-01>thead>tr:first-child>td,
.com_notice_list .table-view-01>thead>tr:first-child>th {
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: solid 1px #035764;
}

.com_notice_list .table-view-01 .tit {
    color: #000;
}

.com_notice_list .table-view-01 .tit_box p.tit {
    float: left;
    font-size: 1.125em;
    font-weight: 500;
    line-height: 2;
}

.com_notice_list .table-view-01 .tit_box p.tbl_detail_span {
    float: right;
    color: #666;
    font-weight: 300;
    line-height: 2;
}

.com_notice_list .table-view-01 .tit_box p.tbl_detail_span span.category {
    display: inline-block;
    border-radius: 20px;
    padding: 0 0.9375rem;
    line-height: 2.1875rem;
    background: #035764;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
    min-width: 4.375rem;
    text-align: center;
}

.com_notice_list .table-view-01 .tit_box p.tbl_detail_span span:before {
    display: inline-block;
    overflow: hidden;
    width: 1px;
    height: 12px;
    margin: -1px 10px 0 7px;
    background: #bbb;
    content: "";
    vertical-align: middle;
}

.com_notice_list .table-view-01 .tit_box p.tbl_detail_span span.category:before {
    display: none;
}

.com_notice_list .clearfix:after {
    display: block;
    clear: both;
    content: "";
}

.com_notice_list .table-view-01>tbody>tr>td .board-box {
    min-height: 150px;
    text-align: initial;
}

.com_notice_list .board-box img {
    width: auto !important;
    height: auto !important;
}

.com_notice_list .table-view-01>tbody>tr>td .board-box p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.com_notice_list .table-view-01>tbody>tr>td .board-box .color-b {
    color: #0000ff;
}

.com_notice_list .money {
    padding-top: 30px;
}

.board_view_btn_box {
    margin: 40px 0;
    text-align: center;
}

.btn-type-01 {
    background-color: #67B5A9;
}

.btn-type-01:hover {
    opacity: .8;
}

[class*=" btn-type-"],
[class^=btn-type-] {
    border: 0;
    min-width: 160px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    font-size: 1.25rem;
    vertical-align: middle;
    line-height: 2.5;
    color: #fff;
    border-radius: 10px;
}

.border-list-type {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
}

.border-list-type li:first-child {
    border-bottom: solid 1px #c7c7c7;
}

.border-list-type .clearfix {
    cursor: pointer;
    text-align-last: left;
    display: flex;
    align-items: center;
    height: 3rem;
}

.border-list-type .list-up-bg {
    background: url(../img/common/c_review_arrow.png)no-repeat;
}

.border-list-type .list-title {
    flex-shrink: 0;
    font-weight: 500;
    padding: 0 30px 0 50px;
    color: #222;
    background-repeat: no-repeat;
    background-position: 24px center;
    background-size: 12px;
}

.border-list-type .w-con {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

.border-list-type .border-none {
    border-bottom: none;
}

.border-list-type li {
    position: relative;
}

.border-list-type .list-down-bg {
    background: url(../img/common/c_review_arrow_next.png)no-repeat;
    background-repeat: no-repeat;
    background-position: 24px center;
    background-size: 12px;
}

.surg_bf_con {
    display: flex;
    flex-direction: column;
}

.surg_bf_line1_group {
    display: flex;
    margin-top: 15px;
}

.surg_bf_line1 {
    width: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #585858;
}

.surg_bf_line1.w50 {
    width: 50px;
    margin-right: 15px;
}

.surg_bf {
    display: flex;
}

.surg_bf_group {
    display: flex;
    line-height: 1.5;
}

.surg_bf_tit {
    width: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #585858;
    padding-right: 10px;
    border-right: 1px solid #000;
}

.gsurg_bf_tit {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #585858;
}

.surg_bf_data {
    width: 100px;
    text-align: center;
}








@media screen and (max-width:1250px) {
    .com_notice_list .table-view-01 .tit_box p.tit {
        line-height: 1.8;
        font-size: 15px;
    }

    .com_notice_list .table-view-01 .tit_box p.tbl_detail_span {
        float: none;
        font-size: 13px;
    }

    .com_notice_list .table-view-01 .tit_box p.tbl_detail_span span.category {
        font-size: 11px;
    }

    .com_notice_list .container {
        width: 90%;
    }

    .border-list-type .list-title {
        font-size: 14px;
    }

    .border-list-type .w-con {
        font-size: 14px;
    }
}

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

    .surg_bf_data {
        width: 70px;
        display: flex;
        align-items: center;
    }

    .surg_bf_line1 {
        width: 70px;
    }

    .surg_bf_tit {
        width: 40px;
    }

    .surg_bf_line1.w50 {
        margin-right: 5px;
        width: 40px;
    }

    .surg_bf_tit {
        margin-right: 5px;
        padding-right: 5px;
    }

    .gsurg_bf_tit {
        margin-left: 5px;
        margin-right: 5px;
    }
}

/* notice-list end */
/* community1_view end */

/* equip start */
.equip-wrapper .equip_sec1 {
    height: inherit;
    padding-top: 137px;
    padding-bottom: 94px;
}

.equip-wrapper .equip_sec1 .section-tit {
    font-family: 'Pretendard';
    text-align: center;
    font-size: 16px;
    line-height: 23px;
}

.equip-wrapper .equip_sec1 .section-tit h3 {
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    margin-bottom: 30px;
}

.equip-wrapper .equip_sec1 .cont-group {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-top: 100px;
}

.equip-wrapper .equip_sec2 {
    height: inherit;
    padding-bottom: 229px;
}

.equip-wrapper .equip_sec2 .section-tit {
    font-family: 'Pretendard';
    text-align: center;
    font-size: 16px;
    line-height: 23px;
}

.equip-wrapper .equip_sec2 .section-tit h3 {
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    margin-bottom: 30px;
}

.equip-wrapper .equip_sec2 .cont-group {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-top: 100px;
}

.equip-wrapper .equip_sec2 .equip-box .img-box .num-box {
    background-color: #A48362;
}

.equip-wrapper .equip_sec2 .equip-box .des-box .line::after {
    background-color: #A48362;
}

.equip-wrapper .equip-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

.equip-wrapper .equip-box .img-box {
    position: relative;
    overflow: hidden;
}

.equip-wrapper .equip-box .img-box .num-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: #64C0A7;
    border-radius: 0 0 20px 0;
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.equip-wrapper .equip-box .des-box {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 45%;
}

.equip-wrapper .equip-box .des-box {
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 23px;
}

.equip-wrapper .equip-box .des-box h4 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    white-space: nowrap;
}

.equip-wrapper .equip-box .des-box .line {
    width: 100%;
    height: 5px;
    background-color: #D9D9D9;
    position: relative;
}

.equip-wrapper .equip-box .des-box .line::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #64C0A7;
    width: 150px;
}

.equip-wrapper .equip-box .des-box .medium {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
}

@media screen and (max-width: 1250px) {
    .equip-wrapper .equip_sec1 .section-tit h3 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .equip-wrapper .equip_sec1 .cont-group {
        margin-top: 70px;
    }

    .equip-wrapper .equip_sec2 {
        padding-bottom: 100px;
    }

    .equip-wrapper .equip_sec2 .section-tit h3 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .equip-wrapper .equip_sec2 .cont-group {
        margin-top: 70px;
    }

    .equip-wrapper .equip-box {
        flex-direction: column;
        gap: 30px;
    }

    .equip-wrapper .equip-box .des-box {
        width: 100%;
    }

    .equip-wrapper .equip-box .des-box h4 {
        white-space: wrap;
        font-size: 22px;
    }
}

@media screen and (max-width: 350px) {
    .equip-wrapper .equip-box .des-box h4 {
        font-size: 22px;
        line-height: 1.5;
    }

    .equip-wrapper .equip-box .des-box {
        gap: 10px;
    }
}

/* equip end */

/* icl_1 start */
.icl1-wrapper {
    padding-top: 107px;
}

.icl1-wrapper .section_wrap>.bg_ {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}

.icl1-wrapper .section_wrap .bg_ img {
    width: 100%;
}

.icl1-wrapper .cont-inner {
    max-width: 920px;
}

.icl1-wrapper .icl_sec1 {
    height: inherit;
    padding-top: 87px;
    padding-bottom: 144px;
}

.icl1-wrapper .icl_sec1 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
}

.icl1-wrapper .icl_sec1 .tit-group span {
    font-family: 'Noto Serif', serif;
    font-size: 54px;
}

/* .icl1-wrapper .icl_sec1 .img-box{padding-top: 100px;} */

.icl1-wrapper .icl_sec2 {
    height: inherit;
    background: url(/img/plus/icl3_sec7_bg.jpg)no-repeat center center / cover;
    padding: 129px 0;
}

.icl1-wrapper .icl_sec2 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
    color: #042B48;
}

.icl1-wrapper .icl_sec2 .tit-group .fz-up {
    font-family: 'Noto Serif', serif;
    font-size: 54px;
    color: #fff;
}

.icl1-wrapper .icl_sec2 .tit-group p {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    margin-top: 40px;
}

.icl1-wrapper .icl_sec2 .cont-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.icl1-wrapper .icl_sec2 .cont-group .txt-box {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 24px 0;
    background-color: #042B48;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.icl1-wrapper .icl_sec3 {
    position: relative;
    height: inherit;
    background-color: #042B48;
    padding-top: 129px;
    padding-bottom: 274px;
}

.icl1-wrapper .icl_sec3 .bg_img {
    position: absolute;
    left: 51%;
    top: 73%;
    transform: translate(-50%, -50%);
    min-width: 750px;
}

.icl1-wrapper .icl_sec3 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 187px;
    color: #fff;
}

.icl1-wrapper .icl_sec3 .tit-group span {
    font-family: 'Noto Serif', serif;
    font-size: 54px;
}

.icl1-wrapper .icl_sec3 .txt-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 820px) {
    .icl1-wrapper .icl_sec2 {
        background: url(/img/plus/icl3_sec7_bg_mo.png)no-repeat center bottom / cover;
    }
}

@media screen and (max-width: 768px) {
    .icl1-wrapper .icl_sec1 {
        padding-top: 0;
    }

    .icl1-wrapper .icl_sec1 .tit-group {
        font-size: 30px;
        line-height: 40px;
    }

    .icl1-wrapper .icl_sec1 .img-box {
        padding-top: 50px;
    }

    .icl1-wrapper .icl_sec2 {
        padding-top: 85px;
        padding-bottom: 77px;
    }

    .icl1-wrapper .icl_sec2 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .icl1-wrapper .icl_sec2 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl1-wrapper .icl_sec2 .tit-group p {
        margin-top: 30px;
    }

    .icl1-wrapper .icl_sec2 .cont-group .txt-box {
        text-align: center;
        padding: 49px 19px;
        width: calc(100% - 38px);
    }

    .icl1-wrapper .icl_sec3 {
        padding-top: 75px;
        padding-bottom: 67px;
    }

    .icl1-wrapper .icl_sec3 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 37px;
    }

    .icl1-wrapper .icl_sec3 .txt-box {
        width: 100%;
        font-size: 16px;
        line-height: 25px;
    }

    .icl1-wrapper .icl_sec3 .tit-group span {
        font-size: 30px;
        line-height: 40px;
    }

    .icl1-wrapper .icl_sec3 .bg_img {
        top: 58%;
        min-width: 500px;
    }
}

@media screen and (max-width: 300px) {
    .icl1-wrapper .icl_sec2 .cont-group .txt-box {
        font-size: 18px;
    }
}

/* icl_1 end */

/* icl_2 start */
.icl2-wrapper {
    padding-top: 107px;
}

.icl2-wrapper .section_wrap>.bg_ {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}

.icl2-wrapper .section_wrap .bg_ img {
    width: 100%;
}

.icl2-wrapper .cont-inner {
    max-width: 920px;
}

.icl2-wrapper .icl_sec1 {
    padding: 87px 0;
    height: inherit;
}

.icl2-wrapper .icl_sec1 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
    margin-bottom: 20px;
}

.icl2-wrapper .icl_sec1 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl2-wrapper .icl_sec1 .cont-group .img-box {
    text-align: center;
    margin-bottom: 10px;
}

.icl2-wrapper .icl_sec1 .cont-group .txt-group {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 25px;
}

.icl2-wrapper .icl_sec1 .cont-group .txt-group h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}

.icl2-wrapper .icl_sec2 {
    padding-top: 95px;
    padding-bottom: 66px;
    height: inherit;
    background-color: #042B48;
}

.icl2-wrapper .icl_sec2 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
    margin-bottom: 36px;
    color: #fff;
}

.icl2-wrapper .icl_sec2 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl2-wrapper .icl_sec2 .cont-group .img-box {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
}

.icl2-wrapper .icl_sec2 .cont-group .txt-box {
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    margin-top: 35px;
}

.icl2-wrapper .icl_sec3 {
    padding-top: 90px;
    padding-bottom: 58px;
    height: inherit;
    background: url(/img/plus/icl3_sec7_bg.jpg)no-repeat center center / cover;
}

.icl2-wrapper .icl_sec3 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
    margin-bottom: 36px;
    color: #042B48;
}

.icl2-wrapper .icl_sec3 .cont-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 63px 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.icl2-wrapper .icl_sec3 .des-box {
    display: flex;
    align-items: start;
    gap: 18px;
}

.icl2-wrapper .icl_sec3 .des-box .img-box {
    min-width: 60px;
    aspect-ratio: 1 / 1;
}

.icl2-wrapper .icl_sec3 .des-box .txt-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 16px;
}

.icl2-wrapper .icl_sec3 .des-box .txt-box .des-tit-box {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 32px;
}

.icl2-wrapper .icl_sec3 .des-box .txt-box .des-sm-box {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 32px;
}

.icl2-wrapper .icl_sec4 {
    position: relative;
    height: inherit;
    display: block;
    padding-top: 160px;
    padding-bottom: 123px;
}

.icl2-wrapper .icl_sec4 .bg_ {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}

.icl2-wrapper .icl_sec4 .bg_ img {
    width: 100%;
}

.icl2-wrapper .icl_sec4 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
    margin-bottom: 50px;
    color: #fff;
}

.icl2-wrapper .icl_sec4 .cont-box {
    padding: 61px 30px;
    background-color: #00000030;
    border: 1px solid #ffffff67;
    border-radius: 10px;
}

.icl2-wrapper .icl_sec4 .cont-box .des-box {
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

.icl2-wrapper .icl_sec4 .cont-box .des-box h5 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 700;
}

.icl2-wrapper .icl_sec4 .cont-box .img-box {
    margin-top: 34px;
    margin-bottom: 30px;
    text-align: center;
}

@media screen and (max-width: 820px) {
    .icl2-wrapper .icl_sec3 {
        background: url(/img/plus/icl3_sec7_bg_mo.png)no-repeat center bottom / cover;
    }
}


@media screen and (max-width: 768px) {
    .icl2-wrapper .icl_sec1 {
        padding-top: 0;
    }

    .icl2-wrapper .icl_sec1 .tit-group {
        font-size: 30px;
        line-height: 40px;
    }

    .icl2-wrapper .icl_sec1 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl2-wrapper .icl_sec1 .cont-group .txt-group h5 {
        text-align: center;
    }

    .icl2-wrapper .icl_sec2 {
        padding-top: 75px;
        padding-bottom: 70px;
    }

    .icl2-wrapper .icl_sec2 .tit-group {
        font-size: 30px;
        line-height: 40px;
    }

    .icl2-wrapper .icl_sec2 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl2-wrapper .icl_sec2 .cont-group .txt-box {
        margin-top: 27px;
        text-align: left;
    }

    .icl2-wrapper .icl_sec3 {
        padding-top: 75px;
        padding-bottom: 43px;
    }

    .icl2-wrapper .icl_sec3 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .icl2-wrapper .icl_sec3 .cont-box {
        padding: 40px 20px;
    }

    .icl2-wrapper .icl_sec3 .des-box .img-box {
        width: 45px;
        min-width: 45px;
    }

    .icl2-wrapper .icl_sec3 .des-box .txt-box {
        margin-top: 8px;
    }

    .icl2-wrapper .icl_sec3 .des-box .txt-box .des-tit-box {
        font-size: 18px;
        line-height: 25px;
    }

    .icl2-wrapper .icl_sec3 .des-box .txt-box .des-sm-box {
        font-size: 16px;
        line-height: 25px;
    }

    .icl2-wrapper .icl_sec4 {
        padding-top: 75px;
        padding-bottom: 45px;
    }

    .icl2-wrapper .icl_sec4 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .icl2-wrapper .icl_sec4 .cont-box {
        padding: 40px 20px;
    }

    .icl2-wrapper .icl_sec4 .cont-box .des-box p {
        margin-bottom: 10px;
    }
}

/* icl_2 end */

/* icl_3 start */
.icl3-wrapper {
    padding-top: 107px;
}

.icl3-wrapper .section_wrap>.bg_ {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}

.icl3-wrapper .section_wrap .bg_ img {
    width: 100%;
}

.icl3-wrapper .cont-inner {
    max-width: 920px;
}

.icl3-wrapper .icl_sec1 {
    height: inherit;
    padding-top: 77px;
    padding-bottom: 74px;
}

.icl3-wrapper .icl_sec1 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
    margin-bottom: 36px;
}

.icl3-wrapper .icl_sec1 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl3-wrapper .icl_sec1 .cont-group .img-box {
    text-align: center;
}

.icl3-wrapper .icl_sec1 .cont-group .txt-group {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 90px;
}

.icl3-wrapper .icl_sec1 .cont-group .txt-group h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}

.icl3-wrapper .icl_sec1 .video-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.icl3-wrapper .icl_sec1 .video-wrap {
    background-color: #BBBCBA;
    width: 600px;
    height: 300px;
}

.icl3-wrapper .icl_sec1 .video-box p {
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.icl3-wrapper .icl_sec1 .img-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 34px;
}

.icl3-wrapper .icl_sec1 .img-group .img-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.icl3-wrapper .icl_sec1 .img-group .img-box p {
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.icl3-wrapper .icl_sec1 .table-box {
    margin-top: 34px;
}

.icl3-wrapper .icl_sec1 .cont-group .txt-box {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 1.5;
    margin-top: 26px;
}

.icl3-wrapper .icl_sec2 {
    height: inherit;
    padding-top: 110px;
    padding-bottom: 75px;
    background: url(/img/plus/icl2_sec4_bg.png)no-repeat center center / cover;
}

.icl3-wrapper .icl_sec2 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
    margin-bottom: 36px;
    color: #fff;
}

.icl3-wrapper .icl_sec2 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl3-wrapper .icl_sec2 .cont-group .img-group {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 15px;
}

.icl3-wrapper .icl_sec2 .cont-group .txt-box {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
    margin-top: 18px;
    font-weight: 400;
}

.icl3-wrapper .icl_sec2 .cont-group .video-box {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icl3-wrapper .icl_sec2 .cont-group .video-wrap {
    width: 600px;
    height: 300px;
    background-color: #BBBCBA;
}

.icl3-wrapper .icl_sec3 {
    height: inherit;
    padding-top: 110px;
    padding-bottom: 75px;
    background: #fff;
}

.icl3-wrapper .icl_sec3 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
    margin-bottom: 36px;
}

.icl3-wrapper .icl_sec3 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl3-wrapper .icl_sec3 .cont-group .img-box {
    text-align: center;
}

.icl3-wrapper .icl_sec3 .cont-group .img-box img {
    margin-left: 90px;
}

.icl3-wrapper .icl_sec3 .cont-group .txt-box {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 1.5;
    margin-top: 69px;
}

.icl3-wrapper .icl_sec4 {
    height: inherit;
    padding-top: 126px;
    padding-bottom: 75px;
    background: #fff;
}

.icl3-wrapper .icl_sec4 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 49px;
}

.icl3-wrapper .icl_sec4 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl3-wrapper .icl_sec4 .cont-group .txt-box {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 1.5;
}

.icl3-wrapper .icl_sec4 .cont-group .img-box {
    text-align: center;
}

.icl3-wrapper .icl_sec4 .cont-group .img-box1 {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icl3-wrapper .icl_sec4 .cont-group .img-box2 {
    margin-top: 48px;
}

.icl3-wrapper .icl_sec4 .cont-group .img-box3 {
    margin-top: 28px;
}

.icl3-wrapper .icl_sec4 .cont-group .img-box p {
    margin-top: 27px;
}

.icl3-wrapper .icl_sec4 .cont-group .txt-group {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 90px;
}

.icl3-wrapper .icl_sec4 .cont-group .txt-group h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}

.icl3-wrapper .icl_sec4 .cont-group .img-box .txt-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 165px;
}

.icl3-wrapper .icl_sec4 .cont-group .img-des-group h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 19px;
}

.icl3-wrapper .icl_sec4 .cont-group .img-des-group h5:nth-child(1) {
    margin-bottom: 53px;
}

.icl3-wrapper .icl_sec4 .cont-group .img-des-group p {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 1.5;
}

.icl3-wrapper .icl_sec4 .cont-group .img-des-group .img-box {
    margin-bottom: 69px;
}

.icl3-wrapper .icl_sec5 {
    height: inherit;
    background: linear-gradient(to bottom, #000000, #042B48, #042B48, #000000);
    padding: 130px 0;
}

.icl3-wrapper .icl_sec5 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 49px;
    color: #fff;
}

.icl3-wrapper .icl_sec5 .cont-group>.txt-box {
    font-family: 'Pretendard';
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
    font-weight: 400;
}

.icl3-wrapper .icl_sec5 .cont-group>.img-box {
    text-align: center;
    margin-top: 54px;
}

.icl3-wrapper .icl_sec5 .cont-group .txt-box2 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 29px;
}

.icl3-wrapper .icl_sec5 .cont-group .cont-tit {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    margin-top: 64px;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    margin-top: 81px;
    row-gap: 50px;
    column-gap: 30px;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    border-radius: 50px;
    margin-bottom: 20px;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .txt-box {
    font-family: 'Pretendard';
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box1 {
    background-color: #67B5A9;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box2 {
    background-color: #80BAAC;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box3 {
    background-color: #8FBDAD;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box4 {
    background-color: #9EBFAF;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box5 {
    background-color: #B2C3B1;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box6 {
    background-color: #BFC5B2;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box7 {
    background-color: #CFC8B4;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box8 {
    background-color: #DFCBB5;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box9 {
    background-color: #D6C1A9;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box10 {
    background-color: #D0B9A0;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box11 {
    background-color: #C6AC92;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box12 {
    background-color: #C0A68A;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box13 {
    background-color: #B89C7E;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box14 {
    background-color: #B19375;
}

.icl3-wrapper .icl_sec5 .cont-group .date-history .date-box15 {
    background-color: #A48362;
}

.icl3-wrapper .icl_sec6 {
    height: inherit;
    padding-top: 140px;
    padding-bottom: 62px;
    background-color: #fff;
}

.icl3-wrapper .icl_sec6 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 50px;
}

.icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-slide {
    text-align: center;
    padding-bottom: 35px;
}

.icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-button-prev:after {
    content: "";
    background: url(/img/plus/icl3_sec6_arr_prev.png)no-repeat center center / contain;
    width: 63px;
    height: 55px;
}

.icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-button-next:after {
    content: "";
    background: url(/img/plus/icl3_sec6_arr_next.png)no-repeat center center / contain;
    width: 63px;
    height: 55px;
}

.icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-pagination-bullet {
    width: 70px;
    height: 2px;
    background-color: #BBBCBA;
    border-radius: 0;
    margin: 0 10px;
}

.icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #042B48;
}

.icl3-wrapper .icl_sec6 .swiper-des {
    margin-top: 30px;
}

.icl3-wrapper .icl_sec6 .icl3_swiper2 .swiper-slide .label {
    background-color: #042B48;
    border-radius: 20px;
    padding: 8px 21px;
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    min-width: 53px;
}

.icl3-wrapper .icl_sec6 .icl3_swiper2 .swiper-slide .slide-tit {
    font-family: 'Pretendard';
    font-weight: 700;
    line-height: 22px;
    line-height: 25px;
    margin-bottom: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.icl3-wrapper .icl_sec6 .icl3_swiper2 .swiper-slide .slide-des {
    font-family: 'Pretendard';
    font-size: 16px;
    line-height: 25px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.icl3-wrapper .icl_sec7 {
    height: inherit;
    padding-top: 119px;
    padding-bottom: 67px;
    background-color: #fff;
    background: url(/img/plus/icl3_sec7_bg.jpg)no-repeat center center / cover;
}

.icl3-wrapper .icl_sec7 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
}

.icl3-wrapper .icl_sec7 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl3-wrapper .icl_sec7 .cont-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.icl3-wrapper .icl_sec7 .cont-group .cont-box {
    position: relative;
}

.icl3-wrapper .icl_sec7 .cont-group .des-box {
    background-color: #042B48;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 24px 0;
}

.icl3-wrapper .icl_sec7 .cont-group .des-box-bg {
    content: "";
    background-color: #fff;
    position: absolute;
    height: 50px;
    top: 20px;
    left: 0;
    right: 0;
}

.icl3-wrapper .icl_sec7 .cont-group .des-abs-box {
    background-color: #fff;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    width: calc(100% - 46px);
    padding: 23px;
    border-radius: 0 0 10px 10px;
}

.icl3-wrapper .icl_sec8 {
    height: inherit;
    padding-top: 116px;
    padding-bottom: 66px;
    background-color: #fff;
}

.icl3-wrapper .icl_sec8 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 50px;
}

.icl3-wrapper .icl_sec8 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl3-wrapper .icl_sec8 .cont-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.icl3-wrapper .icl_sec8 .cont-group .cont-tit {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
    color: #67B5A9;
}

.icl3-wrapper .icl_sec8 .cont-group .cont-des {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
}

.icl3-wrapper .icl_sec9 {
    height: inherit;
    padding-top: 0px;
    padding-bottom: 81px;
    background-color: #fff;
}

.icl3-wrapper .icl_sec9 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 50px;
}

.icl3-wrapper .icl_sec9 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl3-wrapper .icl_sec9 .cont-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.icl3-wrapper .icl_sec9 .cont-group .cont-tit {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
    color: #A48362;
}

.icl3-wrapper .icl_sec9 .cont-group .cont-des {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
}

.icl3-wrapper .icl_sec10 {
    position: relative;
    height: inherit;
    padding-top: 131px;
    padding-bottom: 92px;
    background-color: #042B48;
}

.icl3-wrapper .icl_sec10 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 68px;
    color: #fff;
}

.icl3-wrapper .icl_sec10 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.icl3-wrapper .icl_sec10 .bg_img {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-35%, -50%);
}

.icl3-wrapper .icl_sec10 .cont-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.icl3-wrapper .icl_sec10 .cont-group .img-box {
    width: 30%;
}

@media screen and (max-width: 1000px) {
    .icl3-wrapper .icl_sec5 .cont-group .date-history {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
    }
}

@media screen and (max-width: 820px) {
    .icl3-wrapper .icl_sec7 {
        background: url(/img/plus/icl3_sec7_bg_mo.png)no-repeat center bottom / contain;
        background-color: #59a79a;
    }
}

@media screen and (max-width: 768px) {
    .icl3-wrapper .icl_sec1 {
        padding-top: 0;
        padding-bottom: 46px;
    }

    .icl3-wrapper .icl_sec1 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .icl3-wrapper .icl_sec1 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl3-wrapper .icl_sec1 .cont-group .txt-group {
        margin-bottom: 27px;
    }

    .icl3-wrapper .icl_sec1 .cont-group .txt-group h5 {
        text-align: center;
        margin-top: 20px;
    }

    .icl3-wrapper .icl_sec1 .video-wrap {
        width: 100%;
        height: inherit;
        aspect-ratio: 16 / 9;
    }

    .icl3-wrapper .icl_sec1 .img-group {
        margin-top: 25px;
    }

    .icl3-wrapper .icl_sec1 .img-group {
        flex-direction: column;
        gap: 25px;
    }

    .icl3-wrapper .icl_sec1 .img-group .img-box {
        width: 100%;
    }

    .icl3-wrapper .icl_sec1 .img-group .img-box img {
        width: 100%;
    }

    .icl3-wrapper .icl_sec1 .cont-group .txt-box {
        font-size: 16px;
        line-height: 25px;
    }

    .icl3-wrapper .icl_sec2 {
        position: relative;
        padding-top: 75px;
        padding-bottom: 50px;
    }

    .icl3-wrapper .icl_sec2 .bg_ {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .icl3-wrapper .icl_sec2 .bg_ img {
        width: 100%;
    }

    .icl3-wrapper .icl_sec2 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .icl3-wrapper .icl_sec2 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl3-wrapper .icl_sec2 .cont-group .img-group {
        flex-direction: column;
        align-items: center;
    }

    .icl3-wrapper .icl_sec2 .cont-group .txt-box {
        font-size: 16px;
        line-height: 25px;
    }

    .icl3-wrapper .icl_sec2 .cont-group .video-wrap {
        width: 100%;
        height: inherit;
        aspect-ratio: 16 / 9;
    }

    .icl3-wrapper .icl_sec3 {
        padding-top: 75px;
        padding-bottom: 4px;
    }

    .icl3-wrapper .icl_sec3 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .icl3-wrapper .icl_sec3 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl3-wrapper .icl_sec3 .cont-group .img-box {
        width: 80%;
        margin: 0 auto;
    }

    .icl3-wrapper .icl_sec3 .cont-group .img-box img {
        margin-left: 30px;
    }

    .icl3-wrapper .icl_sec3 .cont-group .txt-box {
        font-size: 16px;
        line-height: 25px;
    }

    .icl3-wrapper .icl_sec4 {
        padding-top: 75px;
        padding-bottom: 47px;
    }

    .icl3-wrapper .icl_sec4 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .icl3-wrapper .icl_sec4 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl3-wrapper .icl_sec4 .cont-group .txt-box {
        font-size: 16px;
        line-height: 25px;
    }

    .icl3-wrapper .icl_sec4 .cont-group .txt-group {
        margin-top: 40px;
    }

    .icl3-wrapper .icl_sec4 .cont-group .txt-group h5 {
        text-align: center;
    }

    .icl3-wrapper .icl_sec4 .cont-group .img-box .txt-group {
        gap: 45px;
    }

    .icl3-wrapper .icl_sec4 .cont-group .img-des-group h5 {
        text-align: center;
    }

    .icl3-wrapper .icl_sec4 .cont-group .img-des-group p {
        font-size: 16px;
        line-height: 25px;
    }

    .icl3-wrapper .icl_sec4 .cont-group .img-des-group .img-box img {
        width: 100%;
    }

    .icl3-wrapper .icl_sec4 .cont-group .img-box1 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icl3-wrapper .icl_sec5 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .icl3-wrapper .icl_sec5 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .icl3-wrapper .icl_sec5 .cont-group>.txt-box {
        font-size: 16px;
        line-height: 25px;
    }

    .icl3-wrapper .icl_sec5 .cont-group>.img-box {
        margin-top: 20px;
    }

    .icl3-wrapper .icl_sec5 .cont-group .cont-tit {
        margin-top: 30px;
        font-size: 22px;
    }

    .icl3-wrapper .icl_sec5 .cont-group .date-history {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        row-gap: 20px;
        column-gap: 15px;
        margin-top: 30px;
    }

    .icl3-wrapper .icl_sec5 .cont-group .date-history .date-box {
        font-size: 18px;
        padding: 10px 10px;
    }

    .icl3-wrapper .icl_sec5 .cont-group .date-history .txt-box {
        font-size: 14px;
    }

    .icl3-wrapper .icl_sec6 {
        padding-top: 75px;
        padding-bottom: 46px;
    }

    .icl3-wrapper .icl_sec6 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 43px;
    }

    .icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-slide img {
        width: 75%;
        margin: 0 auto;
    }

    .icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-button-next:after {
        width: 13px;
        height: 35px;
    }

    .icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-button-prev:after {
        width: 13px;
        height: 35px;
    }

    .icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-button-next,
    .icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-button-prev {
        top: 43%;
    }

    .icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-pagination-bullet {
        width: 50px;
    }

    .icl3-wrapper .icl_sec6 .icl3_swiper2 .swiper-slide .slide-des {
        text-align: left;
        width: 100%;
    }

    .icl3-wrapper .icl_sec7 {
        padding-top: 75px;
        padding-bottom: 43px;
    }

    .icl3-wrapper .icl_sec7 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 43px;
    }

    .icl3-wrapper .icl_sec7 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl3-wrapper .icl_sec7 .cont-group .des-box {
        line-height: 32px;
    }

    .icl3-wrapper .icl_sec7 .cont-group .des-box p {
        width: 85%;
        margin: 0 auto;
        text-align: center;
    }

    .icl3-wrapper .icl_sec7 .cont-group .des-abs-box {
        font-size: 16px;
        line-height: 25px;
    }

    .icl3-wrapper .icl_sec8 {
        padding-top: 75px;
        padding-bottom: 23px;
    }

    .icl3-wrapper .icl_sec8 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .icl3-wrapper .icl_sec8 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl3-wrapper .icl_sec8 .cont-group .cont-des {
        font-size: 16px;
        line-height: 25px;
    }

    .icl3-wrapper .icl_sec9 {
        padding-top: 0;
        padding-bottom: 62px;
    }

    .icl3-wrapper .icl_sec9 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .icl3-wrapper .icl_sec9 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl3-wrapper .icl_sec9 .cont-group .cont-des {
        font-size: 16px;
        line-height: 25px;
    }

    .icl3-wrapper .icl_sec10 {
        padding-top: 75px;
        padding-bottom: 62px;
    }

    .icl3-wrapper .icl_sec10 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .icl3-wrapper .icl_sec10 .tit-group .fz-up {
        font-size: 30px;
        line-height: 40px;
    }

    .icl3-wrapper .icl_sec10 .cont-group {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .icl3-wrapper .icl_sec10 .cont-group .img-box {
        width: 100%;
        text-align: center;
    }

    .icl3-wrapper .icl_sec10 .bg_img {
        top: 190px;
        left: 50%;
        min-width: 500px;
        transform: translate(-50%, 0%);
    }
}

@media screen and (max-width: 500px) {
    .icl3-wrapper .icl_sec5 .cont-group .date-history {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .icl3-wrapper .icl_sec4 .cont-group .txt-group {
        margin-top: 0;
    }

    .icl3-wrapper .icl_sec4 .cont-group .img-box p {
        margin-top: 15px;
    }

    .icl3-wrapper .icl_sec6 .icl3_swiper1 .swiper-pagination-bullet {
        width: 30px;
        margin: 0 5px;
    }

    .icl3-wrapper .icl_sec7 .cont-group .des-box {
        font-size: 18px;
    }
}

@media screen and (max-width: 300px) {
    .icl3-wrapper .icl_sec4 .cont-group .img-box .txt-group {
        gap: 15px;
        font-size: 12px;
    }
}

/* icl_3 end */

/* disease3 start */
.dise-wrapper {
    padding-top: 107px;
}

.dise-wrapper .section_wrap .bg_ {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}

.dise-wrapper .section_wrap .bg_ img {
    width: 100%;
}

.dise-wrapper .dise_sec1 {
    height: inherit;
    padding-top: 77px;
    padding-bottom: 88px;
}

.dise-wrapper .dise_sec1 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 68px;
}

.dise-wrapper .dise_sec1 .tit-group .fz-up {
    font-size: 54px;
    font-family: 'Noto Serif', serif;
}

.dise-wrapper .dise_sec1 .txt-group {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 50px;
}

.dise-wrapper .dise_sec1 .txt-group h5 {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 35px;
}

.dise-wrapper .dise_sec1 .txt-group h5 span {
    font-weight: 400;
    font-size: 15px;
    margin-left: 20px;
}

.dise-wrapper .dise_sec1 .cont-group .img-box1 {
    margin-top: 48px;
}

.dise-wrapper .dise_sec1 .cont-group .img-box .img-rel {
    position: relative;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

.dise-wrapper .dise_sec1 .cont-group .img-box .img-rel img {
    width: 100%;
}

.dise-wrapper .dise_sec1 .cont-group .img-box .img-rel::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/img/dise/dis1_sec1_img1_point.png)no-repeat center center / cover;
    opacity: 1;
    animation: opaAnime 1s infinite alternate;
}

.dise-wrapper .dise_sec1 .cont-group .img-des-group {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-top: 68px;
}

.dise-wrapper .dise_sec1 .cont-group .img-des-box .img-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dise-wrapper .dise_sec1 .cont-group .img-des-box .txt-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}

.dise-wrapper .dise_sec1 .cont-group .img-des-box .img-box img {
    width: 100%;
}

.dise-wrapper .dise_sec1 .cont-group .img-des-box .img-box3 img {
    width: 50%;
}

.dise-wrapper .dise_sec1 .cont-group .img-des-group2 {
    flex-direction: row;
    gap: 13px;
    justify-content: space-between;
}

.dise-wrapper .dise_sec1 .cont-group .img-des-group2 .img-des-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

@keyframes opaAnime {
    to {
        opacity: 0;
    }
}

.dise-wrapper .dise_sec2 {
    height: inherit;
    padding-top: 130px;
    padding-bottom: 117px;
    background: linear-gradient(to bottom, #000000, #042B48, #042B48, #000000);
}

.dise-wrapper .dise_sec2 .img-box img {
    width: 100%;
}

.dise-wrapper .dise_sec2 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
}

.dise-wrapper .dise_sec2 .txt-group .txt-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
}

.dise-wrapper .dise_sec2 .img-wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin-top: 44px;
    margin-bottom: 76px;
}

.dise-wrapper .dise_sec2 .img-wrap p {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
}

.dise-wrapper .dise_sec2 .img-group {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    justify-content: center;
}

.dise-wrapper .dise_sec2 .img-group .img-box {
    width: 30%;
}

.dise-wrapper .dise_sec2 .img-group .img-box img {
    width: 100%;
}

.dise-wrapper .dise_sec2 .txt-group {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
    color: #fff;
}

.dise-wrapper .dise_sec2 .txt-group h5 {
    font-weight: 700;
}

.dise-wrapper .dise_sec2 .img-box1 {
    margin-bottom: 76px;
}

.dise-wrapper .dise_sec2 .img-group2 {
    justify-content: space-between;
    gap: 20px;
    margin: 30px 0;
}

.dise-wrapper .dise_sec3 {
    height: inherit;
    padding-top: 189px;
    padding-bottom: 132px;
    background-color: #EAEAEA;
}

.dise-wrapper .dise_sec3 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 50px;
}

.dise-wrapper .dise_sec3 .txt-group {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}

.dise-wrapper .dise_sec3 .txt-group h5 {
    font-weight: 700;
}

.dise-wrapper .dise_sec3 .txt-group:nth-child(2) {
    margin-top: 74px;
}

.dise-wrapper .dise_sec4 {
    height: inherit;
    padding-top: 119px;
    padding-bottom: 107px;
    background-color: #67B5A9;
}

.dise-wrapper .dise_sec4 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
}

.dise-wrapper .dise_sec4 .cont-group .cont-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dise-wrapper .dise_sec4 .cont-group .cont-box .cont-tit {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0;
    background: #042B48;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: calc(100% - 120px);
    border-radius: 10px;
    background: #fff;
    padding: 25px 60px;
    padding-bottom: 50px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-box {
    text-align: center
}

.dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-box-mid {
    width: 85%;
    margin: 0 auto;
}

.dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-box-sm {
    text-align: center;
    width: 30%;
}

.dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-group {
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 50px;
}

.dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-tit-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 30px;
}

.dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-tit-box strong {
    font-weight: 700;
}

.dise-wrapper .dise_sec5 {
    height: inherit;
    padding-top: 131px;
    padding-bottom: 202px;
    background: url(/img/dise/dis1_sec5_bg.png)no-repeat center center / cover;
}

.dise-wrapper .dise_sec5 .tit-group {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 44px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 83px;
}

.dise-wrapper .dise_sec5 .cont-group .txt-box {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .dise-wrapper .dise_sec1 {
        padding-top: 0;
        padding-bottom: 69px;
    }

    .dise-wrapper .dise_sec1 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 32px;
    }

    .dise-wrapper .dise_sec1 .txt-group h5 {
        text-align: center;
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0;
    }

    .dise-wrapper .dise_sec1 .txt-group h5 span {
        display: none;
    }

    .dise-wrapper .dise_sec1 .txt-group {
        font-size: 16px;
        line-height: 25px;
        margin-top: 37px;
    }

    .dise-wrapper .dise_sec1 .cont-group .img-box .img-rel {
        width: 100%;
    }

    .dise-wrapper .dise_sec1 .cont-group .img-box .img-rel::after {
        background-image: url(/img/dise/dis1_sec1_img1_point_mo.png);
    }

    .dise-wrapper .dise_sec1 .cont-group .img-des-box .img-box3 img {
        width: 100%;
    }

    .dise-wrapper .dise_sec1 .cont-group .img-des-group2 {
        flex-direction: column;
        margin-top: 41px;
        gap: 40px;
    }

    .dise-wrapper .dise_sec2 {
        padding-top: 75px;
        padding-bottom: 95px;
    }

    .dise-wrapper .dise_sec2 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 32px;
    }

    .dise-wrapper .dise_sec2 .txt-group h5 {
        text-align: center;
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0;
    }

    .dise-wrapper .dise_sec2 .txt-group {
        font-size: 16px;
        line-height: 25px;
        margin-top: 37px;
    }

    .dise-wrapper .dise_sec2 .txt-group .txt-box {
        font-size: 16px;
        line-height: 25px;
    }

    .dise-wrapper .dise_sec2 .img-wrap {
        margin-bottom: 50px;
    }

    .dise-wrapper .dise_sec2 .img-group {
        flex-wrap: nowrap;
        gap: 30px;
        flex-direction: column;
        width: 100%;
    }

    .dise-wrapper .dise_sec2 .img-group .img-box {
        width: 100%;
    }

    .dise-wrapper .dise_sec2 .img-box1 {
        margin-bottom: 35px;
    }

    .dise-wrapper .dise_sec2 .img-group2 {
        flex-direction: column;
        gap: 30px;
    }

    .dise-wrapper .dise_sec2 .img-wrap p {
        font-size: 16px;
        text-align: center;
    }

    .dise-wrapper .dise_sec3 {
        padding-top: 75px;
        padding-bottom: 85px;
    }

    .dise-wrapper .dise_sec3 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 32px;
    }

    .dise-wrapper .dise_sec3 .txt-group h5 {
        text-align: center;
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0;
    }

    .dise-wrapper .dise_sec3 .txt-group {
        font-size: 16px;
        line-height: 25px;
        margin-top: 37px;
    }

    .dise-wrapper .dise_sec3 .txt-group:nth-child(2) {
        margin-top: 37px;
    }

    .dise-wrapper .dise_sec4 {
        padding-top: 75px;
        padding-bottom: 56px;
    }

    .dise-wrapper .dise_sec4 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 32px;
    }

    .dise-wrapper .dise_sec4 .cont-group .cont-box .cont-tit {
        text-align: center;
        padding: 24px 20px;
    }

    .dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des {
        font-size: 16px;
        line-height: 25px;
        width: calc(100% - 40px);
        padding: 25px 20px;
    }

    .dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-box img {
        width: 100%;
    }

    .dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-group {
        flex-direction: column;
    }

    .dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-box-sm {
        width: 100%;
    }

    .dise-wrapper .dise_sec4 .cont-group .cont-box .cont-des .img-box-mid {
        width: 100%;
    }

    .dise-wrapper .dise_sec5 {
        padding-top: 75px;
        padding-bottom: 87px;
        background-image: url(/img/dise/dis1_sec5_bg_mo.png);
    }

    .dise-wrapper .dise_sec5 .tit-group {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 48px;
    }

    .dise-wrapper .dise_sec5 .cont-group .txt-box {
        font-size: 16px;
        line-height: 25px;
    }
}

@media screen and (max-width: 360px) {
    .dise-wrapper .dise_sec1 .cont-group .img-des-box .txt-box {
        font-size: 14px;
    }
}

@media screen and (max-width: 310px) {
    .dise-wrapper .dise_sec1 .cont-group .img-des-box .txt-box {
        font-size: 0.7em;
    }
}

@media screen and (max-width: 300px) {
    .dise-wrapper .dise_sec4 .cont-group .cont-box .cont-tit {
        font-size: 18px;
    }
}

/* disease3 end */

/* intro4 start */
.pages-wrapper.intro4-wrapper .top-login {
    height: 100px;
}

.intro4-wrapper .int4-sec1 {
    height: inherit;
    padding-top: 146px;
    padding-bottom: 300px;
}

.intro4-wrapper .int4-sec1 .cont-inner {
    max-width: 1320px;
}

.intro4-wrapper .int4-sec1 .img-box {
    margin-top: 100px;
}

.intro4-wrapper .int4-sec1 .img-box5 {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}

/* intro4 end */

/* intro5 start */
.intro5-wrapper .sec_tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    color: #fff;
    margin-bottom: 90px;
}

.intro5-wrapper .sec_tit .tit {
    font-family: 'Pretendard';
    font-size: 44px;
    font-weight: 500;
    line-height: 1.3;
}

.intro5-wrapper .sec_tit .des {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    opacity: 0.5;
}

.intro5-wrapper .sec_tit.tit_blue {
    color: #000;
}


.intro5-wrapper section {
    height: inherit;
    padding: 200px 0;
}

.intro5-wrapper section._01 {
    background: url(/img/plus02/sec01_bg.jpg)no-repeat center center / cover;
    padding: 370px 0;
}

.intro5-wrapper section._01 .tit_group {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.intro5-wrapper section._01 .tit_group .line {
    width: 44px;
    height: 2px;
    background-color: #fff;
}

.intro5-wrapper section._01 .tit_group .tit {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center;
}

.intro5-wrapper section._01 .tit_group .tit p {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 52px;
    line-height: 1;
    color: #fff;
}

.intro5-wrapper section._01 .tit_group .tit h3 {
    font-family: 'Noto Serif KR', serif;
    font-weight: 600;
    font-size: 74px;
    line-height: 1;
    color: #64C0A7;
}

.intro5-wrapper section._01 .tit_group .des {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
}

.intro5-wrapper section._02 {
    background-color: #000;
}

.intro5-wrapper section._02 .cont-group {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.intro5-wrapper section._02 .cont-group img._01 {
    margin-bottom: 60px;
}

.intro5-wrapper section._02 .cont-group img._02 {
    margin-bottom: 20px;
}

.intro5-wrapper section._02 .cont-group .txt-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.intro5-wrapper section._02 .cont-group .txt-box {
    text-align: center;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
}

.intro5-wrapper section._02 .cont-group .txt-box._02 {
    color: #ffffff77;
}

.intro5-wrapper section._02 .cont-group .txt-box._02 .c-white {
    color: #fff;
}

.intro5-wrapper section._03 {
    background-color: #000000b6;
}

.intro5-wrapper section._04 {
    background-color: #fff;
}

.intro5-wrapper section._04 .swiper {
    overflow: visible;
}

.intro5-wrapper section._04 .swiper-slide {
    transition: .4s transform;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    transform: scale(.85);
}

.intro5-wrapper section._04 .swiper-slide p {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    opacity: 0.5;
    text-align: center;
}

.intro5-wrapper section._04 .swiper-slide.swiper-slide-active {
    transform: scale(1);
}

.intro5-wrapper section._05 {
    background: url(/img/plus02/sec05_bg.jpg)no-repeat center center / cover;
}

.intro5-wrapper section._05 .sec_tit .tit {
    line-height: 1.5;
}

.intro5-wrapper section._05 .cont-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro5-wrapper section._06 {}

.intro5-wrapper section._06 .cont-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.intro5-wrapper section._06 .cont-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.intro5-wrapper section._06 .num-box {
    gap: 0;
    flex-direction: column;
}

.intro5-wrapper section._06 .num-box .counter-wrap {
    display: flex;
    align-items: flex-end;
}

.intro5-wrapper section._06 .lbx .count {
    font-family: 'Noto Serif KR', serif;
    color: #67B5A9;
    filter: drop-shadow(0 0 4px #042B4830);
    font-size: 74px;
    line-height: 74px;
    margin-right: 10px;
}

.intro5-wrapper section._06 .lbx .count_sub_text {
    font-family: 'Noto Serif KR', serif;
    color: #67B5A9;
    filter: drop-shadow(0 0 4px #042B4830);
    font-size: 74px;
    line-height: 74px;
}

.intro5-wrapper section._06 .num-box .animCounter {
    font-size: 74px;
    line-height: 74px;
}

.intro5-wrapper section._06 .num-box em {
    font-size: 44px;
    font-weight: 500;
}

.intro5-wrapper section._06 .num-box p.num_count {
    font-size: 74px;
    line-height: 74px;
}

.intro5-wrapper section._06 .des-box p {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
}

.intro5-wrapper section._06 .des-box .c-mt {
    font-size: 16px;
}

.intro5-wrapper section._06 .line {
    width: 1px;
    height: 100px;
    background-color: #67B5A9;
    display: block;
}

.intro5-wrapper section._06 .time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.intro5-wrapper section._06 .cont-bot {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 20px;
    margin-top: 55px;
}

.intro5-wrapper section._06 .cont-bot .img-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.intro5-wrapper section._06 .cont-bot .img-box p {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    text-align: center;
}

@media screen and (max-width: 1250px) {
    .intro5-wrapper section._06 .cont-top {
        flex-direction: column;
        gap: 23px;
    }

    .intro5-wrapper section._06 .line {
        width: 100px;
        height: 1px;
    }
}

@media screen and (max-width: 768px) {
    .intro5-wrapper .sec_tit {
        margin-bottom: 70px;
        gap: 20px;
    }

    .intro5-wrapper .sec_tit .tit {
        font-size: 30px;
        line-height: 40px;
    }

    .intro5-wrapper .sec_tit .des {
        font-size: 16px;
        line-height: 23px;
    }

    .intro5-wrapper section {
        padding: 70px 0;
    }

    .intro5-wrapper section._01 {
        padding: 236px 0;
        background-image: url(/img/plus02/sec01_bg_mo.jpg);
    }

    .intro5-wrapper section._01 .tit_group {
        gap: 40px;
    }

    .intro5-wrapper section._01 .tit_group .tit {
        gap: 25px;
    }

    .intro5-wrapper section._01 .tit_group .tit p {
        font-weight: 500;
        font-size: 30px;
    }

    .intro5-wrapper section._01 .tit_group .tit h3 {
        font-weight: 600;
        font-size: 40px;
        line-height: 1.3;
    }

    .intro5-wrapper section._02 .cont-group .txt-box {
        font-size: 16px;
    }

    .intro5-wrapper section._03 .cont-inner {
        width: 100%;
    }

    .intro5-wrapper section._03 .sec_tit {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .intro5-wrapper section._04 .swiper {
        display: none;
    }

    .intro5-wrapper section._04 .img-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .intro5-wrapper section._04 .img-group .img-box {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .intro5-wrapper section._04 .img-group .img-box p {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 20px;
        line-height: 1.5;
        color: #000;
        opacity: 0.5;
    }

    .intro5-wrapper section._06 .lbx .count {
        font-size: 50px;
    }

    .intro5-wrapper section._06 .lbx .count_sub_text {
        font-size: 50px;
    }

    .intro5-wrapper section._06 .num-box em {
        font-size: 30px;
        position: relative;
        top: -11px;
    }

    .intro5-wrapper section._06 .cont-bot {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-top: 70px;
    }
}

@media screen and (max-width: 335px) {
    .intro5-wrapper section._06 .time-box .img-box {
        display: none;
    }
}

/* intro5 end */





/* yutube start */
/* .yutube-wrapper section{height: inherit;padding-top: 264px;padding-bottom: 176px;} */
.yutube-wrapper section {
    height: inherit;
}

.yutube-wrapper .grid-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.yutube-wrapper .yutube-box {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 11;
    border-radius: 10px;
    border: 1px solid #BBBCBA;
}

.yutube-wrapper .yutube-box .video-wrap {
    background-color: #D9D9D9;
    display: block;
    height: 71%;
    width: 100%;
}

.yutube-wrapper .yutube-box .video-wrap iframe {
    width: 100%;
    height: 100%;
}

.yutube-wrapper .yutube-box .video-txt {
    height: 29%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.yutube-wrapper .yutube-box .video-txt .tit {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}

.yutube-wrapper .yutube-box .video-txt .date {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #BBBCBA;
}

.yutube-wrapper .notice_pag {
    margin-top: 50px;
}

.yutube-wrapper .notice_pag .notice_pag1 {
    cursor: pointer;
}

.yutube-wrapper .notice_pag .notice_pag3 {
    cursor: pointer;
}





@media screen and (max-width: 900px) {
    .yutube-wrapper section {
        padding-top: 65px;
        padding-bottom: 56px;
    }

    .yutube-wrapper .grid-box {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 390px) {
    .yutube-wrapper .yutube-box .video-txt .tit {
        font-size: 18px;
        line-height: 12px;
    }

    .yutube-wrapper .yutube-box .video-txt .date {
        font-size: 14px;
        line-height: 1;
    }
}




@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.yutube-sec1 {
    padding: 40px 0 90px 0;
    box-sizing: border-box;
}

.yutube-sec3 {
    background-image: url("/img/youtube/yutube-sec2_bg.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 140px 0 40px 0;
    box-sizing: border-box;
    overflow: hidden;
}

.yutube-sec3 h5 {
    color: #67B5A9;
    text-align: center;
    font-family: "Pretendard";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 20px */
}

.yutube-sec3 h3 {
    margin-top: 14px;
    color: #042B48;
    text-align: center;
    font-family: 'GmarketSansMedium';
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}

.yutube-sec3 .box {
    max-width: 1020px;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    height: 516px;
    background-color: #333;
    border-radius: 28px;
    border: 4px solid #0D325C;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.yutube-sec3 .box iframe {
    width: 100%;
    height: 100%;
}

.yutube-sec3 .bottom {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yutube-sec3 .bottom>div {
    display: flex;
    align-items: center;
    gap: 20px;
}

.yutube-sec3 .bottom>div p {
    color: #333;
    font-family: "Pretendard";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    /* 24px */
    letter-spacing: -0.96px;

}

.yutube-sec3 .bottom>div p>span {
    color: #67B5A9;
}

.yutube-sec3 .bottom>a {
    color: #FFF;
    text-align: center;
    font-family: "Pretendard";
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    /* 31.2px */
    letter-spacing: -1.04px;
    padding: 13px 32px;
    box-sizing: border-box;
    background-color: #67B5A9;
    display: flex;
    gap: 25px;
    border-radius: 130px;
    align-items: center;
}

.yutube-sec3 .ani_img {
    position: absolute;
    perspective: 1000px;

}

.yutube-sec3>.left {
    top: 20%;
    left: 5%;
    animation: shake 1.5s infinite linear;
    transform-style: preserve-3d;
    animation-iteration-count: 2;

}

.yutube-sec3>.right {
    bottom: 20%;
    right: 5%;
    animation: shake2 1.5s infinite linear;
    transform-style: preserve-3d;
    animation-iteration-count: 2;
}

@keyframes shake {
    0% {
        transform: rotateX(0deg) rotateY(0deg) translateX(0) rotate(0deg);
    }

    12.5% {
        transform: rotateX(15deg) rotateY(30deg) translateX(-20px) rotate(-5deg);
    }

    25% {
        transform: rotateX(30deg) rotateY(60deg) translateX(-40px) rotate(-10deg);
    }

    37.5% {
        transform: rotateX(45deg) rotateY(90deg) translateX(-20px) rotate(-5deg);
    }

    50% {
        transform: rotateX(60deg) rotateY(120deg) translateX(0) rotate(0deg);
    }

    62.5% {
        transform: rotateX(45deg) rotateY(90deg) translateX(20px) rotate(5deg);
    }

    75% {
        transform: rotateX(30deg) rotateY(60deg) translateX(40px) rotate(10deg);
    }

    87.5% {
        transform: rotateX(15deg) rotateY(30deg) translateX(20px) rotate(5deg);
    }

    100% {
        transform: rotateX(0deg) rotateY(0deg) translateX(0) rotate(0deg);
    }
}

@keyframes shake2 {
    0% {
        transform: rotateX(0deg) rotateY(0deg) translateX(0) rotate(0deg);

    }

    12.5% {

        transform: rotateX(15deg) rotateY(30deg) translateX(20px) rotate(5deg);
    }

    25% {

        transform: rotateX(30deg) rotateY(60deg) translateX(40px) rotate(10deg);
    }

    37.5% {

        transform: rotateX(45deg) rotateY(90deg) translateX(20px) rotate(5deg);
    }

    50% {
        transform: rotateX(60deg) rotateY(120deg) translateX(0) rotate(0deg);
    }

    62.5% {
        transform: rotateX(45deg) rotateY(90deg) translateX(-20px) rotate(-5deg);
    }

    75% {
        transform: rotateX(30deg) rotateY(60deg) translateX(-40px) rotate(-10deg);
    }

    87.5% {
        transform: rotateX(15deg) rotateY(30deg) translateX(-20px) rotate(-5deg);
    }

    100% {
        transform: rotateX(0deg) rotateY(0deg) translateX(0) rotate(0deg);
    }
}

@media screen and (max-width: 1020px) {
    .yutube-sec3 .box {
        max-width: 560px;
        height: 350px;
    }

    .yutube-sec3 .bottom>div p {
        font-size: 18px;
    }

    .yutube-sec3 .bottom>a {
        font-size: 20px;
        padding: 12px 24px;
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .yutube-sec3 h5 {
        font-size: 15px;
    }

    .yutube-sec3 h3 {
        font-size: 18px;
    }

    .yutube-sec3 {
        background-image: url(/img/youtube/yutube-sec2_bg_mo.png);
        padding: 94px 0 42px 0 !important;
    }

    .yutube-sec3 .box {
        width: 90%;
    }

    .yutube-sec3 .bottom>p {
        font-size: 18px;
    }

    /* .yutube-sec3{
        background-position: inherit;
    } */
    .ani_img {
        display: none;
    }

    .yutube-sec3 .bottom {
        flex-direction: column;
        gap: 50px;
    }

    .yutube-sec3 .bottom .img_box {
        max-width: 50px;
    }

    .yutube-sec3 .bottom>div {
        flex-direction: column;
    }

    .yutube-sec3 .bottom>div p {
        text-align: center;
        font-size: 16px;
    }

    .yutube-sec3 .bottom>a {
        font-size: 18px;
        padding: 18px 30px;
    }

    .yutube-sec3 .bottom>a>img {
        width: 40px;
    }
}

@media screen and (max-width: 500px) {
    .yutube-sec3 .box {
        height: 250px;
    }
}

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

/* yutube end */



/* icl3 newsection */
.icl_sec_new {}

.icl_sec_new .isn_common_tit {
    font-size: 44px;
    font-weight: 500;
    text-align: center;
}

.icl_sec_new .isn_common_tit span {
    color: #a48362;
}

.icl_sec_new .isn_con {
    width: 90%;
    margin: 0 auto;
    max-width: 920px;
}

.icl_sec_new .isn_s1 {
    padding: 190px 0 20px;
    background: url(/img/plus/isn_s1_bg.png)no-repeat center /cover;
}

.icl_sec_new .isn_s1_con {
    display: flex;
    flex-direction: column;
    gap: 63px;
    align-items: center;
}

.icl_sec_new .isn_s1_tit_group {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 18px;
    text-align: center;
}

.icl_sec_new .isn_s1_tit {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.icl_sec_new .isn_s1_tit1 {
    font-weight: 500;
    font-size: 54px;
    color: #a48362;
    font-family: 'Noto Serif KR', serif;
}

.icl_sec_new .isn_s1_tit2 {
    font-size: 44px;
    font-weight: 500;
}

.icl_sec_new .isn_s1_txt {
    font-size: 22px;
}

.icl_sec_new .isn_s1_txt span {
    font-size: 22px;
    font-weight: 700;
    color: #67b5a9;
}

.icl_sec_new .isn_s2 {
    padding: 42px 0;
    background-color: #042B48;
    color: #fff;
    text-align: center;
}

.icl_sec_new .isn_s2_txt_group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.icl_sec_new .isn_s2_txt1 {
    font-size: 22px;
    font-weight: 500;
}

.icl_sec_new .isn_s2_txt2 {
    font-size: 32px;
    font-weight: 500;
}

.icl_sec_new .isn_s2_txt3 {
    font-size: 22px;
    font-weight: 700;
}

.icl_sec_new .isn_s3_con {
    padding: 106px 0;
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.icl_sec_new .isn_s3_list_group {
    display: flex;
    flex-direction: column;
    gap: 37px;
}

.icl_sec_new .isn_s3_list {
    background-color: #F2F2F2;
    padding: 20px 0;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    width: 100%;
    line-height: 1.3;
    font-size: 20px;
    font-weight: 500;
}

.icl_sec_new .isn_s3_list span {
    color: #042b48;
    font-weight: 700;
}

.icl_sec_new .isn_s4 {
    background-color: #F2F2F2;
}

.icl_sec_new .isn_s4_list_group {
    display: flex;
    flex-direction: column;
    gap: 37px;
}

.icl_sec_new .isn_s4_list {
    box-shadow: 0 0 3PX #00000042;
    padding: 20px 0 20px 100px;
    display: flex;
    align-items: center;
    gap: 80px;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    width: 100%;
    line-height: 1.3;
    font-size: 20px;
    font-weight: 500;
}

.icl_sec_new .isn_s4_list_tit {
    font-size: 32px;
    color: #a48362;
    font-weight: 700;
}

.icl_sec_new .isn_s4_list_right {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.icl_sec_new .isn_s4_list_right_tit {
    font-size: 22px;
    font-weight: 700;
}

.icl_sec_new .isn_right_list_group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.icl_sec_new .isn_right_list_group.fdr {
    flex-direction: row;
    gap: 45px;
}

.icl_sec_new .isn_right_list {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.icl_sec_new .isn_right_list_check {
    display: flex;
    align-items: center;
    margin-top: 3px;
}

.icl_sec_new .isn_right_list_txt {
    color: #042B48;
    font-size: 22px;
    line-height: 1.2;
}

.icl_sec_new .isn_s5 {
    color: #fff;
    background: url(/img/plus/isn_s5_bg.png)no-repeat center /cover;
}

.icl_sec_new .isn_s5_con {
    padding: 100px 0;
    text-align: center;
    line-height: 1.5;
    font-size: 22px;
}

.icl_sec_new .isn_s5_con span {
    font-weight: 700;
    color: #67B5A9;
}

.icl_sec_new .isn_s6 {
    background: url(/img/plus/isn_s6_bg.png)no-repeat center /cover;
}

.icl_sec_new .isn_s6 .isn_common_tit {
    color: #042B48;
}

.icl_sec_new .isn_s6 .isn_common_tit span {
    color: #fff;
}

.icl_sec_new .isn_s6_con {
    padding: 88px 0;
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.icl_sec_new .isn_s6_list_group {
    display: flex;
    flex-direction: column;
    gap: 46px;
}

.icl_sec_new .isn_s6_list {
    display: flex;
    gap: 18px;
}

.icl_sec_new .isn_s6_list_img {
    width: 291px;
}

.icl_sec_new .isn_s6_list_right {
    width: calc(100% - 291px - 18px);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.icl_sec_new .isn_s6_list_right_tit {
    line-height: 1.3;
    font-weight: 700;
    font-size: 22px;
    padding: 11px 25px;
    border-radius: 50px;
    background-color: #B19375;
    color: #fff;
}

.icl_sec_new .isn_s6_list_right_txt {
    font-size: 20px;
    padding-left: 25px;
    line-height: 1.4;
}

.icl_sec_new .isn_s6_list_right_txt span {
    font-weight: 700;
    color: #042b48;
}

.icl_sec_new .isn_s7 {
    padding: 74px 0;
    background-color: #042B48;
}

.icl_sec_new .isn_s7_txt {
    max-width: 820px;
    width: 80%;
    margin: 0 auto;
}

.icl_sec_new .isn_s8 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 207px 0;
    background: url(/img/plus/isn_s8_bg.png)no-repeat center /cover;
}

.icl_sec_new {}

.icl_sec_new {}

.icl_sec_new {}

.n_767 {}

.b_767 {
    display: none;
}

@media screen and (max-width:767px) {
    .n_767 {
        display: none;
    }

    .b_767 {
        display: block;
    }

    .icl_sec_new .isn_s1 {
        padding: 75px 0;
    }

    .icl_sec_new .isn_s1_img {
        max-width: 400px;
        margin: 0 auto;
    }

    .icl_sec_new .isn_s1_tit1 {
        font-size: 30px;
    }

    .icl_sec_new .isn_s1_tit2 {
        font-size: 30px;
    }

    .icl_sec_new .isn_s1_txt {
        font-size: 16px;
    }

    .icl_sec_new .isn_s1_txt span {
        font-size: 16px;
        line-height: 1.5;
    }

    .icl_sec_new .isn_s1_con {
        gap: 32px;
    }

    .icl_sec_new .isn_s2_txt_group {
        width: 90%;
        margin: 0 auto;
    }

    .icl_sec_new .isn_s2_txt1 {
        font-size: 24px;
        line-height: 1.5;
    }

    .icl_sec_new .isn_s2_txt2 {
        font-size: 24px;
        line-height: 1.5;
        font-weight: 700;
    }

    .icl_sec_new .isn_s2_txt3 {
        font-size: 24px;
        line-height: 1.5;
        font-weight: 500;
    }

    .icl_sec_new .isn_common_tit {
        font-size: 30px;
        line-height: 1.3;
    }

    .icl_sec_new .isn_s3_con {
        padding: 70px 0;
        gap: 30px;
    }

    .icl_sec_new .isn_s3_list {
        padding: 30px 10px;
        line-height: 1.5;
        font-size: 18px;
    }

    .icl_sec_new .isn_s4_list {
        padding: 30px 21px;
        flex-direction: column;
        gap: 10px;
    }

    .icl_sec_new .isn_s4_list_tit {
        font-size: 24px;
    }

    .icl_sec_new .isn_s4_list_right {
        text-align: center;
    }

    .icl_sec_new .isn_right_list_txt {
        text-align: left;
    }

    .icl_sec_new .isn_s4_list_right {
        gap: 10px;
    }

    .icl_sec_new .isn_right_list_check {
        width: 15px;
    }

    .icl_sec_new .isn_right_list_txt {
        width: calc(100% - 10px - 15px);
        font-size: 18px;
    }

    .icl_sec_new .isn_right_list_group.fdr {
        flex-direction: column;
        gap: 10px;
    }

    .icl_sec_new .isn_s5_con {
        padding: 70px 0;
        font-size: 18px;
    }

    .icl_sec_new .isn_s6_con {
        padding: 66px 0;
        gap: 30px;
    }

    .icl_sec_new .isn_s6_list_right {
        width: 100%;
    }

    .icl_sec_new .isn_s6_list {
        flex-direction: column;
    }

    .icl_sec_new .isn_s6_list_right_tit {
        border-radius: 10px;
        font-size: 20px;
        text-align: center;
    }

    .icl_sec_new .isn_s6_list_img {
        width: 100%;
    }

    .icl_sec_new .isn_s6_list_img img {
        width: 100%;
    }

    .icl_sec_new .isn_s6_list_right_txt {
        padding-left: 0;
        font-size: 16px;
        text-align: center;
    }

    .icl_sec_new .isn_s7 {
        padding: 40px 0;
    }

    .icl_sec_new .isn_s7_txt {
        max-width: 370px;
    }

    .icl_sec_new .isn_s8 {
        padding: 60px 0;
    }


    .icl_sec_new {}
}

/* 250331 인트로 비디오 추가 */
.video-sec {
    width: 100%;
    position: relative;
    height: calc(100vh);
    overflow: hidden;
    background: #000;
}

.video-sec>div {
    height: 100%;
}

.video-sec video {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.int1-sec-award {
    height: auto;
    padding-bottom: 60px;
}


.hidden {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.video-sec .img-box {
    position: relative;
}

.video-thumb-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    object-fit: contain;
    height: 100%;
    cursor: pointer;
}

.int1-sec-award .swiper-box {
    margin-top: 50px;
}

.int2-sec2-swiper .img-box {
    display: flex;
    justify-content: center;
    text-align: center;
}

.int2-sec2-swiper .swiper-slide .text-box {
    text-align: center;
}

.int2-sec2-swiper .swiper-slide p {
    text-align: center;
}

@media screen and (max-width: 1250px) {
    .int1-sec-award .swiper-box {
        margin-top: 20px;
    }

    .int2-sec2-swiper .swiper-slide p {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        color: #000;
    }
}

/* 250409_상패추가 */
.spec1-sec13 .cont-left {
    max-width: 583px;
}

.spec1-wrapper .spec1-sec13 .reward-group {
    margin-top: 30px;
}

.reward-swiper {
    overflow: hidden;
    padding-bottom: 30px;
}

.reward-swiper .swiper-wrapper {
    align-items: center;
}

.reward-swiper .swiper-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: space-between;
    justify-content: center;
    cursor: pointer;
}

.reward-swiper .img-box {
    height: 100%;
    display: flex;
    justify-content: center;
    transform: scale(0.7);
    filter: grayscale(1);
    transition: all 0.3s;
    min-height: 210px;
    align-items: center;
}

.reward-swiper .swiper-slide img {
    display: block;
    margin: 0;
    height: auto;
}

.reward-swiper .swiper-slide:hover .img-box {
    transform: scale(0.8);
    filter: grayscale(0);
}

.reward-swiper p {
    position: absolute;
    bottom: -30px;
    opacity: 0;
    text-align: center;
    transition: opacity 0.3s;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    min-height: 38px;
    color: #fff;
}

.reward-swiper .swiper-slide:hover p {
    opacity: 1;
}

@media screen and (max-width: 1250px) {
    .quick_group .quick-box .btn-box .img-box {
        display: flex;
        align-items: center;
        height: 32px;
        justify-content: center;
    }

    .quick_group .quick-box .btn-box {
        height: 54px;
        justify-content: space-between;
    }

    .quick_group .quick-box .btn-box._kakao .text-box {
        position: relative;
        top: unset;
    }

    .quick_group .quick-box .btn-box._map .text-box {
        top: unset;
    }
}

@media screen and (max-width:768px) {
    .quick_group .quick-box .btn-box {
        height: 48px;
        justify-content: space-between;
    }

    .quick_group .quick-box .btn-box .img-box {
        max-width: 70%;
        height: 27px;
    }

    .quick_group .quick-box .btn-box._naver .img-box {
        max-width: 50%;
    }

    .quick_group .quick-box {
        gap: 20px;
    }

    .quick_group .quick-box .btn-box .text-box {
        text-align: center;
        word-break: keep-all;
    }
}

@media screen and (max-width:430px) {
    .quick_group .quick-box {
        justify-content: space-between;
    }

    .quick_group .quick-box {
        gap: 10px;
    }
}


.caution-box {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 30px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.10);
}

.caution-box .bold {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 16px;
}

.caution-description {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: -0.36px;
}

@media screen and (max-width:820px) {
    .caution-box .bold {
        font-size: 16px;
    }

    .caution-description {
        font-size: 15px;
    }
}