@charset "utf-8";

/* wrap-schedule */
.wrap-schedule {position: relative; background:#0E51A1; padding:65px 0 40px 0;}
.wrap-schedule::before {content:'calendar'; text-transform: uppercase; color:rgba(0,0,0,0.15); font-family: 'SUITE Heavy'; font-size: 100px; line-height: 75px;max-width:860px; width:100%; text-align:right; position: absolute; top:0; right:50px;}
.wrap-schedule .frame {max-width:860px; margin-left:auto;}
.wrap-schedule .frame-inner {margin-right: 50px; position: relative; }
.wrap-schedule .title h1 {font-size: 32px; font-family: 'SUITE ExtraBold'; line-height: 40px; color:#fff;}
.wrap-schedule .tab-list {display: flex; gap:0 20px;}
.wrap-schedule .tab-list button {font-size: 16px; font-family: 'SUITE Regular'; color:#fff; }
.wrap-schedule .row > li {display: none;}
.wrap-schedule .row > li.active {display: block;}
.wrap-schedule #recentSchdul {display:grid; grid-template-columns: 1fr 1fr; grid-template-rows:auto auto auto; gap:0 40px;}
.wrap-schedule #recentSchdul li {color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding: 18px 0 18px 0;}
.wrap-schedule .nodata-wrap {grid-template-columns: 1fr !important; }
/* .wrap-schedule #recentSchdul li:hover .box p {opacity:1;} */
.wrap-schedule .date {font-family: 'SUITE Bold'; font-size: 26px; line-height: 40px;}
.wrap-schedule .box p {font-family: 'SUITE Regular'; font-size: 20px; line-height: 40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; overflow:hidden; opacity:0.7;}
.wrap-schedule .box .year {display: none;}
.wrap-schedule .col1 { grid-column: 1; }
.wrap-schedule .col2 { grid-column: 2; }
.wrap-schedule .row1 { grid-row: 1; }
.wrap-schedule .row2 { grid-row: 2; }
.wrap-schedule .row3 { grid-row: 3; border-bottom:0 !important;}
.wrap-schedule .more {width:18px; height:18px; text-indent: -99999px; background:url('../images/more.png') no-repeat center; transition: transform .35s; position: absolute; right:0; top:10px;}
.wrap-schedule .more:hover {transform:rotate(180deg);}
.wrap-schedule .monthDate {display: none;}
.wrap-schedule .nodata-wrap {grid-template-columns:1fr;}
.wrap-schedule .no-data {text-align: center; font-family: 'HG Regular'; border-bottom:unset !important;}
.wrap-schedule .frame {height:100%;}
.wrap-schedule .frame-inner {height:100%; flex:1; display: flex; flex-direction: column;}
.wrap-schedule .nod {display: flex; align-items: center; justify-content: center; flex:1;}
@media screen and (max-width:1800px) {
    .wrap-schedule .frame-inner {padding-left:20px;}
}
@media screen and (max-width:1200px) {
    .wrap-schedule {padding:55px 0 35px 0; display: flex;}
   
    .wrap-schedule::before  {font-size: 70px; line-height: 55px; right:20px;}
    .wrap-schedule .frame {width:100%;}
    .wrap-schedule .frame-inner {margin-right: 20px; padding-left:40px;}
    .wrap-schedule .date {font-size: 22px;}
    .wrap-schedule .box p {font-size: 19px;}
    .wrap-schedule #recentSchdul {grid-template-columns: 1fr;}
    .wrap-schedule #recentSchdul li {display: none;}
    .wrap-schedule #recentSchdul li:nth-child(-n+3),
    .wrap-schedule #recentSchdul li.no-data {display: block !important;}
    .wrap-schedule #recentSchdul li {padding:13px 0 13px 0;}

}
@media screen and (max-width:768px) {
    .wrap-schedule {padding:42px 0 27px 0;}
    .wrap-schedule .frame-inner {padding-left: 20px;}
    .wrap-schedule::before {font-size: 40px; line-height: 30px; right:20px;}
    .wrap-schedule .title h1 {font-size: 28px;}
    .wrap-schedule ul li {padding: 18px 0 17px 0;}
    .wrap-schedule .date,
    .wrap-schedule .box p {line-height: 1.5;}
    .wrap-schedule .box p {margin-top: 5px;}
}