/* BASIC css start */
#loginWrap { padding-top:100px }
#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; position:relative; width:650px; }
#loginWrap .mlog-sign .mlog p { font-size:11px; color:#adadad; clear: both;}
#loginWrap .mlog-sign .frm-list { position:relative; width:520px; float: left; margin-right: 18px;}
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:12px }
#loginWrap .mlog-sign .frm-list li label { padding-left:20px; position:absolute; top:0; left:0; width:375px; height:50px; color:#cccccc; line-height:50px; cursor:text; font-family: 'Noto Sans KR', sans-serif; font-size: 14px;}
#loginWrap .mlog-sign .frm-list li input { padding-left:10px; width:507px; height:48px; line-height:48px; border:1px solid #ddd }
#loginWrap .mlog-sign .btn-mlog { position:relative; float: left;}
#loginWrap .mlog-sign .btn-mlog a { width:110px; height:110px; font-size:16px; line-height:110px; font-family: 'Noto Sans KR', sans-serif; font-size: 15px;}
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size:14px; color: #888; font-family: 'Noto Sans KR', sans-serif;}
#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }
/* sign */
#loginWrap .mlog-sign .sign { margin-top:44px; text-align: center; font-size: 0;}
#loginWrap .mlog-sign .sign p{ display: inline-block;}
#loginWrap .mlog-sign .sign p a{ display: inline-block; height: 14px; line-height: 14px; padding: 0 16px; border-right: 1px solid #d8d8d8; color: #262626; font-size: 15px; font-family: 'Noto Sans KR', sans-serif;}
#loginWrap .mlog-sign .sign p:last-of-type a{border-right:0}
/* order shopping */
#loginWrap .order-sp { margin-top:10px; }
#loginWrap .order-sp .left-tit { margin-top: 60px; padding-top: 40px; border-top: 1px solid #eeeeee; }
#loginWrap .order-sp .left-tit h3 { padding-top:29px; font-size:22px; color: #262626; line-height: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; text-align: center; }
#loginWrap .order-sp .left-tit p { padding-top:10px; font-size:11px; color:#adadad }
#loginWrap .order-sp .frm-wrap { margin-top:50px; position:relative; width:520px }
#loginWrap .order-sp .frm-list { position:relative; width: 520px; margin-right: 18px;}
#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:507px; height:50px; color:#adadad; line-height:50px; cursor:text; font-family: 'Noto Sans KR', sans-serif; font-size: 14px;}
#loginWrap .order-sp li.order-num label { display:none !important }
#loginWrap .order-sp li .txt-frm { padding:0 0 0 10px; width:507px; height:50px; line-height:50px; 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:36px 0; position: absolute; left:539px; top:0px; width:105px; font-size:15px; font-family: 'Noto Sans KR', sans-serif;}

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:60px; padding-top: 40px; border-top: 1px solid #eeeeee;}
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { display:inline-block; *display:inline; vertical-align:top;position:relative; margin-left:62px; color: #262626; font-size: 15px; font-family: 'Noto Sans KR', sans-serif;}
#simpleLogin .sns-login a:first-child { margin-left:0 }
#simpleLogin .sns-login a img{margin-right: 20px;}

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

/* new */
.page-body{width: 650px; margin: 0 auto;}
#content .tit-page{border-bottom:0; font-size: 38px;
    color: #000 !IMPORTANT;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    text-align: center;}
#loginWrap .mlog-sign .se-log input[type=checkbox] {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2px 6px 0 0;
    background: url(/design/codilab/daylight/pc/img/inputcheck_off.png);
    border: 0 none;
    vertical-align: sub;
}
#loginWrap .mlog-sign .se-log input[type=checkbox]:checked {
    background: url(/design/codilab/daylight/pc/img/inputcheck.png);
}

input[type=checkbox] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    border: 1px solid #ddd;
    background: #fff;
}
input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: 0px;
    padding: 0px;
    height: 12px;
}
/* BASIC css end */