/*Content CSS*/
#about2 {width: 100%; overflow: hidden; position: relative;}
#about2 > article{padding: 100px 0;}
#about2 > article:nth-of-type(1){padding-bottom: 76px;}
#about2 > article:nth-of-type(2){padding-top: 0;}
#about2 > article:last-of-type{padding-bottom: 88px;}

#about2  .sub_inner{width: 100%; max-width: 1500px; padding: 0 50px; margin: 0 auto;}

/* font-style */
#about2 .fs_60{font-size: 60px; font-weight: 800; line-height: 1.4;}
#about2 .fs_40{font-size: 40px; font-weight: 700; line-height: 1.4; color: #000;}
#about2 .fs_30{font-size: 30px; line-height: 1.6;}
#about2 .fs_25{font-size: 25px; line-height: 1.76;}
#about2 .fs_23{font-size: 23px; line-height: 1.6;}
#about2 .fs_22{font-size: 22px; line-height: 1.6;}
#about2 .fs_20{font-size: 20px; line-height: 1.7;}
#about2 .fs_19{font-size: 19px; line-height: 1.7;}
#about2 .fs_18{font-size: 18px; line-height: 2;}
#about2 .fs_17{font-size: 17px; line-height: 1.7;}
#about2 .fs_16{font-size: 16px; line-height: 2; color: #222; }

/* bar_tit */
#about2 .bar_tit{position: relative; padding-left: 17px; }
#about2 .bar_tit::before{content: ''; display: block; width: 5px; height: 70%; max-height: 34px; position: absolute; top: 11px; left: 0; background-color: #472f1c; }

/* cont */
#about2 .cont{position: relative; padding: 73px 0; z-index: 2;}
#about2 .cont::before{content: ''; display: block; width: calc(100% + 100px); height: 100%; border-radius: 30px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}

/* table_wrap */
#about2 .scroll_wrap{margin-top: 30px;}
#about2 .scroll_wrap > i{display: none; text-align: right; font-size: 25px; }
#about2 .table_wrap{}
#about2 .table_wrap::-webkit-scrollbar {width: 8px; height: 8px;}
#about2 .table_wrap::-webkit-scrollbar-track{border-radius: 10px; background-color: #eee;}
#about2 .table_wrap::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}

#about2 .table_wrap table{width: 100%; border-collapse: collapse; border-top: solid 3px #000;}
#about2 .table_wrap table thead tr th{background-color: #472f1c; color: #fff; font-weight: 500; padding: 10px; border: solid 1px #ccc; height: 84px; line-height: 1.38;}
#about2 .table_wrap table thead tr th:first-child{border-left: 0;}
#about2 .table_wrap table thead tr th:last-child{border-right: 0;}
#about2 .table_wrap table thead tr th span:not(.sm){font-size: 0.85em; position: relative; top: -1px;}
#about2 .table_wrap table thead tr th span.sm{font-size: 17px; }

#about2 .table_wrap table tbody tr td{padding: 10px 38px;; border: solid 1px #ccc; text-align: center; height: 70px; line-height: 1.28;}
#about2 .table_wrap table tbody tr td span{font-size: 17px;}
#about2 .table_wrap table tbody tr td:nth-child(1){background-color: #f7f7f7;}
#about2 .table_wrap table tbody tr td:first-child{border-left: 0; font-size: 19px; font-weight: 600;}
#about2 .table_wrap table tbody tr td:last-child{border-right: 0; text-align: left;}

/* slider */
#about2 .slide_wrap {position: relative; display: flex; align-items: stretch; }
#about2 .slide_wrap .sub_slider {width:100%; max-width:1086px; height: auto;}
#about2 .slide_wrap .sub_slider .slide {outline: none; display: flex !important; align-items:center; flex-direction: column; overflow: hidden; border-radius: 10px;}
#about2 .slide_wrap .sub_slider .slide img {margin:0 auto; width: 100%;}

#about2 .thumbnails_wrap {text-align: center; margin-left: 34px; }
#about2 .thumbnails_wrap .slick-slider{height: calc(100% - 20px);}
#about2 .thumbnails_wrap.fixed .slick-track {transform: none !important; }

#about2 .thumbnails_wrap .slick-list {position: relative; width:280px !important; max-height: 100%; overflow: hidden;}
#about2 .thumbnails_wrap .slide {position:relative; transition: all .2s ease; outline: none; cursor: pointer; overflow: hidden; text-align: center; overflow: hidden; border-radius: 10px; height: 191px;}
#about2 .thumbnails_wrap .slide ~ .slide {margin-top: 20px; }
#about2 .thumbnails_wrap .slide img {margin:0 auto; width: 100%; height: 100%; object-fit: cover;}

