@charset "utf-8";

#main_visual {position:relative;}
#main_visual .swiper-slide {position:relative; height:calc(100vh - 230px); min-height:700px; background:no-repeat center; background-size:cover;}
#main_visual .slide01 {background-image:url('../images/main/main_visual01.jpg')}
#main_visual .slide02 {background-image:url('../images/main/main_visual02.jpg')}
#main_visual .slide03 {background-image:url('../images/main/main_visual03.jpg')}
#main_visual .txt {position:absolute; top:50%; left:50%; width:1000px; margin-left:-640px; margin-top:-125px; color:#000000;}
#main_visual .t01 {opacity:0; transform:translateX(80px); font-size:33px; font-weight:300; transition:all 0.4s 0s;}
#main_visual .t02 {margin-top:10px; opacity:0; transform:translateX(100px); font-family: 'DINMedium'; font-size:60px; transition:all 0.4s 0s;}
#main_visual .mtxt {position:absolute; bottom:25px; left:50%; z-index:100; margin-left:-640px; font-size:146px; color:#fff; opacity:0.37; font-weight:100; line-height:1;}
#main_visual .swiper-slide-active .t01,
#main_visual .swiper-slide-duplicate-active .t01 {opacity:1; transform:translateX(0px); transition:all 0.8s 0.6s;}
#main_visual .swiper-slide-active .t02,
#main_visual .swiper-slide-duplicate-active .t02 {opacity:1; transform:translateX(0px); transition:all 0.8s 0.7s;}
#main_visual .swiper-pagination {position:absolute; bottom:40px; left:0; right:0; z-index:101; text-align:center; font-size:0; padding:0; margin:0;}
#main_visual .swiper-pagination-bullet {width:18px; height:18px; margin:0 5px; border-radius:100%;}
#main_visual .swiper-pagination-bullet-active {opacity:0.7; background:#00594d;}
@media all and (max-width:1400px){
	#main_visual .txt {left:6%; margin-left:0;}
	#main_visual .mtxt {left:6%; margin-left:0;}
}
@media all and (max-width:991.9px){
	#main_visual .t01 {font-size:23px;}
	#main_visual .t02 {margin-top:8px; font-size:48px;}
	#main_visual .txt {margin-top:-100px;}
	#main_visual .mtxt {font-size:115px;}
}
@media all and (max-width:575.9px){
	#main_visual .swiper-slide {height:100vw; min-height:auto;}
	#main_visual .t01 {font-size:16px;}
	#main_visual .t02 {margin-top:5px; font-size:30px;}
	#main_visual .txt {top:auto; bottom:100px; margin-top:0px;} 
	#main_visual .mtxt {font-size:16vw;}

	#main_visual .swiper-pagination {bottom:15px;}
	#main_visual .swiper-pagination-bullet {width:10px; height:10px;}
}


#skincare {margin:130px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: end!important; justify-content: flex-end!important;}
#skincare .tcont {-ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 640px; padding-top:30px; color:#000;}
#skincare h2 {font-size:33px; font-weight:600;}
#skincare .stxt {margin-top:35px; font-size:14px; line-height:2.14;}
#skincare .stxt strong {font-weight:600;}
#skincare .stxt .t01 {font-size:16px;}
#skincare .link {width:170px; margin-top:80px;}
#skincare .link a {display:block; font-size:14px; line-height:45px; background:url('../images/main/icon_skincare_arr.png') no-repeat right 5px center; background-size:6px auto; transition:all 0.2s;}
#skincare .link a:hover {color:#00594c; background-position:right center;}
#skincare .link a span {color:#00594c;}
#skincare .img {height:446px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; background:url('../images/main/skincare_img.jpg') no-repeat center; background-size:cover;}
@media all and (max-width:991.9px){
	#skincare {margin:65px 0;}
	#skincare .tcont {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 90%; margin:auto;}
	#skincare .img {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 90%; height:auto; margin:auto;}	
	#skincare .img::before {display:block; padding-bottom:60%; content:'';}
	#skincare .link {width:170px; margin:20px 0 50px;}
}
@media all and (max-width:575.9px){
	#skincare h2 {font-size:26px;}
	#skincare .stxt {margin-top:18px;}
	#skincare .stxt br {display:none;}
	#skincare .stxt .t01 {display:block;}
	#skincare .link {width:170px; margin:20px 0 50px;}
	
}

#interior {height:1081px; background:#ccc url('../images/main/interior_bg.jpg') no-repeat center; background-size:cover;}
@media all and (max-width:991.9px){
	#interior {height:auto; padding-bottom:60%;}
}

#clinic {overflow:hidden; position:relative; padding:110px 0;} 
#clinic .csize {position:relative; z-index:3;}
#clinic .cbox {position:relative; z-index:11; height:706px; padding-left:50%;}
#clinic .circle01 {position:absolute; top:-172px; left:50%; width:425px; height:425px; margin-left:-485px; border:3px solid #f9f4ef; border-radius:100%; animation: rotation 4s infinite linear; transform-origin: 50% 48%;}
#clinic .circle02 {position:absolute; top:253px; left:608px; z-index:10; width:217px; height:217px; border-radius:100%; background:#f7f0e8; animation: rotation 4s infinite linear; transform-origin: 47% 50%;}
#clinic .img {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 0 top;}
#clinic .img01 {background-image:url('../images/main/clinic_img01.png');}
#clinic .img02 {background-image:url('../images/main/clinic_img02.png');}
#clinic .img03 {background-image:url('../images/main/clinic_img03.png');}
#clinic h2 {padding-top:342px; padding-left:85px; font-size:40px; color:#00594d; font-weight:600;}
#clinic .t01 {position:absolute; left:480px; top:50px; font-size:24px; color:#00594d; line-height:3.04;}
#clinic .t02 {margin-top:25px; margin-left:136px; font-size:14px; color:#000000; line-height:2.142;}
#clinic .t02 strong {color:#00594d; font-weight:500;}
@media all and (max-width:1400px){
	#clinic .img {background-size:100% auto;}
	#clinic .circle01 {left:12%; margin:0; width:370px; height:370px;}
	#clinic .circle02 {left:-100px; top:-100px; margin-left:62%; margin-top:35%; width:200px; height:200px;}
	#clinic h2 {padding-top:65%; padding-left:35%;}
	#clinic .t01 {left:49%; top:0; margin:3% -60px 0; line-height:2.5}
	#clinic .t02 {margin-left:42%; margin-top:20px;}
	#clinic .t02 br {display:none;}
}
@media all and (max-width:991.9px){
	#clinic {padding:66px 0;}
	#clinic .img {width:150%;}
	#clinic .img03 {display:none;}
	#clinic .img02 {left:-15%;}
	#clinic .circle01 {top:-30vw; width:60vw; height:60vw;}
	#clinic .circle02 {top:0; left:0; width:22vw; height:22vw; margin-left:49%; margin-top:40%;}
	#clinic .t01 {left:65%; font-size:15px; margin-left:0;}
	#clinic .cbox {height:auto; padding-left:0; padding-top:30px;}
	#clinic h2 {padding-top:95%; padding-left:0; font-size:32px;}
	#clinic .t02 {margin-left:0; margin-top:15px;}
}


