/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}


html,
body {
    background: #fff;
    font-family: 'Pretendard', sans-serif;
    overflow-x: hidden;
    max-width: 1920px;
    min-width: 300px;
    width: 100%;
    margin: auto;
}

#aside,
#ft,
#hd {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
strong {
    font-family: 'Pretendard', sans-serif;
}

.ip {
    display: none;
}

/*而댄뵆由ы듃 �섏씠吏�*/
#hd,
#ft,
#aside {
    display: none;
}

.com_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.com_content h1 {
    text-align: center;
    font-size: 3vw;
}

.com_content button {
    display: inline-block;
    border: 9px solid #fff;
    border-radius: 26px;
    height: 108px;
    width: 436px;
    font-size: 38px;
    margin: 30px;
    font-family: 'nanumsquare';
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    background: linear-gradient(45deg, #dc5f64, #ae3f91);
    position: relative;
    cursor: pointer;
}

section {
    width: 100%;
    position: relative;
}

main {
    max-width: 1000px;
    margin: 0 auto;
    overflow-x: hidden;
}

section {
    max-width: 500px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

section .big-img.poa {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

section .big-img {
    margin: 0 auto;
    max-width: 1000px;
}

section .big-img img {
    width: 100%;
}

.all_landing {
    width: 100%;
    position: relative;
}

.all_landing {
    max-width: 1000px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.all_landing .big-img.poa {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.all_landing .big-img {
    margin: 0 auto;
    max-width: 1000px;
}

.all_landing .big-img img {
    width: 100%;
}

.swiper {
    width: 100%;
    height: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .swiper .swiper-button-next, .swiper1 .swiper-button-prev { width: 30px; height: 30px; background-image: none; border-bottom: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255);  }  */
/* .swiper .swiper-button-prev { rotate: -225deg; }  */
/* 湲곕낯�ㅼ젙 �� */
/* �꾩뿉源뚯��� �� 湲곕낯css 異뷀썑 �쒕뵫 �묒뾽 �� �� 遺�遺� ��젣�섏� 留먭쾬 */
/* ******************************************************************************************************** */
/* ******************************************************************************************************** */

/* 媛곴컖�� �곸뿭�� �뱀뀡�쇰줈 留뚮뱶�붿꽌 愿�由ы븯�쒕㈃ �명빀�덈떎. �꾨옒泥섎읆 肄붾뱶瑜� �곸뼱�� �ъ슜�섏떆硫� �⑸땲��! */
/* // �ш린遺��곕뒗 �먯쑀濡�쾶 肄붾뵫�섏꽭��! �뱀떊�� �좎옱�μ쓣 蹂댁뿬二쇱꽭��! �ㅻ뒛�� �뱀떊�� 硫뗭쭊 �щ엺�낅땲��! �뚯씠��! */
/* section[index="0"]{max-width: none;} */

.big_bg {
    position: fixed;
    top: 0;
    background-color: #2E2B21;
    height: 100%;
    width: 100%;
}

/* section{min-height: 900px;} */

.bg_group {
    overflow: hidden;
    background-color: #2E2B21;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

.sec3_slide1_bg {
    display: flex;
    position: relative;
}

.rolling-list ul {
    overflow: hidden;
    display: flex;
    width: max-content;
}

.rolling-list ul li {
    overflow: hidden;
    color: #8b8b8b0d;
    box-sizing: border-box;
    border-radius: 20px;
    margin: -25px 16px;
    padding: 10px 31px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 257px;
    font-weight: 600;
    font-family: 'REVONZA';
}

.rolling-list {
    height: max-content;
}

.rolling-list.original {
    animation: rollingleft1 100s linear infinite;
}

.rolling-list.clone {
    animation: rollingleft2 100s linear infinite;
}

.rolling-list.original-reverse {
    animation: rollingleft1-reverse 100s linear infinite;
}

.rolling-list.clone-reverse {
    animation: rollingleft2-reverse 100s linear infinite;
}

.sec3_slide1_bg * {
    -webkit-transform: translate3d(0, 0, 0);
}

@keyframes rollingleft1 {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-100%);
    }

    50.01% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes rollingleft2 {
    0% {
        transition: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}


@keyframes rollingleft1-reverse {
    0% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(0%);
    }

    50.01% {
        transform: translateX(-200%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes rollingleft2-reverse {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@import url('https://fonts.cdnfonts.com/css/steelfish');

section[index="1"] {
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 85px;
}

section[index="1"] .tit1_2 {
    width: 90%;
    margin: 0 auto;
    display: flex;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -2px;
    color: #fff;
    font-family: 'GmarketSans';
}

section[index="1"] .tit1 {
    width: 90%;
    margin: 0 auto;
    display: flex;
    font-size: 44px;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: -2px;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    font-family: 'GmarketSans';
    margin-bottom: 20px;
}

section[index="1"] .tit2 {
    width: 90%;
    margin: 0 auto;
    display: flex;
}

section[index="1"] .tit2 img {
    width: 400px;
    max-width: 100%;
}

section[index="1"] .percent_group {
    width: 90%;
    margin: 0 auto;
    display: flex;
    margin-top: 65px;
    position: relative;
}

section[index="1"] .percent_group .percent_tit {
    position: relative;
    z-index: 1;
    white-space: nowrap;
    font-size: 40px;
    line-height: 45px;
    font-weight: 600;
    font-family: 'GmarketSans';
    color: #fff;
    text-align: center;
}

section[index="1"] .percent_group .percent_num {
    position: relative;
    z-index: 0;
    animation: changeColor 10s linear infinite;
    margin-top: 0px;
    margin-left: -120px;
    font-size: 312px;
    color: #EECAA2;
    font-family: 'Steelfish', sans-serif;
    font-weight: 500;
    position: relative;
    width: 100%;
}

section[index="1"] .percent_group .percent {
    position: absolute;
    font-weight: 600;
    font-family: 'GmarketSans';
    color: #fff;
    font-size: 78px;
    bottom: 5%;
    right: 0%;
}

.sec1_btn {
    z-index: 999;
    position: fixed;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
    width: 360px;
    height: 58px;
    background-color: #fff;
    border: 1px solid #FF0000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'GmarketSans';
    color: #cc0011;
}

.sec1_btn img {
    width: 100%;
}

section[index="1"] {}

@keyframes changeColor {

    1%,
    18% {
        color: #EECAA2;
    }

    21%,
    38% {
        color: #007231;
    }

    41%,
    58% {
        color: #EECAA2;
    }

    61%,
    78% {
        color: #0057AA;
    }

    81%,
    99% {
        color: #CC0011;
    }
}

section[index="1"] {}

section[index="1"] {}

@media screen and (max-width:370px) {
    section[index="1"] .percent_group .percent_num {
        margin-left: -157px;
        transform: scale(0.9);
    }
}

section[index="2"] {
    display: flex;
    flex-direction: column;
    gap: 67px;
    margin-bottom: 80px;
}

section[index="2"] .sec2_tit {
    position: relative;
    text-align: left;
    padding-left: 5%;
    z-index: 2;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    font-family: 'GmarketSans';
}

section[index="2"] .sec2_sub_tit {
    position: relative;
    z-index: 2;
    text-align: left;
    padding-left: 5%;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    font-family: 'GmarketSans';
}

section[index="2"] .sec2_tit1 {
    font-size: 36px;
    line-height: 50px;
}

section[index="2"] .sec2_tit2 {
    font-size: 76px;
}

section[index="2"] .sec2_sub_tit1 {
    font-size: 68px;
}

section[index="2"] .sec2_sub_tit2 {
    font-size: 36px;
    line-height: 50px;
}

section[index="2"] .sec2_que_bx {
    width: 500px;
    position: absolute;
    z-index: 1;
    top: 20%;
    left: -30%;
}

section[index="2"] .sec2_que_bx>div {
    width: 100%;
    position: absolute;
    top: 0;
}

section[index="2"] .sec2_que_bx img {
    max-width: 100%;
}

section[index="2"] .sec2_bx_group {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 21px;
    line-height: 33px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 11px;
}

section[index="2"] .sec2_bx {
    width: 90%;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    text-align: center;
}

section[index="2"] .sec2_bx:nth-child(1) {
    border: 2px solid #E9E9E7;
}

section[index="2"] .sec2_bx:nth-child(2) {
    border: 2px solid #D2B993;
}

section[index="2"] .sec2_bx:nth-child(3) {
    border: 2px solid #0057AA;
}

section[index="2"] .sec2_bx:nth-child(4) {
    border: 2px solid #CC0011;
}

section[index="2"] .sec2_que1 {
    animation: changeOpacity 5s linear infinite;
    z-index: 1;
}

section[index="2"] .sec2_que2 {
    z-index: 0;
}

section[index="3"] {}

section[index="3"] .sec3_tit {
    width: 90%;
    margin: 0 auto;
    font-size: 34px;
    font-weight: 600;
    font-family: 'GmarketSans';
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    letter-spacing: -1.5px;
}

section[index="3"] .sec3_tit>span {
    font-family: 'GmarketSans';
    color: #FFD3B2;
    -webkit-text-stroke: 1px transparent;
    margin-right: 10px;
    font-weight: 900;
    font-size: 47px;
}

section[index="3"] .sec3_img {
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 60px;
}

section[index="3"] .sec3_img img {
    width: 100%;
}

section[index="3"] .sec3_swi_bx {
    margin-top: 50px;
}

section[index="3"] {}

section[index="3"] {}

@keyframes changeOpacity {

    0%,
    19% {
        opacity: 1;
    }

    20%,
    21% {
        opacity: 0;
    }

    22%,
    35% {
        opacity: 1;
    }

    35%,
    36% {
        opacity: 0;
    }

    37%,
    38% {
        opacity: 1;
    }

    38%,
    39% {
        opacity: 0;
    }

    40%,
    66% {
        opacity: 1;
    }

    67%,
    68% {
        opacity: 0;
    }

    69%,
    100% {
        opacity: 1;
    }
}


section .swiper-button-next-custom,
section .swiper-button-prev-custom {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}

section .swiper-button-next-custom {
    background: url(../img/swi_right.png)no-repeat center /contain;
    right: 5%;
}

section .swiper-button-prev-custom {
    background: url(../img/swi_left.png)no-repeat center /contain;
    left: 5%;
}

section .swiper-button-next-custom.swiper-button-disabled,
section .swiper-button-prev-custom.swiper-button-disabled {
    opacity: 0.6;
}

section[index="4"] {
    margin-top: 85px;
    padding-bottom: 85px;
}

section[index="4"] .sec3_tit {
    width: 90%;
    margin: 0 auto;
    font-size: 44px;
    font-weight: 600;
    font-family: 'GmarketSans';
    -webkit-text-stroke: 1px #fff;
    color: transparent;
}

section[index="4"] .sec3_tit>span {
    color: #F99900;
    -webkit-text-stroke: 1px transparent;
    margin-right: 10px;
    font-weight: 900;
}

section[index="4"] .sec3_img {
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
}

section[index="4"] .sec3_img img {
    width: 100%;
}

section[index="4"] .sec4_swi_bx {
    margin-top: 50px;
}

section[index="5"] {
    background-color: #fff;
}

section[index="5"] .sec5_img {
    width: 100%;
}

section[index="5"] .sec5_img img {
    width: 100%;
}

section[index="5"] {}

section[index="5"] {}

section[index="5"] {}


section[index="6"] {
    overflow: hidden;
    background: url(../img/sec6_bg.png)no-repeat center /cover;
}

section[index="6"]>.div {
    width: 100%;
}

section[index="6"] .sec6_tit {
    width: 90%;
    margin: 0 auto;
    padding-top: 35px;
    position: relative;
    z-index: 2;
}

section[index="6"] img {
    width: 100%;
}

section[index="6"] {}

section[index="6"] {}

section[index="6"] {}

.sec6_pro {
    position: relative;
    z-index: 2;
}

.sec6_swi_group {
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 90%;
}

.sec6_swi_cont {}

.sec6_left_arr,
.sec6_right_arr {
    display: flex;
    align-items: center;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.sec6_left_arr {
    left: 0;
}

.sec6_right_arr {
    right: 0;
}


.sec6_swi {
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 35px;
    background: transparent;
    overflow: visible !important;
}

.sec6_swi .swiper-slide {
    transition: 0.4s;
    opacity: 0;
    background: transparent;
    color: #fff;
    height: 35px;
    width: 100%;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec6_swi .swiper-slide.swiper-slide-prev,
.sec6_swi .swiper-slide.swiper-slide-next {
    opacity: 0.5;
}

.sec6_swi .swiper-slide.swiper-slide-active {
    opacity: 1;
    font-weight: 600;
    font-size: 15px;
}


section[index="7"] {
    position: relative;
    padding-bottom: 50px;
    background-color: #fff;
}

section[index="7"] .sec5_img {
    width: 100%;
}

section[index="7"] .sec5_img img {
    width: 100%;
}

section[index="7"] .sec7_btn {
    position: absolute;
    bottom: 70px;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
}

section[index="7"] .sec7_btn img {
    width: 100%;
}

/* �대떦 肄붾뱶�ㅼ� 移댁슫�� 愿��� 肄붾뱶�ㅼ엯�덈떎. 留뚯빟 移댁슫�곌� �ㅼ뼱媛�吏� �딅뒗 �쒕뵫�대씪硫� ��젣�섏떆硫� �⑸땲��! */
.counter {
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 100%;
    color: #fff;
    max-width: 1000px;
    margin: 0 auto;
    background-color: #2a2a2a;
}

.font-yellow {
    color: #fffc3f;
}

@media screen and (max-width: 1000px) {
    .counter {
        font-size: 4vw;
    }
}

@media screen and (max-width: 500px) {
    .counter {
        font-size: 5vw;
    }
}

/* �대떦 肄붾뱶�ㅼ� 移댁슫�� 愿��� 肄붾뱶�ㅼ엯�덈떎. 留뚯빟 移댁슫�곌� �ㅼ뼱媛�吏� �딅뒗 �쒕뵫�대씪硫� ��젣�섏떆硫� �⑸땲��! */


.form_tit {
    font-size: 20px;
    font-weight: 900;
    padding-top: 9px;
}

.form_tit .color {
    color: #B90000;
}

/* quick btn mobile start */
.quick_reserv_mobile {
    display: none;
    position: relative;
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

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

.quick_reserv_mobile .reserv_btn_box>div {
    position: relative;
    bottom: 0;
    transition: .4s bottom;
    transform: translateY(0);
    border-radius: 20px 20px 0 0;
    /* border: 2px solid #fff; */
    filter: drop-shadow(0 -5px 6px #00000034);
    width: 100%;
    border-bottom: none;
}

.quick1 .quick_reserv_mobile .reserv_btn_box>div,
.quick2 .quick_reserv_mobile .reserv_btn_box>div {
    filter: drop-shadow(0 -10px 6px #00000034);
}

.arr {
    width: 20px;
}

.quick_reserv_mobile .reserv_btn_cont {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
}

.quick_reserv_mobile .reserv_cont_inner {
    position: absolute;
    left: 0;
    right: 0;
    height: inherit;
    background: #fff;
    padding: 0px 0px;
    width: 100vw;
}

.quick_reserv_mobile .reserv_cont_top_box {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 80%;
    margin-bottom: 20px;
    padding-top: 23px;
}

.quick_reserv_mobile .reserv_bottom {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    gap: 10px;
}

.quick_reserv_mobile .reserv_icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;

}

.icpn_img {
    height: 45px;
    display: flex;
    align-items: center;
}

.quick_reserv_mobile .reserv_icon img {
    width: auto;
    object-fit: contain;
}

.quick_reserv_mobile .bottom_box {
    background: #DFD7A9;
    padding: 17px 15px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.quick_reserv_mobile .bottom_box img {
    width: 37%;
}

.quick_reserv_mobile .bottom_box.bottom_right_box img {
    width: 27%;
}

.quick_reserv_mobile .reserv_icon p {
    color: #303030;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

.quick_reserv_mobile .reserv_cont_inner .bottom_box p {
    color: #fff;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
}

.quick1 .quick_reserv_mobile .reserv_btn1,
.quick1 .quick_reserv_mobile .reserv_btn2 {
    bottom: 217px;
    z-index: 999;
}

.quick2 .quick_reserv_mobile .reserv_btn1,
.quick2 .quick_reserv_mobile .reserv_btn2 {
    bottom: 217px;
    z-index: 999;
}

.quick_reserv_mobile .reserv_line {
    width: 1px;
    height: 84px;
    background: #DFD7A9;
}

.quick_reserv_mobile .reserv_cont_inner {
    transition: .4s;
    bottom: -217px;
    height: 217px;
    width: 100%;
    z-index: 1000;
    /* opacity: 0; */
}

.quick_reserv_mobile .reserv_cont_inner.reserv_cont_inner2 {
    bottom: -262px;
}

.quick_reserv_mobile .reserv_cont_inner.reserv_cont_inner1 {
    /* padding: 46px 0; */
}

.quick1 .quick_reserv_mobile .reserv_cont_inner1 {
    height: 217px;
    bottom: 0;
    /* z-index: 99; */
    /* filter: drop-shadow(0 -5px 10px rgb(0, 0, 0, .3)); */
    opacity: 1;
}

.quick2 .quick_reserv_mobile .reserv_cont_inner2 {
    bottom: 0;
    /* z-index: 99; */
    /* filter: drop-shadow(0 -5px 10px rgb(0, 0, 0, .3)); */
    opacity: 1;
}

.quick_reserv_mobile .reserv_btn_cont img {
    transform: rotate(180deg);
    transition: .4s;
}

/* .quick_reserv_mobile .reserv_btn2 .reserv_btn_cont {filter: brightness(10);} */
.quick1 .quick_reserv_mobile .reserv_btn1 .reserv_btn_cont img {
    transform: rotate(0deg);
}

.quick2 .quick_reserv_mobile .reserv_btn2 .reserv_btn_cont img {
    transform: rotate(0deg);
}

.quick_reserv_mobile .reserv_cont_inner.reserv_cont_inner2 {
    background: #DFD7A9;
    height: 217px;
}

.quick_reserv_mobile .reserv_cont_inner.reserv_cont_inner2 * {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.quick_reserv_mobile .q_r_m_upbx {
    box-shadow: 0 3px 6px #00000034;
    margin: 0 auto;
    width: 172px;
    height: 50px;
    border-radius: 20px 20px 0 0;
    background-color: #00BDDB;
    color: #fff;
    gap: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quick_reserv_mobile .q_r_m_upbx_2 {
    transition: 0.4s bottom;
    height: 10px;
    transform: rotate(180deg);
}

.quick_reserv_mobile .q_r_right_2 {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
    color: #fff;
    width: 64%;
}

.quick_reserv_mobile .q_r_right_2 .private {
    width: 15px;
    height: 15px;
    transition: 0.4s bottom;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    top: 1px;
}

.quick_reserv_mobile .q_r_right_2 .private:checked {
    background-color: #035764;
}

.quick_reserv_mobile .q_r_right_2 label {
    cursor: pointer;
}

.quick_reserv_mobile .q_r_m_down_bx_con {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.quick_reserv_mobile .q_r_m_down_bx_con input[type="text"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    padding-bottom: 2px;
    font-family: 'Pretendard', sans-serif;
    width: 100%;
}

.quick_reserv_mobile .q_r_m_down_bx_con input::placeholder {
    color: #fff;
}

.quick_reserv_mobile .mb_option {
    padding-bottom: 5px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-family: 'Pretendard', sans-serif;
    border: none;
    width: 30%;
}

.quick_reserv_mobile .mb_option option {
    color: #000;
}

.quick_reserv_mobile .q_r_mb_btn {
    height: 48px;
    width: 180px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #25AFA6;
    margin: 0 auto;
    background: url(../img/main//mobile/quick_btn_bg.png)no-repeat center center / contain;
}

.quick_reserv_mobile .checkbox-wrapper-4 .cbx:hover span:first-child {
    border-color: #fff;
}

.checkbox-wrapper-4 * {
    box-sizing: border-box;
}

.checkbox-wrapper-4 .cbx {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0px 8px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    display: inline-block;
    padding-left: 0;
}

.checkbox-wrapper-4 .cbx:not(:last-child) {
    /* margin-right: 6px; */
    padding-right: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;

}

.checkbox-wrapper-4 .cbx:hover {
    background: rgba(0, 119, 255, 0.06);
}

.checkbox-wrapper-4 .cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-4 .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all 0.2s ease;
    box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
    margin: 2px 0;
}

.checkbox-wrapper-4 .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
    margin: 1px 0;
}

.checkbox-wrapper-4 .cbx span:last-child {
    padding-left: 8px;
    line-height: 18px;
}

.checkbox-wrapper-4 .cbx:hover span:first-child {
    border-color: #07f;
}

.checkbox-wrapper-4 .inp-cbx {
    position: absolute;
    visibility: hidden;
}

.checkbox-wrapper-4 .inp-cbx:checked+.cbx span:first-child {
    background: #07f;
    border-color: #07f;
    animation: wave-4 0.4s ease;
}

.checkbox-wrapper-4 .inp-cbx:checked+.cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.checkbox-wrapper-4 .inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
}

.quick1 .quick_reserv_mobile .filter_m,
.quick2 .quick_reserv_mobile .filter_m {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: calc(100vh);
}

.quick_reserv_mobile {
    display: block;
    text-align: center;
}

.quick_btn {
    display: none;
}


.input_group2 {
    display: flex;
    gap: 12px;
    align-items: center;
}

.input_tit2 {
    font-size: 15px;
    width: 70px;
    font-weight: 600;
    text-align: left;
}

.input2 {
    width: calc(100% - 27px);
}

.input2 input {
    padding-left: 5px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background-color: #fff;
    height: 36px;
}

.tel2 {
    margin-top: 16px;
}

.privacy2 {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.sub-btn2 {
    font-size: 19px;
    font-weight: 600;
    border: none;
    color: #232323;
    width: 207px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: inset 0 -5px 8px #00000093;
}

.privacy3 {
    font-size: 15px;
    color: #232323;
}

.privacy3 a {
    font-size: 15px;
    color: #232323;
}

.reserv_cont_inner * {
    font-family: 'Pretendard', sans-serif;
}

.reserv_cont_inner>form {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

.privacy2 input {
    width: 16px;
    height: 16px;
    border-radius: 0;
    border: 1px solid #232323;
}

a {
    display: block;
}


.sec2_tit,
.sec3_tit,
.sec4_tit,
.sec5_tit,
.sec6_tit,
.sec7_tit {
    max-width: 80% !important;
}

/* quick btn mobile end */
.sec_inner {
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.landing_header {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 500px;
    z-index: 10;
}

.wrap {
    overflow: hidden;
    max-width: 500px;
    margin: 0 auto;
}

.wrap img {
    width: 100%;
    max-width: 100%;
}

.sec1 {
    padding: 100px 0 80px;
    background: url(../img/img_0102.png?v=1) center center / cover no-repeat;
    min-height: 280px;
}

.sec1_tit {
    padding: 0 10px;
}

.sec2 {
    overflow: hidden;
    padding: 70px 0 110px;
    background: url(../img/img_0202.png) center center / cover no-repeat;
}

.sec2_tit {
    padding-bottom: 30px;
}

.sec2Swiper {
    position: relative;
}

.sec2 .swiper-slide {
    width: calc(100%/2)
}

.sec2 .swiper-pagination {
    top: unset !important;
    bottom: -35px !important;
}

.sec2 .swiper-pagination-bullet-active {
    background: #171717;
}

.sec3 {
    overflow: hidden;
    padding: 70px 0 110px;
    background: url(../img/img_0302.png) center center / cover no-repeat;
}

.sec3_tit {
    padding-bottom: 40px;
}


.sec3Swiper {
    position: relative;
}

.sec3 .swiper-slide {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
}

.sec3 .swiper-pagination {
    top: unset !important;
    bottom: -35px !important;
}

.sec3 .swiper-pagination-bullet {
    background: #fff;
}

.sec3 .swiper-pagination-bullet-active {
    background: #ffffff;
}

.sec3 .sec3_txt {
    display: flex;
    justify-content: center;
    max-width: 200px;
    margin: 0 auto;
    position: relative;
    padding-top: 130px;
}

.sec4 {
    overflow: hidden;
    padding: 70px 0 60px;
    background: url(../img/img_0402.png) center center / cover no-repeat;
}

.sec4_tit {
    padding-bottom: 40px;
}

.sec4_list {
    padding: clamp(10px, 8vw, 50px) 0 clamp(10px, 18vw, 80px);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec4_list li {
    transition: all 0.6s;
    animation: swing 2s ease-in-out infinite;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.10), 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.sec4_list li img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.sec4_list li:nth-child(1) {
    z-index: 2;
    margin-top: -60px;
}

.sec4_list li:nth-child(2) {
    margin: 0 -14px;
    z-index: 1;
    animation: swing 2.5s ease-in-out infinite;
}

.sec4_list li:nth-child(3) {
    margin-bottom: -60px;
    animation: swing 3s ease-in-out infinite;
}

@keyframes swing {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.sec4_btn {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
}

.sec5 {
    overflow: hidden;
    padding: 70px 0 100px;
    background: url(../img/img_0502.png) center center / cover no-repeat;
}

.sec5 .sec4_list {
    padding: clamp(10px, 8vw, 30px) 0 clamp(10px, 18vw, 80px);
}

.sec5_tit {
    padding-bottom: 40px;
}


.sec5 .sec4_list li:nth-child(1) {
    z-index: 2;
    margin-top: unset;
    margin-bottom: -60px;

}

.sec5 .sec4_list li:nth-child(2) {
    margin: 0 -14px;
    z-index: 1;
}

.sec5 .sec4_list li:nth-child(3) {
    margin-bottom: unset;
    margin-top: -60px;
}

.sec6 {
    overflow: hidden;
    background: #DFFAFF;
    padding: 70px 0 60px;
}

.sec6_tit {
    padding-bottom: 40px;
}

.sec6_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 0 20px;
}

.sec6_list li {
    border-radius: 40px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
}

.sec7 {
    padding: 70px 0 80px;
    overflow: hidden;
    background: url(../img/img_0702.png) center center / cover no-repeat;
}

.sec7_tit {
    padding-bottom: 40px;
}

.sec7_box {
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    object-fit: 16 / 9;
    margin-bottom: 30px;
}

.sec7_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.sec7_box:hover img {
    transform: scale(1.06);
}

.sec7_btn {
    display: block;
    margin-bottom: 10px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
}

/* 鍮좊Ⅸ �곷떞 �덉빟 */
.quick_reserv_mobile {
    transition: transform 0.5s ease;
    transform: translate(-50%, calc(100% - 45px))
}

.quick_on .quick_reserv_mobile {
    z-index: 99999999 !important;
}

.quick_on .quick_reserv_mobile {
    transform: translate(-50%, 0)
}

.reserv_btn {
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    max-width: 180px;
    font-weight: 500;
}

.reserv_btn_cont p {
    font-weight: 600;
}

.form_reserve {
    background: #fff;
}

input[type="text"] {
    appearance: none;
    border: none;
    width: 100%;
    padding: 14px 12px;
    border-radius: 7px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.56px;
    color: #000000;
}

input[type="text"]:focus {
    outline: none;
    border: none;
}

input[type="text"]::placeholder {
    color: #8D8D8D;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.56px;
}

.input_group label {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.input_wrap {
    display: flex;
    gap: 12px;
    margin-bottom: 10px;
    height: 50px;
}

.input_wrap .input_group:nth-child(1) {
    width: 30%;
}

.input_wrap .input_group:nth-child(2) {
    width: 20%;
}

.input_wrap .input_group:nth-child(2) input {}


.input_wrap .input_group:nth-child(3) {
    width: 50%;
}

.form_reserve {
    padding: 30px 20px;
}

.agree_wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 18px;
    color: #333233;
    font-family: Pretendard;
    font-size: 26.603px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.532px;
}

.agree_wrap label {
    cursor: pointer;
}

.agree_wrap input[type="checkbox"] {
    appearance: none;
    border: 1px solid #333;
    border-radius: 3px;
    width: 15px;
    height: 15px;
    transition: all 0.6s;
}

.agree_wrap input[type="checkbox"]:checked {
    border: none;
    background: url(../img/ico_check.svg) no-repeat center center / 100% 100%;
}

.privacy3 {
    display: flex;
}

.privacy3 a {
    text-decoration: underline;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-offset: 2px;
}

.form_reserve .s_btn {
    appearance: none;
    background: unset;
    border: none;
}

.input_inner {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    padding: 1px;
    display: inline-block;
    background: #D0D0D0;
    transition: all 0.8s ease;
}

.input_inner:focus,
.input_inner:focus-within,
.input_inner:focus-visible {
    background: #FFF;
    box-shadow: 0px 2.836px 8.509px 0px rgba(0, 0, 0, 0.10);
    background: linear-gradient(90deg, var(--Signature-Sub_Sky, #2FA6CE) 0%, var(--Signature-Sub_Pink, #D26FA8) 50%, var(--Signature-Sub_Orange, #E57627) 100%);
}

input[type="text"]:focus,
input[type="text"]:focus-visible,
input[type="text"]:focus-within {
    box-shadow: none;
    border: none !important;
}

[data-aos=fade-down] {
    transform: translate3d(0, -30px, 0) !important;
}

[data-aos=fade-up] {
    transform: translate3d(0, 40px, 0) !important;
}


[data-aos=fade-down].aos-animate,
[data-aos="fade-up"].aos-animate {
    transform: translate3d(0, 0px, 0) !important;
}