@import url('sub.css'); 


html,body {overflow-x:hidden;}
input::-webkit-input-placeholder {color:var(--basic); font-size:1rem; letter-spacing: -0.038rem;}
input:-ms-input-placeholder {color:var(--basic); font-size:1rem; letter-spacing: -0.038rem;}
input::placeholder {color:var(--basic); font-size:1rem; letter-spacing: -0.038rem;}




/********** ## 로그인 **********/
.fs35 {font-size: var(--fs35); font-weight: 700; line-height:128.571%; letter-spacing: -0.088rem; color:Var(--black); text-align:center; margin:0 0 38px;}
.login_cont {/* display:flex; flex-wrap:wrap; justify-content:space-between; */}
.login_cont .mart80 {padding-top:40px; border-top:1px dashed var(--border); margin-top:40px;}
.login_cont .borderBox {border:1px solid var(--border); width:100%; max-width:660px; padding:45px 50px; box-sizing:border-box; margin:0 auto; border-radius: 5px;}
.login_cont .borderBox .stxt {margin:8px 0 42px; text-align:center; letter-spacing: -0.045rem;}

.login_input {}
.login_input .input {height:70px; padding:0 25px; margin:0 0 5px;}
.login_input .ip_submit {margin:15px 0 0;}
.login_input .ip_submit .search_btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  width:100%; height: 75px; border-radius: 5px; background: var(--black); color:var(--white); font-size:var(--fs20); font-weight: 500; letter-spacing: -0.05rem; cursor:pointer;}
.login_input .login_btm {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:16px 0 0;}
.login_input .login_btm label {letter-spacing: -0.045rem;}
.login_input .login_btm label input[type="checkbox"] {width:19px; height:19px;}
.login_input .login_btm ul {display:flex; flex-wrap:wrap; align-items:center; }
.login_input .login_btm ul li {}
.login_input .login_btm ul li a {letter-spacing: -0.045rem; display:flex; flex-wrap:wrap; align-items:center; }
.login_input .login_btm ul li a::after {content:''; width:1px; height:16px; background:var(--border); margin:0 16px; display:block;}
.login_input .login_btm ul li:last-of-type a::after {display:none;}


.sns_login {}
.sns_login a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; letter-spacing: -0.045rem; height:75px; margin:0 0 5px; border-radius:5px; box-sizing:border-box;}
.sns_login a:last-of-type {margin:0;}
.sns_login a img {margin-right:10px;}

