@charset 'utf-8';

@keyframes v_img {
    from {right:50px; opacity:0}
	to {right:0px; opacity:1}
	 
}
@keyframes v_text {
    from {padding-left:30px;  opacity:0}
	to {padding-left:0px;  opacity:1}
	 
}

@keyframes v_navi {
    from {margin-top:-20px;  opacity:0}
	to {margin-top:0px; letter-spacing:-1px; opacity:1}
	 
}
#design #wait {text-align:center; margin-top: 140px;}

#container.main .calendar .schedule table tbody td .nowday {display: block;width: 20px;height: 20px;border-radius: 50%;margin: 0 auto;border: 5px solid #8763c3;}

#LayerView {width: 70%;position: absolute;top: 40px;left: 15%;background: rgb(238, 238, 238);border: 1px solid #dcdcdc;z-index: 999;}
#LayerView .event_pop_title {position: relative;margin: 0;padding: 10px 0;text-align: center;background: #169cc8;color: #fff;font-size: 18px;font-weight: bold;}
#LayerView .event_pop_title .btn_close {display: block;position: absolute;top: 12px;right: 2%;text-indent: -9999px;width: 20px;height: 20px;background: url(../img/btn_close.png) no-repeat 50%;}
#LayerView .event_pop_list {height: 180px;overflow-y: auto;padding: 10px 3%;margin: 0;}
#LayerView .event_pop_list li a {display: block;padding-left: 6%;background: url(../img/icon_liststyle2.png) no-repeat 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;margin: 6px 0;}

#container.main .bx-wrapper {margin: 0 auto;}
.bx-pager {display: none;}

