@charset "UTF-8";
/* 메인비주얼 */
	#visual{overflow:hidden;position:relative;margin-bottom:35px;background:#ebebeb}
	#visual .next{position:absolute;right:50%;top:50%;margin:-14px -490px 0 0;width:28px;height:48px;overflow:hidden;z-index:10}
	#visual .prev{position:absolute;left:50%;top:50%;margin:-14px 0 0 -490px;width:28px;height:48px;overflow:hidden;z-index:10}
	.directVisual{width:100%;position:absolute;bottom:21px;text-align:center;z-index:100}
	.directVisual *{vertical-align:middle}
	.directVisual .control{overflow:hidden;margin:1px 0 0 5px;width:11px;height:13px}
	.directVisual .control img{width:100%;vertical-align:middle}
	.directVisual .control.on img{position:relative;top:-13px}
	.directVisual a{overflow:hidden;display:inline-block;margin:0 5px;width:12px;height:12px}
	.directVisual a img{width:100%}
	.directVisual a.on img{position:relative;top:-12px}
	#visualWrap{overflow:hidden;max-width:1300px;margin:0 auto}
	.visual .slides{position:relative;width:400%;animation:slide 16s ease-in-out infinite}
	.visual .slides > div{float:left;width:25%;max-height:435px;aspect-ratio:1300/435;background-size:contain;background-repeat:no-repeat;background-position:center top}
	.visual .slides .v1{background-color:#ebebeb;background-image:url(../images/main/img_visual1.png)}
	.visual .slides .v2{background-color:#ebebeb;background-image:url(../images/main/img_visual2.png)}
	.visual .slides .v3{background-color:#ebebeb;background-image:url(../images/main/img_visual3.png)}
	@keyframes slide{
		0%,23%{transform:translateX(0)}
		25%,48%{transform:translateX(-25%)}
		50%,73%{transform:translateX(-50%)}
		75%,98%{transform:translateX(-75%)}
		100%{transform:translateX(-75%)}
	}

 /* Main Content */
	.mainCont{overflow:hidden;position:relative;margin-bottom:35px;width:100%;display:flex;justify-content:center;}
	.mainCont > li{float:left;margin-left:16px;height:271px;border:1px solid #dbdbdb}
	.mainCont > li:first-child{margin-left:0}
	.mainCont .camp{width:326px}
	.mainCont .repo{width:328px}
	.mainCont .news{width:588px}
	.mainCont > li h2{margin-bottom:30px;height:74px;font-weight:bold;font-size:0;line-height:0;text-indent:-999em;background-color:#ebebeb;background-repeat:no-repeat;background-position:center center}
	.mainCont .camp h2{background-image:url(../images/main/tit_mngr.png)}
	.mainCont .repo h2{background-image:url(../images/main/tit_repo.png)}
	.mainCont .news h2{background-image:url(../images/main/tit_news.png)}
	.mainCont > li div{display:block;margin:0 15px 30px;padding:0 0 0 35px;background-repeat:no-repeat;background-position:0 0}
	.mainCont > li div.mngr1{background-image:url(../images/main/bg_mngr01.png)}
	.mainCont > li div.mngr2{background-image:url(../images/main/bg_mngr02.png)}
	.mainCont > li div.repo1{background-image:url(../images/main/bg_repo01.png);background-position:6px 0}
	.mainCont > li div.repo2{background-image:url(../images/main/bg_repo02.png)}
	.mainCont > li div a{display:block;margin-bottom:5px;font-size:16px;font-weight:bold;color:#000}
	.mainCont > li div a:hover{color:#ff2300;text-decoration:underline}
	.mainCont > li div p{line-height:18px;letter-spacing:-0.03em}
	
	.notiList{padding:0 20px}
	.notiList li{margin-bottom:15px}
	.notiList li a{overflow:hidden;display:block;width:245px;text-overflow:ellipsis;white-space:nowrap}