#navigation {position: absolute;top: 45px;background: transparent;}

.holder {max-width: 1000px;width: 100%;margin: 0 auto;}

#main-visual {height: 100%;}

#main-visual .set-images div {background-size: cover;width: 100%;height: calc(100vh - 48px);min-height: 800px;}
#main-visual .images1 {background: url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2020/assets/images/img/visual_china1.jpg?ver=2020) no-repeat 50% 0;}
#main-visual .images2 {background: url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2020/assets/images/img/visual_china2.jpg) no-repeat 50% 0;}
#main-visual .images3 {background: url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2020/assets/images/img/visual_china3.jpg) no-repeat 50% 0;}
#main-visual .images4 {background: url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2020/assets/images/img/visual_china4.jpg) no-repeat 50% 0;}
#main-visual .images5 {background: url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2020/assets/images/img/visual_china5.jpg) no-repeat 50% 0;}

.slogan-area {position: absolute;top: 254px;left: 50%;width: 1000px;margin-left: -500px;}
.slogan-area .slogan {text-align: center;}
.txt-slogan {margin-top: 10px;}
.txt-date {margin-top: 180px;}
.txt-date img {margin-bottom: 10px;}
.txt-flag img {margin: 0 32px;}
#txt-move5, #txt-move9 {margin-left: 20px;}
#txt-move1, #txt-move2, #txt-move3, #txt-move4, #txt-move5, #txt-move6, #txt-move7, #txt-move8, #txt-move9, #txt-move10, #txt-move11 {opacity: 0}

.main-cont h3 {padding: 40px 0 15px;color: #000;font-size: 30px;font-weight: 700;text-align: center;}
.main-cont h3 .zh {display: block;margin-top: -10px;letter-spacing: -0.05em;}

.main-event {}
.main-event .list-imgs li {position: relative;}
.main-event .list-imgs li a {display: block;position: relative;}
.main-event .list-imgs li a span.btn {display: block;width: 270px;min-height: 60px;line-height: 1.2;padding: 9px 10px;position: absolute;bottom: 45px;left: 25px;font-size: 18px;text-align: left;transition: background-color .3s;border-radius: 10px;}
.main-event .list-imgs li a span.btn .zh {display: block;}
.main-event .list-imgs li a:hover span.btn {background-color: transparent;text-align: center;padding-bottom: 20px;font-size: 22px;line-height: 1.4;}
.main-event .list-imgs li a:hover span.btn .zh {font-size: inherit;}
.main-event .list-imgs li a:hover span.btn:after {content: '';position: absolute;top: 100%;left: 50%;width: 50px;height: 3px;margin-left: -25px;background: #fff;}


.main-notice {height: 550px;margin-top: 70px;background: #f5ead8 url(../images/bg/bg_notice.jpg) no-repeat 50% 100%}
.main-notice .holder {position: relative;}
.main-notice ul {padding: 40px 30px 10px;border-top: 2px solid #000;border-bottom: 1px solid #000}
.main-notice ul li {position: relative;padding: 0 0 17px 0;}
.main-notice ul li a {position: relative;padding-left: 20px;display: inline-block;width: calc(100% - 100px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-notice ul li a:before {content: '';position: absolute;top: 10px;left: 0;width: 6px;height: 5px;background-color: #e30000;border-radius: 50%;}
.main-notice ul li * {vertical-align: top}
.main-notice .more {position: absolute;top: 100px;right: 0;display: inline-block;}
.main-notice .more a {display: block;position: relative;padding-right: 20px;}
.main-notice .more a:after {content:'';position: absolute;top: 6px;right: 5px;width: 12px;height: 12px;background: url(../images/ico/bl_more.png) no-repeat 0 0}