@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.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.01em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#404040;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
.inner {width:1200px;margin:auto;clear:both}
.c_main {color:#0080c8 !important}
.c_main2 {color:#8ab600 !important}
.c_sky1 {color:#407998 !important}
.c_sky2 {color:#40a0d6 !important}
.c_navy {color:#004c76 !important}
.c_darkgreen {color:#526b00 !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;}
h2 {font-size:37px}
h3 {font-size:30px;}
h4 {font-size:25px;}
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 }

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%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

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


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



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




/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; }
#header {width:100%; min-width:1200px; height:96px; position:relative; z-index:1; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#header .inner {position:relative}
#header .logo {margin-top:19px;float:left;}
#header .blog {width:100px;display:block; height:56px; line-height:56px; background:#5db534 !important;border-radius:10px;text-align:center;color:#fff;position:absolute;right:0;top:20px;font-size:20px;}



#header #gnb {line-height:56px;margin-top:20px;float:right;padding-bottom:20px}
#header #gnb > ul {padding-right:70px;}
#header #gnb > ul > li {float:left;font-size:20px;width:155px;padding-left:10px}
#header #gnb > ul > li a {display:block;}
#header #gnb > ul > li > a.on,#header #gnb > ul > li > a:hover {color:#003c63;font-weight:bold}
#header #gnb .subnav { margin:auto;
background:#fff;
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:left;
  top:96px;
  left:0;
  font-size:14.5px;
  box-shadow:0 5px 10px rgba(0,0,0,0.2);
  border-top:1px #e0e0e0 solid;
 }
#header #gnb .subnav ul {width:1200px;margin:auto;padding:10px 0px 10px 360px}
#header #gnb .subnav li {float:left;width:155px;;border-left:1px #e0e0e0 solid;min-height:352px;margin-bottom:10px}
#header #gnb .subnav li.first {border-left:0}
#header #gnb .subnav dd {line-height:32px;}
#header #gnb .subnav a:hover {color:#0072bc}
#header #gnb .subnav a {display:block;padding:0 10px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}



/* 공통 하단 */
#footer {width:100%; min-width:1200px;margin:auto;position:relative;background:#363636;float:left;padding:25px 0}
#footer .inner {position:relative;}
#footer .inner > * {float:left}
#footer .txt {font-size:15px;color:#fff;}
#footer .txt span {letter-spacing:-0.5px;display:inline-block;opacity:0.7}
#footer .txt span.big {font-size:18px; opacity: 1;}
#footer a#back-top {background:rgba(0,0,0,0.8);border-radius:5px; width:50px; height:50px; line-height:50px; display:block; font-size:30px; color:#fff !important; text-align:center; position:absolute; right:0}




/* 메인 */
#main {width:100%; min-width:1200px; float:left; position:relative;}
#main .main_sl1 {width:100%;height:509px;background:url(images/main_sl1.jpg) center top no-repeat;}
#main .main_sl2 {width:100%;height:509px;background:url(images/main_sl2.jpg) center top no-repeat;}

#main #clinic { margin-top:-65px; background:url(images/main_clinic_bg.png) left top no-repeat; height:150px; position:relative; z-index:1; width:1212px;padding-right:12px;}
#main #clinic li {float:left;height:150px;width:10%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#main #clinic li:hover {background:rgba(0,0,0,0.1);}
#main #clinic li a {width:100%;display:block;height:150px;text-indent:-3333px;background-image:url(images/main_clinic.png);background-repeat:no-repeat}
#main #clinic li.cln1 a {background-position:0 top}
#main #clinic li.cln2 a {background-position:-120px top}
#main #clinic li.cln3 a {background-position:-240px top}
#main #clinic li.cln4 a {background-position:-360px top}
#main #clinic li.cln5 a {background-position:-480px top}
#main #clinic li.cln6 a {background-position:-600px top}
#main #clinic li.cln7 a {background-position:-720px top}
#main #clinic li.cln8 a {background-position:-840px top}
#main #clinic li.cln9 a {background-position:-960px top}
#main #clinic li.cln10 a {background-position:-1080px top}


#main #about { width:100%; height:243px; background:url(images/main_about.png) top center no-repeat; }
#main #about li {height:243px;float:left}
#main #about li.hospital {width:300px;}
#main #about li.cs {width:600px;}
#main #about li.location {width:300px;}
#main #about li a {width:100%;display:block;height:243px;text-indent:-3333px;}


#main #community { width:100%; height:127px; border-left:1px #d0d0d0 solid;border-right:1px #d0d0d0 solid;border-top:1px #d0d0d0 solid;}
#main #community > div {width:599px;float:left; margin-left: 295px;}
#main #community > div > a {display:block;height:127px;text-indent:-3333px;float:left}
#main #community .qna  {background-color: #f5f5f5;}
#main #community .qna > a {width:239px;background:url(images/main_qna.png) left center no-repeat}
#main #community .report > a {width:300px;background:url(images/main_report.png) left center no-repeat}
#main #community .output {float:left; padding:20px 30px 20px 0;font-size:15px !important;line-height:1.8}
#main #community .qna .output  {width:360px;}
#main #community .report .output  {width:299px;}
#main #community .output .board_output img {display:none}


#main #cooperate {width:100%; height:109px; background:url(images/main_cooperate.png) top center no-repeat;}
#main #cooperate ul {float: right; width: 942px; height: 48px; margin-top: 32px;}
#main #cooperate ul li{float: left; width:168px; height: 100%; margin-right: 20px; }
#main #cooperate ul li a{display: block; width:168px; height: 100%; text-indent: -999999px;  }




/* 서브 */
#sub {width:100%; min-width:1200px; display:inline-block;}
#sub .subtop {width:100%;display:inline-block;border-bottom:1px #d0d0d0 solid;text-align:center !important}
#sub .subtop p {letter-spacing:4px;margin-top:45px}
#sub .subtop ul {width:100%;border-top:1px #e0e0e0 solid;border-left:1px #e0e0e0 solid;height:50px;line-height:49px}
#sub .subtop .double ul {height:43px;line-height:42px}
#sub .subtop ul li {float:left;font-size:17px;border-right:1px #e0e0e0 solid}
#sub .subtop ul.p2 li {width:50%;}
#sub .subtop ul.p3 li {width:33.333%;}
#sub .subtop ul.p4 li {width:25%;}
#sub .subtop ul.p5 li {width:20%;}
#sub .subtop ul.p6 li {width:16.666%;}
#sub .subtop ul li a {display:block;height:49px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;background:#fff}
#sub .subtop .double li a {display:block;height:42px;}
#sub .subtop ul li a.on,#sub .subtop ul li a.on:hover {font-weight:bold;background:#0080c8;color:#fff}
#sub .subtop ul li.color2 a.on,#sub .subtop ul li.color2 a.on:hover {background:#8ab600;}
#sub .subtop .color2 ul li a.on,#sub .subtop .color2 ul li a.on:hover {background:#8ab600;}
#sub .subtop ul li a:hover {background:#f5f5f5}

#sub #content {width:1200px; margin:0 auto; border-left:1px #d0d0d0 solid; border-right:1px #d0d0d0 solid}
#sub #content .inner > div > span {font-size:13px;color:#808080}
#sub #content .paragraph {width:100%;display:inline-block; padding-bottom:100px; position:relative}
#sub #content .paragraph.visual {padding-bottom:60px}
#sub #content .paragraph .row {width:100%;display:inline-block;clear:both}
#sub #content .paragraph .inner {width:1120px;}
#sub #content .paragraph h2.subject {color:#0080c8;margin-bottom:20px;letter-spacing:-3px}
#sub #content .paragraph h2.subject2 {color:#8ab600}
#sub #content .paragraph h2.subject:before {content:url(images/h2_bar.gif); padding-right:17px; margin-left:-39px;position:relative; top:-12px;}
#sub #content .paragraph h2.subject.c_darkgreen:before {content:url(images/h2_bar2.gif); }


#sub #content .sub1_2_1{ position: relative;}
#sub #content a.career_more{ position: absolute; top:180px; right: 20px; padding: 6px 30px; background-color: #0080c8; color: #fff; font-weight: 600; transition: all 0.2s ease-out;}
#sub #content a.career_more:hover{background-color:#004c76; }



/* 오시는 길지도 바로가기 */
#sub #content .paragraph .map {width:1040px; height:76px; background:url(images/sub1_6_map.png) center no-repeat; position:absolute; top:664px; left:79px; z-index:1}
#sub #content .paragraph .map li {float:left;height:76px;width:33.33%}
#sub #content .paragraph .map a {display:block;height:76px;text-indent:-3333px;}

#sub #content .paragraph .sub1_6 {background: url(images/sub1_6.png)center no-repeat; height: 818px; width: 100%;}





#sub #content .paragraph ul.figure li {width:180px;height:166px;background-repeat:no-repeat;background-position:top center; color:#fff; text-align:center;float:left;margin-right:6.5px}
#sub #content .paragraph ul.figure.blue li:nth-child(odd) {background-image:url(images/circle_blue1.png);}
#sub #content .paragraph ul.figure.blue li:nth-child(even) {background-image:url(images/circle_blue2.png);}
#sub #content .paragraph ul.figure.sky li:nth-child(odd) {background-image:url(images/circle_sky1.png);}
#sub #content .paragraph ul.figure.sky li:nth-child(even) {background-image:url(images/circle_sky2.png);}
#sub #content .paragraph ul.figure li a {display:block;background-image:url(images/circle_link.gif);background-repeat:no-repeat;background-position:center 134px;height:166px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub #content .paragraph ul.figure li a:hover {background-position:90px 134px;}
#sub #content .paragraph ul.figure li p {font-size:13px;opacity:0.5;text-transform:uppercase;font-family: 'Roboto'; font-weight:500;padding-top:20px}




/* 테이블 */
#sub #content .paragraph table.basic {border-top:2px #303030 solid;background:#fff; width: 100%;}
#sub #content .paragraph table.basic th,#sub #content .paragraph table.basic td {padding:8px 20px}
#sub #content .paragraph table.basic th {background:#f5f5f5}
#sub #content .paragraph table.basic td {border-bottom:1px #d0d0d0 solid;border-left:1px #e0e0e0 solid}
#sub #content .paragraph table.basic td.first {border-left:0; text-align: left;}
#sub #content .paragraph table.basic td.price {text-align:center;}



/* 서브페이지 탭 */
#sub #content ul.tabs {width:1200px;margin:0 auto;height:60px;line-height:60px;position:relative;z-index:10;margin-top:100px;background:#808080;color:#fff}
#sub #content ul.tabs.p2 li {width:50%}
#sub #content ul.tabs.p3 li {width:33.33%}
#sub #content ul.tabs li { display:inline-block;	float:left; text-align:center; font-size:20px;   }
#sub #content ul.tabs li a {display:block;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub #content ul.tabs li:hover a {background:#707070;}
#sub #content ul.tabs li.active a {line-height:66px;background:#da5c81;}
#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;}


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