@charset "UTF-8";
@font-face {
  font-family: "gothic";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/pcms/common/font/gothic/gothica1-regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "gothic";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src: url("/pcms/common/font/gothic/gothica1-bold-webfont.woff") format("woff");
}
@font-face {
  font-family: "gothic";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/pcms/common/font/gothic/gothica1-bold-webfont.woff") format("woff");
}
.gmarket {
  font-family: "GmarketSans";
}

@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: normal;
  src: url(/pcms/common/font/gmarketsans/GmarketSansMedium.woff) format("woff");
}
@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 500;
  src: url(/pcms/common/font/gmarketsans/GmarketSansMedium.woff) format("woff");
}
@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 700;
  src: url(/pcms/common/font/gmarketsans/GmarketSansBold.woff) format("woff");
}
/**
 * Variables
*/
/* display */
/* Typography */
/* reset style */
* {
  box-sizing: border-box;
}

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

audio, canvas, progress, video {
  display: inline-block;
}

html, body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  word-break: keep-all;
  font-weight: 400;
}

a, span, em {
  box-sizing: border-box;
}

a:link, a:visited {
  color: #494949;
}

a, a:active, a:hover, a:link, a:visited {
  text-decoration: none;
}

img {
  border: none;
}

img, video, audio {
  max-width: 100%;
  max-height: 100%;
}

figure, figcaption {
  margin: 0;
  padding: 0;
}

b, strong {
  font-weight: 700;
}

em, dfn, cite, address, i {
  font-style: normal;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 90%;
}

sup, sub {
  position: relative;
  font-size: 0.9em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

del {
  color: #aaa !important;
  text-decoration: line-through;
}

label {
  cursor: pointer;
}

switch {
  display: none;
}

ul, ul > li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  display: table;
}

caption, legend {
  overflow: hidden;
  position: relative;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
}

fieldset {
  border: none;
  min-width: 0;
}

hr {
  overflow: hidden;
  position: absolute;
  height: 0;
  width: 0;
}

template {
  display: none;
}

.clearfix {
  display: block;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clear {
  clear: both;
}

.hide {
  display: none;
}

.sr-only, .skip, .blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

br {
  font-size: 0;
}

body {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
}

:lang(ko) body {
  position: relative;
  color: #666;
  font-family: "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";
  letter-spacing: -0.03em;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
}

:lang(zh-CN) body {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

:lang(ja) body {
  font-family: Hiragino Kaku Gothic Pro, osaka, sans-serif;
}

:lang(en) body {
  font-family: "Roboto", "Frutiger Linotype", Georgia, "Times New Roman", Times, serif;
}

#skipnavi {
  position: absolute;
  top: -1px;
  left: 0;
  background-color: #333;
  z-index: 999999;
}

#skipnavi a {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 25px;
  margin-top: -100px;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  background: #000;
}

#skipnavi a:link {
  color: #333;
}

#skipnavi a:focus {
  margin-top: 0;
  text-decoration: underline;
  color: #fff;
}

.ir {
  font-size: 0;
  line-height: 0;
}

input {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  vertical-align: middle;
}

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

input[type=radio], input[type=checkbox] {
  border: none;
}

button {
  text-transform: none;
  vertical-align: middle;
}

button, [type=button], [type=reset], [type=submit] {
  background-color: transparent;
  cursor: pointer;
}

select {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  text-transform: none;
  vertical-align: middle;
}

textarea {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  vertical-align: middle;
  resize: none;
}

input[disabled=disabled] {
  background-color: #ebebeb;
  color: #959595;
}

select[disabled=disabled] {
  background-color: #ebebeb;
  color: transparent;
}

input[type=text] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=text]::-ms-clear {
  display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select {
  padding: 0 5px;
  background: transparent url(/pcms/common/images/ir/arrow-select.png) no-repeat 98% 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}

select::-ms-expand {
  display: none;
}

html {
  overflow-x: hidden;
}

#tnb {
  display: block;
  position: relative;
  width: 100%;
  height: 47px;
  border-bottom: 1px solid #dddddd;
  background: #fff;
}
@media (max-width: 767.98px) {
  #tnb {
    display: none;
  }
}
#tnb .layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  max-width: 1920px;
  padding: 0 24px 0 30px;
}
#tnb .layout:after {
  display: none;
}
#tnb .layout .sitelink {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
#tnb .layout .sitelink li {
  padding: 0 20px;
  position: relative;
  height: 100%;
}
#tnb .layout .sitelink li:first-child {
  padding-left: 0;
}
#tnb .layout .sitelink li:after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #caccd7;
  position: absolute;
  top: 50%;
  right: -2px;
  transform: translate(0, -50%);
}
#tnb .layout .sitelink li:last-child:after {
  display: none;
}
#tnb .layout .sitelink li a {
  display: flex;
  font-family: "GmarketSans";
  height: 100%;
  position: relative;
  justify-content: center;
  align-items: center;
}
#tnb .layout .sitelink li a span {
  font-size: 15px;
  color: #111111;
  font-family: "GmarketSans";
  font-weight: 300;
  line-height: 1;
}
#tnb .layout .sitelink li a:after {
  content: "";
  width: 0%;
  height: 2px;
  background: #418087;
  position: absolute;
  bottom: -1px;
  left: 50%;
  opacity: 0;
  transition: all 0.3s;
}
#tnb .layout .sitelink li a:hover:after {
  opacity: 1;
  width: 100%;
  left: 0;
}
#tnb .layout .sitelink li a:hover span {
  font-family: "GmarketSans";
  color: #418087;
  font-weight: 500;
}
#tnb .layout .sitelink li a.on:after {
  opacity: 1;
  width: 100%;
  left: 0;
}
#tnb .layout .sitelink li a.on span {
  font-family: "GmarketSans";
  color: #418087;
  font-weight: 500;
}
#tnb .layout .utile_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
@media (max-width: 1023.98px) {
  #tnb .layout .utile_wrap {
    display: none;
  }
}
#tnb .layout .utile_wrap li {
  position: relative;
  height: 100%;
}
#tnb .layout .utile_wrap li a {
  display: block;
}
#tnb .layout .utile_wrap .logout a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-left: 20px;
  padding-right: 25px;
  background: url(/template/assets/images/logout_b.png) 0 center no-repeat;
}
#tnb .layout .utile_wrap .logout a span {
  font-size: 15px;
  color: #111111;
  font-family: "GmarketSans";
  font-weight: 300;
  line-height: 1;
}
#tnb .layout .utile_wrap .logout a::after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #5a6575;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 2px);
  right: 10px;
}
#tnb .layout .utile_wrap .site-link {
  display: flex;
  align-items: center;
  margin-right: 25px;
}
#tnb .layout .utile_wrap .site-link a {
  padding-right: 12px;
  background: url(/template/assets/images/pl.png) right center no-repeat;
  font-size: 15px;
  color: #111111;
  font-family: "GmarketSans";
  font-weight: 300;
  line-height: 1;
}
#tnb .layout .utile_wrap .site-link a:after {
  content: "";
  width: 0%;
  height: 2px;
  background: #418087;
  position: absolute;
  bottom: -1px;
  left: 50%;
  opacity: 0;
  transition: all 0.3s;
}
#tnb .layout .utile_wrap .site-link a em {
  font-family: "GmarketSans";
  color: #418087;
  font-weight: 500;
}
#tnb .layout .utile_wrap .site-link a:hover:after {
  opacity: 1;
  width: 100%;
  left: 0;
}
#tnb .layout .utile_wrap .language-link {
  position: relative;
  width: 60px;
}
#tnb .layout .utile_wrap .language-link button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
#tnb .layout .utile_wrap .language-link button:after {
  content: "";
  width: 0%;
  height: 2px;
  background: #418087;
  position: absolute;
  bottom: -1px;
  left: 50%;
  opacity: 0;
  transition: all 0.3s;
}
#tnb .layout .utile_wrap .language-link button span {
  display: block;
  font-size: 15px;
  color: #111111;
  font-family: "GmarketSans";
  font-weight: 500;
  line-height: 1;
  text-align: center;
  padding-right: 12px;
  background: url(/template/assets/images/pl.png) right center no-repeat;
}
#tnb .layout .utile_wrap .language-link button:hover:after {
  opacity: 1;
  width: 100%;
  left: 0;
}
#tnb .layout .utile_wrap .language-link button:hover span {
  font-family: "GmarketSans";
  color: #418087;
  font-weight: 500;
}
#tnb .layout .utile_wrap .language-link button em {
  font-size: 0;
}
#tnb .layout .utile_wrap .language-link button em i {
  font-size: 0;
}
#tnb .layout .utile_wrap .language-link > div {
  display: none;
  position: absolute;
  width: auto;
  padding: 10px 20px;
  background: #fff;
  top: 37px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
#tnb .layout .utile_wrap .language-link > div li:last-child {
  border-bottom: 0px solid #ccc;
}
#tnb .layout .utile_wrap .language-link > div li a {
  font-size: 14px;
  line-height: 1;
  padding: 5px 0;
  text-align: center;
}
#tnb .layout .utile_wrap .language-link > div li a:hover, #tnb .layout .utile_wrap .language-link > div li a:active, #tnb .layout .utile_wrap .language-link > div li a:focus {
  color: #418087;
}
#tnb .layout .utile_wrap .language-link.on > div {
  display: block;
}

.layout {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
@media (max-width: 1439.98px) {
  .layout {
    max-width: none;
    padding: 0 30px;
  }
}
@media (max-width: 767.98px) {
  .layout {
    padding: 0 16px;
  }
}
.layout:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

.ir {
  font-size: 0;
}

body.wide_wrap #body_layout .body_wrap {
  max-width: none;
}
body.wide_wrap #body_layout .body_wrap {
  max-width: none;
}
body.wide_wrap #body_layout .body_wrap .lnb_wrap {
  display: none;
}
body.wide_wrap #body_layout .body_wrap .contents_wrap {
  float: none;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}

#foot_layout {
  position: relative;
  width: 100%;
  background-color: #202832;
  overflow: hidden;
}
#foot_layout .footer-link {
  position: relative;
}
#foot_layout .footer-link .layout {
  max-width: 1440px;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-link .layout {
    padding: 0 15px;
  }
}
@media (max-width: 767.98px) {
  #foot_layout .footer-link {
    border-bottom: none;
    padding-top: 60px;
  }
}
#foot_layout .footer-link .list {
  margin-left: -10px;
  padding-top: 10px;
}
@media (max-width: 1279.98px) {
  #foot_layout .footer-link .list {
    padding-top: 5px;
  }
}
@media (max-width: 1023.98px) {
  #foot_layout .footer-link .list {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  #foot_layout .footer-link .list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 0;
  }
}
#foot_layout .footer-link .list:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
@media (max-width: 767.98px) {
  #foot_layout .footer-link .list:after {
    display: none;
  }
}
#foot_layout .footer-link .list li {
  float: left;
  position: relative;
}
@media (max-width: 1023.98px) {
  #foot_layout .footer-link .list li {
    display: inline-block;
    float: none;
  }
}
@media (max-width: 767.98px) {
  #foot_layout .footer-link .list li {
    margin-left: -1px;
    margin-bottom: -1px;
    width: calc(50% - 5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 10px;
    border-radius: 5px;
  }
}
@media (max-width: 459.98px) {
  #foot_layout .footer-link .list li {
    width: 100%;
    margin-bottom: 5px;
  }
}
#foot_layout .footer-link .list li a {
  display: block;
  padding: 30px 15px;
  position: relative;
  color: #ababad;
  font-size: 15px;
  transition: all 0.3s;
}
#foot_layout .footer-link .list li a.i_color {
  color: #fff;
  font-weight: bold;
}
@media (max-width: 1279.98px) {
  #foot_layout .footer-link .list li a {
    padding: 5px 15px;
  }
}
@media (max-width: 767.98px) {
  #foot_layout .footer-link .list li a {
    padding: 8px 7px;
    font-size: 15px;
  }
}
@media (max-width: 539.98px) {
  #foot_layout .footer-link .list li a {
    padding: 8px 5px;
    font-size: 14px;
  }
}
#foot_layout .footer-link .list li a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 7px;
  background-color: #f5e8d8;
  transform: translate(0, -50%);
}
#foot_layout .footer-link .list li a:hover, #foot_layout .footer-link .list li a:focus {
  color: #FFFFFF;
}
#foot_layout .footer-link .list li a.ic-1 {
  color: #fff;
  font-weight: bold;
}
#foot_layout .footer-link .list li a.ic-1:before {
  display: none;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-link .list li a:before {
    display: none;
  }
}
#foot_layout .footer-link .list li:first-child a {
  padding-left: 10px;
}
#foot_layout .footer-link .list li:last-child a:before {
  display: none;
}
#foot_layout .footer-info .layout {
  padding: 0px 0px 50px 0px;
  max-width: 1440px;
  position: static;
}
#foot_layout .footer-info .layout .flogo {
  position: absolute;
  top: 45px;
  right: calc(50% - 720px);
  width: 175px;
  height: 45px;
  background: url(/template/assets/images/flogo.png) no-repeat;
  font-size: 0;
}
@media (max-width: 1439.98px) {
  #foot_layout .footer-info .layout .flogo {
    right: 30px;
  }
}
@media (max-width: 1279.98px) {
  #foot_layout .footer-info .layout .flogo {
    display: none;
  }
}
#foot_layout .footer-info .layout address,
#foot_layout .footer-info .layout .copy {
  font-size: 15px;
  color: #FFFFFF;
  margin: 0;
  opacity: 0.7;
}
#foot_layout .footer-info .layout address a,
#foot_layout .footer-info .layout .copy a {
  color: #fff;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-info .layout address,
  #foot_layout .footer-info .layout .copy {
    text-align: center;
    font-size: 14px;
  }
}
#foot_layout .footer-info .layout address > span,
#foot_layout .footer-info .layout .copy > span {
  display: inline-block;
}
#foot_layout .footer-info .layout address > span::after,
#foot_layout .footer-info .layout .copy > span::after {
  content: " / ";
  font-size: 14px;
  color: #FFFFFF;
  margin: 0;
  opacity: 0.7;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-info .layout address > span::after,
  #foot_layout .footer-info .layout .copy > span::after {
    display: none;
  }
}
#foot_layout .footer-info .layout address > span:last-child::after,
#foot_layout .footer-info .layout .copy > span:last-child::after {
  display: none;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-info .layout address > span:first-child,
  #foot_layout .footer-info .layout .copy > span:first-child {
    display: block;
  }
}
#foot_layout .footer-info .layout address p,
#foot_layout .footer-info .layout .copy p {
  line-height: 1;
  margin-top: 12px;
  color: #fff;
  opacity: 0.7;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-info .layout address p,
  #foot_layout .footer-info .layout .copy p {
    font-size: 14px;
  }
}
#foot_layout .footer-info .layout address p span,
#foot_layout .footer-info .layout .copy p span {
  margin-left: 8px;
}
#foot_layout .footer-info .layout address br,
#foot_layout .footer-info .layout .copy br {
  display: none;
}
#foot_layout .footer-info .layout address .pc {
  display: inline-block;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-info .layout address .pc {
    display: none;
  }
}
#foot_layout .footer-info .layout address .mo {
  display: none;
  font-size: 14px;
  color: #FFFFFF;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-info .layout address .mo {
    display: inline-block;
  }
}
#foot_layout .footer-info .layout .family_site {
  display: none;
  position: absolute;
  top: 33px;
  right: 0;
  width: 196px;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-info .layout .family_site {
    width: calc(100% - 29px);
    left: 14px;
    top: 0px;
  }
}
#foot_layout .footer-info .layout .family_site .title {
  display: block;
  position: relative;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  width: 100%;
}
@media (max-width: 767.98px) {
  #foot_layout .footer-info .layout .family_site .title {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
#foot_layout .footer-info .layout .family_site .title:after {
  display: block;
  position: absolute;
  right: 15px;
  top: 21px;
  width: 5px;
  height: 5px;
  border: solid #9d9f9f;
  border-width: 2px 0 0 2px;
  content: "";
  transform: rotate(45deg);
}
#foot_layout .footer-info .layout .family_site .title span {
  display: block;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #a6a6a6;
  text-align: left;
}
#foot_layout .footer-info .layout .family_site .title.on {
  color: #fff;
}
#foot_layout .footer-info .layout .family_site .list {
  display: none;
}
#foot_layout .footer-info .layout .family_site.on .list {
  display: block !important;
  max-height: 150px;
  overflow-y: scroll;
  background: #111111;
  position: absolute;
  bottom: 50px;
  width: 100%;
  padding: 10px;
}
#foot_layout .footer-info .layout .family_site.on .list li a {
  display: block;
  padding: 0 14px;
  height: 30px;
  background: none;
}
#foot_layout .footer-info .layout .web_mark {
  position: absolute;
  top: 110px;
  right: 300px;
}
#foot_layout .toTop {
  display: none;
  position: absolute;
  top: 16px;
  left: 15px;
  width: calc(100% - 30px);
}
@media (max-width: 767.98px) {
  #foot_layout .toTop {
    display: block;
  }
}
#foot_layout .toTop a {
  margin-left: -1px;
  text-align: center;
  margin-bottom: -1px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  display: block;
  padding: 8px 7px;
  position: relative;
  color: #ababad;
  font-size: 15px;
  transition: all 0.3s;
}
#foot_layout .toTop a:hover, #foot_layout .toTop a:focus {
  color: #FFFFFF;
  font-weight: bold;
}

