/* 프로젝트 - 리스트 */
.list_item{cursor:pointer;}
.proj_list_wrap .category{margin-bottom:60px; width: 100%; overflow-x: auto; padding-bottom:10px;}
.proj_list_wrap .category::-webkit-scrollbar {height: 4px; /* 스크롤바의 너비 */}
.proj_list_wrap .category::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #9D9D9D; /* 스크롤바의 색상 */ border-radius:10px;}
.proj_list_wrap .category::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius:10px;}
.proj_list_wrap .category ul{display:flex; gap:30px;}
.proj_list_wrap .category ul li a{font-size: 22px; font-weight: 500; color: #CCC; display:block; padding-bottom:10px;}
.proj_list_wrap .category ul li #bo_cate_on{color:#9B1F65; font-weight: 600; border-bottom:2px solid #9B1F65;}
.proj_tp{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:40px;}
.proj_tp .total{font-size: 20px; letter-spacing: -0.45px; color:#222;}
.proj_tp .total strong{font-size: 22px;}
.proj_tp .srh_wrap{display:flex; gap:10px; position:relative;}
.proj_tp .srh_wrap select{width: 240px; height: 60px; padding:0 20px; border: 1px solid #D3D3D3; background: #FFF url("/img/board/sel_ic.svg") no-repeat right 20px center / 14px; font-size: 20px; letter-spacing: -0.45px; color:#8E8E8E; border-radius:0; outline:none !important;}
.proj_tp .srh_wrap select:focus, .proj_tp .srh_wrap input:focus{border:1px solid #000;}
.proj_tp .srh_wrap input{width: 500px; height: 60px; padding:0 40px 0 20px; border: 1px solid #D3D3D3; background: #FFF; font-size: 20px; letter-spacing: -0.45px; color:#000;}
.proj_tp .srh_wrap input::placeholder{color:#8E8E8E;}
.proj_tp .srh_wrap .srh_btn{position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.proj_tp .srh_wrap .srh_btn button{font-size:0; background:url("/img/board/srh_btn.svg") no-repeat center / 100%; width: 26px; height: 26px; border:none;}
.proj_list{border-top:2px solid #000;}
.proj_list ul li{padding:30px 25px; border-bottom:1px solid #E3E3E3; position:relative; font-size: 22px; background:url("/img/board/proj_list_plus.svg") no-repeat right 25px center / 24px; cursor:pointer;}
.proj_list ul li .dpp_td_chk{display:inline-block; vertical-align:middle; margin-right:15px;}
.proj_list ul li strong{display:inline-block; vertical-align:middle; color:#9B1F65; padding-right:20px; position:relative;}
.proj_list ul li strong:after{content:''; display:block; width: 1px; height: 20px; background: #E3E3E3; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.proj_list ul li span{display:inline-block; vertical-align:middle; color:#6D6D6D; font-weight: 500; padding-left:20px;}


.pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.pop_bg{position:absolute; width:100%; height:100%; top:0; background: rgba(0, 0, 0, 0.50);}
.pop_inner{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 1050px; padding:60px 75px; background: #FFF;}
.pop_inner .pop_cont {overflow: hidden;}
.pop_close{width: 50px; cursor:pointer; position:absolute; top:30px; right:25px;}
.pop_title{font-size: 30px; font-weight: 500; letter-spacing: -1.5px; color:#222; text-align: center; line-height:1.4; margin-bottom:40px;}
.pop_cont .pop_slide_wrap{position:relative; width: 900px; height:500px;}
.pop_cont .pop_slide2_wrap{width: 900px;}
.pop_cont .pop_arrow{width: 85px; height: 46px; background: rgba(155, 31, 101, 0.80); display:flex; align-items:center; justify-content:center; gap:10px; position:absolute; right:0; bottom:0;}
.pop_cont .pop_arrow div{width: 20px; cursor:pointer;}
.pop_cont .pop_slide1 .swiper-slide{width: 900px; height:500px;}
.pop_cont .pop_slide2{width: 900px; margin-top:20px; overflow: hidden;}
.pop_cont .pop_slide2 .slick-list{margin-right:-10px;}
.pop_cont .pop_slide2 .slide{width:133.5px; height:80px; margin:0 10px; position:relative; cursor:pointer;}
.pop_cont .pop_slide2 .slide.slick-current{padding-left:1px;}
.pop_cont .pop_slide2 .slide.slick-current:before{content:''; display:block; width:100%; height:100%; border: 4px solid #AF0063; position:absolute; top:0;}
.pop_cont .slide img{width: 100%; height: 100%; object-fit: cover;}
.pop_cont .pop_slide1 {height: 100%;}
.pop_cont .pop_slide1 div{height: 100%;}
.pop_cont .pop_slide1 .slide img{object-fit: contain !important}


/* 포트폴리오 - 리스트 */
#dpp_pic_list .design .dpp_pic_hf a{font-size: 30px; letter-spacing: -2px; line-height:1.3;}
.design .dpp_gal_list{padding:0; margin: -25px -20px;}
.design .dpp_gal_list > li{padding:25px 20px;}
.design .dpp_gal_in .dpp_imgArea{height:307px;}


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

	/* 프로젝트 - 리스트 */
	.proj_list_wrap .category{margin-bottom:4.29vw;}
	.proj_list_wrap .category ul{gap:2.14vw;}
	.proj_list_wrap .category ul li a{font-size: 1.57vw; padding-bottom:0.71vw;}
	.proj_tp{margin-bottom:2.86vw;}
	.proj_tp .total{font-size: 1.43vw; letter-spacing: -0.03vw;}
	.proj_tp .total strong{font-size: 1.57vw;}
	.proj_tp .srh_wrap{gap:0.71vw;}
	.proj_tp .srh_wrap select{width: 17.14vw; height: 4.29vw; padding:0 1.43vw; background: #FFF url("/img/board/sel_ic.svg") no-repeat right 1.43vw center / 1.00vw; font-size: 1.43vw; letter-spacing: -0.03vw;}
	.proj_tp .srh_wrap input{width: 35.71vw; height: 4.29vw; padding:0 2.86vw 0 1.43vw; font-size: 1.43vw; letter-spacing: -0.03vw;}
	.proj_tp .srh_wrap .srh_btn{right:1.43vw;}
	.proj_tp .srh_wrap .srh_btn button{width: 1.86vw; height: 1.86vw;}
	.proj_list ul li{padding:2.14vw 1.79vw; font-size: 1.57vw; background:url("/img/board/proj_list_plus.svg") no-repeat right 1.79vw center / 1.71vw;}
	.proj_list ul li .dpp_td_chk{margin-right:1.07vw;}
	.proj_list ul li strong{padding-right:1.43vw;}
	.proj_list ul li strong:after{height: 1.43vw;}
	.proj_list ul li span{padding-left:1.43vw;}


	/* 포트폴리오 - 리스트 */
	#dpp_pic_list .design .dpp_pic_hf a{font-size: 2.14vw; letter-spacing: -0.14vw;}
	#dpp_pic_list .design .dpp_gal_list .dpp_pic_hf{margin:0;}
	.design .dpp_gal_list{margin: -1.79vw -1.43vw;}
	.design .dpp_gal_list > li{padding:1.79vw 1.43vw;}
	.design .dpp_gal_in .dpp_imgArea{height:21.93vw;}

}


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

	/* 프로젝트 - 리스트 */
	.proj_list_wrap .category{margin-bottom:4.69vw;}
	.proj_list_wrap .category ul{gap:2.34vw;}
	.proj_list_wrap .category ul li a{font-size: 1.72vw; padding-bottom:0.78vw;}
	.proj_tp{margin-bottom:3.13vw;}
	.proj_tp .total{font-size: 1.56vw; letter-spacing: -0.04vw;}
	.proj_tp .total strong{font-size: 1.72vw;}
	.proj_tp .srh_wrap{gap:0.78vw;}
	.proj_tp .srh_wrap select{width: 18.75vw; height: 4.69vw; padding:0 1.56vw; background: #FFF url("/img/board/sel_ic.svg") no-repeat right 1.56vw center / 1.09vw; font-size: 1.56vw; letter-spacing: -0.04vw;}
	.proj_tp .srh_wrap input{width: 39.06vw; height: 4.69vw; padding:0 3.13vw 0 1.56vw; font-size: 1.56vw; letter-spacing: -0.04vw;}
	.proj_tp .srh_wrap .srh_btn{right:1.09vw;}
	.proj_tp .srh_wrap .srh_btn button{width: 2.03vw; height: 2.03vw;}
	.proj_list ul li{padding:2.34vw 1.95vw; font-size: 1.72vw; background:url("/img/board/proj_list_plus.svg") no-repeat right 1.95vw center / 1.88vw;}
	.proj_list ul li .dpp_td_chk{margin-right:1.17vw;}
	.proj_list ul li strong{padding-right:1.56vw;}
	.proj_list ul li strong:after{height: 1.56vw;}
	.proj_list ul li span{padding-left:1.56vw;}


	.pop_inner{width: 82.03vw; padding:4.69vw 5.86vw;}
	.pop_close{width: 3.91vw; top:2.34vw; right:1.95vw;}
	.pop_title{font-size: 2.34vw; letter-spacing: -0.12vw; margin-bottom:3.13vw;}
	.pop_cont .pop_slide_wrap{width: 70.31vw; height:39.06vw;}
	.pop_cont .pop_slide2_wrap{width: 70.31vw;}
	.pop_cont .pop_arrow{width: 6.64vw; height: 3.59vw; gap:0.78vw;}
	.pop_cont .pop_arrow div{width: 1.56vw;}
	.pop_cont .pop_slide1 .swiper-slide{width: 70.31vw; height:39.06vw;}
	.pop_cont .pop_slide2{width: 70.31vw; margin-top:1.56vw;}
	.pop_cont .pop_slide2 .slick-list{margin-right:-0.78vw;}
	.pop_cont .pop_slide2 .slide{width:10.43vw; height:6.25vw; margin:0 0.78vw;}


	/* 포트폴리오 - 리스트 */
	#dpp_pic_list .design .dpp_pic_hf a{font-size: 2.14vw; letter-spacing: -0.16vw;}
	.design .dpp_gal_list{margin: -1.95vw -1.56vw;}
	.design .dpp_gal_list > li{padding:1.95vw 1.56vw;}
	.design .dpp_gal_in .dpp_imgArea{height:20.98vw;}

}


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

	/* 프로젝트 - 리스트 */
	.proj_list_wrap .category{margin-bottom:7.81vw; padding-bottom:0;}
	.proj_list_wrap .category::-webkit-scrollbar{display:none;}
	.proj_list_wrap .category ul{gap:6.51vw;}
	.proj_list_wrap .category ul li a{font-size: 4.17vw; padding-bottom:1.30vw;}
	.proj_tp{margin-bottom:3.21vw; align-items: flex-start; flex-direction: column-reverse;}
	.proj_tp .total{font-size: 3.65vw; letter-spacing: -0.06vw; margin-top:6vw;}
	.proj_tp .total strong{font-size: 3.86vw;}
	.proj_tp .srh_wrap{gap:1.30vw;}
	.proj_tp .srh_wrap select{width: 26.25vw; height: 9.81vw; padding:0 2.60vw; background: #FFF url("/img/board/sel_ic.svg") no-repeat right 2.60vw center / 2.82vw; font-size: 3.65vw; letter-spacing: -0.06vw;}
	.proj_tp .srh_wrap .input{width: calc(100% - 26.25vw - 1.30vw);}
	.proj_tp .srh_wrap input{width: 100%; height: 9.81vw; padding:0 5.21vw 0 2.60vw; font-size: 3.65vw; letter-spacing: -0.06vw;}
	.proj_tp .srh_wrap .srh_btn{right:3.26vw;}
	.proj_tp .srh_wrap .srh_btn button{width: 4.39vw; height: 4.39vw;}
	.proj_list ul li{padding:4.91vw 0; background:url("/img/board/proj_list_plus.svg") no-repeat right center / 5.13vw;}
	.proj_list ul li .dpp_td_chk{margin-right:0; display:block; margin-bottom:3vw;}
	.proj_list ul li strong{padding-right:0; display:block; font-size: 4.37vw; margin-bottom:2vw;}
	.proj_list ul li strong:after{display:none;}
	.proj_list ul li span{padding-left:0; font-size: 3.65vw; word-break:keep-all;}


	.pop_inner{width: 95%; padding:8.81vw 3.77vw;}
	.pop_close{width: 6.51vw; top:3.91vw; right:3.26vw;}
	.pop_title{font-size: 4.17vw; letter-spacing: -0.20vw; margin-bottom:5.21vw;}
	.pop_cont .pop_slide_wrap{width: 100%; height:59.10vw;}
	.pop_cont .pop_slide2_wrap{width: 100%;}
	.pop_cont .pop_slide1, .pop_cont .pop_slide1 .slick-list, .pop_cont .pop_slide1 .slick-track{height:100%;}
	.pop_cont .pop_arrow{width: 11.07vw; height: 5.99vw; gap:1.30vw; right:-0.5px;}
	.pop_cont .pop_arrow div{width: 2.60vw;}
	.pop_cont .pop_slide1 .swiper-slide{width: 100%; height:59.10vw;}
	.pop_cont .pop_slide2{width: 100%; margin-top:2.60vw;}
	.pop_cont .pop_slide2 .slick-list{margin-right:-1.30vw;}
	.pop_cont .pop_slide2 .slide{width:19.35vw; height:12.42vw; margin:0 1.30vw;}


	/* 포트폴리오 - 리스트 */
	#dpp_pic_list .design .dpp_pic_hf a{font-size: 3.91vw; letter-spacing: -0.26vw;}
	.design .dpp_gal_list{margin: -3.26vw -1.60vw;}
	.design .dpp_gal_list > li{padding:3.26vw 1.60vw; width:50%;}
	.design .dpp_gal_in .dpp_imgArea{height:32.97vw;}

}