@charset "utf-8";

body{font-size:13px}
.container_step_wrap{width:100%}
input[type="checkbox"]{background:none}
.clear{content:"";display:block;clear:both}
.brn{border-right:none !important}
.bln{border-left:none !important}


#content .fistbox { clear:both; position:relative; font-size:13px; padding:12px 15px !important; margin:0 0 0 0; color:#323232; line-height:25px; letter-spacing:-0.3px; }
#content .fistbox p.bor_t1 { padding: 0 0 0 5px; color: #3c5b9b; display: block; font-size: 15px; font-weight: normal; margin-bottom: 5px; margin-top: 0; font-weight:600;}

.fb01 { background-color:#d02f4c;}
.fb02 {  background-color:#606976; }
.fb03 { background-color:#3c5b9b;}
.fb04 { background-color:#f5bc02;}

/* snb 공통부분 */
/*
#content .box_step_area{height:50px;margin-bottom:18px}
#content .box_step_area ul li{float:left;width:279px;height:50px;line-height:50px;padding-left:25px;background:#f3f4f5  url(/images/reservation/li.png) no-repeat 100% 0;font-size:15px}
#content .box_step_area ul li.on{color:#fff;font-weight:bold;background:#3e98bf url(/images/reservation/li_on.png) no-repeat 100% 0}
#content .box_step_area ul li.none{background:#f3f4f5 url(/images/reservation/li_none.png) no-repeat 100% 0}
#content .box_step_area ul li.list1{border-right:none}
#content .box_step_area ul li.list2{border-left:none;border-right:none}
#content .box_step_area ul li.list3{border-left:none;border-right:none;background:#f3f4f5 url(/images/reservation/li_list3.png) no-repeat 100% 0}
*/

/*
#content .box_step_area ul.bg_png {width:100% !important;height:52px; background-image:url(/images/reservation/li_all.png) !important;}
*/
#content .box_step_area{height:50px;margin-bottom:18px}
#content .box_step_area ul li.hidden { display:block !important; text-indent:-5000px; background:none !important;}
#content .box_step_area ul.depth1{width:681px;height:52px;background:url(/images/reservation/li_all.jpg) no-repeat;padding-top:0 }
#content .box_step_area ul.depth2{width:681px;height:52px;background:url(/images/reservation/li_all.jpg) no-repeat 0 -52px;padding-top:0 }
#content .box_step_area ul.depth3{width:681px;height:52px;background:url(/images/reservation/li_all.jpg) no-repeat 0 -104px;padding-top:0 }
#content .box_step_area ul.depth4{width:681px;height:52px;background:url(/images/reservation/li_all.jpg) no-repeat 0 -156px;padding-top:0 }



/*새달력*/
.container_step1.new { padding-bottom:30px;}

.point { width:95%; margin:0 auto; height:38px; font-size:13px; color:#606976;}
.point ul { float:left; padding:5px 0 0 0 !important;}
.point ul li { float:left; margin-right:15px; line-height:35px; padding:0 0 0 20px !important;}
.point ul li.sun {background:url("/images/reservation/sun.png") no-repeat 0 6px !important; }
.point ul li.sat {background:url("/images/reservation/sat.png") no-repeat 0 6px !important; }
.point ul li.fini {background:url("/images/reservation/finish.png") no-repeat 0 6px !important; }
.point ul li.res {background:url("/images/reservation/reserve_c.png") no-repeat 0 6px !important; }
.point ul li.selected {background:url("/images/reservation/reserve_my.png") no-repeat 0 6px !important; }
.point p { float:right; line-height:35px;}

.container_step1.new .calendar table { width:95%; margin:0 auto; font-size:13px;}
.container_step1.new .calendar table th { padding:13px 5px; width:3%; background-color:#f5bf03; border-right:1px solid #e2ac37; }
.container_step1.new .calendar table th.name { width:8%;  border-left:1px solid #e2ac37; }
.container_step1.new .calendar table th.sun { background-color:#eb4d4d;}
.container_step1.new .calendar table th.sat { background-color:#3e98bf;}
.container_step1.new .calendar table th.holy { background-color:#eb4d4d;}
.container_step1.new .calendar table td { padding:6px 0;}
.container_step1.new .calendar table td.we { background:url("/images/reservation/we.gif") repeat 0 0;}
.container_step1.new .calendar table td.ff { padding:11px; word-break: keep-all;}
.container_step1.new .calendar table td a { padding: inherit;}
.container_step1.new .calendar table td a.res { background:url("/images/reservation/reserve_c.png") no-repeat center center; text-indent:-5000px;}
.container_step1.new .calendar table td a.selected { background:url("/images/reservation/reserve_my.png") no-repeat center center; text-indent:-5000px;}
.container_step1.new .calendar table td span.fini { background:url("/images/reservation/finish.png") no-repeat center center; text-indent:-5000px; display:block;}

.container_step1 .calendar table td span { padding-bottom:10px; display:block;}

.new .period_notic { width:95%; margin:0 auto;  font-size:13px;  border-bottom:1px solid #ddd; height:99px;}
.new .period_notic ul { margin-top:10px; }
.new .period_notic li { line-height:22px !important; width:49% !important; float:left !important; color:#606060;}

.container_step1.new .choice { width:95%; margin:30px auto 0;}
.container_step1.new .choice > p > a { display:block; position:relative; margin:0 auto;}
.container_step1.new .choice .map { left:5px; top:30px; margin-bottom:30px;}

/*----------------------------- 객실선택------------------------------- */
.container_step_notice {position:relative; /*border:1px solid #d7d7d7;*/ display:inline-block; width:95%; padding:20px;line-height: 1.8;}
.container_step1{position:relative; border:1px solid #d7d7d7; display:inline-block; width:99.7%; padding-bottom:60px; }
.container_step1 .left_content{/*float:left;*/width:100%;background:#fff; padding-bottom:45px; position:relative;}

/* 달력 */
.container_step1 .calendar_control{position:relative;text-align:center;width:195px;margin:35px auto 20px;line-height:24px; font-size:17px; color:#424242; font-weight:600;} 
.container_step1 .calendar_control a{display:block;position:absolute;text-indent:-9999px;top:2px; }
.container_step1 .calendar_control .prev{width:25px;height:24px;background:url(/images/reservation/prev.png) no-repeat;left:0}
.container_step1 .calendar_control .next{width:25px;height:24px;background:url(/images/reservation/next.png) no-repeat;right:0}
.container_step1 .calendar table { margin:0 auto; width:85%; text-align:center;  background-color:#fff; border-collapse:collapse; border-spacing:0;}
.container_step1 .calendar table th { padding:16px 35px; background-color:#f5a803; color:#fff; border-right:1px solid #d9990e;}
.container_step1 .calendar table th.sun { border-left:1px solid #d9990e;}
.container_step1 .calendar table td { border:1px solid #d7d7d7; border-top:none;}
.container_step1 .calendar table td.sun a, #content .container_step1 .calendar table td.holiday a{color:#f44e4e}
.container_step1 .calendar table td.sat a{color:#2b7ea2;}

.container_step1 .calendar table td a { display:block; padding:16px 16px 10px; font-size:14px; font-weight:bold;}
.container_step1 .calendar table td.event { background: url("/images/council/main/calendar_ico.png") no-repeat scroll 5px -12px;}
.container_step1 .calendar table td.on{background:url(/images/reservation/red_icon.png) no-repeat scroll 38px 10px;}
.container_step1 .calendar table td.past{    
	background-attachment: scroll;
    background-clip: border-box;
    background-color: #f3f3f3;
}


.calendar .period_notic > ul { margin:20px auto !important; width:85%; }
.calendar .period_notic > ul li { font-size:13px; background-position: left 12px !important;}

/* 달력 끝 */

.container_step1 .choice{width:85%;margin:0 auto;margin-top:40px;}
.container_step1 .choice > p{font-weight:bold;font-size:15px; height:40px; line-height:40px; position:relative; width:100%;}
.container_step1 .choice > p > span{color:#eb4d4d;padding-left:5px}
.container_step1 .choice > p > a{width:210px;height:40px;line-height:40px;color:#fff;background:#eb4d4d;font-size:14px; position:absolute; right:0; text-align:center;}
.container_step1 .choice .map{display:none;position:relative;top:15px;width:1015px;height:764px;z-index:200; left:-48px;}
.container_step1 .choice .map .close{position:absolute;display:block;right:0;top:0;width:60px;height:60px;background:url(/images/reservation/map_close.png) no-repeat;text-indent:-9999px}


.container_step1 .choice .t_basis2{width:100%;text-align:center;margin-top:13px;border-top:2px solid #555555;border-bottom:1px solid #bbbbbb}
.container_step1 .choice .t_basis2 tbody td{border-top:1px solid #bbbbbb}
.container_step1 .choice .t_basis2 tbody tr.lastTR td{border-bottom:1px solid #bbbbbb}
.container_step1 .choice .t_basis2 tbody tr.on{background:#f4f8fe}
.container_step1 .choice .t_basis2 td,.container_step1 .choice .t_basis2 th{padding:15px 0}
.container_step1 .choice .t_basis2 td.bold{font-weight:bold}
.container_step1 .choice .t_basis2 td:first-child{text-align:left;  width:182px;}
.container_step1 .choice .t_basis2 td:first-child label{padding-left:5px}
.container_step1 .choice .t_basis2 td a{vertical-align:-2px;margin-left:3px}
.container_step1 .choice .t_basis2 select{padding:5px 10px;margin-left:5px;margin:0 auto}

.container_step1 .right_content{float:right;width:220px;z-index:100}
.container_step1 .right_content .inner{/*position:fixed;*/width:199px;left:-11px;top:0;}
.container_step1 .right_content h3{font-size:15px !important; font-weight:600 !important; text-align:center; margin-bottom:20px !important;margin-top:30px !important;color:#fff !important;height:50px;line-height:50px; background:#eb4d4d;}
.container_step1 .right_content .room{width:197px;height:35px;border:1px solid #d2d2d2;background:#fff}
.container_step1 .right_content .room p{font-size:13px;height:37px;line-height:35px;padding-left:15px}
.container_step1 .right_content strong{display:block;margin:20px 0 10px 0;font-size:15px}
.container_step1 .right_content .period{width:197px;height:90px; line-height:22px;border:1px solid #d2d2d2;background:#fff}
.container_step1 .right_content .period p{padding-left:15px;padding-top:13px; font-size:13px;}
.container_step1 .right_content .period p span{display:block}
.container_step1 .right_content .number{width:197px;height:35px;border:1px solid #d2d2d2;background:#fff}
.container_step1 .right_content .number p{height:37px;line-height:37px;padding-left:15px; font-size:13px;}
.container_step1 .right_content .price{width:197px;height:50px;border:1px solid #d2d2d2;background:#fff}
.container_step1 .right_content .price p{line-height:50px;}
.container_step1 .right_content .price p.blue{font-size:17px;color:#295abd;font-weight:bold;line-height:50px; text-align:center;}
.container_step1 .right_content button{cursor:pointer;border:none;background:#295abd;color:#fff;width:134px;height:52px;border:1px solid #1c4597;font-size:14px;margin-top:20px;font-weight:bold}
/* 서희진 추가 */
.container_step1 .right_content a.bg{float:left;display:block;text-align:center;background:#a6a6a6;color:#fff;width:60px;height:50px;line-height:52px;border:1px solid #767677;font-size:14px;margin-top:20px;font-weight:bold;margin-right: 3px;}

/*----------------------------------- 예약자 정보입력----------------------------------------- */

.container_step2 {position:relative;background:#f3f4f5; border:1px solid #d7d7d7; width:100%; }
.container_step2 .left_content{float:left;width:90%;background:#fff; padding:45px 5%;}

#content .container_step2 h3 {font-size:16px !important; font-weight:600;  padding:0 0 0 3px; background:none; color:#343434;  }
#content .container_step2 .right_content h3 { font-size:16px !important;}
.container_step2 .information table{width:100%;border-top:2px solid #555;border-bottom:1px solid #bbbbbb; font-size:13px; margin-top:20px;}
.container_step2 .information table tr th,.container_step2 .information table tr td{border-top:1px solid #ddd}
.container_step2 .information table tr.lastTR th,.container_step2 .information table tr.lastTR td{border-bottom:1px solid #ddd}
.container_step2 .information table tr td{padding:15px;  border-bottom:1px solid #ddd;}
.container_step2 .information table tr td p{padding-top:8px}
.container_step2 .information table tr td span{margin-left:10px;color:#777; font-size:13px;}
.container_step2 .information table tr td:first-child{/*border-right:1px solid #ddd*/ padding-left:2px;}
.container_step2 .information table tr th.bgGray{background:#f7f7f7;font-weight:bold;width:130px; padding-left:19px; border-bottom:1px solid #ddd;}
.container_step2 .information table tr td select{padding:5px 10px;}
.container_step2 .information table tr td input,.container_step2 .information table tr td select,.container_step2 .information table tr td textarea{ font-size:13px; height:25px; line-height:25px; padding:0 5px;}

.container_step2 .refund h3 {font-size:18px;margin-bottom:18px !important;margin-top:30px}
.container_step2 .refund .box{padding:0px 30px 30px 30px;border:1px solid #ddd; font-size:13px;}
.container_step2 .refund .box strong{display:block;font-size:15px;color:#3d5b9b;padding:30px 0 3px 1px;}
.container_step2 .refund .box ul { margin-top:10px;}
.container_step2 .refund .box ul li{line-height:18px;padding-left:10px !important; background:url(/images/reservation/list_style.gif) no-repeat left 7px !important;}
.container_step2 .refund .box ul li.bg_position{background-position:left 10px}
.container_step2 .refund .box ul.line{height:52px}
.container_step2 .refund .box ul.line li{float:left; width:35%;}
.container_step2 .refund .box ul.line li.mal100 { margin-left:0 !important;}
.container_step2 .refund .box ul.line li.margin_left{margin-left:0 !important;}
.container_step2 .refund > p{border:1px solid #ddd;padding:10px 15px;padding-left:20px;border-top:none;background:#f4f8fe}
.container_step2 .refund > p input{margin-right:8px}
.container_step2 .refund > p label, .container_step2 .use_agree > p label{color:#555;font-weight:bold; font-size:13px;}


.container_step2 .use_agree h3{font-size:18px;margin-bottom:18px !important;margin-top:30px}
.container_step2 .use_agree .box{padding:10px 30px 30px 30px;border:1px solid #ddd;overflow:auto;height:100px; font-size:13px;}
.container_step2 .use_agree .box strong { margin-top:14px; margin-bottom:5px; display:block;}
.container_step2 .use_agree .box ul li { background:none !important; padding:0 !important;}
.container_step2 .use_agree > p{border:1px solid #ddd;padding:10px 15px;padding-left:20px;border-top:none;background:#f4f8fe}
.container_step2 .use_agree > p input{margin-right:8px}
.container_step2 .use_agree > p a{float:right;color:#000;font-weight:bold; font-size:13px;}
.container_step2 .deposit h3{font-size:18px;margin-bottom:18px;margin-top:30px}
.container_step2 .deposit table{width:611px;border-top:2px solid #555;border-bottom:1px solid #bbbbbb}
.container_step2 .deposit table td,.container_step2 .deposit table th{border-top:1px solid #ddd}
.container_step2 .deposit table tr.lastTR td,.container_step2 .deposit table tr.lastTR th{border-bottom:1px solid #ddd}
.container_step2 .deposit table tr td{padding:15px 0}
.container_step2 .deposit table tr td.pal_weight{padding-left:20px;font-weight:bold}
.container_step2 .deposit table tr th.bgGray{background:#f7f7f7;font-weight:bold;text-align:center}
.container_step2 .deposit table tr td.pal{padding-left:20px}
.container_step2 .deposit table tr td label{padding-left:10px}
.container_step2 .deposit table tr td span{margin-left:20px;color:#ccc}
.container_step2 .deposit table tr td:first-child{border-right:1px solid #ddd}
.container_step2 .deposit table tr td select{padding:5px 10px}
.container_step2 .deposit table tr td input,.container_step2 .deposit table tr td select,.container_step2 .deposit table tr td textarea{margin-left:15px}

.container_step2 .right_content{/*width:220px;z-index:100; position:absolute; right:-280px;*/}
.container_step2 .right_content .inner{/*position:fixed;*/width:90% !important; clear:both !important; padding-top:45px;}
.container_step2 .right_content h3{font-size:17px !important;margin-bottom:20px !important;margin-top:0 !important;color:#fff !important;height:45px;line-height:45px !important;padding-left:20px !important; background:#eb4d4d !important;}
.container_step2 .right_content .room{ height:auto;border:1px solid #d2d2d2;background:#fff; margin:0 auto;}
.container_step2 .right_content .room ul { padding:15px 0 13px !important; margin-top:0 !important;}
.container_step2 .right_content .room ul li { font-size:13px; padding:0 0 0 24px !important; background-position:14px 8px !important;}
.container_step2 .right_content .room p{font-size:13px; height:37px;line-height:35px;padding-left:15px}
.container_step2 .right_content strong{display:block;margin:20px auto 10px;font-size:15px;}
.container_step2 .right_content .period{width:197px;height:77px;border:1px solid #d2d2d2;background:#fff;font-size:13px; height:90px;}
.container_step2 .right_content .period p{padding-left:15px;padding-top:13px; line-height:22px; }
.container_step2 .right_content .period p span{display:block}
.container_step2 .right_content .number{width:197px;height:35px;border:1px solid #d2d2d2;background:#fff;font-size:13px}
.container_step2 .right_content .number p{height:37px;line-height:37px;padding-left:15px}
.container_step2 .right_content .who{width:197px;height:35px;border:1px solid #d2d2d2;background:#fff;font-size:13px}
.container_step2 .right_content .who p{height:37px;line-height:37px;padding-left:15px}
.container_step2 .right_content .time{width:197px;height:35px;border:1px solid #d2d2d2;background:#fff;margin-bottom:80px}
.container_step2 .right_content .time p{height:37px;line-height:37px;padding-left:15px;font-size:13px}
.container_step2 .right_content .time span{display:block;padding:5px 0 0 5px;font-size:12px}
.container_step2 .right_content .price{ height:45px;border:1px solid #d2d2d2;background:#fff; margin:0 auto 10px;}
.container_step2 .right_content .price p{line-height:43px;}
.container_step2 .right_content .price p.blue{font-size:17px;color:#295abd;font-weight:bold;line-height:45px; line-height:43px; text-align:center;}
.container_step2 .right_content button{float:right;cursor:pointer;background:#295abd;color:#fff;width:20%;height:47px;border:1px solid #295abd;font-size:15px;margin-top:10px;font-weight:600; margin-right:10px; margin-bottom:45px;}
.container_step2 .right_content a.bg{float:right;display:block;text-align:center;background:#a6a6a6;color:#fff;width:20%;height:45px; line-height:45px; border:1px solid #a6a6a6;font-size:15px;margin-top:10px;font-weight:bold; margin-bottom:45px; margin-right:1px;}


/*---------------------------------- 예약완료 ------------------------------------------*/

.container_step3 {position:relative;background:#f3f4f5; border:1px solid #d7d7d7; width:90%;background:#fff;padding:45px 5%; }
.container_step3 .left_content{float:left;/*width:90%;*/background:#fff;}

.container_step3 .reservation_info h3 {font-size:17px !important; font-weight:600 !important; padding:0; background:none; margin-bottom:15px !important; color:#343434 !important; margin-top:0 !important;}
.container_step3 .reservation_info table{width:100%;border-top:2px solid #555;border-bottom:1px solid #bbbbbb; border-left:1px solid #ddd; font-size:13px;}
.container_step3 .reservation_info table td,.container_step3 .reservation_info table th{border-top:1px solid #ddd}
.container_step3 .reservation_info table tr.lastTR td,.container_step3 .reservation_info table tr.lastTR th{border-bottom:1px solid #ddd}
.container_step3 .reservation_info table tr.lastTR td{height:19px}
.container_step3 .reservation_info table tr td{padding:15px 0}
.container_step3 .reservation_info table tr td label{padding-left:10px}
.container_step3 .reservation_info table tr td span{margin-left:20px;color:#ccc}
.container_step3 .reservation_info table tr td{border-right:1px solid #ddd; padding:15px}
.container_step3 .reservation_info table tr th.bgGray{background:#f7f7f7;font-weight:bold;text-align:center}
.container_step3 .reservation_info table tr td select{padding:5px 10px}
.container_step3 .reservation_info table tr td input,.container_step3 .reservation_info table tr td select,.container_step3 .reservation_info table tr td textarea{margin-left:15px}


.container_step3 .left_content a{float:right;margin-top:16px;height:38px;line-height:37px;text-align:center;font-size:15px;border:1px solid #535b66;background-color:#606976;color:#fff;cursor:pointer;font-size:13px; font-weight:600; margin-bottom:15px; padding:0 25px;  width:100px;}
.container_step3 .reservation_info a { margin-top:16px; width:auto;}

.container_step3 .left_content a.reservation{ float:right; border:1px solid #b62f36; background-color:#db4149; margin-right:10px; width:100px;}

.container_step3 .left_content button{margin-top:30px; width:138px;height:40px; text-align:center;font-size:13px; font-weight:600; border:1px solid #1c4597;background:#295abd;color:#fff;cursor:pointer; float:right;}


/*관리자*/

.go_manager{text-align:center;margin-top:10px}

.go_manager a{float:right;display:block;color:#fff;padding:7px 0;width:50%;background:#555;}



/*예약완료*/
.pay_preview { background-color: #fff; padding: 5%; width: 90%; border:1px solid #d7d7d7; height:450px;}
.pay_dl p.pay_msg {text-align:center; }
.pay_dl p.pay_msg span {display:block; font-weight:600 ;}
.pay_dl p.pay_msg .success { font-size:36px; height:100px; line-height:115px; }
.pay_dl p.pay_msg .number { font-size:15px; color:#db4149; }

.pay_preview table {border-bottom: 1px solid #bbbbbb; border : 1px solid #ddd; border-top: 2px solid #555; font-size: 13px; width: 100%; margin-top:25px;}
.pay_preview table th {border-top:1px solid #ddd; padding:15px; background-color:#f7f7f7; text-align:center !important;}
.pay_preview table td {border-top:1px solid #ddd; padding:15px;}

.pay_preview .button { margin-top:23px; float:right; background-color:#db4149; border:1px solid #b62f36;}
.pay_preview .button a { display:block; width:138px; height:38px; text-align:center; color:#fff; font-weight:600; font-size:15px; line-height:37px;}



/*다중예약*/
.add_room_div {border:1px solid #295abd; border-bottom:none; background-color:#3f98c0;bottom:1px; max-width:1077px; width:65%; display:none; z-index:9999; position:absolute; width:100%}
.add_room_div p#submit_bt {position:absolute; top:3px; right:5px;}


#room_charge {background-color:#295abd; text-align:right; color:#fff; font-weight:bold; height:30px;line-height:30px; font-size:15px; padding:5px 150px; margin-bottom:12px;}
#total_charge {font-size:16px; margin:0 10px; width:80px; display:inline-block;}
.item_div {clear:both; margin:10px 20px; height:24px; line-height:23px; padding:15px; max-width:1005px; width:90%; /*border:1px solid #666;*/ position:relative; background-color:#f4f8fe;}
.item_div p {float:left; font-size:13px; margin:0 10px;}
.item_div p.item_room {width:47%;}
.item_div p.item_period {width:25%;}
.item_div p.item_persons {width:15%;}
.item_div p.item_charge {width:25%; text-align:right;}
.item_div p.item_del {position:absolute; top:20px; right:10px;}

.item_div p span {font-size:16px; font-weight:bold; margin:0 0 0 10px;} 
.arrow_bt {position:absolute; left:0; top:0;}


.reservation_ex_step1 {overflow:hidden;}