@charset"utf-8";
/* 공통 */
.join .section_main_title {margin-top:250px;}
.join .section1 {margin-bottom:-50px;}
.join .step_wrap {display:flex; flex-wrap:wrap;}
.join .step_wrap li {width:calc(100% / 3); align-items: center; display: flex; justify-content: center; border-bottom: 3px solid; padding-bottom: 20px; color:#bcbcbc;}
.join .step_wrap li.on {color:#111;}
.join .step_wrap li.on .img img {opacity:1;}
.join .step_wrap li .img {margin-right:20px;}
.join .step_wrap li .img img {opacity:0.3;}
.join .step_wrap li .txt span {display:block; font-size:13pt;}
.join .step_wrap li .txt span:nth-child(2) {font-size:16pt; font-weight:bold; margin-top: 5px;}

/* 약관동의 */
.join.step1 .agree {margin-top: 50px;}
.join.step1 .agree .txt {font-size: 12pt; color: #111; line-height: 30px; height: 200px; overflow: scroll; overflow-x: hidden; background:#f6f7fb; padding:20px;}
.join.step1 .agree .txt .mini_title {color:#111; /* margin-bottom: 20px; border-bottom: 2px dotted #ccc; padding-bottom: 20px; */}
.join.step1 .agree .txt h4 {font-size:12pt; color:#111; margin-bottom: 10px;}
.join.step1 .agree .txt h5 {color: #141782; font-size: 12pt; margin:20px 0 5px;}
.join.step1 .agree .txt .desc {font-size:12pt;}
.join.step1 .agree .txt .table th {border:1px solid #111;background: #111; color: #fff; font-weight: 500; padding: 5px;}
.join.step1 .agree .txt .table td {border:1px solid #111; padding:5px; color: #111;}
.join.step1 .agree label {display:flex; margin-top:20px; align-items: center;}
.join.step1 .agree label input[type="checkbox"] {width: 15px; height: 15px;}
.join.step1 .agree label > * {cursor:pointer;}
.join.step1 .agree label p {font-size: 13pt; color: #8d8d8d; font-weight:500; margin-left:8px;}
.join.step1 .agree label input[type="checkbox"]:checked + p {color:#151881;}

/* 개인정보처리방침, 이용약관 */
.privacy_policy .txt {font-size:13pt; line-height:30px;}
.privacy_policy .mini_title .bottom_line {border-bottom:2px dotted #ddd; padding-bottom:50px; margin-bottom:50px;}
.privacy_policy .sub {margin-bottom:50px;}
.privacy_policy .sub:last-child {margin-bottom:0;}
.privacy_policy .sub .sub_title{font-weight: bold; margin-bottom: 20px;}
.privacy_policy .sub .txt_only {margin:20px 0;}
.privacy_policy .sub ul {background: #f6f7fb; padding: 20px;}
.privacy_policy .sub ul li {font-size:12pt;}
.privacy_policy .sub ul li b {display: inline-block; margin: 10px 0;}
.privacy_policy .sub ul li:first-child b {margin-top:0;}
.privacy_policy .point {color: #ff5858;}
.privacy_policy table th, .privacy_policy table td, .privacy_policy .sub .txt_only.point {font-size:12pt;}
 
/* 정보입력 */
.join .agree, .join .data_wrap {border:1px solid #ddd; padding:50px;}

/* 가입완료 */
.join.step3 .section1 {margin: 100px auto;}
.join.step3 .section_main_title img {margin-bottom:30px;}
.join.step3 .section_main_title {text-align: center; margin-bottom:50px;}
.join.step3 .data_wrap {max-width:800px; margin:0 auto; background: #f6f7fb; font-size: 13pt;}
.join.step3 .data_wrap li .input_wrap {font-weight:bold;}
.join.step3 .data_wrap li .txt_wrap {border-right: 1px solid #ccc;}
.join.step3 .data_wrap li {display:flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.join.step3 .data_wrap li:last-child {margin-bottom:0;}
.join.step3 .data_wrap li p {width:50%; text-align: center;}

/* 로그인 */
.login section {max-width:600px; margin-top:50px;}
.login .section_main_title {margin-top:250px; margin-bottom:50px;}
.login .section1 .input_wrap input {border: 1px solid #ddd; height: 60px; padding: 0 10px; width: 100%; font-size: 13pt; margin-bottom:10px;}
.login .section1 .input_wrap input:nth-child(2) {margin-bottom:0;}
.login .section1 .input_wrap a {height: 60px; font-weight: 600; margin-top:20px; padding: 0 10px; width: 100%; font-size: 16pt; border-radius:5px; color:#fff; background-image:linear-gradient(to right, #151682, #4215d6, #151682, #020367); background-size: 300% 100%; background-position: 100% 0; transition: all .4s ease-in-out; align-items: center; justify-content: center; display:flex;}
.login .section1 .input_wrap a:hover {background-position: 0 0;}
.login .section1 .sub_wrap {display:flex; align-items: center; justify-content: space-between; margin-top: 15px; font-size: 10pt;}
.login .section1 .sub_wrap .check_wrap label {cursor:pointer; display:flex; align-items: center;}
.login .section1 .sub_wrap .check_wrap input {cursor:pointer; margin-right:5px; width:15px; height:15px;}
.login .section1 .sub_wrap .find_wrap {display:flex; align-items: center;}
.login .section1 .join_wrap {margin-top: 50px;}
.login .section1 .join_wrap .txt {position:relative; gap: 20px; font-size: 10pt; line-height: 25px; letter-spacing: -0.36px; margin-bottom: 20px; display: flex; align-items: center;}
.login .section1 .join_wrap .txt:before {flex: 1 1 0; height: 1px; background: #efefef; content: '';}
.login .section1 .join_wrap .txt:after {flex: 1 1 0; height: 1px; background: #efefef; content: '';}
.login .section1 .join_wrap .btn {border: 1px solid #ddd; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 16pt; font-weight: 600; border-radius: 5px;}

/* 아이디/비번찾기 */
.login.find section {max-width:1000px;}
.login.find .tap {display:flex; flex-wrap:wrap;}
.login.find .tap li {width:calc(100% / 2); text-align:center; background: #fff; border: 1px solid #ddd; font-size:16pt;}
.login.find .tap li a {padding:20px 0; display: block;}
.login.find .tap li.on {z-index: 10 !important; border-top:1px solid #111; border-right:1px solid #111; border-left:1px solid #111; color: #111; border-bottom:0; font-weight: bold;}
.login.find .tap_ct {display:none;}
.login.find .tap_ct.on {display:block;}
.login.find .input_list_wrap {margin: 50px 0; border:1px solid #ddd; padding:50px;}
.login.find .input_list_wrap li {display:flex; margin-bottom:10px; align-items: center;}
.login.find .input_list_wrap li p {width:100%;}
.login.find .input_list_wrap li p, .login.find .input_list_wrap li label {font-weight: 400; font-size:13pt;}
.login.find .personal_info li.e-mail .input_wrap.input3 {width:100%; margin-bottom: 0;}
.login.find .input_list_wrap li p:first-child {font-weight:bold; width: 150px; min-width:150px;}
.login.find .input_list_wrap li p:last-child {width:100%;}
.login.find .input_list_wrap li span.point {position:absolute; bottom:-20px; left:150px; color: #ff5858; font-size: 10pt; font-weight: 500;}
.login.find .input_list_wrap li input {width:100%; font-size:13pt; border: 1px solid #ddd; height: 40px; padding: 0 10px;}
.login.find .input_list_wrap li select {font-size:13pt; border: 1px solid #ddd; height: 40px; padding: 0 10px;}
.login.find .input_list_wrap li .display_flex {display:flex; flex-wrap: wrap; text-align:center; align-items: center;width:calc(100% - 150px); justify-content: space-between;}
.login.find .input_list_wrap li .display_flex.birth input {margin-right:5px; width:calc(100% / 3 - 5px);}
.login.find .input_list_wrap li .display_flex.birth input:last-child {margin-right:0;}
.login.find .section1 .input_wrap input {margin-bottom:0;}

@media screen and (max-width: 1120px) {
/* 로그인 */
.login .section_main_title {margin-top:180px;}
.login .section1 .input_wrap input {font-size:13pt;}

/* 아이디/비번찾기 */
.login.find .tap li {font-size:13pt;}
.login.find .input_list_wrap li p, .login.find .input_list_wrap li label {font-size:13pt;}
.login.find .input_list_wrap li input, .login.find .input_list_wrap li select {font-size:13pt;}

/* 회원가입 step1 */
.nav_mini {top:-60px;}
.join .section_main_title {margin-top:150px;}

.join .step_wrap li .img img {width:40px;}
.join .step_wrap li .txt span {font-size:10pt;}
.join .step_wrap li .txt span:nth-child(2) {font-size:16pt;}
.join.step1 .agree {margin-top:10px;}
.join.step1 .agree label p {font-size:13pt; margin-left:0;}
.join.step1 .agree label input[type="checkbox"] {width:15px; height:15px;}

/* 회원가입 step2 */
.join .section2 {margin-top:100px;}

/* 회원가입 step3 */
.join.step3 .data_wrap li {display:flex;}
.join.step3 .section1 {margin:50px auto;}
.join.step3 .data_wrap {font-size:13pt;}
.section_main_title p.txt br {display:block;}


/* 개인정보처리방침 */
.privacy_policy .txt {font-size:13pt;}
.privacy_policy .sub ul li {font-size:10pt; line-height: 25px;}
.privacy_policy table th, .privacy_policy table td, .privacy_policy .sub .txt_only.point {font-size:10pt;}
 
}

@media screen and (max-width: 840px) {
/* 로그인 */
.login .section_main_title {margin-top:150px;}
.login .section1 .input_wrap input {font-size:12pt;}

/* 아이디/비번찾기 */
.login.find .input_list_wrap li {display:block; margin-bottom: 20px;}
.login.find .input_list_wrap li p, .login.find .input_list_wrap li label, .login.find .input_list_wrap li input {font-size:12pt;}
.login.find .input_list_wrap li p {margin-bottom:10px;}
.login.find .input_list_wrap li input, .login.find .input_list_wrap li select {height:35px;}
.login.find .input_list_wrap li .display_flex {width:100%;}
.login.find .input_list_wrap li span.point {bottom: -25px; left: 0; font-size: 10pt;}
.login.find .input_list_wrap li input, .login.find .input_list_wrap li select {font-size:12pt;}
.login.find .input_list_wrap {padding:30px;}
.login.find .input_list_wrap li p:first-child {margin-bottom:10px;}

.join .section2 {margin-top:80px;}

/* 회원가입 step1 */
.join.step1 .agree .txt {font-size:10pt; line-height: 25px;}
.join.step1 .agree label p {font-size:12pt; font-weight:600;}

/* 회원가입 step2 */
.join .agree, .join .data_wrap {padding:30px;}

/* 회원가입 step3 */
.join.step3 .data_wrap {font-size:12pt;}
.join.step3 .data_wrap li {justify-content: center;}
.join.step3 .data_wrap li .txt_wrap {margin-right:0; margin-bottom:0;}
.join.step3 .data_wrap li .txt_wrap, .join.step3 .data_wrap li .input_wrap {width:50%; display: inline-block; text-align: center;}

/* 개인정보처리방침 */
.privacy_policy .txt {font-size:12pt;}
}

@media screen and (max-width: 600px) {
/* 로그인 */
.login .section_main_title {margin-top:150px;}
.login .section1 .input_wrap input, .login .section1 .sub_wrap, .login .section1 .join_wrap .txt span {font-size:10pt;}
.login .section1 .input_wrap input {height: 45px; margin-bottom:5px;}
.login .section1 .input_wrap a {height: 50px; margin-top:10px; font-size:12pt;}
.login .section1 .join_wrap .txt {margin-bottom:10px;}
.login .section1 .join_wrap .btn {height: 50px; font-size: 12pt;}
.login section {margin: 30px 0;}
.login .section1 .join_wrap {margin-top:30px;}
.login .section_main_title {margin-bottom:30px;}

/* 아이디/비번찾기 */
.login.find .tap li {font-size:10pt;}
.login.find .tap li a {padding:15px 0;}
.login.find .input_list_wrap li p {margin-bottom:5px;}
.login.find .input_list_wrap li p, .login.find .input_list_wrap li label, .login.find .input_list_wrap li input {font-size:10pt;}
.login.find .input_list_wrap {padding:20px;}
.login.find .input_list_wrap li input, .login.find .input_list_wrap li select {font-size:10pt;}
.login.find .personal_info li.e-mail {border-bottom:0;}

.join .section2 {margin-top:70px;}

/* 회원가입 step1 */
.join .step_wrap li .img img {width:30px;}
.join .step_wrap li .txt span:nth-child(2) {font-size:12pt; margin-top: 3px;}
.join .step_wrap li {padding-bottom:15px;}
.join .agree, .join .data_wrap {padding:20px;}
.join.step1 .agree label p {font-size:10pt; font-weight:500;}
.join.step1 .agree label {align-items: flex-start;}

/* 회원가입 step3 */
.join.step3 .data_wrap {font-size:10pt;}
.join.step3 .section_main_title img {margin-bottom:20px; width: 40px;}
.join.step3 .section_main_title {margin-top: 130px; margin-bottom: 30px;}

/* 개인정보처리방침 */
.privacy_policy .txt {font-size:10pt; line-height: 20px;}
.privacy_policy .sub .txt_only {margin:15px 0;}
.privacy_policy .sub .sub_title {margin-bottom:15px;}
.privacy_policy .sub ul {padding:15px;}
.privacy_policy .sub {margin-bottom:30px;}
.privacy_policy .mini_title .bottom_line {margin-bottom:30px; padding-bottom:30px;}
}

@media screen and (max-width: 450px) {
/* 로그인 */
.login .section1 .input_wrap input {height:40px;}
.login .section1 .input_wrap input, .login .section1 .sub_wrap, .login .section1 .join_wrap .txt span {font-size:9pt;}
.login .section1 .input_wrap a {height:40px; margin-top:5px; font-size:10pt;}
.login .section1 .join_wrap .btn {height:40px; font-size:10pt;}
.login .section_main_title p.title {font-size:14pt !important;}
.login .section1 .sub_wrap .check_wrap input {width:10px; height:10px; margin-right:5px;}

/* 아이디/비번찾기 */
.login.find .input_list_wrap {margin:30px 0 50px; padding: 15px;}
.login.find .input_list_wrap li span.point {font-size:9pt; bottom: -10px;}
.login.find .tap li a {padding:10px 0;}
.login.find .input_list_wrap li input, .login.find .input_list_wrap li select {font-size:9pt; height:30px;}
.login.find .input_list_wrap li {margin-bottom:15px;}

/* 회원가입 step1 */
.join .step_wrap li .img {margin-right:10px;}
.join .step_wrap li .img img {width:25px;}
.join .step_wrap li .txt span {font-size:9pt;}
.join .step_wrap li .txt span:nth-child(2) {font-size:10pt;}
.join .agree, .join .data_wrap {padding:15px;}
.join.step1 .agree .txt {font-size:9pt; line-height:20px;}
.join.step1 .agree label p {margin-left:5px; font-size:9pt; top: -1.5px;}
.join.step1 .agree label input[type="checkbox"] {width:10px; height:10px;}
.join.step1 .section_main_title p.title, .join.step2 .section_main_title p.title, .join.step3 .section_main_title p.title {font-size:14pt !important;}

/* 회원가입 step3 */
.join.step3 .data_wrap li {margin-bottom: 0; border-bottom: 0; padding-bottom: 0;}
.join.step3 .data_wrap li:first-child {border-bottom: 1px dotted #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.join.step3 .section1 {margin:30px auto;}

/* 개인정보처리방침 */
.privacy_policy table th, .privacy_policy table td, .privacy_policy .sub .txt_only.point {font-size:9pt;}
.privacy_policy .sub ul li {font-size:9pt; line-height:20px;}
.privacy_policy .txt {font-size:9pt;}
.privacy_policy .mini_title .bottom_line {border-bottom:1px dotted #ddd;}
}