/* common */
#c2_wrap .c_inner { padding: 0 20px; margin: 0 auto; max-width: 1400px; width: 100%; position: relative; }
#c2_wrap .c_tit h3 {font-size: 14px; font-weight: 600; color:#c4c4c4; text-transform: uppercase; font-family: "S-CoreDream-6Bold", serif; line-height: 1.1; margin-bottom: 15px; }

/* font size */
#c2_wrap .fs_60 {font-size: 26px; font-weight: 600; color:#000; line-height: 1.33; font-family: "S-CoreDream-6Bold", serif; }
#c2_wrap .fs_36 {font-size: 36px; font-weight: 600; color:#000; line-height: 1.33; font-family: "S-CoreDream-6Bold", serif; }
#c2_wrap .fs_24 {font-size: 18px; font-weight: 500; color:#000; line-height: 1.3; letter-spacing: -.6px; font-family: "S-CoreDream-5Medium", serif;}
#c2_wrap .fs_20 {font-size: 14px; font-weight: 300; color:#000; line-height: 1.6;  }
#c2_wrap .fs_18 {font-size: 13px; font-weight: 300; color:#333; line-height: 1.5; }
#c2_wrap .fs_16 {font-size: 13px; font-weight: 300; color:#333; line-height: 1.5; letter-spacing: -.4px;}

#c2_wrap .c_btn a {display: inline-flex; align-items: center; justify-content: space-between; text-align: left; font-size: 13px; font-weight: 600; color:#fff;
font-family: "S-CoreDream-6Bold", serif; }
#c2_wrap .c_btn a i {display: flex; align-items: center; justify-content: center; width:45px; height: 45px; background-color: rgba(255, 255, 255,.21);   border-radius: 50%;
z-index: 1; position: relative; margin-left: 12px; transition: background-color .3s;}
#c2_wrap .c_btn a i::before {content: ''; display: block; width: 30px;  height: 30px; background-color:#fff; border-radius: 50%;
position: absolute; z-index: -1; left:50%; top:50%; transform: translate(-50%, -50%);}
#c2_wrap .c_btn a i::after {content: ''; display: block; width: 6px; height: 14px; background:url("../img/c_btn_arrow_color.png") 50%/contain no-repeat;}
#c2_wrap .c_btn a:hover i {background-color: rgba(255, 255, 255,.35);}
#c2_wrap .c_btn a:hover i::after {animation: c2_ani 1s ease-in-out infinite;}

@keyframes c2_ani {
  0%,
  100% {transform: translate(0, 0);}
  50% {transform: translate(3px, 0);}
}

/*Content CSS*/
#c2_wrap {background:url("../img/c2_bg.jpg") 50%/cover no-repeat; text-align: center; padding:50px 0 100px; border-radius: 50px 0 0 0; overflow: hidden; }
#c2_wrap br {display: none;}
#c2_wrap .left {position: relative;  position: relative; z-index: 1;}
#c2_wrap .left .c_tit h3,
#c2_wrap .left .c_tit h2,
#c2_wrap .left p {color:#fff;}
#c2_wrap .left p {margin:15px 0;}
#c2_wrap .left .man {margin-top: 30px;}
#c2_wrap .left .man img {max-height: 250px; }

/* slider */
#c2_wrap .slider_wrap { overflow: hidden; padding: 0; position: relative;  width: calc(100% + 40px); left: -20px; margin-top: -20px;}
#c2_wrap .slider {width: 100%; position: relative; display: flex; flex-wrap: wrap;  align-items: flex-end; }
/* #c2_wrap .slider .slick-track {min-width: 100%; }
#c2_wrap .slide_box {margin: 0 10px; }
#c2_wrap .slide_box.slick-active {overflow: hidden; } */
#c2_wrap .slide_box {width: 100%; position: relative; padding: 20px;}
#c2_wrap .slide_box a { background: transparent; text-align: left; outline: none; display: block;  display: block; width: 100%; height: 100%;
border-radius: 20px; padding:25px; outline: none; z-index: 1; position: relative; background: rgba(255,255,255,.2);  overflow: hidden; transition: background-color .3s;
 box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.29);  backdrop-filter: blur(10px); }
#c2_wrap .slide_box h2 {font-size:15px; font-weight:600; color:#fff; font-family: "S-CoreDream-6Bold", serif; transition: color .3s ease;}
#c2_wrap .slide_box h3 {font-size:16px; color:#fff; line-height:25px; margin:10px 0; min-height:50px; font-weight: 600; font-family: "S-CoreDream-6Bold", serif;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; transition: color .3s ease;}
#c2_wrap .slide_box p {font-size:13px; font-weight: 300; color:#fff; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; min-height: 60px; letter-spacing: -.18px; transition: color .3s ease;  }
#c2_wrap .slide_box .icon {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 25px;}
#c2_wrap .slide_box .date {font-size: 13px; font-weight: 500; color:#fff; font-family: "S-CoreDream-5Medium", serif;}
#c2_wrap .slide_box .date em {margin-right: 9px; font-size: 15px; color:#fff;  display: inline; position: relative; top: 2px;transition: color .3s;}

