/* @font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/notokr-regular.eot');
	src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/notokr-regular.woff') format('woff');
}
 

@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/notokr-medium.eot');
	src: url('../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/notokr-medium.woff') format('woff');
} */
 
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;box-sizing: border-box;}

body {/* font-family: 'NotoKr'; */color: #666;}


#container .holder {margin-top:70px;}
/* #sec-main-notice-wrapper {float:left; width:657px;}
#sec-main-event {position:relative; padding:30px 41px 24px 236px; height:170px; overflow:hidden;}
#sec-main-event h3 {position:absolute; top:0; left:26px; width:180px;}
#sec-main-event h3 * {display:block;}
#sec-main-event h3 span {position:relative;}
#sec-main-event h3 span:before, #sec-main-event h3 span:after {content:" "; position:absolute;}
#sec-main-event h3 span:before {display:none; z-index:2; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.3; filter:alpha(opacity=30);}
#sec-main-event h3 span:after {z-index:3; top:50%; left:50%; margin:-33px 0 0 -33px; width:65px; height:65px; background-image:url(../images/ico/ico-sprite-main-moreview.png);}
#sec-main-event h3 a:hover span:before {display:block;} 
#sec-main-event ul {height:170px; overflow:hidden;}
#sec-main-event li a {display:block; position:relative; transition:all .75s ease; background:transparent center center;}
#sec-main-event li a:hover, #sec-main-event li a:focus {text-decoration:none;}
#sec-main-event li a:hover, #sec-main-event li a:focus,
#sec-main-event li a:hover *, #sec-main-event li a:focus * {color:#fff !important;} */

/* 메인 슬라이드 */
.bxslider-wrap {position: relative;}
#sec-main-visual {position:relative;background-color: #fff;min-height: 972px;}
#visual-tit03 {margin-top: 20px;}

/* wave animation */
.wave-animation {position: absolute;top: 32px;left: 92px;width: 46px;height: 26px;overflow: hidden;}
.wave-animation2 {left: 226px;}

.wave-loop {position: absolute;top: 0;left: 0;width: 612px;height: 24px;background: url(../images/txt/wave_new.png) repeat no-repeat 0 0; transform-origin: center bottom;}
.wave-animation .wave-loop {
    /* animation: move_wave 6s normal linear infinite; */
	animation: move_wave 12s  linear infinite;
	-webkit-animation : move_wave 12s normal linear infinite; 
	animation-delay : 2s;
}


@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.85)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}





#navigation .sns-links .link-site dd.lang {width: 132px;}


/* #sec-main-visual .bx-wrapper {z-index:15;} */
#sec-main-visual .bg-visual {position:relative; z-index:5; height:567px; background-position:center top; background-repeat:no-repeat;/* border-bottom-left-radius: 140px */}
#sec-main-visual .bg-visual .tooltip-holder {position:relative; margin:0 auto; max-width:1000px; height:100%;}
#sec-main-visual .bx-wrapper .bx-viewport {z-index:10;}
#sec-main-visual .bx-wrapper .bx-has-pager {position:relative; z-index:20;}
#sec-main-visual .bx-wrapper .bx-pager {z-index:15; bottom:126px;left: 0px;}
#sec-main-visual .bx-wrapper .bx-pager.bx-default-pager a {margin: 0 5px;width:12px; height:12px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background:#fff;}
#sec-main-visual .bg-visual .tooltip {position:absolute;}
#sec-main-visual .bg-visual .tooltip span {display:block; width:1px; height:1px; background:#fff;}
#sec-main-visual .bg-visual .tooltip img {position:absolute; opacity:0; filter:alpha(opacity=0); max-width:none !important;}
#sec-main-visual .bg-visual .tooltip div {position:absolute; width:136px; height:136px; overflow:hidden;}
#sec-main-visual .bg-visual .tooltip-img1 {top:444px; left:520px;}
#sec-main-visual .bg-visual .tooltip-img1 div {top:50%; left:100%; margin-top:-62px; width:124px; height:124px;}
#sec-main-visual .bg-visual .tooltip-img1 div img {top:0; left:-100%;}
#sec-main-visual .bg-visual .tooltip-img2 {bottom:223px; left:141px;}
#sec-main-visual .bg-visual .tooltip-img2 div {bottom:100%; left:50%; margin-left:-68px;}
#sec-main-visual .bg-visual .tooltip-img2 div img {top:100%; left:0;}
#sec-main-visual .bg-visual .tooltip-img3 {top:451px; left:601px;}
#sec-main-visual .bg-visual .tooltip-img3 div {top:50%; left:100%; margin-top:-68px;}
#sec-main-visual .bg-visual .tooltip-img3 div img {top:0; left:-100%;}
#sec-main-visual .bg-visual .tooltip-img4 {bottom:241px; left:702px;}
#sec-main-visual .bg-visual .tooltip-img4 div {bottom:100%; left:50%; margin-left:-68px;}
#sec-main-visual .bg-visual .tooltip-img4 div img {top:100%; left:0;}
#sec-main-visual .bg-visual .tooltip-img5 {top:267px; right:654px;}
#sec-main-visual .bg-visual .tooltip-img5 div {top:50%; right:100%; margin-top:-68px;}
#sec-main-visual .bg-visual .tooltip-img5 div img {top:0; left:100%;}
#sec-main-visual .bg-visual .tooltip-img6 {top:412px; left:291px;}
#sec-main-visual .bg-visual .tooltip-img6 div {top:50%; left:100%; margin-top:-68px;}
#sec-main-visual .bg-visual .tooltip-img6 div img {top:0; left:-100%;}
#sec-main-visual .bg-visual .tooltip-img7 {top:404px; left:769px;}
#sec-main-visual .bg-visual .tooltip-img7 div {top:50%; left:100%; margin-top:-70px; width:140px; height:140px;}
#sec-main-visual .bg-visual .tooltip-img7 div img {top:0; left:-100%;}

/* 공지사항 & 서비스 바로가기 */
/* .main-visual-layer {position: absolute;top: 567px;left: 50%;z-index: 20;width: 1000px;margin-left: -500px;} */

