@charset "utf-8";
#comingsoon{width:100%;padding-top:100px;text-align:center}
table{color:#333}
/* 타이틀 공통 */
.tit_h5{margin:38px 0 10px}
#sh_content h6{} /* 컨텐츠 소분류 타이틀 */
/* 인사말 */
.page0101{padding-bottom:50px;font-size:13px;line-height:20px;color:#7c7c7c}
.page0101 .tit{margin-bottom:30px;font-size:26px;color:#474747;font-family:'Nanum Myeongjo', serif}
.page0101 .tit span{font-size:32px;color:#257a9d}
.page0101 .cont_list{overflow:hidden}
.page0101 .cont_list li{float:left;width:320px;margin-right:20px}
.page0101 .cont_list li:last-child{margin-right:0}
.page0101 .cont_list li img{margin-bottom:30px}
.page0101 .cont_list li .li_tit{font-size:20px;font-weight:bold;color:#595959}
.page0101 .cont_list li .li_tit:after{display:block;width:32px;height:1px;margin:17px 0 21px;clear:both;content:'';background:#888888}
/* 예약안내 */
#reservation{}
#reservation .tbl_frm01{margin-bottom:0;font-size:1.05em}
#reservation table td{text-align:center}
#reservation .deadline_date{color:#444;padding-top:10px}
#reservation .cont_box{border:1px solid #ebebeb;font-size:1.05em;line-height:1.7em;color:#666;padding:20px}
#reservation .cont_textarea{width:98%;min-height:110px;padding:1%;line-height:1.5em}
/*인사말*/
.p54 .p54_tit {text-align:center}
.p54 .p54_tit p {text-align:left;font-size:31px;line-height:49px;margin-top:23px;font-family:'notokr-regular';border-left:7px solid #334d6d;padding-left:20px;color:#4b4b4b}
.p54 .p54_tit p b {color:#334d6d;font-family:'notokr-bold'}
.p54 .cont_area {position:relative;margin-top:20px;padding:43px 44px;border:1px solid #eee;background:url(/sh_page/img/p54_bg.png) 810px 28px no-repeat}
.p54 .cont_txt {display:inline-block;font-family:'notokr-regular'}
.p54 .cont_txt p {font-size:16px;color:#777;line-height:27px}
.p54 .cont_txt p b {font-size:18px;color:#334d6d;font-family:'notokr-bold'}
.p54 .deco {position:absolute;top:-43px;right:-46px;display:inline-block;width:175px;height:278px;background-color:#334d6d;float:right;position:relative}
.p54 .deco p {position:absolute}
.p54 .deco p:nth-of-type(1) {font-size:15px;line-height:18px;color:#fff;left:15px;font-family:'notokr-regular';bottom:75px}
.p54 .deco p:nth-of-type(2) {font-size:25px;color:#fff;line-height:25px;font-family:'notokr-bold';border-left:5px solid #fff;left:15px;padding-left:10px;bottom:15px}
/*예약하기*/
#progress {margin-bottom:50px}
#progress .progress_list li{display:inline-block;width:264px;padding-bottom:15px;border-bottom:2px solid #CCC;font-size:16px;color:#CCC;text-align:center;font-family:'notokr-medium'}
#progress .progress_list li>span{padding-right:10px}
#progress .progress_list .on{border-bottom:2px solid #526780;color:#526780}
#reservation{position:relative;box-sizing:border-box;font-family:'notokr-regular'}
#reservation .rsv_check{overflow:hidden;width:1070px;padding:35px 20px;border:1px solid #efefef;box-sizing:border-box;background:#f7f7f7}
#reservation .rsv_check>div{float:left;width:170px}
#reservation .rsv_txt{font-size:15px;text-align:center;color:#666666;font-family:'notokr-medium'}
#reservation .rsv_txt>span{color:#036;cursor:pointer}
#reservation .rsv_date{overflow:hidden;padding-top:25px;text-align:center}
#reservation .rsv_date > input{width:152px;margin:6px 0 0;padding:11px 0 11px 5px;border:1px solid #ddd;font-size:15px;color:#222;background:#f7f7f7;font-family:'notokr-medium'}
#reservation .rsv_date .l_date, .r_date{display:inline-block}
#reservation .rsv_date .l_date{text-align:left}
#reservation .rsv_date .rsv_num{padding:0 9px;font-size:45px;line-height:50px;color:#222}
#reservation .rsv_date .rsv_btn{width:20px;border:1px solid #bcbcbc;font-size:10px;line-height:20px;cursor:pointer}
#reservation .rsv_date .down_btn{margin-top:-1px}
#reservation .rsv_date .up_btn:before {content:"\f077";font-family:FontAwesome}
#reservation .rsv_date .down_btn:before {content:"\f078";font-family:FontAwesome}
#reservation .search_btn{width:140px;margin:30px auto 0;font-size:15px;padding:13px 0;color:#fff;text-align:center;cursor:pointer;background:#526780;transition-duration:0.4s;font-family:'notokr-medium'}
#reservation .search_btn:hover{background:#1584be}
#reservation .rsv_more{display:none;position:absolute;width:230px;padding:10px;border:1px solid #ddd;font-size:15px;text-align:center;color:#666;background:#fff}
#reservation .rsv_more:after{position:absolute;left:120px;bottom:-15px;content:url(/sh_page/img/more_bg.png)}
#reservation .rsv_more01{right:309px;top:-23px}
#reservation .rsv_more02{right:146px;top:-23px}
#rsv_room_area{margin-top:60px;box-sizing:border-box}
#rsv_room_area .tabs{overflow:hidden;width:469px;margin-bottom:30px;border:1px solid #efefef;border-right:none}
#rsv_room_area .tabs li{border-right:1px solid #efefef;float:left;width:155px;font-size:16px;line-height:50px;text-align:center;color:#333;cursor:pointer;transition-duration:0.4s;font-weight:'notokr-medium'}
#rsv_room_area .tabs .on{color:#fff;background:#526780}
#rsv_room_area .room_type{margin-bottom:20px;font-size:15px;line-height:40px;background:#f7f7f7;font-family:'notokr-regular'}
#rsv_room_area .room_type .type_name{padding-left:20px;color:#333;font-family:'notokr-medium'}
#rsv_room_area .room_type .type_txt{padding-right:20px;float:right;color:#666}
#rsv_room_area .type02{margin-top:60px}
#rsv_room_area .room_gall{overflow:hidden;padding:30px 0 30px 30px;margin-bottom:30px;border:1px solid #ddd;font-family:'notokr-regular'}
#rsv_room_area .room_gall > img , .room_inf, .price{float:left} 
#rsv_room_area .room_gall .room_inf{padding:42px 45px 0}
#rsv_room_area .room_gall .room_name{font-size:20px;letter-spacing:-0.3px;line-height:40px;color:#1584be;font-family:'notokr-bold'}
#rsv_room_area .room_gall .room_cont{font-size:16px;line-height:47px;font-style:italic;color:#797979}
#rsv_room_area .room_gall .room_per{font-size:15px;line-height:26px;color:#666}
#rsv_room_area .room_gall .price{width:278px;height:230px;border-left:1px dotted #ddd;text-align:center}
#rsv_room_area .room_gall .price .room_price{padding-top:63px;font-size:28px;color:#526780;font-family:'notokr-bold'}
#rsv_room_area .room_gall .price .room_price>span{padding-left:10px;font-size:18px;font-family:'notokr-medium'}
#rsv_room_area .room_gall .price .more{font-size:15px;line-height:45px;color:#222}
#rsv_room_area .room_gall .price .more:after {content:"\f002";padding-left:5px;font-size:12px;vertical-align:top;font-family:FontAwesome}
#rsv_room_area .room_gall .price .more:hover {color:#1584be}
#rsv_room_area .room_gall .price .rsv_choice{position:relative;width:200px;margin:0 auto;font-size:15px;line-height:48px;color:#fff;cursor:pointer;transition-duration:0.2s;background:#1584be}
#rsv_room_area .room_gall .price .rsv_choice span{padding-right:15px}
#rsv_room_area .room_gall .price .rsv_choice:hover{background:#526780}
#rsv_room_area .room_gall .price .rsv_choice:after{position:absolute;left:127px;content:url(/sh_page/img/btn_arr.png);transition-duration:0.5s}
#rsv_room_area .room_gall .price .rsv_choice.on:after{-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
#rsv_room_area .room_inf{width: 290px !important;padding: 19px 45px 0 !important;}
.room_list{position:relative;display:none;overflow:hidden;margin:10px 0 50px;border:1px solid #ddd}
.room_list .choice{float:left;width:782px}
.room_list .complete{position:absolute;top:50%;right:3.8%;margin-top:-26px}
.room_list .complete .btn_submit{width:200px;height:50px;font-size:15px;line-height:50px;color:#fff;cursor:pointer;transition-duration:0.4s;font-family:'notokr-medium';word-break:break-all;background:#526780;}
.room_list .choice>li{border-bottom:1px dotted #ddd;border-right:1px dotted #ddd;padding:20px 25px;font-size:15px;color:#666}
.room_list .choice>li:last-child{border-bottom:none}
.room_list .complete p{width:200px;margin:34px auto 0;font-size:15px;line-height:50px;color:#fff;cursor:pointer;transition-duration:0.4s;background:#666666;font-family:'notokr-medium'}
.room_list .complete p:hover{background:#526780}
/* 혜택 및 이용안내 */
#roomMore{display:none;overflow-y:scroll;position:fixed;left:50%;top:50%;z-index:1001;width:760px;height:650px;margin:-350px 0 0 -380px;text-align:center;background-color:#fff;box-shadow:5px 5px 15px -2px rgba(0,0,0,0.3);font-family:"notokr-regular"}
.popup_bg {display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:1000;background-color:rgba(0,0,0,.45)}
#roomMoreWrap { position:relative}	
#roomMoreWrap .tit { position:fixed;z-index:10;max-width:760px;width:100%;height:50px;padding-left:15px;box-sizing:border-box;color:#fff;text-align:left;line-height:50px;background-color:#526780}	
#roomMoreWrap .tit span{position:absolute;right:27px;cursor:pointer}
#roomMore p {font-size:14px;line-height:24px;color:#666}
#roomMoreWrap .img_box { padding-top:70px}
#roomMoreWrap .con_box {margin:45px 0 0 30px;text-align:left}
#roomMoreWrap .con_box h4 span {display:inline-block;width:235px;height:35px;font-weight:normal;font-size:18px;text-align:center;line-height:35px;font-family:'notokr-medium'}
#roomMoreWrap .con_span01 {background-color:#526780;color:#fff}
#roomMoreWrap .con_span02 {background-color:#777;color:#fff} 
#roomMoreWrap .con_bene {width:700px;margin-left:30px;border:1px solid #eee}
#roomMoreWrap .con_bene table {border-spacing:0}
#roomMoreWrap .con_bene th {width:125px;background:#e5e5e5;border-right:1px solid #eee;font-family:'notokr-medium'}
#roomMoreWrap .con_bene td{padding:15px 0 15px 30px;font-size:15px;line-height:26px;text-align:left}
#roomMoreWrap .con_info {width:700px;margin-left:30px;border:1px solid #eee;font-weight:300;text-align:left;background-color:#f7f7f7}
#roomMoreWrap .con_info p {padding:30px}
#roomMoreWrap .btn {position:relative;width:700px;margin-left:30px}
#roomMoreWrap .btn>span{display:block;position:absolute;left:50%;width:100px;height:35px;margin:30px 0 30px -50px;text-align:center;line-height:35px;text-decoration:none;cursor:pointer;background:#506880;color:#fff}
/*옵션선택*/
#rev_step_area{overflow:hidden;color:#666;font-family:'notokr-regular'}
#rev_step_area .option_area{float:left;width:780px}
#rev_step_area .room_info{float:right;width:270px}
#rev_step_area .option_area h3{overflow:hidden;padding:0 15px;font-size:15px;line-height:40px;color:#fff;background:#526780;font-family:'notokr-medium'}
#rev_step_area .option_area h3>span{float:right;font-size:13px;color:#f4f4f4;font-family:'notokr-regular'}
#rev_step_area .option_area .option{padding:10px 0;font-size:15px;color:#666}
#rev_step_area .option_area .option li{padding:25px 0}

#rev_step_area .option_area .option li input{margin-right:10px}
#rev_step_area .option_area .option li>span{float:right;font-family:'notokr-medium'}
#rev_step_area .option_area .option li>span select{margin-right:10px}
#rev_step_area .option_area .caption{margin-bottom:30px;padding:15px;font-size:14px;line-height:25px;border:1px solid #efefef;background:#f7f7f7}
#rev_step_area .add_req{border:1px solid #efefef;padding:20px 25px}
#rev_step_area .add_req h6{margin-bottom:10px;font-size:15px;color:#222;font-family:'notokr-medium'}
#rev_step_area .add_req > textarea{width:100%;height:100px;padding:10px;color:#666;box-sizing:border-box}
#rev_step_area .add_req .add_caption{overflow:hidden;margin:10px;font-size:13px;line-height:25px;color:#8b8b8b}
#rev_step_area .add_req .add_caption li{position:relative;padding: 0 0 0 9px !important;box-sizing:border-box}
#rev_step_area .add_req .add_caption li:after{position:absolute;left:0;top:12px;content:"";width:2px;height:2px;background:#69F}
#rev_step_area .rev_apply{overflow:hidden;width:274px;margin:8px auto}
#rev_step_area .rev_apply .rev_btn{float:left;width:117px;height:35px;margin:10px;font-size:15px;line-height:35px;text-align:center;color:#fff;background:#666;cursor:pointer;transition-duration:0.4s;}
#rev_step_area .rev_apply .rev_btn02{border:none;background:#526780}
#rev_step_area .rev_apply .rev_btn:hover{background:#1584be;}
#rev_step_area .room_info{padding:20px 15px;border:1px solid #efefef;border-top:2px solid #526780;box-sizing:border-box}
#rev_step_area .room_info h4{overflow:hidden;margin-top:5px;font-size:17px;color:#333;font-family:'notokr-medium'}
#rev_step_area .room_info h4 > span{float:right;font-size:14px;color:#999;font-family:'notokr-regular'}
#rev_step_area .room_info .rsv_info{margin:10px 0;padding:15px 10px;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;font-size:14px;line-height:23px;color:#666}
#rev_step_area .room_info .rsv_info li{color:#666;font-family:'notokr-medium'}
#rev_step_area .room_info .rsv_info li > span{float:right;font-family:'notokr-regular'}
#rev_step_area .room_info .add_m{padding:0 10px;font-size:17px;text-align:right;font-family:'notokr-bold'}
#rev_step_area .room_info .add_plus{margin-top:10px;font-size:20px;color:#526780}
#rev_step_area .room_info img{margin:15px 0}
#rev_step_area .room_info .tax{padding:5px 10px;font-size:14px;line-height:23px;color:#666;font-family:'notokr-medium'}
#rev_step_area .room_info .tax > span{float:right;font-family:'notokr-regular'}
/*고객정보 입력 개별*/
#rev_step_area .form_area{overflow:hidden;width:780px;margin-bottom:20px;padding:20px;border:1px solid #efefef;box-sizing:border-box}
#rev_step_area .form_area li{float:left;width:369px;padding:10px;box-sizing:border-box}
#rev_step_area .form_area li input[type="text"]{font-size:15px;width:90%;padding:10px;}
#rev_step_area .form_area .last{font-size:16px;line-height:39px;color:#666}
#rev_step_area .form_area .last label{padding:0 28px;}
#rev_step_area .tbl_wrap{margin-top:20px;}
#rev_step_area .tbl_wrap table th{border:1px solid #e9e9e9;background:#f8f8f8}
#rev_step_area .tbl_wrap table tfoot{background:#f8f8f8}
#rev_step_area .tbl_wrap table td{border:1px solid #e9e9e9;text-align:center}