@charset "utf-8";

/* GNB */
#sh_gnb {position:relative;width:100%;height:35px;line-height:35px;background-color:#2d2d2d}
#sh_gnb_wrapper {overflow:hidden;position:relative;width:1200px;margin:0 auto}
#sh_gnb_wrapper > ul {overflow:hidden}
#sh_gnb_wrapper > ul > li {float:left}
#sh_gnb_wrapper > ul > li a {color:#fff}
#sh_gnb_wrapper .gnb_left {float:left}
#sh_gnb_wrapper .gnb_left li a {display:block;width:150px;font-size:14px;text-align:center;font-family:notokr-bold}
#sh_gnb_wrapper .gnb_left li:first-child a {color:#2d2d2d;background-color:#fff}
#sh_gnb_wrapper .gnb_left li:last-child {background-color:#da2027}
#sh_gnb_wrapper .gnb_right {float:right;margin-right:20px}
#sh_gnb_wrapper .gnb_right li {margin-left:20px;font-size:12px;font-family:notokr-medium}
#sh_gnb_wrapper .gnb_sch {overflow:hidden;float:right;position:relative;width:40px;height:35px;transition:width .2s}
#sh_gnb_wrapper #sch_str {position:absolute;top:0;right:40px;width:200px;height:35px;padding:0 10px;border:none;background-color:#e9e9e9}
#sh_gnb_wrapper #sch_submit {position:absolute;top:0;right:0;width:40px;height:35px;border:none;background:url(/sh_img/hd/top_menu/sch.png) center no-repeat #da2027;cursor:pointer}

/* LNB WRAPPER */
#sh_hd_wrapper {position:relative;width:100%}
#topmenu_wrapper {position:relative;width:1200px;margin:0 auto}

/* 공지사항 */
#top_notice {overflow:hidden;position:absolute;left:0px;top:40px;font-size:14px;color:#888}
#top_notice .tit {float:left;position:relative;margin-right:10px;color:#2d2d2d;line-height:33px;font-family:notokr-bold}
#top_notice .txt {float:left;width:260px} 

/* 로고 */
#top_logo {width:246px;margin:0 auto;padding:23px 0 17px;font-size:24px;text-align:center}

/* SNS */
#top_sns {overflow:hidden;position:absolute;right:0;top:45px}
#top_sns li {float:left;margin-left:6px}
#top_sns li a {display:block;padding:1px 5px 0;transition:all .2s}
#top_sns li a:hover {opacity:0.7}
#top_sns li:nth-child(3) a {padding-top:2px}
#top_sns li:last-child {padding-left:25px;margin-left:10px;font-size:19px;font-weight:800;letter-spacing:-0.4px;color:#2d2d2d;background:url(/sh_img/hd/top_menu/tel.png) left center no-repeat;font-family:'Nanum Gothic'}

/* LNB */
#top_nav {position:relative;width:100%;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
#top_nav > ul:after {display:block;content:"";visibility:hidden;clear:both}
#top_nav > ul > li {float:left;position:relative;width:18%;padding:13px 0;font-size:15px;text-align:center;color:#2d2d2d;font-family:notokr-bold}
#top_nav > ul > li:first-child {width:25%}
#top_nav > ul > li:nth-child(2){margin-left:2.5%}
#top_nav > ul > li > a {color:#2d2d2d;transition:color .15s}
#top_nav > ul > li > a:hover {color:#da2027}

/* 전체카테고리 ------------------------------- {*/
#all_menu {position:relative;padding-left:57px!important;background-color:#f7f7f7;cursor:pointer}
#all_menu:hover #all_mn_btn {background-color:#fceff0}
#all_menu > div  {position:absolute;left:0;top:-1px}

