/* 2021-01-20 reset */
span.minus, b.minus { position: relative; color: #e12e4b; }
span.minus:before, b.minus:before { position: absolute; top: calc( 50% - 1px ); left: -11px; display: inline-block; content:''; width: 8px; height: 1px; background: #e12e4b; }

/* itemview one page */
#mgv { position: relative; display: flex; flex-wrap: wrap; width: 100%; }
#mgv .goods_title { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 25px; padding: 5px 10px; }
#mgv .goods_title .goodsname { font-family: 'NEXON Gothic','Noto Sans KR',sans-serif; align-self: center; }
#mgv .goods_title .goodsname .h2_tit { font-size: 30px; }
html.stepfix #mgv .goods_title { position: fixed; z-index: 1020; background: #fafafa; max-width: 1200px; margin-top: 0; top: 115px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

#mgv .goods_wrapper { display: flex; flex-direction: column; flex: 1 1 auto; max-width: 920px; padding-right: 15px; }
#mgv .buy_wrapper { position: relative; flex: 0 0 280px; margin: 0; padding: 0 0 0 10px; border-radius: .25rem; z-index: 1090; }

#mgv .goods_wrapper .goods_detail_wrap { position: relative; display: flex; flex-wrap: wrap; width: 100%; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap { display: flex; flex-direction: column; flex: 0 0 320px; max-width: 320px; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap .goods_image_box { position: relative; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap .goods_image_box .dummy_image { width: 100%; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap .goods_image_box .dummy_image img { width: 100%; height: auto; opacity: 0; visibility: hidden; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap .goods_image_box .dummy_image img.itgoods_img { width: 100%; height: auto; opacity: 1; visibility: visible; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap .goods_image_box .goods_image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap .goods_image_box .goods_image img { width: 100%; height: 100%; opacity: 0; visibility: hidden; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap .goods_image_box .goods_image.on img { opacity: 1; visibility: visible; }

#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap .thumb_image_wrap { position: relative; margin-top: 25px; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap .thumb_image_wrap img { width: 100%; height: auto; cursor: pointer; }
#goods_info_wrap { display: flex; flex-direction: column; flex: 1 1 auto; padding-left: 30px; max-width: 585px; }

@media (max-width: 992px) {
#mgv .goods_wrapper { display: flex; flex-direction: column; width: 100%; padding: 0 10px; max-width: 100%; }
#mgv .buy_wrapper { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1090; }
html.stepfix #mgv .goods_title { position: relative; z-index: 1020; background: #fafafa; max-width: 1200px; margin-top: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
#mgv .goods_title { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 25px; padding: 5px 10px; }
#mgv .goods_title .goodsname { width: 100%; font-family: 'NEXON Gothic','Noto Sans KR',sans-serif; align-self: center; }
#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap { display: flex; flex-direction: column; width: 100%; }
#goods_info_wrap { display: flex; flex-direction: column; width: 100%; padding: 0 10px; }
#item_info { }
}

#goods_info_wrap .goods_option_wrap { position: relative; display: flex; align-items: center; border: 1px solid #ddd; border-bottom: 0; padding: 1rem .375rem; margin-top: -1px; }/* mobile  flex-wrap: wrap; */
#goods_info_wrap .goods_option_wrap.option_radio { padding: calc(.5rem + 1px ) .375rem; }
#goods_info_wrap .goods_option_wrap > .dth { flex: 0 0 150px; padding-left: 10px; }
#goods_info_wrap .goods_option_wrap > .dtd { flex: 1 1 auto; }
@media (max-width: 992px) {
#goods_info_wrap .goods_option_wrap { flex-wrap: wrap; }
#goods_info_wrap .goods_option_wrap > .dth { width: 100%; }
#goods_info_wrap .goods_option_wrap > .dtd { width: 100%; }
}
#goods_info_wrap .goods_option_wrap > .dtw { position:absolute; top: 100%; left: -1px; right: -1px; border: 1px solid #d2d2d2; border-top: 1px dashed #d2d2d2; background: #fafafa; z-index: 10; padding: 15px; display: none; box-shadow: 0px 8px 12px -7px #c9c9c9; max-height: 300px; overflow-y: auto; }
#goods_info_wrap .goods_option_wrap > .dtw.on { display: block; }
#goods_info_wrap .goods_option_wrap > .dtd .opt_btn { position: absolute; top: 0; right: 0; bottom: 0; background: transparent; border-left: 1px solid #ddd; height: 100%; font-size: 20px; border-radius: 0; }
#goods_info_wrap .goods_option_wrap > .dtd .opt_btn:focus { border-left: 1px solid #ddd; }
#goods_info_wrap .goods_option_wrap > .dtd .goods_spec { align-items: center; }
#goods_info_wrap .goods_option_wrap > .dtd .goods_spec li { align-self: center; margin-right: 5px; }
#goods_info_wrap .goods_option_wrap > .dtd .goods_spec span { display: block; font-weight: 600;}
#goods_info_wrap .goods_option_wrap > .dtd .goods_spec .circle { display: block; width: 23px; height: 23px; border-radius: 50%; border: 1px solid transparent; }
/* opt_option */
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul { display: flex; }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li { padding-right: 10px; }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li .color_name { display: inline-block; min-width: 90px; }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li a { position: relative; display: inline-block; width: 25px; height: 25px; border-radius: 50%; border: 1px solid transparent; }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li a.on:before { position: absolute;top: 8px; left: 6px; content: ''; width: 2px; height: 12px; background: #fff; transform: rotate(-35deg); }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li a.on:after { position: absolute;top: 3px; left: 14px; content: ''; width: 2px; height: 17px; background: #fff; transform: rotate(35deg); }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li a.color_black { border: 1px solid #343a40; }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li a.color_black.on:before { background: #343a40; }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li a.color_black.on:after { background: #343a40; }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li a span { position: absolute; width: 1px; height: 12px; text-indent: -999em; opacity: 0; }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul { display: flex; }
#goods_info_wrap .goods_option_wrap .dtw.opt_option ul li { padding-right: 10px; }
#goods_info_wrap .goods_option_wrap .input_radio_label { min-width: 60px; text-align: center; cursor: pointer; }
#goods_info_wrap .goods_option_wrap .radio_box input:checked+ label { border: 1px solid #e12e4b; color: #e12e4b; font-weight: 600; }
#goods_info_wrap .goods_option_wrap .radio_message { display: block; font-family: 'NEXON Gothic','Noto Sans KR',sans-serif; font-size: 14px; padding: .375rem 0 0 0; color: #5bbdc8; }
@media (max-width: 992px) {
#mgv .goods_wrapper { display: flex; flex-direction: column; width: 100%; padding: 0; }
#mgv .buy_wrapper { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1090; padding: 0; }
html.stepfix #mgv .goods_title { position: relative; z-index: 1020; background: #fafafa; max-width: 1200px; margin-top: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
#mgv .goods_title { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 25px; padding: 10px; padding-bottom: 5px; }
#mgv .goods_title .goodsname { width: 100%; font-family: 'NEXON Gothic','Noto Sans KR',sans-serif; align-self: center; }

#mgv .goods_wrapper .goods_detail_wrap .goods_image_wrap { display: flex; flex-direction: column; flex: 1 1 auto; max-width: 100%; }
#goods_info_wrap { display: flex; flex-direction: column; width: 100%; padding: 0 10px; margin-top: 15px; }

#item_info { }
#goods_info_wrap .goods_option_wrap { flex-wrap: wrap; }
#goods_info_wrap .goods_option_wrap > .dth { width: 100%; padding: 0; margin-bottom: 5px; }
#goods_info_wrap .goods_option_wrap > .dtd { width: 100%; }
#goods_info_wrap .goods_option_wrap .dtd.option .fb { font-size: 14px; letter-spacing: -1px; }
}


#goodsbill, #saletype { font-weight: 400; color: #e12e4b; letter-spacing: -1px; }
#goodsbill b { font-weight: 400; margin-right: 5px; }
#saletype .ico_sale { margin-left: 5px; }
#bill_list { }
#bill_list li.opt_bill_list { position: relative; display: flex; justify-content: space-between; padding: 10px; border: 1px solid #ddd; background: #fff; margin-bottom: .5rem; cursor: pointer; }
#bill_list li.opt_bill_list:hover { background: #fafafa; }
#bill_list li.opt_bill_list.on { border: 1px solid #e12e4b; color: #e12e4b; }
#bill_list li.opt_bill_list .bill_basic { flex: 1 1 auto; }
#bill_list li.opt_bill_list .bill_info { flex: 1 1 auto; padding: 0 10px; }
#bill_list li.opt_bill_list .bill_name { display: block; font-size: 18px; font-weight: 600; width: auto; white-space: nowrap; }
#bill_list li.opt_bill_list .bill_price { display: block; font-size: 14px; font-weight: 400; white-space: nowrap; }
#bill_list li.opt_bill_list .bill_info { align-self: center; font-size: 13px; }
#bill_list li.opt_bill_list .bill_info span { padding: 0 .375rem; }
#bill_list li.opt_bill_list .bill_badge { position: absolute; top: 0; right: 0; display: inline-block; text-align: center; padding: 0 8px; font-size: 12px; color: #fff; background: #e12e4b; border: 1px solid #e12e4b; margin-left: 5px; font-weight: 400; }


#saletype_list { }
#saletype_list ul { display: flex; justify-content: space-between; }
#saletype_list ul li { flex: 1 1 auto; font-size: 14px; text-align: center; padding: 8px; background: #fff; border: 1px solid #ddd; cursor: pointer; }
#saletype_list ul li.on { border: 1px solid #e12e4b; color: #e12e4b; }
#saletype_list ul li:hover { background: #fafafa; }
/*할인방식*/
.saletype_name p { font-size: 1rem; font-weight: 600; letter-spacing: -1px; }
.saletype_price { margin-top: .5rem; }
.saletype_price p { display: flex; justify-content: space-between; }
.saletype_price p b { font-size: 16px; flex: 1 1 100%; max-width: 100%; align-self: center; }
/*결합할인,복지할인*/
.option_list { width: 100%; padding: 8px 10px 0 10px; border: 1px solid #ddd; background: #fff; margin-bottom: .5rem; }
.option_list.on { border: 1px solid #e12e4b; color: #e12e4b; }
.option_list:hover { background: #fafafa; }
/* 추가할인 */
.addsale_wrap { display: flex; }
.addsale_wrap .addsale_list { border: 1px solid #ddd; background: #fff; margin-right: 10px; }
.addsale_wrap .addsale_list:last-child { margin-right: 0; }
#addsale_card_info { font-size: 14px; padding-top: .25rem; color: #e12e4b; }

@media (max-width: 992px) {
.addsale_wrap .addsale_list { letter-spacing: -1px; margin-right: 5px; }
}

/* 추가할인 - 중고폰 반납 모달 */
.op_guide { margin-bottom: 1rem; border: 1px solid #ddd; padding: 15px; }
#opsearch { display: flex; justify-content: flex-end; margin-bottom: 1rem; }
#opsearch > div { margin-left: 10px; }
#op_ul { }
#op_ul > li.op_list { display: flex; justify-content: space-between; margin-bottom: .5rem; border: 1px solid #ddd; padding: 10px; }
#op_ul > li.op_list .list_img { flex: 0 0 60px; max-width: 60px; }
#op_ul > li.op_list .list_img img { width: 100%; height: auto; }
#op_ul > li.op_list .list_model { flex: 1 1 auto; padding: 0 15px; align-self: center; }
#op_ul > li.op_list .list_model > p { margin-bottom: .25rem; }
#op_ul > li.op_list .list_model > p > span { padding-right: 10px; font-weight: 600; }
#op_ul > li.op_list .list_model .op_price { display: flex; width: 100%; }
#op_ul > li.op_list .list_model .op_radio_wrap { margin-right: 10px; }
#op_ul > li.op_list .list_model .op_radio_wrap:last-child { margin-right: 0; }
.op_radio_wrap input[type="radio"] { position: absolute; z-index: -1; opacity: 0; }
.op_radio_wrap label.op_price_label { border: 1px solid #ddd; cursor: pointer; font-size: 14px; }
.op_radio_wrap label.op_price_label span { display: inline-block; padding: .375rem .75rem; border-right: 1px solid #ddd; }
.op_radio_wrap label.op_price_label b { display: inline-block; padding: .375rem .75rem; font-weight: 400; }
.op_radio_wrap input[type="radio"]:checked~ label.op_price_label { border: 1px solid #e12e4b; color: #e12e4b; }
.op_radio_wrap input[type="radio"]:checked~ label.op_price_label span { border-right: 1px solid #e12e4b; }
#op_ul > li.op_list .list_select { align-self: center; }
#op_ul > li.op_list .list_select .op_chk_wrap { position: relative; }
#op_ul > li.op_list .list_select .op_chk_wrap input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; }
#op_ul > li.op_list .list_select .op_chk_wrap label.op_label { padding-left: 30px; cursor: pointer; }
#op_ul > li.op_list .list_select .op_chk_wrap label.op_label:before { position: absolute; left: 0; top: 0; display: inline-block; content: ''; width: 27px; height: 27px; border: 1px solid #ddd; border-radius: .25rem; }
#op_ul > li.op_list .list_select .op_chk_wrap input[type="checkbox"]:checked~ label.op_label:before { font-family: 'fontAwesome'; content: '\f00c'; border: 1px solid #000; line-height: 27px; text-align: center; font-size: 18px; }

@media (max-width: 992px) {
#op_ul > li.op_list .list_model .op_radio_wrap { width: 50%; margin-right: 0; margin-bottom: .25rem; }
.op_radio_wrap label.op_price_label span { display: inline-block; padding: .375rem .75rem; border-right: 1px solid #ddd; min-width: 50px; text-align: center; }
}


#option_point_gift { display: none; }
#gift_cart { width: 100%; padding: 15px; background: #fafafa; margin: 0; margin-top: -1px; border: 1px solid #ddd; }
#gift_box { width: 100%; display: flex; flex-wrap: wrap; }
#gift_box li { width: 25%; }
#gift_box li img { width: 100%; height: auto; }
#basicgift_list { display: flex; flex-wrap: wrap; }
#basicgift_list li { width: 25%; padding: 0 5px; }

#calc_wrap { width: 100%; background: #fff; overflow-y: auto; margin-bottom: 1rem; }
#calc_wrap .mobile_box_toggle { display: none; }
#calc_wrap .calc_box { border: 1px solid #ddd; margin-bottom: 1rem; }
/* #calc_wrap .calc_box.point_box { display: none !important; } 포인트 사용 안할경우 */
#calc_wrap .calc_box.total_box { margin-bottom: 0; }
#calc_wrap .calc_box .calc_tle { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: .75rem; font-size: 18px; font-weight: 600; background: #f6f6f6; }
#calc_wrap .calc_box .calc_body { padding: .5rem .75rem; }
#calc_wrap .calc_box .calc_body dl { display: flex; justify-content: space-between; margin-bottom: .25rem; }
#calc_wrap .calc_box .calc_body dl dt { font-weight: 400; }
#calc_wrap .calc_box .calc_body dl dt.text_sale { color: #e12e4b; }
#calc_wrap .calc_box .calc_body dl dd { }
#calc_wrap .calc_box .calc_body dl dd.minus { position: relative; color: #e12e4b; }
#calc_wrap .calc_box .calc_body dl dd.minus:before { position: absolute; top: calc( 50% - 1px ); left: -11px; display: inline-block; content:''; width: 8px; height: 1px; background: #e12e4b; }
#calc_wrap .calc_box .calc_body dl.gift_exp { }
#calc_wrap .calc_box .calc_body dl.gift_exp { padding: 10px; background: #f4f1ed; border-radius: 4px; }
#calc_wrap .calc_box .calc_body dl.gift_exp .tip { font-size: 13px; color: #6f42c1; }
#calc_wrap .calc_box .calc_body dl.gift_exp .tip:before { display: inline-block; background: #6f42c1; border-radius: 4px; color: #fff; padding: 0 8px; content:'TIP'; font-size: 11px; margin-right: 3px; }
#calc_wrap .calc_box .calc_body dl.gift_exp .tip > .mpoint { color: #dc3545; }
#calc_wrap .calc_box .calc_body dl.mpsum dt,
#calc_wrap .calc_box .calc_body dl.mpsum dd { font-weight: 600; }
#calc_wrap .calc_box .calc_body dl.subsum { padding-left: .25rem; font-size: 14px; margin-bottom: 3px; }
#calc_wrap .calc_box .calc_body.phone_price { border-bottom: 1px dashed #ddd; }
#calc_wrap .calc_box .calc_body dl.dlb dt,
#calc_wrap .calc_box .calc_body dl.dlb dd { font-weight: 600; text-align: center; }
#calc_wrap .calc_box .calc_body dl.dlb dd.tmp { font-size: 20px;  color: #e12e4b; align-self: center; }
#calc_wrap .calc_box .calc_body.total_price { background: #f4f1ed; }
#calc_wrap .calc_box .calc_body.dcint { background: #f4f1ed; border-top: 1px dashed #ddd; }
#calc_btn_wrap { display: flex; }
#calc_btn_wrap button { flex: 0 0 auto; margin-right: 5px; }
#calc_btn_wrap button:last-child { flex: 1 1 auto; margin-right: 0; }
#calc_btn_wrap button.btn_ico_kakao { padding: 0 .375rem; }
#calc_btn_wrap button.btn_ico_call { background: #00a2be; color: #fff; }
#calc_btn_wrap button.btn_ico_request { background: #e12e4b; color: #fff; }
#calc_btn_wrap button.btn_ico_request i { font-size: 18px; }
#calc_btn_wrap button.btn_ico_request span { display: inline-block; line-height: 1; }

@media (max-width: 992px) {
#calc_wrap { margin-bottom: 0; background: transparent; }

#calc_wrap .mobile_box_toggle { display: flex; justify-content: center; align-items: center;  }
#calc_wrap .mobile_box_toggle span.calc_btn_toggle { width: 66px; height: 26px; align-self: center; text-align: center;  margin-bottom: -1px; background: #f4f1ed; cursor: pointer; }
#calc_wrap .mobile_box_toggle span.calc_btn_toggle { border: 1px solid #ddd; border-bottom: 0; }
#calc_wrap .mobile_box_toggle span.calc_btn_toggle { color: #000; font-size: 24px; border-top-right-radius: 15px; border-top-left-radius: 15px; line-height: 1.15; }

#calc_wrap .calc_box .calc_tle { border-top: 1px solid #ddd; }
#calc_wrap .point_box { margin-bottom: 0; border: 0; display: none; max-height: 120px; overflow-y: auto; }
#calc_wrap .price_box { max-height: calc( 100vh - 250px ); overflow-y: auto; border: 0; display: none; }
#calc_wrap .total_box { border-right: 0; border-left: 0; }

#calc_wrap .calc_box { background: #fff; }
#calc_wrap .calc_box.price_box { margin-bottom: 0; }
#calc_btn_wrap { padding: 10px; background: #fafafa; }

}

#oldphone { border: 1px solid #ddd; margin-bottom: 1rem; background: #fff; }
#oldphone h3 { border-bottom: 1px solid #ddd; padding: .75rem; font-size: 18px; font-weight: 600; background: #f6f6f6; }
#oldphone ul { padding: 0 15px; }
#oldphone ul li { display: flex; justify-content: space-between; padding: .75rem 0; border-bottom: 1px dashed #ddd; }
#oldphone ul li:last-child { border-bottom: 0; }
#oldphone ul li span, #oldphone ul li b { display: inline-block; font-size: 14px; font-weight: 400; }
@media (max-width: 992px) {
#oldphone { margin-bottom: 0; }
#oldphone ul { max-height: 50px; overflow-y: auto; }
}

/* 인터넷 가입 */
#itcate { display: flex; margin-top: 15px; }
#itcate > li.it_li { border: 1px solid #ddd; border-bottom: 2px solid #333; padding: .75rem; min-width: 240px; text-align: center; color: #333; font-size: 24px; background: #fafafa; cursor: pointer; }
#itcate > li.it_li.on { font-weight: 600; border: 2px solid #333; border-bottom: 0; background: #fff; color: #e12e4b; }
#itcate > li.it_li_empty { flex: 1 1 auto; border-bottom: 2px solid #333;}

.itgoods_wrap { display: none; width: 100%; max-width: 1228px; margin: 25px auto; }
.itgoods_wrap.on { display: block; }
.itgoods_box { display: flex; flex-wrap: wrap; margin: 0 -14px; padding: 0 14px; }
.itgoods_box .itgoods_item { width: 33.33333333%; padding: 0 14px; }
.itgoods_box .itgoods_item .itgoods_image { width: 100%; }
.itgoods_box .itgoods_item .itgoods_image img { width: 100%; height: auto; }
.itgoods_box .itgoods_item .itgoods_info { margin: 15px 0; }
.itgoods_box .itgoods_item .itgoods_info p.itgoods_name { font-size: 18px; font-weight: 600; text-align: center; padding: .375rem; }
.itgoods_box .itgoods_item .itgoods_info ul.dot_list { margin: 0; padding: 0; }
.itgoods_box .itgoods_item .itgoods_info ul.dot_list li { font-size: 14px; color: #333; }

.itgoods_box .itgoods_item .itgoods_price { padding: 10px 15px; background: #f6f6f6; font-family: 'NEXON Gothic','Noto Sans KR',sans-serif; }
.itgoods_box .itgoods_item .itgoods_price dl { display: flex; justify-content: space-between; padding: .375rem 0; border-bottom: 1px dashed #ccc; }
.itgoods_box .itgoods_item .itgoods_price dl:last-child { border-bottom: 0; }
.itgoods_box .itgoods_item .itgoods_price dl dt { font-weight: 400; }

.goods_option { }
.goods_option > li { position: relative; display: flex; justify-content: space-between; padding: 10px; border: 1px solid #ddd; background: #fff; margin-bottom: .5rem; cursor: pointer; }
.goods_option > li:hover { background: #fafafa; }
.goods_option > li.on { border: 1px solid #e12e4b; color: #e12e4b; }
.goods_option > li > .gon > p { font-size: 18px; font-weight: 600; }
.goods_option > li > .gon > p.gosm { font-size: 14px; font-weight: 400; }
.goods_option > li > .gop { align-self: center; padding: 0 1rem;line-height: 1; text-align: center; }

@media (max-width: 992px) {
#itcate > li.it_li { min-width: 120px; padding: .5rem; font-size: 18px; }
.itgoods_box { margin: 0; padding: 0; }
.itgoods_box .itgoods_item { width: 100%; padding: 0 14px; margin-bottom: 15px; }
}

/* 제휴카드 */
#clist { display: flex; justify-content: space-between; flex-wrap: wrap; }
#clist > li { width: 49%; border: 1px solid #ddd; padding: 15px; margin-bottom: .5rem; cursor: pointer; }
#clist > li.on { border: 1px solid #e12e4b; }
#clist > li > .card_wrap { display: flex; }
#clist > li > .card_wrap > .card_image { flex: 0 0 30%; }
#clist > li > .card_wrap > .card_image img { width:100%; height: auto; }
#clist > li > .card_wrap > .card_info { flex: 0 0 70%; max-width: 70%; padding-left: 15px; }
#clist > li > .card_explain { background: #fafafa; font-size: 14px; padding: 10px; margin-top: 10px; }
@media (max-width: 992px) {
#clist > li { width: 100%; }
}

/* 인터넷 가입 주문 폼 */
.itcart_wrap { }
.itcart_wrap > ul { display: flex; }
#itcart { }
#itcart dl { display: flex; }

#ord_gift > li { width: 50%; }
#ord_gift .ord_gift_body { }
#ord_gift .ord_gift_body ul { margin: 0 -10px; display: flex; flex-wrap: wrap; }
#ord_gift .ord_gift_body ul li { padding: 0 10px; flex: 0 0 25%; max-width: 25%; }
#ord_gift .ord_gift_body ul li img { width: 100%; height: auto; }
.itgoods_order { }
.itgoods_order ul { background: #fff; max-height: 300px; overflow-y: auto; }
.itgoods_order ul li { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px dashed #ddd; }
.itgoods_order ul li:last-child { border-bottom: 0; }
.itgoods_order .gift_image { flex: 0 0 80px; max-width: 80px; }
.itgoods_order .gift_image img { width: 100%; height: auto; }
.itgoods_order .gift_info { flex: 1 1 auto; align-self: center; }
@media (max-width: 992px) {
.itgoods_order ul { max-height: 150px; }
}


/* order btn */
#order_btn_wrap { display: flex; }
#order_btn_wrap > button { flex: 0 0 auto; margin-right: 5px; border-radius: 0; }
#order_btn_wrap > button.btn_order_submit { flex: 1 1 auto; margin-right: 0; background: #e12e4b; color: #fff; font-weight: 600; font-size: 18px; border-radius: 0; }

/* 주문서 양식 */
#ofinfo { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 25px; padding: 10px; padding-bottom: 5px; }
#ofinfo .ofinfo_title { font-family: 'NEXON Gothic','Noto Sans KR',sans-serif; align-self: center; font-size: 26px; }

#ofc { position: relative; display: flex; width: 100%; }
#ofc .orderform_wrapper { display: flex; flex-direction: column; flex: 1 1 auto; max-width: 920px; padding-right: 15px; } /* mcart */
#ofc .orderform_guide { position: relative; flex: 0 0 280px; max-width: 280px; margin: 0; padding: 0; } /* guide */
#ofc .orderform_guide h5.guide_tle { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: .75rem; font-size: 18px; font-weight: 600; background: #f6f6f6; }
#ofc .mobile_box_toggle { display: none; }

/* 핸드폰 가입 주문 폼 */
.mcart_wrap { font-family: 'Montserrat','NEXON Gothic','Noto Sans KR',sans-serif; }
.mcart_wrap > ul { }
#mcart { display: flex; }
#mcart li { flex: 1 1 auto; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
#mcart li:last-child { border-right: 0; }
#mcart li .mcart_head { padding: .5rem; text-align: center; border-top: 2px solid #333; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: 600; background: #f4f4f4; margin-right: -1px; }
#mcart li .mcart_body { padding: 15px; }
#mcart li .mcart_body dl { display: flex; justify-content: space-between; }
#mcart li .mcart_body dl dt { font-weight: 400; }
#mcart li .mcart_body dl dd { font-weight: 600; }
#mcart li .mcart_body dt.model_img { width: 90px; }
#mcart li .mcart_body dt.model_img img { width: 100%; height: auto; }
#mcart li .mcart_body dd.model_info { flex: 1 1 auto; padding-left: 10px; }
#mcart li .mcart_body dd.model_info p { display: flex; justify-content: space-between; }
#mcart li .mcart_body dd.model_info p span { font-weight: 400; }
.mcart_total { display: flex; justify-content: center; background: #fafafa; padding: 10px; border-bottom: 1px solid #ddd; }
.mcart_total > dl { display: flex; padding: 0 10px; font-size: 16px; }
.mcart_total > dl > dt { font-weight: 400; margin-right: 5px; }
.mcart_total > dl > dd > span.minus { display: inline-block; margin-left: 15px; }

#mgift > li { width: 50%; }
#mgift .mcart_body { }
#mgift .mcart_body ul { margin: 0 -10px; display: flex; flex-wrap: wrap; }
#mgift .mcart_body ul li { padding: 0 10px; flex: 0 0 25%; max-width: 25%; }
#mgift .mcart_body ul li dt.model_img { width: 90px; }
#mgift .mcart_body ul li dt.model_img img { width: 100%; height: auto; }

.order_item_wrap { display: flex; flex-wrap: wrap; }
.order_item_box { flex: 1 1 33.33333%; max-width: 33.33333% }
.order_item_box .item_tle { text-align: center; font-size: 16px; background: #fafafa; padding: 10px; font-weight: 600; border-bottom: 1px solid #ddd; }
.order_item_box ul { padding: 10px 0; height: 150px; overflow-y: auto; border-bottom: 1px solid #ddd; }
.order_item_box ul li { display: flex; justify-content: space-between; padding: 5px 10px; border-bottom: 1px dashed #ddd; }
.order_item_box ul li:last-child { border-bottom: 0; }
.order_item_box ul li:first-child {  border-bottom: 1px dashed #ddd; }
.order_item_box ul li .item_image {flex: 0 0 70px; max-width: 70px; }
.order_item_box ul li .item_image img { width: 100%; height: auto; }
.order_item_box ul li .item_info { flex: 1 1 75%; max-width: 75%; font-size: 14px; padding-left: 10px; align-self: center; }
.order_item_box ul li .item_info .gname { text-align: right; letter-spacing: -1px; }
.order_item_box ul li .item_info .gpoint { text-align: right; color: #dc3545; }

ul.add_billsale { padding: 10px 15px; }
ul.add_billsale > li { display: flex; justify-content: space-between; }
ul.add_billsale > li > span { overflow: hidden; padding-right: 20px; white-space: nowrap; }
ul.add_billsale > li > b { white-space: nowrap; }
.order_pay_form { }
.order_pay_form .pay_price_wrap { background: #fff; }
.order_pay_form .pay_price_wrap h3.pay_title { margin-bottom: 5px; font-size: 18px; font-weight: 600; padding: 10px 5px; background: #f6f6f6; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.order_pay_form .pay_price_wrap ul.pay_price_info { padding: 10px 15px; }
.order_pay_form .pay_price_wrap ul.pay_price_info li { display: flex; justify-content: space-between; }
.order_pay_form .pay_price_wrap ul.pay_price_info li span { font-size: 14px; letter-spacing: -1px; }
.order_pay_form .pay_price_wrap dl { display: flex; justify-content: space-between; }
.order_pay_form .pay_price_wrap dl dd.p { color: #dc3545; }
.order_pay_form .pay_price_wrap dl.cart_total { background: #fafafa; color: #dc3545; padding: 10px; border-top: 1px dashed #ddd; }
.order_pay_form .pay_price_wrap dl.cart_total dt { align-self: center; }
.order_pay_form .pay_price_wrap dl.cart_total dd.sum_price { font-weight: 600; font-size: 24px; }

#pay_point { background: #fafafa; padding: 15px 10px; border-bottom: 1px dashed #ddd; }
#pay_point > div { display: flex; justify-content: space-between; }
#pay_point > div .use_point { width: 80px; border: 1px solid #ddd; border-radius: 0; text-align: right; padding: 0 .375rem; }

#order_pay_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; background: #fafafa; padding: 15px 10px; }
#order_pay_wrap > div { flex: 1 1 49%; max-width: 49%; margin-bottom: 5px; }
#order_pay_wrap > div > input[type="radio"] { position: absolute; z-index: -1; opacity: 0; }
#order_pay_wrap > div > label { width: 100%; padding: 5px; border: 1px solid #ddd; text-align: center; cursor: pointer; background: #fff; }
#order_pay_wrap > div > input[type="radio"]:checked~ label { border: 1px solid #dc3545; color: #dc3545; }
#bank_num { width: 100%; }
#order_pay_btn { margin: 0; padding: 0; }
#pay_btn { width: 100%; background: #dc3545; color: #fff; text-align: center; font-size: 20px; letter-spacing: -1px; border-radius: 0; }

@media (max-width: 992px) {
#ofinfo { margin-bottom: 0; }
#ofinfo .ofinfo_title { font-size: 20px; }
#ofc .orderform_wrapper { position:relative; display: flex; flex-direction: column; flex: 1 1 auto; padding: 0; }
.order_item_box { flex: 1 1 100%; max-width: 100% }
#ofc .orderform_guide { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1090; padding: 0; border: 0; width: 100%; max-width: 100%; }
#ofc .orderform_guide .orderform_guide_box { display: none; }
#mcart { display: flex; flex-wrap: wrap; }
#mcart li { flex: 1 1 100%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.mcart_total { display: flex; justify-content: flex-end; flex-direction: column; background: #fafafa; padding: 10px; border-bottom: 1px solid #ddd; }
#ofc .mobile_box_toggle { display: flex; justify-content: center; align-items: center; background: transparent; border-bottom: 1px solid #ddd; }
#ofc .mobile_box_toggle span.guide_btn_toggle { width: 66px; height: 26px; align-self: center; text-align: center;  margin-bottom: -1px; background: #f4f1ed; cursor: pointer; }
#ofc .mobile_box_toggle span.guide_btn_toggle { border: 1px solid #ddd; border-bottom: 0; }
#ofc .mobile_box_toggle span.guide_btn_toggle { color: #000; font-size: 24px; border-top-right-radius: 15px; border-top-left-radius: 15px; line-height: 1.15; }
#ofc .mobile_box_toggle span.guide_btn_toggle.toggle_red { background: #e12e4b; color: #fff; }

.order_pay_form, #pay_point { }
#order_pay_wrap { display: flex; flex-wrap: wrap; background: #fafafa; padding: 15px 10px; }
#order_pay_wrap > div { flex: 1 1 33%; max-width: 33%; margin-bottom: 5px; }
}


/* order complete */
.orderform_guide_box ul.ofgb { background: #fff; max-height: 150px; overflow-y: auto; }
.orderform_guide_box ul.ofgb > li { display: flex; border-bottom: 1px dashed #ddd; }
.orderform_guide_box ul.ofgb > li .gimage { width: 80px; padding: 5px; }
.orderform_guide_box ul.ofgb > li .gimage img { width: 100%; height: auto; }
.orderform_guide_box ul.ofgb > li .ginfo { align-self: center; padding: 10px; font-size: 14px; }

#order_app_wrap { padding: 10px; background: #e12e4b; color: #fff; }
#order_app_wrap .app_box { }
#order_app_wrap .app_box p { font-size: 18px; text-align: center; font-weight: 600; }
#order_app_wrap .app_box a { display: flex; justify-content: center; color: #fff; }
#order_app_wrap .app_box a span,
#order_app_wrap .app_box a b { display: inline-block; padding: .375rem 0; text-align: center; align-self: center; }
#order_app_wrap .app_box a span { font-size: 36px; }

#order_pay_info { padding: 0; }
#order_pay_info .pay_info_box {  background: #e12e4b; color: #fff; font-size: 16px; text-align: center; padding: 12px 8px; letter-spacing: -2px; }

/* order form */
#ofc .order_form { width: 100%; }
#ofc .order_form .order_tle { position: relative; display: flex; justify-content: space-between; width: 100%; font-size: 1.25rem; margin-bottom: 10px; font-weight: 600; border-bottom: 1px solid #ddd; margin-top: 25px; }
#ofc .order_form .order_tle > span { display: inline-block; padding-right: 15px; padding-bottom: 10px; border-bottom: 2px solid #dc3545; }
#ofc .order_form .order_tle .app_btn { position: absolute; right: 0; top: 0; font-size: 16px; border: 1px solid #ddd; padding: 4px 8px; }

#ofc .order_form .orf { margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #ddd; }
#ofc .order_form .orf_tle { flex: 0 0 20%; max-width: 20%; }
#ofc .order_form .orf_field { flex: 0 0 80%; max-width: 80%; }
#ofc .order_form .orf_field .input_text { width: 100%; }
#ofc .order_form .orf_field .input_full { width: 100%; }
#ofc .order_form .orf_field .field_addr { margin-bottom: .375rem; }
#ofc .order_form .orf_field .field_addr .addr_zip .input_zip { max-width: 100px; }
#ofc .order_form .button_wrap { margin-top: 25px; display: none; }
@media (max-width: 992px) {
#ofc .order_form .order_tle span { padding-left: .5rem; }
#ofc .order_form .orf { padding: .5rem .75rem }
}

/* myModal h3 closex button */
.myModal .myModal-content h3 { }
.myModal .myModal-content h3 button.closex{ position: absolute; top: 5px; right: 5px; width: 50px; height: 50px !important; padding: 0 !important; border-radius: 0; border: 0; background: transparent; outline: none; box-shadow: none; }
.myModal .myModal-content h3 button.closex:before, 
.myModal .myModal-content h3 button.closex:after{ content: ""; margin: auto; display: block; width: 60%; height: 1px; background: #000; }
.myModal .myModal-content h3 button.closex:before{ transform: rotate(-45deg); }
.myModal .myModal-content h3 button.closex:after{ transform: rotate(45deg); }

/* nohdw500 Modal */
.myModal.layer-nohdw500 .myModal-dialog { max-width: 500px; }
.myModal.layer-nohdw500 .myModal-header { display: none; }
.myModal.layer-nohdw500 .myModal-body { padding: 25px; }
.myModal.layer-nohdw500 .myModal-footer { display: none; }
.myModal.layer-nohdw500 .myModal-body h3 { font-size: 20px; padding-bottom: 8px; border-bottom: 1px solid #ddd; }

/* mypage */
.content-inner { position: relative; display: flex; width: 100%; margin-top: 25px; }
.inner-aside-wrap { position: relative; flex: 0 0 280px; max-width: 280px; padding-right: 50px; }
.inner-content-wrap { position: relative; flex: 1 1 auto; }
@media (max-width: 992px) {
.content-inner { flex-wrap: wrap; margin: 0; }
.inner-aside-wrap { position: relative; flex: 1 1 100%; max-width: 100%; padding: 0; }
.inner-content-wrap { position: relative; flex: 1 1 100%; max-width: 100%; padding: 0; }
}