@charset "utf-8";
/* 로고 */
#top_logo{position:absolute;left:160px;top:46px;z-index:1000}
#res_btn{display:block;overflow:hidden;position:fixed;right:25px;top:25px;z-index:1000;width:63px;height:63px;border-radius:63px;font-size:14px;color:#222;text-align:center;line-height:63px;background-color:#fff;transition:width .3s;
-webkit-box-shadow:4px 4px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:4px 4px 5px 0px rgba(0,0,0,0.1);box-shadow:4px 4px 5px 0px rgba(0,0,0,0.1)}
#res_btn:hover{width:200px}
#res_btn:hover .fa{display:none}
#res_btn:hover p{display:block}
#res_btn p{display:none;font-weight:600;text-transform:uppercase}
#res_btn p span{color:#a4a4a4}
#nav_btn{position:absolute;z-index:1003;width:120px;height:120px;text-align:center;cursor:pointer;background:url(/sh_img/hd/top_menu/nav_btn.png) center no-repeat;transition:all .3s}
#nav_btn.open{background-image:url(/sh_img/hd/top_menu/nav_btn_close.png)}
.page_scroll{position:absolute;left:55px;bottom:50px}
/* =================== 메뉴 =================== */
#nav_wrap_bg{display:none;position:absolute;top:0;left:-340px;z-index:1001;width:340px;height:100%;background-color:#f8598b}
#nav_wrap{display:none;position:absolute;top:0;left:-340px;z-index:1002;width:340px;height:100%;padding-left:50px;background-color:#fff;overflow:hidden}
#nav_overlay{display:none;position:absolute;left:120px;top:0;z-index:1000;width:100%;height:100%;background-color:rgba(51,51,51,.75);opacity:0}
#nav_wrap .logo{padding:150px 0 50px}
/* 대분류 */
#top_nav{text-transform:uppercase}
#top_nav > li{margin-bottom:12px}
#top_nav > li > a{display:inline-block;position:relative;font-size:14px;font-weight:600;line-height:1.8}
#top_nav > li > a:before{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background-color:#f8598b;transition:all .3s}
#top_nav > li > a.on:before{width:100%}
#top_nav > li:hover > a:before{width:100%}
/* 소분류 */
#top_nav > li > ul{display:none;min-width:140px;width:auto;padding-top:10px}
#top_nav > li > ul > li a{display:inline-block;position:relative;font-size:13px; font-weight:normal;line-height:2;color:#999;transition:all .2s;font-family:arita-medium}
#top_nav > li > ul > li a:hover{color:#000}
#top_nav > li > ul.sub_ul2{overflow:hidden}
#top_nav > li > ul.sub_ul2 li{float:left;width:50%}
/* 메뉴 - 아이콘 및 정보 */
.top_info{position:absolute;bottom:70px}
.top_info .member{font-size:13px;line-height:1.8}
.top_info .member a{color:#777}
.top_info .icon {margin:50px 0}
.top_info .icon li{display:inline-block}
.top_info .icon li a{display:block;padding:5px;font-size:15px}
.top_info .info{font-size:14px;font-weight:600;line-height:1.8}
.top_info .info span{padding-right:10px;color:#afafaf}
/* ================= 서브전용 ================= */
#nav_btn.sub{display:none}
#nav_wrap_bg.sub{display:none}
#nav_wrap.sub{display:block!important;left:0;border-right:1px solid #e1e1e1}
#nav_wrap.sub .logo{padding:60px 0}
.page_scroll.sub{display:none}