/* topBtn */
.topgo_link {
  z-index: 15;
  display: none;
  position: fixed;
  bottom: 30px;
  right: 70px;
  border: 1px solid #f2f2f2;
  box-shadow: 3px 7px 22px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  background: #fff;
  width: 70px;
  height: 70px;
  color: #666;
  text-align: center;
}
.topgo_link span {
  display: block;
  padding-top: 14px;
  background: url("/template/assets/images/bg_toplink.png") no-repeat top center;
}
@media (max-width: 1023.98px) {
  .topgo_link {
    display: none !important;
  }
}

@media (min-width: 768px) and (orientation: landscape) {
  .topgo_link {
    right: 2.9296875vw;
  }
}
/* bottom_ banner */
.slide_control button.button {
  width: 40px;
  height: 40px;
  font-size: 0;
  vertical-align: top;
  position: relative;
  display: inline-block;
  z-index: 3;
  position: relative;
  border: 0 solid #000;
  background: none;
}

.slide_control button[data-control=play] {
  display: none;
}

.slide_control button[data-control]:before,
.slide_control button[data-control]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.slide_control button[data-control=prev]:before,
.slide_control button[data-control=next]:before {
  width: 40%;
  height: 40%;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
  transform: rotate(45deg);
}

.slide_control button[data-control=prev]:before {
  right: -5px;
  border-width: 0 0 3px 3px;
}

.slide_control button[data-control=next]:before {
  right: 5px;
  border-width: 3px 3px 0 0;
}

.slide_control button[data-control=prev]:before,
.slide_control button[data-control=next]:before {
  width: 11px;
  height: 11px;
  border-color: #000;
}

.slide_control button[data-control=play]:before {
  right: -3px;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #000;
  border-style: solid;
  width: 0;
  height: 0;
}

.slide_control button[data-control=stop]:before {
  width: 3px;
  height: 9px;
  box-shadow: -3px 0 #000, 3px 0 #000;
}

.slide_control .dot {
  display: inline-block;
}

.slide_control .slick-dots {
  display: inline-block;
}

.slide_control .slick-dots li {
  display: inline-block;
  height: 40px;
  margin: 0 5px;
}

.slide_control .slick-dots li button {
  display: inline-block;
  width: 8px;
  height: 8px;
  font-size: 0;
  background: #c5ccce;
  vertical-align: bottom;
}

.slide_control .slick-dots li.slick-active button {
  background: red;
}

.slide_control .progress {
  width: 160px;
  height: 3px;
  background: #e5e5e4;
  position: relative;
  margin-right: 20px;
}

.slide_control .progress span {
  display: block;
  width: 70%;
  height: 3px;
  top: 0px;
  left: 0px;
  background: red;
  position: absolute;
}

.slide_control .circle-bg {
  fill: rgba(255, 255, 255, 0);
  stroke: rgba(0, 0, 0, 0.05);
  stroke-width: 2;
  stroke-linecap: butt;
}

.slide_control .circle-go {
  fill: rgba(255, 255, 255, 0);
  stroke: red;
  stroke-width: 2;
  stroke-linecap: round; /*animation: progress 4s;*/
  stroke-dasharray: 120px;
  stroke-dashoffset: 300%;
  animation-timing-function: linear;
}

.slide_control .progress-svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.slide_control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.slide_control .total {
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
}

.slide_control .total span {
  font-size: 15px;
}

.slide_control .total .current {
  font-weight: bold;
  color: #025297;
  font-size: 18px;
}

.slide_control .paging {
  order: 5;
  margin-left: 20px;
}

@media (max-width: 767.98px) {
  #bottom_banner {
    padding: 10px 0;
  }
}
#bottom_banner .layout .banner_wrap {
  height: 90px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 767.98px) {
  #bottom_banner .layout .banner_wrap {
    flex-wrap: wrap;
  }
}
#bottom_banner .layout .banner_wrap .banner_tit {
  font-family: "score-dream";
  font-size: 18px;
  color: #444;
  margin-right: 35px;
}
@media (max-width: 767.98px) {
  #bottom_banner .layout .banner_wrap .banner_tit {
    width: 100%;
  }
}
#bottom_banner .layout .banner_wrap .slide {
  width: calc(100% - 260px);
  position: relative;
}
@media (max-width: 767.98px) {
  #bottom_banner .layout .banner_wrap .slide {
    width: 100%;
  }
}
#bottom_banner .layout .banner_wrap .slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 100%;
  background: linear-gradient(to left, #fff, transparent);
}
#bottom_banner .layout .banner_wrap .slide .item a {
  padding: 0 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.98px) {
  #bottom_banner .layout .banner_wrap .slide .item a {
    padding: 0 35px;
    padding-left: 0;
  }
}
#bottom_banner .layout .banner_wrap .slide .item a span {
  font-size: 15px;
  color: #444444;
  line-height: 1;
}
#bottom_banner .layout .banner_wrap .slide_control {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0, -50%);
}
@media (max-width: 767.98px) {
  #bottom_banner .layout .banner_wrap .slide_control {
    top: 3px;
    transform: translate(0, 0);
  }
}
#bottom_banner .layout .banner_wrap .slide_control button.next:before {
  border-color: #7f7f7f;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
}
#bottom_banner .layout .banner_wrap .slide_control button.prev:before {
  border-color: #7f7f7f;
  width: 8px;
  height: 8px;
  border-width: 0 0 2px 2px;
}
#bottom_banner .layout .banner_wrap .slide_control button.stop:before {
  box-shadow: -3px 0 #7f7f7f, 3px 0 #7f7f7f;
}
#bottom_banner .layout .banner_wrap .slide_control button.play:before {
  border-color: transparent transparent transparent #7f7f7f;
}

#ajaxLayer {
  position: absolute;
  z-index: 999;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#ajaxLayer .family_site_wrap {
  position: relative;
  background: #fff;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

#ajaxLayer .family_site_wrap .title_wrap {
  width: 456px;
  height: 100%;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
  flex-wrap: wrap;
  padding-top: 65px;
}

#ajaxLayer .family_site_wrap .title_wrap span {
  display: block;
  width: 100%;
  font-size: 0;
}

#ajaxLayer .family_site_wrap .title_wrap span.tit1 {
  height: 83px;
  margin-bottom: 15px;
}

#ajaxLayer .family_site_wrap .title_wrap span.tit2 {
  height: 135px;
  background: url(/template/assets/images/site/tit2.png) center no-repeat;
  margin-bottom: 15px;
}

.main-tab {
  height: 100%;
  width: 100%;
  float: left;
  position: absolute;
  left: 0px;
}

.main-tab-item {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 456px;
  min-height: 100%;
}

.main-tab-content {
  width: 100%;
  left: 0;
  top: 0;
  padding-left: 456px;
  z-index: 2;
  height: auto;
  position: absolute;
  min-height: 100%;
  background-image: url(/template/assets/images/site/bg1.png), url(/template/assets/images/site/bg3.png);
  background-position: 0 bottom, 110px bottom;
  background-repeat: no-repeat, no-repeat;
}

.main-tab-item.n1 .main-tab-content {
  background-color: #418087;
}

.main-tab-item.n2 .main-tab-content {
  background-color: #394c89;
  height: 100%;
}

.main-tab-item.n3 .main-tab-content {
  background-color: #b03d63;
  height: 100%;
}

.main-tab-content .inner {
  background: #f2f3f8 url(/template/assets/images/site/bg.png) 0 bottom no-repeat;
  border-radius: 30px 0 0 0;
  box-shadow: -8px 8px 14px 0px rgba(0, 0, 0, 0.15);
  height: 100%;
  padding: 60px 80px;
  background-size: 100% auto;
  padding-top: 40px;
}

.main-tab-title {
  position: absolute;
  z-index: 3;
  left: 0;
  width: 297px;
  height: 68px;
  margin-left: 60px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  font-family: "GmarketSans";
  text-align: left;
  padding: 0 15px;
  border-radius: 40px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-tab-item.active .main-tab-title {
  background: #2b585d;
}

.main-tab-title:after {
  content: "";
  display: block;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  opacity: 0;
  transition: all 0.3s;
}

.main-tab-item.n1 .main-tab-title:after {
  background-image: url(/template/assets/images/site/arr_n1.png);
}

.main-tab-item.n2 .main-tab-title:after {
  background-image: url(/template/assets/images/site/arr_n2.png);
}

.main-tab-item.n3 .main-tab-title:after {
  background-image: url(/template/assets/images/site/arr_n3.png);
}

.main-tab-item.active .main-tab-title::after {
  opacity: 1;
}

.main-tab-item.n1 .main-tab-title {
  top: 480px;
}

.main-tab-item.n2 .main-tab-title {
  top: 580px;
}

.main-tab-item.n3 .main-tab-title {
  top: 680px;
}

.main-tab-item.n1.active .main-tab-title {
  background: #2b585d;
}

.main-tab-item.n2.active .main-tab-title {
  background: #293661;
}

.main-tab-item.n3.active .main-tab-title {
  background: #7d2a46;
}

.main-tab-title span {
  padding-left: 15px;
  line-height: 1;
  display: block;
  position: relative;
}

.main-tab-title span:after {
  content: "";
  width: 35px;
  height: 1px;
  background: #fff;
  opacity: 0;
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translate(100%, 0);
  transition: all 0.3s;
}

.main-tab-item.active .main-tab-title span:after {
  opacity: 0.2;
}

.main-tab-item .main-tab-content, .sub-tab-content {
  display: none;
}

.main-tab-item.active .main-tab-content, .sub-tab-content.active {
  display: block;
}

.main-tab-content .inner .tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 25px;
  background: url(/template/assets/images/site/bg2.png) 10px 30px no-repeat;
  padding-top: 60px;
}

.main-tab-content .inner .tit strong {
  color: #090909;
  font-size: 30px;
  font-weight: bold;
  font-family: "GmarketSans";
  line-height: 1;
}

.main-tab-item.n1 .main-tab-content .inner .tit em {
  color: #418087;
}

.main-tab-item.n2 .main-tab-content .inner .tit em {
  color: #394c89;
}

.main-tab-item.n3 .main-tab-content .inner .tit em {
  color: #b03d63;
}

.main-tab-content .inner .tit span {
  font-size: 17px;
  display: inline-block;
  margin-left: 10px;
  color: #555;
}

.main-tab-content .sub-tab, .main-tab-content .list {
  background: #fff;
  padding: 35px 50px;
  position: relative;
  height: auto;
  min-height: calc(100% - 115px);
}

