/* admin 공통 */
.adm_wrap{margin: 195px auto 120px; max-width: 540px;}
.adm_title{font-size: 35px; text-align: center; margin-bottom: 65px;}
.adm_wrap .chkbox{width: 20px; height: 20px; border-radius:5px; border:1px solid #AAA;  background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.adm_wrap .chkbox:checked{border-color: #000; background: #fff url("/img/adm/check_ic.svg") no-repeat center / 11px;}
.adm_wrap .input{font-size: 16px; width: 100%; height: 50px; line-height: 50px; padding:  0 15px; border: 1px solid #E5E5E5; background: #FFF; border-radius: 5px; transition: border 0.3s;}
.adm_wrap .input::placeholder{color: #AAA;}
.adm_wrap .input:focus, .adm_wrap .input:hover{border-color: #000;}
.adm_wrap .input.rd_line{border-color: #F00;}
.adm_wrap .input:read-only{border-color: #CCC !important; background: #F8F8F8; color: #AAA; cursor: not-allowed;}
.adm_wrap .submit{width: 100%; height: 55px; line-height: 55px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; border-radius: 5px; background: #000; border: none; display: block;}
.chkbox_wrap{display: flex; align-items: center; gap:10px;}
.chkbox_wrap label{font-size: 16px; font-weight: 500;}
.adm_wrap .radio_wrap{display: flex; flex-wrap: wrap; gap:15px 30px;}
.adm_wrap .radio_wrap span{font-size: 16px; font-weight: 500; display: flex; align-items: center; gap:10px; color: #888;}
.adm_wrap .radio{width: 20px; height: 20px; background: #fff; border: 1px solid #AAA; border-radius:50%; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.adm_wrap .radio:checked{border: 6px solid #000;}
.adm_wrap .radio:checked + label{color: #000;}

/* 관리자 로그인 */
.login_adm{background: #F0F0F0; display: flex; justify-content: center; align-items: center; height: 100vh;}
.login_adm_inner{width: 100%; max-width: 380px;}
.login_adm .logo{text-align: center;}
.login_adm .logo img{width: 150px;}
.login_adm .ip_wrap{margin-top: 60px;}
.login_adm .ip_wrap li + li{margin-top: 10px;}
.login_adm .ip_wrap li .input{font-size: 16px; width: 100%; height: 60px; line-height: 60px; border-radius: 30px; padding: 0 25px;}
.auto_login{display: flex; align-items: center; gap:10px; margin-top: 20px;}
.auto_login label{font-size: 16px; font-weight: 500; color: #555;}
.login_adm .submit_btn{margin-top: 35px;}
.login_adm .submit{width: 100%; height: 55px; line-height: 55px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; border-radius: 30px; background: #000; border: none;}

/* 로그인 */
.login{max-width: 400px; margin: 0 auto;}
.login .ip_wrap li + li{margin-top: 10px;}
.login .submit_btn{margin-top: 35px;}
.login_bt{margin: 20px 0 35px; gap:15px; display: flex; align-items: center; justify-content: center;}
.login_bt a{font-size: 16px; color: #555;}
.login_bt .line{display: block; width: 1px; height: 10px; background: #C7C7C7; margin: 0;}
.login_sns{display: flex; flex-wrap: wrap; gap:10px 0; justify-content: space-between;}
.login_sns a{display: flex; align-items: center; gap:25px; width: 48.9%; height: 50px; border-radius: 5px; border: 1px solid #F3F3F3; background: #FFF; padding: 0 20px; font-size: 16px; font-weight: 500; color: #555;}
.login_sns a img{display: block; width: 20px;}

/* 회원가입 약관동의 */
.join_sns{display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #E5E5E5;}
.join_sns p{font-size: 16px; letter-spacing: -0.32px; font-weight: 600;}
.join_sns .sns_list{display: flex; justify-content: flex-end; gap:10px;}
.join_sns .sns_list img{width: 40px;}
.join_agree{padding-top: 30px;}
.join_agree_cont{margin-top: 30px;}
.join_agree_cont h3{font-size: 18px; font-weight: 600;}
.join_agree_cont .agree + .agree{margin-top: 40px;}
.join_agree_cont .detail{border-radius: 5px; border: 1px solid #F3F3F3; background: #FFF; margin: 15px 0; padding: 20px 15px 20px 30px;}
.join_agree_cont .detail_inner{max-height: 110px; overflow-y: auto; padding-right: 20px;}
.join_agree_cont .detail_inner::-webkit-scrollbar {width: 3px; /* 스크롤바의 너비 */}
.join_agree_cont .detail_inner::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #888888; /* 스크롤바의 색상 */ border-radius:10px;}
.join_agree_cont .detail_inner::-webkit-scrollbar-track {background: #DDDDDD; /*스크롤바 뒷 배경 색상*/ border-radius:10px;}
.join_agree_cont .detail p{font-size: 14px; color: #999;}
.join_agree_cont .detail p + p{margin-top: 10px;}
.join_agree_cont .detail p.bold{font-weight: 700; color: #000;}
.join_agree .submit_btn{margin-top: 40px;}

/* 회원가입 본인인증 */
.join_auth{margin-top: 50px;}
.join_auth h3{font-size: 18px; font-weight: 600;}
.join_auth .auth_list{margin: 15px 0;}
.join_auth .auth_list a{display: flex; align-items: center; gap:50px; padding: 45px 50px; border-radius: 5px; border: 1px solid #F3F3F3; background: #FFF; transition: border 0.3s;}
.join_auth .auth_list a:hover{border-color: #000;}
.join_auth .auth_list a + a{margin-top: 10px;}
.join_auth .auth_list a .icon img{width: 50px;}
.join_auth .auth_list a dl dt{font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.join_auth .auth_list a dl dd{font-size: 16px; font-weight: 500; color: #555;}
.join_auth .desc_txt li{font-size: 14px; color: #555; line-height: 1.7; position: relative; padding-left: 13px;}
.join_auth .desc_txt li:before{content: '※'; position: absolute; left: 0; top: 0;}

/* 회원정보 입력 */
.req{font-style: initial; color: #F00;}
.rd_txt{color: #F00;}
.join_form_wrap .req_txt{font-size: 16px; text-align: right;}
.join_form{padding: 30px 0; border-bottom: 1px solid #E5E5E5;}
.join_form dl + dl{margin-top: 30px;}
.join_form dl dt{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.join_form dl dd .input_wrap{display: flex; justify-content: space-between;}
.join_form dl dd .input_wrap .input{width: calc(100% - 120px - 10px);}
.join_form dl dd .input_wrap button{width: 120px; height: 50px; line-height: 50px; font-size: 18px; font-weight: 700; color: #FFF; border-radius: 5px; background: #000; border:none; display: block;}
.join_form dl dd .input.add{margin-top: 10px;}
.join_form dl dd .desc{font-size: 12px; margin-top: 15px;}
.join_form_wrap .submit_btn{margin-top: 30px;}


/* 완료페이지 */
.adm_wrap .complete{text-align: center; padding: 0 0 50px; border: none;}
.adm_wrap .complete img{width: 48px;}
.adm_wrap .complete .txt{margin-top: 25px;}
.adm_wrap .complete .txt strong{font-size: 20px; line-height: 1.4;}
.adm_wrap .complete .txt p{font-size: 18px; margin-top: 10px; font-weight: 500; color: #AAA;}
.adm_wrap .complete a{display: inline-block; margin-top: 30px; font-size: 18px; font-weight: 700; width: 150px; line-height: 60px; border-radius: 5px; background: #E5E5E5; text-align: center;}


/* 회원정보 찾기 */
.find{max-width: 400px; margin: 0 auto; width: 100%;}
.find .tp_txt{padding-bottom: 30px; border-bottom: 1px solid #E5E5E5;}
.find .tp_txt p{font-size: 16px; color: #555;}
.find.member .join_form{padding: 30px 0 20px; border-bottom: none;}
.find .recaptcha{margin-bottom: 24px;}
.find .recaptcha img{width: 302px;}


/* 아이디, 비번 찾기 */
.find_tab{display: flex; margin-bottom: 60px;}
.find_tab a{display: block; width: 50%; line-height: 50px; font-size: 16px; border:1px solid #E5E5E5; border-bottom-color: #000; font-weight: 500; color: #CCC; text-align: center;}
.find_tab a.on{color: #000; border-color: #000; border-bottom: none; font-weight: 600;}
.submit_btn.btn2{display: flex; justify-content: space-between; margin-top: 45px;}
.submit_btn.btn2 a{width: 49%; display: block; height: 60px; line-height: 60px; border-radius: 5px; text-align: center;}
.submit_btn.btn2 a.white{font-size: 18px; font-weight: 700; color: #888; border: 1px solid #888;}
.result_form{padding: 30px 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.result_form dl{display: flex; font-size: 18px; gap:40px; line-height: 1.38;}
.result_form dl + dl{margin-top: 30px;}
.result_form dl dt{min-width: 90px; font-weight: 600;}
.result_form dl dd{width: calc(100% - 90px - 40px); color: #888;}
.pw_result{margin: 30px 0 45px; font-size: 18px; line-height: 1.38;}


/* 마이페이지 정보 */
.mypage h3{font-size: 26px; font-weight: 600; margin-bottom: 20px;}
.mypage .result_form{border-top-color: #000;}
.mypage .submit_btn.btn2 .white{width: 38%;}
.mypage .submit_btn.btn2 .submit{width: 60.5%;}

/* 마이페이지 정보수정 */
.mypage .join_form{border-top: 1px solid #000; margin-bottom: 45px;}


/* 회원탈퇴 */
.withdraw{max-width: 400px; margin: 0 auto; text-align: center;}
.withdraw img{width: 60px;}
.withdraw strong{display: block; font-size: 20px; margin-top: 25px; line-height: 1.4;}
.withdraw .join_form{text-align: left;}




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

	/* admin 공통 */
	.adm_wrap{margin: 15.23vw auto 9.38vw; max-width: 42.19vw;}
	.adm_title{font-size: 2.73vw; margin-bottom: 5.08vw;}
	.adm_wrap .chkbox{width: 1.56vw; height: 1.56vw; border-radius:3px;}
	.adm_wrap .chkbox:checked{background-size: 0.86vw;}
	.adm_wrap .input{font-size: 1.25vw; height: 3.91vw; line-height: 3.91vw; padding: 0 1.17vw;}
	.adm_wrap .submit{height: 4.30vw; line-height: 4.30vw; font-size: 1.41vw;}
	.chkbox_wrap{gap:0.78vw;}
	.chkbox_wrap label{font-size: 1.25vw;}
	.adm_wrap .radio_wrap{gap:1.17vw 2.34vw;}
	.adm_wrap .radio_wrap span{font-size: 1.25vw; gap:0.78vw;}
	.adm_wrap .radio{width: 1.56vw; height: 1.56vw;}
	.adm_wrap .radio:checked{border: 0.57vw solid #000;}

	/* 관리자 로그인 */
	.login_adm_inner{max-width: 29.69vw;}
	.login_adm .logo img{width: 11.72vw;}
	.login_adm .ip_wrap{margin-top: 4.69vw;}
	.login_adm .ip_wrap li + li{margin-top: 0.78vw;}
	.login_adm .ip_wrap li .input{font-size: 1.25vw; height: 4.69vw; line-height: 4.69vw; padding: 0 1.95vw;}
	.auto_login{gap:0.78vw; margin-top: 1.56vw;}
	.auto_login label{font-size: 1.25vw;}
	.login_adm .submit_btn{margin-top: 2.73vw;}
	.login_adm .submit{height: 4.30vw; line-height: 4.30vw; font-size: 1.41vw;}

	/* 로그인 */
	.login{max-width: 31.25vw;}
	.login .ip_wrap li + li{margin-top: 0.78vw;}
	.login .submit_btn{margin-top: 2.73vw;}
	.login_bt{margin: 1.56vw 0 2.73vw; gap:1.17vw;}
	.login_bt a{font-size: 1.25vw;}
	.login_bt .line{height: 0.78vw;}
	.login_sns{gap:0.78vw 0;}
	.login_sns a{gap:1.95vw; height: 3.91vw; padding: 0 1.56vw; font-size: 1.25vw;}
	.login_sns a img{width: 1.56vw;}

	/* 회원가입 약관동의 */
	.join_sns{padding-bottom: 2.34vw;}
	.join_sns p{font-size: 1.25vw; letter-spacing: -0.02vw;}
	.join_sns .sns_list{gap:0.78vw;}
	.join_sns .sns_list img{width: 3.13vw;}
	.join_agree{padding-top: 2.34vw;}
	.join_agree_cont{margin-top: 2.34vw;}
	.join_agree_cont h3{font-size: 1.41vw;}
	.join_agree_cont .agree + .agree{margin-top: 3.13vw;}
	.join_agree_cont .detail{margin: 1.17vw 0; padding: 1.56vw 1.17vw 1.56vw 2.34vw;}
	.join_agree_cont .detail_inner{max-height: 8.59vw; padding-right: 1.56vw;}
	.join_agree_cont .detail p{font-size: 1.09vw;}
	.join_agree_cont .detail p + p{margin-top: 0.78vw;}
	.join_agree .submit_btn{margin-top: 3.13vw;}

	/* 회원가입 본인인증 */
	.join_auth{margin-top: 3.91vw;}
	.join_auth h3{font-size: 1.41vw; }
	.join_auth .auth_list{margin: 1.17vw 0;}
	.join_auth .auth_list a{gap:3.91vw; padding: 3.52vw 3.91vw;}
	.join_auth .auth_list a + a{margin-top: 0.78vw;}
	.join_auth .auth_list a .icon img{width: 3.91vw;}
	.join_auth .auth_list a dl dt{font-size: 1.41vw; margin-bottom: 0.78vw;}
	.join_auth .auth_list a dl dd{font-size: 1.25vw;}
	.join_auth .desc_txt li{font-size: 1.09vw; padding-left: 1.02vw;}

	/* 회원정보 입력 */
	.join_form_wrap .req_txt{font-size: 1.25vw;}
	.join_form{padding: 2.34vw 0;}
	.join_form dl + dl{margin-top: 2.34vw;}
	.join_form dl dt{font-size: 1.41vw; margin-bottom: 0.78vw;}
	.join_form dl dd .input_wrap .input{width: calc(100% - 9.38vw - 0.78vw);}
	.join_form dl dd .input_wrap button{width: 9.38vw; height: 3.91vw; line-height: 3.91vw; font-size: 1.41vw;}
	.join_form dl dd .input.add{margin-top: 0.78vw;}
	.join_form dl dd .desc{font-size: 0.94vw; margin-top: 1.17vw;}
	.join_form_wrap .submit_btn{margin-top: 2.34vw;}


	/* 완료페이지 */
	.adm_wrap .complete{padding: 0 0 3.91vw;}
	.adm_wrap .complete img{width: 3.75vw;}
	.adm_wrap .complete .txt{margin-top: 1.95vw;}
	.adm_wrap .complete .txt strong{font-size: 1.56vw;}
	.adm_wrap .complete .txt p{font-size: 1.41vw; margin-top: 0.78vw;}
	.adm_wrap .complete a{margin-top: 2.34vw; font-size: 1.41vw; width: 11.72vw; line-height: 4.69vw;}


	/* 회원정보 찾기 */
	.find{max-width: 31.25vw;}
	.find .tp_txt{padding-bottom: 2.34vw;}
	.find .tp_txt p{font-size: 1.25vw;}
	.find.member .join_form{padding: 2.34vw 0 1.56vw;}
	.find .recaptcha{margin-bottom: 1.88vw;}
	.find .recaptcha img{width: 23.59vw;}


	/* 아이디, 비번 찾기 */
	.find_tab{margin-bottom: 4.69vw;}
	.find_tab a{line-height: 3.91vw; font-size: 1.25vw;}
	.submit_btn.btn2{margin-top: 3.52vw;}
	.submit_btn.btn2 a{height: 4.69vw; line-height: 4.69vw;}
	.submit_btn.btn2 a.white{font-size: 1.41vw;}
	.result_form{padding: 2.34vw 0;}
	.result_form dl{font-size: 1.41vw; gap:3.13vw;}
	.result_form dl + dl{margin-top: 2.34vw;}
	.result_form dl dt{min-width: 7.03vw;}
	.result_form dl dd{width: calc(100% - 7.03vw - 3.13vw);}
	.pw_result{margin: 2.34vw 0 3.52vw; font-size: 1.41vw;}


	/* 마이페이지 정보 */
	.mypage h3{font-size: 2.03vw; margin-bottom: 1.56vw;}

	/* 마이페이지 정보수정 */
	.mypage .join_form{margin-bottom: 3.52vw;}


	/* 회원탈퇴 */
	.withdraw{max-width: 31.25vw;}
	.withdraw img{width: 4.69vw;}
	.withdraw strong{font-size: 1.56vw; margin-top: 1.95vw;}

}




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

	/* admin 공통 */
	.adm_wrap{margin: 25.39vw auto 15.63vw; max-width: 100%; padding: 0 7.81vw;}
	.adm_title{font-size: 4.56vw; margin-bottom: 8.46vw;}
	.adm_wrap .chkbox{width: 3.26vw; height: 3.26vw; border-radius:3px;}
	.adm_wrap .chkbox:checked{background-size: 1.8vw;}
	.adm_wrap .input{font-size: 2.99vw; height: 9.11vw; line-height: 9.11vw; padding: 0 2.34vw;}
	.adm_wrap .submit{height: 9.11vw; line-height: 9.11vw; font-size: 3.13vw;}
	.chkbox_wrap{gap:1.95vw;}
	.chkbox_wrap label{font-size: 3.13vw;}
	.adm_wrap .radio_wrap{gap:1.95vw 11.98vw;}
	.adm_wrap .radio_wrap span{font-size: 3.13vw; gap:1.95vw;}
	.adm_wrap .radio{width: 3.91vw; height: 3.91vw;}
	.adm_wrap .radio:checked{border: 1.30vw solid #000;}

	/* 관리자 로그인 */
	.login_adm_inner{max-width: 61.85vw;}
	.login_adm .logo img{width: 32.55vw;}
	.login_adm .ip_wrap{margin-top: 7.81vw;}
	.login_adm .ip_wrap li + li{margin-top: 1.56vw;}
	.login_adm .ip_wrap li .input{font-size: 2.86vw; height: 9.77vw; line-height: 9.77vw; padding: 0 3.73vw;}
	.auto_login{gap:2.0vw; margin-top: 3.26vw;}
	.auto_login label{font-size: 2.86vw; line-height: 1;}
	.login_adm .submit_btn{margin-top: 5.53vw;}
	.login_adm .submit{height: 9.77vw; line-height: 9.77vw; font-size: 3.13vw;}

	/* 로그인 */
	.login{max-width: 61.85vw;}
	.login .ip_wrap li + li{margin-top: 2.60vw;}
	.login .submit_btn{margin-top: 5.21vw;}
	.login_bt{margin: 3.91vw 0 7.81vw; gap:2.34vw;}
	.login_bt a{font-size: 2.86vw;}
	.login_bt .line{height: 2.60vw;}
	.login_sns{gap:1.56vw 0;}
	.login_sns a{gap:2.2vw; width: 48.9%; height: 7.81vw; padding: 0 0 0 3.26vw; font-size: 2.86vw;}
	.login_sns a img{width: 3.26vw;}

	/* 회원가입 약관동의 */
	.join_sns{padding-bottom: 4.82vw;}
	.join_sns p{font-size: 3.13vw; letter-spacing: -0.04vw;}
	.join_sns .sns_list{gap:1.30vw;}
	.join_sns .sns_list img{width: 7.16vw;}
	.join_agree{padding-top: 7.81vw;}
	.join_agree_cont{margin-top: 3.91vw;}
	.join_agree_cont h3{font-size: 3.39vw;}
	.join_agree_cont .agree + .agree{margin-top: 6.90vw;}
	.join_agree_cont .detail{margin: 2.60vw 0; padding: 3.13vw 2.60vw 3.13vw 3.91vw;}
	.join_agree_cont .detail_inner{max-height: 21.48vw; padding-right: 2.60vw;}
	.join_agree_cont .detail p{font-size: 2.86vw;}
	.join_agree_cont .detail p + p{margin-top: 1.95vw;}
	.join_agree .submit_btn{margin-top: 9.11vw;}

	/* 회원가입 본인인증 */
	.join_auth{margin-top: 7.51vw;}
	.join_auth h3{font-size: 3.39vw;}
	.join_auth .auth_list{margin: 5.21vw 0;}
	.join_auth .auth_list a{gap:3.91vw; padding: 6.51vw;}
	.join_auth .auth_list a + a{margin-top: 1.95vw;}
	.join_auth .auth_list a .icon img{width: 9.11vw;}
	.join_auth .auth_list a dl{width: calc(100% - 9.11vw - 3.91vw);}
	.join_auth .auth_list a dl dt{font-size: 3.39vw; margin-bottom: 2.0vw;}
	.join_auth .auth_list a dl dd{font-size: 2.86vw;}
	.join_auth .desc_txt li{font-size: 2.86vw; padding-left: 2.69vw;}

	/* 회원정보 입력 */
	.join_form_wrap .req_txt{font-size: 3.13vw;}
	.join_form{padding: 6.51vw 0;}
	.join_form dl + dl{margin-top: 5.21vw;}
	.join_form dl dt{font-size: 3.26vw; margin-bottom: 2.60vw;}
	.join_form dl dd .input_wrap .input{width: calc(100% - 18.88vw - 1.30vw);}
	.join_form dl dd .input_wrap button{width: 18.88vw; height: 9.11vw; line-height: 9.11vw; font-size: 2.86vw;}
	.join_form dl dd .input.add{margin-top: 1.30vw;}
	.join_form dl dd .desc{font-size: 2.86vw; margin-top: 1.95vw;}
	.join_form_wrap .submit_btn{margin-top: 7.29vw;}


	/* 완료페이지 */
	.adm_wrap .complete{padding: 0 0 6.51vw;}
	.adm_wrap .complete img{width: 8.85vw;}
	.adm_wrap .complete .txt{margin-top: 4.56vw;}
	.adm_wrap .complete .txt strong{font-size: 3.65vw;}
	.adm_wrap .complete .txt p{font-size: 3.26vw; margin-top: 1.95vw;}
	.adm_wrap .complete a{margin-top: 5.21vw; font-size: 3.13vw; width: 27.99vw; line-height: 9.11vw;}


	/* 회원정보 찾기 */
	.find{max-width: 67.06vw;}
	.find .tp_txt{padding-bottom: 6.51vw;}
	.find .tp_txt p{font-size: 3.13vw;}
	.find.member .join_form{padding: 6.51vw 0 3.26vw;}
	.find .recaptcha{margin-bottom: 5.21vw;}
	.find .recaptcha img{width: 50.32vw;}


	/* 아이디, 비번 찾기 */
	.find_tab{margin-bottom: 8.81vw;}
	.find_tab a{line-height: 9.11vw; font-size: 3.13vw;}
	.submit_btn.btn2{margin-top: 7.81vw;}
	.submit_btn.btn2 a{height: 9.11vw; line-height: 9.11vw;}
	.submit_btn.btn2 a.white{font-size: 3.13vw;}
	.result_form{padding: 6.51vw 0;}
	.result_form dl{font-size: 3.13vw; gap:5.21vw;}
	.result_form dl + dl{margin-top: 3.91vw;}
	.result_form dl dt{min-width: 15.72vw;}
	.result_form dl dd{width: calc(100% - 15.72vw - 5.21vw);}
	.pw_result{margin: 5.21vw 0 7.81vw; font-size: 3.26vw;}


	/* 마이페이지 정보 */
	.mypage h3{font-size: 4.17vw; margin-bottom: 3.91vw;}

	/* 마이페이지 정보수정 */
	.mypage .join_form{margin-bottom: 7.81vw;}


	/* 회원탈퇴 */
	.withdraw{max-width: 67.06vw;}
	.withdraw img{width: 9.81vw;}
	.withdraw strong{font-size: 3.65vw; margin-top: 4.51vw;}

}