/* @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)
    }
}







/* #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 h3 {padding: 35px 0 15px;;color: #222;font-weight: bold;font-size: 26px;letter-spacing: -0.09em}
.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: 100%;box-sizing: border-box;height: 100%;}
#sec-main-notice ul {padding: 0;min-height: 277px;}
#sec-main-notice ul li:first-child {border-top-width: 2px;}
#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: 20px;color: #333;}
#sec-main-notice ul li {
    border-bottom: 1px solid #ddd;
}
#sec-main-notice ul li a {
    display: flex;
    padding: 13px 10px 13px 0;
    color: #555;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#sec-main-notice ul li .date {
    color: #555;
    font-size: 16px;
    height: 15px;
    display: flex;
    align-items: center;
}
#sec-main-notice .notice-more {position: absolute;top: 37px;right: 0px;}


/* 프로그램 소개 2019 */
#sec-main-program ul {
    margin: 0 auto;
    width: 100%;
    padding: 0;
    display: flex;
    gap: 50px;
    justify-content: space-between;
}
#sec-main-program ul li {
    width: 211px;
    height: 262px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #1c82de;
    color: #fff;
    box-sizing: border-box;
    transition: .2s ease-out;
}
#sec-main-program ul li:nth-child(2){background:#eb4f0a;}
#sec-main-program ul li:nth-child(3){background:#149d40;}
#sec-main-program ul li:nth-child(4){background:#f6f7ff;border: 2px solid #6776f7;color: #333;}
#sec-main-program ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border: 2px solid transparent;
}
#sec-main-program ul li.on{
    background: #d0e9ff;
    border: 2px solid #1c82de;
    color: #1c82de;
}
#sec-main-program ul li.on:nth-child(2){
    background: #ffefe7;
    border: 2px solid #eb4f0a;
    color: #eb4f0a;
}
#sec-main-program ul li.on:nth-child(3){
    background: #f0fff5;
    border: 2px solid #149d40;
    color: #149d40;
}
#sec-main-program ul li.on:nth-child(4){
    background: #6776f7;
    border-color: transparent;
    color: #fff;
}
.txt-program em {
    display: block;
}
.txt-program em:first-child{
	font-weight: bold;
	font-size: 24px;
	letter-spacing: -0.075rem;
    margin: 6px 0;
}
.txt-program em:last-child {
    position: relative;
    padding: 4px;
    background: #FFF;
    color: #1c82de;
    width: 120px;
    border-radius: 20px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
}
.txt-program1 em:last-child {
    color: #eb4f0a;
}
.txt-program2 em:last-child {
    color: #149d40;
}
.txt-program4 em:last-child {
    color: #f6f7ff;
    background: #6776f7;
}
#sec-main-program ul li.on .txt-program em:last-child {
    color: #fff;
    background: #1c82de;
}
#sec-main-program ul li.on .txt-program1 em:last-child {
    background: #eb4f0a;
}
#sec-main-program ul li.on .txt-program2 em:last-child {
    background: #149d40;
}
#sec-main-program ul li.on .txt-program4 em:last-child {
    background: #fff;
    color: #6776f7;
}
.txt-program em:last-child:after {
    content: '';
    position: relative;
    width: 9px;
    height: 11px;
    margin-left: 4px;
    top: 1px;
    display: inline-block;
    background: url(../images/ico/ico_arrow1.png) no-repeat;
    z-index: 10;
}
.txt-program1 em:last-child:after {
    background: url(../images/ico/ico_arrow2.png) no-repeat;
}
.txt-program2 em:last-child:after {
    background: url(../images/ico/ico_arrow3.png) no-repeat;
}
.txt-program4 em:last-child:after {
    background: url(../images/ico/ico_arroww.png) no-repeat;
}
#sec-main-program ul li.on .txt-program em:last-child:after{background: url(../images/ico/ico_arroww.png) no-repeat;}
#sec-main-program ul li.on .txt-program4 em:last-child:after  {
    background: url(../images/ico/ico_arrow4.png) no-repeat;
}
#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;
}
#btn-top-search-open{position: absolute;top:70px; right:0; width: 36px; height: 36px; border-radius: 0; background: url(../images/ico/icon-search.png) no-repeat 50% 50%;}



.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);}




/* #visual-tit01,#visual-tit02,#visual-tit03,#visual-tit04,#visual-tit05 {opacity: 0} */

