/*---------------------------------------------------------------------- * BI MATRIX i-PORTAL 6 Login * * Name : login.css * DECS : i-PORTAL 6 / Common Style Sheet * Created : 2019.05.07 BI MATRIX 정선화 -----------------------------------------------------------------------*/ /* 공통 CSS 정의 */ @charset "utf-8"; *{padding:0px; margin:0px;} html{overflow-x:hidden; overflow-y:hidden; z-index:0;} body{margin:0; padding:0; text-align:center; font-size:12px; color:#555555; line-height:150%; font-family:돋움,Dotum, AppleGothic, sans-serif; background-color:transparent; height:100%; -webkit-text-size-adjust:none;} ul{float:left; list-style-type:none;} li{float:left; list-style-type:none;} img{border:0; line-height:0px; font-size:0px;} fieldset{border:none 0;} hr, h2, #skip{display:none;} table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; line-height:150%;} button{margin:0; padding:0; border:0 none; font-size:12px; background:transparent; line-height:100%; vertical-align:top; cursor:pointer;} a {cursor:pointer; text-decoration:none;} /* 로그인페이지 CSS */ #loginbg{background-color:#999999;} #login_wrap{position:relative; top:170px; width:553px; height:334px; vertical-align:middle; margin-left:auto; margin-right:auto; text-align:center;} #login_logo{float:left; position:absolute; top:0px; left:0px;} #login_box{float:left; position:relative; top:0px; width:553px; height:334px; background:url('../images/theme1/login/widget/loginbox.png') no-repeat;} .version_area{float:left; position:absolute; top:98px; left:60px; font-family:"맑은 고딕"; font-weight:bold;} .login_con{position:absolute; top:130px; left:180px;} .login_con ul{height:34px; margin-bottom:6px;} .login_inputidbg{float:left; width:220px; height:34px; background:url('../images/theme1/login/widget/input_idbg.png') no-repeat;} .login_inputpwbg{float:left; width:220px; height:34px; background:url('../images/theme1/login/widget/input_pwbg.png') no-repeat;} .login_input{float:left; background-color:transparent; border:0px; color:#666666; font-size:12px; font-family:"맑은 고딕"; width:180px; padding-top:2px; padding-left:3px; height:20px; margin:5px;} .login_input_pwd{-webkit-text-security:disc;float:left; background-color:transparent; border:0px; color:#666666; font-size:12px; font-family:"맑은 고딕"; width:180px; padding-top:2px; padding-left:3px; height:20px; margin:5px;} .login_btnarea{position:absolute; left:277px; top:210px;} .login_bullet{float:left; padding-left:12px; background:url('../images/login/login_bullet.png') 0 5px no-repeat;} .login_comt{position:absolute; top:235px; left:82px; text-align:left; font-weight:bold; color:#3c628d;} .login_comt a:link{color: #3c628d; text-decoration: none;} .login_comt a:visited{color: #3c628d; text-decoration: none;} .login_comt a:active{color: #3c628d; text-decoration: none;} .login_comt a:hover {color: #3c628d; text-decoration: underline;} .login_copyright{float:left; position:relative; top:0px; width:100%; text-align:center;} .login_select{background-color:transparent; border:0px; color:#666666; font-size:12px; font-family:"맑은 고딕"; height:20px; width:205px; margin-top:9px; -webkit-appearance:none; appearance:none; -moz-appearance:none;} select::-ms-expand {display:none;} input:focus {outline:none;} select:focus {outline:none;} .select_align{float:left; padding-left:7px; } .login_copyright{float:left; position:absolute; top:410px; width:592px; height:15px; font-size:11px; color:#5c87b4; font-family:"맑은 고딕";} .saveUidDiv{min-width:100px} /* 시스템별 접속 인트로 페이지 CSS */ #introbg{background-color:#transperant; background:url('../images/intro/introbg.png') no-repeat;} #intro_wrap {position:relative; left:15px; top:150px; width:0px; height:374px; text-align:center; margin-left:auto; margin-right:auto;} /* Block 1개일 경우 */ #intro_wrap2 {position:relative; top:150px; width:271px; height:374px; text-align:center; margin-left:auto; margin-right:auto;} /* Block 2개일 경우 */ #intro_wrap3 {position:relative; top:150px; width:571px; height:374px; text-align:center; margin-left:auto; margin-right:auto;} /* Block 3개일 경우 */ .block_area {position:absolute; width:100%; height:100%; text-align:center; margin-left:-150px; margin-right:-150px;} .block_area2 {position:absolute; left:300px; text-align:center; margin-left:-150px; margin-right:-150px;} .block_area3 {position:absolute; left:600px; text-align:center; margin-left:-150px; margin-right:-150px;} .block_logo {position:absolute; left:40px; top:40px; width:120px; height:38px; background:url('../images/intro/logo.png') no-repeat;} .intro_block{float:left; position:absolute; width:271px; height:374px; background:url('../images/intro/intro_blockbox.png') no-repeat;} .block_title {position:absolute; top:60px; width:270px; font-size:35px; color:#ececec; text-align:center; font-family:"맑은 고딕","Noto Sans CJK KR Bold"; font-weight:bold;} .title_keyword {position:absolute; top:117px; width:270px; font-size:16px; color:#ececec; text-align:center; font-family:"맑은 고딕","Noto Sans";} .connect {position:absolute; right:35px; bottom:30px; width:98px; height:28px; cursor:pointer;} .intro_copyright{float:left; position:fixed; bottom:30px; width:100%; text-align:center; font-family:"맑은 고딕"; font-size:11px; color:#363e49;} .modal_background{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.52); z-index: 10;} /* 팝업 로그인화면 이후, 로딩 CSS */ .loader_wrap {position:relative; width:553px; height:334px; vertical-align:middle; margin-left:auto; margin-right:auto; text-align:center;} .loader_area {position:relative; top:110px; width:553px; text-align:center; } .loader {margin:0 auto; width:100px; height:50px; text-align:center; font-size:10px; margin-left:auto; margin-right:auto;} .loader > div {height:100%; width:8px; display:inline-block; float:left; margin-left:2px; -webkit-animation:delay 0.9s infinite ease-in-out; animation:delay 0.9s infinite ease-in-out;} .loader .bar1 {background-color:#555555; -webkit-animation-delay:-1.0s; animation-delay:-1.0s;} .loader .bar2 {background-color:#555555; -webkit-animation-delay:-0.9s; animation-delay:-0.9s;} .loader .bar3 {background-color:#555555; -webkit-animation-delay:-0.8s; animation-delay:-0.8s;} .loader .bar4 {background-color:#555555; -webkit-animation-delay:-0.7s; animation-delay:-0.7s;} .loader .bar5 {background-color:#555555; -webkit-animation-delay:-0.6s; animation-delay:-0.6s;} .loader .bar6 {background-color:#555555; -webkit-animation-delay:-0.5s; animation-delay:-0.5s;} .loader .bar7 {background-color:#555555; -webkit-animation-delay:-0.4s; animation-delay:-0.4s;} .loader .bar8 {background-color:#555555; -webkit-animation-delay:-0.3s; animation-delay:-0.3s;} .loader .bar9 {background-color:#555555; -webkit-animation-delay:-0.2s; animation-delay:-0.2s;} .loader .bar10 {background-color:#555555; -webkit-animation-delay:-0.1s; animation-delay:-0.1s;} @-webkit-keyframes delay {0%, 40%, 100% {-webkit-transform:scaleY(0.05);} 20% {-webkit-transform:scaleY(1);}} @keyframes delay {0%, 40%, 100% {transform:scaleY(0.05); -webkit-transform:scaleY(0.05);} 20% {transform:scaleY(1);-webkit-transform:scaleY(1);}} .loader_comt {float:left; position:absolute; bottom:100px; width:553px; text-align:center; font-size:12px; font-weight:bold; font-family:"맑은 고딕"; line-height:160%;} /* 팝업 로그인화면 이후, 유틸리티 설치안내 CSS */ .guide_wrap {position:relative; width:553px; height:334px; vertical-align:middle; margin-left:auto; margin-right:auto; text-align:center; background:url('../images/intro/login/guide_bg.png') no-repeat;} .guide_title {position:relative; top:90px; font-family:"맑은 고딕"; font-weight:bold; font-size:20px;} .title_detail {position:relative; top:130px; font-family:"맑은 고딕"; font-weight:bold; font-size:13px; color:#ffffff;} .detail_bg {width:400px; height:33px; background-color:#555555; padding-left:70px; padding-right:70px; padding-top:5px; padding-bottom:5px;} .guide_comt {float:left; position:absolute; bottom:100px; width:553px; text-align:center; font-size:13px; font-weight:bold; font-family:"맑은 고딕"; line-height:160%;} .guide_button {float:left; position:absolute; bottom:40px; width:553px; text-align:center; font-size:13px; font-weight:bold; font-family:"맑은 고딕"; line-height:160%;} /* 인트로 적용 CSS3 버튼 스타일 20191015 추가 */ .controlbtn { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: middle; margin: 0 0px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 13px/100% 맑은 고딕, Arial, Helvetica, sans-serif; font-weight:bold; padding: .5em 2em .55em; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .controlbtn:hover{text-decoration:none;} .controlbtn:active{position:relative; top:0px;} .middle {font-size: 13px; padding:.4em 2em .4em;} .color1 { color: #ececec; border: solid 2px #ffffff; background: transparent !important; } .color1:hover { color: #ffffff; background: rgba(0, 0, 0, 0.3) !important; } .color1:active { color: #ffffff; background: rgba(0, 0, 0, 0.3) !important; }