@charset "utf-8";
html { width:100%; height:100%; }
/*body { margin:0 auto; overflow:hidden; overflow:auto; font-family: sans-serif, "맑은 고딕", "Malgun Gothic"; background:#fff url('../Images/login/login_bg.jpg') no-repeat 0 0; }*/
body { margin:0 auto; overflow:hidden; overflow:auto; font-family: sans-serif, "맑은 고딕", "Malgun Gothic"; background:#fff url('../Images/login/login_bg.jpg') no-repeat 0 0; }
#wrap{overflow: hidden; width:100%; height: 100%; font-family: sans-serif, "맑은 고딕", "Malgun Gothic"; }

.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}

.layer_divpop {z-index:1000 !important;}
.loginContent { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; min-width:1260px; min-height:810px; margin:0 auto; }
.loginCont { position:absolute; top:0; bottom:0; left:0; right:0; width:1154px; height:618px; margin:auto; padding-left:760px; background:#fff url('../Images/login/login_img.jpg') no-repeat 0 0; z-index:140; box-sizing:border-box; }
.loginBox { position:relative; display:block; width:394px; height:100%; margin:0; padding:195px 76px 30px; background:#fff; box-sizing:border-box; }
.loginBox h1 { display:block; width:100%; height:56px; margin:0 0 35px; font-size:0; text-align:center; }
.loginInputCont { position:relative; font-family: sans-serif, "맑은 고딕", "Malgun Gothic";}
.loginInputCont > div { margin:0 auto 6px; }
.loginInputCont > div > label { display:inline-block; width:34px; font-size:14px; color:#fff; }
.loginInputCont input { display:inline-block; width:100%; height:34px; line-height:33px; padding:0 7px; background:#fff; border:1px solid #dee1e5; font-size:12px; color:#000; text-indent:0; background-color:#faf8fc; border:1px solid #b9b4bb; border-radius:4px; box-sizing:border-box; }
.loginInputCont input:focus { outline:none; }
.loginInputCont input::-webkit-input-placeholder {color:#afaeb0;}
.loginInputCont input:-moz-placeholder {color:#afaeb0;}
.loginInputCont input::-moz-placeholder {color:#afaeb0;}
.loginInputCont input:-ms-input-placeholder {color:#afaeb0;}
.loginInputCont .loginSetting { position:relative; width:auto; margin:10px 0 0; }
.loginSetting > div { display:inline-block; margin-left:14px; font-size:0; }
.loginSetting > div:first-child { margin-left:0;}
.login_input_hidden{ display:none;}
.btnLogin { display:block; width:100%; height:38px; line-height:37px; font-size:0; font-weight:700; text-align:center; transition:box-shadow .3s; text-decoration:none; background:url('../Images/login/login_txt.png') no-repeat center; border-radius:4px; }
.btnLogin:hover { box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); }

.chkStyle07 label{cursor: pointer;display:inline-block; line-height:16px; font-size:12px; color:#222; background:none; }
.chkStyle07 label > span { position:relative; margin-top:1px; margin-right:6px; display:inline-block; width:13px; height:13px; border:1px solid #fff;vertical-align:top; background:#fff; border:1px solid #8f8f8f; }
.chkStyle07 input[type='checkbox'] { position:absolute;left:-999999px;width:0;height:0;line-height:0;height:0;}
.chkStyle07 input[type="checkbox"]:checked + label span { }
.chkStyle07 input[type="checkbox"]:checked + label span:after { position:absolute; left:4px; display:block; content:""; width:3px; height: 8px; border: 1px solid #222; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.btnPwReOption { position:absolute; right:0; bottom:0; line-height:17px; padding-left:20px; font-size:12px; color:#222; background:url('../Images/login/ic_repeat.png') no-repeat 0 50%; text-decoration:none; }
.copyright { position:absolute; left:0; right:0; bottom:30px; display:block; margin:auto; font-size:11px; color:#808080; text-align:center; }

/* 이큐셀 */
.login_eqc h1 { background:url('../Images/login/logo_eqc.png') no-repeat 50% 50%; }
.login_eqc .btnLogin { background-color:#d33b49 !important; }

/* GE */
.login_ge h1 { background:url('../Images/login/logo_ge.png') no-repeat 50% 50%; }
.login_ge .btnLogin { background-color:#c51d55 !important; }

/* Alert 팝업 */
.layer_alert .alert_header {margin:0 !important; padding:0 0 0 8px !important; background: #444444 !important; color: #ffffff !important;  height: 40px !important; line-height: 38px !important;}
.layer_alert .alert_header_ico {background:none !important; line-height: 36px !important; padding-left:7px !important; font-weight: bold !important; font-size: 14px !important;}
.layer_alert .alert_content {border:3px solid #444444 !important;}
.layer_alert .ly_btn{height:22px; margin-top:9px;}
.layer_alert em.btn_bs_l {height:27px !important;}
.layer_alert em.btn_ws_l {height:27px !important;}
.layer_alert span.btn_bs_r {line-height:27px !important; height:27px !important;}
.layer_alert span.btn_ws_r {line-height:27px !important; height:27px !important;}
.layer_alert .txt_btn_bs {font-size:12px; color:#e9e9e9; text-align:center; padding:0 7px 0 7px;font-weight:bold;}
.layer_alert .txt_btn_ws {font-size:12px; color:#7c7c7c; text-align:center; padding:0 7px 0 7px;font-weight:bold;}

/* DivPopup */
.layer_divpop .divpop_header {margin:0 !important; padding:0 0 0 8px !important; background: #444444 !important; color: #ffffff !important;  height: 40px !important; line-height: 38px !important;}
.layer_divpop .divpop_header_ico {background:none !important; line-height: 36px !important; padding-left:7px !important; font-weight: bold !important; font-size: 14px !important;}
.layer_divpop .divpop_contents {border:3px solid #444444 !important;}
.layer_divpop em.btn_bs_l {height:27px !important;}
.layer_divpop em.btn_ws_l {height:27px !important;}
.layer_divpop span.btn_bs_r {line-height:27px !important; height:27px !important;}
.layer_divpop span.btn_ws_r {line-height:27px !important; height:27px !important;}
.layer_divpop .txt_btn_bs {font-size:12px; color:#e9e9e9; text-align:center; padding:0 7px 0 7px;font-weight:bold;}
.layer_divpop .txt_btn_ws {font-size:12px; color:#7c7c7c; text-align:center; padding:0 7px 0 7px;font-weight:bold;}

.btn_orange {margin-top:5px !important; border-radius:3px;}
.btn_gray {margin-top:5px !important; border-radius:3px;}
.input_txt{height: 15px !important;}

/* 비밀번호 재설정 팝업 */
#password_setting {width:425px !important; padding:30px !important; font-size:13px; font-family:"맑은 고딕", "Malgun Gothic", Dotum,Arial,Helvetica,sans-serif;}
#password_setting h2 {width:100% !important; clear:both !important; float:none !important; height:24px;font-size:16px;color:#333;margin:0; padding:0; border:0;}
#password_setting .pass_title {height:auto !important; margin-bottom:15px !important;}
#password_setting .pass_title span {display:inline-block !important; margin:0 !important;}
#password_setting .pass_title > span > select {width:180px; height:30px; line-height:30px; border:1px solid #e0e0e0; border-radius:3px;font-size:12px;font-family:"맑은고딕", "Malgun Gothic", Dotum,Arial,Helvetica,sans-serif; color:#666;}
#password_setting .pass_table {border-top:1px solid #e5e5e5; margin-bottom:20px;width:100%;}
#password_setting .top_m_16 {margin-top:10px;}
/*#password_setting .pass_table th {color:#000 !important; font-weight:bold !important;}*/
#password_setting .pass_table th {background:#f5f5f5; text-align:left; padding:8px 5px 6px 10px; border-bottom:#e5e5e5 1px solid; font-weight:normal; font-size:13px; }
#password_setting .pass_table td{text-align:left; padding:4px 0 3px 10px; border-bottom:1px solid #e5e5e5; line-height:1.7; font-size:12px; }
#password_setting .pass_table td .input_txt {height:30px !important; line-height:30px !important; background-color:#fff !important; border:1px solid #e0e0e0; border-radius:3px;  font-family:"맑은 고딕", "Malgun Gothic", Dotum,Arial,Helvetica,sans-serif;}
#password_setting .pass_table td.input_td input[type="checkbox"] {margin:4px 5px 0 0; vertical-align:top; height:auto !important;}
#password_setting .pass_table td.input_td span {margin-left:15px; display:inline-block;}
#password_setting .pass_table td.input_td span:first-child {margin-left:0;}
#password_setting .pass_table td.input_td span.pw_text {margin-left:0;}
#password_setting .pass_btn {margin-bottom:40px;}
#password_setting .btn_orange {position:relative; float:left; width:50px;height:30px;background:#ef9200; color:#fff;border:0;margin:15px 0 0 116px; font-weight:bold;}
#password_setting .btn_gray {position:relative; float:left; width:50px;height:30px;background:#737573; color:#fff;border:0;margin:15px 0 0 7px; font-weight:bold;}
#password_setting .btn_gray2 {width:80px; height:26px; background:#b3b3b3; color:#fff; border:0; font-weight:bold;}

/* OTP인증 팝업 */
#password_setting1 {padding:25px; background:#fff;font-size:13px; font-family:"맑은 고딕", "Malgun Gothic", Dotum,Arial,Helvetica,sans-serif;}
#password_setting1 h2 {width:100% !important; clear:both !important; float:none !important; height:24px;font-size:16px;color:#333;margin:0; padding:0; border:0;}
#password_setting1 .pass_table{border-top:1px solid #e5e5e5; margin-bottom:20px;}
/*#password_setting1 .pass_table th {color:#000 !important; font-weight:bold !important;}*/
#password_setting1 .pass_table th{background:#f5f5f5; text-align:left; padding:8px 5px 6px 10px; border-bottom:#e5e5e5 1px solid; font-weight:bold !important;color:#000 !important;}
#password_setting1 .pass_table td{text-align:left; padding:4px 0 3px 10px; border-bottom:1px solid #e5e5e5; line-height:1.7;}
#password_setting1 .pass_table td.input_td > div > input[type="text"] {width:130px !important;}
#password_setting1 .pass_table td.input_td > div > a {position:relative !important; top:auto !important; right:auto !important;}
/*#password_setting1 .pass_table td.input_td > div > a .btn_orange {vertical-align:top !important; float:none !important; margin:0 !important;}*/
#password_setting1 .pass_table .input_td{text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #e5e5e5; line-height:1.7;}
#password_setting1 .btn_orange{position:relative; float:left; width:50px;height:30px;background:#ef9200; color:#fff;border:0;margin:15px 0 0 97px; font-weight:bold;}
#password_setting1 .btn_gray{position:relative; float:left; width:50px;height:30px;background:#737573; color:#fff;border:0;margin:15px 0 0 7px; font-weight:bold;}
#password_setting1 .btn_gray2{width:80px; height:26px; background:#b3b3b3; color:#fff; border:0; font-weight:bold;}

/*  비로그인 공지사항 (191106) */
.loginNoticeBox{margin-bottom: 20px;}
.loginNoticeTit{font-size: 15px;font-weight: bold;border-bottom: 1px solid #fff;width: 100%;height: 25px;line-height: 15px;color: #fff;}
.loginNoticeTit:before{content:'';display: inline-block;background: url('/Images/Images/login/ic_m_loginN_w.png') no-repeat 0 center;width: 14px;height: 14px;padding-left: 5px;float: left;}
.loginNoticeBox ul{width: 363px;height: 155px;overflow-y: auto; overflow-x: hidden;padding: 5px 0; margin:0;}
.loginNoticeBox ul li a{width: 100%;display: inline-block;}
.loginNoticeBox ul li a span{font-size: 13px;height: 20px;line-height: 20px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;padding-right: 10px;}
.loginNoticeBox .loginNoticeCellTit{width: 75%; float: left;color: #fff;}
.loginNoticeBox .loginNoticeCellDate{width: 25%; float: right; color: #a5d8e8;}
.loginNoticeBox .ptype01_newicon{display: inline-block;min-width: 13px;height: 14px;color: #4eb6d6;font-size: 9px;border-radius: 10px;line-height: 13px;text-align: center;padding: 0 3px 0 3px;margin-right: 5px;background-color: #fff;}
#popup_message strong {vertical-align:top; line-height:23p; letter-spacing:-1px; margin-left:-10px;}




.login_input{font:normal 14px dotum,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; font-size:14px; font-weight:bold; width:197px; height:30px; line-height:30px; color:#888889; background-color:#f7f7f7; border:0; margin:0 0 7px 0; padding:0 0 0 5px;}
.login_input_hidden{ display:none !important;}