@charset "utf-8";

/* Top Menu 기본 설정 크기 및 넓이 */
#topmenu_wrapper {clear:both;margin:0 auto;width:100%;height:80px;z-index:1}

/* logo 위치 조정 및 사이즈 지정 */
#top_logo {float:left;margin-top:32px}
#top_logo a {display:inline-block}
#logo_fixed {display:none;font-size:18px;color:#333;letter-spacing:3px;font-family: 'notokr-bold'}

/* 상단메뉴 고정 */
#sh_hd.fixed {background:rgba(255,255,255,0.9);}
#topmenu_wrapper.fixed {position:fixed;top:0;left:50%;width:1070px;height:80px;margin-left:-535px;-webkit-animation:updown .4s;-ms-animation:updown .4s;animation:updown .4s}
@-webkit-keyframes updown {from{top:-40px}to{top:0}}
@-ms-keyframes updown {from{top:-40px}to{top:0}}
@keyframes updown {from{top:-40px}to{top:0}}
#topmenu_wrapper.fixed #top_logo { display:none}
#topmenu_wrapper.fixed #logo_fixed{display:block;position:fixed;top:28px;left:50%;margin-left:-535px;z-index:50;opacity:1;-webkit-animation:slide .4s;-ms-animation:slide .4s;animation:slide .4s}
@-webkit-keyframes slide {from{top:-12px}to{top:28px}}
@-ms-keyframes slide {from{top:-12px}to{top:28px}}
@keyframes slide {from{top:-12px}to{top:28px}}
#topmenu_wrapper.fixed #top_menu {margin-top:20px}
#topmenu_wrapper.fixed #top_menu li a {color:#333}
#topmenu_wrapper.fixed #top_menu li a:hover {color:#f64d20}
#topmenu_wrapper.fixed #top_menu li.list ul.fixed {position:fixed}
#topmenu_wrapper.fixed #top_menu li ul {background:rgba(255,255,255,0.9)}
#topmenu_wrapper.fixed #top_menu li ul li a:hover {color:#f64d20}

/* nav_depth  */
#top_menu {float:right;height:60px;margin-top:20px;font-family: 'notokr-medium';background:rgba(0,0,0,0)}
#top_menu li.list {float:left;display:inline-block;position:relative;z-index:999;height:52px;padding: 0 16px;font-size:16px;color:#f6f1f3;text-align:center}
#top_menu li.list.list05 {background:none}
#top_menu li a {display:block;overflow:visible;padding:10px 0 29px 0;zoom:1;line-height:21px;color:#fff;font-family: 'notokr-medium'}
#top_menu li a:hover {color:#f64d20}

#top_menu li ul {display:none;position:absolute;left:50%;transform:translateX(-50%);width:180px;padding:13px 0;text-align:center;background:rgba(255,255,255,0.9)}
#top_menu li ul:before {display:block;content:"";position:absolute;left:60px;top:-10px;z-index:-1;width:20px;height:10px}
#top_menu li ul a {position:relative;padding: 5px 15px;*margin-bottom:-1px;font-size: 13px;line-height:15px;color:#333;font-family: 'notokr-medium'}
#top_menu li ul li:last-child a {padding: 8px 15px 13px;}
#top_menu li ul a:hover{font-weight:bold;color:#f64d20}