@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";
/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    height: 100%;
	display:block;
	margin:0;
	padding:0;
}

html {
    height: 100%;
}


@media(min-width:1200px) {
    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

#menu {
	position:fixed;
	left:100%;
	margin-top:176px;
	margin-left:-195px;
	z-index:99999;
}

#menu li{
	list-style:none;
}




.intro-section {
    height: 100%;
    background: #fff;
	display:block;
	line-height:0;
	font-size:0px;
	
}

.about-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}

.services-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #fff;
}

.contact-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}






#container {
	width:100%;
	max-width: 2200px;
	text-align:center;
	overflow:hidden;
}


#wrap{position:relative;left:0;width:100%;height:130px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


#bmi {
	width:100%;
	max-width: 1200px;
	overflow:hidden;
	margin: 0 auto;
}

/*슬라이드*/

#sub_gal {width:995px;overflow:hidden;margin:0 auto; margin-bottom:30px;}
#sub_gal .bimg {width:995px;height:496px;float:left;background:#fff;position:relative;}
#sub_gal .bimg ul li {width:995px;height:496px;float:left;position:absolute;/*z-index:99;*/}
#sub_gal .bimg ul li img{border:1px solid #fff;}
#sub_gal .bimg ul li#t01 {display:block;}
#sub_gal .bimg ul li#t02,
#sub_gal .bimg ul li#t03,
#sub_gal .bimg ul li#t04,
#sub_gal .bimg ul li#t05,
#sub_gal .bimg ul li#t06,
#sub_gal .bimg ul li#t07,
#sub_gal .bimg ul li#t08{display:none;}
#sub_gal .thumb {width:995px;float:left;margin-top:34px;}
#sub_gal .thumb ul li{width:186px;height:107px;float:left;margin-bottom:5px;cursor:pointer;}
#sub_gal .thumb ul li.nomg{margin-left:0;}


/* header */
#header {position:fixed;top:0;left:0;width:100%;z-index:1000; background: #fff;}
#header .header_wrap{position:fixed;width:100%; margin:0 auto; text-align: center;}
#header .header_wrap h1{position:fixed;top:18px;left:50%; margin-left: -139px; text-align: center;width:278px}
#header .header_wrap h1 a{display: block;}

#header .gnb{position:fixed; height: 130px;}
#header .gnb > ul{display:none}




#header .gnb .h_share{display: none; }
#header.dfix{display: none;}


/*행복한나비한의원은*/
#sub_02 {
	position:relative; 
	height:824px;
	background:url(/img/sub_02.jpg)no-repeat center top;
}
#sub_02 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*다이어트프로그램*/
#program {
	position:relative; 
	height:885px;
	background:url(/img/program.jpg)no-repeat center top;
}
#program .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*환다이어트*/
#sub_0202 {
	position:relative; 
	height:770px;
	background:url(/img/sub_02_02.jpg)no-repeat center top;
}
#sub_0202 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*환다이어트*/
#sub_020202 {
	position:relative; 
	height:770px;
	background:url(/img/sub_02_02_02.jpg)no-repeat center top;
}
#sub_020202 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*환다이어트*/
#sub_02020202 {
	position:relative; 
	height:770px;
	background:url(/img/sub_02_02_02_02.jpg)no-repeat center top;
}
#sub_02020202 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*행복한나비한의원 비만치료*/
#sub_03 {
	position:relative; 
	height:730px;
	background:url(/img/sub_03.jpg)no-repeat center top;
}
#sub_03 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*행복한나비한의원 비만치료방법*/
#sub_04 {
	position:relative; 
	height:1632px;
	background:url(/img/sub_04.jpg)no-repeat center top;
}
#sub_04 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*행복한나비한의원 비만치료방법*/
#sub_04_04 {
	position:relative; 
	height:1384px;
	background:url(/img/sub_04_04.jpg)no-repeat center top;
}
#sub_04_04 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*행복한나비한의원 비만치료방법*/
#sub_05 {
	position:relative; 
	height:2127px;
	background:url(/img/sub_05.jpg)no-repeat center top;
}
#sub_05 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*행복한나비한의원 치료전후*/
#sub_06 {
	position:relative; 
	height:1651px;
	background:url(/img/sub_06.jpg)no-repeat center top;
}
#sub_06 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*산후비만*/
#sub_07 {
	position:relative; 
	height:976px;
	background:url(/img/sub_07.jpg)no-repeat center top;
}
#sub_07 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*산후비만치료의 원칙*/
#sub_08 {
	position:relative; 
	height:726px;
	background:url(/img/sub_08.jpg)no-repeat center top;
}
#sub_08 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*산후비만치료 프로그램*/
#sub_09 {
	position:relative; 
	height:861px;
	background:url(/img/sub_09.jpg)no-repeat center top;
}
#sub_09 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*산후맞춤한약*/
#sub_10 {
	position:relative; 
	height:861px;
	background:url(/img/sub_10.jpg)no-repeat center top;
}
#sub_10 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*진료시간 오시는길*/
#sub_11 {
	position:relative; 
	height:1300px;
	background:url(/img/sub_11.jpg)no-repeat center top;
}
#sub_11 .apply {position:absolute; left:68%; top:750px; margin-left:-230px;}

