@charset "UTF-8";
/* 20210329 코로나배너 추가 */
/* 20210329 코로나배너 추가 */


.corona-banner {
	background: url(/humanframe/theme/incheon/assets/image/bg-corona.png)
		no-repeat;
	background-size: cover;
	background-position: center;
}

.corona-banner__inner {
	padding-top: 1.875rem;
	padding-bottom: 1.125rem;
	max-width: 73.25rem;
	margin: 0 auto;
	display: flex;
}

.corona-banner__left {
	width: 18.064846%;
	/* 200/1172 */
	margin-right: 1.25rem;
	margin-top: 0.9375rem;
}

.corona-banner__left-title {
	margin-bottom: 0.9375rem;
}

.corona-banner__left-title img {
	width: 100%;
	object-fit: cover;
}

.corona-banner__left-date {
	margin-bottom: 1.25rem;
}

.corona-banner__left-date .data {
	
	font-weight: 600;
	font-size: 0.8125rem;
	line-height: 1.3;
	color: #565656;
	text-shadow: 0.0875rem 0.0813rem 0 rgb(255, 255, 255);
}

.corona-banner__left-date .txt {

	
	font-weight: 500;
	font-size: 0.8125rem;
	color: #565656;
	text-shadow: 0.0875rem 0.0813rem 0 rgb(255, 255, 255);

}

.column__right {
	width: 81.911263%;
	/* 960/1172 */
}

.column__right-inner {
	display: flex;
}

.column__right-inner-left {
	width: 46.875%;
	/* 450/960 */
	margin-right: 1.1875rem;
	border-radius: 25px;
}

.column__right-inner-left .info {
	
}

.column__right-inner-left .info .top {
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.5rem;
	background: #2F60CF;
	border-radius: 1.5625rem 1.5625rem 0 0;
	position: relative;
	top: 0.125rem;
}

.column__right-inner-left .info .top p {
	font-size: 1.125rem;
	color: #fff;
	font-weight: 500;
}

.column__right-inner-left .info .top .link {
	display: inline-block;
	position: absolute;
	right: 1.375rem;
	top: 50%;
	font-size: 0.75rem;
	font-weight: 500;
	color: #FFEB7D;
	transform: translateY(-50%);
}

.column__right-inner-left .info .top .link::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	width: 100%;
	bottom: 2px;
	background: #FFEB7D;
}

.column__right .mid {
	display: flex;
}

.column__right .mid li {
	position: relative;
	flex: 1;
	background: #fff;
	padding: 0.625rem 0;
	text-align: center;
}

.column__right .mid li::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 58%;
	background: #c3c8d5;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.column__right .mid li:last-of-type::after {
	display: none;
}

.column__right .mid li p.tit {
	font-weight: 500;
	font-size: 0.9375rem;
	color: #333;
}

.column__right .mid li p.num {
	
	font-size: 0.9375rem;
	color: #333333;
}

.column__right .mid li p.num span {
	
	font-weight: 600;
	font-size: 1.125rem;
}

.column__right .bot {
	display: flex;
	align-items: center;
	height: 2.5rem;
}

.column__right .bot li {
	width: 40%;
	max-width: 40%;
	text-align: center;
	background: #d3d9e7;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.column__right .bot li:nth-of-type(1) {
	border-radius: 0 0 0 1.25rem;
}

.column__right .bot li:nth-of-type(2) {
	background: #e3eaf3;
}

.column__right .bot li:nth-of-type(3) {
	border-radius: 0 0 1.25rem 0rem;
}

.column__right .bot li img {
	width: 0.75rem;
	height: 1rem;
	object-fit: cover;
	margin-right: 0.375rem;
}

.column__right .bot li a {
	font-size: 0.935rem;
	color: #333333;
	font-weight: 600;
	position: relative;
	top: 0;
}

.column__right-inner-right {
	position: relative;
	width: 47.875%;
	/* 450/960 */
}

.column__right-inner-right::after {
	position: absolute;
	width: 81px;
	height: 148px;
	bottom: -1px;
	right: -64px;
	content: '';
	background:
		url(/humanframe/theme/incheon/assets/image/bg-corona-icon.png)
		no-repeat;
}

.column__right-inner-right .info {
	border-radius: 25px;
}

.column__right-inner-right .info .top p {
	font-size: 1.125rem;
	color: #fff;
	
	font-weight: 500;
	position: relative;
	top: 0.125rem;
}

