@charset "utf-8";

#inc03{position:relative;padding:160px 100px;background: #fff;}
#inc03 .tit{position:relative;margin-bottom:60px;font-size:40px;font-weight:200;line-height:1;color:#111;text-align:center;font-family:'PuradakGentleGothic'}
#inc03 .tit:before{display:block;content:"";width:80px;height:5px;margin:0 auto 30px;background:var(--primary)}
#inc03 .contWrap{display:flex;justify-content:center;gap: 20px;padding:0}
#inc03 .contWrap li {flex:1;position:relative;aspect-ratio: 1 / 2; }
#inc03 .contWrap li a {position:relative;display:flex;flex-direction:column;padding:40px 26px;height:90%;background:rgba(255, 255, 255, .25);backdrop-filter:blur(10px);overflow:hidden}
#inc03 .contWrap li a:before{content: '';position:absolute;top:0;left:0;width:100%; height:100%;border:0.2vw solid transparent;border-image:linear-gradient(135deg, rgba(255, 254, 248, .8) 0%, rgba(155, 155, 155, .4) 20%, rgba(255, 255, 255, .8) 50%, rgba(155, 155, 155, .4) 100%) 1;z-index:-1;pointer-events:none}
#inc03 .contWrap li h3{position:relative;line-height:1.4;font-size:24px;color:#1e1e1e;font-weight:400;z-index:2;font-family:'PuradakGentleGothic'}
#inc03 .contWrap li h3:after{display:none;content:'';position:absolute;top:6px;right:0;width:1.6vw;aspect-ratio:16 / 11; background:url(../images/#inc03/ico-#inc03-arrow.svg) no-repeat center; background-size:100%}
#inc03 .contWrap li h3 span{display:block;margin-top:6px;line-height:1.2;font-size: 15px;color: #999;font-weight: 600;letter-spacing:.2px;font-family: 'Pretendard';text-transform: uppercase;}
#inc03 .contWrap li h3 span br{display:none}
#inc03 .contWrap li .cont{margin-top:auto;overflow:hidden}
#inc03 .contWrap li .cont h5{display:none;position:relative;margin-bottom:10px;font-size:0.7VW;color:#6e6e6e}
#inc03 .contWrap li .cont .img{position:relative;overflow: hidden}
#inc03 .contWrap li .cont img:hover{transition:all .3s cubic-bezier(0.5, 1, 0.89, 1)}
#inc03 .contWrap li .cont img {width:100%;transition:all .3s cubic-bezier(0.5, 1, 0.89, 1)}
#inc03 .contWrap li .cont:hover img{transform:scale(1.05,1.05)}
#inc03 .contWrap li:nth-child(even) a{flex-direction:column-reverse}
#inc03 .contWrap li:nth-child(even) h3 {margin-top:auto}
#inc03 .contWrap li:nth-child(even) .cont {display:flex;flex-direction:column-reverse;margin-top:0}
#inc03 .contWrap li:nth-child(even) .cont h5{margin-top:10px; margin-bottom:0}

@media(max-width:1600px){
#inc03{padding:160px 50px}
#inc03 .inc03_slide{margin:0}    
#inc03 .arr.prev{left:20px}
#inc03 .arr.next{right:20px}
}
@media (max-width:1200px){
#inc03{padding:100px 30px}
#inc03 .tit{font-size:30px}
#inc03 .contWrap li h3{font-size:18px}
}
@media (max-width:1024px){
#inc03{padding:80px 25px}
#inc03 .tit{font-size:26px}
#inc03 .item .img{height:230px}
#inc03 .item .txt{padding:40px 20px}
#inc03 .item .txt p{word-break:keep-all}
#inc03 .arr.prev{left:5px}
#inc03 .arr.next{right:5px}
#inc03 .arr svg{width:40px;height:40px}
#inc03 .contWrap{gap:12px}
#inc03 .contWrap li a{padding:24px 20px}
#inc03 .contWrap li h3 span{font-size:14px}
}
@media (max-width:900px){
#inc03 .contWrap{display:grid;grid-template-columns: repeat(2, 1fr)}
#inc03 .contWrap li{aspect-ratio:0}
#inc03 .contWrap li h3{padding-bottom:20px}
#inc03 .contWrap li a{height:100%}
#inc03 .contWrap li h3{padding:20px 0;font-size: 17px;}
#inc03 .contWrap li:nth-child(even) h3{padding:20px 0}
}
@media (max-width:768px){
#inc03{padding:60px 15px}
#inc03 .tit{font-size:22px;margin-bottom:30px}
#inc03 .item .img{height:180px}
#inc03 .item .txt{padding:30px 20px}
#inc03 .item .txt div{font-size:16px}
#inc03 .arr{display:none}
}
@media (max-width:480px){
#inc03{padding:30px 15px 10px}
#inc03 .contWrap li h3{padding:0}
#inc03 .contWrap li h3 span{font-size:12px}
#inc03 .contWrap li a{padding:24px 12px}
#inc03 .tit:before{margin:0 auto 20px}
}
@media (max-width:380px){
#inc03 .contWrap li h3{padding-bottom:10px}
#inc03 .contWrap{grid-template-columns:repeat(1, 1fr)}
}