:root{--swiper-navigation-size:54px;--swiper-navigation-sides-offset:0;}
.content{/* max-width:none; */padding:40px 0;}
.sidebar{padding:0 10px;}
.sidebar .title{text-align:center;}
.sidebar > .snb{padding: 15px 25px;}
.sidebar .swiper-button-prev,.sidebar .swiper-button-next{background-color:var(--color-gray7);}
.sidebar .swiper-button-prev:after,.sidebar .swiper-button-next:after{font-size:calc(var(--swiper-navigation-size) - 30px);}
.profile_area{display:flex;flex-direction:column;max-width:1200px;margin:0 auto 20px;padding:20px 10px;background-color:var(--color-gray7);border-radius: 10px;}
.profile_area .user_info{font-size:var(--font-size-md);display:flex;align-items:center;width:100%;padding:0 10px;color:var(--color-white);gap:20px;justify-self:flex-start;}
.profile_area .user_info .profile{font-size:var(--font-size-3xl);width:50px;height:50px;}
.userinfo_list{display:flex;flex-direction:column;margin-top:20px;gap:10px;}
.userinfo_list li{font-size:var(--font-size-md);font-weight:bold;position:relative;display:flex;overflow:hidden;justify-content:space-between;padding:7px 20px 6px;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;background-color:var(--color-gray9);}
.userinfo_list li:nth-child(n+2){cursor:pointer;}
.userinfo_list li .label{font-size:var(--font-size-base);font-weight:normal;display:flex;align-items:center;}
.userinfo_list li i{display:block;width:18px;height:18px;margin-right:15px;vertical-align:middle;background-repeat:no-repeat;}
.userinfo_list .temperature{width:12px;height:25px;margin-right:20px;background-image:url(/images/icon/temperature.png);}
.userinfo_list .purple{background-image:url(/images/icon/purple.png);}
.userinfo_list .mileage{background-image:url(/images/icon/mileage.png);}
.userinfo_list .coupon{width:25px;height:15px;background-image:url(/images/icon/coupon.png);}
.userinfo_list .temperature_txt:after{content:'\2103';}
.userinfo_list .purple_txt:after{content:'P';}
.userinfo_list .mileage_txt:after{content:'M';}
.userinfo_list .coupon_txt:after{content:'장';}

@media (min-width:992px){
    .profile_area{flex-direction:row;justify-content:space-between;padding:20px 40px 20px 10px;}
    .profile_area .profile_section{display:flex;align-items:center;flex-shrink:0;width:calc(100% - 630px);}
    .profile_area .user_info{font-size:var(--font-size-lg);margin-left:70px;}
    .profile_area .user_info .profile{width:76px;height:76px;}
    .profile_area .username{width:66%;}
    .profile_area .username span{display:inline-block;overflow:hidden;max-width:calc(100% - 30px);vertical-align:top;white-space:nowrap;text-overflow:ellipsis;}
    .userinfo_list{flex:1;flex-direction:row;justify-content:flex-end;width:calc(100% - 225px);max-width:620px;margin-top:0;padding:5px 0;gap:20px;}
    .userinfo_list li{align-items:center;flex-direction:column;justify-content:flex-start;width:33%;max-width:180px;padding:0 30px;}
    .userinfo_list li span{padding:12px 0;}
    .userinfo_list li .label{padding:12px 23px 11px;border-bottom:1px solid var(--color-gray6);}
}

@media (min-width:1200px){
    .profile_area .username{max-width:calc(100% - 130px);}
}