/* common */
#c3_wrap .c_inner { padding: 0 20px; margin: 0 auto; max-width: 1400px; width: 100%; position: relative; }
#c3_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 */
#c3_wrap .fs_60 {font-size: 26px; font-weight: 600; color:#000; line-height: 1.33; font-family: "S-CoreDream-6Bold", serif; }
#c3_wrap .fs_36 {font-size: 22px; font-weight: 600; color:#000; line-height: 1.33; font-family: "S-CoreDream-6Bold", serif; }
#c3_wrap .fs_24 {font-size: 18px; font-weight: 500; color:#000; line-height: 1.3; letter-spacing: -.6px; font-family: "S-CoreDream-5Medium", serif;}
#c3_wrap .fs_20 {font-size: 14px; font-weight: 300; color:#000; line-height: 1.8;  }
#c3_wrap .fs_18 {font-size: 13px; font-weight: 300; color:#333; line-height: 1.5; }
#c3_wrap .fs_16 {font-size: 13px; font-weight: 300; color:#333; line-height: 1.5; letter-spacing: -.4px;}

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

/*Content CSS*/
#c3_wrap { text-align: center; overflow: hidden; background-color: #fff; padding:50px 0 50px; position: relative; z-index: 2; border-radius: 0 50px 0 0;
margin-top: -50px;}
#c3_wrap .top {display: block; }
#c3_wrap .top .txt p {margin: 15px;}


/* slider */
#c3_wrap .slider {width: 100%; position: relative; width: 100%;  margin-top:30px;}
#c3_wrap .slider .slick-track {min-width: 100%; }
#c3_wrap .slide_box {; }
#c3_wrap .slide_box.slick-active {overflow: hidden; }
#c3_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: #f7f7f7;  overflow: hidden; transition: background-color .3s;}
#c3_wrap .slide_box a::before {content: ''; display: block; position: absolute; left: 0; top: 0; transition: opacity .3s; width: 100%; height: 100%; border: 3px solid #00ada9; opacity: 0; border-radius: inherit; }
#c3_wrap .slide_box h2 {font-size:15px; font-weight:600; color:#00ada9; font-family: "S-CoreDream-6Bold", serif; transition: color .3s ease;}
#c3_wrap .slide_box h3 {font-size:16px; color:#000; 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;}
#c3_wrap .slide_box p {font-size:13px; font-weight: 300; color:#666; 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;  }
#c3_wrap .slide_box .icon {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top:25px;}
#c3_wrap .slide_box .date {font-size: 13px; font-weight: 500; color:#666; font-family: "S-CoreDream-5Medium", serif;}
#c3_wrap .slide_box .date em {margin-right: 9px; font-size: 15px; color:#00ada9;  display: inline; position: relative; top: 2px;transition: color .3s;}
#c3_wrap .slide_box .link {display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: #273144;
transition: background-color .3s ease;  }
#c3_wrap .slide_box .link em {font-size: 15px; color:#fff;}
/* hover */
#c3_wrap .slide_box a:hover {background-color: #fff; }
#c3_wrap .slide_box a:hover::before {opacity: 1;}
/* #c3_wrap .slide_box a:hover .date em {color: #00ada9; }
#c3_wrap .slide_box a:hover .link {background-color: #00ada9; } */

/* dots */
#c3_wrap .slick-dots { display: flex; width: 100%; justify-content:center; margin-top: 30px;}
#c3_wrap .slick-dots li {margin-right:16px; }
#c3_wrap .slick-dots li:last-child {margin-right: 0; }
#c3_wrap .slick-dots button {transition: all .3s ease; font-size: 0; width: 12px; height:12px; background: #c9c9c9;   border-radius: 50%; position: relative; }
#c3_wrap .slick-dots li.slick-active button { background: #00ada9; width: 27px; border-radius: 7.5px;}



/* arrow */

#c3_wrap .list {display: block; margin-top:40px;}
#c3_wrap .list > li {width: 100%;}
#c3_wrap .list > li + li {margin-top: 10px;}
#c3_wrap .list a {display: flex; align-items: center; justify-content: space-between; padding: 20px 20px;   text-align: left; border-radius: 10px; overflow: hidden;
background:url("../img/c3_list_bg1.png") 50%/cover no-repeat;}
#c3_wrap .list > li:nth-child(2) a {background-image: url("../img/c3_list_bg2.png");}
#c3_wrap .list h3 {color:#fff;}
#c3_wrap .list p {margin-top: 8px; color: rgba(255, 255, 255, 0.5);}

#c3_wrap .list .icon img {transition: transform .5s; max-height: 40px; }
#c3_wrap .list a:hover .icon img {transform: rotateY(180deg);}




@media screen and (max-width: 1599px) {

}


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

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

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

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


}


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

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

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

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




}

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

} */