/*main 20210521*/
#sec-main-visual div.visual-title {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 1000px;
	text-align: center;
}
#sec-main-visual .bx-wrapper .pager-custom .progress {
    width: 200px;
    background: #fff;
    height: 2px;
    position: absolute;
    top: 9px;
    left: -130px;
}
#sec-main-visual .bx-wrapper .pager-custom .progress span{
	max-width: 9.09%;
	width: 100%;
	height: 3px;
	background: #fccd01;
	transition: all .5s ease-in-out;
	display: block;
}
#sec-main-visual{background-color:transparent !important; top:-84px !important;}
#sec-main-visual .visual-inner{position:absolute; top:213px; left:50%; transform:translateX(-50%); width:960px; height:310px; z-index:20; background:url(../images/bg/bg-main-visual-2024.png) no-repeat;}
#sec-main-visual .layor-pop{position:absolute; right:0; width:530px; height:100%; opacity:1; transition:all .5s;}/*20240924*/
#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: transparent;
    width: auto;
    height: 50px;
    bottom: 40px;
    left: 39%;
    z-index: 20;
}
.bx-wrapper .bx-caption span{font-family: 'onemobilepop'; font-size:18px; line-height: 28px; padding:12px 0;position: relative;}
.bx-wrapper .bx-caption span::before {
    content: '';
    width: 15px;
    height: 18px;
    background: url(../images/ico/icon-visual-location.png) no-repeat;
    border-radius: 5px;
    position: absolute;
    left: -22px;
    top: 16px;
}
#sec-main-visual .bx-wrapper .bx-caption .caption-line {
    width: 315px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateX(12px);
}
#sec-main-visual .bx-wrapper .pager-custom{color:#fff; width:auto; font-size:15px; position:absolute; top:14px; right:66px;}
#sec-main-visual .bx-wrapper .pager-custom .current{padding-right:6px; color:#fff;}
#sec-main-visual .bx-wrapper .pager-custom .total{padding-left:4px;}
#sec-main-visual .bx-wrapper .bx-controls {
    position: absolute;
    width: 566px;
    height: 50px;
    bottom: 40px;
    left: 50%;
    transform: translateX(-42%);
    border-radius: 20px;
    z-index: 20;
}

