/* GLOBAL */
.ip-banner {
	display: none;
}
#content-sidebar, #content-full {
	margin: 0;
}
#inner-page-wrapper {
	margin-bottom: 0;
}
#inner-page-wrapper > .container {
	width: 100%;
	padding: 0;
}
.site_lines_wrap {
    width: 100%;
    max-width: 722px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    pointer-events: none;
}
    .site_line {
        width: 1px;
        height: 7127px;
        background-color: #d7d7d7;
        opacity: 0.4;
        position: absolute;
        top: 0;
    }
        .site_line_01 {
            left: 0;
        }
        .site_line_02 {
            left: calc(50% - 1px);
        }
        .site_line_03 {
            left: 100%;
        }

/* CUSTOM BANNER */
#ip-custom-banner-wrap {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	position: relative;
}
	.ip-custom-banner {
		position: relative;
		z-index: 1;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
		.ip-custom-banner::before {
			width: 100%;
			height: 100%;
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			background: #011c53;
			opacity: 0.08;
		}
		.ip-custom-banner canvas {
			width: 100%;
			height: auto;
			min-height: 400px;
			display: block;
		}
	/*.ip-main-title {
		width: 100%;
		top: 56%;
		left: 0;
		position: absolute;
		z-index: 2;
		transform: translate(0,-50%);
		text-align: center;
		color: #ffffff;
	}
		#content .ip-main-title h1 {
			margin: 0;
			font-size: 74px;
			font-weight: 500;
    		font-family: var(--EBGaramond);
    		line-height: 1;
		}
		.ip-title-description {
			margin-top: 10px;
			font-size: 18px;
			line-height: 28px;
		}
		.ip-main-title .site_custom_button {
			margin-top: 45px;
		}
			.ip-main-title .site_custom_button a {
				width: 222px;
				height: 61px;
			}
				.ip-main-title .site_custom_button a span {
					line-height: 61px;
				}*/

.site_accent {
	background-image: url(../../images/site-accent-big.png);
}

/* SIDE NAVIGATION */
.nav-active-section-ip-custom-banner-wrap .aios-section-nav {
	opacity: 0;
    visibility: hidden;
    pointer-events: none;
}



.ip-blog-outer-wrap {

}
	/* BLOG BANNER */
	.ip-blog-banner-slide-wrap {
		font-size: 0;
		position: relative;
	}
		#ip-blog-banner-slider {
			position: relative;
			z-index: 1;
		}
			.ip-blog-banner-slide-item {
				/*max-width: 1326px;*/
				max-width: 83.62%;
				padding-right: 12px;
				position: relative;
				display: none;
			}
				.ip-blog-banner {
					background-size: cover;
					background-position: center;
					background-repeat: no-repeat;
				}
					.ip-blog-banner canvas {
						width: 100%;
						height: auto;
						min-height: 400px;
						display: block;
					}
				.ip-blog-banner-box {
					width: 100%;
					max-width: 672px;
					padding: 30px 50px 35px 35px;
					position: absolute;
					bottom: 0;
					left: 0;
					color: #ffffff;
					background-color: #011746;
					opacity: 0;
					visibility: hidden;
					pointer-events: none;
				}
					.ip-blog-banner-slide-item.slick-current .ip-blog-banner-box  {
						opacity: 1;
						visibility: visible;
						pointer-events: auto;
					}
					.ip-blog-box-date {
						font-size: 18px;
					}
					.ip-blog-box-title {
						margin-bottom: 15px;
						font-size: 28px;
						font-weight: 500;
						font-family: var(--EBGaramond);
						text-transform: uppercase;
						line-height: 1.2;
					}
					.ip-blog-box-description {
						font-size: 16px;
						line-height: 28px;
					}
		.ip-blog-banner-arrows {
			width: 139px;
			height: 62px;
			position: absolute;
			z-index: 2;
			bottom: 0;
			right: 0;
		}
			.ip-blog-banner-arrows .slick-arrow {
				width: 65px;
				height: 62px;
				position: absolute;
				top: 0;
				background-color: var(--primary-color);
				background-size: auto;
				background-position: center;
				background-repeat: no-repeat;
			}
				.ip-blog-banner-arrows .slick-arrow.blog_prev {
					left: 0;
					background-image: url(../../images/blog/arrow-prev.png);
				}
				.ip-blog-banner-arrows .slick-arrow.blog_next {
					right: 0;
					background-image: url(../../images/blog/arrow-next.png);
				}
				.ip-blog-banner-arrows .slick-arrow:hover {
					background-color: var(--secondary-color);
				}

	.ip-blog-content-wrap {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

		/* BLOG LIST */
		#ip-blog-wrap {
			padding: 115px 0 160px;
			position: relative;
		}
			#ip-blog-wrap .site_accent_01 {
				width: 379px;
				height: 379px;
				top: 365px;
				left: -45px;
			}
			#ip-blog-wrap .site_accent_02 {
				width: 396px;
				height: 396px;
				top: 875px;
				right: -130px;
			}
			#ip-blog-wrap .site_accent_03 {
				width: 250px;
				height: 250px;
				bottom: 440px;
				left: 75px;
			}
			.ip-blog-content {
				position: relative;
				z-index: 2;
			}
				.blog_section_number {
					position: absolute;
					top: -85px;
					left: -45px;
				}
				.ip-blog-list {
					max-width: 1094px;
					margin: 70px auto 0;
					font-size: 0;
				}
					#content .ip-blog-list ul {
						margin: 0;
						list-style-type: none;
						margin-left: -14px;
						margin-right: -14px;
					}
						.ip-blog-list ul li {
							width: calc(100% / 3);
							display: inline-block;
							vertical-align: top;
							padding: 0 14px;
							margin-bottom: 70px;
						}
							.ip-blog-list-photo {
								font-size: 0;
								background-color: var(--primary-color);
							}
								.ip-blog-list-photo canvas {
									width: 100%;
									height: auto;
									display: block;
									background-size: cover;
									background-position: center;
									background-repeat: no-repeat;
									-webkit-transition: all 0.3s ease-in-out;
								    -moz-transition: all 0.3s ease-in-out;
								    -ms-transition: all 0.3s ease-in-out;
								    -o-transition: all 0.3s ease-in-out;
								    transition: all 0.3s ease-in-out;
								}
								.ip-blog-list-photo a:hover canvas {
									opacity: 0.6;
								}
							.ip-blog-list-date {
								margin-top: 20px;
								color: var(--secondary-color);
								font-size: 14px;
							}
							.ip-blog-list-title {
								margin-bottom: 10px;
								color: var(--primary-color);
								font-size: 20px;
								font-weight: 500;
								font-family: var(--EBGaramond);
								text-transform: uppercase;
								line-height: 1.5;
							}
								.ip-blog-list-title a {
									color: inherit;
								}
								.ip-blog-list-title a:hover {
									color: var(--secondary-color);
								}
							.ip-blog-list-description {
								font-size: 16px;
								line-height: 24px;
							}
				.ip-blog-search-wrap {
					max-width: 1094px;
    				margin: 70px auto 0;
					font-size: 0;
					text-align: right;
				}
					.ip-blog-search {
						width: 100%;
						max-width: 484px;
						display: inline-block;
						vertical-align: top;
					}
						.ip-blog-search input[type="text"] {
							width: 84.71%;
							height: 67px;
							display: inline-block;
							vertical-align: top;
							padding: 0 15px;
							font-size: 14px;
							text-transform: uppercase;
							letter-spacing: 0.1em;
							border: none;
							border-bottom: 2px solid #1e2839;
							background-color: transparent;
							outline: none;
	                        -webkit-appearance: none;
	                        -moz-appearance:    none;
	                        appearance:         none;
						}
						.ip-blog-search input[type="submit"] {
							width: 15.29%;
							height: 67px;
							display: inline-block;
							vertical-align: top;
							padding: 0;
							font-size: 0;
							border: none;
							background-color: var(--primary-color);
							background-image: url(../../images/blog/icon-search.png);
							background-size: auto;
							background-position: center;
							background-repeat: no-repeat;
							outline: none;
	                        -webkit-appearance: none;
	                        -moz-appearance:    none;
	                        appearance:         none;
						}
							.ip-blog-search input[type="submit"]:hover {
								background-color: var(--secondary-color);
							}

		/* SEND US A MESSAGE */
		#hp_sendmsg_wrap {
			z-index: unset;
		}
			.sendmsg_section_number {
				font-size: 0;
			}
				.sendmsg_section_number::before {
					content: '02';
					font-size: 220px;
				    font-family: var(--GTSuperTxtTrialMd);
				    color: transparent;
				    -webkit-text-stroke-width: 1px;
				    -webkit-text-stroke-color: #44a1e7;
				    line-height: 1;
				}