#c2_wrap .slide_box .link em {display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background-color: rgba(255, 255, 255,.21);  border-radius: 50%; z-index: 1; position: relative; transition: background-color .3s;}
#c2_wrap .slide_box .link em::before {content: ''; display: block; width:25px;  height: 25px; background-color:#fff; border-radius: 50%; transition: background-color .3s;
position: absolute; z-index: -1; left:50%; top:50%; transform: translate(-50%, -50%);}
#c2_wrap .slide_box .link em::after {content: ''; display: block; width: 6px; height: 12px; background:url("../img/board_arrow.png") 50%/contain no-repeat;
transition: background-image .3s; }

/* hover */
#c2_wrap .slide_box a:hover {background-color: #fff; }
#c2_wrap .slide_box a:hover h2 {color: #90c31f;}
#c2_wrap .slide_box a:hover h3 {color:#000; }
#c2_wrap .slide_box a:hover p,
#c2_wrap .slide_box a:hover .date {color:#666; }
#c2_wrap .slide_box a:hover .date em {color: #90c31f; }
#c2_wrap .slide_box a:hover .link em { background-color: rgba(144, 195, 31,.21); }
#c2_wrap .slide_box a:hover .link em::before {background-color:#90c31f;}
#c2_wrap .slide_box a:hover .link em::after {background-image:url("../img/board_arrow_hv.png");}

/* dots */
#c2_wrap .slick-dots { display: flex; width: 100%; justify-content:center; margin-top: 10px;}
#c2_wrap .slick-dots li {margin-right:16px; }
#c2_wrap .slick-dots li:last-child {margin-right: 0; }
#c2_wrap .slick-dots button {transition: all .3s ease; font-size: 0; width: 12px; height:12px; background: rgba(255,255,255,.2);;   border-radius: 50%; position: relative; }
#c2_wrap .slick-dots li.slick-active button { background: #fff; width: 27px; border-radius: 7.5px;}


#c2_wrap .scroll { position:absolute; bottom:60px; z-index: 2; animation:c2_ani2 1.4s infinite ease; right: -30px;}
@keyframes c2_ani2 {
    0%{bottom:60px;}
    50%{bottom: 75px;}
    100% {bottom:60px;}
}



/* @media screen and (max-width: 1024px) {
    /* 공통
    #c2_wrap {padding: 70px 0; text-align: center;}
    #c2_wrap .c_inner {padding:0 30px;}
    #c2_wrap .c_tit h2 {padding-left: 0;  margin: 0;}
    #c2_wrap .c_tit h2::before {content: ''; display: block; width:40px; height:4px; background-image: linear-gradient(to left, #90c31f 55%, #9C3488);
    position: static; margin: 0 auto 15px;}
    /* font size
    #c2_wrap .fs_50 {font-size: 40px; }
    #c2_wrap .fs_20 {font-size: 17px; line-height: 1.65;}
    #c2_wrap .fs_17 {font-size: 14px; line-height: 1.65;}
    #c2_wrap .fs_16 {font-size: 14px; line-height: 1.65;}

    /* content
    #c2_wrap .pc {display: none;}
    #c2_wrap .mob {display: block;}
    #c2_wrap .top {flex-direction: column; align-items: center; }
    #c2_wrap .c_tit {display: block; }
    #c2_wrap .top .c_tit p {padding-top: 10px;}

    #c2_wrap .slider {margin-top: 40px; padding-bottom: 0;}
    #c2_wrap .slide_box a {min-height: 0; padding:30px; }
    #c2_wrap .slide_box .icon {margin-top: 40px;}
    #c2_wrap .slide_box .link {width: 40px; height: 40px;}

    #c2_wrap .dots {margin-top: 50px;}
    #c2_wrap .slick-dots {justify-content: center;}


}


@media screen and (max-width: 640px) {
    /* 공통
    #c2_wrap {padding: 50px 0;}
    #c2_wrap .c_inner {padding:0 20px;}
    /* font size
    #c2_wrap .fs_50 {font-size: 30px; }
    #c2_wrap .fs_20 {font-size: 15px;}
    #c2_wrap .fs_17 {font-size: 13px;}
    #c2_wrap .fs_16 {font-size: 13px;}

    /* content
    #c2_wrap .slider {margin-top:30px; width: calc(100% + 10px);  left: -5px;}
    #c2_wrap .slide_box {margin:0 5px;}
    #c2_wrap .slider .slick-arrow {bottom: -60px; height: 25px; }
    #c2_wrap .slider .slick-next {right: 0;}
    #c2_wrap .slider .slick-prev {left: 0;}

    #c2_wrap .slide_box h2 {font-size: 14px;}
    #c2_wrap .slide_box h3 {font-size: 16px;  }
    #c2_wrap .slide_box p {font-size: 13px; line-height: 22px; min-height: 66px;}
    #c2_wrap .slide_box .date {font-size: 13px; margin-top: 30px;}

    #c2_wrap .dots {margin-top: 30px;}




}

@media screen and (max-width: 480px) {
    /* 공통
    #c2_wrap .slider {width:100%;  left: -0; margin-top: 30px;}
    #c2_wrap .slide_box {margin:0;}
    #c2_wrap .dots ul li {margin: 8px;}
    #c2_wrap .dots ul li:last-child {margin: 8px;}
    #c2_wrap .slide_box .date {font-size: 13px; margin-top:20px;}

} */
