@charset "utf-8";

@media (max-width: 1400px) {
	.popup-bg .popup {width: calc(100% - 30px);}
}

@media (max-width: 1200px) {
	/* .popup-bg .popup {height: calc(100dvh - 100px);}
	.popup-bg .popup .txt h5 {font-size: 30px;} */
}

@media (max-width: 1024px){
	/* .popup-bg .popup .pop-inner .swiper-slide {padding: 40px 40px 60px;}
	.popup-bg .popup .txt h5 {font-size: 24px;}
	.popup-bg .popup .pop-paging {bottom: 30px; right: 40px;} */
}

@media (max-width: 768px) {
	#gnb {display:none;}
	#header .head-util {display: block;}
	
	.popup-bg .popup {width: calc(100% - 30px);}
	.popup-bg .popup .pop_close {top: 10px; right: 10px;}
	.popup-bg .popup .pop-paging {bottom: 20px;}
	.popup-bg .popup .pop-inner {padding-bottom: 50px;}
	.popup-bg .popup .pop-inner .swiper-slide {padding: 0 30px;}
	.popup-bg .popup .txt {margin-top: 30px;}
	.popup-bg .popup .pop-control .pop-btn {width: 25px; height: 35px; background-size: 7px auto;}
	
	/* .popup-bg .popup .pop-inner .swiper-slide {padding: 40px 20px 60px;}
	.popup-bg .popup .txt h5 {font-size: 20px;}
	.popup-bg .popup .pop-paging {bottom: 30px; right: 20px;}
	.popup-bg .popup .txt ul li {font-size: 14px; line-height: 28px;}
	.popup-bg .popup .txt .info {flex-wrap: wrap; gap: 5px 20px;} */
}

@media (max-width: 480px) {
	#footer .inner {flex-wrap: wrap}
	#footer .terms {margin-top: 20px; display: flex; justify-content: space-between; align-items: center; width: 100%;} 
	#footer .terms .sns {margin-bottom: 0;}
	#footer .terms .quick-top {margin-left: 0;}
	
	/* .popup-bg .popup {height: 85dvh;}
	.popup-bg .popup .pop_close {top: 20px; right: 20px; width: 20px;}
	.popup-bg .popup .pop-control {top: 45%;}
	.popup-bg .popup .pop-control .pop-btn {width: 30px; height: 50px; background-size: 9px auto;} */
	
	.popup-bg .popup .txt h5 {font-size: 18px;}
	.popup-bg .popup .txt .info {flex-wrap: wrap; gap: 5px 10px;}
	.popup-bg .popup .txt .info span {font-size: 14px;}
	.popup-bg .popup .txt ul {margin-top: 15px;}
	.popup-bg .popup .txt ul li {font-size: 14px; line-height: 28px; padding: 0 10px;}
}