@import url(../lib/font.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

i, em {
  font-style: normal;
}

hr {
  display: none;
}

html, body {
  height: 100%;
  min-height: 768px;
}

pre,
textarea,
body {
  font-family: "Spoqa Han Sans Neo", "Apple SD Gothic Neo", "Malgun Gothic", Helvetica, sans-serif;
  font-size: 16px;
  color: #222;
  letter-spacing: -1px;
  line-height: 1;
}

ol, ul {
  list-style: none;
  line-height: 24px;
}

blockquote, q {
  quotes: none;
}

p {
  line-height: 24px;
}

pre {
  line-height: 1.4;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

button {
  border: 1px solid #e4e4e4;
  background-color: #F9F9F9;
}

.fs-small {
  font-size: 14px;
}

.fs-medium {
  font-size: 16px;
}

.fs-large {
  font-size: 19px;
}

.fc-primary {
  color: #ED2024;
}

.fc-point {
  color: #262C43;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #999;
}

input::placeholder,
textarea::placeholder {
  color: #999;
}

textarea,
select,
input[type]:not([type=search]):not([type=url]):not([type=hidden]):not([type=checkbox]):not([type=radio]) {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  font-family: "Spoqa Han Sans Neo", "Apple SD Gothic Neo", "Malgun Gothic", Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: -1px;
}

textarea:focus,
select:focus,
input[type]:not([type=search]):not([type=url]):not([type=hidden]):not([type=checkbox]):not([type=radio]):focus {
  outline: none;
  border: 1px solid #222;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center right 10px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath d='M4 0 0 4l4 4' transform='rotate(-90 7 3)' style='stroke:%23707070;stroke-linecap:round;stroke-linejoin:round;fill-rule:evenodd;fill:none'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

button,
input[type=file] {
  cursor: pointer;
}

input[type=file] {
  display: none;
}

[readonly] {
  outline: none;
}

[disabled] {
  outline: none;
  background: #F9F9F9;
  color: #999;
}

.r {
  text-align: right;
}

input[type=text].r {
  letter-spacing: 0 !important;
}

.short {
  width: 120px;
}

.middle {
  width: 210px;
}

.long {
  width: 335px;
}

.full {
  width: 100%;
}

.important {
  font-weight: bold;
  font-size: larger;
  color: #ED2024;
  text-decoration: underline;
}

caption,
.a11y-hidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
}

caption {
  position: static;
  margin: 0px;
}

caption.focusable:focus,
.a11y-hidden.focusable:focus {
  overflow: visible;
  position: static;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

#wrap {
  min-width: 768px;
  min-height: 100%;
  position: relative;
  background-image: url(../images/bg_giftishow.png);
  background-color: #f6f7f9;
  background-repeat: no-repeat;
  background-position: center 70%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#container {
  padding-bottom: 120px;
  width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.logo {
  float: left;
  text-align: center;
  font-size: 0;
}

footer {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #999;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
}

footer .kt {
  display: inline-block;
  width: 52px;
  height: 18px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cg%3E%3Cpath d='m216.243 228.261-2.256-2.782 3.275-4.048h-1.786a2.2 2.2 0 0 0-1.838.818l-1.726 2.131v-5.851h-1.731a.739.739 0 0 0-.737.741v10.917h1.73a.738.738 0 0 0 .737-.741v-2.9l1.4 1.726 1.191 1.474a1.108 1.108 0 0 0 .881.446h2.417z' transform='translate(-209.445 -218.529)' style='fill:%23161615'/%3E%3Cpath d='M290.85 230.187a2.155 2.155 0 0 1-2.255-2.263v-8.656a.739.739 0 0 1 .74-.74h1.732v8.931a.665.665 0 0 0 .661.666h1.764v1.32a.74.74 0 0 1-.74.741z' transform='translate(-279.613 -218.529)' style='fill:%23161615'/%3E%3Cpath d='M233.247 241.653h-.005zm11.531-3.292-.151.161a2.6 2.6 0 0 1-1.8.479h-6.293a2.1 2.1 0 0 0-1.819.846l-.2.244-.015.017-1.249 1.542a2.888 2.888 0 0 1 1.712-.55h7.861s1.87-.284 1.946-1a.48.48 0 0 0 .008-.093z' transform='translate(-230.544 -236.102)' style='fill:%23d9000d'/%3E%3C/g%3E%3Cpath d='M425.793 243.846a2.315 2.315 0 0 1-.369-1.451v-7.715a.339.339 0 0 1 .389-.377h1.141v8.079q0 .6.4.6a2.141 2.141 0 0 0 .57-.065v.9a.4.4 0 0 1-.072.24.373.373 0 0 1-.188.137 1.8 1.8 0 0 1-.609.117 1.531 1.531 0 0 1-1.262-.465z' transform='translate(-400.916 -232.506)' style='fill:%23d9000d'/%3E%3Cpath d='M458.584 259.418h1.14v.416a2.909 2.909 0 0 1 1.646-.521 2.274 2.274 0 0 1 1.931.872 4.172 4.172 0 0 1 .661 2.55q0 3.734-3.266 3.734a3.877 3.877 0 0 1-.972-.117v1.99q0 .325-.376.325h-1.153V259.8a.339.339 0 0 1 .389-.382zm3.311 5.2a2.572 2.572 0 0 0 .512-1.88 2.6 2.6 0 0 0-.363-1.5 1.188 1.188 0 0 0-1.037-.52 1.857 1.857 0 0 0-.693.156 1.479 1.479 0 0 0-.59.4v3.695a3.141 3.141 0 0 0 .855.117 1.857 1.857 0 0 0 1.321-.471z' transform='translate(-429.968 -254.668)' style='fill:%23d9000d'/%3E%3Cpath d='M519.757 234.915a.971.971 0 0 1 .149-.469.391.391 0 0 1 .331-.143h1.205a4.144 4.144 0 0 0-.194 1.483v1.874a3.456 3.456 0 0 1 .8-.365 3.088 3.088 0 0 1 .933-.143 2.459 2.459 0 0 1 1.7.553 2.187 2.187 0 0 1 .616 1.711v4.423a.287.287 0 0 1-.324.325h-1.205v-4.371a1.655 1.655 0 0 0-.22-.95.811.811 0 0 0-.712-.312 2.466 2.466 0 0 0-.8.13 4.247 4.247 0 0 0-.8.377v4.787q0 .338-.389.338h-1.141v-8.3a8.585 8.585 0 0 1 .051-.948z' transform='translate(-484.51 -232.506)' style='fill:%23d9000d'/%3E%3Cpath d='M581.219 265.956a1.858 1.858 0 0 1-.628-1.529 1.926 1.926 0 0 1 .933-1.867 5.244 5.244 0 0 1 2.475-.5h.467v-.273a1.126 1.126 0 0 0-.311-.93 1.722 1.722 0 0 0-1.037-.241 5.451 5.451 0 0 0-.836.072 6.2 6.2 0 0 0-.81.176.7.7 0 0 1-.143.026q-.207 0-.207-.234v-.988a7.475 7.475 0 0 1 2.333-.351 3 3 0 0 1 1.828.5 2.1 2.1 0 0 1 .674 1.789v3.252a.387.387 0 0 0 .058.241.246.246 0 0 0 .2.071 1.128 1.128 0 0 0 .26-.039v.793a.447.447 0 0 1-.247.4 1.2 1.2 0 0 1-.609.143 1.381 1.381 0 0 1-.68-.169.9.9 0 0 1-.421-.481 1.751 1.751 0 0 1-.752.468 2.8 2.8 0 0 1-.946.182 2.447 2.447 0 0 1-1.601-.511zm2.65-.911a1.821 1.821 0 0 0 .6-.293v-1.587h-.35a3 3 0 0 0-1.614.306 1.021 1.021 0 0 0-.434.891q0 .793 1.1.793a2.4 2.4 0 0 0 .699-.11z' transform='translate(-538.475 -254.668)' style='fill:%23d9000d'/%3E%3Cpath d='M361.811 264.427c0-2 1.684-2.368 3.408-2.368h.466v-.273c0-.963-.428-1.171-1.348-1.171a6.524 6.524 0 0 0-1.646.247c-.194.053-.349.013-.349-.208v-.989a7.4 7.4 0 0 1 2.333-.351c1.335 0 2.5.416 2.5 2.289v3.272c0 .128.009.252.143.285a.534.534 0 0 0 .265-.019v.781c0 .352-.278.547-.744.547a1.124 1.124 0 0 1-1.1-.651 2.554 2.554 0 0 1-1.7.651 1.981 1.981 0 0 1-2.228-2.042zm3.875.325v-1.587h-.35c-1.672 0-2.048.482-2.048 1.2 0 .573.428.794 1.1.794a2.318 2.318 0 0 0 1.298-.407z' transform='translate(-344.521 -254.668)' style='fill:%23d9000d'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

header {
  width: 100%;
  height: 74px;
  padding: 25px 0 0;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #fff;
}

header .util {
  position: relative;
  float: right;
  margin-top: 14px;
  margin-left: 20px;
  font-size: 0;
  z-index: 1;
}

header .util span,
header .util strong {
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
}

header .util strong {
  display: inline-block;
  max-width: 95px;
  overflow: hidden;
  height: 24px;
}

header .util a {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  height: 24px;
  margin-left: 41px;
  position: relative;
  vertical-align: top;
  padding-left: 29px;
}

header .util a::after {
  content: "";
  display: block;
  position: absolute;
  left: -21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background: #e4e4e4;
}

header .util a::after:first-child {
  display: none;
}

header .util .btn-edit-pw {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg data-name='icon_pw'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Ccircle cx='12' cy='12' r='12' style='fill:none'/%3E%3Cpath transform='rotate(90 10.25 10.25)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cpath transform='translate(0 3.5)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cg%3E%3Cpath d='M299.376 420.482a2 2 0 1 1-2-2 2 2 0 0 1 2 2z' transform='translate(-285.38 -408.483)' style='stroke-linejoin:round;stroke:%23222;stroke-linecap:round;stroke-width:2px;fill:none'/%3E%3Cpath d='M307.379 422.811v-2.658l-3.148-.581a6.121 6.121 0 0 0-.364-.875l1.816-2.639-1.88-1.88-2.639 1.816a6.174 6.174 0 0 0-.875-.366l-.582-3.146h-2.657l-.582 3.146a6.165 6.165 0 0 0-.875.366l-2.639-1.816-1.879 1.88 1.814 2.639a6.122 6.122 0 0 0-.364.875l-3.146.581v2.658l3.146.582a6.222 6.222 0 0 0 .364.874l-1.814 2.64 1.879 1.879 2.639-1.816a6.048 6.048 0 0 0 .875.364l.582 3.148h2.657l.582-3.148a6.057 6.057 0 0 0 .875-.364l2.639 1.816 1.88-1.879-1.816-2.64a6.222 6.222 0 0 0 .364-.874z' transform='translate(-286.379 -409.482)' style='stroke:%23222;stroke-linecap:round;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

header .util .btn-logout {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Ccircle cx='12' cy='12' r='12' style='fill:none'/%3E%3Cpath transform='rotate(90 10.25 10.25)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cpath transform='translate(0 3.5)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cpath d='M12 4V3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-1' transform='translate(2 5)' style='stroke:%23222;stroke-width:2px;fill:none'/%3E%3Cpath d='M1411.9-25.87h9' transform='translate(-1400.902 37.87)' style='stroke:%23222;stroke-width:2px;fill:none'/%3E%3Cpath d='m1404-30.528 3 3-3 3' transform='translate(-1386.997 39.528)' style='stroke:%23222;stroke-width:2px;fill:none'/%3E%3C/svg%3E%0A");
}

header .logo {
  position: relative;
  z-index: 1;
}

header .inner {
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

header::after {
  content: "";
  display: block;
  clear: both;
}

nav {
  position: absolute;
  width: 100%;
  left: 0;
  top: 20px;
  font-size: 0;
}

nav a {
  display: inline-block;
  width: 160px;
  font-size: 18px;
  padding: 20px 0;
  margin: 0 5px;
  background-color: #F9F9F9;
  border: 2px solid #F9F9F9;
  border-radius: 30px;
}

nav a:hover {
  color: #262C43;
  background-color: #fff;
  border-color: #262C43;
}

nav a.on {
  color: #fff;
  background-color: #262C43;
  font-weight: bold;
}

nav a.on:hover {
  border-color: #F9F9F9;
}

table {
  width: 100%;
}

table th, table td {
  vertical-align: middle;
  border: 1px solid #e4e4e4;
  padding: 15px 5px;
}

table th .ico, table td .ico {
  margin: -1px 0;
}

table td {
  background-color: #fff;
}

table td em {
  display: inline-block;
  font-size: 14px;
  color: #999;
  padding-top: 5px;
}

table td .fc-point em {
  color: #262C43;
}

table td.null {
  padding: 250px 0;
}

table thead th {
  border-bottom: 2px solid #222;
  background: #f1f3fb;
  font-size: 14px;
}

table .disabled th, table .disabled td {
  color: #999;
  background-color: #F9F9F9;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

table .disabled th button,
table .disabled th a, table .disabled td button,
table .disabled td a {
  color: #999;
  cursor: default;
}

table th.l, table td.l {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

table th.c, table td.c {
  text-align: center;
}

table th.r, table td.r {
  text-align: right;
}

table .cbWrap label {
  margin: -5px 0;
}

table + .info {
  margin-top: 5px;
}

table button {
  margin: -5px 0;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px;
}

table + table {
  margin-top: 40px;
}

.tb-col th, .tb-col td {
  text-align: center;
}

.tb-col th {
  white-space: nowrap;
}

.tb-col td {
  word-break: break-all;
}

.tb-col td a + a {
  margin-left: 10px;
}

.tb-col tr:hover td,
.tb-col tr.active td {
  background-color: #f1f3fb;
}

.tb-col tr:hover .null,
.tb-col tr.active .null {
  background-color: #fff;
}


.tb-info {
  margin: 30px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tb-info .btn-info + .btn-info {
  margin-left: 2px;
}

.tb-info .fc-primary {
  letter-spacing: 0;
}

.tb-info .short {
  width: 140px;
}

.tb-info .div-line > * + strong {
  margin-left: 21px;
}

.tb-info .div-line > * + strong::after {
  margin-left: 11px;
}

.tb-info .div-line > * + *::after {
  height: 75%;
}

.inner {
  width: 1200px;
  margin: 0 auto;
}

.inner::after {
  content: "";
  display: block;
  clear: both;
}

.box-type01 {
  margin-top: 30px;
  padding: 40px calc(40px * 2);
  background-color: #fff;
  border-radius: 10px;
}

.box-type01 table {
  border-top: none;
  margin: 0;
}

.box-type01 th, .box-type01 td {
  padding: 5px 0;
  border: none;
  text-align: left;
}

.box-type01 a.btn,
.box-type01 textarea,
.box-type01 select,
.box-type01 button,
.box-type01 input[type]:not([type=search]):not([type=url]):not([type=hidden]):not([type=checkbox]):not([type=radio]) {
  margin: 0 5px 0 0;
}

.box-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 170px;
  border-radius: 4px;
  background-color: #f1f3fb;
}

.box-inner th, .box-inner td {
  background-color: transparent;
}

.box-inner .heading {
  font-size: 28px;
  font-weight: bold;
}

.box-inner .body {
  margin-top: 20px;
}

.price-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.price-wrap .price {
  display: inline-block;
  text-align: center;
}

.price-wrap .price em {
  font-size: 14px;
}

.price-wrap .price strong {
  padding-top: 5px;
  display: inline-block;
  font-size: 20px;
  letter-spacing: 0;
}

.price-wrap .price.minus {
  position: relative;
  color: #ED2024;
  margin: 0 56px;
}

.price-wrap .price.minus::before, .price-wrap .price.minus::after {
  display: block;
  position: absolute;
  top: 21px;
  width: 16px;
  height: 16px;
}

.price-wrap .price.minus::before {
  content: "";
  left: -35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='icon_minus'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cg%3E%3Cpath d='M-97.789 404.657v10' transform='rotate(90 155.934 261.723)' style='stroke:%23222;stroke-miterlimit:10;stroke-width:2px;fill-rule:evenodd;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.price-wrap .price.minus::after {
  content: "";
  right: -35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='icon_equal'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cg%3E%3Cpath d='M0 0v10' transform='rotate(90 1.5 11.5)' style='stroke:%23222;stroke-miterlimit:10;stroke-width:2px;fill-rule:evenodd;fill:none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M0 0v10' transform='rotate(90 3.5 9.5)' style='stroke:%23222;stroke-miterlimit:10;stroke-width:2px;fill-rule:evenodd;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.tt-type01 {
  margin: 50px 0 40px;
  font-size: 32px;
  text-align: center;
}

.tt-type02 {
  margin: 20px 0 10px;
  font-size: 16px;
  font-weight: normal;
}

.input-wrap {
  position: relative;
}

.input-wrap label + input {
  margin-top: 10px;
}

.input-wrap .btn-del {
  position: absolute;
  width: 40px;
  height: 40px;
  display: none;
  text-align: center;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:%23e4e4e4'/%3E%3Cg%3E%3Cpath d='M0 0h8.485' transform='rotate(45 -3.536 8.536)' style='stroke:%23fff;stroke-width:2px;fill:none'/%3E%3Cpath d='M0 0h8.485' transform='rotate(-45 15.78 -.535)' style='stroke:%23fff;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
}

.input-wrap + .input-wrap {
  margin-top: 10px;
}

.cbWrap {
  display: inline-block;
  position: relative;
}

.cbWrap input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.cbWrap input[type=checkbox]:checked + label {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(-2684 -2066)'%3E%3Crect width='18' height='18' fill='%23ed2024' rx='3' transform='translate(2685 2067)'/%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23fff' stroke-width='3px' d='M292.379 419.483l4 4 6-6' transform='translate(2396.621 1655.517)'/%3E%3Cpath fill='none' d='M0 0H20V20H0z' transform='translate(2684 2066)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.cbWrap label {
  display: inline-block;
  min-height: 20px;
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='18' height='18' fill='none' stroke='%23111' rx='4' transform='translate(2685 2067)'/%3E%3C/clipPath%3E%3Cstyle%3E .cls-4%7Bfill:none%7D %3C/style%3E%3C/defs%3E%3Cg id='checkbox_default' transform='translate(-2684 -2066)'%3E%3Cg fill='%23f4f4f4' stroke='%23dadada' transform='translate(2685 2067)'%3E%3Crect width='18' height='18' stroke='none' rx='3'/%3E%3Crect width='17' height='17' x='.5' y='.5' class='cls-4' rx='2.5'/%3E%3C/g%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23ccc' stroke-width='3px' d='M292.379 419.483l4 4 6-6' transform='translate(2396.621 1655.517)'/%3E%3Cpath d='M0 0H20V20H0z' class='cls-4' transform='translate(2684 2066)'/%3E%3Cg clip-path='url(%23clip-path)'%3E%3Cg transform='translate(-38 3.657)'%3E%3Cpath d='M0 0H8V2H0z' class='cls-4' transform='translate(2728.414 2071) rotate(45)'/%3E%3Cpath d='M0 0H16V2H0z' class='cls-4' transform='translate(2743.978 2066.757) rotate(135)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  line-height: 20px;
}

.cbWrap label span {
  padding-left: 5px;
}

.rdWrap {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.rdWrap input[type=radio] {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -10px 0 0 0;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.rdWrap input[type=radio]:checked + label {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 -10)'%3E%3Cpath d='M10 0A10 10 0 1 1 0 10 10 10 0 0 1 10 0z' transform='translate(0 10)' style='fill:%23ed2024'/%3E%3Ccircle cx='4' cy='4' r='4' transform='translate(6 16)' style='fill:%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.rdWrap label {
  display: inline-block;
  min-height: 20px;
  padding-left: 32px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 -10)'%3E%3Cg style='fill:%23f4f4f4'%3E%3Cpath d='M10 19.5C4.762 19.5.5 15.238.5 10S4.762.5 10 .5s9.5 4.262 9.5 9.5-4.262 9.5-9.5 9.5z' style='stroke:none' transform='translate(0 10)'/%3E%3Cpath d='M10 1c-4.963 0-9 4.037-9 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9m0-1c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0z' style='fill:%23e5e5e5;stroke:none' transform='translate(0 10)'/%3E%3C/g%3E%3Ccircle cx='4' cy='4' r='4' transform='translate(6 16)' style='fill:%23ccc'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 -10)'%3E%3Cg style='fill:%23fff'%3E%3Cpath d='M10 19.5C4.762 19.5.5 15.238.5 10S4.762.5 10 .5s9.5 4.262 9.5 9.5-4.262 9.5-9.5 9.5z' style='stroke:none' transform='translate(0 10)'/%3E%3Cpath d='M10 1c-4.963 0-9 4.037-9 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9m0-1c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0z' style='fill:%23e5e5e5;stroke:none' transform='translate(0 10)'/%3E%3C/g%3E%3Ccircle cx='4' cy='4' r='4' transform='translate(6 16)' style='fill:%23ccc'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-y: center;
  line-height: 20px;
}

.radio-bt {
  display: inline-block;
}

.radio-bt .rdWrap input[type=radio] {
  display: none;
}

.radio-bt .rdWrap input[type=radio]:checked + label {
  background-image: none;
  border-color: #222;
  background: #fff;
}

.radio-bt .rdWrap label {
  background: none;
  margin-right: 5px;
}

.radio-bt .rdWrap label.btn {
  width: 80px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  border: 1px solid #e4e4e4;
  font-weight: normal;
  background-color: #f6f7f9;
}

.btn {
  display: inline-block;
  min-width: 80px;
  height: 40px;
  line-height: 38px;
  color: #222;
  border-radius: 4px;
  border: none;
  text-align: center;
  vertical-align: middle;
  background-color: #ED2024;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 16px;
}

.btn-area {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}

.btn-area a {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 5px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  vertical-align: middle;
}

.btn-area a.btn-cont {
  padding: 0 17px 0 12px;
  width: auto;
  font-weight: normal;
}

.btn-area a.disabled {
  border: 1px solid #e4e4e4;
  background-color: #F9F9F9;
  color: #999;
  cursor: default;
}

.btn-area a.disabled:hover {
  border: 1px solid #e4e4e4;
  background-color: #F9F9F9;
  color: #999;
}

.btn-area.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.btn-area.half a {
  margin: 0;
}

.btn-area .ico {
  margin: 0 5px 0 -5px;
}

.btn-area .btn-type01 {
  border: 1px solid #e4e4e4;
  background-color: #fff;
}

.btn-area .btn-type01:hover {
  border: 1px solid #222;
}

.btn-area .btn-type02 {
  border: 1px solid #262C43;
  background-color: #262C43;
  color: #fff;
}

.btn-area .btn-type02:hover {
  background-color: #222;
  border: 1px solid #222;
}

.btn-area .btn-type03 {
  border: 1px solid #ED2024;
  background-color: #ED2024;
  color: #fff;
}

.btn-area .btn-type03:hover {
  background-color: #d41d20;
  border: 1px solid #d41d20;
}

.btn-area .btn-type04 {
  border: 1px solid #e4e4e4;
  background-color: #F9F9F9;
  font-weight: normal;
}

.btn-area .btn-type04:hover {
  background-color: #fff;
  border: 1px solid #222;
}

.btn-info {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  color: #222;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-info.disabled {
  background-color: #cccccc; /* 배경색을 회색으로 변경 */
  color: #666666; /* 텍스트 색상을 어두운 회색으로 변경 */
  cursor: not-allowed; /* 마우스 커서를 'not-allowed'로 변경 */
  opacity: 0.6; /* 약간의 투명도 추가 */
  pointer-events: none; /* 클릭 이벤트 비활성화 */
}

.btn-info.disabled .ico.down {
  opacity: 0.5; /* 아이콘의 투명도를 낮춤 */
}

/* 호버 효과 제거 */
.btn-info.disabled:hover {
  background-color: #cccccc;
  color: #666666;
}

.btn-info .ico {
  margin-right: 4px;
}

.btn-info.type02 {
  border-color: #262C43;
  background-color: #262C43;
  color: #fff;
}

.list-type01 {
  margin-top: 40px;
}

.list-type01 li {
  padding-left: 14px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
}

.list-type01 li + li {
  margin-top: 10px;
}

.list-type01 li:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #999;
}

.justyfy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-line {
  font-size: 0;
}

.div-line * {
  display: inline-block;
  font-size: 16px;
}

.div-line > * + * {
  margin-left: 41px;
  position: relative;
  vertical-align: top;
}

.div-line > * + *::after {
  content: "";
  display: block;
  position: absolute;
  left: -21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background: #e4e4e4;
}

.div-line > * + *::after:first-child {
  display: none;
}

.flow > * {
  margin-right: 40px;
}

.flow > *:last-child {
  margin-right: 0;
}

.reverse-flow > * + * {
  margin-left: 20px;
}

.pagination {
  margin-top: 30px;
  text-align: center;
}

.pagination a {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 5px;
  vertical-align: middle;
}

.pagination a.current {
  color: #ED2024;
  font-weight: bold;
}

.pagination .pg-first, .pagination .pg-prev, .pagination .pg-next, .pagination .pg-last {
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
}

.pagination .pg-first {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='icon_arrow'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath d='M4 0 0 4l4 4' transform='translate(8 4)' style='stroke:%23222;fill-rule:evenodd;fill:none'/%3E%3Cpath d='M4 0 0 4l4 4' transform='translate(4 4)' style='stroke:%23222;fill-rule:evenodd;fill:none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pagination .pg-prev {
  margin-right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='icon_arrow'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath d='M4 0 0 4l4 4' transform='translate(6 4)' style='stroke:%23222;fill-rule:evenodd;fill:none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pagination .pg-next {
  margin-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='icon_arrow'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath d='m0 0 4 4-4 4' transform='translate(6 4)' style='stroke:%23222;fill-rule:evenodd;fill:none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pagination .pg-last {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='icon_arrow'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath d='m0 0 4 4-4 4' transform='translate(4 4)' style='stroke:%23222;fill-rule:evenodd;fill:none'/%3E%3Cpath d='m0 0 4 4-4 4' transform='translate(8 4)' style='stroke:%23222;fill-rule:evenodd;fill:none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.ico {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.ico.down {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cg%3E%3Cpath d='M-97.789 404.657v8' transform='translate(105.789 -403.657)' style='fill-rule:evenodd;stroke:%23222;stroke-miterlimit:10;stroke-width:2px;fill:none'/%3E%3Cpath d='m-96.789 412.658-2.5 2.5-2.5-2.5' transform='translate(107.289 -406.158)' style='fill-rule:evenodd;stroke:%23222;stroke-miterlimit:10;stroke-width:2px;fill:none'/%3E%3Cpath d='M13 7v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7' transform='translate(1 4)' style='stroke:%23222;stroke-miterlimit:10;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.ico.search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Ccircle cx='12' cy='12' r='12' style='fill:none'/%3E%3Cpath transform='rotate(90 10.25 10.25)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cpath transform='translate(0 3.5)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cg%3E%3Cg transform='translate(2.5 2.5)' style='stroke:%23fff;stroke-width:2px;fill:none'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' style='stroke:none'/%3E%3Ccircle cx='7.5' cy='7.5' r='6.5' style='fill:none'/%3E%3C/g%3E%3Cpath d='m1501.344 37.037 5 5' transform='translate(-1486.844 -22.537)' style='stroke:%23fff;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.ico.reset {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg data-name='icon_refresh'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Ccircle cx='12' cy='12' r='12' style='fill:none'/%3E%3Cpath transform='rotate(90 10.25 10.25)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cpath transform='translate(0 3.5)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cg%3E%3Cpath d='M1147.386 427.2h4v-4' transform='translate(-1132.386 -417.705)' style='stroke:%23191a1a;stroke-width:2px;fill-rule:evenodd;fill:none'/%3E%3Cpath d='M1161.885 426.516a7 7 0 1 0-.006 5.357' transform='translate(-1143.685 -417.187)' style='stroke:%23191a1a;stroke-width:2px;fill-rule:evenodd;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.datepicker + img {
  cursor: pointer;
  vertical-align: middle;
  margin-left: -30px;
  margin-right: 6px;
}

.link {
  text-decoration: underline;
}

.danger {
  color: #ED2024;
}

.img-wrap {
  display: block;
  line-height: 0;
  font-size: 0;
}

.img-wrap img {
  width: 100%;
}

.info {
  color: #999;
  font-size: 14px;
  vertical-align: middle;
}

.del {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath style='fill:none' d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' style='fill:none'/%3E%3Cpath transform='rotate(90 8.541 8.542)' style='fill:none' d='M0 0h20v14.167H0z'/%3E%3Cpath transform='translate(0 2.917)' style='fill:none' d='M0 0h20v14.167H0z'/%3E%3Ccircle cx='10' cy='10' r='10' style='fill:%23dadada'/%3E%3Cg%3E%3Cpath d='M0 0h8.839' transform='rotate(45 -4.861 11.736)' style='stroke:%23fff;stroke-linecap:round;stroke-width:2px;fill:none'/%3E%3Cpath d='M0 0h8.839' transform='rotate(-45 19.28 -1.736)' style='stroke:%23fff;stroke-linecap:round;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.finish {
  margin: 80px 0;
  text-align: center;
  font-size: 18px;
}

.finish .tt-type01 {
  margin: 30px 0 10px;
}

.single .btn-area {
  margin-top: 30px;
}

.single .btn-area a {
  width: 100%;
  margin: 0;
}

.single .btn-area a + a {
  margin-top: 10px;
}

.single input[type]:not([type=search]):not([type=url]):not([type=hidden]):not([type=checkbox]):not([type=radio]) {
  height: 50px;
  line-height: 50px;
}

.single input {
  width: 100%;
}

.single-box {
  width: 550px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
}

.single-box .form {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px 50px;
  background-color: #fff;
}

.single-box .form .title {
  margin-bottom: 60px;
}

.single-box .form .sub-title {
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
}

.single-box .form .sub-title span {
  font-weight: normal;
}

.single-box .input-wrap + .input-wrap {
  margin-top: 20px;
}

#wrap.login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../images/bg_login.png);
  background-position: center;
}

#wrap.login main {
  margin: 50px 0 130px;
}

#wrap.login::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #262C43;
  opacity: .7;
}

#wrap.login footer {
  color: #fff;
}

#wrap.login footer .kt {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cg%3E%3Cpath d='m216.243 228.261-2.256-2.782 3.275-4.048h-1.786a2.2 2.2 0 0 0-1.838.818l-1.726 2.131v-5.851h-1.731a.739.739 0 0 0-.737.741v10.917h1.73a.738.738 0 0 0 .737-.741v-2.9l1.4 1.726 1.191 1.474a1.108 1.108 0 0 0 .881.446h2.417z' transform='translate(-209.445 -218.529)' style='fill:%23ffffff'/%3E%3Cpath d='M290.85 230.187a2.155 2.155 0 0 1-2.255-2.263v-8.656a.739.739 0 0 1 .74-.74h1.732v8.931a.665.665 0 0 0 .661.666h1.764v1.32a.74.74 0 0 1-.74.741z' transform='translate(-279.613 -218.529)' style='fill:%23ffffff'/%3E%3Cpath d='M233.247 241.653h-.005zm11.531-3.292-.151.161a2.6 2.6 0 0 1-1.8.479h-6.293a2.1 2.1 0 0 0-1.819.846l-.2.244-.015.017-1.249 1.542a2.888 2.888 0 0 1 1.712-.55h7.861s1.87-.284 1.946-1a.48.48 0 0 0 .008-.093z' transform='translate(-230.544 -236.102)' style='fill:%23ffffff'/%3E%3C/g%3E%3Cpath d='M425.793 243.846a2.315 2.315 0 0 1-.369-1.451v-7.715a.339.339 0 0 1 .389-.377h1.141v8.079q0 .6.4.6a2.141 2.141 0 0 0 .57-.065v.9a.4.4 0 0 1-.072.24.373.373 0 0 1-.188.137 1.8 1.8 0 0 1-.609.117 1.531 1.531 0 0 1-1.262-.465z' transform='translate(-400.916 -232.506)' style='fill:%23ffffff'/%3E%3Cpath d='M458.584 259.418h1.14v.416a2.909 2.909 0 0 1 1.646-.521 2.274 2.274 0 0 1 1.931.872 4.172 4.172 0 0 1 .661 2.55q0 3.734-3.266 3.734a3.877 3.877 0 0 1-.972-.117v1.99q0 .325-.376.325h-1.153V259.8a.339.339 0 0 1 .389-.382zm3.311 5.2a2.572 2.572 0 0 0 .512-1.88 2.6 2.6 0 0 0-.363-1.5 1.188 1.188 0 0 0-1.037-.52 1.857 1.857 0 0 0-.693.156 1.479 1.479 0 0 0-.59.4v3.695a3.141 3.141 0 0 0 .855.117 1.857 1.857 0 0 0 1.321-.471z' transform='translate(-429.968 -254.668)' style='fill:%23ffffff'/%3E%3Cpath d='M519.757 234.915a.971.971 0 0 1 .149-.469.391.391 0 0 1 .331-.143h1.205a4.144 4.144 0 0 0-.194 1.483v1.874a3.456 3.456 0 0 1 .8-.365 3.088 3.088 0 0 1 .933-.143 2.459 2.459 0 0 1 1.7.553 2.187 2.187 0 0 1 .616 1.711v4.423a.287.287 0 0 1-.324.325h-1.205v-4.371a1.655 1.655 0 0 0-.22-.95.811.811 0 0 0-.712-.312 2.466 2.466 0 0 0-.8.13 4.247 4.247 0 0 0-.8.377v4.787q0 .338-.389.338h-1.141v-8.3a8.585 8.585 0 0 1 .051-.948z' transform='translate(-484.51 -232.506)' style='fill:%23ffffff'/%3E%3Cpath d='M581.219 265.956a1.858 1.858 0 0 1-.628-1.529 1.926 1.926 0 0 1 .933-1.867 5.244 5.244 0 0 1 2.475-.5h.467v-.273a1.126 1.126 0 0 0-.311-.93 1.722 1.722 0 0 0-1.037-.241 5.451 5.451 0 0 0-.836.072 6.2 6.2 0 0 0-.81.176.7.7 0 0 1-.143.026q-.207 0-.207-.234v-.988a7.475 7.475 0 0 1 2.333-.351 3 3 0 0 1 1.828.5 2.1 2.1 0 0 1 .674 1.789v3.252a.387.387 0 0 0 .058.241.246.246 0 0 0 .2.071 1.128 1.128 0 0 0 .26-.039v.793a.447.447 0 0 1-.247.4 1.2 1.2 0 0 1-.609.143 1.381 1.381 0 0 1-.68-.169.9.9 0 0 1-.421-.481 1.751 1.751 0 0 1-.752.468 2.8 2.8 0 0 1-.946.182 2.447 2.447 0 0 1-1.601-.511zm2.65-.911a1.821 1.821 0 0 0 .6-.293v-1.587h-.35a3 3 0 0 0-1.614.306 1.021 1.021 0 0 0-.434.891q0 .793 1.1.793a2.4 2.4 0 0 0 .699-.11z' transform='translate(-538.475 -254.668)' style='fill:%23ffffff'/%3E%3Cpath d='M361.811 264.427c0-2 1.684-2.368 3.408-2.368h.466v-.273c0-.963-.428-1.171-1.348-1.171a6.524 6.524 0 0 0-1.646.247c-.194.053-.349.013-.349-.208v-.989a7.4 7.4 0 0 1 2.333-.351c1.335 0 2.5.416 2.5 2.289v3.272c0 .128.009.252.143.285a.534.534 0 0 0 .265-.019v.781c0 .352-.278.547-.744.547a1.124 1.124 0 0 1-1.1-.651 2.554 2.554 0 0 1-1.7.651 1.981 1.981 0 0 1-2.228-2.042zm3.875.325v-1.587h-.35c-1.672 0-2.048.482-2.048 1.2 0 .573.428.794 1.1.794a2.318 2.318 0 0 0 1.298-.407z' transform='translate(-344.521 -254.668)' style='fill:%23ffffff'/%3E%3C/svg%3E%0A");
}

.blocker {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.ui-datepicker {
  padding: 25px;
  border-radius: 0;
}

.ui-datepicker td {
  padding: 4px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  margin: 0.5em 0 0.4em;
}

.search-coupon {
  width: 640px;
  margin: 25px auto;
}

.search-coupon th {
  font-size: 20px;
}

.search-coupon td {
  font-size: 19px;
  padding: 0;
}

.search-coupon td input[type]:not([type=search]):not([type=url]):not([type=hidden]):not([type=checkbox]):not([type=radio]) {
  margin: 0;
  height: 50px;
  letter-spacing: 0;
  font-size: 18px;
}

.box-form {
  width: 435px;
}

.coupon-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.coupon-info .num {
  padding-left: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg data-name='icon_coupon'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Ccircle cx='12' cy='12' r='12' style='fill:none'/%3E%3Cpath transform='rotate(90 10.25 10.25)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cpath transform='translate(0 3.5)' style='fill:none' d='M0 0h24v17H0z'/%3E%3Cg transform='translate(1 4)' style='stroke:%23222;stroke-width:2px;fill:none'%3E%3Crect width='22' height='16' rx='3' style='stroke:none'/%3E%3Crect x='1' y='1' width='20' height='14' rx='2' style='fill:none'/%3E%3C/g%3E%3Cpath transform='translate(5 9)' style='fill:%23222' d='M0 0h1v6H0z'/%3E%3Cpath transform='translate(10 9)' style='fill:%23222' d='M0 0h1v6H0z'/%3E%3Cpath transform='translate(18 9)' style='fill:%23222' d='M0 0h1v6H0z'/%3E%3Cpath transform='translate(12 9)' style='fill:%23222' d='M0 0h1v6H0z'/%3E%3Cpath transform='translate(7 9)' style='fill:%23222' d='M0 0h2v6H0z'/%3E%3Cpath transform='translate(14 9)' style='fill:%23222' d='M0 0h3v6H0z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center left;
}

.coupon-info .num span {
  padding-left: 5px;
  letter-spacing: 3px;
}

.coupon-info .name {
  margin-top: 10px;
  font-size: 28px;
}

.coupon-info .price {
  font-size: 32px;
  letter-spacing: 0;
}

.search-area {
  margin: -20px -40px;
}

.search-area > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
}

.search-area > div .search-tt {
  width: 99px;
  line-height: 50px;
}

.search-area > div .search-cont {
  font-size: 0;
  line-height: 50px;
}

.search-area > div .search-cont input,
.search-area > div .search-cont label,
.search-area > div .search-cont button {
  vertical-align: middle;
  margin: 5px 5px 5px 0 !important;
  font-size: 16px;
}

.search-area > div .search-cont .radio-bt {
  margin-right: 5px;
}

.search-area > div .search-cont .datepicker {
  margin: 5px 0 5px 0 !important;
}

.search-area > div .search-cont .wave {
  display: inline-block;
  width: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
}

.search-area .btn-area {
  margin: 0;
  text-align: left;
  display: inline-block;
}

.search-area .btn-area a {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: normal;
  vertical-align: middle;
}

.search-area .double-col {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.search-area .double-col > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-area .double-col > div select + input.long {
  width: 305px;
  margin-right: 0 !important;
}

.search-area .double-col > div .search-cont {
  width: 430px;
}

@-webkit-keyframes preloader {
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes preloader {
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

@media only screen and (max-width: 1280px) {
  #container {
    padding: 0 40px 120px;
    width: 100%;
  }

  header {
    height: 46px;
    padding: 13px 0 0;
  }

  header .util {
    margin-top: 5px;
  }

  header .util span,
  header .util strong {
    display: none;
  }

  header .util a {
    margin-left: 20px;
    padding-left: 24px;
  }

  header .util a::after {
    display: none;
  }

  header .logo img {
    width: 112px;
  }

  nav {
    top: 9px;
  }

  nav a {
    font-size: 16px;
    padding: 13px 0 11px;
    width: 130px;
    margin: 0 2.5px;
    border-radius: 20px;
  }

  .scroll-x {
    overflow-x: auto;
  }

  .scroll-x table {
    min-width: 1024px;
  }

  .search-area .double-col {
    display: block;
  }
}

@media only screen and (max-width: 1023px) {
  .search-area > div .search-cont .radio-bt {
    display: block;
  }

  .search-coupon {
    width: auto;
  }

  .datepicker {
    width: 205px !important;
  }
}

@media only screen and (max-width: 768px) {
  #wrap {
    background-image: none;
  }

  .search-coupon {
    width: 530px;
  }

  .search-coupon td input[type]:not([type=search]):not([type=url]):not([type=hidden]):not([type=checkbox]):not([type=radio]) {
    letter-spacing: -1px;
  }

  .coupon-info .name {
    max-width: 310px;
    line-height: 1.2;
  }
}

#app {
  height: 100%;
}

/* alert 관련 CSS 추가 */
.modal.alert {
  width: 450px;
}

.modal.alert a.close-modal {
  top: 20px;
  right: 30px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Ccircle cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath transform='rotate(90 6.833 6.834)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cpath transform='translate(0 2.333)' style='fill:none' d='M0 0h16v11.333H0z'/%3E%3Cg%3E%3Cpath d='M0 0h14.142' transform='rotate(45 -2.121 5.121)' style='stroke:%23222;stroke-linecap:square;stroke-width:2px;fill:none'/%3E%3Cpath d='M0 0h14.142' transform='rotate(-45 17.194 2.88)' style='stroke:%23222;stroke-linecap:square;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.modal.alert .pop-head {
  padding: 0 30px;
  background-color: #fff;
}

.modal.alert .pop-head .tt-pop {
  color: #222;
  font-size: 18px;
  line-height: 52px;
}

.modal.alert .pop-body {
  padding: 0 30px 20px;
}

.modal.alert .pop-body .inner {
  background-color: #f6f7f9;
  padding: 25px 30px;
}

.modal.alert .btn-area {
  margin-top: 15px;
}

.modal.alert .btn-area a {
  width: 80px;
  height: 35px;
  line-height: 35px;
}