@charset "utf-8";

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



/**장바구니 페이지**/
/*공통폰트*/
#sod_bsk_list {padding:0 10px;}
#sod_bsk_list .table-responsive, #sod_bsk_list > .well , #sod_bsk_list .btn-white, #sod_bsk_list .btn-darkred{ font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif; font-size : 14px; font-weight: 600;}
#sod_bsk_list .btn {height:40px;}
#sod_bsk_list .form-group { margin-bottom: 10px;}
#sod_bsk_list .form-group .btn{line-height: 0.9;}
.btn-group-justified>.btn-group:nth-child(2) {padding:0 10px;}
#sod_bsk_list .table-responsive .tr-head {border-bottom:1px solid #ddd !important; border-top:none !important; border-top:1px solid #ddd !important;}
#sod_bsk_list .table-responsive .tr-head > th > span { border-right:none !important; }
#sod_bsk_list .well-sm { font-size:20px; background: none; border: none; box-shadow:none; margin-bottom: 0; }
#sod_bsk_list .div-table button { width: 50%;  font-size : 14px; background:#f9f9f9;}
#sod_bsk_list > .well { font-size:20px; background: transparent;  box-shadow:none; margin-bottom: 30px; border-left:none;border-right:none;}
#sod_bsk_list .well {padding: 10px 19px;}
#sod_bsk_list .well .row > div {padding:5px 0; font-size:14px;}
#sod_bsk_list .btn {line-height: 1.9;}
@media screen and (max-width: 768px){
	#sod_bsk_list .table-responsive {border:none;}
}
@media (max-width: 991px){
	#sod_bsk_list {padding:0;}
	.btn-group-justified>.btn-group:nth-child(2){padding: 0 5px;}
	#sod_bsk_list .btn-sm { padding: 5px 5px;}
}