.main-tab-content .sub-tab {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.main-tab-content .sub-tab::before {
  content: "";
  display: block;
  width: calc(100% - 120px);
  height: 65px;
  background: #f2f3f8;
  position: absolute;
  top: 35px;
  left: 50px;
  z-index: 1;
}

.main-tab-content .sub-tab .sub-tab-item {
  width: 0%;
}

.main-tab-content .sub-tab .sub-tab-item.active {
  width: 100%;
}

.main-tab-content .sub-tab .sub-tab-content {
  height: 100%;
}

.main-tab-content .sub-tab .sub-title {
  width: 220px;
  height: 65px;
  padding: 0 15px;
  position: absolute;
  left: 50px;
}

.main-tab-content .sub-tab .sub-tab-item:nth-child(1) .sub-title {
  left: 50px;
}

.main-tab-content .sub-tab .sub-tab-item:nth-child(2) .sub-title {
  left: 270px;
}

.main-tab-content .sub-tab .sub-tab-item:nth-child(3) .sub-title {
  left: 490px;
}

.main-tab-content .sub-tab .sub-tab-item:nth-child(4) .sub-title {
  left: 710px;
}

.main-tab-content .sub-tab .sub-title::after {
  content: "";
  width: 3px;
  height: 3px;
  background: #394c89;
  position: absolute;
  top: calc(50% - 1px);
  right: -1px;
  display: block;
  z-index: 1;
}

.main-tab-content .sub-tab .sub-tab-item.n4 .sub-title::after {
  display: none;
}

.main-tab-content .sub-tab .sub-title span {
  font-size: 18px;
  color: #383c41;
  display: inline-block;
  position: relative;
  padding: 0 3px;
  z-index: 1;
  font-family: "GmarketSans";
}

.main-tab-content .sub-tab .sub-title span::before {
  content: "";
  width: 0%;
  height: 12px;
  opacity: 0;
  background: #394c89;
  z-index: 0;
  bottom: 0;
  transition: all 0.3s;
  left: 50%;
  position: absolute;
  border-radius: 6px;
}

.main-tab-content .sub-tab .sub-tab-item.active .sub-title span::before {
  content: "";
  width: 100%;
  height: 12px;
  opacity: 0.15;
  background: #394c89;
  z-index: 0;
  bottom: 0;
  transition: all 0.3s;
  left: 0%;
}

.main-tab-content .sub-tab .active .sub-title span {
  font-size: 18px;
  color: #394c89;
  font-weight: bold;
}

.main-tab-content .list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 110px 50px 35px;
  height: calc(100% - 115px);
  overflow: auto;
}

.main-tab-content .list li {
  width: calc(20% - 20px);
  margin-right: 20px;
  margin-bottom: 20px;
}

.main-tab-content .list li a {
  display: block;
  height: 240px;
  border-radius: 10px;
  border: 1px solid #d1d5de;
  display: flex;
  align-items: flex-start;
  padding-top: 30px;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  transition: all 0.3s;
  background-color: #fff;
}

.main-tab-content .list li a:hover {
  border: 1px solid #394c89;
  box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.2);
}

.main-tab-content .list li a .thum {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #dfe2e9;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-tab-content .list li a strong {
  font-size: 18px;
  color: #1a1a1a;
  width: 100%;
  line-height: 1;
  margin-bottom: 15px;
  text-align: center;
}

.main-tab-content .list li a span {
  color: #555555;
  font-size: 15px;
  width: 100%;
  text-align: center;
}

#ajaxLayer .family_site_wrap .modal__close2 {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  width: 100px;
  height: 100px;
  vertical-align: middle;
  transform: translate(0, 0);
  z-index: 9;
}

#ajaxLayer .family_site_wrap .modal__close2 button {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 15px;
}

#ajaxLayer .family_site_wrap .modal__close2 button .in {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #2c3435;
}

#ajaxLayer .family_site_wrap .modal__close2 em {
  display: block;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #2c3435;
  transform: scale(1.45);
  animation: ping 1.3s ease-in-out infinite both;
}

#ajaxLayer .family_site_wrap .modal__close2 button:hover em,
#ajaxLayer .family_site_wrap .modal__close2 button:focus em {
  animation: ping 1.3s ease-in-out infinite both;
}

#ajaxLayer .family_site_wrap .modal__close2 span {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 0;
  background: transparent;
}

