@charset "utf-8";

/* ===========================
/*
/*	@@ .css
/*
/*	00. *common		:	공통 컨텐츠
/*	01. *header		:	헤더
/*	02. *footer		:	푸터
/*	03. *main		:	메인페이지
/*	04. *contents	:	서브페이지
/*
=========================== */

/* ===========================
/*		00. *common
=========================== */

:root {
  --global-turquoise-50: #def0f2;
  --global-turquoise-600: #007d7c;
  --global-turquoise-100: #addadc;
  --global-turquoise-700: #006e6b;
  --global-turquoise-300: #3bacae;
  --global-turquoise-200: #77c4c6;
  --global-turquoise-800: #005e5b;
  --global-turquoise-500: #008989;
  --global-turquoise-400: #009b9c;
  --global-turquoise-900: #00433e;
  --global-turquoise-opacity-a-08: rgba(119, 196, 198, 0.08);
  --global-turquoise-opacity-a-24: rgba(119, 196, 198, 0.24);
  --global-turquoise-opacity-a-31: rgba(119, 196, 198, 0.31);
  --global-turquoise-opacity-a-44: rgba(119, 196, 198, 0.44);
  --global-turquoise-opacity-a-15: rgba(119, 196, 198, 0.15);
  --global-turquoise-opacity-a-53: rgba(119, 196, 198, 0.53);
  --global-turquoise-opacity-a-66: rgba(119, 196, 198, 0.66);
  --global-turquoise-opacity-a-88: rgba(119, 196, 198, 0.88);
  --global-turquoise-opacity-a-74: rgba(119, 196, 198, 0.74);
  --global-turquoise-opacity-a-100: #77c4c6;
  --global-gray-50: #fafafa;
  --global-black-a-100: #222;
  --global-gray-100: #f5f5f5;
  --global-gray-300: #e1e1e1;
  --global-gray-200: #efefef;
  --global-gray-600: #767676;
  --global-gray-500: #9f9f9f;
  --global-gray-400: #bebebe;
  --global-gray-700: #626262;
  --global-gray-800: #434343;
  --global-gray-900: #222;
  --global-black-a-02: rgba(34, 34, 34, 0.02);
  --global-black-a-05: rgba(34, 34, 34, 0.05);
  --global-black-a-13: rgba(34, 34, 34, 0.13);
  --global-black-a-30: rgba(34, 34, 34, 0.3);
  --global-black-a-43: rgba(34, 34, 34, 0.43);
  --global-black-a-07: rgba(34, 34, 34, 0.07);
  --global-black-a-62: rgba(34, 34, 34, 0.62);
  --global-black-a-85: rgba(34, 34, 34, 0.85);
  --global-black-a-71: rgba(34, 34, 34, 0.71);
  --global-white-a-27: rgba(255, 255, 255, 0.27);
  --global-white-a-13: rgba(255, 255, 255, 0.13);
  --global-white-a-39: rgba(255, 255, 255, 0.39);
  --global-white-a-47: rgba(255, 255, 255, 0.47);
  --global-white-a-63: rgba(255, 255, 255, 0.63);
  --global-white-a-74: rgba(255, 255, 255, 0.74);
  --global-white-a-89: rgba(255, 255, 255, 0.89);
  --global-white-a-94: rgba(255, 255, 255, 0.94);
  --global-white-a-96: rgba(255, 255, 255, 0.96);
  --global-white-a-100: #fff;
  --global-light-orange-50: #fff9e4;
  --global-light-orange-100: #ffefbb;
  --global-light-orange-200: #ffe590;
  --global-light-orange-300: #ffdc63;
  --global-light-orange-400: #ffd243;
  --global-light-orange-500: #ffca32;
  --global-light-orange-600: #ffbd2c;
  --global-light-orange-700: #ffaa27;
  --global-light-orange-800: #ff9a23;
  --global-light-orange-900: #ff7c1b;
}
.WebH1 {
  font-family: NotoSans;
  font-size: 96px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.WebH2 {
  font-family: NotoSans;
  font-size: 64px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: left;
}
.WebH3-Emphasis {
  font-family: NotoSans;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}

.WebH3 {
  font-family: NotoSans;
  font-size: 40px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}

.WebH4 {
  font-family: NotoSans;
  font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}

.WebH5 {
  font-family: NotoSans;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}

.WebH6 {
  font-family: NotoSans;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}

.WebSubtitle1 {
  font-family: NotoSans;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.75px;
  text-align: left;
}

.WebBody1 {
  font-family: NotoSans;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}

.WebBUTTON {
  font-family: NotoSans;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;

  letter-spacing: -0.75px;
  text-align: left;
  vertical-align: sub;
}

.WebSubtitle2 {
  font-family: NotoSans;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}

.WebBody2 {
  font-family: NotoSans;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}

.WebCaption {
  font-family: NotoSans;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
@media all and (max-width: 1023px) {
  .WebH1 {
    font-family: NotoSans;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .WebH2 {
    font-family: NotoSans;
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.5px;
    text-align: left;
  }
  .WebH3-Emphasis {
    font-family: NotoSans;
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .WebH3 {
    font-family: NotoSans;
    font-size: 28px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .WebH4 {
    font-family: NotoSans;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .WebH5 {
    font-family: NotoSans;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .WebH6 {
    font-family: NotoSans;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }

  .WebButton {
    font-family: NotoSans;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.75px;
    text-align: left;
  }
  .WebSubtitle1 {
    font-family: NotoSans;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .WebBody1 {
    font-family: NotoSans;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .WebSubtitle2 {
    font-family: NotoSans;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .WebBody2 {
    font-family: NotoSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .WebCaption {
    font-family: NotoSans;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
}
.w-100 {
  width: 100%;
}
.no-wrap {
  white-space: nowrap; /* 텍스트 줄 바꿈을 방지합니다. */
}

html.fixed {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
}

label.rdo {
  display: inline-block;
  position: relative;
  padding: 0 0 0 30px;
}
label.rdo input {
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  cursor: pointer;
}
label.rdo span {
  display: block;
  font-size: 16px;
  line-height: 50px;
  color: #222222;
}
label.rdo span:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin: -8px 0 0;
  background: url(../../images/common/rdo.png) 0 0 no-repeat;
}
label.rdo input:checked + span:before {
  background-position: 0 -20px;
}

label.circle_rdo {
  display: inline-block;
  position: relative;
}
label.circle_rdo input {
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  cursor: pointer;
}
label.circle_rdo span {
  display: block;
  box-sizing: border-box;
  width: 45px;
  height: 45px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  font-size: 18px;
  line-height: 43px;
  color: #888888;
  text-align: center;
  transition: all 0.3s;
}
label.circle_rdo input:checked + span {
  border-color: #358def;
  font-weight: 700;
  color: #358def;
}

label.rect_rdo {
  display: inline-block;
  position: relative;
}
label.rect_rdo input {
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  cursor: pointer;
}
label.rect_rdo span {
  display: block;
  box-sizing: border-box;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
  color: #888888;
  border: solid #d9d9d9;
  border-width: 1px 1px 1px 0;
  text-align: center;
}
label.rect_rdo:first-child span {
  border-left-width: 1px;
}
label.rect_rdo span:before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -1px;
  z-index: 1;
  box-sizing: border-box;
  height: 100%;
  border: 1px solid #358def;
}
label.rect_rdo:first-child span:before {
  left: 0;
}
label.rect_rdo input:checked + span {
  font-weight: 700;
  color: #358def;
}
label.rect_rdo input:checked + span:before {
  display: block;
}

label.chk {
  display: inline-block;
  position: relative;
  padding: 0 0 0 33px;
}
label.chk input {
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  cursor: pointer;
}
label.chk span {
  display: block;
  font-size: 20px;
  line-height: 23px;
}
label.chk span:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 23px;
  height: 23px;
  margin: -12px 0 0;
  background: url(../../images/common/chk.png) 0 0 no-repeat;
}
label.chk input:checked + span:before {
  background-position: 0 -23px;
}

label.chk_default {
  display: inline-block;
  position: relative;
  padding: 0 0 0 23px;
}
label.chk_default input {
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  cursor: pointer;
}
label.chk_default span {
  display: block;
  font-size: 15px;
  line-height: 23px;
}
label.chk_default span:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin: -7px 0 0;
  background: url(../../images/common/chk_default.png) 0 0 no-repeat;
}
label.chk_default input:checked + span:before {
  background-position: 0 -15px;
}

.btn_wrap {
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.btn_wrap a {
  float: left;
  margin: 0 0 0 10px;
}
.btn_wrap a:first-child {
  margin: 0;
}
.btn_wrap input {
  float: left;
  margin: 0 0 0 10px;
}
.btn_wrap input:first-child {
  margin: 0;
}
.btn_wrap button {
  float: left;
  margin: 0 0 0 10px;
}
.btn_wrap button:first-child {
  margin: 0;
}

.btn40 {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  border: none;
  border-radius: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.btn40.c1 {
  border: 1px solid #000000;
  background: #000000;
  color: #ffffff;
} /* 검은바탕 흰색글씨 */
.btn40.c2 {
  border: 1px solid #333333;
  background: #333333;
  color: #ffffff;
} /* 진한회색 흰색글씨 */
.btn40.c3 {
  border: 1px solid #358def;
  background: #358def;
  color: #ffffff;
} /* 파랑바탕 흰색글씨 */
.btn40.c5 {
  border: 1px solid #222837;
  background: #222837;
  color: #ffffff;
} /* 남색바탕 흰색글씨 */

.btn50 {
  display: inline-block;
  box-sizing: border-box;
  height: 50px;
  border: none;
  border-radius: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.btn50.c1 {
  border: 1px solid #000000;
  background: #000000;
  color: #ffffff;
} /* 검은바탕 흰색글씨 */
.btn50.c2 {
  border: 1px solid #333333;
  background: #333333;
  color: #ffffff;
} /* 진한회색 흰색글씨 */
.btn50.c3 {
  border: 1px solid #358def;
  background: #358def;
  color: #ffffff;
} /* 파랑바탕 흰색글씨 */
.btn50.c4 {
  border: 1px solid #39b4b5;
  background: #39b4b5;
  color: #ffffff;
} /* 연두바탕 흰색글씨 */
.btn50.c5 {
  border: 1px solid #222837;
  background: #222837;
  color: #ffffff;
} /* 남색바탕 흰색글씨 */

.btn55 {
  display: inline-block;
  box-sizing: border-box;
  height: 55px;
  border: none;
  border-radius: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 53px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.btn55.c1 {
  border: 1px solid #000000;
  background: #000000;
  color: #ffffff;
} /* 검은바탕 흰색글씨 */
.btn55.c2 {
  border: 1px solid #333333;
  background: #333333;
  color: #ffffff;
} /* 진한회색 흰색글씨 */
.btn55.c3 {
  border: 1px solid #358def;
  background: #358def;
  color: #ffffff;
} /* 파랑바탕 흰색글씨 */
.btn55.c4 {
  border: 1px solid #39b4b5;
  background: #39b4b5;
  color: #ffffff;
} /* 연두바탕 흰색글씨 */
.btn55.c5 {
  border: 1px solid #222837;
  background: #222837;
  color: #ffffff;
} /* 남색바탕 흰색글씨 */

/* layer popup */
.layer-back {
  position: fixed;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}
.layer-back.bg-none {
  background: none;
}
.layer-wrap {
  position: absolute;
  z-index: 999;
  transform: translateY(30px);
  opacity: 0;
  transition: all 0.5s;
}
.layer-wrap.open {
  transform: translateY(0);
  opacity: 1;
}

.layer_popup {
  position: relative;
  z-index: 1000;
  background: #ffffff;
}
.layer_popup.main {
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
}
.layer_popup.main .layer_body img {
  width: 100%;
  max-width: 100%;
}

.layer_popup .layer_head {
  position: relative;
  padding: 0 0 0 20px;
  background: #333333;
}
.layer_popup .layer_head .layer_title {
  font-weight: 700;
  font-size: 22px;
  line-height: 60px;
  color: #ffffff;
}
.layer_popup .layer_head .layer_close {
  display: block;
  position: absolute;
  top: 19px;
  right: 19px;
  width: 21px;
  height: 21px;
  background: url(../../images/common/layer_close.png) 0 0 no-repeat;
  text-indent: -9999em;
}

.layer_popup .layer_body {
}
.layer_popup .layer_body.fixed {
  overflow-y: auto;
}
.layer_popup .layer_body img {
  width: 100%;
  max-width: 100%;
}
.layer_popup .layer_body .etc_wrap {
  padding: 30px;
}
.layer_popup .layer_body .etc_wrap > .txt {
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}
.layer_popup .layer_body .etc_wrap > ol {
  margin: 20px 0 0;
}
.layer_popup .layer_body .etc_wrap > ol > li {
  margin: 20px 0 0;
  font-size: 16px;
}
.layer_popup .layer_body .etc_wrap > ol > li:first-child {
  margin: 0;
}
.layer_popup .layer_body .etc_wrap > ol > li > .tit {
  font-size: 16px;
  color: #222222;
}
.layer_popup .layer_body .etc_wrap > ol > li > .txt {
  margin: 5px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}
.layer_popup .layer_body .etc_wrap > ol > li > ol {
  margin: 10px 0 0;
}
.layer_popup .layer_body .etc_wrap > ol > li > ol > li {
  margin: 8px 0 0;
}
.layer_popup .layer_body .etc_wrap > ol > li > ol > li:first-child {
  margin: 0;
}
.layer_popup .layer_body .etc_wrap > ol > li > ol > li > .tit {
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}
.layer_popup .layer_body .etc_wrap > ol > li > ol > li > .txt {
  margin: 3px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}

.layer_popup .layer_foot {
  overflow: hidden;
}
.layer_popup .layer_foot label.chk_default {
  float: left;
  margin: 0 0 0 15px;
}
.layer_popup .layer_foot label.chk_default span {
  line-height: 45px;
  color: #222222;
}
.layer_popup .layer_foot button {
  float: right;
  width: 45px;
  height: 45px;
  background: url(../../images/common/layer_close_b.png) center center no-repeat;
  text-indent: -9999em;
}

/* load motion */
.n-motion {
  opacity: 0;
  transition-property: all;
  transition-duration: 0.6s;
}

.n-delay1 {
  transition-delay: 0.1s;
}
.n-delay2 {
  transition-delay: 0.2s;
}
.n-delay3 {
  transition-delay: 0.3s;
}
.n-delay4 {
  transition-delay: 0.4s;
}
.n-delay5 {
  transition-delay: 0.5s;
}
.n-delay6 {
  transition-delay: 0.6s;
}
.n-delay7 {
  transition-delay: 0.7s;
}
.n-delay8 {
  transition-delay: 0.8s;
}
.n-delay9 {
  transition-delay: 0.9s;
}

.n-motion.n-left {
  transform: translateX(-50px);
}
.n-motion.n-right {
  transform: translateX(50px);
}
.n-motion.n-top {
  transform: translateY(-50px);
}
.n-motion.n-bottom {
  transform: translateY(50px);
}
.n-motion.n-spin {
  transform: rotate(180deg);
}

.n-motion.n-active {
  opacity: 1;
}

.n-motion.n-left.n-active {
  transform: translateX(0);
}
.n-motion.n-right.n-active {
  transform: translateX(0);
}
.n-motion.n-top.n-active {
  transform: translateY(0);
}
.n-motion.n-bottom.n-active {
  transform: translateY(0);
}
.n-motion.n-spin.n-active {
  transform: rotate(0deg);
}

/* lazy load */
.lazy-hidden {
  opacity: 0;
}
.lazy-loaded {
  transition: all 0.3s;
  opacity: 1;
}

body {
  overflow-x: auto !important;
}

#wrap {
  overflow: hidden;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
}

@keyframes empha {
  50% {
    box-shadow: 11px 16px 20px 0px rgba(114, 116, 123, 0.4);
  }
}

@keyframes bounce {
  50% {
    bottom: 50px;
  }
}

@keyframes bounce2 {
  50% {
    top: -8px;
  }
}

@keyframes bounce3 {
  50% {
    top: 8px;
  }
}

@keyframes arrow-l {
  0% {
    right: 0;
    opacity: 0;
  }
  60% {
    right: -65px;
  }
  100% {
    opacity: 1;
  }
}

@keyframes arrow-r {
  0% {
    left: -150px;
    opacity: 0;
  }
  60% {
    left: -85px;
  }
  100% {
    opacity: 1;
  }
}

/* DATE FICKER */
.dp-outer {
  position: relative;
}
.dp-outer .dp-viewer {
  overflow: hidden;
  position: absolute;
  top: -9999em;
  left: -9999em;
  width: 280px;
  background: #ffffff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
  transition: height 0.3s;
}

.dp-outer.open .dp-viewer {
  top: auto;
  left: auto;
  z-index: 10;
}
.dp-outer.visible .dp-viewer {
  position: relative;
  top: auto;
  left: auto;
}

.dp-outer .dp-animate {
  position: relative;
}
.dp-outer .dp-inner {
  position: absolute;
  width: 100%;
}
.dp-outer .dp-trigger {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 30px;
  height: 30px;
  margin: -15px 0 0;
  background: url(../../images/common/datepicker.png) center center no-repeat;
  text-indent: -9999em;
}

.dp-outer .dp-head {
  overflow: hidden;
  position: relative;
  padding: 12px;
}
.dp-outer .dp-head .dp-title {
  text-align: center;
  line-height: 24px;
}
.dp-outer .dp-head .dp-title-year {
  display: inline-block;
}
.dp-outer .dp-head .dp-title-month {
  display: inline-block;
  margin: 0 0 0 5px;
}
.dp-outer .dp-head select {
  height: 24px;
  padding: 0 5px;
  border-radius: 3px;
  background-position: right 5px center;
}
.dp-outer .dp-head .dp-select-year {
  width: 80px;
  margin: 0 5px 0 0;
}
.dp-outer .dp-head .dp-select-month {
  width: 50px;
  margin: 0 5px;
}
.dp-outer .dp-head button {
  position: absolute;
  top: 12px;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  text-indent: -9999em;
}
.dp-outer .dp-head button:hover {
  border: 1px solid #dddddd;
}
.dp-outer .dp-head .dp-prev-month {
  left: 36px;
  background: url(../../images/common/prev_month.png) center center no-repeat;
}
.dp-outer .dp-head .dp-next-month {
  right: 36px;
  background: url(../../images/common/next_month.png) center center no-repeat;
}
.dp-outer .dp-head .dp-prev-year {
  left: 12px;
  background: url(../../images/common/prev_year.png) center center no-repeat;
}
.dp-outer .dp-head .dp-next-year {
  right: 12px;
  background: url(../../images/common/next_year.png) center center no-repeat;
}
.dp-outer .dp-head .dp-today {
  position: relative;
  top: auto;
  width: auto;
  height: auto;
  font-size: 12px;
  text-indent: 0;
}

.dp-outer .dp-inner .dp-body {
}
.dp-outer .dp-inner .dp-body table {
  width: 100%;
  border: none;
}
.dp-outer .dp-inner .dp-body table thead tr th {
  height: 30px;
  border: none;
  background: none;
  font-size: 13px;
}
.dp-outer .dp-inner .dp-body table tbody tr td {
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #f7f7f7;
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.dp-outer .dp-inner .dp-body table tbody tr td.today {
  background: #000000;
  color: #ffffff;
}
.dp-outer .dp-inner .dp-body table tbody tr td.sunday {
  color: #ff0000;
}
.dp-outer .dp-inner .dp-body table tbody tr td.satday {
  color: #0000ff;
}

.dp-outer .dp-inner .dp-body table tbody tr td.holiday {
  color: #ff0000;
}
.dp-outer .dp-inner .dp-body table tbody tr td.selected {
  border-color: #323e87;
  background: #323e87;
  color: #ffffff;
}

.dp-outer .dp-inner .dp-body table tbody tr td:hover {
  border-color: #000000;
}
.dp-outer .dp-inner .dp-body table tbody tr td.disabled {
  border-color: #f7f7f7 !important;
  background: #cccccc;
  color: #eeeeee !important;
  cursor: default;
}

.dp-type-input {
  background: url(../../images/common/datepicker.png) center center no-repeat;
}

.incharge {
  margin: 90px 0 0;
}
.incharge .tit {
  margin: 0 0 30px;
  font-weight: 700;
  font-size: 42px;
  line-height: 60px;
  color: #423c3c;
}
.incharge table {
  border-top: 2px solid #dddddd;
}
.incharge table tbody tr th {
  border-bottom: 2px solid #dddddd;
  font-weight: 700;
  font-size: 28px;
  color: #423c3c;
  text-align: left;
}
.incharge table tbody tr td {
  padding: 32px 0 30px;
  border-bottom: 2px solid #dddddd;
  font-size: 28px;
  line-height: 42px;
  color: #423c3c;
  text-align: left;
}

/* WRITE TABLE */
.tbl_write {
}
.tbl_write .titarea {
  overflow: hidden;
  position: relative;
  margin: 0 0 16px;
  padding: 0 160px 0 0;
}
.tbl_write .titarea .tit {
  font-weight: 700;
  font-size: 32px;
  line-height: 58px;
  color: #222222;
  word-break: keep-all;
}
.tbl_write .titarea .notice {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 16px;
  line-height: 40px;
  color: #358def;
}
.tbl_write table {
  border-top: 1px solid #222222;
}
.tbl_write table tbody > tr > th {
  padding: 0 0 0 40px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  color: #222222;
}
.tbl_write table tbody > tr > th .ess {
  display: inline-block;
  color: #358def;
}
.tbl_write table tbody > tr > td {
  border-bottom: 1px solid #d9d9d9;
  padding: 15px 0;
}
.tbl_write table tbody > tr > td .boxed {
}
.tbl_write table tbody > tr > td .boxed:after {
  display: block;
  content: "";
  clear: both;
}
.tbl_write table tbody > tr > td .boxed > * {
  float: left;
  margin: 0 0 0 10px;
}
.tbl_write table tbody > tr > td .boxed > *:first-child {
  margin: 0;
}
.tbl_write table tbody > tr > td .boxed .dash {
  display: inline-block;
  font-size: 20px;
  line-height: 50px;
}
.tbl_write table tbody > tr > td .boxed .at {
  display: inline-block;
  font-size: 16px;
  line-height: 50px;
}

.tbl_write .write_box ul li .tit {
  margin: 0 0 12px;
  font-size: 16px;
  color: #222222;
  width: 20%;
}
.tbl_write .write_box ul li {
  padding: 15px 0;
  border-bottom: 1px solid;
}
.tbl_write .write_box ul li .tit .ess {
  display: inline-block;
  color: #358def;
}
.tbl_write .write_box ul li .boxed {
  width: 80%;
}
.tbl_write .write_box ul li .col-box {
  flex-direction: column;
}
.tbl_write .write_box ul li .memail_wrapper {
  display: flex;
  flex-direction: column;
}

.tbl_write .write_box ul li .memail_wrapper .boxed {
  height: 60px;
}

.other_discover_channel {
  width: 100%;
}
.other_subject_category {
  width: 100%;
}

/* VIEWPAGE */
.view_wrap {
}
.view_wrap .titarea {
  padding: 0 0 48px;
  border-bottom: 1px solid #222222;
  text-align: center;
}
.view_wrap .titarea .tit {
  font-size: 32px;
  line-height: 40px;
  color: #222222;
}
.view_wrap .titarea .date {
  margin: 24px 0 0;
  font-size: 16px;
  color: #888888;
}
.view_wrap .view_cont {
  padding: 50px 0 95px;
}
.view_wrap .view_cont p {
  font-size: 20px;
  line-height: 30px;
}
.view_wrap .view_cont img {
  display: inline-block;
  max-width: 100%;
}
.view_wrap .view_navi {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: solid #d9d9d9;
  border-width: 1px 0;
}
.view_wrap .view_navi > div {
  display: table-cell;
  position: relative;
}
.view_wrap .view_navi > div.view_prev {
  text-align: left;
  padding: 0 25px 0 0;
}
.view_wrap .view_navi > div.view_next {
  text-align: right;
  padding: 0 0 0 25px;
}
.view_wrap .view_navi > div > a {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}
.view_wrap .view_navi > div > a > dl {
  position: relative;
}
.view_wrap .view_navi > div > a > dl > dt {
  position: absolute;
  top: 0;
  font-size: 16px;
  line-height: 76px;
  color: #555555;
}
.view_wrap .view_navi > div > a > dl > dd {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 76px;
  color: #222222;
}
.view_wrap .view_navi > div > a > dl > dd:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 26px;
  width: 100%;
  height: 1px;
  background: #888888;
  transform: scaleX(0);
  transition: all 0.3s;
}
.view_wrap .view_navi > div > a:hover > dl > dd:after {
  transform: scaleX(1);
}
.view_wrap .view_navi > div.view_prev > a > dl {
  padding: 0 0 0 100px;
}
.view_wrap .view_navi > div.view_prev > a > dl > dt {
  left: 0;
  padding: 0 0 0 29px;
  background: url(../../images/contents/view_prev.png) left center no-repeat;
}
.view_wrap .view_navi > div.view_next > a > dl {
  padding: 0 100px 0 0;
}
.view_wrap .view_navi > div.view_next > a > dl > dt {
  right: 0;
  padding: 0 29px 0 0;
  background: url(../../images/contents/view_next.png) right center no-repeat;
}

/* PAGENATION */
.pagination {
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: center;
}
.pagination .paging {
  display: inline-block;
}
.pagination .paging > a {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  margin: 0 0 0 10px;
  border: 1px solid #d9d9d9;
  background-color: none;
  transition: all 0.3s;
}
.pagination .paging > a:first-child {
  margin: 0;
}
.pagination .paging .page_first {
  background: url(../../images/common/page_first.png) 7px center no-repeat;
}
.pagination .paging .page_prev {
  background: url(../../images/common/page_prev.png) 10px center no-repeat;
}
.pagination .paging .page_next {
  margin-left: 0;
  background: url(../../images/common/page_next.png) right 9px center no-repeat;
}
.pagination .paging .page_last {
  background: url(../../images/common/page_last.png) right 6px center no-repeat;
}

.pagination .paging .page {
  float: left;
  padding: 0 20px;
}
.pagination .paging .page a {
  display: block;
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin: 0 0 0 10px;
  font-size: 16px;
  line-height: 30px;
  color: #777777;
  transition: all 0.3s;
}
.pagination .paging .page a:first-child {
  margin: 0;
}
.pagination .paging .page a:hover,
.pagination .paging .page a.on {
  background: #777777;
  color: #ffffff;
}

/* FAQ */
#faq_list {
  display: flex;
}
.faq_inner {
  width: 1180px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.faq_list {
  border: solid #444444;
  border-width: 1px 0;
}
.faq_list ol {
}
.faq_list ol li {
  padding: 0 30px;
  border-bottom: 1px solid #d9d9d9;
  width: 1180;
}
.faq_list ol li .qbox {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 0 25px 0 60px;
}
.faq_list ol li:last-child .qbox {
  border-bottom: none;
}
.faq_list ol li .qbox:before {
  display: block;
  content: "Q";
  position: absolute;
  top: 24px;
  left: 10px;
  font-weight: 700;
  font-size: 32px;
  color: #222222;
  text-align: center;
}
.faq_list ol li .qbox:after {
  display: block;
  content: "";
  position: absolute;
  top: 39px;
  right: 0;
  width: 24px;
  height: 13px;
  background: url(../../images/common/qa_open.png) 0 0 no-repeat;
  transition: all 0.3s;
}
.faq_list ol li .qbox .cate {
  position: absolute;
  top: 0;
  left: 67px;
  width: 170px;
  font-weight: 700;
  font-size: 14px;
  line-height: 56px;
  color: #444444;
  text-align: left;
}
.faq_list ol li .qbox .tit {
  padding: 30px 0;
  font-size: 20px;
  line-height: 32px;
  color: #222222;
}

.faq_list ol li .abox {
  overflow: hidden;
  position: relative;
  height: 0;
  padding: 0 83px;
  background: #f8f9fb;
  transition: padding 0.3s;
}
.faq_list ol li .abox:before {
  display: block;
  content: "A";
  position: absolute;
  top: 0;
  left: 32px;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
  color: #358def;
  text-align: center;
  transition: all 0.3s;
}
.faq_list ol li .abox > p {
  margin: 9px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #555555;
}
.faq_list ol li .abox > p:first-child {
  margin: 0;
}

.faq_list ol li.on {
  padding: 0 30px 30px;
}
.faq_list ol li.on .abox {
  height: auto;
  padding: 25px 83px;
}
.faq_list ol li.on .abox:before {
  top: 25px;
  left: 32px;
}
.faq_list ol li.on .qbox:after {
  transform: rotate(-180deg);
}

.faq_list .null {
  display: block;
  width: 100%;
  padding: 180px 0;
  font-size: 22px;
  text-align: center;
  color: #222222;
}

/* Check */
.check_list {
}
.check_list > ol {
  border-top: 1px solid #222222;
  border-bottom: 1px solid #d9d9d9;
  background: #ffffff;
}
.check_list > ol > li {
  padding: 0 30px;
  border-bottom: 1px solid #d9d9d9;
  transition: padding 0.3s;
}
.check_list > ol > li:last-child {
  border-bottom: none;
}
.check_list > ol > li > .qbox {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 0 25px 0 45px;
}
.check_list > ol > li > .qbox:after {
  display: block;
  content: "";
  position: absolute;
  top: 39px;
  right: 0;
  width: 24px;
  height: 13px;
  background: url(../../images/common/qa_open.png) 0 0 no-repeat;
  transition: all 0.3s;
}
.check_list > ol > li > .qbox > .num {
  position: absolute;
  top: 24px;
  left: 0;
  font-weight: 700;
  font-size: 32px;
  color: #222222;
}
.check_list > ol > li > .qbox > .cate {
  position: absolute;
  top: 0;
  left: 67px;
  width: 170px;
  font-weight: 700;
  font-size: 14px;
  line-height: 56px;
  color: #444444;
  text-align: left;
}
.check_list > ol > li > .qbox > .tit {
  padding: 24px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  color: #222222;
}

.check_list > ol > li > .list_box {
  overflow: hidden;
  position: relative;
  height: 0;
}
.check_list > ol > li > .list_box > ol {
}
.check_list > ol > li > .list_box > ol > li {
  padding: 0 30px;
  border-top: 1px solid #d9d9d9;
  transition: padding 0.3s;
}
.check_list > ol > li > .list_box > ol > li > .txt {
  font-size: 20px;
  line-height: 30px;
  color: #222222;
}
.check_list > ol > li > .list_box > .sub_cate {
  padding: 9px 30px 10px;
  background: #e6f2ff;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #358def;
}
.check_list > ol > li > .list_box > .sub_cate ~ ol > li:first-child {
  border-top: none;
}

.check_list > ol > li.on {
  padding: 0 30px 60px;
}
.check_list > ol > li.on > .qbox:after {
  transform: rotate(-180deg);
}
.check_list > ol > li.on > .list_box {
  height: auto;
}
.check_list > ol > li.on > .list_box > ol > li {
  padding: 34px 30px 40px;
}
.check_list > ol > li.on > .list_box > ol > li:last-child {
  padding-bottom: 0;
}
.check_list > ol > li.on > .list_box > .sub_cate ~ ol > li:last-child {
  padding-bottom: 40px;
}
.check_list > ol > li.on > .list_box > ol > li .rdo_box {
  margin: 34px 0 0;
  text-align: right;
}
.check_list > ol > li.on > .list_box > ol > li .rdo_box > .boxed {
  display: inline-block;
  position: relative;
  margin: 0 0 0 60px;
}
.check_list > ol > li.on > .list_box > ol > li .rdo_box > .boxed:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -29px;
  width: 1px;
  height: 45px;
  margin: -23px 0 0;
  background: #d9d9d9;
}
.check_list > ol > li.on > .list_box > ol > li .rdo_box > .boxed:first-child {
  margin: 0;
}
.check_list
  > ol
  > li.on
  > .list_box
  > ol
  > li
  .rdo_box
  > .boxed:first-child:before {
  display: none;
}
.check_list > ol > li.on > .list_box > ol > li .rdo_box > .boxed > * {
  float: left;
}
.check_list > ol > li.on > .list_box > ol > li .rdo_box > .boxed.cboxed span {
  padding: 0 10px;
  border: 1px solid #d9d9d9 !important;
}
.check_list
  > ol
  > li.on
  > .list_box
  > ol
  > li
  .rdo_box
  > .boxed.cboxed
  .rect_rdo {
  margin: 0 0 0 10px;
}
.check_list
  > ol
  > li.on
  > .list_box
  > ol
  > li
  .rdo_box
  > .boxed.cboxed
  .rect_rdo:first-child {
  margin: 0;
}

.check_list > ol > li.on > .list_box > ol > li .rdo_box > .boxed > .rdo_tit {
  margin: 0 30px 0 0;
  font-size: 16px;
  line-height: 45px;
  color: #555555;
}
.check_list
  > ol
  > li.on
  > .list_box
  > ol
  > li
  .rdo_box
  > .boxed
  > label.circle_rdo {
  margin: 0 0 0 10px;
}
.check_list
  > ol
  > li.on
  > .list_box
  > ol
  > li
  .rdo_box
  > .boxed
  > label.circle_rdo:first-of-type {
  margin: 0;
}

/* chart_list */
.chart_list {
}
.chart_list > ol {
  border-top: 1px solid #222222;
  border-bottom: 1px solid #d9d9d9;
  background: #ffffff;
}
.chart_list > ol > li {
  padding: 0 30px;
  border-bottom: 1px solid #d9d9d9;
  transition: padding 0.3s;
}
.chart_list > ol > li:last-child {
  border-bottom: none;
}
.chart_list > ol > li > .tbox {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 0 25px 0 45px;
}
.chart_list > ol > li > .tbox:after {
  display: block;
  content: "";
  position: absolute;
  top: 39px;
  right: 0;
  width: 24px;
  height: 13px;
  background: url(../../images/common/qa_open.png) 0 0 no-repeat;
  transition: all 0.3s;
}
.chart_list > ol > li > .tbox > .num {
  position: absolute;
  top: 24px;
  left: 0;
  font-weight: 700;
  font-size: 32px;
  color: #222222;
}
.chart_list > ol > li > .tbox > .tit {
  padding: 24px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  color: #222222;
}

.chart_list > ol > li > .list_box {
  overflow: hidden;
  position: relative;
  height: 0;
}
.chart_list > ol > li > .list_box .tbl_result {
}
.chart_list > ol > li > .list_box .tbl_result table {
  margin: 30px 0 0;
  border-top: 1px solid #d9d9d9;
}

.chart_list > ol > li.on {
  padding: 0 30px 60px;
}
.chart_list > ol > li.on > .tbox:after {
  transform: rotate(-180deg);
}
.chart_list > ol > li.on > .list_box {
  height: auto;
}

/* ===========================
/*		01. *header
=========================== */
#header {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 75px;
  transition: height 0.4s;
  background-color: #ffffff;
}
/* #header.open {height: 300px;} */
#header .h_inner {
  height: 75px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  max-width: 1248px;
  display: flex;
  justify-content: space-between;
  transition: top 0.5s;
}
#header .hidden_element {
  display: none;
  transition: top 0.5s;
}
/* #header .h_inner .logo {position: absolute; top: 10px; left: 0;}
#header .h_inner .logo a {display: block;} */
#header .h_inner .main_logo {
  width: 251px;
  height: 36px;
}
#header .h_inner .gnb {
  overflow: hidden;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
#header .h_inner .gnb li:not(:nth-child(1)) {
  margin-left: 90px;
}
#header .h_inner .gnb > li {
  float: left;
}
#header .h_inner .gnb > .menu_tab {
  position: relative;
}
#header .h_inner .gnb > li > a {
  display: block;
  margin: 0 1px;
  position: relative;
  font-size: 16px;
  padding: 6px 12px;
  border-radius: 8px;
}
#header .h_inner .gnb > li > a:hover {
  background-color: var(--global-turquoise-50);
}
#header .h_inner .gnb > li > a:active {
  background-color: var(--global-turquoise-100);
}
#header .h_inner .gnb > li > a > span {
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-size: 16px;
  color: var(--global-turquoise-600);
  transition: all 0.3s;
}
#header .h_inner .gnb > li .contact {
  border-radius: 28px;
  width: 178px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--global-turquoise-600);
  padding: 0;
}
#header .h_inner .gnb .contact:hover {
  background-color: var(--global-turquoise-800);
}
#header .h_inner .gnb > li > a .contact:active {
  background-color: var(--global-turquoise-900);
}
#header .h_inner .gnb > li .contact > span {
  color: var(--global-white-a-100);
}