/*****23-01-13 추가*****/
.custom_layer{position:absolute; left:50%; transform:translateX(-50%); top:120px; z-index:999; max-width:450px; width:85%;}
.custom_layer .wrap{position:relative;}
.custom_layer .img_holder img{display:block; width:100%;}
.custom_layer .close{position:absolute; right:0; top:0; cursor:pointer; background:#fff; width:30px; height:30px; line-height:30px; text-align:center; font-size:22px;}
.custom_layer .close_area{width:100%; background:#fff; height:30px; padding:0 20px;}
.custom_layer .close_area button{width:100%; height:100%; text-align:right; font-size:14px;}
.custom_layer.hide{display:none;}

/* 20240604 수정 */
.popup-pc {display:block;}
.popup-mobile {display:none;}
#popup_slider.hide{display:none;}
#popup_slider {width:90%;max-width:1028px;position: fixed;z-index: 9999;margin:auto;left:50%;top:50%;transform:translate(-50%, -50%);border-radius: 20px;overflow: hidden;}
.popup_swiper .swiper {width: 100%;height: 100%;}
.popup_swiper .swiper-slide {display: flex;justify-content: center;align-items: center;width: 100% !important;}
.popup_swiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.popup_swiper .swiper-pagination {display:flex;bottom:0 !important;position: inherit;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.popup_swiper .swiper-pagination-bullet {opacity: 1;width: 100%;margin:0 !important;height:40px;line-height:40px;font-size:12px;text-align:center;border-radius:0;color:#000;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;border-left: 1px solid #fff;background:#ddd;}
.popup_swiper .swiper-pagination-bullet:only-child {display: block !important;}
.popup_swiper .swiper-pagination-bullet:nth-child(1) {border-left:0;}
.popup_swiper .swiper-pagination-bullet-active {color:#fff;background:#00594d !important;}
#close_popup_slider {height:40px;position:relative;background:#fff;}
#close_popup_slider button {font-size: 16px;width: 180px;height: 100%;padding: 0 0 0 20px;text-align: left;}
#close_popup_slider:hover .tooltip {opacity:1; visibility:visible; display:none;}
/*
#close_popup_slider .tooltip {display:block;opacity:0;margin:0;position: absolute; color: #fff; background-color: #00594d; border-radius: 4px; padding: 10px;width: 100%; max-width: 150px; top:-100%; left: 10px; text-align: center; transition:opacity 0.2s ease-in-out; font-size:12px;}
#close_popup_slider .tooltip:before {content:none;}
#close_popup_slider .tooltip:after {content: ""; display: block; position: absolute; border-color: rgba(0, 89, 77, 1) rgba(0, 89, 77, 0); border-style: solid; border-width: 12px 12px 0; bottom: -11px; left: 50%; transform: translate(-50%, 0); width: 0;}
*/
#close_popup_slider .tooltip {opacity:0; visibility:hidden; transform: translate(0%, -174%); position: absolute; color: #fff; background-color: #00594d; border-radius: 4px; padding: 10px; z-index: -1; width: 100%; max-width: 150px; top: 50%; left: 10px; text-align: center; transition:opacity 0.2s ease-in-out; font-size:12px;}
#close_popup_slider .tooltip:after {content: ""; display: block; position: absolute; border-color: rgba(0, 89, 77, 1) rgba(0, 89, 77, 0); border-style: solid; border-width: 12px 12px 0; bottom: -11px; left: 50%; transform: translate(-50%, 0); width: 0;}


#only_close {position: absolute;right: 0;bottom: 0;z-index: 2;display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;cursor: pointer;}
#popup_slider_overlay {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9998;background: rgba(0, 0, 0, 0.3);}
#popup_slider_overlay.hide {display:none;}

@media screen and (max-width: 500px) {
	.popup_slider_inner {position: relative;}
    #popup_slider.hide{display:none;}
    .popup_swiper .swiper {padding-bottom:0;}
    .popup-pc {display:none;}
    .popup-mobile {display:block;}

    .popup_swiper .swiper-pagination {justify-content:center;bottom:10px;position:absolute;padding-bottom: 20px;left: 50%; transform: translateX(-50%);}
    .popup_swiper .swiper-pagination-bullet {opacity:0.5;width: 15px;height:15px;border-radius:50%;border:none;margin:0 5px !important; text-indent:-9999px;}
    .popup_swiper .swiper-pagination-bullet:before {content:none !important;}
}
/* 20240604 수정 end */


#main_visual_mobile{display:none;}

.main_visual_banner_slider {position:relative;}
/*.main_visual_banner_slider .swiper-slide {position:relative; height:calc(100vh - 230px); min-height:700px; background:no-repeat center;}
.main_visual_banner_slider .swiper-slide img{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; object-fit:cover;}*/
.main_visual_banner_slider .swiper-slide a,
.main_visual_banner_slider .swiper-slide img{display: block;margin:0 auto;}
.main_visual_banner_slider .swiper-slide img{width:100%;}
.main_visual_banner_slider .swiper-slide-active .t01,
.main_visual_banner_slider .swiper-slide-duplicate-active .t01 {opacity:1; transform:translateX(0px); transition:all 0.8s 0.6s;}
.main_visual_banner_slider .swiper-slide-active .t02,
.main_visual_banner_slider .swiper-slide-duplicate-active .t02 {opacity:1; transform:translateX(0px); transition:all 0.8s 0.7s;}
.main_visual_banner_slider .swiper-pagination {position:absolute; bottom:40px; left:0; right:0; z-index:101; text-align:center; font-size:0; padding:0; margin:0;}
.main_visual_banner_slider .swiper-pagination-bullet {width:18px; height:18px; margin:0 5px; border-radius:100%;}
.main_visual_banner_slider .swiper-pagination-bullet-active {opacity:0.7; background:#00594d;}


@media all and (max-width:991.9px){
	.custom_layer{top:70px;}

	/* #popup_slider{ position:fixed;}
	#popup_slider_overlay{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.3); z-index:998}
	#popup_slider_overlay.hide{display:none;}

	#close_popup_slider .tooltip{display:none;}
	#close_popup_slider button{width:140px; font-size: 14px;} */

	#main_visual_pc{display:none;}
	#main_visual_mobile{display:block;}
}

@media all and (max-width:575.9px){
	.main_visual_banner_slider .swiper-slide {min-height:auto; height:auto;}
	.main_visual_banner_slider .swiper-slide img{width: 100%; height: auto; position: relative; transform: translateY(0); top: 0; object-fit: inherit;}

	.main_visual_banner_slider .swiper-pagination {bottom:15px;}
	.main_visual_banner_slider .swiper-pagination-bullet {width:10px; height:10px;}
}
/*****23-01-13 추가*****/

.inner{
    margin:0 auto;
    max-width: 91%;
    width: 1286px;
}
.main-section{
    padding:200px 0;
    background-color: #12271b;
}
.main-beauty .inner{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#fff;
}
.main-beauty strong{
    font-size: 80px;
    font-family: 'Rozha One', serif;
    line-height: 1.4em;
}
.main-beauty strong br{
    display: none;
}
.main-beauty p{
    font-size: 26px;
    font-weight: 500;
    line-height: 1.7em;
    margin-top: 20px;
}
.main-beauty .img{
    position: relative;
    width: 206px;
    height: 206px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53% auto;
    background-image: url(/images/main/beauty_img.png);
}
.main-beauty .img::before{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(/images/main/beauty_img2.png);
    animation:rotate 10s linear infinite;
}

@keyframes rotate {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  /*
.main-event{
    margin-top: 183px;
}
.main-event .event-box{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(/images/main/event_bg.jpg);
    height: 431px;
}
.main-event .event-box strong{
    position: relative;
    font-size: 65px;
    color:#000;
    font-family: 'Rozha One', serif;
    letter-spacing: 0.3em;
}
.main-event .event-box strong::before{
    content:'';
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(/images/main/event_star.png);
    width: 33px;
    height: 33px;
    position: absolute;
    left:0;
    top:50%;
    transform: translate(calc(-100% - 40px),-50%);
}
.main-event .event-box strong::after{
    content:'';
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(/images/main/event_star.png);
    width: 33px;
    height: 33px;
    position: absolute;
    right:0;
    top:50%;
    transform: translate(calc(100% + 40px),-50%);
}
.main-event .event-box p{
    font-size: 22px;
    line-height: 1.36em;
    color:#000;
    font-weight: 500;
}
.main-event .event-box p br{
    display: none;
}
.main-event .event-box a{
    font-weight: 500;
    font-size: 20px;
    line-height: 38px;
    border:2px solid #000;
    color:#000;
    border-radius: 26px;
    display: block;
    margin:44px auto 0;
    width: 430px;
    box-sizing: border-box;
}
*/

.main-solution{
    margin-top: 198px;
}
.main-solution .solution-text{
    text-align: center;
}
.main-solution .solution-text img{
    display: block;
    margin:0 auto;
    max-width: 64%;
}
.main-solution .solution-text p{
    font-size: 26px;
    line-height: 1.15em;
    color:#fff;
    margin-top: 63px;
    font-weight: 400;
}
.main-solution .solution-text p br.m{
    display: none;
}
.main-solution .solution-list{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin:207px auto -31px;
}
.main-solution .solution-item{
    width: calc((100% - 58px) / 3);
    margin-bottom: 31px;
    position: relative;
}
.main-solution .solution-item+.solution-item{
    margin-left: 29px;
}
.main-solution .solution-item:nth-child(3n+1){
    margin-left: 0 !important;
}
.main-solution .solution-item a{
    position: absolute;
    left:50%;
    bottom:77px;
    transform: translate(-50%,0);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 35px;
    border:2px solid #000;
    text-align: center;
    font-size: 18px;
    font-weight:500;
    color:#000;
    z-index: 2;
}
.main-solution .solution-item .bg{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 85px 0 0 0;
    overflow: hidden;
    height: 0;
    padding-bottom: 161.1%;
}
.main-solution .solution-item.item-1 .bg{
    background-image: url(/images/main/pc_solution_1.jpg);
}
.main-solution .solution-item.item-2 .bg{
    background-image: url(/images/main/pc_solution_2.jpg);
}
.main-solution .solution-item.item-3 .bg{
    background-image: url(/images/main/pc_solution_3.jpg);
}
.main-solution .solution-item.item-4 .bg{
    background-image: url(/images/main/pc_solution_4.jpg);
}
.main-solution .solution-item.item-5 .bg{
    background-image: url(/images/main/pc_solution_5.jpg);
}
.main-solution .solution-item.item-6 .bg{
    background-image: url(/images/main/pc_solution_6.jpg);
}

.main-solution .solution-item.item-2 a{
    color:#fff9b5;
    border-color:#fff9b5 ;
}
.main-solution .solution-item.item-4 a{
    color:#fff;
    border-color:#fff ;
}


.main-solution .solution-item.item-2,
.main-solution .solution-item.item-5{
    margin-top: -100px;

}


.main-video{
    margin-top: 194px;
}
.main-video video{
    display: block;
    width: 100% !important;
    height: auto;
}

.brand-story{
    background-color: #fffbe3;
}
.brand-story .inner{
    padding:99px 0 142px;
}
.brand-story .story-box{
    flex-direction: column;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color:#00594c;
}
.brand-story .story-box img{
    display: block;
    margin:0 auto;
    width: 264px;
}
.brand-story .story-box strong{
    font-family: 'Rozha One', serif;
    font-weight: 400;
    font-size: 80px;
    line-height: 1.4em;
    margin-top: 41px;
}
.brand-story .story-box strong br{
    display: none;
}
.brand-story .story-box p{
    font-size: 26px;
    line-height: 1.4em;
    font-weight: 500;
    margin-top: 24px;
}
.brand-story .story-box p br{
    display: none;
}
.brand-story .story-box a{
    font-weight: 500;
    font-size: 22px;
    line-height: 48px;
    border:2px solid #00594c;
    border-radius: 26px;
    display: block;
    margin:42px auto 0;
    width: 646px;
    box-sizing: border-box;
}

@media all and (max-width:1286px){
    .main-section{
        padding:150px 0;
    }
    .main-beauty strong{
        font-size: 6vw;
    }
    .main-beauty p{
        font-size: 2vw;
        margin-top: 1.55vw;
    }
    .main-beauty .img{
        width: 16vw;
        height: 16vw;
    }
   
    /*
    .main-event{
        margin-top: 14.2vw;
    }
    .main-event .event-box{
        height: 33.5vw;
    }
    .main-event .event-box a{
        border: calc(2 / 1286 * 100vw) solid #000;
    }
    .main-event .event-box strong{
        font-size: 5vw;
    }
    .main-event .event-box strong::before{
        width: 2.5vw;
        height: 2.5vw;
        transform: translate(calc(-100% - 3.11vw),-50%);
    }
    .main-event .event-box strong::after{
        width: 2.5vw;
        height: 2.5vw;
        transform: translate(calc(100% + 3.11vw),-50%);
    }
    .main-event .event-box p{
        font-size: 1.7vw;
    }
    .main-event .event-box a{
        font-size: 1.55vw;
        line-height: 1.9em;
        border-radius: 2vw;
        margin:3.4vw auto 0;
        width: 33.43vw;
    }
    */
    
    .main-solution{
        margin-top: 15.3vw;
    }
    .main-solution .solution-text p{
        font-size: 2vw;
        margin-top: 4.89vw;
    }
    .main-solution .solution-list{
        margin:16vw auto -2.4vw;
    }
    .main-solution .solution-item{
        width: calc((100% - 4.5vw) / 3);
        margin-bottom: 2.4vw;
    }
    .main-solution .solution-item+.solution-item{
        margin-left: 2.25vw;
    }

    .main-solution .solution-item .bg{
        border-radius: calc(85 / 1286 * 100vw) 0 0 0;
    }
    .main-solution .solution-item a{
        bottom: calc(77 / 1286 * 100vw);
        width: calc(120 / 1286 * 100vw);
        height: calc(35 / 1286 * 100vw);
        border: calc(2 / 1286 * 100vw) solid #000;
        font-size: calc(18 / 1286 * 100vw);
    }

    .main-solution .solution-item.item-2,
    .main-solution .solution-item.item-5{
        margin-top: -7.7vw;
    
    }
    
    
    .main-video{
        margin-top: 15.15625vw;
    }
    .brand-story .inner{
        padding:7.6vw 0 11vw;
    }
    .brand-story .story-box img{
        width: 20.5vw;
    }
    .brand-story .story-box strong{
        font-size: 6.22vw;
        margin-top: 3.18vw;
    }
    .brand-story .story-box p{
        font-size: 2vw;
        margin-top: 1.86vw;
    }
    .brand-story .story-box a{
        font-size: 1.7vw;
        line-height: 2.18em;
        border-radius: 1.09em;
        margin:3.25vw auto 0;
        width: 50.2vw;
    }
    .brand-story .story-box a {
        border: calc(2 / 1286 * 100vw) solid #00594c;
    }
    
}

@media (max-width: 991.9px){
    .main-section{
        padding:85px 0;
    }
    .main-beauty strong{
        font-size: 50px;
        line-height: 45px;
    }
    .main-beauty strong br{
        display: block;
    }
    .main-beauty p{
        font-size: 16px;
        line-height: 1.25em;
        margin-top: 12px;
    }
    .main-beauty .img{
        width: 135px;
        height: 135px;
    }
   

    /*
    .main-event{
        margin-top: 86px
    }
    .main-event .event-box{
        height: 197px
    }
    .main-event .event-box strong{
        font-size: 35px;
        line-height: 1;
    }
    .main-event .event-box strong::before{
        width: 14px;
        height: 14px;
        transform: translate(calc(-100% - 28px),-50%);
    }
    .main-event .event-box strong::after{
        width: 14px;
        height: 14px;
        transform: translate(calc(100% + 28px),-50%);
    }
    .main-event .event-box p{
        font-size: 16px;
        line-height: 1.25em;
        margin-top: 1em;
    }
    .main-event .event-box a{
        font-size: 12px;
        line-height:18px;
        width: 348px;
        max-width: 60vw;
        border-radius: 10px;
        margin:16px auto 0;
    }
    */

    .main-solution{
        margin-top: 84px;
    }
    .main-solution .solution-text img{
        width: 464px;
        max-width: 80vw;
    }
    .main-solution .solution-text p{
        font-size: 16px;
        line-height: 1.25em;
        margin-top: 18px;
        word-break: keep-all;
    }
    .main-solution .solution-list{
        margin:40px auto -40px
    }
    .main-solution .solution-item{
        width: calc((100% - 10px) / 2);
        margin-bottom: 40px
    }
    .main-solution .solution-item+.solution-item{
        margin-left: 10px;
    }
    .main-solution .solution-item:nth-child(3n+1){
        margin-left: 10px !important;
    }
    .main-solution .solution-item:nth-child(2n+1){
        margin-left: 0 !important;
    }

    .main-solution .solution-item.item-2,
    .main-solution .solution-item.item-5{
        margin-top: 0;
    }
    .main-solution .solution-item a{
        bottom:calc(33 / 576 * 100vw);
        border-width: calc(1 / 576 * 100vw);
        font-size: calc(18 / 576 * 100vw);
        width: calc(120 / 576 * 100vw);
        height: calc(35 / 576 * 100vw);
    }
    .main-solution .solution-item .bg{
        padding-bottom: 162.5%;
        border-radius: 0 !important;
    }
    .main-solution .solution-item.item-1 .bg{
        background-image: url(/images/main/m_solution_1_2.png);
    }
    .main-solution .solution-item.item-2 .bg{
        background-image: url(/images/main/m_solution_2_2.png);
    }
    .main-solution .solution-item.item-3 .bg{
        background-image: url(/images/main/m_solution_3_2.png);
    }
    .main-solution .solution-item.item-4 .bg{
        background-image: url(/images/main/m_solution_4_2.png);
    }
    .main-solution .solution-item.item-5 .bg{
        background-image: url(/images/main/m_solution_5_2.png);
    }
    .main-solution .solution-item.item-6 .bg{
        background-image: url(/images/main/m_solution_6_2.png);
    }
    
    .main-video{
        margin-top: 80px;
    }

    .brand-story .inner{
        padding:40px 0;
    }
    .brand-story .story-box img{
        width: 175px;
    }
    .brand-story .story-box strong{
        font-size: 50px;
        line-height: 45px;
        margin-top: 21px;
    }
    .brand-story .story-box strong br{
        display: block;
    }
    .brand-story .story-box p{
        font-size: 16px;
        margin-top: 1em;
        word-break: keep-all;
    }
    .brand-story .story-box a{
        margin-top: 20px;
        width: 348px;
        max-width: 60vw;
        font-size:12px;
        line-height: 29px;
        border-radius: 14.5px;
    }
}

@media (max-width: 520px){
    .main-beauty .img{
        width: 23.4375vw;
        height: 23.4375vw;
    }
    .main-beauty strong{
        font-size: 8.6vw;
        line-height: 0.9em;
    }
    .main-beauty p{
        font-size: 2.77vw;
    }
    /*
    .main-event .event-box strong{
        font-size: 5.2vw;
    }
    .main-event .event-box strong::before{
        width: 14px;
        height: 14px;
        transform: translate(calc(-100% - 16px),-50%);
    }
    .main-event .event-box strong::after{
        width: 14px;
        height: 14px;
        transform: translate(calc(100% + 16px),-50%);
    }
    /* .main-event .event-box p br,
    .main-solution .solution-text p br.m,
    .brand-story .story-box p br{
        display: block;
    } */


    /*
    .main-event{
        margin-top: 14.9vw
    }
    .main-event .event-box{
        height: 34.2vw
    }
    .main-event .event-box strong{
        font-size: 6vw;
    }
    .main-event .event-box strong::before{
        width: 2.4vw;
        height: 2.4vw;
        transform: translate(calc(-100% - 4.8vw),-50%);
    }
    .main-event .event-box strong::after{
        width: 2.4vw;
        height: 2.4vw;
        transform: translate(calc(100% + 4.8vw),-50%);
    }
    .main-event .event-box p{
        font-size: 2.7vw;
        line-height: 1.25em;
        margin-top: 1em;
    }
    .main-event .event-box a{
        font-size: 2vw;
        line-height:3.125vw;
        width: 60vw;
        border-radius: 1.7vw;
        margin:2.7vw auto 0;
    }
    */

    .main-solution{
        margin-top: 14vw;
    }
    .main-solution .solution-text img{
        width: 61vw;
    }
    .main-solution .solution-text p{
        font-size: 2.7vw;
        margin-top: 2.3vw;
        word-break: keep-all;
    }
    .main-solution .solution-list{
        margin:6.9vw auto -6.9vw
    }
    .main-solution .solution-item{
        width: calc((100% - 1.7vw) / 2);
        margin-bottom: 6.9vw
    }
    .main-solution .solution-item+.solution-item{
        margin-left: 1.7vw;
    }
    .main-solution .solution-item:nth-child(3n+1){
        margin-left: 1.7vw !important;
    }
    .main-solution .solution-item:first-child{
        margin-left: 0 !important;
    }
  
    
    .main-video{
        margin-top: 13.88vw;
    }

    .brand-story .inner{
        padding:6.9vw 0;
    }
    .brand-story .story-box img{
        width: 30vw;
    }
    .brand-story .story-box strong{
        font-size: 8.6vw;
        line-height: 0.9em;
        margin-top: 3.6vw;
    }
    .brand-story .story-box p{
        font-size: 2.5vw;
    }
    .brand-story .story-box a{
        margin-top: 3.4vw;
        width: 60vw;
        font-size:2vw;
        line-height: 5vw;
        border-radius: 2.5vw
    }
}

/* 2024-02-22 메인 개편 */
/* main common */
.main-title {padding-bottom:80px; text-align:center;}
.main-title h2 {color:#043B33; font-size:50px; font-weight:700;}
.main-title p {margin-top:20px; color:#000; font-size:18px; font-weight:400;}

/* main-visual */
.main-visual {position:relative;}
.main-visual .banner {position:relative;}
.main-visual .imgbox {display:flex; justify-content:center;}
.main-visual .imgbox .pc-img {width:100%; min-width:1920px;}
.main-visual .imgbox .m-img {display:none;}
.main-visual .text {position:relative; width:1320px; margin:0 auto;}
.main-visual .text .box {position:absolute; bottom:150px; left:40px;}
.main-visual .text h2 {color:#fff; font-family:'Rozha One'; font-size:100px; line-height:1.2; text-shadow:1px 2px 5px rgba(0,0,0,.25);}
.main-visual .text p {margin-top:10px; color:#fff; font-size:30px; line-height:1.2; text-shadow:1px 2px 5px rgba(0,0,0,.25);}
.main-visual .beauty {position:relative; width:1320px; margin:0 auto;}
.main-visual .beauty .img {position:absolute; top:8vw; left:40px; width:154px; height:155px; background-repeat:no-repeat; background-position:center center; background-size:53% auto; background-image:url('/images/main/main_beauty_logo.svg'); z-index:1;}
.main-visual .beauty .img::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url('/images/main/main_beauty_animate.svg'); animation:rotate 10s linear infinite;}
@keyframes rotate {
    from {
      -webkit-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    to {
      -webkit-transform:rotate(360deg);
      -o-transform:rotate(360deg);
      transform:rotate(360deg);
    }
}
.main-visual .network {display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; right:0; width:386px; height:100%; padding:0 48px; background:rgba(0,0,0,.4); color:#fff;}
.main-visual .network .titlearea {text-align:center;}
.main-visual .network .titlearea .sub-tit {font-size:16px; font-weight:500; letter-spacing:7px;}
.main-visual .network .titlearea .tit {display:block; font-size:30px; font-weight:700; line-height:1.3;}
.main-visual .network .summary {display:flex; flex-direction:column; gap:20px; margin-top:40px;}
.main-visual .network .summary > li {display:flex; align-items:center; justify-content: center; gap:20px; padding:20px; border:1px solid #fff; border-radius:12px;position:relative;overflow:hidden;}
.main-visual .network .summary > li .comming-bg {position:absolute;padding-top:26px;text-align:center;left:0;top:0;height:100%;width:100%;color:#fff;font-weight:700;line-height:45px;font-size:30px;background:rgb(0, 0, 0, 0.7);}
.main-visual .network .summary > li .comming-bg .m-none {display:block;}
.main-visual .network .summary .head {font-size:20px;}
.main-visual .network .summary .data {display:flex; flex-direction:row; gap:6px; font-size:18px;}
.main-visual .network .summary .btn-home, .main-visual .network .summary .btn-kakao {display:flex; align-items:center; gap:9px; width:100%; padding:10px 20px; border:1px solid #fff; border-radius:8px;}
.main-visual .network .summary .btn-home::before, .main-visual .network .summary .btn-kakao::before {content:"";}
.main-visual .network .summary .btn-home::before {width:30px; height:30px; background:url("/images/main/network_home.svg");}
.main-visual .network .summary .btn-kakao::before {width:30px; height:27px; background:url("/images/main/network_kakao.svg");}
.main-visual .network .summary .btn-home:hover, .main-visual .network .summary .btn-kakao:hover {background-color:rgba(254, 240, 202, 0.2); color:#FEF0CA; border-color:#FEF0CA;}
.main-visual .network .summary .btn-home:hover::before {background-image:url("/images/main/network_home_hover.svg");}
.main-visual .network .summary .btn-kakao:hover::before {background-image:url("/images/main/network_kakao_hover.svg");}

/* main-reserve */
.main-reserve {max-width:1400px; margin:0 auto; padding:130px 60px;}
.main-reserve label {position:relative;}
.main-reserve input[type="text"], .main-reserve input[type="password"], .main-reserve input[type="number"], .main-reserve input[type="email"], .main-reserve input[type="search"], .main-reserve input[type="tel"] {width:100%; height:50px; padding-left:20px; font-size:16px; border:1px solid #d4d4d4; border-radius:5px;}
.main-reserve input::placeholder {color:#cdcdcd;}
.main-reserve input[type="checkbox"] {position:absolute; width:0; height:0; font-size:0; line-height:0; opacity:0; overflow:hidden;}
.main-reserve input[type="checkbox"] + span {padding-left:30px; color:#717171; font-size:16px;}
.main-reserve input[type="checkbox"] + span::before {content:""; display:inline-block; position:absolute; top:2px; left:0; width:20px; height:20px; background:#fff; border:1px solid #a0a0a0; border-radius:5px;}
.main-reserve input[type="checkbox"]:checked + span::before {background:#00594c url("/images/sub/form_checkbox.png") no-repeat 50% 50%/70%; border-color:#00594c;}
.main-reserve input[type="radio"] {position:absolute; width:0; height:0; font-size:0; line-height:0; opacity:0; overflow:hidden;}
.main-reserve input[type="radio"] + span {padding-left:30px; color:#2a2a2a; font-size:16px;}
.main-reserve input[type="radio"] + span::before {content:""; display:inline-block; position:absolute; top:2px; left:0; width:20px; height:20px; background:#fff; border:1px solid #00594c; border-radius:100%;}
.main-reserve input[type="radio"]:checked + span::after {content:""; display:inline-block; position:absolute; top:7px; left:5px; width:10px; height:10px; background:#00594c; border-radius:100%;}
.main-reserve .colbox {display:flex; gap:25px;}
.main-reserve .colbox > .box {width:50%; padding:40px 24px; border:1px solid #cdcdcd; border-radius:20px;}
.main-reserve .form-list > li {position:relative;}
.main-reserve .form-list > li ~ li {margin-top:20px;}
.main-reserve .form-list > li.bdt {padding-top:13px; border-top:1px solid #ccc;}
.main-reserve .form-list .form-field {display:flex; gap:4px; position:relative;}
.main-reserve .form-list .form-tit {display:block; margin-bottom:13px; color:#000000; font-size:22px; font-weight:700;}
.main-reserve .form-list textarea {width:100%; height:150px; padding:20px; font-size:16px; resize:none; border:1px solid #d4d4d4; border-radius:5px;}
.main-reserve .form-list textarea::placeholder {color:#cdcdcd;}
.main-reserve .form-list .form-field.tel input {width:40%;}
.main-reserve .form-list .form-field.tel .tel1 {width:20%;}
.main-reserve .form-list .form-field.gender {border:1px solid #00594c; border-radius:5px; overflow:hidden;}
.main-reserve .form-list .form-field.gender label {width:50%;}
.main-reserve .form-list .form-field.gender input[type="radio"] + span {display:block; height:50px; padding-left:0; color:#00594c; font-size:16px; line-height:50px; text-align:center;}
.main-reserve .form-list .form-field.gender input[type="radio"] + span::before {display:none;}
.main-reserve .form-list .form-field.gender input[type="radio"]:checked + span {background:#00594c; color:#fff;}
.main-reserve .form-list .form-field.search .btn-search {position:absolute; top:0; left:0; width:100%; height:50px; background:url("/images/sub/btn_search.png") no-repeat 96% 50%/20px; overflow:hidden; text-indent:-9999px;}
.main-reserve .form-list .form-field.search.is-active .search-chkbox {display:block;} 
.main-reserve .form-list .search-chkbox {display:none; position:absolute; top:100%; width:100%; margin-top:7px; padding:13px 20px; background:#fff; border:1px solid #337a70; border-radius:5px; box-shadow:rgba(0,89,76,.25) 0px 0px 5px; z-index:1;}
.main-reserve .form-list .search-chkbox > li ~ li {margin-top:10px;}
.main-reserve .form-list .search-chkbox input[type="radio"]:checked + span::before {border-color:#00594c;}
.main-reserve .calendar-tit {display:block; margin-bottom:20px; padding-left:32px; background:url("/images/sub/reservation_calendar.png") no-repeat 0 50%/22px; color:#000; font-size:22px;}
.main-reserve .calendar-area {width:100%; margin-top:40px; padding-bottom:10px; border-bottom:1px solid #cdcdcd;}
.main-reserve .calendar-area .calendar {width:100%;}
.main-reserve .calendar-area #date_selector {position:relative; max-width:260px; margin:0 auto 20px; color:#000; font-size:30px; font-weight:700; text-align:center;}
.main-reserve .calendar-area #date_selector a {color:#666666;}
.main-reserve .calendar-area #date_selector a.btn-prev {position:absolute; top:0; left:0; width:50px; height:100%; background:url("/images/sub/btn_calendar_prev.png") no-repeat 50% 50%/14px;}
.main-reserve .calendar-area #date_selector a.btn-next {position:absolute; top:0; right:0; width:50px; height:100%; background:url("/images/sub/btn_calendar_next.png") no-repeat 50% 50%/14px;}
.main-reserve .calendar-area #cal_table {width:100%; table-layout:fixed; border-collapse:collapse;}
.main-reserve .calendar-area #cal_table .cal_header {height:40px; background-color:#ffffff; color:#3F3F3E; font-size:18px; text-align:center;}
.main-reserve .calendar-area #cal_table .cal_header:first-child {color:#f00;}
.main-reserve .calendar-area #cal_table .cal_cell {font-size:14px; text-align:center; word-break:break-all;}
.main-reserve .calendar-area #cal_table .cal_cell .box {display:flex; align-items:center; justify-content:center; height:50px; padding:0; background-color:#ffffff; cursor:pointer;}
.main-reserve .calendar-area #cal_table .cal_cell .box .date {padding:2px; color:#3F3F3E; font-size:18px; text-align:left;}
.main-reserve .calendar-area #cal_table .cal_cell .box .reserv_info {display:none;}
.main-reserve .calendar-area #cal_table .cal_cell .box.is-holiday .date {color:#f00;}
.main-reserve .calendar-area #cal_table .cal_cell .box.is-active .date {width:38px; padding:4px 0; background:#00594c; color:#fff; font-weight:500; text-align:center; border-radius:50px;}
.main-reserve .calendar-area #cal_table .cal_cell .date {position:relative;}
.main-reserve .calendar-area #cal_table .cal_cell .notice {position:absolute; top:2px; right:2px;}
.main-reserve .calendar-area #cal_table .cal_cell .reserv_finish {border:1px solid #a48a7b;}
.main-reserve .calendar-area #cal_table .cal_cell .reserv_finish .date {background-color:#a48a7b;}
.main-reserve .calendar-area #cal_table .cal_cell .reserv_gray .date {color:#ccc;}
.main-reserve .calendar-area #cal_table .cal_cell .reserv_gray.is-holiday .date {color:#f9dfdf;}
.main-reserve .calendar-area #cal_table .cal_cell .reserv_selected {background:#f00 !important; border:1px solid #000000;}
.main-reserve .calendar-area #cal_table .cal_cell .reserv_selected .date {background-color:#000000;}
.main-reserve .reserve-time {padding-top:60px;}
.main-reserve .reserve-time .time-list {display:flex; flex-wrap:wrap; gap:20px 1.6%;}
.main-reserve .reserve-time .time-list label {width:12.9%;}
.main-reserve .reserve-time .time-list input[type="radio"] + span {display:block; width:100%; padding-left:0; font-size:16px; text-align:center; border:1px solid #ccc; border-radius:5px;}
.main-reserve .reserve-time .time-list input[type="radio"] + span::before {display:none;}
.main-reserve .reserve-time .time-list input[type="radio"] + span::after {display:none;}
.main-reserve .reserve-time .time-list input[type="radio"]:checked + span {background:#00594c; color:#fff; border-color:#00594c; box-shadow:rgba(0,89,76,.25) 0px 0px 5px;}
.main-reserve .reserve-time .time-list input[type="radio"]:disabled + span {color:#cdcdcd;}
.main-reserve .reserve-time .nodata {margin-top:180px; padding-top:120px; background:url("/images/sub/reservation_time.png") no-repeat 50% 0/100px; color:#cdcdcd; font-size:18px; text-align:center;}
.main-reserve .form-bottom {display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:75px;}
.main-reserve .form-bottom .agreebox li ~ li {margin-top:10px;}
.main-reserve .form-bottom .btn-reserve {width:calc(50% - 12px); height:50px; background:#00594c; color:#fff; font-size:16px; line-height:50px; border-radius:5px;}

/* main-event */
.main-event {padding:130px 40px; background:url('/images/main/main_thumb_bg.jpg') no-repeat 50% 50%/cover;}
.main-event .mainEventSwiper {position:relative; max-width:1200px; max-height:600px; margin:0 auto;}
.main-event .mainEventSwiper .swiper-slide {display:flex; color:#000;}
.main-event .thumb-img {width:51%;}
.main-event .thumb-img img {width:100%; height:100%; max-height:600px;}
.main-event .thumb-txt {width:50%; padding:6%; background:#fff;}
.main-event .thumb-txt .sub-tit {font-size:14px; font-weight:700; letter-spacing:5px;}
.main-event .thumb-txt .tit {display:block; margin-top:16px; font-size:32px; font-weight:700;}
.main-event .thumb-txt .desc {margin-top:86px; font-size:16px;}
.main-event .thumb-txt .btn-area {margin-top:84px; text-align:right;}
.main-event .thumb-txt .btn-area .btn {display:inline-block; width:150px; height:40px; color:#043b33; font-size:14px; font-weight:400; line-height:40px; border:1px solid #043b33;}
.main-event .thumb-txt .btn-area .btn:hover {background:#043b33; color:#fff;}
.main-event .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {width:50%;}
.swiper-pagination-bullet-active {background:#043B33;}

/* main-banner */
.main-banner {width:100%; max-width:1400px; margin:0 auto; padding:140px 60px 0;}
/* .main-banner .list {display:flex; flex-direction:column; gap:40px;} */
.main-banner .list > li > a {display:flex; align-items:center; position:relative; height:100%; color:#fff;}
.main-banner .list img {max-width:100%;}
.main-banner .list .textarea {position:absolute; padding-left:110px;}
.main-banner .list .branch {padding:4px 22px; background:#fff; color:#043B33; font-size:18px; font-weight:700; border-radius:22px;}
.main-banner .list .branch.bg-green {background:#043B33; color:#fff;}
.main-banner .list .tit {margin-top:30px; color:#fff; font-size:50px; line-height:1.2;}
.main-banner .list .tit .sub {display:block;font-size:30px;}
.main-banner .list .tit strong {font-weight:700;}
.main-banner .list .color-green {color:#043B33;}
.main-banner .swiper-container {position: relative; height: 1090px;}
.main-banner .swiper {width: 100%; height: 100%;}
  

/* 2024-03-27 디자인 변경
.main-banner {position:relative; background:url('/images/main/main_event.jpg') no-repeat 50% 50%/cover;}
.main-banner .textbox {max-width:1280px; margin:0 auto; padding:5% 40px; color:#fff;}
.main-banner .textbox .sub-tit {font-size:14px; font-weight:700; letter-spacing:5px;}
.main-banner .textbox .tit {display:block; margin-top:15px; font-size:32px; font-weight:700;}
.main-banner .textbox .desc {margin-top:5px; font-size:16px;}
.main-banner .textbox .btn-area {display:inline-block; position:relative; margin-top:5vw;}
.main-banner .textbox .btn-area::after {content:""; position:absolute; bottom:8px; left:110%; width:26vw; height:2px; background:#fff;}
.main-banner .textbox .btn-area .btn {padding:0; color:#fff; font-size:16px; font-weight:400;}
*/

/* main-brand */
.main-brand {padding:450px 40px 100px; background:url('/images/main/main_brand.png') no-repeat 50% 50%;}
.main-brand .inner {text-align:center;}
.main-brand .desc {color:#000000; font-size:18px; line-height:46px;}
.main-brand .tit {display:block; margin-top:80px; color:#043b33; font-family:'Rozha One'; font-size:80px; font-weight:400;}

/* main-point */
.main-point {padding:100px 40px; background:#043b33;}
.main-point .inner {width:100%; max-width:1260px; margin:0 auto;}
.main-point .list {display:flex; justify-content:center; gap:30px;}
.main-point .list li {width:25%; background-repeat:no-repeat; background-position:50% 30px; border:1px solid #c1cfcd;}
.main-point .list li p {padding-top:230px; padding-bottom:25px; color:#fff; font-size:20px; text-align:center;}
.main-point .list li.item-1 {background-image:url('/images/main/main_point01.png'); background-size:116px;}
.main-point .list li.item-2 {background-image:url('/images/main/main_point02.png'); background-position:50% 50px; background-size:130px;}
.main-point .list li.item-3 {background-image:url('/images/main/main_point03.png'); background-size:150px;}
.main-point .list li.item-4 {background-image:url('/images/main/main_point04.png'); background-size:120px;}
.main-point .list li.item-4 p {padding-top:212px;}


@media (min-width:1920px) {
    .main-visual .text {width:75%;}
    .main-visual .beauty {width:75%;}
}


    

@media (max-width:1200px) {
    /* main-event */
    .main-event .thumb-txt .tit {margin-top:0;}
    .main-event .thumb-txt .desc {margin-top:56px;}
    .main-event .thumb-txt .btn-area {margin-top:56px;}

    /* main-brand */
    .main-brand {background-size:90vw; padding-top:31vw;}
    .main-brand .tit {font-size:6vw;}

    /* main-banner */
    .main-banner {padding:70px 16px 50px;}
    .main-banner .list .textarea {position:absolute; padding-left:20px;}
    /* .main-banner .list {flex-direction:column; gap:20px;} */
    .main-banner .list img {min-height:80px;}
    .main-banner .list .branch {padding:1px 10px; font-size:14px;}
    .main-banner .list .tit {margin-top:-3px; font-size:16px;}
    .main-banner .list .tit .sub {font-size:14px;}
    .main-banner .swiper-container {height:84vw}


    /* main-point */
    .main-point .list li p {font-size:1.7vw;}
}

@media (max-width:991px) {
    /* main common */
    .main-title {padding-bottom:40px;}
    .main-title h2 {font-size:20px;}
    .main-title p {margin-top:10px; font-size:16px;}

    /* main-visual */
    .main-visual .imgbox .pc-img {display:none;}
    .main-visual .imgbox .m-img {display:block; width:100%;}
    .main-visual .text {position:absolute; bottom:6vw; width:100%;}
    .main-visual .text .box {position:static; text-align:center;}
    .main-visual .text h2 {font-size:40px; line-height:0.9;}
    .main-visual .text p {margin-top:10px; font-size:16px;}
    .main-visual .beauty {position:static; width:90%;}
    .main-visual .beauty .img {bottom:initial; top:6vw; left:16px; width:22vw; height:22vw;}
    .main-visual .network {position:relative; width:100%; height:auto; padding:40px 20px;}
    .main-visual .network .titlearea .sub-tit {font-size:12px;}
    .main-visual .network .titlearea .tit {font-size:18px;}
    .main-visual .network .summary {gap:10px; margin-top:20px;}
    .main-visual .network .summary > li {justify-content:space-between; padding:10px 12%;}
    .main-visual .network .summary > li .comming-bg {font-size:20px;line-height:62px;padding-top:0;}
    .main-visual .network .summary > li .comming-bg .m-none {display:none;}
    .main-visual .network .summary .head {font-size:18px;}
    .main-visual .network .summary .data {flex-direction:row;}
    .main-visual .network .summary .btn-home, .main-visual .network .summary .btn-kakao {gap:0; padding:10px 20px; font-size:0;}
    .main-visual .network .summary .btn-home::before {width:20px; height:20px; background-size:100%;}
    .main-visual .network .summary .btn-kakao::before {width:21px; height:20px; background-size:100%;}


    /* 시술 예약 */
    .main-reserve {padding:70px 20px;}
    .main-reserve input[type="text"], .main-reserve input[type="password"], .main-reserve input[type="number"], .main-reserve input[type="email"], .main-reserve input[type="search"], .main-reserve input[type="tel"] {height:40px; padding-left:10px; font-size:14px;}
    .main-reserve .colbox {flex-direction:column;}
    .main-reserve .colbox > .box {width:100%; padding:20px 10px; border-radius:15px;}
    .main-reserve .form-list > li {padding:0 5px;}
    .main-reserve .form-list > li ~ li {margin-top:15px;}
    .main-reserve .form-list .form-tit {font-size:15px;}
    .main-reserve .form-list textarea {height:80px; padding:10px; font-size:14px;}
    .main-reserve .form-list .form-field.gender input[type="radio"] + span {height:40px; font-size:14px; line-height:40px;}
    .main-reserve .form-list .form-field.search .btn-search {height:40px;}
    .main-reserve .form-list .search-chkbox {padding:10px 12px 6px;}
    .main-reserve .form-list .search-chkbox > li ~ li {margin-top:4px;}
    .main-reserve .form-list .search-chkbox input[type="radio"] + span {padding-left:22px; font-size:14px;}
    .main-reserve .form-list .search-chkbox input[type="radio"] + span::before {width:16px; height:16px;}
    .main-reserve .form-list .search-chkbox input[type="radio"]:checked + span::after {top:6px; left:4px; width:8px; height:8px;}
    .main-reserve .calendar-tit {margin-bottom:10px; padding-left:18px; background-size:14px; font-size:15px;}
    .main-reserve .calendar-area {margin-top:0;}
    .main-reserve .calendar-area #date_selector {max-width:160px; margin-bottom:10px; font-size:18px;}
    .main-reserve .calendar-area #date_selector a.btn-prev {width:20px; background-size:10px;}
    .main-reserve .calendar-area #date_selector a.btn-next {width:20px; background-size:10px;}
    .main-reserve .calendar-area #cal_table .cal_header {height:30px;}
    .main-reserve .calendar-area #cal_table .cal_cell .box {height:40px;}
    .main-reserve .calendar-area #cal_table .cal_cell .box .date {font-size:16px;}
    .main-reserve .calendar-area #cal_table .cal_cell .box.is-active .date {width:30px; padding:2px 0}
    .main-reserve .reserve-time {padding-top:20px;}
    .main-reserve .reserve-time .time-list {gap:8px 1.6%;}
    .main-reserve .reserve-time .time-list label {width:15.3%;}
    .main-reserve .reserve-time .time-list input[type="radio"] + span {font-size:13px;}
    .main-reserve .reserve-time .nodata {margin-top:0; padding-top:50px; background-size:40px; font-size:16px;}
    .main-reserve .form-bottom {flex-direction:column; align-items:baseline; gap:20px; margin-top:20px;}
    .main-reserve .form-bottom .agreebox li ~ li {margin-top:5px;}
    .main-reserve .form-bottom .btn-reserve {width:100%; height:40px; line-height:40px;}

    /* main-event */
    .main-event {padding:70px 20px;}
    .main-event .mainEventSwiper {max-height:100%;}
    .main-event .mainEventSwiper .swiper-slide {display:block; position: relative;}
    .main-event .thumb-img {width:100%;}
    .main-event .thumb-img img {max-height:100%;}
    .main-event .thumb-txt {width:100%; padding:20px;}
    .main-event .thumb-txt .tit {margin-top:0; font-size:22px;}
    .main-event .thumb-txt .desc {margin-top:10px; font-size:14px;}
    .main-event .thumb-txt .btn-area {margin-top:20px;}
    .main-event .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction  {width: 100%; bottom:32vh;}

    
    
    /* 2024-03-27 디자인 변경
    .main-banner {background:#b8cdb5 url('/images/main/m_main_event.jpg') no-repeat 100% 0/auto 100%;}
    .main-banner .textbox {padding:40px 20px;}
    .main-banner .textbox .tit {margin-top:0; font-size:22px;}
    .main-banner .textbox .desc {margin-top:10px;}
    .main-banner .textbox .btn-area {margin-top:70px;}
    .main-banner .textbox .btn-area::after {height:1px;}
    */

    /* main-brand */
    .main-brand {padding:120px 0 50px; background-position:50% 40px; background-size:310px;}
    .main-brand .desc {font-size:14px;}
    .main-brand .tit {margin-top:20px; font-size:30px;}
    
    /* main-point */
    .main-point {padding:30px 20px;}
    .main-point .list {flex-wrap:wrap; gap:20px;}
    .main-point .list li {width:calc(50% - 10px); background-position:50% 20px;}
    .main-point .list li p {padding-top:110px; padding-bottom:20px; font-size:13px;}
    .main-point .list li.item-1 {background-size:116px; background-size:54px;}
    .main-point .list li.item-2 {background-position:50% 30px; background-size:62px;}
    .main-point .list li.item-3 {background-size:150px; background-size:70px;}
    .main-point .list li.item-4 {background-size:120px; background-size:60px;}
    .main-point .list li.item-4 p {padding-top:106px;}

}