/* header */
#header{width:100%;position: fixed;top:0;left:0;z-index: 997;background: #fff;border-bottom:1px solid #fff;transition: background .5s ease;}
#header .inner{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width:calc(100% - 100px);max-width:1600px;margin: 0 auto;padding: 40px 0 25px;}
#header .logo a{display: block;width:330px;height:23px;background: url("../img/logo.png") no-repeat 50% 50%;background-size: cover;text-indent: -9999px;transition: background .5s ease;}
#header .gnb{margin: 15px 0 0;}
#header .gnb .gnbUl{display: flex;flex-wrap: wrap;}
#header .gnb .gnbUl li{margin-left: 40px;}
#header .gnb .gnbUl li:first-child{margin-left: 0;}
#header .gnb .gnbUl li a{color:#999;font-weight: 600;}
#header .gnb .gnbUl li a:hover{color:#000;}
#header .menuBtnWrap{font-size: 0;display: none;}
#header #menuAllBtn{width: 21px;height:15px;background:none;border:none;cursor: pointer;transition: .5s ease;}
#header #menuAllBtn span{display: block;width:21px;height:3px;background: #000;margin-top: 3px;transition: .5s ease;}
#header #menuAllBtn span:first-child{margin-top: 0;}
#header #menuAllBtn span:last-child{width:16px;position: relative;}
#header #menuAllBtn span:last-child::after{content:"";display: block;width:0;height:0;border-bottom: 6px solid #000;border-top: 6px solid transparent;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;top:0;top:-5.5px;right:-8px;transition: .5s ease;}
/* all menu */
#allMenu{width:680px;height:100%;position: fixed;top:0;right:-100%;z-index: 999;background: #fff;overflow: auto;transition: right 0.7s ease;}
#allMenu .inner{/* width:calc(100% - 80px); */max-width:1600px;margin: 65px 80px;}
#allMenu #menuCloseBtn{width:35px;height:30px;margin-top: -3px;margin-right: -5px;padding: 12px 0 0;background:none;border:none;cursor: pointer;position: absolute; top: 64px;right: 50px;}
#allMenu #menuCloseBtn span{display: block;width:21px;height:3px;background: #000;margin-top: 3px;}
#allMenu #menuCloseBtn{width:35px;height:30px;margin-top: -3px;margin-right: -5px;padding: 12px 0 0;}
#allMenu #menuCloseBtn span{width:40px;height:2px;}
#allMenu #menuCloseBtn span:nth-child(1){transform: rotate(45deg);margin-top: -7px;}
#allMenu #menuCloseBtn span:nth-child(2){transform: rotate(-45deg);margin-top: -2.5px;}
#allMenu #menuCloseBtn span:nth-child(3){transform: rotate(45deg);margin-top: -1.5px;}
#allMenu #menuCloseBtn span:last-child::after{border-bottom: 6px solid transparent;}
#allMenu .gnb .gnbUl li{margin-top: 50px;}
#allMenu .gnb .gnbUl li:first-child{margin-top: 0;}
#allMenu .gnb .gnbUl li a{font-size: 20px;font-weight: 300;color:#000;transition:all 0.3s ease;}
#allMenu .gnb .gnbUl li a:hover{color:#000;}
#allMenu .gnb .gnbUl li.gnb_empty{color:#fff;text-align: center;line-height: 2;}
#allMenu .gnb .gnbUl li.gnb_empty a{font-size: 18px;font-weight: 700;color:#999;}
#allMenu .gnb .gnbUl li.gnb_empty a:hover{color:#fff;}
#allMenu .info{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 115px;}
#allMenu .info p{font-weight: 300;color:#fff;}
.allMenuBg{width:100%;height:100%;position: fixed;top:0;;left:0;z-index: 998;background: rgba(0,0,0,0.4);display: none;}
/* footer */
#footer{width: 100%;}
#footer .inner{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width:calc(100% - 100px);max-width:1600px;margin: 0 auto;padding: 30px 0;position: relative;}
#footer .inner .copyright{font-size: 12px;color:#999;}
#footer .sns{position: absolute;right:0;}
#footer .sns .snsUl{display: flex;flex-wrap: wrap;align-items: center;}
#footer .sns .snsUl li{margin-left: 15px;}
#footer .sns .snsUl li:first-child{margin-left: 0;}
#footer .sns .snsUl li a span{vertical-align: bottom;}