@charset "utf-8";

@import "slick.css"; /* slick swiper */
@import "https://use.fontawesome.com/releases/v5.0.6/css/all.css"; /* Font awesome */

/* 
   WEB FONT (CDN server)
   NanumBarunGothic, Nanum Myeongjo, NanumSquare
*/

@import url(https://cdn.jsdelivr.net/font-nanumlight/1.0/nanumbarungothicweb.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);



/* Room List */
.room_slide{display: block; float: left; height: 100%; min-height: 1px;}
.room-list-wrap { position:relative; clear:both; max-width:1900px; margin:70px auto; margin-top:20px; overflow:hidden; text-align:center; }
.sub_tit { font-family:'Lato';  text-align:center;}
.sub_tit span {display:block;margin-top:10px;border: 1px solid #313131;font-size: 2em;color: #313131;font-weight:400;padding: 24px;margin: auto;width: 29%;border-right: none;border-left: none;font-family:'Overpass';}
.sub_tit p {margin-top:25px;line-height:1.7;font-size: 13px;color: #747474;font-weight:400; font-family:'HangultuelGothic';}
.room-list { max-width:1530px; margin:0 auto; overflow:visible; margin-top:55px; }
.room-list .room_slide {position:relative;overflow:hidden;margin: 0 10px;text-align:center;}
.room-list .room_slide img { display:block; margin:0 auto; transition:1s; width:100%;}
.roomtop { margin-top:50px !important;}
.room-list .room_slide h1 { margin-top:20px; font-size:18px; color:#333; font-weight:600;}
.room-list .room_slide h2 { margin-top:10px;  font-size:16px; color:#333; transition:0.5s; font-weight:500; font-family:'HangultuelGothic';}
.room-list .room_slide p {margin-top: 32px;font-size:13px; color:#000;border:1px solid #000;width:200px;height:32px;margin: auto;line-height: 2.5;}
.room-list .room_slide a:hover:after { transform:translateX(10px); }

.room-list .room_slide section { transition:0.5s; }
.room-list .room_slide div { opacity:0; transform:translateY(100px); transition:0.5s; margin-top:3%;}
.room-list .room_slide:hover div { opacity:1; transform:translateY(0); }
.t00{display:inline-block; width:1px; height:20px; background:#3e3e3e;}


.slick-dots{display:none !important;}

@media(max-width: 1600px){.room-list{max-width:1520px;}}
@media(max-width: 1440px){.room-list{max-width:1230px;} .room-list .room_slide{ width:23%;} .room-list-wrap{ margin-top:0%;} }
@media(max-width: 1366px){.room-list{max-width:1140px;} .slide-btn-02 button{top:34%;} .slide-btn-02 button.prev:hover{left:-4%;}} 
@media(max-width: 768px){.room-list-wrap{margin-top:0px;}
.room-list-wrap > h1 p{margin-top:20px; font-size:10px;}
.sub_tit span{ font-size:1.8em; width:50%;}
.room-list .room_slide{ width:45%;}


.room-list{display:inline-block; margin-top:42px;}
.room-list .room_slide {width: 47%;margin: 0px 6px;float: left;}
.room-list .room_slide p{width:185px; margin:0px auto 20px;}
.room-list .room_slide div{opacity:1; transform:none; margin-top:5%;}
.t00{ background-color:#b9b9b9;} .room-list .room_slide h2{font-size:14px;}

.roomtop{margin-top:0px !important;}

.sub_tit span{width:50%;} 

}


@media(max-width: 500px){
.sub_tit span{font-size:1.2em; width:75%; padding:15px;}
}

@media(max-width: 375px){
.sub_tit p {font-size:10px;} .room-list .room_slide{width:46%;} .room-list .room_slide p {width:140px;}
}

@media(max-width: 365px){
.sub_tit p {font-size:10px;} .room-list .room_slide{width:46%;} .room-list .room_slide p {width:140px;}
}