@charset "utf-8";

/************************  reset ************************/ 
body {font:1em "Pretendard",Verdana,Dotum,AppleGothic,sans-serif; outline:0; color:#222; font-weight:300; line-height:150%; word-break:keep-all;}

	@media screen and (max-width:499px){
		body {line-height:120%;}
	}

h1, h2, h3, h4, h5, h6 {font:1em "Pretendard",Verdana,Dotum,AppleGothic,sans-serif;}
a {color:inherit;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none;
}

select {appearance:none; -webkit-appearance:none; background:url('../img/common/selectArrow.png') calc(100% - 10px) center #fff no-repeat !important;}
select::-ms-expand { display:none;}

#hd {min-width:inherit;}
.container {position:relative; width:1600px; margin:0 auto;}

	@media screen and (max-width:1649px){
		.container {width:100%; padding:0 2%;}
	}



/************************ header ************************/ 
.sec-header{position:absolute; top:0; left:0; width:100%; height:100px; z-index:998; transition:all ease .5s;}
.sec-header:before {position:absolute; display:block; width:1600px; height:1px; left:calc(50% - 800px); top:100px; background-color:#fff; opacity:0; content:'';}
.sec-header.fixed {position:fixed; background:#fff;}
.sec-header.on{height:410px; background:#fff; }  
.sec-header.on:before{background-color:#ddd; z-index:2; opacity:0.6;} 
.sec-header.on #gnb > ul > li > ul{opacity:1; display:block;}

.sec-header .container {position:relative; top:35px;}

	@media screen and (max-width:1649px){
		.sec-header:before {width:100%; left:0;}
	}

	@media screen and (max-width:999px){
		.sec-header{height:70px;}
		.sec-header .container {top:19px;}
		.sec-header:before {top:70px;}
	}

	@media screen and (max-width:799px){
		.sec-header{height:70px;}
	}

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


.sec-header.hd-down{position:fixed;} 
.sec-header.hd-down:before {display:none !important;}
.sec-header.hd-down #nav-icon{z-index:9;} 
.sec-header.hd-down .gnb-btn{z-index:101;}
.sec-header.hd-down .gnb-btn button {background:none !important}
.sec-header.hd-down .logo {background:url('../img/common/logo.png') center no-repeat !important; background-size:contain !important;}



.logo{float:left; position:relative; display:inline-block; background:url('../img/common/logo.png') center no-repeat; font-size:0; width:160px; height:31px; vertical-align:top; background-size:contain;}

	@media screen and (max-width:1199px){
		.logo {width:140px; height:28px;}
	}

	@media screen and (max-width:999px){
		.logo {top:5px;}
	}


.lang_box {position:absolute; z-index:99; width:auto; top:2px; right:55px; font-weight:600; font-size:17px; text-transform:uppercase;}
.lang_box .btnLang{width:100%; position:relative;display:flex; align-items: center; border:0; color:#000; cursor:pointer;}
.lang_box .btnLang .icon {position:relative; display:block; width:30px; height:30px; margin-right:10px; content:url('../img/common/langIcon.png');}
.lang_box .btnLang:after {position:relative; display:block; margin-left:8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #000; content:'';}
.lang_box .lang{position:absolute; opacity:0; top:15px;padding:10px 0; border-radius:10px; width:135px;text-align:center; display:block; background:#008cc2; transition:all 0.2s ease;-webkit-transition:all 0.2s ease;pointer-events:none;z-index:20; left:0;}
.lang_box .lang.on{opacity:1;top:45px;pointer-events:auto;}
.lang_box .lang span {text-transform:uppercase;}
.lang_box .lang span a{display:block;padding:4px 0;font-size:15px;color:#fff; font-weight:400;}
.lang_box .lang span.on a,
.lang_box .lang span a:hover{color:#f47932;font-weight:500}

	@media screen and (max-width:1649px){
		.lang_box {right:calc(2% + 55px);}
	}

	@media screen and (max-width:1199px){
		.lang_box {right:calc(1% + 50px); font-size:16px;}
		.lang_box .btnLang .icon {margin-right:5px;}
	}

	@media screen and (max-width:999px){
		.lang_box {display:none;}
	}



.gnb-btn{position:absolute; right:0; top:0;}
.gnb-btn button{width:30px; height:30px; border:0; background:inherit; }  
.gnb-btn:hover #nav-icon span:nth-child(1){width:50%;}
.gnb-btn:hover #nav-icon span:nth-child(4){width:50%;}
.gnb-btn:hover #nav-icon.open span:nth-child(6){width:50%;}

	@media screen and (max-width:1649px){
		.gnb-btn {right:2%;}
	}



#nav-icon {width:24px; height:24px; position:relative; margin:0 auto; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); /* -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; */ cursor:pointer;}
#nav-icon span {display:block; position:absolute; height:2px; width:50%; background:#000; opacity:1; webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
#nav-icon span:nth-child(even) {left:50%;}
#nav-icon span:nth-child(odd) {left:0px;}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {top:4px;}
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {top:12px;}
#nav-icon span:nth-child(4){width:0;}
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {top:20px;}
#nav-icon span:nth-child(6){width:25%;}

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

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

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

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



#nav-icon.open{width:50px; height:50px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
#nav-icon.open span:nth-child(1) {left:5px; top:9px; width:50%; right:auto;}
#nav-icon.open span:nth-child(2) {left:calc(50% - 3px); top:9px;}
#nav-icon.open span:nth-child(3) {left:-50%; opacity:0;}
#nav-icon.open span:nth-child(4) {left:100%; opacity:0;}
#nav-icon.open span:nth-child(5) {left:5px; top:26px;}
#nav-icon.open span:nth-child(6) {width:50%; left:calc(50% - 3px); top:26px;} 

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

	@media screen and (max-width:999px){
		#nav-icon.open {width:40px; height:40px; right:5%;}
		#nav-icon.open span:nth-child(1) {left:3px;}
		#nav-icon.open span:nth-child(5) {left:3px; top:23px;}
		#nav-icon.open span:nth-child(6) {top:23px;} 
	}

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

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



#gnb{/*position:relative;*/ position:initial; float:left; width:65%; background:none; margin-left:9.5%;}
#gnb > ul {display:flex; flex-direction:row; justify-content:space-between; width:100%;} 
#gnb > ul > li{float:left; /*width:20%; position:relative;*/ text-transform:uppercase; margin:0 1%;} 
#gnb > ul > li > a{display:block; position:relative; font-size:20px; color:#000; font-weight:600; text-align:center; padding:6px 0 50px; }
.sec-header.on #gnb > ul > li:hover > a {color:#ed1f23;}
#gnb > ul > li a span {position:relative; display:inline-block;}
#gnb > ul > li > ul{display:none; opacity:0; visibility:hidden; position:absolute; width:100%; top:65px; left:0; padding:30px 15px; background:rgba(255,255,255,0.9); border:1px solid #e6e6e6; /*box-shadow:15px 20px 29px 0px rgba(0, 0, 0, 0.23);*/ transition:all 0.4s ease-out; transition-property:opacity, top, visibility; transition-delay:0s, 0s, 0s;}
#gnb > ul > li > ul.active {display: flex; justify-content: center;}
#gnb > ul > li.active ul{opacity:1; visibility:visible; z-index:10;}
#gnb > ul > li > ul > li {margin:0 10px; text-transform:initial;}
#gnb > ul > li > ul > li > a{display:block; position:relative; padding:10px 5px; font-size:20px;  font-weight:500; color:#333; text-align:center;}
#gnb > ul > li > ul > li > a:hover{color:#104cb4;}
#gnb > ul > li > ul > li:first-child > a{border-top-width:0px;}
#gnb > ul > li > ul > li.active > a{color:#222;}

	@media screen and (max-width:1649px){
		#gnb {margin-left:5.5%;}
	}

	@media screen and (max-width:1399px){
		#gnb {margin-left:3.5%;}
		#gnb > ul > li > a {font-size:18px;}
		#gnb > ul > li > ul{padding:20px 10px;}
		#gnb > ul > li > ul > li {margin:0 1%;}
		#gnb > ul > li > ul > li > a {font-size:18px;}
	}

	@media screen and (max-width:1199px){
		#gnb {margin-left:3%; margin-top:-10px;}
		#gnb > ul > li {display:flex; align-items:center; justify-content:center; margin:0 3%;}
		#gnb > ul > li > a {font-size:16px; line-height:120%;}
		#gnb > ul > li > ul{padding:15px 5px;}
		#gnb > ul > li > ul > li {display:flex; align-items:center; justify-content:center; margin:0 0.5%;}
		#gnb > ul > li > ul > li > a {font-size:16px; line-height:120%;}
	}

	@media screen and (max-width:999px){
		#gnb {display:none;}
	}


.gnb-all{position:fixed; top:0; right:-100%;  z-index:3; height:100%; background:#fff; width:100%; display:flex; align-items:center; flex-direction: column; justify-content:center; transition:all ease .6s; z-index:99;} 
.gnb-all.open{  right:0;} 
.gnb-all > ul {display:flex; width:90%; max-width:1200px; margin:0 auto; }
.gnb-all > ul > li{width:100%; position:relative; margin:0 20px;} 
.gnb-all > ul > li:last-child{border-bottom:0;}
.gnb-all > ul > li > h3{font-size:22px; font-weight:600; cursor:default; color:#1f2c61; padding-bottom:20px; border-bottom:2px solid #1f2c61; margin-bottom:20px;}  
.gnb-all > ul > li > ul{display:flex; flex-wrap: wrap; flex-direction: column;}
.gnb-all > ul > li > ul > li {margin-bottom:10px;}
.gnb-all > ul > li > ul > li > a {display:block; font-size:18px; color:#444; font-weight:500; margin:5px 0; position:relative;}
.gnb-all > ul > li > ul > li > a:hover{color:#1f2c61; font-weight:600;}

	@media screen and (max-width:1399px){
		.gnb-all > ul > li > h3 {font-size:24px;}
		.gnb-all > ul > li > ul > li {margin-bottom:5px;}
	}

	@media screen and (max-width:1199px){
		.gnb-all > ul {width:96%; margin:0 2%;}
		.gnb-all > ul > li > h3 {font-size:22px;}
		.gnb-all > ul > li > ul > li > a {font-size:18px;}
	}

	@media screen and (max-width:999px){
		.gnb-all{ max-width:350px; overflow-y:auto; display:block; padding:40px 20px; background-position:20%;}  
		.gnb-all.open{box-shadow:0 0 200px 0 rgba(0,0,0,0.5);}
		.gnb-all > ul {flex-direction: column;}
		.gnb-all > ul > li {margin:0;}
		.gnb-all > ul > li > h3 {font-size:120%; border-bottom: 1px solid #1f2c61; cursor:pointer; padding:0 10px 20px; font-weight:500; border-bottom:1px solid #ddd;}
		.gnb-all > ul > li > ul {display:none; padding:0 20px 30px;}
		.gnb-all > ul > li > ul > li > a {font-size:100%; font-weight:400;}
		.gnb-all > ul > li > h3 > span.bul {display:block;position:absolute;top:0;right:20px;background:#888; transition:all .5s;width:2px;height:20px;margin:0;}
		.gnb-all > ul > li:hover > h3 > span.bul {background:#1f2c61; transition:all .5s;width:2px;}
		.gnb-all > ul > li > h3 > span.bul:after {content:"";display:block;position:absolute;top:0;width:20px;height:2px;margin:9px 0 0 -9px;background:#888;}
		.gnb-all > ul > li:hover > h3 > span.bul:after  {background:#1f2c61;}
		.gnb-all > ul > li > h3.on > span.bul {transform: translateY(0) rotate(-450deg);}
		.gnb-all > ul > li > h3.on > span.bul:after {opacity:0;}
	}

.scr-none{overflow-y:hidden;}
.gnb-all .hd-lang{display:none;}
.gnb-all .allLogo{width:160px; height:31px; float:none; position:relative; z-index:4; margin-bottom:80px; background:url('../img/common/logo.png') center no-repeat !important; background-size:contain !important;} 
.gnb-award {position:absolute;  left:0;  top:100px; display:flex; justify-content:space-between;  width:500px;   height:260px; align-items:center; padding:20px 40px 20px 80px; z-index:2;}
.gnb-award p{padding:0 20px; font-size:22px; margin-top:-80px; line-height:1.2; opacity:0; transition:all ease .3s; color:#333;}
.gnb-award a{display:block; margin:10px 0 0;  color:#333;}
.gnb-award .swiper-container{width:133px;  opacity:0;  transition:all ease .6s; border:4px solid #ddd}
.gnb-award img{vertical-align:top; }
.gnb-award .swiper-button-next, 
.gnb-award .swiper-button-prev{background:none;  height:30px; width:30px; right:20px; left:auto; border:1px solid #ddd; text-align:center; line-height:30px; background:#fff; display:flex;  align-items:center; justify-content:center;}
.gnb-award .swiper-button-next{margin-top:60px;}
.gnb-award .swiper-button-prev{margin-bottom:0; margin-top:31px;} 
.gnb-award .swiper-button-next i, 
.gnb-award .swiper-button-prev i{font-size:12px;}
.sec-header.on .gnb-award p{opacity:1; }
.sec-header.on .swiper-container{opacity:1; }

	@media screen and (max-width:1349px){
		.gnb-award{display:none;}
	}

	@media screen and (max-width:999px){
		.gnb-all .hd-lang{display:flex; flex-wrap: wrap; justify-content: flex-start; position:relative; top:auto; right:auto; left:0; margin:0 0 40px;}
		.gnb-all .hd-lang span, .gnb-all .hd-lang a {width:25px; height:16px; background-size:contain; background-repeat:no-repeat; font-size:0; margin-right:6px; filter: grayscale(1); opacity:0.8;}
		.gnb-all .hd-lang span.on {filter: grayscale(0); opacity:1;}
		.gnb-all .hd-lang .lang01 {background-image:url('../img/common/lang01.jpg');}
		.gnb-all .hd-lang .lang02 {background-image:url('../img/common/lang02.jpg');}
		.gnb-all .hd-lang .lang03 {background-image:url('../img/common/lang03.jpg');}
		.gnb-all .hd-lang .lang04 {background-image:url('../img/common/lang04.jpg');}
		.gnb-all .hd-lang .lang05 {background-image:url('../img/common/lang05.jpg'); border:0.5px solid #eee;}
	}

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

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



/************************ footer ************************/

.sec-footer {clear:both; position:relative; background:#242121; font-size:19px; color:#fff; margin-top:100px;}
.sec-footer #subTabBox {margin-top:0;}
.sec-footer .footerInfo {font-weight:300;}
.sec-footer .footerInfo .copyTitle {display:flex; justify-content: space-between; align-items: center; padding:50px 0 40px; border-bottom:1px solid rgba(255,255,255,0.6);}
.sec-footer .footerInfo .copyTitle > .copyText {font-family: 'S-CoreDream', sans-serif; font-size:24px; font-weight:500; }
.sec-footer .footerInfo .copyTitle > .copyText > b {color:#00ffff;}
.sec-footer .footerInfo .copyTitle > .copyLogo {display:inline-block; width:160px; height:31px; font-size:0; vertical-align:top;}
.sec-footer .footerInfo .copyTitle > .copyLogo span {display:block; overflow:hidden; width:100%; height:100%; background:url('../img/common/copyLogo.png') center no-repeat; }
.sec-footer .footerInfo .copyInfo {display: flex; flex-direction: column; padding:40px 0 76px;}
.sec-footer .footerInfo .copyInfo .copyInfoUl {margin-top:-3px;}
.sec-footer .footerInfo .copyInfo .copyInfoUl > li {margin-top:3px;}
.sec-footer .footerInfo .copyInfo .copy {color:#999; text-align:right;}
.sec-footer .footerInfo .copyInfo .copy .txt .adm {position:relative; top:1px; color:inherit;}

	@media screen and (max-width:1399px) {
		.sec-footer {font-size:18px;}
		.sec-footer .footerInfo .copyTitle > .copyText {font-size:22px;}
	}

	@media screen and (max-width:1199px) {
		.sec-footer {font-size:16px; margin-top:80px;}
		.sec-footer .footerInfo .copyTitle > .copyText {font-size:20px;}
	}

	@media screen and (max-width:999px) {
		.sec-footer {font-size:100%; margin-top:40px;}
		.sec-footer .footerInfo .copyTitle{padding:40px 0 30px;}
		.sec-footer .footerInfo .copyTitle > .copyText {font-size:120%;}
		.sec-footer .footerInfo .copyTitle > .copyText > b {display:block;}
		.sec-footer .footerInfo .copyInfo {flex-direction: column; align-items: flex-start; padding:20px 0 56px;}
		.sec-footer .footerInfo .copyInfo .copy {margin-top:30px; text-align:center;}
	}

	@media screen and (max-width:799px) {
		.sec-footer {text-align:center;}
		.sec-footer .footerInfo .copyTitle {flex-direction: column-reverse; padding:30px 0 20px;}
		.sec-footer .footerInfo .copyTitle > .copyLogo {width:160px; height:31px; margin-bottom:20px;}
		.sec-footer .footerInfo .copyTitle > .copyText {font-size:110%;}
		.sec-footer .footerInfo .copyInfo {padding:20px 0 36px; align-items: center;}
		.sec-footer .footerInfo .copyInfo .copyInfoUl {margin-top:0;}
		.sec-footer .footerInfo .copyInfo .copy .txt {word-break:keep-all;}
	}

	@media screen and (max-width:499px) {
		.sec-footer {font-size:90%;}
		.sec-footer .footerInfo .copyTitle > .copyText {font-size:100%;}
	}


#top_button {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;text-align:center;font-size:15px;z-index:8000;background-color:#000;background-image:url('../img/common/top.png');background-repeat:no-repeat;background-position:50% 50%;color:#000;display:none;border-radius:50%;opacity:0.5; cursor:pointer; border:0;}
#top_button:hover{color:#fff;opacity:1;background-color:#104cb4;}
#top_button span{font-size:0;}

	@media screen and (max-width:799px) {
		#top_button {bottom:10px; right:10px; width:45px;height:45px;}
	}