@charset "utf-8";

/* HEAD(COMMON)_CSS Document */


/* Head_area Layout ----------------------------------------------------------------------------------------------------------------------------*/

.main_banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	height: 40px;
}
.main_tab {
	position: absolute;
	top: 0;
	right: 0;
	width: 1010px;
	height: 40px;
}

/* Head_area Contents ----------------------------------------------------------------------------------------------------------------------------*/

.main_banner img {
	position: relative;
} 
/* 2019.04.01 kang 로고 애니메이션 추가 시작 */

.logo-container {
	width: 190px;
	height: 40px;
}
.logo-container li div {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.zero {
	opacity: 0;
	animation: fadeout 36s;
}
.front_1 {
	opacity: 0;
	-webkit-animation: fadein 36s infinite 0s;
	-moz-animation: fadein 36s infinite 0s;
	-o-animation: fadein 36s infinite 0s;
	-ms-animation: fadein 36s infinite 0s;
	animation: fadein 36s infinite 0s;
}
.back_1 {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: fadein 36s infinite 0s;
	-moz-animation: fadein 36s infinite 0s;
	-o-animation: fadein 36s infinite 0s;
	-ms-animation: fadein 36s infinite 0s;
	animation: fadein 36s infinite 0s;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.front_2 {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: fadein 36s infinite 0s;
	-moz-animation: fadein 36s infinite 0s;
	-o-animation: fadein 36s infinite 0s;
	-ms-animation: fadein 36s infinite 0s;
	animation: fadein 36s infinite 0s;
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}
.back_2 {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: fadein 36s infinite 0s;
	-moz-animation: fadein 36s infinite 0s;
	-o-animation: fadein 36s infinite 0s;
	-ms-animation: fadein 36s infinite 0s;
	animation: fadein 36s infinite 0s;
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-o-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s;
}
.front_3 {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: fadein 36s infinite 0s;
	-moz-animation: fadein 36s infinite 0s;
	-o-animation: fadein 36s infinite 0s;
	-ms-animation: fadein 36s infinite 0s;
	animation: fadein 36s infinite 0s;
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-o-animation-delay: 24s;
	-ms-animation-delay: 24s;
	animation-delay: 24s;
}
.back_3 {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: fadein 36s infinite 0s;
	-moz-animation: fadein 36s infinite 0s;
	-o-animation: fadein 36s infinite 0s;
	-ms-animation: fadein 36s infinite 0s;
	animation: fadein 36s infinite 0s;
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-o-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}

/* Animation for bg images Fadeout */

@-webkit-keyframes fadeout {
 0% {
opacity: 1;
 -webkit-animation-timing-function: ease-out;
}
 8% {
opacity: 1;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-moz-keyframes fadeout {
 0% {
opacity: 1;
 -moz-animation-timing-function: ease-out;
}
 8% {
opacity: 1;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-o-keyframes fadeout {
 0% {
opacity: 1;
 -o-animation-timing-function: ease-out;
}
 8% {
opacity: 1;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-ms-keyframes fadeout {
 0% {
opacity: 1;
 -ms-animation-timing-function: ease-out;
}
 8% {
opacity: 1;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@keyframes fadeout {
 0% {
opacity: 1;
 animation-timing-function: ease-out;
}
 8% {
opacity: 1;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}


/* Animation for bg images Fadein */

@-webkit-keyframes fadein {
 0% {
opacity: 0;
 -webkit-animation-timing-function: ease-in;
}
 8% {
opacity: 1;
 -webkit-animation-timing-function: ease-out;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-moz-keyframes fadein {
 0% {
opacity: 0;
 -moz-animation-timing-function: ease-in;
}
 8% {
opacity: 1;
 -moz-animation-timing-function: ease-out;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-o-keyframes fadein {
 0% {
opacity: 0;
 -o-animation-timing-function: ease-in;
}
 8% {
opacity: 1;
 -o-animation-timing-function: ease-out;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-ms-keyframes fadein {
 0% {
opacity: 0;
 -ms-animation-timing-function: ease-in;
}
 8% {
opacity: 1;
 -ms-animation-timing-function: ease-out;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@keyframes fadein {
 0% {
opacity: 0;
 animation-timing-function: ease-in;
}
 8% {
opacity: 1;
 animation-timing-function: ease-out;
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
/* 2019.04.01 kang 로고 애니메이션 추가 끝 */

.main_tab ul{
	position: absolute;
	right:0;
	bottom:0;
	font-size:13px;
	color:#fff;
}

/*--------------------------------------------------------------------------- SELECT(lang) Animation */


.lang-select {
  position:absolute;
  right:100%;
  margin-right:-10px;
  width:95px;
  height:auto;
  color:#fff;
}

.langselect-element {
  position: relative;
  left:5px;
  width: 75px; 
  cursor: pointer;
}

.langselect-element.active + .langselect-dropdown {
  position: relative;
  top: 4px;
  left:0;
  visibility: visible;
  opacity: 1;
}

/*************************** 2018.07.03 다국어 일본어, 중국어 삭제 시작 ***************************/

.langselect-dropdown {
  position: absolute;
  top:-10px;
  left:0;
  padding:30px 50px;
  visibility: hidden;
  opacity: 0;
  background-color: #222b36;
  border-radius: 10px;
}

/*************************** 2018.07.03 다국어 일본어, 중국어 삭제 끝 ***************************/
.langselect-dropdown li {
  position:absolute;
  top:11px;
  left:9px;
  cursor: pointer;
  font-size:13px;
  line-height:13px;
}
.langselect-dropdown p {
  float:right;
}