/*sub_top_location*/
.sub_top_location{width:100%;background-color:#f8f8f8;}
.sub_top_location .sub_top_location_inner{width:1440px;margin:0 auto;padding:10px 0;font-size:12px;color:#898989;}
.sub_top_location .sub_top_location_inner i{margin:0 20px;}
.sub_top_location .sub_top_location_inner span:last-child{color:#000;text-decoration:underline;}
.sub_page{width:100%;padding-bottom:150px;max-width:1440px;margin:0 auto;}
.sub_page > h1{text-align:center;font-size:30px;padding:80px 0;}
.join_page_h1 > h1{padding-top:130px;}
.support_page > h1{text-align:center;font-size:30px;padding:80px 0;}


.login {}
.login_inner {max-width: 600px;margin: auto;}
.login_box_content {padding: 100px 0;padding-top: 100px;}
.login_head {}
.login_head h2 {text-align: center;font-weight: 500;font-size: 30px;padding: 30px 0 50px 0;}
.login_head p {font-weight: 500;color: #525b68;padding-bottom: 10px;}
.login_form {background-color: #f5f8f2;padding: 50px;border-radius:20px;}
.login_form > input {border: 1px solid #c9d9b9;padding: 15px;border-radius: 5px;width: 100%;margin-bottom: 15px;transition: 0.35s;}
.login_form > input:focus {border-color: #c9d9b9;}
.login_form > input::placeholder {color: #c1c1c1;}
.save_id {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #c1c1c1;font-size:14px;}
.save_id input[type="checkbox"] {display:none;}
.save_id input[type="checkbox"] + label {display:inline-block;width:20px;height:20px;margin:-2px 10px 0 0;vertical-align:middle;background:url("/img/common/unchecked.png") left top no-repeat;cursor: pointer; background-size: cover;}
.save_id input[type="checkbox"]:checked + label {background:url("/img/common/checked.png")  left top no-repeat;background-size:cover;}
.login_form > button {display: block;width: 100%;background-color: #4f631a;padding: 15px;color: #fff;text-align: center;font-size: 18px;font-weight: 500;border-radius: 5px;}
button:focus{border: none;outline:none;}
.find_acc_box {text-align: center;margin: 25px 0;display:flex;justify-content: space-between;}
.find_acc_box a {vertical-align: middle;display:block;max-width:195px;text-align:center;color:#fff;background-color:#85b50e;border-radius:5px;width:33.3%;padding:10px 0;font-size:14px;}
.find_acc_box a:nth-child(1){background-color:#5d9400;}
.login_page_join_btn_wrap {padding: 0 30px;}


.pop_find_id,
.pop_find_pass {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #f5f8f2;padding: 30px;max-width: 410px;width: 100%;border-radius: 20px;z-index: 51;display: none;}
.pop_find_id > h3,
.pop_find_pass > h3 {font-size: 20px;color:#555;font-weight: 500;padding-bottom: 20px;border-bottom: 1px solid #5b5b5b;margin-bottom: 10px;	}
.find_id_form {}
.find_id_rows,
.find_pass_rows {padding: 5px 0;}
.find_id_rows p,
.find_pass_rows p {font-size: 14px;font-weight: 500;color: #5b5b5b;padding-bottom: 10px;}
.find_id_rows p b,
.find_pass_rows p b {font-weight: 500;color: #fc3919;font-size: 16px;}
.find_id_rows input[type=text],
.find_id_rows input[type=date],
.find_id_rows input[type=tel],
.find_pass_rows input[type=text] {border: 1px solid #d7d7d7;padding: 15px 10px;font-size: 14px;width: 100%;border-radius: 5px;}
.find_id_rows input[type=text]::placeholder,
.find_id_rows input[type=tel]::placeholder,
.find_pass_rows input[type=text]::placeholder {color: #acacac;font-size: 14px;}
.find_id_rows input[type=radio] {display: none;}
.find_id_rows label {padding: 0 10px;cursor: pointer;}
.find_id_rows label:nth-of-type(1) {padding-left: 0;}
.find_id_rows label em {display: inline-block;width: 20px;height: 20px;background: url(/img/member/radio_btn.png) no-repeat center left;vertical-align: middle;margin-right: 5px;}
.find_id_rows input[type=radio]:checked + label em {background-position: center right;}
.find_id_form > button,
.find_pass_form > button {background-color: #399d56;color: #fff;width: 100%;padding: 15px;border-radius: 5px;font-size: 14px;	margin-top: 10px;}
.pop_find_id_close,
.pop_find_pass_close {position: absolute;top: -50px;right: -5px;background-color: transparent;}
.find_pass_form > p {font-size: 14px;margin-bottom: 10px;}
.login_box_content > ul  {padding-top: 10px;}
.login_box_content > ul li {font-size: 14px;line-height: 2em;position: relative;padding-left: 30px;}
.login_box_content > ul li:before {content: '';position: absolute;width: 4px;height: 4px;border-radius: 50%;background-color: #c1c1c1;top: 11px;left: 19px;	}

.sub_overlay,
.cart_overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.7);z-index: 50;transition: 0.35s;opacity: 0;visibility: hidden;}
.sub_overlay.active,
.cart_overlay.active {opacity: 1;visibility: visible;}
#sub_container .sub_overlay,
#sub_container .cart_overlay {background-color: rgba(0, 0, 0, 0.3);}
.find_id_rows label em {display: inline-block;width: 20px;height: 20px;background: url(/img/member/radio_btn.png) no-repeat center left;vertical-align: middle;margin-right: 5px;}

/*join*/
.join{width:100%;max-width:1440px;margin:0 auto;}
.join a{font-size:16px;}
.join .join_01_a{width:250px;background-color:#4f631a;border-radius:5px;color:#fff;text-align:center;display:block;padding:15px 0;margin:0 auto;}
.join .join_top{width:100%;max-width:850px;margin:0 auto;display:flex;justify-content: space-between;}
.join .join_top > div{color:#fff;font-size:18px;background-color:#ccc;border-radius:20px;padding:7px 15px;display:flex;justify-content:center;width:33.3%;gap:30px;}
.join .join_top > div span{margin-top:5px;}
.join .join_top .join_color{background-color:#85b50e;}


.join_terms {padding:50px 0 30px 0;;}
.join_terms_inner{border:1px solid #ccc;border-radius:5px;overflow:hidden;}
.join_terms > p{font-size:18px;padding-bottom:15px;}
.join_terms_chk_box {padding:10px 20px;background-color:#f6f6f6;}
.join_terms_desc_wrap {background-color: #fff;height: 215px;overflow-y: auto;}
.join_agreement_chk{padding:10px 20px;margin-bottom:50px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background-color:#f6f6f6;}

.join_terms_desc_wrap::-webkit-scrollbar {width: 4px;}
.join_terms_desc_wrap::-webkit-scrollbar-track {background-color: #f1f1f1;}
.join_terms_desc_wrap::-webkit-scrollbar-thumb {background-color: #9c9c9c;border-radius: 60px;}
.join_terms_desc {padding: 20px;color: #555;}
.join_terms_desc p {font-size: 14px;margin-bottom: 10px;}
.join_select{width:100%;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f6f6f6;margin-bottom:30px;}
.join_select .join_select_inner{max-width:550px;margin:0 auto;width:100%;}
.join_select .join_select_inner table{}
.join_select .join_select_inner table td{font-size:16px;padding-bottom:10px;}
.join_select .join_select_inner table td input{padding:10px;width:100%;border:1px solid #ccc;}
.join_select .join_select_inner table td select{width:32.4%;border:1px solid #ccc;background-color:#fff;}

.join02{padding:50px 0 10px;width:100%;max-width:850px;margin:0 auto;}
.join02 p{text-align:right;font-size:14px;color:#777;}
.join_form_box {background-color: #f5f8f2;padding: 10px 20px;border:1px solid #b8dd9a;border-radius:5px;margin:10px 0;}
.join_form_rows {display: flex;align-items: center;padding: 8px 0px;border-bottom:1px solid #ebebeb;}
.join_form_rows_p{padding:18px 0;}
.f_left {min-width: 110px;}
.join02 .form_title {font-weight: 500;font-size: 14px;color:#4f631a;}
.join02 .form_title b {color: #fc3919;}
.f_right {width: calc(100% - 110px);}
.f_right span{margin-left:5px;}
.f_right input {border: 1px solid #d7d7d7;padding: 10px;font-size: 14px;color: #222;}
.f_right input.w_300 {width: 300px;}
.f_right input.w_310 {width: 310px;}
.f_right input.w_200 {width: 200px;}
.f_right input:read-only {background-color: #ebebeb;	}
.f_right input.w_345 {width: 345px;}
.f_right input.w_230 {width: 230px;}
.f_right input.w_70 {width: 70px;}
.f_right input.w_100 {width: 100px;}
.f_right input.w_110 {width: 110px;}
.f_right input.w_120 {width: 120px;}
.f_right input.w_75per {width: 75%;}
.f_right input.w_31per{width: 31%;}
.f_right input.w_100per{width: 100%;}
.f_right input::placeholder {font-size: 14px;color: #b8b8b8;}
.inquiry_btn {background-color: #444;border: 1px solid #444;border-radius: 5px;padding: 9px 0;margin-left: 3px;color:#fff;width:72px;}
.f_right_checkbox{padding-left:10px;}
.post_code_btn {background-color: #444;border: 1px solid #444;border-radius: 5px;padding: 9px 17px;margin-left: 3px;color:#fff;}
.join02 textarea {width: 100%;height: 100px;resize: none; border:1px solid #d7d7d7;}
.join02_btn{display: flex;justify-content: center;gap:10px;}
.join02_btn a{width:250px;border-radius:5px;padding:10px 0;text-align:center;color:#fff;background-color:#399d56;}
.join02_btn a:last-child{background-color:#777;}
.join03{padding:90px 0;width:100%;}
.join03 h2{font-size:24px;color:#444;text-align:center;}
.join03_inner{width:100%;max-width:850px;margin:0 auto;border-radius:20px;background-color:#f5f8f2;padding:35px 0;text-align:center;}
.join03_inner img{margin:15px 0;}
.join03_inner p{font-size:18px;padding-bottom:10px;}
.join03_inner p span{color:#399d56;}
.join03_btn{padding:30px 0;}
.join03_btn a{width:250px;background-color:#4f631a;padding:10px 0;text-align:center;border-radius:5px;color:#fff;display:block;margin:0 auto;}

@media (max-width: 1440px) {
.join{padding:0 10px;}
}

@media (max-width: 1100px) {
.sub_top_location_inner{display:none;}
}

@media (max-width: 998px) {
.sub_page > h1{font-size:22px;padding:50px 0;}
.support_page > h1{font-size:22px;padding:50px 0;}
.join .join_top > div{font-size:14px;gap:15px;}
.join_terms > p{font-size:16px;padding-bottom:10px;}
.join_terms {padding:35px 0;}
.form_title{margin-bottom:10px;}
.m_f_right_checkbox{display:none;}
.f_right input.w_31per{width: 30%;}
.f_right_checkbox_w{display:block;width:100%;margin: 10px 0 0 0;padding: 0;margin-left: 0 !important;}
.f_right input.w_50per{width: 50%;}
.f_right input.w_46per{width: 46%;}
}

@media (max-width: 900px) {
.f_left , .f_right {width:100%;}
.join_form_rows {flex-wrap: wrap;}
.f_right input.m_100{width: calc(100% - 80px);}
.f_right input.m_100p{width: 100% ;}
.f_right input.m_33p{width: 32.5% ;}
.f_right input.m_305p{width: 30.5% ;}
.f_right input.m_31.5p{width: 31.5% ;}
.f_right input.m_90p{width: 90% ;}
}

@media (max-width: 700px) {
.f_right input.w_50per{width: 50%;}
.f_right input.w_46per{width: 45%;}
}

@media (max-width: 650px) {
.login_box_content {padding: 20px 10px 50px;}
.find_acc_box a {width:32%;}
.login_head h2 {font-size: 20px;}
}

@media (max-width: 570px) {
.f_right input.w_50per{width: 49%;}
}

@media (max-width: 500px) {
.join .join_top > div{gap:10px;}
.join_select .join_select_inner table td select{width:32.2%;}
}

@media (max-width: 320px){
	.join .join_top > div{font-size:9px;gap:10px;}
}