@charset "utf-8";

html,body{height:100%; margin:0; padding:0; font-family:맑은 고딕, Malgun Gothic,sans-serif, dotum,'돋움',Apple-Gothic; font-size:12px; font-weight:normal; line-height:100%; color:#000;}
body { overflow:hidden; overflow-x:auto; }
input{margin: 0px;
    padding: 0px;
    color: #333;
height:30px;
    border: 1px solid #c6c6c6;
    border-radius: 3px !important;
    box-shadow: none !important;
    text-indent: 6px;}
#wrap{overflow: hidden; width: 100%;
    height: 100%;
    }
* {-webkit-box-sizing:border-box;box-sizing:border-box;}
.mt5 {margin-top:5px !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:1200px; overflow-y:auto;background:url('../Images/login/login_img.jpg') no-repeat 50% 0;}
.loginContent > h1 {margin:60px 0 0 80px;width:508px;height:40px; position: absolute;}
.loginContent > h1 a {display:block;width:100%;height:100%;background:url('../Images/login/login_logo.png') no-repeat 0 0;text-indent:-9999px;}

.loginContent2 {background-color: #304456;
    height: 100%;
    width: 100%;
    }
.loginContent2 > h1 {margin:60px 0 0 80px;width:508px;height:40px; position: absolute; z-index: 400;}
.loginContent2 > h1 a {display:block;width:100%;height:100%;background:url('../Images/login/login_logo.png') no-repeat 0 0;text-indent:-9999px;}
.background{position: fixed;
  top: -50%;
  left: -50%;
  width: 100%;
  height: 100%;}
.background img{position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;}

.main_video{position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width:auto !important;
	height:100%;
    }
