@charset "utf-8";

/* =========================== MAIN */
#mainVisual{overflow:hidden;position:relative;width:100%;height:100vh;background-color:#222}
#mainVisual::before{content:"";display:block;position:absolute;left:0;bottom:112px;z-index:1;width:100%;height:1px;background:rgba(255, 255, 255, 0.3)}

/* 텍스트 */
#mainVisual .cont{position:relative;max-width:var(--mainsize);margin:0 auto}
#mainVisual .txt{position:absolute;bottom:400px;z-index:1;color:#000000}
#mainVisual .txt b{font-size:15px;font-weight:700;color:#ffffff;font-family:var(--main-font);text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7)}
#mainVisual .txt h1{padding:30px 0 40px;font-size:45px;font-weight:400;color:#ffffff;line-height:1.3;white-space:pre-line;font-family:var(--main-font);text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7)}
#mainVisual .txt p{font-size:17px;color:#ffffff;font-family:var(--sub-font);word-break:keep-all;text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7)}

/* 이미지 */
#mainVisual .mainSwiper{position:absolute;left:0;top:0;z-index:1001;width:100%;height:100vh}
#mainVisual .slider li{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;text-align:center;background:url(../img/main/img1.jpg) center no-repeat;background-size:cover}
#mainVisual .slider li.img02{background-image:url(../img/main/img2.jpg)}
#mainVisual .slider li.img03{background-image:url(../img/main/img3.jpg)}
#mainVisual .slider li::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* 어두운 회색 필터, 조정 가능 */
  z-index: 1;
}

/* 텍스트가 오버레이 위로 오게 */
#mainVisual .cont {
  position: relative;
  z-index: 2;
  color: #fff;
}

