@charset "utf-8";

/* ------------ 공통 ----------------------------------------------------------------------------- */
.root_daum_roughmap .wrap_controllers {display:none}
.root_daum_roughmap .cont  {display:none}




#intro1 { display:flex; border-bottom:1px solid #d9e0e8}
#intro1 > div {padding:6vw 0; display:flex; flex-direction: column;  justify-content:center; align-items: center}
#intro1 .txt {width:58%; border-right:1px solid #d9e0e8}
#intro1 .txt .in-box {padding-left:8%; width:90%; max-width:770px; position:relative;}
#intro1 .txt .in-box:before {content:'Apgujeong Miracle Clinic'; font-size:1.8rem; color:#0e428a;
								 font-family: "Philosopher", sans-serif; position:absolute; left:0; top:0.5em;
								  writing-mode: vertical-rl; text-orientation: mixed; letter-spacing:0.02em }
#intro1 .txt h3 {font-size:4.6rem; font-family: 'Maru Buri';	letter-spacing:-0.03em; font-weight:normal;
					color:#333; line-height:1.4em}
#intro1 .txt li.t1 {margin-top:2em; font-size:1.8rem; line-height:2.0em;}
#intro1 .img {width:42%}
#intro1 .img img {width:90%; max-width:467px}


#intro1-2 { display:flex; }
#intro1-2 .txt {width:53%; padding:6vw 0; display:flex; flex-direction: column;  justify-content:center; align-items: center}
#intro1-2 .txt .in-box {width:90%; max-width:700px}
#intro1-2 .txt li.t1 {margin-bottom:2em; font-size:1.8rem; line-height:2.0em;}
#intro1-2 .txt .name {display:flex;  align-items: center; }
#intro1-2 .txt .name dd {font-size:2.0rem; color:#333; font-weight:600; padding-right:1em}
#intro1-2 .txt .name dt {font-size:3.0rem; font-family: 'NohHaeChan'; color:#333}
#intro1-2 .img {width:47%; padding:3vw; border-right:1px solid #d9e0e8;
					display:flex; flex-direction: column;  justify-content:center; align-items: center}
#intro1-2 .img img {width:100%;}


@media all and (max-width:1400px){
	#intro1 .txt .in-box:before { font-size:1.6rem; }
	#intro1 .txt h3 {font-size:4.0rem;}
	#intro1 .txt li.t1 {line-height:1.8em;}
	#intro1 .txt li.t1 p br {display:none}

	#intro1-2 .txt {width:53%; ;}
	#intro1-2 .txt li.t1 {line-height:1.8em;}
}
@media all and (max-width:1280px){
	#intro1 .txt {width:64%;}
	#intro1 .img {width:36%;}
	#intro1 .img img {width:80%;}

	#intro1-2 .txt {width:50%; }
	#intro1-2 .img {width:50%;}
	#intro1-2 .txt li.t1 p br {display:none}
}
@media all and (max-width:1024px){
	#intro1 .txt h3 {font-size:3.6rem;}
	#intro1 .txt li.t1 {margin-top:1.5em;}
	#intro1-2 .txt li.t1 {margin-bottom:1.5em;}
}
@media all and (max-width:976px){
	#intro1 { flex-wrap:wrap; border:0 }
	#intro1 .txt {width:100%; border:0; padding:15vw 0 6vw}
	#intro1 .txt .in-box {padding-left:0}
	#intro1 .txt .in-box:before { writing-mode: horizontal-tb; text-orientation: initial; }
	#intro1 .txt h3 {padding-top:1.5em; }
	#intro1 .img {width:100%; padding:0; display:none}

	#intro1-2 { flex-wrap:wrap }
	#intro1-2 .txt {width:100%;  padding:6vw 0 15vw}
	#intro1-2 .img {width:100%;  border:0; padding:0 2vw}
}



#intro3 {width:90%; max-width:1200px; margin:0 auto}



#sTitle {padding-bottom:60px}
#sTitle h3 {font-size:4.8rem;  font-family: "Paperlogy"; color:#333; line-height:1.4em }
#sTitle h3.buri {font-family: 'Maru Buri';	font-weight:normal}
#sTitle .t1 {margin-top:1em; font-size:1.8rem; opacity:.7; line-height:1.4em}
#sTitle .t1.db1 {color:#607387;  opacity:1}

@media all and (max-width:976px){
	#sTitle {padding-bottom:30px}
}
@media all and (max-width:768px){
	#sTitle h3 {font-size:4.4rem;}
}
@media all and (max-width:480px){
	#sTitle h3 {font-size:3.4rem;}
	#sTitle .t1 {font-size:1.6rem;}
}




#intro4Title {margin-bottom:100px}
#intro4Title h3 {margin-bottom:0.5em; font-size:4.6rem; font-family: 'Maru Buri';	font-weight:normal; color:#333; line-height:1.4em}
#intro4Title li {font-size:1.8rem; line-height:1.6em; opacity:.7}

@media all and (max-width:1280px) {
	#intro4Title {margin-bottom:90px}
}
@media all and (max-width:640px){
	#intro4Title h3 { font-size:4.0rem;}
}
@media all and (max-width:480px){
	#intro4Title {margin-bottom:13vw}
	#intro4Title h3 { font-size:3.0rem; letter-spacing:-0.03em}
	#intro4Title li {font-size:1.5rem; line-height:1.4em }
}



#intro4-1 ul {display:flex; gap:20px}
#intro4-1 ul li {padding:3.4em 0.3em; width:calc((100% - 20px *3)/4); border-radius:20px; background:#ecf3f7; text-align:center}
#intro4-1 ul li .day {font-size:2.0rem; font-weight:500; color:#333}
#intro4-1 ul li .hour {margin-top:0.5em; font-size:2.2rem; font-weight:600; color:#333; font-family: "Paperlogy"}
#intro4-1 ul li.off {background:#f9f1f1}

@media all and (max-width:1280px){
	#intro4-1 ul { gap:10px}
	#intro4-1 ul li {padding:2.8em 0.3em; width:calc((100% - 10px *3)/4);} 
	#intro4-1 ul li .hour {font-size:2.0rem;}
}
@media all and (max-width:1024px){
	#intro4-1 ul {flex-wrap:wrap}
	#intro4-1 ul li { width:calc((100% - 10px *1)/2);}
}
@media all and (max-width:480px){
	#intro4-1 ul {gap:5px 0}
	#intro4-1 ul li { padding:1.5em 0.3em; width:100%;  border-radius:10px}
	#intro4-1 ul li .hour {font-size:2.2rem;} 
}





#intro4-2 {margin:1.5em 0 2em; display:flex;  justify-content:space-between; align-items: end; }
#intro4-2 ul {display:flex; gap:40px; flex-wrap: wrap;}
#intro4-2 ul li {display:flex; align-items: start;  }
#intro4-2 ul.info li i {width:60px; line-height:60px; border-radius:5px; background:#072546;color:#FFF; text-align:Center;
				font-size:2.4rem;}
#intro4-2 ul.info li dl {padding-left:15px;} 
#intro4-2 ul.info li dl dt {font-size:1.8rem; line-height:1.4em }
#intro4-2 ul.info li dl dd {font-size:2.4rem; font-weight:600; color:#333 }

#intro4-2 ul.maplink  { margin-left:auto; gap:0 5px}
#intro4-2 ul.maplink   li a {border-radius:50px;  padding:0.7em 1.5em 0.7em 1em;; display:inline-block}
#intro4-2 ul.maplink   li a span { padding-left:35px; color:#FFF; line-height:28px; display:inline-block; font-weight:500}
#intro4-2 ul.maplink   li a.ver1 {background:#fae100;}
#intro4-2 ul.maplink   li a.ver1 span {color:#333}
#intro4-2 ul.maplink   li a.ver2 {background:#45b85b;} 
#intro4-2 ul.maplink   li a.ver1 span {background:url('/images/sub/kakaomap-icon.png') no-repeat left center;}
#intro4-2 ul.maplink   li a.ver2 span {background:url('/images/sub/navermap-icon.png') no-repeat left center;}					

#sMap { border-radius:20px; border-bottom:1px solid #DDD}
#sMap .root_daum_roughmap .wrap_map { height: 430px; }

@media all and (max-width:1280px){
    #intro4-2 ul.info li i {width:56px; line-height:56px;}
    #intro4-2 ul.info li dl {width: calc(100% - 56px);} 
}
@media all and (max-width:1180px){
	#intro4-2 {flex-wrap:wrap; gap:0}
	#intro4-2 ul.info {width:100%}
	#intro4-2 ul.maplink  { margin-top:1em; margin-left:0; }
}
@media all and (max-width:1024px){
	#intro4-2 ul.info li i {width:50px; line-height:50px;}
	#intro4-2 ul.maplink  { margin:2em auto 0}
}
@media all and (max-width:768px){
	#intro4-2 {margin:0 0 2em;} 
	#intro4-2 ul.info {flex-wrap:wrap; gap:10px 40px}
	#intro4-2 ul.info li dl {padding-left:10px;}
	#intro4-2 ul.info li i {font-size:2.0rem; width:48px; line-height:48px;}
}
@media all and (max-width:480px){
	#intro4-2 ul.info li i {font-size:1.8rem; width:10vw; line-height:10vw;}
	#intro4-2 ul.info li dl dt {font-size:1.6rem; }
	#intro4-2 ul.info li dl dd {font-size:2.0rem; }
	#intro4-2 ul.maplink   li a span { padding-left:8vw; line-height:6vw}
}



