<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* 공통 시작 */
	#member_title{width: 100%;height: 700px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;top: 0;left: 0;background-image: url('/../../img/title_bg1.png');}
	#member_title b{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;font-size: var(--font-70);display: block; width: calc(100% - 40px); text-align: center;font-weight: 500;}
	.custom-switch{}
	.custom-switch input{}
	.custom-switch label{font-size: var(--font-16);line-height: var(--lh-30);}
	@media screen and (max-width:1200px){
		#member_title{height: 500px;}
	}
	@media screen and (max-width:900px){
		#member_title{height: 400px;}
	}
	@media screen and (max-width:700px){
		#member_title{height: 300px;}
	}
/* 공통 끝 */

/* 로그인 시작 */
	#mb_login{}
	#mb_login form{width: calc(100% - 40px);max-width: 400px;margin: 10vw auto 10px;border: 1px solid #dde7e9;}
	#mb_login form .btn_top{display: flex;justify-content: space-between;align-items: center;width: 100%;}
	#mb_login form .btn_top p{width: 50%;height: 60px;line-height: 60px;font-size: var(--font-20);text-align: center;background: #f7f7f7;color: #333333;cursor: pointer;}
	#mb_login form .btn_top p.atv{background: #fff;cursor: auto;}
	#mb_login form .con{padding: 30px;}
	#mb_login form .con&gt;input{width: 100%;height: 50px;line-height: 50px;color: #000;font-size: var(--font-18);padding: 0 10px;border: 1px solid #dde7e9;border-radius: 5px;margin-bottom: 20px;transition: 0.3s;}
	#mb_login form .con&gt;input:active,
	#mb_login form .con&gt;input:focus{outline: none;border: 1px solid var(--mint);}
	#mb_login form .con&gt;button{display: block; width: 100%;height: 50px;line-height: 50px;font-size: var(--font-20);padding: 0;}
	#mb_login form .con .btn_bt{display: flex;justify-content: space-between;align-items: center;width: 100%;margin-top: 30px;}
	#mb_login form .con .btn_bt&gt;a{text-align: right;font-size: var(--font-16);line-height: var(--lh-30);color: #000 !important;}
	#mb_login form .con .btn_bt .custom-switch{}
	#sns_login{width: calc(100% - 40px);max-width: 400px;margin: 0 auto 10vw;border: 1px solid #dde7e9;}
/* 로그인 끝 */

/* 회원가입 약관 시작 */
	#register{}
	#register form{width: calc(100% - 40px);max-width: 1400px;margin:10px auto 10vw;}
	#register form h5{ height: 50px; line-height: 50px; font-size: var(--font-18); color: #333333; }
	#register form .btn_bt{display: flex;justify-content: space-between;align-items: center;width: 100%;}
	#register form .btn_bt a,
	#register form .btn_bt button{display: block; width: calc(50% - 10px);height: 50px;line-height: 50px;font-size: var(--font-20);padding: 0;}
	#sns_register{width: calc(100% - 40px);max-width: 1400px;margin:10vw auto 10px !important;}
/* 회원가입 약관 끝 */

