.wrap.mypage .top_bar {background-color: #3071F2; padding: 30px 0;}
.wrap.mypage .top_bar .top_tit {color: #fff;}
.wrap.mypage .top_bar .prev {background: url(../img/my_prev.png) no-repeat left/contain;}

.profile {padding: 30px 0 20px;}
.profile .my_info {display: flex; align-items: center; gap: 15px; padding-bottom: 15px;}
.profile .my_info .my_thumb {width: 75px; height: 75px; border-radius: 100%; overflow: hidden; border: 1px solid #ddd;}
.profile .my_info .my_thumb img {width: 100%; height: 100%; object-fit: cover; display: block;}
.profile .my_info .info_name {display: flex; flex-direction: column; align-items: flex-start;}
.profile .my_info .info_name span {font-size: 16px;}
.profile .my_info .info_name p {font-size: 24px; font-weight: 700;}

.profile .my_main {margin-top: 15px; background-color: #f9fafc; border-radius: 10px;}
.profile .my_main ul {display: flex; align-items: center; width: 100%;}
.profile .my_main ul li {width: 33.3333%;}
.profile .my_main .menu_con {width: 100%; display: flex; flex-direction: column; align-items: center; padding: 15px 0; gap: 6px;}
.profile .my_main .menu_con .icon {width: 30px; height: 30px;}
.profile .my_main .menu_con .icon img {width: 100%; height: 100%; display: block; object-fit: contain; scale: .6;}
.profile .my_main li:nth-of-type(2) .icon img {scale: 1;}
.profile .my_main .menu_con span {font-size: 14px;}

.my_menu ul {display: flex; flex-direction: column;}
.my_menu ul li {width: 100%; border-bottom: 1px solid #eee;}
/* .my_menu ul li:last-child {border-bottom: none;} */
.my_menu .menu_con {display: flex; align-items: center; padding: 15px 0; gap: 10px;}
.my_menu .menu_con .icon {width: 25px; height: 25px; display: block;}
.my_menu .menu_con .icon img {width: 100%; height: 100%; object-fit: contain; display: block;}
.my_menu ul li:nth-of-type(1) .icon img {scale: .9;}
.my_menu ul li:nth-of-type(3) .icon img {scale: .7;}




/* -------- 배송조회 -------- */
.wrap.delivery {margin-bottom: 0;}
.wrap.delivery .sec_tit {font-size: 20px; padding-bottom: 0;}
.delivery_status {padding-bottom: 30px;}
.delivery_step {padding-top: 20px;}
.delivery_step ul {display: flex; align-items: center;}
.delivery_step ul li {position: relative; width: 25%;}
.delivery_step ul li::after {content: ""; display: block; width: 15px; height: 15px; background: url(../img/step_icon.png) no-repeat center/contain; position: absolute; top: 25%; right: -7px;}
.delivery_step ul li:nth-of-type(4)::after {display: none;}
.delivery_step .step_con {display: flex; flex-direction: column; align-items: center; gap: 8px;}
.delivery_step .step_con .icon {width: 60px; height: 60px; border-radius: 50%; border: 1px solid #ccc;}
.delivery_step .step_con.on .icon {border-color: #3071F2;}
.delivery_step li:nth-of-type(1) .step_con .icon {background: url(../img/delivery01.png) no-repeat center; background-size: 60%;}
.delivery_step li:nth-of-type(1) .step_con.on .icon {background: url(../img/delivery01_on.png) no-repeat center; background-size: 60%;}
.delivery_step li:nth-of-type(2) .step_con .icon {background: url(../img/delivery02.png) no-repeat center; background-size: 60%;}
.delivery_step li:nth-of-type(2) .step_con.on .icon {background: url(../img/delivery02_on.png) no-repeat center; background-size: 60%;}
.delivery_step li:nth-of-type(3) .step_con .icon {background: url(../img/delivery03.png) no-repeat center; background-size: 60%;}
.delivery_step li:nth-of-type(3) .step_con.on .icon {background: url(../img/delivery03_on.png) no-repeat center; background-size: 60%;}
.delivery_step li:nth-of-type(4) .step_con .icon {background: url(../img/delivery04.png) no-repeat center; background-size: 60%;}
.delivery_step li:nth-of-type(4) .step_con.on .icon {background: url(../img/delivery04_on.png) no-repeat center; background-size: 60%;}
.delivery_step .step_con span {font-size: 14px; color: #888;}
.delivery_step .step_con.on span {color: #3071F2; font-weight: 600;}


.step_detail {padding-top: 20px;}
.step_detail table {width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.step_detail tr td {width: 33.3333%; text-align: center; font-size: 14px; padding: 8px 2px; vertical-align: middle;}
.step_detail tr:nth-of-type(1) {border-bottom: 1px solid #eee;}


.wrap.delivery .cart_total dl dt {width: 100px;}
.wrap.delivery .cart_total dl dd {width: calc(100% - 100px);}


/* -------- 교환/반품 -------- */
.wrap.exchange .sec_tit {font-size: 20px;}
.exchange_reason .reason_list {display: flex; flex-direction: column; gap: 15px; margin-bottom: 10px;}
.exchange_reason .reason_list .select_type textarea {width: calc(100% - 30px); border: 1px solid #ddd; border-radius: 5px; padding: 12px 10px; margin-top: 8px; margin-left: 30px; height: 80px; font-size: 16px; line-height: 1.4; word-break: keep-all; font-weight: inherit;}
.exchange_reason .reason_list .select_type textarea:focus {border-color: #3071F2;}
.wrap.exchange .cart_item {width: 100%;}
.wrap.exchange .cart_item .item_info {width: calc(100% - 100px); padding: 0 0 0 10px;}
.wrap.exchange .cart_item .select_icon {padding-right: 10px;}

.wrap.exchange .btn_main {width: 100vw; border-radius: 0;}

.wrap.exchange .order_con dt {width: 100px;}
.wrap.exchange .order_con dd {width: calc(100% - 100px);}



/* -------- 교환/반품 -------- */
.wrap.like .cart_item .item_info {padding: 0;}
.wrap.like .select_icon {padding-right: 0;}