#header .h_inner .header_nav {
  display: none;
}
#header .navbox {
  display: none;
}
#header .menu_service {
  position: absolute;
  left: 0;
  z-index: 9000;
}
#header .menu_service .menu_box {
  border-radius: 8px;
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, 0.04),
    0 4px 12px 0 rgba(0, 0, 0, 0.08);
  border: solid 2px var(--global-turquoise-600);
  background-color: var(--global-white-a-100);
}
/* ===========================
/*		02. *footer
=========================== */
#footer {
  width: 100%;
  margin: 0 auto;
}
#footer .f_inner {
  background-color: rgba(240, 240, 240, 0.38);
}
#footer .f_inner .f_top {
  margin: 0 -690px;
  width: 100%;
}
#footer .f_inner .f_top ul {
  overflow: hidden;
}
#footer .f_inner .f_top ul li {
  float: left;
  position: relative;
  margin: 0 0 0 30px;
}
#footer .f_inner .f_top ul li:before {
  display: block;
  content: "/";
  position: absolute;
  top: 0;
  left: -18px;
  font-size: 16px;
  line-height: 30px;
  color: #ced5e8;
}
#footer .f_inner .f_top ul li:first-child {
  margin: 0;
}
#footer .f_inner .f_top ul li:first-child:before {
  display: none;
}
#footer .f_inner .f_top ul li a {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #ced5e8;
}
#footer .f_inner .f_top .top_wrapper {
  display: flex;
  justify-content: space-between;
  align-content: center;
  justify-items: center;
}
#footer .f_inner .contents_wrapper {
  display: flex;
  width: 1280px;
}
#footer .f_inner .f_top .top_wrapper .left .title {
  font-size: 20px;
  font-weight: bold;
  color: #127f79;
}
#footer .f_inner .f_top .top_wrapper .left .line {
  width: 100px;
  height: 2px;
  background-color: #127f79;
  margin: 10px 0 24px 0;
}
#footer .f_inner .f_top .top_wrapper .left .desc_wrapper p {
  font-size: 24px;
  color: #222222;
  line-height: 150%;
}
#footer .f_inner .f_top .top_wrapper .right {
  display: flex;
  align-items: center;
}
#footer .f_inner .f_top .top_wrapper .right button {
  width: 460px;
  height: 80px;
  background-color: #127f79;
}
#footer .f_inner .f_top .top_wrapper .right div {
  color: #ffffff;
  font-weight: 500;
  font-size: 28px;
}

