/* common */
#c1_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px; border:0 solid #ddd; border-width: 0 1px;}
#c1_wrap .c_tit p {font-size: 20px; font-weight: 700; color:#0056c1; font-family: 'Montserrat'; margin-bottom: 15px;}

/* font size */
#c1_wrap .fs_60 {font-size: 60px; font-weight: 700; color:#000; line-height: 1.2; letter-spacing: -1.2px; }
#c1_wrap .fs_24 {font-size: 24px; font-weight: 400; color:#000; line-height: 1.54; letter-spacing: -.48px; }
#c1_wrap .fs_18 {font-size: 18px; font-weight: 400; color:#333; line-height: 1.54; letter-spacing: -.36px; }


/*Content CSS*/
#c1_wrap .c_inner {padding:100px 100px 140px; max-width: 1300px;}

#c1_wrap .swiper {position: relative; }
#c1_wrap .swiper-slide {transition: all .5s ease; opacity: 1; pointer-events: none; text-align: left; display: flex; justify-content: space-between;}
#c1_wrap .swiper-slide-active { pointer-events: auto;}
#c1_wrap .swiper-slide-next {flex-direction: row-reverse;}
#c1_wrap .swiper-slide .txt {padding-top: 30px;}
#c1_wrap .swiper-slide .txt h3 {margin: 40px 0 30px; line-height: 1.54;}
#c1_wrap .swiper-slide .txt p {line-height: 1.83;}
#c1_wrap .swiper-slide .img {position: relative; display: block; }
#c1_wrap .swiper-slide .img .hv {position: absolute; left: 0; top:0; transition: all .3s; width: 100%; height: 100%; border:5px solid #0056c1; opacity: 0;}
#c1_wrap .swiper-slide .img .hv i {display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; background-color: #0056c1;
position: absolute; left: -5px; bottom: -5px ;}
#c1_wrap .swiper-slide .img .num {position: absolute; right: 40px; bottom: 20px; text-align: right;}
#c1_wrap .swiper-slide .img .num p {font-size: 20px; font-weight: 700; color:#fff; padding-right: 5px;}
#c1_wrap .swiper-slide .img .num h2 {font-size: 90px; font-weight: 800; color:#fff; font-family: 'Montserrat'; line-height: 1;}
#c1_wrap .swiper-slide .img .hv:hover {opacity: 1; transform: translate(-30px, -30px);}

/* arrow */
#c1_wrap .arrow_wr {display: flex; justify-content: space-between; align-items: center; position: absolute; left:-100px; top: 0; width: calc(100% + 200px); z-index: 3;
pointer-events: none;}
#c1_wrap .arrow_wr > div {cursor: pointer; position: relative; left: -35px; pointer-events: auto;}
#c1_wrap .arrow_wr > div.prev {top:70px;}
#c1_wrap .arrow_wr > div.next {left: auto; right: -150px;}
#c1_wrap .arrow {display: block;width: 70px; height: 70px; transition: all .3s; background:url("../img/prev.png") 50% 50% no-repeat #000; cursor: pointer; }
#c1_wrap .next .arrow {background-image:url("../img/next.png"); width: 150px; height: 450px; background-position: 105px 30px;}
#c1_wrap .arrow_wr .next_id {font-size: 22px; display: block; color:#fff; font-weight: 700; writing-mode: vertical-rl; text-orientation: mixed; position: absolute;
right: 30px; bottom: 35px;}
#c1_wrap .arrow_wr .next_index {font-size: 40px; font-weight: 700; color:#fff; font-family: 'Montserrat';  position: absolute; left: 30px; top: 27px; line-height: 1;}
#c1_wrap .arrow_wr .next_index::before {content: '0';}
/* #c1_wrap .arrow_wr .prev_id {margin-left: 20px;}
#c1_wrap .arrow_wr .next_id {margin-right: 20px;} */
#c1_wrap .arrow_wr > div:hover .arrow {background-color: #0056c1; }

/* dots */
#c1_wrap .dots {display: flex; position: absolute; left: 0; bottom: 25px; z-index: 2;}
#c1_wrap .dots > span {cursor: pointer;  display: flex; align-items: center; justify-content: center; font-size: 0; width: 30px; height:30px; border:1px solid transparent; border-radius: 50%; margin:0 15px 0 0; background-color: transparent; opacity: 1; transition: border-color .3s;}
#c1_wrap .dots > span::after {content: '';display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #ddd; transition: background-color .3s; }
#c1_wrap .dots > span:last-child {margin: 0;}
#c1_wrap .dots > span.swiper-pagination-bullet-active {border-color: #0056c1; }
#c1_wrap .dots > span.swiper-pagination-bullet-active::after {background-color: #0056c1;}



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

}