@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(/base/img/pc/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:#3f3f3f;}
h1,h2,h3 {font-family: 'KoPub Dotum', sans-serif;}
.inner {width:600px;margin:auto}
.c_sd {color:#a67757}
.pd0 {padding-left:0 !important;padding-right:0 !important;}

.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}

.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px;}

.mt40 {margin-top:40px;}
.mb40 {margin-bottom:40px;}

.mt50 {margin-top:50px;}
.mb50 {margin-bottom:50px;}




#wrap {width:100%;  margin:0 auto; background:#fff;}
#header {width:100%; position:relative; height:107px;line-height:0;background:#fff;border-top:8px #303030 solid;}
#header .header_logo {float:left; margin-top:27px;}
#header .header_btn {float:right; margin-top:32px;}




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

#main .main_clinic {width:100%;display:inline-block; }
#main .main_clinic ul.bg {background:url(images/main_clinic.png) center no-repeat;width:100%;height:192px;display:inline-block; }
#main .main_clinic ul.bg li {float:left;width:33.33%;}
#main .main_clinic ul.bg li a {text-indent:-3000px;display:block;height:192px;}

#main .main_clinic ul.icon {width:100%;padding:30px 20px;display:inline-block; }
#main .main_clinic ul.icon li {float:left;width:50%;}
#main .main_clinic ul.icon li.icon1 {border-right:1px #e0e0e0 solid;text-align:left}
#main .main_clinic ul.icon li.icon2 {text-align:right}

#main .main_cs {width:100%;padding:30px 0;display:inline-block;background:#f5f5f5;border-top:1px #e0e0e0 solid;}
#main .main_cs li {float:left;}
#main .main_cs ul.icon {background:url(images/main_cs.png) top center no-repeat;width:100%;height:101px;}
#main .main_cs ul.icon li {width:33.33%}
#main .main_cs ul.icon li a {text-indent:-3000px;display:block;height:101px;}
#main .main_cs ul.bg {background:url(images/main_cs2.png) top center no-repeat;width:100%;height:130px;}
#main .main_cs ul.bg li {width:50%}
#main .main_cs ul.bg li a {text-indent:-3000px;display:block;height:130px;}





#footer {width:100%; margin:auto;position:relative;background:#fff;text-align:center}
#footer .contact {background:url(images/footer_bg.png) center top no-repeat; width:100%;height:208px;padding:35px 30px}
#footer .contact .tel {float:left;}

#footer .contact .icon {float:right;}
#footer .contact .icon a.btn {width:270px;height:58px;line-height:56px;padding-left:65px;font-size:17px;border:1px #fff solid;display:block;color:#fff}
#footer .contact .icon a.btn.blog {background:url(images/footer_blog.png) 45px center no-repeat;}
#footer .contact .icon a.btn.kakao {background:url(images/footer_kakao.png) 45px center no-repeat;}


#footer .admin {padding:12px 230px;width:100%;display:inline-block;font-size:13px;background:#f5f5f5;border-bottom:1px #e0e0e0 solid;}
#footer .admin li {float:left;width:33.33%;line-height:150%;}
#footer .txt_area {display:inline-block;padding:20px;width:100%;}
#footer .txt_area span {padding:0 4px;line-height:150%;font-size:13px;}