#intro4-3 {border-top:2px solid #072546; border-bottom:1px solid #072546}
#intro4-3 ul {padding:1.5em 0; display:flex; justify-content:space-between; }
#intro4-3 ul + ul {border-top:1px solid #DDD}
#intro4-3 ul li.tt {font-size:2.2rem; color:#333; font-weight:600}
#intro4-3 ul li.cc {font-size:1.9rem; }
#intro4-3 ul.sub li.cc span {margin-right:0.3em; display:inline-block; border-radius:30px; background:#f3b825; 
							color:#FFF; padding:0.5em 1em; font-size:1.7rem;}
#intro4-3 ul.bus dl {padding:1em 0}
#intro4-3 ul.bus dl + dl {border-top:1px dashed #DDD;}
#intro4-3 ul.bus dl dt {font-size:1.9rem; color:#333; font-weight:600}
#intro4-3 ul.bus dl dd {margin-top:0.5em;}
#intro4-3 ul.bus dl dd span {display:inline-block;padding-right:1em}

@media all and (max-width:768px){
	#intro4-3 ul {padding:2em 0; flex-wrap:wrap}
	#intro4-3 ul li.tt {font-size:2.6rem; width:100%; margin-bottom:1em; font-weight:700 }
}







.intro2Bg {background:url('/images/sub/intro2-bg.jpg') no-repeat right top / auto 100%;
    background-attachment: fixed;}


#intro2.bg {background: linear-gradient(to top, rgba(246,233,216,0.85) 0%, rgba(246,233,216,0.50) 10%, rgba(246,233,216,0) 30%);}

#intro2 .s-inner {display:flex; flex-wrap:wrap; align-items:start; }
#intro2 #imgWrap {width:570px; position:sticky; top:130px; max-height:740px; }
#intro2 #imgWrap:before {content:''; width:98%; height:98%; border:1px solid #0e428a; position:absolute; left:-2%; top:-2%; z-index:-1}
#intro2 #contWrap {width:calc(100% - 570px); padding-left:130px}
#intro2 #contWrap dl {border-bottom:3px double #ceddef; padding-bottom:3em; }
#intro2 #contWrap dl .t1 {font-size:2.7rem; color:#ad7e3f; font-family: 'Maru Buri'; letter-spacing:-0.03em}
#intro2 #contWrap dl dt {font-size:4.5rem; margin:1em 0 0.5em;  color:#333;  font-family: "Paperlogy"; font-weight:700 }
#intro2 #contWrap dl dt .st1 {font-size:0.8em; color:#072546; font-weight:300}
#intro2 #contWrap dl dd {font-size:2.1rem; font-weight:500; color:#333; padding-bottom:0.3em; line-height:1.6em}
#intro2 #contWrap article {margin-top:5em; display:flex; flex-wrap: wrap;}
#intro2 #contWrap h3 {width:100%; font-size:2.7rem; margin-bottom: 1em;  color:#072546;  font-family: "Paperlogy"; font-weight:700 }
#intro2 #contWrap .list {width:100%;}
#intro2 #contWrap .list li {position:relative}
#intro2 #contWrap .list li + li {margin-top:1em}
#intro2 #contWrap .list li:before {content:''; width:3px; height:3px; background:#0e428a ; position:absolute; left:0; top:0.7em}
#intro2 #contWrap .list li p {padding-left:0.7em; font-size:1.8rem; line-height:1.4em}