#ajaxLayer .family_site_wrap .modal__close2 span:before,
#ajaxLayer .family_site_wrap .modal__close2 span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#ajaxLayer .family_site_wrap .modal__close2 span:before {
  width: 26px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#ajaxLayer .family_site_wrap .modal__close2 span:after {
  width: 2px;
  height: 26px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@media (max-width: 1800px) {
  .main-tab-content .list li {
    width: calc(25% - 20px);
  }
}
@media (max-width: 1700px) {
  .main-tab-content .list li {
    width: calc(33% - 20px);
  }
}
@media (max-width: 1600px) {
  #ajaxLayer .family_site_wrap .title_wrap span.tit1 {
    display: none;
  }
  #ajaxLayer .family_site_wrap {
    flex-wrap: wrap;
  }
  #ajaxLayer .family_site_wrap .title_wrap {
    width: 100%;
    padding-top: 80px;
    height: 360px;
    z-index: 5;
    background: url(/template/assets/images/site/bg3.png) right bottom no-repeat;
  }
  .main-tab {
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-top: 230px;
  }
  .main-tab-content {
    padding: 0;
    padding-top: 360px;
    z-index: 4;
    box-sizing: content-box;
  }
  .main-tab-item.n2 .main-tab-content {
    height: auto;
  }
  .main-tab-item.n3 .main-tab-content {
    height: auto;
  }
  .family_site_wrap .title_wrap span.tit1 {
    display: none;
  }
  .main-tab-title {
    margin-left: 0;
    z-index: 5;
  }
  .main-tab-item.n1 .main-tab-title {
    top: 240px;
    left: 50%;
    transform: translate(-150%, 0);
  }
  .main-tab-item.n2 .main-tab-title {
    top: 240px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .main-tab-item.n3 .main-tab-title {
    top: 240px;
    left: 50%;
    transform: translate(50%, 0);
  }
  .family_site_wrap .title_wrap::before {
    display: none;
  }
  .main-tab-content .inner {
    border-radius: 0;
  }
  .main-tab-content .list li {
    width: calc(25% - 20px);
  }
}
@media (max-width: 1200px) {
  #ajaxLayer .family_site_wrap .title_wrap {
    padding-top: 40px;
  }
  #ajaxLayer .family_site_wrap .modal__close2 {
    width: 70px;
    height: 70px;
  }
  .family_site_wrap .title_wrap {
    padding-top: 60px;
  }
  #ajaxLayer .family_site_wrap .title_wrap span.tit2 {
    background-size: 283px 81px;
    height: 95px;
  }
  #ajaxLayer .family_site_wrap .modal__close2 span:before {
    width: 16px;
  }
  #ajaxLayer .family_site_wrap .modal__close2 span:after {
    height: 16px;
  }
  .main-tab {
    padding-top: 170px;
  }
  .main-tab-item {
    padding: 10px;
  }
  .main-tab-title {
    width: 160px;
    height: 40px;
    font-size: 18px;
    justify-content: center;
  }
  .main-tab-item.n1 .main-tab-title,
  .main-tab-item.n2 .main-tab-title,
  .main-tab-item.n3 .main-tab-title {
    top: 170px;
  }
  .main-tab-title span {
    padding-left: 0;
  }
  .main-tab-item.n1 .main-tab-title:after, .main-tab-item.n2 .main-tab-title:after, .main-tab-item.n3 .main-tab-title:after, .main-tab-item.active .main-tab-title span:after, .main-tab-item.active .main-tab-title::after {
    display: none;
  }
  .main-tab-content {
    padding-top: 270px;
    box-sizing: border-box;
  }
  .main-tab-content .inner .tit {
    padding-top: 0px;
    padding-bottom: 20px;
    justify-content: center;
  }
  .main-tab-content .inner .tit strong {
    font-size: 22px;
  }
  .main-tab-content .inner .tit span {
    display: none;
  }
  .main-tab-content .sub-tab .sub-title {
    padding: 0 30px;
    width: 22%;
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(1) .sub-title {
    left: 50px;
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(2) .sub-title {
    left: calc(22% + 50px);
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(3) .sub-title {
    left: calc(44% + 50px);
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(4) .sub-title {
    left: calc(66% + 50px);
  }
  .main-tab-content .list li {
    width: calc(33.3333333333% - 20px);
  }
  .main-tab-content .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  .main-tab-content .sub-tab::before {
    width: calc(100% - 100px);
  }
}
@media (max-width: 1024px) {
  .main-tab-content .sub-tab .sub-title {
    padding: 0 5px;
    width: calc(25% - 15px);
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(1) .sub-title {
    left: 15px;
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(2) .sub-title {
    left: 25%;
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(3) .sub-title {
    left: calc(50% - 15px);
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(4) .sub-title {
    left: calc(75% - 30px);
  }
  .main-tab-content .sub-tab .sub-title span {
    font-size: 16px;
  }
  .main-tab-content .sub-tab .active .sub-title span {
    font-size: 16px;
  }
  .family_site_wrap .title_wrap {
    padding-top: 20px;
  }
  .main-tab-content .sub-tab {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-tab-content .list {
    padding-left: 0px;
    padding-right: 0px;
  }
  .main-tab-content .sub-tab::before {
    width: calc(100% - 30px);
    left: 15px;
  }
  .main-tab-content .list li {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(33.3333333333% - 30px);
  }
  .main-tab-title {
    margin: 0 auto;
  }
  .main-tab-item.n2 .main-tab-title:after, .main-tab-item.n3 .main-tab-title:after {
    display: none;
  }
  .main-tab {
    padding-top: 130px;
  }
  .main-tab-item {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .main-tab-content {
    background-image: none;
    padding-top: 230px;
  }
  .main-tab-content .inner .tit {
    background: none;
  }
  .main-tab-item.n1 .main-tab-content .inner .tit em {
    color: #fff;
  }
  .main-tab-item.n2 .main-tab-content .inner .tit em {
    color: #fff;
  }
  .main-tab-item.n3 .main-tab-content .inner .tit em {
    color: #fff;
  }
  .main-tab-item {
    width: 100%;
  }
  .main-tab-content .sub-tab {
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    height: 100%;
  }
  .main-tab-content .sub-tab .sub-title {
    height: 45px;
    margin: 0 auto;
    display: block;
    padding: 0;
    width: calc(50% - 15px);
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(1) .sub-title {
    left: 15px;
    top: 40px;
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(2) .sub-title {
    left: 50%;
    top: 40px;
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(3) .sub-title {
    left: 15px;
    top: 85px;
  }
  .main-tab-content .sub-tab .sub-tab-item:nth-child(4) .sub-title {
    left: 50%;
    top: 85px;
  }
  .main-tab-content .sub-tab .sub-title::after {
    display: none;
  }
  .main-tab-content .sub-tab::before {
    height: 100px;
  }
  .main-tab-content .sub-tab .sub-tab-content {
    top: 130px;
    height: calc(100% - 170px);
  }
  .main-tab-content .list {
    max-height: none;
    height: auto;
    overflow: visible;
  }
  .main-tab-content .list li {
    width: calc(50% - 30px);
  }
  .main-tab-content .list li a {
    height: 210px;
    padding-top: 15px;
  }
  .main-tab-content .inner {
    min-height: auto;
    height: 100%;
    background: none;
  }
}
@media (max-width: 520px) {
  #ajaxLayer .family_site_wrap .modal__close2 {
    top: 0;
    right: 0;
  }
  .family_site_wrap .title_wrap {
    padding-top: 40px;
  }
  .main-tab {
    padding-top: 145px;
  }
  .main-tab-content .inner {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-tab-content .inner .tit {
    background: none;
  }
  .main-tab-content .list li {
    width: calc(100% - 30px);
  }
  .main-tab-title {
    width: 110px;
    font-size: 16px;
  }
}
/*팝업창 관련*/
.pop_font {
  text-indent: 15px;
  margin-left: 10px;
  float: left;
}

.pop_font a:link {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0;
  color: #FFFFFF;
}

.pop_font a:visited {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0;
  color: #FFFFFF;
}

.pop_font a:active {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0;
  color: #FFFFFF;
}

.pop_font a:hover {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0;
  color: #FFFFFF;
  font-weight: bold;
}

.pop_font button {
  color: #fff !important;
  background: none !important;
}

.pop_close {
  width: 48px;
  float: right;
}

.pop_close img {
  margin-top: 4px;
  margin-bottom: 0px;
}

.pop_close button {
  background: none !important;
}

.pop_close a {
  display: block;
  line-height: 26px;
  padding: 0;
  border: none;
  background: none !important;
}

.pop_con_box {
  background: #ffffff;
  margin-left: 6px;
  margin-right: 6px;
}

.pop_con_box img {
  margin: 0;
}

.pop_bt_bg {
  height: 26px;
  background: #000000;
}

.pop_bg {
  background: #ddd;
  padding: 6px 0px 6px 0px;
}

@media (max-width: 767px) {
  #popup_content {
    display: none;
  }
}
#top_layout .layout .utile_wrap .logout.mo {
  display: none;
}

#top_layout .layout .utile_wrap .logout a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-left: 20px;
  padding-right: 25px;
  background: url(/template/assets/images/logout_b.png) 0 center no-repeat;
  padding-left: 20px;
  padding-right: 5px;
}

#top_layout .layout .utile_wrap .logout a span {
  font-size: 15px;
  color: #111111;
  font-family: "GmarketSans";
  font-weight: 300;
  line-height: 1;
  margin-top: 3px;
}

@media (max-width: 1023.98px) {
  #top_layout .layout .utile_wrap .logout.mo {
    display: block;
    height: 26px;
  }
}
#mobile-menu .utile_wrap .logout {
  width: 100%;
  margin-bottom: 15px;
}

#mobile-menu .utile_wrap .logout a {
  display: inline-block;
  height: 100%;
  width: auto;
  position: relative;
  padding-left: 20px;
  padding-right: 25px;
  background: url(/template/assets/images/logout.png) 0 center no-repeat;
  padding-left: 20px;
  padding-right: 5px;
}

#mobile-menu .utile_wrap .logout a span {
  font-size: 15px;
  color: #fff;
  font-family: "GmarketSans";
  font-weight: 300;
  line-height: 1;
  margin-top: 3px;
}

#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.kakao {
  display: none;
}

.ir-tmpl {
  background: url(/template/assets/images/ir.png) no-repeat;
}

#top_layout {
  display: block;
  position: relative;
  width: 100%;
  height: 90px;
  text-align: center;
  z-index: 111;
}
@media (max-width: 1023.98px) {
  #top_layout {
    height: 70px;
  }
}
#top_layout .top_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1920px;
}
#top_layout .top_wrap #logo {
  position: absolute;
  top: 20px;
  left: 30px;
  width: auto;
  height: 48px;
  z-index: 10;
  display: flex;
}
@media (max-width: 1439.98px) {
  #top_layout .top_wrap #logo {
    left: 30px;
  }
}
@media (max-width: 1279.98px) {
  #top_layout .top_wrap #logo {
    left: 15px;
    top: 10px;
  }
}
@media (max-width: 1023.98px) {
  #top_layout .top_wrap #logo {
    left: 15px;
  }
}
#top_layout .top_wrap #logo a {
  display: inline-block;
  font-size: 22px;
  font-family: "GmarketSans";
  color: #222;
  position: relative;
  line-height: 48px;
  font-weight: bold;
}
@media (max-width: 459.98px) {
  #top_layout .top_wrap #logo a {
    font-size: 18px;
  }
}
#top_layout .top_wrap #logo a:first-child {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 433.13 115.34'%3E%3Cg%3E%3Cline x1='9.54' x2='19.74' style='fill: none'/%3E%3Cg%3E%3Cpath d='M55.94,115.34A55.76,55.76,0,0,1,2.31,43.7c0,.24,0,.48,0,.72A38.33,38.33,0,0,0,68.07,71.05L68,71A16.59,16.59,0,0,0,57.87,43.05a34.43,34.43,0,0,1,47.87,31.56A33.93,33.93,0,0,1,98.2,96,55.85,55.85,0,0,1,55.94,115.34Z' style='fill: %23004098'/%3E%3Cpath d='M109.65,75.13c0-.18,0-.34,0-.52A38.33,38.33,0,0,0,44.48,47.39l.06.06A16.67,16.67,0,0,0,39.92,55a34.4,34.4,0,0,1,62.5-26.35h0a55.49,55.49,0,0,1,7.2,46.52Z' style='fill: %235cb531'/%3E%3Cpath d='M80.54,9.47a39.48,39.48,0,0,0-7.16-.66A38.29,38.29,0,0,0,35.08,47a37.81,37.81,0,0,0,7.45,22.64l.12-.08a16.79,16.79,0,0,0,1.68,1.9,34.27,34.27,0,0,1,.55-66.59A56.06,56.06,0,0,1,80.54,9.47Z' style='fill: %235cb531'/%3E%3Cpath d='M13.87,22.86a56.12,56.12,0,0,1,8.78-8.09A38.15,38.15,0,0,0,52.84,76.44H53a34.46,34.46,0,0,1-46.76-32A33.85,33.85,0,0,1,13.87,22.86Z' style='fill: %235cb531'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M183.76,89.83h-4.71V88.12h4.71Z' style='fill: %2366645d'/%3E%3Cg%3E%3Cpath d='M142.83,85.36c-.11-2.39-2.12-3.15-3.89-3.15-1.33,0-3.59.38-3.59,2.71,0,1.33.94,1.75,1.86,2l4.48,1c2,.48,3.57,1.68,3.57,4.13,0,3.66-3.46,4.67-6.14,4.67-2.91,0-4.05-.86-4.75-1.48a4.72,4.72,0,0,1-1.6-3.92h2c0,2.8,2.31,3.62,4.32,3.62,1.53,0,4.11-.39,4.11-2.6,0-1.62-.77-2.14-3.35-2.74l-3.21-.72c-1-.24-3.34-1-3.34-3.64,0-2.42,1.59-4.78,5.4-4.78,5.49,0,6,3.23,6.11,4.93Z' style='fill: %2366645d'/%3E%3Cpath d='M159.75,96.29H148.16V80.84h11.43v1.85h-9.31v4.73h8.59v1.85h-8.59v5.17h9.47Z' style='fill: %2366645d'/%3E%3Cpath d='M174.83,88.57c0,3.63-2.06,6.27-5.46,6.27s-5.47-2.64-5.47-6.27,2-6.29,5.47-6.29S174.83,84.92,174.83,88.57Zm2.18,0c0-3.35-1.79-8.14-7.64-8.14s-7.66,4.79-7.66,8.14,1.79,8.12,7.66,8.12S177,91.9,177,88.57Z' style='fill: %2366645d'/%3E%3Cpath d='M193.65,88h6.88v8.27h-1.37l-.51-2a6.43,6.43,0,0,1-5.18,2.4A6.34,6.34,0,0,1,188.66,95a8.18,8.18,0,0,1-2.47-6.51c0-3.77,2.32-8,7.43-8,2.94,0,6.19,1.63,6.65,5.1h-2.05c-.68-2.69-3-3.25-4.71-3.25-2.81,0-5.13,2.21-5.13,6.26,0,3.14,1.05,6.37,5.23,6.37a5.12,5.12,0,0,0,3.21-1,4.74,4.74,0,0,0,1.72-4.13h-4.89Z' style='fill: %2366645d'/%3E%3Cpath d='M216.23,80.84v10c0,3.17-2,5.83-6.32,5.83s-6-2.66-6-5.54V80.84H206v9.72c0,3.37,2.08,4.28,4,4.28s4.14-.88,4.14-4.24V80.84Z' style='fill: %2366645d'/%3E%3Cpath d='M227.9,82.63h4c2.89,0,4.69,2,4.69,5.84s-1.79,6-4.54,6H227.9Zm-2.12,13.66h6.27c5.15,0,6.69-4.48,6.69-7.94,0-4.45-2.51-7.51-6.6-7.51h-6.36Z' style='fill: %2366645d'/%3E%3Cpath d='M243.71,89.94l2.51-6.8h0l2.32,6.8Zm5.64,1.85,1.54,4.5h2.32l-5.68-15.45h-2.4l-5.91,15.45h2.19l1.64-4.5Z' style='fill: %2366645d'/%3E%3Cpath d='M267,96.29H255.38V80.84h11.43v1.85H257.5v4.73h8.58v1.85H257.5v5.17H267Z' style='fill: %2366645d'/%3E%3Cpath d='M270.44,91.32v1.07c0,1.85.9,2.52,2.36,2.52,2,0,2.51-1.16,2.51-2.67V80.84h2.12V92.12c0,3.61-2.41,4.57-4.52,4.57-3.65,0-4.46-2.4-4.46-3.85V91.32Z' style='fill: %2366645d'/%3E%3Cpath d='M292.47,96.29H280.89V80.84h11.43v1.85H283v4.73h8.58v1.85H283v5.17h9.46Z' style='fill: %2366645d'/%3E%3Cpath d='M307.55,88.57c0,3.63-2.05,6.27-5.47,6.27s-5.46-2.64-5.46-6.27,2.06-6.29,5.46-6.29S307.55,84.92,307.55,88.57Zm2.19,0c0-3.35-1.79-8.14-7.66-8.14s-7.65,4.79-7.65,8.14,1.8,8.12,7.65,8.12S309.74,91.9,309.74,88.57Z' style='fill: %2366645d'/%3E%3Cpath d='M322.66,80.84h2V96.29h-2.38l-8-12.48h-.05V96.29h-2.05V80.84h2.51l7.85,12.47h.05Z' style='fill: %2366645d'/%3E%3Cpath d='M336.33,82.63h4c2.87,0,4.69,2,4.69,5.84s-1.79,6-4.54,6h-4.12Zm-2.11,13.66h6.27c5.16,0,6.69-4.48,6.69-7.94,0-4.45-2.51-7.51-6.6-7.51h-6.36Z' style='fill: %2366645d'/%3E%3Cpath d='M352.33,96.29h-2.11V80.84h2.11Z' style='fill: %2366645d'/%3E%3Cpath d='M365.43,85.36c-.11-2.39-2.12-3.15-3.89-3.15-1.34,0-3.59.38-3.59,2.71,0,1.33.95,1.75,1.87,2l4.47,1c2,.48,3.56,1.68,3.56,4.13,0,3.66-3.45,4.67-6.14,4.67-2.9,0-4-.86-4.74-1.48a4.72,4.72,0,0,1-1.6-3.92h2c0,2.8,2.31,3.62,4.32,3.62,1.53,0,4.11-.39,4.11-2.6,0-1.62-.76-2.14-3.35-2.74l-3.2-.72c-1-.24-3.35-1-3.35-3.64,0-2.42,1.6-4.78,5.4-4.78,5.48,0,6,3.23,6.12,4.93Z' style='fill: %2366645d'/%3E%3Cpath d='M369.19,80.84h12.74v1.85h-5.31v13.6H374.5V82.69h-5.31Z' style='fill: %2366645d'/%3E%3Cpath d='M386.28,82.63h5.29c1.05,0,2.82.19,2.82,2.58s-1.64,2.67-3.19,2.67h-4.92Zm0,7h5.14c2.53,0,2.79,1.49,2.79,2.75a19.15,19.15,0,0,0,.37,3.88h2.61v-.35c-.66-.37-.77-.69-.79-1.55l-.13-2.79c-.09-2.15-1-2.55-1.88-2.91a3.8,3.8,0,0,0,2.19-3.7c0-3.27-2.58-4.15-5.16-4.15h-7.26V96.29h2.12Z' style='fill: %2366645d'/%3E%3Cpath d='M402.13,96.29H400V80.84h2.12Z' style='fill: %2366645d'/%3E%3Cpath d='M416.77,85.49c-.59-2.72-2.88-3.21-4.4-3.21-2.83,0-5.13,2.07-5.13,6.14,0,3.63,1.32,6.42,5.2,6.42,1.38,0,3.77-.65,4.49-4.24H419a6.59,6.59,0,0,1-6.86,6.09c-3.56,0-7.06-2.28-7.06-8.22,0-4.75,2.75-8,7.31-8,4.05,0,6.15,2.47,6.46,5.06Z' style='fill: %2366645d'/%3E%3Cpath d='M420.18,80.84h12.74v1.85h-5.3v13.6H425.5V82.69h-5.32Z' style='fill: %2366645d'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath d='M149.4,52H135.27a3.52,3.52,0,0,1-2.17-.53,2.67,2.67,0,0,1-.91-2.31V23.33h16.65v4.54H137.05V47.49H149.4Zm3.15-28.69H157V35.2h3V23.33h4.58V60.38h-4.58V39.65h-3V60.36h-4.43Z' style='fill: %2366645d'/%3E%3Cpath d='M195.25,27.87h-8a12.75,12.75,0,0,0,1.69,7q1.94,2.85,6.42,3.42v5a12.79,12.79,0,0,1-5.35-1.4,11.27,11.27,0,0,1-5.26-4.67,11.8,11.8,0,0,1-5.4,4.62,13.12,13.12,0,0,1-5.31,1.45v-5q4.53-.57,6.42-3.42c1.05-1.58,1.59-3.91,1.65-7H174.3V23.33h20.95Zm6.55,2.47v-7h4.79v25H201.8V34.87h-5.72V30.34ZM177.41,47.61h4.78v8.23h24.74v4.54H180.27a2.7,2.7,0,0,1-2.13-.78,3.63,3.63,0,0,1-.73-2.56Z' style='fill: %2366645d'/%3E%3Cpath d='M243.94,43.26h4.79V33h4.81V28.45h-4.81V23.33h-4.79V43.26m-2.6-3H215.21V35.85H221V30.57h4.79v5.28h6.55V27.78H216.88V23.33H237.1V35.85h4.24Z' style='fill: %2366645d'/%3E%3Cpath d='M286.09,25.56V23.33h4.79V43.26h-4.79v-6h-6V32.76h6V30h-6V25.56Zm4.79,34.85h-4.79V49.71H261.64V45.18h29.24Z' style='fill: %2366645d'/%3E%3Cpath d='M313.85,23.33c0,8.25.77,11.61,2.31,15.43q2.05,5.1,6.46,5.88v5.25A12.17,12.17,0,0,1,316,47a17.49,17.49,0,0,1-4.75-7.52A17.78,17.78,0,0,1,306.22,47a12.31,12.31,0,0,1-6.3,2.89v-5.2q4.41-.87,6.55-5.93c1.59-3.82,2.39-7.18,2.39-15.43Zm14.37,0H333V60.38h-4.79Z' style='fill: %2366645d'/%3E%3Cpath d='M370,23.37c0,8.25.76,11.6,2.3,15.43q2.06,5.12,6.46,5.87v5.26A11.9,11.9,0,0,1,372.3,47a18.68,18.68,0,0,1-4.83-7.52A18.23,18.23,0,0,1,362.32,47a12.11,12.11,0,0,1-6.21,2.89V44.72q4.39-.87,6.53-5.92c1.6-3.83,2.4-7.18,2.4-15.43Zm14.36,9.74V23.33h4.79V60.39H384.4V37.64h-7.74V33.11Z' style='fill: %2366645d'/%3E%3Cpath d='M433.13,40.48V45H417.35V60.38h-4.79V45H397.83V40.48Zm-6.55-2.31V27.78H399V23.33h32.33V38.17Z' style='fill: %2366645d'/%3E%3Cpath d='M235.85,43.26c-7,0-12.72,4-12.72,8.93s5.7,8.92,12.72,8.92,12.72-4,12.72-8.92S242.87,43.26,235.85,43.26Zm0,14.06c-4,0-7.31-2.3-7.31-5.13s3.27-5.13,7.31-5.13,7.31,2.3,7.31,5.13S239.88,57.32,235.85,57.32Z' style='fill: %2366645d'/%3E%3Cpath d='M267.63,22.42c-5.75,0-10.42,4.26-10.42,9.5s4.67,9.5,10.42,9.5,10.42-4.25,10.42-9.5S273.39,22.42,267.63,22.42Zm0,14.83a5.6,5.6,0,0,1-5.84-5.33,5.87,5.87,0,0,1,11.69,0A5.6,5.6,0,0,1,267.63,37.25Z' style='fill: %2366645d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 181px 48px;
  padding-left: 210px;
  font-size: 0px;
  font-family: "GmarketSans";
  color: #222;
  position: relative;
  line-height: 48px;
  font-weight: bold;
}
@media (max-width: 459.98px) {
  #top_layout .top_wrap #logo a:first-child {
    background-size: 121px 38px;
    background-position: left center;
    padding-left: 140px;
    font-size: 0px;
  }
}
#top_layout .top_wrap #logo a:first-child:before {
  content: "";
  width: 1px;
  height: 15px;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 195px;
  transform: translate(0, -50%);
}
@media (max-width: 459.98px) {
  #top_layout .top_wrap #logo a:first-child:before {
    left: 130px;
  }
}
#top_layout .top_wrap .utile_wrap {
  position: absolute;
  top: 31px;
  right: 30px;
  z-index: 10;
}
@media (max-width: 1439.98px) {
  #top_layout .top_wrap .utile_wrap {
    right: 30px;
  }
}
@media (max-width: 1279.98px) {
  #top_layout .top_wrap .utile_wrap {
    right: 15px;
    top: 20px;
  }
}
@media (max-width: 1023.98px) {
  #top_layout .top_wrap .utile_wrap {
    right: 15px;
  }
}
#top_layout .top_wrap .utile_wrap > li {
  float: left;
  margin-left: 24px;
}
#top_layout .top_wrap .utile_wrap > li.site-link {
  border: 1px solid #ccc;
  border-radius: 15px;
  background-color: #FFFFFF;
}
#top_layout .top_wrap .utile_wrap > li.site-link a {
  display: block;
  font-size: 15px;
  color: #000;
  font-weight: 800;
  padding: 1px 10px 2px 10px;
}
#top_layout .top_wrap .utile_wrap > li.language-link {
  margin-left: 10px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 15px;
  background-color: #FFFFFF;
}
#top_layout .top_wrap .utile_wrap > li.language-link button {
  display: block;
  position: relative;
  width: 100%;
}
#top_layout .top_wrap .utile_wrap > li.language-link button em {
  font-size: 0;
  line-height: 0;
}
#top_layout .top_wrap .utile_wrap > li.language-link button span {
  display: inline-block;
  position: relative;
  padding: 4px 20px 5px 24px;
  font-size: 13px;
  color: #444;
}
#top_layout .top_wrap .utile_wrap > li.language-link button span:before, #top_layout .top_wrap .utile_wrap > li.language-link button span:after {
  display: inline-block;
  position: absolute;
  content: "";
  vertical-align: middle;
  background: url(/template/assets/images/ir.png) no-repeat;
}
#top_layout .top_wrap .utile_wrap > li.language-link button span:before {
  width: 16px;
  height: 16px;
  left: 4px;
  top: 5px;
  background-position: -395px 0;
}
#top_layout .top_wrap .utile_wrap > li.language-link button span:after {
  width: 10px;
  height: 10px;
  right: 7px;
  top: 7px;
  background-position: -429px -3px;
}
#top_layout .top_wrap .utile_wrap > li.language-link div {
  display: none;
}
#top_layout .top_wrap .utile_wrap > li.language-link.on button span:after {
  background-position: -451px -3px;
}
#top_layout .top_wrap .utile_wrap > li.language-link.on div {
  display: block;
}
#top_layout .top_wrap .utile_wrap > li.language-link.on div ul {
  padding: 10px 0;
}
#top_layout .top_wrap .utile_wrap > li.language-link.on div ul li {
  border-top: 1px solid #ddd;
}
#top_layout .top_wrap .utile_wrap > li.language-link.on div ul li a {
  display: block;
  padding: 0 10px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}
