@charset "utf-8";
.roomList { position:relative; padding:5%; z-index:1;}
.roomList li {position:relative;}
.roomList li a { display:block; text-align:center; color:#000;}
.roomList li a .img { display:block; overflow:hidden; background:#000;}
.roomList li a .img img { width:100%; vertical-align:top; opacity:0.6; -ms-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);}
.roomList li a:hover .img img {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); opacity:1;}
.roomList li a .title_01 { display:block; font-size:1.9em; line-height:1.6em; text-transform:uppercase; margin:0.7em 0; font-family: 'Pretendard', serif; }
.roomList li a .title_01 span {font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.roomList li a .title_01 span:before {content:" - ";}
.roomList li a .title_02 { display:block; font-size:1.1em; line-height:1.6em;}
.roomList li a .title_02 .arrow { vertical-align:super; margin:0 10px; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);}
.roomList li a:hover .title_02 .arrow { margin:0 0 0 20px;}

.roomList .lSAction > a { top:40%; text-align:center; background:#fff; border-radius:50%; }
.roomList .lSAction > a i { line-height:32px;}

/* 이미지맵 */
.img_map {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
}
.img_map h2 {
    display: block;
    margin: 0.3em 0;
    font-size: 1.9em;
    font-weight: 400;
    line-height: 1.6em;
    text-transform: uppercase;
    text-align: center;
}
.img_map > p {
    text-align: center;
}

.img_map .main_map {
    width: 1250px;
    height: 600px;
    margin: 0 auto;
}
.img_map .main_map img {
    width: 100%;
}
.img_100{
    max-width: 100%;
}

@media  (max-width: 1420px){

.roomList li a .title_01 { font-size:1.5em; font-size:1.8vw; }
.roomList li a .title_02 { font-size:1em; line-height:1.6em;}



}

@media  (max-width: 1024px){
.roomList li a .title_01 { font-size: 2.5vw; }
.roomList li a .title_02 { font-size:1em; line-height:1.6em;}
.roomList li a .title_02 .arrow { vertical-align:super; margin:0 10px; }
}

@media  (max-width: 768px){
.roomList { padding: 6% 4%; }
.roomList li a .title_01 span { display:block;}
.roomList li a .title_01 span:before {content:"";}
.roomList li a .title_02 { display:none;}

.roomList .lSAction > a  { top:35%;}



}

@media  (max-width: 480px){
.roomList { padding:6% 3%; }
.roomList li a .title_01 { font-size:1.1em; }

.roomList .lSAction > a  { top:30%;}

}