@charset "utf-8";

#inc04 .pl{white-space:pre-line}
#inc04 .inner{display:flex;width:100%;max-width:1600px;margin:0 auto;padding:130px 0;justify-content:space-between;align-items:center}
#inc04 .inner .left ul{display:flex;align-items:center;gap:30px}
#inc04 .inner .left ul li{width:440px;height:310px;transition:all 0.3s;background-repeat:no-repeat}
#inc04 .inner .left ul li:nth-child(1){background-image:url(./img/img01.jpg)}
#inc04 .inner .left ul li:nth-child(2){background-image:url(./img/img02.jpg)}
#inc04 .inner .left ul li a{display:block;height:100%;color:rgba(255,255,255,0.7);font-size:16px;background:linear-gradient(to bottom, transparent 50%, #111111b0)}
#inc04 .inner .left ul li .ko_txt{padding:220px 40px 0 50px}
#inc04 .inner .left ul li .ko_txt p{color:#fff;font-size: 25px;font-weight:700}
#inc04 .inner .right{text-align:right}
#inc04 .inner .right p{padding-bottom:46px;color:var(--primary);font-size:16px;font-weight:700}
#inc04 .inner .right .txt_box{font-family:var(--k-font);font-size:17px}
#inc04 .inner .right .txt_box h2{padding-bottom:30px;color:#111;line-height:1.3;font-size:40px;font-weight:700;word-break:keep-all}
#inc04 .partner{overflow:hidden;padding:120px 0;background:#f5f5f5;text-align:center}
#inc04 .partner .tit_box{padding-bottom:60px;color:#111;line-height:1.3;font-size:40px;font-weight:700;text-align:center}
#inc04 .partner .tit_box p{padding-bottom:40px;color:var(--primary);font-size:16px;font-weight:700}
#inc04 .partner ul{display:flex;justify-content:center;gap:20px;animation:looplogo 40s infinite linear}
#inc04 .partner ul li{flex-shrink:0;width:300px;line-height:90px;height:90px;background:#fff}

@keyframes looplogo{0% {transform:translateX(0)} 100% {transform:translateX(-100%)}}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .inner .left ul li:hover{transform:translateY(-40px)}
}
@media (max-width:1380px){
#inc04 .inner{width:90%}
#inc04 .inner .left{width:calc(60% - 15px)}
#inc04 .inner .left ul{gap:25px;width:100%}
#inc04 .inner .left ul li{width:50%;background-size:cover;background-position:center}
#inc04 .inner .left ul li .ko_txt{display:flex;flex-direction:column;justify-content:end;padding:0 0 30px 0;margin:auto;width:85%;height:100%;word-break:keep-all}
#inc04 .inner .right{width:calc(40% - 15px)}
#inc04 .inner .right .txt_box h2{font-size:36px}
#inc04 .partner .tit_box{font-size:36px}
}
@media (max-width:1024px){
#inc04 .inner{flex-direction:column-reverse;padding:90px 0 80px;width:95%}
#inc04 .inner .left{margin-top:50px;width:100%}
#inc04 .inner .left ul li .ko_txt p{padding-bottom:8px;font-size:20px}
#inc04 .inner .right{width:100%}
#inc04 .inner .right p{padding-bottom:30px;font-size:15px}
#inc04 .inner .right .txt_box h2{padding-bottom:25px;font-size:28px}
#inc04 .inner .left ul{gap:20px}
#inc04 .inner .left ul li{height:265px}
#inc04 .inner .left ul li .ko_txt{padding:0 0 24px 0;width:88%}
#inc04 .inner .left ul li:hover{transform:translateY(0px)}
#inc04 .partner{padding:95px 0}
#inc04 .partner .tit_box{font-size:28px}
#inc04 .partner .tit_box p{padding-bottom:30px;font-size:15px}
#inc04 .partner ul li{width:235px;height:70px;line-height:70px}
#inc04 .partner ul li img{width:100%;height:100%}
}
@media (max-width:768px){
#inc04 .inner{padding:70px 0}
#inc04 .inner .right{text-align:center}
#inc04 .inner .right p{padding-bottom:20px}
#inc04 .inner .right .txt_box h2{padding-bottom:25px;font-size:25px}
#inc04 .inner .left ul{gap:15px}
#inc04 .inner .left ul li{height:240px}
#inc04 .inner .left ul li .ko_txt{width:90%}
#inc04 .inner .left ul li .ko_txt p{padding-bottom:6px;font-size:18px}
#inc04 .inner .left ul li a{font-size:15px}
#inc04 .partner{padding:80px 0}
#inc04 .partner .tit_box p{padding-bottom:20px}
#inc04 .partner .tit_box{padding-bottom:50px;font-size:25px}
#inc04 .partner ul li{width:190px;height:60px;line-height:60px}
#inc04 .inner .right .txt_box{font-family:var(--k-font);font-size:15px}
}
@media (max-width:480px){
#inc04 .inner{padding:60px 0 50px}
#inc04 .inner .right p{padding-bottom:15px;font-size:14px}
#inc04 .inner .right .txt_box h2{padding-bottom:20px;font-size:21px}
#inc04 .inner .left ul{flex-direction:column}
#inc04 .inner .left ul li{width:100%;height:230px}
#inc04 .inner .left ul li a{font-size:14px}
#inc04 .inner .left ul li .ko_txt p{font-size:16px}
#inc04 .partner{padding:60px 0}
#inc04 .partner .tit_box p{padding-bottom:15px;font-size:14px}
#inc04 .partner .tit_box{padding-bottom:40px;font-size:21px}
#inc04 .partner ul{gap:15px}
#inc04 .partner ul li{width:150px;height:50px;line-height:50px}
}
@media (max-width:380px){
#inc04 .inner{padding:50px 0 40px}
#inc04 .inner .right p{padding-bottom:12px;font-size:13px}
#inc04 .inner .right .txt_box h2{padding-bottom:15px;font-size:19px}
#inc04 .inner .left{margin-top:40px}
#inc04 .inner .left ul{gap:12px}
#inc04 .inner .left ul li{height:210px}
#inc04 .inner .left ul li .ko_txt{padding:0 0 18px 0}
#inc04 .inner .left ul li .ko_txt p{font-size:15px}
#inc04 .partner{padding:50px 0}
#inc04 .partner .tit_box p{padding-bottom:12px;font-size:13px}
#inc04 .partner .tit_box{padding-bottom:30px;font-size:19px}
#inc04 .partner ul{gap:12px}
#inc04 .partner ul li{width:120px;height:43px;line-height:43px}
}
/* 반응형 [e] */