@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(css/kopubdotum.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.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:55.5%;}
 }
 @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%;}
 }
  /* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }


*{margin:0; padding:0; color:inherit; box-sizing:border-box; letter-spacing:-0.03em;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
div {display:block;}
body {font-family: 'Nanum Gothic', san-serif; width:100%;max-width:640px;color:#505050;}
h1,h2,h3,h4 {font-family: 'KoPub Dotum';font-weight:normal;line-height:130%}
h1 {font-size:62px;}
h2 {font-size:36px;}
h3 {font-size:25px;}
h4 {font-size:22px;}
p {line-height:180%}
.inner {width:1200px;margin:auto;}
.center {text-align:center !important}
.c_pink {color:#ee8470 !important;}
.c_green {color:#49ac85 !important;}
.c_sky {color:#71a6d7 !important}
.c_red {color:#da4e33 !important}
.bg_gray {background:#f5f5f5;}
.top_bar {background:url(images/bar.gif) top left no-repeat;padding-top:10px}
.mj {font-family: 'Nanum Myeongjo' !important; letter-spacing:-0.1em !important}
.img100 {width:100%;height:auto}


.inner {width:600px;margin:auto}

/* 마진,패딩 설정 */
.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;}

.pd0 {padding-left:0 !important;padding-right:0 !important;}

.pl10 {padding-left:10%;}
.pl20 {padding-left:20%;}
.pl30 {padding-left:30%;}
.pl40 {padding-left:40%;}
.pl50 {padding-left:50%;}
.pl60 {padding-left:60%;}
.pl70 {padding-left:70%;}
.pl80 {padding-left:80%;}

.pr10 {padding-right:10%;}
.pr20 {padding-right:20%;}
.pr30 {padding-right:30%;}
.pr40 {padding-right:40%;}
.pr50 {padding-right:50%;}
.pr60 {padding-right:60%;}
.pr70 {padding-right:70%;}
.pr80 {padding-right:80%;}

.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}

