@charset "utf-8";

/* 로그인 */
.login_wrap{width: 100%; padding: 0;margin: auto 0; box-sizing: border-box;}
.login_area{display: flex;width: 350px;margin: 0 auto;overflow: hidden; /*width: 950px;background: #FFF;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);border-radius: 16px;*/}
.login_bg{background: url(../img/bg_login.png) no-repeat center;padding: 40px;box-sizing: border-box;}
.login_bg img{width: 132px;}
.login_area .left_box{width: 350px;margin: 90px auto 89px;}
.login_area .left_box h1{margin-bottom: 6px;}
.login_area .left_box .sub_txt{font-size: 18px;line-height: 25px;margin-bottom: 50px;}
.login_area .left_box button{margin-top: 40px;line-height: 28px;}
.login_area .left_box a{display: block; width: 100%;line-height: 19px;text-align: center;margin-top: 16px;}

.login_area .box{width: 100%;}
.login_area .box h1{width: 202px;margin: 0 auto;}
.login_area .box .sub_txt{font-size: 22px;line-height: 31px;margin: 6px 0 50px;font-weight: 600;color: #fff;text-align: center;}

.login_inp_box{position: relative;margin-bottom: 16px;}
.login_inp_box dt{display: none;}
.login_inp_box.on dt{display: block;position: absolute;top: -8px;left: 17px;font-size: 12px;line-height: 16px;padding: 0 4px;background: #fff;z-index: 2;}
.login_inp_box dd.check{position: absolute;top: calc(50% - 10px);right: 16px;}
.login_inp_box dd.check input[type="checkbox"]+label{color: #948C8C;background-image: url(../img/icon_chk_off2.png);}
.login_inp_box dd.check input[type="checkbox"]:checked+label{color: #fff;background-image: url(../img/icon_chk_on2.png);}

/* .login_inp{width: 100%; line-height: 48px;height: 50px; border-radius: 6px; padding: 0 16px 0 56px;font-size: 16px; background: no-repeat center left 16px; border: 1px solid #E6E6E6; background-color: #fff; box-sizing: border-box;}
.login_inp:focus{border-color: #151515;} */
.login_inp{width: 100%; line-height: 48px;height: 50px; padding: 0 16px 0 56px;font-size: 16px; background: no-repeat center left 16px; border-bottom: 1px solid #FFF;color: #fff; box-sizing: border-box;}
.login_inp::placeholder{color: #726868;}

.login_btns a, .login_btns button{height: 50px;line-height: 50px;text-align: center;padding: 0;border-radius: 6px;border-width: 0;color: #fff;font-size: 16px;font-weight: 600;}
.login_btns a{background: #857E7E;margin-right: 6px;}

/* 로그인>회원가입 팝업 */
.pop_join .scroll_box{height: 680px;overflow-y: auto;}

/* 에러 */
.error_wrap{width: 100%; padding: 0;margin: auto 0; box-sizing: border-box;}
.error_area{display: flex;width: 406px;margin: 0 auto;overflow: hidden;}

.error_area .box{width: 100%;}
.error_area .box h1{width: 180px;margin: 0 auto 25px;}
.error_area .box .txt{text-align: center;}
.error_area .box .txt::before{content: '';display: block;width: 222px;height: 190px;background: url(../img/bg_error.png);margin: 0 auto 25px;}
.error_area .box .txt strong{display: block; font-size: 24px;line-height: 34px;font-weight: 600;margin-bottom: 16px;}
.error_area .box .txt p{display: block; font-size: 16px;line-height: 22px;color: #666;margin-bottom: 16px;}
.error_area .box .txt b{display: block; font-size: 16px;line-height: 22px;font-weight: 600;color: #666;}
.error_area .box .txt ul{background: #FFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);border-radius: 6px;box-sizing: border-box;margin-top: 16px;margin-bottom: 40px;}
.error_area .box .txt li{font-size: 16px;line-height: 24px;display: flex;align-items: center;}
.error_area .box .txt li::before{content: '';display: block;width: 24px;height: 24px;background: no-repeat center;margin-right: 10px;}
.error_area .box .txt li:nth-child(1){padding-right: 30px;margin-right: 30px;position: relative;}
.error_area .box .txt li:nth-child(1)::after{content: '';display: block;width: 1px;height: 12px;background: #D9D9D9;position: absolute;top: 6px;right: 0;}
.error_area .box .txt li:nth-child(1)::before{background-image: url(../img/icon_error_phone.png);}
.error_area .box .txt li:nth-child(2)::before{background-image: url(../img/icon_error_email.png);}
.error_area .box .btns{}
.error_area .box .btns a{font-size: 16px;line-height: 22px;border-radius: 6px;}

/* 주문관리 */
.page_order .search_area dl dd .check input[type="checkbox"]+label{margin-right: 16px;}
.tbl_order .tbl_wrap .item3{width: calc(100% - 350px);}
.tbl_order .tbl_wrap .item4{width: 60px;}
.tbl_order .tbl_wrap .item5{width: 140px;}
.tbl_order .tbl_wrap .item6{width: 150px;}
.tbl_order .tbl_wrap .item7{/*width: 70px;width: 110px;*/width: 130px;}

.tbl_order .tbl_wrap table thead .item3{display: flex;align-items: center;}
.tbl_order .tbl_wrap table thead .item3>label{display: inline-block;vertical-align: middle;width: 50px;box-sizing: border-box;}
.tbl_order .tbl_wrap table thead .item3>span{display: inline-block;vertical-align: middle;width: calc(100% - 54px);}

.tbl_order .tbl_wrap table td>div{width: 100%;height: 100%;}
.tbl_order .tbl_wrap table td .item1 a{display: block; color: #FF484F;font-weight: 600;text-decoration: underline;}
.tbl_order .tbl_wrap table td .item1 span{display: block; color: #999;padding-top: 3px;}
.tbl_order .tbl_wrap table td .item1 p{display: block;}
.tbl_order .tbl_wrap table td .item2 dl{display: flex;align-items: center;}
.tbl_order .tbl_wrap table td .item2 dl dt{font-weight: 500;}
.tbl_order .tbl_wrap table td .item2 dl dd{margin-left: auto;font-weight: 600;}
.tbl_order .tbl_wrap table td .item2 p{font-size: 14px;line-height: 19px;color: #666;word-break: keep-all;}
.tbl_order .tbl_wrap table td .item2 .num_t::before{content: 'T.';display: inline-block;width: 15px; padding-right: 3px;}
.tbl_order .tbl_wrap table td .item2 .num_m::before{content: 'M.';display: inline-block;width: 15px; padding-right: 3px;}
.tbl_order .tbl_wrap table td .item3,
.tbl_order .tbl_wrap table td .item4,
.tbl_order .tbl_wrap table td .item5,
.tbl_order .tbl_wrap table td .item6,
.tbl_order .tbl_wrap table td .item7{padding: 16px; border-right: 1px solid #E6E6E6;}

.tbl_order .tbl_wrap table td .item5{position: absolute;top: 0;right: 150px;height: 100%;background: #fff;}
.tbl_order .tbl_wrap table td .item6{margin-left: 140px;}

.tbl_order .tbl_wrap table .item3 label{padding-right: 16px;}
.tbl_order .tbl_wrap table .item3 .tit{display: block;width: 100%; font-size: 14px;line-height: 19px;overflow: hidden;}
.tbl_order .tbl_wrap table .item3 .tit a{display: block;width: 100%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tbl_order .tbl_wrap table .item3 .tit span{display: block; color: #666;}

.tbl_order .tbl_wrap table .item5 button{text-decoration: underline;}

.tbl_order .tbl_wrap table .item6{/*flex-wrap: wrap;*/}
.tbl_order .tbl_wrap table .item6 span{display: block;margin-bottom: 10px;width: 100%;}
.tbl_order .tbl_wrap table .item6 span:only-child{margin-bottom: 0;}
.tbl_order .tbl_wrap table .item6 button{display: block;min-width: auto;padding: 7px 12px;}

.tbl_order .tbl_wrap table .item7 button{padding: 6px 11px;min-width: auto;margin-bottom: 8px;font-size: 14px;}
.tbl_order .tbl_wrap table .item7 a{display: block; margin-top: 8px;}
.tbl_order .tbl_wrap table .item7 .btn_history_pop{font-size: 14px;text-decoration: underline;}

.tbl_order .tbl_wrap table td ul{position: relative;}
.tbl_order .tbl_wrap table td ul li{border-bottom: 1px solid #E6E6E6;}
.tbl_order .tbl_wrap table td ul li:only-child{min-height: 142px;}
.tbl_order .tbl_wrap table td ul li:last-child{border-bottom-width: 0;}
.tbl_order .btn_reset{margin-left: 29px;position: relative;}
.tbl_order .btn_reset::before{background-image: url(../img/icon_reset2.png);}
.tbl_order .btn_reset::after{content: '';display: block;width: 1px;height: 12px;background: #e6e6e6;position: absolute;top: 3px;left: -14px;}

.success_box{font-size: 14px;}
.success_box .default_6{display: block; margin-top: 8px;}
/* 테이블 hvoer 미니팝업 */
.note_wrap{font-size: 14px;position: relative;}
.note_wrap .icon_note{display: flex;align-items: center;justify-content: center; margin-top: 3px;margin: 0 auto;cursor: pointer;}
.note_wrap .icon_note img{width: 20px;margin: 0 2px 0 0;}
.note_wrap .note_box{display: none; position: absolute;top: 90%;right: 0; width: 200px;background: #FFF;box-shadow: 0px -1px 20px rgba(0, 0, 0, 0.08);border-radius: 4px;padding: 12px 44px 12px 14px;box-sizing: border-box;margin-top: 8px;z-index: 1;}
.note_wrap .note_box::before{content: '';display: block;content: '';position: absolute;border-style: solid;border-width: 0 8px 8px;border-color: #fff transparent;width: 0;top: -8px;right: 5px;}
.note_wrap .note_box button{position: absolute;top: 8px;right: 8px;}
.note_wrap .note_box p{color: #151515;font-size: 13px;line-height: 18px;}
.note_wrap .note_box.on{display: block;}
.note_wrap .note_box button img{width: 10px;}
/* 실패인경우 */
.failed_box{color: #FF484F;}
.failed_box .icon_note{display: block;margin-top: 3px;width: 20px;margin: 0 auto;}

/* 반품요청 팝업 */
.pop_return .list li{display: flex;align-items: center;margin-bottom: 12px;}
.pop_return .list li:last-child{margin-bottom: 0;}
.pop_return .list li::before{content: '';display: block;width: 3px;height: 3px;border-radius: 50%;background: #151515;margin-right: 8px;}
.pop_return .list li .name{width: calc(100% - 208px); margin-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pop_return .list li .name span{display: block;font-size: 14px;line-height: 19px;color: #666;}
.pop_return .list li .num{width: 40px;text-align: right;margin-right: 20px;}

.pop_return2 .layout_area{padding-left: 15px;padding-right: 15px;}
.pop_return2 .scroll_box{max-height: 500px;position: relative;}
.pop_return2 .scroll_box::after{content: '';display: block;width: calc(100% - 90px);height: 1px; background: #ECECEC;position: absolute;bottom: 0;left: 45px;}
.pop_return2 .pop_wrap .p_body{padding-bottom: 0;}
.pop_return2 .pop_wrap .p_body .layout_wrap{border-top-width: 0;}
.pop_return2 .top_tr{border-top: 2px solid #151515;}
.pop_return2 .name p{max-width: calc(100% - 120px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pop_return2 .name span{font-size: 14px;line-height: 19px;color: #666;padding-right: 2px;}
.pop_return2 .name i{padding-left: 20px;display: inline-block;width: 40px;}
.pop_return2 [class*="btn_type"]{min-width: auto;}
.pop_return2 .btn_type3{padding: 7.5px 10px;font-size: 14px;line-height: 19px;}
.pop_return2 .bottom_fix dt{font-size: 14px;line-height: 19px;color: #444;}

/* 매출조회 */
.tbl_sales .tbl_wrap .item2{width: calc(100% - 610px);}
.tbl_sales .tbl_wrap .item3{width: 100px;}
.tbl_sales .tbl_wrap .item4{width: 170px;}
.tbl_sales .tbl_wrap .item5{width: 170px;}
.tbl_sales .tbl_wrap .item6{width: 170px;}
.tbl_sales .tbl_wrap .item7{width: calc(100% - 170px);}
.tbl_sales .tbl_wrap .item8{width: 170px;}

.tbl_sales .tbl_wrap table td .item2,
.tbl_sales .tbl_wrap table td .item3,
.tbl_sales .tbl_wrap table td .item4,
.tbl_sales .tbl_wrap table td .item5,
.tbl_sales .tbl_wrap table td .item6{padding: 16px; border-right: 1px solid #E6E6E6;}

.tbl_sales .tbl_wrap table td ul li{border-bottom: 1px solid #E6E6E6;}
.tbl_sales .tbl_wrap table td ul li:only-child{min-height: 53px;}
.tbl_sales .tbl_wrap table td ul li:last-child{border-bottom-width: 0;}

.tbl_sales .tbl_wrap table .tr_sum td{border-bottom-color: #C9C9C9;}
.tbl_sales .tbl_wrap table .tr_sum ul li{background: #F8F8F8;}
.tbl_sales .tbl_wrap table .tr_sum ul li{border-bottom-width: 0;}
.tbl_sales .tbl_wrap table .tr_sum li b{font-weight: 600;}

.tbl_sales .tbl_wrap table .tr_total{background: #FBF0F1;}
.tbl_sales .tbl_wrap table .tr_total .item7{border-right: 1px solid #e6e6e6;}

/* 회원관리 */
.tbl_01members .tbl_wrap table td a{text-decoration: underline;}

/* 공지사항 */
.tbl_notice .tbl_wrap table td a:hover{text-decoration: underline;}

/* 상품정보 관리 */
.page_04members .add_area .w_auto{width: calc(100% - 1020px);}
.tbl_04members button{min-width: auto;padding: 4px 12px;}
.tbl_04members .mody_inp{background-color: #F6F6F6;}
.tbl_04members .save_tr .hover_td{position: relative;}
.tbl_04members .save_tr .hover_td.on:hover::before{content: attr(data-content) ''; display: block;width: auto; padding: 12px 14px;background: #423F3F;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);border-radius: 4px;color: #fff;position: absolute;bottom: 80%;left: 0;text-align: left; font-size: 13px;line-height: 18px; box-sizing: border-box;}
.tbl_04members .save_tr .hover_td.on:hover::after{content: '';position: absolute;border-style: solid;border-width: 20px 17px 0;border-color: #423F3F transparent;display: block;width: 0;z-index: 1;bottom: 67%;left: 5%;}
.tbl_04members .save_tr .hover_td.on.type2:hover::before{left: 50%; transform: translateX(-50%);width: 100%;text-align: center;}
.tbl_04members .save_tr .hover_td.on.type2:hover::after{left: 50%; transform: translateX(-50%);}
.tbl_04members .save_tr .hover_td>div{width: 100%; overflow: hidden;text-overflow: ellipsis;}
.tbl_04members .save_tr .hover_td a{display: inline-block;text-align: left;height: 100%;}

/* 주문관리 로딩팝업 220825 */
.pop_loading .pop_wrap{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 280px;border-radius: 20px;}
.pop_loading .pop_wrap p{display: block;font-size: 18px;line-height: 25px;color: #444;margin-bottom: 15px;}
.pop_loading .pop_wrap img{width: 64px;}

/* 주문관리 택배 click 팝업 */
.tbl_order .tbl_wrap .item6.note_wrap{position: relative;}
.tbl_order .tbl_wrap .item6.note_wrap>span{cursor: pointer;text-decoration: underline;}
.tbl_order .tbl_wrap .item6.note_wrap .note_box{display: none; position: absolute;top: 75%;left: 50%;transform: translateX(-50%); width: 115%;background: #FFF;box-shadow: 0px -1px 20px rgba(0, 0, 0, 0.08);border-radius: 4px;padding: 12px 44px 12px 14px;box-sizing: border-box;margin-top: 8px;z-index: 1;text-align: left;}
.tbl_order .tbl_wrap .item6.note_wrap .note_box::before{content: '';display: block;content: '';position: absolute;border-style: solid;border-width: 0 8px 8px;border-color: #fff transparent;width: 0;top: -8px;right: 75px;}
.tbl_order .tbl_wrap .item6.note_wrap .note_box button{position: absolute;top: 8px;right: 8px;}
.tbl_order .tbl_wrap .item6.note_wrap .note_box button img{width: 10px;}
.tbl_order .tbl_wrap .item6.note_wrap .note_box dl{color: #151515;font-size: 13px;line-height: 18px;}
.tbl_order .tbl_wrap .item6.note_wrap .note_box.on{display: block;}