@charset "utf-8";

#digital .df-box .txt div { text-transform: none; }
#digital .feature-list.col-3 ul { gap: 20px; }
#digital .feature-list.col-3 li { width: calc((100% - 40px)/3); height: 303px; padding: 65px; }
#digital .feature-list.col-3 li dt { letter-spacing: -0.02em; }

#digital .tabCnt > div > .product-wrap:not(.last) { margin-bottom: 120px; }
.product-wrap .list ul { display: flex; gap:35px; flex-wrap:wrap; width: 100%; }
.product-wrap .list li { width: calc((100% - 70px)/3); background-color: transparent; }
.product-wrap .list li .img { display: flex; justify-content:center; align-items:center; height: 332px; padding: 0 40px; background-color: #FAFAFA; }
#digital .product-wrap .list .text__box { height: 58px; margin-top: 25px; }
#digital .product-wrap .list .text__box>*{ font-family: 'Noto Sans KR', sans-serif;
 font-size: 18px; font-weight: 500; line-height: 1.6; letter-spacing: -0.02em; color: #111; text-align: center;
}
#digital .product-wrap .list .name{ color: #999999; }
.sub-tit .s-tit { font-family: 'Noto Sans KR', sans-serif; font-size: 44px; letter-spacing: -0.02em; text-transform: none; }
.product-info + .product-info { margin-top: 120px; }
.product-info .flex { display: flex; justify-content:space-between; }
.product-info .img { width: 51.28%; max-width:800px; }
.product-info .img img { width: 100%; }
.product-info .info-list { width: calc( 48.72% - 50px); max-width:710px; }
.product-info .info-list > li{ display: flex; flex-direction:column; height: 190px; justify-content:center; padding: 0 50px; border-bottom:1px solid #DDDDDD; }
.product-info .info-list > li > * { font-family: 'Noto Sans KR', sans-serif; }
.product-info .info-list > li > .num { display: inline-block; margin-bottom: 20px; font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; color: var(--color-blue); }
.product-info .info-list > li > .type { font-size: 18px; font-weight: 500; letter-spacing: 1.3; letter-spacing: -0.02em; color: #111; }
.product-info .info-list > li > .name { margin-top: 20px; font-size: 17px; font-weight: 300; line-height: 1.3; letter-spacing: -0.02em; color: #555; }
.product-info .info-list > li > .name + .name { margin-top: 12px; }

#digital .product-list .list ul { gap:40px 30px; }
#digital .product-list .list { max-width:1230px; margin: 0 auto; }
#digital .product-list .list li { width: calc((100% - 90px)/4); background-color: transparent; }
#digital .product-list .list li img { width: 100%; }
#digital .product-list .list .wide { gap:30px; margin-top: 40px; }
#digital .product-list .list .wide li { width: calc(50% - 15px); }

@media (max-width: 1600px) {
	#digital .df-box .txt p>br { display: none; }
	#digital .feature-list.col-3 li { height: 350px; }
}

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
    #digital .feature-list.col-3 li { padding: 40px 50px; height: 300px; }
	.sub-tit .s-tit { font-size: 36px; }
	#digital .tabCnt > div > .product-wrap:not(.last) { margin-bottom: 100px; }
	.product-info + .product-info { margin-top: 100px; }
}
@media (max-width: 1024px){
	.product-wrap .list li { width: 100%;}
	.product-wrap .list li .img { padding: 20px 40px; }
	.product-info .flex { flex-direction:column;}
	.product-info .img,.product-info .info-list { width: 100%; max-width:initial; }
	.product-info .info-list > li { height: 140px; padding: 0 20px; }
	.product-info .info-list > li > .name { margin-top: 10px; }
	.product-info .info-list > li > .num { margin-bottom: 10px; }
	.product-info .info-list > li > .name + .name { margin-top: 6px; }
	#digital .product-list .list ul { gap: 25px; }
	#digital .product-list .list li { width: calc((100% - 75px) / 4); }
	#digital .product-list .list .wide { margin-top: 25px; }
}
@media (max-width: 960px) {
    #digital .feature-list.col-3 li { width: 100%; padding: 30px 20px; height: auto; }
}

@media (max-width: 767px) {
	.sub-tit .s-tit { font-size: 30px; }
	#digital .product-list .list li { width: calc((100% - 25px) / 2); }
	#digital .product-list .list .wide li {width: 100%;}
	#digital .tabCnt > div > .product-wrap:not(.last) { margin-bottom: 50px; }
	.product-info + .product-info { margin-top: 50px; }
}