@charset "UTF-8";
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
   * Remove default margin.
   */
body {
  margin: 0;
}

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none;
}

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * Improve readability when focused and also mouse hovered in all browsers.
   */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold;
}

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic;
}

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000;
}

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto;
}

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible;
}

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none;
}

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal;
}

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
   *    (include `-moz` to future-proof).
   */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * Define consistent border, margin, and padding.
   */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto;
}

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold;
}

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url("../font/woff2/Pretendard-Black.woff2") format("woff2"), url("../font/woff/Pretendard-Black.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url("../font/woff2/Pretendard-ExtraBold.woff2") format("woff2"), url("../font/woff/Pretendard-ExtraBold.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../font/woff2/Pretendard-Bold.woff2") format("woff2"), url("../font/woff/Pretendard-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../font/woff2/Pretendard-SemiBold.woff2") format("woff2"), url("../font/woff/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../font/woff2/Pretendard-Medium.woff2") format("woff2"), url("../font/woff/Pretendard-Medium.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../font/woff2/Pretendard-Regular.woff2") format("woff2"), url("../font/woff/Pretendard-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../font/woff2/Pretendard-Light.woff2") format("woff2"), url("../font/woff/Pretendard-Light.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url("../font/woff2/Pretendard-ExtraLight.woff2") format("woff2"), url("../font/woff/Pretendard-ExtraLight.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("../font/woff2/Pretendard-Thin.woff2") format("woff2"), url("../font/woff/Pretendard-Thin.woff") format("woff");
}

div#content.sub01 div.sub-head {
  background: #74C8FF;
}

div#content.sub01 div.sub-head.fix {
  background: rgba(116, 200, 255, 0.8);
}

div#content.sub02 div.sub-head {
  background: #91DCD2;
}

div#content.sub02 div.sub-head.fix {
  background: rgba(145, 220, 210, 0.8);
}

div#content.sub03 div.sub-head {
  background: #88C46F;
}

div#content.sub03 div.sub-head.fix {
  background: rgba(136, 196, 111, 0.8);
}

div#content.sub04 div.sub-head {
  background: #FFCE48;
}

div#content.sub04 div.sub-head.fix {
  background: rgba(255, 206, 72, 0.8);
}

div#content.sub05 div.sub-head {
  background: #8FABE3;
}

div#content.sub05 div.sub-head.fix {
  background: rgba(143, 171, 227, 0.8);
}

/* basic */
.pagenation {
  display: inline-block;
  text-align: center;
  font-size: 0;
  margin: 50px 0;
  padding: 0 !important;
  width: 100%;
}

.pagenation a {
  background: #fff;
}

.pagenation a,
.pagenation strong {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  color: #555555;
  width: 30px;
  line-height: 32px;
  margin: 0 2px;
  border: 1px solid #bbb;
}

@media (min-width: 1200px) {
  .pagenation a,
  .pagenation strong {
    width: 32px;
    line-height: 34px;
    font-size: 15px;
  }
}

.pagenation a.arrow,
.pagenation strong.arrow {
  font-size: 0;
  border-color: #AAAAAA;
}

.pagenation a.arrow.jump-left,
.pagenation strong.arrow.jump-left {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.773' height='9.444' viewBox='0 0 13.773 9.444'%3E%3Cpath id='패스_1257' data-name='패스 1257' d='M0,9.444,6.69,4.722,0,0ZM7.083,0V9.444l6.69-4.722Z' transform='translate(13.773 9.444) rotate(180)' fill='%23555'/%3E%3C/svg%3E%0A") no-repeat center/13.77px auto;
}

@media (min-width: 1200px) {
  .pagenation a.arrow.jump-left,
  .pagenation strong.arrow.jump-left {
    background-size: 14.58px;
  }
}

.pagenation a.arrow.move-left,
.pagenation strong.arrow.move-left {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.69' height='9.444' viewBox='0 0 6.69 9.444'%3E%3Cpath id='패스_1257' data-name='패스 1257' d='M0,0V9.444L6.69,4.722Z' transform='translate(6.69 9.444) rotate(180)' fill='%23555'/%3E%3C/svg%3E%0A") no-repeat center/6.7px auto;
}

@media (min-width: 1200px) {
  .pagenation a.arrow.move-left,
  .pagenation strong.arrow.move-left {
    background-size: 7.08px;
  }
}

.pagenation a.arrow.move-right,
.pagenation strong.arrow.move-right {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.69' height='9.444' viewBox='0 0 6.69 9.444'%3E%3Cpath id='패스_1257' data-name='패스 1257' d='M0,0V9.444L6.69,4.722Z' fill='%23555'/%3E%3C/svg%3E%0A") no-repeat center/6.7px auto;
}

@media (min-width: 1200px) {
  .pagenation a.arrow.move-right,
  .pagenation strong.arrow.move-right {
    background-size: 7.08px;
  }
}

.pagenation a.arrow.jump-right,
.pagenation strong.arrow.jump-right {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.773' height='9.444' viewBox='0 0 13.773 9.444'%3E%3Cpath id='패스_1257' data-name='패스 1257' d='M0,9.444,6.69,4.722,0,0ZM7.083,0V9.444l6.69-4.722Z' fill='%23555'/%3E%3C/svg%3E%0A") no-repeat center/13.77px auto;
}

@media (min-width: 1200px) {
  .pagenation a.arrow.jump-right,
  .pagenation strong.arrow.jump-right {
    background-size: 14.58px;
  }
}

.pagenation .active,
.pagenation strong {
  font-weight: 600;
  color: #fff;
  background: #333333;
  border: 1px solid #2C2C2C;
}

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

input[type="password"] {
  font-family: sans-serif;
}

input[type="password"]::-webkit-input-placeholder {
  font-family: "Pretendard", "Malgun Gothic", "apple sd gothic neo", sans-serif;
}

input[type="password"]:-ms-input-placeholder {
  font-family: "Pretendard", "Malgun Gothic", "apple sd gothic neo", sans-serif;
}

input[type="password"]::-ms-input-placeholder {
  font-family: "Pretendard", "Malgun Gothic", "apple sd gothic neo", sans-serif;
}

input[type="password"]::placeholder {
  font-family: "Pretendard", "Malgun Gothic", "apple sd gothic neo", sans-serif;
}

.sr-only {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* default input */
input,
select,
textarea {
  border-radius: 0;
  background-clip: padding-box;
  background: #fff;
  /*
        @media all and (max-width: 1199px) {
            appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -webkit-appearance: none;

            &::-ms-expand {
                display: none;
            }
        }
    */
}

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

button {
  outline: none;
  border-radius: 0;
}

/* default btn */
div.btn-set {
  text-align: center;
  padding: 30px 0;
  font-size: 0;
}

div.btn-set button,
div.btn-set a {
  display: inline-block;
  vertical-align: top;
  width: 90px;
  height: 52px;
  line-height: 40px;
  border: 1px solid #111111;
  background: #fff;
  font-size: 17px;
  color: #555555;
  margin: 0 7px;
  border-radius: 2px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  div.btn-set button,
  div.btn-set a {
    width: 100px;
    height: 52px;
    font-size: 17px;
    margin: 0 10px;
  }
}

div.btn-set button.main,
div.btn-set a.main {
  background: #2F2D3B;
  border-color: #2D2B39;
  color: #fff;
  font-weight: 600;
}

div.btn-set button.next,
div.btn-set a.next {
  background: #333333;
  border-color: #2C2C2C;
  width: 195px;
  color: #fff;
  font-weight: 600;
}

@media (min-width: 1200px) {
  div.btn-set button.next,
  div.btn-set a.next {
    width: 200px;
  }
}

div.btn-set button.big,
div.btn-set a.big {
  line-height: 50px;
  font-size: 17px;
}

@media (min-width: 1200px) {
  div.btn-set button.big,
  div.btn-set a.big {
    line-height: 50px;
    font-size: 18px;
  }
}

div.btn-set button.heavy,
div.btn-set a.heavy {
  line-height: 48px;
  font-size: 17px;
  padding: 0 40px;
}

@media (min-width: 1200px) {
  div.btn-set button.heavy,
  div.btn-set a.heavy {
    line-height: 46px;
    font-size: 18px;
  }
}

div.btn-set button.home,
div.btn-set a.home {
  width: 96px;
  height: 48px;
  background: #F6F6F6;
  border: 1px solid #AAAAAA;
  color: #555555;
  font-size: 17px;
  line-height: 48px;
}

@media (min-width: 1200px) {
  div.btn-set button.home,
  div.btn-set a.home {
    width: 100px;
    height: 50px;
    line-height: 50px;
  }
}

div.btn-set.vertical button,
div.btn-set.vertical a {
  display: block;
  width: 200px;
  margin: 0 auto 20px;
}

@media (min-width: 1200px) {
  div.btn-set.vertical button,
  div.btn-set.vertical a {
    width: 260px;
  }
}

/* Modal */
.modal {
  display: none;
  position: fixed;
  z-index: 1000000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal.on {
  display: block;
}

.modal .modal-content {
  position: relative;
  background-color: #fff;
  margin: 10vh auto 0;
  padding: 20px;
  width: calc(100% - 20px);
}

@media (min-width: 1200px) {
  .modal .modal-content {
    width: 500px;
  }
}

.modal .modal-content.scroll {
  margin: 5vh auto 0;
  overflow-y: auto;
}

.modal .modal-content.big {
  width: calc(100% - 40px);
}

@media (min-width: 1200px) {
  .modal .modal-content.big {
    width: 600px;
  }
}

.modal .modal-content.full {
  width: calc(100% - 40px);
}

@media (min-width: 1200px) {
  .modal .modal-content.full {
    width: 900px;
  }
}

.modal .modal-content h2 {
  font-size: 20px;
  margin: 0 0 20px;
  padding: 0 0 10px;
  border-bottom: 2px solid #333;
}

.modal .modal-content h2 button {
  position: absolute;
  right: 20px;
  bottom: 10;
  border: none;
  background: transparent;
  width: 22px;
  height: 22px;
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='그룹_362' data-name='그룹 362' transform='translate(8077.432 1617.145)'%3E%3Crect id='사각형_17' data-name='사각형 17' width='22.696' height='2.76' transform='translate(-8075.481 -1617.145) rotate(45)' fill='%23555'/%3E%3Crect id='사각형_18' data-name='사각형 18' width='22.696' height='2.76' transform='translate(-8077.432 -1601.096) rotate(-45)' fill='%23555'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}

.modal .modal-content.notitle h2 {
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
}

.modal .modal-content div.inside p.info {
  margin: 0 0 10px;
}

.modal .modal-content div.inside div.text-check {
  border: 1px solid #d4d4d4;
}

.modal .modal-content div.inside div.text-check input {
  height: 46px;
  border: none;
  width: 100%;
  outline: none;
  padding: 10px;
  font-size: 16px;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside div.text-check input {
    width: 280px;
  }
}

.modal .modal-content div.inside div.text-check span {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #1c7cc2;
  padding: 5px 0;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside div.text-check span {
    display: inline-block;
  }
}

.modal .modal-content div.inside div.co-check {
  font-size: 0;
  background: #efefef;
  padding: 16px;
  border-radius: 10px;
}

.modal .modal-content div.inside div.co-check span.select-outline {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 6px;
  width: 100%;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside div.co-check span.select-outline {
    width: 114px;
    margin-bottom: 0;
  }
}

.modal .modal-content div.inside div.co-check span.select-outline select {
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 46px;
  font-size: 14px;
  display: inline-block;
  padding: 0 30px 0 10px;
  border: 1px solid #cccccc;
}

.modal .modal-content div.inside div.co-check span.select-outline select::-ms-expand {
  display: none;
}

.modal .modal-content div.inside div.co-check span.select-outline::before, .modal .modal-content div.inside div.co-check span.select-outline::after {
  content: "";
  position: absolute;
  top: 22px;
  display: block;
  width: 8px;
  height: 1px;
  background: #999999;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.modal .modal-content div.inside div.co-check span.select-outline::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 12px;
}

.modal .modal-content div.inside div.co-check span.select-outline::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: 6px;
}

.modal .modal-content div.inside div.co-check span.select-outline:focus-within::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal .modal-content div.inside div.co-check span.select-outline:focus-within::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal .modal-content div.inside div.co-check div.search-box {
  display: inline-block;
  border: 1px solid #ccc;
  background: #fff;
  width: 100%;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside div.co-check div.search-box {
    width: calc(100% - 124px);
  }
}

.modal .modal-content div.inside div.co-check div.search-box input {
  height: 44px;
  border: none;
  width: calc(100% - 40px);
  font-size: 16px;
  vertical-align: top;
  padding: 0 10px;
}

.modal .modal-content div.inside div.co-check div.search-box button {
  width: 40px;
  height: 44px;
  border: none;
  background: none;
  color: #999999;
}

.modal .modal-content div.inside div.co-check div.search-box button i {
  font-size: 18px;
}

.modal .modal-content div.inside ul.co-list {
  position: relative;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  border-top: 2px solid #333;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list {
    padding: 50px 0 0;
    border: none;
  }
  .modal .modal-content div.inside ul.co-list::before {
    content: "";
    height: 50px;
    background: #101010;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
}

.modal .modal-content div.inside ul.co-list li {
  position: relative;
  font-size: 0;
  border: 1px solid #ccc;
  border-top: none;
  padding: 10px 20px 10px 10px;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li {
    padding: 0;
  }
}

.modal .modal-content div.inside ul.co-list li p {
  display: block;
  position: relative;
  vertical-align: top;
  font-size: 13px;
  padding: 0 0 2px;
  margin: 0;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li p {
    text-align: center;
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    line-height: 44px;
  }
}

.modal .modal-content div.inside ul.co-list li p.select {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.modal .modal-content div.inside ul.co-list li p.select span {
  display: none;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li p.select {
    position: relative;
    left: 0;
    top: 0;
    width: 16%;
  }
}

.modal .modal-content div.inside ul.co-list li p.select button {
  background: #1c7cc2;
  border: none;
  border-radius: 4px;
  color: #fff;
  height: 32px;
  padding: 0 10px;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li p.select button {
    height: 44px;
    padding: 0 20px;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li p.num {
    width: 34%;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li p.name {
    width: 30%;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li p.ceo {
    width: 20%;
  }
}

.modal .modal-content div.inside ul.co-list li p span {
  display: inline-block;
  width: 75px;
  margin-right: 10px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li p span {
    display: none;
    font-weight: 400;
  }
}

.modal .modal-content div.inside ul.co-list li p span::after {
  content: "|";
  display: inline-block;
  float: right;
  color: #bbb;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li p span::after {
    display: none;
  }
}

.modal .modal-content div.inside ul.co-list li p u {
  text-decoration: none;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.co-list li:first-child p span {
    display: block;
    width: auto;
    color: #fff;
    position: absolute;
    top: -46px;
    left: 0;
    right: 0;
  }
}

.modal .modal-content div.inside div.zeus-check {
  font-size: 0;
}

.modal .modal-content div.inside div.zeus-check input {
  height: 48px;
  border: none;
  width: 100%;
  outline: none;
  padding: 0 10px;
  margin: 0 0 10px;
  border: 1px solid #d4d4d4;
  font-size: 16px;
}

.modal .modal-content div.inside div.zeus-check span {
  display: inline-block;
  background: #f3f3f3;
  line-height: 46px;
  font-size: 14px;
  margin-right: 10px;
  padding: 0 10px;
  font-size: 16px;
  width: calc(100% - 150px);
}

.modal .modal-content div.inside div.zeus-check button {
  width: 120px;
  color: #fff;
  font-size: 16px;
  border: none;
  line-height: 46px;
  padding: 0;
  background: #1f222d;
  margin-right: 10px;
}

.modal .modal-content div.inside div.zeus-check button + input {
  width: calc(100% - 130px);
}

.modal .modal-content div.inside div.result {
  background: #f5f5f5;
  font-size: 18px;
  margin: 20px 0 6px;
  padding: 20px;
  text-align: center;
}

.modal .modal-content div.inside div.result strong {
  font-weight: 400;
  color: #1c7cc2;
}

.modal .modal-content div.inside div.result span {
  display: block;
}

.modal .modal-content div.inside div.result span strong {
  font-weight: 600;
}

.modal .modal-content div.inside div.btn-set.full {
  margin: 0;
}

.modal .modal-content div.inside div.btn-set.full button {
  width: 100%;
}

.modal .modal-content div.inside div.btn-set.zeus {
  margin: 10px 0;
}

.modal .modal-content div.inside div.btn-set.zeus button {
  background: #59a0a2;
  width: 100%;
  line-height: 36px;
}

.modal .modal-content div.inside div.maps div.map-outline {
  min-height: 200px;
  border: 1px solid #ccc;
}

.modal .modal-content div.inside div.date h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  border: none;
  margin: 20px 0 30px;
}

.modal .modal-content div.inside div.date h3::before {
  content: "";
  display: block;
  width: 50px;
  height: 37px;
  margin: 10px auto 20px;
  background: url("../images/icon-attention.svg") no-repeat center/100% auto;
}

.modal .modal-content div.inside div.passwd-check {
  font-size: 0;
}

.modal .modal-content div.inside div.passwd-check input {
  height: 48px;
  border: none;
  width: 100%;
  outline: none;
  padding: 0 10px;
  margin: 0 0 6px;
  border: 1px solid #d4d4d4;
  font-size: 16px;
}

.modal .modal-content div.inside div.passwd-check span {
  display: inline-block;
  font-size: 14px;
  color: #eb2828;
  padding: 0 0 10px;
  font-size: 16px;
  width: calc(100% - 150px);
}

.modal .modal-content div.inside div.passwd-check button {
  width: 120px;
  color: #fff;
  font-size: 16px;
  border: none;
  line-height: 46px;
  padding: 0;
  background: #1f222d;
  margin-right: 10px;
}

.modal .modal-content div.inside div.passwd-check button + input {
  width: calc(100% - 130px);
}

.modal .modal-content div.inside div.board-reply {
  font-size: 0;
}

.modal .modal-content div.inside div.board-reply textarea {
  height: 120px;
  border: none;
  width: 100%;
  outline: none;
  padding: 10px;
  margin: 0 0 6px;
  border: 1px solid #d4d4d4;
  font-size: 16px;
}

.modal .modal-content div.inside div.board-reply span {
  display: inline-block;
  font-size: 14px;
  color: #eb2828;
  padding: 0 0 10px;
  font-size: 16px;
  width: calc(100% - 150px);
}

.modal .modal-content div.inside div.board-reply button {
  width: 120px;
  color: #fff;
  font-size: 16px;
  border: none;
  line-height: 46px;
  padding: 0;
  background: #1f222d;
  margin-right: 10px;
}

.modal .modal-content div.inside div.board-reply button + input {
  width: calc(100% - 130px);
}

.modal .modal-content div.inside ul.education {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.modal .modal-content div.inside ul.education li {
  margin: 0 0 10px;
}

.modal .modal-content div.inside ul.education li label {
  display: inline-block;
  line-height: 42px;
  width: 80px;
  font-size: 16px;
}

.modal .modal-content div.inside ul.education li input {
  font-size: 16px;
  height: 42px;
  border: 1px solid #ccc;
  padding: 0 10px;
  width: calc(100% - 80px);
}

.modal .modal-content div.inside ul.education li input:-moz-read-only {
  background: #efefef;
  color: #666;
  font-weight: 600;
}

.modal .modal-content div.inside ul.education li input:read-only {
  background: #efefef;
  color: #666;
  font-weight: 600;
}

.modal .modal-content div.inside div.survey p.text {
  font-size: 14px;
  margin: 20px 0;
  word-break: keep-all;
  line-height: 1.6;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside div.survey p.text {
    font-size: 16px;
  }
}

.modal .modal-content div.inside div.survey dl dt {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px;
  word-break: keep-all;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside div.survey dl dt {
    font-size: 18px;
  }
}

.modal .modal-content div.inside div.survey dl dd {
  display: inline-block;
  width: 100%;
  margin: 0 0 20px;
  padding: 10px 10px 0;
  font-size: 14px;
  background: #efefef;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside div.survey dl dd {
    padding: 20px 20px 10px;
    margin: 0 0 30px;
    font-size: 16px;
  }
}

.modal .modal-content div.inside div.survey dl dd textarea {
  height: 120px;
  width: 100%;
  margin: 0 0 10px;
  padding: 10px;
  font-size: 14px;
}

.modal .modal-content div.inside div.survey dl dd p {
  margin: 0 0 10px;
}

.modal .modal-content div.inside div.survey dl dd p input {
  margin: 0 4px 0 0;
}

.modal .modal-content div.inside div.survey dl dd p input:checked + label {
  font-weight: 600;
}

.modal .modal-content div.inside div.survey dl dd.radio {
  font-size: 0;
  padding: 0;
}

.modal .modal-content div.inside div.survey dl dd.radio input {
  display: none;
}

.modal .modal-content div.inside div.survey dl dd.radio label {
  display: inline-block;
  width: calc(100% / 5);
  font-size: 11px;
  letter-spacing: -1px;
  border: 1px solid #ccc;
  border-right: none;
  text-align: center;
  line-height: 30px;
}

.modal .modal-content div.inside div.survey dl dd.radio label:last-of-type {
  border: 1px solid #ccc;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside div.survey dl dd.radio label {
    font-size: 16px;
    line-height: 40px;
  }
}

.modal .modal-content div.inside div.survey dl dd.radio input:checked + label {
  background: #444;
  color: #fff;
  border-color: transparent;
}

.modal .modal-content div.inside div.company-search {
  margin-bottom: 20px;
  padding: 20px;
  background: #efefef;
}

.modal .modal-content div.inside div.company-search label {
  display: inline-block;
  line-height: 42px;
  width: 80px;
  font-size: 16px;
}

.modal .modal-content div.inside div.company-search input {
  font-size: 16px;
  height: 42px;
  border: 1px solid #ccc;
  padding: 0 10px;
  vertical-align: top;
  width: calc(100% - 200px);
  border-right: none;
}

.modal .modal-content div.inside div.company-search button {
  vertical-align: top;
  width: 50px;
  font-size: 14px;
  height: 42px;
  border: none;
  background: #555;
  color: #fff;
}

.modal .modal-content div.inside div.company-search button.add {
  background: #FEA100;
}

.modal .modal-content div.inside ul.company-list {
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
  border-top: 2px solid #3d3d3d;
  font-size: 0;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list::before {
    content: "";
    display: block;
    width: 100%;
    height: 64px;
    background: #fafafa;
    border-bottom: 1px solid #ccc;
  }
}

.modal .modal-content div.inside ul.company-list li a {
  display: block;
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a {
    padding: 20px 0;
    height: 60px;
  }
}

.modal .modal-content div.inside ul.company-list li a p {
  margin: 0;
  position: relative;
  line-height: 32px;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p {
    position: absolute;
    font-size: 14px;
    top: 20px;
    line-height: 1;
  }
}

.modal .modal-content div.inside ul.company-list li a p u {
  font-size: 13px;
  text-decoration: none;
}

.modal .modal-content div.inside ul.company-list li a p u button {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 32px;
  padding: 0 20px;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p u button {
    position: relative;
    top: -6px;
  }
}

.modal .modal-content div.inside ul.company-list li a p span {
  display: inline-block;
  font-size: 14px;
  background: #efefef;
  width: 90px;
  margin-right: 10px;
  text-align: center;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p span {
    background: none;
    display: none;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p.button {
    display: block;
    left: 0;
    width: 100px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p.code {
    display: block;
    left: 100px;
    width: 110px;
  }
}

.modal .modal-content div.inside ul.company-list li a p.code u {
  color: #FEA100;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p.code u {
    display: block;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p.cname {
    display: block;
    left: 210px;
    width: 120px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p.name {
    display: block;
    left: 330px;
    width: 100px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p.cnum {
    display: block;
    left: 430px;
    width: 150px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p.category1 {
    display: block;
    left: 580px;
    width: 140px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p.category2 {
    display: block;
    left: 720px;
    width: 140px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li a p.price {
    display: block;
    left: 1030px;
    width: 130px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li:first-child a h4 span,
  .modal .modal-content div.inside ul.company-list li:first-child a p span {
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    top: -60px;
    font-size: 14px;
    font-weight: 600;
  }
}

.modal .modal-content div.inside ul.company-list li.notice {
  background: #f3f3f3;
}

.modal .modal-content div.inside ul.company-list li.notice h4 {
  padding-left: 65px;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li.notice h4 {
    padding-left: 0;
  }
}

.modal .modal-content div.inside ul.company-list li.notice a p.num {
  display: block;
  text-align: center;
  position: absolute;
  left: 5px;
  top: 10px;
  padding: 2px 0;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li.notice a p.num {
    display: inline-block;
    left: 0;
    top: 20px;
  }
}

.modal .modal-content div.inside ul.company-list li.notice a p.num u {
  display: block;
  background: #699b00;
  width: 50px;
  border-radius: 30px;
  color: #fff;
}

@media (min-width: 1200px) {
  .modal .modal-content div.inside ul.company-list li.notice a p.num u {
    padding: 5px 0;
    margin: -5px 15px 0;
    top: 0;
  }
}

.modal .modal-content div.inside ul.company {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.modal .modal-content div.inside ul.company li {
  margin: 0 0 10px;
}

.modal .modal-content div.inside ul.company li label {
  display: inline-block;
  line-height: 42px;
  width: 90px;
  font-size: 16px;
}

.modal .modal-content div.inside ul.company li input,
.modal .modal-content div.inside ul.company li select {
  font-size: 16px;
  height: 42px;
  border: 1px solid #ccc;
  padding: 0 10px;
  width: calc(100% - 90px);
}

.modal .modal-content div.inside ul.company li input:-moz-read-only,
.modal .modal-content div.inside ul.company li select:-moz-read-only {
  background: #efefef;
  color: #666;
  font-weight: 600;
}

.modal .modal-content div.inside ul.company li input:read-only,
.modal .modal-content div.inside ul.company li select:read-only {
  background: #efefef;
  color: #666;
  font-weight: 600;
}

.modal .modal-content div.inside ul.company li p.address {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: calc(100% - 90px);
}

.modal .modal-content div.inside ul.company li p.address span {
  display: block;
  margin-bottom: 10px;
}

.modal .modal-content div.inside ul.company li p.address span input {
  width: 100%;
}

.modal .modal-content div.inside ul.company li p.address span #postcode {
  width: 90px;
  vertical-align: top;
}

.modal .modal-content div.inside ul.company li p.address span button {
  vertical-align: top;
  height: 42px;
  width: 50px;
  font-size: 14px;
  color: #fff;
  background: #555;
  border: none;
}

.modal .modal-content div.inside div.test-category span.select-outline {
  display: block;
  margin-bottom: 10px;
}

.modal .modal-content div.inside div.test-category span.select-outline label {
  display: inline-block;
  line-height: 38px;
  width: 90px;
  font-size: 14px;
}

.modal .modal-content div.inside div.test-category span.select-outline select {
  height: 38px;
  width: calc(100% - 90px);
  font-size: 14px;
}

.modal .modal-content div.inside ul.test-list {
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
  border-top: 2px solid #3d3d3d;
  font-size: 0;
}

.modal .modal-content div.inside ul.test-list li {
  display: block;
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.modal .modal-content div.inside ul.test-list li l
p {
  display: inline-block;
  position: relative;
  width: 50%;
  margin: 0 0 2px;
  position: relative;
  padding: 3px 0 3px 86px;
  letter-spacing: -0.5px;
}

.modal .modal-content div.inside ul.test-list li l
p u {
  font-size: 13px;
  text-decoration: none;
}

.modal .modal-content div.inside ul.test-list li l
p u button {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 32px;
  padding: 0 20px;
}

.modal .modal-content div.inside ul.test-list li l
p u input[type=checkbox] {
  width: 14px;
  height: 14px;
}

.modal .modal-content div.inside ul.test-list li l
p span {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  font-size: 13px;
  background: #efefef;
  width: 76px;
  padding: 3px 0 3px;
  text-align: center;
}

.modal .modal-content div.inside ul.test-list li l
p.full {
  width: 100%;
}

article.layer-popup {
  display: none;
}

@media all and (min-width: 1200px) {
  article.layer-popup {
    display: block;
    position: absolute;
    left: 0;
    top: 12vh;
    z-index: 1000;
    right: 0;
    text-align: center;
  }
  article.layer-popup .container {
    text-align: center;
  }
  article.layer-popup .container div.outline {
    font-size: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    display: inline-block;
    margin: 10px;
  }
  article.layer-popup .container div.outline a {
    display: block;
    font-size: 0;
  }
  article.layer-popup .container div.outline a img {
    max-width: 1000px;
  }
  article.layer-popup .container div.outline div.check {
    background: #222;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    position: relative;
  }
  article.layer-popup .container div.outline div.check input {
    width: 16px;
    height: 16px;
    vertical-align: bottom;
  }
  article.layer-popup .container div.outline div.check button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: none;
    background: #555;
    color: #fff;
    padding: 0 10px;
  }
}

div.alert-pop {
  display: none;
  position: fixed;
  z-index: 10000000000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
}

div.alert-pop.on {
  display: block;
}

div.alert-pop div.outline {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  text-align: center;
  padding: 58px 0 38px;
  color: #111111;
  font-size: 15px;
  font-weight: 500;
  word-break: keep-all;
  border: 1px solid #555555;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
}

@media (min-width: 1200px) {
  div.alert-pop div.outline {
    width: 340px;
    right: auto;
    padding: 62px 10px 44px;
    left: 50%;
    margin-left: -170px;
    font-size: 16px;
  }
}

div.alert-pop div.outline strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #111111;
  margin: 0 0 10px;
}

@media (min-width: 1200px) {
  div.alert-pop div.outline strong {
    font-size: 17px;
    margin: 0 0 20px;
  }
}

div.alert-pop div.outline p {
  margin: 0 0 6px;
}

div.alert-pop div.outline div.buttons {
  margin-top: 20px;
  font-size: 0;
}

@media (min-width: 1200px) {
  div.alert-pop div.outline div.buttons {
    margin-top: 30px;
  }
}

div.alert-pop div.outline div.buttons button {
  vertical-align: top;
  height: 34px;
  padding: 0 26px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #222222;
  font-size: 17px;
  font-weight: 600;
  color: #555555;
  background: #fff;
}

@media (min-width: 1200px) {
  div.alert-pop div.outline div.buttons button {
    font-size: 16px;
    height: 34px;
  }
}

div.alert-pop div.outline div.buttons button.main {
  color: #fff;
  border-color: #222222;
  background: #4D4D4D;
}

div.alert-pop div.outline button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 14px;
  border: none;
  font-size: 13px;
  color: #555555;
  padding: 0 16px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_717' data-name='그룹 717' transform='translate(8077.432 1617.145)'%3E%3Crect id='사각형_17' data-name='사각형 17' width='15.131' height='1.84' transform='translate(-8076.131 -1617.145) rotate(45)' fill='%23555'/%3E%3Crect id='사각형_18' data-name='사각형 18' width='15.131' height='1.84' transform='translate(-8077.432 -1606.445) rotate(-45)' fill='%23555'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right center/12px auto;
}

@media (min-width: 1200px) {
  div.alert-pop div.outline button.close {
    font-size: 14px;
    padding: 0 20px 0 0;
  }
}

div.write-pop {
  display: none;
  position: fixed;
  z-index: 10000000000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
}

div.write-pop.on {
  display: block;
}

div.write-pop div.outline {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  color: #111111;
  font-size: 15px;
  font-weight: 500;
  word-break: keep-all;
  border: 1px solid #555555;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
}

@media (min-width: 1200px) {
  div.write-pop div.outline {
    width: 320px;
    right: auto;
    left: 50%;
    margin-left: -160px;
    font-size: 16px;
  }
}

div.write-pop div.outline strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #111111;
  margin: 0;
  padding: 42px 30px 14px;
  border-bottom: 1px solid #555555;
}

@media (min-width: 1200px) {
  div.write-pop div.outline strong {
    font-size: 17px;
    padding: 44px 30px 14px;
  }
}

div.write-pop div.outline div.form {
  padding: 20px 30px 0;
}

div.write-pop div.outline div.form p {
  margin: 0 0 18px;
  font-size: 0;
}

div.write-pop div.outline div.form p label {
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  width: 80px;
  font-size: 15px;
}

@media (min-width: 1200px) {
  div.write-pop div.outline div.form p label {
    font-size: 16px;
  }
}

div.write-pop div.outline div.form p select,
div.write-pop div.outline div.form p input {
  vertical-align: top;
  width: calc(100% - 80px);
  font-size: 15px;
  height: 34px;
  border: 1px solid #AAAAAA;
  padding: 0 10px;
  color: #111111;
}

@media (min-width: 1200px) {
  div.write-pop div.outline div.form p select,
  div.write-pop div.outline div.form p input {
    font-size: 16px;
  }
}

div.write-pop div.outline div.form p select::-webkit-input-placeholder,
div.write-pop div.outline div.form p input::-webkit-input-placeholder {
  color: #999999;
}

div.write-pop div.outline div.form p select:-ms-input-placeholder,
div.write-pop div.outline div.form p input:-ms-input-placeholder {
  color: #999999;
}

div.write-pop div.outline div.form p select::-ms-input-placeholder,
div.write-pop div.outline div.form p input::-ms-input-placeholder {
  color: #999999;
}

div.write-pop div.outline div.form p select::placeholder,
div.write-pop div.outline div.form p input::placeholder {
  color: #999999;
}

div.write-pop div.outline div.buttons {
  text-align: center;
  padding: 0 0 44px;
  font-size: 0;
}

div.write-pop div.outline div.buttons button {
  vertical-align: top;
  height: 34px;
  padding: 0 26px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #222222;
  font-size: 17px;
  font-weight: 600;
  color: #555555;
  background: #fff;
}

@media (min-width: 1200px) {
  div.write-pop div.outline div.buttons button {
    font-size: 16px;
    height: 34px;
  }
}

div.write-pop div.outline div.buttons button.main {
  color: #fff;
  border-color: #222222;
  background: #4D4D4D;
}

div.write-pop div.outline button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 14px;
  border: none;
  font-size: 13px;
  color: #555555;
  padding: 0 16px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_717' data-name='그룹 717' transform='translate(8077.432 1617.145)'%3E%3Crect id='사각형_17' data-name='사각형 17' width='15.131' height='1.84' transform='translate(-8076.131 -1617.145) rotate(45)' fill='%23555'/%3E%3Crect id='사각형_18' data-name='사각형 18' width='15.131' height='1.84' transform='translate(-8077.432 -1606.445) rotate(-45)' fill='%23555'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right center/12px auto;
}

@media (min-width: 1200px) {
  div.write-pop div.outline button.close {
    font-size: 14px;
    padding: 0 20px 0 0;
  }
}

div.write-pop2 {
  display: none;
  position: fixed;
  z-index: 10000000000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
}

div.write-pop2.on {
  display: block;
}

div.write-pop2 div.outline {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  color: #111111;
  font-size: 15px;
  font-weight: 500;
  word-break: keep-all;
  border: 1px solid #555555;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
}

@media (min-width: 1200px) {
  div.write-pop2 div.outline {
    width: 320px;
    right: auto;
    left: 50%;
    margin-left: -160px;
    font-size: 16px;
  }
}

div.write-pop2 div.outline strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #111111;
  margin: 0;
  padding: 42px 30px 14px;
  border-bottom: 1px solid #555555;
}

@media (min-width: 1200px) {
  div.write-pop2 div.outline strong {
    font-size: 17px;
    padding: 44px 30px 14px;
  }
}

div.write-pop2 div.outline div.form {
  padding: 20px 30px 0;
}

div.write-pop2 div.outline div.form p {
  margin: 0 0 18px;
  font-size: 0;
}

div.write-pop2 div.outline div.form p label {
  display: block;
  position: relative;
  line-height: 36px;
  font-size: 15px;
}

@media (min-width: 1200px) {
  div.write-pop2 div.outline div.form p label {
    font-size: 16px;
  }
}

div.write-pop2 div.outline div.form p label > i {
  position: absolute;
  right: 10px;
  bottom: -35px;
  font-size: 13px;
  color: #EC653B;
  font-style: normal;
}

@media (min-width: 800px) {
  div.write-pop2 div.outline div.form p label > i {
    font-size: 14px;
  }
}

div.write-pop2 div.outline div.form p label > i.ok {
  color: #4E3DC4;
}

div.write-pop2 div.outline div.form p label > i.ok::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10.091' height='8.666' viewBox='0 0 10.091 8.666'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_2034' data-name='사각형 2034' width='10.091' height='8.666' fill='%234e3dc4'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_1710' data-name='그룹 1710' transform='translate(0 0)'%3E%3Cg id='그룹_1709' data-name='그룹 1709' transform='translate(0 0)'%3E%3Cg id='그룹_1708' data-name='그룹 1708' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1657' data-name='패스 1657' d='M4.013,8.666H4a1.017,1.017,0,0,1-.811-.414L.2,4.189A1.019,1.019,0,1,1,1.839,2.98L4.027,5.95,8.263.4A1.019,1.019,0,1,1,9.883,1.637L4.823,8.266a1.019,1.019,0,0,1-.81.4' transform='translate(0 0)' fill='%234e3dc4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  margin: 0 4px 0 0;
}

div.write-pop2 div.outline div.form p select,
div.write-pop2 div.outline div.form p input {
  vertical-align: top;
  width: 100%;
  font-size: 15px;
  height: 34px;
  border: 1px solid #AAAAAA;
  padding: 0 10px;
  margin: 0 0 20px;
  color: #111111;
}

@media (min-width: 1200px) {
  div.write-pop2 div.outline div.form p select,
  div.write-pop2 div.outline div.form p input {
    font-size: 16px;
  }
}

div.write-pop2 div.outline div.form p select::-webkit-input-placeholder,
div.write-pop2 div.outline div.form p input::-webkit-input-placeholder {
  color: #999999;
}

div.write-pop2 div.outline div.form p select:-ms-input-placeholder,
div.write-pop2 div.outline div.form p input:-ms-input-placeholder {
  color: #999999;
}

div.write-pop2 div.outline div.form p select::-ms-input-placeholder,
div.write-pop2 div.outline div.form p input::-ms-input-placeholder {
  color: #999999;
}

div.write-pop2 div.outline div.form p select::placeholder,
div.write-pop2 div.outline div.form p input::placeholder {
  color: #999999;
}

div.write-pop2 div.outline div.form p select.check,
div.write-pop2 div.outline div.form p input.check {
  padding-right: 60px;
}

div.write-pop2 div.outline div.buttons {
  text-align: center;
  padding: 0 0 44px;
  font-size: 0;
}

div.write-pop2 div.outline div.buttons button {
  vertical-align: top;
  height: 34px;
  padding: 0 26px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #222222;
  font-size: 17px;
  font-weight: 600;
  color: #555555;
  background: #fff;
}

@media (min-width: 1200px) {
  div.write-pop2 div.outline div.buttons button {
    font-size: 16px;
    height: 34px;
  }
}

div.write-pop2 div.outline div.buttons button.main {
  color: #fff;
  border-color: #222222;
  background: #4D4D4D;
}

div.write-pop2 div.outline button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 14px;
  border: none;
  font-size: 13px;
  color: #555555;
  padding: 0 16px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_717' data-name='그룹 717' transform='translate(8077.432 1617.145)'%3E%3Crect id='사각형_17' data-name='사각형 17' width='15.131' height='1.84' transform='translate(-8076.131 -1617.145) rotate(45)' fill='%23555'/%3E%3Crect id='사각형_18' data-name='사각형 18' width='15.131' height='1.84' transform='translate(-8077.432 -1606.445) rotate(-45)' fill='%23555'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right center/12px auto;
}

@media (min-width: 1200px) {
  div.write-pop2 div.outline button.close {
    font-size: 14px;
    padding: 0 20px 0 0;
  }
}

div.form-pop {
  display: none;
  position: fixed;
  z-index: 10000000000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
}

div.form-pop.on {
  display: block;
}

div.form-pop div.outline {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  color: #111111;
  font-size: 15px;
  font-weight: 500;
  word-break: keep-all;
  border: 1px solid #555555;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  padding: 50px 15px 15px;
  max-height: 80vh;
  overflow-y: auto;
}

@media (min-width: 800px) {
  div.form-pop div.outline {
    width: 800px;
    right: auto;
    left: 50%;
    margin-left: -400px;
    font-size: 16px;
  }
}

div.form-pop div.outline h3 {
  position: relative;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  border-bottom: 1px solid #555555;
  padding: 0 0 15px;
  margin: 0 0 15px;
}

@media (min-width: 800px) {
  div.form-pop div.outline h3 {
    font-size: 18px;
    padding: 0 0 20px;
    margin: 0 0 20px;
  }
}

div.form-pop div.outline div.table {
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  font-size: 0;
  margin: 0 0 50px;
}

div.form-pop div.outline div.table p {
  position: relative;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 10px 10px 122px;
  margin: 0;
  color: #555;
  word-break: keep-all;
  font-size: 0;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p {
    padding: 7px 10px 7px 168px;
  }
}

div.form-pop div.outline div.table p.long-title {
  padding-top: 20px;
  padding-bottom: 20px;
}

div.form-pop div.outline div.table p strong {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 110px;
  padding: 15px 10px;
  line-height: 1.6;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background: #F1F5F6;
  color: #111111;
  font-weight: 400;
  font-size: 15px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p strong {
    width: 148px;
    font-size: 16px;
  }
}

div.form-pop div.outline div.table p strong i {
  position: absolute;
  left: 10px;
  top: 18px;
  font-size: 17px;
  color: #4E3DC4;
  padding-right: 4px;
}

div.form-pop div.outline div.table p > i {
  display: block;
  text-align: right;
  margin: 10px 0 0;
  font-size: 13px;
  color: #EC653B;
  font-style: normal;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p > i {
    font-size: 14px;
    display: inline-block;
    margin: 0 0 0 10px;
  }
}

div.form-pop div.outline div.table p > i.ok {
  color: #4E3DC4;
}

div.form-pop div.outline div.table p > i.ok::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10.091' height='8.666' viewBox='0 0 10.091 8.666'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_2034' data-name='사각형 2034' width='10.091' height='8.666' fill='%234e3dc4'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_1710' data-name='그룹 1710' transform='translate(0 0)'%3E%3Cg id='그룹_1709' data-name='그룹 1709' transform='translate(0 0)'%3E%3Cg id='그룹_1708' data-name='그룹 1708' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1657' data-name='패스 1657' d='M4.013,8.666H4a1.017,1.017,0,0,1-.811-.414L.2,4.189A1.019,1.019,0,1,1,1.839,2.98L4.027,5.95,8.263.4A1.019,1.019,0,1,1,9.883,1.637L4.823,8.266a1.019,1.019,0,0,1-.81.4' transform='translate(0 0)' fill='%234e3dc4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  margin: 0 4px 0 0;
}

div.form-pop div.outline div.table p span {
  display: block;
  min-height: 36px;
  padding: 10px 0;
  font-size: 15px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p span {
    min-height: 38px;
    font-size: 16px;
  }
}

div.form-pop div.outline div.table p span.inline {
  display: inline;
  padding: 0 10px;
}

div.form-pop div.outline div.table p button.sub {
  font-size: 14px;
  color: #fff;
  width: 110px;
  height: 36px;
  background: #4D4D4D;
  border: 1px solid #222222;
  border-radius: 4px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p button.sub {
    height: 38px;
    font-size: 15px;
  }
}

div.form-pop div.outline div.table p button.search {
  font-size: 14px;
  color: #555555;
  width: 130px;
  height: 36px;
  padding-right: 30px;
  background: url("data:image/svg+xml,%3Csvg id='search_black_24dp' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='패스_1322' data-name='패스 1322' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='패스_1323' data-name='패스 1323' d='M15.5,14h-.79l-.28-.27a6.51,6.51,0,1,0-.7.7l.27.28v.79l5,4.99L20.49,19Zm-6,0A4.5,4.5,0,1,1,14,9.5,4.494,4.494,0,0,1,9.5,14Z' fill='%234d4d4d'/%3E%3C/svg%3E%0A") no-repeat right 10px center/24px auto;
  border: 1px solid #BBBBBB;
  border-radius: 4px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p button.search {
    height: 38px;
    font-size: 15px;
    width: 160px;
    margin: 0 26px 0 0;
  }
  div.form-pop div.outline div.table p button.search.post {
    display: block;
    margin: 0 0 10px;
  }
}

div.form-pop div.outline div.table p input + button,
div.form-pop div.outline div.table p button + input {
  margin-top: 5px;
}

div.form-pop div.outline div.table p select + select {
  margin-top: 10px;
}

div.form-pop div.outline div.table p > u {
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  font-size: 16px;
  text-decoration: none;
  width: 20px;
  text-align: center;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p > u {
    line-height: 38px;
  }
}

div.form-pop div.outline div.table p input[type=text],
div.form-pop div.outline div.table p input[type=date],
div.form-pop div.outline div.table p input[type=tel],
div.form-pop div.outline div.table p input[type=password],
div.form-pop div.outline div.table p select {
  width: 100%;
  height: 36px;
  border-radius: 6px;
  border: 1px solid #BBBBBB;
  background: #fff;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
  padding: 0 10px;
  font-size: 15px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p input[type=text],
  div.form-pop div.outline div.table p input[type=date],
  div.form-pop div.outline div.table p input[type=tel],
  div.form-pop div.outline div.table p input[type=password],
  div.form-pop div.outline div.table p select {
    height: 38px;
    font-size: 16px;
    margin: 0 10px 0 0;
  }
  div.form-pop div.outline div.table p input[type=text].business,
  div.form-pop div.outline div.table p input[type=date].business,
  div.form-pop div.outline div.table p input[type=tel].business,
  div.form-pop div.outline div.table p input[type=password].business,
  div.form-pop div.outline div.table p select.business {
    width: 278px;
  }
  div.form-pop div.outline div.table p input[type=text].ceo,
  div.form-pop div.outline div.table p input[type=date].ceo,
  div.form-pop div.outline div.table p input[type=tel].ceo,
  div.form-pop div.outline div.table p input[type=password].ceo,
  div.form-pop div.outline div.table p select.ceo {
    width: 140px;
  }
  div.form-pop div.outline div.table p input[type=text].type,
  div.form-pop div.outline div.table p input[type=date].type,
  div.form-pop div.outline div.table p input[type=tel].type,
  div.form-pop div.outline div.table p input[type=password].type,
  div.form-pop div.outline div.table p select.type {
    width: 180px;
  }
}

div.form-pop div.outline div.table p input[type=text].time,
div.form-pop div.outline div.table p input[type=date].time,
div.form-pop div.outline div.table p input[type=tel].time,
div.form-pop div.outline div.table p input[type=password].time,
div.form-pop div.outline div.table p select.time {
  width: 100px;
  margin-right: 10px;
}

div.form-pop div.outline div.table p input[type=text].min,
div.form-pop div.outline div.table p input[type=date].min,
div.form-pop div.outline div.table p input[type=tel].min,
div.form-pop div.outline div.table p input[type=password].min,
div.form-pop div.outline div.table p select.min {
  width: 70px;
}

div.form-pop div.outline div.table p input[type=text].period,
div.form-pop div.outline div.table p input[type=date].period,
div.form-pop div.outline div.table p input[type=tel].period,
div.form-pop div.outline div.table p input[type=password].period,
div.form-pop div.outline div.table p select.period {
  width: 190px;
}

div.form-pop div.outline div.table p input[type=text].tel,
div.form-pop div.outline div.table p input[type=date].tel,
div.form-pop div.outline div.table p input[type=tel].tel,
div.form-pop div.outline div.table p input[type=password].tel,
div.form-pop div.outline div.table p select.tel {
  width: calc(50% - 5px);
}

div.form-pop div.outline div.table p input[type=text].tel#tel2,
div.form-pop div.outline div.table p input[type=date].tel#tel2,
div.form-pop div.outline div.table p input[type=tel].tel#tel2,
div.form-pop div.outline div.table p input[type=password].tel#tel2,
div.form-pop div.outline div.table p select.tel#tel2 {
  margin-right: 10px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p input[type=text].tel,
  div.form-pop div.outline div.table p input[type=date].tel,
  div.form-pop div.outline div.table p input[type=tel].tel,
  div.form-pop div.outline div.table p input[type=password].tel,
  div.form-pop div.outline div.table p select.tel {
    display: inline-block;
    width: 140px;
  }
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p input[type=text]#farm,
  div.form-pop div.outline div.table p input[type=date]#farm,
  div.form-pop div.outline div.table p input[type=tel]#farm,
  div.form-pop div.outline div.table p input[type=password]#farm,
  div.form-pop div.outline div.table p select#farm {
    width: calc(100% - 196px);
  }
}

