@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=News+Cycle');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Rozha+One');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:700');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,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: "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",'Noto Sans KR',"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: 'Noto Sans KR',"NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#343434; background:#fff; 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, .only_sound {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;}
.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.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.lightSlider li img { width:100%; vertical-align:top;}

.strongColor01 { color:#e45923;}

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

#header { position:fixed; height:100%; width:180px; left:0; top:0; background:#fff; opacity:0; filter: alpha(opacity=0;); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05); box-shadow:2px 2px 4px rgba(0, 0, 0, 0.05); -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; z-index:30;}
.logo { display:block; position:relative;}
.logo a {display:block; background:#283650; height:130px; text-align:center; -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;}
.logo img { display:block; margin:0 auto; 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;}
.logo .logo_img { width:56px; padding:18px 0 12px; }
.logo .logo_text { width:108px;}
.logo a:hover, .logo a:focus {background:#121f36;}
.logo a:hover .logo_img, .logo a:focus .logo_img  {-ms-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15);}
.logo a:hover .logo_text, .logo a:focus .logo_text  {transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg);}

.gnbArea { position:absolute; width:100%; left:0; top:50%; margin-top:-165px; }
.gnb > li { padding:0 10% 0 20%; margin-bottom:1px; -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;}
.gnb > li:hover { background:#e7ded3;  padding:10px 10% 0 20%;}
/*.gnb > li.this { background:#e7ded3;  padding:10px 10% 0 20%;}*/
.gnb > li a.depth1 { display:inline-block; font-family: 'Montserrat', sans-serif; font-size:15px; line-height:50px; color:#595959; text-transform:uppercase; font-weight:600; letter-spacing:0.1em;  -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;}
.gnb > li a.depth1:hover, .gnb > li a.depth1:focus, .gnb > li:hover a.depth1/*, .gnb > li.this a.depth1*/ { font-size:20px; color:#776759; font-weight:700; letter-spacing:-0.05em}
.gnb > li a.depth1:hover, .gnb > li a.depth1:focus, .gnb > li:hover a.depth1, .gnb_sub a:hover, .gnb_sub a:focus { text-decoration:underline;}
.gnb > li .depth1_mobile { display:none;}
.gnb_sub { height:0; padding-left:5px; overflow:hidden; -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;}
.gnb_sub:after {content:"";display:block;clear:both;}
.gnb_sub > ul { float:left; width:50%;}
.gnb2 .gnb_sub > ul.snb_sub01 {width:60%;}
.gnb2 .gnb_sub > ul.snb_sub02 {width:40%;}
.gnb > li:hover .gnb_sub { height:auto; padding:5px 0 15px 5px;  }
.this .gnb_sub {}
.gnb_sub li { margin-bottom:0.2em;}
.gnb3 .gnb_sub li { float:left; width:50%;}
.gnb_sub li a { font-size:1.05em; line-height:1.8em; color:#776759; background:url(../images/common/gnbSub_dot.gif) left 50% no-repeat; padding-left:7px;}
.gnb_sub li.this a { font-weight:700;letter-spacing:-0.05em;}

.btn_reser { position:absolute; width:100%; left:0; bottom:0; padding:20px 0 12px; background:#fff; text-align:center; font-family: 'PT Serif', serif; font-size:1.2em; color:#343434; line-height:1.8em;; font-style:italic;-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; z-index:10; }
.btn_reser:hover, .btn_reser:focus { font-size:1.5em; color:#000; }
.btn_reser > span { position:relative; display:block; width:36px; height:36px; margin:0 auto 3px; border:1px solid #898989; border-radius:50%; vertical-align:middle; -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_reser span span { position:absolute; width:10px; height:1px; background:#afafaf; -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_reser .line01 { left:50%; top:50%;}
.btn_reser .line02 { left:50%; top:50%; margin-top:-10px; width:1px; height:10px;}
.btn_reser span img { vertical-align:top;}
.btn_reser:hover > span, .btn_reser:focus > span { background:#283650; }
.btn_reser:hover span span, .btn_reser:focus span span { background:#fff;}
.btn_reser:hover .line01, .btn_reser:focus .line01 { margin-left:-1px; margin-top:2px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.btn_reser01 { display:inline-block; padding:10px 60px 10px 70px; background:#283650; text-align:center; font-family: 'PT Serif', serif; font-size:2.1em; color:#fff; line-height:1.8em;; font-style:italic;-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; z-index:10; }
.btn_reser01:hover, .btn_reser01:focus {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.btn_reser01 > span { position:relative; display:inline-block; width:36px; height:36px; margin:0 10px 0 20px;border:1px solid #fff; border-radius:50%; vertical-align:middle; -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_reser01:hover > span, .btn_reser01:focus > span { margin:0 0 0 30px;}
.btn_reser01 span span { position:absolute; width:10px; height:1px; background:#fff; -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_reser01 .line01 { left:50%; top:50%;}
.btn_reser01 .line02 { left:50%; top:50%; margin-top:-10px; width:1px; height:10px;}
.btn_reser01 span img { vertical-align:top;}
.btn_reser01:hover span span, .btn_reser01:focus span span { background:#fff;}
.btn_reser01:hover .line01, .btn_reser01:focus .line01 { margin-left:-1px; margin-top:2px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media  (max-width: 1280px){

#header { width:150px;}
.logo { display:block; position:relative;}
.logo a { height:110px;}
.logo .logo_img { width:48px; padding:12px 0 10px; }
.logo .logo_text { width:98px;}
.gnb > li:hover { padding:5px 8% 0 16%;}
.gnb > li a.depth1 { height:40px;}
.gnb_sub li a { font-size:0.95em;letter-spacing:-0.05em; padding-left:6px;}
.gnb_sub li.this a {letter-spacing:-0.1em;}
}

.lSSlideOuter, .lSSlideWrapper {overflow:visible !important;}
.room .lSSlideWrapper {overflow:hidden !important;}
.lightslider li { background-position:center bottom !important; background-size:cover !important; }
.lSAction { position:absolute; width:50px; height:114px; right:-115px;  z-index:10; }
.main .lSAction { bottom:0; }
.sub .lSAction { top:50%; margin-top:-74px;}
.sub .topArea .lSAction { bottom:0; top:auto !important; margin-top:0 !important; }
.lSAction > a { display:block; width:50px; height:.lSAction > a; margin:0 !important; cursor:pointer; text-align:center;font-family: 'News Cycle', sans-serif; font-size:15px; line-height:55px; color:#333;
-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; border-top:1px solid #000; border-bottom:1px solid #000; }
.lSAction a.lSNext { border-top:0;}
.lSAction a:hover, .lSAction a:focus {opacity:0.8; filter: alpha(opacity=80;);}
.lSAction a.lSPrev:hover, .lSAction a.lSPrev:focus { padding-right:10px;}
.lSAction a.lSNext:hover, .lSAction a.lSNext:focus { padding-left:10px;}

@media  (max-width: 1200px){

.sub .lSAction { right:20px; top:50%; margin-top:-74px;}
.sub .topArea .lSAction { bottom:20px; top:auto !important; margin-top:0 !important; }

}

/* footer */
#footer { position:relative; padding:0 0 0 180px; background:#fff; z-index:15;}
#footer:after {content:"";display:block;clear:both;}
.logo_footer { float:left; width:476px; text-align:center; }
.logo_footer a { display:block; height:170px; padding:8% 0; border-top:4px solid #cfa57d; border-bottom:4px solid #283650;}
.logo_footer a span {-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;}
.logo_footer a .img {display:block; }
.logo_footer a .text {display:block; font-size:13px; line-height:1.5em; margin-top:1.2em; font-weight:400; color:#6e6e6e;}
.logo_footer a:hover .img, .logo_footer a:focus .img { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg);}
.logo_footer a:hover .text, .logo_footer a:focus .text {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }
.mainCopy { position:absolute; width:calc(100vw - 660px); left:660px; bottom:0; }
.subCopy {  position:absolute; width:calc(100vw - 660px); left:660px; bottom:0; }
.copyWarp {  padding:1% 0 1.5% 2%;}
.copyWarp:after {content:"";display:block;clear:both;}
.copy_dl { float:left; margin-left:3%;}
.copy_dl01 { width:35%;}
.copy_dl02, .copy_dl03 { width:25%;}
.copy_dl dt {font-family: 'Maven Pro', sans-serif; font-size:1.6em; line-height:2em; font-weight:700; text-transform:uppercase; color:#000;}
.copy_dl dd { font-size:0.95em; line-height:1.6em; color:#494949;}
.copy_dl01 dd p { margin-top:0.5em;  text-transform:uppercase;}
.telNum {font-family: 'Crimson Text', serif; font-size:1.8em; line-height:1.2em; color:#000; }

@media  (max-width: 1480px){

.logo_footer { width:20%; }
.logo_footer a { padding:20% 0;}
.logo_footer a .img img { width:90%;}
.subCopy { width:66%; left:34%; }
.copy_dl dt { font-size:1.3em; line-height:2em;}
.copy_dl dd { font-size:0.9em; line-height:1.5em;}
.copy_dl01 dd p { margin-top:0.5em; }
.telNum { font-size:1.8em; line-height:1.2em;}

}

/* roomPrive */
#room_preview{  padding-top:5%;}
.roomPre_nav { position:relative; max-width:910px; width:50%; z-index:2;}
.roomPre_nav li { position:relative; float:left; width:24.6%; margin-left:3%; }
.roomPre_nav li.roomPre_nav_04 { margin:-5% 0 0 16.8%; }
.roomPre_nav li.roomPre_nav_05, .roomPre_nav li.roomPre_nav_06, .roomPre_nav li.roomPre_nav_07, .roomPre_nav li.roomPre_nav_08, .roomPre_nav li.roomPre_nav_09
{ margin-top:-5%; }
.roomPre_nav li a { display:block; }
.roomPre_nav li a img { width:100%; 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;}
.roomPre_nav li .roomPre_off { position:relative; z-index:1;}
.roomPre_nav li .roomPre_on { position:absolute; left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.roomPre_nav li a:hover .roomPre_on, .roomPre_nav li a:focus .roomPre_on, .roomPre_nav li a.on .roomPre_on {opacity:1; filter: alpha(opacity=100;);  }
.roomPre_nav li a span { position:absolute; width:100%; left:0; top:50%; text-align:center; margin-top:-15px; font-family:'PT Serif', serif; font-size:1.5em; line-height:30px; color:#fff; font-style:italic; text-transform:uppercase;-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; z-index:3;}
.roomPre_nav li a:hover span, .roomPre_nav li a:focus span {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

.roomPre_con { position:absolute; width:70%; height:100%; height:100vh; right:0; bottom:0; padding:6% 0 0 10%; background:url(../images/common/roomPre_conBg.png) left top no-repeat; background-size:cover; z-index:1;}
.room00 .roomPre_title {opacity:0; filter: alpha(opacity=0;); }
.roomPre_title { text-align:center; color:#cfa57d; margin-bottom:20%;}
.roomPre_title dt {font-size:2em; line-height:1.5em; letter-spacing:0.2em; margin-bottom:0.3em; }
.roomPre_title dd {font-family: 'Droid Serif', serif; font-size:1em; line-height:1.3em; font-style:italic;}
.roomPre_text { position:relative; max-width:400px; width:50%; margin:0 auto; text-align:center; color:#474747;}
.roomPre_text dl { position:absolute; width:100%; left:0; top:5em; opacity:0; filter: alpha(opacity=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; z-index:1;}
.roomPre_text .line { width:100px; height:1px; margin:0 auto 5em; background:#474747; }
.roomPre_text dt {font-family: 'Montserrat', sans-serif; font-size:3.2em; line-height:1em; font-weight:500; text-transform:uppercase; margin-bottom:0.6em;}
.roomPre_text dd { font-size:1.1em; line-height:1.5em;}
.roomPre_text dd p { margin-bottom:1em;}
.roomPre_text dl.on {opacity:1; filter: alpha(opacity=100;); z-index:2; }


/* special preview */
.spPre00 .topArea { height:calc(100vh - 130px); margin-bottom:10px;}
.spPre01 { position:relative; width:calc(100% - 180px); height:calc(100vh - 260px);}
.spPre01 div {position:absolute;height:50%; overflow:hidden; border-style:solid; border-color:#fff;  }
.spPre01_01 { width:40%; left:0; top:0; border-width:0 5px 5px 0; }
.spPre01_02 { width:60%; right:0; top:0; border-width:0 0 5px 5px; }
.spPre01_03 { width:60%; left:0; top:50%; border-width:5px 5px 0 0; }
.spPre01_04 { width:40%; right:0; top:50%; border-width:5px 0 0 5px; }
.spPre01 div p { position:absolute; width:100%; height:100%; left:0; top:0; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat; -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; z-index:1;}
.spPre01_01 p {background:url(../images/special/preImg_01.jpg);}
.spPre01_02 p {background:url(../images/special/preImg_02.jpg);}
.spPre01_03 p {background:url(../images/special/preImg_03.jpg);}
.spPre01_04 p {background:url(../images/special/preImg_04.jpg);}
.spPre01 div:hover p {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.spPre01 div a { position:absolute; display:block; width:310px; border:1px solid #fff; left:50%; top:50%; padding:10px 0; margin:-30px 0 0 -155px;text-align:center; color:#fff; font-family: 'PT Serif', serif; font-size:0.9em; -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; z-index:2;}
.spPre01 div a:hover, .spPre01 div a:focus { background:url(../images/bg/black_70.png); }
.spPre01 div a span { display:block; font-family: 'Rozha One', serif; font-size:2em; line-height:0.9em; text-transform:uppercase;}

.spPre02 { position:relative; margin-bottom:10px; padding-bottom:15%; background:#f1f1ef; z-index:1; }
.spPre02 > div { position:absolute; height:100%; top:0;}
.spPre02_01 { width:27.3%; height:82% !important; background:#283650;}
.spPre02_01_img {position:absolute; width:95%; height:55%; left:0; background:url(../images/special/preImg_05.jpg) center center no-repeat; background-size:cover !important; z-index:2; }
.spPre02_01_img .spPre_link { right:-25px; top:50%;}
.spPre02_01_text { position:absolute; width:100%; left:0; bottom:-12%; text-align:center; text-transform:uppercase; z-index:5;}
.spPre02_01_text span { font-family: 'Montserrat', sans-serif; font-size:2.1em; font-size:1.45vw; color:#fff;  line-height:1em; display:inline-block; border-bottom:2px solid #fff; margin-bottom:0.35em;}
.spPre02_01_bg { position:absolute; width:100%; height:13%; background:#f1f1ef; left:0; bottom:0; z-index:3; }
.spPre02_02 { width:14.7%; left:27.3%;}
.spPre02_02_img {position:relative; width:92%; left:8%; z-index:2; }
.spPre02_02_img .spPre_link { left:0; top:5%;}
.spPre02_02_img dl { padding-left:0 !important;}
.spPre02_03 { position:relative !important; width:19.8%; left:42%;}
.spPre02_03_img {position:relative; width:92%; left:4%; z-index:2; }
.spPre02_03_img img {position:relative; margin-bottom:4%; z-index:2; }
.spPre02_03_img .spPre_link { left:-4%; bottom:35%;}
.spPre02_03 dl { padding-left:0 !important; padding-top:1em !important;}
.spPre02_03_bg { position:absolute; width:100%; height:65%; left:0; top:0; background:#dcbb96; padding-top:5%; z-index:1;}
.spPre02_04 { width:38.2%; left:61.8%;}
.spPre02 dl { background:#f1f1ef; padding:2em 0 2em 2em; }
.spPre02 dt { font-size:1.5em; line-height:1.5em; margin-bottom:1em; }
.spPre02 dd { font-family:'Montserrat',"Noto Sans KR"; font-size:1.05em; line-height:1.7em; color:#818181;  }
.spPre02_text01 dt {font-family: 'Playfair Display', serif;}
.spPre02_text02 dt { font-weight:600; margin-bottom:2em;}
.spPre02_text02 dd p { margin-top:3em;}
.spPre_link { position:absolute; display:block; width:60px; height:42px; padding-right:7px;-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; z-index:6;}
.spPre_link:hover, .spPre_link:focus { padding:0 0 0 7px; }
.spPre_link img { vertical-align:top;}

.spPre03 { position:relative; width:89.6%; margin-top:-10%; z-index:3}
.spPre03 dl { position:absolute; width:90%; right:8%; top:50%; margin-top:-50px; padding-bottom:60px; text-align:right; color:#fff; z-index:5;}
.spPre03 dt {position:absolute; right:0; bottom:0; font-family: 'PT Serif', serif; font-size:2.8em; line-height:0.9em; font-style:italic; text-transform:uppercase;}
.spPre03 dd {font-family: 'PT Serif', serif;font-size:1.3em; line-height:1.5em; font-style:italic;}


@media  (max-width: 1280px){
.spPre00 .topArea { height:60vw; }
.spPre01 { width:calc(100% - 50px); height:calc(60vw - 110px);}
.spPre01 div a { width:260px; padding:10px 0; margin:-30px 0 0 -130px; font-size:0.8em; }
.spPre02 {width:100%;left:0;}
.spPre02_01 { height:78% !important;}
.spPre02_01_bg { height:8%;}
.spPre02 dl { padding:1em 0 1em 1em; }
.spPre02 dt { font-size:1.3em;}
.spPre02 dd { font-size:0.95em; line-height:1.5em;  }

}

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

@media  (max-width: 1480px){
.none1480 {display:none;} 
.block1480 {display:block;}
.in-block1480 {display:inline-block;}
}

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


} 

@media  (max-width: 768px){

.none768 {display:none;} 
.block768 {display:block;}
.in-block768 {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;}	
}