#navigation{display:none!important;}
html, body {position:relative; min-width:1000px;min-height:700px;}
#page1{min-width:1000px;}
* {box-sizing: border-box;letter-spacing: -0.02em;}
/**::after {display: table; clear: both ; content: ''; }*/

/* common */
.m_mobile,.mobile .m_pc {display: none;}
section .holder{overflow:hidden;box-sizing:border-box; margin: 0 auto;  max-width:1000px; }

#page1 {position: relative;z-index:1; overflow:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch;width:100%; height:100%; background:#fff; }
#page1 header {position: relative; z-index:8;overflow: hidden;width: 100%;}
#page1 header .holder {position: relative;overflow:hidden;margin:0 auto; padding-top: 30px; max-width:1000px;width: 100%;}
#page1 header .holder h1 {float: left;}
#page1 header .holder h1 img{height:33px;}
#page1 header .holder .sns {float: right;}
#page1 header .holder .sns li {float: left;margin-right: 7px;}
#page1 header .holder .sns li:last-child {margin-right:0;}
#page1 header .holder .sns img {width: 44px;height: 44px}

#page1.new #header {width:100%;top:0;border: 0;overflow: visible;z-index: 11;}
#page1.new #header #seoul-common-header {border-bottom: 1px solid #ddd}
#page1.new #header .holder {position:relative;margin:0 auto;height: 70px;width:1000px;}
#page1.new #header .holder > div {height:32px; overflow:hidden;}
#page1.new #header iframe {position:relative; top:-3px; margin:0; padding:0; width:100%; height:32px; border:0;}
#page1.new #header h1 {position:absolute;top:33px;left:0;}
#page1.new #header .holder .sns {float: right;margin-top:20px}
#page1.new #header .holder .sns li {float: left;margin-right: 7px;}
#page1.new #header .holder .sns li:last-child {margin-right:0;}
#page1.new #header .holder .sns img {width: 35px;height: 35px}
#page1.new nav#navigation {display: inherit !important; overflow:visible;}
#page1.new header .holder {padding-top: 0 !important;}
#page1.new .nav_wrap {position: static; top: 0;}
#page1.new #navigation .holder > ul,
#page1.new #navigation .holder > ul  li > a {box-sizing:content-box}
#page1.new .main_wrap {position:relative; overflow:hidden;}
#page1.new  #container { margin-top: 0;padding-bottom:0; margin-bottom:0; border-bottom:0}
#page1.new .txt_left{width:100%;display:block;text-align:center;margin-bottom:45px;max-width: inherit;}
#page1.new .txt_left .noti00, #page1.new .noti02{margin:0;width:100%;height: 100%;}
#page1.new .txt_right{width:100%; margin: 0 auto; max-width: inherit;}
#page1.new #nav {background: #056f61;top: auto !important;bottom: 0;position: absolute !important;}
#page1.new #nav a span:before {display: none;}
#page1.new #nav li {width: 25%;}
#page1.new #nav li a{margin:0;}
#page1.new #nav li:last-child:after{display:none}
#page1.new #nav li:after{height:calc(100% - 52px)}
#page1.new #main-content{padding: 80px 0 }
#page1.new .title{margin-bottom:25px}
#page1.new .title h3{padding-top:50px}




#nav {position:absolute; top:auto; width:100%; overflow:hidden; left:0; z-index:11111; background:#fcb315; }
#nav #inner{max-width:1000px; width:100%; margin:0 auto; overflow:hidden;}
#nav li{position:relative; float:left; text-align:center; font-weight:bold;padding: 26px; font-size:20px;}
#nav li:after{position:absolute; height: 30px; width: 1px; background:rgba(255,255,255,0.5) ; content:''; display:block; right:0; top:26px;}
#nav a{text-decoration: none; color:#fff; position:relative; line-height:30px; display:block; margin-left:43px; letter-spacing: 0; font-size: 22px;}
#nav .m01{padding-left:0}
#nav .m05{padding-right:0}
#nav a span{position: relative; display: block;}
#nav a span:before{position:absolute;width: 32px; height:30px; content:''; display:block; left:-42px; top:0;  background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/icon01.png) center no-repeat}
#nav .m02 a span:before{background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/icon02.png) center no-repeat}
#nav .m03 a span:before{background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/icon03.png) center no-repeat}
#nav .m04 a span:before{background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/icon04.png) center no-repeat}
#nav .m05 a span:before{background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/icon05.png) center no-repeat}
#nav .m05:after{display:none;}
#nav.fixed{opacity: 1 !important; }

