@charset "utf-8";

/* 새글 스킨 (latest) */
.works_slider {position:relative; margin:80px auto 0 auto; padding:0; width:100%;}

/* NOTICE / NEWS 제목과 화살표를 같은 헤더 영역에서 관리합니다. */
.works_slider_head {display:flex; flex-direction:row; align-items:center !important; justify-content:space-between; gap:20px; margin:0 auto 60px auto; padding:0 !important; width:100%; max-width:1600px; box-sizing:border-box;}
#section2 .works_slider .works_slider_title,
#section3 .works_slider .works_slider_title,
.works_slider .works_slider_title {flex:1 1 auto; min-width:0; margin:0 !important; padding:0 !important; width:auto !important; max-width:none !important; font-family:'Poppins',sans-serif !important; font-weight:700 !important; font-size:36px !important; line-height:1 !important; letter-spacing:-1 !important; color:inherit;}
.works_slider_nav {display:flex; flex:0 0 auto; flex-direction:row; align-items:center; justify-content:flex-end; gap:16px; min-width:108px; height:44px; margin:0; padding:0; box-sizing:border-box;}
.works_slider_nav:empty {display:none;}
.works_slider_nav .works-slider-slick-prev,
.works_slider_nav .works-slider-slick-next {position:static !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; z-index:20; display:flex !important; align-items:center; justify-content:center; flex:0 0 44px; margin:0 !important; padding:0 !important; width:44px !important; height:44px !important; min-width:44px; min-height:44px; border:0 !important; border-radius:0; background:transparent !important; box-shadow:none !important; cursor:pointer; box-sizing:border-box; appearance:none; -webkit-appearance:none;}
.works_slider_nav .works-slider-slick-prev > img,
.works_slider_nav .works-slider-slick-next > img {display:block; margin:0; padding:0; width:18px; height:auto; max-width:18px; max-height:none;}
.works_slider_nav .works-slider-slick-prev.slick-disabled,
.works_slider_nav .works-slider-slick-next.slick-disabled {opacity:0.25; cursor:default;}

/* 헤더 안 화살표 정렬 보정: 기존/외부 CSS의 absolute top 값이 모바일에서 다시 먹지 않도록 강하게 초기화합니다. */
#section2 .works_slider .works_slider_head .works_slider_nav,
#section3 .works_slider .works_slider_head .works_slider_nav,
.works_slider .works_slider_head .works_slider_nav {position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:translateY(0) !important;}
#section2 .works_slider .works_slider_head .works_slider_nav .works-slider-slick-prev,
#section2 .works_slider .works_slider_head .works_slider_nav .works-slider-slick-next,
#section3 .works_slider .works_slider_head .works_slider_nav .works-slider-slick-prev,
#section3 .works_slider .works_slider_head .works_slider_nav .works-slider-slick-next,
.works_slider .works_slider_head .works_slider_nav .works-slider-slick-prev,
.works_slider .works_slider_head .works_slider_nav .works-slider-slick-next {position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; line-height:1 !important;}

.works_slider_empty {display:flex; flex-direction:row; align-items:center; justify-content:center; margin:0; padding:0; width:100%; height:390px;}
.works_slider_empty > p {font-family:'NanumSquare',sans-serif; font-weight:600; font-size:19px;}

/* 데스크톱에서는 슬라이더를 쓰지 않고 최신글 최대 4개를 그리드로 노출합니다. */
.works_slider_box {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); align-items:start; gap:0; margin:0 auto; padding:0; width:100%; max-width:1600px;}
.works_slider_box.slick-initialized {display:block; max-width:none;}
.works_slider_list {min-width:0;}

