/* BASIC css start */
#loginWrap {padding-top: 88px;width: 500px;margin: 0 auto;font-family: "Noto Sans KR", sans-serif;padding-bottom: 200px;}
#loginWrap a {font-family: "Noto Sans KR", sans-serif;}
#loginWrap .mlog-sign {margin-bottom:40px;}
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {float: none;}
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }

#content #loginWrap .tit-page {position: relative;font-size: 40px;color: #000000;line-height: 1.25;font-weight:bold;text-align: center;margin-bottom: 50px;border-bottom: 0;padding-bottom: 0;}
#content #loginWrap .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; }
#content #loginWrap .tit-page .dsc em { color:#333; }

/* tab */
#loginWrap .page-tab {width: 100%;padding-bottom: 30px;}
#loginWrap .page-tab .tab {font-size: 0;}
#loginWrap .page-tab .tab li {display: inline-block;width: 50%;}
#loginWrap .page-tab .tab li a {display: block;padding: 22px 0 21px;border: 1px solid #e6e6e6;border-bottom: 1px solid #000000;text-align: center;font-size: 18px;font-weight: bold;}
#loginWrap .page-tab .tab li.active a {border: 1px solid #000 !important;border-bottom: 1px solid #fff !important;}
#loginWrap .page-tab .tab li:last-child a {border-left: 0;}

/* member login */
#loginWrap .mlog-sign .mlog {position:relative;width: 100%;}
#loginWrap .mlog-sign .mlog p {font-size: 15px;color: #666666;font-weight: 300;width: 50%;display: inline-block;}
#loginWrap .mlog-sign .frm-list {position:relative;width: 100%;}
#loginWrap .mlog-sign .frm-list li {position:relative;width: 100%;}
#loginWrap .mlog-sign .frm-list li label {padding-left: 15px;position:absolute;top:0;left:0;height:56px;line-height:56px;cursor:text;font-size: 15px;color: #cccccc;font-weight: 300;}
#loginWrap .mlog-sign .frm-list li input {padding: 10px;width: 100%;height:56px;line-height:56px;border: 1px solid #e6e6e6;box-sizing: border-box;}
#loginWrap .mlog-sign .frm-list li.pwd input {border-top: 0;}
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size:11px }
#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }
#loginWrap .mlog-sign .mlog .info-log {margin-top: 30px;font-size: 0;}
#loginWrap .mlog-sign .find-log {display: inline-block;width: 50%;text-align: right;}
#loginWrap .mlog-sign .find-log li {display: inline-block;}
#loginWrap .mlog-sign .find-log li a {font-size: 15px;color: #666;font-weight: 300;vertical-align: baseline;}
#loginWrap .mlog-sign .find-log li:first-child a::after {content: "";display: inline-block;margin: 0 19px;width: 1px;height: 15px;background: #dddddd;vertical-align: middle;}

/* hr*/
#loginWrap .hr {text-align: center;position: relative;margin-bottom: 30px;}
#loginWrap .hr::after {content: "";position: absolute;display: block;border-bottom: 1px solid #e6e6e6;width: 100%;top: 7px;z-index: -1;}
#loginWrap .hr span {display: inline-block;width: 60px;height: 20px;background: #fff;font-size: 15px;color: #cccccc;font-weight: 300;}

/* sign */
#loginWrap .sign .join_btn {display: block;position:relative;text-align: center;width: 100%;height: 60px;line-height: 60px;font-size: 18px;font-weight: 400;color: #000000;box-sizing:border-box;}
#loginWrap .sign .join_btn::after {content: "";display: inline-block;position: absolute;width: 70px;height: 30px;background: url(/design/natureoda/img/ico_join_benefit.png) no-repeat;top: -10px;}
#loginWrap .sign .join_btn.hide::after{display:none;}

#loginWrap .sign .white_btn {background: #fff;border: 1px solid #000;}
#loginWrap .sign .kakao_btn {background: #fde432;margin-top: 15px;}
#loginWrap .sign .kakao_btn .ico_kakao {display: inline-block;width: 22px;height: 22px;margin-right: 15px;background: url(/design/natureoda/img/ico_kakao.png) no-repeat center center / 22px;vertical-align: middle;}