div.form-pop div.outline div.table p input[type=text].address1,
div.form-pop div.outline div.table p input[type=date].address1,
div.form-pop div.outline div.table p input[type=tel].address1,
div.form-pop div.outline div.table p input[type=password].address1,
div.form-pop div.outline div.table p select.address1 {
  margin-bottom: 10px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p input[type=text].address1,
  div.form-pop div.outline div.table p input[type=date].address1,
  div.form-pop div.outline div.table p input[type=tel].address1,
  div.form-pop div.outline div.table p input[type=password].address1,
  div.form-pop div.outline div.table p select.address1 {
    margin-bottom: 0;
    width: 460px;
  }
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p input[type=text].address2,
  div.form-pop div.outline div.table p input[type=date].address2,
  div.form-pop div.outline div.table p input[type=tel].address2,
  div.form-pop div.outline div.table p input[type=password].address2,
  div.form-pop div.outline div.table p select.address2 {
    width: 340px;
  }
}

div.form-pop div.outline div.table p input[type=text]#check,
div.form-pop div.outline div.table p input[type=date]#check,
div.form-pop div.outline div.table p input[type=tel]#check,
div.form-pop div.outline div.table p input[type=password]#check,
div.form-pop div.outline div.table p select#check {
  padding-right: 60px;
}

div.form-pop div.outline div.table p input[type=text].half,
div.form-pop div.outline div.table p input[type=date].half,
div.form-pop div.outline div.table p input[type=tel].half,
div.form-pop div.outline div.table p input[type=password].half,
div.form-pop div.outline div.table p select.half {
  width: calc(50% - 5px);
  margin-top: 10px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p input[type=text].half,
  div.form-pop div.outline div.table p input[type=date].half,
  div.form-pop div.outline div.table p input[type=tel].half,
  div.form-pop div.outline div.table p input[type=password].half,
  div.form-pop div.outline div.table p select.half {
    width: 120px;
  }
}

div.form-pop div.outline div.table p input[type=text].half#weight,
div.form-pop div.outline div.table p input[type=date].half#weight,
div.form-pop div.outline div.table p input[type=tel].half#weight,
div.form-pop div.outline div.table p input[type=password].half#weight,
div.form-pop div.outline div.table p select.half#weight {
  margin-left: 10px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p input[type=text].half#weight,
  div.form-pop div.outline div.table p input[type=date].half#weight,
  div.form-pop div.outline div.table p input[type=tel].half#weight,
  div.form-pop div.outline div.table p input[type=password].half#weight,
  div.form-pop div.outline div.table p select.half#weight {
    margin-left: 0;
  }
}

div.form-pop div.outline div.table p button.add {
  display: block;
  font-size: 15px;
  font-weight: 600;
  border: 1px solid #4E3DC4;
  background: none;
  width: 80px;
  height: 38px;
  margin: 12px auto 20px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p button.add {
    display: inline-block;
  }
}

div.form-pop div.outline div.table p > label {
  display: block;
  margin: 15px 0 5px;
  font-size: 15px;
}

div.form-pop div.outline div.table p span.item {
  display: block;
  position: relative;
  font-size: 15px;
  color: #555;
  background: #F3F3F3;
  border: 1px solid #555;
  padding: 12px 50px 12px 12px;
}

div.form-pop div.outline div.table p span.item button.del {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='그룹_1657' data-name='그룹 1657' transform='translate(-2 -2)'%3E%3Cg id='그룹_1656' data-name='그룹 1656'%3E%3Cpath id='패스_1590' data-name='패스 1590' d='M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm5,11H7V11H17Z' fill='%234e3dc4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}

div.form-pop div.outline div.table p span.file {
  display: block;
  position: relative;
  font-size: 15px;
  color: #555;
  background: #F3F3F3;
  border: 1px solid #555;
  padding: 12px 50px 12px 12px;
  margin-top: 10px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p span.file {
    font-size: 16px;
  }
}

div.form-pop div.outline div.table p span.file u {
  text-decoration: none;
  display: block;
  font-size: 14px;
  color: #4E3DC4;
  margin: 0 0 10px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p span.file u {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 15px;
  }
}

div.form-pop div.outline div.table p span.file a {
  text-decoration: underline;
  color: #555555;
}

div.form-pop div.outline div.table p span.file button.del {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='그룹_1657' data-name='그룹 1657' transform='translate(-2 -2)'%3E%3Cg id='그룹_1656' data-name='그룹 1656'%3E%3Cpath id='패스_1590' data-name='패스 1590' d='M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm5,11H7V11H17Z' fill='%234e3dc4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/auto 100%;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p span.file button.del {
    background-position: right center;
    font-size: 14px;
    width: auto;
    padding-right: 26px;
    color: #4E3DC4;
  }
}

div.form-pop div.outline div.table p span.item +
span.item {
  margin-top: 10px;
}

div.form-pop div.outline div.table p select.tel {
  display: block;
  margin: 0 0 8px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p select.tel {
    display: inline-block;
    margin: 0 10px 0 0;
  }
}

div.form-pop div.outline div.table p input:-moz-read-only {
  background: #F2F1F1;
}

div.form-pop div.outline div.table p input:read-only {
  background: #F2F1F1;
}

div.form-pop div.outline div.table p input + button,
div.form-pop div.outline div.table p button + input,
div.form-pop div.outline div.table p input + input {
  margin-top: 10px;
}

div.form-pop div.outline div.table p u.counter {
  font-size: 12px;
  color: #4E3DC4;
  text-decoration: none;
  position: absolute;
  right: 22px;
  top: 22px;
}

@media (min-width: 800px) {
  div.form-pop div.outline div.table p u.counter {
    right: auto;
    left: 550px;
    top: 20px;
    font-size: 13px;
  }
}

div.form-pop div.outline div.table p textarea {
  width: 100%;
  height: 72px;
  border-radius: 6px;
  border: 1px solid #BBBBBB;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
  padding: 0 10px;
}

div.form-pop div.outline div.buttons {
  text-align: center;
  padding: 0 0 44px;
  font-size: 0;
}

div.form-pop div.outline div.buttons button {
  vertical-align: top;
  height: 34px;
  padding: 0 26px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #222222;
  font-size: 17px;
  font-weight: 600;
  color: #555555;
  background: #fff;
}

@media (min-width: 1200px) {
  div.form-pop div.outline div.buttons button {
    font-size: 16px;
    height: 34px;
  }
}

div.form-pop div.outline div.buttons button.main {
  color: #fff;
  border-color: #222222;
  background: #4D4D4D;
}

div.form-pop div.outline button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 14px;
  border: none;
  font-size: 13px;
  color: #555555;
  padding: 0 16px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_717' data-name='그룹 717' transform='translate(8077.432 1617.145)'%3E%3Crect id='사각형_17' data-name='사각형 17' width='15.131' height='1.84' transform='translate(-8076.131 -1617.145) rotate(45)' fill='%23555'/%3E%3Crect id='사각형_18' data-name='사각형 18' width='15.131' height='1.84' transform='translate(-8077.432 -1606.445) rotate(-45)' fill='%23555'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right center/12px auto;
}

@media (min-width: 1200px) {
  div.form-pop div.outline button.close {
    font-size: 14px;
    padding: 0 20px 0 0;
  }
}

/* 입력테이블 */
div.input h4 {
  font-size: 22px;
  margin: 0 0 10px;
  position: relative;
}

@media (min-width: 1200px) {
  div.input h4 {
    font-size: 24px;
  }
}

div.input h4 small {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 400;
  font-size: 14px;
  color: #eb2828;
}

@media (min-width: 1200px) {
  div.input h4 small {
    font-size: 16px;
  }
}

div.input h4 p.check {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
}

@media (min-width: 1200px) {
  div.input h4 p.check {
    font-size: 16px;
  }
}

div.input h4 p.check input {
  margin: 0 6px 0 0;
}

div.input dl {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  margin: 0 0 30px;
  padding: 20px 0;
}

@media (min-width: 1200px) {
  div.input dl {
    padding: 0;
  }
}

div.input dl dt {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 6px;
}

@media (min-width: 1200px) {
  div.input dl dt {
    font-size: 18px;
    width: 240px;
    float: left;
    padding: 24px 20px;
    position: relative;
    z-index: 10;
    font-size: 18px;
  }
}

div.input dl dt i {
  position: relative;
  top: 2px;
  font-size: 18px;
  color: #eb2828;
  font-style: normal;
}

div.input dl dd {
  padding: 0;
  margin: 0 0 12px;
  font-size: 0;
  min-height: 40px;
}

@media (min-width: 1200px) {
  div.input dl dd {
    position: relative;
    padding: 20px 20px 10px 260px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    min-height: 90px;
  }
  div.input dl dd:before {
    content: "";
    display: block;
    position: absolute;
    background: #f5f5f5;
    left: 0;
    top: 0;
    bottom: 0;
    width: 240px;
  }
  div.input dl dd:last-child {
    border: none;
  }
}

div.input dl dd p.rows {
  display: block;
  margin: 0;
}

div.input dl dd p.rows.strong {
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  div.input dl dd p.rows.strong {
    font-size: 16px;
  }
}

div.input dl dd p.rows.result {
  position: relative;
  font-size: 18px;
  padding-right: 90px;
  word-break: keep-all;
}

@media (min-width: 1200px) {
  div.input dl dd p.rows.result {
    font-size: 20px;
  }
}

div.input dl dd p.rows.result i {
  font-style: normal;
  font-weight: 600;
}

div.input dl dd p.rows.result button {
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
}

@media (min-width: 1200px) {
  div.input dl dd p.rows.result button {
    width: 142px;
  }
}

div.input dl dd p.rows.result button i {
  margin-left: 4px;
}

div.input dl dd p.rows.result span {
  display: block;
}

@media (min-width: 1200px) {
  div.input dl dd p.rows.result span {
    display: inline;
  }
}

@media (min-width: 1200px) {
  div.input dl dd p.rows.inline {
    display: inline-block;
  }
}

div.input dl dd strong {
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
  margin: 0 6px 0 0;
  background: #efefef;
}

@media (min-width: 1200px) {
  div.input dl dd strong {
    line-height: 48px;
  }
}

div.input dl dd input[type="text"],
div.input dl dd input[type="password"],
div.input dl dd input[type="date"] {
  width: 100%;
  font-size: 14px;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  margin: 0 0 10px;
  border: 1px solid #cccccc;
}

@media (min-width: 1200px) {
  div.input dl dd input[type="text"],
  div.input dl dd input[type="password"],
  div.input dl dd input[type="date"] {
    width: 570px;
    height: 48px;
    font-size: 16px;
  }
}

div.input dl dd input[type="text"].gray, div.input dl dd input[type="text"]:-moz-read-only,
div.input dl dd input[type="password"].gray,
div.input dl dd input[type="password"]:-moz-read-only,
div.input dl dd input[type="date"].gray,
div.input dl dd input[type="date"]:-moz-read-only {
  background: #f5f5f5;
}

div.input dl dd input[type="text"].gray, div.input dl dd input[type="text"]:read-only,
div.input dl dd input[type="password"].gray,
div.input dl dd input[type="password"]:read-only,
div.input dl dd input[type="date"].gray,
div.input dl dd input[type="date"]:read-only {
  background: #f5f5f5;
}

div.input dl dd input[type="text"].danger,
div.input dl dd input[type="password"].danger,
div.input dl dd input[type="date"].danger {
  color: #eb2828;
}

div.input dl dd input[type="text"].ok,
div.input dl dd input[type="password"].ok,
div.input dl dd input[type="date"].ok {
  color: #0075bc;
  font-weight: 600;
  background: #d1e4f2;
  border-color: rgba(0, 0, 0, 0.1);
}

div.input dl dd input[type="text"].with-button,
div.input dl dd input[type="password"].with-button,
div.input dl dd input[type="date"].with-button {
  width: calc(100% - 124px);
  border-right: none;
}

@media (min-width: 1200px) {
  div.input dl dd input[type="text"].with-button,
  div.input dl dd input[type="password"].with-button,
  div.input dl dd input[type="date"].with-button {
    width: calc(570px - 142px);
  }
}

div.input dl dd input[type="text"].with-mail,
div.input dl dd input[type="password"].with-mail,
div.input dl dd input[type="date"].with-mail {
  width: calc(100% - 190px);
  margin-right: 10px;
}

@media (min-width: 1200px) {
  div.input dl dd input[type="text"].with-mail,
  div.input dl dd input[type="password"].with-mail,
  div.input dl dd input[type="date"].with-mail {
    width: 266px;
  }
}

div.input dl dd input[type="text"].tel,
div.input dl dd input[type="password"].tel,
div.input dl dd input[type="date"].tel {
  width: calc((100% - 40px) / 3);
}

@media (min-width: 1200px) {
  div.input dl dd input[type="text"].tel,
  div.input dl dd input[type="password"].tel,
  div.input dl dd input[type="date"].tel {
    width: 176px;
  }
}

div.input dl dd input[type="text"].date,
div.input dl dd input[type="password"].date,
div.input dl dd input[type="date"].date {
  width: calc((100% - 20px) / 2);
}

