.main { margin-top: 30px; }

.sc_top_main .inner { display: flex; justify-content: space-between; }

.sc_top_main .col_01 { width: 280px; }
.sc_top_main .col_01 li + li { margin-top: 40px; }
.sc_top_main .col_01 li .thumb { width: 280px; height: 200px; }
.sc_top_main .col_01 li .tit { font-size: 19px; line-height: 26px; margin-top: 9px; font-weight: 900; }

.sc_top_main .col_02 { width: 590px; }
.sc_top_main .col_02 .topnews_swiper { padding-bottom: 34px; }
.sc_top_main .col_02 .topnews_swiper article .thumb { width: 590px; height: 400px; }
.sc_top_main .col_02 .topnews_swiper article .tit { font-size: 33px; line-height: 41px; font-weight: 900; margin-top: 12px; letter-spacing: 0px; padding-bottom: 5px; }
.sc_top_main .col_02 .topnews_swiper article .desc { font-family: "Barlow"; font-size: 14px; color: #333; line-height: 21px; margin-top: 3px; }
.sc_top_main .col_02 .topnews_swiper .swiper-pagination { bottom: 4px; }
.sc_top_main .col_02 .topnews_swiper .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; background-color: #dadada; opacity: 1; }
.sc_top_main .col_02 .topnews_swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #38b7c8; }

.sc_top_main .col_03 { width: 320px; }
.sc_top_main .col_03 .acc_swiper { width: 320px; height: 346px; overflow: visible; }
.sc_top_main .col_03 .acc_swiper .swiper-slide { opacity: 0.4!important; }
.sc_top_main .col_03 .acc_swiper .swiper-slide a img { width: 300px; height: 320px; }
.sc_top_main .col_03 .acc_swiper .swiper-slide-active { opacity: 1!important; }
.sc_top_main .col_03 .acc_swiper .swiper-button-prev { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; top: 45%; left: -15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.sc_top_main .col_03 .acc_swiper .swiper-button-next { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; top: 45%; right: 0; 
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.sc_top_main .col_03 .acc_swiper .swiper-button-prev:after { content: ""; clear: both; width: 10px; height: 16px; background: url(../img/acc_btn_prev.png) no-repeat; }
.sc_top_main .col_03 .acc_swiper .swiper-button-next:after { content: ""; clear: both; width: 10px; height: 16px; background: url(../img/acc_btn_next.png) no-repeat; }
.sc_top_main .col_03 .ajplay { margin-top: 40px; }
.sc_top_main .col_03 .ajplay .h_title { height: 25px; display: flex; justify-content: space-between; /*align-items: flex-end; align-items: baseline; */}
.sc_top_main .col_03 .ajplay .h_title h3 {  font-family: "Barlow";  font-size: 21px; }
.sc_top_main .col_03 .ajplay .h_title .link_youtube { width: 141px; height: 23px; background: url(../img/link_youtube.png) no-repeat; margin-top: 5px; }
.sc_top_main .col_03 .ajplay .video_box { position: relative; width: 100%; padding-bottom: 56.41%; overflow: hidden; margin-top: 10px; border-radius: 10px; }
.sc_top_main .col_03 .ajplay .video_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*.sc_top_main .col_03 .ajplay .video_box { position: relative; width: 320px; height: 180px; margin-top: 13px; border-radius: 10px; overflow: hidden; }
.sc_top_main .col_03 .ajplay .video_box iframe { width: 100%; height: 100%; }*/

.sc_main_news { margin-top: 40px; }
.sc_main_news .inner { padding-top: 30px; border-top: 1px solid #e0e0e0; }
.sc_main_news ul { width: 100%; display: flex; justify-content: space-between; }
.sc_main_news ul li { width: 280px; }
.sc_main_news ul li .thumb { width: 280px; height: 200px; }
.sc_main_news ul li .tit { font-size: 19px; line-height: 26px; font-weight: 800; margin-top: 9px; }

.sc_banner .inner { border-top: 1px solid #e0e0e0; padding-top: 30px; margin-top: 30px; }
.sc_banner ul { width: 100%; display: flex; justify-content: center; }
.sc_banner ul li { width: auto; height: 80px; }
.sc_banner ul li + li { margin-left: 30px; }

.sc_visuals { background-color: #111; margin-top: 50px; }
.sc_visuals .inner { padding: 30px 0 60px; }
.sc_visuals .inner h3 { height: 40px; }
.sc_visuals .inner h3 a { display: flex; align-items: baseline; font-size: 30px; color: #fff; line-height: 40px; }
.sc_visuals .inner h3 a::after { content: ''; display: block; width: 12px; height: 19px; background: url(../img/btn_more.png) no-repeat; background-size: 100%; margin-left: 10px; }
.sc_visuals .card_w { display: flex; justify-content: space-between; width: 100%; margin-top: 22px; }
.sc_visuals .card_left { position: relative; width: 610px; height: 410px; }
.sc_visuals .card_left .thumb { width: 610px; height: 410px; border-radius: 20px; }
.sc_visuals .card_left .thumb::after { content: ""; clear: both; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 50%; right: 0; bottom: 0; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); border: 0; opacity: unset; }
.sc_visuals .card_left .tit { position: absolute; left: 0; bottom: 26px; font-size: 19px; line-height: 26px; color: #fff; padding: 0 30px; }

.sc_visuals .card_right { display: flex; flex-wrap: wrap; justify-content: space-between; width: 620px; }
.sc_visuals .card_right li { position: relative; width: 300px; height: 195px; margin-bottom: 20px; }
.sc_visuals .card_right .thumb { width: 300px; height: 195px; border-radius: 20px; }
.sc_visuals .card_right .thumb::after { content: ""; clear: both; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 50%; right: 0; bottom: 0; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); border: 0; opacity: unset; }
.sc_visuals .card_right .tit { position: absolute; left: 0; bottom: 15px; font-size: 17px; line-height: 23px; color: #fff; padding: 0 15px; box-sizing: border-box; }

.sc_sector { margin-top:80px; }
.sc_sector .inner { display: flex; justify-content: space-between; }
.sc_sector .s_col { width: 280px; border-top: 1px solid #111; }
.sc_sector .s_col h3 { height: 49px; }
.sc_sector .s_col h3 a { display: flex; align-items: baseline; font-size: 21px; line-height: 44px; }
.sc_sector .s_col h3 a::after { content: ''; display: block; width: 8px; height: 13px; background: url(../img/btn_more_2.png) no-repeat; background-size: 100%; margin-left: 10px; }
.sc_sector .s_col li:nth-child(1) { padding-bottom: 12px; }
.sc_sector .s_col li:nth-child(1) .thumb { width: 280px; height: 190px; }
.sc_sector .s_col li:nth-child(1) .tit { font-size: 17px; line-height: 23px; height: 46px; font-weight: 900; margin-top: 9px; -webkit-line-clamp: 2; }
.sc_sector .s_col li + li { border-top: 1px solid #e7e7e7; padding: 11px 0 14px; }
.sc_sector .s_col li + li a { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #111; font-size: 16px; line-height: 23px; height: 46px; font-weight: 800; }

.sc_enter { margin-top: 65px; position: relative; }
.sc_enter::before { content: ""; clear: both; display: block; width: 100%; height: 290px; position: absolute; left: 0; bottom: 0; background-color: #36b0c0; }
.sc_enter .inner { border-top: 1px solid #111; }
.sc_enter h3 { height: 62px; }
.sc_enter h3 a { display: flex; align-items: baseline; font-size: 30px; line-height: 60px; }
.sc_enter h3 a::after { content: ''; display: block; width: 10px; height: 16px; background: url(../img/btn_more_3.png) no-repeat; background-size: 100%; margin-left: 10px; }
.sc_enter .enter_swiper { padding-bottom: 85px; }
.sc_enter .enter_swiper li { position: relative; width: 390px; height: 260px; }
.sc_enter .enter_swiper li .thumb { width: 390px; height: 260px; border-radius: 20px; }
.sc_enter .enter_swiper li .thumb::after { content: ""; clear: both; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 50%; right: 0; bottom: 0; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); border: 0; opacity: unset; }
.sc_enter .enter_swiper li .tit { position: absolute; left: 0; bottom: 26px; width: 390px; font-size: 17px; line-height: 23px; color: #fff; padding: 0 20px; box-sizing: border-box; }
.sc_enter .enter_swiper .swiper-scrollbar { width: 900px; height:2px; bottom: 43px; background-color: #fff; opacity: 1; margin-left: calc(50% - 450px); }
.sc_enter .enter_swiper .swiper-scrollbar .swiper-scrollbar-drag { height:6px; background-color: #026370; opacity: 1; margin-top: -2px; }