@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(https://cdn.rawgit.com/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(/base/img/pc/css/blank.css);
@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.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%;}
 }
  /* 아이패드(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: 'Nanum Gothic', 'Roboto', sans-serif;color:#404040;}

/* 텍스트 설정 */
h1,h2,h3,h4,h5 {font-weight:400;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
.c_ezer {color:#c06a74 !important}
.c_darke {color:#cba3a9 !important}
.c_darkred {color:#78333b !important}
.c_beige {color:#dad4cb !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:34px;}
h4 {font-size:26px;}
h5 {font-size:19px;line-height:1.5}
p {font-size:17px;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
span.small {font-size:15px;}
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 !important;}
.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;}
.mt100 {margin-top:100px !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;}

.roboto {font-family: 'Roboto';}
.gmarket {font-family: 'GmarketSansLight';}
.gmarket2 {font-family: 'GmarketSansMedium';}
.gmarket3 {font-family: 'GmarketSansBold';}


.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 {border-bottom: 5px solid #33b6a0; width:100%; height:111px;line-height:0;background:#fff;text-align:center;float:left;}
#header .inner {position:relative}
#header .logo {position:absolute; top:22px; left:0}
#header .menu {right:0; position:absolute;top:37px}

/* 메인 */

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


#main .main_sl1 {width:100%;height:553px; background:url(/base/img/m/images/main_sl1.jpg) center top no-repeat;}
#main .main_sl1 > .inner {height: inherit; background:url(/base/img/m/images/main_sl1_txt.png) center 68% no-repeat;}
#main .main_sl2 {width:100%;height:553px;background:url(/base/img/m/images/main_sl2.jpg) center top no-repeat;}
#main .main_sl2 > .inner {height: inherit; background:url(/base/img/m/images/main_sl2_txt.png) center 68% no-repeat;}


/* 섹션 01 */
#main #sec1 {width:100%;height: 1528px; margin:100px auto;text-align:center;display:inline-block}
#main #sec1 .inner {width: 100%; height: 100%; background:url(/base/img/m/images/sec1.png) center no-repeat;}

#main #sec1 ul li {float:left;width:200px; height:75px;}
#main #sec1 ul li a {display:block;height:75px;text-indent:-3333px;}

#main #sec1 .en_program li {margin-top: 462px;}
#main #sec1 .en_program li:nth-child(1) {margin-left: 20px;}

#main #sec1 .en_sleep li {margin-top: 421px;}
#main #sec1 .en_sleep li:nth-child(1) {margin-left: 20px;}

#main #sec1 .en_last li {width: 600px !important; margin-top: 421px;}
#main #sec1 .en_last li:nth-child(1) {margin-left: 20px;}

/* 섹션 02 */
#main #sec2 {width:100%;height: 346px; text-align:center;display:inline-block}
#main #sec2 .inner {width: 100%; height: 100%; background:url(/base/img/m/images/sec2.png) center no-repeat;}

#main #sec2 ul li {float:left;width:190px; height:346px;}
#main #sec2 ul li a {display:block;height:346px;text-indent:-3333px;}

#main #sec2 ul li:nth-child(1) {margin-left: 20px;}
#main #sec2 ul li:nth-child(2) {margin-left: 15px;}
#main #sec2 ul li:nth-child(3) {margin-left: 15px;}

/* 섹션 03 */
#main #sec3 {width:100%;height: 825px; margin:100px auto; display:inline-block}
#main #sec3 .inner {width: 100%; height: 100%; background:url(/base/img/m/images/sec3.png) center no-repeat;}

#main #sec3 ul li {height:166px; position: relative;}

#main #sec3 ul li:nth-child(2) {margin-top: 40px;}
#main #sec3 ul li:nth-child(3) {margin-top: 40px; height: 410px !important;}

#main #sec3 .s3_1 {
    width: 40px !important; 
    height:40px !important;
    right: 0;
    margin-right: 20px;
    display: inline-block;
    position: absolute;
}

#main #sec3 .s3_2 {
    width: 40px !important; 
    height:40px !important;
    right: 0;
    margin-right: 20px;
    display: inline-block;
    position: absolute;
}
#main #sec3 .s3_3 {
    width: 40px !important; 
    height:40px !important;
    right: 0;
    margin-right: 20px;
    display: inline-block;
    position: absolute;
}

#main #sec3 ul li>div {
    width:600px;height: 100px; display:inline-block;
    margin-top: 55px;
}
#main #sec3 ul li:nth-child(3)>div {
    margin-top: 90px;
    height: 323px !important;
}


/* 푸터 */
#footer {width:100%;display:inline-block;position:relative;text-align:center;float:left;}

#footer a.tel {display:block;height:114px;text-indent:-3333px;width:100%;background:url(/base/img/m/images/footer_tel.png) center no-repeat}
#footer .txt_area {display:inline-block;padding:40px 0;width:100%;position:relative;background:#606060}
#footer .txt_area span {padding:0 6px;line-height:150%;font-size:15px;color:#b0b0b0}
#footer .txt_area span.big {font-size:20px;color:#303030;}





