@charset "utf-8";

/****************************** order common class ******************************/
.page_order .pagetitle {margin-bottom:0;}
.page_order .mgt30 {margin-top:30px;}

/* 주문단계 */
.page_order .order_step {margin: 6rem 0 30px;}
.page_order .order_step ol {overflow:hidden;padding-left:1px;}
.page_order .order_step ol li {float:left;width:365px;margin-left:-1px;padding:20px 0;background:#f6f6f6;text-align:center;font-size:16px;line-height:20px;}
.page_order .order_step ol li.active {width:366px;border: none;border-bottom:2px solid #ff5c00;background:transparent;color:#ff5c00;font-weight:bold;}

/* 주문관련테이블 */
.page_order .type_cols tbody td {font-size:13px;color:#444;}
.page_order .type_cols tbody td .buttons_inline a,
.page_order .type_cols tbody td .buttons_inline button {width:80px;padding:5px 0;}
.page_order .type_cols tbody td.text_left .buttons_inline {text-align:left;margin-top:5px;}
.page_order .type_rows tbody td.coupon input {vertical-align:top;}
.page_order .type_rows tbody td.coupon .btn_coupon {display:inline-block;*zoom:1;*display:inline;padding:7px 8px;background:#000;font-size:12px;color:#fff;line-height:14px;vertical-align:top;text-align:center;}

/* 나의정보 */
.page_order .my_benefit_box {border:1px solid #dfdfdf;margin-bottom:30px;padding:20px;font-size:13px;}
.page_order .my_benefit_box .coupon {padding-left:20px;}

/* 할인금액정보 */
.page_order .discount .imgs {display:inline-block;*zoom:1;*display:inline;position:relative;vertical-align:top;}
.page_order .discount .imgs img {cursor:pointer;}
.page_order .discount .arrow {display:none;position:absolute;top:21px;left:50%;margin-left:-6px;width:13px;height:7px;background:url(../imgs/global/arrow_question.png) left top no-repeat;z-index:2}
.page_order .discount_box {position:relative}
.page_order .discount_box .discount_list {display:none;position:absolute;top:9px;left:0;width:150px;border:1px solid #000;background:#fff;padding:0 15px 10px;font-size:12px;line-height:18px;text-align:left;z-index:1}
.page_order .discount_box .discount_list dl {margin-top:10px;} 
.page_order .discount_box .discount_list dt {color:#000;font-weight:bold;}
.page_order .discount_box .discount_list dd {margin-top:3px;}
.page_order .discount_box .close {display:none;position:absolute;top:10px;right:10px;cursor:pointer;}

/* 수량수정 */
.page_order .quantity_box {width:80px;border:solid 1px #ccc;margin:0 auto 3px;text-align:left;position:relative;}
.page_order .quantity_box input {border:0 none;width:56px;text-align:center;margin:0;padding:4px 0;}
.page_order .quantity_box .btns {display:block;position:absolute;right:0;top:0;width:24px;height:26px;border-left:1px solid #ccc}
.page_order .quantity_box .btns .up, .quantity_box .btns .down {display:block;text-indent:-999em;height:12px}
.page_order .quantity_box .btns .up {height:13px;border-bottom:1px solid #ccc;background:url(../button/btn_quantity_up.png) center center no-repeat;}
.page_order .quantity_box .btns .down {background:url(../button/btn_quantity_down.png) center center no-repeat;}

/* 주문하단 버튼영역 */
.page_order .select_delete {background:#fff;padding:5px 5px 0;}
.page_order .select_delete.buttons_inline {text-align:right;}

/* 결제금액관련 박스 */
.page_order .total_price_box {margin:50px 0 0;}
/*.page_order .total_price_box ul {overflow:hidden;display:inline-block;border:3px solid #ccc;background:url(../imgs/order/bg_total_price_box.png) left top repeat-y;}*/
.page_order .total_price_box ul {overflow:hidden;display:inline-block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;/*background:url(../imgs/order/bg_total_price_box.png) left top repeat-y;*/width: 1200px;}
.page_order .total_price_box ul li {float:left;width:300px;position:relative;border-right: 1px solid #ddd;}
.page_order .total_price_box ul li .icons {position:absolute;left:-25px;top:35px;}
.page_order .total_price_box ul li.product_price {width:295px;}
.page_order .total_price_box ul li.total_price {width:301px;border-right: 0;}
.page_order .total_price_box ul li dl {height:58px;padding:30px 25px;background:#fbfbfb}
.page_order .total_price_box ul li dl dt, .total_price_box ul li dl dd {text-align:center;font-size:16px;color:#444;line-height:18px;}
.page_order .total_price_box ul li dl dd {margin-top:10px;color:#000;font-size:18px;font-weight:bold;line-height:30px;}
.page_order .total_price_box ul li dl dd strong {font-size:28px;}
.page_order .total_price_box ul li .detail {height: 50px;overflow:hidden;border-top:1px solid #e3e3e3;padding:15px 25px;text-align:left;font-size:12px;color:#000;line-height:18px;}
.page_order .total_price_box.cols5 ul {overflow:hidden;/*background:url(../imgs/order/bg_total_price_box2.png) left top repeat-y;*/}
.page_order .total_price_box.cols5 ul li {float:left;width:240px;padding-right:1px;position:relative;}
.page_order .total_price_box.cols5 ul li.product_price {width:230px;}

/* 안내문구 */
.page_order .noti_text {border-bottom:1px solid #dfdfdf;padding:15px 15px 15px 40px;}
.page_order .noti_text li {list-style-type:disc;list-style-position:outside;line-height:22px;font-size:13px}

/* 배송지정보 타이틀 */
.page_order .title_delivery {position:relative;}
.page_order .title_delivery  .buttons_inline {display:inline-block;*zoom:1;*display:inline;vertical-align:top;font-weight:normal;}
.page_order .title_delivery  .buttons_inline a,
.page_order .title_delivery  .buttons_inline button {padding:6px 15px;margin-left:10px;margin-top:4px}
.page_order .title_delivery span input {margin-left:10px;}
.page_order .title_delivery span label {font-size:14px;font-weight:normal;color:#666;margin-left:5px;}

/* 결제수단영역 */
.page_order .paymethod ul {overflow:hidden;}
.page_order .paymethod li {float:left;line-height:28px;margin-right:15px;}
.page_order .paymethod li label {margin-left:5px;}
.page_order .payment .x_price span {font-size:18px;}
.page_order .dealproof label {margin:0 0px 0 5px;}/*margin:0 15px 0 5px;*/
.page_order .paymethod li label small, .dealproof label small {font-size:13px;}
.page_order .dealproof_cash {padding:10px 20px;margin-top:5px;border:1px solid #dfdfdf; background:#fafafa;}
.page_order .dealproof_cash .form_tel .blank.text {width:auto;padding-right:20px;text-align:left;color:#444;}
.page_order .dealproof_cash .form_tel input {width:60px;}

/* 주문동의 */
.page_order .order_agree_box {position:relative;}
.page_order .order_agree_box .check_agree {text-align:left;}
.page_order .order_agree_box .check_agree label {font-weight:normal;font-size:14px;margin-left:5px;}
.page_order .order_agree_box .toggles {position:absolute;left:90px;top:5px;width:22px;height:22px;background:url(../imgs/global/bg_toggle_view.png) left top no-repeat;text-indent:-999em;cursor:pointer;}
.page_order .order_agree_box .subtitle {border-bottom:2px solid #000;margin-bottom:0;padding-bottom:10px;}
.page_order .order_agree_box .scroll_guide_box .scroll {display:none;border-top:none 0;}
.page_order .order_agree_box.open .toggles {background-position:0 -52px;}
.page_order .order_agree_box.open .scroll_guide_box .scroll {display:block;}

/* 주문완료 */
.page_order .finish_box {padding:50px 150px;margin-top:30px;background:#fff;border:solid 1px #ddd;}
.page_order .finish_box .text_box {padding-top:130px;margin-bottom:20px;background:url(../imgs/order/img_finish.png) center top no-repeat;font-weight:;color:#000;font-size:18px;line-height:28px;text-align:center;}
.page_order .finish_box .type_rows tbody td {line-height:20px}

/*11.26 효진추가*/
.page_o_title{ text-align: left;font-size: 1.7rem;font-weight: bold;color: #311a0f;padding-top: 20px;}
.order_step_on{border-bottom: 2px solid #ff5c00;background-color: #fff !important;color: #ff5c00;font-weight: bold;}
.order_step ul.type4cols_n {overflow:hidden;display: inline-block;float: right;}
.order_step ul.type4cols_n li {float:left; padding:18px 0px; font-size:16px; text-align:center; border-left:none;color: #888;}
.order_step ul.type4cols_n li span {font-size:18px;}
.order_step ul.type4cols_n li span img{vertical-align: baseline;padding: 0 16px;width: 8px;}
.order_step ul.type4cols_n li:first-child {border-right:0 none;}
.order_step ul.type4cols_n li.on {font-weight:bold; color:#ff5c00;background: transparent;}
.order_step ul.type3cols_n li {width:365px;}
.order_step ul.type3cols_n li:first-child {width:366px;}

.guide_Box{ padding: 1rem 5rem 56px;border: 1px solid #ddd;margin-top: 20px;}
.scroll_guide_box_n {border-top:2px solid #000;}
.scroll_guide_box_n .scroll {height:150px;overflow-y:auto;padding:18px;border:1px solid #dfdfdf;border-top:0 none;background-color:#fff;line-height:22px;color:#666}
.scroll_guide_box_n .check_agree {position: relative;border-top:0 none;text-align:right;padding:15px 20px}
.scroll_guide_box_n .check_agree label {margin-left:8px;color:#000}

/*new*/
.order_c{border-top: 1px solid #ddd;}
.order_c tbody td{font-size: 15px !IMPORTANT;}
.order_c tbody td .goodsName a{font-size: 15px !IMPORTANT;}
.O_type_form .form_tel .blank{ padding: 5px 0;}
.O_type_form .form_email .blank{ padding: 5px 0;}
.order_trow th,.order_trow td{  background: none;font-size: 14px;padding:8px 20px !IMPORTANT;font-weight: bold;color: #333;border-bottom: none;}
.order_trow th:last-child{ border-bottom: 1px solid #dfdfdf;}
.order_trow td input[type="text"]{height: 30px;border-radius: 3px;} 
.order_trow td select{height:40px;border-radius: 3px;}

.buttons_inline{position: relative;}
.order_Cbox{top:8px;z-index: 9;padding-left:0 !Important;}
.order_Label{padding-left:30px !Important;}
.O_type_form .form_address .post .btn_post{line-height: 25px;padding: 7px 20px;border-radius: 3px;}
.O_type_form tbody td.coupon .btn_coupon{line-height: 25px !Important;background: #FF5301 !Important;  padding: 7px 20px !Important; border-radius: 3px;}