@charset "utf-8";

#reservation {}
#reservation .btn_area {margin:30px 20px 0px 20px;}

/* 텝 영역 */
.tab_choice {margin:0px 20px 30px 20px;position:relative;}
.tab_choice li {width:48%;height:130px;box-sizing:border-box;border:3px solid #c4c6c7;text-align:center;cursor:pointer;position:relative;}
.tab_choice li:before {content:'';position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;border:2px solid #ffffff;}
.tab_choice li:last-child {position:absolute;top:0;right:0;width:48%;height:130px;}
.tab_choice li.on {border:3px;border-style: solid;border-image:linear-gradient(to bottom, #877669, #d92a1d);border-image-slice:1;box-shadow:5px 3px 10px rgba(42,42,42,0.2);}
.tab_choice li.on:before {border:none;}
.tab_choice .ico01 {display:block;background:url('../images/reservation/bg_tab_off01.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;}
.tab_choice li.on .ico01 {background:url('../images/reservation/bg_tab_on01.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice .ico02 {display:block;background:url('../images/reservation/bg_tab_off02.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;}
.tab_choice li.on .ico02 {background:url('../images/reservation/bg_tab_on02.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice .ico03 {display:block;background:url('../images/reservation/bg_tab_off03.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;}
.tab_choice li.on .ico03 {background:url('../images/reservation/bg_tab_on03.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice .ico04 {display:block;background:url('../images/reservation/bg_tab_off04.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;}
.tab_choice li.on .ico04 {background:url('../images/reservation/bg_tab_on04.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice .ico05 {display:block;background:url('../images/reservation/bg_tab_off05.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;}
.tab_choice li.on .ico05 {background:url('../images/reservation/bg_tab_on05.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice .ico06 {display:block;background:url('../images/reservation/bg_tab_off06.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;}
.tab_choice li.on .ico06 {background:url('../images/reservation/bg_tab_on06.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice .ico07 {display:block;background:url('../images/reservation/bg_tab_off07.png') no-repeat center 20px;background-size:auto 65px;padding-top:92px;}
.tab_choice li.on .ico07 {background:url('../images/reservation/bg_tab_on07.png') no-repeat center 20px;background-size:auto 65px;color:#da291c;}
.tab_choice .ico08 {display:block;background:url('../images/reservation/bg_tab_off08.png') no-repeat center 20px;background-size:auto 65px;padding-top:92px;}
.tab_choice li.on .ico08 {background:url('../images/reservation/bg_tab_on08.png') no-repeat center 20px;background-size:auto 65px;color:#da291c;}
.tab_choice .ico09 {display:block;background:url('../images/reservation/bg_tab_off09.png') no-repeat center 20px;background-size:auto 65px;padding-top:92px;}
.tab_choice li.on .ico09 {background:url('../images/reservation/bg_tab_on09.png') no-repeat center 20px;background-size:auto 65px;color:#da291c;}
.tab_choice .ico10 {display:block;background:url('../images/reservation/bg_tab_off10.png') no-repeat center 20px;background-size:auto 65px;padding-top:92px;}
.tab_choice li.on .ico10 {background:url('../images/reservation/bg_tab_on10.png') no-repeat center 20px;background-size:auto 65px;color:#da291c;}
/* 탭 3단 구성 */
.tab_choice2 {margin:0px 20px 30px 20px;position:relative;height:145px;}
.tab_choice2 li {width:30.666%;height:145px;box-sizing:border-box;border:3px solid #c4c6c7;text-align:center;cursor:pointer;position:relative;float:left;margin-right:4%;}
.tab_choice2 li:before {content:'';position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;border:2px solid #ffffff;}
.tab_choice2 li:last-child {margin-right:0;}
.tab_choice2 li.on {border:3px;border-style: solid;border-image:linear-gradient(to bottom, #877669, #d92a1d);border-image-slice:1;box-shadow:5px 3px 10px rgba(42,42,42,0.2);}
.tab_choice2 li.on:before {border:none;}
.tab_choice2 .ico01 {display:block;background:url('../images/reservation/bg_tab_off01.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;line-height:20px;}
.tab_choice2 li.on .ico01 {background:url('../images/reservation/bg_tab_on01.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice2 .ico02 {display:block;background:url('../images/reservation/bg_tab_off02.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;line-height:20px;}
.tab_choice2 li.on .ico02 {background:url('../images/reservation/bg_tab_on02.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice2 .ico03 {display:block;background:url('../images/reservation/bg_tab_off03.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;line-height:20px;}
.tab_choice2 li.on .ico03 {background:url('../images/reservation/bg_tab_on03.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice2 .ico04 {display:block;background:url('../images/reservation/bg_tab_off04.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;line-height:20px;}
.tab_choice2 li.on .ico04 {background:url('../images/reservation/bg_tab_on04.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice2 .ico05 {display:block;background:url('../images/reservation/bg_tab_off05.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;line-height:20px;}
.tab_choice2 li.on .ico05 {background:url('../images/reservation/bg_tab_on05.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}
.tab_choice2 .ico06 {display:block;background:url('../images/reservation/bg_tab_off06.png') no-repeat center 20px;background-size:62px auto;padding-top:92px;line-height:20px;}
.tab_choice2 li.on .ico06 {background:url('../images/reservation/bg_tab_on06.png') no-repeat center 20px;background-size:62px auto;color:#da291c;}

/* 안내 */
.reservation_info {margin:50px 20px 0px 20px;position:relative;border:1px solid #c4c6c7;position:relative;border-bottom:none;}
.reservation_info .info_box {border-bottom:1px solid #c4c6c7;position:relative;}
.reservation_info h3 {line-height:48px;padding-left:20px;font-size:16px;color:#2a2a2a;}
.reservation_info .view01 {position:absolute;top:0px;right:0px;width:48px;height:48px;font-size:0;background:url('../images/login/arrow_down_01.png') no-repeat center;background-size:13px auto;cursor:pointer;}
.reservation_info .view01.on {background:url('../images/login/arrow_up_01.png') no-repeat center;background-size:13px auto;}
.reservation_info .detail_info {padding:0px 20px 25px 20px;border-top:1px solid #c4c6c7;display:none;}
.reservation_info .detail_info h4 {padding:25px 0px 10px 0px;line-height:20px;color:#2a2a2a;}
.reservation_info .detail_info .text01 {line-height:20px;}
.reservation_info .detail_info .fc01 {color:#da291c;}
.reservation_info .detail_info .use_store {*zoom:1;}
.reservation_info .detail_info .use_store:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.reservation_info .detail_info .use_store li {float:left;width:33.33%;margin-bottom:20px;}
.reservation_info .detail_info .use_store li img {width:100%;}
.reservation_info .detail_info .btn01 {}
.reservation_info .detail_info .btn01 button {margin-bottom:10px;text-align:left;padding:0px 20px 0px 20px;display:inline-block;width:auto;}
.reservation_info .detail_info .btn01 .ico01 {display:inline-block;padding-right:25px;background:url('../images/reservation/ico_btn_01.png') no-repeat right center;background-size:16px auto;}
.reservation_info .detail_info .btn01 .ico02 {display:inline-block;padding-right:14px;background:url('../images/reservation/btn_arrow_01.png') no-repeat right center;background-size:6px auto;}

/* 정보입력 스텝 */
.reservation_input {margin-bottom:30px;}
.reservation_input .step_title {height:65px;box-sizing:border-box;border:3px solid #c4c6c7;cursor:pointer;position:relative;}
.reservation_input .step_title:before {content:'';position:absolute;top:26px;right:17px;width:12.5px;height:7px;background:url('../images/reservation/arrow_off_01.png') no-repeat;background-size:100%;} 
.reservation_input .step_title.on {border:3px;border-style: solid;border-image:linear-gradient(to bottom, #877669, #d92a1d);border-image-slice:1;box-shadow:5px 3px 10px rgba(42,42,42,0.2);}
.reservation_input .step_title.on h3 {color:#da291c;}
.reservation_input .step_title.on:before {background:url('../images/reservation/arrow_on_01.png') no-repeat;background-size:100%;}
.reservation_input .step_title h3 {font-size:16px;color:#2a2a2a;line-height:59px;padding-left:17px;}
.reservation_input .step_title .alert01 {position:absolute;top:23px;right:39px;font-size:12px;padding-left:7.5px;background:url('../images/login/bul_alert_01.png') no-repeat 0px 5px;background-size:5px auto;}
.reservation_input .input_area {margin:0 20px;}
.reservation_input .info_input_table {margin:15px 0px 50px 0px;}

/* 국제배송 스텝 */
.delivery_step {margin-bottom:12px;}
.delivery_step ul {width:320px;margin:0 auto;*zoom:1;}
.delivery_step ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.delivery_step li {width:33.33%;float:left;font-size:0;margin-bottom:18px;height:88px;}
.delivery_step li:first-child {width:29%;}
.delivery_step .step01 {background:url('../images/reservation/delivery_step_off01.png') no-repeat;background-size: auto 100%;}
.delivery_step .step01.on {background:url('../images/reservation/delivery_step_on01.png') no-repeat;background-size: auto 100%;}
.delivery_step .step02 {background:url('../images/reservation/delivery_step_off02.png') no-repeat;background-size: auto 100%;}
.delivery_step .step02.on {background:url('../images/reservation/delivery_step_on02.png') no-repeat;background-size: auto 100%;}
.delivery_step .step03 {background:url('../images/reservation/delivery_step_off03.png') no-repeat;background-size: auto 100%;}
.delivery_step .step03.on {background:url('../images/reservation/delivery_step_on03.png') no-repeat;background-size: auto 100%;}
.delivery_step .step04 {background:url('../images/reservation/delivery_step_off04.png') no-repeat;background-size: auto 100%;}
.delivery_step .step04.on {background:url('../images/reservation/delivery_step_on04.png') no-repeat;background-size: auto 100%;}
.delivery_step .step05 {background:url('../images/reservation/delivery_step_off05.png') no-repeat;background-size: auto 100%;}
.delivery_step .step05.on {background:url('../images/reservation/delivery_step_on05.png') no-repeat;background-size: auto 100%;}
.delivery_step .step06 {background:url('../images/reservation/delivery_step_off06.png') no-repeat;background-size: auto 100%;}
.delivery_step .step06.on {background:url('../images/reservation/delivery_step_on06.png') no-repeat;background-size: auto 100%;}

/* 국제배송 스텝 */
.delivery_step2 {margin-bottom:12px;}
.delivery_step2 ul {width:320px;margin:0 auto;*zoom:1;}
.delivery_step2 ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.delivery_step2 li {float:left;font-size:0;margin-bottom:18px;height:89px;}
.delivery_step2 li:nth-child(1) {width:30%;}
.delivery_step2 li:nth-child(2) {width:70%;}
.delivery_step2 li:nth-child(3) {width:34.3%;margin-left:30%;}
.delivery_step2 li:nth-child(4) {width:35.7%;}
.delivery_step2 .step01 {background:url('../images/reservation/delivery_step2_off01.png') no-repeat;background-size: auto 100%;}
.delivery_step2 .step01.on {background:url('../images/reservation/delivery_step2_on01.png') no-repeat;background-size: auto 100%;}
.delivery_step2 .step02 {background:url('../images/reservation/delivery_step2_off02.png') no-repeat;background-size: auto 100%;}
.delivery_step2 .step02.on {background:url('../images/reservation/delivery_step2_on02.png') no-repeat;background-size: auto 100%;}
.delivery_step2 .step03 {background:url('../images/reservation/delivery_step2_off03.png') no-repeat;background-size: auto 100%;}
.delivery_step2 .step03.on {background:url('../images/reservation/delivery_step2_on03.png') no-repeat;background-size: auto 100%;}
.delivery_step2 .step04 {background:url('../images/reservation/delivery_step2_off04.png') no-repeat;background-size: auto 100%;}
.delivery_step2 .step04.on {background:url('../images/reservation/delivery_step2_on04.png') no-repeat;background-size: auto 100%;}

/* 대리점 리스트 */
.store_list {border-top:2px solid #da291c;}
.store_list li {position:relative;border-bottom:1px solid #c4c6c7;line-height:23px;padding:17px 20px;}
.store_list .name {display:block;}
.store_list .name span {display:inline-block;background:url('../images/common/bar_01.png') no-repeat 0px 5px;background-size:1px auto;margin-left:7px;padding-left:10px;color:#2a2a2a;}
.store_list p {line-height:23px;}

/* 포인트 버튼 */
.btn_delivery_point {margin:0px 20px 20px 20px;text-align:right;}
.btn_delivery_point button {width:200px;display:inline-block;}

/* 매니저 정보 */
.manage_info {margin:35px 20px;position:relative;height:180px;box-sizing:border-box;border:3px solid #c4c6c7;border-image:linear-gradient(to bottom, #877669, #d92a1d);border-image-slice:1;}
.manage_info:before {content:'';position:absolute;top:13px;right:13px;width:23px;height:23px;background:url('../images/reservation/mark_01.png') no-repeat;background-size:100%;}
.manage_info .img_area {position:absolute;top:35px;left:0;width:40%;text-align:center;}
.manage_info .img_area img {width:80px;height:105px;border:1px solid #c4c6c7;box-sizing:border-box;}
.manage_info .img_area .no_img {border:none;}
.manage_info .info_area {position:absolute;top:33px;left:40%;width:60%;}
.manage_info .info_area h4 {color:#2a2a2a;font-size:18px;padding-bottom:15px;}
.manage_info .info_area li {padding-bottom:10px;line-height:20px;}
.manage_info .info_area li .title01 {display:inline-block;width:30%;color:#2a2a2a;}

/* 조회내역 리스트 */
.breakdown_list {border-top:2px solid #da291c;}
.breakdown_list li {position:relative;border-bottom:1px solid #c4c6c7;}
.breakdown_list a {display:block;padding:18px 100px 20px 20px;}
.breakdown_list li h4 {line-height:20px;margin-bottom:4px;}
.breakdown_list .date01 {display:inline-block;color:#8a8d8f;font-size:12px;letter-spacing:0;}
.breakdown_list .date01 span {padding-left:7px;}
.breakdown_list .view01 {position:absolute;top:50%;right:20px;color:#8a8d8f;padding-right:17px;background:url('../images/common/arrow_right_01.png') no-repeat right center;background-size:7.5px auto;margin-top:-8px;font-size:0;height:14px;}
.breakdown_list .no_list {text-align:center;border-bottom:1px solid #c4c6c7;padding:40px 20px;}
.breakdown_list .no_list img {width:84px;margin-bottom:20px;}
.breakdown_list .no_list h4 {font-size:16px;line-height:22px;}
.breakdown_list .btn_area {margin:30px 20px 0px 20px;}

/* 무인택배 */
.clear:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.fileUpload{padding:20px 0 15px;border-top:1px solid #c4c6c7;text-align:center;background:#f2f2f2;}
.fileUpload p{margin-bottom:15px;color:#8a8d8f;line-height:23px;vertical-align:middle;}
.fileUpload p .down{display:inline-block;width:27px;height:23px;margin-left:8px;font-size:0;background:url(../images/reservation/btn_down.png);background-size:100%;vertical-align:middle;}
.fileUpload .btn_brown{display:inline-block;width:auto;padding:0 20px;}
.unitInput{position:relative;}
.unitInput .active_input{width:90%;}
.unitInput .unit{position:absolute;top:0;right:0;line-height:40px;}
.calc{margin-top:10px;}
.calc .btn_brown{display:inline-block;width:auto;padding:0 20px;}