@charset "utf-8";


.section3 {
  width:100%;
  background:var(--bc1);
  padding:13vh 0 17vh 0;
  position:relative;
}
.section3 .section-title h2 {
  color:#fff;
}
.section3 .section-title p {
  color:#ccc;
}
.section3 .left-bg {
  position:absolute;
  top:50%;
  transform:translateY(-50%) scale(0.9);
  right:calc(50% + 670px);
}
.section3 .right-bg {
  position:absolute;
  bottom:0;
  left:calc(50% + 650px);
  transform:translateX(-50%);
  pointer-events: none;
}
.not_all_wrap {width:100%;display:flex;margin:0 auto;}

.not_swiper {width:100%;z-index: 2;margin-top:4rem;}
.not_swiper .swiper-container {width:100%;padding:1rem 0 2rem;position:relative;overflow: hidden;}
.not_swiper .swiper-slide {position:relative;border-radius:1.5rem;cursor:pointer;}
.not_swiper .swiper-slide.swiper-slide-active {}

.not_swiper .not_info {background:#eee;width:100%;aspect-ratio: 634/167;border-radius:1.5rem;position:relative;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;text-align: left;transition:all 0.2s;border:4px solid transparent}
  .not_swiper .swiper-slide:hover .not_info {border:4px solid var(--mc1)}
.not_swiper .not_info .not_info_cont_wrap {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 6.5%}
.not_swiper .not_info .not_info_cont_wrap p {display:block;color:#999;font-weight:400;
    /* 한 줄 자르기 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 1.3;
    height: 2.6em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.not_swiper .not_info h2 {margin-bottom:1rem}
.not_swiper .not_info h2 {display:block;color:#333;font-weight:600;letter-spacing: -0.04em;
 white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all 0.4s;}
.not_swiper .not_info:hover h2 {color:var(--mc1);}
.not_swiper .not_info p {color:#999;letter-spacing: -0.03em;}
.not_bottom_wrap {width:100%;text-align:left;margin-top:1.5rem;}
.not_swiper .not_info h3 {color:#999;font-weight:600;font-size:1.4rem;}
.not_swiper .not_info h4 {}
.not_swiper .not_info h4 a {color:#a1c4fd;}

/* .not_swiper .not_info:hover {background:#fff;}
.not_swiper .not_info:hover h2 a {color:var(--mc1);}
.not_swiper .not_info:hover p {color:#555;}
.not_swiper .not_info:hover h3 {color:#999;} */


.notice_title_wrap {z-index: 5;width:76%;margin:0 auto;padding-top:12vh}
.notice_title_wrap>h1 {color:#fff;}
.notice_title_wrap .viewmore_btn_wrap {bottom:-65px;top:unset;}
.notice_title_wrap .viewmore_btn_wrap .back_to_list {border:1px solid #fff;}
.notice_title_wrap .viewmore_btn_wrap:hover .back_to_list {border:1px solid var(--mc1);}
.notice_title_wrap .viewmore_btn_wrap .back_to_list a {color:#fff;}
.notice_title_wrap .viewmore_btn_wrap .wave {background:var(--mc1)}
.notice_title_wrap .viewmore_btn_wrap .wave:before {background-image:url("../../../img/wave2.png");}
.notice_title_wrap>h1:after {background:#fff;}

.notice_category_wrap {position: relative;z-index: 100;width:100%;display:flex;justify-content: center;margin-top:7vh}
.notice_category_wrap a{color:#ccc;font-weight:400;display:block;margin:0 20px;z-index: 100;cursor:pointer}
.notice_category_wrap a.on{font-weight:600;color:#333;border-bottom:2px solid #333;padding-bottom:7px;}

.swiper-scrollbar-drag {background:var(--mc1) !important;}
.swiper-container-horizontal>.swiper-scrollbar {width:calc(100% - 200px) !important;left:0 !important;bottom:26px !important}

.not_title h1 {font-family:'godo';color:#333;font-weight:500;}
.not_title p {color:#777;margin:30px 0 65px 0;padding-right:100px;}

.tags2 {margin:5px 0 70px 0;}
.tags2 a {color:#d6a884;font-size:14px;margin-right:20px;word-break: keep-all;}
.tags2 a:hover {color:#ccc}




.not-swiper-button-prev, .not-swiper-button-next {cursor:pointer;z-index:100;position:absolute;color:#fff;font-size:2rem;width:35px;height:35px;border:2px solid #fff;border-radius:50%;transform:scale(0.75);opacity:0.5;}
.not-swiper-button-prev i, .not-swiper-button-next i {width:100%;text-align:center;line-height:38px;margin-top:-4px}
.not-swiper-button-prev {bottom:18vh;left:calc(50% - 140px);transform:translateX(-50%);}
.not-swiper-button-next {bottom:18vh;left:calc(50% + 140px);transform:translateX(-50%);}

/* .not-swiper-pagination {position:absolute;z-index:100;color:#999;text-align:center;bottom:-50px !important;font-size:17px;width:200px !important;left:51% !important;transform:translateX(-50%)}
.not-swiper-pagination .swiper-pagination-current {color:var(--mc1);font-weight:bold;} */

.not_bg {z-index:-1;width:100%;height:100%;position:absolute;overflow:hidden;pointer-events:none}
.not_bg .not_bg_left {position:absolute;width:603px;height:366px;background:url(../../../img/ntbg1.png)no-repeat center/contain;z-index:10;left:-100px;top:-170px}
.not_bg .not_bg_right {position:absolute;width:925px;height:720px;background:url(../../../img/ntbg2.png)no-repeat center/contain;z-index: 10;right:-600px;top:-530px;}

.not-notress-bar-wrap {width:62%;height:3px;position:absolute;bottom:0;right:38%;}
.not-swiper-notress-bar {
    position: relative;
    width: 100%;
    display: bnotk;
    z-index: 100;
    height: 3px;
    position: absolute;
    bottom:10%;right:0;
    z-index: 100;
  }
  .not-swiper-notress-bar .not-slide_notress-bar {
    position: absolute;
    height: 3px;
    background: #eee;
    width: auto;
    clear: both;
    opacity: 0;
    bottom:10%;right:0;left:0;
    
  }
  .not-swiper-notress-bar .not-slide_notress-bar:after {
    position: absolute;
    top: 0;
    left: 0;
    background: #1168ab;
    height: 100%;
    width: 0;
    content: "";
    transition: 0.1s width linear;
  }
  .not-swiper-notress-bar.active .not-slide_notress-bar {
    opacity: 1;
  }
  .not-swiper-notress-bar.animate .not-slide_notress-bar:after {
    transition: width linear;
    transition-delay: unset;
    width: 100%;
    transition-duration: 5s;
  }
  .tap1_slide {width:100%;}
  .tap2_slide {width:100%;display:none;}

  .section3 .view-more-btn {
    width:193px;height:58px;border-radius:500px;margin:10px auto 0;
    background:#fff;
  }
  .section3 .view-more-btn>a {
    width:100%;height:100%;display:block;text-align:center;line-height:58px;color:#323149;font-size:1.8rem;letter-spacing: -0.05em;font-weight:500;
  }

  @media screen and (max-width:1441px){
    .not_swiper .swiper-container {width:100%;max-width:unset;}
    
  }