@charset "utf-8";

#inc02 .wrap{display:flex;align-items:flex-start;justify-content:space-between}
#inc02 .fac_area{position:relative;display:flex;margin-top:100px;height:725px;overflow:hidden}

/* 이미지 영역 */
#inc02 .fl-l{position:relative;max-width:727px;width:100%}
#inc02 .fl-l .tab-con{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .3s}
#inc02 .fl-l .tab-con img{width:100%;height:100%;object-fit:cover}
#inc02 .fl-l .tab-con .text-box{display:none}

/* 텍스트 영역 */
#inc02 .fl-r{position:relative;display:flex;align-items:flex-end;width:100%;max-width:530px;padding:150px 50px 50px 150px;box-sizing:content-box}
#inc02 .fl-r .text-list{position:absolute;width:100%;top:150px;left:150px}
#inc02 .fl-r .text-list .tab-con{position:absolute;top:0;left:0;width:calc(100% - 200px);opacity:0;visibility:hidden;transition:all .3s}
#inc02 .fl-l .text-box span, #inc02 .fl-r .text-list .tab-con span{font-weight:600;color:var(--primary)}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:35px;color:#222;font-family:var(--e-font)}

/* 탭메뉴 영역 */
#inc02 .fl-r .tab-list{width:100%}
#inc02 .fl-r .tab-list li{padding:10px 20px;border-top:1px solid #111;font-size:16px;font-weight:500;color:#222;cursor:pointer;transition:all .3s}
#inc02 .fl-r .tab-list li:last-child{border-bottom:1px solid #111}
#inc02 .fl-r .tab-list li:hover{background:#f5f5f5}
#inc02 .fl-r .tab-list li span{display:inline-block;margin-right:20px}

#inc02 .tab-con.view{visibility:visible !important;opacity:1 !important}

/* 반응형 [s] */
@media (max-width:1400px){
#inc02{padding:0 15px}
#inc02 .fac_area {height:680px;margin-top:70px}
#inc02 .fl-r{padding:50px 0 50px 50px}
#inc02 .fl-r .text-list{top:100px;left:50px}
#inc02 .fl-r .text-list .tab-con{width:calc(100% - 50px)}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:32px}
}
@media (max-width:1200px){
#inc02 .fac_area{height:640px}
#inc02 .fac_area > *{flex:1;width:50%}
#inc02 .fl-l{max-width:none}
#inc02 .fl-r{max-width:none}
#inc02 .fl-r .text-list{top:50px}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{padding-bottom:2px;font-size:28px}
}
@media (max-width:1024px){
#inc02 .wrap{flex-direction:column;align-items:center;text-align:center}
#inc02 .cm_btn{margin-top:25px}
#inc02 .fac_area{flex-direction:column;gap:40px;height:auto;width:85%;margin:50px auto 0}
#inc02 .fac_area > *{width:100%}
#inc02 .fl-l{flex:none;min-height:calc(520px + 130px + 30px)}
#inc02 .fl-l .tab-con{display:flex;flex-direction:column;gap:30px}
#inc02 .fl-l .tab-con img{height:520px}
#inc02 .fl-l .tab-con .text-box{display:block;min-height:130px}
#inc02 .fl-r{flex-direction:column;align-items:flex-start;padding:0;order:-1}
#inc02 .fl-r .text-list{display:none}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:26px}
#inc02 .fl-r .tab-list li{font-size:15px}
}
@media (max-width:768px){
#inc02 .cm_btn{margin-top:20px}
#inc02 .fac_area{gap:30px;margin-top:40px}
#inc02 .fl-l{min-height:calc(460px + 130px + 20px)}
#inc02 .fl-l .tab-con{gap:20px}
#inc02 .fl-l .tab-con img{height:460px}
#inc02 .fl-l .tab-con .text-box{font-size:14px;line-height:1.6}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:24px}
}
@media (max-width:480px){
#inc02 .cm_btn{margin-top:15px}
#inc02 .fac_area{width:100%}
#inc02 .fl-l{min-height:calc(390px + 130px + 20px)}
#inc02 .fl-l .tab-con .text-box br{display:none}
#inc02 .fl-l .tab-con img{height:390px}
#inc02 .fl-l .tab-con .text-box{min-height:auto}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:20px}
#inc02 .fl-r .tab-list li p{word-break:keep-all}
}
/* 반응형 [e] */