@charset "utf-8";

.od_prd_list {padding:20px 15px 10px}

@media (min-width:1200px) {
    .od_prd_list {padding:20px 0 0;float:left;width:900px}
}

.sod_opt {padding:0}
.od_prd_list .td_prd .prd_name {margin:0}
/* 장바구니 주문서 공통 */
.od_prd_list .td_chk {}
.od_prd_list .td_prd {border-left:0;position:relative;padding-left:120px;min-height:100px}
.od_prd_list .td_prd .sod_img {position:absolute;top:25px;left:20px}
@media (max-width:1200px) {
    .od_prd_list .td_prd .sod_img {position:absolute;top:20px;left:20px}
}
.od_prd_list .td_prd .sod_name {min-height:80px}
.od_prd_list .td_prd .prd_name {font-size:1.2em}
.od_prd_list .total_prc {color:#000;font-weight:bold;font-size:1.4em}

.sod_opt {margin:5px 0}
.sod_opt ul {display:inline-block;margin:0;padding:0;list-style:none}
.sod_opt li {color:#000;padding:3px 0;line-height:1.3em}
.sod_opt li:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;padding:3px;border-radius:3px;background:#e2eaf6;line-height:1em;color:#167F53}
.sod_option_btn .mod_options {height:30px;margin:5px 0 0;padding:0 5px;border:1px solid #d4d6db;color:#606060;background:#fff;border-radius:3px}

/* 장바구니 */
#sod_bsk {margin-bottom:30px}
#sod_bsk .go_shopping{margin: 10px}
#sod_bsk .go_shopping .btn01{height:45px;line-height:41px;font-size:1.167em;font-weight:bold;width:100%;text-align:center}
.btn_cart_del {padding:20px 0;border-bottom:1px solid #ccd2d9}
.btn_cart_del button {height:30px;padding:0 10px;border:1px solid #d4d6db;border-radius:5px;background:#fff;color:#666}
#sod_bsk_list {position:relative}
#sod_bsk #sod_bsk_tot {border:1px solid #212a37;margin:20px 0 30px}
#sod_bsk #sod_bsk_tot ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk #sod_bsk_tot li {float:left;width:33.333%;background:#F7F7F7;color:#000;border-left:1px solid #212a37;text-align:right;padding:15px 25px;font-size:1.167em}
#sod_bsk #sod_bsk_tot li:first-child {border:0}
#sod_bsk #sod_bsk_tot li span {display:inline-block;float:left}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {width:33.335%;background:#F7F7F7;color:#000}
#sod_bsk_act_pc {text-align:center;margin-bottom:120px}
#sod_bsk_act_pc .btn_submit {height:46px;padding:0 10px;width:180px;font-weight:500;font-size:1.25em}
#sod_bsk_act_pc .btn01 {height:46px;line-height:44px;padding:0 10px;width:180px;font-weight:500;font-size:1.25em}
#sod_bsk_act_pc p {margin:0 0 10px}

#sod_bsk_right #sod_bsk_tot_right {float:right; width:248px;border:1px solid #9E9E9E;margin:20px 0 30px;padding:15px 0 5px}
#sod_bsk_right #sod_bsk_tot_right ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_right #sod_bsk_tot_right li {color:#000;text-align:right;padding:5px 22px;font-size:1.167em}
#sod_bsk_right #sod_bsk_tot_right li:first-child {border:0}
#sod_bsk_right #sod_bsk_tot_right li span {display:inline-block;float:left}
#sod_bsk_right #sod_bsk_tot_right .sod_bsk_price {clear:both;padding-bottom:40px;font-size:1.167em}
#sod_bsk_act_right {border-top:1px solid #D3D3D3;text-align:center;margin:20px 22px 20px;padding:20px 0 10px}
#sod_bsk_act_right .btn_submit {height:46px;padding:0 10px;width:99%;font-weight:500;font-size:1.25em}
#sod_bsk_act_right p {margin:0 0 10px}

/* 장바구니 선택사항수정 */
#sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-280px;
margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}

@media (max-width:1200px) {
#sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:430px;height:auto !important;height:500px;max-height:500px;margin-left:-220px;
margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}
}

#sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999}
#mod_option_frm h2 {border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;font-size:1.25em}

.option_wr {padding:20px 20px 0}
.option_wr h3 {font-size:1.167em;margin-bottom:10px}
.option_wr .get_item_options,
.option_wr .get_item_supply {margin-bottom:10px}
.option_wr label {display:block;margin:10px 0 5px}
/*.option_wr select {width:100%;border:1px solid #d4d4d4;height:48px}*/

.option_wr select {width:100%;margin:0 0 10px;height:48px;padding:0 10px;border:1px solid #cdcdcd;color:#000;
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
-moz-appearance:none;    /* 화살표 없애기 for firefox*/
appearance:none;         /* 화살표 없애기 공통*/
background:url('img/select_arrow.png') no-repeat 97% 50%/* 화살표 아이콘 추가 */
}
.option_wr select::-ms-expand {display:none/* 화살표 없애기 for IE10, 11*/}

#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li {padding:10px 15px;background:#f9f9f9;border:1px solid #e6e9ed;margin:10px 0;position:relative}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li .opt_name {line-height:28px;font-weight:bold}
#sit_opt_added li .opt_count {}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
#sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed}
#sit_opt_added .sit_opt_del:hover {color:#be334a}
#sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}

#mod_option_frm #sit_sel_option {margin:20px 20px 10px}
#mod_option_frm #sit_tot_price {float:left;display:inline-block;margin:0 20px 20px}
#mod_option_frm #sit_opt_added {}
#mod_option_frm .btn_confirm {float:right;display:inline-block;margin:0 20px 20px;background:yellow}
#mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:1.167em;font-weight:bold;cursor:pointer}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0}
#mod_option_frm .btn_confirm .btn_close:hover {background:#f3f3f3}
.od_prd_list .total_prc {color:#000;font-weight:500;font-size:1.2em}

@media (max-width:620px) {
    .sod_th2_list2 {display:none}
}
@media (max-width:740px) {
    .sod_th2_list3 {display:none}
#sod_bsk #sod_bsk_tot li {float:left;width:42%;background:#F7F7F7;color:#000;border-left:1px solid #212a37;text-align:right;padding:15px 25px;font-size:1.167em}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {width:58%;background:#F7F7F7;color:#000}
}
@media (max-width:880px) {
    .sod_th2_list4 {display:none}
}
@media (max-width:1000px) {
    .sod_th2_list5 {display:none}
}

@media (min-width:1200px) {
    #sod_bsk_tot, #sod_bsk_act_pc {display:none}
	#sod_bsk_right {display:block;float:right;width:270px}
}
@media (max-width:1200px) {
    #sod_bsk_right {display:none}
}