body{width:100%; border-top:3px solid #3e8db6; box-sizing:border-box;}
img{width:100%;}

#index_wrap{width:100%; height:100%; min-height:160vw; background:#e9e9e9;	background-size:200% auto;}
#index_wrap h1{width:80%; color:#3e8db6; font-size:7vw; font-weight:400; text-align:center; letter-spacing:-0.5px; margin:0px auto; margin-top:20vw; line-height:9vw; overflow:hidden;}
#index_wrap h1:before{content:''; width:30%; height:101w; display:block; background:url('/images/main/logo.png') no-repeat top center; background-size:100% auto; margin:0px auto;}
#index_wrap h1 span{font-weight:500;}
#index_wrap h2{color:#666666; font-size:30px; font-weight:400; text-align:center; letter-spacing:-0.5px; margin-top:10px; line-height:1.5;}
#index_wrap h2 p{color:#666666; font-size:18px; font-weight:400; text-align:center; letter-spacing:-0.5px; line-height:1.5;}
#index_wrap .login_box{width:90%; margin:0px auto; margin-top:60px;}
#index_wrap .login_box .info_box{width:100%; float:none;}
#index_wrap .login_box .info_box li{margin-top:10px;}
#index_wrap .login_box .info_box li:first-child{margin-top:0px;}
#index_wrap .login_box .info_box li input[type=text]{width:100%; height:50px; background:#eeeeee; border:1px solid #c9c9c9; box-sizing:border-box; border-radius:15px; padding-left:15px; color:#333333; font-size:18px;}
#index_wrap .login_box .info_box p{margin-top:10px; color:#666666; font-size:12px; float:right;}
#index_wrap .login_box .info_box p a{color:#666666; font-size:14px;}
#index_wrap .login_box .info_box p a:hover{color:#0e4c6d;}
#index_wrap .login_box .login_btn{width:70%; height:15vw; line-height:15vw; font-size:5vw; font-weight:500; color:#fff; float:none; text-align:center; background:#0e4c6d; box-sizing:border-box;
	border-radius:15px;
	cursor:pointer;
	margin:0px auto;
	margin-top:10vw;
}

#header{width:100%; height:17vw; position:fixed; background:#fff; box-shadow:0px 3px 5px #a0a0a0;}
#header h1{width:25%; float:left; margin-top:5%; margin-left:4%; overflow:hidden;}

#footer{width:100%; height:auto; background:#535353; overflow:hidden; padding-bottom:6%;}
#footer .footer_container{margin-top:4%;}
#footer .footer_container .logo{float:left; width:20%; -webkit-filter:grayscale(100%); filter:gray;}
#footer .footer_container .con_box{float:right; width:78%;}
#footer .footer_container .con_box p{color:#e5e5e5; font-size:1vw; font-weight:100; margin-top:0px;}
#footer .footer_container .con_box p:last-child{margin-top:1.5%; margin-left:2%; font-size:2vw;}
#footer .footer_container .con_box p span{display:inline-block; font-size:2.2vw; font-weight:300; line-height:3vw; margin-left:2%;}
#footer .footer_container .con_box p span:last-child{border-right:0px;}

.cl_line{width:100%; height:2px; background:#f3f3f3; margin-top:6%; overflow:hidden;}