@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");
}*/

/* roomPre */
.roomPre_area { position:absolute; width:80%; height:100%; left:10%; top:0;  z-index:5;}
.roomPre_link { position:absolute; width:107%; height:76%; left:-5%; top:13.8%; z-index:1;}
.roomPre_link li { position:absolute; width:120px; height:70px; margin:-35px 0 0 -60px; text-align:center; }
.roomPre_link li a { display:block; padding-bottom:6px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.roomPre_link li .roomName { position:relative; display:inline-block; background:url(../images/bg/black_50.png); color:#fff; padding:3px 10px; border-radius:4px; z-index:2;}
.roomPre_link li .point { position:relative;  display:block; margin-top:5px; z-index:1; }
.roomPre_link li .point img { vertical-align:top;}
.roomPre_link li a:hover, .roomPre_link li a:focus { padding:6px 0 0; }
.roomPre_link li.r01 { left:12.5%; top:24.6%;}
.roomPre_link li.r02 { left:37.9%; top:24.6%;}
.roomPre_link li.r03 { left:63.2%; top:24.6%;}
.roomPre_link li.r04 { left:89.2%; top:24.6%;}
.roomPre_link li.r05 { left:12.5%; top:49.4%;}
.roomPre_link li.r06 { left:37.9%; top:49.4%;}
.roomPre_link li.r07 { left:63.2%; top:49.4%;}
.roomPre_link li.r08 { left:89.2%; top:49.4%;}
.roomPre_link li.r09 { left:12.5%; top:66.6%;}
.roomPre_link li.r10 { left:37.9%; top:66.6%;}
.roomPre_link li.r11 { left:63.2%; top:66.6%;}
.roomPre_link li.r12 { left:89.2%; top:66.6%;}
.roomPre_link li.r13 { left:10.5%; top:88.6%;}
.roomPre_link li.r14 { left:37.9%; top:86.6%;}
.roomPre_link li.r15 { left:63.2%; top:86.6%;}
.roomPre_link li.r16 { left:91.2%; top:88.6%;}

.roomType { display:none;}
.roomType li { position:absolute; width:15.625%; height:9.6%;}
.roomType li a { position:relative; display:block; width:86.667%; top:20%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index:2;}
.roomType li.roomType05 a { top:40%;}
.roomType li.roomType01 a, .roomType li.roomType03 a, .roomType li.roomType05 a { margin-left:6%;}
.roomType li.roomType01:hover a, .roomType li.roomType03 a:hover, .roomType li.roomType05 a:hover,
.roomType li.roomType01:focus a, .roomType li.roomType03 a:focus, .roomType li.roomType05 a:focus { margin-left:14%;}
.roomType li.roomType02 a, .roomType li.roomType04 a { margin-left:10%;}
.roomType li.roomType02:hover a, .roomType li.roomType04 a:hover,
.roomType li.roomType02:focus a, .roomType li.roomType04 a:focus { margin-left:2%;}
.roomType li a img { width:100%;  vertical-align:top;}
.roomType li .line { position:absolute; width:50px; height:100%; border:3px solid #3c3c3c; top:0; z-index:1;}
.roomType li.roomType01 { right:2%; top:72%;}
.roomType li.roomType02 { left:0; top:71%;}
.roomType li.roomType03 { right:2%; top:57%}
.roomType li.roomType04 { left:0; top:44%;}
.roomType li.roomType05 { height:20%; right:2%; top:20%;}
.roomType li.roomType01 .line, .roomType li.roomType03 .line, .roomType li.roomType05 .line { left:0; border-left:0;}
.roomType li.roomType02 .line, .roomType li.roomType04 .line { right:0; border-right:0;}

.roomType_img { position:absolute; width:67%; left:15.5%; top:13%; z-index:10;}
.roomType_img div { position:absolute; left:0; top:0; padding:2%; background:#fff; display:none;}
.roomType_img div img { width:100%; vertical-align:top;}
.roomType_img dl { position:absolute; width:96%; padding:15px 20px; background:url(../images/bg/black_60.png); left:2%; bottom:3%; color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); text-align:center; z-index:5;}
.roomType_img dl dt { font-family: 'Oranienbaum', serif; font-size:22px; line-height:1.2em; text-transform:uppercase; }
.roomType_img dd { font-size:14px; line-height:1.5em;}

@media  (max-width: 1024px){

}


@media  (max-width: 768px){

.roomPre_link li .roomName { font-size:9.5px; line-height:1.2em; padding:2px 3px; border-radius:2px;}
.roomPre_link li .point { margin-top:-5px;}
.roomPre_link li .point img { width:13px;}

}


@media  (max-width: 560px){


}

@media  (max-width: 480px){

}


@media  (max-width: 380px){

}