@charset "utf-8";

/* body{overflow:visible !important;} */
/* html, body{overflow-x:hidden;} */

#fkeScl{display:none;}
#cntWrp,
#cntLft,
#cntRgt{position:static !important;}
#prjDtlPopWrp,
#prjDtlSldWrp{overflow:hidden;}

.cntAwdSldItm > div > div{font-size:12px;margin:0 3px;letter-spacing:-1px;width:calc(100% - 6px);}
.cntAwdSldItm > div > div > i,
.cntAwdSldItm > div > div > strong,
.cntAwdSldItm > div > div > a,
.cntAwdSldItm > div > div > span{font-size:11px;margin:0 3px;letter-spacing:-1px;}

/* #cntAwdSldWrp2,
#cntAwdSldWrp{overflow:hidden;} */

#cntTop{margin-bottom:10vw;}

#cntAwdSldWrp{padding-bottom:10vw;height:122vw;}
#cntAwdSldWrp2{height:122vw;}

/* 14.666 */
#cntAwdSldWrp3{height:110vw;}
#cntAwdSldWrp4{height:110vw;}
#cntAwdSldTtl{position:sticky !important;font-size:11.2vw !important;line-height:14.666vw;height:29.333vw;margin-left:10px;margin-right:10px;width:calc(100% - 20px);word-break:keep-all;padding-bottom:24.666vw;transition:color 0.5s, font-size 0.5s;transform-origin:top center;}
#cntAwdSldTtl.on{transition:color 0.5s, font-size 0.5s;}
#cntAwdSldTtl2{position:sticky !important;font-size:11.2vw !important;line-height:14.666vw;height:29.333vw;margin-left:10px;margin-right:10px;width:calc(100% - 20px);word-break:keep-all;padding-bottom:24.666vw;transition:color 0.5s, font-size 0.5s;transform-origin:top center;}
#cntAwdSldTtl2.on{transition:color 0.5s, font-size 0.5s;}
#cntAwdSldTtl3{top:76px !important;position:sticky !important;font-size:11.2vw !important;line-height:14.666vw;height:29.333vw;margin-left:25px;margin-right:25px;width:calc(100% - 50px);word-break:keep-all;transition:color 0.5s, font-size 0.5s;transform-origin:top center;padding-bottom:5vw;}
#cntAwdSldTtl4{top:76px !important;position:sticky !important;font-size:11.2vw !important;line-height:14.666vw;height:29.333vw;margin-left:25px;margin-right:25px;width:calc(100% - 50px);word-break:keep-all;transition:color 0.5s, font-size 0.5s;transform-origin:top center;padding-bottom:5vw;}
/* padding-bottom:24.666vw; */
#cntAwdSldTtl3.on{transition:color 0.5s, font-size 0.5s;}
#cntAwdSldTtl4.on{transition:color 0.5s, font-size 0.5s;}
#cntAwdSld3{padding-top:24.666vw;}
#cntAwdSld4{padding-top:24.666vw;}
#cntAwdSldTtl br,
#cntAwdSldTtl2 br,
#cntAwdSldTtl3 br,
#cntAwdSldTtl4 br{display:block !important;}

.cntAwdSldItm > div > div{top:calc(75%);}
/* #cntAwdSld2,
#cntAwdSld{margin-top:200px;} */

#cntBtm{height:430px;opacity:1 !important;}
#cntBtm2{display:none;}
#btmTxt{top:40px;left:20px;font-size:35px;line-height:50px;}
#btmPrg{top:160px;left:auto;right:20px;font-size:15px;line-height:20px;min-width:0;}
#btmGto{display:none;}
#btmCpy{font-size:34px;width:100%;text-align:center;margin-left:0 !important;left:0 !important;line-height:60px;padding-bottom:20px;}
/* margin-bottom:-30px; */
#unvInf{bottom:20px;left:20px;width:calc(100% - 40px);font-size:10px;line-height:15px;height:45px;}
#unvInfAdr{width:calc(100% - 100px);text-align:left;}
#unvInfAdr span{font-size:0;width:5px;display:inline-block;vertical-align:top;}
#unvInfAdr i{display:block;font-size:0;width:0;height:0;}
#unvInfCpy{top:auto;bottom:0;}

