@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@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);


@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;}
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: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif; color:#303030;}

/* 텍스트 설정 */
h1,h2,h3,h4,h5 {font-weight:500;line-height:1.25}
h1 b,h2 b,h3 b,h4 b,h5 b {font-weight:500}
.c_main {color:#2a4990 !important}
.c_boldbrown {color:#3d2706 !important}
.c_brown {color:#baa380 !important}
.c_beige {color:#dad4cb !important}
.c_lightgray {color:#a0a0a0 !important}
.c_darkgray {color:#535353 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
h1 {font-size:50px;font-weight:100;}
h2 {font-size:40px}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;line-height:180%;color:inherit}

span {color:inherit}


.inner {width:600px;margin:auto !important}
.bg_gray {background:#f5f5f5;}
.img100 {width:100%;height:auto}
hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}



/* 크기 및 정렬 설정 */
.left {float:left;}
.right {float:right}
.center {text-align:center}
.al_left {text-align:left}
.al_right {text-align:right}
.half {width:50% !important}

/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}
.pd0 {padding:0 !important}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.pl02 {padding-left:2%}
.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}

.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}



.bd_b {border-bottom:1px #d0d0d0 solid}
.bd_t {border-top:1px #d0d0d0 solid}
.bd_l {border-left:1px #d0d0d0 solid}
.bd_r {border-right:1px #d0d0d0 solid}




#wrap {width:100%; max-width:640px;  margin:0 auto; background:#fff;}
#header {width:100%; height:104px;line-height:0;background:#fff;text-align:center;float:left;}
#header .inner {position:relative}
#header .logo {position:absolute; left:50%; margin-left:-137px; top:29px;}
#header .menu {left:0; position:absolute;top:35px}
#header .tel {right:0; position:absolute;top:31px}




#main {width:100%;position:relative;line-height:0;float:left;background:url(images/main_bg.jpg) top center !important;padding-bottom:25px}

#main .main_section {width:100%;display:inline-block;}
#main .main_section a {text-indent:-3333px;display:block;float:left}
#main .main_section > a,#main .main_section > div {float:left}
#main .main_section > a.view,#main .main_section > a.clinic {width:100%;height:225px}
#main .main_section > a.clinic {background:url(images/main_section1.png) top center}
#main .main_section > a.view {background:url(images/main_section2.png) top center}
#main .main_section > a.nblog {background:url(images/main_nblog.png) top center;width:100%;height:86px}


#main .main_section > div {width:100%;}
#main .main_section > div.contact {background:url(images/main_section3.png) top center no-repeat;height:287px;}
#main .main_section > div.contact a {width:50%;height:287px;}
#main .main_section > div.icon {background:url(images/main_section4.png) top center no-repeat;height:144px;}
#main .main_section > div.icon a {width:25%;height:144px;}




#footer {width:100%;display:inline-block;position:relative;text-align:center;float:left}
#footer a.tel {display:block;height:111px;text-indent:-3333px;width:100%;background:url(images/footer_tel.png) center no-repeat}
#footer .txt_area {display:inline-block;padding:20px 0;width:100%;position:relative;}
#footer .txt_area span {padding:0 6px;line-height:150%;font-size:16px;color:#808080}

#footer .contact {width:100%;height:65px;display:inline-block;border-bottom:1px #d0d0d0 solid}
#footer .contact ul {float:right;position:relative;left:-50%;margin-top:20px}
#footer .contact li {float:left;position:relative;left:50%;padding:0 20px;font-size:20px;}




/* 서브 */
#sub {width:100%;  display:inline-block;position:relative;background-position:top center;background-repeat:no-repeat;background-color:#fff}
#sub.sub1 {background-image:url(images/subtop1.jpg);}
#sub.sub2 {background-image:url(images/subtop2.jpg);}
#sub.sub3 {background-image:url(images/subtop3.jpg);}
#sub.sub4 {background-image:url(images/subtop4.jpg);}
#sub h1.top_title {width:100%;height:144px;background:url(images/top_title.png) 20px 105px  no-repeat;color:#fff;font-weight:500;padding-top:35px;padding-left:20px}


#sub .container {width:100%;background:#fff;display:inline-block}
#sub .container .inner {padding:0 20px;}
#sub .container .title {height:70px;position:relative;}
#sub .container .title h2 {font-weight:500;font-size:32px;line-height:69px;cursor:pointer;padding:0 20px}
#sub .container .title h2 span {color:#2a4990;font-size:smaller;float:right}

#sub .subnav { margin:auto;
width:100%;
 background:#fff; 
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  top:70px;
  font-size:17px;
  text-align:left;
  box-shadow:3px 2px 0 #e0e0e0
 }
#sub .subnav ul {display:block}
#sub .subnav li {line-height:53px;border-bottom:1px #e0e0e0 solid;}
#sub .subnav a.on,#sub .subnav a.on:hover {color:#fff;font-weight:bold;font-size:larger;background:#3384c6;}
#sub .subnav a {display:block;padding:0 20px}





#sub #content  {width:100%; display:inline-block;min-height:600px;padding:50px 20px }

#sub #content .paragraph {width:100%; margin-bottom:60px;display:inline-block;}
#sub #content .paragraph .row {width:100%; display:inline-block}

#sub #content .paragraph h3.subject {background:url(images/subject.png) left top no-repeat; padding-top:18px;text-align:left;margin-bottom:20px}
#sub #content .paragraph p {word-break : keep-all }


#sub #content .paragraph .treat {background:#f5f5f5;padding:20px;min-height:250px;display:inline-block;width:100%}
#sub #content .paragraph .treat ul {float:right;position:relative;left:-50%;margin:10px 0;height:168px}
#sub #content .paragraph .treat ul li {float:left;position:relative;left:50%;width:168px;height:168px;background:url(images/treatbox.png) center no-repeat;color:#fff;margin:0 5px;text-align:center;padding:20px 0;}
#sub #content .paragraph .treat ul li.link a {display:block; background:url(images/treat_more.gif) bottom center no-repeat}
#sub #content .paragraph .treat ul li.line2 {padding:60px 0}
#sub #content .paragraph .treat ul li.line2 h5 {line-height:1.5;}
#sub #content .paragraph .treat ul li h5 {line-height:128px;letter-spacing:-2px}



#sub #content .timetable {width:100%;}
#sub #content .timetable .month {border-bottom:1px #505050 solid;}
#sub #content .timetable h5 {font-size:17px;}
#sub #content .timetable p {font-size:15px;font-weight:bold;}
#sub #content .timetable th {border-bottom:1px #d0d0d0 solid;}
#sub #content .timetable th,#sub #content .timetable td {padding:5px;}
#sub #content .timetable .day td {min-height:60px;position:relative;vertical-align:top;}
#sub #content .timetable .day td {border-bottom:1px #e0e0e0 solid;}
#sub #content .timetable .d_sun {background-color:#f5f5f5;color:#888;}
#sub #content .timetable .d_sat {background-color:#f5f5f5;color:#888;}
#sub #content .timetable span {border-radius:15px;padding:2px 3px;color:#fff;font-size:13px;font-weight:bold;display:inline-block;}
#sub #content .timetable span.rest.hwang {background-color:#2a4990;}
#sub #content .timetable span.rest.kim {background-color:#4fb100;}
#sub #content .timetable span.morning.hwang {background-color:#001648;}
#sub #content .timetable span.morning.kim {background-color:#2b6000;}
#sub #content .timetable span.night.hwang {background-color:#dc4e4e;}
#sub #content .timetable span.night.kim {background-color:#f68400;}




/* 서브페이지 탭 */
#sub #content ul.tabs {	width:100%; border:1px #e0e0e0 solid; border-left:0;height:60px;line-height:58px}
#sub #content ul.tabs li { float:left; text-align:center; font-size:17px;  border-left:1px #e0e0e0 solid;}
#sub #content ul.tabs li a {display:block;}
#sub #content ul.tabs li.active  { background:#555; color:#fff; }
#sub #content ul.tabs.t3 li {width:33.33%}
#sub #content ul.tabs.t4 li {width:25%}
#sub #content ul.tabs.t5 li {width:20%}

#sub #content ul.tabs.t5 {height:89px;line-height:87px;}
#sub #content ul.tabs.t5 li.line2,#sub #content ul.tabs.t7 li.line3 {line-height:1.3;}
#sub #content ul.tabs.t5 li.line2 a {padding:21.5px 0}

#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {padding: 50px 0 0 0; width:100%;display:inline-block; min-height:280px;}



#sub #content .board_box {width:100%;display:inline-block;min-height:400px;font-size:14px !important;line-height:1.6}
#sub #content .board_box #post_area .thumb {display:none}

#content .board_box {width:600px;margin:auto;text-align:justify;min-height:400px;font-size:15px;}
#content .board_box .sul_menu a font {font-size:16px !important;line-height:1.5}
#content .board_box .listboard > tbody > tr > td > table > tbody > tr > .bbsnewf5 > table > tbody > tr > td a img {width:185px !important; height:185px !important}
#content .board_box .board {font-size:15px;}
#content .board_box #post_area img {width:100% !important;height:auto !important;}
#content .board_box .comment_txt [name="com_board_comment_contents"] {width:95%}

#content .board_box input[name="receiver_email"] {width:100%}
#content .board_box input[name="add8"],#content .board_box input[name="add9"],#content .board_box input[name="add10"],#content .board_box input[name="add2"] {width:70px}




#content .paragraph table.basic {width:100%; border-collapse:collapse; border-top: 3px solid #3384c6;}
#content .paragraph table.basic td,#sub #content .paragraph table.basic th {padding:15px 0;}
#content .paragraph table.basic th {border: 1px solid #d7d7d7;background: #fafafa; }
#content .paragraph table.basic th p {font-weight: 600; font-size: 11px;}
#content .paragraph table.basic tbody {border: 1px solid #d7d7d7;}
#content .paragraph table.basic tbody td {border: 1px solid #d7d7d7;}
#content .paragraph table.basic tbody td p {font-size: 10px;}