@charset "utf-8";

/* -----------------------------------	new  -------------------------------------------------*/



.Newsbox{	top: 50px;	transition: all .5s;}
.Newsbox.effect{		top: 0;	 transition: all .5s ease-out;
	animation: bottom_up .5s 1 cubic-bezier(0.250, 0.250, 0.730, 1.005) ease-out;}

/* .Newsbox.delay01{transition-delay: 0.5s;}	 */

	/* #section2 .Newsbox:nth-child(even).effect{top: 0px;} */

.mainSection1:nth-child(1) div.effect{}
.mainSection1:nth-child(2) div.effect{}
/* .mainSection1 div.scrollUp,	.article-body div.scrollUp{top: 50px;	transition: all .5s;} */

.Newsbox.NoneE{top: 0px !important; transition: none !important;}
.Newsbox.NoneE.effect{top: 0px !important; transition: none !important;}

@media all and (max-width:1089px){
.Newsbox{top: 0;transition: none;}
.Newsbox.NoneE{top: 0px !important; transition: none !important;}
.Newsbox.NoneE.effect{top: 0px !important; transition: none !important;}
}



/* .mainSection1 div, .article-body div{	top: 50px;	transition: all .5s;}
#section2 .Newsbox:nth-child(even).effect{top: 0px;}
.mainSection1 div.effect, .article-body div.effect{		top: 0;	 transition: all .5s ease-out;
	animation: bottom_up .5s 1 cubic-bezier(0.250, 0.250, 0.730, 1.005) ease-out;} */














/* #section2 .Newsbox:nth-child(even).effct {top: 0px !important;} */
/* .sub_test03{	background-color: #e8dfd0;} */


/* #section3{	opacity: 0.5;	top: 5px;	transition: all .3s;}
#section3.effect{opacity: 1;	 top: 0;	 transition: all .3s ease-out;
	animation: bottom_up .3s 1 cubic-bezier(0.250, 0.250, 0.730, 1.005) ease-out;} */

@keyframes bottom_up {
	from{top: 30px;}
	to{top: 0; }
}

.article-body:first-child div{ top: 0;}

.consub_inner{	position: absolute;	display: inline-block; width: 100%;
	padding: 15px 20px;	left: 0; bottom:0;
	font-size: 16px;	color: #fff; background-color: rgba(0, 0, 0, 0.5);
	text-align: left;	font-weight: bold; box-sizing: border-box;
	/* font-family: 'notokr-regular',  'sans-serif'; */}
@media all and (max-width:768px){
.consub_inner{	font-size: 14px;	padding: 5px 10px; }
}



/* #sectionA.section .tit, #sectionB.section .tit{}

#sectionA #cont1, #sectionB #cont1{	padding-top: 10px;} */


/* .section h2.tit{	outline: 1px solid #3729aa;
	transition: all .3s;	margin-top: 100px;}
.section.effect h2.tit{	margin-top: 0;} */
/************/
.yearsnav{margin: 0 auto; margin-top: 30px;box-sizing: border-box;}
.yearsnav ul { position: relative; margin: 0 auto; display: block;width: 100%;box-sizing: border-box;}
.yearsnav ul li{ position: relative; display: inline-block; width: 20%;float: left;
	border-left: 0.5px solid #d5d5d5;	border-top: 0.5px solid #d5d5d5;
	border-bottom: 0.5px solid #d5d5d5;	text-align: center; color: #046939; box-sizing: border-box;}
.yearsnav ul li:last-child{border-right: 0.5px solid #d5d5d5;}
.yearsnav ul li:hover,.yearsnav ul li:active{  background-color:rgba(19,78,134,1.0);}
.yearsnav ul li a{ display: inline-block; width: 100%; padding: 15px 0px;  font-size: 17px;
  cursor: pointer;}
.yearsnav ul li:hover a,.yearsnav ul li:active a{color: #fff;}
@media all and (max-width:768px){
.yearsnav ul li{width: 100%;border-right: 0.5px solid #d5d5d5; border-bottom: 0;}
.yearsnav ul li a{padding: 12px 0px; font-size: 16.5px;}
.yearsnav ul li:last-child{border-bottom: 0.5px solid #d5d5d5;}
}

/**********/
.bg-box01{ display: inline-block;  width: initial;  padding: 7px 15px;  margin: 15px 0;
  background-color: #004C8D; font-size: 24px; color:#fff; text-align: left;
	font-family: 'NanumSquare','Sans-serif'; word-break: keep-all;	}
.bg-box02{	margin: 30px 0 20px;	padding: 15px 20px;	background-color: #334054;}
.bg-box01 span, .bg-box02 span{ font-size: 24px; color:#fff; text-align: left;
	font-family: 'NanumSquare','Sans-serif'; word-break: keep-all;}
.bg-box03{font-size: 20px; padding: 10px 15px;	margin: 20px 0 15px;}
.bg-box04{background-color: #14aca0;}

@media all and (max-width:768px){
.bg-box01, .bg-box02{margin: 15px 0 10px; padding: 15px 20px;}
.bg-box01, .bg-box01 span, .bg-box02 span{font-size: 20px;}
}

/****/

#flip {	margin-top: 20px;	height:50px;  overflow:hidden;}
#flip div{  color:#fff;	text-transform: uppercase;
	font-family: 'Titillium Web', Sans-serif; overflow: hidden;}
#flip div p {	display:inline-block;
	height:45px;
	padding:0px 32px;
	margin-bottom:45px;
	font-size:30px;
	/* line-height: 45px; */
	border-radius: 40px;
	box-sizing: border-box;
}
#flip div:first-child p {  background:#8b6e4e;}
#flip div:last-child  p{  background:#888c8d;}

#flip div:first-child {  animation: show 2.5s linear infinite;}

@keyframes show {
  0% {margin-top:-180px;}
	6% {margin-top:-90px;}
  46% {margin-top:-90px;}
  54%  {margin-top:0px;}
	99.99% {margin-top:0px;}
  100% {margin-top:-180px;}
}


/*********  매 월 바뀌는 포인트컬러    ****************/
/* .list_vol span{color: #4f4865; border: 1px solid #4f4865;}
.Newsbox .list_mon{color: #4f4865;}
.Newsbox a:hover .list_vol{color: #4f4865; font-weight: bold;}
.Newsbox a:hover .list_mon{color: #555;   }
.Newsbox a:hover .list_company{color: #5f68ac;}

.Newsbox .img::after{	background: rgba(95, 104, 172, 0.8);}
.Newsbox:nth-child(even) a:hover .img::after{	background: rgba(167, 180, 198, 0.8);}

.Newsbox a:hover .list_vol span{background-color: #5f68ac; color: #fff; border: 1px solid #5f68ac; font-weight: normal;}
.sub_test03{	background-color: #a6b3c5;}
.wz-keyword, .wz-keyword li a{ color:#4f4865;} */