#visual {overflow:hidden;}
#visual [class*="images"] {position:absolute; top:0; left:0; z-index:2; width:100%; background-size:cover !important; opacity:0; filter:alpha(opacity=0);}
#visual .set-images {position:absolute; top:0; left:0; z-index:2; overflow:hidden; width:100%; opacity:1; filter:alpha(opacity=100);}
#visual .images1 {background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/img_06.jpg?ver0617) center top no-repeat;opacity: 1}
#visual .images2 {background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/img_07.jpg?ver0617) center top no-repeat;}
#visual .images3 {background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/img_08.jpg?ver0617) center top no-repeat;}
#visual .images4 {background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/img_09.jpg?ver0617) center top no-repeat;}
#visual .images5 {background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/img_10.jpg?ver0617) center top no-repeat;}

.pagenum-wrap{position:relative;}
.pagenum {position: absolute;bottom: 0; left: 0;z-index: 6;}
.narrow .pagenum {top: 200px;}
.indicator{position:absolute; top:50%; z-index:111;width:100%; }
.indicator a {position: absolute;top: 50%;left: 50%;z-index: 6;display: block;margin-top: -50px;margin-left: -560px;width: 37px;height: 69px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/btn_arrow.png) no-repeat 0 0;text-indent: -9999em;}
.indicator a.next {margin-left: 520px;transform:rotate(-180deg)}

#main-content {position: relative;z-index: 101;clear: both;overflow: hidden;margin: 0 auto;padding: 50px 0 0; max-width: 1000px;width: 100%;} /* padding: 110px 0 0 */
#tit_01_00,#tit_01_01, #tit_01_02, #tit_01_03, #tit_01_04, #tit_01_05, #tit_01_06, #tit_01_07, #tit_01_08, #tit_01_09, #tit_01_10, #tit_01_11, #tit_01_12, #tit_01_13,
#text_date, .pagenum a , #txt_bg , #text_bg , #nav{opacity: 0;}
.content-text {float: left; /* margin-bottom: 20px; */ width:100%;}
.content-text h3{display:block; overflow: hidden; text-align: center;}
.content-text h3 span{display:inline-block; overflow:hidden;vertical-align: top; margin-bottom:15px}
.content-text h3 span.sp1{margin-right:15px;margin-bottom:15px; }
.title{overflow:hidden;}
.tit_01{float: left; }
.tit_01.center{float:none; margin: 0 auto}
.tit_02{max-width:669px; vertical-align:top; width: 100%}

#tit_01_00,#tit_01_01,#tit_01_02,#tit_01_03,#tit_01_04,#tit_01_05,#tit_01_06,#tit_01_07,#tit_01_08,#tit_01_09,#tit_01_10,  #tit_01_11, #tit_01_12 {margin:0}
#tit_01_13{margin-top:0;}

.txt_bg {margin:20px 0 40px;text-align: center; overflow:hidden;} /* margin:60px 0 40px; */
.txt_left{float:left; padding-top:23px;max-width:37.5%}
.txt_right{float:right;max-width:61%;}
.btn-wrap{float:right; text-align: center; width:100%; display:block;}
.txt_bg p, .txt_bg span{display:block; margin-bottom:25px} /* margin-bottom:20px */
.txt_bg .noti00{margin:40px 0 25px} /* margin-bottom:40px */
.txt_bg .sub_e{margin-bottom: 30px;}
.txt_bg .noti02 {margin-top: 40px;}
.txt_bg .noti_p1{display:none}

.narrow #page1.new #main-content {padding-top:45px;min-height:700px !important}
.narrow .tit_01 {height:60px;}
.narrow .tit_02{width:488px; display:block; margin:0 auto}
.narrow .txt_bg{margin:20px}
.narrow .txt_bg .txt_left,.narrow .txt_bg .txt_right{width:50%; text-align:center; max-width:50%; padding: 0}
/* .narrow .txt_bg .txt_left{padding-left:100px;} 
.narrow .txt_bg .noti00{margin-bottom:20px}
.narrow .txt_bg .noti00 img {height: 68.5px;}
.narrow .txt_bg .noti01 img,
.narrow .txt_bg .noti03 img {height: 48px; } 
.narrow .txt_bg .noti02 img {height: 228px} 
.narrow .txt_bg .noti00 {margin: 20px 0 15px}
.narrow .txt_bg p {margin-bottom: 15px;}
.narrow .txt_bg .noti02 {margin: 25px 0;text-align:left;}*/

.narrow #page1.new .title h3{padding-top:10px}
.narrow #page1.new .txt_bg p{margin-bottom:25px;}
/* .narrow #page1.new .txt_bg .noti00 img {height:auto;}
.narrow #page1.new .txt_bg .txt_right{width:calc(100% - 443px); text-align:center; max-width:inherit;} */
.narrow #page1.new .txt_bg .txt_left{margin-bottom:0px}
.narrow #page1.new .txt_bg .txt_left img{height:130px; width:auto;}
.narrow #page1.new .txt_bg .noti02 img{ height:280px;}

