@charset "utf-8";

html, body, #prjDtlPopWrp > div{-ms-overflow-style: none;}

html::-webkit-scrollbar {display: none;}
body::-webkit-scrollbar {display: none;}
#prjDtlPopWrp > div::-webkit-scrollbar {display: none;}

.xi-spinner-1{visibility:hidden;}
.xi-spinner-1.xi-spin{visibility:visible;}

/* _:-ms-fullscreen, :root #cntWrp{transition:top 0.75s ease-out;}
_:-ms-fullscreen, :root #btmCpy{transition:all 0.75s ease-out;} */

/* #fkeScl{min-height:8635px;} */

#cntWrp{position:fixed;top:0;left:0;width:100%;height:100%;}
#cntLft{position:absolute;top:0;left:0;width:100%;}

/*#cntRgt{position:absolute;left:100%;width:100%;top:calc(100vh + 267.72vw + 12.6vw);}*/
#cntRgt{position:absolute;left:100%;width:100%;top:calc(100vh + 267.72vw + 84vw);}
/* 4285px */
/* 2142 */
#cntTop{position:relative;overflow:hidden;}
#topImg{width:100%;height:100vh;overflow:hidden;}
#topImg video{min-width:100%;min-height:100%;display:block;position:relative;left:50%;transform:translateX(-50%);}
#topLgo{position:absolute;top:50px;left:60px;}
#topLgo img{width:180px;}
#topTrm{position:absolute;top:50px;right:60px;font-size:18px;line-height:20px;font-weight:bold;color:#fff;}
/* width:120px; */
#topCpy{position:absolute;bottom:30px;right:60px;font-size:18px;line-height:20px;font-weight:bold;color:#fff;
display:none;
}
#topTxt{position:absolute;top:50%;transform:translateY(-50%);color:#fff;left:60px;}
/* left:6.77vw; */
/* 130px */
#topTxt span{display:block;transform:translateX(0);opacity:1;transition:all 1.25s;letter-spacing:-0.04em;width:150.208vw;font-weight:bold;font-size:10.5vw;line-height:12vw;}
/* 2500px / 230px / 220px */
#topTxt span.on:nth-child(1){transform:translateX(26.041vw);opacity:0;transition:all 1.25s;letter-spacing:2.604vw;}
/* 500px */
/* 50px */
#topTxt span.on:nth-child(2){transform:translateX(-39.0625vw);opacity:0;transition:all 1.25s;letter-spacing:2.604vw;}
/* -750px */
#topTxt span.on:nth-child(3){transform:translateX(26.041vw);opacity:0;transition:all 1.25s;letter-spacing:2.604vw;}
#topTxt i.second{display:block;transform:translateX(0);opacity:1;transition:all 1.25s;letter-spacing:-0.04em;width:206.25vw;font-weight:bold;font-size:6.729vw;line-height:9.729vw;font-style:normal;}
#topTxt i{display:block;transform:translateX(0);opacity:1;transition:all 1.25s;letter-spacing:-0.04em;width:206.25vw;font-weight:bold;font-size:4.729vw;line-height:5.729vw;font-style:normal;}

/* 3000px / 110px / 120px */

#topTxt i.on:nth-child(2){transform:translateX(-39.0625vw);opacity:0;transition:all 1.25s;letter-spacing:2.604vw;}
#topTxt i.on:nth-child(3){transform:translateX(26.041vw);opacity:0;transition:all 1.25s;letter-spacing:2.604vw;}
#topTxt i.on:nth-child(4){transform:translateX(-39.0625vw);opacity:0;transition:all 1.25s;letter-spacing:2.604vw;}
#topScl{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);cursor:pointer;z-index:60;}
#topScl > span{font-size:15px;line-height:16px;color:#fff;font-weight:bold;}
#topScl > strong{display:block;height:45px;position:relative;margin-bottom:15px;}
#topScl > strong > span{background-color:#fff;position:absolute;}
#topScl > strong > span:nth-child(1){width:12px;height:1px;bottom:0;right:calc(50% + 1px);transform:rotate(45deg);transform-origin:right bottom;}
#topScl > strong > span:nth-child(2){width:12px;height:1px;bottom:0;left:50%;transform:rotate(-45deg);transform-origin:left bottom;}
#topScl > strong > span:nth-child(3){width:1px;height:43px;bottom:0;left:calc(50% - 1px);}

