.container {min-height: 100%;position: relative;}
.form-container {padding: 24px !important;background-color: rgba(220,220,220,0.5);max-width: 32.032125rem;box-shadow: 0 10px 25px rgb(0 0 0 / 5%), 0 20px 48px rgb(0 0 0 / 5%), 0 1px 4px rgb(0 0 0 / 10%);border-radius: 7px;width: auto;}
*, 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; 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: 0px;margin-left: 3px;color: black;font-weight: bold;}
input[type="submit"] {color: #fff;padding: 0px 0px;text-indent: 0px;border-radius: 7px;width: 100%;}
input, textarea, select {border-radius: 7px;width: 100%;height: 40px;text-indent: 10px;border: 1px solid #d0d2d6;margin-bottom: 20px;margin-top: 5px;padding: 0px;}
@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;}}
header {background: #ebecef;border-bottom: 1px solid #d0d2d6;position: fixed;width: 100%;z-index: 100;}
header .header_wrap {display: flex;justify-content: space-between;padding: 10px 50px;}
@media only screen and (max-width: 480px) {header .header_wrap {padding: 5px;}}
@media only screen and (max-width: 915px) {header .header_wrap {padding: 10px;}}
header .header_wrap .logo {margin-top: 5px;}
header .header_wrap .menu-m {position: relative;top: 10px;right: 0px;z-index: 9999999;display: none;}
@media only screen and (max-device-width: 1366px) and (max-device-height: 1366px) {header .header_wrap .menu-m {display: block;}}
@media only screen and (max-width: 480px) {header .header_wrap .menu-m {display: block;}}
@media only screen and (max-width: 915px) {header .header_wrap .menu-m {display: block;}}
header .header_wrap .menu-m .offcanvas-right .top {border-bottom: 1px solid #56b2d8;height: 68px;display: flex;justify-content: space-between;}
header .header_wrap .menu-m .offcanvas-right .top img {display: block;width: 180px;height: 45px;margin: 10px 0px 10px 10px;}
header .header_wrap .menu-m .offcanvas-right .top .btn, header .header_wrap .menu-m .offcanvas-right .top #select {height: 35px;}
header .header_wrap .menu-m .offcanvas-right .top .login {display: block;border: 1px solid #56b2d8;padding: 0px 15px;margin: 18px 10px 0px 0px;font-size: 0.9em;background: #fff;}
header .header_wrap .menu-m .offcanvas-right ul li {height: 68px;line-height: 68px;}
header .header_wrap .menu-m .offcanvas-right ul li:not(.title) {text-indent: 20px;border-bottom: 1px solid #ebecef;width: 90%;margin: 0 auto;display: none;}
header .header_wrap .menu-m .offcanvas-right ul li:not(.title):last-of-type {border-bottom: 0px;}
header .header_wrap .menu-m .offcanvas-right ul li:not(.title) a:hover {color: #56b2d8;}
header .header_wrap .menu-m .offcanvas-right ul .title {font-size: 1em;font-weight: bold;border-top: 1px solid #d0d2d6;border-bottom: 1px solid #d0d2d6;text-indent: 10px;width: 100%;position: relative;margin-bottom: -1px;}
header .header_wrap .menu-m .offcanvas-right ul .title .plus-minus-toggle {cursor: pointer;position: absolute;height: 15px;width: 15px;top: 0px;right: 15px;}
header .header_wrap .menu-m .offcanvas-right ul .title .plus-minus-toggle::before, header .header_wrap .menu-m .offcanvas-right ul .title .plus-minus-toggle::after {content: '';background: #4f555c;height: 2px;position: absolute;top: 30px;left: -10px;width: 20px;transition: transform 500ms ease;}
header .header_wrap .menu-m .offcanvas-right ul .title .plus-minus-toggle::after {transform-origin: center;}
header .header_wrap .menu-m .offcanvas-right ul .title .plus-minus-toggle.collapsed::after {transform: rotate(0deg);}
header .header_wrap .menu-m .offcanvas-right ul .title .plus-minus-toggle.collapsed::before {transform: rotate(90deg);}
header .header_wrap .menu-m .offcanvas-right ul .first-title {border-top: 0px;}
header .header_wrap .menu {display: flex;justify-content: space-around;width: 650px;margin-top: 18px;position: relative;font-size: 1.1em;cursor: pointer;}
header .header_wrap .menu li {cursor: pointer;}
@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: 90px;}
@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 h4 {font-weight: 500;color: darkblue;margin-top: 50px;margin-bottom: 0px;}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .title h3 {margin-bottom: 20px;}}
.sec1 .sec1_wrap .sec1_inner .filedset {width: 280px;margin: 0 auto;margin-top: 10px;}
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner .filedset {width: 350px;}}
.sec1 .sec1_wrap .sec1_inner .filedset input[type="email"] {margin-bottom: 15px;}
.sec1 .sec1_wrap .sec1_inner .filedset input[type="checkbox"] {width: 20px;height: 20px;}
.sec1 .sec1_wrap .sec1_inner .filedset .check {margin-top: -43px;margin-left: 30px;display: block;}
.sec1 .sec1_wrap .sec1_inner .filedset input[type="submit"] {margin: 0px 0px;}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .filedset input[type="submit"] {margin: 30px 0px 10px 0px;}}
.sec1 .sec1_wrap .sec1_inner .last {text-align: center;margin-top: 20px;}
.sec1 .sec1_wrap .sec1_inner .last .create {display: block;font-weight: bold;color: #56b2d8;margin: 10px 0 0 0;}
/*# sourceMappingURL=login.css.map */