/********************************************
로그인 / 아이디 찾기 / 비밀번호 찾기 
*********************************************/
.login-style { position:relative; z-index:1; } 
.login-style .login_box { max-width:600px; margin: 4rem auto; position:relative; z-index:1; } 
.login-style .login_box .login { width:100%; border-radius:20px; border:1px solid #e2e2e2; box-sizing:border-box; padding:60px 90px; background:#fff; position:relative; z-index:1; } 
.login-style .login_box .login_title { text-align:center; padding-bottom:33px; } 
.login-style .login_box .login_title h4 { font-size:2.5rem; line-height:1.42; font-weight:600; color:#333; letter-spacing: -1px; } 
.login-style .login_box .login_title p { font-size:1.8rem; line-height:1.6; font-weight:400; color:#333; margin-top:1.25rem; letter-spacing: -1px; } 
.login-style .login_box .login_title p:Before { content:''; display:block; position:absolute; width:3.75rem; height:3.75rem; top:0; left:0; } 
.login-style .login_box .login_input { } 
.login-style .login_box .login_input li { padding-bottom:15px; position:relative; } 
.login-style .login_box .login_input li:before { content:''; display:block; position:absolute; width:60px; height:60px; top:0; left:0; z-index:1; } 
.login-style .login_box .login_input li:last-of-type { padding-bottom:0; padding-top:15px; } 
.login-style .login_box .login_input li input[type="text"],
.login-style .login_box .login_input li input[type="password"] { height:60px; padding-left:60px; position:relative; } 
.login-style .login_box .login_input li input[type="text"]::placeholder,
.login-style .login_box .login_input li input[type="password"]::placeholder { color:#999 } 
.login-style .login_box .login_input li input[type="text"]:focus,
.login-style .login_box .login_input li input[type="password"]:focus { border-color:#111; } 
.login-style .login_box .login_input li.id:before { background:url('../../images/icon/login_id.png') no-repeat center; } 
.login-style .login_box .login_input li.pw:before { background:url('../../images/icon/login_pw.png') no-repeat center; } 
.login-style .login_box .login_input li.name:before { background:url('../../images/icon/login_name.png') no-repeat center; } 
.login-style .login_box .login_input li.email:before { background:url('../../images/icon/login_mail.png') no-repeat center; } 
.login-style .login_box .login_input li button[type="submit"] ,
.login-style .login_box .login_input li button.btn_submit
{ width:100%; height:60px; border-radius:30px; background:#BF1D21; text-align:center; font-size:1.8rem; font-weight:700; color:#fff; } 
.login-style .login_box .login_link { margin:40px 0 0; padding:0; border:0; } 
.login-style .login_box .login_link li { margin:0; padding:0; } 
.login-style .login_box .login_link li + li { padding-left:21px; margin-left:20px; position:relative; } 
/* .login-style .login_box .login_link li + li:before { content:''; display:block; position:absolute; width:1px; height:10px; background:#111; top:50%; transform:translateY(-50%); left:0; margin:0; } 
 */.login-style .login_box .login_link li a { font-size:18px; font-weight:400; color:#666; line-height:normal; } 
.login-style .login_box .login_link li a strong { font-size:inherit; font-weight:600; color:#333; } 

.login-style .login_box ul { } 
.login-style .login_box ul li { padding-bottom:2.4%; } 
.login-style .login_box ul li input { padding:0 20px; width:100%; height:48px; border:1px solid #cccccc; font-size:17px; color:#888888; font-weight:500; } 
.login-style .login_box ul li:last-of-type { padding-top:2.4%; } 
.login-style .login_box ul li button[type="submit"] ,
.login-style .login_box ul li button.btn_submit
{ font-weight:700; font-size:17px; letter-spacing:0.02em; height:50px; line-height:50px; } 
.login-style .login_box ul.login_link { width:100%; text-align:center; /* height:20px; line-height:20px; */ } 
.login-style .login_box ul.login_link li { display:inline-block; padding:0 25px 0 0; } 
/* .login-style .login_box ul.login_link li + li:before { display:inline-block; content:""; width:1px; height:12px; background:#ddd; vertical-align:middle; margin-right:25px; } 
 */.login-style .login_box ul.login_link li a { color:#999999; font-size:2rem; font-weight:500; } 
.login-style .login_box ul.login_link li.first { background:none; } 

@media screen and (max-width:768px){
 .login .login_box .login { padding:50px 80px; } 
 }
@media screen and (max-width:640px){
 .login .login_box { width:100%; } 
 .login-style .login_box .login { padding: 48px 36px; } 
 .login-style .login_box .login_input li button[type="submit"] ,
 .login-style .login_box .login_input li button.btn_submit
 { font-size: 1rem; height: 56px; } 
 .login .login_box:before { width:220px; height:220px; left:-130px; } 
 .login .login_box:after { width:54px; height:54px; left:-167px; } 
 .login .login_box .login { padding:40px 60px; } 
 .login:after { right: -20px; width: 130px; height: 116px; bottom: -28px; } 
 .login .login_box .login_input li { padding-bottom:10px; } 
 .login .login_box .login_input li:before { width:50px; height:50px; transform:scale(0.8); } 
 .login .login_box .login_input li:last-of-type { padding-top:10px; } 
 .login .login_box .login_input li input[type="text"], .login .login_box .login_input li input[type="password"] { height:50px; padding-left:50px; } 
 .login .login_box .login_input li button[type="submit"] ,
 .login .login_box .login_input li button.btn_submit
 { height:60px; } 
 .login .login_box .login_link { margin-top:30px; } 
 .login .login_box .login_link li { width:auto; } 
 .login .login_box .login_link a { background:none; border:0; height:auto; width:auto; } 
 }
 @media screen and (max-width:480px){
 .login-style .login_box .login { padding: 32px 16px; } 
 .login-style .login_box .login_link { margin: 22px 0 0; } 
 .login-style .login_box ul.login_link li a { font-size: .9rem; } 
 .login-style .login_box .login_link li + li { margin-left: 0; } 
 .login-style .login_box .login_title h4 { font-size: 1.2rem; } 
 .login-style .login_box .login_title p { font-size: 1rem; margin-top: .5rem; } 
 }



/********************************************
회원가입 / 문의하기
*********************************************/
.sec-mtb { margin: 4rem 0; } 
.form-style1 { width:100%; } 
.line_tit { display:flex; align-items: flex-end; justify-content: space-between; gap:5px 20px; margin-bottom: 1rem; font-size: 2.8rem; font-weight: 600; } 
.line_tit span { font-size: 18px; font-weight: 500; color: #000; } 
.line_tit span strong { color: #fc0000; } 
.line_tit span em { color:#414141; } 
.bbs_title { border-top:2px solid #000; } 
.form-style1 input[type="text"], input[type="password"], input[type="number"], input[type="date"] { font-size: 1.5rem; } 
.form-style1 :where(th,td) { vertical-align: middle; padding:10px 20px; border-bottom: 1px solid #ddd; } 
.form-style1 th { font-size: 20px; font-weight: 400; letter-spacing: -.7px; columns: #333; text-align: left; letter-spacing: -0.02em; line-height: 1.5; padding-left:30px; padding-right:30px; background:#F5F5F5; } 
.form-style1 th .essential { position:relative; display:inline-block; padding-right:16px; box-sizing:border-box; } 
.form-style1 th .essential:after { position:absolute; top:0; right:0; content:'*'; color:#fc0000; display:flex; align-items: flex-start; } 
.form-style1 td { font-size: 18px; font-weight: 400; letter-spacing: -.7px; columns: #333; letter-spacing: -0.02em; line-height: 1.5; } 
.form-style1 tr :where(span,input,select,textarea,label) { color:inherit; font-weight: inherit; min-width: auto; } 
.form-style1 tr :where(input[type="text"]:focus,input[type="password"]:focus) { border-color:#111; } 
.form-style1 tr select { color:#333; width: 120px; } 
.form-style1 tr .birth_wrap select { color:#333; width: 140px; } 
.form-style1 tr:has(input[type="checkbox"]) .edit-box { margin-top:15px; } 
.form-style1 .inp_list { display:flex; flex-wrap: wrap; gap:10px 30px; } 
.form-style1 input:has(+ .btn_sm,+ label + .btn_sm) { margin-right:7px; } 
.form-style1 .btn_sm { display:inline-flex; align-items: center; padding:0 29px; box-sizing: border-box; height: 50px; color:#444; border-radius: 5px; background:#f4f4f4; vertical-align: middle; } 
.form-style1 .btn_sm.btn_check { margin-left:7px; } 
.form-style1 .inp_noti { color:var(--black-color07); vertical-align: middle; } 
.form-style1 input:has(+ .inp_noti,+ label + .inp_noti) { margin-right:17px; } 

.form-style1 input[type="text"],
.form-style1 input[type="password"] { width: 235px; } 

#contact #subject .form-style1 input[type="text"]{width: 100% !important;}


.at { margin: 0 12px; } 
.mt { margin-top: 10px; } 
.form-style1 .desc { font-size: .9rem; color: #636363; } 


/* 신청하기버튼 */
.apply-btn { margin-top: 3rem; text-align: center; display: flex; justify-content: center; column-gap: 1rem; } 
.apply-btn button { display: inline-block; padding: 12px 10px; width: 180px; background-color: #BF1D21; color: #fff; border: 1px solid transparent; font-size: 1.2rem; font-weight: 600; transition: all .5s; border-radius: 30px; } 


/* 휴대폰 번호 */
.phone input[type="text"] { width: 120px; } 

/* 이메일 */
.form-style1 .inp_mail { display: flex; align-items: center; } 
.form-style1 .inp_mail input[type="text"] { width:200px; } 
.form-style1 .inp_mail .at { margin-left:15px; margin-right:12px; color:#333; } 
.form-style1 .inp_mail select { width:180px; margin-left:7px; } 

/* 내용 */
.form-style1 textarea { width: 100%; } 

/* 생년월일 */
.birth input[type="text"] { width: 120px; } 

/* 우편번호 찾기 */
.addr-wrap input[type="text"] { width: 300px; } 
.addr-wrap button { background-color: #eee; padding: 12px; font-size: 1.5rem; font-weight: 500; color: #646464; border-radius: 5px; } 

.select-btn { margin-top: 3rem; text-align: center; display: flex; justify-content: center; column-gap: 1rem; } 
.select-btn button { display: inline-block; padding: 12px 50px; width: 180px; background-color: #BF1D21; color: #fff; border: 1px solid transparent; font-size: 1.8rem; font-weight: 600; transition: all .5s; border-radius: 30px; } 
.select-btn .btn1 { background: transparent; border: 1px solid #BF1D21; color:#BF1D21; } 
.select-btn .btn2:hover { background-color: transparent; border: 1px solid #BF1D21; color:#BF1D21; } 




/*** 개인정보처리방침(동의) ***/
.privacy-box { border: 1px solid #ddd; border-radius: 10px; overflow: hidden; font-size: 14px; line-height: 1.6; margin-top: 30px; letter-spacing: -.7px; } 
.privacy-box .privacy-content { padding: 16px; font-size: 1.7rem; max-height: 200px; overflow-y: auto; background-color: #fff; border-bottom: 1px solid #eee; } 
.privacy-box .privacy-content p,
.privacy-box .privacy-content ul { margin-bottom: 12px; } 
.privacy-box .privacy-content .indent { display: inline-block; margin-left: 10px; } 
.privacy-box .privacy-agree { background-color: #fffdf5; padding: 24px 16px; font-weight: 500; display: flex; font-size: 1.7rem; align-items: center; } 
.privacy-box .privacy-agree input[type="checkbox"] { margin-right: 6px; } 
.privacy-box .required { color: #d90000; margin-right: 4px; } 


@media screen and (max-width:1200px) { /* 후원안내 */
 .birth_wrap input[type="text"] { width: 125px } 
 .phone_wrap input[type="text"] { width: 125px; } 
 .phone_wrap { display: flex; align-items: center; } 
 .birth_wrap { display: flex; align-items: center; gap: 2px; } 
 }

@media screen and (max-width:1023px){
 .form-style1 th { padding-left: 25px; padding-right: 25px; } 
 .form-style1 input:has(+ .inp_noti,+ label + .inp_noti) { margin:0 0 10px; } 
 .form-style1 .inp_noti { display:block; } 

 .form-style1 tr .picker_list > li { gap:15px; } 
 .form-style1 tr .picker_list > li + li { margin-top:15px; } 
 .form-style1 tr .picker_wrap { width:280px; } 
 .form-style1 tr .picker_wrap:before { width:70px; } 
 .form-style1 tr .datepicker { padding-right:85px; } 
 }

@media screen and (max-width:860px){
 .form-style1 col:nth-child(1) { width:150px; } 
 .form-style1 th { padding-left: 20px; padding-right: 20px; font-size: 1.5rem; } 
 .form-style1 td { font-size: 1.5rem; } 
 .form-style1 .btn_sm { height:45px; padding:0 25px; } 

 /* 회원가입 */
 .form-style1 .inp_mail select { width: 100%; } 
 .form-style1 .btn_sm.btn_check { margin-left: 0; margin-top: 6px; } 
 .addr-wrap .code { flex-direction: column; } 
 .addr-wrap .code button { width: 100%; } 
 }
@media screen and (max-width:767px){
 .form-style1 .inp_mail { flex-wrap: wrap; } 
 .form-style1 .inp_mail input[type="text"] { width:calc(50% - 22px); } 
 .form-style1 .inp_mail select { margin-left:0; margin-top:10px; font-size: 14px; } 
 .form-style1 .inp_mail .btn_check { margin-top:10px; } 

 .at { margin: 0 4px; } 
 .form-style1 tr select { width: 100%; height: 3.5rem; } 
 .form-style1 tr .birth_wrap select { width: 100%; height: 3.5rem; font-size: 14px; } 
 .form-style1 input[type="text"], .form-style1 input[type="password"] { width: 100%;height: 3.5rem; } 
}

@media screen and (max-width:640px) { input[type="checkbox"] + label { padding-left:35px; line-height:25px; } 
 input[type="checkbox"] + label:before { width:25px; height:25px; } 

 textarea { border-radius: 3px; } 
 .form-style1 col:nth-child(1) { width:140px; } 
 .form-style1 input[type="text"]#captcha { width:100%; margin-top:10px; } 
 .form-style1 .btn_sm { height:42px; padding:0 20px; } 

 /* 신청폼 상단 타이틀 */
 .line_tit { font-size: 2.125rem; margin-bottom: .5rem; } 
 .line_tit span { font-size: 1.5rem; } 
 }

@media screen and (max-width:480px) { input[type="checkbox"] + label { padding-left:30px; line-height:20px; } 
 input[type="checkbox"] + label:before { width:20px; height:20px; } 
 .form-style1 { display:block; } 
 .form-style1 + .form-style1 { padding-top:0; padding-bottom: 0; } 
 .form-style1 :is(tbody,tr,th,td) { display:block; } 
 .form-style1 :is(th,td) { border:0; } 
 .form-style1 th + td { margin: 12px 0; } 
 .form-style1 td { padding:0 5px; } 
 .form-style1 .btn_sm { padding:0 15px; } 

 .form-style1 .inp_mail input[type="text"] { width:calc(50% - 19px); } 
 .form-style1 .inp_mail select { width:calc(100% - 86px); } 
 .form-style1 .inp_mail .at { margin: 0 10px; } 

 /* 버튼 */
 .select-btn { margin-top: 1.5rem; } 
 .select-btn button { padding: 12px 12px; font-size: 1.5rem; } 

}
 @media screen and (max-width:479px){
 .select-btn button { width: 150px; } 
 .apply-btn button { font-size: 1.5rem; width: 130px; padding-block: 6px; } 
 }
 @media screen and (max-width:430px) { /* 신청폼 상단 타이틀 */
 .line_tit { flex-direction: column; align-items: flex-start; font-size: 1.8rem; } 
 .line_tit span { font-size: 1.5rem } 
 /* 버튼 */
 .select-btn { display: flex; justify-content: center; column-gap: 1rem; } 
 }
@media screen and (max-width:360px){
 .form-style1 .btn_sm { height:40px; padding:0 10px; } 
 }