.sns_login a.kakao {color: #493433; background: #FEE102;}
.sns_login a.naver {color: var(--white); background: #09D862;}
.sns_login a.google {color: var(--black); background: var(--white); border:1px solid var(--border);}
/********** ## 로그인 **********/



/********** ## 아이디/비밀번호 찾기 **********/
.mar0 {margin-bottom:0 !important;}
.radioList {display:flex; flex-wrap:wrap; justify-content:center; margin:23px 0 24px;}
.radioList li {margin-right:20px; }
.radioList li label {letter-spacing: -0.045rem;}
.radioList li:last-of-type {margin-right:0;}

.idpw_wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.idpw_wrap .borderBox {width:calc((100% - 30px) / 2); margin:0;}

.idpw_cont {}
.idpw_cont dl {display:flex; flex-wrap:wrap; align-items:center; padding:14px 0; border-radius: 5px; border: 1px solid var(--border); box-sizing:border-box; margin:0 0 5px; }
.idpw_cont dl dt {width:120px; letter-spacing: -0.045rem; padding:0 20px; box-sizing:border-box;}
.idpw_cont dl dd {width:calc(100% - 120px); border-left:1px solid var(--border); box-sizing:Border-box;}
.idpw_cont dl dd .input, .idpw_cont dl dd .select {height:40px; border:0; margin-bottom:0;}
.idpw_cont dl dd.email_cont {display:flex; flex-wrap:wrap; align-items:center;}
.idpw_cont dl dd.email_cont .input {width:calc((100% - 24px) / 3);}
.idpw_cont dl dd.email_cont .select {width:calc((100% - 24px) / 3); margin-left:4px; border-left:1px solid var(--border);}
.idpw_cont dl dd .hyp {display:block; width:20px; text-align:center;}
.idpw_cont .pointColor {margin:6px 0 0;}
/********** ## 아이디/비밀번호 찾기 **********/




/********** ## 회원가입 **********/
.w890 {max-width:890px; margin:0 auto;}
.join_box {border:1px solid var(--border); padding:47px 40px; box-sizing:border-box;}
.dash_cont {border-bottom:1px dashed var(--border);}
.dash_cont label {display:block; margin:0 0 23px;}
.join_agree_cont label {font-size: 1.111rem; font-weight: 500; line-height:160%; letter-spacing: -0.05rem; color:var(--black);}
.join_agree_cont label b {color:var(--main); font-weight:inherit; letter-spacing:inherit; line-height:inherit;}
.join_agree_cont .textareaBox {margin:24px 0 0;}
.join_agree_cont .textareaBox label {display:block; margin:0 0 14px;}
.join_agree_cont .textarea {border:1px solid var(--border); padding:20px; box-sizing:border-box; width:100%; height:180px; font-size: 0.888rem; font-weight: 400; line-height:156.25%; letter-spacing: -0.04rem; color:var(--basic);}

.memBtn_list {margin:30px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.memBtn_list .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:178px; height:60px; font-weight: 500; letter-spacing: -0.045rem; border-radius: 5px; margin-right:4px; transition:all 0.4s ease;}
.memBtn_list .btn:last-of-type {margin:0;}

.memBtn_list .btn.ver_w {border: 1px solid var(--border); background:var(--white); color:rgba(34,34,34,0.5);}
.memBtn_list .btn.ver_w:hover {border:1px solid var(--black); color:var(--black); transition:all 0.4s ease;}
.memBtn_list .btn.ver_b {border: 1px solid var(--main); background: var(--main); color:var(--white);}
.memBtn_list .btn.ver_b:hover {background: var(--white); color:var(--main); transition:all 0.4s ease;}

.memBtn_list.btn_mar0 .btn {margin-top:0; margin-left:0;}
/********** ## 회원가입 **********/



/********** ## 회원가입 - 본인인증 **********/
.join_verification {display:flex; flex-wrap:wrap; max-width:890px; margin:0 auto; width:100%;}
.join_verification dl {width:33.33%; background:var(--main); transition:all 0.4s ease;}
.join_verification dl:hover {background:var(--mypage-dark); transition:all 0.4s ease;}
.join_verification dl a {display:flex; flex-wrap:wrap; align-content:center; justify-content:center; min-height:280px; width:100%; text-align:center; border-right:1px solid rgba(255,255,255,0.3); box-sizing:border-box; padding:20px;}
.join_verification dl:last-of-type a {border-right:0;}
.join_verification dl dt {width:100%;}
.join_verification dl dd {width:100%; color:var(--white); font-weight: 700; line-height:160%; letter-spacing: -0.8px; margin:30px 0 0;}
/********** ## 회원가입 - 본인인증 **********/



/********** ## 회원가입 - 정보입력 **********/
.join_input {}
.join_input dl {display:flex; flex-wrap:wrap; align-items:center; padding:15px 0; border-bottom:1px solid var(--border);}
.join_input dl:first-of-type {padding-top:0;}
.join_input dl dt {width:145px; font-weight: 500; letter-spacing: -0.045rem; color:var(--black);}
.join_input dl dt b {color:var(--main); font-weight:500; display:inline-block; margin-left:4px;}
.join_input dl dd {display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 145px);}
.join_input dl dd .no_txt {font-size: var(--fs16); font-weight: 400; line-height: 175%; letter-spacing: -0.04rem; color:var(--main); margin:1px 0 0;}
.join_input dl dd.email_cont .input {width:calc((100% - 30px) / 3);}
.join_input dl dd.email_cont .select {width:calc((100% - 30px) / 3); margin-left:10px; border-left:1px solid var(--border);}
.join_input dl dd label {font-size: var(--fs16); font-weight: 400; line-height: 175%; letter-spacing: -0.04rem; color:rgba(34,34,34,0.7); display:inline-block; margin-left:20px;}
.join_input dl dd .hyp {display:block; width:20px; text-align:center;}
.join_input dl dd .input_num { /* margin-right:4px; */ max-width:120px;} /* 수정_240812 */
.join_input dl dd .input_num:has( + .input_num){ margin-right:4px; } /* 추가_240812 */
.join_input dl dd .input_num.input:first-of-type {margin-left:4px;}
.join_input dl dd .input_num:last-of-type {margin-right:0;}
.join_input dl dd .input_m {max-width:330px;}
.join_input dl dd .add_num {max-width:190px; border-radius:5px 0 0 5px !important; border-right:0;}
.join_input dl dd .address_btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 115px; height: 45px; font-size: var(--fs16); font-weight: 500; line-height:100%; letter-spacing: -0.64px; border-radius: 0px 5px 5px 0px; background: var(--blue_gray); color:var(--white);}
.join_input dl dd input[name="address1"] {margin:5px 0;}
.join_input dl dd .sch_list {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.join_input dl dd .sch_list li {display:flex; flex-wrap:wrap; width:calc(50% - 2px);}
.join_input dl dd .sch_list li:first-of-type .input {width:calc(100% - 115px); border-radius:5px 0 0 5px;}
.join_input dl dd .sch_list li:last-of-type .input {width:100%;}

.join_input input::-webkit-input-placeholder {color:rgba(34,34,34,0.4); font-size:var(--fs16); letter-spacing: -0.038rem;}
.join_input input:-ms-input-placeholder {color:rgba(34,34,34,0.4); font-size:var(--fs16); letter-spacing: -0.038rem;}
.join_input input::placeholder {color:rgba(34,34,34,0.4); font-size:var(--fs16); letter-spacing: -0.038rem;}

.select2-container {width:100% !important;}
.select2-dropdown {border:1px solid var(--border) !important; border-top:0 !important;}
.select2-container .select2-selection--single {height:45px !important; background:var(--white) url("/img/select_arr.svg")no-repeat center right 13px;}
.select2-search--dropdown {padding:10px !important;}
.select2-container--default .select2-search--dropdown .select2-search__field {width:100%; height:40px !important; border:1px solid var(--border) !important; border-radius:5px !important; color:rgba(34,34,34,0.5) !important;  padding:0 12px !important;}
.select2-results__option {font-size:var(--fs15) !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:var(--main) !important;}
.select2-container--default .select2-selection--single {border:1px solid var(--border) !important; border-radius:5px !important;}
.select2-container .select2-selection--single .select2-selection__rendered {padding:0 17px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {display:flex !important; flex-wrap:wrap !important; align-items:center !important; color:rgba(34,34,34,0.5) !important; font-size:var(--fs16) !important; line-height:inherit !important; height:100%;}
.select2-container--default .select2-selection--single .select2-selection__arrow {display:none !important;}

.input-file { visibility: hidden; position: absolute;}
.upfile_input {width:100%;}
.upfile_input .input-group {width:100%; display:flex; flex-wrap:wrap;}
.upfile_input .form-control {width:calc(100% - 115px); background:var(--white); border-radius:5px 0 0 5px !important; border-right:0;}
.upfile_input .address_btn {border:0;}
/********** ## 회원가입 - 정보입력 **********/


/********** ## 회원가입 - 가입완료 **********/
.join_ok_box {padding:90px 50px 100px;}
.join_ok_box .stxt {text-align:center; letter-spacing: -0.045rem; margin:6px 0 24px;}
.join_ok_box dl {padding:33px; box-sizing:Border-box; background: var(--gray_bg); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; max-width:510px; margin:0 auto;}
.join_ok_box dl dt { letter-spacing: -0.045rem; color:var(--black);}
.join_ok_box dl dd {letter-spacing: -0.045rem; color:rgba(34,34,34,0.5); margin-left:20px;}
/********** ## 회원가입 - 가입완료 **********/

/********** ## 회원가입 - 이미 계정이 존재함 **********/
/* mypage.css 일부 발췌 */
.authed_user_content .join_input dl {background: var(--white);}
.authed_user_content .join_input dl {padding: 25px 10px 25px 10px; border-top:1px solid var(--border);}
.authed_user_content .join_input dl dt {width: 45%;}
.authed_user_content .join_input dl dd {width: 45%;}

/********** ## 회원가입 - 이미 계정이 존재함 **********/

/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 

/********** ## 로그인 **********/
.login_cont .borderBox {padding:35px 30px;}
/********** ## 로그인 **********/

}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


/********** ## 로그인 **********/
.fs35 {margin:0 0 25px;}
.login_cont .borderBox .stxt {margin:8px 0 30px;}

.login_cont .borderBox {width:100%; /* margin:0 0 30px; */}
/* .login_cont .borderBox:last-of-type {margin:0;} */
.login_input .input {height:60px; padding:0 20px;}
.login_input .ip_submit .search_btn {height:70px;}
.sns_login a {height:70px;}
/********** ## 로그인 **********/


/********** ## 아이디/비밀번호 찾기 **********/
.idpw_cont dl {padding:10px 0;}
.idpw_cont dl dd .input, .idpw_cont dl dd .select {height:36px;}
/********** ## 아이디/비밀번호 찾기 **********/



/********** ## 회원가입 **********/
.join_box {padding:38px 30px;}
.memBtn_list .btn {width:145px; height:54px;}
/********** ## 회원가입 **********/


/********** ## 회원가입 - 본인인증 **********/
.join_verification dl a {min-height:240px;}
.join_verification dl dt img {max-height:80px;}
.join_verification dl dd {margin:20px 0 0;}
/********** ## 회원가입 - 본인인증 **********/


/********** ## 회원가입 - 정보입력 **********/
.join_input dl dd label {width:100%; display:block; margin-left:0; margin-top:3px;}
.select2-container .select2-selection--single {height:40px !important; background:var(--white) url("/img/select_arr.svg")no-repeat center right 13px;}
.select2-container .select2-selection--single .select2-selection__rendered {padding:0 15px !important;}
.join_input dl dd .address_btn {height:40px;}
/********** ## 회원가입 - 정보입력 **********/



/********** ## 회원가입 - 가입완료 **********/
.join_ok_box {padding:60px 40px 60px;}
/********** ## 회원가입 - 가입완료 **********/


}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 




