@charset "utf-8";

.mainDiv{display:flex; width:100%; padding:0px; background-color:#ebe0dc; font-family:'Pretendard',sans-serif; overflow:hidden;}

#mainVisual {flex:1;   background-size:cover;border:0px solid #ef0616; background-image:url('/img/main/main_img1.jpg') ; background-position: center top; background-repeat:no-repeat; background-color:#e1d3ce; }
#mainVisual .mvtxt{position:absolute; letter-spacing:1.2em; height:100%; padding:35% 0px 0px 20px; color:#fff;font-size:12px;  align-items:center; writing-mode : vertical-rl; }


@media all and (max-width:768px){
	.mainDiv{flex-direction:column;    height:1300px ; /*flex-direction:column-reverse;  height:auto;*/ }
	.mainCon{ border: 0px solid #ef0616; width:100%; max-width:100%; margin-right:0px; float:none !important; }

	#mainVisual{ background-size:cover; background-position: center top; /*  display:none;*/ }
	#mainVisual img{object-fit: cover;  /* object-fit: contain; object-fit: scale-down; object-fit: fill; object-fit: scale-down; */ }
	#mainVisual .mvtxt{ height:500px; padding:5% 0px 0px 20px;  }
}



#mainWrap{flex:1;  border: 0px solid #ef0616;}
.mainCon{width:100%; max-width:660px; margin-right:80px; margin:0px auto; }

.mainTxt{padding:90px 0px 0px 0px; line-height:150%; font-size:42px; color:#fff;}
.mainTxt .txt1{background-color:#d9c5c2; padding:5px 5px 5px 5px; }
.mainTxt .txt2{font-size:60px; color:#e49585;}

@media all and (max-width:1400px){
	.mainCon{padding:0px 15px 0px 15px; }
}


@media all and (max-width:1200px){
	.mainTxt{font-size:32px; }
	.mainTxt .txt2{font-size:46px;}
}


@media all and (max-width:1024px){
	.mainCon{ max-width:100%; }

	.mainTxt{font-size:26px; }
	.mainTxt .txt2{font-size:40px;}
}

@media all and (max-width:768px){
	.mainCon{padding:0px 20px 30px 20px;  }
	.mainTxt{ position:absolute; bottom:40px; padding:20px 20px 0px 40px; font-size:26px; letter-spacing:-0.05em;}
	.mainTxt .txt2{font-size:38px;}
}

@media all and (max-width:420px){
	.mainTxt{font-size:22px; }
	.mainTxt .txt2{font-size:34px;}
}



/* 실리프팅 */
.clinic{display:flex; margin:60px 0px 30px 0px; }
.lifting{flex:1;}
.lifting img{box-shadow: 2px 3px 10px rgba(0,0,0,.09);}

.rubylaser{flex:1; }
.rubylaser img{box-shadow: 2px 3px 10px rgba(0,0,0,.09);}

@media all and (max-width:768px){
	.clinic{margin:30px 0px 30px 0px; }
}




/* 진료시간 */
.hours{display:flex; flex-direction:row; height:120px; color:#222; background-color:#fff; margin:0px 0px 30px 0px; padding:10px; box-shadow: 2px 3px 10px rgba(0,0,0,.09);}

.hours h2{font-size:24px; line-height:380%; font-weight:600; padding:0px 25px 0px 30px;}
.hours .txt1{flex:1; margin:10px; }
.hours .txt1 li{position: relative;  min-height:30px; line-height:30px; margin:0px 0px 0px 0px;  padding:5px 0px 5px 90px; }
.hours .txt1 li span{position: absolute;  left: 0px; width:80px;  text-align:center; border-radius:3px; color:#fff; background:#5d9e9e; }

.hours .txt2{flex:1; margin:10px; text-align:center; padding:15px 0px 10px 0px; background:#f6f3f2;}

@media all and (max-width:1300px){
	.hours{height:240px;}
	.hours h2{font-size:22px; line-height:180%; text-align:center; padding:0px 25px 0px 10px; }
	.hours{flex-direction:column; }
	.hours .txt1{margin:10px 10px 0px 10px; }
	.hours .txt1 li{width:50%;  display: inline; margin:0px 20px 0px 0px; }
	.hours .txt2{flex:1; margin:0px 10px 10px 10px; text-align:center; padding:15px 0px 10px 0px; background:#f6f3f2; }

}


@media all and (max-width:768px){
	.hours .txt1 li{width:100%;  display:inline-block;margin:0px 20px 0px 0px; }
}