@media all and (max-width:1400px){
    #intro2 #imgWrap {width:40%; }
    #intro2 #imgWrap img {width:100%}
    #intro2 #contWrap {width:60%; padding-left:8%}
    #intro2 #contWrap h3 {width:150px; }
    #intro2 #contWrap .list {width:calc(100% - 150px)}
}
@media all and (max-width:1280px){
    #intro2 #contWrap dl .t1 {font-size:2.4rem;}
    #intro2 #contWrap dl dd {font-size:1.8rem;}
    #intro2 #contWrap article {margin-top:4em;}
    #intro2 #contWrap h3 { width:130px; font-size:2.5rem;}
    #intro2 #contWrap .list {width:calc(100% - 130px)}
}
@media all and (max-width:976px){
    .intro2Bg {background:#FFF}
    #intro2 #imgWrap {width:80%; max-width:570px; position:relative; top:0; max-height:100%; margin:0 auto}
    #intro2 #contWrap {width:100%;  padding-left:0; margin-top:3em}
}
@media all and (max-width:480px){
    #intro2 #contWrap dl {text-align:center}
    #intro2 #contWrap dl .t1 {font-size:2.2rem;}
    #intro2 #contWrap dl dd br {display:none}
    #intro2 #contWrap dl dt {font-size:3.5rem;}
    #intro2 #contWrap article {margin-top:3em; flex-wrap:wrap;}
    #intro2 #contWrap h3 { width:100%; font-size:2.3rem }
    #intro2 #contWrap .list {width:100%}
    #intro2 #contWrap .list li p {font-size:1.6rem;}
}


#intro2-2 {background:#f6e9d8}
#intro2-2 article {display:flex; flex-wrap:wrap;}
#intro2-2 article h3 {width:100%; font-size:2.7rem; margin-bottom: 1em; font-family: "Paperlogy"; color:#b9862f;font-weight:700 }
#intro2-2 article ul {width:100%; display:flex; flex-wrap:wrap; gap:20px}
#intro2-2 article ul li { width:calc((100% - 20px *1)/2); padding:2em;; border-radius:20px; position:relative; background:rgba(255,255,255,0.2); counter-increment: number;}
#intro2-2 article ul li:before {content: counter(number, decimal-leading-zero); font-size:1.4rem; color:#FFF;  width:36px; line-height:36px; border-radius:40px; background:#d7b171 ; text-align:center;  position:absolute; left:2em; top:2.5em; font-family: "Paperlogy"; font-weight:600}
#intro2-2 article ul li.w100 {width:100%}
#intro2-2 article ul li .t1 { padding-left:50px; font-size:2.2rem; color:#333; line-height:1.4em; font-weight:600;  }
#intro2-2 article ul li .t2 { padding-left:50px; margin-top:0.5em; font-size:1.8rem; line-height:1.6em}

@media all and (max-width:1400px){
    #intro2-2 article h3 {width:100px;}
	#intro2-2 article ul {width:calc(100% - 100px);}
}
@media all and (max-width:1280px){
    #intro2-2 article ul { gap:10px}
	#intro2-2 article ul li { width:calc((100% - 10px *1)/2); padding:1.5em; }
	#intro2-2 article ul li:before {width:30px; line-height:30px; left:1.5em; top:2.0em; font-size:1.4rem; }
	#intro2-2 article ul li .t1, 
	#intro2-2 article ul li .t2 { padding-left:40px; }
}
@media all and (max-width:1024px){
    #intro2-2 article ul { gap:5px 0}
	#intro2-2 article ul li { width:100%}
}
@media all and (max-width:976px){
    #intro2-2 article h3 {width:100%;}
	#intro2-2 article ul {width:100%}
}
@media all and (max-width:768px){
    #intro2-2 article ul li .t1 {padding-left:0; padding-top:50px}
	#intro2-2 article ul li .t2 { padding-left:0; }
}
@media all and (max-width:480px){
    #intro2-2 article h3 {font-size:2.3rem;}
    #intro2-2 article ul li:before {width:8vw; line-height:8vw;}
	#intro2-2 article ul li { border-radius:5px;}
	#intro2-2 article ul li .t1 { padding-top:12vw; font-size: 2rem;}
	#intro2-2 article ul li .t2 { line-height:1.4em; font-size: 1.6rem;}

}



#circleList {display:flex; justify-content:center ; flex-wrap:wrap; gap:5px 20px}
#circleList li {border-radius:50%; background:#072546; text-align:center; padding:1em; display:flex; flex-direction: column;  justify-content:center; align-items: center; }
#circleList li p {font-size:2rem; color:#FFF; font-weight:600; line-height:1.4em}

#circleList.lifting1 li {width:200px; height:200px}

#circleList.liop li {width:200px; height:200px}
#circleList.liop li p {font-size:2rem}
#circleList.liop li p span {font-size:2rem}

@media all and (max-width:1280px){
	#circleList { gap:5px 10px}
}
@media all and (max-width:768px){
	#circleList.lifting1 li {width:150px; height:150px}
	#circleList.liop li {width:150px; height:150px}
}
@media all and (max-width:480px){
	#circleList li p {font-size:1.8rem; }
	#circleList.lifting1 li {width:36vw; height:36vw}
	#circleList.liop li {width:32vw; height:32vw}
	#circleList.liop li p {font-size:1.6rem; letter-spacing: -0.05em;}
	#circleList.liop li p span {font-size:1.6rem}
}




#topTitle {text-align:Center}
#topTitle h3 {font-size:4.5rem; color:#333; font-family: 'Paperlogy';	font-weight:300; line-height:1.3em; letter-spacing: -0.02em;}
#topTitle .t1 {font-size:1.8rem; padding:2em 0 3em; line-height:1.6em}

@media all and (max-width:1280px){
	#topTitle h3 {font-size:4rem;}
}
@media all and (max-width:480px){
	#topTitle h3 {font-size:3.2rem;}
	#topTitle .t1 {padding:1em 0 2em}
}






.dotRound { display:none; width:614px; height:614px; position:absolute; right:-420px; top:0; z-index:0; pointer-events:none;}
.dotRound img { width:100%; animation:clinicTopRotate 20s linear infinite;}

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

@media all and (max-width:1660px){
  .dotRound {width:580px; height:580px; right:-460px;}
}
@media all and (max-width:976px){
  .dotRound {display:none;}
}


#clinicTop {display:flex; flex-wrap:wrap; align-items:stretch; position:relative;  overflow-x: clip; overflow-y: visible;}

#clinicTop .img {width:960px; border-radius:0 500px 500px 0; background:no-repeat right top / cover}
#clinicTop .cont {width:700px; text-align:Center; padding:100px 30px}
#clinicTop .cont h3 {font-size:4.8rem; color:#333; font-family: 'Maru Buri'; font-weight:normal; line-height:1.4em}
#clinicTop .cont h4 {padding:2em 0 1em; font-size:2.2rem; color:#333; font-family: 'Paperlogy'; font-weight:600; line-height:1.6em; letter-spacing: -0.01em;}
#clinicTop .cont .t1 p {font-size:1.8rem; line-height:2.0em}
#clinicTop .cont li + li {margin-top:0.7em}

#clinicTop.lifting1 .img {background-image:url('/images/sub/clinictop-lifting1.jpg');}
#clinicTop.lifting2 .img {background-image:url('/images/sub/clinictop-lifting2.jpg');}
#clinicTop.lifting3 .img {background-image:url('/images/sub/clinictop-lifting3.jpg');}

#clinicTop.petite1 .img {background-image:url('/images/sub/clinictop-petite1.jpg');}
#clinicTop.petite2 .img {background-image:url('/images/sub/clinictop-petite2.jpg');}
#clinicTop.petite3 .img {background-image:url('/images/sub/clinictop-petite3.jpg');}
#clinicTop.petite4 .img {background-image:url('/images/sub/clinictop-petite4.jpg');}

#clinicTop.lipo1 .img {background-image:url('/images/sub/clinictop-lipo1.jpg');}
#clinicTop.lipo2 .img {background-image:url('/images/sub/clinictop-lipo2.jpg');}
#clinicTop.lipo3 .img {background-image:url('/images/sub/clinictop-lipo3.jpg');}
#clinicTop.lipo4 .img {background-image:url('/images/sub/clinictop-lipo4.jpg');}
#clinicTop.lipo5 .img {background-image:url('/images/sub/clinictop-lipo5.jpg');}
#clinicTop.lipo6 .img {background-image:url('/images/sub/clinictop-lipo6.jpg');}
#clinicTop.lipo7 .img {background-image:url('/images/sub/clinictop-lipo7.jpg');}

#clinicTop.cell1 .img {background-image:url('/images/sub/clinictop-cell1.jpg');}

@media all and (max-width:1660px){
	#clinicTop .img {width:calc(100% - 600px)}
	#clinicTop .cont {width:600px; }
}
@media all and (max-width:1400px){
	#clinicTop .cont { padding:70px 20px}
}
@media all and (max-width:1280px){
	#clinicTop .img {width:60%}
	#clinicTop .cont {width:40%; padding:5% 20px }
	#clinicTop .cont h3 {font-size:4.6rem;} 
	#clinicTop .cont h4 {padding:1.5em 0 1em;}
}
@media all and (max-width:1024px){
	#clinicTop .img {width:55%}
	#clinicTop .cont {width:45%; padding:3% 15px }
	#clinicTop .cont .t1 p {line-height:1.6em}
	#clinicTop .cont li + li {margin-top:1em}
}
@media all and (max-width:976px){
	#clinicTop .img {width:96%; height:60vw; }
	#clinicTop .cont {width:90%; padding:0; padding-top:50px; margin:0 auto}
}
@media all and (max-width:480px){
	#clinicTop .img {height:65vw; }
	#clinicTop .cont h3 {font-size:3.6rem;} 
	#clinicTop .cont h4 {font-size:1.9rem;}
	#clinicTop .cont .t1 p {font-size:1.6rem}
	#clinicTop .cont .t1 br {display:none}
}





.bgWrap1 {background:#072546}
.bgWrap2 {position:relative;  width:100%; height:100%;}
.bgWrap2:before {content:''; background:#f6e9d8;  width:100%; height:100%; position:absolute; left:0; top:0; z-index:-3}






#lineBgbox {display:flex; flex-wrap:wrap; gap:30px}
#lineBgbox .in-box {border-radius:20px; padding:30px; border: 1px solid #395574; background: #0d2b4c;
						box-shadow: 10px 10px 20px rgba(5, 29, 55, 1); display:flex; gap: 30px;}
#lineBgbox .in-box {width:calc((100% - 30px *1)/2); display:flex;}
#lineBgbox .in-box .img { margin-top:-30px; margin-left:-10px; width:40%; height:300px; border-radius:0 0 300px 300px; 
								background:no-repeat center top / auto 100%; }
#lineBgbox .in-box .txt {width:60%; color:#FFF; height:100%;
							display:flex; flex-direction:column;  justify-content:space-between; }
#lineBgbox .in-box .txt .num {width:54px; height:54px; border-radius:54px;  color:#FFF; background:#cba067;  align-items: center; 
							font-family: 'Maru Buri'; font-size:2.6rem; display:flex; justify-content:center; 	margin-left:auto  }
#lineBgbox .in-box .txt .num p {margin:0; text-align: center; line-height: 0.6;}
#lineBgbox .in-box .txt .num .st1 {font-size:0.5em;  line-height: 0.5;}
#lineBgbox .in-box .txt dl dt {font-size:2.8rem; margin-bottom:1em; font-weight:600  }
#lineBgbox .in-box .txt dl dd {font-size:1.8rem; color:#c1c4c7; line-height:1.6em; font-weight:300 }
#lineBgbox .in-box .txt .key {margin-top:1em}
#lineBgbox .in-box .txt .key span {font-size:1.8rem; padding-right:1em; display:inline-block}

#lineBgbox.lifting1 .in-box .img.bg1 {background-image:url('/images/sub/lifting1-2-img1.png')}
#lineBgbox.lifting1 .in-box .img.bg2 {background-image:url('/images/sub/lifting1-2-img2.png')}
#lineBgbox.lifting1 .in-box .img.bg3 {background-image:url('/images/sub/lifting1-2-img3.png')}
#lineBgbox.lifting1 .in-box .img.bg4 {background-image:url('/images/sub/lifting1-2-img4.png')}

#lineBgbox.lifting2 .in-box {width:calc((100% - 30px *2)/3); display:block}
#lineBgbox.lifting2 .in-box .img {width:100%; height:auto; border-radius:15px;overflow:hidden; margin-left:0; margin-top:0;}
#lineBgbox.lifting2 .in-box .img img {width:100%}
#lineBgbox.lifting2 .in-box .txt { width:100%; justify-content:start; }
#lineBgbox.lifting2 .in-box .txt .num {margin:-27px auto 27px;}
#lineBgbox.lifting2 .in-box .txt dl dt { text-align:center}

#lineBgbox.petite1 .in-box .img.bg1 {background-image:url('/images/sub/petite1-2-img1.jpg')}
#lineBgbox.petite1 .in-box .img.bg2 {background-image:url('/images/sub/petite1-2-img2.jpg')}
#lineBgbox.petite1 .in-box .img.bg3 {background-image:url('/images/sub/petite1-2-img3.jpg')}
#lineBgbox.petite1 .in-box .img.bg4 {background-image:url('/images/sub/petite1-2-img4.jpg')}

#lineBgbox.petite2 .in-box .img.bg1 {background-image:url('/images/sub/petite2-2-img1.jpg')}
#lineBgbox.petite2 .in-box .img.bg2 {background-image:url('/images/sub/petite2-2-img2.jpg')}
#lineBgbox.petite2 .in-box .img.bg3 {background-image:url('/images/sub/petite2-2-img3.jpg')}
#lineBgbox.petite2 .in-box .img.bg4 {background-image:url('/images/sub/petite2-2-img4.jpg')}