@media (min-width: 1200px) {
  div.input dl dd input[type="text"].date,
  div.input dl dd input[type="password"].date,
  div.input dl dd input[type="date"].date {
    width: 176px;
  }
}

div.input dl dd button {
  width: 124px;
  height: 40px;
  border: 1px solid transparent;
  margin: 0;
  background: #1f222d;
  color: #fff;
  font-size: 14px;
}

@media (min-width: 1200px) {
  div.input dl dd button {
    width: 142px;
    height: 48px;
    font-size: 16px;
  }
}

div.input dl dd button.check-reserv {
  display: block;
  margin: 20px auto;
}

@media (min-width: 1200px) {
  div.input dl dd button.check-reserv {
    display: inline-block;
    margin: 0 20px;
  }
}

div.input dl dd button.calc {
  background: #699b00;
  border-color: #456500;
}

div.input dl dd input[type=radio],
div.input dl dd input[type=checkbox] {
  display: none;
}

div.input dl dd label {
  display: inline-block;
  position: relative;
  margin: 8px 6px 0 0;
  padding: 0 0 0 24px;
  font-size: 14px;
}

@media (min-width: 1200px) {
  div.input dl dd label {
    margin: 0 30px 0 0;
    font-size: 16px;
    padding: 0 0 0 30px;
  }
}

div.input dl dd label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #d7d7d7;
}

div.input dl dd input[type=radio]:checked + label::before {
  border-color: #1c7cc2;
}

div.input dl dd input[type=radio]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1c7cc2;
}

div.input dl dd input[type=checkbox]:checked + label::before {
  border-color: #1c7cc2;
}

div.input dl dd input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 7px;
  width: 10px;
  height: 10px;
  background: #1c7cc2;
}

div.input dl dd label + button {
  float: right;
}

@media (min-width: 1200px) {
  div.input dl dd label + button {
    float: none;
  }
}

div.input dl dd input[type="radio"] + label {
  line-height: 40px;
}

@media (min-width: 1200px) {
  div.input dl dd input[type="radio"] + label {
    line-height: 48px;
  }
}

div.input dl dd input[type="radio"] + label::before {
  top: 0;
}

@media (min-width: 1200px) {
  div.input dl dd input[type="radio"] + label::before {
    top: 14px;
  }
}

div.input dl dd input[type="radio"] + label::after {
  top: 5px;
}

@media (min-width: 1200px) {
  div.input dl dd input[type="radio"] + label::after {
    top: 19px;
  }
}

div.input dl dd input[type=checkbox] + label::before {
  border-radius: 0;
}

div.input dl dd u {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  text-align: center;
  width: 20px;
  font-size: 16px;
  color: #7c7c7c;
  border-right: none;
  text-decoration: none;
}

@media (min-width: 1200px) {
  div.input dl dd u {
    height: 48px;
    font-size: 16px;
  }
}

div.input dl dd span.select-outline + u + span.select-outline {
  margin-left: 10px;
}

div.input dl dd span.select-outline {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin: 0 10px 10px 0;
}

div.input dl dd span.select-outline select {
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  height: 40px;
  width: 130px;
  font-size: 14px;
  display: inline-block;
  padding: 0 30px 0 10px;
  border: 1px solid #cccccc;
}

div.input dl dd span.select-outline select::-ms-expand {
  display: none;
}

@media (min-width: 1200px) {
  div.input dl dd span.select-outline select {
    height: 48px;
    font-size: 16px;
  }
}

div.input dl dd span.select-outline.mail {
  margin-right: 0;
}

div.input dl dd span.select-outline.mail span {
  display: inline-block;
  vertical-align: top;
  line-height: 38px;
  text-align: center;
  width: 30px;
  font-size: 16px;
  font-weight: 600;
  color: #7c7c7c;
  border: 1px solid #cccccc;
  border-right: none;
}

@media (min-width: 1200px) {
  div.input dl dd span.select-outline.mail span {
    height: 48px;
    font-size: 16px;
  }
}

div.input dl dd span.select-outline.mail select {
  width: 150px;
  border-left: none;
}

@media (min-width: 1200px) {
  div.input dl dd span.select-outline.mail select {
    width: 260px;
  }
}

div.input dl dd span.select-outline.tel select {
  width: 80px;
}

@media (min-width: 1200px) {
  div.input dl dd span.select-outline.tel select {
    width: 146px;
  }
}

div.input dl dd span.select-outline.time {
  margin-right: 0;
  width: calc((100% - 120px) / 4);
}

@media (min-width: 1200px) {
  div.input dl dd span.select-outline.time {
    width: 117px;
  }
}

div.input dl dd span.select-outline.time select {
  width: 100%;
}

div.input dl dd span.select-outline.full {
  width: 100%;
}

@media (min-width: 1200px) {
  div.input dl dd span.select-outline.full {
    width: 570px;
  }
}

div.input dl dd span.select-outline.full select {
  width: 100%;
}

div.input dl dd span.select-outline.half {
  display: inline-block;
  margin: 0 0 10px 0;
  width: calc(50% - 5px);
}

@media (min-width: 1200px) {
  div.input dl dd span.select-outline.half {
    width: 280px;
  }
}

div.input dl dd span.select-outline.half select {
  width: 100%;
}

div.input dl dd span.select-outline.half.mg10 {
  margin: 0 10px 10px 0;
}

div.input dl dd span.select-outline::before, div.input dl dd span.select-outline::after {
  content: "";
  position: absolute;
  top: 19px;
  display: block;
  width: 8px;
  height: 1px;
  background: #999999;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

div.input dl dd span.select-outline::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 12px;
}

div.input dl dd span.select-outline::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: 6px;
}

div.input dl dd span.select-outline:focus-within::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

div.input dl dd span.select-outline:focus-within::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

div.input dl dd span.info {
  display: block;
  font-size: 12px;
  color: #1c7cc2;
  font-weight: 400;
}

@media (min-width: 1200px) {
  div.input dl dd span.info {
    font-size: 14px;
  }
}

div.input dl dd span.info.red {
  color: #eb2828;
}

div.input dl dd span.info.with-btn {
  display: inline-block;
  padding-left: 20px;
}

div.input dl dd span.info a {
  display: inline-block;
  color: #0075bc;
  text-decoration: underline;
}

div.input dl dd textarea {
  border: 1px solid #ccc;
  width: 100%;
  min-height: 80px;
  padding: 10px;
  margin: 0 0 10px;
  font-size: 14px;
}

div.input dl dd div.total-result {
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 20px 0;
  font-size: 14px;
}

@media (min-width: 1200px) {
  div.input dl dd div.total-result {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  div.input dl dd div.total-result {
    margin: 30px 0 20px;
    padding: 20px;
  }
}

/* basic */
html {
  min-width: 320px;
  max-width: 100%;
  font-size: 14px;
  height: -webkit-fill-available;
}

html,
body {
  font-family: "Pretendard", "Malgun Gothic", "apple sd gothic neo", sans-serif;
}

html.lock,
body.lock {
  height: 100vh;
  overflow: hidden;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  /* header */
  /* footer */
}

body .container {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  text-align: left;
  vertical-align: top;
  padding: 0 15px;
}

@media (min-width: 1195px) {
  body .container {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 1195px;
    height: 100%;
    padding: 0;
  }
}

body div.shadow {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  padding: 0 50px;
}

body div.shadow.on {
  z-index: 1000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
}

body div.shadow button.close {
  position: absolute;
  right: 20px;
  top: 5px;
  width: 25px;
  height: 25px;
  border: none;
  color: #333;
  background: transparent;
  font-size: 30px;
}

@media (min-width: 1195px) {
  body div.shadow button.close {
    right: 20px;
    top: 0;
    width: 50px;
    height: 50px;
    font-size: 50px;
  }
}

body div.shadow button.close.youtube {
  top: -40px;
  right: 10px;
  color: #fff;
}

@media (min-width: 1195px) {
  body div.shadow button.close.youtube {
    top: -50px;
    right: 5px;
  }
}

body div.shadow button.close.photo {
  color: #fff;
  top: 0;
  right: 15px;
  font-size: 35px;
}

@media (min-width: 1195px) {
  body div.shadow button.close.photo {
    top: 0;
    right: 5px;
  }
}

body div.shadow button.close.brochure {
  color: #fff;
  top: -40px;
  right: 5px;
}

@media (min-width: 1195px) {
  body div.shadow button.close.brochure {
    top: -60px;
    right: 5px;
  }
}

body div.shadow div.pw-modal {
  position: relative;
  width: 300px;
  height: 350px;
  background: #fff;
  font-size: 0;
  padding: 40px 30px 50px;
  border-radius: 10px;
}

@media (min-width: 1195px) {
  body div.shadow div.pw-modal {
    width: 800px;
    height: 350px;
  }
}

body div.shadow div.pw-modal.view {
  height: 235px;
}

body div.shadow div.pw-modal label {
  display: inline-block;
  color: #111111;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
}

@media (min-width: 1195px) {
  body div.shadow div.pw-modal label {
    font-size: 16px;
    margin: 0 0 12px;
  }
}

body div.shadow div.pw-modal input[type=password],
body div.shadow div.pw-modal select {
  width: 100%;
  height: 46px;
  border-radius: 6px;
  border: 1px solid #999999;
  margin: 0 0 30px;
  padding: 0 10px;
  outline: none;
  font-weight: 700;
  color: #111111;
  font-size: 15px;
  display: inline-block;
}

@media (min-width: 1195px) {
  body div.shadow div.pw-modal input[type=password],
  body div.shadow div.pw-modal select {
    font-size: 16px;
  }
}

body div.shadow div.pw-modal input[type=password]::-webkit-input-placeholder,
body div.shadow div.pw-modal select::-webkit-input-placeholder {
  color: #999999;
}

body div.shadow div.pw-modal input[type=password]:-ms-input-placeholder,
body div.shadow div.pw-modal select:-ms-input-placeholder {
  color: #999999;
}

body div.shadow div.pw-modal input[type=password]::-ms-input-placeholder,
body div.shadow div.pw-modal select::-ms-input-placeholder {
  color: #999999;
}

body div.shadow div.pw-modal input[type=password]::placeholder,
body div.shadow div.pw-modal select::placeholder {
  color: #999999;
}

body div.shadow div.pw-modal input[type=password]:focus,
body div.shadow div.pw-modal select:focus {
  border-color: #FEA100;
  -webkit-box-shadow: 0 6px 0 0 rgba(61, 90, 238, 0.15);
          box-shadow: 0 6px 0 0 rgba(61, 90, 238, 0.15);
}

body div.shadow div.pw-modal i.check {
  position: absolute;
  left: 30px;
  bottom: 107px;
  font-size: 15px;
  color: #FF8811;
  padding-right: 4px;
}

@media (min-width: 1195px) {
  body div.shadow div.pw-modal i.check {
    left: 30px;
    bottom: 100px;
  }
}

body div.shadow div.pw-modal select {
  padding: 0;
  text-align: center;
}

body div.shadow div.pw-modal u {
  display: inline-block;
  width: 10px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
}

body div.shadow div.pw-modal button.send {
  width: 85px;
  font-size: 13px;
  margin-left: 5px;
  padding: 0;
  vertical-align: top;
  border-radius: 6px;
  height: 46px;
  border: 1px solid #4D4D4D;
  background: #4D4D4D;
  color: #fff;
}

@media (min-width: 1195px) {
  body div.shadow div.pw-modal button.send {
    width: 95px;
    font-size: 14px;
  }
}

body div.shadow div.pw-modal button.submit {
  display: block;
  width: 100px;
  height: 52px;
  border-radius: 6px;
  border: 1px solid #2C2C2C;
  background: #333333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto 38px;
}

@media (min-width: 1195px) {
  body div.shadow div.pw-modal button.submit {
    font-size: 17px;
  }
}

body div.shadow div.pw-modal div.result {
  border: 1px solid #ccc;
  background: #F8FBFC;
  text-align: center;
  line-height: 68px;
  font-weight: 700;
  font-size: 15px;
}

@media (min-width: 1195px) {
  body div.shadow div.pw-modal div.result {
    margin: 0 -70px -40px;
    border: none;
    border-top: 1px solid #ccc;
    font-size: 16px;
  }
}

body div.shadow div.youtube {
  position: relative;
  width: 100%;
  height: 365px;
  background: #eee;
}

@media (min-width: 1195px) {
  body div.shadow div.youtube {
    width: 700px;
    height: 490px;
  }
}

body div.shadow div.youtube iframe {
  width: 100%;
  height: 365px;
}

@media (min-width: 1195px) {
  body div.shadow div.youtube iframe {
    width: 100%;
    height: 100%;
  }
}

body div.shadow div.photo {
  position: relative;
  width: 100%;
  height: 415px;
  background: #111111;
  -webkit-box-shadow: 0px 0px 20px #00000066;
          box-shadow: 0px 0px 20px #00000066;
  padding: 22px;
}

@media (min-width: 1195px) {
  body div.shadow div.photo {
    width: 944px;
    height: 653px;
  }
}

body div.shadow div.photo h4 {
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 20px 0;
}

@media (min-width: 1195px) {
  body div.shadow div.photo h4 {
    font-size: 24px;
  }
}

body div.shadow div.photo .photo-swiper {
  width: 100%;
  height: 315px;
  overflow: hidden;
  margin: 0 auto;
}

@media (min-width: 1195px) {
  body div.shadow div.photo .photo-swiper {
    width: 900px;
    height: 560px;
  }
}

body div.shadow div.photo .photo-swiper .swiper-slide {
  width: 100%;
  height: 315px;
  margin: 0;
}

@media (min-width: 1195px) {
  body div.shadow div.photo .photo-swiper .swiper-slide {
    width: 900px;
    height: 560px;
  }
}

body div.shadow div.photo .photo-swiper .swiper-slide img {
  width: 100%;
  height: 315px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1195px) {
  body div.shadow div.photo .photo-swiper .swiper-slide img {
    width: 900px;
    height: 560px;
  }
}

body div.shadow div.photo .photo-swiper .btn-box button {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 9999999999999;
  width: 45px;
  height: 65px;
  outline: none;
  border: none;
  background: transparent;
  font-size: 70px;
  color: #fff;
}

@media (min-width: 1195px) {
  body div.shadow div.photo .photo-swiper .btn-box button {
    font-size: 120px;
  }
}

body div.shadow div.photo .photo-swiper .btn-box button.photo-prev {
  left: -65px;
}

@media (min-width: 1195px) {
  body div.shadow div.photo .photo-swiper .btn-box button.photo-prev {
    left: -110px;
  }
}

body div.shadow div.photo .photo-swiper .btn-box button.photo-next {
  right: -30px;
}

body div.shadow div.photo .photo-swiper .btn-box button.swiper-button-disabled {
  opacity: 0.2;
}

body div.shadow div.photo .photo-swiper .swiper-pagination {
  z-index: 9999999999999;
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 90px;
  height: 36px;
  background: #111;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  color: #fff;
}

body div.shadow div.photo .photo-swiper .swiper-pagination .swiper-pagination-current {
  color: #FF8811;
  margin-right: 8px;
}

body div.shadow div.photo .photo-swiper .swiper-pagination .swiper-pagination-total {
  background: transparent;
  color: #fff;
  margin-left: 8px;
}

body div.shadow div.brochure {
  position: relative;
  width: 100%;
  height: 515px;
  background: transparent;
}

@media (min-width: 1195px) {
  body div.shadow div.brochure {
    width: 1068px;
    height: 792px;
  }
}

body div.shadow div.brochure .brochure-swiper {
  width: 100%;
  height: 515px;
  overflow: hidden;
  margin: 0 auto;
}

@media (min-width: 1195px) {
  body div.shadow div.brochure .brochure-swiper {
    width: 100%;
    height: 792px;
    margin: 0;
  }
}

body div.shadow div.brochure .brochure-swiper .swiper-slide {
  width: 100%;
  margin: 0;
}

@media (min-width: 1195px) {
  body div.shadow div.brochure .brochure-swiper .swiper-slide {
    width: 100%;
    height: 792px;
  }
}

body div.shadow div.brochure .brochure-swiper .swiper-slide img {
  width: 100%;
  height: 515px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1195px) {
  body div.shadow div.brochure .brochure-swiper .swiper-slide img {
    width: 100%;
    height: 792px;
  }
}

body div.shadow div.brochure .brochure-swiper .btn-box button {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 9999999999999;
  width: 45px;
  height: 65px;
  outline: none;
  border: none;
  background: transparent;
  font-size: 70px;
  color: #fff;
}

@media (min-width: 1195px) {
  body div.shadow div.brochure .brochure-swiper .btn-box button {
    font-size: 120px;
  }
}

body div.shadow div.brochure .brochure-swiper .btn-box button.brochure-prev {
  left: -65px;
}

@media (min-width: 1195px) {
  body div.shadow div.brochure .brochure-swiper .btn-box button.brochure-prev {
    left: -110px;
  }
}

body div.shadow div.brochure .brochure-swiper .btn-box button.brochure-next {
  right: -30px;
}

body div.shadow div.brochure .brochure-swiper .btn-box button.swiper-button-disabled {
  opacity: 0.2;
}

body div.shadow div.brochure .brochure-swiper .swiper-pagination {
  z-index: 9999999999999;
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 90px;
  height: 36px;
  background: #111;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  color: #fff;
}

body div.shadow div.brochure .brochure-swiper .swiper-pagination .swiper-pagination-current {
  color: #FF8811;
  margin-right: 8px;
}

body div.shadow div.brochure .brochure-swiper .swiper-pagination .swiper-pagination-total {
  background: transparent;
  color: #fff;
  margin-left: 8px;
}

body div.find-form {
  font-size: 0;
  padding: 20px 20px 50px 20px;
}

@media (min-width: 1195px) {
  body div.find-form {
    border: 1px solid #ccc;
    padding: 40px 70px;
  }
}

body div.find-form label {
  display: inline-block;
  color: #111111;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
}

@media (min-width: 1195px) {
  body div.find-form label {
    font-size: 16px;
    margin: 0 0 12px;
  }
}

body div.find-form input[type=password],
body div.find-form select {
  width: 100%;
  height: 46px;
  border-radius: 6px;
  border: 1px solid #999999;
  margin: 0 0 30px;
  padding: 0 10px;
  outline: none;
  font-weight: 700;
  color: #111111;
  font-size: 15px;
  display: inline-block;
}

@media (min-width: 1195px) {
  body div.find-form input[type=password],
  body div.find-form select {
    font-size: 16px;
  }
}

body div.find-form input[type=password]::-webkit-input-placeholder,
body div.find-form select::-webkit-input-placeholder {
  color: #999999;
}

body div.find-form input[type=password]:-ms-input-placeholder,
body div.find-form select:-ms-input-placeholder {
  color: #999999;
}

body div.find-form input[type=password]::-ms-input-placeholder,
body div.find-form select::-ms-input-placeholder {
  color: #999999;
}

body div.find-form input[type=password]::placeholder,
body div.find-form select::placeholder {
  color: #999999;
}

body div.find-form input[type=password]:focus,
body div.find-form select:focus {
  border-color: #FEA100;
  -webkit-box-shadow: 0 6px 0 0 rgba(61, 90, 238, 0.15);
          box-shadow: 0 6px 0 0 rgba(61, 90, 238, 0.15);
}

body div.find-form select {
  padding: 0;
  text-align: center;
}

body div.find-form u {
  display: inline-block;
  width: 10px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
}

body div.find-form button.send {
  width: 85px;
  font-size: 13px;
  margin-left: 5px;
  padding: 0;
  vertical-align: top;
  border-radius: 6px;
  height: 46px;
  border: 1px solid #4D4D4D;
  background: #4D4D4D;
  color: #fff;
}

@media (min-width: 1195px) {
  body div.find-form button.send {
    width: 95px;
    font-size: 14px;
  }
}

body div.find-form button.submit {
  display: block;
  width: 100px;
  height: 52px;
  border-radius: 6px;
  border: 1px solid #2C2C2C;
  background: #333333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto 38px;
}

@media (min-width: 1195px) {
  body div.find-form button.submit {
    font-size: 17px;
  }
}

body div.find-form div.result {
  border: 1px solid #ccc;
  background: #F8FBFC;
  text-align: center;
  line-height: 68px;
  font-weight: 700;
  font-size: 15px;
}

@media (min-width: 1195px) {
  body div.find-form div.result {
    margin: 0 -70px -40px;
    border: none;
    border-top: 1px solid #ccc;
    font-size: 16px;
  }
}

body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body u {
  text-decoration: none;
}

body header {
  position: relative;
  z-index: 998;
  height: 63px;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

body header.home {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 36px;
}

@media (min-width: 1195px) {
  body header.home {
    height: 140px;
  }
  body header.home.on {
    background: #fff;
  }
  body header.home.on .container .tools select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='8' viewBox='0 0 12 8'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_16' data-name='사각형 16' width='8' height='12' transform='translate(0 0)' fill='%23f81'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_5' data-name='그룹 5' transform='translate(12 0) rotate(90)'%3E%3Cg id='그룹_1' data-name='그룹 1' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1' data-name='패스 1' d='M.858,12a1.017,1.017,0,0,1-.573-.168.554.554,0,0,1-.065-.925L5.989,6,.22,1.093A.554.554,0,0,1,.285.168,1.053,1.053,0,0,1,1.5.218L7.781,5.561a.546.546,0,0,1,0,.875L1.5,11.783A.992.992,0,0,1,.858,12' transform='translate(0 0)' fill='%23f81'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right center/14px auto;
    color: #FF8811;
  }
}

@media (min-width: 1195px) {
  body header {
    height: 140px;
  }
}

body header .container h1 {
  margin: 10px 0 0 0;
}

@media (min-width: 1195px) {
  body header .container h1 {
    margin: 50px 0 0;
  }
}

body header .container h1 a {
  display: block;
  position: relative;
  font-size: 0;
  width: 60px;
  height: 48px;
  background: url(../images/gyulLogo.png) no-repeat center/100% auto;
}

@media (min-width: 1195px) {
  body header .container h1 a {
    font-size: 0px;
    width: 105px;
    height: 85px;
  }
}

body header .container div.tools {
  position: absolute;
  right: 15px;
  top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

@media (min-width: 1195px) {
  body header .container div.tools {
    position: absolute;
    right: 0;
    top: 75px;
  }
}

body header .container div.tools select {
  width: 60px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='8' viewBox='0 0 12 8'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_16' data-name='사각형 16' width='8' height='12' transform='translate(0 0)' fill='%23f81'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_5' data-name='그룹 5' transform='translate(12 0) rotate(90)'%3E%3Cg id='그룹_1' data-name='그룹 1' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1' data-name='패스 1' d='M.858,12a1.017,1.017,0,0,1-.573-.168.554.554,0,0,1-.065-.925L5.989,6,.22,1.093A.554.554,0,0,1,.285.168,1.053,1.053,0,0,1,1.5.218L7.781,5.561a.546.546,0,0,1,0,.875L1.5,11.783A.992.992,0,0,1,.858,12' transform='translate(0 0)' fill='%23f81'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right center/14px auto;
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  color: #FF8811;
  font-size: 15px;
}

body header .container div.tools select.home {
  color: #fff;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='8' viewBox='0 0 12 8'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_16' data-name='사각형 16' width='8' height='12' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_5' data-name='그룹 5' transform='translate(12 0) rotate(90)'%3E%3Cg id='그룹_1' data-name='그룹 1' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1' data-name='패스 1' d='M.858,12a1.017,1.017,0,0,1-.573-.168.554.554,0,0,1-.065-.925L5.989,6,.22,1.093A.554.554,0,0,1,.285.168,1.053,1.053,0,0,1,1.5.218L7.781,5.561a.546.546,0,0,1,0,.875L1.5,11.783A.992.992,0,0,1,.858,12' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right center/14px auto;
}

@media (max-width: 1195px) {
  body header .container div.tools select {
    font-size: 14px;
    width: 50px;
  }
}

body header .container div.tools select option {
  color: #555555;
}

body header .container div.tools button {
  width: 20px;
  height: 40px;
  font-size: 0;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.559' height='15.632' viewBox='0 0 20.559 15.632'%3E%3Cg id='그룹_12' data-name='그룹 12' transform='translate(0 0)'%3E%3Crect id='사각형_16' data-name='사각형 16' width='20.559' height='2.5' transform='translate(0 6.566)'/%3E%3Crect id='사각형_17' data-name='사각형 17' width='20.559' height='2.5' transform='translate(0 0)'/%3E%3Crect id='사각형_18' data-name='사각형 18' width='20.559' height='2.5' transform='translate(0 13.132)'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/20px auto;
}

body header .container div.tools button.home {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.559' height='15.632' viewBox='0 0 20.559 15.632'%3E%3Cg id='그룹_12' data-name='그룹 12' transform='translate(0 0)'%3E%3Crect id='사각형_16' data-name='사각형 16' width='20.559' height='2.5' transform='translate(0 6.566)' fill='%23fff'/%3E%3Crect id='사각형_17' data-name='사각형 17' width='20.559' height='2.5' transform='translate(0 0)' fill='%23fff'/%3E%3Crect id='사각형_18' data-name='사각형 18' width='20.559' height='2.5' transform='translate(0 13.132)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/20px auto;
}

@media (min-width: 1195px) {
  body header .container div.tools button {
    display: none;
  }
}

body.sub header div.tools {
  position: absolute;
}

@media (max-width: 1194px) {
  body nav#main-menu {
    font-family: "Pretendard", "Malgun Gothic", "apple sd gothic neo", sans-serif;
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
  }
  body nav#main-menu.on {
    display: block;
    z-index: 10000;
  }
  body nav#main-menu h2 {
    margin: 10px 0 0 15px;
  }
  body nav#main-menu h2 a {
    display: block;
    position: relative;
    font-size: 0;
    width: 60px;
    height: 48px;
    background: url(../images/gyulLogo.png) no-repeat center/100% auto;
    padding-left: 57px;
  }
  body nav#main-menu div.tools {
    padding: 10px;
    margin: 30px 0;
    text-align: center;
  }
  body nav#main-menu div.tools a {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    font-weight: 700;
    margin: 0 10px;
    color: #555555;
  }
  body nav#main-menu div.tools button.close {
    font-size: 0;
    position: absolute;
    right: 5px;
    top: 8px;
    font-weight: 700;
    border: none;
    background: transparent;
    margin: 0;
    width: 40px;
    height: 40px;
  }
  body nav#main-menu div.tools button.close i {
    font-size: 32px;
    color: #222;
  }
  body nav#main-menu div.menus {
    margin: 30px 0 55px;
  }
  body nav#main-menu div.menus > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
  }
  body nav#main-menu div.menus > ul > li h3 {
    margin: 0;
  }
  body nav#main-menu div.menus > ul > li h3 a {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: 48px;
    color: #111;
    padding: 0 20px;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #DDDDDD;
  }
  body nav#main-menu div.menus > ul > li h3 a::after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 7px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cg id='그룹_370' data-name='그룹 370' transform='translate(238.893 -434.161) rotate(90)'%3E%3Cpath id='패스_437' data-name='패스 437' d='M435.135,238.893a.97.97,0,0,1-.688-1.656l4.363-4.344-4.363-4.345a.966.966,0,0,1,0-1.371.977.977,0,0,1,1.378,0l5.052,5.031a.966.966,0,0,1,0,1.371l-5.052,5.029A.974.974,0,0,1,435.135,238.893Z' transform='translate(0)' fill='%232b2b2b'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  }
  body nav#main-menu div.menus > ul > li h3.on a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cg id='그룹_371' data-name='그룹 371' transform='translate(-226.893 441.161) rotate(-90)'%3E%3Cpath id='패스_437' data-name='패스 437' d='M435.135,238.893a.97.97,0,0,1-.688-1.656l4.363-4.344-4.363-4.345a.966.966,0,0,1,0-1.371.977.977,0,0,1,1.378,0l5.052,5.031a.966.966,0,0,1,0,1.371l-5.052,5.029A.974.974,0,0,1,435.135,238.893Z' transform='translate(0)' fill='%232b2b2b'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  body nav#main-menu div.menus > ul > li:first-child h3 a {
    border-top-color: #555;
  }
  body nav#main-menu div.menus > ul > li ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  body nav#main-menu div.menus > ul > li ul li a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 48px;
    padding: 0 20px;
    color: #555555;
    background: #F8F8F8;
  }
  body nav#main-menu div.menus > ul > li ul li:last-child {
    border-bottom: none;
  }
  body nav#main-menu div.menus > ul > li h3.on + ul {
    max-height: 1000px;
  }
}

@media (min-width: 1195px) {
  body nav#main-menu {
    position: absolute;
    z-index: 100001;
    left: 0;
    right: 0;
    top: 140px;
    height: 0;
    max-height: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  body nav#main-menu h2 {
    display: none;
  }
  body nav#main-menu div.tools {
    position: absolute;
    top: -130px;
    right: 50%;
    margin-right: -596px;
    text-align: center;
  }
  body nav#main-menu div.tools a {
    display: inline-block;
    color: #555;
    font-size: 14px;
    margin-left: 20px;
    font-weight: 700;
  }
  body nav#main-menu div.tools a.home {
    color: #fff;
  }
  body nav#main-menu div.tools a i {
    position: relative;
    top: 4px;
    margin-right: 5px;
    font-size: 22px;
  }
  body nav#main-menu div.tools button.close {
    display: none;
  }
  body nav#main-menu div.menus {
    position: absolute;
    left: 50%;
    top: -85px;
    margin: 0 0 0 -220px;
    width: 738px;
  }
  body nav#main-menu div.menus > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body nav#main-menu div.menus > ul > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  body nav#main-menu div.menus > ul > li:last-of-type {
    margin-right: 0;
  }
  body nav#main-menu div.menus > ul > li h3 {
    margin: 0;
    position: relative;
  }
  body nav#main-menu div.menus > ul > li h3 a {
    display: block;
    text-align: center;
    color: #111111;
    font-size: 19px;
    font-weight: 700;
    line-height: 60px;
  }
  body nav#main-menu div.menus > ul > li h3 a.home {
    color: #fff;
  }
  body nav#main-menu div.menus > ul > li ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    top: 84px;
    left: 50%;
    width: 100%;
    height: 290px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-height: 0;
    overflow: hidden;
    text-align: left;
  }
  body nav#main-menu div.menus > ul > li ul:hover {
    background-color: #FEF9F1;
    border-top: 1px solid #ccc;
  }
  body nav#main-menu div.menus > ul > li ul li a {
    display: inline-block;
    word-break: keep-all;
    margin: 0 0 20px;
    color: #555;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  body nav#main-menu div.menus > ul > li ul li a.active, body nav#main-menu div.menus > ul > li ul li a:hover {
    color: #FF8811;
  }
  body nav#main-menu div.menus > ul > li ul li a.active::before, body nav#main-menu div.menus > ul > li ul li a:hover::before {
    content: ">";
    color: #FF8811;
    margin-right: 5px;
  }
  body nav#main-menu.on {
    max-height: 1000px;
    height: 291px;
    background: #fff;
    border-top: 1px solid #ccc;
    -webkit-box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.25);
  }
  body nav#main-menu.on div.tools a {
    color: #555;
  }
  body nav#main-menu.on div.menus > ul > li h3 a {
    color: #111111;
  }
  body nav#main-menu.on div.menus > ul > li ul {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
    -webkit-transition-property: border;
    transition-property: border;
    max-height: 1000px;
    padding: 40px 0 0 20px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
  }
  body nav#main-menu.on div.menus > ul > li ul a {
    opacity: 1;
  }
  body nav#main-menu.on div.menus > ul > li:last-of-type ul {
    border-right: 1px solid #ccc;
  }
}

