@charset "utf-8";
/*header*/
header {
	position: absolute;
	width: 100%;
	height: 90px;
	z-index: 999;
}
.headerCon {
	width: 100%;
	max-width: 1400px;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
.headerCon::after {
	display: block;
	content: '';
	clear: both;
}
.headerCon h1 {
	float: left;
	width: 200px;
	padding-top: 30px;
}
.headerCon .topMenu {
	float: left;
	width: calc(100% - 455px);
	padding-top: 25px;
	text-align: center;
}
.headerCon .topMenu::after {
	display: block;
	content: '';
	clear: both;
}
.headerCon .topMenu li {
	display: inline-block;
}
.headerCon .topMenu li a {
	display: block;
	padding: 10px 20px;
	font-size: 18px;
	color:#fff;
}
.headerCon .topRight {
	float: right;
	width: 240px;
	padding-top: 25px;
	text-align: center;
}
.headerCon .topRight::after {
	display: block;
	content: '';
	clear: both;
}
.headerCon .topRight a {
	display: inline-block;
	float: left;
	height: 35px;
	line-height: 37px;
	margin-right: 5px;
	padding: 0 20px;
	background: rgba(0,0,0,0.3);
	border: 1px solid #ececec;
	border-radius: 30px;
	font-size: 13px;
	color:#fff;
}

.headerCon .topRight a:hover {
	color:#1a4a9b;
	background: #fff;
}
.headerCon .topRight button {
	float: right;
	height: 30px;
	margin-top: 5px;
	padding: 0;
	text-align: right;
	background: none;
}
.headerCon .topRight button.main {
	display: none;
}

.headerCon {position: relative;}
.backmask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.allmenuWrap {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9999;
	background: #1a4a9b;
	border-radius: 20px;
	box-shadow: 0 0 10px #00215a;
	color:#fff;
}
.closeMenu {
	width: 40px;
	height: 40px;
	margin: 20px 10px 0 0;
	font-size: 30px;
	background: none;
	color:#fff;
}
.allmenuWrap ul {
	padding: 0 50px 50px;
}
.allmenuWrap li {
	margin-bottom: 30px;
}
.allmenuWrap li:last-child {
	margin-bottom: 0;
}
.allmenuWrap li h5 {
	font-size: 22px;
}
.allmenuWrap li > a {
	display: block;
	padding: 5px 0;
	font-size: 17px;
}
.allmenuWrap li > a:nth-child(2) {
	margin-top: 10px;
}
.allmenuWrap li a {
}
.allmenuWrap li:hover h5 {
	color:#fffaa5;
	cursor: pointer;
}
.allmenuWrap li a:hover {
	color:#fffaa5;
}

/*footer*/
footer {
	
	width: 100%;
	background: #f3f3f3;
	font-family: 'Gmarket Sans TTF';
	color:#a0a0a0;
	font-size: 12px;
}
.footCon {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px 20px;
}
.footMenu {
	margin-bottom: 20px;
}
.footMenu a{
	color:#3b3b3b;
}
.footMenu a:hover {
	color:#ed6051;
}
.footMenu span {
	padding: 0 10px;
}
.footInfo {
	overflow: hidden;
	line-height: 1.4;
}
.footInfo li {
	float: left;
	margin-right: 15px;
}
.footInfo li:nth-child(3){
	margin-right: 0;
}
.footInfo b {
	color:#000;
}

.goCompany {
	position: absolute;
	top: 50%;
	right: 0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	display: inline-block;
	padding: 10px 15px;
	float: right;
	border-radius: 30px;
	border: 1px solid #ddd;
	background: #fff;
}
.goCompany img {vertical-align: middle; margin-left: 10px;}
.goCompany:hover {border: 1px solid #1a4a9b; color:#1a4a9b;}

.emailLayer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.emailBg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}
.emailBody {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
	max-width: 480px;
	padding: 30px;
	background: #fff;
	border-radius: 20px;
	color:#000;
}
.emailBody h4 button {
	background: none;
	font-size: 18px;
	font-weight: bold;
	vertical-align: top;
}
.emailBody p {
	line-height: 1.4;
	-ms-word-break: keep-all;
	word-break: keep-all;
	font-size: 16px;
	color:#000;
}


/*sub*/
.subWrap {
	width: 100%;
}
.subCon {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 30px 20px 100px;
}
.subTop {
	position: relative;
	width: 100%;
	height: 290px;
	background: url('/images/sub/subtop02.png') no-repeat top 10% center / cover ;
}
.subTop.sub01 {
	background: url('/images/sub/subtop01.png') no-repeat bottom 30% center / cover;
}
.subTop.sub02 {
	background: url('/images/sub/subtop03.png') no-repeat center / cover;
}
.subTop.sub03 {
	background: url('/images/sub/subtop06.png') no-repeat bottom 35% center / cover;
}
.subTop.sub04 {
	background: url('/images/sub/subtop05.png') no-repeat top 32% center / 100% auto;
}
.subTop h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	width: 100%;
	padding-top: 45px;
	font-size: 40px;
	color:#fff;
	text-align: center;
}
/*.colorWrap {
	width: 100%;
	height: 100%;
	background: rgba(26,74,155,0.5);
}*/
em.pilsu {
	position: relative;
}
em.pilsu::before {
	position: absolute;
	left: -8px;
	top: -1px;
	display: block;
	content: '';
	height: 5px;
	width: 5px;
	background: #1a4a9b;
	border-radius: 3px;
}

@media (max-width: 1200px) {
	.headerCon h1 {
		width: 160px;
		padding-top: 20px;
	}
	.headerCon .topMenu {
		width: calc(100% - 415px);
		padding-top: 20px;
	}
	.headerCon .topMenu li a {
		padding: 10px;
		letter-spacing: -1px;
		font-size: 16px;
	}
	

}
@media (max-width: 980px) {
	.headerCon .topMenu {display: none;}
	.headerCon .topRight a {
		height: 25px;
		line-height: 27px;
	}
	.headerCon .topRight button {margin-top: 0;}
	.subTop h2 {font-size: 36px;}
}
@media (max-width: 560px) {
	.headerCon .topRight {
		text-align: right;
		width: auto;
	}
	.headerCon .topRight a {
		height: auto;
		padding: 5px 10px 2px;
		line-height: 1.2;
		color:#fff;
		background: ;
		border: ;
	}
	.headerCon .topRight a:nth-child(2) {
		margin-right: 10px;
	}
}
@media (max-width: 460px) {
	.headerCon h1 {padding-top: 18px; width: 130px;}
	.subTop {height: 210px;}
	.subTop h2 {font-size: 30px;}
	.footCon {
		padding: 30px 20px 60px;
	}
	.goCompany {
		position: absolute;
		top: auto !important;
		right: 20px;
		transform:none;
		-webkit-transform:none;
		bottom: 10px;
		width: calc(100% - 40px);
		padding: 10px 15px;
		float: none;
		text-align: center;
	}
	.goCompany img {vertical-align: middle; margin-left: 10px;}
	
}
@media (max-width: 360px) {
	.headerCon .topRight a {
		font-size: 13px;
		letter-spacing: -1px;
		margin-right: 3px;
		font-size: 12px;
	}
	.headerCon .topRight a:nth-child(2) {
		margin-right: 5px;
	}
}