#lineBgbox.petite3 .in-box .img.bg1 {background-image:url('/images/sub/petite3-2-img1.jpg')}
#lineBgbox.petite3 .in-box .img.bg2 {background-image:url('/images/sub/petite3-2-img2.jpg')}
#lineBgbox.petite3 .in-box .img.bg3 {background-image:url('/images/sub/petite3-2-img3.jpg')}
#lineBgbox.petite3 .in-box .img.bg4 {background-image:url('/images/sub/petite3-2-img4.jpg')}

#lineBgbox.petite4 .in-box .img.bg1 {background-image:url('/images/sub/petite4-2-img1.jpg')}
#lineBgbox.petite4 .in-box .img.bg2 {background-image:url('/images/sub/petite4-2-img2.jpg')}
#lineBgbox.petite4 .in-box .img.bg3 {background-image:url('/images/sub/petite4-2-img3.jpg')}
#lineBgbox.petite4 .in-box .img.bg4 {background-image:url('/images/sub/petite4-2-img4.jpg')}


#lineBgbox.lipo1 .in-box .img.bg1 {background-image:url('/images/sub/lipo1-2-img1.jpg')}
#lineBgbox.lipo1 .in-box .img.bg2 {background-image:url('/images/sub/lipo1-2-img2.jpg')}
#lineBgbox.lipo1 .in-box .img.bg3 {background-image:url('/images/sub/lipo1-2-img3.jpg')}
#lineBgbox.lipo1 .in-box .img.bg4 {background-image:url('/images/sub/lipo1-2-img4.jpg')}

#lineBgbox.lipo2 .in-box .img.bg1 {background-image:url('/images/sub/lipo2-2-img1.jpg')}
#lineBgbox.lipo2 .in-box .img.bg2 {background-image:url('/images/sub/lipo1-2-img2.jpg')}
#lineBgbox.lipo2 .in-box .img.bg3 {background-image:url('/images/sub/lipo1-2-img3.jpg')}
#lineBgbox.lipo2 .in-box .img.bg4 {background-image:url('/images/sub/lipo2-2-img4.jpg')}


#lineBgbox.lipo3 .in-box .img.bg1 {background-image:url('/images/sub/lipo3-2-img1.jpg')}
#lineBgbox.lipo3 .in-box .img.bg2 {background-image:url('/images/sub/lipo3-2-img2.jpg')}
#lineBgbox.lipo3 .in-box .img.bg3 {background-image:url('/images/sub/lipo1-2-img2.jpg')}
#lineBgbox.lipo3 .in-box .img.bg4 {background-image:url('/images/sub/lipo3-2-img4.jpg')}


#lineBgbox.lipo4 .in-box .img.bg1 {background-image:url('/images/sub/lipo4-2-img1.jpg')}
#lineBgbox.lipo4 .in-box .img.bg2 {background-image:url('/images/sub/lipo4-2-img2.jpg')}
#lineBgbox.lipo4 .in-box .img.bg3 {background-image:url('/images/sub/lipo1-2-img2.jpg')}
#lineBgbox.lipo4 .in-box .img.bg4 {background-image:url('/images/sub/lipo4-2-img4.jpg')}


#lineBgbox.lipo5 .in-box .img.bg1 {background-image:url('/images/sub/lipo5-2-img1.jpg')}
#lineBgbox.lipo5 .in-box .img.bg2 {background-image:url('/images/sub/lipo5-2-img2.jpg')}
#lineBgbox.lipo5 .in-box .img.bg3 {background-image:url('/images/sub/lipo5-2-img3.jpg')}
#lineBgbox.lipo5 .in-box .img.bg4 {background-image:url('/images/sub/lipo5-2-img4.jpg')}


#lineBgbox.cell1 .in-box .img.bg1 {background-image:url('/images/sub/cell1-2-img1.jpg')}
#lineBgbox.cell1 .in-box .img.bg2 {background-image:url('/images/sub/cell1-2-img2.jpg')}
#lineBgbox.cell1 .in-box .img.bg3 {background-image:url('/images/sub/cell1-2-img3.jpg')}
#lineBgbox.cell1 .in-box .img.bg4 {background-image:url('/images/sub/cell1-2-img4.jpg')}

@media all and (max-width:1400px){
	#lineBgbox { gap:20px}
	#lineBgbox .in-box {width:calc((100% - 20px *1)/2);}
	#lineBgbox .in-box .txt {width:55%;}
	#lineBgbox .in-box .img { width:45%;}
}
@media all and (max-width:1280px){
	#lineBgbox .in-box {flex-wrap:wrap; gap:0; padding:20px; border-radius:10px; }	
	#lineBgbox .in-box .img { width:100%; margin:-20px auto 0; height:300px; background-size:cover }
	#lineBgbox .in-box .txt {width:100%;;  justify-content:unset; text-align:center}
	#lineBgbox .in-box .txt .num {margin:-27px auto 1em}
}
@media all and (max-width:1024px){
	#lineBgbox.lifting2 { justify-content:center;}
	#lineBgbox.lifting2 .in-box {width:calc((100% - 30px *1)/2);}
}
@media all and (max-width:768px){
	#lineBgbox {width:90%; max-width:580px; gap:10px 0; margin:0 auto}
	#lineBgbox .in-box {width:100%}
	#lineBgbox .in-box .img {height:46vw; border-radius:0 0 50px 50px;} 

	#lineBgbox.lifting2 .in-box {width:100%;}
}
@media all and (max-width:480px){
	#lineBgbox .in-box .txt .num {width:14vw; height:14vw; }
	#lineBgbox .in-box .txt dl dt {font-size:2.6rem; margin-bottom:0.6em }
	#lineBgbox .in-box .txt dl dd {font-size:1.6rem; }
}










#lifting1-1 h4 { font-size:2.4rem; font-weight:500; margin-bottom:1em; line-height:1.4em}
#lifting1-1 li.t1 {font-size:1.8rem; line-height:2.0em}
#lifting1-1 .circle {margin-top:3em; display:flex; flex-wrap:wrap;  justify-content:center; margin-left:30px }
#lifting1-1 .circle li {width:260px; border-radius:100px; margin-left:-30px; padding:2.5em 3em; display: flex; align-items: center; justify-content: center;}
#lifting1-1 .circle li:nth-child(odd) {background:#e3c593; color:#072546}
#lifting1-1 .circle li:nth-child(even) {background:#072546; color:#FFF}
#lifting1-1 .circle li span {font-size:2.2rem; font-weight:500}

@media all and (max-width:1280px){
	#lifting1-1 .circle { margin-left:20px }
	#lifting1-1 .circle li {width:210px; border-radius:100px; margin-left:-20px; padding:2.0em 1em}
}
@media all and (max-width:976px){
	#lifting1-1 .circle {width:100%; max-width:560px; margin:3em auto; }
	#lifting1-1 .circle li {width:210px; border-radius:100px; margin-left:-20px; margin-top:-10px; padding:2.5em 1em}
	#lifting1-1 .circle li:nth-child(1),
	#lifting1-1 .circle li:nth-child(4) {background:#e3c593; color:#072546}
	#lifting1-1 .circle li:nth-child(2),
	#lifting1-1 .circle li:nth-child(3) {background:#072546; color:#FFF}
}
@media all and (max-width:480px){
	#lifting1-1 #sTitle h3 {font-size:2.8rem}
	#lifting1-1 h4 { font-size:2.2rem; font-weight:500; }
	#lifting1-1 li.t1 { font-size:1.6rem; line-height:1.8em}
	#lifting1-1 li.t1 br {display:none}
	#lifting1-1 .circle li {width:45vw; border-radius:100px; margin-left:-3svw; margin-top:-2vw; padding:8vw 2vw}
	#lifting1-1 .circle li span {line-height:1.2em; font-size:1.8rem}
}






#lifting1-2 {padding:5em 0}
#lifting1-2 .s-inner {display:flex; flex-wrap:wrap; justify-content:space-between; }

#lifting1-2 .tit {width:280px;}
#lifting1-2 .tit .t1 {font-size:2.0rem; margin-bottom:1em; font-family: 'Paperlogy'; font-weight:500}
#lifting1-2 .tit h3 {font-size:3.5rem; font-family: 'Paperlogy';}

#lifting1-2 .img {width:500px; position:relative }
#lifting1-2 .img:before {content:''; width:95%; height:95%; border:1px solid #cfb89a; position:absolute; right:-20px; top:-15px;border-radius:20px;  }
#lifting1-2 .img img {width:100%; border-radius:20px; overflow:hidden; position:relative}

#lifting1-2 .cont {width:420px; margin-top: auto }
#lifting1-2 .cont dt {font-size:2.6rem; font-weight:700; margin-bottom:1em}
#lifting1-2 .cont dd {font-size:1.8rem; line-height:1.6em}

