#wrap{width:100%; height:auto; overflow:hidden;}

/* header */
#header .inner{width:1200px; position:relative; margin:0px auto;}
#logo{position:absolute;left:0px;top: 53px;}
#logo a{display:block;width:230px;height:50px;background:url('/upload_data/board_data/BBS_0000248/165656527358576.png') no-repeat;text-indent:-9999px;}
/*
#logo a{display:block;width:230px;height:50px;background:url('/images/culturalCenter/dongnae_logoCc.png') no-repeat;text-indent:-9999px;}*/
@media only screen and (max-width:960px) {
#header .inner{width:100%;}
}

/* gnb */
.gnb_wrap {position:absolute;right: 64px;top: 65px;}
.gnb > li {	float:left; padding:0 30px; height:45px; position:relative;}
.gnb > li > a {display:block; font-weight:600; color:#333; font-size:18px; letter-spacing:-0.03em; line-height:1.5em; transition:color 0.2s; -webkit-transition:color 0.2s; -moz-transition:color  0.2s; -o-transition:color 0.2s;}
.gnb > li.on > a, .gnb > li:hover > a {color:#2970dc;}
.gsub_wrap { position:absolute; width:170px; top:35px;  left:50%; margin-left:-82px; overflow:hidden; height:0; font-size:14px;}
.gsub_wrap::before {display:block; content:''; width:17px; height:12px; position:absolute; top:0; left:50%; margin-left:-9px; z-index:1;}
.gsub {background:#fff; border:1px solid #ccc; padding:15px 0; text-align:center; margin-top:10px;}
.gsub li {margin:5px 0; line-height:1.9em; font-weight:600;}
.gsub li a:hover{color:#2970dc; text-decoration:none;}

/* menu button */
.btn_gnb {width:20px; height:20px;position:absolute; display:none; right:0; top:10px;}
.btn_gnb span {display:block; height:2px; position:absolute; left:0; width:100%; top:50%;  margin-top:-1px; text-indent:-99999px; background:#303030;}
.btn_gnb::before {display:block; content:''; height:2px; width:100%; position:absolute; top:2px; background:#303030; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.btn_gnb::after {display:block; content:''; height:2px; width:100%;position:absolute; bottom:2px; background:#303030; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.btn_gnb.on span {display:none;}
.btn_gnb.on::before {transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); top:50%; margin-top:-1px;}
.btn_gnb.on::after {transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); bottom:50%; margin-bottom:-1px;}

/* gnb_TopMenu */
.topMenu{position:absolute; right:0px; top:0px; width:137px; }
.topMenu .top_home{width:137px; height:40px; float:left; background:#1b1f22; text-align:center; }
.topMenu .top_home a{display:inline-block; padding:9px 7px; font-size:15px; color:#fff;}
.topMenu .top_searchBtn{float:left;  background:#314881; }
.topMenu .top_searchBtn a{display:block; width:69px; height:40px; background:url('/images/culturalCenter/searchIc.png') center center no-repeat; text-indent:-9999px;}
.topMenu .top_allMenu{float:left;  background:#1d4cc3;}
.topMenu .top_allMenu a{display:block; width:68px; height:40px; background:url('/images/culturalCenter/allMenuIc.png') center center no-repeat; text-indent:-9999px;}


/* visual */
#mvisual{width:100%; height:506px; background:url('/images/culturalCenter/visual_bg2.jpg') no-repeat;}
.mvisualWrap{position:relative; width:1200px; height:506px; margin:0px auto}
.searchConBox{position:absolute; bottom:0; width:313px; height:257px;}

@media only screen and (max-width:960px) {
#mvisual{height:720px;}
.mvisualWrap{width:100%;height:720px;}
.searchConBox{width:100%;}
}
.postGal{position:relative;}
.postGal .control{display:block;}
.posterSlide{margin-left:500px; padding-top:100px; position:relative;}
.tab_container{min-height:214px;}
.tab_container .title{display:inline-block; margin:15px 0 5px 30px; font-size:16px; color:#fff; font-weight:700;}
.sfcBox {width:240px; margin:0px auto;}
.sfcBox span{display:inline-block; margin:0 0 10px 0;}
.sfcBox .conSearchBox{height:40px; width:196px; line-height:40px; padding:0 0 0 10px; border:0;}
.sfcBox .conSearchBox2{height:40px; width:240px; line-height:40px; padding:0 0 0 10px; border:0;}
.schBt{display:inline-block; }
.schBt:after{content:''; clear:both; display:block;}
.conSearchBt{height:40px; width:240px; background:#2970dc; display:block; text-align:center; line-height:40px; color:#fff; font-size:18px;}

.ccAllView{position:absolute; top:35px; right:38px; width:197px; height:40px; border:1px solid #fff; color:#fff;}
.ccAllView::before{position:absolute; display:block; width:1px; height:13px; content:''; background:#fff; top:12px; right:20px;}
.ccAllView::after{position:absolute; display:block; width:13px; height:1px; content:''; background:#fff; top:18px; right:14px;}
.ccAllView span{display:block; padding:9px 15px;}
.calendar{width:100%; height:53px; background:#41454e;}
.calendar .calendarWrap{width:1200px; margin:0px auto; height:53px;}
.calendar .calendarWrap .month{display:block; width:172px; height:53px; line-height:53px; background:#2c303a url('/images/culturalCenter/calenderIc.png') 140px center no-repeat; color:#fff; text-align:center; float:left; font-size:18px; font-weight:600;}
.calendar .calendarWrap .day{margin-left:14px; float:left;}
.calendar .calendarWrap .day li{float:left; position:relative; width:32px; text-align:center;}
.calendar .calendarWrap .day li a{display:inline-block;padding:2px 2px;margin:13px 5px;color:#fff;}
.calendar .calendarWrap .day li a.sun{color:#d53739; font-weight:600;}
.calendar .calendarWrap .day li a.schedule{border-bottom:1px solid #fff;}
.calendar .calendarWrap .day li.on{background:#ec1517; width:32px; height:100%;}

@media only screen and (max-width:960px) {
.calendar{display:none;}
.ccAllView{display:none;}
}

/* 스케쥴정보 레이어팝업 
#layerPop{width:236px;height:100px;position:absolute;display:none; text-align:left; padding:10px; top:53px; left:0px; background:#6b717e; z-index:99999;}
#layerPop .close{position:absolute;top:5px; right:5px; color:#f9da00}
#layerPop .close a { margin:0px; }
#layerPop .layerCon{color:#fff; font-size:15px; padding:5px;}
#layerPop .layerCon a { margin:0px; }
#layerPop .layerDate {display:block; color:#fff; font-size:12px; padding:3px 15px 0 5px;}
#layerPop .more{position:absolute; bottom:0px; right:0px; width:30px; height:25px; background:#2c303a; text-align:center; line-height:25px; margin:0;}

#layerPop1{width:236px;height:100px;position:absolute;display:none; text-align:left; padding:10px; top:53px; left:0px; background:#6b717e; z-index:99999;}
#layerPop1 .close{position:absolute;top:5px; right:5px; color:#f9da00}
#layerPop1 .close a { margin:0px; }
#layerPop1 .layerCon{color:#fff; font-size:15px; padding:5px;}
#layerPop1 .layerCon a { margin:0px; }
#layerPop1 .layerDate {display:block; color:#fff; font-size:12px; padding:3px 15px 0 5px;}
#layerPop1 .more{position:absolute; bottom:0px; right:0px; width:30px; height:25px; background:#2c303a; text-align:center; line-height:25px; margin:0;}

#layerPop2{width:236px;height:100px;position:absolute;display:none; text-align:left; padding:10px; top:53px; left:0px; background:#6b717e; z-index:99999;}
#layerPop2 .close{position:absolute;top:5px; right:5px; color:#f9da00}
#layerPop2 .close a { margin:0px; }
#layerPop2 .layerCon{color:#fff; font-size:15px; padding:5px;}
#layerPop2 .layerCon a { margin:0px; }
#layerPop2 .layerDate {display:block; color:#fff; font-size:12px; padding:3px 15px 0 5px;}
#layerPop2 .more{position:absolute; bottom:0px; right:0px; width:30px; height:25px; background:#2c303a; text-align:center; line-height:25px; margin:0;}
*/
/*
#layerPop{width:236px;height:100px;position:absolute;display:none; text-align:left; padding:10px; top:53px; left:0px; background:#6b717e; z-index:99999;}
#layerPop .close{position:absolute;top:30px; right:5px; color:#ec1517}
#layerPop .layerCon{color:#fff; font-size:14px; padding:5px 15px;}
#layerPop .layerDate {display:block; color:#fff; font-size:12px; padding:3px 15px 0 15px;}
#layerPop .more{position:absolute; bottom:0px; right:0px; width:30px; height:25px; background:#2c303a; text-align:center; line-height:25px; margin:0;}
*/
/* 비주얼 슬라이드 CSS */
.festGalWrap{position:relative; width:100%; clear:both; height:212px;}
.festGal{position:relative; width:1200px;margin:0px auto;}
.bx-controls-direction > a{display:block;width:77px; height:42px; text-indent:-99999px; }
.bx-controls-direction .bx-prev{position:absolute; top:120px; left:-40px; background:url('/images/culturalCenter/prev_btn.png') no-repeat;}
.bx-controls-direction .bx-next{position:absolute; top:120px; right:-60px; background:url('/images/culturalCenter/next_btn.png') no-repeat;}
.gal_tit{position:absolute; top:0; left:0;}
.postGal .bx-pager{ /*width:100%; text-align:center; margin:10px 0;*/ display:none;}
.postGal .bx-pager-item{display:inline-block; vertical-align:middle;}
.postGal .bx-pager-item a{display:block; width:14px; height:14px; background:#fff; border:3px solid #fff;  border-radius:20px; margin-left:10px; text-indent:-9999px;}
.postGal .bx-pager-item a.active{border:4px solid #cc0000; width:20px; height:20px; background:rgba(255, 255, 255, -1)}

@media only screen and (max-width:960px) {
.postGal{width:85%; margin:0px auto;}
.posterSlide{margin-left:15px;}
.bx-controls-direction .bx-next{right:-80px;}
.bx-controls-direction .bx-prev{left:-30px;}
}
#mcontainer{width:100%;}
#mcontainer .mcontent{width:1200px; margin:0px auto; overflow:hidden; padding-bottom:40px;}
#mcontainer .mcontent .mconL{width:894px; height:327px; float:left; margin-top:20px;}
#mcontainer .mcontent .mconR{width:278px; margin-left:28px; float:left; margin-top:20px; border:1px solid #dedede; min-height:530px}
#mcontainer .mcontent .popupZone{width:600px; float:left; height:327px;}
#mcontainer .mcontent .popupZone #sliderPopup .txt{ position: absolute; bottom: 0; left:0; width: 100%; height: 47px; background: rgba(0,0,0,0.8); color: #fff; padding: 12px 20px;}
#mcontainer .mcontent .photoZone{float:left; width:276px; height:327px; margin-left:10px; position:relative;}
#mcontainer .mcontent .photoZone .bx-viewport{height:327px !important;}
#mcontainer .mcontent .photoZone .bx-controls{position:absolute; top:164px; width:276px; height:37px;  z-index:999;}
#mcontainer .mcontent .photoZone .bx-pager { text-indent:-999px;}
#mcontainer .mcontent .photoZone .bx-controls-auto  { text-indent:-999px; }
#mcontainer .mcontent .photoZone .bx-controls-direction > a{display:block; width:25px; height:37px;}
#mcontainer .mcontent .photoZone .bx-controls-direction .bx-prev{top:0px; left:20px; background:url('/images/culturalCenter/pz_prev_btn.png') center center no-repeat;}
#mcontainer .mcontent .photoZone .bx-controls-direction .bx-next{top:0px; left:40px; background:url('/images/culturalCenter/pz_next_btn.png') center center no-repeat;}
#mcontainer .mcontent .photoZone .bx-controls-auto .bx-stop{margin-top:5px;display:block;width:25px;height:25px;background: url('/images/culturalCenter/pz_stop_btn.png') no-repeat center center;}

#mcontainer .mcontent .photoZone .bx-controls-auto .bx-start{margin-top: 5px;display:block;width:25px;height:25px;background: url('/images/culturalCenter/pz_play_btn.png') no-repeat center center;}

#mcontainer .mcontent .photoZone .bxslider2 li a {
  display: block;
}
#mcontainer .mcontent .photoZone .txt{position:absolute; width:276px; text-align:center; top:163px; line-height:37px; display:inline-block; color:#fff; z-index:9999; background:rgba(0, 0, 0, 0.8); }
#mcontainer .mcontent .photoZone .stxt{position:absolute; display:block; width:276px; height:126px; top:200px; border:1px solid #dedede; border-width:0px 1px 1px 1px; padding:15px; font-size:14px;}


#sliderWrap .control{position:absolute; right:20px; bottom:15px;}
#sliderWrap .control .btn_prev{margin:0 5px; background:url('/images/culturalCenter/pz_prev_btn.png') center center no-repeat;}
#sliderWrap .control .btn_next{margin:0 5px; background:url('/images/culturalCenter/pz_next_btn.png') center center no-repeat;}
#sliderWrap .control .btn_stop{margin:0 5px; background:url('/images/culturalCenter/pz_stop_btn.png') center center no-repeat;}
#sliderWrap .control .btn_play{margin:0 5px; background:url('/images/culturalCenter/pz_play_btn.png') center center no-repeat;}
#sliderWrap .control .btn_play{display:none;}
#sliderWrap{position:relative;}
#sliderWrap .bx-pager{display:none;}

#sliderWrap .ir{display:block;overflow:hidden;float:left; width:25px; margin:0;padding:0;color:transparent;text-indent:-9999em}

.sliderZone{position:relative; clear:both; overflow:hidden;}
.infoZone{position:relative; margin-top:20px; clear:both; overflow:hidden;}

@media only screen and (max-width:960px) {
#mcontainer .mcontent{width:100%;}
#mcontainer .mcontent .mconL{width:100%; height:auto; float:inherit;}

#mcontainer .mcontent .photoZone .stxt{width:290px; top:210px; height:116px;}
#mcontainer .mcontent .popupZone{width:100%; height:auto; float:inherit;}
#mcontainer .mcontent .popupZone #sliderPopup .txt{padding-right:100px; font-size:14px;}

#mcontainer .mcontent .photoZone{width:290px; height:auto; margin:20px auto; float:inherit;}
#mcontainer .mcontent .photoZone .txt{width:290px; top:173px;}
#mcontainer .mcontent .photoZone .bx-controls{width:290px; top:173px;}
#mcontainer .mcontent .photoZone li img{width:100%;}
#mcontainer .mcontent .mconR{width:290px; height:auto; float:inherit; margin:20px auto;}


}


/* 대관안내 */
.application{position:relative; width:290px; height:180px; float:left; background:#559286 url('/images/culturalCenter/ap_ic.png') 180px 90px no-repeat; }
.application p.tit{font-size:24px; color:#fff; margin:30px 0 0 28px; font-weight:600;}
.application > span{font-size:14px; color:#fff; display:inline-block; line-height:24px; margin:15px 0 0 28px; letter-spacing:-0.5px; font-weight:500;}
.application a.down{position:absolute; top:130px; left:28px; width:120px; display:block; background:#2b4a44 url('/images/culturalCenter/ap_downIc.png') 105px center no-repeat; color:#fff; font-size:13px; padding:3px 8px;}
.infomation{position:relative; width:290px; height:180px; float:left; background:#595959 url('/images/culturalCenter/inf_ic.png') right 0 no-repeat;  margin-left:20px;}
.infomation p.tit{font-size:18px; color:#fff; margin:30px 0 0 28px; }
.infomation p.tit strong{font-size:24px;}
.infomation > span.time{font-size:14px; color:#a2a2a2; display:inline-block; line-height:24px; margin:15px 0 0 0px; padding:0 0 30px 90px; background:url('/images/culturalCenter/info_ic.png') 28px  10px no-repeat; font-weight:600;}
.infomation .tel{display:block; font-size:22px; color:#fff; font-weight:500; letter-spacing:-0.5px;}
.infomation a.down{position:absolute; top:125px; left:88px; width:100px; display:block; background:#2e2e2e url('/images/culturalCenter/ap_downIc.png') 85px center no-repeat; color:#fff; font-size:13px; padding:3px 8px;}


.box01{width:192px; height:180px; background:#bc517c; float:left;}
.box01 a{display:block; width:auto; padding-top:120px; font-size:16px; color:#fff; font-weight:500; text-align:center; background:url('/images/culturalCenter/login_ic.png') center 40px no-repeat;}
.reservation{width:192px;height:180px;background: #c08725;float:left;}
.reservation a{display:block; width:auto; padding-top:120px; font-size:16px; color:#fff; font-weight:500; text-align:center; background:url('/images/culturalCenter/reservation_ic.png') center 40px no-repeat;}
.location{width:192px; height:180px; background:#bc517c; float:left;}
.location a{display:block; width:auto; padding-top:120px; font-size:16px; color:#fff; font-weight:500; text-align:center; background:url('/images/culturalCenter/location_ic.png') center 40px no-repeat;}


.bannerZone{position:relative; margin:0px auto; padding:16px 0 15px 2px;}
.bannerZone p.tit{font-size:15px; font-weight:600; color:#333; margin-left:15px;}
.bannerZone ul{margin:10px ;}
.bannerZone .bx-pager{position:absolute; top:15px; right:10px; text-align:center;}
.bannerZone .bx-pager-item{display:inline-block; vertical-align:middle;}
.bannerZone .bx-pager-item a.active{border:0; background:#cc0000;}
.bannerZone .bx-pager-item a{display:block;width: 18px;height: 18px;border-radius:20px;margin-left:5px;background:#7f7f7f;color: #fff;}
.bannerZone .bx-controls-direction .bx-prev{top:95px; left:30px; background:url('/images/culturalCenter/bn_prev.png') no-repeat;}
.bannerZone .bx-controls-direction .bx-next{top:95px; right:-40px; background:url('/images/culturalCenter/bn_next.png') no-repeat;}

@media only screen and (max-width:960px) {
.infoZone{ width:290px; margin:0px auto;}
.application p.tit, .infomation p.tit{padding-top:30px; margin-top:0;}
.application{float:inherit;}
.infomation{float:inherit; margin-left:0;}
.reservation, .location{width:290px;}
.bannerZone li{margin-left:5px;}
.bannerZone .bx-controls-direction .bx-prev{left:25px;}
.bannerZone .bx-controls-direction .bx-next{right:-36px;}
}

/* 비주얼 슬라이드 마우스 온 모션 CSS */
.box {
	 width:322px;
	 height:280px;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg4 {
	 position:relative;
        overflow: hidden;
}

.actionImg4 img {
	 display:block;
	 width:100%;
	 height:100%;
}
.actionImg4 .hover {
	 position:absolute;
	 left:0;
	 bottom: 0px;
	 background:rgba(0,0,0,0.8);
	 width: 100%;
	 padding: 10% 5%;
	 text-align:center;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 transition:padding-bottom .35s;
	 -webkit-transition:padding-bottom .35s;
	 -moz-transition:padding-bottom .35s;
}
.actionImg4 .hover .sub_tit {
	 font-size:16px;
	 color:#fff;
	 display:block;
	 display:-webkit-box;
	 -webkit-line-clamp:2;
	 -webkit-box-orient:vertical;
	 overflow:hidden;
	 text-overflow:ellipsis;
	 word-break: keep-all;
	 word-spacing:-2px;
}
.actionImg4 .hover .desc {
	 position:absolute;
	 width: 90%;
	 color:#a3a3a3;
	 margin-top:6px;
	 font-size:11px;
	 line-height:13px;
	 opacity:0;
	 transform:translateY(20%);
	 -webkit-transform:translateY(20%);
	 -moz-transform:translateY(20%);
	 transition:all .5s .3s;
	 -webkit-transition:all .5s .3s;
	 -moz-transition:all .5s .3s;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg4:hover .hover,
.actionImg4.focus .hover {
	 padding-bottom:80px;
}
.actionImg4:hover .hover .desc,
.actionImg4.focus .hover .desc {
	 opacity:1;
	 transform:translateY(0);
	 -webkit-transform:translateY(0);
	 -moz-transform:translateY(0);
}

.actionImg4:hover .hover .post_more,
.actionImg4.focus .hover .post_more {
	display:block;
	width:78px;
	height:25px;
	border:1px solid #fff;
	text-align:center;
	font-size:12px;
	margin:0px auto;
	line-height:25px;
	color:#fff;
	margin-top:9px;
}


/*  공연검색 대관검색 탭메뉴 */
.searchConBox ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 43px;

    width: 100%;
    font-size:18px;
}
.searchConBox ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:50%;
    height: 43px;
    line-height: 43px;
    border-left: none;
    font-weight: bold;
    background: #e26715;
    overflow: hidden;
    position: relative;
    
}
.searchConBox ul.tabs li.active {
    background: rgba(0,0,0,0.8);
}
.searchConBox ul.tabs li a { color:#fff; }
.searchConBox .tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: rgba(0,0,0,0.8);
}
.searchConBox .tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.searchConBox .tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.searchConBox .tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}


/* 공연 / 공지 탭메뉴*/
.ml{margin:22px 12px 0 12px; position:relative; }
.ml .board li a{display:block; padding:10px 14px; font-size:14px; border-bottom:1px solid #ddd; color:#333; white-space:nowrap; }
.ml .board li:last-child a{border-bottom:0px;}
.ml .board li a .date{display:block; margin-top:5px;}

.ml .tab {position:relative; padding-top:40px; min-height:327px;}
.ml .tab>li>a {display:block; position:absolute; top:0; width:50%; height:30px; text-align:center; background:#eee; color:#555; font-size:14px; font-weight:600; padding:5px 0;}
.ml .tab>li.on>a {background: #e26715;color:#fff;}
.ml .tab>li:first-child>a {left:0;}
.ml .tab>li+li>a {left:50%;}
.ml .tab>li>div {height:0; overflow:hidden; position:absolute;}
.ml .tab>li.on>div {height:auto; position:static;}


.wrap{position:relative;width:1200px;margin:0 auto;}
@media all and (max-width: 970px) {
	.wrap{width:100%}
}
.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em}
.img_comn {background:#ebebeb url(/images/portal/common/img_comn.png);background-repeat:no-repeat}
.inner { position:relative; z-index:10; width:1200px; margin:0 auto; }
/* footer */
#footer{ clear:both; background:#272829;}
#foot_menus {position:relative;height:48px;border:1px solid #dbdbdb; border-width:1px 0; background:#ebebeb;z-index:999}
.foot_menus > li {float:left;position:relative;width:298px}
.foot_menus > li > button {position:relative;display:block;width:100%;height:46px;padding-left:30px;border-right:1px solid #dbdbdb; background-position:260px 20px;text-align:left;line-height:48px;text-decoration:none;  font-size:14px;}
.foot_menus > li:first-child > button {border-left:1px solid #dbdbdb;}
.foot_menus > li.active > button {background-position:260px -40px}
.foot_menus  div {display:none;position:absolute;left:-1px;right:0;padding-bottom:1px;border:1px solid #cfcfcf;border-bottom:0;background:#fff;}
.foot_menus .fm_1 {top: -229px;height: 228px;padding-top:12px;}
.foot_menus .fm_2 {top: -269px;height: 268px;left: 0;padding-top:12px;}
.foot_menus .fm_3 {top: -324px;height: 323px;padding-top:27px;}
.foot_menus .fm_4 {top: -118px;height: 117px;padding-top:21px;}

.foot_menus ul .col2 {float:left;width:48%}

.foot_menus ul .clear {clear:both}
.foot_menus ul li a {display:block;padding-left:23px;background-position:30px -599px;line-height:2; font-size:14px;}


.foot_menus ul li a:hover, .foot_menus ul li a:active, .foot_menus ul li a:focus {color:#22aeb3}
.foot_menus .close {position:absolute;top:-1px;right:-1px;width:30px;height:30px;background-color:#37383a;background-position:50% -105px; }
.foot_menus .close:hover, .foot_menus .close:active, .foot_menus .close:focus {background-color:#36bfc4}



#foot_banner {overflow:hidden;position:relative; height:110px; width:1200px; margin:0px auto; }
#foot_info { padding:26px 0 40px; }
#foot_info .inner {position:relative}
#foot_info address{font-size:13px; color:#999;}
.foot_logo {width:181px;height:44px;margin:0px 36px 0 0px; float:right;}
.copyright {font-size:13px; margin-top:1px;color:#a7a7a7; }


@media only screen and (max-width:960px) {
        #foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	#foot_menus .foot_menus > li  { float:none; width:100%; border-bottom:1px solid #dbdbdb; background:#ebebeb; }
	#foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; background-position:95% 20px; }
	#foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }
        #foot_banner{width:100%; height:120px;}
        #foot_info address, .copyright{width:80%; margin:0px auto;}
        .foot_logo{display:none;}

        #foot_banner{ height:130px;}
       .inner { width:100%; margin:0 auto; }
}

/*문화회관 레이어팝업*/
.layerPopAll{
 width: 236px;height: 100px;position: absolute;display: none;text-align: left;padding: 10px;top: 53px;left: 0px;background: #6b717e;z-index: 99999;
}
.layerPopAll .layerCon{
 color: #fff;font-size: 15px;padding: 5px;
}
.layerPopAll .layerCon a{
    margin: 0px !important; width:180px;
}
.layerPopAll .layerDate{
display: block;color: #fff;font-size: 12px;padding: 3px 15px 0 5px;
}
.layerPopAll .close{
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 6px 0 !important;
    margin: 0 !important;
    background: #e8bc56;
    color: #fff;
}
.layerPopAll .more{
   position: absolute;
    bottom: 0px;
    right: 0px;
    width: 30px;
    height: 25px;
    background: #2c303a;
    text-align: center;
    line-height: 25px;
    margin: 0 !important;
}