/* common */
#c1_wrap { overflow: hidden; }
#c1_wrap .c_tit { line-height: 1; font-size: 60px; font-weight: bold; font-family: 'Montserrat'; }
#c1_wrap .c_desc { position:relative; font-size: 18px; font-weight: 300;  line-height: 1.83; letter-spacing: -0.45px; color: #333; }
#c1_wrap .c_desc::before { content:""; display: block; width:50px; height:1px; background:#000; margin:35px 0; }
#c1_wrap .c_btn { display: flex; justify-content: space-between; align-items: center; width:190px; height: 48px; padding:0 20px; color:#f7f7f7; font-size: 15px; font-family: 'Montserrat'; font-weight: 500; background: #000; transition: all .3s; }
#c1_wrap .c_btn i { display: inline-block; width: 15px; height: 15px; background:url('../img/more_w.png') no-repeat center; }
#c1_wrap .c_btn:hover { background:#007ac3; }




/* c1 */
#c1_wrap { position:relative; padding:100px 0 120px; z-index: 1; }
#c1_wrap::before { content:""; position:absolute; right:calc(50% + 860px); top:0; height: 100%; width:1px; background:#ddd; }
#c1_wrap::after { content:""; position:absolute; right:0; top:0; height: 100%; width:310px; background:#f7f7f7; z-index: -1; }

#c1_wrap .flex_box { display: flex; }
#c1_wrap .txt_area { width: 530px; padding:30px 50px 0 0; position:relative; z-index: 2; }
#c1_wrap .btn_area { margin:90px 0 0; display: flex; align-items: center; }

#c1_wrap .slick-dots { display: flex; align-items: center; margin:0 30px; }
#c1_wrap .slick-dots li:not(.slick-active) { margin-top: 9px; }
#c1_wrap .slick-dots li + li { margin-left: 15px; }
#c1_wrap .slick-dots button { font-family: 'Montserrat'; font-size: 15px; color: #666; font-weight: 400; }
#c1_wrap .slick-dots button::before { content:"0"; display: inline-block; }
#c1_wrap .slick-dots .slick-active button { font-size: 32px; color: #000; font-weight: bold; }

#c1_wrap .c1_arrows { position:relative; top:5px; }
#c1_wrap .slick-arrow { font-size: 0; width:22px; height:22px; background:no-repeat center; }
#c1_wrap .slick-prev { background-image: url('../img/c1_prev.png'); }
#c1_wrap .slick-next { background-image: url('../img/c1_next.png'); }


/* c1_slide */
#c1_wrap .slide_area { position:absolute; left:calc(50% - 120px); }
#c1_wrap .slick-list { overflow: visible; }

.c1_slide { width:calc(100% + 30px); margin-left: -10px; }
.c1_slide li { margin:0 15px; opacity: 0; transition: opacity .3s; }
.c1_slide li a { display: block; }
.c1_slide .img { margin:0 0 35px; overflow: hidden; }
.c1_slide .img img { transition: all .3s; }
.c1_slide .slick-current { opacity: 1; }
.c1_slide .slick-current ~ .slick-slide { opacity: 1; }

.c1_slide .txt { position:relative; text-align: left; line-height: 1; padding-left: 26px; }
.c1_slide .txt::before { content:""; position:absolute; left:0; top:0; height: 100%; width:4px; background:#ddd; transition: .3s; }
.c1_slide .txt h3 { font-size: 30px; font-family: 'Montserrat'; font-weight: bold; }
.c1_slide .txt h3 span { display: inline-block; position:relative; }
.c1_slide .txt h3 span::after { margin-left: 18px; content:""; display: inline-block; width:24px; height: 24px; background:url('../img/c1_arrow_b.png') no-repeat center; opacity: 0; transition: opacity .3s; }
.c1_slide .txt small { margin-top: 15px; display: block; font-size: 16px; font-weight: 300; color: #666; }

.c1_slide .slick-current .txt::before { background:#007ac3; }
.c1_slide .slick-current a:hover .img img { transform: scale(1.13); }
.c1_slide .slick-current a:hover .txt h3 span::after { opacity: 1; }