@charset "utf-8";

.amina-header h3 { display:none; }
/* 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; }
.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:20px 0 15px; font-size:23px; 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;*/  }
.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; }


.order-box { position:relative;}
.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; }
.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: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.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 { min-width:1170px; }
.at-content .tit p { float: left; padding: 0 10px; line-height: 23px; }

}




@media (max-width:640px) {
.at-content { padding:0 20px 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;  }

.pay-box table.info { width: 800px; }

}

@media (max-width:480px) {
.at-content { padding:0 10px 0; font-size:13px; }

}

@media (max-width:400px) {

}


/* Mypage */
.mypage-box { overflow:hidden; }
.mypage-box > .menu-box { float:left; width:200px; }
.mypage-box > .content-box { float:left; width:calc(100% - 200px);padding-bottom: 20px; }

.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 0 15px; font-size:23px; color:#333; text-align:left; font-weight:bold;}
.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;}
}