.main-section {padding: 7.5rem 0;}

/* main section 1 */
.main-section.main-top-slide {padding: 8.75rem 0 0;}
/*
.main-section.main-top-slide .top-slide {height: calc(100dvh - 21.25rem);}
.main-section.main-top-slide .top-slide .item {height: calc(100dvh - 21.25rem);}
.main-section.main-top-slide .top-slide .item .img-wrap {position: relative;height: 100%;}
.main-section.main-top-slide .top-slide .item .img-wrap:before {content: "";position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;height: 50%;background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0));}
.main-section.main-top-slide .top-slide .item .img-wrap img {height: calc(100dvh - 21.25rem);}
*/

.main-section.main-top-slide .top-slide {height: 75rem;}
.main-section.main-top-slide .top-slide .item {height: 75rem;}
.main-section.main-top-slide .top-slide .item .img-wrap {position: relative;height: 100%;}
.main-section.main-top-slide .top-slide .item .img-wrap:before {content: "";position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;height: 50%;background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0));}
.main-section.main-top-slide .top-slide .item .img-wrap img {height: 100%;}

.main-section.main-top-slide .top-slide .item .slide-text-wrap {bottom: 15.25rem;}
.main-section.main-top-slide .top-slide .item .slide-text-wrap > .container {position: relative;text-align: center;}
.main-section.main-top-slide .top-slide .item .slide-text-wrap > .container .business-name {font-size: 2.25rem;font-weight: 500;line-height: 2.75rem;}
.main-section.main-top-slide .top-slide .item .slide-text-wrap > .container .title {line-height: 4.5rem;font-size: 4rem;margin-top: 3rem;}
.main-section.main-top-slide .top-slide .item .slide-text-wrap > .container .contents {font-size: 2rem;line-height: 2.5rem;margin-top: 3rem;}

.main-section.main-top-slide .top-slide .slide-nav-container {left: 0;right: 0;bottom: 5rem;justify-content: center;}

.main-section.main-top-slide .top-slide .slide-page {gap: 1.25rem;}
.main-section.main-top-slide .top-slide .slide-page > button > img {width: 1.5rem;height: 1.5rem;object-fit: contain;}
.main-section.main-top-slide .top-slide .slide-page .page-counter {gap: 2.5rem;font-size: 2.25rem;font-weight: 500;line-height: 2.75rem;font-variant-numeric: tabular-nums;letter-spacing: -.025em;}
.main-section.main-top-slide .top-slide .slide-page .page-counter .slide-time {width: 20rem;}
/* //main section 1 */

/* main section 2 */
.main-section.main-sponsor-campaign {background-color: var(--gray-color-f5);}
.main-section.main-sponsor-campaign .animation-opacity {position: relative;transition-delay: .8s;overflow: hidden;}

.main-section.main-sponsor-campaign .text-center + .overflow-auto {padding-left: 1.25rem;}
.main-section.main-sponsor-campaign .item {padding-right: 1.25rem;width: 23.75rem;min-width: 23.75rem;}
.main-section.main-sponsor-campaign .item a {display: block;width: 100%;padding-bottom: 133.33%;}

.hover-box .hover-contents > span:first-child:after {height: 50%;border-radius: 1.25rem;background: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0));}
.hover-box .hover-contents img {border-radius: 1.25rem;}
.hover-box .hover-contents > span > span {font-size: 1.75rem;}
/* //main section 2 */

/* main section 3 */
.main-section.main-banner1 {padding: 0;}
.main-section.main-banner1 > .text-center {position: relative;z-index: 2;background-color: var(--white-color);padding: 7.5rem 0 3.75rem;}
.main-section.main-banner1 .img-wrap {top: 25.375rem;/*max-width: 1024px;margin: auto;*/}
.main-section.main-banner1 .img-wrap:before {height: 43.625rem;background-color: rgba(85, 85, 85, .5);}

