@charset "utf-8";

#inc02{padding:150px 0 210px}
#inc02 .top_tit{padding:0 0 118px;color:#111;text-align:center;line-height:1.4;font-size:40px}
#inc02 .top_tit span{font-family:'NanumSquareNeoExtraBold'}
#inc02 .top_tit p{padding-bottom:44px;color:var(--primary);font-size:18px;font-weight:700;font-family:var(--e-font);text-transform:uppercase}
#inc02 .flex{display:flex}
#inc02 .left{position:sticky;top:100px;flex-shrink:0;width:50%;height:960px;background:url(./img/bg.jpg) no-repeat;background-size:cover}
#inc02 .left .tit_box{padding:570px 0 0 210px;color:rgba(255, 255, 255, 0.6);font-size:15px}
#inc02 .left .tit_box p{padding-bottom:30px;color:#fff;line-height:1.3;font-size:35px;font-family:'NanumSquareNeoExtraBold'}
#inc02 .left .tit_box .more {margin-top:60px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;color:#111;background:#fff;border-radius:50%}
#inc02 .left .tit_box .more svg{width:20px}
#inc02 .right{padding:70px 90px 0;height:1100px}
#inc02 .right .inc02_latest ul{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:40px}
#inc02 .right .inc02_latest ul li:nth-child(1),#inc02 .right .inc02_latest ul li:nth-child(3){margin-top:60px}
#inc02 .right .inc02_latest ul li a{display:block;padding:40px;width:100%;height:420px;color:#666;border:1px solid #e1e1e1;font-size:15px;transition:all 0.2s}
#inc02 .right .inc02_latest ul li a .tit{color:var(--primary);font-size:14px;font-weight:700;font-family:var(--e-font);text-transform:uppercase}
#inc02 .right .inc02_latest ul li a .lt_tit{padding:38px 0 26px;line-height:1.5;color:#111;font-size:18px;font-family:'NanumSquareNeoExtraBold'}
#inc02 .right .inc02_latest ul li a .date{padding-top:90px;color:#888;font-size:15px;text-align:right;font-family:var(--e-font)}
#inc02 .right .inc02_latest ul .box{margin:0;padding:40px;width:340px;height:420px;border:1px solid #e1e1e1}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .left .tit_box .more:hover{background:var(--primary)}
#inc02 .left .tit_box .more:hover svg{color:#fff;transform:rotate(45deg);transition:all 0.2s}
#inc02 .right .inc02_latest ul li a:hover{background:var(--primary)}
#inc02 .right .inc02_latest ul li a:hover .tit{color:#fff}
#inc02 .right .inc02_latest ul li a:hover .lt_tit{color:#fff}
#inc02 .right .inc02_latest ul li a:hover .lt_txt{color:rgba(255, 255, 255, 0.7)}
#inc02 .right .inc02_latest ul li a:hover .date{color:#fff}
}
@media(max-width:1700px){
#inc02 .right{padding:70px 50px 0}
}
@media (max-width:1380px){
#inc02 .top_tit{margin:auto;width:95%;font-size:35px}
#inc02 .left{width:43%}
#inc02 .left .tit_box{padding:540px 0 0 5%}
#inc02 .right .inc02_latest ul li a{height:auto}
#inc02 .right .inc02_latest ul li a .date{padding-top:50px}
}
@media (max-width:1024px){
#inc02{padding:130px 0 0;width:100%;overflow-x:hidden}
#inc02 .flex{position:relative;flex-direction:column}
#inc02 .top_tit{padding:0 0 80px 0;font-size:30px}
#inc02 .top_tit p{padding-bottom:25px;font-size:16px}
#inc02 .left{position:relative;top:0px;width:100%;height:900px}
#inc02 .left .tit_box{position:absolute;top:12%;left:50%;transform:translateX(-50%);padding:0px;width:90%}
#inc02 .left .tit_box p{padding-bottom:20px;font-size:25px}
#inc02 .left .tit_box .more{position:absolute;bottom:0px;right:0px;margin-top:40px;width:50px;height:50px}
#inc02 .right{position:absolute;top:30%;left:50%;transform:translateX(-50%);z-index:2;padding:0px;width:90%;height:auto}
#inc02 .right .inc02_latest ul{gap:25px}
#inc02 .right .inc02_latest ul li{background-color:#fff}
#inc02 .right .inc02_latest ul li:nth-child(1), #inc02 .right .inc02_latest ul li:nth-child(3){margin-top:0px}
#inc02 .right .inc02_latest ul li a{padding:30px;border:none;font-size:14px}
#inc02 .right .inc02_latest ul li a .tit{font-size:13px}
#inc02 .right .inc02_latest ul li a .lt_tit{padding:0;margin:15px 0 20px;font-size:16px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}
#inc02 .right .inc02_latest ul li a .lt_txt{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
#inc02 .right .inc02_latest ul li a .date{padding-top:30px}
}
@media (max-width:768px){
#inc02{padding:110px 0 0}
#inc02 .top_tit{padding-bottom:65px;font-size:24px}
#inc02 .top_tit p{padding-bottom:20px;font-size:15px}
#inc02 .left{height:830px}
#inc02 .left .tit_box{display:flex;flex-direction:column;align-items:center;text-align:center;top:9%;font-size:14px}
#inc02 .left .tit_box p{font-size:21px}
#inc02 .left .tit_box .more{position:static;margin-top:30px}
#inc02 .right{top:35%;width:95%}
#inc02 .right .inc02_latest ul{gap:20px}
#inc02 .right .inc02_latest ul li a{padding:21px;font-size:13px}
#inc02 .right .inc02_latest ul li a .tit{font-size:12px}
#inc02 .right .inc02_latest ul li a .lt_tit{margin:12px 0 15px;font-size:15px}
#inc02 .right .inc02_latest ul li a .date{padding-top:20px;font-size:13px}
} 
@media (max-width:540px){
#inc02 .top_tit .pl{white-space:normal}
}
@media (max-width:480px){
#inc02{padding:90px 0 0}
#inc02 .top_tit{padding-bottom:50px;font-size:21px}
#inc02 .top_tit p{padding-bottom:15px;font-size:14px}
#inc02 .left{height:1180px}
#inc02 .left .tit_box{top:6%;font-size:13px}
#inc02 .left .tit_box p{padding-bottom:15px;font-size:18px}
#inc02 .left .tit_box .more{margin-top:20px;width:48px;height:48px}
#inc02 .left .tit_box .more svg{width:18px}
#inc02 .right{top:22%}
#inc02 .right .inc02_latest ul{display:flex;flex-direction:column;gap:12px}
#inc02 .right .inc02_latest ul li:nth-child(odd) a{background-color:#fff !important}
#inc02 .right .inc02_latest ul li:nth-child(odd) a .tit{color:var(--primary) !important}
#inc02 .right .inc02_latest ul li:nth-child(odd) a .lt_tit{color:#111 !important}
#inc02 .right .inc02_latest ul li:nth-child(odd) a .lt_txt{color:#666 !important}
#inc02 .right .inc02_latest ul li:nth-child(odd) a .date{color:#888 !important}
#inc02 .right .inc02_latest ul li:nth-child(even) a{background-color:var(--primary) !important}
#inc02 .right .inc02_latest ul li:nth-child(even) a .tit{color:#fff !important}
#inc02 .right .inc02_latest ul li:nth-child(even) a .lt_tit{color:#fff !important}
#inc02 .right .inc02_latest ul li:nth-child(even) a .lt_txt{color:rgb(255, 255, 255, 0.7) !important}
#inc02 .right .inc02_latest ul li:nth-child(even) a .date{color:#fff !important}
}
@media (max-width:380px){
#inc02{padding:80px 0 0}
#inc02 .top_tit{padding-bottom:30px;font-size:19px}
#inc02 .top_tit p{padding-bottom:12px;font-size:13px}
#inc02 .left{height:1030px}
#inc02 .left .tit_box p{padding-bottom:12px;font-size:16px}
#inc02 .left .tit_box .more{margin-top:15px;width:45px;height:45px}
#inc02 .left .tit_box .more svg{width:16px}
#inc02 .right{top:23%}
#inc02 .right .inc02_latest ul li a{padding:20px;font-size:12px}
#inc02 .right .inc02_latest ul li a .lt_tit{margin:8px 0 10px;font-size:14px}
#inc02 .right .inc02_latest ul li a .date{padding-top:15px;font-size:12px}
}
/* 반응형 [e] */