@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/*common*/
.member_container{ padding:65px 0 80px; min-height:770px;}

/*member_page_title*/
.member_page_title h4{font-size:30px; color:#000000; text-align:center;}
.member_page_title h4 span{font-weight:700;}

/*login_checkbox*/
.login_checkbox{display:none !important;}
.login_checkbox+label{font-size:15px; font-weight:300; color:#282828; cursor:pointer; display:inline-block; padding-left:31px;
		background:url("../images/sub/quadrilateral_checkbox.png")no-repeat 0 0;  }
.login_checkbox:checked+label{background:url("../images/sub/quadrilateral_checkbox_on.png")no-repeat 0 0; background-size: contain; }

/*login.asp*/
.member_login_wrap{width:500px; margin:55px auto 0;}
.member_login_form div+div{margin-top:20px;}
.member_find_list{margin-top:30px; font-size:0; text-align:center;}
.member_find_list>li{font-size:16px; display:inline-block; vertical-align:top; width:33.333333%; position:relative;}
.member_find_list>li+li:before{content:''; display:block; width:1px; height:17px; background-color:#acacac; position:absolute; left:0; top:6px;}
.member_find_list>li>a{display:block; font-weight:500;}
.different_way_list_wrap{width:1000px; margin:90px auto 0;}
.different_way_list_wrap h6{ font-size:16px; position:relative; text-align:center;}
.different_way_list_wrap h6 span{padding:0 20px; background-color:#ffffff;}
.different_way_list_wrap h6:before{content:''; width:100%; height:1px; background-color:#acacac; display:block; position:absolute; left:0; top:50%;
		z-index:-1;}
.login_means_list{margin-top:43px; text-align:center; font-size:0;}
.login_means_list>li{width:31.333333%; display:inline-block; vertical-align:top;}
.login_means_list>li+li{margin-left:3%;}
.login_means_list>li>a{display:block; font-size:17px; font-weight:500; border-radius:5px; text-align:center; padding:8px 0;}
.login_means_list>li>a>*{display:inline-block; vertical-align:top;}
.login_means_list>li>a img{margin-right:10px; margin-top:3px;}
.kakao_login{background-color:#fae400; color:#000000; border:1px solid #fae400; }
.google_login{background-color:#ffffff; border:1px solid #000000; color:#000000; }
.apple_login{background-color:#000000; border:1px solid #000000; color:#ffffff; }

/*약관 common*/
.membership_wrap{margin-top:30px; padding:15px 20px; border:1px solid #e7e7e7;  height:570px; overflow-y:scroll;}
.terms_list{font-size:13px;}
.terms_list>li+li{margin-top:40px;}
.terms_list>li p+p{margin-top:15px;}
.terms_list strong{display:block; font-size:15px; color:#505050; margin-bottom:5px;}
.terms_list em{display:block; font-size:15px; color:#505050; margin-bottom:2px;}
.terms_list>li p.on{color:#274ce8;} 
.terms_list>li p.on02{color:#274ce8; text-decoration:underline;}

/*회원가입*/
/*common*/
.btn_join_wrap{margin-top:40px; text-align:center;}
.btn_join_wrap button+button{margin-left:8px;}
.btn_join_wrap .btn_join{background-color:#294ff2; color:#ffffff; font-size:17px; border-radius:100px; width:100%; padding:12px 0; font-weight:500; 
		max-width:150px;}
.btn_join_wrap .btn_join_prev{background-color:#efefef; color:#000000; font-size:17px; border-radius:100px; width:100%; padding:12px 0; font-weight:500; 
		margin-left:0; max-width:150px;}

/*회원가입 tab common*/
.join_procedure_tab{border-top:1px solid #274ce8; margin-top:30px; padding:15px 0; border-bottom:1px solid #efefef;}
.join_procedure_tab>li{float:left; font-size:20px; text-align:center; width:33.333333%; position:relative; font-weight:500;}
.join_procedure_tab>li:before{content:''; height:12px; width:12px; display:block; border:2px solid #999999; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; top:10px; right:-3px;}
.join_procedure_tab>li:last-child:before{display:none;}
.join_procedure_tab01>li:first-child,.join_procedure_tab02>li:nth-child(2),.join_procedure_tab03>li:last-child{color:#274ce8;} 
.join_procedure_tab01>li:first-child:before,.join_procedure_tab02>li:nth-child(2):before{border-color:#274ce8;}
/*회원가입 약관동의 terms_agreement.asp*/
.terms_agreement_wrap{padding:30px 35px; background-color:#fafbff; margin-top:20px;}
.terms_agreement_contents+div{margin-top:40px;}
.terms_agreement_contents>div{border:1px solid #e7e7e7; background-color:#ffffff; padding:20px 25px; margin-top:10px; height:300px; overflow-y:scroll;}
.terms_agreement_wrap .agreement_checkbox{display:none !important;}
.terms_agreement_wrap .agreement_checkbox+label{color:#282828; font-size:17px; letter-spacing:-1px; font-weight:500; cursor:pointer; display:inline-block; 
		padding-left:30px; background:url("../images/sub/quadrilateral_checkbox.png")no-repeat 0 center; background-size:22px auto}
.terms_agreement_wrap .agreement_checkbox:checked+label{background-image:url("../images/sub/quadrilateral_checkbox_on.png");}
.all_terms_agreement{margin-top:20px; text-align:center;}
.all_terms_agreement span{ font-size:15px; margin-left:5px; }
/*회원가입 방법 선택 join.asp*/
.join_means_select_wrap{margin-top:20px; text-align:center;}
.join_means_select_wrap .promotional{font-family:'NanumSquareOTFB'; font-weight:bold; color:#282828; font-size:28px; letter-spacing:-1px; padding-top:40px;}
.join_means_select_wrap h1{margin:50px auto 0; width:232px;}
.join_means_list_wrap{margin:40px auto 0; width:500px;}
.join_means_list_wrap h6{font-size:20px; color:#000000; text-align:center; letter-spacing:-1px;}
.join_means_list{font-size:0; margin-top:25px; text-align:center;}
.join_means_list>li{width:52px; height:52px; display:inline-block; vertical-align:top; }
.join_means_list>li+li{margin-left:20px;}
.join_means_list>li>a{display:block; width:100%; height:100%; border-radius:50%; padding:12px; border:2px solid #e7e7e7; background-color:#ffffff;
		overflow:hidden;}
.join_means_list>li>a img{width:100%;}
.join_means_list .kakao_join{background-color:#fae400; border-color:#fae400;}
.join_means_list .apple_join{background-color:#000000; border-color:#000000;}
.join_email_login{margin-top:25px; display:block; border-radius:3px; padding:8px 0; border:2px solid #c7c7c7; color:#282828; font-size:18px; font-weight:500;
		background:url("../images/common/join_email_icon.png")no-repeat 12px center; text-align:center; }
.join_means_list_wrap p{font-size:16px; margin-top:25px;}
.join_means_list_wrap p a{color:#282828; font-weight:500; text-decoration:underline;}
/*회원 가입 이메일/휴대폰 등록 탭*/
.subscription_method_tab{margin:75px auto 0; width:500px;}
.subscription_method_tab>li{float:left; width:50%; text-align:center; font-size:18px; letter-spacing:-1px;}
.subscription_method_tab>li>a{display:block; padding:10px 0; position:relative; font-weight:500;}
.subscription_method_tab>li>a:before{content:''; width:100%; height:2px; display:block; background-color:#efefef; position:absolute; left:0; bottom:0; }
.subscription_method_tab01 a.email_register_on,.subscription_method_tab02 a.phone_register_on{color:#294ff2;}
.subscription_method_tab01 a.email_register_on:before,.subscription_method_tab02 a.phone_register_on:before{background-color:#294ff2; height:4px;}
/*회원가입 이메일/휴대폰 등록 common*/
.personal_information_form_wrap{margin:20px auto 0; width:500px; position:relative;}
.personal_information_form_wrap dl+dl{margin-top:20px;}
.personal_information_form_wrap dt{font-size:17px; font-weight:500; padding-left:20px; background:url("../images/sub/check_icon.png")no-repeat 0 center;} 
.personal_information_form_wrap dd{margin-top:5px;}
.personal_information_form_wrap button{margin-left:1%;}
.personal_information_form_wrap .btn_authentication_request{background-color:#efefef; color:#282828; width:25%; border-radius:3px; float:left; font-size:17px; 
		padding:11px 0 12px; border:1px solid #efefef; font-weight:500; }
.personal_information_form_wrap .btn_confirm_repetition{background-color:#efefef; color:#282828; width:25%; border-radius:3px; float:left; font-size:17px; 
		padding:11px 0 12px; border:1px solid #efefef; font-weight:500; }
.page_cover03{width:100%; height:100%; position:fixed; top:0px; left:0px; background-color: rgba(0,0,0,0.4); z-index:400; display:none;}
.page_cover04{width:100%; height:100%; position:fixed; top:0px; left:0px; background-color: rgba(0,0,0,0.4); z-index:400; display:none;}
/*오류 메세지 창 닫기 common*/
.btn_message_close{position:absolute; right:20px; top:20px; height:30px; width:30px; cursor:pointer; }
.btn_message_close .close_icon{font-size:0; overflow:hidden; display:block; height:100%; width:100%; position:relative;}
.btn_message_close .close_icon:before,.btn_message_close .close_icon:after{content:''; display:block; width:2px; height:28px; border-radius:2px; 
		background-color:#7f7f7f; position:absolute; top:0; left:12px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.btn_message_close .close_icon:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}
/*회원가입 이메일 등록*/
.personal_information_form_wrap .input_email{width:48%; float:left;}
/*회원가입 휴대폰 등록*/
.personal_information_form_wrap .input_phone{width:48%; float:left;}
.personal_information_form_wrap .verification_code{width:74%; float:left;}
.verification_code_input{position:relative;}
.verification_code_input .time_limit{position:absolute; left:61%; top:10px; font-size:16px; color:#e13f3f;}
.personal_information_form_wrap .matter{color:#afafaf; font-weight:500;}
.personal_information_form_wrap .matter span{color:#828282;}
.personal_information_form_wrap .matter span i{font-size:15px; color:#ff7800;}
/*회원 가입 이메일 중복오류 메세지창*/
#email_overlap_error{display:none; width:500px; position:fixed; top:50%; left:50%; overflow-y:auto; z-index:500; padding:60px 10px 50px;
		-o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
		-ms-transform:translate(-50%,-50%); background-color:#ffffff; border-radius:20px;}
.email_overlap_error_contents{text-align:center;}
.email_overlap_error_contents>div+div{margin-top:20px;}
.email_overlap_error_contents p{font-weight:500; color:#282828; font-size:17px;}
.email_overlap_error_contents p em{color:#e13f3f;}
/*회원 가입 이메일 발송 메세지창*/
#email_send{display:none; width:500px; position:fixed; top:50%; left:50%; overflow-y:auto; z-index:500; padding:60px 10px 50px;
		-o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
		-ms-transform:translate(-50%,-50%); background-color:#ffffff; border-radius:20px;}
.email_send_contents{text-align:center;}
.email_send_contents>div+div{margin-top:20px;}
.email_send_contents p{font-weight:500; color:#282828; font-size:17px;}
.email_send_contents p em{color:#274ce8;}
.email_send_contents p:last-child{ font-size:16px; margin-top:6px;}
/*회원 가입 휴대폰 중복오류 메세지창*/
#phone_overlap_error{display:none; width:500px; position:fixed; top:50%; left:50%; overflow-y:auto; z-index:500; padding:60px 10px 50px;
		-o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
		-ms-transform:translate(-50%,-50%); background-color:#ffffff; border-radius:20px;}
.phone_overlap_error_contents{text-align:center;}
.phone_overlap_error_contents>div+div{margin-top:20px;}
.phone_overlap_error_contents p{font-weight:500; color:#282828; font-size:17px;}
.phone_overlap_error_contents p em{color:#e13f3f;}
/*회원 가입 휴대폰 인증번호 발송 메세지창*/
#phone_send{display:none; width:500px; position:fixed; top:50%; left:50%; overflow-y:auto; z-index:500; padding:60px 10px 50px;
		-o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
		-ms-transform:translate(-50%,-50%); background-color:#ffffff; border-radius:20px;}
.phone_send_contents{text-align:center;}
.phone_send_contents>div+div{margin-top:20px;}
.phone_send_contents p{font-weight:500; color:#282828; font-size:17px;}
.phone_send_contents p em{color:#274ce8;}
/*회원가입 완료*/
.join_finish_wrap{margin:90px auto 0; width:500px; text-align:center;}
.join_finish{font-family:'NanumSquareOTFR'; margin-top:35px;}
.join_finish p:first-child{color:#000000; font-size:35px; font-family:'NanumSquareOTFB'; font-weight:bold;}
.join_finish p:nth-child(2){color:#282828; font-size:20px;}
.join_finish p:last-child{font-size:18px; margin-top:30px; letter-spacing:-1px;}
.btn_join_wrap .btn_join_finish{max-width:150px;}

/*회원정보수정 modify01.asp*/
.member_modify_wrap{margin:50px auto 0; width:500px; text-align:center;}
.member_modify_wrap>p{color:#000000; font-size:20px; font-family:'NanumSquareOTFR';}
.member_modify_wrap>p>span{color:#d65656; font-family:'NanumSquareOTFEB'; font-weight:900;}
.member_modify_wrap>p>em{ font-family:'NanumSquareOTFEB'; font-weight:900;}
.member_data{margin-top:25px; font-family:'NanumSquareOTFEB'; font-weight:900; color:#000000; font-size:24px; letter-spacing:-1px; line-height:1.3;
		margin-bottom:25px;}
.member_data>*{display:block;}
.btn_modify_wrap button{max-width:150px;}
.btn_modify_wrap button+button{margin-left:8px;}
/*회원정보수정 modify02.asp*/
.member_modify_form_wrap{margin:40px auto 0; width:500px;}
.member_modify_form_wrap dl{border-top:1px solid #efefef; padding:10px 0; font-size:0;}
.member_modify_form_wrap dl:last-child{border-bottom:1px solid #efefef;}
.member_modify_form_wrap dl>*{display:inline-block; vertical-align:middle;}
.member_modify_form_wrap dt{font-size:15px; font-weight:500; padding:0 12px; position:relative; width:109px;}
.member_modify_form_wrap dt:before{content:''; width:1px; height:100%; display:block; background-color:#dadada; position:absolute; right:0; top:0;}
.member_modify_form_wrap dt strong{color:#000000;}
.member_modify_form_wrap dd{padding:0 12px; font-size:16px; width:391px;}
.member_modify_form_wrap dd input{border:none;}
.member_modify_form_wrap .input_phone_num{width:250px; float:left;}
.member_modify_form_wrap .btn_phone_modify{float:right; width:110px; border-radius:3px; height:48px;}
.member_modify_form_wrap .modify_id,.member_modify_form_wrap .modify_name{padding-left:32px;}
/*휴대폰본인인증 modify03.asp*/
.member_phone_verification_form_wrap{margin:40px auto 0; width:500px;}
.member_phone_verification_form_wrap dl+dl{margin-top:20px;}
.member_phone_verification_form_wrap dt{font-size:18px; font-weight:500;}
.member_phone_verification_form_wrap dd{margin-top:5px;}
.input_resident_registration_number{border:1px solid #c7c7c7; border-radius:3px;}
.input_resident_registration_number input{display:inline-block; vertical-align:middle; width:49%; border:none;}
.phone_input_box02{border-radius:3px; border:1px solid #c7c7c7; background-color:#ffffff; width:100%; padding:11px 12px; }
.phone_input_box02 input{border:none; width:70%; padding:0 0 0 15px;}
.member_phone_verification_form_wrap .verification_code{padding:12px 60px 12px 20px;}
.member_phone_verification_form_wrap .verification_code_wrap{margin-top:20px;}
.btn_modify_wrap02 button+button{margin-top:13px;}

/*회원탈퇴 버튼*/
.btn_membership_withdrawal_wrap{margin-bottom:20px;}
.btn_membership_withdrawal_wrap button.btn_membership_withdrawal{background-color:#dedede; color:#000000; font-size:17px; border-radius:100px; 
		width:100%; padding:12px 0; font-weight:500; max-width:310px;}
/*회원탈퇴 메세지창*/
.page_cover08{width:100%; height:100%; position:fixed; top:0px; left:0px; background-color: rgba(0,0,0,0.4); z-index:400; display:none;}
.membership_withdrawal_wrap #membership_withdrawal{display:none; width:500px; position:fixed; top:50%; left:50%; overflow-y:auto; z-index:500; 
		padding:30px 40px 35px; -ms-transform:translate(-50%,-50%); background-color:#ffffff; border-radius:20px;
		-o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.membership_withdrawal_wrap #membership_withdrawal h5{font-size:22px; text-align:center; color:#000000; margin-bottom:15px; font-weight:700;}
.membership_withdrawal_wrap #membership_withdrawal dl{font-size:0; text-align:left; border:none; padding:0;}
.membership_withdrawal_wrap #membership_withdrawal dl+dl{margin-top:20px;}
.membership_withdrawal_wrap #membership_withdrawal dl>*{display:inline-block; vertical-align:middle; padding:0;}
.membership_withdrawal_wrap #membership_withdrawal dl>dt{width:109px; font-size:15px; color:#282828;}
.membership_withdrawal_wrap #membership_withdrawal dl>dt:before{display:none;}
.membership_withdrawal_wrap #membership_withdrawal dl>dd{width:310px;}
.membership_withdrawal_wrap #membership_withdrawal dl>dd input{border:1px solid #c7c7c7;}
.membership_withdrawal_wrap #membership_withdrawal .btn_membership_withdrawal02{margin-top:30px;}

/*id_find01.asp,pw_find01.asp 아이디 찾기/비밀번호 찾기*/
/*아이디 찾기/비밀번호 찾기 tab common*/
.id_pw_find_tab{width:600px; margin:35px auto 0;}
.id_pw_find_tab>li{float:left; width:50%; text-align:center; font-size:18px;}
.id_pw_find_tab>li>a{display:block; padding:10px 0; position:relative; font-weight:500;}
.id_pw_find_tab>li>a:before{content:''; width:100%; height:2px; display:block; background-color:#efefef; position:absolute; left:0; bottom:0; }
.id_pw_find_tab01 a.id_on,.id_pw_find_tab02 a.pw_on{color:#294ff2;}
.id_pw_find_tab01 a.id_on:before,.id_pw_find_tab02 a.pw_on:before{background-color:#294ff2; height:4px;}
/* common*/
.find_inner{width:500px; margin:41px auto 0;}
.radio_tab_wrap>li{font-size:16px; float:left; font-weight:500; color:#acacac; }
.radio_tab_wrap>li+li{margin-left:30px;}
.id_pw_find_form{margin-top:23px;}
.id_pw_find_form>div+div{margin-top:15px;}
.phone_input_box{border-radius:3px; border:1px solid #c7c7c7; background-color:#ffffff; width:100%; padding:11px 12px; }
.phone_input_box input{border:none; width:70%; padding:0 0 0 15px;}
.btn_find_wrap{margin-top:50px; text-align:center; }
.btn_find_wrap button+button{margin-top:13px;}

/*id_find02.asp아이디 찾기 완료*/
.id_find_contents>p{ text-align:center; font-size:19px; color:#696969;}
.id_find_contents>div{border:1px solid #e1e1e1; border-radius:3px; padding:40px 5px; margin-top:30px; color:#282828; text-align:center;}
.id_find_contents dl{font-size:0;}
.id_find_contents dl+dl{margin-top:10px;}
.id_find_contents dt,.id_find_contents dd{display:inline-block; vertical-align:top; font-size:18px; font-weight:500;}
.id_find_contents dd{margin-left:5px;}
/*pw_find02.asp 비밀번호 찾기 완료*/
.pw_find_contents{padding-top:20px; text-align:center; font-size:17px; color:#282828; line-height:1.5;}
.pw_find_contents>div+div{margin-top:23px;}
.pw_find_contents strong{font-size:24px; font-family:'NanumSquareOTFEB'; font-weight:900; }
.pw_find_contents .email_send{font-size:20px; margin-top:16px; font-family:'NanumSquareOTFEB'; font-weight:900; }
.pw_find_contents01 .attach{margin-top:20px; font-size:16px;}