.loginCont {position:absolute;top:0;bottom:0;right:0;padding:207px 112px 0 0;width:540px;min-height:840px;height:100%;background:#0050A0; z-index: 140;}
.infoSePolicy {text-align:right;}
.infoSePolicy > a {padding-left:30px;display:inline-block;height:22px;line-height:22px;font-size:13px;color:#364d5d;background:url('../Images/login/ic_lock02.png') no-repeat 0 center; text-decoration:none;}

.loginBox {margin-left:-191px;display:table;table-layout:fixed;width:620px;height:356px;border:4px solid #fff;transition:box-shadow .3s;}
.loginBox:hover {box-shadow:0 0 24px 5px rgba(0,0,0,.2);}

.loginBox > article {display:table-cell;vertical-align:middle;}
.loginBox > article:first-child {width:187px;height:100%; line-height:1.3; font-size:24px;color:#fff;text-align:center;font-family: "맑은 고딕", "Malgun Gothic";}

.loginInputCont {font-family: "맑은 고딕", "Malgun Gothic";}
.loginInputCont > div {margin:0 auto;width:291px;}
.loginInputCont input {width:100%; height:38px; padding:0 10px; border:1px solid #fff;background:none;font-size:16px;color:#fff; text-indent:0; }
.loginInputCont input:focus { outline:none; }
.loginInputCont input::-webkit-input-placeholder {color:#95B5D5;}
.loginInputCont input:-moz-placeholder {color:#95B5D5;}
.loginInputCont input::-moz-placeholder {color:#95B5D5;}
.loginInputCont input:-ms-input-placeholder {color:#95B5D5;}

.loginInputCont .loginSetting {margin-left:70px;width:auto;}
.loginSetting > div {margin-left:36px;display:inline-block;font-size:0; vertical-align:middle; }
.loginSetting > div:first-child {margin-left:0;}
.login_input_hidden{ display:none;}

.loginSelectCont {text-align:right;width: 42px; font-size: 13px; color: #fff;font-family: "Nanum Gothic", "맑은 고딕", "Malgun Gothic"; border: none;}
.btnLogin {display:block;width:100%;height:60px;line-height:60px;background:#fff;border-radius:3px;font-size:22px;color:#0050A0;font-weight:700;text-align:center;transition:box-shadow .3s;text-decoration: none;}
.btnLogin:hover {box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);}
.btnPwReOption { line-height:1.3; padding-left:20px;font-size:14px;color:#95B5D5;background:url('../Images/login/ic_repeat.png') no-repeat 0 3px;text-decoration: none; float: left; }
.loginSelectCont select { width:58px; height: 26px !important; line-height:24px; padding:0 15px 0 8px; font-size:13px; color:#fff; cursor:pointer; background:url('../Images/login/sel_arrow.png') no-repeat 40px center; border:1px solid #fff; border-radius:3px; box-shadow:none !important;-webkit-appearance: none;-moz-appearance: none;appearance: none; }
.loginSelectCont select::-ms-expand {display:none;}
.loginSelectCont select:focus { outline:none; }

.loginInfo {margin-top:30px;padding-left:65px;color:#95B5D5;}
.loginInfo .tit { font-size:14px; }
.loginInfo .telNumber {padding-top:20px;font-size:13px;}
.loginInfo .txt  {position:relative;padding:0 0 20px;font-size:12px;line-height:20px;}
.loginInfo .txt:after {content:'';position:absolute;bottom:0;left:0;width:30px;height:1px;background:#3373B3;}
.loginInfo .copyright { line-height:1.8; padding-top:10px;font-size:12px; text-transform:uppercase; }
.cLine {padding:0 5px;color:#4e8ba2;}

/* 로그인 FIDO */
.clearFloat:after, .slick-dots:after {display:block;content:'';clear:both;}
.FDtabMenu {width:100%;margin: 0;padding: 0;border-bottom:1px solid #a5d8e8; list-style:none; }
.FDtabMenu > li {width:50%; text-align:center; position:relative;top:1px;left:-1px;padding-top:1px;float:left;height:43px;line-height:39px;z-index:1; }
.FDtabMenu > li:first-child {left:0;}
.FDtabMenuOn{background-color:#0050A0; border:1px solid #fff;border-bottom:0;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.FDtabMenuOff{background-color:#003D7A;border:1px solid #a5d8e8;border-top-left-radius: 4px;border-top-right-radius: 4px; opacity: 0.8;}
.FDtabMenu > li a {padding:0 21px;display:block;width:100%;height:100%;font-size:18px; box-sizing:border-box; text-decoration:none;}
.FDtabMenuOn a{color:#fff;}
.FDtabMenuOff a{color:#fff; opacity: 0.7;}

.selectType05 { margin-bottom: 10px; background:transparent;font-size:13px;color:#fff;font-family:"Nanum Gothic", "맑은 고딕", "Malgun Gothic"; border: 1px solid #fff; border-radius:3px; }
.selectType05 > option {color:#000;}

.fidoTab{height:44px;}
.PwLoginInputWrap{height:156px;}
.FIDOLoginInputWrap{height:156px;}

/* 로그인 팝업 */
.loginPopContainer {padding:15px 23px 30px;}
.loginPopContainer h2 > span {position:relative;padding-left:63px;display:inline-block;line-height:50px;font-size:22px;font-weight:700;}
.loginPopContainer h2 > span:before {content:'';position:absolute;left:0;display:block;width:50px;height:50px;border-radius:50%;background:#f0f0f0 url('../Images/login/ic_lock.png') no-repeat center;}

.informationSecurityCont .top {padding:10px 0 20px;text-align:center;}
.informationSecurityCont h2 > span:before {background:#f0f0f0 url('../Images/login/ic_lock.png') no-repeat center;}
.informationSecurityCont .middle {height:284px;overflow-y:auto;color:#333;}
.informationSecurityCont .middle h3 {margin-top:20px;}
.informationSecurityCont .middle h3:first-child {margin-top:0;}
.informationSecurityCont .middle .logTit {padding-top:20px;font-size:14px;font-weight:700;}
.informationSecurityCont .middle .logTxt {padding-top:14px;font-size:13px;line-height:20px;}
.informationSecurityCont .bottom {padding-top:20px;border-top:1px solid #e9e9e9;}

.loginPassWordCont .top {padding:10px 0 5px;text-align:center;}
.loginPassWordCont h2 > span:before {background:#f0f0f0 url('../Images/login/ic_pw.png') no-repeat center;}
.loginPassWordCont .selectType02 {margin-top:12px;width:222px;}
.loginPassWordCont .middle {padding:20px 30px;border:1px solid #cfcfcf;border-radius:20px;}
.loginPassWordCont .middle p {padding-top:15px;border-top:1px solid #eaeaea;text-align:center;}
.loginPassWordCont .middle .blueStart {color:#000;}
.loginPassWordCont .eNoti {font-size:12px;color:#666;}

.chkBoxH {padding:8px 0 0;}
.chkBoxH .chkStyle01 {padding:0;margin-right:20px;display:inline-block;vertical-align:top;color:#000;}
.chkBoxH .chkStyle01 label {font-size:12px;}


.title{position: absolute; top:0px; left: 0px;  margin:239px 0 0 200px; width: 100%; height: 238px; z-index: 130;}
.title .title01{display:block;width:100%;height:100%;background:url('../Images/login/title1.png') no-repeat 0 0;}

@media only screen and (min-width:1280px ) {
.main_video{position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
	width:100% !important;
    min-width:1920px;
    max-width:100%;
	height:auto;
    }
}

.chkStyle07 {font-size:14px;color:#666;}
.chkStyle07 input[type='checkbox'] {position:absolute;left:-999999px;width:0;height:0;line-height:0;height:0;}
.chkStyle07 label {cursor:pointer;display:block;color:#95B5D5;font-size:14px;}
.chkStyle07 label > span {margin-right:6px;display:inline-block;width:13px;height:13px;border:1px solid #fff;vertical-align:top;}
.chkStyle07 input[type="checkbox"]:checked + label span {background:url('../Images/login/bul_chk_02.png') no-repeat center center;}

.checkbox{float:left;}
.checkbox input{width:15px; margin-right: 5px;}
#chkPC_SavedInfo{height:15px !important;}

.layer_divpop .divpop_header{background:#364d5d !important; color:#fff !important;}
.btn_orange{background:#196fba !important}
#chkMDM{vertical-align:middle;}
#chkMail{vertical-align:middle;}

.layer_alert {z-index:1600 !important;}
/* .layer_alert .alert_content {border:1px solid #3a4450 !important;} */
/* .layer_alert .alert_header {margin:0; padding:0; background:#3a4450 !important; color:#fff !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/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;}