/*Content CSS*/
#c1_wrap {position: relative; overflow: hidden; width: 100%; background-image: linear-gradient(to right, #f4f4f4 50%, #fff 50%);}
#c1_wrap::before {content: ""; position: absolute; left: 0; bottom: -106px; width: 100%; height: 100%; background: url('../img/c1_bg.png') left bottom no-repeat;}
#c1_wrap > article {padding: 130px 0;}
#c1_wrap .c_inner {width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto;}

/* font size */
#c1_wrap .fs_60 {font-size: 60px; line-height: 1; font-weight: 700;}
#c1_wrap .fs_42 {font-size: 42px; line-height: 1.43; letter-spacing: -1.05px; font-weight: 300;}
#c1_wrap .fs_37 {font-size: 37px; line-height: 1.59; letter-spacing: -.93px; font-weight: 300;}
#c1_wrap .fs_25 {font-size: 25px; color: #fff; letter-spacing: -0.63px; font-weight: 500;}
#c1_wrap .fs_22 {font-size: 22px; line-height: 1.2; color: #002446; font-weight: 700;}
#c1_wrap .fs_20 {font-size: 20px; line-height: 1.7; font-weight: 300;}
#c1_wrap .fs_16 {font-size: 16px; line-height: 1.76; letter-spacing: -.32px; font-weight: 500;}

/* flex */
#c1_wrap .flex {display: flex; position: relative;}
#c1_wrap .left {width: 50%; margin-right: -126px; flex-shrink: 0; padding-top: 89px;}
#c1_wrap .left .txt {margin-bottom: 70px;}
#c1_wrap .left .txt p:nth-of-type(1) {margin-bottom: 10px;}
#c1_wrap .left .txt h3 {margin-bottom: 31px;}
#c1_wrap .left .line_tit {position: relative; display: inline-block; margin-bottom: 17px;}
#c1_wrap .left .line_tit::before {content: ""; position: absolute; top: -20px; left: 0; width: 34px; height: 5px; background-image: linear-gradient(to right, #4876d5 50%, #002446 50%);}

/* vm_btn */
#c1_wrap .vm_btn a {overflow: hidden; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 22px; width: 200px; height: 50px; border: solid 1px #222; border-radius: 25px; position: relative; z-index: 2; transition: .3s; background-color: #f4f4f4;}
#c1_wrap .vm_btn a::before {content: ''; display: block; width: 13px; height: 13px; border-radius: 25px; background-color: #002446; position: absolute; top: 50%; transform: translateY(-50%); right: 22px; z-index: -1; transition: .6s;}
#c1_wrap .vm_btn a span {transition: .6s;}
#c1_wrap .vm_btn a:hover span {color: #fff;}
#c1_wrap .vm_btn a:hover {border-color: #002446;}
#c1_wrap .vm_btn a:hover::before {transform: scale(50);}

/* c_slider */
#c1_wrap .c_slider .slide:not(.slick-active) {transform: scale(.8);}
#c1_wrap .c_slider .slide a:hover .img img {transform: scale(1.1);}

/* c_slider */
#c1_wrap .slide_wrap {position: relative; max-width: 1080px;}
#c1_wrap .c_slider .slide {display: flex; align-items: center; justify-content: center; flex-direction: column; transition: transform .3s ease; transition-delay: .3s; margin-right: 90px;}
#c1_wrap .c_slider .slide a {position: relative; display: block; overflow: hidden; border-radius: 20px; width: 100%;}
#c1_wrap .c_slider .slide a .txt {position: absolute; inset: 0; padding: 68px 74px 85px 68px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; z-index: 2;}
#c1_wrap .c_slider .slide a .num {font-size: 60px; font-weight: 600; line-height: .75; color: rgba(255,255,255,.5); font-family: 'Google Sans Flex'; align-self: flex-start;}
#c1_wrap .c_slider .slide a .bot_txt {align-self: flex-end; text-align: right;}
#c1_wrap .c_slider .slide a .bot_txt i {display: flex; justify-content: flex-end; transition: .5s; flex-shrink: 0;}
#c1_wrap .c_slider .slide a .bot_txt h3 {margin-top: 36px; color: #fff; text-align: right; transition: .3s;}
#c1_wrap .c_slider .slide a .bot_txt h3 b {font-weight: 600;}
#c1_wrap .c_slider .slide a .img {position: relative;}
#c1_wrap .c_slider .slide a .img img {transition: .5s;}
#c1_wrap .c_slider .slide a .img::before {content: ''; display: block; width: 100%; height: 100%; opacity: 0; mix-blend-mode: multiply; background-image: linear-gradient(to top, #00061c, #fff 50%); position: absolute; top: 0; left: 0; z-index: 1; transition: opacity .4s;}
#c1_wrap .c_slider .slide.slick-active a .img::before {opacity: 1;}
#c1_wrap .c_slider .slide .bot_txt {opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity .4s ease, transform .4s ease, visibility .4s;}
#c1_wrap .c_slider .slick-active .bot_txt {opacity: 1; visibility: visible; transform: translateY(0);}

/* arrows */
#c1_wrap .arrows {position:absolute; top:50%; transform:translateY(-50%); left:-102px; width:70%; display:flex; align-items:center; justify-content:space-between;}
#c1_wrap .arrows .slick-arrow {display:block; cursor:pointer; height:60px; width:60px; font-size:0; transition:all .3s; border-radius:3px; border:solid 1px #222; background-color:#fff; background-size:auto; background-repeat:no-repeat; background-position:center;}
#c1_wrap .arrows .slick-prev {background-image:url('../img/c1_prev.png');}
#c1_wrap .arrows .slick-next {background-image:url('../img/c1_next.png');}
#c1_wrap .arrows .slick-prev:hover {border-color:#002446; background-color:#002446; background-image:url('../img/c1_prev_w.png');}
#c1_wrap .arrows .slick-next:hover {border-color:#002446; background-color:#002446; background-image:url('../img/c1_next_w.png');}

/* dots */
#c1_wrap .slick-dots {display: flex; align-items: center; justify-content: center;}
#c1_wrap .slick-dots li {overflow: hidden;}
#c1_wrap .slick-dots li button {font-size: 0; width: 6px; height: 6px; background-color: #000; border-radius: 3px; transition: width .3s; opacity: .5;}
#c1_wrap .slick-dots li {margin-right: 10px;}
#c1_wrap .slick-dots li:last-child {margin-right: 0;}
#c1_wrap .slick-dots .slick-active button {width: 25px; opacity: 1;}