html, body {position:relative; min-width:320px;min-height:700px;}
* {box-sizing: border-box;letter-spacing: -0.02em;}
/**::after {display: table; clear: both ; content: ''; }*/

/* common */
.pc .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:49px;}
#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 #nav {position:absolute; top:auto; width:100%; overflow:hidden; left:0; z-index:11111; background:#fcb315; }
#page1 #nav #inner{max-width:1000px; width:100%; margin:0 auto; overflow:hidden;}
#page1 #nav #inner li{position:relative;width: 33%; float:left; text-align:center; font-weight:bold;padding: 26px; font-size:20px;}
#page1 #nav #inner li:after{position:absolute; height: 30px; width: 1px; background:rgba(255,255,255,0.5) ; content:''; display:block; right:0; top:26px;}
#page1 #nav #inner .m3:after{display:none;}
#page1 #nav a{text-decoration: none; color:#fff; position:relative; line-height:30px; display:inline-block}
#page1 #nav a:before{position:absolute;width: 32px; height:30px; content:''; display:block; left:-42px; top:0;  background:url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/icon01.png) center right no-repeat}
#page1 #nav .m2 a:before{background:url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/icon02.png) center right no-repeat}
#page1 #nav .m3 a:before{background:url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/icon03.png) center right no-repeat}
#page1 #nav #inner .m1 a:before{}
#page1 #nav.fixed{position:fixed; top:0 !important;opacity: 1 !important; }

#page1 #visual {overflow:hidden;}
#page1 #visual [class*="images"] {position:absolute; top:0; left:0; z-index:2; width:100%; background-size:cover !important; opacity:0; filter:alpha(opacity=0);}
#page1 #visual .set-images {position:absolute; top:0; left:0; z-index:2; overflow:hidden; width:100%; opacity:1; filter:alpha(opacity=100);}
#page1 #visual .images1 {background:url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/img_01.jpg) center top no-repeat;opacity: 1}
#page1 #visual .images2 {background:url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/img_02.jpg) center top no-repeat;}
#page1 #visual .images3 {background:url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/img_03.jpg) center top no-repeat;}
#page1 #visual .images4 {background:url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/img_04.jpg) center top no-repeat;}
#page1 #visual .images5 {background:url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/img_05.jpg) 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: -620px;width: 37px;height: 69px;background: url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/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: 78px 0 0; max-width: 1000px;width: 100%;}
#tit_01_001, #tit_01_002, #tit_01_003, #tit_01_004, #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,
#text_date, #text_place, #text_place2, #text_place_e, #text_place_e2, #text_topic, #btn_topic, #btn_movie, #date-day, #contnet-notice, #leaf01,#leaf02,#leaf03,#leaf04, #content-dday,
.pagenum a , #txt_bg , #text_bg , #nav, #noti_01_01, #noti_01_02, #noti_02_01, #noti_02_01 {opacity: 0;}
.content-text {float: left; margin-bottom: 20px; width:100%;}
.content-text h3{display:block; float:left; overflow: hidden;text-align: center; width:100%;}
.content-text h3 span{display:inline-block; overflow:hidden;margin-bottom:15px; vertical-align: bottom;}
.title{overflow:hidden; padding-top:2px;}
.tit_01{height:70px; float: left}
.tit_02{max-width:575px; vertical-align:top}

#tit_01_001, #tit_01_002, #tit_01_003, #tit_01_004, #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 {margin:0}


.txt_bg {margin:60px 0 40px;}
.txt_bg p, .txt_bg span{display:block; margin-bottom:10px}
.txt_bg [class*="noti"] {text-align:center; margin-bottom:25px}
/* .narrow .title  span{display:block} */
.date_k img, .place_k img{height:28px}
.date_e img, .place_e img{height:18px}

