@charset "utf-8";

#mkCase{padding:245px 0 155px}
#mkCase .inner{display:flex;flex-direction:column;align-items:center}
#mkCase h2{padding-bottom:90px;font-size:50px;font-weight:700;line-height:100%;color:#111;text-align:center}

#mkCase .blog{display:flex;flex-direction:column;align-items:center;gap:34px;width:100%}
#mkCase .blog ul li a{display:flex;flex-direction:column;gap:30px}
#mkCase .blog ul li a .thum{height:254px;border-radius:13px;background-size:cover !important;background-position:center !important;transition:opacity 0.2s}
#mkCase .blog ul li a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:20px;font-weight:700;line-height:1.5;word-break:keep-all;transition:opaicty 0.2s}
#mkCase .blog .btn--primary{width:217px}

/* 반응형 [s] */
@media (max-width:1600px){
#mkCase{padding:160px 0}
#mkCase h2{padding-bottom:60px}
#mkCase .blog{padding:0 20px}
}
@media (max-width:1200px){
#mkCase{padding:130px 0}
#mkCase .blog ul li a p{font-size:18px}
}
@media (max-width:1024px){
#mkCase{padding:100px 0}
#mkCase .blog ul li a{gap:18px}
#mkCase .blog ul li a .thum{height:266px}
#mkCase .blog ul li a p{font-size:16px}
#mkCase .blog .btn--primary{width:196px}
}
@media (max-width:768px){
#mkCase h2{padding:0 20px 40px}
#mkCase .blog{padding:0}
#mkCase .blog ul li{max-width:430px}     
#mkCase .blog ul li a .thum{opacity:0.5}   
#mkCase .blog ul li a p{opacity:0}
#mkCase .swiper-slide.swiper-slide-active a p{opacity:1}
#mkCase .swiper-slide.swiper-slide-active a .thum{opacity:1}
}
@media (max-width:480px){
#mkCase{padding:60px 0}
#mkCase h2{padding:0 20px 30px}
#mkCase .blog ul li{max-width:300px}
#mkCase .blog ul li a .thum{height:210px}
#mkCase .blog ul li a p{font-size:15px}
}
@media (max-width:390px){
#mkCase{padding:60px 0}
#mkCase h2{padding:0 0 40px}
#mkCase .blog ul li{max-width:240px}
#mkCase .blog ul li a .thum{height:170px}
}
/* 반응형 [e] */