body * {word-break:keep-all;}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
#content #dimodeBoard {
	margin-top: 100px;
}
@media (min-width: 1500px) {
	#content > .container, #subgnb > .container { padding: 0px!important; width: 1170px!important;  }
}
#unit5631 a:hover {
color:#fff!important;
background:#000;
transition:all ease-in-out .35s;
}

@media (min-width:1200px) and (max-width:1499px) {
}

@media (min-width:993px) and (max-width:1199px) {
}


@media (min-width:768px) and (max-width:992px) {
}

@media (max-width:767px) {
	#gnb-wrap{
		position:static;
		backgroud:#000;
		}

	#component3824 .container,#component3824 .container{
		width:100%!important;
		padding:0!important;
		}
		
		#unit7364{
			padding:0 15px!important;
			}
	#unit5631{
		padding:0 15px;
		}
		#unit5631 a {
			padding:20px 30px!important;
			margin-top:20px!important;
			}
			#component13824{
				padding:15px!important;
				}
				#unit17364 span{
					font-size:22px!important;
					} 
					#unit17364 div {
						margin-top:10px!important;
						font-size:16px!important;
						display:none;
						}
				#component3824 > div > div {
					padding:0!important;
					}
					#component3824 {
						padding: 15px 0;
						}
						#component4353 {
							padding:40px 0!important;
							}
							#component4353 P span {
								font-size:18px!important;
								}
}