aside ul li a:before{display:none;}
aside ul li a{    padding: 18px 20px ;}

/* member_form */
.member_form .form_tabs {border-bottom: 1px #BFBFBD solid;}
.member_form .form_tabs a {padding: 20px 25px;font-size: 17px;border-bottom: 2px transparent solid;-webkit-transform: translateY(1px);transform: translateY(1px);color: #8C8C8C;}
.member_form .form_tabs a h1{font-size: 17px;font-weight: 400;}
.member_form .form_tabs a.acion { border-color: #000; color: #000; }
.member_form .input_list .border_box {padding: 15px 20px;border: 1px solid #262626;border-radius: .5rem;}
.member_form .input_list .border_box svg { width: 25px; height: 25px; fill: #7b7b7b; }
.member_form .input_list .border_box label { margin: 0 20px; width: 70px; display: block; text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; font-size: 17px; color: #373737; }
.member_form .input_list .border_box input {padding: 0;width: 1%;flex: 1 auto;border: 0;background: none;}
.member_form .input_list >.checknum {padding: 15px 20px;border-bottom: 1px solid #262626;}
.member_form .input_list >.checknum input {border: 0;background: none;}
.member_form .input_list .item { padding: 15px 20px; }
.member_form .input_list .item a { padding: 10px 60px; background-color: #000; border-color: #000; }
.member_form .input_list .item.border_b { border-bottom: 1px #e8e8e8 solid; }
.member_form .input_list .item >label { position: relative; margin: 0 0 .2em; width: 100%; display: block; font-weight: 500; font-size: 18px; color: #393939; }
.member_form .input_list .item >font { width: 1%; flex-wrap: wrap; flex: 1 auto; }
.member_form .input_list .item >font span{margin-top:10px;font-size: 14px;color: var(--dark);}
.member_form .input_list .item #rand-img{position:absolute;right: 25px;}
.member_form .input_list .item input {background: none;}
.member_form .input_list .item select {padding: .919rem 1rem;font-weight: 400;font-size: 16px;color: #757575;}
.member_form .input_list .item font .calendar { position: absolute; width: 17px; height: 17px; fill: #a0a0a0; top: calc((100% - 17px) / 2); right: 20px; z-index: 1; }
.member_form .input_list .item font .words { display: flex; align-items: center; justify-content: flex-end; color: #6f6f6f; }
.member_form .input_list .item.required >label:after { content: "*"; }
.member_form .input_list .item .address select { width: 48%; }
.member_form .input_list .item.code a[data-action="copy"] { padding: .3em 1.5em; background: #e9e9e9; color: #404040; }
.member_form .input_list .item.code a[data-action="copy"]:active { -webkit-animation: bounce .2s 1 linear; animation: bounce .2s 1 linear; }
.member_form .input_list .item.code span { font-weight: 300; font-size: 14px; color: #a5a5a5; }
.member_form .input_list .item.login_name font { display: flex; flex-wrap: wrap; align-items: center; }
.member_form .input_list .item.login_name font .bind { margin-left: 1em; }
.member_form .input_list .item.login_name font .btn { padding: 0; border-radius: .37em; display: inline-flex; justify-content: space-between; align-items: center; }
.member_form .input_list .item.login_name font .btn svg { margin: 0 .6em; width: 30px; height: 30px; fill: #fff; }
.member_form .input_list .item.login_name font .btn font { padding: .2em 0; width: 150px; border-left: 1px rgb(0 0 0 / 10%) solid; display: flex; justify-content: center; align-items: center; flex: 1 1 auto; color: #fff; }
.member_form .input_list .item.login_name font .isbind { display: inline-flex; align-items: center; }
.member_form .input_list .item.login_name font .isbind svg { margin-right: .2em; width: 33px; height: 33px; fill: #06C755; }
.member_form .input_list .item.login_name font .btn.line , .member_form .quit_login a.btn.line { background: #06C755; }
.member_form .send_box .btn {padding: 10px;display: block;letter-spacing: .2em;font-weight: 300;font-size: 17px;background: var(--black);}
.member_form .send_box .join * { font-weight: 300; font-size: 18px; color: #707070; }
.member_form .send_box .join a { padding: 2px; display: block; border-bottom: 1px #404040 solid; color: #404040; }
.member_form .send_box .askpass a { font-weight: 300; color: #707070; }
.member_form .quit_login { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.member_form .quit_login a.btn { padding: 0; width: min(100%, 350px); border-radius: .37em; display: inline-flex; justify-content: space-between; align-items: stretch; }
.member_form .quit_login a.btn svg { margin: .2em .6em; width: 40px; height: 40px; fill: #fff; }
.member_form .quit_login a.btn font { width: 1%; border-left: 1px rgb(0 0 0 / 10%) solid; display: flex; justify-content: center; align-items: center; flex: 1 1 auto; font-size: 1.2em; color: #fff; }
[class*="icheck-material"] > label a{font-size:14px;}
/* member_wrap */
#member_wrap {padding: 200px 0 5vw;z-index: 1;background: #f1f1f1;}
#member_wrap .workframe { margin: 3vmax auto; width: 95vw; }
#member_wrap .member_form {margin: 15px;padding: 5% 8%;background: #F8F8F8;}
#member_wrap .member_form .input_list .item >label { color: #686868; }

/* member_rule */
#member_rule { overflow: hidden; width: 0; max-height: 0; display: none; opacity: 0; }
#member_rule::-webkit-scrollbar { width: 5px; }
#member_rule::-webkit-scrollbar-track { background: #e5e5e5; }
#member_rule::-webkit-scrollbar-thumb { background: #5a5454; }
#member_rule * { font-size: inherit; }
#member_rule ol.rulelist { padding-left: 20px; list-style: decimal; }
#member_rule ol.rulelist li { padding: 0 0 10px 10px; }
.fancybox-slide--current #member_rule { overflow-y: scroll; width: 800px; max-height: 55vh; opacity: 1; }

/* notice_box */
.notice_box {padding: 4% 5%;background: #f8f8f8;margin: 0;}
.notice_box h1 {margin: 0 0 15px;font-weight: 300;font-size: 20px;color: var(--thirdly);}
.notice_box h1 i { color: #b9b9b9; }
.notice_box ol { padding: 0 0 0 25px; list-style: decimal; }
.notice_box ol li {margin: 0 0 10px;list-style: decimal;}

/* card_list */
#card_list { margin-bottom: 30px; }
#card_list li {padding: 2% 5%;background: #fff;border-radius: 1em;}
#card_list li .icon {width: 95px;height: 95px;border-radius: 50%;border: 5px #e7e7e7 solid;}
#card_list li .icon svg {width: 50%;height: 100%;fill: #e7e7e7;}
#card_list li .info { margin-left: 4%; width: 1%; flex: 1 auto; }
#card_list li .info span {font-weight: 300;font-size: 14px;margin-bottom: 10px;display: block;letter-spacing: 2px;}
#card_list li .info .title {line-height: 1.3;font-size: 34px;color: #000;margin-bottom: 10px;font-weight: 500;}
#card_list li.color_red { background: #ffeee7; }
#card_list li.color_red .icon { border-color: #f6dfd5; }
#card_list li.color_red .icon svg { fill: #efab8f; }
#card_list li.color_green { background: #e9f3e9; }
#card_list li.color_green .icon { border-color: #d4dfd4; }
#card_list li.color_green .icon svg { fill: #839583; }

#card_list[data-type="2"] { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
#card_list[data-type="2"] li { padding: 5%; }

/* list_box */
.list_box .list_title { font-size: 24px; }

/* member_content */
.member_content {margin: 20px 0 50px;padding: 3%;background: #F8F8F8;}
.member_content #pagenav { margin-top: 30px; padding: 0; }

/* table_box */
.table_box { position: relative; width: 100%; table-layout: fixed; }
.table_box tr >* {padding: 1.3rem .3rem;border-bottom: 1px #d4d4d4 solid;text-align: center;font-size: 15px;}
.table_box tr th {padding: .8rem .3rem;border-bottom: 2px #141414 solid;font-weight: 500;color: #141414;font-size: 16px;}
.table_box tr:nth-child(2n) td { background: #f6f6f6; }
.table_box tr .operate { padding: .3em .5em; border-radius: .3em; }
.table_box tr .time { display: block; text-align: center; line-height: 1.2; }

.table_box.order_table tr:nth-child(4n) td { background: #fff; }
.table_box.order_table tr.detail_box td { padding: 0 .3rem; border-bottom-width: 0; }
.table_box.order_table tr.detail_box .row { position: absolute; margin: 0; right: 0; left: 0; opacity: 0; z-index: -1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; }
.table_box.order_table tr.detail_box[data-type="2"] td { padding: 1.3rem .3rem; border-bottom-width: 1px; }
.table_box.order_table tr.detail_box[data-type="2"] .row { position: static; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }

.table_box.table_apply { margin-bottom: 20px; }
.table_box.table_apply tr .img { display: flex; flex-wrap: wrap; align-items: center; }
.table_box.table_apply tr .img font { display: inline-block; }
.table_box.table_apply tr .img font img { width: 40px; height: 40px; object-fit: contain; }
.table_box.table_apply tr .img b { margin-left: .5em; width: 1%; flex: 1 auto; font-weight: 400; color: #000; }
.table_box.table_apply tr input[name="quantity[]"] { padding: .3rem; width: 70px; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.2rem; box-shadow: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* track_box */
#track_box { padding: 0 0 3%; }
#track_box .top_box {padding: .8em 5%;background: var(--light-color);margin-bottom: 30px;}
#track_box .top_box [class*="icheck-material"] > label { display: inline-flex; align-items: center; }
#track_box .top_box [class*="icheck-material"] > label { padding-left: 25px; }
#track_box .top_box [class*="icheck-material"] > input:first-child + label::before { position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
#track_box .top_box [class*="icheck-material"] > label span {font-size: 16px;color: var(--thirdly);}
#track_box .top_box [class*="icheck-material"] > input:first-child + label::before {margin-right: 10px;background-color: #e6e6e6;}
#track_box #product_list {padding: 0;grid-gap: 0;margin-top: 0;margin: 70px;}
#track_box #product_list li >div { margin: 0; }
#track_box #product_list li .btns_box {padding: 13px 25px 25px;z-index: 99;position: relative;}
#track_box #product_list li .btns_box >* { position: relative; z-index: 6; }
#track_box #product_list li .btns_box a { font-size: 14px; }
#track_box .bottom_box { padding: 5% 5% 0; }
#track_box .bottom_box a { padding: 10px 30px; background-color: #000; border-color: #000; }


/* order_list */
.order_list .list {padding: 25px 10px;border-bottom: 1px #dddee4 solid;font-size: 0;}
.order_list .list .img { width: 40%; display: inline-block; }
.order_list .list .img a { display: flex; flex-wrap: wrap; align-items: center; }
.order_list .list .img font {display: inline-block;}
.order_list .list .img font img {width: 120px;aspect-ratio: 3.5 / 4;object-fit: contain;background: linear-gradient(165.49deg, #D1D0CE 0%, #E3E2E0 12.1%, #F7F6F4 58.66%, #F8F8F6 87.31%);}
.order_list .list .img b { margin-left: 10px; width: 1%; flex: 1 auto; font-weight: 400; color: #000; }
.order_list .list .info { width: 60%; display: inline-block; font-size: 0; }
.order_list .list .info p { width: 25%; display: inline-block; }
.order_list .list.title { padding: 0 10px 10px; border-color: #949494; }

/* amt_box */
.amt_box {margin-top:20px;}
.amt_box p { margin: 5px 0; display: flex; justify-content: flex-end; align-items: center; }
.amt_box label { width: 130px; }
.amt_box font { min-width: 130px; text-align: right; }
.amt_box font.numtxt { font-size: 17px; }

/* order_box */
.order_box { margin-bottom: 20px; }
.order_box:last-child { margin-bottom: 0; }
.order_box h5 {margin-bottom: .3em;font-weight: 500;font-size: 18px;letter-spacing: 2px;}
.order_box .input_list {}
.order_box .input_list p {display: flex;align-items: stretch;}
.order_box .input_list p:last-child { border-bottom: 0; }
.order_box .input_list p label {margin-right: 1.5em;padding: .8em 0;width: 9em;display: flex;align-items: center;color: #686868;}
.order_box .input_list p font { width: 1%; display: flex; flex-wrap: wrap; align-items: center; flex: 1 auto; font-weight: 300; }


.order-info { padding: 30px 0 40px; margin: 70px; }
#wrap .order-info .workframe {width: 100%;max-width: 800px;margin: 0 auto;display: flex;flex-direction: column;gap: 30px 40px;align-items: flex-start;}
.order-info__titlebox { display: flex; align-items: center; gap: 14px; }
.order-info__line { display: block; width: 3px; height: 30px; background: #222; flex: 0 0 auto; }
.order-info__title { margin: 0; color: #222; font-size: 1.6rem; line-height: 1.2; font-weight: 500; letter-spacing: 0.08em; }
.order-info__content { color: #666; font-size: 1.625rem; line-height: 2.1; font-weight: 500; letter-spacing: 0.08em; }
.order-info__content p { margin: 0 0 8px; }
.order-info__content p:last-child { margin-bottom: 0; }
.order-info__space { margin-top: 34px !important; }
@media screen and (max-width:1160px) {
  #wrap .order-info .workframe { margin: 0; padding: 0; }
  .order-info { padding: 24px 0 32px; margin: 40px 30px; }
  .order-info .workframe { width: calc(100% - 40px); }
  .order-info__titlebox { gap: 10px; }
  .order-info__line { width: 2px; height: 24px; }
  .order-info__title { font-size: 1.5rem; }
  .order-info__content { font-size: 1rem; line-height: 2; letter-spacing: 0.04em; }
  .order-info__space { margin-top: 24px !important; }
}

@keyframes bounce { 0% { transform: scale(1); } 50% { transform: scale(.85); } to { transform: scale(1); } }
@-webkit-keyframes bounce { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(.85); } to { -webkit-transform: scale(1); } }

@media screen and (min-width: 1161px) {
    aside li:not(:first-child){border-top:0;border-left: 1px solid #ccc;}
    aside li a{text-align:center;}
    aside{width:100%;margin-bottom: 80px;margin-top: 100px;}
    aside >ul{display:grid;grid-template-columns: repeat(6, 1fr);border: 1px solid #d0d0d0;padding: 0;}
    aside >ul:before{display:none;}
	.member_form .input_list .item.login_name font .btn.line:hover , .member_form .quit_login a.btn.line:hover { background: #05b34c; }
}
@media screen and (max-width: 1160px) {
	#wrap .workframe { margin-top: 120px; }
}
@media screen and (min-width: 981px) {
	#member_wrap .workframe { width: 700px; }
	.order_list .list .info p { text-align: center; }
	.order_list .list .info p.sBox font.pcDisBox { display: none; }
	.order_list.deposit_list .list .img { width: 35%; }
	.order_list.deposit_list .list .info { width: 65%; }
	.order_list.deposit_list .list .info p { width: 20%; }
}
@media screen and (max-width: 980px) {
	.order_list .list.title { display: none; }
	.order_list .list {position: relative;padding: 40px 60px 50px 180px;}
	.order_list .list .img, .order_list .list .info p, .order_list .list .info p:first-child { width: auto; display: block; }
	.order_list .list .img font { position: absolute; display: block; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	.order_list .list .img b { margin-left: 0; }
	.order_list .list .info { width: auto; display: block; font-size: 20px; }
	.order_list .list .info p:first-child font, .order_list .list .info p:first-child b { font-size: 12px; color: #696868; }
	.order_list .list .info p.sBox, .order_list .list .info p.sBox font { line-height: 110%; font-size: 14px; }
	.order_list .list .info p.pBox { display: none; }
	.order_list .list .info p.tBox { font-weight: bold; line-height: 140%; }
  #track_box #product_list li .btns_box{
    padding: 13px 15px 25px;
}

}
@media screen and (max-width: 768px) {
	#wrap .workframe {margin-top: 70px;}
	.table_box tr th { display: none; }
	.table_box tr td { padding: .3rem 1rem; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 0; }
	.table_box tr td:before { margin-right: 1rem; min-width: 6.5em; display: inline-block; text-align: left; font-weight: bold; content: attr(data-th); }
	.table_box tr td:nth-child(1) { padding-top: 1rem; }
	.table_box tr td.icheck { padding-top: 0; }
	.table_box tr td.icheck .icheck-material-custom { position: absolute; top: 1.5rem; right: 1rem; }
	.table_box tr td:last-child { padding-bottom: 1rem; border-bottom: 1px #d4d4d4 solid; }
	.table_box tr .time { margin-right: .2em; }
	.table_box.order_table tr.detail_box[data-type="2"] td { padding-top: 0; display: block; }
#track_box #product_list{
    gap: 30px;
    margin: 30px;
}
}
@media screen and (min-width: 641px) {
	.member_form .input_list .item >label { margin: 0 3.5em 0 0; width: 4.5em; text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; }
	.member_form .input_list .item.required >label:after { position: absolute; right: -.7em; }
	.member_form .input_list .item.code >label { margin-right: 3em; width: 5em; }
	.member_form .input_list .item.pass >label { margin-right: 1em; width: 7em; }
	.member_form.pickupapply .input_list .item >label { margin-right: 1em; width: 7em; }
	#member_wrap .member_form .input_list .item >label { margin-right: 50px; }
}
@media screen and (max-width: 640px) {
	#wrap .workframe {margin-top: 0px;}
	#member_wrap {padding: 150px 0 8vw;}
	#card_list li { padding: 3vw 6vw; }
	#card_list li .icon { width: 70px; height: 70px; }
	#card_list li .info .title { font-size: 30px; }
}
@media screen and (max-width: 550px) {
	#member_wrap .workframe { padding: 30px 0 50px; }
	.member_form .input_list .item { padding: 15px 0; }
	#card_list[data-type="2"] { grid-template-columns: repeat(1, 1fr); }
	.table_box tr td:before { min-width: 100%; }
	#track_box #product_list {padding: 0 15vw;grid-template-columns: repeat(1, 1fr);gap: 50px;margin: 0;}
	#track_box .bottom_box { text-align: center; }
	.member_form .input_list .item.login_name font .bind { margin-left: 0; }
}
@media screen and (max-width: 450px) {
	#member_wrap .member_form { padding: 5%; }
	.member_form .input_list .border_box label {margin: 0 10px;font-size: 15px;width: 65px;display: none;}
    .member_form .input_list .border_box{gap:10px;}
    .member_form .input_list .border_box svg{width: 20px;height: 20px;}
	#track_box .top_box { padding: .5em 7vw; }
	#track_box #product_list { padding: 0 7vw; }
	#track_box .bottom_box { padding: 5vw 7vw 0; text-align: left; }
	.order_list .list { padding: 10px 0 50px; }
	.order_list .list .img a { display: block; }
	.order_list .list .img font { position: relative; margin: 10px 10px 0; border: 0; text-align: center; top: auto; left: 0; -webkit-transform: translateY(0); transform: translateY(0); }
	.order_list .list .img font img { width: 150px; height: 150px; }
	.order_list .list .img b { width: 100%; text-align: center; }
	.order_list .list .info { width: 100%; margin-bottom: 10px; }
	.order_list .list .info p { text-align: center; }
	.order_list .list .info p.sBox, .order_list .list .info p.sBox font { line-height: 150%; margin-bottom: 10px; font-size: 16px; color: #000; letter-spacing: 0.2px; }
}