@charset "utf-8";

/* wrap */
.blackBg{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.78); z-index:100;}
.wrap{position:relative; width:100%; margin:0 auto;  float:none; overflow:hidden; display:block;  } /* max-width:640px; */
.w600{position:relative; width:600px; margin:0 auto;}


/* header */
.header{   }  



/* 새로 */
.h_top{ background: #fff;     } /* #9dbd47  box-shadow:0px 0px 20px 0px rgba(74, 74, 74, 0.4);  border-bottom:1px solid #d4d4d4; */ /* position:relative; width:100%;  background:#fff; display:inline-block */
.h_top .logo_box{  width: 100%; height: 90px;   }
.h_top ul li{ 
	float: left;
    text-align: center;
	} /*  width: 25%;*/
.h_top .mmenu{ width: 15%; text-align: left;  display: table-cell;  vertical-align: middle; }
.h_top .mmenu img{ max-width: 100%; }
.h_top .mmenu p{ text-align:left; }

.h_top .logo{   width: 70%; text-align: center;  display: table-cell;  vertical-align: middle;}
.h_top .logo img{  width: 100% }	
.h_top .logo a{   display: inline-block; }
	
.h_top .mtel{ width:15%;  text-align: right;  display: table-cell; vertical-align: middle; }
.h_top .mtel a{   display: inline-block; }
.h_top .mtel img{  width: 100%; }



.h_top ul.menu{  width: 100%; z-index: 1600;  margin: 0 auto; display: block; } /* margin:0 auto; display:inline-block; width:100%;  */
.h_top ul.menu>li.first{width:13%; background:#525650; border-right:0px  }
.h_top ul.menu>li{ float:left; width:29%; height:100%; background:#a7d68e;  }
.h_top ul.menu>li>a{ display:block; height:100%;  border-right:1px solid #fff }
.h_top ul.menu>li img{ padding-top:10px; width:100%; padding-bottom:10px;   }






/* 바꾸기 전 */
#logo_box{position:relative; overflow:hidden; background:#fff; border-bottom:1px solid #9dbd47; height:90px } /*   box-shadow:0px 0px 20px 0px rgba(74, 74, 74, 0.4);*/
#logo_box h1{position:absolute; top:0; left:50%; width:180px; margin-left:-90px;}
#logo_box .top_menu{display:block; float:left;}
#logo_box .top_tel{display:block; float:right;}




.h_bot{ z-index: 1000; width: 100%; margin-top: 66px;}
.h_bot ul.depth01{position:relative; border-bottom:1px solid #d2d2d2; width:98%; margin:0 auto;} /*  border-bottom:1px solid #cdcdcd; */
.h_bot ul.depth01 > li{float:left; text-align:center; width:20% }
.h_bot ul.depth01 > li > a{display:inline-block; height:62px; line-height:66px; font-size:22px; color:#717171; font-weight:400; border-bottom:4px solid #fff;} /* margin:0 25px;  */
.h_bot ul.depth01 > li > a.on{border-bottom:4px solid #7c9c24;}
.h_bot ul.depth01 > li > ul.depth02{display:none; overflow:hidden; position:absolute; top:67px; left:0; width:640px; z-index:50;}




.h_bot ul.depth01 > li > ul.depth02.view{display:block;}
.h_bot ul.depth01 > li > ul.depth02 > li{float:left; width:50%; height:55px; line-height:55px; background:#f0f0f0; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; box-sizing:border-box;}
.h_bot ul.depth01 > li > ul.depth02 > li:nth-of-type(2n){border-right:0;}
.h_bot ul.depth01 > li > ul.depth02 > li > a{display:block; font-size:24px; color:#636363; font-weight:300;}
.h_bot ul.depth01 > li > ul.depth02 > li > a.on{font-weight:600;}
.h_bot ul.depth01 > li > ul.depth02 > li.torti{width:50% !important;}
.h_bot ul.depth01 > li.exception{display:none;}



/* 헤드 새로 */
 #header{ } /* max-width:640px; */ /* position:fixed; width:100%;  z-index:2000; */
 #header .msub_menu{  position:relative; width:100%;  text-align:center; background:#fff; display: none; } /*   border-bottom:1px solid #fff  */
 #header .msub_menu li{   position:relative; width:50%; float:left; border:1px solid #d4d4d4; border-top:0px;  box-sizing: border-box; }
 #header .msub_menu li:first-child{ border-right:0px; }
 #header .msub_menu li.cb{  clear:both; border-right:0px; }
 #header .msub_menu li a{  font-size:25px; line-height:2.6;  display:inherit;   color:#666; font-weight:400 } /*color:#fff;  */
 #header .msub_menu li > a.on{ background:#e6f3de; color:#36810f; font-weight:500  } /*border-bottom:4px solid #7c9c24*/






/* 해드 아래로 가면 나오는 메뉴 */
#header .msub_menu_dw{ width:100%;  background:#fff; position: absolute; top: 110px;  } /*margin-top: 20px;*/
#header .msub_menu_dw .msub_menu_top{ width:100%; background:#fff; display:none; cursor: pointer; 
 background:#fff; border-top:1px solid #d4d4d4;  border-bottom:2px solid #d4d4d4; 
 background: linear-gradient( to bottom, #fff 60%, #f6f6f6 );
   } /* box-shadow:inset 0 0 10px #f6f6f6  background: linear-gradient( #f6f6f6, #fff 80%, #f6f6f6 ); */
#header .msub_menu_dw .msub_menu_top p{ font-size:25px; width:80%; display:inline-block; padding:5px 3% 5px 3%; line-height:2.5; color:#4e4e4e; font-weight:500 }
#header .msub_menu_dw .msub_menu_top .msub_dn_icon{ float:right; padding-right: 3%; top: 25px; position: relative; } /*padding-top:4%; padding-right:3%; */

#header .msub_menu_dw .msub_menu_down{ display:none;  }
#header .msub_menu_dw .msub_menu_down li{ width:100%;   }
#header .msub_menu_dw .msub_menu_down li p{ padding: 0 6% 0 3%;  color:#151515; font-weight:300;  background:#f5f5f5; border-bottom:1px solid #dedede; line-height:3; font-size: 25px;}








/* leftmenu */
.leftmenu{position:absolute; top:0; left:-100%; width:100%; transition-duration:300ms; z-index:101; overflow-y:scroll; overflow-x:hidden; height:100%; max-height:2025px;} /*width:465px; left:-100%*/
.leftmenu.view{left:0;}
.leftmenu .menu_wrap{position:relative; width:410px; height:100%; background:#fff;}
.leftmenu .menu_wrap .leftmenu_close{position:absolute; top:0; right:-55px; cursor:pointer;}
.leftmenu .menu_wrap .menu_logo{margin-left:50px; margin-bottom:15px;}
.leftmenu .menu_wrap .menu_body{width:100%; height:100%;}
.leftmenu .menu_wrap .menu_body > ul.depth01 > li > a{display:block; width:100%; height:70px; line-height:70px; box-sizing:border-box; padding-left:50px; font-size:26px; color:#d5ff9a; font-weight:500; background:#74a647}
.leftmenu .menu_wrap .menu_body > ul.depth01 > li > ul.depth02 > li > a{display:block; width:100%; height:60px; line-height:60px; box-sizing:border-box; padding-left:50px; font-size:22px; color:#353535; font-weight:300; border-bottom:1px solid #b1b5af; background:#fff;}


/* 옆 메뉴 새로 */
.leftmenu_box{ position:fixed; top:0; left:-100%; width:100%; height:100%;  z-index:2000;  background:#fff; } /*overflow-y:scroll; overflow-x:hidden;  transition-duration:300ms;  max-height:2025px;  height:100%;*/
.leftmenu_box .menu_wrap{ position:relative; width:100%; height:100%; overflow-y: scroll;  } /* overflow-y: scroll; */


.leftmenu_box .menu_wrap .sn_box{position:relative;  height:55px; background:#6ea647; padding:20px; }
.leftmenu_box .menu_wrap .sn_box li{ float:left; cursor:pointer; width:30px; height:30px; margin-left:20px; text-align:center; }
.leftmenu_box .menu_wrap .sn_box li p{ font-size:35px; color:#fff;  line-height:1.8; font-weight:600 }
.leftmenu_box .menu_wrap .sn_box .youbtn{width:40px; height:30px; border:1px solid #fff; margin-top:15px; border-radius:5px;  }
.leftmenu_box .menu_wrap .sn_box .youbtn p {   font-size:15px; line-height:2  }
.leftmenu_box .menu_wrap .sn_box .leftmenu_close{ float:right; cursor:pointer; width:55px; height:55px; margin-left:0px;  }

.leftmenu_box .menu_wrap .left_login_box{ position:relative; width:100%;   background:#6ea647; text-align:center; border-top:1px solid #fff  }
.leftmenu_box .menu_wrap .left_login_box li a{color:#fff; font-size:30px; line-height:2.5;     }


.leftmenu_box .menu_wrap .menu_body{position:relative; width:100%; height:100%; overflow:hidden;  }
.leftmenu_box .menu_wrap .menu_body a{ position:relative; width:100%; display:inline-block;  line-height:3;  border-bottom:1px solid #b3b3b3; }
.leftmenu_box .menu_wrap .menu_body a>p{ padding-left:20px; color:#000; font-weight:500;  font-size:30px;   
background:url("/m/img/leftmenu_down.jpg") center no-repeat;  background-position-x:95%}
.leftmenu_box .menu_wrap .menu_body a>p:hover{  background:url("/m/img/leftmenu_up.jpg") center no-repeat;  
background-position-x:95%  }
.leftmenu_box .menu_wrap .menu_body .leftmenu_bottom{ display:none; }
.leftmenu_box .menu_wrap .menu_body .leftmenu_bottom a>p{ font-size:25px;  padding-left:30px; color:#000; font-weight:300; background:none}





/* footer */
.footer{}
.f_top{padding:30px 0 151px; background:#f2f7f1; text-align:center;}
.f_top .sns{margin-bottom:25px; font-size:0;}
.f_top .sns a{display:inline-block; margin:0 5px;}
.f_top .txt{ height:100%;}
.f_top .txt p{margin-top:10px; font-size:16px; color:#7a7a7a; font-family:'Nanum Gothic';}



.f_bot{position:fixed; bottom:0; z-index:99; width:100%} /* max-width:640px; box-shadow:-2px -10px 9px 0px rgba(74, 74, 74, 0.4);   */
.f_bot .up_bttn{ float:right;  width:78px; height:78px; margin-bottom:10px; margin-right:10px;   }
.f_bot .up_bttn p{ text-align:center; } 
.f_bot ul{ display:inline-block; width:100%;  background:#87cb75 }
.f_bot ul li{float:left; width:25%; }
.f_bot ul li img{ } /*width:100%*/
.f_bot ul li a{
    display: flex;
    justify-content: center;
}


#f_top{  background:#514e4f; padding-bottom:280px;   }
#f_top #f_loginbox{ position:relative; display:inline-block;  padding:20px;   }
#f_top #f_loginbox li{ float:left;  }
#f_top #f_loginbox li a{ text-align: center;  color:#d4d4d4; font-size:28px }
#f_top #f_loginbox li span{ color:#d4d4d4; margin-left:15px; margin-right:15px; }
#f_top #txt{  font-size: 20px; line-height:2; color:#a2a2a2; font-weight:300; margin-top:20px; margin-bottom:20px;  }

#f_top #sns{ position:relative; width:100%;  display:inline-block;  padding:20px; padding-bottom:0px; }
#f_top #sns li{ float:left;  width:22%; display:inline-block;  line-height:3; border:1px solid #fefefe; margin-left:1% }
#f_top #sns li a{ color:#b9b9b9;display:inherit;  } 
#f_top #shop{ position:relative; width:100%;  display:inline-block;   padding:20px; }
#f_top #shop li{  float:left;  width:45%; display:inline-block;  line-height:3; border:1px solid #fefefe; margin-left:1%} 
#f_top #shop li a{ color:#b9b9b9;display:inherit;  } 



#f_bot{ position:fixed; bottom:0; width:100%;  z-index:99;  box-shadow:none;   border-top:0px;}
#f_bot ul{position:relative; width:100%; background:#fff; overflow:hidden; border-top:4px solid #8ec266}
 /* max-width:640px; box-shadow:-2px -10px 9px 0px rgba(189, 189, 189, 0.4);  */
 
#f_bot ul li{float:left; width:24.8%; background:none; border-left:1px solid #dadada; margin-bottom:30px; margin-top:10px;}
#f_bot ul li:first-child{  border-left:0px }
#f_bot ul li p{ text-align:center; color:#3a5d0c;  line-height:1; font-weight:500; }

#f_bot .up_bttn{ float:right;  width:78px; height:78px; margin-bottom:10px; margin-right:10px;   }
#f_bot .up_bttn p{ text-align:center; } 

/*빠른 상담*/
#fquick_write{ position:relative; width: 100%;
    padding-top: 20px;
     } /* margin-top:25px background: #64635f; */
#fquick_write .quick_consult{ width:95%; margin:30px auto 0; padding:0; overflow:hidden; }
#fquick_write .quickForm_txt{ width:96%; border:1px solid #b4b4b4; font-size:25px; line-height:30px; padding:10px; vertical-align:middle; height:150px;}
#fquick_write .solochek{ width:100%; height:100%; margin: 0px; overflow:hidden;  text-align:center; line-height:180%;}
#fquick_write .solochek p{font-size: 26px!important; text-align:left; line-height:2; text-align: center; color:#fff}
#fquick_write .quicode{margin-top:20px; margin-bottom:20px;}

/* 상단 변한의원, 원인분석 2023 */
/* 메뉴 고정 */
.fixmenu2023{
	position: fixed;
    z-index: 200;
    width: 100%;
	background: #fff;
}
.fixmenu2023 .logo_box{
	background: #fff;
}

.menu_top2023{
    padding: 30px 0;
    height: 28px;
    background: #fff;
	z-index: 90;
    width: 100%;
    margin-top: 110px;
    position: absolute;

	} /*   border-top: 3px solid; border-image: linear-gradient(to right, #6c6c6c, #acdb44) 1; */

@font-face {
    font-family: 'NanumSquareEB';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/NanumSquareEB.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/NanumSquareEB.woff') format('woff');
    font-style: normal;
}


.menu_top2023 li{
	float: left;
    width: 25%;
    text-align: center;	
	
}


	
.menu_top2023 li a{
	font-family: 'NanumSquareEB';
    font-size: 28px;
    color: #5c5c5c;
    letter-spacing: -0.1em;
    text-align: center;
}


.menu_2023{
    padding: 25px 0;
    background: linear-gradient(88deg, #90b541, #489022);
    height: 24px;
	top: 178px;
    position: relative;
    width: 100%;
    z-index: 100;

}

.menu_2023 li{
	float: left;
    text-align: center;	
}


.menu_2023 li a{
	font-family: 'NanumSquareEB';
    font-size: 28px;
    color: #fff;
    letter-spacing: -0.1em;
    
	}
	
.menu_2023 li:first-child a{ }


/* 메인 집중 진료 과목 */

.main_top2023{background:#f7f7f7; padding-bottom: 40px;}
.main_toptxt2023{
	padding-top: 40px;
	padding-bottom: 32px; 
	text-align: center;
	background:url("/m/img/byuntxtbg2023.png") no-repeat 50% 50%;
	background-size:  cover;

}

.main_toptxt2023 h2{

font-size: 39px;
color: #2c2c2c;
letter-spacing: -0.1em;
line-height: 1.5;
}
.main_toptxt2023 p{
font-size: 20px;
color:#2c2c2c
}

/* 메인 집중 진료 과목 배너 */

.main_banner2023 .main_banner01 h3{
    padding-top: 54px;
    padding-left: 57px;
    font-size: 43px;
    color: #fff;
    line-height: 1.7;
    letter-spacing: -0.1em;
}

.main_banner2023 .main_banner01 p{
	font-size: 24px;
    color: #fff;
    padding-left: 57px;
    line-height: 1.4;
    letter-spacing: -0.1em;
	padding-bottom:100px;
}

.main_banner2023 ul li h3{
	padding-top: 25px;
    padding-left: 30px;
    font-size: 34px;
    color: #fff;
    line-height: 1.7;
    letter-spacing: -0.1em;
}
.main_banner2023 ul li p{
    font-size: 22px;
    color: #fff;
    padding-left: 30px;
    line-height: 1.4;
    letter-spacing: -0.1em;
    padding-bottom: 70px;
}


.main_banner01{ 
	width: 100%;
    overflow: hidden;
    background: url(/m/img/main/byun_mainbanner01.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.main_banner023{
    position: relative;
    height: 219px;
	margin-top: 10px;
}
.main_banner023 li{
	width: 49%;
    float: right;	
}
.main_banner023 li:first-child{ float:left}


.main_banner02{  
background:url("/m/img/main/byun_mainbanner02.jpg") no-repeat 50% 50%;
background-size: cover;

}

.main_banner03{ 

background:url("/m/img/main/byun_mainbanner03.jpg") no-repeat 50% 50%;
background-size: cover;
}




.main_banner045{
    position: relative;
	height: 219px;
	margin-top: 10px;
}

.main_banner045 li{
	width: 49%;
    float: right;	
}
.main_banner045 li:first-child{ float:left}


.main_banner04{ 
 
background:url("/m/img/main/byun_mainbanner04.jpg") no-repeat 50% 50%;
background-size: cover;
}

.main_banner05{ 

background:url("/m/img/main/byun_mainbanner05.jpg") no-repeat 50% 50%;
background-size: cover;
}



.main_banner02403{
    position: relative;
	height: 219px;
	margin-top: 10px;
}

.main_banner02403 li{
	width: 49%;
    float: right;	
}
.main_banner02403 li:first-child{ float:left}


.main_banner2404{
background:url("/m/img/metabolic/dangno_mainbanner2.jpg") no-repeat 50% 50%;
background-size: cover;
}

.main_banner2405{ 

background:url("/m/img/metabolic/naim.jpg") no-repeat 50% 50%;
background-size: cover;
}




/* 진료 에약 원장 */
.main_yeyock{   
	margin-top: 30px;
	background: #fff;
    position: relative;
    width: 100%;
    height: 363px;
    display: inline-block;
	}
	
.main_yeyock li{
	width: 50%;
	float: left;
}

.main_yeyock .main_yeyock_img{
    
    height: 363px;	
	background:url("/m/img/main/byun_mainbanner06.jpg") no-repeat 50% 50%;
	background-size: cover;
}
.main_yeyock .main_yeyock_img p{display:none}

.main_yeyock .main_yeyock_txt{ padding: 40px 30px 0 40px; }
.main_yeyock .main_yeyock_txt h3{
	font-size: 40px;
	line-height: 2;
    letter-spacing: -0.1em;
	color:#000
}
.main_yeyock .main_yeyock_txt p{
font-size: 23px;
    color: #000;
	 letter-spacing: -0.1em;
    line-height: 1.4;
	
}

.main_yeyock .main_yeyock_txt span{
	line-height: 3;
    letter-spacing: -0.1em;
	color: #3ab6b2;
 
}

/* 검사들 */

.main_toptxt2023_2{
	padding-top: 40px;
	padding-bottom: 32px; 
	text-align: center;
	background:url("/m/img/byuntxtbg2023_2.png") no-repeat 50% 50%;
	background-size:  cover;

}

.main_toptxt2023_2 h2{

font-size: 39px;
color: #2c2c2c;
letter-spacing: -0.1em;
line-height: 1.5;
}
.main_toptxt2023_2 p{
font-size: 20px;
color:#2c2c2c
}

.byun_mainwan2023{
position: relative;
    height: 740px;

}

.byun_mainwan2023 ul li h3{
    color: #fff;
    font-size: 35px;
	letter-spacing: -0.1em;
	line-height: 2;
}

.byun_mainwan2023 ul li h3:after{
   content: "";
  display: block;
  width: 45px;
  border-bottom: 2px solid #fff;
  margin: 0 auto;
  padding-bottom: 10px;
}


.byun_mainwan2023 ul li p{
font-size: 24px;
color: #fff;
line-height: 1.5;
letter-spacing: -0.1em;
    padding: 20px;
}
	
.byun_mainwan2023 ul li span{
    border-top: 1px solid #fff;
    width: 35px;
    position: relative;
    margin: 0 auto;
}
	
.byun_mainwan12{
    position: relative;
}


.byun_mainwan12 li{
	width: 50%;
    float: right;	
	height:277px;
	text-align: center;
}
.byun_mainwan12 li:first-child{ float:left }

.byun_mainwan12 li a{
    padding: 40px 0;
    width: 100%;
    display: inline-block;
}


.byun_mainwan1{  
background:url("/m/img/main/byun_mainwan01.jpg") no-repeat 50% 50%;
background-size: cover;

}

.byun_mainwan2{ 

background:url("/m/img/main/byun_mainwan02.jpg") no-repeat 50% 50%;
background-size: cover;
}

.byun_mainwan34{
    position: relative;
}

.byun_mainwan34 li{
	width: 50%;
    float: right;	
	height:277px;
	text-align: center;
}
.byun_mainwan34 li:first-child{ float:left}


.byun_mainwan34 li a{
    padding: 40px 0;
    width: 100%;
    display: inline-block;
}


.byun_mainwan3{ 
 
background:url("/m/img/main/byun_mainwan03.jpg") no-repeat 50% 50%;
background-size: cover;
}

.byun_mainwan4{ 

background:url("/m/img/main/byun_mainwan04.jpg") no-repeat 50% 50%;
background-size: cover;
}


/* 치료 후기 */
.main_review2023{ 

	background: #348a8a;
    margin-top: 20px;
    padding: 80px 5%;
	text-align: center;
}
.main_review2023 h2{
	font-size: 40px;
    text-align: center;
    color: #fff;
	letter-spacing: -0.1em;
	font-weight: normal;
}
.main_review2023 p{
	font-size: 20px;
    color: #fff;
	text-align: center;
	padding: 20px 0;
	letter-spacing: -0.1em;
}

.main_review2023 .main_review2023_box li{
	width: 49%;
    float: left;
}

.main_review2023 .main_review2023_box li img{
	width: 100%
}
.main_review2023 .main_review2023_box li P{
	background: #2f6666;
    text-align: left;
    padding-left: 20px;
}

.main_review2023 #reviewbtn_2023{
	line-height: 2;
    color: #fff;
    padding: 1% 8% 1% 10%;
    border-radius: 40px;
    letter-spacing: -1px;
    font-size: 25px;
    display: inline-block;
    border: 3px solid;
    margin-top: 30px;
}

/* 유튜브 */
.main_visual_2 .bx-controls{ display:none;}

.main_yotubanner{ margin-top:30px }

/* 간편 상담 */
.ganpyun_sangdam{
    background:url("/m/img/irritable/monhi_bg.jpg");
    margin-top: 20px;
	margin-bottom: 20px;
    padding: 50px 2%;
    text-align: center;
}
.ganpyun_sangdam h2{
    font-size: 46px;
    text-align: center;
    color: #fff;
    letter-spacing: -0.1em;
  
}

.ganpyun_sangdam p {
    font-size: 26px;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    letter-spacing: -0.1em;
}

.ganpyun_sangdam .solochek p{ padding: 0;}



/** .main_visual{ margin-top: 0px!important} **/