/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#tip_area{width:100%;line-height:35px;background:#f2f2f2;font-family: 'notokr-medium';}
#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:1100px;height:87px;z-index:99;font-family: notokr-regular}

/* Logo */
#top_logo {position:absolute;top:15px;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;box-sizing:content-box}	
#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}
#top_nav .list03 ul{display:none !important}
#top_nav .list03{position:relative;}
#top_nav .list03:before{display:none;position:absolute;top:52px;left:50%;margin-left:-159px;content:'감리사업부 홈페이지로 이동합니다.';width:330px;height:35px;font-size:15px;line-height:35px;border:1px solid #ddd;background:#fff}
#top_nav .list03:hover:before{display:block}


/* 메뉴 전체보기 버튼 ----------------------------------------- */
#allmn_btn_wrap {position:absolute;top:19px;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:122px;z-index:9999;width:100%;background-color:rgba(0,0,0,.5)}
#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:#ccc;transition:color .2s}
#allmn_view li a:hover {color:#fff}

/* 메뉴 전체보기 - ul 개별 ---------------------------------- */
#allmn_view ul.listx1 {margin-left:275px}
#allmn_view ul.listx2 {margin-left:29px}
#allmn_view ul.listx3 {margin-left:65px}
#allmn_view ul.listx4 {margin-left:187px}
#allmn_view ul.listx5 {margin-left:64px}


/* /////////////// ▼ 커스터마이징 ▼ //////////////// */

/* 메뉴 가로사이즈 조절 */
#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}



