@charset "UTF-8";

:root{
    --inPd:2rem;

    --txt: 1.8rem;
    --smTxt: 1.6rem;
    --bigTxt:2.0rem;
    --thinTxt:1.4rem;

    --main_ti1:3.6rem;

    --contPd: 36rem;
}

/*html {font-size: clamp(10px, .25vw + 3.5px, 12px);}*/


body {word-break: keep-all}

.card-slide {pointer-events: none}

.main .sect_tit_box.center {text-align: center}
.main .sect_tit_box {position: relative}
.main .sect_tit_box .desc {font-size: 2.5rem; font-weight: 700; margin-bottom: 3rem; transform: translateY(50px); opacity: 0; transition: transform 0.5s ease-out , opacity 0.5s ease-out }
.main .sect_tit_box .en_tit {font-size:10rem; font-weight: 700; font-family: "Outfit", sans-serif; line-height: 1.2; transform: translateY(50px); opacity: 0; transition: transform 0.5s ease-out , opacity 0.5s ease-out }
.main .sect_tit_box .tit {font-size: 5.5rem; line-height: 1.3; font-weight: 700; transform: translateY(50px); opacity: 0; transition-property: opacity ,transform; transition-timing-function: ease-out; transition-duration: 0.5s; transition-delay: 0.2s}
.main .sect_tit_box .tit + .tit {margin-top: 6rem; transition-delay: 0.4s}
.main .sect_tit_box .tit + .tit + .txt {transition-delay: 0.6s}
.main .sect_tit_box .txt {margin-top: 1.5em; font-size: var(--txt); transform: translateY(50px); opacity: 0; transition-property: opacity ,transform; transition-timing-function: ease-out; transition-duration: 0.5s; transition-delay: 0.4s}
.main .sect_tit_box .en_tit + .txt {transition-delay: 0.2s}
.main .sect_tit_box .com_btn {position: absolute; right: 0; bottom: 0; transform: translateY(50px); opacity: 0; }


.main .sect_tit_box.active .en_tit,
.main .sect_tit_box.active .txt,
.main .sect_tit_box.active .tit,
.main .sect_tit_box.active .com_btn,
.main .sect_tit_box.active .desc {opacity: 1; transform: unset}

.com_btn {display: inline-flex; align-items: center; height: 5rem; line-height: 5.1rem; padding: 0 1.7em; border: 1px solid #000; font-size: var(--smTxt); border-radius: 100px;
    transition-property: opacity, transform, background, color, border-color;transition-timing-function: ease-out, ease-out, ease-in-out, ease-in-out, ease-in-out;transition-duration: 0.5s, 0.5s, 0.3s, 0.3s, 0.3s; transition-delay: 0.6s, 0.6s, 0s, 0s, 0s;}
.com_btn svg {margin-left: 3rem; width: 1.5rem; height: 1.5rem; transition: fill 0.3s ease-in-out}
.com_btn.wh {border-color: #fff}
.com_btn.wh svg {fill: #fff}

.com_btn.green {background-color: var(--green); border-color: var(--green); color: #fff}
.com_btn.green svg {fill: #fff}


.main .visual_sect {overflow: hidden; position: relative; width: 100%; height: 100vh; }
.main .visual_sect .bg_tit {display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 10.65vw; font-weight: 700; color: rgba(0, 129, 108, 0.2); font-family: "Outfit", sans-serif; text-transform: uppercase;}
.main .visual_sect .bg_tit span {display: block; opacity: 0; filter: blur(15px); transform: translateY(100px); transition-property: opacity, transform, filter; transition-timing-function: ease-in-out; transition-duration: 0.8s}
.main .visual_sect .bg_tit span:nth-child(2) { transition-delay: 0.05s; }
.main .visual_sect .bg_tit span:nth-child(3) { transition-delay: 0.1s; }
.main .visual_sect .bg_tit span:nth-child(4) { transition-delay: 0.15s; }
.main .visual_sect .bg_tit span:nth-child(5) { transition-delay: 0.2s; }
.main .visual_sect .bg_tit span:nth-child(6) { transition-delay: 0.25s; }
.main .visual_sect .bg_tit span:nth-child(7) { transition-delay: 0.3s; }
.main .visual_sect .bg_tit span:nth-child(8) { transition-delay: 0.35s; }
.main .visual_sect .bg_tit span:nth-child(9) { transition-delay: 0.4s; }
.main .visual_sect .bg_tit span:nth-child(10) { transition-delay: 0.45s; }
.main .visual_sect .bg_tit span:nth-child(11) { transition-delay: 0.55s; }
.main .visual_sect .bg_tit span:nth-child(12) { transition-delay: 0.6s; }
.main .visual_sect .bg_tit span:nth-child(13) { transition-delay: 0.65s; }
.main .visual_sect .bg_tit span:nth-child(14) { transition-delay: 0.7s; }
.main .visual_sect .txt_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; width: 204rem; padding: 0 5rem; margin-top: 21vh; font-size: 4rem; font-weight: 700; }
.main .visual_sect .txt_box .txt {overflow: hidden}
.main .visual_sect .txt_box .txt + .txt {margin-top: 2rem}
.main .visual_sect .txt_box .txt p {overflow: hidden}
.main .visual_sect .txt_box .txt span {display: block;transform: translateY(100%); transition: transform 0.5s ease-in-out 0.5s}
.main .visual_sect .txt_box .txt + .txt span {transition: transform 0.5s ease-in-out 0.6s}
.main .visual_sect .txt_box .txt + .txt p + p span {transition: transform 0.5s ease-in-out 0.7s}
.main .visual_sect .video {position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50%; z-index: 3; margin-top:0; opacity: 0; transition:opacity 1.5s ease-in-out 0.2s}
.main .visual_sect .video video {width: 100%;}
.main .visual_sect .video.hide {opacity: 0!important; pointer-events: none; transition: opacity 0.3s ease-in-out}


.main .visual_sect.active .bg_tit span {opacity: 1; filter: blur(0); transform: unset}
.main .visual_sect.active .txt_box span {transform: unset}
.main .visual_sect.active .video {margin-top: 0; opacity: 1}


.main .visual_sect.active.out {}
.main .visual_sect.active.out .bg_tit {margin-top: -50vh; transition: margin-top 0.75s ease-in-out 0.4s}
.main .visual_sect.active.out .bg_tit span {opacity: 0; filter: blur(15px); transition-delay: 0.3s !important;}
.main .visual_sect.active.out .txt_box {top: 0%; opacity: 0; filter: blur(15px); transition: top 0.75s ease-in-out 0.55s, opacity 0.5s ease-in-out 0.4s , filter 0.5s ease-in-out 0.4s}

.main .visual_slide { position: relative; width: 100%; height: 100vh; touch-action: pan-y; /*transition: margin-top 1s ease-in-out 1s;*/}
.main .visual_sect.active + .visual_slide {margin-top: -100vh; }
.main .visual_slide .swiper-slide,
.main .visual_slide .swiper-wrapper,
.main .visual_slide .swiper-container {height: 100%}
.main .visual_slide .cont { position: relative; padding: calc(var(--hd_h) + 6rem) 5rem 3rem; height: 100%; }
.main .visual_slide .cont .img {overflow: hidden; position: relative; width: 100%; height: 100%; border-radius: 2rem}
.main .visual_slide .cont .img:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); z-index: 1}
.main .visual_slide .cont .img.non_bg:before { display: none; }
.main .visual_slide .cont .img > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}