/* 메인컨텐츠 헤더 */
.visual-column .heading {position: relative;width: 100%;text-align: center;border-top-left-radius: 10px;border-top-right-radius: 10px}
.visual-column .heading p {color: #fff;font-size: 16px;}
.visual-column1 .heading {text-align: left;}
.visual-column2 {background: #b4e0ff url(../images/bg/bg_wave_bottom.png) no-repeat left bottom;}
.visual-column2 .heading {}
.visual-column2 .heading h3 {position: relative;}
.visual-column2 .heading h3:after {content: '';position: absolute;top: -25px;right: -20px;width: 79px;height: 80px;background: url(../images/ico/ico_canu.png) no-repeat 0 0;}
.visual-column3 .heading {}

.visual-column3 #sec-main-notice.no-result .heading {background: #26c0e4 url(../images/bg/bg-main-notice-wave2.png) no-repeat 0 100%;}
#sec-main-notice.no-result ul {background: #fff url(../images/img/img_no_content.png) no-repeat 50% 30%}

/* 공지사항 2019 */
#sec-main-notice {
    position: relative;
    width: 1000px;
    height: 100%;
    margin: 150px auto 96px;
    box-sizing: border-box;
}
#sec-main-notice ul {padding: 0;}
#sec-main-notice ul li:first-child {border-top: 2px solid #000;}
#sec-main-notice ul li:last-child {border-bottom: 2px solid #000;}
#sec-main-notice ul li  * {vertical-align: middle;}
#sec-main-notice ul li .text {
    display: block;
    overflow: hidden;
    width: calc(100% - 110px);
    white-space: nowrap;
    padding-left: 0;
    text-overflow: ellipsis;
    word-wrap: normal;
    font-size: 18px;
    color: #333;
}
#sec-main-notice ul li:hover .text{font-weight: bold;}
#sec-main-notice ul li {
    border-bottom: 1px solid #ddd;
}
#sec-main-notice ul li a {
    display: flex;
    padding: 27px 15px 27px 27px;
    color: #000;
    justify-content: space-between;
    align-items: center;
    position: relative;
    /* transition: padding .5s ease; */
}
#sec-main-notice ul li a:before{
    content: '';
    width: 5px;
    height: 5px;
    background: #071532;
    border-radius: 10px;
    position: absolute;
    left: 13px;
    /* transition: .3s ease; */
}
#sec-main-notice ul li a:after{
    content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #ffeede;
	transition:  width .8s ease;
	z-index: -1;
}
#sec-main-notice ul li:hover a{
    padding-left: 67px;
}
#sec-main-notice ul li:hover a:before{
    width: 41px;
    height: 34px;
    border-radius: 0;
    background: url(../images/img/main-icon-notice.png) no-repeat;
    top: 26px;
}
#sec-main-notice ul li a:hover:after{width:100%;}
#sec-main-notice ul li .date {
    color: #000;
    font-size: 18px;
    height: 15px;
    display: flex;
    align-items: center;
}


/* 프로그램 소개 2019 */
#sec-main-program ul {
    margin: 0 auto;
    width: 100%;
    padding: 0;
    display: flex;
    gap: 24px;
    justify-content: space-between;
}
#sec-main-program ul li {
    width: 233px;
    height: 409px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    background: url(../images/img/main-program1.png) no-repeat, #def5ff;
    color: #222;
    box-sizing: border-box;
    transition: box-shadow .5s cubic-bezier(0.4, 0, 1, 1);
    border-radius: 200px;
    box-shadow: 5px 5px 14px 5px rgba(0, 0, 0, .1);
}
#sec-main-program ul li.on{
    box-shadow: 5px 5px 14px 5px rgba(0, 0, 0, .3);
}
#sec-main-program ul li:nth-child(2){background: url(../images/img/main-program2.png) no-repeat, #965ac8;}
#sec-main-program ul li:nth-child(3){background: url(../images/img/main-program3.png) no-repeat, #ffb05b;}
#sec-main-program ul li:nth-child(4){background: url(../images/img/main-program4.png) no-repeat, #f4f2fe;}
#sec-main-program ul li.on:nth-child(4){background: url(../images/img/main-program4-on.png) no-repeat, #222;color: #fff;}
#sec-main-program ul li:nth-child(odd) {
    margin-top: 50px;
}
#sec-main-program ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    text-align: center;
    margin-bottom: 44px;
}
.txt-program em {
    display: block;
}
.txt-program em:first-child {
    font-weight: bold;
    font-size: 32px;
    letter-spacing: -0.075rem;
    position: absolute;
    top: 44px;
    left: 50%;
    transform: translateX(-50%);
}
.txt-program4 em:first-child {
    font-size: 30px;
    width: 100%;
    top: auto;
    bottom: 118px;
}
.txt-program em:last-child {
    position: relative;
    padding: 5px;
    color: #222;
    width: 128px;
    border-radius: 50px;
    margin: 0 auto;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border: 1px solid #222;
    overflow: hidden;
    transition: .5s ease;
    z-index: 1;
}
li.on .txt-program em:last-child{
    border-color: transparent;
}
.txt-program em:last-child:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: #fff;
    position: absolute;
    z-index: -1;
    left: -100%;
    transition: left .5s ease;
}
li.on .txt-program em:last-child:before {left: 0;}
.txt-program em:last-child:after {
    content: '';
    display: block;
    position: relative;
    background: url(../images/img/main-icon-tab9.png) no-repeat;
    width: 34px;
    height: 16px;
    top: 0;
    z-index: 10;
}

#sec-main-program ul li.on .main-icon{background: url(../images/ico/ico_main_on1.png) no-repeat;width: 124px;background-size: 100%;background-position-y: center;}
#sec-main-program ul li.on:nth-child(2) .main-icon{background: url(../images/ico/ico_main_on2.png) no-repeat;background-size: 100%;background-position-y: center;}
#sec-main-program ul li.on:nth-child(3) .main-icon{background: url(../images/ico/ico_main_on3.png) no-repeat;background-size: 100%;background-position-y: center;}
#sec-main-program ul li.on:nth-child(4) .main-icon{background: url(../images/ico/ico_main_on4.png) no-repeat;background-size: 100%;background-position-y: center;}

/* 아이콘 */
.main-icon {
    display: inline-block;
    background: url(../images/ico/ico_main1.png) no-repeat;
    background-position: center;
    width: 124px;
    height: 124px;
}
.main-icon.main-icon-program1{
	background: url(../images/ico/ico_main2.png) no-repeat;
	background-position: center;
}
.main-icon.main-icon-program2{
	background: url(../images/ico/ico_main3.png) no-repeat;
	background-position: center;
}
.main-icon.main-icon-program4{
	background: url(../images/ico/ico_main4.png) no-repeat;
	background-position: center;
}



