@charset "utf-8";

/* roomlist */
.roomWrapper {overflow: hidden; max-height: 723px;}
.roomWrapper:after{content:'';display:table;clear:both;}
.roomlist_title{position:relative;float:left;width:40%;/*padding-top:37.55%;*/ padding-top: 37.85%; opacity:0;filter:alpha(opacity=0;);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.roomlist_title.active{opacity:1;filter:alpha(opacity=100;)}
.roomlist_content{float:left;width:60%; border: 6px solid #fdf6e4;}
.roomlist_title_inner{position:absolute;top:0;left:0;width:100%;height:100%; padding-top: 25%;}
.rt_outer{display:table;width:100%;height:100%}
.rt_inner{display:table-cell;vertical-align:middle;text-align:right; padding-right: 10%; background: #fdf6e4;}
.rt_head:before { display:inline-block; content: ''; width: 20px; height: 20px; background: url('/html/images/common/dot.png') no-repeat center center; margin-right: 3%; vertical-align: middle;}
.rt_head{ line-height: 1.2; font-family: 'MaplestoryOTFBold'; font-size:38px;color:#5b5b5b;line-height:1;font-weight:100;margin-bottom:9%;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.rt_head.move{-webkit-transform:translateY(-4%);-ms-transform:translateY(-4%);transform:translateY(-4%);opacity:0;filter:alpha(opacity=0;)}
.rt_body{ color: #457bbd; font-size:1.07em;line-height:1.8; /*margin-bottom:18%;*/ margin: 8% 0; -webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s .15s ease-in-out;-moz-transition:all .3s .15s ease-in-out;-ms-transition:all .3s .15s ease-in-out;-o-transition:all .3s .15s ease-in-out;transition:all .3s .15s ease-in-out}
.rt_body.move{font-size:1.07em;line-height:1.8;margin-bottom:18%;-webkit-transform:translateY(-4%);-ms-transform:translateY(-4%);transform:translateY(-4%);opacity:0;filter:alpha(opacity=0;)}
.rt_desc{font-size:1.07em;line-height:1.8;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s .15s ease-in-out;-moz-transition:all .3s .15s ease-in-out;-ms-transition:all .3s .15s ease-in-out;-o-transition:all .3s .15s ease-in-out;transition:all .3s .15s ease-in-out}
.rt_desc.move{font-size:1.07em;line-height:1.8;-webkit-transform:translateY(-4%);-ms-transform:translateY(-4%);transform:translateY(-4%);opacity:0;filter:alpha(opacity=0;)}
.rt_inner .tag{margin-bottom:10%;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s .15s ease-in-out;-moz-transition:all .3s .15s ease-in-out;-ms-transition:all .3s .15s ease-in-out;-o-transition:all .3s .15s ease-in-out;transition:all .3s .15s ease-in-out}
.rt_inner .tag.move{-webkit-transform:translateY(4%);-ms-transform:translateY(4%);transform:translateY(4%);opacity:0;filter:alpha(opacity=0;)}
.rt_foot{font-family:'Abhaya Libre',serif;font-size:12px;color:#d1d1d1;line-height:1.4;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s .15s ease-in-out;-moz-transition:all .3s .15s ease-in-out;-ms-transition:all .3s .15s ease-in-out;-o-transition:all .3s .15s ease-in-out;transition:all .3s .15s ease-in-out}
.rt_foot.move{-webkit-transform:translateY(4%);-ms-transform:translateY(4%);transform:translateY(4%);opacity:0;filter:alpha(opacity=0;)}
.mainGrid{display:inline-block;width:100%;float:left}
.grid_item{position:relative;width:33.333333%;float:left;overflow:hidden;background:#18252e}
.grid_item img{width:100%;-webkit-transform:scale(1.03,1.03);-ms-transform:scale(1.03,1.03);transform:scale(1.03,1.03);opacity:.5;filter:alpha(opacity=50;);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float:left}
.grid_item:hover img{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;)}
.grid_item_inner{position:absolute;top:0;left:0;width:100%;height:100%}
.grid_item_tb{display:table;width:100%;height:100%;text-align:center}
.grid_item_tbc{display:table-cell;vertical-align:middle}
.grid_item .tag_inner{font-family:'Libre Baskerville',serif;font-style:italic}
.grid_item_text{color:#fff;font-size:1.07em;line-height:1.8; font-weight:100;}
.grid_item_title{font-size:1.23em;}
.lightslider li {position:relative; overflow: hidden;}
.lightslider li .txtRoom { display:none; }
.lSAction > .lSPrev { width: 39px !important; height: 39px !important; background: url('/html/images/common/room_arrow_prev.png') no-repeat !important;}
.lSAction > .lSNext { width: 39px !important; height: 39px !important; background: url('/html/images/common/room_arrow_next.png') no-repeat !important;}
@media (max-width:1024px) {
	.rt_inner, .grid_item_tbc {font-size:10px;}
	.rt_head {margin-bottom:6%;}
	.rt_body {margin-bottom:13%;}
	.rt_inner .tag {margin-bottom:6%;}
}
@media (max-width:768px) {
	.roomlist_title {padding-top: 38.34%;}
	.rt_inner, .grid_item_tbc {font-size:9px;}
	.rt_head {margin-bottom:5%; font-size:1.8em;}
	.rt_body {margin-bottom:12%; display: none;}
	.rt_foot {display:none;}
	.rt_inner {padding-right: 0; text-align: center;}
	.tag.left {padding:0;}
	.tag.left .tag_inner{padding:7% 12%;float:none}
	.tag.left::before{display:none}
	.rt_inner .tag{padding:0;margin:0 auto 5%; width: 60%; display: flex;}
	.tag.top .tag_inner{width:140px;padding:7% 0}
	.tag.top::before{display:none}
	.rt_head:before { width: 10px; height: 10px; background-size: cover; vertical-align: middle;}
	.lSAction > .lSPrev, .lSAction > .lSNext { display: none !important;}

}