@charset "UTF-8";

.main-notice-press {position:relative; overflow:hidden;}

.main-notice-title {position: relative; float: left; padding-right: 75px;}
.main-notice-title::after {content: ""; position: absolute; width: 55px; height: 1px; right: 0; top: 50%; background: #8B8B8B;}
.main-notice-title > p {font-family: 'Roboto'; font-weight: 900; font-size: 40px; color: #111111; line-height: 46px;}
.main-notice-title span.blue{color: #114b94;}

.main-notice-press > ul > li > .title {display:none;}
.main-notice-press > ul > li > .title button {display: inline-block; position:relative; font-size: 20px; line-height: 26px; letter-spacing: -0.5px; color: #999999; font-family: "Noto Medium"; padding-top: 10px; transition: color 0.3s;}
.main-notice-press > ul > li > .title button::before {content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 50%; margin-left: -3px; top: 0; transition: background 0.3s;}
.main-notice-press > ul > li.on .title button, .main-notice-press > ul > li:hover .title button {color: #114b94;}
.main-notice-press > ul > li.on .title button::before {background: #114B94;}

.main-notice-press .more {position:absolute; right:0; top:-59px; text-indent:-99999px;  width:45px; height:45px; border: 1px solid #BDBDBD;}
.main-notice-press .more::after {content: ""; position: absolute; width: 17px; height: 17px; background:url('../images/btn_notice_more.png') no-repeat center center; left: 50%; margin-left: -8.5px; top: 50%; margin-top: -8.5px; transform: rotate(0deg); transition: transform 0.3s;}
.main-notice-press .more:hover::after {transform: rotate(180deg);}

.main-notice-press > ul {position: relative;height: 160px;}
.main-notice-press > ul > li {transition: background 0.3s; background: #fff;}
.main-notice-press > ul > li .list {display: none;position: absolute;width: 100%;left: 0;top: 59px;height: 100px;}
.main-notice-press > ul > li.on .list {display: block;}

.main-notice-press > ul > li ul li {float: left; width: 46.75%; height: 50px; border-bottom: 1px solid #eee;}
.main-notice-press > ul > li ul li:nth-child(even){float: right;}
.main-notice-press > ul > li ul li:nth-child(2n-1) {margin-right: 6.5%;}
.main-notice-press > ul > li ul li:last-child {border-bottom: 1px solid #eee;}
.main-notice-press > ul > li ul li.nodate {margin-right: 0; width: 100%;}


.main-notice-press > ul > li a.subject {position: relative; display: block; line-height: 50px;}
.main-notice-press > ul > li .con-date {float: left; position: relative; width: 110px; padding: 0px 10px; text-align: center; box-sizing: border-box; margin-right: 20px;}
/*.main-notice-press > ul > li .con-date::after {content: ""; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: 5px solid #114B94; opacity: 0; transition: opacity 0.3s;}*/
.main-notice-press > ul > li .con-date span.year {display: inline-block; font-size: 16px; line-height: 26px; letter-spacing: 0px; color: #666666; font-family: 'Noto Light'; font-weight: 400; transition: color 0.3s;}
.main-notice-press > ul > li .con-date span.date {display: inline-block; font-size: 16px; line-height: 26px; letter-spacing: 0px; color: #666666; font-family: 'Noto Light'; font-weight: 400; transition: color 0.3s;}
.main-notice-press > ul > li .con-date span.month {display: inline-block; font-size: 16px; line-height: 26px; letter-spacing: 0; color: #666666; font-family: 'Noto Light'; font-weight: 400; transition: color 0.3s;}

.main-notice-press > ul > li .con-info {float: left; width: calc(100% - 135px); height: 50px;}

.main-notice-press > ul > li .con-info .title {position: relative; display: inline-block; padding: 0px; font-size: 16px; line-height: 50px; letter-spacing: -0.5px; color: #111111; font-family: "Noto Regular"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; word-wrap:break-word;}
/*.main-notice-press > ul > li .con-info .title {position: relative; display: block; padding: 0px; font-size: 16px; line-height: 50px; letter-spacing: -0.5px; color: #111111; font-family: "Noto Regular"; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display:-webkit-box;    word-wrap:break-word;    -webkit-line-clamp:1;    -webkit-box-orient:vertical; }*/
/*.main-notice-press > ul > li .con-info .title span {background-image: linear-gradient(transparent 96%, #004E96 2px); background-repeat: no-repeat; background-size: 0 100%; transition: background-size 0.5s;}*/
.main-notice-press > ul > li .con-info .title .new {position: relative; z-index: 2; display: inline-block; width: 14px; height: 14px; font-family: "Noto Bold"; color: #fff; background: #E76D00; text-align: center; line-height: 14px; vertical-align: middle; font-size: 10px; letter-spacing: -0.5px; margin-right: 2px; margin-top: -2px;}

/*.main-notice-press > ul > li .con-info .content {position: relative; font-size: 16px; line-height: 24px; letter-spacing: -0.5px; color: #888888; overflow: hidden; text-overflow: ellipsis; font-family: "Noto Light"; height: 48px; top: -10px; display:-webkit-box ;
    word-wrap:break-word;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;  word-break: break-all; margin-top: 5px;}*/

.main-notice-press > ul > li .nodata {text-align: center; padding: 20px 0;}

/*.main-notice-press > ul > li a:hover .con-date::after {opacity: 1;}
.main-notice-press > ul > li a:hover .con-date span{color: #004E96; font-weight: 600;}
.main-notice-press > ul > li a:hover .con-info .title {color: #004E96;}
.main-notice-press > ul > li a:hover .con-info .title span {background-size: 100% 100%;}*/
.main-notice-press > ul > li a.subject:hover{background: rgba(0,0,0,0.1);}


@media all and (min-width:1921px) {

}

@media all and (max-width:1055px) {
  /*.main-notice-press > ul > li a.subject {padding-top: 20px;}*/

  .main-notice-press > ul {height: 260px;}
  .main-notice-press > ul > li .list {top: 60px;height: 220px;}
  .main-notice-press .more {top: -60px;}

  .main-notice-press > ul > li ul li {float: none; width: 100%;}
  .main-notice-press > ul > li ul li:nth-child(even) {float: none;}
  .main-notice-press > ul > li ul li:nth-child(2n-1) {margin-right: 0;}

  .main-notice-title{padding-right: 55px;}
  .main-notice-title::after{width: 40px;}
  .main-notice-press > ul > li > .title{margin-left: 10px;}
  .main-notice-press > ul > li > .title button{font-size: 18px;}
  .main-notice-press > ul > li .con-info .title .new {margin-top: 3px;}
  /*.main-notice-press > ul > li .con-info {padding-top: 24px;}*/
  .main-notice-press > ul > li .con-info .title {height: 50px; white-space: nowrap;}
  /*.main-notice-press > ul > li .con-info .content {height: 24px; white-space: nowrap; top: 0;}*/
  .main-notice-press > ul > li .con-info .title .new{top: -3px;}
}

@media all and (max-width:768px) {
  .main-notice-title {float: none; padding-right: 0; margin-bottom: 10px;}
  .main-notice-title::after {display: none;}
  .main-notice-title > p {font-size: 30px; line-height: 40px;}

  .main-notice-press .more {top: -50px;}

  .main-notice-press > ul {text-align: center;height: 200px;}
  .main-notice-press > ul > li {display: inline-block; text-align: left;}
  .main-notice-press > ul > li .list {height: 200px;top: 0;}
  /*.main-notice-press > ul > li > .title {display: inline-block; float: none; margin-left: 0; padding: 0 3px;}*/
  .main-notice-press > ul > li > .title button {font-size: 15px; }

  .main-notice-press > ul > li .con-info {padding-top: 0px; width: calc(100% - 105px);}
  .main-notice-press > ul > li .con-info .title {font-size: 16px; line-height: 50px; white-space: nowrap; top: 0;}
  .main-notice-press > ul > li .con-date{margin-right: 0px; width: 98px;}

  .main-notice-press > ul > li .con-date span.year{font-size: 15px;}
  .main-notice-press > ul > li .con-date span.month{font-size: 15px;}
  .main-notice-press > ul > li .con-date span.date{font-size: 15px;}
  /*.main-notice-press > ul > li .con-info .content {height: 48px; white-space: normal; top: -4px;}*/
}