.mypage-wrap .sec {padding:80px 0;}
.mypage-wrap .sec-head {margin-bottom:18px;}
.mypage-wrap .sec-head .sec-title {display:inline-flex;font-size:24px;font-weight:600;align-items:center;}
.mypage-wrap .sec-head .sec-title i {margin-right:10px;}
.mypage-wrap .sec-head .sec-title img {margin-right:10px;}

.mypage-wrap .details-tab {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;}
.mypage-wrap .details-tab .details-tab-btn {border-radius: 6px;border: 1px solid #F0F0F0;background: #FFF;padding:10px 14px;transition:all .2s ease;}
.mypage-wrap .details-tab .details-tab-btn.active {background-color:#2C2C2C;color:#fff;}

.mypage-wrap .details-panel {display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.mypage-wrap .details-panel .checkbox {font-size:16px;font-weight:600;}
.mypage-wrap .details-panel .btn-delete {border-radius: 6px;border: 1px solid #F0F0F0;background: #FFF;font-size:14px;padding:10px 12px;color:#333D4B;}
.mypage-wrap .details-panel .btn-delete i {margin-right:6px;}

.mypage-wrap .details-list .details-item {padding:20px;display:flex;border-radius: 12px;border: 1px solid #F0F0F0;background: #FFF;margin-bottom:10px;align-items:center;gap:20px;}
.mypage-wrap .details-list .details-item:last-child {margin-bottom:0;}
.mypage-wrap .details-list .details-item .detail-contents {flex:1;display:flex;min-width:0;gap:20px;align-items:center;}
.mypage-wrap .details-list .details-item .detail-contents .thumb {width:155px;height:90px;border-radius:6px;overflow:hidden;}
.mypage-wrap .details-list .details-item .detail-contents .thumb img {width:100%;height:100%;object-fit:cover;}
.mypage-wrap .details-list .details-item .detail-contents .info {flex:1;}
.mypage-wrap .details-list .details-item .detail-contents .title {display:flex;align-items:center;}
.mypage-wrap .details-list .details-item .detail-contents .title .name {font-size:18px;font-weight:600;}
.mypage-wrap .details-list .details-item .detail-contents .title .chip {margin-left:10px;font-size:16px;font-weight:600;color:#5CC89C;padding:6px 10px;display:inline-block;border-radius: 6px;border: 1px solid #5CC89C;background: rgba(92, 200, 156, 0.25);white-space: nowrap;}
.mypage-wrap .details-list .details-item .detail-contents .title .chip.yellow {color:#FFB846;border-radius: 6px;border: 1px solid #FFB846;background: rgba(255, 157, 0, 0.2);}
.mypage-wrap .details-list .details-item .detail-contents .title .chip.blue {color:#4e6ac5;border-radius: 6px;border: 1px solid #4e6ac5;background: rgba(203, 215, 255, 0.363);}
.mypage-wrap .details-list .details-item .detail-contents .title .chip.red {color:#ee6868;border-radius: 6px;border: 1px solid #ee6868;background: rgba(255, 203, 203, 0.25);}
.mypage-wrap .details-list .details-item .detail-contents .date {color:#7F8894;font-size:16px;display:block;margin-bottom:11px;}
.mypage-wrap .details-list .details-item .detail-contents .member {display:inline-block;color:#7F8894;font-size:12px;border-radius: 50px;border: 1px solid #F0F0F0;padding:5px 11px;}
.mypage-wrap .details-list .details-item .detail-btns {display:flex;gap:10px;}
.mypage-wrap .details-list .details-item .detail-btns .detail-btn {font-size:16px;font-weight:500;border-radius: 6px;border: 1px solid #F0F0F0;background: #fff;padding:10px 17px;color:#333D4B;}
.mypage-wrap .details-list .details-item .detail-btns .detail-btn.gray {background-color:#F9FAFB;}

.mypage-wrap .details-pagination {display:flex;align-items:center;justify-content:center;margin:40px 0 60px;gap:10px;}
.mypage-wrap .details-pagination .btn-page {border-radius: 50px;border: 1px solid #F0F0F0;background: #FFF;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;}
.mypage-wrap .details-pagination .btn-page:hover {color:#5CC89C;}
.mypage-wrap .details-pagination .btn-page.active {color:#5CC89C;font-weight:500;}
.mypage-wrap .details-pagination .btn-page.prev,
.mypage-wrap .details-pagination .btn-page.next {font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/v2/btn_page_arrow.svg) no-repeat center/50% auto;}
.mypage-wrap .details-pagination .btn-page.next {transform:rotate(180deg);}
.mypage-wrap .details-pagination .btn-page.prev:hover,
.mypage-wrap .details-pagination .btn-page.next:hover {background-image:url(/images/v2/btn_page_arrow_active.svg);}

.mypage-wrap .accordion-box {margin-top:20px;border-radius: 12px;border: 1px solid #F0F0F0;}
.mypage-wrap .accordion-box .accordion-head {display:flex;align-items:center;padding:25px;}
.mypage-wrap .accordion-box .accordion-head .accordion-title {flex:1;font-size:24px;font-weight:600;}
.mypage-wrap .accordion-box .accordion-toggle-btn:before {font-family:var(--fa-style-family, "Font Awesome 6 Free");-webkit-font-smoothing: antialiased;content: '\2b';color:#333D4B;font-size: 22px;}
.mypage-wrap .accordion-box .accordion-toggle-btn.active:before {font-family:var(--fa-style-family, "Font Awesome 6 Free");-webkit-font-smoothing: antialiased;content: '\f068';}
.mypage-wrap .accordion-box .accordion-body {padding:0 25px 25px;display:none;}
.mypage-wrap .accordion-box.show .accordion-head {padding-bottom:18px;}
.mypage-wrap .accordion-box.show .accordion-body {display:block;}
.mypage-wrap .accordion-box .notice li {color:#7F8894;margin-bottom:7px;line-height:1.4;font-size:16px;}
.mypage-wrap .accordion-box .notice li:last-child {margin-bottom:0;}
.mypage-wrap .accordion-box .cs-introduce {margin-bottom:16px;color:#7F8894;font-size:16px;line-height:1.4;}
.mypage-wrap .accordion-box .cs-info {display:flex;gap:10px;flex-wrap:wrap;margin-bottom: 16px;}
.mypage-wrap .accordion-box .cs-info .cs-info-item {border-radius: 50px;border: 1px solid #F0F0F0;display:inline-block;font-size:16px;padding:10px 14px;}
.mypage-wrap .accordion-box .cs-info .cs-info-item em {color:#FF6D6D;font-weight:500;}
.mypage-wrap .accordion-box .cs-icon {display:flex;gap:20px;}
.mypage-wrap .accordion-box .cs-icon-item {color: #7F8894;font-size:16px;}
.mypage-wrap .accordion-box .cs-icon-item i {margin-right:4px;font-size:14px;}

@media screen and (max-width: 1241px) {
}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 767px) {
    .mypage-wrap .sec {padding:40px 0;}
    .mypage-wrap .sec-head .sec-title {font-size:20px;}
    .mypage-wrap .sec-head .sec-title i {width:22px;}

    .mypage-wrap .details-panel .btn-delete {font-size:12px;}
    .mypage-wrap .details-list .details-item {display:block;padding:0;position:relative;overflow:hidden;}
    .mypage-wrap .details-list .details-item .checkbox {position: absolute;left:15px;top:15px;}
    .mypage-wrap .details-list .details-item .detail-contents {padding:10px;gap:12px;}
    .mypage-wrap .details-list .details-item .detail-contents .thumb {width:90px;height:90px;}
    .mypage-wrap .details-list .details-item .detail-contents .title {align-items:start;margin-bottom:12px;}
    .mypage-wrap .details-list .details-item .detail-contents .title .name {font-size:14px;}
    .mypage-wrap .details-list .details-item .detail-contents .title .chip {font-size:10px;padding:4px 6px;margin-left:6px;margin-top: -3px;}
    .mypage-wrap .details-list .details-item .detail-contents .date {display:inline-block;font-size:12px;margin-bottom:0;}
    .mypage-wrap .details-list .details-item .detail-contents .member {font-size:10px;padding:4px 7px;}
    .mypage-wrap .details-list .details-item .detail-btns {width:100%;gap:0;border-top:1px solid #F0F0F0;}
    .mypage-wrap .details-list .details-item .detail-btns .detail-btn {width:100%;font-size:14px;border-radius:0;border:0;color:#333D4B;border-right:1px solid #f0f0f0;font-weight:400;}
    .mypage-wrap .details-list .details-item .detail-btns .detail-btn:last-child {border-right:0;}
    .mypage-wrap .details-pagination {margin:20px 0 40px;}

    .mypage-wrap .accordion-box {margin-top:10px;}
    .mypage-wrap .accordion-box .accordion-head {padding:14px 15px;}
    .mypage-wrap .accordion-box .accordion-body {padding:0 15px 14px;}
    .mypage-wrap .accordion-box.show .accordion-head {padding-bottom:12px;}
    .mypage-wrap .accordion-box .accordion-head .accordion-title {font-size:18px;}
    .mypage-wrap .accordion-box .accordion-toggle-btn:before {font-size:16px;font-weight:600;}
    .mypage-wrap .accordion-box .notice li {font-size:12px;}
    .mypage-wrap .accordion-box .cs-introduce {font-size:12px;}
    .mypage-wrap .accordion-box .cs-info {gap:6px;}
    .mypage-wrap .accordion-box .cs-info .cs-info-item {font-size:12px;padding:7px 12px;}
    .mypage-wrap .accordion-box .cs-icon-item {width:100%;font-size:14px;}

    .line-banner {margin-bottom:0;}
}

@media screen and (max-width: 560px) {
}