@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/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.07em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
html,body {}
body {font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto',sans-serif; color:#333; font-weight:300;}
div {display:block;}
.clearfix {content:"";clear:both;}
h1,h2,h3 {font-weight:100;line-height:1.2}
h4,h5 {font-weight:200;line-height:1.4}
b {letter-spacing:inherit;font-weight:700}
.inner {width:1200px;margin:auto;clear:both}
.inner2 {width:1100px;margin:auto;clear:both}
.inner3 {width:1000px;margin:auto;clear:both}
.c_main {color:#0071bd !important}
.c_sub1 {color:#4151c4 !important}
.c_sub2 {color:#1d225f !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !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;}
.font20 {font-size: 20px;}
.font36 {font-size: 36px;}
.font44 {font-size: 44px;}
.roboto {font-family: "Roboto";}
.loose {letter-spacing: 0.2em;}
.thin {font-weight: 200 !important;}

span {color:inherit;letter-spacing: inherit;}

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


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


/* 폭 설정 */
.half {width:50% !important}
.col6 {width:16.66% !important;}
.col5 {width:20% !important;}
.col4 {width:25% !important;}
.col3 {width:33.33% !important;}
.col3x2 {width:66.66% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w48 {width:48% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}

.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}
.w600 {width:600px !important;}



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

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.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;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}

.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;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}


.pl02 {padding-left:2%}
.pl03 {padding-left:3%}
.pl04 {padding-left:4%}
.pl05 {padding-left:5%}
.pl08 {padding-left:8%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

.pr02 {padding-right:2%}
.pr03 {padding-right:3%}
.pr04 {padding-right:4%}
.pr05 {padding-right:5%}
.pr08 {padding-right:8%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}

.pt60 {padding-top:60px;}
.pb60 {padding-bottom:60px;}

.pl50 {padding-left:50px;}
.pr50 {padding-right:50px;}
.pd50 {padding:0 50px;}
.pd15 {padding:0 15px;}



/* 컬럼 설정 */
.flex {display: flex;}
.col {flex: 1;}


/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; height:100%;}

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

#header {width:100%; height:180px; }
#header .logo {position:absolute;top:30px;left:50%; margin-left: -106px;}

#header #gnb {width: 100%; height:62px; position:absolute; top:118px; background-color: #fff; border-top: 1px #d0d0d0 solid;}
#header #gnb ul { display: flex;}
#header #gnb ul > li {flex:1; line-height:61px; text-align:center;}
#header #gnb ul > li > p {line-height:inherit;}
#header #gnb ul > li > p a {display:block; font-size:20px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
#header #gnb ul > li > p a.on,#header #gnb ul > li > p a:hover {font-weight:bold; color: #0071bd;}
#header #gnb .subnav { margin:auto;
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:100;
  text-align:left;
  top:61px;
  left: 0;
  font-size:18px;
  background-color:#0071bd;
  color: #fff;
 }
#header #gnb .subnav dl { }
#header #gnb .subnav dl:first-child {border-left:0;}
#header #gnb .subnav dd {line-height:60px; float: left; margin: 0 20px;}
#header #gnb .hn2 .subnav dl {padding-left: 13%;}
#header #gnb .hn3 .subnav dl {padding-left: 22%;}
#header #gnb .hn4 .subnav dl {padding-left: 30%;}
#header #gnb .hn5 .subnav dl {padding-left: 50%;}
#header #gnb .subnav a {display:block; font-weight: 400;-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; position: relative;}
#header #gnb .subnav a:hover {color: #8adaff;}


/* 공통 하단 */
#footer {width:100%; position:relative; float:left; display: inline-block; text-align: center; border-top: 1px #d0d0d0 solid;}
#footer .link {border-bottom: 1px #d0d0d0 solid;}
#footer .link ul {height: 62px;}
#footer .link li {float: left; margin: 0 10px; line-height: 62px;}
#footer .link li.last {float: right;}
#footer .logo {margin:40px auto 25px;}
#footer .txt {font-size:17px; color:#aaa; line-height: 1.7; margin-bottom: 40px;}
#footer .txt span {display:inline-block; margin:0 7px;font-weight:300;}




/* 메인 */
#main {width:100%; min-width:1200px; float:left; position:relative; display:inline-block;}

#main .section {width:100%; float: left; display: inline-block;}
#main a.go {display: inline-block; height: 60px; line-height: 60px; padding: 0 20px; border: 1px #333 solid; text-align: center; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
#main a.go::before {content:""; display: inline-block; width: 30px; height: 1px; background-color: #333; border: 0; margin-right: 15px; position: relative; top: -5px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
#main a.go:hover::before {width: 60px;}
#main a.go.bluebox {width: 100%; height: 60px; line-height: 60px; background-color: #0071bd; border: 0; color: #fff; text-align: center; padding: 0;}
#main a.go.bluebox::before {background-color: #fff; }

#main #visual { height: 650px; text-align: center; position: relative;}
#main #visual .inner {height: inherit;}
#main #visual .visual0 {width: 100%; height: 650px; background: url(images/main_visual0.jpg) top center no-repeat;}
#main #visual .visual0-1 {width: 100%; height: 650px; background: url(images/main_visual0-1.jpg) top center no-repeat;}
#main #visual .visual1 {width: 100%; height: 650px; background: url(images/main_visual1.jpg) top center no-repeat;}
#main #visual .visual1 .inner {background: url(images/main_visual1_txt.png) top center no-repeat;}
#main #visual .visual2 {width: 100%; height: 650px; background: url(images/main_visual2.jpg) top center no-repeat;}
#main #visual .visual2 .inner {background: url(images/main_visual2_txt.png) top center no-repeat;}
#main #visual .visual3 {width: 100%; height: 650px; background: url(images/main_visual3.jpg) top center no-repeat;}
#main #visual .visual3 .inner {background: url(images/main_visual3_txt.png) top center no-repeat;}
#main #visual .visual4 {width: 100%; height: 650px; background: url(images/main_visual4.jpg) top center no-repeat;}
#main #visual .visual4 .inner {}


#main #clinic {padding: 80px 0 50px;}
#main #clinic .clinic {width: 100%; height: 450px; background: url(images/main_clinic.jpg);}
#main #clinic .clinic > a {display: block; width: 25%; height: 450px; text-indent: -3333px; float: left; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
#main #clinic .clinic > a:hover { background-color: rgba(0,0,0,0.15);}


#main #doctor .inner {background: url(images/main_doctor.png) no-repeat; height: 433px; padding-left: 50px; padding-top: 248px;}

#main #vom {background: url(images/main_vom.jpg) fixed no-repeat; text-align: center; color: #fff; padding: 120px 0;}

#main #sns .inner {display: flex;}
#main #sns .inner > a {flex: 1; display: block; height: 221px; background-size: contain; text-indent: -3333px;}
#main #sns .inner > a.insta {background-image: url(images/main_sns_insta.png);}
#main #sns .inner > a.youtube {background-image: url(images/main_sns_youtube.png);}
#main #sns .inner > a.naver {background-image: url(images/main_sns_naver.png);}
#main #sns .inner > a.kakao {background-image: url(images/main_sns_kakao.png);}

#main #contact {padding: 80px 0;}
#main #contact .inner {height:400px;}
#main #contact .inner > * {width: 400px; height: inherit; float: left;}
#main #contact .cs {padding-right: 30px; padding-top: 340px; background: url(images/main_cs.png) top left no-repeat;}
#main #contact a.map {background: url(images/main_map.png) no-repeat; display: block; text-indent: -3333px;}
#main #contact .community {padding-left: 30px;}
#main #contact .output {width: 100%; min-height: 190px; font-size: 17px; line-height: 1.8; }
#main #contact a.blog {width: 100%; height: 120px; display: block; background: url(images/main_blog.png) no-repeat; text-indent: -3333px;}



/* 서브 */
#sub {width:100%; float: left;}
#sub .subtop {width:100%; background: url(images/subtop.jpg) top center no-repeat; text-align:center; float: left;}
#sub .subtop > h1 {line-height: 200px; color: #fff;}

#sub .snb {width:1200px; margin: auto; height: 60px; line-height: 60px; background-color: #fff;}
#sub .snb ul {display: flex;}
#sub .snb ul li {flex: 1;border-right: 1px #d0d0d0 solid; font-size: 20px; text-align: center;}
#sub .snb ul li a {display: block; height: inherit;}
#sub .snb ul li a.on {background-color: #0071bd; color: #fff;}


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


#sub #content .paragraph.imgbox {padding-left: 50%;}
#sub #content .paragraph.imgbox > * {margin-left: -960px;float: left;}
#sub #content .paragraph.imgbox .row {width:1920px !important;}



/* 테이블 설정 */
#sub #content .paragraph table.basic {width:100%;border-top:2px #364250 solid;border-collapse:collapse;}
#sub #content .paragraph table.basic td,#sub #content .paragraph table.basic th {padding:15px 25px; border-bottom:1px #d0d0d0 solid; border-left:1px #d0d0d0 dashed;}
#sub #content .paragraph table.basic th {background-color: #f4f8fe ;}
#sub #content .paragraph table.basic th h5 {font-weight: 600; font-size: 22px;}
#sub #content .paragraph table.basic .bg_gray {background-color:#f5f5f5;}
#sub #content .paragraph table.basic .first { border-left: 0; }
#sub #content .paragraph table.basic .title h5 {font-weight: 600; color: #186ace; text-align: center;}
#sub #content .paragraph table.basic.checklist td h5  {margin: 5px 0;}

#sub #content .paragraph table#timetable {border-top:2px #364250 solid; border-collapse:collapse;}
#sub #content .paragraph table#timetable th {background-color: #1d225f; color: #fff; padding: 15px 20px; border-left: 1px #fff solid;}
#sub #content .paragraph table#timetable th * {font-weight: 600;}
#sub #content .paragraph table#timetable th.rest {background-color: #0071bd;}
#sub #content .paragraph table#timetable th.head {background-color: #364250;}
#sub #content .paragraph table#timetable th.b_none {border-left: 0;}
#sub #content .paragraph table#timetable td {padding: 15px 20px; border-bottom: 1px #e0e0e0 solid;}
#sub #content .paragraph table#timetable td.head {background-color: #f5f5f5;}
#sub #content .paragraph table#timetable td.rest {border-left: 1px #e0e0e0 solid; width: 20%;}
#sub #content .paragraph table#timetable td span {height: 16px; width: 16px; border-radius: 20px; background-color: #0071bd; display: block; margin: auto;}




/* 탭 */
#sub #content .tabs {width:100%; text-align:center; display: flex; background-color: #f0f0f0; border-bottom:1px #fff solid;}
#sub #content .tabs li {flex: 1; line-height:70px; font-size: 20px; border-left: 1px #fff solid;}
#sub #content .tabs li.first {border-left: 0;}
#sub #content .tabs li a {display: block; height: inherit;}
#sub #content .tabs li.active a {background-color: #141627; color: #fff;}
#sub #content .tab_content {width:100%;padding-top:50px;padding-bottom:80px;display:inline-block;}

/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:20px;line-height:1.8;min-height:500px}
#sub #content .board_box .att_title font,#sub #content .board_box .board_bgcolor font,#sub #content .board_box .board_bgcolor span {font-size: inherit !important;}
#sub #content .board_box .board_comment_bgcolor .comment_name {display: none !important;}