/* Associate */
#associatesBox {
	padding: 0  0 80px;
}
#subContentsBox {
	padding: 0 0 32px;
}
#subContentsBox ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
#subContentsBox ul li {
	width: calc(100% / 4);
	padding: 4px;
}
#subContentsBox ul li a {
	position: relative;
	height: 48px;
	color: #606060;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	border: solid 1px #afafaf;
	border-radius: 8px;
	padding: 17px 0 0 24px;
	display: block;
	transition: .3s;
}
#subContentsBox ul li a:before {
	position: absolute;
	top: 50%;
	left: 8px;
	width: 6px;
	height: 6px;
	border-top: solid 1px #2f40af;
	border-right: solid 1px #2f40af;
	display: inline-block;
	content: "";
	transform: translateY(-50%) rotate(45deg);
}
#subContentsBox ul li a:after {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 16px;
	height: 16px;
	background-image: url(../img/more_b_icn.png);
	background-size: 100%;
	transform: translateY(-50%);
	transition: .3s;
	content: "";
}
#subContentsBox ul li a:hover {
	background-color: rgba(96, 143, 255, .1);
	border: solid 1px #608fff;
}
#subContentsBox ul li a:hover:after {
	right: 6px;
}

.associateBox {
	margin: 48px 0 0;
}
#associatesBox section:first-of-type {
	margin: 0;
}
.associateBox .childBoxes {
	margin: 24px 0 0;
}
.associateBox .childBox {
	margin: 32px 0 0;
}
.associateBox .childBox:first-of-type {
	margin: 0;
}
.associateBox .childBox p {
	font-size: 1.4rem;
	line-height: 200%;
	margin: 24px 0 0;
}
.associateBox .childBox p:first-of-type {
	margin: 16px 0 0;
}
.associateBox .childBox p a {
	color: #2f40af;
}
.associateBox .childBox p a:hover {
	color: #608fff;
	text-decoration: none;
}
.associateBox .childBox a span.extLink,
.associateBox .childBox a span.pdfLink,
.associateBox .childBox a span.excelLink,
.associateBox .childBox a span.wordLink {
	position: relative;
	height: 12px;
	background-size: 100% 24px;
	vertical-align: 0;
	margin: 0 4px 0 2px;
	display: inline-block;
}
.associateBox .childBox a span.extLink {
	width: 12px;
	background-image: url("../img/ext_link_icn.png");
}
.associateBox .childBox a span.pdfLink {
	width: 20px;
	background-image: url("../img/pdf_link_icn.png");
}
.associateBox .childBox a span.excelLink {
	width: 24px;
	background-image: url("../img/excel_link_icn.png");
}
.associateBox .childBox a span.wordLink {
	width: 24px;
	background-image: url("../img/word_link_icn.png");
}
.associateBox .childBox a:hover span.extLink,
.associateBox .childBox a:hover span.pdfLink,
.associateBox .childBox a:hover span.excelLink,
.associateBox .childBox a:hover span.wordLink {
	background-position-y: -12px;
}
.associateBox .childBox ul {
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
}
.associateBox .childBox ul.firstUl {
	margin: 16px 0 0;
}
.associateBox .childBox ul li {
	position: relative;
	font-size: 1.4rem;
	line-height: 168%;
	padding: 0 0 8px 16px;
}
.associateBox .childBox ul.brackets li {
	padding: 0 0 8px 24px;
	text-indent: -24px;
}
.associateBox .childBox ul.number li {
	padding: 0 0 8px 16px;
	text-indent: -16px;
}
.associateBox .childBox ul.greece li {
	padding: 0 0 8px 24px;
	text-indent: -24px;
}
.associateBox .childBox ul.brackets li:before,
.associateBox .childBox ul.number li:before,
.associateBox .childBox ul.greece li:before {
	content: none;
}
associateBox .childBox ul.brackets li:last-of-type {
	padding: 0 0 0 24px;
}
associateBox .childBox ul.number li:last-of-type {
	padding: 0 0 0 16px;
}
associateBox .childBox ul.greece li:last-of-type {
	padding: 0 0 0 24px;
}
.associateBox .childBox ul li:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 6px;
	border-top: solid 1px #2f40af;
	border-right: solid 1px #2f40af;
	display: inline-block;
	content: "";
	transform: rotate(45deg);
}
.associateBox .childBox ul li:last-of-type {
	padding: 0 0 0 16px;
}
.associateBox .childBox ul.brackets li {
	padding: 0 0 8px 24px;
	text-indent: -24px;
}
.associateBox .childBox ul.number li {
	padding: 0 0 8px 16px;
	text-indent: -16px;
}
.associateBox .childBox ul.greece li {
	padding: 0 0 8px 24px;
	text-indent: -24px;
}
.associateBox .childBox ul.brackets li:before,
.associateBox .childBox ul.number li:before,
.associateBox .childBox ul.greece li:before {
	content: none;
}
.associateBox .childBox ul.brackets li:last-of-type {
	padding: 0 0 0 24px;
}
.associateBox .childBox ul.number li:last-of-type {
	padding: 0 0 0 16px;
}
.associateBox .childBox ul.greece li:last-of-type {
	padding: 0 0 0 24px;
}
.associateBox .childBox ul li a {
	color: #2f40af;
}
.associateBox .childBox ul li a:hover {
	color: #608fff;
	text-decoration: none;
}