@media all and (max-width:1280px){
	#lifting1-2 {padding:4em 0}
	#lifting1-2 .tit {width:230px;}
	#lifting1-2 .img {width:320px; }
	#lifting1-2 .cont {width:350px; }
}
@media all and (max-width:1024px){
	#lifting1-2 .s-inner { align-items: center;}
	#lifting1-2 .tit {width:100%; margin-bottom:30px; text-align:center}
	#lifting1-2 .tit .t1 { margin-bottom:0.5em;}
	#lifting1-2 .img {width:45% }
	#lifting1-2 .cont {width:55%; padding-left:5%; margin-top:0 }
}
@media all and (max-width:768px){
	#lifting1-2 .img {width:100% }
	#lifting1-2 .cont {width:100%; padding-left:0; margin-top:30px; }
}
@media all and (max-width:480px){
	#lifting1-2 .img img {border-radius:10px; }
	#lifting1-2 .tit .t1 {font-size:1.8rem;} 
	#lifting1-2 .tit h3 {font-size:3.2rem; }
	#lifting1-2 .cont {text-align:Center}
	#lifting1-2 .cont dt {font-size:2.4rem; }
	#lifting1-2 .cont dd { line-height:1.6em}
	#lifting1-2 .cont dd {font-size:1.6rem;}
}




#lifting1-3 .contWrap {display:flex; gap:20px}
#lifting1-3 .contWrap ul {width:calc((100% - 20px *1)/2); padding:50px; border-radius:20px; background:#072546;
								text-align:center}
#lifting1-3 .contWrap ul h3 {font-size:2.8rem;  font-family: 'Paperlogy'; font-weight:500}
#lifting1-3 .contWrap ul .img {margin:2em 0; border: 1px solid #395574; box-shadow:10px 10px 20px rgba(5, 29, 55, 1);
									padding:15px; border-radius:20px; background:#0d2b4c }
#lifting1-3 .contWrap ul .img img {; width:100%; border-radius:10px; overflow:hidden}
#lifting1-3 .contWrap ul .t1 {padding:0 3%; font-size:1.8rem; line-height:1.8em; color:#c1c4c7; font-weight:300}

@media all and (max-width:1400px){
	#lifting1-3 .contWrap ul { padding:30px;}
	#lifting1-3 .contWrap ul .img { padding:15px }
}
@media all and (max-width:1280px){
	#lifting1-3 .contWrap ul .t1 { line-height:1.6em; }
}
@media all and (max-width:1024px){
	#lifting1-3 .contWrap {gap:10px}
	#lifting1-3 .contWrap ul {width:calc((100% - 10px *1)/2); padding:2em 20px; }
	#lifting1-3 .contWrap ul .img {margin:1.5em 0; }
}
@media all and (max-width:768px){
	#lifting1-3 .contWrap {padding:0 5%; gap:10px 0; flex-wrap:wrap}
	#lifting1-3 .contWrap ul {width:100%;  padding:2em 20px; }
	#lifting1-3 .contWrap ul .img {margin:1.5em 0; }
}
@media all and (max-width:480px){
	#lifting1-3 .contWrap ul h3 {font-size:2.4rem; }
	#lifting1-3 .contWrap ul .t1 {font-size:1.6rem; line-height:1.6em; }
}







#faq {background:url('/images/sub/faq-bg.webp') no-repeat center top / cover; background-attachment: fixed;}
#faq .inner {width:90%; max-width:1280px; margin:0 auto;}
#faq #mTitle {margin-bottom:40px; text-align:center;}
#faq #mTitle .eng {font-size:1.6rem; letter-spacing:0.2em; color:#cba067; font-weight:600;}
#faq #mTitle h2 {margin-top:10px; font-size:4rem; color:#111; font-weight:700;}


#faq .faqList > li {border: 1px solid #FFF; box-shadow:0 0 10px rgba(69,124,183, 0.15); border-radius:10px; margin:0.5em;
					backdrop-filter: blur(10px); background:rgba(255,255,255,0.3)}
#faq .faqList > li.on .faqA {}

#faq .faqQ {width:100%; padding:20px 30px; display:flex; align-items:center; gap:20px; position:relative; background:none; border:0; cursor:pointer; text-align:left;}
#faq .faqQ .cate {width:42px; height:42px; border-radius:50%; background:#072546; color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:600; flex-shrink:0;}
#faq .faqQ .txt {font-size:2.0rem; color:#333; font-weight:600; line-height:1.5;  font-family: 'Paperlogy'; font-weight:500}

#faq .faqQ .icon {width:18px; height:18px; position:absolute; right:30px; top:50%; transform:translateY(-50%);}
#faq .faqQ .icon:before,
#faq .faqQ .icon:after {content:""; position:absolute; left:50%; top:50%; background:#333; transform:translate(-50%, -50%); transition:0.3s ease;}
#faq .faqQ .icon:before {width:18px; height:2px;}
#faq .faqQ .icon:after {width:2px; height:18px;}

#faq .faqList > li.on .faqQ .icon:after {opacity:0;}

#faq .faqA { max-height: 0; overflow: hidden; transition: max-height .5s cubic-bezier(.25,1,.5,1), padding .3s ease; padding: 0}
#faq .faqAin {display:flex; gap:20px; margin:0 30px; padding:30px 0; border-top:1px dashed #dbdee1}
#faq .faqAin .cate {width:42px; height:42px; border-radius:50%; background:#cba067; color:#fff; 
						display:flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:600; flex-shrink:0;}
#faq .faqAin p {padding-top:5px; font-size:1.8rem;  line-height:1.8; word-break:keep-all;}



@media all and (max-width:1024px){
  #faq .inner {width:92%;}
  #faq #mTitle {margin-bottom:30px;}
  #faq #mTitle .eng {font-size:1.4rem; letter-spacing:0.16em;}
  #faq #mTitle h2 {margin-top:8px; font-size:3.2rem;}

  #faq .faqList > li {border-radius:8px; margin:0.4em 0;}
  #faq .faqQ {padding:24px 60px 24px 24px; gap:16px;}
  #faq .faqQ .cate {width:38px; height:38px; font-size:1.8rem;}
  #faq .faqQ .txt {font-size:2.0rem; line-height:1.45;}

  #faq .faqQ .icon {width:16px; height:16px; right:24px;}
  #faq .faqQ .icon:before {width:16px;}
  #faq .faqQ .icon:after {height:16px;}

  #faq .faqAin {gap:16px; margin:0 24px; padding:24px 0;}
  #faq .faqAin .cate {width:38px; height:38px; font-size:1.6rem;}
  #faq .faqAin p {padding-top:0; line-height:1.4 }
}

@media all and (max-width:768px){
  #faq .inner {width:94%;}
  #faq #mTitle {margin-bottom:24px;}
  #faq #mTitle .eng {font-size:1.3rem; letter-spacing:0.14em;}
  #faq #mTitle h2 {margin-top:6px; font-size:2.6rem;}

  #faq .faqList > li {border-radius:8px; margin:10px 0;}
  #faq .faqQ {padding:18px 46px 18px 18px; gap:12px; align-items:flex-start;}
  #faq .faqQ .cate {width:32px; height:32px;}
  #faq .faqQ .txt {padding-top:0.1em; word-break:keep-all;}

  #faq .faqQ .icon {width:14px; height:14px; right:18px; top:24px; transform:none;}
  #faq .faqQ .icon:before {width:14px; height:2px;}
  #faq .faqQ .icon:after {width:2px; height:14px;}

  #faq .faqAin {gap:12px; margin:0 18px; padding:18px 0;}
  #faq .faqAin .cate {width:32px; height:32px;}
}

@media all and (max-width:480px){
	#faq .faqQ{padding:3.33vw 8.33vw 3.33vw 3.33vw;gap:2.08vw;}
	#faq .faqQ .cate{width:6vw;height:6vw;font-size:1.4rem;}
	#faq .faqQ .txt{font-size:1.8rem;line-height:1.55; padding-top:0}
	#faq .faqQ .icon{right:3.33vw;top:4.58vw;width:2.5vw;height:2.5vw;}
	#faq .faqQ .icon:before{width:2.5vw;}
	#faq .faqQ .icon:after{height:2.5vw;}
	#faq .faqAin{margin:0 3.33vw;padding:3.33vw 0;gap:2.08vw;}
	#faq .faqAin .cate{width:6vw;height:6vw;font-size:1.4rem;}
	#faq .faqAin p{font-size:1.6rem;line-height:1.4;}
}






#recomWrap {background:no-repeat center top / cover;}
#recomWrap .s-inner { }
#recomWrap .cont {margin-left:auto; width:fit-content}
#recomWrap .cont li {border-radius:50px; border:1px solid rgba(255,255,255,0.2); box-shadow:0 0 10px rgba(0,0,0,0.1);
						padding:1.5em 2em; 	backdrop-filter: blur(20px);}
