@charset "utf-8";

#top_nav_wrap {position:relative;width:100%;padding-left:40px;font-size:12px;line-height:24px;color:#222;letter-spacing:1.3px}

/* LOGO */
#top_logo{margin:100px 0 50px}

/* GNB */
#top_gnb {margin-bottom:45px}
#top_gnb li a {color:#222}
#top_gnb li.sns {padding-top:2px}
#top_gnb li.sns i {padding-right:5px}
#favorite {cursor:pointer}

/* 대분류  */
#top_nav {}
#top_nav > li {position:relative}
#top_nav > li > a {display:block;color:#222}

/* 소분류 */
#top_nav > li > ul {display:none;position:absolute;top:0;right:0;z-index:100;min-width:140px;width:auto}
#top_nav > li > ul > li {}
#top_nav > li > ul > li a {position:relative;padding-left:8px;color:#999;letter-spacing:.5px}
#top_nav > li > ul > li a:hover {color:#222}
#top_nav > li > ul > li a:before {display:block;content:"";position:absolute;left:10px;top:50%;width:2px;height:2px;margin-top:-2px;border-radius:3px;background-color:#222;opacity:0;transition:all .2s}
#top_nav > li > ul > li a:hover:before {left:0;opacity:1}