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; }
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: -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: -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; }}
header {background: #ebecef;border-bottom: 1px solid #d0d2d6;position: fixed;width: 100%;z-index: 9999; }
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: 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); }
body {background-image: url(../images/check.png);background-position: center center;background-size: 10px;background-repeat: repeat; }
.custom-select {width: 280px; }
@media only screen and (max-width: 915px) {.custom-select {width: 100%; }}
.custom-select .select-items {margin-top: -15px;overflow-x: hidden;width: 280px; }
@media only screen and (max-width: 915px) {.custom-select .select-items {margin-top: 0px;width: 100%; }}
.sec1 {padding-top: 80px;padding-bottom: 50px; }
@media only screen and (max-width: 960px) {.sec1 {padding: 0px;padding-bottom: 200px; }}
@media only screen and (max-width: 480px) {.sec1 {padding: 0px;padding-bottom: 200px; }}
@media only screen and (max-width: 915px) {.sec1 {padding: 0px;padding-bottom: 200px; }}
.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 .contents {margin-top: -100px; }
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner .contents {margin-top: 0px; }}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents {margin-top: 0px; }}
.sec1 .sec1_wrap .sec1_inner .contents h3 {text-align: center;margin: 60px 0px;color: #56b2d8;font-weight: 500; }
.sec1 .sec1_wrap .sec1_inner .contents .filedset {margin: 0 auto;width: 600px;padding: 10px; }
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner .contents .filedset {width: 320px; }}
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner .contents .filedset textarea {width: 320px;margin: 0px;margin-top: 5px; }}
.sec1 .sec1_wrap .sec1_inner .contents .filedset input[type="submit"] {margin-top: 20px;margin-left: 150px; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents .filedset input[type="submit"] {margin-left: 0px;position: relative;left: 50%;transform: translateX(-50%); }}
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner .contents .filedset input[type="submit"] {margin: 0px;margin-top: 20px;transform: translateX(-50%) !important; }}
.sec1 .sec1_wrap .sec1_inner .contents div { }
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner .contents div {margin-left: 0px;text-align: left; }}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents div {margin-left: 0px;text-align: left; }}
.sec1 .sec1_wrap .sec1_inner .contents h4 {line-height: 36px; }
.sec1 .sec1_wrap .sec1_inner .contents .flex {display: flex; justify-content: space-between;}
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents .flex {display: flex; }}
@media only screen and (max-width: 480px) {.sec1 .sec1_wrap .sec1_inner .contents .flex {display: block; }}
.sec1 .sec1_wrap .sec1_inner .contents .flex :first-child {margin-right: 30px; }
.sec1 .sec1_wrap .sec1_inner .contents .flex div {margin-left: 0px; }
.sec1 .sec1_wrap .sec1_inner .contents .last {flex-flow: column; }
.sec1 .sec1_wrap .sec1_inner .contents .last ul {background: #fff;border: 1px solid #d0d2d6;border-radius: 30px;margin: 10px 0px 20px 0px;padding: 20px 30px; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents .last ul {padding: 20px 5px; }}
.sec1 .sec1_wrap .sec1_inner .contents .last ul li {height: 30px; }
@media only screen and (max-width: 915px) {.sec1 .sec1_wrap .sec1_inner .contents .last ul li {height: 40px; }}
.sec1 .sec1_wrap .sec1_inner .contents .last input[type="checkbox"] {width: 20px;height: 15px;margin-right: 5px; }
.sec1 .sec1_wrap .sec1_inner .contents .textarea_wrap {margin-left: 0px; }