@charset "utf-8";

/*
================================================================================
메인, 서브레이아웃
================================================================================
*/
#wrapper{}

/* ---- 상단영역 ---- */
#header .headBox{position:fixed;margin:0 auto;width:100%;height:10px;z-index:30;background-color:rgba(255,255,255,1); top:0px;}


#header .top {width:1200px; height:90px; margin:0 auto;}
#header .top .top_tel {float: right;margin-top:38px}
#header .top .top_addr {float:left;margin-top:38px;}

#header .logo {width:253px; left:50%; padding-top: 38px; margin: 0; margin-left: -126px; position: absolute;}
#header .logo a{display:block}


/* ---- 중간영역 ---- */
#container #content{position:relative; width:100%;}
#container #content::after{display:block;clear:both;content:''}

/* ---- 하단영역 ---- */
#footer {clear:both;width:100%;position:relative;}

#footer .footWrap {position:relative;background:#222;}
#footer .footWrap .box{position:relative;margin:0 auto;width:1200px;height:220px;line-height:18px;text-align:left;}

#footer .footWrap ul {padding-top:70px;}
#footer .footWrap li {margin-top:5px;}
#footer .footWrap li:after {clear:both;display:block;content:"";}

#footer .footWrap .footLogo a {position:absolute;top:72px;left:50%;margin-left:-46px;border:1px solid #eee;color:#eee;display:block;padding:10px 20px;}
#footer .footWrap address{font-size:14px;color:#eee;line-height:22px;}
#footer .footWrap strong {background:#c79f81;color:#fff;display:block;padding:5px;float:left;margin-right:20px;}
#footer .footWrap address .add_bar {color:#aaa;margin:0 10px;}
#footer .footWrap small{display:block;margin-top:8px;font-size:12px;color:#aaa;word-break: break-all;opacity:0.6}



.quick {position:fixed;top:280px;left:50%;margin-left:650px;z-index:999;border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,.2);}


/*
================================================================================
상단메뉴
================================================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');



#gnb{position:relative;width:100%;z-index:20;background-color:#fff; margin:48px 0 0 0;opacity: 1;border-bottom:1px solid #333;border-top:1px solid #e2e2e2;font-family: "Noto ans KR", sans-serif;}
#gnb .gnb{margin:0 auto; width:1260px;}
#gnb ul::after{display:block;clear:both;content:'';}
#gnb > ul > li{float:left;background:none;} /* background:url('../img/common/gnb_kan.gif') no-repeat left 5px */
#gnb > ul > li:first-child{background:none;}
#gnb > ul > li > a{position:relative;display:block;padding:20px 27px;font-size:16px;color:#2b3135;text-decoration:none;font-weight:600;}
#gnb > ul > li > a.on{color:#fff;background:#252525;}
#gnb > ul > li > a::after{position:absolute;left:0;bottom:0;width:0;height:5px;content:'';transition: all 0.3s ease 0s;}
#gnb > ul > li > ul{display:none;position:absolute;top:58px;left:50%;padding:17px 15px 0 87px;width:100%;height:60px;z-index:30;}
#gnb > ul > li > ul > li{float:left;margin:0 15px}
#gnb > ul > li > ul > li a{display:inline-block;color:#ddd;font-size:16px;}
#gnb > ul > li > ul > li a:hover{color:#fff;font-weight:bold;}
#gnb > ul > li > ul > li a.on{color:#fff;font-weight:bold;}

#gnbBg{position:fixed;top:202px;left:0;width:100%;height:0;background:#000;transition: all 0.1s;z-index:5;opacity: 0.9;}
#gnbBg.on{height:50px;}

.rightQ{position:fixed;top:100px;right:0;width:90px;z-index:30}




/*
================================================================================
2차메뉴 margin-left 위치
================================================================================
*/

.m_gn01{margin-left:-720px}
.m_gn02{margin-left:-400px} /* 리프팅레이저 */
.m_gn03{margin-left:-190px} /* 색소레이저 */
.m_gn04{margin-left:100px} /*점,검버섯 */
.m_gn05{margin-left:200px} /* 여드름 */
.m_gn06{margin-left:-600px} /* 보톡스 */
.m_gn07{margin-left:-580px} /* 필러 */
.m_gn08{margin-left:-700px} /* 스킨부스터 */
.m_gn09{margin-left:-360px} /* 실리프팅 */
.m_gn10{margin-left:450px} /* 이벤트 */



