/* BASIC css start */
body #wrap {margin-top:70px;}

#loginWrap input[type="checkbox"]{appearance: none;-webkit-appearance: none;width: 16px;height: 16px;cursor: pointer;background: url('/design/zoom/renewal/img/check_off.svg') no-repeat center/contain !important;}
#loginWrap input[type="checkbox"]:checked {background: url('/design/zoom/renewal/img/check_on.svg') no-repeat center/contain !important;}

#loginWrap {position: relative;max-width:380px;width:100%;margin:0 auto;padding-bottom: 60px;}
#loginWrap .loginTop {display:none; position: sticky;top:0;left:0;height: 52px;padding: 15px 16px;background: #fff;margin-bottom:16px;box-sizing: border-box;z-index: 99;}
#loginWrap .loginTop .back img {width:16px;}
#loginWrap .loginTop .logo  {position: absolute;left: 50%;transform: translate(-50%);}
#loginWrap .loginTop .logo img {width:110px;}

#loginWrap .loginTitle img {display: block;margin: 0 auto;width:328px;}
#loginWrap .loginTitle .tit-page {font-size: 20px;font-weight: 600;line-height: 30px;text-align: center;}
#loginWrap .loginTitle .desc {margin:24px 16px 16px;background-color: #F7F7F7;text-align: center;height: 40px;line-height: 40px;border-radius: 50px;font-size: 15px;font-weight: 500;}

#simpleLogin {margin:0 16px;}

#loginWrap .or {margin:40px 16px;}
#loginWrap .or::before {content:"";background:url('/design/zoom/renewal/img/or_img.png') no-repeat;background-size: contain;display:block;width:100%;height:12px;}
#loginWrap .or img {width:100%;}

#loginWrap .mlog-sign {margin: 0 16px;}
#loginWrap .mlog-sign .btn-mlog .CSSbuttonLogG {display:block; width:100%;height:54px;line-height:54px;background-color:#000;color: #fff;text-align: center;border:1px solid #000;border-radius: 10px;font-size: 16px;font-weight: 400; box-sizing: border-box;}
#loginWrap .mlog-sign .btn-mlog .CSSbuttonLogG:hover {color:#fff;}
.log-tit {margin-bottom:16px; background-color: #F7F7F7;text-align: center;height: 40px;line-height: 40px;border-radius: 50px;font-size: 15px;font-weight: 600;}

#loginWrap .mlog-sign .frm-list li:nth-child(1) {margin-bottom:10px;}
#loginWrap .mlog-sign .frm-list li input {width: 100%;height: 50px;color: black;border: none;border-bottom: 1px solid #ddd;font-size: 14px;}

#loginWrap .mlog-sign .login_set {position:relative;margin-bottom: 24px;}
#loginWrap .mlog-sign .login_set .security {margin-top:24px;}
#loginWrap .mlog-sign .login_set .security ul {display:flex;}
#loginWrap .mlog-sign .login_set .security ul li:nth-child(1) {margin-right:14px;}
#loginWrap .mlog-sign .login_set .security ul li label {font-size:13px;}
#loginWrap .mlog-sign .login_set .lost_id {position: absolute;right: 0;top: 0;}
#loginWrap .mlog-sign .login_set .lost_id .CSSbuttonScr {width:auto;height:auto;color:#888888;font-weight:400;border:0;background:none;line-height: 0;}

#loginWrap .mlog-sign .mlog2 .frm-list {margin-bottom:24px;}

.nonmember {margin: 0 16px;}
.nonmember .txt {font-size: 13px;margin-top: 10px;color: #888888;}

/* Ä«Ä«¿À ·Î±×ÀÎ */
#simpleLogin .sns-login .kakao {display: block;margin-top: 24px;background-color: #FFEB00;background-image:url('/design/zoom/renewal/img/ic_kakao.svg');background-repeat:no-repeat;background-size: 19px auto;
background-position: 20px 20px; text-align: center;height: 54px;line-height: 54px;font-size: 16px;font-weight: 500;border-radius: 10px;}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }

.login_set {position:relative;}
.login_set .btn_White {width: auto;border: none;position: absolute;right: 0;top: 10px;background: transparent;height: auto;line-height: 0;color: #888888;font-size: 13px;}
.login_set .loginCheck label {margin-right:10px;font-size:13px;}
.login .loginMiddle .btn_Red {display: block;width: 100%;height: 54px;line-height: 54px;background-color: #000;color: #fff;text-align: center;border: 1px solid #000;border-radius: 10px;font-size: 16px;font-weight: 400;box-sizing: border-box;}
/* BASIC css end */