@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : login.css
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc
--------------------------------------------------------------------------------------------------------------------------------------------*/

.loginWrap {display:block; position:relative; width:100%; height:100%;}
.loginLeft {display:block; position:fixed; top:0; left:0; width:533px; height:100%; padding:20px; border-top:4px solid #0172ce; background-color:#413f3f; z-index:20;}
.loginLogo {display:block; position:relative;}
.loginBox {display:block; position:absolute; top:50%; left:135px; width:261px; margin-top:-110px;}
.loginTit1 {display:block; font-family:"NotoSans-Bold"; font-size:17px; color:#fff;}
.loginTit2 {display:block; margin-top:6px; font-family:"NotoSans-Bold"; font-size:23px; color:#fff;}
.loginTit3 {display:block; margin-top:5px; font-size:8px; color:#fff;}
.loginForm {display:block; position:relative;}
.loginID {display:block; width:100%; height:34px; margin-top:18px; padding:0 16px 0 39px; border:none; background:url('../img/login/id.png') no-repeat 0 50%; font-size:14px; color:#fff; line-height:34px;}
.loginID::placeholder {color:rgba(255,255,255,0.4);}
.loginID:-ms-input-placeholder {color:rgba(255,255,255,0.4);}
.loginID::-ms-input-placeholder {color:rgba(255,255,255,0.4);}
.loginPW {display:block; width:100%; height:34px; margin-top:7px; padding:0 16px 0 39px; border:none; background:url('../img/login/pw.png') no-repeat 0 50%; font-size:14px; color:#fff; line-height:34px;}
.loginPW::placeholder {color:rgba(255,255,255,0.4);}
.loginPW:-ms-input-placeholder {color:rgba(255,255,255,0.4);}
.loginPW::-ms-input-placeholder {color:rgba(255,255,255,0.4);}
.loginOTP {display:block; width:100%; height:34px; margin-top:7px; padding:0 16px 0 39px; border:none; background:url('../img/login/otp-s.png') no-repeat 0 50%; font-size:14px; color:#fff; line-height:34px;}
.loginOTP::placeholder {color:rgba(255,255,255,0.4);}
.loginOTP:-ms-input-placeholder {color:rgba(255,255,255,0.4);}
.loginOTP::-ms-input-placeholder {color:rgba(255,255,255,0.4);}

.loginCheck {display:block; position:relative; overflow:hidden; margin:5px 0; font-size:0;}
.loginCheck label {display:inline-block; position:relative; cursor:pointer;}
.loginCheck label input {display:block; position:absolute; left:-20px; top:-20px; width:20px; height:20px; border:none; opacity:0;}
.loginCheck label span {display:block; padding-left:19px; font-size:12px; color:#fff; line-height:23px; background:url('../img/login/checkOff.png') no-repeat 0 50%;}
.loginCheck label input:checked + span {background:url('../img/login/checkOn.png') no-repeat 0 50%;}
.loginBtn {display:inline-block; width:48%; margin:0.5%; height:34px; border-radius:30px; background-color:#0172ce; font-family:"NotoSans-Medium"; font-size:14px; color:#fff; line-height:34px; text-align:center;}

.loginRight {display:block; position:fixed; top:0; left:0; width:100%; height:100%; padding-left:533px;  background-color:#fff; z-index:10;}
.loginRT {display:block; position:absolute; top:-4px; right:0; width:332px; height:273px; background:url('../img/login/bgRT.png') no-repeat 0 0;}
.loginVisual {display:block; position:absolute; top:45%; left:45%; width:528px; height:361px; margin:-150px 0 0 2px; background:url('../img/login/forvis_mazars_logo.png') no-repeat 0 0;}
.loginRB {display:block; position:absolute; bottom:0; right:0; width:267px; height:358px; background:url('../img/login/bgRB.png') no-repeat 0 0;}

*{box-sizing: border-box;}
    .canvasWrap, .headSection, .contentsWrap{width:100%; overflow:hidden;}
	.contentsWrap .contentsSection{padding:0; min-width:auto;}
    .canvasWrap .contentsWrap {padding:0;}
    .canvasWrap .contentsTitle {width:100%; text-align: center;  background:#413f3f;  left:0; top:0; }
    .contentsSection .contentsTitle h1 {color:#fff; line-height:60px; margin-bottom:0;}
    .canvasWrap .contents {width:100%; padding:60px 20px 13px 20px;}
    .canvasWrap .colType {width:100%;}
    .canvasWrap .btnSet {width:100%;}
    .canvasWrap .textArea {text-align: left; width:100%; padding-left:30px; font-size:15px; border-radius:10px; padding:20px; background:#f9f9f9; border:1px solid #d5dd5; margin-top:20px; margin-bottom:20px; color:#ee1c23; line-height:1.2em; border:1px solid #d5d5d5;}
    .canvasWrap .loginBtn{width:100%; margin:0;}