@charset "UTF-8";

.hd_left {display: flex; justify-content: end; align-items: center; gap: 1rem;}
.hd_left .basket {display: flex; justify-content: center; align-items: center; width: 55px; height: 55px; flex-shrink: 0; border-radius: 10px; background: #FD8001;}
.hd_left .basket::after {content: ""; display: block; width: 28px; height: 28px; background: url(../../img/renew/layout_2025/icon-basket.svg) no-repeat center / contain;}
.snb_wrap {margin-right: 65px;}

@media screen and (max-width: 1620px) {
    .gnb_row > li {padding: 0 30px;}
    .gnb_row > li, .snb_box {min-width: 141px;}
    .gnb_row > li:nth-child(3), .snb_box:nth-child(3) {min-width: 130px;}
    .gnb_row > li:nth-child(4), .snb_box:nth-child(4) {min-width: 164px;}
    .gnb_row > li:nth-child(5), .snb_box:nth-child(5) {min-width: 182px;}
}

@media screen and (max-width: 1290px) {
    .hd_left .basket {width: 48px; height: 48px;}
    .hd_left .basket::after {width: 23px; height: 23px;}
}
@media (max-width: 1024px){
    html{font-size: 9px;}
    .hd_bt > .wrap_2 {height: auto;}
}
@media (max-width: 768px){
    html{font-size: 8px;}
    .hd_left .basket {width: 43px; height: 43px;}
    .hd_left .basket::after {width: 21px; height: 21px;}
}
@media (max-width: 320px){
    html{font-size: 7px;}
}