@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 15px;
  }
}
.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 only screen and (min-device-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;
}
#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: 10px;
  }
}
@media (max-width: 1279.98px) {
  #top_layout .top_wrap #logo {
    left: 10px;
    top: 21px;
  }
}
@media (max-width: 1023.98px) {
  #top_layout .top_wrap #logo {
    left: 30px;
  }
}
#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: url(/template/assets/images/logo.svg) 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: 10px;
  }
}
@media (max-width: 1279.98px) {
  #top_layout .top_wrap .utile_wrap {
    right: 10px;
    top: 30px;
  }
}
@media (max-width: 1023.98px) {
  #top_layout .top_wrap .utile_wrap {
    right: 30px;
  }
}
#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;
  display: none;
}
#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 290px;
  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;
  display: none;
}

#gnb_layout .depth1_ul {
  display: inline-block;
  height: 100%;
  float: none;
  z-index: 14;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
#gnb_layout .depth1_ul:after {
  display: block;
  content: "";
  clear: both;
}
#gnb_layout .depth1_ul > li {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  width: 16.6666666667%;
}
#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 9x;
  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 0px;
    font-size: 17px;
  }
}
#gnb_layout .depth1_ul > li > a span:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background-color: #ddd;
  border-radius: 50%;
  content: "";
  display: none;
}
#gnb_layout .depth1_ul > li > a span:after {
  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:after, #gnb_layout .depth1_ul > li > a:focus span:after {
  opacity: 1;
}
#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:after, #gnb_layout .depth1_ul > li.current > a span:after {
  opacity: 1;
}
#gnb_layout .depth1_ul > li.n1 > a span:before {
  display: none;
}
#gnb_layout .depth1_ul > li .item {
  border-left: 1px solid #ddd;
}
#gnb_layout .depth1_ul > li .item:after {
  content: "";
  width: 1px;
  height: calc(100% - 115px);
  display: block;
  position: absolute;
  top: 35px;
  right: calc(50% - 730px);
  background: #e4e7ea;
}
#gnb_layout .depth1_ul > li .item .gnb-title {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(50% - 540px);
  padding: 50px 0px 80px 270px;
  padding-left: calc(50% - 720px);
  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;
}
#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;
  opacity: 0;
  transform: translateX(0px);
  padding: 15px 0;
}
#gnb_layout .depth1_ul .depth2_ul:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 25%;
  width: 1px;
  height: 100%;
  background: #e4e7ea;
  display: none;
}
#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 {
  padding: 0 15px;
  text-align: left;
  line-height: 18px;
}
#gnb_layout .depth1_ul .depth2_ul > li > a {
  display: inline-block;
  position: relative;
  min-width: 100%;
  padding: 10px 10px 10px 20px;
  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:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  transition: all 0.3s;
  background: #caccd7;
}
#gnb_layout .depth1_ul .depth2_ul > li > a:after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 30px);
  position: absolute;
  top: 50%;
  right: 0px;
  background: #418087;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
}
#gnb_layout .depth1_ul .depth2_ul > li > a:hover:after,
#gnb_layout .depth1_ul .depth2_ul > li > a:focus:after {
  opacity: 1;
}
#gnb_layout .depth1_ul .depth2_ul > li > a:hover,
#gnb_layout .depth1_ul .depth2_ul > li > a:focus {
  color: #418087;
}
#gnb_layout .depth1_ul .depth2_ul > li > a[target=_blank] {
  padding-right: 20px;
}
#gnb_layout .depth1_ul .depth2_ul > li > a[target=_blank]:after {
  opacity: 1;
  display: block;
  position: absolute;
  top: 20px;
  left: auto;
  right: 5px;
  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:hover:before,
#gnb_layout .depth1_ul .depth2_ul > li > a:focus:before {
  background: #418087;
}
#gnb_layout .depth1_ul .depth2_ul > li > a span {
  display: inline-block;
  word-break: keep-all;
  background: #fff;
  z-index: 2;
  position: relative;
  padding-right: 8px;
}
#gnb_layout .depth1_ul .depth3_ul {
  display: none !important;
  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_layout + .gnb_bg {
  display: none;
  position: fixed;
  top: 47px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #000;
  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: 330px;
  min-width: 330px;
  float: right;
  height: 100%;
}

#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {
  transform: translate(0px, 0);
  padding-top: 0;
  padding-bottom: 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%;
}

#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: none;
  content: "";
  position: absolute;
  z-index: 0;
  width: 120px;
  background: #f5f6f8;
  height: 100%;
  top: 120px;
  left: 0px;
  z-index: 0;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {
  display: inline-block;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 71px);
  margin: 0;
  padding: 10px 30px;
  padding-bottom: 100px;
}

#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: 100%;
  padding: 20px 0px 20px 15px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 17px;
  line-height: 1.2;
  box-sizing: border-box;
  z-index: 1;
}

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

#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: 17px;
  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 > 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 .depth1_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 .depth1_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 .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: 100%;
  padding: 5px 0px;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li {
  width: 100%;
}

#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 > a {
  display: block;
  position: relative;
  width: 100%;
  padding: 5px 25px 5px 35px;
}

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

#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 span {
  color: #505050;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > 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;
}

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

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

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

#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: 5px 40px;
  margin: 10px 0;
}

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

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

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > 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;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:before {
  position: absolute;
  left: -4px;
  top: 19px;
  width: 6px;
  height: 1px;
  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: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;
  position: relative;
  background-size: auto 100%;
}
#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: 14px;
  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;
  display: none;
}
#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;
}
@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 */