@charset "utf-8";

#inc05{display:flex;align-items:center;padding:90px 80px 100px;width:100%;height:100vh;background:url('./img/bg.jpg') no-repeat center / cover;justify-content:space-between}

/* 좌측 영역 */
#inc05 .lft{margin: 0 0 60px 100px;color:rgba(255, 255, 255, .8);word-break:keep-all;font-size: 16px;}
#inc05 .lft h2{width:max-content;padding-bottom:55px;margin-bottom:40px;border-bottom:1px solid rgba(255, 255, 255, .8);font-size: 37px;color:#fff;line-height:1.3;font-weight:700;white-space:pre-line;word-break:keep-all}

/* 우측 영역 */
#inc05 .rgt{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
#inc05 .rgt a{display:flex;flex-flow:column;justify-content:space-between;padding:42px 50px 45px;width: 500px;height: 500px;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);transition:.5s;border:1px solid transparent}
#inc05 .rgt a .eng{font-size:14px;color:#fff;font-family:var(--e-font);text-align:right}
#inc05 .rgt a>div{margin-bottom:-36px;transition:all .5s}
#inc05 .rgt a>div h3{font-size:28px;color:#fff;font-weight:700;transition:.5s}
#inc05 .rgt a>div .txt{position:relative;opacity:0;margin-top:12px;color:rgba(255,255,255,.6);white-space:pre-line;transition:all .5s;word-break:keep-all;font-size:15px;line-height:1.4}

/* 반응형 [s] */
@media (hover:hover){
#inc05 .rgt a:hover>div{margin-bottom:0}
#inc05 .rgt a:hover .txt{opacity:1}
#inc05 .rgt a:hover {border:1px solid #e1e1e1}
}
@media (max-width:1700px){
#inc05 .lft{margin-left:0}
#inc05 .rgt a{width:340px;height:340px}
}
@media (max-width:1380px){
#inc05{gap:20px;padding:90px 5% 100px}
#inc05 .lft{width:100%}
#inc05 .lft h2{padding-bottom:45px;margin-bottom:35px;font-size: 28px;width:100%}
#inc05 .rgt{gap:18px}
#inc05 .rgt a{padding:30px;width:300px;height:300px}
#inc05 .rgt a>div h3{font-size:23px}
#inc05 .rgt a>div .txt{font-size:15px}
}
@media (max-width:1200px){
#inc05 .lft h2{font-size:24px}
}
@media (max-width:1024px){
#inc05{padding:90px 2.5%}
#inc05 .lft{width:40%}
#inc05 .lft h2{padding-bottom:35px;margin-bottom:25px;font-size: 22px;}
#inc05 .rgt{width:60%}
#inc05 .rgt a{padding:20px;width:100%;height:270px}
#inc05 .rgt a .eng{font-size:13px}
#inc05 .rgt a>div h3{font-size:21px}
#inc05 .rgt a>div .txt{font-size:14px}
}
@media (max-width:768px){
#inc05{flex-direction:column}
#inc05 .lft{display:flex;flex-direction:column;align-items:center;margin-bottom: 0;width:100%;text-align:center}
#inc05 .lft h2{padding-bottom:15px;margin-bottom:25px;width:max-content;font-size:25px}
#inc05 .rgt{width:100%;grid-template-columns:repeat(1, 1fr)}
#inc05 .rgt a>div{margin-bottom:0px}
#inc05 .rgt a>div .txt{opacity:1;white-space:normal}
#inc05 .rgt a>div h3{font-size:20px}
}
@media (max-width:480px){
#inc05{padding:110px 2.5% 230px}
#inc05 .lft{margin-bottom:30px;font-size:15px;word-break: keep-all}
#inc05 .lft h2{padding-bottom:10px;margin-bottom:20px;font-size:21px}
#inc05 .rgt{gap:10px}
#inc05 .rgt a{padding:16px;height: 180px;}
#inc05 .rgt a>div h3{font-size:17px}
}
@media (max-width:380px){
#inc05 .lft{margin-bottom:20px}
#inc05 .lft h2{margin-bottom:15px;font-size:19px}
#inc05 .rgt{grid-template-columns:repeat(1, 1fr)}
#inc05 .rgt a{height:205px}
#inc05 .rgt a>div h3{font-size:16px}
#inc05 .rgt a>div .txt{margin-top:8px;font-size:13px}
}
/* 반응형 [e] */