.associateBox .gChildBoxes {
	margin: 16px 0 0;
}
.associateBox .gChildBox {
	margin: 24px 0 0;
}
.associateBox .gChildBox:first-of-type {
	margin: 0;
}
.associateBox .gChildBox h6 {
	color: #608fff;
	font-size: 1.6rem;
	font-weight: normal;
}
.associateBox .gChildBox p:first-of-type {
	margin: 8px 0 0;
}
.associateBox .gChildBox ul.firstUl {
	margin: 8px 0 0;
}
.associateBox .imageBoxes {
	margin: 24px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.associateBox .imageBox.image_1,
.associateBox .imageBox.image_2 {
	width: 50%;
}
.associateBox .imageBox.image_3 {
	width: calc(100% / 3);
}
.associateBox .imageBox.image_1 img,
.associateBox .imageBox.image_2 img,
.associateBox .imageBox.image_3 img {
	margin: 0 auto;
	display: block;
}
.associateBox .imageBox.image_1 img {
	width: 100%;
}
.associateBox .imageBox.image_2 img {
	width: 88%;
}
.associateBox .imageBox.image_3 img {
	width: 96%;
}
.associateBox .imageBox span {
	font-size: 1.2rem;
	line-height: 144%;
	text-align: center;
	margin: 8px 0 0;
	display: block;
}

/* Link Button */
#associatesBox .buttonBox {
	padding: 24px 0 0;
}
#associatesBox .buttonBox ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
}
#associatesBox .buttonBox ul li {
	padding: 0 8px;
}
#associatesBox .buttonBox ul li:before {
	content: none;
}
#associatesBox .buttonBox ul li a {
	position: relative;
	height: 40px;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	background-color: #2f40af;
	border-radius: 20px;
	padding: 14px 0;
	display: block;
	transition: .3s;
	outline: none;
}
#associatesBox .buttonBox ul li a:after {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 16px;
	height: 16px;
	background-image: url(../img/more_icn.png);
	background-size: 100%;
	transform: translateY(-50%);
	transition: .4s;
	content: "";
}
#associatesBox .buttonBox ul li a.w_200 {
	width: 200px;
}
#associatesBox .buttonBox ul li a.w_240 {
	width: 240px;
}
#associatesBox .buttonBox ul li a.w_280 {
	width: 280px;
}
#associatesBox .buttonBox ul li a.w_320 {
	width: 320px;
}
#associatesBox .buttonBox ul li a:hover {
	background-color: #608fff;
}
#associatesBox .buttonBox ul li a:hover:after {
	right: 6px;
}

/* Download */
.downloadBox {
	margin: 24px 0 0;
}
.downloadBox.firstBox {
	margin: 16px 0 0;
}
.downloadBox a {
	position: relative;
	width: 400px;
	height: 48px;
	color: #2f40af;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	border: solid 1px #afafaf;
	border-radius: 8px;
	margin: 0 auto;
	padding: 17px 0 0 50px;
	display: block;
	transition: .3s;
}
.downloadBox a:before {
	position: absolute;
	top: 50%;
	left: 16px;
	width: 24px;
	height: 32px;
	background-size: 24px 32px;
	transform: translateY(-50%);
	content: "";
}
.downloadBox a.pdf:before {
	background-image: url(../img/pdf_b_s_icn.png);
}
.downloadBox a.word:before {
	background-image: url(../img/word_b_s_icn.png);
}
.downloadBox a.excel:before {
	background-image: url(../img/excel_b_s_icn.png);
}