.bx-wrapper .bx-controls-direction a{width: 9px; height: 14px; top:18px; margin-top:0; background-image:url(../images/ico/play-buttons-2024.png);}
.bx-wrapper .bx-prev{background-position:0 0; left:auto; right:44px;} 
.bx-wrapper .bx-next{background-position-x:-24px; right:11px;}
.bx-wrapper .bx-controls.bx-has-controls-auto .bx-controls-auto{top:20px; right:29px; width:8px;}
.bx-wrapper .bx-controls-auto .bx-start{width:27px; height:27px; background:url(../images/ico/icon-visual-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; right: 1px;width:27px; height:27px; background:url(../images/ico/icon-visual-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-2024-1.png) no-repeat center center; background-size: auto 114px; }
.main-visual-layer .visual-column1{
    float: none;
    width: 1000px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
}
.visual-column #sec-main-notice .heading h3,
.visual-column #sec-main-program .heading h3{
    padding: 0;
    padding-left: 15px;
    margin-bottom: 15px;
    font-family: 'pretendardB';
    color: #333;
    position: relative;
}
.visual-column #sec-main-notice .heading h3:before,
.visual-column #sec-main-program .heading h3:before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4f80e5;
    border-radius: 20px;
    top: 15px;
    left: 0;
}
.visual-column .heading h3:after{display:none;}
.visual-column2 .heading h3{background:url(../images/txt/intro-txt-2024-1.png) no-repeat; margin-bottom:30px;} 
#sec-main-notice{top:43px;}
#sec-main-visual .festival-tab-box {
    background: #f2f6fe;
    padding: 40px 0;
}
#sec-main-visual .festival-tab-box .tab {
    display: flex;
    justify-content: center;
    background: #fff;
    width: 386px;
    height: 50px;
    margin: 0 auto 20px;
    border-radius: 50px;
    font-family: 'pretendardB';
}
#sec-main-visual .festival-tab-box .tab div {
    border-radius: 50px;
    cursor: pointer;
    width: 193px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 22px;
    position: relative;
}
#sec-main-visual .festival-tab-box .tab div.tab-tod{
    color: #4f80e5;
}
#sec-main-visual .festival-tab-box .tab div.tab-tod:before {
    content: '';
    width: 7px;
    height: 7px;
    background: #4f80e5;
    border-radius: 20px;
    margin-right: 8px;
}
#sec-main-visual .festival-tab-box .tab div.tab-tom{
    color: #3e50d6;
}
#sec-main-visual .festival-tab-box .tab div.tab-tom:before {
    content: '';
    width: 7px;
    height: 7px;
    background: #3e50d6;
    border-radius: 20px;
    margin-right: 7px;
}
#sec-main-visual .festival-tab-box .tab div.tab-tod.active{
	background: #4f80e5;color: #fff;
}
#sec-main-visual .festival-tab-box .tab div.tab-tom.active{
	background: #3e50d6;color: #fff;
}
#sec-main-visual .festival-tab-box .tab div.tab-tod.active:before{
    background: url(../images/ico/icon-check.png) no-repeat;
    width: 28px;
    height: 28px;
}
#sec-main-visual .festival-tab-box .tab div.tab-tom.active:before{
    background: url(../images/ico/icon-check2.png) no-repeat;
    width: 28px;
    height: 28px;
}
#sec-main-visual .festival-tab-box .lightbox {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
#sec-main-visual .festival-tab-box .lightbox ul.content-tom {
    opacity: 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: 100%;
    background: #fff;
    margin-bottom: 15px;
    padding: 15px 23px;
    border-radius: 50px;
    border: 1px solid #ebebeb;
}
#sec-main-visual .festival-tab-box .lightbox li.empty {
    font-family: 'pretendardB';
    color: #222;
    text-align: center;
    font-size: 17px;
    position: relative;
    overflow: hidden;
}
#sec-main-visual .festival-tab-box .lightbox li.empty:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 108px;
    height: 48px;
    background: url(../images/ico/main-empty.png) no-repeat;
}
#sec-main-visual .festival-tab-box .lightbox li.empty:after {
    content: '';
    position: absolute;
    right: 19px;
    bottom: 0;
    width: 122px;
    height: 42px;
    background: url(../images/ico/main-empty2.png) no-repeat;
}
.content-slide section {
    padding-bottom: 20px;
}
#sec-main-visual .festival-tab-box .lightbox li a {
    display: flex;
    align-items: center;
    gap: 50px;
}
#sec-main-visual .festival-tab-box .lightbox h4 {
    font-size: 18px;
    width: 40%;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    white-space: nowrap;
    color: #222;
    font-family: 'pretendardB';
}
#sec-main-visual .festival-tab-box .lightbox li p:nth-child(2n) {
    width: 18%;
	position: relative;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 22px;
    font-size: 16px;
}
#sec-main-visual .festival-tab-box .lightbox li p:nth-child(2n):before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
    background: url(../images/ico/icon-clock.png) no-repeat;
}
#sec-main-visual .festival-tab-box .lightbox li p:nth-child(3n) {
	position: relative;
	width: 26%;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
    white-space: nowrap;
    padding: 1px;
    padding-left: 25px;
    color: #397cd3;
    font-size: 16px;
}
#sec-main-visual .festival-tab-box .lightbox li p:nth-child(3n):before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 21px;
    background: url(../images/ico/icon-visual-location2.png) no-repeat 100%;
}
#sec-main-visual .festival-tab-box .lightbox li:nth-child(even) p:nth-child(3n){color:#2d841f}
#sec-main-visual .festival-tab-box .lightbox li:nth-child(even) p:nth-child(3n):before{
    background: url(../images/ico/icon-visual-location3.png) no-repeat;
}
/* #sec-main-visual .festival-tab-box .lightbox .bx-wrapper:nth-child(2) .bx-controls.bx-has-pager{display: none;} */
#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-controls .bx-controls-direction {
    display: none;
}
#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;
}

#sec-main-visual .lightbox .bx-wrapper .bx-controls{width: 0;bottom: -47px;}
#sec-main-visual .lightbox .bx-wrapper .bx-controls .bx-pager{padding-top: 0;}
#sec-main-visual .lightbox .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 #5282e5;
	background: transparent;
    box-sizing: border-box;
}
#sec-main-visual .lightbox .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: #5282e5;
}


