@charset "utf-8";

/* Common */

.at-container {max-width:1400px !important;}
.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; margin:0; }
.bsk-tbl .well li  { font-size:14px; }
.item-img { display:inline-block; position:relative; overflow:hidden; text-align:center; }
.item-type { position:absolute; visibility:hidden;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 }

/* cart */
.cart-panel-wrap .panel {border:0 !important; margin-bottom:80px}
.cart-panel-wrap .panel-heading { background:#ececec; padding:70px 30px; height:160px}
.cart-panel-wrap .panel-title {font-size:22px !important; }
.cart-panel-wrap .panel-body {padding-bottom:0; height:160px}
.cart-panel-wrap .step {height:auto; overflow:hidden; margin:55px 10px 55px 0;}
.cart-panel-wrap .step li {float:left; margin:0 20px; font-size:20px; font-weight:700; color:#666;}
.cart-panel-wrap .step li.active {color:#ff4500}

img.no-list {display:inline-block; zoom:1; *display:block; margin-right:1em} 

#sod_bsk_list .list-head, #sod_bsk_list .list-head th {border-bottom:1px solid #d9d9d9}
#sod_bsk_list .item-img {border:1px solid #d9d9d9}
#sod_bsk_list td {padding:16px 8px;}
#sod_bsk_list .btn.mod_options {margin-top:12px}
#sod_bsk_list .btn-group {padding:0 5px}
#sod_bsk_list .well .row.total {padding:1em 0;font-size:18px;line-height:2;font-weight:normal;}
#sod_bsk_list .well .row.total strong {}
#sod_bsk_list .well .font-18 {margin-bottom:10px}
#sod_bsk_list .well li {color:#888}
#sod_bsk_list .well h3 {display:inline-block; margin-bottom:10px}
#sod_bsk_list .well .sell_p, #sod_bsk_list .well .send {border-right:1px solid #999}


/* cart modal*/
#cartModal .opt-tbl {border-left:0; border-right:0}
#cartModal .opt-tbl th {background:#fff;padding:24px 0}
#cartModal .opt-tbl td {padding:24px 0}
#cartModal .list-group label {margin-bottom:0 !important}
#cartModal .opt-tbl select {height:50px; background:#f7f7f7; border:0}
#cartModal .input-group input {text-align:center !important}

@media all and (max-width:991px) {
	.at-title {display:none}
	.at-content {padding-top:30px}
	.cart-panel-wrap .panel {margin-bottom:30px}
	.cart-panel-wrap .panel-heading { padding:30px 15px 10px; height:auto;background:transparent}
	.cart-panel-wrap .panel-body {padding:0 0 10px 0; height:auto;}
	.cart-panel-wrap .step {margin:20px 15px; float:left !important}
	.cart-panel-wrap .step li {margin-left:0}
	#sod_bsk_list .well .font-18 {font-size:16px}
	#sod_bsk_list .well .tot p, .opt-tbl, .it_opt_subj, .it_opt_prc {font-size:14px}
}

@media all and (max-width:767px) {
	.cart-panel-wrap .step li {font-size:16px}
	#sod_bsk_list .list-head  {display:none}
	#sod_bsk_list tr {display:block; padding:10px 0}
	#sod_bsk_list tr:nth-child(2) {border-top:2px solid orangered; padding-top:10px;padding-bottom:10px; margin-bottom:20px; height:auto}	
	#sod_bsk_list .mo-th  input[type="checkbox"] {transform:translate(0,2px)}
	#sod_bsk_list .tr-line {height:auto; overflow:hidden; border-bottom:1px solid #d9d9d9; margin-bottom:20px; padding-bottom:10px;}
	#sod_bsk_list .tr-line:last-child {border-bottom:0; padding-bottom:0}
	#sod_bsk_list .paxm_chk {display:inline-block;position:absolute; right:0%;top:0;}
	#sod_bsk_list tr td {display:inline-block;border-top:0; width:60%; padding-left:36%; padding-top:4px;padding-bottom:4px;text-align:left; font-size:14px}
	#sod_bsk_list tr td span.visible-xs {display:inline-block !important}
	#sod_bsk_list tr td.item-chk {width:5%; padding-left:0; position:relative;}
	#sod_bsk_list tr td.item-thumb {width:30%; padding-left:0}
	#sod_bsk_list tr td.item-name {padding-left:0; width:60%;}
	#sod_bsk_list input[type="checkbox"] {vertical-align:top}
	#sod_bsk_list .item-img {margin:0 20px}
	#sod_bsk_list .item-img img {width:90px; height:90px;}
	#sod_bsk_list .info>li {line-height:2}
	#sod_bsk_list .info>li ul {margin-bottom:10px;}
	#sod_bsk_list .info>li li {line-height:1.5}
	#sod_bsk_list .btn.mod_options-mo {margin-bottom:20px; margin-top:16px}
	#sod_bsk_list .well .sell_p, #sod_bsk_list .well .send {padding-top:1em}
	#sod_bsk_list .well .sell_p, #sod_bsk_list .well .send, #sod_bsk_list .well .tot {float:none; width:100%; height:auto; overflow:hidden; border-right:0}
	#sod_bsk_list .well .tot {padding-top:1em}
	#sod_bsk_list .well .sell_p {border-bottom:1px solid #d9d9d9}
	#sod_bsk_list .well .price {float:right; text-align:right !important}
	#sod_bsk_list .well .price h3 {margin-top:0; font-size:20px}
	#sod_bsk_list .well .font-18 {float:left;}
	#sod_bsk_list .well .send:before , #sod_bsk_list .well .tot:before {display:none}
	#sod_bsk_list .btn-group-wrap {padding:0}
	.bsk-btn-group .btn {font-size:14px !important}
	#sod_bsk_list .btn-group.btn1 {width:49.5%;}
	#sod_bsk_list .btn-group.btn2 {width:49.5%; margin:0; float:right}
	#sod_bsk_list .btn-group.btn3 {width:100%; margin:10px 0 0}
	#cartModal .modal-body {min-width:400px;}
	#cartModal .list-group label {display:block; margin-bottom:5px !important}
}

@media all and (max-width:480px) {
	.cart-panel-wrap .step li {font-size:12px; margin-right:10px}
	#sod_bsk_list .paxm_chk {display:inline-block;position:absolute; right:-50%;top:0;}
	#sod_bsk_list .item-img img {width:70px; height:70px;}
	#sod_bsk_list .font-18 {font-size:16px}
	#sod_bsk_list .info>li {font-size:14px}
	#sod_bsk_list .info {width:53%}
	#sod_bsk_list .btn.mod_options-xs {margin:5px 0 16px}
	#sod_bsk_list .well {padding: 0}
	#sod_bsk_list .well .font-18 {font-size:16px}
	#sod_bsk_list .well .price h3 {font-size:18px}
	#sod_bsk_list .well .price p {font-size:14px}
	#sod_bsk_list .btn-group .btn {padding-left:0; padding-right:0; text-align:center}
	#cartModal {width:90%; max-height:500px}
	#cartModal .modal-body {min-width:100%;}
	#cartModal p {font-size:18px !important; padding:0 !important}
	#cartModal .opt-tbl th {width:80px; text-align:left}
	#cartModal .input-group input, #cartModal .btn {height:33px !important}
}

/* Oder Form */
#forderform .list-head, #forderform .list-head th {border-bottom:1px solid #d9d9d9}
#forderform .item-img {border:1px solid #d9d9d9}
#forderform td {padding:16px 8px;}
#forderform .well .font-18 {margin-bottom:10px}
#forderform .well li {color:#888}
#forderform .well h3 {display:inline-block; margin-bottom:10px}
#forderform .well .sell_p, #forderform .well .coupon , #forderform .well .send , #forderform .well .tot {padding-top:20px}
#forderform .well .send:before {content:'+'; color:#fff; text-align:center;position:absolute; top:44px; left:-18px; width:36px; height:36px; line-height:34px; font-weight:700; font-size:20px; background-color:#000; border-radius:100%;}
#forderform .well .coupon:before {content:'-'; color:#fff; text-align:center; position:absolute; top:44px; left:-18px; width:36px; height:36px; line-height:34px; font-weight:700; font-size:20px; background-color:#000; border-radius:100%;}
#forderform .well .tot:before {content:'='; color:#fff; text-align:center; position:absolute; top:44px; left:-18px; width:36px; height:36px; line-height:34px; font-weight:700; font-size:20px; background-color:#000; border-radius:100%;}


@media all and (max-width:850px) {
	.order-item {border:0}
	#sod_list {display:block; border:0; border-top:2px solid orangered; padding:22px 10px}
	#sod_list .list-head {display:none}
	#sod_list th {display:none}
	#sod_list tr:first-child {display:none}
	#sod_list tr {width:100%; border-bottom:1px solid #d9d9d9}
	#sod_list tbody {width:100%}
	#sod_list tbody td {display:inline-block; padding:0; width:65%;}
	#sod_list tbody td:first-child {float:left;width:35%}
	#sod_list td {margin-bottom:10px; font-size:16px; color:#888; border:0}
	#sod_list td:first-child {padding-left:0}
	#sod_list span.visible-xs {display:inline-block !important}
	#sod_list .item-img {float:left; margin:0 30px 0 10px}
	#sod_list .item-img img {width:90px; height:90px}
	#sod_list .item-name {font-size:16px;color:#000;}
	#sod_list li, #sod_list .qty {font-size:16px; color:#888}
	#sod_list .text-center {text-align:left !important; padding-left:35%;}
	#sod_list .tot_p {color:#333; font-size:18px; font-family:'GmarketSansBold'}
	#sod_list .btn {width:100%; display:block; margin:10px 0}
	#sod_well {margin-bottom:0; background:#f7f7f7; border-bottom:1px solid #d9d9d9;  border-top:1px solid #d9d9d9}
	#sod_well .sell_p, #sod_well .send, #sod_well .coupon, #sod_well .tot {float:none; width:100%; height:auto; overflow:hidden}
	#sod_well .send {border-bottom:1px solid #d9d9d9; }
	#sod_well .price {float:right; text-align:right !important}
	#sod_well .price span
	#sod_well .price h3 {margin-top:0; font-size:20px}
	#sod_well .font-18 {float:left;}
	#sod_well .send:before , #sod_well .tot:before, #sod_well .coupon:before  {display:none}
	#sod_frm_pt_alert {font-size:14px}	
	#cartModal .btn {font-size:14px !important}
	.extra_sc {text-align:right !important; position:absolute; right:0; top:1em;}
	#sod_list .text-center {font-size:14px}
	#forderform .well li {font-size:14px}
}

@media all and (max-width:480px) {
	.cart-panel-wrap .step li {font-size:12px; margin-right:10px}
	#sod_bsk_list .info>li {font-size:14px}
	#sod_bsk_list .btn.mod_options-xs {margin:5px 0 16px}
	#sod_bsk_list .well {padding: 0}
	#sod_bsk_list .well .font-18 {font-size:16px}
	#sod_bsk_list .well .price h3 {font-size:18px}
	#sod_bsk_list .well .price p {font-size:14px}
	#sod_bsk_list .btn-group .btn {padding-left:0; padding-right:0; text-align:center}
	#cartModal {width:90%; max-height:500px; top:5%}
	#cartModal .modal-body {min-width:100%;}
	#cartModal p {font-size:18px !important; padding:0 !important}
	#cartModal .opt-tbl th {width:80px; text-align:left}	
	
}

@media all and (max-width:320px) {
	#sod_list tbody td {padding:0; width:100%;}
	#sod_list tbody td:first-child {width:100%}
	#sod_list .text-center {padding-left:0%;}
	#sod_well {padding:10px}
	#forderform .well .sell_p, #forderform .well .coupon, #forderform .well .send, #forderform .well .tot {padding-left:0; padding-right:0}
}

#sod_frm_agree .panel {border:0; background:#f7f7f7}
#sod_frm_agree .panel-heading {border-bottom:2px solid #000; padding-bottom:15px; margin-bottom:15px;}
#sod_frm_orderer .panel {border:0 ;}
#sod_frm_orderer .panel-heading {border-bottom:2px solid #000; padding-bottom:15px; margin-bottom:15px;}
#sod_frm_orderer .form-group {border-bottom:1px solid #f5f5f5; padding-bottom:20px}
#sod_frm_taker .panel {border:0 ;}
#sod_frm_taker .panel-heading {border-bottom:2px solid #000; padding-bottom:15px; margin-bottom:15px;}
#sod_frm_taker .form-group {border-bottom:1px solid #f5f5f5; padding-bottom:20px; margin-bottom:20px}
#sod_frm_pay .panel {border:0 ;}
#sod_frm_pay .panel-heading {border-bottom:2px solid #000; padding-bottom:15px; margin-bottom:15px;}
#sod_frm_pay .form-group {border-bottom:1px solid #f5f5f5; padding-bottom:20px; margin-bottom:20px}

/*주문완료폼*/
#orq_form .panel {border:0}
#orq_form th {border-bottom:1px solid #d9d9d9}

@media all and (max-width:767px) {
	#orq_form-mo .font-18 {font-size:16px}
	#orq_form-mo .mo-th {border-bottom:2px solid orangered; padding-bottom:10px;}
	#orq_form {border:0px}
	#orq_form-mo .tr-line {height:auto; overflow:hidden; border-bottom:1px solid #d9d9d9;}
	#orq_form-mo .tr-line:last-child {border-bottom:0; padding-bottom:0; padding-top:20px}
	#orq_form-mo .odnum-box {padding:26px 16px; border-bottom:1px solid #d9d9d9; background:#f7f7f7}
	#orq_form-mo .odnum-box .well {text-align:left !important; padding:16px 0}
	#orq_form-mo input[type="checkbox"] {vertical-align:top}
	#orq_form-mo .item-img {margin:0 20px}
	#orq_form-mo .info {padding-left:20px}
	#orq_form-mo .info>li {line-height:2; display:block}
	#orq_form-mo .info>li ul {margin-bottom:10px;}
	#orq_form-mo .info>li li {line-height:1.5}
	#orq_form-mo .btn.mod_options-xs {margin-bottom:20px; margin-top:16px}
	.tot-box {margin-bottom:0; padding:5px}
	.tot-box .sell_p, .tot-box .send, .tot-box .coupon, .tot-box .tot {float:none; width:100%; height:auto; overflow:hidden; padding-top:20px}
	.tot-box .send {border-bottom:1px solid #d9d9d9}
	.tot-box .price {float:right; text-align:right !important}
	.tot-box .price span
	.tot-box  h3 {margin-top:0; font-size:18px}
	.tot-box .font-18 {float:left; font-size:16px !important}
	.tot-box p {font-size: 14px !important; display:block; float:none}
	.tot-box .send:before , .tot-box .tot:before, .tot-box .coupon:before  {display:none}
	#orq_form-mo .btn-group-wrap {padding:0}
	#orq_form-mo .btn-group {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
	#orq_form-mo .btn-group .btn {font-size:14px}
	#orq_form-mo .btn-group.btn1 {width:49.5%;}
	#orq_form-mo .btn-group.btn2 {width:49.5%; margin:0; float:right}
	#orq_form-mo .btn-group.btn3 {width:100%; margin:10px 0 0}
	#orq_form-mo .panel {font-size:14px}
}

@media all and (max-width:480px) {
	.cart-panel-wrap .step li {font-size:12px; margin-right:10px}
	#sod_bsk_list .info>li {font-size:14px}
	#sod_bsk_list .btn.mod_options-xs {margin:5px 0 16px}
	#sod_bsk_list .well {padding: 0}
	#sod_bsk_list .well .font-18 {font-size:16px}
	#sod_bsk_list .well .price h3 {font-size:18px}
	#sod_bsk_list .well .price p {font-size:14px}
	#sod_bsk_list .btn-group .btn {padding-left:0; padding-right:0; text-align:center}
}
/* Coupon modal*/
#couponModal {border-left:0; border-right:0}
#couponModal p {padding-bottom:20px !important; margin-bottom:20px; border-bottom:1px solid #d9d9d9}
#couponModal th {background:#f5f5f5;padding:24px 0; }
#couponModal td {padding:24px 0; text-align:center}
#couponModal label {margin-bottom:0 !important}
#couponModal select {height:50px; background:#f7f7f7; border:0}
#couponModal input {text-align:center !important}
@media all and (max-width:768px) {
	#couponModal {width:90vw; font-size:14px}
}

/* 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; }


/* 배송지목록 */
#sod_addr {width:100%}
#sod_addr th:nth-child(6) {width:40%}
#sod_addr .btn-xs {width:38px}
#sod_addr-mo {font-size:14px}
#sod_addr-mo .panel-heading {background:#333; color:#fff; font-size:18px; font-weight:bold}
#sod_addr-mo .add_head {border-bottom:1px solid #000; padding-bottom:5px;}
#sod_addr-mo li {padding:16px 0; border-bottom:1px solid #d9d9d9}
#sod_addr-mo li>div {padding:5px 0}
#sod_addr-mo li label {transform:translate(0,4px);}
#sod_addr-mo li label.ad_name_label {font-weight:bold; width:80px}
#sod_addr-mo li .ad_subject {width:120px; display: inline-block !important;}
#sod_addr-mo li .ad_default {display:inline-block; margin-left:10px}
#sod_addr-mo li span.ad_th {font-weight:bold; margin-right:10px; width:70px; display:inline-block}
#sod_addr-mo li .ad_button {margin:10px 0}
#sod_addr-mo .btn_confirm {margin-top:16px}
@media all and (max-width:350px) {
	#sod_addr-mo li .ad_default {display:block; margin-left:0px}
}