/* 배경 */
#m02{position:relative;width:100%;z-index:10;padding:100px 0 148px;background:#fff url(./img/in02_bg.jpg) right 376px no-repeat;font-family:var(--k-font)}

#m02_wrap{position:relative;display:flex;margin:auto;max-width:1070px}
#m02_wrap:before{display:block;content:"";position:absolute;left:-435px;top:115px;width:385px;height:150px;background:#f2f2f2}

/* 텍스트 */
#m02_wrap .txt_area{margin-top:90px;width:35%}
#m02_wrap .txt_area h2{font-size:44px;line-height:1.15;font-weight:300}
#m02_wrap .txt_area h2 span{font-weight:700}
#m02_wrap .txt_area a{position:relative;display:block;width:max-content;padding-right:45px;margin-top:20px;font-size:15px;color:#929292;font-weight:500;transition:all .3s}
#m02_wrap .txt_area a:after{content:"";position:absolute;z-index:2;top:50%;right:0px;width:35px;height:7px;transform:translateY(-50%);background:url(./img/intr_more.png) no-repeat right / cover}

/* slide */
#m02_wrap .inc02_slide{position:relative;width:65%;height:410px}
#m02_wrap .inc02_slide li img{width:100%;height:100%;object-fit:cover}

/* nav */
#m02_wrap .nav_container{display:flex;position:absolute;z-index:3;top:165px;left:calc(35% - 42px)}
#m02_wrap .nav_container div{position:relative;width:42px;height:42px;transition:all .3s;background-color:#e7e000;cursor:pointer}
#m02_wrap .nav_container div svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;color:#fff}

/* pager */
#m02_wrap .pager{display:flex;gap:6px;position:absolute;bottom:11%;z-index:2}
#m02_wrap .pager ul li{position:relative;opacity:1;width:144px !important;height:103px;border-radius:0px;background-color:transparent;cursor:pointer}
#m02_wrap .pager ul li.on:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgb(215,208,0 , 0.3)}
#m02_wrap .pager ul li img{width:100%;height:100%;object-fit:cover}


/* 반응형 [s] */
@media (hover:hover){
#m02_wrap .txt_area a:hover{padding-right:55px}
#m02_wrap .nav_container div:hover{background-color:#d5ce00}
}
@media (max-width:1024px){
#m02{padding:80px 0 100px;background-position:right bottom;background-size:70% 165px}
#m02_wrap{width:95%}
#m02_wrap:before{display:none}
#m02_wrap .txt_area{width:40%}
#m02_wrap .txt_area h2{font-size:32px}
#m02_wrap .txt_area a{margin-top:15px}
#m02_wrap .inc02_slide{width:60%;height:370px}
#m02_wrap .pager ul li{width:135px !important;height:90px}
#m02_wrap .nav_container{left:calc(40% - 42px)}
}
@media (max-width:768px){
#m02{padding:70px 0 80px;background:none}
#m02_wrap{flex-direction:column;padding-bottom:120px}
#m02_wrap .txt_area{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:0px;width:100%}
#m02_wrap .txt_area h2{font-size:27px}
#m02_wrap .inc02_slide{margin-top:45px;width:80%;height:310px}
#m02_wrap .nav_container{justify-content:space-between;top:50%;left:0px;transform:translateY(-50%);width:100%}
#m02_wrap .pager{bottom:0px;left:50%;transform:translateX(-50%)}
}
@media (max-width:480px){
#m02{padding:60px 0 55px}
#m02_wrap{padding-bottom:110px}
#m02_wrap .txt_area h2{font-size:24px}
#m02_wrap .txt_area a{padding-right:38px !important;font-size:14px}
#m02_wrap .txt_area a:after{width:27px}
#m02_wrap .inc02_slide{margin-top:35px;width:100%;height:240px}
#m02_wrap .nav_container div{display:none}
#m02_wrap .pager{width:90%}
#m02_wrap .pager ul li{width:calc(100% / 3 - 3px) !important;height:80px}
}
@media (max-width:380px){
#m02{padding:50px 0 45px}
#m02_wrap{padding-bottom:95px}
#m02_wrap .txt_area h2{font-size:22px}
#m02_wrap .txt_area a{margin-top:12px;font-size:13px}
#m02_wrap .inc02_slide{margin-top:30px;height:205px}
#m02_wrap .pager ul li{height:70px}
}
/* 반응형 [e] */