#content .inner{width: calc(100% - 80px);max-width: 1200px;margin: 0 auto;padding: 125px 0 100px;}
.ctt_admin{position: relative;z-index: 9999;mix-blend-mode: difference;}
.title{margin-bottom: 60px;}
.title h2{font-family:'SCDream', sans-serif;font-size: min(140px, 15vw);font-weight: 600;text-align: center;position: relative;top:30px;opacity: 0;transition: top 0.5s ease, opacity 0.5s ease, font 1s ease 0.9s;}
.title.on h2{top:0;opacity: 1;font-size: min(80px, 12vw);}
.historyContWrap{display: flex;flex-wrap: wrap;flex-direction: column;}
.historyContWrap .historyCont{width:50%;align-self: flex-end;padding: 50px 0 50px 60px;position: relative;}
.historyContWrap .historyCont::before{content:"";display: none;width:9px;height:9px;border-radius: 50%;background: #707070;position: absolute;top:65.5px;left:-4px;}
.historyContWrap .historyCont:first-child::before{display: block;opacity: 0;transition: opacity 0.3s ease;}
.historyContWrap .historyCont.on:first-child::before{opacity: 1;}
.historyContWrap .historyCont:last-child::before{display: block;opacity: 0;transition: opacity 0.3s ease;transition-delay: 0s;}
.historyContWrap .historyCont.on:last-child::before{opacity: 1;transition-delay: 0.3s;}
.historyContWrap .historyCont::after{content:"";display: block;width: 1px;height:0%;background: #707070;position: absolute;top:0;left:0;transition: height 0.3s ease;}
.historyContWrap .historyCont.on::after{height:100%;}
.historyContWrap .historyCont:first-child::after{height:0%;top:75px;transition-delay: 0s;}
.historyContWrap .historyCont.on:first-child::after{height:calc(100% - 75px);transition-delay: 0.3s;}
.historyContWrap .historyCont:last-child::after{height:0px;}
.historyContWrap .historyCont.on:last-child::after{height:75px;}
.historyContWrap .historyCont.left{align-self: flex-start;padding-left: 0;padding-right: 60px;text-align: right;}
.historyContWrap .historyCont.left::after{left:auto;right:-1px;}
.historyContWrap .historyCont .year{margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #707070;font-size: 30px;font-weight: 700;position: relative;top:-20px;opacity: 0;transition: top 0.5s ease, opacity 0.5s ease;transition-delay: 0s;}
.historyContWrap .historyCont.on .year{top:0;opacity: 1;transition-delay: 0.5s;}
.historyContWrap .historyCont .historyUl{position: relative;top:-20px;opacity: 0;transition: top 0.3s ease, opacity 0.3s ease;transition-delay: 0s;}
.historyContWrap .historyCont.on .historyUl{top:0;opacity: 1;transition-delay: 0.7s;}
.historyContWrap .historyCont .historyUl li{margin-top: 5px;display: flex;flex-wrap: wrap;}
.historyContWrap .historyCont .historyUl li:first-child{margin-top: 0;}
.historyContWrap .historyCont .historyUl li .month{width:50px;font-size: 20px;font-weight: 700;}
.historyContWrap .historyCont .historyUl li p{width: calc(100% - 50px);align-self: center;}
.historyContWrap .historyCont.left .historyUl li .month{order:2;}
.historyContWrap .historyCont.left .historyUl li p{order:1;}
.category{margin-bottom: 70px;}
.category .categoryUl{display: flex;flex-wrap: wrap;position: relative;z-index: 9999;mix-blend-mode: difference;}
.category .categoryUl li{font-size: 28px;font-weight: 600;color:#666;margin-left: 25px;}
.category .categoryUl li:first-child{margin-left: 0;}
.category .categoryUl li.on{color:#fff;}
.projectListWrap img{width:100%;}
.moreBtnWrap{margin-top: 40px;text-align: center;}
.moreBtnWrap .btn{display: inline-block;width:250px;height:60px;padding: 10px 40px;border-radius: 30px;overflow: hidden;background: none;text-align: left;font-size: 18px;color:#fff;font-weight: 600;position: relative;transition: 0.3s ease;}
.moreBtnWrap .btn::before{content:"";display: block;width: 100%;height:100%;border-radius: 30px;border:3px solid var(--color-mainTxt);position: absolute;top:0;left:0;box-sizing: border-box;}
.moreBtnWrap .btn:hover{color: var(--color-mainBg);}
.moreBtnWrap .btn::after{content:"";display: block;width: 0;height:100%;background: var(--color-mainTxt);border-radius: 30px;position: absolute;bottom:0;left:-1px;transition: width 0.5s ease;}
.moreBtnWrap .btn:hover::after{width:calc(100% + 2px);}
.moreBtnWrap .btn span{position: relative;z-index: 2;}
.moreBtnWrap .btn img{margin-top: -10px;position: absolute;top:50%;right:40px;z-index: 2;transform: translateY(-50%);opacity: 0;transition: 0.3s ease 0.2s;}
.moreBtnWrap .btn:hover img{margin-top: 0;opacity: 1;}
.brandListWrap img{width:100%;}
.brandUl{display: flex;flex-wrap: wrap;}
.brandUl li{width:calc(25% - 39px);height:0;padding: 21.417% 0 0;margin-right: 52px;border:2px solid #fff;border-radius: 50%;position: relative;}
.brandUl li:nth-child(4n){margin-right: 0;}
.brandUl li:nth-child(n+5){margin-top: 52px;}
.brandUl li img{width: auto;max-width: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);mix-blend-mode: luminosity;}
.contactWrap .title{width:50%;}