/* common */
#c1_wrap {height:100vh; min-height:900px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; padding-top:70px; }
#c1_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c1_wrap .c_tit h2 { line-height: 1.1;  position: relative; display: inline-block; }
#c1_wrap .c_tit h2::before {content: ''; display: block; width: 43px; height: 25px; position: absolute; left: -37px; top:-11px; background:url("../img/tit_mark.png") 50%/contain no-repeat;}

/* font size */
#c1_wrap .fs_70 {font-size: 70px; font-weight :700; color:#000; font-family: "Montserrat", sans-serif; }
#c1_wrap .fs_35 {font-size:35px; font-weight :600; line-height: 1.4;}
#c1_wrap .fs_20 {font-size: 20px; font-weight :400; line-height: 1.7; letter-spacing: -.4px;}
#c1_wrap .fs_18 {font-size: 18px; font-weight :400; line-height: 1.83; letter-spacing: -.36px; }

/* btn */
#c1_wrap .c_btn {width: 200px; height: 50px; display: flex; align-items: center; justify-content: space-between; color: #999; font-size: 15px; padding:0 20px 0 25px;
font-weight: 500; overflow: hidden; z-index: 1; position: relative; background:#fff; border:1px solid #ddd; transition: all .3s; text-transform: uppercase; pointer-events: auto;  }
#c1_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #fef15a; transition: all .4s; left: 0; top: 0; width: 0; height: 100%;}
#c1_wrap .c_btn .arrow {transition: background-image .3s; display: block; width: 24px ;height: 8px; background:url("../img/c_btn_arrow.png") 50%/contain no-repeat;
position: relative; top:-2px; }
#c1_wrap .c_btn:hover {border-color: #fef15a; color:#000;  }
#c1_wrap .c_btn:hover .arrow {background-image:url("../img/c_btn_arrow_b.png");}
#c1_wrap .c_btn:hover::before {width:100%;}

/*Content CSS*/
#c1_wrap {  position: relative; z-index: 2; background: #fff; overflow: hidden; }
#c1_wrap .pagination_wrap {position: relative; z-index: 2; }
#c1_wrap .c_tit p {margin-top:15px; }


#c1_wrap .swiper {position: relative; width: 100%; margin-top: 85px;  overflow: visible;}
#c1_wrap .swiper-slide {transition: all .3s ease;  text-align: center; display: flex; align-items: center;justify-content: center; position: relative; overflow:hidden;}
#c1_wrap .swiper-slide-active {  z-index: 2;  }

#c1_wrap .swiper-slide > a {position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; overflow: hidden; width: 100%; height: 350px; padding: 0 45px 40px;}
#c1_wrap .swiper-slide > a > img {width: 100%; height: 100%; position: absolute; z-index: -2; left: 0; top:0; object-fit: cover; transition: transform .3s;}
#c1_wrap .swiper-slide > a:hover > img {transform: scale(1.05);}

#c1_wrap .swiper-slide .icon {position: absolute; top:40px; right: 40px; z-index: 2;  }
#c1_wrap .swiper-slide .txt {width: 100%;  text-align: left; }
#c1_wrap .swiper-slide .txt h4 {transition: all .3s; margin-bottom: 0; line-height: 1.1; color:#fff; font-weight: 700; }
#c1_wrap .swiper-slide .txt p { transition: all .3s; height: 0; overflow: hidden; white-space: nowrap; color:rgba(255,255,255,.8)}
/* hover */
@media screen and (min-width: 1025px) {
    #c1_wrap .swiper-slide a:hover .txt h4 {margin-bottom: 20px; }
    #c1_wrap .swiper-slide a:hover .txt p {height: 66px; }
    #c1_wrap .swiper-slide a:hover .txt p.row3 {height: 99px; }
    #c1_wrap .swiper-slide.swiper-slide-next {transform: translateY(-110px);}
    #c1_wrap .btn_wrap  {transform: translateY(-80px); }
}

