/* 제품 리스트 */
#dpp_ct.dpp_ct{margin: 0 0 65px 0; background: none; padding: 0; border: none;}
#dpp_ct_ul.dpp_ct_ul{display: flex;}
#dpp_ct.dpp_ct li{min-width: initial; width: 20%; margin: 0;}
#dpp_ct.dpp_ct li a{width: 100%; height: 65px; line-height: 65px; font-size: 20px; font-weight: 400; color: #8E8E8E; border-bottom: 1px solid #E3E3E3; border-radius:0;}
#dpp_ct.dpp_ct #bo_cate_on{font-weight: 700; color: #000; border-bottom: 2px solid #000; background: none;}
.pro_list_wrap{margin-top:60px;}
.pro_tp{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30px;}
.pro_tp .total{font-size: 18px; font-weight: 600; color: #9F9F9F;}
.pro_tp .total strong{color: #000;}
.pro_tp .pro_srh{display:flex; max-width: 350px; height: 50px; position:relative;}
.pro_tp .pro_srh select{width: 42.85%; height: 100%; border:none; border-bottom: 1px solid #E5E5E5; background: #FFF url("/img/board/sel_ic.svg") no-repeat right 10px center / 10px; font-size: 16px; font-weight: 500; color: #333; padding:0 10px; outline:none !important;}
.pro_tp .pro_srh_input{width:57.15%;}
.pro_tp .pro_srh_input input{width:100%; height:100%; border:none; border-bottom: 1px solid #E5E5E5; background: #FFF; font-size: 16px; font-weight: 500; color: #333; padding:0 40px 0 10px;}
.pro_tp .pro_srh_input button{width: 19px; height: 19px; display:inline-block; background:url("/img/board/srh_btn.svg") no-repeat center / 100%; position:absolute; right:10px; top:50%; transform:translateY(-50%); border:none;}
.pro_list{display:flex; flex-wrap:wrap; gap: 45px 2%;}
.pro_list > li{width:23.5%; position:relative;}
.pro_list > li .img{border: 1px solid #E3E3E3; height:265px; position:relative;}
.pro_list > li .img img{width:100%; height:100%; object-fit:cover;}
.pro_list > li .img:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity:0; z-index: 1; cursor: pointer; transition:0.5s all;}
.pro_list > li .img:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 50px; height: 50px; background: #fff url("/theme/basic/img/gall_hover.png") center no-repeat; background-size: 21px; z-index: 2; border-radius: 50%;  cursor: pointer; transition:0.5s all; opacity:0;}
.pro_list > li:hover .img:before, .pro_list > li:hover .img:after{opacity:1;}
.pro_list > li .txt{margin-top:30px;}
.pro_list > li .txt .cate{font-size: 16px; font-weight: 600; color:#005BD6; margin-bottom:10px;}
.pro_list > li .txt .name{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color: #333; font-size: 24px; font-weight: 700;}
.pro_list > li .bt_txt{margin-top: 30px; padding-top: 30px; border-top: 1px solid #999999;}
.pro_list > li .bt_txt .type{font-size: 24px; font-weight: 600; color: #333;}
.pro_list > li .bt_txt .type_en{font-size: 18px; color: #8E8E8E; margin-top: 5px;}
.pro_list > li .bt_txt ul{margin-top: 20px;}
.pro_list > li .bt_txt ul li{font-size: 20px; letter-spacing: -1px; color: #8E8E8E; position: relative; padding-left: 15px; line-height: 1.5; word-break: keep-all;}
.pro_list > li .bt_txt ul li:before{content: ''; display: block; width: 5px; height: 5px; border-radius:50%; background: #8E8E8E; position: absolute; left: 0; top: 12px;}
.pro_list > li .bt_txt ul li + li{margin-top: 10px;}


/* 제품 상세 */
.pro_view_info{display:flex; justify-content:space-between;}
.pro_view_info .thumb{width: 650px; height: 650px; border: 1px solid #E3E3E3;}
.pro_view_info .thumb a{display:block; width:100%; height:100%;}
.pro_view_info .thumb a + a{display: none;}
.pro_view_info .thumb img{width:100%; height:100%; object-fit:cover;}
.pro_view_info .txt{margin-top:40px; width:48%;}
.pro_view_info .txt .title .cate{font-size: 16px; font-weight: 600; color:#005BD6;}
.pro_view_info .txt .title h3{font-size: 40px; font-weight: 700; margin-top:7px; color: #333;}
.pro_view_info .txt .title .cont{padding: 37px 0 80px; border-bottom: 1px solid #E5E5E5;}
.pro_view_info .txt .title .cont p{font-size: 18px; color: #555; line-height: 1.55;}
.pro_view_info .txt .title .cont .bt_txt{margin-top: 45px;}
.pro_view_info .txt .title .cont .type{font-size: 24px; font-weight: 700; color: #333;}
.pro_view_info .txt .title .cont .type_en{font-size: 18px; color: #8E8E8E; margin-top: 5px;}
.pro_view_info .txt .title .cont ul{margin-top: 20px;}
.pro_view_info .txt .title .cont ul li{font-size: 20px; letter-spacing: -1px; color: #8E8E8E; font-weight: 500; position: relative; padding-left: 15px; line-height: 1.5;}
.pro_view_info .txt .title .cont ul li:before{content: ''; display: block; width: 5px; height: 5px; border-radius:50%; background: #8E8E8E; position: absolute; left: 0; top: 12px;}
.pro_view_info .txt .title .cont ul li + li{margin-top: 10px;}
.pro_view_info .list_btn{margin-top:40px; text-align:center;}
.pro_view_info .list_btn a{display:inline-block; font-size: 18px; font-weight: 700; color: #FFF; width: 150px; line-height: 60px; border-radius: 5px; background: #000;}

.pro_view_detail{padding:120px 0 95px; border-bottom:1px solid #CCC;}
.pro_view_detail .detail_tit{border-bottom:1px solid #CCC; margin-bottom:60px;}
.pro_view_detail .detail_tit span{display:inline-block; width: 350px; font-size: 28px; font-weight: 500; padding-bottom:15px; border-bottom:2px solid #000;}
.pro_detail_cont{font-size: 18px; line-height:1.5;}
.pro_detail_cont img{display: block; margin: 70px auto 0;}
.pro_detail_cont .detail_txt .txt p,
.pro_detail_cont .detail_txt .txt span {/* */ font-size: 18px !important;  line-height:1.5 !important; color: #555;}
.pro_detail_cont > div + div{margin-top:80px;}




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

	/* 제품 리스트 */
	#dpp_ct.dpp_ct{margin: 0 0 4.58vw 0;}
	#dpp_ct.dpp_ct li{width: 20%;}
	#dpp_ct.dpp_ct li a{height: 4.58vw; line-height: 4.58vw; font-size: 1.41vw;}
	.pro_list_wrap{margin-top:4.23vw;}
	.pro_tp{margin-bottom:2.11vw;}
	.pro_tp .total{font-size: 1.27vw;}
	.pro_tp .pro_srh{max-width: 24.65vw; height: 3.52vw;}
	.pro_tp .pro_srh select{width: 42.85%; height: 100%; background: #FFF url("/img/board/sel_ic.svg") no-repeat right 0.70vw center / 0.70vw; font-size: 1.13vw; padding:0 0.70vw;}
	.pro_tp .pro_srh_input{width:57.15%;}
	.pro_tp .pro_srh_input input{font-size: 1.13vw; padding:0 2.82vw 0 0.70vw;}
	.pro_tp .pro_srh_input button{width: 1.34vw; height: 1.34vw; right:0.70vw;}
	.pro_list{gap: 3.17vw 2%;}
	.pro_list > li{width:23.5%;}
	.pro_list > li .img{height:18.66vw;}
	.pro_list > li .txt{margin-top:2.11vw;}
	.pro_list > li .txt .cate{font-size: 1.13vw; margin-bottom:0.70vw;}
	.pro_list > li .txt .name{font-size: 1.69vw;}
	.pro_list > li .bt_txt{margin-top: 2.11vw; padding-top: 2.11vw;}
	.pro_list > li .bt_txt .type{font-size: 1.69vw;}
	.pro_list > li .bt_txt .type_en{font-size: 1.27vw; margin-top: 0.35vw;}
	.pro_list > li .bt_txt ul{margin-top: 1.41vw;}
	.pro_list > li .bt_txt ul li{font-size: 1.41vw; letter-spacing: -0.07vw; padding-left: 1.06vw;}
	.pro_list > li .bt_txt ul li:before{top: 0.85vw; width: 4px; height: 4px;}
	.pro_list > li .bt_txt ul li + li{margin-top: 0.70vw;}


	/* 제품 상세 */
	.pro_view_info .thumb{width: 42.77vw; height: 42.77vw;}
	.pro_view_info .txt{margin-top:2.82vw; width:48%;}
	.pro_view_info .txt .title .cate{font-size: 1.13vw;}
	.pro_view_info .txt .title h3{font-size: 2.82vw; margin-top:0.49vw;}
	.pro_view_info .txt .title .cont{padding: 2.61vw 0 5.63vw;}
	.pro_view_info .txt .title .cont p{font-size: 1.27vw;}
	.pro_view_info .txt .title .cont .bt_txt{margin-top: 3.17vw;}
	.pro_view_info .txt .title .cont .type{font-size: 1.69vw;}
	.pro_view_info .txt .title .cont .type_en{font-size: 1.27vw; margin-top: 0.35vw;}
	.pro_view_info .txt .title .cont ul{margin-top: 1.41vw;}
	.pro_view_info .txt .title .cont ul li{font-size: 1.41vw; letter-spacing: -0.07vw; padding-left: 1.06vw; line-height: 1.5;}
	.pro_view_info .txt .title .cont ul li:before{top: 0.85vw; width: 4px; height: 4px;}
	.pro_view_info .txt .title .cont ul li + li{margin-top: 0.70vw;}
	.pro_view_info .list_btn{margin-top:2.82vw;}
	.pro_view_info .list_btn a{font-size: 1.27vw; width: 10.56vw; line-height: 4.23vw;}

	.pro_view_detail{padding:8.45vw 0 6.69vw;}
	.pro_view_detail .detail_tit{margin-bottom:4.23vw;}
	.pro_view_detail .detail_tit span{width: 24.65vw; font-size: 1.97vw; padding-bottom:1.06vw;}
	.pro_detail_cont{font-size: 1.27vw;}
	.pro_detail_cont img{margin: 4.93vw auto 0;}
	.pro_detail_cont .detail_txt .txt p,
	.pro_detail_cont .detail_txt .txt span {font-size: 1.27vw !important;}
	.pro_detail_cont > div + div{margin-top:5.63vw;}

}

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

	/* 제품 리스트 */
	#dpp_ct.dpp_ct{margin: 0 0 5.08vw 0;}
	#dpp_ct.dpp_ct li{width: 20%;}
	#dpp_ct.dpp_ct li a{height: 5.08vw; line-height: 5.08vw; font-size: 1.56vw;}
	.pro_list_wrap{margin-top:4.69vw;}
	.pro_tp{margin-bottom:2.34vw;}
	.pro_tp .total{font-size: 1.41vw;}
	.pro_tp .pro_srh{max-width: 27.34vw; height: 3.91vw;}
	.pro_tp .pro_srh select{width: 42.85%; height: 100%; background: #FFF url("/img/board/sel_ic.svg") no-repeat right 0.78vw center / 0.78vw; font-size: 1.25vw; padding:0 0.78vw;}
	.pro_tp .pro_srh_input{width:57.15%;}
	.pro_tp .pro_srh_input input{font-size: 1.25vw; padding:0 3.13vw 0 0.78vw;}
	.pro_tp .pro_srh_input button{width: 1.48vw; height: 1.48vw; right:0.78vw;}
	.pro_list{gap: 3.52vw 2%;}
	.pro_list > li{width:23.5%;}
	.pro_list > li .img{height:20.70vw;}
	.pro_list > li .txt{margin-top:2.34vw;}
	.pro_list > li .txt .cate{font-size: 1.25vw; margin-bottom:0.78vw;}
	.pro_list > li .txt .name{font-size: 1.88vw;}
	.pro_list > li .bt_txt{margin-top: 2.34vw; padding-top: 2.34vw;}
	.pro_list > li .bt_txt .type{font-size: 1.88vw;}
	.pro_list > li .bt_txt .type_en{font-size: 1.41vw; margin-top: 0.39vw;}
	.pro_list > li .bt_txt ul{margin-top: 1.56vw;}
	.pro_list > li .bt_txt ul li{font-size: 1.46vw; letter-spacing: -0.08vw; padding-left: 1.17vw;}
	.pro_list > li .bt_txt ul li:before{top: 0.74vw;}
	.pro_list > li .bt_txt ul li + li{margin-top: 0.78vw;}


	/* 제품 상세 */
	.pro_view_info .thumb{width: 41.78vw; height: 41.78vw;}
	.pro_view_info .txt{margin-top:3.13vw; width:48%;}
	.pro_view_info .txt .title .cate{font-size: 1.25vw;}
	.pro_view_info .txt .title h3{font-size: 3.13vw; margin-top:0.55vw;}
	.pro_view_info .txt .title .cont{padding: 2.89vw 0 4.25vw;}
	.pro_view_info .txt .title .cont p{font-size: 1.41vw;}
	.pro_view_info .txt .title .cont .bt_txt{margin-top: 2.52vw;}
	.pro_view_info .txt .title .cont .type{font-size: 1.88vw;}
	.pro_view_info .txt .title .cont .type_en{font-size: 1.41vw; margin-top: 0.39vw;}
	.pro_view_info .txt .title .cont ul{margin-top: 1.56vw;}
	.pro_view_info .txt .title .cont ul li{font-size: 1.36vw; letter-spacing: -0.08vw; padding-left: 1.17vw; line-height: 1.5;}
	.pro_view_info .txt .title .cont ul li:before{top: 0.64vw;}
	.pro_view_info .txt .title .cont ul li + li{margin-top: 0.78vw;}
	.pro_view_info .list_btn{margin-top:3.13vw;}
	.pro_view_info .list_btn a{font-size: 1.41vw; width: 11.72vw; line-height: 4.69vw;}

	.pro_view_detail{padding:9.38vw 0 7.42vw;}
	.pro_view_detail .detail_tit{margin-bottom:4.69vw;}
	.pro_view_detail .detail_tit span{width: 27.34vw; font-size: 2.19vw; padding-bottom:1.17vw;}
	.pro_detail_cont{font-size: 1.41vw;}
	.pro_detail_cont img{margin: 5.47vw auto 0;}
	.pro_detail_cont .detail_txt .txt p,
	.pro_detail_cont .detail_txt .txt span {font-size: 1.41vw !important;}
	.pro_detail_cont > div + div{margin-top:6.25vw;}

}

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

	/* 제품 리스트 */
	#dpp_ct.dpp_ct{margin: 0 0 13.02vw 0;}
	#dpp_ct_ul.dpp_ct_ul{flex-wrap: wrap;}
	#dpp_ct.dpp_ct li{width: 50%;}
	#dpp_ct.dpp_ct li a{height: 12.46vw; line-height: 12.46vw; font-size: 3.65vw;}
	.pro_list_wrap{margin-top:7.81vw;}
	.pro_tp{margin-bottom:4.91vw;}
	.pro_tp{flex-direction: column-reverse; align-items: flex-start; gap:10vw; width: 100%;}
	.pro_tp .total{font-size: 3.34vw;}
	.pro_srh_form{width: 100%;}
	.pro_tp .pro_srh{max-width: 100%; height: 9.51vw;}
	.pro_tp .pro_srh select{width: 32%; background: #FFF url("/img/board/sel_ic.svg") no-repeat right center / 2.30vw; font-size: 3.34vw; padding:0;}
	.pro_tp .pro_srh_input{width: 68%;}
	.pro_tp .pro_srh_input input{font-size: 3.34vw; padding: 0 6.21vw 0 3.3vw;}
	.pro_tp .pro_srh_input button{width: 3.47vw; height: 3.47vw; right:0;}
	.pro_list{gap: 5.86vw 0; justify-content: space-between;}
	.pro_list > li{width:48.5%;}
	.pro_list > li .img{height:35.51vw;}
	.pro_list > li .txt{margin-top:3.91vw;}
	.pro_list > li .txt .cate{font-size: 3.13vw; margin-bottom:1.30vw;}
	.pro_list > li .txt .name{font-size: 4.17vw;}
	.pro_list > li .bt_txt{margin-top: 4.91vw; padding-top: 4.91vw;}
	.pro_list > li .bt_txt .type{font-size: 4.17vw;}
	.pro_list > li .bt_txt .type_en{font-size: 3.34vw; margin-top: 0.65vw;}
	.pro_list > li .bt_txt ul{margin-top: 2.60vw;}
	.pro_list > li .bt_txt ul li{font-size: 3.34vw; letter-spacing: -0.13vw; padding-left: 1.95vw;}
	.pro_list > li .bt_txt ul li:before{top: 1.56vw;}
	.pro_list > li .bt_txt ul li + li{margin-top: 1.30vw;}


	/* 제품 상세 */
	.pro_view_info{display: block;}
	.pro_view_info .thumb{width: 100%; height: 90.345vw;}
	.pro_view_info .txt{margin-top:12.21vw; width:100%;}
	.pro_view_info .txt .title .cate{font-size: 3.13vw;}
	.pro_view_info .txt .title h3{font-size: 7.21vw; margin-top:0.91vw;}
	.pro_view_info .txt .title .cont{padding: 4.82vw 0 10.42vw;}
	.pro_view_info .txt .title .cont p{font-size: 3.65vw;}
	.pro_view_info .txt .title .cont .bt_txt{margin-top: 6.86vw;}
	.pro_view_info .txt .title .cont .type{font-size: 4.17vw;}
	.pro_view_info .txt .title .cont .type_en{font-size: 3.91vw; margin-top: 0.65vw;}
	.pro_view_info .txt .title .cont ul{margin-top: 3.60vw;}
	.pro_view_info .txt .title .cont ul li{font-size: 3.65vw; letter-spacing: -0.13vw; padding-left: 2.15vw; line-height: 1.5;}
	.pro_view_info .txt .title .cont ul li:before{top: 2.1vw;}
	.pro_view_info .txt .title .cont ul li + li{margin-top: 1.30vw;}
	.pro_view_info .list_btn{margin-top:8.21vw;}
	.pro_view_info .list_btn a{font-size: 3.65vw; width: 30.53vw; line-height: 10.81vw;}

	.pro_view_detail{padding:15.63vw 0 13.37vw;}
	.pro_view_detail .detail_tit{margin-bottom:10.81vw;}
	.pro_view_detail .detail_tit span{width: 60.57vw; font-size: 5.21vw; padding-bottom:1.95vw;}
	.pro_detail_cont{font-size: 2.34vw;}
	.pro_detail_cont img{margin: 9.11vw auto 0;}
	.pro_detail_cont .detail_txt .txt p,
	.pro_detail_cont .detail_txt .txt span {font-size: 3.65vw !important;}
	.pro_detail_cont > div + div{margin-top:10.42vw;}

}