/* common */
#c4_wrap .c_inner { padding: 0 50px; margin: 0 auto; max-width: 1500px; width: 100%; }
#c4_wrap .c_title span {font-size: 22px; font-weight: 700; color:#0055a2; margin-bottom: 25px; display: block;}

/* font size */
#c4_wrap .fs_42 {font-size: 42px; font-weight:300; color: #000; line-height: 1.3; letter-spacing: -1.05px;}
#c4_wrap .fs_60 {font-size: 60px; font-weight: 700; color: #000; line-height: 1.3; }
#c4_wrap .fs_18 {font-size: 18px; font-weight: 300; color: #000; line-height: 2; }
#c4_wrap .fs_17 {font-size: 17px; font-weight: 300; color: #000; line-height: 1.76; }

/* btn */
#c4_wrap .c_btn a {display: flex;align-items: center; justify-content: center; width: 260px; height: 70px; background: #0055a2; border-radius: 35px;
font-size: 18px; font-weight: 500; color:#fff; letter-spacing: -.45px; transition: all .3s; }
#c4_wrap .c_btn a i {display: block; margin-left: 18px; position: relative; top:-2px;}
#c4_wrap .c_btn a:hover {background-color: #151c2b; }

/*Content CSS*/
#c4_wrap {padding: 100px 0 120px; background:url("../img/dot_bg.jpg") 0 repeat;}
#c4_wrap .top {display: flex; align-items:flex-end; margin-bottom: 35px; justify-content: space-between; width: 100%;}
#c4_wrap .btn_wr {display: flex; align-items: center; padding-bottom:15px;}
#c4_wrap .btn_wr .dots {margin-right: 60px; }
#c4_wrap .pc {display: block;}
#c4_wrap .mob {display: none;}
#c4_wrap .c_title .flex {display: flex; align-items: center; }
#c4_wrap .c_title .flex p {margin-left: 45px; }


/* slider */
#c4_wrap .slider {width: 100%; position: relative; width: calc(100% + 40px); left: -20px; }
#c4_wrap .slider .slick-track {min-width: 100%; }
#c4_wrap .slide_box {padding:20px 20px 0; }
#c4_wrap .slide_box a { text-align: left; outline: none; display: block; z-index: 1; width: 100%;  }
#c4_wrap .slide_box .img {  box-shadow: 0 0 20px 0 rgba(0, 85, 162, 0.15); overflow: hidden; position: relative;  width: 100%; background-color: #fff; z-index: 1;}
#c4_wrap .slide_box .img > img {position: absolute; width:100%; left:50%; top:50%; transform: translate(-50%, -50%);}
#c4_wrap .slide_box .img::before {content: ''; display: block; width: 100%; padding-bottom:141%;}
#c4_wrap .slide_box .img::after {content: 'NO IMAGE'; position: absolute; left:0;top:50%;  transform: translateY(-50%); font-size: 22px; font-weight: 600; color: #151c2b;
opacity: .5; width: 100%; text-align: center; z-index: -1;}
#c4_wrap .slide_box .img .cover {content: ''; display: flex; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
transition:  opacity .3s ease; opacity: 0; background-color: rgba(0,85,162,.85); align-items: center; justify-content: center; text-align: center;}
#c4_wrap .slide_box .img .cover p {font-size: 22px; font-weight: 600; color:#fff; margin-top: 22px;}
#c4_wrap .slide_box a:hover .img .cover {opacity: 1;}
#c4_wrap .slide_box h3 { font-size: 22px; font-weight: 600; color: #000; line-height: 1.3; margin: 30px 0 0; width: 100%; position: relative;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 19px; }
#c4_wrap .slide_box h3::before {content: ''; display: block; width: 10px; height: 15px; background:url("../img/title_arrow.png") 50%/contain no-repeat; position: absolute;
left: 0; top:7px; }


/* dots */
#c4_wrap .slick-dots {display: flex;  }
#c4_wrap .slick-dots li { margin-right: 20px; }
#c4_wrap .slick-dots li:last-child {margin-right: 0; }
#c4_wrap .slick-dots button {border:0; font-size: 0; outline: none; background: #d0d9e0; width:12px; height: 12px; transition: all .3s ease; border-radius: 50%; }
#c4_wrap .slick-dots li.slick-active button {background: #151c2b;  width: 35px; border-radius: 6px; }