.visual_over {position: absolute;left: 0;bottom: 0;z-index: 16;width: 100%;height: 42px;background: url(../images/bg/bg-main-visual.png) repeat-x center 100%}

/* 프로그램 안내 */
.visual-column2 #sec-main-event,
.visual-column2 #sec-main-event .heading h3:after {display: none;}
.opened #sec-main-program,
.opened #sec-main-program .heading h3:after {display: none}
.opened #sec-main-event,
.opened #sec-main-event .heading h3:after {display: block}



/* 장소 및 sns 2019 */
#sec-main-sns .link-wrap {float: left;width: 180px;}
#sec-main-sns .link-wrap a {display: block;width: 180px;height: 190px;padding-top: 20px;background: url(../images/bg/bg_place.jpg) no-repeat 0 0;color: #333;font-size: 16px;font-weight: bold;text-align: center;}
#sec-main-sns .link-wrap a span {display: block;color: #0d84ea}

#sec-main-sns .sns-list {border: 1px solid #d8e1e8;background: #f4f8fb;border-radius: 3px;}
#sec-main-sns .sns-list ul {overflow: hidden;}
#sec-main-sns .sns-list ul li {float: left;width: 33.3333%;border-left: 1px solid #d8e1e8;}
#sec-main-sns .sns-list ul li:first-child {border-left: 0;}
#sec-main-sns .sns-list ul li a {display: block;width: 100%;height: 100%;min-height: 70px;color: #666;font-weight: bold;text-align: center;}
#sec-main-sns .sns-list ul li img {display: block;margin: 10px auto 8px;}


