@charset "utf-8";

/* 로고 */
#top_logo{position:absolute;top:30px;left:100px}
#top_logo .logo02{display:none}
#top_logo .logo01{display:block}

/* 메뉴 fixed */
#top_nav_wrap.active{background:#fff;transition:all .3s}
#top_nav_wrap.active .logo02{display:block}
#top_nav_wrap.active .logo01{display:none}
#top_nav_wrap.active #top_nav.sub li > a{color:#737373}

/* nav_depth  */
#top_nav{position:absolute;right:149px;top:32px}
#top_nav li.list{position:relative;float:left;height:50px;margin:0 20px;color:#848484;font-size:14px;text-align:center;}

#top_nav li > a{display:block;font-size:20px;color:#737373;font-weight:600;font-family: 'Playfair Display','notokr-bold'}
#top_nav li > a:hover{color:#333}
#top_nav li ul{position:absolute;display:none;clear:both;border:1px solid #ddd;text-align:left;top:43px;min-width:190px;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:18px;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;width:100%;height:100px;margin:0 auto;}
#top_nav.sub li > a{color:#fff}
#top_nav.sub li ul a{color:#888}

/* 메뉴 전체보기 버튼 ----------------------------------------- */
#allmn_btn_wrap{position:absolute;top:27px;right:100px;z-index:1002}
#allmn_btn_wrap, #allmn_btn_wrap *{box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:39px;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:#818181}
#allmn_btn span{position:absolute;top:50%;left:18px;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s;background-color: transparent;}
#allmn_btn span:after{width:70%}
#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:-5px}
#allmn_btn span:after{top:5px}
#allmn_btn.active{z-index:200}
#allmn_btn.active span{background-color:transparent}
#allmn_btn.active span:before{-webkit-transform:translateY(4px) translateX(0) rotate(45deg);-ms-transform:translateY(4px) translateX(0) rotate(45deg);transform:translateY(4px) translateX(0) rotate(45deg)}
#allmn_btn.active span:after{width:20px;-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:100px;z-index:1001;width:100%;height:192px;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;right:162px;top:30px;margin:0 auto;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:14px;line-height:26px;color:#333;transition:color .2s}
#allmn_view li a:hover{color:#333}

/* 메뉴 전체보기 - ul 개별 ---------------------------------- */
#allmn_view ul.listx2{margin-left:11px}
#allmn_view ul.listx3{margin-left:42px}
#allmn_view ul.listx4{margin-left:49px}
#allmn_view ul.listx5{margin-left:-18px}
#allmn_view ul.listx6{margin-left:8px}