/*메뉴*/




.header_wrap {width:100%; min-width:1000px; height:154px; position:fixed; 
              top:0; left:0; background:url(/img/top_bg.png) repeat-x left bottom; z-index:999; margin:0 auto;}
.header {width:1388px; height:100%; position:relative; margin:0 auto;}
.header h1 {float:left; margin-top:33px; }
.header .right_top { position:absolute; right:0; overflow:hidden;}
.header .right_top > ul > li { float:left; list-style:none; }
.header .right_top > ul > li.page_li { padding-top:5px;}
.header .right_top > ul > li > a { display:block;  color:#727272; font-size:10px; background:url('/img/hana_header_top_bulet.jpg') right center no-repeat; padding:7px 8px 7px 8px;}
.header .right_top > ul > li.last > a { background:none;}

.header .gnb {position:absolute; top:19px;  right:49px; font-family:'nanum gothic'}
.header .gnb > h2 { position:absolute; text-indent:-1000px; font-size:12px;}
.header .gnb > ul {position:relative;}
.header .gnb > ul > li {float:left; position:relative; list-style:none; font-size:10px;}
.header .gnb > ul > li > a {display:block; font-size:12px; font-weight:600; line-height:80px; height:82px; margin-right:50px; color:#000;}
.header .gnb > ul > li.last > a {margin-right:25px;}
.header .gnb > ul > li > .sub {display:none; margin-top:30px; background:#fff; height:265px;}
.header .gnb > ul > li > .sub a {display:block; padding:7px 0; font-size:13px; color:#5f5f5f;}




/*푸터 pc*/
.footer_pc { width:100%; max-width:1600px; min-width:1200px; position:relative; margin:0 auto; overflow:hidden;}
.footer_pc .foot_logo { text-align:center; margin-bottom:22px; margin-top:22px;}
.footer_pc .foot_top { width:100%; border-top:1px solid #e7e7e8; padding:20px 0 20px 0; overflow:hidden;}
.footer_pc .foot_top > .ul_foot { width:300px; position:relative; margin:0 auto 15px;  overflow:hidden;}
.footer_pc .foot_top > .ul_foot > li { float:left; background:url('/img/ndental_foot_bulet_img.jpg') left center no-repeat; padding-left:10px; padding-right:10px;}
.footer_pc .foot_top > .ul_foot > li.first{ background:none;}
.footer_pc .foot_top > .ul_foot > li > a {font-size:14px; color:#646464;}
.footer_pc .foot_top > p { color:#a1a1a1; font-size:13px; text-align:center;}
.footer_pc .foot_bottom { width:100%; background:#e8e8e9; overflow:hidden; padding:30px 0 30px 0; }
.footer_pc .foot_bottom .foot_depth { width:1200px; position:relative; margin:0 auto;  overflow:hidden;}
.footer_pc .foot_bottom .foot_depth > li {  float:left; height:170px; width:195px;}
.footer_pc .foot_bottom .foot_depth > li > a {background:url('/img/ndental_foot_depth_bulet.jpg') left center no-repeat; padding-left:15px; font-size:16px; color:#000000;}
.footer_pc .foot_bottom .foot_depth > li > .sub { padding:10px 0 0 15px;}
.footer_pc .foot_bottom .foot_depth > li > .sub > li > a { color:#646464; font-size:13px; line-height:20px;}

@media screen and (max-width:1600px) {
	.wrapper_01 {display:block;}
	/*.wrapper_02 {display:none;}*/
	.wrapper_03 {display:none;}
		
	
	/*푸터 태플릿*/
	.footer_pc.foot_main { width:100%; max-width:1600px; min-width:640px; position:relative; margin:0 auto; overflow:hidden;}
	.footer_pc .foot_logo { text-align:center; margin-bottom:22px; margin-top:22px;}
	.footer_pc .foot_top { width:100%; border-top:1px solid #e7e7e8; padding:20px 0 20px 0; overflow:hidden;}
	.footer_pc .foot_top > .ul_foot { width:300px; position:relative; margin:0 auto 15px;  overflow:hidden;}
	.footer_pc .foot_top > .ul_foot > li { float:left; background:url('/img/ndental_foot_bulet_img.jpg') left center no-repeat; padding-left:10px; padding-right:10px;}
	.footer_pc .foot_top > .ul_foot > li.first{ background:none;}
	.footer_pc .foot_top > .ul_foot > li > a {font-size:14px; color:#646464;}
	.footer_pc .foot_top > p { color:#a1a1a1; font-size:12px; text-align:center;}
	.footer_pc .foot_bottom { width:100%; background:#e8e8e9; overflow:hidden; padding:30px 0 30px 0; }
	.footer_pc .foot_bottom .foot_depth { width:800px; position:relative; margin:0 auto;  overflow:hidden;}
	.footer_pc .foot_bottom .foot_depth > li {  float:left; height:170px; width:133px;}
	.footer_pc .foot_bottom .foot_depth > li > a {background:url('/img/ndental_foot_depth_bulet.jpg') left center no-repeat; padding-left:15px; font-size:16px; color:#000000;}
	.footer_pc .foot_bottom .foot_depth > li > .sub { padding:10px 0 0 15px;}
	.footer_pc .foot_bottom .foot_depth > li > .sub > li > a { color:#646464; font-size:13px; line-height:20px;}

}

@media screen and (max-width:800px) {
	/*푸터 태플릿*/
	.footer_pc.foot_main { width:100%; max-width:800px; min-width:640px; position:relative; margin:0 auto; overflow:hidden;}
	.footer_pc .foot_logo { text-align:center; margin-bottom:22px;}
	.footer_pc .foot_top { width:100%; border-top:1px solid #e7e7e8; padding:20px 0 20px 0; overflow:hidden;}
	.footer_pc .foot_top > .ul_foot { width:300px; position:relative; margin:0 auto 15px;  overflow:hidden;}
	.footer_pc .foot_top > .ul_foot > li { float:left; background:url('/img/ndental_foot_bulet_img.jpg') left center no-repeat; padding-left:10px; padding-right:10px;}
	.footer_pc .foot_top > .ul_foot > li.first{ background:none;}
	.footer_pc .foot_top > .ul_foot > li > a {font-size:14px; color:#646464;}
	.footer_pc .foot_top > p { color:#a1a1a1; font-size:10px; text-align:center;}
	.footer_pc .foot_bottom.foot_main { width:100%; background:#e8e8e9; overflow:hidden; padding:30px 0 30px 0; }
	.footer_pc .foot_bottom .foot_depth { width:640px; position:relative; margin:0 auto;  overflow:hidden;}
	.footer_pc .foot_bottom .foot_depth > li {  float:left; height:170px; width:106px;}
	.footer_pc .foot_bottom .foot_depth > li > a {background:url('/img/ndental_foot_depth_bulet.jpg') left center no-repeat; padding-left:15px; font-size:15px; color:#000000;}
	.footer_pc .foot_bottom .foot_depth > li > .sub { padding:10px 0 0 14px;}
	.footer_pc .foot_bottom .foot_depth > li > .sub > li > a { color:#646464; font-size:13px; line-height:20px;}	
	
	.header_pc .header .gnb {width:640px; height:245px; position:absolute; top:90px; left:50%; margin-left:-274px;}
	.header_pc .header .gnb > ul {width:100%; height:100%; position:relative; overflow:hidden;}
	.header_pc .header .gnb > ul > li {float:left; height:100%;}
	.header_pc .header .gnb > ul > li > a {display:block; width:100%; height:38px; font-size:14px; font-weight:bold; color:#ccc; line-height:38px; }
	.header_pc .header .gnb > ul > li > a img {}
	.header_pc .header .gnb > ul > li > a:hover {/*color:#fff0d2;*/ background:url('/img/nd_gnb_bg_arrow_img.jpg') center bottom no-repeat; padding-bottom:15px; }
	.header_pc .header .gnb > ul > li.on > a {/*color:#fff0d2;*/ background:url('/img/mg_gnb_bg_arrow_img.png') 50px bottom no-repeat;}
	.header_pc .header .gnb .sub {width:100%; padding:35px 0 78px;}
	.header_pc .header .gnb .sub li {margin-bottom:14px;}
	.header_pc .header .gnb .sub li a {display:block; font-size:12px; color:#454545;}
	.header_pc .header .gnb .sub li a:hover {color:#121212; font-weight:800; text-decoration:underline; }
	
	.header_pc .header .gnb > ul .li_01 {width:107px;}
	.header_pc .header .gnb > ul .li_02 {width:86px;}
	.header_pc .header .gnb > ul .li_03 {width:86px;}
	.header_pc .header .gnb > ul .li_04 {width:91px;}
	.header_pc .header .gnb > ul .li_05 {width:112px;}
	.header_pc .header .gnb > ul .li_06 {width:110px;}
	
	.header_pc .header .gnb > ul > li > .sub {width:768px; height:40px; position:absolute; top:10px; display:none;}
	.header_pc .header .gnb > ul > li > .sub li {float:left; margin-left:20px;}
	.header_pc .header .gnb > ul > li > .sub li.first {margin-left:0;}
	.header_pc .header .gnb > ul > li > .sub li a {display:block;}
	.header_pc .header .gnb > ul > li > .sub li a img {display:inline-block; }
	.header_pc .header .gnb > ul > li.li_01 .sub {left:-2%;}
	.header_pc .header .gnb > ul > li.li_02 .sub {left:15.37573385518591%;}
	.header_pc .header .gnb > ul > li.li_03 .sub {left:30.86888454011742%;}
	.header_pc .header .gnb > ul > li.li_04 .sub {left:45.77495107632094%;}
	.header_pc .header .gnb > ul > li.li_05 .sub {left:62%;}
	.header_pc .header .gnb > ul > li.li_06 .sub {left:40%;}	




.div_consult {width:1200px; height:600px; position:relative; margin:0 auto; background:#a8aeb7; padding:20px 0;}
.div_consult .consult_wrap {width:930px; height:250px; position:relative; margin:0 auto; overflow:hidden;}
.div_consult .consult_wrap h2 {padding-left:78px;}
.div_consult .consult_wrap form {position:relative; width:100%; margin-top:15px; display:block;}
.div_consult .consult_wrap .row_01 {width:650px; position:relative; overflow:hidden; margin-left:78px;}
.div_consult .consult_wrap .row_01 dl {display:block; float:left;}
.div_consult .consult_wrap .row_01 dl dt {font-size:15px; font-weight:bold; color:#fff; float:left; width:50px; height:28px; line-height:28px;}
.div_consult .consult_wrap .row_01 dl dd {width:175px; height:28px; float:left;}
.div_consult .consult_wrap .row_01 dl dd input {width:148px; height:28px; display:block; float:left; line-height:28px; font-size:15px; padding:0; margin:0;}
.div_consult .consult_wrap .row_01 dl dd.tels {width:225px;}
.div_consult .consult_wrap .row_01 dl dd.tels input {width:63px; margin-right:10px;}
.div_consult .consult_wrap .row_01 dl.dl_con { padding-top:10px;}
.div_consult .consult_wrap .row_01 dl.dl_con > dt {  width:70px; height:28px;}
.div_consult .consult_wrap .row_01 dl.dl_con dd input { width:418px;}
.div_consult .consult_wrap .row_01 .check_btn {display:block; float:right; margin-top:18px;}
.div_consult .consult_wrap .row_01 .check_btn * {line-height:20px; height:20px; vertical-align:middle;}
.div_consult .consult_wrap .row_01 .check_btn label {font-size:14px; font-weight:bold; color:#fff;}
.div_consult .consult_wrap .consult_btn {width:183px; height:77px; display:block; position:absolute; top:-10px; right:0;}
.div_consult .consult_wrap .consult_btn a {width:183px; height:77px; display:table-cell; background:url('/img/jj_consult_btn_bg.gif') 0 0 repeat;
text-align:center; vertical-align:middle; font-size:30px; font-weight:bold; color:#fff;}
.div_consult .consult_wrap .row_02 {width:100%; position:absolute; top:80px;}
.div_consult .consult_wrap .row_02 .p_tit {font-size:15px; font-weight:bold; color:#fff;}
.div_consult .consult_wrap .row_02 .txt_area {width:700px; margin:8px; overflow:hidden;}
.div_consult .consult_wrap .row_02 .txt_area p {width:592px; height:70px; background:#fff; overflow-y:scroll; display:block; float:left;}
.div_consult .consult_wrap .row_02 .txt_area div {width:100px; padding-top:35px; float:right;}
.div_consult .consult_wrap .row_02 .txt_area div input {display:block; float:left; width:15px; height:15px; margin-bottom:5px; background:#fff;}
.div_consult .consult_wrap .row_02 .txt_area div label {display:block; float:left; width:85px; height:15px; text-indent:10px; font-size:13px; color:#fff; line-height:15px; margin-bottom:5px;}
.div_consult .consult_wrap .row_02 .txt_area span {display:block; font-size:13px; color:#fff; margin-top:10px;}