@charset "utf-8";

#inc01{display:flex;flex-flow:column;padding:175px 100px;background-color:#111}
#inc01 .box{display:flex;justify-content:center}
#inc01 .l_box{position:relative}
#inc01 .l_box:before{position:absolute;z-index:102;top:0;left:0;content:'';display:block;width:0;height:0;border-top:85px solid #fff;border-right:85px solid transparent}
#inc01 .box a{overflow:hidden;display:block;height:325px;transition:all .3s}
#inc01 .box a img{transition:all .3s}
#inc01 .c_box{width:655px;height:655px}
#inc01 .c_box .top{display:flex;justify-content:flex-end}
#inc01 .c_box .top div{width:325px;height:325px;background:var(--primary)}
#inc01 .c_box .top a{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:50px;font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;font-family:var(--e-font);transition:all .3s}
#inc01 .c_box .top a span{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50px;background:var(--primary)}
#inc01 .c_box .top a span{margin-left:auto}
#inc01 .c_box .top .pl{white-space:pre-line}
#inc01 .c_box .bottom a{display:flex;align-items:flex-end;height:325px;padding:50px;font-size:25px;font-weight:700;color:#fff;background:url(./img/img03.jpg) no-repeat;background-size:cover;transition:all .3s}
#inc01 .c_box .bottom p{display:flex;justify-content:space-between;align-items:center;word-break:keep-all;width:100%}
#inc01 .cont_tit p{white-space:pre-line;color:#fff !important}
#inc01 .cont_tit span{color:var(--primary-y) !important}

/* 반응형 [s] */
@media(hover:hover){
#inc01 .c_box .top a:hover{color:#111;background:#fff}
#inc01 .c_box .top a:hover span{color:#fff;background:var(--primary)}
#inc01 .c_box .bottom a:hover{border-bottom:10px solid var(--primary)}
}
@media (max-width:1024px){
#inc01{padding:130px 0px}
#inc01 .box > div {width:calc((100% / 3) - 17px);height:100%}
#inc01 .c_box .top a{padding:30px;font-size:18px}
#inc01 .c_box .bottom{width:100vw;margin-left:calc(-50vw + 50%);padding:0px 26px}
#inc01 .c_box .bottom a{font-size:23px}
#inc01 .c_box .top .pl{word-break:keep-all}
}
@media (max-width:768px){
#inc01 {padding:80px 0px}
#inc01 .box{flex-wrap:wrap;justify-content:space-between;width:93%;margin:auto}
#inc01 .box > div {margin-bottom:10px}
#inc01 .box a{height:300px}
#inc01 .box a img{opacity:0;width:100%;height:100%}
#inc01 .l_box{width:49% !important;order:1;background:url(./img/img01.jpg) no-repeat center / cover}
#inc01 .l_box:before{border-top:55px solid #fff;border-right:55px solid transparent}
#inc01 .c_box{display:flex;flex-direction:column;justify-content:center;width:100% !important;height:auto;order:3}
#inc01 .r_box{width:49% !important;order:2;background:url(./img/img02.jpg) no-repeat center / cover}
#inc01 .c_box .top{width:100%;margin-bottom:10px}
#inc01 .c_box .top div{width:100%;height:300px}
#inc01 .c_box .bottom{width:100%;padding:0px;margin:0px}
#inc01 .c_box .bottom a{padding:38px;font-size:18px;height:305px}
#inc01 .c_box .bottom p{word-break:keep-all}
}
@media (max-width:480px){
#inc01{padding:60px 0px}
#inc01 .box a{height:230px}
#inc01 .c_box .top div{height:230px}
#inc01 .c_box .top .pl{font-size:16px}
#inc01 .c_box .top a{padding:30px}
#inc01 .c_box .top a span{width:40px;height:40px}
#inc01 .c_box .bottom a{padding:30px;height:230px;font-size:16px}
}
@media (max-width:380px){
#inc01 .box a{height:185px}
#inc01 .cont_tit p{white-space:normal}
#inc01 .c_box .top div{height:185px}
#inc01 .c_box .bottom a{height:185px}
}
/* 반응형 [e] */