/********** ## 로그인 **********/
.fs35 {margin:0 0 15px;}
.login_cont .mart80 {margin-top:25px; padding-top:25px;}
.login_cont .borderBox {padding: 20px 25px; margin:0 0 15px;}
.login_cont .borderBox .stxt {margin:8px 0 20px;}
.login_input .input {height:40px; padding:0 15px;}
.login_input .login_btm {margin:5px  00;}
.login_input .login_btm ul {width:100%; justify-content:center; margin:15px 0 0;}
.login_input .login_btm ul li a::after {margin:0 10px;}
.login_input .ip_submit {margin:10px 0 0;}
.login_input .ip_submit .search_btn {height:50px;}
.sns_login a {height:50px;}
.sns_login a img {max-width:18px; max-height:18px; margin-right:7px;}
/********** ## 로그인 **********/

/********** ## 아이디/비밀번호 찾기 **********/
.radioList {margin:15px 0;}
.idpw_cont dl {padding:6px 0;}
.idpw_cont dl dt {width:90px; padding:0 12px;}
.idpw_cont dl dd {width:calc(100% - 90px);}
.idpw_cont dl dd .input, .idpw_cont dl dd .select {height:32px;}
/********** ## 아이디/비밀번호 찾기 **********/


/********** ## 회원가입 **********/
.join_box {padding:15px 10px;}
.join_agree_cont label {margin:0 0 10px; font-size:1.05rem;}
.join_agree_cont .textareaBox label {margin:0 0 10px;}
.join_agree_cont .textarea {padding:10px; height:100px;}
.join_agree_cont .textareaBox {margin:15px 0 0;}

