body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{display:block}.ReactModalPortal{position:relative;z-index:1000}.ReactModal__Overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0009!important}.ReactModal__Content{background:var(--background)!important;border:none!important;border-radius:14px!important;margin:0 auto;max-width:1220px;overflow:visible!important;padding:0!important;position:relative}.ReactModal__Content>div::-webkit-scrollbar{border-radius:50px;height:80%;overflow:hidden;width:5px}.ReactModal__Content>div::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:50px}.ReactModal__Content>div::-webkit-scrollbar-track{background:var(--gray5);border-radius:50px}.ReactModal__Content>div{height:100%;overflow:auto}.ReactModal__Content>.closeBtn{background:var(--background);border-radius:50px;cursor:pointer;height:32px;overflow:hidden;position:absolute;right:-50px;width:32px}.ReactModal__Content>.closeBtn i{display:block;height:100%;position:relative;transform:rotate(0deg);transition:all .6s;width:100%}.ReactModal__Content>.closeBtn i:after,.ReactModal__Content>.closeBtn i:before{background:var(--titlecolor);content:"";display:block;height:1.5px;left:20%;position:absolute;top:calc(50% - .5px);transform:rotate(-45deg);width:60%}.ReactModal__Content>.closeBtn i:before{transform:rotate(45deg)}.ReactModal__Content>.closeBtn:hover i{transform:rotate(1turn)}.detailcontainer{width:100%}.detailcontainer>div{position:relative}.detailcontainer .mainbanner{display:flex;justify-content:flex-end;margin:0 var(--leftright);padding-top:42px}.detailcontainer .mainbanner .left{left:var(--leftright);position:absolute;top:13%;transform:translate(0);width:calc(100% - var(--leftright)*2)}.detailcontainer .mainbanner .left .title{background:var(--gray3);border-radius:5px;padding:25px 25px 48px}.detailcontainer .mainbanner .left .title h2{color:var(--titlecolor);font-size:64px;line-height:1em;margin:0;width:50%}.detailcontainer .mainbanner .left .title .content{width:45%}.detailcontainer .mainbanner .left .title .content p{font-size:14px;margin:15px 0 0}.detailcontainer .mainbanner .left .function{margin-top:30px}.detailcontainer .mainbanner .left .function .name{color:var(--titlecolor);display:block;font-size:16px;font-weight:600;margin-bottom:15px}.detailcontainer .mainbanner .left .function ul>li{font-size:14px;list-style:decimal;list-style-position:inside;margin-bottom:10px}.detailcontainer .mainbanner .left .graph{margin-top:30px}.detailcontainer .mainbanner .left .graph>div .name{color:var(--titlecolor);font-size:16px;font-weight:600}.detailcontainer .mainbanner .left .graph>div p{font-size:14px;margin:15px 0 17px}.detailcontainer .mainbanner .left .graph>div .graph-wrap>ul li{display:flex;margin-bottom:8px}.detailcontainer .mainbanner .left .graph>div .graph-wrap>ul li>span{color:var(--titlecolor);font-size:14px;font-weight:500;width:49px}.detailcontainer .mainbanner .left .graph>div .graph-wrap>ul li>.line{background-color:var(--gray2);border-radius:50px;height:12px;margin:0 30px;overflow:hidden;width:204px}.detailcontainer .mainbanner .left .graph>div .graph-wrap>ul li>.line>div{background-color:var(--titlecolor);height:100%}.detailcontainer .mainbanner .right{min-width:554px;width:28%;z-index:1}.detailcontainer .mainbanner .right>div{box-shadow:0 0 30px #00000026}.detailcontainer .mainbanner .right>div img{width:100%}@media screen and (max-width:1200px){.detailcontainer{margin-bottom:-80px}.detailcontainer .mainbanner .left .title .content{width:39%}}@media screen and (max-width:1100px){.detailcontainer{margin-top:83px}.detailcontainer:after,.detailcontainer:before{display:none}.detailcontainer .mainbanner .left{left:0;position:relative;top:0;transform:translate(0);width:100%}.detailcontainer .mainbanner{display:block;margin:0 var(--leftright);padding-top:0}.detailcontainer .mainbanner .left .title{background:none;padding:0}.detailcontainer .mainbanner .left .title h2{font-size:17.7vw;font-weight:900;line-height:1.3em;margin:0 0 30px;text-align:center;width:auto}.detailcontainer .mainbanner .left .title .content{background:var(--gray3);margin-top:30px;width:100%}.detailcontainer .mainbanner .left .title .content p{font-size:14px;margin:15px 0 0;padding:25px 20px}.detailcontainer .mainbanner .left .title .mobanner{margin:0 auto;width:64%}.detailcontainer .mainbanner .left .title .mobanner img{box-shadow:0 0 30px #00000026;width:100%}.detailcontainer .mainbanner .left .function ul>li{font-size:13px;margin-bottom:7px}.detailcontainer .mainbanner .left .graph>div p{font-size:13px;margin:15px 0 12px}.detailcontainer .mainbanner .left .graph>div .graph-wrap>ul li{display:flex;justify-content:space-between;margin-bottom:8px}.detailcontainer .mainbanner .left .graph>div .graph-wrap>ul li>span{font-size:13px;width:39px}.detailcontainer .mainbanner .left .graph>div .graph-wrap>ul li>.line{background-color:var(--gray2);border-radius:50px;height:12px;margin:0 20px;overflow:hidden;width:calc(100% - 120px)}.detailcontainer .mainbanner .left .graph>div .graph-wrap>ul li>.line>div{background-color:var(--titlecolor);height:100%}.detailcontainer .mainbanner .right{display:none}.ReactModal__Content{bottom:0!important;height:89%;left:0!important;top:auto!important;width:100%!important}.ReactModal__Content>.closeBtn{right:50%;top:-50px;transform:translate(50%)}}.detailskill{margin-top:32px}.detailskill>.top{margin-top:100px}.detailskill .top .name{color:var(--titlecolor);font-size:16px;font-weight:600}.detailskill .top p{font-size:14px;margin:18px 0 0}.detailskill .bottom{display:flex;gap:40px;margin-top:70px}.detailskill .bottom>div{width:calc(31% - 16.66666px)}.detailskill .bottom>div>div .name{color:var(--titlecolor);display:block;font-size:14px;font-weight:500;margin-bottom:16px;width:100%}.detailskill .bottom>div>div .name img{display:none}.detailskill .bottom>div>div ul{display:flex;flex-wrap:wrap;gap:10px}.detailskill .bottom>div>div ul>li{margin-bottom:20px;text-align:center;width:calc(29% - 10px)}.detailskill .bottom>div>div ul>li img{width:100%}.detailskill .bottom>div>div ul>li span{color:var(--titlecolor);display:block;font-size:11px;margin-top:8px}.detailskill .bottom>div.tool{width:calc(40% - 16.666px)}.detailskill .bottom>div.tool .bottom-in{margin-top:36px}.detailskill .bottom>div.tool ul>li{text-align:center;width:calc(22.5% - 10px)}@media screen and (max-width:1100px){.detailskill{margin-top:60px}.detailskill .top p{font-size:13px}.detailskill .bottom{display:block;gap:0;margin:60px -15px 0}.detailskill .bottom>div{border-top:1px solid var(--titlecolor);padding:0 15px;width:auto}.detailskill .bottom>div>div .name{display:flex;font-weight:500;justify-content:space-between;margin-bottom:16px;padding:15px 0;width:100%}.detailskill .bottom>div>div .name img{display:block}.detailskill .bottom>div>div ul{padding-bottom:40px}.detailskill .bottom>div>div ul>li{margin-bottom:15px;width:calc(25% - 10px)}.detailskill .bottom>div>div ul>li img{width:100%}.detailskill .bottom>div>div ul>li span{font-size:10px;margin-top:6px}.detailskill .bottom>div.tool{border-bottom:1px solid var(--titlecolor);padding:0;width:auto}.detailskill .bottom>div.tool>div>div{border-top:1px solid var(--titlecolor);margin-top:-1px;padding:0 15px}.detailskill .bottom>div.tool .bottom-in{margin-top:0}.detailskill .bottom>div.tool ul>li{text-align:center;width:calc(25% - 10px)}.detailskill .bottom>div.tool_one{border-bottom:1px solid var(--titlecolor)}.dropdown{height:51px;overflow:hidden;transition:all .6s}.on .name i{transform:rotate(-180deg)}.detailskill .bottom>div>div .name i{background:url(/static/media/dropdownArrw_black.79a8eed2443d0fc1f3c9.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:21px;width:15px}.dark .detailskill .bottom>div>div .name i{background:url(/static/media/arrowBtn.9ab853ac164ce45a70aa.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}}@media screen and (min-width:1100px){.dropdown{height:auto!important}}.zu.role{padding-bottom:180px}.role{padding-top:32px}.role .name{color:var(--titlecolor);font-size:16px;font-weight:600}.role .name p{font-size:14px;margin:18px 0 0}.role .swiper-wrap{margin-top:60px;width:100%}.role .swiper-wrap .swiper{margin:0 -59px;padding:0 59px}.role .swiper-wrap .swiper .swiper-wrapper .swiper-slide{font-size:14px}.role .swiper-wrap .swiper .swiper-wrapper .swiper-slide img{width:100%}.role .swiper-wrap .swiper .swiper-wrapper .swiper-slide P{color:var(--titlecolor);font-weight:500;margin:17px 0 0}.role .swiper-wrap .swiper .swiper-wrapper .swiper-slide .tagWrap{font-size:14px;margin-top:7px}.role .swiper-wrap .swiper .swiper-scrollbar{background:var(--gray);left:0;margin-top:60px;position:relative;width:100%}.role .swiper-wrap .swiper .swiper-scrollbar .swiper-scrollbar-drag{background:var(--titlecolor)}@media screen and (max-width:1100px){.zu.role{padding-bottom:80px}.role{margin-top:60px}.role .name{color:var(--titlecolor);font-size:16px;font-weight:500}.role .name p .top p{font-size:13px}.role .swiper-wrap{margin-top:18px}.role .swiper-wrap .swiper{margin:0 -15px;padding:0 15px}.role .swiper-wrap .swiper .swiper-scrollbar{margin-top:40px}}.url{padding-bottom:180px;padding-top:80px}.url .top{margin-bottom:18px}.url .top .name{color:var(--titlecolor);font-size:16px;font-weight:600}.url .url-wrap{border-bottom:1px solid var(--titlecolor);border-top:1px solid var(--titlecolor);display:flex}.url .url-wrap a{border-left:1px solid var(--titlecolor);color:var(--titlecolor);font-size:14px;font-weight:600;padding:20px;width:calc(33.333% - 40px)}.url .url-wrap a:first-child{border:none}@media screen and (max-width:1100px){.url{padding-bottom:60px;padding-top:60px}.url .url-wrap a{font-size:13px;padding:10px 20px;width:calc(33.333% - 40px)}.role{padding-top:60px}}body{font-family:Roboto,Noto Sans KR;font-weight:400;line-height:1.5em;transition:all .3s}li,ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}a,pre{font-size:inherit}pre{font-family:inherit;font-weight:inherit}*,pre{line-height:1.5em}:root,:root.light{--background:#fff;--textcolor:#555;--titlecolor:#202328;--textcolorw:#f5f5f5;--leftright:60px;--border-color:#767676;--gray:#efefef;--gray2:#efefef;--gray3:#f9f9f9}:root.dark{--background:#202328;--textcolor:#f5f5f5;--titlecolor:#fff;--textcolorw:#555;--gray:#202020;--gray2:#5c5c5c;--gray3:#747474}.mo{display:none}@media screen and (max-width:1100px){:root,:root.light{--leftright:15px}.mo{display:block}.pc{display:none}}.innerContainer{margin:0 var(--leftright)}body{background:var(--background);color:var(--textcolor)}::selection{background-color:var(--titlecolor);color:var(--background)}.darkmode{display:inline-block;mix-blend-mode:difference;-webkit-user-select:none;user-select:none}.darkmode .darmode_button{align-items:center;border:1px solid var(--titlecolor);border-radius:50px;cursor:pointer;display:flex;height:37px;position:relative;width:70px}.darkmode .darmode_button>div{align-items:center;background:var(--titlecolor);border-radius:50px;display:flex;height:30px;justify-content:center;position:absolute;top:3px;transition:left .3s;width:30px}.darkmode .darmode_button>div.sun{left:calc(100% - 35px)}.darkmode .darmode_button>div.luna{left:5px}.darkmode .darmode_button>div>img{width:60%}.header-wrap{background:var(--background);border-bottom:1px solid var(--gray2);font-weight:700;position:fixed;top:0;transition:all .6s;width:100%;z-index:10}.header-wrap .header-top{color:var(--titlecolor);position:relative;z-index:3}.header-wrap .header-top>div.menubox{display:flex;justify-content:space-between;mix-blend-mode:difference;padding:18px var(--leftright)}.header-wrap .header-top .menu-btn{cursor:pointer;-webkit-user-select:none;user-select:none}.header-wrap .header-top .home_email{display:flex;left:58%;position:absolute;top:24px}.header-wrap .header-top .home_email .home_btn{cursor:pointer;-webkit-user-select:none;user-select:none}.header-wrap .header-top .home_email .email{color:var(--textcolor);font-size:16px;font-weight:400;margin-left:40px}.header-wrap.sideOn{top:0!important}.header-wrap.sideOn .header-top{background:var(--titlecolor);border-bottom:1px solid var(--border-color);color:var(--background)}.header-wrap.sideOn .header-top .home_email .email{color:var(--background)}.dark .header-wrap.sideOn .header-top{background:var(--titlecolor);color:var(--titlecolor)}.dark .header-wrap.sideOn .header-top .home_email .email{color:var(--textcolor)}@media screen and (max-width:1100px){.header-wrap .darkmode,.header-wrap .header-top .home_email .email{display:none}.header-wrap .header-top .home_email{position:static}}.sidemenu{align-items:center;background:var(--titlecolor);color:var(--background);display:block;display:flex;height:calc(100% - 76px);left:-100%;position:fixed;top:76px;transition:all .3s;width:100%;z-index:3}.header-wrap.sideOn .sidemenu{left:0}.sidemenu .darkmode{display:none}.sidemenu>div{height:100%;margin:0;width:100%}.sidemenu .sidemenuwrap{display:flex;height:100%;justify-content:flex-end}.sidemenu .sidemenuwrap .menuWrap{align-items:center;display:flex;height:100%;position:absolute;width:100%}.sidemenu .sidemenuwrap .menuWrap ul{margin-top:-100px;width:100%}.sidemenu .sidemenuwrap .menuWrap ul li{display:block;position:relative}.sidemenu .sidemenuwrap .menuWrap ul li a{display:block;font-size:64px;font-weight:400;line-height:1.5em;opacity:.6;padding:25px var(--leftright);position:relative;z-index:2}.sidemenu .sidemenuwrap .menuWrap ul li.addPick a,.sidemenu .sidemenuwrap .menuWrap ul li:hover a{font-weight:500;opacity:1}.sidemenu .sidemenuwrap .menuWrap .mouseMove{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#efefef;background:#efefef80;border-radius:2px;display:flex;display:none;left:-20px;padding:14px 18px;position:absolute;top:-30px;z-index:3}.sidemenu .sidemenuwrap .menuWrap ul:hover .mouseMove{display:block}.sidemenu .sidemenuwrap .menuWrap .mouseMove span{color:#202328;font-family:Slabo\ 27px,serif;font-weight:500}.sidemenu .sidemenuwrap .menuWrap .mouseMove img{display:inline-block;margin-right:10px}.sidemenu .sidemenuwrap .menuWrap ul li:after{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.sidemenu .sidemenuwrap .menuWrap ul li:hover:after{opacity:1}.sidemenu .rightImgwrap{align-items:center;display:flex;position:relative;width:42%}.sidemenu .rightImgwrap:after{background:var(--border-color);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:1px}.sidemenu .rightImgwrap img{left:50px;position:relative;width:60%}.dark .sidemenu .rightImgwrap img{border:1px solid #5c5c5c}.sidemenu .lastmyinfo{display:none}.light .darkmode.sideon .darmode_button{border:1px solid #fff}.light .darkmode.sideon .darmode_button>div{background:#fff}@media screen and (max-width:1100px){.sidemenu{height:calc(100% - 61px);top:61px}.sidemenu .rightImgwrap{display:none}.sidemenu .sidemenuwrap{height:auto}.sidemenu .sidemenuwrap .menuWrap{display:block;height:auto;position:relative}.sidemenu .sidemenuwrap .menuWrap ul{margin-top:10px}.sidemenu .sidemenuwrap .menuWrap ul li a{font-size:24px;padding:15px var(--leftright)}.sidemenu .sidemenuwrap .menuWrap ul .mouseMove,.sidemenu .sidemenuwrap .menuWrap ul li:after{display:none!important}.sidemenu .lastmyinfo,.sidemenu .sidemenuwrap .menuWrap ul li:hover a{font-weight:400;opacity:.5}.sidemenu .lastmyinfo{color:var(--textcolorw);display:block;font-size:13px;padding:0 var(--leftright);padding-top:100px}.sidemenu .darkmode{display:block;position:absolute;right:15px;top:25px;z-index:3}}.footer{background:var(--gray);margin-top:180px;overflow:hidden;padding:100px 0 75px;position:relative;width:100%;z-index:2}.footer .textAnimation img{width:2875px}.footer .textAnimation>div{animation:textani 30s linear infinite;display:flex}.dark .footer .textAnimation .light,.footer .textAnimation .dark{display:none}.dark .footer .textAnimation .dark{display:flex}@keyframes textani{0%{transform:translate(0)}to{transform:translate(-2875px)}}.footer .innerContainer{border-top:1px solid var(--titlecolor);margin-top:80px;padding-top:30px}.footer .innerContainer>div{display:flex;justify-content:space-between}.footer .innerContainer>div .left{font-size:18px;font-weight:400}.footer .innerContainer>div .left .top h2{font-size:inherit;font-weight:500;margin:0}.footer .innerContainer>div .left .top span{margin-top:13px}.footer .innerContainer>div .left .bottom{padding-top:64px}.footer .innerContainer>div .right{font-size:18px}.footer .innerContainer>div .right .topmenu ul{display:flex}.footer .innerContainer>div .right .topmenu ul li{margin:0 20px}.footer .innerContainer>div .right .topmenu ul li:last-child{margin-right:0}.footer .innerContainer>div .right .topmenu ul li a{font-weight:600}.footer .innerContainer>div .right .bottom{margin-top:130px;text-align:right}.footer .innerContainer .bottomtext{display:none}@media screen and (max-width:1100px){.footer{margin-top:80px;padding:60px 0 56px}.footer .textAnimation img{width:1272px}.footer .textAnimation>div{animation:textani 20s linear infinite;display:flex}@keyframes textani{0%{transform:translate(0)}to{transform:translate(-1272px)}}.footer .innerContainer{margin-top:50px}.footer .innerContainer>div{flex-direction:column;justify-content:normal}.footer .innerContainer>div .right{font-size:13px;order:1}.footer .innerContainer>div .left{font-size:13px;order:2}.footer .innerContainer>div .right .topmenu ul{display:block}.footer .innerContainer>div .right .topmenu ul li{margin:0}.footer .innerContainer>div .right .topmenu ul li a{display:block;font-weight:500;margin-bottom:10px}.footer .innerContainer>div .left{margin-top:40px}.footer .innerContainer>div .right .bottom{display:none}.footer .innerContainer>div .left .top{text-align:right}.footer .innerContainer .bottomtext{display:block}}.gotop{align-items:center;background:var(--gray2);border-radius:14px;bottom:80px;cursor:pointer;display:flex;height:70px;justify-content:center;position:fixed;right:60px;visibility:hidden;width:70px;z-index:0;z-index:2}.gotop img{mix-blend-mode:difference}.header-wrap .header-top .menu-btn{align-items:center;display:flex}.habergermenu{display:inline-block;height:19px;margin-right:15px;position:relative;width:19px}.habergermenu i{background:var(--titlecolor);display:block;height:1px;position:absolute;transition:all .4s;width:100%}.header-wrap.sideOn .header-top .habergermenu i{background-color:var(--background)}.dark .header-wrap.sideOn .header-top .habergermenu i{background-color:var(--titlecolor)}.habergermenu i:first-child{top:0}.habergermenu i:nth-child(2){top:50%}.habergermenu i:nth-child(3){bottom:0}.habergermenu.on i:first-child{top:50%;transform:rotate(45deg)}.habergermenu.on i:nth-child(2){opacity:0}.habergermenu.on i:nth-child(3){bottom:50%;transform:rotate(-45deg)}@media screen and (min-width:1100px){body::-webkit-scrollbar{border-radius:50px;height:80%;overflow:hidden;width:8px}body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:50px}body::-webkit-scrollbar-track{background:var(--gray5);border-radius:50px}.mouseMoveTag{border-radius:50px;height:30px;left:10px;mix-blend-mode:difference;position:absolute;top:10px;width:30px;z-index:1000000000000}.light .mouseMoveTag{background-color:var(--gray)}.dark .mouseMoveTag{background:var(--titlecolor)}}@media screen and (max-width:1100px){.gotop{border-radius:8px;bottom:20px;height:50px;right:15px;width:50px}.gotop img{width:40%}}.mainPage .section01{padding-top:87px}.mainPage .section01 .textTitle{align-items:center;display:flex;flex-direction:column;padding-top:90px}.mainPage .section01 .textTitle .titleAni>div{animation:titleAni 1.2s linear forwards;animation-timing-function:steps(70);overflow:hidden;width:0}.mainPage .section01 .textTitle h1{-webkit-text-stroke:7px var(--titlecolor);color:var(--titlecolor);font-size:15.41666666666667vw;font-weight:900;left:-3px;letter-spacing:1.2vw;line-height:1.5em;margin:0 auto;position:relative;text-align:center;top:0}@media screen and (max-width:1900px){.mainPage .section01 .textTitle h1{letter-spacing:1.1vw}}@media screen and (max-width:1700px){.mainPage .section01 .textTitle h1{letter-spacing:1vw}}@media screen and (max-width:1530px){.mainPage .section01 .textTitle h1{letter-spacing:.8vw}}@media screen and (max-width:1286px){.mainPage .section01 .textTitle h1{letter-spacing:.6vw}}@keyframes titleAni{0%{width:0}to{width:100%}}.mainPage .section01 .textTitle span.line{background:var(--titlecolor);display:block;height:30px;width:1px}.mainPage .section01 .textTitle .tag-container{display:flex;margin-top:50px}.mainPage .section01 .textTitle .tag-container .tag{border-radius:50px;display:block;font-size:18px;margin:0 12.5px;padding:26px 0;position:relative;text-align:center;top:0;transition:all .3s;width:auto}.mainPage .section01 .line-context{font-size:18px;font-weight:500;margin-top:157px;width:100%}.mainPage .section01 .line-context p{margin:0 0 12px}.mainPage .section01 .line-context .bottom{display:flex;justify-content:space-between;padding-top:16px;position:relative}.mainPage .section01 .line-context .bottom:before{animation:lineanimation 2s linear forwards;background:var(--titlecolor);content:"";display:block;height:1px;position:absolute;right:0;top:0;transition:all 3s;width:0;z-index:2}@keyframes lineanimation{0%{width:0}to{width:100%}}@media screen and (max-width:1100px){.mainPage .section01 .textTitle{margin:0 -15px;padding-top:60px}.mainPage .section01 .textTitle .titleAni{overflow:hidden;width:100%}.mainPage .section01 .textTitle .titleAni>div{left:0;position:relative;width:100%}.mainPage .section01 .textTitle h1{-webkit-text-stroke:2px var(--titlecolor);color:var(--titlecolor);font-size:49vw;font-weight:900;left:1.2vw;letter-spacing:2vw;line-height:1em;position:relative}.mainPage .section01 .textTitle span.line{height:5.55555555555556vw;margin:9vw 0 10vw}.mainPage .section01 .textTitle .tag-container{margin-top:0}.mainPage .section01 .textTitle .tag-container .tag{font-size:3.61111111111111vw;margin:0 1.38888888888889vw;top:0;transition:none 0s ease 0s;transition:initial}.mainPage .section01 .textTitle .tag-container .tag:hover{top:0}.mainPage .section01 .line-context{font-size:3.61111111111111vw;margin-top:17.77777777777778vw;width:calc(100% - 30px)}.mainPage .section01 .line-context p{margin:0 0 2.77777777777778vw}.mainPage .section01 .line-context .bottom{padding-top:3.333vw}.mainPage .section01 .line-context .bottom span{width:19.44vw}}.section2{border:1px solid var(--titlecolor);border-left:none;border-right:none;margin-top:150px}.section2 .top{border-bottom:1px solid var(--titlecolor)}.section2 .top>ul{display:flex}.section2>div>ul>li .title{background:var(--background);border-bottom:1px solid var(--titlecolor);color:var(--titlecolor);display:flex;font-size:20px;font-weight:600;justify-content:space-between;padding:24px 20px;position:relative;z-index:2}.section2>div>ul>li .title img{display:none;mix-blend-mode:difference}.section2>div>ul>li .content{margin:24px 20px}.section2>div>ul>li .content .text-wrap span{display:block}.section2>div>ul>li .content .text-wrap p{line-height:1.8em;margin:0 0 20px}.section2>div>ul>li.infobox .content .text-wrap p:last-child{margin:0 0 45px}.section2 .top>ul>li.photobox{border-right:1px solid var(--titlecolor);overflow:hidden;position:relative;width:23%}.section2 .top>ul>li.photobox .content{margin:0}.section2 .top>ul>li.photobox>.content>div>img{margin:20px;width:calc(100% - 40px)}.section2 .top>ul>li.photobox>.content .mouseMove{align-items:flex-start;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#efefef;background:#efefef80;border-radius:2px;display:flex;left:10px;padding:14px 18px;position:absolute;top:10px;white-space:nowrap}.section2 .top>ul>li.photobox>.content .mouseMove img{display:inline-block;margin-right:8px;position:relative;top:4px}.section2 .top>ul>li.photobox>.content .mouseMove span{color:#202328;font-family:Slabo\ 27px,serif;font-weight:500}.section2 .top>ul>li.infobox{border-right:1px solid var(--titlecolor);width:23%}.section2 .top>ul>li.infobox .text-wrap span{color:var(--titlecolor);font-weight:600;margin-bottom:10px}.section2 .top>ul>li.activities{width:54%}.section2 .bottom>ul{display:flex}.section2 .bottom .skils{border-right:1px solid var(--titlecolor);width:46.1%}.section2 .bottom .skils .content .text-wrap{display:flex}.section2 .bottom .skils .content .text-wrap p{line-height:2.5em;margin-right:75px}.section2 .bottom .skils .content .icon{max-width:100%}.section2 .bottom .skils .content .icon>div>ul{display:flex;flex-wrap:wrap}.section2 .bottom .skils .content .icon>div>ul>li{margin:0 10px 20px 0;width:100%}.section2 .bottom .skils .content .icon>div>ul>li h4{color:var(--titlecolor);font-size:20px}.section2 .bottom .skils .content .icon>div>ul>li:before{display:none}.section2 .bottom .skils .content .icon>div>ul>li img{background:#fff;border:1px solid var(--gray);border-radius:4px;margin:2.5px;width:91px}.section2 .bottom .skils .content .icon>div>ul>li .tagwrap{display:flex;flex-wrap:wrap}.section2 .bottom .skils .content .showicon{align-items:center;cursor:pointer;display:flex;justify-content:flex-end;margin-top:14px}.section2 .bottom .skils .content .showicon>img{margin-right:5px}.section2 .bottom .skils .text-wrap ul li{border:none}.section2 .bottom .skils .text-wrap ul li:before{display:none}.section2 .bottom .skils .text-wrap ul li h4{color:var(--titlecolor);font-size:20px;margin:0 0 15px}.section2 .bottom .skils .text-wrap ul li .tagwrap{display:flex;flex-wrap:wrap;margin-bottom:44px}.section2 .bottom .skils .text-wrap ul li .tag{border:1px solid var(--titlecolor);border-radius:50px;font-size:15px;margin:5px 2.5px;padding:8px 15px}.section2 .bottom .license{border-right:1px solid var(--titlecolor);width:33%}.section2 .bottom .tmi{width:21%}.section2 .bottom .tmi .content .text-wrap{display:flex;margin:0 -20px 17px 0}.section2 .bottom .tmi .content .text-wrap span{font-family:Noto Sans KR;width:8%}.section2 .bottom .tmi .content .text-wrap .textAni{height:28px;overflow:hidden;position:relative;width:92%}.section2 .bottom .tmi .content .text-wrap .textAni p{animation:section2TextAni 13s linear infinite;left:0;margin:0;position:absolute;white-space:nowrap}.section2 .bottom .tmi .content .text-wrap .textAni:nth-child(odd) p{animation:section2TextAni 20s linear infinite}.section2 .bottom .tmi .content .text-wrap .textAni p:hover{animation-play-state:paused}.section2 .bottom .tmi .content .text-wrap{position:relative}.section2 .bottom .tmi .content .text-wrap small{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff4d;border:1px solid var(--gray);border-radius:5px;display:none;font-size:15px;left:calc(20px + 50%);padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 75px);z-index:2}.section2 .bottom .tmi .content .text-wrap:hover small{display:block}@media screen and (min-width:1100px){.section2,.section2 .top{border:none;position:relative}.section2:after{top:-1px}.section2 .top:before,.section2:after,.section2:before{background:var(--titlecolor);content:"";display:block;height:1px;position:absolute;right:0;transition:all 3s;width:0}.section2 .top:before,.section2:before{bottom:0;z-index:2}.section2>div>ul>li .title{border:none}.section2>div>ul>li .title:before{background:var(--titlecolor);bottom:0;content:"";display:block;height:1px;left:0;position:absolute;transition:all 3s;width:0;z-index:2}.section2 .bottom li,.section2 .top>ul>li{border:none!important;position:relative}.section2 .bottom li:before{right:1px}.section2 .bottom li:before,.section2 .top>ul>li:before{background:var(--titlecolor);bottom:0;content:"";display:block;height:0;position:absolute;transition:all 3s;width:1px;z-index:3}.section2 .top>ul>li:before{right:0}.section2.on .top:before,.section2.on:after,.section2.on:before,.section2.on>div>ul>li .title:before{width:100%}.section2.on .bottom li:before,.section2.on .top>ul>li:before{height:100%}.section2 .bottom li:last-child:before,.section2>div>ul>li:last-child:before{display:none}}@keyframes section2TextAni{0%{transform:translate(0)}to{transform:translate(-50%)}}.section2 .bottom .tmi .content .anoter{margin-top:50px}.section2 .bottom .tmi .content .anoter img{display:inline-block;margin-right:8px;mix-blend-mode:difference}@media screen and (max-width:1100px){.section2{margin-top:80px}.section2,.section2 .top{border-bottom:none}.section2>div>ul{display:block!important}.section2>div>ul>li{width:100%!important}.section2>div>ul>li .title{background:var(--background);border-top:1px solid var(--titlecolor);margin-top:-1px;padding:15px;z-index:2}.section2>div>ul>li .title img{display:block;mix-blend-mode:difference;transform:rotate(0deg)}.section2>div>ul>li .content{height:0;margin:0;overflow:hidden;transition:all .6s}.section2>div>ul>li .content .text-wrap{margin:24px 0 0;padding:0 15px}.section2>div>ul>li .content .text-wrap span{display:block}.section2>div>ul>li .content .text-wrap p{font-size:14px;line-height:1.8em;margin:0 0 20px}.section2>div>ul>li.infobox .content .text-wrap p:last-child{margin:0 0 45px}.section2>div>ul>li.on .title img{transform:rotate(-180deg)}.section2 .top>ul>li.photobox>.content>div img{margin:0 15px;padding:20px 0;width:calc(100% - 30px)}.section2 .top>ul>li.photobox>.content .mouseMove{font-size:14px;left:50%;max-width:287px;padding:10px;top:30%;transform:translate(-50%,-50%)!important;width:70%;z-index:1}.section2 .top>ul>li.photobox>.content .mouseMove img{margin:0 10px 0 0;padding:0;width:20px}.section2 .bottom .skils .content .showicon{font-size:13px;padding:0 15px 40px}.section2 .bottom .tmi .content .anoter{border-bottom:1px solid var(--titlecolor);padding:0 15px 40px}.section2 .content>div{padding-bottom:30px}.section2 .bottom .license .text-wrap:last-child,.section2 .top>ul>li.activities .text-wrap:last-child{padding-bottom:40px}.section2 .bottom .tmi .text-wrap:first-child{padding-top:30px}.section2 .bottom .license,.section2 .bottom .skils,.section2 .top>ul>li{border-right:none!important}.section2 .bottom .skils .text-wrap ul li h4{font-size:15px;margin-bottom:8px}.section2 .bottom .skils .text-wrap ul li .tagwrap{display:flex;flex-wrap:wrap;margin-bottom:24px}.section2 .bottom .skils .text-wrap ul li .tag{font-size:13px;padding:4px 12px}.section2 .bottom .skils .content .icon>div>ul{margin:0 15px}.section2 .bottom .skils .content .icon>div>ul>li h4{color:var(--titlecolor);font-size:20px}.section2 .bottom .skils .content .icon>div>ul>li:before{display:none}.section2 .bottom .skils .content .icon>div>ul>li img{background:#fff;border:1px solid var(--gray);border-radius:4px;margin:2.5px;width:calc(25% - 5px)}.section2 .bottom .skils .content .icon>div>ul>li .tagwrap{display:flex}.section2 .bottom .tmi .content{position:relative}.section2 .bottom .tmi .content:before{background:var(--titlecolor);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.section2 .bottom .tmi .content .text-wrap:hover small{border-radius:5px;font-size:13px;left:calc(15px + 50%);padding:10px;width:calc(100% - 100px)}}@media screen and (min-width:1100px){.section2>div>ul>li .content{height:auto!important}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-scrollbar{background:#0000001a;background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:4px;bottom:var(--swiper-scrollbar-bottom,4px);height:4px;height:var(--swiper-scrollbar-size,4px);left:1%;left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:auto;top:var(--swiper-scrollbar-top,auto);width:98%;width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:98%;height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:auto;left:var(--swiper-scrollbar-left,auto);position:absolute;right:4px;right:var(--swiper-scrollbar-right,4px);top:1%;top:var(--swiper-scrollbar-sides-offset,1%);width:4px;width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:#00000080;background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.section3 .title{border-bottom:1px solid var(--titlecolor);padding:13vw 0;text-align:center}.section3 .title h2{color:var(--titlecolor);font-size:3.333vw;font-weight:600;line-height:1.3em;margin:0}.section3 .title h2,.section3 .title p{opacity:0;transform:translateY(100px);transition:all .6s}.section3 .title p{display:block;font-size:1.04vw;margin:.78vw 0 0}.section3.on h2,.section3.on p{opacity:1;transform:translate(0);transition:all 1s}.section3.on p{transition:all 1s .4s}.section3 .project-list ul li{border-bottom:1px solid var(--titlecolor);display:flex;height:34vw;overflow:hidden;padding:5.2vw 0 0;transition:all 1s}.section3 .project-list ul li .left{width:18%}.section3 .project-list ul li .left>div{margin:0 var(--leftright)}.section3 .project-list ul li .left p{font-size:1.5vw;font-weight:500;line-height:1.5em;margin:0}.section3 .project-list ul li .left span{font-size:1vw}.section3 .project-list ul li .right{width:82%}.section3 .project-list ul li .right>div{display:flex;height:100%}.section3 .project-list ul li .right>div .text{width:46%}.section3 .project-list ul li .right>div .text h2{color:var(--titlecolor);font-size:3.3vw;font-weight:600;line-height:1.3em;margin:0}.section3 .project-list ul li .right>div .text pre{font-size:.78vw;margin:15px 0 0;width:50%}.section3 .project-list ul li .right>div .text a{border:1px solid var(--textcolorw);color:var(--textcolorw);display:flex;font-size:.78vw;font-weight:300;justify-content:center;margin-top:2.6vw;mix-blend-mode:difference;padding:.78vw 0;width:9.3vw}.section3 .project-list ul li .right>div .text a img{margin-left:.78vw;transform:translate(0);transition:all .3s;width:1vw}.section3 .project-list ul li .right>div .text a:hover img{transform:translate(10px)}.dark .section3 .project-list ul li .right>div .text a{border-color:var(--titlecolor);color:var(--titlecolor);mix-blend-mode:normal}.section3 .project-list ul li .right>div .img{height:100%;position:relative;transition:opacity .6s;width:64%}.section3 .project-list ul li .right>div .img>div img{box-shadow:0 0 30px #00000026;left:8%;position:absolute;top:0;width:68%}.section3 .project-list ul li .right>div .img img:first-child{transform:translate(0);transition:all 1.5s linear}.section3 .project-list ul li .right>div .img img:last-child{transform:translateY(70%);transition:all 1s linear}.section3 .project-list ul li .right>div .img:hover img:first-child{transform:translateY(-120%);transition:all 3s linear}.section3 .project-list ul li .right>div .img:hover img:last-child{transform:translate(0);transition:all 1.5s linear 3s}.section3 .project-list ul li .right>div .img:after{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0003;bottom:10%;color:#fff;content:"마우스를 올려서 이미지를 확인하세요!";display:block;font-size:.78vw;left:42%;padding:10px 20px;position:absolute;transform:translate(-50%)}.section3 .project-list ul li .right>div .img:hover:after{display:none}.section3 .project-list ul li .right>div .text a,.section3 .project-list ul li .right>div .text h2,.section3 .project-list ul li .right>div .text p,.section3 .project-list ul li .right>div .text pre{opacity:0;transform:translateY(100px);transition:all .6s}.section3 .project-list ul li.on .right>div .text h2{opacity:1;transform:translate(0);transition:all 1s}.section3 .project-list ul li.on .right>div .text p,.section3 .project-list ul li.on .right>div .text pre{opacity:1;transform:translate(0);transition:all 1s .3s}.section3 .project-list ul li.on .right>div .text a{opacity:1;transform:translate(0);transition:all 1s .6s}.section3 .project-list ul li.drop{height:80px;left:0;padding:60px 0;position:static;top:0}.section3 .project-list ul li.drop .img,.section3 .project-list ul li.drop .right>div .text pre{opacity:0}@media screen and (max-width:1100px){.section3 .title{margin:0 var(--leftright);padding:180px 0}.section3 .title h2{font-size:50px;font-weight:600}.section3 .title p{font-size:15px;margin-top:15px}.section3 .project-list ul li{border:none;display:block;position:relative}.section3 .project-list ul li>*{width:100%!important}.section3 .project-list ul li:after{background:var(--titlecolor);bottom:0;content:"";height:1px;left:15px;position:absolute;width:calc(100% - 30px)!important}.section3 .project-list ul li{height:auto;padding:25px var(--leftright) 0}.section3 .project-list ul li .left{width:100%}.section3 .project-list ul li .left>div{display:flex;justify-content:space-between;margin:0}.section3 .project-list ul li .left p{font-size:15px}.section3 .project-list ul li .left span{font-size:13px}.section3 .project-list ul li .right>div .text a img>div{position:relative}.section3 .project-list ul li .right>div{display:block;height:auto}.section3 .project-list ul li .right>div .img,.section3 .project-list ul li .right>div .text{width:100%}.section3 .project-list ul li .right>div .text h2{font-size:30px;margin-top:38px}.section3 .project-list ul li .right>div .text p{font-size:15px;margin-bottom:30px;margin-top:11px;width:100%}.section3 .project-list ul li .right>div .text a{display:flex;font-size:15px;justify-content:space-between;margin-top:17px;padding:15px;width:calc(100% - 32px)}.section3 .project-list ul li .right>div .text a img{margin-left:0;width:23px}.section3 .project-list ul li .right>div .text a:hover img{transform:translate(10px)}.dark .section3 .project-list ul li .right>div .text a{border-color:var(--titlecolor);color:var(--titlecolor);mix-blend-mode:normal}.section3 .project-list ul li .right>div .img{box-shadow:0 0 15px #00000026;height:72vw;margin-bottom:40px;margin-top:38px;overflow:hidden;position:relative;width:auto}.section3 .project-list ul li .right>div .img>div img{left:0;top:0;width:100%}.section3 .project-list ul li .right>div .img img:first-child{transform:translate(0);transition:none!important}.section3 .project-list ul li .right>div .img img:last-child{transform:translateY(70%);transition:none!important}.section3 .project-list ul li .right>div .img:hover img:first-child{transform:translate(0)}.section3 .project-list ul li .right>div .img:hover img:last-child{transform:translateY(70%)}.section3 .project-list ul li .right>div .img:after{display:none}.section3 .project-list ul li .right>div .img{opacity:0;transform:translateY(20%);transition:all .6s}.section3 .project-list ul li.on .right>div .img{opacity:1;transform:translate(0);transition:all 1s .6s}}.section5{padding:9.375vw 0 0}.section5 .title h2{color:var(--titlecolor);font-size:3.333vw;margin:0}.section5 .title p{font-size:1.04vw;margin:.78vw 0 0}.section5 .wrapbox{display:flex;margin-top:4.5vw}.section5 .wrapbox>a{background:var(--gray2);display:block;padding:2vw;width:calc(50% - .6vw)}.section5 .wrapbox>a.left{background:var(--gray3);margin-right:1.25vw}.section5 .wrapbox>a .top h3{color:var(--titlecolor);font-size:2.08vw;margin:0}.section5 .wrapbox>a .top p{font-size:.78vw;margin:.78vw 0 0}.section5 .wrapbox>a .bottom{border-top:1px solid var(--titlecolor);margin-top:7.9vw;padding-top:.78vw}.section5 .wrapbox>a .bottom div{display:flex;font-size:.78vw}.section5 .wrapbox>a .bottom div img{margin-left:.625vw;mix-blend-mode:difference;transition:all .6s;width:1.5vw}.section5 .wrapbox>a:hover .bottom div img{transform:translate(10px)}.section5 .title h2,.section5 .title p,.section5 .wrapbox>a:first-child,.section5 .wrapbox>a:nth-child(2){opacity:0;transform:translateY(150px);transition:all .6s}.section5.on .title h2,.section5.on .title p,.section5.on .wrapbox>a:first-child,.section5.on .wrapbox>a:nth-child(2){opacity:1;transform:translate(0);transition:all 1s}.section5.on .title h2{transition:all .8s}.section5.on .title p{transition:all 1.2s}.section5.on .wrapbox>a:first-child{transition:all 1.5s}.section5.on .wrapbox>a:nth-child(2){transition:all 2s}@media screen and (max-width:1100px){.section5{padding:0}.section5 .title h2{font-size:50px}.section5 .title p{font-size:15px;margin-top:5px}.section5 .wrapbox{display:block;margin-top:40px}.section5 .wrapbox>a{margin:20px 0 0;padding:15px 20px;width:auto}.section5 .wrapbox>a .top h3{font-size:30px}.section5 .wrapbox>a .top p{font-size:13px;margin:0}.section5 .wrapbox>a .bottom{margin-top:77px;padding-top:10px}.section5 .wrapbox>a .bottom div{font-size:13px}.section5 .wrapbox>a .bottom div img{margin-left:12px;mix-blend-mode:difference;width:15px}.dark .section5 .wrapbox>a .bottom div img{mix-blend-mode:normal}}.about_me{padding:180px 0 150px}.about_me h2{color:var(--titlecolor);font-size:20px;margin:0 0 50px}.about_me>div li:nth-child(2):before{background:var(--titlecolor);content:"";display:block;height:1px;left:0;position:absolute;top:0;transition:all 2.5s;width:0}.about_me.on>div li:nth-child(2):before{width:100%}.about_me>div ul li{padding-bottom:80px;position:relative}.about_me>div ul li:nth-child(2){padding-bottom:0;padding-top:80px}.about_me>div ul li h4{color:var(--titlecolor);font-size:40px;margin:0 0 15px}.about_me>div ul li p{font-size:20px}.about_me>div ul li h4,.about_me>div ul li p{opacity:0;position:relative;top:50px;transition:all .5s}.about_me.on>div ul li:first-child h4{opacity:1;top:0;transition:all 1s .2s}.about_me.on>div ul li:first-child p{opacity:1;top:0;transition:all 1s .4s}.about_me.on>div ul li:nth-child(2) h4{opacity:1;top:0;transition:all 1s .6s}.about_me.on>div ul li:nth-child(2) p{opacity:1;top:0;transition:all 1s .8s}@media screen and (max-width:1100px){.about_me{padding:80px 0 0}.about_me h2{font-size:15px;margin-bottom:14px}.about_me>div ul li{padding-bottom:30px}.about_me>div ul li:nth-child(2){padding-bottom:0;padding-top:15px}.about_me>div ul li h4{font-size:30px;margin:0 0 14px}.about_me>div ul li p{font-size:14px}.about_me>div ul li p>br{display:none}}.section4{border-bottom:1px solid var(--titlecolor);padding-top:10vw}.section4 .innerContainer{text-align:center}.section4 .innerContainer .title h2{color:var(--titlecolor);font-size:3.333vw;font-weight:600;margin:0 0 1.25vw}.section4 .innerContainer .title p{font-size:1.04vw;margin:0}.section4 .innerContainer .title .line{background-color:var(--titlecolor);display:inline-block;height:2.96875vw;margin:2.6041vw 0;width:1px}.section4 .innerContainer .title h2,.section4 .innerContainer .title p{opacity:0;transform:translateY(50px)}.section4 .innerContainer .title .line{transform:scaleY(0);transition:all 1s}.section4.on .innerContainer .title h2{opacity:1;transform:translate(0);transition:all .8s}.section4.on .innerContainer .title p{opacity:1;transform:translate(0);transition:all 1s}.section4.on .innerContainer .title .line{transform:scaleY(1)}.section4 .innerContainer .work-tag{opacity:0;transform:translateY(50px);transition:all .8s}.section4.on .innerContainer .work-tag{opacity:1;transform:translate(0)}.section4 .innerContainer .work-tag span{border:1px solid var(--titlecolor);border-radius:50px;color:var(--titlecolor);cursor:pointer;display:inline-block;font-size:.78vw;margin:0 .23vw;padding:.67vw 1.56vw;transition:all .3s}.section4 .innerContainer .work-tag span.pick,.section4 .innerContainer .work-tag span:hover{background:var(--titlecolor);color:var(--background)}.section4 .work-continaer{margin-top:3.125vw}.section4 .work-continaer ul{display:flex;flex-wrap:wrap}.section4 .work-continaer ul li{cursor:pointer;opacity:0;overflow:hidden;transform:translateY(80px);transition:all .5s;width:25%}.section4 .work-continaer ul li div img{transition:all .8s;width:100%}.section4 .work-continaer ul li:hover div img{transform:scale(1.2);transform-origin:center;width:100%}.section4.on .work-continaer ul li{opacity:1;transform:translate(0);transition:all var(--i) * .5s linear}.show{display:block}.hidden{display:none}@media screen and (max-width:1100px){.section4{margin-bottom:60px}.section4 .innerContainer .title h2{font-size:50px;margin:0 0 15px}.section4 .innerContainer .title p{font-size:15px;margin:0}.section4 .innerContainer .title .line{background-color:var(--titlecolor);display:inline-block;height:40px;margin:30px 0;width:1px}.section4 .innerContainer .work-tag span{font-size:13px;margin:0 2.5px;padding:8.2px 19px}.section4 .work-continaer{margin-top:30px}.section4 .work-continaer ul li{width:50%}}.work .function ul{width:calc(50% - 20px)}.work .function ul.skills{display:flex;flex-wrap:wrap;gap:10px}.work .function ul>li{list-style:none!important;margin-bottom:5px!important}.work .function ul.skills>li{text-align:center}.work .function ul.skills>li span{font-size:10px}.work .function ul.skills>li img{max-width:72px}.dropdownContainer{margin-top:100px;padding-bottom:100px}.dropDownWrap{border-top:1px solid var(--titlecolor);margin:0 var(--leftright)}.dropDownWrap:last-child{border-bottom:1px solid var(--titlecolor)}.dropDownWrap .titlebutton{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:24px 0}.dropDownWrap .titlebutton span{color:var(--titlecolor);font-weight:600}.dropDownWrap .titlebutton i{display:block;height:7px;position:relative;transform:rotate(0deg);width:13px}.dropDownWrap .titlebutton i:after,.dropDownWrap .titlebutton i:before{background:var(--titlecolor);content:"";height:1px;left:0;position:absolute;top:50%;transform:rotate(45deg);width:57%}.dropDownWrap .titlebutton i:before{left:auto;right:0;transform:rotate(-45deg)}.dropDownWrap .textContent{overflow:hidden;transition:all .6s}.dropDownWrap .textContent>div{padding:5px 0 40px}.dropDownWrap .textContent p{margin:0 15px 10px 0}.dropDownWrap .textContent small{color:var(--gray4);display:block;font-size:inherit;margin-top:30px}.dropDownWrap .textContent ul{margin:30px 0 0}.dropDownWrap .textContent ul li:first-child{list-style:none;margin-bottom:5px}.dropDownWrap .textContent ul li{list-style:disc;list-style-position:inside;margin:0 0 5px}.dropDownWrap .textContent ul li a{margin-left:-5px;text-decoration:underline}.work .detailcontainer .mainbanner .left .title h2{letter-spacing:-3px;width:48%}.dropDownWrap .titlebutton span{font-size:16px}.dropDownWrap .textContent *{font-size:14px}@media screen and (max-width:1100px){.work .function ul{width:100%}.work .detailcontainer .mainbanner .left .title small{display:block;text-align:center;width:100%}.work .detailcontainer .mainbanner .left .title h2{font-size:16.7vw;font-weight:500;letter-spacing:-2px;margin-bottom:20px;width:100%}.work .detailcontainer .mainbanner .left .title .content p{margin-top:40px}.detailcontainer{margin-top:50px}.dropDownWrap{margin:0}.dropDownWrap .textContent,.dropDownWrap .titlebutton{padding-left:15px;padding-right:15px}.dropDownWrap .titlebutton span{font-size:15px}.dropDownWrap .textContent *{font-size:13px}}@media screen and (min-width:1100px){.work .detailcontainer .mainbanner{min-height:650px}.work .detailcontainer .mainbanner .left .title h2{letter-spacing:-1px}}.loadingAnimation{align-items:center;display:flex;justify-content:center}.loadingAnimation img{width:100px}@media screen and (max-width:1100px){.loadingAnimation img{width:50px}}
/*# sourceMappingURL=main.1dd78fac.css.map*/