@charset "UTF-8";

/* Today */
#multipleDiv_konkuk_14 {overflow: hidden;}
.wrap-today {position: relative; left: -50px; opacity: 0; padding: 100px 80px 0 0;}
.wrap-today .title {position: relative; line-height: 1;}
.wrap-today .title::after {content: ''; position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; height: 1px; background: #000;}
.wrap-today .title strong {display: inline-block; padding-right: 30px; background: #fff; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; font-size: 50px; color: #2a2a2a;}
.wrap-today .title strong em {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; color: #e84855;}
.wrap-today .title .more {position: absolute; right: 0; top: 0; padding-left: 30px; background: #fff; }
.wrap-today .title .more a {position: relative; display: inline-block; width: 50px; height: 50px; border: 1px solid #bbb; text-indent: -99999px;}
.wrap-today .title .more a::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/btn-today-more.png') no-repeat center; transform: rotate(0deg); transition: .5s;}
.wrap-today .title .more a:hover::after {transform: rotate(180deg);}
.wrap-today .title .link {position: absolute; right: 0; top: 15px; z-index: 1; background: #fff;}
.wrap-today .title .link ul {display: flex; background: #fff;}
.wrap-today .title .link li {position: relative; margin-left: 30px; padding-left: 30px;}
.wrap-today .title .link li::after {content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #9b9b9b;}
.wrap-today .title .link li:first-child {margin-left: 0; padding-left: 30px;}
.wrap-today .title .link li:first-child::after {display: none;}
.wrap-today .title .link a {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; font-size: 20px; color: #333;}
.wrap-today .title .link a:hover {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; color: #e84855;}
/*
.wrap-today .title .link a span {position: relative;}
.wrap-today .title .link a span::after {content: ''; position: absolute; left: 0; bottom: -14px; width: 0%; height: 5px; background: #e84855; transition: .35s;}
.wrap-today .title .link a:hover span::after {width: 100%;}
*/

.wrap-today .list {display: flex; margin-top: 36px;}
.wrap-today .list1 {position: relative; top: 50px; opacity: 0; flex-shrink: 0; width: 69.5%;}
.wrap-today .list2 {flex-grow: 1; padding-left: 45px;}
.wrap-today .list .text .subject {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; line-height: 1.2; color: #000;}
.wrap-today .list a:hover .text .subject {color: #e84855;}
.wrap-today .list .text .subject span {position: relative; background: linear-gradient(to bottom, transparent 88%, #e84855 0) left center no-repeat; background-size: 0; transition: .5s;}
.wrap-today .list a:hover .text .subject span{background-size: 100% auto;}
.wrap-today .list1 .text .subject {margin-top: 37px; font-size: 26px;}
.wrap-today .list1 .thumb {position: relative; overflow: hidden; display: flex !important; justify-content: center; align-items: end; height: 0; padding-top: 66.1%; text-align: center;}
/* .wrap-today .list1 .thumb img {width: 120%; max-width: 120%} */
.wrap-today .list1 .thumb img {width: 100%; max-width: 120%; position:absolute; top:0; left:0;}
.wrap-today .list2 .text .subject {height: 44px; margin-top: 20px; font-size: 18px;}
.wrap-today .list2 .text .desc {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 4px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 16px; color: #666;}
.wrap-today .list2 li {position: relative; top: 50px; opacity: 0;}
.wrap-today .list2 li:last-child {margin-top: 18%;}
.wrap-today .list2 .thumb {position: relative; overflow: hidden; display: flex !important; justify-content: center; align-items: end; height: 0; padding-top: 66.5%; text-align: center;}
/* .wrap-today .list2 .thumb img {width: 120%; max-width: 120%} */
.wrap-today .list2 .thumb img {width: 100%; max-width: 120%; position:absolute; top:0; left:0;}

@media (max-width: 1270px) {
  .wrap-today {padding: 100px 50px 0 0;}
  .wrap-today .list1 .text .subject {font-size: 22px;} 
}

@media (max-width: 1200px) {
  .wrap-today .title strong {font-size: 40px;}
  .wrap-today .title .link {top: 12px}
  .wrap-today .title .link li {margin-left: 20px; padding-left: 20px}
  .wrap-today .title .link a {font-size: 16px}
}

@media (max-width: 1000px) {
  .wrap-today {left: 0 !important; opacity: 1 !important; padding: 50px 30px 0 0;}
  .wrap-today .title strong {font-size: 30px;}
  .wrap-today .title .more a {width: 36px; height: 36px;}
  .wrap-today .title .more a::after {background-size: 16px;}
  .wrap-today .title .link {top: 7px}
  .wrap-today .list1 {top: 0 !important; opacity: 1 !important; width: 100%;}
  .wrap-today .list1 .text .subject {margin-top: 21px; font-size: 18px;}
  .wrap-today .list2 {display: none;}
  .wrap-today .list2 li {top: 0 !important; opacity: 1 !important;}
}

@media (max-width: 768px) {
  #menu969_obj11401 {width: 100% !important;}
  .wrap-today {padding: 40px 0;}
  .wrap-today .title strong {font-size: 24px;}
  .wrap-today .title .more {top: -6px;}
  .wrap-today .title .link {top: 4px}
  .wrap-today .list {flex-wrap: wrap; margin-top: 26px;}
  .wrap-today .list1 .text .subject {margin-top: 17px; margin-bottom: 28px;}
  .wrap-today .list2 {display: flex; justify-content: space-between; align-items: start; gap: 0 30px; padding-left: 0;}
  .wrap-today .list2 li {width: 50%;}
  .wrap-today .list2 li:last-child {margin-top: 0;}
  .wrap-today .list2 .text .subject {height: 18px; margin-top: 12px; font-size: 15px;}
  .wrap-today .list2 .text .desc {font-size: 13.5px;}
}