#about2 .thumbnails_wrap .slide::before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; opacity: 0; border-radius: 10px;}
#about2 .thumbnails_wrap .slide:after {content:""; position:absolute; left:0; width:100%; top:0; height:100%; border: 3px solid transparent; border-radius: 10px;}
#about2 .thumbnails_wrap .slide.slick-current:after { border-color:#03508a; }
#about2 .thumbnails_wrap .slide.slick-current:before {opacity: .5;}

#about2 .slide_wrap .arrows{position: absolute; right: -110px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center;}
#about2 .slide_wrap .arrows button{font-size: 0; width: 61px; height: 61px; border-radius: 50%; background-color: #fff; border: solid 1px rgba(0,0,0,.35); transition: .3s;}
#about2 .slide_wrap .arrows button + button{margin-top: 10px;}
#about2 .slide_wrap .arrows button::before{content: ''; display: block; width: 10px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: 50% / cover no-repeat; transition: .3s; opacity: 1;}
#about2 .slide_wrap .arrows button::after{content: ''; display: block; width: 10px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: 50% / cover no-repeat; transition: .3s; opacity: 0;}

#about2 .slide_wrap .arrows button.slick-prev::before{background-image: url('../img/prev.png');}
#about2 .slide_wrap .arrows button.slick-prev::after{background-image: url('../img/prev_hv.png');}
#about2 .slide_wrap .arrows button.slick-next::before{background-image: url('../img/next.png');}
#about2 .slide_wrap .arrows button.slick-next::after{background-image: url('../img/next_hv.png');}

/* sec1 */
#about2 .sec1 .text_wrap{display: flex; align-items: center; justify-content: center; padding: 20px; border-radius: 10px; background-color: rgba(71, 47, 28, .07); margin-top: 24px;}
#about2 .sec1 .text_wrap i{flex-shrink: 0; margin-right: 19px;}
#about2 .sec1 .text_wrap p{font-weight: 500; color: #222;}
#about2 .sec1 .text_wrap p b{font-weight: 800; color: #b62020;}

/* sec2 */
#about2 .sec2 .cont::before{background-color: #f7f7f7; min-width: 1700px;}

#about2 .sec2 .tab_list{display: flex;}
#about2 .sec2 .tab_list li{width: 20%;}
#about2 .sec2 .tab_list li + li{margin-left: -1px;}
#about2 .sec2 .tab_list li:first-child a{border-radius: 5px 0 0 5px;}
#about2 .sec2 .tab_list li:last-child a{border-radius: 0 5px 5px 0;}
#about2 .sec2 .tab_list li a{display: flex; align-items: center; width: 100%; height: 69px; align-items: center; justify-content: center; cursor: pointer; transition: .3s; background-color: #fff; border: solid 1px #ccc;}
#about2 .sec2 .tab_list li a.active{background-color: #03508a; border-color: #03508a; color: #fff; font-weight: 600;}
#about2 .sec2 .tab {display: none; margin-top: 45px;}
#about2 .sec2 .tab.active {display: block; }


@media screen and (min-width: 1900px) {
    #about2 .cont::before{width: calc(100% + 386px);}

}

@media screen and (min-width: 1025px) {
    #about2 .slide_wrap .arrows button:hover{background-color: #03508a; border-color: #03508a;}
    #about2 .slide_wrap .arrows button:hover::before{opacity: 0;}
    #about2 .slide_wrap .arrows button:hover::after{opacity: 1;}

}
@media screen and (max-width: 1600px) {
    #about2 > article:nth-of-type(1){padding-bottom: 60px;}
    #about2 > article:last-of-type{padding-bottom: 80px;}

    /* cont */
    #about2 .cont::before{border-radius: 0; width: calc(100vw + 15px);}

    #about2 .slide_wrap{display: block;}
    #about2 .slide_wrap .sub_slider{max-width: 100%;}
    #about2 .thumbnails_wrap{margin: 20px 0 0;}
    #about2 .thumbnails_wrap .slick-slider{height: auto; width: calc(100% + 20px);}
    #about2 .thumbnails_wrap .slick-list{width: auto !important;}
    #about2 .thumbnails_wrap .slide{height: auto;}
    #about2 .thumbnails_wrap .slide ~ .slide{margin: 0 0 0 20px; }


}

