.mbskin{margin: 0 auto 0;width: 1000px;min-height: calc(100vh - 60px)}
#find_info{margin: 0 auto 0;width: 450px;height: calc(100vh - 60px)}
.register_result{margin: 0 auto 0;width: 450px;height: calc(100vh - 60px)}
.tac{text-align: center;}
#appleid-signin{vertical-align: middle;display: inline-block;width: 54px;height: 54px;margin: 0 !important;cursor: pointer}

.login_hd{text-align: center;padding: 30px 0;border-bottom: 1px solid #dadada;height: 83px;position: fixed;top: 0;left: 0;width: 100%;z-index: 100;background: #fff;}
.login_hd img{width: 194px;}
.mb_log_cate{display: block;text-align: center;}
.mb_log_cate h3{font-size: 30px;font-weight: normal;margin-bottom: 65px;padding-top: 180px;font-family: 'Marcellus English', 'SUIT' !important;}
.mb_log_cate h3 b{display: block;font-weight: bold;}
.mb_log_cate h3 span{border-bottom: 1px solid #000;font-family: 'Marcellus English' !important;letter-spacing: 1px;}
.mb_log_cate h4{font-size: 35px;font-weight: normal;margin-bottom: 65px;padding-top: 180px;font-family: 'Marcellus English', 'SUIT' !important;line-height: 1.8;}
.mb_log_cate h4 span{display: block;font-size: 16px;}
.mb_log_cate i{text-align: center;display: block;font-style: normal;font-size: 16px;padding-top: 40px;}
#login_fs{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;justify-content: space-between}
.login_box{width: 50%;padding-right: 50px;text-align: left;border-right: 1px solid #e2e2e2;}
.login_box label{text-align: left;font-size: 16px;padding-bottom: 10px;display: block;font-family: 'Marcellus English', 'SUIT' !important;}
#login_info{width: 50%;padding-left: 50px;text-align: left;}
#login_info h3{font-size: 16px;padding-bottom: 25px;}
#login_fs #login_info .login_if_lpr{background: #1e1e1e;color: #fff;text-align: center;display: block;float: none;margin: 0;border: 1px solid #1e1e1e;}
#login_fs #login_info .login_if_lpr a{color: #fff;font-size: 16px;display: block;width: 100%;height: 100%;padding: 20px 0;}
#login_fs #login_info .login_if_lpl{border: 1px solid #000;text-align: center;display: block;margin: 0;float: none;margin-top: 15px !important;;}
#login_fs #login_info .login_if_lpl a{font-size: 16px;display: block;width: 100%;height: 100%;padding: 20px 0}
#login_fs #login_info .login_if_lpe{background: #9c6c4c;text-align: center;display: block;margin: 0;float: none;margin-top: 15px !important}
#login_fs #login_info .login_if_lpe a{font-size: 16px;display: block;width: 100%;height: 100%;color: #fff;;padding: 20px 0;}

.register .login-sns{border: 0;}
.register #sns_register h2{padding: 0;}
.register #sns_register .sns-wrap{padding: 0;}
.register #sns_register .sns-wrap a{margin-left: 10px;}

#mb_login #login_fs .frm_input{font-size: 18px;border-bottom: 1px solid #cccccc !important;margin: 0 0 30px;height: 62px;}

#mb_login #login_fs .btn_submit{font-size: 18px;border-radius: 0;background: #822c41;height: 60px;}

.login_call{text-align: right;margin-top: 30px;padding-top: 30px;border-top: 1px solid #e5e5e5;}
.login_call p{font-size: 16px;}
.login_call h2{font-size: 33px;font-weight: normal;font-family: 'Marcellus English' !important;padding-top: 15px;padding-bottom: 10px;}
.login_call span{font-size: 14px;}

#login_fs .login_if_auto label{cursor: pointer;}
#login_fs .login_if_auto label i{border: 1px solid #cecece;background: #fff;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 100%;margin-right: 5px;display: inline-block;color: #b1b1b1;}
#login_fs .login_if_auto input:checked ~ label i{background: #000;color: #fff;border: 1px solid #000;}

.mblogin_copy{position: relative;bottom: 0;width: 100%;background: #822c41;text-align: center;left: 0;padding: 20px 0;font-size: 16px;font-family: 'Marcellus English' !important;margin-bottom: 0;z-index: 10;letter-spacing: 1px;color: #fff;}
.chk_box{margin-top: 10px;margin-bottom: 0;}

#fregister{width: 1100px;margin: 0 auto;}
#fregister section{border: 0;padding-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
#fregister section:last-of-type{border-bottom: 0;}
#fregister h2{border: 0;font-size: 16px;padding-left: 0;font-weight: 500;}
#fregister textarea{border: 1px solid #dfdfdf;font-size: 14px;color: #464646;height: 180px;}
#fregister .fregister_agree{position: relative;}
#fregister .fregister_agree label{font-size: 16px;text-align: right;font-weight: normal !important;}
#fregister .fregister_agree label b{font-weight: normal;}

#fregister .fregister_agree input[type="checkbox"] + label{margin-top: 20px;display: block;cursor: pointer;}
#fregister .fregister_agree input[type="checkbox"] + label i{border: 1px solid #cecece;background: transparent;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 100%;margin-left: 5px;display: inline-block;color: #b1b1b1;}
#fregister .fregister_agree input[type="checkbox"]:checked ~ label i{background: #000;color: #fff;border: 1px solid #000;}
#fregister .fregister_agree input[type="checkbox"] + label:hover{color: #000;}

#fregister #fregister_chkall input[type="checkbox"] + label{text-align: center;margin-top: 0;}
#fregister #fregister_chkall{border: 0;background: #f7f7f7;}
.register .btn_confirm{margin-top: 60px;text-align: center;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;justify-content: center}

#find_info #fregisterform{width: 100%;}

#fregisterform{width: 1100px;margin: 0 auto;}
#fregisterform section{border: 0;padding-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
#fregisterform section:last-of-type{border-bottom: 0;}
#fregisterform h2{border: 0;font-size: 16px;padding-left: 0;font-weight: 500;}
#fregisterform textarea{border: 1px solid #dfdfdf;font-size: 14px;color: #464646;height: 180px;}
#fregisterform .fregister_agree{position: relative;}
#fregisterform .fregister_agree label{font-size: 16px;text-align: right;font-weight: normal !important;}
#fregisterform .fregister_agree label b{font-weight: normal;}
#fregisterform .fregister_agree input{display: none;}
#fregisterform .fregister_agree input[type="checkbox"] + label{margin-top: 20px;display: block;cursor: pointer;}
#fregisterform .fregister_agree input[type="checkbox"] + label i{border: 1px solid #cecece;background: transparent;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 100%;margin-left: 5px;display: inline-block;color: #b1b1b1;}
#fregisterform .fregister_agree input[type="checkbox"]:checked ~ label i{background: #000;color: #fff;border: 1px solid #000;}
#fregisterform .fregister_agree input[type="checkbox"] + label:hover{color: #000;}

#fregisterform #fregister_chkall input[type="checkbox"] + label{text-align: center;margin-top: 0;}
#fregisterform #fregister_chkall{border: 0;background: #f7f7f7;}

.register #fregister .btn_confirm .btn_close{width: 190px;border-radius: 0;border: 1px solid #000;float:none;display: inline-block;font-size: 16px;font-weight: normal;}
.register #fregister .btn_confirm .btn_submit{width: 190px;border-radius: 0;background: #812c41;float:none;display: inline-block;font-size: 16px;font-weight: normal;border: 1px solid #812c41;}

.auth{height: calc(100vh - 60px)}
.auth_wrap{width: 420px;display: block;margin: 0 auto;margin-top: 120px;text-align: center;padding: 40px 0;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
.auth_wrap p{font-size: 16px;padding-bottom: 20px;}
.auth_wrap input{width: 100%;padding: 20px 0;background: #812c41;font-size: 16px;color: #fff;display: block;border: 0;}
.auth_wrap span{font-size: 16px;width: 100%;display: block;background: #f7f7f7;padding: 10px 0;margin-top: 15px;}

#find_info .new_win_con{background: #fff;}
#find_info h3{display: block;margin-bottom: 15px;font-size: 16px;font-weight: normal;padding-top: 65px;}
.new_win .new_win_con{margin: 0;padding: 0;}
#find_info .find_btn input[type=text]{width: 90%;margin-bottom: 15px;border: 0;border-bottom: 1px solid #ccc;font-size: 16px;border-radius: 0;padding: 15px 0;}
#find_info .find_btn .btn_submit{background: #812c41;font-weight: normal;font-size: 16px;border-radius: 0;height: 60px;width: 90%;}
.new_win .cert_btn{padding-bottom: 70px;border-bottom: 1px solid #cccccc;}

.register{max-width: 1100px;}
.register_form_inner{background: #fff;border: 0;border-radius: 0}
#register_form label{font-size: 16px;font-family: 'Marcellus English', 'SUIT' !important;display: block;margin-bottom: 15px;letter-spacing: 1px; text-transform: uppercase;}
#register_form input{border: 0;box-shadow: none;border-radius: 0;border-bottom: 1px solid #cccccc;font-size: 16px;padding: 15px 0;height: 60px;}
.register_form_inner ul{padding: 45px 0;}
.register_form_inner ul li{margin-bottom: 50px;width: 100%;}
.register_form_inner ul li button{border: 1px solid #000;background: #fff;font-size: 15px;height: 50px;line-height: 50px;width: 160px;margin-left: 30px;}
#register_form h2{padding: 20px 0;}
.register_form_inner .half_input{width: 38%;}
.register_form_inner .half_input input{width: 418px;}
.register_form_inner ul li input{width: 60%;}
.register_form_inner ul li div input{display: none;}
.register_form_inner li.half_input:nth-child(2n){width: 56%;}
.register .form_01 .margin_input{margin-right: 6%;}
.register #fregisterform .register_form_inner ul li div{margin:25px 0 15px;}
.register #fregisterform .register_form_inner ul li:last-child div{margin:15px 0 !important;}
.register #fregisterform .register_form_inner ul li #daum_juso_pagecustZipCd{margin: 20px 0 !important}
.register #fregisterform .register_form_inner ul li div div{display: inline-block;margin: 0 20px 0 0;}
.register #fregisterform .register_form_inner ul li div input[type="radio"] + label{display: block;cursor: pointer;margin-bottom: 0;}
.register_form_inner ul li div input[type="radio"] + label i{border: 1px solid #cecece;background: #fff;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 100%;margin-left: 5px;display: inline-block;color: #b1b1b1;margin-right: 5px;}
.register_form_inner ul li div input[type="radio"]:checked ~ label i{background: #000;color: #fff;border: 1px solid #000;}

.register_form_inner ul li div input[type="checkbox"] + label i{border: 1px solid #cecece;background: #fff;width: 25px;height: 25px;line-height: 25px;text-align: center;margin-left: 5px;display: inline-block;color: #b1b1b1;margin-right: 5px;}
.register_form_inner ul li div input[type="checkbox"]:checked ~ label i{background: #000;color: #fff;border: 1px solid #000;}


.register_form_inner h2{font-weight: normal;}
.register_form_inner h2 div{font-size: 15px;background: #f7f7f7;padding: 25px 10px;}
.register_form_inner h2 div span{padding:0 15px 0 45px;}
.register_form_inner h2 div span:first-child{border-right: 1px solid #c6c6c6;padding:0 45px}

.register_form_inner .bg{display: inline-block;text-align: center;width: 450px;font-size: 16px;background: #f5f5f5;padding: 10px 0;}

.sns_login{text-align: left;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #e5e5e5;margin-bottom: 50px;padding-bottom: 35px;justify-content: space-between;}
.sns_login li{display: inline-block;margin-right: 10px;margin-bottom: 0 !important;}
.sns_login h3{font-size: 16px;padding-right: 25px;vertical-align: middle;padding-bottom: 0 !important;}

.register .btn_confirm .btn_close{width: 190px;border-radius: 0;font-size: 15px;font-weight: normal;}
.register .btn_confirm .btn_submit{width: 190px;font-weight: normal;background: #812c41;border-radius: 0;font-size: 15px;border: 1px solid #812c41;}


.register p{text-align: center;font-size: 16px;padding-top: 35px;border-top: 1px solid #cccccc;padding-bottom: 25px;}
.reg_btn_submit{background: #fff;border: 1px solid #000;border-radius: 0;color: #000;font-weight: normal;width: 190px;font-size: 15px;}
.btn_confirm_reg a:last-child{background: #812c41;border: 1px solid #812c41;border-radius: 0;color: #fff;font-weight: normal;width: 190px;font-size: 15px;height: 57px;line-height: 57px;text-align: center;display: inline-block;margin-left: 15px;}

.btn_confirm_reg{padding-bottom: 45px;border-bottom: 1px solid #cccccc;}

.find_btn ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;justify-content: space-between;}
.find_btn ul input{display: none;}
.find_btn ul li{width: 48%;font-size: 16px;text-align: center;}
.find_btn ul li input + label{padding-bottom: 10px;border-bottom: 1px solid #e0e0e0;display: block;cursor: pointer}
.find_btn ul li input:checked + label{color: #812c41;border-bottom: 1px solid #812c41;}

.cert_pass{display: none;}

/* 20230714) member.register.php 내 email 입력란 selectbox 추가 */
.register_form_inner ul li.reg_email input[id^='emailAddr_'] { width: 20%; margin-right: 5px;}
.register_form_inner ul li.reg_email input#emailAddr_2 { width: 20%; margin-left: 5px;}
.register_form_inner ul li.reg_email select {
  font-size: 14px;
  width: 20%; height: 60px;
  border: 0; border-radius: 0;
  border-bottom: 1px solid #cccccc;
  background: #fff; color: #000;
  margin-left: 10px;
}

@media screen and (max-width: 1200px){
  .login_hd{height: 75px;border-bottom: 1px solid #eaeaea;}
  .login_hd img{width: 150px;}
  .mbskin{margin: 0 auto 0;width: 100%;height: auto;}
  .login_box{width: 100%;padding-right: 0;border-right: 0;}
  #login_info{width: 100%;padding-left: 0;margin-top: 30px;}
  #find_info{width: 100%;}
  .sns_login{padding-bottom: 30px;width: 100%;padding-left: 35px;padding-right: 35px;}
  .mb_log_cate h3{padding-top: 110px;font-size: 26px;padding-left: 35px;padding-right: 35px;-ms-word-break: keep-all;
  word-break: keep-all;margin-bottom: 30px;}
  .mb_log_cate h4{padding-top: 110px;font-size: 26px;padding-left: 35px;padding-right: 35px;-ms-word-break: keep-all;
  word-break: keep-all;margin-bottom: 30px;}
  .mb_log_cate i{font-size: 14px;line-height: 1.6;padding-top: 20px;}
  .mb_log_cate h4 span{font-size: 14px;line-height: 1.6;}
  .mblogin_copy{z-index: 10;padding-bottom: 100px;}
  .register{width: 100%;}
  #fregister{width: 100%;padding: 0 35px;}
  .register #fregister .btn_confirm .btn_close{width: 100%;font-size: 14px;margin-bottom: 10px;}
  .register #fregister .btn_confirm .btn_submit{width: 100%;font-size: 14px;margin-left: 0;}
  .auth_wrap{width: 100%;padding-left: 35px;padding-right: 35px;}
  .register_form_inner .half_input{width: 100%;}
  .register_form_inner li.half_input:nth-child(2n){width: 100%;}
  .register .form_01 .margin_input{margin-right: 0;}
  .register_form_inner{padding: 0 35px;}
  .register_form_inner .half_input input{width: 100%;}
  .register_form_inner ul li button{float: right;margin-top: -45px;position: relative;z-index: 10;font-size: 12px;width: 80px;height: 30px;line-height: 30px;color: #000;}
  .mypage_form_inner ul li button{float: none !important;margin-top: 0 !important;position: relative;z-index: 10;font-size: 12px;width: 80px;height: 30px;line-height: 30px;color: #000;}
  .register_form_inner ul li input{width: 100%;}
  .register_form_inner ul li #emailAddr{width: 100%;}
  .register #fregisterform .register_form_inner ul li div{margin: 30px 0;}
  .register .btn_confirm div{width: 100%;}
  .register .btn_confirm .btn_close{width: 100%;font-size: 14px;margin-bottom: 10px;}
  .register .btn_confirm .btn_submit{width: 100%;font-size: 14px;margin-left: 0;}
  .register_form_inner h2 div span:first-child{padding: 0 15px;display: inline-block;margin-bottom: 10px;}
  .register_form_inner h2 div span{padding: 0 15px;display: inline-block;}
  #register_form input{font-size: 14px;}
  #register_form input::placeholder{font-size: 12px;}
  #find_info h3{font-size: 14px;line-height: 1.5;}
  .new_win .cert_btn{padding-left: 35px;padding-right: 35px;-ms-word-break: keep-all;
  word-break: keep-all;}
  #fregister .fregister_agree label{font-size: 14px;}
  .auth_wrap p{font-size: 14px;}
  .auth_wrap span{font-size: 14px;}
  #mb_login #login_fs .frm_input{height: 40px;font-size: 14px;margin: 0 0 30px}
  #mb_login #login_fs .btn_submit{height: 50px;font-size: 14px;}
  #login_fs #login_info .login_if_lpr{font-size: 14px;}
  #login_fs #login_info .login_if_lpr a{font-size: 14px;line-height: 14px;padding: 15px 0;}
  #login_fs #login_info .login_if_lpl{font-size: 14px;}
  #login_fs #login_info .login_if_lpl a{font-size: 14px;line-height: 14px;padding: 15px 0;}
  #login_fs #login_info .login_if_lpe{font-size: 14px;}
  #login_fs #login_info .login_if_lpe a{font-size: 14px;line-height: 14px;padding: 15px 0;}
  .auth_wrap{margin-top: 50px;}
  .auth_wrap a{padding: 15px 0;font-size: 14px;}
  #register_form label{font-size: 13px;margin-bottom: 5px; text-transform: uppercase;}
  .login_box label{font-size: 14px;}
  .sns_login h3{font-size: 14px;}
  .register_form_inner ul li{margin-bottom: 30px;}
  .find_btn ul li input + label{font-size: 14px;}
  #find_info .find_btn .btn_submit{height: 50px;font-size: 14px;}
  .sns_login img{width: 40px;}
    #appleid-signin{vertical-align: middle;display: inline-block;width: 40px;height: 40px;}
  .reg_btn_submit{width: 100%;font-size: 14px;height: 50px;line-height: 50px;margin-bottom: 10px;}
  .btn_confirm_reg a:last-child{width: 100%;font-size: 14px;height: 50px;line-height: 50px;margin-left: 0;}
  .register p{font-size: 14px;}
  #register_form .btn_confirm{padding: 0 35px;}
  .btn_confirm_reg{padding-left: 35px;padding-right: 35px;}
  .register #sns_register .sns-wrap a{margin-left: 5px;}
  .register #sns_register .sns-wrap a img{width: 40px;}
  .sns_login li{margin-right: 5px;}
  #fregisterform{width: 100%;}
  .register #fregisterform .register_form_inner ul li div div{margin: 5px 0;}
  .register #fregisterform .register_form_inner ul li div{margin: 20px 0;}
  .register_form_inner ul li div input[type="radio"] + label i{width: 20px;height: 20px;line-height: 20px;}
  .register_form_inner ul li div input[type="checkbox"] + label i{width: 20px;height: 20px;line-height: 20px;}
  
  .register_form_inner ul li.reg_email input[id^='emailAddr_'] {width: 100%;}
  .register_form_inner ul li.reg_email input#emailAddr_2 { width: 30%;}
  .register_form_inner ul li.reg_email input#emailAddr_2:read-only { color: #4f4f4f;}
  
  .register_form_inner ul li.reg_email select {width: 35%; margin-left: 5px;}
}

@media screen and (max-width : 600px){
 .secession_form .secession_chk div{width: 100%;}
  .secession_form{max-height: 400px;overflow-y: scroll;}
}