#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/china2021/assets/images/img/visual_china1.jpg?ver=2021) no-repeat 50% 0;}
#main-visual .images2 {background: url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2021/assets/images/img/visual_china2.jpg) no-repeat 50% 0;}
#main-visual .images3 {background: url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2021/assets/images/img/visual_china3.jpg) no-repeat 50% 0;}
#main-visual .images4 {background: url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2021/assets/images/img/visual_china4.jpg) no-repeat 50% 0;}
#main-visual .images5 {background: url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2021/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}

/*main 20210826*/
.page-template-china-2021-main #main-visual{background:#fcf6ea url(../images/bg/bg-img-main.png) repeat; padding-bottom:200px;}
.page-template-china-2021-main .main-wrap{position:relative; width:1018px; margin:0 auto;}
.page-template-china-2021-main .main-visual-menu{margin-top:120px;}
.page-template-china-2021-main .slogan-area{position: static; margin:0 auto;}
.page-template-china-2021-main .slogan-area h3 {padding:80px 0 0 0;}
.page-template-china-2021-main .slogan-area .txt-slogan{margin-top:22px;}
.page-template-china-2021-main .slogan-area .txt-date{margin-top:57px;}
.page-template-china-2021-main .map-area{position:relative; display:block; width:100%; height:912px; margin-top:-18px; background:url(../images/bg/bg-img-map.png) no-repeat; background-size:cover;}
.page-template-china-2021-main .map-area > .map-menu > li{position:absolute; display:inline-block; background:url(../images/bg/bg-img-menu.png) repeat-x; background-size:contain; border:5px solid #fff; border-radius:15px; box-shadow:5px 5px 8px rgba(0,0,0,.55);}
.page-template-china-2021-main .map-area > .map-menu > li:after{position:absolute; top:33%; right:30px; content:''; width:12px; height:21px; background:url(../images/ico/img-ico.png) no-repeat 0 -30px;}
.page-template-china-2021-main .map-area .zh{display:block; text-align:center;}
.page-template-china-2021-main .map-area > .map-menu > li:first-child{top:220px; right:12px;}
.page-template-china-2021-main .map-area > .map-menu > li:nth-child(2){top: 436px; left:24px;}
.page-template-china-2021-main .map-area > .map-menu > li:nth-child(3){top: 394px; right:126px;}
.page-template-china-2021-main .map-area > .map-menu > li:nth-child(4){top:701px; left:258px;}
.page-template-china-2021-main .map-area > .map-menu > li:last-child{top: 536px; right: 317px;}
.page-template-china-2021-main .map-area > .map-menu > li > a{font-family:'SeoulNamsan'; display:block; color:#fff; padding:6px 68px 6px 30px; font-size:18px; text-align:center;}
.page-template-china-2021-main .map-area > .map-menu > li .sub-depth2{ position: absolute; background: #fff; width:100%; z-index: 1; padding:10px 31px 10px 27px; border-radius: 15px; margin-top: 7px; box-shadow: 7px 7px 1px #d69d66; display:none; transition:all .5s;}
.page-template-china-2021-main .map-area > .map-menu > li .sub-depth2.on{display: block;}
.page-template-china-2021-main .map-area > .map-menu > li .sub-depth2 .zh{text-align:center; line-height: 14px;}
.page-template-china-2021-main .map-area > .map-menu > li .sub-depth2 > li{padding:12px 0; border-bottom:1px solid #ac161d; text-align:center;}
.page-template-china-2021-main .map-area > .map-menu > li .sub-depth2 > li:last-child{border-bottom:0;}
.page-template-china-2021-main .map-area > .map-menu > li .sub-depth2 > li > a{color: #ac161d; font-family: 'seoul-namsan-jang-b';}
.page-template-china-2021-main .main-notice{margin-top:90px; height:auto; background:#fff; border-radius:25px; box-shadow: 16px 18px 1px #eaddc2;}
.page-template-china-2021-main .main-notice .holder{padding: 92px 50px 0 50px;}
.page-template-china-2021-main .main-notice .more{top: 77px; right: 50px; padding-left:10px; background:#fff;}
.page-template-china-2021-main .main-notice .more a{padding-right:32px;}
.page-template-china-2021-main .main-notice .more a:after{top: 0; right: 0; width: 26px; height: 26px; background: url(../images/ico/img-ico.png) no-repeat 0 0;} 
.page-template-china-2021-main .main-notice h3{padding:0 20px 0 0; text-align:left; background:#fff; position:absolute; top:50px;}
.page-template-china-2021-main .main-notice ul{padding:80px 0 60px 0; border-top:1px solid #000; border-bottom:0;}
.page-template-china-2021-main .main-notice ul li a:before{top: 8px; width: 6px; height: 6px; background:transparent; border: 3px solid #b7272d;}
.page-template-china-2021-main #footer::before{content:''; position:absolute; top:-142px; width:100%; height:142px; background:url(/festa/wp-content/themes/seoul_festa/page-templates/china/china2021/assets/images/bg/bg-img-footer.png) no-repeat bottom center;  background-size:auto 142px;}
@media only screen and (max-width: 1321px) and (min-width: 768px) {
.page-template-china-2021-main #footer::before{background-size:auto 110px;}
}