/* BASIC css start */
#contentWrapper { background-color:#fff; }
#loginWrap { padding:160px 0 0px;  }

#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:70px auto 0; padding:60px 240px 130px; width:386px; background-color:#fff; border:1px solid #e5e5e5; box-shadow:10px 15px 20px rgba(0,0,0,0.04); }
#loginWrap .mlog-sign .mlog p { padding-top:5px; font-size:11px; color:#ccc; width:100px; float:left; }

#loginWrap .mlog-sign .frm-list { position:relative; width:386px }
#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; clear:both; }
#loginWrap .mlog-sign .btn-mlog a { display:block; width:382px; height:48px; font-size:13px; line-height:48px; text-align:center; color:#fff; background-color:#0d277d; border:1px solid #0d277d; transition:all .2s; border-radius:50px; }
#loginWrap .mlog-sign .btn-mlog a:hover { background-color:#fff; color:#0d277d;  }
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .idInfo { position:relative; color:#666 !important; vertical-align:top; height:13px; }
#loginWrap .mlog-sign .se-log label { font-size:11px }
#loginWrap .mlog-sign .idInfo label { font-size:11px }
#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }
#loginWrap .mlog-sign .idInfo label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }

#loginWrap .mlog-sign .btnWrap { width:100%; padding-top:30px; }
#loginWrap .mlog-sign .btnWrap a { display:block; width:185px;float:left; height:40px; margin-right:10px; border:1px solid #c8c8c8; background-color:#c8c8c8; font-size:12px; text-align:center; line-height:40px; color:#fff; transition:all .3s; border-radius:50px; }
#loginWrap .mlog-sign .btnWrap a:last-child { margin-right:0; }
#loginWrap .mlog-sign .btnWrap a:hover { background-color:#fff; color:#0d277d; }

#loginWrap .mlog-sign .simpleLogin { margin:25px auto 0; padding:60px; border:1px solid #f0f0f0; width:386px; }

/* sign */
#loginWrap .mlog-sign .sign { margin-top:44px; padding-left:76px; width:386px;  border-radius:50px;  }
#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 .sns-login { margin-top:30px; max-width:384px !important; max-height:50px !important;border-radius:50px;}
#simpleLogin .sns-login a { display:block; vertical-align:top;  height:50px; margin-bottom:10px; }
#simpleLogin .sns-login a img{  max-width:384px !important; }



.tit-page { font-size:35px !important; font-weight:100 !important; text-align:center; color:#0d277d !important; margin:30px 0 60px !important; border-bottom:none !important; }
.tit-page > span { color:#0d277d; }
.tit-span { width:100%; text-align:center; margin:30px 0; font-size:20px; color:#0d277d; font-weight:500 !important;  text-decoration: underline;}
.page-body { margin-bottom:30px; }

/*#contentWrapper { background-color:#f5f6f8 !important; }*/


/* sign up */
.sign {width:100%; margin:20px 0 50px; opacity:0.5; }
.sign img { display:block; max-width:1000px; height:auto; margin:0 auto; }


/* BASIC css end */