/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#tip_area{width:100%;line-height:35px;background:#f2f2f2;}
#tip_area .tip_menu{overflow:hidden;width:1100px;margin:0 auto;}
#tip_area .sh_tip_menu {overflow:hidden;float:right;font-size:13px;letter-spacing:-1px}
#tip_area .sh_tip_menu li {float:left;padding:0 13px;}
#tip_area .sh_tip_menu .favorite {margin-left:5px;padding:0 25px;background-color:#072253}
#tip_area .sh_tip_menu li>a{color:#8a8a8a}
#tip_area .sh_tip_menu .home {color:#fff}

/* Top Menu 기본 설정 크기 및 넓이 */
#topmenu_wrapper {position:relative;margin:0 auto;width:1200px;height:87px;z-index:99;}

/* Logo */
#top_logo {position:absolute;left:0;z-index:3}

/* 전체보기 버튼 */
#all_btn{position:absolute;right:0;top:68px;padding-left:15px;font-size:12px;background:url(/sh_img/hd/top_menu/all_btn.png) left center no-repeat;z-index:4}
#all_btn:hover{cursor:pointer}

/* 탑메뉴 */
#top_nav {position:absolute;top:27px;left:0;width:1100px}
#top_nav li {display:block;float:left;position:relative;font-size:17px;text-align:center;color:#3d3d3d;font-family: 'notokr-medium';}
#top_nav li a {display:block;line-height:60px;color:#333;zoom:1}
#top_nav ul {display:none;position:absolute;left:-10px;padding:15px 0 15px 25px;background:#526788}	
#top_nav ul li {float:none;text-align:left;font-size:13px}
#top_nav ul a {display:block;padding:0 0 0 10px;line-height:24px;color:#fff;text-transform:uppercase}
#top_nav ul a:hover {color:#fff}

/* 메뉴 전체보기 버튼 ----------------------------------------- */
#allmn_btn_wrap {position:absolute;top:15px;right:0;z-index:1002;border:1px solid #e3e3e3}
#allmn_btn_wrap, #allmn_btn_wrap * {box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:49px;height:49px;cursor:pointer;transition:all .2s}
#allmn_btn span, #allmn_btn span:before, #allmn_btn span:after {position:absolute;z-index:20;width:20px;height:2px;background-color:#072253}
#allmn_btn span {position:absolute;top:50%;left:15px;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn span:before, #allmn_btn span:after {content:'';right:0;z-index:-1;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn span:before {top:-6px}
#allmn_btn span:after {top:6px}
#allmn_btn.active {z-index:200}
#allmn_btn.active span {background-color:transparent}
#allmn_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)}
#allmn_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)}

/* 메뉴 전체보기 */
#allmn_view_wrap {display:none;position:absolute;top:80px;z-index:9999;width:100%;background-color:rgba(255,255,255,1.0);border-top: 1px solid #ddd;}
#allmn_view_wrap, #allmn_view_wrap * {box-sizing:border-box}
#allmn_view {position:relative;width:1100px;margin:0 auto;padding:15px 15px 20px;overflow:hidden}
#allmn_view ul{position:relative;float:left;width:auto;margin:0 25px;text-align:center}
#allmn_view li a{display:block;font-size:13px;line-height:24px;color:#8b8a8f;transition:color .2s;font-family:'Nanum Gothic';font-weight:800;}
#allmn_view li a:hover {color:#092f87}

/* 메뉴 전체보기 - ul 개별 ---------------------------------- */
#allmn_view ul.listx1 {margin-left:385px}
#allmn_view ul.listx2 {margin-left:41px}
#allmn_view ul.listx3 {margin-left:40px}
#allmn_view ul.listx4 {margin-left:61px}
#allmn_view ul.listx5 {margin-left:65px}


/* /////////////// ▼ 커스터마이징 ▼ //////////////// */

/* 메뉴 가로사이즈 조절 */
#top_nav li, #top_nav ul, #top_allmenu_show ul {width:140px} 

/* 메뉴 왼쪽 여백사이즈(개별메뉴, 전체메뉴 모두 아래 스타일만 수정하면 함께 적용) */
#top_nav > li:first-child, #top_allmenu_show ul.listx1{margin-left:260px}