/* notice */
.notice-wrap { display: block; overflow: hidden;padding: 80px 0;width: 100%; background: #fff; }
.content-notice{clear: both; width:100%; }
.content-notice h4 {display:block; }
.content-notice ul{display: block;  float:left; overflow-y: hidden;margin-top:36px; max-height:342px;width:100%;  }
.content-notice li {position:relative; float:left;overflow:hidden;margin-bottom:8px;padding: 1.5rem 1.85rem;width:100%;border-radius: 10px;background:#f4f4f4;line-height: 1;}
.content-notice li:last-child{margin-bottom: 0 }
.content-notice li:before{position: absolute; top:50% ; left: 1.5rem;margin-top:-4px; width: 6px; height: 6px; border-radius:100%; background-color:#fcb315;  content: ""; }
.content-notice li a {display:block;float: left; overflow: hidden;box-sizing:border-box; margin-left: 20px; width: 90%;width: calc(100% - 80px);height: 100%;color:#333; text-overflow:ellipsis; white-space: nowrap;font-size:20px;}
.content-notice li a.more {float:right;margin:0; width:16px ; height:16px;  background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/btn_more.png) center bottom no-repeat;color:#a9a9a9; font-weight:bold; font-size:1.2rem;}
.content-notice li a.more:before{display:none;}

.content-notice a.btn-more {color: #fcb315;font-size: 16px; line-height:1;font-weight: bold;float: right;padding: 12px 54px 14px 24px;border-radius: 27px;border: 2px solid #fcb315;position: relative;overflow: hidden;background:transparent;text-decoration:none;}
.content-notice a.btn-more:after {border-radius: 100%;position: absolute;outline: 0;border: 1px solid #fcb315;right:0;top: 50%;margin-top: -21px;width: 42px;height: 42px;content: '';display: block;color: #fff;background: #fcb315 url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/icon06.png) center no-repeat;}


section h4 span.tit_e{display:block; margin-top:30px; }
section.notice-wrap h4 .tit_e {display:inline-block; margin-left:20px; margin-top:0 }
section.intro_wrap{background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/bg_intro.jpg)  center bottom repeat-y;}
section.intro_wrap .holder{padding:120px 0 }
section .intro_text{margin-top:80px; font-weight: 555;font-size: 20px;line-height: 1.5; color:#fff;}
section .intro_text p {margin-bottom:30px;}
section.img-wrap div{display:table; margin:0 auto;}
section.img-wrap img{display:table-cell; float:left;width: 25%;}
section.video_wrap{padding: 120px 0; background:url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/bg_video.jpg) center bottom no-repeat;}
section.video_wrap .btn-area {display: block; margin: 0 auto; margin-top:40px;text-align:center;}
section .tit_dot {position: relative;overflow: visible;display: inline-block;}
section .tit_dot:after {width: 14px;height: 14px;position: absolute;display: block;content: '';bottom: -6px;right: -28px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/tit_after.png) left bottom no-repeat ; background-size:contain;}
section.video_wrap .tit_dot:after{bottom:0px}

#footer {display:block;padding: 20px 0 ;width:100%; background: #414953;}
#footer .holder{position:relative; margin:0 auto; padding:34px 170px 20px 232px; width:598px; min-height:52px; font-size:12px; font-size:0.857rem;box-sizing: content-box; }
#footer * {color:#fff;}
#footer .img-120 {position:absolute; top:18px; left:6px;}
#footer .img-seoul {position:absolute; top:50%; right:5px; margin-top:-20px;}
#footer dl {overflow:hidden;}
#footer dl dd {float:left; margin-right:18px;}
#footer dl dd a {font-weight:600; }
#footer dl dt+dd a{color:#5b98d2}
#footer address {margin-top:5px; letter-spacing:-1px;}

.btn-top {position:fixed;bottom:-100px;left:50%; z-index:1000000;display:block; margin-left:600px;width:auto; height:auto; opacity:0;transition:1s;}
.btn-top.show {bottom:98px;opacity:1; }

/* page2 */
#page2 {position: fixed;top:100%;z-index: 1000001;width: 100%;height: 100%;background: #000}
#page2 #movepage2 {position:fixed; top:20px; right:20px; z-index:30; display: none;margin-top:0;width: 60px;height: 60px;}
#page2.on {background: rgba(0,0,0,.9)}


@media screen and (max-width: 1230px) {
	.indicator a {top: 60%;left: 0;margin: 0 !important;width: 40px;height: 70px;background-size: contain !important;}
	.indicator a.next {right: 0;left: auto;}
	#main-content {padding-right: 50px; padding-left: 50px;}
	.btn-top{margin-left:550px}
}
/*
@media all and (max-width: 1024px) {
	#seoul-common-header {display: none;}
	#content-notice-wrap{margin-top:48px;}
}

 @media screen and (max-width: 999px) {
	header .holder,	section [class*="holder"],	#footer .holder {padding-right: 3% !important; padding-left: 3% !important;}
	.content-text {width:100%;}
	.indicator a{width:27px ; height:50px;left:1%}
	.indicator a.next{right:1%}
	.content-dday{right:5%}
	#popup {top: 5%; left: 2%; margin-left: 0;width: 96%; height: 90%;}
	.btn-top{left:auto; right:3%;margin-left:0;}
	#nav li{border-right:1px solid #fff;}
	#page1.new #nav li:after{display:block;}
	#page1.new #nav li {border:0;}
	#nav .m01, #nav .m02, #nav .m03{width:33.3333%; }
	#nav .m04, #nav .m05{width:49.999%;border-top:1px solid #fff;}
	#nav .m03, #nav .m05{border-right:0}
	.tit_01{height:70px}
	#nav .m01{padding-left:26px}
	#nav li:after{display:none;}
	.txt_bg .noti00 img{height : 57px}
	.txt_bg .noti02 img{height : auto;}
	.txt_bg .noti01 img, .txt_bg .noti03 img{height : 40px}
}
@media screen and (max-width: 768px){
	.m_pc {display:none}
	.m_mobile{display:inline-block !important;}
	#page1 header .holder{margin-top: 0px; padding-top:3%}
	#page1 header .holder .sns img {width: 40px;height: 40px}
	#main-content{padding:50px}
	.title {text-align:center;}
	.title h3{float:none; text-align:center; overflow:visible; max-width:575px; margin:0 auto;}
	.title h3 span{display:inline-block; overflow:hidden;margin-bottom:8px;}
	.title h3 span.sp1{margin-right: 0;}
	#tit_01_13{margin-top: 8px;}
	.tit_01{height:50px}

	.btn-wrap {text-align:center;}
	section .tit_dot:after{width:12px; height:12px;}
	section h4 span.tit_e{margin-top: 2vh}
	section *, .content-notice li a{font-size:16px;}
	section .holder{padding:5vh 3% !important;}
	section.intro_wrap{background-size: 100% }
	section.video_wrap, section.notice-wrap {padding: 0}
	section .intro_text{margin-top:3.5vh; font-weight: 555;font-size: 20px;line-height: 1.5;}
	section .intro_text p {margin-bottom: 2vh;}
	.content-dday{position:static; margin: 0 ; background-size:contain; float:left; width:100%;  padding-left: calc(50% - 112.5px); margin-top:25px;}
	#footer .holder {text-align:left; width:100%; padding: 0}
	#footer .holder p {float:none;}
	#footer .holder .img-120 {display:none;}
	#footer .holder dl,	#footer .holder address{width: calc(100% - 160px)}
	#nav #inner li{padding: 26px 24px}

	.content-notice li a.more { width:16px ; height:16px;}
	.content-notice a.btn-more {padding: 4px 38px 4px 8px;}
	.content-notice a.btn-more:after {border-radius: 100%;margin-top: -16px;width: 30px;height: 30px;}
	


}
@media screen and (max-width:599px){
	#main-content{padding:40px}
	#page1 header .holder .sns img {width: 36px;height: 36px}
	.indicator a {width: 19px;height: 35px;}
	section.img-wrap img {width: 50%; }
	.tit_01{height:38px}
	.txt_bg .noti00 img{height : 51px}
	.txt_bg .noti02 img{height : auto;}
	.txt_bg .noti01 img, .txt_bg .noti03 img{height : 36px}
	section h4 span.tit_e{margin-top:9px}
	section h4 .tit_k img{width:auto;height:22px;}
	section h4 .tit_e img{width:auto;height:13px;}
	.video_wrap h4 .tit_k img{width:auto;height:22.5px;}
	.video_wrap h4 .tit_e img{width:auto;height:14px;}
	section .tit_dot:after {width: 10px;height: 10px;}
	section .tit_dot:after{right:-20px}
}


@media screen and (max-width:480px){
	#page1 header .holder h1 img{height:40px}
	.tit_01{height:33px;}
	#nav a{margin-left:0}
	#nav a span {display:block;margin-left:0; margin-top:33px}
	#nav a span:before {top: -33px;left:50%; margin-left: -16px;}
	#nav #inner li{padding:13px 0 }
	.txt_bg .noti01 img{height:80.62px}
	.txt_bg .noti02 img{height:59.16px}
	#tit_01_13{width:90%}
	.btn-wrap img{height:45px;}
@media screen and (max-width:400px){
	#main-content { padding: 40px 5%;}
	#footer .holder .footer-link-wrap strong, #footer .holder .footer-link-wrap a {padding: 0 10px}
	.indicator a {width: 16px;height: 30px;}
	#footer .holder .footer-link-wrap a:last-child{margin-right: 0;    padding-right: 0;}
}
@media screen and (max-width:340px){
	.tit_01{height: 30px;}
} */