@charset "utf-8";

body{ margin:0; padding:0; position:relative; overflow-x:hidden; background:#5c5c5c; }
 
#wrap{ width:640px; margin:0 auto; background:#fff; position:relative;}


/* 헤더 */
#header {z-index:10; width:100%; background:#fff; position:relative; height:100px;}
#header #menu {float:left; margin:37px 0px 0px 20px; width:38px; height:32px; background:url(/new2023/mobile/images/menu_btn.png) no-repeat center center; font-size:0; cursor:pointer;}
#header #call {margin: 16px 20px 0px 0px; width: 67px; height: 67px; float: right;}

#header #logo {position:absolute; width:222px; height:42px; left:50%; transform:translate(-50%); top:29px;}
#header #logo h1 {width:100%; height:100%;}
#header #logo h1 a {display:block; width:100%; height:42px; background:url(/new2023/images/logo.png) no-repeat; background-size:auto; font-size:0; line-height:0;}


#menu_list_bg {display:none; position:absolute; left:0; top:0; z-index:11; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
#menu_list {position:fixed; left:-500px; top:0; z-index:100; width:500px; height:100%; background:#fff; overflow:auto; overflow-x:hidden;}
#menu_list .menu_list_tit { width:100%; height:70px; text-align:center; color:#fff; font-size:27px; line-height:70px; background:#333;}
#menu_list .menu_list_tit .close {display:block; position:absolute; right:10px; top:10px; width:48px; height:48px; border:solid 1px #999; text-align:center; line-height:48px; font-size:30px; color:#999;}
#menu_list #navi {width:100%; background:#fff; }
#menu_list #navi li {position:relative; border-bottom:solid 1px #d9d9d9;}
#menu_list #navi li a {display:block; padding:0 20px; height:80px; font-size:27px; line-height:80px; cursor:pointer;}
#menu_list #navi li .main_mn {font-size:30px; background:url(../images/submenu_arrow.gif) no-repeat 445px 8px;}
#menu_list #navi li .main_mn.on {font-weight:bold; color:#333; border-bottom:solid 1px #d9d9d9; background-position:445px -53px;}
#menu_list #navi li .close_lnb {display:block; width:100%; height:80px; padding:0; position:absolute; left:0; top:0; z-index:13;}
#menu_list #navi .lnb {display:none; background:#f6f6f6;}

#menu_list  #navi p{font-size:22px;height:50px; line-height:50px}
#menu_list  #navi p a{font-size:22px; height:50px; line-height:50px}

/* 전체메뉴 */
#total_menu {position:absolute; top:90px; left:50%; margin-left:-320px; z-index:11; width:640px; display:none;}
.total_wrap {padding:10px 25px; background:#575757; overflow:hidden;}
.total_box { clear:both; position:relative; padding:10px 0; overflow:hidden; border-bottom:1px dotted #797979;}
.noline {border-bottom:none !important;}
.total_box .mn_tit {float:left; width:150px;}
.total_box .mn_tit a {color:#FFF; font-size:26px; font-weight:400; letter-spacing:-1px; font-family:'나눔고딕','NanumGothic','宋體', 'simsun', Arial; }
.total_box ul {float:right; width:420px; overflow:hidden; }
.total_box ul li {float:left; width:200px; margin-right:10px;}
.total_box ul li a {display:block; padding:3px 0; font:normal 23px/26px '나눔고딕','NanumGothic','宋體', 'simsun', Arial;color:#ccc; letter-spacing:-1px;}


/* 비주얼 */
#main_visual {width:640px; position:relative; margin:0 auto; overflow:hidden; background:#FFF;}
#main_visual .imgbox {width:100%; height: 725px;}
#main_visual .slider {width:100%; height:100%;}
#main_visual .slider .item {float:left; width:640px;}

#main_visual .btnbox {height: 65px; cursor:pointer; position:absolute; top: 95%; left: 50%; transform:translate(-50%); z-index:2;}
#main_visual .btnbox li{display:block; margin:0;}
#main_visual .btnbox .go {float:left; width:18px; height:17px; background:url('../images/main/mv_btn.png') no-repeat; text-indent:-9999px; margin-right:5px;}
#main_visual .btnbox .go.on {height: 19px;background:url('../images/main/mv_btn_ov.png') no-repeat;}
#main_visual .btnbox .go.off {height: 19px; background:url('../images/main/mv_btn.png') no-repeat;}


/*신기율 메인테마*/
#c01 > .tit {padding: 60px 0px 30px 0px;}
#c01 > ul { width: 640px;}
#c01 .clearfix li {float: left;}
#c01 .clearfix:last-child{margin-top:1px;}


/*치료 후기와 사례*/
#c02 > .tit{position:relative;}
#c02 > .tit .clearfix{position:absolute; top: 130px; padding:0px 30px 0px 30px;}
#c02 > .tit .clearfix li{float:left;}
#c02 > .tit .clearfix li:last-child{margin-left:34px;}

/*커뮤니티*/
#c03 > .tit {padding: 55px 0px 30px 0px;}
#c03 > .clearfix{padding:0px 20px 0px 20px;}
#c03 > .clearfix li{margin-bottom:10px;}
#c03 > .clearfix:last-child li{float:left;}
#c03 > .clearfix:last-child li{margin-right:6px;}
#c03 > .clearfix:last-child li:last-child{margin-right:0;}

/*진료안내 및 오시는 길*/
#c04{margin-top:40px;}
#c04 > .tit{position:relative;}
#c04 > .tit .clearfix{position:absolute; top:240px; padding:0px 20px 0px 20px;}


/* 퀵메뉴 */
.btm_btns {position: fixed; left: 0; bottom: 0; z-index: 1000000; width: 100%; height: 120px; background: rgba(99,93,86,0.9);}
.btm_btns ul{margin:0 auto;}

.btm_btns li.tel { background-image: url(../images/f01.png);}
.btm_btns li.online { background-image: url(../images/f02.png);}
.btm_btns li.review { background-image: url(../images/f03.png);}
.btm_btns li.example { background-image: url(../images/f04.png);}


.btm_btns li {float: left; width: 25%; height: 120px; background-position: center center; background-repeat: no-repeat;}
.btm_btns li a {display: block; height: 100%; font-size:0px; border-left: solid 1px #fff;}
.btm_btns li:first-child a {border: none;}