@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://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/blank.css);

*{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;}
html,body {}
body {font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif; color:#252525;}
div {display:block;}
.clearfix {content:"";clear:both;}
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}
.inner2 {width:1100px;margin:auto;clear:both}
.c_logo {color:#9f843f !important}
.c_main {color:#a89b8d !important}
.c_bold {color:#4b4846 !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;line-height:1.15}
h2 {font-size:36px;line-height:1.15;font-weight:600;}
h3 {font-size:28px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:18px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
.roboto {font-family: 'Roboto';}
.NnMj{font-family: 'Nanum Myeongjo', serif;}
.thin {font-weight:200;}

span {color:inherit}

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


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


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




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

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

#header {width:100%; min-width:1200px; height:196px; background-color:#ffffff; color:#202020; float:left;}
#header > .inner {position:relative;}
#header .logo {position:absolute;top:19px;left:50%;margin-left:-73px;}



#header #gnb {width:100%;height:56px;position:absolute;top:140px;background-color:#fff; border-top: 1px solid #c5c5c5; border-bottom: 2px solid #c5c5c5;}
#header #gnb ul {}
#header #gnb ul > li {float:left;line-height:56px; text-align: center; padding:0 40px; }
#header #gnb ul > li p > a {font-size:18px;display:block; -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;line-height:56px;}
#header #gnb ul > li p > a.on {color:#9d763f;;font-weight:600}
#header #gnb > ul > li.part {font-size:20px;color:#c5c5c5;}

.jbFixed {        position: fixed !important;        top: 0px !important; z-index:100;  margin-top:0 !important}

#header #gnb .subnav { margin:auto;
background:#9d763f;
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:left;
  top:54px;
  left:0;
  font-size:16px;
  color:#fff;
 }
#header #gnb .subnav dl {}
#header #gnb .subnav dd {line-height:57px;float:left;}
#header #gnb .subnav a {display:block;padding:0 20px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;opacity:0.6}
#header #gnb .subnav a:hover {opacity:1}
#header #gnb .hn2 .subnav dl {padding-left:130px;}
#header #gnb .hn3 .subnav dl {padding-left:270px;}
#header #gnb .hn4 .subnav dl {padding-left:500px;}
#header #gnb .hn5 .subnav dl {padding-left:1010px;}


/* 공통 하단 */
#footer {width:100%; min-width:1200px;margin:auto;position:relative;background:#e4e0dd;float:left; }


#footer .inner {padding:40px 0;text-align:left;position:relative; height: 100px;}
#footer .inner .logo {/*margin:0 auto 20px;*/
width:125px;height:94px;display:block;text-indent:-3333px;background-image:url(images/ft_logo.png);background-size:contain;background-repeat:no-repeat;margin-right: 50px;}
#footer .txt {font-size:16px;color:#808080; margin: 20px 0px 60px;}
#footer .txt span {display:inline-block;margin:0 10px;font-weight:300;line-height:1.7}
#footer a#back-top {display:block; width:55px;height:55px; line-height:55px; border-radius:55px; background-color:rgba(255,255,255,0.85);font-size:36px;top:64px; right:0px;position:absolute; color: #555555; text-align: center; }


/*메인공통*/
#main div .inner h2{text-align: center; margin-bottom: 10px;}
#main div .inner p.NnMj {letter-spacing:5px;text-align:center; color: #787878; font-size: 16px;}


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

#main .flexslider {height:569px !important}
#main .main_sl1 {width:100%;height:569px;background:url(images/main_sl1.jpg) center top no-repeat;}
#main .main_sl2 {width:100%;height:569px;background:url(images/main_sl2.jpg) center top no-repeat;}


#main #clinic {width:100%; display:inline-block; padding:100px 0; background: url(images/main_pat2.jpg) center top no-repeat; height: 679px;}

#main #clinic .inner > div {width:100%;}
#main #clinic .inner > div.bigicon {background:url(images/main_btn.png) center no-repeat;height:364px;width: 100%; }

#main #clinic .inner > div.bigicon ul{width: 100%; height: 140px; padding-top: 200px;}
#main #clinic .inner > div.bigicon ul li{width: 25%; text-align: center; float: left;}
#main #clinic .inner > div.bigicon ul li h3{margin-bottom: 10px;}
#main #clinic .inner > div.bigicon ul li > a{width: 100%; display: block; height: 36px;line-height: 36px; font-size: 18px; -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#main #clinic .inner > div.bigicon ul li > a:hover {font-size:19px; color: #9d763f;}


#main #view {width:100%;background:url(images/main_viewBg.jpg) top center no-repeat;height:390px;}
#main #view .inner {height:100%;}
#main #view .inner > a {display:block;width:100%;height:100%;}


#main #contact {width:100%; display:inline-block; padding:80px 0 100px; background: url(images/main_pat2.jpg) center top no-repeat; height: 679px;}
#main #contact ul li{float: left; margin-right: 17px;}
#main #contact ul li.mr0{margin-right: 0px;}
#main #contact ul li a{width: 100%; height: 100%; display: block;}



/* 서브 */
#sub {width:100%; min-width:1200px; display:inline-block; float:left; }

#sub .snb {width:100%; color:#ffffff; float:left;background-color:#9d763f;
}
#sub .snb li {line-height:57px;float:left;}
#sub .snb li a {display:block;padding:0 20px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;opacity:0.6}
#sub .snb li a.on,#sub .snb li a:hover {opacity:1;}
#sub .snb.sub2 ul {padding-left:130px;}
#sub .snb.sub3 ul {padding-left:270px;}
#sub .snb.sub4 ul {padding-left:500px;}
#sub .snb.sub5 ul {padding-left:1010px;}


#sub .subtop.sub1 { background: url(images/subtop1.jpg)center top no-repeat; width: 100%; height: 348px; color: #fff;}
#sub .subtop.sub2 { background: url(images/subtop2.jpg)center top no-repeat; width: 100%; height: 348px; color: #fff;}
#sub .subtop.sub3 { background: url(images/subtop3.jpg)center top no-repeat; width: 100%; height: 348px; color: #fff;}
#sub .subtop.sub4 { background: url(images/subtop4.jpg)center top no-repeat; width: 100%; height: 348px; color: #fff;}
#sub .subtop.sub5 { background: url(images/subtop1.jpg)center top no-repeat; width: 100%; height: 348px; color: #fff;}

#sub .subtop .inner{text-align: center;}
#sub .subtop .inner .txt{padding-top: 90px;}
#sub .subtop .inner p{margin-bottom: 8px; font-size: 16px; font-weight: 100; }
#sub .subtop .inner h1{font-weight: 600;}








#sub #content {width:100%; display:inline-block; overflow: hidden; float:left;}
#sub #content.mg0 {margin:0;}
#sub #content .paragraph {width:100%;display:inline-block; position:relative; float:left;}
#sub #content .paragraph.imgbox {padding-left: 50%;}
#sub #content .paragraph.imgbox img {margin-left: -960px;float: left;}

#sub #content .paragraph table.basic {width:100%;}
#sub #content .paragraph table.basic th {background-color:#968f88;color:#fff;border-left:1px #e0e0e0 solid;}
#sub #content .paragraph table.basic td {border-bottom:1px #e0e0e0 solid;border-left:1px #e0e0e0 solid;}
#sub #content .paragraph table.basic td.subject {background-color:#b3ada7; color:#fff; font-weight:bold;}
#sub #content .paragraph table.basic td.subject p {font-size:20px;font-weight:500;}
#sub #content .paragraph table.basic th,#sub #content .paragraph table.basic td {padding:10px 13px;}
#sub #content .paragraph table.basic .first {border-left:0;}
#sub #content .paragraph table.basic .bg_gray {background:#f5f5f5;}





#sub #content.sub1_1{background: url(images/sub1_1bg.jpg)center top no-repeat; width: 100%;}

#sub #content div .sub1_2.inner{background: url(images/sub1_3_2.png) center top no-repeat; height:1059px; position: relative;}
#sub #content div .sub1_2.inner .kamap{position: absolute; bottom: 112px; left:40px;} 
#sub #content div .sub1_2.inner ul.map_btn{position: absolute; width: 1120px; height: 74px; /*background-color: rgba(0,0,0,0.5);*/ bottom: 40px; left: 40px;}
#sub #content div .sub1_2.inner ul.map_btn li {width: 33.33%; height: 100%; float: left;}
#sub #content div .sub1_2.inner ul.map_btn li a{display: block; text-align: -99999px;z-index: 10; width: 100%; height: 100%; transition: all 0.2s;}
#sub #content div .sub1_2.inner ul.map_btn li a:hover{background-color: rgba(255,255,255,0.13);}






/* 탭 
#sub #content ul.tabs {width:100%;height:70px;background-color:#f5f5f5;}

#sub #content ul.tabs li { float:left; text-align:center;  }
#sub #content ul.tabs li a {display:block;color:#555; font-size:18px; height:70px; line-height:70px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#sub #content ul.tabs li:hover a,#sub #content ul.tabs li.active a{background-color:#9b8978;font-size:20px;color:#fff;}
#sub #content ul.tabs.p2 li {width:50%;}
#sub #content ul.tabs.p3 li {width:33.33%;}
#sub #content ul.tabs.p4 li {width:25%;}
#sub #content ul.tabs.p6 li {width:16.66%;}
#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {width:100%;min-height:280px;display:inline-block;}
*/


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