/* 
.visual .swiper { position: relative; height: 940px; } 
.visual .swiper .brand-text { position: absolute; text-align: center; z-index: 99; top: 40%; width: 100%; } */

.visual { position: relative; overflow: hidden; height: 940px; display: flex; align-items: end; } 
/*.visual::after { content: url("/assets/img/visual-bottom.svg"); width: 100%; position: absolute; bottom: -5px; left: 0; z-index: 2; } */
.visual .txt { position: absolute; left: 50%; bottom:40%; width: 100%; max-width: 1400px; text-align: left; z-index: 3; transform: translate(-50%, -80%); } 
.visual .txt h3 { font-size: 60px; font-weight: 500; color: #fff; letter-spacing: -2px; line-height: 1; text-align: center;  } 
.visual .txt h3 br {display: none;} 
.visual .txt p { margin: 40px 0 0; font-size: 30px; font-weight: 500; color: #fff; text-align: center; } 
.visual .txt p br {display: none;} 
.visual .control-box { position: absolute; left: 50%; top: 60%; width: 100%; max-width: 1400px; text-align: left; z-index: 3; transform: translate(-50%, -80%); display: flex; justify-content: center; } 
.visual .control-box .control { width: 240px; display: flex; align-items: center; justify-content: space-between; } 
.visual .control-box .control .progress-bar { width: 100%; height: 2px; background-color: rgba(255, 255, 255, 50%); } 
.visual .control-box .control .progress-inner { display: block; min-width: 100%; height: 100%; background-color: #fff; transform: scaleX(0); transform-origin: 0%; animation-play-state: paused; } 
.visual .control-box .control .progress-inner.active { animation-name: progress; animation-fill-mode: both; } 
@keyframes progress { 100% { transform: scaleX(1); } 
 } 
.visual .control-box .control .image-play { color: #fff; font-size: 22px; cursor: pointer; border:1px solid rgba(255,255,255,0.75); margin-left: 30px; line-height: 1;} 

.mouse-box { position: absolute; bottom: 50px; left: 50%; width: 50px; transform: translateX(-50%); height: 50px; z-index: 9; } 
.mouse-box .mouse { margin: 0 auto; height: 44px; width: 30px; border-radius: 5px; -webkit-transform: none; transform: none; border: 2px solid #fff; } 
.mouse-box .mouse .wheel { height: 8px; width: 2px; display: block; margin: 8px auto; background-color: #fff; -webkit-animation: mouse-wheel 0.8s linear infinite; animation: mouse-wheel 0.8s linear infinite; position: relative; } 
@keyframes mouse-wheel { 
 0% { top: 1px; } 
25% { top: 2px; } 
50% { top: 3px; } 
75% { top: 2px; } 
100% { top: 1px; } 
 } 

.visual-swiper { height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.visual-swiper .swiper-slide { height: 100%; }
.visual-swiper .swiper-slide img { height: 100%; width: auto; max-width: none; max-height: 100%; display: block; margin: auto; object-fit: cover; z-index: 2; }


@media (max-width: 1230px) { 
.visual { height: 90vh; position: relative; min-height: 400px; }
.visual .txt { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); margin-top: 0; width: 90%; padding: 0 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 99; color: #fff; text-align: center; }	
.visual .txt h3 { font-size: 2rem; font-weight: 700; margin-bottom: 10px; line-height: 1.3;}
.visual .txt h3 br {display: block;} 
.visual .txt p { font-size: 1rem; line-height: 1.5; display: block; }
.visual .txt p br {display: block;} 	
.swiper-slide img { width: 100vw; height: 100%; max-height: 90vh; object-fit: cover; display: block; margin: 0 auto; transform: none; }
.visual .control-box { position: absolute; left: 50%; top: 85%; width: 100%; max-width: 1400px; text-align: left; z-index: 3; transform: translate(-50%, -80%); display: flex; justify-content: center; align-items: center; }
.visual .control-box .control { width: 200px; }
.visual .control-box .control .image-play { font-size: 1.1rem; padding: 15px; background: rgba(0,0,0,0.3); border-radius: 50%; color: #fff; border: none; transition: background 0.2s; cursor: pointer; }
.visual .control-box .control .image-play:hover { background: rgba(0,0,0,0.6); }
.mouse-box { position: absolute; left: 50%; bottom: 2vh; transform: translateX(-50%); display: flex; align-items: center; z-index: 2; }
.mouse-box .mouse { height: 36px; width: 26px; border: 2px solid #fff; border-radius: 8px; position: relative; background: rgba(0,0,0,0.2); }
.mouse-box .mouse .wheel { height: 5px; width: 2px; display: block; margin: 3px auto; background: #fff; border-radius: 1px; }

 } 

/* side-quick */
.side-quick { position: fixed; left: auto; right: 0; top: 100px; height: 840px; z-index: 99; background-color: rgba(47, 67, 83, 0.7); transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }
.side-quick ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.side-quick ul li { text-align: center; padding: 0; width: 150px; position: relative; overflow: hidden; }
.side-quick ul li:first-child { background: #ff4a1d; }
.side-quick ul li:nth-child(2) { background: #f96132; }
.side-quick ul li:nth-child(3) { background: #bc916d; }
.side-quick ul li:nth-child(4) { background: #d5ad7c; }
.side-quick ul li a { display: block; padding: 35px 0; position: relative; z-index: 1; }
.side-quick ul li i { font-size: 2rem; color: #fff; transition: color 0.3s; }
.side-quick ul li p { color: #fff; margin: 5px 0 0; font-size: 1.1rem; transition: color 0.3s; }
.side-quick ul li a::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: rgba(255,255,255,0.15); z-index: 0; transition: width 0.4s cubic-bezier(0.4,0,0.2,1); }
.side-quick ul li a:hover::before, .side-quick ul li a:focus::before { width: 100%; }
.side-quick ul li a > * { position: relative; z-index: 2; }
/* 마우스 오버 시 텍스트와 아이콘 색상 변경 */
.side-quick ul li a:hover i, .side-quick ul li a:focus i,
.side-quick ul li a:hover p, .side-quick ul li a:focus p { color: #000; }
.side-quick ul li:first-child a::before { background: rgba(255,255,255,1); }
.side-quick ul li:nth-child(2) a::before { background: rgba(255,255,255,1); }
.side-quick ul li:nth-child(3) a::before { background: rgba(255,255,255,1); }
.side-quick ul li:nth-child(4) a::before { background: rgba(255,255,255,1); }

@media (max-width: 1230px) {
  .side-quick { position: relative; left: auto; right: inherit; top: inherit; height: auto; }
  .side-quick ul { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: row; align-items: center; padding: 0; margin: 0; list-style: none; }
  .side-quick ul li { width: 50%; border-top: 1px solid #535e6e; padding: 0; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; }
  .side-quick ul li a { display: flex; align-items: center; padding: 10px 15px; width: 100%; }
  .side-quick ul li i { margin-right: 10px; font-size: 2rem; color: #fff; transition: color 0.3s; }
  .side-quick ul li p { margin: 0; font-size: 1.1rem; color: #fff; transition: color 0.3s; }
}


.gn-intro {padding: 100px 0;}
.gn-intro .title em{font-style: normal; color: #111; text-transform: uppercase; font-size: 1.2rem; font-family: var(--play-font); font-weight: 600; }
.gn-intro .title h5{color: #009a91; font-size: 5rem; font-weight: 600; font-family: var(--play-font);}
.gn-intro .title p{margin-top: 30px; line-height: 1.7; font-size: 1.1rem; color: #262626	; font-weight: 200;}
.gn-intro .title .wrap-nav{display: flex; align-items: center; margin-top: 50px; }
.gn-intro .title .wrap-nav .swiper-pagination{position: relative !important; width: auto; margin-top: 10px; margin-left: 50px; display: flex; align-items: center;}
.gn-intro .title .wrap-nav .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 15px; }
.gn-intro .title .wrap-nav .swiper-pagination .swiper-pagination-bullet-active{width: 20px; height: 20px; background: #fff; border: 3px solid #009a91;}
.gn-intro .title .wrap-nav .swiper-button{ border: 1px solid #ddd; padding: 0 12px; margin-left: -1px;}
.gn-intro .title .wrap-nav .swiper-button i{font-size: 2.5rem; }

.intro { overflow: inherit; }
.intro .swiper{}
.intro .item { width: 320px; height: 430px; display: flex; justify-content: space-around; flex-direction: column; padding: 35px; border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid #ccc; transition: background 0.3s, border 0.3s, margin-top 0.3s, box-shadow 0.3s; }
.intro .item em { color: #009a91; font-size: 0.9rem; font-weight: 700; font-style: normal; transition: color 0.3s; }
.intro .item h6 { font-size: 2.3rem; font-weight: 500; margin-top: 25px; transition: color 0.3s, font-size 0.3s; }
.intro .item p { font-size: 1rem; font-weight: 400; letter-spacing: -1px; margin-top: 10px; color: #606060; }
.intro .item img { width: 80px; height: auto; margin-top: auto; margin-bottom: 20px; transition: opacity 0.3s; }
.intro .item:hover { margin-top: -10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
.intro .item.item01:hover { background-image: url('/assets/img/bg-intro1.jpg') !important; background-size: cover; background-position: center; }
.intro .item.item02:hover { background-image: url('/assets/img/bg02.svg') !important; background-size: cover; background-position: center; }
.intro .item.item03:hover { background-image: url('/assets/img/bg03.svg') !important; background-size: cover; background-position: center; }
.intro .item.item04:hover { background-image: url('/assets/img/bg04.svg') !important; background-size: cover; background-position: center; }
.intro .item:hover h6 { font-size: 2.7rem; color: #fff; }
.intro .item:hover em { color: #fff; }
.intro .item:hover p { color: #fff; }
.intro .item:hover img { opacity: 0; }

@media (max-width: 1230px) {
	
.gn-intro {padding: 50px 0;}
.gn-intro .title em{font-style: normal; color: #111; text-transform: uppercase; font-size: 1.2rem; font-family: var(--play-font); font-weight: 600; }
.gn-intro .title h5{color: #009a91; font-size: 3rem; font-weight: 600; font-family: var(--play-font);}
.gn-intro .title p{margin-top: 30px; line-height: 1.7; font-size: 1.1rem; color: #262626	; font-weight: 200;}
.gn-intro .title .wrap-nav{display: flex; align-items: center; margin-top: 20px; }
.gn-intro .title .wrap-nav .swiper-pagination{display: none;}
.gn-intro .title .wrap-nav .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 15px; }
.gn-intro .title .wrap-nav .swiper-pagination .swiper-pagination-bullet-active{width: 20px; height: 20px; background: #fff; border: 3px solid #009a91;}
.gn-intro .title .wrap-nav .swiper-button{ border: 1px solid #ddd; padding: 0 12px; margin-left: -1px;}
.gn-intro .title .wrap-nav .swiper-button i{font-size: 2rem; }
	
.intro .swiper{width: 100%;}
.intro .item { width: 280px; height: 370px; display: flex; justify-content: space-around; flex-direction: column; padding: 35px; border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid #ccc; transition: background 0.3s, border 0.3s, margin-top 0.3s, box-shadow 0.3s; }
.intro .item em { color: #009a91; font-size: 0.9rem; font-weight: 700; font-style: normal; transition: color 0.3s; }
.intro .item h6 { font-size: 1.5rem; font-weight: 500; margin-top: 25px; transition: color 0.3s, font-size 0.3s; }
.intro .item p { font-size: 1rem; font-weight: 400; letter-spacing: -1px; margin-top: 10px; color: #606060; }
.intro .item img { width: 80px; height: auto; margin-top: auto; margin-bottom: 20px; transition: opacity 0.3s; }
.intro .item:hover { margin-top: -10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
.intro .item.item01:hover { background-image: url('/assets/img/bg-intro1.jpg') !important; background-size: cover; background-position: center; }
.intro .item.item02:hover { background-image: url('/assets/img/bg02.svg') !important; background-size: cover; background-position: center; }
.intro .item.item03:hover { background-image: url('/assets/img/bg03.svg') !important; background-size: cover; background-position: center; }
.intro .item.item04:hover { background-image: url('/assets/img/bg04.svg') !important; background-size: cover; background-position: center; }
.intro .item:hover h6 { font-size: 2.7rem; color: #fff; }
.intro .item:hover em { color: #ff6347; }
.intro .item:hover img { opacity: 0; }
}


/* main1 */
.main1 { padding: 0 0 100px 0; } 
.notice { padding: 10px 0 0; } 
.notice h3 { font-size: 30px; font-weight: 700; } 
.notice h3 a { margin-left: 20px; } 
.notice ul { margin: 0; padding: 10px 0; list-style: none; } 
.notice ul li { border-top: 1px dashed var(--bs-border-color); padding: 15px 0; } 
.notice ul li:first-child { border-top: 0; } 
.notice ul li a { line-height: 1.4; font-weight: 500; display: flex; align-content: center; align-items: center; } 
.notice ul li a .day-box{background: #F2F8FF; display: flex; justify-content: center; flex-direction: column; align-content: center; align-items: center; margin-right: 15px; padding: 15px 20px; border-radius: 5px; font-family: var(--play-font);} 
.notice ul li a .day-box span{font-size: 2.5rem; margin: 0; padding: 0; line-height: 1; } 
.notice ul li a .day-box p{margin: 5px 0 0 0; padding: 0; line-height: 1;  font-weight: bold; color: #5A5A5A } 
.notice ul li a .subject {  } 
.notice ul li:first-child a .subject { font-size: 22px; border-top: 0; } 

.quick { padding-top: 30px; } 
.quick ul { margin: 0; padding: 0; list-style: none; display: flex; width: 660px; } 
.quick ul li { width: 25%; text-align: center; } 
.quick ul li a img { width: 75px; } 
.quick ul li a p { margin: 10px 0 0; color: #006466; font-weight: 700; } 

.popup { display: flex; justify-content: end; } 
.popup .swiper { width: 660px; border-radius: 15px; margin:0; } 
.popup .swiper-button { position: absolute; z-index: 10; top: 50%; left:0; cursor: pointer; margin-top: -20px; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 36px; } 
.popup .swiper-button.next { left: auto; right: 0; } 
.popup .swiper-pagination-bullet { width: 12px; height: 12px; } 
.popup .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--bs-warning); } 
@media (max-width: 1230px) { 

.main1 { padding:0 0 50px 0; } 
.notice { padding: 10px 0 30px 0; width: 100%; } 
.notice h3 { font-size: 30px; font-weight: 700; } 
.notice h3 a { margin-left: 20px; } 
.notice ul { margin: 0; padding: 10px 0; list-style: none; } 
.notice ul li { border-top: 1px dashed var(--bs-border-color); padding: 15px 0; } 
.notice ul li:first-child { border-top: 0; } 
.notice ul li a { line-height: 1.4; font-weight: 500; display: flex; align-content: center; align-items: center; } 
.notice ul li a .day-box{background: #F2F8FF; display: flex; justify-content: center; flex-direction: column; align-content: center; align-items: center; margin-right: 15px; padding: 15px 10px; border-radius: 5px; font-family: var(--play-font);} 
.notice ul li a .day-box span{font-size: 2.3rem; margin: 0; padding: 0; line-height: 1; } 
.notice ul li a .day-box p{margin: 5px 0 0 0; padding: 0; line-height: 1;  font-weight: bold; color: #5A5A5A } 
.notice ul li a .subject {  } 
.notice ul li:first-child a .subject { font-size: 1.2rem; border-top: 0; } 

.quick { padding-top: 30px; margin-bottom: 50px; } 
.quick ul { margin: 0; padding: 0; list-style: none; display: flex; width: 100%; } 
.quick ul li { width: 25%; text-align: center; } 
.quick ul li a img { width: 75px; } 
.quick ul li a p { margin: 10px 0 0; color: #006466; font-weight: 700; } 

.popup { display: flex; justify-content: end; } 
.popup .swiper { width: 100%; border-radius: 15px; margin:0; } 
.popup .swiper-button { position: absolute; z-index: 10; top: 50%; left:0; cursor: pointer; margin-top: -20px; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 36px; } 
.popup .swiper-button.next { left: auto; right: 0; } 
.popup .swiper-pagination-bullet { width: 12px; height: 12px; } 
.popup .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--bs-warning); } 
 } 
/* main2 */
.main2 { height: 636px; } 
.gtrend { padding: 100px 0; } 
.gtrend h3 { font-size: 40px; font-weight: 700; text-align: center; color: #fff; } 
.gtrend h3 a { margin-left: 20px; color: #fff; } 
.gtrend .swiper { padding: 120px 0; } 
.gtrend .swiper .item { color: #fff; font-size: 20px; width: 280px; padding-right: 40px; border-right: 1px solid rgba(255, 255, 255, 0.3); } 
.gtrend .swiper .item:last-child { border-right: 0; } 
.gtrend .swiper .item p { display: flex; margin-bottom: 30px; } 
.gtrend .swiper .item p span { background-color: rgba(0, 0, 0, 0.5); text-align: center; padding: 8px 20px; color:#5fb2f8; font-size: 16px; display: block; border-radius: 25px; } 
.gtrend .swiper .item h5 { margin: 0; line-height: 1.5; height: 85px; } 
.gtrend .swiper .item h6 { margin: 15px 0 0; color: var(--bs-warning) } 
.gtrend .swiper-button { position: absolute; z-index: 10; top: 40px; right:50px; cursor: pointer; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 36px; color: #fff; } 
.gtrend .swiper-button.next { left: auto; right: 0; } 
.gtrend .swiper-pagination-bullet { width: 12px; height: 12px; } 
.gtrend .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--bs-warning); } 
.swiper-button-disabled { opacity: 0.3; } 
@media (max-width: 1230px) { 
.main2 { height: 480px; } 
.gtrend { padding: 50px 0; } 
.gtrend h3 { font-size: 30px; font-weight: 700; text-align: center; color: #fff; } 
.gtrend .swiper { padding: 70px 0 100px 0; } 
.gtrend .swiper-button { display: none; } 
 } 
/* dh-hews */
.dh-hews { padding: 100px 0; } 
.photo h3 { font-size: 40px; font-weight: 700; color: #fff; } 
.photo h3 a { margin-left: 20px;  color: #fff;} 
.photo h4 { font-weight: 300; font-size: 24px; margin: 20px 0 0;  color: #fff;} 
.photo .swiper { padding: 80px 0 0; } 
.photo .swiper .item {   } 
.photo .swiper .item .bg-img { margin: 0; line-height: 1.5; height: 270px; border-radius: 10px; background-size: 100%; transition: background-size 0.4s ease; } 
.photo .swiper .item:hover .bg-img { background-size: 110%; transition: background-size 0.4s ease; } 
.photo .swiper .item h5 { margin: 20px 0 0; line-height: 1.5;  color: #fff; font-size: 1rem; font-weight: 400;} 
.photo .swiper .item p { display: flex; margin-top: 40px; } 
.photo .swiper .item p span { background-color: var(--main-color); text-align: center; padding: 8px 20px; color:#fff; font-size: 12px; display: block; border-radius: 17px; } 
.photo .swiper-pagination{display: none;}
.photo .swiper-button { position: absolute; z-index: 10; top: -10px; right:50px; cursor: pointer; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 36px; color: #fff; } 
.photo .swiper-button.next { left: auto; right: 0; } 
.photo .swiper-pagination-bullet { width: 12px; height: 12px; } 
.photo .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--bs-warning); } 


.main4 { padding: 120px 0; } 
.sns h3 { margin: 0 0 100px; font-size: 28px; } 
.sns h3 small { display: block; color: var(--main-color); font-size: 48px; } 
.sns .button-box { display: flex; } 

@media (max-width: 1230px) { 
.dh-hews { padding: 50px 0; } 	
.photo h3 { font-size: 30px; font-weight: 700; text-align: center; } 
.photo h4 { font-weight: 300; font-size: 15px; margin: 20px 0 0; text-align: center; } 
.photo .swiper-button { display: none; } 
.photo .swiper-pagination{display: block; top: 30px;}
.main4 { padding: 60px 0; } 
.sns h3 { margin: 0 0 50px; font-size: 20px; text-align: center; } 
.sns h3 small { display: block; color: var(--main-color); font-size: 35px; } 

.sns .button-box { margin-bottom: 20px; } 
 } 
.main { background-color: #dee6ed; overflow: hidden; } 
.main-bbs { position: relative; } 
.main-bbs h3 { display: block; color: var(--main-color); font-size: 2rem; font-weight: 700; padding: 60px 0 50px; position: relative; } 
.main-bbs .b-tab { padding: 60px 0 50px; } 
.main-bbs .b-tab ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; } 
.main-bbs .b-tab ul li { display: block; padding: 0 25px; } 
.main-bbs .b-tab ul li a { display: block; color: var(--main-color); font-size: 2rem; font-weight: 700; padding: 0; position: relative; } 
.main-bbs .b-tab ul li a::before { content: ''; width: 100%; height: 2px; background-color: var(--main-color); position: absolute; left: 0; bottom: 0; transition: all 0.2s ease 0s; } 
.main-bbs .b-tab ul li a.collapsed { color: #7c878f; } 
.main-bbs .b-tab ul li a.collapsed::before { width: 0; } 
.main-bbs #notice { background-color: #fff; width: 100%; padding: 0 0 0; position: relative; } 

.main-bbs #notice::after,
.main-bbs #research::after { content: ''; position: absolute; top: 0; right: 0; width: 10%; /* .aaa-box의 반만큼으로 설정하면 오른쪽에 위치합니다. */
height: 100%; background: linear-gradient(
to right,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 1)
); z-index: 1; } 
.main-bbs #research { background-color: #fff; width: 100%; padding: 0 0 0; } 

.main-bbs #ntis { background-color: #fff; width: 100%; padding: 0 0 0; } 
.main-bbs .item { display: flex; flex-direction: column; margin: 3rem 0 0; padding: 1rem 2.5rem 0; width: 300px; height: 300px; border-right: 1px solid var(--line-color); } 
.main-bbs .item .sca { color: var(--main-color); font-weight: 500; } 
.main-bbs .item .title { font-weight: 700; font-size: 17px; padding: 20px 0 0; height: 130px; } 
.main-bbs .item .date { color: var(--bs-gray-700); height: 80px; font-size: 14px; } 
.main-bbs .item .depart { color: var(--main-color); font-size: 13px; } 
.main-bbs .b-body { position: relative; } 
.main-bbs .b-body .btn-swiper { position: absolute; left: -20px; top: 42%; width: 35px; height: 35px; background-color: rgba(var(--main-color-rgb), 0.9); z-index: 1; display: flex; justify-content: center; align-items: center; color: #fff; } 
.main-bbs .b-body .btn-swiper.swiper-button-disabled { background-color: rgba(var(--main-color-rgb), 0.4); } 
.main-bbs .b-body .btn-swiper.next { left: auto; right: -20px; z-index: 5; } 

@media (max-width: 1230px) { 
 .main-bbs h3 { display: block; color: var(--main-color); font-size: 1.5rem; font-weight: 700; padding: 30px 0 20px; position: relative; } 
.main-bbs .b-tab { padding: 30px 0 20px; } 
.main-bbs .b-tab ul li a { display: block; color: var(--main-color); font-size: 1rem; font-weight: 700; padding: 0; position: relative; } 

.main-bbs .b-tab ul li { display: block; padding: 0 10px; } 

.main-bbs .item { display: flex; flex-direction: column; margin: 1.5rem 0 0; padding: 0.5rem 1.5rem 0; width: 300px; height: 300px; border-right: 1px solid var(--line-color); } 
.main-bbs .item .sca { color: var(--main-color); font-weight: 500; } 
.main-bbs .item .title { font-weight: 700; font-size: 16px; padding: 10px 0 0; height: 110px; } 
.main-bbs .item .date { color: var(--bs-gray-700); height: 80px; font-size: 13px; } 
.main-bbs .item .depart { color: var(--main-color); font-size: 12px; } 
 } 

.researcher { padding: 5rem 0 6rem; } 
.researcher .swiper { overflow: visible; } 
.researcher .researcher-header { display: flex; justify-content: space-between; margin-bottom: 1rem; } 
.researcher .researcher-header h3 { font-size: 2rem; font-weight: 700; color: var(--main-color); } 
.researcher .researcher-header .util { display: flex; justify-content: center; align-items: center; } 
.researcher .researcher-header .util .btn-swiper { margin-right: 10px; width: 35px; height: 35px; background-color: rgba(var(--main-color-rgb), 0.9); z-index: 1; display: flex; justify-content: center; align-items: center; color: #fff; } 
.researcher .researcher-header .util .btn-swiper.swiper-button-disabled { background-color: rgba(var(--main-color-rgb), 0.4); } 
.researcher .item { display: flex; padding: 26px 0 0; position: relative; width: 515px; height: 260px; } 
.researcher .item .icon { width: 95px; position: absolute; right: 1rem; top: 0; } 
.researcher .item .inner { flex: 1; display: flex; padding: 1.5rem; background-color: #4e78a7; } 
.researcher .item .inner .image { width: 150px; } 
.researcher .item .inner .image img { height: 189px; } 
.researcher .item .inner .info { padding: 25px 20px; } 
.researcher .item .inner .info .title { font-size: 18px; color: #fff; } 
.researcher .item .inner .info .name { margin-top: 5px; font-size: 24px; color: #fff; font-weight: 500; } 
.researcher .item .inner .info .name span { font-size: 28px; } 
.researcher .item .inner .info .btn { margin-top: 30px; } 
.service-link { display: flex; margin-top: 100px; } 
.service-link .image { flex: 1; height: 658px; background: #fff url('/assets/img/bg-quick.jpg') no-repeat left center; background-size: cover; } 
.service-link .info { flex: 1; padding: 0 110px; background-color: #fff; } 
.service-link h3 { margin: 70px 0 60px; font-size: 2rem; font-weight: 700; color: var(--main-color); } 
.service-link .link { display: flex; width: 640px; flex-wrap: wrap; } 
.service-link .link a { width: calc(33.33% - 36px); text-align: center; display: block; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); border-radius: 1rem; padding: 25px; margin: 25px 18px; } 
.service-link .link a img { width: 60px; } 
.service-link .link a div { margin: 10px 0 0; font-weight: 500; } 
@media (max-width: 1230px) { 
 .service-link .image { display: none; } 
.service-link .info { padding: 20px 0; } 
.service-link h3 { margin: 20px 0 20px 25px; font-size: 1.5rem; font-weight: 700; color: var(--main-color); } 
.service-link .link { display: flex; width: 100%; flex-wrap: wrap; } 
.service-link .link a { width: calc(50% - 20px); text-align: center; display: block; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); border-radius: 1rem; padding: 25px; margin: 15px 10px; } 
.service-link .link a img { width: 60px; } 
.service-link .link a div { margin: 10px 0 0; font-weight: 500; } 
 } 
.banner { padding: 5rem 0; } 
.banner .item { width: auto; } 

@media (max-width: 1230px) { 
 .banner { padding: 2rem 0; } 
 }