#container {padding-bottom: 0 !important;border-bottom: 0 !important;}
#container section{overflow: hidden; box-sizing: border-box; margin: 0 auto;width:100%}
/*#container section[id*="sec"] article {box-sizing: border-box;width: 1000px;height:240px;margin: 0 auto;}*/
/*#container section[id*="sec"] aside {float:right; box-sizing: border-box;width:480px; height:240px}*/
#container section[id*="sec"] .holder {position: relative;box-sizing: border-box;margin:0 auto;width:1000px;height: 100%;}
#container section[id*="sec"] .holder:after, #container section[id*="sec"] h3:after{display:table; clear: both; width: 100%; content: ''}

#container #sec-main-visual {position:relative;overflow:hidden;width: 100%;height: 790px;text-align:center;}
#container #sec-main-visual .holder{z-index: 4; position: static}
#container #sec-main-visual .slide-wrap {position:absolute;top:0;z-index: 0;overflow: visible;width: 100%;height: 100%;}
#sec-main-visual .bx-wrapper .bx-viewport, #sec-main-visual .bx-wrapper li {height: 790px !important;}
#sec-main-visual .bx-wrapper img {height: 100%;position: absolute; left: 50%; margin-left: -960px; width:1920px; max-width: 1920px;}
#sec-main-visual .bx-wrapper .bx-pager {bottom:50% !important;z-index:60 !important; }
#sec-main-visual .bx-wrapper .bx-pager .bx-pager-item a {display:block; margin:0 6px !important; width:10px; height:10px; border:2px solid #fff;background: #fff; border-radius:7px; text-indent:-9999px;box-shadow: 0 0 6px rgba(0,0,0,.6);-webkit-box-shadow: 0 0 6px rgba(0,0,0,.6);}
#sec-main-visual .bx-wrapper .bx-pager .bx-pager-item a.active {border-color:#f4bc33; background:#f4bc33;}

#container #sec-main-visual .main-slogan { z-index:1;position: absolute; left:50%; margin-left: -500px; top:0;width: 1000px; padding-top: 140px ; text-align: center}
#container #sec-main-visual .main-slogan h2{background: rgba(101,163,12,.7);padding:9px 10px 4px;display: inline-block;border-radius: 5px;}
#container #sec-main-visual .main-slogan h3{margin-top: 67px;}

#container #sec-main-visual .main-links-wrap { z-index:1;position: absolute; left:50%; margin-left: -500px; bottom:0;width: 1000px; overflow: hidden;;min-height: 180px;}
#container #sec-main-visual .main-links-wrap ul {display: table;height: 180px;padding: 0 20px}
#container #sec-main-visual .main-links-wrap ul li {display: table-cell;width: 160px;height: 160px;padding: 10px 0;text-align: center;vertical-align: middle}
#container #sec-main-visual .main-links-wrap ul>li>a {overflow: hidden;position: relative;display: block;width: 140px;height: 140px;margin: 0 auto;background: #f4bc33;border-radius: 50%;font-weight: bold; color: #603b11;font-size: 17px;text-decoration: none;font-weight: bold;letter-spacing: -0.075em;
box-shadow: 0 0 6px rgba(0,0,0,.6);
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.6);
transition : all .3s;
-webkit-transition: all .3s;
}
#container #sec-main-visual .main-links-wrap ul > li > a:hover{background: #fff;}
#container #sec-main-visual .main-links-wrap a .icon.icon01 {display: block;width: 60px;height: 60px;margin: 20px auto 5px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/main-icon01.png) no-repeat 50% 50%}
#container #sec-main-visual .main-links-wrap a .icon.icon02 {display: block;width: 60px;height: 60px;margin: 20px auto 5px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/main-icon02.png) no-repeat 50% 50%}
#container #sec-main-visual .main-links-wrap a .icon.icon03 {display: block;width: 60px;height: 60px;margin: 20px auto 5px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/main-icon03.png) no-repeat 50% 50%}
#container #sec-main-visual .main-links-wrap a .icon.icon04 {display: block;width: 60px;height: 60px;margin: 20px auto 5px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/main-icon04.png) no-repeat 50% 50%}
#container #sec-main-visual .main-links-wrap a .icon.icon05 {display: block;width: 60px;height: 60px;margin: 20px auto 5px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/main-icon05.png) no-repeat 50% 50%}
#container #sec-main-visual .main-links-wrap a .icon.icon06 {display: block;width: 60px;height: 60px;margin: 20px auto 5px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/main-icon06.png) no-repeat 50% 50%}

.main-links-wrap a:hover [class*='icon'] {}







#container section[id*="sec"] h3{display: block;margin: 0 auto;}
#container section[id*="sec"] h3 [class*="text"] {float:left;text-indent: -9999px;display: block;margin-right: 10px;}
#container section[id*="sec"] h3 a{display: inline-block;float: left;width: 30px;height: 33px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/main-more.png) center center no-repeat;text-indent: -99999999px;overflow: hidden;padding-left: 2em;box-sizing: border-box;}