#top_layout .top_wrap .utile_wrap > li.language-link.on div ul li a:hover, #top_layout .top_wrap .utile_wrap > li.language-link.on div ul li a:focus, #top_layout .top_wrap .utile_wrap > li.language-link.on div ul li a:active {
  background: #eee;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link {
  margin-top: 3px;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu {
  display: block;
  width: 22px;
  height: 22px;
  background: transparent;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 22px;
  height: 18px;
  cursor: pointer;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger div {
  align-self: flex-end;
  height: 2px;
  width: 100%;
  background: #000;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu:hover .hamburger .meat, #top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu:focus .hamburger .meat {
  width: 100%;
}
#top_layout .top_wrap .utile_wrap > li.pc {
  display: inline-block;
}
@media (max-width: 1279.98px) {
  #top_layout .top_wrap .utile_wrap > li.pc {
    display: none;
  }
}
#top_layout .top_wrap .utile_wrap > li.mo {
  display: none;
}
@media (max-width: 1279.98px) {
  #top_layout .top_wrap .utile_wrap > li.mo {
    display: inline-block;
  }
}

#gnb_layout {
  position: relative;
  height: 90px; /*background-color:$white;*/
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  overflow: hidden;
  width: 100%;
  margin: 0;
  z-index: 9;
  background-color: #FFFFFF;
  /*&.open:before{display:block;position:absolute;top: 100px;bottom: 0;right: 50%;z-index: 1;width:100%;height: auto;margin-right: 380px;background: #f3f8fd;content:'';}*/
}
#gnb_layout:before {
  display: block;
  content: "";
  position: absolute;
  top: 90px;
  right: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
  z-index: 11;
}
#gnb_layout:after {
  display: none;
  content: "";
  position: absolute;
  width: 495px;
  height: 172px;
  left: calc(50% - 1036px);
  bottom: 0px;
  opacity: 0;
  z-index: 111;
  transition: all 0.3s;
  transition-delay: 0.3s;
}
@media (max-width: 1279.98px) {
  #gnb_layout {
    display: none;
  }
}
#gnb_layout #gnb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 2;
}
#gnb_layout #gnb:after, #gnb_layout #gnb:before {
  content: "";
  position: absolute;
  top: 90px;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
#gnb_layout #gnb:before {
  left: -50%;
  background-color: #FFFFFF;
  min-height: 300px;
  display: none;
}
#gnb_layout #gnb:after {
  right: -50%;
  background-color: #FFFFFF;
  min-height: 300px;
  z-index: 2;
}
#gnb_layout #gnb .layout {
  position: static;
  padding: 0 45px 0 204px;
  text-align: center;
  z-index: 3;
  height: 100%;
  max-width: 1920px;
}
#gnb_layout #gnb .layout:after {
  content: "";
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #FFFFFF;
  min-height: 300px;
  z-index: 2;
  visibility: visible;
}

#gnb_layout .depth1_ul {
  display: inline-block;
  height: 100%;
  float: none;
  z-index: 14;
}
#gnb_layout .depth1_ul:after {
  display: block;
  content: "";
  clear: both;
}
#gnb_layout .depth1_ul > li {
  display: inline-block;
  float: left;
  margin: 0 30px;
  vertical-align: top;
}
#gnb_layout .depth1_ul > li:last-child a:after {
  display: none;
}
@media (max-width: 1439.98px) {
  #gnb_layout .depth1_ul > li {
    margin: 0 15px;
  }
}
@media (max-width: 1279.98px) {
  #gnb_layout .depth1_ul > li {
    margin: 0 10px;
  }
}
#gnb_layout .depth1_ul > li > a {
  position: relative;
  display: block;
  height: 100%;
  transition: all 0.3s;
  text-align: center;
}
#gnb_layout .depth1_ul > li > a:after {
  content: "";
  width: 4px;
  height: 4px;
  background: #cdcdcd;
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  border-radius: 50%;
}
#gnb_layout .depth1_ul > li > a span {
  display: inline-block;
  height: 100%;
  padding: 0 20px;
  line-height: 90px;
  vertical-align: middle;
  letter-spacing: -1px;
  position: relative;
  color: #222222;
  font-size: 19px;
  font-weight: 500;
  font-family: "GmarketSans";
}
@media (max-width: 1279.98px) {
  #gnb_layout .depth1_ul > li > a span {
    padding: 0 17px;
    font-size: 17px;
  }
}
#gnb_layout .depth1_ul > li > a span:before {
  position: absolute;
  left: 0;
  bottom: 0%;
  width: 100%;
  height: 4px;
  background-color: #418087;
  content: "";
  opacity: 0;
  transition: all 0.4s;
}
#gnb_layout .depth1_ul > li > a:hover span, #gnb_layout .depth1_ul > li > a:focus span {
  color: #418087;
}
#gnb_layout .depth1_ul > li > a:hover span:before, #gnb_layout .depth1_ul > li > a:focus span:before {
  opacity: 1;
}
#gnb_layout .depth1_ul > li > a[target=_blank] span {
  position: relative;
}
#gnb_layout .depth1_ul > li > a[target=_blank] span:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  background: url(/template/assets/images/target_blank.png) no-repeat;
  margin-left: 5px;
}
#gnb_layout .depth1_ul > li.on > a span, #gnb_layout .depth1_ul > li.current > a span {
  color: #418087;
}
#gnb_layout .depth1_ul > li.on > a span:before, #gnb_layout .depth1_ul > li.current > a span:before {
  opacity: 1;
}
#gnb_layout .depth1_ul > li .item {
  opacity: 1;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 100;
  width: 100%;
  min-height: 210px;
  padding: 35px 0 70px 495px;
  text-align: left;
  background-color: #FFFFFF;
  padding-left: calc(50% - 530px);
  padding-right: calc(50% - 730px);
}
#gnb_layout .depth1_ul > li .item:after {
  content: "";
  width: 1px;
  height: calc(100% - 115px);
  display: block;
  position: absolute;
  top: 35px;
  right: calc(50% - 370px);
  background: #e4e7ea;
}
#gnb_layout .depth1_ul > li .item::before {
  content: "";
  width: 1px;
  height: calc(100% - 115px);
  display: block;
  position: absolute;
  top: 35px;
  right: calc(50% - 72px);
  background: #e4e7ea;
}
#gnb_layout .depth1_ul > li .item .gnb-title {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(50% - 540px);
  padding: 50px 0px 80px 270px;
  padding-left: calc(50% - 750px);
  text-align: left;
  background-color: #fff;
  z-index: 3;
  border-right: 1px solid #e4e7ea;
  background: url(/template/assets/images/gnb_obj.png) left bottom no-repeat;
  background-size: 100%;
}
#gnb_layout .depth1_ul > li .item .gnb-title strong {
  display: block;
  position: relative;
  line-height: 1.2;
  font-family: "GmarketSans", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";
  font-weight: 700;
  color: #222222;
  font-size: 24px;
  z-index: 1;
  margin-bottom: 15px;
  white-space: normal;
  width: 100%;
  word-break: break-all;
}
#gnb_layout .depth1_ul > li .item .gnb-title p {
  position: relative;
  margin: 0 0 10px 0;
  line-height: 20px;
  font-size: 16px;
  font-family: "GmarketSans", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";
  font-weight: 300;
  z-index: 1;
}
#gnb_layout .depth1_ul > li .item.on {
  background-color: #FFFFFF;
}
#gnb_layout .depth1_ul > li.current + .item {
  display: block !important;
}
#gnb_layout .depth1_ul .depth2_ul {
  position: relative;
  top: 0;
  height: 100% !important;
  width: 100%;
  text-align: left;
  float: right;
  margin: 0;
  z-index: 3;
}
#gnb_layout .depth1_ul .depth2_ul:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 300px;
  width: 1px;
  height: 100%;
  background: #e4e7ea;
}
#gnb_layout .depth1_ul .depth2_ul:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #e4e7ea;
  display: none;
}
#gnb_layout .depth1_ul .depth2_ul > li {
  display: block;
  float: left;
  width: 300px;
  padding: 0 15px;
  margin: 0 0 20px;
  text-align: left;
  line-height: 18px;
}
#gnb_layout .depth1_ul .depth2_ul > li > a {
  display: inline-block;
  position: relative;
  min-width: 100%;
  padding: 0px 25px 0px 20px;
  height: 46px;
  border: 1px solid #ddd;
  border-radius: 5px;
  line-height: 1.2;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.1em;
  box-sizing: border-box;
  word-break: keep-all;
  word-wrap: break-word;
  font-family: "GmarketSans";
  transition: all 0.3s;
}
#gnb_layout .depth1_ul .depth2_ul > li > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  right: 19px;
  width: 5px;
  height: 5px;
  border: solid #caccd7;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all 0.3s;
}
#gnb_layout .depth1_ul .depth2_ul > li > a.on,
#gnb_layout .depth1_ul .depth2_ul > li > a:hover,
#gnb_layout .depth1_ul .depth2_ul > li > a:focus {
  background: #418087;
  color: #FFFFFF;
  border: 1px solid #418087;
  box-shadow: 2px 2px 8px 0 rgba(65, 128, 135, 0.25);
}
#gnb_layout .depth1_ul .depth2_ul > li > a[target=_blank] {
  padding-right: 20px;
}
#gnb_layout .depth1_ul .depth2_ul > li > a[target=_blank]::after {
  display: none;
}
#gnb_layout .depth1_ul .depth2_ul > li > a[target=_blank]:before {
  display: block;
  position: absolute;
  top: 20px;
  left: auto;
  right: 14px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background: url(/template/assets/images/target_blank.png) no-repeat;
  border: 0;
  transform: none;
  content: "";
}
#gnb_layout .depth1_ul .depth2_ul > li > a.on[target=_blank]:before,
#gnb_layout .depth1_ul .depth2_ul > li > a:hover[target=_blank]:before,
#gnb_layout .depth1_ul .depth2_ul > li > a:focus[target=_blank]:before {
  background: url(/template/assets/images/target_blank_ov.png);
}
#gnb_layout .depth1_ul .depth2_ul > li > a.on:after,
#gnb_layout .depth1_ul .depth2_ul > li > a:hover:after,
#gnb_layout .depth1_ul .depth2_ul > li > a:focus:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
#gnb_layout .depth1_ul .depth2_ul > li > a span {
  line-height: 46px;
}
#gnb_layout .depth1_ul .depth3_ul {
  display: block;
  margin: 10px 20px 0;
  height: auto;
  transition: all 0.3s;
}
#gnb_layout .depth1_ul .depth3_ul li {
  display: block;
}
#gnb_layout .depth1_ul .depth3_ul li a {
  display: block;
  position: relative;
  padding: 2px 0 2px 13px;
  line-height: 1.2;
}
#gnb_layout .depth1_ul .depth3_ul li a:before {
  position: absolute;
  top: 11px;
  left: 4px;
  width: 3px;
  height: 3px;
  background-color: #aeaeaf;
  content: "";
}
#gnb_layout .depth1_ul .depth3_ul li a:hover:before,
#gnb_layout .depth1_ul .depth3_ul li a:focus:before {
  background: #418087;
}
#gnb_layout .depth1_ul .depth3_ul li a span {
  display: inline-block;
  font-size: 15px;
  color: #767676;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-family: "GmarketSans";
  color: #000;
  font-weight: 500;
  position: relative;
  z-index: 2;
  background: #fff;
  padding-right: 6px;
}
#gnb_layout .depth1_ul .depth3_ul li a:hover span,
#gnb_layout .depth1_ul .depth3_ul li a:focus span,
#gnb_layout .depth1_ul .depth3_ul li .on span {
  color: #418087;
}
#gnb_layout .depth1_ul .depth3_ul.open {
  display: block;
}
#gnb_layout .depth1_ul .depth3_ul li a:after {
  position: absolute;
  top: calc(50% - 1px);
  right: 0px;
  width: calc(100% - 20px);
  height: 1px;
  background-color: #fff;
  content: "";
  z-index: 1;
}
#gnb_layout .depth1_ul .depth3_ul li a:hover:after,
#gnb_layout .depth1_ul .depth3_ul li a:focus:after {
  background: #418087;
}