/** 티저/오늘의 행사 & 주요 프로그램 **/
.sec-main-content {overflow: hidden;background:#f8f8f8;}

#sec-main-event {position: relative;}
#sec-main-event .event-area {position: relative;width: 100%;height: 300px;padding: 0 20px;box-sizing: border-box;overflow: hidden;background: url(../images/img/img_event.png) no-repeat 50% 84%}
#sec-main-event .event-area.no-result {background: none;}
#sec-main-event .event-more {position: absolute;top: 39px;right: 69px;width: 24px;height: 24px;background: url(../images/ico/ico_main.png) no-repeat -276px 0;}
#sec-main-event .event-area .event_list_wrap {padding: 10px 5px 10px 10px;background: #fff;border-radius: 5px;height: 180px;}
#sec-main-event .event-area.no-result .event_list_wrap {background: rgba(255,255,255,.5);height: 253px;}
#sec-main-event .event-area ul {}
#sec-main-event .event-area ul li {width: 100%;}
#sec-main-event .event-area ul li a {position: relative;display: block;padding: 15px 5px 15px 0px;border-top: 1px solid #dde4ea;}
#sec-main-event .event-area ul li:nth-last-child(1) a {padding-bottom: 0;}
#sec-main-event .event-area ul li a * {vertical-align: middle;}
#sec-main-event .event-area ul li:first-child a {padding-top: 0;border-top: 0;}
#sec-main-event .event-area ul li a span.title {display: inline-block;width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;line-height: 1}
#sec-main-event .event-area ul li a span.txt-location {padding-right: 5px;position: relative;display: inline-block;width: auto;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;line-height: 1;}
#sec-main-event .event-area ul li a .title {color: #333;font-weight: bold;font-size: 16px;}
#sec-main-event .event-area ul li a .time {color: #0d84ea;font-weight: bold;font-size: 13px;display: inline-block;margin: 0}
#sec-main-event .event-area ul li a .location {display: inline-block;position: relative;color: #666666;font-size: 13px;width: 100%;padding: 0 5px;margin-top: -10px;display: inline-block;}
#sec-main-event .event-area ul li a .location:before {content: '[';position: absolute;top: 0px;left: 0;}
#sec-main-event .event-area ul li a .txt-location:after {content: ']';position: absolute;top: -2px;right: 0;}
#sec-main-event .event-area ul li.no-result {padding-top: 110px;color: #333;text-align: center;}

#sec-main-event .mCSB_scrollTools {right: -4px}

#sec-main-event .mCSB_inside > .mCSB_container {margin-right: 10px;}
#sec-main-event .mCSB_scrollTools .mCSB_draggerRail {width: 3px; background: #dae9f7}
#sec-main-event .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 3px;background: #2f9ff1}



/* 티저 영상보기 */
#sec-main-teaser {width: 100%}

#sec-main-teaser {background: url(../images/bg/bg_movie.png) no-repeat 0 0}
/*
#sec-main-teaser .heading h3:after {
content: '';
position: absolute;
top: 26px;
right: 20px;
width: 24px;
height: 24px;
background: url(../images/ico/ico_main.png) no-repeat -276px 0;
}
*/
.teaser-area {width: 100%;height: 300px;position: relative;background: #edf3f9;}
.teaser-area a {display: block;width: 100%;height: 100%;background: url(../images/img/img_main_movie.jpg?ver20190712) no-repeat 50% 50%;}
.teaser-area a .bg-movie {position: absolute;top: 50%;left: 50%;margin: -42px 0 0 -42px;display: inline-block;width: 84px;height: 85px;background: url(../images/bg/bg_movie_link.png) no-repeat 0 0;}


#movie, #movie1 {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;background: rgba(0,0,0,1);z-index: 100000}
#movie .movie-con,
#movie1 .movie-con {display: table;width: 100%;height: 100%}
#movie .movie-content,
#movie1 .movie-content {display: table-cell;vertical-align: middle}
#movie #movepage2,
#movie1 #movepage3 {position: absolute;top:15px;right: 15px;}

/* 오늘의 행사 */



/* 주요 프로그램 */




/* 배너안내 */
#sec-main-banner {padding-top:40px; clear:both;}
#sec-main-banner ul {margin:0 auto; width:1000px; overflow:hidden;}
#sec-main-banner li {float:left; width:20%; color:#333; text-align:center;}
#sec-main-banner li a {display:block; padding-top:6px; height:144px; border-width:0 1px 0 0; border-style:solid; border-color:#eee; background-position:center 54px; background-repeat:no-repeat;}
#sec-main-banner li:nth-child(1) a {border-width:0 1px; background-image:url(../images/img/img-main-banner1.gif);}
#sec-main-banner li:nth-child(2) a {background-image:url(../images/img/img-main-banner2.gif);}
#sec-main-banner li:nth-child(3) a {background-image:url(../images/img/img-main-banner3.gif);}
#sec-main-banner li:nth-child(4) a {background-image:url(../images/img/img-main-banner4.gif);}
#sec-main-banner li:nth-child(5) a {background-image:url(../images/img/img-main-banner5.gif);}





/* 트위터 */
#sec-main-twitter {position:relative; background: #ebebeb;overflow: hidden}
#sec-main-twitter h3 {float: left;width: 240px;}
#sec-main-twitter .widget_reallysimpletwitterwidget {float: left;width: 690px;height:50px;}
.widget_reallysimpletwitterwidget h3 {display: none}

#sec-main-twitter #mcs2_container {position:relative; z-index:5;}
#sec-main-twitter #mcs2_container_button {position:absolute; z-index:10; top: 14px;right: 7px}
#sec-main-twitter #mcs2_container_button button {float:left; width:20px; height:20px; background-image:url(../images/btn/btn-sprite-main-twitter.png); background-repeat:no-repeat;}
#sec-main-twitter button#t-next {background-position:-20px 0;}
#sec-main-twitter button#t-auto {width:18px;}
#sec-main-twitter button.t-auto {background-position:-58px 0;}
#sec-main-twitter button.t-hold {background-position:-40px 0;}

#sec-main-twitter .bx-viewport {height: 50px !important}
#sec-main-twitter .seoulTwitterContWrap {}
#sec-main-twitter .seoulTwitterName, #sec-main-twitter .seoulTwitterId {display: none;}
#sec-main-twitter .seoulTwitterContent {display:block; margin: 0 0 0 90px;padding-top: 14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

#sec-main-twitter .seoulTwitterDate {position:absolute; top:14px; left:4px; width: 72px;padding-right: 5px; color:#343434;text-align: right;}
#sec-main-twitter .seoulTwitterDate:after {
content: ' ';
position:absolute; 
top: 4px;
right: 0;
width: 1px;
height: 15px;
background: #333;
}

/* 동영상 */
#sec-main-movie {padding:14px 26px 18px 26px; background:#f7eee3;}
#sec-main-movie h3 {margin-bottom:14px;}
#sec-main-movie ul {overflow:hidden;}
#sec-main-movie li {float:left;}
#sec-main-movie li a {display:block; position:relative; width:185px;}
#sec-main-movie li a:before, #sec-main-movie li a:after {content:" "; display:block; position:absolute;}
#sec-main-movie li a:before {top:0; left:0; right:0; bottom:35px; background:#000; transition:all .75s ease; opacity:0.15; filter:alpha(opacity=15);}
#sec-main-movie li a:after {top:39px; left:70px; width:44px; height:44px; background:url(../images/ico/ico-main-movie-play.png) no-repeat;}
#sec-main-movie li a:focus:before, #sec-main-movie li a:hover:before {opacity:0.7; filter:alpha(opacity=70);}
#sec-main-movie .bx-wrapper .bx-controls-direction a {top:0; margin-top:0; width:26px; height:156px; transition:all 0.35s ease-in-out; background-position:center center; background-repeat:no-repeat;}
#sec-main-movie .bx-wrapper .bx-controls-direction a:hover {background-color:#d6c3ab;}
#sec-main-movie .bx-wrapper .bx-prev {left:-26px; background-image:url(../images/btn/btn-main-subslider-left.png);}
#sec-main-movie .bx-wrapper .bx-next {right:-26px; background-image:url(../images/btn/btn-main-subslider-right.png);}




@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0) rotate(0);
        transform: scale(0) rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
        opacity: 1;
    }
}
@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0) rotate(0);
        transform: scale(0) rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
        opacity: 1;
}
}
@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@-webkit-keyframes jello-horizontal {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
    }
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
              transform: scale3d(1.25, 0.75, 1);
    }
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
              transform: scale3d(0.75, 1.25, 1);
    }
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
              transform: scale3d(1.15, 0.85, 1);
    }
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
              transform: scale3d(0.95, 1.05, 1);
    }
    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
              transform: scale3d(1.05, 0.95, 1);
    }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
    }
}
  @keyframes jello-horizontal {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
    }
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
              transform: scale3d(1.25, 0.75, 1);
    }
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
              transform: scale3d(0.75, 1.25, 1);
    }
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
              transform: scale3d(1.15, 0.85, 1);
    }
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
              transform: scale3d(0.95, 1.05, 1);
    }
    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
              transform: scale3d(1.05, 0.95, 1);
    }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes wobble-ver-right {
    0%,
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    15% {
      -webkit-transform: translateY(-10px) rotate(6deg);
              transform: translateY(-10px) rotate(6deg);
    }
    30% {
      -webkit-transform: translateY(5px) rotate(-6deg);
              transform: translateY(5px) rotate(-6deg);
    }
    45% {
      -webkit-transform: translateY(-5px) rotate(3.6deg);
              transform: translateY(-5px) rotate(3.6deg);
    }
    60% {
      -webkit-transform: translateY(3px) rotate(-2.4deg);
              transform: translateY(3px) rotate(-2.4deg);
    }
    75% {
      -webkit-transform: translateY(-2px) rotate(1.2deg);
              transform: translateY(-2px) rotate(1.2deg);
    }
  }
  @keyframes wobble-ver-right {
    0%,
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    15% {
      -webkit-transform: translateY(-10px) rotate(6deg);
              transform: translateY(-10px) rotate(6deg);
    }
    30% {
      -webkit-transform: translateY(5px) rotate(-6deg);
              transform: translateY(5px) rotate(-6deg);
    }
    45% {
      -webkit-transform: translateY(-5px) rotate(3.6deg);
              transform: translateY(-5px) rotate(3.6deg);
    }
    60% {
      -webkit-transform: translateY(3px) rotate(-2.4deg);
              transform: translateY(3px) rotate(-2.4deg);
    }
    75% {
      -webkit-transform: translateY(-2px) rotate(1.2deg);
              transform: translateY(-2px) rotate(1.2deg);
    }
}
@-webkit-keyframes shake-bottom {
    0%,
    100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    }
    10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
    }
    80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    }
    90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
    }
}
    @keyframes shake-bottom {
    0%,
    100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    }
    10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
    }
    80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    }
    90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
    }
}
.scale-in {
    -webkit-animation: scale-in-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in {
    -webkit-animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/*main 20210521*/
#sec-main-visual div.visual-title {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 1500px;
	text-align: center;
}
#sec-main-visual div.visual-title .main-title-8 {
    position: absolute;
    top: 42px;
    left: 371px;
    animation: scale-in-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both .3s;
}
#sec-main-visual div.visual-title .main-title-1 {
    position: absolute;
    top: 143px;
    left: 352px;
    animation-duration: 0, 1s;
}
#sec-main-visual div.visual-title .main-title-2 {
    position: absolute;
    top: 125px;
    left: 601px;
    animation-duration: 1s, 1.2s;
}
#sec-main-visual div.visual-title .main-title-3 {
    position: absolute;
    top: 243px;
    left: 463px;
    animation-duration: 1s, 1.4s;
}
#sec-main-visual div.visual-title .main-title-4 {
    position: absolute;
    top: 357px;
    left: 50%;
    transform: translateX(-55%) !important;
    animation-duration: 1s, 1.6s;
}
#sec-main-visual div.visual-title .main-title-5 {
    position: absolute;
    top: 401px;
    left: 50%;
    transform: translateX(-60%) !important;
    animation-duration: 1s, 1.8s;
}
#sec-main-visual div.visual-title .main-title-6 {
    position: absolute;
    top: 151px;
    left: 601px;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards, spin 4s linear infinite .7s;
}
#sec-main-visual div.visual-title .main-title-7 {
    position: absolute;
    top: 83px;
    left: 1107px;
    animation-duration: .5s, 1s;
}
#sec-main-visual div.visual-title .main-title-9 {
    position: absolute;
    top: 345px;
    left: 215px;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards, shake-bottom .8s linear infinite 1.3s;
    animation-duration: 5s, 4s;
}
#sec-main-visual div.visual-title .main-title-10 {
    position: absolute;
    top: 152px;
    left: 154px;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards, spin 3s linear infinite 1.5s;
    animation-duration: 10s, 4s;
}
#sec-main-visual div.visual-title .main-title-11 {
    position: absolute;
    top: 0;
    left: 192px;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards, jello-horizontal 1.5s infinite 1.7s;
    animation-duration: 7s, 4s;
}
#sec-main-visual div.visual-title .main-title-12 {
    position: absolute;
    top: 15px;
    left: 0;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards, wobble-ver-right 1.3s infinite 1.9s;
    animation-duration: 5s, 4s;
}
#sec-main-visual div.visual-title .main-title-13 {
    position: absolute;
    top: 276px;
    right: 220px;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards, wobble-ver-right 1.5s infinite 2.1s;
    animation-duration: 6s, 4s;
}
#sec-main-visual div.visual-title .main-title-14 {
    position: absolute;
    top: 41px;
    right: 215px;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards, shake-bottom .8s linear infinite 2.5s;
    animation-duration: 12s, 4s;
}
#sec-main-visual div.visual-title .main-title-15 {
    position: absolute;
    top: 17px;
    right: 57px;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards, heartbeat 1.5s ease-in-out infinite 2.7s;
    animation-duration: 8s, 4s;
}
#sec-main-visual div.visual-title .main-title-16 {
    position: absolute;
    top: 144px;
    right: 0;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards, jello-horizontal 1.5s infinite 3s;
    animation-duration: 19s, 4s;
}
#sec-main-visual .bx-wrapper .pager-custom .progress {
    width: 140px;
    background: #fff;
    height: 4px;
    border-radius: 20px;
}
#sec-main-visual .bx-wrapper .pager-custom .progress span {
    max-width: 11.11%;
    width: 100%;
    height: 4px;
    border-radius: 20px;
    background: #f22209;
    transition: all .5s ease-in-out;
    display: block;
}
#sec-main-visual{background-color:transparent !important;}
#sec-main-visual .visual-inner {
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    width: 1500px;
    height: 425px;
    z-index: 20;
}
#sec-main-visual .layor-pop{position:absolute; right:0; width:530px; height:100%; opacity:1; transition:all .5s;}/*20250924*/
#sec-main-visual .layor-pop.on{opacity:0;}
#sec-main-visual .layor-pop .closer{position:absolute; right:0; background:#e37401;}
#sec-main-visual .bx-wrapper .bx-viewport .bg-visual{height:762px !important; width:2560px !important; left:50%; transform:translateX(-50%);}
.bx-wrapper img{margin:0 auto !important; width:1920px !important;}
.bx-wrapper .bx-caption {
    position: absolute;
    background: #202020;
    width: 788px;
    height: 52px;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 40px;
    z-index: 20;
    border-radius: 50px;
}
.bx-wrapper .bx-caption span{font-family: 'Noto Sans KR'; font-size:18px; line-height: 28px; padding:12px 0;position: relative;}
.bx-wrapper .bx-caption span::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #f22209;
    border-radius: 5px;
    position: absolute;
    left: -12px;
    top: 24px;
}
#sec-main-visual .bx-wrapper .pager-custom {
    color: #fff;
    font-size: 18px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
}
#sec-main-visual .bx-wrapper .pager-custom .current{color:#f22209;font-weight: bold;width: 22px;}
#sec-main-visual .bx-wrapper .bx-controls {
    position: absolute;
    width: 285px;
    height: 50px;
    bottom: 30px;
    left: 62%;
    transform: translateX(-50%);
    border-radius: 20px;
    z-index: 20;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    font-size: 0;
    display: block;
    width: 7px;
    height: 10px;
    background: red;
}
.bx-wrapper .bx-controls.bx-has-controls-auto .bx-controls-auto {
    bottom: 43px;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    position: absolute;
    right: 20px;
}
.bx-wrapper .bx-controls-auto .bx-start{width:7px; height:10px;margin-top: 1px; background:url(../images/img/btn-play.png) no-repeat; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{background-position:center;}
.bx-wrapper .bx-controls-auto .bx-stop{position: absolute; top: 0;left: -13px; width:8px; height:12px; background:url(../images/img/btn-pause.png) no-repeat;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{background-position:center;}
.main-visual-layer{position:inherit; top:-36px; left:0; margin-left:0; width:100%; height: 100%;}
.main-visual-layer:before{position:absolute; top:-114px; content:''; width:100%; height:114px; background: url(../images/bg/bg-container-2025-1.png) no-repeat center center; background-size: auto 114px; }
.main-visual-layer .visual-column1{
    float: none;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
}
.visual-column #sec-main-program .heading h3 {
    background: url(../images/img/main-title-program.png) no-repeat;
    width: 244px;
    height: 58px;
    font-size: 0;
    margin: 0 auto 20px;
}
.visual-column #sec-main-notice .heading h3 {
    font-size: 0;
    position: relative;
    background: url(../images/img/main-title-notice.png) no-repeat;
    width: 155px;
    height: 40px;
}
.visual-column2 .heading h3{background:url(../images/txt/intro-txt-2025-1.png) no-repeat; margin-bottom:30px;} 
#sec-main-visual .festival-tab-box {
    background: #e9f1fb;
    padding: 50px 0;
    position: relative;
}
#sec-main-visual .festival-tab-box:before {
    content: '';
    position: absolute;
    top: -158px;
    width: 100%;
    height: 158px;
    background: url(../images/img/main-bg-wave.png);
}
#sec-main-visual .festival-tab-box:after {
    content: '';
    position: absolute;
    bottom: -158px;
    width: 100%;
    height: 158px;
    background: url(../images/img/main-bg-wave2.png) no-repeat;
}
#sec-main-visual .festival-tab-box .tab {
    display: flex;
    justify-content: center;
    background: #c9c9c9;
    width: 508px;
    height: 60px;
    margin: 0 auto 41px;
    border-radius: 50px;
    font-family: 'pretendardB';
}
#sec-main-visual .festival-tab-box .tab div {
    border-radius: 50px;
    cursor: pointer;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 28px;
    position: relative;
}
#sec-main-visual .festival-tab-box .tab div.tab-tod.active,
#sec-main-visual .festival-tab-box .tab div.tab-tom.active {
    background: #222;
    width: 269px;
}
#sec-main-visual .festival-tab-box .tab div.tab-tod:before,
#sec-main-visual .festival-tab-box .tab div.tab-tom:before{
    content: '';
    width: 49px;
    height: 64px;
    position: absolute;
    top: -12px;
    left: 26px;
}
#sec-main-visual .festival-tab-box .tab div.tab-tod.active:before,
#sec-main-visual .festival-tab-box .tab div.tab-tom.active:before{
    background: url(../images/img/main-icon-tab.png) no-repeat;
}
#sec-main-visual .festival-tab-box .lightbox {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
.lightbox .bx-viewport {overflow: visible !important;}
#sec-main-visual .festival-tab-box .lightbox ul.content-tom {
    opacity: 0;
    top: 0;
    z-index: -10;
    position: absolute;
}
#sec-main-visual .festival-tab-box .lightbox ul>p {
    display: flex;
    align-items: center;
	justify-content: center;
    height: 70px;
}
#sec-main-visual .festival-tab-box .lightbox ul>p img{
	margin-right: 18px;
}
#sec-main-visual .festival-tab-box .lightbox li {
    width: 1000px;
    height: 104px;
    background: #fff;
    margin-bottom: 19px;
    border-radius: 12px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}