#recomWrap .cont li + li {margin-top:0.5em}
#recomWrap .cont li p {font-size:1.8rem; color:#FFF}


#recomWrap.lifting2 {background-image:url('/images/sub/lifting2-4-bg.jpg')}
#recomWrap.lifting3 {background-image:url('/images/sub/lifting3-3-bg.jpg')}
#recomWrap.petite2 {background-image:url('/images/sub/petite2-3-bg.jpg')}
#recomWrap.petite3 {background-image:url('/images/sub/petite3-3-bg.jpg')}
#recomWrap.lipo6 {background-image:url('/images/sub/lipo6-3-bg.jpg')}
#recomWrap.lipo7 {background-image:url('/images/sub/lipo7-3-bg.jpg')}

@media all and (max-width:768px){
	#recomWrap .cont {margin-left:0; }
}
@media all and (max-width:480px){
	#recomWrap #sTitle h3 p {display:none}
	#recomWrap .cont li {	padding:1.0em 1.5em; }
	#recomWrap .cont li p {font-size:1.6rem;}

	#recomWrap.lifting3 {background-position:35% top}
}





#bg2Round {display:flex; gap:0 30px; justify-content:center; }
#bg2Round .in-box {width:400px; text-align:center; padding-bottom:50px}
#bg2Round .in-box h3 {margin:2em 0 1em; font-size:2.8rem; ;  font-family: 'Paperlogy'; font-weight:600 }
#bg2Round .in-box .img {width:300px; height:380px; border:1px solid #fffbf2; padding:10px; box-shadow:0 0 15px rgba(117,69,20,0.2);
								border-radius:500px; overflow:hidden; margin:15px auto }
#bg2Round .in-box .img > div {width:100%; height:100%; background:no-repeat center top / auto 100%;
										border-radius:500px; overflow:hidden}
#bg2Round .in-box .t1 {font-size:1.8rem; line-height:1.6em}

#bg2Round.petite1 .in-box .img .bg1 {background-image:url('/images/sub/petite1-3-img1.jpg')}
#bg2Round.petite1 .in-box .img .bg2 {background-image:url('/images/sub/petite1-3-img2.jpg')}
#bg2Round.petite1 .in-box .img .bg3 {background-image:url('/images/sub/petite1-3-img3.jpg')}
#bg2Round.petite1 .in-box .img .bg4 {background-image:url('/images/sub/petite1-3-img4.jpg')}

@media all and (max-width:1024px){
	#bg2Round .in-box {width:350px;}
	#bg2Round .in-box .img {width:250px; height:330px;}
}
@media all and (max-width:976px){
	#bg2Round .in-box .t1 {width:100%; max-width:400px; margin:0 auto}
	#bg2Round .slick-dots {bottom:0}
	#bg2Round .slick-dots li {border-color:#072546 }
	#bg2Round .slick-dots li.slick-active { background: #072546 ;}
}
@media all and (max-width:480px){
	#bg2Round .in-box .img {width:56vw; height:70vw; }
	#bg2Round .in-box h3 { font-size:2.4rem; }
	#bg2Round .in-box .t1 {font-size:1.6rem; line-height:1.6em}
}







#vsWrap .in-box {width:90%;max-width:1024px; margin:0 auto}


