@charset "utf-8";

@media (max-width: 1400px) {
	.design > .container::before {font-size: 250px;}
	.design .design_txt {padding-left: 0;}
	.design .design_txt h5 {font-size: 120px;}
	.design .design_txt .gr_line {max-width: 300px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	#footer .copyright {font-size: 30px;}
	#footer .copyright p {font-size: 16px;}
	
	.design > .container::before {font-size: 180px;} 
	.design .design_txt .gr_line {margin: 30px 20px 0 40px}
	
	.pop_contact .contact {width: calc(100% - 30px);}
}

@media (max-width: 768px) {
	#header .logo {top: 30px;}
	#header .head-util {top: 39px;}
	
	#footer > .container {padding-top: 150px;}
	#footer .copyright {font-size: 24px; line-height: 1.5;}
	#footer .copyright p {display: block;}
	#footer .terms li a {font-size: 18px;}
	
	#footer .ft_contact img {width: 70%;}
	
	.design > .container {padding-top: 60px;}
	.design > .container::before {font-size: 130px; left: 5px;}
	.design .design_txt h5 {font-size: 75px;}
	.design .design_txt .gr_line {height: 7px; margin: 20px 10px 0 20px;}
	
	.pop_contact .contact {padding: 70px 15px 40px;}
	.pop_contact .contact::after {width: 100px; height: 100px; line-height: 100px; top: -50px; font-size: 20px;}
	.pop_contact .contact .privacy_box > h4 {font-size: 20px;}
	.inquiry-wrap .label {width: 125px; padding:0 10px;}
	.inquiry-wrap .row .input {padding: 6px 10px;}
	.inquiry-wrap .row select.input {padding: 6px 10px;}
	.inquiry-wrap .row ul.mail li:last-child {max-width: 100px;}
}

@media (max-width: 480px) {
	#header .logo > a {width: 130px; height: 56px; background-size: 130px auto;}
	#header .head-util .btn-nav {width: 60px; height: 38px;}
	#header .head-util .btn-nav > span {height: 7px;}
	#header .head-util .btn-nav > span ~ span {margin-top: 4px;}
	
	#footer {padding: 80px 0;}
	#footer > .container {padding-top: 80px;}
	#footer .copyright {font-size: 18px; margin-top: 50px;}
	#footer .copyright p {font-size: 14px;}
	#footer .terms li a {font-size: 16px;}
	
	.design > .container::before {left: 50%; transform: translateX(-50%); font-size: 100px;}
	.design .design_txt {display: block; padding-right: 0; clip-path: inset(0 0 100% 0); margin-top: 20px;}
	.design .design_txt .gr_line {width: 5px; height: 100px; background-image: linear-gradient(to bottom, #9000f7, #32d202); margin: 15px auto;}
	
	.pop_contact .contact {padding-top: 80px; top: 0;}
	.pop_contact .contact::after {transform: none; left: 15px; background-color: #fff; color: #ff00a2; width: auto; line-height: 50px; height: 50px; top: 10px; font-size: 24px;}
	.pop_contact .contact .contact_close {width: 22px;}
	.pop_contact .contact .privacy_box > h4 {font-size: 18px;}
	.pop_contact .contact .privacy_box .privacy {padding: 15px 10px; font-size: 14px; height: 150px; line-height: 1.5; margin-top: 15px;}
	.pop_contact .contact .privacy_box .radiobox {font-size: 14px;}
	.inquiry-wrap .label {font-size: 14px;}
	.inquiry-wrap .row {padding: 7px 0;}
	.inquiry-wrap .row .input {font-size: 14px; max-width: 100% !important}
	.inquiry-wrap .col {flex-wrap: wrap;}
	.inquiry-wrap .col .label {width: 100%; border-bottom: 0; line-height: 39px;}
	.inquiry-wrap .col.col_captcha .label {line-height: 39px;}
	.inquiry-wrap .row ul.mail li {width: 33.3333%; max-width: none;}
	.inquiry-wrap .row ul.mail li:last-child {max-width: none; width: 33.3333%; padding: 0 15px;}
	.pop_contact .contact .contact_btns {gap: 15px; margin-top: 30px;}
	.inquiry-wrap .row ul li:after {right: -3px;}
	.inquiry-wrap .row .input::placeholder {font-size: 14px;}
	
}