@charset "utf-8";

* { box-sizing:border-box; }
html { background:#fcf8f8; }
.wrap { max-width:1440px; width:96%; margin:0 auto;}

/*공통*/
.controls a { display:block; float:left; width:30px; height:30px; background:url('/uni/main/img/main2024/controls.png') no-repeat 0 0/400% auto; text-indent:-99999px; overflow:hidden;}
.controls a.next { transform:rotate(180deg); }
.controls a.stop { background-position:33.33% 0;}
.controls a.play { display:none; background-position:66.66% 0;}
.controls.white a.next,
.controls.white a.prev{ background-position:0 100%; }
.controls.white a.stop {background-position:33.33% 100%;}
.controls.white a.play {background-position:66.66% 100%;}

.paging {float:left; margin:3px 10px 0; }
.paging li {display:none; font-size:20px; }
.paging li.slick-active {display:block;}
.paging li span { position:relative; padding:0 0 0 30px; opacity:1; font-weight:300; }
.paging li span::before {content:''; position:absolute; left:16px; top:3px; width:2px; height:20px; background:#fff; mix-blend-mode:difference; transform:rotate(20deg); opacity:0.5; }
.paging.white li span::before { background:#fff; }

.wrap { max-width:1440px; width:96%; margin:0 auto;}

h2 { position:relative; font-size:30px; padding:0 0 0 13px; margin:0 0 30px; font-weight:800; }
h2.small { font-size:25px; }
h2::before { content:''; position:absolute; left:0; top:0; width:8px; height:8px; background:#db6768; border-radius:50%; }
@media all and (max-width:480px){
  h2 { font-size:25px; }
  .paging {padding:0;}
  .paging li span {padding:0 0 0 20px;}
  .paging li span::before {left:11px;}
}


/* 상단 띠배너 */
header.has_top_banner nav .depth2_wrap,
header.has_top_banner nav .depth1 > li::after { top:240px; }
#top_banner { position:relative; display:flex; align-items:center; justify-content:center; height:120px; overflow:hidden; }
#top_banner > * { position:relative; z-index:2; }
#top_banner form { display:flex; align-items: center; position:absolute; right:10px; top:5px; font-size:14px; font-family:'Pretendard', sans-serif; color:#fff;  }
#top_banner form label { padding:0 5px; }
#top_banner form a { position:relative; display:block; width:30px; height:30px; text-indent:-99999px; }
#top_banner form a::before,
#top_banner form a::after { content:''; position:absolute; left:15px; top:5px; width:2px; height:20px; background:#fff; transform:rotate(45deg); }
#top_banner form a::after {transform:rotate(-45deg);}
header.has_top_banner .search_area {top:240px;}
@media all and (max-width:1200px){
  header.has_top_banner .search_area {top:80px;}
}

/*125주년 띠배너*/
#top_banner.kmu_125 { background:#000; }
#top_banner.kmu_125::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/uni/main/img/main2024/top_banner_bg.jpg') no-repeat center/cover; opacity:0.2; z-index:0; }
#top_banner.kmu_125::after {content:''; position:absolute; left:calc(50% + 400px); top:-20px; width:180px; height:240px; background:url('/uni/main/img/main2024/top_banner_img2.png') no-repeat center/cover; opacity:0.2; filter:blur(3px); z-index:1; }
#top_banner.kmu_125 > a { position:relative; display:block; color:#f7dea5; font-size:30px; font-weight:700; margin-left:-70px; padding-right:50px; }
#top_banner.kmu_125 > a strong {color:#ffd672; font-weight:900; }
#top_banner.kmu_125 > a::after { content:''; position:absolute; right:0; top:calc(50% - 15px); width:30px; height:30px; background:url('/uni/main/img/main2024/top_banner_img3.png') no-repeat center/cover; }
@media all and (max-width:900px){
  #top_banner.kmu_125 > a { margin-top:10px; margin-left:-70px; font-size:27px; letter-spacing:-1px; line-height:1.2; }
  #top_banner.kmu_125 > a strong { display:block; }
}
@media all and (max-width:650px){
  #top_banner.kmu_125::after { left:-40px; opacity:0.5 }
  #top_banner.kmu_125 .img { display:none; }
  #top_banner.kmu_125 > a { font-size:25px; margin-left:0; }
}
/*125주년 기념식 띠배너*/
#top_banner.kmu_125_show {letter-spacing: 0; background:#12214b; }
#top_banner.kmu_125_show::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/uni/main/img/main2024/top_banner_bg_202405.jpg') no-repeat center/cover; z-index:0; } 
#top_banner.kmu_125_show > a { position:relative; width:1350px; max-width:94%; text-align:center;  }
#top_banner.kmu_125_show dl { display:inline-flex; align-items:center; color:#f7dea5; gap:40px; text-align:left;  }
#top_banner.kmu_125_show dt { display:flex; align-items:center; font-family:'NanumMyeongjo', serif; font-size:45px; gap:7px; }
#top_banner.kmu_125_show dt::after { content:''; display:block; width:1px; height:30px; background:linear-gradient(180deg, transparent 0, #fff 30%, #fff 70%, transparent 100%); opacity:0.4; margin-left:40px; }
#top_banner.kmu_125_show dd p { font-family:'Pretendard', sans-serif; font-size:18px; font-weight:300; padding:4px 0; }
#top_banner.kmu_125_show div { display:flex; align-items:center; gap:15px; position:absolute; right:0; top:50%; transform:translateY(-50%); font-family:'Pretendard', sans-serif; font-size:16px; font-weight:300; color:#b4d2ff; }
#top_banner.kmu_125_show div::after {content:''; display:block; width:35px; height:35px; background:url('/uni/main/img/main2024/top_banner_bg_202405_link.png') no-repeat center/cover;}
@media all and (max-width:1100px){
  #top_banner.kmu_125_show > a { margin-top:20px;  }
  #top_banner.kmu_125_show::after {background-position:-100px center;}
  #top_banner.kmu_125_show div span { display:none; }
}
@media all and (max-width:768px){
  #top_banner.kmu_125_show::after {opacity:0.4;}
  #top_banner.kmu_125_show div span { display:none; }
  #top_banner.kmu_125_show dl { flex-direction:column; gap:5px } 
  #top_banner.kmu_125_show dt {font-size:35px; }
  #top_banner.kmu_125_show dt::after { display:none; }
  #top_banner.kmu_125_show dd {display:flex; gap:20px;}
}
@media all and (max-width:480px){
  #top_banner.kmu_125_show dt {font-size:25px; }
  #top_banner.kmu_125_show dd {gap:10px;}
  #top_banner.kmu_125_show dd p {font-size:15px; }
}


.visual { position:relative; width:calc(100% - 200px); border-radius:20px; margin:0 auto 60px; background:#262020; overflow:hidden; }
.visual .controls { position:absolute; left:60px; bottom:60px; z-index:1; }
.visual .controls a.play::before,
.visual .controls a.stop::before { content:''; position:absolute; width:37px; height:37px; left:-6px; top:-6px; border:3px solid #fff; border-radius:50%; }
.visual .controls a.prev { margin:0 0 0 30px; }
.visual .paging { text-shadow:3px 3px 10px rgba(0, 0, 0, 0.3); }
.visual_slide .bg { position:relative; display:flex !important; align-items:center; min-height:500px; height:60vh; background-position:center; background-size:cover; }
.visual_slide .bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; opacity:0.6; z-index:-1; }
.visual_slide .bg > p { display:none; position:absolute; right:30px; bottom:30px; font-family:'Pretendard', sans-serif; color:#fff; font-size:20px; }
.visual_slide .wrap { font-family:'Pretendard', sans-serif; font-weight:400; padding:0 0 50px; }
.visual_slide .wrap p { color:#fff; font-size:30px; line-height:70px; text-shadow:3px 3px 10px rgba(0, 0, 0, 0.3); }
.visual_slide .wrap p:nth-of-type(2) { font-size:55px; font-weight:800; }
.visual_slide .wrap p span { display:block; }
@media all and (max-width:1800px){
    .visual { width:calc(100% - 100px); }
}
@media all and (max-width:1550px){
    .visual { width:96%; }
}
@media all and (max-width:1200px){
  .visual .controls { width:230px; left:50%; transform:translate(-50%, 0); }
  .visual_slide .wrap {text-align:center;}
  .visual_slide .wrap p { font-size:20px; line-height:50px; }
  .visual_slide .wrap p:nth-of-type(2) { font-size:40px; }
  .visual_slide .bg { min-height:350px; }
  .visual_slide .bg > p { top:20px; right:20px; bottom:auto; font-size:17px; }
}
@media all and (max-width:1023px){
  .visual { margin:0 auto 40px}
  .visual .controls {bottom:30px; }
}
@media all and (max-width:768px){
  .visual_slide .bg img { opacity:0.5; }
  .visual_slide .wrap p { font-size:17px; line-height:40px; }
  .visual_slide .wrap p:nth-of-type(2) { font-size:30px; }
}
@media all and (max-width:480px){
  .visual_slide .wrap  {padding:0 0 30px;}
  .visual_slide .wrap p { font-size:16px; line-height:30px; }
  .visual_slide .wrap p:nth-of-type(2) { font-size:25px; }
  .visual_slide .bg { height:40vh; min-height:auto; }
  .visual_slide .bg > p { font-size:15px; }
}


.cont_L { position:relative; float:left; width:calc(62% - 60px); margin:0 60px 0 0; }
.cont_L::before {content:''; position:absolute; right:-60px; width:1px; height:100%; background:#e6e0e0;}
@media all and (max-width:1200px){
  .cont_L {width:100%; margin:0;}
  .cont_L::before {display:none;}
}

.notice {position:relative; }
.notice > a { position:absolute; display:block; float:left; left:0; top:62px; width:calc(16.66% - 18.33px); line-height:50px; border-radius:25px; font-size:20px; background:#f0e8e8; text-align:center; }
.notice > a.on {background:#335a9d; color:#fff; font-weight:800; }
.notice > a:first-of-type { left:0;}
.notice > a:nth-of-type(2) { left:calc(16.66% - 8px);}
.notice > a:nth-of-type(3) { left:calc(33.32% - 16px);}
.notice > a:nth-of-type(4) { left:calc(49.98% - 24px);}
.notice > a:nth-of-type(5) { left:calc(66.64% - 32px);}
.notice > a:nth-of-type(6) { left:calc(83.3% - 40px);}
.notice > div { display:none; padding:80px 0 0;}
.notice > a.on+div { display:block; }
.notice .recent { display:block; overflow:hidden; border-bottom:1px dashed #ddd6d6; padding:0 0 30px; margin:0 0 30px; }
.notice .recent .date { float:left; text-align:center; font-size:14px; width:70px; height:70px; border:2px solid #335a9d; color:#335a9d; border-radius:50%; padding:9px 0 0; line-height:22px; }
.notice .recent .date strong { display:block; font-size:30px;  }
.notice .recent dl { float:left; width:calc(100% - 90px); margin:5px 0 0 20px; }
.notice .recent dt { position:relative; font-size:22px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 0 10px 28px; }
.notice .recent dt::before {content:'N'; display:block; position:absolute; left:0; top:5px; color:#fff; background:#db6768; font-size:13px; font-weight:800; width:23px; line-height:23px; text-align:center; border-radius:50%; }
.notice .recent dd { color:#5e5e5e; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.notice div > a:not(.recent) { position:relative; display:block; line-height:40px; overflow:hidden; padding:3px 0 3px 15px; }
.notice div > a:not(.recent)::before { content:''; position:absolute; left:0; top:50%; width:5px; height:5px; background:#335a9d; border-radius:50%; transform:translate(0, -50%); }
.notice div > a:not(.recent) span { display:block; float:left; width:calc(100% - 140px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.notice div > a:not(.recent) span.right { float:right; color:#676767; font-weight:300; width:140px; text-align:right; }
.notice a.more { position:absolute !important; right:0; top:62px; width:50px; height:50px; background:#f0e8e8; text-indent:-99999px; border-radius:50%; }
.notice a.more::before {display:none;}
.notice a.more::after {content:''; position:absolute; left:50%; top:50%; width:30px; height:30px; background:url('/uni/main/img/main2024/controls.png') no-repeat 100% 0/400% auto; transform:translate(-50%, -50%); }
@media (max-width:1200px) and (min-width:1024px){
  .notice {float:left; width:calc(65% - 20px); height:460px;}
  .notice div > a:nth-of-type(5) {display:none;}
}
@media all and (max-width:1023px){
  .notice .recent { padding:0 0 20px; margin:0 0 20px; }
}
@media all and (max-width:480px){
  .notice > a { font-size:16px; width:15.83%; line-height:40px;}
  .notice > a:nth-of-type(2) { left:16.83%;}
  .notice > a:nth-of-type(3) { left:32.66%;}
  .notice > a:nth-of-type(4) { left:48.49%;}
  .notice > a:nth-of-type(5) { left:64.32%;}
  .notice > a:nth-of-type(6) { left:auto; right:0; }
  .notice > div {padding:65px 0 0;}
  .notice a.more {top:0; width:40px; height:40px;}
  .notice .recent dt { font-size:18px;}
  
}

.schedule {position:relative; margin:70px 0 0; }
.schedule a.more { position:absolute; top:0;right:0; width:30px; height:30px; background:url('/uni/main/img/main2024/controls.png') no-repeat 100% 0/400% auto; text-indent:-99999px; }
.schedule div {background:#f6f0f0; padding:25px 50px; border-radius:15px;  }
.schedule div a { display:block; line-height:50px; border-top:1px dashed #ddd6d6; overflow:hidden; }
.schedule div a:first-of-type {border-top:0; }
.schedule div span { display:block; float:left; width:calc(100% - 240px); font-size:19px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.schedule div span.date { width:240px; color:#335a9d; font-size:17px; font-weight:600;}
@media (max-width:1200px) and (min-width:1024px){
  .schedule {float:right; width:calc(35% - 20px); margin:0; }
  .schedule div { padding:25px 30px;  }
  .schedule div a { line-height:35px; padding:12px 0; }
  .schedule div span {width:100%;}
}
@media all and (max-width:1023px){
  .schedule { margin:40px 0 0; }
}
@media all and (max-width:768px){
  .schedule div span { width:calc(100% - 150px);  }
  .schedule div span.date {width:150px;}
}
@media all and (max-width:480px){
  .schedule div {padding:10px 30px;}
  .schedule div span { font-size:17px; }
  .schedule div span.date { font-size:15px; }
}

.custom_menu { position:relative; margin:70px 0 0; }
.custom_menu .controls {position:absolute; right:0; top:5px;  }
.custom_menu_slide {position:relative; background:#fff; border-radius:15px; border:1px solid #efe9e9; overflow:hidden; }
.custom_menu_slide::before,
.custom_menu_slide::after {content:''; position:absolute; left:33.33%; top:0; width:1px; height:100%; border-right:1px dashed #ddd6d6; z-index:1; }
.custom_menu_slide::after {left:66.66%;}
.custom_menu_slide .slick-slide { padding:30px; }
.custom_menu_slide h3 { position:relative; font-size:23px; margin:0 0 20px; }
.custom_menu_slide h3::before {content:''; position:absolute; right:0; top:-10px; width:60px; height:60px; background:url('/uni/main/img/main2024/custom_illu.png') no-repeat 0 0/400% auto; }
.custom_menu_slide h3.type2::before { background-position:33.33% 0; }
.custom_menu_slide h3.type3::before { background-position:100% 0; }
.custom_menu_slide h3.type4::before { background-position:66.66% 0; }
.custom_menu_slide a { position:relative; display:inline-block; padding:5px 0 5px 15px; }
.custom_menu_slide a::before { content:''; position:absolute; left:0; top:13px; width:5px; height:5px; background:#335a9d; border-radius:50%; }
@media all and (max-width:1200px){
  .custom_menu { clear:both; }
}
@media all and (max-width:1023px){
  .custom_menu { margin:40px 0 0; }
}
@media all and (max-width:768px){
  .custom_menu_slide::before { left:50%;}
  .custom_menu_slide::after {display:none;}
}
@media all and (max-width:480px){
  .custom_menu h2 span {display:block;}
  .custom_menu .controls {top:30px;}
  .custom_menu_slide::before {display:none;}
  .custom_menu_slide .slick-slide {padding:20px 30px;}
}

.cont_R {float:right; width:calc(38% - 60px); }
@media all and (max-width:1200px){
  .cont_R {width:100%;}
}

.popup {position:relative; }
.popup .controls { position:absolute; right:0; top:0; }
.popup a {display:block; border-radius:15px; overflow:hidden; }
.popup .date {font-size:15px; color:#727272; padding:20px 0 10px ;}
.popup .title {font-size:22px; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.popup img {width:100%;}
@media all and (max-width:1200px){
  .popup {float:left; width:calc(66% - 20px); margin:60px 0 0;}
}
@media all and (max-width:1023px){
  .popup { width:100%; margin:40px 0 0;}
}
@media (max-width:1023px) and (min-width:481px){
  .popup .slick-slide { padding:0 20px; }
}
@media all and (max-width:480px){
  .popup .title {font-size:19px; }
}

.sns {position:relative; margin:60px 0 0; }
.sns .sns_btn { position:absolute; top:0; right:0; }
.sns .sns_btn a { display:block; float:left; width:40px; height:40px; background:url('/uni/main/img/main2024/sns_icon.jpg') no-repeat 0 0/400% auto; text-indent:-99999px; margin:0 0 0 10px; border-radius:10px; }
.sns .sns_btn a.facebook {background-position:33.33% 100%; }
.sns .sns_btn a.blog {background-position:66.66% 100%; }
.sns .sns_btn a.insta {background-position:100% 100%; }
.sns .sns_btn a.facebook:hover {background-position:33.33% 0; }
.sns .sns_btn a.blog:hover {background-position:66.66% 0; }
.sns .sns_btn a.insta:hover {background-position:100% 0; }
.sns li a {display:block; overflow:hidden; border-radius:15px; }
.sns li a img {width:100%;}
.sns li p {font-size:20px; font-weight:600; line-height:30px; margin:20px 0 50px; }
.sns li:last-of-type p {margin:20px 0 0;}
@media all and (max-width:1200px){
  .sns {float:right; width:calc(34% - 20px);}
  .sns .sns_btn a {margin:0 0 0 5px;}
  .sns li p {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:10px 0 20px; }
  .sns li:last-of-type p {margin:10px 0 0;}
}
@media all and (max-width:1023px){
  .sns { width:100%; margin:40px 0 0;}
}
@media (max-width:1023px) and (min-width:481px){
  .sns li {float:left; width:50%; padding:0 20px; }
}
@media all and (max-width:480px){
  .sns li p {font-size:18px; }
}


.story { position:relative; clear:both; padding:60px 0 0;}
.story .controls { position:absolute; right:0; top:60px; }
.story_slide .bg { position:relative; display:flex !important; align-items:center; height:300px; padding:0 100px; border-radius:15px; overflow:hidden; }
.story_slide .bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:-1; }
.story_slide .bg::before {content:''; position:absolute; left:0; top:0; width:70%; height:100%; background:linear-gradient(90deg, rgba(0,0,0,0.5) 0, rgba(0,0,0,0) 100%); z-index:0; }
.story_slide dl { position:relative; color:#fff; z-index:10; }
.story_slide dt {font-size:35px; font-weight:700; margin:0 0 20px; }
.story_slide dd span { display:block; }
.story_slide dd a { display:inline-block; background:#db6768; color:#fff; font-size:17px; border-radius:20px; font-weight:600; padding:10px 30px; margin:20px 0 0; }
@media all and (max-width:1023px){
  .story { padding:40px 0 0;}
  .story .controls { top:40px; }
  .story_slide .bg { padding:0 50px; }
}
@media all and (max-width:768px){
  .story_slide .bg {height:250px;}
  .story_slide .bg::before { width:100%; background:#000; opacity:0.3;}
  .story_slide .bg img { filter:blur(3px); }
  .story_slide dl {text-align:center; width:100%; }
}
@media all and (max-width:480px){
  .story_slide .bg { padding:0 20px; }
  .story_slide dt {font-size:25px; }
  .story_slide dd a {font-size:16px;}
}


.quick_menu { position:relative; margin:70px 0 0; }
.quick_menu::before,
.quick_menu::after {content:''; position:absolute; left:0; top:50%; width:45px; height:45px; background:#f0e8e8; border-radius:50%; transform:translate(0, -50%); z-index:-1; }
.quick_menu::after {left:auto; right:0;}
.quick_menu .controls a  {position:absolute; left:7px; top:50%; transform:translate(0, -50%);}
.quick_menu .controls a.next { left:auto; right:7px; transform:translate(0, -50%) rotate(180deg); }
.quick_menu_slide {width:calc(100% - 130px); margin:0 auto; }
.quick_menu_slide a { position:relative; display:flex !important; align-items:center; padding:70px 10px 0; height:120px; }
.quick_menu_slide a::before { content:''; position:absolute; left:50%; top:0; width:70px; height:70px; background:url('/uni/main/img/main2024/quick_icon.png') no-repeat 0 0/1000% auto; transform:translate(-50%, 0); }
.quick_menu_slide a.icon2::before { background-position:11.11% 0; }
.quick_menu_slide a.icon3::before { background-position:22.22% 0; }
.quick_menu_slide a.icon4::before { background-position:33.33% 0; }
.quick_menu_slide a.icon5::before { background-position:44.44% 0; }
.quick_menu_slide a.icon6::before { background-position:55.55% 0; }
.quick_menu_slide a.icon7::before { background-position:66.66% 0; }
.quick_menu_slide a.icon8::before { background-position:77.77% 0; }
.quick_menu_slide a.icon9::before { background-position:88.88% 0; }
.quick_menu_slide a.icon10::before { background-position:100% 0; }
.quick_menu_slide a.icon11::before { background-position:0 100%; }
.quick_menu_slide a.icon12::before { background-position:11.11% 100%; }
.quick_menu_slide a.icon13::before { background-position:22.22% 100%; }
.quick_menu_slide a span { width:100%; text-align:center; }
.quick_menu_slide a::after { content:''; position:absolute; left:45px; top:5px; width:10px; height:10px; background:#db6768; border-radius:50%; opacity:0; transition:0.3s; }
.quick_menu_slide a:hover::after {opacity:1;}
@media all and (max-width:1023px){
  .quick_menu {margin:40px 0 0;}
  .quick_menu_slide a {font-size:16px;}
  .quick_menu_slide a small {font-size:11px;}
}

/* 노출갯수 5개일때 사용한 css 
.online_news { position:relative; margin:70px 0 0; overflow:hidden;}
.online_news div a { display:block; width:100%; height:30vh; border-radius:15px; overflow:hidden; }
.online_news div a img { width:100%; height:100%; object-fit:cover; transition: 0.5s; }
.online_news div a:hover img { transform:scale(1.1);}
.online_news dt {font-size:20px; font-weight:700; margin:25px 0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.online_news dd {font-size:17px; font-weight:700; color:#335a9d; margin:0 0 40px;}
@media all and (min-width:1024px){
  .online_news div {float:left; width:calc(33.33% - 34px); margin:0 0 0 50px;}
  .online_news div:first-of-type,
  .online_news div:nth-of-type(4n) { margin:0; }
  .online_news div:nth-of-type(4n) {position:absolute; left:0; bottom:0; }
  .online_news div:nth-of-type(2) a { height:calc(60vh + 130px); }
}
@media all and (max-width:1023px){
  .online_news {margin:40px 0 0;}
  .online_news div { float:left; width:50%; padding:0 20px; } 
  .online_news div:last-of-type {display:none;}
  .online_news div a { height:auto; }
}
@media all and (max-width:480px){
  .online_news div {width:100%; padding:0;}
  .online_news dt {font-size:18px; margin:20px 0 10px; }
  .online_news dd {margin:0 0 30px;}
}
*/

.online_news { position:relative; margin:70px 0 0; overflow:hidden;}
.online_news div a { display:block; width:100%; height:30vh; border-radius:15px; overflow:hidden; }
.online_news div a img { width:100%; height:100%; object-fit:cover; transition: 0.5s; }
.online_news div a:hover img { transform:scale(1.1);}
.online_news dt {font-size:20px; font-weight:700; margin:25px 0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.online_news dd {font-size:17px; font-weight:700; color:#335a9d; margin:0 0 40px;}
@media all and (min-width:1024px){
  .online_news div {float:left; width:calc(33.33% - 34px); margin:0 0 0 50px;}
  .online_news div:nth-of-type(3n+1) { margin:0; }
}
@media all and (max-width:1023px){
  .online_news {margin:40px 0 0;}
  .online_news div { float:left; width:48%; margin:0 0 0 4%;}
  .online_news div:nth-of-type(2n+1) { clear:both; margin:0; }
  .online_news div a { height:40vh; }
}
@media all and (max-width:480px){
  .online_news div { width:100%; margin:0; }
  .online_news div a { height:auto; }
  .online_news dt { font-size:18px; margin:20px 0 10px; }
  .online_news dd  {margin:0 0 30px;}
}