@charset "utf-8";

@import url("font.css");

/* input box color */ 
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/* Index Layout */
.loginWrapperBack {background:#f2f2f2 url("/cms/imgs/login/loginBg.gif") repeat-x left top; font-size:15px; font-family:"NanumG"; color:#868686;}
#loginWrapper {position:relative; padding:154px 0 0 0; margin:0 auto; width:870px;}

#crmLoginBox {position:relative; margin:0 auto; padding:20px; background:url("/cms/imgs/login/loginBox.png") no-repeat center top; width:830px; height:400px;}
#crmLoginBox .crmLoginTit {padding:55px 0 0 422px; letter-spacing:-0.5px;}
#crmLoginBox .crmLoginTit .tit {padding-bottom:10px; font-family:"NanumG_EB"; font-size:39px; line-height:45px; color:#d3d3d3;}
#crmLoginBox .crmLoginTit .tit span {color:#c40452;}
#crmLoginBox .companyName {table-layout:fixed; display:table; position:absolute; top:148px; left:118px; padding:0 24px; width:140px; height:128px; text-align:center; font-family:"NanumS_B"; color:#8d8e8f; font-size:27px; line-height:34px; z-index:10;}
#crmLoginBox .companyName span {display:table-cell; padding:0; width:140px; height:128px; vertical-align:middle;}
#crmLoginBox .loginBox {position:relative; padding:82px 0 0 430px;}
#crmLoginBox .loginBox .item {display:block; height:28px;}
#crmLoginBox .loginBox .item:first-child {padding-bottom:10px;}
#crmLoginBox .loginBox .item label {display:inline-block; width:66px; color:#fff; line-height:28px; font-family:"NanumG_B"; font-size:15px; vertical-align:middle;}
#crmLoginBox .loginBox .item input {padding-left:4px; width:156px; height:28px; background:#fff !important; line-height:28px; font-size:14px; border:none;}
#crmLoginBox .loginBox .loginBtn {cursor:pointer; position:absolute; top:82px; right:50px; background:url("/cms/imgs/login/loginBtn.gif") no-repeat; font-family:"NanumG_B"; width:106px; height:66px; font-size:16px; line-height:66px; color:#fff; text-align:center; border:none;}

#crmLoginBox .maunalBtn {padding:10px 0 50px 340px; height:35px;}

#crmLoginBox .loginText {margin-top:44px; padding-left:52px; background:url("/cms/imgs/login/loginIcon.png") no-repeat 33px 2px; font-family:"돋움",dotum,tahoma; font-size:12px; color:#fff;}
#crmLoginBox .loginText .point {color:#fffd4f;}

#loginWrapper .copyright {padding-top:30px; text-align:center;}
#loginWrapper .copyright address {font-size:12px; color:#868686; font-family:"돋움",dotum,tahoma; font-style:normal;}
#loginWrapper .copyright .copy {font-size:12px; color:#868686; font-family:"돋움",dotum,tahoma;}

/* Main Layout */
#mainWrapper {position:relative;}
#mainWrapper .headerWrap {background:url("/cms/imgs/layout/headerBg.gif") repeat-x left top;}
#mainWrapper #header {position:relative; width:1200px; margin:0 auto;

}
#mainWrapper .contentWrap {background:#fff;}
#mainWrapper #content {position:relative; width:1200px; margin:0 auto;}
#mainWrapper .footerWrap {background:#ededed; border-top:1px solid #e5e5e5;}
#mainWrapper #footer {position:relative; margin:0 auto; width:1200px;}

/* Sub Layout */
#subWrapper {position:relative;}
#subWrapper .headerWrap {background:url("/cms/imgs/layout/headerBg.gif") repeat-x left top;
}
#subWrapper #header {position:relative; width:1200px; margin:0 auto;}
#subWrapper .contentWrap {background:#fff url("/cms/imgs/layout/contentBg.gif") repeat-y center top;
}
#subWrapper #content {position:relative; width:1200px; margin:0 auto; background:#fff url("/cms/imgs/layout/leftBg.gif") repeat-y left top;
}
#subWrapper #content .leftColumn {position:relative; float:left; width:210px; padding-right:30px;}
#subWrapper #content .centerColumn {position:relative; float:right; width:925px;}
#subWrapper .footerWrap {background:#ededed; border-top:1px solid #e5e5e5;}
#subWrapper #footer {position:relative; margin:0 auto; padding:35px 0 25px 0; width:1200px; text-align:center;}
#subWrapper #footer address {font-size:12px; color:#868686; font-family:"돋움",dotum,tahoma; font-style:normal;}
#subWrapper #footer .copy {font-size:12px; color:#868686; font-family:"돋움",dotum,tahoma;}