/*main header style 20240604*/
#navigation .nav-border{background:transparent; border-bottom: 1px solid #ffffff2e;}
#navigation .nav-border.on{background:#fff;}
#navigation .nav-background{background:#fff;}
#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{margin-left:180px;}
#navigation .nav-list > li > ul {margin-top:13px;}
#navigation .nav-list > li{padding:30px 0;}
#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 행사 팝업 20240604*/
#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-2024 > 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-2024 > div.on{display:block;}
#sec-main-event .event-box-2024 .not-event{position:relative; top:30%; height:76px;}
#sec-main-event .event-box-2024 .not-event:before{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:44px; height:43px; background:url(../images/ico/icon-main-2024-1.png) no-repeat -80px -271px;}
#sec-main-event .event-box-2024 .not-event p{position:absolute; bottom:0; left:50%; transform:translateX(-50%); color:#333;}
/* #sec-main-event .event-box-2024 .event-notice{overflow-y: auto; max-height:239px;}
#sec-main-event .event-box-2024 .event-notice ul li{display:block; width:auto; border-bottom:1px solid #b7b7b7; margin:0 8px;}
#sec-main-event .event-box-2024 .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-2024 .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-2024 .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-2024 .event-notice .time-spot span:before{position:absolute; content:''; top:6px; left:0; width:13px; height:13px; background:url(../images/ico/icon-new-main2024.png) no-repeat -382px -94px;}
#sec-main-event .event-box-2024 .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-2024 .event-notice .time-spot span:last-child:before{position:absolute; content:''; top:4px; width:8px; background:url(../images/ico/icon-new-main2024.png) no-repeat -401px -94px;}
#sec-main-event .event-box-2024 .event-notice .time-spot:after{content:''; display:block; clear:both;}    
@media screen and(max-width:1600px){
#sec-main-event{right: 12.5% !important;}
} */

/*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;}
/*20240331*/
#sec-main-visual .visual-inner{background:none;}
#sec-main-visual .bx-wrapper .bx-viewport .bxslider{height:762px;}
#sec-main-visual .bx-wrapper .pager-custom{top:16px; right:76px;}
#sec-main-visual .bx-wrapper .bx-controls-direction a{top:20px;}
#sec-main-visual .bx-wrapper .bx-controls.bx-has-controls-auto .bx-controls-auto{top:12px; right:-34px;}
#sec-main-visual .bx-wrapper .bx-prev{right:54px;}
#sec-main-visual .bx-wrapper .bx-next{right:20px;}
#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-2024 > 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-2024 .not-event:before{top:-9px; width:62px; height:60px; background:url(/festa/wp-content/themes/seoul_festa/page-templates/project/2024/assets/images/ico/main-icon-2024.png) no-repeat -204px 0;}
#sec-main-event .event-box-2024 .event-notice{max-height:259px; overflow-y:auto;}
#sec-main-event .event-box-2024 .event-notice ul{padding:16px 10px 0; display:flex; flex-direction:column;}
#sec-main-event .event-box-2024 .event-notice ul li{/*min-height:86px;*/ font-weight:bold; margin-bottom:20px;}
#sec-main-event .event-box-2024 .event-notice ul li p{color:#333; padding-left:12px; margin-bottom:5px; position:relative; font-size:16px;}
#sec-main-event .event-box-2024 .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-2024 .event-notice ul li .time-spot{display: flex; justify-content: space-between; margin-left:4px;}
#sec-main-event .event-box-2024 .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-2024 .event-notice ul li .time-spot span:first-child{color:#2577d4; width:auto; letter-spacing:-0.05em;}
#sec-main-event .event-box-2024 .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/festa/wp-content/themes/seoul_festa/page-templates/project/2024/assets/images/ico/main-icon-2024.png) no-repeat -30px -61px;}
#sec-main-event .event-box-2024 .event-notice ul li .time-spot span:last-child:before{top:3px; width:10px; background-position-x:-49px;}
#sec-main-event .event-box-2024 .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:6px;}
.main-visual-layer:before{display:none;}
#sec-main-notice .heading h3{margin-bottom:0; padding-bottom:10px;}
#sec-main-notice .notice-more {
    padding: 3px 11px;
    top: 3px;
    border: 1px solid #dcdcdc;
    background: #656565;
    color: #fff;
    border-radius: 20px;
    font-size: 16px;
}
#sec-main-notice ul li:hover{
    font-family: 'pretendardB';
}
#sec-main-notice ul li:hover .date {
    background: #cff9ff;
    letter-spacing: -.5px;
}
.main-visual-layer .visual-column2{background:#f2f5f7;}
.visual-column2 .heading h3{margin-bottom:0; background:url(/festa/wp-content/themes/seoul_festa/page-templates/project/2024/assets/images/txt/program-txt-2024.png) no-repeat; font-size:25px; margin-bottom:35px;}
#sec-main-program{min-height: 310px;width: 100%;top: 43px;position: relative;}

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

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