@charset "UTF-8";
/* header */
.header {
	background-color: #fff;
}
.header.active,
.header.activeSearch {
	position: relative;
	z-index: 100;
}
/* top */
.header .top {
	overflow: hidden;
	border-bottom: 1px solid #d6d6d6;
}
._S .header .top {
	overflow: visible;height:75px
}
/* logo */
.header .logo {
	position: absolute;
	top: 34px;
	left: 40px;
	transition: left .1s;
}
.header .logo img {
	display: block;
}
._M .header .logo {
	left: 25px;
}
._S .header .logo {
	top: 12px;
	left: 15px;
}
._S .header .logo a {
	width: 87px;
	height: 26px;
	background-size: 100%;
}
/* search */
.header .search {
	position: relative;
	left: -48px;
	width: 50.46%;
	max-width: 800px;
	height: 60px;
	margin: 30px auto;
	transition: width .1s;
}
._M .header .search {
	width: 45.05%;
}
._S .header .search {
	display: none;
	position: absolute;
	top: 74px;
	left: 0;
	z-index: 50;
	width: 100%;
	max-width: 100%;
	height: 54px;
	margin: 0;
	padding: 0 15px 14px;
	border-bottom: 1px solid #d6d6d6;
	background-color: #fff;
}
._L .search,
._M .search,
._S._main .search {
	display: block !important;
}
.header .search div {
	position: relative;
	width: 100%;
	padding-right: 70px;
	border: 5px solid #003964;
}
._S .header .search div {
	border-width: 2px;
}
.header .search option {
	font-size: 18px;
	font-weight: 300;
}
.header .search select:focus span:after {
	transform: rotate(180deg);
}
.header .search .feFoSelect {
	width: 26%;
	min-width: auto;
	height: 50px;
	padding: 0 0 0 18px;
	border: 0;
	border-radius: 0;
	color: #003964;
	font-size: 18px;
	line-height: 48px;
	background: transparent;
}
.header .search .feFoSelect span:after {
	right: 0;
	width: 8px;
	background-position: -121px 0;
}
/* .header .search label {
	display: inline-block;
	position: relative;
	width: 26%;
	min-width: auto;
	height: 50px;
	padding: 0 0 0 18px;
	color: #003964;
	font-size: 18px;
	font-weight: 400;
	line-height: 49px;
}
.header .search label:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 24px;
	margin-top: -12px;
	background-color: #ddd;
} */
.header .search input[type=text] {
	vertical-align: middle;
	width: 73%;
	height: 50px;
	margin-left: 0;
	border: 0;
	font-size: 18px;
}
._S .header .search input[type=text] {
	width: 100%;
	height: 36px;
	font-size: 16px; /* t */
}
._S .header .search .feForm {
	display: none;
}
._S .header.active .search {
	display: none !important;
}
/* search button */
.header .search .button-search {
	position: absolute;
	top: 50%;
	right: 30px;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	border: 0;
	background: url(../../img/common/spr_button.png) 0 -38px no-repeat;
}
._S .header .search .button-search {
	top: 0;
	width: 18px;
	height: 18px;
	margin-top: 11px;
	background: url(../../img/common/m_spr_button.png) -62px -27px no-repeat;
	background-size: 250px;
}
/* util */
.header .util {
	position: absolute;
	top: 47px;
	right: 40px;
	width: 270px; /* t */
	transition: right .1s;
}
.header .util li {
	float: left;
	position: relative;
}
.header .util li + li {
	padding-left: 39px;
}
.header .util li + li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 18px;
	width: 1px;
	height: 13px;
	margin-top: -6.5px;
	background-color: #ddd;
}
.header .util li a {
	color: #222;
}
.header .util > a {
	position: absolute;
	top: 50%;
	right: 0;
	width: 26px;
	height: 20px;
	margin-top: -10px;
	border: 0;
	background: url(../../img/common/spr_button.png) -28px -38px no-repeat;
}
._M .header .util {
	right: 25px;
}
._S .header .util {
	top: 10px;
	right: 15px;
	height: 51px;
}
._S .header .util ul,
._L .header .util .button-search,
._M .header .util .button-search,
._S._main .header .util .button-search {
	display: none !important;
}
._S .header .util > a,
._S .header .util .button-search.active {
	display: inline-block;
	width: 17.5px;
	height: 14.5px;
	margin-top: -7.25px;
	background: url(../../img/common/m_spr_button.png) -22px -27px no-repeat;
	background-size: 250px;
}
._S .header .util .button-search {
	display: block;
	position: absolute;
	top: 50%;
	right: 35px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	border: 0;
	background: url(../../img/common/m_spr_button.png) 0 -27px no-repeat;
	background-size: 250px;
}
._S .header .util > .active,
._S .header .util .button-search.active {
	right: 0;
	background-position: -43.5px -27px;
}


/* main zoom ¿µ¿ª Ãß°¡ 20220422 tune Lim */

.header .util2 .zoom-out {
border-radius : 3px 0 0 3px;
}
.header .util2 .zoom-in:before, .header .util2 .zoom-out:before {
content : '';
position : absolute;
top : 11px;
left : 9px;
width : 10px;
height : 2px;
background-color : #888;
}
.header .util2 .zoom-in:after {
content : '';
position : absolute;
top : 7px;
left : 50%;
width : 2px;
height : 10px;
background-color : #888;
}
.header .util2 .zoom-in {
margin-left : -1px;
border-radius : 0 3px 3px 0;
}

.header .util2 button {
float : left;
position : relative;
width : 28px;
height : 28px;
border : #ddd solid 1px;
background-color : #fff;
overflow : hidden;
color : transparent;
text-indent : 100%;
white-space : nowrap;
}

.header .util2 {
position : absolute;
top : 47px;
right : 120px;
width : 270px;
transition : right 0.1s;

}

.header .util2 li {
float : left;
position : relative;
}
.header .util2 li + li {
padding-left : 39px;
}
.header .util2 li + li:before {
content : '';
position : absolute;
top : 50%;
left : 18px;
width : 1px;
height : 13px;
margin-top : -6.5px;
background-color : #ddd;
}
.header .util2 li a {
color : #222;
letter-spacing : 0;
}
.header .util2 > a {
position : absolute;
top : 50%;
right : 0;
width : 26px;
height : 20px;
margin-top : -10px;
border : 0;
background : url("https://www.korean.go.kr/asset/css/common/../../img/common/spr_button.png") -28px -38px no-repeat;
}
._M .header .util2 {
right : 85px
}
._S .header .util2 {
top : 0;
right : 15px;
height : 51px;
}
._L .header .util2 .button-search, ._M .header .util2 .button-search, ._S .header .util2 ul, ._S._main .header .util2 .button-search {
display : none !important ;
}
._S .header .util2 .button-search.active, ._S .header .util2 > a {
display : inline-block;
width : 17.5px;
height : 14.5px;
margin-top : -7.25px;
background : url("https://www.korean.go.kr/asset/css/common/../../img/common/m_spr_button.png") -22px -27px no-repeat;
background-size : 250px;
}
._S .header .util2 .button-search {
display : block;
position : absolute;
top : 50%;
right : 35px;
width : 18px;
height : 18px;
margin-top : -9px;
border : 0;
background : url("https://www.korean.go.kr/asset/css/common/../../img/common/m_spr_button.png") 0 -27px no-repeat;
background-size : 250px;
}
._S .header .util2 .button-search.active, ._S .header .util2 > .active {
right : 0;
background-position : -43.5px -27px;
}