/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/* ---------공통---------- */
* {font-size: 14px; font-weight: 400}
body, h1, h2, h3, h4, h5, h6, label, input, button, textarea, select, img {font-family: "Noto Sans KR", sans-serif, "맑은고딕", "돋움"; color: #333333}
a:hover {color: inherit}
.container {max-width: 430px; margin: 0 auto; padding: 0px; width: 100%}
.main-wrap {width: 100%}
.basic-body-main.left-main, .basic-body-main.right-main {width: 100%; padding: 0px}
.basic-body-main {padding: 0px}
.eyoom-form footer {border-top: 0px}
.register-form .eyoom-form footer {padding: 0 !important; margin-top: 10px}
.w-330t {max-width: 330px !important}
.eyoom-form .input-file .button {background: #00abd4; border-radius: 5px; height: 41px; line-height: 41px}
.readonly {background: #e9ecef; color: #4b4b4d}

/* 회원가입 */
.register-form {width: 100%}
.logo {max-width: 200px; height: auto; margin: 0 auto; margin-bottom: 60px}
.logo img {width: 100%}
.site_title {text-align: center; padding-bottom: 40px; border-bottom: 1px solid #dce2e6; margin-bottom: 20px}
.eyoom-form .button {margin: 0px}
input::placeholder {color: #dce2e6}
input:focus {border: 1px solid #00abd4 !important}
.eyoom-form section {margin-bottom: 0px}
.address-search-btn {background: #00abd4; border: 1px solid #00abd4; height: 40px}

/* 체크박스 */
.eyoom-form .checkbox input + i::after {color: #00abd4; top: -5px; left: 1px}
.eyoom-form .checkbox input + i {width: 20px; height: 20px}
.eyoom-form .checkbox input ~ span {vertical-align: middle}
.eyoom-form .checkbox input:checked + i {border: 2px solid #00abd4; width: 20px; height: 20px}

/* 중복체크 */
.overlap {float: none !important; border-radius: 5px; text-align: center; line-height: 25px; opacity: 1 !important; background: #f8f8f8 !important; color: #333 !important; margin-bottom: 10px !important}
.overlap i {color: #00abd4 !important}
.overlap input[type="button"] {border: 0px}

/* 어럴트 주위표시 */
.alert-warning {background: #fff; color: #707070; border: 0px; padding: 0px; margin: 0 0 10px; font-size: 12px}

/* 필수표시 */
.essential::after {content: "*"; display: inline-block; color: #ff3861}

/* 회원가입 인포 */
.join_info {margin: 20px 0}
.join_info a {color: #b5b5b5}
.join_info span {color: #00abd4; margin-bottom: 10px; display: inline-block}

/* 회원가입 탭 */
.join_teb {display: flex; justify-content: space-between; margin-bottom: 20px}
.join_teb a {display: block; width: 144px; line-height: 44px; background: #f8f8f8; text-align: center; border-radius: 5px; border: 1px solid #f8f8f8; box-sizing: border-box}
.join_teb a.active {border: 1px solid #00abd4; background: #fff; color: #00abd4}

/* 회원가입 정보입력 */
.register-form .register-box {border: 0px !important}
.eyoom-form .input input {height: auto}
.register-form button {margin: 0px}
.register-form .eyoom-form fieldset {padding: 0px !important; border-top: 0px}
.register-form .label {font-weight: 500}
.register-form input.readonly {background: #e9ecef; color: #4b4b4d}
.register-form input.readonly::placeholder {color: #b5b5b5}
.register-form input[type="text"], .register-form input[type="password"] {padding: 10px; border-radius: 5px; border: 1px solid #dce2e6}

/* 휴대폰 본인인증 버튼 */
.phone_button_wrap {display: flex; justify-content: space-between}
.phone_button_wrap button {width: 50%; border: 1px solid #00abd4; border-radius: 4px; background: #fff; padding: 10px; color: #00abd4}
.phone_button_wrap button:first-child {margin-right: 5px}

/* 회원가입 체크박스 */
.clause {padding-top: 20px; border-top: 1px solid #dce2e6}
.checkbox_type_1 {cursor: pointer}
.checkbox_type_1 i {border-radius: 50%; border: 2px solid #dce2e6; font-size: 18px; color: #dce2e6}
.checkbox_type_1 input {appearance: none; display: none}
.checkbox_type_1 input:checked + i {border: 2px solid #00abd4; color: #00abd4}
.checkbox_type_1 span {vertical-align: top; margin-left: 5px; color: #000; font-weight: 500}
.slide_wrap .checkbox_type_1 span {font-weight: 400; color: #333}
.slide_head {display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin-top: 10px}
.slide_head > i {font-size: 16px; color: #a2a2a2}
.slide_con {display: none}
.slide_con textarea {width: 100%; border: 0px; background: #f8f8f8; padding: 10px; min-height: 120px; margin-top: 10px}

/* 회원가입 라디오 */
.radio_type_1 {cursor: pointer}
.radio_type_1 i {border-radius: 50%; border: 2px solid #dce2e6; font-size: 18px; color: #dce2e6}
.radio_type_1 input {appearance: none; display: none}
.radio_type_1 input:checked + i {border: 2px solid #00abd4; color: #00abd4}
.radio_type_1 span {vertical-align: top; margin-left: 5px; color: #000; font-weight: 400}

/* 쿠폰 */
.coupon-btn {width: 100%; background: #00abd4; border: 1px solid #00abd4; padding: 8px 0}
.coupon-btn:hover {background: #00abd4; border: 1px solid #00abd4}

/* 회원가입 버튼 */
#btn_submit {width: 100%; background: #00abd4; border: 1px solid #00abd4}

/* 라벨 */
span.label {width: 100px}
.warning {color: #ff3861}

/* 약국정보 */
.pharmacy_information {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px}

/* 회원가입완료 */
.register-result {display: flex; align-items: center}
.register-result h1 {padding-right: 10px}
.register-result h2 {font-size: 38px; font-weight: 500; color: #00abd4}
.register-result .result_info {font-size: 20px; color: #707070}
.register-result .result_info span {font-size: 20px; color: #707070; font-weight: bold}
.register-result .login_btn {display: block; width: 348px; background: #00abd4; border: 1px solid #00abd4; color: #fff; text-align: center; line-height: 50px; margin: 0 auto; border-radius: 5px; font-size: 15px}

/* 로그인 */
.eb-login {font-family: "Noto-san", sans-serif; font-weight: 500}
.login_logo {max-width: 220px; height: auto; margin: 0 auto 20px; padding-right: 20px}
.login_logo img {width: 100%; height: auto; display: block}
.eb-login .checkbox i {border: 1px solid #dedede}
.eb-login input[type="text"], .eb-login input[type="password"] {height: 50px !important; border: 1px solid #dedede}
.eb-login .checkbox span {vertical-align: sub; margin-left: 5px}
.eb-login .eyoom-form section {margin-bottom: 10px}
.eb-login input[type="text"]::placeholder, .eb-login input[type="password"]::placeholder {color: #b5b5b5}
.eb-login .eyoom-form .checkbox {display: inline-block; vertical-align: middle}
.eb-login .eyoom-form .checkbox input + i::after {top: -5px; left: 1px}
.eb-login .eyoom-form .checkbox input:checked + i {border: 2px solid #00abd4}
.eb-login .login-btn .btn-e-lg {background: #00abd4 !important; border: 1px solid #00abd4 !important; margin-bottom: 10px}
.eb-login .login-btn .btn-e-lg:hover {}
.eb-login .join_btn {width: 430px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #00abd4; display: inline-block; box-sizing: border-box; color: #00abd4}
.eb-login .join_btn:hover {color: #00abd4; text-decoration: none}
.eb-login .join_counseling a {display: block; width: 430px; line-height: 50px; background: #00569f; border-radius: 5px; margin: 0 auto; color: #fff; text-align: center; font-weight: bold}

/* sns 로그인 */
#sns_login {}
#sns_login h5 {position: relative}
#sns_login h5::before {position: absolute; top: 10px; width: 60px; height: 1px; background: #dedede; display: block; content: ""}
#sns_login h5::after {position: absolute; top: 10px; right: 0; width: 60px; height: 1px; background: #dedede; display: block; content: ""}

/* 아이디찾기 */
.find_id_wrap {width: 100%; height: auto; padding: 30px 20px}
.find_id_wrap .inner_con {max-width: 530px; width: 100%; height: auto; margin: 0 auto; padding: 17px 50px 50px}
.find_id_wrap .inner_con .logo {max-width: 220px; height: auto; margin: 0 auto 70px; padding-right: 20px}
.find_id_wrap .page_tit {font-size: 30px; font-weight: 700; text-align: center; margin: 0 0 30px}
.find_id_wrap label {width: 100%}
.find_id_wrap .label_tit {font-weight: bold}
.find_id_wrap .label_sub {background: #f8f8f8; padding: 20px; border-radius: 5px; margin: 10px 0; color: #777}
.find_id_wrap input[type="text"] {padding-left: 20px; width: 100%; height: 50px; border: 1px solid #dedede}
.find_id_wrap .btn_wrap {margin: 10px 0}
.find_id_wrap .btn_wrap .go_id_btn {background: #00abd4; color: #fff; border: 1px solid #00abd4; width: 100%; line-height: 40px; font-size: 14px}

/* 비밀번호찾기 */
.find_pw_wrap {width: 100%; height: auto; padding: 30px 20px}
.find_pw_wrap .inner_con {max-width: 530px; width: 100%; height: auto; margin: 0 auto; padding: 17px 50px 50px}
.find_pw_wrap .inner_con .logo {max-width: 220px; height: auto; margin: 0 auto 70px; padding-right: 20px}
.find_pw_wrap .page_tit {font-size: 30px; font-weight: 700; text-align: center; margin: 0 0 30px}
.find_pw_wrap label {width: 100%}
.find_pw_wrap .label_tit {font-weight: bold}
.find_pw_wrap .label_sub {background: #f8f8f8; padding: 20px; border-radius: 5px; margin: 10px 0; color: #777}
.find_pw_wrap input[type="text"] {padding-left: 20px; width: 100%; height: 50px; border: 1px solid #dedede}
.find_pw_wrap .btn_wrap {margin: 10px 0}
.find_pw_wrap .btn_wrap .go_pw_btn {display: block; text-align: center; background: #00abd4; color: #fff; border: 1px solid #00abd4; width: 100%; line-height: 40px; font-size: 14px}

/* 비밀번호 재설정 */
.find_pw_re_wrap {width: 100%; height: auto; padding: 30px 20px}
.find_pw_re_wrap .inner_con {max-width: 530px; width: 100%; height: auto; margin: 0 auto; padding: 17px 50px 50px}
.find_pw_re_wrap .inner_con .logo {max-width: 220px; height: auto; margin: 0 auto 70px; padding-right: 20px}
.find_pw_re_wrap .page_tit {font-size: 30px; font-weight: 700; text-align: center; margin: 0 0 30px}
.find_pw_re_wrap label {width: 100%}
.find_pw_re_wrap .label_tit {font-weight: bold; margin-bottom: 5px; display: inline-block}
.find_pw_re_wrap .label_sub {background: #f8f8f8; padding: 20px; border-radius: 5px; margin: 10px 0; color: #777}
.find_pw_re_wrap input[type="text"] {padding-left: 20px; width: 100%; height: 50px; border: 1px solid #dedede}
.find_pw_re_wrap .pw_re_input {margin-bottom: 5px}
.find_pw_re_wrap .btn_wrap {margin: 10px 0}
.find_pw_re_wrap .btn_wrap .go_pw_btn {display: block; text-align: center; background: #00abd4; color: #fff; border: 1px solid #00abd4; width: 100%; line-height: 40px; font-size: 14px}

@media screen and (max-width: 768px) {/* 회원가입 폼 */
    .container {width: 100%; max-width: 100%}
    .main-wrap {margin: 0px; padding: 0 20px}
    .join_teb a {width: calc(100% / 3); border-radius: 0px}
    .join_teb a.active {border-bottom: 0px}
    .address-search-btn {width: 100%}

    /* 로그인 */
    .login-box {position: none !important; padding: 0px}

    /* 아이디찾기 */
    .find_id_wrap .inner_con {padding: 17px 0}
    .find_id_wrap .label_tit {display: block}

    /* 비밀번호찾기 */
    .find_pw_wrap .inner_con {padding: 17px 0}
    .find_pw_wrap .label_tit {display: block}

    /* 비밀번호 재설정 */
    .find_pw_re_wrap .inner_con {padding: 17px 0}
    .find_pw_re_wrap .label_tit {display: block}
}