@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
.room_bottom_05_font{ font-family: 'Nanum Square' !important;
}

/* reser */
.conTitle dt .title01 { display:block;font-family: 'Libre Baskerville', serif; font-size:60px; color:#454545; line-height:1em;  letter-spacing:-0.01em; margin-bottom:30px; font-weight:bold;}
.conTitle dt .title02 { display:block;font-family: 'Nanum Square';display:block; font-size:20px; line-height:1.2em; color:#2988d1; text-transform:uppercase;margin-bottom:30px;}
.conTitle dt .title03 { display:block; font-family: 'Nanum Square';font-size:17px; line-height:1.2em; color:#404040; margin-bottom:30px;}

.reserArea { position:relative; width:98%; width:calc(100% - 40px); overflow:hidden; margin:0 auto; background:url(/web/images/rev/rev_bg1.jpg) center top no-repeat; background-position:100% auto; }
.reser01 .reserArea {height:100vh;}
.reserArea01 {  position:absolute; width:37%; left:-13%; top:4%;}
.reserArea01 dd strong { font-size:1.1em; line-height:1.6em; color:#333;}
.reser01 .reserArea02 { float:left; width:74%; height:50vw; margin-left:25%; padding-top:5%; }

@media screen and (max-width:1366px) {
	
	.reser01 .reserArea02 { float:left; width:66% !important; height:50vw; margin-left:33% !important; padding-top:5%; }
	
	}

.reserArea02 .mCSB_container { width:90%;}
.reserArea02 dl { position:relative; margin-bottom:80px;  }
.reserArea02 dl dt { position:relative; padding:62px 0 15px 62px; margin-bottom:20px; font-size:17px; line-height:1.5em; color:#000; font-weight:700; background:url(/web/images/rev/reser_titleBg2.png) left top no-repeat;z-index:2;  }
.reserArea02 dl dd { position:relative; padding-left:32px; font-size:15px; font-weight: bold; line-height:1.8em; z-index:1; color: #000; }
.reser_img { width:100%; vertical-align:top; margin:-90px 0 30px;}


.priceTable { width:100%; border-collapse:collapse; border-top:1px solid #aaa; margin-bottom:3%;}
.priceTable th { padding:10px 5px; text-align:center; border-bottom:1px solid #aaa;font-size: 17px; font-weight: bold; color: #000;}
.priceTable td { padding:10px 2px; text-align:center; border-bottom:1px solid #ccc; line-height:1.5em; color: #000;}
.priceTable td:first-child { background:none;}
.priceTable tbody tr:hover { cursor:pointer; background-color:#0c3c59; color:#fff;}
.priceTable tbody tr:hover td { cursor:pointer;  background-color: #0c3c59; color:#fff;}
.priceTable .line { background:url(../images/sub/table_line.png) left center no-repeat; background-size:1px 16px;}
.priceTable th.line { background-size:1px 14px;}


.cancelTable { width:100%; border-collapse:collapse; margin:10px auto 20px auto; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.cancelTable th, .cancelTable td { color:#666; padding:8px 0px; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.cancelTable th { font-size:12px; color:#000; font-weight:bold; background-color:#f8f8f8; letter-spacing:-0.3px; }
.cancelTable td {font-size:12px; letter-spacing:0px;  color: #000;}

.reser02 .reserArea02 { float:left; width:65%; margin-left:35%; padding-top:5%; }
.reser_frame { position:relative; display:block; width:100%; height:1000px; margin:0 auto; padding:30px; background:#fff; border:0;}


@media \0screen { /* IE8 웹폰트 설정*/
}

@media  (max-width: 1600px){.reserArea01{left:-17%; top:0%;}

@media  (max-width: 1580px){

.facility .subTitle_01 { padding-left:4%;}

}

@media  (max-width: 1440px){.conTitle dt .title01{font-size:50px;}

@media  (max-width: 1280px){

}


@media  (max-width: 1024px){

}


@media  (max-width: 768px){


}


@media  (max-width: 560px){



}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}