.btn {}
.btnStyle01 {width: 120px; height: 41px; background: #F5F5F7; border-radius: 4px; box-sizing: border-box; font-size: 14px; font-weight: 700; color: #6E6E73;}
.btnStyle02 {width: 161px; height: 41px; background: #9999A1; border-radius: 4px; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #FFF;}

.btnStyle03 {width: 220px; height: 56px; background: #F5F5F7; border-radius: 8px; box-sizing: border-box; font-size: 17px; font-weight: 700; color: #6E6E73;}
.btnStyle04 {width: 220px; height: 56px; background: #7242FF; border-radius: 8px; box-sizing: border-box; font-size: 17px; font-weight: 500; color: #FFF;}
.btnStyle05 {width: 80px; height: 56px; border-radius: 8px; border: 1px solid #DEE1E6; box-sizing: border-box; background: #FFF; font-size: 17px; font-weight: 700; color: #6E6E73;}

.altPopup .btnWrap {display: flex; gap: 10px;}
.altPopup .btnWrap .style01 {display: flex; justify-content: center; align-items: center; width: 180px; height: 53px; border-radius: 6px; background: #F5F5F7; font-size: 18px; font-weight: 800; color: #6E6E73;}
.altPopup .btnWrap .style02 {display: flex; justify-content: center; align-items: center; width: 180px; height: 53px; border-radius: 6px; background: #7242FF; font-size: 18px; font-weight: 800; color: #FFF;}


.myPageWrap {display: flex; margin: 0 auto; width: 100%; max-width: 1200px;}
.myPageWrap .myPageLnb {flex-shrink: 0; padding: 80px 30px 80px; width: 200px; box-sizing: border-box; border-left: 1px solid #DEE1E6; border-right: 1px solid #DEE1E6;}
.myPageWrap .myPageLnb .pageTit {margin-bottom: 40px; font-size: 20px; font-weight: 700; color: #1D1D1F;}
.myPageWrap .myPageLnb .lnb {display: flex; flex-direction: column; gap: 47px; padding: 40px 0; border: 1px solid #DEE1E6; border-left: 0; border-right: 0; box-sizing: border-box;}
.myPageWrap .myPageLnb .lnb li a {font-size: 18px; font-weight: 600; color: #9999A1;}
.myPageWrap .myPageLnb .lnb li.active a {color: #7242FF;} 
.myPageWrap .myPageLnb .logOut {display: block; margin-top: 40px; font-size: 18px; font-weight: 600; color: #9999A1;}

.myPageWrap .mainContainer {position: relative; padding-left: 0px; padding-top: 80px; padding-bottom: 136px; padding-left: 80px; width: 100%; box-sizing: border-box;}


/* 모바일 상단바 */
.mHeaderBar {display: none;}
/* .myPageWrap .myPageLnb .lnb li:nth-of-type(3) {display: none;} */

@media screen and (max-width: 1640px) {
    .myPage .section01 {
        padding-top: 80px;
    }
}

@media screen and (max-width: 1360px) {
    .myPageWrap .mainContainer {padding-left: 30px; padding-right: 30px;}
}

@media screen and (max-width: 1024px) {
    .myPage .section01 {
        padding-top: 60px;
    }
    .myPage .myPageWrap .mainContainer .headerCt .mainTit {font-size: 22px;}
    .myPage .myPageWrap .mainContainer .headerCt .subTxt {font-size: 14px;}
    .myPage .btnStyle01 {width: 88px; height: 36px; font-size: 12px;}
    
    .myPageWrap .myPageLnb {padding: 50px 20px; width: 165px;}
    .myPageWrap .myPageLnb .pageTit {margin-bottom: 22px;}
    .myPageWrap .myPageLnb .lnb {gap: 24px; padding: 20px 0;}
    .myPageWrap .myPageLnb .lnb li a {font-size: 16px; font-weight: 500;}
    .myPageWrap .myPageLnb .logOut {font-size: 16px;}
}
@media screen and (max-width: 768px) {
    body {padding-bottom: 70px;}

    /* 모바일 상단바 */
    .mHeaderBar {display: flex; align-items: center; justify-content: space-between; position: absolute; z-index: 2980; top: 59px; left: 0; padding: 0 20px; width: 100%; height: 55px; border-bottom: 1px solid rgba(0, 27, 55, 0.10); background: rgba(255, 255, 255, 0.89); backdrop-filter: blur(15px); box-sizing: border-box; color: #1D1D1F;}
    .mHeaderBar a {color: #1D1D1F;}
    .mHeaderBar a > img {width: 38px; height: 38px;}
    .mHeaderBar .logOut {padding: 8px 12px; box-sizing: border-box; border-radius: 4px; background: #F5F5F7; font-size: 12px; font-weight: 500; color: #9999A1;}

    .myPageWrap .mainContainer {padding-bottom: 90px;}

    .myPage .myPageWrap .mainContainer .headerCt {flex-direction: column; align-items:center; margin-bottom: 30px;}
    .myPage .myPageWrap .mainContainer .headerCt .mainTit {flex-direction: column; align-items:center;}
    .myPageWrap .mainContainer .headerCt .hrefButton {margin-top: 20px;}

    .myPageWrap .myPageLnb {position: fixed; z-index: 1000; bottom: 0; left: 0; padding: 0 20px; width: 100%; background: #fff; border-top: 1px solid #DEE1E6;}
    .myPageWrap .myPageLnb .pageTit {display: none;}
    .myPageWrap .myPageLnb .lnb {flex-direction: row; justify-content: space-around; gap: 20px; border: 0px solid #000;}
    .myPageWrap .myPageLnb .logOut {display: none;}

    .myPageWrap .myPageLnb {height: 70px;}
    .myPageWrap .myPageLnb .lnb {padding: 0; height: 100%;}
    .myPageWrap .myPageLnb .lnb li a {display: block; padding-top: 43px; height: 100%; background-image: url(../images/icon_like.png); background-repeat: no-repeat; background-size: 25px; background-position: center 10px; font-size: 13px;}
    .myPageWrap .myPageLnb .lnb li:nth-of-type(1) a {background-image: url(../images/icon_exh.png); background-repeat: no-repeat; background-size: 25px; background-position: center 10px;}
    .myPageWrap .myPageLnb .lnb li:nth-of-type(2) a {background-image: url(../images/icon_like.png); background-repeat: no-repeat; background-size: 25px; background-position: center 10px;}
    .myPageWrap .myPageLnb .lnb li:nth-of-type(3) a {background-image: url(../images/icon_list.png); background-repeat: no-repeat; background-size: 25px; background-position: center 10px;}
    .myPageWrap .myPageLnb .lnb li:nth-of-type(4) a {background-image: url(../images/user_icon_m.png); background-repeat: no-repeat; background-size: 25px; background-position: center 10px;}
}

@media screen and (max-width: 500px) {
    .myPageWrap .myPageLnb {padding: 0 10px;}
    .myPageWrap .myPageLnb .lnb {gap: 0; margin: 0 auto; max-width: 320px;}
    .myPageWrap .myPageLnb .lnb li a {font-size: 12px;}
}