/* 보더 설정 */
.bd_t {border-top:1px #e0e0e0 solid;}
.bd_b {border-bottom:1px #e0e0e0 solid;}
.bd_l {border-left:1px #e0e0e0 solid;}
.bd_r {border-right:1px #e0e0e0 solid;}



#wrap {width:100%;  margin:0 auto; background:#fff;}
#header {width:100%; margin:0 auto;position:relative; height:94px;line-height:0;background:#fff;border-top:7px #49ac85 solid;border-bottom:1px #e0e0e0 solid}
#header .header_logo {position:absolute;top:11px;left:197px;}
#header .menu_btn {float:left; margin-top:30px;}
#header .tel {float:right; margin-top:24px;}




#main {width:100%;position:relative;margin:auto;line-height:0;}

#main .main_clinic {width:100%;display:inline-block; background:#f5f5f5; padding:25px 0;}
#main .main_clinic .inner > div {float:left;margin-left:13px;margin-bottom:13px}
#main .main_clinic .section07 {width:396px;height:214px;background:url(images/msection07.png) no-repeat;}
#main .main_clinic .section07 a {display:block;width:50%;height:107px;float:left;text-indent:-3333px}


#main .main_icon {width:100%;height:158px;display:inline-block;background:url(images/main_icon.png) top no-repeat;}
#main .main_icon li {float:left;width:33.33%;text-align:center}
#main .main_icon li a {display:block;height:158px;padding-top:110px;font-size:16px}



#footer {width:100%; margin:auto;position:relative;text-align:center}
#footer .contact {width:100%;display:inline-block;}
#footer .contact li {width:100%;height:96px;}
#footer .contact li.tel {width:100%;background:url(images/footer_tel.png)}
#footer .contact li a {text-indent:-3333px;display:block;height:96px;}

#footer .txt_area {display:inline-block;padding:20px;width:100%;border-top:4px #505050 solid;}
#footer .txt_area span {padding:0 6px;line-height:150%;font-size:13px;}
#footer .txt_area span a {font-size:18px;font-weight:bold}





/* 서브 */
#sub {width:100%;display:inline-block; position:relative;}
#sub .sub_top {width:100%; height:190px;text-align:center}
#sub .sub_top.top1 {background:url(images/top1.jpg) center top no-repeat}
#sub .sub_top.top2 {background:url(images/top2.jpg) center top no-repeat}
#sub .sub_top.top3 {background:url(images/top3.jpg) center top no-repeat}
#sub .sub_top.top4 {background:url(images/top4.jpg) center top no-repeat}
#sub .sub_top.top5 {background:url(images/top5.jpg) center top no-repeat}
#sub .sub_top.top6 {background:url(images/top6.jpg) center top no-repeat}
#sub .sub_top.top7 {background:url(images/top7.jpg) center top no-repeat}
#sub .sub_top.top8 {background:url(images/top8.jpg) center top no-repeat}
#sub .sub_top h4 {color:#d8d8d8;padding-top:42px}
#sub .sub_top h1 {font-family: 'Nanum Myeongjo';color:#fff;text-shadow:2px 2px 2px #83776a;letter-spacing:-5px}

#sub .snb {width:100%;background:#f5f5f5;border-top:1px #e0e0e0 solid;line-height:0;border-bottom:1px #e0e0e0 solid;}
#sub .snb ul {width:100%;display:inline-block;}
#sub .snb ul li { float:left;line-height:55px;text-align:center;background:url(images/snb_part.gif) left center no-repeat;}
#sub .snb ul li a { font-size:17px; display:block;}
#sub .snb ul li a.on {border-bottom:5px #49ac85 solid !important;line-height:50px;color:#49ac85;font-weight:bold}
#sub .snb ul.full li {width:100%;}
#sub .snb ul.p2 li {width:50%;}
#sub .snb ul.p2 li.sn1,#sub .snb ul.p2 li.sn3 {background:none}
#sub .snb ul.p3 li {width:33.33%;}
#sub .snb ul.p3 li.sn1,#sub .snb ul.p3 li.sn4 {background:none}
#sub .snb ul.p4 li {width:25%;}
#sub .snb ul.p4 li.sn1,#sub .snb ul.p4 li.sn4 {background:none}


#sub h2.title {float:left;margin-top:40px}
#sub #content {width:100%; display:inline-block; margin:15px auto 80px;}


#sub #content .paragraph {width:100%; display:inline-block; margin-bottom:70px;}
#sub #content .paragraph span.link {width:380px;height:60px;text-align:center;font-size:22px;font-family: 'KoPub Dotum','Roboto';border:4px #71a6d7 solid;border-radius:56px;display:block;line-height:52px;margin:10px auto;font-weight:bold}
#sub #content .paragraph span.link a {display:block}
#sub #content .paragraph span.link i {margin-left:10px;background:#f0f0f0;border-radius:22px;font-size:26px;font-weight:100}
#sub #content .paragraph span.link:hover i {color:#71a6d7}
#sub #content .paragraph span.link:hover {background:#71a6d7;color:#fff;}
#sub #content .paragraph h3.title {background:url(images/h3_title.png) left center no-repeat;color:#49ac85;font-weight:bold;padding-left:28px;margin-bottom:15px}

#sub #content .paragraph  h2.point {width:100%;height:248px;background:url(images/h2_point.png) top center no-repeat;padding-top:90px;text-align:center;margin-bottom:20px} 

#sub #content .paragraph h4.bar {background:url(images/h4_bar.gif) top left no-repeat; padding-top:10px;margin-bottom:8px}

#sub #content .paragraph .right_box {float:right;width:670px;height:374px;padding:25px 0;}


#sub #content .paragraph .doctor {float:left;width:100%;margin-bottom:40px}
#sub #content .paragraph .doctor .pic {float:left;}
#sub #content .paragraph .doctor .doctor_txt {float:right;width:50%;position:relative; min-height:360px}
#sub #content .paragraph .doctor .doctor_txt h2 {margin-bottom:10px;}
#sub #content .paragraph .doctor .doctor_txt a.time {display:block;background:url(images/btn_plus.gif) 110px center no-repeat;width:140px;line-height:40px;border:1px #49ac85 solid; color:#49ac85;padding:0 10px;position:absolute;left:0;bottom:0 }
#sub #content .paragraph .doctor .doctor_txt a.time:hover {border:1px #49ac85 solid;background:url(images/btn_plus_w.gif)  110px center no-repeat #49ac85;color:#fff}
.needpopup.opened {min-height:600px;padding:30px}
.needpopup.opened .pic {float:left;}
.needpopup.opened .doctor_txt {float:right;width:45%;min-height:360px}
.needpopup.opened .doctor_txt h2 {margin-bottom:10px;}
.needpopup.opened table {border-top:2px #808080 solid;position:absolute;bottom:30px; left:30px; right:0;width:540px}
.needpopup.opened table th,.needpopup.opened table td {padding:8px 20px ;border-bottom:1px #e0e0e0 solid;}
.needpopup.opened table th {background:#f5f5f5}
.needpopup.opened table td.on {background:url(images/h3_title.png) center no-repeat}

#sub #content .paragraph ul.map {display:inline-block;width:100%}
#sub #content .paragraph ul.map li {float:left}

#sub #content .paragraph ul.clinic {width:100%;display:inline-block}
#sub #content .paragraph ul.clinic li {float:left;text-align:center;margin-bottom:60px}
#sub #content .paragraph ul.clinic.p3 li {width:33.33%}
#sub #content .paragraph ul.clinic.p4 li {width:25%}
#sub #content .paragraph ul.clinic li h4 {width:168px;height:163px;line-height:163px;font-weight:bold;margin:0 auto 15px}
#sub #content .paragraph ul.clinic li h4.line2 {padding-top:55px;line-height:130%}
#sub #content .paragraph ul.clinic li h4.round_pink {background:url(images/li_round_pink.png) center no-repeat;background-size:cover;}
#sub #content .paragraph ul.clinic li h4.round_green {background:url(images/li_round.png) center no-repeat;background-size:cover;}
#sub #content .paragraph ul.clinic li h4.round_sky {background:url(images/li_round_sky.png) center no-repeat;background-size:cover;}

#sub #content .paragraph ul.li_round {float:right;position:relative;left:-50%;}
#sub #content .paragraph ul.li_round li {float:left;position:relative;left:50%;background:url(images/li_round_pink.png) center; background-size:cover; margin:0 6px;text-align:center;}
#sub #content .paragraph ul.li_round li p {font-size:18px;padding-top:42%;line-height:130%;text-align:center !important;}
#sub #content .paragraph ul.li_round li p.line2 {padding-top:35%}
#sub #content .paragraph ul.li_round.p6 li {width:168px;height:163px;}
#sub #content .paragraph ul.li_round.p4 li {width:250px;height:250px;}
#sub #content .paragraph ul.li_round.p5 li {width:190px;height:190px;}
#sub #content .paragraph ul.li_round li h2 {padding-top:35%;font-weight:  lighter;line-height:110%}

#sub #content .paragraph ul.li_bullet {width:100%}
#sub #content .paragraph ul.li_bullet li {background:url(images/li_bullet.gif) left 14px no-repeat;margin-bottom:10px}
#sub #content .paragraph ul.li_bullet li p {padding-left:20px;}

#sub #content .paragraph ul.li_number {width:100%;}
#sub #content .paragraph ul.li_number li {min-height:61px;background:url(images/li_number.png) repeat-y;padding:10px 0}
#sub #content .paragraph ul.li_number li p {padding-left:50px;padding-top:7px}
#sub #content .paragraph ul.li_number li.n01 {background-position:0 10px;}
#sub #content .paragraph ul.li_number li.n02 {background-position:0 -236px;}
#sub #content .paragraph ul.li_number li.n03 {background-position:0 -482px;}
#sub #content .paragraph ul.li_number li.n04 {background-position:0 -728px;}
#sub #content .paragraph ul.li_number li.n05 {background-position:0 -974px;}
#sub #content .paragraph ul.li_number li.n06 {background-position:0 -1220px;}
#sub #content .paragraph ul.li_number li.n07 {background-position:0 -1466px;}
#sub #content .paragraph ul.li_number li.n08 {background-position:0 -1712px;}
#sub #content .paragraph ul.li_number li.n09 {background-position:0 -1958px;}
#sub #content .paragraph ul.li_number li.n10 {background-position:0 -2204px;}

#sub #content .paragraph ul.li_line {width:100%;}
#sub #content .paragraph ul.li_line li {width:100%;display:inline-block;margin-bottom:10px;border-bottom:1px #e0e0e0 solid}
#sub #content .paragraph ul.li_line li span {background:#bbbbbb; color:#fff;font-family: 'Roboto', sans-serif;font-style:italic;float:left;width:8%;line-height:50px; text-align:center;font-size:30px;}
#sub #content .paragraph ul.li_line li p {float:right;border-left:0;min-height:50px;width:92%;padding:10px 15px;}

#sub #content .paragraph .accordion {margin-bottom:40px;}
#sub #content .paragraph .accordion .q_line {width:100%;  border-top: 2px solid #49ac85; border-bottom:1px #e0e0e0 solid; height:63px;line-height:60px;text-align:left;font-size:18px;}
#sub #content .paragraph .accordion .q_line h4 {line-height:60px;}
#sub #content .paragraph .accordion .q_line span {font-family: 'Roboto', sans-serif;font-style:italic;float:left;width:70px;text-align:center;font-size:30px;color:#49ac85}
#sub #content .paragraph .accordion .a_line {width:100%;padding:15px 20px;}
#sub #content .paragraph .accordion .a_line h4 {font-weight:bold;text-align:justify;margin:20px 0 10px;color:#808080;}
#sub #content .paragraph .accordion .a_line p {text-align:justify}
#sub #content .paragraph .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/aco_open.png) right no-repeat;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {background:url(images/aco_close.png) right no-repeat;}

#sub #content .paragraph .box {width:100%;border:1px #e0e0e0 solid;padding:20px 35px;display:inline-block;}
#sub #content .paragraph .box.sub4_3_t1_3 {background:url(images/sub4_3_t1_3.png) right bottom no-repeat;}
#sub #content .paragraph .box.sub4_3_t2_5 {background:url(images/sub4_3_t2_5.png) right bottom no-repeat;}
#sub #content .paragraph .box.sub4_2_t2_1 {background:url(images/sub4_2_t2_1.png) right bottom no-repeat;}
#sub #content .paragraph .box.sub4_2_t2_2 {background:url(images/sub4_2_t2_2_1.png) right bottom no-repeat;}
#sub #content .paragraph .box.sub5_3_3_2_1 {background:url(images/sub5_3_3_2_1.png) right bottom no-repeat;}

#sub #content .paragraph .table {border-top:2px #808080 solid;}
#sub #content .paragraph .table th,#sub #content .paragraph .table td {padding:7px 10px ;border-bottom:1px #e0e0e0 solid;}
#sub #content .paragraph .table th {background:#f5f5f5;line-height:180%}
#sub #content .paragraph .table th.vs_another {background:#aaaaaa;color:#fff;font-size:20px;}
#sub #content .paragraph .table th.vs_other {background:#808080;color:#fff;font-size:20px;}
#sub #content .paragraph .table th.vs_pink {background:#ee8470;color:#fff;font-size:20px;}
#sub #content .paragraph .table th.vs_mirae {background:#49ac85;color:#fff;font-size:20px;}
#sub #content .paragraph .table td.vs_mirae {border-left:3px #49ac85 solid;border-right:3px #49ac85 solid;font-weight:bold}
#sub #content .paragraph .table td.vs_mirae.last {border-bottom:3px #49ac85 solid;}
#sub #content .paragraph .table .inner_table p {font-size:15px}

#sub #content .paragraph .month th,#sub #content .paragraph .month td {width:9%;padding:4px 5px ;border-bottom:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid}
#sub #content .paragraph .month td p {font-size:15px;}
#sub #content .paragraph .month td.day {height:120px;position:relative}
#sub #content .paragraph .month td.day p {position:absolute;bottom:5px;right:5px;text-align:right}
#sub #content .paragraph .month td.day span {position:absolute;top:5px;left:5px;}
#sub #content .paragraph .month td span {font-size:17px;font-weight:bold;line-height:2.2}
#sub #content .paragraph .month .date {background:#ddf6ec;}
#sub #content .paragraph .month .sun {background:#fce5e0;}
#sub #content .paragraph .month th.last,#sub #content .paragraph .month td.last {border-right:0;}




#sub #content .board_box {width:100%;font-size:13px;min-height:500px}


/* 서브페이지 탭 */
#sub #content ul.tabs {	width:100%; line-height:46px; display:inline-block}
#sub #content ul.tabs li { float:left; text-align:center; font-size:16px; letter-spacing:-1px;	margin-right:6px;margin-bottom:8px}
#sub #content ul.tabs li a {display:block; width:294px; background:#f5f5f5; border:1px #e0e0e0 solid; border-radius:6px}
#sub #content ul.tabs li.active a, #sub #content ul.tabs li.active a:hover  { background:#49ac85 !important; color:#fff; font-weight:bold; border:1px #49ac85 solid}
#sub #content .tab_container {width:100%;display:inline-block; margin-top:20px}
#sub #content .tab_content {width:100%;display:inline-block; min-height:280px;}



#content .board_box {width:100%;text-align:justify;display:inline-block}}
#content .board_box .board > tbody > tr > td > table > tbody > tr > .bbsnewf5 > table > tbody > tr > td a img {width:140px !important; height:auto !important}
#content .board_box .board {font-size:12px;}
#content .board_box #post_area img {width:100% !important;height:auto !important;}