#top_layout.open #gnb_layout,
#top_layout.on #gnb_layout {
  border-bottom: 1px solid #d8e0e9;
  background: #fff;
}

#top_layout.on #gnb_layout:after {
  opacity: 1;
}

#gnb_layout.open .depth1_ul > li .depth2_ul {
  opacity: 1;
  height: 180px;
  transform: translateX(0);
}

#top_layout.on + .gnb_bg,
#top_layout.open + .gnb_bg {
  display: block;
  z-index: 99;
  top: 47px;
}

#top_layout + .gnb_bg {
  display: none;
  position: fixed;
  top: 47px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: none;
  opacity: 0.5;
  content: "";
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}

/* mobile menu */
body.modal-open {
  height: 100vh;
  overflow: hidden;
}

.modal-open #top_layout .top_wrap .utile_wrap li,
.modal-open #top_layout .top_wrap .utile_wrap li.box.mo {
  display: none;
}

#mobile-menu {
  overflow: visible; /* height: 100%; */
  padding: 0 !important;
}

#mobile-menu .modal-dialog {
  transform: translate(25%, 0);
  margin: 0;
  width: 100%;
  max-width: 360px;
  min-width: 320px;
  float: right;
  height: 100%;
}

#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {
  transform: translate(0px, 0);
}

#mobile-menu .modal-dialog .modal-content .modal-body {
  position: static;
  height: 100%;
  padding: 0;
  background: #fff;
}

#mobile-menu .modal-dialog .modal-content {
  width: 100%;
  border-radius: 0;
  border: 0 none;
  height: 100%;
  margin: 0;
}

#mobile-menu .modal-dialog .modal-content .topUtile {
  height: 71px;
  padding: 25px 15px;
  background: #3a5063;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul:after {
  display: block;
  clear: both;
  content: "";
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li {
  display: inline-block;
  float: left;
  position: relative;
}

#mobile-menu .modal-dialog .modal-content .topUtile > ul > li > a, #mobile-menu .modal-dialog .modal-content .topUtile ul li > button {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0 15px;
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li > a:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan button {
  padding-right: 27px;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan button:after {
  position: absolute;
  right: 11px;
  top: 7px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 7px solid #fff;
  transform: rotate(180deg);
  content: "";
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown {
  padding-bottom: 20px;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown:before {
  display: none;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown.open {
  z-index: 999;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul {
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
  min-width: auto;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li {
  display: block;
  width: 100%;
  padding: 5px 0;
  border-top: 1px solid #dadada;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li:first-child {
  border-top: none;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li a {
  font-size: 15px;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li a {
  padding: 3px 13px 3px;
  text-align: left;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li a * {
  vertical-align: middle;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li a:before {
  content: "";
  display: inline-block;
  width: 20px;
  position: relative;
  height: 15px;
  background: url(/template/A/images/ir-language.png) no-repeat;
  top: 4px;
  margin-right: 4px;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li.ko a:before {
  background-position: 0 0;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li.en a:before {
  background-position: -20px 0;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li.jp a:before {
  background-position: -40px 0;
}

#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li.cn a:before {
  background-position: -60px 0;
}

#mobile-menu .modal-dialog .modal-content .modal-body:after {
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  width: 120px;
  background: #f5f6f8;
  height: 100%;
  top: 120px;
  left: 0px;
  z-index: 1;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 71px);
  margin: 0;
  z-index: 2;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.show {
  display: block !important;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {
  float: left;
  width: 100%;
  text-align: left;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {
  display: block;
  position: relative;
  width: 120px;
  padding: 23px 0px 23px 15px;
  background: #f5f6f8;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  line-height: 1.2;
  box-sizing: border-box;
  z-index: 2;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {
  display: none;
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 33px;
  width: 3px;
  height: 17px;
  background: #3a5063;
  transform: translateY(-50%);
  content: "";
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {
  display: none;
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 26px;
  height: 3px;
  width: 17px;
  background: #3a5063;
  transform: translateY(-50%);
  content: "";
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before {
  display: none;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {
  font-size: 16px;
  vertical-align: middle;
  line-height: 20px;
  font-family: "GmarketSans";
  color: #505050;
  font-weight: 500;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov span {
  color: #418087;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .on .a:before {
  transform: translate(0, -74%) rotate(-136deg);
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li .item {
  display: none;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li .item .gnb-title {
  display: none;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul {
  display: none;
  width: calc(100% - 120px);
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 5px 20px;
  padding-bottom: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li {
  width: 100%;
  border-top: 1px solid #e5e5e5;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li:first-child {
  border: 0;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li:last-child {
  border-bottom: 1px solid #e5e5e5;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a {
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 30px 18px 10px;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov {
  color: #fff;
  border-bottom: 2px solid #418087;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov span {
  color: #418087;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a:after {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 22px;
  height: 22px;
  background: #f8f8f8 url(/template/assets/images/mobile_dep2.png) center no-repeat;
  content: "";
  border-radius: 8px;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov:after {
  background: #418087 url(/template/assets/images/mobile_dep2_ov.png) center no-repeat;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a[target=_blank]:after, #mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov[target=_blank]:after {
  background: url(/template/assets/images/target_blank.png) center no-repeat;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a span {
  font-family: "GmarketSans";
  color: #505050;
  font-weight: 500;
  font-size: 17px;
  line-height: 23px;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul {
  display: none;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li a.ov + .depth3_ul {
  display: block;
  background: #f5f8f9;
  padding: 0px 15px;
  margin: 10px 0;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li {
  padding: 6px 0;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a {
  display: block;
  position: relative;
  padding: 2px 0 2px 10px;
  font-size: 15px;
  line-height: 1.4;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:before {
  position: absolute;
  left: 0;
  top: 12px;
  width: 3px;
  height: 3px;
  margin-top: -1.5px;
  background: #b5b2b4;
  border-radius: 50%;
  content: "";
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a.ov,
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:hover,
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:focus {
  color: #418087;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:hover:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:focus:before {
  background: #418087;
}

#mobile-menu .modal-dialog .modal-content .modal-body .gnb_info {
  display: none;
}

#mobile-menu .modal-dialog .modal-content .modal-body .mobile-close {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 45px;
  height: 45px;
  border: 0;
  font-size: 0;
  text-indent: -9999px;
  background: #fff url(/template/assets/images/m_close.png) center no-repeat;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.modal-backdrop.in {
  opacity: 0.8;
}

#mobile-menu .utile_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  flex-wrap: wrap;
  background: #418087 url(/template/assets/images/mobile_top_bg.png) left top no-repeat;
  padding: 0 15px;
  padding-bottom: 50px;
  position: relative;
}
#mobile-menu .utile_wrap li {
  position: relative;
  height: 100%;
}
#mobile-menu .utile_wrap li a {
  display: block;
}
#mobile-menu .utile_wrap .site-link {
  display: flex;
  align-items: center;
  margin-right: 20px;
  height: 70px;
}
#mobile-menu .utile_wrap .site-link a {
  padding-right: 12px;
  background: url(/template/assets/images/pl_m.png) right center no-repeat;
  font-size: 15px;
  color: #fff;
  font-family: "GmarketSans";
  font-weight: 300;
  line-height: 1;
  position: relative;
}
#mobile-menu .utile_wrap .site-link a:after {
  content: "";
  width: 1px;
  height: 15px;
  background: #fff;
  position: absolute;
  top: 0px;
  opacity: 0.3;
  right: -13px;
}
#mobile-menu .utile_wrap .site-link a em {
  font-family: "GmarketSans";
  color: #fff;
  font-weight: 500;
}
#mobile-menu .utile_wrap .language-link {
  position: relative;
  width: 60px;
  height: 70px;
}
#mobile-menu .utile_wrap .language-link button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
#mobile-menu .utile_wrap .language-link button:after {
  content: "";
  width: 0%;
  height: 2px;
  background: #418087;
  position: absolute;
  bottom: -1px;
  left: 50%;
  opacity: 0;
  transition: all 0.3s;
}
#mobile-menu .utile_wrap .language-link button span {
  display: block;
  font-size: 15px;
  color: #fff;
  font-family: "GmarketSans";
  font-weight: 500;
  line-height: 1;
  text-align: center;
  padding-right: 12px;
  background: url(/template/assets/images/pl_m.png) right center no-repeat;
}
#mobile-menu .utile_wrap .language-link button:hover:after {
  opacity: 1;
  width: 100%;
  left: 0;
}
#mobile-menu .utile_wrap .language-link button:hover span {
  font-family: "GmarketSans";
  color: #fff;
  font-weight: 500;
}
#mobile-menu .utile_wrap .language-link button em {
  font-size: 0;
}
#mobile-menu .utile_wrap .language-link button em i {
  font-size: 0;
}
#mobile-menu .utile_wrap .language-link > div {
  display: none;
  position: absolute;
  width: auto;
  padding: 10px 20px;
  background: #fff;
  top: 55px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
#mobile-menu .utile_wrap .language-link > div li:last-child {
  border-bottom: 0px solid #ccc;
}
#mobile-menu .utile_wrap .language-link > div li a {
  font-size: 14px;
  line-height: 1;
  padding: 5px 0;
  text-align: center;
}
#mobile-menu .utile_wrap .language-link > div li a:hover, #mobile-menu .utile_wrap .language-link > div li a:active, #mobile-menu .utile_wrap .language-link > div li a:focus {
  color: #418087;
}
#mobile-menu .utile_wrap .language-link.on > div {
  display: block;
}
#mobile-menu .utile_wrap .covid-link {
  width: 100%;
  height: 50px;
  background: #fff;
  position: absolute;
  left: 0px;
  bottom: 0px;
  border-bottom: 1px solid #dcdddf;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mobile-menu .utile_wrap .covid-link a {
  display: block;
  width: auto;
  height: 35px;
  border-radius: 18px;
  background-color: #f5f8f9;
  padding: 0 25px 0 40px;
  background-image: url(/template/assets/images/siren.png), url(/template/assets/images/pl.png);
  background-position: 15px center, calc(100% - 10px) center;
  background-repeat: no-repeat, no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-family: "GmarketSans";
  color: #232323;
  font-weight: 500;
  padding-top: 4px;
}
#mobile-menu .utile_wrap .covid-link a em {
  font-family: "GmarketSans";
  color: #cd413e;
  font-weight: 700;
}

#svisual_layout {
  position: relative;
  height: 120px;
  z-index: 1;
  overflow: hidden;
  background: #f5f6f8 url(/template/assets/images/svisual_bg.png) 0 top no-repeat;
  background-size: 100% auto;
}
#svisual_layout:before {
  content: "";
  display: block;
  width: 562px;
  height: 100px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url(/template/assets/images/svisual_obj1.png) 0 0 no-repeat;
}
#svisual_layout:after {
  content: "";
  display: block;
  width: 497px;
  height: 110px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: url(/template/assets/images/svisual_obj4.png) 0 0 no-repeat;
}
#svisual_layout .svisual_wrap {
  height: 100%;
  position: relative;
}
#svisual_layout .svisual_wrap:before {
  content: "";
  display: block;
  width: 136px;
  height: 42px;
  position: absolute;
  top: 30px;
  left: calc(50% - 300px);
  background: url(/template/assets/images/svisual_obj2.png) 0 0 no-repeat;
}
#svisual_layout .svisual_wrap:after {
  content: "";
  display: block;
  width: 154px;
  height: 60px;
  position: absolute;
  top: 20px;
  right: calc(50% - 460px);
  background: url(/template/assets/images/svisual_obj3.png) 0 0 no-repeat;
  visibility: visible;
}
#svisual_layout .subvisual-layout {
  background: url(/template/assets/images/svisual_obj5.png) right bottom no-repeat;
  text-align: center;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media (max-width: 1279.98px) {
  #svisual_layout .subvisual-layout {
    justify-content: flex-start;
  }
}
@media (max-width: 1023.98px) {
  #svisual_layout .subvisual-layout {
    background-size: 292px;
  }
}
@media (max-width: 639.98px) {
  #svisual_layout .subvisual-layout {
    justify-content: center;
    background-position: center bottom;
    align-items: flex-start;
    padding-top: 15px;
  }
}
#svisual_layout .subvisual-layout .subvisual-layout__title,
#svisual_layout .subvisual-layout span {
  display: block;
  font-family: "GmarketSans", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";
  font-weight: 300;
  font-size: 20px;
  line-height: 1.2;
}
#svisual_layout .subvisual-layout .subvisual-layout__title {
  font-weight: 700;
  color: #222222;
  font-size: 30px;
}
#svisual_layout .subvisual-layout .subvisual-layout__title em {
  color: #418087;
}
#svisual_layout .subvisual-layout .search_wrap {
  width: 100%;
  max-width: 450px;
  height: 60px;
  border-radius: 5px;
  position: relative;
}
#svisual_layout .subvisual-layout .search_wrap .search_input {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#svisual_layout .subvisual-layout .search_wrap .search_input label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  font-size: 17px;
  font-family: "GmarketSans";
  font-weight: 500;
  color: #747373;
  padding-left: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
  transition: all 0.4s;
  opacity: 1;
}
#svisual_layout .subvisual-layout .search_wrap .search_input label.on {
  opacity: 0;
}
#svisual_layout .subvisual-layout .search_wrap .search_input label em {
  display: inline-block;
  font-weight: 700;
  font-size: 17px;
  font-family: "GmarketSans";
  color: #418087;
  margin-right: 7px;
  line-height: 1;
}
#svisual_layout .subvisual-layout .search_wrap .search_input #search {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 0 solid #000;
  background: #fff;
  border-radius: 20px;
  box-shadow: 2px 2px 8px 0 rgba(65, 128, 135, 0.25);
  padding-left: 35px;
  padding-right: 70px;
  border: 1px solid #418087;
}
#svisual_layout .subvisual-layout .search_wrap .submit {
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 3;
  position: absolute;
  top: 0px;
  right: 0px;
}
#svisual_layout .subvisual-layout .search_wrap .submit input {
  display: block;
  width: 100%;
  height: 100%;
  border: 0px solid #000;
  border-radius: 20px;
  font-size: 0;
  background: #418087 url(/template/assets/images/submit.png) center no-repeat;
}