#footer .f_inner .f_bot {
  width: 100%;
  padding: 24px 0 27px;
  border-top: 1px solid #d8d8d8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#footer .f_inner .f_bot .addr {
  font-size: 16px;
  line-height: 26px;
  color: #788093;
}
#footer .f_inner .f_bot .copy {
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 26px;
  color: #788093;
}

#footer .f_inner .f_bot .bot_top {
  display: flex;
  justify-content: center;
  margin: 40px 0 10px;
}
#footer .f_inner .f_bot .bot_top .left .row {
  display: flex;
  margin-bottom: 12px;
  align-items: center;
}
#footer .f_inner .f_bot .bot_top .left .row div {
  margin-left: 8px;
}
#footer .f_inner .f_bot .bot_top .left .row div:not(:last-child) {
  padding-right: 8px;
  border-right: 1px solid #bbbbbb;
}
#footer .f_inner .f_bot .bot_top .left .row .strong {
  font-size: 12px;
  font-weight: bold;
}
#footer .f_inner .f_bot .bot_top .left .row .kind {
  font-size: 11px;
  color: #868686;
}
#footer .f_inner .f_bot .bot_top .left .row .kind span {
  color: #666666;
}

#footer .f_inner .f_bot .bot_top .cafe,
.pro {
  display: flex;
  margin-bottom: 22px;
  justify-content: space-between;
  align-items: center;
}
#footer .f_inner .f_bot .bot_top .right {
  margin-left: 100px;
}
#footer .f_inner .f_bot .bot_top .right .kind {
  width: 100px;
  margin-right: 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#footer .f_inner .f_bot .bot_top .right p:nth-child(1) {
  font-size: 15px;
  color: #484848;
  margin-bottom: 4px;
}
#footer .f_inner .f_bot .bot_top .right p:nth-child(2) {
  font-size: 12px;
  color: #868686;
  width: 150px;
}
#footer .f_inner .f_bot .bot_top .right .logo {
  margin-right: 12px;
}
#footer .f_inner .f_bot .bot_top .right .app {
  width: 90px;
  height: 28px;
  margin-left: 8px;
  object-fit: contain;
}
#footer .f_inner .f_bot .sns {
  width: 100%;
  display: flex;
}
#footer .f_inner .f_bot .sns .sns_wrapper {
}
#footer .f_inner .f_bot .sns .small_icon {
  margin-top: 10px;
  margin-right: 10px;
  width: 24px;
  height: 22px;
}
#footer .f_inner .f_bot .sns .logo {
  object-fit: contain;
  margin-top: 10px;
  margin-right: 50px;
  height: 22px;
}
#footer .f_inner .f_bot .bot_top .right .logo {
  width: 44px;
  height: 44px;
}
#footer .f_inner .logo_wrapper {
  display: flex;
}
#footer .f_inner .apply .apply_img {
  width: 100%;
  max-width: 410px;
}

#footer .flex-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  background: #127f79;
  margin-top: 10px;
  padding: 0 16px;
}
#footer .apply-wrapper {
  display: flex;
  flex-direction: column;
  padding-right: 16px;
  align-items: flex-start;

  padding: 6px 16px;
}
#footer .apply-title {
  color: #fff;

  /* Mobile/Caption-Emphasis */
  font-family: "Noto Sans KR";
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 16.5px */
  letter-spacing: -0.4px;
}
#footer .apply-description {
  color: #fff;

  /* Web-Mobile/Subtitle2 */
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
}
#footer .apply-icon {
  width: 44px;
  height: 44px;
}
/* ===========================
/*		03. *main
=========================== */
#main {
}
#main .section .fade_in {
  opacity: 0;
  margin-left: -300px;
  max-width: 100%;
}
#main .section {
  margin: 0;
}
#main .section .inner {
  position: relative;
  max-width: 1248px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0 32px;
}
#main .section .inner .top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#main .inner .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 33px;
}
#main .inner .slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--global-turquoise-50);
  margin: 0 6px;
  transition: all ease 0.5s 0s;
}
#main .inner .slick-dots .slick-active {
  width: 39px;
  height: 12px;
  border-radius: 64px;
  background-color: var(--global-turquoise-200);
  margin: 0 6px;
  transition: all ease 0.5s 0s;
}
#main .btn_inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
#main .section .inner .title {
  width: 304px;
  color: var(--global-gray-900);
}
#main .section .inner .sub_title {
  color: var(--global-black-a-62);
  margin-top: 16px;
}
#main .section .inner .sub_sub_title {
  color: var(--global-black-a-43);
  margin-top: 16px;
}

#main .white89 {
  color: var(--global-white-a-89) !important;
}
#main .white100 {
  color: var(--global-white-a-100) !important;
}
#main .turquoise400 {
  color: var(--global-turquoise-400) !important;
}
#main .turquoise800 {
  color: var(--global-turquoise-800) !important;
}
#main .black62 {
  color: var(--global-black-a-62) !important;
}

@keyframes fade_in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

/* visual */
#main .section.visual {
  opacity: 0;
  position: relative;
  z-index: 0;
  height: 100vh;
  animation-name: fade_in;
  animation: 0.5s ease-in-out 0s 1 normal forwards running fade_in;
  animation-delay: 1s;
}
#main .section.visual .main_slick img {
  height: 100vh;
  object-fit: cover;
}
#main .section.visual .main_info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
#main .section.visual .main_info .l_box .qa_list {
  margin-left: 132px;
}
#main .section.visual .main_info .l_box .qa_list li:nth-child(1) {
  color: var(--global-white-a-100);
}
#main .section.visual .main_info .l_box .qa_list li:nth-child(2) {
  color: var(--global-white-a-100);
  width: 560px;
}
#main .section.visual .main_info .l_box .qa_list li:nth-child(3) {
  color: var(--global-white-a-63);
  margin-top: 8px;
  width: 590px;
}
#main .section.visual .main_info .l_box .qa_list button {
  width: 265px;
  height: 70px;
  margin: 64px 0;
  background-color: var(--global-turquoise-opacity-a-44);
  border-radius: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--global-white-a-100);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
#main .section.visual .main_info .l_box .qa_list button:hover {
  background-color: var(--global-turquoise-opacity-a-53);
}
#main .section.visual .main_info .l_box .qa_list button:active {
  background-color: var(--global-turquoise-opacity-a-66);
}
#main .section.visual .main_info .l_box .qa_list button img {
  height: 24px;
}
#main .section.visual .background_img {
  position: absolute;
  top: 160px;
  right: 0;
  width: 840px;
  height: 600px;
  z-index: 0;
}
#main .section.visual .main_info .l_box .qa_list span {
  margin-top: 2px;
}
/* partner */
#main .section.partner {
  margin-top: 96px;
}
#main .section.partner .inner {
  display: flex;
}
#main .section.partner .inner .top_title_wrapper {
  width: 360px;
}
#main .section.partner .inner .title {
  color: var(--global-gray-900);
  width: 448px;
}
#main .section.partner .inner .sub_title {
  color: var(--global-black-a-62);
  margin-top: 16px;
}
#main .section.partner .partner_wrapper {
  width: 50%;
  margin-left: 145px;
}

/* intro */
#main .section.intro {
  margin-top: 160px;
  position: relative;
}
#main .section.intro .background_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
}
#main .section.intro .background_right img {
  height: 100%;
  object-fit: contain;
  filter: blur(56px);
  overflow: visible;
}
#main .section.intro .inner {
  display: flex;
}
#main .section.intro .inner .top_title_wrapper {
  width: 360px;
}

#main .section.intro .inner .contents_wrapper {
}
#main .section.intro .inner .contents_wrapper .row {
  display: flex;
}
#main .section.intro .contents_wrapper .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  color: var(--global-white-a-100);
}
#main .section.intro .contents_wrapper .circle span {
  vertical-align: bottom;
}
#main .section.intro .contents_wrapper .circle.light {
  background-color: var(--global-turquoise-300);
}
#main .section.intro .contents_wrapper .circle.dark {
  background-color: var(--global-turquoise-600);
}
#main .section.intro .contents_wrapper .box {
  margin-left: 84px;
  gap: 10px;
  padding: 20px 60px;
  border-radius: 36px;
  box-shadow: 0 6px 10px 6px rgba(0, 0, 0, 0.04),
    0 2px 10px 0 rgba(0, 0, 0, 0.06);
  border: solid 2px var(--global-turquoise-300);
  background-color: var(--global-white-a-100);
  width: 362px;
  display: flex;
  flex-direction: column;
}
#main .section.intro .contents_wrapper .box li {
  list-style: disc;
}
#main .section.intro .contents_wrapper .row {
  margin-bottom: 32px;
}
#main .section.intro .contents_wrapper .row .img_wrapper {
  width: 482px;
  margin-left: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#main .section.intro .contents_wrapper .row img {
  width: 251px;
  height: 36px;
}
#main .section.intro .contents_wrapper .row:last-child {
  margin-bottom: 0px;
}

/* online */
#main .section.online {
  margin-top: 100px;
}
#main .section.online .inner {
  flex-direction: column;
}
#main .section.online .online_wrapper {
  width: 365px;
}

#main .section.online .online_contents {
  display: flex;
  margin-top: 32px;
}
#main .section.online .online_contents .online_content:nth-child(2) {
  margin-left: 172px;
}
#main .section.online .online_contents .online_content {
  display: flex;
  align-items: center;
}
#main .section.online .online_contents .online_img {
  width: 200px;
  margin-right: 48px;
}
#main .section.online .online_contents .text_wrapper {
  display: flex;
  flex-direction: column;
}
#main .section.online .online_contents .text_wrapper .title {
  width: auto;
  color: var(--global-turquoise-800);
}
#main .section.online .online_contents .text_wrapper .sub_title {
  width: 100%;
  color: var(--global-black-a-71);
}

/* advantages */
#main .section.advantages {
  background-color: var(--global-turquoise-opacity-a-24);
  margin-top: 97px;
  padding-top: 72px;
  padding-bottom: 60px;
}
#main .section.advantages .top_title_wrapper {
  width: 360px;
}
#main .section.advantages .advantages_wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 780px;
}
#main .section.advantages .advantage_box {
  width: 202px;
  margin-left: 8px;
  padding: 24px;
  margin-bottom: 8px;
  border-radius: 16px;
  box-shadow: 0 6px 10px 6px rgba(0, 0, 0, 0.04),
    0 2px 10px 0 rgba(0, 0, 0, 0.06);
  background-color: var(--global-white-a-100);
}
#main .section.advantages .advantage_box img {
  width: 48px;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  backface-visibility: hidden;
}
#main .section.advantages .advantage_box p:nth-child(2) {
  margin-top: 24px;
  color: var(--global-black-a-100);
}
#main .section.advantages .advantage_box p:nth-child(3) {
  margin-top: 8px;
  color: var(--global-black-a-71);
}

/* offline */
#main .section.offline {
  margin-top: 64px;
}
#main .section.offline .inner {
  display: flex;
  align-items: center;
}
#main .section.offline .top_title_wrapper {
  width: 360px;
}
#main .section.offline button {
  width: 164px;
  height: 56px;
  margin: 36px 0;
  background-color: var(--global-turquoise-600);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--global-white-a-100);
  border-radius: 28px;
}
#main .section.offline button:hover {
  background-color: var(--global-turquoise-800);
}
#main .section.offline button:active {
  background-color: var(--global-turquoise-900);
}
#main .section.offline .offline_contents {
  display: flex;
  width: 780px;
  height: 172px;
  justify-content: flex-end;
}
#main .section.offline .offline_content {
  width: 264px;
  padding: 24px 32px;
  border-radius: 16px;
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  border: solid 2px var(--global-turquoise-300);
  background-color: var(--global-white-a-100);
}
#main .section.offline .offline_content:first-child {
  margin-right: 16px;
}
#main .section.offline .offline_content p {
  color: var(--global-gray-900);
}
/* #main .section.offline .offline_content .hospital { width: 72px; margin-right: 12px; margin-top: 16px; } */
#main .section.offline .offline_content .hospital {
  width: 118px;
  margin-right: 12px;
  margin-top: 16px;
}
#main .section.offline .offline_content .location_row {
  display: flex;
  margin-top: 8px;
  align-items: center;
}
#main .section.offline .offline_content .location_row img {
  width: 24px;
  margin-right: 4px;
  vertical-align: middle;
}
#main .section.offline .offline_content .location_row a {
  display: flex;
  align-items: center;
}
#main .section.offline .offline_content .location_row .center-link {
  margin-top: 2px;
  vertical-align: middle;
  font-size: 16px;
  font-family: NotoSans;
  font-weight: 700;
  color: #3bacae;
}

/* inside center  */

#main .section.inside_center .container {
  display: grid;
  column-gap: 0px;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 40px;
}
#main .section.inside_center .container .item {
  position: relative;
  width: 100%;
}
#main .section.inside_center .container .item img {
  width: 100%;
}
#main .section.inside_center .container .item .hover_box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: rgba(0, 0, 0, 0.5);
}
#main .section.inside_center .container .item .hover_box p {
  color: var(--global-white-a-100);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#main .section.inside_center .container #room1:hover > .hover_box {
  opacity: 1;
}
#main .section.inside_center .container #room2:hover > .hover_box {
  opacity: 1;
}
#main .section.inside_center .container #room3:hover > .hover_box {
  opacity: 1;
}
#main .section.inside_center .container #room4:hover > .hover_box {
  opacity: 1;
}
#main .section.inside_center .container #room5:hover > .hover_box {
  opacity: 1;
}
#main .section.inside_center .container #room6:hover > .hover_box {
  opacity: 1;
}
#main .section.inside_center .container #room7:hover > .hover_box {
  opacity: 1;
}
#main .section.inside_center .container #room8:hover > .hover_box {
  opacity: 1;
}

/* specialist */

