@charset "euc-kr";


/****  ¿¹¾àÇÏ±â  ****/
#re_wrap {  }
.re_top { width:100%;overflow:hidden; }
.re_top_img { float:left;border:1px solid #cccccc;border-right:0px;width:670px; }
.re_top_img img { width:100%; }
.re_calendar { float:left;width: 46%; padding: 20px;border:1px solid #cccccc; }
.re_calp { text-align:center;color: #ff0000;font-weight: bold;font-size: 16px;padding:4px 0 10px;margin-top:20px; }
.re_calp2 { text-align:center;font-weight: bold;font-size: 16px;padding:4px 0 10px;margin-top:20px; }
.room_search { display: inline-block;width: 100%;padding: 10px;font-size: 16px;font-weight: bold;color:#ffffff;border:1px solid #13579e;background-color:#13579e;  }
.room_search:hover { display: inline-block;width: 100%;padding: 10px;font-size: 16px;font-weight: bold;color:#ffffff;border:1px solid #13579e;background-color:#13579e;  }
.re_timetable { float:left;width: 52%;margin-left: 20px; }
.re_timetable table { width:100%;max-width:1000px;margin:0 auto;border-spacing: 0px; }
.re_timetable th { width:15%;max-width:150px;background: #f5f5f5;color: #000000;font-weight: bold;font-size: 14px; padding: 10px 10px;border: 1px solid #e0e0e0; }
.re_timetable td { border: 1px solid #e0e0e0;font-size: 15px; color:#000000;padding:10px 10px;text-align:left;border-spacing: 0px; }
.re_timetable .tit { font-size:18px; }
.re_timetable .empty_td { height:200px;background:#fbfbfb;color:#808080;text-align:center; }
.re_roomtit { color: #000000;font-weight: bold;font-size: 20px;margin-bottom: 20px;padding: 20px;background: #ffc64d; }
.re_bottom { text-align:right;padding:10px 0px; }
.reser_next { display: inline-block;padding: 10px;font-size: 16px;font-weight: bold;color:#ffffff;border:1px solid #000000;background-color:#000000;  }
.reser_next:hover { display: inline-block;padding: 10px;font-size: 16px;font-weight: bold;color:#ffffff;border:1px solid #000000;background-color:#000000;  }

.re_h2 { color: #000000;font-weight: bold;font-size: 20px;margin:30px 0 15px; }

.room-list01 { margin-left:-2.5%;overflow: hidden; }
.room-list01 li { float:left; box-sizing:border-box; border:1px solid #e0e0e0; width: 30.8%;margin-left:2.5%;   margin-bottom:2%;  transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; overflow: hidden;}
.room-list01 li:hover {border:1px solid #77a1cc;}
.room-list01 li > a {display:block;}
.room-list01 li img {width:100%; height:auto;}
.room-list01 li .img {position:relative; height:100%; }
.room-list01 li .img .price { margin-top: -40px;margin-left: 25px;text-align: center;font-size: 15px;font-weight: bold;color: #ffffff;position: absolute; z-index: 999;display:block; }
.room-list01 li .info {border-top:1px solid #e0e0e0; padding:25px 25px 15px; background:#FFF;overflow: hidden; position:relative;}
.room-list01 li .info .ro_name {color:#291a12; font-size:17px; font-weight:bold; /*white-space:nowrap;*/ overflow:hidden; text-overflow:ellipsis; width:100%; display:block;height: 30px; letter-spacing:-1px;}
.room-list01 li .info .ro_desc {color:#386594; font-size:13px; height:55px;}
.room-list01 li .sbtn {padding:15px 25px 30px;text-align:center;}
.room-list01 li .sbtn a.abtn { border:1px solid #dadada;text-align:center;display:block; padding:6px 0; font-size:14px; color:#000000;font-weight:bold;cursor:pointer;transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;  }
.room-list01 li .sbtn a:hover {color:#13579e;}

.re_cont { overflow:hidden; }
.re_left { float:left;width:52%; }
.re_right { float:right;width:46%; }

.re_left .re_rm_img img { width:100%; }
.re_box { border:1px solid #e0e0e0;background:#ffffff;margin-bottom:25px; }
.re_info { padding:15px 25px; }
.re_info h3 { font-size: 20px;font-weight: bold;margin-bottom:10px; }
.re_info p { font-size:14px;color:#446990;line-height:25px;min-height:50px;margin-bottom:20px; }
.rtit01 { display: inline-block;width: 100%;background:#f5f5f5;color:#000000;font-weight:bold;font-size:16px;padding:12px 25px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; }
.rtit02 { background:#ffffff;color:#000000;font-weight:bold;font-size:16px;padding:15px 25px; }
.bo-top { border-top:1px solid #e5e5e5; }
.bo-bot { border-bottom:1px solid #e5e5e5; }
.sprice { float:right; }
.re_info .infoh3 { font-size:15px;font-weight: bold; }
.re_timebox { margin-top: 15px;padding: 15px 20px 15px;border: 1px solid #dbdbdb; }
.re_info1 { width:35%;float:left; }
.re_info2 { width:65%;float:left; }

.img_thum { padding:15px 20px 5px; }
.img_thum ul { list-style-type:none;margin:0px;padding:0px;overflow:hidden; }
.img_thum ul li { float:left;padding-right:10px; }
.img_thum ul li a { display:block;border:3px solid #d8d8d8;cursor:pointer; }
.img_thum ul li a:hover { border:3px solid #13579e !important; }

#re_inwon { color:#000000; }

.reserv_go { display: inline-block;width: 100%;padding: 15px;font-size: 18px !important;font-weight: bold;cursor:pointer;border: 0px;color:#ffffff;background:#13579e;outline:none;  }

.re_form { padding:20px; }
.re_form table { width:100%; }
.re_form table th { width:30%;text-align:left;padding-left:10px;color:#4e3f37;font-size:15px; }
.re_form table th i { color:#2d55cc; }
.re_form table td { padding:7px; }
.re_form table td .frm_input { border:1px solid #d4d4d4;background:#ffffff;outline:none;height: auto;padding: 10px 10px;line-height:130%; }
.re_form table td textarea { border:1px solid #d4d4d4;background:#ffffff;outline:none;width:99%; }

.frm_input2 { color: #000;padding:0px 5px;vertical-align: middle;border:1px solid #d4d4d4;background:#ffffff;outline:none;height: 28px;line-height: 28px; }

.sp_chk { color:#a0a0a0;font-size:12px;font-weight: normal;float: right; }
.sp_chk i { color:#2d55cc; }

.re_pbox { padding: 25px;line-height:25px;color: #462b2b;font-size: 14px; }
.re_pbox a { color: #462b2b;font-size: 14px;cursor:pointer; }
.re_pbox a:hover { font-weight:bold;color:#000000; }

.agreebox { display:none;overflow: hidden;border:1px solid #e4e4e4;padding:10px 20px;margin:10px 0px;font-size:11px; }
.agreebox2 { display:none;border-top:1px solid #e5e5e5;padding:10px 20px;margin:10px 0px;font-size:11px; }
.closea { color: #7d7875 !important;border: 1px solid #b1adab !important;display: inline-block; float: right;font-size: 11px !important; padding: 0px 5px;cursor:pointer; }

.pay_div { padding:25px; }
.pay_div label { font-size:14px !important;cursor:pointer;margin: 0px; }

#bank_div { display:none; }
.w99 { width:99%; }

.chkbox { width: 18px; height: 18px; }
.re_pay { font-size:12px;color:#000000; }
.re_pay input[type=radio] { width: 18px; height: 18px;margin: 0px;margin-right:5px; }

.bank_info { padding: 0px 25px;line-height: 35px; }
.tax_info { padding: 10px 25px 20px;line-height: 35px; }
.tax_info h3 { font-size:14px;color:#000000 }
.tax_info label { font-size:13px;margin-right:10px;cursor:pointer; }

.chgbtn { float:right;background: #eaf2fb;color: #272727;border: 1px solid #a3b9d0;padding:30px;font-size:14px;font-weight: bold;margin-top: 20px; }

.btn-center { text-align:center;padding:20px 0px 15px; }
.re_h1 { font-size:22px;color: #000000;text-align:center;font-weight:bold;padding:10px 0px 20px; }
.re_desc { text-align:center;padding:0px 0px 20px;font-size:15px;color: #40a900;font-weight:bold; }
.re_desc2 { text-align:center;padding:10px 0px 20px;font-size:18px !important;color: #333333;font-weight:bold; }

/*.re_tbl table { width:100%;max-width:1000px;margin:0 auto; }
.re_tbl th { width:15%;max-width:150px;background: #f5f5f5;color: #000000;font-weight: bold;font-size: 14px; padding: 8px 10px;border: 1px solid #e0e0e0; }
.re_tbl td { border: 1px solid #e0e0e0;font-size: 14px; color:#000000;padding:8px 10px;text-align:left; }*/

.re_tbl table {width:100%; border-collapse:collapse; border: 0; border-top:2px solid #222; border-bottom:2px solid #222;}
.re_tbl th {border: 0; background: #f8f8f8; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; width:15%; max-width:150px; vertical-align: top; color: #000000; font-size:17px; padding:25px 40px; text-align:left;}
.re_tbl td {padding:10px 0 10px 40px; border-bottom:1px solid #ddd; font-size:16px;}
 

@media all and (max-width:900px){
 
.re_tbl th {font-size:15px; padding:20px 20px; width:120px;}
.re_tbl td {font-size:15px; padding:20px 20px;}


} 


@media all and (max-width:600px){

.re_tbl table {table-layout:fixed;}
.re_tbl th {font-size:13px; padding:20px 10px; width:100px; max-width:auto;}
.re_tbl td {font-size:14px; padding:20px 10px;}

}




.ro_btn { border: 1px solid #428C00;background: #4DA400;color: #ffffff !important;text-decoration: none;padding: 3px 2px;cursor:pointer; }
.ro_btn:hover { text-decoration:none;cursor:pointer; }
.ye_btn { border:1px solid #428C00;background:#ffffff;color:#428C00 !important;text-decoration:none;padding: 3px 2px;cursor:pointer; }
.ye_btn:hover { border:1px solid #428C00;background:#4DA400;color:#ffffff !important;text-decoration:none;cursor:pointer; }
.not_btn { border: 1px solid #838383;background: #F0F0F0;color: #777777 !important;text-decoration:none;padding: 3px 2px; }
.not_btn:hover { text-decoration:none; }

.ro_btn2 { border: 1px solid #428C00;background: #ffffff;color: #428C00 !important;padding: 3px 10px;display: inline-block;text-decoration: none;cursor:pointer;margin:3px;font-weight:bold; }
.ro_btn2:hover { text-decoration:none;cursor:pointer; }

.ro_btn3 { border: 1px solid #969696;background: #FFFFFF;color: #545454 !important;padding: 3px 10px;display: inline-block;text-decoration: none;cursor:pointer;margin:3px;font-weight:bold; }
.ro_btn3:hover { text-decoration:none;cursor:pointer; }

.close_btn { border: 1px solid #969696;background: #FFFFFF;color: #545454 !important;text-decoration: none;padding: 0px 3px;display: inline-block;cursor: pointer;font-weight: bold;float: right;margin-top: 8px; }
.close_btn:hover { text-decoration:none;cursor:pointer; }

/*.re_list table { width:100%;max-width:1200px;margin:0 auto; }
.re_list th { background: #f5f5f5;color: #000000;font-weight: bold;font-size: 14px; padding: 8px 10px;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8; }
.re_list td { border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;font-size: 14px; color:#000000;padding:8px 10px;text-align:left; }
*/
.re_list {}
.re_list table {border-collapse:collapse; width:100%; }
.re_list table th {background:#f7f7f7;border:1px solid #dedede; padding:12px 10px; font-size:15px; border-right:none;}
.re_list table th:first-child {border-left:none;}
.re_list table td {border:1px solid #dedede; text-align:center; padding:12px 10px; font-size:14px; border-right:none;}
.re_list table td:first-child {border-left:none;}
.re_list table td b {font-weight:bold;}

.text_area { border: 1px solid #dbdbdb; padding: 2%; width: 96%; }

@media all and (max-width:991px) {
	.room-list01 li { width:47.5% !important;margin-bottom:3%; }
	.room-list01 li .sbtn { padding:15px !important; }
	.room-list01 li .info { padding: 15px 15px 0px !important; }

	.re_top_img { float:none;width:100%; }
	.re_top_img .owl-item img { width:100% !important;height:auto !important; }
	.re_top_img p.desc { line-height: 100%; }

	.re_calendar { float:none;width:100%; }
	.re_timetable  { float:none;width:100%;margin-left:0px;padding-top:10px; }
	.re_timetable  th, .re_timetable td { display:block;width:100% !important;max-width:100% !important; }

	.re_left { float:none;width:100%; }
	.re_right { float:none;width:100%; }

	.re_left .re_rm_img .owl-item img { width:100% !important;height:auto !important; }

	.re_info1 { float:none;width:100%;padding-bottom:0px; }
	.re_info1 p { margin-bottom:5px; }
	.re_info2 { float:none;width:100%; }

	.re_form table th { width:35%; }

	.re_tbl table th { width:30% !important; }
	.full_input { width:100%; }
}

/* Customize the label (the container) */
.checkcontainer {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 15px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radiobtn {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
  transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .radiobtn {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkcontainer input:checked ~ .radiobtn {
  background-color: #ff3d00;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .radiobtn:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkcontainer .radiobtn:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.check-line-thr { text-decoration: line-through;color: #afafaf; }

.re_timeradio { margin-bottom:10px; }
.re_timeradio  input[type=radio] { width: 18px; height: 18px;margin: 0px;margin-right:5px; }

a.btn03 {display:inline-block;padding:9px 20px;border:1px solid #666;background:#666;color:#fff;text-decoration:none;vertical-align:middle}
a.btn03:focus, .btn02:hover {text-decoration:none}

/* ½Ã¼³ ¸®½ºÆ® */
#ro_li_wrap { margin-top:30px; }
.ro_ul_box { display: flex; }
.ro_target_box { width: 14%;text-align: center;padding-top: 18%;font-size: 18px;font-weight: bold;background: #f6f6f6; margin-right: 1%;margin-bottom: 15px; }
.ro_ul { width: 85%;margin-left:-1%;}
.ro_ul .ro_li {position:relative;float:left;margin:0px 0 15px 1%;padding:0px;width:24%;border:1px solid #7da2c9;   }
.ro_ul .ro_li:hover {border:1px solid #13579e;}
.ro_ul .ro_img{position:relative;border-bottom:1px solid #d9d9d9;padding-bottom:0px;}
.ro_ul .ro_img img { width:100%;height:100%;min-height:200px; }
.ro_ul .ro_subj {display:block;margin:20px 20px 0px 20px;font-size:1.2em;text-align:left;color:#000; font-weight:bold ;  line-height:140%; letter-spacing:-0.5px; height:25px;  overflow:hidden;}
.ro_ul .ro_subj a { color:#014e9f; }
.ro_ul .ro_txt{ color:#888;padding:10px 20px  20px 20px;text-align:left;font-size:14px;   letter-spacing:-1px;overflow: hidden; }
.ro_ul .ro_txt ul {color:#888;list-style-type: square;list-style-position: inside; }
.ro_ul .ro_txt li span { font-weight:bold;min-width:60px;display: inline-block;color:#444;}

@media all and (max-width:950px) {
	.ro_ul_box { display: inline-block;width:100%; }
	.ro_target_box { width:100%;padding: 10px 10px; } 
	.ro_ul {width:100%;margin-left:0;}
	.ro_ul .ro_li {position:relative;float:left;margin:0px 1% 15px 1%;padding:0px;width:48%;border:1px solid #d9d9d9 ;   }
	.ro_ul .ro_subj{margin:10px 10px;}
	.ro_ul .ro_img img { width:100%;height:100%;min-height:200px; }
	.ro_ul .ro_txt{ color:#888;padding:5px 10px  5px 10px;text-align:left;font-size:13px;   letter-spacing:-1px;overflow: hidden; }
	.ro_ul .ro_txt li p {  }
}

@media all and (max-width:550px) {
	.ro_ul_box { display: inline-block;width:100%; }
	.ro_target_box { width:100%;padding: 10px 10px;font-size:16px; } 
	.ro_ul { width:100%; margin-left:0;}
	.ro_ul .ro_li {position:relative;float:left;margin:0px 1% 15px 1%;padding:0px;width:98%;border:1px solid #d9d9d9 ;   }
	.ro_ul .ro_subj{margin:10px 10px;}
	.ro_ul .ro_img img { width:100%;height:100%;min-height:200px; }
	.ro_ul .ro_txt{ color:#888;padding:5px 10px  5px 10px;text-align:left;font-size:13px;   letter-spacing:-1px;overflow: hidden; }
	.ro_ul .ro_txt li p {  }
}
/* ½Ã¼³ ¸®½ºÆ® */

/* ½Ã¼³ Á¤º¸2 */
.re_left2 { float:left;width:46%; }
.re_right2 { float:right;width:52%; }

.re_left2 .re_rm_img2 img { width:100%; }
.re_left2 .re_rm_img2 { border:1px solid #e0e0e0; }
.re_box2 { background:#ffffff;margin-bottom:25px; }
.re_info2 { padding:15px 25px; }
.re_info2 h3 { font-size: 20px;font-weight: bold;margin-bottom:10px; }
.re_info2 p { font-size:14px;color:#446990;line-height:25px;min-height:50px;margin-bottom:20px; }

.img_thum2 { padding:0px 0px 0px;margin-top:10px; }
.img_thum2 ul { list-style-type:none;margin:0px;padding:0px;overflow:hidden; }
.img_thum2 ul li { float:left;padding-right:10px; }
.img_thum2 ul li a { display:block;border:3px solid #d8d8d8;cursor:pointer; }
.img_thum2 ul li a:hover { border:3px solid #13579e !important; }

.re_intotbl2 table { width:100%; }
.re_intotbl2 table th { width:30%;padding: 15px 10px;	color: #000000;border:1px solid #dddddd;background: #f7f7f7;font-size: 15px;height: 18px;line-height: 18px;	text-align: left;letter-spacing: -0.1em; }
.re_intotbl2 table th i { color:#2d55cc; }
.re_intotbl2 table td { border: 1px solid #dddddd;	padding: 15px 10px;	font-size: 15px;	color:#000000;	background: #FFF; }
.re_tit2 { margin:10px 0px 20px;padding-left:15px;border-left:5px solid #13579e;font-size:22px;font-weight:bold;height: 30px }

@media all and (max-width:950px) {
	.re_left2 { float:none;width:100%; }
	.re_right2 { float:none;width:100%; }
	.re_left2 .re_rm_img2 img { width:100%;height:100%; }
}
/* ½Ã¼³ Á¤º¸2 */
