#header.hide:hover,
#header:hover {height: 120px; overflow: visible;}

.pop_bg,
.layer_popup,
.layer_privacy,
.layer_email,
.sitemap_wrap {display: none;}

html.lenis, html.lenis body {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-stopped {overflow: hidden;}

#footer .container .terms {z-index: 2;}
@media (max-width: 768px) {
	#footer {overflow: visible !important;}
	#footer .container .terms {position: relative; top: auto; left: auto; margin-top: 20px;}
}

#header .container-fluid #gnb > ul > li {min-width: 170px;}
#header .container-fluid #gnb > ul > li > a {width: auto; min-width: 90px; white-space: nowrap; margin: 0 10px; font-size: 16px;}
#header .bg,
#header .container-fluid #gnb > ul > li > .subm {height: 340px;}
#header .container-fluid #gnb > ul > li > .subm {width: 100%; left: 0; transform: none; overflow: visible;}
#header .container-fluid #gnb > ul > li > .subm > ul > li > a {white-space: nowrap; padding: 0 6px;}
#header .container-fluid #gnb > ul > li > .subm .dep3 {display: none;}

.quick-btn {display: flex !important; align-items: center; justify-content: flex-start; position: fixed; bottom: 40px; right: 66px; width: 320px !important; min-width: 320px; max-width: none !important; height: 60px; line-height: 1.2; border-radius: 50px; background-color: rgba(5, 20, 40, 0.60); font-size: 16px; font-weight: 700; color: #fff; padding: 0 86px 0 24px !important; z-index: 10000001; transition: all .2s linear; box-sizing: border-box; white-space: nowrap; overflow: visible;}
.quick-btn > img {display: block; max-width: 72px; width: 72px; height: auto; margin: 0; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); z-index: 51;}
.quick-btn:hover {color: #37c2b2;}
.quick-btn {cursor: pointer;}

.quick-btn .quick-close {display: none; position: absolute; top: 50%; right: -6px; width: 72px; height: 72px; margin: 0; border-radius: 50%; background: linear-gradient(160deg, #5ee8d6 0%, #2fd3c2 55%, #1fc0b8 100%); box-shadow: 0 8px 18px rgba(47, 211, 194, 0.35); transform: translateY(-50%); z-index: 52; pointer-events: none;}
.quick-btn .quick-close:before,
.quick-btn .quick-close:after {content: ""; position: absolute; top: 50%; left: 50%; width: 22px; height: 3px; border-radius: 3px; background: #fff;}
.quick-btn .quick-close:before {transform: translate(-50%, -50%) rotate(45deg);}
.quick-btn .quick-close:after {transform: translate(-50%, -50%) rotate(-45deg);}
html.ets-ch-open .quick-btn > img {opacity: 0; visibility: hidden;}
html.ets-ch-open .quick-btn .quick-close {display: block;}

#ch-plugin-entry {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

#footer .container .footer-info .btns {width: 500px;}
#footer .container .footer-info .btns > ul > li > a > b {width: auto; flex: 1 1 auto; padding-right: 8px; white-space: nowrap; font-size: 15px;}
#footer .container .terms {max-width: calc(100% - 540px);}
#footer .container .terms > ul {display: flex; flex-wrap: wrap; gap: 8px 22px;}
#footer .container .terms > ul > li {margin-right: 0;}
#footer .container .terms > ul > li > a {white-space: nowrap; font-size: 14px;}

@media (max-width: 1600px) {
	#header .container-fluid #gnb > ul > li {min-width: 148px;}
	#header .container-fluid #gnb > ul > li > a {font-size: 15px; margin: 0 6px;}
}

@media (max-width: 1400px) {
	#header .container-fluid #gnb > ul > li {min-width: 132px;}
	#header .container-fluid #gnb > ul > li > a {font-size: 14px; margin: 0 4px;}
	#footer .container .terms {max-width: 100%; position: relative; top: auto; left: auto; margin: 16px 0 8px;}
	#footer .container .footer-info .btns {width: 100%; max-width: 500px;}
}

@media (max-width: 1024px) {
	.quick-btn {right: 26px; bottom: 24px; width: 280px !important; min-width: 280px; height: 50px; font-size: 14px; padding: 0 72px 0 18px !important;}
	.quick-btn > img,
	.quick-btn .quick-close {max-width: 56px; width: 56px; height: 56px;}
	.quick-btn .quick-close:before,
	.quick-btn .quick-close:after {width: 18px;}
	.quick-top.show {bottom: 92px; right: 20px;}
	#footer .container .terms > ul > li > a {white-space: normal;}
}

@media (max-width: 480px) {
	.quick-btn {right: 12px; width: 250px !important; min-width: 250px; font-size: 13px; padding: 0 64px 0 14px !important;}
	.quick-btn > img,
	.quick-btn .quick-close {max-width: 50px; width: 50px; height: 50px;}
	.quick-btn .quick-close:before,
	.quick-btn .quick-close:after {width: 16px;}
}