#main .section.specialist {
  margin-top: 64px;
}
#main .section.specialist .inner {
  flex-direction: column;
}
#main .section.specialist .inner .title {
  width: 492px;
}
#main .section.specialist .inner .sub_title {
  width: 384px;
}
#main .section.specialist .specialist_wrapper {
  margin-top: 60px;
}
#main .section.specialist .specialist_wrapper .specialist_slick {
  width: 100vw;
}
#main .section.specialist .specialist_wrapper .specialist_box {
  position: relative;
  display: flex !important;
  align-items: flex-end;
  width: 492px !important ;
  height: 262px !important;
  margin-right: 16px;
}
#main .section.specialist .specialist_wrapper .info_wrapper {
  display: flex;
  justify-content: end;
  border-radius: 16px;
  background-color: var(--global-turquoise-50);
  width: 100%;
  height: 236px;
}
#main .section.specialist .specialist_wrapper .specialist_box img {
  position: absolute;
  left: 10px;
  bottom: 0;
  width: 262px;
}
#main .section.specialist .specialist_wrapper .info_wrapper {
  display: flex;
}
#main .section.specialist .specialist_wrapper .info_wrapper .name {
  color: var(--global-turquoise-900);
  margin-bottom: 8px;
}
#main .section.specialist .specialist_wrapper .info_wrapper .history li {
  color: var(--global-black-a-71);
}
#main .section.specialist .specialist_wrapper .specialist_info {
  position: absolute;
  right: 0;
  padding-top: 36px;
  padding-right: 36px;
}

/* expert */
#main .section.expert {
  margin-top: 106px;
}
#main .section.expert .background {
  padding: 82px 0;
  background-color: var(--global-turquoise-opacity-a-08);
}
#main .section.expert .inner {
  flex-direction: column;
}
#main .section.expert .inner .top_title_wrapper {
  display: flex;
  justify-content: space-between;
}
#main .section.expert .inner .top_title_wrapper .apply_img {
  width: 358px;
}
#main .section.expert .inner .title {
  width: 100%;
}
#main .section.expert .inner .expert_top {
  margin-bottom: 16px;
}
#main .section.expert .inner .experts_wrapper {
  margin-top: 46px;
  display: flex;
  justify-content: center;
}
#main .section.expert .inner .expert_bottom {
  border-top: 1px solid var(--global-black-a-13);
}
#main .section.expert .inner .experts_wrapper .name {
  font-size: 14px;
  margin-bottom: 4px;
  margin-top: 16px;
}
#main .section.expert .inner .experts_wrapper .career {
  margin-bottom: 8px;
}
#main .section.expert .inner .experts_wrapper .content {
  font-size: 14px;
}
#main .section.expert .inner .experts_wrapper .expert_box {
  padding: 8px 4px;
}
#main .section.expert .inner .experts_wrapper .expert_box .expert_wrapper {
  width: 210px;
  height: 222px;
  border-radius: 16px;
  box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.04), 0 1px 8px 0 rgba(0, 0, 0, 0.08);
  background-color: var(--global-white-a-100);
  padding: 24px;
}
#main .section.expert .inner .experts_wrapper .intro {
  margin-left: 12px;
}
#main .section.expert .inner .experts_wrapper .expert_top {
  display: flex;
  align-items: center;
}
#main .section.expert .inner .experts_wrapper .expert_top .obj_wrapper {
  display: flex;
  align-items: center;
}
#main .section.expert .inner .experts_wrapper .expert_top .obj_wrapper .obj {
  border-radius: 12px;
  border: solid 1px var(--global-black-a-43);
  padding: 4px 8px 3px;
  margin-right: 4px;
  color: var(--global-black-a-43);
}

#main .section.expert .inner .expert_slick {
  display: flex;
  width: 1200px;
  justify-content: space-around;
  align-items: center;
}
#main .section.expert .inner .expert_slick .slick-list {
  width: 1080px;
}
#main .section.expert .inner .experts_wrapper .expert_prev {
  width: 48px;
  height: 48px;
  content: url(../../images/common/slick-left.png);
}
#main .section.expert .inner .experts_wrapper .slick-next {
  width: 48px;
  height: 48px;
  content: url(../../images/common/slick-right.png);
}

/* program */
#main .section.program {
  margin-top: 72px;
}
#main .section.program .inner {
  flex-direction: column;
}
#main .section.program .inner .title {
  width: 100%;
}
#main .section.program .inner .sub_title {
  width: 300px;
}
#main .section.program .inner .contents_wrapper {
  margin-top: 36px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#main .section.program .inner .contents_wrapper > div {
  margin-bottom: 13px;
  padding: 24px 24px;
  border-radius: 16px;
}
#main .section.program .inner .contents_wrapper .back_tuq300 {
  background-color: var(--global-turquoise-300);
}
#main .section.program .inner .contents_wrapper .back_tuq200 {
  background-color: var(--global-turquoise-200);
}
#main .section.program .inner .contents_wrapper .back_tuq100 {
  background-color: var(--global-turquoise-100);
}
#main .section.program .inner .contents_wrapper .back_tuq50 {
  background-color: var(--global-turquoise-50);
}
#main .section.program .inner .program_box {
  position: relative;
  width: 356px;
  height: 252px;
}
#main .section.program .inner .program_box .title {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--global-white-a-74);
}
#main .section.program .inner .program_box .sub_title {
  font-family: NotoSans;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 18px;
}
#main .section.program .inner .program_box .btn_more {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: solid 1px var(--global-white-a-100);
  width: 106px;
  height: 36px;
}
#main .section.program .inner .program_box .btn_more_border {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: solid 1px var(--global-turquoise-800);
  width: 106px;
  height: 36px;
}
#main .section.program .inner .program_box .white74 {
  color: var(--global-white-a-74);
}
#main .section.program .inner .program_box .white100 {
  color: var(--global-white-a-100);
}
#main .section.program .inner .program_box .turquoise400 {
  color: var(--global-turquoise-400);
}
#main .section.program .inner .program_box .turquoise800 {
  color: var(--global-turquoise-800);
}
#main .section.program .inner .program_box .btn_more_turquoise {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 36px;
  border-radius: 8px;
  background-color: var(--global-turquoise-600);
  color: var(--global-white-a-100);
}
#main .section.program .inner .program_box .more_wrapper {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
  border-radius: 16px;
  padding: 24px;
}
#main .section.program .inner .program_box .right_end {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 24px 24px 0;
}
#main .section.program .inner .contents_wrapper .program_wrapper ul {
  margin-top: 4px;
}
#main .section.program .inner .contents_wrapper .program_wrapper img {
  position: absolute;
  bottom: 24px;
  right: 24px;
}

/* graph */
#main .section.graph {
  margin-top: 120px;
}
#main .section.graph .background {
  padding: 76px 0;
  background-color: var(--global-turquoise-opacity-a-08);
}
#main .section.graph .inner {
  flex-direction: column;
}
#main .section.graph .title {
  width: 100%;
}
#main .section.graph .contents_wrapper {
  display: flex;
  margin-top: 64px;
}
#main .section.graph .contents_wrapper .graph_wrapper {
  width: 492px;
  border-radius: 24px;
  background-color: var(--global-turquoise-50);
}
#main .section.graph .contents_wrapper .graph_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px 36px 24px;
  color: var(--global-black-a-85);
}
#main .section.graph .contents_wrapper .graph_box .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#main .section.graph .contents_wrapper .graph_box img {
  width: 360px;
  margin-top: 60px;
}
#main .section.graph .contents_wrapper .graph_box .info {
  color: var(--global-black-a-62);
  margin-top: 40px;
}
#main .section.graph .contents_wrapper .graph_info_wrapper {
  width: 700px;
  margin-left: 16px;
  color: var(--global-white-a-89);
}
#main .section.graph .contents_wrapper .graph_info_wrapper li {
  border-radius: 24px;
  margin-bottom: 12px;
}
#main .section.graph .contents_wrapper .graph_info_wrapper ul p {
  text-align: center;
}
#main .section.graph .contents_wrapper .graph_info_wrapper .graph_info_box {
  padding: 24px 48px;
}
#main .section.graph .contents_wrapper .graph_info_wrapper .title {
  width: 292px;
}
#main .section.graph .contents_wrapper .graph_info_wrapper .content_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main .section.graph .contents_wrapper .graph_info_wrapper .percentage {
  display: flex;
  align-items: center;
}
#main
  .section.graph
  .contents_wrapper
  .graph_info_wrapper
  .percentage
  .percentage_num {
  margin-right: 8px;
}
#main .section .turquoise300 {
  background-color: var(--global-turquoise-300);
}
#main .section .turquoise200 {
  background-color: var(--global-turquoise-200);
}
#main .section .turquoise100 {
  background-color: var(--global-turquoise-100);
}
#main .section .turquoise50 {
  background-color: var(--global-turquoise-50);
}

/* review */
#main .section.review {
}
#main .section.review .background {
  padding: 82px 0;
  background-color: var(--global-turquoise-opacity-a-15);
}
#main .section.review .inner {
  flex-direction: column;
}
#main .section.review .inner .title {
  width: 100%;
}
#main .section.review .inner .reviews_wrapper {
  margin-top: 46px;
  display: flex;
  justify-content: center;
}
#main .section.review .inner .reviews_wrapper .content {
  font-size: 14px;
  margin-top: 8px;
}
#main .section.review .inner .reviews_wrapper .review_box {
  padding: 8px 4px;
}
#main .section.review .inner .reviews_wrapper .review_box .review_wrapper {
  width: 335px;
  height: 360px;
  border-radius: 16px;
  box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.04), 0 1px 8px 0 rgba(0, 0, 0, 0.08);
  background-color: var(--global-white-a-100);
}
#main .section.review .inner .reviews_wrapper .review_box .item_wrapper {
  padding: 36px;
}
#main .section.review .inner .review_slick {
  display: flex;
  width: 1140px;
  justify-content: space-around;
  align-items: center;
}
#main .section.review .inner .review_slick .slick-list {
  width: 1100px;
}
#main .section.review .inner .review_slick .slick-list .rating_wrapper {
  display: flex;
  align-items: center;
}
#main .section.review .inner .review_slick .slick-list .rating_wrapper img {
  width: 22px;
}
#main .section.review .inner .review_slick .slick-list .rating_wrapper .star {
  margin-left: 8px;
}
#main
  .section.review
  .inner
  .review_slick
  .slick-list
  .rating_wrapper
  .product {
  vertical-align: bottom;
  padding-top: 2px;
}
#main .section.review .inner .reviews_wrapper .review_prev {
  width: 48px;
  height: 48px;
  content: url(../../images/common/slick-left.png);
}
#main .section.review .inner .reviews_wrapper .slick-next {
  width: 48px;
  height: 48px;
  content: url(../../images/common/slick-right.png);
}

/* promotion */
#main .section.promotion {
  margin-top: 70px;
}
#main .section.promotion .inner {
  flex-direction: column;
}
#main .section.promotion .inner .top_title_wrapper > .title {
  width: 100%;
}
#main .section.promotion .inner > .sub_title {
  width: 400px;
}
#main .section.promotion .inner .content_box .sub_title {
  margin-top: 4px;
}
#main .section.promotion .inner .content_box .title {
  color: var(--global-white-a-63);
}
#main .section.promotion .inner .contents_wrapper {
  display: flex;
  margin-top: 64px;
  justify-content: space-between;
}
#main .section.promotion .inner .content_wrapper {
  position: relative;
  width: 300px;
  height: 400px;
  border-radius: 16px;
}
#main .section.promotion .inner .content_wrapper .content_box {
  padding: 32px;
}
#main .section.promotion .inner .content_wrapper .content_box img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 16px;
}

/* faq */
#main .section.faq {
  margin-top: 90px;
}
#main .section.faq .inner {
  flex-direction: column;
}
#main .section.faq .inner .faq_list_item {
  display: flex;
  flex-direction: column;
}
#main .section.faq .inner #faq_list {
  width: 100%;
  margin-top: 36px;
  display: block;
}
#main .section.faq .inner .faq_list_item {
  display: block;
  margin-bottom: 8px;
}
#main .section.faq .inner .faq_list_item .question {
  display: flex;
  background-color: var(--global-turquoise-opacity-a-08);
  padding: 24px 36px;
  border-radius: 24px;
  cursor: pointer;
}
#main .section.faq .inner .faq_list_item .question.active {
  background-color: var(--global-turquoise-opacity-a-24);
}
#main .section.faq .inner .answer_wrapper {
  display: none;
}
#main .section.faq .inner .faq_list_item .answer {
  display: flex;
  padding-left: 36px;
  margin: 32px 0;
}
#main .section.faq .inner .faq_list_item .mark {
  color: var(--global-black-a-43);
  font-size: 20px;
}
#main .section.faq .inner .faq_list_item .question_text {
  margin-left: 16px;
  color: var(--global-black-a-100);
}
#main .section.faq .inner .faq_list_item .answer_text {
  margin-left: 16px;
  color: var(--global-black-a-100);
}
#main .section.faq .inner #faq_list_page {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 43px;
}
#main .section.faq .inner .paging {
  display: flex;
  align-items: center;
}
#main .section.faq .inner #page {
  display: flex;
}
#main .section.faq .inner .faq_page_prev {
  width: 48px;
  height: 48px;
  content: url(../../images/common/slick-left.png);
}
#main .section.faq .inner .faq_page_next {
  width: 48px;
  height: 48px;
  content: url(../../images/common/slick-right.png);
}
#main .section.faq .inner #page li {
  width: 46px;
  height: 46px;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--global-white-a-100);
  cursor: pointer;
}
#main .section.faq .inner #page li:hover {
  background-color: var(--global-turquoise-opacity-a-15);
}

/* experience */
#main .section.experience {
  margin-top: 60px;
}
#main .section.experience .inner .title {
  width: 100%;
}
#main .section.experience .background .inner .contents .title {
  color: var(--global-turquoise-900);
  width: 100%;
}
#main .section.experience .background .inner .contents .sub_title {
  color: var(--global-turquoise-900);
  color: var(--global-black-a-62);
}
#main .section.experience .background {
  position: relative;
  background-image: linear-gradient(
    99deg,
    var(--global-light-orange-50) 10%,
    var(--global-turquoise-50) 91%
  );
  width: 100%;
  height: 441px;
}
#main .section.experience .background .inner .contents {
  margin-top: 95px;
}
#main .section.experience .background .inner .contents .btn_wrapper img {
  height: 22px;
}
#main .section.experience button {
  height: 56px;
  margin: 36px 0;
  background-color: var(--global-turquoise-600);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--global-white-a-100);
  border-radius: 28px;
  padding: 20px 36px;
}
#main .section.experience button:hover {
  background-color: var(--global-turquoise-800);
}
#main .section.experience button:active {
  background-color: var(--global-turquoise-900);
}
#main .section.experience .background > img {
  position: absolute;
  right: 250px;
  bottom: 0;
  width: 354px;
}

.section.faq {
  margin-bottom: 100px;
}

/* ===========================
/*		04. *contents
=========================== */

#container {
  padding: 0 0 0;
}

#contents {
  width: 1180px;
  margin: 0 auto;
}
#contents.result {
  width: 1000px;
  margin: 0 auto;
}

#contents .sub_visual {
  position: relative;
}
#contents .sub_visual .inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 224px;
  margin: 0 -690px;
  padding: 0 690px;
  background-position: center 0;
  background-repeat: no-repeat;
}
#contents .sub_visual.sub01 .inner {
  background-color: #dedede;
  background-image: url(../../images/contents/sub_visual_img01.jpg);
}
#contents .sub_visual.sub02 .inner {
  background-color: #dedede;
  background-image: url(../../images/contents/sub_visual_img02.jpg);
}
#contents .sub_visual.sub03 .inner {
  background-color: #dedede;
  background-image: url(../../images/contents/sub_visual_img03.jpg);
}
#contents .sub_visual.sub04 .inner {
  background-color: #dedede;
  background-image: url(../../images/contents/sub_visual_img04.jpg);
}

#contents .sub_visual .inner .titarea {
  display: table-cell;
  padding: 108px 0 0;
  vertical-align: top;
  font-weight: 700;
  font-size: 46px;
  line-height: 58px;
  color: #ffffff;
  text-align: center;
}

#contents .sub_visual .location {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 -690px;
  padding: 0 690px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#contents .sub_visual .location ul {
  overflow: hidden;
  padding: 16px 0;
}
#contents .sub_visual .location ul li {
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 0 0 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 16px;
  line-height: 18px;
}
#contents .sub_visual .location ul li:first-child {
  margin: 0;
  padding: 0;
  border-left: none;
}
#contents .sub_visual .location ul li .home {
  display: block;
  width: 12px;
  height: 18px;
  background: url(../../images/common/location_home.png) center 3px no-repeat;
}
#contents .sub_visual .location ul li select {
  height: 18px;
  padding: 0 0 0 10px;
  border: none;
  background: url(../../images/common/slt_w.png) right center no-repeat;
  font-size: 16px;
  color: #ffffff;
}
#contents .sub_visual .location ul li select option {
  background: rgba(255, 255, 255, 0.1);
  color: #000000;
}

#contents .contents_main {
  padding: 65px 0 150px;
}
#contents .contents_main.non_padding {
  padding: none !important;
}
#contents .contents_main .intro_tit {
  font-size: 32px;
  line-height: 42px;
  color: #222222;
}