body div#content {
  /* MAIN */
  /* SUB */
}

body div#content.main section.main-issue {
  text-align: center;
}

body div#content.main section.main-issue div.main-text {
  margin: 0 auto 15px;
  height: 640px;
  background: url(../images/main.png) no-repeat center/cover;
  padding: 90px 44px 0;
  position: relative;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text {
    padding: 240px 44px 0;
    height: 918px;
  }
}

body div#content.main section.main-issue div.main-text h3 {
  margin: 0 0 23px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  text-shadow: 0px 3px 15px #00000033;
  line-height: 1.6;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text h3 {
    font-size: 48px;
  }
}

body div#content.main section.main-issue div.main-text h3 span {
  display: block;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text h3 span {
    display: inline-block;
  }
}

body div#content.main section.main-issue div.main-text p {
  text-align: center;
  font-size: 16px;
  color: #fff;
  text-shadow: 0px 3px 15px #00000033;
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text p {
    font-size: 22px;
    line-height: 2;
  }
}

body div#content.main section.main-issue div.main-text div.main-trend {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(9px);
          backdrop-filter: blur(9px);
  padding: 18px 15px;
  text-align: start;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text div.main-trend {
    padding: 13px 15px;
    text-align: center;
    height: 78px;
  }
}

body div#content.main section.main-issue div.main-text div.main-trend a {
  font-size: 17px;
  color: #FFA50A;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text div.main-trend a {
    font-size: 20px;
    display: inline-block;
    margin-right: 128px;
  }
}

body div#content.main section.main-issue div.main-text div.main-trend .trend-swiper {
  height: 25px;
  overflow: hidden;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text div.main-trend .trend-swiper {
    display: inline-block;
    width: 800px;
    height: 35px;
  }
}

body div#content.main section.main-issue div.main-text div.main-trend .trend-swiper .swiper-wrapper {
  margin-top: 8px;
  font-size: 14px;
  color: #fff;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text div.main-trend .trend-swiper .swiper-wrapper {
    width: 400px;
    font-size: 18px;
  }
}

body div#content.main section.main-issue div.main-text div.main-trend .trend-swiper .swiper-wrapper .swiper-slide {
  white-space: nowrap;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text div.main-trend .trend-swiper .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 10px;
  }
  body div#content.main section.main-issue div.main-text div.main-trend .trend-swiper .swiper-wrapper .swiper-slide::after {
    display: block;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #929292;
  }
}

body div#content.main section.main-issue div.main-text div.main-trend .trend-swiper .swiper-wrapper .swiper-slide span {
  margin-right: 5px;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text div.main-trend .trend-swiper .swiper-wrapper .swiper-slide span {
    margin-right: 15px;
  }
}

body div#content.main section.main-issue div.main-text div.main-trend .trend-btn {
  display: none;
}

@media (min-width: 1195px) {
  body div#content.main section.main-issue div.main-text div.main-trend .trend-btn {
    margin-left: 20px;
    display: inline-block;
  }
  body div#content.main section.main-issue div.main-text div.main-trend .trend-btn button {
    outline: none;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 25px;
  }
}

body div#content.main section.main-story {
  text-align: center;
  margin-top: 80px;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story {
    margin-top: 225px;
  }
}

body div#content.main section.main-story h3 {
  text-align: start;
  font-size: 30px;
  font-weight: 900;
  color: #FEA100;
  margin: 0 0 37px 0;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story h3 {
    font-size: 42px;
  }
}

body div#content.main section.main-story h3 span {
  display: block;
  color: #111111;
  position: relative;
  z-index: 99;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story h3 span {
    display: inline-block;
  }
}

body div#content.main section.main-story h3 span::before {
  content: "";
  width: 55px;
  height: 52px;
  background: url(../images/main-waterball.png) no-repeat center/cover;
  position: absolute;
  top: -10px;
  left: 65px;
  z-index: -1;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story h3 span::before {
    width: 83px;
    top: -20px;
    height: 77px;
    left: 77px;
  }
}

body div#content.main section.main-story .stroy-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 345px;
  margin: 0 auto;
  z-index: 1;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story .stroy-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
}

body div#content.main section.main-story .stroy-box::before {
  content: "";
  display: block;
  width: 200px;
  height: 131px;
  background: url(../images/leafTop.png) no-repeat center/cover;
  position: absolute;
  top: -87px;
  right: -15px;
  z-index: -1;
}

body div#content.main section.main-story .stroy-box::after {
  content: "";
  display: block;
  width: 89px;
  height: 61px;
  background: url(../images/leafBottom.png) no-repeat center/cover;
  position: absolute;
  bottom: -20px;
  left: -15px;
  z-index: -1;
}

body div#content.main section.main-story .stroy-box li {
  position: relative;
  width: 345px;
  height: 210px;
  -webkit-box-shadow: 0px 20px 40px #0000001A;
          box-shadow: 0px 20px 40px #0000001A;
  margin-bottom: 25px;
  z-index: 1;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story .stroy-box li {
    width: 380px;
    height: 450px;
    margin-right: 30px;
  }
}

body div#content.main section.main-story .stroy-box li a {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}

body div#content.main section.main-story .stroy-box li a::after {
  content: ">";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  background: #000;
  color: #fff;
  font-size: 30px;
  position: absolute;
  bottom: 30px;
  right: 0;
  z-index: 1;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story .stroy-box li a::after {
    width: 76px;
    height: 76px;
    font-size: 40px;
    bottom: 212px;
  }
}

body div#content.main section.main-story .stroy-box li a img {
  width: 100%;
  height: 160px;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story .stroy-box li a img {
    height: 200px;
  }
}

body div#content.main section.main-story .stroy-box li a div {
  padding: 13px;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story .stroy-box li a div {
    padding: 41px 40px;
  }
}

body div#content.main section.main-story .stroy-box li a div h5 {
  background: #fff;
  font-size: 18px;
  font-weight: 900;
  color: #111111;
  margin: 0;
  z-index: 1;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story .stroy-box li a div h5 {
    font-size: 24px;
    margin: 0 0 23px 0;
  }
}

body div#content.main section.main-story .stroy-box li a div p {
  display: none;
}

@media (min-width: 1195px) {
  body div#content.main section.main-story .stroy-box li a div p {
    display: block;
    font-size: 19px;
    color: #555555;
    margin: 10px 0;
  }
}

body div#content.main section.main-gallery {
  margin-top: 80px;
  text-align: center;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery {
    margin-top: 195px;
  }
}

body div#content.main section.main-gallery h3 {
  text-align: start;
  font-size: 19px;
  font-weight: 700;
  color: #111111;
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery h3 {
    font-size: 30px;
  }
}

body div#content.main section.main-gallery h3 span {
  font-size: 30px;
  font-weight: 900;
  color: #FEA100;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery h3 span {
    font-size: 42px;
  }
}

body div#content.main section.main-gallery a {
  display: block;
  text-align: end;
  margin: 20px 0 0 0;
  font-size: 15px;
  color: #555555;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery a {
    font-size: 17px;
  }
}

body div#content.main section.main-gallery .gallery-box {
  position: relative;
  margin: 19px auto 0;
  width: 100%;
  height: 400px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(../images/main-gallery.png) no-repeat center/cover;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/main-gallery.png) no-repeat center/cover;
  padding: 55px 5px 55px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery .gallery-box {
    margin: 40px auto 0;
  }
}

body div#content.main section.main-gallery .gallery-box > div.container {
  padding: 0;
}

body div#content.main section.main-gallery .gallery-box .btn-box {
  width: 345px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 99;
  margin: 0 auto;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery .gallery-box .btn-box {
    width: 100%;
  }
}

body div#content.main section.main-gallery .gallery-box .btn-box button {
  font-size: 50px;
  outline: none;
  border: none;
  background: transparent;
  color: #fff;
}

body div#content.main section.main-gallery .gallery-box .btn-box button.swiper-button-disabled {
  opacity: 0.2;
}

body div#content.main section.main-gallery .gallery-box .gallery-swiper {
  width: 345px;
  height: 250px;
  overflow: hidden;
  margin: 0 auto;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery .gallery-box .gallery-swiper {
    width: 100%;
  }
}

body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide {
  width: 345px;
  height: 250px;
  margin: 0;
}

body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide img {
  width: 345px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide img {
    width: 100%;
  }
}

body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide .gallery-text {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 345px;
  height: 250px;
  color: #111111;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 30px;
}

body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide .gallery-text:hover {
  opacity: 1;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide .gallery-text {
    width: 100%;
  }
}

body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide .gallery-text i {
  font-style: normal;
  display: block;
}

body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide .gallery-text h4 {
  margin: 5px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide .gallery-ready img {
  width: 345px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1195px) {
  body div#content.main section.main-gallery .gallery-box .gallery-swiper .swiper-slide .gallery-ready img {
    width: 100%;
  }
}

body div#content.main section.main-notice {
  position: relative;
  margin-top: 70px;
  text-align: center;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice {
    margin-bottom: 75px;
  }
}

body div#content.main section.main-notice .notice-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .notice-box {
    width: 770px;
  }
}

body div#content.main section.main-notice .notice-box h5 {
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  color: #111111;
  margin: 0;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .notice-box h5 {
    font-size: 28px;
  }
}

body div#content.main section.main-notice .notice-box .notice-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: end;
}

body div#content.main section.main-notice .notice-box .notice-btn button {
  outline: none;
  border: none;
  background: transparent;
  margin-right: 15px;
}

body div#content.main section.main-notice .notice-box .notice-btn button.swiper-button-disabled {
  opacity: 0.2;
}

body div#content.main section.main-notice .notice-box .notice-btn a {
  font-size: 18px;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .notice-box .notice-btn a {
    font-size: 28px;
  }
}

body div#content.main section.main-notice .notice-swiper {
  margin-top: 12px;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .notice-swiper {
    width: 770px;
    height: 440px;
  }
}

body div#content.main section.main-notice .notice-swiper .swiper-wrapper .notice-ready {
  background: #F5F5F5;
  width: 100%;
  height: 100%;
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide {
  padding: 24px;
  background: #F5F5F5;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide {
    padding: 40px 34px;
  }
}

body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide .notice-ready {
  background: #F5F5F5;
  width: 100%;
  height: 100%;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide a {
  width: 100%;
  height: 100%;
}

body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide a p {
  margin: 10px 0;
}

body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide a p.day {
  font-size: 15px;
  color: #111111;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide a p.day {
    font-size: 17px;
  }
}

body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide a p.text {
  margin-top: 30px;
  font-size: 16px;
  color: #555555;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide a p.text {
    font-size: 18px;
  }
}

body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide a h6 {
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  margin: 5px 0;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .notice-swiper .swiper-wrapper .swiper-slide a h6 {
    font-size: 20px;
  }
}

body div#content.main section.main-notice .youtube {
  margin-top: 25px;
  min-width: 345px;
  min-height: 238px;
  width: 100%;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .youtube {
    position: absolute;
    top: 45px;
    right: 0;
    width: 406px;
    height: 280px;
    margin: 0;
  }
}

body div#content.main section.main-notice .youtube iframe {
  min-width: 345px;
  min-height: 238px;
  width: 100%;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .youtube iframe {
    width: 406px;
    height: 280px;
  }
}

body div#content.main section.main-notice .youtube .youtube-ready {
  min-width: 345px;
  min-height: 238px;
  width: 100%;
  background: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .youtube .youtube-ready {
    width: 406px;
    height: 280px;
  }
}

body div#content.main section.main-notice .brochure {
  margin-top: 25px;
  margin-bottom: 72px;
  display: block;
  font-size: 0;
  background: url(../images/brochure.png) no-repeat center/cover;
  width: 100%;
  min-width: 345px;
  height: 118px;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .brochure {
    position: absolute;
    top: 345px;
    right: 0;
    width: 406px;
    height: 140px;
    margin: 0;
  }
}

body div#content.main section.main-notice .promotion-box {
  margin: 12px 0 0 0;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .promotion-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 40px;
  }
}

body div#content.main section.main-notice .promotion-box .youtube-en {
  display: block;
  min-width: 345px;
  min-height: 238px;
  width: 100%;
  background: #F5F5F5;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .promotion-box .youtube-en {
    width: 800px;
    min-height: 140px;
  }
}

body div#content.main section.main-notice .promotion-box .youtube-en .youtube-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 40px;
}

body div#content.main section.main-notice .promotion-box .youtube-en .youtube-list iframe {
  min-width: 345px;
  min-height: 238px;
  width: 100%;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .promotion-box .youtube-en .youtube-list iframe {
    width: 260px;
    height: 140px;
    min-width: 260px;
    min-height: 140px;
  }
}

body div#content.main section.main-notice .promotion-box .youtube-en .youtube-list .youtube-text {
  display: none;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .promotion-box .youtube-en .youtube-list .youtube-text {
    display: block;
  }
  body div#content.main section.main-notice .promotion-box .youtube-en .youtube-list .youtube-text p {
    margin: 40px 0 20px 0;
    font-size: 24px;
    color: #111;
    font-weight: 700;
  }
  body div#content.main section.main-notice .promotion-box .youtube-en .youtube-list .youtube-text i {
    font-style: normal;
    font-size: 17px;
    color: #555555;
  }
}

body div#content.main section.main-notice .promotion-box .youtube-en .youtube-ready {
  width: 100%;
  height: 238px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .promotion-box .youtube-en .youtube-ready {
    height: 140px;
  }
}

body div#content.main section.main-notice .promotion-box .brochure-en {
  margin-top: 25px;
  margin-bottom: 72px;
  display: block;
  font-size: 0;
  background: url(../images/brochure.png) no-repeat center/cover;
  width: 100%;
  min-width: 345px;
  height: 118px;
}

@media (min-width: 1195px) {
  body div#content.main section.main-notice .promotion-box .brochure-en {
    display: inline-block;
    top: 345px;
    right: 0;
    width: 406px;
    height: 140px;
    margin: 0;
  }
}

body div#content.sub {
  padding: 0 0 60px;
}

@media (min-width: 1195px) {
  body div#content.sub {
    padding: 0 0 80px;
  }
}

@media (min-width: 1195px) {
  body div#content.sub div.container {
    width: 1200px;
  }
}

body div#content.sub section.sub-head {
  position: relative;
  z-index: 600;
  height: 200px;
  margin: 0 0 30px;
  padding: 50px 0 0 0;
}

body div#content.sub section.sub-head.company {
  background: url(../images/company.png) no-repeat center/cover;
}

body div#content.sub section.sub-head.board {
  background: url(../images/board.png) no-repeat center/cover;
}

body div#content.sub section.sub-head.photo {
  background: url(../images/photo.png) no-repeat center/cover;
}

body div#content.sub section.sub-head.gyul {
  background: url(../images/gyul.png) no-repeat center/cover;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-head {
    height: 300px;
    padding: 100px 0 0 0;
  }
}

body div#content.sub section.sub-head::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

body div#content.sub section.sub-head div.container {
  z-index: 400;
  display: block;
}

body div#content.sub section.sub-head div.container div.nodepth {
  text-align: center;
  height: 100px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 0;
}

body div#content.sub section.sub-head div.container div.nodepth > a {
  display: none;
  position: absolute;
  left: 15px;
  top: 0;
  vertical-align: top;
  width: 38px;
  height: 60px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.296' height='19.83' viewBox='0 0 19.296 19.83'%3E%3Cpath id='패스_1260' data-name='패스 1260' d='M328.951,180.594,320.3,186.4v12.195h6.315V192.2h4.666v6.392H337.6V186.4Z' transform='translate(-319.303 -179.763)' fill='none' stroke='%23000' stroke-linejoin='bevel' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat left center/auto 18px;
}

body div#content.sub section.sub-head div.container div.nodepth strong {
  position: relative;
  display: block;
  line-height: 60px;
  width: 100%;
  border: none;
  background: none;
  font-size: 20px;
  font-weight: 900;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body div#content.sub section.sub-head div.container div.nodepth ul {
  display: inline-block;
  opacity: 0;
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body div#content.sub section.sub-head div.container div.nodepth ul li a {
  font-size: 17px;
  font-weight: 700;
  color: #555555;
  line-height: 40px;
}

body div#content.sub section.sub-head div.container div.nodepth ul li a.on {
  font-weight: 700;
  color: #111111;
}

body div#content.sub section.sub-head div.container div.nodepth ul li a.on span {
  text-decoration: underline;
}

body div#content.sub section.sub-head div.container div.nodepth ul li a::before {
  content: "· ";
}

body div#content.sub section.sub-head div.container div.nodepth.on {
  max-height: 10000px;
}

body div#content.sub section.sub-head div.container div.nodepth.on button::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body div#content.sub section.sub-head div.container div.nodepth.on ul {
  opacity: 1;
  margin: 0 0 30px;
}

body div#content.sub section.sub-head div.container div.depth1 {
  text-align: left;
}

body div#content.sub section.sub-head div.container div.depth1 a {
  margin-top: 50px;
  font-size: 32px;
  font-weight: 900;
  color: #fff;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-head div.container div.depth1 a {
    font-size: 42px;
  }
}

body div#content.sub section.sub-head div.container div.depth2 {
  position: relative;
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-head div.container div.depth2 {
    margin-top: 88px;
  }
}

body div#content.sub section.sub-head div.container div.depth2 .home {
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18.102' height='20' viewBox='0 0 18.102 20'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_108' data-name='사각형 108' width='18.102' height='20' fill='%23fff' stroke='%23fff' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_23' data-name='그룹 23' transform='translate(0 0)'%3E%3Cg id='그룹_22' data-name='그룹 22' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_48' data-name='패스 48' d='M17.68,20H11.927a.422.422,0,0,1-.422-.422v-6.43H6.6v6.43A.422.422,0,0,1,6.175,20H.422A.422.422,0,0,1,0,19.578V5.592A.422.422,0,0,1,.205,5.23L8.834.06a.423.423,0,0,1,.434,0L17.9,5.23a.422.422,0,0,1,.205.362V19.578A.422.422,0,0,1,17.68,20m-5.33-.845h4.908V5.832L9.051.915.845,5.832V19.156H5.753v-6.43a.422.422,0,0,1,.422-.422h5.752a.422.422,0,0,1,.422.422Z' transform='translate(0 0)' fill='%23fff' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat left center/auto 18px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-head div.container div.depth2 .home {
    margin-right: 25px;
  }
}

body div#content.sub section.sub-head div.container div.depth2 div.depthlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

body div#content.sub section.sub-head div.container div.depth2 div.depthlink a {
  font-size: 17px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body div#content.sub section.sub-head div.container div.depth2 div.depthlink a:hover {
  color: #FFAA00;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-head div.container div.depth2 div.depthlink a {
    font-size: 20px;
  }
}

body div#content.sub section.sub-head div.container div.depth2 div.depthlink a.on {
  color: #FFAA00;
  font-weight: 700;
}

body div#content.sub section.sub-head div.container div.depth2 div.depthlink a::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  width: 1px;
  height: 13px;
  background: #999999;
  margin: 0 18px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-head div.container div.depth2 div.depthlink a::after {
    margin: 0 30px;
  }
}

body div#content.sub section.sub-head div.container div.depth2 div.depthlink a:last-of-type::after {
  display: none;
}

body div#content.sub section.sub-board {
  padding: 0 0 30px;
  text-align: center;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board {
    padding: 0 0 60px;
  }
}

body div#content.sub section.sub-board div.boardMain h2 {
  font-size: 24px;
  color: #111111;
  font-weight: 900;
  margin: 0 0 40px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain h2 {
    font-size: 28px;
  }
}

body div#content.sub section.sub-board div.boardMain div.boadrdSearch {
  height: 80px;
  background: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 30px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain div.boadrdSearch {
    height: 120px;
  }
}

body div#content.sub section.sub-board div.boardMain div.boadrdSearch input {
  width: 100%;
  height: 42px;
  border: 1px solid #BBBBBB;
  padding: 0 10px;
  font-size: 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain div.boadrdSearch input {
    width: 500px;
    height: 48px;
  }
}

body div#content.sub section.sub-board div.boardMain div.boadrdSearch button {
  width: 80px;
  height: 42px;
  background: #333333;
  border: 1px solid #2C2C2C;
  color: #fff;
  font-size: 16px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain div.boadrdSearch button {
    width: 100px;
    height: 48px;
  }
}

body div#content.sub section.sub-board div.boardMain div.boadrdSearch button.write {
  margin-left: 10px;
  background: #FF8811;
  border: none;
}

body div#content.sub section.sub-board div.boardMain .brochure {
  width: 346px;
  height: 360px;
  border: 1px solid #BBBBBB;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain .brochure {
    width: 100%;
    height: 480px;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
}

body div#content.sub section.sub-board div.boardMain .brochure img {
  display: block;
  width: 133px;
  height: 198px;
  margin: 15px auto;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain .brochure img {
    display: inline-block;
    width: 290px;
    height: 430px;
    margin: 0;
  }
}

body div#content.sub section.sub-board div.boardMain .brochure .brochure-text {
  display: inline-block;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain .brochure .brochure-text {
    margin: 90px 0 0 27px;
  }
}

body div#content.sub section.sub-board div.boardMain .brochure .brochure-text p {
  font-size: 18px;
  color: #111111;
  margin: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain .brochure .brochure-text p {
    font-size: 21px;
    display: block;
  }
}

body div#content.sub section.sub-board div.boardMain .brochure .brochure-text h4 {
  font-size: 20px;
  font-weight: 900;
  color: #111111;
  margin: 5px 0 15px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain .brochure .brochure-text h4 {
    display: block;
    font-size: 25px;
  }
}

body div#content.sub section.sub-board div.boardMain .brochure .brochure-text h4 span {
  font-weight: 400;
}

body div#content.sub section.sub-board div.boardMain .brochure .brochure-text a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 135px;
  height: 46px;
  background: #D43926;
  border: 1px solid #561A12;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain .brochure .brochure-text a {
    width: 140px;
    height: 50px;
  }
}

body div#content.sub section.sub-board div.boardMain .brochure .brochure-text a:first-of-type {
  margin-right: 15px;
}

body div#content.sub section.sub-board div.boardMain .brochure .brochure-text a span {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.boardMain .brochure .brochure-text a span {
    font-size: 18px;
  }
}

body div#content.sub section.sub-board div.boardMain .brochure .brochure-text a span.view::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 7px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_281' data-name='사각형 281' width='20' height='20' fill='%23ffd277'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_126' data-name='그룹 126' transform='translate(0 0)'%3E%3Cg id='그룹_125' data-name='그룹 125' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_803' data-name='패스 803' d='M16.057,8.029a8.029,8.029,0,1,0-8.046,8.029,7.913,7.913,0,0,0,4.264-1.249L17.467,20,20,17.467l-5.192-5.174a7.96,7.96,0,0,0,1.249-4.264m-8.029,4.46a4.46,4.46,0,1,1,4.46-4.46,4.462,4.462,0,0,1-4.46,4.46' transform='translate(0 0)' fill='%23ffd277'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

body div#content.sub section.sub-board div.boardMain .brochure .brochure-text a span.down::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 19px;
  margin-right: 7px;
  background: url("data:image/svg+xml,%3Csvg id='file_download_black_24dp' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='패스_789' data-name='패스 789' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='패스_790' data-name='패스 790' d='M20.111,9.274H15.793V3H9.317V9.274H5l7.555,7.32ZM5,18.686v2.091H20.111V18.686Z' transform='translate(-0.555 -0.333)' fill='%23ffd277'/%3E%3C/svg%3E") no-repeat center/cover;
}

body div#content.sub section.sub-board div.list {
  margin-top: 30px;
}

body div#content.sub section.sub-board div.list ul.list {
  list-style: none;
  border-top: 1px solid #111111;
  margin: 0;
  padding: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list {
    position: relative;
    padding-top: 50px;
    border-top: none;
  }
  body div#content.sub section.sub-board div.list ul.list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    border-top: 1px solid #111111;
    border-bottom: 1px solid #BBBBBB;
  }
}

body div#content.sub section.sub-board div.list ul.list li a {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  padding: 20px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a {
    padding: 28px 0;
  }
}

body div#content.sub section.sub-board div.list ul.list li a div.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box {
    display: block;
    font-size: 0;
  }
}

body div#content.sub section.sub-board div.list ul.list li a div.box div {
  margin: auto 0;
  word-break: keep-all;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box div {
    display: inline-block;
    vertical-align: top;
  }
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.num {
  display: none;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box div.num {
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    text-align: center;
    font-size: 15px;
    width: 100px;
  }
  body div#content.sub section.sub-board div.list ul.list li a div.box div.num span.notice {
    font-size: 0;
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='26' viewBox='0 0 40 26'%3E%3Cg id='그룹_1750' data-name='그룹 1750' transform='translate(-396 -1019)'%3E%3Crect id='사각형_278' data-name='사각형 278' width='40' height='26' rx='13' transform='translate(396 1019)' fill='%23fa0'/%3E%3Cg id='star_black_24dp' transform='translate(407 1023)'%3E%3Cpath id='패스_799' data-name='패스 799' d='M0,0H18V18H0Z' fill='none'/%3E%3Cpath id='패스_800' data-name='패스 800' d='M0,0H18V18H0Z' fill='none'/%3E%3Cpath id='패스_801' data-name='패스 801' d='M9.667,13.787,14.4,16.667,13.147,11.24l4.186-3.651-5.512-.471L9.667,2,7.512,7.118,2,7.589,6.186,11.24,4.929,16.667Z' transform='translate(-0.667 -0.667)' fill='%23333'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
  }
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box div.text {
    width: calc(100% - 390px);
  }
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.text h5 {
  margin: 0;
  font-size: 15px;
  color: #111111;
  font-weight: 500;
  line-height: 1.6;
  display: block;
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.text h5.file::before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg id='attachment_black_24dp' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cpath id='패스_787' data-name='패스 787' d='M0,0H21V21H0Z' fill='none'/%3E%3Cpath id='패스_788' data-name='패스 788' d='M2,11.813A4.81,4.81,0,0,1,6.813,7H16a3.5,3.5,0,0,1,0,7H8.563a2.188,2.188,0,0,1,0-4.375h6.563v1.75H8.484c-.481,0-.481.875,0,.875H16a1.75,1.75,0,0,0,0-3.5H6.813a3.063,3.063,0,0,0,0,6.125h8.313v1.75H6.813A4.81,4.81,0,0,1,2,11.813Z' transform='translate(-0.25 -0.875)' fill='%233a9a8f'/%3E%3C/svg%3E%0A") no-repeat center/cover;
  width: 21px;
  height: 13px;
  margin-right: 5px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box div.text h5 {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box div.text2 {
    width: calc(100% - 241px);
  }
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.text2 h5 {
  margin: 0;
  font-size: 15px;
  color: #111111;
  font-weight: 500;
  line-height: 1.6;
  display: block;
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.name {
  display: none;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box div.name {
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 140px;
    font-size: 15px;
    margin-left: auto;
    text-align: center;
    color: #555555;
    padding: 0 10px;
  }
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.date {
  margin-left: auto;
  text-align: center;
  font-size: 14px;
  color: #555555;
  padding: 0 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box div.date {
    font-size: 15px;
    width: 140px;
    color: #555555;
  }
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.file {
  position: relative;
  margin-left: auto;
  text-align: center;
  font-size: 14px;
  color: #555555;
  padding: 0 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box div.file {
    font-size: 15px;
    width: 140px;
    color: #555555;
  }
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.file strong {
  display: none;
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.file span {
  z-index: 999;
  position: absolute;
  display: block;
  background: #DCDCDC;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  top: -17px;
  right: 0;
  font-size: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li a div.box div.file span {
    top: 0;
    right: 50px;
  }
}

body div#content.sub section.sub-board div.list ul.list li a div.box div.file span::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg id='file_download_black_24dp' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='패스_789' data-name='패스 789' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='패스_790' data-name='패스 790' d='M17.295,9.4H13.782V3H8.513V9.4H5l6.147,7.47ZM5,19.008v2.134H17.295V19.008Z' transform='translate(0.853 0.512)' fill='%233a9a8f'/%3E%3C/svg%3E%0A") no-repeat center/cover;
  display: block;
  margin-left: 3px;
  width: 28px;
  height: 30px;
  z-index: 999;
}

body div#content.sub section.sub-board div.list ul.list li a div.box div strong {
  display: none;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.list li:first-of-type a div.box div {
    position: relative;
  }
  body div#content.sub section.sub-board div.list ul.list li:first-of-type a div.box div strong {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -56px;
    text-align: center;
    font-weight: 400;
    color: #555555;
    font-size: 15px;
  }
}

body div#content.sub section.sub-board div.list ul.faqList {
  border-top: 2px solid #555555;
  list-style: none;
  margin: 0;
  padding: 0;
}

body div#content.sub section.sub-board div.list ul.faqList li h5 {
  position: relative;
  width: 100%;
  margin: 0;
  font-size: 17px;
  color: #111;
  font-weight: 500;
  line-height: 78px;
  padding: 0 20px 0 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.faqList li h5 {
    line-height: 86px;
    font-size: 19px;
    padding: 0 20px 0 80px;
  }
}

body div#content.sub section.sub-board div.list ul.faqList li h5::before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 34px;
  height: 34px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9.582' height='17.637' viewBox='0 0 9.582 17.637'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='9.582' height='17.637' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg  transform='translate(0 0)'%3E%3Cg transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1260' data-name='패스 1260' d='M12.522,42.755H10.251a.388.388,0,0,0-.387.388v2.229a.388.388,0,0,0,.387.388h2.271a.388.388,0,0,0,.388-.388V43.143a.388.388,0,0,0-.388-.388' transform='translate(-6.488 -28.124)' fill='%23fff'/%3E%3Cpath d='M5.015,0C1.827,0,0,1.959,0,5.376a.388.388,0,0,0,.389.387h1.7a.388.388,0,0,0,.388-.387C2.474,3.308,3.3,2.3,4.992,2.3A1.9,1.9,0,0,1,7.107,4.4,3.611,3.611,0,0,1,5.943,6.85a7.79,7.79,0,0,0-2.229,6.039.389.389,0,0,0,.388.388H5.694a.388.388,0,0,0,.388-.388,5.274,5.274,0,0,1,1.55-4.321A5.882,5.882,0,0,0,9.582,4.4,4.246,4.246,0,0,0,5.015,0' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/26% auto;
  background-color: #555555;
  border-radius: 50%;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.faqList li h5::before {
    left: 25px;
    width: 38px;
    height: 38px;
  }
}

body div#content.sub section.sub-board div.list ul.faqList li h5::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  width: 14px;
  height: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.41' height='9.418' viewBox='0 0 15.41 9.418'%3E%3Cg transform='translate(0.705 8.709) rotate(-90)'%3E%3Cpath d='M7.039,14,0,7,7.039,0,8,.956,1.923,7,8,13.044Z' transform='translate(0 0)' fill='%23555' stroke='%23555' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.faqList li h5::after {
    width: 15px;
    height: 17px;
    margin-top: -8.5px;
  }
}

