/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-05-25
| 파일설명 : 웹CI 로그인 CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율 
+----------------------------------------------------------------------+
*/

body{background-color: #2d2c2c}
.loginWrap{}
.loginWrap .inner{width: 990px; margin: 0 auto; height: inherit; position: relative;}

/* 로고영역 */
.topArea{height: 44px; background-color: #222;border-bottom: 2px solid #4d4d4d}
.topArea .logo{float: right;}

/* 기업별 CI 영역 */
.ciImgArea{height: 472px; background: url('/smciImages/front/member/login/loginB2b_Bg.png') repeat-x 50% 0;}
.ciImgArea .ciLogo{position: absolute; top: 120px; left : -5px}
.ciImgArea .ciLogo img{width: 260px;height: 234px;}


/* 로그인 영역 */
.loginArea{padding: 55px 0 51px;}

.loginBgImg{margin-left: -60px;}

.formArea{position: absolute;left: 94px;top: 0;}
.inputWrap{ margin-top: 160px;}
.inputWrap .inputArea{border:0;height: 37px;border-bottom: 1px solid #b5b5b5;margin-bottom: 14px;padding-left: 30px;background-repeat: no-repeat;background-position: 7px 50%;}
.inputWrap .inputArea input{width: 315px;border: 0;height: 23px;}
.inputWrap .inputArea.inputIDArea{background-image: url('/smciImages/front/member/login/b2b_loginImg01.png') }
.inputWrap .inputArea.inputPWArea{background-image: url('/smciImages/front/member/login/b2b_loginImg02.png') }
.formArea .loginBtn{margin-top: 21px;}

/* 공지사항 */
.noticeArea{position: absolute;left: 659px;top: 155px;}


/* 아이디저장 */
.formArea  .totalLoginBtnCheckbox{position: absolute;top: 338px;left: -3px;width:120px;height:30px;background:url('/smciImages/front/member/login/id_save_off.png') 0 0 no-repeat;cursor:pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.formArea  .totalLoginBtnCheckbox.on{background:url('/smciImages/front/member/login/id_save_on.png') 0 0 no-repeat;}

/* 로그인 영역 END */

/* float 해제 */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }