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

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



/* c1 */
#c1_wrap {padding:110px 0 125px; position: relative; z-index: 6; overflow: hidden; }
#c1_wrap .flex_wrap {display: flex; position: relative;}
#c1_wrap .txt_area {flex-shrink: 0; margin-right: 85px; }
#c1_wrap .txt_area  {padding-top: 20px; position:relative; z-index: 2; }
#c1_wrap .txt_area p {margin-top: 35px; }
#c1_wrap .slide_area { width:100%; position:relative; z-index: 1; }
#c1_wrap .num { font-size:22px; font-weight: 400; color:#bdbdbd; white-space: nowrap; display: flex; align-items: center; position: absolute;
right: 0; top:-70px;}
#c1_wrap .num span {font-weight: 700; color:#000; width: 28px; display: block;}
#c1_wrap .num b {font-weight:400;}
#c1_wrap .num b::before {content: '/'; display: inline-block; margin:0 7px; }


#c1_wrap .ptn {position: absolute; z-index: -1; }
#c1_wrap .ptn.ptn1 {left: 0; bottom: -265px; }
#c1_wrap .ptn.ptn2 {left: -92px; top: -94px; }

/* slider */
.c1_slider .slick-track,
.c1_slider .slick-list { overflow: visible; }

.c1_slider { width:100%; }
.c1_slider .slick-slide { margin-right:25px; transition: opacity .3s; opacity: 0; }
.c1_slider .slick-current,
.c1_slider .slick-current ~ .slick-slide { opacity:1; }

.c1_slider .slick-slide a { display: block; position: relative; z-index: 1;}

.c1_slider .slick-slide .img {width: 100%; overflow: hidden; border-radius: 15px;}
.c1_slider .slick-slide .img img { transition:transform .3s; }
.c1_slider .slick-slide .txt { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 25px; }
.c1_slider .slick-slide .txt .name { font-weight: 600; color: #000; font-size:24px; letter-spacing: -.6px; }
.c1_slider .slick-slide .txt .plus { font-size: 12px; font-weight: 400; color: #ccc;   line-height: 1; font-family: 'NanumGothic'; }
.c1_slider .slick-slide a:hover .img img { transform: scale(1.05); }

/* c1_contr */
.c1_contr { margin-top:55px; display: flex; align-items: center;}
.c1_contr .c1_bar { width: 100%; }
.c1_contr .progress_bar { width: 100%; height: 4px; background: #e3dfe2; position:relative; border-radius: 2px; overflow: hidden; }
.c1_contr .progress_bar span { position:absolute; top:0; left:0; height:4px; background:#151c2b; transition:all .3s ease; }
#c1_wrap .arrows {flex-shrink: 0; margin-right: 57px; }

/* arrow */
#c1_wrap .slick-arrow { cursor: pointer; transition: all 0.3s; font-size: 0; width:50px; height: 50px; bottom: 0; transition: all .3s; border-radius: 50%;
border:1px solid #ddd; }
#c1_wrap .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center center #fff;  }
#c1_wrap .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center center #fff; margin-left: 13px;}
#c1_wrap .slick-arrow:focus {outline: none; }
#c1_wrap .slick-arrow:hover {background-color: #151c2b; border-color: #151c2b; }
#c1_wrap .slick-arrow.slick-prev:hover {background-image:url('../img/prev_w.png'); }
#c1_wrap .slick-arrow.slick-next:hover {background-image:url('../img/next_w.png'); }



@media screen and (max-width: 1400px) {
    /* common */

}

@media screen and (max-width: 1024px) {
    /* common */
    #c1_wrap .c_inner {padding:0 30px;}
    #c1_wrap .c_title span {font-size: 18px; margin-bottom: 15px;}
    /* font size */
    #c1_wrap .fs_42 {font-size: 30px;  }
    #c1_wrap .fs_60 {font-size: 40px;  }
    #c1_wrap .fs_17 {font-size: 15px; }

    /* c1 */
    #c1_wrap {padding: 70px 0; text-align: center;}
    #c1_wrap .ptn {display: none; }
    #c1_wrap .flex_wrap { flex-wrap: wrap;}
    #c1_wrap .txt_area { padding-top: 0; width: 100%; display: flex; align-items: center; flex-direction: column; margin:0;}
    #c1_wrap .txt_area p {margin-top: 15px;}
    #c1_wrap .slide_area { width: 100%; margin:40px 0 0; }

    #c1_wrap .num {top:auto; bottom: -70px; }

    .c1_slider { width: 100%; }
    .c1_slider .slick-track, .c1_slider .slick-list { overflow: hidden; }

    /* 2분할 */
    .c1_slider {width: calc(100% + 30px); position: relative; left: -15px; }
    .c1_slider .slick-slide { margin:0 12.5px; opacity: 1;}
    .c1_slider .slick-slide .img img {width: 100%;}
    .c1_slider .slick-slide .txt {margin-top: 20px; text-align: left; }
    .c1_slider .slick-slide .txt .name {font-size: 18px;}

    .c1_contr .c1_bar {padding-top: 20px;}

    #c1_wrap .num {font-size: 17px;}
    #c1_wrap .num span {width: 22px;}
    #c1_wrap .num b::before {margin:0 5px;}

    #c1_wrap .arrows {margin-right: 30px;}


}

@media screen and (max-width:640px) {
    /* common */
    #c1_wrap {padding: 50px 0;}
    #c1_wrap .c_inner {padding:0 20px;}
    #c1_wrap .c_title span {font-size: 16px; margin-bottom: 10px;}
    /* font size */
    #c1_wrap .fs_42 {font-size:22px;  }
    #c1_wrap .fs_60 {font-size: 30px;  }
    #c1_wrap .fs_17 {font-size: 13px; }

    /* c1 */


    #c1_wrap .txt_area p {margin-top: 10px;}
    .c1_slider {width: calc(100% + 20px); position: relative; left: -10px; }
    .c1_slider .slick-slide { margin:0 10px;}
    .c1_slider .slick-slide .txt {margin-top: 15px; flex-direction: column;}
    .c1_slider .slick-slide .txt .name {font-size:16px; align-self: flex-start;}
    .c1_slider .slick-slide .txt .plus {align-self: flex-end; margin-top: 4px; font-size: 11px;}

    .c1_contr { margin-top: 40px;}
    #c1_wrap .arrows {margin-right:20px;}
    #c1_wrap .slick-arrow {width: 40px; height: 40px;  }
    #c1_wrap .slick-arrow.slick-next {margin-left: 5px;}
    #c1_wrap .num {bottom: -55px;}
    .c1_contr .c1_bar {padding-top: 15px;}


}

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

    /* 2분할 */
    .c1_slider {width:100%; left: -0; }
    .c1_slider .slick-slide { margin:0; }

    .c1_slider .slick-slide .txt .name {font-size: 18px;}
    #c1_wrap .slide_area {margin: 30px 0 0;}

}