@charset "utf-8";

#inc04{max-width:var(--mainsize);margin:0 auto;padding:190px 0 200px}
#inc04 .tit_area{padding-bottom:120px}
#inc04 .tit_area div h2{padding:10px 0 15px;font-size:45px}
#inc04 .tit_area span{font-size:15px}

/* tit */
#inc04 .tit_area > div{display:flex;align-items:flex-end;justify-content:space-between}
#inc04 .tit_area > div a{display:block;width:135px;height:50px;line-height:50px;font-size:15px;font-weight:700;color:#fff;text-align:center;background:var(--primary);transition:0.2s}

/* latest */
#inc04 .item{padding:50px 0;border-bottom:1px solid #e1e1e1;background:#fff}
#inc04 .item:last-child{padding-bottom:0;border-bottom:none}
#inc04 .item:first-child{padding-top:0}
#inc04 .item a{display:flex;align-items:flex-start}
#inc04 .item a .left{display:flex;align-items:flex-start;gap:50px;width:calc(100% - 460px)}
#inc04 .item a .left .img_wrap{overflow:hidden}
#inc04 .item .img{width:474px;height:275px;background:center no-repeat;background-size:cover;transition:0.2s}
#inc04 .item .img.none{border-bottom:1px solid #e9e9e9;background:url(../../hd/top_menu/logo_b.png) center no-repeat !important;border-bottom: none;}
#inc04 .item .cont_tit{padding:40px 160px 0 0}
#inc04 .item .cont_tit span{font-weight:700;color:var(--primary);font-family:var(--main-font)}
#inc04 .item .cont_tit div{padding-top:10px;font-size:18px;font-weight:700;color:#222;word-break:keep-all}
#inc04 .item .txt{width:460px;padding-top:40px}
#inc04 .item .txt p{padding-bottom:70px;font-size:15px;white-space:pre-line;color:rgba(34, 34, 34, 0.5);word-break:keep-all}
#inc04 .item .txt i{font-size:13px;font-weight:700;font-style:normal;color:#777;transition:0.2s;font-family:var(--main-font)}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .tit_area > div a:hover{background:#297a74}
#inc04 .item:hover .img{transform:scale(1.05)}
#inc04 .item:hover .txt i{color:var(--primary)}
}
@media (max-width:1400px){
#inc04{max-width:unset;width:90%}
#inc04 .item .img_wrap{width:50%}
#inc04 .item .img{width:100%;background-position:80%}
#inc04 .item .cont_tit{padding:40px 80px 0 0;width:50%}
}
@media (max-width:1024px){
#inc04{padding:120px 0;width:95%}
#inc04 .tit_area div h2{font-size:34px}
#inc04 .tit_area span{display:block;width:80%}
#inc04 .item a .left{gap:30px;width:60%}
#inc04 .item .cont_tit{padding:30px 40px 0 0}
#inc04 .item .cont_tit span{font-size:15px}
#inc04 .item .txt{padding-top:30px}
#inc04 .item .txt{width:40%}
#inc04 .item .txt p{padding-bottom:50px}
}
@media (max-width:768px){
#inc04{padding:100px 0}
#inc04 .tit_area{padding-bottom:100px}
#inc04 .tit_area > div{flex-direction:column;align-items:center;text-align:center}
#inc04 .tit_area span{margin:auto}
#inc04 .tit_area div h2{font-size:28px}
#inc04 .tit_area > div a{margin-top:40px}
#inc04 .item a{position:relative;flex-direction:column}
#inc04 .item a .left{flex-direction:column-reverse;width:100%;gap:25px}
#inc04 .item .cont_tit{padding:0px;width:100%;text-align:center}
#inc04 .item .img_wrap{width:100%}
#inc04 .item .img{width:100%;height:380px;filter:brightness(.5)}
#inc04 .item:hover .img{transform:scale(1)}
#inc04 .item .txt{position:absolute;top:63%;left:50%;transform:translate(-50%, -50%);padding-top:0px;width:60%;text-align:center}
#inc04 .item .txt p{padding-bottom:35px;color:#fff;white-space:normal}
#inc04 .item .txt i{color:var(--primary)}
}
@media (max-width:480px){
#inc04{padding:80px 0}
#inc04 .tit_area{padding-bottom:80px}
#inc04 .tit_area div h2{padding:8px 0 12px;font-size:24px}
#inc04 .tit_area span{width:95%;font-size:14px}
#inc04 .tit_area > div a{margin-top:35px;width:126px;height:48px;line-height:48px;font-size:14px}
#inc04 .item{padding:40px 0}
#inc04 .item .cont_tit div{padding-top:5px;font-size:17px}
#inc04 .item a .left{gap:20px}
#inc04 .item .img{height:310px}
#inc04 .item .txt{width:90%}
#inc04 .item .txt p{font-size:14px}
}
@media (max-width:380px){
#inc04{padding:60px 0}
#inc04 .tit_area{padding-bottom:60px}
#inc04 .tit_area div h2{padding:6px 0 10px;font-size:21px}
#inc04 .tit_area span{font-size:13px}
#inc04 .tit_area > div a{margin-top:30px;width:118px;height:44px;line-height:44px;font-size:13px}
#inc04 .item{padding:30px 0}
#inc04 .item a .left{gap:15px}
#inc04 .item .cont_tit span{font-size:14px}
#inc04 .item .cont_tit div{padding-top:0px;font-size:16px}
#inc04 .item .txt{top:64%;width:95%}
#inc04 .item .txt p{padding-bottom:30px;font-size:13px}
#inc04 .item .img{height:290px}
}
/* 반응형 [e] */