/* progressbar */
.progress{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;left:50%;bottom:112px;transform:translate(-50%, 0);max-width:var(--mainsize);width:100%}
.progress li{position:relative;flex-grow:1;cursor:pointer;width:100%}
.progress li:after{position:absolute;content:'';bottom:0;left:0;z-index:-1;width:100%;height:1px;background:transparent}
.progress li p{padding:0 0 20px 25px;font-size:17px;font-weight:700;color:#03030383;transition:all .3s;font-family:var(--main-font)}
.progress li p span{display:inline-block;padding-right:25px;font-size:15px;font-weight:700}
.progress li.active p{color:#000000}
.progress li .bar{position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#000000}
.progress li.active .bar{background:#000000;animation:countingBar 3s linear forwards}
@keyframes countingBar{0%{width:0}100%{width:100%}}

/* 반응형 [s] */
@media (max-width:1400px){
#mainVisual .txt{left:5%}
.progress{max-width:unset;width:90%}
}
@media (max-width:1024px){
#mainVisual{height:650px}
#mainVisual::before{bottom:50px}
#mainVisual .txt{left:2.5%;bottom:250px}
#mainVisual .txt h1{padding:25px 0 35px;font-size:36px}
#mainVisual .txt p{font-size:16px}
#mainVisual .slider li{height:650px}
.progress{bottom:50px;width:95%}
.progress li p{display:flex;align-items:center;gap:6px;padding:0 0 12px 20px;font-size:16px;word-break:keep-all}
.progress li p span{padding-right:20px}
}
@media (max-width:885px){
.progress li p{flex-direction:column;align-items:start;padding:0 0 10px 10px}
.progress li p span{padding-right:0px}
}
@media (max-width:768px){
#mainVisual{height:550px}
#mainVisual::before{bottom:45px}
#mainVisual .txt{bottom:235px;left:50%;transform:translateX(-50%);width:95%;text-align:center}
#mainVisual .txt h1{padding:20px 0 30px;font-size:30px}
#mainVisual .txt p{font-size:15px;line-height:1.5}
#mainVisual .slider li{height:550px}
.progress{bottom:45px}
.progress li p{text-align:center;align-items:center;gap:4px;padding-left:0px;padding-bottom:8px;font-size:15px}
.progress li p span{font-size:14px}
}
@media (max-width:480px){
#mainVisual{height:420px}
#mainVisual::before{display:none}
#mainVisual .txt{bottom:140px}
#mainVisual .txt b{font-size:14px}
#mainVisual .txt h1{padding:15px 0 25px;font-size:25px}
#mainVisual .txt p{font-size:14px}
#mainVisual .slider li{height:420px}
.progress{display:none}
}
@media (max-width:380px){
#mainVisual{height:380px}
#mainVisual .txt{bottom:115px}
#mainVisual .txt b{font-size:13px}
#mainVisual .txt h1{padding:12px 0 22px;font-size:21px}
#mainVisual .txt p{font-size:13px}
#mainVisual .slider li{height:380px}
}
/* 반응형 [e] */

/* =========================== atc01 */
#inc01{padding:205px 0 150px;background:#f2f2f2}

/* tit */
#inc01 .tit_area{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:105px}

/* controls */
#inc01 .wrap{display:flex;align-items:center;justify-content:space-between;max-width:var(--mainsize);margin:0 auto 50px}
#inc01 .control{display:flex;align-items:center;justify-content:center;gap:30px;font-size:24px}
#inc01 .control > span{color:var(--primary);opacity:0.3;cursor:pointer;transition:0.2s}

/* pager */
#inc01 .pager{display:flex;align-items:center;gap:10px;position:relative}
#inc01 .pager span{width:13px;height:4px;border-radius:0;background:var(--primary);opacity:0.3;cursor:pointer}
#inc01 .pager span.active{opacity:1}

/* slide */
#inc01 .swiper-wrapper > li{width:1400px;position:relative}
#inc01 .swiper-wrapper > li a{width:100%;height:100%}
#inc01 .swiper-wrapper > li .txt{opacity:1;position:absolute;bottom:0;z-index:1;width:100%;height:100%;background:rgba(0, 0, 0, 0);transition:all .3s}
#inc01 .swiper-wrapper > li .txt b{font-size:15px;color:#fff;font-weight:700;font-family:var(--main-font)}
#inc01 .swiper-wrapper > li .txt h3{padding:20px 0 10px;font-size:25px;color:#fff;font-weight:700;font-family:var(--main-font)}
#inc01 .swiper-wrapper > li .txt > div{position:absolute;bottom:75px;left:80px;opacity:0;transition:all .3s}
#inc01 .swiper-wrapper > li .txt > div > div{font-size:15px;color:#fff;word-break:keep-all}

/* benefit */
.benefit{max-width:var(--mainsize);margin:125px auto 0}
.benefit .sub_tit h2{padding-bottom:115px;font-size:35px;font-weight:700;line-height:1.4;color:#111;opacity:0.1;word-break:keep-all}
.benefit .sub_tit b{font-size:15px;font-weight:700;color:var(--primary);font-family:var(--main-font)}
.benefit .list{display:flex;align-items:baseline;justify-content:flex-end;gap:65px;padding:105px 0 0 320px}
.benefit .list li dl dt{padding:30px 0 15px;margin-bottom:25px;border-bottom:1px solid #e1e1e1;font-size:20px;font-weight:700;color:#222}
.benefit .list li{width:100%}
.benefit .list li dl dd{position:relative;padding-left:18px;font-size:15px;word-break:keep-all}
.benefit .list li dl dd::before{content:"";display:inline-block;position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:100%;background:#777}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .control > span:hover{opacity:1}
#inc01 .swiper-wrapper > li:hover .txt{background:rgba(0, 0, 0, 0.4)}
#inc01 .swiper-wrapper > li:hover .txt > div{opacity:1}
}
@media (max-width:1400px){
#inc01{padding:205px 5% 150px}
#inc01 .tit_area{width:100%}
#inc01 .inc01_slide{width:100%;height:500px}
#inc01 .swiper-wrapper > li{width:100%}
#inc01 .swiper-wrapper > li a img{width:100%;height:100%;object-fit:cover}
.benefit .list{padding:95px 0 0 260px}
}
@media (max-width:1024px){
#inc01{padding:120px 2.5% 100px}
#inc01 .tit_area{padding-bottom:80px}
#inc01 .tit_area span{width:40%;text-align:end}
#inc01 .wrap{margin-bottom:40px}
#inc01 .control{font-size:unset}
#inc01 .control > span{height:23px}
#inc01 .control > span svg{width:23px;height:23px}
#inc01 .inc01_slide{height:420px}
#inc01 .swiper-wrapper > li .txt > div{bottom:10%;left:50%;transform:translateX(-50%);width:90%}
#inc01 .swiper-wrapper > li .txt h3{font-size:22px}
.benefit{margin:100px auto 0}
.benefit .sub_tit h2{padding-bottom:100px;font-size:26px;text-align:center}
.benefit .sub_tit b{display:block;text-align:center}
.benefit .list{align-items:flex-end;gap:35px;padding:80px 0 0 0;gap:45px}
.benefit .list li{text-align:center}
.benefit .list li img{width:32px}
.benefit .list li dl{display:flex;flex-direction:column;align-items:center}
.benefit .list li dl dt{padding:25px 0 10px;margin-bottom:20px;width:100%;font-size:18px}
.benefit .list li dl dd{width:max-content}
.benefit .list li dl dd+dd{margin-top:5px}

}
@media (max-width:768px){
#inc01{padding:100px 2.5% 80px}
#inc01 .tit_area{flex-direction:column;align-items:center;padding-bottom:50px}
#inc01 .tit_area div{width:100%;text-align:center}
#inc01 .tit_area div h2{margin:auto;width:80%}
#inc01 .tit_area span{margin-top:30px;width:100%;text-align:center}
#inc01 .wrap{justify-content:center;flex-direction:column;gap:30px;margin-bottom:45px}
#inc01 .pager{display:none}
#inc01 .inc01_slide{height:380px}
#inc01 .swiper-wrapper > li .txt{background:rgb(0, 0, 0, 0.5) !important}
#inc01 .swiper-wrapper > li .txt > div{opacity:1;bottom:50%;transform:translate(-50%, 50%);text-align:center}
#inc01 .swiper-wrapper > li .txt h3{padding:20px 0 15px;font-size:20px}
#inc01 .swiper-wrapper > li .txt b{font-size:14px}
.benefit{margin:70px auto 0}
.benefit .sub_tit h2{padding-bottom:70px;margin:auto;width:80%;font-size:23px;white-space:normal}
.benefit .list{padding-top:70px;gap:30px}
.benefit .list li img{width:28px}
.benefit .list li dl dt{padding:20px 0 8px;margin-bottom:12px;font-size:17px}
.benefit .list li dl dd{padding-left:12px}
}
@media (max-width:580px){
.benefit .list{flex-wrap:wrap;gap:20px;padding-top:40px;}
.benefit .list li{padding:30px 0;border:1px solid #e1e1e1}
.benefit .list li:nth-child(-n+2){width:calc(50% - 10px)}
.benefit .list li dl dd{padding-left:8px}
}
@media (max-width:480px){
#inc01{padding:70px 2.5% 60px}
#inc01 .tit_area{padding-bottom:40px}
#inc01 .tit_area div h2{width:95%}
#inc01 .tit_area span{margin-top:25px}
#inc01 .wrap{margin-bottom:35px}
#inc01 .inc01_slide{height:350px}
#inc01 .swiper-wrapper > li .txt h3{padding:10px 0 8px;font-size:18px}
#inc01 .swiper-wrapper > li .txt > div > div{font-size:14px}
.benefit{margin:60px auto 0}
.benefit .sub_tit h2{padding-bottom:60px;width:95%;font-size:19px}
.benefit .list{flex-direction:column;gap:12px}
.benefit .list li{padding:20px 0}
.benefit .list li:nth-child(-n+2){width:100%}
.benefit .list li img{width:25px}
.benefit .list li dl dt{padding:10px 0 8px;margin-bottom:8px;font-size:16px}
.benefit .list li dl dd{font-size:14px}
.benefit .list li dl dd+dd{margin-top:3px}
}
@media (max-width:380px){
#inc01 {padding:60px 2.5% 50px}
#inc01 .tit_area{padding-bottom:30px}
#inc01 .tit_area span{margin-top:20px}
#inc01 .control{gap:25px}
#inc01 .control > span svg{width:21px;height:21px}
#inc01 .wrap{margin-bottom:30px}
#inc01 .inc01_slide{height:310px}
#inc01 .swiper-wrapper > li .txt b{font-size:13px}
#inc01 .swiper-wrapper > li .txt h3{padding:8px 0 6px;font-size:16px}
#inc01 .swiper-wrapper > li .txt > div > div{font-size:13px}
.benefit{margin:50px auto 0}
.benefit .sub_tit h2{padding-bottom:50px;font-size:17px}
.benefit .sub_tit b{font-size:14px}
.benefit .list{padding-top:30px}
.benefit .list li{padding:15px 0}
.benefit .list li img{width:23px}
.benefit .list li dl dt{padding:8px 0 6px;margin-bottom:6px;font-size:15px}
.benefit .list li dl dd{font-size:13px}
}
/* 반응형 [e] */

/* =========================== atc02 */
#inc02{position:relative;padding:140px 0 155px;text-align:center}

/* tit */
#inc02 .tit_area > span{display:block;padding-top:30px}

/* control */
#inc02 .control{display:flex;align-items:center;justify-content:center;width:150px;margin:65px auto 0}
#inc02 .control .pager{display:flex;align-items:center;justify-content:center;gap:5px;width:initial;margin:0 20px 6px}
#inc02 .control .pager span{font-size:15px;font-weight:700;color:#111;font-family:var(--main-font)}
#inc02 .control > span{cursor:pointer}
#inc02 .control > span svg{width:20px;height:20px}

/* slide */
#inc02 .staff_slide{max-width:var(--mainsize);margin:0 auto;padding-top:85px}
#inc02 .staff_slide img{width:100%;height:100%;object-fit:cover;margin-bottom:20px}
#inc02 .staff_slide .item{text-align:left}
#inc02 .staff_slide .item .tit{font-size:20px;font-weight:700;color:#111}
#inc02 .staff_slide .item .txt{font-size:15px;color:#777}

/* 반응형 [s] */
@media (max-width:1400px){
#inc02{margin:auto;width:90%}
#inc02 .staff_slide img{height:343px}
}
@media (max-width:1024px){
#inc02{padding:120px 0;width:95%}
#inc02 .tit_area > span{padding-top:25px}
#inc02 .control{margin:55px auto 0}
#inc02 .staff_slide{padding-top:65px}
#inc02 .staff_slide .item .tit{font-size:18px}
#inc02 .staff_slide img{height:300px}
}
@media (max-width:768px){
#inc02{padding:100px 0}
#inc02 .tit_area > span{padding-top:20px}
#inc02 .control{margin:40px auto 0}
#inc02 .staff_slide{padding-top:50px}
#inc02 .staff_slide img{height:360PX;}
#inc02 .staff_slide .item figcaption{text-align:center}
#inc02 .staff_slide .item .txt{font-size:14px}
#inc02 .staff_slide .item .tit{font-size:17px}
}
@media (max-width:480px){
#inc02{padding:80px 0}
#inc02 .tit_area > span{padding-top:15px}
#inc02 .control{margin:35px auto 0}
#inc02 .staff_slide{padding-top:40px}
#inc02 .staff_slide img{margin-bottom:15px;height:320px}
#inc02 .staff_slide .item .tit{font-size:16px}
}
@media (max-width:380px){
#inc02{padding:60px 0}
#inc02 .staff_slide img{height:270px}
#inc02 .control{margin:30px auto 0}
#inc02 .staff_slide{padding-top:30px}
#inc02 .staff_slide img{height:290px}
#inc02 .staff_slide .item .tit{font-size:15px}
#inc02 .staff_slide .item .txt{font-size:13px}
}
/* 반응형 [e] */

/* =========================== atc03 */
#inc03{overflow:hidden;position:relative;width:100%;height:100%;background:var(--primary)}
#inc03 .pin-spacer{overflow:visible;float:none;display:block;place-self:auto;grid-area:auto;flex-basis:auto;flex-shrink:1;position:relative;width:100%;height:1800px;z-index:auto;padding:0px 0px 0;margin:0px;order:0;inset:auto;box-sizing:border-box}
#inc03 .inc03_pin{max-width:100%;width:100%;height:100%;transform:translate(0px, 0px);translate:none;rotate:none;scale:none;inset:0px auto auto 0px;margin:0px;padding:0px}

/* tit */
#inc03 .left_tit{position: absolute;top:0;left:0;width:100%}
#inc03 .tit_area{display:block;padding-top:240px}
#inc03 .tit_area div b{color:#fff}
#inc03 .tit_area div h2{color:#fff}
#inc03 .tit_area a{display:block;width:135px;height:50px;margin-top:45px;font-size:15px;font-weight:700;line-height:50px;text-align:center;color:var(--primary);background:#fff;transition:0.2s}

/* bg */
#inc03 .bg_wrap{width:100%;height:100vh}
#inc03 .bg_wrap>div{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-size:cover;transition:all 0.5s}
#inc03 .bg_wrap>div.visible{opacity:1}
#inc03 .bg{background-size:cover}
#inc03 .bg01{background: url(../img/main/inc03/bg01.jpg) no-repeat 50% 50%}
#inc03 .bg02{background: url(../img/main/inc03/bg02.jpg) no-repeat 50% 50%}
#inc03 .bg03{background: url(../img/main/inc03/bg03.jpg) no-repeat 50% 50%}
#inc03 .bg04{background: url(../img/main/inc03/bg04.jpg) no-repeat 50% 50%}
#inc03 .bg05{background: url(../img/main/inc03/bg05.jpg) no-repeat 50% 50%}

/* cont */
#inc03 .right_cont{position: absolute;top:0;left:50%;transform:translateX(-20%)} 
#inc03 .right_cont .static{display: flex;justify-content: flex-end;padding-top:240px}
#inc03 .right_cont ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:50px}
#inc03 .right_cont ul li{position:relative;width:423px;height:415px;border-radius:30px;font-size:15px;font-weight:700;background:rgba(255, 255, 255, 0.3);transition:0.2s}
#inc03 .right_cont ul li a{display:block;width:100%;height:100%;;padding:140px 10px 45px 55px;color:rgba(255, 255, 255, 0.5)}
#inc03 .right_cont ul li:nth-child(2n){top:250px}
#inc03 .right_cont ul li b{position:absolute;right:60px;top:55px;font-weight:700;color:#fff;font-family:var(--main-font)}
#inc03 .right_cont ul li h3{font-size:25px;font-weight:700;color:#fff;font-family:var(--main-font)}
#inc03 .right_cont ul li span{display:block;margin-top:-3px;padding-bottom:18px;color:#fff;font-family:var(--main-font)}
#inc03 .right_cont ul li .txt{padding-bottom:30px;font-weight:400}
#inc03 .right_cont ul li .btn_wrap{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:100%;color:#fff;background:rgba(255, 255, 255, 0.2)}
#inc03 .right_cont ul li .btn_wrap svg{width:20px;height:20px}
#inc03 .right_cont ul li.on{background:rgba(0,0,0,0.5)}


/* 반응형 [s] */
@media (max-width:1400px){
#inc03 .pin-spacer{height:1600px}
#inc03 .left_tit{left:50%;transform:translateX(-50%);width:90%}
#inc03 .right_cont{left:unset;right:5%;transform:none;width:50%}
#inc03 .right_cont ul{column-gap:30px;row-gap:40px;width:100%}
#inc03 .right_cont ul li{width:100%;height:auto}
#inc03 .right_cont ul li a{padding:90px 25px 35px 25px}
#inc03 .right_cont ul li h3{font-size:22px}
#inc03 .right_cont ul li span{padding-bottom:12px}
#inc03 .right_cont ul li b{top:35px;right:10%}
#inc03 .right_cont ul li .txt{padding-bottom:25px;word-break:keep-all;white-space:normal}
}
@media (max-width:1024px){
#inc03 .pin-spacer{height:1400px}
#inc03 .tit_area{padding-top:160px}
#inc03 .left_tit{width:95%}
#inc03 .right_cont{right:2.5%;width:55%}
#inc03 .right_cont .static{padding-top:160px}
#inc03 .right_cont ul{column-gap:20px;row-gap:30px}
#inc03 .right_cont ul li{border-radius:20px;font-size:14px;background-color:rgb(255, 255, 255, 0.3) !important;}
#inc03 .right_cont ul li h3{font-size:21px}
#inc03 .right_cont ul li span{padding-bottom:8px}
#inc03 .right_cont ul li .txt{padding-bottom:20px}
#inc03 .right_cont ul li .btn_wrap{width:45px;height:45px}
#inc03 .right_cont ul li .btn_wrap svg{width:18px;height:18px}
}
@media (max-width:768px){
#inc03 .pin-spacer{height:1390px}
#inc03 .tit_area{display:flex;flex-direction:column;align-items:center;padding-top:100px}
#inc03 .tit_area div h2{margin:auto;width:80%}
#inc03 .tit_area a{margin-top:40px}
#inc03 .left_tit{text-align:center}
#inc03 .right_cont{top:380px;right:50%;transform:translateX(50%);width:95%}
#inc03 .right_cont .static{padding-top:0px}
#inc03 .right_cont ul{display:flex;flex-wrap:wrap;gap:20px}
#inc03 .right_cont ul li:nth-child(-n+4){width:calc(50% - 10px)}
#inc03 .right_cont ul li:last-child{width:100%}
#inc03 .right_cont ul li:nth-child(2n){top:0px}
#inc03 .right_cont ul li a{padding:80px 25px 30px 25px}
#inc03 .right_cont ul li b{top:20px;right:25px}
#inc03 .right_cont ul li:hover{background:rgba(0,0,0,0.5)}
#inc03 .bg_wrap>div:nth-last-child(-n+4){display:none}
}
@media (max-width:610px){
#inc03 .pin-spacer{height:1440px}
}
@media (max-width:480px){
#inc03 .pin-spacer{height:1740px}
#inc03 .tit_area{padding-top:80px}
#inc03 .tit_area a{margin-top:35px;width:126px;height:48px;line-height:48px;font-size:14px}
#inc03 .tit_area div h2{width:90%}
#inc03 .right_cont{top:330px}
#inc03 .right_cont ul{flex-direction:column;flex-wrap:wrap;gap:12px}
#inc03 .right_cont ul li:nth-child(-n+4){width:100%}
#inc03 .right_cont ul li:nth-child(odd){background:rgba(255, 255, 255, 0.3) !important}
#inc03 .right_cont ul li:nth-child(even){background:rgb(0, 0, 0, 0.5) !important}
#inc03 .right_cont ul li a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 2.5%}
#inc03 .right_cont ul li b{position:static}
#inc03 .right_cont ul li h3{margin-top:5px;font-size:19px}
}
@media (max-width:380px){
#inc03 .pin-spacer{height:1530px}
#inc03 .tit_area{padding-top:60px}
#inc03 .tit_area a{margin-top:30px;width:118px;height:44px;line-height:44px;font-size:13px}
#inc03 .tit_area div h2{width:95%}
#inc03 .right_cont{top:270px}
#inc03 .right_cont ul li{font-size:13px}
#inc03 .right_cont ul li a{padding:20px 2.5%}
#inc03 .right_cont ul li h3{margin-top:3px;font-size:18px}
#inc03 .right_cont ul li .txt{padding-bottom:15px}
#inc03 .right_cont ul li .btn_wrap{width:42px;height:42px}
#inc03 .right_cont ul li .btn_wrap svg{width:17px;height:17px}
}
/* 반응형 [e] */

/* =========================== atc04 */
#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(../img/common/logo_b.png) center no-repeat !important }
#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] */