/* order shopping */
#loginWrap .order-sp {display:none;height: 230px;}
#loginWrap .order-sp .left-tit { margin:50px 0 0 100px; padding-left:100px; float:left; width:313px; height:91px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/member/bg_order_login.gif) 0 9px no-repeat }
#loginWrap .order-sp .left-tit h3 { padding-top:29px; font-size:20px; color:#363636; line-height:20px }
#loginWrap .order-sp .left-tit p { padding-top:10px; font-size:11px; color:#adadad }
#loginWrap .order-sp .frm-wrap {position:relative;width:500px}
#loginWrap .order-sp .frm-list {position:relative;width: 100%;}
#loginWrap .order-sp .frm-list li {position:relative;width:100%;}
#loginWrap .order-sp li label {padding-left: 15px;position:absolute;top:0;left:0;height:56px;line-height:56px;cursor:text;font-size: 15px;color: #cccccc;font-weight: 300;}
#loginWrap .order-sp li input {padding: 10px;width: 100%;height: 56px;line-height: 56px;border: 1px solid #e6e6e6;box-sizing: border-box;}
#loginWrap .order-sp li input.order-num {border-top: 0;}
#loginWrap .order-sp li.order-num label { display:none !important }
#loginWrap .order-sp li.order-num .txt-frm {color: #ccc;font-size: 15px;font-weight: 300;padding-left: 15px;font-family: "Noto Sans KR";}
#loginWrap .order-sp li.order-num .txt-frm:focus { color:#1c1c1c }
#loginWrap .order-sp .btn-sch { padding:30px 0; position: absolute; left:392px; top:0px; width:105px; font-size:15px }



/* simpleLogin */
#simpleLogin {text-align:center;margin-top: 40px;}
#simpleLogin .sns-login {font-size:0;text-align: center;}
#simpleLogin .sns-login a {display:inline-block; *display:inline;vertical-align:top;position:relative;width: 100%;margin-left:6px; *margin-left:9px}
#simpleLogin .sns-login a:first-child { margin-left:0 }
#simpleLogin .sns-login li {width: calc((100% - 70px)/3);display: inline-block;}
#simpleLogin .sns-login li span {display: block;width: 100%;}
#simpleLogin .sns-login li span.ico {width: 100%;height: 60px;background-size: 60px;background-position: center;background-repeat: no-repeat;text-align: center;margin-bottom: 12px;}
#simpleLogin .sns-login li span.ico_naver {background-image: url(/design/natureoda/img/ico_naver.png);}
#simpleLogin .sns-login li span.ico_fb {background-image: url(/design/natureoda/img/ico_fb.png);}
#simpleLogin .sns-login li span.ico_apple {background-image: url(/design/natureoda/img/ico_apple.png);}
#simpleLogin .sns-login li span.tit {font-size: 14px;color: #666666;font-weight: 300;}

/* btn */
#loginWrap .btn-mlog {padding-top: 23px;position:relative}
#loginWrap .btn-mlog a {width: 100%;height: 60px;font-size: 18px;line-height: 60px;font-weight: normal;background: #008375;border: 0;display: block;text-align: center;color: #fff;}
#loginWrap .btn-mlog a.white_btn {background: #fff;border: 1px solid #000;margin-top: 15px;color: #000;}

/* input */
#loginWrap .mlog-sign .mlog .info-log input[type="checkbox"]{width: 24px !important;height: 24px !important;background:url(/design/natureoda/img/ico_check_off.png) no-repeat left top;cursor:pointer;-webkit-appearance: inherit;margin-right: 10px;vertical-align: text-top;}
#loginWrap .mlog-sign .mlog .info-log input[type="checkbox"]:hover{background:url(/design/natureoda/img/ico_check_off.png) no-repeat left top; cursor:pointer;}
#loginWrap .mlog-sign .mlog .info-log input[type="checkbox"]:checked{background:url(/design/natureoda/img/ico_check_on.png) no-repeat left top; cursor:pointer; font-weight: bold;}


/*
#orderhname {
  -webkit-appearance: textfield;
}
#orderhname::-webkit-text-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  background:red;
  position:relative;
    right:20px;  

    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius:10px;
    
}*/



/* BASIC css end */