/* 공통 */
#c2_wrap {height:100vh; min-height:900px; overflow: hidden; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
padding-top: 120px; }
#c2_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c2_wrap .c_tit h2 { line-height: 1.1;  position: relative; display: inline-block; }
#c2_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 */
#c2_wrap .fs_70 {font-size: 70px; font-weight :700; color:#000; font-family: "Montserrat", sans-serif; }
#c2_wrap .fs_50 {font-size:50px; font-weight :700; line-height: 1.14;}
#c2_wrap .fs_37 {font-size:37px; font-weight :700; line-height: 1.54; letter-spacing: -.74px;}
#c2_wrap .fs_35 {font-size:35px; font-weight :700; line-height: 1.4;}
#c2_wrap .fs_33 {font-size:33px; font-weight :600; line-height: 1.4;}
#c2_wrap .fs_22 {font-size: 22px; font-weight :400;  letter-spacing: -.44px;}
#c2_wrap .fs_20 {font-size: 20px; font-weight :400; line-height: 1.7; letter-spacing: -.4px;}
#c2_wrap .fs_18 {font-size: 18px; font-weight :400; line-height: 1.83; letter-spacing: -.36px; }

/* btn */
#c2_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;  }
#c2_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #fef15a; transition: all .4s; left: 0; top: 0; width: 0; height: 100%;}
#c2_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; }
#c2_wrap .c_btn:hover {border-color: #fef15a !important; color:#000 !important;  }
#c2_wrap .c_btn:hover .arrow {background-image:url("../img/c_btn_arrow_b.png") !important;}
#c2_wrap .c_btn:hover::before {width:100%;}
#c2_wrap .c_btn.wh {border-color: #fff; color:#fff; background: transparent; }
#c2_wrap .c_btn.wh .arrow {background-image:url("../img/c_btn_arrow_w.png");}

/*Content CSS*/
#c2_wrap {position: relative; background:#0e0d0d; z-index: 2; overflow: hidden ;}
#c2_wrap .txt {position: absolute; left: 50px; top:-10px; z-index: 3;}
#c2_wrap .txt h2,
#c2_wrap .txt p {color:#fff; }
#c2_wrap .txt p {margin: 40px 0 55px;}

#c2_wrap .slash {content: ''; display: block; height: 100%; width:100%; z-index: -1; pointer-events: none; position: absolute; right: 0; bottom: 0;
background:url("../img/c2_bg.png") 100% 100% no-repeat; background-size: auto 100%; }
#c2_wrap .bg_txt { position: absolute; pointer-events: none;z-index: -1; font-size: 120px; line-height: 1; color:#fff; font-weight: 700; font-family: "Montserrat", sans-serif;
opacity: .05; white-space: nowrap;}
#c2_wrap .bg_txt1 {left: 24px;bottom: 220px;}
#c2_wrap .bg_txt2 {left:285px;bottom: 108px;}

#c2_wrap .swiper {margin: 0 0 0 auto; width: 100%; max-width: 1077px;  transform: translateX(15%); overflow: visible;}
#c2_wrap .swiper-slide {position: relative; opacity: 0; transition: all .5s; pointer-events: none; }
#c2_wrap .swiper-slide > a {position: relative; display:block; }
#c2_wrap .swiper-slide > a > img {transition: opacity .3s; }
#c2_wrap .swiper-slide > a > img + img {opacity: 1; position: absolute; left:0; top:0;   z-index: 2;}
#c2_wrap .swiper-slide h4 {position: absolute; right: 120px; text-align: right; bottom: 50px; line-height: 1.1; color:#fff; font-weight: 700; z-index: 3;}

#c2_wrap .swiper-slide.swiper-slide-next,
#c2_wrap .swiper-slide.swiper-slide-active {pointer-events: auto; }
#c2_wrap .swiper-slide.swiper-slide-active  a > img + img,
#c2_wrap .swiper-slide.swiper-slide-prev  a > img + img {opacity: 0; }

#c2_wrap .scroll_mark {display: flex; position:relative;  z-index:3; width: 100px; height: 100px; border-radius: 50%; background: #fef15a; animation:c2_ani 1.4s infinite ease;   align-items: center; justify-content: center;  flex-direction: column; text-align: center; transition: all .3s;position: absolute; right: 100px; top:0; margin: 0; }
#c2_wrap .scroll_mark p {font-size: 16px; font-weight: 700; color:#231f20; font-family: "Montserrat", sans-serif; line-height: 1; margin-bottom:7px; }
#c2_wrap .scroll_mark::after {display: none;}
@keyframes c2_ani {
    0%{top:-45px;}
    50%{top: -30px;}
    100% {top:-45px;}
}
#c2_wrap .scroll_mark:hover {background-color: #69565b; }

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

    /* Content */
    #c2_wrap .swiper {width: 70%;transform: translateX(7%); }
    @media screen and (min-width:1025px) {
        #c2_wrap .txt p {text-shadow: -1px 0 rgba(0,0,0,.2), 0 1px rgba(0,0,0,.2), 1px 0 rgba(0,0,0,.2), 0 -1px rgba(0,0,0,.2);}
    }


}

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

    /* content */
    #c2_wrap .swiper-slide h4 {right: 100px; bottom: 30px; }


}


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


    /* Content */
    #c2_wrap .bg_txt {display: none;}

    #c2_wrap .c_btn {margin: 0 auto; }
    #c2_wrap .txt {position: static; }
    #c2_wrap .txt br {display: none; }
    #c2_wrap .txt p { font-size: 24px;  margin: 25px 0 35px;}
    #c2_wrap .scroll_mark {display: none; }
    #c2_wrap .swiper {width: 100%;transform: translateX(0); margin: 60px 0 0;}
    #c2_wrap .swiper-slide h4 {right: 80px}


}

@media screen and (max-width:640px) {
    /* common */
    #c2_wrap {padding: 50px 0;}
    #c2_wrap .c_inner {padding:0 20px;}
    #c2_wrap .c_tit h2::before {    width: 30px; left: -28px; top: -13px;}
    /* font size */
    #c2_wrap .fs_70 {font-size:35px; }
    #c2_wrap .fs_50 {font-size:28px; }
    #c2_wrap .fs_37 {font-size:24px; }
    #c2_wrap .fs_35 {font-size:24px; }
    #c2_wrap .fs_33 {font-size:23px; }
    #c2_wrap .fs_22 {font-size: 15px; }
    #c2_wrap .fs_20 {font-size: 15px; }
    #c2_wrap .fs_18 {font-size: 13px; }

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

    /* Content */
    #c2_wrap .txt p {font-size: 18px; margin: 15px 0 30px; }
    #c2_wrap .swiper {margin: 40px 0 0;}
    #c2_wrap .swiper-slide h4 {right:10%; bottom: 20px; }



}
@media screen and (max-width:480px) {
    #c2_wrap .swiper-slide h4 {right: 15%; font-size: 20px; }
}