/* arrow */
#c4_wrap .slick-arrow { cursor: pointer; transition: all 0.3s; font-size: 0; width:50px; height: 50px; position: absolute; transition: all .3s; border-radius: 50%;
top: 45%;  transform: translateY(-50%);}
#c4_wrap .slick-arrow.slick-prev { background:url('../img/prev_w.png') no-repeat center center #0055a2; left: -75px; }
#c4_wrap .slick-arrow.slick-next { background:url('../img/next_w.png') no-repeat center center #0055a2; right: -75px; }
#c4_wrap .slick-arrow:focus {outline: none; }
#c4_wrap .slick-arrow:hover {background-color: #151c2b; border-color: #151c2b; }



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

    /* content */
    #c4_wrap .c_title .flex {display: block; }
    #c4_wrap .c_title .flex p {margin:20px 0 0;}


}

@media screen and (max-width: 1024px) {
    /* common */
    #c4_wrap {padding: 70px 0; text-align: center;}
    #c4_wrap .c_inner {padding:0 30px;}
    #c4_wrap .c_title span {font-size: 18px; margin-bottom: 15px;}
    /* font size */
    #c4_wrap .fs_42 {font-size: 30px;  }
    #c4_wrap .fs_60 {font-size: 40px;  }
    #c4_wrap .fs_17 {font-size: 15px; }
    /* btn */
    #c4_wrap .c_btn a {margin:0 auto;    width: 240px; height: 60px; font-size: 16px;}

    /* content */
    #c4_wrap .pc {display: none;}
    #c4_wrap .mob {display: flex;}
    #c4_wrap .dots.mob {display: flex; justify-content: center; margin:50px 0 40px;}
    #c4_wrap .c_title .flex p {margin:15px 0 0;}
    #c4_wrap .top {margin-bottom: 30px; justify-content: center;}

    #c4_wrap .slide_box h3 {font-size: 18px; margin:25px 0 0;}
    #c4_wrap .slide_box h3::before {top:4px;}
    #c4_wrap .slide_box .img .cover p {font-size: 16px;}
    #c4_wrap .slide_box .img::after {font-size: 16px;}

}


@media screen and (max-width: 640px) {
    /* common */
    #c4_wrap {padding: 50px 0;}
    #c4_wrap .c_inner {padding:0 20px;}
    #c4_wrap .c_title span {font-size: 16px; margin-bottom: 10px;}
    /* font size */
    #c4_wrap .fs_42 {font-size:22px;  }
    #c4_wrap .fs_60 {font-size: 30px;  }
    #c4_wrap .fs_17 {font-size: 13px; }
    /* btn */
    #c4_wrap .c_btn a {  width: 200px; height: 50px; font-size: 14px;}
    #c4_wrap .c_btn a i {margin-left:10px; top:-1px;}
    #c4_wrap .c_btn a i img {height: 10px;}

    /* content */
    #c4_wrap .slider {width: calc(100% + 20px); left: -10px;}
    #c4_wrap .slide_box {padding: 10px 10px 0;}
    #c4_wrap .slide_box .img {box-shadow: 0 0 10px 0 rgba(0, 85, 162, 0.15);}
    #c4_wrap .top {margin-bottom: 20px; }
    #c4_wrap .arrow_btn {margin:40px 0 0;}
    #c4_wrap .dots.mob {margin: 30px 0 30px;}
    #c4_wrap .slide_box h3 {font-size: 15px; margin:20px 0 0; padding-left: 12px;}
    #c4_wrap .slide_box h3::before {top:4px; height: 12px;}
    #c4_wrap .slick-dots {flex-wrap: wrap; justify-content: center;}
    #c4_wrap .slick-dots li {margin:7px;}
    #c4_wrap .slide_box .img .cover i img {height: 50px;}
    #c4_wrap .slide_box .img .cover p {font-size: 14px; margin-top: 20px; }
    #c4_wrap .slide_box .img::after {font-size: 14px;}


}