#contents .contents_main .sec_titarea.line {
  padding: 0 0 15px;
  border-bottom: 1px solid #222222;
}
#contents .contents_main .sec_titarea .tit {
  font-weight: 700;
  font-size: 32px;
  line-height: 58px;
  color: #222222;
}
#complete-nonpadding {
  padding: none !important;
}
#contents .contents_main .msg_box {
  border-top: 1px solid #222222;
  border-bottom: 1px solid #d9d9d9;
  padding: 90px 0 86px;
  text-align: center;
}
#contents .contents_main .non_border {
  border-top: none !important;
  border-bottom: none !important;
}
#contents .contents_main .non_padding {
  padding: 0 !important;
}
#contents .contents_main .non_box {
  border-top: none;
  border-bottom: none;
}
#contents .contents_main .msg_box .icos {
  margin: 0 0 36px;
}
#contents .contents_main .msg_box .txt {
  font-weight: 700;
  font-size: 32px;
  line-height: 58px;
  color: #222222;
}
#contents .contents_main .msg_box .msg {
  margin: 10px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #222222;
}

#contents .contents_complete {
  padding: 0 0 40px;
}
#contents .contents_complete .msg_box {
  border-top: 1px solid #222222;
  border-bottom: 1px solid #d9d9d9;
  padding: 90px 0 24px;
  text-align: center;
}
#contents .contents_complete .non_border {
  border-top: none !important;
  border-bottom: none !important;
}
#contents .contents_complete .non_padding {
  padding: 0 !important;
}
#contents .contents_complete .non_box {
  border-top: none;
  border-bottom: none;
}
#contents .contents_complete .msg_box .icos {
  margin: 0 0 36px;
}
#contents .contents_complete .msg_box .txt {
  font-weight: 700;
  font-size: 32px;
  line-height: 58px;
  color: #222222;
}
#contents .contents_complete .msg_box .msg {
  margin: 10px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #222222;
}

#contents .agreement {
}
#contents .agreement > .titarea {
  margin: 0 0 24px;
  padding: 0 0 16px;
  border-bottom: 1px solid #222222;
}
#contents .agreement > .titarea .tit {
  font-weight: 700;
  font-size: 32px;
  line-height: 58px;
  color: #222222;
}
#contents .agreement .agree_info_area {
}
#contents .agreement .agree_info_area .tit {
  margin: 0 0 23px;
  font-size: 24px;
  line-height: 36px;
  color: #222222;
}
#contents .agreement .agree_info_area .infobox {
  overflow-x: hidden;
  overflow-y: auto;
  height: 540px;
  padding: 35px 40px;
  background: #f8f9fb;
  word-break: keep-all;
}
#contents .agreement .agree_info_area .infobox > ol {
}
#contents .agreement .agree_info_area .infobox > ol > li {
  margin: 30px 0 0;
}
#contents .agreement .agree_info_area .infobox > ol > li:first-child {
  margin: 0;
}
#contents .agreement .agree_info_area .infobox > ol > li > .tit {
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}
#contents .agreement .agree_info_area .infobox > ol > li > .txt {
  margin: 11px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #555555;
}
#contents .agreement .agree_info_area .infobox > ol > li > ol {
  margin: 9px 0 0;
}
#contents .agreement .agree_info_area .infobox > ol > li > ol > li {
  font-size: 16px;
  line-height: 26px;
  color: #555555;
}
#contents .agreement .agree_info_area .chk_wrap {
  margin: 30px 0 0;
  text-align: center;
}
#contents .agreement .tbl_write {
  margin: 83px 0 0;
  padding: 76px 0 0;
  border-top: 1px solid #d9d9d9;
}

.contents_main.intro {
}
.contents_main.intro .intro_visual {
}
.contents_main.intro .intro_visual img {
  max-width: 100%;
  width: 100%;
}
.contents_main.intro .txtbox {
  overflow: hidden;
  margin: 45px 0 0;
}
.contents_main.intro .txtbox > div {
  width: 580px;
}
.contents_main.intro .txtbox > div > p {
  margin: 30px 0 0;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.03em;
  color: #222222;
}
.contents_main.intro .txtbox > div > p:first-child {
  margin: 0;
}
.contents_main.intro .txtbox > div.l_txt {
  float: left;
}
.contents_main.intro .txtbox > div.r_txt {
  float: right;
}

.contents_main.intro .sign {
  margin: 30px 0 0;
  text-align: right;
}
.contents_main.intro .sign > * {
  display: inline-block;
  vertical-align: bottom;
  color: #222222;
}
.contents_main.intro .sign .position {
  font-size: 20px;
}
.contents_main.intro .sign em {
  margin: 0 0 0 8px;
  font-size: 32px;
}

.contents_main.intro .vision_info {
  overflow: hidden;
  margin: 50px 0 0;
}
.contents_main.intro .vision_info > div {
  width: 580px;
  background: #f8f9fb;
}
.contents_main.intro .vision_info > div > dl {
  position: relative;
  padding: 46px 0 47px 40px;
}
.contents_main.intro .vision_info > div > dl > dt {
  position: absolute;
  top: 50%;
  left: 41px;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin: -20px 0 0;
  color: #39b4b5;
}
.contents_main.intro .vision_info > div > dl > dd {
  font-size: 20px;
  line-height: 30px;
  color: #222222;
}
.contents_main.intro .vision_info > div > dl > dd > em {
  color: #39b4b5;
}
.contents_main.intro .vision_info .l_box {
  float: left;
}
.contents_main.intro .vision_info .r_box {
  float: right;
}

.contents_main.intro .map {
  max-width: 100%;
  width: 100%;
  height: 650px;
}
.contents_main.intro .map_info {
}
.contents_main.intro .map_info .map_detail {
  overflow: hidden;
  padding: 35px 0 40px;
  border-bottom: 1px solid #d9d9d9;
}
.contents_main.intro .map_info .map_detail > div {
}
.contents_main.intro .map_info .map_detail > div.l_box {
  float: left;
  width: 600px;
}
.contents_main.intro .map_info .map_detail > div.l_box .addr {
  font-size: 24px;
  line-height: 36px;
  color: #222222;
}
.contents_main.intro .map_info .map_detail > div.l_box .contact {
  margin: 38px 0 0;
}
.contents_main.intro .map_info .map_detail > div.l_box .contact li {
  margin: 16px 0 0;
  font-size: 16px;
  color: #222222;
}
.contents_main.intro .map_info .map_detail > div.l_box .contact li:first-child {
  margin: 0;
}

.contents_main.intro .map_info .map_detail > div.r_box {
  float: right;
  width: 580px;
}
.contents_main.intro .map_info .map_detail > div.r_box > div {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  min-height: 90px;
  margin: 33px 0 0;
  padding: 0 0 0 110px;
  background-position: 0 center;
  background-repeat: no-repeat;
}
.contents_main.intro .map_info .map_detail > div.r_box > div:first-child {
  margin: 0;
}
.contents_main.intro .map_info .map_detail > div.r_box > div.bus {
  background-image: url(../../images/contents/bus_ico.png);
}
.contents_main.intro .map_info .map_detail > div.r_box > div.subway {
  background-image: url(../../images/contents/subway_ico.png);
}
.contents_main.intro .map_info .map_detail > div.r_box > div > dl {
  display: table-cell;
  vertical-align: middle;
}
.contents_main.intro .map_info .map_detail > div.r_box > div > dl > dt {
  margin: 7px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}
.contents_main.intro
  .map_info
  .map_detail
  > div.r_box
  > div
  > dl
  > dt:first-child {
  margin: 0;
}
.contents_main.intro .map_info .map_detail > div.r_box > div > dl > dd {
  font-size: 16px;
  line-height: 26px;
  color: #222222;
  letter-spacing: -0.03em;
}

.contents_main.service .effect .effect_box {
  font-size: 0;
}
.contents_main.service .effect .effect_box > div {
  display: inline-block;
  width: 280px;
  min-height: 600px;
  margin: 0 0 0 85px;
  vertical-align: middle;
}
.contents_main.service .effect .effect_box > div:first-child {
  margin: 0;
}
.contents_main.service .effect .effect_box > div > div {
  position: relative;
  box-sizing: border-box;
  min-height: 280px;
  margin: 40px 0 0;
  padding: 33px 20px;
  background-color: #f8f9fb;
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
  word-break: keep-all;
}
.contents_main.service .effect .effect_box > div > div:first-child {
  margin: 0;
}
.contents_main.service .effect .effect_box > div > div > dl > dt {
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  color: #222222;
}
.contents_main.service .effect .effect_box > div > div > dl > dd {
  margin: 5px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #555555;
}

.contents_main.service .effect .effect_box > div.l_box {
}
.contents_main.service .effect .effect_box > div.l_box > div {
}
.contents_main.service .effect .effect_box > div.l_box > div:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -65px;
  width: 65px;
  height: 19px;
  margin: -10px 0 0;
  background: url(../../images/contents/arr_gray.png) 0 0 no-repeat;
  animation: arrow-l 2s ease-in-out 0.5s infinite alternate;
  opacity: 0;
}
.contents_main.service .effect .effect_box > div.l_box > div.top_box {
  background-image: url(../../images/contents/effect_left_top_bg.png);
}
.contents_main.service .effect .effect_box > div.l_box > div.bot_box {
  background-image: url(../../images/contents/effect_left_bot_bg.png);
}

.contents_main.service .effect .effect_box > div.r_box > div {
}
.contents_main.service .effect .effect_box > div.r_box > div:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -85px;
  width: 65px;
  height: 19px;
  margin: -10px 0 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: arrow-r 2s ease-in-out 1.3s infinite alternate;
  opacity: 0;
}
.contents_main.service .effect .effect_box > div.r_box > div > dl > dt {
  color: #ffffff;
}
.contents_main.service .effect .effect_box > div.r_box > div > dl > dd {
  color: #ffffff;
}
.contents_main.service .effect .effect_box > div.r_box > div.top_box {
  background-color: #358def;
  background-image: url(../../images/contents/effect_right_top_bg.png);
}
.contents_main.service .effect .effect_box > div.r_box > div.top_box:before {
  background-image: url(../../images/contents/arr_blue.png);
}
.contents_main.service .effect .effect_box > div.r_box > div.bot_box {
  background-color: #39b4b5;
  background-image: url(../../images/contents/effect_right_bot_bg.png);
}
.contents_main.service .effect .effect_box > div.r_box > div.bot_box:before {
  background-image: url(../../images/contents/arr_green.png);
}

.contents_main.service .effect .effect_box > div.m_box {
  width: 450px;
  background: url(../../images/contents/effect_mid_bg.gif) 0 0 no-repeat;
  background-size: cover;
  box-shadow: 11px 16px 20px 0px rgba(172, 182, 192, 0.4);
}
.contents_main.service .effect .effect_box > div.m_box .inner {
  min-height: 600px;
  padding: 144px 0 145px;
  background: none;
  color: #ffffff;
}
.contents_main.service .effect .effect_box > div.m_box .inner > div {
  font-size: 20px;
  line-height: 30px;
}
.contents_main.service .effect .effect_box > div.m_box .inner .txt {
}
.contents_main.service .effect .effect_box > div.m_box .inner .tit {
  position: relative;
  margin: 118px 0 0;
  font-weight: 700;
}
.contents_main.service .effect .effect_box > div.m_box .inner .tit:before {
  display: block;
  content: "";
  position: absolute;
  top: -91px;
  left: 50%;
  width: 1px;
  height: 60px;
  background: #ffffff;
  transform: tranlateX(-50%);
}
.contents_main.service .effect .effect_box > div.m_box .inner .tit em {
  display: block;
  margin: 11px 0 0;
  font-size: 32px;
}

