@charset "utf-8";
.roomList { position:absolute; width:50%; min-height:110%; left:0; bottom:0; padding:3% 4% 2%; z-index:1; background: var(--bg-white);}
.main .roomList {min-height:100%;}
.roomList dl {  }
.roomList dt {font-family: 'GmarketSansMedium', sans-serif; font-size:1.25em; line-height:2em; margin-bottom:2em; letter-spacing:0.05em;}
.roomList dd {position:relative;}
.bx-wrapper { position:relative;}
.roomList .bx-viewport { height: 47.1vw !important}
.bx-controls { position:absolute; top:-40px; right:50%;  }
.bx-controls a { display:inline-block; margin-left:15px; opacity:0.5; }
.bx-controls a i { font-size:30px;}
.listCon { display:table; margin-bottom:5% !important;}
.listCon p { display:table-cell; width:50%; vertical-align:middle; }
.listCon p.img a { display:block; overflow:hidden;}
.listCon p.img img { width:100%; max-width:407px; 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;}
.listCon p.img a:hover img {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.listCon p.con {padding:5% 0 0 8%;}
.listCon p.con a > span { display:block;}
.listCon p.con .title { font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif; font-size:1.65em; line-height:2em;  font-weight:bold;}
.listCon p.con .text {font-family: var(--font-sans); font-weight:100; line-height:1.5em; margin:5% 0 18%; opacity:0.6;  }
.listCon p.con .view {display:block;}
.listCon p.con .view span { display:inline-block; width:50%; height:1px; background:#949494; vertical-align:middle; margin-right:10px;}


@media  (max-width: 1420px){
.listCon p.con .title {font-size:1.35em; line-height:1.5em;}
.listCon p.con .text {font-size:0.9em; margin:3% 0 12%;}
.listCon p.con .view span { width:40%; }

}

@media  (max-width: 1024px){
.roomList { padding:3% 3% 2.5%;}
.roomList .bx-viewport { height: 43vw !important}
.bx-controls { top:-40px; right:0;}
.listCon { margin-bottom:8% !important;}
.listCon p.img {width:40%}
.listCon p.con {width:60%; padding:2% 0 0 5%;}
.listCon p.con .title {font-size:1.15em; line-height:1.3em; font-weight: 500;}
.listCon p.con .text {font-size:0.8em; margin:3% 0 6%;}
}

@media  (max-width: 768px){

.roomList { position:relative; width:80%; min-height:auto !important; margin:-10% 0 0 20%; z-index:4;}
.roomList dt { line-height:1.2em; margin-bottom:5%; }
.roomList .bx-viewport { height:57.5vw !important;}
.listCon { margin-bottom:3% !important;}
.listCon p.img {width:35%}
.listCon p.con {width:65%; padding:0 0 0 5%;}
.listCon p.con .text {font-size:0.75em; margin:2% 0 2%; opacity: 1;}
/*.listCon p.con .view { display:none;}*/
}

@media  (max-width: 480px){

.roomList { width:90%; margin:-10% 0 0 10%;}
.roomList .bx-viewport { height:65.5vw !important;}
.listCon p.con .title {font-size:1.15em; }
.listCon p.con .text {font-size:0.8em;}
}