#sec-main-visual .festival-tab-box .lightbox li.empty {
    color: #222;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    background: url(../images/img/main-empty.png) no-repeat;
    padding: 0;
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-slide section {
    padding-bottom: 20px;
}
#sec-main-visual .festival-tab-box .lightbox li a {
    display: flex;
    align-items: center;
    height: 100%;
}
#sec-main-visual .festival-tab-box .lightbox h4 {
    font-size: 20px;
    width: 50%;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    white-space: nowrap;
    color: #222;
    font-family: 'pretendardB';
    padding: 10px;
    padding-left: 60px;
    position: relative;
}
#sec-main-visual .festival-tab-box .lightbox h4:before {
    content: '';
    display: block;
    position: absolute;
    left: 28px;
    width: 24px;
    height: 27px;
    background: url(../images/img/main-icon-tab2.png) no-repeat;
}
#sec-main-visual .festival-tab-box .lightbox .content-right {
    width: 50%;
    border-left: 1px solid #e2e2e2;
    height: 100%;
    color: #000;
}
#sec-main-visual .festival-tab-box .lightbox li .content-loation {
    width: 100%;
    height: 50%;
    display: flex;
    position: relative;
    padding-left: 42px;
    font-size: 18px;
    padding-right: 20px;
    align-items: center;
    border-bottom: 1px solid #d6d6d6;
}
#sec-main-visual .festival-tab-box .lightbox li .content-loation p {
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    white-space: nowrap;
}
#sec-main-visual .festival-tab-box .lightbox li .content-loation:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: 17px;
    height: 23px;
    background: url(../images/img/main-icon-tab3.png) no-repeat;
}
#sec-main-visual .festival-tab-box .lightbox li .content-time {
    position: relative;
    width: 100%;
    height: 50%;
    display: flex;
    padding-left: 42px;
    font-size: 18px;
    padding-right: 20px;
    align-items: center;
}
#sec-main-visual .festival-tab-box .lightbox li .content-time p{
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    white-space: nowrap;
}
#sec-main-visual .festival-tab-box .lightbox li .content-time:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../images/img/main-icon-tab4.png) no-repeat;
}
#sec-main-visual .festival-tab-box .lightbox .content-slide li:hover {
    background: #2707ca;
}
#sec-main-visual .festival-tab-box .lightbox li:hover h4 {
    color: #fff;
    padding-left: 70px;
}
#sec-main-visual .festival-tab-box .lightbox li:hover h4:before{
    background: url(../images/img/main-icon-tab2-on.png) no-repeat;
    width: 33px;
    height: 32px;
}
#sec-main-visual .festival-tab-box .lightbox li:hover .content-right{color: #fff;}
#sec-main-visual .festival-tab-box .lightbox li:hover .content-loation:before {
    background: url(../images/img/main-icon-tab3-on.png) no-repeat;
    width: 18px;
    height: 26px;
}
#sec-main-visual .festival-tab-box .lightbox li:hover .content-time:before{background: url(../images/img/main-icon-tab4-on.png) no-repeat;}
#sec-main-visual .bx-wrapper .bx-pager {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: auto;
    left: auto;
    right: 0;
    width: auto;
}
#sec-main-visual .bx-wrapper .bx-pager.bx-default-pager a{
	margin: 0 4px;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	border: 1px solid #fff;
	background: transparent;
    box-sizing: border-box;
}
#sec-main-visual .bx-wrapper .bx-pager.bx-default-pager a.active{
	margin: 0 4px;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	border: none;
    background: #fff;
}
.content-slide-pager {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
#sec-main-visual .festival-tab-box .lightbox li.empty + .content-slide-pager{display: none;}
.content-slide-pager button {
    width: 14px;
    height: 14px;
}
button.first{background: url(../images/img/main-icon-tab5.png) no-repeat;}
button.prev{background: url(../images/img/main-icon-tab6.png) no-repeat;}
button.next{background: url(../images/img/main-icon-tab7.png) no-repeat;}
button.last{background: url(../images/img/main-icon-tab8.png) no-repeat;}
.page-numbers span {
    text-indent: 0;
    font-family: 'pretendard';
    font-weight: normal;
    font-size: 18px;
    width: 25px;
    height: 25px;
    border: 0;
    background: none;
    color: #000;
    display: inline-flex;
    justify-content: center;
    visibility: hidden;
}
.page-numbers span.on{
    background: #2707ca;
    color: #fff;
}
#sec-main-visual .lightbox .bx-wrapper .bx-controls {
    display: flex;
    width: auto;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
}
#sec-main-visual .lightbox .bx-wrapper .bx-controls .bx-pager {
    right: auto;
    padding-top: 0;
}
#sec-main-visual .lightbox .bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: 0;
    font-family: 'pretendard';
    font-weight: normal;
    font-size: 18px;
    width: 25px;
    height: 25px;
    border: 0;
    background: none;
    color: #000;
    margin: 0;
}
#sec-main-visual .lightbox .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #2707ca;
    color: #fff;
}
/* #sec-main-visual .lightbox .bx-wrapper .bx-controls .bx-controls-direction{
    display: block;
} */


