@CHARSET "UTF-8";

/* CSS Document */

/* ------------------------------------------------------------
 * Name      : login.css
 * Desc      : 대구대학교 SSO로그인
 * Created   : 2018/07/06 by YSK
 * Updated   : 
------------------------------------------------------------ */

input[type="password"]::-ms-reveal {
	display: none;
}

/* common */
*{margin:0;padding:0}
html,body{height:100%} 
body{font-family:"맑은고딕", Malgun Gothic, dotum,"돋움", sans-serif;font-size:13px;color:#666;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} 
body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
img, video{max-width:100%;height:auto}
img,fieldset{border:0}
img{vertical-align:middle}
menu,ul,ol{list-style:none}
em,address{font-style:normal}
a,a:link{color:#4b4b4b;text-decoration:none}
a:hover,a:active,a:focus{color:#333;text-decoration:none}
textarea{overflow:auto}
option,x:-moz-any-link{padding-right:6px}
option,x:-moz-any-link,x:default{padding-right:0}
input, textarea, select, label{vertical-align:middle;letter-spacing:-1px}
input[type="text"], input[type="password"], textarea, select{border:solid 1px #c0c0c0;padding-left:5px;font-family:"맑은고딕", Malgun Gothic, sans-serif;font-size:12px;color:#676767}
input[type="file"]{font-family:"맑은고딕", Malgun Gothic, sans-serif}
textarea{line-height:1.8}
legend, caption, .blind{visibility:hidden;overflow:hidden;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
button,label{cursor:pointer}
button::-moz-focus-inner{padding:0}
hr{display:none}
table{border-spacing:0;border-collapse:collapse}
select,textarea,button{vertical-align:middle}
input{height:19px;vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer}
.checkbox{width:14px;height:14px;margin-bottom:2px;vertical-align:middle;border-width:0}
option{padding-right:6px} /* Firefox Fix */
.blind{visibility:hidden!important;overflow:hidden!important;position:absolute!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;color:transparent!important;background-color:transparent!important}
span{vertical-align:0}

/* 건너뛰기 */
#skipnavi a {width:100%; position:absolute; display:block;left:0;top:-10000px;background:#2c7bbb;color:#fff;font-weight:bold;font-size:11px;text-align:center;}
#skipnavi a:hover, #skipnavi a:focus, #skipnavi a:active {position: absolute;display:block; top: 0;left:0; width:100%;padding: 5px 0;background:#2c7bbb;color:#fff;}

/* placholder */
.int_login::-webkit-input-placeholder{color:#777}
::-webkit-input-placeholder, .int_login::-webkit-input-placeholder{color:#777}
::-moz-placeholder{color:#777} /* firefox 19+ */
input.int_login:-ms-input-placeholder, input.int_num:-ms-input-placeholder{color:#666} /* ie */
input:-moz-placeholder{color:#777}
input:-ms-input-placeholder.int_login{color:#adb1b3}

/* login */
.bg_login{background:url(../img/ext/portal/login_bg_2026_09.png) no-repeat center top; overflow-x:hidden;overflow-y:hidden;width:100%;min-width:1200px;z-index:0}

#login_wrap{margin:0 auto;margin-top:85px;width:1200px;height:562px}
.login_left{position:relative;float:left;width:494px;margin-right:61px}
.login_left .slogan{position:absolute;left:0;top:88px;text-align:center;width:410px;font-size:0}
.login_right{position:relative;float:right;width:360px;margin:30px 105px 0 0;box-sizing:border-box}
.login_right h1.title{height:50px;line-height:42px;font-size:42px;color:#3d3d3d;font-weight:500}
.login_right .t_line{padding-top:15px;height:0;width:100%;border-bottom:solid 3px #515151}
.login_right .line{margin-top:30px;padding-top:30px;width:100%;border-top:solid 1px #dbdbdb}
.login_right h2 {margin-bottom:10px;font-size:19px;font-weight:600;color:#393939;letter-spacing:-2px}
.login_right h2 strong{color:#666666}
.login_right .login{display:inline-block;padding:22px 0 0;width:100%; box-sizing:border-box}
.login_right .login button{margin-top:3px}
.join_row .lbl{display:none}
.join_row .int{z-index:10;padding:4px 0 8px 0;width:100%;height:16px;border:none;background:#fff;font-size:13px;color:#676767}
.join_row .pwd{z-index:10;padding:4px 0 8px 0;width:93%;height:16px;border:none;background:#fff;font-size:13px;color:#676767}
.join_row{position:relative;margin-bottom:6px;min-height:34px;padding:2px 10px;border:solid 1px #c3c3c3;background:#fff;box-sizing:border-box;word-break:break-all}
.join_row:last-child{margin:0}
.join_row_self{position:relative;margin-bottom:6px;margin-left:125px;min-height:34px;padding:2px 10px;border:solid 1px #c3c3c3;background:#fff;box-sizing:border-box;word-break:break-all}
.join_row_self .lbl{display:none}
.join_row_self .int{z-index:10;padding:4px 0 8px 0;width:100%;height:16px;border:none;background:#fff;font-size:13px;color:#676767}
.join_row_self .sel{z-index:10;padding:4px 0 8px 0;width:100%;border:none;background:#fff;font-size:12px;color:#676767}
.join_row_self:last-child{margin:0}
.check{position:relative;display:inline-block;width:100%;margin-top:10px;font-size:13px;font-weight:bold;color:#545a5e}
.check2{position:relative;display:inline-block;margin-top:10px;font-size:13px;color:#545a5e}
.check3{display:inline-block;width:100%;margin-top:10px;font-size:13px;color:#545a5e}

/* 비밀번호 변경사항 */	
.txt_box {position:absolute;top:380px;left:-730px;font-size:13px;color:#ffffff}
.txt_box:after{display:block;clear:both;visibility:hidden;content:'.';height:0}
.txt_box .tit{margin-bottom:10px;color:#f0e918;font-weight:600}
.txt_box .left{float:left;width:240px}
.txt_box .left li{line-height:22px}
.txt_box .right{float:left;}
.txt_box .right dt{line-height:22px}
.txt_box .right dd{margin-left:12px;line-height:22px}

/* 버튼 */
.btn_login{display:inline-block;background:url(../img/ext/portal/login_btn_bg.gif) repeat;padding:0 30px;border:none;border-radius:3px;width:100%;height:48px;vertical-align:middle;text-align:center;font-size:16px;color:#fff;font-weight:600;text-decoration:none;box-sizing:border-box}
.btn_login2{display:inline-block;background:url(../img/ext/portal/login_btn_bg2.gif) repeat;padding:0 30px;border:none;border-radius:3px;width:100%;height:48px;vertical-align:middle;text-align:center;font-size:16px;color:#fff;font-weight:600;text-decoration:none;box-sizing:border-box}

/* 풋터 */
.footer_login{position:absolute;width:600px;margin-left:140px;padding-top:15px}
.footer_login:after{display:block;clear:both;visibility:hidden;content:'.';height:0}
.footer_login .logo{position:absolute;top:10px}
.footer_login .address {margin-left:225px;;height:50px}
.footer_login .address li{font-size:12px;line-height:18px;color:#767575} 

@media only all and (max-width:950px){
body{min-width:240px}
button {font-size:1.1em !important;letter-spacing:-0.5px;}
button img{width:15px;height:15px}
#content_login{margin:0 30px}    
#login_wrap{margin:0 auto;margin-top:40px;width:100%;height:auto}    
.bg_login{display:block;background:none;min-width:240px;z-index:0}
.login_left{display:none}
.login_right{position:relative;float:none;width:100%;padding:0;margin:0}
.mobile_none {display:none}

/* 비밀번호 변경사항 */	
.txt_box {position:relative;top:10px;left:0;font-size:13px;color:#333;background:#f8f8f8;padding:10px}
.txt_box .tit{color:#ff6600}
.txt_box .right dd{margin-left:12px;line-height:22px;color:#777;}

/* 풋터 */
.footer_login{position:relative;width:100%;margin:0 auto;margin-top:15px;padding-top:10px;border-top:solid 1px #ddd;box-sizing:border-box}
.footer_login .logo{display:none}
.footer_login .address {margin-left:0;text-align:center;letter-spacing:-0.5px}
.footer_login .address li:first-child{display:none}
}