.main-section.main-banner1 .text-wrap {position: relative;z-index: 1;padding-bottom: 89.48%;}
.main-section.main-banner1 .text-wrap > .d-flex {padding: 5rem 0;color: var(--white-color);line-height: 2rem;}
.main-section.main-banner1 .text-wrap .img-wrap > img {height: 43.625rem;}

.counting-box-wrap {flex-direction: column;align-items: center;font-size: 1.625rem;}
.counting-box-wrap .counting {font-size: 5rem;font-weight: 600;line-height: 6rem;}

.awards-section {position: relative;z-index: 1;background-color: var(--white-color);padding-bottom: 7.5rem;}
.awards-section .d-flex [class *= icon-] {display: block;}
.awards-section .icon-kguide-star {width: 12rem;height: 7.5rem;}
.awards-section .icon-ngo-prize {width: 13.125rem;height: 9.75rem;}
.awards-section .icon-un-ecosoc {width: 20.25rem;height: 6.5rem;}
.awards-section p {font-size: 2.25rem;font-weight: bold;line-height: 2.75rem;}
/* //main section 3 */

/* main section 4 */
.main-section.slide-section1 {display: block;overflow: hidden;background-color: var(--gray-color-f5);}
.slide-section1 .text-center + .overflow-auto {padding-left: 1.25rem;}
.slide-section1 .item {width: 30rem;min-width: 30rem;padding-right: 1.25rem;}
.slide-section1 .item > a {display: flex;flex-direction: column;height: 100%;overflow: hidden;background-color: var(--white-color);}
.slide-section1 .item > a .img-wrap {padding-bottom: 56.25%;}
.slide-section1 .item > a .img-wrap + span {padding: 2.5rem 2rem 3rem;}
.slide-section1 .item > a > span.d-flex {flex: 1;justify-content: space-between;}
.slide-section1 .item > a .tit {font-size: 1.75rem;font-weight: 500;color: var(--gray-color-2);line-height: 2.25rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.slide-section1 .item > a .date {font-size: 1.5rem;color: var(--gray-color-a);line-height: 1.875rem;margin-top: .75rem;}
/* //main section 4 */

/* main section 5 */
.main-section.notice-section .table-notice {display: flex;flex-direction: column;}
.main-section.notice-section .table-notice .notice-list {display: flex;flex-direction: column;border-top: 1px solid var(--gray-color-e5);line-height: 1.875rem;}
.main-section.notice-section .table-notice .notice-list + .notice-list {border-bottom: 1px solid var(--gray-color-e5);}
.main-section.notice-section .table-notice .notice-list .notice-type {align-self: start;display: inline-block;font-size: 1.5rem;font-weight: 600;line-height: 1.875rem;border-radius: .625rem;text-align: center;padding: .5rem 1rem;color: var(--gray-color-a);background-color: var(--gray-color-f5);}
.main-section.notice-section .table-notice .notice-list .notice-title {display: inline-block;width: 100%;font-size: 1.75rem;font-weight: 500;line-height: 2.25rem;}
/* //main section 5 */

/* hover */
@media (hover: hover) and (pointer: fine) {
}
@media (min-width: 778px){
    .main-section.main-top-slide .top-slide .item .img-wrap img {object-position: 100%;}
    .main-section.main-sponsor-campaign .item {width: 25%;}
    .slide-section1 .item {width: 33.333%;}
    .main-section.main-banner1 .img-wrap {top: 0;}
    .main-section.main-banner1 .img-wrap:before {height: 100%;}
    .main-section.main-banner1 .text-wrap .img-wrap > img {height: 100%;}
}

@media (min-width: 992px){
    .container.container-wide,
    .container-md.container-wide,
    .container-sm.container-wide {max-width: 1160px;}
}
@media (min-width: 1200px){
    .container.container-wide,
    .container-md.container-wide,
    .container-sm.container-wide {max-width: 1240px;}
}
@media (min-width: 1400px){
    .container.container-wide,
    .container-md.container-wide,
    .container-sm.container-wide {max-width: 1720px;}
}