#topSkp{position:absolute;bottom:30px;right:60px;cursor:pointer;z-index:60;font-size:25px;line-height:16px;color:#fff;font-weight:bold;}

#topNum{position:absolute;top:-85px;right:-250px;opacity:0.5;}
#topNum01{display:block;}
#topNum02{display:none;}



#ctnAwdWrp{position:relative;width:100%;height:2360px;padding-bottom:140px;padding-top:100px;}
#ctnAwdTtl{position:sticky;top:80px;left:0;width:100%;text-align:center;color:#131518;font-weight:900;z-index:20;line-height:160px;font-size:160px;margin-bottom:686px;}
#ctnAwd{position:sticky;top:160px;width:815px;left:50%;transform:translateX(-50%);height:766px;}
#ctnAwd .bx-wrapper{height:680px;}
#ctnAwd .bx-viewport{overflow:visible !important;}
.ctnAwdItm img{width:100%;display:block;margin-bottom:20px;}
.ctnAwdItm i{font-size:18px;color:#7c7c7c;font-weight:500;font-style:normal;display:block;padding-bottom:10px;}
.ctnAwdItm strong{font-size:28px;color:#000;display:block;padding-bottom:20px;}
.ctnAwdItm span{font-size:20px;color:#000;display:block;}
#cntWrdPgr{position:relative;width:1770px;left:50%;transform:translateX(-50%);padding-top:80px;display:none;}
#cntWrdPgr div{height:6px;background-color:#e8e8e8;position:relative;}
#cntWrdPgr div span{width:275px;height:6px;background-color:#040404;position:absolute;top:0;left:0;transition:all 0.5s;}
#cntWrdBtn{position:sticky;top:calc(100% - 148px);margin-left:calc(100% - 275px);z-index:30;display:block;width:200px;}
#cntWrdBtn strong{display:block;line-height:105px;font-size:30px;color:#030101;font-weight:500;}
#cntWrdBtn i{position:absolute;top:0;right:0;width:101px;height:101px;border:2px #d8d8d8 solid;border-radius:55px;}
#cntWrdBtn i span{width:25px;height:2px;background-color:#000;position:absolute;top:calc(50% + 9px);}
#cntWrdBtn i span:nth-child(1){left:50%;transform:rotate(-45deg);transform-origin:bottom left;}
#cntWrdBtn i span:nth-child(2){right:50%;transform:rotate(45deg);transform-origin:bottom right;}





#cntAwdSldWrp {margin-top:5.2vw; height:92vw;}
#cntAwdSld{position:relative; z-index:10;}
#cntAwdSldTtl{position:static; top:20.3vw; left:0; width:100%; text-align:center; color:#131518; font-weight:900; z-index:20; line-height:8.3vw; font-size:160px; transition:color 0.5s; width:1770px; padding-bottom:27.5vw; margin-left:calc((100% - 1770px)/2);}
#cntAwdSldTtl.on{color:#fff;transition:color 0.5s;}


.cntAwdSldItm > div{position:relative;background-color:#000;}
.cntAwdSldItm > div > img{width:100%;opacity:0.7;}
.cntAwdSldItm > div > div{position:absolute;top:calc(50% + 20px);left:0;transform:translateY(-50%);width:100%;text-align:center;font-size:26px;color:#fff;}
.cntAwdSldItm > div > div > i{font-style:normal;font-size:26px;color:#fff;display:inline-block;margin:0 10px;}
.cntAwdSldItm > div > div > strong{font-size:26px;color:#fff;display:inline-block;margin:0 10px;}
.cntAwdSldItm > div > div > span{font-size:26px;font-weight:500;color:#fff;display:inline-block;margin:0 10px;}
.cntAwdSldItm > div > div > a{font-size:26px;color:#fff;display:inline-block;margin:0 10px;}


#cntAwdSldWrp2 {margin-top:5.2vw;height:92vw;}
#cntAwdSld2{position:relative; z-index:10;}
#cntAwdSldTtl2{position:static; top:60.3vw; left:0; width:100%; text-align:center; color:#131518; font-weight:900; z-index:20; line-height:8.3vw; font-size:160px; transition:color 0.5s; width:1770px; padding-bottom:27.5vw; margin-left:calc((100% - 1770px)/2);}
#cntAwdSldTtl2.on{color:#fff;transition:color 0.5s;}


/*#cntAwdSldTtlCvr,
#cntAwdSldTtl2Cvr,
#cntAwdSldTtl3Cvr,
#cntAwdSldTtl4Cvr{display:none;}*/

#cntAwdSldWrp3{margin-top:2.2vw; height:80vw;}
#cntAwdSld3{position:relative;z-index:10;} /* padding-top:27.5vw; */
#cntAwdSldTtl3{position:static; top:180vw; left:0; width:100%; text-align:center; color:#131518; font-weight:900; z-index:20; line-height:8.3vw; font-size:160px; transition:color 0.5s; width:1770px; padding-bottom:27.5vw; margin-left:calc((100% - 1770px)/2);}
#cntAwdSldTtl3.on{color:#fff;transition:color 0.5s;}


#cntAwdSldWrp4 {margin-top:2.2vw;height:80vw; margin-bottom: 12vh;}
#cntAwdSld4{position:relative;z-index:10; } /* padding-top:27.5vw; */
#cntAwdSldTtl4 {position:static; top:280vw; left:0; width:100%; text-align:center; color:#131518; font-weight:900; z-index:20; line-height:8.3vw; font-size:140px; transition:color 0.5s; width:1770px; padding-bottom:27.5vw; margin-left:calc((100% - 1770px)/2);}
#cntAwdSldTtl4.on{color:#fff;transition:color 0.5s;}


.ctnAwdPrv{position:absolute;top:calc(50% - 140px);width:60px;height:60px;border:2px #d8d8d8 solid;border-radius:31px;background-color:#fff;right:calc(50% + 445px);z-index:50;}
.ctnAwdPrv span{width:2px;height:15px;background-color:#000;position:absolute;left:47%;border-radius:2px;}
.ctnAwdPrv span:nth-child(1){bottom:46%;transform:rotate(45deg);}
.ctnAwdPrv span:nth-child(2){top:46%;transform:rotate(-45deg);}
.ctnAwdNxt{position:absolute;top:calc(50% - 140px);width:60px;height:60px;border:2px #d8d8d8 solid;border-radius:31px;background-color:#fff;left:calc(50% + 445px);z-index:50;}
.ctnAwdNxt span{width:2px;height:15px;background-color:#000;position:absolute;left:53%;border-radius:2px;}
.ctnAwdNxt span:nth-child(1){bottom:46%;transform:rotate(-45deg);}
.ctnAwdNxt span:nth-child(2){top:46%;transform:rotate(45deg);}










#cntBtm{width:100%;height:100vh;position:relative;overflow:hidden;background-color:#fff;z-index:10;}
#btmCpy{position:absolute;bottom:100vh;left:100vw;font-size:250px;line-height:180px;color:#e3e3e3;font-weight:bold;width:2600px;padding-bottom:100px;}
#btmTxt{position:absolute;top:calc(37% - 195px);left:10%;font-size:7.8125vw;line-height:7.2916vw;font-weight:bold;color:#131518;transform:translateX(-1000px);}
/* 210px */
#btmPrg{position:absolute;top:calc(37% + 20px);left:calc(50% + 9.1145vw);font-size:30px;line-height:38px;font-weight:500;transform:translateX(1000px);z-index:1;min-width:350px;}
#btmGto{position:absolute;top:calc(37% + 60px);left:calc(50% + 18% + 14.5833vw);width:106px;height:106px;border:2px #d8d8d8 solid;border-radius:55px;transform:translateX(500px);}
/* 630px */
#btmGto span{width:27px;height:3px;background-color:#000000;position:absolute;right:calc(50% - 12px);top:calc(50% - 1.5px);}
#btmGto span:nth-child(1){transform:rotate(45deg);transform-origin:bottom right;}
#btmGto span:nth-child(2){transform:rotate(-45deg);transform-origin:top right;}


#cntBtm2{width:100%;height:100vh;position:relative;overflow:hidden;background-color:#000;z-index:5;top:-100vh;}
#btmCpy2{position:absolute;bottom:100vh;left:100vw;font-size:250px;line-height:180px;color:#1c1c1c;font-weight:bold;width:2600px;padding-bottom:100px;}
#btmTxt2{position:absolute;top:calc(37% - 195px);left:10%;font-size:7.8125vw;line-height:7.2916vw;font-weight:bold;color:#eceae7;transform:translateX(-1000px);}
#btmPrg2{position:absolute;top:calc(37% + 20px);left:calc(50% + 9.1145vw);font-size:30px;line-height:38px;font-weight:500;transform:translateX(1000px);z-index:1;min-width:350px;color:#e3e3df;}
#btmGto2{position:absolute;top:calc(37% + 60px);left:calc(50% + 18% + 14.5833vw);width:106px;height:106px;border:2px #272727 solid;border-radius:55px;transform:translateX(500px);}
#btmGto2 span{width:27px;height:3px;background-color:#ffffff;position:absolute;right:calc(50% - 12px);top:calc(50% - 1.5px);}
#btmGto2 span:nth-child(1){transform:rotate(45deg);transform-origin:bottom right;}
#btmGto2 span:nth-child(2){transform:rotate(-45deg);transform-origin:top right;}
#unvInf2{position:absolute;left:60px;bottom:65px;height:26px;width:calc(100% - 120px);font-size:18px;color:#fcfefe;font-weight:500;line-height:26px;}
#unvInfAdr2{position:absolute;top:0;left:0;padding-right:166px;}
#unvInfTel2{position:absolute;top:0;left:350px;}
#unvInfEml2{position:absolute;top:0;left:540px;}
#unvInfCpy2{position:absolute;top:0;right:0;}





#prjLstWrp{position:relative;padding-top:1430px;
/* overflow:hidden; */
/* min-height:1080px; */
}
#prjLstTtl{position:absolute;top:0;font-size:8vw;font-weight:bold;right:38px;
line-height:19.4vw;
transform-origin:top right;
}
/* 250px */
/* left:calc(100% - 1342px) */

/* margin-right:0;right:0; */
/* transition:all 0.5s; */
/* #prjLstTtl.off{right:-70%;transition:all 0.5s;} */
#prjLstTabCvr{position:absolute;width:100%;background-color:#fff;top:0;left:0;height:0;box-shadow:0px 0px 20px rgba(0,0,0,0.1);max-height:100px;z-index:30;min-height:0;transition:max-height 0.5s, min-height 0.5s, height 0.5s;}
#prjLstTabCvr.on{position:fixed;}
#prjLstTabCvr.cvr{min-height:300px;max-height:300px;transition:max-height 0.5s, min-height 0.5s;}
/* height:370px; */
#prjLstTab{position:absolute;top:100px;left:60px;z-index:35;}
#prjLstTab.on{position:fixed;}
#prjLstTab span{display:block;float:left;padding-right:30px;margin-left:30px;position:relative;}
#prjLstTab span:first-child{margin-left:0;padding-right:0;}
#prjLstTab span:nth-child(2){padding-right:0;}
#prjLstTab a{display:block;font-size:23px;line-height:25px;color:#131518;position:relative;font-weight:500;}
#prjLstTab a::after{width:0;height:2px;background-color:#000;display:block;content:" ";position:absolute;top:calc(100% + 4px);left:0;}
#prjLstTab a.on::after{width:calc(100% + 20px);}
#prjLstTab span:first-child a.on::after{width:100%;}
#prjLstTab span:nth-child(2) a.on::after{width:100%;}
#prjLstTab span i{width:9px;height:2px;background-color:#000;border-radius:2px;position:absolute;top:calc(50% + 2px);}
#prjLstTab span i:nth-child(2){left:calc(100% - 28px);transform:rotate(45deg);transform-origin:bottom right;}
#prjLstTab span i:nth-child(3){right:10px;transform:rotate(-45deg);transform-origin:bottom left;}

#prjLstTab a.on ~ i:nth-child(2){left:calc(100% - 27px);transform:rotate(-45deg);transform-origin:top left;}
#prjLstTab a.on ~ i:nth-child(3){right:13px;transform:rotate(45deg);transform-origin:top right;}

.prjLstTabMnu{position:absolute;top:160px;left:60px;overflow:hidden;height:0;transition:all 0.5s;z-index:35;}
.prjLstTabMnu.fix{position:fixed;top:130px;}
.prjLstTabMnu.on{height:80px;transition:all 0.5s;}
.prjLstTabMnu a{display:block;float:left;font-size:36px;font-weight:bold;color:#000;position:relative;}
.prjLstTabMnu a.on{}
.prjLstTabMnu a.on::after{position:absolute;top:calc(100% - 10px);left:0;width:100%;height:1px;background-color:#000;content:" ";display:block;}
.prjLstTabMnu a.none{color:#c5c5c5;}
.prjLstTabMnu a.none::after{display:none !important;}
.prjLstTabMnu02 a{margin-left:75px;}
.prjLstTabMnu03 a{margin-left:65px;}
.prjLstTabMnu04 a{margin-left:30px;}
.prjLstTabMnu a:first-child{margin:0;}
.prjLstTabMnu a.c2 {height: 150px; vertical-align: top; line-height: 52px;}
.prjLstTabMnu a.c2 span {position: absolute; display: block; margin-top: -8px; text-align: center; width: 100%; height: 30px; font-size: 20px; font-weight: 300;}
@media (max-width:640px) {
    .prjLstTabMnu a.c2 {height: 150px; vertical-align: top; line-height: 2rem;}
    .prjLstTabMnu a.c2 span {position: absolute; display: block; margin-top: -8px; text-align: center; width: 100%; height: 30px; font-size: .6rem; font-weight: 300;}
}


#prjLst{width:1800px;margin:0 auto;position:relative;z-index:25;max-width:calc(100% - 80px); margin-top: -600px;}
#prjItmWrp{padding-top:60px;display:flex;flex-wrap:wrap;min-height:400px;}
/* overflow:hidden; */
.prjItm{margin:0 20px;width:calc(100% / 3 - 40px);padding-bottom:140px;opacity:1;transition:opacity 0.5s;}
.prjItm.hide{opacity:0;transition:opacity 0.5s;}
/* .prjItm:nth-child(3n+1){margin-left:0;} */
/* .prjItm:nth-child(47), */
/* .prjItm:nth-child(2),
.prjItm:nth-child(5){display:none;} */
/* .prjItm:nth-last-child(1){display:none;} */
.prjItm.pcH{visibility:hidden;}
/* .prjItm:nth-child(3n+2){transform:translateY(-55px);} */
/* .prjItm:nth-last-child(2),
.prjItm:nth-last-child(5){visibility:hidden;} */
.prjItm a{display:block;}
.prjItm a img{width:100%;}
.prjItm a strong{display:block;font-size:25px;line-height:32px;color:#000;padding-top:30px;}
.prjItm a span{display:block;font-size:18px;line-height:32px;color:#000;padding-top:10px;}
#prjItmPrg{text-align:center;padding-bottom:80px;position:fixed;bottom:50px;left:calc(50% - 24px);opacity:0;display:none;}

#setTop{position:fixed;bottom:75px;right:-100px;transition:all 0.5s;z-index:40;}
#setTop.on{right:60px;transition:all 0.5s;}
#setTop a{display:block;text-align:center;font-size:18px;font-weight:500;color:#131518;line-height:25px;}
#setTop a strong{display:block;position:relative;width:86px;height:86px;border:2px #d8d8d8 solid;border-radius:45px;margin-bottom:10px;background-color:#fff;}
#setTop a strong span{width:22px;height:2px;border-radius:2px;background-color:#000;position:absolute;top:calc(50% - 7px);}
#setTop a strong span:nth-child(1){right:calc(50% - 1px);transform:rotate(-45deg);transform-origin:bottom right;}
#setTop a strong span:nth-child(2){left:calc(50% - 1px);transform:rotate(45deg);transform-origin:bottom left;}



















#prjDtlPopWrp{position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:#fff;transition:all 0.5s;z-index:500;}
#prjDtlPopWrp.on{left:0;transition:all 0.5s;}
#prjDtlPopWrp > div{height:100%;overflow-x:hidden;overflow-y:scroll;}
#prjDtlPopWrp > div > div{position:relative;}
#prjDtlPop{position:relative;}
#prjDtlPopTop{position:relative;z-index:50;}
#title_box,
#prjDtlPopTopBxs{position:relative;background-color:#000;height:969px;overflow:hidden;}
#title_box > div{overflow:hidden;}

#prjDtlPopTopBxs .bx-wrapper,
#prjDtlPopTopBxs .bx-viewport{overflow:visible !important;}

.prjDtlPopTopBxsImg{display:block;position:relative;left:50%;transform:translateX(-50%);}/* 1080px */
.prjDtlPopTopBxsImg.v{height:970px;max-width:1920px;}
.prjDtlPopTopBxsImg.h{width:100%;max-height:970px;margin-top: 485px;transform: translateX(-50%) translateY(-50%);}
/* width:100%;max-height:100vh; */
/* height:100vh; */
/* min-width:1903px; */
.prjDtlPopTopBxsTxt{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
/* min-width:1903px; */
.prjDtlPopTopBxsTxt strong{text-align:center;display:block;color:#fff;font-size:80px;line-height:90px;font-weight:bold;text-shadow:5px 5px 20px rgba(0,0,0,0.8);}
.prjDtlPopTopBxsTxt span{text-align:center;display:block;padding-top:45px;color:#fff;font-size:30px;line-height:30px;text-shadow:5px 5px 20px rgba(0,0,0,0.8);}
#prjDtlPopTopBxsPrv{position:absolute;top:50%;transform:translateY(-50%);left:60px;}
#prjDtlPopTopBxsNxt{position:absolute;top:50%;transform:translateY(-50%);right:60px;}
.prjDtlPopTopBxsCtr{width:25px;height:45px;}
.prjDtlPopTopBxsCtr span{width:34px;height:4px;background-color:#fff;border-radius:2px;position:absolute;left:0;top:calc(50% - 2px);}
#prjDtlPopTopBxsPrv span:nth-child(1){transform:rotate(-45deg);transform-origin:bottom left;}
#prjDtlPopTopBxsPrv span:nth-child(2){transform:rotate(45deg);transform-origin:top left;}
#prjDtlPopTopBxsNxt span:nth-child(1){transform:rotate(45deg);transform-origin:bottom right;}
#prjDtlPopTopBxsNxt span:nth-child(2){transform:rotate(-45deg);transform-origin:top right;}

#prjDtlPopBtnBck2{position:absolute;top:60px;right:60px;width:86px;height:86px;display:block;border:2px #d8d8d8 solid;border-radius:45px;background-color:#fff;z-index:55;}
#prjDtlPopBtnBck2 span{width:22px;height:2px;background-color:#000;border-radius:2px;position:absolute;left:calc(50% - 11px);}
#prjDtlPopBtnBck2 span:nth-child(1){top:calc(50% - 1px);transform:rotate(45deg);transform-origin:left bottom;}
#prjDtlPopBtnBck2 span:nth-child(2){top:calc(50% + 1px);transform:rotate(-45deg);transform-origin:left top;}


#prjDtlPopBtn{position:relative;top:-100px;z-index:100;width:100%;}
#prjDtlPopBtn a{position:absolute;right:60px;width:86px;height:86px;display:block;border:2px #d8d8d8 solid;border-radius:45px;background-color:#fff;}
#prjDtlPopBtnBck{top:190px;}
#prjDtlPopBtnBck span{width:22px;height:2px;background-color:#000;border-radius:2px;position:absolute;left:calc(50% - 11px);}
#prjDtlPopBtnBck span:nth-child(1){top:calc(50% - 1px);transform:rotate(45deg);transform-origin:left bottom;}
#prjDtlPopBtnBck span:nth-child(2){top:calc(50% + 1px);transform:rotate(-45deg);transform-origin:left top;}
#prjDtlPopBtnMre{top:300px;}
#prjDtlPopBtnMre strong{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
#prjDtlPopBtnMre span{width:8px;height:8px;border:2px #000 solid;border-radius:2px;margin:2px;display:block;float:left;}
#prjDtlPopBtnMre span:nth-child(3){clear:both;}

#prjDtlPopCnt{max-width:750px;margin:195px auto;position:relative;z-index:45;width:calc(100% - 80px);}
#prjDtlPopCnt span{display:block;font-size:25px;line-height:28px;color:#8a8a8a;font-weight:500;}
#prjDtlPopCnt > span{display:none;}
#prjDtlPopCnt strong{display:block;font-size:30px;padding-bottom:50px;color:#000;font-weight:500;}
#prjDtlPopCnt strong i{font-style:normal;}
#prjDtlPopCnt strong br{display:none;}
#prjDtlPopCnt p{font-size:18px;color:#000;line-height:28px;}

#prjDtlPopTxt{position:absolute;top:2300px;font-size:250px;color:#e3e3e3;font-weight:bold;width:2530px;z-index:40;margin-top:-400px;margin-left:200px;}
#prjDtlPopImg{width:calc(100% - 40px);max-width:1530px;margin:0 auto;position:relative;z-index:45;padding-bottom:540px;}

#imgUlWrp{overflow:hidden;}
#prjDtlPopImg ul:nth-child(1){display:none;}
#prjDtlPopImg ul:nth-child(2){float:left;width:calc(50% - 40px);margin:0 20px 40px 20px;}
#prjDtlPopImg ul:nth-child(3){float:right;width:calc(50% - 40px);margin:0 20px 40px 20px;}

/* #prjDtlPopImg ul{overflow:hidden;} */
#prjDtlPopImg ul li{cursor:pointer;margin-bottom:40px;}
/* 725px */
/* #imgUl li:nth-child(2n){display:none;} */
/* #imgUl li:nth-child(2n){display:none;} */
#prjDtlPopImg ul li div{padding-top:10px;font-size:18px;line-height:32px;color:#000;}
#prjDtlPopImg ul img{width:100%;}

#prjDtlPopCtl{position:relative;z-index:45;}
#prjDtlPopCtl a{font-size:150px;line-height:140px;font-weight:bold;color:#131518;position:absolute;bottom:110px;}
#prjDtlPopCtl a::after{display:block;content:" ";width:100%;height:7px;background-color:#000;position:absolute;top:100%;left:0;}
#prjDtlPopCtl a:nth-child(1){left:60px;}
#prjDtlPopCtl a:nth-child(2){right:60px;}


#prjDtlSldWrp{position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:#fff;transition:all 0.5s;z-index:600;}
#prjDtlSldWrp.on{left:0;transition:all 0.5s;}
#prjDtlSldWrp > div{position:relative;width:100%;height:100%;}
#prjDtlSldClr{position:absolute;top:4.6vw;right:4.6vw;width:86px;height:86px;border:2px #d8d8d8 solid;border-radius:45px;z-index:1;background-color:#fff;}
/* top:90px;right:90px; */
#prjDtlSldClr span{width:20px;height:2px;background-color:#000;position:absolute;top:calc(50% - 1px);left:calc(50% - 10px);transform-origin:center center;}
#prjDtlSldClr span:nth-child(1){transform:rotate(45deg);}
#prjDtlSldClr span:nth-child(2){transform:rotate(-45deg);}
#prjDtlSldBxs{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center;max-width:1000px;width:100%;}
/* .prjDtlSldBxs img{max-width:1300px;width:100%;} */

.prjDtlSldBxs div{width:1000px;height:750px;position:relative;overflow:hidden;}
.prjDtlSldBxs div img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.prjDtlSldBxs div iframe{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.prjDtlSldBxs div img.v{height:100%;}
.prjDtlSldBxs div img.h{width:100%;}
#prjDtlSldBxsPgr{padding-top:75px;display:inline-block;width:100%;
    height: 68px;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px;
}


/* overflow-x:scroll;width:100%; */
/* display:inline-block; */
/* padding-bottom:15px; */
/* display:inline-block; */
#prjDtlSldBxsPgr > section{width:68px;transform:rotate(-90deg) translateX(-68px);transform-origin:top left;}
/* height:calc(100vw - 40px);width:68px; */
#prjDtlSldBxsPgr > section > ul{overflow-y:scroll;height:1001px;width:68px;cursor:grabbing;}
#prjDtlSldBxsPgr > section > ul::-webkit-scrollbar {display: none;}


#prjDtlSldBxsPgr > section > ul li{margin-bottom:6px;width:68px;}
#prjDtlSldBxsPgr > section > ul li:first-child{margin-top:0;}
#prjDtlSldBxsPgr > section > ul li:last-child{margin-bottom:0;}
#prjDtlSldBxsPgr > section > ul li strong{position:relative;display:block;transform:rotate(90deg);transform-origin:center center;width:68px;height:68px;}
#prjDtlSldBxsPgr > section > ul li strong span{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.35);opacity:1;transition:all 0.5s;}
#prjDtlSldBxsPgr > section > ul li strong.on span{opacity:0;transition:all 0.5s;}
#prjDtlSldBxsPgr > div{width:100%;background-color:#e8e8e8;height:3px;position:absolute;left:0;bottom:0;}
#prjDtlSldBxsPgr > div span{position:absolute;width:90px;height:3px;background:#040404;top:0;left:0;transition:left 0.5s;}
/* transition:all 0.5s; */
#prjDtlSldBxsCtr a{font-size:40px;line-height:40px;font-weight:500;color:#000;position:absolute;top:50%;transform:translateY(-50%);}
#prjDtlSldBxsCtr a::after{width:100%;height:2px;background-color:#000;display:block;content:" ";position:absolute;top:100%;left:0;}
#prjDtlSldBxsCtrPrv{left:95px;}
#prjDtlSldBxsCtrNxt{right:95px;}



#unvInf{position:absolute;left:60px;bottom:65px;height:26px;width:calc(100% - 120px);font-size:18px;color:#030101;font-weight:500;line-height:26px;}
#unvInfAdr{position:absolute;top:0;left:0;padding-right:166px;}
#unvInfTel{position:absolute;top:0;left:350px;}
#unvInfEml{position:absolute;top:0;left:540px;}
#unvInfCpy{position:absolute;top:0;right:0;}

#prjDtlPopGtt{position:absolute;bottom:300px;right:60px;cursor:pointer;z-index:50;}
#prjDtlPopGtt > a{display:block;width:86px;height:86px;border:2px #d8d8d8 solid;border-radius:45px;background-color:#fff;}
#prjDtlPopGtt > a span{width:22px;height:2px;top:calc(30% - 1px);border-radius:2px;background-color:#000;position:absolute;}
#prjDtlPopGtt > a span:nth-child(1){right:50%;transform:rotate(-45deg);transform-origin: right top;}
#prjDtlPopGtt > a span:nth-child(2){left:50%;transform:rotate(45deg);transform-origin: left top;}
#prjDtlPopGtt > span{font-size:18px;display:block;text-align:center;color:#131518;padding-top:10px;}

/* height:calc(100vw * 0.5625); */
#prjDtlPopTopBxs iframe{width:100vw;height:970px;}
#prjDtlPopImg ul iframe{width:calc((100vw - 40px) / 2 - 40px);height:calc(((100vw - 40px) / 2 - 40px) * 0.5625);max-width:calc(1530px / 2 - 40px);max-height:calc((1530px / 2 - 40px) * 0.5625);}
#prjDtlSldBxs iframe{width:1000px;height:calc(1001px * 0.5625);}