@charset "UTF-8";

/* 헤더 */
@media screen and (max-width:1024px) {
	header .default {
		display : none;
	}

	header .mobile{
		display: flex;
	}
}


/* 푸터 */
@media screen and (max-width : 1440px) {
	footer .bot {
		flex-wrap : wrap;
	}

	footer .bot .copy {
		width : 100%;
	}
}

@media screen and (max-width : 1024px) {
	footer .bot .des {
		width : 100%;
	}
}

@media screen and (max-width : 767px) {
	.footer {
		display : none;
	}

	.footer_m {
		display : block;
	}

	footer {
		padding : 60px 20px;
	}

	footer > div {
		width : 100%;
	}

	.footer_m .logo img {
		height        : 28px;
		margin-bottom : 32px;
	}

	.footer_m .footer_menu {
		margin-bottom : 24px;
	}

	.footer_m .footer_menu ul {
		display     : flex;
		gap         : 16px;
		align-items : center;
	}

	.footer_m .footer_menu ul li {
		font-size   : 14px;
		font-weight : 400;
		color       : #cccccc;
	}

	.footer_m .footer_menu ul li.policy {
		font-weight : 600;
	}

	.footer_m .des {
		margin-bottom : 24px;
	}

	.footer_m .des ul {
		display         : flex;
		flex-direction  : column;
		justify-content : center;
		gap             : 8px;
	}

	.footer_m .des ul li {
		font-size   : 14px;
		font-weight : 400;
		color       : #cccccc;
		opacity     : 50%
	}

	.footer_m .sns {
		margin-bottom : 40px;
	}

	.footer_m .sns ul {
		display     : flex;
		gap         : 28px;
		align-items : center;
	}

	.footer_m .copy {
		font-size   : 12px;
		font-weight : 300;
		color       : #ccc;
		opacity     : 50%;
	}
}

/* 로그인페이지 */
@media screen and (max-width : 1600px) {
	.login_page .banner,
	.login_page .login_box {
		width : 50%;
	}
}

@media screen and (max-width : 1024px) {
	.login_page {
		height : 100vh;
	}

	.login_page .banner {
		display : none;
	}

	.login_page .login_box {
		width : 100%;
	}
}

@media screen and (max-width : 767px) {
	.login_logo img {
		height : 60px;
	}

	.login_box h2 {
		font-size : 20px;
	}

	.login_box input {
		font-size : 16px !important;
	}

	.login_box input.login_pw {
		margin-bottom : 16px;
	}

	.login_submit {
		height    : 48px;
		font-size : 16px;
	}

	.login_box .login_util {
		padding-bottom : 24px;
	}

	.login_box .join_btn {
		margin-top : 24px;
	}

	.login_box .join_btn {
		height    : 48px;
		font-size : 16px;
	}
}


/* 회원가입 */

@media screen and (max-width : 640px) {
	.res_complete .bot {
		max-width : 100%;
	}

	.res_complete .bot h2 {
		font-size   : 24px;
		line-height : 1.5;
	}

	.res_complete .bot h2 .br_2 {
		display : block;
	}

	.res_complete .bot .home_btn span {
		font-size : 16px;
	}
}

@media screen and (max-width : 480px) {

	.acc_type .button span {
		font-size : 16px;
	}

	.acc_type .top {
		margin-bottom : 40px;
	}

	.acc_type .top h2 {
		font-size     : 20px;
		margin-bottom : 20px;
	}

	.acc_type .top p {
		font-size : 16px;
	}

	.acc_prog {
		margin-bottom : 48px;
	}

	.acc_prog .prog {
		margin-bottom : 12px;
	}

	.acc_type .bot h2 {
		font-size     : 18px;
		margin-bottom : 48px;
	}

	.acc_prog .txt li {
		font-size : 16px;
	}

	.acc_type .bot li {
		padding : 12px 8px;
	}

	.acc_type .bot li p {
		font-size : 14px;
	}

	.res_prof .bot .input_box label {
		font-size : 14px;
	}

	input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
		font-size : 14px !important;
	}

	.res_prof .bot .input_btn_box .input_btn {
		font-size   : 14px;
		font-weight : 500;
	}

	.res_submit span {
		font-size   : 14px;
		font-weight : 500;
	}

	.res_prof .bot .input_box > div.res_mail .input, .res_prof .bot .input_box > div.res_mail_code .input {
		width : calc(100% - 70px);
	}

	.res_prof .bot .input_btn_box .input_btn {
		width : 60px;
	}

	.res_prof .bot .agree_box label {
		flex        : 1;
		line-height : 1.5;
	}

	.res_complete .top h2 {
		font-size : 20px;
	}

	.res_complete .bot h2 {
		font-size : 20px;
	}

	.res_complete .bot .time {
		font-size : 14px;
	}

	.res_complete .bot .home_btn span {
		font-size : 14px;
	}

	.alert_box > div{
		width: 320px;
	}

	.alert_box > div h3{
		font-size:16px;
	}

	.alert_box > div p{
		font-size:14px;
	}
}