@charset "utf-8";

#inc04{position:relative;}
#inc04:after{position:absolute;content:'';left:0;top:18%;width:100%;height: 750px;background:#f5f5f5;z-index:-1}
#inc04 .tit_ko{padding-bottom:70px;text-align:center}
#inc04 .tit_ko h2{padding-bottom:16px;font-size:40px;color:#111}
#inc04 .inner{width:100%;max-width:1520px;margin:0 auto}
#inc04 .inner .video_box .left{width:100%}
#inc04 .inner .video_box button{width:100%;max-width:760px;height:100%}
#inc04 .inner .video_box .left .video_area .youtube_img{width:100%;height:460px}
#inc04 .inner .video_box{display:flex;align-items: center;background:#fff}
#inc04 .inner .video_box .right{width:100%;background:#fff} 
#inc04 .inner .video_box .right .gall_box a{display:flex;gap:50px;padding:35px}
#inc04 .inner .video_box .right .gall_box a:nth-child(1){border-bottom:1px solid #e1e1e1}
#inc04 .inner .video_box .right .gall_box a .cate{width:106px;margin-top:10px;font-size:14px;font-weight:600;line-height:30px;text-align:center;color:#fff;background:var(--primary)}
#inc04 .inner .video_box .right .gall_box a .pl{padding:30px 0 45px 0;font-size:15px;font-weight:600;font-family:var(--k-font);color:#222}
#inc04 .inner .video_box .right .gall_box a .date{font-size:12px;color:#888}
#inc04 .inner .video_box .right .gall_box a .img{overflow:hidden}
#inc04 .inner .video_box .right .gall_box a .img img{transition: all .3s cubic-bezier(0.5, 1, 0.89, 1)}
#inc04 .inner .video_box .right .gall_box a:hover .img img{transform:scale(1.05,1.05)}
#inc04 .inner .more{display:flex;align-items:center;justify-content:center;gap:27px;width:185px;height:60px;font-size:13px;font-weight:600;border:1px solid #e1e1e1;color:#111;background:#fff;transition:all 0.2s;margin:70px auto 120px}
#inc04 .inner .more svg{width:16px}
#inc04 .inner .more:hover{gap:20px;color:#fff;background:var(--primary)}
#inc04 .logo_box{line-height:105px;background:#fff}
#inc04 .logo_inner{display:flex;align-items: center;width: 100%;max-width: 1520px;margin:0 auto}
#inc04 .logo_inner .logo_tit{flex-shrink:0;color:#111;font-size:18px;font-weight:700}
#inc04 .logo_inner .logo_slide ul li{padding:0 10px;line-height:54px;border:1px solid #e1e1e1;text-align:center}
#inc04 .logo_inner .logo_control{display:flex;gap:10px;padding-right: 26px;height:50px}
#inc04 .logo_inner .logo_control svg{height:20px;color:#888}
#inc04 .logo_inner .logo_control .next,#inc04 .logo_inner .logo_control .prev{display:flex;align-items:center;justify-content:center;position:relative;width: 40px;height: 45px;border-radius:50%;cursor:pointer}
#inc04 .logo_inner .logo_control .swiper-button-next:after, #inc04 .logo_inner .logo_control .swiper-button-prev:after{display:none}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .top_box a:hover{gap:38px}
}
@media (max-width:1400px){
#inc04 .tit_ko h2{font-size:35px}
#inc04 .inner .video_box .right .gall_box a{gap:30px}
#inc04 .logo_inner{padding:0 20px}
}
@media (max-width:1180px){
#inc04 .inner .video_box .right .gall_box a{padding:23px} 
}
@media (max-width:1024px){
#inc04 .inner .video_box .right .gall_box a {padding:23px}
}
@media (max-width:900px){
#inc04 .inner .video_box {flex-direction:column}
#inc04 .inner .video_box .left{text-align:center}
#inc04 .inner .video_box .left .video_area .youtube_img {height:100%}
#inc04 .inner .more{margin:70px auto 70px}
#inc04 .logo_inner{padding: 0 15px;border-top:1px solid #e1e1e1}
}
@media (max-width:768px){
#inc04 .tit_ko h2{font-size:30px}
#inc04 .tit_ko{padding-bottom:30px}
#inc04 .inner .more{margin:50px auto 50px}
#inc04 .logo_inner .logo_tit{font-size:15px}
#inc04 .logo_inner .logo_control{padding-right:10px}
}
@media (max-width:480px){
#inc04 .tit_ko h2{font-size:22px} 
#inc04 .inner .video_box .right .gall_box a{flex-direction:column;gap:0;padding:15px}   
#inc04 .inner .video_box .right .gall_box a .img{width:100%;display:contents}
#inc04 .inner .video_box .right .gall_box a .pl{padding:10px 0;font-size:14px}
#inc04 .inner .more{width:183px;height:53px;margin:30px auto 30px}
#inc04 .logo_box{line-height:80px}
}
@media (max-width:430px){
#inc04 .logo_inner .logo_slide ul li img{width:100%}
}
@media (max-width:380px){
}
/* 반응형 [e] */