@charset "UTF-8"; 
/* common */
.section { position:relative; } 
.section .layout { position: relative; width:1280px; margin:0 auto; max-width:100%; } 

/* section1 */
.section1 { padding:71px 0 0 0; } 
.section1 .layout { width:1800px; } 
.section1 .section1-bg { position:absolute; top:-60px; left:50%; width:1200px; transform:translateX(-50%); } 
.section1 .layout .section-title { text-align:center; margin-bottom:69px; } 
.section1 .layout .section-title span { display:block; color:#616161; font-weight:500; font-size:20px; line-height:120%; font-family:"Pretendard"; letter-spacing:-0.2px; text-align:center; font-style:normal; margin-bottom:14px; } 
.section1 .layout .section-title h2 { color:#302f2f; font-weight:800; font-size:60px; line-height:120%; font-family:"NanumSquareNeoExtraBold"; letter-spacing:-0.6px; text-align:center; font-style:normal; margin-bottom:12px; } 
.section1 .layout .section-title p { color:#757575; font-weight:400; font-size:20px; line-height:150%; font-family:"Pretendard"; letter-spacing:-0.2px; text-align:center; font-style:normal; word-break:keep-all; } 
.section1 .layout .section-title p br { display:none; } 
.section1 .layout .section-content .section-quick .section-quick-wrap { display: flex; gap:23px; } 
.section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item a { display:flex; position:relative; border-radius:16px; flex-direction:column; align-items:center; aspect-ratio:197.83/277.58; box-sizing:border-box; overflow:hidden; } 
.section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item a strong { display:block; position:absolute; top:45px; left:50%; width:100%; padding:0 20px; color:#fff; font-weight:800; font-size:24px; line-height:120%; font-family:"NanumSquareNeoExtraBold"; letter-spacing:-0.24px; text-align:center; font-style:normal; word-break:keep-all; transform:translateX(-50%); } 
.section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item a div { height: 100%; } 
.section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item a div video { width:100%; height:100%; object-fit:cover; } 
.section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item span { display:flex; position:absolute; bottom:44px; left:50%; width:calc(100% - 40px); height:49px; padding:0 30px; background:rgba(255,255,255,0.25); color:#fff; font-weight:500; font-size:16px; font-family:"Pretendard"; letter-spacing:-0.16px; border-radius:40px; backdrop-filter:blur(15px); max-width:210px; justify-content:space-between; align-items:center; flex-shrink:0; box-sizing:border-box; transform:translateX(-50%); visibility:hidden; opacity:0; transition:all 0.3s ease; } 
.section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item span i { font-size:13px; } 
.section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item:hover span { visibility:visible; opacity:1; } 
.section1 .layout .section-content .section-quick-control { display:none; align-items:center; justify-content:center; margin-top:40px; gap:20px; } 
.section1 .layout .section-content .section-quick-control.active { display:flex; } 
.section1 .layout .section-content .section-quick-control button { display:flex; width:50px; height:50px; border:1px solid #000; background:none; justify-content:center; align-items:center; gap:10px; border-radius:50%; } 
.section1 .layout .section-content .section-quick-control button i { color:#000; font-size:24px; } 
.section1 .layout .section-content .section-quick-control .section-quick-pagination { display:flex; color:#222; font-weight:700; font-size:16px; line-height:150%; font-family:"NanumSquareNeoBold"; letter-spacing:-0.16px; gap:5px; font-style:normal; } 
.section1 .layout .section-content .section-quick-control .section-quick-pagination .current { color:#E6002D; } 

/* section2 */
.section2 { position:relative; padding:123px 0 144px 0; } 
.section2:before { display:block; position:absolute; bottom:0; left:50%; width:100vw; height:calc(100% + 7.5vw); background:#EBF1FF; content:""; transform:translateX(-50%); z-index:-1; } 
.section2 .layout .section-title { text-align:center; margin-bottom:72px; } 
.section2 .layout .section-title span { display:block; color:#222; font-weight:700; font-size:16px; line-height:150%; font-family:"NanumSquareNeoBold"; letter-spacing:-0.16px; text-align:center; font-style:normal; margin-bottom:12px; } 
.section2 .layout .section-title h2 { color:#222; font-weight:800; font-size:44px; line-height:150%; font-family:"NanumSquareNeoExtraBold"; letter-spacing:-0.44px; text-align:center; font-style:normal; } 
.section2 .layout .section-title h2 em { color:#1D42BE; } 
.section2 .layout .section-content .section-board { display: flex; gap:35px; } 
.section2 .layout .section-content .section-board .section-board-item { display: flex; position: relative; width:calc(33.333% - 23px); flex-direction: column; gap:20px; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-title h3 { font-weight: 800; font-size: 28px; line-height: 150%; letter-spacing: -0.28px; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc { height: 316px; padding:32px; background: #fff; border-radius: 16px; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul { display: flex; height: 100%; flex-direction: column; justify-content: space-between; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a { display: flex; position: relative; flex-direction: column; gap:4px; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-type { display: flex; position: absolute; top:50%; left:0; width:52px; height: 52px; font-weight: 500; font-size:14px; letter-spacing: -0.14px; align-items: center; justify-content: center; border-radius: 6px; transform: translateY(-50%); } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-type.type1 { border: 1px solid #0039F8; color:#0039F8; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-type.type2 { border: 1px solid #9E9E9E; color:#424242; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a:has(.board-type) { padding-left:68px; gap:0; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-title { display: flex; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-title strong { display: block; position: relative; color: #222; font-weight: 600; font-size: 16px; line-height: 150%; font-family: "Pretendard"; letter-spacing: -0.16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-style: normal; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-date { display: flex; overflow: hidden; gap:12px; min-width: 0; align-items: center; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-date span { color: #757575; font-weight: 400; font-size: 16px; line-height: 150%; font-family: "Pretendard"; letter-spacing: -0.16px; white-space: nowrap; font-style: normal; text-overflow: ellipsis; overflow: hidden; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-date em { color:#222; font-weight: 400; font-size:16px; line-height: 150%; letter-spacing: -0.16px; flex-shrink: 0; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a.new .board-title { gap:4px; align-items: center; overflow: hidden; min-width: 0; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a.new .board-title:after { display: flex; width:18px; height: 18px; background: #D43333; color:#fff; font-size: 11px; font-family: "Pretendard"; content:"N"; align-items: center; justify-content: center; border-radius: 4px; flex-shrink: 0; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-more { display: flex; position: absolute; top:0; top:9px; right:0; gap:4px; align-items: center; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-more span { color: #222; font-weight: 700; font-size: 16px; line-height: 150%; font-family: "Pretendard"; letter-spacing: -0.16px; font-style: normal; } 
.section2 .layout .section-content .section-board .section-board-item .section-board-item-more i { color:#222; font-size:20px; } 

/* section3 */
.section3 { position:relative; padding:117px 0 125px 0; background:#1A256A; overflow:hidden; } 
.section3 .section3-bg { position:absolute; bottom:0; left:50%; width:100%; background: #1A256A; text-align: center; transform: translateX(-50%); } 
.section3 .section3-bg img { mix-blend-mode: normal; } 
.section3 .layout { position: relative; width:100%; margin:0 auto; max-width:1280px; } 
.section3 .layout .section-title { position:relative; text-align: center; margin-bottom:48px; } 
.section3 .layout .section-title>span { display:block; color:#fff; font-weight:700; font-size:16px; line-height:150%; font-family:"NanumSquareNeoBold"; letter-spacing:-0.16px; font-style:normal; margin-bottom:12px; } 
.section3 .layout .section-title>h2 { color:#fff; font-weight:800; font-size:44px; line-height:150%; font-family:"NanumSquareNeoExtraBold"; letter-spacing:-0.44px; font-style:normal; } 
.section3 .layout .section-title>h2 br:first-child { display: none; } 
.section3 .layout .section-more { display:flex; width:200px; padding:20px 32px; margin:48px auto 0; border:1px solid #fff; justify-content:space-between; align-items:center; border-radius:50px; } 
.section3 .layout .section-more span { color:#FFF; font-weight:700; font-size:16px; line-height:150%; font-family:"Pretendard"; letter-spacing:-0.16px; font-style:normal; } 
.section3 .layout .section-more i { color:#fff; font-size:20px; } 
.section3 .layout .section-content { position: relative; } 
.section3 .layout .section-content .section-scroll { display:flex; flex-wrap:wrap; gap:44px; will-change:transform; } 
.section3 .layout .section-content .section-scroll .section-scroll-item { height: 420px; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a { display:flex; position:relative; height:100%; padding:40px; border:1px solid rgba(255,255,255,0.10); background:rgba(255,255,255,0.07); flex-direction:column; border-radius:16px; backdrop-filter:blur(40px); box-sizing:border-box; transition:cubic-bezier(0.075,0.82,0.165,1); } 
.section3 .layout .section-content .section-scroll .section-scroll-item a strong { color:#fff; font-weight:900; font-size:26px; line-height:150%; font-family:"NanumSquareNeoHeavy"; letter-spacing:-0.28px; font-style:normal; margin-bottom:16px; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a p { display:none; color:#616161; font-weight:400; font-size:16px; line-height:150%; font-family:"Pretendard"; letter-spacing:-0.16px; font-style:normal; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a:hover { background:#fff; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a:hover strong { color:#222; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a:hover p { display:block; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a:hover ul { display:none; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a ul { display:flex; flex-direction:column; gap:8px; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a ul li { position:relative; color:#fff; font-weight:400; font-size:16px; line-height:150%; font-family:"Pretendard"; letter-spacing:-0.16px; font-style:normal; opacity:.5; padding-left:11px; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a ul li:before { display:block; position:absolute; top:0; left:0; width:3px; height:1px; color:#fff; content:"-"; opacity:.50; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a:after { display:flex; position:absolute; bottom:40px; left:40px; width:50px; height:50px; border:1px solid #fff; color:#fff; font-size:16px; content:"→"; opacity:.5; align-items:center; justify-content:center; border-radius:50%; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a:hover:after { color:#424242; border-color:#E0E0E0; opacity:1; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a .img { position:absolute; right:40px; bottom:40px; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a .img img:last-of-type { display:none; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a:hover .img img:last-of-type { display:block; } 
.section3 .layout .section-content .section-scroll .section-scroll-item a:hover .img img:first-of-type { display:none; } 
.section3 .layout .section-content .section-scroll-control { display:flex; position: absolute; top:50%; left:50%; width:1480px; align-items:center; justify-content:space-between; transform: translate(-50%, -50%); } 
.section3 .layout .section-content .section-scroll-control button { display:flex; width:60px; height:60px; border:0; background:#fff; justify-content:center; align-items:center; gap:10px; border-radius:50%; } 
.section3 .layout .section-content .section-scroll-control button i { color:#000; font-size:22px; } 
.section3 .layout .section-content .section-scroll-control .section-scroll-pagination { display: none; color:#fff; font-weight:700; font-size:16px; line-height:150%; font-family:"NanumSquareNeoBold"; letter-spacing:-0.16px; gap:5px; font-style:normal; min-width: 40px; justify-content: center; } 
.section3 .layout .section-content .section-scroll-control .current { color:#E6002D; } 
/* 1800px 이하 */
@media (max-width:1800px) { 
 /* ---------- Section Common ---------- */
 .section1 .layout { padding:0 20px; } 
 } 
/* 1600px 이하 */
@media (max-width:1600px) { 
 /* ---------- Section1 ---------- */
 .section1 .layout .section-title { margin-bottom:55px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap { gap:20px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item a strong { top:40px; font-size:18px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item span { bottom:40px; height:38px; height: 40px; padding:20px; font-size:14px; } 
 } 

/* 1480px 이하 */
@media (max-width:1460px){
 /* ---------- Section3 ---------- */
 .section3 .layout .section-content { padding:0 70px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a { padding:38px; }
 .section3 .layout .section-content .section-scroll .section-scroll-item a strong { font-size:24px; }
 .section3 .layout .section-content .section-scroll-control { width:100%; } 
 .section3 .layout .section-content .section-scroll-control button { width:50px; height:50px; }
}

/* 1400px 이하 */
@media (max-width:1400px) { 
 /* ---------- Section1 ---------- */
 .section1 .layout .section-title span { font-size:18px; margin-bottom:12px; } 
 .section1 .layout .section-title h2 { font-size:50px; margin-bottom:10px; } 
 .section1 .layout .section-title p { font-size:18px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap { gap:16px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item a strong { top:24px; font-size:14px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item span { bottom:24px; font-size:12px; } 
} 
@media (max-width:1280px) { 
 .section .layout { padding:0 20px; } 
 } 
@media (max-width:767px) { 

 } 
/* 1024px 이하 */
@media (max-width:1024px) { 
 /* ---------- Section1 ---------- */
 .section1 { padding:71px 0 71px; }
 .section1 .section1-bg { width:1000px; } 
 .section1 .layout .section-title { margin-bottom:50px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap { gap:10px; flex-wrap: wrap; gap:18px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item { width:calc(33.333% - 12px); } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item a strong { top:40px; font-size:20px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item span { bottom:40px; height:45px; padding:0 20px; font-size:14px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item span i { font-size:12px; } 
 .section1 .layout .section-content .section-quick-control { margin-top:30px; } 
 .section1 .layout .section-content .section-quick-control button { width:45px; height:45px; } 
 .section1 .layout .section-content .section-quick-control button i { font-size:20px; } 
 .section1 .layout .section-content .section-quick-control .section-quick-pagination { font-size:14px; } 
 
 /* ---------- Section2 ---------- */
 .section2 { padding:100px 0; background: #EBF1FF; } 
 .section2:before { display: none; }
 .section2 .layout .section-title { margin-bottom:50px; } 
 .section2 .layout .section-title span { font-size:18px; } 
 .section2 .layout .section-title h2 { font-size:34px; line-height:140%; } 
 .section2 .layout .section-title p { font-size:18px; } 
 .section2 .layout .section-content .section-board { gap:24px; } 
 .section2 .layout .section-content .section-board .section-board-item { gap:18px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-title h3 { font-size:24px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-more { top:8px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-more span { font-size:14px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-more i { font-size:18px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-desc { height: 280px; padding:24px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a:has(.board-type) { padding-left:60px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-type { width:48px; height: 48px; font-size:13px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-title strong { font-size:14px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-date span { font-size:14px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul li a .board-date em { font-size:14px; } 

 /* ---------- Section3 ---------- */
 .section3 { padding:100px 0; } 
 .section3 .layout .section-title>h2 { font-size:34px; line-height: 140%; } 
 .section3 .layout .section-title>span { font-size:18px; } 
 } 
/* 767px 이하 */
@media (max-width:767px) { 
 /* ---------- Section1 ---------- */
 .section1 .layout .section-title { margin-bottom:30px; } 
 .section1 .layout .section-title span { font-size:16px; margin-bottom:10px; } 
 .section1 .layout .section-title h2 { font-size:40px; margin-bottom:10px; } 
 .section1 .layout .section-title p { font-size:16px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item a strong { top:30px; font-size:18px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item span { bottom:30px; width:calc(100% - 40px); height:36px; padding:0 16px; font-size:12px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item span i { font-size:10px; } 

 /* ---------- Section2 ---------- */
 .section2 .layout .section-content .section-board { flex-direction: column; } 
 .section2 .layout .section-content .section-board .section-board-item { width:100%; gap:10px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-desc { height: auto; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-desc ul { gap:20px; } 

 /* ---------- Section3 ---------- */
 .section3 { padding: 80px 0; } 
 .section3 .section3-bg { top: 190px; bottom: auto; width: 100%; padding: 0 20px; text-align: center; } 
 .section3 .layout { flex-direction: column; } 
 .section3 .layout .section-title > span { font-size: 18px; text-align: center; } 
 .section3 .layout .section-title > h2 { font-size: 34px; line-height: 140%; text-align: center; margin-bottom: 24px; } 
 .section3 .layout .section-title > h2 br:first-child { display: block; } 
 .section3 .layout .section-title .section-more { position: relative; top: auto; right: auto; width: 180px; padding: 14px 24px; margin: 0 auto; transform: none; } 
 .section3 .layout .section-content { padding: 0; } 
 .section3 .layout .section-content .section-scroll { padding: 0; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item:nth-of-type(2n) { transform: none; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a { padding: 34px; background: #fff; min-height: 380px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a strong { color: #222; font-size: 22px; line-height: 140%; margin-bottom: 12px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a p { display: block; font-size: 15px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a ul { display: flex !important; gap: 5px; margin-top: 10px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a ul li { color: #616161 !important; font-size: 15px; opacity: 1 !important; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a ul li:before { top: 11px; background: #616161; opacity: 1; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a:after { bottom: 34px; left: 34px; width: 40px; height: 40px; color: #424242; font-size: 14px; border-color: #E0E0E0; opacity: 1; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a .img { right: 34px; bottom: 34px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a .img img:first-of-type { display: none; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a .img img:last-of-type { display: block; } 
 .section3 .layout .section-content .section-scroll-control { display: flex; position: relative; top: auto; left: auto; margin-top: 30px; transform: none; justify-content: center; gap: 20px; } 
 .section3 .layout .section-content .section-scroll-control button { width: 45px; height: 45px; } 
 .section3 .layout .section-content .section-scroll-control button i { font-size: 20px; } 
 .section3 .layout .section-content .section-scroll-control .section-scroll-pagination { display: flex; font-size: 14px; } 
 } 
/* 640px 이하 */
@media (max-width:640px) { 
 /* ---------- Section1 ---------- */
 .section1 .section1-bg { top:0; width:700px; } 
 .section1 .layout .section-title { margin-bottom:20px; } 
 .section1 .layout .section-title span { font-size:14px; margin-bottom:8px; } 
 .section1 .layout .section-title h2 { font-size:30px; margin-bottom:8px; } 
 .section1 .layout .section-title p { font-size:14px; } 
 .section1 .layout .section-title p br { display: block; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap { display:flex; flex-wrap:wrap; gap:14px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item { width:calc(50% - 7px); } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item a strong { top:26px; font-size:14px; } 
 .section1 .layout .section-content .section-quick .section-quick-wrap .section-quick-item span { bottom:26px; visibility:visible; opacity:1; } 

 /* ---------- Section2 ---------- */
 .section2 { padding:60px 0; }
 .section2 .layout .section-title span { font-size:14px; margin-bottom:8px; } 
 .section2 .layout .section-title h2 { font-size:28px; line-height:140%; } 
 .section2 .layout .section-title p { font-size:14px; } 

 /* ---------- Section3 ---------- */
 .section3 { padding:60px 0; } 
 .section3 .layout { gap:34px; } 
 .section2 .layout .section-title { margin-bottom: 40px; } 
 .section3 .layout .section-title h2 { font-size:28px; } 
 .section3 .layout .section-title>span { font-size: 14px; margin-bottom: 8px; } 
 .section3 .layout .section-title .section-more { width:140px; padding:10px 20px; } 
 .section3 .layout .section-title .section-more span { font-size:14px; } 
 .section3 .layout .section-title .section-more i { font-size:18px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-title h3 { font-size:20px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-more { top:6px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-more span { font-size:12px; } 
 .section2 .layout .section-content .section-board .section-board-item .section-board-item-more i { font-size:16px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item { height:420px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a { padding:24px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a strong { font-size:24px; margin-bottom:12px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a p { font-size:15px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a ul { gap:3px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a ul li { font-size:15px; padding-left:9px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a ul li:before { top:10px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a:after { bottom:24px; left:24px; width:36px; height:36px; font-size:12px; } 
 .section3 .layout .section-content .section-scroll .section-scroll-item a .img { right:24px; bottom:24px; } 
 .section3 .layout .section-content .section-scroll-control { margin-top:20px; } 
 .section3 .layout .section-content .section-scroll-control button { width:40px; height:40px; } 
 .section3 .layout .section-content .section-scroll-control button i { font-size:18px; } 
 .section3 .layout .section-content .section-scroll-control .section-scroll-pagination { font-size:12px; min-width:35px; } 
 } 

@media (max-width:360px) { 
 /* ---------- Section2 ---------- */
 .section2 .layout .section-title h2 { font-size:24px; } 
 .section2 .layout .section-title span { font-size:13px; } 
 
 /* ---------- Section3 ---------- */
 .section3 .layout .section-title h2 { font-size:24px; } 
 .section3 .layout .section-title>span { font-size:13px; } 
 }