/*Content CSS*/
#industry2{overflow: hidden; position: relative;}
section > article{padding: 140px 0; background-color: #000322;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_50{font-size: 50px; font-weight: 700; color: #fff; font-family: 'NanumSquare';}
.fs_20{font-size: 20px; color: #cbe1ff; font-family: 'Pretendard';}
.fs_17{font-size: 17px; font-weight: 300; color: #fff; letter-spacing: -.03px; line-height: 32px; }

.text{margin-right: 80px; width: calc(50% - 190px);}
.text h2{margin: 20px 0 15px;}

.flex_wrap{display: flex; align-items: center; justify-content: space-between;}
.ind_slide{width: calc(50% + 110px); position: relative; left: -5px;}
.ind_slide .slick-slide{margin: 0 5px; border-radius: 10px; overflow: hidden;}
.ind_slide .slick-slide img{width: 100%;}
.bar_wrap{width: 195px; height: 2px; background-color: #25304c;}
.redbar { width:1px; height:2px; opacity: 1; transition-property: width; transition-duration: 3000ms;
transition-timing-function: ease; }
.redbar.redbar_active { width:100%; height:2px; opacity: 1; background: #fff; transition-property: width; transition-duration: 3000ms; transition-timing-function: ease; }
.redbar.redbar_remove {width:0px; height:2px; opacity: 1; background: #fff; transition-property: width; transition-duration: .1s; transition-timing-function: ease;}

.slide_flex{display: flex; align-items: center; margin-top: 170px;}
.ind_arrow{display: flex; margin-right: 42px;}
.ind_arrow button{font-size: 0; width: 16px; height: 32px; background: 50% / cover no-repeat;}
.ind_arrow button.slick-prev{background-image: url('../img/sub_prev3.png');}
.ind_arrow button.slick-next{background-image: url('../img/sub_next3.png');}
.ind_arrow button + button{margin-left: 70px;}

.dot_list{border-top: solid 1px rgba(211,211,211,.2); margin-top: 65px;}
.dot_list li{position: relative; padding: 14px 33px; border-bottom: solid 1px rgba(211,211,211,.2);; min-height: 100px; display: flex; align-items: center;}
.dot_list li::before{content: ''; display: block; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.ind_dot{display: none;}
.ind_dot .slick-dots{display: flex; justify-content: center; align-items: center;}
.ind_dot .slick-dots li{margin-right: 23px;}
.ind_dot .slick-dots li:last-child{margin-right: 0}
.ind_dot .slick-dots li button{font-size: 0; width: 9px; height: 9px; opacity: .3; background-color: #fff; border-radius: 50%; transition: .3s;}
.ind_dot .slick-dots li.slick-active button{width: 26px; height: 8px; border-radius: 15px; opacity: 1;}


.sub_spot{position: absolute; left: 48%; transform: translateX(-50%); top: 29px;}
@media screen and (min-width: 1025px) {

}
@media screen and (max-width: 1400px) {
    .text{margin-right: 60px; width: calc(50% - 170px);}
    .text br{display: none;}
    .text h2{margin: 18px 0 14px;}
    .slide_flex{margin-top: 110px;}
}
@media screen and (max-width: 1280px) {
    .fs_50{font-size: 45px;}
    .fs_20{font-size: 18px;}
    .fs_17{font-size: 15px; line-height: 1.7;}

    .text{margin-right: 30px; width: calc(50% - 30px);}
    .text br{display: none;}
    .text h2{margin: 15px 0 12px;}
    .slide_flex{margin-top: 90px;}
    .ind_slide{width: calc(50% + 10px);}
    .dot_list{margin-top: 50px;}
    .dot_list li{min-height: 0;}
    .dot_list li br{display: none;}
}
@media screen and (max-width: 1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    .flex_wrap{display: block;}
    .text{text-align: center; width: 100%; margin-right: 0; margin-bottom: 30px;}
    .text h2{margin: 12px 0 10px;}
    .fs_50{font-size: 30px;}
    .fs_20{font-size: 17px;}
    .fs_17{font-size: 14px;}
    .ind_slide{width: calc(100% + 10px);}
    .slide_flex{display: none;}

    .dot_list{margin-top: 30px;}
    .dot_list li{padding: 10px;}

    .dot_list li::before{top: 19px; transform: initial; width: 4px; height: 4px; }
    .ind_dot{display: block; margin-top: 15px;}
    .sub_spot{display: none;}


}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 640px) {
    .sub_inner{padding: 0 20px;}
    .fs_50{font-size: 25px;}
    .fs_20{font-size: 16px;}
    .fs_17{font-size: 13px;}


}