/*main header style 20250604*/
#navigation .nav-background.on,#navigation .nav-background.clicked{
    background:#fff; 
    box-shadow: 4px 4px 5px rgba(0,0,0,.37); 
    -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,.37);
}
#navigation .nav-list > li > ul {margin-top:13px;}
#navigation .nav-list > li > ul li{padding-top:0;}
#navigation .nav-list > li > ul li:first-child{padding-top:16px;}
#navigation .nav-list > li > ul li a{line-height:1.3; height:30px;}
/* #navigation .nav-list > li > a{overflow:initial; text-indent: 0px !important; background-image:none; height:24px; width:auto !important; font-size:1.2em; letter-spacing: -0.05em; color:#fff; font-weight:400;}
#navigation .nav-list > li > a.nav-depth1-1,
#navigation .nav-list > li > a.nav-depth1-2{margin-right:60px;} */
#navigation .nav-list.on > li.active > a{color:#222; font-weight:bold;}
#navigation .nav-list.on > li.active.on > a{color:#e23513 !important;}


/*main 행사 팝업 20250604*/
#sec-main-event{position:inherit !important; top:104px !important; right:0 !important; width: 330px; height: 314px; background: rgba(0, 0, 0, 0.5); z-index: 20; border-radius: 12px; border:0px/*#8f8f8f;*/;}
#sec-main-event .event-tit{position:relative; height:62px;}
#sec-main-event .event-tit ul{position:absolute; top:15px; left:15px; width:230px; height:32px; background: rgba(255,175,96,.7); border-radius:25px;}
#sec-main-event .event-tit ul li{cursor:pointer; float:left; width:49.2%; text-align:center; line-height:2.4; color:#fff; font-weight:bold;}
#sec-main-event .event-tit ul li.on{color:#b56b21; background:#fff; border-radius:25px; line-height:2; margin:2px 0 0 2px;}
#sec-main-event .event-tit:before{content:''; clear:both;}
#sec-main-event .event-tit a{position:absolute; top:19px; right:16px; border-radius:50%; display:block; width:24px; height:24px; background:#fff;}
#sec-main-event .event-tit a:before{content:''; position:absolute; top:5px; left:11px;  width:2px; height:14px; background:#5c7282;}
#sec-main-event .event-tit a:after{content:''; position:absolute; top:11px; left:5px; width:14px; height:2px; background:#5c7282;}
#sec-main-event .event-box-2025 > div{display:none; position:absolute; width:300px; height:239px; left:15px; background:rgba(255, 255, 255, 0.8); border-radius:10px;}
#sec-main-event .event-box-2025 > div.on{display:block;}
#sec-main-event .event-box-2025 .not-event{position:relative; top:30%; height:76px;}
#sec-main-event .event-box-2025 .not-event:before{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:44px; height:43px; background:url(../images/ico/icon-main-2025-1.png) no-repeat -80px -271px;}
#sec-main-event .event-box-2025 .not-event p{position:absolute; bottom:0; left:50%; transform:translateX(-50%); color:#333;}
/* #sec-main-event .event-box-2025 .event-notice{overflow-y: auto; max-height:239px;}
#sec-main-event .event-box-2025 .event-notice ul li{display:block; width:auto; border-bottom:1px solid #b7b7b7; margin:0 8px;}
#sec-main-event .event-box-2025 .event-notice ul li p{position:relative; padding:10px 0 5px 10px; font-size:16px; font-weight:bold; color:#333; margin-left:4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#sec-main-event .event-box-2025 .event-notice ul li p:before{content:''; position:absolute; top:45%; left:0; width:5px; height:5px; border-radius:50%; background:#b56b21;}
#sec-main-event .event-box-2025 .event-notice .time-spot span{display:block; padding-bottom:3px; padding-left:17px; font-size:14px; font-weight:bold; margin: auto 5px auto 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:#b56b21 ; position:relative; letter-spacing: -0.05em;}
#sec-main-event .event-box-2025 .event-notice .time-spot span:before{position:absolute; content:''; top:6px; left:0; width:13px; height:13px; background:url(../images/ico/icon-new-main2025.png) no-repeat -382px -94px;}
#sec-main-event .event-box-2025 .event-notice .time-spot span:last-child{font-weight:normal; color:#666; margin-left:5px; padding:0 0 10px 13px;}
#sec-main-event .event-box-2025 .event-notice .time-spot span:last-child:before{position:absolute; content:''; top:4px; width:8px; background:url(../images/ico/icon-new-main2025.png) no-repeat -401px -94px;}
#sec-main-event .event-box-2025 .event-notice .time-spot:after{content:''; display:block; clear:both;}*/ 
@media (max-width:1600px){
/* #sec-main-event{right: 12.5% !important;} */
    #sec-main-visual{overflow-x: hidden;}
}

