.main-section {position: relative;z-index: 2;background-color: #fff;}
.main-section.main-banner1 {z-index: 1;}
.main-section .animate-go-up {opacity: 0;transform: translateY(4rem);transition: all 1s ease-in-out;}
.main-section.on .animate-go-up {opacity: 1;transform: translateY(0);}
.main-section .animation-opacity {opacity: 0;transition-property: opacity, transform;transition: all .4s ease;}
.main-section.on .animation-opacity {opacity: 1;transform: translateZ(0);}

/* main section 1 */
.main-section.main-top-slide {padding: 0;}
.main-section.main-top-slide .top-slide {position: relative;}
.main-section.main-top-slide .top-slide .item {position: relative;display: block;overflow: hidden;}
.main-section.main-top-slide .top-slide .item .img-wrap img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;}
.main-section.main-top-slide .top-slide .item .img-position-top {object-position: 50% 10%;}

.main-section.main-top-slide .top-slide .item .slide-text-wrap {position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;color: #fff;}
.main-section.main-top-slide .top-slide .item .slide-text-wrap > .container {display: block;opacity: 0;transform: translateY(2rem);transition: all 1s ease-in-out;}
.main-section.main-top-slide .top-slide .item .slide-text-wrap > .container > * {display: block;}
.main-section.main-top-slide .top-slide .item .slide-text-wrap > .container .title {display: flex;flex-direction: column;font-weight: bold;}

.main-section.main-top-slide .top-slide .slide-nav-container {position: absolute;z-index: 1;display: flex;align-items: end;gap: 1.375rem;}

.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 {display: flex;align-items: center;color: var(--white-color);}
.main-section.main-top-slide .top-slide .slide-page .page-counter .slide-time {position: relative;display: block;height: 2px;background-color: var(--white-color);}
.main-section.main-top-slide .top-slide .slide-page .page-counter .slide-time > span {display: block;height: 2px;background-color: var(--primary-color);}

.main-section.main-top-slide .top-slide .owl-dots {display: none;}
/* //main section 1

/* main section 2 */
.hover-box .hover-contents {display: block;}
.hover-box .hover-contents > span:first-child {position: relative;display: block;width: 100%;height: 100%;}
.hover-box .hover-contents > span:first-child:before {content: "";position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;border-radius: .625rem;transition: all .3s ease-in-out;}
.hover-box .hover-contents > span:first-child:after {content: "";position: absolute;z-index: 1;left: 0;right: 0;bottom: 0;}

.hover-box .hover-contents img {width: 100%;height: 100%;object-fit: cover;}
.hover-box .hover-contents > span:last-child {position: absolute;z-index: 2;bottom: 1.875rem;left: 1.625rem;right: 1.625rem;display: flex;justify-content: center;align-items: center;color: var(--white-color);text-align: center;}
.hover-box .hover-contents > span:last-child > span {width: 100%;word-wrap: break-word;word-break: keep-all;letter-spacing: -.03em;}
/* //main section 2 */

/* main section 3 */
.main-section.main-banner1 {position: relative;overflow: hidden;padding: 0;}
.main-section.main-banner1 .img-wrap {position: fixed;left: 0;right: 0;z-index: 0;}
.main-section.main-banner1 .img-wrap:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.main-section.main-banner1 .img-wrap > img {width: 100%;height: 100%;object-fit: cover;object-position: bottom;}

.counting-box-wrap {display: flex;justify-content: space-between;}
/* //main section 3 */

/* main section 4 */
/* //main section 4 */
/* main section 5 */
/* //main section 5 */

/* main section 6 */
/* //main section 6 */

/* main section 7 */
/* //main section 7 */

/* hover */
@media (hover: hover) and (pointer: fine) {
}

@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;}
}