#body_layout {
  position: relative;
  z-index: 9;
  margin-top: 27px;
  padding-right: 30px;
}
@media (max-width: 1439.98px) {
  #body_layout {
    padding-right: 0;
  }
}
#body_layout .body_wrap {
  min-height: 850px;
}
#body_layout #txt {
  position: relative;
  width: 100%;
}
#body_layout .lnb_wrap {
  position: relative;
  z-index: 10;
  float: left;
  width: 280px;
  margin-top: -125px;
}
@media (max-width: 1439.98px) {
  #body_layout .lnb_wrap {
    width: 280px;
  }
}
@media (max-width: 1279.98px) {
  #body_layout .lnb_wrap {
    display: none;
  }
}
#body_layout .contents_wrap {
  position: relative;
  float: right;
  width: calc(100% - 280px - 60px);
}
@media (max-width: 1439.98px) {
  #body_layout .contents_wrap {
    width: calc(100% - 280px - 60px);
  }
}
@media (max-width: 1279.98px) {
  #body_layout .contents_wrap {
    width: 100%;
    float: none;
  }
}
#body_layout .lnb_wrap:after {
  content: "";
  display: block;
  width: 248px;
  height: 100px;
  position: absolute;
  top: 140px;
  left: 15px;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
#body_layout .lnb_wrap .lnb__title {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 55px;
  z-index: 9;
  width: 100%;
  height: 180px;
  background: linear-gradient(to right, #418087 0%, #3581a5 50%, #1c4295 100%);
  text-align: center;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
#body_layout .lnb_wrap .lnb__title:after {
  content: "";
  display: block;
  position: absolute;
  top: -75%;
  left: -25%;
  width: 250px;
  height: 250px;
  background: #000;
  opacity: 0.05;
  border-radius: 50%;
}
#body_layout .lnb_wrap .lnb__title strong {
  display: table-cell;
  position: relative;
  font-family: "GmarketSans", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";
  font-weight: 700;
  font-size: 24px;
  color: #FFFFFF;
  vertical-align: middle;
}
#body_layout .lnb_wrap .lnb_depth2__list {
  position: absolute;
  padding: 8px 20px;
  width: 250px;
  transform: translate(-50%, 0);
  top: 110px;
  left: 50%;
  background: #fff;
  border-radius: 5px;
  z-index: 11;
}
#body_layout .lnb_wrap .lnb_depth2__list > li > a {
  position: relative;
  display: block;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
  border-top: 1px solid #ddd;
}
#body_layout .lnb_wrap .lnb_depth2__list > li > a:before {
  display: block;
  position: absolute;
  right: 10px;
  top: 18px;
  content: "";
  width: 22px;
  height: 22px;
  border: 1px solid #f8f8f8;
  background-color: #f8f8f8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 15l-4.243-4.243 1.415-1.414L12 12.172l2.828-2.829 1.415 1.414z' fill='rgba(221,221,221,1)'/%3E%3C/svg%3E");
  background-size: 100%;
  border-radius: 8px;
  transition: all 0.4s;
}
#body_layout .lnb_wrap .lnb_depth2__list > li > a span {
  position: relative;
  display: block;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
  padding: 21px 35px 21px 10px;
  font-size: 17px;
  font-family: "GmarketSans";
  font-weight: 500;
  text-align: left;
}
#body_layout .lnb_wrap .lnb_depth2__list > li > a:hover, #body_layout .lnb_wrap .lnb_depth2__list > li > a:focus, #body_layout .lnb_wrap .lnb_depth2__list > li > a:hover span, #body_layout .lnb_wrap .lnb_depth2__list > li > a:focus span {
  color: #418087;
}
#body_layout .lnb_wrap .lnb_depth2__list > li > a:hover:after, #body_layout .lnb_wrap .lnb_depth2__list > li > a:focus:after {
  height: 2px;
  background-color: #418087;
}
#body_layout .lnb_wrap .lnb_depth2__list > li > a:hover:before, #body_layout .lnb_wrap .lnb_depth2__list > li > a:focus:before {
  border-color: #418087;
  background-color: #418087;
}
#body_layout .lnb_wrap .lnb_depth2__list > li > a[target=_blank]:before {
  display: block;
  position: absolute;
  right: 10px;
  top: 19px;
  content: "";
  width: 22px;
  height: 22px;
  border: 0px solid #f8f8f8;
  background-color: transparent;
  background-image: url(/template/assets/images/target_blank.png);
  background-size: auto;
  border-radius: 8px;
  transition: all 0.4s;
  background-repeat: no-repeat;
  background-position: center;
}
#body_layout .lnb_wrap .lnb_depth2__list > li.ov > a, #body_layout .lnb_wrap .lnb_depth2__list > li.on > a {
  color: #418087;
  font-weight: 700;
  border-bottom: 2px solid #418087;
}
#body_layout .lnb_wrap .lnb_depth2__list > li.ov > a:after, #body_layout .lnb_wrap .lnb_depth2__list > li.on > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
  transition: all 0.4s;
  height: 2px;
  background-color: #418087;
}
#body_layout .lnb_wrap .lnb_depth2__list > li.ov > a:before, #body_layout .lnb_wrap .lnb_depth2__list > li.on > a:before {
  border-color: #418087;
  background-color: #418087;
}
#body_layout .lnb_wrap .lnb_depth2__list > li:last-child > a {
  border-bottom: 1px solid #ddd;
}
#body_layout .lnb_wrap .lnb_depth2__list > li:last-child > a:after {
  display: none;
}
#body_layout .lnb_wrap .lnb_depth2__list > li:first-child > a {
  border-top: 0px solid #ddd;
}
#body_layout .lnb_wrap .lnb_depth2__list > li:first-child > a:after {
  display: none;
}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  display: none;
  padding: 8px 6px;
  text-align: left;
  transition: all 0.4s;
  background: #f5f8f9;
  margin: 12px 0;
}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li {
  position: relative;
}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li a {
  display: block;
  position: relative;
  padding: 8px 15px;
  padding-left: 25px;
  font-size: 15px;
  word-wrap: break-word;
  word-break: keep-all;
  font-weight: normal;
  transition: all 0.4s;
}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li a:after {
  display: block;
  position: absolute;
  left: 14px;
  top: 19px;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #b5b2b4;
}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li a:hover, #body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li a:focus, #body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li a:hover span, #body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li a:focus span {
  color: #418087;
}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li a:hover:after, #body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li a:focus:after {
  background: #418087;
}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li a[target=_blank] span:after {
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
  border: 0px solid #f8f8f8;
  background-color: transparent;
  background-image: url(/template/assets/images/target_blank.png);
  background-size: auto;
  border-radius: 8px;
  transition: all 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: -5px;
  margin-left: 3px;
}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li.on a {
  color: #418087;
  font-weight: bold;
}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list li.on a:after {
  background: #418087;
}
#body_layout .lnb_wrap .lnb_depth2__list > li.ov .lnb_depth3__list, #body_layout .lnb_wrap .lnb_depth2__list > li.on .lnb_depth3__list, #body_layout .lnb_wrap .lnb_depth2__list > li.on, #body_layout .lnb_wrap .lnb_depth2__list > li.open {
  display: block !important;
  visibility: visible;
  height: auto;
}
#body_layout #location {
  position: relative;
  z-index: 20;
  width: 100%;
  margin: 0 0 40px;
  padding: 0 0 25px;
  background: url(/template/assets/images/pattern.png) repeat-x left bottom;
  text-align: left;
}
#body_layout #location .page__title {
  font-family: "GmarketSans", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";
  font-weight: 700;
  color: #222222;
  font-size: 30px;
  line-height: 1.3;
  padding: 0px;
  margin-bottom: 7px;
}
@media (max-width: 1023.98px) {
  #body_layout #location .page__title {
    font-size: 30px;
  }
}
@media (max-width: 639.98px) {
  #body_layout #location .page__title {
    text-align: center;
  }
}
#body_layout #location .utile_wrap {
  display: block;
}
#body_layout #location .utile_wrap:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
}
@media (max-width: 639.98px) {
  #body_layout #location .utile_wrap .location_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
}
@media (max-width: 459.98px) {
  #body_layout #location .utile_wrap .location_wrap {
    flex-wrap: wrap;
  }
}
#body_layout #location .utile_wrap .print_wrap {
  position: absolute;
  right: 0;
  top: 28px;
}
#body_layout #location .utile_wrap .print_wrap:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
}
@media (max-width: 639.98px) {
  #body_layout #location .utile_wrap .print_wrap {
    text-align: center;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#body_layout #location .utile_wrap .print_wrap li {
  float: left;
  margin-left: 10px;
  width: 44px;
  height: 44px;
  padding: 8px;
  background: #f8f8f8;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#body_layout #location .utile_wrap .print_wrap li .ir-tmpl {
  background: url(/template/assets/images/ir.png) no-repeat;
  font-size: 0;
}
#body_layout #location .utile_wrap .print_wrap li button {
  display: block;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  cursor: pointer;
}
#body_layout #location .utile_wrap .print_wrap li.sns {
  position: relative;
}
#body_layout #location .utile_wrap .print_wrap li.sns button {
  display: block;
  width: 17px;
  height: 100%;
  background-position: -368px -104px;
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap {
  display: none;
  position: absolute;
  right: 0;
  top: 0px;
  width: 44px;
  text-align: right;
  padding-bottom: 10px;
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border-radius: 50%;
  background: url(/template/assets/images/ir.png) no-repeat;
  font-size: 0;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 18px;
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.sns-close {
  border-radius: 20px;
  width: 44px;
  height: 44px;
  background: url(/template/assets/images/sns_close.png) center no-repeat;
  background-color: #505050;
  border-radius: 20px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 25px;
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.fa {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='29' viewBox='0 0 14 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.872 0.109985V4.97899H11.224C10.436 4.97899 9.93498 5.19299 9.68398 5.62299C9.50398 5.90999 9.43398 6.40999 9.43398 7.09099V9.30998H13.944L13.408 14.215H9.43398V28.354H3.59898V14.215H0.734985V9.30998H3.59898V6.37498C3.59898 3.36798 4.63699 1.43498 6.67699 0.611984C7.67899 0.216984 8.53898 0.109985 9.43398 0.109985H13.872Z' fill='%233B5A9A'/%3E%3C/svg%3E%0A");
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.tw {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='26' viewBox='0 0 31 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.665 1.33899C29.665 1.33899 26.808 2.96299 25.936 2.69199C25.936 2.69199 24.013 0.794983 21.395 0.794983C18.779 0.794983 15.35 2.83099 15.35 7.04799C15.35 7.04799 15.26 7.86499 15.501 8.22699C15.501 8.22699 8.37301 8.94799 2.80901 2.00099C2.80901 2.00099 0.0120044 6.60298 4.645 9.97098C4.645 9.97098 3.451 10.543 1.972 9.42899C1.972 9.42899 1.697 13.881 6.838 15.414C6.838 15.414 5.787 15.956 4.162 15.655C4.162 15.655 5.00399 19.594 9.81599 19.805C9.81599 19.805 6.688 22.871 0.824005 22.391C0.824005 22.391 10.593 29.997 22.177 20.527C22.177 20.527 27.561 15.895 27.531 6.84198C27.531 6.84198 29.757 5.36898 30.538 3.83398C30.538 3.83398 29.395 4.85699 27.171 4.52599C27.17 4.52599 29.545 2.87199 29.665 1.33899Z' fill='%232AADE3'/%3E%3C/svg%3E%0A");
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.bl {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='30' viewBox='0 0 36 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.782 14.671C20.5861 14.671 21.2379 14.0191 21.2379 13.215C21.2379 12.4109 20.5861 11.759 19.782 11.759C18.9778 11.759 18.3259 12.4109 18.3259 13.215C18.3259 14.0191 18.9778 14.671 19.782 14.671Z' fill='%2342B649'/%3E%3Cpath d='M27.752 14.562C28.4959 14.562 29.099 13.9589 29.099 13.215C29.099 12.4711 28.4959 11.868 27.752 11.868C27.0081 11.868 26.405 12.4711 26.405 13.215C26.405 13.9589 27.0081 14.562 27.752 14.562Z' fill='%2342B649'/%3E%3Cpath d='M29.027 0.341003H6.25397C2.89797 0.341003 0.177979 3.063 0.177979 6.42V18.215C0.177979 21.57 2.89797 24.292 6.25397 24.292H14.816L17.641 29.866L20.842 24.292H29.028C32.384 24.292 35.106 21.57 35.106 18.215V6.42C35.105 3.063 32.384 0.341003 29.027 0.341003ZM7.72098 16.479C7.10098 16.479 6.52296 16.307 6.02496 16.013V16.434H3.74698V7.189H6.02496V10.244C6.52296 9.951 7.10098 9.77901 7.72098 9.77901C9.57298 9.77901 11.072 11.279 11.072 13.129C11.071 14.979 9.57198 16.479 7.72098 16.479ZM14.822 10.314V16.479H12.634V10.314C12.634 8.975 11.785 8.97501 11.785 8.97501V7.189C13.788 7.159 14.47 8.48801 14.702 9.42101C14.814 9.87401 14.821 10.235 14.821 10.303V10.314H14.822ZM19.782 16.754C17.827 16.754 16.242 15.17 16.242 13.216C16.242 11.261 17.827 9.677 19.782 9.677C21.735 9.677 23.32 11.261 23.32 13.216C23.32 15.17 21.735 16.754 19.782 16.754ZM27.421 19.664V17.879C27.421 17.879 29.405 18.109 29.405 16.985V16.038C28.92 16.323 28.355 16.489 27.752 16.489C25.945 16.489 24.478 15.023 24.478 13.216C24.478 11.407 25.946 9.942 27.752 9.942C28.356 9.942 28.92 10.108 29.405 10.393V10.107H31.522V16.986C31.522 16.985 31.984 19.664 27.421 19.664Z' fill='%2342B649'/%3E%3Cpath d='M7.47699 14.491C8.2292 14.491 8.83899 13.8812 8.83899 13.129C8.83899 12.3768 8.2292 11.767 7.47699 11.767C6.72478 11.767 6.11499 12.3768 6.11499 13.129C6.11499 13.8812 6.72478 14.491 7.47699 14.491Z' fill='%2342B649'/%3E%3C/svg%3E%0A");
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.band {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='29' viewBox='0 0 23 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.89966 8.12579C8.95579 8.11062 9.01209 8.09589 9.06856 8.08162C9.83252 7.88859 10.6278 7.77903 11.4543 7.77903C16.8207 7.77903 21.195 12.1308 21.195 17.5197C21.195 22.8861 16.8207 27.2379 11.4543 27.2379C6.09543 27.2379 1.72585 22.8983 1.71367 17.5197C1.71365 17.5122 1.71364 17.5047 1.71364 17.4972V4.30665C1.71364 2.88613 2.86359 1.71364 4.30665 1.71364C5.72717 1.71364 6.89966 2.86358 6.89966 4.30665V17.5197C6.89966 17.5272 6.89968 17.5348 6.89972 17.5423C6.90024 17.6498 6.90448 17.7563 6.91231 17.8619C7.08768 20.2259 9.06563 22.0744 11.4543 22.0744C13.9721 22.0744 15.9968 20.0349 16.009 17.5423C16.009 17.5348 16.009 17.5272 16.009 17.5197C16.009 15.0169 13.9572 12.9651 11.4543 12.9651C11.1668 12.9651 10.8856 12.9921 10.6133 13.0433C10.1762 13.1254 9.76199 13.2696 9.38125 13.4637C9.21397 13.549 9.05314 13.6439 8.89966 13.7474C8.8011 13.8139 8.70557 13.8839 8.61331 13.9572V11.9278C8.70743 11.8808 8.80291 11.8359 8.89966 11.7933C9.01054 11.7444 9.12308 11.6986 9.23716 11.6558C9.92975 11.3963 10.6789 11.2514 11.4543 11.2514C14.9192 11.2514 17.733 14.0577 17.7452 17.5197C17.7452 17.5272 17.7452 17.5348 17.7452 17.5423C17.7452 21.0147 14.9267 23.8331 11.4543 23.8331C7.98197 23.8331 5.16348 21.0147 5.16348 17.5423V4.30665C5.16348 3.83315 4.78016 3.44983 4.30665 3.44983C3.83315 3.44983 3.44984 3.83315 3.44984 4.30665V17.5197C3.44984 17.5272 3.44985 17.5348 3.44987 17.5423C3.46204 21.9513 7.04247 25.5242 11.4543 25.5242C15.8662 25.5242 19.4466 21.9513 19.4588 17.5423C19.4588 17.5348 19.4588 17.5272 19.4588 17.5197C19.4588 13.1003 15.8737 9.51522 11.4543 9.51522C11.1716 9.51522 10.8908 9.52987 10.6133 9.55864C10.097 9.61217 9.59252 9.7146 9.10984 9.86257C9.03931 9.88419 8.96924 9.90678 8.89966 9.93034C8.80323 9.963 8.70775 9.9975 8.61331 10.0338V8.20744C8.70826 8.17896 8.80371 8.15172 8.89966 8.12579ZM8.88736 16.2934C8.7115 16.664 8.61331 17.0796 8.61331 17.5197C8.61331 19.0981 9.87599 20.3608 11.4543 20.3608C13.0327 20.3608 14.2954 19.0981 14.2954 17.5197C14.2954 15.9414 13.0327 14.6787 11.4543 14.6787C10.7796 14.6787 10.1626 14.9094 9.67724 15.2969C9.35114 15.5573 9.08446 15.8884 8.89966 16.2679C8.89552 16.2764 8.89142 16.2849 8.88736 16.2934ZM8.89966 6.35229C8.80371 6.37543 8.70826 6.40004 8.61331 6.42616V4.30665C8.61331 1.93912 6.69673 0 4.30665 0C1.93912 0 0 1.91657 0 4.30665V17.5197C0 23.8331 5.11838 28.9741 11.4543 28.9741C17.7678 28.9741 22.9087 23.8557 22.9087 17.5197C22.9087 11.1838 17.7678 6.06539 11.4543 6.06539C11.1703 6.06539 10.89 6.07463 10.6133 6.09364C10.0254 6.13404 9.45418 6.21857 8.89966 6.35229Z' fill='%2342B649'/%3E%3C/svg%3E%0A");
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.ca {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='28' viewBox='0 0 15 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9976 14.2166V0.663844C14.9976 0.297091 14.6986 0 14.3295 0H0.668084C0.298992 0 0 0.297091 0 0.663844V14.2166C0 14.5827 0.298992 14.8791 0.668084 14.8791H7.15294C7.03492 19.4798 2.30539 22.4991 2.30539 22.4991C2.128 23.4387 2.30539 23.497 2.30539 23.497L6.50274 27.8433C6.97555 28.1959 7.49843 27.8433 7.49843 27.8433C15.3516 21.0293 14.9976 14.2166 14.9976 14.2166Z' fill='%23FAC013'/%3E%3C/svg%3E%0A");
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.kakao {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='33' viewBox='0 0 36 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.614 15.39H14.692L14.153 14.217L13.614 15.39Z' fill='%233D1E1E'/%3E%3Cpath d='M18.266 0.186005C8.53699 0.186005 0.648987 6.414 0.648987 14.101C0.648987 18.665 3.44298 22.718 7.74298 25.257C8.64498 25.791 7.85602 27.115 7.85602 27.115L4.31897 31.744C4.25497 31.933 4.30798 32.137 4.44598 32.273C4.54198 32.369 4.66899 32.421 4.80499 32.421C4.90999 32.421 5.016 32.379 5.112 32.304C5.112 32.304 7.28098 31.87 10.321 30.382C12.801 29.265 15.092 27.781 15.092 27.781C16.129 27.929 17.187 28.013 18.266 28.013C27.993 28.013 35.881 21.785 35.881 14.099C35.881 6.413 27.992 0.186005 18.266 0.186005ZM9.35303 18.09H9.34998C9.35098 18.11 9.35303 18.127 9.35303 18.147C9.35303 18.833 8.797 19.388 8.112 19.388C7.427 19.388 6.87201 18.832 6.87201 18.147C6.87201 18.127 6.87402 18.11 6.87402 18.09H6.87201V12.227H5.21002V12.222C4.62302 12.18 4.159 11.692 4.159 11.093C4.159 10.494 4.62302 10.006 5.21002 9.963V9.96001H10.741C11.367 9.96001 11.874 10.467 11.874 11.093C11.874 11.719 11.367 12.227 10.741 12.227H9.35303V18.09ZM31.13 19.33C30.727 19.33 30.368 19.137 30.142 18.838L30.141 18.839L27.985 15.92L27.53 16.374V18.122C27.53 18.808 26.975 19.364 26.291 19.364C25.756 19.364 25.303 19.021 25.129 18.547C25.019 19.014 24.601 19.364 24.1 19.364V19.387H19.47V19.357C19.006 19.313 18.617 19.014 18.444 18.602C18.425 18.646 18.414 18.695 18.39 18.738C18.18 19.125 17.771 19.387 17.299 19.387H17.298C17.234 19.387 17.168 19.38 17.106 19.37C17.095 19.369 17.085 19.367 17.074 19.364C17.013 19.353 16.955 19.338 16.898 19.318C16.888 19.314 16.878 19.311 16.868 19.308C16.809 19.286 16.754 19.26 16.7 19.231C16.698 19.23 16.696 19.228 16.693 19.227C16.637 19.197 16.585 19.161 16.534 19.121C16.532 19.119 16.53 19.117 16.527 19.116C16.476 19.076 16.43 19.03 16.386 18.983C16.383 18.979 16.38 18.976 16.377 18.973C16.242 18.824 16.145 18.643 16.095 18.441L15.694 17.566H12.616L12.214 18.441C12.081 18.983 11.593 19.386 11.01 19.386C10.325 19.386 9.77002 18.83 9.77002 18.145C9.77002 17.985 9.80099 17.832 9.85699 17.692L9.85901 17.686C9.87401 17.651 9.88898 17.615 9.90698 17.581L12.915 10.978C13.019 10.398 13.526 9.95799 14.136 9.95799C14.143 9.95799 14.15 9.959 14.157 9.959C14.164 9.959 14.17 9.95799 14.178 9.95799C14.787 9.95799 15.293 10.397 15.398 10.978L18.348 17.454V11.441H18.358C18.353 11.394 18.348 11.344 18.348 11.295C18.348 10.609 18.904 10.054 19.589 10.054C20.274 10.054 20.829 10.61 20.829 11.295C20.829 11.344 20.826 11.394 20.82 11.441H20.829V17.244H24.102C24.521 17.244 24.879 17.489 25.051 17.842V11.305C25.051 10.619 25.608 10.065 26.293 10.065C26.978 10.065 27.532 10.62 27.532 11.305V12.866L29.913 10.485C30.142 10.228 30.473 10.065 30.843 10.065C31.529 10.065 32.082 10.62 32.082 11.305C32.082 11.622 31.963 11.911 31.767 12.13L31.769 12.132L31.749 12.151C31.729 12.172 31.71 12.191 31.689 12.211L29.758 14.144L32.098 17.311C32.27 17.524 32.373 17.794 32.373 18.09C32.371 18.775 31.815 19.33 31.13 19.33Z' fill='%233D1E1E'/%3E%3Cpath d='M18.533 18.025C18.53 17.996 18.525 17.965 18.52 17.936C18.518 17.927 18.517 17.919 18.515 17.91C18.507 17.874 18.498 17.837 18.49 17.801H18.489C18.478 17.764 18.466 17.729 18.452 17.695V17.694L18.449 17.688C18.435 17.653 18.419 17.617 18.401 17.583L18.343 17.456V17.738H18.405C18.366 17.859 18.343 17.989 18.343 18.123C18.343 18.294 18.378 18.456 18.442 18.603C18.499 18.46 18.539 18.309 18.539 18.147C18.539 18.106 18.536 18.066 18.533 18.025Z' fill='%233D1E1E'/%3E%3Cpath d='M25.048 17.843V18.122C25.048 18.272 25.079 18.414 25.128 18.547C25.147 18.468 25.159 18.387 25.159 18.304C25.159 18.138 25.116 17.982 25.048 17.843Z' fill='%233D1E1E'/%3E%3C/svg%3E%0A");
}
#body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 50px);
  position: absolute;
  background: #fff;
  bottom: 0px;
  left: 0px;
  border-radius: 20px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}
#body_layout #location .utile_wrap .print_wrap li.sns.on .sns_wrap {
  display: block;
}
#body_layout #location .utile_wrap .print_wrap li.print {
  position: relative;
}
#body_layout #location .utile_wrap .print_wrap li.print button {
  width: 100%;
  height: 100%;
  background-position: -451px -104px;
}
@media (max-width: 1279.98px) {
  #body_layout #location .utile_wrap .print_wrap li.print {
    display: none;
  }
}
#body_layout #location .utile_wrap .print_wrap li.copy {
  position: relative;
}
#body_layout #location .utile_wrap .print_wrap li.copy button {
  width: 100%;
  height: 100%;
  background-position: -406px -102px;
}
#body_layout #location .utile_wrap .location_wrap:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
}
#body_layout #location .utile_wrap .location_wrap li {
  float: left;
  position: relative;
  padding-right: 27px;
}
@media (max-width: 767.98px) {
  #body_layout #location .utile_wrap .location_wrap li.n2:last-child {
    display: block;
  }
}
#body_layout #location .utile_wrap .location_wrap li:last-child {
  padding-right: 0;
}
#body_layout #location .utile_wrap .location_wrap li:last-child a {
  font-weight: bold;
  color: #418087;
  text-decoration: underline;
}
#body_layout #location .utile_wrap .location_wrap li:not(:last-child):after {
  display: inline-block;
  content: "";
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #c5c5c5;
  vertical-align: top;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
}
#body_layout #location .utile_wrap .location_wrap li:first-child {
  padding-right: 15px;
}
#body_layout #location .utile_wrap .location_wrap li:first-child:after {
  display: none;
}
#body_layout #location .utile_wrap .location_wrap li a {
  display: inline-block;
  position: relative;
  line-height: 25px;
  vertical-align: top;
}
#body_layout #location .utile_wrap .location_wrap li a:hover,
#body_layout #location .utile_wrap .location_wrap li a:focus {
  text-decoration: underline;
}
@media (max-width: 539.98px) {
  #body_layout #location .utile_wrap .location_wrap li a {
    font-size: 14px;
  }
}
#body_layout #location .utile_wrap .location_wrap li.navi_home a {
  width: 16px;
  height: 17px;
  margin: 4px 0 0;
  background: url(/template/assets/images/ir.png) no-repeat 0px 0;
  font-size: 0;
}

