/* 공통 */
#c1_wrap .c_inner { width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c1_wrap .c_tit h1 {font-size: 60px; font-weight: 700; color:#000; line-height: 1;}
#c1_wrap .c_p {font-size: 18px; line-height: 30px; font-weight:300; color:#000;  word-break: keep-all; }
/* btn */
#c1_wrap .c_btn {width: 180px; height: 45px; display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 14px; padding:0 24px;
font-weight: 300; overflow: hidden; z-index: 1; position: relative; background: #9c2024; }
#c1_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #000; transition: all .4s; left: 0; top: 0; width: 0; height: 100%;}


/*Content CSS*/
#c1_wrap {overflow: hidden; position: relative; }
#c1_wrap .c_inner {display: flex; align-items: flex-end;  padding:90px 50px 140px;}
#c1_wrap .cont {width: 430px; position: relative; z-index: 2;}
#c1_wrap .c_btn {margin:110px 0 0;}

#c1_wrap .slide a {display: block; }
#c1_wrap .slide .txt {border-bottom: 3px solid #ddd; padding:40px 20px 45px; transition:  border-color .3s ease; }
#c1_wrap .slide h3 {position: relative; font-size: 27px; font-weight: 700; color:#000; line-height: 1;}
#c1_wrap .slide h3::after {content:  ''; position: absolute; right: 0; top:0; display: block; width: 23px; height: 14px;
background:url("../img/c1_arrow.png") 50% 50% no-repeat; transition: background-image .3s ease; }
#c1_wrap .slide p {font-size: 18px; font-weight: 300; color:#000; margin:20px 0 0; line-height: 28px; }
#c1_wrap .slide i img {width: 100%; }

/* slider */
#c1_wrap .swiper {width: calc(100% - 430px); position: relative; z-index: 1; min-height:500px; }

#c1_wrap .swiper .swiper-slide {transition: all .3s ease; opacity: 0; pointer-events: none; transform-origin: top right;}
#c1_wrap .swiper .swiper-slide-active,
#c1_wrap .swiper .swiper-slide-next,
#c1_wrap .swiper .swiper-slide-next + .swiper-slide {opacity: 1; pointer-events: auto;}

@media screen and (min-width: 1401px) {
    #c1_wrap .swiper .swiper-slide {transform: scale(.9);}
    #c1_wrap .swiper .swiper-slide-active {transform: scale(1.05);}
}



/* arrow */
#c1_wrap .arrows {display: inline-flex; align-items: center; margin:50px 0 25px; position: relative;  }
#c1_wrap .arrows > span {cursor: pointer; font-size: 13px; font-weight: 300; color:#999; transition: all .2s ease; display: block;
text-transform: uppercase; }
#c1_wrap .arrows > span:hover {color:#000; font-weight: 500;}
#c1_wrap .arrows .prev {margin-right: 40px;}
#c1_wrap .arrows::after {content: ''; width: 1px; height: 12px; background: #ddd; display: inline-block; position: absolute; top:2px;
left: 50px;}

/* dots */
#c1_wrap .dots {position: absolute; left: 80px; top:210px; z-index: 2;}
#c1_wrap .dots > span {cursor: pointer; display: block; width: 9px; height: 9px; background: #ddd; opacity: 1; margin:0 0 28px; transition: background-color .3s ease;}
#c1_wrap .dots > span:last-child {margin: 0;}
#c1_wrap .dots > span.swiper-pagination-bullet-active {background-color: #9c2024; }




@media screen and (min-width: 1025px) {
    /* hover */
    #c1_wrap .c_btn:hover {border-color: #0053a5; color:#fff; }
    #c1_wrap .c_btn:hover::before {width:100%;}

    #c1_wrap .slide a:hover h3::after {background-image:url("../img/c1_arrow_hv.png");}
    #c1_wrap .slide a:hover .txt {border-color: #9c2024; }

}

@media screen and (max-width: 1740px) {
    #c1_wrap .dots {display: none;}

}

@media screen and (max-width: 1400px) {
    /* 공통 */
    #c1_wrap .c_inner {width: 100%; }

    /* content */
    #c1_wrap .cont {width: 360px;}

    #c1_wrap .swiper {min-height: auto; width: calc(100% - 360px); }
    #c1_wrap .swiper .swiper-slide {transform:scale(.9);}
    #c1_wrap .swiper .swiper-slide-active {transform:scale(1);}
    #c1_wrap .slide .txt {padding: 30px 20px 35px;}
    #c1_wrap .slide i img {width: 100%;}
    #c1_wrap .slide h3 {font-size: 24px; }
    #c1_wrap .slide p {font-size: 16px; line-height: 26px; word-break: keep-all;}




}

@media screen and (max-width: 1024px) {
    /* 공통 */
    #c1_wrap {padding:90px 0; }
    #c1_wrap .c_inner { padding: 0 30px; }
    #c1_wrap .c_tit h1 {font-size: 35px;}
    #c1_wrap .c_p {font-size: 15px; line-height: 26px; }


    /* content */
    #c1_wrap .c_inner {flex-direction: column; align-items: center; text-align: center;}
    #c1_wrap .cont {width: 100%;}
    #c1_wrap .cont .c_btn {display: none;}
    #c1_wrap .arrows {justify-content: center; text-align: left;  margin: 30px 0 15px;}

    #c1_wrap .swiper {min-height: auto; width: 100%; margin-top: 50px; overflow: hidden;}
    #c1_wrap .swiper .swiper-slide {transform:scale(1); text-align: left; }
    #c1_wrap .slide .txt {padding: 30px 15px 35px;}
    #c1_wrap .slide h3 {font-size: 20px; }
    #c1_wrap .slide p {font-size: 15px; }

    /* hover */
    #c1_wrap .slide a:active h3::after {background-image:url("../img/c1_arrow_hv.png");}
    #c1_wrap .slide a:active .txt {border-color: #9c2024; }




}

@media screen and (max-width: 640px) {
    /* 공통*/
    #c1_wrap {padding:60px 0;}
    #c1_wrap .c_inner { padding: 0 15px; }
    #c1_wrap .c_tit h1 {font-size: 30px;}
    #c1_wrap .c_p {font-size: 14px; line-height: 24px; }

    /* content */
    #c1_wrap .arrows {margin:25px 0 15px;}
    #c1_wrap .swiper {margin-top: 40px;}
    #c1_wrap .slide h3 {font-size: 16px; }
    #c1_wrap .slide p {font-size: 13px; line-height: 20px; margin-top: 10px;}
    #c1_wrap .slide .txt {padding: 20px 10px 25px;}


}

@media screen and (max-width: 480px) {
    /* 공통*/
    #c1_wrap .slide h3 {font-size: 15px; }
    #c1_wrap .slide h3::after {background-size: contain; height: 10px;}
    #c1_wrap .slide p {font-size: 12px; line-height: 18px; word-break: keep-all;}
    #c1_wrap .slide .txt {padding: 15px 5px;}


}