section#sec-main-notice { }
#sec-main-notice .holder{overflow: visible;padding: 0;}
#sec-main-notice .holder:after{position: absolute;top:0;left: 87%;display: block;width: 241px;height: 150px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/notice-bg.png) no-repeat; content: '';}
#sec-main-notice h3{float: left;padding: 70px 0;width: 175px;vertical-align: middle;}
#sec-main-notice h3 .text-notice{position: relative;margin-left: 20px;width: 100px;height: 30px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/txt-notice.png) 17px center no-repeat;}
#sec-main-notice h3 .text-notice:after{position: absolute; top:-14px; left:0; z-index:-1;width:59px; height:51px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/before-notice.png) left center no-repeat;content: '';}
#sec-main-notice .notice-list{float: left;padding: 45px 0px;}
#sec-main-notice .notice-list li {position: relative;display: block;overflow: hidden;padding-left: 20px;width: 648px;border-bottom: 1px solid #ececec;line-height: 33px;}
#sec-main-notice .notice-list li .text{float: left;text-overflow: ellipsis;width: 95%;height: 2rem;white-space: nowrap;overflow: hidden;}
#sec-main-notice .notice-list li .more{float:right;}
#sec-main-notice .notice-list li:before {position: absolute; top: 50%; left: 10px; display: block; margin-top:-2px;width:4px; height: 4px; background-color:#f89828; content: ''; }

#sec-main-pic{background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/main-pic-wrap.jpg)no-repeat center center;}
#sec-main-pic .holder{padding: 80px 0}
#sec-main-pic h3 {margin: 0 auto;width:271px; margin-bottom:40px !important;}
#sec-main-pic h3 .text-pic{margin: 0 auto;width: 229px;height: 33px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/txt-pic.png) 0 center no-repeat;margin-right: 10px;}

#sec-main-bottom{padding: 80px 0;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/main-video-wrap.png)no-repeat center center;}
#sec-main-bottom h3 {margin: 0 auto;width:208px; margin-bottom:40px !important;}
#sec-main-bottom h3 .text-movie{margin: 0 auto;position: relative;width: 165px;height: 33px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main/txt-movie.png) 0 center no-repeat;}
#sec-main-bottom .movie  {text-align: center;}
#sec-main-bottom .movie a {margin: 0 auto;display: block;}

#main-gallery {position: relative;overflow: hidden;box-sizing: border-box;height: 255px;}
#main-gallery li .wrapper{position: relative; padding-top: 50%}
#main-gallery li img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; height: auto;}
#main-gallery #list-wrap {width: 100%;height: 100%;}
#main-gallery #list-wrap .thumnail-wrap {position: relative;z-index: 2;overflow: visible;box-sizing: border-box;margin:0 auto;width: 100%;height: 100%;}
#main-gallery #list-wrap .thumnail {position: absolute;z-index: 3;width: 100%;}
#main-gallery #list-wrap .thumnail li {float:left;width: 420px !important;height: 250px;box-shadow: 0 0 6px rgba(0,0,0,.6);overflow: hidden;}
#main-gallery #list-wrap .thumnail li:last-child {padding-right: 0;}
#main-gallery #list-wrap .thumnail li .wrapper{overflow: hidden;padding-top: 62.5%;}
#main-gallery #list-wrap .thumnail li a{z-index: 4;display: block; overflow: hidden; }
#main-gallery #list-wrap .thumnail li.on .wrapper{overflow: hidden; box-sizing: border-box; }
#main-gallery .bx-wrapper .bx-pager{display: none;}
#main-gallery .bx-controls.bx-has-pager.bx-has-controls-direction{position: absolute;width: 100%;box-sizing: border-box;top:50%;margin-top:20px;overflow: visible;}
#main-gallery .bx-controls-direction{display: block;position: absolute;bottom: 0;left: 0;width: 100%;margin: 0;height: 55px;}
#main-gallery .bx-viewport {width: 860px !important;margin: 0 auto;}
#main-gallery .bx-prev {position: absolute;top: 50%;left: 10px;z-index: 5;margin-top: -22px;width:30px;height: 55px; display:block; overflow:hidden;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main//main-arrow.png) no-repeat;text-indent: -9999999em;transform: rotate(-180deg);z-index: 1111;}
#main-gallery .bx-next {position: absolute;top: 50%;right: 10px;margin-top: -22px;width:30px;height: 55px; display:block; overflow:hidden;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/main//main-arrow.png) no-repeat;text-indent: -9999999em;}

/* page2 */
#page2 {position: fixed;top:100%;z-index: 11;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)}
#sec-main-gallery {overflow:hidden;margin:40px auto 0 auto; width:980px; }
#sec-main-gallery article, #sec-main-gallery aside {min-height:236px; width:478px; border:1px solid #e7e7e7;}
#sec-main-gallery article {float:left; background:url(../images/bg/bg-main-gallery.jpg) 411px 11px no-repeat;}
#sec-main-gallery h3 {padding:15px 0 0 17px; font-weight:600;font-size:20px; font-size:1.429rem; }
#sec-main-gallery h3 a {display:inline-block; padding-right:31px; background:url(../images/ico/ico-main-gallery.jpg) right 45% no-repeat; color:#000;}
#sec-main-gallery ul {margin-top:10px;}
#sec-main-gallery li {height:35px; border-bottom:1px solid #e5e5e5; line-height:35px;}
#sec-main-gallery li a {position:relative; display:block; padding:0 20px 0 98px; color:#000;font-size:13px; font-size:0.929rem; }
#sec-main-gallery li .date {position:absolute; top:0; left:0; width:98px; color:#777;text-align:center; font-size:10px; font-size:0.714rem; }
#sec-main-gallery li .text {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sec-main-gallery aside {float:right; height:236px;}
#sec-main-gallery aside iframe {width:478px; height:236px; border:0;}