html, body { margin: 0px; padding: 0px; height: 100%; }
.container { min-height: 100%; position: relative; }
body { overflow-x: hidden; }
*, body, tb { font-family: 'Nanum Gothic', sans-serif; font-size: 16px; color: #4f555c; }
p { line-height: 30px; color: #7a848f; }
@media only screen and (max-width: 480px) { p { line-height: 26px; }}
@media only screen and (max-width: 915px) { p { line-height: 26px; }}
.blue { color: #56b2d8; }
button, input[type="submit"], select { cursor: pointer; }
.btn, input[type="submit"], select { border-radius: 50px; height: 45px; padding: 10px 30px; border: none; box-shadow: none; }
.lightgray { color: #7a848f !important; background: #ebecef; border-radius: 50px; height: 45px; padding: 10px 30px; border: none; box-shadow: none; margin: 10px 0px; }
.login { padding: 0px; font-size: 1.2em; color: #56b2d8; width: 110px; border: 1px solid #56b2d8; margin-top: 5px; background: #fff; }
@media only screen and (max-width: 480px) { .login { display: none; }}
@media only screen and (max-width: 915px) { .login { display: none; }}
.login-active { padding: 0px; height: 50px; width: 50px; margin-top: 5px; border-radius: 0px; background: transparent; }
@media only screen and (max-device-width: 1366px) and (max-device-height: 1366px) { .login-active { display: none; }}
@media only screen and (max-width: 480px) { .login-active { display: none; }}
@media only screen and (max-width: 915px) { .login-active { display: none; }}
.login-active img { display: block; width: 45px; cursor: pointer; }
.basic, input[type="submit"] { background-color: #2891ca; background-image: -moz-linear-gradient #2891ca, #56b2d8; background-image: -webkit-linear-gradient(#2891ca, #56b2d8); background-image: -o-linear-gradient(#2891ca, #56b2d8); background-image: -ms-linear-gradient(#2891ca, #56b2d8); box-shadow: 0 15px 60px -10px #2891ca; }
.basic a, input[type="submit"] a { color: #fff; }
.green { background-color: #378d07;  background-image: -webkit-linear-gradient(#378d07, #6cad49); background-image: -o-linear-gradient(#378d07, #6cad49); background-image: -ms-linear-gradient(#378d07, #6cad49); box-shadow: 0 15px 60px -10px #378d07; }
.green a { color: #fff; }
.basic, .green { color: #fff; }
.navy { background-color: #203749;  background-image: -webkit-linear-gradient(#203749, #203749); background-image: -o-linear-gradient(#203749, #203749); background-image: -ms-linear-gradient(#203749, #203749); line-height: 20px; color: #fff; box-shadow: 0 15px 60px -10px #203749; }
.navy a { color: #fff; }
.gray { background-color: #7a848f; background-image: -moz-linear-gradient #7a848f, #7a848f; background-image: -webkit-linear-gradient(#7a848f, #7a848f); background-image: -o-linear-gradient(#7a848f, #7a848f); background-image: -ms-linear-gradient(#7a848f, #7a848f); box-shadow: 0 15px 60px -10px #7a848f; padding: 0px 15px; }
.gray a { color: #fff; }
label { margin-left: 20px; }
input[type="submit"] { color: #fff; padding: 0px 50px; text-indent: 0px; }
input, textarea, select { border-radius: 30px; width: 280px; height: 40px; text-indent: 20px; border: 1px solid #d0d2d6; margin-bottom: 20px; margin-top: 5px; }
@media only screen and (max-width: 480px) { input, textarea, select { width: 320px; }}
textarea { width: 580px; height: 200px; padding: 10px; display: block; margin-top: 5px; }
@media only screen and (max-width: 480px) { textarea { width: 100%; padding: 10px 0px; margin: 0 auto; }}
h2 { font-size: 3em; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; }
h3 { font-weight: bold; line-height: 46px; }
.max-width { width: 100%; margin: 0 auto; }
@media only screen and (min-width: 1200px) { .max-width { width: 1200px; }}
@media only screen and (max-device-width: 1366px) and (max-device-height: 1366px) { header .header_wrap .menu { display: none; }}
@media only screen and (max-width: 480px) { header .header_wrap .menu { display: none; }}
@media only screen and (max-width: 915px) { header .header_wrap .menu { display: none; }}
.submenu { background-color: #d0d2d6; background-image: -moz-linear-gradient #d0d2d6, #7a848f; background-image: -webkit-linear-gradient(#d0d2d6, #7a848f); background-image: -o-linear-gradient(#d0d2d6, #7a848f); background-image: -ms-linear-gradient(#d0d2d6, #7a848f); box-shadow: 0 15px 60px -10px #d0d2d6; width: 120px; background: #fff; position: absolute; top: 30px; padding: 20px 25px 10px 20px; display: none; border-radius: 5px; }
.submenu ul li { margin-bottom: 25px; }
.submenu ul li a { font-size: 1em; }
.submenu ul li a:hover { color: #56b2d8; }
.login-active-sub { text-align: left; right: 50px; top: 65px; }
.solution { left: 30px; }
.price { left: 170px; }
.about { left: 330px; }
.faq { left: 500px; }
footer { background: #f8f9fa; font-size: 0.9em; position: absolute; bottom: 0px; width: 100%; height: 60px; }
@media only screen and (max-width: 960px) { footer { height: 160px; }}
@media only screen and (max-width: 480px) { footer { height: 160px; }}
@media only screen and (max-width: 915px) { footer { height: 160px; }}
footer a { font-size: 1.1em; color: #7a848f; margin-top: -2px; }
@media only screen and (max-width: 480px) { footer { font-size: 1em; }}
footer .footer_wrap { display: flex; justify-content: space-between; padding: 20px 50px; background: #f8f9fa !important; }
@media only screen and (max-width: 480px) { footer .footer_wrap { display: block; text-align: center; padding: 20px 10px; }}
@media only screen and (max-width: 915px) { footer .footer_wrap { display: block; text-align: center; padding: 20px 10px; }}
footer .footer_wrap div:first-of-type { display: flex; }
@media only screen and (max-width: 480px) { footer .footer_wrap div:first-of-type { display: block; }}
@media only screen and (max-width: 915px) { footer .footer_wrap div:first-of-type { display: block; }}
footer .footer_wrap div:first-of-type p { margin-right: 30px; }
@media only screen and (max-width: 480px) { footer .footer_wrap div:first-of-type p { margin-right: 0px; width: 100%; margin-bottom: 5px; }}
@media only screen and (max-width: 915px) { footer .footer_wrap div:first-of-type p { margin-right: 0px; width: 100%; margin-bottom: 5px; }}
footer .footer_wrap div:last-of-type { color: #d0d2d6; }
@media only screen and (max-width: 480px) { footer .footer_wrap div:last-of-type { margin-top: 20px; font-size: 0.9em; }}
@keyframes spin { from { transform: rotate(360deg); }
to { transform: rotate(0deg); }}
/*the container must be positioned relative:*/ .custom-select { position: relative; top: -5px; }
.custom-select select { display: none; /*hide original SELECT element:*/ }
.select-selected { background-color: #fff; }
/*style the arrow inside the select element:*/ .select-selected:after { position: absolute; content: ""; top: 45px; right: 15px; width: 0; height: 0; border: 6px solid transparent; border-color: #d0d2d6 transparent transparent transparent; }
/*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; }
/*style the items (options), including the selected item:*/ .select-items div, .select-selected { color: #7a848f; padding: 0px 20px; border: 1px solid #d0d2d6; border-radius: 30px; cursor: pointer; user-select: none; height: 40px; line-height: 40px; margin-top: 7px; margin-bottom: 20px; }
/*style items (options):*/ .select-items { position: absolute; background-color: #ebecef; top: 100%; left: 0; right: 0; z-index: 99; border-radius: 5px; padding: 10px; max-height: 300px; margin-top: 0px; overflow-y: scroll; }
.select-items div { margin: 0px !important; border: 0px; }
/*hide the items when the select box is closed:*/ .select-hide { display: none; }
.select-items div:hover { background-color: rgba(0, 0, 0, 0.1); }
.sec1 { background: url(../images/line_logo.png) no-repeat right 250px; background-size: 300px; padding-top: 80px; }
@media only screen and (max-width: 960px) { .sec1 { padding-top: 50px; padding-bottom: 200px; background: none; }}
@media only screen and (max-width: 480px) { .sec1 { padding-top: 50px; padding-bottom: 200px; background: none; }}
@media only screen and (max-width: 915px) { .sec1 { padding-top: 50px; padding-bottom: 200px; background: none; }}
.sec1 .sec1_wrap { padding: 100px 10px 120px 10px; }
@media only screen and (max-width: 480px) { .sec1 .sec1_wrap { padding: 50px 0px 30px 0px; }}
@media only screen and (max-width: 915px) { .sec1 .sec1_wrap { padding: 50px 0px 30px 0px; }}
@media only screen and (max-width: 480px) { .sec1 .sec1_wrap .sec1_inner { padding: 0px 10px; }}
@media only screen and (max-width: 915px) { .sec1 .sec1_wrap .sec1_inner { padding: 0px 10px; }}
.sec1 .sec1_wrap .sec1_inner .title { text-align: center; }
.sec1 .sec1_wrap .sec1_inner .title h3 { font-weight: 500; color: #56b2d8; margin-bottom: 10px; }
@media only screen and (max-width: 915px) { .sec1 .sec1_wrap .sec1_inner .title h3 { margin-bottom: 5px; }}
.sec1 .sec1_wrap .sec1_inner .title p { width: 80%; margin: 0 auto; }
@media only screen and (max-width: 480px) { .sec1 .sec1_wrap .sec1_inner .title p { width: 300px; }}
.sec1 .sec1_wrap .sec1_inner .filedset { width: 280px; margin: 0 auto; margin-top: 30px; }
@media only screen and (max-width: 480px) { .sec1 .sec1_wrap .sec1_inner .filedset { width: 350px; }}
.sec1 .sec1_wrap .sec1_inner .filedset input[type="submit"] { margin: 0px; }
.sec1 .sec1_wrap .sec1_inner .last { text-align: center; margin-top: 20px; }
.sec1 .sec1_wrap .sec1_inner .last .create { display: block; color: #56b2d8; }
/*# sourceMappingURL=forgotid.css.map */