@charset "utf-8";

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

/* room */
.roomArea { position:relative;}
.room_pattern01 { position:absolute; width:30.7%; right:0; top:-8%; z-index:1;}
.room_pattern02 { position:absolute; width:12.42%;  left:0; top:12%; z-index:1;}
.room_pattern03 { position:absolute; width:48.5%;  left:-22%; top:37.5%; z-index:1;}
.room_pattern04 { position:absolute; margin-top:-20%; right:-20px; text-align:right;  z-index:1; }
.room_pattern04 > img { width:355px; margin-right:-8%;}
.room_pattern04 .btn_reser { position:absolute; right:100px; top:80px;}


.room .subTitle { position:relative; text-align:left; max-width:1920px; margin-bottom:80px;}
.room .subTitle h2 { position:relative; margin-top:20px;  background:url(../images/room/subTitle_bg.png) left bottom no-repeat; padding-bottom:0;}
.room .subTitle h2 img { width:52%; min-width:500px; max-width:800px;}

.subTitle_01 { left:25%; top:36px; }
.room02 .subTitle_01 { left:28%;}

.room00 .subTitle { }
.room00 .subTitle h2 { padding-bottom:4.7%; color:#7a7975; font-size:170px;}
.room00 .subTitle_01 { left:42%; top:34%; text-align:right;}

.room .btn_reser { position:relative; text-align:right; margin:0 1.5% -10% 0; z-index:2; }
.room_con { position:relative; margin:10% 0 5%; }
.room_con:after {content:"";display:block;clear:both;}
.room_con dd {font-size:14px; line-height:24px; color:#626262;}
.room_info01 { float:left; width:50%;}
.room_info01 dt { font-family:"NanumBarunGothicLight"; font-size:28px; line-height:36px;  font-weight:300; color:#959595; text-transform:uppercase; margin-bottom:3%; padding-right:5%;}
.room_info01 dd { padding-right:5%;}
.room_info01 dd div { margin-top:10%;}
.room_info02 { float:left; width:25%;}
.room_info02 dt { position:relative; font-size:20px; line-height:28px; color:#7a7975; text-transform:uppercase; margin-bottom:5%; }
.room_info03 { float:left; width:25%;}
.room_info03 > dt { position:relative; font-size:20px; line-height:28px; color:#7a7975; text-transform:uppercase; margin-bottom:5%;}
.room_price dt strong { color:#000;  }
.room_price dd { margin-bottom:20px; }
.room_price dd strong { color:#434343;}

span.title_line { position:absolute; width:40%; height:2px; background:#abaaa8; margin-left:10px; top:14px;  }

.room_detail { margin-bottom:20px;}
.room_detail:after {content:"";display:block;clear:both;}
.room_detail li { float:left; width:19.6%; margin-left:0.5%;}
.room_detail li:first-child { margin-left:0;}
.room_detail li span{ display:block;font-family: 'Roboto Condensed', sans-serif; font-size:18px; line-height:20px; color:#959595; padding-bottom:12px; border-bottom:1px solid #e4e4e4;  margin-bottom:15px;  }
.room_detail li img { width:100%; vertical-align:top; }

.room_slide { width:96%; max-width:1200px; border-top:1px solid #e4e4e4; margin-bottom:5%;}
.room_slide dt {font-family:"NanumBarunGothicLight"; font-size:28px; line-height:36px;  font-weight:300; color:#959595; text-transform:uppercase; padding:50px 0 30px;}
.room_slide dd {}
.room_slide dd .bx-wrapper {position:relative; margin-bottom:80px;}
.roomPre_title { padding:50px 0 0; font-family: 'Montserrat', sans-serif; font-size:74px; line-height:56px; color:#d2d2d2; font-weight:700; letter-spacing:-0.05em; text-transform:uppercase; border-top:1px solid #e4e4e4;}
.roomPre_title img { width:56%; max-width:640px;}



/* room_preview */
.roomPre { margin-bottom:50px;}
.roomPre:after {content:"";display:block;clear:both;}
/* .roomPre li 원래 width 사이즈  15.6% */
.roomPre li { float:left; width:16.6%; margin-left:1.28%; margin-bottom:3%; overflow:hidden;} 
.roomPre li:first-child { margin-left:0;}
.roomPre li a {display:block;}
.roomPre li a:hover, .roomPre li a:focus { }
.roomPre li img { width:100%; opacity:0.5; filter: alpha(opacity=50;); 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;}
.room00 .roomPre li img { opacity:1; filter: alpha(opacity=100;);}
.roomPre li a:hover img, .roomPre li a:focus img {opacity:1; filter: alpha(opacity=100;); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.roomPre li .title { display:block; margin:5% 0 1%; font-family: 'Crimson Text', serif;font-size:46px; line-height:66px;color:#000; font-weight:400;}
.roomPre li .title span { font-size:1.2em;}
.roomPre li .text { display:block; font-size:12px; line-height:16px; color:#929292;}


@media  (max-width: 1280px){

.roomPre li { float:left; width:31.2%; margin-left:2.56%; overflow:hidden;}
.roomPre li:nth-child(3n+1) { margin-left:0;}
.roomPre li .title { font-size:36px; line-height:52px;}

.subTitle_01 { left:31%; top:16px; }
.room02 .subTitle_01 { left:32%;}
span.title_line { width:25%;}
.room .subTitle h2 {  background-size:180px 33px;}
}


@media  (max-width: 1024px){

}


@media  (max-width: 768px){


}


@media  (max-width: 560px){


}

@media  (max-width: 480px){

}


@media  (max-width: 380px){

}