/* 여기에 작업 또는 수정할 당신의 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;}

/* 회원가입 */
.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{color: #B5B5B5; margin: 20px 0;}
.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[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%; background: #A2A2A2; padding: 10px; color: #fff; border-radius: 4px; border: 0px;}
.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: 130px; height: 1px; background: #dedede; display: block; content: '';}
#sns_login h5:after{position: absolute; top: 10px; right: 0; width: 130px; 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;}
}