@charset "utf-8";

#inc03{position:relative;display:flex;flex-direction:column;justify-content:center;height:100vh;border-radius:90px 0 0 0;background:linear-gradient(-90deg,#006764 4%,#007f5f 62%,#007f5f 100%)}
#inc03:after{position:absolute;left:0;top:-150px;content:"";display:block;width:100%;height:150px;background:linear-gradient(-90deg,#006764 4%,#007f5f 62%,#007f5f 100%)}
#inc03 .top_inner{margin-left:max(30px, calc(50% - var(--main-size) / 2))}
#inc03 .all_txt_wrap03 .s_tit03{color:#fff}
#inc03 .all_txt_wrap03 .tit03{color:#fff}
#inc03 .all_txt_wrap03 .all_btn03{border-color:#fff;color:#fff}
#inc03 .top_right_txt{position:absolute;top:110px;right:-30px;color:rgba(255,255,255,0.1);font-size:210px;font-family:var(--s-font)}
#inc03 .bot{margin-left:max(30px, calc(50% - var(--main-size) / 2))}
#inc03 .bot_inner{display:grid;grid-template-columns:965px calc(100% - 965px);height:478px}
#inc03 .bot_inner .left{overflow:hidden;height:100%}
#inc03 .bot_inner .l_slider_wrap{position:relative;height:100%}
#inc03 .bot_inner .l_list{height:100%;display:flex;align-items:center}
#inc03 .bot_inner .l_list .l_img_box{position:relative;width:480px;height:100%;border-radius:15px;overflow:hidden}
#inc03 .bot_inner .l_list .l_img_box > img{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center}
#inc03 .bot_inner .l_list .l_txt_box{padding-left:45px;color:#fff}
#inc03 .bot_inner .l_list .l_txt_box .num{display:block;margin-bottom:50px;font-weight:700;font-size:18px}
#inc03 .bot_inner .l_list .l_txt_box .tit{display:block;margin-bottom:30px;font-weight:700;font-size:33px}
#inc03 .bot_inner .l_list .l_txt_box .txt{color:rgba(255,255,255,0.6);font-weight:400;font-size:18px}
#inc03 .bot_inner .l_btn_wrap{display:flex;align-items:center;gap:20px;position:absolute;bottom:0;left:max(45px, calc(100% - 965px / 2 + 45px));z-index:1}
#inc03 .bot_inner .l_btn_wrap .inc03_l_btn{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;background:#fff;cursor:pointer}
#inc03 .bot_inner .l_btn_wrap .inc03_l_btn .arrow_icon{height:25px}
#inc03 .bot_inner .right{overflow:hidden;height:100%}

#inc03 .bot_inner .r_slider_wrap{height:100%;width:70%}
#inc03 .bot_inner .r_list{position:relative;width:256px;height:100%;border-radius:15px;overflow:hidden}
#inc03 .bot_inner .r_list > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}

/* 반응형 [s] */
@media (max-width:1400px){
#inc03 .bot_inner{height:clamp(410px, 34.14vw, 478px);grid-template-columns:clamp(780px, 62.86vw, 965px) calc(100% - clamp(780px, 62.86vw, 965px))}
#inc03 .bot_inner .l_btn_wrap{left:calc(100% - clamp(780px, 62.86vw, 965px) / 2 + var(--per));--per:9%}
#inc03 .bot_inner .l_list .l_img_box{width:clamp(405px, 34.29vw, 480px)}
#inc03 .bot_inner .r_list{width:clamp(200px, 18.29vw, 256px)}
}
@media (max-width:1300px){
#inc03 .top_right_txt{font-size:clamp(100px, 16.15vw, 210px)}
}
@media (max-width:1200px){
#inc03{display:block;padding:110px 0;height:auto}
#inc03 .all_txt_wrap03{position:relative;z-index:1}
#inc03 .top_inner{width:95%;margin-left:initial;margin:0 auto}
#inc03 .top_right_txt{top:5%;right:-2%}
#inc03 .bot_inner .l_list .l_txt_box{padding-left:35px}
#inc03 .bot_inner .l_btn_wrap{--per:7%}
}
@media (max-width:1100px){
#inc03 .bot{margin-left:initial}
#inc03 .bot_inner .l_list .l_img_box{width:auto}
#inc03 .bot_inner .l_list .l_img_box > img{position:static;transform:none}
#inc03 .bot_inner{display:block;height:auto}
#inc03 .bot_inner .left{width:95%;margin:0 auto 50px}
#inc03 .bot_inner .l_list{flex-direction:column;justify-content:center}
#inc03 .bot_inner .l_list .l_txt_box{margin:30px 0 40px;padding-left:0;text-align:center}
#inc03 .bot_inner .l_list .l_txt_box .num{margin-bottom:10px}
#inc03 .bot_inner .l_btn_wrap{position:static;justify-content:center}
#inc03 .bot_inner .r_slider_wrap{width:100%}
#inc03 .bot_inner .r_list{width:400px}
#inc03 .bot_inner .r_list > img{position:static}
}
@media (max-width:1024px){
#inc03{padding:100px 0;border-radius:70px 0 0 0}
#inc03 .bot_inner .l_list .l_txt_box .tit{font-size:30px}
}
@media (max-width:768px){
#inc03{padding:80px 0;border-radius:50px 0 0 0}
#inc03 .top_inner{width:100%;padding:0 15px}
#inc03 .bot_inner .left{width:100%;margin:0 auto 40px;padding:0 15px}
#inc03 .bot_inner .l_list .l_img_box{border-radius:10px}
#inc03 .bot_inner .l_list .l_txt_box .tit{margin-bottom:25px}
#inc03 .bot_inner .l_list .l_txt_box .num{font-size:17px}
#inc03 .bot_inner .l_list .l_txt_box .tit{font-size:28px}
#inc03 .bot_inner .l_list .l_txt_box .txt{font-size:17px}
#inc03 .bot_inner .l_btn_wrap .inc03_l_btn{width:50px;height:50px}
#inc03 .bot_inner .r_list{border-radius:10px}
}
@media (max-width:580px){
#inc03{padding:60px 0;border-radius:40px 0 0 0}
#inc03 .bot_inner .l_list .l_txt_box{margin:30px 0}
#inc03 .bot_inner .l_list .l_txt_box .tit{margin-bottom:20px}
#inc03 .bot_inner .l_list .l_txt_box .num{font-size:16px}
#inc03 .bot_inner .l_list .l_txt_box .tit{font-size:25px}
#inc03 .bot_inner .l_list .l_txt_box .txt{font-size:16px}
#inc03 .top_right_txt{font-size:90px}
}
@media (max-width:480px){
#inc03 .bot_inner .left{margin:0 auto}
#inc03 .bot_inner .l_btn_wrap{gap:15px}
#inc03 .bot_inner .l_btn_wrap .inc03_l_btn{width:45px;height:45px}
#inc03 .bot_inner .l_btn_wrap .inc03_l_btn .arrow_icon{height:23px}
#inc03 .bot_inner .l_list .l_txt_box .num{font-size:15px}
#inc03 .bot_inner .l_list .l_txt_box .tit{font-size:23px}
#inc03 .bot_inner .l_list .l_txt_box .txt{font-size:15px}
#inc03 .top_right_txt{display:none}
#inc03 .bot_inner .right{display:none}
}
/* 반응형 [e] */