@charset "utf-8";

@font-face { font-family: 'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; }

body {background: url('/new/img/main/main_bg.png') repeat center center fixed; }

.main_grid {position:relative; ; cursor:pointer;}
.main_grid01 {height:248px;background:url('/new/img/main/main_grid01_bg.png') no-repeat 95% 90% #1f96c8;}
.main_grid02 {height:248px;background:url('/new/img/main/main_grid02_bg.png') no-repeat 95% 90% #20aa9b;margin-left:10px;}
.main_grid03 {height:248px;background:url('/new/img/main/main_grid03_bg.png') no-repeat 95% 90% #db532d;}
.main_grid04 {height:248px;background:url('/new/img/main/main_grid04_bg.png') no-repeat 95% 90% #b71c44;margin-left:10px;}
.main_grid05 {height:248px;background:/*url('/new/img/main/main_grid05_bg.png') no-repeat 95% 90%*/ #6b4bb6;margin-left:10px;}
.main_grid06 {height:112px;background:#fdbb00;}
.main_grid07 {height:112px;background:#2874ec;margin-left:10px;}
.main_grid08 {height:329px;background:#17b5ce;margin-left:10px;}
.main_grid09 {height:289px;background:#e76278;margin-left:10px;}



/*공모 버튼*/
a.main_system_btn01 {background:#007cff; border:3px solid #000; display:block; text-align:Center; width:100%; padding:5px 10px; color:#fff; font-weight:700; font-size:16px; }
a.main_system_btn02 {background:#15c668; border:3px solid #000; display:block; text-align:Center; width:100%; padding:5px 10px; color:#fff; font-weight:700; font-size:16px; margin-top:5px;}

@media (max-width: 992px) {
	.bottom_grid_wrap {margin-bottom:10px;}
	.main_grid08 {margin-left:0;}
	.main_grid09 {height:329px;}
}

@media (max-width: 768px) {
	.main_grid02 {margin-left:0;}
	.main_grid04 {margin-left:0;}
	.main_grid05 {margin-left:0;}
	.main_grid07 {margin-left:0;}
	.main_grid08 {margin-left:0;}
	.main_grid09 {margin-left:0;}

}

.main_grid_inner {padding:25px}
.main_grid_inner h3 {margin:0 0 13px 0;}
.main_grid_inner p {font-size:14px; line-height:20px; color:#fff;}
.main_grid_inner p.s_txt {font-size:14px; line-height:16px; color:#fff;}
.main_grid_inner h4 {font-size:16px; text-align:center;  word-break: keep-all;  color:#fcff00; line-height:140%; font-weight:500; letter-spacing:-0.5px;}

.balloon {
    display: inline-block;
    position: relative;
	background:#0162b5;
    height: 93px;
    width: 180px;
    margin: 0 auto 10px;
	position:absolute; display:block; top:30px; right:40px; 
	border:3px solid #fcff00;
}
.balloon:after {
    content: '';
    position: absolute;
    border-top: 20px solid #fcff00;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -20px;
    right: 15px;
}


.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}



@media only screen and (max-width: 480px) {

	.main_grid_inner h4 {font-size:14px; text-align:center;  word-break: keep-all;   color:#fcff00; line-height:140%; font-weight:bold; letter-spacing:-0.5px;}

	.balloon {
		display: inline-block;
		position: relative;
		background:#0162b5;
		height: 85px;
		width: 165px;
		margin: 0 auto 10px;
		position:absolute; display:block; top:40px; right:10px; 
	}

	#hd_pop {display:none !important;}

}





/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} 
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 메인알림마당*/
.main-tabs {
margin-bottom:10px;
margin-left:-10px;
}
.main-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.main-tabs > li > a {
  font-size:12px !important;
  margin-right:0px;
  line-height: 1.42857143;
  color:#fff;
  padding:7px 10px;
  background:#91d1db;
}
.main-tabs > li > a:hover {
  color:#fff;
 background:#999;
}
.main-tabs > li.active > a,
.main-tabs > li.active > a:hover,
.main-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #017689;
  border-bottom-color: transparent;
}
.main-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.main-tabs.nav-justified > li {
  float: none;
}
.main-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.main-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.main-tabs2 {
margin-bottom:10px;
margin-left:-10px;
}
.main-tabs2 > li {
  float: left;
  margin-bottom: -1px;
}
.main-tabs2 > li > a {
  font-size:12px !important;
  margin-right:0px;
  line-height: 1.42857143;
  color:#fff;
  padding:7px 5px;
  background:#dd4b61;
}
.main-tabs2 > li > a:hover {
  color:#fff;
  background:#f77487;
}
.main-tabs2 > li.active > a,
.main-tabs2 > li.active > a:hover,
.main-tabs2 > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #f20e4b;
  border-bottom-color: transparent;
}
.main-tabs2.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.main-tabs2.nav-justified > li {
  float: none;
}
.main-tabs2.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.main-tabs2.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.list-unstyled > li > a{font-size:14px; color:#fff; line-height:27px;}


.main_grid_btn {position:absolute;bottom:15px;right:15px;font-size:14px; }
.main_grid_btn01 {background:#b58705;}
.main_grid_btn02 {background:#124daa;}


/*최근게시물*/
a.latest_list {color:#fff;}
.lt ul {margin:0 0 10px;padding:0;list-style:none}
.lt ul > li {padding:4px 0;}

.lt .lt_more {position:absolute;top:25px;right:35px;color:#fff;font-size:25px;}
.lt .lt_more a {color:#fff;text-decoration:none;}