.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont{display: none;} .register{max-width: 1440px; padding: 200px 0;} .font-18{line-height: 1.5;} .font-22{line-height: 1.5;} .point-font{letter-spacing: 0px;} .point-bg.point-font{letter-spacing: -1px;} #mainslide {width: 100%;height: 100vh; overflow: hidden;} #mainslide .swiper {height: 100%;} #mainslide .swiper-slide .img {background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 2s; width: 100%; height: 100%;} #mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01.jpg)} #mainslide .swiper-slide.slide01 .line{width: 55%; height: 1px; background-color: #faf8ef; margin-top: 50px;} #mainslide .swiper-slide.slide01 .line img{position: absolute; top: calc(100%-50px); left: 50%; transform: translate(-50%, -50%);} #mainslide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02.jpg)} #mainslide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03.jpg)} #mainslide .swiper-slide.slide04 .fw-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; --x-gap: 0rem; --y-gap: 0rem} #mainslide .swiper-slide.slide04 .fw-wrap>.box:nth-child(1){background-image: url(/img/main/mainslide04.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;} #mainslide .swiper-slide.slide04 .fw-wrap>.box:nth-child(2){background-image: url(/img/main/mainslide04_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;} #mainslide .swiper-slide.slide04 .fw-wrap .flexList{padding: .5rem 1rem;} #mainslide .swiper-slide .txt { width: 1440px; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);} #mainslide .swiper-slide.slide02 .txt {top: 70%;} #mainslide .swiper-slide.slide02 .flexList, #mainslide .swiper-slide.slide03 .flexList{--x-gap: 5rem} #mainslide .swiper-slide.slide02 .txt a, #mainslide .swiper-slide.slide03 .txt a{border-bottom: 1px solid #faf8ef} #mainslide .swiper-slide.slide03 .txt {top: 60%;} #mainslide .swiper-slide .txt .line-box{width: 22px; height: 2px; background-color: #fff;} #mainslide .main_more{background-color: #1a1a1a; padding: 1rem 2rem; display: inline-block;} #mainslide .swiper-pagination{font-weight: bold; font-size: 1.125rem; color: rgba(255,255,255,.5); font-family: var(--pointfont),serif} #mainslide .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: ''; display: none;} #mainslide .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: ''; display: none;} #mainslide .swiper-horizontal>.swiper-pagination-bullets, #mainslide .swiper-pagination-bullets.swiper-pagination-horizontal, #mainslide .swiper-pagination-custom, #mainslide .swiper-pagination-fraction{width: 70px; bottom: -16px; } #mainslide .swiper-button-next, .swiper-rtl .swiper-button-prev{width: 10px; height: 15px; right: auto; left: 88px; bottom: auto; top: 17px;} #mainslide .swiper-button-prev, .swiper-rtl .swiper-button-next{width: 10px; height: 15px; left: -33px; bottom: auto; top: 17px;} #mainslide .btn_wrap{position: absolute; bottom: 50px; left: 51%; transform: translateX(-50%); z-index: 999;} #mainslide .swiper-pagination-current{margin-right: 5px; color: #fff !important;} #mainslide .swiper-pagination-total{margin-left: 5px; } .blink { animation: blink-effect 1.4s ease-in-out infinite; } @keyframes blink-effect { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } /* button circle */ .progress {transform: rotate(-90deg);} .play_btn {margin-left: 150px;position: relative;top: 0;left: 0; z-index: -1;} .swiper-pagination2 {position: relative;top: 0;left: 0;width: 42px!important;height: 42px;border: 3px solid rgba(255,255,255,0.5);display: block;bottom: auto;right: auto;border-radius: 50%; margin-left: 0;} .swiper-pagination2 .swiper-pagination-bullet {position: absolute;top: -5px;left: -3px;width: 42px;height: 42px;background-color: transparent;margin: 0!important;} .circle-origin {fill: transparent;stroke: #fff;stroke-width: 3;stroke-linecap: round;stroke-dasharray: 180.664px;stroke-dashoffset: 180.664px;} .swiper-pagination-bullet-active .circle-origin {animation: progress 6.5s;} .swiper-pagination-bullet.replay .circle-origin {animation: progress1 6.5s;} .autoplay-button > div{position: absolute;cursor: pointer;top:50%;left:50%;transform: translate(-50%,-50%);} .autoplay-button > div span{display: block;color: #fff;} @keyframes progress { 0% {stroke-dashoffset: 180.664px;} 90% {stroke-dashoffset: 0;} 100% {stroke-dashoffset: -180.664px;} } @keyframes progress1 { 0% {stroke-dashoffset: 180.664px;} 90% {stroke-dashoffset: 0;} 100% {stroke-dashoffset: -180.664px;} } #main{overflow: hidden;} #standard .swiper-slide{cursor: pointer;} #standard .swiper-slide .relative p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: none; z-index: 2;} #standard .swiper-slide .relative:after{content:''; visibility: hidden; width: 100%; height: 100%; backdrop-filter:blur(10px); background-color: rgba(12,63,64,.6); position: absolute; top: 0; left: 0;} #standard .swiper-slide:hover .relative:after{visibility: visible;} #standard .swiper-slide:hover .relative p{display: block;} #special .box{transition: all 0.3s; height: 700px; overflow: hidden; position: relative; cursor: pointer;} #special .box .img_box{height: 700px; transition: all .3s;} #special .box:nth-child(1) .img_box{background:url(/img/main/special01.webp) no-repeat center / cover} #special .box:nth-child(2) .img_box{background:url(/img/main/special02.webp) no-repeat center / cover} #special .box:hover .img_box{height: 450px;} #special .box>.t_title{position: absolute; bottom: 2%; left: 7%;} #special .box:hover>.t_title{display: none;} #special .box .t_title .line{width: 1px; height: 20px; background-color: #767676;} #special .box .t_title a{border-bottom: 1px solid #333;} #special .box .t_info .sub-bg{padding: .2rem 1.5rem;} #doctors .txt{position: absolute; bottom: 2rem; left: 2rem; right: 2rem;} #doctors .txt .flex-between .point-font{border-bottom: 1px solid var(--sub2color);} #about .max1920{background: linear-gradient(to bottom, rgba(245, 240, 225, 1) 0%, rgba(250, 248, 239, 0) 100%); border-radius: 128px 128px 0 0;} #about .flex-between p.relative img{position: absolute; top: 0; right: -30px;} #about .flex-between p.line{width: 50%; height: 1px; background-color: #333; margin-top: 70px; margin-right: -80px;} #about .txt{margin-top: -300px;} #interior .title{position: absolute; bottom: 10%; left: 10%; z-index: 99;} #interior .interiorSwiper2{position: relative;} #interior .interiorSwiper2::before{content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to top, rgba(12, 63, 64, 1) 0%, rgba(57, 114, 57, 0) 60%); position: absolute; top: 0; left: 0; z-index: 99;} #interior .interiorSwiper_wrap{width: 45%; position: absolute; right: 10%; bottom: 10%;} #interior .swiper-button-prev:after{content: '';} #interior .swiper-button-next:after{content: '';} #interior .swiper-button-next, #interior .swiper-button-prev{width: auto; color: #faf8ef !important; letter-spacing: 1.2;} #interior .swiper-button-prev, #interior .swiper-rtl .swiper-button-next{left: -70px;} #interior .swiper-button-next, #interior .swiper-rtl .swiper-button-prev{right: -70px;} #promotion .title{position: relative; z-index: 99;} #promotion .title a{border-bottom: 1px solid #333;} #promotion .right{position: relative;} #promotion .right .swiper{width: 460px; overflow: visible;} #promotion .right .swiper-slide{position: relative;opacity: 0;} #promotion .right .swiper-slide::before {content:''; display: block; padding-bottom: calc(460/460*100%);} #promotion .right .swiper-slide .con1{position: absolute; left: 0; top: 0; width: 100%; height: 100%;perspective: 1400px;transition: transform 0.8s;} #promotion .right .swiper-slide .con2{width: 100%; height: 100%;padding: 47px; position: relative; box-sizing: border-box; overflow: hidden; background-color: #eae5cd;display: flex; align-items: flex-end;transition: transform 0.6s,shadow 0.3s;} #promotion .right .swiper-slide .con2::before, #promotion .right .swiper-slide .con2::after {content:''; display: block; width: 128px; height: 49px;background-position: center; background-size: cover; z-index: 2;position: absolute; left: 47px; top: 47px; transition: opacity 0.5s;} #promotion .right .swiper-slide .con2::before{background-image: url(/img/main/plogo_2.png);} #promotion .right .swiper-slide-active .con2::before{content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to top, rgba(12, 63, 64, 1) 0%, rgba(57, 114, 57, 0) 80%); position: absolute; top: 0; left: 0;} #promotion .right .swiper-slide-active .con2 .txt{z-index: 2; color: #faf8ef;} #promotion .right .swiper-slide-active ~ div .con2{box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;} #promotion .right .swiper-slide .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0;transition: opacity 0.8s;} #promotion .right .swiper-slide-active .bg{opacity: 1;} #promotion .right .swiper-slide-active{opacity: 1;} #promotion .right .swiper-slide-active + div{opacity: 1;} #promotion .right .swiper-slide-active + div + div{opacity: 1;} #promotion .right .swiper-slide-active + div + div + div{opacity: 1;} #promotion .right .swiper-slide-active + div + div + div + div{opacity: 0; } #promotion .right .swiper-slide-active{z-index: 7;} #promotion .right .swiper-slide-active + div{z-index: 6;} #promotion .right .swiper-slide-active + div + div{z-index: 5;} #promotion .right .swiper-slide-active + div + div + div{z-index: 4;} #promotion .right .swiper-slide-active + div + div + div + div{z-index: 3;} #promotion .right .swiper-slide-active + div + div + div + div + div{z-index: 2;} #promotion .right .swiper-slide-active + div + div + div + div + div + div{z-index: 1;} #promotion .right .swiper-slide-active + div .con1{transform: translateX(-12%);} #promotion .right .swiper-slide-active + div + div .con1{transform: translateX(-87%);} #promotion .right .swiper-slide-active + div + div + div .con1{transform: translateX(-164%);} #promotion .right .swiper-slide-active + div + div + div + div .con1{transform: translateX(-242%);} #promotion .right .swiper-slide-active ~ div .con2{transform: rotateY(-45deg) scale(0.94);} #promotion .pros_wrap{display: none;} /* controls */ #promotion .right .controls {position: absolute; bottom: -50px; left: 67%; width: 150px;} #promotion .right .controls .swiper-button-prev:after{content: '';} #promotion .right .controls .swiper-button-next:after{content: '';} #promotion .swiper-button-next, #promotion .swiper-button-prev{width: auto; color: #333 !important;} @media screen and (max-width:1600px) { #promotion .right .swiper{width: calc(420/1600*100vw);} #promotion .right .swiper-slide .con2{padding: 40px 30px;} #promotion .right .swiper-slide .txt{font-size: calc(1/1600*100vw);} } @media (max-width:1440px) { #promotion .pros_wrap{display: block; width: 100%; padding-left: 5%;} #promotion .right{display: none;} #promotion .container{width: 100%;} #promotion .container>.flex{flex-direction: column;} #promotion .width30{width: 90%; margin: 0 5% 4.375rem 5%;} #promotion .swiper-slide{position: relative;} #promotion .swiper-slide::before {content:''; display: block; padding-bottom: calc(460/460*100%);} #promotion .swiper-slide .con1{position: absolute; left: 0; top: 0; width: 100%; height: 100%;perspective: 1400px;transition: transform 0.8s;} #promotion .swiper-slide .con2{width: 100%; height: 100%;padding: 47px; position: relative; box-sizing: border-box; overflow: hidden; background-color: #eae5cd;display: flex; align-items: flex-end;transition: transform 0.6s,shadow 0.3s;} #promotion .swiper-slide .con2::before, #promotion .swiper-slide .con2::after {content:''; display: block; width: 128px; height: 49px;background-position: center; background-size: cover; z-index: 2;position: absolute; left: 47px; top: 47px; transition: opacity 0.5s;} #promotion .swiper-slide .con2::before{background-image: url(/img/main/plogo_2.png);} #promotion .swiper-slide-active .con2::before{content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to top, rgba(12, 63, 64, 1) 0%, rgba(57, 114, 57, 0) 80%); position: absolute; top: 0; left: 0;} #promotion .swiper-slide-active .con2 .txt{z-index: 2; color: #faf8ef;} #promotion .swiper-slide-active ~ div .con2{box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;} #promotion .swiper-slide .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0;transition: opacity 0.8s;} #promotion .swiper-slide-active .bg{opacity: 1;} } #blog .swiper_w .flex-between a{border-bottom: 1px solid #333;} #blog .swiper{overflow: visible;} #blog .swiper .swiper-slide img{border-radius: 16px;object-fit: cover;object-position: center top; aspect-ratio: 1/1;} #blog .swiper-pagination-progressbar{top: auto; bottom: 0;} #blog .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--pointcolor);} #blog .swiper-pagination-progressbar{background-color: #eae5cd;} #blog .swiper-horizontal>.swiper-pagination-progressbar, #blog .swiper-pagination-progressbar.swiper-pagination-horizontal, #blog .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, #blog .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height: 2px;} #beforeafter .title a{border-bottom: 1px solid #333;} #beforeafter .swiper{overflow: visible;} #beforeafter .swiper .flexList{--x-gap: 0rem; --y-gap: 0rem} #beforeafter .swiper-pagination-progressbar{top: auto; bottom: 0;} #beforeafter .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--pointcolor);} #beforeafter .swiper-pagination-progressbar{background-color: #eae5cd;} #beforeafter .swiper-horizontal>.swiper-pagination-progressbar, #beforeafter .swiper-pagination-progressbar.swiper-pagination-horizontal, #beforeafter .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, #beforeafter .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height: 2px;} #beforeafter .box{position: relative;} #beforeafter .box .login_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0c3f40; z-index: 2;} #beforeafter .box .login_box .txt-wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;} #beforeafter .box .login_box .txt-wrap .login_txt{border-bottom: 1px solid #fff; display: inline-block;} #beforeafter .box .beaf_txt{color: #faf8ef; position: absolute; bottom: 1rem; left: 1rem; z-index: 1;} #reservation .width95 .wrap{background:url(/img/main/reservation_bg.jpg) no-repeat left / 35% 100%;} #reservation .width30{padding-top: 8rem;} #reservation .width70{padding-top: 8rem; padding-bottom: 5rem;} #reservation .width70 .flexList{--x-gap: 0rem} #reservation .width70 .flexList .box{border-right: 1px solid #c9c5ba;} #reservation .width70 .flexList .box:last-child{border-right: 0;} #reservation .r_tel{position: absolute; top: -57px; left: 50%; transform: translateX(-50%);} #about00 .about00Swiper2 .swiper-slide:last-child{border-bottom: 0;} #about00 .about00Swiper .swiper-slide{position: relative;} #about00 .about00Swiper .txt{position: absolute; bottom: 10%; left: 7%;} #about00 .swiper-pagination{bottom: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 7rem;} #about00 .swiper-pagination-bullet{width: 100%; height: auto; text-align: left; background: none; opacity: 1; padding: 3rem 0; border-bottom: 1px solid rgba(250,248,239,.3); border-radius: 0; position: relative;} #about00 .swiper-pagination-bullet:last-child{border-bottom: 0;} #about00 .swiper-pagination-bullet-active:after{content: url(/img/main/about00_t.png); display: block; width: 19px; height: 22px; position: absolute; top: 58%; left: 97%; transform: translateY(-50%);} #main_map .container>.flexList{--x-gap: 8rem} #main_map .map_line{width: 100%; height: 1px; background-color: #e0e0e0;} #main_map .map_box{padding: .5rem;} #main_map .map_box .flexList{padding: .8rem; --x-gap: 0rem} #main_map .map_box .flexList .box{border-right: 1px solid #c9c5ba;} #main_map .map_box .flexList .box:last-child{border-right: 0;} #main_map .root_daum_roughmap{width: 100% !important;} #main_map .root_daum_roughmap .wrap_map{height: 600px;} #main_map .map_box iframe { width: 100%; height: 600px; } @media (max-width: 1550px){ .register{width:90%; margin: 0 auto; padding: 200px 0;} #mainslide .swiper-slide.slide04 .width50{ width: 100%;} #mainslide .swiper-slide .txt{width: 90%;} #about00 .swiper-pagination{padding: 0 4rem;} #interior .title{left: 5%;} } @media (max-width: 1400px){ #special .box {height: 680px;} #about .flex-between p.line{width: 44%;} #about00 .swiper-pagination-bullet{padding: 2rem 0;} #main_map .container>.flexList{--x-gap: 5rem;} } @media (max-width: 1240px){ #standard .container{width: 100%;} #standard .title{width: 90%; margin: auto;} #standard .standardSwiper{width: 95%; margin-left: 5%;} #standard .swiper-slide-active .relative:after {visibility: visible;} #standard .swiper-slide-active .relative p{display: block;} #special .box:hover .img_box{height: 380px;} #special .box {height: 600px;} #about .flex-between p.line{width: 40%;} #about00 .swiper-pagination{padding: 0 2.5rem;} #main_map .root_daum_roughmap .wrap_map{height: 530px;} #main_map .map_box iframe { height: 530px; } } @media (max-width: 1024px){ #special .box {height: 565px;} } @media (max-width: 990px){ #mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01m.jpg)} #mainslide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02m.jpg)} #mainslide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03m.jpg)} #mainslide .swiper-slide .txt{text-align: center;} #mainslide .swiper-slide.slide01 .txt .flex-between{flex-direction: column;} #mainslide .swiper-slide.slide01 .txt img{margin: auto;} #mainslide .swiper-slide.slide01 .line{width: 1px; height: 150px; margin-left: auto; margin-right: auto; margin-bottom: 50px;} #mainslide .swiper-slide.slide01 .txt img{top: 50%;} #mainslide .swiper-slide.slide01 .txt .text-right{text-align: center;} #mainslide .swiper-slide.slide02 .txt{top: 50%;} #mainslide .swiper-slide.slide03 .txt{top: 35%;} #mainslide .swiper-slide.slide03 .txt .flex{justify-content: center;} #mainslide .swiper-slide.slide03 .txt img{margin: auto;} #mainslide .swiper-slide.slide04 .width50{ width: 100%;} #mainslide .swiper-slide.slide04 .txt:last-child{width: 100%;} #mainslide .swiper-slide.slide04 .txt .flex-center{flex-direction: column;} #mainslide .swiper-slide.slide04 .txt .flex-center .pr-10{padding-right: 0; margin-bottom: 10px;} #mainslide .swiper-slide.slide04 .fw-wrap .flexList{padding: 1rem;} #special .flexList{--y-gap: 5rem} #special .width95{width: 90%;} #special .box{height: auto;} #special .box>.t_title{display: none;} #special .box .img_box {height: 380px;} #special .box:hover .img_box{height: 380px;} #doctors .container>.flex-between{flex-direction: column;} #doctors .width35{width: 100%;} #doctors .width65{width: 100%; margin-top: 4.375rem;} #about .pt-100{padding-top: 0;} #about .flex-between{flex-direction: column; text-align: center;} #about .flex-between p.line{height: 500px; width: 1px; margin: 2rem auto;} #about .txt{margin-top: 4.375rem;} #about .txt img{position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%);} #about .flex-between p.relative img{display: inline-block; position: relative; margin-right: -20px; right: auto; top: -20px;} #about .text-right{text-align: center;} #about00 .about00 div{padding: 3rem 5%;} #about00 .about001{background:url(/img/main/about00_01bgm.jpg) no-repeat center / cover} #about00 .about002{background:url(/img/main/about00_02bgm.jpg) no-repeat center / cover} #about00 .about003{background:url(/img/main/about00_03bgm.jpg) no-repeat center / cover} #about00 .about004{background:url(/img/main/about00_04bgm.jpg) no-repeat center / cover} #interior .width95{width: 100%;} #interior .title{position: relative; top: auto; left: auto; color: #333 !important; margin-bottom: 4.375rem; padding: 0 5%;} #interior .interiorSwiper2::before{display: none;} #interior .interiorSwiper_wrap{width: 100%; position: relative; bottom: auto; right: auto; margin-top: 1.875rem;} #interior .swiper-button-prev, #interior .swiper-rtl .swiper-button-next, #interior .swiper-button-next, #interior .swiper-rtl .swiper-button-prev{display: none;} #blog>.container{width: 100%;} #blog .swiper_w{padding-left: 5%; } #blog .swiper_w .flex-between{padding-right: 5%;} #blog .swiper{overflow: hidden;} #blog .title{width: 90%; margin: auto;} #beforeafter .swiper{overflow: hidden;} #reservation .width95{width: 100%;} #reservation .flex{flex-direction: column;} #reservation .container{width: 100%;} #reservation .width30{width: 100%; background: url(/img/main/reservation_bg.jpg) no-repeat left / cover; padding: 8rem 5%;} #reservation .width70{width: 100%; padding-left: 0;} #reservation .width95 .wrap {background: none;} #reservation .r_tel{display: none;} #reservation .width70 .flexList .box{border-right: 0;} #main_map .container>.flexList{--y-gap: 5rem} #main_map .root_daum_roughmap .wrap_map{height: 400px;} #main_map .map_box iframe { height: 400px; } } @media (max-width: 768px){ #fregister p{font-size: 10px !important;} #mainslide .swiper-slide.slide01 .line{height: 180px;} #special .box .flex-between{flex-direction: column;} #special .box .img_box {height: 300px;} #special .box:hover .img_box{height: 300px;} #special .box .t_title{width: 100%;} #special .box .t_info{width: 100%; text-align: left;} #special .box .t_info a{margin-top: 1.875rem; border-bottom: 1px solid #333;} #main_map .time .width80{width: 100%;} #main_map .time .width80 li .width15{width: 20%;} #about .flex-between p.line{height: 400px;} } @media (max-width: 500px){ .font-22{font-size: 1.125rem;} .font-36{font-size: 1.625rem} .font-60{font-size: 2.625rem} #mainslide .swiper-slide.slide01 .txt img{max-width: 50%;} #mainslide .swiper-slide.slide01 .txt .flex-between{margin-top: 30px;} #mainslide .swiper-slide.slide01 .line{margin-top: 20px; margin-bottom: 20px; height: 130px;} #mainslide .swiper-slide.slide03 .txt img{max-width: 70%;} #mainslide .swiper-slide.slide03 .flexList{margin-top: 30px;} #special .box .img_box {height: 250px;} #special .box:hover .img_box{height: 250px;} #about .max1920{border-radius: 80px 80px 0 0;} #reservation .flexList{--y-gap: 3rem; --x-gap: 0rem} #main_map .map_box .flexList .box:nth-child(2){border-right: 0;} #main_map .address .width80{width: 100%;} #main_map .root_daum_roughmap .wrap_map{height: 350px;} #main_map .map_box iframe { height: 350px; } } /* 썸네일 */ #naver-carousel {position: absolute;width: 80%;top: 0;padding: 40px 100px;z-index: -1;transform: translateX(-50%);left: -99999px;} #naver-carousel h2 {font-size: 28px;font-weight: 700;margin-bottom: 24px;line-height: 1.3;} #naver-carousel .gallery {display: flex;gap: 5px;padding: 0;margin: 0;list-style: none;-webkit-overflow-scrolling: touch;scrollbar-width: none;} #naver-carousel .item img {width: 100%;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 18px;display: block;} #naver-carousel .item strong {display: block;margin-top: 8px;font-size: 16px;font-weight: 700;text-align: center;} /* 메인슬라이드 리뉴얼 */ #Rmainslide {width: 100%; height: 100vh; overflow: hidden;} #Rmainslide .s-line {width: 1.5rem; height: 2px; background: #1c1c1c; margin: 1.25rem 0;} #Rmainslide .mainBtn {width: fit-content; padding: 1rem 2rem; background: #146a6c; color: #fff; display: flex; align-items: center; gap: 3rem; border-radius: 8px;} #Rmainslide .swiper {height: 100%;} #Rmainslide .swiper-slide .img {background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%;} #Rmainslide .swiper-slide.slide01 .img {background-image: url("/img/main/RmainSlide01.webp");} #Rmainslide .swiper-slide.slide02 .img {background-image: url("/img/main/RmainSlide02.webp");} #Rmainslide .swiper-slide.slide03 .img {background-image: url("/img/main/RmainSlide03.webp");} #Rmainslide .swiper-slide.slide04 .img {background-image: url("/img/main/RmainSlide04.webp");} #Rmainslide .swiper-slide.slide05 .img {background-image: url("/img/main/RmainSlide05.webp");} #Rmainslide .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; max-width: var(--layoutwidth); margin: auto; width: 100%;} #Rmainslide span.point-color {color: #146a6c !important;} #Rmainslide .swiper-slide.slide02 ul {display: flex; gap: 1rem;} #Rmainslide .swiper-slide.slide02 ul li {width: fit-content; border: 1px solid #000; padding: .3rem 1rem; border-radius: 100px;} #Rmainslide .swiper-slide.slide04 ul li {width: fit-content; margin-top: .5rem; position: relative; display: flex; gap: .5rem; align-items: center;} #Rmainslide .swiper-slide.slide04 ul li:first-child {margin-top: 0;} #Rmainslide .swiper-slide.slide04 ul li span {position: relative;} #Rmainslide .swiper-slide.slide04 ul li span:after {position: absolute; left: 0; bottom: 3px; width: 100%; height: 25%; background: #146a6c; opacity: 0.15; content: "";} #Rmainslide .swiper-slide.slide05 ul {display: flex; gap: 1rem;} #Rmainslide .swiper-slide.slide05 ul li {width: fit-content; border: 1px solid #000; padding: .3rem 1rem; border-radius: 100px;} @media(max-width: 1580px) { #Rmainslide .txt {width: 90%;} } @media(max-width:768px) { #Rmainslide {aspect-ratio: 1 / 1.5;} #Rmainslide .s-line {margin: 1.25rem auto;} #Rmainslide .mainBtn {margin: auto;} #Rmainslide .swiper-slide.slide01 .img {background-image: url("/img/main/RmainSlide01_m.webp");} #Rmainslide .swiper-slide.slide02 .img {background-image: url("/img/main/RmainSlide02_m.webp");} #Rmainslide .swiper-slide.slide03 .img {background-image: url("/img/main/RmainSlide03_m.webp");} #Rmainslide .swiper-slide.slide04 .img {background-image: url("/img/main/RmainSlide04_m.webp");} #Rmainslide .swiper-slide.slide05 .img {background-image: url("/img/main/RmainSlide05_m.webp");} #Rmainslide .txt {text-align: center; top: 15%; transform: translateX(-50%); height: 100%;} #Rmainslide .swiper-slide.slide02 ul {justify-content: center; } #Rmainslide .swiper-slide.slide05 ul {justify-content: center; } #Rmainslide .swiper-slide.slide04 ul {max-width: 25rem; margin: .625rem auto 3.125rem;} #Rmainslide .swiper-slide.slide04 ul.en {max-width: 90%; margin: .625rem auto 3.125rem;} } @media(max-width:500px) { #Rmainslide {aspect-ratio: 1 / 2;} #Rmainslide .s-line {margin: 1rem auto;} #Rmainslide .txt {top: 13%;} #Rmainslide .mb-50 {margin-bottom: 2.625rem;} #Rmainslide .font-26 {font-size: 1.3rem;} #Rmainslide .font-70 {font-size: 3rem;} #Rmainslide .swiper-slide.slide04 ul {max-width: 20rem;} #Rmainslide .swiper-slide.slide04 ul.en { max-width: 95%; } } #Rmainslide .swiper-pagination{font-weight: bold; font-size: 1.125rem; color: rgba(255,255,255,.5); font-family: var(--pointfont),serif} #Rmainslide .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: ''; display: none;} #Rmainslide .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: ''; display: none;} #Rmainslide .swiper-horizontal>.swiper-pagination-bullets, #Rmainslide .swiper-pagination-bullets.swiper-pagination-horizontal, #Rmainslide .swiper-pagination-custom, #Rmainslide .swiper-pagination-fraction{width: 70px; bottom: -16px; } #Rmainslide .swiper-button-next, .swiper-rtl .swiper-button-prev{width: 10px; height: 15px; right: auto; left: 88px; bottom: auto; top: 17px;} #Rmainslide .swiper-button-prev, .swiper-rtl .swiper-button-next{width: 10px; height: 15px; left: -33px; bottom: auto; top: 17px;} #Rmainslide .btn_wrap{position: absolute; bottom: 50px; left: 51%; transform: translateX(-50%); z-index: 999;} #Rmainslide .swiper-pagination-current{margin-right: 5px; color: #fff !important;} #Rmainslide .swiper-pagination-total{margin-left: 5px; }