#foot{background:#dcdcdc}.foot_wrap{text-align:center;padding:70px 0}.foot_wrap a{color:#898989}.foot_wrap p{color:#898989;vertical-align:middle;font-size:12px;font-weight:500}.foot_wrap .share_wrap .list_pc_share{text-align:center;font-size:0}.foot_wrap .share_wrap .list_pc_share li{vertical-align:top;display:inline-block}.foot_wrap .share_wrap .list_pc_share li a{background-position:0 0;background-repeat:no-repeat;width:30px;height:30px;display:block}.foot_wrap .share_wrap .list_pc_share li a.facebook{background-image:url(/static/images/img_sns_facebook.png)}.foot_wrap .share_wrap .list_pc_share li a.twitter{background-image:url(/static/images/img_sns_twitter.png)}.foot_wrap .share_wrap .list_pc_share li a.insta{background-image:url(/static/images/img_sns_insta.png)}.foot_wrap .share_wrap .list_pc_share li a.youtube{background-image:url(/static/images/img_sns_youtube.png)}.foot_wrap .share_wrap .list_pc_share li a.blog{background-image:url(/static/images/img_sns_blog.png)}.foot_wrap .share_wrap .list_pc_share li a:hover{background-position:0 100%}.foot_wrap .share_wrap .list_pc_share li+li{margin-left:16px}.foot_wrap .link_wrap{margin:35px 0}.foot_wrap .link{vertical-align:middle;font-size:0;display:inline-block}.foot_wrap .link li{vertical-align:middle;display:inline-block}.foot_wrap .link li+li{margin-left:30px;padding-left:30px;position:relative}.foot_wrap .link li+li:before{content:"";background:#898989;width:2px;height:80%;position:absolute;top:10%;left:0}.foot_wrap .link li a{color:#6e6e6e;vertical-align:middle;font-size:16px;font-weight:700;line-height:18px;display:inline-block}.foot_wrap .contact{color:#898989;font-size:14px;line-height:28px}.foot_wrap .contact em{color:#6e6e6e;font-size:21px;font-weight:700}@media screen and (max-width:1023px){.foot_wrap{padding:50px 0}.foot_wrap .link li a{font-size:12px}.foot_wrap .link li+li{margin-left:15px;padding-left:15px}.foot_wrap .link li+li:before{width:1px}.foot_wrap .link_wrap{margin:0 0 17px}.foot_wrap .share_wrap{display:none}.foot_wrap .contact{letter-spacing:-.5px;font-size:12px;line-height:20px}.foot_wrap .contact em{font-size:16px}}
#head{z-index:99;background:#000;width:100%;position:fixed;top:0;left:0}.head_wrap{height:110px;line-height:110px}.head_wrap .logo{z-index:1;text-indent:-999px;vertical-align:middle;background:url(/static/images/logo.png) 50%/cover no-repeat;width:130px;height:45px;display:inline-block;position:relative;overflow:hidden}.head_wrap .btn_menu{display:none}.head_wrap .menu_wrap{position:absolute;top:0;right:0}.head_wrap .list_share{display:none}.menu_wrap{font-size:0}.menu_wrap .menu li{vertical-align:middle;display:inline-block;position:relative}.menu_wrap .menu li .external{border:1px solid #fff;border-radius:15px;padding:4px 18px 6px}.menu_wrap .menu li+li{margin-left:60px}.menu_wrap .menu li a{color:#fff;vertical-align:middle;font-size:18px;font-weight:700;line-height:20px;display:inline-block}.menu_wrap .menu li:hover:after,.menu_wrap .menu li.active:after{content:"";background:#fff;width:100%;height:15px;position:absolute;bottom:0;left:0}.menu_wrap .mask{display:none}@media screen and (max-width:1023px){.head_wrap{height:60px;line-height:60px}.head_wrap .logo{width:75px;height:26px}.head_wrap .btn_menu{vertical-align:middle;background:url(/static/images/btn_menu.png) 50%/22px no-repeat;width:30px;height:30px;margin-right:13px;display:inline-block}.head_wrap .menu_wrap.active .btn_menu{background-image:url(/static/images/btn_close.png)}.head_wrap .menu_wrap{text-align:right;width:100%}.head_wrap .menu_wrap .menu{z-index:1000;text-align:center;display:none;position:relative}.head_wrap .menu_wrap.active .menu{display:block}.head_wrap .menu_wrap .menu li{margin:0;line-height:70px;display:block}.head_wrap .menu_wrap .menu li:hover{background:#fff}.head_wrap .menu_wrap .menu li:hover a{color:#000;line-height:70px;display:block}.head_wrap .menu_wrap .menu li a{color:#a6a8ab;font-size:15px}.head_wrap .menu_wrap.active .mask{z-index:999;opacity:.9;background:#000;width:100%;height:100%;display:block;position:fixed;top:60px;left:0}.head_wrap .menu_wrap.active .list_share{z-index:1001;text-align:center;margin-top:80px;font-size:0;display:block;position:relative}.head_wrap .menu_wrap .list_share li{vertical-align:middle;margin-left:15px;display:inline-block}.head_wrap .menu_wrap .list_share img{width:40px}.head_wrap .menu_wrap .menu li:hover:after,.menu_wrap .menu li.active:after{display:none}}