.contents_main.service .range {
  margin: 74px 0 0;
}
.contents_main.service .range .range_list {
}
.contents_main.service .range .range_list > li {
  border-top: 1px solid #d9d9d9;
}
.contents_main.service .range .range_list > li:first-child {
  border-top: none;
}
.contents_main.service .range .range_list > li > dl {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.contents_main.service .range .range_list > li > dl > dt {
  display: table-cell;
  width: 300px;
  padding: 40px 0 0;
  vertical-align: top;
}
.contents_main.service .range .range_list > li > dl > dt > span {
  display: block;
  font-weight: 700;
  margin: 12px 0 0;
  font-size: 26px;
  color: #222222;
}
.contents_main.service .range .range_list > li > dl > dt > span:first-child {
  margin: 0;
}
.contents_main.service .range .range_list > li > dl > dt > span.en {
  font-weight: 300;
}
.contents_main.service .range .range_list > li > dl > dd {
  display: table-cell;
  width: auto;
  padding: 40px 0 55px;
  vertical-align: top;
}
.contents_main.service .range .range_list > li:last-child > dl > dd {
  padding-bottom: 0;
}
.contents_main.service .range .range_list > li > dl > dd > ul {
  overflow: hidden;
}
.contents_main.service .range .range_list > li > dl > dd > ul > li {
  float: left;
  width: 280px;
  margin: 0 0 0 20px;
}
.contents_main.service .range .range_list > li > dl > dd > ul > li:first-child {
  margin: 0;
}
.contents_main.service .range .range_list > li > dl > dd > ul > li > .icos {
}
.contents_main.service .range .range_list > li > dl > dd > ul > li > .txtbox {
  margin: 30px 0 0;
}
.contents_main.service
  .range
  .range_list
  > li
  > dl
  > dd
  > ul
  > li
  > .txtbox
  > dl {
}
.contents_main.service
  .range
  .range_list
  > li
  > dl
  > dd
  > ul
  > li
  > .txtbox
  > dl
  > dt {
  font-size: 20px;
  color: #222222;
}
.contents_main.service
  .range
  .range_list
  > li
  > dl
  > dd
  > ul
  > li
  > .txtbox
  > dl
  > dd {
  margin: 15px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #555555;
  word-break: keep-all;
}

.contents_main.service {
}
.contents_main.service .education_list {
}
.contents_main.service .education_list ul {
  overflow: hidden;
}
.contents_main.service .education_list ul li {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 280px;
  min-height: 535px;
  margin: 0 0 0 20px;
  padding: 41px 38px 90px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.contents_main.service .education_list ul li:first-child {
  margin: 0;
}
.contents_main.service .education_list ul li.e1 {
  background-image: url(../../images/contents/education_bg01.jpg);
}
.contents_main.service .education_list ul li.e2 {
  background-image: url(../../images/contents/education_bg02.jpg);
}
.contents_main.service .education_list ul li.e3 {
  background-image: url(../../images/contents/education_bg03.jpg);
}
.contents_main.service .education_list ul li.e4 {
  background-image: url(../../images/contents/education_bg04.jpg);
}
.contents_main.service .education_list ul li .tit {
  font-weight: 700;
  font-size: 26px;
  color: #ffffff;
}
.contents_main.service .education_list ul li .txt {
  margin: 14px 0 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
}
.contents_main.service .education_list ul li .btn_down {
  display: block;
  position: absolute;
  bottom: 40px;
  left: 50%;
  width: 200px;
  height: 50px;
  margin: 0 0 0 -100px;
  background: #ffffff;
  text-align: center;
}
.contents_main.service .education_list ul li .btn_down span {
  display: inline-block;
  padding: 0 23px 0 0;
  background: url(../../images/common/download_ico.png) right center no-repeat;
  font-size: 16px;
  line-height: 50px;
  color: #000000;
}

.contents_main.community .center {
  display: flex;
  justify-content: center;
}
.contents_main.community .cs_info {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  padding: 31px 40px;
  background: #f8f9fb;
}
.contents_main.community .cs_info > div {
  display: table-cell;
}
.contents_main.community .cs_info > div > .inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.contents_main.community .cs_info > div > .inner > div {
  display: table-cell;
}
.contents_main.community .cs_info > div > .inner > div.icos {
  width: 90px;
}
.contents_main.community .cs_info > div > .inner > div.infobox {
  width: auto;
  padding: 0 0 0 40px;
  vertical-align: middle;
}
.contents_main.community .cs_info > div > .inner > div.infobox .num {
  font-size: 26px;
  line-height: 36px;
  color: #222222;
}
.contents_main.community .cs_info > div > .inner > div.infobox .num .time {
  display: inline-block;
  margin: 0 0 0 18px;
  font-size: 16px;
  line-height: 36px;
  color: #555555;
}
.contents_main.community .cs_info > div > .inner > div.infobox .txt {
  font-size: 26px;
  line-height: 36px;
  color: #222222;
}
.contents_main.community .cs_info > div > .inner > div.infobox .single {
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  max-width: 795px;
}

.contents_main.community .column_list {
  border-top: 1px solid #222222;
}
.contents_main.community .column_list ul {
  font-size: 0;
  border-bottom: 1px solid #d9d9d9;
}
.contents_main.community .column_list ul li {
  display: inline-block;
  box-sizing: border-box;
  width: 340px;
  margin: 0 0 0 80px;
  padding: 50px 0 58px;
  vertical-align: middle;
}
.contents_main.community .column_list ul li:first-child {
  margin: 0;
}
.contents_main.community .column_list ul li a {
  display: block;
}
.contents_main.community .column_list ul li a .imgs {
  overflow: hidden;
  width: 100%;
}
.contents_main.community .column_list ul li a .imgs img {
  width: 100%;
  max-width: 100%;
  transform: scale(1);
  transition: all 0.3s;
}
.contents_main.community .column_list ul li a:hover .imgs img,
.contents_main.community .column_list ul li a:focus .imgs img {
  transform: scale(1.05);
}
.contents_main.community .column_list ul li a .txtbox {
  display: block;
  padding: 22px 0 0;
}
.contents_main.community .column_list ul li a .txtbox .tit {
  font-size: 22px;
  line-height: 36px;
  color: #222222;
}
.contents_main.community .column_list ul li a .txtbox .date {
  margin: 20px 0 0;
  font-size: 16px;
  color: #888888;
}
.contents_main.community .column_list ul li.null {
  display: block;
  width: 100%;
  padding: 180px 0;
  font-size: 22px;
  text-align: center;
  color: #222222;
}

.contents_main.counsel .example_cont {
  margin: 41px 0 0;
  padding: 56px 65px 71px;
  background: #f8f9fb;
}
.contents_main.counsel .example_cont .top {
  position: relative;
  padding: 0 0 51px;
}
.contents_main.counsel .example_cont .top .tit {
  font-weight: 700;
  font-size: 32px;
  line-height: 58px;
  color: #222222;
}
.contents_main.counsel .example_cont .top .txtarea {
  margin: 36px 0 0;
}
.contents_main.counsel .example_cont .top .txtarea:after {
  display: block;
  content: "";
  clear: both;
}
.contents_main.counsel .example_cont .top .txtarea > div {
  position: relative;
  top: 0;
  box-sizing: border-box;
  width: 440px;
  padding: 40px 50px 33px;
  border-radius: 20px;
}
.contents_main.counsel .example_cont .top .txtarea > div:before {
  display: block;
  content: "";
  position: absolute;
  width: 27px;
  height: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.contents_main.counsel .example_cont .top .txtarea > div.l_box:before {
  right: -27px;
  bottom: 47px;
  background-image: url(../../images/contents/cock_blue.png);
}
.contents_main.counsel .example_cont .top .txtarea > div.r_box:before {
  left: -27px;
  bottom: 47px;
  background-image: url(../../images/contents/cock_green.png);
}
.contents_main.counsel .example_cont .top .txtarea > div > .tit {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  color: #ffffff;
  letter-spacing: -0.03em;
}
.contents_main.counsel .example_cont .top .txtarea > div > .tit > .ex {
  display: inline-block;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 16px;
}
.contents_main.counsel .example_cont .top .txtarea > div > .stats {
  margin: 15px 0 0;
  font-weight: 700;
  font-size: 66px;
  color: #ffffff;
}
.contents_main.counsel .example_cont .top .txtarea > div > .stats > .cate {
  display: inline-block;
  font-size: 36px;
  vertical-align: bottom;
}
.contents_main.counsel .example_cont .top .txtarea .l_box {
  float: left;
  background: #358def;
  animation: bounce2 1.8s infinite ease-in-out;
}
.contents_main.counsel .example_cont .top .txtarea .r_box {
  float: right;
  background: #39b4b5;
  animation: bounce3 1.8s infinite ease-in-out;
}
.contents_main.counsel .example_cont .top .character {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 660px;
  margin: 0 0 0 -330px;
}

.contents_main.counsel .example_cont .mid {
  margin: 0 -65px;
  padding: 43px 65px 44px;
  border-top: 1px solid #ffffff;
}
.contents_main.counsel .example_cont .mid .txt {
  font-size: 20px;
  line-height: 30px;
  color: #222222;
  text-align: center;
}

.contents_main.counsel .example_cont .bot {
  border-top: 1px solid #d9d9d9;
  padding: 44px 0 0;
}
.contents_main.counsel .example_cont .bot .tit {
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  color: #222222;
}
.contents_main.counsel .example_cont .bot ul {
  overflow: hidden;
  margin: 34px 0 0;
}
.contents_main.counsel .example_cont .bot ul li {
  float: left;
  box-sizing: border-box;
  width: 330px;
  height: 55px;
  border: 2px solid #f95e5e;
  border-radius: 10px;
  margin: 0 0 0 30px;
  background: #ffffff;
  font-size: 20px;
  line-height: 55px;
  color: #f95e5e;
  text-align: center;
}
.contents_main.counsel .example_cont .bot ul li:first-child {
  margin: 0;
}

.contents_main.counsel .process {
  margin: 90px 0 0;
  padding: 62px 65px 65px;
  background: #f8f9fb;
}
.contents_main.counsel .process > .tit {
  font-weight: 700;
  font-size: 32px;
  line-height: 58px;
  color: #222222;
  text-align: center;
}
.contents_main.counsel .process > ol {
  margin: 36px 0 0;
}
.contents_main.counsel .process > ol > li {
  position: relative;
  margin: 135px 0 0;
}
.contents_main.counsel .process > ol > li:first-child {
  margin: 0;
}
.contents_main.counsel .process > ol > li:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -105px;
  left: 50%;
  z-index: 1;
  width: 150px;
  height: 70px;
  margin: 0 0 0 -75px;
  background: url(../../images/contents/process_arr2.png) center bottom
    no-repeat;
  font-size: 16px;
  line-height: 26px;
  color: #358def;
  text-align: center;
  word-break: keep-all;
  white-space: pre;
}
.contents_main.counsel .process > ol > li.p1:before {
  content: "실시간 접수확인";
}
.contents_main.counsel .process > ol > li.p2:before {
  content: "예약 시간에 맞춰 상담 진행";
}
.contents_main.counsel .process > ol > li.p3:before {
  display: none;
}

.contents_main.counsel .process > ol > li .inner {
  display: table;
  table-layout: fixed;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 36px 65px 34px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 15px 5px 0px rgba(87, 96, 134, 0.1);
}
.contents_main.counsel .process > ol > li .inner .titarea {
  display: table-cell;
  width: 320px;
}
.contents_main.counsel .process > ol > li .inner .titarea .num {
  font-weight: 700;
  font-size: 46px;
  color: #d7d7d7;
}
.contents_main.counsel .process > ol > li .inner .titarea .tit {
  margin: 20px 0 0;
  font-size: 26px;
  line-height: 36px;
  color: #222222;
}
.contents_main.counsel .process > ol > li .inner .titarea .desc {
  font-size: 16px;
  line-height: 30px;
  color: #222222;
}
.contents_main.counsel .process > ol > li .inner .cont_box {
  display: table-cell;
  vertical-align: middle;
}
.contents_main.counsel .process > ol > li .inner .cont_box .cmnt_area > div {
  margin: 15px 0 0;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  .cmnt_area
  > div:first-child {
  margin: 0;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  .cmnt_area
  > div
  .txt {
  display: inline-block;
  position: relative;
  padding: 15px 20px 16px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 26px;
  color: #555555;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  .cmnt_area
  > div
  .txt:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 15px;
  width: 20px;
  height: 14px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  .cmnt_area
  > div.q_box {
  text-align: left;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  .cmnt_area
  > div.a_box {
  text-align: right;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  .cmnt_area
  > div.q_box
  .txt {
  margin: 0 0 0 20px;
  background: #ebeff6;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  .cmnt_area
  > div.q_box
  .txt:before {
  left: -20px;
  background-image: url(../../images/contents/cock_gray.png);
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  .cmnt_area
  > div.a_box
  .txt {
  margin: 0 20px 0 0;
  background: #cee5ff;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  .cmnt_area
  > div.a_box
  .txt:before {
  right: -20px;
  background-image: url(../../images/contents/cock_skyblue.png);
}

.contents_main.counsel .process > ol > li .inner .cont_box > ul {
  overflow: hidden;
}
.contents_main.counsel .process > ol > li .inner .cont_box > ul > li {
  float: left;
  box-sizing: border-box;
  width: 187px;
  margin: 0 0 0 19px;
  border: 2px solid #ebeff6;
  border-radius: 9px;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box
  > ul
  > li:first-child {
  margin: 0;
}
.contents_main.counsel .process > ol > li .inner .cont_box > ul > li > dl {
  padding: 35px 0 34px;
  text-align: center;
}
.contents_main.counsel .process > ol > li .inner .cont_box > ul > li > dl dt {
  font-size: 20px;
  line-height: 30px;
  color: #222222;
}
.contents_main.counsel .process > ol > li .inner .cont_box > ul > li > dl dd {
  margin: 3px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #888888;
}

.contents_main.counsel .process > ol > li .inner .cont_box.detail {
  overflow: hidden;
}
.contents_main.counsel .process > ol > li .inner .cont_box.detail > * {
  float: left;
  margin: 0 0 0 20px;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box.detail
  > *:first-child {
  margin: 0;
}
.contents_main.counsel .process > ol > li .inner .cont_box.detail .cmnt_area {
  width: 390px;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box.detail
  .cmnt_area
  > div.a_box
  .txt {
  background-color: #ebeff6;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box.detail
  .cmnt_area
  > div.q_box
  .txt {
  background-color: #cee5ff;
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box.detail
  .cmnt_area
  > div
  .txt:before {
  transform: rotate(180deg);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box.detail
  .cmnt_area
  > div.a_box
  .txt:before {
  background-image: url(../../images/contents/cock_gray.png);
}
.contents_main.counsel
  .process
  > ol
  > li
  .inner
  .cont_box.detail
  .cmnt_area
  > div.q_box
  .txt:before {
  bottom: 66px;
  background-image: url(../../images/contents/cock_skyblue.png);
}

.contents_main.counsel .info_banner {
  padding: 35px 35px 39px 350px;
  background: #f8f9fb url(../../images/contents/info_banner_ico.png) 218px
    center no-repeat;
}
.contents_main.counsel .info_banner {
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}

.contents_main.counsel .info_cbanner {
  padding: 5px;
  background: #f8f9fb;
}
.contents_main.counsel .info_cbanner {
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}

.contents_main.counsel .check_menu {
  margin: 0 -690px;
  padding: 0 690px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.05);
}
.contents_main.counsel .check_menu ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.contents_main.counsel .check_menu ul li {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.contents_main.counsel .check_menu ul li:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 45px;
  margin: -23px 0 0;
  background: #d9d9d9;
}
.contents_main.counsel .check_menu ul li:only-child:after {
  display: none;
}
.contents_main.counsel .check_menu ul li a {
  display: block;
  box-sizing: border-box;
  padding: 15px 0 14px;
  font-size: 18px;
  line-height: 28px;
  color: #888888;
}
.contents_main.counsel .check_menu ul li a:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #39b4b5;
  transform: scaleX(0);
  transition: all 0.3s;
}
.contents_main.counsel .check_menu ul li.on a:after,
.contents_main.counsel .check_menu ul li a:hover:after {
  transform: scaleX(1);
}
.contents_main.counsel .check_menu ul li.on a,
.contents_main.counsel .check_menu ul li a:hover {
  font-weight: 700;
  color: #39b4b5;
}

.contents_main.counsel .check_list_wrap {
  margin: 0 -690px;
  padding: 65px 690px 150px;
  background: #edeff2;
}
.contents_main.counsel .check_list_wrap > .info_txt {
  margin: 0 0 65px;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #555555;
}

.contents_main.counsel .check_list_wrap > div > div > .tit {
  margin: 0 0 23px;
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  color: #222222;
}
.contents_main.counsel .check_list_wrap .check_result {
}
.contents_main.counsel .check_list_wrap .check_result .result_chart {
  margin: 0 -690px;
  padding: 65px 690px 90px;
  background: #edeff2;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  min-height: 193px;
  padding: 51px 45px 53px 65px;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #d9d9d9;
  background: #ffffff;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div {
  display: table-cell;
  vertical-align: middle;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val {
  width: 265px;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val.type1 {
  width: 115px;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul {
  display: inline-block;
  max-width: 100%;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li {
  float: left;
  position: relative;
  margin: 0 0 0 61px;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li:before {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  left: -30px;
  width: 1px;
  height: 63px;
  background: #d9d9d9;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li:first-child {
  margin: 0;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li:first-child:before {
  display: none;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li
  .tit {
  font-size: 20px;
  line-height: 44px;
  color: #222222;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li
  .val {
  display: inline-block;
  overflow: hidden;
  max-width: 102px;
  margin: 3px 0 0;
  font-weight: 700;
  font-size: 32px;
  color: #888888;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li
  .val.total {
  color: #358def;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li
  .val.average {
  max-width: 265px;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt {
  position: relative;
  padding-left: 120px;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 88px;
  height: 88px;
  margin: -44px 0 0;
  border-radius: 50%;
  background: #ebeff6;
  font-weight: 700;
  font-size: 20px;
  line-height: 88px;
  color: #222222;
  text-align: center;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.non_level {
  padding-left: 0;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r1:before {
  content: "고위험";
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r2:before {
  content: "위험";
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r3:before {
  content: "보통";
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r4:before {
  content: "양호";
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r5:before {
  content: "고등도";
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r6:before {
  content: "중등도";
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r7:before {
  content: "경등도";
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt
  > p {
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt
  > p
  > .state {
  display: inline-block;
  font-weight: 700;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .print_btn
  > span {
  display: inline-block;
  padding: 0 25px 0 0;
  background: url(../../images/contents/print_ico.png) right center no-repeat;
  font-size: 17px;
}

.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result {
  background: #ffffff;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table {
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  thead
  tr
  th {
  background: #222837;
  font-size: 16px;
  line-height: 46px;
  color: #ffffff;
  text-align: center;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  th {
  border-bottom: 1px solid #d9d9d9;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #222222;
  text-align: center;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  th
  .val {
  display: block;
  font-weight: 400;
  color: #222222;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  th
  b.blue {
  font-weight: 400;
  color: #358def;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td {
  padding: 24px 0 25px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 16px;
  line-height: 26px;
  color: #222222;
  text-align: center;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td.empha {
  background: #f8f9fb;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td.txt {
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  word-break: keep-all;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  em {
  display: inline-block;
  color: #358def;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  em.bold {
  font-weight: 700;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  em.black {
  font-weight: 700;
  color: #222222;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  b {
  display: block;
  color: #358def;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  .advise {
  margin: 23px 0 0;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  .advise
  .tit {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #39b4b5;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  .advise
  .tit
  span {
  display: inline-block;
  padding: 0 0 0 30px;
  background: url(../../images/contents/advise_ico_green.png) left center
    no-repeat;
}
.contents_main.counsel
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  ul
  li {
  padding: 0 0 0 9px;
  text-indent: -9px;
}

.contents_main.print .check_list_wrap {
  background: #edeff2;
}
.contents_main.print .check_list_wrap > .info_txt {
  margin: 0 0 65px;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #555555;
}
.contents_main.print .check_list_wrap > div > div > .tit {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #222222;
}

.contents_main.print .check_list_wrap .check_result {
}
.contents_main.print .check_list_wrap .check_result .result_chart {
}
.contents_main.print .check_list_wrap .check_result .result_chart .result_info {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  margin: 15px 0 0 !important;
  padding: 16px 45px 13px 65px;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #d9d9d9;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div {
  display: table-cell;
  vertical-align: middle;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val {
  width: 265px;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val.type1 {
  width: 115px;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul {
  display: inline-block;
  max-width: 100%;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li {
  float: left;
  position: relative;
  margin: 0 0 0 61px;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li:before {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  left: -30px;
  width: 1px;
  height: 63px;
  background: #d9d9d9;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li:first-child {
  margin: 0;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li:first-child:before {
  display: none;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li
  .tit {
  font-size: 12px;
  line-height: 20px;
  color: #222222;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li
  .val {
  display: inline-block;
  overflow: hidden;
  max-width: 102px;
  margin: 3px 0 0;
  font-weight: 700;
  font-size: 18px;
  color: #888888;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li
  .val.total {
  color: #358def;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_val
  ul
  li
  .val.average {
  max-width: 265px;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt {
  position: relative;
  padding-left: 120px;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 88px;
  height: 88px;
  margin: -44px 0 0;
  border-radius: 50%;
  background: #ebeff6;
  font-weight: 700;
  font-size: 20px;
  line-height: 88px;
  color: #222222;
  text-align: center;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.non_level {
  padding-left: 0;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r1:before {
  content: "고위험";
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r2:before {
  content: "위험";
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r3:before {
  content: "보통";
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r4:before {
  content: "양호";
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r5:before {
  content: "고등도";
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r6:before {
  content: "중등도";
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt.r7:before {
  content: "경등도";
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt
  > p {
  font-size: 12px;
  line-height: 20px;
  color: #222222;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .result_info
  > div.info_txt
  > p
  > .state {
  display: inline-block;
  font-weight: 700;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .print_btn
  > span {
  display: inline-block;
  padding: 0 25px 0 0;
  background: url(../../images/contents/print_ico.png) right center no-repeat;
  font-size: 14px;
  background-size: 10px 16px;
}

.contents_main.print .check_list_wrap .check_result .result_chart .tbl_result {
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table {
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  thead
  tr
  th {
  background: #222837;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  th {
  border-bottom: 1px solid #d9d9d9;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #222222;
  text-align: center;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  th
  .val {
  display: block;
  font-weight: 400;
  color: #222222;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  th
  b.blue {
  font-weight: 400;
  color: #358def;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td {
  padding: 5px 0 6px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 12px;
  line-height: 18px;
  color: #222222;
  text-align: center;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td.empha {
  background: #f8f9fb;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td.txt {
  padding-left: 15px;
  padding-right: 30px;
  text-align: left;
  word-break: keep-all;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  em {
  display: inline-block;
  color: #358def;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  em.bold {
  font-weight: 700;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  em.black {
  font-weight: 700;
  color: #222222;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  b {
  display: block;
  color: #358def;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  .advise {
  margin: 23px 0 0;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  .advise
  .tit {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #39b4b5;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  .advise
  .tit
  span {
  display: inline-block;
  padding: 0 0 0 30px;
  background: url(../../images/contents/advise_ico_green.png) left center
    no-repeat;
}
.contents_main.print
  .check_list_wrap
  .check_result
  .result_chart
  .tbl_result
  table
  tbody
  tr
  td
  ul
  li {
  padding: 0 0 0 9px;
  text-indent: -9px;
}

.contents_main.print .check_list_wrap .check_result .btn_wrap {
  margin: 10px 0 0 !important;
}
.contents_main.print .check_list_wrap .check_result .btn_wrap .btn40 {
  display: inline-block;
  box-sizing: border-box;
  height: 25px;
  border: none;
  border-radius: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 23px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.tbl_write table tbody > tr > td .boxed #memail1 {
  width: 273px;
}
.tbl_write table tbody > tr > td .boxed #memail2 {
  width: 273px;
}
.tbl_write table tbody > tr > td .boxed #memail3 {
  width: 273px;
}
.tbl_write .write_box.mobile {
}

.tbl_write .titarea {
  border-bottom: 1px solid #222222;
  padding-bottom: 10px;
}
.write_box li {
  display: flex;
  align-items: center;
}
#contents .agreement > .titarea .tit.major {
  font-weight: bold;
  font-size: 32px;
}
.tbl_write .titarea .tit {
  font-weight: 500;
  font-size: 28px;
}
.layer_popup {
  width: 650px;
}
.mobile_private_policy {
  display: none;
}
.mobile_email_reject {
  display: none;
}

@media print {
  #contents {
    zoom: 0.8;
  }
}

@media all and (max-width: 1023px) {
  #wrap {
    width: 100%;
    min-width: 0;
  }
  #header {
    width: 100%;
    min-width: 0;
    height: 48px;
  }
  #header .h_inner .logo {
    top: 20px;
  }
  #header .h_inner {
    width: 95%;
    display: flex;
    align-items: center;
    height: 48px;
  }
  #header #gnb {
    display: none;
  }
  #header .h_inner .main_logo {
    width: 168px;
    height: 24px;
  }
  #header .h_inner .header_nav {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
  }
  #header .h_inner .header_nav img {
    height: 24px;
    width: 24px;
    cursor: pointer;
  }

  #header .navbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #ffffff;
    margin: 0 auto;
  }
  #header .top_header {
    display: flex;
    justify-content: space-between;
    height: 48px;
    align-items: center;
    margin: 0 auto;
  }
  #header .logo_img {
    width: 168px;
    height: 24px;
    margin-left: 24px;
  }
  #header .navbox .top_header .header_nav img {
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin-right: 24px;
  }
  #header .navbox .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #header .navbox .contents .content {
    font-size: 18px;
    text-align: center;
    color: #222222;
    font-weight: 500;
    margin: 28px 0;
  }

  #footer .f_inner .contents_wrapper {
    flex-direction: column;
    width: auto;
  }

  /* main */

  #main .section .inner {
    width: 85%;
    padding: 0;
    flex-direction: column;
  }

  #main .section .inner .top p:nth-child(1) {
    color: #868686;
    font-size: 12px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 8px;
    font-family: NotoSerifCJKjp;
  }
  #main .section .inner .top p:nth-child(2) {
    font-size: 20px;
    font-weight: bold;
    color: #222222;
  }
  #main .section .inner .top p:nth-child(3) {
    border: 1px solid#4ebfb8;
    margin: 13px 0;
    width: 28px;
    height: 1px;
    border-radius: 1px;
    background-color: #4ebfb8;
  }
  #main .section .inner .top p:nth-child(4) {
    display: none;
  }
  #main .btn_inner {
    align-items: center;
  }

  /* visual  */
  #main .section.visual {
    height: 100vh;
  }
  #main .section.visual .main_info .l_box .qa_list {
    margin: 0 auto;
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #main .section.visual .main_info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #main .section.visual .main_info .l_box .qa_list li {
    text-align: center;
  }
  #main .section.visual .main_info .l_box .qa_list li:nth-child(1) {
    width: 310px;
    font-size: 24px;
  }
  #main .section.visual .main_info .l_box .qa_list li:nth-child(2) {
    width: 500px;
    font-size: 24px;
  }
  #main .section.visual .main_info .l_box .qa_list li:nth-child(3) {
    width: 310px;
  }
  #main .section.visual .main_slick img {
    height: 100vh;
  }

  /* partner */
  #main .section.partner {
    margin-top: 76px;
  }
  #main .section.partner .inner {
    width: 85%;
    padding: 0;
    flex-direction: column;
  }
  #main .section.partner .inner .top_title_wrapper {
    display: flex;
    flex-direction: column;
  }
  #main .section.partner .inner .title {
    display: block;
  }
  #main .section.partner .inner .sub_title {
    margin-top: 16px;
  }
  #main .section.partner .partner_wrapper {
    width: 100%;
    margin: 48px 0 0 0;
  }

  /* intro  */
  #main .section.intro {
    margin-top: 100px;
  }
  #main .section.intro .inner .top_title_wrapper {
    width: auto;
  }
  #main .section.intro .contents_wrapper {
    margin-top: 55px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #main .section.intro .contents_wrapper .circle {
    width: 98px;
    height: 98px;
  }
  #main .section.intro .contents_wrapper .box {
    margin-left: 12px;
    width: 156px;
    padding: 16px 32px;
    gap: 0;
  }
  #main .section.intro .contents_wrapper .row {
    display: flex;
    align-items: center;
  }
  #main .section.intro .contents_wrapper .row .img_wrapper {
    margin-left: 12px;
    width: 224px;
  }
  #main .section.intro .contents_wrapper .row img {
    width: 168px;
    height: 24px;
  }

  /* online */

  #main .section.online {
    margin-top: 100px;
  }
  #main .section.online .online_wrapper {
    width: 100%;
  }
  #main .section.online .choices_wrapper {
    display: none;
  }
  #main .section.online .image_wrapper {
  }
  #main .section.online .online_contents {
    flex-direction: column;
    margin-top: 0px;
  }
  #main .section.online .online_contents .online_content {
    justify-content: center;
    margin-top: 24px;
  }
  #main .section.online .online_contents .online_content:nth-child(2) {
    margin-left: 0px;
  }
  #main .section.online .online_contents .online_img {
    width: 120px;
    margin-right: 32px;
  }
  #main .section.online .online_contents .text_wrapper .title {
    width: calc(80%);
  }
  #main .section.online .online_contents .text_wrapper .sub_title {
    width: 200px;
    margin-top: 8px;
  }

  /* advantages */
  #main .section.advantages .top_title_wrapper {
    width: 100%;
  }
  #main .section.advantages .advantages_wrapper {
    width: 100vw;
    margin-top: 24px;
  }
  #main .section.advantages .advantage_box {
    width: 158px !important;
    height: 175px;
  }
  #main .section.advantages .advantage_box {
    box-shadow: none;
  }

  /* offline */
  #main .section.offline .top_title_wrapper {
    width: 100%;
  }
  #main .section.offline button {
    width: 100%;
  }
  #main .section.offline .offline_contents {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #main .section.offline .offline_content {
    width: 100%;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #main .section.offline .offline_content:first-child {
    margin-right: 0;
    margin-bottom: 12px;
  }
  #main .section.offline .location_row {
    display: flex;
  }
  #main .section.offline .offline_content .location_row .center-link {
    font-size: 13px;
  }

  /* inside center */

  #main .section.inside_center .container {
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  /* specialist */
  #main .section.specialist {
    margin-top: 76px;
  }
  #main .section.specialist .inner .title {
    width: 182px;
  }
  #main .section.specialist .inner .sub_title {
    width: 100%;
  }
  #main .section.specialist .specialist_wrapper {
    margin-top: 20px;
  }
  #main .section.specialist .specialist_wrapper .specialist_box {
    position: relative;
    width: 305px !important ;
    height: 156px !important;
    margin-right: 8px;
  }
  #main .section.specialist .specialist_wrapper .info_wrapper {
    height: 136px;
    justify-content: center;
    align-items: center;
  }
  #main .section.specialist .specialist_wrapper .specialist_box img {
    width: 148px;
  }
  #main .section.specialist .specialist_wrapper .specialist_info {
    padding-top: 0px;
    padding-right: 18px;
  }
  #main .section.specialist .specialist_wrapper .info_wrapper .history li {
    font-size: 11px;
  }
  #main .section.specialist .specialist_wrapper .specialist_info .name {
    margin-bottom: 4px;
  }

  /* expert */
  #main .section.expert {
    margin-top: 76px;
  }
  #main .section.expert .inner .top_title_wrapper {
    display: block;
  }
  #main .section.expert .inner .top_title_wrapper .apply_img {
    width: 100%;
    margin-top: 16px;
  }
  #main .section.expert .inner .title {
    width: 260px;
  }
  #main .section.expert .inner .sub_title {
    width: 260px;
  }
  #main .section.expert .inner .expert_slick {
    width: 100vw;
  }
  #main .section.expert .inner .expert_slick .slick-list {
    width: auto;
  }
  #main .section.expert .inner .experts_wrapper {
    justify-content: normal;
    margin-top: 16px;
  }
  #main .section.expert .inner .experts_wrapper .expert_prev {
    display: none;
  }
  #main .section.expert .inner .experts_wrapper .slick-next {
    display: none;
  }
  #main .section.expert .inner .experts_wrapper .expert_box .expert_wrapper {
    box-shadow: none;
  }
  #main .section.expert .background {
    background-color: var(--global-turquoise-opacity-a-24);
  }
  #main .section.expert .inner .experts_wrapper .expert_top > img {
    width: 55px;
  }

  /* program */
  #main .section.program .inner .title {
    width: 170px;
  }
  #main .section.program .inner .program_box {
    width: 100%;
    height: 195px;
  }
  #main .section.program .inner .contents_wrapper > div {
    padding: 0px;
  }
  #main .section.program .inner .contents_wrapper .padding_wrapper {
    padding: 16px;
  }
  #main .section.program .inner .program_box .title {
    font-size: 14px;
  }
  #main .section.program .inner .program_box .sub_title {
    font-size: 16px;
  }
  #main .section.program .inner .program_box .right_end {
    margin: 0 12px 12px 0;
  }

  /* graph */
  #main .section.graph {
    margin-top: 60px;
  }
  #main .section.graph .inner .title {
    width: 197px;
  }
  #main .section.graph .inner .sub_title {
    width: 248px;
  }
  #main .section.graph .inner .contents_wrapper {
    display: flex;
    flex-direction: column;
  }
  #main .section.graph .inner .graph_wrapper {
    width: 100%;
  }
  #main .section.graph .contents_wrapper .graph_box .info {
    margin-top: 12px;
    text-align: center;
  }
  #main .section.graph .contents_wrapper .graph_box img {
    width: 100%;
  }
  #main .section.graph .contents_wrapper .graph_info_wrapper {
    width: 100%;
    margin: 12px 0 0 0;
  }
  #main .section.graph .contents_wrapper .graph_info_wrapper .graph_info_box {
    padding: 24px;
  }
  #main .section.graph .contents_wrapper .graph_info_wrapper .title {
    width: 140px;
  }

  /* review */
  #main .section.review {
  }
  #main .section.review .inner .reviews_wrapper .review_box .review_wrapper {
    width: 285px;
    height: 400px;
    border-radius: 16px;
  }
  #main .section.review .inner .reviews_wrapper {
    justify-content: normal;
  }
  #main .section.expert .inner .reviews_wrapper .expert_prev {
    display: none;
  }
  #main .section.expert .inner .reviews_wrapper .slick-next {
    display: none;
  }
  #main .section.review .inner .reviews_wrapper .review_box .review_wrapper {
    box-shadow: none;
  }
  #main .section.review .background {
    background-color: var(--global-turquoise-opacity-a-24);
  }

  /* promotion */
  #main .section.promotion .inner .contents_wrapper {
    display: flex;
    margin-top: 64px;
    justify-content: space-between;
  }

  #main .section.promotion .inner .contents_wrapper {
    flex-wrap: wrap;
    align-items: center;
    margin-top: 24px;
    justify-content: center;
  }
  #main .section.promotion .inner .content_wrapper {
    width: 100%;
    margin-top: 16px;
  }
  #main .section.promotion .inner .content_wrapper .content_box img {
    max-width: 550px;
  }
  /* experience */
  #main .section.experience .inner {
    justify-content: center;
    align-items: center;
  }
  #main .section.experience .background > img {
    display: none;
  }
  #main .section.experience .background .inner .contents .btn_wrapper {
    display: flex;
    justify-content: center;
  }

  .section.faq .faq_list ol li .qbox:before {
    font-size: 26px;
  }

  .section.faq .faq_inner {
    width: 100%;
  }
  .section.faq .faq_list ol li .qbox .tit {
    font-size: 12px;
    padding: 20px 0;
  }

  #footer {
    display: block;
    width: 100%;
    height: 400px;
  }
  #footer .f_inner {
    width: 100%;
  }
  #footer .f_inner .f_top {
    display: none;
  }
  #footer .f_inner .f_bot .bot_top {
    display: flex;
    flex-direction: column;
  }
  #footer .f_inner .f_bot .bot_top .left {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
  }
  #footer .f_inner .f_bot .bot_top .left .row .strong {
    border-right: #bbbbbb 1px solid;
    font-size: 14px;
  }
  #footer .f_inner .f_bot .bot_top .left .row.info {
    flex-direction: column;
  }
  #footer .f_inner .f_bot .bot_top .left .row div:not(:last-child) {
    line-height: 1.5;
    border-right: 0;
  }
  #footer .f_inner .f_bot .bot_top .left .row.detail {
  }
  #footer .f_inner .f_bot .bot_top .right {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #footer .f_inner .f_bot .bot_top .right .img_wrapper {
    width: 90px;
  }
  #footer .f_inner .f_bot .bot_top .cafe,
  .pro {
    justify-content: center;
  }
  #footer .f_inner .f_bot .sns {
    display: none;
  }
  #footer .f_inner .f_bot .bot_top .right .logo {
    width: 44px;
    height: 44px;
  }
  #footer .f_inner .f_bot .bot_top .right .kind {
    justify-content: unset;
  }
  #footer .f_inner .f_bot .bot_top .right p:nth-child(2) {
    margin-top: 10px;
  }
  #footer .f_inner .f_bot .bot_top .right {
    margin-left: 0px;
  }
  #footer .f_inner .apply .apply_img {
    max-width: 310px;
  }

  /* contents */
  #contents {
    width: 100%;
  }
  #contents .contents_main .intro_tit {
    font-size: 16px;
    line-height: 42px;
    color: #222222;
    text-align: center;
  }
  #contents .contents_main.community .list_ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contents_main.community .column_list ul li {
    margin: 0;
  }
  .view_wrap .view_cont {
    margin: 0 10px;
  }
  .mt75 {
    margin: 0 10px;
  }
  .tbl_write .colgroup {
    display: none;
  }
  /* #memail1 { width: auto; } */
  .boxed {
    width: auto;
  }
  .tbl_write table tbody > tr > td .boxed #memail1 {
    width: 100%;
  }
  .tbl_write table tbody > tr > td .boxed #memail2 {
    width: 95%;
  }
  .tbl_write table tbody > tr > td .boxed #memail3 {
    width: auto;
  }
  #contents .agreement .tbl_write {
    margin: 0;
    padding: 0;
    border-top: none;
  }
  #contents .agreement .agree_info_area .tit {
    margin-top: 20px;
    font-weight: 700;
    font-size: 32px;
    line-height: 58px;
    color: #222222;
  }
  .tbl_write table {
    display: none;
  }
  .tbl_write .write_box.mobile {
    display: block;
  }

  .contents_main.community .cs_info {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .contents_main.community .cs_info img {
    width: 60px;
  }
  .contents_main.community .cs_info > div > .inner > div.infobox {
    padding-left: 0;
  }
  .contents_main.community .cs_info > div > .inner {
    margin-top: 20px;
  }
  .contents_main.community .cs_info > div > .inner > div.infobox .num {
    font-size: 18px;
    display: flex;
    flex-direction: column;
  }
  .contents_main.community .cs_info > div > .inner > div.infobox .num .time {
    margin: 0;
    font-size: 12px;
  }
  .contents_main.community .cs_info > div > .inner > div.infobox .txt {
    font-size: 18px;
  }

  /* WRITE TABLE */
  .tbl_write {
  }
  .tbl_write .titarea {
    overflow: hidden;
    padding: unset;
  }
  .tbl_write .titarea .tit {
    padding: 0 0 24px;
    border-bottom: 2px solid #222222;
    font-weight: 700;
    font-size: 20px;
    color: #222222;
  }
  .tbl_write .titarea .notice {
    position: relative;
    padding: 24px 0 22px;
    border-bottom: 2px solid #d9d9d9;
    font-size: 16px;
    color: #358def;
  }
  .tbl_write .write_box {
  }
  .tbl_write .write_box ul {
    padding: 0 0 40px;
    border-bottom: 2px solid #d9d9d9;
  }
  .tbl_write .write_box ul li {
    margin: 18px 0 0;
  }
  .tbl_write .write_box ul li .tit {
    margin: 0 0 12px;
    font-size: 28px;
    color: #222222;
  }
  .tbl_write .write_box ul li .tit .ess {
    display: inline-block;
    color: #358def;
  }
  .tbl_write .write_box ul li .boxed {
    margin: 0 0 0 0;
  }
  .tbl_write .write_box ul li .boxed:first-child {
    margin: 0;
  }
  .tbl_write .write_box ul li .boxed > * {
    float: left;
    margin: 0 0 0 15px;
  }
  .tbl_write .write_box ul li .boxed > *:first-child {
    margin: 0;
  }
  .tbl_write .write_box ul li .boxed:after {
    display: block;
    content: "";
    clear: both;
  }
  .tbl_write .write_box ul li .boxed .dash {
    display: inline-block;
    font-size: 28px;
    line-height: 80px;
    color: #222222;
    margin: 0;
  }
  .tbl_write .write_box ul li .boxed .at {
    display: inline-block;
    font-size: 29px;
    line-height: 80px;
    color: #222222;
  }
  .tbl_write .write_box .rdo_box {
    font-size: 0;
  }
  .tbl_write .write_box ul li .tit {
    font-size: 16px;
    width: 100px;
    width: 60px;
    min-width: 60px;
  }
  .tbl_write .write_box ul li .boxed .at {
    font-size: 16px;
  }
  .tbl_write .write_box ul li .boxed {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #contents .agreement .agree_info_area .tit {
    font-size: 20px;
  }
  #contents .agreement .agree_info_area .infobox {
    height: 150px;
  }
  .tbl_write .write_box ul li .boxed .dash {
    margin: 0 0 0 0px;
  }
  .tbl_write .write_box ul li .memail_wrapper .boxed {
    margin: 0;
  }
  .tbl_write .write_box ul li .boxed > * {
    margin: 0;
  }
  #contents .sub_visual .inner .titarea {
    padding: 88px 0 0;
  }
  .contents_main.community .cs_info > div {
    margin-top: -10px;
  }
  .layer-back {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 999;
    background: rgba(0, 0, 0, 0.7);
  }
  .layer-back.bg-none {
    background: none;
  }
  .layer-wrap {
    position: absolute;
    z-index: 999;
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.5s;
  }
  .layer-wrap.open {
    transform: translateY(0);
    opacity: 1;
  }
  .w-30 {
    width: 30% !important;
  }

  .layer_popup {
    position: relative;
    z-index: 9100;
    background: #ffffff;
  }
  .layer_popup .layer_head {
    position: relative;
    padding: 0 0 0 20px;
    background: #333333;
  }
  .layer_popup .layer_head .layer_title {
    font-weight: 700;
    font-size: 26px;
    line-height: 60px;
    color: #ffffff;
  }
  .layer_popup .layer_head .layer_close {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url(../../images/common/layer_close.png) 0 0 no-repeat;
    text-indent: -9999em;
  }

  .layer_popup.main {
    box-sizing: border-box;
    border: 2px solid #d9d9d9;
  }
  .layer_popup.main .layer_body img {
    width: 100%;
    max-width: 100%;
  }

  .layer_popup .layer_body {
    width: 100%;
    height: 100%;
  }
  .layer_popup .layer_body.fixed {
    overflow-y: auto;
  }
  .layer_popup .layer_body .etc_wrap {
    padding: 30px;
  }
  .layer_popup .layer_body .etc_wrap > .txt {
    font-size: 24px;
    line-height: 35px;
    color: #222222;
  }
  .layer_popup .layer_body .etc_wrap > ol {
    margin: 20px 0 0;
  }
  .layer_popup .layer_body .etc_wrap > ol > li {
    margin: 25px 0 0;
    font-size: 23px;
  }
  .layer_popup .layer_body .etc_wrap > ol > li:first-child {
    margin: 0;
  }
  .layer_popup .layer_body .etc_wrap > ol > li > .tit {
    font-size: 23px;
    color: #222222;
  }
  .layer_popup .layer_body .etc_wrap > ol > li > .txt {
    margin: 10px 0 0;
    font-size: 23px;
    line-height: 35px;
    color: #222222;
  }
  .layer_popup .layer_body .etc_wrap > ol > li > ol {
    margin: 10px 0 0;
  }
  .layer_popup .layer_body .etc_wrap > ol > li > ol > li {
    margin: 10px 0 0;
  }
  .layer_popup .layer_body .etc_wrap > ol > li > ol > li:first-child {
    margin: 0;
  }
  .layer_popup .layer_body .etc_wrap > ol > li > ol > li > .tit {
    font-size: 23px;
    line-height: 35px;
    color: #222222;
  }
  .layer_popup .layer_body .etc_wrap > ol > li > ol > li > .txt {
    margin: 5px 0 0;
    font-size: 23px;
    line-height: 35px;
    color: #222222;
  }

  .layer_popup .layer_foot {
    overflow: hidden;
    background: #d9d9d9;
  }
  .layer_popup .layer_foot label.chk_default {
    float: left;
    margin: 0 0 0 27px;
  }
  .layer_popup .layer_foot label.chk_default span {
    font-size: 28px;
    line-height: 68px;
    color: #222222;
  }
  .layer_popup .layer_foot .close {
    float: right;
    width: 80px;
    height: 68px;
    background: url(../../images/common/layer_close_b.png) center center
      no-repeat;
    text-indent: -9999em;
  }

  .layer_popup.complete .layer_body {
    padding: 100px 0 94px;
    text-align: center;
  }
  .layer_popup.complete .layer_body .tit {
    margin: 42px 0 0;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #222222;
  }
  .layer_popup.complete .layer_body .desc {
    margin: 28px 0 0;
    font-size: 26px;
    line-height: 36px;
    color: #222222;
  }

  .layer_popup.complete .layer_foot {
  }
  .layer_popup.complete .layer_foot button {
    width: 100%;
    background: #358def;
    font-weight: 700;
    font-size: 30px;
    line-height: 90px;
    color: #d9d9d9;
  }
  #footer .email_reject {
    display: none;
  }
  #footer .private_policy {
    display: none;
  }
  .mobile_private_policy {
    display: block;
  }
  .mobile_email_reject {
    display: block;
  }

  #header #footer_email {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
  }

  #header #footer_email .email_background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333333;
    opacity: 0.5;
  }
  #header #footer_email .popup_email {
    position: relative;
    margin: 40% auto;
    width: 90%;
    background: #ffffff;
  }
  #header #footer_email .popup_head {
    background-color: #333333;
    display: flex;
    padding: 10px 5px;
    align-items: center;
    justify-content: space-between;
  }
  #header #footer_email .popup_head .popup_title {
    color: #ffffff;
    display: flex;
    font-size: 24px;
    font-weight: bold;
    justify-content: space-between;
  }
  #header #footer_email .popup_body {
    overflow: auto;
    height: 8rem;
    padding: 30px 15px;
  }
  #header #footer_email .popup_body .txt {
    font-size: 14px;
    line-height: 24px;
    color: #222222;
  }
  #header #footer_email .popup_head .email_popup_close {
  }

  #header #footer_private {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
  }
  #header #footer_private .private_background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333333;
    opacity: 0.5;
  }
  #header #footer_private .popup_private {
    position: relative;
    margin: 10rem auto;
    width: 90%;
    background: #ffffff;
  }
  #header #footer_private .popup_head {
    background-color: #333333;
    display: flex;
    padding: 10px 5px;
    align-items: center;
    justify-content: space-between;
  }
  #header #footer_private .popup_head .popup_title {
    color: #ffffff;
    display: flex;
    font-size: 24px;
    font-weight: bold;
    justify-content: space-between;
  }
  #header #footer_private .popup_body {
    overflow: auto;
    height: 18rem;
    padding: 30px 15px;
  }
  #header #footer_private .popup_body .txt {
    font-size: 14px;
    line-height: 24px;
    color: #222222;
    overflow: auto;
  }
  #header #footer_private .popup_body .txt_wrapper .tit {
    margin-top: 10px;
    line-height: 1.2;
  }
  #header #footer_private .popup_body .txt_wrapper .tit.count {
    margin-top: 40px;
  }
  @media screen and (max-width: 359px) {
    #main .section.review .graph_wrapper {
      width: 280px;
      height: 360px;
      background-image: url(../../images/main/mobile-review-graph.png);
      background-size: cover;
    }
    #main .section.online .contents {
      width: 280px;
      height: 220px;
      margin: 278px auto 0;
      background-image: url(../../images/main/online-service.png);
      background-size: cover;
    }

    #main .section.visual .inner .partner {
      height: 210px;
    }
  }

  @media screen and (max-width: 336px) {
    #main .section.expert .inner .contents .right .title {
      flex-direction: column;
    }
  }
  @media screen and (max-width: 319px) {
    #main .section.visual .main_info .l_box .qa_list li:nth-child(1) {
      color: var(--global-white-a-100);
      width: 100%;
      font-size: 6vw;
    }
    #main .section.visual .main_info .l_box .qa_list li:nth-child(2) {
      color: var(--global-white-a-100);
      margin-top: 8px;
      width: 280px;
      font-size: 6vw;
    }
    #main .section.visual .main_info .l_box .qa_list li:nth-child(3) {
      width: 95%;
    }

    #main .section.intro .contents_wrapper .box {
      margin-left: 4px;
      width: 104px;
      padding: 16px 32px;
      font-size: 12px;
    }
    #main .section.intro .contents_wrapper .row .img_wrapper {
      margin-left: 4px;
      width: 174px;
    }

    #main .section.inside_center .container .item .hover_box p {
      font-size: 12px;
    }

    #main .section.program .inner .contents_wrapper .program_wrapper img {
      width: 75px;
    }

    #main
      .section.graph
      .contents_wrapper
      .graph_info_wrapper
      .content_wrapper {
      flex-direction: column;
    }

    #main .section.review .inner .reviews_wrapper .review_box .review_wrapper {
      width: 255px;
      height: 450px;
      border-radius: 16px;
    }

    #main .section.online .online_contents .online_img {
      width: 110px;
      margin-right: 16px;
    }
    #main .section.online .online_contents .text_wrapper .title {
      width: calc(80%);
    }
    #main .section.online .online_contents .text_wrapper .sub_title {
      width: calc(95%);
    }

    #main .section.promotion .inner .content_wrapper {
      height: 300px;
    }
    #main .section.experience button {
      font-size: 14px;
    }

    #footer .f_inner .f_bot .bot_top .cafe,
    .pro {
      position: relative;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    #footer .f_inner .f_bot .bot_top .right .img_wrapper {
      display: flex;
      width: auto;
      margin-top: 20px;
    }
    #footer .f_inner .f_bot .bot_top .right .kind {
      margin-right: 10px;
      align-items: center;
    }
    #footer .f_inner .f_bot .bot_top {
      margin-top: 0;
    }
  }
}

