@charset "utf-8";

.amina-header { margin-bottom:0px; }
.amina-header h3 { display:none; }
.well { margin-bottom: 10px; background:#fff; border:0px; }

/* Common */
.opt-tbl { width:100%; border-collapse:collapse; padding:0px; margin:0 0 15px; border:0px; border:1px solid #ddd; border-bottom:0px; background:#fff;} 
.opt-tbl th { width:120px; text-align:center; padding:8px 10px; border-bottom:1px solid #ddd; background:#fafafa; white-space:nowrap;}
.opt-tbl td { padding:8px 10px; border-bottom:1px solid #ddd;}
.bsk-tbl th { text-align:center; }
.bsk-tbl .well { margin:6px 0px !important; }
.bsk-tbl .well ul  { padding:0; padding-left:15px; margin:0; }
.bsk-tbl .well li  { font-size:12px; }
.item-img { display:inline-block; position:relative; overflow:hidden; text-align:center; }
.item-type { position:absolute; left:0; bottom:0; background: rgba(0, 0, 0, 0.7); width:100%; color: rgb(255,255,255); padding:3px; font-size:11px; letter-spacing:-1px; }
.addr-line { margin-bottom:7px; }
.radio-line label { margin-right:20px; line-height:24px; cursor:pointer; }
.radio-line label span { vertical-align:middle; }

#sod_frm_escrow { margin:0px; }
#sod_frm_escrow h2 { display:none; }
#sod_frm_escrow img { margin:0 auto 15px }

/* Personal List */
.ppay-container { overflow:hidden; margin-right:-15px; margin-bottom:15px; }
.ppay-box { background:#fff; text-align:center; margin-right:15px; margin-bottom:15px; border: 1px solid rgb(231, 231, 231); transition:0.3s linear; border-image: none; overflow: hidden; position: relative; cursor: default; }
.ppay-box h2 { margin: 0px; padding: 12px 15px 0px; color: rgb(51, 51, 51); font-size: 16px; font-weight: 500; text-align:center; }
.ppay-box p { margin:0px 0px 10px; padding:10px; }
.ppay-box .ppay-fa { padding: 20px 0px 10px; }
.ppay-box .ppay-fa i { color: rgb(97, 97, 97); font-size: 80px; }

/* Cart List */
.cart-box { position:relative; padding: 10px; background: #fff; }
.cart-box table.cart { position:relative; width: 100%; }
.cart-box table.cart thead { height:45px; border-top:2px solid #333; border-bottom:1px solid #dddddd; background:#f5f5f5;  }
.cart-box table.cart thead th { font-size:14px; font-weight:500; line-height:42px; color:#333; text-align:center; }
.cart-box table.cart tbody td { height:100px; vertical-align:middle; text-align:center; padding:0 5px 0; border-bottom:1px solid #dddddd; }
.cart-box table.cart tbody td strong { font-weight:500; color:#333;}
.cart-box table.cart tbody td.name div { overflow:hidden; width:320px; white-space:nowrap; text-overflow: ellipsis;}
.cart-box table.cart tbody td.name div:first-child { font-size:16px;}
.cart-box table.cart tfoot { height:70px; line-height:70px; border-top:2px solid #333; background:#f5f5f5; }
.cart-box .delivery { position:absolute; right:0; top:25px; }


/* order */
.at-content { font-size:14px; line-height:1.714; color:#666; }
.at-content strong { font-weight:700; }
.at-content ul { padding:0; margin:0;}
.at-content ul li { list-style:none;}
.at-content table { width:100%;}
.at-content table caption { padding:10px 0 11px; font-size:18px; color:#333; text-align:left; font-weight:bold;}
.at-content table td input[type='text'],
.at-content table td input[type='password'] { padding:5px 10px; line-height:.9; border:1px solid #ddd; }
.at-content table td input[type='radio'] { margin: -4px 5px 0 0;}
.at-content table label:hover { cursor:pointer; }



.at-content .page-nav a:not(:last-child):after { display:inline-block; padding:0 10px; width:8px; height:11px; background:url('/img/order/icon_arrow.png') no-repeat center center; content:'';}

.at-content .tit { /*padding:20px 0 5px;*/ padding:0;  }
.at-content .tit h2 { float:left; font-size:23px; line-height:1; color:#333; font-weight:bold; }
.at-content .tit p { float:left; padding:0 10px; line-height:23px; }
.at-content .tit a { color:#00a720; font-weight:500; line-height:23px; }

.at-content .tit2 { padding:20px 0 5px;  }


.order-box { position: relative; margin-top: 15px; padding: 0 10px; background: #fff; }
.order-box table.order { position:relative; }
.order-box table.order thead { height:45px; border-top:2px solid #333; border-bottom:1px solid #dddddd; background:#f5f5f5;  }
.order-box table.order thead th { font-size:14px; font-weight:500; line-height:42px; color:#333; text-align:center; }
.order-box table.order tbody td { height:100px; vertical-align:middle; text-align:center; padding:0 5px 0; border-bottom:1px solid #dddddd; }
.order-box table.order tbody td img { width:100%; }
.order-box table.order tbody td strong { font-weight:500; color:#333;}
/* .order-box table.order tbody td.name div { overflow:hidden; width:320px; white-space:nowrap; text-overflow: ellipsis;} */
.order-box table.order tbody td.name div:first-child { font-size:16px;}
.order-box table.order tbody td .memo { display:block; width:100%; height:32px; line-height: 30px; border: 1px solid #ddd; }
.order-box table.order tfoot { height: 70px; line-height: 70px; border-top: 2px solid #333; border-top-width: 2px; border-top-style: solid; border-top-color: rgb(51, 51, 51); background: #f5f5f5; }
.order-box table.order tfoot td.price { font-size:14px; color:#666; text-align:right; padding-right:30px; }

#ct_tot_price {color:#ff6b01; font-size:23px; margin-left:10px; font-weight: 600;}


.pay-box { position:relative; padding:0 10px; background:#fff; }
.pay-box table.info { float:left; width:840px;}
.pay-box table.info tbody  {  border-top:2px solid #333; }

.pay-box table.info th,
.pay-box table.info td { padding:0 30px; height:48px; line-height:1.4; border-bottom:1px solid #ddd; }
.pay-box table.info th { color:#333; background:#f5f5f5; }
.pay-box table.info td input[type=text] { margin: 5px 0 0; width:100%; max-width:370px; }
.pay-box table.info td button { display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; margin: 5px 0 0 8px; color: #fff; background: #666; background-image: none; }
.pay-box table.info td p { line-height:1.714; }
.pay-box table.address-info select { padding:0 50px 0 10px; margin:-4px 0 0; width:260px; height:35px; line-height:33px; border:1px solid #ddd; background:url('/img/order/select_arrow.png') no-repeat right 10px center; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.pay-box table.address-info select::-ms-expand { display: none; }

.pay-box table.address-info select + a { display:inline-block; padding:0 15px; margin:0 0 0 8px; height:35px; color:#fff; line-height:35px; background:#666;}
.pay-box table.address-info td input[type=text] { margin: 5px 0 0; width:370px; }
.pay-box table.address-info td button { display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; margin: 5px 0 0 8px; color: #fff; background: #666; background-image: none; }
.pay-box table.address-info label { display:block; margin:5px 0; border:1px solid #ddd; }
.pay-box table.address-info label div { display:table-cell; padding:0 0 25px; width:105px; vertical-align:bottom; text-align:center; border-right:1px solid #ddd; background:#f5f5f5 url('/img/order/bg_address_kind1.png') no-repeat center 40%; }
.pay-box table.address-info label p { display:table-cell; padding:40px 30px;}
.pay-box table.address-info label:last-child div { background:#f5f5f5 url('/img/order/bg_address_kind2.png') no-repeat center 40%; }
.pay-box table.address-info label.label_ad_default { border:none; display:inline-block; }


.pay-box table.pay ul { overflow:hidden; margin:30px 0; }
.pay-box table.pay ul li { float:left; margin:-1px -1px 0 0; width:33.33%; height:120px; border:1px solid #ddd; }
.pay-box table.pay ul li a { display:block; padding:75px 0 0; width:100%; height:100%; line-height:1; color:#333; text-align:center; background-position:center 35%; background-repeat:no-repeat; word-break:keep-all; }
.pay-box table.pay ul li.bg1 a { background-image:url('/img/order/bg_pay1.png');}
.pay-box table.pay ul li.bg2 a { background-image:url('/img/order/bg_pay2.png');}
.pay-box table.pay ul li.bg3 a { background-image:url('/img/order/bg_pay3.png');}
.pay-box table.pay ul li.bg4 a { background-image:url('/img/order/bg_pay4.png');}
.pay-box table.pay ul li.bg5 a { background-image:url('/img/order/bg_pay5.png');}
.pay-box table.pay ul li.bg6 a { background-image:url('/img/order/bg_pay6.png');}
.pay-box table.pay ul li.bg7 a { background-image:url('/img/order/bg_pay7.png');}
.pay-box table.pay ul li.bg8 a { background-image:url('/img/order/bg_pay8.png');}
.pay-box table.pay ul li.bg9 a { background-image:url('/img/order/bg_pay9.png');}
.pay-box table.pay ul li.bg10 a { background-image:url('/img/order/bg_pay10.png');}
.pay-box table.pay ul li:nth-child(-n + 3) { margin-top:0;}   
.pay-box table.pay ul li:nth-child(3n) { margin-right:0;}

.pay-box .payment { position:absolute; width:300px; top:25px; right:0; }
.pay-box .payment h3 + div { padding:20px 30px; font-size:16px; font-weight:500; line-height:.9; color:#333; border:1px solid #ddd; border-top:2px solid #333; }
.pay-box .payment h3 + div strong { font-weight:500; color:#ff6b01; }
.pay-box .payment ul { padding:20px 30px; border:1px solid #ddd; border-top:none; }
.pay-box .payment ul li { padding:0px 0px 20px; }
.pay-box .payment ul li p { float:left; line-height:1; }
.pay-box .payment ul li p.price { float:right; font-weight:500; color:#333; text-align:right; }
.pay-box .payment ul li.total { padding:20px 0px 0; color:#00a720;  border-top:1px solid #ddd; }
.pay-box .payment ul li.total p:first-child { position:relative; top:8px;}
.pay-box .payment ul li.total p.price { font-size:23px; font-weight:bold; color:#00a720;}
.pay-box .payment ul + div {  padding:15px 30px 30px; border:1px solid #ddd; border-top:none; } 
.pay-box .payment div.agree-chk { position:relative; padding: 15px 30px 30px 54px; border:1px solid #ddd; border-top:none; }
.pay-box .payment div.agree-chk label { margin:0; cursor:pointer; }
.pay-box .payment div.agree-chk input[type='checkbox'] { position:absolute; top:23px; left:30px; cursor:pointer;}
.pay-box .payment input[type='button'] { padding:20px 30px; width:100%; font-size:16px; line-height:.9; color:#fff; font-weight:500; text-align:center; border:none; background:#00a720; }
.pay-box .payment input[type='text'] { width: 100px; padding:5px 10px; line-height:.9; border:1px solid #ddd; margin-right:5px; }
.pay-box .payment .agree-content { padding:20px 0;}
.pay-box .payment .agree-content > div { overflow-y:scroll; padding:10px; margin:5px 0 10px; height:150px; border:1px solid #ddd; line-height: 1.5; font-size:13px; font-weight: 300; }
.pay-box .payment .agree-content > div > strong { font-weight:500; }

.pay-box .payment .lh20 { line-height: 20px; }
.pay-box .payment .lh30 { line-height: 30px; }

#settle_bank { height:85px; }
#od_coupon_btn, #sc_coupon_btn { display:inline-block; width:50%; height:35px; background:#626264; font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#fff; border-radius: 0 !important; }
#od_coupon_cancel, #sc_coupon_cancel { display:inline-block; width:50%; height:35px; background:#fbfbfc; font-family: 'Noto Sans KR', sans-serif; font-size:14px; color: #333 !important; border-radius: 0 !important;  border: 1px solid #ddd; }
 
 
 

@media(min-width:641px){
.at-content .tit p { float: left; padding: 0 10px; line-height: 23px; }
.order-box table.order tbody td.name div { overflow: hidden; /*width: 320px;*/ white-space: nowrap; text-overflow: ellipsis;}
.order-box table.order thead { display:none; }
.order-box .delivery { position:absolute; right:0; top:25px; }
}




@media (max-width:640px) {
.at-content { padding:0 0px 0; }
.at-content .tit h2 { font-size:20px; }
.at-content .tit p { display:none; }
.at-content .tit a { position:absolute; right:20px; }
.at-content table caption { padding:20px 0 10px; font-size:20px; }

.order-box table.order colgroup,
.order-box table.order thead { display:none; }
.order-box table.order tbody { border-top: 2px solid #333; }
.order-box table.order tbody tr { overflow:hidden; display:block; position:relative; padding:10px 0; border-bottom:1px solid #ddd; }
.order-box table.order tbody td { height:auto; line-height:1.3; border-bottom:none; vertical-align: top; }
.order-box table.order tbody td img { width:auto; }
.order-box table.order tbody td strong { font-weight:bold; word-break:break-all; }
.order-box table.order tbody td.name > div:last-of-type { padding:3px 0 0px;}
.order-box table.order tbody td.name a { display: block; font-size:16px; color:#333; font-weight:bold; padding-bottom:5px; }
.order-box table.order tbody td:first-of-type { width:100px; }
.order-box table.order tbody td:nth-of-type(2) { width: calc(100% - 100px); }
.order-box table.order tbody td:nth-of-type(n+3) { display:block; font-size:13px; text-align:right; font-family:sans-serif; }
.order-box table.order tbody td:nth-of-type(n+3):before,
.order-box table.order tbody td:nth-of-type(n+3):after { content:'';}
.order-box table.order tbody td:nth-of-type(3) div { display:inline-block; }
.order-box table.order tbody td:nth-of-type(3):before { content:'공급가액 :'}
.order-box table.order tbody td:nth-of-type(4):before { content:'수량 :'}
.order-box table.order tbody td:nth-of-type(5):before { content:'부가세 :'}
.order-box table.order tbody td:nth-of-type(6):before { content:'쿠폰 :'}
/*.order-box table.order tbody td:nth-of-type(6):before { content:'포인트 :'}*/
.order-box table.order tbody td.tot:before { content:'총금액 :'; font-weight:bold; color:#333; }
.pay-box table.info { float:none; width:100%; }
.pay-box table.info colgroup { display:none; }
.pay-box table.info tbody th { padding: 0 5px 0; width:90px; }
.pay-box table.info td {  padding: 0 0 0 10px; }
.pay-box table.address-info td a#order_address,
.pay-box table.address-info td a span { display:none;}
.pay-box table.address-info select { width:100%; max-width:370px;}


.pay-box table.address-info td input[type=text] { width:100%; }
.pay-box table.address-info label { font-size:13px; }
.pay-box table.address-info label div { padding:0 0 15px; }
.pay-box table.address-info label p { padding:20px 10px;}
.pay-box table.address-info tr:nth-of-type(7) td p br { display:none;}
.pay-box table.pay th { display:none; }
.pay-box table.pay td { padding:0; }
.pay-box table.pay ul { margin:20px 0 30px; }
.pay-box .payment { position:static; width:100%;}

}

@media (max-width:480px) {
.at-content { padding:0 0px 0; font-size:13px; }
.order-box table.order tbody td:first-of-type { width:80px; margin:0 0 5px; }
.order-box table.order tbody td:nth-of-type(2) { padding: 0 0 0 5px; margin:0 0 5px; }
.order-box table.order tbody td:nth-of-type(3),
.order-box table.order tbody td:nth-of-type(4) { padding:7px 5px 0;}
.order-box table.order tbody td:nth-of-type(n+3) { float:left; width:50%; text-align:left; }
.order-box table.order tbody td:nth-of-type(4),
.order-box table.order tbody td:nth-of-type(6),
.order-box table.order tbody td:nth-of-type(7) { float:right;  text-align:right; }
.order-box table.order tbody td:nth-of-type(7) { width:100%; }
.order-box .delivery { padding:5px 0 0; font:12px 'dotum';}

.pay-box table.address-info select + a { padding:0 5px; margin:0; }
.pay-box table.address-info label div { width:76px; }
.pay-box table.address-info label p { padding:10px; font-size:12px;}

.pay-box .payment .agree-content > div { padding:5px; }

}

@media (max-width:400px) {

.order-box table.order tbody td { display:block;}
.pay-box table.info th, .pay-box table.info td { height:40px; }
.pay-box table.info td { padding: 0 0 0 5px; } 
.pay-box table.info tbody th { width:80px; }

.pay-box table.address-info label div,
.pay-box table.address-info label:last-child div { display:block; padding:10px 0; width:100%; border-right:none;  vertical-align:middle; background:#f5f5f5; }



.pay-box .payment h3 + div { padding:15px;}
.pay-box .payment ul { padding:15px; }
.pay-box .payment ul + div { padding: 10px 15px 10px; }
.pay-box .payment div.agree-chk { padding: 10px 15px 10px 39px; }
.pay-box .payment div.agree-chk input[type='checkbox']  { left:15px; top:18px; }

}


/* Mypage */
.mypage-box > h3 { padding: 20px 10px 15px; background: #fff; text-align: center; font-size: 20px; font-weight: bold; color: #333; overflow:hidden; }
.mypage-box > h3 > a { float: left; color: #333; }
.mypage-box > h3 > a > i { font-size: 30px; margin-top: -5px; }

.mypage-box { overflow:hidden; }
.mypage-box > .menu-box { float:left; width:200px; }
.mypage-box > .content-box { float:left; width:calc(100% - 200px); } 
.mypage-box > .content-box.sub { float:none; width:100%; } 

.mypage-box > .menu-box > ul { width:180px; list-style:none; margin:0; padding:0; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.mypage-box > .menu-box > ul > li { font-size:14px; border-bottom:1px solid #ddd; padding:15px 20px; }
.mypage-box > .menu-box > ul > li > h3 { font-size:16px; font-weight:600; color:#333; }
.mypage-box > .menu-box > ul > li > h4 { font-size:14px; font-weight:500; padding-bottom:12px; }
.mypage-box > .menu-box > ul > li > a { display:block; height:28px; line-height:25px; color:#666; }

.mypage-box  table { width:100%;}
.mypage-box  table caption { padding:20px 10px 15px; font-size:20px; color:#333; text-align:center; font-weight:bold; background:#fff; }
.mypage-box  table caption > a {float:left;color:#333;}
.mypage-box  table caption > a > i { font-size: 30px; margin-top: -5px; }
.mypage-box  table td input[type='text'] { padding:5px 10px; line-height:.9; border:1px solid #ddd; }
.mypage-box  table td input[type='radio'] { margin: -4px 5px 0 0;}
.mypage-box  table label:hover { cursor:pointer; }


/*estimate*/

.estimate { padding:30px 20px; font-size:14px; line-height: 1.2; color:#666; }
.estimate h3 { overflow:hidden; font-family: inherit;}
.estimate h3 > p { float:left;  padding:15px 0; font-size:23px; line-height:30px;  color:#333; font-weight: bold; }
.estimate h3 > .logo { float:right; padding:0 0 15px;} 
.estimate em { font-style: normal;}
.estimate strong { color:#333;}
.estimate table  { width:100%;  border-top:2px solid #333; border-spacing: 0;}
.estimate table th,
.estimate table td { padding:0;}
.estimate table th { background:#f5f5f5 !important; color:#333; font-weight:500; }
.estimate table td { border-bottom:1px solid #ddd;  }

.estimate table.seller { margin: 0 0 30px;}
.estimate table.seller th,
.estimate table.seller td { height:38px; }
.estimate table.seller th { border-bottom:1px solid #ddd;}
.estimate table.seller td { text-indent:15px;}
.estimate table.seller td.tfooter { text-align:center; text-indent:0;}
.estimate table.seller td.tfooter div p.date1 { padding: 0 0 5px;}
.estimate table.seller td.tfooter div p em { padding:0 15px 0 0;}
.estimate table.seller td.tfooter div.sign { padding:10px 0;}

.estimate table.list { }
.estimate table.list th { height:43px; }

.estimate table.list td { text-align:center; padding: 10px 5px;}
.estimate table.list td.product { text-align:left; }
.estimate table.list td.product strong { padding: 0 0 5px;}
.estimate table.list .tfoot td{ padding:20px 15px; background:#f5f5f5 !important; text-align:right;}

.estimate .reference { padding:15px 0 30px; color:#333;}
.estimate .reference span { display:block; padding: 0 0 5px;}
.estimate .btn_box { text-align:center; font-size:0; }
.estimate .btn_box button { width:150px; height:50px; border:none; text-align:center; font-family: inherit; font-size:16px; line-height:50px; color:#fff;}
.estimate .btn_box button.print { margin: 0 10px 0 0; background:#ff7200; }
.estimate .btn_box button.close { background:#666;}


@media print{    
    .estimate  { -webkit-print-color-adjust: exact !important; }
    .estimate .btn_box { display:none;}
}


@media (max-width:640px) {
.orderinquiry-box table.order tbody td:nth-of-type(3):before { content:'주문금액 :'}
.orderinquiry-box table.order tbody td:nth-of-type(4):before { content:'입금액 :'}
.orderinquiry-box table.order tbody td:nth-of-type(5):before { content:'미입금액 :'}
/*.orderinquiry-box table.order tbody td:nth-of-type(6):before { content:'포인트 :'}*/
.orderinquiry-box table.order tbody td.tot:before { content:'총금액 :'; font-weight:bold; color:#333; }
}

/* orderinquiry */
.orderinquiry-box { padding:10px 0; overflow:hidden; }
.orderinquiry-box h4 { padding: 0; background: #fff; font-size: 20px; color: #333; font-weight: bold; text-align:center; } 
.orderinquiry-box h4 > b { display: block; border-bottom: 2px solid #333; padding: 15px 10px; margin: 0 10px; }
.orderinquiry-box > .inner-box { padding:15px 10px; background:#fff; margin-bottom:10px; }
.orderinquiry-box > .inner-box > .order-number { padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size:13px; color:#333; }
.orderinquiry-box > .inner-box > .order-number > div { padding:0 10px; }
.orderinquiry-box > .inner-box > .order-number > div > a { float: right; font-weight: 500; }
.orderinquiry-box > .inner-box > .order-item { padding:15px 10px 0; overflow:hidden;  }
.orderinquiry-box > .inner-box > .order-item .item-name { display:block; }
.orderinquiry-box > .inner-box > .order-item .item-name > a { color:#333; padding-bottom:5px; }
.orderinquiry-box > .inner-box > .order-item .item-option { font-size: 12px; }
.orderinquiry-box > .inner-box > .order-item .item-img { float:left; width:60px; height: 60px; }
.orderinquiry-box > .inner-box > .order-item .item-content { float:right; width:calc(100% - 60px); padding-left:15px; overflow:hidden; }
.orderinquiry-box > .inner-box > .order-item .item-content .item-price { float:left;  margin-top:15px; font-size:18px; color:#333; font-weight:bold; }
.orderinquiry-box > .inner-box > .order-item .item-content .item-state { float:right; width:100px; margin-top:5px; text-align:right; padding-right:0px; color:#7baaa3; }

.orderinquiry-box > .inner-box > .order-item .item-name2 > a { font-size:16px; color:#333; padding-bottom:5px; }
.orderinquiry-box > .inner-box > .order-item .item-img2 { float:left; width:80px; height: 80px; }
.orderinquiry-box > .inner-box > .order-item .item-content2 { float:right; width:calc(100% - 80px); padding-left:15px; overflow:hidden; }
.orderinquiry-box > .inner-box > .order-item .item-content2 .item-price2 { float:left;  margin-top:10px; font-size:16px; color:#333; font-weight:bold; }
.orderinquiry-box > .inner-box > .order-item .item-content2 .item-state2 { float:right; width:100px; margin-top:10px; text-align:right; padding-right:0px; color:#7baaa3; font-size:14px; }

.orderinquiry-box .no-list { height:50px; line-height:50px; background:#fff; }