.downloadBox a:hover {
	color: #608fff;
	background-color: rgba(96, 143, 255, .1);
}

/* Comming Soon */
#associatesBox .comingSoonBox {
	padding: 80px 0;
}
#associatesBox .comingSoonBox strong {
	font-size: 2.4rem;
	color: #2f40af;
	text-align: center;
	display: block;
}
#associatesBox .comingSoonBox p {
	font-size: 1.4rem;
	text-align: center;
	margin: 16px 0 0;
}

@media screen and (max-width: 520px) {
	/* Associate */
	#associatesBox {
		padding: 0  0 64px;
	}
	#subContentsBox {
		padding: 0 0 24px;
	}
	#subContentsBox.col2 ul li {
		width: 50%;
		padding: 2px;
	}
	#subContentsBox.col1 ul li {
		width: 100%;
		padding: 2px;
	}
	#subContentsBox ul li a {
		padding: 17px 0 0 20px;
		transition: none;
	}
	#subContentsBox ul li a:before {
		left: 6px;
	}
	#subContentsBox ul li a:after {
		right: 6px;
		transition: none;
	}
	#subContentsBox ul li a:hover {
		background-color: #fff;
		border: solid 1px #afafaf;
	}
	
	.associateBox {
		margin: 32px 0 0;
	}
	.associateBox .childBoxes {
		margin: 16px 0 0;
	}
	.associateBox .childBox {
		margin: 24px 0 0;
	}
	.associateBox .childBox p {
		line-height: 184%;
	}
	.associateBox .childBox p a:hover {
		color: #2f40af;
		text-decoration: underline;
	}
	.associateBox .childBox a:hover span.extLink,
	.associateBox .childBox a:hover span.pdfLink {
		background-position-y: 0;
	}
	.associateBox .childBox ul li {
		line-height: 160%;
	}
	.associateBox .childBox ul.brackets li {
		padding: 0 0 8px 20px;
		text-indent: -20px;
	}
	.associateBox .childBox ul.number li {
		padding: 0 0 8px 14px;
		text-indent: -14px;
	}
	.associateBox .childBox ul.greece li {
		padding: 0 0 8px 20px;
		text-indent: -20px;
	}
	.associateBox .childBox ul.brackets li:last-of-type {
		padding: 0 0 0 20px;
	}
	.associateBox .childBox ul.number li:last-of-type {
		padding: 0 0 0 14px;
	}
	.associateBox .childBox ul.greece li:last-of-type {
		padding: 0 0 0 20px;
	}
	
	.associateBox .imageBoxes {
		display: block;
		flex-wrap: nowrap;
	}
	.associateBox .imageBoxes.firstBox {
		margin: 16px 0 0;
	}
	.associateBox .imageBox {
		margin: 24px 0 0;
	}
	.associateBox .imageBox:first-of-type {
		margin: 0;
	}
	.associateBox .imageBox.image_1,
	.associateBox .imageBox.image_2,
	.associateBox .imageBox.image_3 {
		width: 100%;
	}
	.associateBox .imageBox.image_1 img,
	.associateBox .imageBox.image_2 img,
	.associateBox .imageBox.image_3 img{
		width: 100%;
	}
	
	/* Link Button */
	#associatesBox .buttonBox {
		padding: 16px 0 0;
	}
	#associatesBox .buttonBox ul {
		display: block;
	}
	#associatesBox .buttonBox ul li {
		padding: 0 0 8px;
	}
	#associatesBox .buttonBox ul li:last-of-type {
		padding: 0;
	}
	#associatesBox .buttonBox ul li a {
		transition: none;
	}
	#associatesBox .buttonBox ul li a:after {
		transition: none;
	}
	#associatesBox .buttonBox ul li a.w_200,
	#associatesBox .buttonBox ul li a.w_240 {
		width: 80%;
	}
	#associatesBox .buttonBox ul li a.w_280,
	#associatesBox .buttonBox ul li a.w_320 {
		width: 100%;
	}
	#associatesBox .buttonBox ul li a:hover {
		background-color: #2f40af;
	}
	#associatesBox .buttonBox ul li a:hover:after {
		right: 12px;
	}
	
	/* Download */
	.downloadBox a {
		width: 100%;
		padding: 17px 0 0 40px;
		transition: none;
	}
	.downloadBox a:before {
		left: 8px;
	}
	.downloadBox a:hover {
		color: #2f40af;
		background-color: #fff;
	}
}