@charset "utf-8";

@media (max-width: 1600px) {
	.q-btn.show {right: 15px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	
	#footer .inner {gap: 50px;}
	
	.popup .apply {width: calc(100% - 30px);}
	.privacy_detail {width: calc(100% - 60px);}
}

@media (max-width: 768px) {
	#footer .inner {gap: 30px; flex-wrap: Wrap;}
	#footer .info {padding-right: 0;}
	#footer .ft_logo {max-width: 100%;}
	#footer .bottom {flex-wrap: wrap;}
	#footer .bottom .terms {flex-wrap: wrap; gap: 5px 15px}
	.quick-top .btn-top {width: 55px; height: 55px;}
	.q-btn > a {width: 80px; height: 80px; font-size: 16px;}
	
	.popup .apply {padding: 36px 30px 50px}
	.popup .apply .pop_close {right: 30px;}
	.popup .inner {margin-top: 60px;}
	.popup .inner h4 {font-size: 30px;}
	.popup .inner h4 > span {font-size: 22px;}
	.inp_txt {font-size: 16px; padding: 0 10px; height: 50px;}
	.inp_txt::placeholder {font-size: 16px;}
	.popup .item ~ .item {margin-top: 20px;}
	.popup .item span {font-size: 16px;}
	.popup select {font-size: 16px; background-position: calc(100% - 10px) 50%; background-size: 10px auto;}
	.popup .privacy_area h5 {font-size: 16px;}
	.popup .privacy_area .box {padding: 15px;}
	.popup .privacy_area .box p {font-size: 16px;}
	.popup .privacy_area .agree {flex-wrap: wrap; gap: 10px;}
	.popup .privacy_area .agree h5 {width: 100%;}
	.popup .privacy_area .agree h5 > a {margin-left: 0; margin-top: 5px;}
	.popup .privacy_area .agree .radio-box {margin-left: auto;}
	.popup .privacy_area .agree .radio-box .radio label {font-size: 16px;}
	.popup .confirm > button {max-width: 180px; margin-top: 40px; height: 52px; font-size: 18px;}
	.popup .privacy_area .agree .radio-box {gap: 15px;}
	.popup .privacy_area .agree .radio-box .radio label::before {margin-right: 8px;}
	
	
	.privacy_detail {padding: 50px 20px;}
	.privacy_detail h5 {font-size: 16px;}
	.privacy_detail .cnt {margin-top: 40px;}
	.privacy_detail .cnt h6 {font-size: 16px;}
	.privacy_detail .cnt .table-wrap table colgroup {display: none;}
	.privacy_detail .cnt .table-wrap table td.tit {font-size: 16px; width: 140px;}
	.privacy_detail .cnt .table-wrap table td {padding: 16px;}
	.privacy_detail .cnt .table-wrap table td p {font-size: 16px;}
	.privacy_detail .cnt .table-wrap table td p > strong {font-size: 18px;}
	.privacy_detail .cnt .table-wrap table td.ico {background-size: 20px auto; padding-left: 30px; background-position: 10px 50%;}
	.privacy_detail .cnt .table-wrap table td p > strong.ico {background-size: 20px auto; padding-left: 25px;}
	.privacy_detail .cnt .btn-area {gap: 15px; margin-top: 40px;}
	.privacy_detail .cnt .btn-area > button {font-size: 18px; line-height:  52px;}
	.privacy_detail .cnt ~ .cnt {margin-top: 40px;}
	
	.pop_notice {max-width: 400px;}
}

@media (max-width: 480px) {
	#footer .bottom .ft_nav {gap: 30px;}
	#footer .bottom .ft_nav li ~ li::before {left: -15px;}
	.q-btn > a {width: 65px; height: 65px; font-size: 14px; line-height: 1.3;}
	
	.popup .apply .pop_close {right: 15px; top: 35px; width: 24px; height: 24px;}
	.popup .apply {padding: 36px 15px 50px;}
	.popup .inner h4 {font-size: 24px;}
	.popup .inner h4 > span {font-size: 18px;}
	.inp_txt {font-size: 14px;height: 40px;}
	.inp_txt::placeholder {font-size: 14px;}
	.popup select {font-size: 14px;}
	.popup .privacy_area .agree h5 > a {margin-left: 5px; font-size: 14px;}
	
	.privacy_detail .cnt .table-wrap {overflow: auto;}
	.privacy_detail .cnt .table-wrap table td.tit {font-size: 14px; width: 125px;}
	.privacy_detail .cnt .table-wrap table td {width: 250px;}
	.privacy_detail .cnt .table-wrap table td p {font-size: 14px;}
	.privacy_detail .cnt .table-wrap table td p > strong {font-size: 16px;}
	.privacy_detail .cnt .btn-area {gap: 10px;}
	.privacy_detail .cnt .btn-area > button {font-size: 16px; line-height: 44px;}
	
	.pop_notice {max-width: 330px; padding: 30px 15px;}
	.pop_notice h3 {font-size: 24px;}
	.pop_notice p {font-size: 18px; margin-top: 20px;}
	.pop_notice .pop_close {font-size: 16px; line-height: 40px;}
}