body { background:#000000; overflow:auto; }

#main01 { position:relative; width:90%; padding:260px 5% 180px 5%; background:#f0f0f0; overflow:hidden; display: flex; justify-content: space-between; flex-wrap: nowrap; }
#main01 h2 { position:absolute; top:180px; left:5%; font-size:24px; color:#191919; font-family: 'Minerva Modern Bold'; }

#main01 .maintxt { transform:translateX(-100px); opacity:0%; filter: blur(10px); position:relative; width:50%; padding-top:140px; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main01 .maintxt ul { position:relative; width:100%; margin-bottom:50px; padding-left:44px; box-sizing:border-box; }
#main01 .maintxt ul li.t1 { position:absolute; top:4px; left:0px; font-size:15px; color:#817a7a; font-family: 'Minerva Modern Bold'; }
#main01 .maintxt ul li.t2 { font-family: 'poppins'; font-size:44px; line-height:100%; color:#111010; font-weight:500; }
#main01 .maintxt ul li.t3 { margin-top:16px; font-size:17px; line-height:160%; color:#6e6e6e; font-weight:400; }

#main01 .mainvod { transform:translateX(100px); opacity:0%; filter: blur(10px); transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; position:relative; width:45%; margin-left:5%; height:919px; background:#080808; border-radius:40px; overflow:hidden;  }
#main01 .mainvod1 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1120px; height:919px; }
#main01 canvas { width:1920px; height:100%; }

#main01.active .maintxt { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
#main01.active .mainvod { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }


#main02 { position:relative; width:90%; padding:180px 5% 180px 5%; background:#f0f0f0; overflow:hidden; display: flex; justify-content: space-between; flex-wrap: nowrap; }
#main02 h2 { position:absolute; top:100px; left:5%; font-size:24px; color:#191919; font-family: 'Minerva Modern Bold'; }
#main02 .maintxt { position:relative; width:60%; transform:translateX(100px); opacity:0; filter: blur(10px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main02 .maintxt ul li.t1 { font-family: 'poppins'; font-size:4.4vw; line-height:120%; color:#111010; font-weight:500; }
#main02 .maintxt ul li.t2 { margin-top:22px; font-size:1.2vw; line-height:166%; color:#6e6e6e; font-weight:400; }
#main02 .mainimg { position:relative; width:40%; }
#main02 .mainimg ul { position:absolute; top:0px; right:25%; width:137px; }
#main02 .mainimg ul li:nth-child(1) { position:absolute; top:0px; left:0px; opacity:0; filter: blur(6px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main02 .mainimg ul li:nth-child(2) { position:absolute; top:0px; left:0px; opacity:0; filter: blur(6px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main02 .mainimg ul li:nth-child(3) { position:absolute; top:0px; left:0px; opacity:0; filter: blur(6px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main02 .mainimg ul li:nth-child(4) { position:absolute; top:0px; left:0px; opacity:0; filter: blur(6px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

#main02.active .mainimg ul li:nth-child(1) {opacity:100%; filter: blur(0px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
#main02.active .mainimg ul li:nth-child(2) { top:36px; opacity:100%; filter: blur(0px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; }
#main02.active .mainimg ul li:nth-child(3) { top:72px; opacity:100%; filter: blur(0px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1.1s; }
#main02.active .mainimg ul li:nth-child(4) { top:108px;opacity:100%; filter: blur(0px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1.4s; }

#main02.active .maintxt { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1.8s; }




#main04 { position:relative; width:90%; padding:70px 5% 180px 5%; overflow:hidden; }
#main04 h2 { position:relative; width:100%; font-size:78px; color:#ffffff; font-family: 'Minerva Modern Bold'; }
#main04 .videopp { position:relative; width:100%; display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row; }
#main04 .videopp div.videolist { position:relative; width:20%; overflow:hidden; }
#main04 .videopp div.videolist .vp-title { display:none !imortant; }
#main04 .videopp div.videolist .imgs { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; transition: all 0.5s ease; }
#main04 .videopp div.videolist:hover .imgs { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:110%; height:110%; transition: all 0.5s ease;}
#main04 .videopp div.videolist .txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:rgba(0,0,0,50%); opacity:0; transition: all 0.5s ease; }
#main04 .videopp div.videolist:hover .txt { background:rgba(0,0,0,50%); transition: all 0.5s ease; opacity:1; text-align:center; }
#main04 .videopp div.videolist .txt span { display:block;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; font-family: 'poppins'; font-size:20px; line-height:100%; font-weight:500; color:#ffffff; }
#main04 .videopp div.videolist .txt span font { display:block; font-size:16px; opacity:50%; display:none; }
#main04 .videopp div.videolist img { display: block; width:100%; }
#main04 .videopp div.videolist iframe { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; }
#main04 .moreviewbt { cursor:pointer; position:relative; width:186px; margin:0 auto; margin-top:60px; font-family: 'poppins'; font-size:24px; line-height:100%; color:#ffffff; font-weight:500; }
#main04 .moreviewbt span { display:block; position:absolute; top:-16px; right:0px; }




.sub06 { position:relative; width:90%; padding:242px 5% 100px 5%; overflow:hidden; }
.sub06 .sub06cs { position:relative; width:100%; }
.sub06 .sub06map { position:relative; width:100%; margin-top:290px; }

.sub06 .cstxt { position:relative; width:100%; }
.sub06 .cstxt .title { font-family: 'poppins'; font-size:74px; line-height:100%; color:#ffffff; font-weight:600; }
.sub06 .cstxt .con { margin-top:0px; font-size:18px; line-height:150%; color:#b2b2b2; font-weight:500; }
.sub06 .cstxt .con span { font-weight:700; }

.sub06 .inputtxt { position:relative; width:454px; margin-top:52px; overflow:hidden; }
.sub06 .inputtxt label { display:none; }
.sub06 .inputtxt input.mb_name,.sub06 .inputtxt input.phone  { width:100%; height:52px; border:0px; border-bottom:1px solid #dddddd; background:#000000; font-family: 'Pretendard'; font-weight:600; font-size:22px; color:#ffffff; }
.sub06 .inputtxt select  { width:100%; height:52px; border:0px; border-bottom:1px solid #dddddd; background:#000000; font-family: 'Pretendard'; font-weight:600; font-size:22px; color:#ffffff; }
.sub06 .inputtxt input::placeholder { color:#ffffff; }

.sub06 .filebox2 { margin-top:30px; }
.sub06 .filebox2 input { border-bottom:0px; }
.sub06 .csbt { position:relative; width:454px; margin-top:20px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub06 .csbt div:nth-child(1) input { display:inline-block; width:15px; height:15px; background:#b0b0b0; border-radius:0px; margin-right:6px; vertical-align:top; }
.sub06 .csbt div:nth-child(1) { font-size:15px; font-weight:400; color:#ffffff;padding-top:10px; }
.sub06 .csbt div:nth-child(2) input { display:block; width:129px; height:35px; border:0px solid #adadad; background:#ffffff; border-radius:20px; font-size:24px; font-weight:700; color:#000000; cursor:pointer; }
.sub06 .csbt div:nth-child(2) input:hover { background:#262626; color:#ffffff; transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

.sub06 .filebox label.filelabel { display: inline-block; width:102px; height:30px; color: #fff; font-size:21px; font-weight:500; line-height:30px; text-align:center; border:1px solid #ffffff; box-sizing:border-box; border-radius:4px; vertical-align: top; background-color: #000000; cursor: pointer;}
.sub06 .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* 파일 필드 숨기기 */
.sub06 .filebox .upload-name, .filebox .upload-name1, .filebox .upload-name0, .filebox .upload-name2 , .filebox .upload-name3{
    display: inline-block;
	padding-left:4px;
    vertical-align: top;
	border:0px;
	font-size:22px; font-weight:400; color:#999999;
	background:#000000;
}

.submap1 { position:relative; margin-top:50px; width:100%; }
.submap1 .cont { display:none; }

.sub06 .cstxt2 { position:relative; width:100%; }
.sub06 .cstxt2 .title { font-family: 'poppins'; font-size:74px; line-height:100%; color:#ffffff; font-weight:600; }

.sub06 .cstxt3 { position:relative; width:100%; margin-top:40px; display:flex; justify-content: space-between; }
.sub06 .cstxt3 .con1 { font-size:18px; line-height:150%; color:#ffffff; font-weight:400; }
.sub06 .cstxt3 .con2 { height:25px; font-size:18px; line-height:150%; color:#ffffff; font-weight:300; display:flex; letter-spacing:1px; }
.sub06 .cstxt3 .con2 div:nth-child(1) { display:block; height:25px; margin-right:50px; }
.sub06 .cstxt3 .con2 div:nth-child(1) a { display:block; width:100%; height:25px; background:url(/page_KR0/06_sub/images/sub06icon2.jpg)no-repeat 0 50%; color:#ffffff; padding-left:30px; }
.sub06 .cstxt3 .con2 div:nth-child(2) { display:block; height:25px; }
.sub06 .cstxt3 .con2 div:nth-child(2) a:nth-child(1) { display:block; width:100%; height:25px; background:url(/page_KR0/06_sub/images/sub06icon1.jpg)no-repeat 0 50%; color:#ffffff; padding-left:30px; }
.sub06 .cstxt3 .con2 div:nth-child(2) a:nth-child(2) { display:block; width:100%; height:25px; margin-top:10px; background:url(/page_KR0/06_sub/images/sub06icon3.jpg)no-repeat 0 50%; color:#ffffff; padding-left:30px; }


.sub06 .mainvod2 { position:absolute; top:0; left:0; width:100%; height:100%; }
.sub06 .mainvod2 video { display:block; position:absolute; top:0; left:50%; transform:translate(-50%,0); width:100%; }




#main05 { position:relative; width:90%; padding:70px 5% 180px 5%; overflow:hidden; }
#main05 h2 { position:relative; width:100%; font-size:78px; color:#ffffff; font-family: 'Minerva Modern Bold'; }
#main05 .designpp { position:relative; width:100%; display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row; }
#main05 .designpp div.designlist { position:relative; width:20%; overflow:hidden; }
#main05 .designpp div.designlist img { width:100%; cursor:pointer; }
#main05 .designpp div.designlist:nth-child(5n) { margin-right:0px; }
#main05 .designpp div.designlist .imgs { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; transition: all 0.5s ease; }
#main05 .designpp div.designlist:hover .imgs { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:110%; height:110%; transition: all 0.5s ease; cursor:pointer;  }
#main05 .designpp div.designlist .txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:rgba(0,0,0,50%); opacity:0; transition: all 0.5s ease; }
#main05 .designpp div.designlist:hover .txt { background:rgba(0,0,0,50%); transition: all 0.5s ease; opacity:1; text-align:center; cursor:pointer; }
#main05 .designpp div.designlist .txt span { display:block;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; font-family: 'poppins'; font-size:20px; line-height:100%; font-weight:500; color:#ffffff; }
#main05 .designpp div.designlist .txt span font { display:block; font-size:16px; opacity:50%; }

#main05 .designpp div.designlist iframe { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; }
#main05 .moreviewbt2 { cursor:pointer; position:relative; width:186px; margin:0 auto; margin-top:60px; font-family: 'poppins'; font-size:24px; line-height:100%; color:#ffffff; font-weight:500; }
#main05 .moreviewbt2 span { display:block; position:absolute; top:-16px; right:0px; }


@media all and (max-width:1700px){
	#main04 .videopp div.videolist { position:relative; width:25%; overflow:hidden; }
	#main05 .designpp div.designlist { position:relative; width:25%; overflow:hidden; }

}
@media all and (max-width:1200px){
	#main04 .videopp div.videolist { position:relative; width:33.33%; overflow:hidden; }
	#main05 .designpp div.designlist { position:relative; width:33.33%; overflow:hidden; }

}
@media all and (max-width:640px){
	#main04 .videopp div.videolist { position:relative; width:50%; overflow:hidden; }
	#main05 .designpp div.designlist { position:relative; width:50%; overflow:hidden; }

}


.designview { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,50%); z-index:100; }
.designlist.active .designview { display:block; }
.designview .designview2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:780px; }
.designview .swiper { position:relative; }

.designview .designbtnext { position:absolute; top:50%; left:-60px; transform:translate(0%,-50%); width:18px; cursor:pointer; }
.designview .designbtprev { position:absolute; top:50%; right:-60px; transform:translate(0%,-50%); width:18px; cursor:pointer; }
.designview .designbt { position:absolute; bottom:-30px; left:0px; display:flex; justify-content: center; }
.designview .designbt .swiper-pagination-bullet { width:14px; height:14px; background:rgba(255,255,255,70%); cursor:pointer; }
.designview .designbt .swiper-pagination-bullet-active { background:rgba(255,255,255,100%); }

.closebtview { display:none; position:fixed; top:30px; right:30px; cursor:pointer; z-index:101; }
.closebtview.active { display:block; }
.closebtview span:nth-child(1) { display:block; position:absolute; top:10px; left:0px; width:22px; height:2px; background:rgba(255,255,255,70%); transform: rotate(-45deg); }
.closebtview span:nth-child(2) { display:block; position:absolute; top:10px; left:0px; width:22px; height:2px; background:rgba(255,255,255,70%); transform: rotate(45deg); }