/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#hd_tip{overflow:hidden;height:44px;background:#1a212a}
#hd_tip .tip_wrap{position:relative;width:1274px;margin:0 auto}
#hd_tip .tip_wrap p{display:inline-block}
#hd_tip .tip_wrap .sns_id{margin-left:15px;font-size:15px;line-height:48px;color:#c1c4c8}
#hd_tip .tip_wrap .sns_id img{margin-right:3px;vertical-align:middle;}
#hd_tip .tip_wrap .sns_id span{padding-left:5px;font-size:33px;color:#fff;vertical-align:middle;font-family:'notokr-bold'}
#hd_tip .tip_tel{margin-right:10px;font-size:14px;line-height:44px;color:#c1c4c8}
#hd_tip .tip_tel i{padding-right:5px;font-size:15px;color:#30a3e7}
#hd_tip .tip_tel span{color:#fff;font-family:'notokr-medium'}
#hd_tip .tip_tel span:after{display:inline-block;width:1px;height:8px;margin:0 7px;background:#525d6b;content:''}
#hd_tip .rent_go_btn{float:right;width:125px;height:44px;font-size:13px;line-height:44px;color:#fff;text-align:center;background:#16acf8;font-family:'notokr-medium'}
#hd_tip .confirm_btn{position:relative;float:right;width:125px;height:44px;padding-left:19px;font-size:13px;line-height:44px;color:#fff;text-align:center;background:#0068a5;box-sizing:border-box;font-family:'notokr-medium'}
#hd_tip .confirm_btn:after{display:block;position:absolute;top:0px;left:32px;content:"\f002";color:#fff;font-family:FontAwesome}
	
#topmenu_wrapper {position:relative;margin:0 auto;width: 1278px;height: 80px;z-index:1}

/* Tipmenu */
#sh_tip_menu {position:absolute;right:0px;top:6px;font-size:12px;color:#666666;overflow:hidden;z-index:2}
#sh_tip_menu li {float:left;padding-right:10px;padding-left:10px;background:url('/sh_img/hd/top_menu/sh_tip_menu_bg.png') right 4px no-repeat}
#sh_tip_menu li a {color:#666666}
#sh_tip_menu li.last {padding-right:0;background:none}

/* Logo */
#top_logo {position:absolute;left:0;top: 26px;z-index:1}

/* nav_depth  */
.top_nav {position:relative;display:flex;width:100%;justify-content: center;}
.top_nav > ul > li{float:left}
.top_nav > ul > li > a{display:block;color: #fff;font-size:19px;margin: 28px 10px 90px;font-family:notokr-medium}
.top_nav > ul > li .box{position:absolute;left: 0;top:-30px;z-index:10;opacity:0;width:200px;height:131px!important;padding:35px;color:#fff;background-color: #16acf8;}
.top_nav > ul > li .box .tit{margin-bottom:10px;font-size:24px;font-family:'notokr-bold'}
.top_nav > ul > li .box .txt{font-size:15px;opacity:.8}
.top_nav > ul > li .box.active{opacity:1;}

.top_nav_s{position:absolute;display:none;box-sizing:border-box;left:0;top: 109px;width:100%;padding: 2px 460px;}
.top_nav_s.on{display:block}
.top_nav_s li a{display:block;color:#777;font-size: 16px;padding:3px 0}

/* 전체메뉴 bg */
.top_nav_bg{position:absolute;width:100%;display:none;height:200px;background:#fff; top: 124px; border-bottom:1px solid #e9e9e9;}

/* 메뉴 오버컬러 */
.top_nav > ul > li > a:hover{color:#32a7ec}
.top_nav_s li a:hover{color:#32a7ec;}


/* 메뉴간격 조정 */
.top_nav > ul > li > a{padding-left:21px; padding-right:26px}
.top_nav > ul > li .top_nav_depth1:after{display:block;content:'';clear:both}
.top_nav > ul > li .top_nav_depth1 li{float:left;width: calc(100% / 2);}


#login_all{position:absolute;right:0;top: 29px;}
#login_all a{transition:all .3s;color:rgba(255,255,255,.8);font-size:15px;letter-spacing:-.5px}
#login_all a:hover{color:#222}
#login_all a+a{margin-left:15px}
