.mainArea .wrap {

	max-width: 1360px;

}



.contentBox {

	padding-bottom: 60px;

}

.contentBox .leftBox {

	float: left;

	width: 64%;

}

@media (max-width: 640px) {

	.contentBox .leftBox {

		float: none;

		width: 100%;

	}

}

.contentBox .rightBox {

	float: right;

	width: 30%;

}

@media (max-width: 640px) {

	.contentBox .rightBox {

		float: none;

		width: 100%;

		margin-top: 30px;

	}

}



.note {

	padding: 10px;

	font-size: 15px;

	line-height: 1.6;

	background-color: #f1f1f1;

}

.note a {

	font-size: 18px;

	color: #09f;

}

.note a:hover {

	text-decoration: underline;

}



.documentList li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	font-size: 16px;

	font-weight: 300;

	line-height: 1;

}

.documentList li:first-child {

	font-weight: 400;

	height: 54px;

	border-bottom: 2px solid #414141;

}

.documentList li:not(:first-child) {

	padding: 22px 0;

	border-bottom: 1px solid #414141;

}

@media (min-width: 1201px) {

	.documentList li:hover .docLink img {

		-webkit-transform: scale(0.8);

		        transform: scale(0.8);

	}

}

@media (max-width: 640px) {

	.documentList li {

		display: block;

	}

}



.docNo {

	width: 110px;

}

@media (max-width: 640px) {

	.docNo {

		display: none;

	}

}



.docName {

	padding-left: 10px;

	width: calc(100% - 110px);

}

.docName h2 {

	font-weight: 400;

}

@media (max-width: 640px) {

	.docName {

		width: 100%;

		padding-left: 0;

	}

}



.docLink {

	margin-left: auto;

}

.docLink.title {

	margin-right: 0;

}

.docLink a {

	-webkit-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

}

@media (min-width: 1201px) {

	.docLink a:hover svg {

		-webkit-transform: scale(1.1);

		        transform: scale(1.1);

	}

}

.docLink svg {

	-webkit-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}

.docLink span {

	margin-left: 10px;

}

@media (max-width: 640px) {

	.docLink {

		margin-right: 0;

		margin-top: 20px;

	}

	.docLink.title {

		display: none;

	}

	.docLink svg {

		width: 26px;

		height: 26px;

	}

	.docLink span {

		margin-left: 6px;

	}

}

/*# sourceMappingURL=document.css.map */