/* 전체카테고리 버튼 */
#all_mn_btn{display:block;position:relative;width:60px;height:50px;border:1px solid #e7e7e7;border-left:none;background-color:#eee;transition:all .2s}
#all_mn_btn span, #all_mn_btn span:before, #all_mn_btn span:after {position:absolute;z-index:20;width:23px;height:2px;background-color:#da2027}
#all_mn_btn span {position:absolute;top:50%;left:18px;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s}
#all_mn_btn span:before, #all_mn_btn span:after {content:'';right:0;z-index:-1;-webkit-transition:all ease .2s;transition:all ease .2s}
#all_mn_btn span:before {top:-6px}
#all_mn_btn span:after {top:6px}
#all_mn_btn.active {z-index:200;height:49px;border:1px solid #da2027;border-bottom:none;background-color:#fceff0}
#all_mn_btn.active span {background-color:transparent}
#all_mn_btn.active span:before {-webkit-transform:translateY(6px) translateX(0) rotate(45deg);-ms-transform:translateY(6px) translateX(0) rotate(45deg);transform:translateY(6px) translateX(0) rotate(45deg)}
#all_mn_btn.active span:after {-webkit-transform:translateY(-6px) translateX(0) rotate(-45deg);-ms-transform:translateY(-6px) translateX(0) rotate(-45deg);transform:translateY(-6px) translateX(0) rotate(-45deg)}

/* 전체카테고리 - 대분류 */
#all_menu .all_bmn {overflow:visible!important;display:none;position:absolute;left:0;top:100%;width:302px;border:1px solid #da2027;background-color:#f9f9f9}
#all_menu .all_bmn > li {position:relative;display:block;float:left;width:149px;border-bottom:1px solid #e7e7e7;font-size:14px;color:#777;text-align:left;background-color:#f9f9f9;font-family:notokr-regular}
#all_menu .all_bmn > li:nth-child(1) .all_smn, #all_menu .all_bmn > li:nth-child(2) .all_smn {top:31px}
#all_menu .all_bmn .carmaker a {display:block;width:100%;padding:6px 10px;color:#777}
#all_menu .all_bmn .carmaker.active a {color:#fff;background-color:#da2027}

/* 전체카테고리 - 소분류 */
#all_menu .all_smn {display:none;position:absolute;left:149px;top:32px;z-index:50;margin-top:-32px;width:500%;padding-bottom:12px;border:1px solid #da2027;text-align:left;background-color:#fff;cursor:default;font-family:notokr-regular}
#all_menu .all_smn .mn_name {position:relative;padding:8px 15px;margin-bottom:12px;font-size:13px;color:#da2027;background-color:#fceff0;font-family:notokr-bold}
#all_menu .all_smn .mn_name a {position:absolute;right:12px;font-size:12px;color:#da2027}
#all_menu .all_smn .mn_name a:hover {color:inherit;text-decoration:underline}
#all_menu .all_smn .mn_name a i {padding-left:7px;font-size:10px}
#all_menu .all_smn ul {overflow:hidden}
#all_menu .all_smn ul li {float:left;width:25%;padding-left:15px}
#all_menu .all_smn ul li a {font-size:13px;line-height:25px;color:#777;text-transform:uppercase}
#all_menu .all_smn ul li a:hover {text-decoration:underline}
#all_menu .all_smn.active {display:block}

/*} ------------------------------- 전체카테고리 */





/* 소분류 
#top_nav ul > li > ul {display:none;position:absolute;top:40px;left:0;z-index:10;min-width:150px;width:auto;padding:15px 10px 15px 25px;border-radius:3px;background-color:#ffad10;clear:both}
#top_nav ul > li > ul li {float:none;padding:2px 0;font-size:14px;background:none;font-family:notokr-regular}
#top_nav ul > li > ul li a {color:rgba(255,255,255,1)}
#top_nav ul > li > ul li a:hover {color:rgba(255,255,255,.8)}

 소분류 개별 스타일
#top_nav ul > li > ul.sub_ul1 {left:-25px}
#top_nav ul > li > ul.sub_ul5 {width:160px}
*/