@charset "utf-8";

#inc03{position:relative;display:flex}
#inc03 *{word-break:keep-all}
#inc03 .l_cont{width:50%}
#inc03 .r_cont{width:50%}
#inc03 .item{height:100vh}
#inc03 .txt_wrap{display:flex;flex-direction:column;gap:100px;height:100%;padding:120px;color:#fff}
#inc03 .txt_wrap dt{font-size:30px;font-weight:700;text-transform:uppercase;font-family:var(--e-font)}
#inc03 .txt_wrap dd{font-size:20px}
#inc03 .txt_wrap dd p{margin-bottom:20px;font-size:25px;font-weight:700}
#inc03 .l_cont .cont01{background:var(--primary)}
#inc03 .r_cont .cont01{background:url(./img/img01.jpg);background-size:cover}
#inc03 .l_cont .cont02{background:url(./img/img03.jpg);background-size:cover}
#inc03 .l_cont .cont04{background:url(./img/img04.jpg);background-size:cover}
#inc03 .l_cont .cont02 .txt_wrap, #inc03 .l_cont .cont04 .txt_wrap{display:none}
#inc03 .r_cont .cont02{background:#111}
#inc03 .r_cont .cont04{background:#111}
#inc03 .l_cont .cont03{background:#004b53}
#inc03 .r_cont .cont03{background:url(./img/img02.jpg);background-size:cover}

/* 반응형 [s] */
@media (max-width:1024px){
#inc03 .l_cont{width:100%}
#inc03 .l_cont .cont02 .txt_wrap, #inc03 .l_cont .cont04 .txt_wrap{display:flex}
#inc03 .r_cont{display:none}
#inc03 .l_cont .item.cont01{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img01.jpg);background-position:center;background-size:cover}
#inc03 .l_cont .item.cont02{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img03.jpg);background-position:center;background-size:cover}
#inc03 .l_cont .item.cont03{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img02.jpg);background-position:center;background-size:cover}
#inc03 .l_cont .item.cont04{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img04.jpg);background-position:center;background-size:cover}
#inc03 .txt_wrap dt{font-size:40px}
}
@media (max-width:768px){
#inc03 .txt_wrap{padding:55px}
#inc03 .txt_wrap dd p{font-size:23px}
#inc03 .txt_wrap dd{font-size:18px}
}
@media (max-width:480px){
#inc03 .txt_wrap{padding:55px 30px}
#inc03 .txt_wrap dt{font-size:30px}
#inc03 .txt_wrap dd p{font-size:20px}
#inc03 .txt_wrap dd .pl{font-size:14px}
}
/* 반응형 [e] */
