@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/blank.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:56.2%;}
 }
 @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; box-sizing:border-box;color:inherit;letter-spacing:-0.01em;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
div {display:block;}
body {width:100%;max-width:640px;font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#303030;margin:0 auto;}

.clearfix {content:"";clear:both;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
.inner {width:600px;margin:auto;clear:both}
.inner2 {width:600px;margin:auto;clear:both}
.c_logo {color:#9f843f !important}
.c_main {color:#a89b8d !important}
.c_bold {color:#4b4846 !important}
.c_sky1 {color:#809eb1 !important}
.c_sky2 {color:#80adc9 !important}
.c_navy {color:#003c63 !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}

h1 {font-size:50px;line-height:1.15}
h2 {font-size:40px;line-height:1.15}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
.roboto {font-family: 'Roboto';}
.thin {font-weight:200;}

span {color:inherit}

.float {float:left;}
.float_r {float:right}
.center {text-align:center !important}


hr {width:100%;height:1px;background:#d0d0d0;border:0;}


/* 컬럼 설정 */
.col5 {width:20%;}
.col4 {width:25%;}
.col3 {width:33.33%;}
.half {width:50% !important}




#wrap {width:100%; display:inline-block;position:relative;background:#fff;}

a.logo {width:224px;height:66px;display:block;text-indent:-3333px;background-image:url(images/logo.png);background-size:contain;background-repeat:no-repeat;}


/* 공통상단 */
#header {width:100%; height:100px;line-height:0; background-color:#827365;color:#413932;}
#header .inner {position:relative}
#header .logo {position:absolute; top:18px; left:50%; margin-left:-112px;;}
#header .menu {left:0; position:absolute;top:20px}
#header .menu i {font-size:55px;color:#333}
#header .tel {position:absolute; right:0; top:20px;}
#header .tel i {font-size:55px;}




/* 공통 하단 */
#footer {width:100%; position:relative;background:#333;float:left;}
#footer .tel {width:100%;display:block;background:url(images/footer_tel.jpg) top center no-repeat;height:129px;text-indent:-3333px;}
#footer .inner {padding:40px 0;text-align:center;position:relative;}
#footer .inner .logo {margin:0 auto 20px;}
#footer .txt {font-size:15px;color:#d0d0d0;}
#footer .txt span {display:inline-block;margin:0 10px;font-weight:300;line-height:1.7}
#footer a#back-top {display:block; width:55px;height:55px; line-height:55px; border-radius:55px; background-color:rgba(255,255,255,0.5);font-size:40px;top:30px; right:20px;position:absolute; }
#footer .btn {text-align:center; margin-top:20px;}
#footer .btn a {border-radius:50px; color:#fff; display:inline-block; font-size:17px;font-weight:500; margin:0 5px}





/*************************** 메인 설정 *******************************/

#main {width:100%;position:relative;display:inline-block;float:left;background-color:#fff;}


#main #clinic { width:100%; display:inline-block; padding:60px 0;}
#main #clinic .inner h3 {letter-spacing:15px;text-indent:-15px;text-align:center;}
#main #clinic .inner > div {width:100%;background-position:top center;}
#main #clinic .inner > div.bigicon {background-image:url(images/main_clinic_big.jpg);height:654px;}
#main #clinic .inner > div.smallicon {background-image:url(images/main_clinic_small.jpg);height:214px;}
#main #clinic .inner > div a {float:left;width:25%;height:inherit;display:block;text-indent:-3333px;}
#main #clinic .inner > div.bigicon a {float:left;width:50%;height:327px;display:block;text-indent:-3333px;}


#main #ds {width:100%;background-color:#f0f0f0;padding:40px 0;display:inline-block}
#main #ds a {display:block;text-indent:-3333px;position:relative;height:inherit;float:left;}
#main #ds a span.plus {left:28px;top:150px;}
#main #ds .ds {width:100%;height:300px;background:url(images/main_ds.jpg);}
#main #ds .ds a {width:50%;}
#main #ds a.doctor {background-image:url(images/main_doctor.png);}
#main #ds a.event {background-image:url(images/main_event.png);}
#main #ds .contact {width:100%;background-image:url(images/main_contact.jpg);height:310px;}
#main #ds .contact a.tel {width:66.66%;height:186px;}
#main #ds .contact a.blog {width:33.33%;height:186px;}
#main #ds .contact a.kakao {width:100%;height:124px;}


#main #sky {width:100%;background:url(images/main_sky_.jpg) top center no-repeat;display:inline-block;padding-bottom:60px;}
#main #sky .inner > a {display:block;width:100%;float:left;text-indent:-3333px;}
#main #sky .inner > a.doctor {height:322px;}
#main #sky .inner > a.time {height:248px;}
#main #sky .inner > a.address {height:210px;}
#main #sky .inner .btn {width:100%;background:url(images/main_sky_btn.jpg) top center no-repeat;height:103px;}
#main #sky .inner .btn a {display:block;width:50%;height:inherit;float:left;text-indent:-3333px;}






/* 서브 */
#sub {width:100%;  display:inline-block; float:left; }

#sub .snb {width:100%; color:#584838; float:left;}
#sub .snb ul {width:100%; padding:10px 0;display:inline-block;}
#sub .snb li {line-height:50px;float:left;text-align:center;font-size:20px;}
#sub .snb li:before {content:"|"; float:left;color:#e0e0e0;font-weight:100}
#sub .snb li.first:before {content:"";}
#sub .snb.p2 li {width:50%;}
#sub .snb.p3 li {width:33.33%;}
#sub .snb.p4 li {width:25%;}
#sub .snb li a {display:block;opacity:0.6}
#sub .snb li a.on {opacity:1;}


#sub #content {width:100%; display:inline-block; overflow: hidden; float:left;}
#sub #content.mg0 {margin:0;}
#sub #content .paragraph {width:100%;display:inline-block; position:relative; float:left;}
#sub #content .paragraph.imgbox img {float: left;}

#sub #content .paragraph table.basic {width:100%;}
#sub #content .paragraph table.basic th {background-color:#968f88;color:#fff;border-left:1px #e0e0e0 solid;}
#sub #content .paragraph table.basic td {border-bottom:1px #e0e0e0 solid;border-left:1px #e0e0e0 solid;}
#sub #content .paragraph table.basic td.subject {background-color:#b3ada7; color:#fff; font-weight:bold;}
#sub #content .paragraph table.basic td.subject p {font-size:20px;font-weight:500;}
#sub #content .paragraph table.basic th,#sub #content .paragraph table.basic td {padding:10px 13px;}
#sub #content .paragraph table.basic .first {border-left:0;}
#sub #content .paragraph table.basic .bg_gray {background:#f5f5f5;}


/* 탭 */
#sub #content ul.tabs {width:100%;height:70px;background-color:#f5f5f5;}

#sub #content ul.tabs li { float:left; text-align:center;  }
#sub #content ul.tabs li a {display:block;color:#555; font-size:18px; height:70px; line-height:70px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#sub #content ul.tabs li:hover a,#sub #content ul.tabs li.active a{background-color:#9b8978;color:#fff;}
#sub #content ul.tabs.p2 li {width:50%;}
#sub #content ul.tabs.p3 li {width:33.33%;}
#sub #content ul.tabs.p4 li {width:25%;}
#sub #content ul.tabs.p6 li {width:16.66%;}
#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {width:100%;min-height:280px;display:inline-block;}




/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:17px;line-height:1.7;min-height:500px}