@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Oranienbaum');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css');
@import url('https://fonts.googleapis.com/css?family=Petit+Formal+Script');
@import url('https://fonts.googleapis.com/css?family=Questrial');
@import url('https://fonts.googleapis.com/css?family=Raleway');

@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: "NanumSquare";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumSquareR.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumSquareR.woff") format("woff"), url("./fonts/NanumSquareR.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; font-size:13px;color:#5c5c5c;line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#292929;}
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%; height:auto !important; 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 !important;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.boxShadow {-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:    2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}


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

.strongColor01 { color:#e45923;}

.block1280, .block1024, .block768, .block560, .block480, .block380 {display:none;}
.in-block1280, .in-block1024, .in-block768, .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;}

.headerBg { position:relative; height:0; background:#fff; left:0; top:0; z-index:1000; }
.sticky-wrapper { position:relative; background:#fff; z-index:100; }
#header { position:relative; width:100%; height:80px; background:#fff; padding:10px 0 10px 10px; transition: all 0.3s ease; z-index:50; }
.is-sticky #header { opacity:0.95; box-shadow:0px 0px 5px rgba(0,0,0,0.2); }
#header:after {content:"";display:block;clear:both;}
#header .logo { position:relative; display:inline-block; top:0; transition: all 0.3s ease-in-out; }
#header .logo img { width:98px; vertical-align:top;}

#gnbArea { position:absolute; right:0; top:50px; z-index:1;}
.gnb > li {float:left; display:inline;  margin:0;}
.gnb > li:first-child { border-left:0;}
.gnb a.depth1 { display:inline-block; padding:5px 7px; font-size:14px; line-height:20px; color:#313131; text-transform:uppercase; letter-spacing:0.03em; transition: all 0.15s ease-in-out;}
.gnb5 a.depth1 { color:#fff; background:#727374;}
.gnb a.depth1:hover, .gnb a.depth1:focus, .gnb li.on a.depth1 {  /*font-size:19px;*/}
/*.gnb li.this a.depth1  { font-weight:700;}*/
.gnb_sub { position:absolute; display:none; top:35px; margin-left:10px; padding:0; border:1px solid #ccc; border-top:2px solid #939393;  }
.gnb_sub li { background:#fff; border-bottom:1px solid #fff; border-top:1px solid #eee;}
.gnb_sub li:first-child {border-top:none;}
.gnb_sub li a { display:block; min-width:100px; padding:10px 30px;  font-size:0.9em; line-height:1.5em; color:#313131; text-shadow:1px 1px 1px rgba(255, 255, 255, 1); }
.gnb_sub li a:hover, .gnb_sub li a:focus { color:#a0a0a0; background:#f7f7f7;}
.gnb_sub li.this a { font-weight:700;}



.btn_reser { display:inline-block; background:#136dca;transition: all 0.2s ease-in-out;}
.btn_reser:hover, .btn_reser:focus {  }
.btn_reser img { vertical-align:top;}

.btn_01 { display:inline-block; font-family: 'Montserrat', sans-serif; padding:15px 50px; color:#000; border:1px solid #000; background:url(../images/bg/white_20.png); transition: all 0.2s ease-in-out; }
.btn_01:hover, .btn_01:focus { background:#000; color:#fff; padding:15px 60px;}

#footer { position:relative; padding:50px 0; background:#fff; z-index:20;}
#footer:after {content:"";display:block;clear:both;}
.footer_con { position:relative; width:96%; max-width:1100px; margin:0 auto; }
.footer_logo { position:relative;  z-index:2; }
.footer_logo a {position:relative; display:block; width:140px; margin:0 auto 10px; background:#fff; text-align:center; z-index:2;}
.footer_logo a img { width:96px; vertical-align:top;}
.footer_line {  position:absolute; width:100%; height:1px; left:0; top:24px;  background:#eee;  z-index:1;}
.foot_social { text-align:center; margin:20px 0 50px;}
.foot_social a { display:inline-block; padding:0 15px; vertical-align:middle;}
.foot_social .fa {font-size: 30px;color: #b4b4b4; transition: all 0.3s ease-in-out; }
.fa-facebook:hover:before {color: #3a55eb;}
.fa-twitter:hover:before {color: #325c94;}
.fa-youtube:hover:before {color: #f20026;}
.fa-commenting:hover:before {color: #4d9dcb;}
.fa-instagram:hover:before {color: #dead34;}
.foot_social span { display:block; width:32px; height:32px; background:url(../images/common/sns_link.png);}
.foot_social span.fa-facebook { background-position:0 0;}
.foot_social span.fa-youtube { background-position:-32px 0;}
.foot_social span.blog { background-position:-64px -32px;}
.foot_social span.fa-instagram { background-position:-96px 32px;}
.foot_social a:hover span.fa-facebook, .foot_social a:focus span.fa-facebook { background-position:0 -32px;}
.foot_social a:hover span.fa-youtube, .foot_social a:focus span.fa-youtube { background-position:-32px -32px;}
.foot_social a:hover span.blog, .foot_social a:focus span.blog { background-position:-64px -32px;}
.foot_social a:hover span.fa-instagram, .foot_social a:focus span.fa-instagram  { background-position:-96px -32px;}
.footer_nav { padding-bottom:5%; border-bottom:2px solid #ccc; }
.footer_nav:after {content:"";display:block;clear:both;}
.footer_nav dl { float:left; display:inline; width:15.3%; }
.footer_nav dl.footer_nav01, .footer_nav dl.footer_nav02, .footer_nav dl.footer_nav03 { width:calc(16.6% - 13px);}
.footer_nav dl.footer_nav04 { width:16.6%;}
.footer_nav dl.footer_nav05 { width:calc(16.6% + 13px);}
.footer_nav dl.footer_nav06 { width:calc(16.6% - 52px);}
.footer_nav dl.footer_nav07 { float:right; width:80px;}
.footer_nav a { color:#808080;}
.footer_nav05 dt a { color:#80a8c5;}
.footer_nav a:hover, .footer_nav a:focus { color:#313131; text-decoration:underline;}
.footer_nav05 dt a:hover, .footer_nav05 dt a:focus { color:#477a9f;}
.footer_nav dt { font-family: 'Oranienbaum', serif; font-size:21px; line-height:28px; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:20px; }
.footer_nav dd {}
.footer_nav dd li { font-size:13px; line-height:22px; margin-bottom:3px;}
.footer_info { margin-top:20px; text-align:center;  text-transform:uppercase; }
.footer_info a { color:#999;}
.footer_info a:hover, .footer_info a:focus { text-decoration:underline;}
.footer_phone {font-family:'Lato', 'NanumBarunGothic', sans-serif; font-size:17px; line-height:25px; font-weight:400; margin-bottom:8px; color:#477a9f; }
.footer_add { font-size:14px; line-height:20px; margin-bottom:8px; color:#888;}
.footer_copy { font-size:11px; line-height:18px; color:#999; }

@media \0screen { /* IE8 웹폰트 설정*/
    #gnb ul li a.depth1 { }
}

.topArea_main .lightSlider li {height:78vh; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.slider_blind { display:none;}
.lSSlideOuter .lSAction {  transition: all 0.3s ease-in-out; /*opacity:0;*/}
.lSSlideOuter:hover .lSAction { opacity:1;}
.topArea .lSSlideOuter .lSAction a { position:absolute; display:block; margin-top:-42px; width:29px; height:89px; background-image:url(../images/common/slider_arrow.png); background-size:60px 90px;}
.lSSlideOuter .lSAction .lSPrev { left:20px;}
.lSSlideOuter .lSAction .lSNext { right:20px; background-position:-30px 0;}
.sub_slide .lSSlideOuter .lSAction a { margin-top:-11px; width:22px; height:45px; background-image:url(../images/common/slider_arrow02.png); background-size:50px 45px;}
.sub_slide .lSSlideOuter .lSAction .lSPrev { left:20px;}
.sub_slide .lSSlideOuter .lSAction .lSNext { right:20px; background-position:-25px 0;}
.btn_view { padding:0 12px 0 0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn_view img { vertical-align:top; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn_view:hover, .btn_view:focus { padding:0 0 0 12px;}

.btn_reser01 { display:inline-block;  font-family:'Montserrat', sans-serif; font-size:1.1em; padding:10px 40px; background:#292929; color:#b9a984; transition: all 0.2s ease-in-out; }
.btn_reser01:hover, .btn_reser01:focus { margin: 0 10px;}


.scale01 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scale01:hover, .scale01:focus {-ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03);}
.lightSlider li img { width:100%; vertical-align:top;}
.lSPager.lSGallery { display:none; }

.subTitle .btn_scroll {display:block; width:60px; margin:0 auto; padding:0 0 10px; transition: all 0.2s ease-in-out; z-index:5; }
.subTitle .btn_scroll:hover, .btn_scroll:focus { padding:10px 0 0;}
.subTitle .btn_scroll img { width:60px;}
.room .btn_scroll {display:block; width:80px; margin:0 auto; padding:0 0 10px; transition: all 0.2s ease-in-out; z-index:5; }

.room .btn_scroll:hover, .btn_scroll:focus { padding:10px 0 0;}

.roomPre {}
.roomPre:after {content:"";display:block;clear:both}
.roomPre li { float:left; width:23.5%; margin-left:2%; text-align:center;}
.roomPre li:first-child {margin-left:0;}
.roomPre li .img { position:relative; margin-bottom:1.2em;} 
.roomPre li .img img {width:100%; vertical-align:top;}
.roomPre .roomTitle { display:block; width:100%; padding:0.1em 0 0.5em; _background:url(../images/bg/white_20.png); left:0; bottom:0; color:#616161; text-transform:uppercase; z-index:2;}
.roomPre .roomTitle > span { display:block;}
.roomPre .roomTitle01 {font-family: 'Oranienbaum', serif; font-size:16px; line-height:1em; letter-spacing:0.01em; color:#101010;}
.roomPre .roomTitle01 span {font-size:1.2em;}
.roomPre .roomTitle_line { display:block; width:90%; max-width:216px; height:1px; margin:0.2em auto; background:#606060; opacity:0.4;}
.roomPre .roomTitle02 { color:#595959; font-size:10px; line-height:1.2em; letter-spacing:0.5em;}
.roomPre .roomText { color:#5c5c5c; font-size:12px; line-height:22px;}
.roomPre .roomText p {font-family: 'Oranienbaum', serif; font-size:16px; line-height:1.5em; color:#818181;}
.roomPre .room_more {position:relative; display:block; margin:-30px auto 0; width:80px; font-size:8px; line-height:22px; color:#313131; letter-spacing:0.1em; border:1px solid #313131; z-index:2}
.roomPre_02 { float:none;}

.subNav { display:none;}


@media  (max-width: 1680px){
}

@media  (max-width: 1420px){


}

@media  (max-width: 1280px){

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


}

@media  (max-width: 1024px){

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

.gnb_sub {margin-left:0;}

} 

@media  (max-width: 768px){

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

.subNav { position:relative; display:block; text-align:center; border-top:1px solid #eee; z-index:10;}
.subNav:after {content:"";display:block;clear:both;}
.subNav li { display:inline; margin:0 -2px;}
.subNav li a { display:inline-block; padding:5px 6px; font-size:12px; letter-spacing:-0.05em; line-height:1.6em;}
.subNav li.this a { background:#999; color:#fff;}

}

@media  (max-width: 560px){

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

.roomPre li { width:49%; margin-left:2%; margin-bottom:2em; }
.roomPre li:nth-child(2n+1) {margin-left:0;}

.btn_reser img { width:175px}

.footer_nav { width:96%; margin:0 auto; padding:0 0 0 5%}
.footer_nav dl.footer_nav01, .footer_nav dl.footer_nav02,
.footer_nav dl.footer_nav04, .footer_nav dl.footer_nav05 { width:37% !important;}
.footer_nav dl.footer_nav03, .footer_nav dl.footer_nav07 { width:26% !important;}
.footer_nav dl.footer_nav04 { margin-top:-55px;}
.footer_nav dt { font-size:15px; line-height:20px;letter-spacing:-0.08em; margin-bottom:10px; }
.footer_nav dd { margin-bottom:10px; }
.footer_nav dd li { font-size:11px; line-height:18px; margin-bottom:3px;}

#footer { padding:20px 0;}
.footer_info { margin-top:10px;}
.footer_phone { font-size:12px; line-height:20px; margin-bottom:5px;}
.footer_add { font-size:11px; line-height:16px; margin-bottom:5px;}
.footer_copy { line-height:16px;}

}

@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;}	
}

@media  (max-width: 359px){
.gnb a.depth1 { padding:5px; font-size:13px; line-height:20px;}
}

.hd_social{
	position: absolute;
	top: 15px;
	right: 10px;
	margin: 0;
}

.hd_social span{
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/common/sns_link.png);
}

.hd_social.foot_social span.blog,
.hd_social.foot_social a:hover span.blog,
.hd_social.foot_social a:focus span.blog{
	background-position: -46px -23px;
    background-size: 96px;
}

.hd_social.foot_social span.fa-instagram,
.hd_social.foot_social a:hover span.fa-instagram,
.hd_social.foot_social a:focus span.fa-instagram{
	background-position: -71px -23px;
    background-size: 96px;
}

.hd_social.foot_social a{
	padding: 0 5px;
}