body {background:#c7b17c !important;}

@media  (max-width: 1366px){
	
	.subTitle { position:absolute; right:3%; top:10% !important; opacity:1; filter: alpha(opacity=1;); z-index:10;}
	.active .subTitle dd{ margin-top:1em !important;}
	.subTypo > dt .title01{ font-size:4em !important;}
}

.subArea { position:relative; z-index:2;}
.roomArea { padding-top:100vh;}
.topArea, .topArea02 { position:relative; background:#37373a; z-index:1;}
.topSlider { position:relative; width:100%; float:right; z-index:1;}
.about01 .topSlider, .special .topSlider { width:62%; max-width:1180px;}
.subTitle { position:absolute; right:3%; top:20%; opacity:1; filter: alpha(opacity=1;); z-index:10;}
.subTitle dt { font-family: 'GothamLight', sans-serif; font-size:5.3em;}
.subTitle dt span { display:block; opacity:0; filter: alpha(opacity=0;);}
@media  (max-width: 1920px){ .subTitle dt {font-size:3.6vw;} }
.subTitle dd { margin-top:0; opacity:0; filter: alpha(opacity=0;);}
.subTitle dd p {font-family: 'GothamLight', sans-serif; font-size:1.23em; line-height:2.5em;}

.active .subTitle dt .subTypo_t01 {font-size:1em; line-height:1em; letter-spacing:-7px; text-align:right;font-family: 'Jeju Myeongjo', serif; opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.1s;}
.active .subTitle dt .subTypo_t02 {font-family: 'Jeju Myeongjo', serif; letter-spacing:-2px; font-size:22px;opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.3s;}
.active .subTitle dt .subTypo_t03 {font-family: 'Jeju Myeongjo', serif; letter-spacing:4px; font-size:17px;opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.3s;}
.active .subTitle dd {font-family: 'Nanum Square';font-size:14px;opacity:1;text-align: -webkit-right;filter: alpha(opacity=100;); margin-top:2em; transition: all 0.6s ease-in-out 0.6s;}

.subTypo { color:#101010;  opacity:0; filter: alpha(opacity=0;);  z-index:3;}
.topArea .subTypo { position:absolute; text-align:-webkit-right; right:3%; bottom:48px; z-index:2; }
.subTypo > dt { margin-bottom:2em;}
.subTypo > dt .title01 {display:block; font-family: 'Sacramento', cursive; font-size:5em; line-height:1.1em; text-shadow: 1px 1px rgba(255,255,255,0.1); -webkit-text-shadow: 1px 1px rgba(255,255,255,0.1); -moz-text-shadow:1px 1px rgba(255,255,255,0.1);}
.subTypo > dt .title01 span { display:inline-block; width:0.3em;}
.subTypo > dt .title02 {display:block; font-size:1.3em; font-weight:600; text-shadow: 1px 1px rgba(255,255,255,0.1); -webkit-text-shadow: 1px 1px rgba(255,255,255,0.1); -moz-text-shadow:1px 1px rgba(255,255,255,0.1);}
.subTypo > dd { font-size:1.1em; line-height:1.8em;}
.subTypo_room { color:#fff;}
.subTypo_room > dt .title01, .subTypo_room > dt .title02 {  text-shadow: 1px 1px rgba(0, 0, 0, 0.2); -webkit-text-shadow:1px 1px rgba(0, 0, 0, 0.2);  -moz-text-shadow:1px 1px rgba(0, 0, 0, 0.2); }
.subTypo_room > dt .title02 { font-weight:400; margin:1em 0 2em;}

.active.topArea .subTypo { bottom:25%; }
.active .subTypo { opacity:1; filter: alpha(opacity=100;);transition: all 0.8s ease-in-out 1.3s;}

.subTypo01 { position:absolute; left:49.2%; bottom:48px; color:#101010;  opacity:0; filter: alpha(opacity=0;);  z-index:3;}
.subTypo01 .title01 {display:block; font-family: 'Saira Semi Condensed', sans-serif; font-size:3.8em; line-height:1.1em; font-weight:600; text-shadow: 1px 1px rgba(255,255,255,0.1); -webkit-text-shadow: 1px 1px rgba(255,255,255,0.1); -moz-text-shadow:1px 1px rgba(255,255,255,0.1);}
.subTypo01 .title02 {display:block; font-size:1.3em; font-weight:600; text-shadow: 1px 1px rgba(255,255,255,0.1); -webkit-text-shadow: 1px 1px rgba(255,255,255,0.1); -moz-text-shadow:1px 1px rgba(255,255,255,0.1);}

@media  (max-width: 1600px){
.subTitle{top:13% !important;}
}


@media  (max-width: 1280px){

.subTitle dd p { font-size:1em;}
.subNav li a { font-size:0.9em;}
.preNav li a { font-size:1em;}
.special .active .preNav li { font-size:1em;}
}

.topArea .lSAction, .topArea02 .lSAction, .roomSlider01 .lSAction { position:absolute; width:73%; left:0; top:50%; margin-top:-20px; z-index:2;}
.topArea .lSAction > a, .topArea02 .lSAction > a, .roomSlider01 .lSAction > a { position:absolute; display:inline-block; width:40px; height:40px; top:0; margin:0; font-family: 'Oranienbaum', serif; font-size:5em; line-height:40px;  color:#fff; text-align:center; opacity:1; filter: alpha(opacity=100;); -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;z-index:2;}
.topArea .lSAction > a.lSPrev, .topArea02 .lSAction > a.lSPrev, .roomSlider01 .lSAction > a.lSPrev { left:20px;}
.topArea .lSAction > a.lSPrev:hover, .topArea02 .lSAction > a.lSPrev:hover, .roomSlider01 .lSAction > a.lSPrev:hover { left:10px;}
.topArea .lSAction > a.lSNext, .topArea02 .lSAction > a.lSNext, .roomSlider01 .lSAction > a.lSNext {right:20px;}
.topArea .lSAction > a.lSNext:hover, .topArea02 .lSAction > a.lSNext:hover, .roomSlider01 .lSAction > a.lSNext:hover { right:10px;}
.topArea .count, .topArea02 .count { position:absolute; display:block; width:60px; right:28%; bottom:40px; text-align:center; font-family: 'Playfair Display', serif; font-size:1.5em; line-height:1.5em; color:#fff;  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);z-index:5;}
.topArea .count .current, .topArea02 .count .current { position:absolute; right:35px; top:-10px;}
.topArea .count .count_line {}
.topArea .count .total, .topArea02 .count .total { position:absolute; left:35px; bottom:-5px;}
.topLine { position:absolute; width:1px; height:44%; background:url(../images/bg/white_30.png); top:28%; z-index:2;}
.board .topLine, .board .lSAction { display:none !important;}
.topLine01 { left:80px;}
.topLine02 { right:80px;}
.topArea .btn_scroll { position:absolute; display:block; width:56px; left:calc(150px + 3%); bottom:70px; margin-left:-28px; -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; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.active.topArea .btn_scroll { opacity:1; filter: alpha(opacity=100;); bottom:56px; transition: all 0.3s ease 1.2s; }
.topArea .btn_scroll:hover, .topArea .btn_scroll:focus { bottom:50px;}


@media  (max-width: 1480px){
.topArea .btn_scroll { left:calc(100px + 3%); bottom:52px; margin-left:-21px;}
.topArea .btn_scroll, .topArea .btn_scroll img { width:42px;}
.active.topArea .btn_scroll { bottom:40px;}
.fix_bg { height:100vw;}
.preNav {bottom:30px;}
.active .preNav {bottom:40px;}
}