@charset "utf-8";

/************************************************************************
 * 파일명      : order.css
 * 설명        : 주문/결제
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2012.12.26
 * 최종수정일  : 2012.12.26
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/

/* cart */
h3 {font:bold 16px/18px dotum; color:#444; margin-top:35px;}
h4 {font:bold 12px/14px dotum; color:#444;}

.order_total {position:relative; width:885px; height:40px; background:#fafafa; font:normal 16px/18px dotum; color:#444; border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; text-align:right; padding:15px 15px 0 0; margin-top:-1px;}
.order_total .price {font:bold 18px/20px dotum; color:#ff6600;}
.order_total .won {font:bold 14px/16px dotum; color:#ff6600;}

/* 텍스트 */
.txt_list {position:relative; margin-top:20px;}
.txt_list li {font-size:11px; color:#777; background:url('/images/common/icon/dot_gray.gif') no-repeat 5px center; padding-left:8px; height:16px;}
.pay_txt {position:relative; border-right:1px solid #ddd;}
.pay_txt h4.txt_tit {font:bold 11px/12px dotum; color:#5d5d5d; background:url('/images/common/icon/dot_gray3.gif') no-repeat 15px 18px; padding:15px 0 0 25px;}
.txt_list2 {padding:10px 25px;}
.txt_list2 li {font-size:11px; color:#777; background:url('/images/common/icon/dot_gray.gif') no-repeat 0 6px; padding-left:8px; line-height:16px;}


/* 무통장입금 박스 */
.bx_bank {position:relative; width:396px; height:126px; background:url('/images/order/bg_bx_bank.gif') no-repeat 0 0; margin:2px 0 0 -3px;}
.bx_bank .bank_info {padding:17px 0 0 18px; height:54px;}
.bx_bank .icon_txt {background:url('/images/common/icon/arrow_red.gif') no-repeat 0 center; margin:5px 12px 0 0; text-indent:8px; display:block; float:left; height:17px; font-size:11px; color:#777;}
.bx_bank .info_txt {letter-spacing:-1px; margin:10px 0 0 17px;}
.bx_bank .info_txt li.icon {font-size:11px; color:#5d5d5d; background:url('/images/common/icon/dot_gray2.gif') no-repeat 0 center; padding-left:8px; line-height:17px;}

/* 주문결제 */
.order_pay {border-color:#999 #ddd #ddd #ddd; border-style:solid; border-width:2px 1px 1px 1px; overflow:hidden; margin-top:10px;}
.order_pay .pay_list {width:590px; float:left;}
.order_pay .pay_list li.input {position:relative; float:left; border-top:1px solid #ddd; padding:10px 0px 10px 20px; width:570px;}
.order_pay .pay_list span.title {float:left; width:125px; border-top:1px solid #ddd; background:#f9f9f9; padding:10px 0px 10px 35px; height:100%;}
.order_pay .pay_list li.bg_gray {background:#fbfbfb;}
.order_pay .left_area {float:left; width:590px;}

/* 주문결제 - 총금액 */
.total_price {float:left; width:307px; overflow:hidden; border-left:1px solid #ddd; min-height:200px; margin-left:-1px;}
.total_price strong.price {position:relative; width:275px; height:47px; background:url('/images/order/bg_price.gif') no-repeat 0 0; margin:20px auto 0; display:block; color:#fff; font:bold 22px/24px tahoma; padding-top:12px; text-align:center;}
.total_price span.won {font:bold 16px/18px dotum; margin-left:5px;}