@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: 'NotoCn Medium'; font-style: italic; font-size: 50px; color: #2a2a2a;}
.wrap-today .title strong em {font-family: 'Mont Bold'; font-style: italic; color: #016365;}
.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 .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; width: 30.5%; padding-left: 44px;}
.wrap-today .list .text .subject {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: 'NotoCn Medium'; line-height: 1.2; color: #000;}
.wrap-today .list a:hover .text .subject {color: #016365;}
.wrap-today .list .text .subject span {position: relative; background: linear-gradient(to bottom, transparent 95%, #016365 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: 22px;}
.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 .list2 .text .subject {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: 'NotoCn Regular'; font-size: 16px; color: #666;}
.wrap-today .list2 li {position: relative; top: 50px; opacity: 0;}
.wrap-today .list2 li:last-child {margin-top: 19%;}
.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%}

@media (max-width: 1440px) {
  .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 .list1 .text .subject {font-size: 19px;}
  .wrap-today .list2 .text .subject {font-size: 17px;}
  .wrap-today .list2 li:last-child {margin-top: 21%;}
}

@media (max-width: 1270px) {
  .wrap-today {padding: 100px 50px 0 0;}
}

@media (max-width: 1000px) {
  .wrap-today {left: 0 !important; opacity: 1 !important; padding: 50px 30px 0 0;}
  .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) {
  #menu15332_obj52 {width: 100% !important;}
  .wrap-today {padding: 40px 0;}
  .wrap-today .title strong {font-size: 24px;}
  .wrap-today .title .more {top: -6px;}
  .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; width: 100%; padding-left: 0;}
  .wrap-today .list2 li {width: calc(50% - 16px);}
  .wrap-today .list2 li:last-child {margin-top: 0;}
  .wrap-today .list2 .text .subject {margin-top: 12px; font-size: 15px;}
  .wrap-today .list2 .text .desc {font-size: 13.5px;}
}