.video-wrap {position:relative; padding-bottom:56.25% !important; padding-top:30px !important; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

@media all and (min-width: 1680px) {
	
	/**/	
	#wrap * {transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#wrap #mainCon {padding-left: 100px;}
	
	/**/
	#sidebar {position: fixed;overflow-y: auto;top: 0;left: 0;z-index:30003;width: 100px;height: 100%;padding: 40px 10px 0;background-color: #fff;}
	#sidebar .site {text-align: center;}
	#sidebar .site .sitemap {display: block;margin-bottom: 30px;font-size: 0;line-height: 1;}
	#sidebar .site .sitemap svg {width: 26px;}
	#sidebar .site .oth_list > a {display: table;width: 100%;min-height: 50px;padding: 10px;background-color: #000;color: #fff;text-align: left;font-size: 14px;line-height: 1.2em;border-radius: 0 50px 50px 0;}	
	#sidebar .site .oth_list > a.oth1 {background-color: var(--mainColor);}
	#sidebar .site .oth_list > a.oth2 {background-color: var(--colorYellow);}
	#sidebar .site .oth_list > a.oth3 {background-color: var(--colorGreen);}
	#sidebar .site .oth_list > a.oth4 {background-color: var(--colorBlue);}
	#sidebar .site .oth_list > a + a {margin-top: 10px;}
	#sidebar .site .oth_list > a > span {display: table-cell;width: 100%;vertical-align: middle;}
	#sidebar .sns {text-align: center;margin-top: 35px;padding-top: 30px;border-top: 1px solid #ddd;}
	#sidebar .sns .title {margin-bottom: 20px;font-size: 17px;font-weight: 700;color: #000;}
	#sidebar .sns .sns_list > a {display: block;height: 60px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#sidebar .sns .sns_list > a.sns1 {background-image: url(../img/ico_facebook.png);}
	#sidebar .sns .sns_list > a.sns2 {background-image: url(../img/ico_instagram.png);}
	#sidebar .sns .sns_list > a.sns3 {background-image: url(../img/ico_blog.png);}
	#sidebar .sns .sns_list > a.sns4 {background-image: url(../img/ico_youtube.png);}
	#sidebar .sns .sns_list > a.sns5 {background-image: url(../img/ico_kakao.png);}

	/**/
	#header {position: absolute;z-index: 30002;top:0; left:0; width:100%;height: auto;padding: 0 60px 0 160px;background-color: rgba(0,0,0,0.05);transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.bg_white {padding-left: 60px;background-color: #fff;border-bottom: 1px solid #ddd;}
	#header.fix_menu {position:fixed; top: 0;background-color: #fff;transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.fix_menu .lnb {margin-top:-20px; opacity:0;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.fix_menu .calendar_pop_btn {display: none;}
	#header .header {position:relative;z-index:30002;display: flex;margin:0 auto; clear:both;}
	#header .header h1{}
	#header .header h1 a {display: flex;align-items: center;height: 100%; }
	#header .header h1 a img {height: 52px;}
	#header .header button{display:none}

	#header .header_top {width:100%;max-width: 100%; height:35px;} 
	#header .header_top div {position:relative;}
	#header .header_top ul li {float:left;}
	
	/*
	#header .lnb {float:right; margin:0; opacity:1; padding-top:25px;}
	#header .lnb ul {overflow:hidden}
	#header .lnb li {float:left; padding-left:30px;}
	#header .lnb li a {display:block; font-size:13px; font-weight:normal; letter-spacing:0px; color:#888}
	#header .lnb .mlose {display:none}*/

	/**/
	#gnb {margin: 0 20px;transition:all 0.5s;flex-grow: 1;}
	
	#gnb .gnb {max-width: 1000px;margin: 0 auto;}
	#gnb .depth1 {display: flex;justify-content: space-evenly;}
	#gnb .depth1 > li {position: relative;display: table;width: 100%;text-align: center;}
	#gnb .depth1 > li > a {display: table-cell; position:relative;height: 100px;font-weight: 500; font-size: 20px;vertical-align: middle;color: #fff;}
	#header.fix_menu #gnb .depth1 > li > a,
	#header.bg_white #gnb .depth1 > li > a {color: #000;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header #gnb .depth1 > li:hover > a {text-decoration: underline;}
	#header #gnb .depth1 > li.sel > a {color: var(--mainColor);font-weight: 700;}
	#header #gnb .depth1 > li.sel em {display: block;width: 8px;height: 8px;margin: 10px auto 0;border-radius: 50%;background-color: var(--mainColor);}

	#gnb .depth2 {display: none;position:absolute;left: 50%;top: 90px;min-width: 160px;width: auto;border: 1px solid #ddd;border-radius: 10px;background-color: #fff;transform: translateX(-50%);}
	#header.sel #gnb .depth2 {display:block; top:64px; transition: all 0.8s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#gnb .depth2 > li {position: relative;white-space: nowrap;}
	#gnb .depth2 > li > a {display:block; padding: 12px 20px;font-size: 15px; text-align:left; color: #555;}
	#gnb .depth2 > li > a:hover {background-color: var(--mainColor);color: #fff;border-radius: 10px;}
	#gnb .depth2 > li.use > a {padding-right: 70px;background-image: url(../img/ico_gnb_arrow.png?v=1);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;background-size: auto 12px;}
	#gnb .depth2 > li.use > a:hover {background-image: url(../img/ico_gnb_arrow_on.png);}
	#gnb .depth2 > li + li > a {border-top: 1px solid #ddd;}
	#gnb .depth2 > li.sel > a {color:#00b4f1}

	#gnb .depth3 {position: absolute;top: 0;left: 100%;min-width: 160px;background-color: #fff;border: 1px solid #ddd;border-radius: 10px;text-align: left;}
	#gnb .depth3 > li > a {display: block;padding: 12px 20px;font-size: 15px;color: #555;}
	#gnb .depth3 > li > a:hover {color: var(--mainColor);text-decoration: underline;}
	#gnb .depth3 > li + li > a {border-top: 1px solid #ddd;}
	
	#gnb .mobile {display:none}
	#allbg {position:fixed; z-index:30000; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); display:none}

	/**/
	#lnb > ul {display: flex;height: 100%;align-items: center;}
	#lnb > ul > li + li {margin-left: 15px;}
	#lnb > ul > li > a {color: #fff;line-height: 1;}
	#header.bg_white #lnb > ul > li > a,
	#header.fix_menu #lnb > ul > li > a {font-size: 14px;color: #000;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#lnb > ul > li > a svg {margin-right: 5px;}
	#lnb > ul > li.reserv svg {width: 20px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li.schedule svg {width: 14px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li.sitemap svg {width: 14px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li#login svg {width: 14px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li#logout svg {width: 14px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li#join svg {width: 14px;fill: #fff;vertical-align: middle;}
	#header.bg_white #lnb > ul > li svg,
	#header.fix_menu #lnb > ul > li svg {fill: #000;}

	/**/
	#menu {position:absolute !important; z-index:10; top:0px; right:0; float:none}
	#menu a {display:block; margin:0 !important; padding:0 !important; width:42px; height:40px; background:url(../img/icon_hammenu.png) no-repeat right center; text-indent:-9999em; overflow:hidden}
	#gnb .depth1 > #menu:hover > a:before { display:none;}
	#menu a.sel {background:url(../img/icon_hammenu_on.png) no-repeat 100% 50%}

	
	/* #mainCon */
	/* #mainVisual */
	#mainVisual {overflow: hidden;position: relative;width: 100%;}
	#mainVisual .m_visual .slider li {position: relative;max-height: 980px;}
	#mainVisual .m_visual .slider li .slogan > img {position: absolute;top: 200px;z-index: 3;}
	#mainVisual .m_visual .slider li .slogan > img:nth-child(1) {left: 60px;}
	#mainVisual .m_visual .slider li .slogan > img:nth-child(2) {right: 60px;}
	#mainVisual .m_visual .slider li svg {position: absolute;top: 0;left: 0;width: 100%;}
	#mainVisual .m_visual .slider li.v1 .st0 {fill: #E10012;}
	#mainVisual .m_visual .slider li.v2 .st0 {fill: #fcb500;}
	#mainVisual .m_visual .slider li.v3 .st0 {fill: #72bb2b;}
	#mainVisual .m_visual .slider li.v4 .st0 {fill: #0071bb;}

	#mainVisual #mPopup {position: absolute;top: 0;right: 0;width: 30%;min-width: 540px;height: 100%;background-color: rgba(0,0,0,0.6)}
	#mainVisual #mPopup .toggle_arrow {position: absolute;top: 25%;left: -50px;width: 50px;height: 50px;background-color: rgba(0,0,0,0.6);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 20px;border-radius: 5px 0 0 5px;text-indent: -9999px;}
	#mainVisual #mPopup .toggle_arrow.close {background-image: url(../img/arrow_m_next.png);}
	#mainVisual #mPopup .toggle_arrow.open {background-image: url(../img/arrow_m_prev.png);}
	#mainVisual #mPopup .slider,
	#mainVisual #mPopup .slick-track,
	#mainVisual #mPopup .slick-list {height: 100%;}
	#mainVisual #mPopup .slider li {display: table;height: 100%;padding: 50px 100px;transition: all 0.3s;}
	#mainVisual #mPopup .slider li .img_wp {display: table-cell;width: 100%;height: auto;vertical-align: middle;}
	#mainVisual #mPopup .slider li .img_wp img {max-width: 100%;margin: 0 auto;}

	#mainVisual #mPopup .slick-arrow {position: absolute;top: 50%;width: 20px;z-index: 9;height: 30px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 100%;}
	#mainVisual #mPopup .slick-arrow.slick-prev {left: 40px;background-image: url(../img/arrow_m_prev.png);}
	#mainVisual #mPopup .slick-arrow.slick-next {right: 40px;background-image: url(../img/arrow_m_next.png);}

	/**/
	.section {position: relative;z-index: 0;}
	.section::before {content: '';position: absolute;top: 0;left: 0;z-index: -1 ;width: 400px;height: 100%;background-repeat: no-repeat;background-position: 50% 100%;}
	.section::after {content: '';position: absolute;bottom: 0;left: 0;z-index: -2;width: 100%;height: 200px;background-repeat: repeat-x;background-position: 100% 100%;}
	.section .section_inner {display: flex;/*max-width: 1800px;*/}
	.section .section_inner .title {display: table;flex: 0 0 400px;padding: 70px;color: #fff;}
	.section .section_inner .title .title_con {display: table-cell;vertical-align: middle;}
	.section .section_inner .title .tit_mark {display: inline-block;padding: 7px 15px;border: 1px solid #fff;font-size: 20px;border-radius: 50px;font-weight: 600;}
	.section .section_inner .title p.text {padding: 90px 0 40px;font-size: 19px;font-weight: 400;}
	.section .section_inner .title p.text .tit {display: block;margin-bottom: 10px;font-size: 34px;font-weight: 700;}
	.section .section_inner .title a.more {font-size: 20px;font-weight: 600;}
	.section .section_inner .con {width: calc(100% - 400px);padding: 80px 60px 100px;background-repeat: repeat-x;background-position: 0 100%;background-size: auto 160px;}

	/* #section1 */	
	#section1::before {background-color: #fdbc00;background-image: url(../img/bg_section1.jpg?v=1);}	
	#section1::after {background-image: url(../img/bg_section1_con.jpg);}	
	#section1 .section_inner .con {display: inline-flex;flex-grow: 1;}
	#section1 .con > div {width: 50%;padding: 0 25px;}
	#section1 .con > div.tv_wp {padding-left: 0;}
	#section1 h3 {display: inline-block;margin-bottom: 30px;padding: 5px 30px 5px 10px;color: #fff;background-color: var(--colorYellow);font-size: 20px;border-radius: 0 20px 20px 0}
	#section1 .con > div.tv_wp .video {position: relative;height: 0;padding-top: 56.25%;}
	#section1 .con > div.tv_wp .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	#section1 .con > div.notice_wp {position: relative;padding-right: 0;}
	#section1 .con > div.notice_wp .notice > li {display: flex;padding: 16px 0;align-items: center;}
	#section1 .con > div.notice_wp .notice > li:first-child {padding-top: 0;}
	#section1 .con > div.notice_wp .notice > li + li {border-top: 1px solid #ddd;}
	#section1 .con > div.notice_wp .notice > li span.field {flex: 0 0 100px;margin-right: 20px;padding: 6px 20px 6px 10px;font-size: 17px;color: #fff;border-radius: 0 20px 20px 0;}
	#section1 .con > div.notice_wp .notice > li span.field.type1 {background-color: var(--mainColor);}
	#section1 .con > div.notice_wp .notice > li span.field.type2 {background-color: var(--colorYellow);}
	#section1 .con > div.notice_wp .notice > li span.field.type3 {background-color: var(--colorGreen);}
	#section1 .con > div.notice_wp .notice > li span.field.type4 {background-color: var(--colorBlue);}
	#section1 .con > div.notice_wp .notice > li span.field.type5 {background-color: var(--colorNavy);}
	#section1 .con > div.notice_wp .notice > li a.txt {overflow: hidden;display: block;flex-grow: 1;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
	#section1 .con > div.notice_wp .m_more {position: absolute;top: 0;right: 0;width: 40px;height: 40px;background-color: #333;background-image: url(../img/img_wplus.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;border-radius: 50%;}
	
	/* #section2 */
	#section2::before {background-color: #70ae00;background-image: url(../img/bg_section2.jpg);}
	#section2::after {background-image: url(../img/bg_section2_con.jpg);}
	#section2 .con {padding: 80px 80px 100px;}
	#section2 .events_list .ev_filter {margin-bottom: 30px;text-align: center;}
	#section2 .events_list .ev_filter > li {display: inline-block;padding: 5px 20px;margin: 0 3px;font-size: 15px;border: 1px solid #ddd;border-radius: 20px;cursor: pointer;}
	#section2 .events_list .ev_filter > li.on {padding: 6px 20px;background-color: var(--colorGreen);color: #fff;border-width: 0;}
	#section2 .events_list .slider {width: 100%;min-height: 380px;}
	#section2 .events_list .slider .slick-arrow {position: absolute;top: 50%;z-index: 10;width: 50px;height: 50px;margin-top: -25px;border-radius: 50%;background-color: rgba(0,0,0,0.7);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 18px;}
	#section2 .events_list .slider .slick-prev {left: -15px;background-image: url(../img/arrow_m_prev.png);}
	#section2 .events_list .slider .slick-next {right: -15px;background-image: url(../img/arrow_m_next.png);}
	#section2 .events_list .slider .slick-track {margin: 0;}
	#section2 .events_list .slider .slick-track li {padding: 0 10px;}
	#section2 .events_list .slider li .info {margin-top: 20px;}
	#section2 .events_list .slider li .info > span {display: block;text-align: center;font-size: 15px;color: #555;}
	#section2 .events_list .slider li .info > span.tit {overflow: hidden;margin-bottom: 10px;font-size: 18px;font-weight: 500;color: #000;text-overflow: ellipsis;white-space: nowrap;}

	/* #section3 */
	#section3::before {background-color: #007cc6;background-image: url(../img/bg_section3.jpg);}
	#section3::after {background-image: url(../img/bg_section3_con.jpg);}
	#section3 .con .fc_list .slick-track {margin: 0;}
	#section3 .con .fc_list li {position: relative;margin: 0 20px;}
	#section3 .con .fc_list li img {width: 100%;}
	#section3 .con .fc_list li span.fc_name {position: absolute;bottom: 0;left: 0;width: 100%;padding: 12px 20px;background-color: rgba(0,0,0,0.7);font-size: 17px;color: #fff;}
	#section3 .con .fc_list li span.fc_name::after {content: '';position: absolute;bottom: 0;right: 30px;width: 10px;height: 100%;background-image: url(../img/arrow_m_thin_next.png);background-repeat: no-repeat;background-position: 50% 50%;opacity: 0;}
	#section3 .con .fc_list li:hover span.fc_name::after {right: 15px;opacity: 1;transition: all 0.3s ease-in;}

	/**/
	#banner {padding: 0;background-color: #fff;}
	#banner .title {padding: 50px;text-align: center;font-size: 20px;line-height: 1;font-weight: 700;color: #000;}
	#banner .con {padding: 40px 40px;}
	#banner .con .slider li {padding: 0 10px;}


	/**/
	#footer {overflow:hidden;padding: 60px 0;background-color:#2d2d2d}
	#footer.main_footer {padding-left: 100px;}
	#footer .footer {display: flex;}
	#footer h2 {width: 400px;text-align: center;} 	
	#footer h2 img {height: 60px;} 	
	#footer .right {margin-left: 60px;font-size: 16px;color: #fff;flex-grow: 1;}
	#footer .right * {font-style: normal;}
	#footer .right .f_link {display: flex;margin-bottom: 30px;}
	#footer .right .f_link li + li {margin-left: 30px;}
	#footer .right .f_link li.privacy a {color: var(--colorYellow);}
	#footer .right address > span {display: inline-block;margin-right: 40px;}
	#footer .right address > span.addr {display: block;margin: 0 0 5px 0;}
	#footer .right cite {display: block;margin-top: 15px;opacity: 0.6;}
	
	#footer fieldset{position:absolute; right:0; top:22px}
	#footer select{padding:6px;width:170px;font-size:14px;color:#ffffff;font-weight:normal;background:#2d2d2d; border:1px solid #959494; border-radius:0}
	#footer select option {background:#fff; color:#222; font-size:13px}
	#footer button{position:relative;padding:0 10px;height:30px;border:1px solid #bbb;font-size:10px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#959494}
	
	/**/
	#mSns {display: none;}

	/********************* sub layout *********************/

	#contain{width:100%;padding: 101px 0 0;}
	#contain .sub_visual {overflow: hidden;position: relative;z-index: -1;text-align: center;}
	#contain .sub_visual::before {position: absolute;bottom: 250px;right: 20px;z-index: -1;line-height: 1;font-size: 100px;font-weight: 900;color: #eee;}
	#contain .sub_visual.v_concert::before {content: 'CONCERT';}
	#contain .sub_visual.v_event::before {content: 'EVENTS';}
	#contain .sub_visual.v_library::before {content: 'LIBRARY';}
	#contain .sub_visual.v_academy::before {content: 'ACADEMY';}
	#contain .sub_visual.v_intro::before {content: 'ABOUT';}
	#contain .sub_visual.v_community::before {content: 'COMMUNITY';}
	#contain .sub_visual.v_member::before {content: 'MEMBER';}
	#contain .sub_visual.v_mypage::before {content: 'MYPAGE';}
	#contain .sub_visual.v_etc::before {content: 'ETC';}
	#contain .sub_visual::after {content: '';display: block;width: calc(50% + 840px);height: 280px;background-color: #000;border-radius: 0 80px 0 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
	#contain .sub_visual.v_concert::after {background-image: url(../img/bg_sub_v_concert_r.jpg);}
	#contain .sub_visual.v_event::after {background-image: url(../img/bg_sub_v_event_r.jpg);}
	#contain .sub_visual.v_library::after {background-image: url(../img/bg_sub_v_library.jpg);}
	#contain .sub_visual.v_academy::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
	#contain .sub_visual.v_intro::after {background-image: url(../img/bg_sub_v_intro_r.jpg);}
	#contain .sub_visual.v_community::after {background-image: url(../img/bg_sub_v_community_r.jpg);}
	#contain .sub_visual.v_mypage::after,
	#contain .sub_visual.v_member::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
	#contain .sub_visual.v_etc::after {background-image: url(../img/bg_sub_v_intro_r.jpg);}
	#contain .sub_visual .visual {padding: 50px 0;}
	#contain .sub_visual .visual h2 {margin-bottom: 15px;font-size: 42px;font-weight: 700;color: #000;}
	#contain .sub_visual .visual .locator > ul {display: flex;justify-content: center;align-items: center;}
	#contain .sub_visual .visual .locator > ul > li + li {padding-left: 30px;background-image: url(../img/arrow_loc.png);background-repeat: no-repeat;background-position: 5px 50%;}
	#contain .sub_visual .visual .locator > ul > li button,
	#contain .sub_visual .visual .locator > ul > li a {padding: 0;font-size: 15px;line-height: 1.2em;color: #555;vertical-align: top;}

	#contain .contain{display: flex;max-width: 1680px;margin: -80px auto 0;}	

	/*#contain #subtitle {width:100%; height:38px;}
	#contain #subtitle h1 {display:inline-block; width:50%; color:#2e55a6; font-weight:bold; float:left; font-size:20px}
	#contain #subtitle a {padding:5px 15px; float:right; background:#2e55a6; color:#fff; border-radius:20px; font-size:12px}
	#contain #subtitle a:hover {background:#ccc; color:#2c384b;}*/

	/**/
	#aside {flex: 0 0 300px;background-color: #fff;}
	#aside h2 {display: flex;width: 100%;height: 150px;justify-content: center;align-items: center;font-size: 28px;font-weight: 700;}
	#aside .concert h2 {background-color: var(--colorGreen);color: #fff;}
	#aside .event h2,
	#aside .library h2 {background-color: var(--colorYellow);color: #fff;}
	#aside .member h2,
	#aside .mypage h2,
	#aside .academy h2 {background-color: var(--colorBlue);color: #fff;}
	#aside .intro h2,
	#aside .etc h2 {background-color: var(--mainColor);color: #fff;}
	#aside .community h2 {background-color: var(--colorPurple);color: #fff;}
	#aside > div > ul {padding-bottom: 10px;}
	#aside > div > ul > li.sel {overflow: hidden;margin-bottom: 10px;border-radius: 0 0 20px 20px}
	#aside > div > ul > li > a {display: block;padding: 15px 20px;font-size: 17px;color: #000;}
	#aside > div > ul > li.sel > a {padding-top: 20px;font-size: 20px;font-weight: 700;}
	#aside > .concert > ul > li.sel > a {background-color: #f4faee;color: var(--colorGreen);}
	#aside > .event > ul > li.sel > a,
	#aside > .library > ul > li.sel > a {background-color: #fff8eb;color: var(--colorYellow);}
	#aside > .academy > ul > li.sel > a,
	#aside > .mypage > ul > li.sel > a,
	#aside > .member > ul > li.sel > a {background-color: #ebf4fa;color: var(--colorBlue);}
	#aside > .intro > ul > li.sel > a,
	#aside > .etc > ul > li.sel > a {background-color: #fdebec;color: var(--mainColor);}
	#aside > .community > ul > li.sel > a {background-color: #f5ebfd;color: var(--colorPurple);}
	#aside > div > ul > li > ul {display: none;}
	#aside > div > ul > li.sel > ul {display: block;padding: 0 20px 20px;background-color: #f4f4f4;}
	#aside > .concert > ul > li.sel > ul {background-color: #f4faee;}
	#aside > .event > ul > li.sel > ul,
	#aside > .library > ul > li.sel > ul {background-color: #fff8eb;}
	#aside > .academy > ul > li.sel > ul,
	#aside > .mypage > ul > li.sel > ul,
	#aside > .member > ul > li.sel > ul {background-color: #ebf4fa;}
	#aside > .intro > ul > li.sel > ul,
	#aside > .etc > ul > li.sel > ul {background-color: #fdebec;}
	#aside > .community > ul > li.sel > ul {background-color: #f5ebfd;}
	#aside > div > ul > li.sel > ul > li > .sel {text-decoration: underline;}

	#aside > div > ul > li > ul > li > a {position: relative;z-index: 0;display: block;padding: 3px 0 3px 14px;font-size: 16px;}
	#aside > div > ul > li > ul > li > a::before {content: '';position: absolute;top: 11px;left: 0;width: 6px;height: 6px;border-radius: 50%;}
	#aside > .concert > ul > li > ul > li > a::before {background-color: var(--colorGreen);}
	#aside > .event > ul > li > ul > li > a::before,
	#aside > .library > ul > li > ul > li > a::before {background-color: var(--colorYellow);}
	#aside > .member > ul > li > ul > li > a::before,
	#aside > .mypage > ul > li > ul > li > a::before,
	#aside > .academy > ul > li > ul > li > a::before {background-color: var(--colorBlue);}
	#aside > .intro > ul > li > ul > li > a::before,
	#aside > .etc > ul > li > ul > li > a::before {background-color: var(--mainColor);}
	#aside > .community > ul > li > ul > li > a::before {background-color: var(--colorPurple);}



	/**/
	#design{position:relative;flex-grow: 1;width: calc(100% - 300px);padding: 50px 0 100px 50px;min-height: 750px;margin: 0 auto;background-color: #fff;}
	/*#contain.mainno #design {width: 100%;padding: 50px 0 100px;margin: 0 auto;}*/
	#design .visual{position:relative;height:150px;z-index:1;/*height:140px;border-bottom:1px solid #aaa;*/}
	#design .visual h2{position:relative;z-index:2;display:inline-block;padding:20px 0;line-height:95px;font-size:30px;letter-spacing:-1px;color:#fff; transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); animation-duration: 1s; animation-name: v_text;}
	#design .visual p{padding:10px 0}
	#design .visual .locator{position:absolute;top:72px;right:0;display:block;padding-left:10px;background:url(../img/ico_home.png) no-repeat 0 50%; transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); animation-duration: 1.5s; animation-name: v_navi;}
	#design .visual .locator .path *{font-size:13px;font-weight:400;color:#fff}
	#design .visual .locator .path li{float:left;padding-right:3px;background:url(../img/ico_arrow.png) no-repeat 100% 46%}
	#design .visual .locator .path li:last-child{background:none}
	#design .visual .locator .path li button{padding:0 12px;text-align:left;border:0; color:#fff;background:none}
	#design .visual .locator .path li.sel button{color:#fff}
	#design .visual .locator .path li.home a{padding:0 9px; text-indent:-9999px !important; font-size:0px;}
	#design .vepth .navi{display:none !important}
	#design .datelist{line-height:20px;text-align:center}
	#design .datelist strong{padding:0 10px;font-size:20px}
	#design .datelist a{display:none}

	#design .visual .sb_quick {position:absolute;top: 11px;right: 0; z-index:10; height:40px;border-left:1px solid #e2e2e2;}
	#design .visual .sb_quick li {float:left;border-right:1px solid #e2e2e2;background:#fff;}
	#design .visual .sb_quick li > a { display:block;  width:40px; height:40px;  line-height:40px !important; text-align:center;}
	#design .visual .sb_quick li.no02 > div { position:absolute;overflow:hidden; left:41px; top:40px;width:40px; display:none; box-shadow: 2px 2px 2px rgba(0,0,0,0.3)}
	#design .visual .sb_quick li.no02 > div a { display:block;float:left; width:40px; height:40px;border-top:1px solid #333;color:#fff;font-weight:bold;background:#444; text-align:center; line-height:40px !important;transition:0.5s;box-sizing: border-box;}
	#design .visual .sb_quick li.no02 > div .fb {border-top: 0;}
	#design .visual .sb_quick li.no02 > div .kakao i {display: block;width: 40px;height: 40px;background: url(../img/kakao_off.png) no-repeat 50%;}
	#design .visual .sb_quick li.no02 > div a span {text-indent:-9999px !important; font-size:0;}
	#design .visual .sb_quick li.no02 > a.on { background-color:#009893;color: #fff;transition: 0.5s;}
	#design .visual .sb_quick li.no02 > a.on i {color:#fff;}
	#design .visual .sb_quick li.no02 > div a * {color:#fff !important;font-size: 18px;line-height:40px !important;}
	#design .visual .sb_quick li.no02 > div a.fb:hover {background:#4d62a0; transition:0.5s;}
	#design .visual .sb_quick li.no02 > div a.tw:hover {background:#11ace6; transition:0.5s;}
	#design .visual .sb_quick li.no02 > div a.kakao:hover {background:#ffe600; transition:0.5s;}
	#design .visual .sb_quick li.no02 > div a.kakao:hover i {background: url(../img/kakao_on.png) no-repeat 50%;}
	#design .visual .sb_quick li.no04 > a {font-size: 12px;}
	#design .visual .sb_quick li.no05,
	#design .visual .sb_quick li.no06,
	#design .visual .sb_quick li.no07 {background: #333;}
	#design .visual .sb_quick li .fb {border-top: 0;color: #fff;}
	#design .visual .sb_quick li .tw {color: #fff;}
	#design .visual .sb_quick li .kakao i {display: block;width: 40px;height: 40px;background: url(../img/kakao_off.png) no-repeat 50%;}
	#design .visual .sb_quick li a span {text-indent:-9999px !important; font-size:0;}
	#design .visual .sb_quick li .fb:hover {background:#4d62a0; transition:0.5s;}
	#design .visual .sb_quick li .tw:hover {background:#11ace6; transition:0.5s;}
	#design .visual .sb_quick li .kakao:hover {background:#ffe600; transition:0.5s;}
	#design .visual .sb_quick li .kakao:hover i {background: url(../img/kakao_on.png) no-repeat 50%;}
	

	#blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none;position:absolute;z-index:10;left:0px;top:0px;width:260px;min-height:1000px;background:#fff;overflow:hidden}
	#dkleft .lefttit{padding:0 0 0 20px;height:70px;background:#c62338}
	#dkleft .lefttit button{display:block;position:relative;top:17px;font-size:12px;font-family:'Roboto';color:#fff;border:0;background:transparent}
	#dkleft .lefttit button i{display:block;margin-bottom:3px;font-size:18px;color:#fff}
	#dkleft .select .join{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .join i{display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .modify i{display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .depth1{display:block;position:relative;padding:0 15px;line-height:50px;font-size:16px;color:#555;border-bottom:1px solid #ccc;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel{color:#000;border-bottom:1px solid #596170}
	#dkleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
	#dkleft .depth1 i{display:block;margin:15px 10px 0 0;color:#767a81;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 i.rightico{float:right}
	#dkleft .depth1.sel i.rightico{color:#00a19c;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s}
	#dkleft .depth2{display:none;background:#757c89}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #596170;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#closeleft{position:fixed;z-index:99999;left:215px;top:17px;display:block;font-size:30px;font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	#closeleft:before{content:"\e870"}
	#gotop,
	#gotop a{display:none !important}

	

.dk_view h2 {background:none !important;}

#program .lib_ma{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#5087c7 !important; border:1px solid #5087c7 !important; border-radius:3px;}
#program .lib_mb{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#ef5998 !important; border:1px solid #ef5998 !important; border-radius:3px;}
#program .lib_tol{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#333 !important; border:1px solid #333 !important; border-radius:3px;}
#program .lib_za{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#5ea71c !important; border:1px solid #5ea71c !important; border-radius:3px;}

#wait{}

#full_layer_wrap {display:none;}

/**/
#poplayer{position:absolute;z-index:99999;top:120px;left:50%;margin:0 0 0 -280px;width:560px;height:595px;}
#poplayer *{margin:0;padding:0;border:0}
#poplayer img{display:block}
#poplayer .todays{padding:2px 20px 8px 20px;text-align:right;background:#323232}
#poplayer .todays a{font-size:14px;color:#fff}
#poplayer area{cursor:pointer}

/**/
#popupbar{position:relative;background:#0e6faf url(../img/popupbarbg.png) no-repeat 50% 50%;overflow:hidden;display:none}
#popupbar .popupbar{max-height:117px !important;overflow:hidden}
#popupbar .popupbar .slide h3{display:inline-block;margin:0;padding:0 20px 5px 0;font-size:26px;color:#fff;text-shadow:-1px -1px 2px rgba(0,0,0,0.2)}
#popupbar .popupbar .slide .close{display:inline-block}
#popupbar .popupbar .slide .close button{font-size:14px;font-weight:800;letter-spacing:-1px;color:#fff;border:0;background:none}
#popupbar .popupbar img{display:block}
#popupbar .bx-controls{position:absolute;z-index:100;bottom:3px;left:50%}
#popupbar .bx-pager{float:left;display:block}
#popupbar .bx-pager .bx-pager-item{display:inline;*zoom:1}
#popupbar .bx-pager.bx-default-pager a{display:inline-block;margin-right:5px;width:12px;height:12px;outline:0;border:2px solid #fff;background:transparent;border-radius:50px;text-indent:-9999px}
#popupbar .bx-pager.bx-default-pager a.active{border:2px solid #00558b;background:#00558b}
#popupbar .bx-prev{position:absolute;top:0px;right:80px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_prev.png) no-repeat}
#popupbar .bx-next{position:absolute;top:0px;right:20px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_next.png) no-repeat}
#popupbar i.b1{position:absolute;z-index:3;top:0px;left:0%;display:block;width:100%;height:5px;background:#00558b}
#popupbar i.b2{position:absolute;z-index:4;top:0px;left:50%;margin:0 0 0 570px;display:block;width:100%;height:5px;background:#ffbd3f}
#popupbar .holidays{padding-top:40px;text-align:center}
#popupbar .opens{text-align:center}
#popupbar .opens a{display:block;text-align:center}
#popupbar .opens a img{display:block;margin:0 auto}


}


@media all and (min-width: 1280px) and (max-width: 1679px) {

	/**/
	#wrap * {transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}	
	#wrap #mainCon {padding-left: 100px;}
	
	/**/
	#sidebar {position: fixed;overflow-y: auto;top: 0;left: 0;z-index:30003;width: 100px;height: 100%;padding: 40px 10px 0;background-color: #fff;}
	#sidebar .site {text-align: center;}
	#sidebar .site .sitemap {display: block;margin-bottom: 30px;font-size: 0;line-height: 1;}
	#sidebar .site .sitemap svg {width: 26px;}
	#sidebar .site .oth_list > a {display: table;width: 100%;min-height: 50px;padding: 10px;background-color: #000;color: #fff;text-align: left;font-size: 14px;line-height: 1.2em;border-radius: 0 50px 50px 0;}	
	#sidebar .site .oth_list > a.oth1 {background-color: var(--mainColor);}
	#sidebar .site .oth_list > a.oth2 {background-color: var(--colorYellow);}
	#sidebar .site .oth_list > a.oth3 {background-color: var(--colorGreen);}
	#sidebar .site .oth_list > a.oth4 {background-color: var(--colorBlue);}
	#sidebar .site .oth_list > a + a {margin-top: 10px;}
	#sidebar .site .oth_list > a > span {display: table-cell;width: 100%;vertical-align: middle;}
	#sidebar .sns {text-align: center;margin-top: 35px;padding-top: 30px;border-top: 1px solid #ddd;}
	#sidebar .sns .title {margin-bottom: 20px;font-size: 17px;font-weight: 700;color: #000;}
	#sidebar .sns .sns_list > a {display: block;height: 60px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#sidebar .sns .sns_list > a.sns1 {background-image: url(../img/ico_facebook.png);}
	#sidebar .sns .sns_list > a.sns2 {background-image: url(../img/ico_instagram.png);}
	#sidebar .sns .sns_list > a.sns3 {background-image: url(../img/ico_blog.png);}
	#sidebar .sns .sns_list > a.sns4 {background-image: url(../img/ico_youtube.png);}
	#sidebar .sns .sns_list > a.sns5 {background-image: url(../img/ico_kakao.png);}

	/**/
	#header {position: absolute;z-index: 30002;top:0; left:0; width:100%;height: auto;padding: 0 40px 0 140px;background-color: rgba(0,0,0,0.05);transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.bg_white {padding-left: 40px;background-color: #fff;border-bottom: 1px solid #ddd;}
	#header.fix_menu {position:fixed; top: 0;background-color: #fff;transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.fix_menu .lnb {margin-top:-20px; opacity:0;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.fix_menu .calendar_pop_btn {display: none;}
	#header .header {position:relative;z-index:30002;display: flex;padding-bottom: 10px;margin:0 auto; clear:both;flex-wrap: wrap;}
	#header .header h1{order: 2;}
	#header .header h1 a {display: flex;align-items: center;height: 100%; }
	#header .header h1 a img {width: 100px;height: auto;}
	#header .header button{display:none}
	
	/*
	#header .header_top {width:100%;max-width: 100%; height:35px;} 
	#header .header_top div {position:relative;}
	#header .header_top ul li {float:left;}
	#header .lnb {float:right; margin:0; opacity:1; padding-top:25px;}
	#header .lnb ul {overflow:hidden}
	#header .lnb li {float:left; padding-left:30px;}
	#header .lnb li a {display:block; font-size:13px; font-weight:normal; letter-spacing:0px; color:#888}
	#header .lnb .mlose {display:none}*/

	/**/
	#gnb {transition:all 0.5s;flex-grow: 1;order: 3;}
	#gnb .gnb {max-width: 1000px;margin: 0 auto;}
	#gnb .depth1 {display: flex;justify-content: space-evenly;}
	#gnb .depth1 > li {position: relative;display: table;width: 100%;text-align: center;}
	#gnb .depth1 > li > a {display: table-cell; position:relative;height: 70px;font-weight: 500; font-size: 20px;vertical-align: middle;color: #fff;}
	#header.bg_white #gnb .depth1 > li > a,
	#header.fix_menu #gnb .depth1 > li > a {color: #000;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header #gnb .depth1 > li:hover > a {text-decoration: underline;}
	#header #gnb .depth1 > li.sel > a {color: var(--mainColor);font-weight: 700;}
	#header #gnb .depth1 > li.sel em {display: block;width: 6px;height: 6px;margin: 7px auto 0;border-radius: 50%;background-color: var(--mainColor);}

	#gnb .depth2 {display: none;position:absolute;left: 50%;top: 65px;min-width: 160px;width: auto;border: 1px solid #ddd;border-radius: 10px;background-color: #fff;transform: translateX(-50%);}
	#header.sel #gnb .depth2 {display:block; top:64px; transition: all 0.8s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#gnb .depth2 > li {position: relative;white-space: nowrap;}
	#gnb .depth2 > li > a {display:block; padding: 12px 20px;font-size: 15px; text-align:left; color: #555;}
	#gnb .depth2 > li > a:hover {background-color: var(--mainColor);color: #fff;border-radius: 10px;}
	#gnb .depth2 > li.use > a {padding-right: 70px;background-image: url(../img/ico_gnb_arrow.png?v=1);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;background-size: auto 12px;}
	#gnb .depth2 > li.use > a:hover {background-image: url(../img/ico_gnb_arrow_on.png);}
	#gnb .depth2 > li + li > a {border-top: 1px solid #ddd;}
	#gnb .depth2 > li.sel > a {color:#00b4f1}

	#gnb .depth3 {position: absolute;top: 0;left: 100%;min-width: 160px;background-color: #fff;border: 1px solid #ddd;border-radius: 10px;text-align: left;}
	#gnb .depth3 > li > a {display: block;padding: 12px 20px;font-size: 15px;color: #555;}
	#gnb .depth3 > li > a:hover {color: var(--mainColor);text-decoration: underline;}
	#gnb .depth3 > li + li > a {border-top: 1px solid #ddd;}
	
	#gnb .mobile {display:none}
	#allbg {position:fixed; z-index:30000; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); display:none}

	/**/
	#lnb {width: 100%;height: 40px;order: 1;text-align: right;}
	#lnb > ul {display: inline-flex;height: 100%;align-items: center;}
	#lnb > ul > li + li {margin-left: 15px;}
	#lnb > ul > li > a {color: #fff;line-height: 1;}
	#header.bg_white #lnb > ul > li > a,
	#header.fix_menu #lnb > ul > li > a {font-size: 14px;color: #000;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#lnb > ul > li > a svg {margin-right: 5px;}
	#lnb > ul > li.reserv svg {width: 20px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li.schedule svg {width: 14px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li.sitemap svg {width: 14px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li#login svg {width: 14px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li#logout svg {width: 14px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li#join svg {width: 14px;fill: #fff;vertical-align: middle;}
	#header.bg_white #lnb > ul > li svg,
	#header.fix_menu #lnb > ul > li svg {fill: #000;}

	/**/
	#menu {position:absolute !important; z-index:10; top:0px; right:0; float:none}
	#menu a {display:block; margin:0 !important; padding:0 !important; width:42px; height:40px; background:url(../img/icon_hammenu.png) no-repeat right center; text-indent:-9999em; overflow:hidden}
	#gnb .depth1 > #menu:hover > a:before { display:none;}
	#menu a.sel {background:url(../img/icon_hammenu_on.png) no-repeat 100% 50%}

	
	/* #mainCon */
	/* #mainVisual */
	#mainVisual {overflow: hidden;position: relative;width: 100%;}
	#mainVisual .m_visual .slider li {position: relative;max-height: 980px;}
	#mainVisual .m_visual .slider li .slogan > img {position: absolute;top: 200px;z-index: 3;}
	#mainVisual .m_visual .slider li .slogan > img:nth-child(1) {left: 60px;}
	#mainVisual .m_visual .slider li .slogan > img:nth-child(2) {right: 60px;}
	#mainVisual .m_visual .slider li svg {position: absolute;top: 0;left: 0;width: 100%;}
	#mainVisual .m_visual .slider li.v1 .st0 {fill: #E10012;}
	#mainVisual .m_visual .slider li.v2 .st0 {fill: #fcb500;}
	#mainVisual .m_visual .slider li.v3 .st0 {fill: #72bb2b;}
	#mainVisual .m_visual .slider li.v4 .st0 {fill: #0071bb;}

	#mainVisual #mPopup {position: absolute;top: 0;right: 0;width: 30%;min-width: 450px;height: 100%;background-color: rgba(0,0,0,0.6)}
	#mainVisual #mPopup .toggle_arrow {position: absolute;top: 25%;left: -50px;width: 50px;height: 50px;background-color: rgba(0,0,0,0.6);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 20px;border-radius: 5px 0 0 5px;text-indent: -9999px;}
	#mainVisual #mPopup .toggle_arrow.close {background-image: url(../img/arrow_m_next.png);}
	#mainVisual #mPopup .toggle_arrow.open {background-image: url(../img/arrow_m_prev.png);}
	#mainVisual #mPopup .slider,
	#mainVisual #mPopup .slick-track,
	#mainVisual #mPopup .slick-list {height: 100%;}
	#mainVisual #mPopup .slider li {display: table;height: 100%;padding: 40px 80px;transition: all 0.3s;}
	#mainVisual #mPopup .slider li .img_wp {display: table-cell;width: 100%;height: auto;vertical-align: middle;}
	#mainVisual #mPopup .slider li .img_wp img {max-width: 100%;margin: 0 auto;}

	#mainVisual #mPopup .slick-arrow {position: absolute;top: 50%;width: 20px;z-index: 9;height: 30px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 100%;}
	#mainVisual #mPopup .slick-arrow.slick-prev {left: 40px;background-image: url(../img/arrow_m_prev.png);}
	#mainVisual #mPopup .slick-arrow.slick-next {right: 40px;background-image: url(../img/arrow_m_next.png);}

	/**/
	.section {position: relative;z-index: 0;}
	.section::before {content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 340px;height: 100%;background-repeat: no-repeat;background-position: 50% 100%;}
	.section .section_inner {display: flex;max-width: 1800px;}
	.section .section_inner .title {display: table;flex: 0 0 340px;padding: 60px 40px;color: #fff;}
	.section .section_inner .title .title_con {display: table-cell;vertical-align: middle;}
	.section .section_inner .title .tit_mark {display: inline-block;padding: 7px 15px;border: 1px solid #fff;font-size: 19px;border-radius: 50px;font-weight: 600;}
	.section .section_inner .title p.text {padding: 60px 0 40px;font-size: 18px;font-weight: 400;}
	.section .section_inner .title p.text .tit {display: block;margin-bottom: 10px;font-size: 30px;font-weight: 700;}
	.section .section_inner .title a.more {font-size: 18px;font-weight: 600;}
	.section .section_inner .con {width: calc(100% - 340px);padding: 70px 50px 90px;background-repeat: repeat-x;background-position: 0 100%;background-size: auto 140px;}

	/* #section1 */	
	#section1::before {background-color: #fdbc00;background-image: url(../img/bg_section1.jpg?v=1);}	
	#section1 .section_inner .con {display: inline-flex;flex-grow: 1;background-image: url(../img/bg_section1_con.jpg);}
	#section1 .con > div {width: 50%;padding: 0 25px;}
	#section1 .con > div.tv_wp {padding-left: 0;}
	#section1 h3 {display: inline-block;margin-bottom: 30px;padding: 5px 30px 5px 10px;color: #fff;background-color: var(--colorYellow);font-size: 20px;border-radius: 0 20px 20px 0}
	#section1 .con > div.tv_wp .video {position: relative;height: 0;padding-top: 56.25%;}
	#section1 .con > div.tv_wp .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	#section1 .con > div.notice_wp {position: relative;padding-right: 0;}
	#section1 .con > div.notice_wp .notice > li {display: flex;padding: 16px 0;align-items: center;}
	#section1 .con > div.notice_wp .notice > li:first-child {padding-top: 0;}
	#section1 .con > div.notice_wp .notice > li + li {border-top: 1px solid #ddd;}
	#section1 .con > div.notice_wp .notice > li span.field {flex: 0 0 100px;margin-right: 20px;padding: 6px 20px 6px 10px;font-size: 17px;color: #fff;border-radius: 0 20px 20px 0;}
	#section1 .con > div.notice_wp .notice > li span.field.type1 {background-color: var(--mainColor);}
	#section1 .con > div.notice_wp .notice > li span.field.type2 {background-color: var(--colorYellow);}
	#section1 .con > div.notice_wp .notice > li span.field.type3 {background-color: var(--colorGreen);}
	#section1 .con > div.notice_wp .notice > li span.field.type4 {background-color: var(--colorBlue);}
	#section1 .con > div.notice_wp .notice > li span.field.type5 {background-color: var(--colorNavy);}
	#section1 .con > div.notice_wp .notice > li a.txt {overflow: hidden;display: block;flex-grow: 1;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
	#section1 .con > div.notice_wp .m_more {position: absolute;top: 0;right: 0;width: 40px;height: 40px;background-color: #333;background-image: url(../img/img_wplus.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;border-radius: 50%;}
	
	/* #section2 */
	#section2::before {background-color: #70ae00;background-image: url(../img/bg_section2.jpg);}
	#section2 .section_inner .con {background-image: url(../img/bg_section2_con.jpg);}
	#section2 .con {padding: 80px 80px 100px;}
	#section2 .events_list .ev_filter {margin-bottom: 30px;text-align: center;}
	#section2 .events_list .ev_filter > li {display: inline-block;padding: 5px 20px;margin: 0 3px;font-size: 15px;border: 1px solid #ddd;border-radius: 20px;cursor: pointer;}
	#section2 .events_list .ev_filter > li.on {padding: 6px 20px0;background-color: var(--colorGreen);color: #fff;border-width: 0;}
	#section2 .events_list .slider {width: 100%;}
	#section2 .events_list .slider .slick-arrow {position: absolute;top: 50%;z-index: 10;width: 50px;height: 50px;margin-top: -25px;border-radius: 50%;background-color: rgba(0,0,0,0.7);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 18px;}
	#section2 .events_list .slider .slick-prev {left: -15px;background-image: url(../img/arrow_m_prev.png);}
	#section2 .events_list .slider .slick-next {right: -15px;background-image: url(../img/arrow_m_next.png);}
	#section2 .events_list .slider .slick-track {margin: 0;}
	#section2 .events_list .slider .slick-track li {padding: 0 10px;}
	#section2 .events_list .slider li .info {margin-top: 20px;}
	#section2 .events_list .slider li .info > span {display: block;text-align: center;font-size: 14px;color: #555;}
	#section2 .events_list .slider li .info > span.tit {overflow: hidden;margin-bottom: 10px;font-size: 17px;font-weight: 500;color: #000;text-overflow: ellipsis;white-space: nowrap;}

	/* #section3 */
	#section3::before {background-color: #007cc6;background-image: url(../img/bg_section3.jpg);}
	#section3 .section_inner .con {background-image: url(../img/bg_section3_con.jpg);}
	#section3 .con .fc_list .slick-track {margin: 0;}
	#section3 .con .fc_list li {position: relative;margin: 0 20px;}
	#section3 .con .fc_list li img {width: 100%;}
	#section3 .con .fc_list li span.fc_name {position: absolute;bottom: 0;left: 0;width: 100%;padding: 12px 20px;background-color: rgba(0,0,0,0.7);font-size: 16px;color: #fff;}
	#section3 .con .fc_list li span.fc_name::after {content: '';position: absolute;bottom: 0;right: 30px;width: 10px;height: 100%;background-image: url(../img/arrow_m_thin_next.png);background-repeat: no-repeat;background-position: 50% 50%;opacity: 0;}
	#section3 .con .fc_list li:hover span.fc_name::after {right: 15px;opacity: 1;transition: all 0.3s ease-in;}

	/**/
	#banner {padding: 0;background-color: #fff;}
	#banner .title {padding: 50px;text-align: center;font-size: 18px;line-height: 1;font-weight: 700;color: #000;}
	#banner .con {padding: 40px 40px;}
	#banner .con .slider li {padding: 0 10px;}


	/**/
	#footer {overflow:hidden;padding: 60px 0;background-color:#2d2d2d}
	#footer.main_footer {padding-left: 100px;}
	#footer .footer {display: flex;}
	#footer h2 {width: 340px;text-align: center;} 	
	#footer h2 img {height: 56px;} 	
	#footer .right {margin-left: 50px;font-size: 15px;color: #fff;flex-grow: 1;}
	#footer .right * {font-style: normal;}
	#footer .right .f_link {display: flex;margin-bottom: 30px;}
	#footer .right .f_link li + li {margin-left: 30px;}
	#footer .right .f_link li.privacy a {color: var(--colorYellow);}
	#footer .right address > span {display: inline-block;margin-right: 40px;}
	#footer .right address > span.addr {display: block;margin: 0 0 5px 0;}
	#footer .right cite {display: block;margin-top: 15px;opacity: 0.6;}


/**/
#mSns {display: none;}


/* 서브 페이지 */

#contain{width:100%;padding: 121px 0 0;}
#contain .sub_visual {overflow: hidden;position: relative;z-index: -1;text-align: center;}
#contain .sub_visual::before {position: absolute;bottom: 200px;right: 20px;z-index: -1;line-height: 1;font-size: 94px;font-weight: 900;color: #eee;}
#contain .sub_visual.v_concert::before {content: 'CONCERT';}
#contain .sub_visual.v_event::before {content: 'EVENTS';}
#contain .sub_visual.v_library::before {content: 'LIBRARY';}
#contain .sub_visual.v_academy::before {content: 'ACADEMY';}
#contain .sub_visual.v_intro::before {content: 'ABOUT';}
#contain .sub_visual.v_community::before {content: 'COMMUNITY';}
#contain .sub_visual.v_member::before {content: 'MEMBER';}
#contain .sub_visual.v_mypage::before {content: 'MYPAGE';}
#contain .sub_visual.v_etc::before {content: 'ETC';}
#contain .sub_visual::after {content: '';display: block;width: 98%;height: 220px;background-color: #000;border-radius: 0 80px 0 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#contain .sub_visual.v_concert::after {background-image: url(../img/bg_sub_v_concert_r.jpg);}
#contain .sub_visual.v_event::after {background-image: url(../img/bg_sub_v_event_r.jpg);}
#contain .sub_visual.v_library::after {background-image: url(../img/bg_sub_v_library.jpg);}
#contain .sub_visual.v_academy::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
#contain .sub_visual.v_intro::after {background-image: url(../img/bg_sub_v_intro_r.jpg);}
#contain .sub_visual.v_community::after {background-image: url(../img/bg_sub_v_community_r.jpg);}
#contain .sub_visual.v_member::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
#contain .sub_visual.v_mypage::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
#contain .sub_visual.v_etc::after {background-image: url(../img/bg_sub_v_intro_r.jpg);}
#contain .sub_visual .visual {padding: 40px 0;}
#contain .sub_visual .visual h2 {margin-bottom: 10px;font-size: 36px;font-weight: 700;color: #000;}
#contain .sub_visual .visual .locator > ul {display: flex;justify-content: center;align-items: center;}
#contain .sub_visual .visual .locator > ul > li + li {padding-left: 30px;background-image: url(../img/arrow_loc.png);background-repeat: no-repeat;background-position: 5px 50%;}
#contain .sub_visual .visual .locator > ul > li button,
#contain .sub_visual .visual .locator > ul > li a {padding: 0;font-size: 14px;line-height: 1.2em;color: #555;vertical-align: top;}

#contain .contain{display: flex;margin: -55px 2% 0;}	

/*
#content .sitemap {width:100%;}
#content .sitemap .ul_sitemap {width:30%; float:left; padding:0; margin-right:3.5%;}
#content .sitemap .m0 {margin-right:0;}
#content .sitemap .ul_sitemap li {}
#content .sitemap .ul_sitemap li a {display:block; border:1px solid #ccc; border-top:none; width:94%; font-size:12px; padding:10px 3%; }
#content .sitemap .ul_sitemap li .title {border-top:2px solid #2e55a6; color:#2e55a6; font-size:16px; font-weight:bold; }

#contain .map {width:100%;}

#program .lecture .tit h2 {font-size:20px; border-bottom:1px solid #000; padding:15px 0;}
#program .lecture .tit .btn_receipt {float:right; width:80px; height:24px; margin-top:20px; text-align:center; background:#2e55a6; color:#fff; display:block; padding:3px 0;}
#program .lecture .back_list {background:#2e55a6; color:#fff; border:none}
#program .lecture .tabs {margin-bottom:15px;}
#program .lecture .dk_title {margin-top:15px;}

.community .articles {background:url(../img/icon_liststyle.png) no-repeat 0 7px; padding-left:21px}
.community .articles ul {padding-left:0;}
.community .articles ul li h4 {margin:7px 0 2px 0; font-size:16.5px; font-family:'NanumSquare';}
.community .articles ul li {font-size:14px; font-family:'dotum'; }
.community .articles ul li ul {margin-left:20px;}

	
#contain{  padding-top:146px;background:url(../img/sub_con_bg.png) no-repeat center 106px; border-bottom:1px solid #ccc; transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);animation-duration: 1s; animation-name: con_bg;}
#contain .contain{position:relative;margin:0 20px;}
#contain .contain:before,
#contain .contain:after{clear:both;display:table;content:"";line-height:0}	*/
	
/**/
#aside {flex: 0 0 250px;background-color: #fff;}
#aside h2 {display: flex;width: 100%;height: 110px;justify-content: center;align-items: center;font-size: 24px;font-weight: 700;}
#aside .concert h2 {background-color: var(--colorGreen);color: #fff;}
#aside .event h2,
#aside .library h2 {background-color: var(--colorYellow);color: #fff;}
#aside .member h2,
#aside .mypage h2,
#aside .academy h2 {background-color: var(--colorBlue);color: #fff;}
#aside .intro h2,
#aside .etc h2 {background-color: var(--mainColor);color: #fff;}
#aside .community h2 {background-color: var(--colorPurple);color: #fff;}
#aside > div > ul {padding-bottom: 10px;}
#aside > div > ul > li.sel {overflow: hidden;margin-bottom: 10px;border-radius: 0 0 20px 20px}
#aside > div > ul > li > a {display: block;padding: 15px 20px;font-size: 16px;color: #000;}
#aside > div > ul > li.sel > a {padding-top: 20px;font-size: 20px;font-weight: 700;}
#aside > .concert > ul > li.sel > a {background-color: #f4faee;color: var(--colorGreen);}
#aside > .event > ul > li.sel > a,
#aside > .library > ul > li.sel > a {background-color: #fff8eb;color: var(--colorYellow);}
#aside > .academy > ul > li.sel > a,
#aside > .mypage > ul > li.sel > a,
#aside > .member > ul > li.sel > a {background-color: #ebf4fa;color: var(--colorBlue);}
#aside > .intro > ul > li.sel > a,
#aside > .etc > ul > li.sel > a {background-color: #fdebec;color: var(--mainColor);}
#aside > .community > ul > li.sel > a {background-color: #f5ebfd;color: var(--colorPurple);}
#aside > div > ul > li > ul {display: none;}
#aside > div > ul > li.sel > ul {display: block;padding: 0 20px 20px;background-color: #f4f4f4;}
#aside > .concert > ul > li.sel > ul {background-color: #f4faee;}
#aside > .event > ul > li.sel > ul,
#aside > .library > ul > li.sel > ul {background-color: #fff8eb;}
#aside > .academy > ul > li.sel > ul,
#aside > .mypage > ul > li.sel > ul,
#aside > .member > ul > li.sel > ul {background-color: #ebf4fa;}
#aside > .intro > ul > li.sel > ul,
#aside > .etc > ul > li.sel > ul {background-color: #fdebec;}
#aside > .community > ul > li.sel > ul {background-color: #f5ebfd;}
#aside > div > ul > li.sel > ul > li > .sel {text-decoration: underline;}

#aside > div > ul > li > ul > li > a {position: relative;z-index: 0;display: block;padding: 3px 0 3px 14px;font-size: 16px;}
#aside > div > ul > li > ul > li > a::before {content: '';position: absolute;top: 11px;left: 0;width: 6px;height: 6px;border-radius: 50%;}
#aside > .concert > ul > li > ul > li > a::before {background-color: var(--colorGreen);}
#aside > .event > ul > li > ul > li > a::before,
#aside > .library > ul > li > ul > li > a::before {background-color: var(--colorYellow);}
#aside > .member > ul > li > ul > li > a::before,
#aside > .mypage > ul > li > ul > li > a::before,
#aside > .academy > ul > li > ul > li > a::before {background-color: var(--colorBlue);}
#aside > .intro > ul > li > ul > li > a::before,
#aside > .etc > ul > li > ul > li > a::before {background-color: var(--mainColor);}
#aside > .community > ul > li > ul > li > a::before {background-color: var(--colorPurple);}


/**/
#design{position:relative;flex-grow: 1;width: calc(100% - 250px);padding: 40px 0  80px 40px;min-height: 680px;margin: 0 auto;background-color: #fff;}
/*#contain.mainno #design {width: 100%;padding: 40px 0 80px;margin: 0 auto;}*/
#design .visual{position:relative;height:150px;z-index:1;/*height:140px;border-bottom:1px solid #aaa;*/}
#design .visual h2{position:relative;z-index:2;display:inline-block;padding:20px 0;line-height:95px;font-size:30px;letter-spacing:-1px;color:#fff; transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); animation-duration: 1s; animation-name: v_text;}
#design .visual p{padding:10px 0}
#design .visual .locator{position:absolute;top:72px;right:0;display:block;padding-left:10px;background:url(../img/ico_home.png) no-repeat 0 50%; transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); animation-duration: 1.5s; animation-name: v_navi;}
#design .visual .locator .path *{font-size:13px;font-weight:400;color:#fff}
#design .visual .locator .path li{float:left;padding-right:3px;background:url(../img/ico_arrow.png) no-repeat 100% 46%}
#design .visual .locator .path li:last-child{background:none}
#design .visual .locator .path li button{padding:0 12px;text-align:left;border:0; color:#fff;background:none}
#design .visual .locator .path li.sel button{color:#fff}
#design .visual .locator .path li.home a{padding:0 9px; text-indent:-9999px !important; font-size:0px;}
#design .vepth .navi{display:none !important}
#design .datelist{line-height:20px;text-align:center}
#design .datelist strong{padding:0 10px;font-size:20px}
#design .datelist a{display:none}

#design .visual .sb_quick {position:absolute;top: 0;right: 0; z-index:10; height:40px;border-left:1px solid #e2e2e2;}
#design .visual .sb_quick li {float:left;border-right:1px solid #e2e2e2;background:#fff;}
#design .visual .sb_quick li > a { display:block;  width:40px; height:40px;  line-height:40px !important; text-align:center; }
#design .visual .sb_quick li > a > i {  font-size:24px; color:#888;}
#design .visual .sb_quick li.no02 > div { position:absolute;overflow:hidden; left:47px; top:48px;width:46px; display:none; box-shadow: 2px 2px 2px rgba(0,0,0,0.3)}
#design .visual .sb_quick li.no02 > div a { display:block;float:left; width:46px; height:45px;border-top:1px solid #333;color:#fff;font-weight:bold;font-size:17px; background:#444; text-align:center; line-height:46px !important;transition:0.5s;}
#design .visual .sb_quick li.no02 > div a span {text-indent:-9999px !important; font-size:0;}
#design .visual .sb_quick li.no02 > a.on { background-color:#009893; transition: 0.5s;}
#design .visual .sb_quick li.no02 > a.on i {color:#fff;}
#design .visual .sb_quick li.no02 > div a * {color:#fff !important; line-height:45px !important;}
#design .visual .sb_quick li.no02 > div a.fb:hover {background:#4d62a0; transition:0.5s;}
#design .visual .sb_quick li.no02 > div a.tw:hover {background:#11ace6; transition:0.5s;}
#design .visual .sb_quick li.no02 > div a.blog:hover {background:#00c905; transition:0.5s;}

#blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)}
#dkleft{display:none;position:absolute;z-index:10;left:0px;top:0px;width:260px;min-height:1000px;background:#fff;overflow:hidden}
#dkleft .lefttit{padding:0 0 0 20px;height:70px;background:#c62338}
#dkleft .lefttit button{display:block;position:relative;top:17px;font-size:12px;font-family:'Roboto';color:#fff;border:0;background:transparent}
#dkleft .lefttit button i{display:block;margin-bottom:3px;font-size:18px;color:#fff}
#dkleft .select .join{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
#dkleft .select .join i{display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
#dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
#dkleft .select .modify i{display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
#dkleft .depth1{display:block;position:relative;padding:0 15px;line-height:50px;font-size:16px;color:#555;border-bottom:1px solid #ccc;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
#dkleft .depth1 span{font-style:normal;color:#ffa800}
#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
#dkleft .depth1.sel{color:#000;border-bottom:1px solid #596170}
#dkleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
#dkleft .depth1 i{display:block;margin:15px 10px 0 0;color:#767a81;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
#dkleft .depth1 i.rightico{float:right}
#dkleft .depth1.sel i.rightico{color:#00a19c;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s}
#dkleft .depth2{display:none;background:#757c89}
#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #596170;text-decoration:none}
#dkleft .depth2 a.sel{color:#81c341}
#closeleft{position:fixed;z-index:99999;left:215px;top:17px;display:block;font-size:30px;font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#closeleft:before{content:"\e870"}
#gotop,
#gotop a{display:none !important}



.dk_view h2 {background:none !important;}

#program .lib_ma{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#5087c7 !important; border:1px solid #5087c7 !important; border-radius:3px;}
#program .lib_mb{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#ef5998 !important; border:1px solid #ef5998 !important; border-radius:3px;}
#program .lib_tol{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#333 !important; border:1px solid #333 !important; border-radius:3px;}
#program .lib_za{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#5ea71c !important; border:1px solid #5ea71c !important; border-radius:3px;}

#wait{}

#full_layer_wrap {display:none;}

/**/
#poplayer{position:absolute;z-index:99999;top:120px;left:50%;margin:0 0 0 -280px;width:560px;height:595px;}
#poplayer *{margin:0;padding:0;border:0}
#poplayer img{display:block}
#poplayer .todays{padding:2px 20px 8px 20px;text-align:right;background:#323232}
#poplayer .todays a{font-size:14px;color:#fff}
#poplayer area{cursor:pointer}

/**/
#popupbar{position:relative;background:#0e6faf url(../img/popupbarbg.png) no-repeat 50% 50%;overflow:hidden;display:none}
#popupbar .popupbar{max-height:117px !important;overflow:hidden}
#popupbar .popupbar .slide h3{display:inline-block;margin:0;padding:0 20px 5px 0;font-size:26px;color:#fff;text-shadow:-1px -1px 2px rgba(0,0,0,0.2)}
#popupbar .popupbar .slide .close{display:inline-block}
#popupbar .popupbar .slide .close button{font-size:14px;font-weight:800;letter-spacing:-1px;color:#fff;border:0;background:none}
#popupbar .popupbar img{display:block}
#popupbar .bx-controls{position:absolute;z-index:100;bottom:3px;left:50%}
#popupbar .bx-pager{float:left;display:block}
#popupbar .bx-pager .bx-pager-item{display:inline;*zoom:1}
#popupbar .bx-pager.bx-default-pager a{display:inline-block;margin-right:5px;width:12px;height:12px;outline:0;border:2px solid #fff;background:transparent;border-radius:50px;text-indent:-9999px}
#popupbar .bx-pager.bx-default-pager a.active{border:2px solid #00558b;background:#00558b}
#popupbar .bx-prev{position:absolute;top:0px;right:80px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_prev.png) no-repeat}
#popupbar .bx-next{position:absolute;top:0px;right:20px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_next.png) no-repeat}
#popupbar i.b1{position:absolute;z-index:3;top:0px;left:0%;display:block;width:100%;height:5px;background:#00558b}
#popupbar i.b2{position:absolute;z-index:4;top:0px;left:50%;margin:0 0 0 570px;display:block;width:100%;height:5px;background:#ffbd3f}
#popupbar .holidays{padding-top:40px;text-align:center}
#popupbar .opens{text-align:center}
#popupbar .opens a{display:block;text-align:center}
#popupbar .opens a img{display:block;margin:0 auto}


	
}


@media all and (max-width: 1279px) and (min-width: 1000px) {

/**/
#wrap * {transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#wrap #mainCon {padding-left: 100px;}

/**/
#sidebar {position: fixed;overflow-y: auto;top: 0;left: 0;z-index:30003;width: 100px;height: 100%;padding: 40px 10px 0;background-color: #fff;}
#sidebar .site {text-align: center;}
#sidebar .site .sitemap {display: block;margin-bottom: 30px;font-size: 0;line-height: 1;}
#sidebar .site .sitemap svg {width: 26px;}
#sidebar .site .oth_list > a {display: table;width: 100%;min-height: 50px;padding: 10px;background-color: #000;color: #fff;text-align: left;font-size: 14px;line-height: 1.2em;border-radius: 0 50px 50px 0;}	
#sidebar .site .oth_list > a.oth1 {background-color: var(--mainColor);}
#sidebar .site .oth_list > a.oth2 {background-color: var(--colorYellow);}
#sidebar .site .oth_list > a.oth3 {background-color: var(--colorGreen);}
#sidebar .site .oth_list > a.oth4 {background-color: var(--colorBlue);}
#sidebar .site .oth_list > a + a {margin-top: 10px;}
#sidebar .site .oth_list > a > span {display: table-cell;width: 100%;vertical-align: middle;}
#sidebar .sns {text-align: center;margin-top: 35px;padding-top: 30px;border-top: 1px solid #ddd;}
#sidebar .sns .title {margin-bottom: 20px;font-size: 17px;font-weight: 700;color: #000;}
#sidebar .sns .sns_list > a {display: block;height: 60px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
#sidebar .sns .sns_list > a.sns1 {background-image: url(../img/ico_facebook.png);}
#sidebar .sns .sns_list > a.sns2 {background-image: url(../img/ico_instagram.png);}
#sidebar .sns .sns_list > a.sns3 {background-image: url(../img/ico_blog.png);}
#sidebar .sns .sns_list > a.sns4 {background-image: url(../img/ico_youtube.png);}
#sidebar .sns .sns_list > a.sns5 {background-image: url(../img/ico_kakao.png);}

/**/
#header {position: absolute;z-index: 30002;top:0; left:0; width:100%;height: auto;padding: 0 20px 0 120px;background-color: rgba(0,0,0,0.05);transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#header.bg_white {padding-left: 20px;background-color: #fff;border-bottom: 1px solid #ddd;}
#header.fix_menu {position:fixed; top: 0;background-color: #fff;transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#header.fix_menu .lnb {margin-top:-20px; opacity:0;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#header.fix_menu .calendar_pop_btn {display: none;}
#header .header {position:relative;z-index:30002;display: flex;padding-bottom: 10px;margin:0 auto; clear:both;flex-wrap: wrap;}
#header .header h1{order: 2;}
#header .header h1 a {display: flex;align-items: center;height: 100%; }
#header .header h1 a img {width: 80px;height: auto;}
#header .header button{display:none}

/*
#header .header_top {width:100%;max-width: 100%; height:35px;} 
#header .header_top div {position:relative;}
#header .header_top ul li {float:left;}
#header .lnb {float:right; margin:0; opacity:1; padding-top:25px;}
#header .lnb ul {overflow:hidden}
#header .lnb li {float:left; padding-left:30px;}
#header .lnb li a {display:block; font-size:13px; font-weight:normal; letter-spacing:0px; color:#888}
#header .lnb .mlose {display:none}*/

/**/
#gnb {transition:all 0.5s;flex-grow: 1;order: 3;}

#gnb .depth1 {display: flex;justify-content: space-evenly;}
#gnb .depth1 > li {position: relative;display: table;width: 100%;text-align: center;}
#gnb .depth1 > li > a {display: table-cell; position:relative;height: 70px;font-weight: 500; font-size: 18px;vertical-align: middle;color: #fff;}
#header.bg_white #gnb .depth1 > li > a,
#header.fix_menu #gnb .depth1 > li > a {color: #000;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#header #gnb .depth1 > li:hover > a {text-decoration: underline;}
#header #gnb .depth1 > li.sel > a {color: var(--mainColor);font-weight: 700;}
#header #gnb .depth1 > li.sel em {display: block;width: 4px;height: 4px;margin: 5px auto 0;border-radius: 50%;background-color: var(--mainColor);}

#gnb .depth2 {display: none;position:absolute;left: 50%;top: 65px;min-width: 160px;width: auto;border: 1px solid #ddd;border-radius: 10px;background-color: #fff;transform: translateX(-50%);}
#header.sel #gnb .depth2 {display:block; top:64px; transition: all 0.8s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#gnb .depth2 > li {position: relative;white-space: nowrap;}
#gnb .depth2 > li > a {display:block; padding: 12px 20px;font-size: 15px; text-align:left; color: #555;}
#gnb .depth2 > li > a:hover {background-color: var(--mainColor);color: #fff;border-radius: 10px;}
#gnb .depth2 > li.use > a {padding-right: 70px;background-image: url(../img/ico_gnb_arrow.png?v=1);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;background-size: auto 12px;}
#gnb .depth2 > li.use > a:hover {background-image: url(../img/ico_gnb_arrow_on.png);}
#gnb .depth2 > li + li > a {border-top: 1px solid #ddd;}
#gnb .depth2 > li.sel > a {color:#00b4f1}

#gnb .depth3 {position: absolute;top: 0;left: 100%;min-width: 160px;background-color: #fff;border: 1px solid #ddd;border-radius: 10px;text-align: left;}
#gnb .depth3 > li > a {display: block;padding: 12px 20px;font-size: 15px;color: #555;}
#gnb .depth3 > li > a:hover {color: var(--mainColor);text-decoration: underline;}
#gnb .depth3 > li + li > a {border-top: 1px solid #ddd;}

#gnb .mobile {display:none}
#allbg {position:fixed; z-index:30000; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); display:none}

/**/
#lnb {width: 100%;height: 40px;order: 1;text-align: right;}
#lnb > ul {display: inline-flex;height: 100%;align-items: center;}
#lnb > ul > li + li {margin-left: 15px;}
#lnb > ul > li > a {font-size: 13px;color: #fff;line-height: 1;}
#header.bg_white #lnb > ul > li > a,
#header.fix_menu #lnb > ul > li > a {font-size: 14px;color: #000;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#lnb > ul > li > a svg {margin-right: 5px;}
#lnb > ul > li.reserv svg {width: 18px;fill: #fff;vertical-align: middle;}
#lnb > ul > li.schedule svg {width: 13px;fill: #fff;vertical-align: middle;}
#lnb > ul > li.sitemap svg {width: 13px;fill: #fff;vertical-align: middle;}
#lnb > ul > li#login svg {width: 13px;fill: #fff;vertical-align: middle;}
#lnb > ul > li#logout svg {width: 13px;fill: #fff;vertical-align: middle;}
#lnb > ul > li#join svg {width: 13px;fill: #fff;vertical-align: middle;}
#header.bg_white #lnb > ul > li svg,
#header.fix_menu #lnb > ul > li svg {fill: #000;}

/**/
#menu {position:absolute !important; z-index:10; top:0px; right:0; float:none}
#menu a {display:block; margin:0 !important; padding:0 !important; width:42px; height:40px; background:url(../img/icon_hammenu.png) no-repeat right center; text-indent:-9999em; overflow:hidden}
#gnb .depth1 > #menu:hover > a:before { display:none;}
#menu a.sel {background:url(../img/icon_hammenu_on.png) no-repeat 100% 50%}


/* #mainCon */
/* #mainVisual */
#mainVisual {overflow: hidden;position: relative;width: 100%;}
#mainVisual .m_visual .slider li {position: relative;max-height: 980px;}
#mainVisual .m_visual .slider li .slogan > img {position: absolute;top: 200px;z-index: 3;max-width: 40%;max-height: 80px;}
#mainVisual .m_visual .slider li.v1 .slogan > img:nth-child(2) {max-height: 120px;}
#mainVisual .m_visual .slider li .slogan > img:nth-child(1) {left: 40px;}
#mainVisual .m_visual .slider li .slogan > img:nth-child(2) {right: 40px;}
#mainVisual .m_visual .slider li svg {position: absolute;top: 0;left: 0;width: 100%;}
#mainVisual .m_visual .slider li.v1 .st0 {fill: #E10012;}
#mainVisual .m_visual .slider li.v2 .st0 {fill: #fcb500;}
#mainVisual .m_visual .slider li.v3 .st0 {fill: #72bb2b;}
#mainVisual .m_visual .slider li.v4 .st0 {fill: #0071bb;}

#mainVisual #mPopup {position: absolute;top: 0;right: 0;width: 50%;height: 100%;padding: 120px 0 20px;background-color: rgba(0,0,0,0.6)}
#mainVisual #mPopup .toggle_arrow {position: absolute;top: 40%;left: -60px;width: 60px;height: 60px;background-color: rgba(0,0,0,0.6);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 30px;border-radius: 20px 0 0 20px;text-indent: -9999px;}
#mainVisual #mPopup .toggle_arrow.close {background-image: url(../img/arrow_m_next.png);}
#mainVisual #mPopup .toggle_arrow.open {background-image: url(../img/arrow_m_prev.png);}
#mainVisual #mPopup .slider,
#mainVisual #mPopup .slick-track,
#mainVisual #mPopup .slick-list {height: 100%;}
#mainVisual #mPopup .slider li {display: block;width: 100%;height: 100%;padding: 30px 70px;transition: all 0.3s;}
#mainVisual #mPopup .slider li .img_wp {display: flex;width: 100%;height: 100%;vertical-align: middle;align-items: center;}
#mainVisual #mPopup .slider li .img_wp a {}
#mainVisual #mPopup .slider li .img_wp img {max-width: 95%;width: auto;height: auto;margin: 0 auto;}

#mainVisual #mPopup .slick-arrow {position: absolute;top: 50%;width: 20px;z-index: 9;height: 30px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 100%;}
#mainVisual #mPopup .slick-arrow.slick-prev {left: 30px;background-image: url(../img/arrow_m_prev.png);}
#mainVisual #mPopup .slick-arrow.slick-next {right: 30px;background-image: url(../img/arrow_m_next.png);}

/**/
.section {position: relative;z-index: 0;}
.section::before {content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 300px;height: 100%;background-repeat: no-repeat;background-position: 50% 100%;}
.section .section_inner {display: flex;max-width: 1800px;}
.section .section_inner .title {display: table;flex: 0 0 300px;padding: 50px 40px;color: #fff;}
.section .section_inner .title .title_con {display: table-cell;vertical-align: middle;}
.section .section_inner .title .tit_mark {display: inline-block;padding: 7px 15px;border: 1px solid #fff;font-size: 17px;border-radius: 50px;font-weight: 600;}
.section .section_inner .title p.text {padding: 40px 0 40px;font-size: 17px;font-weight: 400;}
.section .section_inner .title p.text .tit {display: block;margin-bottom: 10px;font-size: 26px;font-weight: 700;}
.section .section_inner .title a.more {font-size: 18px;font-weight: 600;}
.section .section_inner .con {width: calc(100% - 300px);padding: 70px 50px 90px;background-repeat: repeat-x;background-position: 0 100%;background-size: auto 140px;}

/* #section1 */	
#section1::before {background-color: #fdbc00;background-image: url(../img/bg_section1.jpg?v=1);}	
#section1 .section_inner .con {display: block;background-image: url(../img/bg_section1_con.jpg);}
#section1 .con > div {width: 100%;}
#section1 .con > div.tv_wp {padding-left: 0;}
#section1 h3 {display: inline-block;margin-bottom: 30px;padding: 5px 30px 5px 10px;color: #fff;background-color: var(--colorYellow);font-size: 20px;border-radius: 0 20px 20px 0}
#section1 .con > div.tv_wp .video {position: relative;height: 0;padding-top: 56.25%;}
#section1 .con > div.tv_wp .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#section1 .con > div.notice_wp {position: relative;margin-top: 50px;padding-right: 0;}
#section1 .con > div.notice_wp .notice > li {display: flex;padding: 16px 0;align-items: center;}
#section1 .con > div.notice_wp .notice > li:first-child {padding-top: 0;}
#section1 .con > div.notice_wp .notice > li + li {border-top: 1px solid #ddd;}
#section1 .con > div.notice_wp .notice > li span.field {flex: 0 0 80px;margin-right: 20px;padding: 6px 15px 6px 7px;font-size: 16px;color: #fff;border-radius: 0 20px 20px 0;}
#section1 .con > div.notice_wp .notice > li span.field.type1 {background-color: var(--mainColor);}
#section1 .con > div.notice_wp .notice > li span.field.type2 {background-color: var(--colorYellow);}
#section1 .con > div.notice_wp .notice > li span.field.type3 {background-color: var(--colorGreen);}
#section1 .con > div.notice_wp .notice > li span.field.type4 {background-color: var(--colorBlue);}
#section1 .con > div.notice_wp .notice > li span.field.type5 {background-color: var(--colorNavy);}
#section1 .con > div.notice_wp .notice > li a.txt {overflow: hidden;display: block;flex-grow: 1;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
#section1 .con > div.notice_wp .m_more {position: absolute;top: 0;right: 0;width: 40px;height: 40px;background-color: #333;background-image: url(../img/img_wplus.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;border-radius: 50%;}

/* #section2 */
#section2::before {background-color: #70ae00;background-image: url(../img/bg_section2.jpg);}
#section2 .section_inner .con {background-image: url(../img/bg_section2_con.jpg);}
#section2 .con {padding: 80px 80px 100px;}
#section2 .events_list .ev_filter {margin-bottom: 30px;text-align: center;}
#section2 .events_list .ev_filter > li {display: inline-block;padding: 5px 20px;margin: 0 3px;font-size: 15px;border: 1px solid #ddd;border-radius: 20px;cursor: pointer;}
#section2 .events_list .ev_filter > li.on {padding: 6px 20px0;background-color: var(--colorGreen);color: #fff;border-width: 0;}
#section2 .events_list .slider {width: 100%;}
#section2 .events_list .slider .slick-arrow {position: absolute;top: 50%;z-index: 10;width: 50px;height: 50px;margin-top: -25px;border-radius: 50%;background-color: rgba(0,0,0,0.7);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 18px;}
#section2 .events_list .slider .slick-prev {left: -15px;background-image: url(../img/arrow_m_prev.png);}
#section2 .events_list .slider .slick-next {right: -15px;background-image: url(../img/arrow_m_next.png);}
#section2 .events_list .slider .slick-track {margin: 0;}
#section2 .events_list .slider .slick-track li {padding: 0 10px;}
#section2 .events_list .slider li .info {margin-top: 20px;}
#section2 .events_list .slider li .info > span {display: block;text-align: center;font-size: 14px;color: #555;}
#section2 .events_list .slider li .info > span.tit {overflow: hidden;margin-bottom: 10px;font-size: 17px;font-weight: 500;color: #000;text-overflow: ellipsis;white-space: nowrap;}

/* #section3 */
#section3::before {background-color: #007cc6;background-image: url(../img/bg_section3.jpg);}
#section3 .section_inner .con {background-image: url(../img/bg_section3_con.jpg);}
#section3 .con .fc_list .slick-track {margin: 0;}
#section3 .con .fc_list li {position: relative;margin: 0 20px;}
#section3 .con .fc_list li img {width: 100%;}
#section3 .con .fc_list li span.fc_name {position: absolute;bottom: 0;left: 0;width: 100%;padding: 12px 20px;background-color: rgba(0,0,0,0.7);font-size: 16px;color: #fff;}
#section3 .con .fc_list li span.fc_name::after {content: '';position: absolute;bottom: 0;right: 30px;width: 10px;height: 100%;background-image: url(../img/arrow_m_thin_next.png);background-repeat: no-repeat;background-position: 50% 50%;opacity: 0;}
#section3 .con .fc_list li:hover span.fc_name::after {right: 15px;opacity: 1;transition: all 0.3s ease-in;}

/**/
#banner {padding: 0;background-color: #fff;}
#banner .title {padding: 50px;text-align: center;font-size: 18px;line-height: 1;font-weight: 700;color: #000;}
#banner .con {padding: 40px 40px;}
#banner .con .slider li {padding: 0 10px;}


/**/
#footer {overflow:hidden;padding: 60px 0;background-color:#2d2d2d}
#footer.main_footer {padding-left: 100px;}
#footer .footer {display: flex;}
#footer h2 {width: 300px;text-align: center;} 	
#footer h2 img {height: 56px;} 	
#footer .right {margin-left: 50px;font-size: 15px;color: #fff;flex-grow: 1;}
#footer .right * {font-style: normal;}
#footer .right .f_link {display: flex;margin-bottom: 30px;}
#footer .right .f_link li + li {margin-left: 30px;}
#footer .right .f_link li.privacy a {color: var(--colorYellow);}
#footer .right address > span {display: inline-block;margin-right: 40px;}
#footer .right address > span.addr {display: block;margin: 0 0 5px 0;}
#footer .right cite {display: block;margin-top: 15px;opacity: 0.6;}



/* 서브 페이지 */
#contain{width:100%;padding: 121px 0 0;}
#contain .sub_visual {overflow: hidden;position: relative;z-index: -1;text-align: center;}
#contain .sub_visual::before {position: absolute;bottom: 160px;right: 20px;z-index: -1;line-height: 1;font-size: 86px;font-weight: 900;color: #eee;}
#contain .sub_visual.v_concert::before {content: 'CONCERT';}
#contain .sub_visual.v_event::before {content: 'EVENTS';}
#contain .sub_visual.v_library::before {content: 'LIBRARY';}
#contain .sub_visual.v_academy::before {content: 'ACADEMY';}
#contain .sub_visual.v_intro::before {content: 'ABOUT';}
#contain .sub_visual.v_community::before {content: 'COMMUNITY';}
#contain .sub_visual.v_member::before {content: 'MEMBER';}
#contain .sub_visual.v_mypage::before {content: 'MYPAGE';}
#contain .sub_visual.v_etc::before {content: 'ETC';}
#contain .sub_visual::after {content: '';display: block;width: 98%;height: 180px;background-color: #000;border-radius: 0 50px 0 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#contain .sub_visual.v_concert::after {background-image: url(../img/bg_sub_v_concert_r.jpg);}
#contain .sub_visual.v_event::after {background-image: url(../img/bg_sub_v_event_r.jpg);}
#contain .sub_visual.v_library::after {background-image: url(../img/bg_sub_v_library.jpg);}
#contain .sub_visual.v_academy::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
#contain .sub_visual.v_intro::after {background-image: url(../img/bg_sub_v_intro_r.jpg);}
#contain .sub_visual.v_community::after {background-image: url(../img/bg_sub_v_community_r.jpg);}
#contain .sub_visual.v_member::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
#contain .sub_visual.v_mypage::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
#contain .sub_visual.v_etc::after {background-image: url(../img/bg_sub_v_intro_r.jpg);}
#contain .sub_visual .visual {padding: 30px 0;}
#contain .sub_visual .visual h2 {margin-bottom: 10px;font-size: 28px;font-weight: 700;color: #000;}
#contain .sub_visual .visual .locator > ul {display: flex;justify-content: center;align-items: center;}
#contain .sub_visual .visual .locator > ul > li + li {padding-left: 20px;background-image: url(../img/arrow_loc.png);background-repeat: no-repeat;background-position: 5px 50%;}
#contain .sub_visual .visual .locator > ul > li button,
#contain .sub_visual .visual .locator > ul > li a {padding: 0;font-size: 14px;line-height: 1.2em;color: #555;vertical-align: top;}

#contain .contain{display: flex;margin: -50px 2% 0;}	

/*
#contain #subtitle {width:100%; height:38px;}
#contain #subtitle h1 {display:inline-block; width:50%; color:#2e55a6; font-weight:bold; float:left; font-size:20px}
#contain #subtitle a {padding:5px 15px; float:right; background:#2e55a6; color:#fff; border-radius:20px; font-size:12px}
#contain #subtitle a:hover {background:#ccc; color:#2c384b;}

#contain .library_wrap {width:100%; margin-top:20px; padding:30px 0;}
#contain .library_wrap h4 {margin:10px 0 20px 0; font-size:17px !important; }
#contain .library_wrap h4:after{display:block; content:""; margin-top:10px; width:20px; height:3px; background:#2e55a6; margin-bottom:30px;}
#contain .library_wrap .img_library {width:40%; display:inline-block;} 
#contain .library_wrap > ul {width:50%; margin-left:5%; height:100%; vertical-align:top; display:inline-block;}
#contain .library_wrap > ul li {line-height:28px;}
#contain .library_wrap2 {width:90%; background:#f3f3f3; border:1px solid #2c384b; border-top:none; padding:30px 5%;}

#contain .table_blist {margin-top:30px;}
#contain .table_blist h4 {margin:10px 0 20px 0; font-size:17px !important; }
#contain .table_blist tbody tr .gray {background:#f8f8f8;}

#content .sitemap {width:100%;}
#content .sitemap .ul_sitemap {width:30%; float:left; padding:0; margin-right:3.5%;}
#content .sitemap .m0 {margin-right:0;}
#content .sitemap .ul_sitemap li {}
#content .sitemap .ul_sitemap li a {display:block; border:1px solid #ccc; border-top:none; width:94%; font-size:12px; padding:10px 3%; }
#content .sitemap .ul_sitemap li .title {border-top:2px solid #2e55a6; color:#2e55a6; font-size:16px; font-weight:bold; }

#contain .map {width:100%;}

#program .lecture .tit h2 {font-size:20px; border-bottom:1px solid #000; padding:15px 0;}
#program .lecture .tit .btn_receipt {/ width:80px; height:24px; margin-top:20px; text-align:center; background:#2e55a6; color:#fff; display:block; padding:3px 0;border-radius:22px;}
#program .lecture .back_list {background:#2e55a6; color:#fff; border:none}
#program .lecture .tabs {margin-bottom:15px;}
#program .lecture .dk_title {margin-top:15px;}

.community .articles {background:url(../img/icon_liststyle.png) no-repeat 0 7px; padding-left:21px}
.community .articles ul {padding-left:0;}
.community .articles ul li h4 {margin:7px 0 2px 0; font-size:16.5px; font-family:'NanumSquare';}
.community .articles ul li {font-size:14px; font-family:'dotum'; }
.community .articles ul li ul {margin-left:20px;}*/

/**/
#aside {flex: 0 0 180px;background-color: #fff;}
#aside h2 {display: flex;width: 100%;height: 100px;justify-content: center;align-items: center;font-size: 21px;font-weight: 700;}
#aside .concert h2 {background-color: var(--colorGreen);color: #fff;}
#aside .event h2,
#aside .library h2 {background-color: var(--colorYellow);color: #fff;}
#aside .member h2,
#aside .mypage h2,
#aside .academy h2 {background-color: var(--colorBlue);color: #fff;}
#aside .intro h2,
#aside .etc h2 {background-color: var(--mainColor);color: #fff;}
#aside .community h2 {background-color: var(--colorPurple);color: #fff;}
#aside > div > ul {padding-bottom: 10px;}
#aside > div > ul > li.sel {overflow: hidden;margin-bottom: 10px;border-radius: 0 0 15px 15px}
#aside > div > ul > li > a {display: block;padding: 10px 15px;font-size: 16px;color: #000;}
#aside > div > ul > li.sel > a {padding-top: 20px;font-size: 18px;font-weight: 700;}
#aside > .concert > ul > li.sel > a {background-color: #f4faee;color: var(--colorGreen);}
#aside > .event > ul > li.sel > a,
#aside > .library > ul > li.sel > a {background-color: #fff8eb;color: var(--colorYellow);}
#aside > .academy > ul > li.sel > a,
#aside > .mypage > ul > li.sel > a,
#aside > .member > ul > li.sel > a {background-color: #ebf4fa;color: var(--colorBlue);}
#aside > .intro > ul > li.sel > a,
#aside > .etc > ul > li.sel > a {background-color: #fdebec;color: var(--mainColor);}
#aside > .community > ul > li.sel > a {background-color: #f5ebfd;color: var(--colorPurple);}
#aside > div > ul > li > ul {display: none;}
#aside > div > ul > li.sel > ul {display: block;padding: 0 20px 20px;background-color: #f4f4f4;}
#aside > .concert > ul > li.sel > ul {background-color: #f4faee;}
#aside > .event > ul > li.sel > ul,
#aside > .library > ul > li.sel > ul {background-color: #fff8eb;}
#aside > .academy > ul > li.sel > ul,
#aside > .mypage > ul > li.sel > ul,
#aside > .member > ul > li.sel > ul {background-color: #ebf4fa;}
#aside > .intro > ul > li.sel > ul,
#aside > .etc > ul > li.sel > ul {background-color: #fdebec;}
#aside > .community > ul > li.sel > ul {background-color: #f5ebfd;}
#aside > div > ul > li.sel > ul > li > .sel {text-decoration: underline;}

#aside > div > ul > li > ul > li > a {position: relative;z-index: 0;display: block;padding: 3px 0 3px 14px;font-size: 15px;}
#aside > div > ul > li > ul > li > a::before {content: '';position: absolute;top: 11px;left: 0;width: 6px;height: 6px;border-radius: 50%;}
#aside > .concert > ul > li > ul > li > a::before {background-color: var(--colorGreen);}
#aside > .event > ul > li > ul > li > a::before,
#aside > .library > ul > li > ul > li > a::before {background-color: var(--colorYellow);}
#aside > .member > ul > li > ul > li > a::before,
#aside > .mypage > ul > li > ul > li > a::before,
#aside > .academy > ul > li > ul > li > a::before {background-color: var(--colorBlue);}
#aside > .intro > ul > li > ul > li > a::before,
#aside > .etc > ul > li > ul > li > a::before {background-color: var(--mainColor);}
#aside > .community > ul > li > ul > li > a::before {background-color: var(--colorPurple);}

/*
	
#contain{width:100%; padding-top:90px;background:url(../img/sub_con_bg.png) no-repeat center 40px; border-bottom:1px solid #ccc; transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);animation-duration: 1s; animation-name: con_bg;}
#contain .contain{position:relative;}
#contain .contain:before,
#contain .contain:after{clear:both;display:table;content:"";line-height:0}*/

.newsletter_pop {padding: 0 0 50px !important;border: 0;background: #3e549c !important;margin: 0 !important;text-align: center;font-family: 'nanumSquare';}
.newsletter_pop .title {position:relative;background: #fff;}
.newsletter_pop .title p {width: 100%;margin: 0;padding: 30px 0;font-size:24px;font-weight: 600;color:#000; 464646;background: url(../img/news_pop_bg.png) no-repeat 0 50%;}
.newsletter_pop .title p span {font-size:34px;color:#102c89;}
.newsletter_pop .title img {position:absolute;bottom:-20px;left: 20px;}
.newsletter_pop #mSns {display: none;}
.newsletter_pop form table {margin: 0 auto;}
.newsletter_pop .pop_title {padding-top: 50px;font-size:17px;color:#000;}
.newsletter_pop .pop_title span {font-size: 22px;font-weight: 600;color:#fff900;text-transform: uppercase;}
.newsletter_pop td.wp75 {width: 75%;}
.newsletter_pop .btn_gray {font-size: 14px;padding: 1px 10px;}
	


/**/
#design{position:relative;flex-grow: 1;width: calc(100% - 200px);padding: 30px 0  70px 30px;min-height: 680px;background-color: #fff;}
#design .visual{position:relative;height:150px;z-index:1;/*height:140px;border-bottom:1px solid #aaa;*/}
#design .visual h2{position:relative;z-index:2;display:inline-block;padding:20px 0;line-height:95px;font-size:30px;letter-spacing:-1px;color:#fff; transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); animation-duration: 1s; animation-name: v_text;}
#design .visual p{padding:10px 0}
#design .visual .locator{position:absolute;top:72px;right:0;display:block;padding-left:10px;background:url(../img/ico_home.png) no-repeat 0 50%; transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); animation-duration: 1.5s; animation-name: v_navi;}
#design .visual .locator .path *{font-size:13px;font-weight:400;color:#fff}
#design .visual .locator .path li{float:left;padding-right:3px;background:url(../img/ico_arrow.png) no-repeat 100% 46%}
#design .visual .locator .path li:last-child{background:none}
#design .visual .locator .path li button{padding:0 12px;text-align:left;border:0; color:#fff;background:none}
#design .visual .locator .path li.sel button{color:#fff}
#design .visual .locator .path li.home a{padding:0 9px; text-indent:-9999px !important; font-size:0px;}
#design .vepth .navi{display:none !important}
#design .datelist{line-height:20px;text-align:center}
#design .datelist strong{padding:0 10px;font-size:20px}
#design .datelist a{display:none}


/**/
#dkleft{display:none !important;position:fixed;z-index:10;left:0px;top:0px;width:260px;height: 100%;padding-bottom: 70px;box-sizing: border-box;background:#fff;overflow:hidden}


.dk_view h2 {background:none !important;}

#program .lib_ma{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#5087c7 !important; border:1px solid #5087c7 !important; border-radius:3px;}
#program .lib_mb{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#ef5998 !important; border:1px solid #ef5998 !important; border-radius:3px;}
#program .lib_tol{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#333 !important; border:1px solid #333 !important; border-radius:3px;}
#program .lib_za{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#5ea71c !important; border:1px solid #5ea71c !important; border-radius:3px;}

#wait{}

#full_layer_wrap {display:none;}

/**/
#poplayer{position:absolute;z-index:99999;top:120px;left:50%;margin:0 0 0 -280px;width:560px;height:595px;}
#poplayer *{margin:0;padding:0;border:0}
#poplayer img{display:block}
#poplayer .todays{padding:2px 20px 8px 20px;text-align:right;background:#323232}
#poplayer .todays a{font-size:14px;color:#fff}
#poplayer area{cursor:pointer}

/**/
#popupbar{position:relative;background:#0e6faf url(../img/popupbarbg.png) no-repeat 50% 50%;overflow:hidden;display:none}
#popupbar .popupbar{max-height:117px !important;overflow:hidden}
#popupbar .popupbar .slide h3{display:inline-block;margin:0;padding:0 20px 5px 0;font-size:26px;color:#fff;text-shadow:-1px -1px 2px rgba(0,0,0,0.2)}
#popupbar .popupbar .slide .close{display:inline-block}
#popupbar .popupbar .slide .close button{font-size:14px;font-weight:800;letter-spacing:-1px;color:#fff;border:0;background:none}
#popupbar .popupbar img{display:block}
#popupbar .bx-controls{position:absolute;z-index:100;bottom:3px;left:50%}
#popupbar .bx-pager{float:left;display:block}
#popupbar .bx-pager .bx-pager-item{display:inline;*zoom:1}
#popupbar .bx-pager.bx-default-pager a{display:inline-block;margin-right:5px;width:12px;height:12px;outline:0;border:2px solid #fff;background:transparent;border-radius:50px;text-indent:-9999px}
#popupbar .bx-pager.bx-default-pager a.active{border:2px solid #00558b;background:#00558b}
#popupbar .bx-prev{position:absolute;top:0px;right:80px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_prev.png) no-repeat}
#popupbar .bx-next{position:absolute;top:0px;right:20px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_next.png) no-repeat}
#popupbar i.b1{position:absolute;z-index:3;top:0px;left:0%;display:block;width:100%;height:5px;background:#00558b}
#popupbar i.b2{position:absolute;z-index:4;top:0px;left:50%;margin:0 0 0 570px;display:block;width:100%;height:5px;background:#ffbd3f}
#popupbar .holidays{padding-top:40px;text-align:center}
#popupbar .opens{text-align:center}
#popupbar .opens a{display:block;text-align:center}
#popupbar .opens a img{display:block;margin:0 auto}

}


@media all and (max-width: 999px) {

	/**/
	#wrap {}
	#wrap * {transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}

	/**/
	#sidebar {display: none;}

	/**/
	#header {position: absolute;top:0; left:0; width:100%;height: auto;background-color: #fff;border-bottom: 1px solid #eee;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	/*#header.fix_menu {position: fixed; top: 0;z-index: 1;background-color: #fff;transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.fix_menu .lnb {margin-top:-20px; opacity:0;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.fix_menu .calendar_pop_btn {display: none;}*/
	#header .header {position:relative;z-index:30002;margin:0 auto; clear:both;flex-wrap: wrap;}
	#header .header h1 {height: 60px;padding: 0 60px;}
	#header .header h1 a {display: flex;width: 100%;height: 100%;text-align: center;align-items: center;justify-content: center;}
	#header .header h1 a img {max-width: 100%;height: 40px;}
	
	#header button.btn-menu {position:absolute;top: 0;left: 0;z-index: 10;width: 60px;height: 60px;padding: 0 !important;background: url(../img/ico_menu.png?v=1) no-repeat;background-position: 50% 50%;}
	#header button.btn-menu svg {width: 28px;fill: #fff;}
	#header.bg_white button.btn-menu svg {fill: #000;}
	/*#header.fix_menu button.btn-menu svg {fill: #000;}*/
	#header button.btn-page{height:40px;width:40px;text-align:center;top:36px;right:10px;display:block;line-height:14px;font-size:11px;font-family:'Roboto';}
	#header button.btn-page2{height:40px;width:48px;text-align:center;top:36px;right:55px;display:block; line-height:14px;font-size:11px;font-family:'Roboto';}
	#header button.btn-page i{display:block !important;padding:5px 0 0 0;height:20px;font-size:18px !important; }

	/*
	#header .header_top {width:100%;max-width: 100%; height:35px;} 
	#header .header_top div {position:relative;}
	#header .header_top ul li {float:left;}
	#header .lnb {float:right; margin:0; opacity:1; padding-top:25px;}
	#header .lnb ul {overflow:hidden}
	#header .lnb li {float:left; padding-left:30px;}
	#header .lnb li a {display:block; font-size:13px; font-weight:normal; letter-spacing:0px; color:#888}
	#header .lnb .mlose {display:none}*/

	/**/
	#gnb {display: none;transition:all 0.5s;flex-grow: 1;order: 3;}

	/*#gnb .depth1 {display: flex;justify-content: space-evenly;}
	#gnb .depth1 > li {position: relative;display: table;width: 100%;text-align: center;}
	#gnb .depth1 > li > a {display: table-cell; position:relative;height: 70px;font-weight: 500; font-size: 18px;vertical-align: middle;color: #fff;}
	#header.fix_menu #gnb .depth1 > li > a {color: #000;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#gnb .depth1 > li:hover > a , #gnb .depth1 > li.sel > a {}

	#gnb .depth2 {display: none;position:absolute;left: 50%;top: 65px;min-width: 160px;width: auto;border: 1px solid #ddd;border-radius: 10px;background-color: #fff;transform: translateX(-50%);}
	#header.sel #gnb .depth2 {display:block; top:64px; transition: all 0.8s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#gnb .depth2 > li {position: relative;white-space: nowrap;}
	#gnb .depth2 > li > a {display:block; padding: 12px 20px;font-size: 15px; text-align:left; color: #555;}
	#gnb .depth2 > li > a:hover {background-color: var(--mainColor);color: #fff;border-radius: 10px;}
	#gnb .depth2 > li.use > a {padding-right: 70px;background-image: url(../img/ico_gnb_arrow.png?v=1);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;background-size: auto 12px;}
	#gnb .depth2 > li.use > a:hover {background-image: url(../img/ico_gnb_arrow_on.png);}
	#gnb .depth2 > li + li > a {border-top: 1px solid #ddd;}
	#gnb .depth2 > li.sel > a {color:#00b4f1}

	#gnb .depth3 {position: absolute;top: 0;left: 100%;min-width: 160px;background-color: #fff;border: 1px solid #ddd;border-radius: 10px;text-align: left;}
	#gnb .depth3 > li > a {display: block;padding: 12px 20px;font-size: 15px;color: #555;}
	#gnb .depth3 > li > a:hover {color: var(--mainColor);text-decoration: underline;}
	#gnb .depth3 > li + li > a {border-top: 1px solid #ddd;}

	#gnb .mobile {display:none}
	#allbg {position:fixed; z-index:30000; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); display:none}*/

	#lnb {display: none;}
	/*
	#lnb {width: 100%;height: 40px;order: 1;text-align: right;}
	#lnb > ul {display: inline-flex;height: 100%;align-items: center;}
	#lnb > ul > li + li {margin-left: 15px;}
	#lnb > ul > li > a {font-size: 13px;color: #fff;line-height: 1;}
	#header.fix_menu #lnb > ul > li > a {font-size: 14px;color: #000;transition:all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#lnb > ul > li > a svg {margin-right: 5px;}
	#lnb > ul > li.reserv svg {width: 13px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li.schedule svg {width: 13px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li.sitemap svg {width: 13px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li#login svg {width: 13px;fill: #fff;vertical-align: middle;}
	#lnb > ul > li#logout svg {width: 13px;fill: #fff;vertical-align: middle;}
	#header.fix_menu #lnb > ul > li svg {fill: #000;}*/

	/**/
	#menu {position:absolute !important; z-index:10; top:0px; right:0; float:none}
	#menu a {display:block; margin:0 !important; padding:0 !important; width:42px; height:40px; background:url(../img/icon_hammenu.png) no-repeat right center; text-indent:-9999em; overflow:hidden}
	#gnb .depth1 > #menu:hover > a:before { display:none;}
	#menu a.sel {background:url(../img/icon_hammenu_on.png) no-repeat 100% 50%}

	/**/
	#blind {position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none;position:fixed;z-index: 99 !important;left:0px;top:0px;width:260px;height: 100%;padding-bottom: 70px;box-sizing: border-box;background:#fff;overflow:hidden}
	#dkleft .lefttit{padding: 10px 50px 10px 20px;height:70px;background: var(--mainColor);}
	#dkleft .lefttit h3 img {height: 45px;}
	#dkleft .lefttit button{display:block;position:relative;top:17px;font-size:12px;font-family:'Roboto';color:#fff;border:0;background:transparent}
	#dkleft .lefttit button i{display:block;margin-bottom:3px;font-size:18px;color:#fff;font-family:Linearicons-Free;}
	#dkleft .select {height: 100%;overflow-y: auto;}
	#dkleft .select .join{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .join i{display:inline-block;position:relative;font-family:Linearicons-Free;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .modify i{display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .depth1 {display:block;position:relative;padding:0 15px;line-height:50px;font-size:16px;color:#333;border-bottom:1px solid #ccc;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1.sel {background-color: var(--colorYellow);border-bottom-color: var(--colorYellow);color: #111;font-weight: 700;}
	#dkleft .depth1::after {content: '';position: absolute;top: 50%;right: 15px;width: 20px;height: 20px;margin-top: -10px;background-image: url(../img/arrow_b_next.png);background-repeat: no-repeat;background-position: 50%;background-size: auto 15px;transform: rotate(90deg);transform-origin: 50% 50%;transition: all 0.3s;}
	#dkleft .depth1.sel::after {transform: rotate(-90deg);}
	#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
	#dkleft .depth1 i{display:block;margin:20px 0px 0 0;font-size:9px;font-family:Linearicons-Free;color:#767a81;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 i.rightico{float:right}
	#dkleft .depth1.sel i.rightico{color:#00a19c;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s}
	#dkleft .depth2 {display:none;background: #323741}
	#dkleft .depth2 a{display:block;padding: 12px 35px 12px 15px;font-size: 14px;color:#fff;border-bottom: 1px solid rgba(255,255,255,0.2);text-decoration:none;background-image: url(../img/arrow_m_next.png);background-repeat: no-repeat;background-position: calc(100% - 15px) 50%;background-size: auto 13px;}
	#dkleft .depth2 a.sel{color:#81c341}
	#closeleft {position:fixed;z-index:99999;left: 210px;top: 0;width: 50px;height: 70px;background-image: url(../img/close_w_icon.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;cursor: pointer;}
	#closeleft:before{content:""}
	#gotop,
	#gotop a{display:none !important}


	/* #mainCon */
	/* #mainVisual */
	#mainVisual {overflow: hidden;position: relative;width: 100%;}
	#mainVisual .m_visual .slider li {position: relative;padding-top: 60px;min-height: 360px;}
	#mainVisual .m_visual .slider li .slogan > img {position: absolute;z-index: 3;max-width: 50%;}
	#mainVisual .m_visual .slider li .slogan > img:nth-child(1) {top: 90px;left: 20px;height: 13vh;max-height: 60px;}
	#mainVisual .m_visual .slider li .slogan > img:nth-child(2) {bottom: 30px;right: 20px;height: 14vh;max-height: 58px;}
	#mainVisual .m_visual .slider li.v1 .slogan > img:nth-child(2) {max-height: 100px;}
	#mainVisual .m_visual .slider li svg {display: none;position: absolute;top: 0;left: 0;width: 100%;}
	#mainVisual .m_visual .slider li.v1 {background-color: #E10012;}
	#mainVisual .m_visual .slider li.v2 {background-color: #fcb500;}
	#mainVisual .m_visual .slider li.v3 {background-color: #72bb2b;}
	#mainVisual .m_visual .slider li.v4 {background-color: #0071bb;}
	#mainVisual .m_visual .slider li > img {min-height: 300px;}

	#mainVisual #mPopup {position: fixed;top: 0;right: 0;z-index: 40000;width: 100%;height: 100%;padding: 70px 0 20px;background-color: rgba(0,0,0,0.8)}
	#mainVisual #mPopup .toggle_arrow {position: fixed;top: 70px;right: 0;z-index: 40001;width: 60px;height: 60px;background-color: rgba(0,0,0,0.8);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 30px;border-radius: 20px 0 0 20px;text-indent: -9999px;background-size: auto 22px;}
	#mainVisual #mPopup .toggle_arrow.close {background-color: #fff;background-image: url(../img/arrow_b_next.png);}
	#mainVisual #mPopup .toggle_arrow.open {background-image: url(../img/arrow_m_prev.png);}
	#mainVisual #mPopup .slider,
	#mainVisual #mPopup .slick-track,
	#mainVisual #mPopup .slick-list {height: 100%;}
	#mainVisual #mPopup .slider li {display: block;width: 100%;height: 100%;padding: 20px 50px;transition: all 0.3s;}
	#mainVisual #mPopup .slider li .img_wp {display: flex;width: 100%;height: 100%;vertical-align: middle;align-items: center;}
	#mainVisual #mPopup .slider li .img_wp a {}
	#mainVisual #mPopup .slider li .img_wp img {max-width: 95%;width: auto;max-height: 100%;height: auto;margin: 0 auto;}

	#mainVisual #mPopup .slick-arrow {position: absolute;top: 50%;width: 20px;z-index: 9;height: 30px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 100%;}
	#mainVisual #mPopup .slick-arrow.slick-prev {left: 20px;background-image: url(../img/arrow_m_prev.png);}
	#mainVisual #mPopup .slick-arrow.slick-next {right: 20px;background-image: url(../img/arrow_m_next.png);}

	/**/
	.section {position: relative;z-index: 0;}
	.section::before {display: none;content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 70px;}
	.section .section_inner {width: 100%;}
	.section .section_inner .title {padding: 20px;color: #fff;background-repeat: no-repeat;background-position: 50% 100%;}
	.section .section_inner .title .title_con {}
	.section .section_inner .title .tit_mark {display: inline-block;padding: 5px 12px;border: 1px solid #fff;font-size: 15px;border-radius: 50px;font-weight: 600;}
	.section .section_inner .title p.text {padding: 20px 0;font-size: 15px;font-weight: 400;}
	.section .section_inner .title p.text .tit {display: block;margin-bottom: 10px;font-size: 22px;font-weight: 700;}
	.section .section_inner .title a.more {font-size: 16px;font-weight: 600;}
	.section .section_inner .con {width: 100%;padding: 40px 20px 50px;background-color: #fff;background-repeat: repeat-x;background-position: 0 100%;background-size: auto 120px;}

	/* #section1 */	
	#section1 .title {background-color: #fdbc00;background-image: url(../img/bg_section1.jpg?v=1);}	
	#section1 .section_inner .con {display: block;background-image: url(../img/bg_section1_con.jpg);}
	#section1 .con > div {width: 100%;}
	#section1 .con > div.tv_wp {padding-left: 0;}
	#section1 h3 {display: inline-block;margin-bottom: 20px;padding: 5px 25px 5px 7px;color: #fff;background-color: var(--colorYellow);font-size: 17px;border-radius: 0 20px 20px 0}
	#section1 .con > div.tv_wp .video {position: relative;height: 0;padding-top: 56.25%;}
	#section1 .con > div.tv_wp .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	#section1 .con > div.notice_wp {position: relative;margin-top: 50px;padding-right: 0;}
	#section1 .con > div.notice_wp .notice > li {display: flex;padding: 16px 0;align-items: center;}
	#section1 .con > div.notice_wp .notice > li:first-child {padding-top: 0;}
	#section1 .con > div.notice_wp .notice > li + li {border-top: 1px solid #ddd;}
	#section1 .con > div.notice_wp .notice > li span.field {flex: 0 0 74px;margin-right: 12px;padding: 6px 15px 6px 7px;font-size: 14px;color: #fff;border-radius: 0 20px 20px 0;}
	#section1 .con > div.notice_wp .notice > li span.field.type1 {background-color: var(--mainColor);}
	#section1 .con > div.notice_wp .notice > li span.field.type2 {background-color: var(--colorYellow);}
	#section1 .con > div.notice_wp .notice > li span.field.type3 {background-color: var(--colorGreen);}
	#section1 .con > div.notice_wp .notice > li span.field.type4 {background-color: var(--colorBlue);}
	#section1 .con > div.notice_wp .notice > li span.field.type5 {background-color: var(--colorNavy);}
	#section1 .con > div.notice_wp .notice > li a.txt {overflow: hidden;display: block;flex-grow: 1;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
	#section1 .con > div.notice_wp .m_more {position: absolute;top: 0;right: 0;width: 35px;height: 35px;background-color: #333;background-image: url(../img/img_wplus.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 12px;text-indent: -9999px;border-radius: 50%;}

	/* #section2 */
	#section2 .title {background-color: #70ae00;background-image: url(../img/bg_section2.jpg);}
	#section2 .section_inner .con {background-image: url(../img/bg_section2_con.jpg);}
	#section2 .con {padding: 40px 40px 50px;}
	#section2 .events_list .ev_filter {margin-bottom: 20px;text-align: center;}
	#section2 .events_list .ev_filter > li {display: inline-block;padding: 3px 12px;margin: 2px 0;font-size: 14px;border: 1px solid #ddd;border-radius: 20px;cursor: pointer;}
	#section2 .events_list .ev_filter > li.on {padding: 4px 13px;background-color: var(--colorGreen);color: #fff;border-width: 0;}
	#section2 .events_list .slider {width: 100%;}
	#section2 .events_list .slider .slick-arrow {position: absolute;top: 40%;z-index: 10;width: 25px;height: 40px;margin-top: -20px;;background-color: rgba(0,0,0,0.7);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 12px;}
	#section2 .events_list .slider .slick-prev {left: -15px;background-image: url(../img/arrow_m_prev.png);border-radius: 20px 0 0 20px;}
	#section2 .events_list .slider .slick-next {right: -15px;background-image: url(../img/arrow_m_next.png);border-radius: 0 20px 20px 0;}
	#section2 .events_list .slider .slick-track {margin: 0;}
	#section2 .events_list .slider .slick-track li {padding: 0 10px;}
	#section2 .events_list .slider .slick-track li img {max-height: 240px;margin: 0 auto;}
	#section2 .events_list .slider li .info {margin-top: 20px;}
	#section2 .events_list .slider li .info > span {display: block;text-align: center;font-size: 13px;color: #555;}
	#section2 .events_list .slider li .info > span.tit {overflow: hidden;margin-bottom: 7px;font-size: 15px;font-weight: 500;color: #000;text-overflow: ellipsis;white-space: nowrap;}

	/* #section3 */
	#section3 .title {background-color: #007cc6;background-image: url(../img/bg_section3.jpg);}
	#section3 .section_inner .con {background-image: url(../img/bg_section3_con.jpg);}
	#section3 .con .fc_list .slick-track {margin: 0;}
	#section3 .con .fc_list li {position: relative;margin: 0 10px;}
	#section3 .con .fc_list li img {width: 100%;margin: 0 auto;}
	#section3 .con .fc_list li span.fc_name {position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px 30px 10px 15px;background-color: rgba(0,0,0,0.7);font-size: 14px;color: #fff;}
	#section3 .con .fc_list li span.fc_name::after {content: '';position: absolute;bottom: 0;right: 30px;width: 10px;height: 100%;background-image: url(../img/arrow_m_thin_next.png);background-repeat: no-repeat;background-position: 50% 50%;opacity: 0;background-size: auto 14px;}
	#section3 .con .fc_list li:hover span.fc_name::after {right: 12px;opacity: 1;transition: all 0.3s ease-in;}

	/**/
	#banner {padding: 0;background-color: #fff;}
	#banner .title {padding: 20px 0 10px;text-align: center;font-size: 18px;line-height: 1;font-weight: 700;color: #000;}
	#banner .con {padding: 20px 20px 30px;}
	#banner .con .slider li {padding: 0 5px;}


	/**/
	#footer {overflow:hidden;padding: 40px 20px 50px;background-color:#2d2d2d}
	#footer .footer {text-align: center;}
	#footer h2 {width: 100%;text-align: center;} 	
	#footer h2 img {height: 46px;} 	
	#footer .right {margin-top: 15px;font-size: 13px;color: #fff;flex-grow: 1;}
	#footer .right * {font-style: normal;}
	#footer .right .f_link {display: block;margin-bottom: 20px;text-align: center;font-size: 14px;}
	#footer .right .f_link li {display: inline-block;margin-right: 15px;}
	#footer .right .f_link li.privacy a {color: var(--colorYellow);}
	#footer .right address > span {display: block;margin-top: 5px;}
	#footer .right address > span.addr {display: block;margin: 0 0 5px 0;}
	#footer .right cite {display: block;margin-top: 15px;opacity: 0.6;}


	/*****************************/ 
	/* 서브 페이지 */
	#contain{width:100%;padding: 60px 0 0;}
	#contain .sub_visual {position: relative;z-index: 1;text-align: center;}
	#contain .sub_visual::before {display: none;position: absolute;bottom: 80px;right: 5px;z-index: -1;line-height: 1;font-size: 58px;font-weight: 900;color: #eee;}
	#contain .sub_visual.v_concert::before {content: 'CONCERT';}
	#contain .sub_visual.v_event::before {content: 'EVENTS';}
	#contain .sub_visual.v_library::before {content: 'LIBRARY';}
	#contain .sub_visual.v_academy::before {content: 'ACADEMY';}
	#contain .sub_visual.v_intro::before {content: 'ABOUT';}
	#contain .sub_visual.v_community::before {content: 'COMMUNITY';}
	#contain .sub_visual.v_member::before {content: 'MEMBER';}
	#contain .sub_visual.v_mypage::before {content: 'MEMBER';}
	#contain .sub_visual.v_etc::before {content: 'ETC';}
	#contain .sub_visual::after {content: '';display: block;width: 97%;height: 100px;background-color: #000;border-radius: 0 30px 0 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
	#contain .sub_visual.v_concert::after {background-image: url(../img/bg_sub_v_concert_r.jpg);}
	#contain .sub_visual.v_event::after {background-image: url(../img/bg_sub_v_event_r.jpg);}
	#contain .sub_visual.v_library::after {background-image: url(../img/bg_sub_v_library.jpg);}
	#contain .sub_visual.v_academy::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
	#contain .sub_visual.v_intro::after {background-image: url(../img/bg_sub_v_intro_r.jpg);}
	#contain .sub_visual.v_community::after {background-image: url(../img/bg_sub_v_community_r.jpg);}
	#contain .sub_visual.v_member::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
	#contain .sub_visual.v_mypage::after {background-image: url(../img/bg_sub_v_academy_r.jpg);}
	#contain .sub_visual.v_etc::after {background-image: url(../img/bg_sub_v_intro_r.jpg);}

	#contain .sub_visual .visual {padding: 15px 0 25px;margin: 0 3%;}
	#contain .sub_visual .visual h2 {margin-bottom: 10px;font-size: 24px;font-weight: 700;color: #000;}
	#contain .sub_visual .visual .locator > ul {position: relative;z-index: 3;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
	#contain .sub_visual .visual .locator > ul > li {width: 50%;background-color: #fff;}
	#contain .sub_visual .visual .locator > ul > li {display: none;}
	#contain .sub_visual .visual .locator > ul > li:nth-last-child(1),
	#contain .sub_visual .visual .locator > ul > li:nth-last-child(2) {display: block;}
	#contain .sub_visual .visual .locator > ul > li > button,
	#contain .sub_visual .visual .locator > ul > li > a {position: relative;z-index: 0;overflow: hidden;display: block;width: 100%;padding: 10px 35px 10px 15px;font-size: 14px;line-height: 1.2em;color: #000;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;border: 1px solid var(--colorNavy);text-align: left;}
	#contain .sub_visual .visual .locator > ul > li > button::after {content: '';position: absolute;top: 50%;right: 10px;width: 20px;height: 20px;margin-top: -10px;background-image: url(../img/arrow_b_next.png);background-repeat: no-repeat;background-position: 50% 50%;transform: rotate(90deg);background-size: auto 12px;}
	#contain .sub_visual .visual .locator > ul > li > button.sel {background-color: var(--colorNavy);color: #fff;}
	#contain .sub_visual .visual .locator > ul > li > button.sel::after {background-image: url(../img/arrow_m_next.png);transform: rotate(-90deg);}
	#contain .sub_visual .visual .locator > ul > li:nth-last-child(2) > button {border-right: 0;}
	#contain .sub_visual .visual .locator > ul > li .navi {position: absolute;top: 38px;left: 0;width: 100%;padding: 10px 15px;background-color: var(--colorNavy);transition: all 0s;color: #fff;text-align: left;}
	#contain .sub_visual .visual .locator > ul > li .navi a {display: block;padding: 5px 0;font-size: 14px;}
	#contain .sub_visual .visual .locator > ul > li .navi a:hover {text-decoration: underline;}

	#contain .contain{margin: 0 3%;}	


	#aside {display: none !important;}

	#design {padding: 20px 0 50px;}

}


/**/	
.newsletter_pop {width: 100%;max-width: 600px !important;padding: 0 0 50px !important;border: 0;background: #3e549c !important;margin: 0 auto !important;text-align: center;font-family: 'nanumSquare';}
.newsletter_pop .title {position:relative;background: #fff;}
.newsletter_pop .title p {width: 100%;margin: 0;padding: 30px 0;font-size:24px;font-weight: 600;color:#000; 464646;background: url(../img/news_pop_bg.png) no-repeat 0 50%;background-size: 100%;}
.newsletter_pop .title p span {font-size:34px;color:#102c89;}
.newsletter_pop .title img {position:absolute;bottom:-20px;left: 20px;}
.newsletter_pop #mSns {display: none;}
.newsletter_pop form table {margin: 0 auto;}
.newsletter_pop .pop_title {padding-top: 50px;font-size:17px;color:#000;}
.newsletter_pop .pop_title span {font-size: 22px;font-weight: 600;color:#fff900;text-transform: uppercase;}
.newsletter_pop td.wp75 {width: 75%;}
.newsletter_pop .btn_gray {font-size: 14px;padding: 1px 10px;}
	

/*4차탭메뉴*/
#design #content .tab {position:relative;margin-top: 10px;}
#design #content .tab > ul > li h5 {position:absolute;top: 0;width:14%;margin: 0 1%;padding-bottom: 10px;text-align:center;}
#design #content .tab > ul > li h5 a {display:block;padding: 7px 0;border: 3px solid #2e55a6;background: #fff;font-size: 18px;font-weight: 500;border-radius: 50px;}
#design #content .tab > ul > li h5 .year_on {background: #2e55a6;color: #fff;}
#design #content .tab > ul > li:nth-child(1) h5 {left: 0;}
#design #content .tab > ul > li:nth-child(2) h5 {left: 15%;}
#design #content .tab > ul > li:nth-child(3) h5 {left: 30%;}
#design #content .tab > ul > li:nth-child(4) h5 {left:45%} 
#design #content .tab > ul > li:nth-child(5) h5 {left:60%} 
#design #content .tab > ul > li:nth-child(6) h5 {left:75%} 
#design #content .tab > ul > li .tab_con {display:none;padding-top: 70px;text-align:center;}
#design #content .tab > ul > li .tab_con_on {display:block;}

/*4차탭메뉴 - 문화인력양성사업*/
#design #content .tab2 {position:relative;margin-top: 10px;}
#design #content .tab2 > ul > li h5 {position:absolute;top: 0;width: 45%;margin: 0 1%;padding-bottom: 10px;text-align:center;}
#design #content .tab2 > ul > li h5 a {display:block;padding: 7px 0;border: 3px solid #2e55a6;background: #fff;font-size: 17px;font-weight: 500;border-radius: 50px;}
#design #content .tab2 > ul > li h5 .year_on {background: #2e55a6;color: #fff;}
#design #content .tab2 > ul > li:nth-child(2n-1) h5 {margin-left: 0;left: 0;}
#design #content .tab2 > ul > li:nth-child(2n) h5 {left: 45%;}
#design #content .tab2 > ul > li .tab_con {overflow: hidden;display: block;height: 0;padding: 0;text-align:center;}
#design #content .tab2 > ul > li .tab_con_on {display: block;height: auto;padding-top: 70px;}

@media all and (max-width: 767px) {
	#design #content .tab2 > ul > li h5 {width: 100%;margin: 0;}
	#design #content .tab2 > ul > li h5 a {font-size: 15px;}
	#design #content .tab2 > ul > li:nth-child(2) h5 {left: 0;top: 45px;}
	#design #content .tab2 > ul > li .tab_con {padding-top: 0;}
	#design #content .tab2 > ul > li .tab_con_on {padding-top: 100px;}

	/*4차탭메뉴*/
	#design #content .tab {position:relative;margin-top: 10px;}
	#design #content .tab > ul > li h5 {position:absolute;top: 0;width: 48%;margin: 0 1%;padding-bottom: 10px;text-align:center;}
	#design #content .tab > ul > li h5 a {display:block;padding: 7px 0;border: 3px solid #2e55a6;background: #fff;font-size: 18px;font-weight: 500;border-radius: 50px;}
	#design #content .tab > ul > li h5 .year_on {background: #2e55a6;color: #fff;}
	#design #content .tab > ul > li:nth-child(2n-1) h5 {left: 0;}
	#design #content .tab > ul > li:nth-child(2n) h5 {left: 50%;}
	#design #content .tab > ul > li:nth-child(3) h5 {top: 50px;}
	#design #content .tab > ul > li:nth-child(4) h5 {top: 50px} 
	#design #content .tab > ul > li:nth-child(5) h5 {top: 100px} 
	#design #content .tab > ul > li:nth-child(6) h5 {top: 100px} 
	#design #content .tab > ul > li .tab_con {display:none;width: 100%;padding-top: 150px;text-align:center;}
	#design #content .tab > ul > li .tab_con_on {display:block;}
}