.tb-scroll { overflow-x: auto; }
.vs-style1 { width:100%; position:relative; text-align:center; font-size:1.8rem;}
.vs-style1:before {content:''; width:49%; height:calc(100% - 60px); box-shadow:0 0 10px rgba(85,85,85,0.5); 
					background:#cba067; border-radius:30px; position:absolute; right:-4px; bottom:-12px; z-index:-3;}
.vs-style1 th p {margin-bottom:1.3em; padding:0 1.4em; line-height:55px  }
.vs-style1 th .t1 {font-size:2.0rem; display:inline-block;  background:#072546 ; color:#FFF; border-radius:50px}
.vs-style1 th .vs {padding:0; font-size:2.2rem; color:#AAA; font-family: 'Noto Serif KR', serif;  font-weight:600; font-style: italic;}
.vs-style1 th .t2 {font-size:2.6rem; display:inline-block; background:#cba067; color:#FFF; font-weight:600; border-radius:50px;
					font-family: 'Paperlogy'; font-weight:600 }
.vs-style1 td { padding:1em 0.5em;  border-bottom:1px solid #DDD;   color:#072546 }
.vs-style1 td.td-t1 { border-top:1px solid #DDD; }
.vs-style1 td.td-vs {background:#BBB; color:#FFF; position:relative;  z-index:-5}
.vs-style1 td.td-vs:before {content:''; width:100%; height:100%; background:#b7b7b7;position:absolute; right:0; bottom:0; z-index:-6}
.vs-style1 td.td-t2 {font-size:2.0rem; border-bottom:1px solid rgba(255,255,255,0.2); color:#FFF}
.vs-style1 td.td-b0 {border-bottom:0;}
.vs-style1-img {padding:0}
.vs-style1-img img {max-width:1280px; width:100%}


@media all and (max-width:480px){
	.vs-style1 { font-size:1.6rem;}
	.vs-style1:before { border-radius:10px;} 
	.vs-style1 th .t1 {font-size:1.8rem; }
	.vs-style1 th .vs { font-size:2.0rem;}
	.vs-style1 th .t2 {font-size:2rem; line-height: 2.5rem; padding: 0.7rem 1rem;}
	.vs-style1 td.td-t2 {font-size:1.8rem; }
}




#bg2ImgList {display:flex; flex-wrap:wrap; justify-content:center; gap:15px 30px}
#bg2ImgList.w4 .in-box {width:calc((100% - 30px *3)/4)}
#bg2ImgList .in-box {text-align:center}
#bg2ImgList .in-box .img {width:300px; height:380px; border:1px solid #fffbf2; padding:10px; box-shadow:0 0 15px rgba(117,69,20,0.2);
								border-radius:500px; overflow:hidden; margin:15px auto }
#bg2ImgList .in-box .img > div {width:100%; height:100%; background:no-repeat center top / auto 100%;
										border-radius:500px; overflow:hidden}
#bg2ImgList .in-box h3 {padding:2em 0 1em; font-size:2.8rem; ;  font-family: 'Paperlogy'; font-weight:600;
								position:relative}
#bg2ImgList .in-box h3:before {content:''; width:1px; height:80px; background:#af8144; position:absolute; left:50%; top:-50%}
#bg2ImgList .in-box .t1 {font-size:1.8rem; line-height:1.6em}


#bg2ImgList.lipo1 .in-box .img .bg1 {background-image:url('/images/sub/lipo1-3-img1.jpg')}
#bg2ImgList.lipo1 .in-box .img .bg2 {background-image:url('/images/sub/lipo1-3-img2.jpg')}
#bg2ImgList.lipo1 .in-box .img .bg3 {background-image:url('/images/sub/lipo1-3-img3.jpg')}
#bg2ImgList.lipo1 .in-box .img .bg4 {background-image:url('/images/sub/lipo1-3-img4.jpg')}

#bg2ImgList.lipo2 .in-box .img .bg1 {background-image:url('/images/sub/lipo2-3-img1.jpg')}
#bg2ImgList.lipo2 .in-box .img .bg2 {background-image:url('/images/sub/lipo2-3-img2.jpg')}
#bg2ImgList.lipo2 .in-box .img .bg3 {background-image:url('/images/sub/lipo2-3-img3.jpg')}
#bg2ImgList.lipo2 .in-box .img .bg4 {background-image:url('/images/sub/lipo2-3-img4.jpg')}

#bg2ImgList.lipo3 .in-box .img .bg1 {background-image:url('/images/sub/lipo3-3-img1.jpg')}
#bg2ImgList.lipo3 .in-box .img .bg2 {background-image:url('/images/sub/lipo3-3-img2.jpg')}
#bg2ImgList.lipo3 .in-box .img .bg3 {background-image:url('/images/sub/lipo3-3-img3.jpg')}
#bg2ImgList.lipo3 .in-box .img .bg4 {background-image:url('/images/sub/lipo3-3-img4.jpg')}

#bg2ImgList.lipo4 .in-box .img .bg1 {background-image:url('/images/sub/lipo4-3-img1.jpg')}
#bg2ImgList.lipo4 .in-box .img .bg2 {background-image:url('/images/sub/lipo4-3-img2.jpg')}
#bg2ImgList.lipo4 .in-box .img .bg3 {background-image:url('/images/sub/lipo4-3-img3.jpg')}
#bg2ImgList.lipo4 .in-box .img .bg4 {background-image:url('/images/sub/lipo4-3-img4.jpg')}

#bg2ImgList.lipo5 .in-box .img .bg1 {background-image:url('/images/sub/lipo5-3-img1.jpg')}
#bg2ImgList.lipo5 .in-box .img .bg2 {background-image:url('/images/sub/lipo5-3-img2.jpg')}
#bg2ImgList.lipo5 .in-box .img .bg3 {background-image:url('/images/sub/lipo5-3-img3.jpg')}
#bg2ImgList.lipo5 .in-box .img .bg4 {background-image:url('/images/sub/lipo5-3-img4.jpg')}


@media all and (max-width:1400px){
	#bg2ImgList.w4 .in-box .img {width:250px; height:330px;}
}
@media all and (max-width:1180px){
	#bg2ImgList.w4 {width:100%; max-width:680px; margin:0 auto}
	#bg2ImgList.w4 .in-box {width:calc((100% - 30px *1)/2)}
}
@media all and (max-width:976px){
	#bg2ImgList.w4 .in-box .img {width:210px; height:260px;}
	#bg2ImgList .in-box h3:before {height:40px;}
	#bg2ImgList .in-box h3 {padding:1em 0 0.5em; }
}
@media all and (max-width:480px){
	#bg2ImgList {gap:15px 20px}
	#bg2ImgList.w4 .in-box {width:calc((100% - 20px *1)/2)}
	#bg2ImgList.w4 .in-box .img {width:40vw; height:50vw; padding:8px}
	#bg2ImgList .in-box h3 {padding:6vw 0 3vw; font-size:2.4rem;}
	#bg2ImgList .in-box h3:before {height:10vw} 
	#bg2ImgList .in-box .t1 {font-size:1.6rem; line-height:1.4em}
}



#processWrap {border-top:1px solid #d5dbe3; border-bottom:1px solid #d5dbe3; }
#processWrap .in {width:90%; max-width:1400px; margin:0 auto; border-right:1px solid #d5dbe3; display:flex; flex-wrap:wrap;}
#processWrap .in .in-box {padding:3em; border-left:1px solid #d5dbe3; border-top:1px solid #d5dbe3; margin-top:-1px; display:flex; flex-direction: column; }
#processWrap .in .in-box .img {width:100%; max-width:440px; position:relative; }
#processWrap .in .in-box .img:before {content:''; width:100%; height:100%; border:1px solid #072546; position:absolute; left:3%; top:5%}
#processWrap .in .in-box .img img {width:100%; position:relative;}
#processWrap .in .in-box .txt {margin-top:3em; width:100%;  margin-left:auto; display:flex;  justify-content:space-between; align-items: start}
#processWrap .in .in-box .txt .step {width:80px; padding:0.5em 0; border-radius:50px; border:1px solid #af8144; color:#af8144; font-size:1.4rem; font-weight:500; display:inline-block; text-align:center}
#processWrap .in .in-box .txt dl {width:500px; padding-left:3%}
#processWrap .in .in-box .txt dl dt {margin-bottom:1em; font-size:2.3rem; font-family: 'Paperlogy'; font-weight:600; }
#processWrap .in .in-box .txt dl dd {font-size:1.8rem; line-height:1.6em;}

#processWrap.lipo1 .in .in-box {width:50%}

@media all and (max-width:1280px){
	#processWrap .in .in-box {padding:2em; }
}
@media all and (max-width:1024px){
	#processWrap .in .in-box .txt {flex-wrap:wrap}
	#processWrap .in .in-box .txt .step {width:auto; padding:0.5em 1.5em;}
	#processWrap .in .in-box .txt dl {width:100%; padding-left:0}
	#processWrap .in .in-box .txt dl dt {margin:1em 0 0.5em}
}
@media all and (max-width:976px){
	#processWrap .in {display:block; border-right:1px solid #d5dbe3; border-left:1px solid #d5dbe3;}
	#processWrap.lipo1 .in .in-box {width:100%; border:0 }
	#processWrap .in .in-box {padding:30px 80px; border-right:1px solid #d5dbe3; }
	#processWrap .in .in-box .txt {margin-top:8vw; display:block;}
	#processWrap .in .in-box .txt dl {width:100%; padding-left:0; margin-top:4vw;}
	#processWrap .in .in-box .txt .step {width:auto; padding:0.5em 1.2em;}
	#processWrap .in .in-box .txt dl dt {font-size:2.2rem;}
	#processWrap .in .in-box .txt dl dd {font-size:1.6rem;}
	#processWrap .slick-slide {height:auto;}
	#processWrap .process-prev,
	#processWrap .process-next { width:50px; height:50px; border:0; font-size:0; cursor:pointer;
										background-repeat:no-repeat; background-position:center; background-size:100% auto;
										position:absolute; top:50%; transform:translateY(-50%); z-index:5;}
#processWrap .process-prev {left:10px; background-image:url('/images/sub/process-prev.png');}
#processWrap .process-next {right:10px; background-image:url('/images/sub/process-next.png');}
}
@media all and (max-width:480px){
	#processWrap .in .in-box {padding:10vw 12vw; }
	#processWrap .in .in-box .txt dl dt {font-size:2.2rem;}
	#processWrap .in .in-box .txt dl dd {font-size:1.6rem; line-height:1.4em}

	#processWrap .process-prev,
	#processWrap .process-next { width:10vw; height:10vw; }
	#processWrap .process-prev {left:0;}
	#processWrap .process-next {right:0; }
}



#lipo7-2 {padding-top:2em; text-align:center}
#lipo7-2 img {width:100%; max-width:836px}







#memWrap {border:10px solid #ebf6fd; padding:30px; font-size:1.8rem; line-height:1.6em; }
#memWrap h3 { font-size:2.4rem; color:#111; margin:2em 0 0.5em;}
#memWrap .box {background:#f9f9f9; padding:20px;font-size:2.0rem; line-height:1.8em;  }

@media all and (max-width:480px){
	#memWrap {border:5px solid #ebf6fd; padding:5vw; font-size:1.6rem; line-height:1.4em; }
	#memWrap h3 { font-size:2.0rem;  margin:5vw 0 2vw;}
	#memWrap .box { padding:10px;font-size:1.8rem; line-height:1.6em;  }
}






#intro6Vod {text-align:center; background:#f6e9d8}
#intro6Vod iframe {width:1024px; height:750px;}

@media all and (max-width:1210px){
	#intro6Vod iframe {width:85%; height:55vw;}
}





#intro6-1 {background:#072546;}
#intro6-1 .inner {display:flex; flex-wrap:wrap;}
#intro6-1 #sTitle {width:710px; position:sticky; top:150px; max-height:300px; }
#intro6-1 #contWrap {width:calc(100% - 710px); column-count:2; column-gap:50px;}
#intro6-1 #contWrap .in-box {display:inline-block; width:100%; margin-bottom:80px; border-radius:20px; padding:30px; 
									border:1px solid #395574; background:#0d2b4c; box-shadow:10px 10px 20px rgba(5,29,55,1);
									break-inside:avoid;}
#intro6-1 #contWrap .in-box:nth-child(5) {margin-top:100px}
#intro6-1 #contWrap .in-box .img img {width:100%; border-radius:10px; overflow:hidden}
#intro6-1 #contWrap .in-box dl {margin-top:2em}
#intro6-1 #contWrap .in-box dl dt {font-size:2.8rem;  font-weight:600; color:#FFF }
#intro6-1 #contWrap .in-box dl dd {font-size:1.8rem; margin-top:0.8em;  color:#c1c4c7; line-height:1.6em; font-weight:300 }

@media all and (max-width:1600px){
	#intro6-1 #sTitle {width:440px; }
	#intro6-1 #contWrap {width:calc(100% - 440px); }
}
@media all and (max-width:1400px){
	#intro6-1 #sTitle {max-height:400px; }
	#intro6-1 #contWrap {column-gap:30px;}
	#intro6-1 #contWrap .in-box {margin-bottom:50px;padding:20px; }
	#intro6-1 #contWrap .in-box:nth-child(5) {margin-top:50px}
}
@media all and (max-width:1280px){
	#intro6-1 #sTitle {width:420px; }
	#intro6-1 #contWrap {width:calc(100% - 420px); }
}
@media all and (max-width:1024px){
	#intro6-1 #sTitle {width:100%; max-width:620px; position:unset; top:0; max-height:100%;
						text-align:center; margin-left:auto; margin-right:auto}
	#intro6-1 #contWrap {width:100%; }
	#intro6-1 #contWrap {column-gap:20px;}
	#intro6-1 #contWrap .in-box {margin-bottom:30px; }
	#intro6-1 #contWrap .in-box:nth-child(5) {margin-top:0}
	#intro6-1 #contWrap .in-box dl dd br {display:none}
}
@media all and (max-width:680px){
	#intro6-1 #contWrap {column-gap:0; column-count:1;}
	#intro6-1 #contWrap .in-box {margin-bottom:10px; }
}
@media all and (max-width:480px){
	#intro6-1 #sTitle h3 {font-size:3.2rem; letter-spacing:-0.05em}
 }






#intro6Wrap {display:flex; flex-wrap:wrap; gap:60px 30px;  justify-content:center;}
#intro6Wrap .in-box {width:310px; padding:15px;position:relative; counter-increment: number;  border:1px solid #e7e9eb;
						border-radius:15px; box-shadow: 10px 10px 20px rgba(236,240,245, 1); background:#FFF}
#intro6Wrap .in-box:before {content: counter(number, decimal-leading-zero); width:62px; height:62px; line-height:62px;
									border-radius:50%; text-align:center; color:#f1c47a; background:#0c2e5d;
									position:absolute; left:48%; top:0; transform:translate(-50%, -50%); margin-top:15px;
									font-size:2.0rem; font-family: "Philosopher", sans-serif; }
#intro6Wrap .in-box .img img {width:100%; border-radius:10px;}
#intro6Wrap .in-box dl {margin-top:2em; text-align:center}
#intro6Wrap .in-box dl dt {font-size:2.4rem;  font-weight:600; color:#072546; font-family: 'Paperlogy'; font-weight: 600; }
#intro6Wrap .in-box dl dd {font-size:1.7rem; margin-top:0.8em; line-height:1.4em; }

#intro6Wrap .in-box .t1 {font-size:1.7rem; margin-top:1em; line-height:1.4em; text-align:center}

@media all and (max-width:768px){	
	#intro6Wrap {gap:30px 10px; }
	#intro6Wrap .in-box {width:calc((100% - 10px *1)/2)}
}
@media all and (max-width:480px){	
	#intro6-2 #sTitle h3 {font-size:2.8rem}
	#intro6-2 #sTitle br {display:none}
	#intro6Wrap .in-box { padding:8px;}
	#intro6Wrap .in-box:before {width:42px; height:42px; line-height:42px;font-size:1.6rem; margin-top:8px;}
	#intro6Wrap .in-box dl dt {font-size:2.2rem; }
	#intro6Wrap .in-box dl dd br {display:none}
 }



#intro6-2.bg2 {background:#f6e9d8}
#intro6-2.bg2 #intro6Wrap .in-box {border:1px solid #fffbf2; padding:10px; box-shadow:0 0 15px rgba(117,69,20,0.2);
											background:rgba(255,255,255,0.2)}