body div#content.sub section.sub-board div.list ul.faqList li h5.on::before {
  background-color: #818CF2;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}

body div#content.sub section.sub-board div.list ul.faqList li h5.on::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.41' height='9.418' viewBox='0 0 15.41 9.418'%3E%3Cg transform='translate(0.705 8.709) rotate(-90)'%3E%3Cpath d='M7.039,14,0,7,7.039,0,8,.956,1.923,7,8,13.044Z' transform='translate(0 0)' fill='%23555' stroke='%23818CF2' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}

body div#content.sub section.sub-board div.list ul.faqList li div.answer {
  position: relative;
  max-height: 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  background: #F5F5F5;
  padding: 0 25px 0 25px;
  color: #555;
  line-height: 1.6;
  word-break: keep-all;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1) inset;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.list ul.faqList li div.answer {
    padding: 0 80px 0 80px;
    font-size: 18px;
  }
}

body div#content.sub section.sub-board div.list ul.faqList li div.answer p {
  margin: 0;
}

body div#content.sub section.sub-board div.list ul.faqList li h5.on + div {
  max-height: 3000px;
  padding-top: 34px;
  padding-bottom: 34px;
  border-bottom: 1px solid #ccc;
}

body div#content.sub section.sub-board div.view div.board {
  text-align: left;
  padding: 15px 0;
  word-break: keep-all;
}

body div#content.sub section.sub-board div.view div.board h3 {
  font-size: 24px;
  margin: 0 0 18px;
  font-weight: 900;
  color: #111111;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.view div.board h3 {
    font-size: 26px;
  }
}

body div#content.sub section.sub-board div.view div.board-title {
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #BBBBBB;
}

body div#content.sub section.sub-board div.view div.board-title h4 {
  font-size: 19px;
  font-weight: 800;
  color: #111111;
  margin: 25px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.view div.board-title h4 {
    font-size: 21px;
    margin: 27px 0;
  }
}

body div#content.sub section.sub-board div.view div.board-info {
  text-align: start;
  border-bottom: 1px solid #BBBBBB;
  padding: 0 0 0 5px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.view div.board-info {
    padding: 0 0 0 20px;
  }
}

body div#content.sub section.sub-board div.view div.board-info ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 18px;
  padding: 0;
  margin: 15px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.view div.board-info ul {
    gap: 40px;
  }
}

body div#content.sub section.sub-board div.view div.board-info ul li {
  font-size: 12px;
  color: #555555;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.view div.board-info ul li {
    font-size: 16px;
  }
}

body div#content.sub section.sub-board div.view div.board-info ul li u {
  text-decoration: none;
}

body div#content.sub section.sub-board div.view div.board-file {
  text-align: start;
  border-bottom: 1px solid #BBBBBB;
  padding: 15px 0 15px 5px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.view div.board-file {
    padding: 15px 0 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
  }
}

body div#content.sub section.sub-board div.view div.board-file span {
  font-size: 14px;
  color: #555555;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.view div.board-file span {
    font-size: 16px;
  }
}

body div#content.sub section.sub-board div.view div.board-file a {
  margin-top: 10px;
  display: block;
  font-size: 14px;
  color: #5A83B4;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.view div.board-file a {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    width: auto;
  }
}

body div#content.sub section.sub-board div.view div.board-file a::before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg id='file_download_black_24dp' xmlns='http://www.w3.org/2000/svg' width='21.333' height='21.333' viewBox='0 0 21.333 21.333'%3E%3Cpath id='패스_789' data-name='패스 789' d='M0,0H21.333V21.333H0Z' fill='none'/%3E%3Cpath id='패스_790' data-name='패스 790' d='M16.851,8.187H13.465V3H8.386V8.187H5l5.926,6.051ZM5,15.967V17.7H16.851V15.967Z' transform='translate(-0.259 -0.156)' fill='%235a83b4'/%3E%3C/svg%3E%0A") no-repeat center/cover;
  width: 17px;
  height: 11px;
}

body div#content.sub section.sub-board div.view div.board-text {
  padding: 20px 10px;
  font-size: 15px;
  color: #555555;
  border-bottom: 1px solid #BBBBBB;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.view div.board-text {
    font-size: 17px;
    padding: 60px 20px;
  }
}

body div#content.sub section.sub-board div.view div.board-text p {
  margin: 0 0 6px;
}

body div#content.sub section.sub-board div.view div.board-text p.image {
  text-align: center;
  margin: 20px 0;
}

body div#content.sub section.sub-board div.view div.board-text img {
  max-width: 100%;
}

body div#content.sub section.sub-board div.view div.button-set {
  position: relative;
  text-align: center;
  padding: 30px 0 50px;
}

body div#content.sub section.sub-board div.view div.button-set a.list {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #333333;
  line-height: 46px;
  padding: 0 30px;
}

body div#content.sub section.sub-board div.view div.button-set a.list.change {
  margin-left: 10px;
  background: #FF8811;
}

body div#content.sub section.sub-board div.view div.board-navi {
  border-top: 1px solid #111111;
  border-bottom: 1px solid #111111;
  padding: 0px 5px;
}

body div#content.sub section.sub-board div.view div.board-navi div.navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #BBBBBB;
  font-size: 15px;
}

body div#content.sub section.sub-board div.view div.board-navi div.navi:last-of-type {
  border-bottom: none;
}

body div#content.sub section.sub-board div.view div.board-navi div.navi p {
  display: block;
  color: #111111;
  font-weight: 700;
  width: 70px;
  white-space: nowrap;
}

body div#content.sub section.sub-board div.view div.board-navi div.navi p.left::before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='5' viewBox='0 0 10 5'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_16' data-name='사각형 16' width='5' height='10' fill='%23111'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_1735' data-name='그룹 1735' transform='translate(0 5) rotate(-90)'%3E%3Cg id='그룹_1' data-name='그룹 1' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1' data-name='패스 1' d='M.536,10a.528.528,0,0,1-.358-.14.553.553,0,0,1-.041-.771L3.743,5,.137.911A.553.553,0,0,1,.178.14.53.53,0,0,1,.936.181L4.863,4.634a.554.554,0,0,1,0,.729L.936,9.819a.53.53,0,0,1-.4.181' transform='translate(0 0)' fill='%23111'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
  width: 10px;
  height: 7px;
  margin-right: 10px;
}

body div#content.sub section.sub-board div.view div.board-navi div.navi p.right::before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='5' viewBox='0 0 10 5'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_16' data-name='사각형 16' width='5' height='10' fill='%23111'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_1736' data-name='그룹 1736' transform='translate(10) rotate(90)'%3E%3Cg id='그룹_1' data-name='그룹 1' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1' data-name='패스 1' d='M.536,10a.528.528,0,0,1-.358-.14.553.553,0,0,1-.041-.771L3.743,5,.137.911A.553.553,0,0,1,.178.14.53.53,0,0,1,.936.181L4.863,4.634a.554.554,0,0,1,0,.729L.936,9.819a.53.53,0,0,1-.4.181' transform='translate(0 0)' fill='%23111'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
  width: 10px;
  height: 7px;
  margin-right: 10px;
}

body div#content.sub section.sub-board div.view div.board-navi div.navi span {
  display: block;
  margin-left: 10px;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body div#content.sub section.sub-board div.view div.board-navi div.navi.nope {
  opacity: .4;
}

body div#content.sub section.sub-board div.write .write-title h3 {
  font-size: 24px;
  color: #111111;
  font-weight: 900;
  margin: 0 0 40px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-title h3 {
    font-size: 28px;
  }
}

body div#content.sub section.sub-board div.write .write-box {
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box {
    border: 1px solid #BBBBBB;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-name {
  border-bottom: 1px solid #BBBBBB;
  padding: 20px 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 40px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-name label {
  font-size: 16px;
  font-weight: 700;
  color: #111111;
  display: inline-block;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-name label {
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 25px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-name input {
  margin-top: 10px;
  display: block;
  width: 100%;
  height: 48px;
  border: 1px solid #BBBBBB;
  border-radius: 6px;
  padding: 10px;
  font-size: 16px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-name input {
    margin: 0;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-login {
  border-bottom: 1px solid #BBBBBB;
  padding: 20px 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 40px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-login label {
  font-size: 16px;
  font-weight: 700;
  color: #111111;
  display: inline-block;
  margin-top: 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-login label {
    width: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-login input {
  margin-top: 10px;
  display: block;
  width: 100%;
  height: 48px;
  border: 1px solid #BBBBBB;
  border-radius: 6px;
  padding: 10px;
  font-size: 16px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-login input {
    margin: 0 25px 0 0;
    width: 250px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-login button {
  margin-top: 15px;
  width: 100px;
  height: 38px;
  border: none;
  outline: none;
  background: #FF8811;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  border-radius: 5px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-login button {
    margin: 0;
    width: 120px;
    height: 48px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-file {
  position: relative;
  border-bottom: 1px solid #BBBBBB;
  padding: 20px 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-file {
    display: block;
    padding: 10px 40px 30px 40px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-file label {
  font-size: 16px;
  font-weight: 700;
  color: #111111;
  display: inline-block;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-file label {
    width: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 20px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-file .upload {
  margin-top: 12px;
  width: 126px;
  height: 38px;
  background: #257A70;
  border: 1px solid #1A5750;
  border-radius: 6px;
  color: #fff;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-file .upload {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-file .upload::before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg id='file_upload_black_24dp' xmlns='http://www.w3.org/2000/svg' width='21.154' height='21.154' viewBox='0 0 21.154 21.154'%3E%3Cpath id='패스_797' data-name='패스 797' d='M0,0H21.154V21.154H0Z' fill='none'/%3E%3Cpath id='패스_798' data-name='패스 798' d='M8.144,14.724H12.86V9.313H16L10.5,3,5,9.313H8.144ZM5,16.528H16v1.8H5Z' transform='translate(0.075 0.045)' fill='%23b4d8cb'/%3E%3C/svg%3E%0A") no-repeat center/cover;
  width: 20px;
  height: 15px;
  margin-right: 5px;
}

body div#content.sub section.sub-board div.write .write-box .write-file input[type="file"] {
  display: none;
}

body div#content.sub section.sub-board div.write .write-box .write-file .volume {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 15px;
  color: #555555;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-file .volume {
    right: 40px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-file .volume span {
  color: #3A9A8F;
}

body div#content.sub section.sub-board div.write .write-box .write-file .file-name {
  margin-top: 17px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-file .file-name {
    display: block;
    margin-left: 70px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-file .file-name button {
  width: 25px;
  height: 25px;
  background: #333333;
  border-radius: 50%;
  color: #fff;
  border: none;
  font-size: 15px;
  font-weight: 900;
  line-height: 1px;
  margin-right: 5px;
}

body div#content.sub section.sub-board div.write .write-box .write-file .file-name span {
  color: #333333;
  font-size: 16px;
}

body div#content.sub section.sub-board div.write .write-box .write-text {
  padding: 20px 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.write .write-box .write-text {
    padding: 20px 20px;
  }
}

body div#content.sub section.sub-board div.write .write-box .write-text textarea {
  width: 100%;
  height: 400px;
  color: #555555;
  font-size: 16px;
  border: 1px solid #BBBBBB;
  border-radius: 6px;
  padding: 20px 10px;
}

body div#content.sub section.sub-board div.write .write-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  margin: 30px 0 0 0;
}

body div#content.sub section.sub-board div.write .write-btn button {
  width: 96px;
  height: 48px;
  font-size: 17px;
  font-weight: 700;
}

body div#content.sub section.sub-board div.write .write-btn button.cancle {
  background: #F6F6F6;
  border: 1px solid #AAAAAA;
  color: #555555;
}

body div#content.sub section.sub-board div.write .write-btn button.enter {
  background: #333333;
  border: 1px solid #2C2C2C;
  color: #fff;
}

body div#content.sub section.sub-board div.photo .total {
  text-align: right;
  font-size: 15px;
  margin: 27px 0 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.photo .total {
    margin: 41px 0 20px;
  }
}

body div#content.sub section.sub-board div.photo .total strong {
  font-weight: 700;
  color: #111111;
}

body div#content.sub section.sub-board div.photo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px 10px;
  min-width: 340px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.photo ul {
    gap: 70px 60px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

body div#content.sub section.sub-board div.photo ul li {
  position: relative;
  width: 155px;
  height: 190px;
  -webkit-box-shadow: 0px 10px 20px #0000001A;
          box-shadow: 0px 10px 20px #0000001A;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.photo ul li {
    width: 360px;
    height: 320px;
  }
}

body div#content.sub section.sub-board div.photo ul li a {
  width: 100%;
  height: 100%;
  display: block;
}

body div#content.sub section.sub-board div.photo ul li a:hover .bghover {
  opacity: 1;
}

body div#content.sub section.sub-board div.photo ul li a .img-bg {
  width: 155px;
  height: 106px;
  margin: 0;
  margin-bottom: 12px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.photo ul li a .img-bg {
    width: 360px;
    height: 230px;
  }
}

body div#content.sub section.sub-board div.photo ul li a .img-bg img {
  width: 155px;
  height: 106px;
  margin: 0;
  margin-bottom: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.photo ul li a .img-bg img {
    width: 360px;
    height: 230px;
  }
}

body div#content.sub section.sub-board div.photo ul li a .bghover {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 155px;
  height: 106px;
  color: #111111;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body div#content.sub section.sub-board div.photo ul li a .bghover::before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='111' height='111' viewBox='0 0 111 111'%3E%3Cdefs%3E%3Cfilter id='패스_821' x='0' y='0' width='111' height='111' filterUnits='userSpaceOnUse'%3E%3CfeOffset input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='7.5' result='blur'/%3E%3CfeFlood flood-opacity='0.4'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23패스_821)'%3E%3Cpath id='패스_821-2' data-name='패스 821' d='M3,3V32.333H32.333V3ZM25,25H10.333V10.333H25ZM3,39.667V69H32.333V39.667Zm22,22H10.333V47H25ZM39.667,3V32.333H69V3Zm22,22H47V10.333H61.667Zm-22,14.667V69H69V39.667Zm22,22H47V47H61.667Z' transform='translate(19.5 19.5)' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.photo ul li a .bghover::before {
    width: 150px;
    height: 150px;
  }
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.photo ul li a .bghover {
    width: 360px;
    height: 230px;
  }
}

body div#content.sub section.sub-board div.photo ul li a .bghover.youtube::before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  background: none;
}

@media (min-width: 1195px) {
  body div#content.sub section.sub-board div.photo ul li a .bghover.youtube::before {
    width: 150px;
    height: 150px;
  }
}

body div#content.sub section.sub-board div.photo ul li a i {
  font-style: normal;
  font-size: 14px;
  color: #555555;
  padding: 0 15px;
}

body div#content.sub section.sub-board div.photo ul li a h4 {
  margin: 12px 0 0 0;
  font-size: 18px;
  font-weight: 900;
  color: #111111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 15px;
}

body div#content.sub section.login {
  text-align: center;
  padding-bottom: 100px;
}

@media (min-width: 1195px) {
  body div#content.sub section.login {
    padding: 0;
  }
}

body div#content.sub section.login div.container fieldset {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 50px 0 0;
  width: 260px;
  height: 60vh;
}

@media (min-width: 1195px) {
  body div#content.sub section.login div.container fieldset {
    width: 340px;
  }
}

body div#content.sub section.login div.container fieldset .loginLogo {
  background: url(../images/loginLogo.svg) no-repeat center/100%;
  width: 141px;
  height: 130px;
  margin: 0 auto 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 1195px) {
  body div#content.sub section.login div.container fieldset .loginLogo {
    width: 165px;
    height: 151px;
  }
}

body div#content.sub section.login div.container fieldset .loginLogo h3 {
  font-size: 20px;
  font-weight: 900;
  color: #111111;
  margin: 40px 0 0 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.login div.container fieldset .loginLogo h3 {
    margin: 45px 0 0 0;
  }
}

body div#content.sub section.login div.container fieldset input[type=text],
body div#content.sub section.login div.container fieldset input[type=password] {
  width: 100%;
  height: 46px;
  border-radius: 6px;
  border: 1px solid #999999;
  margin: 0 0 15px;
  padding: 0 10px 0 44px;
  outline: none;
  font-weight: 700;
  color: #111111;
  font-size: 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.login div.container fieldset input[type=text],
  body div#content.sub section.login div.container fieldset input[type=password] {
    height: 50px;
    font-size: 16px;
  }
}

body div#content.sub section.login div.container fieldset input[type=text]::-webkit-input-placeholder,
body div#content.sub section.login div.container fieldset input[type=password]::-webkit-input-placeholder {
  color: #999999;
}

body div#content.sub section.login div.container fieldset input[type=text]:-ms-input-placeholder,
body div#content.sub section.login div.container fieldset input[type=password]:-ms-input-placeholder {
  color: #999999;
}

body div#content.sub section.login div.container fieldset input[type=text]::-ms-input-placeholder,
body div#content.sub section.login div.container fieldset input[type=password]::-ms-input-placeholder {
  color: #999999;
}

body div#content.sub section.login div.container fieldset input[type=text]::placeholder,
body div#content.sub section.login div.container fieldset input[type=password]::placeholder {
  color: #999999;
}

body div#content.sub section.login div.container fieldset input[type=text].id,
body div#content.sub section.login div.container fieldset input[type=password].id {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_292' data-name='사각형 292' width='19' height='19' transform='translate(0.397 0.396)' fill='%23AEAEAE'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_150' data-name='그룹 150' transform='translate(-0.397 -0.396)'%3E%3Cpath id='패스_826' data-name='패스 826' d='M4022.594,18215.125c.371,1.385,7.606,5.842,12.519.076a7.047,7.047,0,0,0-7.423-4A9.719,9.719,0,0,0,4022.594,18215.125Z' transform='translate(-4019.095 -18199.32)' fill='%23AEAEAE'/%3E%3Ccircle id='타원_10' data-name='타원 10' cx='3' cy='3' r='3' transform='translate(6.397 3.396)' fill='%23AEAEAE'/%3E%3Cg id='그룹_145' data-name='그룹 145' transform='translate(0 0)'%3E%3Cg id='그룹_141' data-name='그룹 141' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_824' data-name='패스 824' d='M29.691,19.9a3.285,3.285,0,1,0-3.284-3.285A3.288,3.288,0,0,0,29.691,19.9m0-5.1a1.819,1.819,0,1,1-1.819,1.819A1.821,1.821,0,0,1,29.691,14.8' transform='translate(-19.956 -10.074)' fill='%23AEAEAE'/%3E%3Cpath id='패스_825' data-name='패스 825' d='M16.868,16.352a9.735,9.735,0,1,0-14.265,0l-.025.062.138.057a9.712,9.712,0,0,0,14.039,0l.138-.057ZM9.735,1.466A8.263,8.263,0,0,1,16.2,14.885a7.426,7.426,0,0,0-12.927,0A8.263,8.263,0,0,1,9.735,1.466M4.344,16a5.962,5.962,0,0,1,10.782,0A8.245,8.245,0,0,1,4.344,16' transform='translate(0 0)' fill='%23AEAEAE'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat left 15px center/16px auto;
}

body div#content.sub section.login div.container fieldset input[type=text].password,
body div#content.sub section.login div.container fieldset input[type=password].password {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17' height='21' viewBox='0 0 17 21'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_291' data-name='사각형 291' width='17' height='21' transform='translate(0.423 0.197)' fill='%23aeaeae'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_140' data-name='그룹 140' transform='translate(-0.423 -0.197)'%3E%3Cg id='그룹_139' data-name='그룹 139' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_822' data-name='패스 822' d='M13.543,7.69V4.962A4.879,4.879,0,0,0,8.762,0,4.88,4.88,0,0,0,3.981,4.962V7.69H0v9.8a3.867,3.867,0,0,0,3.788,3.932h9.947a3.866,3.866,0,0,0,3.788-3.932V7.69ZM5.535,4.962a3.294,3.294,0,0,1,3.227-3.35,3.294,3.294,0,0,1,3.227,3.35V7.69H5.535ZM15.97,17.486a2.281,2.281,0,0,1-2.235,2.319H3.788a2.281,2.281,0,0,1-2.235-2.319V9.3H15.97Z' transform='translate(0 0)' fill='%23aeaeae'/%3E%3Cpath id='패스_823' data-name='패스 823' d='M26.393,46.252v2.425h1.553V46.252A2.416,2.416,0,0,0,29.5,43.975a2.332,2.332,0,1,0-4.66,0,2.416,2.416,0,0,0,1.553,2.277m.777-3.084a.807.807,0,1,1-.777.806.793.793,0,0,1,.777-.806' transform='translate(-18.409 -30.389)' fill='%23aeaeae'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat left 15px center/16px auto;
}

body div#content.sub section.login div.container fieldset input[type=text]:focus,
body div#content.sub section.login div.container fieldset input[type=password]:focus {
  border-color: #FF8811;
  -webkit-box-shadow: 0 6px 0 0 rgba(238, 155, 61, 0.15);
          box-shadow: 0 6px 0 0 rgba(238, 155, 61, 0.15);
}

body div#content.sub section.login div.container fieldset input[type=text]:focus.id,
body div#content.sub section.login div.container fieldset input[type=password]:focus.id {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_292' data-name='사각형 292' width='19' height='19' transform='translate(0.397 0.396)' fill='%233a3a3a'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_150' data-name='그룹 150' transform='translate(-0.397 -0.396)'%3E%3Cpath id='패스_826' data-name='패스 826' d='M4022.594,18215.125c.371,1.385,7.606,5.842,12.519.076a7.047,7.047,0,0,0-7.423-4A9.719,9.719,0,0,0,4022.594,18215.125Z' transform='translate(-4019.095 -18199.32)' fill='%23fa0'/%3E%3Ccircle id='타원_10' data-name='타원 10' cx='3' cy='3' r='3' transform='translate(6.397 3.396)' fill='%23fa0'/%3E%3Cg id='그룹_145' data-name='그룹 145' transform='translate(0 0)'%3E%3Cg id='그룹_141' data-name='그룹 141' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_824' data-name='패스 824' d='M29.691,19.9a3.285,3.285,0,1,0-3.284-3.285A3.288,3.288,0,0,0,29.691,19.9m0-5.1a1.819,1.819,0,1,1-1.819,1.819A1.821,1.821,0,0,1,29.691,14.8' transform='translate(-19.956 -10.074)' fill='%233a3a3a'/%3E%3Cpath id='패스_825' data-name='패스 825' d='M16.868,16.352a9.735,9.735,0,1,0-14.265,0l-.025.062.138.057a9.712,9.712,0,0,0,14.039,0l.138-.057ZM9.735,1.466A8.263,8.263,0,0,1,16.2,14.885a7.426,7.426,0,0,0-12.927,0A8.263,8.263,0,0,1,9.735,1.466M4.344,16a5.962,5.962,0,0,1,10.782,0A8.245,8.245,0,0,1,4.344,16' transform='translate(0 0)' fill='%233a3a3a'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

body div#content.sub section.login div.container fieldset input[type=text]:focus.password,
body div#content.sub section.login div.container fieldset input[type=password]:focus.password {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17' height='21' viewBox='0 0 17 21'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_291' data-name='사각형 291' width='17' height='21' transform='translate(0.423 0.197)' fill='%23FF8811'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_140' data-name='그룹 140' transform='translate(-0.423 -0.197)'%3E%3Cg id='그룹_139' data-name='그룹 139' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_822' data-name='패스 822' d='M13.543,7.69V4.962A4.879,4.879,0,0,0,8.762,0,4.88,4.88,0,0,0,3.981,4.962V7.69H0v9.8a3.867,3.867,0,0,0,3.788,3.932h9.947a3.866,3.866,0,0,0,3.788-3.932V7.69ZM5.535,4.962a3.294,3.294,0,0,1,3.227-3.35,3.294,3.294,0,0,1,3.227,3.35V7.69H5.535ZM15.97,17.486a2.281,2.281,0,0,1-2.235,2.319H3.788a2.281,2.281,0,0,1-2.235-2.319V9.3H15.97Z' transform='translate(0 0)' fill='%23FF8811'/%3E%3Cpath id='패스_823' data-name='패스 823' d='M26.393,46.252v2.425h1.553V46.252A2.416,2.416,0,0,0,29.5,43.975a2.332,2.332,0,1,0-4.66,0,2.416,2.416,0,0,0,1.553,2.277m.777-3.084a.807.807,0,1,1-.777.806.793.793,0,0,1,.777-.806' transform='translate(-18.409 -30.389)' fill='%23FF8811'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat left 15px center/16px auto;
}

body div#content.sub section.login div.container fieldset button.submit {
  width: 100%;
  height: 50px;
  border: 1px solid #2C2C2C;
  background: #333333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 38px;
}

@media (min-width: 1195px) {
  body div#content.sub section.login div.container fieldset button.submit {
    height: 56px;
    font-size: 17px;
  }
}

body div#content.sub section.login div.container fieldset ul.tools {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  text-align: center;
}

body div#content.sub section.login div.container fieldset ul.tools li {
  display: block;
  font-size: 14px;
}

@media (min-width: 1195px) {
  body div#content.sub section.login div.container fieldset ul.tools li {
    font-size: 15px;
  }
}

body div#content.sub section.login div.container fieldset ul.tools li:first-of-type a {
  color: #FF8811;
  font-size: 15px;
  text-decoration: underline;
}

@media (min-width: 1195px) {
  body div#content.sub section.login div.container fieldset ul.tools li:first-of-type a {
    font-size: 16px;
  }
}

body div#content.sub section.login div.container fieldset ul.tools li:last-of-type {
  margin-top: 20px;
}

body div#content.sub section.login div.container fieldset ul.tools li:last-of-type a {
  color: #555555;
  font-size: 15px;
}

body div#content.sub section.find {
  text-align: center;
  margin-top: 50px;
}

body div#content.sub section.find div.container fieldset {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 0;
  width: 345px;
  -webkit-box-shadow: 0px 10px 20px #0000001A;
          box-shadow: 0px 10px 20px #0000001A;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset {
    width: 440px;
  }
}

body div#content.sub section.find div.container fieldset div.find-type {
  font-size: 18px;
  text-align: center;
  margin: 0;
  color: #555555;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset div.find-type {
    font-size: 18px;
  }
}

body div#content.sub section.find div.container fieldset div.find-type label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 173px;
  height: 48px;
  margin: 0;
  background: #ECECEC;
  border: 1px solid #ECECEC;
  cursor: pointer;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset div.find-type label {
    width: 220px;
    height: 54px;
  }
}

body div#content.sub section.find div.container fieldset div.find-type input {
  display: none;
}

body div#content.sub section.find div.container fieldset div.find-type input:checked + label {
  background: #FEAD42;
  border: 1px solid #D17C0C;
  color: #111;
  font-weight: 700;
}

body div#content.sub section.find div.container fieldset div.find-form {
  font-size: 0;
  padding: 20px 20px 50px 20px;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset div.find-form {
    border: 1px solid #ccc;
    padding: 40px 70px;
  }
}

body div#content.sub section.find div.container fieldset div.find-form label {
  display: inline-block;
  color: #111111;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset div.find-form label {
    font-size: 16px;
    margin: 0 0 12px;
  }
}

body div#content.sub section.find div.container fieldset div.find-form input[type=text],
body div#content.sub section.find div.container fieldset div.find-form input[type=email],
body div#content.sub section.find div.container fieldset div.find-form input[type=email],
body div#content.sub section.find div.container fieldset div.find-form select {
  width: 100%;
  height: 46px;
  border-radius: 6px;
  border: 1px solid #999999;
  margin: 0 0 30px;
  padding: 0 10px;
  outline: none;
  font-weight: 700;
  color: #111111;
  font-size: 15px;
  display: inline-block;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset div.find-form input[type=text],
  body div#content.sub section.find div.container fieldset div.find-form input[type=email],
  body div#content.sub section.find div.container fieldset div.find-form input[type=email],
  body div#content.sub section.find div.container fieldset div.find-form select {
    font-size: 16px;
  }
}

body div#content.sub section.find div.container fieldset div.find-form input[type=text].tel,
body div#content.sub section.find div.container fieldset div.find-form input[type=email].tel,
body div#content.sub section.find div.container fieldset div.find-form input[type=email].tel,
body div#content.sub section.find div.container fieldset div.find-form select.tel {
  width: calc((100% - 110px) / 3);
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset div.find-form input[type=text].tel,
  body div#content.sub section.find div.container fieldset div.find-form input[type=email].tel,
  body div#content.sub section.find div.container fieldset div.find-form input[type=email].tel,
  body div#content.sub section.find div.container fieldset div.find-form select.tel {
    width: calc((100% - 120px) / 3);
  }
}

body div#content.sub section.find div.container fieldset div.find-form input[type=text]::-webkit-input-placeholder,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]::-webkit-input-placeholder,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]::-webkit-input-placeholder,
body div#content.sub section.find div.container fieldset div.find-form select::-webkit-input-placeholder {
  color: #999999;
}

body div#content.sub section.find div.container fieldset div.find-form input[type=text]:-ms-input-placeholder,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]:-ms-input-placeholder,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]:-ms-input-placeholder,
body div#content.sub section.find div.container fieldset div.find-form select:-ms-input-placeholder {
  color: #999999;
}

body div#content.sub section.find div.container fieldset div.find-form input[type=text]::-ms-input-placeholder,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]::-ms-input-placeholder,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]::-ms-input-placeholder,
body div#content.sub section.find div.container fieldset div.find-form select::-ms-input-placeholder {
  color: #999999;
}

body div#content.sub section.find div.container fieldset div.find-form input[type=text]::placeholder,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]::placeholder,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]::placeholder,
body div#content.sub section.find div.container fieldset div.find-form select::placeholder {
  color: #999999;
}

body div#content.sub section.find div.container fieldset div.find-form input[type=text]:focus,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]:focus,
body div#content.sub section.find div.container fieldset div.find-form input[type=email]:focus,
body div#content.sub section.find div.container fieldset div.find-form select:focus {
  border-color: #FEA100;
  -webkit-box-shadow: 0 6px 0 0 rgba(61, 90, 238, 0.15);
          box-shadow: 0 6px 0 0 rgba(61, 90, 238, 0.15);
}

