@charset "utf-8";

/* 빠른메뉴 */
#inc02 .quick{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;height:340px}
#inc02 .quick li{height:160px;border-radius:15px;background-color:#fff}
#inc02 .quick li a{position:relative;display:block;height:100%;padding:20px 0 0 25px;font-size:14px;color:#888;font-family:'notokr-regular'}
#inc02 .quick li h3{margin-bottom:5px;font-size:16px;color:#222;font-family:'LotteMartDreamBold'}
#inc02 .quick li .pl{line-height:1.6;white-space:pre-line}
#inc02 .quick li img{position:absolute;bottom:20px;right:20px}
#inc02 .quick li:hover{box-shadow:3px 5px 18px 0px rgba(0, 0, 0, 0.06);transition:0.5s}
#inc02 .quick li:nth-child(1) img, #inc02 .quick li:nth-child(2) img{bottom:15px}

/* 이벤트 */
#inc02 .event{margin:25px 0;}
#inc02 .event .tit{display:flex;align-items:center;padding-bottom:8px;color:#222;font-size:22px;font-family:'LotteMartDreamBold'}
#inc02 .event .control{display:flex;position:relative;width:60px;margin-left:auto}
#inc02 .event .control:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";;width:1px;height:10px;background:#ccc}
#inc02 .event .control span{display:flex;align-items:center;width:50%;cursor:pointer}
#inc02 .event .control span.next img{margin-left:auto}
#inc02 .event .event_slide ul li{width:100%;height:251px;padding:30px 40px;border-radius:20px;background-size:cover}
#inc02 .event .event_slide ul li a{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;height:100%;color:#fff;text-align:center}
#inc02 .event .event_slide ul li a .event_title{width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255, 255, 255, 0.5);border-radius:20px 20px 0 0;font-size:22px;font-family:'LotteMartDreamBold'}
#inc02 .event .event_slide ul li a p{display:block;border-radius:0 0 20px 20px;font-size:15px;font-family:'notokr-regular'}
#inc02 .event .event_slide ul #event01{background:url(/sh_img/include/inc02/event01.jpg) no-repeat;background-size:cover}
#inc02 .event .event_slide ul #event02{background:url(/sh_img/include/inc02/event02.jpg) no-repeat;background-size:cover}

/* 라테스트 */
#inc02 .latest >div{display:flex;justify-content: space-between;align-items:center;padding-bottom:8px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#inc02 .latest .tit{font-size:22px;color:#222;font-family:'LotteMartDreamBold'}
#inc02 .latest .tit a{font-size:14px;color:#888;transition:all .2s;font-family:'notokr-medium'}
#inc02 .latest .tit a:hover{color:#222}
#inc02 .latest ul li a{display:flex;align-items:center;color:#888}
#inc02 .latest ul li+li{margin-top:10px}
#inc02 .latest ul li .status{width:46px;height:22px;border:1px solid #ddd;border-radius:20px;line-height:20px;font-size:13px;background-color:#fff;text-align:center;font-family:'notokr-medium'}
#inc02 .latest ul li .subj{padding-left:8px;font-size:14px;font-weight:400;color:#222;font-family:'notokr-medium'}
#inc02 .latest ul li .date{flex-shrink:0;margin-left:auto}

/* 반응형 [s] */
@media (max-width:1300px){
#inc02 .quick{display:flex;height:auto}
#inc02 .quick li{width:calc(100% / 4 - 10px)}
#inc02 .box_wrap{display:flex;justify-content:space-between}
#inc02 .box_wrap > div{width:49%;margin:25px 0}
#inc02 .event_slide{text-align:center}
}
@media (max-width:900px){
#inc02 .event li img{width:100%}
}
@media (max-width:830px){
#inc02 .quick li{height:186px}
#inc02 .quick li img{display:none}
#inc02 .quick li a{padding:15px}
#inc02 .quick li .pl{white-space:normal;word-break:keep-all}
}
@media (max-width:768px){
#inc02 .quick{flex-wrap:wrap}
#inc02 .quick li{width:calc(100% / 2 - 10px);height:auto}
#inc02 .quick li a{padding:25px}
#inc02 .latest ul li .date{display:none}
#inc02 .event .event_slide ul li a .event_title{font-size:18px}
#inc02 .event .event_slide ul li a p{font-size:14px}
#inc02 .event .event_slide ul li{padding:20px}
}
@media (max-width:570px){
#inc02 .quick{gap:10px}
#inc02 .quick li{width:100%}
#inc02 .box_wrap{display:block}
#inc02 .box_wrap > div{width:100%}

}
/* 반응형 [e] */