#prjLstWrp{padding-top:0;overflow:visible;min-height:100vh;}

#prjLstTab{overflow-x:scroll;overflow-y:hidden;width:calc(100% - 40px);left:0;padding:0 20px;margin-top:-130px;background-color:#fff;top:0;margin-top:0;display:flex;}
#prjLstTab.on{box-shadow:0 10px 10px rgba(100,100,100,0.15);}
.prjLstTabMnu.on{box-shadow:0 10px 10px rgba(100,100,100,0.15);}

/* position:sticky !important;top:0 !important; */

#prjLstTab span{margin:0;padding:0;width:20%;flex:0 0 auto;}
#prjLstTab span:nth-child(1){width:12%;}
#prjLstTab span:nth-child(2){width:20%;margin-left:5px;}
/* #prjLstTab span:nth-child(3){width:16%;} */
#prjLstTab span:nth-child(3){width:10%;}
#prjLstTab span:nth-child(4){width:30%;margin-left:15px;}
#prjLstTab a{font-size:18px;line-height:60px;text-align:left;}
#prjLstTab span i:nth-child(2){left:calc(100% - 28px);}
#prjLstTab span i:nth-child(3){left:calc(100% - 18px);right:auto;}
#prjLstTab span:nth-child(3) i:nth-child(2){left:calc(100% - 15px);}
#prjLstTab span:nth-child(3) i:nth-child(3){left:calc(100% - 5px);}
#prjLstTab a.on ~ i:nth-child(2){left:calc(100% - 25px);}
#prjLstTab a.on ~ i:nth-child(3){left:calc(100% - 21px);right:auto;}
#prjLstTab span:nth-child(3) a.on ~ i:nth-child(2){left:calc(100% - 12px);}
#prjLstTab span:nth-child(3) a.on ~ i:nth-child(3){left:calc(100% - 8px);right:auto;}

#prjLstTtl{position:relative;top:60px !important;font-size:50px;line-height:60px;text-align:right;padding-right:20px;margin-top:0px !important;transform:none !important;color:#1c1c20 !important;right:0;}

#prjLst{width:calc(100% - 40px);margin-left:20px;margin-top:70px;max-width:calc(100% - 40px);}
#prjItmWrp{padding-top:70px;display:block;padding-bottom:80px !important;}
.prjItm{width:100%;float:none;transform:none !important;margin-left:0 !important;padding-bottom:40px;}

