@charset "utf-8";
/********************************************************************
Covision UXD team
  - Name : 김동욱
  - Deta : 2016.02.25
 ********************************************************************/
 
/* 공통 제어 시작 */
html,body {margin:0; padding:0; color:#222; font:normal 12px dotum,'돋움',Apple-Gothic,맑은 고딕,Malgun Gothic,sans-serif; background:#fff; vertical-align:middle;}
html,body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0; padding:0; font:normal 12px dotum,'돋움',Apple-Gothic,맑은 고딕,Malgun Gothic,sans-serif; color:#222; vertical-align:middle;}
form{ width:100%;}
ul,ol,dl {list-style:none}
img {border:0; vertical-align:middle;}
html, body {width:100%;}
a {font:normal 12px 맑은 고딕,Malgun Gothic,dotum,'돋움',Apple-Gothic,sans-serif; color:#222; text-decoration:none;}
a:hover {font:normal 12px 맑은 고딕,Malgun Gothic, dotum,'돋움',Apple-Gothic,sans-serif; color:#222; text-decoration:none;}
.png24 {tmp:expression(CFN_SetPNGTransform(this));}
input[type="checkbox"] {margin:0;}

/* 로그인 */
@media (max-width:1020px ) {
    .callcenter_logon {
        margin: 100px auto;
        width: 700px;
        height: 453px;
    }

        .callcenter_logon h1 {
            margin-bottom: 22px;
            width: 235px;
            height: 47px;
            background: url(../images/login/logon_logo.gif) no-repeat left top;
        }

    .callcenter_logon_box {
        position: relative;
        width: 503px;
        height: 406px;
    }

    .logon_img01 {
        position: absolute;
        top: 0;
        left: 0;
        width: 293px;
        height: 346px;
        background: url(../images/login/logon_img01.jpg) no-repeat left top;
    }

    .logon_img02 {
        position: absolute;
        top: 0;
        left: 293px;
        width: 510px;
        height: 346px;
        background: url(../images/login/logon_img02.jpg) no-repeat left top;
    }
    .logon_box {position:absolute; top:182px; left:55px; width:327px; height:120px;}
    .logon_box_list {}
    .input_id {position:absolute; top:0; left:0;}
    .input_pw {position:absolute; top:41px; left:0;}
    .input_id input[type=text] {padding-left:10px; width:215px; height:32px; line-height:32px; font:normal 14px 맑은 고딕, Malgun Gothic, Arial, dotum, '돋움', Apple-Gothic, sans-serif; color:#222; vertical-align:middle; border:0;}
    .input_pw input[type=text] {padding-left:10px; width:215px; height:32px; line-height:32px; font:normal 14px 맑은 고딕, Malgun Gothic, Arial, dotum, '돋움', Apple-Gothic, sans-serif; color:#222; vertical-align:middle; border:0;}
    .input_pw input[type=password] {padding-left:15px; width:210px; height:32px; line-height:32px; font:normal 14px 맑은 고딕, Malgun Gothic, Arial, dotum, '돋움', Apple-Gothic, sans-serif; color:#222; vertical-align:middle; border:0;}
    .logon_btn {position:absolute; top:0; left:231px; width:95px; height:75px;}
    .logon_btn a {display:inline-block; width:95px; height:75px; background:url(../images/login/logon_btn.gif) no-repeat left top;}
    .save_id {position:absolute; top:94px; left:0; color:#fff;}
    .save_id input[type=checkbox] {margin:0; float:left;}
    .save_checkbox {margin-bottom:-9px; margin-left:3px; display:inline-block; height:20px; line-height:12px;}
    .save_txt {display:inline-block; height:20px; line-height:20px;}
}
@media (min-width:1024px) {
    .callcenter_logon {
        margin: 100px auto;
        width: 803px;
        height: 453px;
    }

        .callcenter_logon h1 {
            margin-bottom: 22px;
            width: 235px;
            height: 47px;
            background: url(../images/login/logon_logo.gif) no-repeat left top;
        }

    .callcenter_logon_box {
        position: relative;
        width: 803px;
        height: 406px;
    }

    .logon_img01 {
        position: absolute;
        top: 0;
        left: 0;
        width: 293px;
        height: 346px;
        background: url(../images/login/logon_img01.jpg) no-repeat left top;
    }

    .logon_img02 {
        position: absolute;
        top: 0;
        left: 293px;
        width: 510px;
        height: 346px;
        background: url(../images/login/logon_img02.jpg) no-repeat left top;
    }
    .logon_box {position:absolute; top:182px; left:55px; width:327px; height:120px;}
    .logon_box_list {}
    .input_id {position:absolute; top:0; left:0;}
    .input_pw {position:absolute; top:41px; left:0;}
    .input_id input[type=text] {padding-left:10px; width:215px; height:32px; line-height:32px; color:#6e6e6e; font:normal 14px 맑은 고딕, Malgun Gothic, Arial, dotum, '돋움', Apple-Gothic, sans-serif; color:#222; vertical-align:middle; border:0;}
    .input_pw input[type=text] {padding-left:10px; width:215px; height:32px; line-height:32px; color:#6e6e6e; font:normal 14px 맑은 고딕, Malgun Gothic, Arial, dotum, '돋움', Apple-Gothic, sans-serif; color:#222; vertical-align:middle; border:0;}
    .input_pw input[type=password] {padding-left:15px; width:210px; height:32px; line-height:32px; color:#6e6e6e; font:normal 14px 맑은 고딕, Malgun Gothic, Arial, dotum, '돋움', Apple-Gothic, sans-serif; color:#222; vertical-align:middle; border:0;}
    .logon_btn {position:absolute; top:0; left:231px; width:95px; height:75;}
    .logon_btn a {display:inline-block; width:95px; height:75px; background:url(../images/login/logon_btn.gif) no-repeat left top;}
    .save_id {position:absolute; top:94px; left:0; color:#fff;}
    .save_id input[type=checkbox] {margin:0; float:left;}
    .save_checkbox {margin-bottom:-9px; margin-left:3px; display:inline-block; height:20px; line-height:12px;}
    .save_txt {display:inline-block; height:20px; line-height:20px;}
}


/* 팝업 */

.layer_alert .alert_header {margin:0; padding-left:8px  !important; background:#444444 !important; height:40px  !important; line-height:38px  !important; color:#ffffff  !important; font-size:13px; text-align:left; cursor:move; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow:ellipsis; padding-right:72px;}
.layer_alert .alert_header_ico {font-family:맑은 고딕,Malgun Gothic, 돋움,Dotum,'굴림',Gulim,AppleGothic,Sans-serif !important; background:url(../images/common/join_popup.gif) no-repeat 0 4px  !important; line-height:38px  !important; padding-left:20px !important; font-weight:bold; font-size:14px;}
.layer_alert .alert_header .span {color:#fff !important; }
.layer_alert .alert_body div {font-family:맑은 고딕,Malgun Gothic, 돋움,Dotum,'굴림',Gulim,AppleGothic,Sans-serif !important;}
.login_input_hidden { display: none !important; }