@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(../pc/css/blank.css);




@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:56.2%;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }







*{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:600px;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%; max-width:640px; height:100%; margin:auto; position:relative; }

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


/*top_gnb*/
#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;}
/*top_gnb*/



/*공통상단*/
#header {width:100%; max-width: 640px; height:82px;background:#fff;text-align:center;position:relative; float: left; border-bottom:1px #d0d0d0 solid;}
/*#header .logo {top:18px;position:absolute;}*/
#header .logo {float:left;margin-top:24px;}

#header .reser_btn {display: inline-block; background-color: #6a467c; padding: 10px 20px; margin-top: 15px; margin-left: 220px;}
#header .reser_btn a {font-size: 20px; color: #fff;}

#header .menu {float:right;margin-top:18px;}
#header .menu i {font-size:45px; font-weight: bold; ;color:#ce78b2}



/* 공통 하단 */
#footer {width:100%; max-width:640px;margin:auto;position:relative;background-color:#3b3939;color:#fff;float:left; padding: 60px 0px; min-height:auto;}
#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 {width:50px;height:50px;border-radius:50px;text-align:center;display:block;background-color:rgba(255,255,255,0.5);position: absolute; right: 20px; top:45px;}
#footer #back-top:hover {background-color:rgba(255,255,255,0.8);}
#footer #back-top i {font-size:30px;line-height:45px;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%; max-width:640px; float:left; position:relative;display:inline-block}

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

.flex-control-nav{bottom: 10px !important; z-index: 9999 !important;}

#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:476px;width: 100%; }

#main #clinic .inner > div.bigicon ul{width: 100%; height:476px;}
#main #clinic .inner > div.bigicon ul li{width: 50%; height: 259px; text-align: center; float: left;}
#main #clinic .inner > div.bigicon ul li.short{height:217px;}
#main #clinic .inner > div.bigicon ul li > a{width: 100%; display: block; height: 100%; text-indent: -9999px; -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-bottom: 40px; box-shadow: 4px 4px 4px rgba(0,0,0,0.2);display: block; }

#main #merit .inner a:last-child{margin-bottom: 0px;}


#main #intro {width:100%; display:inline-block; padding:100px 0;}
#main #intro .inner ul.introduction{width: 100%; height:724px;}


#main #intro .inner ul.introduction li.small_btn{background: url(images/main_boardBtn.jpg)no-repeat center; height: 151px; width: 100%; }
#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%;}
#main #intro .inner ul.introduction li.small_btn dl dd a{display: block; width: 100%; height: 100%; text-indent: -9999px;}



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


#sub .snb {width:inherit; margin: auto; background-color:#c45ca2; color:#fff; height: 54px;}
#sub .snb.double {height: 108px;}
#sub .snb .inner.p1 li{width: 100%; text-align: center;}
#sub .snb .inner.p2 li{width: 50%; text-align: center;}
#sub .snb .inner.p3 li{width: 33.333%; text-align: center;}
#sub .snb .inner.p4 li{width: 25%; text-align: center;}
#sub .snb .inner li{float: left; padding:0px 10px; line-height: 54px;}
#sub .snb .inner li a{font-size:17px;}
#sub .snb .inner li a.on{font-weight: bold;}



#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: 320px; width: 100%;}
#sub #content .paragraph #subtop .inner{padding-top: 90px;}
#sub #content .paragraph #subtop .inner.text2{padding-top: 45px;}
#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(../pc/images/subtop1.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top2 {background: url(../pc/images/subtop2.jpg)center no-repeat;}
#sub #content .paragraph #subtop.top3 {background: url(../pc/images/subtop3.jpg)22% 70% no-repeat;}
#sub #content .paragraph #subtop.top4 {background: url(../pc/images/subtop4.jpg)83% center no-repeat;}
#sub #content .paragraph #subtop.top5 {background: url(../pc/images/subtop5.jpg)65% center no-repeat;}
#sub #content .paragraph #subtop.top6 {background: url(../pc/images/subtop6.jpg)33% bottom no-repeat;}
#sub #content .paragraph #subtop.top7 {background: url(../pc/images/subtop7.jpg)20% center no-repeat;}
#sub #content .paragraph #subtop.top8 {background: url(../pc/images/subtop8.jpg)45% top no-repeat;}
#sub #content .paragraph #subtop.top9 {background: url(../pc/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: 1038px; padding:480px 20px 0px; }
#sub #content .paragraph .sub1_4_map ul{background:url(images/sub1_4_mapbtn.jpg)center no-repeat; height: 73px; width: 560px;}
#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(../pc/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(../pc/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(../pc/images/q_close.gif) right center no-repeat;}


/*회원 관련 페이지*/
#sub #content .paragraph .inner table.mar_left {margin-left:-14px;}
#sub #content .paragraph div img.float_img{float:left !important; margin-top: 7px;}
#sub #content .paragraph .inner table table.member_txt tbody tr td .member_border{
width: 600px !important;}