@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700i');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
*@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");
}

.section_full { position:relative; height:100vh;}


.subNav { position:fixed; width:100%; height:52px; background:url(../images/bg/white_90.png); left:0; bottom:0; -webkit-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.2); box-shadow:2px 2px 3px 3px rgba(0, 0, 0, 0.2); z-index:30;}
.subNav dl {}
.subNav > dl dt { float:left; margin:15px 0 0 25px; font-family: 'Raleway', sans-serif;font-size:15px; color:#828282; line-height:1.5em; letter-spacing:0.2em; text-transform:uppercase;  }
.subNav > dl dd { float:left; margin:15px; }
.subNav li { float:left; color:#929292;}
.subNav li a { font-size:13px; color:#828282; line-height:1.8em;}
.subNav li a:hover, .subNav li a:focus {text-decoration:underline; color:#2c6cb6; }
.subNav li.this a { font-weight:700;color:#2c6cb6; }
.subNav li span { display:inline-block; width:1.5em; text-align:center;}

/* subLayout */
#contents { position:relative; padding:160px 0 250px; z-index:1;  }
.room #contents, .about02 #contents, .about03 #contents { padding-bottom:200px;}
.topArea, .topArea03 { position:relative; }
.topArea01 { position:relative; margin-bottom:30px;}
.tour .topArea01 { margin-bottom:100px;}
.subTitle { position:absolute; min-width:813px; height:320px; right:0; padding-right:40px; top:-36px; text-align:right; background:url(../images/sub/subTitle_bg.png) right bottom no-repeat; z-index:5;}
.board .subTitle { position:fixed; top:18vh;}
.subTitle dt { display:inline-block; padding:0 10px; font-family: 'Raleway', sans-serif;font-size:50px; color:#333; line-height:1.5em; letter-spacing:0.2em; font-weight:200;text-transform:uppercase; margin-bottom:0.3em; border-top:1px solid #888; border-bottom:1px solid #888; opacity:0.7; filter: alpha(opacity=70;);}
.subTitle dt strong { font-weight:400;}
.subTitle dd { padding-right:10px;font-family: 'Jeju Myeongjo', serif; font-size:15px; line-height:1.8em; color:#777;}
.subTitle dd strong { font-weight:400; color:#2c6cb6;}

.sbuTitle_02 { position:absolute; width:38%; left:31%; bottom:22px; text-align:center; font-family: 'Raleway', sans-serif; font-size:50px; line-height:1.7em; color:#fff; text-transform:uppercase; font-weight:400; letter-spacing:0.2em; border-top:1px solid rgba(255, 255, 255, 0.5); border-bottom:1px solid rgba(255, 255, 255, 0.5);  z-index:5;}
 

.gallery {height:82vh; height:calc(100vh - 160px);}
.gallery li { height:76vh; height:calc(100vh - 160px); }
.room .gallery li, .about_01 .gallery li { height:76vh; height:calc(100vh - 220px); }
.gallery02, .gallery03 { position:relative;}
.gallery03, .gallery03 li { height:90vh; height:calc(100vh - 50px); }

.btn_down { position:absolute; display:block; width:55px; height:28px; left:50%; bottom:25px; margin-left:-26px; -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; z-index:2; }
.btn_down:hover, .btn_down:focus { bottom:15px}

.topArea .btn_down { bottom:70px;}
.topArea .btn_down:hover, .topArea .btn_down:focus { bottom:60px}
.room .topArea .btn_down { bottom:15px;}
.room .topArea .btn_down:hover, .room .topArea .btn_down:focus { bottom:5px}
.subNav .checkArea { position:absolute; right:10px; top:10px;}

@media  (max-width: 1520px){

.room #contents, .about02 #contents, .about03 #contents { padding-bottom:140px;}
}

@media  (max-width: 1280px){

.section_full { height:50vw;}
.gallery, .gallery li { height:50vw;}
.room .topArea, .room .gallery li, .about_01 .gallery li {height:60vw;}
.gallery02, .gallery03 { position:relative;}
.gallery03, .gallery03 li { height:50vw; }

}

@media  (max-width: 1024px){


}


@media  (max-width: 768px){


}


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

@media  (max-width: 480px){



}


@media  (max-width: 380px){

}