@charset "utf-8";

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

/* ---- 상단영역 ---- */
#header .headBox{position:fixed;margin:0 auto;width:100%;height:10px;z-index:30;background-color:rgba(255,255,255,0.9); 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:#30302f;}
#footer .footWrap .box{position:relative;margin:0 auto;width:1200px;height:304px;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 #fff;color:#fff;display:block;padding:10px 20px;}
#footer .footWrap address{font-size:14px;color:#fff;line-height:22px;}
#footer .footWrap strong {background:#3f301f;color:#ffd503;display:block;padding:5px;float:left;margin-right:20px;}
#footer .footWrap address .add_bar {color:#70737a;margin:0 10px;}
#footer .footWrap small{display:block;margin-top:8px;font-size:12px;color:#fff;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);}


/*
================================================================================
상단메뉴
================================================================================
*/
#gnb{position:relative;width:100%;z-index:20;background-color:#fff; margin:48px 0 0 0;opacity: 1;border-bottom:3px solid #221915;border-top:1px solid #e2e2e2;}
#gnb .gnb{margin:0 auto; width:1150px;}
#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 45px;font-size:16px;color:#2b3135;text-decoration:none;font-weight:bold;}
#gnb > ul > li > a.on{color:#fff;background:#4a372e;}
#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:#fff}
#gnb > ul > li > ul > li a:hover{color:#ffd503;font-weight:bold}
#gnb > ul > li > ul > li a.on{color:#ffd503;font-weight:bold}

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

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




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

.m_gn01{margin-left:-680px}
.m_gn02{margin-left:-570px}
.m_gn03{margin-left:-450px}
.m_gn04{margin-left:-160px}
.m_gn05{margin-left:100px}
.m_gn06{margin-left:300px}



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

#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:722px; margin-top:204px}
.main_top_slide_img1{background:url('/_public/img/main/main_top_slide_01.jpg') no-repeat top center;  width:100%; height:722px;z-index:5}
.main_top_slide_img2{background:url('/_public/img/main/main_top_slide_02.jpg') no-repeat top center;  width:100%; height:722px;z-index:5}
.main_top_slide_img3{background:url('/_public/img/main/main_top_slide_03.jpg') no-repeat top center;  width:100%; height:722px;z-index:5}

.main_top_slide a {width:100%;height:722px;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;}





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

/*메인*/

.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);
}





.common_img01 {background:url('/_public/img/common/common_img01.jpg') top center no-repeat;height:694px;}
.common_img02 {background:url('/_public/img/common/common_img02.jpg') top center no-repeat;height:227px;}


.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:204px;}
#sub_content{position:relative; width:100%;}



/* .sub_visual_01 {background:url('/_public/img/sub/sub_visual_01.jpg') top center no-repeat;height:318px} */
.sub_visual_01_gj {background:url('/_public/img/sub/sub_visual_01_gj.jpg') top center no-repeat;height:318px}
.sub_visual_01_np {background:url('/_public/img/sub/sub_visual_01_np.jpg') top center no-repeat;height:318px}
.sub_visual_01_dy {background:url('/_public/img/sub/sub_visual_01_dy.jpg') top center no-repeat;height:318px}
.sub_visual_01_ys {background:url('/_public/img/sub/sub_visual_01_ys.jpg') top center no-repeat;height:318px}
.sub_visual_01_bc {background:url('/_public/img/sub/sub_visual_01_bc.jpg') top center no-repeat;height:318px}



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


/*균형한의원*/
.sub01_1 {background:url('/_public/img/sub/sub_01_1.jpg') top center no-repeat;height:722px;}
/* .sub01_2_tit {background:url('/_public/img/sub/sub_01_2_tit.jpg') top center no-repeat;height:482px} */
.sub01_2 h3 {text-align:center;margin-top:140px;}
.sub01_2_prf {padding:100px 0;}
.sub01_2_prf li {width:1200px;margin:0 auto 50px;}
.sub01_2_prf li img {width:100%;}
.sub01_3_gallery {border-top:1px solid #eee;padding:100px 0;background:#eee;}
.sub01_3_gallery h3 {text-align:center;margin-top:50px;}





.sub01_4_map {width:1200px;margin:0 auto;}
.sub01_4_map h3 {text-align:center;margin:140px 0 50px;}

.sub01_4_map > div {}
.sub01_4_map ul {margin:30px 0 100px;border-top:2px solid #91725f;}
.sub01_4_map dl:after {clear:both;display:block;content:"";}

.sub01_4_map dt,.sub01_4_map dd {float:left;font-size:16px;padding:20px;}
.sub01_4_map dt {width:200px;background:#eee;text-align:center;}
/* .sub01_4_map li:nth-child(2) dt {height:84px;} */

.sub01_4_map dd {width:1000px;border-bottom:1px solid #ddd;text-align:left;}




/* 교통사고클리닉 */
.sub02_1 {background:url('/_public/img/sub/sub_02_1.jpg') top center no-repeat;height:1267px}
.sub02_2 {background:url('/_public/img/sub/sub_02_2.jpg') top center no-repeat;height:1160px}
.sub02_3 {background:url('/_public/img/sub/sub_02_3.jpg') top center no-repeat;height:1500px}


/* 추나클리닉 */
.sub03_1 {background:url('/_public/img/sub/sub_03_1.jpg') top center no-repeat;height:1267px}
.sub03_2 {background:url('/_public/img/sub/sub_03_2.jpg') top center no-repeat;height:1185px}
.sub03_3 {background:url('/_public/img/sub/sub_03_3.jpg') top center no-repeat;height:611px}
.sub03_4 {background:url('/_public/img/sub/sub_03_4.jpg') top center no-repeat;height:611px}


/* 다이어트클리닉 */
.sub04_1 {background:url('/_public/img/sub/sub_04_1.jpg') top center no-repeat;height:607px}
.sub04_2 {background:url('/_public/img/sub/sub_04_2.jpg') top center no-repeat;height:660px}
.sub04_3 {background:url('/_public/img/sub/sub_04_3.jpg') top center no-repeat;height:1311px}


/* 산후관리클리닉 */
.sub05_1 {background:url('/_public/img/sub/sub_05_1.jpg') top center no-repeat;height:1267px}
.sub05_2 {background:url('/_public/img/sub/sub_05_2.jpg') top center no-repeat;height:692px}
.sub05_3 {background:url('/_public/img/sub/sub_05_3.jpg') top center no-repeat;height:921px}


/* 보약공진단 */
.sub06_1 {background:url('/_public/img/sub/sub_06_1.jpg') top center no-repeat;height:681px}
.sub06_2 {background:url('/_public/img/sub/sub_06_2.jpg') top center no-repeat;height:802px}





/* 비급여 진료 */
.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;}