.sub-wrap.project .project1{padding:245px 0 0}.sub-wrap.project .list-full{position:relative}.sub-wrap.project .list-full .detail,.sub-wrap.project .list-full .mask{float:right}.sub-wrap.project .list-full .detail{width:calc(36.5% - 56px);position:relative}.sub-wrap.project .list-full .mask{width:calc(63.5% + 56px);position:relative;overflow:hidden}.sub-wrap.project .list-full .mask img{width:100%}.sub-wrap.project .list-full .thumb{position:absolute;top:-40px;left:-40px;z-index:-1}.sub-wrap.project .list-full .thumb.left_img{width:106%}.sub-wrap.project .list-full h2{margin-bottom:18px;font-size:48px;color:#000;letter-spacing:-2px;line-height:62px}.sub-wrap.project .list-full .txt{font-weight:500}.sub-wrap.project .list-full.st1{padding-top:35px}.sub-wrap.project .list-full.st1 .mask{transform:translateX(56px)}.sub-wrap.project .list-full.st1 .num{top:45px}.sub-wrap.project .list-full.st2{margin-top:76px}.sub-wrap.project .list-full.st2:first-child{margin-top:0}.sub-wrap.project .list-full.st2:first-child .mask{margin-top:-18px}.sub-wrap.project .list-full.st2:first-child .thumb{top:-20px}.sub-wrap.project .list-full.st2 .num{right:auto;left:0}.sub-wrap.project .list-full.st2 .detail,.sub-wrap.project .list-full.st2 .mask{float:left}.sub-wrap.project .list-full.st2 .mask{width:calc(63.5% + 40px)}.sub-wrap.project .list-full.st2 .detail{width:calc(36.5% - 5px);margin-left:-35px}.sub-wrap.project .project-list .list .mask{position:relative;overflow:hidden}.sub-wrap.project .project-list .list .thumb{position:absolute;left:-20px;top:-20px;z-index:-1}.sub-wrap.project .project-list .num{font-size:14px;font-weight:700;color:#000;opacity:.4;position:absolute;top:0;right:0;z-index:1}.sub-wrap.project .project-list .list{padding-left:36.5%;font-size:0;transform:translateY(-110px);-webkit-transform:translateY(-110px);-ms-transform:translateY(-110px)}.sub-wrap.project .project-list .list li{display:inline-block;width:50%;height:320px;margin-top:130px;vertical-align:top;position:relative}.sub-wrap.project .project-list .list dl{width:100%;font-size:18px;font-weight:500;letter-spacing:-0.5px;color:#000;line-height:28px;position:absolute;left:0;bottom:0}.sub-wrap.project .project-list .list dl dt{font-weight:700}.sub-wrap.project .project-list .list dd{letter-spacing:-1px}.sub-wrap.project .project-list .list .num{right:auto;left:0}.sub-wrap.project .project-list .list-full.st1 + .list li:nth-child(2) .mask{width:calc(100% + 50px)}.sub-wrap.project .project-list .list li:nth-child(2n){padding-left:50px}.sub-wrap.project .project-list .list li:nth-child(2n) .mask{width:calc(100% + 77px)}.sub-wrap.project .project-list .list li:nth-child(2n) .num,.sub-wrap.project .project-list .list li:nth-child(2n) dl{left:50px}.sub-wrap.project .project-list .list li:nth-child(4) .mask{width:calc(100% + 68px)}.sub-wrap.project .project-list .thumb img{transition:.5s linear;transform:scale(1,1)}.sub-wrap.project .project-list .list-full:hover .thumb img,.sub-wrap.project .project-list .list li:hover .thumb img{transform:scale(0.95,0.95)}.sub-wrap.project .list-full .more-bt:hover .thumb img{transform:scale(0.95,0.95)}.sub-wrap.project .project2{padding-top:80px}.sub-wrap.project .project-list2 li{padding-left:60px;margin-bottom:30px;font-size:46px;letter-spacing:-2px;font-weight:900;color:#000;position:relative;counter-increment:item;word-break:keep-all;transition:.3s ease}.sub-wrap.project .project-list2 li:before{position:absolute;top:-7px;left:0;font-size:25px;font-weight:400;content:counter(item)}.sub-wrap.project .project-list2 li .detail{display:inline-block;width:50px;height:50px;margin-left:10px;cursor:pointer;vertical-align:top}.sub-wrap.project .project-list2 li .detail img{opacity:0;box-shadow:43px 87px 43px rgba(0,0,0,0.18);transition:all 1.2s}.sub-wrap.project .project-list2 li small{display:block;margin-bottom:0;font-size:14px;font-weight:700;letter-spacing:-0.5px}.sub-wrap.project .project-list2 li:last-child{margin-bottom:0}.sub-wrap.project .project-list2 li.on{z-index:1}.sub-wrap.project .project-list2 li:hover .detail{border:0}.sub-wrap.project .project-list2 li:hover .detail>div{width:100%;max-width:711px;height:325px;border:0;position:absolute;top:-20px;right:0;z-index:-1}.sub-wrap.project .project-list2 li:hover .detail img{width:100%;opacity:1}.sub-wrap.project .project-list2:hover li{color:#e8e8e8}.sub-wrap.project .project-list2 li:hover{color:#000}.sub-wrap.project .project-list2 li:nth-child(n + 16){display:none}.sub-wrap.project .project-list2 li a{color:#000}.sub-wrap.project .project2 .cont-inner{margin-bottom:0}.sub-wrap.project .project2 .cont-inner .title{margin-bottom:0}.sub-wrap .title.ko{font-size:70px;font-weight:700;line-height:90px}.sub-wrap.project .project2 .tags.st1{margin-left:0;left:-60px;top:53px}.sub-wrap.project .project2 .tags.st2{min-width:172px;margin-right:-30px;right:105px;top:50px}.sub-wrap .view-bt{display:inline-block;margin-left:67px;margin-top:122px;padding-bottom:10px;font-size:28px;letter-spacing:-0.5px;color:#333;font-weight:700;border:0;border-bottom:2px solid rgba(0,0,0,0.3);background:transparent;cursor:pointer}.sub-wrap.project .project2 .tab-nav{text-align:left;margin:0 -15px 84px;font-size:0}.sub-wrap.project .project2 .tab-nav a{display:inline-block;width:23px;height:23px;padding:0 15px;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.2;color:#000}.sub-wrap.project .project2 .tab-nav a:first-child{width:auto;height:auto;font-size:38px;background:0 none}.sub-wrap.project .project2 .tab-nav a:last-child{width:auto;height:auto;font-size:38px;background:0 none}.sub-wrap.project .project2 .tab-nav a.on{opacity:1}.sub-wrap.project .project2 .project-list3 li{margin-bottom:74px;font-size:18px;letter-spacing:-1px;counter-increment:item;position:relative}.sub-wrap.project .project2 .project-list3 li:nth-child(n + 3){display:none}.sub-wrap.project .project2 .project-list3 li:before{content:counter(item);font-size:17px;letter-spacing:1px;position:absolute;top:24px;left:0}.sub-wrap.project .project2 .project-list3 li .pr-ttl{font-weight:700;color:#000}.sub-wrap.project .project2 .project-list3 li p{line-height:1.5;color:#000;font-size:18px;margin-top:0}.sub-wrap.project .project2 .project-list3 li a:after{display:block;clear:both;content:''}.sub-wrap.project .project2 .project-list3 .detail,.sub-wrap.project .project2 .project-list3 .thumb{float:left}.sub-wrap.project .project2 .project-list3 .detail{width:31.5%;padding-top:66px}.sub-wrap.project .project2 .project-list3 .thumb{width:68.5%;box-shadow:43px 87px 43px rgba(0,0,0,0.18)}.sub-wrap.project .view-bt{display:block;margin:123px auto 0;width:63px;height:63px;padding-bottom:0;border:1px solid #e7e7e7;font-size:0;position:relative}.sub-wrap.project .view-bt:before{width:25px;height:25px;background:url(../images/plus-bt.png) no-repeat center;background-size:contain;transition:.2s linear;position:absolute;left:50%;top:50%;margin-top:-12.5px;margin-left:-12.5px;content:''}.sub-wrap.project .view-bt:hover:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.more-bt{display:inline-block;margin-top:70px;font-size:15px;font-weight:500;letter-spacing:4px;color:#000}.more-bt span{display:inline-block;padding-bottom:16px;border-bottom:5px solid #000;cursor:pointer}.view-wrap{padding:125px 60px 0}.view-wrap .close{width:30px;height:30px;background:url(../images/close.png) no-repeat;background-size:contain;font-size:0;position:fixed;right:60px;top:55px;z-index:99}.view-wrap .view-visual{position:relative;text-align:center}.view-wrap .view-visual .bt{font-size:18px;font-weight:700;letter-spacing:9px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:fixed;top:50%;z-index:10}.view-wrap .view-visual .prev{left:20px;transform:translateY(-50%) rotate(-180deg);-webkit-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);-moz-transform:translateY(-50%) rotate(-180deg);-o-transform:translateY(-50%) rotate(-180deg)}.view-wrap .view-visual .next{right:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}.view-detail .inner{padding:120px 0}.view-detail .pj-title{font-size:40px}.view-detail .pj-title:after{display:inline-block;width:54px;height:7px;margin-left:29px;background:#000;content:''}.view-detail .pj-desc{margin:25px 0 58px;font-size:0}.view-detail .pj-desc dt,.view-detail .pj-desc dd{display:inline-block;font-size:15px;line-height:24px;vertical-align:top;letter-spacing:-0.3px}.view-detail .pj-desc dt{width:118px;font-weight:700}.view-detail .pj-desc dt:after{display:inline-block;width:15px;height:2px;margin-left:7px;background:#000;content:''}.view-detail .pj-desc dd{width:calc(100% - 118px)}.view-detail .cont_box{text-align:center}.view-detail p{font-size:15px;line-height:24px;letter-spacing:-0.3px}.view-detail .view-cont p{font-size:inherit;line-height:inherit;letter-spacing:0;margin-bottom:20px}@media(min-width:1900px){.view-detail .cont_box img{image-rendering:pixelated}}@media(max-width:1199px){.sub-wrap.project .project2 .tags.st1{left:-10px}.view-wrap .close{right:20px;top:22px}.view-wrap{padding:80px 40px 0}.view-wrap .view-visual .bt{font-size:15px}}@media(max-width:1024px){.sub-wrap .title.ko{font-size:60px;letter-spacing:-2px !important}}@media(max-width:1023px){.sub-wrap.project .project1{padding-top:112px}.sub-wrap.project .list-full .mask,.sub-wrap.project .list-full .detail,.sub-wrap.project .list-full.st2 .mask,.sub-wrap.project .list-full.st2 .detail{width:100%}.sub-wrap.project .list-full .detail{margin-top:-30px}.sub-wrap.project .list-full.st1 .thumb{right:auto;left:0}.sub-wrap.project .list-full.st1 .mask{transform:none}.sub-wrap.project .project-list .list{padding-left:0}.sub-wrap.project .list-full.st2{margin-top:70px}.sub-wrap.project .list-full.st2 .thumb{margin-bottom:50px}.sub-wrap.project .list-full.st2 .detail{margin-left:0}.sub-wrap.project .project-list2 li{font-size:28px}.sub-wrap.project .project-list2 li .detail{width:30px;height:30px;margin-left:5px}.sub-wrap.project .project2 .tags.st2{right:0;top:85px}.sub-wrap.project .project2 .project-list3 .detail,.sub-wrap.project .project2 .project-list3 .thumb{width:100%}.sub-wrap.project .project2 .project-list3 .detail{margin-bottom:10px;padding-top:15px}.sub-wrap.project .project2 .project-list3 li:before{top:0;font-size:12px}}@media(max-width:767px){.view-wrap .close{width:20px;height:20px}.sub-wrap .title.ko{font-size:32px;line-height:1.3;word-break:keep-all}.sub-wrap.project .list-full h2{font-size:24px;line-height:1.2;margin-bottom:10px}.more-bt{margin-top:20px;font-size:10px;letter-spacing:1px}.more-bt span{border-width:2px;padding-bottom:8px}.sub-wrap.project .project1{padding-top:60px}.sub-wrap.project .project-list .list{transform:none}.sub-wrap.project .project-list .list li:nth-child(2n){padding-left:10px}.sub-wrap.project .project-list .list li:nth-child(2n) .mask{width:calc(100% + 15px)}.sub-wrap.project .project-list .list li:nth-child(2n) .num,.sub-wrap.project .project-list .list li:nth-child(2n) dl{left:15px}.sub-wrap.project .project-list .list-full.st1 + .list li:nth-child(2) .mask{width:calc(100% + 20px)}.sub-wrap.project .project-list .list-full.st1 + .list li:nth-child(1) .mask{width:calc(100% + 10px)}.sub-wrap.project .project-list .list dl{font-size:1rem;line-height:1.5;word-break:keep-all}.sub-wrap.project .project-list2 li{padding-left:20px;font-size:18px;line-height:20px;margin-bottom:20px}.sub-wrap.project .project-list2 li:before{font-size:12px;top:0}.sub-wrap.project .project-list2 li .detail{width:20px;height:20px}.sub-wrap.project .project-list2 li small{margin-bottom:5px;font-size:12px}.sub-wrap.project .project2 .cont-inner{margin-bottom:50px}.sub-wrap.project .project2 .tags.st1{top:-15px}.sub-wrap.project .project2 .tags.st2{min-width:100px;right:0}.sub-wrap .view-bt{margin-left:0;margin-top:50px;font-size:16px;padding-bottom:5px}.sub-wrap.project .project2 .tab-nav{display:none}.sub-wrap.project .project2 .project-list3 li{margin-bottom:30px}.sub-wrap.project .view-bt{width:40px;height:40px;margin:60px auto 0}.sub-wrap.project .view-bt:before{width:20px;height:20px;margin-left:-10px;margin-top:-10px}.sub-wrap.project .list-full.st2:first-child .mask{margin-top:0}}@media(max-width:500px){.sub-wrap.project .project-list .list li{margin-top:40px;height:200px}.sub-wrap.project .project-list .list dl{bottom:auto;top:160px}}.sub-wrap.project .project-list2:hover li a{color:#e8e8e8}.sub-wrap.project .project-list2:hover li.on a{color:#000}.sub-wrap.project .project-list2 li a.pro_txt{z-index:100}.sub-wrap.project .project-list2 li .detail img{z-index:-1}.sub-wrap.project .view-bt{width:240px;height:auto;padding:10px 0;line-height:50px;font-size:30px;text-align:center;border:0 none}.sub-wrap.project .project2 .project-list3 li p{font-weight:900}.sub-wrap.project .project2 .project-list3 li .pr-ttl{font-weight:600}@media(max-width:767px){.sub-wrap.project .project-list2 li.on{margin-bottom:40vh}.sub-wrap.project .project-list2 li.on .detail img{margin-top:10vh}.sub-wrap.project .view-bt{width:120px;padding:0;font-size:15px}.sub-wrap.project .project2 .tab-nav{display:block}.sub-wrap.project .project2 .tab-nav a:first-child,.sub-wrap.project .project2 .tab-nav a:last-child{font-size:28px}}