ul, ol, li {list-style: none;}
a {text-decoration: none; color: inherit;}
h1 {margin: 0;}
img{border:0; vertical-align:middle;}
.clearfix:after{display:block;content:"";clear:both;}


.section{margin-bottom:120px; text-align:center;}
.mainImg{width:100%;height:900px;background:url(/images/main.jpg) center center;position:relative;}
.mainTxt{position:absolute;left:50%;top:390px;margin-left:-600px;}

/* ================== 메인전시 ================== */
.visual{width:100%; height:auto; padding-top:120px;padding-bottom:180px; box-sizing:border-box; background:url(/images/section-bg.jpg) no-repeat center center;background-size:cover;}
.slider01{width:1200px;margin:0 auto;}


@media screen and (min-width:769px) and (max-width:1199px) {
	.visual{width:100%; height:auto; padding:50px 0;}
	.slider01{width:600px;}
}

@media screen and (max-width:768px) {
	.section{margin-bottom:80px; text-align:center;}
	.visual{width:100%; height:auto; padding:30px 0 50px;}
	.slider01{width:285px; max-width:285px; }
}




/* ================== 문화예술사업 ================== */
.section1{width:100%; padding:100px 0 0; box-sizing:border-box; position:relative;}
.section1 .section-bg{width:100%; height:650px; background:#f8f8f8; position:absolute; top:0; left:0; z-index:-1;}


.sec-tit{margin:0 auto 60px; text-align:center;}
.sec-tit h4{font-family:'GmarketSansBold';font-size:36px;color:#333; font-weight:700;}
.sec-tit h5{font-size:22px; color:#333; font-weight:400;margin-top:10px;}

.culturebox{width:1450px; margin:0 auto;}
.culbox{
	background-size:cover;
	float:left;
	width:150px;
	height:500px;
	background:#f1f3f7;
	cursor:pointer;
	overflow:hidden;
	text-align:left;
	transition:all 0.2s;
}
.culbox:nth-child(1){background:url(/images/b1.jpg) 30% top}
.culbox:nth-child(2){background:url(/images/b2.jpg) 60% top}
.culbox:nth-child(3){background:url(/images/b3.jpg) 70% top}
.culbox:nth-child(4){background:url(/images/b4.jpg) 30% top}
.culbox:nth-child(5){background:url(/images/b5.jpg) 60% top}
.culbox:nth-child(6){background:url(/images/b6.jpg) 85% top}

.menu-active.culbox:nth-child(1){background:url(/images/b1.jpg) right top !important}
.menu-active.culbox:nth-child(2){background:url(/images/b2.jpg) right top !important}
.menu-active.culbox:nth-child(3){background:url(/images/b3.jpg) right top !important}
.menu-active.culbox:nth-child(4){background:url(/images/b4.jpg) right top !important}
.menu-active.culbox:nth-child(5){background:url(/images/b5.jpg) right top !important}
.menu-active.culbox:nth-child(6){background:url(/images/b6.jpg) right top !important}



.culbox .pc{width:100%; opacity:0.55; transition:all 0.3s;}

/* 텍스트아이콘 */
.culbox .menu-txt{
	width:100%;
	color:#333333;
	font-size:25px;margin:0;padding:60px;
	box-sizing:border-box;
}
.menu-txt p{
writing-mode: vertical-lr;font-weight:600;
}
.menu-active{width:700px;}
.menu-active p{display:none;}

.menuTitle{font-family:'GmarketSansBold';font-size:42px;display:none;}
.menuFloor{font-size:22px;margin-top:20px;display:none;}
.menuMore{font-size:14px;margin-top:70px;display:none;}

.culbox:nth-child(1) .menuTitle{display:block;}
.culbox:nth-child(1) .menuFloor{display:block;}
.culbox:nth-child(1) .menuMore{display:block;}

/*텍스트위아이콘*/
@keyframes flip-vertical-right {
	0% {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
	100% {-webkit-transform: rotateY(0);transform: rotateY(0);}
}
/*마우스오버*/

.mainPopBox{width:515px;height:200px;}
.mainPop01{
  background: url(/images/b9.jpg) center center no-repeat;
  background-size:cover;
  position: relative;
 }
 .mainPop01::before{
  background-color: rgba(0, 0, 0, 0.45);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  transition:all 0.5s;
}
.mainPop01:hover::before{
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.mainPop02{
  background: url(/images/b10.jpg) center center no-repeat;
  background-size:cover;
  position: relative;
 }
 .mainPop02::before{
  background-color: rgba(205,72,64,1);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  transition:all 0.5s;
}
.mainPop02:hover::before{
  background-color: rgba(205,72,64,0.9) !important;
}
/*마우스오버*/
.mainPop:hover img{animation: flip-vertical-right 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;}
.section_re{padding-top:120px;padding-bottom:100px;position:relative;}
.section_first{padding-top:120px;}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 태블릿 */
@media screen and (min-width:769px) and (max-width:1199px) {
	.section1{padding:80px 0 0;}
	.section1 .section-bg{height:300px;}


	.mainImg{width:100%;height:500px;background:url(/images/main.jpg) center center;position:relative;}
	.mainTxt{width:500px;position:absolute;left:50%;top:200px;margin-left:-250px;}

	.sec-tit{margin:0 auto 30px;}
	.sec-tit h4{font-size:30px;}
	.sec-tit h5{font-size:18px;}


	.menu-active.culbox:nth-child(6){background:url(/images/b6.jpg) center top !important}

	/*텍스트위아이콘*/
	@keyframes flip-vertical-right {
		0% {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
		100% {-webkit-transform: rotateY(0);transform: rotateY(0);}
	}
	.mainPopBox{width:100%;height:200px;}
	.sec2con2{width:calc(100%) !important;margin-top:30px;}
	.mainPop{width:calc(50% - 8px) !important}
}

@media screen and (min-width:769px) and (max-width:1449px) {
	.culturebox{width:95%; margin:0 auto;}
	.culbox{width:100px;}
	/* 텍스트아이콘 */
	.culbox .menu-txt{padding:35px;padding-right:0;}
	.menuTitle{font-size:30px;}
	.menu-active{width:calc(100% - 500px);}

	.menu-active.culbox:nth-child(1){background:url(/images/b1.jpg) center top !important}
	.menu-active.culbox:nth-child(2){background:url(/images/b2.jpg) center top !important}
	.menu-active.culbox:nth-child(3){background:url(/images/b3.jpg) center top !important}
	.menu-active.culbox:nth-child(4){background:url(/images/b4.jpg) center top !important}
	.menu-active.culbox:nth-child(5){background:url(/images/b5.jpg) center top !important}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 모바일 */
@media screen and (max-width:768px) {
	.section1{padding: 50px 0 0;}
	.section1 .section-bg{height: auto;}

	.mainImg{width:100%;height:400px;background:url(/images/main.jpg) center center;position:relative;}
	.mainTxt{width:340px;position:absolute;left:50%;top:170px;margin-left:-170px;}

	.sec-tit{margin:0 auto 20px;}
	.sec-tit h4{font-size: 24px;}
	.sec-tit h5{font-size: 14px;}

	.culturebox{width:95%; margin:0 auto;}
	.culbox{height: 90px; float: none; width: 100%;}
	.culbox a{height: inherit;}
	.menu-txt p{
		writing-mode: initial;
	}
	.culbox .menu-txt{padding:30px;padding-bottom:50px;font-size:20px;}
	
	.menuTitle{font-size:25px;}
	.menuMore{margin-top:40px;}
	.menu-active{height:initial;}

	.menu-active.culbox:nth-child(1){background:url(/images/b1.jpg) 40% 10% !important}
	.menu-active.culbox:nth-child(2){background:url(/images/b2.jpg) center 70% !important}
	.menu-active.culbox:nth-child(3){background:url(/images/b3.jpg) right 40% !important}
	.menu-active.culbox:nth-child(4){background:url(/images/b4.jpg) center center !important}
	.menu-active.culbox:nth-child(5){background:url(/images/b5.jpg) 10% bottom !important}
	.menu-active.culbox:nth-child(6){background:url(/images/b6.jpg) center center !important}

	/* 텍스트아이콘 */
	.menu-txt img{width:12%; max-width:50px;}
}




/* ================== 공지+팝업 ================== */
.section2{width:1200px; padding:60px 0;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}
.sec2con1{width:730px;}
.sec2con2{width:440px;}


/* 메인공지사항 */
#csTab{position:relative; width:100%; height:375px; padding:19px; box-sizing:border-box; border:1px solid #e1e1e1; background:#fff;}
.tabs{width:100%;border-bottom:1px solid #e1e1e1}
.tabs::after {content:""; display:block; clear:both;}
.tabs>li{float:left; padding:0 15px; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:400; color:#666; cursor:pointer;}
.tab-content li {padding: 10px; text-align: left;padding-left:10px;box-sizing:border-box; }
.tab-container{padding-top:30px;}
.tab-container {content:""; display:block; clear:both;}
.tab-active{font-weight:600 !important; color:#333 !important; border-bottom:4px solid #e94b47;}

.more {position:absolute; top:25px; right:30px; vertical-align:middle;}

/*공지리스트*/
.notice__list{}
.notice__list::after {content:""; display:block; clear:both;}
.notice__list_tit {float:left;width:75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-size:18px;}
.notice__list_date {float:right;width:25%; text-align:right !important;  color:#666; font-size:18px;}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 태블릿 */
@media screen and (min-width:769px) and (max-width:1199px) {
	/* ================== 공지+팝업 ================== */
	.section2{width:95%; margin:0 auto;padding:0}
	.sec2con1{width:100%; margin-top:80px; float:none;}
	/*.sec2con2{display:none;}*/



	.notice__list_tit{font-size:14px;width:70%;}
	.notice__list_date{font-size:14px;width:30%;}
	#csTab{height:initial;}
	.popTitle{font-size:16px;}
.section_re{padding-top:80px;padding-bottom:80px;position:relative;}

	/* 게시판밑아이콘 */
	.sec2con1 .iconbox{height:130px; display:flex; justify-content: space-between; background:#eee; padding:10px 101px; box-sizing:border-box;}
	.sec2con1 .clearfix:after{display:none;}
	.board-icon{float:none; margin-right:0;}
	.board-icon a{display:block;}
	.board-icon:last-child{margin-right:0}

	.board-icon p{font-size:16px; margin-top:10px; font-weight:500; color:#333;}
	.board-icon a:hover p{color:#d9751c;}
	
	.mainPopBox{width:100%;height:200px;}
	.sec2con2{width:calc(100%) !important;margin-top:30px;}
	.mainPop{width:calc(50% - 8px) !important}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 모바일 */
@media screen and (max-width:768px) {
	.section2{width:95%; margin:0 auto;padding:0}
	.sec2con1{width:100%; margin-top:80px; float:none;}
	/*.sec2con2{display:none;}*/


	
	.tabs>li{font-size:16px;}
	.notice__list_tit{font-size:14px;width:70%;}
	.notice__list_date{font-size:14px;width:30%;}
	#csTab{height:initial;}
	.popTitle{font-size:16px;}
.section_re{padding-top:80px;padding-bottom:80px;position:relative;}
	
	.mainPopBox{width:100%;height:200px;}
	.sec2con2{width:calc(100%) !important;margin-top:30px;margin-bottom:30px;}
	.mainPop{width:calc(50% - 8px) !important}
}



::-webkit-scrollbar {
	-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
	width: 12px;
}
::-webkit-scrollbar:horizontal {
	height: 12px;
}
::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .3);
	border-radius: 7px;
	border: 2px solid #eee;
	min-height:15px;
}
::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: #eee;
}


/* ================== 하단 아이콘배너 ================== */
.section2 .wsize {display:flex; flex-wrap:wrap; width:1200px; margin:0 auto;}
.section2 .wsize .iconWrap {display:block; width:23%; margin:0 1%; border-right:1px dotted #d1d1d1; box-sizing:border-box;}
.section2 .wsize .iconWrap:last-child {border:none;}
.section2 .wsize .imgBox {position:relative;}
.section2 .wsize .imgBox img{width:30%;}
.section2 .wsize .txtBox {padding-top:20px; font-size:24px; font-weight:600;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.section2 .wsize {padding:30px 0;}
	.section2 .wsize .txtBox {font-size:20px;}
}

@media screen and (max-width:768px) {
	.section2 .wsize {justify-content: center;}
	.section2 .wsize .iconWrap {width:48%; margin:0; display:flex; align-items:center; border-bottom:1px dotted #d1d1d1; padding:15px 0; }
	.section2 .wsize .iconWrap:nth-child(2n) {border-right:none;}
	.section2 .wsize .iconWrap:last-child {border-bottom:1px dotted #d1d1d1;}
	.section2 .wsize .imgBox {width:50%;}
	.section2 .wsize .imgBox img{width:30%;}
	.section2 .wsize .txtBox {padding-top:0; font-size:16px;}
}