@media (max-width: 539.98px) {
  .respon_tab {
    margin-bottom: 50px;
  }
}
.respon_tab .mobile_tab {
  display: none;
  width: 100%;
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  position: relative;
}
@media (max-width: 539.98px) {
  .respon_tab .mobile_tab {
    display: block;
  }
}
.respon_tab .mobile_tab::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 28px;
  width: 14px;
  height: 10px;
  background: url(/pcms/dist/img/tab_ov_arrow.png) no-repeat;
  transition: all 0.2s;
}
.respon_tab .mobile_tab.on::after {
  transform: rotate(180deg);
}
@media (max-width: 539.98px) {
  .respon_tab .tab-ul.type2 {
    display: none;
  }
}
@media (max-width: 539.98px) {
  .respon_tab .tab-ul.type2 li {
    width: 100%;
    min-height: 45px;
    height: 45px;
  }
  .respon_tab .tab-ul.type2 li a {
    display: block;
  }
  .respon_tab .tab-ul.type2 li a span {
    padding: 8px 50px 8px 20px;
  }
}
.respon_tab .tab-ul.type2 li.on a::before, .respon_tab .tab-ul.type2 li.active a::before, .respon_tab .tab-ul.type2 li a:focus::before, .respon_tab .tab-ul.type2 li a:hover::before {
  top: 50%;
  margin-top: -2px;
  border-radius: 5px;
  background: url(/pcms/dist/img/tab_ov_arrow.png) no-repeat;
  transition: 0.3s;
}/*# sourceMappingURL=acego.layout.css.map */