@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:55.5%;}

 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
	
 }
 


*{margin:0; padding:0; letter-spacing:-0.05em; box-sizing:border-box;}
img {border:0;vertical-align:top; }
img {display: block; max-width: 100%; height: auto; width:inherit;}
a {border:0; text-decoration:none; color:inherit; font-family: 'Nanum Gothic', sans-serif;}
ul, li {list-style:none;}

body {font-family: 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', sans-serif; width:100%; max-width:640px; background:none; margin: 0 auto;}
h1,h2,h3,h4, a {font-family:'NanumSquare','Noto Sans KR', 'Nanum Gothic', sans-serif;}
h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:16px;}

fieldset{margin:0; padding:0; border:none;}
legend{ position:absolute; left:-9999%;}
label:focus{outline: 1px dotted #0066FF; border: 1px dotted #0066FF;}
.radio.focus{outline: 1px dotted #0066FF; border: 1px dotted #0066FF;}
.gm ul li a:focus{outline: 1px dotted #0066FF; border: 1px dotted #0066FF;}
input,textarea,select,button{border:1px solid #D8C3C2;color:#594F40; font-size:12px}
input,select {vertical-align:middle; margin:0; padding:0;}

.clearfix:after {content:""; clear:both; display:block;}
.float {float:left;}
.float_r {float:right;}
.container {width:96%; margin:0 auto;}
#wrap {width:100%; /*text-align:center;*/ margin:0 auto;display:block;}

/* 상단 */
#header {width:100%; height:auto; position:relative;  }
.header .hammenu {width:10%; height:auto; margin-top:20px;}
.hammenu i {font-size:35px;}
.header .hammenu img {width:100%;}
#header .wrap {width:90%; margin:0 auto;  }
#header .wrap a.logo {width:40%; margin:0 auto; display:inline-block; }
#header .wrap a.logo img {width:100%; margin:20px 0; }
#header .wrap #menu { float:right; margin-top:0px;  }
#header .wrap #tel {float:left;margin-top:17px;}
#header .wrap:after {content:""; clear:both; display:block;}
#header .wrap #menu a { display:block; height:53px; }
#header .wrap #menu .menu_btn {margin-top:26px;}
#showRightPush {
 width:31px; height:25px;
 background:url('../images/menu.png') no-repeat;
 border:none; 
 cursor:pointer;
 text-indent: -1000%;
 }
 
/* 네비게이션 */
.topnav {padding:0.8em; color:#4a4a4a; cursor:pointer; }
.topnav  span { font-size:12px; ; }
.subnav {display:none; background:#fff; width:100%; /*border-left:1px solid #ddd;*/  }
.subnav dd { border-bottom:1px solid #ddd; }


/* 메인 */

#main { width:100%;}
/* .sl_txt { position:absolute; z-index:10; top:30px; left:50%; margin-left:-271px; } */

#main .main_visual {zoom:1;}
#main #article {width:100%; clear:both;}

#section1 {padding:20px 0;}
#section1 .container {width:90%;}
#section1 .icon_wrap {width:100%;}
#section1 .icon_wrap .icon {width:25%}
.content_bg {background:url(../images/main_content_bg.png) center; width:100%; height:auto;}
/* #main .icon img {width:100%;} */
#section1 .call_wrap {margin-top:20px;}




/* 하단 */
footer {text-align:center; width:100%;}
.f_logo {padding-top:31px;}
.footer_txt {display:inline-block; padding:30px 0 35px;font-size:14px;color:#303030;line-height:160%;}
.admin {background:#303030; color:#fff;}
.admin ul {display:inline-block;}
.admin li {float:left; margin:10px; font-weight:300;}
.admin li.v_line {margin-top:13px;}

#header, #main, #footer {position:relative;}
/* ----------------------------------------------------------------------------

								서브
								
-----------------------------------------------------------------------------*/		

					
#sub  { width:100%; position:relative; }

#sub_content {margin-bottom:70px;}
.sub_tit {background:#3497b0; color:#fff;padding:15px 0; font-size:27px;}

#sub_content .snb {width:100%; border-bottom:1px solid #eee;}
#sub_content .snb li {float:left;}
#sub_content .snb .t1 li {width:100%;}
#sub_content .snb .t2 li {width:50%;}
#sub_content .snb .t3 li {width:33.3%;}
#sub_content .snb .t4 li {width:25%;}
#sub_content .snb .t5 li {width:20%;}
#sub_content .snb li a {display:block; color:#303030;ext-align:center; padding:15px 0; text-align:center; font-size:20px;}
#sub_content .snb li > a.on, #sub_content .snb li > a:hover {
	background:#fff; color:#3497b0;
}  

#sub #content { width:100%; margin:0 auto; clear:both; margin-top:50px; }
#sub #content h2 { text-align:left; padding-top:40px; width:100%; margin:0 auto 26px auto;  padding-bottom:20px; border-bottom:1px dashed #ddd; font-size:2em; letter-spacing:-1px;  }
#sub #content h2 span { float:right; font-size:16px; font-weight:normal; line-height:58px;  }

#sub #content h3 {font-size:35px; font-weight:600; color:#303030; margin-bottom:30px; text-align:left;}
#sub #content .space {padding-top:60px;}
#sub #content .line {width:100%; height:2px; background:#e5e5e5;margin-top:20px;margin-bottom:20px;}
#sub #content h4 {font-size:26px; font-weight:600; color:#1c6a83; margin-bottom:20px; text-align:left;}
#sub #content p {font-size:20px; color:#303030; text-align:left; line-height:1.6; font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif; font-weight:300;}
#sub #content .img_top {width:100%; padding-bottom:30px;}
#sub #content .pain {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 24px;
	margin-bottom:30px;
}
#sub #content .pain h4 {color:#1fb9e0;}

ol.operate_list { counter-reset: li; margin-top:20px;}
ol.operate_list li {counter-increment: li;}
ol.operate_list li::before {
    content: counter(li);
    color: #1c6a83;
    display: inline-block;
    width: 1em;
	font-family: 'NanumSquare';
	font-size:25px;
	font-weight:bold;
	font-style:italic;
}

ul.operate_list li::before {content: "\2022"; color: #1c6a83;
  display: inline-block; width: 1em;
  }
.operate_list li {text-align:left; font-size:20px; color:#929292; line-height:1.8;}
#sub #content .color_red {color:#c3421b;}

#sub #content .map {padding-bottom:30px;}
#sub #content .map_wrap {width:100%;}
#sub #content .map_txt h3 {font-size:30px; color:#3497b0;margin-bottom:0px;}
#sub #content .map_txt h4 {font-size:22px;margin-bottom:0px; color:#303030;}
#sub #content .map_txt .ride {margin-bottom:15px; text-align:left;margin-top:5px;}
.num_ride .bg_bar {margin: 3px 4px 0; color:#aaa;}
#sub .root_daum_roughmap {width:100%;}
.map_btn ul li {width:33.2%;}
.map_btn ul li img {width:100%;}



#sub .surgery .step li {width:50%; padding:10px; font-size:20px; font-weight:300;}
#sub .surgery .step img {display:block; width:90%; padding-bottom:20px; margin:0 auto;}
.after_bg {background:url(../images/sub3_1_after.png) no-repeat center; width:100%; height:auto;}
.after_list {padding:50px 20px 0;}
.after_list2 {padding-top:50px;}
.after_list li {text-align:left; font-size:20px; color:#fff; line-height:2.0;}
#sub #content .gray_bg {font-size:22px; padding:30px 0; width:100%; background:#505050; color:#fff; text-align:center; margin-top:20px; padding:20px;}
#sub #content .surgery_bg {font-size:22px; padding:30px 20px; width:100%; background:#0e4151; color:#fff; text-align:center;}
#sub #content .surgery_bg p {color:#fff;}
.surgery_bg img {width:40%; margin:0 auto; margin-bottom:30px; }

#sub #content .sur_etc {padding:15px 0;width:100%;}
#sub #content .sur_etc .etc_txt {width:100%; padding:0 10px;}
#sub #content .sur_etc .etc_txt h3 {margin-bottom:20px;}
#sub #content .sur_etc .etc_img {width:100%;margin-top:30px;text-align:center;}
#sub #content .sur_etc .etc_img img {width:80%;margin:0 auto;}
#sub #content .sur_etc .etc_img2 {margin-top:0px;}
#sub #content .ps {width:100%; font-size:15px; color:#888888; padding:10px;}

/* 게시판 */
.board {border:0;}
.board_view td {
    border-bottom: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    border-top:0;
    border-left:1px solid #e5e5e5;
    padding: 4px;
}
.formmail_textarea_style { width:432px; }

#sub #content iframe {min-height:300px;}
#sub #content iframe .bbsnewf5 > table > tbody > tr > td > a > img {width:180px; height:120px;}
.map_wrap .map_info {padding:10px 0;}
.map_btn ul li {float:left;}
.map_btn ul:after {content:""; clear:both; display:block;}

/* 컨텐츠 보드 */
#sub #content textarea,#sub #content input {width:90%;}
#sub #content input {height:30px;}
#sub #content td.formmail_cell_bgcolor {padding:10px; padding-left:10px;}
#sub #content input[name="phone_no1"],#sub #content input[name="phone_no2"],#sub #content input[name="phone_no3"] {width:25%;}
#sub #content input[type="radio"],#sub #content input[type="checkbox"] {width:auto;}
#sub #content textarea[name="description"] {height:60px !important;}






/* 서브 공통 */
#sub {text-align:center;}
#sub .sub_content {margin-bottom:50px;}
#sub .container_fix {width:600px; margin:0 auto;}
.sub_title {margin:60px 0 50px;}
.sub_title h3.sub_h3 {font-size:30px; font-weight:600; color:#222;}
.sub_title .sub_tit_line {width:50px; height:1px; background:#222;  display:inline-block; margin-top:15px;}