/* BASIC css start */
* {box-sizing: border-box;letter-spacing: -0.02em;}

#contentWrap {width:860px;}

#loginWrap { padding-top:100px }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {position: relative;width: 430px;float:left }
#loginWrap .mlog-sign h3 {padding-bottom: 40px;border-bottom: 1px solid #eee;font-size:28px; color:#363636; font-weight:bold; line-height:18px;}
/* member login */
#loginWrap .mlog-sign .mlog { margin-top:44px;position:relative;padding: 0 76px 80px 0;}
#loginWrap .mlog-sign .mlog p {padding:40px 0;font-size:16px;line-height:28px; color:#000; }
#loginWrap .mlog-sign .line {position: relative;height: 100%;border-right: 0.5px solid #EBEBEB;border-left: 0.5px solid #EBEBEB;position: absolute;top: 0;left: 0;display: block;}
#loginWrap .mlog-sign .line::after {content: "OR";color: #C9C6C6;font-size: 14px;width: 20px;font-weight: 700;display: block;background-color: #fff;padding-top: 8px;position: absolute;left: -9px;bottom: 0;}
#loginWrap .mlog-sign .frm-list {padding-top: 40px;position:relative;}
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#loginWrap .mlog-sign .frm-list li:last-child {margin-bottom:0;}
#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:355px; height:48px; line-height:48px; border:1px solid #ddd;border-radius:5px;background-color:#fff; box-sizing: border-box; }
#loginWrap .mlog-sign .btn-mlog { padding-top:30px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { width:355px; height:54px; font-size:16px;font-weight: 600;line-height:54px;border-radius: 5px; }
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important;margin-top: 10px; }
#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;}
#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 }

/* simpleLogin */
#simpleLogin { text-align:center;}
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a {display: block; vertical-align:top;position:relative;width:100%;margin-bottom: 10px;border: 1px solid #ddd;height: 48px;line-height: 48px;border-radius: 5px;font-size: 14px;font-weight: 600; }
#simpleLogin .sns-login a:last-child {margin-bottom:0;}
#simpleLogin .sns-login a.kakao {position:relative;background-color: #FAE300;height: 56px;line-height: 56px;border-radius: 5px;font-size: 14px;font-weight: 700;border: 0;}
#simpleLogin .sns-login a.kakao img {position: absolute;left: 15px;top: 20px;max-width:17px;}
#simpleLogin .sns-login a img {position: absolute;left: 15px;top: 15px;}
#simpleLogin h3.ttl {font-size: 18px;text-align: left;margin-top: 40px;padding-bottom: 15px;border-bottom: 0;}
/* BASIC css end */