/* -------- 마이페이지 메인 -------- */
.mypage_area {display: flex; width: 100%;}
.mypage_area .user_tit {text-align: left; font-size: 40px; line-height: 1;}
.mypage_area .mypage_con {width: 85%; height: auto;}
.sidemenu_wrap {width: 15%;}
.side_menu {display: flex; flex-direction: column; gap: 25px; width: 100%; 
    /* position: sticky; top: 150px; */
}
.side_con ul {display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}
.side_menu li a {display: block; position: relative;}
.side_menu li a::after {content: ""; display: none; position: absolute; width: 100%; height: 1px; background-color: #333; bottom: 0px; left: 0;}
.side_menu li a:hover {font-weight: 600;}
.side_menu li a:hover::after {display: block;}
.side_con .menu_tit {font-size: 22px; font-weight: 700;}

.my_info {width: 100%; padding: 50px; background-color: #fcfaf8; display: flex; flex-direction: column; margin-bottom: 50px;}
.my_info .my_index {display: flex; width: 100%;
     /* padding-bottom: 30px; border-bottom: 1px solid #ece8e5;  */
     justify-content: space-between; flex-wrap: wrap; row-gap: 20px;}
.my_info .my_index .my_prof01 {width: 32%; display: flex; align-items: center;gap: 25px; flex-wrap: wrap;}
.my_info .my_prof01 .my_type {display: block; padding: 40px; border-radius: 100%; border: 1px solid #725a45; position: relative;}
.my_info .my_prof01 .my_type em {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; word-break: keep-all; color: #725a45; font-weight: 600;}
.my_info .my_prof01 .prof_txt {display: flex; align-items: flex-start; font-size: 20px; flex-direction: column; gap: 15px;}
.my_info .my_prof01 .prof_txt p {display: flex; gap: 4px; flex-wrap: wrap; row-gap: 2px;}
.my_info .my_prof01 .prof_txt button {font-size: 14px; padding: 4px 16px; font-weight: 400; color: #725a45; background-color: #e1ddd9;}


.my_info .my_index .my_prof02 {width: 33%; display: flex; flex-direction: column; align-items: flex-start; gap: 6px;}
.my_info .my_prof02 dl {display: flex; align-items: flex-start; width: 100%;}
.my_info .my_prof02 dl dt {color: #aca49d; width: 100px;}
.my_info .my_prof02 dl dd {font-weight: 600; color: #555; width: calc(100% - 110px); word-break: keep-all; line-height: 1.4;}
.my_info .my_prof02 dl dd span {font-size: inherit; color: inherit; font-weight: 600;}

/* .my_info .order_step {display: flex; align-items: center; padding-top: 30px;}
.my_info .order_step dl {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 33.3333%;} 
.my_info .order_step dl dt {color: #6e6862; font-weight: 600;}
.my_info .order_step dl dd, .my_info .order_step dl dd span {font-weight: 700; font-size: 20px;}
.my_info .order_step dl dd span {position: relative; display: inline-block; margin-right: 4px; cursor: pointer;}
.my_info .order_step dl dd span::after {content: ""; display: block; width: 100%; position: absolute; bottom: 2px; left: 0; height: 1px; background-color: #725a45;} */

/* 마이페이지 메인 : 주문배송조회 */
.order_menu_box {display: flex; padding: 50px 0 30px; width: 100%; border-top: 2px solid #666; border-bottom: 1px solid #666;}
.order_menu_box .menu_con {width: 12.5%; display: flex; flex-direction: column; align-items: center; gap: 30px; position: relative;}
.order_menu_box .menu_con span {font-size: 28px; font-weight: 600; position: relative; color: #aaa; display: inline-block; width: 100%; text-align: center; cursor: pointer;}
.order_menu_box .menu_con span::after {content: ""; display: block; width: 80px; height: 80px; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f9f9f9; z-index: -1; }
.order_menu_box .menu_con span::before {content: ""; display: block; width: 20px; height: 20px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168168341452897.png) no-repeat center/contain; position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}
.order_menu_box .menu_con:last-child span::before {display: none;}
.order_menu_box .menu_con p {text-align: center; line-height: 1.3; cursor: pointer; word-break: keep-all; width: 100%;}

.order_menu_box .menu_con.on span {color: #725a45;}
.order_menu_box .menu_con.on span::after {background-color: #fcfaf8; border: 1px solid #725a45;}
.order_menu_box .menu_con.on p {color: #725a45; font-weight: 800;}


/* 마이페이지 메인 : 최근주문내역 */
.form_list.order_recent .list .list_con:nth-of-type(1) {width: 15%; min-width: 80px;}
.form_list.order_recent .list .list_con:nth-of-type(2) {width: 35%;}
.form_list.order_recent .list .list_con:nth-of-type(3) {width: 15%; min-width: 100px;}
.form_list.order_recent .list .list_con:nth-of-type(4) {width: 20%; min-width: 120px;}
.form_list.order_recent .list .list_con:nth-of-type(5) {width: 15%;}




/* 마이페이지 메인 : 문의내역리스트 */
.my_qna .form_list.qna_main .list .list_con:nth-of-type(1) {width: 20%;}
.my_qna .form_list.qna_main .list .list_con:nth-of-type(2) {width: 50%;}
.my_qna .form_list.qna_main .list .list_con:nth-of-type(3) {width: 30%;}


/* 모바일버전 마이페이지 메뉴 */
.mo_mypage_menu {display: none;}
.mo_menu {display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 30px;}
.mo_menu .my_tit {padding-bottom: 10px;}
.mo_menu ul {display: flex; flex-direction: column; width: 100%; border-top: 2px solid #555; border-bottom: 1px solid #555;}
.mo_menu ul li {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #eee;}
.mo_menu ul li:last-child {border-bottom: none;}
.mo_menu ul span {font-size: 16px; word-break: keep-all;}
.mo_menu ul .arrow {display: block; width: 16px; height: 16px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168349369134306.png) no-repeat center/contain;}



/* -------- 마이페이지 : 주문내역 상세 -------- */
.my_order_list.detail .form_list.prd .res_box {width: 100%; display: flex; flex-wrap: wrap; position: relative;}
.my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(1) {width: 50%;}
.my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(2) {width: 20%;}
.my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(3) {width: 15%;}
.my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(4) {width: 15%;}

.my_order_list .order_number {padding-bottom: 10px;}
.my_order_list .order_number dl {display: flex; align-items: center; gap: 20px;}
.my_order_list .order_number dt {font-size: 16px; color: #666; display: block; position: relative;}
.my_order_list .order_number dt::after {content: ""; display: block; width: 1px; height: 40%; background-color: #aaa; top: 50%; right: -10px; transform: translateY(-50%); position: absolute;}
.my_order_list .order_number dd {font-weight: 700; }


.my_order_list .order_step {display: flex; align-items: center; gap: 40px; padding-bottom: 5px;}
.my_order_list .order_sub dl {display: flex; align-items: center; gap: 20px;}
.my_order_list .order_sub dt {font-size: 16px; color: #666; display: block; position: relative;}
.my_order_list .order_sub dt::after {content: ""; display: block; width: 1px; height: 40%; background-color: #aaa; top: 50%; right: -10px; transform: translateY(-50%); position: absolute;}
.my_order_list .order_sub dd {font-weight: 700;}
.order_step .order_sub.step dl {align-items: flex-start;}
.order_step .order_sub.step dt {min-width: 80px;}
.order_step .order_sub.step dd {display: flex; align-items: center; gap: 6px; flex-wrap: wrap; row-gap: 0;}
.order_step .order_sub.step span {color: #cc4325; font-weight: 700;}
.order_step .sub_area {display: flex; align-items: flex-start; gap: 4px;}
.order_step .sub_area i {display: block; width: 16px; height: 16px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/169549489333847.png) no-repeat center/contain; margin-top: 3px;}
.order_step .sub_area p {font-size: 15px; color: #af7b6f; font-weight: 600;}




.my_order_list.detail .order_prod {width: 100%;}
.my_order_list.detail .order_prod .prod_thumb {width: 10%;}

.cart_wrap.pay .my_order_list.detail .user_con {padding: 0;}
.cart_wrap.pay .my_order_list.detail .user_con form dl dt {padding: 18px; background-color: #f9f9f9; width: 160px;}
.cart_wrap.pay .my_order_list.detail .user_con form dl dd {padding: 18px; width: calc(100% - 160px);}
.my_order_list.detail .user_con form ul li {padding: 0;}


.search_box {width: 100%; padding: 20px; background-color: #dedad6; margin-bottom: 15px;}
.search_box .search_cont {display: flex; align-items: flex-start; gap: 20px; flex-direction: column;}
.search_box .search_tit {font-weight: 700; display: inline-block; width: 60px;}
.search_box .search_cont .period_box, .search_box .search_cont .type_box {display: flex; align-items: center; gap: 30px;}
.search_box .search_cont .period_box .search_btnbox {width: initial;}
.search_btnbox {display: flex; align-items: center; gap: 10px; flex-wrap: wrap; width: calc(100% - 90px);}
.search_btnbox.gap30 {gap: 30px; row-gap: 10px;}
.search_btnbox span {font-size: 14px; font-weight: 600; padding: 5px 20px; border: 1px solid #7f7368; color: #7f7368; background-color: #fff; cursor: pointer;}
.search_btnbox span.on {color: #fff; background-color: #7f7368;}
.search_period {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.search_period input[type="date"] {outline: none; border: 1px solid #aaa; padding: 7px;}
.search_box button {padding: 8px 30px; background-color: #555; color: #fff;}
.search_box input[type="text"] {outline: none; border: 1px solid #aaa; padding: 7px; width: 40vw; font-size: 16px;}


/* 검색결과 */
.search_box.search {background-color: #f4f2f0;}
.search_box.search .search_cont {justify-content: center; flex-direction: row; align-items: center;}
.search_area .prd_list_wrap {margin-top: 50px;}

.search_tap {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px;}
.result_amount {display: flex; align-items: center; gap: 2px;}
.result_amount span {font-size: 16px; color: #555;}
.result_amount .num {font-weight: 800; padding-left: 4px; font-size: 18px;}
.search_type {display: flex; align-items: center; gap: 15px;}
.search_type span {font-size: 16px; color: #aaa; cursor: pointer;}
.search_type span.on {font-weight: 700; color: #777;}

/* 교정 파일첨부 리스트 */
.my_order_list.detail .form_list.design .res_box {width: 100%; display: flex;}
.my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(1) {width: 5%;}
.my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(2) {width: 20%;}
.my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(3) {width: 35%;}
.my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(4) {width: 20%;}
.my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(5) {width: 20%;}



.delivery_box.detail {flex-direction: row; gap: 10px;}
.delivery_box.detail .delivery_opt {padding-top: 0;}



/* -------- 마이페이지 리스트 -------- */
.my_tit {display: flex; width: 100%; align-items: center; justify-content: space-between; padding-bottom: 15px;}
.my_tit .tit {font-size: 24px; font-weight: 700;}
.my_tit .tit em {font-size: 16px; color: #999; padding-left: 6px;}
.my_tit button {display: flex; align-items: center; gap: 8px; padding: 2px; font-size: 14px;}
.my_tit button i {display: block; width: 10px; height: 10px;}
.my_tit .btn_detail .arrow {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168118239959060.png) no-repeat center/contain;}


.form_list {width: 100%; margin-bottom: 80px;}
.form_list .title_box {display: flex; align-items: center; padding-bottom: 15px; justify-content: space-between;}
.form_list p.title {font-size: 28px; font-weight: 700;}
.form_list ul {display: flex; flex-direction: column; border-bottom: 1px solid #666;}
.form_list ul li {width: 100%; border-bottom: 1px solid #ccc;}
.form_list ul li:last-child {border-bottom: none;}
.form_list .list {display: flex; align-items: center; width: 100%;}
.form_list .list.tit {background-color: #f5f5f5; border-top: 2px solid #666; border-bottom: 1px solid #eee; font-size: 14px;}
.form_list .list .list_con {padding: 10px; text-align: center; width: 100%; display: flex; justify-content: center; align-items: center;}
.form_list .list .list_con .btn_detail {font-size: 12px; padding: 4px 16px; background-color: #eee; border: 1px solid #ccc;}
.form_list .list .list_con span {line-height: 1.4; word-break: keep-all; font-size: 16px;}
.form_list .list.tit .list_con span {font-size: 14px;}
.form_list .list .list_con .delivery_info {margin-top: 2px;}
.form_list .list .list_con .delivery_info p {font-size: 14px; color: #555; line-height: 1.4; padding-top: 4px;}



.form_list .list .list_con.fs {justify-content: flex-start;}



/* -------- 마이페이지 메인 : 최근주문내역 -------- */
.my_order .form_list .list.tit span {display: inline-block; text-align: center; width: 100%;}
.my_qna .form_list .list .list_con:nth-of-type(1) {width: 20%;}
.my_qna .form_list .list .list_con:nth-of-type(2) {width: 60%;}
.my_qna .form_list .list .list_con:nth-of-type(3) {width: 20%;}

.order_prod {display: flex; align-items: center; gap: 20px; justify-content: center; width: 100%;}
.order_prod .prod_thumb {width: 15%; position: relative; min-width: 100px;}
.order_prod .prod_thumb::after {content: ""; display: block; padding-bottom: 100%; position: absolute; top: 0; left: 0;}
.order_prod .prod_thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
.order_prod .prod_thumb .soldout {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0, 0, 0, .4); display: none;}
.order_prod.soldout .prod_thumb .soldout {display: block;}
.order_prod .prod_thumb .soldout p {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: clamp(14px, 1vw, 16px); color: #fff; word-break: keep-all;}
.order_prod .prod_info {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; justify-content: center; flex-wrap: wrap; row-gap: 2px;}
.order_prod .prod_info .prod_name {display: flex; align-items: center; gap: 4px; flex-wrap: wrap; row-gap: 0; font-size: 16px;}
.order_prod .prod_info .name {font-size: 16px; font-weight: 600; text-align: left;}
.order_prod .prod_info dl {display: flex; align-items: center; gap: 4px; font-size: 14px; width: 100%; flex-wrap: wrap;}
.order_prod .prod_info dt, .order_prod .prod_info dd {color: #777;}
.form_list.order_recent .order_prod .prod_info {flex-direction: row; justify-content: flex-start;}




/* -------- 마이페이지 메인 : 위시리스트 -------- */
.my_like .like_list {border-top: 2px solid #555; padding-top: 30px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 30px;}
.my_like .prd_info .prd_name {font-size: 18px; width: 100%;}
.my_like .prd_info .prd_price {font-size: 18px;}
.my_like .prd_info dl {padding: 8px 0;}
.my_like .prd_info .prd_tag span {font-size: 12px; padding: 2px 10px;}




/* -------- 마이페이지 : 주문내역 -------- */
.my_order_list .form_list.order_detail .list .res_box {display: flex; width: 100%;}
.my_order_list .form_list.order_detail .list .res_box .list_con.date {width: 15%;}
.my_order_list .form_list.order_detail .list .res_box .list_con.prod_info {width: 40%;}
.my_order_list .form_list.order_detail .list .res_box .list_con.price {width: 15%;}
.my_order_list .form_list.order_detail .list .res_box .list_con.detail {width: 15%;}
.my_order_list .form_list.order_detail .list .res_box .list_con.status {width: 15%;}

.delivery_box {display: flex; flex-direction: column; align-items: center;}
.delivery_box .status {font-size: 16px;}
.delivery_box .delivery_opt {display: flex; flex-direction: column; align-items: center; gap: 6px; padding-top: 5px;}
.delivery_box .delivery_opt button {font-size: 12px; padding: 4px 12px;}
.delivery_box .delivery_opt .btn_default {background-color: #555; color: #fff;}
.delivery_box .delivery_opt .btn_bd {border: 1px solid #555; color: #555;}

.discription {width: 100%; padding: 30px; background-color: #f8f8f8; margin-bottom: 30px;}
.discription .txt {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; color: #555; font-size: 14px; line-height: 1.4; word-break: keep-all;}
.discription .txt .txt_list {display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 14px;}
.discription .txt .txt_list:last-child {padding: 0;}
.discription .txt .txt_list dt {display: flex; align-items: center; gap: 6px; padding-bottom: 10px; font-weight: 600; line-height: 1; font-size: 16px;}
.discription .txt .txt_list dt i {display: block; width: 3px; height: 3px; border-radius: 100%; background-color: #555;}
.discription .txt .txt_list dd {display: flex;}
.discription .txt .txt_list dd i {padding-right: 4px;}

.sub_discript {font-size: 15px; color: #666; padding-top: 10px; line-height: 1.4; word-break: keep-all;}

.form_list.order_detail .order_prod .prod_info {flex-direction: column; align-items: flex-start;}

.prod_info .opt_tem {display: flex; align-items: center; width: 100%; gap: 8px; flex-wrap: wrap; row-gap: 0;}
.prod_info .opt_tem span {font-size: 14px; color: #777; font-weight: 700;}
.prod_info .opt_tem .sub_opt {display: flex; flex-direction: column; align-items: flex-start;}
.prod_info .opt_tem .sub_opt ul {display: flex; align-items: center; flex-direction: row; border: none; row-gap: 0; column-gap: 4px; flex-wrap: wrap;}
.prod_info .opt_tem .sub_opt li {border-bottom: none; font-size: 14px; width: auto; color: #777; text-align: left;}
.order_prod .prod_info .sub_opt_list {display: flex; align-items: flex-start; flex-wrap: wrap;}



/* -------- 마이페이지 : 쿠폰내역 -------- */
.my_coupon .form_list .res_box {width: 100%; display: flex; position: relative; flex-wrap: wrap;}
.my_coupon .form_list .res_box .list_con:nth-of-type(1) {width: 20%;}
.my_coupon .form_list .res_box .list_con:nth-of-type(2) {width: 25%;}
.my_coupon .form_list .res_box .list_con:nth-of-type(3) {width: 15%;}
.my_coupon .form_list .res_box .list_con:nth-of-type(4) {width: 10%;}
.my_coupon .form_list .res_box .list_con:nth-of-type(5) {width: 15%;}
.my_coupon .form_list .res_box .list_con:nth-of-type(6) {width: 15%;}

.my_coupon .period_coupon {display: flex; justify-content: center; column-gap: 4px; flex-wrap: wrap;}

.coupon_enter {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 15px; background-color: #eee; padding: 25px; margin-bottom: 30px;}
.coupon_enter .enter_box {display: flex; align-items: center; gap: 15px;}
.coupon_enter .enter_box form {display: flex; align-items: center; gap: 6px;}
.coupon_enter .enter_box form i {color: #888;}
.coupon_enter .enter_box form input {padding: 8px 12px; width: 80px;}
.coupon_enter .enter_box .btn_default {padding: 8px 16px; background-color: #666; color: #fff;}
.coupon_enter p {font-size: 14px; color: #777; line-height: 1.4; text-align: center;}



/* -------- 마이페이지 : 적립금내역 -------- */
.my_point .form_list .list .list_con:nth-of-type(1) {width: 20%;}
.my_point .form_list .list .list_con:nth-of-type(2) {width: 60%;}
.my_point .form_list .list .list_con:nth-of-type(3) {width: 20%;}

.my_point .point_box {display: flex; align-items: center; width: 100%; padding: 10px 0;}
.my_point .point_con {width: 50%; border-right: 1px solid #ccc;}
.my_point .point_con:last-child {border-right: none;}
.my_point .point_con dl {display: flex; align-items: center; gap: 10px; justify-content: center;}
.my_point .point_con dt {color: #555; font-size: 14px;}
.my_point .point_con dd {font-size: 18px; font-weight: 800; color: #555;}




/* -------- 마이페이지 : 오늘본상품 -------- */
.my_view .form_list.my_view .list .list_con:nth-of-type(1) {width: 5%;}
.my_view .form_list.my_view .list .list_con:nth-of-type(2) {width: 50%;}
.my_view .form_list.my_view .list .list_con:nth-of-type(3) {width: 10%;}
.my_view .form_list.my_view .list .list_con:nth-of-type(4) {width: 10%;}
.my_view .form_list.my_view .list .list_con:nth-of-type(5) {width: 15%;}
.my_view .form_list.my_view .list .list_con:nth-of-type(6) {width: 10%;}


.my_view input[type="checkbox"] + label {padding: 0;}
.my_view input[type="checkbox"] + label::after, .my_view input[type="checkbox"] + label::before {border-color: #ccc;}

.amount_box {display: flex; align-items: center; gap: 6px; flex-wrap: wrap;}
.amount_box input[type="number"] {outline: none; border: 1px solid #ddd; border-radius: 3px; padding: 6px; width: 60px;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} /* 인풋 넘버 수량버튼 삭제 */
.amount_box button {display: block; width: 18px; height: 18px;}
.amount_box .minus {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168168281789810.png) no-repeat center/contain;}
.amount_box .plus {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168168281313799.png) no-repeat center/contain;}
.discription_txt {width: 100%; color: #888; font-size: 14px;}


.sub_box {width: 100%; margin-top: 30px;}
.sub_box .btn_con {display: flex; align-items: center; gap: 10px;}
.sub_box button {font-size: 14px;}
.sub_box .btn_li1 {color: #666; border: 1px solid #aaa; padding: 6px 10px;}
.sub_box dl {display: flex; align-items: center; gap: 8px; font-size: 14px;}
.sub_box dl dd {display: flex; align-items: center; gap: 2px;}
.sub_box dd span {font-weight: 800;}



/* -------- 마이페이지 : 위시리스트 -------- */
.my_like .like_list.detail {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.my_like .like_list.detail .prd_info .prd_name {width: calc(100% - 35px);}
.my_like .sub_box {margin-top: 0; margin-bottom: 15px;}
.my_like .sub_box .btn_con {justify-content: flex-end;}

/* -------- 마이페이지 : 1:1문의내역 -------- */
.my_qna .form_list .res_box {width: 100%; display: flex; position: relative;}
.my_qna .form_list .res_box .list_con:nth-of-type(1) {width: 15%;}
.my_qna .form_list .res_box .list_con:nth-of-type(2) {width: 55%;}
.my_qna .form_list .res_box .list_con:nth-of-type(3) {width: 15%;}
.my_qna .form_list .res_box .list_con:nth-of-type(4) {width: 15%;}

.my_qna .sub_box {margin-top: 0; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between;}


.btn_box {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.btn_box.ct {justify-content: center;}
.btn_box.fe {justify-content: flex-end;}
.btn_box button {font-size: 16px; padding: 12px 36px;}
.btn_box .btn_default {background-color: #6e6862; color: #fff;}

button {font-family: inherit; font-weight: 600;}
button.lg {padding: 15px; font-size: 18px; width: 100%;}
button.sm {padding: 6px 16px; font-size: 14px;}
button.md {padding: 10px 30px; font-size: 16px;}
button.xs {padding: 4px 12px; font-size: 12px;}
button.st1 {background-color: #6e6862; color: #fff;}
button.st2 {border: 1px solid #666; color: #666;}
button.st3 {background-color: #f1f1f1; color: #666;}
button.st4 {background-color: #f5f5f5; border: 1px solid #ddd; color: #666;}
button.st5 {background-color: #817a73; border: 1px solid #817a73; color: #fff;}

/* -------- 마이페이지 : 1:1문의상세 -------- */
.qna_reply {display: flex; flex-direction: column; padding: 30px; border-top: 1px solid #666; background-color: #f9f9f9;}
.qna_reply .reply_con p {line-height: 1.4; word-break: keep-all; font-size: 16px;}
.qna_reply .reply_info {padding-top: 20px; display: flex; align-items: center; gap: 8px;}
.qna_reply .reply_info span {font-size: 14px; color: #777;}


/* -------- 마이페이지 : 이메일문의 -------- */
.user_con form .data_box textarea {outline: none; border: 1px solid #ddd; width: 100%; height: 20vh; resize: none; padding: 12px; font-size: 16px; line-height: 1.4; word-break: keep-all; font-family: 'SUIT Variable', sans-serif;}
.user_con form .data_box input[type="file"] {border: 1px solid #ccc; padding: 12px; width: 100%; background-color: #fff; cursor: pointer; font-size: 16px;}
.user_con form .data_box input[type="file"]::file-selector-button {cursor: pointer; font-family: inherit; font-size: 14px; border-radius: 0; border: 1px solid #aaa; color: #666; padding: 4px 10px;}



/* -------- 마이페이지 : 주문상세 디자인발주서관리 -------- */
.form_list.design .btn_box {padding-top: 20px;}



/* -------- 1440px -------- */ 
@media screen and (max-width: 1440px) {
    .mypage_area .user_tit {font-size: 32px; padding-bottom: 40px;}

    /* 마이페이지 메인 */
    .my_info .my_prof02 dl dt {width: 85px;}
    .my_info .my_prof02 dl dd {width: calc(100% - 85px);}
    .my_info .my_index .my_prof01 {gap: 15px; row-gap: 8px;}
    /* .my_info .my_prof01 .my_type {padding: 25px;} */
    .my_info .my_prof01 .my_type em {font-size: 15px;}
    .my_info .my_prof01 .prof_txt {font-size: 18px; gap: 8px;}
    .my_info .my_prof01 .prof_txt button {padding: 4px 10px;}
    .my_info .my_index .my_prof02 {gap: 2px;}

    .order_menu_box {justify-content: space-between; padding: 40px 0 20px;}
    .order_menu_box .menu_con {width: 10%;}
    .order_menu_box .menu_con span {font-size: 24px;}
    .order_menu_box .menu_con span::before {right: -15px;}
    .order_menu_box .menu_con span::after {width: 70px; height: 70px;}

    .my_tit .tit {font-size: 22px;}
    .my_tit .tit em {font-size: 14px;}

    .my_like .like_list {padding-top: 20px; grid-template-columns: 1fr 1fr 1fr 1fr;}
    .my_like .like_list.detail {grid-template-columns: 1fr 1fr 1fr 1fr;}
    .my_like .like_list .prd_info .prd_name {overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
    .my_like .like_list.detail .prd_info .prd_name {overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
}




/* -------- 1080px -------- */ 
@media screen and (max-width: 1080px) {
    .sidemenu_wrap {display: none;}
    .mypage_area .mypage_con {width: 100%;}

    .mypage_area .user_tit {font-size: 26px; text-align: center;}

    /* 마이페이지 메인 */
    .my_info {padding: 30px; margin-bottom: 30px;}
    .my_info .my_index .my_prof01 {width: 100%;}
    .my_info .my_index .my_prof02 {width: 49%;}
    .my_info .my_prof01 .prof_txt {flex-direction: row; gap: 20px;}


    /* 검색결과 */
    .search_type {gap: 10px;}
    .search_type span {font-size: 14px;}
    .search_tap {padding-bottom: 15px;}

    .form_list .title_box {padding-bottom: 10px;}
    .form_list p.title {font-size: 24px;}
    .form_list {margin-bottom: 50px;}
    .form_list .list.tit .list_con span {font-size: 14px;}

    button.md {font-size: 15px; padding: 8px 20px;}

    .my_order_list .form_list.order_detail .list .res_box .list_con.detail {display: none;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.status {width: 20%;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.date {width: 15%;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.prod_info {width: 50%;}


    .search_box .search_cont .period_box, .search_box .search_cont .type_box {align-items: flex-start;}
    .search_box .search_cont .period_box .search_btnbox {width: calc(100% - 90px);}


    .my_order_list.detail .form_list.pay_order_info .user_con form ul li dl, .my_order_list.detail .form_list.pay_address_info .user_con form ul li dl {padding: 0;}

    .my_like .like_list {grid-template-columns: 1fr 1fr 1fr;}
    .my_like .like_list.detail {grid-template-columns: 1fr 1fr 1fr;}

}




/* -------- 850px -------- */ 
@media screen and (max-width: 850px) {
    .mypage_area .user_tit {font-size: 22px; padding-bottom: 30px;}

    .search_btnbox span {padding: 3px 12px;}
    .search_btnbox.gap30 {column-gap: 20px;}

    .search_box.search .search_cont {flex-wrap: wrap; row-gap: 10px;}
    .search_box input[type="text"] {width: 70vw;}
    .search_box.search .search_cont span {font-size: 14px;}

    .btn_box .btn_default {font-size: 15px; padding: 8px 20px;}
    button.sm {font-size: 13px;}

    /* 마이페이지 메인 */
    .form_list.order_recent .list .list_con:nth-of-type(2) {width: 55%;}
    .form_list.order_recent .list .list_con:nth-of-type(4) {width: 20%;}
    .form_list.order_recent .list .list_con:nth-of-type(5) {display: none;}
    .my_info .my_index .my_prof01 {flex-direction: column; align-items: flex-start; row-gap: 16px;}
    .my_info .my_prof01 .my_type {padding: 14px 32px; background: #8f8075; border-radius: 4px; border: none;}
    .my_info .my_prof01 .my_type em {font-size: 14px; color: #fff;}

    .form_list .list .list_con {padding: 12px 6px;}

    .my_like.pc, .my_order.pc, .my_qna.pc {display: none;}

    .order_menu_box {flex-wrap: wrap; padding: 0;}
    .order_menu_box .menu_con span::before, .order_menu_box .menu_con span::after {display: none;}
    .order_menu_box .menu_con {flex-direction: row-reverse; width: 50%; padding: 8px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; gap: 0;}
    .order_menu_box .menu_con.on {background-color: #fcf8f5;}
    .order_menu_box .menu_con:nth-of-type(2n) {border-right: none;}
    .order_menu_box .menu_con:last-child {border-bottom: none;}
    .order_menu_box .menu_con span {font-size: 20px;}
    .order_menu_box .menu_con p {text-align: left; padding-left: 10px; font-size: 15px;}

    .my_tit {padding-bottom: 10px;}
    .my_tit .tit {font-size: 18px;}
    .my_tit .tit em {display: none;}
    

    .order_prod .prod_thumb {width: 12%; min-width: 80px;}
    .cart_wrap.cart .form_list .list {align-items: flex-start;}
    .order_prod {justify-content: flex-start; gap: 10px; align-items: flex-start;}

    .mo_mypage_menu {display: block;}


    /* 주문/배송조회 */
    .my_order_list .form_list.order_detail .list .res_box .list_con.detail {display: none;}
    .my_order_list .form_list.order_detail .list .res_box {flex-wrap: wrap;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.date {padding: 10px 6px 0; justify-content: flex-start; width: 100%;}
    .my_order_list .form_list.order_detail .list.tit .res_box .list_con.date {display: none;}
    .my_order_list .form_list.order_detail .list.tit .res_box .list_con.status {display: none;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.date span {font-weight: 600;}

    .my_order_list .form_list.order_detail .list .res_box .list_con.prod_info {width: 80%;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.price {width: 20%;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.status {justify-content: flex-start; padding-left: 94px; width: 100%; padding-top: 0; margin-top: -40px;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.status .delivery_box {flex-direction: row; gap: 10px;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.status .delivery_box .delivery_opt {padding-top: 0;}

    .my_order_list .form_list.order_detail .list .res_box .list_con.prod_info .order_prod {align-items: flex-start;}

    /* 주문상세 */
    .my_order_list.detail .form_list.prd .res_box {padding: 35px 0 10px;}
    .my_order_list.detail .form_list.prd .list.tit .res_box {padding: 0;}
    .my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(1) {width: 100%; max-width: 100%;}
    .my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(2) {width: 100%; justify-content: flex-end; padding: 0 6px;}
    .my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(3) {width: 100%; justify-content: flex-end; padding: 6px;}
    .my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(4) {width: 100%; justify-content: flex-start; padding: 0; position: absolute; top: 12px; left: 6px;}
    .my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(4) .delivery_box {flex-direction: row; gap: 8px;}
    .my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(4) .delivery_box .status {font-size: 14px;}
    .my_order_list.detail .form_list.prd .res_box .list_con:nth-of-type(4) .delivery_box .delivery_opt {padding-top: 0;}
    .my_order_list.detail .form_list.prd .list.tit .res_box .list_con:nth-of-type(1) {width: 100%; max-width: 100%; padding: 10px 0;}
    .my_order_list.detail .form_list.prd .list.tit .res_box .list_con:nth-of-type(2) {display: none;}
    .my_order_list.detail .form_list.prd .list.tit .res_box .list_con:nth-of-type(3) {display: none;}
    .my_order_list.detail .form_list.prd .list.tit .res_box .list_con:nth-of-type(4) {display: none;}
    .my_order_list.detail .form_list.prd .res_box .pay_delivery {position: relative; font-size: 14px; line-height: 1;}
    .my_order_list.detail .form_list.prd .res_box .pay_delivery::before {content: "(부가세: "; position: absolute; top: 50%; right: 100%; padding-right: 4px; font-size: 14px; transform: translateY(-50%);}
    .my_order_list.detail .form_list.prd .res_box .pay_delivery::after {content: ")"; position: absolute; top: 50%; right: -6px; font-size: 14px; transform: translateY(-50%);}


    /* 쿠폰내역 */
    .coupon_enter {gap: 10px; padding: 20px;}
    .coupon_enter .enter_box {font-size: 14px; flex-wrap: wrap; justify-content: center; width: 100%; row-gap: 5px; align-items: baseline;}
    .coupon_enter .enter_box > span {width: 100%; text-align: center;}
    .coupon_enter p {font-size: 13px;}

    /* 1:1 문의 */
    .my_qna .form_list .list .list_con:nth-of-type(1) {display: none;}
    .my_qna .form_list .list .list_con:nth-of-type(2) {width: 60%;}
    .my_qna .form_list .list .list_con:nth-of-type(3) {width: 20%;}
    .my_qna .form_list .list .list_con:nth-of-type(4) {width: 20%;}

    .qna_reply {padding: 20px 12px;}
    .qna_reply .reply_info {padding-top: 10px;}
    .qna_reply .reply_con p {font-size: 15px;}

    
    /* 교정 파일첨부 리스트 */
    .my_order_list.detail .form_list.design .res_box {position: relative; padding-top: 40px;}
    .my_order_list.detail .form_list.design .list.tit .res_box {padding: 0;}
    .my_order_list.detail .form_list.design .list.tit .res_box .list_con:nth-of-type(1) {display: none;}
    .my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(1) {width: 100%; max-width: 100%; justify-content: flex-start; padding: 0; position: absolute; top: 10px; left: 6px; z-index: 5;}
    .my_order_list.detail .form_list.design .list.tit .res_box .list_con:nth-of-type(2) {justify-content: center;}
    .my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(1) span {font-size: 14px; color: #666;}
    .my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(2) {justify-content: flex-end; width: 100%; position: absolute; right: 6px; top: 10px;}
    .my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(3) {justify-content: flex-start; width: 100%;}
    .my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(4) {width: 100%; justify-content: flex-start; padding: 6px;}
    .my_order_list.detail .form_list.design .list .res_box .list_con:nth-of-type(5) {width: 100%; justify-content: flex-start; padding: 0 6px;}


    /* -------- 마이페이지 : 쿠폰내역 -------- */
    .my_coupon .form_list .res_box {padding-top: 30px;}
    .my_coupon .form_list .list.tit .res_box {padding: 0;}
    .my_coupon .form_list .list.tit .res_box .list_con:nth-of-type(2) {justify-content: center; padding: 10px 6px;}
    .my_coupon .form_list .res_box .list_con:nth-of-type(1) {width: 100%; justify-content: flex-start; padding-bottom: 0;}
    .my_coupon .form_list .list.tit .res_box .list_con:nth-of-type(1), .my_coupon .form_list .list.tit .res_box .list_con:nth-of-type(3),  .my_coupon .form_list .list.tit .res_box .list_con:nth-of-type(4), .my_coupon .form_list .list.tit .res_box .list_con:nth-of-type(5), .my_coupon .form_list .list.tit .res_box .list_con:nth-of-type(6) {display: none;}
    .my_coupon .form_list .res_box .list_con:nth-of-type(2) {width: 100%; justify-content: flex-start; padding: 8px 6px 0;}
    .my_coupon .form_list .res_box .list_con:nth-of-type(3) {width: 100%; justify-content: flex-start; padding: 14px 6px 0;}
    .my_coupon .form_list .res_box .list_con:nth-of-type(4) {width: 100%; justify-content: flex-start; padding: 4px 6px 0;}
    .my_coupon .form_list .res_box .list_con:nth-of-type(5) {width: 100%; justify-content: flex-start; padding: 4px 6px 10px;}
    .my_coupon .form_list .res_box .list_con:nth-of-type(6) {width: 100%; position: absolute; top: 0; right: 6px; justify-content: flex-end;}
    .my_coupon .form_list .res_box .list_con span {position: relative; line-height: 1; font-size: 14px; color: #666;}
    .my_coupon .form_list .res_box .list_con span::before {content: ""; left: 0; top: 50%; transform: translateY(-50%); font-size: 14px; color: #666;}
    /* .my_coupon .form_list .res_box .list_con .list_item {padding-left: 40px;} */
    .my_coupon .form_list .res_box .list_con .list_item::before {content: "적용대상 : ";}
    .my_coupon .form_list .res_box .list_con .price_coupon::before {content: "최소주문금액 : ";}
    .my_coupon .form_list .res_box .list_con .sale_coupon::before {content: "할인액(률) : ";}
    .my_coupon .form_list .res_box .list_con .num_coupon {font-size: 16px; font-weight: 600;}
    .my_coupon .form_list .res_box .list_con .name_coupon {font-size: 16px;}
}


/* -------- 650px -------- */ 
@media screen and (max-width: 650px) {
    .discription {padding: 20px;}
    .sub_discript {font-size: 14px;}

    .form_list p.title {font-size: 20px;}

    .sub_box button {font-size: 13px;}
    .sub_box .btn_li1 {padding: 4px 8px;}

    button.lg {padding: 12px; font-size: 16px;}
    

    /* 조건검색 */
    .search_box .search_tit {font-size: 14px;}
    .search_box .search_cont .period_box, .search_box .search_cont .type_box {gap: 20px; flex-direction: column; row-gap: 10px;}
    .search_box .search_cont .period_box .search_btnbox, .search_btnbox {width: 100%;}
    .search_period {gap: 5px;}

    /* 마이페이지 메인 */
    .order_menu_box .menu_con {gap: 10px; padding: 10px;}
    .order_menu_box .menu_con p {padding-left: 0;}
    .order_menu_box .menu_con span {font-size: 18px; width: initial;}
    .my_info {padding: 25px;}
    .my_info .my_prof02 dl {font-size: 16px; flex-direction: column;}
    .my_info .my_prof02 dl dt {width: 100px;}
    .my_info .my_prof02 dl dd {width: 100%;}
    .my_info .my_prof01 .prof_txt {flex-direction: column; gap: 4px; width: 100%;}
    .my_info .my_index {gap: 0;}
    .my_info .my_index .my_prof02 {width: 100%; gap: 4px;}
    .my_info .my_index .my_prof02:last-child {padding-top: 4px;}
    .my_info .my_index .my_prof01 {margin-bottom: 15px; row-gap: 10px;}

    /* 주문배송조회 */
    .my_order_list .form_list.order_detail .list .res_box .list_con.prod_info .order_prod .prod_thumb {display: none;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.date span {margin-bottom: -8px; font-size: 14px;}

    .my_order_list .form_list.order_detail .list .res_box .list_con.status {margin-top: 0; padding-left: 6px;}
    .delivery_box .status {color: #777;}
    .my_order_list .form_list.order_detail .list .res_box .list_con.date {padding: 10px 6px 4px;}

    /* 주문내역상세 */
    .my_order_list.detail .form_list.pay_order_info .user_con form ul li dl, .my_order_list.detail .form_list.pay_address_info .user_con form ul li dl {flex-wrap: nowrap; flex-direction: row; gap: 0;}
    .my_order_list.detail .form_list.pay_order_info .user_con form ul li dl dd, .my_order_list.detail .form_list.pay_order_info .user_con form ul li dl dt, .my_order_list.detail .form_list.pay_address_info .user_con form ul li dl dt, .my_order_list.detail .form_list.pay_address_info .user_con form ul li dl dd {padding: 12px;}
    .my_order_list.detail .form_list.pay_order_info .user_con form ul li dl dt, .my_order_list.detail .form_list.pay_address_info .user_con form ul li dl dt {width: 100px;}
    .my_order_list.detail .form_list.pay_order_info .user_con form ul li dl dd, .my_order_list.detail .form_list.pay_address_info .user_con form ul li dl dd {width: calc(100% - 100px);}
    .my_order_list .order_sub dd {font-size: 14px;}
    .my_order_list .order_sub dt {font-size: 14px;}
    .order_step .sub_area p {font-size: 14px;}
    .my_order_list .order_step {flex-direction: column; align-items: flex-start; gap: 2px; padding-bottom: 10px;}
    .order_step .order_sub.step dd {width: calc(100% - 100px);}



    /* 오늘본상품 상세 */
    .my_like .like_list.detail {grid-template-columns: 1fr 1fr; gap: 20px; row-gap: 40px;}
    .my_like .like_list {grid-template-columns: 1fr 1fr; gap: 20px; row-gap: 40px;}

    /* 쿠폰내역 */
    .coupon_enter .enter_box form {gap: 3px; flex-wrap: wrap; padding-bottom: 8PX; justify-content: center;}
    .coupon_enter .enter_box form input {padding: 8PX; width: 65PX;}

    /* -------- 마이페이지 : 1:1문의내역 -------- */
    .my_qna .form_list .res_box {padding-top: 22px;}
    .my_qna .form_list .list.tit .res_box {padding: 0;}
    .my_qna .form_list .res_box .list_con:nth-of-type(2) {width: calc(100% - 80px); justify-content: flex-start; text-align: left;}
    .my_qna .form_list .list.tit .res_box .list_con:nth-of-type(2) {justify-content: center;}
    .my_qna .form_list .res_box .list_con:nth-of-type(3) {width: 100%; position: absolute; top: 0; left: 6px; justify-content: flex-start; padding: 10px 0 0px;}
    .my_qna .form_list .res_box .list_con:nth-of-type(3) span {font-size: 14px; color: #666;}
    .my_qna .form_list .res_box .list_con:nth-of-type(4) {width: 80px;}
    .my_qna .form_list .list.tit .res_box .list_con:nth-of-type(3) {display: none;}
}






/* -------- 350px -------- */ 
@media screen and (max-width: 350px) {
    .search_tap {flex-direction: column; align-items: flex-start; gap: 10px;}

    .my_info .my_prof02 dl dd {word-break: break-all;}


    .order_prod {flex-direction: column; align-items: flex-start;}
    .order_prod .prod_info.cart .name {padding-bottom: 10px;}
    .order_prod .prod_info dl {padding: 0;}
}