@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Volkhov:400');*/

body{background:url(/images/skin/tcu/login/bg_1.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
body *{font-family:'Nanum Gothic', sans-serif;}
.loginArea{width:50%;height:460px;position:absolute;top:50%;left:50%;margin:-330px 0 0 -25%;}
.loginLeft{width:45%;height:460px;float:left;background-color:rgba(38,43,72,.92);border-top-left-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:0 3px 6px #1d2030;box-shadow:0 3px 6px #1d2030;}
.login_logo{padding:80px 0 20px 0;text-align:center;color:#fff;}
.login_logo .logo{padding:0;margin:0;font-size:28px;letter-spacing:-2px;font-family:'Lemonada', cursive;color:#fff;font-weight:700;}
.login_logo .logo img{vertical-align:middle;width:250px;margin-bottom:40px;}
.login_logo .slogan{font-size:17px;color:#c3c3c3;line-height:25px;font-size:13px;}
.login_menu{padding:0 50px;margin:0;}
.login_menu ul{padding:0;margin:0;}
.login_menu ul li{padding:0;margin:0;list-style:none;display:block;height:40px;margin:30px 0;}
.login_menu ul li a{display:block;width:80%;height:40px;line-height:40px;margin:0 auto;border-radius:5px;color:#fff;text-align:center;font-size:17px;text-decoration:none;}
.login_menu ul li a i{vertical-align:middle;font-size:25px;margin-right:10px;}
.login_menu ul li a.menu1{background-color:#3b5998;}
.login_menu ul li a.menu2{background-color:#00aced;}
.login_menu ul li a.menu3{background-color:#c32e10;}
.login_menu ul li a:hover{font-weight:800;}
.login_notice_msg{color:#c3c3c3;line-height:25px;font-size:13px;text-align:center;}

.loginRight{width:55%;height:460px;float:right;background-color:rgba(255,255,255,.92);border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-box-shadow:0 3px 6px #1d2030;box-shadow:0 3px 6px #1d2030;}
.loginRight h2{padding:40px;margin:0;text-align:center;font-size:20px;font-weight:400;color:#717171;line-height:35px;}
.loginRight .logininput{margin:0 auto;text-align:center;}
.loginRight .logininput .textField{width:73%;height:40px;margin:10px 0;}
.loginRight .loginsave{width:calc(73% + 20px);margin:0 auto;}
.loginRight .loginsave .savecheck{float:left;}
.loginRight .loginsave .findmember{float:right;text-align:right;}
.loginRight .loginsubmit{padding:30px 0 0 0;text-align:center;}
.loginRight .loginsubmit input{background:#194c7d;box-shadow:0 0 35px rgba(0, 0, 0, 0.1);border:none;padding:0;width:calc(73% + 20px);margin:0 auto;height:40px;color:#fff;font-size:15px;font-weight:400;}