/* 작은 화면에서 slick이 켜질 때만 화살표가 생성됩니다. dots는 사용하지 않습니다. */
.works-dots {display:none !important; flex-direction:row; align-items:center; justify-content:center; margin:0 auto; padding:0;}
.works-dots > li {margin:0 2px; padding:0;}
.works-dots > li > button {font-size:0; display:block; margin:0; padding:0; width:40px; height:3px; background:#d2d2d2;}
.works-dots > li.slick-active > button {background:#000 !important;}

.works_slider_list_wrap {position:relative; display:block; margin:0 auto; margin-bottom:75px; padding:0 10px; width:100%; max-width:400px; cursor:pointer;}
.works_img_box {margin:0 auto; padding:0; width:100%; overflow:visible; background:transparent; line-height:0;}
.works_img_box_has_image {box-shadow:0 7px 16px rgba(0,0,0,0.08);}
.works_img_box > img {display:block; margin:0; padding:0; width:100%; max-width:100%; height:auto; object-fit:contain;}
.works_img_box_fixed {aspect-ratio:380 / 260; overflow:hidden; background:#f7f7f7;}
.works_img_box_fixed > img {height:100%; object-fit:cover;}
.works_img_box_original {overflow:visible; background:transparent;}
.works_img_box_original > img {height:auto; object-fit:contain;}
.works_slider_no_thumb .works_cate_box {margin-top:0;}
.works_slider_box .slick-slide {height:auto;}
.works_cate_box {margin:0; margin-top:32px; margin-bottom:17px; padding:0; font-family:'Noto Sans KR',sans-serif; font-weight:400; font-size:16px; color:#999999; line-height:16px;}
.works_subject_box {margin:0; padding:0; font-family:'Noto Sans KR',sans-serif; font-weight:500; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:18px; line-height:18px;}
.works_content_box {margin:0; margin-top:11px; padding:0; font-family:'Noto Sans KR',sans-serif; font-weight:400; font-size:15px; color:#555555; line-height:23px; min-height:46px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
.works_date_box {margin:0; margin-top:12px; padding:0; font-family:'Noto Sans KR',sans-serif; font-weight:500; font-size:14px; color:#777777; line-height:14px;}
.works_wr_1_box {margin:0; margin-top:6px; font-family:'Noto Sans KR',sans-serif; font-weight:400; font-size:16px; height:16px; line-height:16px;}

/* 1600px 이하에서 NOTICE / NEWS 헤더에 붙던 좌우 30px 패딩을 제거합니다. */
@media (max-width: 1600px) {
    .works_slider_head {padding-left:0 !important; padding-right:0 !important;}
}


@media (max-width: 1200px) {
    .works_slider {margin-top:100px !important;}
    .works_slider_head {margin-bottom:50px;}
    #section2 .works_slider .works_slider_title,
    #section3 .works_slider .works_slider_title,
    .works_slider .works_slider_title {font-size:36px !important; line-height:40px !important; letter-spacing:-1;}
    .works_slider_nav {gap:14px; min-width:96px; height:40px;}
    .works_slider_nav .works-slider-slick-prev,
    .works_slider_nav .works-slider-slick-next {flex-basis:40px; width:40px !important; height:40px !important; min-width:40px; min-height:40px;}
    .works_slider_nav .works-slider-slick-prev > img,
    .works_slider_nav .works-slider-slick-next > img {width:17px; max-width:17px;}
    .works_slider_box {grid-template-columns:repeat(3, minmax(0, 1fr)); max-width:none; padding:0 20px; box-sizing:border-box;}
    .works_slider_box.slick-initialized {padding:0;}
    .works-dots > li > button {width:30px;}
    .works_slider_list_wrap {margin-bottom:60px !important;}
    .works_cate_box {margin-top:25px; margin-bottom:14px;}
}

@media (max-width: 800px) {
    .works_slider_box {grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media (max-width: 768px) {
    .works_slider {margin-top:70px !important;}
    .works_slider_head {margin-bottom:40px;}
    #section2 .works_slider .works_slider_title,
    #section3 .works_slider .works_slider_title,
    .works_slider .works_slider_title {font-size:30px !important; line-height:36px !important;}
    .works_slider_nav {gap:12px; min-width:84px; height:36px;}
    #section2 .works_slider .works_slider_head .works_slider_nav,
    #section3 .works_slider .works_slider_head .works_slider_nav,
    .works_slider .works_slider_head .works_slider_nav {transform:translateY(2px) !important;}
    .works_slider_nav .works-slider-slick-prev,
    .works_slider_nav .works-slider-slick-next {flex-basis:36px; width:36px !important; height:36px !important; min-width:36px; min-height:36px;}
    .works_slider_nav .works-slider-slick-prev > img,
    .works_slider_nav .works-slider-slick-next > img {width:15px; max-width:15px;}
    .works-dots > li > button {width:18px;}
}

@media (max-width: 580px) {
    .works_slider_box {display:block; padding-left:0; padding-right:0;}
    .works_slider_box.slick-initialized {padding-left:0; padding-right:0;}
    .works_slider_box:not(.slick-initialized) {padding-right:20px;}
    .works_slider_list {width:300px;}
    .works_slider_box:not(.slick-initialized) .works_slider_list {width:auto;}
    .works_slider_nav {gap:10px; min-width:76px; height:34px;}
    #section2 .works_slider .works_slider_head .works_slider_nav,
    #section3 .works_slider .works_slider_head .works_slider_nav,
    .works_slider .works_slider_head .works_slider_nav {transform:translateY(2px) !important;}
    .works_slider_nav .works-slider-slick-prev,
    .works_slider_nav .works-slider-slick-next {flex-basis:34px; width:34px !important; height:34px !important; min-width:34px; min-height:34px;}
    .works_slider_nav .works-slider-slick-prev > img,
    .works_slider_nav .works-slider-slick-next > img {width:13px; max-width:13px;}
}

@media (max-width: 450px) {
    .works_slider_box {padding-left:0;}
    .works_slider_box.slick-initialized {padding-left:0;}
}

@media (max-width: 360px) {
    #section2 .works_slider .works_slider_title,
    #section3 .works_slider .works_slider_title,
    .works_slider .works_slider_title {font-size:28px !important; line-height:34px !important;}
    .works_slider_list {width:260px;}
    .works_slider_box:not(.slick-initialized) .works_slider_list {width:auto;}
    .works_slider_list_wrap {margin-bottom:40px !important;}
    .works_cate_box {margin-top:15px; margin-bottom:11px; font-size:13px; line-height:13px;}
    .works_subject_box {font-size:16px; height:16px; line-height:16px;}
    .works_content_box {margin-top:9px; font-size:13px; line-height:20px; min-height:40px;}
    .works_date_box {margin-top:10px; font-size:13px; line-height:13px;}
    .works_wr_1_box {font-size:14px; height:14px; line-height:14px;}
}