@charset "utf-8";

#inc03{position:relative;z-index:0;line-height:1}
#inc03::before{position:absolute;top:0;left:0;z-index:1;content:"";display:block;width:100%;height:200px;background:linear-gradient(90deg,#5f58ff 22%,#00f8c4 100%)}
#inc03::after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:300px;background:#fff}
#inc03 .inner_wrap{position:relative;z-index:2;padding:315px 0 165px;border-radius:235px 0 235px;background:#f2f2f2}
#inc03 .inner{display:flex;align-items:center;justify-content:space-between;width:1418px;margin:0 auto}
#inc03 .inner > div{width:50%}
#inc03 .all_txt_wrap03{margin-bottom:80px}
#inc03 .all_txt_wrap03 .all_s_txt03{display:block;margin-bottom:22px;color:var(--dark);font-weight:350;font-size:18px}
#inc03 .all_txt_wrap03 .all_b_txt03{line-height:1.5;color:var(--dark);font-weight:400}
#inc03 .inc03_more_btn{display:flex;align-items:center;justify-content:center;margin-bottom:125px;width:272px;height:61px;background:var(--dark);border-radius:50pt;color:#fff;font-weight:400;font-size:18px;transition:all .5s}
#inc03 .inc03_more_btn .more_icon{margin-left:18px;transition:transform 0.2s ease}
@keyframes arrowMove{0%{transform:translateX(0)}40%{transform:translateX(6px)}100%{transform:translateX(0)}}
#inc03 .inc03_tab > li{margin-bottom:25px}
#inc03 .inc03_tab > li:last-child{margin-bottom:0}
#inc03 .inc03_tab > li > a{display:inline-flex;align-items:center;color:rgba(17,17,17,0.3);font-weight:400;font-size:25px;transition:all .3s}
#inc03 .inc03_tab > li.on > a{color:var(--dark)}
#inc03 .inc03_tab > li > a > span{overflow:hidden;opacity:0;display:inline-block;margin-right:0;width:0;letter-spacing:2px;font-size:18px;vertical-align:middle;transition:width 0.25s ease, opacity 0.2s ease, margin-right 0.25s ease}
#inc03 .right .tab_list{display:none;position:relative;overflow:hidden;border-radius:25px}
#inc03 .right .top_img{overflow:hidden;position:relative;height:377px}
#inc03 .right .top_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .5s}
#inc03 .right .bot_txt{background:#fff;padding:50px 40px}
#inc03 .right .bot_txt .tit{display:block;margin-bottom:30px;color:var(--dark);font-weight:400;font-size:20px}
#inc03 .right .bot_txt .dot_txt{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #e1e1e1}
#inc03 .right .bot_txt .dot_txt > li{position:relative;margin-bottom:10px;padding-left:15px;color:#777;font-weight:500;font-size:16px;font-family:var(--s-font)}
#inc03 .right .bot_txt .dot_txt > li:last-child{margin-bottom:0}
#inc03 .right .bot_txt .dot_txt > li > b{display:inline-block;margin-right:15px;font-weight:700;color:var(--dark)}
#inc03 .right .bot_txt .dot_txt > li:after{position:absolute;top:5px;left:0;content:"";display:block;width:3px;height:3px;border-radius:50%;background:#000}
#inc03 .right .bot_txt .bot_detail{display:flex;gap:10px 0;flex-wrap:wrap;align-items:center}
#inc03 .right .bot_txt .bot_detail > li{width:50%;color:#777;font-weight:400;font-size:15px;font-family:var(--s-font)}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .inc03_more_btn:hover{background:var(--primary)}
#inc03 .inc03_more_btn:hover .more_icon{animation:arrowMove 0.6s ease}
#inc03 .inc03_tab > li:hover > a{color:var(--dark)}
#inc03 .inc03_tab > li > a:hover > span,#inc03 .inc03_tab > li.on > a > span{width:22px;opacity:1;margin-right:18px}
#inc03 .right .top_img:hover img{transform:scale(1.03)}
}
@media (max-width:1500px){
#inc03 .inner{width:95%}
#inc03 .right .bot_txt .bot_detail{align-items:flex-start}
#inc03 .right .bot_txt .bot_detail > li{line-height:1.5}
#inc03 .right .bot_txt .bot_detail > li:nth-child(2n){padding-left:20px}
}
@media (max-width:1400px){
#inc03 .inner_wrap{border-radius:180px 0 180px 0}
}
@media (max-width:1200px){
#inc03 .inner_wrap{padding:260px 0 150px;border-radius:150px 0 150px 0}
#inc03 .all_txt_wrap03{margin-bottom:70px}
}
@media (max-width:1024px){
#inc03 .inner_wrap{padding:220px 0 130px}
#inc03 .inner{flex-direction:column}
#inc03 .inner > div{width:100%}
#inc03 .all_txt_wrap03{margin-bottom:40px}
#inc03 .all_txt_wrap03,#inc03 .all_txt_wrap03 .all_b_txt03{text-align:center}
#inc03 .inc03_more_btn{margin:0 auto 70px}
#inc03 .inc03_tab > li{text-align:center}
#inc03 .left .inc03_tab{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;margin-bottom:10px}
#inc03 .right .top_img{width:50%;height:auto}
#inc03 .right .tab_list{border-radius:20px}
#inc03 .right .tab_list a{display:flex}
#inc03 .inc03_tab > li > a > span{display:none}
#inc03 .inc03_tab > li > a{font-size:20px}
#inc03 .right .top_img img{position:unset}
#inc03 .right .bot_txt{width:50%}
#inc03 .right .bot_txt .bot_detail > li{width:100%}
#inc03 .right .bot_txt .bot_detail > li:nth-child(2n){padding-left:0}
#inc03 .right .bot_txt .dot_txt > li{line-height:1.5}
#inc03 .right .bot_txt .dot_txt > li:after{top:10px}
}
@media (max-width:768px){
#inc03 .inner_wrap{padding:150px 0 100px;border-radius:100px 0 100px 0}
#inc03 .inner{width:100%;padding:0 15px}
#inc03 .all_txt_wrap03{margin-bottom:35px}
#inc03 .all_txt_wrap03 .all_s_txt03{font-size:17px}
#inc03 .inc03_more_btn{margin:0 auto 60px;width:253px;height:50px;font-size:16px}
#inc03 .inc03_more_btn .more_icon{width:20px}
#inc03 .left .inc03_tab{margin-bottom:30px;gap:20px}
#inc03 .inc03_tab > li{margin-bottom:0}
#inc03 .inc03_tab > li > a{font-size:18px}
#inc03 .right .bot_txt .dot_txt > li{display:flex;align-items:flex-start;line-height:1.4}
#inc03 .right .bot_txt .bot_detail > li{width:auto}
#inc03 .right .bot_txt .dot_txt > li:after{top:8px}
#inc03 .right .bot_txt .bot_detail{display:block}
#inc03 .right .bot_txt .bot_detail > li:nth-child(2n){padding-left:15px}
#inc03 .right .bot_txt .bot_detail > li:last-child{margin-bottom:0px}
#inc03 .right .bot_txt .bot_detail > li{position:relative;padding-left:15px !important}
#inc03 .right .bot_txt .bot_detail > li:after{content:"-";display:block;position:absolute;top:0;left:0;font-size:18px;line-height:1}
#inc03 .right .tab_list{border-radius:15px}
}
@media (max-width:580px){
#inc03 .inner_wrap{border-radius:50px 0 50px 0}
#inc03 .all_txt_wrap03{margin-bottom:30px}
#inc03 .all_txt_wrap03 .all_s_txt03{font-size:16px}
#inc03 .inc03_more_btn{margin:0 auto 50px;width:235px;height:45px;font-size:15px}
#inc03 .right .bot_txt{padding:35px}
#inc03 .inc03_tab > li > a{font-size:18px}
#inc03 .right .tab_list a{display:block}
#inc03 .right .top_img{width:100%}
#inc03 .right .bot_txt{width:100%}
}
@media (max-width:480px){
#inc03 .inner_wrap{padding:140px 0 80px}
#inc03 .all_txt_wrap03{margin-bottom:25px}
#inc03 .all_txt_wrap03 .all_b_txt03 br{display:none}
#inc03 .inc03_more_btn{margin:0 auto 40px}
#inc03 .left .inc03_tab{margin-bottom:40px}
#inc03 .inc03_tab > li > a{font-size:16px}
#inc03 .right .bot_txt{padding:30px 25px}
#inc03 .right .bot_txt .tit{margin-bottom:20px;font-size:18px}
#inc03 .right .bot_txt .dot_txt{margin-bottom:15px;padding-bottom:15px}
#inc03 .right .bot_txt .dot_txt > li{font-size:15px}
}
@media (max-width:390px){
#inc03 .inner_wrap{padding:135px 0 80px}
}
/* 반응형 [e] */