/*옵션변경 팝업*/
.modal-dialog, .modal-dialog label{ font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif; font-size : 14px; font-weight: 600;} 
.modal-dialog .modal-body .opt-tbl th {background:transparent;}
.modal-dialog .input-sm {height: 40px; box-shadow:none;}
.modal-dialog .modal-body .input-sm{font-size:14px;color:#999;font-weight:400;}
.modal-dialog .modal-body .it_opt_list .btn {height: 40px; width: 40px;background:#f9f9f9;}
.modal-dialog .modal-body .btn{margin-left:5px;}
.modal-dialog .modal-body .text-center .btn { height: 40px; width: 93px;font-weight: 400; font-size: 14px;}


/**상품구매 페이지**/
/*폰트 공통*/
#forderform .btn-white, #forderform .well-sm, #forderform .table-responsive .div-table td, .tr-head > th > span, #forderform >.well, #forderform .panel .panel-heading, #forderform #sod_list, #sod_frm_orderer .panel-body input, #forderform .panel-body label, #forderform .panel-body input, #sod_frm_pay{ font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif; font-size : 14px; font-weight: 600;}
/*주문하실상품을 선택해주세요 박스*/
#forderform {padding: 0px 10px;}
#forderform #sod_list{margin-bottom:0; white-space: nowrap;}
#forderform #sod_list tr{ border-bottom: 1px solid #ddd;}
#forderform .well-sm i { display:none; }
#forderform .form-horizontal >.well { color: #000; font-size:16px; font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif; font-weight: 600; background: none; border: none; box-shadow:none;}
#forderform .table-responsive .div-table td{text-align: center;}
#forderform .table-responsive .div-table td:nth-child(2){text-align: left;}
#forderform .tr-head {border-bottom: 1px solid #ddd !important;}
#forderform .tr-head > th > span { border-right:none !important; }
#forderform >.well {border:none; background: none; border-bottom:1px solid #ddd; box-shadow: none; padding: 10px 19px; }
#forderform > #sod_frm_pt_alert { border:1px solid #ddd;}
#forderform >.well > .row div{ font-size:14px; padding: 5px 0; }
#forderform .well-sm { font-size:20px; background: none; border: none; box-shadow:none; margin-bottom: 0; }
#forderform .well-sm:first-child {padding: 15px 0;}
#forderform .bsk-tbl .well li { line-height: 30px; }

/*주문하시는 분, 받으시는 분*/
#forderform .order_tit { margin-bottom: 30px; padding-top: 0; padding-bottom: 5px; font-size: 20px; font-weight: 700; font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif; padding: 25px 0 5px 0;border-bottom: 2px solid #333;}
#forderform .panel{border:none;}
#forderform .panel .panel-heading { font-size:20px; background: none; border: none; box-shadow:none; margin-bottom: 0; padding:25px 0 5px 0;}
#forderform .panel .panel-body {border-top: 2px solid #333; border-bottom: 1px solid #ddd;}
#sod_frm_orderer .panel-body input, #sod_frm_taker .panel-body input{padding:15px 0 0 0;}
#forderform .panel-body input { box-shadow: none; height: 40px; padding: 0 16px 1px; line-height: 37px; font-weight: 400; color:#999;border-color:#ddd; }
#forderform .btn-white { height: 40px; width: 93px;  font-weight: 400; font-size: 14px; line-height: 1.9;}
#forderform .fa {display:none;}

/*배송지선택*/
#sod_frm_taker .radio-line input:after{border: 1px solid #47292b; background: #47292b url(/cjom/web/images/common/spr_common.svg) no-repeat -60px -30px;  background-size: 510px 210px;}
#sod_bsk_list .div-table {margin-bottom:0;}
#sod_bsk_list .div-table.table > tbody > tr > td {padding: 15px 19px;}
#sod_bsk_list .div-table.table > tbody > tr > th {padding: 8px !important;}
#forderform .radio-line input{    margin: 0 auto;}
#forderform  .radio-line label {margin-bottom:0;}
.form-horizontal .has-feedback .form-control-feedback {display:none;}

/*결제정보*/
#forderform > #sod_frm_pt_alert {background:#eee;}
#forderform #sod_frm_pay .radio-line label {margin-right:0; float: right;}
#forderform .panel-body {padding:30px 0 15px 0;}
#forderform .panel-body .form-group .col-sm-7 label { font-weight:400; }

/*주문하기 버튼*/
#forderform #display_pay_button input { color: #fff !important;border-image: none !important; background-image: none !important; border: 1px solid rgb(150, 25, 30); background-color: rgb(170, 60, 63); height: 40px; width: 93px; font-weight: 400; font-size: 14px;}
#forderform #display_pay_button input:hover { background-color: rgb(150, 25, 30);}
#forderform #display_pay_button a { height: 40px; width: 93px;  font-weight: 400; font-size: 14px; line-height: 1.9; color: #333 !important; border-image: none !important; background-image: none !important; border: 1px solid #ddd;line-height: 1.6; background-color: #fff;}
#forderform #display_pay_button a:hover {background-color: #f5f5f5;}
#forderform .col-sm-4 select, #forderform .col-sm-4 select value{ box-shadow: none; height: 40px; padding: 0 16px 1px; line-height: 37px; font-weight: 400; color: #999; border-color: #ddd; font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif;
    font-size: 14px;}

@media screen and (max-width: 991px){#forderform {padding:0;}}
@media screen and (max-width: 768px){#forderform .table-responsive {border-left:0; margin-bottom:0; border:0;}}
@media screen and (max-width: 768px){
#forderform .order_tit {font-size: 16px; font-size: 16px; padding-bottom: 5px;padding-top:0;}
#forderform .tr-head { border-top: 2px solid #333 !important;}
#forderform .panel-body label {margin-bottom:0;}
#forderform .panel-body .addr-label{margin-bottom:7px;}
#forderform .panel-body label button{margin-bottom:7px;}
#forderform .well-sm:first-child { padding-top: 0; padding-bottom:5px; font-size:16px;}
#forderform .panel .panel-heading{ padding-top: 0; padding-bottom:5px; font-size:16px;}
#forderform #sod_frm_pay .radio-line label { position: absolute; transform: translate(115%, -32px);}
}
/*이메일가로 넓이 맞춤*/
@media (min-width: 768px){#forderform .panel  .col-sm-5 {width: 66.66666667%;}}
@media (max-width: 768px){#forderform .panel  .col-sm-5 {width: auto;}}
/*주소 가로 넓이 맞춤*/
@media (min-width: 768px){#forderform .panel .col-sm-3{width: auto;}}
@media (max-width: 768px){#forderform .panel .col-sm-3{width: auto;}}



/**주문상세내역 페이지**/
/*주문변호 박스*/
#modal_wrap .delivery-info { margin:0px; padding:0px; padding-left:30px; line-height:22px; white-space:nowrap; }
#modal_wrap .confirm_tit, #modal_wrap .div-table, #modal_wrap > .well, #modal_wrap .panel-heading{ color:#333; padding-top: 0; padding-bottom: 5px; font-size: 20px; font-weight: 700; font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif; padding: 25px 0 5px 0;border-bottom: 2px solid #333;}
#modal_wrap .panel-success, #modal_wrap .panel-default { border-color: transparent;}
#modal_wrap .confirm_tit {margin-bottom:30px; }
#modal_wrap .table-responsive .tr-head{ border-bottom:1px solid #ddd !important; border-top:1px solid #ddd !important; }
#modal_wrap .table-responsive .tr-head > th { padding: 8px !important;}
#modal_wrap .table-responsive .tr-head > th > span { border-right:none !important; padding:0; line-height: 1.42857143 !important;}
#modal_wrap .div-table {font-size:14px;border-bottom:1px solid #ddd !important;}
#modal_wrap tbody > tr > td{padding: 15px 19px; border:none;border-bottom:1px solid #ddd !important;}
#modal_wrap > .well {border:none; background: none; border-bottom:1px solid #ddd; box-shadow: none; padding: 10px 19px; }
#modal_wrap > .well > .row div { font-size:14px; padding: 5px 0; }
#modal_wrap .cancel_txt {border-bottom:0;}
#modal_wrap .panel-heading { font-size:20px; background: none; border: none; box-shadow:none; margin-bottom: 0; padding:25px 0 5px 0;}
#modal_wrap .panel>.table-responsive{border-top: 2px solid #333 !important;}
#modal_wrap .fa {display:none;}
#modal_wrap .div-table {margin-bottom:0;}
#modal_wrap > .print-hide > button:first-child {height: 40px; font-weight: 400; font-size: 14px; padding: 8px 20px;}
#modal_wrap .btn-sm {line-height: 1.7;}
#modal_wrap .print-hide button, #modal_wrap .print-hide a{margin-top:5px;}
#modal_wrap .input-group #cancel_memo {height:40px;}
#modal_wrap .input-group-addon {font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif; background:transparent;color: #333; font-weight: 500;}
#modal_wrap .text-center {font-size:14px;}
#modal_wrap .pass_info { margin-top: 30px; border-top:1px solid #ddd;}
#modal_wrap .panel-primary {border-color:transparent;}
#modal_wrap #sod_fin_cancelfrm button { height: 40px; font-weight: 400; font-size: 14px; padding: 8px 20px;}

@media screen and (max-width: 768px){
#modal_wrap .confirm_tit {font-size: 16px; font-size: 16px; padding-bottom: 5px;padding-top:0;}
#modal_wrap .delivery-info {padding-left:10px;}
}
@media screen and (max-width: 767px){
#modal_wrap .table-responsive{border:none;}
}


/**주문목록 페이지**/
#order_list_wrap .order_list{ border:none; background: none; border-bottom:1px solid #ddd; box-shadow: none; padding: 10px 19px; margin-bottom: 30px; padding-top: 0; padding-bottom: 5px; font-size: 20px; font-weight: 700; font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif; padding: 25px 0 5px 0;border-bottom: 2px solid #333;}
#order_list_wrap .div-table { border-collapse: initial;border-bottom:1px solid #ddd !important;}
#order_list_wrap .div-table.table > tbody > tr > th { border-top:1px solid #ddd !important;border-bottom:1px solid #ddd !important;padding: 8px !important;}
#order_list_wrap .div-table.table > tbody > tr > td { text-align: center; font-size: 14px; font-weight: 700; font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif;}
#order_list_wrap .tr-head > th > span { border-right:none !important;line-height: 1.42857143 !important; }
#order_list_wrap tbody > tr > td { padding: 15px 19px;}
#order_list_wrap .fa-bell:before {display:none;}
@media screen and (max-width: 767px){
	#order_list_wrap .table-responsive {border:none;}
	#order_list_wrap .order_list {font-size: 16px; line-height: 1.3 !important;}
}

/**주문상세내역 페이지**/