/*main 행사 팝업 스크롤*/
.mCSB_scrollTools{opacity: 1;}
#sec-main-event .mCSB_scrollTools{right: 0; margin: 4px auto;}
#sec-main-event .mCSB_scrollTools .mCSB_draggerRail{width: 8px; background: #ccc; border-color:transparent !important;}
#sec-main-event .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 4px; background: #fff; margin:2px auto;}
.mCSB_scrollTools .mCSB_dragger{height:67px !important; max-height: 67px !important;}
/*20250331*/
#sec-main-visual .visual-inner{background:none;}
#sec-main-visual .bx-wrapper .bx-viewport .bxslider{height:762px;}
#sec-main-visual .bx-wrapper .bx-prev {
    background: url(../images/img/btn-prev.png) no-repeat;
    right: 47px;
    top: 24px;
    left: inherit;
}
#sec-main-visual .bx-wrapper .bx-next {
    right: 0;
    top: 24px;
    background: url(../images/img/btn-next.png) no-repeat;
}
#sec-main-event{border:1px solid #8e8f91; height: 334px;}
#sec-main-event .event-tit ul{top: 23px; left: 21px; height:40px; width:240px; border-radius:0; background:transparent;}
#sec-main-event .event-tit ul,
#sec-main-event .event-tit ul li,
#sec-main-event .event-tit ul li.on{display: flex; justify-content: center; align-items: center; line-height:initial; margin:0; border-radius:14px 14px 0 0;}
#sec-main-event .event-tit ul li{color:#ededed; height:100%;line-height:initial; float:none; width:50%; border-radius:14px 14px 0 0; background:#a6a6a6;}
#sec-main-event .event-tit ul li.on{background:#4a98f0; color:#fff;}
#sec-main-event .event-tit a{top:34px; right:23px; width: 18px; height: 18px; background:none;}
#sec-main-event .event-tit a:before{top: 50%; transform: translate(-50%,-50%); left: 50%; height: 18px; background: #fff;}
#sec-main-event .event-tit a:after{top: 50%; transform: translate(-50%,-50%); left: 50%; width: 18px; 	background: #fff;}
#sec-main-event .event-box-2025 > div{height:259px; left:16px; box-shadow: 0px -1px 2px rgba(0,0,0,.45); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.45);}
#sec-main-event .event-box-2025 .not-event:before{top:-9px; width:62px; height:60px; background:url(/festa/wp-content/themes/festival/page-templates/project/2025/assets/images/ico/main-icon-2025.png) no-repeat -204px 0;}
#sec-main-event .event-box-2025 .event-notice{max-height:259px; overflow-y:auto;}
#sec-main-event .event-box-2025 .event-notice ul{padding:16px 10px 0; display:flex; flex-direction:column;}
#sec-main-event .event-box-2025 .event-notice ul li{/*min-height:86px;*/ font-weight:bold; margin-bottom:20px;}
#sec-main-event .event-box-2025 .event-notice ul li p{color:#333; padding-left:12px; margin-bottom:5px; position:relative; font-size:16px;}
#sec-main-event .event-box-2025 .event-notice ul li p:before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; width:3px; height:3px; border:2px solid #4a98f0; border-radius:50%; }
#sec-main-event .event-box-2025 .event-notice ul li .time-spot{display: flex; justify-content: space-between; margin-left:4px;}
#sec-main-event .event-box-2025 .event-notice ul li .time-spot span{display:inline-block; width:56%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:17px; position:relative;}
#sec-main-event .event-box-2025 .event-notice ul li .time-spot span:first-child{color:#2577d4; width:auto; letter-spacing:-0.05em;}
#sec-main-event .event-box-2025 .event-notice ul li .time-spot span:before{content:''; position:absolute; left:0; top: 5px; width:13px; height:13px; background:url(https://festival.seoul.go.kr/wp-content/themes/festival/page-templates/project/2025/assets/images/ico/main-icon-2025.png) no-repeat -30px -61px;}
#sec-main-event .event-box-2025 .event-notice ul li .time-spot span:last-child:before{top:3px; width:10px; background-position-x:-49px;}
#sec-main-event .event-box-2025 .mCSB_scrollTools .mCSB_draggerRail,
#sec-main-event .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;}
#sec-main-event .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(0,0,0,.5);}
.main-visual-layer{top:0;}
.main-visual-layer:before{display:none;}
main#container{margin-bottom: 0;}

