/* BASIC css start */
@charset "utf-8";
/* CSS Document */
.member_wrap{width: 600px;margin: 85px auto 0px auto;}


    
.member_pwd_wrap{margin:20px auto 40px auto;}
.member_tit h2{
    font-size: 45px;
    margin: 0 0 36px 0;
    line-height: 1;
    text-align: center;}
    
.member_cont{}
.login_input, .certify_confirm_input{border-top:1px solid #dbdbdb;}
.wake_base_box .login_input{border-top:none 0;}

/*.join_base_wrap .btn_center_box,
.login_input + .btn_center_box,*/
.member_cont .btn_center_box,
.member_warning + .btn_center_box{margin:35px 0 0 0;}
.join_ok_box .btn_center_box{padding:30px 0 0 0; border-top:1px solid #dbdbdb;}

/* 로그인 */
.member_cont .member_login_box h3{font-weight:normal; font-size:18px; color:#222222;}
.member_cont .member_login_box .member_login{margin:0 0 20px 0;}
.member_cont .member_login_box .login_input_sec{display: flex; flex-direction: column;}
    
.member_cont .member_login_box .login_input_sec > div{float:left; margin-bottom: 8px;}
.member_cont .member_login_box .login_input_sec > div > input{display: block;
    border-radius: 5px;
    width: 600px;
    height: 60px;
    padding: 0 0 0 24px;
    border: 1px solid #DFDFDF;
    _color: #A7A7A7;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -.051px;
    margin-bottom: 8px;}
.member_cont .member_login_box .login_input_sec > div > input:placeholder{color: #A7A7A7 !important;font-size: 17px !important; font-weight: 400 !important;}
    
.member_cont .member_login_box .login_input_sec button{float:right; width:158px; height:91px; margin:15px 0 0 0; border:1px solid #ab3e55; background:#ab3e55; color:#ffffff; font-size: 15px; font-weight:bold; cursor:pointer;}
.member_cont .member_login_box .login_input_sec button:hover{background:#9b344a; border:1px solid #9b344a;}
.member_cont .member_login_box .id_chk{padding:0 0 26px 0;}
.member_cont .member_login_box .id_chk p{padding:6px 0 0 0;}
.member_cont .member_login_box .id_chk span{display:inline-block;}
.member_cont .btn_login_box{
    overflow: hidden;
    display: flex;
    margin: 24px 0 40px 0;
    justify-content: center;}
    


.btn_login_box ul {display:flex;}    
.member_cont .btn_login_box li{}
.member_cont .btn_login_box li a{
    color: #A7A7A7;
    font-weight: 300;
    font-size: 16px;
    position:relative;    
    display: flex;
    align-items: center;
}

.member_cont .btn_login_box li a em{
    margin: 0 20px;
    display: block;
    width: 1px;
    height: 12px;
    background: #A7A7A7;
}

/*SNS*/
.member_sns_login{
    display: flex;
    justify-content: space-around;
    align-items: center;}
    
.member_sns_login a{
    width: 295px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 400;}
    
    
    
.member_sns_login a img{margin-right: 10px; width: 25px;}

/* 비회원 주문하기 */
.member_cont .nonmember_join_box{margin:40px 0 0 0;}
.member_cont .nonmember_join_box .btn_center_box{margin:0;}
.member_cont .nonmember_join_box .btn_member_black{width:100%; margin:20px 0 0 0;}
/* 비회원 주문조회 */
.member_cont .nonmember_order_box{margin:40px 0 0 0;}
.member_cont .nonmember_order_box .order_input_sec{overflow:hidden;}
.member_cont .nonmember_order_box .order_input_sec > div{float:left;}
.member_cont .nonmember_order_box .order_input_sec input{display:block; width:292px; height:36px; margin:15px 0 10px 0; padding:0 0 0 8px; border:1px solid #d0d0d0; color:#979d9d;}
.member_cont .nonmember_order_box .order_input_sec button{float:right; width:158px; height:91px; margin:15px 0 0 0; border:1px solid #ab3e55; background:#fff; color:#ab3e55; font-size: 15px; font-weight:bold; cursor:pointer;}
.member_cont .nonmember_order_box .order_input_sec button:hover{border:1px solid #9b344a; color:#9b344a;}
.member_cont .nonmember_order_box p{padding:0 0 0 18px; background:url('/design/greenstore/images/pc/icon_caution.png') no-repeat 0 3px; color:#6d6d6d;}


/* 회원가입 정보입력 */
.join_base_wrap .member_tit{overflow:hidden; border-bottom:1px solid #dbdbdb;}
.join_base_wrap .member_tit h2{float:left; font-size:28px; color:#222222;}
.join_base_wrap .member_tit ol{float:right; line-height: 62px;}
.join_base_wrap .member_tit ol li{float:left; font-size:14px; color:#d1d1d1;}
.join_base_wrap .member_tit .page_on{color:#ab3e55; font-weight:bold;}
.join_base_wrap .member_tit li span{font-size:16px; font-weight:bold;}
.join_base_wrap .member_tit li span > img{padding:0 14px; vertical-align: -1px;}
.join_base_wrap .member_cont{width:743px; margin:0 auto; border:none;}
.join_base_wrap .member_cont h3{padding:0 0 17px 0; font-size:18px; color:#222222;}
.join_base_wrap table th{padding:10px 25px;}
.join_base_wrap table th span{padding:0 0 0 10px; margin: 0 0 0 -10px;}
.join_base_wrap .important{background:url('../../img/member/icon_dot_03.png') no-repeat 0 center;}

.join_type_box .type_select_sec{padding:40px 0 60px 0; border-top:1px solid #1c1c1c;}
.join_type_box .type_select_sec .form_element{display:block;}
.join_type_box .type_select_sec ul{text-align:center;}
.join_type_box .type_select_sec li{display:inline-block; padding: 0 13px;}

.base_info_box h3{display:inline-block;}
.base_info_box > span{float:right; padding:0 0 0 10px; line-height: 40px; color:#ab3e55;}
.base_info_box > span img{vertical-align:middle;}
.base_info_box .base_info_sec{border-top:1px solid #999999;}
.base_info_sec table{width:100%;}
.base_info_sec table th{text-align:left; border-bottom:1px solid #dcdcdc; background:#fbfbfb;}
.base_info_sec table th:first-child,
.base_info_sec table td:first-child{border-left:none;}
.base_info_sec table td{padding:15px 0 15px 15px; border-bottom:1px solid #dcdcdc;}
.base_info_sec table input[type="text"]{width:380px;}
.base_info_sec table .form_element{display:block; margin-top:5px;}
/*.base_info_sec table select{margin:0 0 0 5px; padding:5.5px 4px; vertical-align:top; border:1px solid #cccccc;}*/
.base_info_sec table strong{font-weight:normal; color:#3f8fe6;}
/* 비밀번호 영역 */
.member_pw_change{margin:15px 0 0 0;}
.member_pw_change dl{padding:5px 0 5px 0; font-size:0;}
.member_pw_change dt{display:inline-block; width:120px; padding:5px 0 0 0; font-size:12px; font-weight:bold; vertical-align:top;}
.member_pw_change dd{display:inline-block; font-size:12px;}
.member_pw_change input[type="password"]{width:260px;}

/* 사업자 정보 */
.business_info_box{margin:40px 0 0 0;}
.business_info_box .business_info_sec{border-top:1px solid #1c1c1c;}
.business_info_sec table{width:100%;}
.business_info_sec table th{text-align:left; border-bottom:1px solid #dcdcdc; background:#fbfbfb;}
.business_info_sec table th:first-child,
.business_info_sec table td:first-child{border-left:none;}
.business_info_sec table td{padding:15px 0 15px 15px; border-bottom:1px solid #dcdcdc;}
.business_info_sec table input[type="text"]{width:380px;}

/* 부가정보 */
.addition_info_box{margin:40px 0 0 0;}
.addition_info_box .addition_info_sec{border-top:1px solid #1c1c1c;}
.addition_info_sec table{width:100%;}
.addition_info_sec table th{text-align:left; border-bottom:1px solid #dcdcdc; background:#fbfbfb;}
.addition_info_sec table th:first-child,
.addition_info_sec table td:first-child{border-left:none;}
.addition_info_sec table td{padding:15px 0 15px 15px; border-bottom:1px solid #dcdcdc;}
.addition_info_sec table input[type="text"]{width:380px;}
/*.addition_info_sec table select{padding:5.5px 4px; vertical-align:top; border:1px solid #cccccc;}*/
.addition_info_sec table li{float:left; padding:0 30px 0 0;}
.addition_info_sec .hobby_list li{float:left; width:33%; padding:0 0 7px 0;}
.addition_info_sec textarea{width:98%; height:100px; margin:0 0 10px 0;}
.addition_info_sec .anniversary{background:url('../../img/member/icon_calendar.png') no-repeat right center;}
.join_base_wrap .btn_member_sec ul{overflow:hidden; margin:25px 0 0 0; text-align:center; font-size:0;}
.join_base_wrap .btn_member_sec li{display:inline-block; margin:0 0 0 10px;}
.join_base_wrap .btn_member_sec li:first-child{margin:0;}

/* 회원가입 약관동의 */
.join_agreement_wrap .member_tit{overflow:hidden; border-bottom:1px solid #999999;}
.join_agreement_wrap .member_tit h2{float:left; font-size:28px; color:#222222;}
.join_agreement_wrap .member_tit ol{float:right; line-height: 62px;}
.join_agreement_wrap .member_tit ol li{float:left; font-size:14px; color:#d1d1d1;}
.join_agreement_wrap .member_tit .page_on{color:#ab3e55;}
.join_agreement_wrap .member_tit li span{font-size:16px; font-weight:bold;}
.join_agreement_wrap .member_tit li span > img{padding:0 14px; vertical-align: -1px;}
.join_agreement_wrap .member_cont{width:743px; margin:0 auto; border:none;}
.join_agreement_wrap .member_cont h3{padding:0 0 17px 0; font-weight:normal; font-size:18px; color:#222222;}

.join_agreement_wrap .join_agreement_cont{padding:30px 0 0 0; border-top:1px solid #999999;}
.join_agreement_cont .form_element em{font-weight:bold;}
.join_agreement_cont .form_element span{color:#717171; font-size:11px;}
.join_agreement_cont .form_element strong{color:#ab3e55;}
.join_agreement_cont .form_element strong.choice{color:#ab3e55;}
.join_agreement_cont .form_element span > a{padding:0 10px 0 5px; color:#ab3e55; font-size:12px; background:url('../../img/member/icon_arrow_03.png') no-repeat right center; text-decoration:underline;}
.join_agreement_cont .form_element span > a:hover {text-decoration:underline;}
.join_agreement_cont .join_agreement_box{margin:0 0 30px 0;}
.join_agreement_cont .agreement_choice_box{padding:10px 0 0 0;}
.join_agreement_cont .agreement_choice_box table{width:100%;}
.join_agreement_cont .agreement_choice_box table th{padding:20px 0; border-top:1px solid #999999; border-left:1px solid #dcdcdc; background:#fbfbfb}
.join_agreement_cont .agreement_choice_box table th:first-child,
.join_agreement_cont .agreement_choice_box table td:first-child{border-left:none;}
.join_agreement_cont .agreement_choice_box table td{padding:20px 0 20px 10px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.join_agreement_cont .agreement_choice_box .agreement_scroll{overflow-y:scroll; height: 92px;}
.join_agreement_cont .important_check_box {text-align:center;}
.join_agreement_cont .important_check_box .important_check{display:inline-block; margin:0 auto; padding:0 0 0 18px; color:#ab3e55; background:url('../../img/member/icon_caution02.png') no-repeat 0px 3px;}
.join_agreement_cont .agreement_box{overflow-x: hidden; overflow-y: auto; height: 89px; margin: 10px 0 0; padding: 5px 20px; border: 1px solid #e6e6e6; border-top: 1px solid #999999; line-height: 23px; font-weight:300;}

.join_agreement_wrap .join_certify_box{margin:30px 0 0 0;}
.join_agreement_wrap .join_certify_box h3{font-weight:bold;}
.join_agreement_wrap .join_certify_list{padding:50px 0; border-top:1px solid #999999; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.join_agreement_wrap .join_certify_list .form_element{display:block;}
.join_agreement_wrap .join_certify_list ul{text-align:center;}
.join_agreement_wrap .join_certify_list li{display:inline-block; padding:0 13px 0 13px;}

.join_agreement_wrap .btn_member_sec ul{overflow:hidden; margin:20px 0 0 0; text-align:center; font-size:0;}
.join_agreement_wrap .btn_member_sec li{display:inline-block;}
.join_agreement_wrap .btn_member_sec li button{width:150px; height:42px; border:1px solid #6b6b6b; background:#6b6b6b; color:#fff; font-weight:bold; font-size:13px; cursor:pointer;}
.join_agreement_wrap .btn_member_sec li button:hover{border:1px solid #626262; color:#fff; background:#626262;}

.agreement_choice_box .form_element{text-align:center;}
.agreement_choice_box .form_element input{left:26px;}

/* 가입방법 선택 */
.member_cont .member_login_box .member_login_shop{margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #dcdcdc;}
.member_guide_txt{text-align:center; padding:18px 0 20px 0; color:#666666;}
.member_guide_txt a:hover{text-decoration:underline;}

.info_again{padding:5px 0 0 0; text-align:left; color:#929292;}
.info_again a{color:#ab3e55; text-decoration:underline;}


/* ----------------  회원가입 레이아웃 ------------------------------ */

/* 비밀번호 */
.member_password{}
.member_password .btn_gray_list{margin:0 5px 0 0;}

/* 회원가입 이메일 */
.base_info_sec .member_email input[type="text"]{width:251px;}
.base_info_sec .member_email select{width:120px;}
/* 생일 */
.addition_info_sec .member_birthday input[type="text"]{width:306px;}
.addition_info_sec .member_birthday select{width:70px;}
/* 주소 */
#contents .member_address .address_postcode{overflow:hidden;}
#contents .member_address .address_postcode input{float:left; width:190px;}
#contents .member_address .address_postcode .btn_post_search{float:left; margin:0 0 0 5px; padding:5px 10px 5px 10px; border:1px solid #989898;}
#contents .member_address .address_input{float:left; width:72%;}
#contents .member_address .address_input input{margin:10px 0 0 0;}
/* 직업 셀렉트 박스 */
#contents .select_jop{width:380px;}
#contents .select_phone{width:80px;}
#contents .select_email{width:120px;}

/* 인증수단 선택 */
.user_certify_list{}
.user_certify_list li{padding:10px 0 10px 0;}
.user_certify_list li:first-child{padding-top:0;}
.user_certify_list li span{display:block; margin:5px 0 0 27px; color:#888888;}


.member_cont .member_login_box .login_input_sec .member_login_order_btn {    width: 600px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 0;
    background: #007766;
    color: #ffffff;
    font-size: 20px;
    box-sizing: border-box;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;}
    
    
    

.join_btn{}
.join_btn .line_txt{
    margin: 32px 0 36px;
    text-align: center;
    color: #000000;
    font-weight: 300;
    font-size: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10.5px;}
    
.join_btn .line_txt:before{
    content: " ";
    width: 275px;
    height: 1px;
    display: block;
    background: #DBDBDB;}
.join_btn .line_txt:after{
    content:" ";
    content: " ";
    width: 275px;
    height: 1px;
    display: block;
    background: #DBDBDB;}
    
    
.join_btn .joinBtn{
    width: 600px;
    height: 70px;
    display: block;
    border: 1px solid #007766;
    text-align: center;
    line-height: 70px;
    border-radius: 5px;
    font-size: 20px;
    box-sizing: border-box;
    color: #007766;
    font-weight: 600;
    margin-bottom: 22px;}



/* BASIC css end */