@charset "utf-8";

.header {position: absolute;width: 100%;left: 0;top: 0;z-index: 20;box-sizing: border-box;background: #000;height:100px;}
.header .logo > a {display: flex; flex-wrap: wrap; color: #55ffa5; align-items: center;}
.header .logo p {margin-left: 10px; font-weight: 500; font-size: 15px; letter-spacing: -0.5px;}
.header .logo img {width: 62px;}
.inner-header {max-width: 1180px; margin: 0 auto;display: flex; flex-wrap: wrap;align-items: center; justify-content: space-between;height: 100%; }

.gnb-wrap {display: flex;width: calc(100% - 500px);justify-content: space-between;align-items: center;}
.gnb {display: flex; flex-wrap: wrap; width: 90%;}
.gnb > li {width: 25%;text-align: left;position: relative;box-sizing: border-box;}
.gnb > li > a {/* font-family: 'bely-display', sans-serif; */font-size: 20px;color: #55ffa5;transition: all 0.3s;position: relative;z-index: 2;font-weight: 500;}
.gnb > li.active > a, .gnb > li:hover > a {color: #55ffa5;}
.gnb .dep2 {display: none;position: absolute;width: 176px;top: 12px;text-align: left;left: 46%;transform: translateX(-50%);padding-top: 50px;}
.gnb .dep2 > ul {background: #55ffa5;padding: 20px 15px;box-sizing: border-box;}
.gnb .dep2 > ul > li > a {font-size: 15px;color: #000;display: inline-block;margin-bottom: 15px;transition: all .3s;position: relative;font-weight: 500;}
.gnb .dep2 > ul > li > a::before {position: absolute;content: '';width: 0;height: 2px;background: #000;bottom: -2px;transition: all 0.3s;}
.gnb .dep2 > ul > li:hover > a {color:#181818;}
.gnb .dep2 > ul > li:hover > a::before {width: 100%;}
.gnb .dep2 > ul > li:last-child > a {margin-bottom: 0;}
.header .lang-btn {text-align: right;font-size: 16px;text-transform: uppercase;background: #55ffa5;font-weight: 500;width: 40px;height: 40px;color: #000;display: block;text-align: center;line-height: 40px;border-radius: 100%;}
.util {display: flex;font-size: 24px;align-items: center;justify-content: space-between;width: 90px;}
.util li {margin-right: 5px;}
.util li:last-child {margin-right: 0;}
.util .header-serch {display: block;color: #000;width: 40px;height: 40px;line-height: 44px;border-radius: 100%;background: #55ffa5;text-align: center;font-size: 18px;font-weight: 700;}
.util .gnb-btn {color: #000;width: 40px;height: 40px;border-radius: 100%;text-align: center;background: #55ffa5;display: block;line-height: 43px;font-size: 16px;}

.slide-btn.hide {display: none;}

.footer {background: #000;}
.inner-footer {max-width: 1180px;margin: 0 auto;color: #666;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 30px 0;align-items: flex-end;font-size: 14px;line-height: 1.5;font-weight: 600;}
.top-btn {display: none;position: fixed;bottom: 15%;right: 100px;text-align: center;}
.top-btn a {display:block;width: 58px;line-height:58px;height: 58px;background: #000;color: #55ffa5;font-size: 16px;font-family: 'bely-display', sans-serif;border-radius: 100%;text-align: center;border: 2px solid #55ffa5;}
.pos-ab {display: none;}
.footer-info a {color: #666;}

@media screen and (max-width:1500px) {
	.top-btn {right: 20px; bottom: 10.5%;}
}

@media screen and (max-width:1200px) {
	.header {padding: 0 20px;}
	.gnb-wrap {width: calc(100% - 300px);}

	.inner-footer {padding: 20px;}
}
@media screen and (max-width:1023px) {
	.header {height: 85px;}
	.header .logo img {width: 50px;}
	.header .logo p {font-size: 13px;}
	.gnb-wrap {justify-content: flex-end; width: auto;}
	.gnb {position: absolute;display: none;width: 100%;left: 0;top: 85px;background: #000;height: calc(100vh - 85px); box-sizing: border-box; padding: 40px;overflow-y:auto;}
	.gnb > li {width: 100%; text-align: left;}
	.gnb > li > a {display: inline-block;padding: 20px 0;font-size: 26px;width: 100%;}
	
	.gnb .dep2 {position: static; display: none; transform: none; padding-top: 0; width: 100%;}
	.gnb .dep2 > ul {border-top: 2px solid #55ffa5;border-bottom: 2px solid #55ffa5;border-radius: 0;text-align: left;}
	.gnb .dep2 > ul > li > a {color: #000;font-size: 18px;}
	.header .lang-btn {font-size: 15px; display: none;}
	.header .lang-btn span {padding: 5px 15px;}
	.gnb-btn.on > i.xi-bars:before {content: '\e921';}
	
	.gnb > li.pos-ab {display: flex;box-sizing: border-box;width: auto;}
	.gnb > li.pos-ab a {text-align: center;color: #000;font-size: 20px;font-family: 'Pretendard', sans-serif;padding: 0;}
	.gnb > li.pos-ab .lang-btn {display: block;}

	.gnb .dep2 > ul > li:hover > a {color: #000;}
	.gnb .dep2 > ul > li:hover > a::before {display: none;}
}
@media screen and (max-width:767px) {
	.header .lang-btn {font-size: 14px;}
	.header .lang-btn span {padding: 0;}

	.inner-footer {flex-direction: column; justify-content: center;align-items:center;}
	.footer-logo {margin-top: 20px;}
}