/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#sh_tip_menu {position:absolute;right:0px;top:6px;font-size:8pt;z-index:9999;font-family:"맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,Sans-serif; font-size:11px; color:#c3c3c3;overflow:hidden}
#sh_tip_menu li {float:left; padding-right:10px; padding-left:10px}
#sh_tip_menu li a {color:#a3a3a3}
#sh_tip_menu li.last {padding-right:0;background:none}


/* logo 위치 조정 및 사이즈 지정 */
#top_logo {position:absolute;top:37px;z-index:9999}

#topmenu_wrapper {position:relative;width:1070px;height:90px;margin:0 auto;}

/* nav_depth  */
.top_nav {height:50px;width:820px;position:absolute;right:0;top:15px}
.top_nav > ul > li{float:left;display:inline-block;position:relative;z-index:999;color:#4d4d4d;font-size:16px;text-align:center;background:url('/sh_img/hd/top_menu/img/menu_line.png') right 28px no-repeat}
.top_nav > ul > li.list6{background:none}
.top_nav > ul > li.list6 a{padding-right:0px}
.top_nav > ul > li > a{display:block;font-weight:bold;line-height:70px;text-decoration:none; color:#ebebeb;zoom:1;overflow:visible;padding:0 30px}
.top_nav > ul > li > a:hover, .top_nav > ul > li > a.on{color:#cf3030;overflow:visible}


.top_nav li ul {display:none;padding-top:6px;clear:both;position:absolute;width:500px /* IE6-8 */}	/* 소메뉴 ul  background-image: url(http://hu2778.s7.hdweb.co.kr/sh_img/hd/top_menu/img/sub_menu_bg.png); */
.top_nav li ul a {position:relative; float:left;line-height:18px;color:#ffe4e4;padding:0px 12px}
.top_nav li ul a:hover { text-decoration:none; color:#ffffff;background:none}
.top_nav li ul li {display:inline;text-align:left;font-size:14px;margin:0}

/* 소메뉴 가로 위치 */
.top_nav li ul.top_nav_depth1 {margin-left:-45px}
.top_nav li ul.top_nav_depth2 {margin-left:-25px}
.top_nav li ul.top_nav_depth3 {margin-left:-95px}
.top_nav li ul.top_nav_depth4 {margin-left:20px}
.top_nav li ul.top_nav_depth5 {margin-left:0px}
.top_nav li ul.top_nav_depth6 {margin-left:-10px}

.top_nav_bg {z-index:0;position:absolute;width:100%;display:none;top:85px;height:33px;background-color:#c60000}


/* 메뉴 전체보기 버튼 ----------------------------------------- */
#allmn_btn_wrap {position:absolute;top:30px;right:0;z-index:1002}
#allmn_btn_wrap, #allmn_btn_wrap * {box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:57px;height:40px;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:#fff}
#allmn_btn span {position:absolute;top:50%;left:18px;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:1001;width:100%;background-color:#222;-webkit-box-shadow:0px 6px 10px -6px rgba(0,0,0,0.45);-moz-box-shadow:0px 6px 10px -6px rgba(0,0,0,0.45);box-shadow:0px 6px 10px -6px rgba(0,0,0,0.45)}
#allmn_view_wrap, #allmn_view_wrap * {box-sizing:border-box}
#allmn_view {position:relative;width:1070px;margin:0 auto;padding:15px 15px 20px;overflow:hidden}
#allmn_view:before {display:block;position:absolute;bottom:-15px;left:-10px;content:'더맑음 Pension.';font-size:50px;font-weight:bold;letter-spacing:-1.5px;font-style:italic;color:#333}
#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:#888;transition:color .2s}
#allmn_view li a:hover {color:#ddd}

/* 메뉴 전체보기 - ul 개별 ---------------------------------- */
#allmn_view ul.listx1 {margin-left:260px}
#allmn_view ul.listx2 {margin-left:45px}
#allmn_view ul.listx3 {margin-left:49px}
#allmn_view ul.listx4 {margin-left:59px}
#allmn_view ul.listx5 {margin-left:47px}
#allmn_view ul.listx6 {margin-left:35px}