@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

body,
h1,
h2,
h3,
h5,
h6,
li,
p {
  font-family: 'Pretendard', sans-serif !important;
}

html,
body {
  margin: 0px;
  padding: 0px;
  position: relative;
  height: 100%;
  background-color: #fff;
}

ul,
li,
dl,
dd,
dt {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

:focus {
  outline: none !important;
}
img {
  margin-bottom:-5px;
}
#wrap {
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
}

.container {
  width: 700px;
  margin: 0 auto;
  text-align: center;
  margin-top: -10px
}

.form {
  background-color: #311bac;
  height: 650px;
}

.wt {
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}

table {
  width: 609px;
  margin: 0 auto;
  color: #fff;
}

td {
  text-align: center;
  height: 90px;
}

input[type="text"].box {
  width: 568px;
  height: 68px;
}

select.box {
  width: 590px;
  height: 70px;
}

input[type="tel"].box2 {
  width: 176px;
  height: 68px;
}

select.box2 {
  width: 170px;
  height: 70px;
}

textarea {
  width: 557px;
  height: 150px;
  padding: 20px
}

.info {
  height: 68px;
  text-align: center;
  font-size: 23px;
}

input,
select,
textarea {
  font-family: 'Pretendard';
  border: 0px;
  padding-left: 15px;
  font-size: 20px;
  margin: 10px auto;
}

input[type="checkbox"] {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

input[type="radio"] {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 15px;
}
.quick {
  position:fixed;
}
.quick_right {
  display: block;
  right: 20px;
  top: 20px;
}

.quick_bottom {
  display: none;
  bottom:-5px;
}
@media (max-width: 700px) {
  .quick_right {
    display:none;
  }
  .quick_bottom {
    display: block;
  }
  .container {
    margin-bottom:108px;
  }
}