/* BASIC css start */
.sub_top {
    position: relative;
    padding: 0 45px 0 43px;
    border-top: 1px solid #dbdcde;
    background: #f9f9f9;
}



/* 우편번호 */
.zipcode_box .zipcode_top {position:relative; padding-right:70px;}
.zipcode_box .zipcode_top .zipcode_num {}
.zipcode_box .zipcode_top .zipcode_btn_box {position:absolute; top:0; right:0; width:66px;}
.zipcode_box input {margin:0 0 5px 0;}

/* _join_view.html, _join_view_business.html, _join_view_other.html 박스 테이블 */
.join_view .tit, .join_view_business .tit, .join_view_other .tit {margin:0 0 10px 0; font-size:14px; line-height:28px; border-bottom:1px solid #888; font-weight:bold;}
.input_wrap {display:table; width:100%; padding:5px 0 0 0;}
.input_wrap .input_title {display:table-cell; width:27%; min-width:80px; padding:8px 0 0 0; font-size:12px; color:#5e5e5e; vertical-align:top;}
.input_wrap .input_content {display:table-cell; width:73%; vertical-align:middle;}
.input_wrap .input_content .inp_rdo label {font-weight:bold;}
.input_wrap .input_content .inp_chk label {font-weight:bold;}
.input_wrap .input_content input[type=text],input[type=password],input[type=email] {width:100%; height:33px; text-indent:10px; border:1px solid #c3c3c3; box-sizing:border-box;}
.input_wrap .input_content textarea{width:100%; box-sizing:border-box; padding:5px 10px; border:1px solid #c3c3c3;}
.input_wrap .description {padding:5px 0 5px 0;}
/* 페이코/ 페이스북 아이디 등 회원가입시 공통으로 정의된 dn 클래스가 주석처리되어 아래의 다시 정의 회원가입만 해당됨 */
.dn {display:none;}


/*** 회원가입 기본정보 | member/_join_view.html ***/
.join_view {}
.join_view .c_blue, .c-blue {padding:5px 0 0 0;}
.join_view .c_red, .c-red {padding:5px 0 0 0;}
/* 비밀번호 변경 */
.join_view .modify_pw {}
.join_view .modify_pw label {display:block; padding:4px 0 4px 0; color:#5e5e5e;}
.join_view .member_id {line-height:33px;}

/*** 회원가입 사업자 정보 | member/_join_view_business.html ***/
.join_view_business .input_wrap .choice_check span {display:inline-block; padding:5px 0 5px 0;}

/*** 회원가입 기타 정보 | member/_join_view_other.html ***/
/* SNS */
.join_view_other .sns_content {padding:10px 10px 10px 10px;}
.join_view_other .sns_content .sns_message {margin:20px 30px 40px 30px; text-align:center;}
.join_view_other .sns_content .sns_connect_box {}
.join_view_other .sns_content .sns_connect_box ul {overflow:hidden;}
.join_view_other .sns_content .sns_connect_box ul li {float:left; width:49%; margin-bottom:2%;}
.join_view_other .sns_content .sns_connect_box ul li:nth-of-type(even){float:right;}
.join_view_other .sns_content .sns_connect_box ul li a{display:block;}
.join_view_other .sns_content .sns_connect_box ul li img{width:100%; vertical-align:top;}
/* 연결 해제 */
.join_view_other .sns_content .sns_disconnect {margin:5px 0 5px 0; padding:10px 25px; border:1px solid #ccc; vertical-align:top; text-align:center;}
.join_view_other .sns_content .sns_disconnect span {display:inline-block; min-width:120px; padding:0 0 0 5px; line-height:34px; text-align:left;}
.join_view_other .sns_content .sns_disconnect img {width:25px; vertical-align:middle;}
/* 내용 보기 */ 
.join_view_other .privacy_big_box { padding:0 15px 0 15px;}
.join_view_other .privacy_big_box .privacy_box {}
.join_view_other .privacy_big_box .privacy_box dl {display:table; width:100%; padding:12px 0 12px 0; border-bottom:1px solid #cccccc;}
.join_view_other .privacy_big_box .privacy_box dl dt {display:table-cell; word-break:keep-all;}
.join_view_other .privacy_big_box .privacy_box dl dd {display:table-cell; min-width:81px; text-align:right;}
.join_view_other .privacy_big_box .privacy_box dl dd button {padding:5px 8px 5px 8px; border:1px solid #cccccc; background:#fff;}
.join_view_other .privacy_big_box .privacy_box .privacy_content {display:none; }
.join_view_other .privacy_big_box .privacy_box .privacy_content > div {padding:10px 0 10px 0; border-bottom:1px solid #cccccc;}
.join_view_other .privacy_big_box .privacy_box .privacy_content .privacy_big_box {padding:0 20px 0 20px; border-bottom:none;}
.join_view_other .privacy_big_box .privacy_box .privacy_content .privacy_big_box div {word-break:keep-all;}

/*** 아이디찾기 | member/find_id.html ***/
.find_id {padding:28px 30px 28px 30px;}
.find_id .find_txt {padding:0 0 5px 0; font-size:12px; color:#333333;}
.find_id .find_txt strong {display:block; font-size:14px; color:#333333;}
.find_id fieldset {}
.find_id fieldset legend {display:none;}
.find_id fieldset dl {} 
.find_id fieldset dl dt {display:none;} 
.find_id fieldset dl dd {padding-bottom:5px;} 
.find_id fieldset dl dd input {width:100%; height:39px; border:1px solid #c3c3c3; text-indent:10px; box-sizing:border-box;}
.find_id .caution_msg1 {padding:5px 0 5px 0;}
.find_id_msg {margin:0 0 10px 0; padding:10px 10px 10px 10px;  text-align:center; font-size:15px; border:1px solid #dedede;}
.find_id_msg strong {display:block; margin:0 0 7px 0; color:#222;}

/*** 비밀번호 찾기 | member/find_password.html ***/
.find_password {padding:28px 30px 28px 30px;}
.find_password .find_txt {padding:0 0 5px 0; font-size:12px; color:#333333;}
.find_password .find_txt strong {display:block; font-size:14px; color:#333333;}
.find_password fieldset {}
.find_password fieldset legend {display:none;}
.find_password fieldset dl {} 
.find_password fieldset dl dt {display:none;} 
.find_password fieldset dl dd {padding-bottom:5px;} 
.find_password fieldset dl dd input {width:100%; height:39px; border:1px solid #c3c3c3; text-indent:10px; box-sizing:border-box;}
.find_password .notice_txt {display:block; padding:5px 0 5px 0; }
.find_password .notice_txt .find_id_btn1 {display:inline-block; padding-right:10px; color:#5e5e5e; font-size:12px; background:url('../../img/icon/icon_arrow_next.png') no-repeat right center; background-size:6px 13px; text-decoration:underline;}

/*** 비밀번호 찾기 / 본인인증 인증번호 확인 | member/user_certification.php ***/
.user_certification {padding:28px 30px 28px 30px;}
.user_certification .tit {padding:0 0 10px 0;}
.user_certification .tit strong {display:block; margin:0 0 2px 0; font-size:14px; color:#3e3d3c;}
.user_certification .tit span {display:block; font-weight:bold;}
.user_certification fieldset {}
.user_certification fieldset legend {display:none;}
.user_certification .inp_tx {margin:5px 0 5px 0; padding:10px 10px 10px 10px; border:1px solid #c3c3c3;}
.user_certification .inp_tx p {padding:5px 0 0 0; color:#fa2828; font-size:13px; font-weight:bold; word-break:keep-all;}
.user_certification .inp_tx label {margin-right:0;}
.user_certification .caution_msg1 {margin:0 0 5px 0; font-size:13px; color:#fa2828; font-weight:bold;}

/*** 비밀번호 찾기 | member/user_certification_confirm.html ***/
.user_certification_confirm {padding:28px 30px 28px 30px;}
.user_certification_confirm .tit {padding:0 0 10px 0;}
.user_certification_confirm .tit strong {display:block; margin:0 0 2px 0; font-size:14px; color:#3e3d3c;}
.user_certification_confirm .tit span {display:block; font-weight:bold;}
.user_certification_confirm fieldset {}
.user_certification_confirm fieldset legend {display:none;}
.user_certification_confirm .inp_tx {margin:5px 0 5px 0;}
.user_certification_confirm .inp_tx input {width:100%; height:34px; text-indent:10px; border:1px solid #c3c3c3;}
.user_certification_confirm .inp_tx p {padding:5px 0 0 0; color:#fa2828; font-size:13px; font-weight:bold; word-break:keep-all;}
.user_certification_confirm .inp_tx label {display:none;}
.user_certification_confirm .certification_btn1 {display:inline-block; margin:0 0 8px 0; padding-right:10px; color:#5e5e5e; font-size:12px; background:url('../../img/icon/icon_arrow_next.png') no-repeat right center; background-size:6px 13px;}


/*** 비밀번호 변경 | member/find_password_reset.html ***/
.find_password_reset {padding:28px 30px 28px 30px;}
.find_password_reset fieldset {}
.find_password_reset fieldset legend {display:none;}
.find_password_reset .inp_tx {margin:5px 0 5px 0;}
.find_password_reset .inp_tx input {width:100%; height:34px; text-indent:10px; border:1px solid #c3c3c3;}
.find_password_reset .inp_tx label {display:none;}

/*** 비밀번호 변경 완료 | member/find_password_complete.html ***/
.find_password_complete {padding:28px 30px 28px 30px;}
.find_password_complete .tit {padding:0 0 30px 0; font-size:14px; text-align:center; color:#333333; font-weight:bold; }

/*** 회원가입 정보 입력 | member/join.html ***/
.join {}
.join .join_content_box {}
.join .join_content_box .join_content {padding:10px 10px 10px 10px;}
.join .join_btn_box {padding:20px 10px 10px 10px;}
.join .input_title {padding-left: 10px;}
.join .input_title.required {background:url('../../img/icon/icon_squre_red.png') no-repeat 0px;}
/*** 회원로그인 | member/join_agreement.html ***/
/* 체크 박스 */
.join_agreement {}
.join_agreement .all_chk {padding:15px 15px 15px 15px; border-bottom:2px solid #cccccc; text-align:left; word-break:keep-all;}
/* 내용 보기 */ 
.join_agreement .privacy_big_box { padding:0 15px 0 15px;}
.join_agreement .privacy_big_box .privacy_box {}
.join_agreement .privacy_big_box .privacy_box dl {display:table; width:100%; padding:12px 0 12px 0; border-bottom:1px solid #cccccc;}
.join_agreement .privacy_big_box .privacy_box dl dt {display:table-cell; word-break:keep-all;}
.join_agreement .privacy_big_box .privacy_box dl dd {display:table-cell; min-width:81px; text-align:right;}
.join_agreement .privacy_big_box .privacy_box dl dd button {padding:5px 8px 5px 8px; border:1px solid #cccccc; background:#fff;}
.join_agreement .privacy_big_box .privacy_box .privacy_content {display:none; }
.join_agreement .privacy_big_box .privacy_box .privacy_content > div {padding:10px 0 10px 0; border-bottom:1px solid #cccccc;}
.join_agreement .privacy_big_box .privacy_box .privacy_content .privacy_big_box {padding:0 20px 0 20px; border-bottom:none;}
.join_agreement .privacy_big_box .privacy_box .privacy_content .privacy_big_box div {word-break:keep-all;}
.join_agreement .msg {padding:8px 0 8px 0; font-size:13px; color:#ff0000;}
/* 인증 */
.join_agreement .member_confirm {margin:30px 0 0 0;} 
.join_agreement .member_confirm h2 {padding:0 15px 0 15px; line-height:36px; border-top:1px solid #cccccc; background:#f2f3f3; font-size:14px;}
.join_agreement .member_confirm legend {display:none;}
.join_agreement .member_confirm ul {padding:5px 15px 5px 15px;}
.join_agreement .member_confirm ul li {padding:5px 0;}
.join_agreement .member_confirm ul li .inp_rdo {}
.join_agreement .member_confirm ul li iframe {width:500px; height:500px; display:none;}
.join_agreement .member_confirm_btn {padding:10px 8px 10px 8px;}
.join_agreement .member_confirm_btn ul {display:table; table-layout:fixed; width:100%;}
.join_agreement .member_confirm_btn ul li {display:table-cell; padding:0 2px;}

/*** SNS 회원가입 | member/join_method.html ***/
.join_method {padding:10px 10px 10px 10px;}
/* SNS 회원가입 (페이스북 / 페이코 / 네이버 / 카카오) */
.join_method .sns_login {}
.join_method .sns_login li {display:block; margin:7px 0 7px 0; text-align:center; border:#ccc 1px solid;}
.join_method .sns_login li#btnJoin {padding:13px 0 13px 0; font-size:13px; background:#3e3d3c; border:1px solid #3e3d3c;}
.join_method .sns_login li#btnJoin a {color:#fff;}
.join_method .sns_login li.payco {background:url('/design/greenstore/images/m/ico_mo_payco.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.join_method .sns_login li.payco img{height:42px;}
.join_method .sns_login li.facebook {background:url('/design/greenstore/images/m/ico_mo_facebook.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.join_method .sns_login li.facebook img{height:42px;}
.join_method .sns_login li.naver {background:url('/design/greenstore/images/m/ico_mo_naver.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.join_method .sns_login li.naver img{height:42px;}
.join_method .sns_login li.kakao {background:url('/design/greenstore/images/m/ico_mo_kakao.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.join_method .sns_login li.kakao img{height:42px;}
.join_method .sns_login li.wonder {background:url('/design/greenstore/images/m/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.join_method .sns_login li.wonder img{height:42px;}

/*** 회원가입완료 | member/join_ok.html ***/
.join_ok {}
.join_ok .join_content {padding:50px 0 50px 0; text-align:center;}
.join_ok .join_content p {font-size:16px;}
.join_ok .btn {padding:10px 10px 10px 10px;}

/*** 회원가입 승인대기 | member/join_wait.html ***/
.join_wait {padding:10px 10px 10px 10px;}
.join_wait .msg {padding:20px 0 20px 0; text-align:center;}
.join_wait .msg strong {font-size:15px;}
.join_wait .msg p {padding:10px 0 0 0;}

/*** 회원로그인 | member/login.html ***/
.login {padding:30px;}
.login .login_box legend{display:none;}
.login .login_box dl {}
.login .login_box dl dt {display:none;}
.login .login_box dl dd {padding:0 0 5px 0;}
.login .login_box dl dd input {width:100%; height:37px; text-indent:10px; border:1px solid #c3c3c3; box-sizing:border-box;}
.login .login_box .inp_chk {padding:10px 0 0 0;}
.login .login_box .inp_chk label {margin:0 10px 0 0;} 
.login .login_box .inp_chk input {display:inline-block; width:20px; height:20px; margin:-3px 5px 0 0; vertical-align:middle; background:url('../../img/icon/icon_chk.gif') no-repeat center; background-size:100%;}
.login .login_box .inp_chk input:checked {background:url('../../img/icon/icon_chk_on.gif') no-repeat center; background-size:100%;}
.login .login_box .submit {padding:10px 0 5px 0;}

/* 회원가입/아이디찾기/비밀번호 */
.login .login_find {padding:5px 0;text-align:center;}
.login .login_find li {position:relative; display:inline-block; padding:0 5px 0 10px; color:#333; font-weight:bold; }
.login .login_find li:before {position:absolute; top:2px; left:0; width:1px; height:14px; background:#dedede; content:""}
.login .login_find li:first-child:before {display:none;}

/* SNS 로그인 (페이스북/ 페이코 / 네이버) */
.login .login_box .sns_login {}
.login .login_box .sns_login li{text-align:center; margin:7px 0; border:#ccc 1px solid;}
.login .login_box .sns_login li.payco {background:url('/design/greenstore/images/m/ico_mo_payco.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px; margin-top:3px;}
.login .login_box .sns_login li.payco img{height:42px;}
.login .login_box .sns_login li.facebook {background:url('/design/greenstore/images/m/ico_mo_facebook.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.login .login_box .sns_login li.facebook img{height:42px;}
.login .login_box .sns_login li.naver {background:url('/design/greenstore/images/m/ico_mo_naver.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.login .login_box .sns_login li.naver img{height:42px;}
.login .login_box .sns_login li.kakao {background:url('/design/greenstore/images/m/ico_mo_kakao.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.login .login_box .sns_login li.kakao img{height:42px;}
.login .login_box .sns_login li.wonder {background:url('/design/greenstore/images/m/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.login .login_box .sns_login li.wonder img{height:42px;}
/* 비회원 주문조회 */
.login .guest_order_box .guest_txt {padding:20px 0 10px 0;}
.login .guest_order_box .guest_txt strong {display:block; font-size:14px;}
.login .guest_order_box .guest_txt span {margin:2px 0 0 0;}
.login .guest_order_box legend {display:none;}
.login .guest_order_box dl {}
.login .guest_order_box dl dt {display:none;}
.login .guest_order_box dl dd {padding:0 0 5px 0;}
.login .guest_order_box dl dd input {width:100%; height:37px; text-indent:10px; border:1px solid #c3c3c3; box-sizing:border-box;}
.login .guest_order_box .submit {padding:10px 0 5px 0;}
.order_num input {margin-bottom:5px;}

/* BASIC css end */