@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,700);

@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumBarunGothic.woff") format("woff"), url("./fonts/NanumBarunGothic.ttf") format("truetype");
}

@font-face {
    font-family: "Didot";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/DidotMedium.eot?#iefix") format("embedded-opentype"), url("./fonts/DidotMedium.woff") format("woff"), url("./fonts/DidotMedium.ttf") format("truetype");
}

@font-face {
    font-family: "DidotItalic";
    font-style: italic;
    font-weight: normal;
    src: url("./fonts/DidotLightItal.eot?#iefix") format("embedded-opentype"), url("./fonts/DidotLightItal.woff") format("woff"), url("./fonts/DidotLightItal.ttf") format("truetype");
}

@font-face {
  font-family: 'Social-Shapes';
    src:  url('./fonts/Social-Shapes.ttf.woff') format('woff'),
    url('./fonts/Social-Shapes.ttf.svg#Social-Shapes') format('svg'),
    url('./fonts/Social-Shapes.ttf.eot'),
    url('./fonts/Social-Shapes.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

html{width:100%;height:100%;overflow-y:auto;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0; font-family:"Open Sans","NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; }
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; min-width:1000px; font-size:12px;color:#a99269; background:url(../images/main/view_bg.jpg); line-height:1.5em;}
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#333;}
li{list-style:none;}
select,textarea{border-radius:0;}
.clear {}
.clear:after {content:"";display:block;clear:both;}
.blind{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.img_100 {width:100%;vertical-align:top;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:12px;line-height:26px;font-family:Dotum,sans-serif;}
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb20 { margin-bottom:20px;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.transAll015 { transition: all 0.15s ease-in-out; }
.transAll03 { transition: all 0.3s ease-in-out; }
.transAll03_ease { transition: all 0.3s ease;}
.transAll02_ease { transition: all 0.2s ease;}

.strongColor01 { color:#e45923;}
.strongColor02 { color:#ff003b;}
.strongColor03 { color:#8aeaff;} /* map에 사용 */

.block1280, .block1024, .block830, .block768, .block640, .block560, .block480, .block380 {display:none;}
.in-block1280, .in-block1024, .in-block830, .in-block768, .in-block640, .in-block560, .in-block480, .in-block380 {display:none;}

#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:#333;}
#skip.on{top:0;}

#header {position:fixed; width:310px; height:100%; top:0; opacity:0; background:#fff;  transition: all 0.3s ease-in-out; z-index:20; }
#header .logo { position:relative; text-align:center;  transition:all 550ms ease-in-out 0s; background:#fff;  z-index:3;}
#header .logo a { display:block; padding:10% 0 5% 15%;}
.btn_nav { display:none; }
#gnbArea { position:relative; transition:all 550ms ease-in-out; background:#fff;padding-bottom:30px; z-index:2;}
.gnb_line { width:1px; height:20px; background:#d4c0a7; margin:3% auto; }
#gnbArea > ul > li { text-align:center; transition: all 0.3s ease-in-out;}
#gnbArea a.depth1 { display:inline-block; font-family: 'Montserrat', sans-serif; font-size:14px; line-height:30px; color:#c3ac95; letter-spacing:0.05em; text-transform:uppercase; transition: all 0.3s ease-in-out; }
#gnbArea li.this a.depth1 { font-weight:700;  color:#ac572c;}
#gnbArea a.depth1:hover, #gnbArea a.depth1:focus, #gnbArea li:hover a.depth1, #gnbArea li.this a.depth1:hover, #gnbArea li.this a.depth1:focus { font-weight:700; text-decoration:underline; }

.gnb_sub { width:250px; height:0; text-align:center; padding:0; margin:0 auto; transition:all 0.35s ease-in-out; overflow:hidden;}
.gnb_sub:after {content:"";display:block;clear:both;}
#gnbArea > ul > li:hover .gnb_sub { height:26px;}
#gnbArea > ul > li.gnb2:hover .gnb_sub { height:136px;}
#gnbArea > ul > li.gnb3:hover .gnb_sub { height:48px;}
.gnb_sub li {display:inline; margin:0 5px; font-family: 'Montserrat','NanumBarunGothic', sans-serif; font-size:12px; line-height:22px; color:#c3ac95;}
.gnb_sub li.slash { margin:0;}
.gnb_sub li a { display:inline-block;  color:#c3ac95; text-transform:uppercase; transition:all 300ms ease-in-out;}
.gnb_sub li.this a { font-weight:700; color:#ac572c; }
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline; }

.siteInfo { position:absolute; width:100%; left:0; bottom:0; text-align:center; padding:5% 0; z-index:1; }
.sns_link { width:80px; margin:0 auto 10px;}
.sns_link:after {content:"";display:block;clear:both;}
.sns_link li { float:left; display:inline; margin:0 3px;}
.sns_link li a { display:block; width:30px; height:30px; background:url(../images/common/sns_link.png);}
.sns_link li.sl02 a { background-position:-30px 0;}
.site_tel { font-size:18px; line-height:24px; color:#a99269; font-weight:700; font-style:italic; margin-bottom:5px;}
.site_bank { font-size:12px; line-height:16px; margin-bottom:10px;}
.site_link { width:166px; margin:0 auto; border-bottom:1px solid #ddd3c3; margin-bottom:15px;}
.site_link li { position:relative; height:34px;}
.site_link li a { display:block; width:100%; height:100%; }
.site_link li a.site_link01 {background:#a99269; color:#fff;}
.site_link li a.site_link02 {background:#fff; color:#a99269;}
.site_link li a span {position:absolute; width:100%; left:0; top:0; line-height:34px; font-weight:700; transition:all 0.3s ease-in-out;}
.site_link li a span.eng { font-size:15px; }
.site_link li a span.kor { font-size:14px; letter-spacing:0.1em; opacity:0; filter: alpha(opacity=0;);  }
.site_link li a:hover span.eng, .site_link li a:focus span.eng { opacity:0; filter: alpha(opacity=0;); }
.site_link li a:hover span.kor, .site_link li a:focus span.kor {opacity:1; filter: alpha(opacity=100;); }
.gongzone { font-size:1.1em; color:#1e1e1e; font-weight:700;}
.gongzone:hover, .gongzone:focus { text-decoration:underline;}

#footer { position:relative; text-align:center; padding:2% 0 2% 310px; z-index:19; }
.site_add { margin-bottom:3px;}
#footer .link_footer { color:#a99269; }
#footer .link_footer:hover, #footer .link_footer:focus { text-decoration:underline;}
.footer_link { margin-bottom:10px; }
.footer_link li { display:inline;}
.footer_link li a { display:inline-block; width:50px; height:50px; background:url(../images/common/footer_link.png);}
.footer_link li.fl02 a { background-position:-50px 0;}
.footer_link li.fl03 a { background-position:-100px 0;}
.footer_link li span {visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}

.lightslider li { background-position:center bottom !important; background-size:cover !important; }
.lightSlider li img { width:100%; vertical-align:top;}
.lSAction { position:absolute; width:140px; height:59px; left:50%; bottom:8%; margin-left:-70px; z-index:10; }
.lSAction a { float:left; display:block; width:59px; height:59px; margin:0 5px; cursor:pointer; background:url(../images/main/slider_arrow.png);  opacity:1; filter: alpha(opacity=100;); transition: all 0.3s ease-in-out;}
.lSAction a:hover, .lSAction a:focus {opacity:0.8; filter: alpha(opacity=80;);}
.lSAction a.lSNext { background-position:-60px 0;}
.lSPager { position:absolute; right:50%; bottom:2.5%; margin-right:5px;  text-align:right; z-index:2;}
.lSSlideOuter .lSPager.lSpg > li { display:none !important;}
.lSSlideOuter .lSPager.lSpg > li.active { display:block !important;}
.lSSlideOuter .lSPager.lSpg > li a { background:none; text-indent:0; height:26px; font-family: "Pinyon Script",cursive; color:#fff; font-size:20px; line-height:26px;  padding-right:10px;}
.lSSlideOuter .lSPager.lSpg > li a span { }

.topArea .lSAction { bottom:2%;}
.topArea .lSPager { bottom:90px;}

.service .topArea .lSAction { left:auto; right:6%; margin:0 40px 0 0;}
.service .topArea .lSPager { right:12.5%;}
.service .serviePre .lSAction { bottom:2%;}

.serviePre_list .lSAction { width:100%; }

.main_slider01 .lSAction { width:100%; height:20px; left:0; top:50%; margin:-10px 0 0 0;}
.main_slider01 .lSAction a {position:absolute; display:block; width:50px; height:20px;  top:0; background:url(../images/sub/slider_arrow03.png) no-repeat; opacity:0.5; filter: alpha(opacity=50;);}
.main_slider01 .lSAction a.lSPrev { left:30px;}
.main_slider01 .lSAction a.lSPrev:hover { left:20px; opacity:0.8; filter: alpha(opacity=80;);}
.main_slider01 .lSAction a.lSNext { right:30px; background-position:-20px -20px;}
.main_slider01 .lSAction a.lSNext:hover { right:20px; opacity:0.8; filter: alpha(opacity=80;);}


.btn_reser01 { position:relative; display:inline-block;font-family: 'Raleway', sans-serif; font-size:14px; font-weight:600; color:#ac8f67; letter-spacing:0.2em; padding:15px 40px; border:1px solid #be9a5e;  transition: all 0.3s ease-in-out;}
.topArea .btn_reser01 {background-color:rgba(190, 154, 94, 0.2);}
.btn_reser01:hover, .btn_reser01:focus { padding:15px 50px; background:#be9a5e; color:#fff;}
.btn_reser02 { position:relative; display:inline-block;font-family: 'Raleway', sans-serif; font-size:13px; font-weight:600; color:#ac8f67; letter-spacing:0.2em; padding:20px 40px; border:1px solid #be9a5e; background:#be9a5e; transition: all 0.3s ease-in-out;}
.btn_reser02:hover, .btn_reser01:focus { padding:20px 50px;}
.btn_reser03 { position:relative; display:inline-block;font-family: 'Raleway', sans-serif; font-size:13px; font-weight:600; color:#ac8f67; letter-spacing:0.2em; padding:20px 40px; border:1px solid #242e49; background:#242e49; transition: all 0.3s ease-in-out;}
.btn_reser03:hover, .btn_reser01:focus { padding:20px 50px;}
.btn_more { position:relative; display:inline-block;font-family: 'Raleway', sans-serif; font-size:14px; font-weight:600; color:#ac8f67; letter-spacing:0.2em; padding:15px 60px; border:1px solid #be9a5e;  transition: all 0.3s ease-in-out;}
.btn_more:hover, .btn_more:focus { padding:15px 70px; background:#be9a5e; color:#fff;}

.serviePre { }
.serviePre dt { text-align:center; text-transform:uppercase; margin:; font-size:30px; line-height:36px; color:#8b7955; letter-spacing:0.03em;}
.serviePre dt span {display:block; font-family: 'PT Sans', sans-serif; font-size:15px; line-height:25px; color:#a99269; font-weight:700; letter-spacing:0; }
.serviePre dt span.line { display:block; width:1px; height:36px; background:#897761; margin:1% auto 1.5%;}
.serviePre .lSSlideOuter  { width:96%; max-width:990px; margin:0 auto; }
.serviePre .lSSlideOuter .lSSlideWrapper { padding-bottom:110px;}
.serviePre_01 { }
.serviePre_list { padding-top:26px;}
.serviePre_list:after, .serviePre_list .slick-list {content:"";display:block;clear:both;}
.serviePre_list li, .slick-track .slick-slide { position:relative; background:#fff; text-align:center; padding-bottom:1%;}
.service00 .serviePre_list { width:94%; max-width:1400px; margin:0 auto;}
.service00 .serviePre_list li{ float:left; width:23%; margin:0 1% 5%; padding-bottom:3%;}
.servieP_img { position:relative; width:90% !important; margin:0 auto; top:-26px; }
.servieP_typo { display:block; width:145px; margin:0 auto 10px; }
.servieP_title01 {display:block; font-size:18px; line-height:25px; color:#8b7955; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:1%; }
.servieP_title02 {display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:22px; color:#8b7955; font-weight:300; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:30%; opacity:0.6; }
.service00 .servieP_title02 {  margin-bottom:20%; }

.servicePre_list02 { width:94%; max-width:1020px; margin:0 auto; overflow:hidden; padding:30px 0 50px; }
.slick-track .slick-slide {float:left; padding-bottom:0.5%; margin:0 15px 1%}
.slick-arrow { position:absolute; display:block; width:59px; height:59px; bottom:8%; background:url(../images/main/slider_arrow.png); cursor:pointer; font-size:0; border:0;}
.service .slick-arrow {  bottom:2%; }
.slick-arrow.slick-prev { right:50%; margin-right:6px;}
.slick-arrow.slick-next { left:50%; margin-left:6px; background-position:-60px 0;}

@media \0screen { /* IE8 웹폰트 설정*/
}


@media  (max-width: 1620px){

#header { width:250px;}

}

@media  (max-width: 1420px){


}

@media  (max-width: 1280px){

.none1280 {display:none;} 
.block1280 {display:block;}
.in-block1280 {display:inline-block;}

.roomPre_list li { width:28.22%; margin:0 2.39%; }
.roomPre_list li > div { border:2px solid #be9a5e; border-bottom:none;;}
.roomPre_list li .border01, .roomPre_list li .border02 { width:6%; height:2px;}

.service00 .serviePre_list li { width:31%; margin:0 1.15% 6%; padding-bottom:3%;}

.roomPre_list li .text { font-size:18px; line-height:26px;}
.btn_reser01 { font-size:12px; padding:15px 25px; }
.btn_reser01:hover, .btn_reser01:focus { padding:15px 35px;}

.footer_logo img { width:160px;}
.footer_info dt { padding-left:15%; font-size:15px; line-height:20px;}
.footer_info dt .line { width:13%; top:10px;}
.footer_info dd {padding-left:15%;  font-size:12px; line-height:18px;}

}


@media  (min-width: 1025px){

}

@media  (max-width: 1024px){

.none1024 {display:none;} 
.block1024 {display:block;}
.in-block1024 {display:inline-block;}



} 

@media  (max-width: 830px){

.none830 {display:none;} 
.block830 {display:block;}
.in-block830 {display:inline-block;}

.btn_reser01 {  font-size:11px; padding:10px 20px; }
.btn_reser01:hover, .btn_reser01:focus { padding:10px 30px;}

}

@media  (max-width: 768px){

.none768 {display:none;} 
.block768 {display:block;}
.in-block768 {display:inline-block;}

}

@media  (max-width: 640px){

.none640 {display:none;} 
.block640 {display:block;}
.in-block640 {display:inline-block;}

}

@media  (max-width: 560px){

.none560 {display:none;} 
.block560 {display:block;}
.in-block560 {display:inline-block;}
}

@media  (max-width: 480px){

.none480 {display:none;} 
.block480 {display:block;}
.in-block480 {display:inline-block;}

}


@media  (max-width: 380px){

.none380 {display:none;} 
.block380 {display:block;}
.in-block380 {display:inline-block;}	
}