/* common */
#c3_wrap .c_inner { width: 100%; max-width: 1500px; margin:0 auto; position: relative; padding:0 50px; margin-bottom: 140px;}
#c3_wrap .c_tit h3 {font-size: 24px; font-weight: 600; color:#316ec3; margin-bottom: 5px;}

/* font size */
#c3_wrap .fs_69 {font-size: 69px; font-weight :700; line-height: 1.3; color:#000; font-family: 'Poppins', sans-serif; text-transform: uppercase;}
#c3_wrap .fs_30 {font-size: 30px; font-weight :600; line-height: 1.33; color:#000; font-family: 'Poppins', sans-serif;}
#c3_wrap .fs_25 {font-size: 25px; font-weight :600; line-height: 1.6; color:#000;}
#c3_wrap .fs_23 {font-size: 23px; font-weight :600; line-height: 1.74; color:#000;}
#c3_wrap .fs_22 {font-size: 22px; font-weight :400; line-height: 1.82; color:#000;}
#c3_wrap .fs_20 {font-size: 20px; font-weight :300; line-height: 1.9; color:#000;}
#c3_wrap .fs_18 {font-size: 18px; font-weight :400; line-height: 2; color:#333; letter-spacing: -0.36px;}
#c3_wrap .fs_16 {font-size: 16px; font-weight :600; line-height: 1.33; color:#000;}

/* col_list */
.col2_list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.col2_list > li {width: calc(50% - 7px);}
.col2_list > li:nth-child(n+3) {margin-top:14px;}

.col3_list {display: flex; flex-wrap: wrap; }
.col3_list > li {width: calc(33.3% - 8px); margin-right: 12px ;}
.col3_list > li:nth-child(n+4) {margin-top: 60px;}
@media screen and (min-width: 1025px) {
    .col3_list > li:nth-child(3n) {margin-right: 0;}
}

