@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:#8dc63f !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;}
h2 {font-size:44px}
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:#d9dadc;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 #gnb {line-height:56px;margin-top:20px;float:right;padding-bottom:20px; width: 724px; margin-right: 13px; }
#header #gnb > ul > li {float:left;font-size:20px;width:181px;text-align: center; padding-left:10px}
#header #gnb > ul > li a {display:block;}
#header #gnb > ul > li > a.on,#header #gnb > ul > li > a:hover {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:14px;
  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 470px}
#header #gnb .subnav li {float:left;width:181px;;border-left:1px #e0e0e0 solid;min-height:200px;margin-bottom:10px}
#header #gnb .subnav li.first {border-left:0}
#header #gnb .subnav dd {line-height:32px;text-align: center;}
#header #gnb .subnav a:hover {font-size:larger;color:#8dc63f}
#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:#fff; border-top: #202020 6px solid; float:left;padding:31px 0}
#footer .inner {position:relative;}
#footer .inner > * {float:left}
#footer .txt {font-size:15px;color:#838383;opacity:0.7}
#footer .txt span {letter-spacing:-0.5px;display:inline-block}





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

#main #clinic { margin-top:-80px; background:url(images/main_clinic.jpg) left top no-repeat; height:160px; position:relative; z-index:1; width:1200px;/*padding-right:12px;*/}
#main #clinic li {float:left;height:160px;width:14.285%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#main #clinic li:hover {background:rgba(141, 198, 63, 0.1);}
#main #clinic li.cln7:hover {background:rgba(242, 102, 139, 0.08);}
#main #clinic li a {width:100%;display:block;height:171px;text-indent:-3333px;}



#main #about { width:100%; height:456px; background:url(images/main_about.jpg) top center no-repeat; margin: 50px auto;}
#main #about li {height:456px;float:left; width: 400px;}
#main #about li.last dl {width: 100%; }
#main #about li.last dl dd{width: 100%; float: left;}
#main #about li.last dl dd.doc{height: 214px;}
#main #about li.last dl dd.arti{height: 126px;}
#main #about li.last dl dd.blog{height: 116px;}

#main #about li a {width:100%;display:block;height:100%;text-indent:-3333px;}






/* 서브 */
#sub {width:100%; min-width:1200px; display:inline-block;}
#sub .subtop {width:100%;display:inline-block;text-align:center !important; background: url(images/subtop_bg.jpg)center no-repeat; height: 295px;}
#sub .subtop p {letter-spacing:7px;margin-top:70px; font-size: 20px;font-family: 'Roboto';}
#sub .subtop h1{margin-top: 10px; color: #fff; text-shadow: #87aa3f 2px 2px 2px;}
#sub .subtop ul {width:100%;border:1px #e8e8e8 solid;height:60px;line-height:60px}
#sub .subtop .snb {margin-top: 58px; }
#sub .subtop .double ul {height:43px;line-height:42px; }
#sub .subtop ul li {float:left;font-size:17px;border-right:1px #ccc solid;}
#sub .subtop ul.p1 li {width:100%;}
#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.p7 li {width:14.285%;}
#sub .subtop ul li a {display:block;height:60px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;background:#e8e8e8}
#sub .subtop .double li a {display:block;height:42px;}
#sub .subtop ul li a.on,#sub .subtop ul li a.on:hover {background:#8dc63f;color:#fff}
#sub .subtop ul li a:hover {background:#f5f5f5}

#sub #content {width:1200px; margin:100px auto 0px;}
#sub #content .inner > div > span {font-size:13px;color:#808080}
#sub #content .paragraph {width:100%;display:inline-block; padding-bottom:120px; 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:#024d7d;margin-bottom:20px;letter-spacing:-3px}
#sub #content .paragraph h2.subject:before {content:url(images/h2_bar.gif); padding-right:17px; margin-left:-39px;position:relative; top:-12px;}



/*sub1_3 오시는길*/
#sub #content .paragraph ul.map_btn{width: 100%;}
#sub #content .paragraph ul.map_btn li{width:33.3%; float: left; text-indent: 20px; height: 60px; line-height: 60px; border: #d5d5d5 solid 1px; }
#sub #content .paragraph ul.map_btn li a{display: block; height: 100%; width: 100%; }
#sub #content .paragraph ul.map_btn li a:hover{font-weight: 500;}
#sub #content .paragraph ul.map_btn li a.ka_map{background: url(images/ka_icon.png)100px center no-repeat;}
#sub #content .paragraph ul.map_btn li a.na_map{background: url(images/na_icon.png)100px center no-repeat;}
#sub #content .paragraph ul.map_btn li a.go_map{background: url(images/go_icon.png)100px center no-repeat;}





/* 서브페이지 탭 */
#sub #content ul.tabs {width:1200px;margin:0 auto;height:52px;line-height:52px;position:relative;z-index:10;margin-bottom:60px;background:#fff; border-top: 1px solid #c0c2c4; border-bottom: 1px solid #c0c2c4;}
#sub #content ul.tabs.p1 li {width:100%}
#sub #content ul.tabs.p2 li {width:50%}
#sub #content ul.tabs.p3 li {width:33.333%}
#sub #content ul.tabs.p4 li {width:25%}
#sub #content ul.tabs.p5 li {width:20%}
#sub #content ul.tabs.p6 li {width:16.666%}
#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 {font-weight: bold; color: #8dc63f;}
#sub #content ul.tabs li.active a {font-weight: bold; color: #8dc63f;}




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