.column__right-inner-right .info .top {
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.5rem;
	background: #6446d3;
	border-radius: 1.5625rem 1.5625rem 0 0;
	position: relative;
	top: 0.125rem;
}

.column__right-inner-right .info .link {
	display: inline-block;
	position: absolute;
	right: 1.375rem;
	top: 50%;
	font-size: 0.75rem;
	
	font-weight: 500;
	color: #FFEB7D;
	transform: translateY(-50%);
}

.column__right-inner-right .info .link::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	width: 100%;
	bottom: 2px;
	background: #FFEB7D;
}

.column__right-inner-right .info .mid-wrap {
	
}

.column__right-inner-right .info .mid {
	width: 100%;
}

.column__right-inner-right .info .mid li {
	height: 2.5rem;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	
	font-size: 0.875rem;
	color: #666666;
	border-right: 0.0625rem solid #a4a2c8;
}

.column__right-inner-right .info .mid li  span{
	font-size: 0.9375rem;
    color: #333333;
    display: inline-block;
    font-weight: 400;
    margin-left: 0.2rem;
}

.column__right-inner-right .info .mid li:nth-of-type(1) {
	width: 20%;
	max-width: 20%;
}

.column__right-inner-right .info .mid li:last-of-type {
	border-right: none;
}

.column__right-inner-right .info .mid li::after {
	display: none;
}

.column__right-inner-right .info .mid li.c-pupple {
	color: #6446d3 !important;
}

.column__right-inner-right .info .mid li.c-bold {
	font-weight: 600;
	color: #333333;
	font-size: 1.0625rem;
}

.column__right-inner-right .info .mid li.bg-bold {
	background: #c2c0dc;
	font-size: 1rem;
}

.column__right-inner-right .info .mid li.bg-bold2 {
	background: #d1d3e8;
}

.column__right-inner-right .info .mid li.bg-light {
	background: #dcdaeb;
}

.column__right-inner-right .info .mid li.bg-light2 {
	background: #edf1f9;
}

@media ( max-width :73.25rem) {
	.corona-banner{padding: 0 1em;}
	html {
		font-size: 0.875rem;
	}
	.corona-banner__inner {
		max-width: 100%;
		display: flex;
		flex-direction: column;
	}
	.corona-banner__left {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.corona-banner__left-title {
		margin-right: 2%;
	}
}

@media ( max-width :58.75rem) {
	html {
		font-size: 13px;
	}
	.column__right {
		width: 100%;
	}
	.column__right-inner {
		flex-direction: column;
	}
	.column__right-inner-left {
		width: 100%;
		margin-bottom: 0.9375rem;
	}
	.column__right-inner-right {
		width: 100%
	}
	.column__right .bot li a {
		font-size: 0.975rem;
	}
	.column__right-inner-right::after {
		display: none;
	}
}

@media (max-width:400px){
	    .corona-banner__left {
      align-items: flex-start;
    justify-content: space-between;
}
.corona-banner__left-date .txt{
	font-size: 11px;
    font-weight: bold;
    letter-spacing: -1px;
}
.corona-banner__left-date .data{display:block;}
}


.column__right {
	width: 81.911263%;
	/* 960/1172 */
}

.column__right-inner {
	display: flex;
}

.column__right-inner-left {
	width: 46.875%;
	/* 450/960 */
	margin-right: 1.1875rem;
	border-radius: 25px;
}

.column__right-inner-left .info {
	
}

.column__right-inner-left .info .top {
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.5rem;
	background: #2F60CF;
	border-radius: 1.5625rem 1.5625rem 0 0;
	position: relative;
	top: 0.125rem;
}

.column__right-inner-left .info .top p {
	font-size: 1.125rem;
	color: #fff;
	
	font-weight: 500;
}

.column__right-inner-left .info .top .link {
	display: inline-block;
	position: absolute;
	right: 1.375rem;
	top: 50%;
	font-size: 0.75rem;
	
	font-weight: 500;
	color: #FFEB7D;
	transform: translateY(-50%);
}

.column__right-inner-left .info .top .link::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	width: 100%;
	bottom: 2px;
	background: #FFEB7D;
}

.column__right .mid {
	display: flex;
}

.column__right .mid li {
	position: relative;
	flex: 1;
	background: #fff;
	padding: 0.75rem 0!important;
	text-align: center;
}

.column__right .mid li::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 58%;
	background: #c3c8d5;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.column__right .mid li:last-of-type::after {
	display: none;
}

.column__right .mid li p.tit {
	
	font-weight: 500;
	font-size: 0.9375rem;
	color: #333;
}

