html, body {
  height: auto; }

html {
  font-size: 10px; }

body {
  min-height: 100%;
  position: relative;
  top: 0;
  margin: 0; }

body, p,
h1, h2, h3, h4, h5, h6,
ul, ol, li,
dl, dt, dd,
table, th, td,
form, fieldset, legend, input, textarea, button, select {
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #000; }

body,
input,
textarea,
select,
button,
table,
li,
strong, h1, p {
  line-height: 1.5;
  font-size: 1.4rem;
  letter-spacing: -.1rem; }

* {
  font-family: arial,Courier New, Time New Roman, Verdana, helvetica, Apple SD Gothic Neo; }

input::-webkit-input-placeholder {
  font-size: 1.4rem; }

input:-ms-input-placeholder {
  font-size: 1.4rem; }

input::-ms-input-placeholder {
  font-size: 1.4rem; }

input::placeholder {
  font-size: 1.4rem; }

button {
  border: none;
  background-color: transparent;
  cursor: pointer; }

body {
  position: relative;
  -webkit-text-size-adjust: none; }

textarea {
  resize: none; }

img,
fieldset {
  border: 0; }

ul,
ol {
  list-style: none; }

em,
address {
  font-style: normal; }

a {
  text-decoration: none;
  color: #262626; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.blind {
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  width: 1px;
  height: 1px;
  display: inline-block; }

*:focus {
  outline: none; }

.wrap_2 {
  display: none; }

.wrap_con1 {
  background-color: #13c5be;
  background: #13c5be none center top repeat-x;
  background-size: auto 28%; }
  .wrap_con1 .inwrap {
    padding: 0; }

.wrap_con1 .inwrap {
  position: relative; }
  .wrap_con1 .inwrap .lang a {
    position: absolute;
    text-indent: -9999em;
    font-size: 1px; }

.wrap_1 .wrap_con1 .inwrap .lang a {
  width: 6.9%;
  height: 1.8%;
  top: 2.7%; }
  .wrap_1 .wrap_con1 .inwrap .lang a.ko {
    right: 21.8%; }
  .wrap_1 .wrap_con1 .inwrap .lang a.vn {
    right: 14.5%; }
  .wrap_1 .wrap_con1 .inwrap .lang a.en {
    right: 7.2%; }
  .wrap_1 .wrap_con1 .inwrap .lang a.id {
    right: 0%; }

.video {
  max-width: 1280px;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  margin: 0 auto; }
  .video iframe {
    left: 50%;
    top: 0;
    height: 90%;
    width: 90%;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 1280px;
    max-height: 720px; }

.wrap_con2 {
  background-color: #048bf6;
  padding: 6vw 0 5vw 0; }

.wrap_con3 {
  background-color: #ee7d72;
  padding: 5.5vw 0 5vw 0; }

.wrap_con4 {
  background-color: #7f7f7f;
  padding: 6vw 0 4.5vw 0; }

.footer {
  background-color: #d5d5d5;
  padding: 3vw 0 15vw 0; }
  .footer .inwrap {
    text-align: center; }
  .footer .corp_list a {
    font-size: 15px;
    color: #000;
    margin: 0 1vw; }
    .footer .corp_list a:hover {
      text-decoration: underline; }
  .footer .corp_info {
    font-size: 14px;
    margin: 1vw 0; }
    .footer .corp_info .bar {
      margin: 0 1vw; }
  .footer .addr {
    font-size: 14px; }
    .footer .addr a {
      margin-left: 1vw; }
      .footer .addr a:hover {
        text-decoration: underline; }
  .footer .copy {
    font-size: 16px;
    margin-top: 3vw;
    font-family: 'Noto Sans KR'; }

.inwrap {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 2vw; }
  .inwrap img {
    width: 100%; }

.button_area {
  width: 100%;
  position: relative; }
  .button_area.on {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    max-width: 1600px; }
  .button_area .button {
    margin: 0 auto; }
    .button_area .button img {
      width: 100%; }
    .button_area .button a {
      display: block;
      position: absolute;
      text-indent: -9999em; }
    .button_area .button .ios {
      width: 23.625%;
      height: 69.7142857%;
      top: 4%;
      left: 25%; }
    .button_area .button .aos {
      width: 23.625%;
      height: 69.7142857%;
      top: 4%;
      left: 51.4375%; }

@media only all and (max-width: 768px) {
  .wrap_1 {
    display: none; }

  .wrap_2 {
    display: block; }
    .wrap_2 .wrap_con1 .inwrap .lang a {
      width: 13.5%;
      height: 2.4%;
      top: 3.6%; }
      .wrap_2 .wrap_con1 .inwrap .lang a.ko {
        right: 45.8%; }
      .wrap_2 .wrap_con1 .inwrap .lang a.vn {
        right: 31.6%; }
      .wrap_2 .wrap_con1 .inwrap .lang a.en {
        right: 17.4%; }
      .wrap_2 .wrap_con1 .inwrap .lang a.id {
        right: 3%; }

  .inwrap {
    max-width: 768px; }

  .footer {
    word-break: keep-all;
    padding: 30px 0 100px 0; }
    .footer .corp_list a {
      font-size: 12px;
      margin: 0 10px; }
    .footer .corp_info {
      font-size: 11px;
      margin: 10px 0; }
      .footer .corp_info .bar {
        margin: 0 10px; }
    .footer .addr {
      font-size: 11px; }
      .footer .addr a {
        margin-left: 10px; }
    .footer .copy {
      font-size: 13px; }

  .button_area.on {
    max-width: 748px; }
  .button_area .button .ios {
    width: 37.5668449197861%;
    height: 63.19444444444444%;
    top: 4.861%;
    left: 10.294117647058822%; }
  .button_area .button .aos {
    width: 37.5668449197861%;
    height: 63.19444444444444%;
    top: 4.861%;
    left: 52.27272727272727%; } }
@media only all and (max-width: 360px) {
  .footer .corp_list a {
    font-size: 12px;
    margin: 0 5px; } }