.main .visual_slide .cont .txt_box {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;width: 164rem;height: auto;padding: 0 40px;z-index: 3;max-width: 100%;}
.main .visual_slide .cont .txt_box .tit {font-size: 6rem; font-weight: 800}
.main .visual_slide .cont .txt_box .txt {font-size: 2.5rem; font-weight: 500; margin-top: 2rem;}
.main .visual_slide .cont .txt_box .com_btn {border-color: #fff; margin-top: 6rem}
.main .visual_slide .cont .txt_box .com_btn svg {fill: #fff}




.main .visual_slide.active .swiper-button-next,
.main .visual_slide.active .swiper-button-prev {opacity: 1}
.main .visual_slide.active .card_slide .card_move_btn {opacity: 1}

.main .visual_slide.card_on .swiper-button-prev .ico svg,
.main .visual_slide.card_on .swiper-button-next .ico svg{fill: #000;}

.main .visual_slide.card_on .slide_move {color: #000 !important;}
.main .visual_slide.card_on .slide_move .swiper-pagination .btn svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1rem; fill: #000}
.main .visual_slide.card_on .slide_move .swiper-pagination .btn svg rect {fill: #000}

.main .visual_slide.card_on .swiper-progress-bar .slide_progress-bar.bg {background: #000;}
.main .visual_slide.card_on .swiper-progress-bar .slide_progress-bar.loading {background: #000;}

.main .visual_slide .slide_move { position: absolute; padding: 0 var(--inPd) ;bottom: 5rem; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: flex-end; z-index: 20; color: #fff; max-width: 100%}
.main .visual_slide.solo .slide_move { display: none!important; }
.main .visual_slide .slide_move .swiper-pagination { display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; text-align: left; position: static; margin: 0 15px}
.main .visual_slide .slide_move .swiper-pagination .num {font-size: 16px; font-weight: 700}
.main .visual_slide .slide_move .swiper-pagination .btn {width: 16px; height: 16px; margin-left: 20px ;display: inline-block; position: relative;}
.main .visual_slide .slide_move .swiper-pagination .btn.play svg.stop{ display: none}
.main .visual_slide .slide_move .swiper-pagination .btn.play svg.play{ display: block}
.main .visual_slide .slide_move .swiper-pagination .btn svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1rem; fill: #fff}
.main .visual_slide .slide_move .swiper-pagination .btn svg rect {fill: #fff}
.main .visual_slide .slide_move .swiper-pagination .btn svg.play {display: none}

.main .visual_slide .swiper-button-next,
.main .visual_slide .swiper-button-prev {width: 2rem; height: 2rem; margin-top: 0; color: inherit; opacity: 0; transition: opacity 0.3s ease-in-out}
.main .visual_slide .swiper-button-next {right: 10rem}
.main .visual_slide .swiper-button-prev {left: 10rem}
.main .visual_slide .swiper-button-next .ico,
.main .visual_slide .swiper-button-prev .ico {width: 100%; height: 100%;}
.main .visual_slide .swiper-button-prev .ico svg,
.main .visual_slide .swiper-button-next .ico svg {width: 100%; height: 100%; fill: #fff; transition: opacity 0.3s ease-in-out , color 0.3s ease-in-out}


.main .visual_slide .slide_move .arr { position: static; display: flex; align-items: center; justify-content: flex-start; fill: #fff; z-index: 10; cursor: pointer;}
.main .visual_slide .slide_move .arr.swiper-button-disabled {opacity: 0.15}
.main .visual_slide .slide_move .arr .swiper_btn { display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 6rem}
.main .visual_slide .slide_move .arr .swiper_btn + .swiper_btn { margin-left: 13px; }
.main .visual_slide .slide_move .arr .swiper_btn svg .cls-1 { stroke-width: 0px; fill: none}
.main .visual_slide .slide_move .arr .swiper_btn svg .cls-2 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 10px; transition: stroke .3s}
.main .visual_slide .slide_move .swiper-pagination-current {min-width: 0.7em}
.main .visual_slide .swiper-progress-bar{display: block; position: relative; z-index: 1; width:20rem; height: 2px; margin: 0 15px}
.main .visual_slide .swiper-progress-bar .slide_progress-bar {position: absolute; height: 2px;  width: auto; clear: both;  left: 0; right: 0; top: 50%; transform: translateY(-50%); transition: background .3s}
.main .visual_slide .swiper-progress-bar .slide_progress-bar.bg {background: #fff; opacity: 0.2}
.main .visual_slide .swiper-progress-bar .slide_progress-bar.loading { left: 0; right: auto; background: #fff; height: 2px; width: 0; transition: 0s 0.1s width linear;}
.main .visual_slide .swiper-progress-bar .slide_progress-bar.loading.no_ani {width: 0 !important; transition: none !important;}
.main .visual_slide .swiper-progress-bar.animate .slide_progress-bar.loading {width: 100%; transition-delay: unset; transition: width var(--transition-duration, 0s) linear;}
.main .visual_slide .swiper-progress-bar.animate .slide_progress-bar.loading { transition: width var(--transition-duration, 0s) linear;}


.scroll_animation { position: absolute; bottom: 0; right: 10rem; height: 180px; color: #fff; z-index: 70; transform: translateX(-50%); }
.scroll_animation > span { display: block; transform: rotate(90deg); font-size: 14px; }
.scroll_animation > .bg { position: relative; height: 100%; width: 1px; margin: 30px auto 0; background: rgba(255,255,255,0.2); }
.scroll_animation > .bg .animation { width: 100%; background:#fff; animation-name: updown; animation-iteration-count: infinite; animation-duration: 3s; animation-timing-function: ease-in-out; }




.main .card_slide .bg_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); white-space: nowrap; font-size: 22vw; font-weight: 600; font-family: "Outfit", sans-serif;line-height: 1; color: #F6F8FC; opacity: 0; filter: blur(15px); user-select: none; transition: opacity 1s ease-in-out 3s, filter 1s ease-in-out 3s}
.main .card_slide .card_wrap {position: absolute;left: 50%; top: 46%; transform: translate(-50%,-50%); width: 50%; height: 100% ;transform-style: preserve-3d;}
.main .card_slide .card_wrap .visual_card {width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transform-style: preserve-3d;}
.main .card_slide .card_wrap .visual_card:nth-child(1) {transform: translateX(0)  translateZ(0); transition: transform 1s, opacity 0.6s, filter 1s, margin-top 1s cubic-bezier(0.7, 0.03, 0.39, 0.97) }
.main .card_slide .card_wrap .visual_card:nth-child(2) {transform: translateX(-40%) translateZ(-50px) scale(0.4); filter: blur(15px); transition:transform 1s, opacity 0.6s 0s, filter 1s, margin-top 0.6s ease-in-out 0s}
.main .card_slide .card_wrap .visual_card:nth-child(3) {transform: translateX(0%) translateZ(-50px) scale(0.4); filter: blur(15px); transition:transform 1s, opacity 0.6s 0.2s, filter 1s, margin-top 0.6s ease-in-out 0.2s}
.main .card_slide .card_wrap .visual_card:nth-child(4) {transform: translateX(40%) translateZ(-50px) scale(0.4); filter: blur(15px); transition:transform 1s, opacity 0.6s 0.2s, filter 1s, margin-top 0.6s ease-in-out 0.2s}
.main .card_slide .card_wrap .visual_card .video {height: 100%; display: flex; align-items: center; justify-content: center}
.main .card_slide .card_wrap .visual_card:nth-child(1) video {width: 80%}
.main .card_slide .card_wrap .visual_card:nth-child(2) video {width: 80%}
.main .card_slide .card_wrap .visual_card:nth-child(3) video {width: 70%}
.main .card_slide .card_wrap .visual_card:nth-child(4) video {width: 80%}

.main .card_slide .card_wrap .visual_card .video_box {display: flex; align-items: center; justify-content: center}


/*척추*/
.main .card_slide .card_wrap .visual_card:nth-child(1) img {width: auto; height: 58vh}
/*관절*/
.main .card_slide .card_wrap .visual_card:nth-child(2) img {width: auto; height: 58vh}
/*심장*/
.main .card_slide .card_wrap .visual_card:nth-child(3) img {width: auto; height: 53vh}
/*뇌*/
.main .card_slide .card_wrap .visual_card:nth-child(4) img {width: auto; height: 50vh}



.main .card_slide .card_txt_wrap {position: absolute; left: 50%; bottom: 13%; transform: translate(-50%,0); width: 100%; opacity: 0; filter: blur(15px); transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out}
.main .card_slide .card_txt_wrap .txt_box {position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,0); width: 100%; text-align: center;}
.main .card_slide .card_txt_wrap .txt_box .tit {font-size: 8rem; font-weight: 800; transform: translateY(50px); opacity: 0;}
.main .card_slide .card_txt_wrap .txt_box .txt {font-size: var(--txt); margin-top: 10px; transform: translateY(50px); opacity: 0; font-weight: 500}
.main .card_slide .card_txt_wrap .txt_box.active .tit {transform: unset; opacity: 1; transition: transform 0.6s ease-in-out , opacity 0.6s ease-in-out}
.main .card_slide .card_txt_wrap .txt_box.active .txt {transform: unset; opacity: 1; transition: transform 0.6s ease-in-out , opacity 0.6s ease-in-out}

.main .card_slide .card_move_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 75%; padding: 0 20px; display: flex; justify-content: space-between; opacity: 0; transition: 0.3s ease-in-out}
.main .card_slide .card_move_btn .btn {width:8rem; height: 8rem; display: flex; align-items: center; justify-content: center; border: 1px solid #666; border-radius: 50%; transition: 0.3s ease-in-out}
.main .card_slide .card_move_btn .btn svg {width: 4rem; height: 4rem; fill: #666; transition: 0.3s ease-in-out}


.main .visual_sect.active + .visual_slide .bg_txt {opacity: 1; filter: blur(0)}

.main .visual_slide.active .card_txt_wrap {opacity: 1; filter: blur(0px)}
.main .visual_slide.active .visual_card:nth-child(1){opacity: 1;}
.main .visual_slide.active .visual_card:nth-child(2){opacity: 1;}
.main .visual_slide.active .visual_card:nth-child(3){opacity: 1;}
.main .visual_slide.active .visual_card:nth-child(4){opacity: 1;}


.main .cham_sect { overflow: hidden; position: relative; padding-top: var(--contPd)}
.main .cham_sect .cont_box {display: flex; margin-top: 10rem}
.main .cham_sect .cont_box .cont {position: relative;width: calc(25% + (6rem * 3 / 4)); padding-top: calc(25% + (6rem * 3 / 4)); }
.main .cham_sect .cont_box .cont.cir {opacity: 0; transform: translateX(-50%); transition-property: opacity ,transform; transition-timing-function: cubic-bezier(0.01, 0.08, 0.49, 0.95); transition-duration: 1s;}
.main .cham_sect .cont_box .cont + .cont {margin-left: -6rem;}
.main .cham_sect .cont_box .cont:nth-child(1){z-index: 4; transform: translateX(calc(150% - 9rem)); transition: transform 1s cubic-bezier(0.01, 0.08, 0.49, 0.95) }
.main .cham_sect .cont_box .cont:nth-child(2){z-index: 3}
.main .cham_sect .cont_box .cont:nth-child(3){z-index: 2}
.main .cham_sect .cont_box .cont:nth-child(4){z-index: 1}
.main .cham_sect .cont_box .cont:nth-child(2){transition-delay: 1s}
.main .cham_sect .cont_box .cont:nth-child(3){transition-delay: 1.2s}
.main .cham_sect .cont_box .cont:nth-child(4){transition-delay: 1.4s}

.main .cham_sect .cont_box .cont .txt_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center}
.main .cham_sect .cont_box .cont .txt_box .tit {font-size: 3.2rem; font-weight: 700}
.main .cham_sect .cont_box .cont .txt_box .txt {font-size: var(--txt); margin-top: 2rem;}
.main .cham_sect .cont_box .cont .svg ,
.main .cham_sect .cont_box .cont .bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .cham_sect .cont_box .cont .bg {border-radius: 50%;}
.main .cham_sect .cont_box .cont .bg img {width: 100%; height: 100%; object-position: center; object-fit: cover;}

.main .cham_sect .cont_box.active .cont:nth-child(1) {transform: unset}
.main .cham_sect .cont_box.active .cont.cir {opacity: 1; transform: unset}

.main .cham_sect .cir_bg_wrap {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 300vh; z-index: -1}
.main .cham_sect .cir_bg_wrap .yellow_box {position: absolute; left: 0; top: 0; transform: translateY(50%) ;width: 100%; height: 100%}
.main .cham_sect .cir_bg_wrap .green_box {position: absolute; left: 0; top: 0; transform: translateY(70%) ;width: 100%; height: 100%}
.main .cham_sect .cir_bg_wrap .cir {position: absolute; width: 60rem}
.main .cham_sect .cir_bg_wrap .cir.num1 {top: 0; right:55%}
.main .cham_sect .cir_bg_wrap .cir.num2 {top: 30%; right: 0; transform: translateX(15%)}
.main .cham_sect .cir_bg_wrap .cir.num3 {top: 50%; left: 0; transform: translateX(-5%); width: 50rem;}
.main .cham_sect .cir_bg_wrap .cir.num4 {top: 70%; right: 60%;}
.main .cham_sect .cir_bg_wrap .cir.num5 {top: 85%; right: 20%; width: 40rem}
.main .cham_sect .cir_bg_wrap .cir.num6 {top: 95%; right: 0; transform: translateX(15%)}


.main .efforts_sect {overflow: hidden; padding-top: var(--contPd);}
.main .efforts_sect .slide {margin-top: 40px;}
.main .efforts_sect .slide .swiper-wrapper {align-items: center;}
.main .efforts_sect .slide .item {transform: scale(0.6) translateY(11%); width: 100rem; border-radius: 2rem; transition: transform 1s, background-color 1s; flex-shrink: 0; }
.main .efforts_sect .slide .item a {display: block;}
.main .efforts_sect .slide .item .img {overflow: hidden; position: relative; z-index: 1; padding-top: 56.25%; border-radius: 2rem}
.main .efforts_sect .slide .item .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main .efforts_sect .slide .item .txt_box {position: relative; opacity: 0; padding: 3.5rem 6rem; border-radius: 0 0 2rem 2rem; transition: opacity 1s; }
.main .efforts_sect .slide .item .txt_box .tit {font-size: var(--main_ti1); font-weight: 700;}
.main .efforts_sect .slide .item .txt_box .txt {margin-top: 1em; font-size: var(--bigTxt);}
.main .efforts_sect .slide .item .txt_box .btn {display: flex; align-items: center; justify-content: center; position: absolute; right: 6rem; top: 3.5rem; width: 10rem; height: 10rem; background-color: #08B89A; border-radius: 50%; transition: background-color 0.3s }
.main .efforts_sect .slide .item .txt_box .btn svg {width: 3.5rem; fill: #fff;  transition: background-color 0.3s }


.main .efforts_sect .slide .item.swiper-slide-duplicate-active,
.main .efforts_sect .slide .item.swiper-slide-active{transform: scale(0.8) translateY(0%); background: #F6F8FC;}
.main .efforts_sect .slide .item.swiper-slide-duplicate-active .txt_box,
.main .efforts_sect .slide .item.swiper-slide-active .txt_box{opacity: 1;}
.main .efforts_sect .slide .controls{display: flex; justify-content: space-between; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 124rem}
.main .efforts_sect .slide .controls > div{display: flex; align-items: center; justify-content: center; opacity: 0.3; width: 75px; height: 75px; border: 2px solid #000; font-size: 18px; border-radius: 50%; transition: all 0.3s; cursor: pointer}

.main .efforts_sect .swiper-pagination{}
.main .efforts_sect .swiper-pagination span + span{margin-left: 6px;}
.main .efforts_sect .swiper-pagination .swiper-pagination-bullet{opacity: 1; background: rgba(0, 0, 0, 0.1); border-radius: 4px; transition: width 0.5s;}
.main .efforts_sect .swiper-pagination .swiper-pagination-bullet-active{width: 7.5rem; background: var(--green);}

.main .keyword_sect{ overflow: hidden; margin-top: var(--contPd);}
.main .keyword_sect .in{position: relative;}

.main .keyword_sect .cha img{height: 100%;}
.main .keyword_sect .cont_wrap{ width: 80rem; margin: 10rem auto 0}
.main .keyword_sect .cont_wrap .inp_wrap {display: flex; align-items: center; position: relative; margin: 0 auto; padding-left: 4.5rem; font-size: var(--bigTxt); background-color: #D6F6EE; border-radius: 100px}
.main .keyword_sect .cont_wrap .inp_wrap .nice-select {width: 15rem; height: 8rem; line-height: 7.9rem; border: none; outline: none; background-color: transparent; font-size: var(--bigTxt)}
.main .keyword_sect .cont_wrap .inp_wrap .nice-select:after {right: 0; width: 1em; height: 1em; margin-top: 0;border: none; transform: translateY(-50%);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M241 369c-9.4 9.4-24.6 9.4-33.9 0L47 209c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 369z"/></svg>') no-repeat center/contain;}
.main .keyword_sect .cont_wrap .inp_wrap input{flex: 1; height: 9rem ;color: rgba(0,129,108,1); font-size: 1em; font-weight: 600; border-radius: 2em; line-height: 1em; background: transparent}
.main .keyword_sect .cont_wrap .inp_wrap input::placeholder {color: rgba(0,129,108,0.5)}
.main .keyword_sect .cont_wrap .inp_wrap button{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; width: 13rem; height: 9rem; background: var(--green); font-size: 1.4em; border-radius: 10rem; transition: background-color 0.3s}
.main .keyword_sect .cont_wrap .inp_wrap button svg{fill: #fff;}

.main .keyword_sect .cont_wrap .recommend {display: flex; margin-top: 40px;}
.main .keyword_sect .cont_wrap .recommend p{flex-shrink: 0; margin-top: 5px; font-size: 16px; font-weight: 700;}
.main .keyword_sect .cont_wrap .recommend ul{display: flex; justify-content: center; flex-wrap: wrap; width: 90%; margin: 0 auto}
.main .keyword_sect .cont_wrap .recommend ul li{height: 5rem; padding: 0 1.5em; margin-right: 10px; margin-bottom: 20px; background: #F6F8FC; color: #9A9EA7; font-size: var(--txt); font-weight: 500; border-radius: 2em; border: 1.5px solid transparent; line-height: 4.9rem; cursor: pointer; transition: background 0.3s, color 0.3s, border 0.3s}


.main .special_sect { position: relative; padding-top: var(--contPd); z-index: 4}
.main .special_sect .cont_box { margin-top: 16rem; padding: 0 6rem}
/*.main .special_sect .cont_box .swiper-container*/
.main .special_sect .cont_box .cont { display: block; overflow: hidden; position: relative; flex: 1; border-radius: 2rem; transform: translateY(150px); opacity: 0; transition-property: transform , opacity; transition-duration: 0.8s ; }
.main .special_sect .cont_box .cont:nth-child(2) {transition-delay: 0.1s}
.main .special_sect .cont_box .cont:nth-child(3) {transition-delay: 0.2s}
.main .special_sect .cont_box .cont:nth-child(4) {transition-delay: 0.3s}
.main .special_sect .cont_box .cont:nth-child(4) {transition-delay: 0.4s}
.main .special_sect .cont_box .cont:nth-child(5) {transition-delay: 0.5s}
.main .special_sect .cont_box .cont + .cont {margin-left: 3rem}
.main .special_sect .cont_box .cont .img {padding-top: 133%;}
.main .special_sect .cont_box .cont .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; object-position: center; filter: blur(0px); transition: filter 0.3s ease-in-out}
.main .special_sect .cont_box .cont .hover_box {content: "";  display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top:0; width: 100%; height: 100%; color: #fff;
    /*background-color: rgba(0,129,108,0.45);*/ background-color: rgba(0,0,0,0.4); z-index: 2; opacity: 0; transition: opacity 0.3s ease-in-out;}
.main .special_sect .cont_box .cont .hover_box svg {display: none; width: 6rem; fill: #fff; transition: transform 0.3s ease-in-out}
.main .special_sect .cont_box .cont .txt_box {position: absolute; left: 0; bottom: 0; transform: translateY(calc(100% + -17rem)); width: 100%; padding: 3.5rem; color: #fff; z-index: 3; transition: transform 0.5s;}
.main .special_sect .cont_box .cont .txt_box .tit{font-size: var(--main_ti1); font-weight: 700}
.main .special_sect .cont_box .cont .txt_box .en {margin-bottom: 1em; font-family: "Outfit", sans-serif; font-size: calc(var(--smTxt) * 0.8); font-weight: 500; text-transform: uppercase}
.main .special_sect .cont_box .cont .txt_box .txt{ margin-top: 3em;}

.main .special_sect .cont_box.active .cont {transform: translateY(0); opacity: 1; }




.main .team_sect {position: relative; margin-top: var(--contPd); z-index: 3}
.main .team_sect .img {position: relative; margin: 0rem auto 0; width: 184rem; padding: 32rem var(--inPd) 0; max-width: 100%; z-index: 2; }
.main .team_sect .img .gr_bg {position: absolute; left: 50%; bottom: 0; width: 80%; max-width: 100%; height: 100%; transform: translateX(-50%) ;background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(231,242,237,1) 100%); filter: blur(15px);
    opacity: 0; transition: opacity 1s ease-in-out , height 1s ease-in-out}
.main .team_sect .img .img_txt {overflow: hidden; color: var(--green);opacity: 0.12;position: absolute;left: 50%;top: 0;transform: translate(-50%,100%);font-size: 10rem;font-weight: 700;text-transform: uppercase;white-space: nowrap;}
.main .team_sect .img .img_txt span {display: block; transform: translateY(100%); opacity: 0; transition: transform 1s ease-in-out, opacity 1s ease-in-out; font-family: "Outfit", sans-serif; }
.main .team_sect .img .img_txt span br{display: none;}
.main .team_sect .img img {width: 100%; position: relative; z-index: 2; opacity: 0; transition: opacity 0.3s ease-in-out 0.6s}

.main .team_sect .slide .img {overflow: hidden; position: relative; padding-top: 72%; border-radius: 2.5rem;}
.main .team_sect .slide .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .team_sect .slide .swiper-pagination-progressbar {position: static; margin-top: 6rem; height: 2px; background: #CCD2DD}
.main .team_sect .slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000}

.main .team_sect .cir_bg_wrap { overflow: hidden; position: absolute; top: 0; left: 0; transform: translateY(25%); width: 100%; height: 100vh; }
.main .team_sect .cir_bg_wrap .cir {position: absolute; width: 60rem}
.main .team_sect .cir_bg_wrap .cir.num1 {top: 0; left:5%}
.main .team_sect .cir_bg_wrap .cir.num2 {top: 15%; right: 5%;}
.main .team_sect .cir_bg_wrap .cir.num3 {top: 80%; right: 45%;}

.main .team_sect .img.active .gr_bg {height: 100%; opacity: 1}
.main .team_sect .img.active .img_txt span {transform: translateY(0); opacity: 1}
.main .team_sect .img.active img {opacity: 1;}

.main .partner_sect { position: relative; width: 100%; height: 210vh; z-index: 2; }
.main .partner_sect .img_wrap {position: sticky; width: 100%; height: 100vh; top: 0}
.main .partner_sect .bg_img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0.5); width: 100%; height: 100vh}
.main .partner_sect .back_color {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--green); opacity: 0}
.main .partner_sect .bg_img img {position: relative; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 2}
.main .partner_sect .bg_img .cover {position: absolute; top: -2px; width: calc(50% + 4px); height: calc(100% + 4px); background-color: #fff; z-index: 3; transition: width 0.5s ease-in-out}
.main .partner_sect .bg_img .right_cover {right: -2px}
.main .partner_sect .bg_img .left_cover {left: -2px}
.main .partner_sect .cont_wrap { display: flex; flex-direction: column; justify-content: center; /*overflow: hidden;*/ position: sticky; top: 0; height: 100vh; margin-top: -70vh; color: #fff; transition: opacity 0.3s ease-in-out;}
.main .partner_sect .sect_tit_box {margin-top: 5rem}
.main .partner_sect .cont_box {margin-top: 8rem; padding-left: calc((100% - 164rem)/2 + 2rem); overflow: hidden; }
.main .partner_sect .cont_box .swiper-container{overflow: visible;}
.main .partner_sect .cont_box .cont {overflow: hidden; position: relative; width: calc(100%/4.2 - 16rem/4.2); border-radius: 2rem; clip-path: inset(0px 0 101% 0%); transition: clip-path 0.6s ease-in-out 0.3s}
.main .partner_sect .cont_box .cont + .cont {margin-left: 5rem;}
.main .partner_sect .cont_box .cont .logo {display: flex; align-items: center; justify-content: center; position: absolute; top: 10%; left: 50%; transform: translateX(-50%) ;width: 85%; height: 12rem; font-size: 10px; z-index: 1}
.main .partner_sect .cont_box .cont .logo svg {  height: auto}
.main .partner_sect .cont_box .cont:nth-child(1) .logo svg{width: 20em}
.main .partner_sect .cont_box .cont:nth-child(2) .logo svg{width: 26em}
.main .partner_sect .cont_box .cont:nth-child(3) .logo svg {width: 24em}
.main .partner_sect .cont_box .cont .img {position: relative; padding-top: 100%; }
.main .partner_sect .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }

.main .partner_sect .sect_tit_box.active .txt,
.main .partner_sect .sect_tit_box.active .tit,
.main .partner_sect .sect_tit_box.active .com_btn,
.main .partner_sect .sect_tit_box.active .desc {opacity: 0; transform: translateY(50px)}

.main .partner_sect .cont_wrap.active .sect_tit_box.active .txt,
.main .partner_sect .cont_wrap.active .sect_tit_box.active .tit,
.main .partner_sect .cont_wrap.active .sect_tit_box.active .com_btn,
.main .partner_sect .cont_wrap.active .sect_tit_box.active .desc {opacity: 1; transform: unset}
.main .partner_sect .cont_wrap.active .cont_box .cont {clip-path: inset(0px 0 0% 0%);}

.main .partner_sect .cont_wrap.hide {opacity: 0}

.main .partner_sect .img_wrap.active .bg_img .cover {width: 0}

.main .care_sect{overflow: hidden; padding-top: var(--contPd);}
.main .care_sect .cont_wrap{margin-top: 10rem;}
.main .care_sect .cont_wrap .swiper-container{overflow: visible; /*width: calc(calc((100vw - var(--scroll-width) - 140rem)/2 + 100%));*/ width: 100%;}
.main .care_sect .cont_wrap .swiper-container .swiper-slide{}
.main .care_sect .cont_wrap .grid_wrap{display: flex; white-space: nowrap; height: 60vh;}
.main .care_sect .cont_wrap .grid_wrap .item{overflow: hidden; width: 100%; height: 100%; border-radius: 3rem; transform-style: preserve-3d; perspective:1000px; transition: all 0.3s;}
.main .care_sect .cont_wrap .grid_wrap .item .card {width: 100%; height: 100%; transform-style: preserve-3d; opacity: 0;transition-property: transform , opacity; transition-duration: 1s; transition-timing-function: ease-in-out;}
.main .care_sect .cont_wrap .grid1 {display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; width: 75%;}
.main .care_sect .cont_wrap .grid1 .item {overflow: inherit; position: relative; transition: width 0.3s ease-in-out}
.main .care_sect .cont_wrap .grid1 .item .card {overflow: hidden; border-radius: 3rem; position: relative;  padding:5rem; }
.main .care_sect .cont_wrap .grid1 .item + .item {margin-left: 3rem}
.main .care_sect .cont_wrap .grid1 .item .tit{display: block; margin-bottom: 1rem; font-size: var(--bigTxt); font-weight: 500; transition: transform 0.3s ease-in-out}
.main .care_sect .cont_wrap .grid1 .item .num_txt {display: inline-block; font-size: 8rem; font-family: "Outfit", sans-serif; line-height: 1.1 ;transition: transform 0.3s ease-in-out}
.main .care_sect .cont_wrap .grid1 .item .num_txt .sm_txt {font-size: var(--txt); font-weight: 500;}
.main .care_sect .cont_wrap .grid1 .item .img{position: absolute;}
.main .care_sect .cont_wrap .grid1 .bottom,
.main .care_sect .cont_wrap .grid1 .top {display: flex;justify-content: space-between;height: calc(50% - 1.5rem);}
.main .care_sect .cont_wrap .grid1 .top .top1 {width: 35%; }
.main .care_sect .cont_wrap .grid1 .top .top1 .card {background-color: #EEF0F5;transform: rotateY(90deg)}
.main .care_sect .cont_wrap .grid1 .top .top1 .num_txt {color: #10816E}
.main .care_sect .cont_wrap .grid1 .top .top2 {width: 65%;  color: #fff; overflow: hidden}
.main .care_sect .cont_wrap .grid1 .top .top2 .card {background-color: var(--green); transform-origin: center top; transform: rotateX(-180deg); transition-delay: 0.2s}
.main .care_sect .cont_wrap .grid1 .top .top2 .num_txt {color: #fff}
.main .care_sect .cont_wrap .grid1 .top .top1 .img {position: absolute; right: 3rem; bottom: 3rem; width: 6rem;}
.main .care_sect .cont_wrap .grid1 .top .top2 .chart {position: absolute; right: 0; bottom: 0; width: 60%; height: 100%; transform: translate(5%,10%); clip-path: inset(0px 100% 0 0px); transition: transform 0.3s ease-in-out, clip-path 1s ease-in-out 1.6s}
.main .care_sect .cont_wrap .grid1 .top .top2 .chart svg {width: 100%; height: 100%; object-fit: contain}

.main .care_sect .cont_wrap .grid1 .bot {display: flex;justify-content: space-between;height: calc(50% - 1.5rem);}
.main .care_sect .cont_wrap .grid1 .bot .bot1 {width: 65%; overflow: hidden}
.main .care_sect .cont_wrap .grid1 .bot .bot1 .card {background-color: #D6F6EE; transform-origin: center bottom; transform: rotateX(-180deg); transition-delay: 0.4s}
.main .care_sect .cont_wrap .grid1 .bot .bot1 .num_txt {color: #10816E}
.main .care_sect .cont_wrap .grid1 .bot .bot2 {width: 35%; }
.main .care_sect .cont_wrap .grid1 .bot .bot2 .card {background-color: #EEF0F5; transform: rotateY(90deg); transition-delay: 0.6s}
.main .care_sect .cont_wrap .grid1 .bot .bot2 .num_txt {color: #10816E}
.main .care_sect .cont_wrap .grid1 .bot .bot1 .img {position: absolute;right: 0;bottom: -2px; width: 90%; transition: transform 0.3s ease-in-out}
.main .care_sect .cont_wrap .grid1 .bot .bot2 .img {position: absolute; right: 3rem; bottom: 3rem; width: 6rem;}



.main .care_sect .cont_wrap .grid2 {flex-shrink: 0; width: 32%; margin-left: 3rem; transition: width 0.3s ease-in-out;}

.main .care_sect .cont_wrap .grid2 .txt {position: absolute; left: 0; top: 20%; width:100%; font-size: var(--main_ti1); font-weight: 700; text-align: center; color: #10816E; z-index: 1}
.main .care_sect .cont_wrap .grid2 .item .img{overflow: hidden; position: relative; height: inherit;}
.main .care_sect .cont_wrap .grid2 .card { transform: rotateY(180deg); transform-origin: left; transition-delay: 0.8s}
.main .care_sect .cont_wrap .grid2 .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}


.main .care_sect .cont_wrap .grid3 {flex-shrink: 0; width: 62%; margin-left: 3rem; transition: width 0.3s ease-in-out;}
.main .care_sect .cont_wrap .grid3 .item .card {transform: rotateX(-180deg); transform-origin: center top; transition-delay: 1s}
.main .care_sect .cont_wrap .grid3 .item .img{overflow: hidden; position: relative; height: inherit;}
.main .care_sect .cont_wrap .grid3 .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.3s ease-in-out}


.main .care_sect .cont_wrap .grid4 {flex-shrink: 0; width: 62%; margin-left: 3rem; transition: width 0.3s ease-in-out;}
.main .care_sect .cont_wrap .grid4 .item .card {transform: rotateX(-180deg); transform-origin: center top; transition-delay: 1s}
.main .care_sect .cont_wrap .grid4 .item .img{overflow: hidden; position: relative; height: inherit;}
.main .care_sect .cont_wrap .grid4 .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.3s ease-in-out}


.main .care_sect .cont_wrap.active .card .chart {clip-path: inset(0) !important;}
.main .care_sect .cont_wrap.active .card {transform: unset !important; opacity: 1 !important;}

.main .review_sect{overflow: hidden; padding: var(--contPd) 0 var(--contPd); margin-top: var(--contPd); background-color: #fff; transition: background-color 1s ease-in-out}
.main .review_sect .sect_tit_box {text-align: center}
.main .review_sect .slide {margin-top: 10rem; transform: translateX(200px); opacity: 0; transition: transform 1s ease-in-out , opacity 1s ease-in-out}
.main .review_sect .slide .item{overflow: hidden; width: 16.875%; padding-top: 22%; height: auto; text-align: center; border-radius: 50em; background: #fff;}
.main .review_sect .slide .item .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main .review_sect .slide .item .img img{ width: 100%; height: 100%; object-fit: cover;}
.main .review_sect .slide .item .txt_box { position: absolute; left: 50%; top: 50%; width: 100%; height: auto; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 7rem; text-align: left}
.main .review_sect .slide .item .txt_box .type {width: 100%; font-size: var(--smTxt); font-weight: 700; color: #BCBFC7; height: 1.5em}
.main .review_sect .slide .item .txt_box .txt {font-size: 2.5rem; height: calc(1em * 4 * 1.5); width: 100%; font-weight: 700; margin-top: 2rem; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all }
.main .review_sect .slide .item .txt_box .user {display: flex; align-items: center; margin-top: 5rem; width: 100%; font-size: var(--smTxt); color: #BCBFC7; line-height: 1}
.main .review_sect .slide .item .txt_box .user span {display: flex; align-items: center}
.main .review_sect .slide .item .txt_box .user span + span:before{content: "";display: inline-block;width: 2px; height: 2px; background-color:#BCBFC7; border-radius: 50%; margin: 0 0.4em;}

.main .review_sect.active {background-color: #EEF0F5}
.main .review_sect.active .slide {transform: unset; opacity: 1}


.main .kitchen_sect { width: calc(100% - var(--scroll-width)); padding: 20rem 0 10rem; position: relative; height: 100vh; overflow: hidden}
.main .kitchen_sect .com_btn {position: absolute; margin-top: 0rem; top: 75rem; left: 50%; transform: translate(-50%,0%); opacity: 0}
.main .kitchen_sect .in {height: 100%}
.main .kitchen_sect .cont_wrap{display: flex; flex-shrink: 0; flex-direction: column; width: 50%; height: inherit;}
.main .kitchen_sect .cont_wrap .util{display: flex; flex-direction: column; align-items: flex-start; height: 50%; margin-top: 100px;}
.main .kitchen_sect .cont_wrap .util a.more{display: inline-flex; align-items: center; padding: 1.5em 2.5em; background: var(--navy); color: #fff; font-size: 14px; border-radius: 3em; line-height: 1em;}
.main .kitchen_sect .cont_wrap .util a.more svg{fill: #fff; margin-left: 2em;}
.main .kitchen_sect .food_list{ position: absolute; right: 0; top: 0; width: calc(100%/3 - 2rem - var(--inPd)); }
.main .kitchen_sect .food_list .swiper-container {}
.main .kitchen_sect .food_list .item { position: absolute; right: 0; top: 0; width: 100%; height: auto; flex-shrink: 0; border-radius: 3rem;}
.main .kitchen_sect .food_list .item:first-child{opacity: 0; transform: translateX(-40%) translateY(30%) rotate(4deg); z-index: 1; }
.main .kitchen_sect .food_list .item:nth-child(2){opacity: 1; transform: translateY(30%); z-index: 2;}
.main .kitchen_sect .food_list .item:nth-child(3){opacity: 0; transform: translateX(40%) translateY(30%) rotate(-4deg); }
.main .kitchen_sect .food_list .item:first-child{background: #FFF1F1}
.main .kitchen_sect .food_list .item:nth-child(2){background: #D6F6EE;}
.main .kitchen_sect .food_list .item:nth-child(3){background: #ECEAC4;}
.main .kitchen_sect .food_list .item .img{overflow: hidden; position: relative; height: 0; padding-top: 66%; border-radius: 3rem;}
.main .kitchen_sect .food_list .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.main .kitchen_sect .food_list .item .txt_box{padding: 2.5rem 4rem 4rem}
.main .kitchen_sect .food_list .item .txt_box .cat{margin-bottom: 1em; color: var(--green); font-size: var(--smTxt); font-weight: 700;}
.main .kitchen_sect .food_list .item .txt_box .tit {font-size: 2.5rem; font-weight: 700; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.main .kitchen_sect .food_list .item .txt_box .txt {font-size: var(--txt); height: calc(1em * 1.5 * 5); margin-top: 20px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.main .kitchen_sect.completed{transform: none !important;}

.pointer { position: fixed; top: 0; left: 0; z-index: 100; pointer-events: none; }
.pointer .pointer_box { display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; backdrop-filter: blur(7px) brightness(0.8); width: 18rem; height: 18rem; background-color: rgba(8,184,154,0.7); color: #fff; font-size: calc(var(--txt) * 0.9); font-weight: 600; line-height: 1.4; border-radius: 50%; transition:all .3s ease-out; overflow: hidden; }
.pointer .pointer_box span { display: block; white-space: nowrap; text-align: center; }
.pointer .pointer_box svg{fill: #fff; margin-top: 1em; font-size: var(--bigTxt);}
.pointer.on .pointer_box { opacity: 1 }

.main .media_sect {overflow: hidden; padding-top: var(--contPd)}
.main .media_sect .slide {overflow: hidden;margin-top: 5rem;padding-left: calc((100% - 164rem)/2 + 20px);}
.main .media_sect .slide .swiper-slide a {display: block; background-color: #F6F8FC; border-radius: 2.5rem}
.main .media_sect .slide .img {overflow: hidden; position: relative; padding-top:56.25%; border-radius: 2.5rem;}
.main .media_sect .slide .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-position: center; object-fit: cover; transition: 0.3s ease-in-out}
.main .media_sect .slide .txt_box {position: relative; padding: 2rem 3rem; }
.main .media_sect .slide .txt_box .badge_box {display: flex; height: 2.7rem}
.main .media_sect .slide .txt_box .badge_box .badge {height: 100%; line-height: 2.8rem; border-radius: 0.5rem; color: #fff; text-align: center; font-size: 14px; font-weight: 500}
.main .media_sect .slide .txt_box .badge_box .badge + .badge {margin-left: 1rem}
.main .media_sect .slide .txt_box .badge_box .badge.youtube {display: flex; align-items: center; justify-content: center; width: 3.4rem; background-color: #ED2828;}
.main .media_sect .slide .txt_box .badge_box .badge.youtube svg {width: 1em; fill: #fff}
.main .media_sect .slide .txt_box .badge_box .badge.type1 {padding: 0 1rem; background-color:#08B89A;}
.main .media_sect .slide .txt_box .badge_box .badge.basic {padding: 0 1rem; background-color: #000;}
.main .media_sect .slide .txt_box .tit {margin-top: 1rem; height: calc(1.5em * 2); font-size: var(--bigTxt); font-weight: 700; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.main .media_sect .slide .txt_box .btn {display: flex; align-items: center; justify-content: center; position: absolute; right: 3rem; bottom: 2rem; transform: translateX(-30px) ;width: 6rem; height: 6rem; background-color: #08B89A; border-radius: 50%; opacity: 0;
    transition: opacity 0.3s ease-in-out , transform 0.3s ease-in-out}
.main .media_sect .slide .txt_box .btn svg {width: 2.3rem; fill: #fff}
.main .media_sect .slide .txt_box .date {margin-top: 3rem; color: rgba(0,0,0,0.5); font-size: var(--smTxt)}

/*.main .media_sect .slide a:hover .txt_box .btn {opacity: 1; transform: unset}*/



.main .media_sect .slide .swiper-pagination-progressbar {position: static; margin-top: 6rem; height: 2px; background: #CCD2DD}
.main .media_sect .slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000}

.main .youtube_sect { margin-top: 10rem; height: 250vh}
.main .youtube_sect .in {position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; justify-content: center}
.main .youtube_sect .top_box {display: flex; align-items: flex-end; margin-top: 5rem}
.main .youtube_sect .top_box .tab_box { margin-left: auto; padding: 1rem 2rem; width:70rem; border-radius: 100px; background-color: #E1F2EE;}
.main .youtube_sect .top_box .tab_box .cont {display: flex; justify-content: space-between; position: relative}
.main .youtube_sect .top_box .tab_box .cont .btn {position: relative; width: calc(50% - 1rem); height: 6rem; line-height: 5.9rem; font-size: var(--bigTxt); font-weight: 700; text-align: center; z-index: 2; transition: color .4s .2s;cursor: pointer}
.main .youtube_sect .top_box .tab_box .cont .btn br{display: none;}
.main .youtube_sect .top_box .tab_box .cont label {display: block; position: absolute;left: 0;top: 0;right: calc(50% + 1.5rem); background: var(--green);height: 100%; border-radius: 100px;}

.main .youtube_sect .top_box .tab_box .cont input:checked + label {left: 0; right: calc(50% + 1rem); transition: left 0.5s , right .4s .2s;}
.main .youtube_sect .top_box .tab_box .cont input + label {left: calc(50% + 1rem); right: 0; transition: left .4s .2s, right .5s, background .35s -.1s;}

.main .youtube_sect .top_box .tab_box .cont input:checked + label + .btn {color: #fff}
.main .youtube_sect .top_box .tab_box .cont input:checked + label + .btn + .btn {color: var(--green)}

.main .youtube_sect .top_box .tab_box .cont input + label + .btn {color: var(--green)}
.main .youtube_sect .top_box .tab_box .cont input + label + .btn + .btn {color: #fff}


.main .youtube_sect .cont_box {position: relative}
.main .youtube_sect .cont_box .cont {transition: opacity 0.6s ease-in-out}
.main .youtube_sect .cont_box .cont.num2 {position: absolute; left: 0; top: 0; width: 100%; height: 100%;  pointer-events: none; opacity: 0;}
.main .youtube_sect .cont_box .youtube_list {position: relative; display: grid; grid-template-columns: 55% minmax(0, 1fr); gap:3rem 4.5rem;padding-top: 7rem;}
.main .youtube_sect .cont_box .youtube_list .item {display: flex;align-items: center;overflow: hidden;}
.main .youtube_sect .cont_box .youtube_list .item:first-child {grid-row: span 4;border-radius: 3rem;}
.main .youtube_sect .cont_box .youtube_list .item .img {overflow: hidden;position: relative;width: 100%;padding-top: 14%;border-radius: 1.5rem;}
.main .youtube_sect .cont_box .youtube_list .item .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.25s;}
.main .youtube_sect .cont_box .youtube_list .item:first-child .img {padding-top: 56%;}
.main .youtube_sect .cont_box .youtube_list .item:not(:first-child) .img {flex-shrink: 0;width: 25%;}
.main .youtube_sect .cont_box .youtube_list .item p {margin-left: 1em; font-size: var(--bigTxt); font-weight: 700;word-break: keep-all; transition: background 0.25s, color 0.25s;}
.main .youtube_sect .cont_box .youtube_list .btn_box {display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; bottom: 0}
.main .youtube_sect .cont_box .youtube_list .btn_box .btn {display: inline-flex; align-items: center; height: 5rem; line-height:5.1rem; padding: 0 1.7em; border: 1px solid #E01E1E; font-size: var(--smTxt); border-radius: 100px; background-color: #E01E1E; color: #fff;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out }
.main .youtube_sect .cont_box .youtube_list .btn_box .btn .ico {display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin-left: 10px; background-color: rgba(255,255,255,0.4); border-radius: 50%; }
.main .youtube_sect .cont_box .youtube_list .btn_box .btn .ico svg {width: 0.85rem; height: auto; fill: #fff; transform: translateX(1px)}

.main .youtube_sect .cont_box.type2 .cont {opacity: 0; }
.main .youtube_sect .cont_box.type2 .cont.num2 {opacity: 1; pointer-events: inherit}

.main .always_sect {overflow: hidden; position: relative; margin-top: 12rem; padding: var(--contPd) 0 var(--contPd); width: 100%}
.main .always_sect .bg_cir {position: absolute; left: 50%; transform: translateX(-50%); width: 100%}
.main .always_sect .bg_cir img {width: 100%}
.main .always_sect .top_bg {top: 10%; opacity: 0;  z-index: -1}
.main .always_sect .bot_bg {bottom: 10%; opacity: 0; transition: bottom 1s ease-in-out, opacity 1s ease-in-out; z-index: -1}
.main .always_sect .top_bg_txt {display: flex;align-items: flex-end;position: absolute; left: 50%; top: 48rem; transform: translateX(-50%); font-size: 22vw; font-weight: 600; font-family: "Outfit", sans-serif;
    background: linear-gradient(328deg, rgba(255,255,255,1) 0%, rgba(200,232,224,1) 50%, rgba(154,207,198,1) 100%);opacity: 0.4;-webkit-background-clip: text;-webkit-text-fill-color: transparent; line-height: 1}
.main .always_sect .top_bg_txt small {font-size: 0.6em}
.main .always_sect .top_bg_txt small,
.main .always_sect .top_bg_txt span {display: block;}
.main .always_sect .top_bg_txt > * + * {margin-left: 3vw}
.main .always_sect .top_bg_txt.active small,
.main .always_sect .top_bg_txt.activ    e span {margin-left: 0; opacity: 1}
.main .always_sect .sect_tit_box {text-align: center}
.main .always_sect .cir_box {display: flex; margin-top: 20rem}
.main .always_sect .cir_box .cir {overflow: hidden;position: relative; width: 25%; padding-top: 25%; border-radius: 50%; background-color: #08B89A; opacity: 0; transform: translateY(50px);}
.main .always_sect .cir_box .cir .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: var(--main_ti1); font-weight: 700}
.main .always_sect .cir_box .cir .bg_el {position: absolute; left: 50%;  top: 50%; width: 78%; opacity: 0.3; fill: #10816E}
.main .always_sect .cir_box .cir .bg_el svg {width: 100%; height: auto}

.main .always_sect .cir_box .cir:nth-child(2n) {background-color: #C5EAE1}
.main .always_sect .cir_box .cir:nth-child(2n) .bg_el { right: 50%; left: auto; fill: #60D1B5; opacity: 1}
.main .always_sect .cir_box .cir:nth-child(2n) .txt {color: var(--green)}

.main .always_sect .txt_cont {display: flex; flex-direction: column;  align-items: center; justify-content: center; margin-top: 12rem;}

.main .always_sect .txt_cont .txt {display: inline-flex; flex-direction: column; align-items: center; font-weight: 700; text-align: center; font-size: 2.5rem}
.main .always_sect .txt_cont .txt + .txt {margin-top: 3rem}
.main .always_sect .txt_cont .txt .val {position: relative; display: inline-block; color: rgba(0,0,0,.2)}
.main .always_sect .txt_cont .txt .val .copy {position: absolute;left: 0;top: 0;width: 0%;height: 100%;font-size: 1em;font-weight: inherit;color: #000;overflow: hidden;white-space: nowrap;}

.main .always_sect .cont_move_box {margin-top: 20rem}

.main .always_sect .top_bg.active {opacity: 1; top: 0}
.main .always_sect .cont_move_box.active + .bot_bg {opacity: 1; bottom: 0;}

.main .always_sect .in {width: 144rem;}
.main .always_sect .cir_box.active .cir {transform: unset; opacity: 1}
.main .always_sect .cir_box.active .cir:nth-child(2) {animation-delay: 0.8s}
.main .always_sect .cir_box.active .cir:nth-child(3) {animation-delay: 1.0s}
.main .always_sect .cir_box.active .cir:nth-child(4) {animation-delay: 1.2s}


@-webkit-keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}
@keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}


.main .always_sect .cont_move_box {display: flex}

.main .always_sect .cont_move_box .swiper-container { padding-left: 2rem; padding-bottom: 28rem; }
.main .always_sect .cont_move_box .swiper-container .swiper-slide { transition: transform 1s; }
.main .always_sect .cont_move_box .swiper-container .swiper-slide[class$=-next] { transform: translateY(10rem); }
.main .always_sect .cont_move_box .swiper-container .swiper-slide[class$=-next] + div { transform: translateY(23rem); }
.main .always_sect .cont_move_box .swiper-container .swiper-slide[class$=-next] + div + div { transform: translateY(12rem); }
.main .always_sect .cont_move_box .swiper-container .swiper-slide[class$=-next] + div + div + div { transform: translateY(28rem); }
/*.main .always_sect .cont_move_box .swiper-container .swiper-slide.slide01 {margin-top: 28rem}*/
/*.main .always_sect .cont_move_box .swiper-container .swiper-slide.slide02 {margin-top: 14rem}*/
/*.main .always_sect .cont_move_box .swiper-container .swiper-slide.slide03 {margin-top: 0}*/
/*.main .always_sect .cont_move_box .swiper-container .swiper-slide.slide04 {margin-top: 10rem}*/
/*.main .always_sect .cont_move_box .swiper-container .swiper-slide.slide05 {margin-top: 20rem}*/
/*.main .always_sect .cont_move_box .swiper-container .swiper-slide.slide06 {margin-top: 14rem}*/
.main .always_sect .cont_move_box .swiper-container .cont .img {overflow: hidden; position: relative; padding-top: 120%; border-radius: 2rem}
.main .always_sect .cont_move_box .swiper-container .cont .img:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.03); z-index: 1}
.main .always_sect .cont_move_box .swiper-container .cont .img img {position: absolute; left: 0;top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.main .always_sect .cont_move_box .swiper-container .cont .txt {font-size: var(--bigTxt); font-weight: 700; margin-top: 2rem}


/*참포도나무 소식*/
.news_sect { padding: var(--contPd) 0 20rem; overflow: hidden}

.news_sect .main_tab_wrap { display: flex; align-items: center; justify-content: center; margin-top: 10rem; }
.news_sect .main_tab_wrap .tab_box { display: flex; align-items: center; justify-content: center; padding: 1rem; background-color: #E1F2EE; border-radius: 15em; }
.news_sect .main_tab_wrap .tab { height: 6rem; line-height: 5.9rem; padding: 0 3em; border-radius: 2em; font-size: var(--bigTxt); font-weight: 700; color: var(--green); transition: background-color 0.5s, color 0.5s; }
.news_sect .main_tab_wrap .tab + .tab { margin-left: 0.5em; }

.news_sect .main_tab_wrap .tab.active { background-color: var(--green); color: #fff; }

.news_sect .main_tab_conts{}
.news_sect .main_tab_conts .tab_cont{display: none;}
.news_sect .main_tab_conts .tab_cont.active{display: block;}

.news_sect .cont_wrap { display: flex; margin: 20rem 0; }
.news_sect .txt_slide { position: relative; width: 38%; height: inherit; padding-left: 6.4rem; padding-right: calc(12% + 3.2rem); }
.news_sect .txt_slide::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: calc(100% + 25rem); background: #F6F8FC; border-radius: 3.2rem; }
.news_sect .txt_slide .swiper-container { height: 100%; }

.news_sect .txt_slide .item { display: flex; flex-direction: column; }
.news_sect .txt_slide .item p { font-size: 3.2rem; font-weight: 700;display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.news_sect .txt_slide .item span { display: block; opacity: 0.5; margin-top: 2em; font-size: max(1.3rem, 12px); line-height: 1em; }
.news_sect .txt_slide .item a { display: inline-flex; align-items: center; justify-content: center; width: 7.5rem; height: 7.5rem; margin-top: auto; border: 1px solid var(--green); border-radius: 50%; transition: background 0.25s; }
.news_sect .txt_slide .item a svg { fill: var(--green); transition: fill 0.25s; }

.news_sect .txt_slide .swiper-pagination { margin-top: 6.4rem; }
.news_sect .txt_slide .swiper-pagination span + span { margin-left: 0.6rem; }
.news_sect .txt_slide .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: rgba(0, 0, 0, 0.1); border-radius: 4px; transition: width 0.5s; }
.news_sect .txt_slide .swiper-pagination .swiper-pagination-bullet-active { width: 3.6rem; background: var(--green); }

.news_sect .img_slide { width: calc((100vw - var(--scroll-width) - 140rem)/2 + 70%); margin-left: -10%; }
.news_sect .img_slide .item { width: 40rem; }
.news_sect .img_slide .item .img { position: relative; overflow: hidden; border-radius: 3.2rem; padding-top: 100%}
.news_sect .img_slide .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: brightness(0.98); transition: transform 0.3s;}
.news_sect .img_slide .item:hover .img img { transform: scale(1.05); }
.news_sect .img_slide .item .txt_box { display: none; }
.news_sect .img_slide .swiper-pagination { display: none; }
.news_sect .more { display: none; }


.pinter_list{width: 100%; margin-top: 9rem;}
.pinter_list .gutter-sizer{width: 3.2rem;}
.pinter_list .list_box{}
.pinter_list .list_box a{display: block; width: calc(25% - 9.6rem/4); margin-bottom: 6.4rem; background-color: #F6F8FC; border-radius: 1.6rem;}
.pinter_list .list_box .img{overflow: hidden; position: relative; z-index: 1; height: auto; max-height: 125%; padding-top: 0; border-radius: 1.6rem; mix-blend-mode: darken;}
.pinter_list .list_box .img.no_img{padding-top: 66%; background: url(../img/common/logo_gray.svg) no-repeat center center #EEF0F5; background-size: 60%;}
.pinter_list .list_box .img img{position: static; transform: scale(1); transition: transform 0.25s;}

.pinter_list .list_box .txt_box{position: relative; padding: 2rem 2.5rem 3rem; transition: all .3s;}
.pinter_list .list_box .txt_box::before{content: ''; position: absolute; bottom: 3rem; right: 2.5rem; opacity: 0; transform: translateX(-10%); width: 4rem; height: 4rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><style>path{fill: %23fff;}</style><path d="M507.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-144-144c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L457.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l441.4 0L340.7 388.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l144-144z"/></svg>') no-repeat center center #08B89A; border-radius: 50%; transition: opacity 0.25s, transform 0.25s;}
.pinter_list .list_box .txt_box .cat{margin-bottom: 1.2em; color: var(--green); font-size: 1.3rem; font-weight: 700; line-height: 1em;}
.pinter_list .list_box .txt_box .tit{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 3.2em; font-weight: 700; line-height: 1.6em; word-break: break-all;}
.pinter_list .list_box .txt_box .date {display: block; opacity: 0.5; margin-top: 1.5rem; font-size: 1.4rem;}



/*빠른예약 영역*/
.reserv_sect { padding: 20rem 0 15rem; background-color: var(--green); color: #fff; }

.reserv_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; }

.reserv_sect .cont .left { display: flex; flex-direction: column; justify-content: space-between; width: 50%; }
.reserv_sect .cont .left .sect_tit_box .txt { color: rgba(255,255,255,0.6); }

.reserv_sect .cont .left .form_wrap { margin-top: 8rem; }
.reserv_sect .cont .left .form_wrap .form_box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; }
.reserv_sect .cont .left .form_wrap .form_box .inp_box { height: 6.5rem; border-radius: 0.5rem; background-color: rgba(0,0,0,0.15); overflow: hidden; }
.reserv_sect .cont .left .form_wrap .form_box .inp_box input { width: 100%; height: 100%; padding: 0 1em; background-color: transparent; font-size: var(--txt); color: #fff; font-weight: 500; }
.reserv_sect .cont .left .form_wrap .form_box .inp_box input::placeholder{color: rgba(255, 255, 255, 0.5);}

.reserv_sect .cont .left .form_wrap .form_box .sel_box {  }
.reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select { height: 6.5rem; padding: 0 1em; background-color: rgba(0,0,0,0.15); color: #fff; font-size: var(--txt); font-weight: 500; border: 0; border-radius: 0.5rem; }
.reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select:after { right: 1em; width: 1em; height: 1em; margin-top: 0; border: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23fff"><path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z"/></svg>')center/contain no-repeat; transform: translateY(-50%) rotate(0); transform-origin: center; }
.reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select.open:after { transform: translateY(-50%) rotate(180deg); }
.reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select .current  { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 1.5em; line-height: 6.5rem; }
.reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select .list { min-width: 100%; margin-top: 0; background-color: #006E5C; font-size: 0.9em; }
.reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select .option { height: 5rem; line-height: 5rem; }
.reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select .option.disabled { color: rgba(255,255,255,0.4); }
.reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select .option.focus,
.reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select .option.selected.focus { background-color: #03453b; }

.reserv_sect .cont .left .form_wrap .priv_chk_box { display: flex; align-items: center; justify-content: flex-start; width: 70%; grid-column: 1 / 2; }
.reserv_sect .cont .left .form_wrap .priv_chk_box .priv_inp {  }
.reserv_sect .cont .left .form_wrap .priv_chk_box .priv_inp input { display: none; }
.reserv_sect .cont .left .form_wrap .priv_chk_box .priv_inp label { display: flex; align-items: center; justify-content: center; padding: 0.3em 0.7em; font-size: 1.5rem; color: rgba(255,255,255,0.6); fill: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.6); border-radius: 2em; transition: all 0.3s; cursor: pointer; white-space: nowrap }
.reserv_sect .cont .left .form_wrap .priv_chk_box .priv_inp label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; }
.reserv_sect .cont .left .form_wrap .priv_chk_box .priv_inp input:checked + label { background-color: #fff; border-color: #fff; color: #074238; fill: #074238; font-weight: 600; }



.reserv_sect .cont .left .form_wrap .priv_chk_box .more_btn { flex-shrink: 0; margin-left: 0.7em; font-size: 1.5rem; color: #fff; opacity: 0.6; transition: opacity 0.3s; }

.reserv_sect .cont .left .form_wrap .priv_chk_box .more_btn span { padding-bottom: 0.2em; border-bottom: 1px solid #fff; }

.reserv_sect .cont .right { width: 35%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.reserv_sect .cont .right .box { position: relative; width: 100%; padding-top: 100%; background-color: rgba(255,255,255,0.15); border-radius: 1rem; overflow: hidden; transition: background-color 0.3s ease-in-out}
.reserv_sect .cont .right .box:first-of-type { pointer-events: none; }
.reserv_sect .cont .right .box .txt_box { display: flex; flex-direction: column; align-items: center; position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); text-align: center}
.reserv_sect .cont .right .box .ico { position: relative; display: flex; align-items: center; justify-content: center; width: 10rem; }
.reserv_sect .cont .right .box .txt { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 2em; font-size: 1.8rem; font-weight: 500; color: #fff; }
.reserv_sect .cont .right .box .txt span { margin-left: 0.5em; font-size: 1.4em; font-weight: 600; }
.reserv_sect .cont .right .box:first-of-type .txt { margin-top: 1em; }



/* hover 스타일 */
@media screen and (min-width: 1024px) {
    .main .keyword_sect .cont_wrap .recommend ul li:hover { background-color: #fff; border-color: var(--green); color: var(--green); }

    .main .special_sect .cont_box .cont:hover .img img {filter: blur(10px)}
    .main .special_sect .cont_box .cont:hover .hover_box {opacity: 1}
    .main .special_sect .cont_box .cont:hover .hover_box svg {transform: rotate(180deg)}
    .main .special_sect .cont_box .cont:hover .txt_box{transform: translateY(0);}

    .main .care_sect .cont_wrap .grid1 .item:hover .num_txt,
    .main .care_sect .cont_wrap .grid1 .item:hover .tit {transform: translateY(-20px);}
    .main .care_sect .cont_wrap .grid1 .item.top1:hover,
    .main .care_sect .cont_wrap .grid1 .item.bot2:hover {width: 50%}
    .main .care_sect .cont_wrap .grid1 .item.top2:hover .chart {transform:translate(2.5%,5%) scale(1.05)}
    .main .care_sect .cont_wrap .grid1 .item.bot1:hover .img{transform: scale(1.05)}

    .main .care_sect .cont_wrap .grid2:hover{width: 37%;}
    .main .care_sect .cont_wrap .grid3:hover .img img {transform: scale(1.1);}
    .main .care_sect .cont_wrap .grid4:hover .img img {transform: scale(1.1);}

    .main .media_sect .slide a:hover .img img {transform: translate(-50%,-50%) scale(1.1)}

    .main .youtube_sect .cont_box .youtube_list .btn_box .btn:hover {background-color: #000; border-color: #000; }
    .main .youtube_sect .cont_box .youtube_list .item:hover .img img {transform: scale(1.1);}

    .news_sect .main_tab_wrap .tab:hover { background-color: var(--green); color: #fff; }

    .news_sect .txt_slide .item a:hover { background: var(--green); }
    .news_sect .txt_slide .item a:hover svg { fill: #fff; }

    .pinter_list .list_box a:hover .img img {transform: scale(1.1)}
    .reserv_sect .cont .left .form_wrap .priv_chk_box .priv_inp label:hover {opacity: 1}
    .reserv_sect .cont .left .form_wrap .priv_chk_box .more_btn:hover { opacity: 1; }
    .reserv_sect .cont .right .box:hover {background-color: rgba(255,255,255,0.3); }

    .reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select .option:hover { background-color: #03453b; }

    .com_btn:hover { border-color: #000; background-color: #000; color: #fff; fill: #fff; }
    .main .visual_slide .cont .txt_box .com_btn:hover { border-color: #000; }
    .com_btn.green:hover { background-color: #fff; border-color: var(--green); color: var(--green); }
    .com_btn.green:hover svg { fill: var(--green); }
}


@media (min-aspect-ratio: 1/1) {

}


@media screen and (max-width: 2561px) {
    :root{
        --txt: clamp(17px, .3125vw + 10px, 18px);
        --smTxt: clamp(15px, .3125vw + 8px, 16px);
        --bigTxt: clamp(20px, .3125vw + 12px, 22px);
        --thinTxt: clamp(13px, .3125vw + 6px, 14px);

        --contPd: 30rem;

    }

    .main .review_sect .slide .item { width: 16%; padding-top: 22%; display: block}

    /*.main .kitchen_sect .food_list { justify-content: center; }*/


}

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

    :root {
        --main_ti1: 3.3rem;
    }

    /*척추*/
    .main .card_slide .card_wrap .visual_card:nth-child(1) img {width: auto; height: 55vh}
    /*관절*/
    .main .card_slide .card_wrap .visual_card:nth-child(2) img {width: auto; height: 55vh}
    /*심장*/
    .main .card_slide .card_wrap .visual_card:nth-child(3) img {width: auto; height: 60vh}
    /*뇌*/
    .main .card_slide .card_wrap .visual_card:nth-child(4) img {width: auto; height: 47.5vh}


    .header .header_in {margin: 2rem 4rem 0}
    .header .gnb_bg {width: calc(100% - 8rem)}
    .all_sch{width: calc(100% - 4rem* 2); margin: 0 4rem;}
    .main .visual_sect .bg_tit {font-size: 10.6vw}

    .main .in {width: 154rem}

    .main .sect_tit_box .tit {font-size: 5rem}
    .main .sect_tit_box .desc {font-size: var(--bigTxt)}

    .main .card_slide .card_txt_wrap {bottom: 15%}
    .main .team_sect .slide {padding-left: calc((100% - 154rem)/2 + 20px);}
    .main .media_sect .slide {padding-left: max(calc((100% - 154rem)/2 + 20px),2rem);}

    .main .partner_sect .cont_box {margin-top: 6rem; padding-left: calc((100% - 154rem)/2 + 2rem) }
    .main .partner_sect .cont_box .cont {width: calc(100%/3.7 - 16rem/3.7)}
    .main .partner_sect .cont_box .cont + .cont {margin-left: 3rem}


    .main .card_slide .card_txt_wrap .txt_box .tit {font-size: 6.2rem}
    .main .visual_slide .cont .txt_box .tit {font-size: 5.4rem}
    .main .visual_slide .cont .txt_box .txt {font-size: var(--bigTxt)}

    .main .cham_sect .cont_box .cont .txt_box .tit {font-size: 3rem}
    .main .keyword_sect .cont_wrap .inp_wrap input {height: 8rem}
    .main .keyword_sect .cont_wrap .inp_wrap button {width: 12rem; height: 8rem}

    .main .visual_sect .txt_box {width: 184rem; margin-top: 26vh}

    .main .kitchen_sect {padding: 15rem 0 10rem}
    .main .kitchen_sect .com_btn {top: 70rem}

    .main .review_sect .slide .item .txt_box { padding: 0 5rem; }
    .main .review_sect .slide .item .txt_box .txt { font-size: 2.2rem; }

}




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

    :root{
        --main_ti1: 2.8rem;
        --contPd: 25rem;

    }

    .main .visual_sect .txt_box { font-size: 3rem; }

    .main .special_sect {overflow: hidden}
    .main .special_sect .cont_box { width: 100%; padding:0  0 50px;)}
    .main .special_sect .cont_box .swiper-container {padding:0 var(--inPd)}
    /*.main .special_sect .cont_box::-webkit-scrollbar { display: none; }*/
    .main .special_sect .cont_box .cont{}
    .main .special_sect .cont_box .cont + .cont { margin-left: 2rem; }
    .main .special_sect .cont_box .cont .txt_box { padding: 2.5rem; }
    .main .special_sect .cont_box .cont .txt_box{transform: translateY(calc(100% + -13rem));}
    .main .special_sect .cont_box .cont .txt_box .txt{margin-top: 2em;}

    .main .special_sect .swiper-pagination-progressbar {bottom: 0; left: 50%; width: 50rem; height: 2px; transform: translateX(-50%)}
    .main .special_sect .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--green)}



    .main .team_sect .img { padding: 20rem var(--inPd) 0; margin: 5rem auto 0; }
    .main .team_sect .img .img_txt { font-size: 6rem; }


    .main .review_sect .slide .item { width: 28%; padding-top: 36%; }

    .main .media_sect .slide { margin-top: 6rem; }

    .main .always_sect { margin-top: 0; }

    /*.news_sect .img_slide { width: 70%; }*/

    .reserv_sect .cont .right { width: 40%; }

    /*척추*/
    .main .card_slide .card_wrap .visual_card:nth-child(1) img {width: 30vw; height: auto}
    /*관절*/
    .main .card_slide .card_wrap .visual_card:nth-child(2) img {width: 22vw; height: auto}
    /*심장*/
    .main .card_slide .card_wrap .visual_card:nth-child(3) img {width: 34vw; height: auto}
    /*뇌*/
    .main .card_slide .card_wrap .visual_card:nth-child(4) img {width:  34vw; height: auto}


    .main .card_slide .card_move_btn  {width: 90%}

    .main .efforts_sect .slide .item {transform: scale(0.7) translateY(11%); width: 90rem}
    .main .efforts_sect .slide .item.swiper-slide-duplicate-active, .main .efforts_sect .slide .item.swiper-slide-active {transform: scale(0.9 ) translateY(0%);}
    .main .efforts_sect .swiper-container {padding-bottom: 20px}
    .main .efforts_sect .swiper-pagination {bottom: 0px}




}
@media screen and (max-width: 1441px){
    .news_sect .txt_slide{width: 38vw}
    .news_sect .img_slide {width: 72vw}
    .news_sect .img_slide .item {width: 35rem}
    .main .efforts_sect .slide .controls {width: 114rem}
}



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

    :root {
        --bigTxt: 18px;
        --txt: 15px;
        --smTxt: 13px;
        --thinTxt: 11px;
        --contPd: 20rem;
    }

    .header .header_in {margin: var(--inPd) var(--inPd)}
    .all_sch{width: calc(100% - var(--inPd)* 2); margin: 0 var(--inPd);}

    .main .sect_tit_box .tit {font-size: 36px}



    .main .team_sect .sect_tit_box .txt { width: 70%; }
    .main .team_sect .sect_tit_box .txt br { display: none; }

    .main .visual_slide .cont {padding: calc(var(--hd_h) + 4rem) var(--inPd) var(--inPd);height: 100%;}
    .main .visual_slide .cont .txt_box .tit {font-size: 38px}
    .main .visual_slide .cont .txt_box .txt {font-size: var(--bigTxt)}


    .main .card_slide .card_move_btn {width: 100%; }
    .main .card_slide .card_move_btn .btn { width: 6rem; height: 6rem}
    .main .card_slide .card_move_btn .btn  svg{width: 3rem;height: 3rem;}

    .main .card_slide .card_wrap {width: 75%}

    .main .visual_slide .card_txt_wrap .txt_box .tit { font-size: 6rem; }


    .main .efforts_sect .swiper-container {padding-bottom: 40px}
    .main .efforts_sect .slide .controls {display: none}
    .main .efforts_sect .slide .item { width: 80%; transform: scale(0.8) translateY(11%);}
    .main .efforts_sect .slide .item .txt_box { padding: 3.5rem 3rem; }
    .main .efforts_sect .slide .item .txt_box .txt {margin-top: 1em;font-size: var(--txt);}
    .main .efforts_sect .slide .item .txt_box .btn { width: 8rem; height: 8rem; }
    .main .efforts_sect .slide .item {}
    .main .efforts_sect .slide .item.swiper-slide-duplicate-active, .main .efforts_sect .slide .item.swiper-slide-active {transform: scale(1.0 ) translateY(0%)}

    .main .team_sect .img{padding: 30vw var(--inPd) 0;}
    .main .team_sect .img .img_txt{top: 30vw; transform: translate(-50%, -115%); font-size: 7.5vw;}
    .main .team_sect .img .img_txt span{text-align: center; line-height: 1.25em;}
    .main .team_sect .img .img_txt span br{display: block;}

    .main .cham_sect .cont_box .cont .txt_box .txt { font-size: 13px; }
    .main .cham_sect .cont_box .cont .txt_box .tit {font-size: var(--bigTxt)}
    .main .cham_sect .cont_box .cont .txt_box .txt {margin-top: 10px}

    .main .care_sect .cont_wrap .grid_wrap {height: 600px}
    .main .care_sect .cont_wrap .grid1 {width: 700px}
    .main .care_sect .cont_wrap .grid1 .top .top1 {width: 45%}
    .main .care_sect .cont_wrap .grid1 .item .card {padding: 30px}
    .main .care_sect .cont_wrap .grid1 .item .num_txt {font-size: 54px;}
    .main .care_sect .cont_wrap .grid1 .top .top2 .chart {transform: translate(0%,5%); height: auto}
    .main .care_sect .cont_wrap .grid2 {width: 460px}

    .main .youtube_sect .cont_box .youtube_list {grid-template-columns: 45% minmax(0, 1fr); gap: 15px 20px; padding-top: 5rem; padding-bottom: 40px}
    .main .youtube_sect .cont_box .youtube_list .item p {font-size: var(--txt)}
    .main .youtube_sect .cont_box .youtube_list .item .img {border-radius: 5px}

    .main .special_sect .cont_box {margin-top: 8rem}
    .main .special_sect .cont_box .cont + .cont {margin-left: 15px}
    .main .special_sect .cont_box .cont .txt_box { padding: 1.5rem; font-size: var(--bigTxt)}
    .main .special_sect .cont_box .cont .txt_box .en { font-size: 10px; }

    .main .review_sect .pointer {display: none}
    .main .review_sect .slide .item .txt_box {padding: 0 30px}
    .main .review_sect .slide .item .txt_box .user { margin-top: 5rem;}
    .main .review_sect .slide .item {width: 26%; padding-top: 34%;}
    .main .review_sect .slide .item .txt_box .txt {font-size: var(--bigTxt); margin-top: 20px}

    .main .media_sect .slide .txt_box .badge_box .badge { font-size: 11px; }

    .main .youtube_sect .top_box { flex-direction: column; }
    .main .youtube_sect .top_box .sect_tit_box { width: 100%; }
    .main .youtube_sect .top_box .tab_box { width: 100%; margin-top: 5rem; }
    .main .youtube_sect .cont_box .youtube_list .item p { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

    .main .kitchen_sect {height: auto; padding: var(--contPd) 0;}
    .main .kitchen_sect .cont_wrap{width: 100%;}
    .main .kitchen_sect .food_list {position: static;display: flex;width: calc(100% + var(--inPd) * 2);margin-left: calc(var(--inPd) * -1);overflow-x: auto;-ms-scroll-snap-type: x mandatory;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;margin-top: 8rem;padding: 0 var(--inPd)}
    .main .kitchen_sect .food_list::-webkit-scrollbar {display: none}
    .main .kitchen_sect .food_list .item {position: static; transform: unset !important; opacity: 1 !important; width: 320px;}
    .main .kitchen_sect .food_list .item + .item {margin-left: 20px}
    .main .kitchen_sect .food_list .item .txt_box{padding: 2.5rem 3rem 4rem;}
    .main .kitchen_sect .food_list .item .txt_box .tit {font-size: var(--bigTxt); }
    .main .kitchen_sect .food_list .item .txt_box .txt{height: calc(1em* 1.5* 3); -webkit-line-clamp: 3;}
    .main .kitchen_sect .com_btn{top: auto; bottom: -11rem; opacity: 1; margin: 4rem auto 0;}

    .main .partner_sect .cont_box .cont {width: 30%}

    .main .always_sect .in { width: 134rem}
    .main .always_sect .cir_box{width: 80%; margin: 10rem auto 0;}
    .main .always_sect .top_bg_txt{top: 40rem;}
    .main .always_sect .cont_move_box{margin-top: 10rem;}

    .news_sect .main_tab_wrap{margin-top: 5rem;}
    .news_sect .cont_wrap{margin: 15rem 0;}
    .news_sect .txt_slide{padding-left: 4rem;}
    .news_sect .txt_slide::before{height: calc(100% + 20rem);}
    .news_sect .txt_slide .item p {font-size: 2.4rem}
    .news_sect .img_slide .item{width: 30rem;}
    .news_sect .txt_slide .swiper-pagination{margin-top: 3.4rem;}

    .pinter_list .gutter-sizer{width: 2.4rem;}
    .pinter_list .list_box a{width: calc(100%/3 - 4.8rem / 3); margin-bottom: 4.8rem;}

    .reserv_sect{padding: 8rem 0 8rem;}
    .reserv_sect .cont{}
    .reserv_sect .cont .left{flex-shrink: 0; width: 55rem;}
    .reserv_sect .cont .right .box .ico{width: 8rem;}
    .reserv_sect .cont .right .box .txt{margin-top: 1em; font-size: 1.5rem;}

}

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

    .main .sect_tit_box .tit{font-size: 28px;}

    .news_sect .cont_wrap{margin: 12rem 0;}
    .news_sect .txt_slide::before{height: calc(100% + 12rem);}

    .reserv_sect .cont .left{width: 45rem;}
    .reserv_sect .cont .left .form_wrap .form_box .inp_box{height: 5.5rem;}
    .reserv_sect .cont .left .form_wrap .form_box .inp_box input{font-size: 13px;}
    .reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select{height: 5.5rem; font-size: 13px;}
    .reserv_sect .cont .left .form_wrap .form_box .sel_box .nice-select .current{line-height: 5.5rem;}
    .reserv_sect .cont .left .form_wrap .form_box .form_btn{height: 5.5rem; font-size: 13px;}

}

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

    :root {
        --inPd: 20px;

        --bigTxt: 16px;
        --contPd: 12rem;

        --main_ti1: 18px;
        --txt: 14px;
        --smTxt: 11px;
        --thinTxt: 11px;
    }
    .main .visual_sect,
    .main .visual_slide { height: 70vh; }
    .main .visual_sect.active + .visual_slide { margin-top: -70vh; }
    .main .visual_slide .slide_move .swiper-pagination .num { font-size: 11px; }
    .main .visual_slide .swiper-progress-bar { width: 90px; height: 1px; }

    .main .card_slide .card_move_btn .btn { width: 4rem; height: 4rem}
    .main .card_slide .card_move_btn .btn  svg{width: 2rem;height: 2rem;}

    .main .sect_tit_box .tit{font-size: 26px;}
    .main .sect_tit_box .txt br{display: none;}
    .main .sect_tit_box .desc { margin-bottom: 2rem; }
    .main .sect_tit_box .com_btn{position: static; margin-top: 2em; font-size: var(--smTxt); line-height: 4rem;}
    .com_btn svg{margin-left: 2rem;}


    .main .visual_sect .txt_box{padding: 0 25px; font-size: 16px;}
    .main .visual_slide .card_txt_wrap .txt_box .tit{font-size: 36px;}
    .main .visual_slide .cont .txt_box{padding: 0 25px;}
    .main .visual_slide .cont .txt_box .tit{font-size: 28px;}
    .main .visual_slide .cont .txt_box .txt{font-size: 14px;}
    .main .card_slide .card_txt_wrap .txt_box .txt{font-size: 14px;}

    .main .cham_sect .cont_box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); transform: translateX(-2.5%); }
    .main .cham_sect .cont_box .cont { width: 110%; padding-top: 110%; }
    .main .cham_sect .cont_box .cont + .cont { margin-left: 0; }
    .main .cham_sect .cont_box .cont .txt_box .txt { width: 110%; margin-left: -5% }
    .main .cham_sect .cont_box .cont:nth-child(1){transform: translateX(calc(50%));}
    .main .cham_sect .cont_box .cont.cir{transform: translateX(-25%)}

    .main .keyword_sect .cont_wrap{width: 100%; margin-top: 40px;}
    .main .keyword_sect .cont_wrap .inp_wrap { padding-left: 0; font-size: var(--txt) }
    .main .keyword_sect .cont_wrap .inp_wrap input{width: 100%; height: 7rem; padding: 1.2em 5em 1.2em 2em; font-size: 1em; font-weight: 600; border-radius: 2em; line-height: 1em; }
    .main .keyword_sect .cont_wrap .inp_wrap button{width: 4.1em; height: 4.1em; font-size: 1em;}
    .main .keyword_sect .cont_wrap .recommend{margin-top: 25px;}
    .main .keyword_sect .cont_wrap .recommend ul{ width: 100%;}
    .main .keyword_sect .cont_wrap .recommend ul li{display: inline-flex; align-items: center; height: auto; padding: 8px 12px; margin: 2px 8px 2px 0; font-size: var(--smTxt); font-weight: 600; line-height: 1em;}

    .main .team_sect .sect_tit_box .txt{width: 100%;}
    .main .team_sect .cir_bg_wrap { display: none; }

    .main .special_sect .cont_box .cont .txt_box .en { margin-bottom: 0.3em; }
    .main .special_sect .cont_box .cont .txt_box { transform: translateY(calc(100% + -8.5rem)); }
    .main .special_sect .cont_box {padding-bottom: 30px}
    .main .special_sect .swiper-pagination-progressbar {width: 30rem}

    .main .efforts_sect .slide{padding-left: 2rem;}
    .main .efforts_sect .slide .swiper-container{overflow: visible;}
    .main .efforts_sect .slide .swiper-wrapper{align-items: flex-start;}
    .main .efforts_sect .slide .item{transform: none; background: #F6F8FC;}
    .main .efforts_sect .slide .item.swiper-slide-duplicate-active,
    .main .efforts_sect .slide .item.swiper-slide-active{transform: none;}
    .main .efforts_sect .slide .item .txt_box{opacity: 1;}

    .main .partner_sect { height: 100dvh; }
    .main .partner_sect .img_wrap,
    .main .partner_sect .cont_wrap { position: relative; height: 100dvh; }
    .main .partner_sect .cont_wrap { margin-top: -100dvh; }
    .main .partner_sect .cont_box { padding: 0 20px; overflow: hidden; }
    .main .partner_sect .cont_box .cont{width: 40%;}


    .main .care_sect .cont_wrap{margin-top: 40px;}
    .main .care_sect .cont_wrap .grid_wrap{height: 390px;}
    .main .care_sect .cont_wrap .grid1 { width: 165%; }
    .main .care_sect .cont_wrap .grid1 .top .top1 .img { width: 5rem; }
    .main .care_sect .cont_wrap .grid1 .item + .item { margin-left: 15px; }
    .main .care_sect .cont_wrap .grid1 .top .top1 {width: 35%}
    .main .care_sect .cont_wrap .grid1 .item .card { padding: 20px; }
    .main .care_sect .cont_wrap .grid1 .item .tit { font-size: 16px; }
    .main .care_sect .cont_wrap .grid1 .item .num_txt { font-size: 36px; }
    .main .care_sect .cont_wrap .grid2 { width: 75%; }
    .main .care_sect .cont_wrap .grid3,
    .main .care_sect .cont_wrap .grid4 { width: 100%; }

    .main .review_sect .slide{margin-top: 5rem; padding-left: 2rem;}
    .main .review_sect .slide .swiper-container{overflow: visible;}
    .main .review_sect .slide .item{width: 45%; padding-top: 60%;}
    .main .review_sect .slide .item .txt_box {padding: 0 30px}
    .main .review_sect .slide .item .txt_box .user { margin-top: 5rem;}
    .main .review_sect .slide .item .txt_box .txt { height: calc(1em * 3 * 1.5); margin-top: 20px; -webkit-line-clamp: 3; font-size: var(--bigTxt);}

    .main .media_sect .slide .swiper-slide a{border-radius: 8px;}
    .main .media_sect .slide .img{border-radius: 8px;}
    .main .media_sect .slide .txt_box{padding: 15px 15px;}
    .main .media_sect .slide .swiper-pagination-progressbar{margin-top: 3rem;}

    .main .youtube_sect{height: auto; margin-top: 5rem;}
    .main .youtube_sect .in{position: relative; height: auto;}
    .main .youtube_sect .top_box .tab_box{padding: 8px 10px;}
    .main .youtube_sect .top_box .tab_box .cont .btn{width: calc(50% - 0.6rem); height: auto; padding: 8px 0; font-size: 13px; line-height: 1.5em;}
    .main .youtube_sect .cont_box .youtube_list{grid-template-columns: minmax(0, 1fr); padding-bottom: 0;}
    .main .youtube_sect .cont_box .youtube_list .item:first-child{grid-row: unset;}
    .main .youtube_sect .cont_box .youtube_list .item:not(:first-child) .img{width: 40%; padding-top: 22%;}
    .main .youtube_sect .cont_box .youtube_list .btn_box{position: static; margin-top: 25px;}

    .main .always_sect .top_bg_txt{top: 23rem; font-size: 26vw; }
    .main .always_sect .top_bg_txt small, .main .always_sect .top_bg_txt span { margin-left: 0 }
    .main .always_sect .txt_cont{margin-top: 6rem;}
    .main .always_sect .txt_cont .txt{font-size: 15px;}
    .main .always_sect .cont_move_box .swiper-container{padding-bottom: 5rem;}
    .main .always_sect .cont_move_box .swiper-container .swiper-slide[class$=-next] { transform: translateY(5rem); }
    .main .always_sect .cont_move_box .swiper-container .swiper-slide[class$=-next] + div { transform: translateY(3rem); }
    .main .always_sect .cont_move_box .swiper-container .swiper-slide[class$=-next] + div + div { transform: translateY(5rem); }
    .main .always_sect .cont_move_box .swiper-container .swiper-slide[class$=-next] + div + div + div { transform: translateY(3rem); }

    .news_sect{padding: var(--contPd) 0 100px;}
    .news_sect .main_tab_wrap{display: block; overflow-x: auto; width: calc(100% + 4rem); margin-left: -2rem; margin-bottom: 50px; margin-top: 5rem; text-align: center;}
    .news_sect .main_tab_wrap::-webkit-scrollbar{display: none;}
    .news_sect .main_tab_wrap .tab_box{display: inline-flex; margin: auto 20px;}
    .news_sect .main_tab_wrap .tab{white-space: nowrap; min-width: 8em; height: auto; padding: 1em 1em; font-size: 13px; line-height: 1em;}
    .news_sect .cont_wrap{margin: 50px 0 0 0;}
    .news_sect .txt_slide{display: none;}
    .news_sect .img_slide{width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }
    .news_sect .img_slide .swiper-container { padding: 0 20px; }
    .news_sect .img_slide .item{width: 55%; background-color: #F6F8FC; border-radius: 8px;}
    .news_sect .img_slide .item .img{border-radius: 8px;}
    .news_sect .img_slide .item .txt_box{display: block; padding: 15px 2rem 20px;}
    .news_sect .img_slide .item .txt_box p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 3.2em; font-size: 16px; font-weight: 700; line-height: 1.6em; word-break: break-all;}
    .news_sect .img_slide .item .txt_box span{display: block; opacity: 0.5; margin-top: 1.5rem; font-size: 13px;}

    .pinter_list .gutter-sizer{width: 15px;}
    .pinter_list .list_box a{width: calc(100%/2 - 20px/2); margin-bottom: 35px;}
    .pinter_list .list_box .img{border-radius: 8px;}
    .pinter_list .list_box .txt_box{padding: 15px 2rem 20px;}
    .pinter_list .list_box .txt_box .cat{margin-bottom: 8px; font-size: 13px;}
    .pinter_list .list_box .txt_box .tit{font-size: 16px;}
    .pinter_list .list_box .txt_box .date{font-size: 13px;}

    .reserv_sect .cont{flex-direction: column;}
    .reserv_sect .cont .left{width: 100%;}
    .reserv_sect .cont .left .form_wrap{margin-top: 35px;}
    .reserv_sect .cont .left .sect_tit_box .txt{font-size: 13px; line-height: 1.75em;}
    .reserv_sect .cont .right{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: 100%; margin-top: 50px;}
    .reserv_sect .cont .right .box{padding: 20px 10px; border-radius: 8px;}
    .reserv_sect .cont .right .box:first-of-type { pointer-events: visible; }
    .reserv_sect .cont .right .box .txt span { display: none; }
    .reserv_sect .cont .right .box .ico{width: 8rem;}
    .reserv_sect .cont .right .box .txt_box{position: static; transform: none;}
    .reserv_sect .cont .right .box .txt{margin-top: 15px; font-size: 13px;}

    .main .efforts_sect .slide .item .txt_box .txt br { display: none; }

    .main .special_sect .cont_box { width: 100%; overflow: auto; }
    .main .special_sect .cont_box::-webkit-scrollbar { display: none; }
    .main .special_sect .cont_box .cont { transform: translateY(0); }

    .main .kitchen_sect .food_list .item { width: 80%; }

    .main .always_sect .cir_box { width: 100%; }

}

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

    .main .sect_tit_box .tit{font-size: 24px;}

    .main .partner_sect .cont_box .cont{width: 55%;}
    .main .partner_sect .cont_box .cont + .cont { margin-left: 10px; }

    .main .review_sect .slide .item{width: 43%; padding-top: 60%;}
    .main .review_sect .slide .item .txt_box { padding: 0 25px; }
    .main .review_sect .slide .item .txt_box .user{flex-direction: column; align-items: flex-start; margin-top: 1.5em; }
    .main .review_sect .slide .item .txt_box .user span + span{margin-top: 0.5em;}
    .main .review_sect .slide .item .txt_box .user span + span:before{display: none;}
    .main .review_sect .slide .item .txt_box .txt { margin-top: 8px; }

    .main .youtube_sect .top_box .tab_box .cont .btn br{display: block;}

    .main .always_sect .cont_move_box .swiper-container{padding-bottom: 0;}
    .main .always_sect .cont_move_box .swiper-container .swiper-slide[class$=-next]{transform: none !important;}
    .main .always_sect .cont_move_box .swiper-container .cont .txt{font-size: 14px;}

    .news_sect .img_slide .item{background: none;}
    .news_sect .img_slide .item .txt_box{padding: 0; margin-top: 15px;}
    .news_sect .img_slide .item .txt_box p{font-size: 14px;}

    .pinter_list .list_box a{background: none;}
    .pinter_list .list_box .txt_box{padding: 0; margin-top: 15px;}
    .pinter_list .list_box .txt_box .tit{font-size: 14px;}

    .reserv_sect .cont .right{grid-template-columns: repeat(2, minmax(0, 1fr));}

}

@media screen and (max-width: 769px) and (min-width: 500px){
    .main .visual_sect,
    .main .visual_slide { height: 75vh; }

    .main .visual_slide .cont { padding: calc(var(--hd_h) + 2rem) var(--inPd) var(--inPd); }


    .main .cham_sect .cont_box { grid-template-columns: repeat(4, minmax(0, 1fr)); transform: translateX(-1.5%); }

    .main .efforts_sect .slide .item { width: 55%; }

    .main .keyword_sect .cont_wrap { width: 65%; }

    .main .care_sect .cont_wrap .grid1 { width: 85%; }

    .main .review_sect .slide .item { width: 35%; padding-top: 45%; }

    .main .kitchen_sect .food_list .item { width: 40%; }

    .news_sect .img_slide .item { width: 45%; }


}