@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);
@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:#505050;}
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: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;}
.roboto {font-family: 'Roboto';}
.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:224px;height:66px;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:182px; background-color:#827365; color:#fff; float:left;}
#header > .inner {position:relative;}
#header .logo {position:absolute;top:35px;left:50%;margin-left:-112px;}
#header .tel {position:absolute; right:10px; top:40px;}
#header .tel i {color:#584838;font-size:36px;top:-2px;position:relative;vertical-align:middle}
#header .member {position:absolute; left:10px; top:10px; }
#header .member span {float:left; color:#fff; font-size:14px; font-weight:200;}
#header .member span:before {content: "|"; margin:0 10px;}
#header .member span.first:before {content: ""; margin:0;}



#header #gnb {width:100%;height:59px;position:absolute;top:123px;background-color:#9b8978;}
#header #gnb ul {}
#header #gnb ul > li {float:left;line-height:59px;padding:0 22px}
#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:59px;}
#header #gnb ul > li p > a.on {color:#f8cd7a;font-weight:400}

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

#header #gnb .subnav { margin:auto;
background:#fff;
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:left;
  top:59px;
  left:0;
  font-size:16px;
  color:#584838;
  border-bottom:1px #e0e0e0 solid;
 }
#header #gnb .subnav dl {}
#header #gnb .subnav dd {line-height:60px;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:110px;}
#header #gnb .hn3 .subnav dl {padding-left:200px;}
#header #gnb .hn4 .subnav dl {padding-left:290px;}
#header #gnb .hn5 .subnav dl {padding-left:410px;}
#header #gnb .hn6 .subnav dl {padding-left:550px;}
#header #gnb .hn7 .subnav dl {padding-left:700px;}
#header #gnb .hn8 .subnav dl {padding-left:780px;}
#header #gnb .hn9 .subnav dl {padding-left:425px;}
#header #gnb .hn10 .subnav dl {padding-left:820px;}


/* ê³µí†µ í•˜ë‹¨ */
#footer {width:100%; min-width:1200px;margin:auto;position:relative;background:#333;float:left;}
#footer .term {width:100%;background-color:#505050;height:60px;line-height:60px;color:#fff;}
#footer .term ul {float:right;position:relative;left:-50%;}
#footer .term li {float:left;position:relative;left:50%;display:inline-block;margin-right:20px;}
#footer .term li:after {content:"|";padding-left:20px;font-weight:100;color:#aaa;}
#footer .term li.last:after {content:"";}

#footer .inner {padding:40px 0;text-align:center;}
#footer .inner .logo {margin:0 auto 20px;}
#footer .txt {font-size:15px;color:#d0d0d0;}
#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.5);font-size:40px;top:30px; right:30px;position:absolute; }




/* ë©”ì¸ */
#main {width:100%; min-width:1200px; float:left; position:relative;display:inline-block}

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


#main #clinic { width:100%; display:inline-block; padding:100px 0;}
#main #clinic .inner h3 {letter-spacing:15px;text-indent:-15px;text-align:center;}
#main #clinic .inner > div {width:100%;background-position:top center;}
#main #clinic .inner > div.bigicon {background-image:url(images/main_clinic_big.png);height:377px;}
#main #clinic .inner > div.smallicon {background-image:url(images/main_clinic_small.png);height:214px;}
#main #clinic .inner > div a {float:left;width:25%;height:inherit;display:block;text-indent:-3333px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#main #clinic .inner > div a:hover {background-color:rgba(255,255,255,0.2);}


#main #sky {width:100%;background-color:#5b4f47;height:507px;}
#main #sky .inner {background: url(images/main_sky_.png) top center no-repeat;height:100%;}
#main #sky .inner > a {display:block;width:50%;float:left;height:inherit;text-indent:-3333px;}


#main #contact {width:100%; display:inline-block; padding:80px 0 100px;}
#main #contact .box {width:100%;height:122px;background:url(images/main_contact.png) top center no-repeat;}
#main #contact .box a {display:block;height:inherit;float:left;text-indent:-3333px;}
#main #contact .box a.address {width:58%;}
#main #contact .box a.qna,#main #contact .box a.blog {width:21%;}



/* ì„œë¸Œ */
#sub {width:100%; min-width:1200px; display:inline-block; float:left; }

#sub .snb {width:100%; color:#584838; float:left;}
#sub .snb li {line-height:60px;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:110px;}
#sub .snb.sub3 ul {padding-left:200px;}
#sub .snb.sub4 ul {padding-left:290px;}
#sub .snb.sub5 ul {padding-left:410px;}
#sub .snb.sub6 ul {padding-left:550px;}
#sub .snb.sub7 ul {padding-left:700px;}
#sub .snb.sub8 ul {padding-left:780px;}
#sub .snb.sub9 ul {padding-left:425px;}
#sub .snb.sub10 ul {padding-left:820px;}


#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 .term_box {width:100%;padding:60px 0;}
#sub #content .term_box p.title {font-weight:bold;margin-top:20px;color:#000;}
#sub #content .term_box ul.num li p {padding-left:20px;text-indent:-20px;}
#sub #content .term_box ul.num_auto {counter-reset: ctn 0;}
#sub #content .term_box ul.num_auto li {padding-left:20px;}
#sub #content .term_box ul.num_auto li p {padding-left:20px;margin-left:15px;}
#sub #content .term_box ul.num_auto li p:before {
    content: counter(ctn,decimal) ".";
    counter-increment: ctn 1;
    width: 16px;
    height: 16px;
	font-weight:200 !important;
    line-height: 16px;
    border-radius: 16px;
    text-align: center;
    font-weight: 500;
    display: inline-block;
    margin-right: 10px;
    margin-left: -35px;
}
#sub #content .term_box ul.bullet li {padding-left:15px;text-indent:-15px;}
#sub #content .term_box ul.bullet li p {}
#sub #content .term_box ul.bullet li p:before {padding-right:5px;content:"\00b7";}



/* íƒ­ */
#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}
