/* BASIC css start */
/* 로그인페이지 */
.member-login {box-sizing:border-box;padding:0 20px 0px;text-align:center; }
.member-login > h2 { display: block;padding: 35px 0 ;font-size: 15px;font-weight: 400;}
.member-login .loginHeader { padding-right:14px; }
.member-login .loginHeader:after { content:""; display:block; clear:both; }
.member-login .keyboard { line-height:43px; text-align:right; }
.member-login .keyboard .btnKey { position:relative; padding:0 20px 0 0; color:#757575; font-size:11px; cursor:pointer; border:0; background:none; }
.member-login .keyboard .btnKey.korean { display:inline-block; margin:0 14px 0 0; }
.member-login .keyboard .btnKey.special { display:inline-block; margin:0; }
.member-login .keyboard .btnKey:focus { outline:none; }
.member-login .keyboard .btnKey:before { content:""; position:absolute; right:0; top:50%; width:13px; height:8px; margin:-3px 0 0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/member/ico_toggle_arrow_down.png") no-repeat 0 50%; background-size:100% 100%; }
.member-login .keyboard .btnKey.selected { color:#508bed; border:none; }
.member-login .keyboard .btnKey.selected:before { background-image: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/member/ico_toggle_arrow_up.png"); }
.member-login .view { text-align:center; }
.member-login .view > div { display:none; padding:0 0 14px; }
.member-login .formBox { position:relative; margin:0px ; font-size:11px; }
.member-login .formBox:after { content:""; display:block; clear:both; }
.member-login .formBox .form { margin:0 0px 0 0; }
.member-login .formBox .form input[type="text"],
.member-login .formBox .form input[type="password"] { width:100%; height:43px; }
.member-login .formBox .form input[type="text"] { margin:0 0 7px; }
.member-login .formBox .option {    overflow: hidden;font-size: 11px;padding: 15px 0 ;position: relative;text-align:left;}
.member-login .formBox .option > span {display:block; margin:0 0 5px;text-align:left; }
.member-login .formBox .option > span.save,
.member-login .formBox .option > span.auto {display:inline-block;margin-right:5px;}


.member-login .formBox .option > span img { margin-top:-3px; }
.member-login .formBox .option > span:last-child { margin-right:0; }
.member-login .formBox .option i {    display: inline-block;font-size: 15px;color: #ee894c;margin-right:5px;}
.member-login .formBox .option input[type="checkbox"],
.member-login .formBox .option .ssl img {    width: 15px;height: 15px;margin: 0 2px 0 0;vertical-align: middle; }
.member-login .formBox .option .ssl em { color:#757575; vertical-align:middle; }
.member-login .loginUtil { height: 35px;margin: 0 auto;font-size: .9em;text-align: right;line-height: 25px;float: right;position: absolute;top: 13px;right: 0;}




/* sns 로그인토글 */
.socialM {padding: 16px 0;height:12px;border-bottom: 1px solid #ddd;margin-bottom: 7px;text-align: left;padding-left: 5px;display:none;}
.socialM b {float:left;font-weight:normal;}
.socialM span {    float: right;font-size: 16px;margin-top: -3px;padding-right: 2px;}	
.member-login .loginUtil .btnLogin { position:relative; display:block; padding:0 0px; color:#858585; font-weight:normal; }
.member-login .loginUtil .btnLogin:first-child:before { display:none; }
.member-login .loginUtil .btnLogin .icon { display:inline-block; width:5px; padding:0 7px 0 6px; }
.member-login .snsLogin { }
.member-login .snsLogin.active {opacity:1;visibility:visible;height:auto;}
.member-login .snsLogin:after {content:"";clear:both;display:block;}
.member-login .snsLogin a { position: relative;text-align: left;border-bottom: 1px solid rgba(128, 128, 128, 0.17) !important;}
.member-login .snsLogin i {float:right;line-height:34px;font-size:13px;padding-right:10px;}
.member-login .snsLogin a:before {    content: "";position: absolute;right: 31px;top: 10px;height: 14px;background: rgba(255, 255, 255, 0.46);width: 1px;}
.member-login .snsLogin .btnNaver {display:block; margin:5px 0 0; border:0;  font-size:.9em; color:#fff;  height:34px; line-height:33px; padding:0 0 0 20px;background:#26c826;-moz-box-sizing:border-box; box-sizing:border-box;}
.member-login .snsLogin .btnFacebook {display:block; margin:5px 0 0; border:0;  font-size:.9em; color:#fff; height:34px; line-height:33px;padding:0 0 0 20px;background:#3b5998;-moz-box-sizing:border-box; box-sizing:border-box;}
.member-login .snsLogin .btnGoogle {display:block; margin:5px 0 0; border:0;  font-size:.9em; color:#fff;height:34px; line-height:33px;padding:0 0 0 20px;background:#df4a32;-moz-box-sizing:border-box; box-sizing:border-box;}
.member-login .snsLogin .btnKakao {display:block; margin:5px 0 0; border:0;  font-size:.9em; color:#3c1e1e; height:34px; line-height:33px; padding:0 0 0 20px;background:#ffeb00;-moz-box-sizing:border-box; box-sizing:border-box;}
.member-login .snsLogin .btnLine {display:block; margin:5px 0 0; border:0;  font-size:.9em; color:#fff;height:34px; line-height:33px; padding:0 0 0 20px;background:#26c826;-moz-box-sizing:border-box; box-sizing:border-box;}
.member-login .login-input{    font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px; }


/* 버튼 */
.member-login .btnSubmit,
.nonmember { height: 41px;line-height: 36px;padding: 0 10px;font-size: 15px;font-weight:300;color: #fff;border: 0;border-radius: 0;background: #616161;border-bottom: 1px solid #fff;border-top: 1px solid #4a4a4ae8;}
.member-login .ec-base-button.gFull [class*="btn"] {margin: 10px 0 0px;}

/* 가입버튼 */

.joinDiv {display:none}
.joinDiv p {font-size:10.8px;line-height:20px;;padding:20px 0 ;}
.joinDiv a { display: block;height: 36px;line-height: 36px;padding: 0 10px;font-size: 12px;font-weight: 300;color: #fff;border: 0;border-radius: 0;background: #da6025;border-bottom: 1px solid #fff;border-top: 1px solid #c7490b;}
.member-login .ec-base-button {margin-top:0;}




/************** 비회원 주문조회 *************/

.myshop-orderhistorynologin { display: none;box-sizing: border-box;padding: 0 20px 0px;text-align: center; }
.myshop-orderhistorynologin > h2 { display: block;padding: 35px 0 ;font-size: 15px;font-weight: 400;}}
.myshop-orderhistorynologin .loginHeader { padding-right:14px; }
.myshop-orderhistorynologin .loginHeader:after { content:""; display:block; clear:both; }
.myshop-orderhistorynologin .keyboard { line-height:43px; text-align:right; }
.myshop-orderhistorynologin .keyboard .btnKey { position:relative; padding:0 20px 0 0; color:#757575; font-size:11px; cursor:pointer; border:0; background:none; }
.myshop-orderhistorynologin .keyboard .btnKey.korean { display:inline-block; margin:0px 14px 0px 0; }
.myshop-orderhistorynologin .keyboard .btnKey.special { display:inline-block; margin:0px 0 0px; }
.myshop-orderhistorynologin .keyboard .btnKey:focus { outline:none; }
.myshop-orderhistorynologin .keyboard .btnKey:before { content:""; position:absolute; right:0; top:50%; width:13px; height:8px; margin:-3px 0 0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/member/ico_toggle_arrow_down.png") no-repeat 0 50%; background-size:100% 100%; }
.myshop-orderhistorynologin .keyboard .btnKey.selected { color:#508bed; border:none; }
.myshop-orderhistorynologin .keyboard .btnKey.selected:before { background-image: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/member/ico_toggle_arrow_up.png"); }

.myshop-orderhistorynologin .view { text-align:center; }
.myshop-orderhistorynologin .view > div { display:none; padding:0 0 14px; }

.myshop-orderhistorynologin .formBox { position:relative; margin:0px; font-size:11px; }
.myshop-orderhistorynologin .formBox:after { content:""; display:block; clear:both; }
.myshop-orderhistorynologin .formBox .form { margin:0 0px 14px 0; }
.myshop-orderhistorynologin .formBox .form input[name="order_name"] { font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;width:100%;margin-bottom:7px}
.myshop-orderhistorynologin .formBox .form input[name="order_number1"],
.myshop-orderhistorynologin .formBox .form input[name="order_number2"] {font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;width:49%}



.myshop-orderhistorynologin .formBox .form #order_name{  width:99%}
.myshop-orderhistorynologin .formBox .form #order_password {    font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;}
.myshop-orderhistorynologin .formBox .form #order_name { margin:0 0 7px; }
.myshop-orderhistorynologin .formBox .form #order_password { width:99%;margin-top:7px;}
.myshop-orderhistorynologin .formBox .form #order_id1,
.myshop-orderhistorynologin .formBox .form #order_id2 { width:48%; }
.myshop-orderhistorynologin .formBox .form #order_id1 { margin:0 0.7% 0 0; }
.myshop-orderhistorynologin .formBox .form #order_id2 { margin:0 0 0 0.7%; }
.myshop-orderhistorynologin .formBox .help { margin:14px 0 14px;    padding: 2px 0 16px 5px; font-size:11px;background:none;text-align:left;color:#535353;}
.myshop-orderhistorynologin .formBox .help i {display:inline-block;}
.myshop-orderhistorynologin #member_id,
.myshop-orderhistorynologin #member_passwd { font-size:15px; }





/*************** 아이디 찾기 **************/
.member-findid {box-sizing:border-box;padding:0 20px 0px;text-align:center;}
.member-findid .boardWrite table { word-wrap:break-word; }
.member-findid .boardWrite table th {display:none; width:70px; line-height:43px; padding:0 0 0 10px; color:#757575; text-align:left; font-weight:normal; vertical-align:middle;}
.member-findid .boardWrite table tr:first-child th { border-top:1px solid #d5d5d5; }
.member-findid .boardWrite table td { text-align: left;padding: 3px 0px 4px 0;vertical-align: middle;}
.member-findid .boardWrite table #mobile_auth_view img,
.member-findid .boardWrite table #ipin_view img { max-width:106px; }
.member-findid .boardWrite table tr:first-child td { }
.member-findid label {    margin: 0 14px 0 0;font-size: 12px;color: #999;}

/* INPUT SIZE */
.member-findid #searchType {width: 100%;background: #ffffff url(//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_gray.png) no-repeat 95% center / 10px auto;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr;}
.member-findid #name,
.member-findid #email { width:100%;     font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;}
.member-findid #mobile1 { width:34%;background: #ffffff ;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr; }
.member-findid #mobile2,
.member-findid #mobile3 { width:calc(33% - 10px);background: #ffffff ;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr;}
.member-findid #ssn1 { width: 48%;background: #ffffff;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr; }
.member-findid #ssn2 { width: 49%;background: #ffffff;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr; }
.member-findid .btn_dark2.btn_04 {margin-top:6px;text-align:center;box-sizing:border-box;}





/*************** 아이디 찾기결과 **************/
.member-findidresult {box-sizing:border-box;padding:0px 20px 0px;text-align:center; }
.member-findidresult .info {    padding: 25px 21px 40px;/* border: 1px solid #d5d5d5; */text-align: center;/* background: #fff; */ }
.member-findidresult .info p:last-child { margin:10px 0 0; }
.member-findidresult .info span { color:#444; font-size:15px; font-weight:400 }
.member-findidresult .info strong { color:#444; font-weight:400; }
.member-findidresult label {    margin: 0;display: inline-block;min-height: 29px;line-height: 29px;vertical-align: middle;font-size: 15px;font-weight:bold;	}
.member-findidresult label .gaip {font-size:10px;font-weight:normal;}
.member-findidresult table { margin:7px auto 0; color:#353535;display:none;}
.member-findidresult th { width:80px; padding:0 5px 14px 14px; text-align:left; color:#757575; font-weight:normal; vertical-align:middle; }
.member-findidresult td { padding:0 14px 14px 14px; vertical-align:middle;text-align:left; }
.member-findidresult tr:first-child th,
.member-findidresult tr:first-child td { padding-top:14px; }
.member-findidresult .list {text-align:left;padding:14px; }
.member-findidresult .btn_dark2.btn_04 {margin-top:20px;text-align:center;box-sizing:border-box;}



/*************** 비밀번호 찾기 **************/

.member-findpasswd {box-sizing:border-box;padding:0 20px 0px;text-align:center;}
.member-findpasswd .boardWrite table { word-wrap:break-word; }
.member-findpasswd .boardWrite table th {display:none; width:70px; line-height:43px; padding:0 0 0 10px; color:#757575; text-align:left; font-weight:normal; vertical-align:middle;}
.member-findpasswd .boardWrite table tr:first-child th { border-top:1px solid #d5d5d5; }
.member-findpasswd .boardWrite table td { text-align: left;padding: 3px 0px 4px 0;vertical-align: middle;}
.member-findpasswd .boardWrite table #mobile_auth_view img,
.member-findpasswd .boardWrite table #ipin_view img { max-width:106px; }
.member-findpasswd .boardWrite table tr:first-child td { }
.member-findpasswd label {    margin: 0 14px 0 0;font-size: 12px;color: #999;}

/* INPUT SIZE */
.member-findpasswd #searchType {width: 100%;background: #ffffff url(//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_gray.png) no-repeat 95% center / 10px auto;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr;}
.member-findpasswd #member_id,
.member-findpasswd #name,
.member-findpasswd #email { width:100%;     font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;}
.member-findpasswd #mobile1 { width:34%;background: #ffffff ;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr; }
.member-findpasswd #mobile2,
.member-findpasswd #mobile3 { width:calc(33% - 10px);background: #ffffff ;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr;}
.member-findpasswd .lostInput { width: 100%;background: #ffffff;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr; }
.member-findpasswd .btn_dark2.btn_04 {margin-top:6px;text-align:center;box-sizing:border-box;}





/***************** 본인확인 인증 ******************/


.member-passwordverification {box-sizing:border-box;padding:0 20px 0px;text-align:center;}
.member-passwordverification .boardWrite table { word-wrap:break-word; }
.member-passwordverification .boardWrite table th {display:none; width:70px; line-height:43px; padding:0 0 0 10px; color:#757575; text-align:left; font-weight:normal; vertical-align:middle;}
.member-passwordverification .boardWrite table tr:first-child th { border-top:1px solid #d5d5d5; }
.member-passwordverification .boardWrite table td { text-align: center;padding: 0px 0px 0 0;vertical-align: middle;}
.member-passwordverification .boardWrite table #mobile_auth_view img,
.member-passwordverification .boardWrite table #ipin_view img { max-width:106px; }
.member-passwordverification .boardWrite table tr:first-child td { }
.member-passwordverification label {  margin: 0 14px 0 0;font-size: 12px;color: #999;}
.member-passwordverification .gSingleBreak {display:block;padding:0 0 30px;font-size:15px;}
.member-passwordverification .btn_white { width:60%;background: #ffffff ;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr;}
.member-passwordverification .btnNormal {      width: 85%;display: block;margin: 0 auto;padding: 10px 0;background: #da6025;color: #fff;border-radius: 0;margin-bottom: 6px;}
.member-passwordverification #user_verification_email_desc {    font-size: 11px;line-height: 24px;color: #999;display: block;padding: 20px 0 0;}
.member-passwordverification input#verification_code {    width: 85%;font-size: 12px;text-align: center;letter-spacing: 1px;height: 38px;color: #aaa;}



/***************** 비밀번호 리셋 ******************/

.member-passwordreset {box-sizing:border-box;padding:0 20px 0px;text-align:center;}
.member-passwordreset h3 {font-weight:normal;font-size:12px;display:block;padding-bottom:20px;}
.member-passwordreset .boardWrite table { word-wrap:break-word; }
.member-passwordreset .boardWrite table th {display:none; width:70px; line-height:43px; padding:0 0 0 10px; color:#757575; text-align:left; font-weight:normal; vertical-align:middle;}
.member-passwordreset .boardWrite table tr:first-child th { border-top:1px solid #d5d5d5; }
.member-passwordreset .boardWrite table td { text-align: center;padding: 0px 0px 0 0;vertical-align: middle;}
.member-passwordreset .boardWrite table #mobile_auth_view img,
.member-passwordreset .boardWrite table #ipin_view img { max-width:106px; }
.member-passwordreset .boardWrite table tr:first-child td { }
.member-passwordreset label {  margin: 0 14px 0 0;font-size: 12px;color: #999;}
.member-passwordreset .gSingleBreak {display:block;padding:0 0 30px;font-size:15px;}
.member-passwordreset .btn_white { width:60%;background: #ffffff ;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;padding: 0 0 0 15px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr;}
.member-passwordreset .btnNormal {      width: 85%;display: block;margin: 0 auto;padding: 10px 0;background: #da6025;color: #fff;border-radius: 0;margin-bottom: 6px;}
.member-passwordreset input#new_passwd,
.member-passwordreset input#new_passwd_confirm{background: #ffffff ;width:100%;margin-bottom:6px;font-size: 12px;border: 1px solid #ddd;border-radius: 6px;height: 42px;color: #777;font-size: 12px;font-family: noto sans kr;}


/* BASIC css end */