@font-face { font-family: 'RIDIBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff'); font-weight: normal; font-style: normal; }

.mainTopText {padding:3.4% 0; text-align:center;}
.topTextMain {font-size:2em; font-weight:100; color:#616161; line-height:0.5; margin-bottom:1.7%; font-family: 'RIDIBatang';}
.topTextSub {font-style: italic; font-size:11px; font-weight:100; color:#b3b3b3; line-height:1.8; letter-spacing:0; }


/* roomPre */
.roomPre { position:relative; }
.roomPre_list { position:absolute; width:75%; height:100%; left:15%; top:0; z-index:2;}
.roomPre_list a.roomNav { position:absolute; display:block; opacity:1; color:#fff; width:6.5%; height:5%; margin:-0.7% 0 0 -4.2%;}
.roomPre_list a.link_cardier { position:absolute; display:block; width:14.4%; right:22%; bottom:0; z-index:3;}
.roomPre_list a.link_cardier img { width:100%; max-width:203px; vertical-align:top;}

.roomPre_list .roomNav01 {left: 26%;top:41%;}/*102*/
.roomPre_list .roomNav01:hover {top:40%; -webkit-transition: all 0.3s linear;}
.roomPre_list .roomNav02 {left: 15%;top:41%;}/*103*/
.roomPre_list .roomNav02:hover {top:40%; -webkit-transition: all 0.3s linear;}
.roomPre_list .roomNav03 { left:8%; top:41%;}/*104*/
.roomPre_list .roomNav03:hover {top:40%; -webkit-transition: all 0.3s linear;}
.roomPre_list .roomNav04 {left: 31%;top: 22%;}/*201*/
.roomPre_list .roomNav04:hover {top:21%; -webkit-transition: all 0.3s linear;}
.roomPre_list .roomNav05 {left: 15%;top: 22%;}/*202*/
.roomPre_list .roomNav05:hover {top:21%; -webkit-transition: all 0.3s linear;}
.roomPre_list .roomNav06 {left: -9%;top:22%;}/*203*/
.roomPre_list .roomNav06:hover {top:21%; -webkit-transition: all 0.3s linear;}

.roomPre_list .roomNav07 {left:49%;top: 76%;}/*facility01*/
.roomPre_list .roomNav07:hover {top:77%; -webkit-transition: all 0.3s linear;}
.roomPre_list .roomNav08 {left: -11%;top: 5%;}/*facility02*/
.roomPre_list .roomNav08:hover {top:6%; -webkit-transition: all 0.3s linear;}
.roomPre_list .roomNav09 { left:52%; top:55%;}/*facility03*/
.roomPre_list .roomNav09:hover {top:54%; -webkit-transition: all 0.3s linear;}


.roomPre_list .roomNav00 {left: -11%;top: 47%;}/*관리실*/

/*roompre_map*/
.room_txtbox{/* background: #fff; */position: absolute;z-index: 100;padding: 2% 0px;margin-top: -18%;}
.roompre_txt .room_txtbox{ margin:6% 0 0 7%; opacity: 0.85; border-radius:30px;}
.roompre_txt .room_txtbox.on{  top: 200px;}

.room_main_img_info{background:#fff;opacity:0.90;height: 14vw !important;width: 25vw !important;}
.room_main_img_info .table-cell { display:table-cell; vertical-align:middle;  }
.room_main_img_info .room_img_info-wrap {margin: 0% auto;}
.room_main_img_info .line-txt { position:absolute; top:0; left:0; display:block; width:355px; font-size:10px; }
.room_main_img_info .txt {position:absolute;left: 59px;top: 45px;/* text-align:right; */}
.room_main_img_info .txt h1 {font-size: 28px;color:#018bc1; font-family: 'YiSunShinDotumM';}
.room_main_img_info .txt h1 span {line-height: 2;font-weight: 400;color: #252525;letter-spacing: 22px;}
.room_main_img_info .txt .roompre_txt {background: #018bc1;color: #fff;padding: 6px; }
.room_main_img_info .txt p {margin-top: 14px;font-size: 16px;letter-spacing: -0.03em;line-height:1.5;color: #252525;font-family:'IBMPlexSansKR-Regular';}
.room_main_img_info .txt .large-txt { width:44%; margin-bottom:15px;}

.room_txtbox_m{display:none;}


.none1024 {display:block}
.block1024 {display:none}

@media all and (max-width:1680px) { 
.room_main_img_info{width:27vw !important; height:16vw !important;}
}


@media all and (max-width:1450px) {
.room_txtbox{margin-top:-20%;}	  .room_main_img_info{width:30vw !important; height:18vw !important;}
}

@media all and (max-width:1366px) { 
.room_main_img_info .txt p{font-size:14px;}
/*.roomPre_list a img{width:133%;}*/
}


@media all and (max-width: 800px){
main{background:#fff !important;}	
.room_main_img_info{width:100vw !important; height:33vw !important;}
.room_txtbox{display:none;} .room_txtbox_m{display:block;}
.room_txtbox_m .room_main_img_info .txt h1 span{ letter-spacing:14px;}

.room_main_img_info .txt{text-align:center; position:inherit; max-width:80%; margin:5% auto 0;}

.roomPre_list .roomNav04{left: 29%;} .roomPre_list .roomNav01{left: 30%;}


.topTextMain {font-size:1em;}
.roomPre_list a img{width:220%;}

}


@media all and (max-width: 450px){
.room_main_img_info{ height:47vw !important;}
}

@media all and (max-width: 375px){
.room_main_img_info .txt h1{font-size:20px; line-height:1;}
}

@media all and (max-width: 325px){
.room_main_img_info .txt{max-width:95%; margin-top:17%;} .room_main_img_info .txt p{font-size:12px;}
}