@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.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.02em;color:inherit;}
html,body {height:100%;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif; color:#505050;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.3}
b {letter-spacing:inherit;font-weight:700}
.inner {width:1200px;margin:auto;clear:both;}
.inner2 {width:1100px;margin:auto;clear:both}
.c_main {color:#c45ca2 !important;}
.c_sub1 {color:#6a467c !important;}


.c_lightgray {color:#b0b0b0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}


h1 {font-size:50px; color: #303030;}
h1.big {font-size:60px; color: #303030;}
h2 {font-size:40px; color: #303030;}
h3 {font-size:30px; color: #303030;}
h4 {font-size:24px;line-height:1.5; color: #303030;}
h5 {font-size:20px;line-height:1.6}
p {font-size:18px;font-weight:200;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:16px;}
.roboto {font-family:'Roboto';}
.thin {font-weight:100;}
.bold {font-weight:700;}
.tight {letter-spacing:-0.05em !important;}
.loose {letter-spacing:0.2em !important;}
.font30 {font-size:30px !important;}
.font20 {font-size:20px !important;}
.txtshadow {text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.ind5 {text-indent:5px;}

span {color:inherit}

.float {float:left !important;}
.float_r {float:right !important;}
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.clearfix:after {content:"";clear:both;}
.relative {position:relative;}




.bd_b {border-bottom:1px #333 solid}
.bd_t {border-top:1px #333 solid}
.bd_r {border-right:1px #d0d0d0 solid}
.bd_l {border-left:1px #d0d0d0 solid}



/* 폭 설정 */
.half {width:50% !important}
.col5 {width:20% !important;}
.col4 {width:25% !important;}
.col3 {width:33.33% !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;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}



.flex {display:flex;}
.flex .col {flex:1;}


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

h1.logo {width:171px;height:31px;background-image:url(images/logo.png);text-indent:-3333px;background-size:cover;}
h1.logo.white {background-image:url(images/logo_w.png);}


#top_gnb{width: 100%; position: relative; height:40px; background-color: #555555;}
#top_gnb ul li{float: left; margin-right: 20px;}
#top_gnb ul li a{color: #f0f0f0; font-size: 16px; line-height: 40px; transition: all 0.2s;}
#top_gnb ul li a:hover{font-weight: bold;}


#header {width:100%; height:83px; border-bottom:1px #d0d0d0 solid;position: relative; background-color: #fff; z-index: 9999;}
#header .logo {float:left;margin-top:27px;}


#header #gnb {float:right;}
#header #gnb > ul {line-height:83px;}
#header #gnb > ul > li {float:left;margin:0 12px;}
#header #gnb > ul > li p {line-height:inherit;}
#header #gnb > ul > li p a {display:block;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;text-align:center;font-size:18px;}
#header #gnb > ul > li p a.on,#header #gnb > ul > li p a:hover {font-weight:bold;}
#header #gnb .subnav { margin:auto;
background:#c45ca2;
color:#fff;
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:left;
  top:83px;
  left:0;
  font-size:15px;
  padding:10px 0;
 }
#header #gnb .subnav dl {width:1200px;margin:auto;}
#header #gnb .subnav dd {line-height:32px;float:left;}
#header #gnb .subnav a:hover {line-height:31px; color: #ffd2f0;}
#header #gnb .subnav a {display:block;padding:0 10px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

#header #gnb .hn1 dl {padding-left:185px;}
#header #gnb .hn2 dl {padding-left:320px;}
#header #gnb .hn3 dl {padding-left:200px;}
#header #gnb .hn4 dl {padding-left:280px;}
#header #gnb .hn5 dl {padding-left:585px;}
#header #gnb .hn6 dl {padding-left:710px;}
#header #gnb .hn9 dl {padding-left:930px;}
#header #gnb .hn10 dl {padding-left:910px;}


/*sub_ft*/
#sub_ft {width:100%; display: inline-block; min-width:1200px;height: 367px; margin:auto; margin-top: 120px; border-top: 1px solid #d0d0d0;}
#sub_ft .inner { height:100%;background: url(images/sub_ft.jpg)no-repeat top center; }
#sub_ft .inner li{float: left;}
#sub_ft .inner li.first{width: 460px; height: 367px;}
#sub_ft .inner li.second{width: 740px; height: 367px;}
#sub_ft .inner li a{width: 100%; height: 100%; display: block;}



/* 공통 하단 */
#sitemap_wrap {width:100%;margin:auto;position:relative;background-color:#696565;color:#fff;float:left;padding:60px 0; min-width: 1200px;}
#sitemap_wrap .sitemap {max-width: 1200px;}
.sitemap ul { border-left:1px rgba(255,255,255,0.2) solid; padding-left:15px;}
.sitemap ul.first {border-left:0;}
.sitemap ul li h4{color:#fff;}
.sitemap ul li {margin-bottom:5px;}
.sitemap ul li a {opacity:0.6;}
.sitemap ul li a:hover {opacity:1;}
#footer {width:100%; min-width:1200px;margin:auto;position:relative;background-color:#3b3939;color:#fff;float:left;padding:80px 0;}
#footer * {-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#footer .logo {opacity:0.8;  }
#footer .txt {font-size:15px;margin:20px 0 0;  opacity:0.6; float: left;}
#footer .txt span {display:inline-block;margin:0 7px;line-height:1.7}
#footer #back-top {float:right;width:60px;height:60px;border-radius:60px;text-align:center;display:block;background-color:rgba(255,255,255,0.5);margin-top:20px;}
#footer #back-top:hover {background-color:rgba(255,255,255,0.8);}
#footer #back-top i {font-size:30px;line-height:60px;color:#666;}




/*메인공통*/
#main div .inner h2{text-align: center; margin-bottom: 10px;}
#main div .inner p.lit_tit {text-align:center; color: #505050; font-size: 21px;}


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

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

#main #reservation {width:100%; display:inline-block; background-color:#faeef9;}

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

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

#main #clinic .inner > div.bigicon ul{width: 100%; height:410px; padding-top: 140px;}
#main #clinic .inner > div.bigicon ul li{width: 25%; text-align: center; float: left;}
#main #clinic .inner > div.bigicon ul li h3{margin-bottom: 20px;}
#main #clinic .inner > div.bigicon ul li > a{width: 100%; display: block; height: 36px;line-height: 36px; font-size: 18px; color: #505050; -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: #c45ca2;}


#main #merit {width:100%; display:inline-block; padding:100px 0; background-color:#faeef9;}
#main #merit .inner a{float: left; margin-right: 39px; box-shadow: 4px 4px 4px rgba(0,0,0,0.2);display: block; transition: all 0.2s}
#main #merit .inner a:hover{transform:translateY(5px); }
#main #merit .inner a:last-child{margin-right: 0px;}


#main #intro {width:100%; display:inline-block; padding:100px 0;}
#main #intro .inner ul.introduction{width: 100%; height:381px; background: url(images/introdution.png)no-repeat center;}
#main #intro .inner ul.introduction li{float: left; width: 380px; height: 100%; margin-right: 30px;}
#main #intro .inner ul.introduction li:last-child{margin-right: 0px;}
#main #intro .inner ul.introduction li a{text-indent:-9999px; width: 100%; height: 100%; display: block; }

#main #intro .inner ul.introduction li.small_btn dl{width: 100%; height: 100%; clear: both; display: block; content: '';}
#main #intro .inner ul.introduction li.small_btn dl dd{float: left; width: 50%; height: 50%;}
#main #intro .inner ul.introduction li.small_btn dl dd:first-child {width: 100%;}



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


#sub .snb {width:inherit; margin: auto; background-color:#c45ca2; color:#fff; height: 54px;}
#sub .snb .inner li{float: left; padding:0px 10px; line-height: 54px;}
#sub .snb .inner li a{font-size:15px;}
#sub .snb .inner li a.on{font-weight: bold;}


#sub .sub1 ul {padding-left:185px;}
#sub .sub2 ul {padding-left:320px;}
#sub .sub3 ul {padding-left:200px;}
#sub .sub4 ul {padding-left:280px;}
#sub .sub5 ul {padding-left:585px;}
#sub .sub6 ul {padding-left:710px;}
#sub .sub9 ul {padding-left:930px;}
#sub .sub10 ul {padding-left:910px;}



#sub #content {width:100%; display:inline-block; overflow: hidden; float:left; margin-top: -1px;}
#sub #content.mg0 {margin:0;}
#sub #content .paragraph {width:100%;display:inline-block; position:relative; float:left;}
#sub #content .paragraph #subtop {height: 410px; width: 100%;}
#sub #content .paragraph #subtop .inner{padding-top: 130px;}
#sub #content .paragraph #subtop .inner h1,h5{text-align: center;}
#sub #content .paragraph #subtop .inner h1{font-size: 70px;}
#sub #content .paragraph #subtop .inner h5{font-weight: 600; color: #858585;}
#sub #content .paragraph #subtop.top1 {background: url(images/subtop1.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top2 {background: url(images/subtop2.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top3 {background: url(images/subtop3.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top4 {background: url(images/subtop4.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top5 {background: url(images/subtop5.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top6 {background: url(images/subtop6.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top7 {background: url(images/subtop7.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top8 {background: url(images/subtop8.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top9 {background: url(images/subtop9.jpg)center no-repeat;}



#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 ul.tabs {width:100%;height:60px;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:16px; height:60px; line-height:60px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#sub #content ul.tabs li a.on{background-color:#6a467c;font-size:16px;color:#fff;}
#sub #content ul.tabs li:hover a,#sub #content ul.tabs li.active a{background-color:#6a467c;font-size:16px;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.p5 li {width:20%;}
#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}




/*sub1_4_map*/
#sub #content .paragraph .sub1_4_map {background: url(images/sub1_4_mapBg.jpg)no-repeat center; height: 731px; padding:49px; }
#sub #content .paragraph .sub1_4_map ul{background:url(images/sub1_4_mapbtn.jpg)center no-repeat; height: 73px; width: 1100px;}
#sub #content .paragraph .sub1_4_map ul li{float: left; width: 33.3%; height: 100%;}
#sub #content .paragraph .sub1_4_map ul li a{width: 100%; height: 100%; display: block; transition: all 0.3s; text-indent: -9999px;}
#sub #content .paragraph .sub1_4_map ul li a:hover{background-color: rgba(255,255,255,0.15);}




/* 자주하는질문 */
#sub #content .inner .accordion {  }
#sub #content .inner .accordion .q_line {width:100%; border-top: 2px solid #593f1e; border-bottom:1px #e0e0e0 solid; text-align:left; cursor:pointer;padding:0 20px;margin-top:50px}
#sub #content .inner .accordion .q_line.first {margin-top:0}
#sub #content .inner .accordion .q_line h4 {line-height:1.5;font-weight:300;background:url(images/q_line.png) left center no-repeat;padding:20px 0px 20px 40px; font-size: 20px;}
#sub #content .inner .accordion .a_line {width:100%;padding:20px 20px 20px 60px;background-color:#f5f5f5;margin-bottom:20px;}
#sub #content .inner .accordion .a_line hr{background-color: #d0d0d0; margin: 10px 0px; opacity: 0.3;}
#sub #content .inner .accordion .a_line p {text-align:justify; font-size: 16px;}
#sub #content .inner .accordion .a_line .table p {text-align:inherit}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {background:url(images/q_open.gif) right center no-repeat;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {background:url(images/q_close.gif) right center no-repeat;}


#quick {background: url(images/quick.png)center no-repeat; width: 100px; height: 560px; position:absolute;right:20px;top:10px;z-index:99999;} 
#quick ul {width: 100%; height: 100%;}
#quick ul li{width: 100%; height: 81px;} 
#quick ul li.top{height: 54px; } 
#quick ul li.second{height: 162px; } 
#quick ul li.last{width: 100%; height: 101px;}
#quick ul li a{display: block; width: 100%; height: 100%; text-indent: -9999px;}


/*회원관련페이지*/
#sub #content .paragraph table.mar_left {margin-left:287px;}
#sub #content .paragraph div img.float_img {float:right;}