body div#content.sub section.find div.container fieldset div.find-form select {
  padding: 0;
  text-align: center;
}

body div#content.sub section.find div.container fieldset div.find-form u {
  display: inline-block;
  width: 10px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
}

body div#content.sub section.find div.container fieldset div.find-form button.send {
  width: 85px;
  font-size: 13px;
  margin-left: 5px;
  padding: 0;
  vertical-align: top;
  border-radius: 6px;
  height: 46px;
  border: 1px solid #4D4D4D;
  background: #4D4D4D;
  color: #fff;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset div.find-form button.send {
    width: 95px;
    font-size: 14px;
  }
}

body div#content.sub section.find div.container fieldset div.find-form button.submit {
  display: block;
  width: 100px;
  height: 52px;
  border-radius: 6px;
  border: 1px solid #2C2C2C;
  background: #333333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto 38px;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset div.find-form button.submit {
    font-size: 17px;
  }
}

body div#content.sub section.find div.container fieldset div.find-form div.result {
  border: 1px solid #ccc;
  background: #F8FBFC;
  text-align: center;
  line-height: 68px;
  font-weight: 700;
  font-size: 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset div.find-form div.result {
    margin: 0 -70px -40px;
    border: none;
    border-top: 1px solid #ccc;
    font-size: 16px;
  }
}

body div#content.sub section.find div.container fieldset a.login {
  display: block;
  text-align: center;
  color: #4E3DC4;
  font-size: 15px;
  margin: 30px 0 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.find div.container fieldset a.login {
    font-size: 16px;
  }
}

body div#content.sub section.sign {
  text-align: center;
}

body div#content.sub section.sign div.container h4 {
  margin-top: 50px;
  font-size: 24px;
  font-weight: 900;
  color: #111111;
}

body div#content.sub section.sign div.container div.terms {
  border-top: 1px solid #111111;
}

body div#content.sub section.sign div.container div.terms h6 {
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  margin: 30px 0 20px;
}

body div#content.sub section.sign div.container div.terms .sign-check {
  display: block;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.terms .sign-check {
    margin-bottom: 20px;
  }
}

body div#content.sub section.sign div.container div.terms .sign-check input {
  display: none;
}

body div#content.sub section.sign div.container div.terms .sign-check label {
  position: relative;
  padding: 0 0 0 40px;
  font-size: 16px;
  color: #111111;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.terms .sign-check label {
    font-size: 17px;
  }
}

body div#content.sub section.sign div.container div.terms .sign-check label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -8px;
  width: 30px;
  height: 30px;
  border: 1px solid #7B7B7B;
  background: #fff;
  border-radius: 50%;
}

body div#content.sub section.sign div.container div.terms .sign-check input:checked + label::before {
  border-color: #FF8811;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 20 20'%3E%3Cg id='그룹_1752' data-name='그룹 1752' transform='translate(-29 -292)'%3E%3Cg id='그룹_1753' data-name='그룹 1753'%3E%3Cg id='사각형_2052' data-name='사각형 2052' transform='translate(29 292)' fill='%23FF8811' stroke='%23FF8811' stroke-width='1'%3E%3Crect width='20' height='20' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='패스_1647' data-name='패스 1647' d='M452.488,311.42l-3.936-3.935,1.575-1.576,2.451,2.451,6.493-5.764,1.479,1.666Z' transform='translate(-444.551 -297.008)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat center/cover;
}

body div#content.sub section.sign div.container div.terms div.table {
  border: 1px solid #BBBBBB;
  margin: 20px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.terms div.table {
    width: 100%;
    margin: 0 0 30px;
  }
}

body div#content.sub section.sign div.container div.terms div.table strong {
  display: block;
  position: relative;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  padding: 16px;
  background: #F3F3F3;
  font-weight: 500;
  color: #111;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.terms div.table strong {
    font-size: 18px;
    padding: 18px 20px;
  }
}

body div#content.sub section.sign div.container div.terms div.table strong input[type=checkbox] {
  margin-right: 10px;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  accent-color: #888;
}

body div#content.sub section.sign div.container div.terms div.table div {
  padding: 15px;
  height: 200px;
  overflow-y: scroll;
}

body div#content.sub section.sign div.container div.terms div.table div p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

body div#content.sub section.sign div.container div.terms div.table div p.margin {
  margin-left: 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.terms div.table div {
    height: 250px;
  }
}

body div#content.sub section.sign div.container div.sign-write h4 {
  font-size: 17px;
  font-weight: 700;
  color: #222;
  border-bottom: 1px solid #BBBBBB;
  padding: 0 0 15px;
  margin: 0 0 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write h4 {
    font-size: 18px;
    padding: 0;
    margin: 0x;
    border: none;
  }
}

body div#content.sub section.sign div.container div.sign-write h4 small {
  display: block;
  line-height: 1.6;
  margin: 10px 0 0;
  color: #FF8811;
  font-size: 13px;
  font-weight: 400;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write h4 small {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 20px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table {
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  font-size: 0;
}

body div#content.sub section.sign div.container div.sign-write div.table p {
  position: relative;
  border-bottom: 1px solid #CCCCCC;
  margin: 0;
  color: #555;
  word-break: keep-all;
  font-size: 0;
  padding: 10px 10px 10px 25px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p {
    padding: 10px 10px 10px 25px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p strong {
  display: block;
  width: 110px;
  line-height: 1.6;
  color: #111111;
  font-weight: 500;
  font-size: 17px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p strong {
    display: inline-block;
    width: 130px;
    font-size: 16px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p strong i {
  position: absolute;
  left: 10px;
  top: 13px;
  font-size: 17px;
  color: #FF8811;
  padding-right: 4px;
}

body div#content.sub section.sign div.container div.sign-write div.table p > i {
  display: block;
  text-align: right;
  margin: 10px 0 0;
  font-size: 13px;
  color: #EC653B;
  font-style: normal;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p > i {
    font-size: 14px;
    display: inline-block;
    margin: 0 0 0 10px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p > i.ok {
  color: #FF8811;
}

body div#content.sub section.sign div.container div.sign-write div.table p > i.ok::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10.091' height='8.666' viewBox='0 0 10.091 8.666'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_2034' data-name='사각형 2034' width='10.091' height='8.666' fill='%234e3dc4'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_1710' data-name='그룹 1710' transform='translate(0 0)'%3E%3Cg id='그룹_1709' data-name='그룹 1709' transform='translate(0 0)'%3E%3Cg id='그룹_1708' data-name='그룹 1708' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1657' data-name='패스 1657' d='M4.013,8.666H4a1.017,1.017,0,0,1-.811-.414L.2,4.189A1.019,1.019,0,1,1,1.839,2.98L4.027,5.95,8.263.4A1.019,1.019,0,1,1,9.883,1.637L4.823,8.266a1.019,1.019,0,0,1-.81.4' transform='translate(0 0)' fill='%234e3dc4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  margin: 0 4px 0 0;
}

body div#content.sub section.sign div.container div.sign-write div.table p span {
  display: block;
  min-height: 36px;
  padding: 10px 0;
  font-size: 15px;
}

body div#content.sub section.sign div.container div.sign-write div.table p span.email {
  display: inline-block;
  margin: 0 5px;
}

body div#content.sub section.sign div.container div.sign-write div.table p span.news-msg {
  font-size: 14px;
  color: #555555;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p span.news-msg {
    display: inline-block;
  }
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p span {
    min-height: 38px;
    font-size: 16px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p label {
  font-size: 16px;
  color: #111111;
  margin: 0 35px 0 0;
}

body div#content.sub section.sign div.container div.sign-write div.table p span.check input {
  display: none;
}

body div#content.sub section.sign div.container div.sign-write div.table p span.check label {
  position: relative;
  padding: 0 0 0 30px;
  font-size: 16px;
  color: #111111;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p span.check label {
    font-size: 17px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p span.check label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  border: 1px solid #7B7B7B;
  background: #fff;
  border-radius: 50%;
}

body div#content.sub section.sign div.container div.sign-write div.table p span.check input:checked + label::before {
  border-color: #4335A9;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='그룹_1742' data-name='그룹 1742' transform='translate(-230 -345)'%3E%3Ccircle id='타원_39' data-name='타원 39' cx='15' cy='15' r='15' transform='translate(230 345)' fill='%234e3dc4'/%3E%3Cpath id='패스_1624' data-name='패스 1624' d='M453.8,314.363l-5.248-5.248,2.1-2.1,3.269,3.269,8.658-7.686,1.972,2.222Z' transform='translate(-211.75 51.404)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat #4E3DC4 center/100% auto;
}

body div#content.sub section.sign div.container div.sign-write div.table p button.sub {
  font-size: 14px;
  color: #fff;
  width: 110px;
  height: 36px;
  background: #4D4D4D;
  border: 1px solid #222222;
  border-radius: 4px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p button.sub {
    height: 38px;
    font-size: 15px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p button.search {
  font-size: 15px;
  color: #555555;
  width: 110px;
  height: 38px;
  text-align: end;
  padding-right: 15px;
  background: url("data:image/svg+xml,%3Csvg id='search_black_24dp' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='패스_1322' data-name='패스 1322' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='패스_1323' data-name='패스 1323' d='M15.5,14h-.79l-.28-.27a6.51,6.51,0,1,0-.7.7l.27.28v.79l5,4.99L20.49,19Zm-6,0A4.5,4.5,0,1,1,14,9.5,4.494,4.494,0,0,1,9.5,14Z' fill='%234d4d4d'/%3E%3C/svg%3E%0A") no-repeat left 10px center/24px auto;
  border: 1px solid #BBBBBB;
  border-radius: 4px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p button.search {
    height: 38px;
    font-size: 16px;
    width: 120px;
    margin: 0 26px 0 0;
  }
  body div#content.sub section.sign div.container div.sign-write div.table p button.search.post {
    display: block;
    margin: 0 0 10px;
    display: inline-block;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p input + button,
body div#content.sub section.sign div.container div.sign-write div.table p button + input {
  margin-top: 5px;
}

body div#content.sub section.sign div.container div.sign-write div.table p input[type=text],
body div#content.sub section.sign div.container div.sign-write div.table p input[type=date],
body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel],
body div#content.sub section.sign div.container div.sign-write div.table p input[type=password],
body div#content.sub section.sign div.container div.sign-write div.table p input[type=email],
body div#content.sub section.sign div.container div.sign-write div.table p select {
  width: 100%;
  height: 36px;
  border: 1px solid #BBBBBB;
  background: #fff;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
  padding: 0 10px;
  font-size: 16px;
  margin-top: 5px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=text],
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=date],
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel],
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=password],
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=email],
  body div#content.sub section.sign div.container div.sign-write div.table p select {
    height: 36px;
    font-size: 16px;
    width: 260px;
    margin: 0 10px 0 0;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].email,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].email,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].email,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].email,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].email,
body div#content.sub section.sign div.container div.sign-write div.table p select.email {
  width: calc(50% - 13px);
  display: inline-block;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].email,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].email,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].email,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].email,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].email,
  body div#content.sub section.sign div.container div.sign-write div.table p select.email {
    width: 260px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].tel,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].tel,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].tel,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].tel,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].tel,
body div#content.sub section.sign div.container div.sign-write div.table p select.tel {
  width: calc(50% - 5px);
}

body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].tel#phone1, body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].tel#tel1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].tel#phone1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].tel#tel1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].tel#phone1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].tel#tel1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].tel#phone1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].tel#tel1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].tel#phone1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].tel#tel1,
body div#content.sub section.sign div.container div.sign-write div.table p select.tel#phone1,
body div#content.sub section.sign div.container div.sign-write div.table p select.tel#tel1 {
  display: block;
  margin-bottom: 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].tel#phone1, body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].tel#tel1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].tel#phone1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].tel#tel1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].tel#phone1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].tel#tel1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].tel#phone1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].tel#tel1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].tel#phone1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].tel#tel1,
  body div#content.sub section.sign div.container div.sign-write div.table p select.tel#phone1,
  body div#content.sub section.sign div.container div.sign-write div.table p select.tel#tel1 {
    display: inline-block;
    margin-bottom: 0;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].tel#phone2, body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].tel#tel2,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].tel#phone2,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].tel#tel2,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].tel#phone2,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].tel#tel2,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].tel#phone2,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].tel#tel2,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].tel#phone2,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].tel#tel2,
body div#content.sub section.sign div.container div.sign-write div.table p select.tel#phone2,
body div#content.sub section.sign div.container div.sign-write div.table p select.tel#tel2 {
  margin-right: 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].tel,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].tel,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].tel,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].tel,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].tel,
  body div#content.sub section.sign div.container div.sign-write div.table p select.tel {
    display: inline-block;
    width: 140px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].address1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].address1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].address1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].address1,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].address1,
body div#content.sub section.sign div.container div.sign-write div.table p select.address1 {
  margin-bottom: 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].address1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].address1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].address1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].address1,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].address1,
  body div#content.sub section.sign div.container div.sign-write div.table p select.address1 {
    margin-left: 130px;
    display: block;
    margin-bottom: 0;
    width: 706px;
  }
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=text].address2,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=date].address2,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel].address2,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=password].address2,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=email].address2,
  body div#content.sub section.sign div.container div.sign-write div.table p select.address2 {
    margin-top: 10px;
    margin-left: 130px;
    display: block;
    width: 706px;
  }
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=text]#farm,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=date]#farm,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel]#farm,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=password]#farm,
  body div#content.sub section.sign div.container div.sign-write div.table p input[type=email]#farm,
  body div#content.sub section.sign div.container div.sign-write div.table p select#farm {
    width: calc(100% - 196px);
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p input[type=text]#check,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=date]#check,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=tel]#check,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=password]#check,
body div#content.sub section.sign div.container div.sign-write div.table p input[type=email]#check,
body div#content.sub section.sign div.container div.sign-write div.table p select#check {
  padding-right: 60px;
}

body div#content.sub section.sign div.container div.sign-write div.table p input[type=radio] {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
  line-height: 1.2;
  accent-color: #333;
  margin: 5px 10px 0 5px;
}

body div#content.sub section.sign div.container div.sign-write div.table p select.tel {
  display: block;
  margin: 0 0 8px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p select.tel {
    display: inline-block;
    margin: 0 10px 0 0;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p input:-moz-read-only {
  background: #F8F8F8;
}

body div#content.sub section.sign div.container div.sign-write div.table p input:read-only {
  background: #F8F8F8;
}

body div#content.sub section.sign div.container div.sign-write div.table p input + button,
body div#content.sub section.sign div.container div.sign-write div.table p button + input,
body div#content.sub section.sign div.container div.sign-write div.table p input + input {
  margin-top: 5px;
}

body div#content.sub section.sign div.container div.sign-write div.table p u.counter {
  font-size: 12px;
  color: #FF8811;
  text-decoration: none;
  position: absolute;
  right: 22px;
  top: 22px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.sign-write div.table p u.counter {
    right: auto;
    left: 550px;
    top: 20px;
    font-size: 13px;
  }
}

body div#content.sub section.sign div.container div.sign-write div.table p textarea {
  width: 100%;
  height: 72px;
  border-radius: 6px;
  border: 1px solid #BBBBBB;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
  padding: 0 10px;
}

body div#content.sub section.sign div.container div.sign-write .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body div#content.sub section.sign div.container div.sign-write .btn a {
  display: block;
}

body div#content.sub section.sign div.container div.finish {
  text-align: center;
  height: 60vh;
}

body div#content.sub section.sign div.container div.finish h3 {
  text-align: start;
  font-size: 24px;
  font-weight: 900;
  color: #111111;
  margin: 50px 0 30px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.finish h3 {
    font-size: 28px;
    margin: 70px 0 50px 0;
  }
}

body div#content.sub section.sign div.container div.finish img {
  width: 90px;
  height: 88px;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.finish img {
    width: 120px;
    height: 115px;
  }
}

body div#content.sub section.sign div.container div.finish h5 {
  font-size: 20px;
  margin: 30px 0 25px;
  font-weight: 700;
  color: #111;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.finish h5 {
    font-size: 24px;
    margin: 30px 0 30px;
  }
}

body div#content.sub section.sign div.container div.finish p.text {
  margin: 0;
  line-height: 1.6;
  color: #555555;
  font-size: 17px;
  word-break: keep-all;
}

@media (min-width: 1195px) {
  body div#content.sub section.sign div.container div.finish p.text {
    font-size: 18px;
  }
}

body div#content.sub section.info {
  text-align: center;
}

body div#content.sub section.info div.container h3 {
  font-size: 24px;
  font-weight: 900;
  color: #111111;
  margin: 50px 0 40px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container h3 {
    font-size: 28px;
  }
}

body div#content.sub section.info div.container div.info-greeting p {
  font-size: 17px;
  color: #555555;
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-greeting p {
    font-size: 18px;
  }
}

body div#content.sub section.info div.container div.info-greeting p.title {
  font-size: 20px;
  font-weight: 700;
  color: #753F0A;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-greeting p.title {
    font-size: 24px;
  }
}

body div#content.sub section.info div.container div.info-greeting .ceo {
  margin-top: 42px;
  text-align: end;
  font-size: 18px;
  font-weight: 700;
  color: #555555;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-greeting .ceo {
    margin-top: 70px;
    font-size: 19px;
  }
}

body div#content.sub section.info div.container div.info-greeting .ceo span {
  margin-left: 16px;
  color: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #111111;
}

body div#content.sub section.info div.container div.info-setup {
  text-align: center;
}

body div#content.sub section.info div.container div.info-setup .img {
  display: block;
  width: 345px;
  height: 229px;
  background: url(../images/setup.svg) no-repeat center/auto 100%;
  margin: 40px auto;
  font-size: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-setup .img {
    width: 674px;
    height: 446px;
    margin: 50px auto 60px;
  }
}

body div#content.sub section.info div.container div.info-setup .img-en {
  display: block;
  width: 345px;
  height: 229px;
  background: url(../images/setup-EN.svg) no-repeat center/auto 100%;
  margin: 40px auto;
  font-size: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-setup .img-en {
    width: 674px;
    height: 446px;
    margin: 50px auto 60px;
  }
}

body div#content.sub section.info div.container div.info-setup p {
  font-size: 18px;
  color: #555555;
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-setup p {
    font-size: 21px;
  }
}

body div#content.sub section.info div.container div.info-setup p.dark {
  color: #111111;
  font-size: 18px;
  font-weight: 700;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-setup p.dark {
    font-size: 21px;
  }
}

body div#content.sub section.info div.container div.bi img.logo01 {
  display: block;
  margin: 0 auto;
  width: 256px;
  height: 199px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi img.logo01 {
    width: 522px;
    height: 405px;
  }
}