/* 신규 푸터 css*/

#footer.footer-new .hidden {
  display: none !important;
}
#footer.footer-new .visible {
  display: flex !important; /* or grid, block 등 원하는 걸로 */
}

#footer.footer-new .mobile-only-flex {
  visibility: hidden !important;
  display: none !important;
}

#footer.footer-new .desktop-only-flex {
  visibility: visible !important;
  display: flex !important;
}

#footer.footer-new {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background: var(--sys-surface-alt, #fafbfc);
}

#footer.footer-new .footer-container {
  display: flex;
  flex-direction: column;
}

#footer.footer-new .footer-container .footer-top-container {
  display: flex;
  padding: 12px var(--margin-side, 24px);
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 10px;
  align-self: stretch;
  flex-wrap: wrap;
}

#footer.footer-new .footer-container .footer-top-container img.logo {
  width: 134px;
  height: 16px;
}

#footer.footer-new
  .footer-container
  .footer-top-container
  .footer-social-links {
  display: flex;
  align-items: center;
  gap: 14px;
}

#footer.footer-new .footer-container .footer-content-container {
  display: flex;
  padding: 8px var(--margin-side, 24px);
  align-items: center;
  align-content: center;
  align-self: stretch;
  flex-wrap: wrap;
}

#footer.footer-new .footer-container .footer-content-container p {
  width: 100%;
  color: var(--comp-cont-neutral-lightest-500, #7e8a96);
  /* Caption/Small */
  font-family: Pretendard;
  font-size: var(--ref-font-size-1-static, 12px);
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 16.8px */
}

