@charset "utf-8";
body {overflow:hidden; overflow:auto; font-family: sans-serif, "맑은 고딕", "Malgun Gothic";}
input{margin: 0px; padding: 0px; color: #333; height:30px; border: 1px solid #c6c6c6; border-radius:0 !important; box-shadow: none !important; text-indent: 6px;}
#wrap{overflow: hidden; width: 100%; height: 100%; font-family: sans-serif, "맑은 고딕", "Malgun Gothic";}

input:not([type="image" i]) {box-sizing: border-box;}

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

.layer_divpop {z-index:150 !important;}
.loginContent {position:absolute;top:0;bottom:0;left:0;right:0;width:1060px; min-height:810px;  margin:0 auto; background:#fff url('../images/login/login_bg.jpg') no-repeat 0 0; }
.loginContent > h1 { position:absolute; left:90px; top:85px; width:170px; height:50px; margin:0; }
.loginContent > h1 a { display:block; width:100%; height:100%; background:url('../images/login/login_logo.png') no-repeat 0 0; text-indent:-9999px; }
.loginCont { position:absolute; top:0; bottom:0; right:0; padding:200px 40px; width:390px; background:#0072bc; z-index:140; box-sizing:border-box; }
.loginBox {display:table;table-layout:fixed;width:100%;height:auto; margin:0 0 100px; }
.loginBox > article {display:table-cell;vertical-align:middle;}
.loginBox > article:first-child {width:187px;height:100%;font-size:20px;color:#003F98; text-align:center;font-family: sans-serif, "맑은 고딕", "Malgun Gothic";}
.loginInputCont { position:relative; font-family: sans-serif, "맑은 고딕", "Malgun Gothic";}
.loginInputCont > div { margin:0 auto; padding-right:84px; }
.loginInputCont > div:first-child { margin-bottom:7px; }
.loginInputCont > div > label { display:inline-block; width:50px; font-size:14px; color:#fff; }
.loginInputCont input { display:inline-block; width:calc(100% - 50px); padding:0 7px; background:#fff; border:1px solid #dee1e5; font-size:14px; color:#000; height:30px; line-height:29px; text-indent:0; border-radius:0; }
.loginInputCont input:focus { outline:none; }
.loginInputCont input::-webkit-input-placeholder {color:#000;}
.loginInputCont input:-moz-placeholder {color:#000;}
.loginInputCont input::-moz-placeholder {color:#000;}
.loginInputCont input:-ms-input-placeholder {color:#000;}
.loginInputCont .loginSetting { width:auto; margin-top:10px; padding:0 0 0 29px; }
.loginSetting > div {margin-left:11px;display:inline-block;font-size:0;}
.loginSetting > div:first-child { margin-left:0;}
.login_input_hidden{ display:none !important; }
.btnLogin { position:absolute; right:0; top:0; display:block; width:78px; height:67px; line-height:66px;background:#fff; font-size:16px;color:#e86d1f;font-weight:700; text-align:center;transition:box-shadow .3s;text-decoration: none; border-radius: 3px;}
.btnLogin:hover {box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);}
.loginContent .foot_logo { position:absolute; right:40px; bottom:50px; display:block; width:90px; height:27px; background:url('../images/login/login_logo02.png') no-repeat 0 0; text-indent:-9999px; }

.loginSelectCont {text-align:right;width: 42px; font-size: 13px; color: #fff;font-family: "Nanum Gothic", "맑은 고딕", "Malgun Gothic"; border: none;}
.loginSelectCont select {height: 28px !important; padding:0 3px;}
.loginSelectCont select:first-child {margin-left:50px; margin-bottom:7px;}

.chkStyle07 label{cursor: pointer;display:inline-block; line-height:16px; color:#fff; font-size:13px; background:none; margin-left:21px;}
.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 #dee1e5; }
.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 #0072bc; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.copyright { position:absolute; left:120px; bottom:45px; display:block; font-size:12px; color:#999; }

.loginList ul { margin:0; padding:0; }
.loginList ul li { display:block; margin-bottom:30px; color:#fff; }
.loginList ul li strong { position:relative; display:block; margin-bottom:7px; padding-left:20px; font-size:14px; }
.loginList ul li strong:before { position:absolute; left:0; top:2px; display:block; content:""; width:14px; height:14px; background:url('../images/login/ico_txt.png') no-repeat 0 0; }
.loginList ul li p { position:relative; display:block; line-height:1.5; margin:0; padding-left:28px; font-size:12px; font-weight:bold;}
.loginList ul li p:before { position:absolute; left:20px; top:8px; display:block; content:""; width:2px; height:2px; background-color:#fff;}

/* 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: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;}
#password_setting .pass_table td{text-align:left; padding:4px 0 3px 10px; border-bottom:1px solid #e5e5e5; line-height:1.7;}                
#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;}