@charset "utf-8";

.s_left{width:240px;min-width:240px;margin-right:50px}
.s_left .menu-title{display:flex;align-items:center;justify-content:center;width:100%;height:170px;padding:0 25px;background:var(--primary);text-align:center;line-height:1.5;color:#fff;font-size:26px;font-weight:600;word-break:keep-all;box-sizing:border-box}

#shSnb{width:100%}
#shSnb > li{height:48px;border-bottom:1px solid #d2d2d2}
#shSnb > li > a{display:flex;align-items:center;padding-left:20px;height:48px;color:#656565;font-size:17px;box-sizing:border-box;transition:all .3s}
#shSnb > li.on > a{color:var(--primary);font-weight:800}

.s_right{flex-grow:1}

/* 반응형 [s] */
@media (hover:hover){
#shSnb li a:hover{color:var(--primary);font-weight:800}
}
@media (max-width:1300px){
.s_left{width:100%;min-width:initial}
.s_left .menu-title{display:none}
#shSnb > li{height:auto;border-bottom:none}
#shSnb > li > a{padding:0;height:auto}
#shSnb{overflow:hidden;visibility:hidden;display:block}
#shSnb .swiper-wrapper{display:flex}
#shSnb .swiper-slide{flex-shrink:0;width:auto}
#shSnb{margin-bottom:40px}
#shSnb li{height:40px}
#shSnb li a{display:flex;align-items:center;justify-content:center;padding:0 25px;width:100%;height:100%;line-height:initial;background-color:#f7f7f7;border-radius:50pt;color:#777;text-align:center;font-size:17px;transition:all .2s}
#shSnb li:hover > a{background:var(--primary);color:#fff}
#shSnb li.on a{background:var(--primary);color:#fff}
}
@media (max-width:768px){
#shSnb li a{font-size:16px}
}
@media (max-width:580px){
#shSnb li a{font-size:15px}
}
@media (max-width:480px){
#shSnb{margin-bottom:30px}
#shSnb li a{font-size:14px}
}
/* 반응형 [e] */