@charset "utf-8";



.main_container{}
.main_container h2{font-family: 'GmarketSans';font-weight:700;font-size:24px;}

/*비주얼*/
.main_visual{position:relative;}
.main_visual .img{height:0;padding-top:200px;position:relative;overflow:hidden;}
.main_visual .img img{width:120%;height:100%;position:absolute;top:0;left:-10%;}
.main_visual .control{position:absolute;top:150px;left:0;width:100%;text-align:center;}
.main_visual .control .btn{vertical-align:middle;}
.main_visual .control button{display:inline-block;position:relative;top: 20px;width:30px;height:30px;overflow:hidden;padding-top: 30px;background:url(/resource/global/common/btn_set.png) no-repeat 0 0;}
.main_visual .control button.prev{background-position:-12px -242px;}
.main_visual .control button.next{background-position:-38px -242px;}
.main_visual .control button.stop{background-position:-98px -242px;}
.main_visual .control button.play{background-position:-70px -242px;}
.main_visual .control span{display:inline-block;padding:0 15px;color:#fff;font-family: 'GmarketSans';}
.main_visual .control span em{font-style: normal;font-size:24px;font-weight:400;}

/*교육체험예약*/
.edu_reser{margin:40px 20px;position:relative;}
.edu_reser h2{text-align:center;padding-bottom:20px;}
.edu_reser .er_list{overflow:hidden;height:330px;}
.edu_reser .er_list button{width:30px;height:30px;overflow:hidden;padding-top:30px;background:url(/resource/global/common/btn_set.png) no-repeat 0 0;position:absolute;top:0;}
.edu_reser .er_list button.prev{background-position:-12px -202px;left:20px;}
.edu_reser .er_list button.next{background-position:-38px -202px;right:20px;}
.edu_reser ul li{float:left;width:100%;}
.edu_reser ul li div{position:relative;}
.edu_reser ul li img{width:100%;height:150px;}
.edu_reser .list_wrap div{box-shadow:none}

@media all and (min-width:430px){
	.edu_reser .er_list{height:330px;}
	.edu_reser ul li img{height: 200px}
}
.edu_reser ul li dl{height: 110px;background:#374e72;color:#fff;padding: 36px 30px 0 30px;}
.edu_reser ul li dl dt{font-size:22px;font-weight:500;/* padding-bottom:10px; */}
.edu_reser ul li dl dd{background:url(/resource/global/main/reser_blit.gif) no-repeat 0 12px;padding:0 0 10px 10px;font-size:17px;display: none;}
.edu_reser ul li a{display:block;width:80px;height:80px;position:absolute;right:30px;bottom: 15px;color:#fff;border:solid 1px #fff;border-radius:100px;padding:20px 0 0 0;text-align:center;line-height:18px;}
.edu_reser ul li a:hover,
.edu_reser ul li a:focus{border-color:#eb6101;background:#eb6101;}


.mcon2{background:#f1f5f9;}
p.more a{display:block;overflow:hidden;width:23px;height:23px;padding-top:25px;background:url("/resource/global/common/btn_set.png") no-repeat -200px 0;}

/*시설안내*/
.sisul{position:relative;background:#ececec url(/resource/global/main/sisul_bg.png) no-repeat right top;padding:30px 20px;}
.sisul .ss_con .ss_tab{padding-bottom:10px;}
.sisul .ss_con .ss_tab:after{display:block;content:"";clear:both;}
.sisul .ss_con .ss_tab li{float:left;}
.sisul .ss_con .ss_tab li a{display:block;padding:5px;font-size:16px;font-weight:300;}
.sisul .ss_con .ss_tab li.on a,
.sisul .ss_con .ss_tab li a:hover,
.sisul .ss_con .ss_tab li a:focus{color:#eb6101;background:url("/resource/global/main/event_blit.png") no-repeat center 2px;transition:all .1s}
.sisul .ss_con .ss_img img{width:100%;}
.sisul p.more{position:absolute;top:30px;right:20px;}

/*운영안내*/
.operate{background:#4a1d6c;padding:30px 20px;color:#fff;}
.operate h2{text-align:center;padding-bottom:20px;}
.operate li{background:url("/resource/global/main/guide_blit.png") no-repeat left 8px;padding:0 0 5px 13px;font-size:16px;}
.operate a { color:#FFD700 }

/*주요행사*/
.event{position:relative;padding:30px 20px;height:470px;}
.event:after{display:block;content:"";clear:both;}
.event h2{padding-bottom:10px;}
.event h3{float:left;font-size:15px;font-weight:300;}
.event h3 a{display:block;padding:5px 3px;letter-spacing:-1px;color:#555;}
.event h3.on a,
.event h3 a:hover,
.event h3 a:focus{color:#eb6101;background:url("/resource/global/main/event_blit.png") no-repeat center 2px;}
.event .e_list{position:absolute;top:105px;left:0;width:100%;padding:0 20px;}
.event .e_list ul{border-top:solid 3px #000;}
.event .e_list ul li{border-bottom:solid 1px #c5c5c5;padding:10px 5px;font-weight:300;}
.event .e_list ul li em{display:inline-block;font-style:normal;text-align:center;color:#fff;width:80px;padding:3px 0;margin-right:10px;float:left;margin-top:8px;}
.event .e_list ul li em.c01{background:#005bac;}
.event .e_list ul li em.c02{background:#eb6101;}
.event .e_list ul li em.c03{background:#0e065e;}
.event .e_list ul li em.c04{background:#4c4c4c;}
.event .e_list ul li em.c05{background:#55326f;}
.event .e_list ul li a{display:block;color:#000;font-size:16px;width:65%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:500;}
.event .e_list ul li a:hover,
.event .e_list ul li a:focus{text-decoration:underline;color:#eb6101;transition:all .1s;}
.event .e_list ul li span{color:#555;}
.event p.more{position:absolute;top:30px;right:20px;}

/*문화관뉴스*/
.m_news{position:relative;padding:30px 20px;}
.m_news .list li{margin-top:20px;}
.m_news .list li a{display:block;}
.m_news .list li a img{width:100%;}
.m_news .list li a strong{display:block;font-size:18px;width:95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:15px 6px 0 6px;}
.m_news .list li a  span{white-space: normal;  height: 2.8em;  word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; color:#616161; font-weight: 300; font-size:15px; -webkit-box-orient: vertical; overflow:hidden;padding:0 6px;}
.m_news .list li a:hover,
.m_news .list li a:focus{color:#eb6101;transition:all .1s;}
.m_news p.more{position:absolute;top:30px;right:20px;}


/*공지사항*/
.m_notice{position:relative;padding:30px 20px;background:#efefef;}
.m_notice ul{border-top:solid 3px #000;margin-top:20px;}
.m_notice ul li{border-bottom:solid 1px #c5c5c5;padding:10px 5px;font-weight:300;}
.m_notice ul li a{display:block;color:#000;font-size:17px;width:95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:300;padding:10px 0;}
.m_notice ul li span{display:none;color:#555;}
.m_notice ul li a:hover,
.m_notice ul li a:focus{text-decoration:underline;color:#eb6101;transition:all .1s;}
.m_notice p.more{position:absolute;top:30px;right:20px;}



@media all and (min-width:768px){

	.main_container h2{font-size:30px;}

	/*비주얼*/
	.main_visual .img{padding-top:300px;}
	.main_visual .control{top:auto;left:auto;bottom:0;right:0;width:auto;background:#fff;padding:0 15px 15px 15px;}
	.main_visual .control button.prev{background-position:-12px -202px;}
	.main_visual .control button.next{background-position:-38px -202px;}
	.main_visual .control button.stop{background-position:-98px -202px;}
	.main_visual .control button.play{background-position:-70px -202px;}
	.main_visual .control span{color:#000;}


	/*교육체험예약*/
	.edu_reser .er_list button{width:56px;height:56px;padding-top:56px;top:233px;z-index:100;}
	.edu_reser .er_list button.prev{background-position:-60px 0;left:0;}
	.edu_reser .er_list button.next{background-position:-120px 0;right:0}

	.edu_reser ul li{width:50%;}
	.edu_reser ul li div{width:90%;margin:0 auto;}

	.mcon2:after{display:block;content:"";clear:both;}
	/*시설안내*/
	.sisul{float:left;width:60%;min-height:365px;padding:30px;}
	.sisul .ss_con .ss_img img{height:220px;}


	/*운영안내*/
	.operate{float:left;width:40%;min-height:365px;background:#4a1d6c url("/resource/global/main/guide_img.png") no-repeat center 240px;padding:30px;}


	/*주요행사*/
	.event{float:left;width:100%;height:450px;padding:30px;}
	.event h2{padding-bottom:10px;}
	.event h3{font-size:18px;}
	.event h3 a{padding:5px;}
	.event .e_list{top:135px;padding:0 30px;}
	.event .e_list ul li{padding:15px 5px;}
	.event .e_list ul li em{margin:0 10px 0 0;}
	.event .e_list ul li a{display:inline-block;}
	.event .e_list ul li span{display:inline-block;float:right;}

	/*문화관뉴스*/
	.m_news{padding:30px;}
	.m_news:after{display:block;content:"";clear:both;}
	.m_news .list li{float:left;width:33.3333%}
	.m_news .list li a{width:95%;margin:0 auto;}
	.m_news .list li a img{height:150px;}
	.m_news p.more{right:30px;}

	/*공지사항*/
	.m_notice ul li a{width:65%;display:inline-block;}
	.m_notice ul li span{display:inline-block;float:right;padding:10px 0;}

}


@media all and (min-width:1100px){

	/*비주얼*/
	.main_visual{width:95%;margin:0 auto;}
	.main_visual .img{padding-top:500px;}
	.main_visual .img img{width:100%;left:0;}
	.main_visual .control{padding:20px;}


	/*교육체험예약*/
	.edu_reser{width:95%;margin:40px auto;}
	.edu_reser .er_list button{top:233px;}
	.edu_reser .er_list button.prev{left:0;}
	.edu_reser .er_list button.next{right:0}
	.edu_reser .list_wrap{width:90%;margin:0 auto;}
	.edu_reser ul li{width:33.3333%;}
	.edu_reser ul li div{width:90%;}




}

@media all and (min-width:1300px){
	.main_container{padding-bottom:40px;}
	.edu_reser ul li{width:25%;}

	.mcon2{padding:40px 2.5%;}
	/*시설안내*/
	.sisul{width:43%;min-height:420px;}
	.sisul .ss_con .ss_img img{height:270px;}


	/*운영안내*/
	.operate{width:22%;min-height:420px;background:#4a1d6c url("/resource/global/main/guide_img.png") no-repeat center 240px;padding:30px;}
  .operate a { color:#FFD700}
	.operate h2{text-align:center;padding-bottom:20px;}
	.operate li{background:url("/resource/global/main/guide_blit.png") no-repeat left 8px;padding:0 0 5px 13px;font-size:16px;}

	/*주요행사*/
	.event{float:right;width:33%;padding:0;height:420px;}
	.event .e_list{top:100px;padding:0;}
	.event .e_list ul li{padding:20px 5px;}
	.event .e_list ul li a{width:50%;}
	.event .e_list ul li span{display:inline-block;float:right;width:20%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:right;}
	.event p.more{;top:0;right:0;}

	.news_noti{padding:40px 0;width:95%;margin:0 auto;}
	.news_noti:after{display:block;content:"";clear:both;}
	/*문화관뉴스*/
	.m_news .list li a img{height:240px;}
	.m_news p.more{;top:0;right:0;}

	.m_news{float:left;width:65%;padding:0;}
	.m_notice{float:right;width:33%;background:none;padding:0;}
	.m_notice p.more{;top:0;right:0;}

}

@media all and (min-width:1400px){
	/*시설안내*/
	.sisul{position:relative;}
	.sisul .ss_con .ss_tab{padding-bottom:0;padding-top:20px;}
	.sisul .ss_con .ss_tab li{float:none;width:100px;border-bottom:solid 1px #ccc;}
	.sisul .ss_con .ss_tab li a{padding:10px 15px;}
	.sisul .ss_con .ss_tab li.on a,
	.sisul .ss_con .ss_tab li a:hover,
	.sisul .ss_con .ss_tab li a:focus{color:#fff;background:#eb6101 url("/resource/global/main/ss_arr.png") no-repeat 81px center;}
	.sisul .ss_con .ss_img{position:absolute;top:90px;left:160px;width:calc(100% - 160px);}
	.sisul .ss_con .ss_img img{width:calc(100% - 30px);height:300px;}
	.sisul p.more{right:30px;}

}

				.event .e_list_img a{ display:flex !important; gap:20px; align-items:flex-start; width:100% !important}
				.event .e_list_img a:hover,
				.event .e_list_img a:focus { text-decoration:inherit !important; color:inherit !important}
				.event .e_list_img img{ width:150px; height:auto; object-fit:cover; border-radius;8px; flex-shrink: 0; max-height:100px}
				.event .event_header strong { font-weight:bold; font-size:18px}
				.event .event_header em { float:none !important}
				.event .e_list_img .event_info{flex:1; display:flex; flex-direction:column; justify-content: space-between;min-width: 0;}
				.event .e_list_img .event_desc { margin: 8px 0; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
				.event .e_list_img .event_date { width:100%; float:inherit !important; text-align:left; font-weight:100 !important; }

				@media all and (max-width:425px){
				.event .e_list_img img {display:none;}

				}