.column__right .mid li p.num {
	
	font-size: 0.9375rem;
	color: #333333;
}

.column__right .mid li p.num span {
	font-family: "Noto Sans";
	font-weight: 600;
	font-size: 1.0625rem!important;
}

.column__right .bot {
	display: flex;
	align-items: center;
	height: 2.5rem;
}

.column__right .bot li:nth-of-type(3){
	flex:1 1 55%;
}

.column__right .bot li {
	width: 40%;
	max-width: 40%;
	text-align: center;
	background: #d3d9e7;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.column__right .bot li:nth-of-type(1) {
	border-radius: 0 0 0 1.25rem;
}

.column__right .bot li:nth-of-type(2) {
	background: #e3eaf3;
}

.column__right .bot li:nth-of-type(3) {
	border-radius: 0 0 1.25rem 0rem;
}

.column__right .bot li img {
	width: 0.75rem;
	height: 1rem;
	object-fit: cover;
	margin-right: 0.375rem;
}

.column__right .bot li a {
	font-size: 0.935rem;
	color: #333333;
	
	font-weight: 600;
	position: relative;
	top: 0.1875rem;
}

.column__right-inner-right {
	position: relative;
	width: 47.875%;
	/* 450/960 */
}

.column__right-inner-right::after {
	position: absolute;
	width: 81px;
	height: 148px;
	bottom: -1px;
	right: -64px;
	content: '';
	background:
		url(/humanframe/theme/incheon/assets/image/bg-corona-icon.png)
		no-repeat;
}

.column__right-inner-right .info {
	border-radius: 25px;
}

.column__right-inner-right .info .top p {
	font-size: 1.125rem;
	color: #fff;
	
	font-weight: 500;
	position: relative;
	top: 0.125rem;
}

.column__right-inner-right .info .top {
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.5rem;
	background: #6446d3;
	border-radius: 1.5625rem 1.5625rem 0 0;
	position: relative;
	top: 0.125rem;
}

.column__right-inner-right .info .link {
	display: inline-block;
	position: absolute;
	right: 1.375rem;
	top: 50%;
	font-size: 0.75rem;
	
	font-weight: 500;
	color: #FFEB7D;
	transform: translateY(-50%);
}

.column__right-inner-right .info .link::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	width: 100%;
	bottom: 2px;
	background: #FFEB7D;
}

.column__right-inner-right .info .mid-wrap {
	
}

.column__right-inner-right .info .mid {
	width: 100%;
}

.column__right-inner-right .info .mid li {
	height: 2.5rem;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	
	font-size: 0.875rem;
	color: #666666;
	border-right: 0.0625rem solid #a4a2c8;
	    font-weight: 500!important;
    font-size: 0.9375rem!important;
    color: #333!important;
}

.column__right-inner-right .info .mid li:nth-of-type(1) {
	width: 20%;
	max-width: 20%;
}

.column__right-inner-right .info .mid li:last-of-type {
	border-right: none;
}

.column__right-inner-right .info .mid li::after {
	display: none;
}

.column__right-inner-right .info .mid li.c-pupple {
	color: #6446d3 !important;
}

.column__right-inner-right .info .mid li.c-bold {
	font-weight: 600!important;
	color: #333333!important;
	font-size: 0.9625rem!important;
}

.column__right-inner-right .info .mid li.bg-bold {
	background: #c2c0dc;
	font-size: 1rem;
}

.column__right-inner-right .info .mid li.bg-bold2 {
	background: #d1d3e8;
}

.column__right-inner-right .info .mid li.bg-light {
	background: #dcdaeb;
}

.column__right-inner-right .info .mid li.bg-light2 {
	background: #edf1f9;
}

