@charset "utf-8";

#shSnb{display:flex;justify-content:center;margin:0 auto 50px;background:var(--primary)}
#shSnb li+li{border-left:1px solid rgba(255,255,255,.15)}
#shSnb li a{display:block;min-width:160px;height:62px;padding:0 20px;font-size:17px;font-weight:500;line-height:62px;text-align:center;color:#fff}
#shSnb li.on a{font-weight:600;color:var(--primary);background:#fff}

.sub_location_wrap{border-bottom:1px solid #e1e1e1}
.sub_location_wrap .sub_location_inner{display:flex;align-items:center;width:var(--sub-size);margin:0 auto;height:57px}
.sub_location_wrap .sub_loca_menu{display:flex;align-items:center}
.sub_location_wrap .sub_loca_menu > li{line-height:1;color:#afafaf;font-weight:700;font-size:16px}
.sub_location_wrap .sub_loca_menu > li.home > a{color:#afafaf}
.sub_location_wrap .sub_loca_menu > li.home > a > img{margin-right:20px}
.sub_location_wrap .sub_loca_menu > li.on{color:var(--dark)}
.sub_location_wrap .sub_loca_menu > li:after{display:inline-block;margin:0 15px;width:6px;height:10px;background:url("./l_r_arrow.png") no-repeat center;content:""}
.sub_location_wrap .sub_loca_menu > li:last-child:after{display:none}

.loca_select_wrap{position:relative;user-select:none}
.loga_select_selected{font-size:15px;cursor:pointer}
.loga_select_selected.active{color:var(--dark)}
.loca_select_items{overflow:hidden;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:100;margin-top:13px;width:130px;max-height:0;border-radius:8px;background:#fff;transition:max-height 0.3s ease;box-sizing:border-box}
.loca_select_items.open{max-height:116px;border:1px solid #e1e1e1}
.loca_select_items li{margin-bottom:15px;padding:0 15px;text-align:center}
.loca_select_items li.active > a{color:var(--dark)}
.loca_select_items li:first-child{padding-top:18px}
.loca_select_items li:last-child{margin-bottom:0;padding-bottom:18px}
.loca_select_items li > a{color:#999;font-weight:600;font-size:16px;transition:all .5s}

/* 반응형 [s] */
@media (hover:hover){
.loca_select_items li > a:hover{color:var(--dark)}
}
@media (max-width:1600px){
.sub_location_wrap .sub_location_inner{width:95%}
}
@media (max-width:768px){
.sub_location_wrap .sub_location_inner{width:100%;padding:0 15px}
}
@media (max-width:580px){
.sub_location_wrap{display:none}
}
/* 반응형 [e] */