/* 회원가입 폼 시작 */
	#register_form{}
	#register_form form{width: calc(100% - 40px);max-width: 1400px;margin: 10vw auto;}
	#register_form form .input_wrap{border: 1px solid rgba(0, 0, 0, .125); border-radius: 3px 3px 0 0;margin-bottom: 50px;}
	#register_form form .input_wrap h5{height: calc(60px + .75rem); line-height: calc(60px + .75rem); font-size: var(--font-18); color: #333333; display: block; padding: 0 1.25rem; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, .125);margin-bottom: 30px;background: #f7f7f7;text-align: center;}
	#register_form form .input_wrap label{width:calc(100% - 40px);margin: 0 auto 30px; display: block;position: relative;top: 0;left: 0;padding-top: 30px;}
	#register_form form .input_wrap input{width: 100%;height: 50px;line-height: 50px;color: #000;font-size: var(--font-18);padding: 0 10px;border: 1px solid #dde7e9;border-radius: 5px;transition: 0.3s;}
	#register_form form .input_wrap label p{font-size: var(--font-18);position: absolute;top: 0;left: 0;line-height: var(--lh-17);transition: 0.3s;}
	#register_form form .input_wrap input:active,
	#register_form form .input_wrap input:focus,
	#register_form form .input_wrap input:valid{outline: none;border: 1px solid var(--mint);box-shadow: unset;}
	#register_form form .input_wrap input:active ~ p,
	#register_form form .input_wrap input:focus ~ p,
	#register_form form .input_wrap input:valid ~ p{color: var(--mint) !important;font-weight: bold;}
	#register_form form .input_wrap .two{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;width:calc(100% - 40px);margin: 0 auto;}
	#register_form form .input_wrap .two label{width: calc(50% - 10px);}
	#register_form form .custom-checkbox{width: 100%;}
	#register_form form .custom-checkbox label{padding-top: 0;font-size: var(--font-18)}
	#register_form form .btn_bt{display: flex;justify-content: space-between;align-items: center;width: 100%;}
	#register_form form .btn_bt a,
	#register_form form .btn_bt button{display: block; width: calc(50% - 10px);height: 50px;line-height: 50px;font-size: var(--font-20);padding: 0;}
	/* 이메일부분 issue 해결 */
		#register_form form .email_wrap{width:calc(100% - 40px);margin: 0 auto 30px;padding-top: 30px;position: relative;top: 0;left: 0;}
		#register_form form .email_wrap input{}
		#register_form form .email_wrap label{padding: 0; margin: 0;font-size: var(--font-18);position: absolute;top: 0;left: 0;line-height: var(--lh-17);transition: 0.3s;}
		#register_form form .email_wrap input:active ~ label,
		#register_form form .email_wrap input:focus ~ label,
		#register_form form .email_wrap input:valid ~ label{color: var(--mint) !important;font-weight: bold;}
	/* 이메일부분 issue 해결 */
	@media screen and (max-width:700px){
		#register_form form .input_wrap .two label{width: 100%;}
	}
/* 회원가입 폼 끝 */

/* 회원가입 완료 시작 */
	#register_result{}
	#register_result&gt;.m-auto{width: calc(100% - 40px);max-width: 700px;margin: 10vw auto !important;}
	#register_result&gt;.m-auto&gt;div{padding: 0 !important;margin: 0 !important;}
	#register_result&gt;.m-auto h5{height: 50px; line-height: 50px; text-align: center;}
	#register_result&gt;.m-auto ul{padding: 0 !important;}
	#register_result&gt;.m-auto li{word-break: keep-all;text-align: center;}
	#register_result&gt;.m-auto ul.list-group&gt;li:nth-child(2){padding: 50px 20px !important;}
/* 회원가입 완료 끝 */


/* 회원정보찾기 시작 */
	#find_info{}
	#find_info form{width: calc(100% - 40px);max-width: 400px;margin: 10vw auto;}
	#find_info form p{margin-bottom: 30px;color: #333333;font-size: var(--font-18);text-align: center;word-break: keep-all;}
	#find_info form input{width: 100%;height: 50px;line-height: 50px;color: #000;font-size: var(--font-18);padding: 0 10px;border: 1px solid #dde7e9;border-radius: 5px;margin-bottom: 20px;transition: 0.3s;}
	#find_info form input:active,
	#find_info form input:focus{outline: none;border: 1px solid var(--mint);box-shadow: unset;}
	#find_info form button{display: block; width: 100%;height: 50px;line-height: 50px;font-size: var(--font-20);padding: 0;}

	/* #mb_login{}
	#mb_login form{}
	#mb_login form .btn_top{display: flex;justify-content: space-between;align-items: center;width: 100%;}
	#mb_login form .btn_top p{width: 50%;height: 60px;line-height: 60px;font-size: var(--font-20);text-align: center;background: #f7f7f7;color: #333333;cursor: pointer;}
	#mb_login form .btn_top p.atv{background: #fff;cursor: auto;}
	#mb_login form .con{padding: 30px;} */
/* 회원정보찾기 끝 */
</pre></body></html>