/* 서브 */
#sub {width:100%;  display:inline-block; position:relative;background:#fff;}
.subtop {width:100%;  height:160px; background-position:top center; text-align:center}
.subtop.top1 {background:url(images/subtop1.jpg)  no-repeat}
.subtop.top2 {background:url(images/subtop2.jpg)  no-repeat}
.subtop.top3 {background:url(images/subtop3.jpg)  no-repeat}
.subtop.top4 {background:url(images/subtop4.jpg)  no-repeat}
.subtop.top5 {background:url(images/subtop5.jpg)  no-repeat}
.subtop.top6 {background:url(images/subtop6.jpg)  no-repeat}
.subtop h1 {padding-top:50px;color:#fff;font-size:40px;line-height:100%;letter-spacing:-3px;padding-bottom:28px;font-weight:normal;background:url(images/subtop_title.png) center bottom no-repeat}


/* 서브메뉴표시 */
.snb {position:relative; width:100% ; border-bottom:1px #e0e0e0 solid;line-height:0;}
.snb ul {width:100%;display:inline-block}
.snb ul li { float:left;border-right:1px #e0e0e0 solid;height:54px;line-height:54px;text-align:center}
.snb ul li.sn1 {border-left:1px #e0e0e0 solid}
.snb ul li a { color:#505050; font-size:17px; display:block}
.snb ul li a:hover,.snb ul li a.on {color:#fff; background:#a67757}
.snb ul.full li {width:100%;}
.snb ul.p3 li {width:33.33%;}
.snb ul.p4 li {width:25%;}
.snb ul.p5 li {width:20%;}



#content {width:100%;margin:30px auto 70px;display:inline-block;}
#content h1 {font-size:32px;}
#content .left {float:left}
#content .right {float:right}
#content h2 {}
#content p {font-size:15.5px;line-height:180%;letter-spacing:-1.2px;}


#content .history {width:100%;padding:35px 0;}
#content .history h3 {padding-left:80px;font-size:24px}
#content .history p {float:right;margin-top:-30px;padding-right:130px}

#content .tb {width:100%;border-top:3px #a67757 solid;}
#content .tb th,#content .tb td {border-bottom:1px #e0e0e0 solid;padding:7px 30px}
#content .tb th {background:url(images/table_part.gif) right center no-repeat;font-size:17px}

#content .map {width:100%; display:inline-block;}
#content .map li {float:left;margin-right:30px}

#content .paragraph {width:100%; display:inline-block;margin-bottom:50px}
#content .paragraph.center {text-align:center}
#content .paragraph .center {text-align:center}
#content .paragraph h2 {background:url(images/para_title.gif) top left no-repeat; padding-top:15px; color:#a67757; font-size:26px;margin-bottom:20px;}
#content .paragraph h3 {font-size:25px;font-weight:normal;line-height:140%}
#content .paragraph ul.number li {background:url(images/li_number.png) no-repeat;min-height:36px;margin-bottom:10px}
#content .paragraph ul.number li p {padding-left:44px;padding-top:5px}
#content .paragraph ul.number li.n01 {background-position:0 0;}
#content .paragraph ul.number li.n02 {background-position:0 -72px ;}
#content .paragraph ul.number li.n03 {background-position:0 -144px;}
#content .paragraph ul.number li.n04 {background-position:0 -216px;}
#content .paragraph ul.number li.n05 {background-position:0 -288px;}
#content .paragraph ul.number li.n06 {background-position:0 -360px;}
#content .paragraph ul.number li.n07 {background-position:0 -432px;}
#content .paragraph ul.number li.n08 {background-position:0 -504px;}
#content .paragraph ul.number li.n09 {background-position:0 -576px;}
#content .paragraph ul.number li.n10 {background-position:0 -648px;}
#content .paragraph ul.number li.n11 {background-position:0 -720px;}
#content .paragraph ul.number li.n12 {background-position:0 -792px;}
#content .paragraph ul.number li.n13 {background-position:0 -864px;}
#content .paragraph ul.number li.n14 {background-position:0 -936px;}
#content .paragraph ul.number li.n15 {background-position:0 -1008px;}

#content .paragraph ul.qna li {min-height:36px;}
#content .paragraph ul.qna li.question {background:url(images/li_q.png) no-repeat;margin-bottom:10px}
#content .paragraph ul.qna li.answer {background:url(images/li_a.png) no-repeat;margin-bottom:20px;}
#content .paragraph ul.qna li p {padding-left:44px;}
#content .paragraph ul.qna li.question p {font-size:20px;font-weight:bold;}

#content .paragraph ul.box {width:100%;display:inline-block}
#content .paragraph ul.box li {margin-bottom:10px;background:#f5f5f5;width:100%;display:inline-block}
#content .paragraph ul.box li span {width:150px;height:43px;line-height:43px;background:url(images/li_box.gif) left top no-repeat;text-align:center;color:#fff;display:block;font-size:20px;font-weight:bold;float:left;padding-right:10px}
#content .paragraph ul.box li p {width:440px;min-height:43px;padding:8px 20px;float:right}
#content .paragraph .headline {background:url(images/headline.png);width:100%;height:176px;text-align:center;padding:54px 0;overflow:hidden}
#content .paragraph .headline p {color:#505050;font-size:18px}
#content .paragraph .headline h3 {font-size:30px;font-weight:bold}

#content .board_box {width:100%; line-height:170%; font-size:13px !important;}
#content .board_box td.board_desc {text-align:justify;}
#content .board_box td.bbsnewf5 > table > tbody > tr > td > a > img {width:180px !important;height:130px !important;}
#content .board_box #post_area img {width:100% !important;height:auto !important}


/* 서브 탭 */
#content ul.tabs {	width:100%; height:53px; line-height:52px; border-bottom:1px #505050 solid;
}
#content ul.tabs li { display:inline-block;	float:left; text-align:center; font-size:17px; color:#909090;   letter-spacing:-1px;background:#f5f5f5; padding:0 20px;margin-right:2px}
#content ul.tabs li a {display:block;}
#content ul.tabs li.active  {color:#fff; background:#505050;}
#content ul.tabs li:hover  {color:#fff; background:#808080;}
#content ul.tabs.p3 li {width:33.33%}
#content ul.tabs.p4 li {width:25%}
#content ul.tabs.p2 li {width:50%}
#content .tab_container {width:100%;display:inline-block; }
#content .tab_content {padding: 40px 0 0 0; width:100%;display:inline-block;}