.txt_bg .place_k{margin-bottom:20px}
.content-dday {z-index:-1;position: absolute;top:78px;right:30px; width: 225px;height: 225px; border-radius:100%; }
.content-dday .dday{position: relative;display: block;width: 100%;height: 100%;text-align: center;width: 225px; border-radius:100%; z-index:-1;background: #ffcd37 url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/bg-d-day.png) right bottom no-repeat;background-size: cover;}
.content-dday .dday #leafs{top:-32px; right:10px; position:absolute; /*background: url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/leafs.png);*/ width:99px; height:81px; }
.content-dday .dday #leaf01{position:absolute;top: 0;right: 30px;}
.content-dday .dday #leaf02{position:absolute;top: 9px;right: 49px;}
.content-dday .dday #leaf03{position:absolute;top: 18px;right: 67px;}
.content-dday .dday #leaf04{position:absolute;top: 16px;right:0;}
.content-dday #date-day {position: absolute;top: 50%;left: 50%;z-index: 2;margin-left: -60px;margin-top:-44px; width: 120px;color: #fff; text-align: center;letter-spacing: -0.05em;font-weight: bold;line-height: 1.2;}
.content-dday #date-day #date {display: block;margin-top: 10px;font-size: 54px;line-height: 1;}

.btn-wrap{text-align: center;}

 .narrow #main-content {padding-top:45px}
/*.narrow .tit_01{height:50px; }
.narrow .title  span{display:inline-block}
.narrow .title .tit_02{display:block}
.narrow .txt_bg{width: 100%;margin: 30px 0;}
.narrow .txt_bg p{margin:0  0 10px 0  !important; line-height: 1; }


.narrow .date_k img,.narrow  .place_k img {height:24px;}
.narrow .title span{display:inline-block} */
/* .narrow .title span:first-child{margin-right: 50%;} */
/* .narrow .txt_bg span{display:inline-block}
.narrow.middle  .tit_01{height:80px}
.narrow.middle  #tit_01_10{margin-top:-20px}
.narrow.middle  .title .tit_02{width: 415px;display:block}
.narrow.middle  .txt_bg{width: calc(100% - 250px);margin: 30px 0;}

.narrow.rotate  .tit_01{height:60px}
.narrow.rotate  .tit_01 span{margin-bottom:8px;}
.narrow.rotate  #tit_01_10{margin-top:-20px}
.narrow.rotate  .title .tit_02{width: 418px;display:block; margin : 0 auto} */
/* .narrow.rotate  .txt_bg{width: 300px;margin: 0 auto;} */
/* .narrow.rotate  .txt_eng {margin-bottom:10px;}
.narrow.rotate  .txt_eng + p, .narrow.rotate  .text_eng_m{} */


/* notice */
.notice-wrap { display: block; overflow: hidden;padding: 80px 0;width: 100%; background: #fff; }
.content-notice{clear: both; width:100%; }
.content-notice h4 {display:inline-block;  float:left; margin-right: 40px;}
.content-notice ul{display: block;  float:left; overflow-y: auto;margin-top:36px; max-height:342px;width:100%;  padding: 0 10px 0 0;}
.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(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/btn_more.png) center bottom no-repeat;color:#a9a9a9; font-weight:bold; font-size:1.2rem;}
.content-notice li a.more:before{display:none;}

/* popup */
#ddim {position: fixed;top: 0;left: 0;z-index: 101;display: none;width: 100%;height: 100%;background: rgba(0,0,0,.5); }
#popup {position: absolute;top:200px;left: 50%; z-index: 102;display: none;margin-left: -500px; padding: 40px; max-width: 1000px; max-height: 625px;width: 100%;height: 100%;border-radius:8px; background: #fff;}
#popup .popup-title{z-index: 0;display: block; padding-bottom: 5px; width: 100%; border-bottom: 2px solid #333; color: #000; font-weight: bold; font-size: 2em; line-height: 2;}
#popup .popup-wrap {position: relative;overflow: hidden;padding-bottom: 30px; width: 100%;height: 100%;}
#popup .popup-closer {position: absolute;top: 10px;right: 10px;z-index: 10;width: 36px;height: 36px;text-align: center;;}
#popup .popup-closer img {margin-top: 0}
#popup .iframe-wrap {  overflow: auto;  overflow-x: hidden; -webkit-overflow-scrolling: touch; box-sizing: content-box;padding-right: 17px; width: 100%; height: 90%; }
#popup .iframe-wrap iframe{-webkit-overflow-scrolling: touch;box-sizing: content-box; padding: 10px;width: 100%; height: 100%;  border: 0 ; }
#popup .iframe-wrap{padding:17px 25px; line-height:1.5;}
#popup .iframe-wrap.thum {margin-right:30px; width:250px; height:150px;}
#popup .iframe-wrap.thum + .cont {width:670px;}
#popup .iframe-wrap.cont h5 {margin-bottom:11px; font-size:20px; font-size:1.429rem;}
#popup .iframe-wrap.cont p {height:84px; font-size:14px; font-size:1rem;}
#popup .iframe-wrap.cont > a {float:right; border-bottom:1px solid #444; color:#333;}
#popup .iframe-wrap.cont > a:after {top:1px; margin-left:5px; width:5px; height:9px; background:url(../images/ico/ico-notice-detail.gif) no-repeat;}
#popup .iframe-wrap {box-sizing: border-box;padding:10px 20px;color:#595959;}
#popup .iframe-wrap header {margin:0 -20px 34px -20px; padding:11px 20px 13px 20px; border-bottom:1px solid #e5e5e5; background:#f5f5f5; color:#111;font-size:20px; font-size:1.429rem; }
#popup .iframe-wrap header h5{margin: 0; color:#111; }
#popup .iframe-wrap footer {margin-top:34px; padding-top:50px; border-top:1px solid #ccc; text-align:center;}
#popup .iframe-wrap footer a {display:inline-block; padding:12px 71px; background:#333; color:#fff;font-size:20px; font-size:1.429rem; }
#popup .iframe-wrap h5, .iframe-wrap h6, .iframe-wrap strong{font-size: 1.195rem;}
#popup .iframe-wrap h5{margin: 5px 0;color:#333; font-weight:bold;}
#popup .iframe-wrap h6{color:#293502; font-weight:bold;}
#popup .iframe-wrap div.box-gray{margin: 10px 0;padding:10px; background: #f3f7e0}
#popup .iframe-wrap .align-center{text-align: center !important;}
#popup .iframe-wrap table {margin: 10px 0; border-collapse:collapse;border-top: 2px solid #333; }
#popup .iframe-wrap table th,
#popup .iframe-wrap table td {padding: 5px 10px;border-bottom: 1px solid #333;border-left: 1px solid #333;}
#popup .iframe-wrap table thead th,
#popup .iframe-wrap table tbody tr td:first-child, #content .iframe-wrap table tbody tr th:first-child {border-left: 0;background: #f4f4f4;color: #555}
#popup .iframe-wrap table+p{margin-left: 10px 0; padding-left: 15px; text-align: left;text-indent: -15px; }
#popup .iframe-wrap img {margin: 0 auto; padding:20px; border:1px solid #e5e5e5;}
#popup .iframe-wrap .download-file{padding:10px;border: 1px dotted #888;background: #f3f7e0; }
#popup .iframe-wrap .download-file a{ line-height: 1.8em;}

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(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/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 {}
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(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/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(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/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: #fff;}
#footer .holder {overflow: hidden;margin: 0 auto;max-width: 1000px;width: 100%;}
#footer .holder p {display:inline-block; float:right;margin-top:5px;color: #555;font-weight:bold; font-size: 14px;}
#footer .holder .footer-link-wrap {display: inline-block;padding: 0 10px 0 0;height: 30px;border:1px solid #fcb315;border-radius: 15px;line-height: 30px; }
#footer .holder .footer-link-wrap:after, #footer .holder .footer-link-wrap::after{display: table; clear: both ; content: ''; }
#footer .holder .footer-link-wrap strong {display: inline-block;float:left; margin-right: 9px;padding: 0 14px 0 13px;border-radius: 15px; background-color:#fcb315;color: #fff; }
#footer .holder .footer-link-wrap a {position: relative;display: inline-block;padding: 0 12px 0 15px;color: #333; letter-spacing: -0.1em;font-weight: bold}
#footer .holder .footer-link-wrap a:before {position: absolute;top: 50%;left: 0;margin-top: -2px;width: 3px;height: 3px;border-radius:5px;background: #fcb315; content: ''; }
.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%;}
	.content-dday{}
	.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;}
}
@media screen and (max-width: 768px){
	.m_pc {display:none}
	.m_mobile{display:inline-block !important; }
	#page1 header .holder .sns img {width: 40px;height: 40px}
	#main-content{padding:50px}
	#page1 header .holder{margin-top: 0px; padding-top:3%}
	.title {text-align:center;}
	.title h3{float:none; text-align:left; overflow:visible; max-width:575px; margin:0 auto;text-align: center;}
	.title h3 span{display:inline-block; overflow:hidden;margin-bottom:8px;}
	.title h3 span:first-child {margin-left:37%; width:100%}
	.tit_01{height:60px}
	.title .tit_02{width: 100%; float:left;}
	.txt_bg{text-align:center; margin:30px auto  }
	/* .txt_bg p img{height:16px;} */
	.txt_bg [class*='_k'] img{height:24px;}
	.txt_bg p, .txt_bg span{margin-bottom:8px;}
	.btn-wrap {text-align:center;}
	section h4 .tit_k img{height:32px;}
	section h4 .tit_e img{height:18px;}
	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;}
	#popup {padding: 30px;}
	#popup .popup-title{font-size:1.5em}
	#footer .holder {text-align:center;}
	#footer .holder p {float:none;}
	#page1 #nav #inner li{padding: 26px 0 26px 24px}
	.narrow .title {width: 100%}
	.narrow .title h3 {width:100%; text-align:center}
	.narrow .txt_bg{width: 100%;margin: 40px 0 20px;}
	/* .narrow .txt_bg img{height:16px;} */
	.narrow .txt_bg p{margin-bottom:5px !important; text-align:center;}
		.narrow .txt_bg p img{height:90px;}
	.narrow .txt_bg .txt_eng{margin-top:20px !important;}
	.narrow #text_date , .narrow .txt_bg #text_place, .narrow .txt_bg #text_place_m{margin:0}
	.narrow .content-dday {z-index:-1;position: absolute;top:78px;right:30px; width: 180px;height: 180px; border-radius:100%; padding:0}
	.narrow .content-dday .dday{position: relative;display: block;width: 100%;height: 100%;text-align: center;width: 180px; border-radius:100%; z-index:-1;background: #ffcd37 url(/wp-content/themes/festival/page-templates/garden/2020/teaser/images/bg-d-day.png) right bottom no-repeat;background-size: cover;}

	.narrow.middle #main-content{padding-top:78px;}
	/*.narrow.middle .title h3 {width:355px}
	.narrow.middle .tit_01{height:53px;}
	.narrow.middle .title .tit_02{width:100%}*/
	.narrow.rotate .txt_bg{margin:20px auto 0; width:240px;}
	.narrow.rotate .txt_eng{text-align:center}
	.narrow.rotate .txt_eng + p, .narrow.rotate .text_eng_m, 	.narrow.middle .txt_eng + p, .narrow.middle .text_eng_m{margin:0 -50px}
}
@media screen and (max-width:599px){
#page1 header .holder .sns img {width: 36px;height: 36px}
	.indicator a {width: 19px;height: 35px;}
	section.img-wrap img {width: 50%; }
	.title h3{width:77%;}
	.title .tit_01{height:33px}
	.txt_eng{text-align:center; margin-bottom:10px}
	/* .title .tit_02, .narrow.rotate .tit_02{width:260px ; margin-left:0;} */
	/* .txt_eng img{width:87%} */
	.text_eng_m{margin: 0 -50px;}
	/* .title h3 span:first-child{width:100%; padding-left:34%;} */
	.txt_bg .noti01{margin-bottom:10px !important}
	.txt_bg p img{margin-bottom:0 !important}
	.txt_bg [class*="noti"]{width:initial;}
	.txt_bg .noti02{margin-bottom:0 !important}
	/* .txt_bg .noti01 img{height:60px;}
	.txt_bg .noti02 img{height:44px;} */
	.btn-wrap {text-align: center;}
	.btn-wrap img{height:40px}

}
@media screen and (max-width:480px){
.title h3{width:100%;}
#main-content { padding: 20px 5% 40px; }
.content-dday{width:150px; height:150px; margin-top:0; padding-left: calc(50% - 82.5px);}
.content-dday .dday{width:150px; height:150px}
.content-dday #date-day{ margin-top: -37px; }
}
@media screen and (max-width:400px){

	.txt_bg{width:70%;}

	.content-dday #date-day #date{font-size:38px;}
	#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;}
}