.main-content-inner01 { padding: 80px 0;}
.main-content-inner01 .notice-box {display: flex;gap: 48px;}
.main-content-inner01 .notice-box .left {max-width: 572px;width: 100%;}
.main-content-inner01 .notice-box .right {flex: 1;min-width: 0;}

.main-content-inner01 .main-title { margin-bottom: 32px; }
.main-content-inner01 .main-title p { font-weight: 700; font-size: 16px; line-height: 120%; letter-spacing: 2.16px; text-transform: uppercase; color: #009BB4; display: inline-flex; gap: 8px; align-items: center; margin-bottom: 20px; }
.main-content-inner01 .main-title p:before { content: ''; width: 32px; height: 1px; background: #009BB4; display: inline-block; }
.main-content-inner01 .main-title h3 { font-weight: 700; font-size: 48px; line-height: 120%; color: #101E1B; }
.main-content-inner01 .main-title h3 span { color: #009BB4; display: block; }

/* JS 주입 전 빈 껍데기가 보이지 않도록 감춘다. 자리는 유지해 레이아웃 이동을 막는다 */
.main-content-inner01 .notice-box .left .banner-new {border-radius: 24px;overflow: hidden;visibility: hidden;}
.main-content-inner01 .notice-box .left .banner-new.is-ready {visibility: visible;}
.main-content-inner01 .notice-box .left .banner-new a{position: relative;}
.main-content-inner01 .notice-box .left .banner-new a:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);}
.main-content-inner01 .notice-box .left .banner-new a .img-banner {overflow: hidden;}
.main-content-inner01 .notice-box .left .banner-new a .img-banner img {width: 100%;height: 100%;object-fit: cover;transition: transform .3s;}
.main-content-inner01 .notice-box .left .banner-new a:hover .img-banner img {transform: scale(1.1)}
.main-content-inner01 .notice-box .left .banner-new .txt-banner {position: absolute;bottom: 0;left: 0;padding: 28px;width: calc(100% - 56px);z-index: 10;} 
.main-content-inner01 .notice-box .left .banner-new .txt-banner .txt01 {font-weight: 500;font-size: 16px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #fff;padding: 8px 12px;border-radius: 35px;background: #009BB4;display: inline-block;margin: 0 0 8px;}
.main-content-inner01 .notice-box .left .banner-new .txt-banner .txt02 {font-weight: 700;font-size: 24px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #fff;margin: 0 0 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
    text-overflow: ellipsis;overflow: hidden;}
.main-content-inner01 .notice-box .left .banner-new .txt-banner .date {font-weight: 500;font-size: 16px;line-height: 100%;letter-spacing: 0;vertical-align: middle;color: rgba(255, 255, 255, 0.7);}


.main-content-inner01 .main-notice-box { width: 100%; box-sizing: border-box; position: relative;margin: 82px 0 0;}
.main-content-inner01 .main-notice-box > ul { list-style: none; padding: 0;box-sizing: border-box; display: flex;flex-wrap: nowrap; margin: 0;border-bottom: 1px solid #0000001A;}
.main-content-inner01 .main-notice-box > ul > li > a { display: inline-block; padding: 12px 20px;font-weight: 700;font-size: 24px;line-height: 120%;letter-spacing: -0.04em;text-align: center;vertical-align: middle;color: rgba(118, 118, 118, 0.6);max-height: 53px;box-sizing: border-box;position: relative;}
.main-content-inner01 .main-notice-box > ul > li.active > a:before{content: "";position: absolute;background: #009BB4;width: 100%;height: 3px;bottom: -1px;left:0;}
.main-content-inner01 .main-notice-box > ul > li.active > a { color: #009BB4; }
.main-content-inner01 .main-notice-box > ul > li .tab-con { display: none; flex-grow: 1; width: 100%; z-index: 1; position: absolute; left: 0; right: 0; top: 78px; box-sizing: border-box; }
.main-content-inner01 .main-notice-box > ul > li.active .tab-con { display: block; }

.main-content-inner01 .main-notice-box > ul > li .tab-con .card > li > a{display: flex;align-items: center;padding: 23.5px 0;border-bottom: 1px solid #0000001A;justify-content: space-between;gap: 15px;}
.main-content-inner01 .main-notice-box > ul > li .tab-con .card > li > a .txt {font-weight: 600;font-size: 20px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #262626;flex: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;}
.main-content-inner01 .main-notice-box > ul > li .tab-con .card > li > a .date {max-width: 100px;width: 100%;font-weight: 500;font-size: 18px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #767676;}
.main-content-inner01 .main-notice-box > ul > li .tab-con .card > li:last-child > a {border-bottom: 0;}
.main-content-inner01 .main-notice-box > ul > li .tab-con .btn-notice {position: absolute;right: 0;top: -60px;font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #767676;display: inline-flex;gap: 12px;align-items: center;}
.main-content-inner01 .main-notice-box > ul > li .tab-con .btn-notice:after {content: "";display: inline-block;background: url(../img/main/ico-notice-tab.png)no-repeat center center;width: 20px;height: 20px;}

@media (max-width: 1024px) {
	
	.main-content-inner01 { padding: 60px 0 80px;} 
	
	.main-content-inner01 .notice-box {flex-direction: column;gap: 30px;}
	.main-content-inner01 .notice-box .left {max-width: unset;}
	.main-content-inner01 .notice-box .right {width: 100%;}
	.main-content-inner01 .main-notice-box {margin: 0;}
}

@media (max-width: 768px) {
	.main-content-inner01 .main-title h3 {font-size: 36px;}
	.main-content-inner01 .notice-box .left .banner-new a .img-banner {height: 288px;}
	.main-content-inner01 .main-notice-box > ul > li .tab-con .btn-notice {position: relative;top: 0;right: 0;margin: 30px 0 0;display: flex;justify-content: center;}
}

@media (max-width: 500px){
	.main-content-inner01 .main-notice-box > ul > li .tab-con .card > li > a {padding: 16px 0;gap: 10px;flex-direction: column;align-items: flex-start;}
	
}