@charset "utf-8";

#sv_wrap {width: 170vw; height:540px; background-color:#d37f74; border-radius: 0 0; overflow: hidden; transform: translateX(-35vw);}
#sv {width: 100vw; height:540px !important;  position: relative; transform:translateX(35vw);}
#sv .sv_visual {width: 100%; height: 710px !important; background-size:cover; background-position: 50% 50%; transform:scale(1.1); animation: sv-bg-change 10s infinite;}
#sv .sv_tit_wrap {position: absolute; top: 55%; text-align:center; width:100%; transform:translateY(-50%); color: #fff;  }
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} */
#sv .sv_tit_wrap span {opacity: 0; animation:svTxt 0.7s 0.3s forwards; display: inline-block;border-radius:50px; letter-spacing:1px;}
#sv .sv_tit_wrap h3 {opacity: 0; animation:svTxt 0.7s 0.5s forwards; }
#sv .sv_tit_wrap p {opacity: 0; animation:svTxt 0.7s 0.7s forwards; }


@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

@keyframes svTxt {
    0% {
        transform:translateY(50px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}


.scroll_down span:after { background: #fdebd2;}

 
.con1 {padding: 100px 0; background-color:#fefbf7;}
.con1 .logo { width: 120px;  height: 120px;  background: url('/assets/images/sub/logo.png') 50% 50% no-repeat;  animation: progress_Rotate 3s linear infinite;  position: relative;  z-index: 1; margin:0 auto; }
@keyframes progress_Rotate {
  to {
    transform: rotate(360deg);
  }
}


.con11 {padding: 100px 0 0; background-color:#fefbf7;}
.con11 .logo { width: 120px;  height: 120px;  background: url('/assets/images/sub/logo.png') 50% 50% no-repeat;  animation: progress_Rotate 3s linear infinite;  position: relative;  z-index: 1; margin:0 auto; }
.con11 .logo2 { width: 120px;  height: 120px;  background: url('/assets/images/sub/care_top_logo2.png') 50% 50% no-repeat;  animation: progress_Rotate 3s linear infinite;  position: relative;  z-index: 1; margin:0 auto; }
@keyframes progress_Rotate {
  to {
    transform: rotate(360deg);
  }
}

.con11 .sv_ch_btn {display: inline-block; padding: 10px 70px; border: 1px solid #fae100; border-radius:100px; overflow: hidden;  margin-top: 30px; z-index: 9; position: relative; }
.con11 .sv_ch_btn p { color: #33131f;font-weight: 400; transition:.25s;}
.con11 .sv_ch_btn p:after {content:''; display: block; width: 110%; height: 0; padding-bottom:110%; background-color: #fae100; border-radius:50%; transform:translate3d(-50%,-50%,0) scale3d(0,0,1); position: absolute; top: 50%; left: 50%; z-index: -1;}
.con11 .sv_ch_btn .icon {display: inline-block; width: 50px; height: 46px; background: url('/assets/images/sub/sv_ch_btn.png') 0 0 no-repeat; vertical-align: middle; transition:.4s;}
.con11 .sv_ch_btn .txt {display: inline-block; vertical-align: middle; margin-left:7px;}
.con11 .sv_ch_btn:hover p {color: #333;}
.con11 .sv_ch_btn:hover p:after {transition:transform .4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform .4s cubic-bezier(0.1, 0, 0.3, 1);transform:translate3d(-50%,-50%,0) scale3d(1,1,1);}
.con11  .sv_ch_btn:hover .icon {background-image: url('/assets/images/sub/sv_ch_btn.png'); }


.con13 .logo2 { width: 120px;  height: 120px;  background: url('/assets/images/sub/care_top_logo2.png') 50% 50% no-repeat;  animation: progress_Rotate 3s linear infinite;  position: relative;  z-index: 1; margin:0 auto; }
.con2 {padding: 160px 0 0;}

.event_new img{width:100%}

.num_box  {position: relative; }
.num_box ul {/*background: url('/img/sub/symbol_bg.png') 50% 100px no-repeat;*/}
.num_box ul:before {content:''; display: block; width: 200%; height: 1px; background-color: #e5e5e5; position: absolute; left: -50%; top: 50px;}

.num_box li {display: flex; padding: 50px 0; position: relative;}
.num_box li:after {content:''; display: block; width: 200%; height: 1px; background-color: #e5e5e5; position: absolute; left: -50%; bottom: 0;}
.num_box li .lt {padding: 0 65px 0 0;width:40%;display: block;}
.num_box li .rt {width:70%; padding-top:15px;}
.num_box li .num {position: relative;display: inline-block; sans-serif;letter-spacing: 2px;margin-right: 20px;}
.num_box li .txt{position: absolute;  left: 10%; top: 85px;  display: block;}
.num_box li .lt img { width:100%;}

.num_box li .rt .clinic_list_box {font-size: 0;align-items: center;}
.num_box li .rt .clinic_list_box .clinic_list li {padding: 0 0;/*border-bottom: 1px solid #ddd;*/text-align:left;align-items: baseline;}
.num_box li .rt .clinic_list_box .clinic_list li > p {display: inline-block;vertical-align:middle;width: 100%;}
.num_box li .rt .clinic_list_box .clinic_list li .num {width: 50px; height: 35px; line-height: 35px; text-align: center; background-color: #d37f74; color:#fff; border-radius:8px; font-family: 'Montserrat'; font-weight:500; font-size:16px;  letter-spacing: 0;
    margin-right: 5px;}
.num_box li .rt .clinic_list_box .clinic_list li .txt {width: 275px;padding-left: 5px;font-weight:500;color:#222;text-align:left;position: relative;top: 0;left: 0;}

.num_box li .rt .clinic_list_box ul:before  {display: none !important; }
.num_box li .rt .clinic_list_box li:after  {display: none !important; }

.chk_txt p {position: relative; padding-left: 45px; line-height: 1.7; word-break:keep-all; margin-bottom: 5px;}
.chk_txt p:after {content:''; display: block; width: 22px; height: 17px; background: url('/assets/images/sub/check.png') 0 0 no-repeat; position: absolute; top: 6px; left: 10px;}

.con3 {padding: 100px 0 0; background-color:#d37f74;}
.con3 ul {position: relative; font-size: 0;}
.con3 ul:after,
.con3 ul:before {content:'';display: block;position: absolute;top: 101px;}
.con3 ul:after {width: 300%; height: 1px; background-image: linear-gradient(140deg, #f1c8c3 10%, #f1c8c3 85%); left: -150%;}
.con3 li .year {font-family: 'Montserrat', sans-serif;letter-spacing: -1px;font-weight:500;color: #fff;/* background-color:#0d254b; */padding:10px 3px;width:100%;border-radius:50px; word-break:keep-all;}
.con3 li p {line-height: 1.33; color: #666; text-align:center;}
.con3 li .bar_list {padding-left: 10px; position: relative;}
.con3 li .bar_list:after {content:'-'; display: block; position: absolute; top: 0; left: 0;}
.con3 li {display: inline-block;width: 16.667%;position: relative;}
.con3 li:nth-child(odd) {margin-bottom: 50px;padding-bottom: 40px;vertical-align: top;height: 100px;}
.con3 li:nth-child(even) {margin-top: 95px;padding-top: 60px;vertical-align: middle;height: 100px;}
.con3 li:after {content:'';display: block;position: absolute;left: 50%;}
.con3 li:before {content:'';display: block;position: absolute;left: 51%;}
.con3 li:after {width: 1px; height:35px; background-color: #fff;  }
.con3 li:before {width: 15px;height: 15px;background-color: #fdebd2;left: 46.7%;z-index: 1;transform: rotate(-45deg);}
.con3 li:nth-child(odd):after {bottom: 10px;}
.con3 li:nth-child(even):after {top: 15px;}
.con3 li:nth-child(odd):before {bottom: -8px;}
.con3 li:nth-child(even):before {top: -3px;}
.con3 li:first-child:before,
.con3 li:last-child:before {width: 15px;height: 15px;left: 46.7%;}
.con3 li:first-child:before {bottom: -8px;}
.con3 li:last-child:before {bottom: 0;}
.con3 li:hover {scale: 1.3; }
.con3 li:nth-child(odd) .year {position: absolute;bottom: 50px;left: 0;}
.con3 li:nth-child(odd) .txt { margin-top:-50px;}
.con3 li:first-child .txt {padding-top: 0px;}

.con31 {padding: 100px 0 0; background-color:#d37f74;}
.con31 ul {position: relative; font-size: 0;}
.con31 ul:after,
.con31 ul:before {content:'';display: block;position: absolute;top: 120px;}
.con31 ul:after {width: 300%; height: 1px; background-image: linear-gradient(140deg, #f1c8c3 10%, #f1c8c3 85%); left: -150%;}
.con31 li .year {font-family: 'Montserrat', sans-serif;letter-spacing: -1px;font-weight:500;color: #fff;/* background-color:#0d254b; */padding: 0 3px 50px;width:100%;border-radius:50px;word-break:keep-all;}
.con31 li p {line-height: 1.33; color: #666; text-align:center;}
.con31 li .bar_list {padding-left: 10px; position: relative;}
.con31 li .bar_list:after {content:'-'; display: block; position: absolute; top: 0; left: 0;}
.con31 li {display: inline-block;width: 14.285%;position: relative;}
.con31 li:nth-child(odd) {margin-bottom: 50px;padding-bottom: 40px;vertical-align: top;height: 120px;}
.con31 li:nth-child(even) {margin-top: 115px;padding-top: 60px;vertical-align: middle;height: 120px;}
.con31 li:after {content:'';display: block;position: absolute;left: 50.5%;}
.con31 li:before {content:'';display: block;position: absolute;left: 51%;}
.con31 li:after {width: 1px; height:35px; background-color: #fff;  }
.con31 li:before {width: 15px;height: 15px;background-color: #fdebd2;left: 46.7%;z-index: 1;transform: rotate(-45deg);}
.con31 li:nth-child(odd):after {bottom: 10px;}
.con31 li:nth-child(even):after {top: 15px;}
.con31 li:nth-child(odd):before {bottom: -8px;}
.con31 li:nth-child(even):before {top: -3px;}
.con31 li:first-child:before,
.con31 li:last-child:before {width: 15px;height: 15px;left: 46.7%;}
.con31 li:first-child:before {bottom: -8px;}
.con31 li:last-child:before {bottom: -7px;}
.con31 li:hover {scale: 1.3; }



.con32 {padding: 100px 0 0; background-color:#d37f74;}
.con32 ul {position: relative; font-size: 0;}
.con32 ul:after,
.con32 ul:before {content:'';display: block;position: absolute;top: 120px;}
.con32 ul:after {width: 300%; height: 1px; background-image: linear-gradient(140deg, #f1c8c3 10%, #f1c8c3 85%); left: -150%;}
.con32 li .year {font-family: 'Montserrat', sans-serif;letter-spacing: -1px;font-weight:500;color: #fff;/* background-color:#0d254b; */padding: 0 3x 50px;width:100%;border-radius:50px;word-break:keep-all;}
.con32 li p {line-height: 1.33; color: #666; text-align:center;}
.con32 li .bar_list {padding-left: 10px; position: relative;}
.con32 li .bar_list:after {content:'-'; display: block; position: absolute; top: 0; left: 0;}
.con32 li {display: inline-block;width: 12.5%;position: relative;}
.con32 li:nth-child(odd) {margin-bottom: 50px;padding-bottom: 40px;vertical-align: top;height: 120px;}
.con32 li:nth-child(even) {margin-top: 115px;padding-top: 60px;vertical-align: middle;height: 120px;}
.con32 li:after {content:'';display: block;position: absolute;left: 51%;}
.con32 li:before {content:'';display: block;position: absolute;left: 51%;}
.con32 li:after {width: 1px; height:35px; background-color: #fff;  }
.con32 li:before {width: 15px;height: 15px;background-color: #fdebd2;left: 46.7%;z-index: 1;transform: rotate(-45deg);}
.con32 li:nth-child(odd):after {bottom: 10px;}
.con32 li:nth-child(even):after {top: 15px;}
.con32 li:nth-child(odd):before {bottom: -8px;}
.con32 li:nth-child(even):before {top: -3px;}
.con32 li:first-child:before,
.con32 li:last-child:before {width: 15px;height: 15px;left: 46.7%;}
.con32 li:first-child:before {bottom: -8px;}
.con32 li:last-child:before {bottom: 0;}
.con32 li:hover {scale: 1.3; }




.order_img { position:relative; bottom:150px;}
.order_img .img{ transition:.7s; border-radius:0 50px 0 50px; overflow:hidden;}
.order_img .img:hover{ border-radius:0 50px 0 50px; transform:translateY(-30px); }

.con4 {width: 100%;background-image:url('/assets/images/sub/bg.jpg'); background-position:50% 50%; background-size:cover; background-attachment:fixed; padding:160px 0; }

.con5 {padding: 160px 0;}
.icon_wrap {}
.icon_list {text-align:center; margin:0 auto;}
.icon_list li {display: inline-block; width: calc(25% - 0px); margin: -1px -6px 0 0;  padding:50px 10px;  vertical-align: top; position:relative; text-align:center; border:1px solid #ddd; background-color:#ffff;}
.icon_list li:nth-child(2n) { background-color:#fff}
.icon_list li .icon_img {position: relative; text-align:center; }
.icon_list li .num {display: inline-block; width: 55px; height: 55px; background-color: #74c5ce; border-radius:50%; text-align: center; line-height: 55px; font-weight:500;  color: #fff; font-size: 22px; letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;}


.icon_list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 1;
    border-radius:0; 
	border :1px solid rgba(212,127,116,0);
	-webkit-transition:border-width .5s ease,border-color .5s ease; 
	-moz-transition:border-width .5s ease,border-color .5s ease; 
	-o-transition:border-width .5s ease,border-color .5s ease; 
	transition:border-width .5s ease,border-color .5s ease
}

.icon_list li:hover:before {
	border-width :8px; /* Change this line */
	border-color :rgba(212,127,116,0.7);/* Change this line */
	-webkit-transition:border-width .5s ease,border-color .5s ease; 
	-moz-transition:border-width .5s ease,border-color .5s ease; 
	-o-transition:border-width .5s ease,border-color .5s ease; 
	transition:border-width .5s ease,border-color .5s ease
}



.m3 {padding: 160px 0 0; background-image:url('/assets/images/sub/bg1.jpg'); background-position:50% 50%; background-size:cover; background-attachment:fixed;}
.s_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.s_tab li {display: inline-block; vertical-align: top; margin:0 5px; }
.s_tab li a {display: block;  text-align: center; line-height:45px; font-size: 18px; font-weight: 400; color: #333; border:2px solid #d37f74; background-color:#fff;  border-radius:30px; transition: .25s; }
.s_tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.s_tab li a.active,
.s_tab li a:hover{ color: #fff; background-color:#d37f74; font-weight: 500; }
.s_tab_con > .con {display: none;}
.s_tab_con > .con.active {display: block;}
.s_tab_con > .con  h4{ position:relative;}

.s_tab .col-1 li{width:calc(50% - 2px);}
.s_tab .col-2 li{width:calc(50% - 2px);}
.s_tab .col-3 li{width:calc(25% - 2px);}
.s_tab .col-4 li{width:calc(25% - 2px);}
.s_tab .col-5 li{width:calc(20% - 10px);}
.s_tab .col-6 li{width:calc(16.66% - 2px);}
.s_tab .col-7 li{width:calc(14% - 2px);}

.s_tab2 {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.s_tab2 li {display: inline-block; vertical-align: top; margin:0 5px; }
.s_tab2 li a {display: block;  text-align: center; line-height:45px; font-size: 18px; font-weight: 400; color: #333; border:2px solid #d37f74; background-color:#fff;  border-radius:30px; transition: .25s; }
.s_tab2 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.s_tab2 li a.active,
.s_tab2 li a:hover{ color: #fff; background-color:#d37f74; font-weight: 500; }
.s_tab_con > .con {display: none;}
.s_tab_con > .con.active {display: block;}
.s_tab_con > .con  h4{ position:relative;}

.s_tab2 .col-1 li{width:calc(50% - 2px);}
.s_tab2 .col-2 li{width:calc(50% - 2px);}
.s_tab2 .col-3 li{width:calc(25% - 2px);}
.s_tab2 .col-4 li{width:calc(25% - 2px);}
.s_tab2 .col-5 li{width:calc(20% - 10px);}
.s_tab2 .col-6 li{width:calc(16.66% - 2px);}
.s_tab2 .col-7 li{width:calc(14% - 2px);}


.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between; align-items: center;}
.img_list:before { display:none !important;}
.img_list li:after { display:none !important;}
.img_list li{padding:0 0 !important;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: 50%; overflow:hidden }
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; border-radius:30px; overflow:hidden; border:1px solid #ddd;}
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;}
.img_list li .img_box {overflow:hidden; position:relative;}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list li .img_box:hover  img {transform:scale(1.05);}
.img_list li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%; }
.img_list li .txt_box .img img{width:-webkit-fill-available;transition:.5s; }
.img_list li .txt_box:hover  img {transform:scale(1);}
.img_list li .num1 {position: relative;display: inline-block;width: 65px;height:65px;line-height:65px;text-align:center;background-color: #127864;color:#fff;border-radius:50px;font-family: 'Futura Std', sans-serif;letter-spacing: -3px; float: right;}


.img_list li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
    opacity: 0;
}
.img_list li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

 
 .more1{width:225px; font-family: 'Italiana', sans-serif; height: 50px; margin: 70px 0 0; float: right; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #d37f74 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #666;}
 .more1 p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #666; text-align: center; /*text-transform: uppercase;*/ transition:.75s; letter-spacing:2px; }
 .more1 p span{margin-left: 20px;}
 .more1:hover{/* background: #1a3369; */ border-color:#d37f74; background-position:left bottom; }
 .more1:hover p {color: #fff;}

@keyframes marquee_lt {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 to {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
}
@keyframes marquee_rt {
 0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}  


.care_wrap {padding: 160px 0 200px; position: relative; overflow: hidden;}
.care_wrap:after {content:''; display: block; width: 100%; height: 100%;background: url('/assets/images/common/case_slide_bg.jpg') 50% 100% no-repeat; background-size:100% auto; position: absolute; bottom: 0; left: 0; transition:1s; z-index: -1;}
.care_wrap.active:after {bottom: 0;}


.care_wrap .btn {width:420px; height: 65px; line-height:65px; border-radius:65px; border: none; text-align: left; color: #fff; background-color:#08abb3; background-image: url('/assets/images/sub/arr_w.png'); background-repeat: no-repeat;background-position: right 18% center;  font-size:20px; transition:.25s; padding:0 0 0 60px; display:grid; margin:15px 0; cursor:pointer;}
.care_wrap .btn:hover {background-color: #222; background-position: right 20% center;  }

.care_wrap .list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.care_wrap .list li {width: calc(25% - 25px); margin:0 10px 20px;font-weight: 500;position: relative;word-break:keep-all;border-radius: 5px;background-color:#fff;border:1px solid #a8a8a8;padding: 18px 0 18px 3%;display: inline-block; background:linear-gradient(to right, #d37f74 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; background-color: transparent;}
.care_wrap .list li:after {content:'>';display: block;position: absolute;top: 35%;right: 12%;font-family: cursive;font-size: 14px;}

.care_wrap .list li:hover{/* background: #1a3369; */ border-color:#d37f74; background-position:left bottom; transform:translateY(-10px);}
.care_wrap .list li:hover p{color: #fff;}
.care_wrap .list li:hover::after {color: #fff;}

.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}


.company_map { z-index: 1;}
.company_map #map {width:-webkit-fill-available; height: 650px; overflow:hidden;}

.con6 {padding: 160px 0 0;}

.flex_con{display:flex;}
.con5 .brand_box { position:relative; width:50%; margin:0 auto; padding:50px 50px; background-color:#d37f74; z-index:3; min-height:450px;}
.con5 .brand_box .kakao {transition:.25s;position: relative;bottom: 6px; display: inline-block;}
.con5 .brand_box .kakao:hover{transform:translateX(10px);}
.con5 .brand_box  .title { border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom:10px; margin-bottom:30px;}
.con5 .brand_box .tel{position: relative;display: inline-block; top: 2px;  }
.con5 .brand_box .tel1 a {color:#fff;/* transition:.25s; */background:linear-gradient(to right, #333 40%, transparent 0%);background-size:400% 100%;background-position: right bottom;transition:all 0.75s ease-out;border-radius:300px;background-color:#333;padding: 0 20px 10px;top: 10px;position: relative;}
.con5 .brand_box .tel1 a:hover {color:#fdebd2;}

.company_map{width:50%}

.more{width:225px; height: 50px;  float: right; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color:#f9e4c7;   letter-spacing: -2px;  position: absolute;  right: 70px; top: 70px;}
.more p{ display:flex; align-items:center; justify-content:center; height: 100%; color: #222; font-weight:500;   text-align: center; /*text-transform: uppercase;*/ transition:.75s;  letter-spacing:0; }
.more p span{margin-left: 20px;}
.more:hover{/* background: #1a3369; */ border-color:#333; background-position:left bottom; }
.more:hover p {color: #fff;}

.con5 .info_box { display: flex; background-color: #d0938b;  padding: 30px; margin-top:30px;}
.con5 .info_box .box {width: 50%;} 
.con5 .info_box dt {font-style: italic;}
.con5 .info_box dt span {display: inline-block; transform:scale(0.7); font-style: normal;}
.con5 .info_box dd div {display: flex; align-items:center; margin-bottom: 15px;}
.con5 .info_box dd .txt1 {width: 80px;}
.con5 .info_box .pl20  { padding-left:20px}


.laser_slide_wrap { width: -webkit-fill-available; position: relative; display: flex; align-items: center;}
.laser_slide_wrap .right { width:50%;}
.laser_slide_wrap .laser_slide { width:50%;}
.laser_slide_wrap a {display: block; width: 100%; height: 100%;}
.laser_slide_wrap .list {margin: 0 0; position:relative;}
.laser_slide_wrap .img {overflow: hidden;}
.laser_slide_wrap .img img {transition:.5s; border-radius:50px; }
.laser_slide_wrap a:hover .img img { -webkit-transform:scale(1.1); transform:scale(1.1); }
.laser_slide_wrap .title{right:5%; position:absolute; bottom:10%; background-color:#f9f9f9; padding:10px 20px; border-radius:30px; }
.laser_slide_wrap .slick-dotted.slick-slider{margin-bottom: 30px;}
.laser_slide_wrap .slick-dots{position: absolute; bottom: -40px;display: block;  width: 100%;  padding: 0;   margin: 0;    list-style: none; text-align: center;}
.laser_slide_wrap .slick-dots li{position: relative; display: inline-block; width: 30px;   height: 30px;   margin: 0 0;   padding: 0;  cursor: pointer;}
.laser_slide_wrap .slick-dots li button{font-size: 0;  line-height: 0;  display: block;   width: 30px;    height: 30px;    padding: 5px 0;  cursor: pointer;   color: transparent;border: 0;   outline: none;    background: transparent;}
.laser_slide_wrap .slick-dots li button:before{  font-family: 'slick'; font-size: 12px;  line-height: 30px; position: absolute;   top: 0;   left: 0; width: 30px;  height: 30px;  content: '•'; text-align: center;  opacity: .25;   color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.laser_slide_wrap .slick-dots li.slick-active button:before{ opacity: .75;  color: #d37f74;}

/*.laser_slide_wrap .slick-prev,
.laser_slide_wrap .slick-next {width: 75px; height: 75px; background-size:cover; top: 50%; left: auto;  right: 50%; margin-right: -675px; background-repeat: no-repeat; z-index: 1; opacity: .5; transition:.25s; }
.laser_slide_wrap .slick-prev:hover,
.laser_slide_wrap .slick-next:hover {opacity: 1;}
.laser_slide_wrap .slick-prev { background-image: url('/assets/images/sub/laser_prev.png'); margin-right:600px; }
.laser_slide_wrap .slick-next { background-image: url('/assets/images/sub/laser_next.png');  }*/


.highlighter {/* display: inline-block; */font-weight: 600; position: relative; z-index: 1;}
.highlighter:after {content:''; display: block; width: calc(100% + 2px); height: 95%; background-color: #eec7c2; opacity: .45; position: absolute; left: -2px; bottom:0; z-index: -1;}



.skincare_02 .con31 li {display: inline-block;width: 12.5%;position: relative;}
.skincare_02 .con31 li:after {left: 51.5%;}

.skincare_02  .icon_list li {width: calc(33.33% - 0px);}


.con7 {padding: 100px 0 0; background-color:#d37f74;}
.con7 ul {position: relative; font-size: 0;}
.con7 ul:after,
.con7 ul:before {content:'';display: block;position: absolute;top: 101px;}
.con7 ul:after {width: 300%; height: 1px; background-image: linear-gradient(140deg, #f1c8c3 10%, #f1c8c3 85%); left: -150%;}
.con7 li .year {font-family: 'Montserrat', sans-serif;letter-spacing: -1px;font-weight:500;color: #fff;/* background-color:#0d254b; */padding:10px 10px;width:100%;border-radius:50px;}
.con7 li p {line-height: 1.33; color: #666; text-align:center;}
.con7 li .bar_list {padding-left: 10px; position: relative;}
.con7 li .bar_list:after {content:'-'; display: block; position: absolute; top: 0; left: 0;}
.con7 li {display: inline-block;width:12.5%;position: relative;}

.con7 li:nth-child(odd) {margin-bottom: 50px;padding-bottom: 40px;vertical-align: top;height: 100px;}
.con7 li:nth-child(even) {margin-top: 95px;padding-top: 60px;vertical-align: middle;height: 100px;}

.con7 li:after,
.con7 li:before {content:'';display: block;position: absolute;left: 50%;}
.con7 li:after {width: 1px; height:35px; background-color: #fff;  }
.con7 li:before {width: 15px;height: 15px;background-color: #fdebd2;left: 46%;z-index: 1;	transform: rotate(-45deg);}
.con7 li:nth-child(odd):after {bottom: 10px;}
.con7 li:nth-child(even):after {top: 15px;}
.con7 li:nth-child(odd):before {bottom: -8px;}
.con7 li:nth-child(even):before {top: -3px;}
.con7 li:first-child:before,
.con7 li:last-child:before {width: 15px;height: 15px;left: 47.8%;}
.con7 li:first-child:before {bottom: -8px;}
.con7 li:last-child:before {bottom: 0;}
.con7 li:first-child:before, .con7 li:last-child:before { left: 45.8%;}

.con7 li:nth-child(odd) .year {position: absolute;bottom: 50px;left: 0;}
.con7 li:nth-child(odd) .txt { margin-top:-50px;}
.con7 li:first-child .txt {padding-top: 0px;}

.skincare_03 .con3 li {display: inline-block;width: 20%;position: relative;}
.skincare_03 .con3 li:after {left: 50%;}
.skincare_03 .icon_list li {width: calc(33.333% - 0px);}
.skincare_03 .con3 li:last-child:before {bottom: -9px;}

.scalpcare_01 .con3 li {display: inline-block;width:16.667%;position: relative;}
.scalpcare_01 .con3 li:after {left: 50%;}
.scalpcare_01 .con3 li:last-child:before {bottom: -8px;}
.scalpcare_01 .icon_list li {width: calc(33.333% - 0px);}
.scalpcare_01 .box_list_box .box_list li { width: calc(50% - 10px); display:inline-block; margin:0 5px 15px; padding: 15px 0 !important; background-color:#d37f74; color:#fff; border-radius:70px; text-align:center;}


.bodycare_01 .box_list_box {font-size: 0; padding:0 0; }
.bodycare_01 .box_list_box .box_list li { width: calc(50% - 10px); display:inline-block; margin:0 5px 15px; padding: 15px 0 !important; background-color:#d37f74; color:#fff; border-radius:70px; text-align:center;}
.bodycare_01 .box_list_box .box_list li:nth-child(2)  {background-color: #ea968b;}
.bodycare_01 .box_list_box .box_list li:nth-child(3)  {background-color: #ea968b;}
.bodycare_01 .con3 li {display: inline-block;width: 25%;position: relative;}
.bodycare_01 .con3 li:after {left: 49%;}
.bodycare_01 .con3 li:last-child:before {bottom: -8px;}
.bodycare_01 .icon_list li {width: calc(33.333% - 0px);}


.box_list_box {font-size: 0;}
.box_list_box .box_list li { width: calc(50% - 10px); display:inline-block; margin:0 5px 20px; padding: 17px 0 !important; background-color:#d37f74; color:#fff; border-radius:7px; text-align:center;}
.box_list_box .box_list li:nth-child(2)  {background-color: #e0958b;}
.box_list_box .box_list li:nth-child(3)  {background-color: #e0958b;}

.box_img_wrap {}
.box_img_list {display:block;width:-webkit-fill-available;}
.box_img_list li {display: inline-block;width: -webkit-fill-available;margin: 0 0 50px;vertical-align: top;position:relative;font-size: 18px;font-weight: 500;text-align: center;background-color:#fff; border:3px solid #d37f74; color:#222;padding: 20px;border-radius: 100px;}
.box_img_list li:after {content:'❯';font-size:56px;position: absolute;display: block;top: 92%;padding-right: 0;margin-left: -50px;font-family: 'Montserrat';color:#d37f74;font-weight:600;opacity:.4;-ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */transform: rotate(90deg);left: 50%; margin-left: -20px;}
.box_img_list li:first-child::after {/* content:""; */}
.box_img_list li .square_img {position: relative; text-align:center;}
.box_img_list li .num {display: inline-block; width: 55px; height: 55px; background-color: #d29e75; border-radius:50%; text-align: center; line-height: 55px; font-weight:500;  color: #fff; font-size: 22px; font-family: 'Montserrat';  letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1; font-weight:400;}
.box_img_list li .square_img img {}

.box_img_list li:last-child::after { display:none}
.box_img_list li:last-child{margin:0}

.ldm-section {
  margin: auto;
}

.ldm-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  border-bottom:1px solid #d37f74;
  padding-bottom:50px;
   background:#fefbf7;
   padding-top:100px

}
.ldm-con{background:#fefbf7; padding-top:100px}

.tab-btn {
  border: none;
  border: 1px solid #d37f74 ;
  color: #333;
  background:none;
  padding: 10px 24px;
  border-radius: 24px;
  cursor: pointer;
  transition: background 0.3s;
}

.tab-btn.active {
  background: #d37f74;
  color: #fff;
  font-weight: 600;
}

.ldm-content-wrapper {
  position: relative;
}

.ldm-content {
  display: none;
}

.ldm-content.active {
  display: block;
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.ldm-inner {
  display: flex;
  align-items: center;
  gap: 70px;
  flex-wrap: wrap;
}


.ldm-text {
  max-width: 50%;
}

.ldm-title-color {
  color: #d9716c;
}

.ldm-info {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 20px;
}

.ldm-info-box {
  display: flex;
  justify-content: center; /* 오른쪽 정렬 */
  gap: 30px;
  text-align: center;
}

.info-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.info-item:not(:last-child) {
  border-right: 1px solid #ccc;
  padding-right: 30px;
}


.skincare-benefits {
  text-align: center;
}



.skin-icons {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 40px;
}

.icon-wrap {
  text-align: center;
}

.icon-wrap img {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  margin-bottom: 8px;
  object-fit: contain;
}

/* 전체 라인 영역 */
.benefits-line-wrapper {
  position: relative;
  width: 100%;
  height: 60px;
  margin-bottom: 40px;
}

/* 가로 선 */
.benefits-line-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #f5d2cf;
  z-index: 0;
}

/* 실제 라벨 위치는 가운데 1000px에 고정 */
.benefits-line {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 60px;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 1;
}

.benefits-label {
  padding: 10px 40px;
  border-radius: 20px;
  font-weight: 600;
  background-color: #eee;
  width:50%;
}

.benefits-label.after {
  background-color: #d37f74;
  color: #fff;
}

.benefit-boxes {
  display: flex;
  justify-content: center;
  gap:60px;
}

.benefit-box {
  background-color: #f4f4f4;
  border-radius: 24px 0 24px 0;
  padding: 50px;
  text-align: left;
  width:50%;
}

.benefit-box ul {
  padding: 0;
  margin: 0;
}

.benefit-box li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  line-height: 1.6;
}

.benefit-box li img {
  width: 20px;
  margin-right: 8px;
  margin-top: 4px;
}


.program-order-section {
  background-color: #e9a49b;
  text-align: center;
}


.program-order-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}


.program-steps {
  position: relative;
  padding-left: 40px;
  margin-top: 50px;
}

.program-steps ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.program-steps ul::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #fff;
}

.step-item {
  position: relative;
  margin-bottom: 45px;
  padding-left: 150px; /* 스텝 너비 확보 */
  text-align: left;
  color: #fff;
  font-weight: 400;
  transition: all 0.4s ease;
}

.step-item::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 9px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
  border-radius: 2px;
}

.step-label {
  position: absolute;
  top: 0;
  left: 10%;
  padding: 4px 14px;
  border-radius: 20px;
  font-weight: 500;
  border: 1px solid #fff;
  white-space: nowrap;
}

.step-item.active .step-label {
  background-color: #ffd9d4;
  color: #eaa8a0;
  font-weight: 700;
  border: 0;
}


.aging-visual-section {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.bg-image {
  background: url('/assets/images/sub/care_ft_bg.jpg') no-repeat center top;
  background-size: cover;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.care_wrap {
  padding-bottom: 200px; /* ✅ 여백 유지 */
  overflow: visible;     /* ✅ 아래 dropdown 안 잘리게 */
}


.photo-overlap {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 0;
  margin-top: -90px; /* 겹쳐지도록 음수 마진 */
}

.photo-overlap img {
  height: auto;
  object-fit: cover;
  display: block;
  max-width:1400px;
}

.branch-dropdown {
  width: 30%;
  user-select: none;
  position: relative;
  margin: 30px auto 0;
  z-index: 2;
  overflow: visible;    /* ✅ 하위 메뉴 표시 방지 안되게 */
}


.dropdown-toggle {
  width: 100%;
  background-color: rgba(113, 113, 113, 0.5); /* 불투명도 추가 */
  border: none;
  border-radius: 10px;
  padding: 15px;
  font-size: 16px;
  color: white;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  margin-bottom:5px;

}


.dropdown-toggle .arrow {
  margin-left: 5px;
}

.dropdown-menu {
  position: absolute; /* 배경 겹침 방지 */
  top: 100%;
  left: 0;
  background-color: #c0c0c0;
  border-radius:10px;
  display: none;
  list-style: none;
  margin: 0;
  width: 100%;
  padding: 10px; /* ✅ 하단 여백 추가 */
  z-index: 10; /* 배경보다 위로 */
}

.dropdown-menu li {
  padding: 10px 15px;
  color: white;
  font-size: 18px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.dropdown-menu li:hover {
  background-color: #d37f74;
}

.chevron {
  font-size: 14px;
}
.center-branch {
  width: 15%;
  margin: 30px auto 0;
  position: relative;
  z-index: 2;
  user-select: none;
}

.dropdown-toggle2 .arrow {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.dropdown-toggle2.open .arrow {
  transform: rotate(180deg);
}


.dropdown-toggle2 {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 10px;
  padding: 15px;
  font-size: 16px;
  color: white;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  margin-bottom: 5px;
}

.dropdown-menu2{background-color: rgba(0, 0, 0, 0.8);}

.inquiry-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 40px;
}

.inquiry-btn {
  display: flex;
  align-items: center;
  background-color: #ece9e3;
  padding: 12px 50px;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  transition: background 0.3s;
}

.inquiry-btn img {
  width: 26px;
  height: 26px;
  margin-right: 10px;
  object-fit: contain;
}

.inquiry-btn:hover {
  background-color: #d9d4ce;
}


.care-time-inner {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start; /* 상단 정렬 */
  justify-content: space-between;
  gap: 60px;
  position: relative;
}

.care-time-text {
  flex: 1;
  color: #333;
  line-height: 1.8;
}

.care-time-images {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.care-time-images img {
  object-fit: cover;
  vertical-align: text-top;
}


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

.circle-stamp {
  position: absolute;
  top: -30px;
  right: -60px;
  width: 100px;
  height: auto;
  pointer-events: none;
  animation: rotate 10s linear infinite;
}

.fixed-bg-section {
  background-image: url('/assets/images/sub/network_01_img03bg.jpg'); 
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  color: #333;
}

.fixed-bg-section2{background-image: url('/assets/images/sub/network_02_img03bg.jpg'); }
.fixed-bg-section3{background-image: url('/assets/images/sub/network_03_img03bg.jpg'); }
.fixed-bg-section4{background-image: url('/assets/images/sub/network_04_img03bg.jpg'); }

.content-box {
  margin: 0 auto;
  background-color: white;
  padding: 60px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

.feature-list {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.feature-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width:100%
}

.feature-list li {
  padding: 25px 0;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-left:25px;
}

.feature-list li::before {
  content: '▪';
  position: absolute;
  left: 0;
  color: #999;
}

.tech-section {
  background-color: #fafafa;
  text-align: center;
}



.tech-tabs {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  border-bottom:1px solid #dfdfdf;
  padding-bottom:30px
}

.tech-tabs .tab-btn {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 500;
  color: #aaa;
  cursor: pointer;
  transition: 0.3s;
}

.tech-tabs .tab-btn.active {
  color: #fff;
  background:#d37f74
}

.tech-content-wrapper {
  position: relative;
  min-height: 400px;
}

.tech-slide {
  display: none;
}

.tech-slide.active {
  display: block;
}

.tech-flex {
  display: flex;
  justify-content: center;
  gap: 60px;
  align-items: flex-start;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
}

.tech-image img {
  border-radius: 10px;
}

.tech-desc {
  max-width: 480px;
}



.tech-tags span {
  display: inline-block;
  color: #d37f74;
  background: #fff;
  border:1px solid #d37f74;
  padding: 10px 15px;
  border-radius: 5px;
  margin-right: 6px;
  margin-bottom: 12px;
}

.tech-feature {
  margin-top: 20px;
  list-style: none;
  padding-left: 0;
}

.tech-feature li {
  margin-bottom:20px;
  position: relative;
  padding-left: 28px;
}

.tech-feature li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #e05e74;
  font-weight: bold;
  font-size: 18px;
}

.dots {
  margin-top: 40px;
}

.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

.dot.active {
  background: #e05e74;
}

.location-section {
  padding: 100px 20px;
  background-color: #fff;
}

.location-inner {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
}

.map-box img {
  width: 500px;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.info-box {
  flex: 1;
  min-width: 280px;
}



.info-address {
  color: #555;
  line-height: 1.6;
  margin-bottom: 30px;
}

.location-buttons {
  display: flex;
  justify-self: center;
  gap: 15px;
  margin-bottom: 30px;
}

.loc-btn {
  display: flex;
  align-items: center;
  background-color: #f2f0eb;
  border-radius: 25px;
  padding: 12px 35px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  transition: 0.2s;
}

.loc-btn img {
  margin-right: 8px;
}

.loc-btn:hover {
  background-color: #e9e7e2;
}

.phone {
  font-size: 22px;
  font-weight: 500;
  color: #222;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-self:center;
}

.phone-icon {
  font-size: 18px;
  opacity: 0.6;
}

.phone-number {
  letter-spacing: 1px;
}

.lt_txt {width:50%;}
.rt_img {width:50%}
.vip_care1_con{align-items:center;}
.body_care1_con{align-items:center;}

.check_img img {
  width: 20px;
  margin-right: 8px;
  margin-top: 4px;
}
.check_img {
  list-style: none;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  line-height: 1.6;
  justify-self:center;
}

.bow_shadow {
  box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding:40px 0px;
}
.bow_shadow ul {
  display: flex;
  flex-wrap: nowrap;
}

.bow_shadow li {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #dfdfdf;
  padding: 20px;
  border-radius: 0;
  align-items:center;
}

.bow_shadow li:last-child {
  border-right: none;
}

.flex_con .w50{width:50%}

.scalpcare_0101_con p::before {
  content: '▪';
  position: absolute;
  left: 0;
  color: #999;
}
.scalpcare_0101_con p {
  position: relative;
  padding-left:25px;
}

.scalpcare_0101_con .rt_txt{padding-left:50px}
.scalpcare_0101_con {align-items:center;}

.scalp_care1_con ul{overflow:hidden;}
.scalp_care1_con li{float:left; width:25%;}

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

@media all and (max-width:1430px){


}

@media all and (max-width:1230px){


}




@media all and (max-width:820px){

.flex_con{display:block}	
.company_map{width:100%}
.pl70 { padding-left: 0;}
.pr70 { padding-right: 0;}

#sv_wrap {width: 170vw;height: 395px;background-color:#d37f74;border-radius: 0 0;overflow: hidden;transform: translateX(-35vw);}
#sv {width: 100vw;height: 350px !important;position: relative;transform:translateX(35vw);}
.con1 { padding: 50px 0;}
.con1 .logo {scale: .8;}
.con2 { padding: 80px 0 30px;}

.num_box {position: relative; top: 30px; margin-top: 45px;}
.num_box li .lt {padding: 0 30px 0 0;width: 35%;display: block;}
.num_box li .rt {width: 65%;padding-top:15px;}
.num_box li {display: flex; padding: 40px 0; position: relative;}

.con3 { padding: 80px 0 150px !important;}
.con3 li:after {left: 49%;} 
.con3 li:before {left: 42%;}
.con3 li:first-child:before, .con3 li:last-child:before { left: 43.5%;}
.con3 li .year { font-size:15px;}

.con31 li:after { left: 54.5%;}

.order_img {position:relative;bottom: 120px;padding: 0 20px;}

.con4{ padding: 80px 0;}

.laser_slide_wrap {width: -webkit-fill-available;position: relative;display: block;align-items: center;}
.laser_slide_wrap .right {width: -webkit-fill-available;}
.laser_slide_wrap .laser_slide {width: -webkit-fill-available;}
.laser_slide_wrap a {display: block; width: 100%; height: 100%;}
.laser_slide_wrap .list {margin: 0 0; position:relative;}
.laser_slide_wrap .img {overflow: hidden;}
.laser_slide_wrap .img img {transition:.5s; border-radius:50px; }
.laser_slide_wrap a:hover .img img { -webkit-transform:scale(1.1); transform:scale(1.1); }
.laser_slide_wrap .title{right:5%; position:absolute; bottom:10%; background-color:#f9f9f9; padding:10px 20px; border-radius:30px; }
.laser_slide_wrap .slick-dotted.slick-slider{margin-bottom: 30px;margin-top: 30px;}
.laser_slide_wrap .slick-dots{position: absolute; bottom: -40px;display: block;  width: 100%;  padding: 0;   margin: 0;    list-style: none; text-align: center;}
.laser_slide_wrap .slick-dots li{position: relative; display: inline-block; width: 30px;   height: 30px;   margin: 0 0;   padding: 0;  cursor: pointer;}
.laser_slide_wrap .slick-dots li button{font-size: 0;  line-height: 0;  display: block;   width: 30px;    height: 30px;    padding: 5px 0;  cursor: pointer;   color: transparent;border: 0;   outline: none;    background: transparent;}
.laser_slide_wrap .slick-dots li button:before{  font-family: 'slick'; font-size: 12px;  line-height: 30px; position: absolute;   top: 0;   left: 0; width: 30px;  height: 30px;  content: '•'; text-align: center;  opacity: .25;   color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.laser_slide_wrap .slick-dots li.slick-active button:before{ opacity: .75;  color: #d37f74;}

.con5{ padding: 80px 0;}
.icon_list li {width: calc(50% - 0px);}
.icon_list li { padding: 30px 5px;}
.icon_list li:nth-child(1) { height:155px;}
.icon_list li:nth-child(2) { height:155px;}



.care_wrap { padding: 80px 0 100px; position: relative; overflow: hidden;}
.care_wrap .list li {width: calc(50% - 13px); margin: 0 5px 20px;}
.care_wrap .list li:after {right: 5%;}


.m3 {padding: 80px 0 0; }
.s_tab li {display: inline-block;vertical-align: top;margin: 0 1px; width: calc(20% - 2px);}
.s_tab li a {display: block;text-align: center;line-height: 35px;font-size: 14px;font-weight: 400;color: #666;border:2px solid #d37f74;background-color:#fff;border-radius:30px;transition: .25s;}
.s_tab .col-5 li { width: calc(20% - 6px);}
.s_tab2 li {display: inline-block;vertical-align: top;margin: 0 1px; width: calc(20% - 2px);}
.s_tab2 li a {display: block;text-align: center;line-height: 35px;font-size: 14px;font-weight: 400;color: #666;border:2px solid #d37f74;background-color:#fff;border-radius:30px;transition: .25s;}
.s_tab2 .col-5 li { width: calc(20% - 6px);}


.img_list { position:relative;}
.img_list li {display: block;justify-content:space-between;align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: -webkit-fill-available;overflow:hidden;}
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%;}
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;padding-top: 7%;}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }

.more1{width: 70%;font-family: 'Italiana', sans-serif;height: 50px;margin: 50px auto 0; float: none;}
.mt70 { margin-top: 30px !important;}
.mt100 {margin-top: 50px !important;}

.skincare_02 .con3 li:after {left: 49.2%;}
.skincare_02 .con3 {padding: 80px 0 0 !important;}
.skincare_02 .icon_list li { width: calc(50% - 0px);}

.con7 li:last-child:before {width: 15px;height: 15px;left: 41.8%;}
.con7 li:after {left: 50%;}
.con7 li:before {left: 41%;}
.con7 li .year { font-size: 15px;}
.con7 li:first-child:before, .con7 li:last-child:before { left: 41.8%;}
.skincare_03 .icon_list li {width: calc(50% - 0px);}
.skincare_03 .icon_list li:nth-child(1) {  height: auto;}
.skincare_03 .icon_list li:nth-child(2) {  height: auto;}

.skincare_03 .con3 li:after {  left: 48%;}


.scalpcare_01 .con3 li:after { left: 48.7%;}
.scalpcare_01  .con3 { padding: 80px 0 0 !important;}
.scalpcare_01 .icon_list li {width: calc(50% - 0px);}
.scalpcare_01 .icon_list li:nth-child(1) {  height: 180px}
.scalpcare_01 .icon_list li:nth-child(2) {  height: 180px;}

.bodycare_01 .con3 li:after {left: 48.7%;}


.con6 {padding: 80px 0 0;}
.company_map #map { height: 395px;}
.con5 .brand_box {position:relative;width: -webkit-fill-available;padding: 50px 20px 30px;background-color:#d37f74;z-index:3;min-height:450px;margin: 0 15px;}
.con5 .brand_box .kakao {transition:.25s;position: relative;bottom: 6px; display: inline-block;}
.con5 .brand_box .kakao:hover{transform:translateX(10px);}
.con5 .brand_box:hover{ border-radius:0 50px 0 50px; transform:translateY(-30px); }
.con5 .brand_box  .title { border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom:10px; margin-bottom:30px;}
.con5 .brand_box .tel{position: relative;display: inline-block; top: 2px;  }

.more{width:100%;height: 55px; margin-bottom:30px;float: right;/*border:1px solid #222;*/box-sizing:border-box;cursor: pointer;background:linear-gradient(to right, #333 40%, transparent 0%);background-size:400% 100%;background-position: right bottom;transition:all 0.75s ease-out;border-radius:300px;background-color:#f9e4c7;letter-spacing: -2px;position: relative;right: initial;top: initial;}
.more p{ display:flex; align-items:center; justify-content:center; height: 100%; color: #222; font-weight:500;   text-align: center; /*text-transform: uppercase;*/ transition:.75s;  letter-spacing:0; font-size:16px; }
.more p span{margin-left: 20px;}
.more:hover{/* background: #1a3369; */ border-color:#333; background-position:left bottom; }
.more:hover p {color: #fff;}


.con5 .info_box {display: block;background-color: #d0938b;padding: 30px;margin-top:20px;}
.con5 .info_box .box {width: -webkit-fill-available;} 
.con5 .info_box dt {font-style: italic;}
.con5 .info_box dt span {display: inline-block; transform:scale(0.7); font-style: normal;}
.con5 .info_box dd div {display: flex; align-items:center; margin-bottom: 15px;}
.con5 .info_box dd .txt1 {width: 80px;}
.con5 .info_box .pl20  {padding-left: 0;}

.num_box li .rt .clinic_list_box {font-size: 0;align-items: center;}
.num_box li .rt .clinic_list_box .clinic_list li {padding: 0 0 20px;/*border-bottom: 1px solid #ddd;*/text-align:left;align-items: baseline;display: block;}
.num_box li .rt .clinic_list_box .clinic_list li > p {display: inline-block;vertical-align:middle;width: 100%;}
.num_box li .rt .clinic_list_box .clinic_list li .num {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #d37f74;
    color:#fff;
    border-radius:8px;
    font-family: 'Montserrat';
    font-weight:500;
    font-size:16px;
    letter-spacing: 0;
    margin-right: 0;
    margin-bottom: 5px;
    }
.num_box li .rt .clinic_list_box .clinic_list li .txt {width: -webkit-fill-available;padding-left: 0;font-weight:500;color:#222;text-align:left;position: relative;top: 0;left: 0;}

.num_box li .rt .clinic_list_box ul:before  {display: none !important; }
.num_box li .rt .clinic_list_box li:after  {display: none !important; }

.skincare_02 .con31 li:after {left: 55.5%;}

.con11 .sv_ch_btn .icon { margin-bottom: 10px;}

.scalp_care1_con li{width:100%; margin-bottom:20px}
.scalpcare_0101_con .rt_txt{padding-left:0; margin-top:30px; margin-bottom:40px}
.skin-icons{flex-flow:wrap}
.icon-wrap{width:30%}

.dropdown-menu li{font-size:14px}
.dropdown-toggle{font-size:14px}
.inquiry-btn{font-size:14px}


}
@media all and (max-width:768px){
.scrollx_768 {
  overflow-x: auto;
  margin-top: 0;
  padding-top: 90px;
  padding-bottom: 50px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='13 17 18 12 13 7'/><polyline points='6 17 11 12 6 7'/></svg>") left 30px no-repeat;
  background-size: 40px auto;
  min-width: 620px;
  animation: arrowMove 1.5s infinite ease-in-out;
}
@keyframes arrowMove {
  0%, 100% { background-position: left 30px; }
  50% { background-position: left 40px; }
}




.skincare_02 .scrollx_768 {min-width: 620px; padding-top: 40px; padding-bottom: 50px;}
.skincare_03 .scrollx_768 {min-width: 620px; padding-top: 40px; padding-bottom: 80px;}
.scalpcare_01 .scrollx_768 {min-width: 620px; padding-top: 80px; padding-bottom: 80px;}
.bodycare_01 .scrollx_768 {min-width: 620px; padding-top: 50px; padding-bottom: 50px;}

.tab-btn{padding:10px 8px; gap:5px;width:44%}
.ldm-tabs{padding-bottom:30px;flex-flow: wrap;padding-top:30px}
.ldm-con{padding-top:50px}
.ldm-inner{gap:20px}
.ldm-info-box{gap:10px}
.info-item:not(:last-child){padding-right:20px}
.pt160{padding-top:80px !important}
.pb160{padding-bottom:80px !important}
.skin-icons{gap:10px}
.skin-icons{padding:10px}
.icon-wrap img{height:auto;}
.benefits-line{gap:10px; padding:0 15px;}
.benefit-boxes{gap:10px}
.benefit-box{padding:10px}
.benefits-line-wrapper{margin-bottom:10px}
.benefit-box li img{margin-top:0}
.program-order-inner{display:block; padding:20px}
.mt50{margin-top:20px !important;}
.program-steps{padding-left:10px}
.mt30{margin-top:10px !important;}

.bg-image{height:260px}
.photo-overlap img{width:100%}
.photo-overlap{margin-top:-75px}
.ldm-text{width:100%; max-width:100%}
.event_new li{width:100%}
.branch-dropdown{width:80%}
.dropdown-menu{position:relative;}

.inquiry-btn{padding:12px 20px}
.dropdown-menu2{position:absolute;}

.care-time-inner{display:block; width:100%; padding:0 15px}
.care-time-images img{width:49%;}
.care-time-images{margin-top:20px}
.circle-stamp{display:none}
.content-box{margin:0 15px; padding:15px}
.feature-list{display:block; }
.feature-list li{padding:15px 0; padding-left:25px}
.feature-list li:last-child{border-bottom:0}
.tech-tabs{gap:10px}
.tech-flex{display:block; padding:0 15px}
.map-box{width:100%}
.map-box .root_daum_roughmap {width:100% !important; height:250px}
.location-section{padding:50px 0}
.loc-btn{padding:12px 25px}
.step-item{padding-left:120px}
.ldm-info {padding:20px 0}
.info-item:not(:last-child){padding-right:12px}

.lt_txt{width:100%;}
.rt_img{width:100%;}
.bow_shadow ul{display:block}
.flex_con .w50{width:100%;margin-bottom:10px}
.flex_con2{display:flex;}
}

@media all and (max-width:520px){
	
}