/*
================================================================================
왼쪽메뉴
================================================================================
*/

#lnb{height:60px;background:#436aa0;width:100%;opacity: 1; }
#lnb .lnbBox{margin:0 auto;width:1208px;padding-left:70px;position:absolute;left:50%;}
#lnb .lnbBox .btnHome{position:absolute;top:0;left:0;margin-left:-630px;width:60px;}
#lnb .lnbBox .btnHome a{display:block;width:60px;height:60px;text-indent:-999px;overflow:hidden;background:url('../img/common/ic_home.png') no-repeat center center;border:1px solid #7c97bd;border-width:0 1px;z-index:2;opacity:0.5}
#lnb .lnbBox ul::after{display:block;clear:both;content:''}
#lnb .lnbBox ul{padding:17px;position:relative;}
#lnb .lnbBox ul li{float:left;margin:0 15px}
#lnb .lnbBox ul li a{display:inline-block;color:#fff}
#lnb .lnbBox ul li a.on,#lnb .lnbBox ul li a:hover{color:#f9ff29;font-weight:bold;}


/*
================================================================================
메인상단 슬라이드
================================================================================
*/


#v_top {height:720px;}



/*
================================================================================
하단슬라이드와 6개 이벤트레이어
================================================================================
*/
.main_top_slide {position:relative; width:100%; height:729px; margin-top:200px}
.main_top_slide_img1{background:url('/_public/img/main/main_visual_01.jpg') no-repeat top center;  width:100%; height:729px;z-index:5}
.main_top_slide_img2{background:url('/_public/img/main/main_visual_02.jpg') no-repeat top center;  width:100%; height:729px;z-index:5}
.main_top_slide_img3{background:url('/_public/img/main/main_visual_03.jpg') no-repeat top center;  width:100%; height:729px;z-index:5}
.main_top_slide_img4{background:url('/_public/img/main/main_visual_04.jpg') no-repeat top center;  width:100%; height:729px;z-index:5}

.main_top_slide a {width:100%;height:729px;display:block;}


.bottom_slide {top:-283px;position:absolute; width:100%; height:435px;text-align:center;}
.bottom_slide img {padding-top:500px;}
.bottom_slide_img1{height:780px; background:url('/_public/img/common/bottom_slide_01.jpg') no-repeat top center;  width:100%; z-index:5 }
.bottom_slide_img2{height:780px; background:url('/_public/img/common/bottom_slide_02.jpg') no-repeat top center;  width:100%;  z-index:5}
.bottom_slide_img3{height:780px; background:url('/_public/img/common/bottom_slide_03.jpg') no-repeat top center;  width:100%; z-index:5}

.bottom_tel_addr {text-align:center;}





/*
================================================================================
서브페이지
================================================================================
*/

/*메인*/

.m_laser_wrap {width:100%;position:relative;}
.m_laser_wrap > div {text-align:center;padding:80px 0 120px;}
.m_laser_wrap > div h1 {text-align:center;}
.m_laser_wrap > div ul {margin-left:-20px;}
.m_laser_wrap > div li {display:inline-block;margin:30px 0 30px 20px;}