/* 서브 */
#sub {width:100%; display:inline-block;position:relative;float:left;}
#sub .subtop {width:100%;height:230px;background-position:top center;background-repeat:no-repeat;padding-top:60px;}
#sub .subtop.sub1 {background-image:url(/base/img/m/images/subtop1.jpg);}
#sub .subtop.sub2 {background-image:url(/base/img/m/images/subtop2.jpg);}
#sub .subtop.sub3 {background-image:url(/base/img/m/images/subtop3.jpg);}
#sub .subtop.sub4 {background-image:url(/base/img/m/images/subtop4.jpg);}
#sub .subtop.sub5 {background-image:url(/base/img/m/images/subtop5.jpg);}
#sub .subtop.sub6 {background-image:url(/base/img/m/images/subtop6.jpg);}
#sub .subtop h1 {background:url(/base/img/m/images/subtop_title.png) top left no-repeat;padding-top:18px;font-size:50px;font-weight:bold !important}
#sub .subtop span {letter-spacing:0.3em;text-transform:uppercase;display:inline-block;margin:10px 0 30px;}

#sub .snb {width:100%;background:#fff;line-height:00}
#sub .snb ul {width:100%;border-left:1px #e9e9e9 solid;display:inline-block;}
#sub .snb li {float:left;border-right:1px #e9e9e9 solid;border-bottom:1px #e9e9e9 solid;color:#505050;text-align:center;font-size:20px;line-height:66px;}
#sub .snb .p2 li {width:50%;}
#sub .snb .p3 li {width:33.33%;}
#sub .snb .p4 li {width:25%;}
#sub .snb li a {display:block;height:67px;}
#sub .snb li a.on {background:#4bbba8; color: #fff; font-weight: 600;}

#sub #content {width:100%;display:inline-block;}
#sub #content .title {text-align:center;margin:100px auto;}
#sub #content .title span {font-size:14px;padding-top:10px;display:inline-block}

#sub #content .paragraph {width:100%;display:inline-block; margin-bottom: 100px;}


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


/* 서브1_4 */
#sub #content .sub1_4 {position: relative;}
#sub #content .sub1_4 .sub1_4_map {position: absolute; top: 81px;}

/* 서브페이지 4_2 */
#sub #content .paragraph h4.title {font-weight:500;color:#8e9337;background:url(/base/img/m/images/h4_title.gif) top center no-repeat;padding-top:20px}
#sub #content .paragraph h4.left_title {font-weight:600;color:#8e9337;background:url(/base/img/m/images/h4_title.gif) top left no-repeat;padding-top:20px}
#sub #content .paragraph h4.left_title.red {color:#d00008;background:url(/base/img/m/images/h4_title_red.gif) top left no-repeat}


/* 서브 4_2 테이블 */
#sub #content .paragraph .bagic {width:100%;border-top:2px #303030 solid;margin-top:5px;}
#sub #content .paragraph .bagic th {border-bottom:1px #a0a0a0 solid;font-weight:normal}
#sub #content .paragraph .bagic td {border-bottom:1px #e5e5e5 solid;vertical-align:middle}
#sub #content .paragraph .bagic p {font-size:16px}
#sub #content .paragraph .bagic th,#sub #content .paragraph .bagic td {padding:10px 16px;border-left:1px #e5e5e5 solid}
#sub #content .paragraph .bagic th.first,#sub #content .paragraph .bagic td.first {border-left:0}
#sub #content .paragraph .bagic .bg_point {background:#fbfbf6}

/* 테이블 스타일 */


#sub #content .paragraph .table {border-collapse: collapse; width: 100%; border-top: 3px #bb9f88 solid;}
#sub #content .paragraph .table th {color:#132a4c;padding:8px;background-color: #ffe9bc;vertical-align:middle; border-left: 1px rgba(255,255,255,0.5) solid;}
#sub #content .paragraph .table th.th2 {background-color: #fdf6e6;}
#sub #content .paragraph .table th h4 {font-weight:500;margin-bottom:0}
#sub #content .paragraph .table td {width: 100%; padding:20px 20px;border-right:1px #d0d0d0 solid;border-bottom:1px #d0d0d0 solid;background:#fff}
#sub #content .paragraph .table td.first {border-left:1px #d0d0d0 solid}
#sub #content .paragraph .table td.price {text-align: right;}



/* 서브 탭 */
h3.subject {float: left; font-weight: 500; font-size: 18px; letter-spacing: 0.5px; color: #505050; margin-bottom: 10px;}


/* 서브페이지 탭 */
#sub #content .tabs {width:100%; text-align:center; display: flex; border-bottom:1px #fff solid;}
#sub #content .tabs li {border:1px #e0e0e0 solid; flex: 1; line-height:70px; font-size: 20px; border-left: 1px #fff solid;}
#sub #content .tabs li.first {border-left: 0;}
#sub #content .tabs li a {display: block; height: inherit; line-height: 2;}
#sub #content .tabs li.active a {background-color: #bb9f88; color: #fff;}
#sub #content .tab_content {width:100%;display:inline-block;}