@charset "utf-8";

/******************************************************************************
******************************************************************************* common {
*******************************************************************************/





/******************************************************************************
******************************************************************************* about {
*******************************************************************************/











/******************************************************************************
******************************************************************************* project {
*******************************************************************************/
.potofolio__img__wr.potofolio__img__wr_pd0{padding:0;}

.potofolio__title__wr{font-family:'Pretendard', dotum, sans-serif;}
.potofolio__title__wr .line{background:rgba(255,255,255,0.45); display:inline-block; width:1px; height:12px; margin:0 10px;}
.potofolio__title__wr .tit{font-size:20px; font-weight: 400; letter-spacing:-1px; line-height:1.6; color:#35E5CC; text-transform: uppercase;}
.potofolio__title__wr .title{font-size:240px; font-weight: 700; letter-spacing:-0.5px; line-height:1.25; margin:20 0 40px; color:#fff; text-transform: uppercase; }
.potofolio__title__wr .text{font-size:42px; font-weight:600; letter-spacing:-1px; line-height:1.42; margin-bottom: 40px; color:#fff;}
.potofolio__title__wr .sub__text{font-size:20px; font-weight: 400; letter-spacing:-0.5px; line-height:1.5; color:#fff; word-break:keep-all;}

.sub__potofolio__visual__wr:after{content:''; display:block; width:100%; height:100%; background:rgba(255,255,255,0.03); position:absolute; top:0; left:0;}
.sub__potofolio__visual__wr{width:100%; height:100vh; background:url(/images/project_calivers_bg.png) no-repeat; background-size: cover; position:relative;}
.sub__potofolio__visual__wr .inner__cen1800{height:100%;}
.sub__potofolio__visual__wr .potofolio__title__wr{position:absolute; top:50%; transform:translate(0,-50%); left:0; }
.sub__potofolio__visual__wr .potofolio__visual__btn{position:absolute; bottom:30px; right:0; display:inline-flex; gap:40px; z-index:10;}
.sub__potofolio__visual__wr .potofolio__visual__btn > a{color:#999; font-size:42px; letter-spacing:-0.5px; font-weight: 500;}
.sub__potofolio__visual__wr .potofolio__visual__btn > a img{margin-left: 50px; opacity:0.5; transition:all .3s ease;}
.sub__potofolio__visual__wr .potofolio__visual__btn .web__btn > img{transform: rotate(-135deg);}
.potofolio__img__wr{padding:240px 0;}
.potofolio__img__wr > img{width:100%;}

@media (pointer: fine) {
	.potofolio__visual__btn a:hover{color:#fff;}
	.potofolio__visual__btn .potofolio__btn:hover img{opacity:1; transform:translateY(10%);}
	.potofolio__visual__btn .web__btn:hover img{opacity:1; transform: translate(5px, -5px) rotate(-135deg);}
}


@media screen and (max-width:1440px){
	.potofolio__title__wr .tit{font-size:18px;}
	.potofolio__title__wr .title{font-size:150px;}
	.potofolio__title__wr .text{font-size:35px;}
	.potofolio__title__wr .sub__text{font-size:18px;}
	.sub__potofolio__visual__wr .potofolio__visual__btn > a{font-size:32px;}
	.sub__potofolio__visual__wr .potofolio__visual__btn > a img{margin-left: 30px;}
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
.potofolio__img__wr{padding:180px 0;}
.potofolio__title__wr .tit{font-size:16px;}
.potofolio__title__wr .title{font-size:100px; margin:30px 0;}
.potofolio__title__wr .text{font-size:26px; margin-bottom: 30px;}
.potofolio__title__wr .sub__text{font-size:16px;}

.sub__potofolio__visual__wr .potofolio__visual__btn > a{font-size:26px;}
.sub__potofolio__visual__wr .potofolio__visual__btn > a img{width:22px; margin-left: 8px;}
.sub__potofolio__visual__wr .potofolio__visual__btn{gap:30px;}
.sub__potofolio__visual__wr .potofolio__visual__btn > a{color:#fff;}
.sub__potofolio__visual__wr .potofolio__visual__btn > a img{opacity:1;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
.potofolio__img__wr{padding:160px 0;}
.potofolio__title__wr .line{height:10px;}
.potofolio__title__wr .tit{font-size:14px;}
.potofolio__title__wr .title{font-size:70px; margin:20px 0;}
.potofolio__title__wr .text{font-size:18px; margin-bottom: 20px;}
.potofolio__title__wr .sub__text{font-size:14px;}

.sub__potofolio__visual__wr{height:680px;}
.sub__potofolio__visual__wr .potofolio__visual__btn > a{font-size:20px;}
.sub__potofolio__visual__wr .potofolio__visual__btn > a img{width:18px;}
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
.sub__potofolio__visual__wr .potofolio__visual__btn{width:100%; justify-content: center;}
.sub__potofolio__visual__wr .potofolio__visual__btn > a{font-size:18px;}
}/* 570px */

@media screen and (max-width:480px){
.potofolio__img__wr{padding:120px 0;}
.potofolio__title__wr .line{height:8px;}
.potofolio__title__wr .tit{font-size:3.2vw;}
.potofolio__title__wr .title{font-size:12vw;}
.potofolio__title__wr .text{font-size:3.8vw;}
.potofolio__title__wr .sub__text{font-size:3vw;}

.sub__potofolio__visual__wr{height:650px;}
}/* 480px */

@media screen and (max-width:375px){
}/* 375px */