@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 {position:absolute; left:0; z-index:10; width:100%; height:100px; background:#fff; }
#header #menu {float:left;  width:110px; height:100px; background:url(/sinsa/mobile/images/main/h01.jpg) no-repeat center center #64c7b3; font-size:0; cursor:pointer;}
#header #logo {position:absolute; top:20%; left:28%; width:200px; height:65px; }
#header #logo2 {position:absolute; top:1%; left:98%; width:170px; height:65px; }
#header #logo h1 {width:100%; height:65px; }
#header #logo h1 a {display:block; width:100%; height:65px; background:url(/pyeongchon/images/logo.png) no-repeat; font-size:0;}
#header #mem_btns {position:absolute; width:107px; height:100px; text-align:left; right:0;}
#header #mem_btns a {color:#bbb; font-size:20px; padding:0 7px; line-height:100px;}


#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); overflow:hidden}
#menu_list {position:fixed; left:-500px; top:0; z-index:100; width:500px; height:100%; background:#333; overflow:auto; overflow-x:hidden;}
#menu_list .menu_list_tit { width:100%; height:70px; text-align:center; color:#fff; font-size:35px; line-height:70px; background:#000;}
#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%; }
#menu_list #navi li {position:relative; border-bottom:solid 1px #5c5c5c;}
#menu_list #navi li a{display:block; padding:0 20px; height:80px; font-size:30px; line-height:80px; cursor:pointer; color:#ccc;}
#menu_list #navi li .main_mn {font-size:30px; background:url(../images/submenu_arrow.gif) no-repeat 445px 8px; background:url(/pyeongchon/mobile/images/plus_icon.png) no-repeat center right}
#menu_list #navi li .main_mn.on {color:#fff; border-bottom:solid 1px #d9d9d9;background:url(/pyeongchon/mobile/images/minus_icon.png) #84cab8 no-repeat center right}
#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:#191919;}
#menu_list #navi .lnb li a{color:#ccc; font-size:27px}

#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;  padding-top:100px;}
#main_visual .imgbox {width:100%; height: 714px;}
#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: 94%; 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;}





/***************************** ////// 메인타이틀 ////// *******************************/
.main_tit{font-size:45px; font-family: 'GmarketSans'; font-weight:bold; color:#222; text-align:center; padding:50px 0 40px 0;}
.main_tit p{color:#222; font-size:16px; font-family: 'GmarketSans'; letter-spacing:2px;}
.main_tit span{font-size:20px; font-family: 'GmarketSans'; color:#222; padding-top:30px; text-align:center;  display:block;}


/* 메인테마 */
#main_cont01{padding: 0px 0px 0px 0px;}


#main_cont02{padding: 65px 0px 35px 30px; background:#53504d;}
#main_cont02 .ba_01 {padding-bottom:20px;}
#main_cont02 .ba_01 li{padding-bottom:20px;}



/***************************** ////// 장비소개 ////// *******************************/
.self_tab {position:absolute; left:71%; margin-left:-453px; width:100%; overflow:hidden; padding-top:30px}
.self_tab li{float:left; height:65px; border-right:1px solid #ffc000; }
.self_tab li a{width:100%; display:block; color:#222;font-size:25px;  font-weight: 400; text-align:center}
.self_tab li a:last-child{border-right:0}
.self_tab li a:hover{width:100%; color:#ffc000; border-radius:50px; text-decoration:none}
.self_tab li a.on{color:#ffc000; border-radius:50px;}

.self_wrap {position: relative;}
.self_chk{padding-top:100px}
.self_chk .laser_wrap{width:620px; margin:0 auto; padding-top:165px; padding-bottom:40px; text-align:center; overflow:hidden}
.self_chk .laser_wrap  li{float:left; width:33%; margin:5px 0; height:200px}
.self_chk .laser_wrap  li img{width:100%}
.self_chk .laser_wrap span{color:#222; }
#main_mn8 li{width:24.8%}

.laser_wrap .ig {border-radius:20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }
.laser_wrap .ig img{height:150px;object-fit: contain; }
.laser_wrap .ig span{font-size:21px; }





/***************************** //////main_cont03////// *******************************/

#main_cont03{overflow:hidden}
#main_cont03 > ul { width: 640px;}
#main_cont03 .clearfix li {float: left; margin-bottom:14px; text-align:center}
#main_cont03 .clearfix2 li{float: left; margin-bottom:14px; padding:0 10px}




#main_cont04{overflow:hidden; background:#f3f3f3;padding:35px}
#main_cont04 > ul { width: 600px;}
#main_cont04 .clearfix li{float: left;}









/*진료안내 및 오시는 길*/
#c06{width:640px;}
#c06 .time{margin-top:60px;}
#c06 .map{width:640px; margin:0 auto;}
#c06 .info{width:640px; margin:0 auto;}

.root_daum_roughmap{width:100%}
.wrap_controllers.hide{display: none;} 




/* 퀵메뉴 */
.btm_btns {position: fixed; right: 10px; bottom:50px; z-index: 1000000; height: 400px;}
.btm_btns ul{text-align:right}


.btm_btns li {width: 90px; height: 95px;  }
.btm_btns li a {display: block; height: 100%; font-size:0px; }