#prjLstTabCvr{max-height:0;}
#prjLstTabCvr.cvr{min-height:60px;max-height:60px;}
.prjLstTabMnu{top:60px;left:0;position:sticky;overflow-x:scroll;background-color:#fff;}
/* margin-top:-10px; */
.prjLstTabMnu > div{overflow:hidden;}
.prjLstTabMnu.fix{top:59px;left:0;margin-top:0;position:sticky;}
    /* position:sticky;} */
/* position:sticky; */
.prjLstTabMnu.on{height:70px;margin-bottom:-70px;background-color:#fff;}
.prjLstTabMnu a{font-size:28px;line-height:70px;margin-left:15px !important;}
.prjLstTabMnu a:first-child{margin-left:25px !important;}
.prjLstTabMnu a.on::after{top:calc(100% - 20px);}
#prjLstTabCvr.on{position:absolute;}
@media (max-width:640px) {
    .prjLstTabMnu.on{height:70px;margin-bottom:-70px;background-color:#fff;}
    .prjLstTabMnu a{font-size:1rem;line-height:70px;margin-left:15px !important;}
    .prjLstTabMnu a:first-child{margin-left:25px !important;}
    .prjLstTabMnu a.on::after{top:calc(100% - 20px);}
}


/* .prjLstTabMnu02 > div{width:530px;} */
.prjLstTabMnu03 > div{width:620px;}
.prjLstTabMnu04 > div{width:620px;}
@media (max-width:640px) {
    .prjLstTabMnu03 > div{width:100%;}
    .prjLstTabMnu04 > div{width:100%;}
}

/* .prjItm:nth-last-child(2), .prjItm:nth-last-child(5){visibility:visible !important;} */

/*
#prjItmPrg,
#prjItmWrp{display:none;}
*/

#setTop a{display:none;}

#prjDtlPopWrp{z-index:100;}
.prjDtlPopTopBxsImg{}
#title_box > div{height:calc(100vw * 0.5625);display:none;}
#title_box > div:first-child{display:block;}
#title_box > div > img{position:absolute;top:50%;left:50%;transform: translateX(-50%) translateY(-50%);}
#title_box > div > iframe{position:absolute;top:0;left:0;}
/* min-width:0 !important;height:auto;max-width:100% !important;max-height:calc(100vw * 0.5625) !important;margin-top:0 !important;transform:translateX(-50%) !important; */
/* height:calc(100vw * 0.5625); */
.prjDtlPopTopBxsImg.v{height:100%;max-height: calc(100vw * 0.5625);top: 0 !important;left: 50% !important;transform: translateX(-50%) !important;}
.prjDtlPopTopBxsImg.h{width:100%;margin-top:0;}
#prjDtlPopTopBxs{height:calc(100vw * 0.5625);}
#prjDtlPopTopBxsPrv{ left:0px;padding:20px;}
#prjDtlPopTopBxsNxt{right:0px;padding:20px;}
.prjDtlPopTopBxsCtr span{width:17px;height:2px;left:25px;}
/* transform:scale(0.5) translateY(-75%);transform-origin:left top; 
transform:scale(0.5) translateY(-75%);transform-origin:right top; */
.prjDtlPopTopBxsTxt{min-width:0;}
.prjDtlPopTopBxsTxt strong{font-size:28px;line-height:30px;width:70%;margin-left:15%;line-height:36px;word-break:keep-all;}
.prjDtlPopTopBxsTxt span{padding-top:14px;font-size:15px;line-height:28px;width:calc(100% - 40px);margin-left:20px;margin-right:20px;word-break:keep-all;}

#prjDtlPopCnt{width:calc(100% - 40px);margin-left:auto;margin-right:auto;margin-top:65px;margin-bottom:65px;}
#prjDtlPopCnt span{font-size:18px;line-height:28px;}
#prjDtlPopCnt strong{font-size:20px;line-height:30px;padding-bottom:20px;}
#prjDtlPopCnt strong i{display:none;}
#prjDtlPopCnt strong br{display:block;}
#prjDtlPopCnt p{font-size:14px;line-height:22px;}
#prjDtlPopImg{width:calc(100% - 40px);margin-left:auto;margin-right:auto;padding-bottom:250px;margin-top:200px;}
#prjDtlPopImg ul:nth-child(1){width:100%;margin-left:0;margin-right:0;}
#prjDtlPopImg ul li{width:100%;margin-left:0;margin-bottom:20px;margin-right:0;}
#prjDtlPopImg ul li div{font-size:15px;padding-top:0;}
#imgUl{display:block !important;}
#imgUl li:nth-child(2n){display:block;}
#imgUl1{display:none;}
#imgUl2{display:none;}
#prjDtlPopCtl a{font-size:40px;line-height:50px;bottom:200px;}
#prjDtlPopCtl a::after{height:2px;}
#prjDtlPopCtl a:nth-child(1){left:20px;}
#prjDtlPopCtl a:nth-child(2){right:20px;}
#prjDtlPopTxt{font-size:55px;top:545px !important;width:560px;margin-top:-200px;position:sticky;}
/* 72.5vh */
#prjDtlPopGtt{bottom: -5px;right: 20px;cursor: pointer;transform: scale(0.5);transform-origin: bottom right;z-index:100;position:fixed;
    width: 90px;
}
#prjDtlPopGtt > a{background-color:#fff;}
/* 20px */

#prjDtlPopBtn{top:0;position:sticky !important;}
/* transform: scale(0.7);transform-origin: top right; */
#prjDtlPopBtn a{right:20px;position:fixed;}
#prjDtlPopBtnBck2{transform: scale(0.5);transform-origin: top right;right:20px;top:20px;display:none;}
#prjDtlPopBtnBck{transform: scale(0.5);transform-origin: bottom right;top:auto;bottom:124px;}
#prjDtlPopBtnMre{transform: scale(0.5);transform-origin: bottom right;top:auto;bottom:69px;}
/* top: calc(100vh - 190px);
top: calc(100vh - 116px); */
#prjDtlPopGtt > span{opacity:0;}

#prjDtlPopWrp > div{position:sticky;}

#prjDtlPopGtt,
#prjDtlPopBtn a{display:none;opacity:0;transition:all 1.5s;}
#prjDtlPopWrp.on #prjDtlPopGtt,
#prjDtlPopWrp.on #prjDtlPopBtn a{display:block;opacity:1;transition:all 1.5s;}

#prjDtlSldWrp{z-index:500;}

.prjDtlSldBxs div{height:calc((100vw - 40px) * 0.5625);}
/* .prjDtlSldBxs img{width:100%;} */
#prjDtlSldBxs{width:calc(100% - 40px);}

#prjDtlSldClr{transform: scale(0.5);transform-origin: top right;top:20px;right:20px;}
#prjDtlSldBxsCtrPrv{left:20px;}
#prjDtlSldBxsCtrNxt{right:20px;}
#prjDtlSldBxsCtr a{font-size:30px;line-height:30px;top:50%;top: calc(50% + 12vw);}
/* margin-left:-20px; */
/*
#prjDtlSldBxsPgr{width:calc(100%);}
#prjDtlSldBxsPgr > section{overflow-y:scroll;}
#prjDtlSldBxsPgr > section > ul{text-align:left;display:block;}
#prjDtlSldBxsPgr > div{width:calc(100%);}
*/

#prjDtlSldBxsPgr{padding-top:26.66vw;}
#prjDtlSldBxsPgr > section > ul{height:calc(100vw - 40px);-webkit-overflow-scrolling:touch;}

#topImg{width:100%;position:relative;left:50%;transform:translateX(-50%);}
#topLgo{top:20px;left:20px;transform:scale(0.5);transform-origin:top left;}
#topLgo img{width:260px;}
#topTrm{top:20px;right:20px;width:83px;font-size:14px;line-height:16px;}
#topNum{right: auto;left: -90px;top:0%;}
#topNum01{display:none;}
#topNum02{display:block;}
/* transform: scale(0.28);transform-origin: left top; */
/* transform: scale(0.28);transform-origin: left top; */


#topTxt{left:20px;width:calc(100% - 40px);}
#topTxt span,
#topTxt i{width:calc(250%);}
#topTxt span{font-size:9.133vw;line-height:11.666vw;}
/* 83px */
/* 100px */
#topTxt i{font-size:4.533vw;line-height:8vw;letter-spacing:-1px;transition:opacity 1.25s, letter-spacing 1.25s, transform 1.25s;}
/* 17px
30px */
#topTxt i.on:nth-child(2){transform:translateX(-50%);opacity:0;transition:opacity 1.25s;letter-spacing:20px;}
#topTxt i.on:nth-child(3){transform:translateX(50%);opacity:0;transition:opacity 1.25s;letter-spacing:20px;}
#topTxt i.on:nth-child(4){transform:translateX(-50%);opacity:0;transition:opacity 1.25s;letter-spacing:20px;}

#topScl{transform:scale(0.8) translateX(-60%);transform-origin:bottom center;}

#topSkp{right:20px;transform:scale(0.8);transform-origin:center right;}

.prjItm.pcH{visibility:hidden;display:none;}

#prjDtlPopTopBxs iframe{width:100vw;height:calc(100vw * 0.5625);}
/* #prjDtlPopImg iframe{width:calc(100vw - 40px);height:calc((100vw - 40px) * 0.5625);max-width:100%;max-height:inherit;} */
#prjDtlPopImg ul iframe{width:calc(100vw - 40px);height:calc((100vw - 40px) * 0.5625);max-width:100%;max-height:inherit;}
#prjDtlSldBxs iframe{width:100%;height:calc((100vw - 40px) * 0.5625);max-width:calc(100vw - 40px);max-height:calc((100vw - 40px) * 0.5625);}



@media screen and (orientation: landscape){
    #prjDtlSldBxsPgr{padding-top:5.66vw;}
    #prjDtlSldBxs{width:calc(80% - 40px);}
}

@media screen and (max-width: 812px) and (orientation: landscape){
    #prjDtlSldBxs{width:calc(30% - 40px);}
}


#cntAwdSldTtlCvr,
#cntAwdSldTtl2Cvr,
#cntAwdSldTtl3Cvr{display:none !important;}