/*Content CSS*/
#c4_wrap .c_inner { width: 100%; max-width: 1420px; margin:0 auto; position: relative; padding:0 60px;}
#c4_wrap .c_tit h1 {font-size: 48px; color:#000; letter-spacing: -1.2px; position: relative; line-height: 1; font-family: 'NanumSquareRoundEB';}
#c4_wrap .c_tit h1::before {content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background: #f5a600; position: absolute; left: -20px; top:-20px; }
#c4_wrap .c_tit p {font-size: 17px; letter-spacing: -.5px; line-height: 33px; color:#333; word-break: keep-all;}

#c4_wrap .tab {display: none;}
#c4_wrap .tab.active {display: block;}


#c4_wrap {padding: 110px 0; background: #fff;}
#c4_wrap .top {display: flex; justify-content: space-between; align-items: center; }
#c4_wrap .btn_wr {display: flex; align-items: center; }
#c4_wrap .tab_btn {display: flex; }
#c4_wrap .tab_btn li::after {content: ''; display: inline-block; width: 1px; height: 17px; background: #ddd; margin:0 17px; position: relative; top:2px; }
#c4_wrap .tab_btn li:last-child::after {display: none; }
#c4_wrap .tab_btn li a {font-size: 18px; color:#333; transition: all .3s; font-family: 'NanumSquareRoundB'; cursor: pointer;}
#c4_wrap .tab_btn li a.active {color:#f5a600;}

#c4_wrap .c_btn {display: flex; justify-content: center; align-items: center; width: 223px; height: 60px; border-radius: 5px; background: #f5a600;
border:1px solid #f5a600; transition: all .3s; font-size: 18px; color:#fff; font-family: 'NanumSquareRoundB'; line-height: 1; margin-left: 45px; }
#c4_wrap .c_btn i {display: block; margin-left: 14px; }
#c4_wrap .c_btn:hover {background-color: #99004c; border-color: #99004c; }
#c4_wrap .mob {display: none;}

/* slider */
#c4_wrap .slider {width: 100%; position: relative; width: calc(100% + 30px); left: -15px; margin-top: 50px;}
#c4_wrap .slider .slick-track {min-width: 100%; }
#c4_wrap .slide_box {margin: 0 15px;}
#c4_wrap .slide_box.slick-active {overflow: hidden; }
#c4_wrap .slide_box a { background: transparent; text-align: left; outline: none; display: block; display: block; width: 100%; height: 100%;
outline: none; border:1px solid #ccc; z-index: 1; position: relative;  }
#c4_wrap .slide_box a::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;
transition:  opacity .3s ease; opacity: 0; border:3px solid #99004c; }
#c4_wrap .slide_box a .img {overflow: hidden;}
#c4_wrap .slide_box a .img img {transition: transform .3s;}
#c4_wrap .slide_box a .txt {padding: 30px; }
#c4_wrap .slide_box h2 {font-size:12px; color:#fff; transition: background-color .3s ease; display: inline-block; font-family: 'Pretendard';
border-radius: 13px; background: #f5a600; line-height: 1; white-space: nowrap; padding: 7px 5px; font-weight: 700; width: 65px; text-align: center;}
#c4_wrap .slide_box h1 {font-size:18px; font-weight: 600; color:#000; line-height:24px; margin:0 0 15px; font-family: 'NanumSquareRoundEB';white-space: nowrap; width: 100%;
text-overflow: ellipsis; overflow: hidden; transition: color .3s ease;}
#c4_wrap .slide_box p {font-size:14px; font-weight: 300; color:#000; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; min-height: 48px;  font-family: 'Pretendard'; }
#c4_wrap .slide_box .date {font-size: 14px; font-weight: 300; color:#9e9e9e; transition: color .3s ease; display: block; margin-top: 25px; line-height: 1;  font-family: 'Pretendard'; }
#c4_wrap .slide_box .date i {margin-right: 10px; transition: color .3s; color:#f5a600; font-size: 18px; position: relative; top:3px;}
/* hover */
#c4_wrap .slide_box a:hover::before {opacity: 1;}
#c4_wrap .slide_box a:hover h2 {background-color:#99004c; }
#c4_wrap .slide_box a:hover .date i {color:#99004c; }
#c4_wrap .slide_box a:hover .img img {transform: scale(1.05);}

