/* BASIC css start */
.kakao_login_box{width:500px; text-align:center; /*padding:50px 15px 10px;*/ box-sizing:border-box; margin:0 auto; }
.kakao_login_box h2{font-size:25px; font-weight:700; line-height:35px; color:#000; }
.kakao_login_btn{position:relative; width:100%; text-align:center; background:#fee500; border-radius:5px; margin-top:30px; }
.kakao_login_btn .kakaotalk{position:relative;}
.kakao_login_btn .kakao_logo{position:absolute; left:15px; top:0; }
.kakao_login_btn a{display:block; line-height:50px; font-size:17px; color:#191919;}

.find_menu{margin-top:20px;}
.find_menu ul{display:flex; align-items:center; justify-content:center; gap:14px;}
.find_menu li{position:relative;}
.find_menu li:after{content:''; position:absolute; top:50%;     transform: translateY(-50%);  width:1px; height:12px; background:#a9a9a9; right:-7px;}
.find_menu li:last-child:after{display:none;}


.sns_login{display:flex; align-items:center; justify-content:center; gap:15px; padding:30px 0;}
.sns_login li{width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:100%;}
.sns_login li.face_btn{background:#007aff;}
.sns_login li.naver_btn{background:#3cc814;}
.sns_login li.apple_btn{background:#000;}
.sns_login li.apple_btn img{height:20px;}
.sns_login li img{height:15px;}


#loginWrap .mlog-sign .frm-list li input{height:50px; border:0; background:#f9f9f9; border-radius:5px; }
#loginWrap .mlog-sign .btn-mlog a.CSSbuttonBlack{background:#007aff; font-size:16px; border-radius:5px; border-color:#007aff;}
#loginWrap .mlog-sign .btn-mlog a:hover{color:#fff;}

#loginWrap { padding-top:100px }
#loginWrap .mlog-sign { /*height:458px; border:1px solid #e9e9e9; border-top:none*/ width:100%; overflow:hidden; }


#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
/* member login */
#loginWrap .mlog-sign .mlog { margin:44px auto 0; padding:0 81px; position:relative; width:500px!important; padding:0!important; /*height:370px; border-right:1px solid #e9e9e9*/ }
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .frm-list { padding-top:44px; position:relative; width:386px; border-top:1px solid #eee; }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:6px}
#loginWrap .mlog-sign .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .mlog-sign .frm-list li input { padding-left:10px; /*width:374px; height:48px; line-height:48px; border:1px solid #ddd*/ }
#loginWrap .mlog-sign .btn-mlog { padding-top:10px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { width:384px; height:50px; font-size:16px; line-height:50px }
#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 }
/* sign */
#loginWrap .mlog-sign .sign { margin-top:44px; padding-left:76px; width:386px }
#loginWrap .mlog-sign .sign dl { padding-top:22px }
#loginWrap .mlog-sign .sign dl dt { font-size:11px; color:#adadad }
#loginWrap .mlog-sign .sign dl dd { padding-top:15px }
#loginWrap .mlog-sign .sign dl dd a { width:384px; height:58px; font-size:15px; line-height:58px }
/* order shopping */
#loginWrap .order-sp {width:500px; margin:10px auto; height:206px;}
#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 { margin-top:50px; position:relative; float:left; width:500px }
#loginWrap .order-sp .frm-list { position:relative; width:386px }
#loginWrap .order-sp .frm-list li { position:relative; width:100%; margin-bottom:6px }
#loginWrap .order-sp li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .order-sp li.order-num label { display:none !important }
#loginWrap .order-sp li .txt-frm { padding:0 0 0 10px; width:374px; height:48px; line-height:48px; border:1px solid #ddd }
#loginWrap .order-sp li.order-num .txt-frm { color:#adadad }
#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:10px }
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { display:inline-block; *display:inline; vertical-align:top;position:relative;width:267px;margin-left:6px; *margin-left:9px }
#simpleLogin .sns-login a:first-child { margin-left:0 }
#simpleLogin .sns-login a img { width:272px }
#simpleLogin .sns-login span { position:absolute; left:50%; top: -22px; margin-left: -40px; }
#simpleLogin .sns-login span img { width: 80px !important;}

/*
#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 */