@charset "UTF-8";


/*common*/
.l-contentPage {position:relative;/*padding-top:50px;*/}
.l-contentPage .l-maxWidth {box-sizing:border-box;}
.l-contentPage .l-image {text-align:center;}
.l-contentPage .l-image.tal {text-align:left;}
.l-contentPage .l-image.tar {text-align:right;}
.l-contentPage img {max-width:100%;}

.l-contentPage .blind {display:none;}
.l-contentPage .sortbtn{ display:none; }
.l-contentPage .deletebtn { display:none; }
.l-contentPage .addbtn { display:none; }

.l-contentPage.l_interval_3 {height:30px;padding:0;}
.l-contentPage.l_interval_4 {height:40px;padding:0;}
.l-contentPage.l_interval_5 {height:50px;padding:0;}

.l-contentPage.on .sortbtn { position:absolute; display:block; left:-45px; top:-2px; border:1px solid red; background:red; width:45px; height:30px; cursor:move; color:#fff; text-align:center;  line-height:30px; }
.l-contentPage.on .deletebtn { position:absolute; display:block; left:-45px; top:30px; border:1px solid red; background:red; width:45px; height:30px; cursor:pointer; color:#fff; text-align:center; line-height:30px; }

.l-contentPage.on .addbtn { position:absolute; display:block; left:-45px; top:62px; border:1px solid red; background:red; width:45px; height:30px; cursor:pointer; color:#fff; text-align:center; line-height:30px; }



.l-contentPage.on { border:2px dotted red; box-sizing:border-box; }
/*라인*/
.l-contentPage .line_solid {max-width:1170px;margin:0 auto;border-bottom:1px solid #ddd;}
.l-contentPage .line_dotted {max-width:1170px;margin:0 auto;border-bottom:1px dotted #ddd;}
.l-contentPage .line_dashed {max-width:1170px;margin:0 auto;border-bottom:1px dashed #ddd;}

.l-contentPage table {width:100% !important;}

/*본문 텍스트*/
.l-contentPage p.desc {font-size:16px;/*color:#666;*/color:#666;font-weight:300;/*text-align:justify;*/line-height:1.7;}
.l-contentPage p.desc img {margin-bottom:1%;}
.l-contentPage p.desc .contentPage_title {display:block;margin-bottom:10px;font-size:20px;font-weight:500;}
.l-contentPage .interval {font-size:16px;/*color:#666;*/color:#666;font-weight:300;/*text-align:justify;*/line-height:1.7;}
/*.l-contentPage p.desc .fs14 {font-size:14px;}
.l-contentPage p.desc .fs15 {font-size:15px;}
.l-contentPage p.desc .fs18 {font-size:18px;}
.l-contentPage p.desc .fs20 {font-size:20px;}*/

.l-contentPage p .point_bold {font-weight:600;color:#111;}
.l-contentPage p .point_color {color:red;}
.l-contentPage p .point_size {font-size:20px;}
.l-contentPage p.desc a {display:inline-block;color:#666;}
/*.l-contentPage p.desc span {display:inline-block;}*/
.l-contentPage p.l_desc {margin-top:10px;}






/* 포트폴리오 신규 :  20210806 */ 
.pf_content {  }
.pf_slider {padding-top:75px; padding-bottom:50px;  }
.pf_list { }
.pf_list > div {} 

.pf_list .pf_item { width: -webkit-calc(16.6666% - 42px); width: calc(16.6666% - 42px); position: relative; }
.pf_list figure {  position: relative;background: #fff;  }
.pf_list img {display: block;width: 100%;  }
.pf_list .pf_thumb {position:relative;  }


.pf_unbalance { padding-top:150px; } 

.col-360 { max-width:360px; min-width:360px; float:right; text-align:left; } 
.fixed { position:fixed; z-index:9999; top:0px;  } 

.pf_list { }
/*.pf_list .pf_row { margin-bottom:100px; } */
.pf_list .pf_wrap { margin-bottom:5rem; } 
.pf_list .pf_row:last-of-type { margin-bottom:0px; } 

.fix_left { position: relative !important; inset:1px auto auto 0px !important;  } 
.fix_left.active { padding-top:35px !important; transform:revert !important;     transition: none !important; } 

.img-load-motion img {opacity:0; -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%); clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1); transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1);}
.img-load-motion.animate img {opacity:1;-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}




/* 이미지 ZOOM 효과시 기본은 작게 세팅*/ 
.zoom-up { transform:scale(0.5);  } 


@media screen and (max-width: 1170px){
}

@media screen and (max-width: 1024px){
}


@media screen and (max-width: 768px){
	.col-360 { max-width:revert; min-width:revert;float:none; margin-bottom:15px; } 
	.pf_list .pf_wrap { margin-bottom:3rem; } 
}

@media screen and (max-width: 610px){

}


/* VR & YOUTUBE */
.project-iframe { width:100%; } 
.vr-frame {position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden; } 
.vr-frame[data='Video'] { padding-bottom:79.25%; } 
.vr-frame iframe { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; } 

@media screen and (max-width: 1170px){
	.project-iframe .container { padding-left: 0; padding-right: 0; }
}


@media screen and (max-width: 1024px){
}


@media screen and (max-width: 768px){
}

@media screen and (max-width: 610px){

}



/* FULL 배경 이미지와 설명 */
.project-parallax { position:relative; min-height: 100vh; } 
.parallax-area { min-height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover; } 
.parallax-cont { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#000; padding:4vw 4vw; text-align:center; font-size:1.875rem; width:100%; color:#fff; } 

@media screen and (max-width: 1170px){
}

@media screen and (max-width: 1024px){
	.parallax-cont { font-size:1.5rem; } 
}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 640px){

}


@media screen and (max-width: 540px){
	.parallax-cont { font-size:1rem; } 
}