@charset "utf-8";

#shGnb{display:flex;align-items:center;position:relative;width:100%;height:110px;padding:0 4%}

/* 로고 */
#shGnb .sh_logo{position:relative;margin-top:auto}
#shGnb .sh_logo img{width:115px}
#shGnb .sh_nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}
#shGnb .sh_nav > li{float:left;position:relative;line-height:70px}
#shGnb .sh_nav > li+li{margin-left:60px}
#shGnb .sh_nav > li > a{display:block;font-size:25px;color:#fff;transition:all .2s}
#shGnb .cs{display:flex;align-items:center;margin-left:auto;font-size:23px;color:#fff}
#shGnb .cs span{width:110px;height:40px;margin-right:15px;border-radius:20px;font-size:20px;text-align:center;line-height:41px;color:var(--red);background:#fff}

#shGnb.sub .sh_nav > li > a{color:#111}
#shGnb.sub .cs{color:#111}
#shGnb.sub .cs span{color:#fff;background:var(--red)}

@media(max-width:1230px){
#shGnb .sh_nav{position:relative;left:auto;top:auto;transform:none;margin-left:40px}
#shGnb .sh_nav > li+li{margin-left:50px}
}
@media(max-width:1024px){
#shGnb	{height:90px;padding:0 20px}
#shGnb .sh_logo img{width:92px}	
#shGnb .sh_nav > li+li{margin-left:30px}
#shGnb .sh_nav > li > a{font-size:20px}
#shGnb .cs{font-size:20px}
#shGnb .cs span{width:90px;height:35px;font-size:16px;line-height:36px}
}
@media(max-width:768px){
#shGnb{height:70px}	
#shGnb .sh_logo img{width:75px}	
#shGnb .sh_nav{margin-left:auto}
#shGnb .sh_nav > li+li{margin-left:25px}
#shGnb .sh_nav > li a{font-size:18px}	
#shGnb .cs{display:none}	
}
@media(max-width:480px){
#shGnb{height:60px;padding:0 15px}
#shGnb .sh_logo img{width:65px}	
#shGnb .sh_nav > li+li{margin-left:20px}
#shGnb .sh_nav > li a{font-size:16px}	
}
@media(max-width:380px){
#shGnb{height:50px;padding:0 10px}
#shGnb .sh_logo img{width:55px}	
#shGnb .sh_nav > li+li{margin-left:15px}
#shGnb .sh_nav > li a{font-size:15px}	
}