@charset "utf-8";

#inc04 .pl{white-space:pre-line}
#inc04 .inner{width:100%;max-width:1500px;margin:0 auto}
#inc04 .inner .tit{padding-bottom:70px;text-align:center}
#inc04 .inner .tit h2{padding-bottom:20px;color:#111;font-weight:800;font-size:34px}
#inc04 .inner .cont_box{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;padding:0 40px}
#inc04 .inner .cont_box .box{padding:52px 60px;border:1px solid #e1e1e1;border-radius:20px;color:#777;font-weight:500}
#inc04 .inner .cont_box .box:nth-child(1){background:url(/sh_img/include/inc04/img/bg_icon01.png) center no-repeat;background-position:90%}
#inc04 .inner .cont_box .box:nth-child(2){background:url(/sh_img/include/inc04/img/bg_icon02.png) center no-repeat;background-position:90%}
#inc04 .inner .cont_box .box h3{padding-bottom:20px;color:#111;font-size:30px;font-weight:800}
#inc04 .inner .cont_box .box .more{display:inline-block;margin-top:29px;line-height:55px;background:var(--primary);border-radius:50px}
#inc04 .inner .cont_box .box .more a{display:flex;align-items:center;gap:17px;padding:0 24px;color:#fff;font-weight:600;transition:all 0.2s}
#inc04 .inner .cont_box .box .more a svg{height:18px}
#inc04 .logo_box{padding:90px 0 120px 0;display:flex;align-items:center}   
#inc04 .logo_box .logo_tit{flex-shrink:0;padding-right:20px;color:#111;font-size:18px;font-weight:700}
#inc04 .logo_box .logo_slide ul li{line-height:70px;border-radius:10px;border:1px solid #e1e1e1;text-align:center}
#inc04 .logo_box .logo_control{display:flex;gap:10px;padding-right:36px;height:50px}
#inc04 .logo_box .logo_control svg{height:18px;color:#111}
#inc04 .logo_box .logo_control .next,#inc04 .logo_box .logo_control .prev{display:flex;align-items:center;justify-content:center;position:relative;width:45px;height:45px;border-radius:50%;background:#fff;border:1px solid #e1e1e1;cursor:pointer}
#inc04 .logo_box .logo_control .swiper-button-next:after, #inc04 .logo_box .logo_control .swiper-button-prev:after{display:none}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .inner .cont_box .box .more a:hover{padding:0 34px}
}
@media (max-width:1380px){
#inc04 .inner{width:95%}
#inc04 .inner .cont_box{padding:0 25px}
#inc04 .inner .cont_box .box{padding:48px 33px;background-size:159px !important;background-position:94% !important}
#inc04 .logo_box{flex-wrap:wrap;justify-content:space-between}
#inc04 .logo_box .logo_control{padding-right:0px}
#inc04 .logo_box .swiper-container{margin-top:20px}
}
@media (max-width:1070px){
#inc04 .inner .cont_box{padding:0px}
#inc04 .inner .cont_box .box{background-size:136px}
}
@media (max-width:1024px){
#inc04 .inner .tit{padding-bottom:55px}
#inc04 .inner .tit h2{padding-bottom:14px;font-size:28px}
#inc04 .inner .cont_box{gap:30px}
#inc04 .inner .cont_box .box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:130px 20px 34px;background-size:100px !important;background-position:50% 13% !important}
#inc04 .inner .cont_box .box h3{padding-bottom:6px;font-size:24px}
#inc04 .inner .cont_box .box .more{margin-top:20px;line-height:47px}
#inc04 .inner .cont_box .box .more a{gap:10px}
#inc04 .logo_box{padding:60px 0 90px}
#inc04 .logo_box .logo_tit{font-size:20px}
#inc04 .logo_box .logo_slide ul li .bg01{width:100px}
#inc04 .logo_box .logo_slide ul li .bg02{width:110px}
#inc04 .logo_box .logo_slide ul li .bg03{width:61px}
#inc04 .logo_box .logo_slide ul li .bg04{width:90px}
#inc04 .logo_box .logo_slide ul li .bg05{width:110px}
#inc04 .logo_box .logo_control .next, #inc04 .logo_box .logo_control .prev{width:42px;height:42px}
}
@media (max-width:768px){
#inc04 .inner .tit{padding-bottom:40px}
#inc04 .inner .tit h2{font-size:23px}
#inc04 .inner .cont_box{gap:20px}
#inc04 .inner .cont_box .box{padding:118px 10px 28px;text-align:center;background-size:90px !important}
#inc04 .inner .cont_box .box h3{font-size:20px}
#inc04 .inner .cont_box .box .more{line-height:44px}
#inc04 .inner .cont_box .box .more a{gap:6px}
#inc04 .logo_box{padding:45px 0 80px}
#inc04 .logo_box .logo_tit{font-size:18px}
#inc04 .logo_box .swiper-container{margin-top:10px}
#inc04 .logo_box .logo_control .next, #inc04 .logo_box .logo_control .prev{width:39px;height:39px}
}
@media (max-width:480px){
#inc04 .inner .tit{padding-bottom:30px}
#inc04 .inner .tit h2{padding-bottom:8px;font-size:21px}
#inc04 .inner .cont_box{gap:15px}
#inc04 .inner .cont_box .box{background-size:80px !important}
#inc04 .inner .cont_box .box h3{font-size:18px}
#inc04 .inner .cont_box .box .more{line-height:40px}
#inc04 .inner .cont_box .box .more a{gap:4px;padding:0 18px !important}
#inc04 .logo_box{position:relative;padding:40px 0 50px}
#inc04 .logo_box:after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:100vw;height:1px;background-color:#e1e1e1}
#inc04 .logo_box .logo_control .next, #inc04 .logo_box .logo_control .prev{width:32px;height:32px}
}
@media (max-width:380px){
#inc04 .inner .tit h2{font-size:19px}
#inc04 .inner .cont_box{gap:10px}
#inc04 .inner .cont_box .box{padding:100px 10px 25px;background-size:70px !important}
#inc04 .inner .cont_box .box h3{font-size:16px}
#inc04 .inner .cont_box .box .more{margin-top:15px;line-height:38px}
#inc04 .inner .cont_box .box .more a{gap:2px;padding:0 16px !important}
}
/* 반응형 [e] */