@font-face {
    font-family: 'TTHakgyoansimSamulhamR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimSamulhamR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'TTHakgyoansimJiugaeR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimJiugaeR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Danjo-bold-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Danjo-bold-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-red1:#E50817;
    --color-red2: #FF2332;
    --font-tth:'TTHakgyoansimSamulhamR', sans-serif;
    --font-gmarket-l:'GmarketSansLight', sans-serif;
    --font-gmarket-m:'GmarketSansMedium', sans-serif;
    --font-gmarket-b:'GmarketSansBold', sans-serif;
    --font-nun: 'Nunito Sans', sans-serif;
    --font-tth2:'TTHakgyoansimJiugaeR';
    --font-danjo:'Danjo-bold-Regular';
}

/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner {max-width:1200px; margin:0 auto; width: 100%;}
.inner2 {max-width:1400px; margin:0 auto; width: 100%;}
input.checkbox {width: 15px; height: 15px; background: url("/img/main/checkbox_chk.svg") no-repeat center / 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; cursor: pointer;}
input.checkbox:checked{border: none; background: url("/img/main/checkbox_chked.svg") no-repeat center / 100%;}

.tth{font-family: var(--font-tth) !important; font-weight: 400 !important;}
.tth2{font-family: var(--font-tth2) !important; font-weight: 400 !important;}
.point{color: var(--color-red1) !important;}
.point2{color: var(--color-red2) !important;}
.section.bg_bk{background: #000;}
.section.has_bg{padding: 150px 0;} 

/* cursor */
.cursor {position: absolute; z-index: 200;}
.cursor img {width: 50px;}

/* HEADER */
.header {height:100px; position:fixed; top:0; z-index:100; width:100%; background: var(--color-red1);}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between; position: relative;}
.header .inner h1 {position: absolute; left: 50%; transform: translateX(-50%); top: -20px; width: 200px; height: 200px; border-radius: 100%; background: var(--color-red1);}
.header .inner h1 a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.header .inner h1 img {width: 138px;}
.header .gnb {display:flex; gap: 50px;}
.header .gnb > li > a{display: block; line-height: 100px; font-size: 20px; color: #FFF; font-weight: 400; letter-spacing: -.4px; font-family: var(--font-tth);}
.header .head_rt {display: flex; align-items: center; gap: 35px;}
.header .head_rt {margin-right: -100px;}
.header .head_rt .gnb{gap:10px;}
.header .head_rt .gnb > li{width: 121px; height: 40px; border-radius: 50px;}
.header .head_rt .gnb > li {background: #fff;}
.header .head_rt .gnb > li a {color: var(--color-red1); line-height: 1; text-align: center; line-height: 43px;}
.header .head_rt .phone {display: flex; align-items: flex-end; gap: 10px;}
.header .head_rt .phone span {font-size: 24px; font-weight: 500; color: #fff; letter-spacing: -1px; font-family: var(--font-gmarket-b); line-height: 1;}
.header .head_rt .phone img {width: 28px;}
.all_menu_btn{display:none !important;}

/* quick_apply */
.quick_apply {position: fixed; right: 10px; bottom: 192px; z-index: 99; width: 161px;}
.quick_apply .inner_cont {background: #101010; border-radius: 10px; position: relative; padding: 40px 14px 28px; box-sizing: border-box;}
.quick_apply .inner_cont .logo {position: absolute; left: 50%; transform: translateX(-50%); top: -35px; width: 116px;}
.quick_apply .inner_cont .logo img {width: 100%;}
.quick_apply .inner_cont .tell p {font-size: 16px; font-weight: 700; color: #fff; text-align: center; line-height: 1.18;}
.quick_apply .inner_cont .tell strong {display: block; font-size: 24px; font-family: var(--font-gmarket-b); color: var(--color-red2); text-align: center; line-height: 1.16;}
.quick_apply .input_cont {margin-top: 13px;}
.quick_apply .input_cont .flex {display: flex; align-items: center; gap: 10px;}
.quick_apply .input_cont .item {padding: 4px 0;}
.quick_apply .input_cont .item + .item {margin-top: 5px;}
.quick_apply .input_cont .item span {font-size: 13px; font-weight: 700; color: #fff; display: block; width: 40px; line-height: 1.5;}
.quick_apply .input_cont .item input {height: 31px; background: transparent; outline: none; border: 1px solid #FFFFFF4D; font-size: 13px; font-weight: 400; color: #fff; width: calc(100% - 50px); border-radius: 5px; padding: 0 8px;}
.quick_apply .input_cont .item textarea::placeholder,
.quick_apply .input_cont .item input::placeholder {color: #BEBEBE;}
.quick_apply .input_cont .content span {width: 100%;}
.quick_apply .input_cont .item textarea {margin-top: 10px; height: 55px; background: transparent; outline: none; border: 0; font-size: 13px; font-weight: 400; color: #fff; width: 100%; resize: none; -ms-overflow-style: none; border: 1px solid #ffffff4d; border-radius: 5px; padding: 8px;}
.quick_apply .input_cont .item textarea::-webkit-scrollbar{display:none;}
.quick_apply .agree {display: flex; align-items: center; gap: 4px; margin-top: 10px;}
.quick_apply .agree label {display: flex; align-items: center; gap: 4px; cursor: pointer;}
.quick_apply .agree p {font-size: 12px; font-weight: 500; color: #fff; line-height: 1.6;}
.quick_apply .agree span {font-size: 12px; font-weight: 500; color: #BEBEBE; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}
.quick_apply .apply_btn {margin: 15px auto 0; width: 110px; height: 35px; border-radius: 30px; background: var(--color-red1); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; font-weight: 400; font-family: var(--font-tth); border: 0; outline: none;}
.quick_apply .kakao_apply {margin-top: 13px; width: 100%; height: 40px; text-align: center; line-height: 44px; border-radius: 30px; background: #fae100; font-weight: 400; font-size: 13px; font-family: var(--font-tth); display: block;}

/* head_bg */
.head_bg {display: none;}

/* footer */
.footer {background: var(--color-red1); padding: 51px 0 60px;}
.footer .inner {display: flex; align-items: flex-start; justify-content: space-between;}
.footer .left {display: flex; align-items: flex-start; gap: 45px;}
.footer .logo {width: 150px;}
.footer .info_cont {margin-top: 14px;}
.footer .term {display: flex; align-items: center; gap: 20px;}
.footer .term a {font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -1px; line-height: 1.6;}
.footer .term strong a {font-weight: 700;}
.footer .term .line {display: block; width: 1px; height: 15px; background: #fff}
.footer .info {margin-top: 28px;}
.footer .info p {display: flex; align-items: center; gap: 15px; font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -1px; line-height: 1.3;}
.footer .info .copy {margin-top: 15px; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -.4px; line-height: 1.37;}
.footer .sns {display: flex; align-items: center; justify-content: flex-end; gap: 13px;}
.footer .sns img {width: 40px; opacity: .5;}
.footer .tell {display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-top: 56px;}
.footer .tell h2 {font-size: 34px; font-weight: 700; color: #fff; font-family: var(--font-gmarket-b); line-height: 1.14;}
.footer .tell p {font-size: 24px; font-weight: 700; color: #fff;}

/** main **/
/* 공통 */
[data-act="blink"] {animation: blink 1.2s step-end infinite;}
@keyframes blink {
    50% {
      opacity: 0;
    }
}
[data-act="up"] {overflow: hidden;}
[data-act="up"] > div {transform: translateY(100%); transition: all 1s;}
.section.on [data-act="up"] > div {transform: translateY(0);}
.section.on [data-delay="250"] {transition-delay: .25s;}
.section.on [data-delay="500"] {transition-delay: .5s;}
.section.on [data-delay="1000"] {transition-delay: 1s;}
.main .visual.on [data-act="up"] > div {transform: translateY(100%);}
.main .visual .swiper-slide-active [data-act="up"] > div {transform: translateY(0);}
.main .visual .swiper-slide-active [data-delay="250"] {transition-delay: .25s;}
.main .visual .swiper-slide-active [data-delay="500"] {transition-delay: .5s;}
.main .visual .swiper-slide-active [data-delay="1000"] {transition-delay: 1s;}

.fs40 {font-size: 40px;}
.fs60 {font-size: 60px;}
.fs70 {font-size: 70px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}

/* .main{margin-top: 100px;} */
/* visual */
.main .visual .swiper-container {position: relative;}
.main .visual{height: 950px;}
/* .main .visual .swiper-slide {height: 950px;} */
.main .visual .swiper-slide > img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .visual .arrow {margin: 0; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto;}
.main .visual .arrow::after {display: none;}
.main .visual .bot {position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 0 15px; z-index: 10; padding-right: 42px;}
.main .visual .bot .arrow_cont {display: flex; align-items: center; gap: 0  15px;}
.main .visual .bot .arrow_cont .arrow {position: relative;}
.main .visual .pagination_cont {width: 202px; height: 2px; display: flex; align-items: center; gap: 24px; position: relative;}
.main .visual .swiper-pagination {position: absolute; margin: 0; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); width: auto; display: flex; align-items: center; gap: 0 10px;}
.main .visual .swiper-pagination-bullet {width: 120px; height: 2px; border-radius: 0; position: relative; overflow: hidden; margin: 0 !important; opacity: 1; background: #ffffff50; display: none;}
.main .visual .swiper-pagination-bullet::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.3s;}
.main .visual .swiper-pagination-bullet-active {background: #ffffff50; display: block;}
.main .visual .swiper-pagination-bullet-active::before {background-color: #fff; animation: slide-progress 3.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;}
.main .visual .swiper-pagination.paused-animation .swiper-pagination-bullet-active::before {animation-play-state: paused;}
.main .visual .swiper-pagination2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: space-between; font-size: 0; width: 100%;}
.main .visual .swiper-pagination2 span {font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -.8px;}
.main .visual .pause img {width: 25px; cursor: pointer;}
@keyframes slide-progress {
    0% {  
        transform: translateX(-100%); 
    } 
    100% {  
        transform: translateX(0); 
    }
}
.main .visual .swiper-slide.video{position: relative; z-index: 1;}
.main .visual .swiper-slide.video::before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; z-index: -1;}
/* .main .visual .video_wrap{position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -2; overflow: hidden;} */
.main .visual .video_wrap{height: 100%; overflow: hidden;}
.main .visual .video_wrap video{width: 100%; height: 100%; object-fit: cover;}
.main .visual .swiper-slide.slide2 .video_wrap video{transform: scale(1.1);}
.main .visual .swiper-slide .tit{position: absolute; z-index: 1; color: #fff; text-align: center; width: 100%; left: 0; top: 50%; transform:translateY(-50%);}
.main .visual .swiper-slide .tit1 .logo img{width: 240px; display: inline-block;}
.main .visual .swiper-slide .tit1 .main_tit{margin-top: 65px;}
.main .visual .swiper-slide .tit1 h2 .point2{display: inline-block; position: relative; margin: 0 -10px;}
.main .visual .swiper-slide .tit1 h2 .point2:last-of-type{margin-right: -20px;}
.main .visual .swiper-slide .tit1 h2 .point2::before{content: ''; display: block; width: 10px; height: 10px; background: #FF2332; border-radius:50%; left: 50%; transform:translateX(-50%); top: -30px; position: absolute;}
.main .visual .swiper-slide .tit2{text-align: left; max-width: 1200px; left: 50%; transform:translate(-50%,-50%);}
.main .visual .swiper-slide .tit2 .txt{position: relative;}
.main .visual .swiper-slide .tit2 .txt::before{content: ''; display: block; width: 218px; height: 0; background: url(/img/main/vis_arrow.svg) no-repeat center top / 100%; position: absolute; left: -125px; bottom: -100px; z-index: -1; transition: all 0.7s 0.7s;}
.main .visual .swiper-slide-active .tit2 .txt::before{height: 520px;}
.main .visual .swiper-slide .tit2 .sub_tit p{font-size: 28px; letter-spacing: -1.12px; font-weight: 700;}
.main .visual .swiper-slide .tit2 .main_tit{margin: 30px 0;}
.main .visual .swiper-slide .tit2 .main_tit2{font-size: 90px; letter-spacing: -2px;}
.main .visual .swiper-slide .tit3 .main_tit{margin-top: 50px;}
.main .visual .swiper-slide .tit3 .main_tit .point2{position: relative;}
.main .visual .swiper-slide .tit3 .main_tit .point2::before{content: ''; display: block; width: 37px; height: 36px; background: url(/img/main/vis_chk.svg) no-repeat center / contain; left: 50%; transform:translateX(-50%); top: -40px; position: absolute; animation: visupdown 0.7s ease-in-out alternate infinite;}
.main .visual .swiper-slide .tit3 .sub_tit p{margin-top: 15px; font-size: 44px; letter-spacing: -0.88px; font-weight: 700;}
.main .visual .swiper-slide .tit3 .sub_tit2 p{margin-top: 44px; font-size: 24px; letter-spacing: -0.96px; font-weight: 500; line-height: 1.33;}
@keyframes visupdown {
   0% {transform: translate(-50%, 0);}
   100% {transform: translate(-50%, -30%);}
}
/* sec1 */
.main .sec1 {background-color: #E50817; position: relative; height: 100vh; display: flex; align-items: flex-start; justify-content: flex-end; overflow: hidden;}
.main .sec1 .bg {position: absolute; bottom: -50px; left: 0; width: 100%; z-index: -1;}
.main .sec1 .tit {color: #fff; padding-top: 170px;}
.main .sec1 .tit p {font-size: 28px; font-weight: 500; letter-spacing: -.02em; line-height: 1.4;}
.main .sec1 .tit h2 {font-weight: 400; letter-spacing: -.02em; line-height: 1.14; font-family: var(--font-tth);}
.main .sec1 .scroll {position: absolute; top: 0; right: 145px; z-index: -1;}
.main .sec1 .scroll .item {position: relative; text-align: right; animation: updown2 1.5s ease-in-out alternate infinite;}
@keyframes updown2 {
   0% {-webkit-transform: translateY(0); transform: translateY(0);}
   100% {-webkit-transform: translateY(10%); transform: translateY(10%);}
}
.main .sec1 .scroll .item:nth-of-type(even) {animation-delay: 0.5s;}
.main .sec1 .scroll .item01 > img {width: 527px; margin-right: 300px;}
.main .sec1 .scroll .item02 > img {width: 550.99px; display: inline-block;}
.main .sec1 .scroll .item03 > img {width: 470px; margin-right: 360px; margin-top: 150px;}
.main .sec1 .scroll .item04 > img {width: 641.33px; margin-top: -80px;}
.main .sec1 .scroll .item05 > img {width: 383.54px; margin-right: 446px; margin-top: 15px;}
.main .sec1 .scroll .item04 .stamp {width: 265.29px; position: absolute; top: 184px; right: -20px;}
.main .sec1 .scroll .item02 span.stamp {width: 229px; height: 231px; border-radius: 100%; overflow: hidden; position: absolute; top: 96px; right: 495px; box-shadow: 0px 5px 15px 0px #00000059;}
.main .sec1 .scroll .item02 span.stamp img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* sec2 */
.main .sec2 {padding: 80px 0 120px; background: url('/img/main/sec2_bg.svg') no-repeat center/cover;}
.main .sec2 .inner {position: relative; padding: 90px 47px 72px; box-sizing: border-box; background: url('/img/main/sec_frame.svg') no-repeat center/contain;}
.main .sec2 .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.main .sec2 .contImg .tit {text-align: center;}
.main .sec2 .contImg .tit > img {width: 160px; display: inline-block;}
.main .sec2 .contImg .tit h2 {font-family: var(--font-tth); font-weight: 400; letter-spacing: -.02em; line-height: 1.14; text-align: center;}
.main .sec2 .contImg .tit h2 .top div {display: inline-block;}
.main .sec2 .contImg .tit h2 .bot {position: relative; color: var(--color-red1);}
.main .sec2 .contImg .tit h2 .bot .img {position: absolute; top: 42%; left: 50%; transform: translate(-50%,-50%); width: 633px; display: flex; align-items: center; justify-content: space-between;}
.main .sec2 .contImg .tit h2 .bot .img img {width: 105px;}
.main .sec2 .contImg .tit h2 .bot .img img:last-child {transform: scale(-1);}
.main .sec2 .img_ul {margin-top: 90px; display: flex; align-items: center; justify-content: center; gap: 15px;} 
.main .sec2 .img_ul li {width: calc(100%/3 - 15px); height: 500px; position: relative;}
.main .sec2 .contImg .img_ul li::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: .4;}
/* .main .sec2 .contImg .img_ul li:hover::before {background: #E50817CC; opacity: 1;} */
.main .sec2 .img_ul li img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec2 .img_ul li video {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec2 .img_ul li .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center; color: #fff; letter-spacing: -.02em; width: 100%;}
.main .sec2 .img_ul li .txt p {font-size: 32px; line-height: 1.25;}
.main .sec2 .img_ul li .txt h2 {margin-top: 15px; font-weight: 400; font-family: var(--font-tth); line-height: 1.16;}
.main .sec2 .contVideo {margin-top: 130px;}
.main .sec2 .contVideo h2 {font-size: 50px; font-weight: 400; color: #000; font-family: var(--font-tth); letter-spacing: -.02em; line-height: 1.2; text-align: center;}
.main .sec2 .contVideo h2 span {color: var(--color-red1);}
.main .sec2 .contVideo .img_ul {margin-top: 63px; margin-bottom: 20px; position: relative; display: flex; align-items: center; justify-content: center; gap: 20px;}
.main .sec2 .contVideo .img_ul img {width: 100%; position: absolute; left: 0; bottom: 100%;}
.main .sec2 .contVideo .img_ul li {width: calc(50% - 10px); padding-top: 305px; position: relative; height: auto; overflow: hidden;}
.main .sec2 .contVideo .img_ul li iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; outline: none;}
.main .sec2 .contVideo .img_ul li video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; outline: none;}
/* sec3 */
.main .sec3 {position: relative; width: 100%;}
.main .sec3 .flow_text {display: flex; align-items: center; white-space: nowrap; padding: 43px 0; background: var(--color-red1); position: relative; z-index: 1;}
.main .sec3 .flow_text span {line-height: 1; font-size: 50px; font-weight: 400; font-family: var(--font-tth); animation: marqueeXup linear 50s infinite; display: block; color: #fff;}
@keyframes marqueeXup {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
/* sec4 */
.main .sec4 {background: url('/img/main/sec4_bg.jpg') no-repeat center/cover; padding: 120px 0 99px;}
.main .sec4 .swiper_wrap{position: relative;}
.main .sec4 .swiper {margin: 0 auto; max-width: 1040px; text-align: center;}
.main .sec4 .swiper-slide {opacity: 0 !important;}
.main .sec4 .swiper-slide-active {opacity: 1 !important;}
.main .sec4 .swiper-slide h2 {font-weight: 400; color: #fff; font-family: var(--font-tth); letter-spacing: -.02em; line-height: 1.16; text-align: center;}
.main .sec4 .swiper-slide h2 span {color: var(--color-red2);}
.main .sec4 .swiper-slide ul {margin: 60px auto 0; display: flex; align-items: flex-end; gap: 40px;}
.main .sec4 .swiper-slide ul li {position: relative; width: 300px;}
.main .sec4 .swiper-slide ul li:first-child {padding-left: 60px; box-sizing: content-box;}
.main .sec4 .swiper-slide ul li .top {width: 140px; margin: 0 auto;}
.main .sec4 .swiper-slide ul li .top > span {display: block; text-align: center; font-size: 40px; font-weight: 400; color: var(--color-red2); font-family: var(--color-red2); letter-spacing: -.02em; line-height: 1.25; padding-bottom: 10px; border-bottom: 1px solid var(--color-red2); font-family: var(--font-tth);}
.main .sec4 .swiper-slide ul li .top strong {display: block; text-align: center; font-size: 60px; font-weight: 800; color: #fff; letter-spacing: -.02em; line-height: 1.25; padding-top: 10px;}
.main .sec4 .swiper-slide ul li:nth-child(1) .top strong {font-size: 80px;}
.main .sec4 .swiper-slide ul li .top strong span {font-size: 40px;}
.main .sec4 .swiper-slide ul li .bot {padding: 30px 23px 0; text-align: center; margin-top: 28px;}
.main .sec4 .swiper-slide ul li:nth-child(1) .bot {height: 450px; background: #fff; text-align: right;}
.main .sec4 .swiper-slide ul li:nth-child(2) .bot {height: 350px; background: #FF2332;}
.main .sec4 .swiper-slide ul li:nth-child(3) .bot {height: 250px; background: #E50817;}
.main .sec4 .swiper-slide ul li:nth-child(2) .bot,
.main .sec4 .swiper-slide ul li:nth-child(3) .bot {display: flex; align-items: center; justify-content: space-between; flex-direction: column;}
.main .sec4 .swiper-slide ul li p {font-size: 32px; font-weight: 900; letter-spacing: -1px; color: #fff; text-align: center;}
.main .sec4 .swiper-slide ul li:nth-child(1) p {color: var(--color-red1);}
.main .sec4 .swiper-slide ul li .img {position: absolute; bottom: 0; right: 0; width: 100%;}
.main .sec4 .swiper-slide ul li .talk {position: absolute; width: 93px; z-index: 5; animation: sec4-ani 1.5s infinite ease;}
.main .sec4 .swiper-slide ul li:nth-child(1) .talk{width: 123px; bottom: 134px; left: 15px;}
.main .sec4 .swiper-slide ul li:nth-child(2) .talk{bottom: 137px; left: 31px;}
.main .sec4 .swiper-slide ul li:nth-child(3) .talk{bottom: 87px; left: 25px;}
.main .sec4 .swiper-slide ul + p {margin-top: 37px; text-align: right; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -.02em;}
.main .sec4 .arrow{position: absolute; left: 0; right: 0; top: 50%; transform:translateY(-50%);}
.main .sec4 .arrow .inner{display: flex; justify-content: space-between;}
.main .sec4 .arrow .inner div{width: 60px; cursor: pointer;}
.main .sec4 .arrow .inner div img{width: 100%;}
@keyframes sec4-ani {
    0% { transform: translateY(20%) scale(1); }
    50% { transform: translateY(0%) scale(1.1); }
    100% { transform: translateY(20%) scale(1); }
}
/* sec5/sec6 bg */
.bg_cont {background: url('/img/main/sec5_bg.jpg') no-repeat center/cover;}
/* sec5 */
.main .sec5 {padding: 150px 0 80px;}
.main .sec5 .tit {width: 100%;}
.main .sec5 h2 {margin-top: 108px; position: relative; display: flex; align-items: center; justify-content: center; gap: 11px;}
.main .sec5 h2 span {position: relative; font-size: 70px; font-weight: 400; color: #000; font-family: var(--font-tth); line-height: 1.3;}
.main .sec5 h2 span img {width: 100%; position: absolute; bottom: -30px; left: 0;}
.main .sec5 h2 > .img {margin-bottom: 49px; position: relative; width: 305px;}
.main .sec5 h2 > .img img {animation: scale 3s infinite; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
@keyframes scale {
    0% { transform: translate(-50%,-50%) scale(1); }
    50% { transform: translate(-50%,-50%) scale(1.13); }
    100% { transform: translate(-50%,-50%) scale(1); }
}
.main .sec5 .desc{text-align: center; font-size: 30px; margin-top: 70px; font-weight: 600;}
.main .sec5 .mySwiper {margin-top: 77px; padding-top: 80px;}
.main .sec5 .swiper-slide {width: 310px; margin: 0 66px;}
.main .sec5 .swiper-slide .img {display: block;}
.main .sec5 .swiper-slide .img span {display: block; width: 310px; height: 310px; overflow: hidden; background: #fff; border-radius: 100%; filter: blur(2.5px);}
.main .sec5 .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec5 .swiper-slide .txt {width: 190px; height: 76px; line-height: 79px; border-radius: 50px; background: var(--color-red1); text-align: center; font-size: 28px; font-weight: 400; color: #fff; display: block; font-family: var(--font-tth); margin: 0 auto; visibility: hidden;}
.main .sec5 .swiper-slide-active .img {position: relative;}
.main .sec5 .swiper-slide-active .img::before {content: ""; width: 470px; height: 470px; border: 3.36px solid var(--color-red1); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 100%;}
.main .sec5 .swiper-slide-active .img span {transform: scale(1.356); background: var(--color-red1); position: relative; box-sizing: border-box; filter: none;}
.main .sec5 .swiper-slide-active .txt {visibility: visible; position: relative; z-index: 1; margin-top: 60px;}
.main .sec5 .arrow {position: absolute; top: 205px; left: 50%; transform: translateX(-50%); width: 655px; display: flex; align-items: center; justify-content: space-between; z-index: 2;}
.main .sec5 .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 60px; height: 60px; border-radius: 100%; background: var(--color-red1); display: flex; align-items: center; justify-content: center; margin: 0;}
.main .sec5 .arrow > div::after {display: none;}
.main .sec5 .arrow > div img {width: 20px;}
/* sec6 */
.main .sec6 {padding: 100px 0 150px;}
.main .sec6 .inner2 {display: flex; align-items: center; justify-content: space-between;}
.main .sec6 .inner2 > div {position: relative; height: 640px; width: calc(50% - 21px); z-index: 50;}
.main .sec6 .item_box {position: absolute; top: 0; left: 50%; transform:translateX(-50%);}
/* .main .sec6.on .item_box {animation: stack 1.3s ease-in forwards;} */
.main .sec6 .item {position: relative; width: 590px; height: 580px; border: 2px solid var(--color-red1); background: #fff; padding: 34px 30px 0; box-sizing: border-box;}
.main .sec6 .item .img {display: block; width: 100%; height: 374px; overflow: hidden;}
.main .sec6 .item .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .sec6 .item .txt {height: calc(100% - 374px); display: flex; align-items: center; justify-content: center; line-height: 1.2;}
.main .sec6 .item p {text-align: center; font-size: 28px; font-weight: 400; color: #000; letter-spacing: -1px; font-family: var(--font-tth); line-height: 1.2; position: absolute; left: 50%; transform:translateX(-50%); width: 100%;}
.main .sec6 .item p span {color: var(--color-red1);}
.main .sec6 .left .item p{bottom: 70px;}
.main .sec6 .right .item p{bottom: 55px;}
.main .sec6 .swiper{position: absolute; left: 50%; transform:translateX(-50%); top: 35px; z-index: 60; width: 530px;}
.main .sec6 .left .item_box:nth-child(2) {animation-delay: 1s;}
.main .sec6 .left .item_box:nth-child(3) {animation-delay: 2s;}
.main .sec6 .left .item_box:nth-child(1) {animation-delay: 0.5s;}
.main .sec6 .right .item_box:nth-child(2) {animation-delay: 1.5s;}
.main .sec6 .right .item_box:nth-child(3) {animation-delay: 2.5s;}
.main .sec6 .item_box:nth-child(1) .item {transform: rotate(-6.11deg);}
.main .sec6 .item_box:nth-child(2) .item {transform: rotate(6.06deg);}
@keyframes stack {
    0% {
        opacity: 0;
        transform: translateY(-100%) scale(1.25);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.main .sec6 .img {position: absolute; z-index: 70;}
.main .sec6 .left .img {left: 60px; top: 0; animation: scale2 1.7s infinite ease-in-out;}
.main .sec6 .img img{opacity: 0;}
.main .sec6.on .img img{animation: opacity 1.2s both 2s;}
.main .sec6 .left .img .star{width: 79px;}
.main .sec6 .left .img .star2{width: 40px; margin: 20px 0 0 -10px;}
.main .sec6 .right .img {right: 30px; bottom: 155px;}
.main .sec6 .right .img .arrow {width: 116.92px; transform: scaleX(-1) rotate(260deg);}
@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



/* sec7 */
.main .sec7 {position: relative; background-color: #000; background-image: url('/img/main/sec7_bg.png'); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; padding: 150px 0 138px; text-align: center;}
.main .sec7 .logo {position: absolute; top: 491px; right: 162px; width: 225px;}
.main .sec7 .sub_tit {margin: 0 auto; width: fit-content; height: 112px; line-height: 115px; text-align: center; border-radius: 70px; border: 2px solid #fff; color: #fff; font-weight: 400; letter-spacing: -.02em; font-family: var(--font-tth); padding: 0 60px;}
.main .sec7 h2 {margin-top: 24px; font-size: 120px; font-weight: 400; color: var(--color-red2); letter-spacing: -.02em; font-family: var(--font-tth); line-height: 1;}
.main .sec7 ul {display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 50px;}
.main .sec7 ul li {width: 290px; height: 80px; line-height: 83px; border-radius: 70px; text-align: center; border: 2px solid #fff; color: #fff; font-size: 32px; font-weight: 400; font-family: var(--font-tth);}
.main .sec7 ul li.on {background: var(--color-red1); border-color: var(--color-red1); animation: op-ani 1.2s infinite ease-out;}
.main .sec7 .cont {position: relative; margin: 44px auto 0; width: 816px; height: 807px;}
.main .sec7 .cont img {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: all .5s ease-out;}
.main .sec7.on .cont img {opacity: 1;}
.main .sec7.on .cont .img01 {transition-delay:  .7s;}
.main .sec7.on .cont .img02 {transition-delay: 1s;}
.main .sec7.on .cont .img03 {transition-delay: 1.3s;}
.main .sec7.on .cont .img04 {transition-delay: 1.6s;}
.main .sec7.on .cont .img05 {transition-delay: 1.9s;}
.main .sec7.on .cont .img06 {transition-delay: 2.1s;}
.main .sec7 .cont .img07{width: 250px; top: 56px; left: -4px; animation: scale2 1.7s infinite ease-in-out;}
@keyframes scale2 {
    0% { transform: scale(1); }
    50% { transform: scale(1.13); }
    100% { transform: scale(1); }
}
@keyframes op-ani {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}
/* sec8 */
.main .sec8 {padding: 140px 0 108px; text-align: center; overflow: hidden;}
.main .sec8 .sub_tit {font-size: 40px; font-weight: 500; color: #000; letter-spacing: -.02em; line-height: 1.2;}
.main .sec8 .main_tit {margin-top: 15px; position: relative;}
.main .sec8 .main_tit .img {position: absolute; top: 24px; left: 50%; transform: translate(-50%); width: 1093px; display: flex; align-items: center; justify-content: space-between;}
.main .sec8 .main_tit .img img {width: 105px;}
.main .sec8 .main_tit .img img:last-child {transform: scale(-1);}
.main .sec8 .main_tit h2 {font-weight: 400; color: #000; font-family: var(--font-tth); letter-spacing: -.02em; line-height: 1.14;}
.main .sec8 .main_tit h2 span {color: var(--color-red1);}
.main .sec8 .cont {margin-top: 70px; display: flex; align-items: center; justify-content: space-between;}
.main .sec8 .cont .flex {display: flex; align-items: center;}
.main .sec8 .cont .flex .item {transform: translateY(150%); opacity: 0; transition: transform 1s;}
.main .sec8 .cont .flex .item:last-child {margin-left: -30px;}
.main .sec8.on .cont .flex .item {opacity: 1; transform: translateY(0);}
.main .sec8.on .cont .flex .item:first-child {transition-delay: .3s;}
.main .sec8.on .cont .flex .item:last-child {transition-delay: .7s;}
.main .sec8 .cont .item {width: 360px; height: 360px; border-radius: 100%; border: 3px solid #000; display: flex; align-items: center; justify-content: center;}
.main .sec8 .cont .item div {font-size: 28px; font-weight: 400; color: #000; font-family: var(--font-tth); line-height: 1.28;}
.main .sec8 .cont .item div span {color: var(--color-red1);}
.main .sec8 .cont .arrow img {width: 32px;}
.main .sec8 .cont .item.on {width: 330px; height: 330px; transform: scale(2); opacity: 0; position: relative; background: var(--color-red1); border-color: var(--color-red1); transition: all .7s cubic-bezier(0.88, 0, 0.5, 1); transition-delay: 1.3s;}
.main .sec8.on .cont .item.on {transform: scale(1); opacity: 1;}
.main .sec8 .cont .item.on div {color: #fff;}
.main .sec8 .cont .item.on::before,
.main .sec8 .cont .item.on::after {content: ""; width: 400px; height: 400px; border-radius: 100%; border: 1px solid var(--color-red1); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main .sec8 .cont .item.on::before {animation: nation-circle1 1.7s infinite;}
.main .sec8 .cont .item.on::after {animation: nation-circle2 1.7s infinite; opacity: .3; transform: translate(-50%,-50%) scale(1.1);}
@keyframes nation-circle1 {
    100% {transform: translate(-50%,-50%) scale(1.1); opacity: 0;}
}
@keyframes nation-circle2 {
    100% {transform: translate(-50%,-50%) scale(1.4); opacity: 0;}
}
.main .sec8 .desc {margin-top: 45px; text-align: center; font-size: 24px; font-weight: 500; color: #6D6D6D; letter-spacing: -.02em;}
/* sec9 */
.main .sec9 {background: var(--color-red1); padding: 170px 0 150px; position: relative; overflow: hidden; z-index: 1;}
.main .sec9 .tit {text-align: center; color: #fff;}
.main .sec9 .sub_tit {font-weight: 500; letter-spacing: -.02em; line-height: 1.2;}
.main .sec9 .main_tit {margin-top: 15px; font-family: var(--font-tth); font-weight: 400;}
.main .sec9 .sub_tit2 {margin-top: 25px; letter-spacing: -.02em; line-height: 1.2; font-weight: 700;}
.main .sec9 .cont {position: relative; margin-top: 65px;}
.main .sec9 .cont .bg {position: absolute; left: 50%; transform: translateX(-50%); top: 295px; z-index: 1; min-width: 1387px;}
.main .sec9 .move_cont {position: relative; z-index: 2;}
.main .sec9 .move_cont .cup {margin: 0 auto; width: 750px; display: block;}
.main .sec9 .move {position: absolute; z-index: 3;}
.main .sec9 .move01 {width: 80px; top: 22px; left: 246px; transform: scale(1.4);}
.main .sec9 .move02 {width: 298px; top: 124px; right: 180px; transform: scale(1.4);}
.main .sec9.on .move01 {animation: enterCup1 1.2s ease-in-out forwards; animation-delay: 1s;}
.main .sec9.on .move02 {animation: enterCup2 1.2s ease-in-out forwards; animation-delay: 1.4s;}
.main .sec9 .move img {width: 100%;}
.main .sec9 .fruit img{position: absolute; animation: fruit_fall 2.5s infinite ease-in both; z-index: -1;}
.main .sec9 .fruit .img1{width: 189px; left: 100px; animation-delay: 1.55s;}
.main .sec9 .fruit .img2{width: 104px; left: 240px; animation-delay: 0.95s;}
.main .sec9 .fruit .img3{width: 83px; left: 480px;}
.main .sec9 .fruit .img4{width: 91px; left: 620px; animation-delay: 1.25s;}
.main .sec9 .fruit .img5{width: 136px; right: 425px; animation-delay: 0.35s;}
.main .sec9 .fruit .img6{width: 155px; right: 143px; animation-delay: 2s;}
.main .sec9 .fruit .img7{width: 178px; right: 68px; animation-delay: 0.65s;}
@keyframes fruit_fall {
    0%{top: -100%;}
    100%{top: 100%; transform:rotate(360deg);}
}
@keyframes enterCup1 {
    100% {
        top: 180px;
        left: 470px;
        transform: scale(.8);
    }
}
@keyframes enterCup2 {
    100% {
        top: 327px;
        right: 480px;
        transform: scale(.8);
    }
}
.main .sec9 .info {position: absolute; right: 28px; bottom: -50px; display: flex; align-items: center; justify-content: flex-end; z-index: 2;}
.main .sec9 .info .circle {padding: 12px; box-shadow: 0px 7.58px 22.73px 0px #00000059; width: 300px; height: 300px; border-radius: 100%; border: 12.12px solid var(--color-red1); background: #fff; display: flex; align-items: center; justify-content: center;}
.main .sec9 .info .circle:first-child {margin-right: -27px;}
.main .sec9 .info .circle .txt {text-align: center; border: 1.52px solid var(--color-red1); border-radius: 100%; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main .sec9 .info .circle .txt strong {font-size: 48px; font-weight: 400; color: #E50817; font-family: var(--font-tth); line-height: 1;}
.main .sec9 .info .circle .txt p {margin-top: 9px; font-size: 24px; font-weight: 500; color: #E50817; line-height: 1.25;}
.main .sec9 .info .plus {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 81px;}
.main .sec9 .info .plus img {width: 100%;}


/* sec10 */
.main .sec10{display: flex; position: relative;}
.main .sec10 .img{width: 50%; height: 950px; position: relative;}
.main .sec10 .img::before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; top: 0; transition: all 0.5s;}
.main .sec10 .img:hover::before{opacity: 0;}
.main .sec10 .img img{width: 100%; height: 100%; object-fit:cover;}
.main .sec10 .center{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: 10;}
.main .sec10 .center .circle{width: 260px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.main .sec10 .center .txt{width: 380px; animation: rotate_ani 20s linear infinite;}
@keyframes rotate_ani {
	100%{transform: rotate(360deg);}
}

/* sec11 */
.main .sec11{text-align: center; background: url(/img/main/sec11_bg.jpg) no-repeat center / cover;}
.main .sec11 *{color: #fff;}
.main .sec11 .tit .sub_tit{font-size: 40px;}
.main .sec11 .tit h2{letter-spacing: -.02em; line-height: 1.14;}
.main .sec11 .tit h2 .bot{position: relative;}
.main .sec11 .tit h2 .bot .img{display: flex; justify-content: space-between; width: 822px; position: absolute; left: 50%; top: 24px; transform:translateX(-50%);}
.main .sec11 .tit h2 .bot .img img{width: 105px;}
.main .sec11 .tit h2 .bot .img img:last-child {transform: scale(-1);} 
.main .sec11 .menu_swiper{margin-top: 180px; overflow: initial;}
.main .sec11 .menu_swiper .swiper-wrapper{align-items: center;}
.main .sec11 .menu_swiper .swiper-slide{position: relative; width: 400px; transform: translateX(-70px); margin: 0 30px; opacity: 0.7;}
.main .sec11 .menu_swiper .swiper-slide .img{position: relative;}
.main .sec11 .menu_swiper .swiper-slide .img img{width: 100%; border-radius: 40px; background: #e8e8e8;}
.main .sec11 .menu_swiper .swiper-slide .txt{margin: 40px auto 0; width: 340px; display: flex; flex-direction: column; align-items: center; gap:20px;}
.main .sec11 .menu_swiper .swiper-slide .txt dt{font-family: var(--font-tth2); font-size: 30px; line-height: 1.28;}
.main .sec11 .menu_swiper .swiper-slide .txt dd{font-size: 18px; letter-spacing: -0.6px; font-weight: 500; line-height: 1.36; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main .sec11 .menu_swiper .swiper-slide-active{transform: translateX(0) !important; opacity: 1;}
.main .sec11 .menu_swiper .swiper-slide-active:before{content: ''; display: block;}
.main .sec11 .menu_swiper .swiper-slide-active .img{border: 5px solid #E50817; transform:scale(1.335); border-radius: 45px;}
.main .sec11 .menu_swiper .swiper-slide-active .img::before{content: '초간단 \A조리시간!'; display: flex; font-size: 24px; letter-spacing: -0.6px; font-weight: 900; width: 150px; height: 150px; align-items: center; justify-content: center; background: #E50817; border-radius:50%; position: absolute; left: -60px; top: -65px; transform: scale(0.769) rotate(-16.527deg); z-index: 10;}
.main .sec11 .menu_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(70px);}
.main .sec11 .menu_swiper .swiper-slide-active .txt{margin-top: 100px;}
.main .sec11 .menu_swiper .swiper-slide-active .txt dt{font-size: 35px; white-space: nowrap;}
.main .sec11 .menu_swiper .swiper-slide-active .txt dd{font-size: 22px;}
.main .sec11 .menu_swiper .arrow{position: absolute; top: 200px; left: 50%; transform:translateX(-50%); z-index: 10; width: 710px; display: flex; justify-content: space-between;}
.main .sec11 .menu_swiper .arrow div{width: 60px; cursor: pointer;}
.main .sec11 .menu_swiper .arrow div img{width: 100%;}

/* sec12 */
.main .sec12{padding: 120px 0 80px; position: relative; text-align: center;}
.main .sec12::before{content: ''; display: block; width: 100%; height: 290px; background: #000; position: absolute; left: 0; bottom: 0; z-index: -1;}
.main .sec12 .tit .sub_tit{margin-top: 15px; font-size: 40px; letter-spacing: -1px; font-weight: 500;}
.main .sec12 .video{margin-top: 90px; position: relative; padding-top: 56.25%;}
.main .sec12 .video iframe{position: absolute; left: 0; top: 0;}

/* sec13 */
.main .sec13{position: relative; text-align: center; padding-bottom: 80px;}
.main .sec13 *{color: #fff;}
.main .sec13 .tit_deco{position: absolute; top: 185px; left: 0; width: 100%; display: flex; justify-content: space-between;}
.main .sec13 .tit_deco img{height: 125px; display: inline-block;}
.main .sec13 .tit .point_wrap{display: flex; flex-direction: column; align-items: center;}
.main .sec13 .tit .point_wrap .line{display: inline-block; width: 1px; height: 93px; background: #E50817;}
.main .sec13 .tit .point_wrap .txt{font-size: 24px; letter-spacing: -0.9px; width: 186px; line-height: 75px; border-radius:50%; display: inline-block; border: 1px solid #E50817;}
.main .sec13 .tit .main_tit{margin-top: 80px;}
.main .sec13 .list{margin-top: 50px; display: flex; justify-content: center; padding: 0 11px;}
.main .sec13 .list li{width: 257px; height: 257px; border: 1px solid #fff; border-radius:50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:18px; margin: 0 -11px;}
.main .sec13 .list li.on {background: var(--color-red1); border-color: var(--color-red1);}
.main .sec13 .list li span{font-size: 14px; text-decoration: underline;}
.main .sec13 .list li .tit{font-size: 24px; line-height: 1.22;}
.main .sec13 .list li p{font-size: 14px; line-height: 1.35;}

/* sec14 */
.main .sec14 *{color: #fff; text-align: center;}
.main .sec14 .tit .sub_tit{font-size: 40px; letter-spacing: -1px; font-weight: 500;}
.main .sec14_table_wrap{margin-top: 90px;}
.main .sec14_table{width: 100%; border-collapse:collapse;}
.main .sec14_table th{font-family: var(--font-tth2); font-size: 26px; padding-bottom: 28px; border-bottom: 2px solid #fff; font-weight: 400;}
.main .sec14_table td{font-size: 24px; font-weight: 500; padding: 25px 20px;}
.main .sec14_table td:nth-child(2){width: 60%; font-weight: 800;}
.main .sec14_table td strong{font-size: 28px; padding: 10px 40px; background: #E50817; display: inline-block; transform: rotate(-6.187deg);}
.main .sec14.on .sec14_table td strong{animation: scale_ani3 0.2s ease-in both 1.5s;}
.main .sec14_table .first td{padding-top: 40px;}
.main .sec14_table .last td{padding-bottom: 40px;}
.main .sec14_table .red td{background: #E50817; font-size: 50px;}
.main .sec14_table .red td #count{display: inline-block; min-width: 330px;}
@keyframes scale_ani3{
	0% {transform: scale(2) rotate(-6.187deg); opacity: 0;}
	100% {transform: scale(1) rotate(-6.187deg); opacity: 1;}
}
.main .sec14 .desc{margin-top: 40px; font-size: 20px; color: #DBDBDB; line-height: 1.5;}

/* sec15 */
.main .sec15{position: relative; padding: 200px 0 335px; text-align: center;}
.main .sec15::before{content: ''; display: block; width: 1818px; height: 362px; background: url(/img/main/sec15_bt.svg) no-repeat center / contain; position: absolute; right: 0; bottom: 0}
.main .sec15 .tp_deco{position: absolute; top: 183px; left: 50%; transform:translate(-50%); width: 1700px; display: flex; justify-content: space-between;}
.main .sec15 .tp_deco .box{width: 105px; height: 105px; border-top: 3px solid #000;}
.main .sec15 .tp_deco .box1{border-left: 3px solid #000;}
.main .sec15 .tp_deco .box2{border-right: 3px solid #000;}
.main .sec15 .tit_deco{position: absolute; top: 460px; left: 0; width: 100%; display: flex; justify-content: space-between;}
.main .sec15 .tit_deco img{height: 125px; display: inline-block;}
.main .sec15 .tit .logo img{width: 240px;}
.main .sec15 .tit .main_tit{margin-top: 55px;}
.main .sec15 .tit .main_tit h2{letter-spacing: -.02em; line-height: 1.12;}
.main .sec15 .tit .sub_tit{margin-top: 15px; font-size: 40px; letter-spacing: -3px; font-weight: 500;}
.main .sec15 .store_swiper{margin-top: 240px; overflow: initial;}
.main .sec15 .store_swiper .swiper-wrapper{align-items: center;}
.main .sec15 .store_swiper .swiper-slide{position: relative; width: 350px; transform: translateX(-105px); margin: 0 30px;}
.main .sec15 .store_swiper .swiper-slide .scale{display: none;}
.main .sec15 .store_swiper .swiper-slide .scale span{font-size: 28px;}
.main .sec15 .store_swiper .swiper-slide .img img{width: 100%; display: block;}
.main .sec15 .store_swiper .swiper-slide .img .noimg_on{display: none;}
.main .sec15 .store_swiper .swiper-slide .txt{margin-top: 30px;}
.main .sec15 .store_swiper .swiper-slide .txt .name{font-size: 28px; font-weight: 700;}
.main .sec15 .store_swiper .swiper-slide .txt p{display: none;}
.main .sec15 .store_swiper .swiper-slide-active{transform: translateX(0) !important;}
.main .sec15 .store_swiper .swiper-slide-active:before{content: ''; display: block; width: 570px; height: 770px; background: #E50817; position: absolute; left: 50%; transform:translateX(-50%); top: -110px; z-index: -1;}
.main .sec15 .store_swiper .swiper-slide-active .img .noimg{display: none;}
.main .sec15 .store_swiper .swiper-slide-active .img .noimg_on{display: block;}
.main .sec15 .store_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(105px);}
.main .sec15 .store_swiper .swiper-slide-active .scale{width: 140px; height: 140px; background: #fff; border-radius:50%; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap:5px; position: absolute; top: -95px; right: -95px; z-index: 10;}
.main .sec15 .store_swiper .swiper-slide-active .scale2{top: 60px;}
.main .sec15 .store_swiper .swiper-slide-active .scale span strong{font-size: 44px;}
.main .sec15 .store_swiper .swiper-slide-active .scale p{font-size: 24px; letter-spacing: -1.4px; font-family: var(--font-tth2);}
.main .sec15 .store_swiper .swiper-slide-active .img{transform:scale(1.43)}
.main .sec15 .store_swiper .swiper-slide-active .txt{margin-top: 120px; display: flex; flex-direction: column; align-items: center; gap:30px;}
.main .sec15 .store_swiper .swiper-slide-active .txt .name{font-size: 24px; display: inline-block; padding: 15px 28px; border-radius: 50px; border: 1px solid #FFF; color: #fff;}
.main .sec15 .store_swiper .swiper-slide-active .txt p{display: block; font-family: var(--font-danjo); font-size: 50px; letter-spacing: -2px; color: #fff; white-space: nowrap;}
.main .sec15 .store_swiper .arrow{position: absolute; top: 250px; left: 50%; transform:translateX(-50%); z-index: 10; width: 755px; display: flex; justify-content: space-between;}
.main .sec15 .store_swiper .arrow div{width: 60px; cursor: pointer;}
.main .sec15 .store_swiper .arrow div img{width: 100%;}

/* sec16 */
.main .sec16{background: #000 url(/img/main/sec16_bg.png) no-repeat center / cover; text-align: center;}
.main .sec16 .tit *{color: #fff;}
.main .sec16 .tit .logo img{width: 240px;}
.main .sec16 .tit .main_tit{margin-top: 55px;}
.main .sec16 .tit .main_tit h2{font-size: 80px; letter-spacing: -.02em; line-height: 1.12;}
.main .sec16 .tit .sub_tit{margin-top: 15px; font-size: 40px; letter-spacing: -3px; font-weight: 500;}
.main .sec16 .list{margin-top: 90px; display: flex; gap:30px; position: relative; min-height: 590px;}
.main .sec16 .list li{width: calc((100% - 60px) / 3); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.main .sec16 .list li > div {width: 100%; border-radius: 30px; background: #fff; padding: 85px 0 65px; transition: all .3s;}
.main .sec16.on .list li{transform:translateX(0); transition:all 1s .8s;}
.main .sec16.on .list li:nth-child(1){left: 0;}
.main .sec16.on .list li:nth-child(2){left: 50%; transform: translateX(-50%);}
.main .sec16.on .list li:nth-child(3){left: 68%;}
.main .sec16 .list li .num{font-size: 40px; color: transparent; -webkit-text-stroke: 1px #000; font-family: var(--font-tth2); position: absolute; top: 38px; left: 30px;}
.main .sec16 .list li img{width: 280px;}
.main .sec16 .list li p{margin-top: 50px; font-size: 28px; letter-spacing: -1px; font-weight: 900; line-height: 1.3;}
.main .sec16 .list li:hover > div {background: var(--color-red1);}
.main .sec16 .list li:hover .num {-webkit-text-stroke:1px #fff;}
.main .sec16 .list li:hover p {color: #fff;}
.main .sec16 .list li:hover .point {color: #F8DD4A !important;}

/* sec17 */
.main .sec17{padding-top: 20px; text-align: center;}
.main .sec17 *{color: #fff;}
.main .sec17 .tp_deco{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.main .sec17 .tp_deco .line{width: 710px; display: inline-block;}
.main .sec17 .tp_deco .line2{transform: scale(-1);}
.main .sec17 .tp_deco .logo{width: 279px; display: inline-block;}
.main .sec17 .cont{margin-top: 95px; padding: 90px 0 180px; background: url(/img/main/sec17_bg.png) no-repeat center top / cover;}
.main .sec17 .tit .logo{display: flex; justify-content: center; align-items: center; gap: 45px;}
.main .sec17 .tit .logo .line{width: 133px; height: 1px; background: #FFF; display: inline-block;}
.main .sec17 .tit .logo img{width: 159px;}
.main .sec17 .tit .main_tit{margin-top: 90px;}
.main .sec17 .tit .sub_tit{margin-top: 15px; font-size: 40px; letter-spacing: -1px; font-weight: 500;}
.main .sec17 .txt{margin: 80px 0 90px; transform: rotate(-5.404deg);}
.main .sec17 .txt strong{font-size: 60px; letter-spacing: -1.2px; padding: 12px 32px 8px 32px; background: #FFF; display: inline-block; opacity: 0;}
.main .sec17 .txt p{margin-top: 20px; font-size: 40px; letter-spacing: -1.4px; font-weight: 500; line-height: 1.2; opacity: 0; transition: all 0.5s ease-in 1s;}
.main .sec17.on .txt strong{animation: scale_ani2 0.3s ease-in both 0.7s;}
.main .sec17.on .txt p{opacity: 1;}
@keyframes scale_ani2{
	0% {transform: scale(2); opacity: 0;}
	100% {transform: scale(1); opacity: 1;}
}
.main .sec17 .media_swiper_wrap{position: relative; padding-bottom: 100px; z-index: 1;}
.main .sec17 .media_swiper_wrap .bg{width: 100%; height: 490px; background: #000; position: absolute; left: 0; bottom: 0; z-index: -1;}
.main .sec17 .media_swiper_wrap .bg::before{content: ''; display: block; width: 102px; height: 100%; background: url(/img/main/sec17_logo3.svg) no-repeat center / contain; position: absolute; left: 0; top: 0;}
.main .sec17 .media_swiper_wrap .bg::after{content: ''; display: block; width: 102px; height: 100%; background: url(/img/main/sec17_logo3.svg) no-repeat center / contain; position: absolute; right: 0; top: 0; transform: rotate(180deg);}
.main .sec17 .media_swiper_wrap .inner{position: relative;}
.main .sec17 .media_swiper_wrap .arrow div{width: 60px; cursor: pointer; position: absolute; top: 50%; transform:translateY(-50%); z-index: 10;}
.main .sec17 .media_swiper_wrap .arrow .prev{left: -30px;}
.main .sec17 .media_swiper_wrap .arrow .next{right: -30px;}
.main .sec17 .media_swiper_wrap .arrow div img{width: 100%;}
.main .sec17 .media_swiper .swiper-slide{position: relative; padding-bottom: 27.25%; height: 0 !important;}
.main .sec17 .media_swiper .swiper-slide iframe{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.main .sec17 .media_swiper .swiper-slide video{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.main .sec17 .swiper_bt{margin-top: 50px; display: flex; align-items: center; justify-content: center; gap:90px;}
.main .sec17 .swiper_bt span{font-size: 36px; letter-spacing: -0.72px; font-weight: 600;}
.main .sec17 .swiper_bt .scrollbar{width: 570px; height: 6px; background: #D9D9D9;}
.main .sec17 .swiper_bt .scrollbar .swiper-scrollbar-drag{background: #FF2332; border-radius:0; top: auto; left: auto;}

/* sec18 */
.main .sec18{position: relative; padding: 170px 0; margin-top: 125px;}
.main .sec18 .line{position: absolute; top: -125px; left: 0; width: 100%;}
.main .sec18 .line div{height: 10px; border-top: 1px solid #FF2332;}
.main .sec18 .line .line2{border-bottom: 1px solid #FF2332;}
.main .sec18 .line::before{content: ''; display: block; width: 225px; height: 228px; background: url(/img/main/sec18_tp_logo.svg) no-repeat center / contain; position: absolute; top: 50%; transform:translateY(-50%); left: 505px; z-index: 10;}
.main .sec18 .tit{position: absolute; left: 350px; top: 50%; transform:translateY(-50%);}
.main .sec18 .tit .parent{overflow: hidden;}
.main .sec18 .tit span{font-size: 36px; letter-spacing: -0.72px; font-weight: 800; display: block; transition: all 0.3s;}
.main .sec18 .tit h2{letter-spacing: -.02em; line-height: 1.16; transition: all 0.3s;}
.main .sec18 .tit .sub_tit{font-size: 32px; margin-top: 25px; letter-spacing: -0.64px; color: #6D6D6D; font-weight: 500; line-height: 1.3; transition: all 0.3s;}
.main .sec18 .tit.down span, .main .sec18 .tit.down h2, .main .sec18 .tit.down .sub_tit{transform: translateY(100%);}
.main .sec18 .video_swiper_wrap{padding: 0 290px;}
.main .sec18 .video_swiper{overflow: initial; position: initial;}
.main .sec18 .video_swiper .swiper-slide{overflow: hidden; position: relative; display: flex; justify-content: flex-end;}
.main .sec18 .video_swiper .swiper-slide .wrap{width: 450px; height: 450px;}
.main .sec18 .video_swiper .swiper-slide-next,
.main .sec18 .video_swiper .swiper-slide-duplicate-next{display: block;}
.main .sec18 .video_swiper .swiper-slide img{width: 100%;}
.main .sec18 .video_swiper .arrow div{width: 60px; cursor: pointer; position: absolute; top: 50%; transform:translateY(-50%); z-index: 10;}
.main .sec18 .video_swiper .arrow div img{width: 100%;}
.main .sec18 .video_swiper .arrow .prev{left: 50px;}
.main .sec18 .video_swiper .arrow .next{right: 50px;}

/* sec19 */
.main .sec19{background: #E50817; height: 790px; position: relative;}
.main .sec19 *{color: #fff;}
.main .sec19 .tit{position: absolute; left: 51.04vw; bottom: 180px;}
.main .sec19 .tit .parent{overflow: hidden;}
.main .sec19 .tit span{font-size: 36px; letter-spacing: -0.72px; font-weight: 800; display: block; transition: all 0.3s;}
.main .sec19 .tit h2{letter-spacing: -.02em; line-height: 1.16; transition: all 0.3s;}
.main .sec19 .tit .sub_tit{font-size: 32px; margin-top: 25px; letter-spacing: -0.64px; font-weight: 500; line-height: 1.3; transition: all 0.3s;}
.main .sec19 .tit.down span, .main .sec19 .tit.down h2, .main .sec19 .tit.down .sub_tit{transform: translateY(100%);}
.main .sec19 .video_swiper{width: calc(100% + 50px); margin-left: -50px; position: initial;}
.main .sec19 .video_swiper .swiper-slide{width: 450px; height: 450px; overflow: hidden; position: relative;}
/* .main .sec19 .video_swiper .swiper-slide::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;} */
.main .sec19 .video_swiper .swiper-slide-next{margin-right: 760px !important;}
.main .sec19 .video_swiper .swiper-slide iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1.78); width: 100%; height: 100%;}
.main .sec19 .video_swiper .arrow div{width: 60px; cursor: pointer; position: absolute; top: 50%; transform:translateY(-50%); z-index: 10;}
.main .sec19 .video_swiper .arrow div img{width: 100%;}
.main .sec19 .video_swiper .arrow .prev{left: 50px;}
.main .sec19 .video_swiper .arrow .next{right: 50px;}
.main .sec19 .video_swiper .swiper-slide video{width: 100%; height: 100%; object-fit: cover;}

/* sec20 */
.main .sec20{height: 900px; background: url(/img/main/sec20_bg.jpg) no-repeat center / cover; position: relative;}
.main .sec20 .inner2{height: 100%; display: flex; align-items: flex-end; justify-content: flex-end; text-align: right;}
.main .sec20 .sns_swiper{position: absolute; top: 50%; transform:translateY(-50%); left: -380px; width: 1410px; overflow: hidden; text-align: left;}
.main .sec20 .sns_swiper .swiper-slide .img img{width: 100%;}
.main .sec20 .sns_swiper .swiper-slide .txt{margin-top: 35px;}
.main .sec20 .sns_swiper .swiper-slide .txt dt{font-size: 32px; letter-spacing: -0.64px; font-weight: 800;}
.main .sec20 .sns_swiper .swiper-slide .txt dd{margin-top: 20px; font-size: 24px; letter-spacing: -0.48px; font-weight: 500; color: #6D6D6D; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main .sec20 .tit span{font-size: 36px; letter-spacing: -0.72px; font-weight: 800;}
.main .sec20 .tit h2{letter-spacing: -.02em; line-height: 1.14;}
.main .sec20 .tit .sub_tit{font-size: 32px; margin-top: 25px; letter-spacing: -0.64px; font-weight: 500; color: #6D6D6D; line-height: 1.3;}

/* sec21 */
.main .sec21{background: url(/img/main/sec21_bg.jpg) no-repeat center / cover; position: relative;}
.main .sec21 .tit{text-align: center; color: #fff;}
.main .sec21 .tit h2{letter-spacing: -.02em; line-height: 1.14;}
.main .sec21 .tit h2 .bot{position: relative; margin-top: 10px;}
.main .sec21 .tit h2 .bot .img{display: flex; justify-content: space-between; width: 760px; position: absolute; left: 50%; top: 24px; transform:translateX(-50%);}
.main .sec21 .tit h2 .bot .img img{width: 105px;}
.main .sec21 .tit h2 .bot .img img:last-child {transform: scale(-1);}
.main .sec21 .sub_tit{font-size: 24px;}
.main .sec21 .review .item{font-size: 22px; letter-spacing: -0.6px; font-family: var(--font-gmarket-m); padding: 30px 40px 28px; border-radius: 100px; border: 1px solid #E50817; animation: updown 2s ease-in-out alternate infinite; position: absolute; color: #fff; line-height: 1.1;}
.main .sec21 .review .item span{font-family: var(--font-gmarket-b);}
.main .sec21 .review .item1{top: 190px; left: 122px;}
.main .sec21 .review .item2{top: 338px; left: 190px;animation-delay: 0.4s;}
.main .sec21 .review .item3{top: 486px; left: 51px;animation-delay: 0.8s;}
.main .sec21 .review .item4{top: 190px; right: 80px; animation-delay: 0.2s;}
.main .sec21 .review .item5{top: 338px; right: 156px;animation-delay: 1s;}
.main .sec21 .review .item6{top: 486px; right: 220px;animation-delay: 0.6s;}
@keyframes updown {
   0% {-webkit-transform: translateY(0); transform: translateY(0);}
   100% {-webkit-transform: translateY(30%); transform: translateY(30%);}
}
.main .sec21 .review_swiper{margin-top: 50px; padding-top: 20px; position: relative; overflow: initial;}
.main .sec21 .review_swiper::before{content: ''; display: block; width: 396px; height: 772px; background: url(/img/main/sec21_mobile.png) no-repeat center / contain; position: absolute; top: 0; left: 50%; transform:translateX(-50%); z-index: 10;}
.main .sec21 .review_swiper::after{content: ''; display: block; width: 140px; height: 120px; background: url(/img/main/sec21_bt_logo.svg) no-repeat center / contain; position: absolute; bottom: 25px; left: 50%; transform:translateX(-50%); z-index: 10;}
.main .sec21 .review_swiper .swiper-wrapper{transition: all 0.3s ease !important; will-change: transform;}
.main .sec21 .review_swiper .swiper-slide{margin: 0 15px; margin-top: 235px; width: 348px; filter:brightness(60%); transform: translateX(25px);}
.main .sec21 .review_swiper .swiper-slide img{width: 100%;}
.main .sec21 .review_swiper .swiper-slide-active{margin-top: 0 !important; filter:brightness(100%); transition: all 0.3s ease; transform: translateX(0) !important;}
.main .sec21 .review_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(-30px);}
.main .sec21 .review_swiper .swiper-slide-prev{margin-right: 0;}
.main .sec21 .review_swiper .arrow{display: flex; gap: 470px; position: absolute; top: 135px; left: 50%; transform:translateX(-50%); z-index: 10;}
.main .sec21 .review_swiper .arrow div{width: 60px; cursor: pointer;}
.main .sec21 .review_swiper .arrow div img{width: 100%;}

/* sec22 */
.main .sec22{background: #F7F5F4;}
.main .sec22 .tit{position: relative;}
.main .sec22 .main_tit .img{width: 180px; margin-bottom: 45px;}
.main .sec22 .main_tit .img img{width: 100%;}
.main .sec22 .main_tit h2{letter-spacing: -.02em; line-height: 1.14;}
.main .sec22 .sub_tit{font-size: 32px; font-family: var(--font-gmarket-m);}
.main .sec22 .tit .circle{width: 290px; height: 290px; border-radius:50%; background: #E50817; box-shadow: 0 7.347px 22.04px 0 rgba(0, 0, 0, 0.35); display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 27px; font-weight: 700; line-height: 1.3; transform: rotate(12.75deg); position: absolute; right: 175px; top: 0; opacity: 0;}
.main .sec22 .tit .circle::before{content: ''; display: block; width: 265px; height: 265px; border-radius:50%; border: 1px solid #fff; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.main .sec22 .tit .circle b{font-size: 35px; font-weight: 900;}
.main .sec22.on .tit .circle{animation: scale_ani 0.3s ease-in both 0.5s;}
@keyframes scale_ani{
	0% {transform: scale(2) rotate(12.75deg); opacity: 0;}
	100% {transform: scale(1) rotate(12.75deg); opacity: 1;}
}
.main .sec22 .cost_table_wrap{margin-top: 70px;}
.main .sec22 .cost_table{width: 100%; border-collapse:collapse;}
.main .sec22 .cost_table th{font-family: var(--font-tth2); font-size: 26px; font-weight: 400;}
.main .sec22 .cost_table thead th{background: #E50817; color: #fff;}
.main .sec22 .cost_table thead th span{font-family: 'Pretendard'; font-weight: 400; letter-spacing: -1px; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px;}
.main .sec22 .cost_table tbody{color: #E50817;}
.main .sec22 .cost_table .line{border-bottom: 1px solid #E50817;}
.main .sec22 .cost_table th{padding: 30px 20px 25px 20px;}
.main .sec22 .cost_table td{font-size: 24px; padding: 30px 20px; font-weight: 500; text-align: center;}
/* .main .sec22 .cost_table .center td{padding: 10px 20px;} */
.main .sec22 .cost_table .center td{padding-top: 10px;}
/* .main .sec22 .cost_table .center + .center td{padding-bottom: 10px;} */
.main .sec22 .cost_table td b{font-weight: 800; position: relative; display: inline-block; vertical-align: middle;}
.main .sec22 .cost_table td b.none::before{content: ''; display: block; width: 112px; height: 10.5px; background: url(/img/main/sec22_arrow.svg) no-repeat center / 100%; position: absolute; left: 50%; top: 5px; transform:translateX(-50%);}
.main .sec22 .cost_table td b.none.long::before{width: 168px; background-image: url(/img/main/sec22_arrow_2.svg);}
.main .sec22 .cost_table td b.none2::before{content: ''; display: block; width: 112px; height: 1px; background: #000; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.main .sec22 .cost_table td b.none + b{margin-left: 15px;}
.main .sec22 .cost_table td strong{font-size: 28px; color: #fff; display: inline-block; padding: 10px 20px; background: #E50817; transform: rotate(-6.187deg); opacity: 0;}
.main .sec22.on .cost_table td strong{animation: scale_anii 0.3s ease-in both 1s;}
@keyframes scale_anii{
	0% {transform: scale(2) rotate(-6.187deg); opacity: 0;}
	100% {transform: scale(1) rotate(-6.187deg); opacity: 1;}
}
.main .sec22 .cost_table .last td{background: #E50817; color: #fff; font-size: 40px; padding: 30px 20px 25px 20px;}
.main .sec22 .cost_table .last td:last-child{font-size: 32px; font-weight: 700;}
.main .sec22 .desc{font-size: 20px; font-weight: 500;}
.main .sec22 .desc.point{margin-top: 30px;}
.main .sec22 .desc:not(.point){color: #6D6D6D; position: relative; padding-left: 15px; margin-top: 10px;}
.main .sec22 .desc:not(.point)::before{content: '*'; position: absolute; left: 0; top: 0;}

/* sec23 */
.main .sec23 .tit{text-align: center;}
.main .sec23 .main_tit {position: relative; color: #fff;}
.main .sec23 .main_tit .img {position: absolute; top: 24px; left: 50%; transform: translate(-50%); width: 1010px; display: flex; align-items: center; justify-content: space-between;}
.main .sec23 .main_tit .img img {width: 105px;}
.main .sec23 .main_tit .img img:last-child {transform: scale(-1);}
.main .sec23 .main_tit h2 {letter-spacing: -.02em; line-height: 1.14;}
.main .sec23 .sub_tit {font-size: 24px; letter-spacing: -.02em; font-weight: 500; line-height: 1.25; color: #fff;}
.main .sec23 .step{margin-top: 60px; display: flex; flex-wrap: wrap; gap: 40px 25px; }
.main .sec23 .step li{width: calc((100% - 50px) / 3); background: #fff; padding: 40px 0; text-align: center; position: relative; display: flex; flex-direction: column; align-items: center; gap: 20px; opacity: 0; transition: all 1.5s;}
.main .sec23 .step li::before{content: ''; display: block; width: 60px; height: 60px; background: url(/img/main/sec23_arrow.svg) no-repeat center / 100%; position: absolute; right: -30px; top: 50%; transform:translateY(-50%); filter: drop-shadow(0px 7px 10px rgba(100, 100, 111, 0.20)); z-index: 15;}
.main .sec23 .step li span{font-size: 16px; letter-spacing: -0.4px; font-weight: 800; color: #E50817; width: 80px; line-height: 40px; border: 1px solid #E50817; border-radius:50%; display: inline-block;}
.main .sec23 .step li img{height: 65px;}
.main .sec23 .step li p{font-size: 32px; letter-spacing: -2px; color: #333; font-family: var(--font-tth2);}
.main .sec23 .step li.red{background: #E50817;}
.main .sec23 .step li.red span{border-color: #fff; color: #fff;}
.main .sec23 .step li.red p{color: #fff;}
.main .sec23 .step li.arrow_none::before{display: none;}
.main .sec23.on .step li{opacity: 1;}
.main .sec23.on .step li:nth-child(2){transition-delay:0.2s;}
.main .sec23.on .step li:nth-child(3){transition-delay:0.4s;}
.main .sec23.on .step li:nth-child(4){transition-delay:0.6s;}
.main .sec23.on .step li:nth-child(5){transition-delay:0.8s;}
.main .sec23.on .step li:nth-child(6){transition-delay:1s;}
.main .sec23.on .step li:nth-child(7){transition-delay:1.2s;}
.main .sec23.on .step li:nth-child(8){transition-delay:1.4s;}
.main .sec23.on .step li:nth-child(9){transition-delay:1.6s;}
.main .sec23.on .step li:nth-child(10){transition-delay:1.8s;}

/* sec24 */
.main .sec24{background: url(/img/main/sec24_bg.jpg) no-repeat center / cover;}
.main .sec24 .sub_tit{font-size: 24px; letter-spacing: -0.48px; font-weight: 800;}
.main .sec24 h2{letter-spacing: -2px; line-height: 1.15; margin-top: 25px;}
.main .sec24 .cont{margin-top: 90px; position: relative;}
.main .sec24 .cont::before{content: ''; display: block; width: 380px; height: 352px; background: url(/img/main/sec24_mark.svg) no-repeat center / contain; position: absolute; right: -100px; top: 150px;}
.main .sec24 .cont .txt + .txt{margin-top: 135px;}
.main .sec24 .cont .txt dt{font-size: 42px; letter-spacing: -2px; font-weight: 700;}
.main .sec24 .cont .txt dd{margin-top: 50px; font-size: 28px; letter-spacing: -1px; color: #6D6D6D; line-height: 1.3;}

/* sec25 */
.main .sec25, .main .sec26{padding-top: 150px;}
.main .sec25 .tit{text-align: center;}
.main .sec25 .main_tit {position: relative; color: #fff;}
.main .sec25 .main_tit .img {position: absolute; top: 24px; left: 50%; transform: translate(-50%); width: 920px; display: flex; align-items: center; justify-content: space-between;}
.main .sec25 .main_tit .img img {width: 105px;}
.main .sec25 .main_tit .img img:last-child {transform: scale(-1);}
.main .sec25 .main_tit h2 {letter-spacing: -.02em; line-height: 1.14;}
.main .sec25 .main_tit h2 span {color: var(--color-red2);}
.main .sec25 .sub_tit {font-size: 24px; letter-spacing: -.02em; line-height: 1.25; color: #fff;}
/* map */
.map_wrap{position:relative; margin-top: 60px;}
.map_wrap .map{height: 820px; overflow:hidden; position:relative; z-index: 1;}
.map_wrap .map_menu_wrap{position:absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index:50;}
.map_wrap .map_menu{position:relative;}
.map_wrap .map_menu .map_ic{width: 50px; cursor:pointer;}
.map_wrap .map_menu .map_ic img{width: 100%;}
.map_wrap .map_menu .map_ic.on{animation: ani_pop infinite .75s;}
@keyframes ani_pop {
	0% {transform: translateY(-25px)}
	50% {transform: translateY(0)}
	100% {transform: translateY(-25px)}
}
.map_wrap .map_menu .map_box{position:absolute; top: -220px; left: 50%; transform: translateX(-50%); width: 360px; background: #FFF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25); padding: 40px 35px 35px; text-align:center; display:none; z-index:10; border-radius: 20px;}
.map_wrap .map_menu .map_box.on{display:block;}
.map_wrap .map_menu .map_box:before{content:''; display:block; background:transparent; border-right:13px solid transparent; border-top:17px solid #fff; border-left:13px solid transparent; border-bottom:13px solid transparent; position:absolute; left: 50%; transform: translateX(-50%); bottom:-29px; filter: drop-shadow(0px 8px 4px rgba(0, 0, 0, 0.20)); z-index:10;}
.map_wrap .map_menu .map_box strong{font-size: 20px; line-height: 1;}
.map_wrap .map_menu .map_box p{font-size: 15px; letter-spacing: -0.6px; color:#6D6D6D; word-break:keep-all; margin-top:10px;}
.map_wrap .map_menu .map_box .detail_view{display:inline-block; font-size: 14px; font-weight: 700; line-height: 1.4; padding: 8px 20px; border-radius: 50px; background: var(--color-red1); margin-top:20px; border:none; color: #fff;}
.map_wrap .map_menu .map_box .map_close{position: absolute; top: 17px; right: 17px; width: 24px; cursor: pointer;}
/* left menu */
.map_srh_wrap{position:absolute; left:35px; top:50%; transform:translateY(-50%); width: 450px; background: #FFF; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25); padding-bottom:40px; z-index:10; border-radius: 20px; overflow: hidden;}
.map_srh_inner{padding:0 30px;}
.map_srh_tp .map_tabnav{display:flex; border-bottom:1px solid #EAEAEA;}
.map_srh_tp .map_tabnav li{width:50%;}
.map_srh_tp .map_tabnav li a{display:block; font-size: 18px; color: #8E8E8E; text-align: center; line-height: 70px; font-weight: 800;}
.map_srh_tp .map_tabnav li a.active{background: #E50817; color: #fff;}
.map_srh{display:flex; padding: 30px 0 35px;}
.map_srh .map_srh_input{font-size: 20px; border: 1px solid #E3E3E3; height: 60px; padding:0 20px; width:calc(100% - 60px);}
.map_srh .map_srh_input::placeholder{color:#BEBEBE;}
.map_srh .map_srh_input:focus{border:1px solid #000;} 
.map_srh .map_sel1{width:145px; border-right:1px solid transparent !important;}
.map_srh .map_sel2{width: calc(100% - 60px - 145px);}
.map_srh_btn{display:block; width: 60px; height: 60px; line-height: 60px; text-align:center; background:#000; border:none;}
.map_srh_btn img{width: 26px;}
.map_srh_bt{min-height:420px;}
.map_srh_bt .store_no_data{border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; padding:35px 0; text-align:center;}
.map_srh_bt .store_no_data img{width: 45px;}
.map_srh_bt .store_no_data p{font-size: 18px; font-weight: 500; margin-top:5px; color: #6D6D6D;}
.map_srh_bt .store_list{border-top:1px solid #E3E3E3;}
.map_srh_bt .store_list li{padding:20px 0; display:flex; gap:20px; align-items:center; border-bottom:1px solid #E3E3E3; cursor:pointer;}
.map_srh_bt .store_list li .img{width: 125px; height: 100px; border: 1px solid #F0F0F0;}
.map_srh_bt .store_list li .img img{width: 100%; height: 100%; object-fit: cover;}
.map_srh_bt .store_list li .txt{width:calc(100% - 125px - 20px);}
.map_srh_bt .store_list li .txt strong{font-size: 18px; color: #000; word-break:keep-all;}
.map_srh_bt .store_list li .txt p{color:#6D6D6D; margin-top:8px; word-break:keep-all; font-size: 15px; letter-spacing: -0.6px;}
.paging{display:flex; justify-content:center; align-items:center; gap: 22px; margin-top:30px;}
.paging .btn_pager a{display: block; height: 12px;}
.paging .btn_pager a img{display: block; height: 100%;}
.paging ul{display:flex; justify-content:center; align-items: center; gap: 22px;}
.paging .list_pager li a{font-size: 15px; color: #999; display: block;}
.paging .list_pager li a.active{color: #000; font-weight: 600;}
/* popup */
.map_pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.map_pop_wrap.on{display:block;}
.pop_bg{position:absolute; width:100%; height:100%; top:0; background: rgba(0, 0, 0, 0.50);}
.pop_inner{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 730px; background: #FFF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25); border-radius: 20px; overflow: hidden;}
.pop_tp{background: #E50817; display:flex; align-items:center; justify-content: space-between; padding:0 30px; height: 70px;}
.pop_tp strong{font-size: 20px; color: #fff;}
.pop_tp .pop_close{width: 24px; cursor:pointer;}
.pop_tp .pop_close img{width:100%;}
.pop_cont{padding: 40px 30px; display:flex; gap:35px;}
.pop_cont .map_pop_slide_wrap{position:relative; width: 250px; height:200px; border: 1px solid #F0F0F0; box-sizing: content-box;}
.pop_cont .map_pop_slide_wrap .swiper-slide{height:200px;}
.pop_cont .map_pop_slide_wrap .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.pop_cont .map_pop_slide_arrow{position:absolute; right:10px; bottom:10px; display:flex; gap:5px; z-index: 10;}
.pop_cont .map_pop_slide_arrow > div{width: 25px; cursor:pointer;}
.pop_cont .map_pop_slide_arrow > div img{width:100%;}
.pop_cont .map_pop_info{width: calc(100% - 250px - 35px);}
.pop_cont .map_pop_info dl{display:flex; align-items: flex-start; font-size: 16px; gap:20px;}
.pop_cont .map_pop_info dl + dl{margin-top:15px;}
.pop_cont .map_pop_info dt{font-weight: 800; min-width:75px; position:relative; padding-left:10px;}
.pop_cont .map_pop_info dt:before{content:''; display:block; width: 3px; height: 3px; background:#000; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.pop_cont .map_pop_info dd{width:calc(100% - 75px); word-break:keep-all; color: #6D6D6D;}
/* select */
.map_wrap .select {height: 60px; line-height: 60px; border: 1px solid #E3E3E3; font-size: 20px; position:relative; background:#fff; color:#B6B6B6;}
.map_wrap .select .selected {display: flex; justify-content: space-between; padding:0 20px; cursor:pointer;}
.map_wrap .select .selected .arrow {width: 20px; background: url("/img/main/sel_ic.svg") no-repeat center / contain;}
.map_wrap .select.active .selected .arrow{transform:rotate(180deg);}
.map_wrap .select .option_wrap {width: calc(100% + 2px); display: none; position: absolute; margin: -2px 0 0 -1px; cursor: pointer; z-index:99; border:1px solid #4C250D; background: #FFF; overflow: hidden;}
.map_wrap .select.active .option_wrap {display: initial;}
.map_wrap .select ul li {line-height:40px; padding-left: 20px; color: #8E8E8E; font-weight: 500; font-size:18px;}
.map_wrap .select ul li:hover{background: #F0F0F0; color:#333;}
.map_wrap .select.on{display:block;}

/* sec26 */
.main .sec26 .tit, .main .sec27 .tit{color: #fff; text-align: center;}
.main .sec26 .qna_list{margin-top:60px;}
.main .sec26 .qna_list li + li{margin-top:20px;}
.main .sec26 .qna_list li strong{width:5%; display: block;}
.main .sec26 .qna_list li span{width:95%; display: block; white-space: nowrap;}
.main .sec26 .qna_list .question{font-size: 32px; font-family: var(--font-tth2); color:#fff; padding: 30px 50px; cursor:pointer; display: flex; align-items: center; border: 1px solid #FFF; position: relative;}
.main .sec26 .qna_list .question p{display: flex;}
.main .sec26 .qna_list .question .arrow{width: 30px; transition: all 0.3s; position: absolute; right: 50px; top: 50%; transform:translateY(-50%);}
.main .sec26 .qna_list .question .arrow img{display: block; width: 100%;}
.main .sec26 .qna_list .question.on{background: #E50817; border-color: #E50817;}
.main .sec26 .qna_list .question.on .arrow{transform:translateY(-50%) rotate(180deg);}
.main .sec26 .qna_list .answer{display:flex; align-items: flex-start; background: #494949; padding:30px 50px; color:#fff; margin-top:10px; display:none;}
.main .sec26 .qna_list .answer[style*="display: block"]{display:flex !important;}
.main .sec26 .qna_list .answer strong{font-size: 32px; font-family: var(--font-tth2);}
.main .sec26 .qna_list .answer span{font-size: 24px; font-weight: 500; line-height:1.4; white-space: inherit;}

/* sec27 */
.main .sec27{padding: 100px 0 150px;}
.main_form{margin-top: 65px; padding: 50px 100px 75px; border: 1px solid #FFF;}
.main_form ul{display: flex; flex-wrap: wrap; gap: 30px 20px; width: 100%;}
.main_form ul li{width: calc(50% - 10px);}
.main_form ul li dl{display: flex; align-items: center; gap: 15px 20px; color: #fff; border-bottom: 1px solid #FFF; width: 100%; letter-spacing: -1px;}
.main_form ul li dl dt{width: 115px; padding: 14px 0; font-size: 22px; font-weight: 700;}
.main_form ul li dl dd{width: calc(100% - 20px - 115px); font-size: 20px;}
.main_form ul li dl dd .input{background: none; border: none; padding: 14px 0; color: #fff; width: 100%;}
.main_form ul li dl dd .textarea{width: 100%; padding: 0; height: 90px; margin-bottom: 10px; resize:none;}
.main_form ul li.full{width: 100%; display: block;}
.main_form ul li.full dl{flex-direction: column; align-items: flex-start;}
.main_form ul li.full dl dt, .main_form ul li.full dl dd{width: 100%; padding: 0 !important;}
.main_form .bot{margin-top: 35px; display: flex; justify-content: space-between; align-items: flex-start;}
.main_form .bot .agree{display: flex; align-items: center; gap:15px; font-size: 18px; letter-spacing: -1px; font-weight: 600; color: #fff;}
.main input[type="checkbox"]{width: 20px; height: 20px; background: url(/img/main/chk_ic.svg) no-repeat center / 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.main input[type="checkbox"]:checked{background-image: url(/img/main/chk_ic_on.svg);}
.main_form .bot .agree .view_more{text-decoration: underline; color: #fff;}
.main_form .bot .apply_btn{font-size: 20px; line-height: 1.5; color: #fff; border: none; width: 180px; padding: 18px 0 15px; border-radius: 50px; background: #E50817;}
.main_form ul li dl dd.check{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 0; padding-bottom: 20px !important;}
.main_form ul li dl dd.check label{display: inline-block; width: 18%;}
.main_form ul li dl dd.check label.other{width: 28%;}
.main_form ul li dl dd.check input[type="checkbox"]{display: inline-block; margin: -2px 10px 0 0;}
.main_form ul li dl dd.check input[type="text"]{display: inline-block; width: 160px; height: 35px; border-radius:5px; border: none; margin-left: 15px; padding: 0 15px;}
.main_form ul li dl dd.check input[readonly]{background: #bbb; cursor: not-allowed;}


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

	/* sec15 */
	.main .sec15 .tp_deco{width: 90%;}

	/* sec17 */
	.main .sec17 .tp_deco .line{width: 37.44vw;}
	.main .sec17 .tp_deco .logo{width: 15.50vw;}

	/* sec18 */
	.main .sec18{padding: 9.44vw 0; margin-top: 5.94vw;}
	.main .sec18 .line{top: -5.94vw;}
	.main .sec18 .line::before{width: 12.50vw; height: 12.67vw; left: 28.06vw;}
	.main .sec18 .tit{left: 19.44vw;}
	.main .sec18 .tit span{font-size: 2.00vw; letter-spacing: -0.04vw;}
	.main .sec18 .tit h2{font-size: 3.33vw;}
	.main .sec18 .tit .sub_tit{font-size: 1.78vw; margin-top: 1.39vw; letter-spacing: -0.04vw;}
	.main .sec18 .video_swiper_wrap{padding: 0 17.11vw;}
	.main .sec18 .video_swiper .swiper-slide .wrap{width: 25.00vw; height: 25.00vw;}

	/* sec19 */
	.main .sec19{height: 43.89vw;}
	.main .sec19 .tit{left: 54.44vw; bottom: initial; top: 50%; transform:translateY(-50%);}
	.main .sec19 .tit span{font-size: 2.00vw; letter-spacing: -0.04vw;}
	.main .sec19 .tit h2{font-size: 3.33vw;}
	.main .sec19 .tit .sub_tit{font-size: 1.78vw; margin-top: 1.39vw; letter-spacing: -0.04vw;}
	.main .sec19 .video_swiper{margin-left: -2.78vw; width: calc(100% + 2.78vw);}
	.main .sec19 .video_swiper .swiper-slide{width: 25.00vw; height: 25.00vw;}
	.main .sec19 .video_swiper .swiper-slide-next{margin-right: 42.22vw !important;}

	/* sec20 */
	.main .sec20{height: 50.00vw;}
	.main .sec20 .sns_swiper{left: -21.11vw; width: 78.33vw;}
	.main .sec20 .tit span{font-size: 2.00vw; letter-spacing: -0.04vw;}
	.main .sec20 .tit h2{font-size: 3.33vw;}
	.main .sec20 .tit .sub_tit{font-size: 1.78vw; margin-top: 1.39vw; letter-spacing: -0.04vw;}

	/* sec21 */
	.main .sec21 .review .item{font-size: 1.22vw; letter-spacing: -0.03vw; padding: 1.67vw 2.22vw 1.56vw;}
	.main .sec21 .review .item1{top: 12.56vw; left: 3.78vw;}
	.main .sec21 .review .item2{top: 22.78vw; left: 8.56vw}
	.main .sec21 .review .item3{top: 32vw; left: 2.83vw;}
	.main .sec21 .review .item4{top: 12.56vw; right: 4.44vw;}
	.main .sec21 .review .item5{top: 22.78vw; right: 6.67vw;}
	.main .sec21 .review .item6{top: 32vw; right: 10.22vw;}

}


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

    /* 공통 */
    .inner {max-width:83.33vw;}
    .inner2 {max-width:97.22vw;}
    input.checkbox {width: 1.04vw; height: 1.04vw;}
	.section.has_bg{padding: 10.42vw 0;} 

    /* cursor */
    .cursor img {width: 3.47vw;}

    /* 공통 */

    /* HEADER */
    .header {height:6.94vw; }
    .header .inner h1 {top: -1.39vw; width: 13.89vw; height: 13.89vw;}
    .header .inner h1 img {width: 9.58vw;}
    .header .gnb {gap: 3.47vw;}
    .header .gnb > li > a{ line-height: 6.94vw; font-size: 1.39vw; letter-spacing: -0.03vw;}
    .header .head_rt {gap: 2.43vw;}
    .header .head_rt {margin-right: -6.94vw;}
    .header .head_rt .gnb{gap:0.69vw;}
    .header .head_rt .gnb > li{width: 8.40vw; height: 2.78vw; border-radius: 3.47vw;}
    .header .head_rt .gnb > li a {line-height: 2.99vw;}
    .header .head_rt .phone {gap: 0.69vw;}
    .header .head_rt .phone span {font-size: 1.67vw; letter-spacing: -0.07vw;}
    .header .head_rt .phone img {width: 1.94vw;}

    /* quick_apply */
    .quick_apply {right: 0.69vw; bottom: 13.33vw; width: 11.18vw;}
    .quick_apply .inner_cont {border-radius: 0.69vw; padding: 2.78vw 0.97vw 1.94vw;}
    .quick_apply .inner_cont .logo {top: -2.43vw; width: 8.06vw;}
    .quick_apply .inner_cont .tell p {font-size: 1.11vw;}
    .quick_apply .inner_cont .tell strong {font-size: 1.67vw;}
    .quick_apply .input_cont {margin-top: 0.90vw;}
    .quick_apply .input_cont .flex {gap: 0.69vw;}
    .quick_apply .input_cont .item {padding: 0.28vw 0;}
    .quick_apply .input_cont .item + .item {margin-top: 0.35vw;}
    .quick_apply .input_cont .item span {font-size: 0.90vw; width: 2.78vw;}
    .quick_apply .input_cont .item input {height: 1.94vw; font-size: 0.90vw; width: calc(100% - 3.47vw);}
    .quick_apply .input_cont .item textarea {margin-top: 0.69vw; height: 3.82vw; font-size: 0.90vw;}
    .quick_apply .agree {gap: 0.28vw; margin-top: 0.69vw;}
    .quick_apply .agree label {gap: 0.28vw;}
    .quick_apply .agree p {font-size: 0.83vw;}
    .quick_apply .agree span {font-size: 0.83vw;}
    .quick_apply .apply_btn {margin: 1.04vw auto 0; width: 7.64vw; height: 2.43vw; border-radius: 2.08vw; font-size: 0.83vw;}
    .quick_apply .kakao_apply {margin-top: 0.90vw; height: 2.78vw; line-height: 3.06vw; border-radius: 2.08vw; font-size: 0.90vw;}

    /* footer */
    .footer {padding: 3.54vw 0 4.17vw;}
    .footer .left {gap: 3.13vw;}
    .footer .logo {width: 10.42vw;}
    .footer .info_cont {margin-top: 0.97vw;}
    .footer .term {gap: 1.39vw;}
    .footer .term a {font-size: 1.11vw; letter-spacing: -0.07vw;}
    .footer .term .line {width: 0.07vw; height: 1.04vw;}
    .footer .info {margin-top: 1.94vw;}
    .footer .info p {gap: 1.04vw; font-size: 1.11vw; letter-spacing: -0.07vw;}
    .footer .info .copy {margin-top: 1.04vw; font-size: 1.11vw; letter-spacing: -0.03vw;}
    .footer .sns {gap: 0.90vw;}
    .footer .sns img {width: 2.78vw;}
    .footer .tell {gap: 1.39vw; margin-top: 3.89vw;}
    .footer .tell h2 {font-size: 2.36vw;}
    .footer .tell p {font-size: 1.67vw;}
    
    /** main **/
    /* 공통 */
    .fs40 {font-size: 2.78vw;}
    .fs60 {font-size: 4.17vw;}
    .fs70 {font-size: 4.86vw;}
    .mt20 {margin-top: 1.39vw;}
    .mt30 {margin-top: 2.08vw;}
    .mt40 {margin-top: 2.78vw;}

    /* visual */
    .main .visual {height: 60.97vw;}
    /* .main .visual .swiper-slide {height: 60.97vw;} */
    .main .visual .bot {bottom: 5.56vw; gap: 0 1.04vw; padding-right: 2.92vw;}
    .main .visual .bot .arrow_cont {gap: 0 1.04vw;}
    .main .visual .pagination_cont {width: 14.03vw; height: 0.14vw; gap: 1.67vw;}
    .main .visual .swiper-pagination {gap: 0 0.69vw;}
    .main .visual .swiper-pagination-bullet {width: 8.33vw; height: 0.14vw;}
    .main .visual .swiper-pagination2 span {font-size: 0.97vw; letter-spacing: -0.06vw;}
    .main .visual .pause img {width: 1.74vw;}
	.main .visual .swiper-slide .tit1 .logo img{width: 16.67vw;}
	.main .visual .swiper-slide .tit1 .main_tit{margin-top: 4.51vw;}
	.main .visual .swiper-slide .tit1 h2 .point2{margin: 0 -0.69vw;}
	.main .visual .swiper-slide .tit1 h2 .point2:last-of-type{margin-right: -1.39vw;}
	.main .visual .swiper-slide .tit1 h2 .point2::before{width: 0.69vw; height: 0.69vw; top: -2.08vw;}
	.main .visual .swiper-slide .tit2{max-width: 83.33vw;}
	.main .visual .swiper-slide .tit2 .txt::before{width: 15.14vw; left: -8.68vw; bottom: -6.94vw;}
	.main .visual .swiper-slide-active .tit2 .txt::before{height: 36.11vw;}
	.main .visual .swiper-slide .tit2 .sub_tit p{font-size: 1.94vw; letter-spacing: -0.08vw;}
	.main .visual .swiper-slide .tit2 .main_tit{margin: 2.08vw 0;}
	.main .visual .swiper-slide .tit2 .main_tit2{font-size: 6.25vw; letter-spacing: -0.14vw;}
	.main .visual .swiper-slide .tit3 .main_tit{margin-top: 2.78vw;}
	.main .visual .swiper-slide .tit3 .main_tit .point2::before{width: 2.57vw; height: 2.50vw; top: -2.78vw;}
	.main .visual .swiper-slide .tit3 .sub_tit p{margin-top: 1.04vw; font-size: 3.06vw; letter-spacing: -0.06vw;}
	.main .visual .swiper-slide .tit3 .sub_tit2 p{margin-top: 3.06vw; font-size: 1.67vw; letter-spacing: -0.07vw;}
    /* sec1 */
	.main .sec1 .bg {bottom: -3.47vw;}
    .main .sec1 .tit {padding-top: 11.81vw;}
    .main .sec1 .tit p {font-size: 1.94vw;}
    .main .sec1 .scroll {right: 3.07vw;}
    .main .sec1 .scroll .item01 > img {width: 31.60vw; margin-right: 20.83vw;}
    .main .sec1 .scroll .item02 > img {width: 33.26vw;}
    .main .sec1 .scroll .item03 > img {width: 27.64vw; margin-right: 25vw; margin-top: 10.42vw;}
    .main .sec1 .scroll .item04 > img {width: 36.54vw; margin-top: -5.38vw;}
    .main .sec1 .scroll .item05 > img {width: 19.63vw; margin-right: 30.97vw; margin-top: 1.04vw;}
    .main .sec1 .scroll .item04 .stamp {width: 18.42vw; top: 12.78vw; right: -1.39vw;}
    .main .sec1 .scroll .item02 span.stamp {width: 15.90vw; height: 16.04vw; top: 6.67vw; right: 28.38vw;}
    /* sec2 */
    .main .sec2 {padding: 5.56vw 0 8.33vw;}
    .main .sec2 .inner {padding: 6.25vw 3.26vw 5.00vw;}
    .main .sec2 .contImg .tit > img {width: 11.11vw;}
    .main .sec2 .contImg .tit h2 .bot .img {width: 43.96vw;}
    .main .sec2 .contImg .tit h2 .bot .img img {width: 7.29vw;}
    .main .sec2 .img_ul {margin-top: 6.25vw; gap: 1.04vw;} 
    .main .sec2 .img_ul li {width: calc(100%/3 - 1.04vw); height: 34.72vw;}
    .main .sec2 .img_ul li .txt p {font-size: 2.22vw;}
    .main .sec2 .img_ul li .txt h2 {margin-top: 1.04vw;}
    .main .sec2 .contVideo {margin-top: 9.03vw;}
    .main .sec2 .contVideo h2 {font-size: 3.47vw;}
    .main .sec2 .contVideo .img_ul {margin-top: 4.38vw; margin-bottom: 2vw; gap: 1.39vw;}
    .main .sec2 .contVideo .img_ul li {width: calc(50% - 0.69vw); padding-top: 21.35vw;}
    /* sec3 */
    .main .sec3 .flow_text {padding: 2.99vw 0;}
    .main .sec3 .flow_text span {font-size: 3.47vw;}
    /* sec4 */
    .main .sec4 {padding: 8.33vw 0 6.88vw;}
    .main .sec4 .swiper {max-width: 72.22vw;}
    .main .sec4 .swiper-slide ul {margin: 4.17vw auto 0; gap: 2.78vw;}
    .main .sec4 .swiper-slide ul li {width: 20.83vw;}
    .main .sec4 .swiper-slide ul li:first-child {padding-left: 4.17vw;}
    .main .sec4 .swiper-slide ul li .top {width: 9.72vw;}
    .main .sec4 .swiper-slide ul li .top > span {font-size: 2.78vw; padding-bottom: 0.69vw;}
    .main .sec4 .swiper-slide ul li .top strong {font-size: 4.17vw; padding-top: 0.69vw;}
    .main .sec4 .swiper-slide ul li:nth-child(1) .top strong {font-size: 5.56vw;}
    .main .sec4 .swiper-slide ul li .top strong span {font-size: 2.78vw;}
    .main .sec4 .swiper-slide ul li .bot {padding: 2.08vw 1.60vw 0; margin-top: 1.94vw;}
    .main .sec4 .swiper-slide ul li:nth-child(1) .bot {height: 31.25vw;}
    .main .sec4 .swiper-slide ul li:nth-child(2) .bot {height: 24.31vw;}
    .main .sec4 .swiper-slide ul li:nth-child(3) .bot {height: 17.36vw;}
    .main .sec4 .swiper-slide ul li p {font-size: 2.22vw; letter-spacing: -0.07vw;}
    .main .sec4 .swiper-slide ul + p {margin-top: 2.57vw; font-size: 1.11vw;}
	.main .sec4 .swiper-slide ul li .talk {width: 6.46vw;}
	.main .sec4 .swiper-slide ul li:nth-child(1) .talk{width: 8.54vw; bottom: 9.31vw; left: 1.04vw;}
	.main .sec4 .swiper-slide ul li:nth-child(2) .talk{bottom: 9.51vw; left: 2.15vw;}
	.main .sec4 .swiper-slide ul li:nth-child(3) .talk{bottom: 6.04vw; left: 1.74vw;}
	.main .sec4 .arrow .inner div{width: 4.17vw;}
    /* sec5 */
    .main .sec5 {padding: 10.42vw 0 5.56vw;}
    .main .sec5 h2 {margin-top: 7.50vw; gap: 0.76vw;}
    .main .sec5 h2 span {font-size: 4.86vw;}
    .main .sec5 h2 span img {bottom: -2.08vw;}
    .main .sec5 h2 > .img {margin-bottom: 3.40vw; width: 21.18vw;}
    .main .sec5 .mySwiper {margin-top: 5.35vw; padding-top: 5.56vw;}
    .main .sec5 .swiper-slide {width: 21.53vw; margin: 0 4.58vw;}
    .main .sec5 .swiper-slide .img span {width: 21.53vw; height: 21.53vw;}
    .main .sec5 .swiper-slide .txt {width: 13.19vw; height: 5.28vw; line-height: 5.49vw; border-radius: 3.47vw; font-size: 1.94vw;}
    .main .sec5 .swiper-slide-active .img::before {width: 32.64vw; height: 32.64vw;}
    .main .sec5 .swiper-slide-active .txt {margin-top: 4.17vw;}
    .main .sec5 .arrow {top: 14.24vw; width: 45.49vw;}
    .main .sec5 .arrow > div {width: 4.17vw; height: 4.17vw;}
    .main .sec5 .arrow > div img {width: 1.39vw;}
    /* sec6 */
    .main .sec6 {padding: 6.94vw 0 10.42vw;}
    .main .sec6 .inner2 > div {height: 44.44vw; width: calc(50% - 1.46vw);}
    .main .sec6 .item {width: 40.97vw; height: 40.28vw; padding: 2.36vw 2.08vw 0;}
    .main .sec6 .item .img {height: 25.97vw;}
    .main .sec6 .item .txt {height: calc(100% - 25.97vw);}
    .main .sec6 .item p {font-size: 1.94vw; letter-spacing: -0.07vw;}
	.main .sec6 .left .item p{bottom: 4.86vw;}
	.main .sec6 .right .item p{bottom: 3.82vw;}
	.main .sec6 .swiper{top: 2.43vw; width: 36.81vw;}
	.main .sec6 .left .img {left: 4.17vw;}
	.main .sec6 .left .img .star{width: 5.49vw;}
	.main .sec6 .left .img .star2{width: 2.78vw; margin: 1.39vw 0 0 -0.69vw;}
	.main .sec6 .right .img {right: 2.08vw; bottom: 10.76vw;}
	.main .sec6 .right .img .arrow {width: 8.12vw;}
    /* sec7 */
    .main .sec7 {padding: 10.42vw 0 9.58vw;}
    .main .sec7 .logo {top: 34.10vw; right: 10.25vw; width: 12.63vw;}
    .main .sec7 .sub_tit {width: 50.83vw; height: 7.78vw; line-height: 7.99vw; border-radius: 4.86vw; padding: 0 4.17vw;}
    .main .sec7 h2 {margin-top: 1.67vw; font-size: 8.33vw;}
    .main .sec7 ul {gap: 1.39vw; margin-top: 3.47vw;}
    .main .sec7 ul li {width: 20.14vw; height: 5.56vw; line-height: 5.76vw; border-radius: 4.86vw; font-size: 2.22vw;}
    .main .sec7 .cont {margin: 3.06vw auto 0; width: 50.67vw; height: 50.04vw;}
	.main .sec7 .cont .img07{width: 17.36vw; top: 3.89vw; left: -0.28vw;}
    /* sec8 */
    .main .sec8 {padding: 9.72vw 0 7.50vw;}
    .main .sec8 .sub_tit {font-size: 2.78vw;}
    .main .sec8 .main_tit {margin-top: 1.04vw;}
    .main .sec8 .main_tit .img {top: 1.67vw; width: 75.90vw;}
    .main .sec8 .main_tit .img img {width: 7.29vw;}
    .main .sec8 .cont {margin-top: 4.86vw;}
    .main .sec8 .cont .flex .item:last-child {margin-left: -2.08vw;}
    .main .sec8 .cont .item {width: 25.00vw; height: 25.00vw;}
    .main .sec8 .cont .item div {font-size: 1.94vw;}
    .main .sec8 .cont .arrow img {width: 2.22vw;}
    .main .sec8 .cont .item.on {width: 22.92vw; height: 22.92vw;}
    .main .sec8 .cont .item.on::before,
    .main .sec8 .cont .item.on::after {width: 27.78vw; height: 27.78vw;}
    .main .sec8 .desc {margin-top: 3.13vw; font-size: 1.67vw;}
    /* sec9 */
    .main .sec9 {padding: 11.81vw 0 10.42vw;}
    .main .sec9 .main_tit {margin-top: 1.04vw;}
    .main .sec9 .sub_tit2 {margin-top: 1.74vw;}
    .main .sec9 .cont {margin-top: 4.51vw;}
    .main .sec9 .cont .bg {top: 20.49vw; min-width: 83.32vw;}
    .main .sec9 .move_cont .cup {width: 52.08vw;}
    .main .sec9 .move01 {width: 5.56vw; top: 1.53vw; left: 17.08vw;}
    .main .sec9 .move02 {width: 20.69vw; top: 8.61vw; right: 12.50vw;}
	.main .sec9 .fruit .img1{width: 10.13vw; left: 6.94vw;}
	.main .sec9 .fruit .img2{width: 5.22vw; left: 16.67vw;}
	.main .sec9 .fruit .img3{width: 3.76vw; left: 33.33vw;}
	.main .sec9 .fruit .img4{width: 5.32vw; left: 43.06vw;}
	.main .sec9 .fruit .img5{width: 7.44vw; right: 29.51vw;}
	.main .sec9 .fruit .img6{width: 7.76vw; right: 9.93vw;}
	.main .sec9 .fruit .img7{width: 8.36vw; right: 4.72vw;}
    @keyframes enterCup1 {
        100% {
            top: 12.50vw;
            left: 32.64vw;
        }
    }
    @keyframes enterCup2 {
        100% {
            top: 22.71vw;
            right: 33.33vw;
        }
    }
    .main .sec9 .info {right: 1.94vw; bottom: -3.47vw;}
    .main .sec9 .info .circle {padding: 0.83vw; width: 20.83vw; height: 20.83vw;}
    .main .sec9 .info .circle:first-child {margin-right: -1.88vw;}
    .main .sec9 .info .circle .txt strong {font-size: 3.33vw;}
    .main .sec9 .info .circle .txt p {margin-top: 0.63vw; font-size: 1.67vw;}
    .main .sec9 .info .plus {width: 5.63vw;}

	/* sec10 */
	.main .sec10 .img{height: 65.97vw;}
	.main .sec10 .center .circle{width: 18.06vw;}
	.main .sec10 .center .txt{width: 26.39vw;}

	/* sec11 */
	.main .sec11 .tit .sub_tit{font-size: 2.78vw;}
	.main .sec11 .tit h2 .bot .img{width: 57.08vw; top: 1.67vw;}
	.main .sec11 .tit h2 .bot .img img{width: 7.29vw;}
	.main .sec11 .menu_swiper{margin-top: 12.50vw; }
	.main .sec11 .menu_swiper .swiper-slide{width: 27.78vw; margin: 0 2.08vw; transform: translateX(-4.86vw);}
	.main .sec11 .menu_swiper .swiper-slide .img img{border-radius: 2.78vw;}
	.main .sec11 .menu_swiper .swiper-slide .txt{margin: 2.78vw auto 0; width: 23.61vw; gap:1.39vw;}
	.main .sec11 .menu_swiper .swiper-slide .txt dt{font-size: 2.08vw;}
	.main .sec11 .menu_swiper .swiper-slide .txt dd{font-size: 1.25vw; letter-spacing: -0.04vw;}
	.main .sec11 .menu_swiper .swiper-slide-active .img{border: 0.35vw solid #E50817;border-radius: 3.13vw;}
	.main .sec11 .menu_swiper .swiper-slide-active .img::before{font-size: 1.67vw; letter-spacing: -0.04vw; width: 10.42vw; height: 10.42vw; left: -4.17vw; top: -4.51vw;}
	.main .sec11 .menu_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(4.86vw);}
	.main .sec11 .menu_swiper .swiper-slide-active .txt{margin-top: 6.94vw;}
	.main .sec11 .menu_swiper .swiper-slide-active .txt dt{font-size: 2.43vw;}
	.main .sec11 .menu_swiper .swiper-slide-active .txt dd{font-size: 1.53vw;}
	.main .sec11 .menu_swiper .arrow{top: 13.89vw; width: 49.31vw;}
	.main .sec11 .menu_swiper .arrow div{width: 4.17vw;}

	/* sec12 */
	.main .sec12{padding: 8.33vw 0 5.56vw;}
	.main .sec12::before{height: 20.14vw;}
	.main .sec12 .tit .sub_tit{margin-top: 1.04vw; font-size: 2.78vw; letter-spacing: -0.07vw;}
	.main .sec12 .video{margin-top: 6.25vw;}

	/* sec13 */
	.main .sec13{padding-bottom: 5.56vw;}
	.main .sec13 .tit_deco img{height: 5.68vw;}
	.main .sec13 .tit .point_wrap .line{height: 6.46vw;}
	.main .sec13 .tit .point_wrap .txt{font-size: 1.67vw; letter-spacing: -0.06vw; width: 12.92vw; line-height: 5.21vw;}
	.main .sec13 .tit .main_tit{margin-top: 5.56vw;}
	.main .sec13 .list{margin-top: 3.47vw; padding: 0 0.76vw;}
	.main .sec13 .list li{width: 17.85vw; height: 17.85vw; gap:1.25vw; margin: 0 -0.76vw;}
	.main .sec13 .list li span{font-size: 0.97vw;}
	.main .sec13 .list li .tit{font-size: 1.67vw;}
	.main .sec13 .list li p{font-size: 0.97vw;}

	/* sec14 */
	.main .sec14 .tit .sub_tit{font-size: 2.78vw; letter-spacing: -0.07vw;}
	.main .sec14_table_wrap{margin-top: 6.25vw;}
	.main .sec14_table th{font-size: 1.81vw; padding-bottom: 1.94vw;}
	.main .sec14_table td{font-size: 1.67vw; padding: 1.74vw 1.39vw;}
	.main .sec14_table td strong{font-size: 1.94vw; padding: 0.69vw 2.78vw;}
	.main .sec14_table .first td{padding-top: 2.78vw;}
	.main .sec14_table .last td{padding-bottom: 2.78vw;}
	.main .sec14_table .red td{font-size: 3.47vw;}
	.main .sec14_table .red td #count{min-width: 22.92vw;}
	.main .sec14 .desc{margin-top: 2.78vw; font-size: 1.39vw;}

	/* sec15 */
	.main .sec15{padding: 13.89vw 0 23.26vw;}
	.main .sec15::before{width: 100%; height: 19.64vw;}
	.main .sec15 .tp_deco{top: 12.71vw;}
	.main .sec15 .tp_deco .box{width: 7.29vw; height: 7.29vw;}
	.main .sec15 .tit_deco{top: 31.94vw;}
	.main .sec15 .tit_deco img{height: 5.68vw;}
	.main .sec15 .tit .logo img{width: 16.67vw;}
	.main .sec15 .tit .main_tit{margin-top: 3.82vw;}
	.main .sec15 .tit .sub_tit{margin-top: 1.04vw; font-size: 2.78vw; letter-spacing: -0.21vw;}
	.main .sec15 .store_swiper{margin-top: 16.67vw; }
	.main .sec15 .store_swiper .swiper-slide{ width: 24.31vw; transform: translateX(-7.29vw); margin: 0 2.08vw;}
	.main .sec15 .store_swiper .swiper-slide .scale span{font-size: 1.94vw;}
	.main .sec15 .store_swiper .swiper-slide .txt{margin-top: 2.08vw;}
	.main .sec15 .store_swiper .swiper-slide .txt .name{font-size: 1.94vw;}
	.main .sec15 .store_swiper .swiper-slide-active:before{width: 39.58vw; height: 53.47vw; top: -7.64vw;}
	.main .sec15 .store_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(7.29vw);}
	.main .sec15 .store_swiper .swiper-slide-active .scale{width: 9.72vw; height: 9.72vw; gap:0.35vw; top: -6.60vw; right: -6.60vw;}
	.main .sec15 .store_swiper .swiper-slide-active .scale2{top: 4.17vw;}
	.main .sec15 .store_swiper .swiper-slide-active .scale span strong{font-size: 3.06vw;}
	.main .sec15 .store_swiper .swiper-slide-active .scale p{font-size: 1.67vw; letter-spacing: -0.10vw;}
	.main .sec15 .store_swiper .swiper-slide-active .txt{margin-top: 8.33vw; gap:2.08vw;}
	.main .sec15 .store_swiper .swiper-slide-active .txt .name{font-size: 1.67vw; padding: 1.04vw 1.94vw;}
	.main .sec15 .store_swiper .swiper-slide-active .txt p{font-size: 3.47vw; letter-spacing: -0.14vw;}
	.main .sec15 .store_swiper .arrow{top: 17.36vw; width: 52.43vw;}
	.main .sec15 .store_swiper .arrow div{width: 4.17vw;}

	/* sec16 */
	.main .sec16 .tit .logo img{width: 16.67vw;}
	.main .sec16 .tit .main_tit{margin-top: 3.82vw;}
	.main .sec16 .tit .main_tit h2{font-size: 5.56vw;}
	.main .sec16 .tit .sub_tit{margin-top: 1.04vw; font-size: 2.78vw; letter-spacing: -0.21vw;}
	.main .sec16 .list{margin-top: 6.25vw; gap:2.08vw; min-height: 40.97vw;}
	.main .sec16 .list li{width: calc((100% - 4.17vw) / 3);}
    .main .sec16 .list li > div { border-radius: 2.08vw; padding: 5.90vw 0 4.51vw;}
	.main .sec16 .list li .num{font-size: 2.78vw; top: 2.64vw; left: 2.08vw;}
	.main .sec16 .list li img{width: 19.44vw;}
	.main .sec16 .list li p{margin-top: 3.47vw; font-size: 1.94vw; letter-spacing: -0.07vw;}

	/* sec17 */
	.main .sec17{padding-top: 1.39vw;}
	.main .sec17 .tp_deco .line{width: 35.31vw;}
	.main .sec17 .tp_deco .logo{width: 17.38vw;}
	.main .sec17 .cont{margin-top: 6.60vw; padding: 6.25vw 0 12.50vw;}
	.main .sec17 .tit .logo{gap: 3.13vw;}
	.main .sec17 .tit .logo .line{width: 9.24vw;}
	.main .sec17 .tit .logo img{width: 11.04vw;}
	.main .sec17 .tit .main_tit{margin-top: 6.25vw;}
	.main .sec17 .tit .sub_tit{margin-top: 1.04vw; font-size: 2.78vw; letter-spacing: -0.07vw;}
	.main .sec17 .txt{margin: 5.56vw 0 6.25vw;}
	.main .sec17 .txt strong{font-size: 4.17vw; letter-spacing: -0.08vw; padding: 0.83vw 2.22vw 0.56vw 2.22vw;}
	.main .sec17 .txt p{margin-top: 1.39vw; font-size: 2.78vw; letter-spacing: -0.10vw;}
	.main .sec17 .media_swiper_wrap{padding-bottom: 6.94vw;}
	.main .sec17 .media_swiper_wrap .bg{height: 34.03vw;}
	.main .sec17 .media_swiper_wrap .bg::before{width: 7.08vw;}
	.main .sec17 .media_swiper_wrap .bg::after{width: 7.08vw;}
	.main .sec17 .media_swiper_wrap .arrow div{width: 4.17vw;}
	.main .sec17 .media_swiper_wrap .arrow .prev{left: -2.08vw;}
	.main .sec17 .media_swiper_wrap .arrow .next{right: -2.08vw;}
	.main .sec17 .swiper_bt{margin-top: 3.47vw; gap:6.25vw;}
	.main .sec17 .swiper_bt span{font-size: 2.50vw; letter-spacing: -0.05vw;}
	.main .sec17 .swiper_bt .scrollbar{width: 39.58vw;}

	/* sec18 */
	.main .sec18{padding: 10.81vw 0; margin-top: 3.68vw;}
	.main .sec18 .line{top: -3.68vw;}
	.main .sec18 .line div{height: 0.69vw;}
	.main .sec18 .line::before{width: 12.63vw; height: 12.83vw; left: 20.07vw;}
	.main .sec18 .tit{left: 17.31vw;}
	.main .sec18 .tit h2{font-size: 4.17vw;}
	.main .sec18 .tit span{font-size: 2.50vw; letter-spacing: -0.05vw;}
	.main .sec18 .tit .sub_tit{font-size: 2.22vw; margin-top: 1.74vw; letter-spacing: -0.04vw;}
	.main .sec18 .video_swiper_wrap{padding: 0 15.14vw;}
	.main .sec18 .video_swiper .swiper-slide .wrap{width: 25.25vw; height: 25.25vw;}
	.main .sec18 .video_swiper .arrow div{width: 4.17vw;}
	.main .sec18 .video_swiper .arrow .prev{left: 2.07vw;}
	.main .sec18 .video_swiper .arrow .next{right: 2.07vw;}

	/* sec19 */
	.main .sec19{height: auto;}
	.main .sec19 .tit{left: 48.44vw;}
	.main .sec19 .tit span{font-size: 2.50vw; letter-spacing: -0.05vw;}
	.main .sec19 .tit h2{font-size: 4.17vw;}
	.main .sec19 .tit .sub_tit{font-size: 2.22vw; margin-top: 1.74vw; letter-spacing: -0.04vw;}
	.main .sec19 .video_swiper{margin-left: -9.47vw; width: calc(100% + 9.47vw);}
	.main .sec19 .video_swiper .swiper-slide{width: 25.25vw; height: 25.25vw;}
	.main .sec19 .video_swiper .swiper-slide-next{margin-right: 46.78vw !important;}
	.main .sec19 .video_swiper .arrow div{width: 4.17vw;}
	.main .sec19 .video_swiper .arrow .prev{left: 2.07vw;}
	.main .sec19 .video_swiper .arrow .next{right: 2.07vw;}

	/* sec20 */
	.main .sec20{height: 57.4vw;}
	.main .sec20 .sns_swiper{left: -26.39vw; width: 80.4vw;}
	.main .sec20 .sns_swiper .swiper-slide .txt{margin-top: 2.43vw;}
	.main .sec20 .sns_swiper .swiper-slide .txt dt{font-size: 2.22vw; letter-spacing: -0.04vw;}
	.main .sec20 .sns_swiper .swiper-slide .txt dd{margin-top: 1.39vw; font-size: 1.67vw; letter-spacing: -0.03vw;}
	.main .sec20 .tit span{font-size: 2.50vw; letter-spacing: -0.05vw;}
	.main .sec20 .tit h2{font-size: 4.17vw;}
	.main .sec20 .tit .sub_tit{font-size: 2.22vw; margin-top: 1.74vw; letter-spacing: -0.04vw;}

	/* sec21 */
	.main .sec21 .tit h2 .bot{margin-top: 0.69vw;}
	.main .sec21 .tit h2 .bot .img{width: 52.78vw; top: 1.67vw;}
	.main .sec21 .tit h2 .bot .img img{width: 7.29vw;}
	.main .sec21 .sub_tit{font-size: 1.67vw;}
	.main .sec21 .review .item{font-size: 1.43vw; letter-spacing: -0.04vw; padding: 1.58vw 2.28vw 1.44vw;}
	.main .sec21 .review .item1{top: 14.19vw; left: 2.47vw;}
	.main .sec21 .review .item2{top: 24.47vw; left: 7.19vw;}
	.main .sec21 .review .item3{top: 33.75vw; left: 3.54vw;}
	.main .sec21 .review .item4{top: 14.19vw; right: 1.56vw;}
	.main .sec21 .review .item5{top: 24.47vw; right: 5.83vw;}
	.main .sec21 .review .item6{top: 33.75vw; right: 8.28vw;}
	.main .sec21 .review_swiper{margin-top: 3.47vw; padding-top: 1.39vw;}
	.main .sec21 .review_swiper::before{width: 27.50vw; height: 53.61vw;}
	.main .sec21 .review_swiper::after{width: 9.72vw; height: 8.33vw; bottom: 1.74vw;}
	.main .sec21 .review_swiper .swiper-slide{margin: 0 1.04vw; margin-top: 16.32vw; width: 24.17vw; transform: translateX(1.74vw);}
	.main .sec21 .review_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(-2.08vw);}
	.main .sec21 .review_swiper .arrow{ gap: 32.64vw; top: 9.38vw; left: 50%; transform:translateX(-50%); }
	.main .sec21 .review_swiper .arrow div{width: 4.17vw;}

	/* sec22 */
	.main .sec22 .main_tit .img{width: 12.50vw; margin-bottom: 3.13vw;}
	.main .sec22 .sub_tit{font-size: 2.22vw;}
	.main .sec22 .tit .circle{width: 20.14vw; height: 20.14vw; box-shadow: 0 0.51vw 1.53vw 0 rgba(0, 0, 0, 0.35); font-size: 1.88vw; right: 12.15vw;}
	.main .sec22 .tit .circle::before{width: 18.40vw; height: 18.40vw;}
	.main .sec22 .tit .circle b{font-size: 2.43vw;}
	.main .sec22 .cost_table_wrap{margin-top: 4.86vw;}
	.main .sec22 .cost_table th{font-size: 1.81vw;}
	.main .sec22 .cost_table thead th span{letter-spacing: -0.07vw; margin: -0.14vw 0 0 0.35vw;}
	.main .sec22 .cost_table th{padding: 2.08vw 1.39vw 1.74vw 1.39vw;}
	.main .sec22 .cost_table td{font-size: 1.67vw; padding: 2.08vw 1.39vw;}
	.main .sec22 .cost_table .center td{padding-top: 0.69vw;}
	/* .main .sec22 .cost_table .center + .center td{padding-bottom: 0.69vw;} */
	.main .sec22 .cost_table td b.none::before{width: 7.78vw; height: 0.73vw; top: 0.35vw;}
    .main .sec22 .cost_table td b.none.long::before{width: 11.67vw;}
	.main .sec22 .cost_table td b.none2::before{width: 7.78vw;}
	.main .sec22 .cost_table td b.none + b{margin-left: 1.04vw;}
	.main .sec22 .cost_table td strong{font-size: 1.94vw; padding: 0.69vw 1.39vw;}
	.main .sec22 .cost_table .last td{font-size: 2.78vw; padding: 2.08vw 1.39vw 1.74vw 1.39vw;}
	.main .sec22 .cost_table .last td:last-child{font-size: 2.22vw;}
	.main .sec22 .desc{font-size: 1.39vw;}
	.main .sec22 .desc.point{margin-top: 2.08vw;}
	.main .sec22 .desc:not(.point){padding-left: 1.04vw; margin-top: 0.69vw;}

	/* sec23 */
	.main .sec23 .main_tit .img {top: 1.67vw; width: 70.14vw;}
	.main .sec23 .main_tit .img img {width: 7.29vw;}
	.main .sec23 .sub_tit {font-size: 1.67vw;}
	.main .sec23 .step{margin-top: 4.17vw; gap: 2.78vw 1.74vw;}
	.main .sec23 .step li{width: calc((100% - 3.48vw) / 3); padding: 2.78vw 0; gap: 1.39vw;}
	.main .sec23 .step li::before{width: 4.17vw; height: 4.17vw; right: -2.08vw; filter: drop-shadow(0 0.49vw 0.69vw rgba(100, 100, 111, 0.20));}
	.main .sec23 .step li span{font-size: 1.11vw; letter-spacing: -0.03vw; width: 5.56vw; line-height: 2.78vw;}
	.main .sec23 .step li img{height: 4.51vw;}
	.main .sec23 .step li p{font-size: 2.22vw; letter-spacing: -0.14vw;}

	/* sec24 */
	.main .sec24 .sub_tit{font-size: 1.67vw; letter-spacing: -0.03vw; }
	.main .sec24 h2{letter-spacing: -0.14vw; margin-top: 1.74vw;}
	.main .sec24 .cont{margin-top: 6.25vw;}
	.main .sec24 .cont::before{width: 26.39vw; height: 24.44vw; right: -6.94vw; top: 10.42vw;}
	.main .sec24 .cont .txt + .txt{margin-top: 9.38vw;}
	.main .sec24 .cont .txt dt{font-size: 2.92vw; letter-spacing: -0.14vw;}
	.main .sec24 .cont .txt dd{margin-top: 3.47vw; font-size: 1.94vw; letter-spacing: -0.07vw;}

	/* sec25 */
	.main .sec25, .main .sec26{padding-top: 10.42vw;}
	.main .sec25 .main_tit .img {top: 1.67vw; width: 63.89vw;}
	.main .sec25 .main_tit .img img {width: 7.29vw;}
	.main .sec25 .sub_tit {font-size: 1.67vw;}
	/* map */
	.map_wrap{ margin-top: 4.17vw;}
	.map_wrap .map{height: 56.94vw;}
	.map_wrap .map_menu .map_ic{width: 3.47vw;}
	@keyframes ani_pop {
		0% {transform: translateY(-1.74vw)}
		50% {transform: translateY(0)}
		100% {transform: translateY(-1.74vw)}
	}
	.map_wrap .map_menu .map_box{top: -15.28vw; width: 25.00vw; box-shadow: 0 0.28vw 0.69vw 0 rgba(0, 0, 0, 0.25); padding: 2.78vw 2.43vw 2.43vw; border-radius: 1.39vw;}
	.map_wrap .map_menu .map_box:before{border-right:0.90vw solid transparent; border-top:1.18vw solid #fff; border-left:0.90vw solid transparent; border-bottom:0.90vw solid transparent; bottom:-1.9vw; filter: drop-shadow(0 0.56vw 0.28vw rgba(0, 0, 0, 0.20));}
	.map_wrap .map_menu .map_box strong{font-size: 1.39vw;}
	.map_wrap .map_menu .map_box p{font-size: 1.04vw; letter-spacing: -0.04vw; margin-top:0.69vw;}
	.map_wrap .map_menu .map_box .detail_view{font-size: 0.97vw; padding: 0.56vw 1.39vw; margin-top:1.39vw;}
	.map_wrap .map_menu .map_box .map_close{top: 1.18vw; right: 1.18vw; width: 1.67vw;}
	/* left menu */
	.map_srh_wrap{left:2.43vw; width: 31.25vw; box-shadow: 0 0.35vw 0.69vw 0 rgba(0, 0, 0, 0.25); padding-bottom:2.78vw; border-radius: 1.39vw;}
	.map_srh_inner{padding:0 2.08vw;}
	.map_srh_tp .map_tabnav li a{font-size: 1.25vw; line-height: 4.86vw;}
	.map_srh{ padding: 2.08vw 0 2.43vw;}
	.map_srh .map_srh_input{font-size: 1.39vw; height: 4.17vw; padding:0 1.39vw; width:calc(100% - 4.17vw);}
	.map_srh .map_sel1{width:10.07vw;}
	.map_srh .map_sel2{width: calc(100% - 4.17vw - 10.07vw);}
	.map_srh_btn{ width: 4.17vw; height: 4.17vw; line-height: 4.17vw;}
	.map_srh_btn img{width: 1.81vw;}
	.map_srh_bt{min-height:29.17vw;}
	.map_srh_bt .store_no_data{padding:2.43vw 0;}
	.map_srh_bt .store_no_data img{width: 3.13vw;}
	.map_srh_bt .store_no_data p{font-size: 1.25vw; margin-top:0.35vw;}
	.map_srh_bt .store_list li{padding:1.39vw 0; gap:1.39vw;}
	.map_srh_bt .store_list li .img{width: 8.68vw; height: 6.94vw;}
	.map_srh_bt .store_list li .txt{width:calc(100% - 8.68vw - 1.39vw);}
	.map_srh_bt .store_list li .txt strong{font-size: 1.25vw;}
	.map_srh_bt .store_list li .txt p{margin-top:0.56vw; font-size: 1.04vw; letter-spacing: -0.04vw;}
	.paging{gap: 1.53vw; margin-top:2.08vw;}
	.paging .btn_pager a {height: 0.83vw;}
	.paging ul{gap: 1.53vw;}
	.paging .list_pager li a{font-size: 1.04vw;}
	/* popup */
	.pop_inner{width: 50.69vw; box-shadow: 0 0.28vw 0.69vw 0 rgba(0, 0, 0, 0.25); border-radius: 1.39vw;}
	.pop_tp{padding:0 2.08vw; height: 4.86vw;}
	.pop_tp strong{font-size: 1.39vw;}
	.pop_tp .pop_close{width: 1.67vw;}
	.pop_cont{padding: 2.78vw 2.08vw; gap:2.43vw;}
	.pop_cont .map_pop_slide_wrap{width: 17.36vw; height:13.89vw;}
	.pop_cont .map_pop_slide_wrap .swiper-slide{height:13.89vw;}
	.pop_cont .map_pop_slide_arrow{right:0.69vw; bottom:0.69vw;  gap:0.35vw;}
	.pop_cont .map_pop_slide_arrow > div{width: 1.74vw;}
	.pop_cont .map_pop_info{width: calc(100% - 17.36vw - 2.43vw);}
	.pop_cont .map_pop_info dl{font-size: 1.11vw; gap:1.39vw;}
	.pop_cont .map_pop_info dl + dl{margin-top:1.04vw;}
	.pop_cont .map_pop_info dt{min-width:5.21vw; padding-left:0.69vw;}
	.pop_cont .map_pop_info dd{width:calc(100% - 5.21vw);}
	/* select */
	.map_wrap .select {height: 4.17vw; line-height: 4.17vw; font-size: 1.39vw;}
	.map_wrap .select .selected {padding:0 1.39vw;}
	.map_wrap .select .selected .arrow {width: 1.39vw;}
	.map_wrap .select .option_wrap {width: calc(100% + 0.14vw); margin: -0.14vw 0 0 -0.07vw;}
	.map_wrap .select ul li {line-height:2.78vw; padding-left: 1.39vw; font-size:1.25vw;}

	/* sec26 */
	.main .sec26 .qna_list{margin-top:4.17vw;}
	.main .sec26 .qna_list li + li{margin-top:1.39vw;}
	.main .sec26 .qna_list .question{font-size: 2.22vw; padding: 2.08vw 3.47vw;}
	.main .sec26 .qna_list .question .arrow{width: 2.08vw; right: 3.47vw;}
	.main .sec26 .qna_list .answer{padding:2.08vw 3.47vw; margin-top:0.69vw;}
	.main .sec26 .qna_list .answer strong{font-size: 2.22vw;}
	.main .sec26 .qna_list .answer span{font-size: 1.67vw;}


	/* sec27 */
	.main .sec27{padding: 6.94vw 0 10.42vw;}
	.main_form{margin-top: 4.51vw; padding: 3.47vw 6.94vw 5.21vw;}
	.main_form ul{gap: 2.08vw 1.40vw;}
	.main_form ul li{width: calc(50% - 0.7vw);}
	.main_form ul li dl{gap: 1.04vw 1.39vw; letter-spacing: -0.07vw;}
	.main_form ul li dl dt{width: 7.99vw; padding: 0.97vw 0; font-size: 1.53vw;}
	.main_form ul li dl dd{width: calc(100% - 1.39vw - 7.99vw); font-size: 1.39vw;}
	.main_form ul li dl dd .input{padding: 0.97vw 0;}
	.main_form ul li dl dd .textarea{height: 6.25vw; margin-bottom: 0.69vw;}
	.main_form .bot{margin-top: 2.43vw;}
	.main_form .bot .agree{gap:1.04vw; font-size: 1.25vw; letter-spacing: -0.07vw;}
	.main input[type="checkbox"]{width: 1.39vw; height: 1.39vw;}
	.main_form .bot .apply_btn{font-size: 1.39vw; width: 12.50vw; padding: 1.25vw 0 1.04vw;}
	.main_form ul li dl dd.check{gap: 0.69vw 0; padding-bottom: 1.39vw !important;}
	.main_form ul li dl dd.check input[type="checkbox"]{margin: -0.14vw 0.69vw 0 0;}
	.main_form ul li dl dd.check input[type="text"]{width: 11.11vw; height: 2.43vw; margin-left: 1.04vw; padding: 0 1.04vw;}

}



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

    /* 공통 */
    .inner {max-width:80.00vw;}
    .inner2 {max-width:80.00vw;}
    input.checkbox {width: 1.02vw; height: 1.02vw;}
	.section.has_bg{padding: 10.39vw 0;} 

    /* cursor */
    .cursor img {width: 3.44vw;}

    /* 공통 */

    /* HEADER */
    .header {height:6.95vw; }
    .header .inner h1 {top: -1.41vw; width: 13.91vw; height: 13.91vw;}
    .header .inner h1 img {width: 9.61vw;}
    .header .gnb {gap: 3.44vw;}
    .header .gnb > li > a{ line-height: 6.95vw; font-size: 1.41vw; letter-spacing: -0.00vw;}
    .header .head_rt {gap: 2.42vw;}
    .header .head_rt {margin-right: -6.95vw;}
    .header .head_rt .gnb{gap:0.70vw;}
    .header .head_rt .gnb > li{width: 8.44vw; height: 2.81vw; border-radius: 3.44vw;}
    .header .head_rt .gnb > li a {line-height: 2.97vw;}
    .header .head_rt .phone {gap: 0.70vw;}
    .header .head_rt .phone span {font-size: 1.64vw; letter-spacing: -0.08vw;}
    .header .head_rt .phone img {width: 1.95vw;}

    /* quick_apply */
    .quick_apply {right: 0.70vw; bottom: 13.36vw; width: 11.17vw;}
    .quick_apply .inner_cont {border-radius: 0.70vw; padding: 2.81vw 0.94vw 1.95vw;}
    .quick_apply .inner_cont .logo {top: -2.42vw; width: 8.05vw;}
    .quick_apply .inner_cont .tell p {font-size: 1.09vw;}
    .quick_apply .inner_cont .tell strong {font-size: 1.64vw;}
    .quick_apply .input_cont {margin-top: 0.94vw;}
    .quick_apply .input_cont .flex {gap: 0.70vw;}
    .quick_apply .input_cont .item {padding: 0.31vw 0;}
    .quick_apply .input_cont .item + .item {margin-top: 0.31vw;}
    .quick_apply .input_cont .item span {font-size: 0.94vw; width: 2.81vw;}
    .quick_apply .input_cont .item input {height: 1.95vw; font-size: 0.94vw; width: calc(100% - 3.44vw); padding: 0 0.63vw; border-radius: 0.39vw;}
    .quick_apply .input_cont .item textarea {margin-top: 0.70vw; height: 3.83vw; font-size: 0.94vw; padding: 0.63vw;}
    .quick_apply .agree {gap: 0.31vw; margin-top: 0.70vw;}
    .quick_apply .agree label {gap: 0.31vw;}
    .quick_apply .agree p {font-size: 0.86vw;}
    .quick_apply .agree span {font-size: 0.86vw;}
    .quick_apply .apply_btn {margin: 1.02vw auto 0; width: 7.66vw; height: 2.42vw; border-radius: 2.11vw; font-size: 0.86vw; border-radius: 0.39vw;}
    .quick_apply .kakao_apply {margin-top: 0.94vw; height: 2.81vw; line-height: 3.05vw; border-radius: 2.11vw; font-size: 0.94vw;}

    /* footer */
    .footer {padding: 3.52vw 0 4.14vw;}
    .footer .left {gap: 3.13vw;}
    .footer .logo {width: 10.39vw;}
    .footer .info_cont {margin-top: 0.94vw;}
    .footer .term {gap: 1.41vw;}
    .footer .term a {font-size: 1.09vw; letter-spacing: -0.08vw;}
    .footer .term .line {width: 0.08vw; height: 1.02vw;}
    .footer .info {margin-top: 1.95vw;}
    .footer .info p {gap: 0 1.02vw; font-size: 1.09vw; letter-spacing: -0.08vw; flex-wrap: wrap; width: 90%;}
    .footer .info .copy {margin-top: 1.02vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    .footer .sns {gap: 0.94vw;}
    .footer .sns img {width: 2.81vw;}
    .footer .tell {gap: 1.41vw; margin-top: 3.91vw;}
    .footer .tell h2 {font-size: 2.2vw;}
    .footer .tell p {font-size: 1.64vw;}
    
    /** main **/
    /* 공통 */
    .fs40 {font-size: 2.81vw;}
    .fs60 {font-size: 4.14vw;}
    .fs70 {font-size: 4.84vw;}
    .mt20 {margin-top: 1.41vw;}
    .mt30 {margin-top: 2.11vw;}
    .mt40 {margin-top: 2.81vw;}

    /* visual */
    .main .visual {height: 60.94vw;}
    /* .main .visual .swiper-slide {height: 60.94vw;} */
    .main .visual .bot {bottom: 5.55vw; gap: 0 1.02vw; padding-right: 2.89vw;}
    .main .visual .bot .arrow_cont {gap: 0 1.02vw;}
    .main .visual .pagination_cont {width: 14.06vw; height: 0.16vw; gap: 1.64vw;}
    .main .visual .swiper-pagination {gap: 0 0.70vw;}
    .main .visual .swiper-pagination-bullet {width: 8.36vw; height: 0.16vw;}
    .main .visual .swiper-pagination2 span {font-size: 0.94vw; letter-spacing: -0.08vw;}
    .main .visual .pause img {width: 1.72vw;}
	.main .visual .swiper-slide .tit1 .logo img{width: 16.64vw;}
	.main .visual .swiper-slide .tit1 .main_tit{margin-top: 4.53vw;}
	.main .visual .swiper-slide .tit1 h2 .point2{margin: 0 -0.70vw;}
	.main .visual .swiper-slide .tit1 h2 .point2:last-of-type{margin-right: -1.41vw;}
	.main .visual .swiper-slide .tit1 h2 .point2::before{width: 0.70vw; height: 0.70vw; top: -2.11vw;}
	.main .visual .swiper-slide .tit2{max-width: 80vw;}
	.main .visual .swiper-slide .tit2 .txt::before{width: 15.16vw; left: -8.67vw; bottom: -6.95vw;}
	.main .visual .swiper-slide-active .tit2 .txt::before{height: 36.09vw;}
	.main .visual .swiper-slide .tit2 .sub_tit p{font-size: 1.95vw; letter-spacing: -0.08vw;}
	.main .visual .swiper-slide .tit2 .main_tit{margin: 2.11vw 0;}
	.main .visual .swiper-slide .tit2 .main_tit2{font-size: 6.25vw; letter-spacing: -0.16vw;}
	.main .visual .swiper-slide .tit3 .main_tit{margin-top: 2.81vw;}
	.main .visual .swiper-slide .tit3 .main_tit .point2::before{width: 2.58vw; height: 2.50vw; top: -2.81vw;}
	.main .visual .swiper-slide .tit3 .sub_tit p{margin-top: 1.02vw; font-size: 3.05vw; letter-spacing: -0.08vw;}
	.main .visual .swiper-slide .tit3 .sub_tit2 p{margin-top: 3.05vw; font-size: 1.64vw; letter-spacing: -0.08vw;}
    /* sec1 */
	.main .sec1 .bg {bottom: -3.48vw;}
    .main .sec1 .tit {padding-top: 11.80vw;}
    .main .sec1 .tit p {font-size: 1.95vw;}
    .main .sec1 .scroll {right: 3.05vw;}
    .main .sec1 .scroll .item01 > img {width: 31.56vw; margin-right: 20.86vw;}
    .main .sec1 .scroll .item02 > img {width: 33.28vw;}
    .main .sec1 .scroll .item03 > img {width: 27.66vw; margin-right: 25.00vw; margin-top: 10.42vw;}
    .main .sec1 .scroll .item04 > img {width: 36.56vw; margin-top: -5.38vw;}
    .main .sec1 .scroll .item05 > img {width: 19.61vw; margin-right: 30.94vw; margin-top: 1.02vw;}
    .main .sec1 .scroll .item04 .stamp {width: 18.44vw; top: 12.81vw; right: -1.41vw;}
    .main .sec1 .scroll .item02 span.stamp {width: 15.94vw; height: 16.02vw; top: 6.64vw; right: 28.36vw;}
    /* sec2 */
    .main .sec2 {padding: 5.55vw 0 8.36vw;}
    .main .sec2 .inner {padding: 6.25vw 3.28vw 5.00vw;}
    .main .sec2 .contImg .tit > img {width: 11.09vw;}
    .main .sec2 .contImg .tit h2 .bot .img {width: 43.98vw;}
    .main .sec2 .contImg .tit h2 .bot .img img {width: 7.27vw;}
    .main .sec2 .img_ul {margin-top: 6.25vw; gap: 1.02vw;} 
    .main .sec2 .img_ul li {width: calc(100%/3 - 1.02vw); height: 34.69vw;}
    .main .sec2 .img_ul li .txt p {font-size: 2.19vw;}
    .main .sec2 .img_ul li .txt h2 {margin-top: 1.02vw;}
    .main .sec2 .contVideo {margin-top: 9.06vw;}
    .main .sec2 .contVideo h2 {font-size: 3.44vw;}
    .main .sec2 .contVideo .img_ul {margin-top: 4.38vw; margin-bottom: 2.03vw; gap: 1.41vw;}
    .main .sec2 .contVideo .img_ul li {width: calc(50% - 0.70vw); padding-top: 21.33vw;}
    /* sec3 */
    .main .sec3 .flow_text {padding: 2.97vw 0;}
    .main .sec3 .flow_text span {font-size: 3.44vw;}
    /* sec4 */
    .main .sec4 {padding: 8.36vw 0 6.88vw;}
    .main .sec4 .swiper {max-width: 72.19vw;}
    .main .sec4 .swiper-slide ul {margin: 4.14vw auto 0; gap: 2.81vw;}
    .main .sec4 .swiper-slide ul li {width: 20.86vw;}
    .main .sec4 .swiper-slide ul li:first-child {padding-left: 4.14vw;}
    .main .sec4 .swiper-slide ul li .top {width: 9.69vw;}
    .main .sec4 .swiper-slide ul li .top > span {font-size: 2.81vw; padding-bottom: 0.70vw;}
    .main .sec4 .swiper-slide ul li .top strong {font-size: 4.14vw; padding-top: 0.70vw;}
    .main .sec4 .swiper-slide ul li:nth-child(1) .top strong {font-size: 5.55vw;}
    .main .sec4 .swiper-slide ul li .top strong span {font-size: 2.81vw;}
    .main .sec4 .swiper-slide ul li .bot {padding: 2.11vw 1.56vw 0; margin-top: 1.95vw;}
    .main .sec4 .swiper-slide ul li:nth-child(1) .bot {height: 31.25vw;}
    .main .sec4 .swiper-slide ul li:nth-child(2) .bot {height: 24.30vw;}
    .main .sec4 .swiper-slide ul li:nth-child(3) .bot {height: 17.34vw;}
    .main .sec4 .swiper-slide ul li p {font-size: 2.19vw; letter-spacing: -0.08vw;}
    .main .sec4 .swiper-slide ul + p {margin-top: 2.58vw; font-size: 1.09vw;}
	.main .sec4 .swiper-slide ul li .talk {width: 6.48vw;}
	.main .sec4 .swiper-slide ul li:nth-child(1) .talk{width: 8.52vw; bottom: 9.30vw; left: 1.02vw;}
	.main .sec4 .swiper-slide ul li:nth-child(2) .talk{bottom: 9.53vw; left: 2.19vw;}
	.main .sec4 .swiper-slide ul li:nth-child(3) .talk{bottom: 6.02vw; left: 1.72vw;}
	.main .sec4 .arrow .inner div{width: 4.14vw;}
    /* sec5 */
    .main .sec5 {padding: 10.39vw 0 5.55vw;}
    .main .sec5 h2 {margin-top: 7.50vw; gap: 0.78vw;}
    .main .sec5 h2 span {font-size: 4.84vw;}
    .main .sec5 h2 span img {bottom: -2.11vw;}
    .main .sec5 h2 > .img {margin-bottom: 3.44vw; width: 21.17vw;}
    .main .sec5 .mySwiper {margin-top: 5.31vw; padding-top: 5.55vw;}
    .main .sec5 .swiper-slide {width: 21.56vw; margin: 0 4.61vw;}
    .main .sec5 .swiper-slide .img span {width: 21.56vw; height: 21.56vw;}
    .main .sec5 .swiper-slide .txt {width: 13.20vw; height: 5.31vw; line-height: 5.47vw; border-radius: 3.44vw; font-size: 1.95vw;}
    .main .sec5 .swiper-slide-active .img::before {width: 32.66vw; height: 32.66vw;}
    .main .sec5 .swiper-slide-active .txt {margin-top: 4.14vw;}
    .main .sec5 .arrow {top: 14.22vw; width: 45.47vw;}
    .main .sec5 .arrow > div {width: 4.14vw; height: 4.14vw;}
    .main .sec5 .arrow > div img {width: 1.41vw;}
    /* sec6 */
    .main .sec6 {padding: 6.95vw 0 10.39vw;}
    .main .sec6 .inner2{max-width: 93vw;}
    .main .sec6 .inner2 > div {height: 44.45vw; width: calc(50% - 1.48vw);}
    .main .sec6 .item {width: 40.94vw; height: 40.31vw; padding: 2.34vw 2.11vw 0;}
    .main .sec6 .item .img {height: 25.94vw;}
    .main .sec6 .item .txt {height: calc(100% - 25.94vw);}
    .main .sec6 .item p {font-size: 1.95vw; letter-spacing: -0.08vw;}
	.main .sec6 .left .item p{bottom: 4.84vw;}
	.main .sec6 .right .item p{bottom: 3.83vw;}
	.main .sec6 .swiper{top: 2.42vw; width: 36.80vw;}
	.main .sec6 .left .img {left: 3.14vw;}
	.main .sec6 .left .img .star{width: 5.47vw;}
	.main .sec6 .left .img .star2{width: 2.81vw; margin: 1.41vw 0 0 -0.70vw;}
	.main .sec6 .right .img {right: 1.11vw; bottom: 10.78vw;}
	.main .sec6 .right .img .arrow {width: 8.13vw;}
    /* sec7 */
    .main .sec7 {padding: 10.39vw 0 9.61vw;}
    .main .sec7 .logo {top: 34.06vw; right: 10.23vw; width: 12.66vw;}
    .main .sec7 .sub_tit {width: 50.86vw; height: 7.81vw; line-height: 7.97vw; border-radius: 4.84vw; padding: 0 4.14vw;}
    .main .sec7 h2 {margin-top: 1.64vw; font-size: 8.36vw;}
    .main .sec7 ul {gap: 1.41vw; margin-top: 3.44vw;}
    .main .sec7 ul li {width: 20.16vw; height: 5.55vw; line-height: 5.78vw; border-radius: 4.84vw; font-size: 2.19vw;}
    .main .sec7 .cont {margin: 3.05vw auto 0; width: 50.70vw; height: 50.08vw;}
	.main .sec7 .cont .img07{width: 17.34vw; top: 3.91vw; left: -0.31vw;}
    /* sec8 */
    .main .sec8 {padding: 9.69vw 0 7.50vw;}
    .main .sec8 .sub_tit {font-size: 2.81vw;}
    .main .sec8 .main_tit {margin-top: 1.02vw;}
    .main .sec8 .main_tit .img {top: 1.64vw; width: 75.94vw;}
    .main .sec8 .main_tit .img img {width: 7.27vw;}
    .main .sec8 .cont {margin-top: 4.84vw;}
    .main .sec8 .cont .flex .item:last-child {margin-left: -2.11vw;}
    .main .sec8 .cont .item {width: 25.00vw; height: 25.00vw;}
    .main .sec8 .cont .item div {font-size: 1.95vw;}
    .main .sec8 .cont .arrow img {width: 2.19vw;}
    .main .sec8 .cont .item.on {width: 22.89vw; height: 22.89vw;}
    .main .sec8 .cont .item.on::before,
    .main .sec8 .cont .item.on::after {width: 27.81vw; height: 27.81vw;}
    .main .sec8 .desc {margin-top: 3.13vw; font-size: 1.64vw;}
    /* sec9 */
    .main .sec9 {padding: 11.80vw 0 10.39vw;}
    .main .sec9 .main_tit {margin-top: 1.02vw;}
    .main .sec9 .sub_tit2 {margin-top: 1.72vw;}
    .main .sec9 .cont {margin-top: 4.53vw;}
    .main .sec9 .cont .bg {top: 20.47vw; min-width: 83.28vw;}
    .main .sec9 .move_cont .cup {width: 52.11vw;}
    .main .sec9 .move01 {width: 5.55vw; top: 1.56vw; left: 17.11vw;}
    .main .sec9 .move02 {width: 20.70vw; top: 8.59vw; right: 12.50vw;}
	.main .sec9 .fruit .img1{width: 13.13vw; left: 6.95vw;}
	.main .sec9 .fruit .img2{width: 7.19vw; left: 16.64vw;}
	.main .sec9 .fruit .img3{width: 5.78vw; left: 33.36vw;}
	.main .sec9 .fruit .img4{width: 6.33vw; left: 43.05vw;}
	.main .sec9 .fruit .img5{width: 9.45vw; right: 29.53vw;}
	.main .sec9 .fruit .img6{width: 10.78vw; right: 9.92vw;}
	.main .sec9 .fruit .img7{width: 12.34vw; right: 4.69vw;}
    @keyframes enterCup1 {
        100% {
            top: 12.50vw;
            left: 32.66vw;
        }
    }
    @keyframes enterCup2 {
        100% {
            top: 22.73vw;
            right: 33.36vw;
        }
    }
    .main .sec9 .info {right: 1.95vw; bottom: -3.44vw;}
    .main .sec9 .info .circle {padding: 0.86vw; width: 20.86vw; height: 20.86vw;}
    .main .sec9 .info .circle:first-child {margin-right: -1.88vw;}
    .main .sec9 .info .circle .txt strong {font-size: 3.36vw;}
    .main .sec9 .info .circle .txt p {margin-top: 0.63vw; font-size: 1.64vw;}
    .main .sec9 .info .plus {width: 5.63vw;}

	/* sec10 */
	.main .sec10 .img{height: 65.94vw;}
	.main .sec10 .center .circle{width: 18.05vw;}
	.main .sec10 .center .txt{width: 26.41vw;}

	/* sec11 */
	.main .sec11 .tit .sub_tit{font-size: 2.81vw;}
	.main .sec11 .tit h2 .bot .img{width: 57.11vw; top: 1.64vw;}
	.main .sec11 .tit h2 .bot .img img{width: 7.27vw;}
	.main .sec11 .menu_swiper{margin-top: 12.50vw;}
	.main .sec11 .menu_swiper .swiper-slide{width: 27.81vw; margin: 0 2.11vw; transform: translateX(-4.84vw);}
	.main .sec11 .menu_swiper .swiper-slide .img img{border-radius: 2.81vw;}
	.main .sec11 .menu_swiper .swiper-slide .txt{margin: 2.81vw auto 0; width: 23.59vw; gap:1.41vw;}
	.main .sec11 .menu_swiper .swiper-slide .txt dt{font-size: 2.11vw;}
	.main .sec11 .menu_swiper .swiper-slide .txt dd{font-size: 1.25vw; letter-spacing: -0.08vw;}
	.main .sec11 .menu_swiper .swiper-slide-active .img{border: 0.31vw solid #E50817; border-radius: 3.13vw;}
	.main .sec11 .menu_swiper .swiper-slide-active .img::before{font-size: 1.74vw; letter-spacing: -0.08vw; width: 10.39vw; height: 10.39vw; left: -4.14vw; top: -4.53vw;}
	.main .sec11 .menu_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(4.84vw);}
	.main .sec11 .menu_swiper .swiper-slide-active .txt{margin-top: 6.95vw;}
	.main .sec11 .menu_swiper .swiper-slide-active .txt dt{font-size: 2.42vw;}
	.main .sec11 .menu_swiper .swiper-slide-active .txt dd{font-size: 1.56vw;}
	.main .sec11 .menu_swiper .arrow{top: 13.91vw; width: 49.30vw;}
	.main .sec11 .menu_swiper .arrow div{width: 4.14vw;}

	/* sec12 */
	.main .sec12{padding: 8.36vw 0 5.55vw;}
	.main .sec12::before{height: 20.16vw;}
	.main .sec12 .tit .sub_tit{margin-top: 1.02vw; font-size: 2.81vw; letter-spacing: -0.08vw;}
	.main .sec12 .video{margin-top: 6.25vw;}

	/* sec13 */
	.main .sec13{padding-bottom: 5.55vw;}
	.main .sec13 .tit_deco{top: 12.81vw;}
	.main .sec13 .tit_deco img{height: 6.72vw;}
	.main .sec13 .tit .point_wrap .line{height: 6.48vw;}
	.main .sec13 .tit .point_wrap .txt{font-size: 1.64vw; letter-spacing: -0.08vw; width: 12.89vw; line-height: 5.23vw;}
	.main .sec13 .tit .main_tit{margin-top: 5.55vw;}
	.main .sec13 .list{margin-top: 3.44vw; padding: 0 0.78vw;}
	.main .sec13 .list li{width: 17.81vw; height: 17.81vw; gap:1.25vw; margin: 0 -0.78vw;}
	.main .sec13 .list li span{font-size: 0.94vw;}
	.main .sec13 .list li .tit{font-size: 1.64vw;}
	.main .sec13 .list li p{font-size: 0.94vw;}

	/* sec14 */
	.main .sec14 .tit .sub_tit{font-size: 2.81vw; letter-spacing: -0.08vw;}
	.main .sec14_table_wrap{margin-top: 6.25vw;}
	.main .sec14_table th{font-size: 1.80vw; padding-bottom: 1.95vw;}
	.main .sec14_table td{font-size: 1.64vw; padding: 1.72vw 1.41vw;}
	.main .sec14_table td strong{font-size: 1.95vw; padding: 0.70vw 2.81vw;}
	.main .sec14_table .first td{padding-top: 2.81vw;}
	.main .sec14_table .last td{padding-bottom: 2.81vw;}
	.main .sec14_table .red td{font-size: 3.44vw;}
	.main .sec14_table .red td #count{min-width: 22.89vw;}
	.main .sec14 .desc{margin-top: 2.81vw; font-size: 1.41vw;}

	/* sec15 */
	.main .sec15{padding: 13.91vw 0 23.28vw;}
	.main .sec15::before{width: 100%; height: 19.51vw;}
	.main .sec15 .tp_deco{top: 12.73vw;}
	.main .sec15 .tp_deco .box{width: 7.27vw; height: 7.27vw;}
	.main .sec15 .tit_deco{top: 31.95vw;}
	.main .sec15 .tit_deco img{height: 5.2vw;}
	.main .sec15 .tit .logo img{width: 16.64vw;}
	.main .sec15 .tit .main_tit{margin-top: 3.83vw;}
	.main .sec15 .tit .sub_tit{margin-top: 1.02vw; font-size: 2.81vw; letter-spacing: -0.23vw;}
	.main .sec15 .store_swiper{margin-top: 16.64vw; }
	.main .sec15 .store_swiper .swiper-slide{ width: 24.30vw; transform: translateX(-7.27vw); margin: 0 2.11vw;}
	.main .sec15 .store_swiper .swiper-slide .scale span{font-size: 1.95vw;}
	.main .sec15 .store_swiper .swiper-slide .txt{margin-top: 2.11vw;}
	.main .sec15 .store_swiper .swiper-slide .txt .name{font-size: 1.95vw;}
	.main .sec15 .store_swiper .swiper-slide-active:before{width: 39.61vw; height: 53.44vw; top: -7.66vw;}
	.main .sec15 .store_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(7.27vw);}
	.main .sec15 .store_swiper .swiper-slide-active .scale{width: 9.69vw; height: 9.69vw; gap:0.31vw; top: -6.56vw; right: -6.56vw;}
	.main .sec15 .store_swiper .swiper-slide-active .scale2{top: 4.14vw;}
	.main .sec15 .store_swiper .swiper-slide-active .scale span strong{font-size: 3.05vw;}
	.main .sec15 .store_swiper .swiper-slide-active .scale p{font-size: 1.64vw; letter-spacing: -0.08vw;}
	.main .sec15 .store_swiper .swiper-slide-active .txt{margin-top: 8.36vw; gap:2.11vw;}
	.main .sec15 .store_swiper .swiper-slide-active .txt .name{font-size: 1.64vw; padding: 1.02vw 1.95vw;}
	.main .sec15 .store_swiper .swiper-slide-active .txt p{font-size: 3.44vw; letter-spacing: -0.16vw;}
	.main .sec15 .store_swiper .arrow{top: 17.34vw; width: 52.42vw;}
	.main .sec15 .store_swiper .arrow div{width: 4.14vw;}

	/* sec16 */
	.main .sec16 .tit .logo img{width: 16.64vw;}
	.main .sec16 .tit .main_tit{margin-top: 3.83vw;}
	.main .sec16 .tit .main_tit h2{font-size: 5.55vw;}
	.main .sec16 .tit .sub_tit{margin-top: 1.02vw; font-size: 2.81vw; letter-spacing: -0.23vw;}
	.main .sec16 .list{margin-top: 6.25vw; gap:2.11vw; min-height: 46.09vw;}
	.main .sec16 .list li{width: calc((100% - 4.14vw) / 3); }
    .main .sec16 .list li > div {border-radius: 2.11vw; padding: 5.94vw 0 4.53vw;}
	.main .sec16 .list li .num{font-size: 2.81vw; top: 2.66vw; left: 2.11vw;}
	.main .sec16 .list li img{width: 19.45vw;}
	.main .sec16 .list li p{margin-top: 3.44vw; font-size: 1.95vw; letter-spacing: -0.08vw;}

	/* sec17 */
	.main .sec17{padding-top: 1.41vw;}
	.main .sec17 .tp_deco .line{width: 35.31vw;}
	.main .sec17 .tp_deco .logo{width: 17.34vw;}
	.main .sec17 .cont{margin-top: 6.56vw; padding: 6.25vw 0 12.50vw;}
	.main .sec17 .tit .logo{gap: 3.13vw;}
	.main .sec17 .tit .logo .line{width: 9.22vw;}
	.main .sec17 .tit .logo img{width: 11.02vw;}
	.main .sec17 .tit .main_tit{margin-top: 6.25vw;}
	.main .sec17 .tit .sub_tit{margin-top: 1.02vw; font-size: 2.81vw; letter-spacing: -0.08vw;}
	.main .sec17 .txt{margin: 5.55vw 0 6.25vw;}
	.main .sec17 .txt strong{font-size: 4.14vw; letter-spacing: -0.08vw; padding: 0.86vw 2.19vw 0.55vw 2.19vw;}
	.main .sec17 .txt p{margin-top: 1.41vw; font-size: 2.81vw; letter-spacing: -0.08vw;}
	.main .sec17 .media_swiper_wrap{padding-bottom: 6.95vw;}
	.main .sec17 .media_swiper_wrap .bg{height: 34.06vw;}
	.main .sec17 .media_swiper_wrap .bg::before{width: 7.11vw;}
	.main .sec17 .media_swiper_wrap .bg::after{width: 7.11vw;}
	.main .sec17 .media_swiper_wrap .arrow div{width: 4.14vw;}
	.main .sec17 .media_swiper_wrap .arrow .prev{left: -2.11vw;}
	.main .sec17 .media_swiper_wrap .arrow .next{right: -2.11vw;}
	.main .sec17 .swiper_bt{margin-top: 3.44vw; gap:6.25vw;}
	.main .sec17 .swiper_bt span{font-size: 2.50vw; letter-spacing: -0.08vw;}
	.main .sec17 .swiper_bt .scrollbar{width: 39.61vw; height: 4px;}

	/* sec18 */
	.main .sec18{padding: 10.78vw 0; margin-top: 3.67vw;}
	.main .sec18 .line{top: -3.67vw;}
	.main .sec18 .line div{height: 0.70vw;}
	.main .sec18 .line::before{width: 12.66vw; height: 12.81vw; left: 20.08vw;}
	.main .sec18 .tit{left: 17.34vw;}
	.main .sec18 .tit h2{font-size: 4.14vw;}
	.main .sec18 .tit span{font-size: 2.50vw; letter-spacing: -0.08vw;}
	.main .sec18 .tit .sub_tit{font-size: 2.19vw; margin-top: 1.72vw; letter-spacing: -0.08vw;}
	.main .sec18 .video_swiper_wrap{padding: 0 15.16vw;}
	.main .sec18 .video_swiper .swiper-slide .wrap{width: 25.23vw; height: 25.23vw;}
	.main .sec18 .video_swiper .arrow div{width: 4.14vw;}
	.main .sec18 .video_swiper .arrow .prev{left: 2.03vw;}
	.main .sec18 .video_swiper .arrow .next{right: 2.03vw;}

	/* sec19 */
	.main .sec19 .tit{left: 50.14vw;}
	.main .sec19 .tit span{font-size: 2.50vw; letter-spacing: -0.08vw;}
	.main .sec19 .tit h2{font-size: 4.14vw;}
	.main .sec19 .tit .sub_tit{font-size: 2.19vw; margin-top: 1.72vw; letter-spacing: -0.08vw;}
	.main .sec19 .video_swiper{margin-left: -9.45vw; width: calc(100% + 9.45vw);}
	.main .sec19 .video_swiper .swiper-slide{width: 25.23vw; height: 25.23vw;}
	.main .sec19 .video_swiper .swiper-slide-next{margin-right: 46.80vw !important;}
	.main .sec19 .video_swiper .arrow div{width: 4.14vw;}
	.main .sec19 .video_swiper .arrow .prev{left: 2.03vw;}
	.main .sec19 .video_swiper .arrow .next{right: 2.03vw;}

	/* sec20 */
	.main .sec20{height: 57.42vw;}
	.main .sec20 .sns_swiper{left: -26.41vw; width: 80.39vw;}
	.main .sec20 .sns_swiper .swiper-slide .txt{margin-top: 2.42vw;}
	.main .sec20 .sns_swiper .swiper-slide .txt dt{font-size: 2.19vw; letter-spacing: -0.08vw;}
	.main .sec20 .sns_swiper .swiper-slide .txt dd{margin-top: 1.41vw; font-size: 1.64vw; letter-spacing: -0.00vw;}
	.main .sec20 .tit span{font-size: 2.50vw; letter-spacing: -0.08vw;}
	.main .sec20 .tit h2{font-size: 4.14vw;}
	.main .sec20 .tit .sub_tit{font-size: 2.19vw; margin-top: 1.72vw; letter-spacing: -0.08vw;}

	/* sec21 */
	.main .sec21 .tit h2 .bot{margin-top: 0.70vw;}
	.main .sec21 .tit h2 .bot .img{width: 52.81vw; top: 1.64vw;}
	.main .sec21 .tit h2 .bot .img img{width: 7.27vw;}
	.main .sec21 .sub_tit{font-size: 1.94vw;}
	.main .sec21 .review .item{font-size: 1.41vw; letter-spacing: -0.08vw; padding: 1.56vw 2.27vw 1.41vw;}
	.main .sec21 .review .item1{top: 14.22vw; left: 2.50vw;}
	.main .sec21 .review .item2{top: 24.45vw; left: 7.19vw;}
	.main .sec21 .review .item3{top: 33.75vw; left: 3.52vw;}
	.main .sec21 .review .item4{top: 14.22vw; right: 1.56vw;}
	.main .sec21 .review .item5{top: 24.45vw; right: 5.86vw;}
	.main .sec21 .review .item6{top: 33.75vw; right: 8.28vw;}
	.main .sec21 .review_swiper{margin-top: 3.44vw; padding-top: 1.41vw;}
	.main .sec21 .review_swiper::before{width: 27.50vw; height: 53.59vw;}
	.main .sec21 .review_swiper::after{width: 9.69vw; height: 8.36vw; bottom: 1.72vw;}
	.main .sec21 .review_swiper .swiper-slide{margin: 0 1.02vw; margin-top: 16.33vw; width: 24.14vw; transform: translateX(1.72vw);}
	.main .sec21 .review_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(-2.11vw);}
	.main .sec21 .review_swiper .arrow{ gap: 32.66vw; top: 9.38vw; left: 50%; transform:translateX(-50%); }
	.main .sec21 .review_swiper .arrow div{width: 4.14vw;}

	/* sec22 */
	.main .sec22 .main_tit .img{width: 12.50vw; margin-bottom: 3.13vw;}
	.main .sec22 .sub_tit{font-size: 2.19vw;}
	.main .sec22 .tit .circle{width: 20.16vw; height: 20.16vw; box-shadow: 0 0.55vw 1.56vw 0 rgba(0, 0, 0, 0.35); font-size: 1.88vw; right: 12.19vw;}
	.main .sec22 .tit .circle::before{width: 18.44vw; height: 18.44vw;}
	.main .sec22 .tit .circle b{font-size: 2.42vw;}
	.main .sec22 .cost_table_wrap{margin-top: 4.84vw;}
	.main .sec22 .cost_table th{font-size: 1.80vw;}
	.main .sec22 .cost_table thead th span{letter-spacing: -0.08vw; margin: -0.16vw 0 0 0.31vw;}
	.main .sec22 .cost_table th{padding: 2.11vw 1.41vw 1.72vw 1.41vw;}
	.main .sec22 .cost_table td{font-size: 1.64vw; padding: 2.11vw 1.41vw;}
	.main .sec22 .cost_table .center td{padding-top: 0.70vw;}
	/* .main .sec22 .cost_table .center + .center td{padding-bottom: 0.70vw;} */
	.main .sec22 .cost_table td b.none::before{width: 7.81vw; height: 0.70vw; top: 0.31vw;}
    .main .sec22 .cost_table td b.none.long::before{width: 11.64vw;}
	.main .sec22 .cost_table td b.none2::before{width: 7.81vw;}
	.main .sec22 .cost_table td b.none + b{margin-left: 1.02vw;}
	.main .sec22 .cost_table td strong{font-size: 1.95vw; padding: 0.70vw 1.41vw;}
	.main .sec22 .cost_table .last td{font-size: 2.81vw; padding: 2.11vw 1.41vw 1.72vw 1.41vw;}
	.main .sec22 .cost_table .last td:last-child{font-size: 2.19vw;}
	.main .sec22 .desc{font-size: 1.41vw;}
	.main .sec22 .desc.point{margin-top: 2.11vw;}
	.main .sec22 .desc:not(.point){padding-left: 1.02vw; margin-top: 0.70vw;}

	/* sec23 */
	.main .sec23 .main_tit .img {top: 1.64vw; width: 70.16vw;}
	.main .sec23 .main_tit .img img {width: 7.27vw;}
	.main .sec23 .sub_tit {font-size: 1.94vw;}
	.main .sec23 .step{margin-top: 4.14vw; gap: 2.81vw 1.72vw;}
	.main .sec23 .step li{width: calc((100% - 3.52vw) / 3); padding: 2.81vw 0; gap: 1.41vw;}
	.main .sec23 .step li::before{width: 4.14vw; height: 4.14vw; right: -2.11vw; filter: drop-shadow(0 0.47vw 0.70vw rgba(100, 100, 111, 0.20));}
	.main .sec23 .step li span{font-size: 1.09vw; letter-spacing: -0.00vw; width: 5.55vw; line-height: 2.81vw;}
	.main .sec23 .step li img{height: 4.53vw;}
	.main .sec23 .step li p{font-size: 2.19vw; letter-spacing: -0.16vw;}

	/* sec24 */
	.main .sec24 .sub_tit{font-size: 1.64vw; letter-spacing: -0.00vw; }
	.main .sec24 h2{letter-spacing: -0.16vw; margin-top: 1.72vw;}
	.main .sec24 .cont{margin-top: 6.25vw;}
	.main .sec24 .cont::before{width: 26.41vw; height: 24.45vw; right: -6.95vw; top: 10.39vw;}
	.main .sec24 .cont .txt + .txt{margin-top: 9.38vw;}
	.main .sec24 .cont .txt dt{font-size: 2.89vw; letter-spacing: -0.16vw;}
	.main .sec24 .cont .txt dd{margin-top: 3.44vw; font-size: 1.95vw; letter-spacing: -0.08vw;}

	/* sec25 */
	.main .sec25, .main .sec26{padding-top: 10.39vw;}
	.main .sec25 .main_tit .img {top: 1.64vw; width: 63.91vw;}
	.main .sec25 .main_tit .img img {width: 7.27vw;}
	.main .sec25 .sub_tit {font-size: 1.94vw;}
	/* map */
	.map_wrap{ margin-top: 4.14vw;}
	.map_wrap .map{height: 56.95vw;}
	.map_wrap .map_menu .map_ic{width: 3.44vw;}
	@keyframes ani_pop {
		0% {transform: translateY(-1.72vw)}
		50% {transform: translateY(0)}
		100% {transform: translateY(-1.72vw)}
	}
	.map_wrap .map_menu .map_box{top: -15.31vw; width: 25.00vw; box-shadow: 0 0.31vw 0.70vw 0 rgba(0, 0, 0, 0.25); padding: 2.81vw 2.42vw 2.42vw; border-radius: 1.41vw;}
	.map_wrap .map_menu .map_box:before{border-right:0.94vw solid transparent; border-top:1.17vw solid #fff; border-left:0.94vw solid transparent; border-bottom:0.94vw solid transparent; bottom:-1.9vw; filter: drop-shadow(0 0.55vw 0.31vw rgba(0, 0, 0, 0.20));}
	.map_wrap .map_menu .map_box strong{font-size: 1.41vw;}
	.map_wrap .map_menu .map_box p{font-size: 1.02vw; letter-spacing: -0.08vw; margin-top:0.70vw;}
	.map_wrap .map_menu .map_box .detail_view{font-size: 0.94vw; padding: 0.55vw 1.41vw; margin-top:1.41vw;}
	.map_wrap .map_menu .map_box .map_close{top: 1.17vw; right: 1.17vw; width: 1.64vw;}
	/* left menu */
	.map_srh_wrap{left:2.42vw; width: 31.25vw; box-shadow: 0 0.31vw 0.70vw 0 rgba(0, 0, 0, 0.25); padding-bottom:2.81vw; border-radius: 1.41vw;}
	.map_srh_inner{padding:0 2.11vw;}
	.map_srh_tp .map_tabnav li a{font-size: 1.25vw; line-height: 4.84vw;}
	.map_srh{ padding: 2.11vw 0 2.42vw;}
	.map_srh .map_srh_input{font-size: 1.41vw; height: 4.14vw; padding:0 1.41vw; width:calc(100% - 4.14vw);}
	.map_srh .map_sel1{width:10.08vw;}
	.map_srh .map_sel2{width: calc(100% - 4.14vw - 10.08vw);}
	.map_srh_btn{ width: 4.14vw; height: 4.14vw; line-height: 4.14vw;}
	.map_srh_btn img{width: 1.80vw;}
	.map_srh_bt{min-height:29.14vw;}
	.map_srh_bt .store_no_data{padding:2.42vw 0;}
	.map_srh_bt .store_no_data img{width: 3.13vw;}
	.map_srh_bt .store_no_data p{font-size: 1.25vw; margin-top:0.31vw;}
	.map_srh_bt .store_list li{padding:1.41vw 0; gap:1.41vw;}
	.map_srh_bt .store_list li .img{width: 8.67vw; height: 6.95vw;}
	.map_srh_bt .store_list li .txt{width:calc(100% - 8.67vw - 1.41vw);}
	.map_srh_bt .store_list li .txt strong{font-size: 1.25vw;}
	.map_srh_bt .store_list li .txt p{margin-top:0.55vw; font-size: 1.02vw; letter-spacing: -0.08vw;}
	.paging{gap: 1.56vw; margin-top:2.11vw;}
	.paging .btn_pager a {height: 0.86vw;}
	.paging ul{gap: 1.56vw;}
	.paging .list_pager li a{font-size: 1.02vw;}
	/* popup */
	.pop_inner{width: 50.70vw; box-shadow: 0 0.31vw 0.70vw 0 rgba(0, 0, 0, 0.25); border-radius: 1.41vw;}
	.pop_tp{padding:0 2.11vw; height: 4.84vw;}
	.pop_tp strong{font-size: 1.41vw;}
	.pop_tp .pop_close{width: 1.64vw;}
	.pop_cont{padding: 2.81vw 2.11vw; gap:2.42vw;}
	.pop_cont .map_pop_slide_wrap{width: 17.34vw; height:13.91vw;}
	.pop_cont .map_pop_slide_wrap .swiper-slide{height:13.91vw;}
	.pop_cont .map_pop_slide_arrow{right:0.70vw; bottom:0.70vw;  gap:0.31vw;}
	.pop_cont .map_pop_slide_arrow > div{width: 1.72vw;}
	.pop_cont .map_pop_info{width: calc(100% - 17.34vw - 2.42vw);}
	.pop_cont .map_pop_info dl{font-size: 1.09vw; gap:1.41vw;}
	.pop_cont .map_pop_info dl + dl{margin-top:1.02vw;}
	.pop_cont .map_pop_info dt{min-width:5.23vw; padding-left:0.70vw;}
	.pop_cont .map_pop_info dd{width:calc(100% - 5.23vw);}
	/* select */
	.map_wrap .select {height: 4.14vw; line-height: 4.14vw; font-size: 1.41vw;}
	.map_wrap .select .selected {padding:0 1.41vw;}
	.map_wrap .select .selected .arrow {width: 1.41vw;}
	.map_wrap .select .option_wrap {width: calc(100% + 0.16vw); margin: -0.16vw 0 0 -0.08vw;}
	.map_wrap .select ul li {line-height:2.81vw; padding-left: 1.41vw; font-size:1.25vw;}

	/* sec26 */
	.main .sec26 .qna_list{margin-top:4.14vw;}
	.main .sec26 .qna_list li + li{margin-top:1.41vw;}
	.main .sec26 .qna_list .question{font-size: 2.19vw; padding: 2.11vw 3.44vw;}
	.main .sec26 .qna_list .question .arrow{width: 2.11vw; right: 3.44vw;}
	.main .sec26 .qna_list .answer{padding:2.11vw 3.44vw; margin-top:0.70vw;}
	.main .sec26 .qna_list .answer strong{font-size: 2.19vw;}
	.main .sec26 .qna_list .answer span{font-size: 1.64vw;}


	/* sec27 */
	.main .sec27{padding: 6.95vw 0 10.39vw;}
	.main_form{margin-top: 4.53vw; padding: 3.44vw 6.95vw 5.23vw;}
	.main_form ul{gap: 2.11vw 1.40vw;}
	.main_form ul li{width: calc(50% - 0.7vw);}
	.main_form ul li dl{gap: 1.02vw 1.41vw; letter-spacing: -0.08vw;}
	.main_form ul li dl dt{width: 7.97vw; padding: 0.94vw 0; font-size: 1.56vw;}
	.main_form ul li dl dd{width: calc(100% - 1.41vw - 7.97vw); font-size: 1.41vw;}
	.main_form ul li dl dd .input{padding: 0.94vw 0;}
	.main_form ul li dl dd .textarea{height: 6.25vw; margin-bottom: 0.70vw;}
	.main_form .bot{margin-top: 2.42vw;}
	.main_form .bot .agree{gap:1.02vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.main input[type="checkbox"]{width: 1.41vw; height: 1.41vw;}
	.main_form .bot .apply_btn{font-size: 1.41vw; width: 12.50vw; padding: 1.25vw 0 1.02vw;}
	.main_form ul li dl dd.check{gap: 0.70vw 0; padding-bottom: 1.41vw !important;}
	.main_form ul li dl dd.check input[type="checkbox"]{margin: -0.16vw 0.70vw 0 0;}
	.main_form ul li dl dd.check input[type="text"]{width: 11.09vw; height: 2.42vw; margin-left: 1.02vw; padding: 0 1.02vw;}

}



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

    /* 공통 */
    .pc{display: none !important;}
    .mob{display: block !important;}
    .inner {max-width:100%; padding: 0 5.21vw;}
    .inner2 {max-width:100%; padding: 0 5.21vw;}
    input.checkbox {width: 3.91vw; height: 3.91vw;}

    /* cursor */
    .cursor {display: none;}

    /* HEADER */
    .header {height:15.63vw;}
    .header .inner h1 {top: -2.60vw; width: 26.04vw; height: 26.04vw;}
    .header .inner h1 img {width: 17.97vw;}
    .header .all_menu_btn{display:block !important; line-height: 15.63vw;}
    .header .all_menu_btn img {width: 6.51vw;}
    .header .gnb {display: none;}
    .header .head_rt {margin-right: 0;}
    .header .head_rt .phone {gap: 1.30vw;}
    .header .head_rt .phone span {font-size: 4.17vw; letter-spacing: -0.26vw;}
    .header .head_rt .phone img {width: 5.21vw;}

    /* quick_apply */
    .quick_apply {display: none; position: fixed; bottom: 0; right: 0; width: 100%; height: 100vh; z-index: 200; background: #00000060;}
    .quick_apply .inner_cont {position: relative; position: absolute; top: 65%; left: 50%; transform: translate(-50%,-50%); padding: 0; border-radius: 0; background: transparent;}
    .quick_apply .inner_cont .logo {top: -9.77vw; width: 30.21vw; z-index: 1;}
    .quick_apply .scroll_box {padding: 13.02vw 6.90vw 9.77vw; width: 75.78vw; height: 106.13vw; overflow: hidden; overflow-y: scroll; position: relative; bottom: auto; right: auto; background: #101010; border-radius: 2.60vw; margin: 0 auto;}
    .quick_apply .inner_cont .tell {display: flex; align-items: center; gap: 2.60vw; justify-content: center;}
    .quick_apply .inner_cont .tell p {font-size: 4.17vw;}
    .quick_apply .inner_cont .tell strong {font-size: 6.25vw;}
    .quick_apply .input_cont {margin-top: 5.86vw;}
    .quick_apply .input_cont .flex {gap: 2.60vw;}
    .quick_apply .input_cont .item {padding: 1.04vw 0; border-bottom: 1px solid #FFFFFF80;}
    .quick_apply .input_cont .item + .item {margin-top: 2.60vw;}
    .quick_apply .input_cont .item span {font-size: 3.65vw; width: 10.42vw;}
    .quick_apply .input_cont .item input {height: 7.29vw; font-size: 3.65vw; width: calc(100% - 13.02vw); border: 0; padding: 0;}
    .quick_apply .input_cont .item textarea {margin-top: 2.60vw; height: 11.46vw; font-size: 3.65vw; border: 0; padding: 0;}
    .quick_apply .agree {gap: 1.04vw; margin-top: 5.21vw; justify-content: center;}
    .quick_apply .agree label {gap: 1.04vw;}
    .quick_apply .agree p {font-size: 3.13vw;}
    .quick_apply .agree span {font-size: 3.13vw;}
    .quick_apply .apply_btn {margin: 3.91vw auto 0; width: 28.56vw; height: 8.98vw; border-radius: 7.89vw; font-size: 3.13vw; display: block; text-align: center; line-height: 9.38vw;}
    .quick_apply .close {margin: 0 auto 7.81vw; display: flex !important; align-items: center; justify-content: center; border-radius: 100%; background: #000; width: 15.63vw; height: 15.63vw; top: -23vw; right: 12.5vw; position: absolute;}
    .quick_apply .close img {width: 4.69vw;}

    /* quick */
    .quick {position: fixed; right: 2.34vw; bottom: 5.34vw; z-index: 99; display: block !important;}
    .quick li + li {margin-top: 1.69vw;}
    .quick li.kakao_apply a {background: #fae100;}
    .quick li.kakao_apply img {/* filter: brightness(0) invert(1); */ width: 5.5vw;}
    .quick a {display: flex; align-items: center; justify-content: center; width: 11.72vw; height: 11.72vw; border-radius: 100%; background: var(--color-red1);}
    .quick a img {width: 6.25vw;}
    .quick a.top_btn {flex-direction: column; background: #262626;}
    .quick a.top_btn img {width: 3.65vw;}
    .quick a.top_btn p {font-size: 1.95vw; font-weight: 700; font-family: var(--font-nun); color: #fff;}

    /* head_bg */
    .head_bg.on {display: block;}

    /* footer */
    .footer {padding: 7.29vw 0 9.64vw;}
    .footer .inner {flex-direction: column; justify-content: center; gap: 10.42vw;}
    .footer .left {gap: 7.81vw; flex-direction: column; justify-content: center; align-items: center;}
    .footer .logo {width: 26.04vw;}
    .footer .info_cont {margin-top: 0;}
    .footer .term {gap: 3.91vw; justify-content: center;}
    .footer .term a {font-size: 3.65vw; letter-spacing: -0.17vw;}
    .footer .term .line {width: 0.26vw; height: 2.60vw;}
    .footer .info {margin-top: 5.21vw;}
    .footer .info p {gap: 0.65vw 2.60vw; font-size: 3.65vw; letter-spacing: -0.16vw; flex-wrap: wrap; justify-content: center;}
    .footer .info .copy {margin-top: 0.65vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
    .footer .right {width: 100%;}
    .footer .sns {gap: 2.60vw; justify-content: center;}
    .footer .sns img {width: 7.81vw;}
    .footer .tell {gap: 2.60vw; margin-top: 5.21vw; justify-content: center;}
    .footer .tell h2 {font-size: 6.25vw;}
    .footer .tell p {font-size: 4.17vw;}

    /* sidemenu */
    .head_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #000000; z-index: 1000; padding: 13.02vw 10.94vw;}
    .head_bg .on {display: block;}
    .head_bg::before {content: ""; width: 100%; height: 54.69vw; background: url('/img/main/allMenu_bg.svg') no-repeat center/cover; position: absolute; left: 0; bottom: 0;}
    .head_bg_inner {position: relative; overflow: hidden; overflow-y: scroll; height: 100%;}
    .head_bg .head_bg_close {position: absolute; top: 6.64vw; right: 5.86vw;}
    .head_bg .head_bg_close img {width: 4.17vw;}
    .head_bg .head_bg_logo {text-align: center;}
    .head_bg .head_bg_logo img {width: 26.04vw; display: inline-block;}
    .head_bg .accordion {margin-top: 10.42vw;}
    .head_bg .accordion a {padding: 5.21vw 0; border-bottom: 0.13vw solid #ffffff50; display: block; font-size: 7.29vw; font-weight: 800; color: #ffffff; opacity: .5; letter-spacing: -.03em; line-height: 1.2;}
    .head_bg .accordion a.on {opacity: 1;}
    
    /** main **/
    /* 공통 */
    .fs40 {font-size: 6.25vw;}
    .fs60 {font-size: 7.81vw;}
    .fs70 {font-size: 8.33vw;}
    .mt20 {margin-top: 5.21vw;}
    .mt30 {margin-top: 4.69vw;}
    .mt40 {margin-top: 6.25vw;}
	.section.has_bg{padding: 20.83vw 0;} 

    /* visual */
    .main .visual {height: 161.46vw;}
    /* .main .visual .swiper-slide {height: 161.46vw;} */
    .main .visual .bot {bottom: 13.67vw; gap: 0 2.21vw; padding-right: 0; justify-content: center;}
    .main .visual .bot .arrow_cont {gap: 0 2.21vw;}
    .main .visual .bot .arrow_cont .arrow img {width: 4.85vw;}
    .main .visual .pagination_cont {width: 35.63vw; height: 0.61vw; gap: 3.65vw;}
    .main .visual .swiper-pagination {gap: 0 2.21vw;}
    .main .visual .swiper-pagination-bullet {width: 18.20vw; height: 0.61vw;}
    .main .visual .swiper-pagination2 span {font-size: 4.25vw; letter-spacing: -0.12vw;}
    .main .visual .pause img {width: 7.58vw;}
	.main .visual .swiper-slide .tit1 .logo img{width: 31.25vw;}
	.main .visual .swiper-slide .tit1 .main_tit{margin-top: 8.46vw;}
	.main .visual .swiper-slide .tit1 h2 .point2{margin: 0 -1.30vw;}
	.main .visual .swiper-slide .tit1 h2 .point2:last-of-type{margin-right: -2.60vw;}
	.main .visual .swiper-slide .tit1 h2 .point2::before{width: 1.30vw; height: 1.30vw; top: -3.91vw;}
	.main .visual .swiper-slide .tit2{max-width: 100%; padding: 0 5.21vw;}
	.main .visual .swiper-slide .tit2 .txt::before{width: 28.39vw; left: initial; right: -4vw; bottom: -11.02vw;}
	.main .visual .swiper-slide-active .tit2 .txt::before{height: 67.71vw;}
	.main .visual .swiper-slide .tit2 .sub_tit p{font-size: 3.65vw; letter-spacing: -0.15vw;}
	.main .visual .swiper-slide .tit2 .main_tit{margin: 3.91vw 0;}
	.main .visual .swiper-slide .tit2 .main_tit2{font-size: 11.72vw; letter-spacing: -0.26vw;}
	.main .visual .swiper-slide .tit3 .main_tit{margin-top: 5.21vw;}
	.main .visual .swiper-slide .tit3 .main_tit .point2::before{display: none;}
	.main .visual .swiper-slide .tit3 .sub_tit p{margin-top: 1.95vw; font-size: 5.73vw; letter-spacing: -0.11vw;}
	.main .visual .swiper-slide .tit3 .sub_tit2 p{margin-top: 5.73vw; font-size: 3.65vw; letter-spacing: -0.13vw;}

    /* sec1 */
	.main .sec1 .bg {bottom: 0;}
    .main .sec1 .tit {padding-top: 15.63vw;}
    .main .sec1 .tit p {font-size: 3.65vw; line-height: 1.4;}
    .main .sec1 .scroll {right: 0;}
    .main .sec1 .scroll .item01 > img {width: 63.67vw; margin-right: -2.15vw; margin-top: 2.95vw;}
    .main .sec1 .scroll .item02 > img {width: 57.29vw; margin-right: -12.24vw; margin-top: 4.23vw;}
    .main .sec1 .scroll .item03 > img {width: 57.55vw; margin-right: 5.73vw; margin-top: 19.53vw;}
    .main .sec1 .scroll .item04 > img {width: 62.98vw; margin-top: 2.95vw; margin-right: -12.11vw;}
    .main .sec1 .scroll .item05 > img {width: 46.88vw; margin-right: 9.64vw; margin-top: 12.53vw;}
    .main .sec1 .scroll .item04 .stamp {width: 26.60vw; top: 23.44vw; right: 12.11vw;}
    .main .sec1 .scroll .item02 span.stamp {width: 22.88vw; height: 22.88vw; top: 36.07vw; right: 36.46vw;}

    /* sec2 */
    .main .sec2 {padding: 20.83vw 5.21vw;}
    .main .sec2 .inner {padding: 16.28vw 5.73vw 3.91vw; background: url('/img/main/sec_frame_m.svg') no-repeat top/cover; position: relative;}
    .main .sec2 .inner::before {content: ""; background: url('/img/main/sec_frame_m.svg') no-repeat bottom/cover; position: absolute; left: 0; bottom: -13.02vw; width: 100%; height: 13.02vw;}
    .main .sec2 .contImg .tit > img {width: 32.58vw;}
    .main .sec2 .contImg .tit h2 {margin-top: 8.33vw;}
    .main .sec2 .contImg .tit h2 .bot {display: block !important;}
    .main .sec2 .contImg .tit h2 .bot .img {width: 69.61vw;}
    .main .sec2 .contImg .tit h2 .bot .img img {width: 11.63vw;}
    .main .sec2 .img_ul {margin-top: 10.42vw; gap: 3.91vw; flex-direction: column;}
    .main .sec2 .img_ul li {width: 100%; height: 52.08vw;}
    .main .sec2 .img_ul li .txt p {font-size: 3.65vw; margin-bottom: 3.26vw;}
    .main .sec2 .img_ul li .txt h2 {margin-top: 3.26vw;}
    .main .sec2 .contVideo {margin-top: 15.63vw;}
    .main .sec2 .contVideo h2 {font-size: 7.29vw;}
    .main .sec2 .contVideo .img_ul {margin-top: 18.49vw; margin-bottom: 0; gap: 3.91vw; flex-direction: column;}
    .main .sec2 .contVideo .img_ul li {width: 100%; padding-top: 44.01vw;}
    /* sec3 */
    .main .sec3 .flow_text {padding: 4.17vw 0 2.86vw;}
    .main .sec3 .flow_text span {font-size: 7.81vw;}
    /* sec4 */
    .main .sec4 {padding: 15.63vw 0; background: url('/img/main/sec4_bg_m.jpg') no-repeat center/cover; }
    .main .sec4 .swiper {max-width: 100%; width: calc(100% - 10.42vw); overflow: visible;}
    .main .sec4 .swiper-slide ul {margin: 10.42vw auto 0; gap: 2.60vw; justify-content: center;}
    .main .sec4 .swiper-slide ul li {width: 26.17vw;}
    .main .sec4 .swiper-slide ul li:first-child {padding-left: 5.99vw;}
    .main .sec4 .swiper-slide ul li .top {width: 14.02vw;}
    .main .sec4 .swiper-slide ul li .top > span {font-size: 4.17vw; padding-bottom: 1.04vw;}
    .main .sec4 .swiper-slide ul li .top strong {font-size: 5.99vw; padding-top: 1.04vw;}
    .main .sec4 .swiper-slide ul li:nth-child(1) .top strong {font-size: 7.29vw;}
    .main .sec4 .swiper-slide ul li .top strong span {font-size: 3.91vw;}
    .main .sec4 .swiper-slide ul li .bot {padding: 2.99vw 0 0; margin-top: 2.73vw;}
    .main .sec4 .swiper-slide ul li:nth-child(1) .bot {height: 45.05vw;}
    .main .sec4 .swiper-slide ul li:nth-child(2) .bot {height: 35.04vw;}
    .main .sec4 .swiper-slide ul li:nth-child(3) .bot {height: 25.03vw;}
    .main .sec4 .swiper-slide ul li p {font-size: 3.20vw; letter-spacing: -0.10vw;}
    .main .sec4 .swiper-slide ul + p {margin-top: 5.21vw; font-size: 3.39vw; text-align: right;}
    .main .sec4 .swiper-slide ul li .img {min-width: calc(100% + 1.30vw); margin-right: -1.30vw;}
	.main .sec4 .swiper-slide ul li .talk {width: 10.11vw;}
	.main .sec4 .swiper-slide ul li:nth-child(1) .talk{width: 12.37vw; bottom: 12.45vw; left: 0;}
	.main .sec4 .swiper-slide ul li:nth-child(2) .talk{bottom: 10.84vw; left: 3.13vw;}
	.main .sec4 .swiper-slide ul li:nth-child(3) .talk{bottom: 6.33vw; left: 1.13vw;}
	.main .sec4 .arrow {position: initial; transform: translateY(0); margin-top: 6.51vw;}
	.main .sec4 .arrow .inner{justify-content: center; gap:2.60vw;}
	.main .sec4 .arrow .inner div{width: 10.42vw;}
    /* sec5 */
    .main .sec5 {padding: 20.83vw 0 10.68vw;}
    .main .sec5 h2 {margin-top: 10.42vw; gap: 10.42vw; flex-direction: column; align-items: center;}
    .main .sec5 h2 span {font-size: 8.33vw;}
    .main .sec5 h2 span img {bottom: -1.82vw;}
    .main .sec5 h2 > .img {margin-bottom: 0; width: 30.29vw;}
    .main .sec5 h2 + div{margin-top: 19.63vw;}
    .main .sec5 .mySwiper {margin-top: 5.86vw; padding-top: 15.10vw; overflow: inherit;}
    .main .sec5 .swiper-slide {width: 74.48vw; margin: 0 6.51vw;}
    .main .sec5 .swiper-slide .img span {width: 74.48vw; height: 74.48vw;}
    .main .sec5 .swiper-slide .txt {width: 39.71vw; height: 18.23vw; line-height: 19.01vw; border-radius: 13.02vw; font-size: 5.21vw;}
    .main .sec5 .swiper-slide-active .img::before {width: 83.33vw; height: 83.33vw;}
    .main .sec5 .swiper-slide-active .img span {transform: none;}
    .main .sec5 .swiper-slide-active .txt {margin-top: -1.95vw;}
    .main .sec5 .arrow {top: 50%; width: 94.27vw; transform: translate(-50%,-50%);}
    .main .sec5 .arrow > div {width: 13.02vw; height: 13.02vw;}
    .main .sec5 .arrow > div img {width: 4.34vw;}
    /* sec6 */
    .main .sec6 {padding: 15.63vw 0 21.09vw;}
    .main .sec6 .inner2 {flex-direction: column; align-items: center; gap: 5.86vw;}
    .main .sec6 .inner2 > div {height: 88.41vw; width: 100%;}
    .main .sec6 .item {width: 81.51vw; height: 80.08vw; padding: 4.69vw 4.17vw 0;}
    .main .sec6 .item .img {height: 51.69vw;}
    .main .sec6 .item .txt {height: calc(100% - 51.69vw);}
    .main .sec6 .item p {font-size: 3.87vw; letter-spacing: -0.14vw;}
	.main .sec6 .left .item p{bottom: 9.11vw;}
	.main .sec6 .right .item p{bottom: 7.16vw;}
	.main .sec6 .swiper{top: 4.56vw; width: 73.01vw;}
    .main .sec6 .item_box {left: 50%; transform: translateX(-50%);}
	.main .sec6 .left .img {left: 2.81vw;}
	.main .sec6 .left .img .star{width: 10.29vw;}
	.main .sec6 .left .img .star2{width: 5.21vw; margin: 2.60vw 0 0 -1.30vw;}
	.main .sec6 .right .img {right: -0.09vw; bottom: 22.18vw;}
	.main .sec6 .right .img .arrow {width: 15.22vw;}
    @keyframes stack {
        0% {
            opacity: 0;
            transform: translate(-50%,-100%) scale(1.25);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 1;
            transform: translate(-50%,0) scale(1);
        }
    }
    /* sec7 */
    .main .sec7 {padding: 20.83vw 0 26.04vw; background-image: url('/img/main/sec7_bg_m.png');}
    .main .sec7 .logo {display: none;}
    .main .sec7 .sub_tit {width: 70.31vw; height: 11.07vw; line-height: 11.72vw; border-radius: 6.88vw; font-size: 5.73vw; padding: 0 7.81vw;}
    .main .sec7 h2 {margin-top: 2.34vw; font-size: 10.42vw;}
    .main .sec7 ul {gap: 2.60vw; margin-top: 8.07vw;}
    .main .sec7 ul li {width: auto; padding: 0 6.25vw; height: 11.46vw; line-height: 11.46vw; border-radius: 18.23vw; font-size: 3.65vw;}
    .main .sec7 .cont {margin: 15.63vw auto 0; width: calc(100% - 10.42vw); height: 88.16vw;}
	.main .sec7 .cont .img07{width: 36.55vw; top: 3.29vw; left: -3.52vw;}
    /* sec8 */
    .main .sec8 {padding: 20.83vw 0;}
    .main .sec8 .sub_tit {font-size: 4.17vw;}
    .main .sec8 .main_tit {margin-top: 3.91vw;}
    .main .sec8 .main_tit h2 {font-size: 7.81vw;}
    .main .sec8 .main_tit .img {top: 3.65vw; width: 168.10vw;}
    .main .sec8 .main_tit .img img {width: 16.15vw;}
    .main .sec8 .cont {margin-top: 10.42vw; flex-direction: column; align-items: center;}
    .main .sec8 .cont .flex .item:last-child {margin-left: -4.43vw;}
    .main .sec8 .cont .item {width: 46.88vw; height: 46.88vw;}
    .main .sec8 .cont .item div {font-size: 4.17vw;}
    .main .sec8 .cont .arrow {margin: 5.21vw auto 11.07vw;}
    .main .sec8 .cont .arrow img {width: 7.81vw; transform: rotate(90deg);}
    .main .sec8 .cont .item.on {width: 53.71vw; height: 53.71vw;}
    .main .sec8 .cont .item.on::before,
    .main .sec8 .cont .item.on::after {width: 65.10vw; height: 65.10vw;}
    .main .sec8 .desc {margin-top: 16.02vw; font-size: 3.65vw; text-align: left;}
    /* sec9 */
    .main .sec9 {padding: 20.83vw 0;}
    .main .sec9 .sub_tit {font-size: 3.65vw;}
    .main .sec9 .main_tit {margin-top: 3.91vw; font-size: 7.81vw;}
    .main .sec9 .sub_tit2 {margin-top: 5.21vw; font-size: 4.17vw;}
    .main .sec9 .cont {margin-top: 10.42vw;}
    .main .sec9 .cont .bg {top: 46.35vw; min-width: 90.36vw;}
    .main .sec9 .move_cont .cup {width: 94.14vw;}
    .main .sec9 .move01 {width: 6.51vw; top: 6.51vw; left: 0.00vw;}
    .main .sec9 .move02 {width: 19.53vw; top: 21.48vw; right: 5.86vw;}
	.main .sec9 .fruit .img1{width: 20.61vw; left: 5.02vw;}
	.main .sec9 .fruit .img2{width: 9.54vw; left: 31.25vw;}
	.main .sec9 .fruit .img3{width: 6.81vw; left: 62.50vw;}
	.main .sec9 .fruit .img4{width: 7.85vw; left: 80.73vw;}
	.main .sec9 .fruit .img5{width: 13.71vw; right: 55.34vw;}
	.main .sec9 .fruit .img6{width: 16.18vw; right: 18.62vw;}
	.main .sec9 .fruit .img7{width: 19.18vw; right: 8.85vw;}
    @keyframes enterCup1 {
        100% {
            top: 27.73vw;
            left: 30.86vw;
        }
    }
    @keyframes enterCup2 {
        100% {
            top: 49.48vw;
            right: 35.81vw;
        }
    }
    .main .sec9 .info {right: auto; bottom: auto; margin-top:-5.21vw; position: relative;}
    .main .sec9 .info .circle {padding: 1.56vw; width: 46.88vw; height: 46.88vw; border: 1.56vw solid var(--color-red1);}
    .main .sec9 .info .circle:first-child {margin-right: -4.17vw;}
    .main .sec9 .info .circle .txt strong {font-size: 7.29vw;}
    .main .sec9 .info .circle .txt p {margin-top: 1.30vw; font-size: 3.65vw;}
    .main .sec9 .info .plus {width: 12.66vw;}

	/* sec10 */
	.main .sec10{flex-direction: column;}
	.main .sec10 .img{width: 100%; height: 98.96vw;}
	.main .sec10 .center .circle{width: 30.86vw;}
	.main .sec10 .center .txt{width: 44.27vw;}

	/* sec11 */
	.main .sec11{background-image: url(/img/main/sec11_bg_m.jpg);}
	.main .sec11 .inner2{padding: 0;}
	.main .sec11 .tit .sub_tit{font-size: 3.65vw;}
	.main .sec11 .tit h2{margin-top: 2.90vw;}
	.main .sec11 .tit h2 .bot .img{width: 90vw; top: 3.13vw;}
	.main .sec11 .tit h2 .bot .img img{width: 9.67vw;}
	.main .sec11 .menu_swiper_wrap{padding: 0 5.21vw; position: relative;}
	.main .sec11 .menu_swiper_wrap::before{content: '초간단 \A조리시간!'; display: flex; font-weight: 900; align-items: center; justify-content: center; background: #E50817; border-radius:50%; position: absolute; font-size: 3.39vw; letter-spacing: -0.08vw; width: 20.83vw; height: 20.83vw; left: 3.19vw; top: -1.5vw; transform: rotate(-16.527deg); z-index: 10;}
	.main .sec11 .menu_swiper{margin-top: 9vw; overflow: hidden; position: initial; padding-top: 3.5vw;}
	.main .sec11 .menu_swiper .swiper-wrapper{align-items: flex-start;}
	.main .sec11 .menu_swiper .swiper-slide{transform: translateX(0) !important; margin: 0; opacity: 1;}
	.main .sec11 .menu_swiper .swiper-slide .img{border: 0.81vw solid #E50817 !important; border-radius: 7.21vw !important;}
	.main .sec11 .menu_swiper .swiper-slide .img img{border-radius: 6.51vw;}
	.main .sec11 .menu_swiper .swiper-slide .txt{margin: 7.81vw auto 0 !important; width: 90%; gap:2.60vw;}
	.main .sec11 .menu_swiper .swiper-slide .txt dt{font-size: 6.25vw !important;}
	.main .sec11 .menu_swiper .swiper-slide .txt dd{font-size: 3.65vw !important; letter-spacing: -0.08vw;}
	.main .sec11 .menu_swiper .swiper-slide-active .img{transform:scale(1);}
	.main .sec11 .menu_swiper .swiper-slide-active .img::before{display: none;}
	.main .sec11 .menu_swiper .arrow{top: 39.58vw; width: 92.45vw;}
	.main .sec11 .menu_swiper .arrow div{width: 10.42vw;}

	/* sec12 */
	.main .sec12{padding: 20.83vw 0 13.02vw;}
	.main .sec12::before{display: none;}
	.main .sec12 .tit .sub_tit{margin-top: 1.95vw; font-size: 4.17vw; letter-spacing: -0.13vw;}
	.main .sec12 .video{margin-top: 11.72vw;}

	/* sec13 */
	.main .sec13{padding-bottom: 13.02vw;}
	.main .sec13 .tit_deco{top: 28.09vw;}
	.main .sec13 .tit_deco img{height: 9.11vw;}
	.main .sec13 .tit .point_wrap .line{height: 12.11vw;}
	.main .sec13 .tit .point_wrap .txt{font-size: 3.65vw; letter-spacing: -0.12vw; width: 24.22vw; line-height: 9.77vw;}
	.main .sec13 .tit .main_tit{margin-top: 19.79vw;}
	.main .sec13 .list{margin-top: 10.42vw; padding: 1.5vw; flex-wrap: wrap; justify-content: center;}
	.main .sec13 .list li{width: calc(50% + 3vw); height: 44.59vw; gap:3.13vw; margin: -1.5vw;}
	.main .sec13 .list li span{font-size: 3.13vw;}
	.main .sec13 .list li .tit{font-size: 4.17vw;}
	.main .sec13 .list li p{font-size: 3.05vw; line-height: 1.09;}
	.main .sec13 .list li:last-child{margin-top: -6.98vw;}

	/* sec14 */
	.main .sec14 .tit .sub_tit{font-size: 3.65vw; letter-spacing: -0.13vw;}
	.main .sec14_table_wrap{margin-top: 11.72vw;}
	.main .sec14_table th{font-size: 4.17vw; padding-bottom: 5.47vw;}
	.main .sec14_table td{font-size: 3.65vw; padding: 4.56vw 2.60vw;}
	.main .sec14_table td:nth-child(2){width: 40%;}
	.main .sec14_table td strong{font-size: 3.65vw; padding: 1.80vw 4.21vw;}
	.main .sec14_table .first td{padding-top: 6.51vw;}
	.main .sec14_table .last td{padding-bottom: 7.81vw;}
	.main .sec14_table .red td{font-size: 6.25vw; padding: 5.73vw 0 4.69vw;}
	.main .sec14_table .red td #count{min-width: 42.97vw;}
	.main .sec14 .desc{margin-top: 7.81vw; font-size: 3.65vw; text-align: left; letter-spacing: -0.16vw;}

	/* sec15 */
	.main .sec15{padding: 21.35vw 0 51.69vw;}
	.main .sec15::before{width: 100%; height: 41.0vw; background-image: url(/img/main/sec15_bt_m.png);}
	.main .sec15 .tp_deco{top: 20.83vw; width: 100%; padding: 0 5.21vw;}
	.main .sec15 .tp_deco .box{width: 10.42vw; height: 10.42vw;}
	.main .sec15 .tit_deco{top: 74.52vw;}
	.main .sec15 .tit_deco img{height: 9.11vw;}
	.main .sec15 .tit .logo img{width: 32.55vw;}
	.main .sec15 .tit .main_tit{margin-top: 10.94vw;}
	.main .sec15 .tit .sub_tit{margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.19vw;}
	.main .sec15 .store_swiper{margin-top: 20.25vw;}
	.main .sec15 .store_swiper .swiper-slide{width: 65.10vw; transform: translateX(-2.67vw); margin: 0 3.91vw;}
	.main .sec15 .store_swiper .swiper-slide .scale span{font-size: 3.65vw;}
	.main .sec15 .store_swiper .swiper-slide .txt{margin-top: 3.91vw;}
	.main .sec15 .store_swiper .swiper-slide .txt .name{font-size: 3.65vw;}
	.main .sec15 .store_swiper .swiper-slide-active:before{width: 75.13vw; height: 104.54vw; top: -5.12vw;}
	.main .sec15 .store_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(2.67vw);}
	.main .sec15 .store_swiper .swiper-slide-active .scale{width: 19.14vw; height: 19.14vw; gap:0.65vw; top: -4.7vw; right: -4.7vw;}
	.main .sec15 .store_swiper .swiper-slide-active .scale2{top: 16.81vw;}
	.main .sec15 .store_swiper .swiper-slide-active .scale span strong{font-size: 5.99vw;}
	.main .sec15 .store_swiper .swiper-slide-active .scale p{font-size: 3.39vw; letter-spacing: -0.18vw;}
	.main .sec15 .store_swiper .swiper-slide-active .img{transform:scale(1.04);}
	.main .sec15 .store_swiper .swiper-slide-active .txt{margin-top: 8.63vw; gap:3.91vw;}
	.main .sec15 .store_swiper .swiper-slide-active .txt .name{font-size: 3.39vw; padding: 1.95vw 3.65vw;}
	.main .sec15 .store_swiper .swiper-slide-active .txt p{font-size: 6.77vw; letter-spacing: -0.26vw;}
	.main .sec15 .store_swiper .arrow{top: 32.55vw; width: 96.31vw;}
	.main .sec15 .store_swiper .arrow div{width: 10.42vw;}

	/* sec16 */
	.main .sec16 .inner{padding: 0;}
	.main .sec16 .tit .logo img{width: 33.85vw;}
	.main .sec16 .tit .main_tit{margin-top: 10.42vw;}
	.main .sec16 .tit .main_tit h2{font-size: 8.33vw;}
	.main .sec16 .tit .sub_tit{margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.19vw;}
	.main .sec16 .swiper{padding: 0 15.63vw 0 5.21vw; position: relative;}
	.main .sec16 .swiper .arrow{display: flex; justify-content: space-between; width: 90.31vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); /* transform:translateY(-50%); left: 1vw; */ z-index: 10;}
	.main .sec16 .swiper .arrow div{width: 10.42vw; cursor: pointer;}
	.main .sec16 .swiper .arrow div img{width: 100%;}
	.main .sec16 .list{margin-top: 10.42vw; gap:0; height: auto;}
	.main .sec16 .list li{width: 100%; margin: 0 1.95vw; position: relative; top: auto; left: auto; transform: none; transition: none; transition: none;}
    .main .sec16 .list li > div {border-radius: 5.41vw; padding: 10.42vw 0;}
	.main .sec16 .list li .num{font-size: 7.29vw; top: 6.51vw; left: 5.21vw;}
	.main .sec16 .list li img{width: 52.08vw;}
	.main .sec16 .list li p{margin-top: 5.21vw; font-size: 5.21vw; letter-spacing: -0.13vw;}
    .main .sec16.on .list li {transform: none !important; left: auto !important; transition: none;}

	/* sec17 */
	.main .sec17{padding-top: 10.94vw;}
	.main .sec17 .tp_deco{justify-content: center; gap:6.12vw;}
	.main .sec17 .tp_deco .line{width: 9.67vw;}
	.main .sec17 .tp_deco .logo{width: 36.33vw;}
	.main .sec17 .cont{margin-top: 26.04vw; padding: 11.72vw 0 23.44vw; background-image: url(/img/main/sec17_bg_m.png);}
	.main .sec17 .tit .logo{gap: 5.86vw;}
	.main .sec17 .tit .logo .line{width: 20.83vw;}
	.main .sec17 .tit .logo img{width: 29.43vw;}
	.main .sec17 .tit .main_tit{margin-top: 11.72vw;}
	.main .sec17 .tit .sub_tit{margin-top: 3.91vw; font-size: 4.69vw; letter-spacing: -0.13vw;}
	.main .sec17 .txt{margin: 10.42vw 0 11.72vw; transform: rotate(-5.404deg);}
	.main .sec17 .txt strong{font-size: 6.25vw; letter-spacing: -0.16vw; padding: 1.56vw 4.17vw 1.04vw 4.17vw;}
	.main .sec17 .txt p{margin-top: 2.60vw; font-size: 4.69vw; letter-spacing: -0.18vw;}
	.main .sec17 .media_swiper_wrap{padding-bottom: 10.42vw;}
	.main .sec17 .media_swiper_wrap .inner{padding: 0 4.30vw;}
	.main .sec17 .media_swiper_wrap .bg{height: 42.27vw;}
	.main .sec17 .media_swiper_wrap .bg::before,
	.main .sec17 .media_swiper_wrap .bg::after{display: none;}
	.main .sec17 .media_swiper_wrap .arrow div{width: 10.42vw;}
	.main .sec17 .media_swiper_wrap .arrow .prev{left: -0.91vw;}
	.main .sec17 .media_swiper_wrap .arrow .next{right: -0.91vw;}
	.main .sec17 .media_swiper .swiper-slide{padding-bottom: 56.25%;}
	.main .sec17 .swiper_bt{margin-top: 6.51vw; gap:4.17vw;}
	.main .sec17 .swiper_bt span{font-size: 3.65vw; letter-spacing: -0.09vw;}
	.main .sec17 .swiper_bt .scrollbar{width: 36.46vw; height: 0.78vw;}

	/* sec18 */
	.main .sec18{padding: 32.81vw 0 20.83vw; margin-top: 0;}
	.main .sec18 .line{top: 0;}
	.main .sec18 .line div{height: 2.60vw;}
	.main .sec18 .line::before{width: 33.85vw; height: 33.85vw; left: 5.21vw;}
	.main .sec18 .tit{position: initial; padding: 0 5.21vw; transform: translateY(0);}
	.main .sec18 .tit span{font-size: 4.69vw; letter-spacing: -0.09vw;}
	.main .sec18 .tit h2{font-size: 8.33vw;}
	.main .sec18 .tit .sub_tit{font-size: 3.65vw; margin-top: 5.21vw; letter-spacing: -0.08vw;}
	.main .sec18 .tit.down span, .main .sec18 .tit.down h2, .main .sec18 .tit.down .sub_tit{transform: translateY(0);}
	.main .sec18 .video_swiper_wrap{padding: 0 0 0 5.21vw; margin-top: 10.42vw;}
	.main .sec18 .video_swiper .swiper-slide{padding-right: 5.21vw;}
	.main .sec18 .video_swiper .swiper-slide .wrap{width: 100%; height: 100%;}
	.main .sec18 .video_swiper .arrow{display: none;}

	/* sec19 */
	.main .sec19 .tit{position: initial; padding: 0 5.21vw; transform: translateY(0);}
	.main .sec19 .tit span{font-size: 4.69vw; letter-spacing: -0.09vw;}
	.main .sec19 .tit h2{font-size: 8.33vw;}
	.main .sec19 .tit .sub_tit{font-size: 3.65vw; margin-top: 5.21vw; letter-spacing: -0.08vw;}
	.main .sec19 .tit.down span, .main .sec19 .tit.down h2, .main .sec19 .tit.down .sub_tit{transform: translateY(0);}
	.main .sec19 .video_swiper{width: 100%; margin-left: 0; padding-left: 5.21vw; margin-top: 10.42vw;}
	.main .sec19 .video_swiper .swiper-slide{width: 74.27vw; height: 74.27vw; padding-top: 0; margin-right: 5.21vw !important;}
	.main .sec19 .video_swiper .arrow{display: none;}
    .main .sec19 .video_swiper .swiper-slide iframe {transform: translate(-50%,-50%) scale(1.75); width: auto; height: auto;}

	/* sec20 */
	.main .sec20{height: auto; background-image: url(/img/main/sec20_bg_m.jpg); padding: 20.83vw 0;}
	.main .sec20 .inner2{flex-direction: column-reverse; text-align: left; align-items: flex-start; padding: 0;}
	.main .sec20 .sns_swiper{transform:translateY(0); width: 100%; position: initial; margin-top: 10.42vw; padding-left: 5.21vw;}
	.main .sec20 .sns_swiper .swiper-slide{padding-right: 5.21vw;}
	.main .sec20 .sns_swiper .swiper-slide .img img{width: 100%;}
	.main .sec20 .sns_swiper .swiper-slide .txt{margin-top: 9.11vw;}
	.main .sec20 .sns_swiper .swiper-slide .txt dt{font-size: 5.73vw; letter-spacing: -0.08vw;}
	.main .sec20 .sns_swiper .swiper-slide .txt dd{margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.06vw;}
	.main .sec20 .tit{padding: 0 5.21vw;}
	.main .sec20 .tit span{font-size: 4.69vw; letter-spacing: -0.09vw;}
	.main .sec20 .tit h2{font-size: 8.33vw;}
	.main .sec20 .tit .sub_tit{font-size: 3.65vw; margin-top: 5.21vw; letter-spacing: -0.08vw;}

	/* sec21 */
	.main .sec21{background-image: url(/img/main/sec21_bg_m.jpg);}
	.main .sec21 .tit h2 .bot{margin-top: 1.30vw;}
	.main .sec21 .tit h2 .bot .img{display: none;}
	.main .sec21 .sub_tit{font-size: 3.65vw; margin-top: 5.21vw;}
	.main .sec21 .review .item{font-size: 3.65vw; letter-spacing: -0.16vw; padding: 2.38vw 5.21vw 2.08vw;}
	.main .sec21 .review .item1{top: 72.53vw; left: 5.21vw;}
	.main .sec21 .review .item2{top: 93.88vw; left: 5.21vw;}
	.main .sec21 .review .item3{top: 104.56vw; left: 5.21vw;}
	.main .sec21 .review .item4{top: 61.59vw; right: 5.21vw;}
	.main .sec21 .review .item5{top: 83.20vw; right: 5.21vw;}
	.main .sec21 .review .item6{top: 104.56vw; right: 5.21vw;}
	.main .sec21 .review_swiper{margin-top: 68.51vw; padding-top: 2.60vw;}
	.main .sec21 .review_swiper::before{width: 51.56vw; height: 100.52vw;}
	.main .sec21 .review_swiper::after{width: 23.23vw; height: 18.63vw; bottom: 2.26vw;}
	.main .sec21 .review_swiper .swiper-slide{margin: 0 1.95vw; margin-top: 30.60vw; width: 45.31vw; transform: translateX(3.26vw);}
	.main .sec21 .review_swiper .swiper-slide-active ~ .swiper-slide {transform: translateX(-3.91vw);}
	.main .sec21 .review_swiper .arrow{gap: 61.20vw; top: 17.58vw;}
	.main .sec21 .review_swiper .arrow div{width: 10.42vw;}

	/* sec22 */
	.main .sec22 .main_tit .img{width: 36.46vw; margin-bottom: 6.55vw;}
	.main .sec22 .sub_tit{font-size: 4.17vw; margin-top: 2.60vw;}
	.main .sec22 .tit .circle{width: 34.38vw; height: 34.38vw; box-shadow: 0 0.96vw 2.87vw 0 rgba(0, 0, 0, 0.35); font-size: 3.13vw; right: 0; top: 3vw;}
	.main .sec22 .tit .circle::before{width: 31.64vw; height: 31.64vw;}
	.main .sec22 .tit .circle b{font-size: 4.05vw;}
	.main .sec22 .cost_table_wrap{margin-top: 9.11vw; position: relative; overflow-x: auto;}
	.main .sec22 .cost_table_wrap .swipe_ic {display: none; width: 36.46vw; height: 36.46vw; background: url(/img/main/swipe_ic.svg) no-repeat center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.main .sec22 .cost_table_wrap .swipe_ic.on{display:block;}
	.main .sec22 .cost_table{width: max-content;}
	.main .sec22 .cost_table th{font-size: 4.17vw;}
	.main .sec22 .cost_table thead th span{letter-spacing: -0.13vw; margin: -0.26vw 0 0 0.65vw;}
	.main .sec22 .cost_table th{padding: 4.17vw 6.51vw 3.65vw 6.51vw;}
	.main .sec22 .cost_table td{font-size: 3.65vw; padding: 6.51vw;}
	.main .sec22 .cost_table .center td{padding: 0 6.51vw;}
	.main .sec22 .cost_table .center td{padding-top: 0; padding-bottom: 6.51vw;}
	/* .main .sec22 .cost_table .center + .center td{padding-bottom: 0;} */
	.main .sec22 .cost_table td b.none::before{width: 14.58vw; height: 1.37vw; top: 0.65vw;}
    .main .sec22 .cost_table td b.none.long::before{width: 23.88vw;}
	.main .sec22 .cost_table td b.none2::before{width: 14.58vw;}
	.main .sec22 .cost_table td b.none + b{margin-left: 1.95vw;}
	.main .sec22 .cost_table td strong{font-size: 3.65vw; padding: 1.30vw 2.60vw;}
	.main .sec22 .cost_table .last td{font-size: 5.21vw; padding: 3.91vw 2.60vw 3.26vw 2.60vw;}
	.main .sec22 .cost_table .last td:last-child{font-size: 4.17vw;}
	.main .sec22 .desc{font-size: 3.39vw;}
	.main .sec22 .desc.point{margin-top: 5.21vw;}
	.main .sec22 .desc:not(.point){padding-left: 2.25vw; margin-top: 6.51vw;}

	/* sec23 */
	.main .sec23 .main_tit .img {display: none;}
	.main .sec23 .sub_tit {font-size: 3.65vw; margin-top: 2.60vw;}
	.main .sec23 .step{margin-top: 10.42vw; gap: 1.30vw 2.80vw;}
	.main .sec23 .step li{width: calc((100% - 2.80vw) / 2); padding: 5.21vw 0; gap: 2.60vw;}
	.main .sec23 .step li::before{width: 7.81vw; height: 7.81vw; right: -5.51vw; filter: drop-shadow(0 0.91vw 1.30vw rgba(100, 100, 111, 0.20)); display: block !important;}
	.main .sec23 .step li:nth-child(even)::before{display: none !important;}
	.main .sec23 .step li span{font-size: 2.60vw; letter-spacing: -0.05vw; width: 13.02vw; line-height: 5.99vw;}
	.main .sec23 .step li img{height: 10.42vw;}
	.main .sec23 .step li p{font-size: 3.65vw; letter-spacing: -0.26vw;}

	/* sec24 */
	.main .sec24{padding-bottom: 78.91vw;}
	.main .sec24 .sub_tit{font-size: 3.65vw; letter-spacing: -0.06vw}
	.main .sec24 h2{letter-spacing: -0.26vw; margin-top: 5.21vw;}
	.main .sec24 .cont{margin-top: 10.42vw;}
	.main .sec24 .cont::before{width: 52.08vw; height: 48.25vw; right: initial; top: initial; left: 50%; transform:translateX(-50%); bottom: -58.83vw;}
	.main .sec24 .cont .txt + .txt{margin-top: 15.63vw;}
	.main .sec24 .cont .txt dt{font-size: 5.21vw; letter-spacing: -0.3vw;}
	.main .sec24 .cont .txt dd{margin-top: 7.81vw; font-size: 3.65vw; letter-spacing: -0.21vw; line-height: 1.4;}

	/* sec25 */
	.main .sec25, .main .sec26{padding-top: 20.83vw;}
	.main .sec25 .inner2{padding: 0;}
	.main .sec25 .main_tit .img {top: 3.13vw; width: 69.79vw;}
	.main .sec25 .main_tit .img img {width: 11.67vw;}
	.main .sec25 .sub_tit {font-size: 3.65vw;}
	/* map */
	.map_wrap{margin: 10.42vw 0 0; z-index: 10; overflow: initial;}
	.map_wrap .map{height: 104.17vw;}
	.map_wrap .map_menu_wrap{left:50%; top: 70%;}
	.map_wrap .map_menu .map_ic{width: 10.42vw;}
	.map_wrap .map_tabcont{position:absolute; top: 4vw; left:50%; transform:translateX(-50%); width: 95%; z-index:10;}
	@keyframes ani_pop {
		0% {transform: translateY(-2.86vw)}
		50% {transform: translateY(0)}
		100% {transform: translateY(-2.86vw)}
	}
	.map_wrap .map_menu .map_box{top: initial; bottom: 20vw; width: 75.52vw; box-shadow: 0 0.92vw 1.7vw 0 rgba(0, 0, 0, 0.25); padding:7.29vw 3.65vw 4.43vw; border-radius: 3.91vw;}
	.map_wrap .map_menu .map_box:before{border-right:2.56vw solid transparent; border-top:2.95vw solid #fff; border-left:2.56vw solid transparent; border-bottom:2.56vw solid transparent; bottom:-5.0vw; filter: drop-shadow(0.00vw 1.3vw 0.52vw rgba(0, 0, 0, 0.20));}
	.map_wrap .map_menu .map_box strong{font-size: 3.65vw;}
	.map_wrap .map_menu .map_box p{font-size: 3.39vw; margin-top:1.5vw;}
	.map_wrap .map_menu .map_box .detail_view{font-size: 3.13vw; padding: 2.17vw 5.34vw; margin-top: 5.21vw;}
	.map_wrap .map_menu .map_box .map_close{top: 2.21vw; right: 2.21vw; width: 4.13vw;}
	.map_srh_wrap{position:initial; width: 100%; box-shadow: none; padding-bottom:20.38vw; transform:translateY(0); border-radius: 0;}
	.map_srh_inner{padding:0 3.13vw;}
	.map_srh_tp{margin-bottom: 8vw;}
	.map_srh_tp .map_tabnav li a{font-size: 4.17vw; line-height: 15.63vw;}
	.map_srh{padding:0;}
	.map_srh .map_srh_input{font-size: 4.17vw; height: 13.02vw; padding:0 3.34vw; width:calc(100% - 10.9vw);}
	.map_srh .map_sel1{width:calc(100% - 48% - 13.02vw);}
	.map_srh .map_sel2{width:48%;}
	.map_wrap .select .option_wrap #sel_mob{max-height: 80vw; overflow-y: auto;}
	#sel_mob::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
	#sel_mob::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */}
	#sel_mob::-webkit-scrollbar-track {background: #E7E7E7; /*스크롤바 뒷 배경 색상*/}
	.map_srh_btn{width: 13.02vw; height: 13.02vw; line-height: 13.02vw;}
	.map_srh_btn img{width: 5.73vw;}
	.map_srh_bt{min-height:initial;}
	.map_srh_bt .store_no_data{padding:8.04vw 0;}
	.map_srh_bt .store_no_data img{width: 8.21vw;}
	.map_srh_bt .store_no_data p{font-size: 4.08vw; margin-top:1.5vw;}
	.map_srh_bt .store_list{border-top:none;}
	.map_srh_bt .store_list li{padding:5.34vw 0; gap:4.34vw;}
	.map_srh_bt .store_list li:first-child{padding-top:0;}
	.map_srh_bt .store_list li .img{width: 30.45vw; height: 24.22vw;}
	.map_srh_bt .store_list li .txt{width:calc(100% - 30.45vw - 4.34vw);}
	.map_srh_bt .store_list li .txt strong{font-size: 3.91vw;}
	.map_srh_bt .store_list li .txt p{margin-top:1.5vw; font-size: 3.39vw;}
	.paging{gap: 4.95vw; margin-top: 10.42vw;}
	.paging ul{gap: 4.95vw;}
	.paging .btn_pager a{height: 2.28vw;}
	.paging .list_pager li a{font-size: 3.26vw;}
	/* popup */
	.pop_inner{width: 95%; box-shadow: 0.00vw 0.52vw 1.30vw 0.00vw rgba(0, 0, 0, 0.25); border-radius: 3.91vw;}
	.pop_tp{padding:0 3.91vw; height: 14.81vw;}
	.pop_tp strong{font-size: 4.60vw;}
	.pop_tp .pop_close{width: 5.13vw; right: 3.03vw;}
	.pop_cont{padding:6.71vw 5.91vw 10vw; display:block}
	.pop_cont .map_pop_slide_wrap{width: 100% !important; height: 63.87vw; overflow:hidden;}
	.pop_cont .map_pop_slide_wrap .swiper-slide{height: 63.87vw;}
	.pop_cont .map_pop_slide_arrow{right:5.30vw; bottom:5.30vw; gap:1vw;}
	.pop_cont .map_pop_slide_arrow > div{width: 7.26vw;}
	.pop_cont .map_pop_info{margin-top:7.60vw; width: 100%;}
	.pop_cont .map_pop_info dl{font-size: 3.65vw;}
	.pop_cont .map_pop_info dl + dl{margin-top:2.95vw;}
	.pop_cont .map_pop_info dt{width:20.46vw; padding-left:1.30vw;}
	.pop_cont .map_pop_info dd{width:calc(100% - 20.46vw);}
	/* select */
	.map_wrap .select {height: 13.02vw; line-height: 13.02vw; font-size: 4.17vw;}
	.map_wrap .select .selected {padding:0 3.34vw;}
	.map_wrap .select .selected .arrow {width: 3.34vw;}
	.map_wrap .select ul li {line-height:8.98vw; padding-left: 3vw; font-size:3.65vw;}

	/* sec26 */
	.main .sec26 .qna_list{margin-top:10.42vw;}
	.main .sec26 .qna_list li + li{margin-top:2.60vw;}
	.main .sec26 .qna_list li strong{width:10%;}
	.main .sec26 .qna_list li span{width:90%;}
	.main .sec26 .qna_list .question{font-size: 3.78vw; padding: 5.60vw 11.42vw 5.60vw 4.82vw;}
	.main .sec26 .qna_list .question .arrow{width: 3.91vw; right: 4.82vw;}
	.main .sec26 .qna_list .answer{padding:5.60vw 4.82vw; margin-top:1.30vw;}
	.main .sec26 .qna_list .answer strong{font-size: 3.78vw;}
	.main .sec26 .qna_list .answer span{font-size: 3.13vw;}


	/* sec27 */
	.main .sec27{padding: 15.63vw 0 19.53vw;}
	.main_form{margin-top: 8.46vw; padding: 10.42vw 5.21vw;}
	.main_form ul{flex-wrap: wrap; gap: 7.81vw; width: 100%;}
	.main_form ul li{width: 100%;}
	.main_form ul li dl{gap: 1.95vw 3.65vw; letter-spacing: -0.13vw;}
	.main_form ul li dl dt{width: 20.65vw; padding: 3.91vw 0; font-size: 3.65vw;}
	.main_form ul li dl dd{width: calc(100% - 3.65vw - 20.65vw); font-size: 3.65vw;}
	.main_form ul li dl dd .input{background: none; border: none; padding: 3.91vw 0;}
	.main_form ul li dl dd .textarea{padding: 0; height: 30.72vw; margin-bottom: 1.30vw;}
	.main_form .bot{margin-top: 5.21vw; flex-direction: column; gap:7.81vw;}
	.main_form .bot .agree{gap:3.13vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
	.main input[type="checkbox"]{width: 4.21vw; height: 4.21vw;}
	.main_form .bot .btn_wrap{text-align: right; width: 100%;}
	.main_form .bot .apply_btn{font-size: 4.17vw; width: 36.72vw; padding: 3.91vw 0 3.65vw; display: inline-block;}
	.main_form ul li dl dd.check{gap: 3.13vw 0; padding: 1.30vw 0 3.91vw !important;}
	.main_form ul li dl dd.check label{width: 45%;}
	.main_form ul li dl dd.check label.other{width: 55%;}
	.main_form ul li dl dd.check input[type="checkbox"]{margin: -0.46vw 3.13vw 0 0;}
	.main_form ul li dl dd.check input[type="text"]{width: 23.83vw; height: 5.56vw; margin-left: 3.13vw; padding: 0 2.60vw; font-size: 3.13vw;}


}