/* btn_wrap */
#c1_wrap .btn_wrap {display: flex ; justify-content:space-between; align-items: center; pointer-events: none; width: calc(50% - 15px);
margin: 0 0 15px auto; }
/* navi_wrap */
#c1_wrap .navi_wrap {display: flex ; justify-content: flex-end;  pointer-events: auto; }
/* arrows */
#c1_wrap .swiper-button { cursor: pointer; display: block; width:50px; height: 50px; border:1px solid #ddd; background: #fff; transition: all .3s; }
#c1_wrap .swiper-button.prev { background:url('../img/prev.png') 50% no-repeat #ddd; margin-right: -1px; }
#c1_wrap .swiper-button.next { background:url('../img/next.png') 50% no-repeat #ddd;  border-left: 1px solid #999;}
#c1_wrap .swiper-button:focus {outline: none; }
#c1_wrap .swiper-button:hover {background-color: #231f20; }
#c1_wrap .swiper-button.prev:hover {background-image:url('../img/prev_hv.png'); }
#c1_wrap .swiper-button.next:hover {background-image:url('../img/next_hv.png'); }

/* dots */
#c1_wrap .swiper-pagination {position: static; display: block; width: 100%; height: 3px; background-color: #ddd; }
#c1_wrap .swiper-pagination .swiper-pagination-progressbar-fill {background: #333; }
/* #c1_wrap .swiper-pagination > span {margin-right: 15px; transition: all .3s; border: 0; font-size: 0; outline: none; background: rgba(96,96,96,.3); width: 7px; height: 7px; border-radius: 50%; opacity: 1; }
#c1_wrap .swiper-pagination > span:last-child {margin: 0; }
#c1_wrap .swiper-pagination > span.swiper-pagination-bullet-active {background: #00a0ce; width: 34px; border-radius: 3px; } */



@media screen and (max-width: 1400px) {
    /* common */
    /* #c1_wrap br:not(.space) {display: none; } */

    /* Content */
    #c1_wrap .swiper-slide .txt p {white-space: normal; }
    #c1_wrap .swiper-slide .txt p br {display: none; }
    @media screen and (min-width: 1025px) {
        #c1_wrap .swiper-slide a:hover .txt p {height: 80px !important; }
        #c1_wrap .swiper-slide a .txt p {font-size: 15px; letter-spacing: -.5px ;}
    }
}

@media screen and (max-width:1279px) {
    /* common */
    #c1_wrap {min-height: 0; height: auto; padding:90px 0;}

    /* content */


}



@media screen and (max-width: 1024px) {
    /* common */
    #c1_wrap {padding: 70px 0; text-align: center; }
    #c1_wrap .c_inner {padding: 0 30px; }
    #c1_wrap .c_tit h2::before {    width: 30px; left: -28px; top: -13px;}
    /* font size */
    #c1_wrap .fs_70 {font-size:40px; }
    #c1_wrap .fs_35 {font-size:27px; }
    #c1_wrap .fs_20 {font-size: 17px; }
    #c1_wrap .fs_18 {font-size: 16px; }

    /* Content */
    #c1_wrap .swiper {margin-top: 40px; overflow: hidden; }
    #c1_wrap .btn_wrap {width: 100%; margin: 30px 0; }
    #c1_wrap .swiper-slide > a {padding: 0 30px 30px; height: 300px; }
    #c1_wrap .swiper-slide .icon {right: 30px; top:30px; }
    #c1_wrap .swiper-slide .txt p {white-space:normal; height: auto; margin-top:15px; font-size: 15px; }

}

@media screen and (max-width: 640px) {
    /* common */
    #c1_wrap {padding: 50px 0;}
    #c1_wrap .c_inner {padding: 0 20px; }
    #c1_wrap .c_tit h3 {margin-bottom: 10px; font-size: 16px;}
    /* font size */
    #c1_wrap .fs_70 {font-size:35px; }
    #c1_wrap .fs_35 {font-size:24px; }
    #c1_wrap .fs_20 {font-size: 15px; }
    #c1_wrap .fs_18 {font-size: 13px; }

    /* c_btn */
    #c1_wrap .c_btn {width: 100%; height: 40px; padding: 0 15px; font-size: 13px; }

    /* Content */
    #c1_wrap .c_tit p {margin-top:10px; }
    #c1_wrap .swiper {margin-top:35px;}

    #c1_wrap .swiper-slide > a {padding: 0 20px 20px; height:250px; }
    #c1_wrap .swiper-slide .icon {right: 20px; top:20px; width: 40px; }
    #c1_wrap .btn_wrap {margin: 25px 0;}
    #c1_wrap .navi_wrap {flex-shrink: 0; margin-left: 20px; }
    #c1_wrap .swiper-button {flex-shrink: 0; width: 40px; height: 40px;  background-size: 9px auto !important; }
    #c1_wrap .swiper-slide .txt p {font-size: 13px; }




}