body { background-color: #e7eefb; width: 100%; height: 100%; margin: 0; padding: 0; }

.logo-wrap { text-align: center; }
.login-logo { margin: 100px auto 20px auto; }
.login-logo a { display: block; }
.login-logo a img { margin: 0 auto; }

.login-wrap { width: calc(100% - 40px); margin: 0px 20px 100px 20px; padding: 50px 20px; box-sizing: border-box; background-color: #fff; border-radius: 25px; }
.login-wrap p:nth-child(1) { font-size: 16px; font-weight: bold; text-align: center; margin: 0 0 15px 0; }
.login-wrap p:nth-child(2) { font-size: 12px; text-align: center; margin: 0 0 30px 0; }
.login-wrap .con { width: 100%; }
.login-wrap .con li { width: calc(100% - 10px); margin: 0 5px 40px 5px; padding: 30px 0 10px 0; text-align: center; box-sizing: border-box; }
.login-wrap .con li:nth-child(1) { border-bottom: 2px dotted #c5c9d6; padding: 30px 0 30px 0; }
.login-wrap .con li:nth-child(2) { padding: 0 0 10px 0; }
.login-wrap .con li a { font-weight: bold; }
.login-wrap .con li a img { display: block; margin: 0 auto 20px auto; }
.login-wrap .con li a span { font-size: 18px; padding: 10px 20px; display: block; background-color: #1148b0; color: #fff; border: 1px solid #1148b0; border-radius: 15px; word-break: keep-all; }
.login-wrap .con li a:hover span { background-color: #fff; color: #1148b0; transition: 0.4s; } 

@media all and (min-width:768px) {
.login-wrap { float: left; }
.login-wrap p:nth-child(1) { font-size: 24px; }
.login-wrap p:nth-child(2) { font-size: 16px; }
.login-wrap .con li { float: left; width: calc(50% - 10px); margin: 0; }
.login-wrap .con li:nth-child(1) { border-bottom: none; border-right: 2px dotted #c5c9d6; padding: 30px 20px 10px 0; }
.login-wrap .con li:nth-child(2) { margin: 0 0 0 20px; padding: 30px 0 10px 0; }
.login-wrap .con li a { padding: 50px 0; }
}

@media all and (min-width:1024px) {
.logo-wrap { width: 1200px; margin: 0 auto; }
.login-wrap { clear: both; float: none; width: 1200px; height: 530px; margin: 0 auto 150px auto; padding: 70px 20px; }
.login-wrap p:nth-child(1) { font-size: 30px; }
.login-wrap p:nth-child(2) { font-size: 20px; margin: 0 0 70px 0; }
}