#intro6-2.bg1 {background:#17385b}
#intro6-2.bg1 #intro6Wrap .in-box {border: 1px solid rgba(255,255,255,0.2); background: #193c61; 
											box-shadow: 10px 10px 20px rgba(9, 38, 69, 1); }
#intro6-2.bg1 #intro6Wrap .in-box:before { color:#FFF; background:#af8144;}
#intro6-2.bg1 #intro6Wrap .in-box .t1 {color:#FFF; opacity:.8; font-weight:300}





.review1Bg {background:#fdfaf7}
.review1Bg  #topTitle .t1 {padding-top:0.7em; font-size:1.6rem; opacity:.7; line-height:1.4em}

#review1View  {width:100%; max-width:1024px;position:relative; margin:0 auto; }
#review1View .in-box {padding:20px; padding-bottom:0; background:#FFF; border-radius:30px; box-shadow: 0 0 15px rgba(245, 236, 229, 0.5);}
#review1View .reviewSlick .img {display:flex; border-radius:20px; overflow:hidden}

#review1View .reviewSlick .img > li {width:50%; position:relative}
#review1View .reviewSlick .img > li img {width:100%; height:580px; object-fit: cover;}

#review1View .reviewSlick .img > li:before {font-size:2.0rem; font-family: "Philosopher", sans-serif; position:absolute;
												padding:0.5em 1.2em; border-radius:50px; color:#FFF} 
#review1View .reviewSlick .img > li.before:before {content:'Before'; background:rgba(0,0,0,0.3);  top:15px; left:15px}
#review1View .reviewSlick .img > li.after:before {content:'After'; background:#0e428a;  top:15px; right:15px}

#review1View .cont {padding:1.8em 0.3em; }
/*#review1View .cont li {font-size:1.5rem; font-weight:500; position:relative;  font-family: "Paperlogy"}
#review1View .cont li:before {content:''; font-size:2.0rem;  font-family: "Philosopher", sans-serif;
											  position:absolute; top:50%; transform:translateY(-50%)}
#review1View .cont li.bf-date {padding-left:70px}
#review1View .cont li.bf-date:before {content:'Before'; color:#FFF; left:0; }
#review1View .cont li.af-date {padding-right:55px; color:#f1c47a}
#review1View .cont li.af-date:before {content:'After';color:#f1c47a; right:0;} */
#review1View h4 {font-size:2.2rem; color:#263e69; font-weight:600; font-family: "Paperlogy"; text-align:center}

#review1View .reviewDots {margin-top:20px; position:unset; width:100%; text-align:center; z-index:10;}
#review1View .reviewDots .slick-dots {width:100%; max-width:100%;  position: unset;  transform:translateX(0); 
											display: block;  padding: 0; margin: 0; list-style: none;text-align:center }
#review1View .reviewDots .slick-dots li {display:inline-block; margin:0 3px; background:#FFF; border:1px solid #263e69;
												width:12px; height:12px; }
#review1View .reviewDots .slick-dots li.slick-active {  background: #263e69;}

@media all and (max-width:1140px){	
	#review1View .reviewSlick .img > li img { height:52vw}
}
@media all and (max-width:768px){	
	#review1View .reviewSlick .img > li:before {font-size:1.8rem; }
}
@media all and (max-width:680px){	
	#review1View .in-box {padding:2vw; padding-bottom:0; border-radius:4vw; }
	#review1View .reviewSlick .img { border-radius:2vw;}
}
@media all and (max-width:480px){	
	#review1View .reviewSlick .img > li:before {font-size:1.6rem; }
#review1View .reviewSlick .img > li.before:before {top:10px; left:10px}
#review1View .reviewSlick .img > li.after:before { top:10px; right:10px}
	#review1View h4 {font-size:2.0rem; }
	#review1View .reviewDots .slick-dots li {width:10px; height:10px; }
}



#review1List { position:relative}
#review1List:before {content:''; width:100%; height:40%; background:#fdfaf7; position:absolute; left:0; top:0 }
#review1List .inner { display:flex; gap:15px; flex-wrap:wrap;}
#review1List .in-box { width:calc((100% - 15px *3)/4); background:#FFF; border-radius:20px; overflow:hidden; padding:10px; padding-bottom:0;
						box-shadow: 0 0 15px rgba(245, 236, 229, 1);}
#review1List .in-box a {}
#review1List .in-box.on {position:relative; background:#263e69}
#review1List .in-box.on:before {content:''; width:100%; height:100%; border:1px solid #263e69; position:absolute; left:0; top:0;
									cursor:pointer; border-radius:20px;}
#review1List .in-box.on  a {opacity:1}
#review1List .in-box.on .cont  {background:#263e69; color:#FFF; }
#review1List .in-box .img {display:flex;  border-radius:10px; overflow:hidden; }
#review1List .in-box .img li {width:50%; height:250px}
#review1List .in-box .img li img {width:100%; height:100%}
#review1List .in-box .cont {padding:1em 0;color:#072546;  text-align:center; transition: all 0.3s}
#review1List .in-box .cont h4 {font-size:1.8rem; font-weight:600; font-family:'Pretendard'}
#review1List .in-box a {opacity:0.7;  transition: all 0.3s}
#review1List .in-box a:hover {opacity:1}

@media all and (max-width:1600px){	
	#review1List .in-box .img li { height:15vw}
}
@media all and (max-width:1024px){	
	#review1List .in-box { width:calc((100% - 15px *1)/2);}
	#review1List .in-box .img li { height:25vw}
}
@media all and (max-width:480px){	
	#review1List .in-box { border-radius:4vw; padding:2vw; padding-bottom:0}
	#review1List .in-box.on:before { border-radius:4vw; } 
	#review1List .in-box .img {display:flex;  border-radius:2vw; }
	#review1List .in-box .cont h4 {overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
}

#numList {padding-top:80px; display:flex; gap:0 50px; ; justify-content:center; align-items: center; text-align:center}
#numList a {width:30px; height:30px; line-height:30px; text-align:Center; border-radius:50px; background:#f3f3f3}
#numList a span {font-size:1.4rem; font-weight:700; font-family:'SUIT'; color:#adadad;}
#numList .num {}
#numList .num a{background-color: transparent; text-align: center; width: auto; margin:0 5px}
#numList .num a.on{color:#263e69; font-weight: 700;}

@media all and (max-width:768px){	
	#numList {padding-top:50px;  gap:0 30px; ;}
}
@media all and (max-width:480px){	
	#numList {padding-top:10vw; gap:0 20px; }
	#numList a {width:6vw; height:6vw; line-height:6vw; }
}




#subBanner {width:100%; max-width:1400px; margin:0 auto; padding:70px 0 100px}
#subBanner li.img img {width:100%}

@media all and (max-width:1280px){	
	#subBanner { padding:50px 0 90px}
}
@media all and (max-width:1024px){	
	#subBanner { padding:50px 0 0}
}
@media all and (max-width:480px){	
	#subBanner { padding:10vw 0 0}
}