#footer.footer-new .footer-container .footer-link-container {
  display: flex;
  padding: 8px var(--margin-side, 24px) var(--margin-bottom, 64px)
    var(--margin-side, 24px);
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

#footer.footer-new .footer-container .footer-link-container .footer-text-links {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  flex: 1;
}

#footer.footer-new
  .footer-container
  .footer-link-container
  .mindcafe-app-info-container {
  display: flex;
  align-items: center;
  align-content: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

#footer.footer-new
  .footer-container
  .footer-link-container
  .mindcafe-app-info-container
  .app-info-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

#footer.footer-new
  .footer-container
  .footer-link-container
  .mindcafe-app-info-container
  .app-info-container
  img {
  width: 24px;
  height: 24px;
}

#footer.footer-new
  .footer-container
  .footer-link-container
  .mindcafe-app-info-container
  .app-info-container
  .app-title-container {
  display: flex;
  flex-direction: column;
}

#footer.footer-new
  .footer-container
  .footer-link-container
  .mindcafe-app-info-container
  .app-info-container
  .app-title-container
  .app-title-text {
  color: var(--comp-cont-neutral-default-900, #373d44);
  /* Caption/Medium */
  font-family: Pretendard;
  font-size: var(--ref-font-size-2-static, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}

#footer.footer-new
  .footer-container
  .footer-link-container
  .mindcafe-app-info-container
  .app-info-container
  .app-title-container
  .app-subtitle-text {
  color: var(--comp-cont-neutral-lightest-500, #7e8a96);

  /* Caption/Small */
  font-family: Pretendard;
  font-size: var(--ref-font-size-1-static, 12px);
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 16.8px */
}

#footer.footer-new
  .footer-container
  .footer-link-container
  .mindcafe-app-info-container
  .app-stores {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

#footer.footer-new
  .footer-container
  .footer-link-container
  .mindcafe-app-info-container
  .app-stores
  a
  img {
  width: auto;
  height: 32px;
}

#footer.footer-new .social-link-item img {
  width: 20px;
  height: 20px;
}

#footer.footer-new .text-link-item {
  color: var(--comp-cont-neutral-lightest-500, #7e8a96);
  /* Caption/Small */
  font-family: Pretendard;
  font-size: var(--ref-font-size-1-static, 12px);
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 16.8px */
}

@media screen and (max-width: 1023px) {
  #footer.footer-new .mobile-only-flex {
    visibility: visible !important;
    display: flex !important;
  }

  #footer.footer-new .desktop-only-flex {
    visibility: hidden !important;
    display: none !important;
  }

  #footer.footer-new {
    width: 100%;
    height: fit-content !important;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background: var(--sys-surface-alt, #fafbfc);
  }

  #footer.footer-new .footer-container {
    display: flex;
    flex-direction: column;
  }

  #footer.footer-new .footer-container .footer-top-container {
    display: flex;
    padding: 12px var(--margin-side, 24px);
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap: 10px;
    align-self: stretch;
    flex-wrap: wrap;
  }

  #footer.footer-new .footer-container .footer-top-container img.logo {
    width: 134px;
    height: 16px;
  }

  #footer.footer-new
    .footer-container
    .footer-top-container
    .footer-social-links {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  #footer.footer-new .footer-container .footer-content-container {
    display: flex;
    padding: 8px var(--margin-side, 24px);
    align-items: center;
    align-content: center;
    align-self: stretch;
    flex-wrap: wrap;
  }

  #footer.footer-new .footer-container .footer-content-container p {
    width: 100%;
    color: var(--comp-cont-neutral-lightest-500, #7e8a96);
    /* Caption/Small */
    font-family: Pretendard;
    font-size: var(--ref-font-size-1-static, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 16.8px */
  }

  #footer.footer-new .footer-container .footer-link-container {
    display: flex;
    padding: 8px var(--margin-side, 24px) var(--margin-bottom, 64px)
      var(--margin-side, 24px);
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
  }

  #footer.footer-new
    .footer-container
    .footer-link-container
    .footer-text-links {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    flex: 1;
  }

  #footer.footer-new
    .footer-container
    .footer-link-container
    .mindcafe-app-info-container {
    display: flex;
    align-items: center;
    align-content: flex-start;
    gap: 16px;
    flex-wrap: wrap;
  }

  #footer.footer-new
    .footer-container
    .footer-link-container
    .mindcafe-app-info-container
    .app-info-container {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #footer.footer-new
    .footer-container
    .footer-link-container
    .mindcafe-app-info-container
    .app-info-container
    img {
    width: 24px;
    height: 24px;
  }

  #footer.footer-new
    .footer-container
    .footer-link-container
    .mindcafe-app-info-container
    .app-info-container
    .app-title-container {
    display: flex;
    flex-direction: column;
  }

  #footer.footer-new
    .footer-container
    .footer-link-container
    .mindcafe-app-info-container
    .app-info-container
    .app-title-container
    .app-title-text {
    color: var(--comp-cont-neutral-default-900, #373d44);
    /* Caption/Medium */
    font-family: Pretendard;
    font-size: var(--ref-font-size-2-static, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
  }

  #footer.footer-new
    .footer-container
    .footer-link-container
    .mindcafe-app-info-container
    .app-info-container
    .app-title-container
    .app-subtitle-text {
    color: var(--comp-cont-neutral-lightest-500, #7e8a96);

    /* Caption/Small */
    font-family: Pretendard;
    font-size: var(--ref-font-size-1-static, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 16.8px */
  }

  #footer.footer-new
    .footer-container
    .footer-link-container
    .mindcafe-app-info-container
    .app-stores {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }

  #footer.footer-new
    .footer-container
    .footer-link-container
    .mindcafe-app-info-container
    .app-stores
    a
    img {
    width: auto;
    height: 32px;
  }

  #footer.footer-new .social-link-item img {
    width: 20px;
    height: 20px;
  }

  #footer.footer-new .text-link-item {
    color: var(--comp-cont-neutral-lightest-500, #7e8a96);
    /* Caption/Small */
    font-family: Pretendard;
    font-size: var(--ref-font-size-1-static, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 16.8px */
  }
}

/* saas 관련 추가 css */

.floating {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}

.inquiry {
  display: flex;
  width: 40px;
  height: 57px;
  padding: 9px var(--font-size-3-static, 16px) 6px
    var(--font-size-3-static, 16px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-2xs, 4px);
  border-radius: 24px;
  border: 1px solid var(--global-turquoise-400, #009b9c);
  background: var(--global-turquoise-600, #007d7c);
  cursor: pointer;
  /* Elevation/Light/03 */
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08),
    0px 4px 8px 4px rgba(0, 0, 0, 0.04);

  .icon {
    width: var(--font-size-9-fluent, 36px);
    height: var(--font-size-9-fluent, 36px);
    flex-shrink: 0;
  }
  .text {
    color: var(--global-white-a100, #fff);
    text-align: center;

    /* Web/Caption */
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 16.5px */
  }
}