body div#content.sub section.info div.container div.bi h4 {
  font-size: 21px;
  font-weight: bold;
  color: #111111;
  margin: 60px 0 0 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi h4 {
    font-size: 24px;
    margin: 145px 0 0 0;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li {
  margin-top: 40px;
  border-bottom: 1px solid #BBBBBB;
  padding-bottom: 50px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li {
    margin-top: 52px;
    padding-bottom: 70px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li:last-of-type {
  border-bottom: none;
}

body div#content.sub section.info div.container div.bi ul.bi-content > li h5 {
  font-size: 18px;
  font-weight: bold;
  color: #111;
  margin: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li h5 {
    font-size: 21px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li h5::before {
  content: "";
  display: inline-block;
  margin: 0 10px 3px 0;
  width: 8px;
  height: 8px;
  background: #FFAA00;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li h5::before {
    width: 10px;
    height: 10px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li > ul {
  margin-top: 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li > ul {
    margin-top: 30px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li > ul:first-of-type {
  margin-bottom: 50px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li > ul:first-of-type {
    margin-bottom: 70px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li > ul li {
  margin-top: 5px;
  font-size: 16px;
  color: #555555;
  line-height: 1.7;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li > ul li {
    font-size: 17px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li img.logo02 {
  display: block;
  margin: 40px auto;
  width: 184px;
  height: 143px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li img.logo02 {
    width: 332px;
    height: 257px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li img.logo03 {
  display: block;
  margin-bottom: 50px;
  width: 319px;
  height: 117px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li img.logo03 {
    width: 534px;
    height: 194px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li img.logo04 {
  display: block;
  width: 200px;
  height: 92px;
}

body div#content.sub section.info div.container div.bi ul.bi-content > li img.logo05 {
  display: block;
  width: 319px;
  height: 157px;
  margin-bottom: 40px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li img.logo05 {
    width: 776px;
    height: 353px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li img.logo06 {
  display: block;
  width: 319px;
  height: 72px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li img.logo06 {
    width: 664px;
    height: 135px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-box {
  display: block;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-box {
    display: inline-block;
  }
  body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-box.mj {
    margin-left: 130px;
  }
  body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-box.mj img {
    margin-top: 70px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li p.bi-title {
  font-size: 17px;
  color: #555555;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li p.bi-title {
    font-size: 19px;
    margin-top: 32px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li p.bi-text {
  margin-top: 40px;
  font-size: 15px;
  color: #753F0A;
  line-height: 1.7;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li p.bi-text {
    font-size: 16px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 50px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color::before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 17px;
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color:nth-of-type(1)::before {
  background: #ED6C00;
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color:nth-of-type(2) {
  margin-bottom: 30px;
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color:nth-of-type(2)::before {
  background: #FDD000;
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color:nth-of-type(3)::before {
  background: #000000;
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color:nth-of-type(4)::before {
  background: #fff;
  border: 1px solid #707070;
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color p {
  font-size: 16px;
  color: #555555;
  margin: 15px 0 10px;
  letter-spacing: 2px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color p {
    font-size: 17px;
  }
}

body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color p span {
  font-size: 15px;
  font-weight: bold;
  color: #111;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.bi ul.bi-content > li div.bi-color p span {
    font-size: 16px;
  }
}

body div#content.sub section.info div.container div.info-articles h4 {
  font-size: 22px;
  font-weight: bold;
  color: #111;
  text-align: center;
  margin: 40px 0 30px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-articles h4 {
    font-size: 26px;
  }
}

body div#content.sub section.info div.container div.info-articles div.day {
  float: right;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #BBBBBB;
  background: #F5F5F5;
  width: 130px;
  height: 60px;
  margin: 10px 0 30px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-articles div.day {
    width: 160px;
    height: 80px;
  }
}

body div#content.sub section.info div.container div.info-articles div.day p {
  font-size: 14px;
  color: #555;
  margin: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-articles div.day p {
    font-size: 15px;
  }
}

body div#content.sub section.info div.container div.info-articles h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  clear: both;
  font-size: 19px;
  font-weight: bold;
  color: #111;
  padding-bottom: 24px;
  border-bottom: 1px solid #BBBBBB;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-articles h5 {
    font-size: 22px;
  }
}

body div#content.sub section.info div.container div.info-articles h5::before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='패스_95' data-name='패스 95' d='M21.428,23.863l-3.256,2.8-.945-1.28a1.1,1.1,0,0,0-1.767,1.3l1.648,2.231a1.1,1.1,0,0,0,.761.439,1.086,1.086,0,0,0,.123.007,1.1,1.1,0,0,0,.716-.266l4.153-3.569a1.1,1.1,0,1,0-1.432-1.666' transform='translate(-15.245 -23.597)' fill='none'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient' x1='-0.488' y1='4.39' x2='-0.455' y2='4.39' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f25838'/%3E%3Cstop offset='0.213' stop-color='%23ec4a2f'/%3E%3Cstop offset='0.606' stop-color='%23de2819'/%3E%3Cstop offset='1' stop-color='%23cd0000'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path-2'%3E%3Crect id='사각형_155' data-name='사각형 155' width='25.967' height='31.797' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_1821' data-name='그룹 1821' transform='translate(-360 -697)'%3E%3Ccircle id='타원_1' data-name='타원 1' cx='25' cy='25' r='25' transform='translate(360 697)' fill='%23e3e3e3'/%3E%3Cg id='그룹_84' data-name='그룹 84' transform='translate(372 706)'%3E%3Cg id='그룹_81' data-name='그룹 81' transform='translate(4.186 6.48)'%3E%3Cg id='그룹_80' data-name='그룹 80' clip-path='url(%23clip-path)'%3E%3Crect id='사각형_154' data-name='사각형 154' width='8.273' height='5.767' transform='translate(-0.145)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_83' data-name='그룹 83'%3E%3Cg id='그룹_82' data-name='그룹 82' clip-path='url(%23clip-path-2)'%3E%3Cpath id='패스_96' data-name='패스 96' d='M25.967,1.1a1.1,1.1,0,0,0-1.1-1.1H1.1A1.1,1.1,0,0,0,0,1.1V30.7a1.1,1.1,0,0,0,1.1,1.1H14.915l.018,0a1.111,1.111,0,0,0,.2-.019c.03-.006.058-.018.088-.026a1.113,1.113,0,0,0,.118-.036c.032-.013.06-.032.091-.048s.067-.032.1-.053a1.089,1.089,0,0,0,.168-.138l9.953-9.953a1.066,1.066,0,0,0,.124-.152c.011-.015.02-.031.029-.046a1.086,1.086,0,0,0,.068-.128c.008-.017.016-.034.022-.051a1.082,1.082,0,0,0,.055-.182v0a1.108,1.108,0,0,0,.019-.193c0-.007,0-.015,0-.022ZM2.2,2.2H23.77v17.45H14.915a1.1,1.1,0,0,0-1.1,1.1V29.6H2.2ZM19.115,24.945l-3.1,3.1v-6.2h6.2Z' fill='%23515151'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-articles h5::before {
    width: 50px;
    height: 50px;
  }
}

body div#content.sub section.info div.container div.info-articles div.artibox {
  margin-bottom: 40px;
}

body div#content.sub section.info div.container div.info-articles div.artibox h6 {
  font-size: 18px;
  color: #111;
  font-weight: 400;
  margin: 0 0 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-articles div.artibox h6 {
    font-size: 20px;
  }
}

body div#content.sub section.info div.container div.info-articles div.artibox h6::before {
  content: "○";
  margin-right: 5px;
}

body div#content.sub section.info div.container div.info-articles div.artibox p {
  margin: 0 0 5px;
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-articles div.artibox p {
    font-size: 17px;
  }
}

body div#content.sub section.info div.container div.info-articles div.artibox > ol {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-articles div.artibox > ol {
    font-size: 17px;
  }
}

body div#content.sub section.info div.container div.info-articles div.artibox > ol > li {
  margin-bottom: 5px;
}

body div#content.sub section.info div.container div.info-articles div.artibox > ol > ol {
  margin-bottom: 10px;
}

body div#content.sub section.info div.container div.info-articles div.artibox > ol > ol > li {
  list-style: hangul;
}

body div#content.sub section.info div.container div.info-map div.map {
  width: 100%;
  height: 260px;
  background: #eee;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-map div.map {
    height: 540px;
  }
}

body div#content.sub section.info div.container div.info-map div.map-text {
  margin-top: 30px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-map div.map-text {
    margin-top: 40px;
  }
}

body div#content.sub section.info div.container div.info-map div.map-text h4 {
  font-size: 19px;
  font-weight: bold;
  color: #111;
  margin: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-map div.map-text h4 {
    font-size: 22px;
  }
}

body div#content.sub section.info div.container div.info-map div.map-text div.line {
  width: 100%;
  height: 1px;
  background: #BBBBBB;
  margin: 20px 0 28px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-map div.map-text div.line {
    margin: 30px 0 32px;
  }
}

body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li {
  margin-top: 30px;
}

body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li h5 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #111111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li h5 {
    font-size: 19px;
  }
}

body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li h5::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 7px 0 0;
  width: 22px;
  height: 22px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li h5::before {
    width: 24px;
    height: 24px;
  }
}

body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li h5.mark01::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg id='그룹_1817' data-name='그룹 1817' transform='translate(-360 -1213)'%3E%3Ccircle id='타원_3' data-name='타원 3' cx='13.5' cy='13.5' r='13.5' transform='translate(360 1213)' fill='%23ab8a65'/%3E%3Cg id='room_black_24dp' transform='translate(365.334 1218.333)'%3E%3Cpath id='패스_103' data-name='패스 103' d='M0,0H17.333V17.333H0Z' fill='none'/%3E%3Cpath id='패스_104' data-name='패스 104' d='M10.056,2A5.052,5.052,0,0,0,5,7.056c0,3.792,5.056,9.389,5.056,9.389s5.056-5.6,5.056-9.389A5.052,5.052,0,0,0,10.056,2Zm0,6.861a1.806,1.806,0,1,1,1.806-1.806A1.806,1.806,0,0,1,10.056,8.861Z' transform='translate(-1.389 -0.556)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li h5.mark02::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg id='그룹_1818' data-name='그룹 1818' transform='translate(-360 -1301)'%3E%3Ccircle id='타원_4' data-name='타원 4' cx='13.5' cy='13.5' r='13.5' transform='translate(360 1301)' fill='%23ab8a65'/%3E%3Cg id='call_black_24dp' transform='translate(364.666 1305.667)'%3E%3Cpath id='패스_97' data-name='패스 97' d='M0,0H16.667V16.667H0Z' fill='none'/%3E%3Cpath id='패스_98' data-name='패스 98' d='M14.813,11.6a7.947,7.947,0,0,1-2.452-.389.679.679,0,0,0-.7.167l-1.09,1.368A10.544,10.544,0,0,1,5.785,8L7.139,6.847a.709.709,0,0,0,.167-.708,7.745,7.745,0,0,1-.389-2.452A.694.694,0,0,0,6.229,3h-2.4C3.451,3,3,3.167,3,3.688A11.912,11.912,0,0,0,14.813,15.5a.729.729,0,0,0,.688-.819v-2.4a.694.694,0,0,0-.688-.688Z' transform='translate(-0.917 -0.917)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li h5.mark03::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg id='그룹_1819' data-name='그룹 1819' transform='translate(-360 -1389)'%3E%3Ccircle id='타원_5' data-name='타원 5' cx='13.5' cy='13.5' r='13.5' transform='translate(360 1389)' fill='%23ab8a65'/%3E%3Cg id='fax_black_24dp' transform='translate(365 1393)'%3E%3Cg id='그룹_86' data-name='그룹 86'%3E%3Crect id='사각형_158' data-name='사각형 158' width='18' height='18' fill='none'/%3E%3C/g%3E%3Cg id='그룹_88' data-name='그룹 88' transform='translate(1.5 3)'%3E%3Cg id='그룹_87' data-name='그룹 87'%3E%3Cpath id='패스_99' data-name='패스 99' d='M16.25,7.75H15.5V4H8V16H18.5V10A2.247,2.247,0,0,0,16.25,7.75ZM9.5,5.5H14V7.75H9.5Zm3,8.25h-3V10h3Zm1.5,0a.75.75,0,1,1,.75-.75A.752.752,0,0,1,14,13.75Zm0-2.25a.75.75,0,1,1,.75-.75A.752.752,0,0,1,14,11.5Zm2.25,2.25A.75.75,0,1,1,17,13,.752.752,0,0,1,16.25,13.75Zm0-2.25a.75.75,0,1,1,.75-.75A.752.752,0,0,1,16.25,11.5Z' transform='translate(-3.5 -4)' fill='%23fff'/%3E%3Cpath id='패스_100' data-name='패스 100' d='M3.875,8A1.876,1.876,0,0,0,2,9.875v6a1.875,1.875,0,0,0,3.75,0v-6A1.876,1.876,0,0,0,3.875,8Z' transform='translate(-2 -5)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li h5.mark04::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg id='그룹_1820' data-name='그룹 1820' transform='translate(-360 -1477)'%3E%3Ccircle id='타원_6' data-name='타원 6' cx='13.5' cy='13.5' r='13.5' transform='translate(360 1477)' fill='%23ab8a65'/%3E%3Cg id='mail_black_24dp' transform='translate(365.334 1482.334)'%3E%3Cpath id='패스_101' data-name='패스 101' d='M0,0H16V16H0Z' fill='none'/%3E%3Cpath id='패스_102' data-name='패스 102' d='M13.8,4H3.311a1.293,1.293,0,0,0-1.3,1.278L2,12.945a1.3,1.3,0,0,0,1.311,1.278H13.8a1.3,1.3,0,0,0,1.311-1.278V5.278A1.3,1.3,0,0,0,13.8,4Zm0,2.556L8.556,9.75,3.311,6.556V5.278L8.556,8.472,13.8,5.278Z' transform='translate(-0.556 -1.111)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li p {
  font-size: 17px;
  color: #555555;
  margin: 15px 0 0 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container div.info-map div.map-text ul.map-info li p {
    font-size: 18px;
  }
}

body div#content.sub section.info div.container ul.guyl-history li h5 {
  color: #111111;
  font-size: 18px;
  font-weight: 700;
  margin: 40px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.guyl-history li h5 {
    font-size: 21px;
    margin: 50px 0 0 0;
  }
}

body div#content.sub section.info div.container ul.guyl-history li h5::before {
  margin-right: 10px;
  content: "";
  display: inline-block;
  width: 53px;
  height: 38px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='58.012' height='41.819' viewBox='0 0 58.012 41.819'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_160' data-name='사각형 160' width='58.012' height='41.819' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_92' data-name='그룹 92' transform='translate(0)'%3E%3Cg id='그룹_91' data-name='그룹 91' transform='translate(0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_112' data-name='패스 112' d='M200.324,49.512a36.784,36.784,0,0,0,4.941-6.946,15.48,15.48,0,0,1-4.059-10.31c0-9.53,9.175-17.256,20.494-17.256s20.494,7.726,20.494,17.256S233.018,49.512,221.7,49.512a23.3,23.3,0,0,1-10.86-2.621,27.673,27.673,0,0,1-10.515,2.621' transform='translate(-199.2 -13.875)' fill='%23ffb915'/%3E%3Cpath id='패스_113' data-name='패스 113' d='M186.448,36.761l.076,0a29.585,29.585,0,0,0,10.425-2.487,24.571,24.571,0,0,0,10.874,2.49,23.568,23.568,0,0,0,15.216-5.319,17.006,17.006,0,0,0,6.4-13.062,17.006,17.006,0,0,0-6.4-13.062,24.425,24.425,0,0,0-30.431,0,17.006,17.006,0,0,0-6.4,13.062,16.4,16.4,0,0,0,3.831,10.456,37.445,37.445,0,0,1-4.416,6.039,1.125,1.125,0,0,0,.827,1.886M207.824,2.249c10.68,0,19.369,7.237,19.369,16.132S218.5,34.512,207.824,34.512a22.225,22.225,0,0,1-10.336-2.491,1.125,1.125,0,0,0-1.03-.01,24.681,24.681,0,0,1-7.354,2.206,32.286,32.286,0,0,0,3.288-5.018,1.124,1.124,0,0,0-.161-1.255,14.3,14.3,0,0,1-3.776-9.564c0-8.9,8.689-16.132,19.369-16.132' transform='translate(-185.324)' fill='%23444'/%3E%3Cpath id='패스_114' data-name='패스 114' d='M43.346,254.523A24.9,24.9,0,0,1,40,249.82a10.48,10.48,0,0,0,2.748-6.98c0-6.452-6.212-11.682-13.874-11.682S15,236.388,15,242.84s6.212,11.682,13.874,11.682a15.771,15.771,0,0,0,7.352-1.774,18.736,18.736,0,0,0,7.119,1.774' transform='translate(13.542 -213.828)' fill='%23fff'/%3E%3Cpath id='패스_115' data-name='패스 115' d='M29.47,241.772a1.125,1.125,0,0,0,.827-1.886,25.412,25.412,0,0,1-2.82-3.808A11.422,11.422,0,0,0,30,228.965a11.87,11.87,0,0,0-4.464-9.121A16.319,16.319,0,0,0,15,216.158a16.319,16.319,0,0,0-10.535,3.686,11.55,11.55,0,0,0,0,18.242A16.318,16.318,0,0,0,15,241.772a17.024,17.024,0,0,0,7.367-1.647,20.593,20.593,0,0,0,7.028,1.645l.076,0m-7.119-4.024a1.124,1.124,0,0,0-.524.13A14.679,14.679,0,0,1,15,239.523c-7.03,0-12.75-4.736-12.75-10.558S7.968,218.407,15,218.407s12.75,4.736,12.75,10.558a9.326,9.326,0,0,1-2.465,6.234,1.124,1.124,0,0,0-.161,1.255,20.377,20.377,0,0,0,1.7,2.717,15.609,15.609,0,0,1-3.97-1.3,1.124,1.124,0,0,0-.506-.12' transform='translate(27.418 -199.953)' fill='%23444'/%3E%3Cpath id='패스_116' data-name='패스 116' d='M91.12,363.571a1.806,1.806,0,1,0,1.806-1.806,1.806,1.806,0,0,0-1.806,1.806' transform='translate(-43.55 -334.644)' fill='%23444'/%3E%3Cpath id='패스_117' data-name='패스 117' d='M179.965,363.571a1.806,1.806,0,1,0,1.806-1.806,1.806,1.806,0,0,0-1.806,1.806' transform='translate(-139.056 -334.644)' fill='%23444'/%3E%3Cpath id='패스_118' data-name='패스 118' d='M268.809,363.571a1.806,1.806,0,1,0,1.806-1.806,1.806,1.806,0,0,0-1.806,1.806' transform='translate(-234.56 -334.644)' fill='%23444'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

body div#content.sub section.info div.container ul.guyl-history li div.history-text {
  margin-top: 20px;
  background: #F5F5F5;
  padding: 23px 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.guyl-history li div.history-text {
    padding: 33px 29px 37px 30px;
  }
}

body div#content.sub section.info div.container ul.guyl-history li div.history-text p {
  margin: 0;
  color: #555555;
  font-size: 16px;
  line-height: 1.8;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.guyl-history li div.history-text p {
    font-size: 17px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li h5 {
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  margin: 40px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li h5 {
    font-size: 21px;
    margin: 70px 0 0 0;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li h5::before {
  margin-right: 10px;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #FFAA00;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li h5::before {
    width: 10px;
    height: 10px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li > img {
  width: 130px;
  height: 134px;
  display: block;
  margin: 25px auto 25px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li > img {
    display: inline-block;
    margin: 25px 20px 0 0;
    width: 180px;
    height: 165px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li > img.gyul2 {
  display: block;
  margin: 25px auto 25px;
  width: 230px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li > img.gyul2 {
    width: 425px;
    height: 243px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text {
  margin: 25px 0;
  width: 100%;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text.gyul-pc {
    width: 80%;
    display: inline-block;
    margin: 25px 0 0 0;
    vertical-align: top;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text p {
  font-size: 16px;
  color: #555555;
  line-height: 1.8;
  margin: 0;
  text-align: left;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text p {
    font-size: 17px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text p.small {
  font-size: 14px;
  text-align: end;
  margin: 20px 0 20px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text p.small {
    font-size: 15px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 10px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul {
    gap: 15px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li {
  width: calc((100%)/3);
  background: #F5F5F5;
  border-radius: 10px;
  padding: 20px 10px;
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li.gyul {
  background: #FFFAEE;
  border: 1px solid #FBA65D;
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li h6 {
  font-size: 17px;
  font-weight: 700;
  color: #111111;
  text-align: center;
  margin: 0 0 26px 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li h6 {
    font-size: 19px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li h6.apple::before {
  content: "";
  display: block;
  width: 45px;
  height: 42px;
  margin: 10px auto 10px;
  background: url("data:image/svg+xml,%3Csvg id='그룹_98' data-name='그룹 98' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='65.712' height='62.001' viewBox='0 0 65.712 62.001'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_169' data-name='사각형 169' width='65.712' height='62.001' transform='translate(0 0)' fill='%235d5d5d'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_97' data-name='그룹 97' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_644' data-name='패스 644' d='M60.6,15.556a17.994,17.994,0,0,0-8.2-4.336,15.43,15.43,0,0,0-4.782-.3,14.331,14.331,0,0,0-2.831.658,16.8,16.8,0,0,1-2.021.531A12,12,0,0,1,41,12.282c-.017,0-.032,0-.049.006a2.878,2.878,0,0,1,0-.634,5.976,5.976,0,0,1,1.074-2.345,6.339,6.339,0,0,0,1.194-2.753,2.342,2.342,0,0,0,1.551-1.264,4.2,4.2,0,0,0,.678-2.451,2.883,2.883,0,0,0-.635-1.554A1.987,1.987,0,0,0,43.561.535a1.864,1.864,0,0,0-1.485.521c-.837.491-1.746,1.085-2.634,1.664-.75.49-1.459.953-2.041,1.3-.986.583-2,1.181-3.042,1.771A4.776,4.776,0,0,0,32.492,2.1,9.85,9.85,0,0,0,28.137.374,18.513,18.513,0,0,0,24.481,0C20.544.043,16.927,1.8,13.429,3.5l-1.011.489C8.628,5.8,4.578,7.373.642,6.547a.487.487,0,0,0-.523.241.485.485,0,0,0-.041.581,25.551,25.551,0,0,0,18.4,11.193A21.549,21.549,0,0,0,17.1,26.723a55.569,55.569,0,0,0,5.17,22.592c1.776,3.978,5.473,12.255,11.457,12.655l.068,0a10.441,10.441,0,0,0,2.866-.349c.355-.077.707-.154,1.056-.212a26.145,26.145,0,0,1,2.63-.3.94.94,0,0,0,.383.519,1.374,1.374,0,0,0,.757.188c.059,0,.114,0,.164,0l1.056-.036a2.062,2.062,0,0,0,.848-.16,1.112,1.112,0,0,0,.513-.5c.389.027.777.059,1.162.1a18.559,18.559,0,0,1,1.854.345A13.935,13.935,0,0,0,50.076,62q.306,0,.613-.029c5.288-.507,9.954-9.065,12.344-16.239,3.3-9.9,4.635-23.738-2.437-30.177M41.192,8.78a6.779,6.779,0,0,0-1.22,2.754,6.576,6.576,0,0,0,.93,3.591l1.058,2.186c-.346.01-.692.013-1.038,0a10.9,10.9,0,0,1-1.615-5.244,11.943,11.943,0,0,1,.819-3.425L41.35,5.1a3.113,3.113,0,0,0,.886,1.012A4.652,4.652,0,0,1,41.192,8.78m-2.869,3.258c0,.03,0,.06,0,.09-.912-.092-1.671-.219-2.473-.355-.506-.086-1.026-.174-1.6-.254a3.526,3.526,0,0,0,.012-3.712,62.47,62.47,0,0,0,6.186-3.123L39.2,8.325a12.65,12.65,0,0,0-.872,3.714M44.048,1.911a1.886,1.886,0,0,1,.415,1.017A3.225,3.225,0,0,1,43.913,4.8a1.721,1.721,0,0,1-.755.76.473.473,0,0,0-.119-.1A2.132,2.132,0,0,1,41.99,4a3.357,3.357,0,0,1-.046-.383.486.486,0,0,0,0-.219c0-.005,0-.011,0-.016l.088-.253a5.3,5.3,0,0,1,.41-.968,2.655,2.655,0,0,1,.2-.21.474.474,0,0,0,.1-.138c.182-.1.361-.207.533-.3a.636.636,0,0,1,.164-.007,1.057,1.057,0,0,1,.615.4M37.9,4.864c.6-.355,1.319-.824,2.078-1.32.344-.224.69-.449,1.034-.671-.019.1-.031.2-.04.3l-.025.073c-1.365.836-2.846,1.646-4.381,2.406.449-.263.9-.526,1.333-.785M2.882,7.759c3.4,0,6.777-1.358,9.962-2.887l1.014-.491c3.4-1.649,6.917-3.356,10.633-3.4a17.257,17.257,0,0,1,3.462.356,8.983,8.983,0,0,1,3.928,1.526A3.544,3.544,0,0,1,33.305,6.3a.451.451,0,0,0,0,.077,34.047,34.047,0,0,1-11.447,4.267C17.788,11.214,13.7,10.64,8.82,9.6A30.025,30.025,0,0,1,2.6,7.752c.093,0,.185.006.278.006m-.621.921a31.133,31.133,0,0,0,6.355,1.887,48.037,48.037,0,0,0,9.915,1.287,24.941,24.941,0,0,0,3.46-.234,24.225,24.225,0,0,0,3.238-.687h0A53.073,53.073,0,0,0,33.343,8.2a2.538,2.538,0,0,1-.055,3,1.826,1.826,0,0,1-.174.186C28.052,10.921,21.6,12.6,18.981,17.5c-.02.037-.037.076-.057.114A24.607,24.607,0,0,1,2.261,8.68m59.37,36.587C58.761,53.887,54.2,60.152,50.548,60.5a10.393,10.393,0,0,1-3.144-.38,19.848,19.848,0,0,0-2.006-.371,28.853,28.853,0,0,0-7.925.2c-.372.062-.746.144-1.125.225a9.174,9.174,0,0,1-2.464.318l-.052,0c-5.1-.341-8.684-8.36-10.214-11.784a54.106,54.106,0,0,1-5.041-21.982c.02-3.681.562-6.392,1.706-8.53,2.264-4.229,8.3-5.87,13.08-5.311.835.1,1.551.22,2.243.338.8.135,1.629.276,2.606.372a.705.705,0,0,0,.231-.014,13.967,13.967,0,0,0,1.344,3.667,18.227,18.227,0,0,1-5.043-1.166.738.738,0,1,0-.535,1.375,19.818,19.818,0,0,0,7.18,1.336,19.846,19.846,0,0,0,7.589-1.5.738.738,0,0,0-.566-1.364A18.243,18.243,0,0,1,43,17.251a.446.446,0,0,0-.028-.109L41.787,14.7c-.144-.3-.3-.621-.437-.958a13.206,13.206,0,0,0,1.67-.174,18.164,18.164,0,0,0,2.2-.574,13.018,13.018,0,0,1,2.538-.6,14.033,14.033,0,0,1,4.327.272A16.521,16.521,0,0,1,59.6,16.648c6.128,5.579,5.435,18.393,2.03,28.619' transform='translate(0 0)' fill='%235d5d5d'/%3E%3Cpath id='패스_645' data-name='패스 645' d='M61.387,36.93a9.363,9.363,0,0,1-2.55-1.107,3.569,3.569,0,0,1-1.094-.953,1.428,1.428,0,0,1-.249-1.187.492.492,0,0,0-.685-.7.939.939,0,0,0-.272.464,2.376,2.376,0,0,0,.4,1.988,4.587,4.587,0,0,0,1.382,1.228,10.333,10.333,0,0,0,2.817,1.223.492.492,0,1,0,.254-.951' transform='translate(-28.678 -16.688)' fill='%235d5d5d'/%3E%3Cpath id='패스_646' data-name='패스 646' d='M75,42.666a8.28,8.28,0,0,1-2.066-.118.492.492,0,0,0-.178.968,9.337,9.337,0,0,0,1.683.153c.209,0,.419-.007.627-.021a.492.492,0,0,0,.458-.524A.5.5,0,0,0,75,42.666' transform='translate(-36.753 -21.607)' fill='%235d5d5d'/%3E%3Cpath id='패스_647' data-name='패스 647' d='M89.874,42.085a22.5,22.5,0,0,1-5.247.661.492.492,0,0,0,0,.984h0a23.51,23.51,0,0,0,5.477-.69.492.492,0,1,0-.237-.955' transform='translate(-42.736 -21.369)' fill='%235d5d5d'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li h6.apple::before {
    width: 66px;
    height: 62px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li h6.banana::before {
  content: "";
  display: block;
  width: 40px;
  height: 42px;
  margin: 10px auto 10px;
  background: url("data:image/svg+xml,%3Csvg id='그룹_100' data-name='그룹 100' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='68.111' height='71.48' viewBox='0 0 68.111 71.48'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_170' data-name='사각형 170' width='68.111' height='71.48' fill='%235d5d5d'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_99' data-name='그룹 99' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_648' data-name='패스 648' d='M.02,38.124A7.821,7.821,0,0,0,1.594,40.9a19.588,19.588,0,0,0,4.464,4.611A14.1,14.1,0,0,0,8.789,46.86a25.816,25.816,0,0,0,9.1,1.71,84.988,84.988,0,0,1-8.834,7.047,23.9,23.9,0,0,1-6.809,3.052.564.564,0,0,0-.154.053l-.024.013a.567.567,0,0,0-.143.114l-.01.008L.4,60.6a.569.569,0,0,0-.04.694,10.9,10.9,0,0,0,2.466,2.358,1.038,1.038,0,0,0,.419.207.558.558,0,0,0,.171.2,20.01,20.01,0,0,0,11.65,3.65,19.939,19.939,0,0,0,9.762-2.5c-.053.256-.11.511-.155.769a.536.536,0,0,0-.009.115.558.558,0,0,0-.085.18,25.713,25.713,0,0,1-.785,2.6.569.569,0,0,0,.266.754c.773.374,1.322.676,1.9,1,.411.225.824.452,1.321.707a.571.571,0,0,0,.26.063.552.552,0,0,0,.089-.01.555.555,0,0,0,.3.094.545.545,0,0,0,.06,0,28.659,28.659,0,0,0,13.69-5.614,3.01,3.01,0,0,0,1.15,1.422,6.728,6.728,0,0,0,2.955.639,10.146,10.146,0,0,0,4.221-1,5.283,5.283,0,0,0,1.652-1c.105-.086.208-.169.309-.246,5.12-3.888,11.532-12.47,13.969-20.595,0-.012.012-.027.017-.039a.553.553,0,0,0,.03-.118c.114-.388.222-.775.317-1.16,2.307-9.346,2.4-16.559.316-23.387-.276-.9-.609-1.8-.932-2.67a18.72,18.72,0,0,1-1.552-6.257,18.86,18.86,0,0,1,1.6-6.652.562.562,0,0,0,.034-.193.567.567,0,0,0-.294-.673A55.748,55.748,0,0,0,54.374.017h0A.569.569,0,0,0,54.261,0c-.01,0-.019,0-.028,0a.593.593,0,0,0-.082,0c-.014,0-.028.007-.043.01a.541.541,0,0,0-.064.016.4.4,0,0,0-.039.018.519.519,0,0,0-.061.028c-.017.01-.031.022-.047.034s-.028.019-.041.03a.563.563,0,0,0-.077.084A17.565,17.565,0,0,0,52.706,1.9c-.277.469-.563.953-.889,1.429a.566.566,0,0,0-.093.4.213.213,0,0,0,0,.022.076.076,0,0,0,0,.009c-.04,2.306-.842,5.216-2.251,6.068A14,14,0,0,1,47.03,10.9c-.569.21-1.158.427-1.729.692a18.469,18.469,0,0,0-3.8,2.4,31.112,31.112,0,0,0-5.639,6.22l-.53.74c-1.807,2.53-3.675,5.145-6.224,6.958a32.135,32.135,0,0,1-11.592,4.947A81.106,81.106,0,0,1,1.6,34.391a.57.57,0,0,0-.228.054.565.565,0,0,0-.41.409,17.074,17.074,0,0,1-.9,2.762,1.022,1.022,0,0,0-.042.507m19.023,9.289A24.654,24.654,0,0,1,9.2,45.8a13.059,13.059,0,0,1-2.515-1.241A18.465,18.465,0,0,1,2.495,40.2a7.23,7.23,0,0,1-1.336-2.241A15.125,15.125,0,0,0,1.8,36.115a37.836,37.836,0,0,0,9,1.089A37.846,37.846,0,0,0,20.875,35.84a37.893,37.893,0,0,0,13.951-7.245,108.988,108.988,0,0,1-15.7,18.823.56.56,0,0,0-.08,0M1.56,61l.873-1A10.92,10.92,0,0,1,4.5,62.036l-1.072.642A11.2,11.2,0,0,1,1.56,61m23.283,2.888A19.2,19.2,0,0,1,4.45,63.391l1.166-.7a.569.569,0,0,0,.119-.1c4.837.071,10.484-1.663,16.807-5.162A54.988,54.988,0,0,0,36.708,45.881c-.132.184-.264.367-.4.55-1.078,1.486-2.293,2.935-3.467,4.336-2.6,3.1-5.284,6.3-6.787,10.225a27.214,27.214,0,0,0-.9,2.811.567.567,0,0,0-.316.084m2.325,6.1c-.228-.122-.442-.24-.656-.357-.452-.248-.915-.5-1.487-.79.17-.5.359-1.17.491-1.657.518.2,1.048.407,1.584.583a3.248,3.248,0,0,0,.619.141c-.094.373-.2.768-.3,1.154-.083.308-.167.621-.247.926m33.6-49.723a20.7,20.7,0,0,0,.469-3.009,3.363,3.363,0,0,0,.107.359c.965,2.437,2.4,12.4-1.493,22.925-1.98,5.347-4.441,8.764-7.453,12.674A60.738,60.738,0,0,1,41.759,64.385a28.147,28.147,0,0,1-13.5,5.912c.08-.309.165-.627.25-.94.144-.534.292-1.086.41-1.584a6.273,6.273,0,0,0,1.162-.6c.143-.087.292-.178.452-.27a56.8,56.8,0,0,0,6.355-4.263A56.628,56.628,0,0,0,47.606,51.756C53.7,43.6,58.008,33.3,60.77,20.263m-6.3-19.045a55.7,55.7,0,0,1,9.5,3.266L61.7,5.928a3.325,3.325,0,0,0-.565-.193c-.108-.03-.225-.061-.346-.1-1.693-.548-3.423-1.071-5.141-1.554-.837-.236-1.681-.463-2.521-.683.2-.311.382-.62.56-.921.262-.444.514-.868.783-1.26M44.217,64.047a12.009,12.009,0,0,1,1.869.477l-.374.666c-.5-.125-.969-.27-1.427-.411-.3-.091-.583-.179-.87-.26q.32-.263.635-.531a.566.566,0,0,0,.166.058m-.884,2.217a2.247,2.247,0,0,1-.566-.736c.388.1.777.213,1.184.339.586.181,1.193.367,1.867.517q.433.2.826.34a5.916,5.916,0,0,1-3.312-.459m7.947-1.492c-.111.085-.223.176-.339.27a7.524,7.524,0,0,1-.617.465.555.555,0,0,0-.121.048c-.2.11-.414.215-.633.317a4.1,4.1,0,0,1-2.765-.3l.344-.614a1.4,1.4,0,0,0,.14-.342,13.473,13.473,0,0,0,2.957-1.8,78.764,78.764,0,0,0,10.933-10.5c.266-.309.686-.856,1.17-1.518C59.342,56.607,54.9,62.023,51.28,64.772M64.618,18.1c.317.854.644,1.737.91,2.608,2.026,6.621,1.923,13.647-.332,22.782-.1.4-.214.81-.336,1.219a42.952,42.952,0,0,1-4.544,6.859A77.629,77.629,0,0,1,49.541,61.921a12.174,12.174,0,0,1-2.756,1.669,1.691,1.691,0,0,0-.248-.114,13.149,13.149,0,0,0-1.44-.412,69.989,69.989,0,0,0,8.2-9.158,46.374,46.374,0,0,0,7.618-12.973c4.324-11.68,2.233-21.848,1.485-23.738-.018-.048-.066-.237-.109-.4a24.492,24.492,0,0,0-.759-2.493,2.907,2.907,0,0,1-.139-.849c.149-1.464.394-2.931.636-4.369.075-.447.159-.891.243-1.336l.071-.374c0-.006,0-.011,0-.017.046-.206.085-.386.112-.527,0-.013,0-.025,0-.037l1.731-1.1A16.888,16.888,0,0,0,63,11.463,19.855,19.855,0,0,0,64.618,18.1M17.768,33.967a33.257,33.257,0,0,0,12-5.13c2.705-1.924,4.63-4.618,6.491-7.224l.528-.737a30.056,30.056,0,0,1,5.43-6,17.323,17.323,0,0,1,3.565-2.249c.529-.246,1.07-.445,1.643-.656A15.048,15.048,0,0,0,50.059,10.8c1.9-1.145,2.6-4.3,2.764-6.3.839.22,1.682.446,2.517.681,1.7.48,3.42,1,5.1,1.542.139.045.273.082.4.115a2.522,2.522,0,0,1,.408.132.789.789,0,0,1-.014.175c-.03.133-.062.275-.1.432a26.334,26.334,0,0,0-.874,5.816,25.071,25.071,0,0,0-.137,3.039,15.894,15.894,0,0,1-.465,3.6C56.929,32.9,52.69,43.055,46.7,51.075A55.478,55.478,0,0,1,36.2,61.738a55.592,55.592,0,0,1-6.227,4.177c-.168.1-.325.193-.476.284-.793.483-1.229.75-2.039.484-.548-.179-1.1-.395-1.64-.607A26.318,26.318,0,0,1,27.12,61.4c1.434-3.745,4.058-6.874,6.6-9.9,1.188-1.416,2.416-2.88,3.517-4.4a155.963,155.963,0,0,0,9.38-14.751c1.626-2.636,3.141-5.283,4.588-7.88.508-.912.992-1.8,1.433-2.674q.555-.842,1.148-1.652c.29-.394.589-.784.889-1.173a19.977,19.977,0,0,0,2.966-4.72,19.907,19.907,0,0,0,.923-3.576,2.436,2.436,0,0,0,0-1.269,1.547,1.547,0,0,0-.985-.959,2.06,2.06,0,0,0-1.751.19,3.674,3.674,0,0,0-1.387,2.2A23.463,23.463,0,0,0,53.857,14c-.1.769-.211,1.564-.376,2.323a20.872,20.872,0,0,1-1.834,4.9c-1.4,2.13-2.622,4.378-3.813,6.567q-.332.61-.664,1.219-.771,1.407-1.535,2.756A93.945,93.945,0,0,1,36.147,44.8,54.117,54.117,0,0,1,21.991,56.436c-6.272,3.47-11.835,5.159-16.522,5.018a11.836,11.836,0,0,0-1.846-1.963A27.571,27.571,0,0,0,9.7,56.553c9.836-6.806,18.742-16.2,26.472-27.924.831-1.261,1.6-2.61,2.34-3.913,1.877-3.3,3.818-6.716,6.951-8.931A15.14,15.14,0,0,1,48.109,14.4c.673-.3,1.368-.608,2.029-.983,2.032-1.153,3.247-2.869,3.252-4.59a.569.569,0,0,0-.567-.571h0a.569.569,0,0,0-.569.567c0,1.307-1,2.655-2.676,3.6-.613.347-1.282.645-1.93.933a16.244,16.244,0,0,0-2.839,1.5c-3.339,2.361-5.344,5.887-7.283,9.3-.184.324-.37.651-.557.978a.567.567,0,0,0-.092.062,36.745,36.745,0,0,1-16.3,9.551,36.748,36.748,0,0,1-16.428.713,72.837,72.837,0,0,0,13.625-1.489M54.36,17.5q.129-.463.232-.937c.174-.8.285-1.621.391-2.412a22.173,22.173,0,0,1,.547-3.013,2.662,2.662,0,0,1,.9-1.545.937.937,0,0,1,.762-.078.438.438,0,0,1,.286.252,1.541,1.541,0,0,1-.037.688,19.075,19.075,0,0,1-.865,3.375A15.778,15.778,0,0,1,54.36,17.5' transform='translate(0 0)' fill='%235d5d5d'/%3E%3Cpath id='패스_649' data-name='패스 649' d='M17.895,166.758l-.827-.33a.569.569,0,1,0-.422,1.057l.828.33a.569.569,0,0,0,.421-1.057' transform='translate(-10.111 -103.286)' fill='%235d5d5d'/%3E%3Cpath id='패스_650' data-name='패스 650' d='M78.549,179.446l-1.156.4a.569.569,0,1,0,.368,1.077l1.156-.4a.569.569,0,0,0-.368-1.077' transform='translate(-47.804 -111.373)' fill='%235d5d5d'/%3E%3Cpath id='패스_651' data-name='패스 651' d='M112.228,105.741l-1.129,1.209a.569.569,0,0,0,.832.777l1.129-1.209a.569.569,0,0,0-.832-.777' transform='translate(-68.87 -65.527)' fill='%235d5d5d'/%3E%3Cpath id='패스_652' data-name='패스 652' d='M117.167,98.658l1.244-1.67a.569.569,0,1,0-.912-.68l-1.244,1.671a.569.569,0,0,0,.912.679' transform='translate(-72.096 -59.642)' fill='%235d5d5d'/%3E%3Cpath id='패스_653' data-name='패스 653' d='M118.953,103.862a9.709,9.709,0,0,0-1.131,1.575.569.569,0,1,0,.986.568,8.591,8.591,0,0,1,1-1.391.569.569,0,0,0-.853-.752' transform='translate(-73.091 -64.354)' fill='%235d5d5d'/%3E%3Cpath id='패스_654' data-name='패스 654' d='M124.47,95.951a.569.569,0,0,0-.783.185l-.443.718a.569.569,0,0,0,.968.6l.443-.718a.569.569,0,0,0-.185-.783' transform='translate(-76.452 -59.51)' fill='%235d5d5d'/%3E%3Cpath id='패스_655' data-name='패스 655' d='M121.626,89.851a.562.562,0,0,0,.308.091.568.568,0,0,0,.478-.261l1-1.554a.569.569,0,1,0-.956-.617l-1,1.554a.569.569,0,0,0,.17.786' transform='translate(-75.338 -54.161)' fill='%235d5d5d'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li h6.banana::before {
    width: 60px;
    height: 62px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li h6.gyul::before {
  content: "";
  display: block;
  width: 55px;
  height: 42px;
  margin: 10px auto 10px;
  background: url("data:image/svg+xml,%3Csvg id='그룹_102' data-name='그룹 102' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='84' height='63.763' viewBox='0 0 84 63.763'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_171' data-name='사각형 171' width='84' height='63.763' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_101' data-name='그룹 101' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_656' data-name='패스 656' d='M35.556,14.534s-7.8,8.732-32.959.477c0,0,24.862-20.643,32.959-.477' transform='translate(-1.459 -3.044)' fill='%2398ba1a'/%3E%3Cpath id='패스_657' data-name='패스 657' d='M111.989,20.984s-3.286,6.726,8.383,10.578l10.057,1.956,14.4,2.224s-4.377-5.22-5.816-8.888c0,0-9.709-11.134-17.678-9.477,0,0-8.918,1.528-9.342,3.608' transform='translate(-62.668 -9.2)' fill='%2398ba1a'/%3E%3Cpath id='패스_658' data-name='패스 658' d='M88.007,2.46,84.955,4.906s-3.109,6.914-3.455,13.1l-1.209,4.267-2.118,3.712-.974-.416-1.821.652L75,26.865s1.552,1.9,2.531,2.045l5.773.329s2.058.243,2.289,0a9.622,9.622,0,0,0,.633-.833l-1.152-1.184-2.809-.569-.353-.666L83.3,20.307l1.885-8.92s1.582-6.053,3.872-7.459Z' transform='translate(-42.127 -1.315)' fill='%23603913'/%3E%3Cpath id='패스_659' data-name='패스 659' d='M21.056,44.941s-11.372,5.819-10.8,18.342c0,0,2.85,17.871,26.969,23.349,0,0,26.549,1.339,28.865-17.217,0,0,6.519-22.776-18.126-24.474,0,0-2.176-.417-2.432,2.246l4.6,1.962-2.17,2.21-7.141-.234-3.092-2.412L39.5,47.15l2.819-.741.933-1.746s-15.673-3.38-22.2.278' transform='translate(-5.747 -23.117)' fill='%23ffb300'/%3E%3Cpath id='패스_660' data-name='패스 660' d='M47.972,61.552a22.8,22.8,0,0,0,6.99-3.929c5.184-4.437,7.878-12.327,7.031-20.592a18.4,18.4,0,0,0-1.1-4.952,16,16,0,0,0-2.542-4.218c-3.659-4.474-10.334-7.3-16.643-7.158.115-.289.229-.574.34-.847.354-.873.66-1.627.844-2.266a17.369,17.369,0,0,0,.626-4.383,17.151,17.151,0,0,1,.309-2.877,6.992,6.992,0,0,0,4.44,2.61c.117.022.234.03.351.048a7,7,0,0,0,.567,4.5,6.653,6.653,0,0,0,1.771,1.854c4.845,3.711,11.008,4.9,15.834,5.526,1.357.175,2.738.323,4.075.466a74.075,74.075,0,0,1,10.209,1.587,10.108,10.108,0,0,0,1.558.433c.131.04.264.074.395.115.011,0,.023,0,.034.006.049.019.1.045.145.063a.575.575,0,0,0,.2.035.608.608,0,0,0,.57-.43.65.65,0,0,0-.373-.813c-1.528-.562-2.9-1.9-4.187-4.091-.384-.654-.749-1.349-1.1-2.02a26.872,26.872,0,0,0-2.175-3.661A22.423,22.423,0,0,0,71.482,12.2c-3.334-2.5-7.357-5.03-11.844-5A18.672,18.672,0,0,0,53.543,8.53,10.446,10.446,0,0,0,48.8,11.447a.64.64,0,0,0-.123.263c-.069-.011-.138-.016-.207-.028a5.492,5.492,0,0,1-4.06-2.713.62.62,0,0,0-.164-.2,12.057,12.057,0,0,1,3.788-5.7l.006-.006c.015-.013.028-.028.043-.042a.908.908,0,0,0,.1-.108c0-.005.009-.009.013-.014s.021-.035.032-.052a.941.941,0,0,0,.054-.091c.013-.026.023-.053.034-.08s.024-.06.032-.09a.912.912,0,0,0,.02-.09c.006-.03.011-.06.014-.091s0-.06,0-.091,0-.062,0-.094-.008-.059-.013-.088-.011-.062-.019-.093-.019-.059-.03-.089-.021-.055-.034-.082a.852.852,0,0,0-.053-.091c-.011-.018-.018-.036-.03-.053s-.01-.01-.014-.016c-.019-.026-.042-.048-.064-.072a.961.961,0,0,0-.067-.069l-.015-.015A4.983,4.983,0,0,1,47.6,1.1a3.7,3.7,0,0,0-1.3-1,.8.8,0,0,0-.078-.036C46.2.06,46.187.049,46.168.042s-.019,0-.028-.007a.856.856,0,0,0-.091-.02A.8.8,0,0,0,45.963,0a.829.829,0,0,0-.083,0,.754.754,0,0,0-.092,0,.773.773,0,0,0-.079.016.864.864,0,0,0-.092.023c-.025.008-.049.02-.073.031a.849.849,0,0,0-.092.046c-.008,0-.016.007-.024.012A13.649,13.649,0,0,0,40,8.306l-.54,2.432c-.065.292-.11.582-.16.873a6.858,6.858,0,0,1-4.449-.406,7.812,7.812,0,0,0-2.711-5.111,16.188,16.188,0,0,0-11.09-4.04,21,21,0,0,0-5.648.784C9.547,4.474,4.508,8.206.243,11.574a.661.661,0,0,0-.23.644.623.623,0,0,0,.454.492c.321.079.646.149.967.226l.046.011c4.587,1.1,9.258,2.016,13.909,2.714a43.626,43.626,0,0,0,6.391.591,20.046,20.046,0,0,0,3.721-.324,33.9,33.9,0,0,0,8.945-3.516,10.507,10.507,0,0,0,3.434.709,5.7,5.7,0,0,0,1.21-.13c-.02.156-.044.316-.064.47a19.838,19.838,0,0,1-.64,3.44,27.681,27.681,0,0,1-1.369,3.423,46.632,46.632,0,0,0-15.752-.989c-5.94.772-11.013,3.675-13.918,7.967C3.82,32.51,3.378,40.041,6.219,46.487A28.293,28.293,0,0,0,19.465,59.865a35.592,35.592,0,0,0,16.2,3.9,35.261,35.261,0,0,0,12.306-2.211m23.01-37.486c-1.331-.143-2.706-.29-4.05-.464-4.684-.6-10.653-1.753-15.276-5.294A5.431,5.431,0,0,1,50.2,16.817a5.8,5.8,0,0,1-.393-3.7c.887.052,1.771.037,2.635.013.483-.013.95-.027,1.445-.026a27.228,27.228,0,0,1,17.352,6.359c.845.7,1.692,1.486,2.51,2.244a46.223,46.223,0,0,0,3.683,3.176c-2.157-.351-4.325-.586-6.456-.814M53.933,9.74a17.637,17.637,0,0,1,5.716-1.262c4.129-.05,7.959,2.385,11.137,4.768a20.837,20.837,0,0,1,4.4,4.112,25.561,25.561,0,0,1,2.066,3.487c.359.685.731,1.394,1.132,2.075a15.893,15.893,0,0,0,1.374,1.988,30.39,30.39,0,0,1-5.214-4.168c-.831-.768-1.689-1.562-2.558-2.286a28.393,28.393,0,0,0-18.1-6.632c-.5-.015-.983.013-1.476.027-.79.021-1.554.035-2.3,0A10.4,10.4,0,0,1,53.933,9.74M15.708,4.076a19.845,19.845,0,0,1,5.342-.742,15.029,15.029,0,0,1,10.3,3.725,7,7,0,0,1,2.244,3.677l-.124-.047-.649-.25A33.486,33.486,0,0,0,16.888,8.505c-2.046.252-4.08.7-6.046,1.13L2.386,11.489c3.858-2.973,8.305-6.012,13.322-7.413m9.583,10.591a18.88,18.88,0,0,1-3.512.3,42.7,42.7,0,0,1-6.223-.578c-3.692-.553-7.4-1.248-11.065-2.06l6.595-1.446c1.941-.426,3.948-.866,5.942-1.112a32.363,32.363,0,0,1,15.387,1.868l.423.163a29.155,29.155,0,0,1-7.547,2.861M40.1,17.5a21.686,21.686,0,0,0,.715-3.785c.112-.879.217-1.709.4-2.537l.54-2.433a12.022,12.022,0,0,1,4.19-6.672c.058.05.119.11.184.177a14.744,14.744,0,0,0-4.024,7.412,18.23,18.23,0,0,0-.4,3.45,15.461,15.461,0,0,1-.549,3.917c-.155.538-.457,1.282-.776,2.069-.818,2.017-1.836,4.528-1.761,6.71a.93.93,0,0,0,.9.924h.033a.908.908,0,0,0,.809-.611,6.178,6.178,0,0,1,2.942.763,4.686,4.686,0,0,1-2.634.463,31.819,31.819,0,0,1-5.228-.4.87.87,0,0,0-.2-.1,12.158,12.158,0,0,1-1.632-.7.9.9,0,0,1-.185-.4.966.966,0,0,1,.46-.874,1.406,1.406,0,0,1,.884-.17.993.993,0,0,0,.3,1.309.858.858,0,0,0,.474.143.892.892,0,0,0,.77-.455c.452-.776.885-1.58,1.286-2.39A39.915,39.915,0,0,0,40.1,17.5M20.25,58.136A26.433,26.433,0,0,1,7.856,45.674c-2.568-5.827-2.192-12.6.959-17.254,2.611-3.857,7.228-6.475,12.67-7.182a44.431,44.431,0,0,1,14.676.865l-.152.308c-.09.181-.187.361-.28.542a3.242,3.242,0,0,0-2.742.257,2.925,2.925,0,0,0-1.211,1.555,4.515,4.515,0,0,0-.809-.307,17.334,17.334,0,0,0-5.317-.715.962.962,0,0,0,.018,1.918h.018a15.815,15.815,0,0,1,4.8.645,2.285,2.285,0,0,1,.6.243,2.813,2.813,0,0,1,.333.295c.068.066.137.133.206.2a5.649,5.649,0,0,0,.9.665,3.368,3.368,0,0,0,.524.415,5.428,5.428,0,0,0,1.905.691,32.075,32.075,0,0,0,5.685.454c.146,0,.307.007.482.007a4.767,4.767,0,0,0,3.869-1.428,1.675,1.675,0,0,0,.349-.692c0-.014,0-.029.006-.044a11.991,11.991,0,0,1,3.243.367.851.851,0,0,0,.212.027.916.916,0,0,0,.877-.736.963.963,0,0,0-.668-1.156,13.665,13.665,0,0,0-4.74-.349,7.956,7.956,0,0,0-3.689-1.065,14.1,14.1,0,0,1,.408-1.535c6.014-.389,12.517,2.213,15.991,6.461a14.05,14.05,0,0,1,2.24,3.7,16.477,16.477,0,0,1,.974,4.419c.782,7.621-1.659,14.86-6.369,18.89a21.058,21.058,0,0,1-6.454,3.612A33.792,33.792,0,0,1,20.25,58.136' transform='translate(0 0)' fill='%23603913'/%3E%3Cpath id='패스_661' data-name='패스 661' d='M26.344,68.962c.678.435,1.2-.4,1.037-1.084-.2-.835-1.163-.543-1.435.133a.75.75,0,0,0,.4.951' transform='translate(-14.545 -36.016)' fill='%23603913'/%3E%3Cpath id='패스_662' data-name='패스 662' d='M21.858,77.545a.822.822,0,0,0-.16,1.261.693.693,0,0,0,1.166-.3.814.814,0,0,0-.064-.694.712.712,0,0,0-.942-.268' transform='translate(-12.063 -41.415)' fill='%23603913'/%3E%3Cpath id='패스_663' data-name='패스 663' d='M21.213,88.1a.651.651,0,0,0-.8.092c-.441.443-.418,1.443.27,1.6.9.206,1.367-1.249.525-1.693' transform='translate(-11.303 -47.052)' fill='%23603913'/%3E%3Cpath id='패스_664' data-name='패스 664' d='M27.173,83.8a.958.958,0,0,0-.046-.105c-.594-1.149-1.961.254-1.063,1.066.632.572,1.381-.229,1.109-.961' transform='translate(-14.474 -44.513)' fill='%23603913'/%3E%3Cpath id='패스_665' data-name='패스 665' d='M28.273,96.554c-1.076-.948-2.3.716-.809,1.273.849.317,1.59-.585.809-1.273' transform='translate(-15.038 -51.468)' fill='%23603913'/%3E%3Cpath id='패스_666' data-name='패스 666' d='M33.543,105.657a.847.847,0,0,0-1.311.083c-.648,1.177,1.813,1.835,1.6.412a.835.835,0,0,0-.284-.495' transform='translate(-18.044 -56.344)' fill='%23603913'/%3E%3Cpath id='패스_667' data-name='패스 667' d='M38.835,95.795c-.688-.323-1.681.967-.6,1.464a.744.744,0,0,0,1-.946.832.832,0,0,0-.4-.517' transform='translate(-21.209 -51.187)' fill='%23603913'/%3E%3Cpath id='패스_668' data-name='패스 668' d='M29.3,75.054v.127a.7.7,0,0,0,1.012.628c1.4-.738-1.012-2.426-1.012-.755' transform='translate(-16.46 -39.744)' fill='%23603913'/%3E%3Cpath id='패스_669' data-name='패스 669' d='M34.148,54.454c-.493-.06-1.246.6-1.426,1.05a1.248,1.248,0,0,0-.043.907c.447,1.117,1.23-.175,1.642-.639a1.086,1.086,0,0,0,.281-1.016.513.513,0,0,0-.454-.3' transform='translate(-18.319 -29.111)' fill='%23603913'/%3E%3Cpath id='패스_670' data-name='패스 670' d='M27.457,60.007a.9.9,0,0,0,.1-.46c-.012-.4-.243-.8-.667-.736-1.71.241-.213,2.594.566,1.2' transform='translate(-14.664 -31.439)' fill='%23603913'/%3E%3Cpath id='패스_671' data-name='패스 671' d='M46.864,113.782a.748.748,0,0,0-.092,1.47c.931.138,1.024-1.47.092-1.47' transform='translate(-25.954 -60.831)' fill='%23603913'/%3E%3Cpath id='패스_672' data-name='패스 672' d='M57.212,121.5c-.71-.266-1.728-.093-1.728.645s.834.783,1.347.851a1.283,1.283,0,0,0,.63-.035c.807-.31.32-1.249-.249-1.462' transform='translate(-31.167 -64.896)' fill='%23603913'/%3E%3Cpath id='패스_673' data-name='패스 673' d='M78.328,126.223c-.962.648-.516,1.677.579,1.431.754-.169.935-.647.8-1.04a.882.882,0,0,0-1.379-.392' transform='translate(-43.702 -67.382)' fill='%23603913'/%3E%3Cpath id='패스_674' data-name='패스 674' d='M112.675,118.439a.762.762,0,0,0,.353,1.158,1.517,1.517,0,0,0,.857-.117,1.837,1.837,0,0,0,.652-.33c.394-.354.363-.672.127-.89a1.487,1.487,0,0,0-1.989.179' transform='translate(-63.215 -63.066)' fill='%23603913'/%3E%3Cpath id='패스_675' data-name='패스 675' d='M123.229,110.252a.654.654,0,0,0-.728-.056c-.822.457-1.086,2.567.425,1.752.476-.256.868-1.31.3-1.7' transform='translate(-68.44 -58.869)' fill='%23603913'/%3E%3Cpath id='패스_676' data-name='패스 676' d='M123.874,102.221a1.275,1.275,0,0,0-.2.6.765.765,0,0,0,1.2.769c.857-.681-.346-2.31-1.005-1.37' transform='translate(-69.469 -54.498)' fill='%23603913'/%3E%3Cpath id='패스_677' data-name='패스 677' d='M114.812,104.4c-.126.553.354,1.1.883.892a1.374,1.374,0,0,0,.469-.358c.3-.32.637-.834.274-1.256a.7.7,0,0,0-.865-.166,1.412,1.412,0,0,0-.761.888' transform='translate(-64.482 -55.295)' fill='%23603913'/%3E%3Cpath id='패스_678' data-name='패스 678' d='M128.428,88.976c-.43.871-.162,2.767.877,1.814.426-.39.645-1.586.136-2-.477-.391-.817-.207-1.013.188' transform='translate(-72.031 -47.353)' fill='%23603913'/%3E%3Cpath id='패스_679' data-name='패스 679' d='M128.3,69.386a.711.711,0,0,0,.341-.64c0-.735-.855-1.613-1.419-.948-.637.751.19,2.137,1.077,1.588' transform='translate(-71.338 -36.121)' fill='%23603913'/%3E%3Cpath id='패스_680' data-name='패스 680' d='M120.791,61.014c.806-.3.5-1.028-.018-1.386-.433-.3-1.013-.34-1.2.363-.173.667.664,1.228,1.214,1.023' transform='translate(-67.157 -31.769)' fill='%23603913'/%3E%3Cpath id='패스_681' data-name='패스 681' d='M131.615,79.295a.738.738,0,0,0,.585.835.714.714,0,0,0,.786-.621,1.785,1.785,0,0,0-.083-.962c-.312-.887-1.6-.338-1.285.55.032.09.017.1,0,.2' transform='translate(-73.906 -41.753)' fill='%23603913'/%3E%3Cpath id='패스_682' data-name='패스 682' d='M130.661,97.154c-.5-.318-.832-.011-.961.438-.163.571.089,1.7.867,1.435.373-.125.5-.611.51-.983a1.035,1.035,0,0,0-.416-.89' transform='translate(-72.83 -51.871)' fill='%23603913'/%3E%3Cpath id='패스_683' data-name='패스 683' d='M121.583,95.51c-.162.944.873,1.115,1.327.387a1.224,1.224,0,0,0,.057-1.207c-.486-.8-1.284.242-1.383.82' transform='translate(-68.287 -50.469)' fill='%23603913'/%3E%3Cpath id='패스_684' data-name='패스 684' d='M73.8,105.545c-1.351-.1-.914,1.807.323,1.5a.776.776,0,0,0,.61-.92c-.1-.452-.549-.557-.932-.585' transform='translate(-40.988 -56.425)' fill='%23603913'/%3E%3Cpath id='패스_685' data-name='패스 685' d='M92.813,98.882c-.553-.011-1.411.254-1.21,1.031.365,1.406,2.006.271,2.048-.488.016-.294-.208-.531-.838-.544' transform='translate(-51.439 -52.865)' fill='%23603913'/%3E%3Cpath id='패스_686' data-name='패스 686' d='M111.584,85.885c.5.253,1.406-.321,1.573-.853.276-.877-.329-1-.951-.789-.807.277-1.642,1.124-.622,1.641' transform='translate(-62.415 -44.99)' fill='%23603913'/%3E%3Cpath id='패스_687' data-name='패스 687' d='M59.11,72.587a.7.7,0,0,0-.828-.1c-.692.43-.242,1.229.355,1.454,1.035.39,1.212-.773.473-1.358' transform='translate(-32.542 -38.704)' fill='%23603913'/%3E%3Cpath id='패스_688' data-name='패스 688' d='M46.745,59.772a.8.8,0,0,0,.239-1.359.612.612,0,0,0-.9,0c-.511.521-.511,1.853.664,1.357' transform='translate(-25.702 -31.124)' fill='%23603913'/%3E%3Cpath id='패스_689' data-name='패스 689' d='M47.772,52.875a1.156,1.156,0,0,0,1.2-1.008c.047-.358-.126-.683-.654-.731-.895-.081-1.683,1.532-.542,1.739' transform='translate(-26.516 -27.338)' fill='%23603913'/%3E%3Cpath id='패스_690' data-name='패스 690' d='M56.79,60.793a1.473,1.473,0,0,0-.305-.963c-.693-1-2.1-.5-1.547.754.29.659,1.687,1.333,1.852.209' transform='translate(-30.79 -31.702)' fill='%23603913'/%3E%3Cpath id='패스_691' data-name='패스 691' d='M48.176,67.382a.786.786,0,0,0,1.269-.04.846.846,0,0,0-.23-1.03c-.758-.7-1.741.256-1.039,1.07' transform='translate(-26.927 -35.323)' fill='%23603913'/%3E%3Cpath id='패스_692' data-name='패스 692' d='M63.9,67.831c-.492-.055-1.574.124-1.444.887.095.556.964.707,1.388.636.474-.079.955-.847.571-1.3a.781.781,0,0,0-.515-.22' transform='translate(-35.077 -36.26)' fill='%23603913'/%3E%3Cpath id='패스_693' data-name='패스 693' d='M63.719,64.673a.759.759,0,0,0,.369-1.445c-.023-.013-.048-.026-.073-.037-1.151-.517-1.44,1.389-.3,1.482' transform='translate(-35.384 -33.736)' fill='%23603913'/%3E%3Cpath id='패스_694' data-name='패스 694' d='M71.222,71.952c-.524,0-1.433-.2-1.69.449-.438,1.11,1,1.042,1.573,1.019.939-.038,1.074-1.468.118-1.468' transform='translate(-39.012 -38.452)' fill='%23603913'/%3E%3Cpath id='패스_695' data-name='패스 695' d='M84.68,74.314a1.761,1.761,0,0,0-.9.262c-.688.418-.174,1.194.458,1.285,1.1.158,1.549-1.573.437-1.547' transform='translate(-46.88 -39.73)' fill='%23603913'/%3E%3Cpath id='패스_696' data-name='패스 696' d='M92.178,72.078c.65-.153,1.37-1.33.34-1.527-.575-.11-1.824.528-1.186,1.287a.849.849,0,0,0,.845.24' transform='translate(-51.204 -37.712)' fill='%23603913'/%3E%3Cpath id='패스_697' data-name='패스 697' d='M109.011,68.576a.807.807,0,0,0,.013-.146c0-1.29-2.16-.595-1.925.459.224,1,1.764.478,1.912-.313' transform='translate(-60.151 -36.211)' fill='%23603913'/%3E%3Cpath id='패스_698' data-name='패스 698' d='M104.913,73.294l-.838.3c-.963.346-.363,1.621.527,1.408a1.479,1.479,0,0,0,1.082-1.2c.041-.407-.176-.718-.771-.5' transform='translate(-58.186 -39.148)' fill='%23603913'/%3E%3Cpath id='패스_699' data-name='패스 699' d='M120.281,66.357c-.427.277-.778.979-.235,1.353a.977.977,0,0,0,1.305-.5c.242-.614-.185-1.423-1.07-.849' transform='translate(-67.278 -35.372)' fill='%23603913'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li h6.gyul::before {
    width: 77px;
    height: 62px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li p {
  margin-top: 5px;
  font-size: 16px;
  color: #111111;
  border-bottom: 1px solid #CCCCCC;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li p {
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li p:last-of-type {
  border-bottom: none;
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li p span {
  font-size: 15px;
  color: #555555;
  display: block;
  text-align: right;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li p span {
    display: inline-block;
    font-size: 16px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul li p span.gyul {
  font-weight: 700;
  color: #E86610;
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text table {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #BBBBBB;
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text table thead tr th {
  background: #4D4D4D;
  height: 48px;
  color: #FFFFFF;
  font-size: 17px;
  text-align: center;
  font-weight: 400;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text table thead tr th {
    font-size: 18px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text table thead tr th.col {
  min-width: 140px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text table thead tr th.col {
    width: 500px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text table tbody tr td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  color: #111111;
  font-weight: 500;
  padding: 15px 11px;
  height: 54px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text table tbody tr td {
    font-size: 17px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text table tbody tr td:last-of-type {
  border-right: none;
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text table tbody tr td.table-main {
  background: #F5F5F5;
  text-align: center;
  font-weight: 700;
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text table tbody tr td.col {
  min-width: 140px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text table tbody tr td.col {
    width: 500px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text table tbody tr td.col2 {
  text-align: center;
  min-width: 70px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text table tbody tr td.col2 {
    width: 250px;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul-list li {
  padding: 21px 15px;
  background: #F5F5F5;
  border-radius: 20px;
  margin-top: 15px;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul-list li.active {
  background: #F8F2EB;
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul-list li img.gyul {
  width: 70px;
  height: 76px;
  margin: 0;
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul-list li img.gyul {
    width: 100px;
    height: 90px;
    margin: 0 20px 0 0;
  }
}

@media (min-width: 1195px) {
  body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul-list li div {
    display: inline-block;
  }
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul-list li div h6 {
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  margin: 10px 0 15px;
}

body div#content.sub section.info div.container ul.gyul-effect li div.info-text ul.gyul-list li div p {
  font-size: 16px;
  color: #555555;
}

body div#content section.ready {
  text-align: center;
  padding: 50px 0;
}

@media (min-width: 1195px) {
  body div#content section.ready {
    padding: 100px 0;
  }
}

body div#content section.ready div.container {
  text-align: center;
}

body div#content section.ready div.container span {
  display: block;
  font-size: 20px;
  font-weight: 900;
  color: #999999;
  padding: 100px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70.556' height='70.556' viewBox='0 0 70.556 70.556'%3E%3Cpath id='패스_1593' data-name='패스 1593' d='M65.5,2H9.056a7.046,7.046,0,0,0-7.02,7.056L2,72.556,16.111,58.444H65.5a7.076,7.076,0,0,0,7.056-7.056V9.056A7.076,7.076,0,0,0,65.5,2ZM26.694,33.75H19.639V26.694h7.056Zm14.111,0H33.75V26.694h7.056Zm14.111,0H47.861V26.694h7.056Z' transform='translate(-2 -2)' fill='%23bebebe'/%3E%3C/svg%3E%0A") no-repeat center top/70px auto;
}

body footer#footer {
  text-align: center;
  word-break: keep-all;
  position: relative;
}

@media (min-width: 1195px) {
  body footer#footer {
    padding: 34px 0;
    text-align: start;
  }
}

@media (min-width: 1195px) {
  body footer#footer div.footer-box {
    display: block;
    height: 52px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
}

@media (min-width: 1195px) {
  body footer#footer div.footer-box > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

body footer#footer div.footer-box .logobox {
  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;
  gap: 12px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 6px 0;
}

@media (min-width: 1195px) {
  body footer#footer div.footer-box .logobox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: none;
  }
}

body footer#footer div.footer-box .logobox .logo2 {
  display: block;
  width: 128px;
  height: 31px;
  background: url(../images/gyulLogo2.png) no-repeat center/100% auto;
  margin: 0;
  font-size: 0;
}

@media (min-width: 1195px) {
  body footer#footer div.footer-box .logobox .logo2 {
    width: 168px;
    height: 41px;
    display: inline-block;
  }
}

body footer#footer div.footer-box .logobox .logo3 {
  display: block;
  width: 142px;
  height: 26px;
  background: url(../images/gyulLogo3.png) no-repeat center/100% auto;
  margin: 0;
  font-size: 0;
}

@media (min-width: 1195px) {
  body footer#footer div.footer-box .logobox .logo3 {
    width: 186px;
    height: 34px;
    display: inline-block;
  }
}

body footer#footer div.footer-box .linkbox {
  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;
  gap: 12px;
  border-bottom: 1px solid #ddd;
  padding: 6px 0;
}

@media (min-width: 1195px) {
  body footer#footer div.footer-box .linkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    border: none;
  }
}

body footer#footer div.footer-box .linkbox div.agency {
  display: block;
  position: relative;
  font-size: 15px;
  font-weight: 700;
  color: #555;
  width: 200px;
}

body footer#footer div.footer-box .linkbox div.agency input {
  display: none;
}

body footer#footer div.footer-box .linkbox div.agency div.agency-link {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 50px;
  background: #555;
  border-radius: 23px;
  overflow: hidden;
}

body footer#footer div.footer-box .linkbox div.agency button.agency-open {
  display: block;
  color: #555555;
  border: none;
  width: 100%;
  height: 35px;
  text-align: left;
  padding: 0 20px;
  background-color: transparent;
}

body footer#footer div.footer-box .linkbox div.agency button.agency-open i {
  position: absolute;
  font-size: 18px;
  right: 10px;
  top: 8px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body footer#footer div.footer-box .linkbox div.agency button.agency-open.on > i {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

body footer#footer div.footer-box .linkbox div.agency a {
  display: block;
  border-bottom: 1px solid #999;
  line-height: 46px;
  padding: 0 20px;
  background: #555;
  color: #fff;
}

body footer#footer div.footer-box .linkbox div.agency a:last-of-type {
  border: none;
}

body footer#footer div.footer-box .linkbox div.agency a:hover {
  background: #000;
}

body footer#footer div.footer-box .linkbox div.agency button.on + div.agency-link {
  display: block;
}

body footer#footer div.footer-box .linkbox .link > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body footer#footer div.footer-box .linkbox .link > ul li {
  width: 40px;
  height: 40px;
}

body footer#footer div.footer-box .linkbox .link > ul li a {
  display: block;
  font-size: 0;
  width: 100%;
  height: 100%;
}

body footer#footer div.footer-box .linkbox .link > ul li a.youtube {
  background: url(../images/youtube.svg) no-repeat center/cover;
}

body footer#footer div.footer-box .linkbox .link > ul li a.insta {
  background: url(../images/insta.png) no-repeat center/cover;
}

body footer#footer div.footer-box .linkbox .link > ul li a.blog {
  background: url(../images/blog.png) no-repeat center/cover;
}

body footer#footer div.footer-box .linkbox .link > ul li a.facebook {
  background: url(../images/facebook.png) no-repeat center/cover;
}

body footer#footer div.container {
  display: block;
}

@media (min-width: 1195px) {
  body footer#footer div.container {
    text-align: left;
  }
}

body footer#footer div.container ul.footer-link {
  list-style: none;
  padding: 0;
  margin: 22px 0 20px;
  font-size: 0;
}

body footer#footer div.container ul.footer-link li {
  display: inline-block;
}

body footer#footer div.container ul.footer-link li::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  width: 1px;
  height: 13px;
  background: #999999;
  margin: 0 12px;
}

body footer#footer div.container ul.footer-link li:first-child::before {
  display: none;
}

body footer#footer div.container ul.footer-link li a {
  display: inline-block;
  color: #555555;
  font-weight: 700;
  font-size: 13px;
}

@media (min-width: 1195px) {
  body footer#footer div.container ul.footer-link li a {
    font-size: 15px;
  }
}

body footer#footer div.container address {
  font-style: normal;
  font-size: 12px;
  color: #555555;
  text-align: left;
}

@media (min-width: 1195px) {
  body footer#footer div.container address {
    font-size: 14px;
  }
}

body footer#footer div.container address p {
  line-height: 1.8;
  margin: 0;
}

body footer#footer div.container address p span {
  display: inline-block;
}

@media (min-width: 1195px) {
  body footer#footer div.container address p span {
    display: inline;
  }
}