#sec-main-notice .heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
#sec-main-notice .notice-more {
    position: relative;
    padding: 5px;
    color: #222;
    width: 168px;
    border-radius: 50px;
    font-size: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border: 1px solid #222;
    overflow: hidden;
    transition: .5s ease;
    z-index: 1;
}
#sec-main-notice .notice-more:hover{color: #fff;border-color: transparent;}
#sec-main-notice .notice-more:after{
    content: '';
    display: block;
    position: relative;
    background: url(../images/img/main-icon-tab9.png) no-repeat;
    width: 34px;
    height: 16px;
    top: 0;
    z-index: 10;
    transition: .5s ease;
}
#sec-main-notice .notice-more:hover:after{filter: invert(1);}
#sec-main-notice .notice-more:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: #071532;
    position: absolute;
    z-index: -1;
    left: -100%;
    transition: left .5s ease;
}
#sec-main-notice .notice-more:hover:before{left:0;}
#sec-main-notice ul li:hover{}
#sec-main-notice ul li:hover .date {
    font-weight: bold;
}
.main-visual-layer .visual-column2{background:#f2f5f7;}
.visual-column2 .heading h3{margin-bottom:0; background:url(/festa/wp-content/themes/festival/page-templates/project/2025/assets/images/txt/program-txt-2025.png) no-repeat; font-size:25px; margin-bottom:35px;}
#sec-main-program {
    min-height: 310px;
    width: 1000px;
    margin: 116px auto;
    position: relative;
}

/* #navigation h1 > a {display:block; width:168px; height:40px; background:url(/festa/wp-content/themes/festival/page-templates/project/2025/assets/images/ico/img-head-logo.png) no-repeat; position:relative;} */
#navigation .nav-border.on h1 > a{background:url(/festa/wp-content/themes/festival/page-templates/project/2025/assets/images/ico/img-head-logo-hover.png) no-repeat;}

/*프로그램 장소 확인 영역*/
/* {margin:-40px auto 100px auto; padding-top:0;} */