@media screen and (max-width: 1400px) {
    #about2 > article{padding: 80px 0;}
    #about2 > article:nth-of-type(1){padding-bottom: 50px;}
    #about2 > article:last-of-type{padding-bottom: 80px;}

    /* font-style */
    #about2 .fs_60{font-size: 55px;}
    #about2 .fs_40{font-size: 38px;}
    #about2 .fs_30{font-size: 28px;}
    #about2 .fs_25{font-size: 24px; line-height: 1.7;}
    #about2 .fs_23{font-size: 22px;}
    #about2 .fs_22{font-size: 21px;}
    #about2 .fs_20{font-size: 19px;}
    #about2 .fs_18{font-size: 18px;}
    #about2 .fs_18{font-size: 17px; line-height: 1.7;}
    #about2 .fs_17{font-size: 16px;}
    #about2 .fs_16{font-size: 15px; line-height: 1.7;}
    /* bar_tit */
    #about2 .bar_tit{padding-left: 15px;}
    #about2 .bar_tit::before{max-height: 31px; top: 10px;}

    /* cont */
    #about2 .cont{padding: 50px 0;}

    /* table_wrap */
    #about2 .table_wrap table thead tr th{padding: 10px; height: 70px;}
    #about2 .table_wrap table thead tr th span.sm{font-size: .8em; }

    #about2 .table_wrap table tbody tr td{padding: 10px 20px; line-height: 1.7;}
    #about2 .table_wrap table tbody tr td span{font-size: .95em;}
    #about2 .table_wrap table tbody tr td:first-child{font-size: 1.05em;}

    /* sec1 */
    #about2 .sec1 .text_wrap i{width: 22px; margin-right: 10px;}

    /* sec2 */
    #about2 .sec2 .tab {margin-top: 30px;}
    #about2 .sec2 .tab_list li a{height: 55px;}



}
@media screen and (max-width: 1280px) {
    /* font-style */
    #about2 .fs_60{font-size: 50px;}
    #about2 .fs_40{font-size: 36px;}
    #about2 .fs_30{font-size: 26px;}
    #about2 .fs_25{font-size: 23px;}
    #about2 .fs_23{font-size: 21px;}
    #about2 .fs_22{font-size: 20px;}
    #about2 .fs_20{font-size: 18px;}
    #about2 .fs_19{font-size: 17px;}
    #about2 .fs_18{font-size: 16px;}
    #about2 .fs_17{font-size: 15px;}
    #about2 .fs_16{font-size: 14px;}


}
@media screen and (max-width: 1024px) {
    #about2 > article{padding: 50px 0;}
    #about2 > article:last-of-type{padding-bottom: 50px;}
    #about2  .sub_inner{padding: 0 30px;}

    /* font-style */
    #about2 .fs_60{font-size: 45px;}
    #about2 .fs_40{font-size: 32px;}
    #about2 .fs_30{font-size: 25px;}
    #about2 .fs_25{font-size: 22px;}
    #about2 .fs_23{font-size: 20px;}
    #about2 .fs_22{font-size: 19px;}
    #about2 .fs_20{font-size: 17px;}
    #about2 .fs_19{font-size: 16px;}
    #about2 .fs_18{font-size: 15px;}

    /* bar_tit */
    #about2 .bar_tit::before{max-height: 30px; top: 8px;}

    /* table_wrap */
    #about2 .scroll_wrap {margin-top: 20px;}

    /* sec1 */
    #about2 .sec1 .text_wrap i{width: 18px;}

}
@media screen and (max-width: 786px) {
    #about2 .scroll_wrap {margin-top: 0;}
    #about2 .scroll_wrap > i{display: block;}
    #about2 .table_wrap{overflow-x: scroll; padding-bottom: 20px;}
    #about2 .table_wrap table thead tr th{height: auto;}
    #about2 .table_wrap table tbody td{min-width: 98px; height: auto;}
    #about2 .table_wrap table tbody td:last-child{min-width: 200px;}


}
@media screen and (max-width: 640px) {
    #about2  br:not(.space){display: none;}

    #about2 .fs_60{font-size: 35px;}
    #about2 .fs_25{font-size: 20px; line-height: 1.6;}

    #about2  .sub_inner{padding: 0 20px;}

    /* sec1 */
    #about2 .sec1 .text_wrap {display: block; text-align: center;}
    #about2 .sec1 .text_wrap i{display: block; margin: 0 auto 8px;}

    #about2 .sec2 .tab_list{flex-wrap: wrap; justify-content: space-between; }
    #about2 .sec2 .tab_list li{width: calc((100% - 20px) / 3); flex: initial; margin-right: 10px;}
    #about2 .sec2 .tab_list li:nth-child(3n){margin-right: 0;}
    #about2 .sec2 .tab_list li:last-child{margin-right: 0;}
    #about2 .sec2 .tab_list li:nth-child(n+4){margin-top: 10px; flex-grow: 1;}
    #about2 .sec2 .tab_list li a{height: 45px; border-radius: 5px !important;}

    #about2 .thumbnails_wrap{margin: 10px 0 0;}
    #about2 .thumbnails_wrap .slick-slider{width: calc(100% + 10px);}
    #about2 .thumbnails_wrap .slide ~ .slide{margin: 0 0 0 10px; }

}

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



}