* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Pretendard;
    background: #F9FAFB;
}

ul{
    margin:0;
    padding:0;
    

}

.wrap{
    width:100%;
}

.top_margin_24{
    margin-top:24px;
}

.contents{
    display: flex;
    max-width: 1800px;
    margin:0 auto;
    padding-right: 4px;
    align-items: flex-start;
    padding:0 54px;
}

.left_area{
    display: flex;
    padding: 24px 24px 0 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    align-self: stretch;
}

.left_top_title{
    display: flex;
    padding-right: 71px;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
}

.left_top_title_icon{
    width:20px;
    height:20px;
}
.left_top_title_txt{
    color: #101828;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.left_top_border_1px{
    height: 1px;
    flex-shrink: 0;
    align-self: stretch;
    border-top: 1px solid #E5E7EB;
}

.left_center_area{
    display: flex;
    height: 480px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    align-self: stretch;
}

.left_center_list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.left_center_category_tit{
    display: flex;
    width: 191px;
    height: 40px;
    padding-right: 82px;
    align-items: center;
}

.left_center_category_txt{
    width: 109px;
    flex-shrink: 0;
    color: #6A7282;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

/* 활성 */
.left_center_category_list_on{
    display: flex;
    width: 207px;
    height: 64px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #004030;
    color: #FFF;
    
}


.left_center_category_list_on .left_center_category_list_area{
    display: flex;
    width: 175px;
    height: 44px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.left_center_category_list_on .left_center_category_list_icon{
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 33554400px;
    background: rgba(255, 255, 255, 0.50);
}
.left_center_category_list_on .left_center_category_list_txt{
    display: flex;
    width: 90%;
    height: 44px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
}

.left_center_category_list_on .left_center_category_list_txt1{
    display: flex;
    justify-content: center;
    align-items: center;
    
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}

.left_center_category_list_on .left_center_category_list_txt2{
    display: flex;
    padding: 2px 5.734px 2px 6px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    border-radius: 33554400px;
    background: rgba(255, 255, 255, 0.20);
    color: #FFF;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

/* 비활성 */

.left_center_category_list{
    display: flex;
    width: 207px;
    height: 64px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    
    color: #000;
    
}


.left_center_category_list .left_center_category_list_area{
    display: flex;
    width: 175px;
    height: 44px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.left_center_category_list .left_center_category_list_icon{
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 33554400px;
    background: #99A1AF;
}
.left_center_category_list .left_center_category_list_txt{
    display: flex;
    width: 90%;
    height: 44px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    
}

.left_center_category_list .left_center_category_list_txt1{
    display: flex;
    justify-content: center;
    align-items: center;
    
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    color:#364153;
}

.left_center_category_list .left_center_category_list_txt2{
    display: flex;
    padding: 2px 5.734px 2px 6px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    border-radius: 33554400px;
    background: #E5E7EB;
    color: #4A5565;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}


/* 상품 영역 */
.center_area {
    display: flex;
   
    padding: 32px 32px 0 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
}
.center_top_title{
    display: flex;
    height: 28px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
}

.center_top_title_txt1{
    display: flex;
    justify-content: center;
    align-items: center;
}

.center_top_title_txt1  > span{
    color: #101828;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.center_top_title_txt2{
    display: flex;
    padding: 4px 11.359px 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 33554400px;
    background: #E5E7EB;
}

.center_top_title_txt2  > span{
    color: #4A5565;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.center_con_area{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
    align-self: stretch;
}

.center_con_area_list{
    display: flex;
    padding: 1px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 14px;
    border: 1px solid #F3F4F6;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.center_con_area_list_box {
    
    flex-shrink: 0;
    align-self: stretch;
    padding:16px 0;
}

.center_con_area_list_box > ul  {
    display: flex;
}

.center_con_area_list_box > ul > li {
    list-style: none;
    float:left;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
    margin-left:16px;
}


/* 1번째 li */
.center_con_area_list_box > ul > li:nth-child(1) {
    width: 128px;
}

/* 2번째 li → 자동 확장 */
.center_con_area_list_box > ul > li:nth-child(2) {
    flex: 1;
}

/* 3번째 li */
.center_con_area_list_box > ul > li:nth-child(3) {
    width: 170px;
    display: flex;
    align-items: flex-end;   /* ⬇️ 하단 정렬 */
    
}

.center_con_area_list_text_area{
    display: flex;
    width: 100%;
    height: 141.5px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.center_con_area_list_text_area_top{
    display: flex;
    width: 100%;
    padding: 3px 0 8px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.center_con_area_list_text_area_top_txt1{
    display: flex;
    height: 20px;
    padding: 2px 7.547px 2px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #FCF6D9;
}

.center_con_area_list_text_area_top_txt1 > span{
    color: #004030;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.center_con_area_list_text_area_top_txt2{
    
    display: flex;
    height: 24px;
    width:100%;
    /*padding-right: 506px;*/
    align-items: center;
}

.center_con_area_list_text_area_top_txt2 > span {
    color: #101828;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.center_con_area_list_text_area_top_txt3{
    display: flex;
    width: 100%;
    align-items: center;
}

.center_con_area_list_text_area_top_txt3 > span {
    color: #4A5565;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px; /* 162.5% */
}

.center_con_area_list_text_area_top_money{
    display: flex;
    padding-right: 40%;
    align-items: center;
    gap: 8px;
}

.center_con_area_list_text_area_top_money > .list_money_sub1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.center_con_area_list_text_area_top_money > .list_money_sub1 > span {
    color: #99A1AF;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-decoration-line: line-through;
}

.center_con_area_list_text_area_top_money > .list_money_sub2 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.center_con_area_list_text_area_top_money > .list_money_sub2 > .view_money1 {
    height: 28px;
    flex: 1 0 0;
}

.view_won_money{
    display: inline-flex;
    padding-right: 0.016px;
    justify-content: center;
    align-items: center;
}

.view_won_money > span {
    color: #004030;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
}

.view_won_txt{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.view_won_txt > span {
    color: #004030;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.view_money2{
    display: flex;
    width: 35.344px;
    justify-content: center;
    align-items: center;
}

.view_money2 > span {
    color: #FB2C36;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.center_con_addcart_area{
    display: inline-flex;
    padding: 9px 18.453px 11px 18.547px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 10px;
    background: #004030;
}

.center_con_addcart_area > span{
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}


.center_con_addcart_area_icon{
    width: 16px;
    height: 16px;
}

.center_con_img_area{
    display: flex;
    width: 128px;
    height: 128px;
    justify-content: center;
    align-items: center;
    background: #F3F4F6;
    position:relative;
}

.center_con_img_area_default{
    width: 42.656px;
    height: 42.656px;
    flex-shrink: 0;
}

.center_con_img_best{
    display: inline-flex;
    padding: 2px 7.875px 2px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: linear-gradient(90deg, #FB2C36 0%, #FF8904 100%);
    position:absolute;
    top:10px;
    left:10px;
}

.center_con_img_best > span {
    color: #FFF;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */

}

.center_information_area{
    height: 684px;
    flex-shrink: 0;
    align-self: stretch;
}

.center_information_tit{
    display: flex;
    width: 100%;
    align-items: center;
}

.center_information_tit > span{
    color: #101828;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.center_information_addr{
    width: 100%;
    height: 22px;
    margin-top:20px;
    display:flex;
}

.center_information_addr_icon{
    width: 20px;
    height: 20px;
    display:flex;
}
.center_information_addr_txt{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.center_information_addr_txt  span {
    color: #4A5565;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin: 0px 0px 5px 5px;
}

.center_information_time{
    width: 100%;
    height: 22px;
    margin-top:20px;
    display:flex;
}

.center_information_time_icon{
    width: 20px;
    height: 20px;
    display:flex;
}
.center_information_time_txt{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.center_information_time_txt  span {
    color: #6A7282;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin: 0px 0px 5px 5px;
}

.center_information_map{
    display: flex;
    width: 100%;
    height: 224px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    margin-top:18px;
}

/*좌측영역*/
.right_area{
    display: flex;
    width: 25%;
    
    padding: 24px 0px 0 0;
    flex-direction: column;
    align-items: flex-start;
}

.right_request_box{
    display: flex;
    /*height: 440px;*/
    padding: 24px 0 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 14px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}
.right_request_top_tit{
    display: flex;
    width: 90%;
    padding-right: 245px;
    align-items: center;
}

.right_request_top_tit > span{
    color: #101828;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.right_request_list_no{
    display: flex;
    width: 95%;
    height: 128px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.right_request_list_no > span{
    color: #99A1AF;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.right_request_view{
    display: flex;
    width: 95%;
    padding-top: 25px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    border-top: 1px solid #E5E7EB;
}

.right_request_view_money{
    display: flex;
    height: 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.right_request_view_money_txt1{
    display: flex;
    justify-content: center;
    align-items: center;
}

.right_request_view_money_txt1 > span{
    color: #364153;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.right_request_view_money_txt2{
    display: flex;
    width: 270px;
    height: 24px;
    align-items: center;
    gap: 8px;
}

.right_request_view_money_txt2 > .money_sub1{
    display: flex;
    width: 170px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    text-align: right;
}

.right_request_view_money_txt2 > .money_sub1 > span{
    width: 170px;
    flex-shrink: 0;
    color: #101828;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.right_request_view_money_txt2 > .money_sub2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
}

.right_request_view_money_txt2 > .money_sub2 > span{
    color: #6A7282;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    width:85px;
}

.right_request_view_msg{
    display: flex;
    height: 65px;
    padding: 13px 13px 1px 13px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid #FEE685;
    background: #FFFBEB;
}

.right_request_view_msg_box{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 39px;
    flex-shrink: 0;
    align-self: stretch;
}

.right_request_view_msg_box_icon{
    width: 16px;
    height: 16px;
    margin-bottom:25px;
}

.right_request_view_msg_box_txt{
    display: inline-flex;
    padding-right: 20px;
    padding-left:5px;
    align-items: center;
}

.right_request_view_msg_box_txt > span{
    color: #973C00;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px; /* 162.5% */
}

.right_request_btn_area{
    display: flex;
    padding: 11px 109.563px 13px 110.438px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    background: #E5E7EB;
    border:0px;
    cursor:pointer;
}

.right_request_btn_area > span{
    color: #99A1AF;
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.right_request_list_area{
    display: flex;
    width: 90%;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

.right_request_list{
    display: flex;
    height: 92px;
    padding: 16px 16px 0 16px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 10px;
    background: #F9FAFB;
}

.right_request_list_cont{
    display: flex;
    height: 48px;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
}
.right_request_list_cont_txt{
    display: flex;
    height: 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;   
}
.right_request_list_cont_txt_tit{
    display: flex;
    
    align-items: center;
    align-self: stretch;
}

.right_request_list_cont_txt_tit > span{
    color: #101828;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.right_request_list_cont_txt_money{
    display: flex;
    height: 20px;
    
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
}

.right_request_list_cont_txt_money > span{
    color: #4A5565;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.right_request_list_cont_del{
    display: flex;
    width: 20px;
    height: 20px;
    flex-direction: column;
    align-items: flex-start;
}

.right_request_list_cont_del > span {
    height: 20px;
    flex-shrink: 0;
    align-self: stretch;
}