.headerMobile nav,.headerMobile nav div.layer2.off,.headerMobile nav div.layer2.on,.navBtn,.navBtn.on,.navBtn.on~nav{transition:all .3s ease-in-out}.headerMobile nav div{box-shadow:0 2px 5px rgba(0,0,0,.1)}.headerMobile{box-shadow:4px 4px 10px rgba(0,0,0,.1)}.logo{background:url(../img/logo.svg) no-repeat;background-size:100%;width:170px;height:30px;text-indent:-9999px;margin:10px auto;display:inline-block}.logo.white{background:url(../img/logo_white.svg) 0 no-repeat;background-size:100%;margin:10px 0 0 10px}.logo.forLife{background:url(../img/logo_life.svg) 0 no-repeat;background-size:95%;margin:10px 0 0 10px}.searchBtn{content:"";width:24px;height:24px;background:url(../img/icon/search_btn.svg) no-repeat 50%;background-size:100%;display:inline-block;text-indent:-9999px;position:absolute;right:15px;top:13px;display:none}.headerMobile{background:#fff;width:100%;height:50px;text-align:center;position:fixed;top:0;z-index:10}.headerMobile a,.headerMobile a:link,.headerMobile a:visited,.headerMobile button{color:rgba(0,0,0,.75);text-decoration:none}.headerMobile .headerPost{font-size:14px;color:#fff!important;position:absolute;top:9px;right:10px}.headerMobile nav{width:200px;height:100%;font-size:14px;position:fixed;top:0;left:-205px;z-index:12;text-align:left}.headerMobile nav div{height:100%;background:#fff;overflow-y:scroll}.headerMobile nav div.layer1 .menuList.menuIndex:before{content:"";width:20px;height:20px;background:url(../img/icon/home.svg) no-repeat 50%;background-size:100%;display:inline-block;opacity:.6}.headerMobile nav div.layer1 .menuList.menuAccount:before{content:"";width:20px;height:20px;background:url(../img/icon/login.svg) no-repeat 50%;background-size:100%;display:inline-block;opacity:.6}.headerMobile nav div.layer1 .menuList.menuPostInstruction:before{content:"";width:20px;height:20px;background:url(../img/icon/help_red_outline.svg) no-repeat 50%;background-size:100%;display:inline-block}.headerMobile nav div.layer1 .menuList.menuPost:before{content:"";width:20px;height:20px;background:url(../img/icon/edit.svg) no-repeat 50%;background-size:100%;display:inline-block}.headerMobile nav div.layer1 .menuList.menuTarget:before{content:"";width:20px;height:20px;background:url(../img/icon/target_talent.svg) no-repeat 50%;background-size:100%;display:inline-block}.headerMobile nav div.layer1 .menuList.menuPrice:before{content:"";width:20px;height:20px;background:url(../img/icon/money.svg) no-repeat 50%;background-size:100%;display:inline-block}.headerMobile nav div.layer1 .menuList.menuShowcase:before{content:"";width:20px;height:20px;background:url(../img/icon/showcase.svg) no-repeat 50%;background-size:100%;display:inline-block}.headerMobile nav div.layer1 .menuList.menuLife{position:relative}.headerMobile nav div.layer1 .menuList.menuLife:before{content:"";width:20px;height:20px;background:url(../img/icon/house.svg) no-repeat 50%;background-size:100%;display:inline-block}.headerMobile nav div.layer1 .menuList.menuLife .forTalent{top:25px;left:105px}.headerMobile nav div.layer1 .menuList.menuLife .forTalent:after{display:none}.headerMobile nav div.layer1 .menuList.menuFreelance:before{content:"";width:20px;height:20px;background:url(../img/icon/help_red_outline.svg) no-repeat 50%;background-size:100%;display:inline-block}.headerMobile nav div.layer1 .menuList.menuEventAD{position:relative}.headerMobile nav div.layer1 .menuList.menuEventAD .forNew{top:20px;left:125px}.headerMobile nav div.layer1 .menuList.menuArticle:before{content:"";width:20px;height:20px;background:url(../img/icon/bulb.svg) no-repeat 50%;background-size:100%;display:inline-block}.headerMobile nav div.layer1 .menuList.menuCase:before{content:"";width:20px;height:20px;background:url(../img/icon/case.svg?20200615) no-repeat 50%;background-size:100%;display:inline-block}.headerMobile nav div.layer1 .menuList.menuHelp:before{content:"";width:20px;height:20px;background:url(../img/icon/help.svg?20190820) no-repeat 50%;background-size:100%;display:inline-block;opacity:.6}.headerMobile nav div.layer1 .menuList.menuInfo:before{content:"";width:20px;height:20px;background:url(../img/icon/info.svg) no-repeat 50%;background-size:100%;display:inline-block;opacity:.6}.headerMobile nav div.layer1 .menuList.menuChat:after,.headerMobile nav div.layer1 .menuList.menuChat:before{vertical-align:middle}.headerMobile nav div.layer1 .menuList.menuChat:before{content:"";width:20px;height:20px;background:url(../img/icon/chat.svg) no-repeat 50%;background-size:100%;display:inline-block;opacity:.6}.headerMobile nav div.layer1 .menuList:before{margin-right:10px;vertical-align:sub}.headerMobile nav div.layer1 .menuList.menuGoback:before{content:"";width:20px;height:20px;background:url(../img/icon/return.svg) no-repeat 50%;background-size:100%;display:inline-block;opacity:.6}.headerMobile nav div.layer1 .menuParent:after{content:"";width:12px;height:12px;background:url(../img/icon/go.svg) no-repeat 50%;background-size:100%;display:inline-block;float:right;margin-top:7px;opacity:.6}.headerMobile nav div.layer2{width:180px;position:absolute;top:0;left:-185px;z-index:13;overflow-y:scroll}.headerMobile nav div.layer2 .menuBack{width:140px;background:#fff;position:fixed;z-index:14;border-bottom:1px solid rgba(0,0,0,.2)}.headerMobile nav div.layer2 .menuList:nth-child(2){margin-top:61px}.headerMobile nav div.layer2.on,.headerMobile nav div.layer2.on .menuBack{left:0}.headerMobile nav div.layer2.off{left:-185px}.headerMobile nav .memberName{max-width:calc(100% - 65px);display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:bottom}.headerMobile nav .menuList{padding:20px;display:block}.headerMobile nav .menuSpacing{padding:0 20px;margin:5px 0;font-size:14px;background:rgba(0,0,0,.03);min-height:25px;line-height:2;color:rgba(0,0,0,.6)}.headerMobile nav div.menuSubCat{height:auto;box-shadow:none}.headerMobile nav div.menuSubCat .menuLifeType{cursor:pointer}.headerMobile nav div.menuSubCat .menuLifeType:nth-child(2):before{content:"";width:20px;background:url(../img/illustrate/icon_home.svg) no-repeat;background-size:100%;display:inline-block;height:20px}.headerMobile nav div.menuSubCat .menuLifeType:first-child:before{content:"";width:20px;background:url(../img/illustrate/icon_repair.svg) no-repeat;background-size:100%;display:inline-block;height:20px}.headerMobile nav div.menuSubCat .menuLifeType:last-child:before{content:"";width:20px;background:url(../img/illustrate/icon_clear.svg) no-repeat;background-size:100%;display:inline-block;height:20px}.navBtn span,.navBtn span:after,.navBtn span:before{transition:all .3s ease-in-out;display:block;background-color:#000;height:3px;position:absolute;width:20px}.navBtn{width:50px;height:50px;position:absolute;top:0;left:0;z-index:12}.navBtn span{left:15px;top:23.5px}.navBtn span:before{content:"";top:-6px}.navBtn span:after{content:"";bottom:-6px}.navBtn.on{z-index:102;transform:translateX(200px)}.navBtn.on span{background-color:transparent}.navBtn.on span:after,.navBtn.on span:before{background-color:#fff;top:0}.navBtn.on span:before{transform:rotate(45deg)}.navBtn.on span:after{transform:rotate(-45deg)}.navBtn.on~nav{left:0;z-index:101}.navBtn.on~.maskdiv{display:block}.footerMobile{background:rgba(0,0,0,.03);padding:40px 0 80px;margin:0 auto;text-align:center;clear:both}.footerLink a,.footerLink a:link,.footerLink a:visited{color:rgba(0,0,0,.75);font-size:14px;padding:0 15px;border-right:1px solid rgba(0,0,0,.6);text-decoration:none}.footerLink a:last-of-type,.footerLink a:link:last-of-type,.footerLink a:visited:last-of-type{border:none}.footerSocial{margin:20px auto}.footerSocial a{text-indent:-9999px;vertical-align:middle;margin:0 10px}.footerSocial .fb{background:url(../img/social/circle_fb_blue.svg) no-repeat 50%;background-size:100%}.footerSocial .fb,.footerSocial .line{content:"";width:30px;display:inline-block;height:30px}.footerSocial .line{background:url(../img/social/circle_line_green.svg) no-repeat 50%;background-size:100%}.copyright{padding:0 10px;margin:10px auto;font-size:12px;color:rgba(0,0,0,.6)}main{max-width:1200px;margin-right:auto;margin-left:auto}@media only screen and (max-width:375px){.logo{background-size:80%}.logo.white{background:url(../img/logo_white.svg) 0 no-repeat;background-size:80%}.logo.forLife{background:url(../img/logo_life.svg) 0 no-repeat;background-size:80%}}