@import url("https://fonts.google.com/specimen/Nanum+Myeongjo");
.cc-window.cc-floating, .cc-banner .cc-message {
  width: 100% !important;
  max-width: 100% !important; }

p, li {font-size: 20px; line-height: 1.5;color: #000000; }
a {font-size: 20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color: #0077d8;text-decoration: none; }
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
html{scroll-behavior: smooth;}
body {background-color: #f4f4f4;font-family: "NanumMyeongjo", sans-serif;font-size: 20px;line-height: 1.35;-webkit-font-smoothing: antialiased; }
img {max-width: 100%; }
strong {font-weight: 700; }
ul, ol {list-style: none;margin-top: 15px;padding: 0; }
ul li, ol li {font-size: 18px;line-height: 30px; }
select,
textarea,
/*input {-webkit-appearance: none;-moz-appearance: none;appearance: none; }*/
input:focus,
button:focus {outline: 0; }
header {height: 90px;background-color:#f4f4f4;border-bottom: 1px solid rgba(3, 89, 161, 0.2); }
header .container {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 100%; }
/*header .container .logo {font-size: 30px;font-weight: 800;line-height: 0.63;position: relative; }*/
.container .logo img{width:150px;}
.container {max-width: -moz-calc(100% - 100px);max-width: calc(100% - 100px);width: -moz-calc(100% - 100px);width: calc(100% - 100px);margin: 0px 50px; }
.inner-container {width:80%;margin:0 auto;}
.sign-up a{background-color: #49a2d9;border: none;color: #ffffff;padding: 15px; font-size: 16px;font-weight: 800;}
.sign-up a:hover{background-color: #0359a1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

/* Artwork Section  */
#artwork{background-color:#f4f4f4;}

/* Intro Section  */
#intro{background-color: #ffffff; padding:70px 50px;}
#intro h1{ color:#0359a1; font-size:64px;font-weight: 800;}
#intro h2{color:#49a2d9;font-size: 30px;font-weight: 800;}
  
/* buttom Section  */
#bottom{background-color: #f4f4f4;min-height: 300px;position: relative; }
#bottom .container .sign-up {width:100%;margin-top: 40px; margin-bottom:40px;}
#bottom .container .sign-up h2 {color: #000000;font-size: 30px;font-weight: 800;margin-bottom: 50px; }
#bottom .container .sign-up #signup form {width: 100%;position: relative;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: end;-webkit-align-items: flex-end;-moz-box-align: start;-ms-flex-align: end;align-items: flex-end;  flex-wrap: wrap; }
#bottom .container .sign-up #signup form > .left, #bottom .container .sign-up #signup form .right {height: 100%; }
#bottom .container .sign-up #signup form > .left {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;width: 50%;margin-right: 70px; }
#bottom .container .sign-up #signup form > .right {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;width: 50%; }
#bottom .container .sign-up #signup form .form-password {display: none !important; }
#bottom .container .sign-up #signup form .textbox {position: relative;width: calc(25% - 30px);margin-right: 30px; color:#000000;font-size: 18px;font-weight: 800;line-height: 1.14;border-bottom: solid 2px rgba(3, 89, 161, 0.2);}
#bottom .container .sign-up #signup form .textbox.error::after {-webkit-animation: fadeIn .6s ease-out forwards;-moz-animation: fadeIn .6s ease-out forwards;animation: fadeIn .6s ease-out forwards;content: '\f00d';color: #b53939;font-family: 'Font Awesome 5 Free';font-weight: 900;top: 2px;position: absolute;right: 10px; }
#bottom .container .sign-up #signup form .textbox.alright-alright-alright::after {-webkit-animation: fadeIn .6s ease-out forwards;-moz-animation: fadeIn .6s ease-out forwards;animation: fadeIn .6s ease-out forwards;color: #39b54a;content: '\f00c';font-family: 'Font Awesome 5 Free';font-weight: 900;top: 2px;position: absolute;right: 10px; }
#bottom .container .sign-up #signup form .textbox i {position: absolute;top: 12px;right: 0; }
#bottom .container .sign-up #signup form .textbox input {background-color: transparent;border: none;width: 100%;color:#000000;font-size: 21px;font-weight: 800;line-height: 1.14;}
#bottom .container .sign-up #signup form .textbox input:focus{ padding-bottom:20px; }
#bottom .container .sign-up #signup form .textbox label {color:#0359a1;font-size: 18px; font-weight: 800;line-height: 1.33;text-transform:capitalize; }
#bottom .container .sign-up #signup form .textbox input::-webkit-input-placeholder {color: #0359a1;font-size: 18px; font-weight: 800;line-height: 1.33;text-transform:capitalize;}
#bottom .container .sign-up #signup form .textbox input:-moz-placeholder {color:#0359a1;font-size: 18px; font-weight: 800;line-height: 1.33;text-transform:capitalize;}
#bottom .container .sign-up #signup form .textbox input::-moz-placeholder {color:#0359a1;font-size: 18px; font-weight: 800;line-height: 1.33;text-transform:capitalize; }
#bottom .container .sign-up #signup form .textbox input:-ms-input-placeholder {color:#0359a1;font-size: 18px; font-weight: 800;line-height: 1.33;text-transform:capitalize; }
#bottom .container .sign-up #signup form .textbox input::-ms-input-placeholder {color:#0359a1;font-size: 18px; font-weight: 800;line-height: 1.33;text-transform:capitalize; }
#bottom .container .sign-up #signup form .textbox input::placeholder {color:#0359a1;font-size: 18px; font-weight: 800;line-height: 1.33;text-transform:capitalize; }
#bottom .container .sign-up #signup form .textbox label {color:#0359a1;font-size: 18px; font-weight: 800;line-height: 1.33;text-transform:capitalize; }
#bottom .container .sign-up #signup form .signup-submit {outline: none; position: relative;border: none;background-color: #49a2d9;border: none;color: #ffffff;padding: 15px; font-size: 16px;font-weight: 800;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;line-height: normal;}
#bottom .container .sign-up #signup .signup-message {margin: 15px 0;color: #000;font-size: 15px; }
.consent{margin-top:20px;margin-top: 24px; margin-bottom: 24px;position: relative;}
.check-label{font-size:18px;}
.form-text {font-size: 12px; margin-top:5px }

/* reCAPTCHA */
.grecaptcha-badge { display: none !important;}
.grecaptcha-badge.show { display: block !important; visibility: visible !important;}

footer {background-color: #0359a1;height: 85px;overflow: hidden; }
footer .container {padding-bottom: 10px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;align-items: flex-end;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 100%; }
footer .container p, footer .container a {color: #fff;font-size: 24px;font-weight: 800; margin: 0; }
footer .container .blender {font-size: 14px;font-weight: normal; line-height: 1.71;}
footer .container .blender a {font-weight: normal;line-height: 1.71;font-size: 14px; }

@media screen and (max-width: 1150px){
.inner-container{ width:90%;}
}

@media screen and (max-width: 800px) {
  p{ font-size:16px; }
/*  header .container .logo{ font-size:24px; }*/
  .container .logo img{width:120px;}
  .container {max-width: -moz-calc(100% - 60px);max-width: calc(100% - 60px);width: -moz-calc(100% - 60px);width: calc(100% - 60px);margin: 0px 30px; }
  header .container{max-width: -moz-calc(100% - 30px);max-width: calc(100% - 30px);width: -moz-calc(100% - 30px);width: calc(100% - 30px);margin: 0px 15px;   }
  .inner-container{ width:100%; }
  .sign-up a{font-size:14px;}
  #intro{padding:40px 30px;}
  #intro h1 {font-size:36px;}
  #intro h2{font-size:22px;}
  #bottom .container .sign-up h2{ font-size:24px; }
  #bottom .container .sign-up #signup form .textbox { width:100%; margin-bottom:30px; }
  .check-label{font-size:16px;}
  #bottom .container .contact {
    display: block; }
    #bottom .container .contact > div {
      max-width: 100%;
      width: 100%; }
  #bottom .container .sign-up #signup form {
    display: block; }
    #bottom .container .sign-up #signup form > .left, #bottom .container .sign-up #signup form .right {
      max-width: 100%;
      width: 100%; }

    .sign-up a {padding:10px;}

  footer {
    height: auto;
    padding: 30px 0; }
    footer .container {
      display: block; }
      footer .container p {
        margin-top: 15px; } }