@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.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');


@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%;}
 }
  /* 아이패드(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; box-sizing:border-box;color:inherit;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
div {display:block;}
body {width:100%;max-width:640px;font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#404040; margin: 0 auto;}

/* 텍스트 설정 */
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
.c_main {color:#0066a8 !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;}
h2 {font-size:40px}
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 }

span {color:inherit}


.inner {width:600px;margin:auto !important}
.bg_gray {background:#f5f5f5;}
.img100 {width:100%;height:auto}
hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}



/* 크기 및 정렬 설정 */
.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}
.tleft {text-align:left !important}
.tright {text-align:right !important}

/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}
.pd0 {padding:0 !important}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.pl02 {padding-left:2%}
.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}

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



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




#wrap {width:100%; max-width:640px;  margin:0 auto; display:inline-block}
#header {width:100%; height:109px;background:#fff;text-align:center;position:relative; float:left; border-bottom:6px #d0546c solid;}
#header .logo {top:29px;position:absolute;left:50%;margin-left:-141px;}
#header .menu {float:right;margin-top:30px;}
#header .menu i {font-size:50px;color:#d0546c}


#main {width:100%;position:relative;line-height:0;float:left;}

#main #content {width:100%;display:inline-block;margin-top:30px;}
#main #content a {float:left;display:block;text-indent:-3333px;margin-bottom:10px;}
#main #content a.con1 {background:url(images/main_con1.png);width:295px;height:266px;margin-right:10px;}
#main #content a.con2 {background:url(images/main_con2.png);width:295px;height:266px;}
#main #content a.con3 {background:url(images/main_con3.png);width:295px;height:251px;margin-right:10px;}
#main #content a.con4 {background:url(images/main_con4.png);width:193px;height:251px;margin-right:10px;}
#main #content a.con5 {background:url(images/main_con5.png);width:295px;height:251px;}
#main #content a.con6 {background:url(images/main_con6.png);width:600px;height:143px;}
#main #content a.con7 {background:url(images/main_con7.png);width:295px;height:266px;margin-right:10px;}
#main #content a.con8 {background:url(images/main_con8.png);width:295px;height:266px;}

#main #icon {width:100%;display:inline-block;margin-bottom:30px;}
#main #icon ul {background:url(images/main_icon.png);width:100%;height:134px;}
#main #icon ul li {float:left;width:25%;height:100%}
#main #icon ul li a {display:block;text-indent:-3333px;height:134px;}

#main #kda {width:100%;display:inline-block;background:#f5f5f5;border-top:1px #d0d0d0 solid;padding:20px;}
#main #kda ul {width:100%;background:url(images/main_kta_icon.png);height:96px;}
#main #kda ul li {float:left;width:25%;height:100%}
#main #kda ul li a {display:block;text-indent:-3333px;height:96px;}


#footer {width:100%;position:relative;text-align:center;float:left;}
#footer a.tel {display:block;height:167px;text-indent:-3333px;width:100%;background:url(images/footer_tel.png) center no-repeat}
#footer .btn {background:#606060;color:#fff;padding:15px 0;font-size:20px}
#footer .btn a {padding-left:20px;}
#footer .btn a:before  {content:"|";margin-right:20px}
#footer .btn a.first:before {content:""}
#footer .txt {padding:20px 0;width:100%;position:relative;background:#fff;color:#808080}
#footer .txt span {padding:0 6px;line-height:150%;font-size:14px;}



/* 서브 */
#sub {width:100%;  display:inline-block; float:left}
#sub .subtop {width:100%;display:inline-block;background-position:top center;background-repeat:no-repeat;text-align:center;padding-top:40px;}
#sub .subtop.top1 {background-image:url(images/subtop1.jpg);}
#sub .subtop.top2 {background-image:url(images/subtop2.jpg);}
#sub .subtop.top3 {background-image:url(images/subtop3.jpg);}
#sub .subtop.top4 {background-image:url(images/subtop4.jpg);}
#sub .subtop.top5 {background-image:url(images/subtop5.jpg);}
#sub .subtop.top6 {background-image:url(images/subtop6.jpg);}
#sub .subtop h2 {background:url(images/subtop_title.png) bottom center no-repeat;padding-bottom:50px;color:#fff;}
#sub .subtop .snb {width:600px;margin:50px auto 20px;line-height:0}
#sub .subtop .snb ul {width:100%;height:50px;line-height:50px;margin-bottom:2px;}
#sub .subtop .snb ul li {float:left;font-size:17px;margin-right:2px;}
#sub .subtop .snb ul li a {display:block;height:50px;background:#efe4c6;}
#sub .subtop .snb ul li a.on,#sub .subtop ul li a.on:hover {font-weight:bold;background:#fff;box-shadow: 0px 0px 4px rgba(0,0,0,0.3);}
#sub .subtop .snb ul.p2 li {width:298px;;}
#sub .subtop .snb ul.p3 li {width:198px;}
#sub .subtop .snb ul.p4 li {width:148px;}


#sub #content {width:100%; display:inline-block;margin:50px auto}

#sub #content h5.title {color:#b59180;font-weight:600;letter-spacing:17px;line-height:100%;border-bottom:3px #b59180 solid;display:inline-block;margin-bottom:40px;padding-bottom:10px;}
#sub #content .paragraph {width:100%;display:inline-block; padding-bottom:50px; position:relative}


/* 오시는 길지도 바로가기 */
#sub #content .paragraph .maplink {width:600px; height:66px; background:url(images/sub1_6_maplink.png) center no-repeat; }
#sub #content .paragraph .maplink li {float:left;height:66px;width:200px}
#sub #content .paragraph .maplink a {display:block;height:66px;text-indent:-3333px;}


/* 테이블 */
#sub #content .paragraph table.basic {border-top:2px #303030 solid;background:#fff}
#sub #content .paragraph table.basic th,#sub #content .paragraph table.basic td {padding:8px 20px}
#sub #content .paragraph table.basic th {background:#f5f5f5}
#sub #content .paragraph table.basic td {border-bottom:1px #d0d0d0 solid;border-left:1px #e0e0e0 solid}
#sub #content .paragraph table.basic td.first {border-left:0}
#sub #content .paragraph table.basic td.price {text-align:right}

/* 탭설정*/
#sub #content ul.tabs {width:100%;margin:0 auto;height:53px;line-height:50px; border-bottom:3px #ca4c63 solid;margin-bottom:50px; text-align:center;}
#sub #content ul.tabs li { display:inline-block; float:left; text-align:center; font-size:18px; width:150px; color:#808080;margin-right:3px;  }
#sub #content ul.tabs li a {display:block;background:#f5f5f5; border-top:3px #e2e2e2 solid; line-height:47px}
#sub #content ul.tabs li.active a {border:3px #ca4c63 solid;border-bottom:0;line-height:50px;color:#ca4c63;background:#fff}
#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;}


/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:15px;line-height:1.7;margin-bottom:50px;}
#sub #content .board_box .inner {padding:0 20px}