/* °øÁö»çÇ×,°¡Á¤Åë½Å¹®,½Ä´ÜÇ¥ */
.ul_noticemeal > li{ float:left;width:33.33%;}
.ul_noticemeal> li:nth-child(1){width:65%;}
.ul_noticemeal> li:nth-child(2){width:35%;}

.gongjinoticemain{
	width:100%;margin:0 auto;max-width:1280px !important;padding-top:50px;padding-bottom:30px;
}		
	
.gongjinoticemain .mcontents{
	padding:0 20px;
	
}

.gongjinoticemain .mcontents .mtitles{
	height:32px;margin-bottom:5px;
}

.mtitles div:nth-child(1){ font-size:1.3em;float:left;font-weight:700; }
.mtitles div:nth-child(2){float:right;}
.mtitles div:nth-child(3){clear:both;}

.notice { position: relative;width: 100%; font-family: 'Nanum Square', sans-serif;}
.notice .con ul { padding-top: 5px; }/*border-top: 1px solid #E2DCD8;*/
.notice .con ul li { margin-bottom: 5px; padding:5px 0px;border-bottom:1px solid #f9f9f9;}
.notice .con ul li a { position: relative; display: block; overflow: hidden; font-size:1em;}
.notice .con ul li a strong { float: left; display: block; width:75%; font-weight: normal; padding-left: 11px; background: url("/images/solution/icon/ico-dot.gif") no-repeat 0 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.notice .con ul li a:hover strong { color: #58648d; }
.notice .con ul li a .date { float: right; font-color: #444444;font-size:0.9em;}
.notice .con ul li a .txt { display: none; }

		

.center { position: relative; display:block; width:100%;max-width:1280px; margin: 0 auto; text-align: center;  padding-top:0px;padding:10px 0; }
#centerLine { border-bottom:#fff 1px solid; height:1px; }
.banner{ }
.banner > li{ float:left; width:33.333%;  padding:15px 0;}

.banner li a{ position:relative; display:block;}
.banner li a span{ border:1px solid #ccc; float:right; display:block; width:110px; height:25px; padding-top:5px; color:#333; font-size:14px;text-align:center; margin-right:80px;}


.bannertch{ 
	display:flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	align-content: space-between;

}
.bannertch > li{ 
 flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  align-content: space-between;
  
float:left; width:25%;  padding:15px 0;}

.bannertch li a{ position:relative; display:block;}
.bannertch li a span{ border:1px solid #ccc; float:right; display:block; width:110px; height:25px; padding-top:5px; color:#333; font-size:14px;text-align:center; margin-right:80px;}

@media all and (max-width: 1040px) { 
	.bannertch li{ float:left; width:33.33333% !important; }
}

@media all and (max-width: 767px) { 
	/* °øÁö»çÇ×,°¡Á¤Åë½Å¹®,½Ä´ÜÇ¥*/
	.ul_noticemeal > li{ float:left;width:100% !important;margin-bottom:20px; }	
	.gongjinoticemain{ width:100%;margin:0 auto;padding-top:20px;padding-bottom:10px; }		
	.gongjinoticemain .mcontents{ padding:0 10px; }
	.gongjinoticemain .mcontents .mtitles{ height:100%;}	
	.notice {padding-bottom: 11px;}
	.notice .con ul { padding-top: 5px;}
	.notice .con ul li { margin-bottom: 5px; padding:5px 0px;}	
	
	.bannertch li{ width:50% !important; }
	
}




.loginleftright{width:100%;max-width:540px; margin-left:40px; margin-top:30px;}
.loginleft{float:left; width:180px; height:150px; border-right:#ebe1d7 solid 1px; padding-top:15px;}
.loginright{float:right; width:310px;}
.loginbottom{width:100%;max-width:540px; margin-left:40px; border-top:1px #CCC soild; padding:20px 0 20px 0;font-size:0.8em;}
.loginbottommobile{ display:none;}
@media( max-width: 640px ) { 
	.loginleftright{margin-left:0px; margin-top:10px;}
	.loginleft{ display:none;}
	.loginright{float:none;margin:0 auto;}
	.loginbottom{ margin-top:10px;margin-left:0px;}
}	





.img-cont-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}


.img-cont {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
}

.img-cont:hover {
    transform: scale(1.2);
}

.article-title-link {
	z-index:8;top:0;position:absolute;bottom:0px;text-decoration:none;/*background:rgba(0,0,0,0.2);*/padding:30px;
}
.article-title-link:hover {
	background:linear-gradient(to bottom,rgba(0,0,0,0.60)0,rgba(0,0,0,0.20)30%,rgba(0,0,0,0.10)50%,rgba(0,0,0,0.0) 70%);
    /*text-decoration: underline;*/
}


.loginTul{ width:100%;}
.loginTul li{float:left;width:33.33%;}
@media all and (max-width: 640px) { 
	.loginTul li{width:100%;}
}



/*
*
*	¸ÞÀÎ È­¸é ·Î±×ÀÎ ºÎºÐ ½ºÅ¸ÀÏ
*
*/
/* ÀÚµ¿¿Ï¼º ÆĶõ»ö */        
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }        
input:focus { 
	outline: none;
	border-color:#66afe9;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.formBox {
    /*width: 460px;*/
    width: 340px;
    max-width: 100%;
    /*height: 552px;*/
    height:300px;
    margin-left: -4px;
    /*margin-top: 50px;
    margin-bottom: 40px;*/
    position: relative;
    vertical-align: middle;
    display: inline-block;
}
.formBox .box {
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 0px 10px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0px 2px 11px -2px rgba(0,0,0,0.5);
    transition: all 0.2s cubic-bezier(0.35,0.33,0.75,0.9);
}
.formBox h2 {
    border-left: 6px solid #ed2553;
    color: #ed2553;
    padding: 0px 18px;
    font-size: 21px;
    line-height: 25px;
    height: 25px;
    text-transform: uppercase;
	/*  margin-bottom: 50px;*/
	margin-bottom:10px;
	position: relative;
}
.formBox p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 10px;
    color: #696969;
}
.formBox form {
    display: block;
    padding: 0px 30px;
    position: relative;
}
.formBox .f_row {
    position: relative;
    margin-bottom: 45px;
    height: 38px;
}

.formBox .f_row.last {
    margin-bottom: 28px;
}
.formBox .f_row label {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 10px;
    opacity: 1;
    transition: all 0.3s cubic-bezier(1,-0.33,0,1.15);
    transform: translate(0px,0px) scale(1);
    transform-origin: left top;
}

.formBox .f_row input {
    background-color: transparent;
    border: none;
    color: #3f3f3f;
    font-size: 18px;
    width: 100%;
    height: 31px;
    position: relative;
    
    
    
}
.formBox .f_row u {
    background-color: #e1e1e1;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.formBox .f_row u:before {
    content: "";
    display: block;
    height: 100%;
    width: 0;
    /*background-color: #ed2553;*/
    transition: all 0.35s cubic-bezier(0.35,0.33,0.84,0.85);
    


}
.formBox .f_row.focus label {
    opacity: 0.5;
    transform: translate(0px,-30px) scale(0.8);
}
.formBox .f_row.focus u:before {
    width: 100%;
}


.formBox.level-login .boxShaddow {
    opacity: 0.7;
    transform-origin: center top;
    transform: translate(0px,-9px) scale(0.97);
}



/*
*	¸ÞÀÎ È­¸é »çÁø ¿µ¿ª 
*/

.bg {
    height: 100%;
    width: 100%;
    display: block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index: -1;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2) translateZ(1px);    
    background-repeat:no-repeat;
    background-position:center center;
     animation: animateBg 5.5s forwards;
}

@keyframes animateBg {
  from {
    -ms-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2) translateZ(1px);
  }

  to {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}	

.loading span {
  display: inline-block;
  margin: 0 -.05em;
  animation: loading 3.6s infinite alternate;
}
.loading span:nth-child(1) {
  animation-delay: 1s;
}
.loading span:nth-child(2) {
  animation-delay: 1.8s;
}
.loading span:nth-child(3) {
  animation-delay: 2.4s;
}
.loading span:nth-child(4) {
  animation-delay: 3s;
}
.loading span:nth-child(5) {
  animation-delay: 3.6s;
}

@keyframes loading {
  0% {
    filter: blur(0);
    opacity: 1;
  }
  100% {
    filter: blur(5px);
    opacity: .2;
  }
}

@media (max-width: 1000px) {
  .loading {
    display:none;
  }
}


.mbhide{}
.datausetypeviewClass{width:100%;max-width:340px;float:right;}
@media( max-width: 767px ) { 
	.mbhide{display:none !important;}
	.datausetypeviewClass{position:relative;float:none;clear:both;width:100%;max-width:100%;margin:0 auto;text-align:center;display:inline-block;}
	
	.passdivboxClass{clear:both;width:100%;max-width:340px;text-align:center;margin:0 auto;display:inline-block;}
}