/* arrow */
#c4_wrap .slider .slick-arrow {border:0; background: transparent; outline: none; top:50%; transform: translateY(-50%); font-size:0; width: 30px; height: 57px;  position:absolute;}
#c4_wrap .slider .slick-next { right:-100px; background:url('../img/next.png') no-repeat center;}
#c4_wrap .slider .slick-prev { left:-100px;  background:url('../img/prev.png') no-repeat center;}




@media screen and (max-width: 1420px) {
    /* 공통 */
    #c4_wrap .c_inner {padding: 0 50px;}

    /* content */
    #c4_wrap .slider {padding-bottom: 50px;}
    #c4_wrap .slider .slick-arrow { transform: none; top:auto ;bottom: 0; height: 30px; }
    #c4_wrap .slider .slick-next {right: 13px;}
    #c4_wrap .slider .slick-prev {left: 13px;}



}

@media screen and (max-width: 1024px) {
    /* 공통 */
    #c4_wrap { padding:60px 0; }
    #c4_wrap .c_inner { padding: 0 30px; }
    #c4_wrap .c_tit h1 {font-size:32px; display: inline-block;}
    #c4_wrap .c_tit h1::before {  width: 10px; height: 10px;  left: -15px; top:-15px; }
    #c4_wrap .c_tit p {font-size: 15px; line-height: 26px;  }


    /* content */
    #c4_wrap .pc {display: none;}
    #c4_wrap .mob {display: flex;}

    /* btn */
    #c4_wrap .top {flex-direction: column; align-items: center; }
    #c4_wrap .btn_wr {margin-top: 20px;}
    #c4_wrap .slider {margin-top: 40px; padding-bottom: 0;}
    #c4_wrap .slide_box a .txt {padding:25px; }
    #c4_wrap .slide_box h1 {margin: 0 0 10px; }
    #c4_wrap .slide_box .date {margin-top: 15px;}

    #c4_wrap .slider .slick-arrow {bottom: -80px; }
    #c4_wrap .c_btn {width: 180px; height: 50px; font-size: 15px; margin:40px auto 0;}
    #c4_wrap .c_btn i {margin-left: 10px;}
    #c4_wrap .c_btn i img {height: 10px;}



}


@media screen and (max-width: 640px) {
    /* 공통*/
    #c4_wrap {padding:50px 0;}
    #c4_wrap .c_inner { padding: 0 15px; }
    #c4_wrap .c_tit h1 {font-size:28px; display: inline-block;}
    #c4_wrap .c_tit h1::before {width: 8px; height: 8px; left: -12px; top:-12px; }
    #c4_wrap .c_tit p {font-size: 14px; line-height: 24px;  }

    /* content */
    #c4_wrap .tab_btn {align-items: center;}
    #c4_wrap .tab_btn li a {font-size: 15px;}
    #c4_wrap .tab_btn li::after {margin:0 12px; height: 15px;}

    #c4_wrap .slider {width: calc(100% + 10px);  left: -5px; margin-top: 20px;}
    #c4_wrap .slide_box {margin:0 5px;}
    #c4_wrap .slider .slick-arrow {bottom: -75px; height: 25px; }
    #c4_wrap .slider .slick-next {right: 0;}
    #c4_wrap .slider .slick-prev {left: 0;}

    #c4_wrap .slide_box h2 {font-size: 11px;}
    #c4_wrap .slide_box h1 {font-size: 16px;}
    #c4_wrap .slide_box p {font-size: 13px; line-height: 22px; min-height:44px;}
    #c4_wrap .slide_box .date {font-size: 13px;}

    #c4_wrap .c_btn {width: 150px; height: 45px; font-size: 13px; }
    #c4_wrap .c_btn i {margin-left: 8px;}
    #c4_wrap .c_btn i img {height: 9px;}


}

@media screen and (max-width: 480px) {
    /* 공통*/


    #c4_wrap .slider {width:100%;  left: -0; }
    #c4_wrap .slider .slick-arrow {bottom: -65px;  }
    #c4_wrap .slide_box {margin:0;}
    #c4_wrap .c_btn {margin:30px auto 0;}

}