.m_laser_wrap .pigment  {background:#f9f9f9;}






.main_banner {width:1400px;height:650px;margin:100px auto;position:relative;}

.img-wrapper {
	width:450px;
	height:320px;
	position:absolute;
	cursor:pointer;
}


.img1 {top:0px;left:0px;}
.img2 {top:0px;left:460px;}
.img3 {top:0px;left:920px;}
.img4 {top:330px;left:0px;}
.img5 {top:330px;left:460px;}
.img6 {top:330px;left:920px;}

.darkness {
	position:absolute;
	top:0;
	left:0;
	width:inherit;
	height:inherit;
	background:#000000;
	opacity:0;
	transition:all .2s linear;
}

.btn-plus {
	position:absolute;
	top:135px;
	left:200px;
	background:#ffd503;
	width:60px;
	height:60px;
	border-radius:50%;
	text-align:center;
	line-height:60px;
	opacity:0;
	transform:scale(2);
	transition:all .2s linear;
}

.btn-plus span {
	font-size:2.3em;
	color:#ffffff;
	user-select:none;
}

.img-wrapper:hover .darkness{
	opacity:0.4;
}

.img-wrapper:hover .btn-plus {
	opacity:1;
	transform:scale(1);
}


.topbtn {position:relative;z-index:999;}
.topbtn .btnTop {border-radius:50%;background:#fff;border:1px solid #222; text-align:center;width:80px;height:80px;line-height:80px;font-size:20px;color:#222;display:block;position:fixed;left:50%;bottom:100px;margin-left:700px;}



.common_img01 {background:url('/_public/img/common/common_bg.jpg') no-repeat fixed center center/ 100% transparent;height:1068px;text-align:center;padding-top:30px;}



.common_info {position:relative;margin:0 auto 100px;width:1400px;padding:0;}
.common_info > div {float:left;}
.common_info:after {clear:both;display:block;content:"";}
.common_info .info {margin-left:70px;}





/*서브*/
.sub_title{width:100%;font-family: 'Nanum Myeongjo', serif;height:244px; background:url('/_public/img/sub/sub_visual_bg.jpg') top center no-repeat; color:#222; font-size:55px;text-align:center; padding-top:91px;letter-spacing:-2px;border-bottom:1px solid rgba(0,0,0,.3);}
.sub_title strong {font-weight:800;}
.sub_content{width:100%; text-align:center;}
.top_blank{height:202px;}
#sub_content{position:relative; width:100%;}



.sub_visual_01 {background:url('/_public/img/sub/sub_visual_01.jpg') top center no-repeat;height:729px}
.sub_visual_02 {background:url('/_public/img/sub/sub_visual_02.jpg') top center no-repeat;height:729px}
.sub_visual_03 {background:url('/_public/img/sub/sub_visual_03.jpg') top center no-repeat;height:729px}
.sub_visual_04 {background:url('/_public/img/sub/sub_visual_04.jpg') top center no-repeat;height:729px}
.sub_visual_05 {background:url('/_public/img/sub/sub_visual_05.jpg') top center no-repeat;height:729px}

.sub_visual_06 {background:url('/_public/img/sub/sub_visual_06.jpg') top center no-repeat;height:729px} /* 필러 */
.sub_visual_07 {background:url('/_public/img/sub/sub_visual_07.jpg') top center no-repeat;height:729px} /* 보톡스 */
.sub_visual_08 {background:url('/_public/img/sub/sub_visual_08.jpg') top center no-repeat;height:729px} /* 스킨부스터 */
.sub_visual_09 {background:url('/_public/img/sub/sub_visual_09.jpg') top center no-repeat;height:729px} /* 실리프팅 */




/* 위드강의원 */
.sub01_2 {background:url('/_public/img/sub/withkang_01.jpg') top center no-repeat;height:799px;border-bottom:1px solid #eee;} 
.sub01_5 {background:url('/_public/img/sub/withkang_02.jpg') top center no-repeat;height:1342px;} 
.sub01_3 {border-top:1px solid #eee;padding:100px 0;background:#fff;}


.sub01_6 {background:url('/_public/img/sub/withkang_03.jpg') top center no-repeat;height:1348px;}
.sub01_7 {background:url('/_public/img/sub/withkang_04.jpg') top center no-repeat;height:865px;}
.sub01_8 {background:url('/_public/img/sub/withkang_05.jpg') top center no-repeat;height:865px;}




.sub01_4 {width:100%;background:#f4f4f4;}


.info_wrap {position:relative;width:100%;margin:0 auto;}
.info_wrap .info {position:absolute;top:100px;left:50%;margin-left:-500px;}
.info_wrap .sub01_4_map {position:relative;left:50%;width:50%;}





/* 리프팅레이저 */
.sub02_1 {background:url('/_public/img/sub/lifting_01.jpg') top center no-repeat;height:1434px}
.sub02_2 {background:url('/_public/img/sub/lifting_02.jpg') top center no-repeat;height:1434px}
.sub02_3 {background:url('/_public/img/sub/lifting_03.jpg') top center no-repeat;height:1434px}
.sub02_4 {background:url('/_public/img/sub/lifting_04.jpg') top center no-repeat;height:1434px}
.sub02_5 {background:url('/_public/img/sub/lifting_05.jpg') top center no-repeat;height:1434px}
.sub02_6 {background:url('/_public/img/sub/lifting_06.jpg') top center no-repeat;height:1434px}


/* 색소레이저 */
.sub03_1 {background:url('/_public/img/sub/pigment_01.jpg') top center no-repeat;height:1434px}
.sub03_2 {background:url('/_public/img/sub/pigment_02.jpg') top center no-repeat;height:1434px}
.sub03_3 {background:url('/_public/img/sub/pigment_03.jpg') top center no-repeat;height:1434px}
.sub03_4 {background:url('/_public/img/sub/pigment_04.jpg') top center no-repeat;height:1434px}
.sub03_5 {background:url('/_public/img/sub/skinsys_01.jpg') top center no-repeat;height:1434px}


/* 점 검버섯 제거 */
.sub04_1 {background:url('/_public/img/sub/spot_01.jpg') top center no-repeat;height:1545px}
.sub04_2 {background:url('/_public/img/sub/spot_02.jpg') top center no-repeat;height:1434px}
.sub04_3 {background:url('/_public/img/sub/spot_03.jpg') top center no-repeat;height:1434px}


/* 여드름 레이저 */
.sub05_1 {background:url('/_public/img/sub/acne_01.jpg') top center no-repeat;height:1558px}
.sub05_2 {background:url('/_public/img/sub/acne_02.jpg') top center no-repeat;height:964px}
.sub05_3 {background:url('/_public/img/sub/acne_03.jpg') top center no-repeat;height:1434px}


/* 보톡스 */
.sub06_1 {background:url('/_public/img/sub/botox_01.jpg') top center no-repeat;height:789px}
.sub06_2 {background:url('/_public/img/sub/botox_02.jpg') top center no-repeat;height:789px}
.sub06_3 {background:url('/_public/img/sub/botox_03.jpg') top center no-repeat;height:789px}
.sub06_4 {background:url('/_public/img/sub/botox_04.jpg') top center no-repeat;height:789px}


/* 필러 */
.sub07_1 {background:url('/_public/img/sub/filler_01.jpg') top center no-repeat;height:789px}
.sub07_2 {background:url('/_public/img/sub/filler_02.jpg') top center no-repeat;height:789px}
.sub07_3 {background:url('/_public/img/sub/filler_03.jpg') top center no-repeat;height:789px}
.sub07_4 {background:url('/_public/img/sub/filler_04.jpg') top center no-repeat;height:789px}


/* 스킨부스터 */
.sub08_10 {background:url('/_public/img/sub/sb_10.jpg') top center no-repeat;height:789px}
.sub08_1 {background:url('/_public/img/sub/sb_01.jpg') top center no-repeat;height:789px}
.sub08_2 {background:url('/_public/img/sub/sb_02.jpg') top center no-repeat;height:789px}
.sub08_3 {background:url('/_public/img/sub/sb_03.jpg') top center no-repeat;height:789px}
.sub08_4 {background:url('/_public/img/sub/sb_04.jpg') top center no-repeat;height:789px}
.sub08_5 {background:url('/_public/img/sub/sb_05.jpg') top center no-repeat;height:789px}
.sub08_6 {background:url('/_public/img/sub/sb_06.jpg') top center no-repeat;height:789px}
.sub08_7 {background:url('/_public/img/sub/sb_07.jpg') top center no-repeat;height:789px}
.sub08_8 {background:url('/_public/img/sub/sb_08.jpg') top center no-repeat;height:789px}
.sub08_9 {background:url('/_public/img/sub/sb_09.jpg') top center no-repeat;height:789px}



/* 실리프팅 */
.sub09_1 {background:url('/_public/img/sub/sil_01.jpg') top center no-repeat;height:789px}
.sub09_2 {background:url('/_public/img/sub/sil_02.jpg') top center no-repeat;height:789px}
.sub09_3 {background:url('/_public/img/sub/sil_03.jpg') top center no-repeat;height:789px}





/* 비급여 진료 */
.price_link {position:absolute;left:50%;margin-left:450px;top:70px;border:1px solid #fff;z-index:99;}
.price_link a {display:block;color:#fff;padding:10px 20px;}
.price {padding:100px;text-align:center;}
.price h2 {font-size:30px;}
.price table {width:900px;margin:50px auto;border-right:1px solid #eee;}
.price th {background:#eee;padding:10px;}
.price td {padding:10px;border-bottom:1px solid #eee;border-left:1px solid #eee;}