.memBtn_list {margin:15px 0 0;}
.memBtn_list .btn {width:100px; height:42px;}
/********** ## 회원가입 **********/


/********** ## 회원가입 - 본인인증 **********/
.join_verification dl {width:100%;}
.join_verification dl a {min-height:auto; border-right:0; border-bottom:1px solid rgba(255,255,255,0.3); padding:30px 20px;}
.join_verification dl:last-of-type a {border-bottom:0;}
.join_verification dl dt img {max-height:68px;}
.join_verification dl dd {margin:15px 0 0;}
/********** ## 회원가입 - 본인인증 **********/


/********** ## 회원가입 - 정보입력 **********/
.join_input dl {padding:10px 0;}
.join_input dl dt {width:100%; margin:0 0 5px;}
.join_input dl dd {width:100%;}
.join_input dl dd .no_txt {width:100%; font-size:12px;}
.join_input dl dd .input_m {max-width:80%;}
.join_input dl dd .input_num {max-width:calc((100% - 8px) / 3);}

.select2-container .select2-selection--single {height:36px !important; background:var(--white) url("/img/select_arr.svg")no-repeat center right 10px / 8px auto;}
.select2-container .select2-selection--single .select2-selection__rendered {padding:0 12px !important;}
.join_input dl dd .add_num {max-width:100%; width:calc(100% - 90px);}
.join_input dl dd .address_btn {height:36px; width:90px;}
.upfile_input .form-control {width:calc(100% - 90px);}

.join_input dl dd .sch_list li {width:100%; margin:0 0 2px;}
.join_input dl dd .sch_list li:first-of-type .input {width:calc(100% - 90px); max-width:100%;}
/********** ## 회원가입 - 정보입력 **********/


/********** ## 회원가입 - 가입완료 **********/
.join_ok_box {padding:20px 15px;}
.join_ok_box .stxt {margin:7px 0 15px;}
.join_ok_box dl {padding:10px 15px;}
.join_ok_box dl dd {margin-left:10px;}
/********** ## 회원가입 - 가입완료 **********/




}