@charset "utf-8";
#inc03 .inc03_wrapper{display:flex;height:850px}

/* left_content */
#inc03 .cont_left{display:flex;flex-direction:column;justify-content:end;padding:0 0 150px 12%;width:50%;font-size:18px;font-weight:500;color:rgb(255, 255, 255, 0.8);background-image:linear-gradient(rgb(38,170,212, 0.6), rgb(38,170,212, 0.6)), url(./img/bg01.jpg);background-repeat:no-repeat;background-size:cover}
#inc03 .cont_left p{margin-bottom:30px;line-height:1.3;font-size:35px;font-weight:700;white-space:pre-line;color:#fff}
#inc03 .cont_left a{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:25px;width:170px;height:58px;line-height:58px;text-align:center;font-weight:700;transition:all .3s;color:var(--primary);background-color:#fff}
#inc03 .cont_left a .icon{font-size:30px}

/* right_content*/
#inc03 .cont_right{padding:120px 0 0 90px;width:50%}
#inc03 .cont_right .inc03_slide{position:relative;width:100%;height:100%}
#inc03 .cont_right .inc03_slide li{width:450px;text-align:center}
#inc03 .cont_right .inc03_slide li div:first-child{margin-top:100px;width:450px;height:350px;filter:brightness(0.5);background-repeat:no-repeat;transition:all .3s}
#inc03 .cont_right .inc03_slide li.on div:first-child{margin-top:0px;width:450px;height:450px;filter:brightness(0.5);background-repeat:no-repeat}
#inc03 .cont_right .inc03_slide li .bg01{background-image:url(./img/img01.jpg);background-position:35% 75%;background-size:240%}
#inc03 .cont_right .inc03_slide li .bg02{background-image:url(./img/img02.jpg);background-position:25% 44%;background-size:180%}
#inc03 .cont_right .inc03_slide li .bg03{background-image:url(./img/img03.jpg);background-position:50%;background-size:150%}
#inc03 .cont_right .inc03_slide li span{display:block;margin-top:90px;font-size:13px;font-weight:700;color:#aaa}
#inc03 .cont_right .inc03_slide li p{margin-top:15px;font-size:25px;font-weight:700;color:#000}
#inc03 .cont_right .inc03_slide li .pl{font-size:16px;font-weight:500}
#inc03 .cont_right .inc03_slide li div{word-break:keep-all}
#inc03 .cont_right .inc03_slide .nav_container{display:flex;gap:30px;position:absolute;z-index:2;bottom:220px;left:185px}
#inc03 .cont_right .inc03_slide .nav_container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1px;height:12px;background-color:#e1e1e1}
#inc03 .cont_right .inc03_slide .nav_container div{width:24px;height:24px;cursor:pointer}
#inc03 .cont_right .inc03_slide .nav_container div svg{transition:all .3s}


/* 반응형 [s] */
@media (hover:hover){
#inc03 .cont_left a:hover{gap:10px}
#inc03 .cont_right .inc03_slide .nav_container div:hover svg{color:var(--primary)}
}
@media (max-width:1380px){
#inc03 .cont_left{padding:0 0 150px 5%}
}
@media (max-width:1024px){
#inc03 .inc03_wrapper{height:750px}
#inc03 .cont_left{padding:0 0 120px 2.5%;font-size:16px}
#inc03 .cont_left p{font-size:28px}
#inc03 .cont_left .pl{white-space:pre-line}
#inc03 .cont_left a{width:140px;height:52px;line-height:52px;gap:15px;font-size:15px}
#inc03 .cont_left a .icon{font-size:25px}
#inc03 .cont_right{padding:160px 0 0 30px}
#inc03 .cont_right .inc03_slide li{width:280px}
#inc03 .cont_right .inc03_slide li div:first-child{margin-top:85px;width:280px;height:195px}
#inc03 .cont_right .inc03_slide li.on div:first-child{width:280px;height:280px}
#inc03 .cont_right .inc03_slide li p{font-size:19px}
#inc03 .cont_right .inc03_slide .nav_container{bottom:250px;left:106px}
}
@media (max-width:768px){
#inc03 .inc03_wrapper{flex-direction:column;height:auto}
#inc03 .cont_left{justify-content:center;align-items:center;text-align:center;padding:120px 2.5% 70px;width:100%;font-size:15px}
#inc03 .cont_left p{white-space:normal;word-break:keep-all;width:80%;font-size:24px}
#inc03 .cont_left .pl{white-space:normal;width:70%}
#inc03 .cont_left a{margin-top:40px;height:48px;line-height:48px}
#inc03 .cont_right{padding:0px;margin:70px auto 50px;width:100%;height:612px}
#inc03 .cont_right .inc03_slide li div{margin:auto;width:90%}
#inc03 .cont_right .inc03_slide li div:first-child{margin-top:50px;width:auto;height:300px}
#inc03 .cont_right .inc03_slide li.on div:first-child{width:auto;height:400px}
#inc03 .cont_right .inc03_slide .nav_container{bottom:152px;left:50%;transform:translateX(-50%)}
#inc03 .cont_right .inc03_slide li p{font-size:18px}
#inc03 .cont_right .inc03_slide li .bg02{background-size:cover}
#inc03 .cont_right .inc03_slide li .bg03{background-size:cover}
}
@media (max-width:580px){
#inc03 .cont_left p{width:90%}
#inc03 .cont_left .pl{width:95%}
}
@media (max-width:480px){
#inc03 .cont_left{padding:80px 2.5% 50px;font-size:14px}
#inc03 .cont_left p{margin-bottom:20px;width:100%;font-size:18px}
#inc03 .cont_left .pl{width:100%}
#inc03 .cont_left a{margin-top:30px;width:128px;height:47px;line-height:47px;gap:10px;font-size:14px}
#inc03 .cont_left a:hover{gap:5px}
#inc03 .cont_right{margin:50px auto 40px;height:530px}
#inc03 .cont_right .inc03_slide li div:first-child{margin-top:40px;height:260px}
#inc03 .cont_right .inc03_slide li.on div:first-child{height:340px}
#inc03 .cont_right .inc03_slide .nav_container{bottom:142px}
#inc03 .cont_right .inc03_slide .nav_container div{width:20px;height:20px}
#inc03 .cont_right .inc03_slide .nav_container div svg{width:100%;height:100%}
#inc03 .cont_right .inc03_slide li p{margin:10px 0 5px;font-size:17px}
#inc03 .cont_right .inc03_slide li span{margin-top:70px}
}
@media (max-width:380px){
#inc03 .cont_left{padding:70px 2.5% 40px;font-size:13px}
#inc03 .cont_left p{margin-bottom:15px;font-size:16px}
#inc03 .cont_left a{margin-top:20px;width:120px;height:44px;line-height:44px;font-size:13px}
#inc03 .cont_right{margin:40px auto 35px;height:470px}
#inc03 .cont_right .inc03_slide li div:first-child{margin-top:35px;height:220px}
#inc03 .cont_right .inc03_slide li.on div:first-child{height:290px}
#inc03 .cont_right .inc03_slide li span{margin-top:60px;font-size:12px}
#inc03 .cont_right .inc03_slide li p{font-size:16px}
#inc03 .cont_right .inc03_slide .nav_container{bottom:138px}
}
/* 반응형 [e] */