@media ( max-width :73.25rem) {
	.corona-banner{padding: 0 1em;}
	html {
		font-size: 0.875rem;
	}
	.corona-banner__inner {
		max-width: 100%;
		display: flex;
		flex-direction: column;
	}
	.corona-banner__left {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.corona-banner__left-title {
		margin-right: 2%;
	}
}

@media ( max-width :58.75rem) {
	html {
		font-size: 13px;
	}
	.column__right {
		width: 100%;
	}
	.column__right-inner {
		flex-direction: column;
	}
	.column__right-inner-left {
		width: 100%;
		margin-bottom: 0.9375rem;
	}
	.column__right-inner-right {
		width: 100%
	}
	.column__right .bot li a {
		font-size: 0.975rem;
	}
	.column__right-inner-right::after {
		display: none;
	}
}

@media (max-width:400px){
	    .corona-banner__left {
      align-items: flex-start;
    justify-content: space-between;
}
.corona-banner__left-date .txt{
	font-size: 11px;
    font-weight: bold;
    letter-spacing: -1px;
}
.corona-banner__left-date .data{display:block;}
}


/* header-theme */
.header-theme-wrap {display:block;position:relative;;background-color:#fff;}
.header-theme-wrap .header-theme { display:block;position:relative;width:100%;margin:0 auto;text-align:center;}
.header-theme-wrap .header-theme-title-wrap { float:left;}
.header-theme-wrap .header-theme-title-wrap .header-theme-title { display:block;float:left;}
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon { display:none;}
/*
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon { display:block;float:left;margin-right:20px;}
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon img{ display:block;width:auto;height:30px;vertical-align:middle;margin:25px 0;}*/
.header-theme-wrap .header-theme-title-wrap .header-other-field-wrap {display:block;float:left;}
.header-theme-wrap .header-theme-title-wrap .btn-view-other-field {display:block;overflow:hidden;position:relative;width:28px;height:80px;background-image: url(/humanframe/globaltheme/assets/image/layout/icon-dotted.png);background-size: 16px 16px;background-repeat: no-repeat;background-position:50% 50%;margin:0 0 0 4px;vertical-align:middle;}
.header-theme-wrap .header-theme-title-wrap .btn-view-other-field > span {display:block;overflow:hidden;position:absolute;left:-99999px;width:0;height:0;font-size:0;}
.header-theme-wrap .header-theme-title-wrap .btn-view-other-field.on { background-image: url(/humanframe/globaltheme/assets/image/common/_ionicons_svg_ios-close.svg);background-size:30px 30px;background-position:50% 50%;}
.header-theme-wrap .header-theme-title-wrap .btn-view-other-field.on:after {content:'';display:block;overflow:hidden;position: absolute;bottom:0;right:0;width:28px;height: 14px;background:url('/humanframe/globaltheme/assets/image/layout/ico-type-link-arrow-bg01.png') 5% 0 no-repeat;background-size: 28px 14px;}
/* header-theme-field */
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site  { display:block;float:left;vertical-align:middle;line-height:1; }
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site.field { padding-right:0;}
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site img { display:block;width:auto;height:43px;vertical-align:middle;margin:19px 0 18px 0;}
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong { display:block;color:#1c236c;font-size:24px;font-family:"Noto Sans";font-weight:600;vertical-align:middle;line-height:80px;}
:lang(en) .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong {font-weight:600;}
:lang(ko) .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong {font-weight:500;}
html:lang(ja) .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong { font-weight:600;}
html:lang(zh-CN) .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong,
html:lang(zh-TW) .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong  { font-weight:600;}

@media only screen and (min-width:1025px){
    .header-theme-wrap .header-theme-title-wrap {display:block;}
    .header-theme-wrap .header-theme {height:80px;line-height:80px;}
    .btns-mobile { display:none;}
}
@media only screen and (max-width:1024px){
    .header-theme-wrap .header-theme {height:60px;line-height:60px;background:#fff;box-shadow:4px 4px 4px rgba(0,0,0,0.1);}
    .header.on .header-theme-wrap .header-theme { border-bottom:1px solid #ddd;box-shadow:0 0 0 0;}
    .header-theme-wrap .header-theme-title-wrap {display:inline-block;float:none;margin:0 auto;text-align:center;}
    .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon { display:block;float:left;margin-right:20px;}
	.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon img{ display:block;width:auto;height:30px;vertical-align:middle;/*margin:25px 0;*/}
    .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon { margin-right:4px;}
    .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon img { margin:15px 5px;}
    .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site img {height:30px;margin:15px 5px;}
    .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong {line-height:59px;font-size:calc( 14px + 1vw );}
    .header-theme-wrap .header-theme-title-wrap .btn-view-other-field {height:60px;}
}
@media only screen and (max-width:360px){
	.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon { display:block;float:none;}
	.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site { display:block;float:none;}
	.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon img { height:16px;margin:8px auto 4px auto;}
    .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site img {height:24px;margin:2px auto;}
	.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong { font-size:calc(10px + 2vw);line-height:1;}
	.header-theme-wrap .header-theme-title-wrap .btn-view-other-field {overflow:visible;height:24px;margin:26px 0 10px 15px;}
	.header-theme-wrap .header-theme-title-wrap .btn-view-other-field.on:after {bottom:-14px;}
}
/* 분야별오픈 메뉴 */
.type-quick-link-wrap{display: none; position: absolute;top: 80px;left:0;width:100%;background-color: #d0e7eb;z-index: 10;}
.type-quick-link-wrap:before, .type-quick-link-wrap:after { content:"";display:block;position: absolute;top:0;bottom:0;width:100%;background-color: #d0e7eb;}
.type-quick-link-wrap:before {left:-100%;}
.type-quick-link-wrap:after { right:-100%;}
.type-quick-link-wrap.on { display:block;}
.type-quick-link-wrap > ul{overflow: hidden;width:1172px;margin: 0 auto;padding: 12px 0;box-sizing:border-box;}
/*.header-other-field-wrap .type-quick-link-wrap > ul:before {content:'';display: inline-block;position: absolute;top: -14px;left: 192px;background: url('/humanframe/globaltheme/assets/image/layout/ico-type-link-arrow-bg01.png') 5% 0 no-repeat;width:28px;height: 14px;background-size: 28px 14px;}
.wrapper.ocean .header-other-field-wrap .type-quick-link-wrap > ul:before,
.wrapper.culture .header-other-field-wrap .type-quick-link-wrap > ul:before {left:234px}*/
.type-quick-link-wrap > ul > li{float: left;position: relative;width:10%;margin:10px 0;text-align:center;}
.type-quick-link-wrap > ul > li .ico{display:block;width:80px;height: 80px;border-radius: 50%;border:2px solid #fff;margin: 11px auto 0;}
.type-quick-link-wrap > ul > li:hover .ico{border:2px solid #1e9fd5;}
.type-quick-link-wrap > ul > li:hover:after{content: '';display: inline-block;background: url('/humanframe/globaltheme/assets/image/layout/ico-type-link-arrow-white.png') center center no-repeat #1e9fd5;background-size: 6px 9px;width:24px;height: 24px;border-radius: 50%;position: absolute;bottom: 0;right: 19px;}
.type-quick-link-wrap > ul > li .ico {background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;}
.type-quick-link-wrap > ul > li.traffic .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link01.png');}
.type-quick-link-wrap > ul > li.ocean .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link02.png');}
.type-quick-link-wrap > ul > li.culture .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link03.png');}
.type-quick-link-wrap > ul > li.build .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link04.png');}
.type-quick-link-wrap > ul > li.eco .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link05.png');}
.type-quick-link-wrap > ul > li.health .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link06.png');}
.type-quick-link-wrap > ul > li.welfare .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link07.png');}
.type-quick-link-wrap > ul > li.safe .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link08.png');}
.type-quick-link-wrap > ul > li.env .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link09.png');}
.type-quick-link-wrap > ul > li.pub .ico{background-image: url('/humanframe/globaltheme/assets/image/layout/ico-type-link10.png');}
.type-quick-link-wrap > ul > li > a > span{display: block;font-size: 16px;color:#333;line-height: 1;font-weight: 600;}
.type-quick-link-wrap.on{display: block;}
@media only screen and (max-width:1024px){
	.type-quick-link-wrap {top:60px;}
	/*.header-other-field-wrap .type-quick-link-wrap > ul:before { top:-10px;left:calc(50% + 56px);}
	.wrapper.ocean .header-other-field-wrap .type-quick-link-wrap > ul:before,
	.wrapper.culture .header-other-field-wrap .type-quick-link-wrap > ul:before {left:calc(50% + 88px);}*/
	.type-quick-link-wrap > ul {width:100%;padding:12px;}
	.type-quick-link-wrap > ul > li { width:20%;}

}
@media only screen and (max-width:480px){
	.type-quick-link-wrap > ul > li > a > span { font-size:13px;}
    .type-quick-link-wrap > ul > li .ico { width:48px;height:48px;background-size:60% auto;}
    .type-quick-link-wrap > ul > li.traffic .ico {background-size:auto auto;}
}

/* header-theme-search-wrap */
.header-theme .header-search-wrap { width:518px;position:absolute;top:50%;left:50%; margin-left:-259px;margin-top:-27px; }
.header-theme .header-search-wrap fieldset { display:block;width:100%;height:54px;background-color:#fff;background-image:url("../image/layout/header-search-bg.png");background-size:100% auto;background-repeat:repeat-y;background-position:0 0;padding:5px;box-sizing:border-box; position:relative;}
.header-theme .header-search-wrap .search-keyword {display:block;position:relative;width:100%;height:44px;background-color:#fff;border:0;padding-left:12px;}
.header-theme .header-search-wrap .search-keyword::placeholder { font-size:14px;}
.header-theme .header-search-wrap .btn-search { display:block;position:absolute;right:5px;top:5px;width:44px;height:44px;background-image: url("../plugin/ionicons/svg/_ionicons_svg_md-search.svg");background-size:26px auto;background-repeat:no-repeat;background-position:50% 50%;}
.header-theme .header-search-wrap .keyboardInputInitiator,
.header-theme .header-search-wrap .btn-keyboardui {    display:block;overflow:hidden;position: absolute;top:5px;right: 49px;width:29px;height:44px;background-image:url("../image/layout/btn-keyboardui.png"); background-size:29px 16px;background-repeat:no-repeat;background-position:50% 50%;}
.header-theme .header-search-wrap .btn-search span,
.header-theme .header-search-wrap .keyboardInputInitiator span,
.header-theme .header-search-wrap .btn-keyboardui span { display:block;overflow:hidden;position:absolute;width:0;height:0;left:-99999999999999999px;font-size:0;}
.header-theme .header-search-wrap .header-search-label { display:block;position:absolute;left:46px;top:50%;z-index:2;height:16px;margin-top:-8px;font-family:"Noto Sans";font-size:16px;font-weight:400;color:#333333;line-height:1;}
.header-search-label strong { color:#1c236c;font-weight:600;}
.header-theme .header-search-wrap input:focus + .header-search-label { display:none;}
@media only screen and (max-width:1024px){
    .header-theme-wrap .header-theme-title-wrap .header-theme-title { z-index:0;}
    .header-theme .header-search-wrap { display:none;left:calc(4vw + 40px);top:8px;right:calc(4vw + 40px);width:auto;height:auto;margin-left:0;margin-top:0;box-sizing:border-box;}
    .header-theme .header-search-wrap .search-keyword { width:100%;height:36px;box-sizing:border-box;}
    .header-theme .header-search-wrap .btn-search { height:32px;top:8px;}
    .header-theme .header-search-wrap .header-search-label { left:20px;font-size:16px;}
    .header-theme .header-search-wrap .keyboardInputInitiator,
    .header-theme .header-search-wrap .btn-keyboardui { display:none;}
}

/* header-theme-util */
.header-theme-util { position:absolute;right:0;top:50%;height:30px;margin-top:-15px; }
.header-theme-util ul { overflow:hidden;}
.header-theme-util li { float:left;margin:0;line-height:32px;vertical-align:middle; }
.header-theme-util li + li {margin:0 0 0 4px;}
.header-theme-util .btn-go-register { display:block;width:84px;height:32px;background-color:#1c236c;color:#fff;font-size:14px;}
.header-theme-util .btn-go-register:hover, .header-theme-util .btn-go-register:focus { background-color:#1c236c;}
.header-theme-util .select-go-language { display:block;position:relative;width:108px;height:32px;background-color:#0070bd;background-image:url("../image/layout/header-select-language-arw.svg"), url("../image/layout/header-select-language-icon.png");background-size:8px auto, 16px 16px;background-repeat:no-repeat, no-repeat;background-position:calc(100% - 12px) 50%, 11px 50%;border-radius:0;border:0;margin:0;padding:0 30px;color:#fff;font-size:14px;line-height:32px;box-sizing:border-box;}
.header-theme-util .select-go-language:before {content:"";display:block;position:absolute;left:0;top:50%;z-index:1;margin-top:-8px;width:16px;height:16px;background-image:url("../image/layout/header-select-language-icon.svg");background-repeat:no-repeat;background-position:0 50%;}
.header-theme-util .select-go-language:hover, .header-theme-util .select-go-language:focus {background-color:#0070bd;}
@media only screen and (max-width:1024px){
    .header-theme-util { display:none;}
}
.header-language-group { display:block;overflow:hidden;position:relative;width:132px;height:32px;}
.header-language-group .select-language { display:block;position:relative;width:100px;height:32px;background-color:#fff;background-image:url("../image/layout/header-language-arw.png");background-size:8px 6px;background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;border-radius:0;border:1px solid #dddddd;margin:0 32px 0 0;padding:0 10px;font-size:13px;line-height:32px;box-sizing:border-box;}
.header-language-group .btn-go-language { display:block;position:absolute;right:0;top:0;width:32px;height:32px;text-align:center;line-height:32px;background-color:#0070bd;color:#fff;}
.header-language-group .btn-go-language:hover,
.header-language-group .btn-go-language:focus {background-color:#00489c;}