@charset "utf-8";

#top_menu{font-family: var(--e-font), var(--k-font)}

/* 홈버튼 / 로그인 */
#sh_gnb{overflow:hidden;display:flex;align-items:center;justify-content:space-between;position:relative;max-width:1200px;margin:0 auto}
#sh_gnb .home{width:44px;height:44px;background:var(--primary)}
#sh_gnb .home a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff}
#sh_gnb .home a svg{width:14px;height:15px}
#sh_gnb .login_area{display:flex;align-items:center;justify-content:center;gap:20px}
#sh_gnb .login_area li{position:relative}
#sh_gnb .login_area li:first-child::before{display:none}
#sh_gnb .login_area li::before{content:"";display:inline-block;position:absolute;top:4px;left:-10px;width:1px;height:13px;background:#e1e1e1}
#sh_gnb .login_area li a{font-size:13px;color:#777}


/* 검색창 */
#sh_top{width:100%;border-top:1px solid #e1e1e1}
#sh_top .top_wrap{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:20px 0}
#sh_top .top_wrap .right{display:flex;align-items:center;gap:55px}
#sh_top input[type=text]:focus, #sh_top input[type=password]:focus,  #sh_top textarea:focus,select:focus, #sh_top select{box-shadow:none;border:none!important}
#sh_top fieldset{width:480px;border-radius:50px;border:2px solid var(--primary)}
#sh_top fieldset form{display:flex;align-items:center;justify-content:space-between;padding:10px 25px}
#sh_top fieldset form select{width:27%;height:100%;font-size:14px;border-radius:50px;font-weight:500;color:var(--primary);cursor:pointer;font-family:var(--k-font)}
#sh_top fieldset form .frm_input{width:58%;border:none;font-size:14px;color:#777;font-family:var(--k-font)}
#sh_top fieldset form .sch_btn{width:30px;height:30px;border:none;font-size:0;background:url(/sh_img/hd/top_menu/sch.png) center no-repeat;cursor:pointer}
/* 전화번호 */
#sh_top .cs{display:flex;align-items:flex-start;position:relative}
#sh_top .cs ul{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:5px;column-gap:20px;padding:18px 30px 18px 18px;border-radius:10px;background:#f7f7f7}
#sh_top .cs ul li{font-size:15px;font-weight:600;color:#222;font-family:var(--e-font)}
#sh_top .cs span{display:flex;align-items:center;justify-content:center;position:absolute;right:-17px;top:15px;width:30px;height:30px;border-radius:100%;font-size:15px;color:#fff;background:var(--primary)}
/* 품목코드 리스트*/
#latest_keyowrd{display:none;position:absolute;top:142px;left:50%;z-index:1;width:500px;padding:25px 20px 20px;margin-left:-250px;border:1px solid #e1e1e1;background:#fff}
#latest_keyowrd .tit{float:left;font-size:1em;font-weight:500;color:#999;font-family:var(--k-font)}
#latest_keyowrd ul{overflow-y:scroll;height:240px}
#latest_keyowrd ul li{line-height:24px}
#latest_keyowrd ul li a{display:block;position:relative;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}
#latest_keyowrd ul li a p{overflow:hidden;width:75%;white-space:nowrap;text-overflow:ellipsis}
#latest_keyowrd ul li a span{position:absolute;top:0;right:10px;font-size:13px;color:#888}
@media screen and (max-width:1650px){#car_scr_list{top:250px!important}}


/* 메뉴 */
#menu_area{padding:20px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#menu_area .top_nav{display:flex;align-items:center;justify-content:center;gap:120px;max-width:1200px;margin:0 auto}
#menu_area .top_nav li{font-size:16px;font-weight:600;color:#222;font-family:var(--k-font)}