@charset "utf-8";


/* 로고 */
#top_logo{position:absolute;top:19px;left:95px}

/* 메뉴 fixed */
#sh_hd.active{background:#fff;transition:all .3s;box-shadow: 0 5px 5px rgba(0,0,0,.1)}
#sh_hd.active #allmn_btn_wrap{background:none}
#sh_hd.active #allmn_btn span:before,#sh_hd.active #allmn_btn span:after{background-color:#333}

/* nav_depth  */
#top_nav{position:absolute;left:50%;top:37px;transform:translateX(-50%)}
#top_nav li.list{position:relative;float:left;height:50px;margin:0 32px;color:#848484;font-size:14px;text-align:center;}

#top_nav li > a{display:block;font-size:17px;color:#222;font-family:'notokr-medium'}
#top_nav li ul{position:absolute;display:none;clear:both;border:1px solid #ddd;border-bottom:0;text-align:left;top:43px;min-width:150px;margin:0 0 0 -20px}
#top_nav li ul a{position:relative;display:block;padding:15px 20px;*margin-bottom:-1px;border-bottom:1px solid #ddd;color:#888;font-size:14px;font-weight:normal;letter-spacing:-0.5px;background:#fff;font-family:'notokr-regular'}
#top_nav li ul a:hover, #nav li a.hov{color:#333} 
ul.sub_ul3{width:150px}

/* LNB */
#top_nav_wrap{position:relative;min-width:1730px;height:95px;margin:0 auto;letter-spacing:-0.5px}
#top_nav.sub li > a{color:#fff}
#top_nav.sub li ul a{color:#888}

.user_mn{overflow:hidden;position:absolute;top:0;right:95px;height:100%;padding:0 56px 0 63px;background:var(--primary2)}
.user_mn li{float:left;position:relative;margin-right:30px;line-height:95px}
.user_mn li:before{position:absolute;right:-15px;top:43px;content:'';width:1px;height:10px;background:rgba(255,255,255,.3)}
.user_mn li:last-child{margin-right:0}
.user_mn li:last-child:before{display:none}
.user_mn li a{font-size:14px;color:rgba(255,255,255,.7);font-family:'notokr-medium'}
.user_mn li a i{font-size:13px}
.user_mn li a.blog{color:#fff}

/* 메뉴버튼 */
#allBtn{float:right;position:relative;top:0;z-index:101;width:95px;height:95px;padding:15px;cursor:pointer;background:#242a2b}
#allBtn span{display:block;position:absolute;left:39px;top:39px;width:3px;height:3px;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}
#allBtn span.s2{top:53px}
#allBtn span:after{display:block;content:"";position:absolute;left:14px;width:3px;height:3px;background-color:#fff}
#allBtn.black span, #allBtn.black span:after{background-color:#fff!important}
#allBtn.active{z-index:200}
#allBtn.active span:after{display:none}
#allBtn.active span{width:20px}
#allBtn.active span.s1{left:39px;top:45px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#allBtn.active span.s2{left:39px;top:45px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#topNavWrap.sub #allBtn span, #topNavWrap.sub #allBtn span:after,
.fp-viewing-04 #allBtn span, .fp-viewing-04 #allBtn span:after{background-color:#fff}
#topNavWrap.sub #allBtn.active span{background-color:#fff}

/* 메뉴 전체보기 */
#allmn_view_wrap{display:none;position:absolute;top:95px;z-index:1001;width:100%;height:145px;border-top:1px solid #ddd;background:rgba(255,255,255,.9)}
#allmn_view_wrap, #allmn_view_wrap *{box-sizing:border-box}
#allmn_view{position:absolute;left:calc(50% - 600px);width:1200px;height:100%;overflow:hidden}
#allmn_view ul{position:relative;float:left;width:auto;text-align:center}
#allmn_view li a{display:block;font-size:14px;line-height:26px;color:#333;transition:color .2s}
#allmn_view li a:hover{color:#333}

/* 메뉴 전체보기 - ul 개별 ---------------------------------- */
#allmn_view ul.listx1{margin-right:62px}
#allmn_view ul.listx2{margin-right:74px}
#allmn_view ul.listx3{margin-right:40px}
#allmn_view ul.listx4{margin-right:65px}
#allmn_view ul.listx5{margin-right:61px}
#allmn_view .allmn_view_cont{overflow:hidden;display:inline-block;position:absolute;right:408px;padding-top:20px}