.div_table { display: table; }
.div_tr { display: table-row; }
.div_td { display: table-cell; }

/* 좌측 메뉴 - 우측 영역 등 */
.mypage_left *, .mypage_right * { box-sizing: border-box; font-family: notokr; }
.mypage_head { margin-top: 30px; font-size: 18px; font-weight: 400; background-color: #595959; color: #fff; line-height: 70px; padding-left: 18px; }
.mypage_menu { border-style: solid; border-width: 0 1px 1px 1px; border-color: #e3e3e3; min-height: 255px; padding: 8px 0; position: relative; }
.mypage_menu ul { list-style: none; padding: 0; margin: 0; }
.mypage_menu a { font-family: notokr !important; display: block; padding: 5px 0 5px 18px; font-size: 13px; color: #666; }
.mypage_menu li:hover a, .mypage_menu li.active a { color: #000; font-family: notokr_700 !important; }
.mypage_right { width: 804px; margin-left: 24px; margin-top: 25px; margin-bottom: 25px; }
.mypage_right .btn:hover { cursor: pointer; }
.mypage_menu .user_text { position: absolute; bottom: 0; font-size: 1.04rem !important; font-weight: bold; color: #416c7e; padding-left: 15px; padding-bottom: 15px; }

/* 우측 상단 */
.mypage_header { border-collapse: collapse; width: 100%; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #6c6c6c #e5e5e5 #e5e5e5 #e5e5e5; margin-top: 30px; margin-bottom: 40px; height: 154px; text-align: center; }
.mypage_header .info1 { vertical-align: middle; color: #333; font-size: 14px; }
.mypage_header .txt1 { font-size: 20px; color: #666; margin-bottom: 12px; font-weight: lighter; }
.mypage_header .txt1 .name { font-weight: bold; color: #000; }
.mypage_header .txt2 { margin-bottom: 3px; }
.mypage_header .txt2 .manager { color: #000; font-weight: boold; }
.mypage_header .txt3 { color: #000; }
.mypage_header .info2, .mypage_header .info3, .mypage_header .info4 { width: 170px; vertical-align: middle; position: relative; }
.mypage_header .info3:before, .mypage_header .info4:before { content: ""; display: flex; height: 70px; width: 1px; background-color: #ebebeb; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.mypage_header .txt4 { font-size: 13px; color: #666; }
.mypage_header .txt5 { font-size: 17px; font-weight: bold; color: #000; margin-top: 8px; }
.mypage_header .txt5.high { color: #e73d5a; }
.mypage_title_div { border-bottom: solid 1px #afafaf; padding-bottom: 10px; }
.mypage_title { font-family: notokr_500; font-weight: 400; font-size: 16px; }
.mypage_title_div .addmsg { color: #666; margin-left: 10px; font-size: 11px; }
.mypage_right .chk { transform: scale(1.3); }

/* 주문조회 */
.order_step { margin: 0 auto; text-align: center; color: #333; margin-top: 30px; }
.order_step .div_td.step { width: 75px; }
.order_step .div_td.arrow { width: 50px; color: #dfdfdf; font-size: 20px; }
.order_step .cnt { background-color: #f7f7f7; width: 75px; height: 75px; border: 0; border-radius: 50%; line-height: 75px; font-weight: bold; font-size: 19px; }
.order_step .msg { font-size: 12px; margin-top: 5px; }

.tbl_order { border-collapse: collapse; width: 100%; text-align: center; margin-top: 8px; margin-bottom: 20px; border-bottom: solid 1px #ebebeb; }
.tbl_order * { font-family: notokr !important }
.tbl_order th { color: #333; font-size: 14px; height: 50px; border-top: solid 1px #d5d5d5; border-bottom: solid 1px #ebebeb; }
.tbl_order td { padding-top: 7px; padding-bottom: 7px; color: #666; height: 40px; border-bottom: solid 1px #ebebeb; }
.tbl_order tbody tr:first-child td { padding-top: 14px; }
.tbl_order .order_no { font-weight: bold; }
.tbl_order .order_price { text-align: right; padding-right: 20px; font-weight: bold; }
.tbl_order .order_cash { text-align: right; padding-right: 20px; }
.tbl_order .order_receipt a { color: #666; }

.tbl_order .nothing { line-height: 250px; text-align: center; }
.tbl_order .detail { background-color: #f7f7f7; }
.tbl_order .detail .image { width: 60px; height: 60px; }
.tbl_order .detail .desc { text-align: left; padding-left: 20px; }
.tbl_order .detail .strong { font-weight: bold; }

.order_guide { color: #000; }
.order_total { font-size: 11px; }
.order_total .cnt { color: #138ce1; }
.order_guide label, .order_guide input { cursor: pointer; }
.order_bottom { color: #666; }
.order_bottom .strong { color: red; }
.msg_opt { text-indent: -33px; margin-left: 33px; display: inline-block; }

/* 장바구니 */
.order_step { margin-top: 50px; margin-bottom: 45px; }
.tbl_cart { border-collapse: collapse; width: 100%; color: #333; text-align: center; margin-bottom: 20px; border-top: solid 1px #ebebeb; }
.tbl_cart * { font-family: notokr !important; }
.tbl_cart th { font-size: 14px; height: 50px; border-bottom: solid 1px #ebebeb; }
.tbl_cart tbody td { border-bottom: solid 1px #ebebeb; padding-top: 15px; padding-bottom: 15px; }
.tbl_cart .td_chk { width: 50px; text-align: center; }
.tbl_cart .td_img { width: 100px; }
.tbl_cart .td_img img { width: 100px; height: 100px; border: solid 1px #d5d5d5; cursor: pointer; }
.tbl_cart .td_name { }
.tbl_cart tbody .td_name { text-align: left; padding-left: 20px; line-height: 150%; }
.tbl_cart .td_price { width: 85px; }
.tbl_cart .td_vat { width: 75px; }
.tbl_cart .td_quantity { width: 100px; }
.tbl_cart .td_pay { width: 90px; }
.tbl_cart tbody .td_pay { text-align: right; padding-right: 10px; }
.tbl_cart tbody .td_price, .tbl_cart tbody .td_vat, .tbl_cart tbody .td_quantity, .tbl_cart tbody .td_pay { font-weight: bold; }
.tbl_cart .td_del { width: 50px; }
.tbl_cart .td_del img { width: 15px; cursor: pointer; }
.info_sum_price { background-color: #f7f7f7; border-style: solid; border-width: 1px 0; border-color: #ebebeb; line-height: 60px; text-align: center; font-size: 16px; font-weight: normal; color: #666; }
.info_sum_price .strong { font-weight: bold; color: #252525; }
.info_sum_price .price { color: #e83a5b; }
.info_sum_price .symbol { margin: 0 5px; }
.mt-10 { margin-top: 10px; }

/* 관심상품 */
.tbl_wish { border-collapse: collapse; width: 100%; color: #333; text-align: center; }
.tbl_wish th { font-size: 14px; height: 50px; border-bottom: solid 1px #ebebeb; }
.tbl_wish tbody td { border-bottom: solid 1px #ebebeb; padding-top: 15px; padding-bottom: 15px; }
.tbl_wish .nothing { line-height: 250px; text-align: center; }
.tbl_wish .td_chk { width: 50px; }
.tbl_wish .td_img { width: 100px; }
.tbl_wish .td_img img { width: 100px; height: 100px; border: solid 1px #d5d5d5; cursor: pointer; }
.tbl_wish .td_name { text-align: left; padding-left: 20px; }
.tbl_wish .td_name a { font-size: 13px; font-family: notokr; }
.tbl_wish .td_price { width: 140px; font-weight: bold; }
.tbl_wish .td_del { width: 50px; }
.tbl_wish .td_del img { width: 15px; }
.wish_bottom { margin-top: 20px; color: #8d8d8d; }
.wish_bottom label:hover, .sel_delete:hover { cursor: pointer; color: #000; }
.sel_delete:before { content: "|"; margin-left: 3px; margin-right: 4px; }

/* 적립금조회 */
.cash_scope { background-color: #f7f7f7; line-height: 50px; margin: 30px auto; padding-left: 30px; padding-right: 30px; }
.cash_scope * { font-family: notokr-demilight; font-weight: 400; }
.cash_scope .btn-month { width: 57px; height: 22px; border: solid 1px #ebebeb; background-color: #fff; color: #646464; margin-right: 3px; font-size: 12px; cursor: pointer; }
.cash_scope .btn-month:hover { color: #000; border-color: #666; }
.cash_scope .btn-month.active { color: #000; border-color: #000; }
.cash_scope .cash_date { width: 115px; height: 22px; border: none; outline: none; background: url("/ez/template/mypage/default/image/calendar.png") no-repeat 95px center; background-color: #fff; font-size: 12px; padding-left: 10px; color: 646464; vertical-align: middle; }
.cash_scope .btn-search { width: 50px; height: 22px; border: none; background-color: #e93a59; color: #fff; cursor: pointer; vertical-align: middle; margin-left: 5px; }
.cash_guide { color: #326bff; text-align: right; margin-bottom: 10px; font-size: 13px; }
.tbl_cash { border-collapse: collapse; width: 100%; text-align: center; }
.tbl_cash th { font-size: 14px; height: 50px; border-top: solid 1px #d5d5d5; border-bottom: solid 1px #ebebeb; }
.tbl_cash tr th:nth-child(1) { width: 200px; }
.tbl_cash tr th:nth-child(2) { width: 90px; }
.tbl_cash tr td { padding-top: 12px; padding-bottom: 12px; color: #666; }
.tbl_cash tr td:nth-child(2) { color: #e93a57; text-align: right; padding-right: 20px; }
.tbl_cash tr td:nth-child(3) { text-align: left; padding-left: 20px; }
.tbl_cash tbody tr:first-child td { padding-top: 20px; }
.tbl_cash .nothing { line-height: 250px; text-align: center; }
.cash_info { margin-top: 15px; margin-bottom:50px; text-align: center; font-size: 15px; background-color: #f7f7f7; color: #666; line-height: 50px; border-style: solid; border-width: 1px 0; border-color: #ebebeb; }
.cash_info .txt { font-weight: bold; color: #000; }
.cash_info .bar { margin: 0 10px; }

/* 회원정보수정 */
.mypage_info { border-collapse: collapse; width: 100%; }
.mypage_info tr td { border-bottom: solid 1px #ebebeb; padding-top: 10px; padding-bottom: 10px; }
.mypage_info tr td.item { background-color: #f7f7f7; width: 180px; text-align: center; color: #333; font-size: 15px; /* font-weight: bold; */ }
.mypage_info tr td.value { padding-left: 20px; padding-right: 20px; }
.mypage_info tr td.value * { font-family: notokr-demilight; font-weight: 400; }
.mypage_info input[type=text], .mypage_info input[type=password], .mypage_info select { border: solid 1px #d9d9d9; height: 34px; outline: none; padding: 0 10px; color: #666; }
.mypage_info input[type=text]:focus, .mypage_info select:focus { border-color: #333; }
.mypage_info .mt-5 { margin-top: 5px; }
.mypage_info .warning { color: red; }
.mypage_info .btn-modify-hp { padding: 0 20px; line-height: 34px; border: 0; background-color: #595959; color: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; cursor: pointer; margin-left: 10px; }
.mypage_info .btn-find-zipcode { padding: 0 20px; line-height: 34px; border: solid 1px #595959; background-color: #fff; color: #595959; -moz-border-radius: 15px; -webkit-border-radius: 15px; cursor: pointer; margin-left: 10px; }
.mypage_info_bottom { margin-top: 50px; text-align: center; margin-bottom: 100px; }
.mypage_info_bottom .btn { margin: 0 4px; border: none; line-height: 45px; border-radius: 9px; background-color: #c6c6c6; color: #fff; font-size: 18px; }
.mypage_info_bottom .btn.btn-modify { background-color: #e93c58; }
.mypage_info_bottom .btn:hover { cursor: pointer; }

/* 페이징 */
.mypage_paging { text-align: center; margin: 50px 0; }
.mypage_paging .p1, .mypage_paging .p2, .mypage_paging .n1, .mypage_paging .n2 { border: solid 1px #ddd; width: 30px; height: 30px; display: inline-block; vertical-align: middle; line-height: 28px; margin: 0 10px; }
.mypage_paging .p1, .mypage_paging .n1 { background-color: #fafafa; }
.mypage_paging .p2, .mypage_paging .n2 { }
.mypage_paging .p { padding: 7px 10px; line-height: 28px; color: #b6b6b8; }
.mypage_paging .p.c { font-weight: bold; color: #333; }

#xHPAuthBack { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0, 0, 0, .8); z-index: 9998; filter: Alpha(Opacity=50); Opacity: 0.5; }
#xHPAuthFront { display: none; position: fixed; top: 50%; left: 50%; margin-left: -200px; margin-top: -150px; width: 450px; background-color: #f8f8f8; box-sizing: border-box; border: solid 1px #000; border-radius: 4px; box-shadow: 2px 2px 5px #333; z-index: 9999; }