@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+Condensed:400,300,700);
@import url(http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.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; color:#3f3f3f;}
img {border:0;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {font-family: 'Roboto Condensed', 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic', sans-serif; color:#303030; width:100%;max-width:640px;}
div {display:block;}
span {color:inherit;}

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

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

.mt60 {margin-top:60px;}
.mb60 {margin-bottom:60px;}

.thin {font-weight:200 !important;}

.c_gray {color:#999;}

#wrap {width:100%; text-align:center; margin:0 auto;display:block;background:#f3e8db;}

#top {width:100%;text-align:center; margin:0 auto;position:relative; height:92px;line-height:0;background:#62554e;}
.top_logo {float:left;margin-top:35px;margin-bottom:21px;margin-left:20px;}
.top_btn {float:right;margin-top:23px;margin-bottom:15px;margin-right:20px;}

#main {width:100%;position:relative;line-height:0;margin:auto;background-color:#fff;}
.flexslider {overflow:hidden;width:100%;}
.flexslider ul {width:100%}
.main_sl1 {width:100%;height:427px;background:url(/base/img/m/img/main_sl1.jpg);}
.main_sl2 {width:100%;height:427px;background:url(/base/img/m/img/main_sl2.jpg);}
.main_sl3 {width:100%;height:427px;background:url(/base/img/m/img/main_sl3.jpg);}
.main_txt {position:absolute;z-index:10;top:156px;margin:auto;left:58px;}
.main_icon {position:relative;z-index:10;}
.main_icon ul {display:flex;}
.main_icon li {flex:1;}

#footer {width:100%; margin:auto;position:relative;line-height:0;}
.txt_area {background:#f3e8db;padding:15px 0;}
.txt_area span {padding:0 4px;line-height:150%;font-size:12px !important;color:#87787d;}
.txt_area a {margin-top:3px !important;}

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

#gnb {width:100%;background:#423730;height:80px;line-height:40px;text-align:center;padding:10px 0;}
#gnb li {float:left;color:#fff;font-size:24px;font-weight:400;width:25%;}
#gnb li a {color:#fff;}
#gnb li .on {color:#fbd9ac;}
#gnb li a:hover {color:#fbd9ac;}

#snb {width:100%;display:inline-block;border-bottom:1px #e2e2e2 solid;height:49px;line-height:49px;}
#snb li {border-right:1px #e2e2e2 solid;float:left;box-sizing:border-box;}
#snb li:first-child {border-left:1px #e2e2e2 solid;}
#snb li a {display:block;}
#snb li a.on {border-bottom:2px #62554e solid;}
#snb li a:hover {border-bottom:2px #62554e solid;}
.p2 li {width:50%;}
.p3 li {width:33.33%;}
.p4 li {width:25%;}

#content {width:600px;margin:auto; padding:50px 0 90px;display:inline-block;}
#title_box {width:100%;text-align:center; border-bottom:2px #e2e2e2 solid;padding-bottom:30px;line-height:180%;}
#title_box h2 {font-size:34px; color:#62554e;font-weight:200;letter-spacing:-2px;}
#title_box p {font-size:15px;color:#888888;margin-top:5px;display:inline-block;}
#content_img {padding-top:37px;text-align:left;line-height:1.5;}
.food {margin-top:30px;}
.food li {float:left;padding-right:4px;}

#content_img h3.txt1 {color:#de9964;font-size:30px;text-align:left;}
#content_img h5.txt2 {font-size:20px;text-align:left;}
#content_img p.txt3 {color:#888;font-size:16px;text-align:left;}

#view {width:600px;margin-top:30px;}
#view img {width:600px;height:auto !important;margin:auto;}
#carousel {margin-top:10px;width:600px;}
#carousel ul {margin:0 !important; padding:0 !important;width:100%;}
#carousel li {width:70px !important; margin-left:5px;}
#carousel li:first-child {margin-left:0;}
#carousel img {width:100% !important; display: block; opacity: 0.5; filter:alpha(opacity=50); cursor: pointer;}
#carousel img:hover {opacity: 1; filter:alpha(opacity=100); }
#carousel .flex-active-slide img {opacity: 1; cursor: default;}


#content_img input[type=text] {width:90%;}
#content_img input[type=radio],input[type=checkbox] {width:15px !important;}
#content_img input[name=phone_no1],input[name=phone_no2],input[name=phone_no3] {width:25% !important;}


.support {width:100%;padding:20px;display:inline-block;}
.support.bg_gray {background-color:#f5f5f5;}
.support > * {float:left;}
.support img {width:200px;height:auto;}
.support .info {padding-left:20px;text-align:left; width:380px;}
.support .info h3 {font-size:30px;}
.support .info a.link_btn {display:inline-block;padding:6px 15px;background-color:#62554e;color:#fff;margin-top:5px;}

/* Å×À̺í */
table.basic {width:100%;border-top:1px #a29499 solid;background:#fff}
table.basic th {background:#f5f5f5;}
table.basic td {font-weight:300;text-align:left;line-height:1.5;border-bottom:1px #e0e0e0 solid}
table.basic th,table.basic td {padding:8px 12px}
table.basic tr.bg_gray td {background-color:#f5f5f5;}