/**************************************************
* 1 - landing-sect-visual
**************************************************/

.landing section { padding: 0; }
.landing-sect-visual .landing-visual-box{ position: relative; display: flex; background-image: url(/img/landing-visual-box-bg.png); background-size: cover; background-repeat: no-repeat; background-position-x: 50%;}

.landing-sect-visual .landing-visual-box .landing-visual-tit{ text-align: center; position: absolute; top: 15%; left: 50%; transform: translateX(-50%); width: 100%; }
.landing-sect-visual .landing-visual-box .landing-visual-tit span{ font-size: 1.125em;letter-spacing: 7px; }
.landing-sect-visual .landing-visual-box .landing-visual-tit p{ font-size: 1.563em; }
.landing-sect-visual .landing-visual-box .landing-visual-tit em{ font-weight: 600; }

.landing-sect-visual .landing-visual-box .landing-visual-half{ display: block; width: 50%; padding-top: 17.5em; text-align: center;}
.landing-sect-visual .landing-visual-box .landing-visual-half p{ font-size: 1.875em; font-weight: 400; padding-bottom: 5%;}
.landing-sect-visual .landing-visual-box .landing-visual-half a{ margin: 0.625em; }
.landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mt-doctor{ position: relative; }
/* @media (max-width:680px) {
    .landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mt-doctor { margin-top: 1.25em;}
}
@media (max-width:640px) {
    .landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mt-doctor { margin-top: 3.25em;}
} */
.landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mt-doctor span{ position: absolute; bottom: 0; left: 0; font-size: 9px; color: #605f5e; font-weight: 500; min-width: 60px;}
.landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mt-doctor span:nth-of-type(1){ left: -10%; bottom: 13%; }
.landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mt-doctor span:nth-of-type(2){ left: 22%; bottom: 13%;}
.landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mt-doctor span:nth-of-type(3){ left: 68%; bottom: 15%;}
.landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mh-doctor{ position: relative; width: 83%;}
.landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mh-doctor span{ position: absolute; bottom: 0; right: 0; font-size: 9px; color: #605f5e; font-weight: 500; min-width: 60px;}
.landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mh-doctor span:nth-of-type(1){ bottom: 10%; right: 96%; }
.landing-sect-visual .landing-visual-box .landing-visual-half .landing-visual-mh-doctor span:nth-of-type(2){ bottom: 10%; }


.landing-sect-visual .landing-visual-box .landing-visual-mt { display: flex; flex-direction: column;align-items: center; }
.landing-sect-visual .landing-visual-box .landing-visual-mh { display: flex; flex-direction: column; align-items: center; }

.landing-sect-visual .landing-visual-box .landing-visual-mt .btn.hover-effect01{ height: auto; border-radius: 50%; line-height: 1.5; padding: 2.5em; width: 125px;}

/* @media (max-width:680px) {
    .landing-sect-visual .landing-visual-box .landing-visual-mt .btn.hover-effect01{ margin-bottom: 3em; }

} */

.landing-sect-visual .landing-visual-box .landing-visual-mh .btn.hover-effect01{ height: auto; border-radius: 50%; line-height: 1.5; padding: 2.5em; width: 125px;}

.landing-sect-visual .btn { background-color: #b1c117; margin: 0 auto; color: #fff;}
.landing-sect-visual .btn .btn-txt { color: #fff; display: block;}

.icon-arrow22 {  width:12px; height:6px; top:-2px;  background:url("/img/icon-arrow02-hover.png") no-repeat center/ 100% auto; }

@media (max-width:991px) {
    .landing-sect-visual .landing-visual-box{background-position: 50% 15%;}
    
    .landing-sect-visual .landing-visual-box .landing-visual-mt .btn.hover-effect01{width:7.2rem; height:7.2rem; border-radius:100%; padding:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
    .landing-sect-visual .landing-visual-box .landing-visual-mh .btn.hover-effect01{width:7.2rem; height:7.2rem; border-radius:100%; padding:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
    .landing-sect-visual .landing-visual-box .landing-visual-mt .btn.hover-effect01 > i{margin-top:4px;}
    .landing-sect-visual .landing-visual-box .landing-visual-mh .btn.hover-effect01 > i{margin-top:4px;}
}
@media (max-width:480px) {
    .landing-sect-visual .landing-visual-box .landing-visual-half{padding-top:13.5em;}
    .landing-sect-visual .landing-visual-box .landing-visual-half p{font-size:1.65rem;}
}


/**************************************************
* 2 - landing-sect-signature
**************************************************/
/* .landing-sect-signature { width: 100%; height: 100%; position: relative; }
.landing-sect-signature .landing-signature-cont { margin-top: -32px; position: relative; width: 100%; height: 100%; }
.landing-sect-signature .landing-signature-cont img{ width: 100%; object-fit: cover; }
.landing-sect-signature .landing-signature-cont a{ position: absolute; width: 41%; height: 8%; border-radius: 51% 67%; background: none; top: 0; left: 0;}
.landing-sect-signature .landing-signature-cont .signature-btn-mt { left: 5.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mt.ultherti { top: 10.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mt.thermage_flx { top: 22.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mt.ulthera { top: 34.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mt.titanium { top: 46.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mt.eraser { top: 58.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mt.crp { top: 70.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mt.zeltiq { top: 82.3%; }

.landing-sect-signature .landing-signature-cont .signature-btn-mh { left: 54.5%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mh.ultherti { top: 10.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mh.thermage_flx { top: 22.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mh.ulthera { top: 34.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mh.titanium { top: 46.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mh.eraser { top: 58.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mh.sfit { top: 70.3%; }
.landing-sect-signature .landing-signature-cont .signature-btn-mh.tune { top: 82.3%; } */


.landing-sect-signature .container-fluid { background-image: url(/img/landing-sect-signature-bg_m.png); margin-top: -21px; padding-top: 30px; background-repeat: no-repeat; background-size: cover; background-position-x: 50%;}
.landing-sect-signature .titlebox { font-weight: 400; position: absolute; display: block; width: 100%; padding: 10% 0 0;}
.landing-sect-signature .titlebox span { font-weight: 300; color: #686868;}


.landing-signature-half { width: 50%; float: left; padding-top: 13rem; padding-bottom: 60px; } 
.landing-signature-half.left { background-color: transparent; font-family: 'Noto Sans KR';}
.landing-signature-half.right { background-color: transparent; font-family: 'Noto Sans KR';}
.landing-signature-half > p { font-size: 20px; padding-bottom: 22px; font-family: 'Noto Sans KR';}

#landing-signature-gallery-slide { padding-bottom: 3.125rem; }
#landing-signature-gallery-slide .swiper-slide { display:flex; align-items:center; justify-content:space-between; flex-direction: column;}
#landing-signature-gallery-slide .swiper-slide .imgbox { text-align: center;}
#landing-signature-gallery-slide .swiper-slide .imgbox img{ max-width: 75%;}
#landing-signature-gallery-slide .swiper-slide .txtbox { text-align: center; padding-top: 10%;}
/* #landing-signature-gallery-slide .swiper-slide .txtbox .btn.hover-effect01 .icon-arrow02{ background: url("/img/icon-arrow02.png") no-repeat center/ 100% auto; } */
#landing-signature-gallery-slide .swiper-slide h3 { margin-bottom:1.125rem; font-size:1.5rem; font-weight:500; }
#landing-signature-gallery-slide .swiper-slide .txt01 { font-size:0.9rem; font-weight:400; color: #000; padding-bottom: 0.7rem;}
#landing-signature-gallery-slide .swiper-slide .txt02 { font-size:0.7rem; color:#727272; font-weight:400; }
#landing-signature-gallery-slide .swiper-slide .btn { height:40px; line-height:38px; margin-top:2.375rem; }
#landing-signature-gallery-slide .swiper-slide .btn-txt { font-size:0.875rem; }

#landing-signature-gallery-slide-navigation span { display:inline-block; width:0.938rem; height:36px; position:absolute; top:calc(50% - 70px); cursor:pointer; z-index:10; }
#landing-signature-gallery-slide-navigation .swiper-prev { background:url("/img/icon-arrow-prev05.png") no-repeat center/ 100% auto; left:35%; margin-left:-25%; }
#landing-signature-gallery-slide-navigation .swiper-next { background:url("/img/icon-arrow-next05.png") no-repeat center/ 100% auto; right:35%; margin-right:-25%; }

#landing-signature-gallery-slide-pagination { bottom:0; }
#landing-signature-gallery-slide-pagination .swiper-pagination-bullet { width:8px; height:8px; margin:4px 4px; background-color:#cacaca; opacity:1; }
#landing-signature-gallery-slide-pagination .swiper-pagination-bullet-active { width:12px; height:12px; margin:2px 4px; background-color:#b1c117; } 

@media (max-width:480px) {
    #landing-signature-gallery-slide .swiper-slide .txt01 { font-size:0.8rem;}
}

/**************************************************
* 3 - landing-sect-map
**************************************************/
.landing-sect-map .container-fluid { padding-top: 90px;}
.landing-sect-map .titlebox { font-weight: 500; position: absolute; display: block; width: 100%; font-size: 35px;}

.landing-map-half { width: 50%; float: left; padding-top: 100px;display: flex;flex-direction: column;align-items: center; }
.landing-map-half > p { font-size: 1.250em; padding-bottom: 22px; font-family: 'Noto Sans KR';}

.landing-map-box { width: 70%; height: auto; border: 2px solid #b1c117;}
.landing-map-tit { padding: 30px 0 25px; font-size: 0.9rem; }
.landing-map-txt p { font-size: 0.9rem; padding-top: 15px; }
.landing-map-txt p span { color: #b1c117;}
.landing-map-txt .txt02 { display:inline-block; font-size:1rem; font-weight:500; color:#838383; vertical-align:top; }
.landing-map-txt dl { margin-bottom:7px; font-weight:300}
.landing-map-txt dt { display:inline-block; width:95px; color:#838383; font-size:0.8rem; font-family:'Noto Sans KR', sans-serif; }
.landing-map-txt dt img { vertical-align:middle; margin-right:5px; margin-top:-2px; }
.landing-map-txt dd { display:inline-block; color:#838383; font-size:0.8rem; font-weight:300; margin-right: 0%;}
.landing-map-txt .txt01 { margin-top:1.75rem; color:#838383; font-size:1.125rem; }


/* 지점별 맵 연동 */
#map > div:nth-child(2){z-index:1 !important;}
#map2 > div:nth-child(2){z-index:1 !important;}
#map > div > div{
    transform: translateX(-25%) translateY(-0%) translateZ(0);
    -webkit-transform: translateX(-25%) translateY(-0%) translateZ(0);
    -moz-transform: translateX(-25%) translateY(-0%) translateZ(0);
    -ms-transform: translateX(-25%) translateY(-0%) translateZ(0);
    -o-transform: translateX(-25%) translateY(-0%) translateZ(0);
}
#map2 > div > div{
    transform: translateX(-15%) translateY(-10%) translateZ(0);
    -webkit-transform: translateX(-15%) translateY(-10%) translateZ(0);
    -moz-transform: translateX(-15%) translateY(-10%) translateZ(0);
    -ms-transform: translateX(-15%) translateY(-10%) translateZ(0);
    -o-transform: translateX(-15%) translateY(-10%) translateZ(0);
}
.map_marker .map_link_txt {font-size:0.7em;}
.map_marker .map_group { padding: 5px 7px 5px 4px;}

/* .map_marker{width:auto; padding:5px 1rem 5px 5px; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px;}
.map_active.map_marker{border:1px solid transparent; background-color:#0475f4;}
.map_normal.map_marker{border:1px solid #0475f4; background-color:#fff;}
.map_marker:after{ content:''; position: absolute; width:7px; height:7px; bottom:-3px; left:18px; transform:rotate(45deg) ; -webkit-transform:rotate(45deg) ; -moz-transform:rotate(45deg) ; -ms-transform:rotate(45deg) ; -o-transform:rotate(45deg) ; }
.map_normal.map_marker:after{background: #fff; border-right:1px solid #0475f4; border-bottom:1px solid #0475f4}
.map_active.map_marker:after{background: #0475f4;}

.map_link_icon,
.map_link_txt{vertical-align: middle; display: inline-block;}
.map_link_txt{font-weight: 500; margin:0 5px}
.map_normal .map_link_txt{font-size:13px; }
.map_normal .map_link_txt:hover{color: #0475f4;}
.map_active .map_link_txt{font-size:15px; color: #fff;}
.map_active .map_link_txt:hover{color: #fff;} */




@media (max-width:480px) {
    .landing-sect-map .container-fluid{padding-top: 6rem;}
    
    .landing-map-half{position:relative; width:50%; max-width:100%; margin:0; padding:6rem 0.5rem 0;}
    .landing-map-half > p{ font-size: 1.3rem; padding-bottom: 1rem;}
    
    .landing-map-box{width:95%; margin:0 auto;}
    .landing-map-box > #map{height:200px !important;}
    .landing-map-box > #map2{height:200px !important;}
    .landing-map-box > #map .map_copyright{display:none !important;}
    .landing-map-box > #map2 .map_copyright{display:none !important;}
    .landing-map-box > #map .map_marker .map_group{width:9.4rem;}
    .landing-map-box > #map .map_marker .map_group > a{display:flex; justify-content:flex-start; align-items:center;}
    .landing-map-box > #map .map_marker .map_link_txt{font-size:1rem;}
    .landing-map-box > #map2 .map_marker .map_group{width:9.4rem;}
    .landing-map-box > #map2 .map_marker .map_group > a{display:flex; justify-content:flex-start; align-items:center;}
    .landing-map-box > #map2 .map_marker .map_link_txt{font-size:1rem;}
    
    #map2 > div > div {
        transform: translateX(-20%) translateY(0%) translateZ(0);
        -webkit-transform: translateX(-20%) translateY(0%) translateZ(0);
        -moz-transform: translateX(-20%) translateY(0%) translateZ(0);
        -ms-transform: translateX(-20%) translateY(0%) translateZ(0);
        -o-transform: translateX(-20%) translateY(0%) translateZ(0);
    }
    
    .landing-map-tit{padding:1.6rem 0 1rem; font-size:0.9rem;}
    .landing-map-txt dl{display:flex; justify-content:center; align-items:center;}
    .landing-map-txt dt{width:35%; text-align: left;}
    .landing-map-txt dd{padding:0; width:auto; text-align: left;}
    .landing-map-txt p{font-size:0.8rem; padding-top:0.8rem;}
    .landing-map-txt p span{display:inline-block; font-size:0.8rem; margin-top:10px;}
    
}

@media (max-width:376px) {
    .landing-map-box > #map{height:160px !important;}
    .landing-map-box > #map2{height:160px !important;}
}




/**************************************************
* 4 - landing-sect-month-event
**************************************************/
.landing-sect-month-event { position:relative; width:100%; padding-bottom:6rem !important; background:url("../../img/landing-sect-month-event-bg.png") no-repeat center top/ auto; }

.landing-sect-month-event .titlebox { padding:6rem 0; }

.landing-month-event-wrap{position:relative; width:100%;}
.landing-month-event-half{position:relative; width:50%; max-width:325px; margin:0 4rem;}
.landing-month-event-half > p { font-size: 1.375rem; padding-bottom: 22px; font-family: 'Noto Sans KR';}
.landing-sect-month-event li { width:100%; background-color:#fff; border-radius:10px; box-shadow:0px 12px 17.64px 3.36px rgba(196, 196, 196, 0.47); overflow:hidden; }
.landing-sect-month-event .imgbox { position:relative; width:100%; aspect-ratio:1/1; border-radius:10px; overflow:hidden; box-shadow:0px 12px 17.64px 3.36px rgba(196, 196, 196, 0.47); }
.landing-sect-month-event .txtbox { padding:25px; }
.landing-sect-month-event .txtbox .tit { padding-bottom:10px; font-size:1.125rem; font-weight:400; border-bottom:1px solid #e4e4e4; }
/*****************
2023-10-26 수정전
.landing-sect-month-event .txtbox .tit { padding-bottom:10px; font-size:1.125rem; font-weight:400; border-bottom:1px solid #e4e4e4; }
******************/
.landing-sect-month-event .txtbox .tit span { display:inline-block; margin-right:7px; }
.landing-sect-month-event .txtbox .date { height:30px; line-height:30px; font-size:12px; color:#a6a6a6; }
.landing-sect-month-event .txtbox .dday-wrapper { display:flex; align-items:center; justify-content:space-between; margin-top:10px; }
.landing-sect-month-event .txtbox .dday-bar { display:inline-block; position:relative; width:90%; height:2px; background-color:#e4e4e4; }
.landing-sect-month-event .txtbox .dday-inner { display:inline-block; position:absolute; top:0; left:0; height:2px; background-color:#b1c117; }
.landing-sect-month-event .txtbox .dday-date { font-size:12px; color:#b1c117; font-weight:400; }
.landing-sect-month-event .btn-group { margin:0 auto 0.938rem; }
.landing-sect-month-event .btn-group a { font-size:12px; }

@media (max-width:991px) {
    .landing-sect-month-event .titlebox { padding:6rem 0 3rem; }
    
    .landing-month-event-half{position:relative; width:50%; max-width:100%; margin:0;}
    .landing-month-event-half.left{padding-right:0.5rem;}
    .landing-month-event-half.right{padding-left:0.5rem;}
    .landing-month-event-half > p { font-size: 1.3rem; padding-bottom: 1rem;}
}