.ip-blog-navi {
    display: block;
    text-align: center;
}

.ip-blog-navi .page-numbers {
    border: 1px solid #0a2863;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ip-blog-navi .page-numbers.current,
.ip-blog-navi .page-numbers:hover {
    background: #0a2863;
    color: #fff;
}

/* MOBILE CSS */
@media only screen and (max-width: 1280px) {
	.blog_section_number {
		left: 0;
	}
}

@media only screen and (max-width: 1199px) {
	.site_section_title h2, .site_section_title h1,
	#content .site_section_title h2, #content .site_section_title h1 {
		font-size: 64px;
	}
}

@media only screen and (max-width: 991px) {
	.ip-main-title {
		top: 65%;
	}
	#content .ip-main-title h1 {
		font-size: 45px;
	}
	.ip-title-description {
		font-size: 14px;
	}
	.ip-main-title .site_custom_button {
		margin-top: 15px;
	}
	.site_section_number {
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		margin-bottom: 20px;
		position: relative;
		text-align: center;
	}

	.ip-blog-banner-slide-item {
		max-width: 100%;
		padding: 0;
		text-align: center;
	}
	.ip-blog-banner-box {
		display: inline-block;
		vertical-align: top;
		position: relative;
		right: 0;
		margin: 30px auto;
		padding: 35px;
		text-align: center;
	}
	.ip-blog-banner-arrows {
		position: relative;
		margin: 0 auto;
	}
	#ip-blog-wrap {
		padding: 30px 0 50px;
	}
	#content .ip-blog-list ul {
		margin: 0;
		text-align: center;
	}
	.ip-blog-list ul li {
		width: 100%;
		max-width: 346px;
	}
	.ip-blog-search-wrap {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	
}

@media only screen and (max-width: 480px) {
	.site_section_title h2, .site_section_title h1,
	#content .site_section_title h2, #content .site_section_title h1 {
		font-size: 50px;
	}
	.ip-blog-banner-box {
		padding: 20px;
	}
	.ip-blog-search-wrap {
		margin-top: 20px;
	}
	.ip-blog-search input[type="text"] {
		width: 100%;
		padding: 0 5px;
		letter-spacing: 0.05em;
	}
	.ip-blog-search input[type="submit"] {
		width: 100%;
		margin-top: 10px;
	}
}