@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);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', 'Roboto', sans-serif; color:#303030; font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:500;line-height:1.25}
.inner {width:1200px;margin:auto;}
.c_main {color:#79674b !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}

.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}


hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}


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

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

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


.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%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}





/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto;}
#header {width:100%; min-width:1200px; height:100px;position:relative;margin:auto;border-bottom:1px #d0d0d0 solid;text-align:center}
#header .logo {padding-top:31px;float:left}

#header #gnb {text-align:center; position:relative;height:99px;line-height:99px;display:inline-block;float:right}
#header #gnb > ul {margin:auto;display:inline-block}
#header #gnb > ul > li {float:left; width:200px;}
/*#header #gnb > ul > li a:hover,#header #gnb > ul > li a.on:hover,#header #gnb > ul > li a.on {background:#007a90;color:#fff}*/
#header #gnb > ul > li p {font-size:18px;line-height:99px}
#header #gnb > ul > li:hover {background:#f5f5f5;}
#header #gnb > ul > li:hover p {font-weight:bold;color:#3384c6;}
#header #gnb > ul > li a {display:block;}
#header #gnb > ul > li p > a.on {border-bottom:1px #3384c6 solid; }
#header #gnb .subnav { margin:auto;
width:200px;
 background:#fff; 
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  top:99px;
  font-size:13px;
  text-align:left
 }
#header #gnb .subnav dl {display:block}
#header #gnb .subnav dd {height:40px;line-height:40px;}
#header #gnb .subnav a:hover {background:#3384c6;color:#fff;}
#header #gnb .subnav a {display:block;padding:0 20px}




/* 메인 컨테이너 */
#main {width:100%; min-width:1200px;margin:0 auto;display:inline-block;position:relative;line-height:0}
#main .inner {margin-bottom:80px;/*height:1492px;*/ height:1122px}
#main .inner > div,#main .inner > a {float:left}
#main .flexslider {width:720px}
#main .flexslider > a.more {background:url(images/main_banner_more.png) center no-repeat;width:624px;height:68px;position:absolute;bottom:0;left:48px;text-indent:-3333px;display:block;}
#main .icon {width:480px;height:450px;}
#main .icon a {display:block;height:191px;text-indent:-3333px;}
#main .icon a.pain {background:url(images/main_icon1.png) center no-repeat}
#main .icon a.around {background:url(images/main_icon2.png) center no-repeat}
#main .icon a.report {background:url(images/main_icon5.png) center no-repeat;height:102px}

#main .icon a.nblog {background:url(images/main_icon_nblog.png) center no-repeat;height:68px}


#main .output {width:100%;display:inline-block;background:#fff;padding:45px 0}
#main .output > div {float:left;width:531px;margin-left: 46px;}
#main .output > div h2 {padding:0 20px;}
#main .output > div > a {display:block;height:162px;text-indent:-3333px;}
#main .output > div > .output_box {width:100%;min-height:80px;margin-top:10px;font-size:14px;color:#808080;line-height:1.5}
#main .output .notice > a {background:url(images/main_output_notice.png) center no-repeat;}
#main .output .report > a {background:url(images/main_output_report.png) center no-repeat;}

#main a.doctor,#main a.location {display:block;height:287px;text-indent:-3333px;}
#main a.doctor {width:300px;background:url(images/main_icon3.png) center no-repeat}
#main a.location {width:900px;background:url(images/main_icon4.png) center no-repeat}


/* 공통 하단 */
#footer {width:100%; min-width:1200px;margin:auto;display:inline-block;position:relative;border-top:1px solid #d0d0d0;color:#808080;}
#footer .sitemap {margin:40px 0 30px;display:inline-block;width:100%}
#footer .sitemap ul {float:left;width:21%;margin:0 2%}
#footer .sitemap ul li {margin-bottom:10px;font-size:14px;line-height:1}
#footer .sitemap ul li.big {margin-bottom:15px;color:#3384c6}
#footer .footer_txt {width:100%;text-align:left;font-size:14px;letter-spacing:-0.5px;line-height:1.7;border-top:1px solid #d0d0d0;padding:40px 0}
#footer .footer_txt span {padding-right:15px;}






/* 서브 */
#sub {width:100%; min-width:1200px; display:inline-block;position:relative;background-position:top center;background-repeat:no-repeat}
#sub.sub1 {background-image:url(images/bg1.jpg);}
#sub.sub2 {background-image:url(images/bg2.jpg);}
#sub.sub3 {background-image:url(images/bg3.jpg);}
#sub.sub4 {background-image:url(images/bg4.jpg);}
#sub h1.top_title {width:100%;height:160px;background:url(images/top_title.png) 0 110px  no-repeat;color:#fff;font-weight:500;padding-top:42px }


#sub .container {width:100%;background:#fff;display:inline-block}
#sub .snb {width:240px; float:left;display:inline-block}
#sub .snb ul {width:100%;display:inline-block;}
#sub .snb ul li {border-bottom:1px #e0e0e0 solid;height:64px;line-height:63px}
#sub .snb ul li a {display:block;padding-left:20px}
#sub .snb ul li a.on,#sub .snb ul li a.on:hover {color:#fff;font-weight:bold;font-size:larger;background:#3384c6;}
#sub .snb ul li a:hover {background:#888;color:#fff;}




#sub #content  {width:960px; display:inline-block;min-height:600px;border-left:1px #d0d0d0 solid;padding:0 50px 80px}
#sub #content h2.title {font-weight:500;line-height:128px;}

#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:30px;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 10px;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:#3384c6;}
#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 .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}


/* 서브페이지 탭 */
#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.t7 {height:89px;line-height:87px;}
#sub #content ul.tabs.t7 li {width:14.28%}
#sub #content ul.tabs.t7 li.line2 {line-height:1.3;}
#sub #content ul.tabs.t7 li.line2 a {padding:21.5px 0}

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




#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 h5 {font-weight: 600; font-size: 18px;}
#content .paragraph table.basic tbody {border: 1px solid #d7d7d7;}
#content .paragraph table.basic tbody td {border: 1px solid #d7d7d7;}