.col4_list {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.col4_list > li {width: calc(25% - 15px); margin-right: 20px; }
@media screen and (min-width: 1025px) {
    .col4_list > li:nth-child(4n) {margin-right: 0;}
    .col4_list > li:nth-child(n+5) {margin-top: 20px;}
}

.dot_list > li {position: relative; padding-left: 20px; font-weight: 300; line-height: 1.65; text-align: left; }
.dot_list > li::before {content: ''; position: absolute; left: 0; top:12px; display: block; width: 4px; height: 4px; background-color: #0052a5;}
.dot_list > li:nth-child(n+2) {margin-top: 10px ;}

/* table */
.sub_table {width: 100%; overflow-x: auto; }
.sub_table table { width: 100%; border-collapse: collapse; text-align: center; border-top: 3px solid #00458b;}
.sub_table table th { padding:15px; border: 1px solid #ddd; font-size: 18px; font-weight:500;line-height: 1.1; color:#000; background-color: #f7f7f7; }
.sub_table table tr th:first-child {border-left: 0;  }
.sub_table table tr th:last-child {border-right: 0;}
.sub_table table td {padding:40px 15px; border: 1px solid #ddd;  font-size:19px; font-weight:400; line-height: 1.5; color:#333; background-color: #fff; }
.sub_table table tr td:first-child {border-left: 0; color:#000; background-color: #F9FAFD; font-weight: 500;}
.sub_table table tr td:last-child {border-right: 0;}


/*Content CSS*/
#c3_wrap {padding:110px 0 0; position: relative; z-index:1; overflow: hidden; background:url('../img/c3_bg.jpg') no-repeat center; margin-top: -100px;}

/* top_tit */
#c3_wrap .top {display: flex; align-items: flex-start; margin-bottom: 90px; margin-top: 100px; justify-content: space-between;}
#c3_wrap .top .c_tit {flex-shrink: 0; margin-right: 70px;}
#c3_wrap .top .desc {padding-top:45px;}

/* c2_slider_txt_all */
#c3_wrap .txt_cloud {color: #fff; padding: 12px 30px; background-color: #316ec3; border-radius: 40px 40px 40px 0px; width: fit-content; position: absolute; top: -30px; z-index: 3}

#c3_wrap .c3_slider_wrap {position: relative;}
#c3_wrap .c3_slider_wrap .c3_slider {width: 100%; height: 420px; background-size: cover; background-position: center; border-radius: 20px; position: relative; }

#c3_wrap .c3_slider_wrap .c3_slider.img1_1 { background-image:url('../img/c3_slider1_1.jpg');}
#c3_wrap .c3_slider_wrap .c3_slider.img1_2 { background-image:url('../img/c3_slider1_2.jpg');}

#c3_wrap .c3_slider_wrap .c3_slider.img2_1 { background-image:url('../img/c3_slider2-1.jpg');}
#c3_wrap .c3_slider_wrap .c3_slider.img2_2 { background-image:url('../img/c3_slider2-2.jpg');}
#c3_wrap .c3_slider_wrap .c3_slider.img2_3 { background-image:url('../img/c3_slider2-3.jpg');}
#c3_wrap .c3_slider_wrap .c3_slider.img2_4 { background-image:url('../img/c3_slider2-4.jpg');}

#c3_wrap .c3_slider_wrap .c3_slider.img3_1 { background-image:url('../img/c3_slider3-1.jpg');}
#c3_wrap .c3_slider_wrap .c3_slider.img3_2 { background-image:url('../img/c3_slider3-2.jpg');}

/* arrow */
#c3_wrap .nav_bar .prev,
#c3_wrap .nav_bar .next {position: absolute; top: 200px; width: 18px; height: 35px; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 5; transition: opacity 0.2s;}
#c3_wrap .nav_bar .prev {left: 35px; background-image: url('../img/prev.png');}
#c3_wrap .nav_bar .next {right: 35px; background-image: url('../img/next.png');}
#c3_wrap .nav_bar .prev:hover,
#c3_wrap .nav_bar .next:hover {opacity: 0.7;}

/* dots */
#c3_wrap .nav_bar .dots {position: absolute; top: 382px; left: 50%; transform: translateX(-50%); z-index: 5;}
#c3_wrap .nav_bar .slick-dots {display: flex; justify-content: center;}
#c3_wrap .nav_bar .slick-dots li {margin-right: 17px; width: 10px; height: 10px; border-radius: 50%; font-size: 0; cursor: pointer; border: 1px solid #f7f7f7;}
#c3_wrap .nav_bar .slick-dots li:last-child {margin-right: 0;}
#c3_wrap .nav_bar .slick-dots li.slick-active {background-color: #f7f7f7;}

#c3_wrap .pro_list .swiper-slide {border-radius: 10px; position: relative; height: auto; text-align: left;}

/* navi_wrap */
#c3_wrap .navi_wrap {display: flex ; justify-content: flex-end;  pointer-events: auto; }
/* arrows */
#c3_wrap .navi_wrap .swiper-button { cursor: pointer; display: block; width:68px; height: 68px; transition: all .3s; }
#c3_wrap .navi_wrap .swiper-button.prev { background:url("../img/big_prev.png") 50% no-repeat; margin-right: 11px;}
#c3_wrap .navi_wrap .swiper-button.next { background:url("../img/big_next.png") 50% no-repeat;}
#c3_wrap .navi_wrap .swiper-button:focus {outline: none; }
#c3_wrap .navi_wrap .swiper-button.prev:hover {background-image:url('../img/big_prev_hv.png');}
#c3_wrap .navi_wrap .swiper-button.next:hover {background-image:url('../img/big_next_hv.png'); }

#c3_wrap .swiper-slide .txt h3 {padding: 40px 0;}

.c3_table {border-radius: 15px; overflow: hidden;}
.c3_table table { width: 100%; border-collapse: collapse; text-align: center; }
.c3_table table thead th {border: 1px solid rgba(255,255,255,.2);  font-size: 20px; font-weight: 600; line-height: 2; color:#fff; background-color:#23354c;}
.c3_table table tbody td {border: 1px solid rgba(35,53,76,.2);  font-size: 18px; font-weight: 300; line-height: 2.22; color:#23354c; background-color: rgba(255,255,255,.25); border-left: none;}
.c3_table table tbody td:last-child {border-right: none;}
.c3_table table tbody tr:last-child td {border-bottom: none;}


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

}

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

    /* content */
    #c3_wrap .fs_30 {font-size: 23px;}
    #c3_wrap .fs_23 {font-size: 21px;}
    #c3_wrap .fs_25 {font-size: 21px}

    #c3_wrap {padding: 0; padding: 100px 0; padding-bottom: 100px}
    #c3_wrap .c_inner {margin-bottom: 0}

}

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


}

@media screen and (max-width: 1024px) {
    #c3_wrap {padding: 70px 0 0; text-align: center;}
    #c3_wrap .c_inner {padding:0 30px; margin-bottom: 80px;}
    #c3_wrap .c_tit h3 {font-size: 20px;  }
    /* font size */
    #c3_wrap .fs_69 {font-size:40px; }
    #c3_wrap .fs_30 {font-size: 22px;}
    #c3_wrap .fs_25 {font-size: 18px;}
    #c3_wrap .fs_23 {font-size: 18px;}
    #c3_wrap .fs_22 {font-size: 20px; }
    #c3_wrap .fs_20 {font-size: 17px; }
    #c3_wrap .fs_18 {font-size: 16px; }

    #c3_wrap {overflow: hidden;}
    #c3_wrap .top {display: block; margin-bottom: 50px; }

    /* col_list */
    .col2_list > li {width: 100%;}
    .col2_list > li:nth-child(n+2) {margin-top: 15px;}
    /* .col2_list > li:nth-child(n+2) {margin-top: -2px;} */

    /* .col3_list > li {width: calc(33.3% - 10px); margin-right:15px; }
    .col3_list > li:nth-child(3n) {margin-right: 0;} */
    .col3_list > li {width: 100%; margin-right: 0; }
    .col3_list > li:nth-child(n+2) {margin-top: 10px;}

    .col4_list > li {width: calc(50% - 10px);}
    .col4_list > li:nth-child(even) {margin-right: 0;}
    .col4_list > li:nth-child(n+3) {margin-top: 20px;}

    .dot_list > li::before {top:9px;}

    .sub_table table th {font-size: 15px; padding:12px;}
    .sub_table table td {font-size: 15px; padding: 12px;}

    /* .pro_list .swiper-slide {padding: 25px; } */
    .pro_list .tit {margin-bottom: 40px; }
    .pro_list .tit .icon img { max-height: 60px; }
    .pro_list .txt h3::after {margin: 20px 0;}
    .pro_list .arrow { right: -32px;  width: 20px;}
    .navi_wrap .swiper-button {width: 45px; height: 45px;}
    .navi_wrap .swiper-button.prev { background-size: 18px auto;}
    .navi_wrap .swiper-button.next { background-size: 18px auto;}

    #c3_wrap .c_tit h3 {font-size: 20px;}

    .c3_table {  width: 100%; overflow-x: auto;}
    .c3_table table thead th {font-size: 15px; padding:12px;}
    .c3_table table tbody td {font-size: 14px; padding: 10px;}

    #c3_wrap .c3_slider_wrap .c3_slider {height: 300px;}
    #c3_wrap .nav_bar .dots {top: 260px}
    #c3_wrap .nav_bar .prev, #c3_wrap .nav_bar .next {top: 135px;}
    #c3_wrap .top .desc {padding: 0}
    #c3_wrap .top {margin-bottom: 10px;}
    #c3_wrap .top .c_tit {margin-right: 0}

    #c3_wrap .swiper-slide .txt h3 {text-align: center; padding: 0; padding-top: 40px; padding-bottom: 30px}

    #c3_wrap .txt_cloud {padding: 10px 25px;}

    #c3_wrap .nav_bar .prev {left: 25px}
    #c3_wrap .nav_bar .next {right: 25px}

    #c3_wrap .navi_wrap .swiper-button {width:40px; height: 30px; margin-top: 20px}
    #c3_wrap .navi_wrap .swiper-button.prev { margin-right: 20px; background-size: contain;}
    #c3_wrap .navi_wrap .swiper-button.next {background-size: contain;}

    .c3_table table tbody td,
    .c3_table table thead th {line-height: 1.5}

}



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

    /* common */
    #c3_wrap {padding: 50px 0 0;}
    #c3_wrap .c_inner {padding:0 20px; margin-bottom: 60px;}
    #c3_wrap .c_tit h3 {margin-bottom: 10px; font-size: 16px;}
    /* font size */
    #c3_wrap .fs_69 {font-size:30px; }
    #c3_wrap .fs_22 {font-size:18px; }
    #c3_wrap .fs_20 {font-size: 16px; }
    #c3_wrap .fs_18 {font-size: 16px; }

   .col4_list > li {width: 100%;}
   .col4_list > li:nth-child(n+2) {margin-top: 10px;}

    .dot_list > li {padding-left: 13px;}
    .dot_list > li::before {top:8px;}

    .c3_table table th {font-size: 14px; padding:10px 7px;}
    .c3_table table td {font-size: 13px; padding: 7px;}

    /* content */
    .pro_list  {overflow: hidden; }
    .pro_list .arrow {display: none;}

    /* .c3_table table {min-width: 480px; overflow-x: scroll;} */


    #c3_wrap .pro_list .swiper-slide{padding-top: 20px;}
    #c3_wrap .txt_cloud {top: 0px;}

    #c3_wrap .nav_bar .dots {top: 285px}
    #c3_wrap .nav_bar .prev, #c3_wrap .nav_bar .next {top: 150px}
    #c3_wrap .nav_bar .prev {left: 20px}
    #c3_wrap .nav_bar .next {right: 20px}




}