@CHARSET "UTF-8";

/* CSS Document */

/* ------------------------------------------------------------
 * Name      : login.css
 * Desc      : 한국학중앙연구원 
 * Created   : 2017/11/16 by YSK
 * Updated   : 
------------------------------------------------------------ */

/* 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);background:url(images/login_bg.png) repeat;} 
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:#444}
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}
html:first-child select{padding-right:6px;height:20px} /* Opera 9 & Below Fix */
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}
.floatR{float:right}
.mg_t10 {margin-top:10px !important}
.mg_t25 {margin-top:25px !important}
.mg_t120 {margin-top:120px !important}
.w1 {width:397px !important; margin-right:5px}
.w2 {width:196px !important; margin-right:5px}

/* 건너뛰기 */
#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(images/bg_login.png) no-repeat left top;background-size:cover;overflow:hidden;width:100%;min-width:1112px;z-index:0}
.bg_img {position:absolute;bottom:0;right:0;z-index:999}
h1.logo_login{position:absolute;top:90px;left:50%;margin-left:-216px}
h1.logo_login span{display:inline-block;font-size:27px;font-weight:400;color:#666;padding-left:11px;vertical-align:-10px}
#login_wrap{position:relative;margin:0 auto;margin-top:142px;background:#fff;width:1100px;height:480px;z-index:9999}
.login_left{position:relative;left:-20px; float:left;width:494px}
.login_left .welcome{position:absolute;left:84px;top:68px;text-align:center;width:410px;font-size:15px;color:#a6a6a6}
.login_left .welcome{position:absolute;left:84px;top:68px;text-align:center;width:410px;font-size:15px;color:#a6a6a6}
.login_left .welcome .txt01{padding-top:5px;font-size:38px;color:#777676}
.login_left .welcome .txt02{padding-top:30px;font-size:32px;color:#777676;letter-spacing:-5px}
.login_left .welcome .txt03{padding-top:5px;font-size:29px;color:#777676;letter-spacing:-4px}
.login_left .welcome  strong{color:#3d3d3d;font-weight:600}
.login_left .visual{position:absolute;left:95px;top:140px;background:url(images/visual_login.png) no-repeat;width:412px;height:298px}
.login_right{position:relative;float:right;width:402px;margin:70px 81px 0 0; padding-left:74px; border-left:1px solid #e5e5e5}
.login_right h2.title{background:url(images/tit_ico.png) no-repeat 0 0;padding-left:45px;height:50px;line-height:42px;font-size:42px;color:#3d3d3d;font-weight:500}
.login_right p.tit_txt { padding-top:23px;line-height:16px;color:#666666;}
.login_right .login{display:inline-block;padding-top:17px}
.login_right .login_input_area{position:relative;display:block;clear:both}
.login_input_area:after{display:block;clear:both;visibility:hidden;content:'.';height:0}
.label_id_input{display:block;}
.label_pw_input{display:block;margin-top:9px}
.login_right .check{clear:both;position:relative;width:395px}
.login_right .check li{display:inline-block;margin-top:10px;font-size:13px;color:#545a5e}
.login_right .check li.pw_id_findare{position:absolute;right:0;width:190px;text-align:right}
.btn_box {margin-top:25px;width:410px;}
.btn_box:after{display:block;clear:both;visibility:hidden;content:'.';height:0}
.btn_box li{float:left;display:block;margin-bottom:8px;text-align:center}
.btn_login{display:block;background:#155d6c;padding:0 30px;border:none;width:397px;height:46px;vertical-align:middle;text-align:center;font-size:15px;color:#fff;font-weight:600;text-decoration:none}
.btn_login02{margin-right:5px;display:block;background:#fff;border:#b7bfc8 solid 1px;width:129px;height:46px;vertical-align:middle;text-align:center;font-size:14px;color:#333;text-decoration:none}
.btn_login03{margin-right:5px;display:block;background:#2a3a4c;border:none;width:129px;height:46px;vertical-align:middle;text-align:center;font-size:14px;color:#fff;text-decoration:none}
.btn_login04{margin-right:5px;display:block;background:#0aa4bd;border:none;width:129px;height:46px;vertical-align:middle;text-align:center;font-size:14px;color:#fff;text-decoration:none}
.int_login{border:1px solid #d1d5da;font-size:14px !important;color:#666666;height:42px;line-height:42px;width:390px}
.btn_box button span {font-size:11px}
.btn_box li em {color:#333;font-weight:600}

/* 풋터 */
.footer_login{position:relative;width:1100px;height:90px;margin:0 auto}
.footer_login .logo{position:absolute;left:236px;top:12px;background:url(images/ft_logo.png) no-repeat;width:250px;height:40px}
.footer_login .address {margin-left:450px;padding-top:15px}
.footer_login .address li{font-size:12px;line-height:16px;color:#677380}