@charset "UTF-8";
html {
  font-size: 10px;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: currentColor;
  line-height: normal;
  letter-spacing: -0.06em;
  word-wrap: break-word;
  word-break: keep-all;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.not-transition * {
  transition: none !important;
}

@supports (-webkit-touch-callout: none) {
  html,
  body {
    position: fixed;
    width: 100%;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
  }
}

body,
input,
textarea,
select,
table,
button,
code {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  -webkit-border-radius: 0;
}

.hidden,
[hidden] {
  display: none !important;
}

.ios-hidden {
  display: none !important;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

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

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}

select,
input,
textarea,
button {
  -webkit-appearance: none;
}
select:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 0;
}
select:focus-visible,
input:focus-visible,
textarea:focus-visible,
button:focus-visible {
  outline: 2px dashed #222;
}

input[type=number] {
  -moz-appearance: textfield;
}

input:disabled {
  background-color: rgba(255, 255, 255, 0);
  cursor: not-allowed;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

select {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}

input,
textarea {
  border: 0;
  font-size: inherit;
  color: #222;
}
input::placeholder,
textarea::placeholder {
  /* Chrome, Safari, Firefox */
  color: #707070;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE, Edge */
  color: #707070;
  opacity: 1;
}
input[readonly]::placeholder, input:disabled::placeholder,
textarea[readonly]::placeholder,
textarea:disabled::placeholder {
  /* Chrome, Safari, Firefox */
  color: #707070;
  opacity: 1;
}
input[readonly]:-ms-input-placeholder, input:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder {
  /* IE, Edge */
  color: #707070;
  opacity: 1;
}
input::-ms-clear, input::-ms-reveal,
textarea::-ms-clear,
textarea::-ms-reveal {
  /* IE, Edge */
  display: none;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

table {
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}

.container {
  padding-top: 120px;
}
@media (max-width: 1200px) {
  .container {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .container {
    padding-top: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .container {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .container.--type-visual-mo-none .header__visual__section {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .container.--type-visual-mo-none .header__visual__section {
    display: none;
  }
}

.wrap {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.wrap .wrap-scroll {
  height: 100%;
}
.wrap .common-inner {
  transition: 0.5s;
}
.wrap .common-inner .contents {
  min-height: 100px;
  max-width: 1260px;
  margin: 0 auto;
  padding: 60px 0 120px;
}
@media (max-width: 1280px) {
  .wrap .common-inner .contents {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .wrap .common-inner .contents {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .wrap .common-inner .contents {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .wrap .common-inner .contents {
    padding: 40px 15px 80px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .wrap .common-inner .contents {
    padding: 40px 15px 80px;
  }
}
@supports (-webkit-touch-callout: none) {
  .wrap.--type-prod, .wrap.--type-fixbtn {
    overflow-y: auto;
  }
}

@media (min-width: 768px) {
  body.--type-datamap {
    overflow-x: auto;
    overflow-y: hidden;
  }
  body.--type-datamap .wrap {
    min-width: 1280px;
  }
  body.--type-datamap .wrap .common-inner .contents {
    min-width: 1280px;
    max-width: 1280px;
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    top: 20px;
  }
  50% {
    top: -5px;
  }
  70% {
    opacity: 1;
    top: 10px;
  }
  100% {
    top: 5px;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes aniDepth2 {
  0% {
    opacity: 0;
    transform: translate(-50%, -10px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes height140 {
  0% {
    height: 0;
  }
  100% {
    height: 140px;
  }
}
@keyframes height142 {
  0% {
    height: 0;
  }
  100% {
    height: 142px;
  }
}
@keyframes height156 {
  0% {
    height: 0;
  }
  100% {
    height: 156px;
  }
}
@keyframes height170 {
  0% {
    height: 0;
  }
  100% {
    height: 170px;
  }
}
@keyframes height183 {
  0% {
    height: 0;
  }
  100% {
    height: 183px;
  }
}
@keyframes translateX {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes moveY {
  100% {
    transform: translateY(40px);
  }
}
@keyframes acoMove {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes mainTabInnerMove {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 100;
  font-style: normal;
  src: url("../../fonts/NotoSans-Thin.eot?") format("eot"), url("../../fonts/NotoSans-Thin.otf") format("opentype"), url("../../fonts/NotoSans-Thin.woff") format("woff"), url("../../fonts/NotoSans-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 200;
  font-style: normal;
  src: url("../../fonts/NotoSans-Light.eot?") format("eot"), url("../../fonts/NotoSans-Light.otf") format("opentype"), url("../../fonts/NotoSans-Light.woff") format("woff"), url("../../fonts/NotoSans-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 300;
  font-style: normal;
  src: url("../../fonts/NotoSans-DemiLight.eot?") format("eot"), url("../../fonts/NotoSans-DemiLight.otf") format("opentype"), url("../../fonts/NotoSans-DemiLight.woff") format("woff"), url("../../fonts/NotoSans-DemiLight.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 400;
  font-style: normal;
  src: url("../../fonts/NotoSans-DemiLight.eot?") format("eot"), url("../../fonts/NotoSans-DemiLight.otf") format("opentype"), url("../../fonts/NotoSans-DemiLight.woff") format("woff"), url("../../fonts/NotoSans-DemiLight.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 500;
  font-style: normal;
  src: url("../../fonts/NotoSans-Medium.eot?") format("eot"), url("../../fonts/NotoSans-Medium.otf") format("opentype"), url("../../fonts/NotoSans-Medium.woff") format("woff"), url("../../fonts/NotoSans-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/NotoSans-Bold.eot?") format("eot"), url("../../fonts/NotoSans-Bold.otf") format("opentype"), url("../../fonts/NotoSans-Bold.woff") format("woff"), url("../../fonts/NotoSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 900;
  font-style: normal;
  src: url("../../fonts/NotoSans-Black.eot?") format("eot"), url("../../fonts/NotoSans-Black.otf") format("opentype"), url("../../fonts/NotoSans-Black.woff") format("woff"), url("../../fonts/NotoSans-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../../fonts/Roboto-Thin.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  src: url("../../fonts/Roboto-Light.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/Roboto-Regular.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/Roboto-Medium.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/Roboto-Bold.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../../fonts/Roboto-Black.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}
.scrollbar {
  border: 1px solid grey;
  width: 50%;
  max-height: 200px;
  min-height: 100px;
  margin: 50px auto;
}

.screen-out {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}

.scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-x::-webkit-scrollbar {
  display: none;
}

body.scroll-off {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.bullet__group {
  padding: 30px;
  background: #f5f5f5;
  border-radius: 5px;
}
.bullet__group > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  position: relative;
  padding-left: 12px;
}
.bullet__group > li .point {
  color: #1ccdcc;
}
@media (min-width: 768px) {
  .bullet__group > li + li {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .bullet__group > li + li {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .bullet__group > li + li {
    margin-top: 8px;
  }
}
.bullet__group > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .bullet__group > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .bullet__group > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .bullet__group {
    padding: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .bullet__group {
    padding: 15px;
  }
}

.title01 {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 41px;
  letter-spacing: -0.06em;
}

.title02 {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .title02 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .title02 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}

.category {
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
}
.category > li.cate {
  display: flex;
  align-items: center;
}
.category > li.cate span {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .category > li.cate span:last-of-type {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .category > li.cate span:last-of-type {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.category > li.cate span:not(:last-of-type) {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .category > li.cate span:not(:last-of-type) {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .category > li.cate span:not(:last-of-type) {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.category > li.cate span:not(:last-of-type)::after {
  width: 7px;
  height: 11px;
  background: url("../../img/ico/ico_arrow_left_ccc_11x7.svg") no-repeat center/contain;
  content: "";
  margin: 0 10px;
}
@media (max-width: 767px) {
  .category > li.cate span:not(:last-of-type)::after {
    margin: 0 4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .category > li.cate span:not(:last-of-type)::after {
    margin: 0 4px;
  }
}
.category:not(.--type-wrap) > li.cate {
  max-width: calc(100% - 100px);
}
.category:not(.--type-wrap) > li.cate span:last-of-type {
  display: -webkit-box;
  max-height: 24px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #2b3294;
  line-height: 24px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.category.--type-wrap > li.cate {
  flex-wrap: wrap;
}
.category.--type-wrap > li.cate span:last-of-type {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #2b3294;
  line-height: 24px;
  letter-spacing: -0.06em;
}

.inner-category {
  display: flex;
  flex-wrap: wrap;
}
.inner-category > li {
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
.inner-category > li:not(:last-of-type)::after {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_introduce_category_next.svg") no-repeat center/contain;
  content: "";
  margin: 0 2px;
}
@media (max-width: 767px) {
  .inner-category > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
  .inner-category > li:not(:last-of-type)::after {
    margin: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .inner-category > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
  .inner-category > li:not(:last-of-type)::after {
    margin: 0;
  }
}

.cm-mt10 {
  margin-top: 10px !important;
}

.cm-pt40 {
  padding-top: 40px !important;
}

.cm-pb40 {
  padding-bottom: 40px !important;
}

@media (max-width: 767px) {
  .mo-px15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mo-px15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.js-validation.invalid {
  position: relative;
}
.js-validation.invalid .ipt__text + label {
  border-color: #ee1a1a;
}
.js-validation.invalid .err {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #ee1a1a;
  line-height: 20px;
  letter-spacing: -0.06em;
  margin-top: 10px;
}
.js-validation.invalid .js-text-count-group + .err {
  position: absolute;
  bottom: -3px;
  left: 0;
}
@media (max-width: 767px) {
  .js-validation.invalid .js-text-count-group + .err {
    bottom: -4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .js-validation.invalid .js-text-count-group + .err {
    bottom: -4px;
  }
}
.use__application__textarea__group .js-validation.invalid .textarea__group {
  border-color: #ee1a1a;
}
.use__application__textarea__group .js-validation.invalid .err {
  position: absolute;
  bottom: -3px;
  left: 0;
}
@media (max-width: 767px) {
  .use__application__textarea__group .js-validation.invalid .err {
    bottom: -4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .use__application__textarea__group .js-validation.invalid .err {
    bottom: -4px;
  }
}

.guide {
  max-width: 1260px;
  margin: 10px auto 0;
}
.guide__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
  margin-bottom: 10px;
}
.guide__title:not(:first-of-type) {
  margin-top: 30px;
}
.guide__group > li + li {
  margin-top: 20px;
}
.guide__group.flex > li {
  display: flex;
  flex-wrap: wrap;
}
.guide__group.flex button {
  margin-bottom: 5px;
}
.guide__group.flex button:not(:last-of-type) {
  margin-right: 10px;
}
.guide.--type-list .guide__title {
  margin-top: 60px;
}
.guide.--type-list .guide__list__section {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px dashed #e0e0e0;
}

.gnb__group > li.is-active:not(.is-over) > a, .gnb__group > li.is-over > a {
  color: #4063ec;
}
.--type-bk .gnb__group > li.is-active:not(.is-over) > a, .--type-bk .gnb__group > li.is-over > a {
  color: #fff;
}
.gnb__group > li.is-active:not(.is-over) > a::before, .gnb__group > li.is-over > a::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 5px;
  height: 5px;
  content: "";
  top: 5px;
  flex-shrink: 0;
  background: #4063ec;
  border-radius: 50%;
}
.--type-bk .gnb__group > li.is-active:not(.is-over) > a::before, .--type-bk .gnb__group > li.is-over > a::before {
  background: #fff;
}

.header__section {
  transition: top 0.5s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  z-index: 1001;
}
.header__section.--type-bk {
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.1);
}
.is-drawerMenu .header__section.--type-bk {
  background: #fff;
}
.header__section.is-scroll {
  top: -40px;
}
@media (max-width: 767px) {
  .header__section.is-prod-header {
    position: static;
    margin-bottom: -60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__section.is-prod-header {
    position: static;
    margin-bottom: -60px;
  }
}
@media screen and (max-width: 1200px) {
  .header__section.is-scroll {
    top: 0;
  }
}
@media (max-width: 767px) {
  .header__section {
    box-shadow: none;
  }
  .header__section.is-sticky {
    top: 0;
    z-index: 1010;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__section {
    box-shadow: none;
  }
  .header__section.is-sticky {
    top: 0;
    z-index: 1010;
  }
}
.header__top__group {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  height: 40px;
  padding-right: 20px;
  background: #f5f5f5;
}
.--type-bk .header__top__group {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 512px, rgba(0, 0, 0, 0.4) 512px);
}
@media screen and (max-width: 1200px) {
  .header__top__group {
    display: none;
  }
}
.header__top__log a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.header__top__log a .bold {
  margin-right: 2px;
  font-weight: 500;
}
.header__top__log a .bold.point {
  margin-left: 2px;
  color: #4063ec;
}
.--type-bk .header__top__log a {
  color: #fff;
}
.--type-bk .header__top__log a .bold.point {
  color: #fff;
}
.header__top__log a + a {
  margin-left: 20px;
}
.header__top__menu {
  display: flex;
  height: 100%;
}
.header__top__menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 128px;
  height: 100%;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  text-align: center;
}
.header__top__menu a.is-active {
  background: #fff;
  color: #222;
}
.--type-bk .header__top__menu a {
  background: rgba(0, 0, 0, 0.4);
  color: #ccc;
}
.--type-bk .header__top__menu a.is-active:focus-visible, .--type-bk .header__top__menu a:focus-visible {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 0 1px #f5f5f5;
  outline: none;
}
.--type-bk .header__top__menu a.is-active {
  background: transparent;
  color: #fff;
}
.header__top__menu a:focus-visible {
  background: #e0e0e0;
  box-shadow: inset 0 0 0 1px #707070;
  outline: none;
}
.header__gnb__section {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  height: 80px;
  background: #fff;
  transition: 0.5s;
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .header__gnb__section {
    justify-content: flex-end;
    padding-right: 120px;
  }
}
@media screen and (max-width: 1200px) {
  .header__gnb__section {
    justify-content: flex-start;
  }
}
.--type-bk .header__gnb__section {
  background: transparent;
}
.is-drawerMenu .header__gnb__section, .is-sticky.is-scroll .header__gnb__section {
  height: 60px;
}
@media (min-width: 1201px) and (max-width: 1920px) {
  .is-drawerMenu .header__gnb__section {
    padding-right: 100px;
  }
}
@media (max-width: 767px) {
  .header__gnb__section {
    height: 60px;
    box-shadow: inset -1px -1px 0 0 rgba(204, 204, 204, 0.2);
    overflow: hidden;
    transition: 0.2s;
  }
  .is-sticky.is-scroll .header__gnb__section {
    height: 0;
  }
  .is-gnb .header__gnb__section {
    height: 0;
    overflow: hidden;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__gnb__section {
    height: 60px;
    box-shadow: inset -1px -1px 0 0 rgba(204, 204, 204, 0.2);
    overflow: hidden;
    transition: 0.2s;
  }
  .is-sticky.is-scroll .header__gnb__section {
    height: 0;
  }
  .is-gnb .header__gnb__section {
    height: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 1200px) {
  .header__gnb__group {
    display: none;
  }
}
.header__menu__group {
  display: none;
  margin-left: 30px;
}
@media screen and (max-width: 1200px) {
  .header__menu__group {
    display: block;
  }
}
@media (max-width: 767px) {
  .header__menu__group {
    margin-left: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__menu__group {
    margin-left: 15px;
  }
}
.header__logo {
  display: flex;
  align-items: center;
}
.header__logo .img {
  width: 100px;
  height: 22px;
  background: url("../../img/logo/logo.svg") no-repeat center/contain;
}
.--type-bk .header__logo .img {
  background-image: url("../../img/logo/logo_wh.svg");
}
.is-drawerMenu .--type-bk .header__logo .img {
  background-image: url("../../img/logo/logo.svg");
}
.header__logo .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  padding-left: 8px;
}
.--type-bk .header__logo .txt {
  color: #fff;
}
.is-drawerMenu .--type-bk .header__logo .txt {
  color: #222;
}
@media (max-width: 767px) {
  .header__logo .txt {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__logo .txt {
    display: none;
  }
}
.header__logo__group {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}
@media screen and (max-width: 1200px) {
  .header__logo__group {
    left: 84px;
  }
}
@media (max-width: 767px) {
  .header__logo__group {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__logo__group {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.header__search__group {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.header__search__group > button {
  height: 100%;
}
.is-drawerMenu .header__search__group > button, .is-sticky.is-scroll .header__search__group > button {
  width: 60px;
}
@media (max-width: 767px) {
  .header__search__group > button {
    width: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__search__group > button {
    width: 60px;
  }
}
.header__visual__section {
  transition: top 0.5s;
  top: 120px;
  left: 0;
  width: 100%;
  background: #1f2437;
  z-index: 1000;
}
@media screen and (max-width: 1200px) {
  .header__visual__section {
    top: 80px;
  }
  .is-drawerMenu .header__visual__section {
    top: 60px;
  }
}
.is-sticky + .container .header__visual__section {
  top: 120px;
}
@media screen and (max-width: 1200px) {
  .is-sticky + .container .header__visual__section {
    top: 80px;
  }
}
.is-sticky.is-scroll + .container .header__visual__section {
  top: 60px;
}
@media screen and (max-width: 1200px) {
  .is-sticky.is-scroll + .container .header__visual__section {
    top: 60px;
  }
}
@media (max-width: 767px) {
  .header__visual__section {
    top: 60px;
  }
  .is-sticky + .container .header__visual__section {
    top: 60px;
  }
  .is-sticky.is-scroll + .container .header__visual__section {
    top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__visual__section {
    top: 60px;
  }
  .is-sticky + .container .header__visual__section {
    top: 60px;
  }
  .is-sticky.is-scroll + .container .header__visual__section {
    top: 0;
  }
}
.header__visual__group {
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  transition: 0.2s;
}
@media (max-width: 1280px) {
  .header__visual__group {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .header__visual__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__visual__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .header__visual__group {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .is-sticky + .container .header__visual__group {
    padding-top: 0;
    padding-bottom: 0;
  }
  .is-sticky + .container .is-step .header__visual__group, .is-sticky + .container .is-tab .header__visual__group {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__visual__group {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .is-sticky + .container .header__visual__group {
    padding-top: 0;
    padding-bottom: 0;
  }
  .is-sticky + .container .is-step .header__visual__group, .is-sticky + .container .is-tab .header__visual__group {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.header__visual__group .searchbar__group {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .header__visual__group .searchbar__group {
    margin-top: 32px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__visual__group .searchbar__group {
    margin-top: 32px;
  }
}
.is-tab .header__visual__group {
  padding-bottom: 0 !important;
}
.header__visual__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 71px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .header__visual__title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    line-height: 41px;
    letter-spacing: -0.06em;
    height: 41px;
    transition: height 0.5s, opacity 0.5s;
  }
  .is-sticky + .container .header__visual__title {
    font-size: 28px;
    font-size: 2.8rem;
    height: 0;
    opacity: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__visual__title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    line-height: 41px;
    letter-spacing: -0.06em;
    height: 41px;
    transition: height 0.5s, opacity 0.5s;
  }
  .is-sticky + .container .header__visual__title {
    font-size: 28px;
    font-size: 2.8rem;
    height: 0;
    opacity: 0;
  }
}
.header__visual__text {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 30px;
  letter-spacing: -0.06em;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .header__visual__text {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 26px;
    letter-spacing: -0.06em;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__visual__text {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 26px;
    letter-spacing: -0.06em;
  }
}
.header__visual__use__step {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.header__visual__use__step.is-detect {
  justify-content: flex-start;
}
.is-sticky + .container .header__visual__use__step {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .is-sticky + .container .header__visual__use__step {
    margin-top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-sticky + .container .header__visual__use__step {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .header__visual__use__step {
    width: calc(100% + 30px);
    margin-top: 19px;
    margin-left: -15px;
    overflow-x: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .header__visual__use__step::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .header__visual__use__step {
    width: calc(100% + 30px);
    margin-top: 19px;
    margin-left: -15px;
    overflow-x: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .header__visual__use__step::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
  }
}
.header__visual__sticky {
  transition: height 0.2s, opacity 0.2s;
}
@media (max-width: 767px) {
  .is-sticky + .container .header__visual__sticky {
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-sticky + .container .header__visual__sticky {
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
}

.gnb__group {
  display: flex;
  align-items: center;
}
.gnb__group > li {
  position: relative;
}
.gnb__group > li .depth2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  top: 29px;
  width: 170px;
  z-index: 100;
  padding: 20px 10px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
}
.gnb__group > li .depth2 > li {
  text-align: center;
}
.gnb__group > li .depth2 > li a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.gnb__group > li .depth2 > li a:hover {
  font-weight: 500;
  color: #4063ec;
  text-decoration: underline;
}
.gnb__group > li .depth2 > li + li {
  margin-top: 10px;
}
.gnb__group > li > a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
  position: relative;
  padding: 12px 0;
}
.--type-bk .gnb__group > li > a {
  color: #fff;
}
.gnb__group > li.is-over > a::before {
  animation: bounce 0.5s linear forwards;
}
.gnb__group > li.is-over .depth2 {
  display: block;
  animation: aniDepth2 0.3s;
}
.gnb__group > li + li {
  margin-left: 40px;
}
.gnb__group.-over > li.is-active:not(.is-over) > a {
  color: #222;
}
.gnb__group.-over > li.is-active:not(.is-over) > a::before {
  display: none;
}

.page__path__group {
  display: flex;
  align-items: center;
  position: absolute;
  top: 30px;
  right: 0;
}
.page__path__group li {
  display: flex;
  align-items: center;
}
.page__path__group li a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #e0e0e0;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.page__path__group li a.home {
  width: 16px;
  height: 16px;
  background: url("../../img/ico/ico_home.svg") no-repeat center/contain;
}
.page__path__group li:not(:last-of-type)::after {
  content: "";
  width: 7px;
  height: 11px;
  background: url("../../img/ico/ico_arrow_right_707070.svg") no-repeat center/contain;
  margin: 0 10px;
}
@media screen and (max-width: 1280px) {
  .page__path__group {
    right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .is-sticky + .container .page__path__group {
    display: none;
  }
}
@media (max-width: 1200px) {
  .page__path__group {
    right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .page__path__group {
    display: none;
  }
}

@media (max-width: 767px) {
  .visual__lookup__section {
    display: none;
  }
  .popup__section .visual__lookup__section {
    display: block;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__section {
    display: none;
  }
  .popup__section .visual__lookup__section {
    display: block;
  }
}
@media (min-width: 768px) {
  .visual__lookup__group.--type02 {
    height: 100%;
  }
  .visual__lookup__group.--type02 .visual__lookup__conts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 48px);
  }
}
.visual__lookup__area {
  display: flex;
  flex-wrap: wrap;
  max-width: 780px;
  max-height: 180px;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
}
.visual__lookup__area.--type-maxh-none {
  max-height: none;
}
@media (max-width: 767px) {
  .visual__lookup__area {
    max-height: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__area {
    max-height: none;
  }
}
.visual__lookup__area > li {
  flex: 1;
  max-width: 50%;
}
.visual__lookup__area > li:only-of-type {
  max-width: 100%;
  border-right: 0;
}
.visual__lookup__area > li:not(:only-of-type):first-of-type {
  border-right: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .visual__lookup__area > li:not(:only-of-type):first-of-type {
    border-right: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__area > li:not(:only-of-type):first-of-type {
    border-right: 0;
  }
}
@media (max-width: 767px) {
  .visual__lookup__area > li {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .visual__lookup__area > li:first-of-type {
    border: 0;
  }
  .visual__lookup__area > li + li {
    margin-top: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__area > li {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .visual__lookup__area > li:first-of-type {
    border: 0;
  }
  .visual__lookup__area > li + li {
    margin-top: 24px;
  }
}
.visual__lookup__title {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
  height: 48px;
}
.visual__lookup__title .small {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  padding-left: 4px;
}
@media (max-width: 767px) {
  .visual__lookup__title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    justify-content: flex-start;
    height: 24px;
    border-bottom: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    justify-content: flex-start;
    height: 24px;
    border-bottom: 0;
  }
}
.visual__lookup__conts {
  padding: 20px;
}
.visual__lookup__conts.-scroll {
  max-height: 132px;
  padding: 0;
  overflow-y: auto;
}
.visual__lookup__conts .ipt__ckbox__total__area {
  padding: 20px;
}
@media (max-width: 767px) {
  .visual__lookup__conts .ipt__ckbox__total__area {
    padding: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__conts .ipt__ckbox__total__area {
    padding: 0;
  }
}
.visual__lookup__conts .ipt__ckbox__total__group {
  display: flex;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.visual__lookup__conts .ipt__ckbox__total__group .ipt__ckbox + label .ico {
  margin: 0 6px 0 0;
}
.visual__lookup__conts .ipt__ckbox__total__group .ipt__ckbox + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .visual__lookup__conts .ipt__ckbox__total__group .ipt__ckbox + label .ico {
    margin-right: 8px;
  }
  .visual__lookup__conts .ipt__ckbox__total__group .ipt__ckbox + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__conts .ipt__ckbox__total__group .ipt__ckbox + label .ico {
    margin-right: 8px;
  }
  .visual__lookup__conts .ipt__ckbox__total__group .ipt__ckbox + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.visual__lookup__conts .ipt__ckbox__total__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.visual__lookup__conts .ipt__ckbox__total__list > li {
  width: calc((100% - 20px) / 2);
  margin-top: 14px !important;
}
@media (max-width: 767px) {
  .visual__lookup__conts .ipt__ckbox__total__list > li {
    width: calc((100% - 15px) / 2);
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li:nth-of-type(1), .visual__lookup__conts .ipt__ckbox__total__list > li:nth-of-type(2) {
    margin-top: 0 !important;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li:nth-of-type(n + 3) {
    margin-top: 15px !important;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox + label {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
    height: 48px;
    border-radius: 24px;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox + label .ico {
    display: none;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox:checked + label {
    background: #4063ec;
    border-color: #4063ec;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox:checked + label .txt {
    color: #fff;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__conts .ipt__ckbox__total__list > li {
    width: calc((100% - 15px) / 2);
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li:nth-of-type(1), .visual__lookup__conts .ipt__ckbox__total__list > li:nth-of-type(2) {
    margin-top: 0 !important;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li:nth-of-type(n + 3) {
    margin-top: 15px !important;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox + label {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
    height: 48px;
    border-radius: 24px;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox + label .ico {
    display: none;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox:checked + label {
    background: #4063ec;
    border-color: #4063ec;
  }
  .visual__lookup__conts .ipt__ckbox__total__list > li .ipt__ckbox:checked + label .txt {
    color: #fff;
  }
}
.visual__lookup__conts .ipt__rdo__item {
  width: calc((100% - 20px) / 2);
}
.visual__lookup__conts .ipt__rdo__item:nth-of-type(even) {
  margin-left: 20px;
  padding-left: 0;
}
@media (max-width: 767px) {
  .visual__lookup__conts {
    padding: 16px 0 0;
  }
  .visual__lookup__conts .datepicker__range__section {
    align-items: flex-start;
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0 15px;
    overflow: hidden;
  }
  .visual__lookup__conts .datepicker__range__section .to {
    width: 40px;
    margin: 14px 0 0;
    line-height: 20px;
    text-align: center;
  }
  .visual__lookup__conts .datepicker__range__group {
    width: calc((100% - 40px) / 2);
    max-width: none;
  }
  .visual__lookup__conts .datepicker__range__group .datepicker {
    position: relative;
    top: 0 !important;
  }
  .visual__lookup__conts .datepicker__range__group .datepicker-picker {
    position: relative;
    width: 100vw;
  }
  .visual__lookup__conts .datepicker__range__group .datepicker-footer .today-btn {
    top: 20px;
  }
  .visual__lookup__conts .datepicker__range__group.--start .datepicker-picker {
    margin-left: -15px;
  }
  .visual__lookup__conts .datepicker__range__group.--end .datepicker-picker {
    transform: translateX(-50%);
    margin-left: -20px;
  }
  .visual__lookup__conts .datepicker__range__group > input {
    padding: 0 12px 0 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__conts {
    padding: 16px 0 0;
  }
  .visual__lookup__conts .datepicker__range__section {
    align-items: flex-start;
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0 15px;
    overflow: hidden;
  }
  .visual__lookup__conts .datepicker__range__section .to {
    width: 40px;
    margin: 14px 0 0;
    line-height: 20px;
    text-align: center;
  }
  .visual__lookup__conts .datepicker__range__group {
    width: calc((100% - 40px) / 2);
    max-width: none;
  }
  .visual__lookup__conts .datepicker__range__group .datepicker {
    position: relative;
    top: 0 !important;
  }
  .visual__lookup__conts .datepicker__range__group .datepicker-picker {
    position: relative;
    width: 100vw;
  }
  .visual__lookup__conts .datepicker__range__group .datepicker-footer .today-btn {
    top: 20px;
  }
  .visual__lookup__conts .datepicker__range__group.--start .datepicker-picker {
    margin-left: -15px;
  }
  .visual__lookup__conts .datepicker__range__group.--end .datepicker-picker {
    transform: translateX(-50%);
    margin-left: -20px;
  }
  .visual__lookup__conts .datepicker__range__group > input {
    padding: 0 12px 0 16px;
  }
}
.visual__lookup__rdo__group {
  padding: 20px;
}
@media (max-width: 767px) {
  .visual__lookup__rdo__group {
    padding: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__lookup__rdo__group {
    padding: 0;
  }
}
.visual__lookup__rdo__group .ipt__rdo__group > li:nth-of-type(even) {
  padding-left: 16px;
}
@media (min-width: 768px) {
  .visual__search__datepicker__group {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .visual__search__datepicker__group > li {
    flex-shrink: 0;
  }
  .visual__search__datepicker__group .select {
    width: 134px;
  }
  .visual__search__datepicker__group .select .--mo-view {
    display: none;
  }
  .visual__search__datepicker__group .date {
    width: 370px;
    margin: 0 12px 0 16px;
  }
  .visual__search__datepicker__group .date.mr0 {
    margin-right: 0;
  }
  .visual__search__datepicker__group .date .datepicker__range__section .to {
    min-width: 50px;
    margin: 0;
  }
  .visual__search__datepicker__group .btns button {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .visual__search__datepicker__group .select .select__group {
    display: none;
  }
  .visual__search__datepicker__group .select .ipt__rdo__btns__item:nth-of-type(n + 3) {
    margin-top: 15px;
  }
  .visual__search__datepicker__group .date {
    margin-top: 15px;
  }
  .visual__search__datepicker__group .btns {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__search__datepicker__group .select .select__group {
    display: none;
  }
  .visual__search__datepicker__group .select .ipt__rdo__btns__item:nth-of-type(n + 3) {
    margin-top: 15px;
  }
  .visual__search__datepicker__group .date {
    margin-top: 15px;
  }
  .visual__search__datepicker__group .btns {
    display: none;
  }
}
.visual__search__datepicker__group.--type02 {
  width: 100%;
}
.visual__search__datepicker__group.--type02 > li.select, .visual__search__datepicker__group.--type02 > li.date {
  width: 100%;
}
.visual__search__datepicker__group.--type02 > li.select .select__group {
  max-width: 100%;
}
.visual__search__datepicker__group.--type02 > li.date {
  margin: 8px 0 0;
}
@media (max-width: 767px) {
  .visual__search__datepicker__group.--type02 > li.date {
    margin-top: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .visual__search__datepicker__group.--type02 > li.date {
    margin-top: 15px;
  }
}
.visual__search__datepicker__group.--type02 > li .datepicker__range__group {
  font-size: 15px;
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  .css-ckbox-list {
    max-height: none !important;
    margin-top: -24px;
    padding-top: 40px !important;
    overflow-y: visible !important;
  }
  .css-ckbox-list .ipt__ckbox__total__group {
    position: absolute;
    top: -38px;
    /* 40 - 2 */
    right: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .css-ckbox-list {
    max-height: none !important;
    margin-top: -24px;
    padding-top: 40px !important;
    overflow-y: visible !important;
  }
  .css-ckbox-list .ipt__ckbox__total__group {
    position: absolute;
    top: -38px;
    /* 40 - 2 */
    right: 0;
  }
}

.drawer-menu__section {
  width: 100vw;
  height: calc(100vh - 60px);
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 1010;
}
.is-sticky.is-scroll .drawer-menu__section {
  top: 60px;
  height: calc(100vh - 60px);
}
@media (max-width: 767px) {
  .drawer-menu__section {
    top: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__section {
    top: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}
.drawer-menu__section .dim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  animation: fade 0.5s;
}
.is-drawerMenu .drawer-menu__section {
  display: block;
}
.drawer-menu__area {
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 375px;
  background: #fff;
  overflow: hidden;
  animation: translateX 0.5s reverse;
}
@media (max-width: 767px) {
  .drawer-menu__area {
    max-width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__area {
    max-width: 100%;
  }
}
.drawer-menu__group {
  height: 100%;
  overflow-y: auto;
}
.drawer-menu__header {
  border-bottom: 10px solid #f5f5f5;
}
.drawer-menu__body {
  padding: 18px 15px 40px;
}
@media (max-width: 767px) {
  .drawer-menu__body {
    padding-top: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__body {
    padding-top: 24px;
  }
}
.drawer-menu__top__group {
  display: none;
  z-index: 1000;
}
@media (max-width: 767px) {
  .drawer-menu__top__group {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__top__group {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
  }
}
.drawer-menu__top__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 18px;
  letter-spacing: -0.06em;
}
.drawer-menu__top__title__group {
  text-align: center;
}
.drawer-menu__top__title__group > p:only-of-type {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.drawer-menu__top__title__group > p:not(:first-of-type) {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.drawer-menu__top__title__group > p:not(:first-of-type) .point {
  font-weight: 700;
}
.drawer-menu__top__prev {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_arrow_left_black.svg") no-repeat center/contain;
  position: absolute;
  top: 18px;
  left: 15px;
}
.drawer-menu__top__prev span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.drawer-menu__quick__group {
  padding: 40px 24px 30px;
}
@media (max-width: 767px) {
  .drawer-menu__quick__group {
    padding: 78px 24px 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__quick__group {
    padding: 78px 24px 24px;
  }
}
.drawer-menu__quick__menu {
  display: flex;
  justify-content: space-between;
}
.drawer-menu__quick__menu > li {
  width: 70px;
}
@media (max-width: 767px) {
  .drawer-menu__quick__menu > li {
    width: calc((100% - 45px) / 4);
    max-width: 70px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__quick__menu > li {
    width: calc((100% - 45px) / 4);
    max-width: 70px;
  }
}
.drawer-menu__quick__menu > li a {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%;
}
.drawer-menu__quick__menu > li .ico {
  width: 100%;
  padding-bottom: 100%;
}
.drawer-menu__quick__menu > li .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 18px;
  letter-spacing: -0.06em;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .drawer-menu__quick__menu > li .txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__quick__menu > li .txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.drawer-menu__quick__menu > li:nth-of-type(1) .ico {
  background: url("../../img/ico/ico_quick_menu1.png") no-repeat center/contain;
}
.drawer-menu__quick__menu > li:nth-of-type(2) .ico {
  background: url("../../img/ico/ico_quick_menu2.png") no-repeat center/contain;
}
.drawer-menu__quick__menu > li:nth-of-type(3) .ico {
  background: url("../../img/ico/ico_quick_menu3.png") no-repeat center/contain;
}
.drawer-menu__quick__menu > li:nth-of-type(4) .ico {
  background: url("../../img/ico/ico_quick_menu4.png") no-repeat center/contain;
}
.drawer-menu__quick__menu > li:nth-of-type(5) .ico {
  background: url("../../img/ico/ico_quick_menu5.png") no-repeat center/contain;
}
.drawer-menu__quick__menu > li:nth-of-type(6) .ico {
  background: url("../../img/ico/ico_quick_menu6.png") no-repeat center/contain;
}
.drawer-menu__quick__menu > li:nth-of-type(7) .ico {
  background: url("../../img/ico/ico_quick_menu7.png") no-repeat center/contain;
}
.drawer-menu__quick__menu > li:nth-of-type(8) .ico {
  background: url("../../img/ico/ico_quick_menu8.png") no-repeat center/contain;
}
.drawer-menu__log__group {
  display: flex;
  align-items: center;
  height: 60px;
  margin-top: 40px;
  background: #f5f5f5;
  border-radius: 10px;
}
.drawer-menu__log__group > li {
  position: relative;
  width: 50%;
  text-align: center;
}
.drawer-menu__log__group > li:only-of-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 24px;
}
.drawer-menu__log__group > li:only-of-type p {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.drawer-menu__log__group > li:only-of-type p > span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.drawer-menu__log__group > li:only-of-type p > span:not(.point) {
  flex-shrink: 0;
}
.drawer-menu__log__group > li:only-of-type p .point {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  font-weight: 500;
}
.drawer-menu__log__group > li:only-of-type button {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 18px;
  letter-spacing: -0.06em;
  position: relative;
  flex-shrink: 0;
  margin-left: 10px;
  padding-bottom: 2px;
}
.drawer-menu__log__group > li:only-of-type button::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #707070;
}
.drawer-menu__log__group > li:not(:only-of-type):not(:first-of-type)::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  content: "";
  left: 0;
  background: #c5c7cf;
}
.drawer-menu__log__group > li a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .drawer-menu__log__group > li a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__log__group > li a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.drawer-menu__cate__group > li + li {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .drawer-menu__cate__group > li + li {
    margin-top: 32px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__cate__group > li + li {
    margin-top: 32px;
  }
}
.drawer-menu__cate__group > li.is-clicked + li {
  margin-top: 16px;
}
.drawer-menu__cate__conts {
  padding: 24px;
  background: #edeff6;
  border-radius: 10px;
}
.drawer-menu__cate__conts ul {
  display: flex;
  flex-wrap: wrap;
}
.drawer-menu__cate__conts li {
  width: calc((100% - 15px) / 2);
}
.drawer-menu__cate__conts li a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  position: relative;
}
@media (hover: hover) {
  .drawer-menu__cate__conts li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #222;
    transition: opacity 0.5s;
    opacity: 0;
  }
  .drawer-menu__cate__conts li a:hover::after {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .drawer-menu__cate__conts li a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .drawer-menu__cate__conts li a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.drawer-menu__cate__conts li:nth-of-type(even) {
  margin-left: 15px;
}
.drawer-menu__cate__conts li:nth-of-type(n + 3) {
  margin-top: 14px;
}

.footer__section {
  border-top: 1px solid rgba(204, 204, 204, 0.5);
}
@media (max-width: 767px) {
  .--type-prod .footer__section, .--type-fixbtn .footer__section {
    padding-bottom: 96px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .--type-prod .footer__section, .--type-fixbtn .footer__section {
    padding-bottom: 96px;
  }
}
.footer__rolling-ban__area {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  padding: 24px 0;
}
.footer__rolling-ban__group {
  max-width: 1260px;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .footer__rolling-ban__group {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .footer__rolling-ban__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .footer__rolling-ban__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .footer__rolling-ban__group {
    position: relative;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .footer__rolling-ban__group {
    position: relative;
    padding-right: 0;
    padding-left: 0;
  }
}
.footer__rolling-ban__group .swiper {
  height: 32px;
  margin: 0 auto;
  padding: 0 60px;
}
@media screen and (max-width: 1280px) {
  .footer__rolling-ban__group .swiper {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .footer__rolling-ban__group .swiper {
    height: 28px;
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .footer__rolling-ban__group .swiper {
    height: 28px;
    padding: 0 15px;
  }
}
.footer__rolling-ban__group .swiper-slide .img {
  display: block;
  height: 32px;
  background: no-repeat left center/contain;
}
@media (max-width: 767px) {
  .footer__rolling-ban__group .swiper-slide .img {
    height: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .footer__rolling-ban__group .swiper-slide .img {
    height: 100%;
  }
}
.footer__rolling-ban__group .swiper-button-next, .footer__rolling-ban__group .swiper-button-prev {
  width: 60px;
  height: 32px;
  margin-top: 0;
  background: #fff no-repeat left center/8px 16px;
  transform: translateY(-50%);
}
.footer__rolling-ban__group .swiper-button-next::after, .footer__rolling-ban__group .swiper-button-prev::after {
  display: none;
}
@media screen and (max-width: 1280px) {
  .footer__rolling-ban__group .swiper-button-next, .footer__rolling-ban__group .swiper-button-prev {
    width: 40px;
  }
}
@media (max-width: 767px) {
  .footer__rolling-ban__group .swiper-button-next, .footer__rolling-ban__group .swiper-button-prev {
    width: 15px;
    height: 28px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .footer__rolling-ban__group .swiper-button-next, .footer__rolling-ban__group .swiper-button-prev {
    width: 15px;
    height: 28px;
  }
}
.footer__rolling-ban__group .swiper-button-next {
  right: 0;
  background-image: url("../../img/ico/ico_arrow_right_ccc.svg");
  background-position: right center;
}
.footer__rolling-ban__group .swiper-button-prev {
  left: 0;
  background-image: url("../../img/ico/ico_arrow_left_ccc.svg");
}
@media (max-width: 767px) {
  .footer__rolling-ban__group .swiper-button-bg {
    width: 160px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(270deg, rgb(255, 255, 255) 55%, rgba(255, 255, 255, 0) 100%);
    z-index: 100;
  }
  .footer__rolling-ban__group .swiper-button-next, .footer__rolling-ban__group .swiper-button-prev {
    width: 18px;
    height: 36px;
    background-size: 6px 12px;
    z-index: 110;
  }
  .footer__rolling-ban__group .swiper-button-next {
    right: 22px;
  }
  .footer__rolling-ban__group .swiper-button-prev {
    left: 86px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .footer__rolling-ban__group .swiper-button-bg {
    width: 160px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(270deg, rgb(255, 255, 255) 55%, rgba(255, 255, 255, 0) 100%);
    z-index: 100;
  }
  .footer__rolling-ban__group .swiper-button-next, .footer__rolling-ban__group .swiper-button-prev {
    width: 18px;
    height: 36px;
    background-size: 6px 12px;
    z-index: 110;
  }
  .footer__rolling-ban__group .swiper-button-next {
    right: 22px;
  }
  .footer__rolling-ban__group .swiper-button-prev {
    left: 86px;
  }
}
.footer__info {
  padding: 60px 0 80px;
}
.footer__info__group {
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
}
@media (max-width: 1280px) {
  .footer__info__group {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .footer__info__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .footer__info__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer__info.left {
  border-right: 1px solid rgba(204, 204, 204, 0.5);
  width: 68.25%;
}
@media screen and (max-width: 1280px) {
  .footer__info.left {
    display: none;
  }
}
.footer__info.right {
  display: flex;
  flex-direction: column;
  width: 31.75%;
  padding-left: 100px;
}
@media screen and (min-width: 1281px) and (max-width: 1320px) {
  .footer__info.right {
    padding-left: 5%;
  }
}
@media screen and (max-width: 1280px) {
  .footer__info.right {
    width: 100%;
    padding: 40px 0 50px;
  }
}
.footer__info.right .sitemap__corp__group {
  display: none;
}
@media screen and (max-width: 1280px) {
  .footer__info.right .sitemap__corp__group {
    display: block;
    margin: 0 0 21px;
  }
  .footer__info.right .sitemap__corp__group li {
    display: flex;
  }
  .footer__info.right .sitemap__corp__group li p {
    display: flex;
    align-items: center;
  }
  .footer__info.right .sitemap__corp__group li p:not(:last-of-type)::after {
    width: 1px;
    height: 12px;
    content: "";
    margin: 0 16px;
    background: #ccc;
  }
  .footer__info.right .sitemap__corp__group li p a {
    padding: 3px 0;
    color: #222;
  }
}
.footer__logo {
  width: 105px;
  margin-bottom: 21px;
}
@media screen and (max-width: 1280px) {
  .footer__logo {
    margin-bottom: 30px;
  }
}

.sitemap__cate__group {
  display: flex;
}
.sitemap__cate__group > li {
  width: 140px;
}
.sitemap__cate__group > li + li {
  margin-left: 20px;
}
.sitemap__cate__group > li ul > li:not(:first-of-type) {
  margin-top: 40px;
}
.sitemap__cate__group a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  display: block;
}
.sitemap__cate__group a:not(:last-of-type) {
  margin-bottom: 10px;
}
.sitemap__cate__group a.bold {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 22px;
  letter-spacing: -0.06em;
  margin-bottom: 20px;
}
.sitemap__corp__group {
  display: flex;
  margin-top: 60px;
}
.sitemap__corp__group a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.sitemap__corp__group a.bold {
  font-weight: 500;
  color: #222;
}
.sitemap__corp__group a + a {
  margin-left: 30px;
}

.corp__info__group > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.corp__info__group > li.phone {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  line-height: 17px;
}
.corp__info__group > li.phone p:not(:last-of-type) {
  margin-right: 12px;
}
.corp__info__group > li.copyright {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 20px;
  line-height: 19px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .corp__info__group > li.copyright {
    white-space: initial;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .corp__info__group > li.copyright {
    white-space: initial;
  }
}
.corp__agency__group {
  margin-top: 20px;
}
@media (max-width: 1280px) {
  .corp__agency__group {
    margin-top: 16px;
  }
}
.corp__agency__group .select__group {
  border-color: #e0e0e0;
  max-width: 240px !important;
  height: 40px;
}
.corp__agency__group .select__group.is-active .select__label::after {
  transform: rotate(180deg);
}
.corp__agency__group .select__group.is-active .select__opt__list__area {
  height: 183px;
  animation-name: height183;
}
.corp__agency__group .select__label {
  padding: 0 34px 0 12px;
  font-size: 13px;
}
.corp__agency__group .select__label::after {
  width: 20px;
  height: 20px;
  background-image: url("../../img/ico/ico_arrow_down_c5c7cf.svg");
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  top: 10px !important;
  right: 10px;
  transform: rotate(0deg);
}
.corp__agency__group .select__opt__list__area {
  top: -4px;
  transform: translateY(-100%);
}
.corp__agency__group .select__opt__list__area::-webkit-scrollbar {
  width: 18px;
}
.corp__agency__group .select__opt__list__area::-webkit-scrollbar-track {
  background: transparent;
}
.corp__agency__group .select__opt__list__area::-webkit-scrollbar-thumb {
  background: #d7dae6;
  background-clip: padding-box;
  border-radius: 18px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
.corp__agency__group .select__opt__list__group {
  padding: 6px 0 6px 6px;
}
.corp__agency__group .select__opt__list__group > li + li {
  margin-top: 3px;
}
.corp__agency__group .select__opt__list__group > li:hover {
  border-radius: 4px;
  color: #222;
}
.corp__agency__group .select__opt__list__item {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 19px;
  letter-spacing: -0.06em;
  padding: 6px;
}
.corp__agency__group .select__opt__list__item a {
  width: 100%;
  height: 100%;
  display: block;
}

.sns__group {
  display: flex;
  margin-top: auto;
}
.sns__group li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sns__group li a {
  width: 30px;
  height: 30px;
  background: no-repeat center/contain;
  border-radius: 50%;
}
.sns__group li a.facebook {
  background-image: url("../../img/logo/logo_facebook.svg");
}
.sns__group li a.twitter {
  background-image: url("../../img/logo/logo_twitter.svg");
}
.sns__group li a.instar {
  background-image: url("../../img/logo/logo_instar.svg");
}
.sns__group li a.youtube {
  background-image: url("../../img/logo/icon_footer_youtube.png");
}
.sns__group li + li {
  margin-left: 8px;
}
@media screen and (max-width: 1280px) {
  .sns__group {
    margin-top: 20px;
  }
}

.popup__inner, .popup__dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.popup__interval + .popup__interval {
  margin-top: 24px;
}
.popup__section {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
}
.popup__section.is-open {
  display: block;
}
.popup__dim {
  background: #000;
  opacity: 0;
}
.is-open .popup__dim {
  opacity: 0.4;
  animation: popupDimbg 0.5s;
}
.popup__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .popup__inner:not(.--type-confirm) {
    align-items: flex-end;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__inner:not(.--type-confirm) {
    align-items: flex-end;
  }
}
.popup__inner.--type-confirm .popup__container__group {
  max-width: 460px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .popup__inner.--type-confirm .popup__container__group {
    width: calc(100% - 30px);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__inner.--type-confirm .popup__container__group {
    width: calc(100% - 30px);
  }
}
.popup__inner.--type-confirm .popup__header__group {
  height: auto;
  padding: 40px 0 16px;
}
.popup__inner.--type-confirm .popup__header__title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  text-align: center;
}
@media (max-width: 767px) {
  .popup__inner.--type-confirm .popup__header__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__inner.--type-confirm .popup__header__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
  }
}
.popup__inner.--type-confirm .popup__contents__group {
  padding: 0 40px;
}
@media (max-width: 767px) {
  .popup__inner.--type-confirm .popup__contents__group {
    padding: 0 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__inner.--type-confirm .popup__contents__group {
    padding: 0 30px;
  }
}
.popup__inner.--type-confirm .popup__button__group {
  align-items: flex-start;
  height: auto;
  padding: 32px 0 40px;
}
@media (max-width: 767px) {
  .popup__inner.--type-confirm .popup__button__group {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__inner.--type-confirm .popup__button__group {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.popup__inner.--type-confirm .popup__button__group > button {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 20px;
}
.popup__inner.--type-confirm .popup__button__group > button:last-of-type {
  font-weight: 500;
}
@media (max-width: 767px) {
  .popup__inner.--type-confirm .popup__button__group > button {
    height: 48px !important;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__inner.--type-confirm .popup__button__group > button {
    height: 48px !important;
  }
}
.popup__container__group {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 40px);
  max-width: 980px;
  max-height: 60%;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  animation: fade 0.5s;
}
.popup__container__group.--type2 {
  max-width: 1140px;
}
.popup__container__group.--type3 {
  max-width: 780px;
}
@media (max-width: 767px) {
  .popup__container__group {
    width: 100%;
    max-height: 90%;
    border-radius: 20px 20px 0 0;
    animation-name: popupYmove;
  }
  .popup__container__group.--treemenu {
    height: calc(100vh - 20px);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__container__group {
    width: 100%;
    max-height: 90%;
    border-radius: 20px 20px 0 0;
    animation-name: popupYmove;
  }
  .popup__container__group.--treemenu {
    height: calc(100vh - 20px);
  }
}
.popup__header__group {
  height: 77px;
  padding: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .popup__header__group {
    height: 73px;
    padding: 24px 15px 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__header__group {
    height: 73px;
    padding: 24px 15px 20px;
  }
}
.popup__header__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 29px;
  letter-spacing: -0.06em;
}
.popup__header__close {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_popup_close.svg") no-repeat center/contain;
  position: absolute;
  top: 24px;
  right: 24px;
}
.popup__header + .popup__contents {
  margin-top: 26px;
}
.popup__contents__group {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  overflow-y: auto;
}
.--treemenu .popup__contents__group {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .popup__contents__group {
    padding-left: 15px;
    padding-right: 15px;
  }
  .--treemenu .popup__contents__group {
    flex-grow: 1;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__group {
    padding-left: 15px;
    padding-right: 15px;
  }
  .--treemenu .popup__contents__group {
    flex-grow: 1;
  }
}
.popup__contents__group .discuss__alerm__list > li + li {
  margin-top: 6px;
}
@media (max-width: 767px) {
  .popup__contents__group .discuss__alerm__list > li + li {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__group .discuss__alerm__list > li + li {
    margin-top: 8px;
  }
}
.popup__contents__group .discuss__alerm__list > li.bold {
  font-weight: 500;
}
@media (max-width: 767px) {
  .popup__contents__group .textarea {
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__group .textarea {
    line-height: 26px;
  }
}
.popup__contents__group .textarea__text__check {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 10px;
  color: #666;
  line-height: 17px;
}
.popup__contents__group .textarea__text__check__group {
  height: 150px;
}
@media (max-width: 767px) {
  .popup__contents__group .textarea__text__check__group {
    height: 170px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__group .textarea__text__check__group {
    height: 170px;
  }
}
.popup__contents__group .treemenu__file__list__section {
  flex-grow: 1;
}
.popup__contents__group.--type2 {
  border-top: 1px solid #1f2437;
  position: relative;
  width: calc(100% - 48px);
  padding: 0;
}
@media (max-width: 767px) {
  .popup__contents__group.--type2 {
    width: calc(100% - 30px);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__group.--type2 {
    width: calc(100% - 30px);
  }
}
.popup__contents__title {
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
  margin-bottom: 10px;
}
.popup__contents__title .point {
  margin-left: 4px;
  color: #1ccdcc;
}
@media (max-width: 767px) {
  .popup__contents__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.popup__contents__title__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.popup__contents__title__group .popup__contents__title {
  margin-bottom: 0;
}
.popup__contents__dlTable {
  border-top: 1px solid #1f2437;
}
@media (min-width: 768px) {
  .popup__container__group.--type3 .popup__contents__dlTable dt {
    width: 156px;
  }
  .popup__container__group.--type3 .popup__contents__dlTable dd {
    width: calc((100% - 312px) / 2);
  }
}
.popup__contents__ckboxlist__section {
  border: 1px solid #ccc;
  margin-top: 24px;
  border-radius: 5px;
  overflow: hidden;
}
.popup__contents__ckboxlist__area {
  max-height: 200px;
  padding: 20px 10px 20px 20px;
  overflow-y: auto;
}
.popup__contents__ckboxlist__area::-webkit-scrollbar {
  width: 20px;
}
.popup__contents__ckboxlist__area::-webkit-scrollbar-track {
  background: transparent;
}
.popup__contents__ckboxlist__area::-webkit-scrollbar-thumb {
  background: #d7dae6;
  background-clip: padding-box;
  border-radius: 20px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
@media (max-width: 767px) {
  .popup__contents__ckboxlist__area {
    max-height: 35vh;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__ckboxlist__area {
    max-height: 35vh;
  }
}
.popup__contents__ckboxlist__group > li {
  overflow: hidden;
}
.popup__contents__ckboxlist__group > li .ipt__ckbox + label .ico {
  margin-top: 4px;
}
@media (max-width: 767px) {
  .popup__contents__ckboxlist__group > li .ipt__ckbox + label .ico {
    margin-top: 3px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__ckboxlist__group > li .ipt__ckbox + label .ico {
    margin-top: 3px;
  }
}
.popup__contents__ckboxlist__group > li .ipt__ckbox + label .txt {
  line-height: 28px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .popup__contents__ckboxlist__group > li .ipt__ckbox + label .txt {
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__ckboxlist__group > li .ipt__ckbox + label .txt {
    line-height: 26px;
  }
}
.popup__contents__ckboxlist__group > li + li {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .popup__contents__ckboxlist__group > li + li {
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__ckboxlist__group > li + li {
    margin-top: 16px;
  }
}
.popup__contents__form .form__group.--type2 {
  padding-bottom: 0;
}
.popup__contents__form .form__group.--type2 > li:first-of-type, .popup__contents__form .form__group.--type2 > li + li {
  margin-top: 24px;
}
.popup__contents__table__section {
  position: relative;
  min-width: 1092px;
}
.popup__contents__table__section table {
  width: 100%;
  text-align: center;
}
.popup__contents__table__section table th,
.popup__contents__table__section table td {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  min-width: 150px;
  padding: 18px 20px;
  word-break: break-all;
}
.popup__contents__table__section table th:not(:last-child),
.popup__contents__table__section table td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .popup__contents__table__section table th,
  .popup__contents__table__section table td {
    font-size: 14px;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__table__section table th,
  .popup__contents__table__section table td {
    font-size: 14px;
    line-height: 26px;
  }
}
.popup__contents__table__section table thead {
  border-bottom: 1px solid #e0e0e0;
}
.popup__contents__table__section table thead th {
  background: #f5f5f5;
  font-weight: 500;
}
@media (max-width: 767px) {
  .popup__contents__table__section table thead th br {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__contents__table__section table thead th br {
    display: none;
  }
}
.popup__contents__table__section table tbody th,
.popup__contents__table__section table tbody td {
  border-bottom: 1px solid #e0e0e0;
}
.popup__contents__img__section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup__contents__video__section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup__contents__video__section video {
  display: block;
  max-width: 100%;
}
.popup__ipt__group {
  border-top: 1px solid #1f2437;
  display: flex;
  flex-wrap: wrap;
}
.popup__ipt__group > li {
  display: flex;
  align-items: center;
  width: 50%;
  height: 60px;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .popup__ipt__group > li {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__ipt__group > li {
    width: 100%;
  }
}
.popup__ipt__group > li > p {
  display: flex;
  align-items: center;
  width: 34.33%;
  height: 100%;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  background: #f5f5f5;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .popup__ipt__group > li > p {
    width: 34.78%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__ipt__group > li > p {
    width: 34.78%;
  }
}
.popup__ipt__group > li > div {
  flex: 1;
  padding: 0 8px;
}
.popup__ipt__group > li > div.ipt__button__group {
  display: flex;
  justify-content: center;
}
.popup__ipt__group > li > div.ipt__button__group > p {
  flex: 1;
  margin-right: 8px;
}
.popup__ipt__group > li > div.ipt__button__group > button {
  min-width: 73px;
  padding: 0;
}
.popup__table__group {
  position: relative;
  width: 100%;
}
.popup__table__group.ps--active-x {
  padding-bottom: 12px;
}
.popup__ipt__group + .popup__table__group {
  margin-top: 24px;
}
.popup__table__group table {
  position: relative;
  table-layout: fixed;
  text-align: left;
}
.popup__table__group table th,
.popup__table__group table td {
  border-bottom: 1px solid #d7dae6;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  padding: 20px;
}
.popup__table__group table th:not(:last-child),
.popup__table__group table td:not(:last-child) {
  border-right: 1px solid #d7dae6;
}
@media (max-width: 767px) {
  .popup__table__group table th,
  .popup__table__group table td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__table__group table th,
  .popup__table__group table td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.popup__table__group table tbody th:nth-child(1),
.popup__table__group table tbody td:nth-child(1) {
  background: #f5f5f5;
}
.popup__table__group table tbody th {
  font-weight: 500;
}
.popup__table__group table::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #222;
}
.popup__button__group {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  height: 96px;
}
.popup__button__group > button[class^=btn] {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .popup__button__group > button[class^=btn] {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__button__group > button[class^=btn] {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .popup__button__group > button[class^=btn][class*=primary]:not([class*=outline]) {
    font-weight: 500;
  }
}
.popup__button__group > button + button {
  margin-left: 10px;
}
.popup__container__group.--type3 .popup__button__group [class^=btn_] {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: currentColor;
  line-height: 20px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .popup__container__group.--type3 .popup__button__group [class^=btn_] {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__container__group.--type3 .popup__button__group [class^=btn_] {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.popup__container__group.--type3 .popup__button__group [class^=btn_][class*=primary]:not([class*=outline]) {
  color: #fff;
}
.popup__container__group.--type3 .popup__button__group [class^=btn_][class*=primary][class*=outline] {
  font-weight: 400;
}
.ps--active-y + .popup__button__group {
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.08);
}
.popup__button__group.is-no-shadow {
  box-shadow: none;
}
@media (max-width: 767px) {
  .popup__button__group {
    height: 104px;
    padding: 32px 15px 20px;
  }
  .ps--active-y + .popup__button__group {
    height: 92px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ps--active-y + .popup__button__group.is-no-shadow {
    height: 104px;
    padding-top: 32px;
  }
  .popup__button__group > button {
    flex: 1;
    max-width: 50%;
    height: 52px !important;
  }
  .popup__button__group > button:only-child {
    max-width: 100%;
  }
  .--treemenu + .popup__button__group {
    height: 92px;
    padding-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__button__group {
    height: 104px;
    padding: 32px 15px 20px;
  }
  .ps--active-y + .popup__button__group {
    height: 92px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ps--active-y + .popup__button__group.is-no-shadow {
    height: 104px;
    padding-top: 32px;
  }
  .popup__button__group > button {
    flex: 1;
    max-width: 50%;
    height: 52px !important;
  }
  .popup__button__group > button:only-child {
    max-width: 100%;
  }
  .--treemenu + .popup__button__group {
    height: 92px;
    padding-top: 20px;
  }
}
.popup__datastory > li + li {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .popup__datastory > li + li {
    margin-top: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory > li + li {
    margin-top: 40px;
  }
}
.popup__datastory .popup__table__group {
  border-top: 1px solid #1f2437;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group.--type02 {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-bottom: 10px;
    border-bottom: 0;
    overflow-x: auto;
  }
  .popup__datastory .popup__table__group.--type02::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .popup__datastory .popup__table__group.--type02::-webkit-scrollbar-thumb {
    height: 17%;
    background-color: #222;
    border-radius: 2px;
  }
  .popup__datastory .popup__table__group.--type02::-webkit-scrollbar-track {
    background-color: #ccc;
  }
  @supports (-webkit-touch-callout: none) {
    .popup__datastory .popup__table__group.--type02 {
      padding-bottom: 0;
    }
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group.--type02 {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-bottom: 10px;
    border-bottom: 0;
    overflow-x: auto;
  }
  .popup__datastory .popup__table__group.--type02::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .popup__datastory .popup__table__group.--type02::-webkit-scrollbar-thumb {
    height: 17%;
    background-color: #222;
    border-radius: 2px;
  }
  .popup__datastory .popup__table__group.--type02::-webkit-scrollbar-track {
    background-color: #ccc;
  }
  @supports (-webkit-touch-callout: none) {
    .popup__datastory .popup__table__group.--type02 {
      padding-bottom: 0;
    }
  }
}
.popup__datastory .popup__table__group dl dt,
.popup__datastory .popup__table__group dl dd {
  padding: 6px 8px;
}
.popup__datastory .popup__table__group dl dt:nth-last-of-type(1),
.popup__datastory .popup__table__group dl dd:nth-last-of-type(1) {
  border-bottom: 0;
}
.popup__datastory .popup__table__group dl dt {
  width: 156px;
  padding-left: 20px;
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group dl dt {
    width: 130px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group dl dt {
    width: 130px;
  }
}
@media (min-width: 768px) {
  .popup__datastory .popup__table__group dl dd:not(.full) {
    width: calc((100% - 312px) / 2);
  }
  .popup__datastory .popup__table__group dl dd.full {
    width: calc(100% - 156px);
  }
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group dl dd {
    width: calc(100% - 130px);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group dl dd {
    width: calc(100% - 130px);
  }
}
.popup__datastory .popup__table__group dl dd .select {
  width: 100%;
  max-width: 294px;
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group dl dd .select {
    max-width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group dl dd .select {
    max-width: 100%;
  }
}
.popup__datastory .popup__table__group dl dd .select-list {
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group dl dd .select-list {
    flex-wrap: wrap;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group dl dd .select-list {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .popup__datastory .popup__table__group dl dd .select-list > li + li {
    margin-left: 8px;
  }
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group dl dd .select-list > li {
    width: 100%;
  }
  .popup__datastory .popup__table__group dl dd .select-list > li + li {
    margin-top: 4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group dl dd .select-list > li {
    width: 100%;
  }
  .popup__datastory .popup__table__group dl dd .select-list > li + li {
    margin-top: 4px;
  }
}
@media (min-width: 768px) {
  .popup__datastory .popup__table__group dl dd .select-list .select {
    max-width: 37.89%;
  }
  .popup__datastory .popup__table__group dl dd .select-list .ipt {
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group dl dd .select-list .select,
  .popup__datastory .popup__table__group dl dd .select-list .ipt {
    max-width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group dl dd .select-list .select,
  .popup__datastory .popup__table__group dl dd .select-list .ipt {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .popup__datastory .popup__table__group dl dd .select-list.--select4 > li {
    width: calc((100% - 24px) / 4);
  }
}
.popup__datastory .popup__table__group dl dd .select .select__group {
  max-width: 100%;
}
.popup__datastory .popup__table__group table {
  text-align: center;
  vertical-align: middle;
}
.popup__datastory .popup__table__group table::after {
  display: none;
}
@media (min-width: 768px) {
  .popup__datastory .popup__table__group table colgroup .col1 {
    width: 70px;
  }
  .popup__datastory .popup__table__group table colgroup .col2 {
    width: "auto";
  }
  .popup__datastory .popup__table__group table colgroup .col3 {
    width: 217px;
  }
  .popup__datastory .popup__table__group table colgroup .col4 {
    width: 11.43%;
  }
  .popup__datastory .popup__table__group table colgroup .col5 {
    width: 11.63%;
  }
  .popup__datastory .popup__table__group table colgroup .col6 {
    width: 10%;
  }
  .popup__datastory .popup__table__group table colgroup .col7 {
    width: 140px;
  }
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group table colgroup .col1 {
    width: 66px;
  }
  .popup__datastory .popup__table__group table colgroup .col2 {
    width: 152px;
  }
  .popup__datastory .popup__table__group table colgroup .col3 {
    width: 181px;
  }
  .popup__datastory .popup__table__group table colgroup .col4 {
    width: 102px;
  }
  .popup__datastory .popup__table__group table colgroup .col5 {
    width: 102px;
  }
  .popup__datastory .popup__table__group table colgroup .col6 {
    width: 90px;
  }
  .popup__datastory .popup__table__group table colgroup .col7 {
    width: 127px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group table colgroup .col1 {
    width: 66px;
  }
  .popup__datastory .popup__table__group table colgroup .col2 {
    width: 152px;
  }
  .popup__datastory .popup__table__group table colgroup .col3 {
    width: 181px;
  }
  .popup__datastory .popup__table__group table colgroup .col4 {
    width: 102px;
  }
  .popup__datastory .popup__table__group table colgroup .col5 {
    width: 102px;
  }
  .popup__datastory .popup__table__group table colgroup .col6 {
    width: 90px;
  }
  .popup__datastory .popup__table__group table colgroup .col7 {
    width: 127px;
  }
}
.popup__datastory .popup__table__group table th,
.popup__datastory .popup__table__group table td {
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.popup__datastory .popup__table__group table th:last-child,
.popup__datastory .popup__table__group table td:last-child {
  border-right: 0;
}
.popup__datastory .popup__table__group table thead th {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  height: 60px;
  padding: 0;
  background: #f5f5f5;
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group table thead th {
    font-size: 14px;
    font-size: 1.4rem;
    height: 50px;
    font-weight: 400;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group table thead th {
    font-size: 14px;
    font-size: 1.4rem;
    height: 50px;
    font-weight: 400;
    line-height: 20px;
  }
}
.popup__datastory .popup__table__group table tbody th,
.popup__datastory .popup__table__group table tbody td {
  padding: 20px;
}
.popup__datastory .popup__table__group table tbody th:first-child,
.popup__datastory .popup__table__group table tbody td:first-child {
  background: #fff;
}
.popup__datastory .popup__table__group table tbody th .btn,
.popup__datastory .popup__table__group table tbody td .btn {
  display: block;
  max-width: 100%;
}
@media (min-width: 768px) {
  .popup__datastory .popup__table__group table tbody th .btn span,
  .popup__datastory .popup__table__group table tbody td .btn span {
    display: -webkit-box;
    max-height: 48px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group table tbody th .btn,
  .popup__datastory .popup__table__group table tbody td .btn {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .popup__datastory .popup__table__group table tbody th .btn span,
  .popup__datastory .popup__table__group table tbody td .btn span {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #222;
    line-height: 20px;
    letter-spacing: -0.06em;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group table tbody th .btn,
  .popup__datastory .popup__table__group table tbody td .btn {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .popup__datastory .popup__table__group table tbody th .btn span,
  .popup__datastory .popup__table__group table tbody td .btn span {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #222;
    line-height: 20px;
    letter-spacing: -0.06em;
  }
}
.popup__datastory .popup__table__group table tbody th p.txt,
.popup__datastory .popup__table__group table tbody td p.txt {
  display: -webkit-box;
  max-height: 48px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.popup__datastory .popup__table__group table tbody th p.price,
.popup__datastory .popup__table__group table tbody td p.price {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__group table tbody th p.txt, .popup__datastory .popup__table__group table tbody th p.price,
  .popup__datastory .popup__table__group table tbody td p.txt,
  .popup__datastory .popup__table__group table tbody td p.price {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__group table tbody th p.txt, .popup__datastory .popup__table__group table tbody th p.price,
  .popup__datastory .popup__table__group table tbody td p.txt,
  .popup__datastory .popup__table__group table tbody td p.price {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  .popup__datastory .popup__table__group table tbody th .category__group.--type01 .category__item p,
  .popup__datastory .popup__table__group table tbody td .category__group.--type01 .category__item p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.popup__datastory .popup__table__group table tbody th .category__group.--type01 .category__item:nth-of-type(1),
.popup__datastory .popup__table__group table tbody td .category__group.--type01 .category__item:nth-of-type(1) {
  max-width: calc((100% - 23px) / 2 + 23px);
}
.popup__datastory .popup__table__group table tbody th .category__group.--type01 .category__item:nth-of-type(2),
.popup__datastory .popup__table__group table tbody td .category__group.--type01 .category__item:nth-of-type(2) {
  max-width: calc((100% - 23px) / 2);
}
@media (min-width: 768px) {
  .popup__datastory .popup__table__group table tbody tr:last-child th,
  .popup__datastory .popup__table__group table tbody tr:last-child td {
    border-bottom: 0;
  }
}
.popup__datastory .popup__table__btns__group {
  display: flex;
  justify-content: center;
  padding-top: 14px;
}
.popup__datastory .popup__table__btns__group > button {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__btns__group > button {
    width: 140px;
    height: 52px !important;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__btns__group > button {
    width: 140px;
    height: 52px !important;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
  }
}
.popup__datastory .popup__table__pagination {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .popup__datastory .popup__table__pagination {
    margin-top: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datastory .popup__table__pagination {
    margin-top: 30px;
  }
}
.popup__datastory .popup__contents__title__group {
  margin-bottom: 20px;
}
.popup__datastory .popup__contents__title__group .count {
  display: flex;
}
.popup__datastory .popup__contents__title__group .count p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.popup__datastory .popup__contents__title__group .count p:last-of-type {
  margin-left: 10px;
  color: #4063ec;
}
.popup__rate__section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 55px;
  background: #f5f5f5;
  border-radius: 5px;
}
.popup__rate__group {
  display: inline-block;
  overflow: hidden;
  height: 26px;
  background-color: #e0e0e0;
}
.popup__rate__group::after {
  content: "";
  display: block;
  position: relative;
  z-index: 10;
  height: 26px;
  background: url("../../img/ico/ico_rate_bg.svg") repeat-x 0 0/contain;
  pointer-events: none;
}
.popup__rate__item {
  width: 26px;
  height: 26px;
  position: relative;
  z-index: 1;
  float: left;
  cursor: pointer;
}
.popup__rate__item input {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.popup__rate__item input:checked + .ico {
  background: #10c771;
}
.popup__rate__item .ico {
  width: 130px;
  height: 26px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.popup__rate__item b {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.popup__datamap__title__group .title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 36px;
  letter-spacing: -0.06em;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .popup__datamap__title__group .title {
    font-size: 20px;
    font-size: 2rem;
    margin: 6px 0 0;
    line-height: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datamap__title__group .title {
    font-size: 20px;
    font-size: 2rem;
    margin: 6px 0 0;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .popup__datamap__title__group {
    display: flex;
    flex-direction: column-reverse;
  }
  .popup__datamap__title__group .category__item > p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__datamap__title__group {
    display: flex;
    flex-direction: column-reverse;
  }
  .popup__datamap__title__group .category__item > p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.popup__datamap__dlTable__group {
  margin-top: 20px;
  border-top: 1px solid #1f2437;
}
@media (min-width: 768px) {
  .popup__datamap__dlTable__group .dlTable dt {
    width: 160px;
  }
  .popup__datamap__dlTable__group .dlTable dd:not(.full) {
    width: calc((100% - 320px) / 2);
  }
  .popup__datamap__dlTable__group .dlTable dd.full {
    width: calc(100% - 160px);
  }
}
.popup__dataset__detail__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  padding: 24px;
  background: #f5f5f5;
  border-radius: 5px;
  text-align: center;
}
@media (max-width: 767px) {
  .popup__dataset__detail__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__dataset__detail__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.popup__dataset__detail__dlTable > li {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .popup__dataset__detail__dlTable > li:first-of-type {
    margin-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__dataset__detail__dlTable > li:first-of-type {
    margin-top: 20px;
  }
}
.popup__dataset__detail__dlTable > li .title {
  border-bottom: 1px solid #1f2437;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .popup__dataset__detail__dlTable > li .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__dataset__detail__dlTable > li .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.popup__dataset__detail__dlTable > li .dlTable .category.--type-wrap {
  margin: -3px 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .popup__dataset__detail__dlTable > li .dlTable .category.--type-wrap > li.cate span {
    margin: 3px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__dataset__detail__dlTable > li .dlTable .category.--type-wrap > li.cate span {
    margin: 3px 0;
  }
}
.popup__dataset__detail__dlTable > li .dlTable .category.--type-wrap > li.cate span:not(:last-of-type)::after {
  margin: 0 6px;
}
.popup__dataset__detail__dlTable > li .dlTable .category.--type-wrap > li.cate span:last-of-type {
  font-weight: 400;
  color: #222;
}
@media (max-width: 767px) {
  .popup__dataset__detail__dlTable > li .dlTable .category.--type-wrap > li.cate span:last-of-type {
    font-size: 14px;
    font-size: 1.4rem;
    list-style: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .popup__dataset__detail__dlTable > li .dlTable .category.--type-wrap > li.cate span:last-of-type {
    font-size: 14px;
    font-size: 1.4rem;
    list-style: none;
  }
}

.mainpopup {
  display: block;
}
.mainpopup .popup__dim {
  opacity: 0.4;
  animation: popupDimbg 0.5s;
}
.mainpopup .popup__header__group {
  position: relative;
  height: auto;
  padding: 40px 60px 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .mainpopup .popup__header__group {
    padding: 60px 15px 32px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__header__group {
    padding: 60px 15px 32px;
  }
}
.mainpopup .popup__header__group::after {
  width: calc(100% - 120px);
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 60px;
  background: #e0e0e0;
}
@media (max-width: 767px) {
  .mainpopup .popup__header__group::after {
    width: calc(100% - 30px);
    left: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__header__group::after {
    width: calc(100% - 30px);
    left: 15px;
  }
}
.mainpopup .popup__header__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 40px;
  letter-spacing: -0.06em;
}
.mainpopup .popup__header__title .name {
  color: #2b3294;
}
@media (max-width: 767px) {
  .mainpopup .popup__header__title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 32px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__header__title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 32px;
  }
}
.mainpopup .popup__header__desc {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .mainpopup .popup__header__desc {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 16px;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__header__desc {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 16px;
    line-height: 26px;
  }
}
.mainpopup .popup__contents__group {
  padding: 0;
}
.mainpopup .popup__contents__main__section {
  padding: 30px 60px 32px;
}
@media (max-width: 767px) {
  .mainpopup .popup__contents__main__section {
    padding: 30px 32px 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__contents__main__section {
    padding: 30px 32px 12px;
  }
}
.mainpopup .popup__contents__main__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .mainpopup .popup__contents__main__title {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 24px;
    line-height: 28px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__contents__main__title {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 24px;
    line-height: 28px;
  }
}
.mainpopup .popup__contents__main__ckboxlist {
  overflow: hidden;
}
@media (min-width: 768px) {
  .mainpopup .popup__contents__main__ckboxlist {
    margin: -8px -10px;
  }
}
@media (max-width: 767px) {
  .mainpopup .popup__contents__main__ckboxlist {
    margin: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__contents__main__ckboxlist {
    margin: 0;
  }
}
.mainpopup .popup__contents__main__ckbox {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .mainpopup .popup__contents__main__ckbox {
    margin: -12px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__contents__main__ckbox {
    margin: -12px 0;
  }
}
@media (min-width: 768px) {
  .mainpopup .popup__contents__main__ckbox > li {
    width: calc((100% - 80px) / 4);
    margin: 8px 10px;
  }
}
@media (max-width: 767px) {
  .mainpopup .popup__contents__main__ckbox > li {
    width: 50%;
    margin: 12px 0;
  }
  .mainpopup .popup__contents__main__ckbox > li:nth-of-type(even) {
    padding-left: 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__contents__main__ckbox > li {
    width: 50%;
    margin: 12px 0;
  }
  .mainpopup .popup__contents__main__ckbox > li:nth-of-type(even) {
    padding-left: 12px;
  }
}
.mainpopup .popup__contents__main__agree {
  border-top: 1px solid #e0e0e0;
  margin-top: 30px;
  padding-top: 16px;
}
@media (max-width: 767px) {
  .mainpopup .popup__contents__main__agree {
    width: calc(100% + 34px);
    margin: 30px -17px 0;
    padding: 16px 17px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__contents__main__agree {
    width: calc(100% + 34px);
    margin: 30px -17px 0;
    padding: 16px 17px 0;
  }
}
.mainpopup .popup__button__group {
  align-items: flex-start;
  height: auto !important;
}
@media (min-width: 768px) {
  .mainpopup .popup__button__group {
    padding: 0 0 48px;
  }
}
@media (max-width: 767px) {
  .mainpopup .popup__button__group {
    padding: 20px 15px !important;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__button__group {
    padding: 20px 15px !important;
  }
}
.mainpopup .popup__button__group button.underlinebutton {
  align-self: center;
}
.mainpopup .popup__button__group button + button {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .mainpopup .popup__button__group button {
    width: 50%;
  }
  .mainpopup .popup__button__group button.underlinebutton span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
  .mainpopup .popup__button__group button.btn__primary__sm {
    font-weight: 400 !important;
  }
  .mainpopup .popup__button__group button + button {
    margin-left: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mainpopup .popup__button__group button {
    width: 50%;
  }
  .mainpopup .popup__button__group button.underlinebutton span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
  .mainpopup .popup__button__group button.btn__primary__sm {
    font-weight: 400 !important;
  }
  .mainpopup .popup__button__group button + button {
    margin-left: 0;
  }
}

.-alert.popup__section {
  z-index: 10000;
}
.-alert .popup__container__group {
  max-width: 460px;
}
@media (max-width: 767px) {
  .-alert .popup__container__group {
    width: calc(100% - 30px);
    max-width: 344px;
    border-radius: 20px;
    animation-name: fade;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .-alert .popup__container__group {
    width: calc(100% - 30px);
    max-width: 344px;
    border-radius: 20px;
    animation-name: fade;
  }
}
.-alert .popup__header__group {
  height: 60px;
}
.-alert .popup__contents__group {
  padding: 0 40px;
}
@media (max-width: 767px) {
  .-alert .popup__contents__group {
    padding: 0 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .-alert .popup__contents__group {
    padding: 0 30px;
  }
}
.-alert .popup__button__group {
  align-items: flex-start;
  height: initial;
  padding: 32px 0 40px;
}
.-alert .popup__button__group > button {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .-alert .popup__button__group > button {
    max-width: 140px;
    height: 48px !important;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .-alert .popup__button__group > button {
    max-width: 140px;
    height: 48px !important;
  }
}
.-alert .popup__inner {
  align-items: center;
}
.-alert .popup__alert__txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  .-alert .popup__alert__txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .-alert .popup__alert__txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.mobile__only__popup__group {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .mobile__only__popup__group {
    margin-top: 32px;
  }
  .is-sticky + .container .mobile__only__popup__group {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mobile__only__popup__group {
    margin-top: 32px;
  }
  .is-sticky + .container .mobile__only__popup__group {
    display: none;
  }
}
@media (min-width: 768px) {
  .mobile__only__popup__button {
    display: none;
  }
}
@media (max-width: 767px) {
  .mobile__only__popup__button button {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 20px;
    letter-spacing: -0.06em;
    text-decoration: underline;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mobile__only__popup__button button {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 20px;
    letter-spacing: -0.06em;
    text-decoration: underline;
  }
}

@keyframes popupDimbg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 40%;
  }
}
@keyframes popupYmove {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.main .header__section.--type-bk {
  backdrop-filter: blur(10px);
}
.main .container {
  padding-top: 0;
}
.main .common-inner .contents {
  padding: 0;
  max-width: 100vw;
}
.main__section {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .main__section {
    padding-bottom: 80px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__section {
    padding-bottom: 80px;
  }
}
.main__section .swiper-wrapper {
  padding-bottom: 42px;
}
.main__section .swiper-pagination:not(.--exception) {
  width: calc(100% - 160px);
  height: 2px;
  top: auto;
  bottom: 0;
  left: 80px;
  background: #ccc;
}
@media (max-width: 1280px) {
  .main__section .swiper-pagination:not(.--exception) {
    left: 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 767px) {
  .main__section .swiper-pagination:not(.--exception) {
    left: 15px;
    width: calc(100% - 30px);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__section .swiper-pagination:not(.--exception) {
    left: 15px;
    width: calc(100% - 30px);
  }
}
.main__section .swiper-pagination-progressbar-fill {
  background: #222;
}
.main__section .swiper-button button {
  width: 50px;
  height: 50px;
  background: url("../../img/ico/ico_arrow_right_ccc_thin.svg") no-repeat center/contain;
}
.main__section .swiper-button button::after {
  display: none;
}
.main__section .swiper-button button span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.main__section .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}
.main__section .swiper-button-next {
  right: 0;
}
.main__conts {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}
@media (max-width: 767px) {
  .main__conts {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__conts {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.main__conts__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 58px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .main__conts__title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 41px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__conts__title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 41px;
  }
}
.main__visual {
  position: relative;
  height: 560px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main__visual {
    height: 565px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__visual {
    height: 565px;
  }
}
.main__visual::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 50, 148, 0.5);
  z-index: 10;
}
.main__visual__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main__visual__group {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 120px;
  z-index: 20;
}
@media (max-width: 1200px) {
  .main__visual__group {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .main__visual__group {
    padding-top: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__visual__group {
    padding-top: 60px;
  }
}
.main__visual__conts {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}
.main__visual__conts > div {
  width: 100%;
  max-width: 790px;
}
@media (max-width: 1200px) {
  .main__visual__conts > div {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 767px) {
  .main__visual__conts > div {
    max-width: calc(100% - 30px);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__visual__conts > div {
    max-width: calc(100% - 30px);
  }
}
.main__visual__select__section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.main__visual__select__section .refreshbutton {
  position: relative;
}
.main__visual__select__section .refreshbutton .ico {
  margin-right: 0;
}
.main__visual__select__section .refreshbutton .txt {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.main__visual__select__group {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .main__visual__select__group {
    width: calc((100% - 84px) / 4);
    margin-right: 14px;
  }
}
@media (max-width: 767px) {
  .main__visual__select__group.--type-ver1 {
    width: calc((100% - 15px) / 2);
    margin-bottom: 10px;
  }
  .main__visual__select__group.--type-ver1 + .--type-ver1 {
    margin-left: 15px;
  }
  .main__visual__select__group:not(.--type-ver1) {
    width: calc((100% - 58px) / 2);
  }
  .main__visual__select__group:not(.--type-ver1) + .main__visual__select__group:not(.--type-ver1):not(.--type-ver1) {
    margin-left: 15px;
  }
  .main__visual__select__group.--type-ver3 {
    margin-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__visual__select__group.--type-ver1 {
    width: calc((100% - 15px) / 2);
    margin-bottom: 10px;
  }
  .main__visual__select__group.--type-ver1 + .--type-ver1 {
    margin-left: 15px;
  }
  .main__visual__select__group:not(.--type-ver1) {
    width: calc((100% - 58px) / 2);
  }
  .main__visual__select__group:not(.--type-ver1) + .main__visual__select__group:not(.--type-ver1):not(.--type-ver1) {
    margin-left: 15px;
  }
  .main__visual__select__group.--type-ver3 {
    margin-right: 15px;
  }
}
.main__visual__select__group > li {
  width: 100%;
}
.main__visual__select__group .select__group {
  max-width: 100%;
  height: 48px;
  border-color: #fff;
  border-radius: 24px;
}
.main__visual__select__group .select__group.is-selected .select__label {
  background-color: #fff;
  color: #2b3294;
  border-radius: 24px;
  box-shadow: 0 0 0 1px #fff;
}
.main__visual__select__group .select__group.is-selected .select__label::after {
  background-image: url("/img/ico/ico_arrow_up_24_primary.svg");
}
.main__visual__select__group .select__group.is-active .select__opt__list__area {
  height: 160px;
}
.main__visual__select__group .select__label {
  padding: 0 38px 0 20px;
  color: #fff;
}
.main__visual__select__group .select__label::after {
  width: 24px;
  height: 24px;
  top: 11px !important;
  right: 14px;
  background-image: url("/img/ico/ico_arrow_up_24_white.svg");
}
.main__visual__select__group .select__opt__list__area {
  width: 100%;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-color: #fff;
  border-radius: 10px;
}
.main__visual__select__group .select__opt__list__area::-webkit-scrollbar {
  width: 18px;
}
.main__visual__select__group .select__opt__list__area::-webkit-scrollbar-track {
  background: transparent;
}
.main__visual__select__group .select__opt__list__area::-webkit-scrollbar-thumb {
  background: #d7dae6;
  background-clip: padding-box;
  border-radius: 18px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
@supports (-webkit-backdrop-filter: blur(10px)) {
  .main__visual__select__group .select__opt__list__area {
    -webkit-backdrop-filter: blur(10px);
  }
}
@media (max-width: 767px) {
  .main__visual__select__group .select__opt__list__area {
    background: rgba(34, 34, 34, 0.3);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__visual__select__group .select__opt__list__area {
    background: rgba(34, 34, 34, 0.3);
  }
}
.main__visual__select__group .select__opt__list__group > li:hover {
  background: rgba(31, 36, 55, 0.3);
  border-radius: 5px;
}
.main__visual__select__group .select__opt__list__item {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 6px 8px 14px;
  color: #fff;
  line-height: 1.4;
  text-overflow: clip;
  overflow: initial;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.main__search__section {
  width: 100%;
  height: 68px;
  border-radius: 34px;
  overflow: hidden;
}
.main__search__area {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.main__search__group {
  width: 100%;
  height: 100%;
}
.main__search__group input {
  width: 100%;
  height: 100%;
  padding: 0 140px 0 30px;
}
@media (max-width: 767px) {
  .main__search__group input {
    padding-right: 62px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__search__group input {
    padding-right: 62px;
  }
}
.main__search__group .ipt__del {
  right: 110px;
}
@media (max-width: 767px) {
  .main__search__group .ipt__del {
    right: 62px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__search__group .ipt__del {
    right: 62px;
  }
}
.main__search__button {
  width: 30px;
  height: 30px;
  background: url("../../img/ico/ico_search_30_primary.svg") no-repeat center/contain;
  position: absolute;
  top: 19px;
  right: 40px;
  z-index: 5;
}
@media (max-width: 767px) {
  .main__search__button {
    right: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__search__button {
    right: 16px;
  }
}
.main__popularity__section {
  max-width: 1420px;
  margin: 40px auto 0;
}
@media (min-width: 1420px) {
  .main__popularity__section.is-swiper-ck .swiper-slide-prev {
    width: 380px;
  }
}
@media (max-width: 767px) {
  .main__popularity__section {
    margin-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__popularity__section {
    margin-top: 20px;
  }
}
.main__popularity__section .swiper {
  padding: 0 160px;
  text-align: left;
}
@media (min-width: 1281px) and (max-width: 1419px) {
  .main__popularity__section .swiper {
    padding: 0 80px;
  }
}
@media (max-width: 1280px) {
  .main__popularity__section .swiper {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .main__popularity__section .swiper {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__popularity__section .swiper {
    padding: 0 15px;
  }
}
.main__popularity__section .swiper-slide {
  width: 300px;
  padding-top: 50px;
  transition: width 0.3s;
}
.main__popularity__section .swiper-slide .thumb__img {
  height: 190px;
}
.main__popularity__section .swiper-slide .thumb__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 768px) {
  .main__popularity__section .swiper-slide .prod__title p.main {
    height: 64px;
  }
}
@media (max-width: 767px) {
  .main__popularity__section .swiper-slide .prod__title p.main {
    height: 56px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__popularity__section .swiper-slide .prod__title p.main {
    height: 56px;
  }
}
.main__popularity__section .swiper-slide:not(.swiper-slide-next) .prod__price p {
  transform: translateY(-10px);
}
@media (min-width: 1420px) {
  .main__popularity__section .swiper-slide-next {
    width: 380px;
    padding-top: 0;
  }
  .main__popularity__section .swiper-slide-next .thumb__img {
    height: 240px;
  }
}
@media (max-width: 767px) {
  .main__popularity__section .swiper-slide {
    width: 285px;
    padding-top: 0;
  }
  .main__popularity__section .swiper-slide .thumb__img {
    height: 180px;
  }
  .main__popularity__section .swiper-slide:not(.swiper-slide-next) .prod__price p {
    transform: translateY(0);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__popularity__section .swiper-slide {
    width: 285px;
    padding-top: 0;
  }
  .main__popularity__section .swiper-slide .thumb__img {
    height: 180px;
  }
  .main__popularity__section .swiper-slide:not(.swiper-slide-next) .prod__price p {
    transform: translateY(0);
  }
}
.main__popularity__section .swiper-button button {
  top: 0;
  margin-top: 186px;
}
.main__popularity__section .swiper-button::before, .main__popularity__section .swiper-button::after {
  content: "";
  position: absolute;
  top: 0;
  width: 160px;
  height: 100%;
  background: #fff;
  z-index: 5;
}
.main__popularity__section .swiper-button::before {
  left: 0;
}
.main__popularity__section .swiper-button::after {
  right: 0;
}
@media (max-width: 1419px) {
  .main__popularity__section .swiper-button {
    display: none;
  }
}
.main__popularity__swiper__img {
  position: relative;
}
.main__newData__section {
  background: #f5f5f5;
}
.main__newData__area {
  max-width: 1420px;
  margin: 36px auto 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main__newData__area {
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__newData__area {
    margin-top: 10px;
  }
}
.main__newData__area .swiper {
  position: relative;
  padding: 10px 80px 0;
  text-align: left;
}
@media (min-width: 768px) {
  .main__newData__area .swiper {
    margin: 0 -10px;
  }
}
@media (max-width: 1280px) {
  .main__newData__area .swiper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .main__newData__area .swiper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__newData__area .swiper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.main__newData__area .swiper::before, .main__newData__area .swiper::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 80px;
  background: #f5f5f5;
  z-index: 5;
}
@media (max-width: 1420px) {
  .main__newData__area .swiper::before, .main__newData__area .swiper::after {
    display: none;
  }
}
.main__newData__area .swiper::after {
  left: auto;
  right: 0;
}
.main__newData__area .swiper-slide {
  width: 320px;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .main__newData__area .swiper-slide {
    width: 285px;
    padding: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__newData__area .swiper-slide {
    width: 285px;
    padding: 0;
  }
}
.main__newData__area .swiper-button button {
  top: 0;
  margin-top: 185px;
}
@media (max-width: 1420px) {
  .main__newData__area .swiper-button {
    display: none;
  }
}
.main__newData__area .prod__title {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  padding: 20px 30px;
}
.main__newData__area .prod__info {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  margin-top: 0;
  padding: 0 30px 24px;
}
.main__newData__area .prod__price {
  border: 1px solid #e0e0e0;
  margin-top: 0;
  padding: 18px 30px 16px;
  border-radius: 0 0 10px 10px;
}
.main__newData__swiper__item {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 15px;
}
@media (min-width: 768px) {
  .main__newData__swiper__item .prod__title p.main {
    height: 64px;
  }
}
@media (max-width: 767px) {
  .main__newData__swiper__item .prod__title p.main {
    height: 56px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__newData__swiper__item .prod__title p.main {
    height: 56px;
  }
}
@media (hover: hover) {
  .main__newData__swiper__item {
    transform: translateY(0);
    transition: 0.5s;
  }
  .main__newData__swiper__item::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    border-radius: 10px;
    transition: 0.5s;
    opacity: 0;
    z-index: 5;
    pointer-events: none;
  }
  .main__newData__swiper__item:hover {
    transform: translateY(-10px);
    box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.16);
  }
  .main__newData__swiper__item:hover::after {
    display: block;
    box-shadow: inset 0 0 0 3px #2b3294;
    opacity: 1;
  }
}
.main__newData__swiper__img {
  position: relative;
}
.main__newData__swiper__img figure {
  width: 100%;
  height: 190px;
  border-radius: 10px 10px 0 0;
}
.main__newData__swiper__img figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.main__dataStatus__section {
  position: relative;
  max-width: 1260px;
  margin: 0 auto;
  padding: 20px 0 80px;
  text-align: left;
}
.main__dataStatus__section::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e0e0e0;
}
@media (min-width: 1281px) and (max-width: 1360px) {
  .main__dataStatus__section {
    max-width: calc(100% - 160px);
  }
}
@media (max-width: 1280px) {
  .main__dataStatus__section {
    max-width: 100%;
  }
  .main__dataStatus__section::after {
    left: 20px;
    width: calc(100% - 40px);
  }
  .main__dataStatus__section .swiper {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .main__dataStatus__section {
    padding: 0 0 60px;
  }
  .main__dataStatus__section::after {
    left: 15px;
    width: calc(100% - 30px);
  }
  .main__dataStatus__section .swiper {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__dataStatus__section {
    padding: 0 0 60px;
  }
  .main__dataStatus__section::after {
    left: 15px;
    width: calc(100% - 30px);
  }
  .main__dataStatus__section .swiper {
    padding: 0 15px;
  }
}
.main__dataStatus__section .swiper-wrapper {
  padding-top: 20px;
  padding-bottom: 0;
}
.main__dataStatus__section .swiper-slide {
  aspect-ratio: 1/1;
}
@media (max-width: 1280px) {
  .main__dataStatus__section .swiper-slide {
    min-height: 345px;
    max-height: 345px;
  }
}
.main__dataStatus__section .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
  margin-top: 24px;
}
.main__dataStatus__section .swiper-pagination-bullet {
  margin: 0 4px !important;
  background: #ccc;
  opacity: 1;
}
.main__dataStatus__section .swiper-pagination-bullet-active {
  background: #4063ec;
}
.main__dataStatus__swiper__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  padding: 60px 50px;
  background: #EFF0F6;
  border-radius: 10px;
}
@media (hover: hover) {
  .main__dataStatus__swiper__item {
    transition: 0.3s;
  }
  .main__dataStatus__swiper__item:hover {
    box-shadow: inset 0 0 0 3px #2b3294;
    filter: drop-shadow(0 5px 10px rgba(43, 50, 148, 0.3));
  }
  .main__dataStatus__swiper__item:hover .title strong {
    color: #2b3294;
  }
}
@media (max-width: 1280px) {
  .main__dataStatus__swiper__item {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .main__dataStatus__swiper__item {
    padding: 40px 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__dataStatus__swiper__item {
    padding: 40px 30px;
  }
}
.main__dataStatus__swiper__img {
  max-width: 230px;
  aspect-ratio: 23/16;
}
.main__dataStatus__swiper__img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.main__dataStatus__swiper__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
}
.main__dataStatus__swiper__info .title {
  display: flex;
  flex-direction: column;
}
.main__dataStatus__swiper__info .title strong {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 36px;
  letter-spacing: -0.06em;
}
.main__dataStatus__swiper__info .title small {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 14px;
  letter-spacing: -0.06em;
  margin-top: 6px;
  text-transform: capitalize;
}
.main__dataStatus__swiper__info .count {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 53px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .main__dataStatus__swiper__info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
  }
  .main__dataStatus__swiper__info .title strong {
    font-size: 20px;
    line-height: 30px;
  }
  .main__dataStatus__swiper__info .title small {
    margin-top: 3px;
  }
  .main__dataStatus__swiper__info .count {
    margin-top: 4px;
    font-size: 36px;
    line-height: 44px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__dataStatus__swiper__info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
  }
  .main__dataStatus__swiper__info .title strong {
    font-size: 20px;
    line-height: 30px;
  }
  .main__dataStatus__swiper__info .title small {
    margin-top: 3px;
  }
  .main__dataStatus__swiper__info .count {
    margin-top: 4px;
    font-size: 36px;
    line-height: 44px;
  }
}
.main__dataStatus__linebar {
  display: none;
  border-bottom: 1px solid #e0e0e0;
}
.swiper-pagination-lock ~ .main__dataStatus__linebar {
  display: block;
}
.main__bbs__item {
  display: block;
}
.main__bbs__item .title {
  display: -webkit-box;
  max-height: 60px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (min-width: 768px) {
  .main__bbs__item .title {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .main__bbs__item .title {
    font-size: 16px;
    font-size: 1.6rem;
    max-height: 24px;
    margin-bottom: 8px;
    line-height: 24px;
    -webkit-line-clamp: 1;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__bbs__item .title {
    font-size: 16px;
    font-size: 1.6rem;
    max-height: 24px;
    margin-bottom: 8px;
    line-height: 24px;
    -webkit-line-clamp: 1;
  }
}
.main__bbs__item .desc {
  display: -webkit-box;
  max-height: 52px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #707070;
  line-height: 26px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  height: 52px;
  margin: 24px 0 20px;
}
.main__bbs__item .desc * {
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-family: "Roboto", "Noto Sans Korean", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #707070 !important;
  line-height: 26px !important;
}
@media (max-width: 767px) {
  .main__bbs__item .desc {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__bbs__item .desc {
    display: none;
  }
}
.main__bbs__item .date {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 17px;
  letter-spacing: -0.06em;
}
.main__tab__menu__section {
  width: 100%;
  height: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main__tab__menu__section {
    height: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__tab__menu__section {
    height: 40px;
  }
}
.main__tab__menu__area {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  margin-left: -160px;
  text-align: center;
}
@media (max-width: 767px) {
  .main__tab__menu__area {
    margin-left: -130px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__tab__menu__area {
    margin-left: -130px;
  }
}
.main__tab__menu__group {
  display: flex;
  height: 100%;
  will-change: transform;
  transition: transform 0.5s linear;
}
.main__tab__menu__group > li {
  flex-shrink: 0;
  height: 100%;
  padding: 0 20px;
}
.main__tab__menu__group > li button {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 400;
  font-style: normal;
  color: #ccc;
  line-height: 60px;
  letter-spacing: -0.06em;
}
.main__tab__menu__group > li.is-active {
  width: 320px;
}
.main__tab__menu__group > li.is-active button {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  color: #000;
}
@media (max-width: 767px) {
  .main__tab__menu__group > li {
    padding: 0 12px;
  }
  .main__tab__menu__group > li button {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 40px;
  }
  .main__tab__menu__group > li.is-active {
    width: 260px;
  }
  .main__tab__menu__group > li.is-active button {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__tab__menu__group > li {
    padding: 0 12px;
  }
  .main__tab__menu__group > li button {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 40px;
  }
  .main__tab__menu__group > li.is-active {
    width: 260px;
  }
  .main__tab__menu__group > li.is-active button {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.main__tab__menu__arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  width: 320px;
  padding: 0 20px;
  pointer-events: none;
}
.main__tab__menu__arrow button {
  width: 28px;
  height: 28px;
  background: url("../../img/ico/ico_arrow_left_black.svg") no-repeat center/contain;
  pointer-events: auto;
}
.main__tab__menu__arrow button span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.main__tab__menu__arrow button:nth-of-type(2) {
  transform: rotate(180deg);
}
.main__tab__menu__arrow button:disabled {
  opacity: 0.4;
}
@media (max-width: 767px) {
  .main__tab__menu__arrow {
    width: 260px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__tab__menu__arrow {
    width: 260px;
  }
}
.main__tab__inner__group {
  display: none;
  align-items: center;
  flex-direction: column;
  padding-top: 16px;
}
@media (max-width: 767px) {
  .main__tab__inner__group {
    padding-top: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__tab__inner__group {
    padding-top: 24px;
  }
}
.main__tab__inner__group.is-active {
  display: flex;
  animation: mainTabInnerMove 0.5s;
}
.main__tab__inner__link {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  position: relative;
}
.main__tab__inner__link::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #222;
}
@media (max-width: 767px) {
  .main__tab__inner__link {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__tab__inner__link {
    display: none;
  }
}
.main__tab__inner__swiper {
  width: 100%;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .main__tab__inner__swiper {
    margin-top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__tab__inner__swiper {
    margin-top: 0;
  }
}
.main__tab__inner__swiper .swiper-slide {
  width: 240px;
  opacity: 0.4;
}
.main__tab__inner__swiper .swiper-slide-active, .main__tab__inner__swiper .swiper-slide-next {
  opacity: 1;
}
@media (min-width: 1281px) {
  .main__tab__inner__swiper .swiper {
    padding-left: calc((100% - 1260px) / 2);
    padding-right: calc((100% - 1260px) / 2);
  }
  .main__tab__inner__swiper .swiper-slide-active + .swiper-slide, .main__tab__inner__swiper .swiper-slide-next + .swiper-slide {
    opacity: 1;
  }
  .main__tab__inner__swiper .swiper-slide-active + .swiper-slide + .swiper-slide, .main__tab__inner__swiper .swiper-slide-next + .swiper-slide + .swiper-slide {
    opacity: 1;
  }
  .main__tab__inner__swiper .swiper-pagination {
    width: 1260px;
    left: calc((100% - 1260px) / 2);
  }
}
@media (max-width: 1280px) {
  .main__tab__inner__swiper .swiper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .main__tab__inner__swiper .swiper-slide {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .main__tab__inner__swiper .swiper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main__tab__inner__swiper .swiper-wrapper {
    flex-direction: column;
    padding-bottom: 0;
  }
  .main__tab__inner__swiper .swiper-slide {
    width: 100%;
  }
  .main__tab__inner__swiper .swiper-slide:not(:nth-of-type(n + 4)) {
    border-bottom: 1px solid #e0e0e0;
    padding: 16px 0;
  }
  .main__tab__inner__swiper .swiper-slide:nth-of-type(4) {
    padding-top: 16px;
  }
  .main__tab__inner__swiper .swiper-slide:nth-of-type(n + 5) {
    display: none;
  }
  .main__tab__inner__swiper .swiper-pagination {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .main__tab__inner__swiper .swiper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main__tab__inner__swiper .swiper-wrapper {
    flex-direction: column;
    padding-bottom: 0;
  }
  .main__tab__inner__swiper .swiper-slide {
    width: 100%;
  }
  .main__tab__inner__swiper .swiper-slide:not(:nth-of-type(n + 4)) {
    border-bottom: 1px solid #e0e0e0;
    padding: 16px 0;
  }
  .main__tab__inner__swiper .swiper-slide:nth-of-type(4) {
    padding-top: 16px;
  }
  .main__tab__inner__swiper .swiper-slide:nth-of-type(n + 5) {
    display: none;
  }
  .main__tab__inner__swiper .swiper-pagination {
    display: none;
  }
}

.thumb__img {
  width: 100%;
  background: no-repeat center/cover;
  border-radius: 10px;
  overflow: hidden;
}
.thumb__ico {
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  height: 100%;
  padding: 0 10px;
  background: #f5f5f5;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .thumb__ico {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .thumb__ico {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
  }
}
.thumb__ico.--ver2 {
  background: #4063ec;
  color: #fff;
}
.thumb__ico.--ver3 {
  background: #fff;
  color: #707070;
  box-shadow: inset 0 0 0 1px #ccc;
}
.thumb__ico__group {
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  justify-content: space-between;
}

.prod__title {
  padding-top: 24px;
}
@media (max-width: 767px) {
  .prod__title {
    padding-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__title {
    padding-top: 16px;
  }
}
.prod__title p.sub {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.prod__title p.main {
  display: -webkit-box;
  max-height: 64px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 32px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 767px) {
  .prod__title p.main {
    font-size: 18px;
    font-size: 1.8rem;
    max-height: 56px;
    line-height: 28px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__title p.main {
    font-size: 18px;
    font-size: 1.8rem;
    max-height: 56px;
    line-height: 28px;
  }
}
.prod__title p + p {
  margin-top: 8px;
}
.prod__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .prod__info {
    margin-top: 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__info {
    margin-top: 12px;
  }
}
.prod__info .info {
  display: flex;
  align-items: center;
}
.prod__info .info p {
  display: flex;
  align-items: center;
}
.prod__info .info p > span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.5;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .prod__info .info p > span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 22px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__info .info p > span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 22px;
  }
}
.prod__info .info p > span.point {
  color: #222;
}
.prod__info .info p > span + span {
  padding-left: 6px;
}
@media (max-width: 767px) {
  .prod__info .info p > span + span {
    padding-left: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__info .info p > span + span {
    padding-left: 8px;
  }
}
.prod__info .info p:not(:last-of-type)::after {
  width: 1px;
  height: 12px;
  content: "";
  margin: 0 8px;
  background: #ccc;
}
.prod__info .rate {
  display: flex;
  align-items: center;
}
.prod__info .rate .ico {
  width: 22px;
  height: 21px;
  background: url("../../img/ico/ico_rate.svg") no-repeat center/contain;
}
.prod__info .rate .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 18px;
  letter-spacing: -0.06em;
  padding-left: 4px;
}
@media (max-width: 767px) {
  .prod__info .rate .txt {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 8px;
    line-height: 17px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__info .rate .txt {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 8px;
    line-height: 17px;
  }
}
.prod__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .prod__price {
    margin-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__price {
    margin-top: 20px;
  }
}
.prod__price p.type {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  color: #2b3294;
  line-height: 27px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .prod__price p.type {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__price p.type {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.prod__price p.price {
  display: flex;
  align-items: flex-end;
}
.prod__price p.price span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .prod__price p.price span:not(.num) {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__price p.price span:not(.num) {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.prod__price p.price span.num {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 29px;
}
@media (max-width: 767px) {
  .prod__price p.price span.num {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__price p.price span.num {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
  }
}
.prod__price p.price span + span {
  margin-left: 4px;
}

.list__type1__group > li:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.list__type1__item {
  display: block;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .list__type1__item {
    padding: 24px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item {
    padding: 24px 0;
  }
}
.list__type1__item__group {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .list__type1__item__group {
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group {
    flex-direction: column;
  }
}
.list__type1__item__group > li:not(:only-of-type):first-of-type {
  flex-grow: 1;
  padding-left: 30px;
}
.list__type1__item__group > li:not(:only-of-type):last-of-type {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}
.list__type1__item__group > li:only-of-type {
  padding: 0 30px;
}
@media (max-width: 767px) {
  .list__type1__item__group > li:only-of-type {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group > li:only-of-type {
    padding: 0 15px;
  }
}
.list__type1__item__group > li:first-of-type {
  overflow: hidden;
}
.list__type1__item__group > li:first-of-type .title {
  display: flex;
}
@media (max-width: 767px) {
  .list__type1__item__group > li:first-of-type .title {
    flex-wrap: wrap;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group > li:first-of-type .title {
    flex-wrap: wrap;
  }
}
.list__type1__item__group > li:first-of-type .title .bbsIco {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .list__type1__item__group > li:first-of-type .title .bbsIco {
    margin: 0 0 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group > li:first-of-type .title .bbsIco {
    margin: 0 0 12px;
  }
}
.list__type1__item__group > li:first-of-type .title h3 {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 767px) {
  .list__type1__item__group > li:first-of-type .title h3 {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group > li:first-of-type .title h3 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .list__type1__item__group > li:first-of-type .desc {
    padding: 12px 0 8px;
  }
}
@media (max-width: 767px) {
  .list__type1__item__group > li:first-of-type .desc {
    padding: 10px 0 4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group > li:first-of-type .desc {
    padding: 10px 0 4px;
  }
}
.list__type1__item__group > li:first-of-type .desc.--ver2 p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .list__type1__item__group > li:first-of-type .desc.--ver2 p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group > li:first-of-type .desc.--ver2 p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (min-width: 768px) {
  .list__type1__item__group > li:first-of-type .desc:not(.--ver2) p {
    display: -webkit-box;
    max-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #707070;
    line-height: 24px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 767px) {
  .list__type1__item__group > li:first-of-type .desc:not(.--ver2) p {
    display: -webkit-box;
    max-height: 52px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #707070;
    line-height: 26px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group > li:first-of-type .desc:not(.--ver2) p {
    display: -webkit-box;
    max-height: 52px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #707070;
    line-height: 26px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.list__type1__item__group > li:first-of-type .info {
  display: flex;
  padding-top: 12px;
}
@media (max-width: 767px) {
  .list__type1__item__group > li:first-of-type .info:not(.--type-mo-row) {
    flex-direction: column;
  }
  .list__type1__item__group > li:first-of-type .info.--type-mo-row > li:not(:last-of-type)::after {
    width: 1px;
    height: 12px;
    content: "";
    background: #ccc;
    margin: 4px 8px;
  }
  .list__type1__item__group > li:first-of-type .info.--type-mo-row > li + li {
    margin-top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group > li:first-of-type .info:not(.--type-mo-row) {
    flex-direction: column;
  }
  .list__type1__item__group > li:first-of-type .info.--type-mo-row > li:not(:last-of-type)::after {
    width: 1px;
    height: 12px;
    content: "";
    background: #ccc;
    margin: 4px 8px;
  }
  .list__type1__item__group > li:first-of-type .info.--type-mo-row > li + li {
    margin-top: 0;
  }
}
.list__type1__item__group > li:first-of-type .info > li {
  display: flex;
}
.list__type1__item__group > li:first-of-type .info > li p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.list__type1__item__group > li:first-of-type .info > li p:not(:only-of-type):last-of-type {
  margin-left: 6px;
  font-weight: 500;
  color: #222;
}
.list__type1__item__group > li:first-of-type .info > li p:only-of-type {
  color: #222;
}
@media (min-width: 768px) {
  .list__type1__item__group > li:first-of-type .info > li:not(:last-of-type)::after {
    width: 1px;
    height: 12px;
    content: "";
    background: #ccc;
    margin: 4px 8px;
  }
}
@media (max-width: 767px) {
  .list__type1__item__group > li:first-of-type .info > li + li {
    margin-top: 4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group > li:first-of-type .info > li + li {
    margin-top: 4px;
  }
}
.list__type1__item__group > li:first-of-type .info + ul.info {
  padding-top: 6px;
}
.list__type1__item__group.--type01 > li:first-of-type {
  max-width: calc(100% - 320px);
}
.list__type1__item__group.--type01 > li:last-of-type {
  width: 300px;
}
.list__type1__item__group.--type01 > li:last-of-type .state {
  display: flex;
  justify-content: center;
  width: calc((100% - 20px) / 2);
}
.list__type1__item__group.--type01 > li:last-of-type .state.list {
  display: flex;
}
.list__type1__item__group.--type01 > li:last-of-type .state.list > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  display: flex;
  text-transform: uppercase;
}
.list__type1__item__group.--type01 > li:last-of-type .state.list > li:not(:only-of-type):not(:last-of-type)::after {
  width: 1px;
  height: 12px;
  content: "";
  background: #ccc;
  margin: 4px 8px;
}
.list__type1__item__group.--type01 > li:last-of-type .state.list > li.file {
  color: #4063ec;
}
.list__type1__item__group.--type01 > li:last-of-type .state.list > li.api {
  color: #1ccdcc;
}
.list__type1__item__group.--type01 > li:last-of-type .state.btns button {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  min-width: auto;
  padding: 0 24px;
}
@media (max-width: 767px) {
  .list__type1__item__group.--type01 > li:first-of-type, .list__type1__item__group.--type01 > li:last-of-type {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .list__type1__item__group.--type01 > li:last-of-type {
    margin-top: 14px;
  }
  .list__type1__item__group.--type01 > li:last-of-type .state {
    width: auto;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type01 > li:first-of-type, .list__type1__item__group.--type01 > li:last-of-type {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .list__type1__item__group.--type01 > li:last-of-type {
    margin-top: 14px;
  }
  .list__type1__item__group.--type01 > li:last-of-type .state {
    width: auto;
  }
}
.list__type1__item__group.--type02 > li:first-of-type {
  width: calc(82.54% - 20px);
}
.list__type1__item__group.--type02 > li:last-of-type {
  justify-content: center;
  width: 17.46%;
}
.list__type1__item__group.--type02 > li:last-of-type .state {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.list__type1__item__group.--type02 > li:last-of-type .state.val1 {
  color: #1ccdcc;
}
.list__type1__item__group.--type02 > li:last-of-type .state.val3 {
  color: #ee1a1a;
}
@media (max-width: 767px) {
  .list__type1__item__group.--type02 > li:first-of-type, .list__type1__item__group.--type02 > li:last-of-type {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .list__type1__item__group.--type02 > li:last-of-type {
    justify-content: flex-start;
    margin-top: 24px;
  }
  .list__type1__item__group.--type02 > li:last-of-type .state {
    width: auto;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type02 > li:first-of-type, .list__type1__item__group.--type02 > li:last-of-type {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .list__type1__item__group.--type02 > li:last-of-type {
    justify-content: flex-start;
    margin-top: 24px;
  }
  .list__type1__item__group.--type02 > li:last-of-type .state {
    width: auto;
  }
}
.list__type1__item__group.--type03 > li:not(:only-of-type):first-of-type {
  width: calc(82.54% - 20px);
}
.list__type1__item__group.--type03 > li:not(:only-of-type):last-of-type {
  justify-content: center;
  width: 17.46%;
}
.list__type1__item__group.--type03 > li:not(:only-of-type):last-of-type .state {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .list__type1__item__group.--type03 > li:not(:only-of-type):last-of-type .state {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type03 > li:not(:only-of-type):last-of-type .state {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .list__type1__item__group.--type03 > li:not(:only-of-type):first-of-type, .list__type1__item__group.--type03 > li:not(:only-of-type):last-of-type {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .list__type1__item__group.--type03 > li:not(:only-of-type):last-of-type {
    justify-content: flex-start;
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type03 > li:not(:only-of-type):first-of-type, .list__type1__item__group.--type03 > li:not(:only-of-type):last-of-type {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .list__type1__item__group.--type03 > li:not(:only-of-type):last-of-type {
    justify-content: flex-start;
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .list__type1__item__group.--type03 > li .info {
    flex-direction: row !important;
  }
  .list__type1__item__group.--type03 > li .info > li:not(:last-of-type)::after {
    width: 1px;
    height: 12px;
    content: "";
    background: #ccc;
    margin: 4px 8px;
  }
  .list__type1__item__group.--type03 > li .info > li + li {
    margin: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type03 > li .info {
    flex-direction: row !important;
  }
  .list__type1__item__group.--type03 > li .info > li:not(:last-of-type)::after {
    width: 1px;
    height: 12px;
    content: "";
    background: #ccc;
    margin: 4px 8px;
  }
  .list__type1__item__group.--type03 > li .info > li + li {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .list__type1__item__group.--type04 {
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type04 {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .list__type1__item__group.--type04 > li .flag-cate {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
  }
  .list__type1__item__group.--type04 > li .flag-cate .flag {
    flex-shrink: 0;
  }
  .list__type1__item__group.--type04 > li .flag-cate .cate {
    flex-grow: 1;
    margin-left: 12px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .list__type1__item__group.--type04 > li .flag-cate .flag {
    display: flex;
  }
  .list__type1__item__group.--type04 > li .flag-cate .cate {
    margin-top: 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type04 > li .flag-cate .flag {
    display: flex;
  }
  .list__type1__item__group.--type04 > li .flag-cate .cate {
    margin-top: 12px;
  }
}
.list__type1__item__group.--type04 > li .title {
  padding: 8px 0;
}
.list__type1__item__group.--type04 > li .title h3 {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 767px) {
  .list__type1__item__group.--type04 > li .title {
    padding: 6px 0 8px;
  }
  .list__type1__item__group.--type04 > li .title h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type04 > li .title {
    padding: 6px 0 8px;
  }
  .list__type1__item__group.--type04 > li .title h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.list__type1__item__group.--type04 > li .info {
  padding-top: 0;
}
.list__type1__item__group.--type04 > li:last-of-type p {
  display: -webkit-box;
  max-height: 56px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  width: 100%;
}
@media (min-width: 768px) {
  .list__type1__item__group.--type04 > li:last-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 30.48%;
    max-width: 256px;
    padding: 0 30px;
  }
  .list__type1__item__group.--type04 > li:last-of-type p {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .list__type1__item__group.--type04 > li {
    padding: 0 15px !important;
  }
  .list__type1__item__group.--type04 > li:last-of-type {
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type04 > li {
    padding: 0 15px !important;
  }
  .list__type1__item__group.--type04 > li:last-of-type {
    margin-top: 16px;
  }
}
.list__type1__item__group.--type05 > li:first-of-type {
  display: flex;
  align-items: center;
}
.list__type1__item__group.--type05 > li:first-of-type .bbsIco {
  flex-shrink: 0;
}
.list__type1__item__group.--type05 > li:first-of-type h3 {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 10px;
}
.list__type1__item__group.--type05 > li:last-of-type {
  padding: 0 30px;
}
.list__type1__item__group.--type05 > li:last-of-type .downbutton {
  min-width: 170px;
}
@media (max-width: 767px) {
  .list__type1__item__group.--type05 {
    flex-direction: column;
  }
  .list__type1__item__group.--type05 > li {
    max-width: 100%;
    padding: 0 15px !important;
  }
  .list__type1__item__group.--type05 > li:first-of-type {
    flex-direction: column;
    align-items: flex-start;
  }
  .list__type1__item__group.--type05 > li:first-of-type h3 {
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    margin: 12px 0 0;
  }
  .list__type1__item__group.--type05 > li:last-of-type {
    margin-top: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type1__item__group.--type05 {
    flex-direction: column;
  }
  .list__type1__item__group.--type05 > li {
    max-width: 100%;
    padding: 0 15px !important;
  }
  .list__type1__item__group.--type05 > li:first-of-type {
    flex-direction: column;
    align-items: flex-start;
  }
  .list__type1__item__group.--type05 > li:first-of-type h3 {
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    margin: 12px 0 0;
  }
  .list__type1__item__group.--type05 > li:last-of-type {
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .list__type1__item__group.--type06 {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.list__type1__item__group.--type06 > li:not(.btnsGroup) .flag {
  flex-shrink: 0;
}
.list__type1__item__group.--type06 > li:not(.btnsGroup) .flag-cate {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .list__type1__item__group.--type06 > li:not(.btnsGroup) .flag-cate {
    flex-wrap: wrap;
  }
}
.list__type1__item__group.--type06 > li:not(.btnsGroup) .flag-cate .license {
  flex-shrink: 0;
  height: 28px;
  margin-left: 8px;
}
.list__type1__item__group.--type06 > li:not(.btnsGroup) .flag-cate .license__link {
  display: block;
  height: 100%;
}
.list__type1__item__group.--type06 > li:not(.btnsGroup) .flag-cate .license__link > img {
  height: 100%;
  object-fit: contain;
  vertical-align: top;
}
.list__type1__item__group.--type06 > li:not(.btnsGroup) .cate {
  flex-grow: 1;
  margin-left: 12px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .list__type1__item__group.--type06 > li:not(.btnsGroup) .cate {
    width: 100%;
    margin: 12px 0 0;
  }
}
@media (max-width: 1200px) {
  .list__type1__item__group.--type06 > li:not(.btnsGroup) .title {
    margin-top: 6px;
  }
  .list__type1__item__group.--type06 > li:not(.btnsGroup) .title h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
.list__type1__item__group.--type06 > li.btnsGroup {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0 30px 0 24px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .list__type1__item__group.--type06 > li.btnsGroup {
    margin-top: 16px;
  }
}
.list__type1__item__group.--type06 > li.btnsGroup .list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .list__type1__item__group.--type06 > li.btnsGroup .list {
    margin: -5px;
  }
}
@media (min-width: 1201px) {
  .list__type1__item__group.--type06 > li.btnsGroup .list > li + .btns {
    margin-left: 10px;
  }
}
@media (max-width: 1200px) {
  .list__type1__item__group.--type06 > li.btnsGroup .list > li {
    margin: 5px;
  }
}
.list__type1__item__group.--type06 > li.btnsGroup .btns {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.list__type1__item__group.--type06 > li.btnsGroup .btns button {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  height: 48px;
  padding: 24px;
  border-radius: 24px;
}
.list__type1__item__group.--type06 > li.btnsGroup .btns button + button {
  margin-left: 10px;
}
@media (max-width: 1200px) {
  .list__type1__item__group.--type06 > li {
    padding: 0 15px !important;
  }
}
.list__type2__group > li:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.list__type2__group > li.req {
  margin-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .list__type2__group > li.req {
    margin-top: 8px;
    padding-bottom: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type2__group > li.req {
    margin-top: 8px;
    padding-bottom: 8px;
  }
}
.list__type2__item {
  display: block;
  width: 100%;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .list__type2__item {
    padding: 24px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type2__item {
    padding: 24px 0;
  }
}
.list__type2__item__group {
  display: flex;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .list__type2__item__group {
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type2__item__group {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .list__type2__item__group > li:first-of-type {
    flex-grow: 1;
    padding-left: 30px;
    overflow: hidden;
  }
  .list__type2__item__group > li.area {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 140px;
  }
  .list__type2__item__group > li.area.price {
    justify-content: flex-end;
  }
  .list__type2__item__group > li.area.state {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .list__type2__item__group > li.area.state .underlinebutton {
    margin-top: 12px;
  }
  .list__type2__item__group > li:not(:first-of-type) {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .list__type2__item__group > li {
    padding: 0 15px;
  }
  .list__type2__item__group > li.area {
    margin-top: 20px;
  }
  .list__type2__item__group > li.area.state {
    display: flex;
    align-items: center;
  }
  .list__type2__item__group > li.area.state .underlinebutton {
    margin-left: 12px;
  }
  .list__type2__item__group > li.area.state .underlinebutton span {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type2__item__group > li {
    padding: 0 15px;
  }
  .list__type2__item__group > li.area {
    margin-top: 20px;
  }
  .list__type2__item__group > li.area.state {
    display: flex;
    align-items: center;
  }
  .list__type2__item__group > li.area.state .underlinebutton {
    margin-left: 12px;
  }
  .list__type2__item__group > li.area.state .underlinebutton span {
    font-size: 12px;
    line-height: 18px;
  }
}
.list__type2__item__group > li.area.state {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.list__type2__item__group > li.area.state.val2 {
  color: #4063ec;
}
.list__type2__item__group > li.area.state.val3 {
  color: #1ccdcc;
}
.list__type2__item__group > li .flag-category {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.list__type2__item__group > li .flag-category .flag {
  flex-shrink: 0;
  margin-right: 12px;
}
.list__type2__item__group > li .flag-category .flag .bbsIco {
  justify-content: center;
  width: 45px;
  padding: 0;
}
.list__type2__item__group > li .flag-category .cate {
  width: calc(100% - 57px);
}
@media (max-width: 767px) {
  .list__type2__item__group > li .flag-category {
    flex-wrap: wrap;
  }
  .list__type2__item__group > li .flag-category .flag {
    margin: 0 0 12px;
  }
  .list__type2__item__group > li .flag-category .cate {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type2__item__group > li .flag-category {
    flex-wrap: wrap;
  }
  .list__type2__item__group > li .flag-category .flag {
    margin: 0 0 12px;
  }
  .list__type2__item__group > li .flag-category .cate {
    width: 100%;
  }
}
.list__type2__item__group > li .title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 6px 0 10px;
}
@media (max-width: 767px) {
  .list__type2__item__group > li .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 12px;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type2__item__group > li .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 12px;
    line-height: 24px;
  }
}
.list__type2__item__group > li .info {
  display: flex;
}
.list__type2__item__group > li .info > li {
  display: flex;
  flex-shrink: 0;
}
.list__type2__item__group > li .info > li p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.list__type2__item__group > li .info > li p:last-of-type {
  margin-left: 6px;
  color: #222;
}
.list__type2__item__group > li .info > li:not(:last-of-type)::after {
  width: 1px;
  height: 12px;
  content: "";
  background: #ccc;
  margin: 4px 8px;
}
.list__type3__group > li:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
.list__type3__group.--type-w940 {
  max-width: 940px;
}
.list__type3__item {
  position: relative;
  display: grid;
}
@media (min-width: 768px) {
  .list__type3__item {
    gap: 0 20px;
    padding: 30px 0;
  }
  .--type-w940 .list__type3__item {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (max-width: 767px) {
  .list__type3__item {
    gap: 0 15px;
    grid-template-columns: repeat(6, 1fr);
    padding: 30px 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type3__item {
    gap: 0 15px;
    grid-template-columns: repeat(6, 1fr);
    padding: 30px 15px;
  }
}
.list__type3__item__grid.n2 figure {
  background: no-repeat center/cover;
}
@media (min-width: 768px) {
  .list__type3__item__grid.n1 {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 10;
  }
  .list__type3__item__grid.n2 {
    grid-column: 1/4;
    grid-row: 1/4;
    padding-left: 30px;
  }
  .list__type3__item__grid.n2 figure {
    padding-bottom: 63.16%;
    border-radius: 10px;
  }
  .list__type3__item__grid.n3, .list__type3__item__grid.n4 {
    grid-row: 1/2;
  }
  .list__type3__item__grid.n3 {
    grid-column: 4/5;
    display: flex;
  }
  .list__type3__item__grid.n4 {
    display: flex;
    align-items: center;
    grid-column: 5/12;
    height: 32px;
  }
  .list__type3__item__grid.n4 .cate {
    width: calc(100% + 20px);
    margin-left: -20px;
  }
  .list__type3__item__grid.n5, .list__type3__item__grid.n6 {
    grid-column: 4/12;
  }
  .list__type3__item__grid.n5 {
    grid-row: 2/3;
    padding-top: 6px;
  }
  .list__type3__item__grid.n5 h3 {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 30px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type3__item__grid.n6 {
    grid-row: 3/4;
    padding-top: 30px;
  }
  .list__type3__item__grid.n7 {
    position: absolute;
    top: 34px;
    right: 30px;
  }
}
@media (max-width: 767px) {
  .list__type3__item__grid.n1, .list__type3__item__grid.n3 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .list__type3__item__grid.n1 {
    padding-top: 5px;
  }
  .list__type3__item__grid.n3 {
    display: flex;
    padding-left: 32px;
  }
  .list__type3__item__grid.n2 {
    grid-column: 1/2;
    grid-row: 3/5;
  }
  .list__type3__item__grid.n2 figure {
    width: calc((100vw - 105px) / 6 / 3 * 5);
    padding-bottom: 64%;
    border-radius: 5px;
  }
  .list__type3__item__grid.n4 {
    grid-column: 1/7;
    grid-row: 2/3;
    padding: 12px 0;
  }
  .list__type3__item__grid.n5, .list__type3__item__grid.n6 {
    grid-column: 1/7;
    padding-left: calc((100vw - 105px) / 6 / 3 * 5 + 20px);
  }
  .list__type3__item__grid.n5 {
    grid-row: 3/4;
    padding-bottom: 16px;
  }
  .list__type3__item__grid.n5 h3 {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type3__item__grid.n6 {
    grid-row: 4/5;
  }
  .list__type3__item__grid.n7 {
    position: absolute;
    top: 33px;
    right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type3__item__grid.n1, .list__type3__item__grid.n3 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .list__type3__item__grid.n1 {
    padding-top: 5px;
  }
  .list__type3__item__grid.n3 {
    display: flex;
    padding-left: 32px;
  }
  .list__type3__item__grid.n2 {
    grid-column: 1/2;
    grid-row: 3/5;
  }
  .list__type3__item__grid.n2 figure {
    width: calc((100vw - 105px) / 6 / 3 * 5);
    padding-bottom: 64%;
    border-radius: 5px;
  }
  .list__type3__item__grid.n4 {
    grid-column: 1/7;
    grid-row: 2/3;
    padding: 12px 0;
  }
  .list__type3__item__grid.n5, .list__type3__item__grid.n6 {
    grid-column: 1/7;
    padding-left: calc((100vw - 105px) / 6 / 3 * 5 + 20px);
  }
  .list__type3__item__grid.n5 {
    grid-row: 3/4;
    padding-bottom: 16px;
  }
  .list__type3__item__grid.n5 h3 {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type3__item__grid.n6 {
    grid-row: 4/5;
  }
  .list__type3__item__grid.n7 {
    position: absolute;
    top: 33px;
    right: 15px;
  }
}
.list__type4__group > li {
  border-bottom: 1px solid #e0e0e0;
}
.list__type4__group.--type-w940 {
  max-width: 940px;
}
.list__type4__item {
  display: grid;
}
@media (min-width: 768px) {
  .list__type4__item {
    gap: 0 20px;
    padding: 30px 0;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (max-width: 767px) {
  .list__type4__item {
    gap: 0 15px;
    padding: 30px 15px;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type4__item {
    gap: 0 15px;
    padding: 30px 15px;
    grid-template-columns: repeat(6, 1fr);
  }
}
.list__type4__item__grid.n1 figure {
  background: no-repeat center/cover;
}
@media (min-width: 768px) {
  .list__type4__item__grid.n1 {
    grid-column: 1/4;
    grid-row: 1/4;
    padding-left: 30px;
  }
  .list__type4__item__grid.n1 figure {
    padding-bottom: 63.16%;
    border-radius: 10px;
  }
  .list__type4__item__grid.n2, .list__type4__item__grid.n3 {
    display: flex;
    align-items: center;
    grid-row: 1/2;
    height: 32px;
  }
  .list__type4__item__grid.n2 {
    grid-column: 4/5;
  }
  .list__type4__item__grid.n3 {
    grid-column: 5/13;
  }
  .list__type4__item__grid.n3 .cate {
    width: calc(100% + 20px);
    margin-left: -20px;
  }
  .list__type4__item__grid.n4, .list__type4__item__grid.n5 {
    grid-column: 4/10;
  }
  .list__type4__item__grid.n4 {
    grid-row: 2/3;
    padding: 8px 0 18px;
  }
  .list__type4__item__grid.n4 h3 {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 30px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type4__item__grid.n5 {
    grid-row: 3/4;
    padding-bottom: 13px;
  }
  .list__type4__item__grid.n5 p {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 20px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type4__item__grid.n6 {
    display: flex;
    align-items: center;
    grid-column: 10/13;
    grid-row: 1/4;
    justify-content: flex-end;
    padding-right: 30px;
  }
  .list__type4__item__grid.n6 .price .desc {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #4063ec;
    line-height: 20px;
    letter-spacing: -0.06em;
    margin-bottom: 1px;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .list__type4__item__grid.n1 {
    grid-column: 1/2;
    grid-row: 3/6;
  }
  .list__type4__item__grid.n1 figure {
    width: calc((100vw - 105px) / 6 / 3 * 5);
    padding-bottom: 64%;
    border-radius: 5px;
  }
  .list__type4__item__grid.n2, .list__type4__item__grid.n3, .list__type4__item__grid.n4, .list__type4__item__grid.n5, .list__type4__item__grid.n6 {
    grid-column: 1/7;
  }
  .list__type4__item__grid.n2 {
    grid-row: 1/2;
    display: flex;
  }
  .list__type4__item__grid.n3 {
    grid-row: 2/3;
    padding: 12px 0;
  }
  .list__type4__item__grid.n4, .list__type4__item__grid.n5, .list__type4__item__grid.n6 {
    padding-left: calc((100vw - 105px) / 6 / 3 * 5 + 20px);
    pointer-events: none;
  }
  .list__type4__item__grid.n4 {
    grid-row: 3/4;
  }
  .list__type4__item__grid.n4 h3 {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type4__item__grid.n4 a {
    pointer-events: all;
  }
  .list__type4__item__grid.n5 {
    grid-row: 4/5;
    padding-top: 12px;
    padding-bottom: 16px;
  }
  .list__type4__item__grid.n5 p {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
    color: #707070;
    line-height: 20px;
    letter-spacing: -0.06em;
    pointer-events: all;
  }
  .list__type4__item__grid.n6 {
    grid-row: 5/6;
  }
  .list__type4__item__grid.n6 .price {
    pointer-events: all;
  }
  .list__type4__item__grid.n6 .price .desc {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    font-style: normal;
    color: #4063ec;
    line-height: 18px;
    letter-spacing: -0.06em;
    margin-top: -4px;
    padding-bottom: 2px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type4__item__grid.n1 {
    grid-column: 1/2;
    grid-row: 3/6;
  }
  .list__type4__item__grid.n1 figure {
    width: calc((100vw - 105px) / 6 / 3 * 5);
    padding-bottom: 64%;
    border-radius: 5px;
  }
  .list__type4__item__grid.n2, .list__type4__item__grid.n3, .list__type4__item__grid.n4, .list__type4__item__grid.n5, .list__type4__item__grid.n6 {
    grid-column: 1/7;
  }
  .list__type4__item__grid.n2 {
    grid-row: 1/2;
    display: flex;
  }
  .list__type4__item__grid.n3 {
    grid-row: 2/3;
    padding: 12px 0;
  }
  .list__type4__item__grid.n4, .list__type4__item__grid.n5, .list__type4__item__grid.n6 {
    padding-left: calc((100vw - 105px) / 6 / 3 * 5 + 20px);
    pointer-events: none;
  }
  .list__type4__item__grid.n4 {
    grid-row: 3/4;
  }
  .list__type4__item__grid.n4 h3 {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type4__item__grid.n4 a {
    pointer-events: all;
  }
  .list__type4__item__grid.n5 {
    grid-row: 4/5;
    padding-top: 12px;
    padding-bottom: 16px;
  }
  .list__type4__item__grid.n5 p {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
    color: #707070;
    line-height: 20px;
    letter-spacing: -0.06em;
    pointer-events: all;
  }
  .list__type4__item__grid.n6 {
    grid-row: 5/6;
  }
  .list__type4__item__grid.n6 .price {
    pointer-events: all;
  }
  .list__type4__item__grid.n6 .price .desc {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    font-style: normal;
    color: #4063ec;
    line-height: 18px;
    letter-spacing: -0.06em;
    margin-top: -4px;
    padding-bottom: 2px;
  }
}
.list__type5__group > li:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.list__type5__item {
  display: grid;
}
@media (min-width: 768px) {
  .list__type5__item {
    gap: 0 20px;
    padding: 30px 0;
    grid-template-columns: repeat(16, 1fr);
  }
}
@media (max-width: 767px) {
  .list__type5__item {
    gap: 0 15px;
    padding: 30px 15px;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type5__item {
    gap: 0 15px;
    padding: 30px 15px;
    grid-template-columns: repeat(6, 1fr);
  }
}
.list__type5__item__grid.n1 figure {
  background: no-repeat center/cover;
}
.list__type5__item__grid.n4 .info {
  display: flex;
}
.list__type5__item__grid.n4 .info > li {
  display: flex;
}
.list__type5__item__grid.n4 .info > li p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.list__type5__item__grid.n4 .info > li p:last-of-type {
  color: #222;
}
.list__type5__item__grid.n4 .info > li p + p {
  margin-left: 6px;
}
.list__type5__item__grid.n4 .info > li:not(:last-of-type)::after {
  width: 1px;
  height: 12px;
  content: "";
  background: #ccc;
  margin: 4px 8px;
}
.list__type5__item__grid.n6 .btns .btns-w150 a,
.list__type5__item__grid.n6 .btns .btns-w150 button {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  margin: 0;
}
@media (min-width: 768px) {
  .list__type5__item__grid.n1 {
    grid-column: 1/4;
    grid-row: 1/4;
    padding-left: 30px;
  }
  .list__type5__item__grid.n1 figure {
    padding-bottom: 63.16%;
    border-radius: 10px;
  }
  .list__type5__item__grid.n2 {
    grid-column: 4/14;
    grid-row: 1/2;
    padding-top: 12px;
  }
  .list__type5__item__grid.n2 .flag-cate {
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    overflow: hidden;
  }
  .list__type5__item__grid.n2 .flag-cate .flag {
    flex-shrink: 0;
  }
  .list__type5__item__grid.n2 .flag-cate .cate {
    flex-grow: 1;
    margin-left: 12px;
    overflow: hidden;
  }
  .list__type5__item__grid.n3 {
    grid-column: 4/12;
    grid-row: 2/3;
    padding: 6px 0 12px;
  }
  .list__type5__item__grid.n3 h3 {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 30px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type5__item__grid.n4 {
    grid-column: 4/12;
    grid-row: 3/4;
    padding-bottom: 10px;
  }
  .list__type5__item__grid.n5 {
    display: flex;
    align-items: center;
    grid-column: 12/14;
    grid-row: 1/4;
    justify-content: flex-end;
    pointer-events: none;
  }
  .list__type5__item__grid.n5 .price__detail__group {
    pointer-events: all;
  }
  .list__type5__item__grid.n6 {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 14/17;
    grid-row: 1/5;
  }
  .list__type5__item__grid.n6 .btns .btns-w150 a,
  .list__type5__item__grid.n6 .btns .btns-w150 button {
    display: flex;
    justify-content: center;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    padding: 0;
  }
  .list__type5__item__grid.n6 .btns .btns-w150 + .btns-w150 {
    margin-top: 8px;
  }
  .list__type5__item__grid.n6 .btns .cancel {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .list__type5__item__grid.n2 {
    grid-column: 1/7;
    grid-row: 1/2;
  }
  .list__type5__item__grid.n2 .flag-cate {
    display: flex;
    flex-direction: column;
  }
  .list__type5__item__grid.n2 .flag-cate .cate {
    padding: 12px 0;
  }
  .list__type5__item__grid.n1 {
    grid-column: 1/2;
    grid-row: 2/5;
  }
  .list__type5__item__grid.n1 figure {
    width: calc((100vw - 105px) / 6 / 3 * 5);
    padding-bottom: 64%;
    border-radius: 5px;
  }
  .list__type5__item__grid.n3, .list__type5__item__grid.n4, .list__type5__item__grid.n5 {
    grid-column: 1/7;
    padding-left: calc((100vw - 105px) / 6 / 3 * 5 + 20px);
    pointer-events: none;
  }
  .list__type5__item__grid.n3 {
    grid-row: 2/3;
  }
  .list__type5__item__grid.n3 h3 {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type5__item__grid.n3 a {
    pointer-events: all;
  }
  .list__type5__item__grid.n4 {
    grid-row: 3/4;
    padding-top: 12px;
  }
  .list__type5__item__grid.n4 .info {
    flex-direction: column;
    pointer-events: all;
  }
  .list__type5__item__grid.n4 .info > li:not(:last-of-type)::after {
    display: none;
  }
  .list__type5__item__grid.n4 .info > li + li {
    margin-top: 4px;
  }
  .list__type5__item__grid.n5 {
    grid-row: 4/5;
    padding-top: 16px;
  }
  .list__type5__item__grid.n6 {
    grid-column: 1/7;
    grid-row: 5/6;
    padding-top: 24px;
  }
  .list__type5__item__grid.n6 .btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 48px;
    position: relative;
  }
  .list__type5__item__grid.n6 .btns .btns-w150 a,
  .list__type5__item__grid.n6 .btns .btns-w150 button {
    padding-left: 24px;
    padding-right: 24px;
  }
  .list__type5__item__grid.n6 .btns .btns-w150 + .btns-w150 {
    margin-left: 6px;
  }
  .list__type5__item__grid.n6 .btns .cancel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin-top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type5__item__grid.n2 {
    grid-column: 1/7;
    grid-row: 1/2;
  }
  .list__type5__item__grid.n2 .flag-cate {
    display: flex;
    flex-direction: column;
  }
  .list__type5__item__grid.n2 .flag-cate .cate {
    padding: 12px 0;
  }
  .list__type5__item__grid.n1 {
    grid-column: 1/2;
    grid-row: 2/5;
  }
  .list__type5__item__grid.n1 figure {
    width: calc((100vw - 105px) / 6 / 3 * 5);
    padding-bottom: 64%;
    border-radius: 5px;
  }
  .list__type5__item__grid.n3, .list__type5__item__grid.n4, .list__type5__item__grid.n5 {
    grid-column: 1/7;
    padding-left: calc((100vw - 105px) / 6 / 3 * 5 + 20px);
    pointer-events: none;
  }
  .list__type5__item__grid.n3 {
    grid-row: 2/3;
  }
  .list__type5__item__grid.n3 h3 {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type5__item__grid.n3 a {
    pointer-events: all;
  }
  .list__type5__item__grid.n4 {
    grid-row: 3/4;
    padding-top: 12px;
  }
  .list__type5__item__grid.n4 .info {
    flex-direction: column;
    pointer-events: all;
  }
  .list__type5__item__grid.n4 .info > li:not(:last-of-type)::after {
    display: none;
  }
  .list__type5__item__grid.n4 .info > li + li {
    margin-top: 4px;
  }
  .list__type5__item__grid.n5 {
    grid-row: 4/5;
    padding-top: 16px;
  }
  .list__type5__item__grid.n6 {
    grid-column: 1/7;
    grid-row: 5/6;
    padding-top: 24px;
  }
  .list__type5__item__grid.n6 .btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 48px;
    position: relative;
  }
  .list__type5__item__grid.n6 .btns .btns-w150 a,
  .list__type5__item__grid.n6 .btns .btns-w150 button {
    padding-left: 24px;
    padding-right: 24px;
  }
  .list__type5__item__grid.n6 .btns .btns-w150 + .btns-w150 {
    margin-left: 6px;
  }
  .list__type5__item__grid.n6 .btns .cancel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin-top: 0;
  }
}
@media (max-width: 350px) {
  .list__type5__item__grid.n6 .btns .btns-w150 a,
  .list__type5__item__grid.n6 .btns .btns-w150 button {
    padding-left: 12px;
    padding-right: 12px;
  }
  .list__type5__item__grid.n6 .btns .btns-w150 + .btns-w150 {
    margin-left: 4px;
  }
}
.list__type5__item.is-disabled {
  background: #f5f5f5;
}
.list__type5__item.is-disabled .bbsIco {
  background: #ccc !important;
}
.list__type5__item:last-of-type.is-disabled {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .list__type6__group {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__group {
    display: flex;
    flex-wrap: wrap;
  }
}
.list__type6__group > li:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .list__type6__group > li {
    width: calc((100% - 20px) / 2);
  }
  .list__type6__group > li:nth-of-type(even) {
    margin-left: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__group > li {
    width: calc((100% - 20px) / 2);
  }
  .list__type6__group > li:nth-of-type(even) {
    margin-left: 20px;
  }
}
.list__type6__item {
  display: flex;
  padding: 30px;
}
@media (max-width: 767px) {
  .list__type6__item {
    flex-direction: column;
    padding: 20px 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__item {
    flex-direction: column;
    padding: 20px 15px;
  }
}
.list__type6__item .img {
  flex-shrink: 0;
  width: 16.67%;
}
@media (max-width: 767px) {
  .list__type6__item .img {
    width: 100%;
    padding: 0 9px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__item .img {
    width: 100%;
    padding: 0 9px;
  }
}
.list__type6__item .img figure {
  padding-bottom: 44.76%;
  background: no-repeat center/contain;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .list__type6__item .img figure {
    padding-bottom: 41.67%;
    border-radius: 5px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__item .img figure {
    padding-bottom: 41.67%;
    border-radius: 5px;
  }
}
.list__type6__item .info {
  flex-grow: 1;
  padding: 0 30px 0 60px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .list__type6__item .info {
    padding: 10px 0 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__item .info {
    padding: 10px 0 0;
  }
}
.list__type6__item .info .title {
  display: flex;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .list__type6__item .info .title {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__item .info .title {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
  }
}
.list__type6__item .info .title .bbsIco {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .list__type6__item .info .title h3 {
    display: -webkit-box;
    max-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    color: #222;
    line-height: 30px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .list__type6__item .info .title h3 {
    display: -webkit-box;
    max-height: 56px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    line-height: 28px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    padding-top: 6px;
    text-align: center;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__item .info .title h3 {
    display: -webkit-box;
    max-height: 56px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    line-height: 28px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    padding-top: 6px;
    text-align: center;
  }
}
.list__type6__item .info .desc {
  display: -webkit-box;
  max-height: 52px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #707070;
  line-height: 26px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 767px) {
  .list__type6__item .info .desc {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__item .info .desc {
    display: none;
  }
}
.list__type6__item .link {
  flex-shrink: 0;
  align-self: center;
  width: 270px;
}
.list__type6__item .link .alinkbutton {
  margin: 0;
}
.list__type6__item .link .alinkbutton__group {
  margin: 0;
}
@media (max-width: 767px) {
  .list__type6__item .link {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .list__type6__item .link {
    display: none;
  }
}

.category__group {
  display: flex;
  max-width: 100%;
  overflow: hidden;
}
.category__item {
  display: flex;
  overflow: hidden;
}
.category__item > p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 20px;
  padding-right: 1px;
}
@media (max-width: 1200px) {
  .category__item > p {
    font-size: 13px;
    line-height: 19px;
  }
}
.category__item:last-of-type > p {
  font-weight: 500;
  color: #2b3294;
}
.category__item:not(:last-of-type)::after {
  width: 11px;
  height: 11px;
  background: url("../../img/ico/ico_arrow_left_ccc_11x7.svg") no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin: 5px 6px 0;
}

.bullet__group + .form__section {
  margin-top: 48px;
}
@media (max-width: 767px) {
  .bullet__group + .form__section {
    margin-top: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .bullet__group + .form__section {
    margin-top: 40px;
  }
}
.form__group {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 40px;
}
.form__group > li + li {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .form__group > li + li {
    margin-top: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .form__group > li + li {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .form__group {
    padding-bottom: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .form__group {
    padding-bottom: 30px;
  }
}
.form__group.--type2 {
  border: 0;
}
@media (max-width: 767px) {
  .form__group.--type2 {
    padding-bottom: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .form__group.--type2 {
    padding-bottom: 40px;
  }
}
.form__group.--type3 {
  border: 0;
  padding-bottom: 0;
}
.form__group.--type4 {
  padding-bottom: 0;
}
.form__list__title {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
}
.form__list__title span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
}
.form__list__title span.required {
  margin-left: 4px;
  color: #1ccdcc;
}
@media (max-width: 767px) {
  .form__list__title span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .form__list__title span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.form__list__title span.count {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 19px;
  letter-spacing: -0.06em;
  position: absolute;
  top: 8px;
  right: 0;
}
.form__list__title span.count b {
  font-weight: 500;
  margin-left: 8px;
  color: #707070;
}
@media (max-width: 767px) {
  .form__list__title span.count {
    font-size: 14px;
    font-size: 1.4rem;
    top: 5px;
  }
  .form__list__title span.count b {
    margin-left: 4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .form__list__title span.count {
    font-size: 14px;
    font-size: 1.4rem;
    top: 5px;
  }
  .form__list__title span.count b {
    margin-left: 4px;
  }
}
.form__button__group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.form__button__group > button + button {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .form__button__group > button {
    flex: 1;
    max-width: 50%;
  }
  .form__button__group > button + button {
    margin-left: 10px;
    height: 52px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .form__button__group > button {
    flex: 1;
    max-width: 50%;
  }
  .form__button__group > button + button {
    margin-left: 10px;
    height: 52px;
  }
}
.form__analysis__datepicker {
  width: 100%;
  max-width: 390px;
}
@media (max-width: 767px) {
  .form__analysis__datepicker .datepicker {
    top: 58px !important;
    left: 0 !important;
    padding-top: 0 !important;
  }
  .form__analysis__datepicker .datepicker-picker {
    width: calc(100vw - 30px) !important;
  }
  .form__analysis__datepicker .datepicker__range__section {
    position: relative;
  }
  .form__analysis__datepicker .datepicker__range__group {
    position: static;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .form__analysis__datepicker .datepicker {
    top: 58px !important;
    left: 0 !important;
    padding-top: 0 !important;
  }
  .form__analysis__datepicker .datepicker-picker {
    width: calc(100vw - 30px) !important;
  }
  .form__analysis__datepicker .datepicker__range__section {
    position: relative;
  }
  .form__analysis__datepicker .datepicker__range__group {
    position: static;
  }
}

.listbox__section {
  overflow: hidden;
}
.listbox__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.listbox__group.--type-colW140 {
  margin: -5px -10px;
}
.listbox__group.--type-colW140 > li {
  width: 140px;
  margin: 5px 10px;
}
@media (max-width: 767px) {
  .listbox__group.--type-colW140 {
    margin: -12px 0;
  }
  .listbox__group.--type-colW140 > li {
    width: 50%;
    margin: 12px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .listbox__group.--type-colW140 {
    margin: -12px 0;
  }
  .listbox__group.--type-colW140 > li {
    width: 50%;
    margin: 12px 0;
  }
}
@media (max-width: 767px) {
  .listbox__group.--type1 {
    align-items: initial;
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .listbox__group.--type1 {
    align-items: initial;
    padding: 0 15px;
  }
}
.listbox__group.--type1 > li:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.listbox__group.--type1 > li .thumb figure {
  background: no-repeat center/contain;
}
@media (min-width: 768px) {
  .listbox__group.--type1 > li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 130px;
  }
  .listbox__group.--type1 > li .thumb {
    width: 220px;
    height: 90px;
    margin-right: 20px;
  }
  .listbox__group.--type1 > li .thumb figure {
    width: 100%;
    height: 100%;
  }
  .listbox__group.--type1 > li .info {
    max-width: calc(100% - 240px);
    overflow: hidden;
  }
  .listbox__group.--type1 > li .info .title {
    display: -webkit-box;
    max-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    color: #222;
    line-height: 30px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .listbox__group.--type1 > li {
    flex-direction: column;
    width: calc((100% - 20px) / 2);
    padding: 20px 9px;
  }
  .listbox__group.--type1 > li:nth-of-type(even) {
    margin-left: 20px;
  }
  .listbox__group.--type1 > li:nth-last-of-type(2) {
    border-bottom: 0;
  }
  .listbox__group.--type1 > li .thumb {
    position: relative;
    display: block;
    padding-bottom: 41.38%;
  }
  .listbox__group.--type1 > li .thumb figure {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .listbox__group.--type1 > li .info .title {
    display: -webkit-box;
    max-height: 56px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    line-height: 28px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 12px;
    text-align: center;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .listbox__group.--type1 > li {
    flex-direction: column;
    width: calc((100% - 20px) / 2);
    padding: 20px 9px;
  }
  .listbox__group.--type1 > li:nth-of-type(even) {
    margin-left: 20px;
  }
  .listbox__group.--type1 > li:nth-last-of-type(2) {
    border-bottom: 0;
  }
  .listbox__group.--type1 > li .thumb {
    position: relative;
    display: block;
    padding-bottom: 41.38%;
  }
  .listbox__group.--type1 > li .thumb figure {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .listbox__group.--type1 > li .info .title {
    display: -webkit-box;
    max-height: 56px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    line-height: 28px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 12px;
    text-align: center;
  }
}
.listbox__group.--type1 > li .info .alinkbutton {
  align-items: flex-end;
}
.listbox__group.--type1 > li .info .alinkbutton span {
  padding-bottom: 3px;
}
@media (max-width: 767px) {
  .listbox__group.--type1 > li .info .alinkbutton__group {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .listbox__group.--type1 > li .info .alinkbutton__group {
    display: none;
  }
}
.listbox__grid__group > li {
  display: grid;
}
.listbox__grid__group > li.is-cancel {
  background: #f5f5f5;
}
.listbox__grid__group > li.is-cancel:last-of-type {
  margin-bottom: 30px;
}
.listbox__grid__group > li:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.listbox__grid__group.--type1 > li {
  padding: 0 30px;
}
.listbox__grid__group.--type1 > li .thumbnail {
  background: #e0e0e0 no-repeat center/cover;
  border-radius: 10px;
  overflow: hidden;
}
.listbox__grid__group.--type1 > li .info {
  overflow: hidden;
}
@media (min-width: 768px) {
  .listbox__grid__group.--type1 > li {
    grid-template-columns: 190px 1fr 150px;
    height: 180px;
  }
  .listbox__grid__group.--type1 > li .thumbnail {
    width: 190px;
    height: 120px;
    margin: 30px auto;
  }
  .listbox__grid__group.--type1 > li .btns {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .listbox__grid__group.--type1 > li .btns button {
    justify-content: center;
    margin: 4px 0;
    padding: 0;
  }
  .listbox__grid__group.--type1 > li .btns button[class*=sm] {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 20px;
  }
  .listbox__grid__group.--type1 > li .btns button.underlinebutton {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .listbox__grid__group.--type1 > li {
    grid-template-columns: 75px 1fr;
    padding: 30px 15px;
  }
  .listbox__grid__group.--type1 > li .thumbnail {
    width: 100%;
    height: 48px;
  }
  .listbox__grid__group.--type1 > li .btns {
    display: flex;
    align-items: center;
    position: relative;
    grid-column: 1/3;
    flex-direction: row-reverse;
    margin-top: 24px;
  }
  .listbox__grid__group.--type1 > li .btns button {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 3px;
    font-weight: 500;
    line-height: 20px;
  }
  .listbox__grid__group.--type1 > li .btns button.downbutton {
    order: 1;
  }
  .listbox__grid__group.--type1 > li .btns button.underlinebutton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .listbox__grid__group.--type1 > li {
    grid-template-columns: 75px 1fr;
    padding: 30px 15px;
  }
  .listbox__grid__group.--type1 > li .thumbnail {
    width: 100%;
    height: 48px;
  }
  .listbox__grid__group.--type1 > li .btns {
    display: flex;
    align-items: center;
    position: relative;
    grid-column: 1/3;
    flex-direction: row-reverse;
    margin-top: 24px;
  }
  .listbox__grid__group.--type1 > li .btns button {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 3px;
    font-weight: 500;
    line-height: 20px;
  }
  .listbox__grid__group.--type1 > li .btns button.downbutton {
    order: 1;
  }
  .listbox__grid__group.--type1 > li .btns button.underlinebutton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
  }
}
@media (min-width: 768px) {
  .listbox__grid__group.--type2 > li {
    grid-template-columns: 1fr 280px 220px;
    grid-template-rows: repeat(2, 30px);
    padding: 30px 0;
  }
  .listbox__grid__group.--type2 > li .list-title {
    grid-column: 1/2;
    grid-row: 1/2;
    padding-left: 30px;
  }
  .listbox__grid__group.--type2 > li .list-info {
    grid-column: 1/2;
    grid-row: 2/3;
    padding: 10px 0 0 30px;
  }
  .listbox__grid__group.--type2 > li .list-cate {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .listbox__grid__group.--type2 > li .list-cate .category {
    width: 100%;
    height: 100%;
    padding-left: 40px;
  }
  .listbox__grid__group.--type2 > li .list-company {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 3/4;
    grid-row: 1/3;
  }
}
@media (max-width: 767px) {
  .listbox__grid__group.--type2 > li {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 0;
  }
  .listbox__grid__group.--type2 > li .list-title {
    width: 100%;
  }
  .listbox__grid__group.--type2 > li .list-info {
    display: flex;
    margin: 12px 0 0 15px;
  }
  .listbox__grid__group.--type2 > li .list-info::after {
    width: 1px;
    height: 12px;
    content: "";
    margin: 4px 8px 0;
    background: #ccc;
  }
  .listbox__grid__group.--type2 > li .list-cate {
    width: calc(100% - 155px);
    padding-top: 12px;
    overflow: hidden;
  }
  .listbox__grid__group.--type2 > li .list-company {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .listbox__grid__group.--type2 > li .list-company > p {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .listbox__grid__group.--type2 > li .list-company {
    padding: 24px 0 0 15px;
  }
}
@media (max-width: 767px) and (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .listbox__grid__group.--type2 > li .list-company {
    padding: 24px 0 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .listbox__grid__group.--type2 > li {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 0;
  }
  .listbox__grid__group.--type2 > li .list-title {
    width: 100%;
  }
  .listbox__grid__group.--type2 > li .list-info {
    display: flex;
    margin: 12px 0 0 15px;
  }
  .listbox__grid__group.--type2 > li .list-info::after {
    width: 1px;
    height: 12px;
    content: "";
    margin: 4px 8px 0;
    background: #ccc;
  }
  .listbox__grid__group.--type2 > li .list-cate {
    width: calc(100% - 155px);
    padding-top: 12px;
    overflow: hidden;
  }
  .listbox__grid__group.--type2 > li .list-company {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .listbox__grid__group.--type2 > li .list-company > p {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) and (max-width: 767px) {
  .listbox__grid__group.--type2 > li .list-company {
    padding: 24px 0 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) and (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .listbox__grid__group.--type2 > li .list-company {
    padding: 24px 0 0 15px;
  }
}

.tabs__menu__group {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: relative;
  display: flex;
  padding-top: 60px;
  background: #1f2437;
}
.tabs__menu__group::-webkit-scrollbar {
  display: none;
}
.tabs__menu__group.pc-mode {
  overflow: hidden;
}
@media (max-width: 767px) {
  .tabs__menu__group {
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-top: 48px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__menu__group {
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-top: 48px;
  }
}
.tabs__menu__list {
  display: flex;
}
@media (max-width: 767px) {
  .tabs__menu__list.--type2 {
    width: 100%;
    padding: 0 15px;
  }
  .tabs__menu__list.--type2 > li {
    padding: 0 !important;
    width: 33.33%;
  }
  .tabs__menu__list.--type2 > li a {
    justify-content: center;
    padding: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__menu__list.--type2 {
    width: 100%;
    padding: 0 15px;
  }
  .tabs__menu__list.--type2 > li {
    padding: 0 !important;
    width: 33.33%;
  }
  .tabs__menu__list.--type2 > li a {
    justify-content: center;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .--type-mo-full .tabs__menu__list {
    width: 100%;
  }
  .--type-mo-full .tabs__menu__list > li {
    width: calc((100% - 1px) / 2);
  }
  .--type-mo-full .tabs__menu__list > li button {
    justify-content: center;
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .--type-mo-full .tabs__menu__list {
    width: 100%;
  }
  .--type-mo-full .tabs__menu__list > li {
    width: calc((100% - 1px) / 2);
  }
  .--type-mo-full .tabs__menu__list > li button {
    justify-content: center;
    width: 100%;
  }
}
.tabs__menu__list > li + li {
  margin-left: 1px;
}
.tabs__menu__list > li button,
.tabs__menu__list > li a {
  display: flex;
  align-items: center;
  position: relative;
  height: 48px;
  padding: 0 32px;
  background: #e0e0e0;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.tabs__menu__list > li button > span,
.tabs__menu__list > li a > span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
  position: relative;
}
.tabs__menu__list > li button > span b,
.tabs__menu__list > li a > span b {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  padding-left: 4px;
}
@media (max-width: 767px) {
  .tabs__menu__list > li button,
  .tabs__menu__list > li a {
    height: 40px;
    padding: 0 24px;
  }
  .tabs__menu__list > li button > span,
  .tabs__menu__list > li a > span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tabs__menu__list > li button > span b,
  .tabs__menu__list > li a > span b {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__menu__list > li button,
  .tabs__menu__list > li a {
    height: 40px;
    padding: 0 24px;
  }
  .tabs__menu__list > li button > span,
  .tabs__menu__list > li a > span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tabs__menu__list > li button > span b,
  .tabs__menu__list > li a > span b {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tabs__menu__list > li.is-active button,
.tabs__menu__list > li.is-active a {
  background: #fff;
}
.tabs__menu__list > li.is-active button > span,
.tabs__menu__list > li.is-active a > span {
  font-weight: 500;
  color: #222;
}
.tabs__menu__list > li.is-active button > span b,
.tabs__menu__list > li.is-active a > span b {
  font-weight: 500;
  color: #4063ec;
}
.tabs__menu__list > li.is-active a {
  pointer-events: none;
}
@media (max-width: 767px) {
  .tabs__menu__list > li:first-of-type {
    padding-left: 15px;
  }
  .tabs__menu__list > li:last-of-type {
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__menu__list > li:first-of-type {
    padding-left: 15px;
  }
  .tabs__menu__list > li:last-of-type {
    padding-right: 15px;
  }
}
.tabs__button__group {
  display: none;
  position: sticky;
  right: 0;
  background: rgb(31, 36, 55);
  background: linear-gradient(90deg, rgba(31, 36, 55, 0) 0%, rgb(31, 36, 55) 73%, rgb(31, 36, 55) 100%);
  z-index: 10;
}
.tabs__button__group > li button {
  width: 48px;
  height: 48px;
  background: url("../../img/ico/ico_arrow_right_white.svg") no-repeat center/9px 15px;
}
.tabs__button__group > li button > span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.tabs__button__group > li button:disabled {
  opacity: 0.5;
}
@media (max-width: 767px) {
  .tabs__button__group > li button {
    width: 40px;
    height: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__button__group > li button {
    width: 40px;
    height: 40px;
  }
}
.tabs__button__group > li:first-of-type button {
  background-image: url("../../img/ico/ico_arrow_left_white.svg");
}
.pc-mode.is-play .tabs__button__group {
  display: flex;
}
.tabs__contents {
  display: none;
}
.tabs__contents.is-active {
  display: block;
}
.tabs__faq__list__group {
  border-top: 1px solid #1f2437;
}
@media (max-width: 767px) {
  .tabs__faq__list__group {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__faq__list__group {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
.tabs__faq__list__group > li {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 90px;
}
@media (max-width: 767px) {
  .tabs__faq__list__group > li {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 24px 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__faq__list__group > li {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 24px 15px;
  }
}
.tabs__faq__list__group > li:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .tabs__faq__list__group > li > div {
    width: 100%;
    padding: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__faq__list__group > li > div {
    width: 100%;
    padding: 0;
  }
}
.tabs__faq__list__cate {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  flex-shrink: 0;
  width: 19.05%;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .tabs__faq__list__cate {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__faq__list__cate {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.tabs__faq__list__title {
  display: flex;
  padding-right: 30px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .tabs__faq__list__title {
    margin-top: 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__faq__list__title {
    margin-top: 12px;
  }
}
.tabs__faq__list__title > p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 29px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 767px) {
  .tabs__faq__list__title > p {
    display: -webkit-box;
    max-height: 56px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    line-height: 28px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    white-space: normal;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__faq__list__title > p {
    display: -webkit-box;
    max-height: 56px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    line-height: 28px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    white-space: normal;
  }
}
.tabs__faq__list__title::before {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  font-style: normal;
  color: #4063ec;
  line-height: 27px;
  letter-spacing: -0.06em;
  content: "Q";
  margin-right: 10px;
}
@media (max-width: 767px) {
  .tabs__faq__list__title::before {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 3px;
    line-height: 22px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__faq__list__title::before {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 3px;
    line-height: 22px;
  }
}
.tabs__cate__section {
  position: relative;
}
@media (min-width: 768px) {
  .tabs__cate__section::after {
    width: 1px;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 100;
  }
}
.tabs__cate__group {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: relative;
  display: flex;
  height: 53px;
  background: #fff;
  box-shadow: inset 0 -1px 0 0 #e0e0e0;
}
.tabs__cate__group::-webkit-scrollbar {
  display: none;
}
.tabs__cate__group.pc-mode {
  overflow: hidden;
}
.tabs__cate__list {
  display: flex;
  height: 100%;
}
.tabs__cate__list > li + li {
  margin-left: 32px;
}
@media (max-width: 767px) {
  .tabs__cate__list > li:first-of-type {
    padding-left: 15px;
  }
  .tabs__cate__list > li:last-of-type {
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__cate__list > li:first-of-type {
    padding-left: 15px;
  }
  .tabs__cate__list > li:last-of-type {
    padding-right: 15px;
  }
}
.tabs__cate__btn {
  display: flex;
  align-items: center;
  position: relative;
  height: calc(100% - 1px);
  padding: 0 0 28px;
}
.tabs__cate__btn > span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.is-active .tabs__cate__btn {
  pointer-events: none;
}
.is-active .tabs__cate__btn > span {
  font-weight: 700;
  color: #1f2437;
}
.is-active .tabs__cate__btn::after {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #4063ec;
}
@media (max-width: 767px) {
  .tabs__cate__btn:first-of-type {
    padding-left: 15px;
  }
  .tabs__cate__btn:last-of-type {
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__cate__btn:first-of-type {
    padding-left: 15px;
  }
  .tabs__cate__btn:last-of-type {
    padding-right: 15px;
  }
}
.tabs__cate__controller__prev, .tabs__cate__controller__next {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_up_707070.svg") no-repeat center/18px;
  transform: rotate(90deg);
}
.tabs__cate__controller__prev span, .tabs__cate__controller__next span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.tabs__cate__controller__prev:disabled, .tabs__cate__controller__next:disabled {
  opacity: 0.4;
}
.tabs__cate__controller__prev {
  transform: rotate(-90deg);
}
.tabs__cate__controller__group {
  display: none;
  position: sticky;
  right: 0;
  top: 0;
  height: calc(100% - 2px);
  background: #fff;
  z-index: 10;
}
.pc-mode.is-play .tabs__cate__controller__group {
  display: flex;
}
.tabs__cate__controller__group > li {
  display: flex;
}
@media (max-width: 767px) {
  .tabs__cate__controller__group {
    display: none !important;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tabs__cate__controller__group {
    display: none !important;
  }
}

.board__section.--type-enterprise .tabs__cate__group {
  height: 50px;
}
.board__section.--type-enterprise .tabs__cate__list > li + li {
  margin-left: 24px;
}
@media (max-width: 767px) {
  .board__section.--type-enterprise .tabs__cate__btn {
    align-items: flex-start;
    padding: 0;
  }
  .board__section.--type-enterprise .tabs__cate__btn > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__section.--type-enterprise .tabs__cate__btn {
    align-items: flex-start;
    padding: 0;
  }
  .board__section.--type-enterprise .tabs__cate__btn > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.board__section.--type-enterprise .tabs__contents__group {
  padding: 0 15px;
}
@media (max-width: 767px) {
  .board__section.--type-enterprise .is-active .tabs__cate__btn::after {
    bottom: -1px;
    z-index: 10;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__section.--type-enterprise .is-active .tabs__cate__btn::after {
    bottom: -1px;
    z-index: 10;
  }
}

.searchbar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.searchbar__group {
  width: 100%;
  height: 60px;
  max-width: 780px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .searchbar__group {
    max-width: 100%;
    height: 50px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__group {
    max-width: 100%;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .searchbar__group.--type-select {
    height: 110px;
  }
  .searchbar__group.--type-select .searchbar {
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__group.--type-select {
    height: 110px;
  }
  .searchbar__group.--type-select .searchbar {
    flex-direction: column;
  }
}
.searchbar__select {
  width: 140px;
  height: 60px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 30px 0 0 30px;
}
@media (max-width: 767px) {
  .searchbar__select {
    width: 100%;
    height: 50px;
    border-radius: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select {
    width: 100%;
    height: 50px;
    border-radius: 30px;
  }
}
.searchbar__select .select__group {
  width: 100%;
  height: 100%;
  border: 0;
}
.searchbar__select .select__label {
  padding: 0 33px 0 40px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .searchbar__select .select__label {
    padding-left: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select .select__label {
    padding-left: 30px;
  }
}
.searchbar__select .select__label::after {
  width: 13px;
  height: 8px;
  background: url("../../img/ico/ico_search_down.svg") no-repeat center/contain;
  top: 50% !important;
  right: 20px;
  transform: translateY(-50%) !important;
}
@media (max-width: 767px) {
  .searchbar__select .select__label::after {
    right: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select .select__label::after {
    right: 30px;
  }
}
.searchbar__select .select__opt__list__area {
  top: 63px;
  left: 0;
  width: 100%;
  border-radius: 10px;
}
.searchbar__select .select__opt__list__area:not(.--type1) {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.searchbar__select .select__opt__list__area:not(.--type1)::-webkit-scrollbar {
  display: none;
}
.searchbar__select .select__opt__list__area.--type1::-webkit-scrollbar {
  width: 16px;
}
.searchbar__select .select__opt__list__area.--type1::-webkit-scrollbar-track {
  background: transparent;
}
.searchbar__select .select__opt__list__area.--type1::-webkit-scrollbar-thumb {
  background: #d7dae6;
  background-clip: padding-box;
  border-radius: 16px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
}
.searchbar__select .select__opt__list__area.--type1 .select__opt__list__group {
  padding-right: 0;
}
@media (max-width: 767px) {
  .searchbar__select .select__opt__list__area {
    top: 54px;
    box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, 0.15);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select .select__opt__list__area {
    top: 54px;
    box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 767px) {
  .searchbar__select .select__opt__list__group {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select .select__opt__list__group {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
.searchbar__select .select__opt__list__item {
  padding-left: 35px;
  line-height: 50px;
  text-align: left;
}
@media (max-width: 767px) {
  .searchbar__select .select__opt__list__item {
    display: flex;
    align-items: flex-end;
    height: 40px;
    padding-left: 25px;
    line-height: 20px;
  }
  .searchbar__select .select__opt__list__item:hover {
    background: #fff;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select .select__opt__list__item {
    display: flex;
    align-items: flex-end;
    height: 40px;
    padding-left: 25px;
    line-height: 20px;
  }
  .searchbar__select .select__opt__list__item:hover {
    background: #fff;
  }
}
.searchbar__select .select__opt__list__item + li {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .searchbar__select .select__opt__list__item + li {
    margin-top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select .select__opt__list__item + li {
    margin-top: 0;
  }
}
.searchbar__select .is-active .select__label::after {
  background-image: url("../../img/ico/ico_search_up.svg");
}
.searchbar__select .is-active .select__opt__list__area {
  height: 170px;
  animation-name: height170;
}
@media (max-width: 767px) {
  .searchbar__select .is-active .select__opt__list__area {
    height: 140px;
    animation-name: height140;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select .is-active .select__opt__list__area {
    height: 140px;
    animation-name: height140;
  }
}
.searchbar__select + .searchbar__input {
  position: relative;
  display: flex;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .searchbar__select + .searchbar__input {
    width: 100%;
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select + .searchbar__input {
    width: 100%;
    margin-top: 10px;
  }
}
.searchbar__select + .searchbar__input .searchbar__ipt {
  width: calc(100% - 70px);
  padding-left: 14px;
  border-radius: 0;
  background: #fff;
}
@media (max-width: 767px) {
  .searchbar__select + .searchbar__input .searchbar__ipt {
    width: calc(100% - 40px);
    padding-left: 30px;
    border-radius: 30px 0 0 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__select + .searchbar__input .searchbar__ipt {
    width: calc(100% - 40px);
    padding-left: 30px;
    border-radius: 30px 0 0 30px;
  }
}
.searchbar__select + .searchbar__input .searchbar__ipt + button {
  font-weight: 500;
}
.searchbar__ipt {
  width: calc(100% - 36px);
  height: 60px;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
  padding-left: 40px;
  padding-right: 144px;
  border-radius: 60px;
}
.searchbar__ipt ~ button {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .searchbar__ipt {
    width: calc(100% - 40px);
    height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 30px;
    padding-right: 50px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .searchbar__ipt {
    width: calc(100% - 40px);
    height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 30px;
    padding-right: 50px;
  }
}

.ipt__text {
  width: 100%;
  height: 48px;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding: 0 16px;
}
.ipt__text + label {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  pointer-events: none;
}
.ipt__text:disabled, .ipt__text:read-only {
  background: #f5f5f5;
}
.ipt__text:disabled::placeholder, .ipt__text:read-only::placeholder {
  color: #ccc;
}
.ipt__text:disabled:-ms-input-placeholder, .ipt__text:read-only:-ms-input-placeholder {
  color: #ccc;
}
.ipt__text:read-only {
  color: #ccc;
}
.ipt__text__group {
  position: relative;
}
@media (max-width: 767px) {
  .ipt__text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.ipt__ckbox {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__ckbox + label {
  display: flex;
  cursor: pointer;
}
.ipt__ckbox + label .ico {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  flex-shrink: 0;
  margin-right: 8px;
  background: #fff;
  border-radius: 3px;
}
.ipt__ckbox + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.ipt__ckbox + label .txt b {
  font-weight: 400;
  color: #707070;
}
.ipt__ckbox + label .txt b.required {
  font-weight: 500;
  color: #4063ec;
}
@media (max-width: 767px) {
  .ipt__ckbox + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__ckbox + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.ipt__ckbox + label span:only-of-type.ico {
  margin-right: 0;
}
.ipt__ckbox:checked + label .ico {
  background: url("../../img/ico/ico_ckbox_checked.svg") no-repeat center/contain;
  border: 0;
}
.ipt__ckbox__group {
  position: relative;
}
.ipt__ckbox__group.--type2 {
  height: 28px;
}
.ipt__ckbox__group.--type2 .ipt__ckbox + label {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  border-radius: 14px;
  cursor: pointer;
}
.ipt__ckbox__group.--type2 .ipt__ckbox + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  user-select: none;
}
.ipt__ckbox__group.--type2 .ipt__ckbox:checked + label {
  background: #4063ec;
}
.ipt__ckbox__group.--type2 .ipt__ckbox:checked + label .txt {
  color: #fff;
}
@media (min-width: 1001px) and (hover: hover) {
  .ipt__ckbox__group.--type2 .ipt__ckbox:checked + label:hover::after {
    width: 16px;
    height: 16px;
    background: url("../../img/ico/ico_searchDel_30.svg") no-repeat center/contain;
    content: "";
    position: absolute;
    top: -4px;
    right: -8px;
  }
}
.ipt__ckbox__total__group {
  border-bottom: 1px solid #1f2437;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.ipt__ckbox__total__group .ipt__ckbox + label .ico {
  margin-top: 4px;
}
.ipt__ckbox__total__group .ipt__ckbox + label .txt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 28px;
}
@media (max-width: 767px) {
  .ipt__ckbox__total__group .ipt__ckbox + label .ico {
    margin-top: 0;
  }
  .ipt__ckbox__total__group .ipt__ckbox + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__ckbox__total__group .ipt__ckbox + label .ico {
    margin-top: 0;
  }
  .ipt__ckbox__total__group .ipt__ckbox + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.ipt__ckbox__total__list > li {
  position: relative;
}
.ipt__ckbox__total__list > li + li {
  margin-top: 20px;
}
.ipt__ckbox__total__conts {
  border: 1px solid #ccc;
  height: 120px;
  margin-top: 20px;
  padding: 16px 0 16px 16px;
  border-radius: 5px;
  overflow-y: auto;
}
.ipt__ckbox__total__conts::-webkit-scrollbar {
  width: 20px;
}
.ipt__ckbox__total__conts::-webkit-scrollbar-track {
  background: transparent;
}
.ipt__ckbox__total__conts::-webkit-scrollbar-thumb {
  background: #d7dae6;
  background-clip: padding-box;
  border-radius: 20px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
.ipt__ckbox__total__conts * {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .ipt__ckbox__total__conts * {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__ckbox__total__conts * {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.ipt__rdo__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ipt__rdo__group > li {
  width: 50%;
}
.ipt__rdo__group > li:nth-of-type(even) {
  padding-left: 26px;
}
.ipt__rdo__group > li:nth-of-type(n + 3) {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .ipt__rdo__group > li {
    width: calc((100% - 15px) / 2);
  }
  .ipt__rdo__group > li:nth-of-type(even) {
    margin-left: 15px;
    padding-left: 0;
  }
  .ipt__rdo__group > li:nth-of-type(n + 3) {
    margin-top: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdo__group > li {
    width: calc((100% - 15px) / 2);
  }
  .ipt__rdo__group > li:nth-of-type(even) {
    margin-left: 15px;
    padding-left: 0;
  }
  .ipt__rdo__group > li:nth-of-type(n + 3) {
    margin-top: 15px;
  }
}
.ipt__rdo__group + .ipt__rdo__group {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .ipt__rdo__group + .ipt__rdo__group {
    margin-top: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdo__group + .ipt__rdo__group {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .ipt__rdo__group.--type2 .ipt__rdo__item {
    width: calc((100% - 15px) / 2);
    height: 48px;
    position: relative;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item:nth-of-type(even) {
    margin-left: 15px;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item:nth-of-type(n + 3) {
    margin-top: 15px;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input + label {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
    border-radius: 5px;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input + label .ico {
    display: none;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input:disabled + label {
    background: #f5f5f5;
    border-color: #e0e0e0;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input:disabled + label .txt {
    color: #707070;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input:checked + label {
    background: #4063ec;
    border-color: #4063ec;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input:checked + label .txt {
    color: #fff;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdo__group.--type2 .ipt__rdo__item {
    width: calc((100% - 15px) / 2);
    height: 48px;
    position: relative;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item:nth-of-type(even) {
    margin-left: 15px;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item:nth-of-type(n + 3) {
    margin-top: 15px;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input + label {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
    border-radius: 5px;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input + label .ico {
    display: none;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input:disabled + label {
    background: #f5f5f5;
    border-color: #e0e0e0;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input:disabled + label .txt {
    color: #707070;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input:checked + label {
    background: #4063ec;
    border-color: #4063ec;
  }
  .ipt__rdo__group.--type2 .ipt__rdo__item input:checked + label .txt {
    color: #fff;
  }
}
.ipt__rdo__item {
  display: flex;
  align-items: center;
  position: relative;
}
.ipt__rdo__item input {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__rdo__item input + label {
  display: flex;
  align-items: center;
}
.ipt__rdo__item input + label .ico {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  position: relative;
  flex-shrink: 0;
  margin: 3px 6px 0 0;
  border-radius: 50%;
}
.ipt__rdo__item input + label .ico::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-radius: 50%;
}
.ipt__rdo__item input + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .ipt__rdo__item input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdo__item input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.ipt__rdo__item input:checked + label .ico {
  border-color: #4063ec;
}
.ipt__rdo__item input:checked + label .ico::before {
  background: #4063ec;
}
.ipt__rdo__item input:disabled + label .ico {
  border-color: #e0e0e0;
  background: #ccc;
}
.ipt__rdo__item input:disabled + label .txt {
  color: #707070;
}
.ipt__rdo__item.--type-only input + label .ico {
  margin: 0;
}
.ipt__rdo__item.--type-only input + label .txt {
  display: none;
}
.ipt__rdo__btns__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ipt__rdo__btns__item {
  width: calc((100% - 15px) / 2);
  height: 48px;
  position: relative;
}
.ipt__rdo__btns__item:nth-of-type(even) {
  margin-left: 15px;
}
.ipt__rdo__btns__item input {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__rdo__btns__item input + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #707070;
  border-radius: 5px;
}
.ipt__rdo__btns__item input + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.ipt__rdo__btns__item input:checked + label {
  border-color: #4063ec;
  background: #4063ec;
}
.ipt__rdo__btns__item input:checked + label .txt {
  font-weight: 500;
  color: #fff;
}
.ipt__rdo__sort__group {
  display: flex;
}
.ipt__rdo__sort__group > li + li {
  margin-left: 8px;
}
.ipt__rdo__sort__item {
  position: relative;
}
.ipt__rdo__sort__item input {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__rdo__sort__item input + label {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  height: 28px;
  padding: 0 8px;
  border-radius: 5px;
}
.ipt__rdo__sort__item input + label .ico {
  width: 16px;
  height: 16px;
  background: url("../../img/ico/ico_sort_gray.svg") no-repeat center/contain;
  margin-right: 2px;
}
.ipt__rdo__sort__item input + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.ipt__rdo__sort__item input:checked + label {
  border-color: #4063ec;
}
.ipt__rdo__sort__item input:checked + label .ico {
  background-image: url("../../img/ico/ico_sort_blue.svg");
}
.ipt__rdo__sort__item input:checked + label .txt {
  font-weight: 500;
  color: #4063ec;
}
.ipt__rdo__list__section.--type01 {
  padding: 28px 40px;
  background: #f5f5f5;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .ipt__rdo__list__section.--type01 {
    padding: 16px 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdo__list__section.--type01 {
    padding: 16px 24px;
  }
}
.ipt__rdo__list__section .ipt__rdo__item {
  width: auto;
}
.ipt__rdo__list__section .ipt__rdo__item {
  margin: 8px 60px 8px 0 !important;
}
@media (max-width: 767px) {
  .ipt__rdo__list__section .ipt__rdo__item {
    margin-right: 32px !important;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdo__list__section .ipt__rdo__item {
    margin-right: 32px !important;
  }
}
.ipt__rdo__list__section .ipt__rdo__item:nth-of-type(even) {
  padding-left: 0;
}
.ipt__switch__group {
  width: 460px;
  height: 84px;
  position: relative;
}
@media (max-width: 767px) {
  .ipt__switch__group {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__switch__group {
    width: 100%;
  }
}
.ipt__switch__group input + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
  transition: box-shadow 0.3s;
}
.ipt__switch__group input + label .txt {
  display: flex;
  align-items: center;
}
.ipt__switch__group input + label .txt b {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.ipt__switch__group input + label .txt b.point {
  padding-left: 4px;
  font-weight: 400;
  color: #707070;
}
.ipt__switch__group input + label .ico {
  display: flex;
  align-items: center;
  width: 42px;
  height: 24px;
  padding: 0 7px;
  background: #ccc;
  border-radius: 12px;
}
.ipt__switch__group input + label .ico::before {
  width: 12px;
  height: 12px;
  content: "";
  background: #fff;
  border-radius: 50%;
  transform: translateX(16px);
  transition: transform 0.5s;
}
.ipt__switch__group input:checked + label {
  box-shadow: inset 0 0 0 2px #4063ec;
}
.ipt__switch__group input:checked + label .txt b.point {
  font-weight: 500;
  color: #4063ec;
}
.ipt__switch__group input:checked + label .ico {
  background: #4063ec;
}
.ipt__switch__group input:checked + label .ico::before {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4);
  transform: translateX(0);
}
.ipt__toggle__group {
  position: relative;
}
.ipt__toggle__group input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__toggle__group input[type=checkbox] + label {
  display: flex;
  align-items: center;
  width: 28px;
  height: 20px;
  padding: 0 4px;
  background: #ccc;
  border-radius: 10px;
}
.ipt__toggle__group input[type=checkbox] + label::before {
  width: 8px;
  height: 8px;
  content: "";
  background: #fff;
  border-radius: 50%;
  transform: translateX(12px);
  transition: transform 0.5s;
}
.ipt__toggle__group input[type=checkbox]:checked + label {
  background: #4063ec;
}
.ipt__toggle__group input[type=checkbox]:checked + label::before {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4);
  transform: translateX(0);
}
.alink__toggle .ipt__toggle__group {
  margin-left: 8px;
}
.ipt__file {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__file__group {
  display: flex;
  flex-wrap: wrap;
}
.ipt__file__group button.js-upload {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  min-width: 98px !important;
  margin-right: 10px;
  padding: 0 !important;
}
.ipt__file__msg {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  align-self: center;
}
.is-upload .ipt__file__msg {
  display: none;
}
.ipt__file__upload__group {
  display: none;
  max-width: calc(100% - 108px);
}
.is-upload .ipt__file__upload__group {
  display: block;
}
@media (max-width: 767px) {
  .ipt__file__upload__group {
    width: 100%;
    max-width: 100%;
    margin-top: 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__file__upload__group {
    width: 100%;
    max-width: 100%;
    margin-top: 12px;
  }
}
.ipt__file__upload__list {
  display: none;
  flex-wrap: wrap;
  margin: -3px;
}
@media (max-width: 767px) {
  .ipt__file__upload__list {
    max-width: 100%;
    margin: -6px -4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__file__upload__list {
    max-width: 100%;
    margin: -6px -4px;
  }
}
.ipt__file__upload__list > li {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  position: relative;
  height: 48px;
  margin: 3px;
  padding: 0 24px;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .ipt__file__upload__list > li {
    max-width: 100%;
    margin: 6px 4px;
    padding-right: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__file__upload__list > li {
    max-width: 100%;
    margin: 6px 4px;
    padding-right: 24px;
  }
}
.is-upload .ipt__file__upload__list {
  display: flex;
}
.ipt__file__upload__name {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
  margin-right: 12px;
}
@media (max-width: 767px) {
  .ipt__file__upload__name {
    margin-right: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__file__upload__name {
    margin-right: 16px;
  }
}
.ipt__file__upload__name + button {
  width: 20px;
  height: 20px;
  position: relative;
}
.ipt__file__upload__name + button:not(.noShd)::before, .ipt__file__upload__name + button:not(.noShd)::after {
  width: 14px;
  height: 2px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #ccc;
  border-radius: 2px;
}
.ipt__file__upload__name + button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.ipt__file__upload__name + button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ipt__search {
  width: 100%;
  height: 100%;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding: 0 16px;
}
.ipt__search:focus-visible {
  border: 2px dashed #222;
  border-radius: 40px;
}
.ipt__search__area {
  display: flex;
  width: 100%;
}
.ipt__search__group {
  border: 1px solid #ccc;
  flex-grow: 1;
  height: 48px;
  margin-right: 8px;
  border-radius: 5px;
  overflow: hidden;
}
.ipt__search__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 48px;
  border: 1px solid #4063ec;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.06em;
  flex-shrink: 0;
  background: #4063ec;
  border-radius: 24px;
  transition: 0.3s;
}
@media (hover: hover) {
  .ipt__search__button:hover {
    box-shadow: 3px 3px 8px 0 rgba(64, 99, 236, 0.44);
  }
}
.ipt__search__button.--type-outline {
  background: #fff;
  border-color: #4063ec;
  color: #4063ec;
}
@media (hover: hover) {
  .ipt__search__button.--type-outline:hover {
    box-shadow: 3px 3px 8px 0 rgba(64, 99, 236, 0.44);
  }
}
.ipt__del {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_searchDel_30.svg") no-repeat center/contain;
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
}
.ipt__del.is-on {
  display: block;
}
.ipt__del__group {
  position: relative;
}
.ipt__rdobox__group {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .ipt__rdobox__group {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .ipt__rdobox__group {
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdobox__group {
    flex-direction: column;
  }
}
.ipt__rdobox__item {
  width: calc((100% - 20px) / 2);
  height: 90px;
  position: relative;
}
.ipt__rdobox__item input {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__rdobox__item input + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .ipt__rdobox__item input + label {
    padding: 0 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdobox__item input + label {
    padding: 0 24px;
  }
}
.ipt__rdobox__item input + label .tit {
  display: flex;
  align-items: flex-end;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .ipt__rdobox__item input + label .tit {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdobox__item input + label .tit {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.ipt__rdobox__item input + label .tit .small {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  margin-left: 8px;
  padding-bottom: 2px;
}
.ipt__rdobox__item input + label .tit .small .point {
  font-weight: 400;
  color: #4063ec;
}
@media (max-width: 767px) {
  .ipt__rdobox__item input + label .tit .small {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 4px;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdobox__item input + label .tit .small {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 4px;
    line-height: 20px;
  }
}
.ipt__rdobox__item input + label .price {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.ipt__rdobox__item input + label .price .default {
  display: flex;
  align-items: flex-end;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .ipt__rdobox__item input + label .price .default {
    margin-bottom: 3px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdobox__item input + label .price .default {
    margin-bottom: 3px;
  }
}
.ipt__rdobox__item input + label .price .default .num {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 14px;
  letter-spacing: -0.06em;
  padding: 0 2px 1px 0px;
  text-decoration: line-through;
}
.ipt__rdobox__item input + label .price .default .won {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 17px;
  letter-spacing: -0.06em;
}
.ipt__rdobox__item input + label .price .sale {
  display: flex;
  align-items: flex-end;
}
.ipt__rdobox__item input + label .price .sale .num {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .ipt__rdobox__item input + label .price .sale .num {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdobox__item input + label .price .sale .num {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
  }
}
.ipt__rdobox__item input + label .price .sale .won {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding: 0 0 1px 4px;
}
@media (max-width: 767px) {
  .ipt__rdobox__item input + label .price .sale .won {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 0 1px 2px;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdobox__item input + label .price .sale .won {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 0 1px 2px;
    line-height: 20px;
  }
}
.ipt__rdobox__item input:checked + label {
  box-shadow: inset 0 0 0 2px #4063ec;
}
.ipt__rdobox__item input:checked + label .price .sale .num {
  color: #4063ec;
}
@media (max-width: 767px) {
  .ipt__rdobox__item {
    width: 100%;
    height: 75px;
  }
  .ipt__rdobox__item:not(:first-of-type) {
    margin-top: 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdobox__item {
    width: 100%;
    height: 75px;
  }
  .ipt__rdobox__item:not(:first-of-type) {
    margin-top: 12px;
  }
}
.ipt__circleCkbox__group {
  width: 152px;
  height: 48px;
  position: relative;
}
.ipt__circleCkbox__group input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__circleCkbox__group input[type=checkbox] + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px #ccc;
}
.ipt__circleCkbox__group input[type=checkbox] + label .ico {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_circleCkbox_default.svg") no-repeat center/contain;
}
.ipt__circleCkbox__group input[type=checkbox] + label .ico + .txt {
  margin-left: 6px;
}
.ipt__circleCkbox__group input[type=checkbox] + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.ipt__circleCkbox__group input[type=checkbox]:checked + label {
  box-shadow: inset 0 0 0 1px #4063ec;
}
.ipt__circleCkbox__group input[type=checkbox]:checked + label .ico {
  background-image: url("../../img/ico/ico_circleCkbox_checked.svg");
}

.label__ckbox__group label {
  display: flex;
}
.label__ckbox__group label input ~ .ico {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  flex-shrink: 0;
  margin: 2px 6px 0 0;
  background: #fff;
  border-radius: 3px;
}
.label__ckbox__group label input ~ .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.label__ckbox__group label input ~ .txt .point {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #1ccdcc;
}
.label__ckbox__group label input:checked ~ .ico {
  background: url("../../img/ico/ico_ckbox_checked.svg") no-repeat center/contain;
  border: 0;
}

.textarea {
  width: 100%;
  height: 100%;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  display: block;
  padding: 15px;
  border: 0;
  outline: 0;
  resize: none;
}
.textarea::-webkit-scrollbar {
  width: 20px;
}
.textarea::-webkit-scrollbar-track {
  background: transparent;
}
.textarea::-webkit-scrollbar-thumb {
  background: #d7dae6;
  background-clip: padding-box;
  border-radius: 20px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
@media (max-width: 767px) {
  .textarea {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .textarea {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.textarea__group {
  width: 100%;
  height: 120px;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
.invalid .textarea__group {
  border-color: #ee1a1a;
}
@media (max-width: 767px) {
  .textarea__group {
    height: 140px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .textarea__group {
    height: 140px;
  }
}
.textarea__text__check {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #666;
  line-height: 19px;
  letter-spacing: -0.06em;
  margin-top: 8px;
  text-align: right;
}
@media (max-width: 767px) {
  .textarea__text__check {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .textarea__text__check {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}

.select__group {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  position: relative;
  max-width: 217px;
  height: 48px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .select__group {
    max-width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .select__group {
    max-width: 100%;
  }
}
.select__label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: normal;
  letter-spacing: -0.06em;
  padding: 0 16px;
}
.select__label::after {
  width: 16px;
  height: 16px;
  background: url("../../img/ico/ico_up_707070.svg") no-repeat center/contain;
  content: "";
  position: absolute;
  top: 16px;
  right: 12px;
  transform: rotate(180deg);
}
.is-active .select__label::after {
  top: 14px;
  transform: rotate(0);
}
.is-selected .select__label {
  color: #222;
}
.select__label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  text-align: left;
}
@media (max-width: 767px) {
  .select__label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .select__label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.select__opt__list__area {
  border: 1px solid #e0e0e0;
  display: none;
  position: absolute;
  top: 52px;
  left: -1px;
  width: calc(100% + 2px);
  height: 0;
  background: #fff;
  border-radius: 5px;
  overflow: auto;
  z-index: 200;
}
.is-active .select__opt__list__area {
  display: block;
  height: 156px;
  animation: height156 0.5s;
}
.select__opt__list__area::-webkit-scrollbar {
  width: 8px;
}
.select__opt__list__area::-webkit-scrollbar-track {
  background: transparent;
}
.select__opt__list__area::-webkit-scrollbar-thumb {
  background: #ccc;
  background-clip: padding-box;
  border-radius: 8px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
}
.select__opt__list__group {
  padding: 4px;
}
.select__opt__list__group > li + li {
  margin-top: 4px;
}
.select__opt__list__group > li:hover {
  background: #f5f5f5;
}
.select__opt__list__item {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 44px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 12px;
  text-align: left;
  transition: background 0.5s;
}
@media (max-width: 767px) {
  .select__opt__list__item {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .select__opt__list__item {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.checkbox-ipt {
  display: flex;
  align-items: center;
}
.checkbox-ipt .ipt__text__group {
  margin-left: 12px;
}

input.js-datepicker-start::placeholder,
input.js-datepicker-end::placeholder {
  font-size: smaller;
}

.bbsIco {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 10px;
  border-radius: 5px;
}
.bbsIco span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .bbsIco span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .bbsIco span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.bbsIco.--type-cate {
  height: 30px;
  background: #f5f5f5;
}
.bbsIco.--type-cate.--lineGY, .--type-list-fix .bbsIco.--type-cate {
  background: #fff;
}
.bbsIco.--type-cate.--h32 {
  height: 32px;
}
@media (max-width: 767px) {
  .bbsIco.--type-cate.--h32 {
    height: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .bbsIco.--type-cate.--h32 {
    height: 30px;
  }
}
.bbsIco.--type-cate.--bgBL span, .bbsIco.--type-cate.--bgBK span, .bbsIco.--type-cate.--bgGY span, .bbsIco.--type-cate.--bgMT span {
  color: #fff;
}
.bbsIco.--type-cate.--bgBL {
  background: #4063ec;
}
.bbsIco.--type-cate.--bgBK {
  background: #222;
}
.bbsIco.--type-cate.--bgGY {
  background: #ccc;
}
.bbsIco.--type-cate.--bgMT {
  background: #1ccdcc;
}
.bbsIco.--type-cate.--lineGY {
  border: 1px solid #ccc;
}
.bbsIco.--type-cate.--lineGY span {
  color: #707070;
}
.bbsIco.--type-new {
  height: 32px;
  margin-left: 12px;
  background: #1ccdcc;
}
.bbsIco.--type-new span {
  color: #fff;
}
@media (max-width: 767px) {
  .bbsIco.--type-new {
    height: 30px;
    margin-left: 4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .bbsIco.--type-new {
    height: 30px;
    margin-left: 4px;
  }
}
.bbsIco.--type-lock {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_lock.svg") no-repeat center/contain;
  margin-left: 8px;
  padding: 0;
}
@media (max-width: 767px) {
  .bbsIco.--type-lock {
    margin-left: 4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .bbsIco.--type-lock {
    margin-left: 4px;
  }
}
.bbsIco.--type-lock span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.bbsIco__group {
  display: flex;
  align-items: center;
}
.bbsIco__group .bbsIco + .bbsIco {
  margin-left: 6px;
}

.bgclosebutton, .newlinkbutton, .underlinebutton, .refreshbutton2, .arrowbutton, .button__search, .button__menu {
  display: flex;
  justify-content: center;
  align-items: center;
}

.button__search {
  background: no-repeat center/contain;
}

.button__group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.button__menu {
  width: 24px;
  height: 24px;
  position: relative;
  transform: rotate(0deg) translateZ(0);
  overflow: hidden;
  transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .button__menu {
    background: url("../../img/ico/ico_drawer-menu.svg") no-repeat center/contain;
    transition: none;
  }
  .--type-bk .button__menu {
    background-image: url("../../img/ico/ico_drawer-menu_white.svg");
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .button__menu {
    background: url("../../img/ico/ico_drawer-menu.svg") no-repeat center/contain;
    transition: none;
  }
  .--type-bk .button__menu {
    background-image: url("../../img/ico/ico_drawer-menu_white.svg");
  }
}
.button__menu .line {
  width: 12px;
  height: 2px;
  position: absolute;
  background: #000;
  opacity: 1;
  transform: rotate(0deg) translateZ(0);
  transition: 0.25s ease-in-out;
}
.--type-bk .button__menu .line {
  background: #fff;
}
.is-drawerMenu .--type-bk .button__menu .line {
  background: #000;
}
@media (max-width: 767px) {
  .button__menu .line {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .button__menu .line {
    display: none;
  }
}
.button__menu .line:nth-child(even) {
  left: 50%;
  border-radius: 0 2px 2px 0;
}
.button__menu .line:nth-child(odd) {
  left: 0px;
  border-radius: 2px 0 0 2px;
}
.button__menu .line:nth-child(1), .button__menu .line:nth-child(2) {
  top: 5px;
}
.button__menu .line:nth-child(3), .button__menu .line:nth-child(4) {
  top: 11px;
}
.button__menu .line:nth-child(5), .button__menu .line:nth-child(6) {
  top: 17px;
}
.button__menu.is-clicked .line:nth-child(1), .button__menu.is-clicked .line:nth-child(6) {
  transform: rotate(45deg) translateZ(0);
}
.button__menu.is-clicked .line:nth-child(2), .button__menu.is-clicked .line:nth-child(5) {
  transform: rotate(-45deg) translateZ(0);
}
.button__menu.is-clicked .line:nth-child(1) {
  left: 0px;
  top: 7px;
  opacity: 0;
}
.button__menu.is-clicked .line:nth-child(2) {
  left: calc(50% - 6px);
  top: 7px;
}
.button__menu.is-clicked .line:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.button__menu.is-clicked .line:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.button__menu.is-clicked .line:nth-child(5) {
  left: 0px;
  top: 15px;
  opacity: 0;
}
.button__menu.is-clicked .line:nth-child(6) {
  left: calc(50% - 6px);
  top: 15px;
}
.button__search {
  width: 80px;
  height: 80px;
  background-color: #2b3294;
  background-image: url("../../img/ico/ico_search_white.svg");
  background-size: 30px;
}
@media (max-width: 767px) {
  .button__search {
    width: 60px;
    height: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .button__search {
    width: 60px;
    height: 60px;
  }
}

[class^=btn_] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
  min-width: 140px;
  height: 60px;
  padding: 0 36px;
  border-radius: 30px;
  transition: box-shadow 0.3s;
}
@media (max-width: 767px) {
  [class^=btn_] {
    font-size: 16px;
    font-size: 1.6rem;
    min-width: 80px;
    height: 50px;
    padding: 0 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  [class^=btn_] {
    font-size: 16px;
    font-size: 1.6rem;
    min-width: 80px;
    height: 50px;
    padding: 0 16px;
  }
}
[class^=btn_][class*=sm] {
  height: 48px;
}
[class^=btn_][class*=primary] {
  background: #4063ec;
  color: #fff;
}
@media (hover: hover) {
  [class^=btn_][class*=primary]:hover {
    box-shadow: 3px 3px 8px 0 rgba(64, 99, 236, 0.44);
  }
}
[class^=btn_][class*=outline] {
  border: 1px solid #222;
  background: #fff;
  color: #222;
}
[class^=btn_][class*=outline][class*=lineblue] {
  border-color: #4063ec;
  color: #4063ec;
}
@media (hover: hover) {
  [class^=btn_][class*=outline][class*=lineblue]:hover {
    box-shadow: 3px 3px 8px 0 rgba(64, 99, 236, 0.44);
  }
}
[class^=btn_][class*=outline][class*=linegrey] {
  border-color: #ccc;
  color: #222;
}
@media (hover: hover) {
  [class^=btn_][class*=outline]:hover {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
}
[class^=btn_]:disabled {
  background: #e0e0e0 !important;
  color: #707070 !important;
}
@media (hover: hover) {
  [class^=btn_]:disabled:hover {
    box-shadow: none;
  }
}

.topbutton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background: #dfe3f3;
  filter: drop-shadow(0 0 8px rgba(34, 34, 34, 0.1));
  animation: fade 0.5s;
}
.topbutton .ico {
  width: 12px;
  height: 12px;
  border: 2px solid #1f2437;
  display: block;
  margin-top: 6px;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}
.topbutton__group {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
@media (max-width: 767px) {
  .topbutton__group {
    bottom: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .topbutton__group {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .topbutton {
    width: 62px;
    height: 62px;
  }
  .topbutton .ico {
    width: 10px;
    height: 10px;
    margin-top: 5px;
  }
  .is-drawerMenu .topbutton {
    display: none !important;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .topbutton {
    width: 62px;
    height: 62px;
  }
  .topbutton .ico {
    width: 10px;
    height: 10px;
    margin-top: 5px;
  }
  .is-drawerMenu .topbutton {
    display: none !important;
  }
}

.morebutton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  border-radius: 24px;
}
.morebutton .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .morebutton .txt {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .morebutton .txt {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.morebutton .txt + .ico {
  margin-left: 16px;
}
.morebutton .ico {
  width: 11px;
  height: 7px;
  background: url("../../img/ico/ico_arrow_down_222.svg") no-repeat center/contain;
}
@media (hover: hover) {
  .morebutton:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
}

.alinkbutton {
  display: flex;
  max-width: 100%;
  margin: 5px 15px;
}
.alinkbutton span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-decoration: underline;
}
.alinkbutton::before {
  width: 23px;
  height: 23px;
  background: url("../../img/ico/ico_link.svg") no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  display: block;
  margin-right: 8px;
  transition: background 0.5s;
}
@media (hover: hover) {
  .alinkbutton:hover::before {
    background-image: url("../../img/ico/ico_link_hover.svg");
  }
}
.alinkbutton__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -5px -15px;
}

.downbutton {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  max-width: 100%;
  height: 48px;
  margin: 5px 3px;
  padding: 14px 24px;
  background: #fff;
  border-radius: 24px;
}
.downbutton span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.03em;
  display: block;
}
.downbutton span:not(.file) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.downbutton span.file {
  flex-shrink: 0;
}
.downbutton::before {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_download_blue.svg") no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  display: block;
  margin-right: 6px;
}
@media (hover: hover) {
  .downbutton:hover {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.1);
  }
}
.downbutton__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -5px -3px;
}
@media (max-width: 767px) {
  .downbutton__group.--type-total {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .downbutton__group.--type-total {
    display: none;
  }
}
.downbutton__area {
  padding: 24px 20px;
  background: #f5f5f5;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .downbutton__area {
    padding: 20px 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .downbutton__area {
    padding: 20px 15px;
  }
}
.downbutton__area .downbutton__group {
  width: 100%;
}

.deletebutton {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_delete.svg") no-repeat center/contain;
}

.arrowbutton {
  border: 2px solid #ccc;
  height: 60px;
  padding: 0 32px;
  border-radius: 30px;
}
.arrowbutton .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  margin-right: 10px;
}
.arrowbutton .ico {
  width: 9px;
  height: 13px;
  background: url("../../img/ico/ico_arrow_right_black_9x13.svg") no-repeat center/contain;
}
@media (hover: hover) {
  .arrowbutton:hover {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
}

.refreshbutton {
  display: flex;
  align-items: center;
}
.refreshbutton .ico {
  width: 28px;
  height: 28px;
  background: url("../../img/ico/ico_refresh_28_fff.svg") no-repeat center/contain;
  margin-right: 8px;
}
.refreshbutton .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.06em;
}

.refreshbutton2 {
  border: 1px solid #222;
  min-width: 140px;
  height: 60px;
  padding: 0 36px;
  background: #fff;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .refreshbutton2 {
    height: 52px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .refreshbutton2 {
    height: 52px;
  }
}
.refreshbutton2 .ico {
  width: 26px;
  height: 26px;
  background: url("../../img/ico/ico_refresh_blue.svg") no-repeat center/contain;
}
@media (max-width: 767px) {
  .refreshbutton2 .ico {
    width: 24px;
    height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .refreshbutton2 .ico {
    width: 24px;
    height: 24px;
  }
}
.refreshbutton2 .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .refreshbutton2 .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .refreshbutton2 .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (hover: hover) {
  .refreshbutton2:hover {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
}

.underlinebutton span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  position: relative;
}
.underlinebutton span::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #707070;
}

.newlinkbutton {
  border: 1px solid #4063ec;
  height: 60px;
  padding: 0 36px;
  border-radius: 30px;
  transition: box-shadow 0.3s;
}
@media (hover: hover) {
  .newlinkbutton:hover {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
}
@media (max-width: 767px) {
  .newlinkbutton {
    padding: 0 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .newlinkbutton {
    padding: 0 24px;
  }
}
.newlinkbutton .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  color: #4063ec;
  line-height: 26px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .newlinkbutton .txt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .newlinkbutton .txt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.newlinkbutton .ico {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_newlink_blue.svg") no-repeat center/contain;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .newlinkbutton .ico {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .newlinkbutton .ico {
    display: none;
  }
}

.bgclosebutton {
  height: 100%;
  margin: 4px 3px;
  padding: 0 16px;
  background: #eff1f8;
  border-radius: 20px;
}
.bgclosebutton .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  margin-right: 4px;
}
.bgclosebutton .ico {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_del_circle_20.svg") no-repeat center/contain;
}
.bgclosebutton__group {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  margin: -4px -3px;
}

.prevbutton {
  width: 54px;
  height: 60px;
  background: url("../../img/ico/ico_arrow_left_black.svg") no-repeat center/24px;
}
.prevbutton span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}

.closebutton {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_close_ccc_pc.svg") no-repeat center/contain;
  position: relative;
  display: block;
}
.closebutton span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
@media (max-width: 767px) {
  .closebutton {
    background-image: url("../../img/ico/ico_close_ccc_mo.svg");
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .closebutton {
    background-image: url("../../img/ico/ico_close_ccc_mo.svg");
  }
}

.alinkArrow {
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #4063ec;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .alinkArrow {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .alinkArrow {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.alinkArrow::after {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_arrow_right_blue.svg") no-repeat center/contain;
  content: "";
  padding: 6px;
  background-origin: content-box;
}

.tooltip__area {
  position: relative;
  right: 0;
}

.tooltip__group {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  width: 260px;
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.tooltip__group ul > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 28px;
  position: relative;
  padding-left: 12px;
  letter-spacing: -0.64px;
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #707070;
  line-height: 20px;
}
.tooltip__group ul > li + li {
  margin-top: 8px;
}
.tooltip__group ul > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
  top: 8px;
}
.tooltip__group ul > li + li {
  margin-top: 6px;
}
.tooltip__group ul > li p:first-of-type {
  font-weight: 500;
  margin-right: 8px;
}

@media (max-width: 767px) {
  .tooltip__group {
    top: 20px;
    width: calc(100vw - 30px);
    padding: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tooltip__group {
    top: 20px;
    width: calc(100vw - 30px);
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .tooltip__group ul > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    letter-spacing: -0.56px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tooltip__group ul > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .tooltip__group ul > li {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tooltip__group ul > li {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .tooltip__group ul > li + li {
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tooltip__group ul > li + li {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .tooltip__group ul > li p:first-of-type {
    margin: 0 0 6px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tooltip__group ul > li p:first-of-type {
    margin: 0 0 6px;
  }
}
.tooltip__button {
  display: flex;
  align-items: center;
}
.tooltip__button .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 24px;
  margin-right: 6px;
  letter-spacing: -0.64px;
}
.tooltip__button .ico {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_question_mark_off.svg") no-repeat center/contain;
  display: block;
}
.tooltip__button.is-open .ico {
  background-image: url("../../img/ico/ico_question_mark_on.svg");
}
.tooltip__button.is-open + .tooltip__group {
  display: block;
}

@media (max-width: 767px) {
  .tooltip__button .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .tooltip__button .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
}
.ckbox_tosaz {
  -webkit-appearance: checkbox;
  margin-top: 5px;
  margin-left: 5px;
  height: 18px;
  width: 18px;
}

.myComplete__chk > .acobtn-deletebtn > li button {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.myComplete__chk > .acobtn-deletebtn > li:not(:last-of-type)::after {
  display: inline-flex;
  width: 1px;
  height: 12px;
  content: "";
  background: #ccc;
  margin: 4px 8px;
}

[class^=btn-][class*=dwld] {
  height: 24px;
  background: transparent no-repeat center/contain;
  background-image: url("../../img/ico/ico_save.svg");
  background-position: left 4px;
  background-size: 14px 18px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #707070;
  line-height: 24px;
  padding-left: 15px;
}

.aco__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
  padding: 0 10px;
  background-origin: content-box;
  text-align: left;
}
.aco__button .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .aco__button .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .aco__button .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.aco__button .ico {
  width: 16px;
  height: 8px;
  background: url("../../img/ico/ico_arrow_up_ccc.svg") no-repeat center/contain;
  transform: rotate(540deg);
  transition: 0.5s;
}
.is-clicked .aco__button .ico {
  transform: rotate(0deg);
}
.aco__conts {
  height: 0;
  overflow: hidden;
}
.is-clicked .aco__conts {
  height: auto;
}
.is-clicked .aco__conts .drawer-menu__cate__conts {
  animation: acoMove 0.3s linear;
}

@media (min-width: 768px) {
  .fixied__aco__section {
    display: none;
  }
}
@media (max-width: 767px) {
  .fixied__aco__section {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .fixied__aco__section {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
}
.fixied__aco__accordion .acobtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  background: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1);
}
.fixied__aco__accordion .acobtn .ico {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_up_ccc.svg") no-repeat center/contain;
}
.fixied__aco__accordion .panel {
  max-height: 0;
  background: #fff;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.fixied__aco__accordion .is-active .acobtn .ico {
  transform: rotate(180deg);
}
.fixied__aco__accordion.--type01 .panel-conts {
  padding: 0 20px 24px;
}
.fixied__aco__accordion.--type01 .panel-conts .title {
  display: -webkit-box;
  max-height: 52px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #222;
  line-height: 26px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.fixied__aco__accordion.--type01 .panel-conts .desc {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 12px;
}
.fixied__aco__accordion.--type01 .panel-conts .price {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}
.fixied__aco__accordion.--type01 .panel-conts .price-name {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  margin-right: 6px;
}
.fixied__aco__accordion.--type01 .panel-conts .price .price__detail__group .num {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
}
.fixied__aco__accordion.--type01 .panel-conts .price .price__detail__group .won {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
}
.fixied__aco__accordion.--type02 .panel-conts .title {
  display: -webkit-box;
  max-height: 52px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #222;
  line-height: 26px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.fixied__aco__accordion.--type02 .panel-conts .desc {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 12px;
}
.fixied__aco__accordion.--type02 .panel-conts .price {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}
.fixied__aco__accordion.--type02 .panel-conts .price-name {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  margin-right: 6px;
}
.fixied__aco__accordion.--type02 .panel-conts .price .price__detail__group .num {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
}
.fixied__aco__accordion.--type02 .panel-conts .price .price__detail__group .won {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
}
.fixied__aco__accordion.--type03 .ckboxbtn .label__ckbox__group label {
  display: none;
  width: 100%;
  padding: 16px 15px 0;
  background: #fff;
}
.fixied__aco__accordion.--type03 .ckboxbtn .label__ckbox__group label:first-of-type {
  border-top: 1px solid #e0e0e0;
}
.fixied__aco__accordion.--type03 .ckboxbtn .label__ckbox__group label:last-of-type {
  padding-bottom: 24px;
}
.fixied__aco__accordion.--type03 .ckboxbtn .label__ckbox__group label .ico {
  margin-top: 3px;
  margin-right: 8px;
}
.fixied__aco__accordion.--type03 .ckboxbtn .label__ckbox__group label .txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 26px;
}
.fixied__aco__accordion.--type03 .ckboxbtn .label__ckbox__group label + button {
  width: 100%;
  height: 60px;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 0;
}
.fixied__aco__accordion.--type03 .is-active .ckboxbtn .label__ckbox__group label {
  display: flex;
}
.fixied__aco__btns {
  display: flex;
}
.fixied__aco__btns button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 60px;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  background: #f5f5f5;
}
.fixied__aco__btns button:last-of-type, .fixied__aco__btns button:only-of-type {
  background: #4063ec;
  color: #fff;
}
.fixied__aco__btns button:only-of-type {
  width: 100%;
}
.fixied__aco__datalist .select-title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding: 0 20px 16px;
}
.fixied__aco__datalist .select-list {
  max-height: 170px;
  padding-left: 20px;
  overflow-y: auto;
}
.fixied__aco__datalist .select-list li {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 12px;
}
.fixied__aco__datalist .select-list li .bbsIco,
.fixied__aco__datalist .select-list li .select-name {
  flex-shrink: 0;
}
.fixied__aco__datalist .select-list[data-scrollbar].sticky .scrollbar-track {
  right: 6px;
  width: 3px;
  background: rgba(0, 0, 0, 0);
}
.fixied__aco__datalist .select-list[data-scrollbar] .scrollbar-thumb {
  width: 3px;
  background: #d7dae6;
}
.fixied__aco__datalist .select-name {
  display: -webkit-box;
  max-height: 40px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  width: 68vw;
  margin-left: 10px;
}
.fixied__aco__datalist .select-delete {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("../../img/ico/ico_close_ccc_mo.svg") no-repeat center/contain;
  right: 20px;
  margin-top: -6px;
}
.fixied__aco__datalist .select-delete span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.fixied__aco__price .list > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.fixied__aco__price .list > li p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.fixied__aco__price .list > li + li {
  margin-top: 10px;
}
.fixied__aco__price .total {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.fixied__aco__price .total .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  padding-bottom: 2px;
}
.fixied__aco__price .total .price__detail__group .num {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
}
.fixied__aco__price .total .price__detail__group .won {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 4px;
  padding: 0;
  line-height: 22px;
}
.fixied__aco__accordion.--type02 .fixied__aco__price {
  border-top: 1px solid #e0e0e0;
  padding: 14px 20px 20px;
}
.fixied__aco__accordion.--type02 .fixied__aco__price .total {
  margin-top: 14px;
}
.fixied__aco__accordion.--type03 .fixied__aco__price {
  padding: 0 20px 16px;
}
.fixied__aco__accordion.--type03 .fixied__aco__price .total {
  margin-top: 16px;
}

@media (max-width: 767px) {
  .board__section {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__section {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
.board__list__title__group {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #1f2437;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .board__list__title__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__title__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.board__list__title__group.--bd-none {
  border-bottom: 0;
}
.board__list__title__group.--bd-none + .board__list__area .board__list__group.--type-list-none {
  border-top: 1px solid #1f2437;
}
.board__list__title__group .title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 41px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .board__list__title__group .title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__title__group .title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}
.board__list__title__group .total {
  padding: 0 0 4px 10px;
}
.board__list__title__group .total span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 1;
  letter-spacing: -0.06em;
}
.board__list__title__group .total span.point {
  font-weight: 700;
  color: #4063ec;
}
@media (max-width: 767px) {
  .board__list__title__group .total {
    padding-left: 6px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__title__group .total {
    padding-left: 6px;
  }
}
.board__list__area.is-list-none {
  display: none !important;
}
.board__list__group > li {
  border-bottom: 1px solid #e0e0e0;
  padding: 30px;
}
@media (max-width: 767px) {
  .board__list__group > li {
    padding: 24px 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__group > li {
    padding: 24px 15px;
  }
}
.board__list__group:not(.--type-list-none):not(.--type-list-fix) > li:last-of-type {
  border-bottom: 0;
}
.board__list__group.--type-list-none > li {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .board__list__group.--type-list-none > li {
    padding: 48px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__group.--type-list-none > li {
    padding: 48px 0;
  }
}
.board__list__group.--type-list-none .list-none-txt {
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
  flex-direction: column;
}
.board__list__group.--type-list-none .list-none-txt::before {
  width: 110px;
  height: 110px;
  background: url("../../img/ico/ico_board_nolist.svg") no-repeat center/contain;
  content: "";
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .board__list__group.--type-list-none .list-none-txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
  .board__list__group.--type-list-none .list-none-txt::before {
    margin-bottom: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__group.--type-list-none .list-none-txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
  .board__list__group.--type-list-none .list-none-txt::before {
    margin-bottom: 20px;
  }
}
.board__list__group.--type-list-fix > li {
  background: #f5f5f5;
}
.board__list__group.--type2 > li {
  padding-right: 0;
}
.board__list__post__group {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.board__list__post__group.--type1 > li:first-of-type {
  width: calc(100% - 156px);
}
.board__list__post__group.--type1 > li:last-of-type {
  width: 156px;
}
.board__list__post__group.--type2 > li:first-of-type {
  width: calc(100% - 152px);
}
.board__list__post__group.--type2 > li:last-of-type {
  width: 152px;
}
.board__list__post__group.--type3 > li:first-of-type {
  width: calc(100% - 186px);
}
.board__list__post__group.--type3 > li:last-of-type {
  justify-content: flex-start !important;
  width: 186px;
  padding-left: 40px;
}
.board__list__post__group.--type3 > li:last-of-type > p {
  font-weight: 400;
}
.board__list__post__group.--type3 > li:last-of-type > p.bold {
  font-weight: 500;
}
@media (max-width: 767px) {
  .board__list__post__group.--type3 > li:last-of-type {
    padding: 16px 0 0 !important;
  }
  .board__list__post__group.--type3 > li:last-of-type p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .board__list__post__group.--type3 > li:last-of-type p.bold {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__post__group.--type3 > li:last-of-type {
    padding: 16px 0 0 !important;
  }
  .board__list__post__group.--type3 > li:last-of-type p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .board__list__post__group.--type3 > li:last-of-type p.bold {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.board__list__post__group.--type3 > li .board__list__post__title + .board__list__post__info {
  margin-top: 10px;
}
.board__list__post__group.--type4 > li:first-of-type {
  width: calc(100% - 220px);
}
.board__list__post__group.--type4 > li:last-of-type {
  width: 220px;
}
.board__list__post__group.--type4 > li:last-of-type > p.state1 {
  color: #1ccdcc;
}
.board__list__post__group.--type4 > li:last-of-type > p.state3 {
  color: #ee1a1a;
}
@media (max-width: 767px) {
  .board__list__post__group.--type4 > li:last-of-type {
    padding: 24px 0 0 !important;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__post__group.--type4 > li:last-of-type {
    padding: 24px 0 0 !important;
  }
}
@media (max-width: 767px) {
  .board__list__post__group.--type4 > li .board__list__post__title > li:only-of-type {
    margin-bottom: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__post__group.--type4 > li .board__list__post__title > li:only-of-type {
    margin-bottom: 0;
  }
}
.board__list__post__group.--type4 > li .board__list__post__title + .board__list__post__info {
  align-items: flex-start;
  flex-direction: column;
  margin-top: 12px;
}
.board__list__post__group.--type4 > li .board__list__post__title + .board__list__post__info > li + li {
  margin-top: 6px;
}
.board__list__post__group.--type4 > li .board__list__post__title + .board__list__post__info > li:not(:last-of-type)::after {
  display: none;
}
.board__list__post__group.--type1 > li:last-of-type, .board__list__post__group.--type2 > li:last-of-type, .board__list__post__group.--type3 > li:last-of-type, .board__list__post__group.--type4 > li:last-of-type {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.board__list__post__group.--type1 > li > p, .board__list__post__group.--type2 > li > p, .board__list__post__group.--type3 > li > p, .board__list__post__group.--type4 > li > p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.board__list__post__group.--type1 > li > p.point, .board__list__post__group.--type2 > li > p.point, .board__list__post__group.--type3 > li > p.point, .board__list__post__group.--type4 > li > p.point {
  color: #4063ec;
}
@media (max-width: 767px) {
  .board__list__post__group.--type1, .board__list__post__group.--type2, .board__list__post__group.--type3, .board__list__post__group.--type4 {
    align-items: flex-start;
    flex-direction: column;
    padding-right: 15px;
  }
  .board__list__post__group.--type1 > li:first-of-type, .board__list__post__group.--type1 > li:last-of-type, .board__list__post__group.--type2 > li:first-of-type, .board__list__post__group.--type2 > li:last-of-type, .board__list__post__group.--type3 > li:first-of-type, .board__list__post__group.--type3 > li:last-of-type, .board__list__post__group.--type4 > li:first-of-type, .board__list__post__group.--type4 > li:last-of-type {
    width: 100%;
  }
  .board__list__post__group.--type1 > li:last-of-type, .board__list__post__group.--type2 > li:last-of-type, .board__list__post__group.--type3 > li:last-of-type, .board__list__post__group.--type4 > li:last-of-type {
    justify-content: flex-start;
    padding-top: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__post__group.--type1, .board__list__post__group.--type2, .board__list__post__group.--type3, .board__list__post__group.--type4 {
    align-items: flex-start;
    flex-direction: column;
    padding-right: 15px;
  }
  .board__list__post__group.--type1 > li:first-of-type, .board__list__post__group.--type1 > li:last-of-type, .board__list__post__group.--type2 > li:first-of-type, .board__list__post__group.--type2 > li:last-of-type, .board__list__post__group.--type3 > li:first-of-type, .board__list__post__group.--type3 > li:last-of-type, .board__list__post__group.--type4 > li:first-of-type, .board__list__post__group.--type4 > li:last-of-type {
    width: 100%;
  }
  .board__list__post__group.--type1 > li:last-of-type, .board__list__post__group.--type2 > li:last-of-type, .board__list__post__group.--type3 > li:last-of-type, .board__list__post__group.--type4 > li:last-of-type {
    justify-content: flex-start;
    padding-top: 24px;
  }
}
.board__list__post__title {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .board__list__post__title {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__post__title {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
  }
}
.board__list__post__title > li {
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
}
.board__list__post__title > li:first-of-type {
  flex-shrink: 0;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .board__list__post__title > li:first-of-type {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__post__title > li:first-of-type {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.board__list__post__title .title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .board__list__post__title .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__post__title .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.board__list__post__title + .board__list__post__info {
  margin-top: 14px;
}
.board__list__post__conts {
  display: -webkit-box;
  max-height: 56px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #707070;
  line-height: 28px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  margin: 10px 0 20px;
}
@media (max-width: 767px) {
  .board__list__post__conts {
    font-size: 14px;
    font-size: 1.4rem;
    max-height: 52px;
    margin: 10px 0 16px;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__post__conts {
    font-size: 14px;
    font-size: 1.4rem;
    max-height: 52px;
    margin: 10px 0 16px;
    line-height: 26px;
  }
}
.board__list__post__info {
  display: flex;
  align-items: center;
}
.board__list__post__info > li {
  display: flex;
}
.board__list__post__info > li:not(:last-of-type)::after {
  width: 1px;
  height: 12px;
  content: "";
  margin: 5px 8px 0;
  background: #ccc;
}
.board__list__post__info > li p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.board__list__post__info > li p:not(:only-of-type):first-of-type {
  color: #707070;
}
.board__list__post__info > li p + p {
  margin-left: 6px;
}
.board__list__post__info figure {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_download_grey.svg") no-repeat center/contain;
}
.board__list__post__info figure figcaption {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
@media (max-width: 767px) {
  .board__list__more__group {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__more__group {
    padding: 0 15px;
  }
}
.board__list__btns__group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.board__list__btns__group button + a, .board__list__btns__group button + button,
.board__list__btns__group a + a,
.board__list__btns__group a + button {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .board__list__btns__group {
    padding: 0 15px;
  }
  .board__list__btns__group a,
  .board__list__btns__group button {
    height: 52px;
  }
  .board__list__btns__group a:only-child,
  .board__list__btns__group button:only-child {
    width: 100%;
  }
  .board__list__btns__group a:not(:only-child),
  .board__list__btns__group button:not(:only-child) {
    width: calc((100% - 10px) / 2);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__btns__group {
    padding: 0 15px;
  }
  .board__list__btns__group a,
  .board__list__btns__group button {
    height: 52px;
  }
  .board__list__btns__group a:only-child,
  .board__list__btns__group button:only-child {
    width: 100%;
  }
  .board__list__btns__group a:not(:only-child),
  .board__list__btns__group button:not(:only-child) {
    width: calc((100% - 10px) / 2);
  }
}
.board__list__thumb__section {
  padding-bottom: 60px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .board__list__thumb__section {
    padding: 0 15px 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__thumb__section {
    padding: 0 15px 40px;
  }
}
.board__list__thumb__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -30px;
}
@media (max-width: 767px) {
  .board__list__thumb__group {
    margin: -20px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__thumb__group {
    margin: -20px 0;
  }
}
.board__list__thumb__group.--type-col3 > li {
  flex-shrink: 0;
  width: calc((100% - 180px) / 3);
  margin: 30px;
}
@media (max-width: 767px) {
  .board__list__thumb__group.--type-col3 > li {
    width: 100%;
    margin: 20px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__thumb__group.--type-col3 > li {
    width: 100%;
    margin: 20px 0;
  }
}
.board__list__thumb__item .thumb {
  width: 100%;
  height: 200px;
  background: #f0f0f0 no-repeat center/cover;
  border-radius: 15px 15px 10px 10px;
}
.board__list__thumb__item .thumb figcaption {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
@media (max-width: 767px) {
  .board__list__thumb__item .thumb {
    height: 0;
    padding-bottom: 66.67%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__thumb__item .thumb {
    height: 0;
    padding-bottom: 66.67%;
  }
}
.board__list__thumb__item .title {
  display: -webkit-box;
  max-height: 64px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 32px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  height: 64px;
  margin: 20px 0 16px;
}
@media (max-width: 767px) {
  .board__list__thumb__item .title {
    font-size: 18px;
    font-size: 1.8rem;
    height: auto;
    max-height: 60px;
    margin-bottom: 10px;
    line-height: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__list__thumb__item .title {
    font-size: 18px;
    font-size: 1.8rem;
    height: auto;
    max-height: 60px;
    margin-bottom: 10px;
    line-height: 30px;
  }
}
.board__list__thumb__item .info > li {
  display: flex;
  align-items: center;
}
.board__list__thumb__item .info > li p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.board__list__thumb__item .info > li p:last-of-type {
  margin-left: 6px;
  color: #222;
}
.board__list__thumb__item .info > li + li {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .--type-info2 .board__list__thumb__item .info {
    display: flex;
  }
  .--type-info2 .board__list__thumb__item .info > li:not(:last-of-type)::after {
    width: 1px;
    height: 12px;
    content: "";
    background: #ccc;
    margin: 4px 8px;
  }
  .--type-info2 .board__list__thumb__item .info > li + li {
    margin-top: 0;
  }
}
.board__qna__group > li:not(:only-of-type):not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
  .board__qna__item {
    display: flex;
    align-items: center;
    height: 90px;
  }
  .board__qna__item .cate {
    flex-shrink: 0;
    width: 19.05%;
    max-width: 240px;
    padding-left: 30px;
  }
  .board__qna__item .title {
    max-width: calc(100% - 240px);
  }
}
@media (max-width: 767px) {
  .board__qna__item {
    padding: 24px 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__qna__item {
    padding: 24px 15px;
  }
}
.board__qna__item .cate {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .board__qna__item .cate {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 12px;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__qna__item .cate {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 12px;
    line-height: 20px;
  }
}
.board__qna__item .title {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.board__qna__item .title .ico {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  font-style: normal;
  color: #4063ec;
  line-height: 30px;
  letter-spacing: -0.06em;
  flex-shrink: 0;
  margin-right: 10px;
}
.board__qna__item .title .txt {
  display: -webkit-box;
  max-height: 30px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.03em;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 767px) {
  .board__qna__item .title {
    align-items: flex-start;
  }
  .board__qna__item .title .ico {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 2px;
    line-height: 22px;
  }
  .board__qna__item .title .txt {
    font-size: 16px;
    font-size: 1.6rem;
    max-height: 54px;
    line-height: 27px;
    -webkit-line-clamp: 2;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__qna__item .title {
    align-items: flex-start;
  }
  .board__qna__item .title .ico {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 2px;
    line-height: 22px;
  }
  .board__qna__item .title .txt {
    font-size: 16px;
    font-size: 1.6rem;
    max-height: 54px;
    line-height: 27px;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 767px) {
  .board__detail__section {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__section {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
.board__detail__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 42px;
  letter-spacing: -0.06em;
  margin: 10px 0 14px;
  padding: 0 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .board__detail__title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 12px;
    padding: 0;
    line-height: 32px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 12px;
    padding: 0;
    line-height: 32px;
  }
}
.board__detail__title__group {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  flex-direction: column;
  margin-bottom: 20px;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .board__detail__title__group {
    width: calc(100% - 30px);
    margin: 0 auto 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__title__group {
    width: calc(100% - 30px);
    margin: 0 auto 20px;
  }
}
.--type-qna .board__detail__title__group {
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .--type-qna .board__detail__title__group {
    margin-bottom: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .--type-qna .board__detail__title__group {
    margin-bottom: 20px;
  }
}
.board__detail__title__group.--type2 {
  margin-bottom: 0;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .board__detail__title__group.--type2.--video + .board__detail__area {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .board__detail__title__group.--type2 {
    padding-bottom: 40px;
  }
  .board__detail__title__group.--type2.--video {
    padding-bottom: 16px;
  }
  .board__detail__title__group.--type2.--video .board__detail__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__title__group.--type2 {
    padding-bottom: 40px;
  }
  .board__detail__title__group.--type2.--video {
    padding-bottom: 16px;
  }
  .board__detail__title__group.--type2.--video .board__detail__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}
.board__detail__title__group.--type2 .board__detail__title {
  margin: 0px;
}
@media (max-width: 767px) {
  .board__detail__title__group.--type2 .board__detail__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__title__group.--type2 .board__detail__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.board__detail__title__group.--type2 .board__detail__title + .board__list__post__info {
  margin-top: 8px;
}
.board__detail__title__group.--type2 .board__detail__title + .board__list__post__info + .board__detail__title__btns {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .board__detail__title__group.--type2 .board__detail__title + .board__list__post__info + .board__detail__title__btns {
    margin-top: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__title__group.--type2 .board__detail__title + .board__list__post__info + .board__detail__title__btns {
    margin-top: 24px;
  }
}
.board__detail__title__group.--type3 {
  margin-bottom: 0;
  padding-bottom: 40px;
  border: 0;
}
.board__detail__title__group.--type3 .board__detail__title {
  margin: 0px;
}
@media (max-width: 767px) {
  .board__detail__title__group.--type3 .board__detail__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__title__group.--type3 .board__detail__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.board__detail__title__group.--type3 .board__detail__title + .board__detail__title__btns {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .board__detail__title__group.--type3 .board__detail__title + .board__detail__title__btns {
    margin-top: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__title__group.--type3 .board__detail__title + .board__detail__title__btns {
    margin-top: 24px;
  }
}
.board__detail__title__group.--type4 {
  margin-bottom: 30px;
}
.board__detail__title__group.--type4 .board__detail__title {
  margin-bottom: 0;
}
.board__detail__title__group.--type4 + .board__detail__area {
  margin-top: 0;
}
.--type-qna .board__detail__title {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0;
}
.--type-qna .board__detail__title::before {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #4063ec;
  line-height: 34px;
  letter-spacing: -0.06em;
  content: "Q";
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .--type-qna .board__detail__title::before {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 12px;
    line-height: 29px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .--type-qna .board__detail__title::before {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 12px;
    line-height: 29px;
  }
}
.board__detail__title__btns [class^=btn_] {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 24px;
}
.board__detail__title__btns .alinkbutton span {
  padding-bottom: 3px;
}
.board__detail__title__btns .alinkbutton__group {
  align-items: flex-end;
}
.board__detail__title + .board__detail__title__btns {
  margin-top: 12px;
}
.board__detail__area {
  margin-top: -8px;
}
.--type-qna .board__detail__area {
  margin-top: -6px;
}
.board__detail__area.--type-editor {
  height: 400px;
  background: #f0f0f0;
  margin-top: 0;
}
.board__detail__area.--type-editor + .board__detail__attach__group {
  margin-top: 40px;
}
.board__detail__area .competition-detail-movie {
  display: flex;
  justify-content: center;
}
.board__detail__area .competition-detail-movie video {
  max-width: 100%;
}
.board__detail__contents {
  padding-bottom: 52px;
}
.board__detail__contents.--mb30 {
  padding-bottom: 0px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .board__detail__contents.--mb30 {
    margin-bottom: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__contents.--mb30 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .board__detail__contents {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__contents {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.board__detail__contents p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 26px;
  letter-spacing: -0.06em;
  padding: 8px 0;
}
@media (max-width: 767px) {
  .board__detail__contents p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__contents p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
  }
}
.--type-qna .board__detail__contents p {
  padding: 6px 0;
  line-height: 28px;
}
.board__detail__attach__group {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .board__detail__attach__group {
    padding: 20px 15px;
    background: #f5f5f5;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__attach__group {
    padding: 20px 15px;
    background: #f5f5f5;
  }
}
.board__detail__attach__group.--type2 {
  display: flex;
  padding: 24px 40px;
  background: #f5f5f5;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .board__detail__attach__group.--type2 {
    flex-direction: column;
    padding: 20px 15px;
    border-radius: 0;
  }
  .board__detail__attach__group.--type2 .board__detail__attach__title {
    margin: 0 !important;
  }
  .board__detail__attach__group.--type2 + .board__detail__answer__area {
    padding-top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__attach__group.--type2 {
    flex-direction: column;
    padding: 20px 15px;
    border-radius: 0;
  }
  .board__detail__attach__group.--type2 .board__detail__attach__title {
    margin: 0 !important;
  }
  .board__detail__attach__group.--type2 + .board__detail__answer__area {
    padding-top: 0;
  }
}
.board__detail__attach__group.--type3 {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .board__detail__attach__group.--type3 {
    width: calc(100% + 30px);
    margin: 30px -15px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__attach__group.--type3 {
    width: calc(100% + 30px);
    margin: 30px -15px 0;
  }
}
.board__detail__attach__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .board__detail__attach__title {
    margin-bottom: 0;
  }
  .board__detail__attach__title .downbutton__group {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__attach__title {
    margin-bottom: 0;
  }
  .board__detail__attach__title .downbutton__group {
    display: none;
  }
}
.board__detail__attach__title .title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .board__detail__attach__title .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__attach__title .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.board__detail__attach__group.--type2 .board__detail__attach__title {
  align-items: flex-start;
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  .board__detail__attach__group.--type2 .board__detail__attach__title {
    margin: 0 0 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__attach__group.--type2 .board__detail__attach__title {
    margin: 0 0 16px;
  }
}
.board__detail__attach__group.--type2 .board__detail__attach__title::after {
  width: 2px;
  height: 20px;
  content: "";
  margin: 4px 40px;
  background: #ccc;
}
@media (max-width: 767px) {
  .board__detail__attach__group.--type2 .board__detail__attach__title::after {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__attach__group.--type2 .board__detail__attach__title::after {
    display: none;
  }
}
@media (min-width: 768px) {
  .board__detail__attach__btns {
    padding: 24px 20px;
    background: #f5f5f5;
    border-radius: 10px;
  }
  .board__detail__attach__group.--type2 .board__detail__attach__btns {
    padding: 0;
    background: transparent;
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .board__detail__attach__btns {
    max-width: 100%;
    overflow: hidden;
  }
  .board__detail__attach__btns .downbutton {
    margin: 15px 0 0;
  }
  .board__detail__attach__btns .downbutton__group {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__attach__btns {
    max-width: 100%;
    overflow: hidden;
  }
  .board__detail__attach__btns .downbutton {
    margin: 15px 0 0;
  }
  .board__detail__attach__btns .downbutton__group {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }
}
.board__detail__video__group {
  height: 400px;
  background: #f0f0f0;
}
.board__detail__video__group + .board__detail__post__list {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .board__detail__video__group + .board__detail__post__list {
    margin-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__video__group + .board__detail__post__list {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .board__detail__area > .board__detail__video__group {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__area > .board__detail__video__group {
    margin-top: 8px;
  }
}
.board__detail__post__list {
  border-top: 1px solid #ccc;
}
.board__detail__post__list li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  height: 80px;
  padding: 0 40px;
  transition: background 0.5s;
}
.board__detail__post__list li span {
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  flex-shrink: 0;
  width: 120px;
}
.board__detail__post__list li span::before {
  width: 16px;
  height: 16px;
  background: url("../../img/ico/ico_up_707070.svg") no-repeat center/contain;
  content: "";
  display: block;
  margin-right: 8px;
}
.board__detail__post__list li span.next::before {
  transform: rotate(180deg);
}
.board__detail__post__list li a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 767px) {
  .board__detail__post__list li {
    padding: 0 15px;
  }
  .board__detail__post__list li span,
  .board__detail__post__list li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .board__detail__post__list li span {
    width: 105px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__post__list li {
    padding: 0 15px;
  }
  .board__detail__post__list li span,
  .board__detail__post__list li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .board__detail__post__list li span {
    width: 105px;
  }
}
@media (hover: hover) {
  .board__detail__post__list li:hover {
    background: #f5f5f5;
  }
  .board__detail__post__list li:hover a {
    color: #222;
  }
}
.board__detail__controls__btns {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .board__detail__controls__btns {
    padding-left: 15px;
    padding-right: 15px;
  }
  .board__detail__attach__group + .board__detail__controls__btns {
    margin-top: -5px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__controls__btns {
    padding-left: 15px;
    padding-right: 15px;
  }
  .board__detail__attach__group + .board__detail__controls__btns {
    margin-top: -5px;
  }
}
.board__detail__controls__btns button {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
}
@media (max-width: 767px) {
  .board__detail__controls__btns button {
    min-width: 72px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__controls__btns button {
    min-width: 72px;
  }
}
.board__detail__controls__btns button[class*=lineblue] {
  font-weight: 500;
}
@media (max-width: 767px) {
  .board__detail__controls__btns button[class*=lineblue] {
    font-weight: 400;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__controls__btns button[class*=lineblue] {
    font-weight: 400;
  }
}
.board__detail__controls__btns button + button {
  margin-left: 10px;
}
.board__detail__answer__area {
  padding-top: 20px;
}
.board__detail__answer__group {
  border-top: 1px solid #1f2437;
  display: flex;
  flex-wrap: wrap;
  background: #f2f3f8;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .board__detail__answer__group {
    padding: 24px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__answer__group {
    padding: 24px 0;
  }
}
.board__detail__answer__group.--type2 {
  padding-top: 10px;
  padding-left: 40px;
  border-top: 0px;
}
@media (max-width: 767px) {
  .board__detail__answer__group.--type2 {
    padding-top: 5px;
    padding-left: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__answer__group.--type2 {
    padding-top: 5px;
    padding-left: 24px;
  }
}
.board__detail__answer__group dt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
  display: flex;
  flex-shrink: 0;
  width: 160px;
  padding-left: 40px;
}
.board__detail__answer__group dt::before {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_answer_blue.svg") no-repeat center/contain;
  content: "";
  margin: 3px 6px 0 0;
}
@media (max-width: 767px) {
  .board__detail__answer__group dt {
    font-size: 16px;
    font-size: 1.6rem;
    width: 90px;
    padding-left: 15px;
    line-height: 24px;
  }
  .board__detail__answer__group dt::before {
    margin-top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__answer__group dt {
    font-size: 16px;
    font-size: 1.6rem;
    width: 90px;
    padding-left: 15px;
    line-height: 24px;
  }
  .board__detail__answer__group dt::before {
    margin-top: 0;
  }
}
.board__detail__answer__group dd {
  width: calc(100% - 160px);
  padding-right: 56px;
}
@media (max-width: 767px) {
  .board__detail__answer__group dd {
    width: calc(100% - 90px);
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__answer__group dd {
    width: calc(100% - 90px);
    padding-right: 15px;
  }
}
.board__detail__answer__group dd.file {
  width: 100%;
  padding: 20px 0 0 0;
}
@media (max-width: 767px) {
  .board__detail__answer__group dd.file {
    padding: 10px 0 0 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__answer__group dd.file {
    padding: 10px 0 0 0;
  }
}
.board__detail__answer__conts {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .board__detail__answer__conts {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__answer__conts {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.board__detail__answer__author {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .board__detail__answer__author {
    margin-top: 18px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__answer__author {
    margin-top: 18px;
  }
}
.board__detail__answer__author > span {
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.board__detail__btns__group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.board__detail__btns__group.--mt30 {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .board__detail__btns__group.--mt30 {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__btns__group.--mt30 {
    margin-top: 8px;
  }
}
.board__detail__btns__group a:not(:first-child),
.board__detail__btns__group button:not(:first-child) {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .board__detail__btns__group a:only-child,
  .board__detail__btns__group button:only-child {
    width: 140px;
    height: 52px;
  }
  .board__detail__btns__group a:not(:only-child),
  .board__detail__btns__group button:not(:only-child) {
    width: calc((100% - 10px) / 2);
    height: 52px;
  }
  .board__detail__btns__group a:not(:first-child),
  .board__detail__btns__group button:not(:first-child) {
    margin-left: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__btns__group a:only-child,
  .board__detail__btns__group button:only-child {
    width: 140px;
    height: 52px;
  }
  .board__detail__btns__group a:not(:only-child),
  .board__detail__btns__group button:not(:only-child) {
    width: calc((100% - 10px) / 2);
    height: 52px;
  }
  .board__detail__btns__group a:not(:first-child),
  .board__detail__btns__group button:not(:first-child) {
    margin-left: 10px;
  }
}
.board__detail__btns__group.--type1 {
  padding-left: 15px;
  padding-right: 15px;
}
.board__detail__participate__title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  flex-direction: column;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .board__detail__participate__title {
    width: calc(100% - 30px);
    margin-left: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__title {
    width: calc(100% - 30px);
    margin-left: 15px;
  }
}
.board__detail__participate__title .title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 44px;
  letter-spacing: -0.06em;
  max-width: 100%;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .board__detail__participate__title .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__title .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
  }
}
.board__detail__participate__title .alinkbutton {
  margin: 0;
}
.board__detail__participate__title .alinkbutton__group {
  margin: 12px 0 0;
}
.board__detail__participate__title + .board__detail__area {
  margin-top: 0;
}
@media (max-width: 767px) {
  .board__detail__participate__contents {
    width: calc(100% - 30px);
    margin: 0 15px;
  }
  .board__detail__participate__contents + .board__detail__attach__group.--type2 .board__detail__attach__title {
    margin-bottom: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__contents {
    width: calc(100% - 30px);
    margin: 0 15px;
  }
  .board__detail__participate__contents + .board__detail__attach__group.--type2 .board__detail__attach__title {
    margin-bottom: 0;
  }
}
.board__detail__participate__corp {
  display: flex;
  align-items: center;
  padding: 30px 20px 40px;
}
@media (max-width: 767px) {
  .board__detail__participate__corp {
    flex-direction: column;
    padding: 20px 0 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__corp {
    flex-direction: column;
    padding: 20px 0 40px;
  }
}
.board__detail__participate__corp .img {
  flex-shrink: 0;
  width: 16.67%;
  margin-right: 70px;
}
.board__detail__participate__corp .img figure {
  padding-bottom: 44.76%;
  background: no-repeat center/contain;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .board__detail__participate__corp .img {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 26.67vw;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__corp .img {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 26.67vw;
  }
}
.board__detail__participate__corp .bullet > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  position: relative;
  padding-left: 12px;
}
.board__detail__participate__corp .bullet > li .point {
  color: #1ccdcc;
}
@media (min-width: 768px) {
  .board__detail__participate__corp .bullet > li + li {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .board__detail__participate__corp .bullet > li + li {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__corp .bullet > li + li {
    margin-top: 8px;
  }
}
.board__detail__participate__corp .bullet > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .board__detail__participate__corp .bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__corp .bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .board__detail__participate__corp .bullet {
    align-self: flex-start;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__corp .bullet {
    align-self: flex-start;
  }
}
.board__detail__participate__info {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .board__detail__participate__info {
    margin-bottom: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__info {
    margin-bottom: 60px;
  }
}
.board__detail__participate__info .title {
  border-bottom: 1px solid #1f2437;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .board__detail__participate__info .title {
    font-size: 16px;
    font-size: 1.6rem;
    padding-bottom: 10px;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__participate__info .title {
    font-size: 16px;
    font-size: 1.6rem;
    padding-bottom: 10px;
    line-height: 24px;
  }
}
.board__detail__analysis__conts {
  border-top: 1px solid #1f2437;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .board__detail__analysis__conts {
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__analysis__conts {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .board__detail__dlTable__section {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dlTable__section {
    padding: 0 15px;
  }
}
.board__detail__dlTable__section + .board__detail__attach__group {
  margin-top: 40px;
}
.board__detail__dlTable__list > li + li {
  margin-top: 40px;
}
.board__detail__dlTable__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .board__detail__dlTable__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dlTable__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.board__detail__dlTable__title + .dlTable {
  margin-top: 20px;
  border-top: 1px solid #1f2437;
}
@media (max-width: 767px) {
  .board__detail__dlTable__title + .dlTable {
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dlTable__title + .dlTable {
    margin-top: 10px;
  }
}
.board__detail__dataset__title {
  padding: 0 20px;
  text-align: center;
}
.board__detail__dataset__title > .cate {
  display: flex;
  justify-content: center;
}
.board__detail__dataset__title > .cate .category > li.cate {
  justify-content: center;
}
.board__detail__dataset__title > .cate .category > li.cate span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
}
@media (max-width: 767px) {
  .board__detail__dataset__title > .cate .category > li.cate span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dataset__title > .cate .category > li.cate span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.board__detail__dataset__title > .title.--main {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 42px;
  letter-spacing: -0.06em;
  padding: 20px 0 8px;
}
@media (max-width: 767px) {
  .board__detail__dataset__title > .title.--main {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    padding-bottom: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dataset__title > .title.--main {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    padding-bottom: 10px;
  }
}
.board__detail__dataset__title > .title.--sub {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .board__detail__dataset__title > .title.--sub {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dataset__title > .title.--sub {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.board__detail__dataset__title > .desc {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .board__detail__dataset__title > .desc {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 16px;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dataset__title > .desc {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 16px;
    line-height: 26px;
  }
}
.board__detail__dataset__table {
  padding: 0 15px;
}
.board__detail__dataset__table > li {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .board__detail__dataset__table > li:not(:first-of-type) {
    margin-top: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dataset__table > li:not(:first-of-type) {
    margin-top: 24px;
  }
}
.board__detail__dataset__table > li .title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .board__detail__dataset__table > li .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dataset__table > li .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.board__detail__dataset__table > li .dlTable,
.board__detail__dataset__table > li .table {
  border-top: 1px solid #1f2437;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .board__detail__dataset__table > li .dlTable,
  .board__detail__dataset__table > li .table {
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dataset__table > li .dlTable,
  .board__detail__dataset__table > li .table {
    margin-top: 10px;
  }
}
.board__detail__dataset__table > li .table colgroup .col2 {
  width: "auto";
}
@media (min-width: 768px) {
  .board__detail__dataset__table > li .table colgroup .col1 {
    width: 70px;
  }
  .board__detail__dataset__table > li .table colgroup .col3 {
    width: 164px;
  }
}
@media (max-width: 767px) {
  .board__detail__dataset__table > li .table colgroup .col1 {
    width: 48px;
  }
  .board__detail__dataset__table > li .table colgroup .col3 {
    width: 133px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dataset__table > li .table colgroup .col1 {
    width: 48px;
  }
  .board__detail__dataset__table > li .table colgroup .col3 {
    width: 133px;
  }
}
.board__detail__dataset__table > li .table tbody th,
.board__detail__dataset__table > li .table tbody td {
  border-bottom: 1px solid #e0e0e0;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding: 20px 20px 20px 30px;
}
@media (max-width: 767px) {
  .board__detail__dataset__table > li .table tbody th,
  .board__detail__dataset__table > li .table tbody td {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 18px 20px;
    line-height: 26px;
  }
  .board__detail__dataset__table > li .table tbody th:last-child,
  .board__detail__dataset__table > li .table tbody td:last-child {
    padding-right: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__dataset__table > li .table tbody th,
  .board__detail__dataset__table > li .table tbody td {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 18px 20px;
    line-height: 26px;
  }
  .board__detail__dataset__table > li .table tbody th:last-child,
  .board__detail__dataset__table > li .table tbody td:last-child {
    padding-right: 0;
  }
}
.board__detail__dataset__table > li .table tbody th:not(:last-child),
.board__detail__dataset__table > li .table tbody td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
.board__detail__dataset__table > li .table tbody th:first-child,
.board__detail__dataset__table > li .table tbody td:first-child {
  text-align: center;
}
@media (max-width: 767px) {
  .board__write__section .form__button__group {
    margin-top: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__section .form__button__group {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .board__write__search__group .ipt__search {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__search__group .ipt__search {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.board__write__search__group .ipt__search__group {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .board__write__search__group .ipt__search__group {
    margin-right: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__search__group .ipt__search__group {
    margin-right: 8px;
  }
}
.board__write__search__group .ipt__search__button {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100px;
  font-weight: 400;
}
.board__write__search__group .ipt__search__button .mo-none {
  margin-right: 4px;
}
@media (max-width: 767px) {
  .board__write__search__group .ipt__search__button {
    width: 72px;
  }
  .board__write__search__group .ipt__search__button .mo-none {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__search__group .ipt__search__button {
    width: 72px;
  }
  .board__write__search__group .ipt__search__button .mo-none {
    display: none;
  }
}
.board__write__editor__group {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  background: #f5f5f5;
}
.board__write__editor__group::after {
  content: "에디터영역";
}
@media (min-width: 768px) {
  .board__write__rdo__group .ipt__rdo__group {
    width: 320px;
  }
}
@media (max-width: 767px) {
  .board__write__rdo__group .ipt__rdo__group {
    width: 240px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__rdo__group .ipt__rdo__group {
    width: 240px;
  }
}
.board__write__rdo__group .ipt__rdo__item:last-of-type {
  padding-left: 0;
}
@media (max-width: 767px) {
  .board__write__rdo__group .ipt__rdo__item:last-of-type {
    margin-left: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__rdo__group .ipt__rdo__item:last-of-type {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .board__write__rdo__group .ipt__rdo__item input + label .ico {
    margin: 0 8px 0 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__rdo__group .ipt__rdo__item input + label .ico {
    margin: 0 8px 0 0;
  }
}
.board__write__btns__group {
  display: flex;
}
.board__write__btns__group.--type1 {
  margin-top: 40px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .board__write__btns__group.--type1 > li.reset {
    margin: 0 20px 0 auto;
  }
}
@media (max-width: 767px) {
  .board__write__btns__group.--type1 > li:not(:last-of-type) {
    width: calc((100% - 10px) / 2);
  }
  .board__write__btns__group.--type1 > li.list {
    order: 2;
  }
  .board__write__btns__group.--type1 > li.reset {
    order: 1;
    margin-right: 10px;
  }
  .board__write__btns__group.--type1 > li.save {
    width: 100%;
    margin-top: 16px;
    order: 3;
  }
  .board__write__btns__group.--type1 > li button {
    width: 100%;
    height: 52px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__btns__group.--type1 > li:not(:last-of-type) {
    width: calc((100% - 10px) / 2);
  }
  .board__write__btns__group.--type1 > li.list {
    order: 2;
  }
  .board__write__btns__group.--type1 > li.reset {
    order: 1;
    margin-right: 10px;
  }
  .board__write__btns__group.--type1 > li.save {
    width: 100%;
    margin-top: 16px;
    order: 3;
  }
  .board__write__btns__group.--type1 > li button {
    width: 100%;
    height: 52px;
  }
}
.board__write__btns__group.--type2 {
  justify-content: space-between;
}
@media (max-width: 767px) {
  .board__write__btns__group.--type2 {
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__btns__group.--type2 {
    flex-direction: column;
  }
}
.board__write__btns__group.--type2 > li {
  display: flex;
  align-items: center;
}
.board__write__btns__group.--type2 > li button {
  height: 52px;
}
.board__write__btns__group.--type2 > li:first-of-type button + button {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .board__write__btns__group.--type2 > li:first-of-type {
    justify-content: flex-end;
  }
  .board__write__btns__group.--type2 > li:first-of-type button {
    font-size: 14px;
    font-size: 1.4rem;
    min-width: 72px;
    height: 48px;
  }
  .board__write__btns__group.--type2 > li:first-of-type button + button {
    margin-left: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__btns__group.--type2 > li:first-of-type {
    justify-content: flex-end;
  }
  .board__write__btns__group.--type2 > li:first-of-type button {
    font-size: 14px;
    font-size: 1.4rem;
    min-width: 72px;
    height: 48px;
  }
  .board__write__btns__group.--type2 > li:first-of-type button + button {
    margin-left: 8px;
  }
}
.board__write__btns__group.--type2 > li:last-of-type button + button {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .board__write__btns__group.--type2 > li:last-of-type {
    margin-top: 40px;
  }
  .board__write__btns__group.--type2 > li:last-of-type button {
    width: calc((100% - 10px) / 2);
  }
  .board__write__btns__group.--type2 > li:last-of-type button + button {
    margin-left: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__btns__group.--type2 > li:last-of-type {
    margin-top: 40px;
  }
  .board__write__btns__group.--type2 > li:last-of-type button {
    width: calc((100% - 10px) / 2);
  }
  .board__write__btns__group.--type2 > li:last-of-type button + button {
    margin-left: 10px;
  }
}
.board__detail__attach__group + .board__write__btns__group.--type2 {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .board__detail__attach__group + .board__write__btns__group.--type2 {
    padding-top: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__detail__attach__group + .board__write__btns__group.--type2 {
    padding-top: 15px;
  }
}
.board__write__btns__group.--type3 {
  justify-content: center;
}
@media (max-width: 767px) {
  .board__write__btns__group.--type3 a,
  .board__write__btns__group.--type3 button {
    width: calc((100% - 10px) / 2);
    height: 52px;
  }
  .board__write__btns__group.--type3 a:only-child,
  .board__write__btns__group.--type3 button:only-child {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__btns__group.--type3 a,
  .board__write__btns__group.--type3 button {
    width: calc((100% - 10px) / 2);
    height: 52px;
  }
  .board__write__btns__group.--type3 a:only-child,
  .board__write__btns__group.--type3 button:only-child {
    width: 100%;
  }
}
.board__write__btns__group.--type3 a:not(:only-child):not(:first-of-type),
.board__write__btns__group.--type3 button:not(:only-child):not(:first-of-type) {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .board__write__btns__group.--type3 a:not(:only-child):not(:first-of-type),
  .board__write__btns__group.--type3 button:not(:only-child):not(:first-of-type) {
    margin-left: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__btns__group.--type3 a:not(:only-child):not(:first-of-type),
  .board__write__btns__group.--type3 button:not(:only-child):not(:first-of-type) {
    margin-left: 10px;
  }
}
.board__write__btns__group.--type4 {
  display: flex;
}
@media (max-width: 767px) {
  .board__write__btns__group.--type4 {
    flex-wrap: wrap;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__btns__group.--type4 {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .board__write__btns__group.--type4 > button.n2 {
    margin-left: auto;
  }
  .board__write__btns__group.--type4 > button.n3 {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .board__write__btns__group.--type4 > button {
    height: 52px;
  }
  .board__write__btns__group.--type4 > button.n1 {
    width: calc((100% - 10px) / 2);
    order: 2;
  }
  .board__write__btns__group.--type4 > button.n2 {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    order: 1;
  }
  .board__write__btns__group.--type4 > button.n3 {
    width: 100%;
    margin-top: 10px;
    order: 3;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__btns__group.--type4 > button {
    height: 52px;
  }
  .board__write__btns__group.--type4 > button.n1 {
    width: calc((100% - 10px) / 2);
    order: 2;
  }
  .board__write__btns__group.--type4 > button.n2 {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    order: 1;
  }
  .board__write__btns__group.--type4 > button.n3 {
    width: 100%;
    margin-top: 10px;
    order: 3;
  }
}
.board__write__notice__group {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 40px;
  padding: 20px 0 40px;
}
.board__write__notice__group .bullet > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  position: relative;
  padding-left: 12px;
}
.board__write__notice__group .bullet > li .point {
  color: #1ccdcc;
}
@media (min-width: 768px) {
  .board__write__notice__group .bullet > li + li {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .board__write__notice__group .bullet > li + li {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__notice__group .bullet > li + li {
    margin-top: 8px;
  }
}
.board__write__notice__group .bullet > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .board__write__notice__group .bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__notice__group .bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.board__write__notice__group.--type2 {
  padding: 10px 0px 0px;
}
.board__write__notice__group.--type3 {
  padding: 10px 0px 0px;
  border: 0;
}
.board__write__dlTable__section {
  padding-top: 10px;
}
.board__write__dlTable__section .dlTable {
  border-top: 1px solid #1f2437;
}
.board__write__dlTable__section .dlTable dd {
  padding: 16px 20px;
}
.board__write__dlTable__section .dlTable dd div.conts {
  width: 100%;
}
@media (min-width: 768px) {
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:not(:last-of-type) {
    margin-right: 60px;
  }
}
@media (max-width: 767px) {
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:not(:last-of-type) {
    width: calc((100% - 8px) / 2);
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:not(:last-of-type):nth-of-type(even) {
    margin-left: 8px;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:last-of-type {
    width: 100%;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:last-of-type .checkbox-ipt {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:last-of-type .checkbox-ipt .ipt__text__group {
    width: 100%;
    margin: 8px 0 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:not(:last-of-type) {
    width: calc((100% - 8px) / 2);
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:not(:last-of-type):nth-of-type(even) {
    margin-left: 8px;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:last-of-type {
    width: 100%;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:last-of-type .checkbox-ipt {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .board__write__dlTable__section .dlTable dd div.conts .listbox__group > li:last-of-type .checkbox-ipt .ipt__text__group {
    width: 100%;
    margin: 8px 0 0;
  }
}
.board__write__dlTable__section .dlTable dd div.conts .ipt__ckbox + label .ico {
  margin-right: 6px;
}
@media (max-width: 767px) {
  .board__write__dlTable__section .dlTable dd div.conts .ipt__ckbox + label .ico {
    margin-right: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__dlTable__section .dlTable dd div.conts .ipt__ckbox + label .ico {
    margin-right: 8px;
  }
}
.board__write__dlTable__section .dlTable dd p.txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .board__write__dlTable__section .dlTable dd p.txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__write__dlTable__section .dlTable dd p.txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.board__accordion__item .acobtn {
  position: relative;
  width: 100%;
  padding: 24px 104px 24px 24px;
  text-align: left;
}
@media (max-width: 767px) {
  .board__accordion__item .acobtn {
    padding-right: 66px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__accordion__item .acobtn {
    padding-right: 66px;
  }
}
.board__accordion__item .acobtn .txt {
  display: -webkit-box;
  max-height: 30px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 767px) {
  .board__accordion__item .acobtn .txt {
    font-size: 16px;
    font-size: 1.6rem;
    max-height: 56px;
    line-height: 28px;
    -webkit-line-clamp: 2;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__accordion__item .acobtn .txt {
    font-size: 16px;
    font-size: 1.6rem;
    max-height: 56px;
    line-height: 28px;
    -webkit-line-clamp: 2;
  }
}
.board__accordion__item .acobtn .date {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.board__accordion__item .acobtn .date b {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.board__accordion__item .acobtn .date b:not(:only-of-type):first-of-type {
  padding-right: 6px;
  color: #707070;
}
@media (max-width: 767px) {
  .board__accordion__item .acobtn .date b:not(:only-of-type):first-of-type {
    padding-right: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__accordion__item .acobtn .date b:not(:only-of-type):first-of-type {
    padding-right: 8px;
  }
}
.board__accordion__item .acobtn .ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: url("../../img/ico/ico_aco_dw.svg") no-repeat center/contain;
  right: 34px;
}
@media (max-width: 767px) {
  .board__accordion__item .acobtn .ico {
    right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__accordion__item .acobtn .ico {
    right: 15px;
  }
}
.board__accordion__item.is-active .acobtn .ico {
  transform: translateY(-50%) rotate(180deg);
}
.board__accordion__item__conts {
  max-height: 0;
  background: #f5f5f5;
  box-shadow: inset 0 1px 0 0 #e0e0e0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.board__accordion__item:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.board__accordion__item:last-of-type.is-active {
  margin-bottom: 24px;
}
.board__accordion__item__panel {
  display: flex;
  padding: 30px;
}
@media (max-width: 767px) {
  .board__accordion__item__panel {
    padding: 20px 15px;
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__accordion__item__panel {
    padding: 20px 15px;
    flex-direction: column;
  }
}
.board__accordion__item__panel .ico {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
  display: flex;
  flex-shrink: 0;
  margin-right: 52px;
}
@media (max-width: 767px) {
  .board__accordion__item__panel .ico {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 10px;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__accordion__item__panel .ico {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 10px;
    line-height: 24px;
  }
}
.board__accordion__item__panel .ico::before {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_answer_blue.svg") no-repeat center/contain;
  content: "";
  margin: 3px 6px 0 0;
}
@media (max-width: 767px) {
  .board__accordion__item__panel .ico::before {
    margin: 1px 4px 0 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__accordion__item__panel .ico::before {
    margin: 1px 4px 0 0;
  }
}
.board__accordion__item__panel .answer {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .board__accordion__item__panel .answer {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 5px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__accordion__item__panel .answer {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 5px;
  }
}
.board__btns__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .board__btns__group {
    flex-direction: column-reverse;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__btns__group {
    flex-direction: column-reverse;
  }
}
.form__group + .board__btns__group {
  margin-top: 40px;
}
.board__btns__group > li {
  display: flex;
  align-items: center;
}
.board__btns__group > li button + button {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .board__btns__group > li {
    width: 100%;
  }
  .board__btns__group > li button:only-of-type {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__btns__group > li {
    width: 100%;
  }
  .board__btns__group > li button:only-of-type {
    width: 100%;
  }
}
.board__contest__title__group {
  padding-bottom: 46px;
}
@media (max-width: 767px) {
  .board__contest__title__group {
    padding: 0 15px 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__title__group {
    padding: 0 15px 20px;
  }
}
.board__contest__title__group .title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 42px;
  letter-spacing: -0.06em;
  text-align: center;
}
@media (max-width: 767px) {
  .board__contest__title__group .title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__title__group .title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .board__contest__conts__section {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__conts__section {
    padding: 0 15px;
  }
}
.board__contest__conts__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .board__contest__conts__group {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__conts__group {
    align-items: flex-start;
    flex-direction: column;
  }
}
.board__contest__conts__group > li {
  width: calc((100% - 20px) / 2);
  height: 428px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .board__contest__conts__group > li {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__conts__group > li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .board__contest__conts__group > li.thumb {
    height: 300px;
    margin-bottom: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__conts__group > li.thumb {
    height: 300px;
    margin-bottom: 40px;
  }
}
.board__contest__conts__group > li.thumb > figure {
  width: 100%;
  height: 100%;
  background: #cecece no-repeat center/cover;
  border-radius: 10px;
}
.board__contest__conts__group > li.info {
  border-top: 1px solid #1f2437;
}
.board__contest__conts__group > li.info table {
  vertical-align: middle;
}
.board__contest__conts__group > li.info table col.col1 {
  width: 140px;
}
@media (max-width: 767px) {
  .board__contest__conts__group > li.info table col.col1 {
    width: 120px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__conts__group > li.info table col.col1 {
    width: 120px;
  }
}
.board__contest__conts__group > li.info table col.col2 {
  width: "auto";
}
.board__contest__conts__group > li.info tbody th,
.board__contest__conts__group > li.info tbody td {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  height: 61px;
  padding: 0 20px;
  box-shadow: inset 0 -1px 0 0 #e0e0e0;
}
@media (max-width: 767px) {
  .board__contest__conts__group > li.info tbody th,
  .board__contest__conts__group > li.info tbody td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__conts__group > li.info tbody th,
  .board__contest__conts__group > li.info tbody td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.board__contest__conts__group > li.info tbody th {
  background: #f5f5f5;
  font-weight: 500;
}
@media (max-width: 767px) {
  .board__contest__conts__group > li.info {
    height: auto;
    border-top: 0;
  }
  .board__contest__conts__group > li.info::before {
    border-bottom: 1px solid #1f2437;
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    content: "상세내용";
    display: block;
    padding-bottom: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__conts__group > li.info {
    height: auto;
    border-top: 0;
  }
  .board__contest__conts__group > li.info::before {
    border-bottom: 1px solid #1f2437;
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 24px;
    letter-spacing: -0.06em;
    content: "상세내용";
    display: block;
    padding-bottom: 10px;
  }
}
.board__contest__conts__group + .board__detail__attach__group {
  margin: 60px 0 0;
}
@media (max-width: 767px) {
  .board__contest__conts__group + .board__detail__attach__group {
    margin-top: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .board__contest__conts__group + .board__detail__attach__group {
    margin-top: 40px;
  }
}
.board__pagination__group {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 24px;
}
.list__type1__section + .board__pagination__group {
  border-top: 1px solid #e0e0e0;
  margin-top: 0;
  padding-top: 24px;
}

.dlTable {
  display: flex;
  flex-wrap: wrap;
}
.dlTable dt,
.dlTable dd {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  min-height: 60px;
  padding: 18px 20px;
}
@media (max-width: 767px) {
  .dlTable dt,
  .dlTable dd {
    padding: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .dlTable dt,
  .dlTable dd {
    padding: 20px;
  }
}
.dlTable dt {
  width: 220px;
  background: #f5f5f5;
}
.dlTable dt p {
  font-weight: 500;
}
@media (max-width: 767px) {
  .dlTable dt {
    width: 120px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .dlTable dt {
    width: 120px;
  }
}
.dlTable dd.pd0 {
  padding: 0;
}
@media (min-width: 768px) {
  .dlTable dd.full {
    width: calc(100% - 220px);
  }
  .dlTable dd:not(.full) {
    width: calc((100% - 440px) / 2);
  }
}
@media (max-width: 767px) {
  .dlTable dd {
    width: calc(100% - 120px);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .dlTable dd {
    width: calc(100% - 120px);
  }
}
.dlTable dd .bullet > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  position: relative;
  padding-left: 12px;
}
.dlTable dd .bullet > li .point {
  color: #1ccdcc;
}
@media (min-width: 768px) {
  .dlTable dd .bullet > li + li {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .dlTable dd .bullet > li + li {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .dlTable dd .bullet > li + li {
    margin-top: 8px;
  }
}
.dlTable dd .bullet > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .dlTable dd .bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .dlTable dd .bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .dlTable dd .bullet > li::before {
    top: 11px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .dlTable dd .bullet > li::before {
    top: 11px;
  }
}
.dlTable dd .bullet > li + li {
  margin-top: 6px;
}
@media (max-width: 767px) {
  .dlTable dd .bullet > li + li {
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .dlTable dd .bullet > li + li {
    margin-top: 10px;
  }
}
.dlTable dd .rdo-bullet {
  width: 100%;
}
.dlTable dd .rdo-bullet > li {
  padding: 20px;
}
.dlTable dd .rdo-bullet > li:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.dlTable p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  max-width: 100%;
}
@media (max-width: 767px) {
  .dlTable p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .dlTable p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}

.ckboxTable {
  border-top: 1px solid #1f2437;
  position: relative;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .ckboxTable {
    margin-top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable {
    margin-top: 0;
  }
}
.ckboxTable thead {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ckboxTable.--type1 .col1 {
  width: 70px;
}
@media (max-width: 767px) {
  .ckboxTable.--type1 .col1 {
    width: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable.--type1 .col1 {
    width: 60px;
  }
}
.ckboxTable.--type1 .col2 {
  width: auto;
}
.ckboxTable__thead {
  display: flex;
}
.ckboxTable__thead > li {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  flex-shrink: 0;
  height: 60px;
  background: #f5f5f5;
}
.ckboxTable__thead > li.title {
  width: calc(100% - 70px);
}
@media (max-width: 767px) {
  .ckboxTable__thead > li.title {
    width: calc(100% - 60px);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable__thead > li.title {
    width: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  .ckboxTable__thead > li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable__thead > li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.ckboxTable__tbody {
  max-height: 320px;
  overflow: auto;
}
@media (max-width: 767px) {
  .ckboxTable__tbody {
    max-height: 300px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable__tbody {
    max-height: 300px;
  }
}
.ckboxTable__tbody th,
.ckboxTable__tbody td {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  min-height: 60px;
  padding: 20px;
  box-shadow: inset 0 -1px 0 0 #e0e0e0;
}
@media (max-width: 767px) {
  .ckboxTable__tbody th,
  .ckboxTable__tbody td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable__tbody th,
  .ckboxTable__tbody td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.ckboxTable__tbody .ipt__ckbox + label .ico {
  margin: 0 auto;
}
.ckboxTable::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 70px;
  background: #e0e0e0;
}
@media (max-width: 767px) {
  .ckboxTable::after {
    left: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable::after {
    left: 60px;
  }
}
.ckboxTable [data-scrollbar] .scrollbar-thumb {
  width: 6px;
  background: transparent;
}
@media (max-width: 767px) {
  .ckboxTable [data-scrollbar] .scrollbar-thumb {
    width: 3px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable [data-scrollbar] .scrollbar-thumb {
    width: 3px;
  }
}
.ckboxTable [data-scrollbar] .scrollbar-thumb::before {
  width: 100%;
  height: calc(100% - 12px);
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  background: #d7dae6;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .ckboxTable [data-scrollbar] .scrollbar-thumb::before {
    height: calc(100% - 6px);
    top: 3px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable [data-scrollbar] .scrollbar-thumb::before {
    height: calc(100% - 6px);
    top: 3px;
  }
}
.ckboxTable [data-scrollbar].sticky .scrollbar-track {
  background: transparent;
}
.ckboxTable [data-scrollbar].sticky .scrollbar-track-y {
  top: 0px;
  right: 8px;
  width: 6px;
}
@media (max-width: 767px) {
  .ckboxTable [data-scrollbar].sticky .scrollbar-track-y {
    right: 3px;
    width: 3px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ckboxTable [data-scrollbar].sticky .scrollbar-track-y {
    right: 3px;
    width: 3px;
  }
}

.defaultTable table {
  vertical-align: middle;
}
.defaultTable table .col1 {
  width: 220px;
}
@media (max-width: 767px) {
  .defaultTable table .col1 {
    width: 120px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .defaultTable table .col1 {
    width: 120px;
  }
}
.defaultTable table .col2 {
  width: auto;
}
.defaultTable table tbody th,
.defaultTable table tbody td {
  border-bottom: 1px solid #e0e0e0;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  min-height: 60px;
  padding: 18px 20px;
}
@media (max-width: 767px) {
  .defaultTable table tbody th,
  .defaultTable table tbody td {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .defaultTable table tbody th,
  .defaultTable table tbody td {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
    line-height: 20px;
  }
}
.defaultTable table tbody th {
  background: #f5f5f5;
  font-weight: 500;
}

.defaultTable2 {
  border-top: 1px solid #1f2437;
  overflow-x: auto;
}
.defaultTable2 table {
  min-width: 768px;
  text-align: center;
  vertical-align: middle;
}
.defaultTable2 table th,
.defaultTable2 table td {
  border-bottom: 1px solid #e0e0e0;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  min-height: 60px;
  padding: 18px 20px;
}
.defaultTable2 table th:not(:last-child),
.defaultTable2 table td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .defaultTable2 table th,
  .defaultTable2 table td {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .defaultTable2 table th,
  .defaultTable2 table td {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
    line-height: 20px;
  }
}
.defaultTable2 table thead th {
  background: #f5f5f5;
  font-weight: 500;
}
.defaultTable2 table tbody th .ipt__rdo__item,
.defaultTable2 table tbody td .ipt__rdo__item {
  justify-content: center;
}
.ipt__rdo__list__section.--type01 + .defaultTable2 {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .ipt__rdo__list__section.--type01 + .defaultTable2 {
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .ipt__rdo__list__section.--type01 + .defaultTable2 {
    margin-top: 16px;
  }
}

.rdoboxTable__list {
  position: relative;
  border-top: 1px solid #1f2437;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .rdoboxTable__list {
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .rdoboxTable__list {
    margin-top: 16px;
  }
}
.rdoboxTable__list::after {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 70px;
  background: #e0e0e0;
}
@media (max-width: 767px) {
  .rdoboxTable__list::after {
    left: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .rdoboxTable__list::after {
    left: 60px;
  }
}
.rdoboxTable__list .ipt__rdo__group {
  flex-direction: column;
}
.rdoboxTable__list .ipt__rdo__item {
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  padding: 20px 0 !important;
}
.rdoboxTable__list .ipt__rdo__item:nth-of-type(even), .rdoboxTable__list .ipt__rdo__item:nth-of-type(n + 3) {
  margin: 0;
}
.rdoboxTable__list .ipt__rdo__item input + label .ico {
  margin: 0 25px;
}
@media (max-width: 767px) {
  .rdoboxTable__list .ipt__rdo__item input + label .ico {
    margin: 0 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .rdoboxTable__list .ipt__rdo__item input + label .ico {
    margin: 0 20px;
  }
}
.rdoboxTable__list .ipt__rdo__item input + label .txt {
  padding-left: 20px;
}

.pagination__section {
  display: flex;
  max-width: 496px;
}
@media (max-width: 767px) {
  .pagination__section {
    max-width: 316px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .pagination__section {
    max-width: 316px;
  }
}
.pagination__controller {
  display: flex;
}
.pagination__controller a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.pagination__controller a span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.pagination__controller.--type-prev a, .pagination__controller.--type-next a {
  background: no-repeat center/contain;
}
.pagination__controller.--type-prev a:nth-of-type(1) {
  background-image: url("../../img/ico/ico_navi_prev01.svg");
}
.pagination__controller.--type-prev a:nth-of-type(2) {
  background-image: url("../../img/ico/ico_navi_prev02.svg");
}
.pagination__controller.--type-next a:nth-of-type(1) {
  background-image: url("../../img/ico/ico_navi_next02.svg");
}
.pagination__controller.--type-next a:nth-of-type(2) {
  background-image: url("../../img/ico/ico_navi_next01.svg");
}
.pagination__controller.--type-list {
  margin: 0 6px;
}
.pagination__controller.--type-list a {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #666;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.pagination__controller.--type-list a + a {
  margin-left: 4px;
}
.pagination__controller.--type-list a.is-active {
  background: #1ccdcc;
  border-radius: 4px;
  color: #fff;
}
@media (max-width: 767px) {
  .pagination__controller.--type-list a:nth-of-type(n + 6) {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .pagination__controller.--type-list a:nth-of-type(n + 6) {
    display: none;
  }
}

.progress__state__section {
  padding-top: 5px;
  overflow-x: auto;
}
.progress__state__group {
  display: flex;
}
@media (max-width: 767px) {
  .progress__state__group {
    padding: 7px 0 4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .progress__state__group {
    padding: 7px 0 4px;
  }
}
.progress__state__group > li {
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: column;
  flex-shrink: 0;
  width: 70px;
}
.progress__state__group > li::after {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: -5px;
  left: 25px;
  background: rgba(64, 99, 236, 0.1);
  border-radius: 50%;
}
.progress__state__group > li:first-of-type .line::before {
  display: none;
}
.progress__state__group > li:last-of-type .line::after {
  display: none;
}
.progress__state__group > li .line::before, .progress__state__group > li .line::after {
  width: 35px;
  height: 1px;
  content: "";
  position: absolute;
  top: 5px;
  background: #4063ec;
}
.progress__state__group > li .line::before {
  left: 0;
}
.progress__state__group > li .line::after {
  right: 0;
}
.progress__state__group > li .circle {
  width: 8px;
  height: 8px;
  position: relative;
  margin: 1px;
  background: rgb(64, 99, 236);
  background: linear-gradient(136deg, rgb(64, 99, 236) 0%, rgb(0, 44, 209) 100%);
  border-radius: 50%;
  z-index: 1;
}
.progress__state__group > li .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  color: #4063ec;
  line-height: 22px;
  letter-spacing: -0.06em;
  margin-top: 8px;
  letter-spacing: -0.6px;
  text-align: center;
}
@media (max-width: 767px) {
  .progress__state__group > li .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .progress__state__group > li .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
}
.progress__state__group > li.is-not-active::after {
  display: none;
}
.progress__state__group > li.is-not-active .line::before, .progress__state__group > li.is-not-active .line::after {
  background: #e0e0e0;
}
.progress__state__group > li.is-not-active .circle {
  width: 10px;
  height: 10px;
  margin: 0;
  background: #ccc;
}
.progress__state__group > li.is-not-active .txt {
  font-weight: 400;
  color: #707070;
}

.bdt1 {
  border-top: 1px solid #e0e0e0;
}

.pt40 {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .pt40 {
    padding-top: 10px;
  }
}

.pt20 {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .pt20 {
    padding-top: 5px;
  }
}

.mypage__order__list:not(.--type01):not(.--type02):not(.--type07) {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .mypage__order__list .dlTable dt {
    width: 17.02%;
    max-width: 160px;
  }
  .mypage__order__list .dlTable dd {
    width: 32.98%;
  }
}
@media (max-width: 767px) {
  .mypage__order__list .dlTable {
    border-top: 1px solid #e0e0e0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list .dlTable {
    border-top: 1px solid #e0e0e0;
  }
}
@media (max-width: 767px) {
  .mypage__order__list .dlTable-group {
    padding: 20px 15px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list .dlTable-group {
    padding: 20px 15px 0;
  }
}
.mypage__order__list .form__group {
  padding-bottom: 0;
  border: 0;
}
@media (max-width: 767px) {
  .mypage__order__list .form__group > li + li {
    margin-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list .form__group > li + li {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .mypage__order__list .form__group .ipt__rdo__btns__item {
    width: calc((100% - 30px) / 4);
    height: 50px;
  }
  .mypage__order__list .form__group .ipt__rdo__btns__item:nth-of-type(even) {
    margin-left: 0;
  }
  .mypage__order__list .form__group .ipt__rdo__btns__item:not(:first-of-type) {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .mypage__order__list .form__group .ipt__rdo__btns__item {
    height: 48px;
  }
  .mypage__order__list .form__group .ipt__rdo__btns__item:nth-of-type(n + 3) {
    margin-top: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list .form__group .ipt__rdo__btns__item {
    height: 48px;
  }
  .mypage__order__list .form__group .ipt__rdo__btns__item:nth-of-type(n + 3) {
    margin-top: 15px;
  }
}
.mypage__order__list .form__group .ipt__rdo__btns__item input + label .txt {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .mypage__order__list .form__group .ipt__rdo__btns__item input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list .form__group .ipt__rdo__btns__item input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.mypage__order__list .form__group .ipt__rdo__btns__item input:checked + label .txt {
  font-weight: 400;
}
@media (max-width: 767px) {
  .mypage__order__list .form__group .ipt__rdo__btns__item input:checked + label .txt {
    font-weight: 500;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list .form__group .ipt__rdo__btns__item input:checked + label .txt {
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .mypage__order__list.--type03, .mypage__order__list.--type05, .mypage__order__list.--type06 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type03, .mypage__order__list.--type05, .mypage__order__list.--type06 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mypage__order__list.--type04 {
  position: relative;
}
.mypage__order__list.--type04 .ipt__ckbox__group {
  position: absolute;
  top: -21px;
  right: 0;
  transform: translateY(-100%);
}
@media (max-width: 767px) {
  .mypage__order__list.--type04 .ipt__ckbox__group {
    right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type04 .ipt__ckbox__group {
    right: 15px;
  }
}
@media (max-width: 767px) {
  .mypage__order__list.--type04 .form__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type04 .form__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mypage__order__list.--type04 .form__group > li.col2 {
  display: flex;
}
@media (max-width: 767px) {
  .mypage__order__list.--type04 .form__group > li.col2 {
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type04 .form__group > li.col2 {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .mypage__order__list.--type04 .form__group > li.col2 > div {
    width: 50%;
  }
  .mypage__order__list.--type04 .form__group > li.col2 > div:nth-of-type(1) {
    padding-right: 20px;
  }
  .mypage__order__list.--type04 .form__group > li.col2 > div .ipt__text__group {
    max-width: 296px;
  }
}
@media (max-width: 767px) {
  .mypage__order__list.--type04 .form__group > li.col2 > div:not(:first-of-type) {
    margin-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type04 .form__group > li.col2 > div:not(:first-of-type) {
    margin-top: 20px;
  }
}
.mypage__order__list.--type04 .dlTable {
  border-top: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
  .mypage__order__list.--type04 .dlTable-group {
    margin-top: 40px;
  }
}
.mypage__order__list.--type06 .payment-list > li.full {
  width: 100%;
}
.mypage__order__list.--type06 .payment-list > li:not(.full) {
  display: flex;
}
.mypage__order__list.--type06 .payment-list > li:not(.full) .payment-txt {
  flex-shrink: 0;
  width: 160px;
}
@media (max-width: 767px) {
  .mypage__order__list.--type06 .payment-list > li:not(.full) .payment-txt {
    width: 80px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type06 .payment-list > li:not(.full) .payment-txt {
    width: 80px;
  }
}
@media (min-width: 768px) {
  .mypage__order__list.--type06 .payment-list > li:not(:first-of-type) > .payment-txt {
    padding-top: 6px;
  }
}
.mypage__order__list.--type06 .payment-list > li:not(:first-of-type) > .payment-txt + .ipt__rdobox__group {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .mypage__order__list.--type06 .payment-list > li:not(:first-of-type) > .payment-txt + .ipt__rdobox__group {
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type06 .payment-list > li:not(:first-of-type) > .payment-txt + .ipt__rdobox__group {
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .mypage__order__list.--type06 .payment-list > li:first-of-type {
    padding-top: 4px;
  }
}
.mypage__order__list.--type06 .payment-list > li + li {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .mypage__order__list.--type06 .payment-list > li + li {
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type06 .payment-list > li + li {
    margin-top: 16px;
  }
}
.mypage__order__list.--type06 .payment-list > li .bullet {
  margin-top: 10px;
}
.mypage__order__list.--type06 .payment-list > li .bullet > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  position: relative;
  padding-left: 12px;
}
.mypage__order__list.--type06 .payment-list > li .bullet > li .point {
  color: #1ccdcc;
}
@media (min-width: 768px) {
  .mypage__order__list.--type06 .payment-list > li .bullet > li + li {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .mypage__order__list.--type06 .payment-list > li .bullet > li + li {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type06 .payment-list > li .bullet > li + li {
    margin-top: 8px;
  }
}
.mypage__order__list.--type06 .payment-list > li .bullet > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .mypage__order__list.--type06 .payment-list > li .bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type06 .payment-list > li .bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.mypage__order__list.--type06 .payment-list > li .bullet > li {
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1100px) {
  .mypage__order__list.--type06 .payment-list > li .ipt__rdobox__group .ipt__rdobox__item {
    width: 100%;
  }
  .mypage__order__list.--type06 .payment-list > li .ipt__rdobox__group .ipt__rdobox__item:not(:first-of-type) {
    margin-top: 20px;
  }
}
.mypage__order__list.--type06 .payment-txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .mypage__order__list.--type06 .payment-txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type06 .payment-txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.mypage__order__list.--type06 .payment-select {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .mypage__order__list.--type06 .payment-select {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type06 .payment-select {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (min-width: 768px) {
  .mypage__order__list.--type07 {
    border-top: 1px solid #e0e0e0;
    margin-top: 60px;
    padding-top: 32px;
  }
  .mypage__order__list.--type07 .label__ckbox__group label input ~ .txt {
    height: 24px;
  }
  .mypage__order__list.--type07 .label__ckbox__group label + label {
    margin-top: 8px;
  }
  .mypage__order__list.--type07 .label__ckbox__group label + button {
    width: 260px;
    height: 56px;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 40px auto 0;
  }
}
@media (max-width: 767px) {
  .mypage__order__list.--type07 {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list.--type07 {
    display: none;
  }
}
.mypage__order__list__section {
  display: flex;
}
@media (max-width: 767px) {
  .mypage__order__list__section {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__section {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
.mypage__order__list__group {
  width: calc(100% - 320px);
  overflow: hidden;
}
@media (max-width: 767px) {
  .mypage__order__list__group .bullet__section {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__group .bullet__section {
    padding: 0 15px;
  }
}
.mypage__order__list__group .bullet__section + .board__list__title__group {
  margin-top: 48px;
  border-bottom: 0;
}
@media (max-width: 767px) {
  .mypage__order__list__group .bullet__section + .board__list__title__group {
    margin-top: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__group .bullet__section + .board__list__title__group {
    margin-top: 40px;
  }
}
.mypage__order__list__group .bullet__group > li .point {
  font-weight: 500;
  color: #4063ec;
}
@media (max-width: 767px) {
  .mypage__order__list__group {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__group {
    width: 100%;
  }
}
.mypage__order__list__acoGroup > li .acobtn {
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
  border-top: 1px solid #1f2437;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .mypage__order__list__acoGroup > li .acobtn {
    height: 76px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__acoGroup > li .acobtn {
    height: 76px;
  }
}
.mypage__order__list__acoGroup > li .acobtn > .board__list__title__group {
  padding: 0 0 0 30px;
  border-bottom: 0;
}
@media (max-width: 767px) {
  .mypage__order__list__acoGroup > li .acobtn > .board__list__title__group {
    padding-left: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__acoGroup > li .acobtn > .board__list__title__group {
    padding-left: 15px;
  }
}
.mypage__order__list__acoGroup > li .acobtn > .board__list__title__group .title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
}
@media (max-width: 767px) {
  .mypage__order__list__acoGroup > li .acobtn > .board__list__title__group .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__acoGroup > li .acobtn > .board__list__title__group .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
  }
}
.mypage__order__list__acoGroup > li .acobtn .ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_up_222.svg") no-repeat center/contain;
  right: 30px;
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 767px) {
  .mypage__order__list__acoGroup > li .acobtn .ico {
    right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__acoGroup > li .acobtn .ico {
    right: 15px;
  }
}
.mypage__order__list__acoGroup > li .acobtn-group {
  position: relative;
  width: 100%;
}
.mypage__order__list__acoGroup > li .acobtn-deletebtn {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: -14px;
  right: 0;
  transform: translateY(-100%);
}
@media (max-width: 767px) {
  .mypage__order__list__acoGroup > li .acobtn-deletebtn {
    top: -20px;
    right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__acoGroup > li .acobtn-deletebtn {
    top: -20px;
    right: 15px;
  }
}
.mypage__order__list__acoGroup > li .acobtn-deletebtn > li {
  display: flex;
  align-items: center;
}
.mypage__order__list__acoGroup > li .acobtn-deletebtn > li button {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.mypage__order__list__acoGroup > li .acobtn-deletebtn > li:not(:last-of-type)::after {
  width: 1px;
  height: 12px;
  content: "";
  background: #ccc;
  margin: 4px 8px;
}
.mypage__order__list__acoGroup > li.is-clicked .acobtn .ico {
  transform: translateY(-50%) rotate(0deg);
}
.mypage__order__list__acoGroup > li + li {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .mypage__order__list__acoGroup > li + li {
    margin-top: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__acoGroup > li + li {
    margin-top: 60px;
  }
}
.mypage__order__list__acoConts {
  display: none;
}
.is-clicked .mypage__order__list__acoConts {
  display: block;
}
.mypage__order__list__acoPanel .list__type3__item:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}
.mypage__order__list__title {
  border-bottom: 1px solid #1f2437;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 36px;
  letter-spacing: -0.06em;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .mypage__order__list__title {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__title {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
  }
}
.mypage__order__list__title ~ .mypage__order__list__title {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .mypage__order__list__title ~ .mypage__order__list__title {
    margin-top: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__list__title ~ .mypage__order__list__title {
    margin-top: 40px;
  }
}
.mypage__order__finish__section {
  max-width: 940px;
  margin: 0 auto;
}
.mypage__order__finish__title .ico {
  background: url("../../img/ico/ico_order_finish.svg") no-repeat top center/110px;
  padding-top: 140px;
}
.mypage__order__finish__title .txt {
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 44px;
  letter-spacing: -0.06em;
  flex-direction: column;
}
.mypage__order__finish__title .txt b {
  font-weight: 700;
}
@media (max-width: 767px) {
  .mypage__order__finish__title .txt {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
  .mypage__order__finish__title .txt b {
    margin-bottom: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__finish__title .txt {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
  .mypage__order__finish__title .txt b {
    margin-bottom: 0;
  }
}
.mypage__order__finish__table {
  border-top: 1px solid #1f2437;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .mypage__order__finish__table {
    margin-top: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__finish__table {
    margin-top: 24px;
  }
}
.mypage__order__finish__bullet {
  margin-top: 20px;
  padding: 30px;
  background: #f5f5f5;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .mypage__order__finish__bullet {
    margin-top: 24px;
    padding: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__finish__bullet {
    margin-top: 24px;
    padding: 15px;
  }
}
.mypage__order__finish__bullet ul > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  position: relative;
  padding-left: 12px;
}
.mypage__order__finish__bullet ul > li .point {
  color: #1ccdcc;
}
@media (min-width: 768px) {
  .mypage__order__finish__bullet ul > li + li {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .mypage__order__finish__bullet ul > li + li {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__finish__bullet ul > li + li {
    margin-top: 8px;
  }
}
.mypage__order__finish__bullet ul > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .mypage__order__finish__bullet ul > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__finish__bullet ul > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.mypage__order__finish__bullet ul > li .point {
  font-weight: 500;
  color: #4063ec;
}
.mypage__order__finish__btn {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .mypage__order__finish__btn button {
    width: 100%;
    height: 52px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__order__finish__btn button {
    width: 100%;
    height: 52px;
  }
}
.mypage__info__mgt__section .title01 + .listbox__section {
  margin-top: 28px;
}
@media (max-width: 767px) {
  .mypage__info__mgt__section .title01 + .listbox__section {
    margin-top: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__info__mgt__section .title01 + .listbox__section {
    margin-top: 30px;
  }
}
.mypage__info__mgt__section .title01 + .ipt__switch__group {
  margin-top: 20px;
}
.mypage__info__mgt__group > li:not(:first-of-type) {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .mypage__info__mgt__group > li:not(:first-of-type) {
    margin-top: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__info__mgt__group > li:not(:first-of-type) {
    margin-top: 40px;
  }
}
.mypage__info__mgt__ckbox input + label .ico {
  margin: 3px 6px 0 0;
}
.mypage__info__mgt__ckbox input + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .mypage__info__mgt__ckbox input + label .ico {
    margin: 0 8px 0 0;
  }
  .mypage__info__mgt__ckbox input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__info__mgt__ckbox input + label .ico {
    margin: 0 8px 0 0;
  }
  .mypage__info__mgt__ckbox input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.mypage__info__mgt__btns {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .mypage__info__mgt__btns {
    border-top: 1px solid #e0e0e0;
    margin-top: 40px;
  }
}
.mypage__info__mgt__btns button + button {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .mypage__info__mgt__btns button {
    width: calc((100% - 10px) / 2);
    height: 52px;
  }
  .mypage__info__mgt__btns button + button {
    margin-left: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__info__mgt__btns button {
    width: calc((100% - 10px) / 2);
    height: 52px;
  }
  .mypage__info__mgt__btns button + button {
    margin-left: 10px;
  }
}
.mypage__history__list {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .mypage__history__list {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__history__list {
    flex-direction: column;
    align-items: flex-start;
  }
}
.mypage__history__list > li.price {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 190px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .mypage__history__list > li.price {
    justify-content: flex-start;
    width: 100%;
    padding: 16px 0 0 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__history__list > li.price {
    justify-content: flex-start;
    width: 100%;
    padding: 16px 0 0 20px;
  }
}
.mypage__history__list > li.price p {
  display: flex;
  align-items: flex-end;
}
.mypage__history__list > li.price p span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.mypage__history__list > li.price p span.won {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 4px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .mypage__history__list > li.price p span.won {
    margin-left: 3px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__history__list > li.price p span.won {
    margin-left: 3px;
  }
}
.mypage__history__list__info {
  flex-grow: 1;
  align-self: flex-start;
  max-width: calc(100% - 190px);
  padding: 30px 0 0 20px;
}
@media (max-width: 767px) {
  .mypage__history__list__info {
    padding-top: 0;
    max-width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__history__list__info {
    padding-top: 0;
    max-width: 100%;
  }
}
.mypage__history__list__info .category > li.ico {
  flex-shrink: 0;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .mypage__history__list__info .category > li.ico {
    margin-right: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__history__list__info .category > li.ico {
    margin-right: 10px;
  }
}
.mypage__history__list__info .title {
  display: -webkit-box;
  max-height: 30px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  margin-top: 6px;
}
.mypage__history__list__info .title + .board__list__post__info {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .mypage__history__list__info .title + .board__list__post__info {
    align-items: flex-start;
    flex-direction: column;
  }
  .mypage__history__list__info .title + .board__list__post__info > li::after {
    display: none;
  }
  .mypage__history__list__info .title + .board__list__post__info > li + li {
    margin-top: 4px;
  }
  .mypage__history__list__info .title + .board__list__post__info > li p + p {
    margin-left: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__history__list__info .title + .board__list__post__info {
    align-items: flex-start;
    flex-direction: column;
  }
  .mypage__history__list__info .title + .board__list__post__info > li::after {
    display: none;
  }
  .mypage__history__list__info .title + .board__list__post__info > li + li {
    margin-top: 4px;
  }
  .mypage__history__list__info .title + .board__list__post__info > li p + p {
    margin-left: 8px;
  }
}
@media (max-width: 767px) {
  .mypage__history__list__info .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 12px;
    max-height: 56px;
    line-height: 28px;
    -webkit-line-clamp: 2;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .mypage__history__list__info .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 12px;
    max-height: 56px;
    line-height: 28px;
    -webkit-line-clamp: 2;
  }
}

.terms button.js-upload {
  margin-right: 0;
}
.terms__subtitle {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .terms__subtitle {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__subtitle {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
  }
}
.terms__subtitle__group {
  border-bottom: 1px solid #1f2437;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .terms__subtitle__group {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0 15px 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__subtitle__group {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0 15px 15px;
  }
}
.terms__subtitle__group ~ .terms__subtitle__group {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .terms__subtitle__group ~ .terms__subtitle__group {
    margin-top: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__subtitle__group ~ .terms__subtitle__group {
    margin-top: 40px;
  }
}
.terms__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 40px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .terms__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    padding-bottom: 14px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    padding-bottom: 14px;
  }
}
.terms__title__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 36px;
}
@media (max-width: 767px) {
  .terms__title__group {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__title__group {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 24px;
  }
}
.terms__flex {
  display: flex;
}
.terms__flex button.js-infobtn {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  min-width: 73px !important;
  margin-left: 10px;
  padding: 0 !important;
}
@media (min-width: 768px) {
  .terms__flex .select__group {
    width: 179px;
  }
}
@media (max-width: 767px) {
  .terms__flex {
    width: 100%;
  }
  .terms__flex .select__group {
    flex-grow: 1;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__flex {
    width: 100%;
  }
  .terms__flex .select__group {
    flex-grow: 1;
  }
}
.terms__conts__group {
  padding: 30px 30px 0;
}
@media (max-width: 767px) {
  .terms__conts__group {
    padding: 20px 0 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__conts__group {
    padding: 20px 0 0;
  }
}
.terms__conts__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .terms__conts__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__conts__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.terms__conts__title ~ .terms__conts__title {
  margin-top: 16px;
}
.terms__conts__list > li P {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
  display: flex;
}
.terms__conts__list > li P::before {
  flex-shrink: 0;
  width: 28px;
}
@media (max-width: 767px) {
  .terms__conts__list > li P::before {
    width: 27px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__conts__list > li P::before {
    width: 27px;
  }
}
@media (max-width: 767px) {
  .terms__conts__list > li P {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__conts__list > li P {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
> .terms__conts__list > li:nth-of-type(1) P::before {
  content: "1.";
}
> .terms__conts__list > li:nth-of-type(2) P::before {
  content: "2.";
}
> .terms__conts__list > li:nth-of-type(3) P::before {
  content: "3.";
}
> .terms__conts__list > li:nth-of-type(4) P::before {
  content: "4.";
}
> .terms__conts__list > li:nth-of-type(5) P::before {
  content: "5.";
}
> .terms__conts__list > li:nth-of-type(6) P::before {
  content: "6.";
}
> .terms__conts__list > li:nth-of-type(7) P::before {
  content: "7.";
}
> .terms__conts__list > li:nth-of-type(8) P::before {
  content: "8.";
}
> .terms__conts__list > li:nth-of-type(9) P::before {
  content: "9.";
}
> .terms__conts__list > li:nth-of-type(10) P::before {
  content: "10.";
}
.terms__conts__list > li + li {
  margin-top: 8px;
}
.terms__conts__list[class*="--type"] {
  margin-top: 8px;
}
.terms__conts__list.--type03 {
  padding-left: 28px;
}
> .terms__conts__list.--type03 > li:nth-of-type(1) P::before {
  content: "가.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(2) P::before {
  content: "나.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(3) P::before {
  content: "다.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(4) P::before {
  content: "라.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(5) P::before {
  content: "마.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(6) P::before {
  content: "바.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(7) P::before {
  content: "사.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(8) P::before {
  content: "아.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(9) P::before {
  content: "자.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(10) P::before {
  content: "차.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(11) P::before {
  content: "카.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(12) P::before {
  content: "타.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(13) P::before {
  content: "파.";
  width: 22px;
}
> .terms__conts__list.--type03 > li:nth-of-type(14) P::before {
  content: "하.";
  width: 22px;
}
.terms__conts__para {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .terms__conts__para {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .terms__conts__para {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.terms__conts__ul {
  padding-left: 20px;
}
.terms__conts__ul > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 30px;
  letter-spacing: -0.06em;
}

.analysis__write__result__group {
  border-top: 1px solid #1f2437;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .analysis__write__result__group {
    margin-top: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .analysis__write__result__group {
    margin-top: 30px;
  }
}

.price__detail__group {
  display: flex;
  align-items: flex-end;
}
.price__detail__group .num {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #2b3294;
  line-height: 34px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .price__detail__group .num {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 29px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .price__detail__group .num {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 29px;
  }
}
.price__detail__group .won {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
  margin-left: 4px;
  padding-bottom: 2px;
}
@media (max-width: 767px) {
  .price__detail__group .won {
    margin-left: 2px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .price__detail__group .won {
    margin-left: 2px;
  }
}
.price__detail__group.--type02 .num {
  font-size: 20px;
  font-size: 2rem;
  color: #222;
  line-height: 24px;
}
.price__detail__group.--type02 .won {
  font-size: 16px;
  font-size: 1.6rem;
  padding-bottom: 1px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 767px) {
  .price__detail__group.--type02 .won {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 3px;
    padding-bottom: 2px;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .price__detail__group.--type02 .won {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 3px;
    padding-bottom: 2px;
    line-height: 20px;
  }
}

.is-prodList-gallery .prod__list__section {
  padding-top: 40px;
  overflow: hidden;
}
.is-prodList-gallery .prod__list__section + .board__list__more__group {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__section {
    padding: 20px 15px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__section {
    padding: 20px 15px 0;
  }
}
.is-prodList-gallery .prod__list__group {
  display: flex;
  flex-wrap: wrap;
  margin: -30px;
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__group {
    margin: -20px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__group {
    margin: -20px 0;
  }
}
.is-prodList-gallery .prod__list__group > li {
  width: calc((100% - 180px) / 3);
  margin: 30px;
}
@media (max-width: 1200px) {
  .is-prodList-gallery .prod__list__group > li {
    width: calc((100% - 120px) / 2);
  }
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__group > li {
    width: 100%;
    margin: 20px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__group > li {
    width: 100%;
    margin: 20px 0;
  }
}
.is-prodList-list .prod__list__group > li:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
  .is-prodList-list .prod__list__group > li {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .is-prodList-list .prod__list__group > li {
    padding: 30px 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-list .prod__list__group > li {
    padding: 30px 15px;
  }
}
.prod__list__item__conts .rate__group {
  display: flex;
  align-items: center;
  position: absolute;
}
.prod__list__item__conts .rate__group .ico {
  width: 22px;
  height: 21px;
  background: url("../../img/ico/ico_rate.svg") no-repeat center/contain;
}
.prod__list__item__conts .rate__group .num {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 18px;
  letter-spacing: -0.06em;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .prod__list__item__conts .rate__group .num {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__list__item__conts .rate__group .num {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
  }
}
.prod__list__item__conts .price {
  display: flex;
  align-items: flex-end;
}
.prod__list__item__conts .price-num {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 29px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .prod__list__item__conts .price-num {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__list__item__conts .price-num {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
  }
}
.prod__list__item__conts .price-txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.06em;
  padding-left: 4px;
}
@media (max-width: 767px) {
  .prod__list__item__conts .price-txt {
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: 2px;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__list__item__conts .price-txt {
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: 2px;
    line-height: 20px;
  }
}
.prod__list__item__conts .price__group .desc {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  color: #2b3294;
  line-height: 27px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .prod__list__item__conts .price__group .desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__list__item__conts .price__group .desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }
}
.is-prodList-gallery .prod__list__item {
  display: block;
  border-radius: 15px 15px 10px 10px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__item {
    position: relative;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__item {
    position: relative;
  }
}
.is-prodList-gallery .prod__list__item .thumbnail {
  width: 100%;
  height: 240px;
}
.is-prodList-gallery .prod__list__item .thumbnail img {
  border-radius: 10px 10px 0 0;
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__item .thumbnail {
    height: 180px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__item .thumbnail {
    height: 180px;
  }
}
.is-prodList-gallery .prod__list__item__conts {
  padding: 24px 30px;
}
@media (min-width: 768px) {
  .is-prodList-gallery .prod__list__item__conts {
    position: relative;
  }
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__item__conts {
    padding: 16px 20px 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__item__conts {
    padding: 16px 20px 20px;
  }
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__item__conts .bbsIco__group {
    position: absolute;
    top: 10px;
    left: 10px;
    justify-content: space-between;
    width: calc(100% - 20px);
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__item__conts .bbsIco__group {
    position: absolute;
    top: 10px;
    left: 10px;
    justify-content: space-between;
    width: calc(100% - 20px);
  }
}
.is-prodList-gallery .prod__list__item__conts .bbsIco__group > li {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .is-prodList-gallery .prod__list__item__conts .bbsIco__group > li + li {
    margin-left: 4px;
  }
}
.is-prodList-gallery .prod__list__item__conts .bbsIco__group .bbsIco + .bbsIco {
  margin-left: 4px;
}
@media (min-width: 768px) {
  .is-prodList-gallery .prod__list__item__conts .rate__group {
    top: 30px;
    right: 30px;
  }
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__item__conts .rate__group {
    bottom: 64px;
    right: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__item__conts .rate__group {
    bottom: 64px;
    right: 20px;
  }
}
.is-prodList-gallery .prod__list__item__conts .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
  margin: 12px 0 8px;
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__item__conts .txt {
    margin-top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__item__conts .txt {
    margin-top: 0;
  }
}
.is-prodList-gallery .prod__list__item__conts .tit {
  display: -webkit-box;
  max-height: 60px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .is-prodList-gallery .prod__list__item__conts .tit {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__item__conts .tit {
    font-size: 18px;
    font-size: 1.8rem;
    max-height: 56px;
    line-height: 28px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__item__conts .tit {
    font-size: 18px;
    font-size: 1.8rem;
    max-height: 56px;
    line-height: 28px;
  }
}
.is-prodList-gallery .prod__list__item__conts .price__group {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 29px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .is-prodList-gallery .prod__list__item__conts .price__group {
    min-height: 24px;
    margin-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-gallery .prod__list__item__conts .price__group {
    min-height: 24px;
    margin-top: 20px;
  }
}
.is-prodList-list .prod__list__item {
  display: flex;
  position: relative;
}
.is-prodList-list .prod__list__item .thumbnail {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .is-prodList-list .prod__list__item .thumbnail {
    width: 190px;
    height: 125px;
  }
  .is-prodList-list .prod__list__item .thumbnail img {
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .is-prodList-list .prod__list__item .thumbnail {
    width: 75px;
    height: 48px;
  }
  .is-prodList-list .prod__list__item .thumbnail img {
    border-radius: 5px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-list .prod__list__item .thumbnail {
    width: 75px;
    height: 48px;
  }
  .is-prodList-list .prod__list__item .thumbnail img {
    border-radius: 5px;
  }
}
.is-prodList-list .prod__list__item__conts {
  flex-grow: 1;
  padding-left: 20px;
  overflow: hidden;
}
.is-prodList-list .prod__list__item__conts .bbsIco__group > li {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .is-prodList-list .prod__list__item__conts .bbsIco__group > li .bbsIco + .bbsIco {
    margin-left: 4px;
  }
}
@media (max-width: 767px) {
  .is-prodList-list .prod__list__item__conts .bbsIco__group > li .bbsIco + .bbsIco {
    margin-left: 6px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-list .prod__list__item__conts .bbsIco__group > li .bbsIco + .bbsIco {
    margin-left: 6px;
  }
}
@media (min-width: 768px) {
  .is-prodList-list .prod__list__item__conts .bbsIco__group > li + li {
    margin-left: 4px;
  }
}
@media (max-width: 767px) {
  .is-prodList-list .prod__list__item__conts .bbsIco__group > li + li {
    margin-left: 6px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-list .prod__list__item__conts .bbsIco__group > li + li {
    margin-left: 6px;
  }
}
.is-prodList-list .prod__list__item__conts .rate__group {
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .is-prodList-list .prod__list__item__conts .rate__group {
    top: 5px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-list .prod__list__item__conts .rate__group {
    top: 5px;
  }
}
.is-prodList-list .prod__list__item__conts .board__list__post__info {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .is-prodList-list .prod__list__item__conts .board__list__post__info {
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-list .prod__list__item__conts .board__list__post__info {
    margin-top: 10px;
  }
}
.is-prodList-list .prod__list__item__conts .tit {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .is-prodList-list .prod__list__item__conts .tit {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 30px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .is-prodList-list .prod__list__item__conts .tit {
    display: -webkit-box;
    max-height: 52px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    line-height: 26px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-list .prod__list__item__conts .tit {
    display: -webkit-box;
    max-height: 52px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    line-height: 26px;
    letter-spacing: -0.06em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.is-prodList-list .prod__list__item__conts .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 768px) {
  .is-prodList-list .prod__list__item__conts .txt {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 24px;
    letter-spacing: -0.06em;
    margin-top: 6px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .is-prodList-list .prod__list__item__conts .txt {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 20px;
    letter-spacing: -0.06em;
    margin-top: 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-list .prod__list__item__conts .txt {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 20px;
    letter-spacing: -0.06em;
    margin-top: 12px;
  }
}
@media (min-width: 768px) {
  .is-prodList-list .prod__list__item__conts {
    display: grid;
    grid-template-columns: auto 240px;
    align-content: start;
  }
  .is-prodList-list .prod__list__item__conts .txt, .is-prodList-list .prod__list__item__conts .tit,
  .is-prodList-list .prod__list__item__conts .bbsIco__section,
  .is-prodList-list .prod__list__item__conts .board__list__post__info {
    grid-column: 1/2;
  }
  .is-prodList-list .prod__list__item__conts .bbsIco__section {
    grid-row: 1/2;
  }
  .is-prodList-list .prod__list__item__conts .txt {
    grid-row: 2/3;
  }
  .is-prodList-list .prod__list__item__conts .tit {
    grid-row: 3/4;
  }
  .is-prodList-list .prod__list__item__conts .board__list__post__info {
    grid-row: 4/5;
  }
  .is-prodList-list .prod__list__item__conts .price {
    padding-top: 10px;
  }
  .is-prodList-list .prod__list__item__conts .price__group {
    display: flex;
    flex-direction: column;
    grid-column: 2/3;
    grid-row: 1/5;
    align-items: flex-end;
    padding-top: 49px;
  }
}
@media (max-width: 767px) {
  .is-prodList-list .prod__list__item__conts .price__group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .is-prodList-list .prod__list__item__conts .price__group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
  }
}
.prod__list__item .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.prod__list__typeBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  position: relative;
}
.prod__list__typeBtn span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.prod__list__typeBtn.--gallery {
  background: url("../../img/ico/ico_type_gallery.svg") no-repeat center/contain;
}
.prod__list__typeBtn.--gallery.is-active {
  background-image: url("../../img/ico/ico_type_gallery_active.svg");
}
.prod__list__typeBtn.--list {
  background: url("../../img/ico/ico_type_list.svg") no-repeat center/contain;
}
.prod__list__typeBtn.--list.is-active {
  background-image: url("../../img/ico/ico_type_list_active.svg");
}
.prod__list__typeBtn + .prod__list__typeBtn {
  margin-left: 4px;
}
.prod__list__typeBtn__section {
  display: flex;
}
@media (min-width: 768px) {
  .prod__list__typeBtn__section {
    padding-top: 7px;
  }
}
@media (min-width: 1001px) {
  .prod__advanced__search__section.is-closed .search-title + .search-btn .ico {
    transform: rotate(0deg);
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .prod__advanced__search__section {
    width: calc(100% + 40px);
    margin: -60px -20px 0;
  }
}
@media (max-width: 1000px) {
  .prod__advanced__search__section {
    position: relative;
  }
}
@media (max-width: 767px) {
  .prod__advanced__search__section {
    width: calc(100% + 30px);
    margin: -40px -15px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__section {
    width: calc(100% + 30px);
    margin: -40px -15px 0;
  }
}
.prod__advanced__search__title {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .prod__advanced__search__title {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px;
  }
}
.prod__advanced__search__title .search-title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 29px;
  letter-spacing: -0.06em;
}
@media (max-width: 1000px) {
  .prod__advanced__search__title .search-title {
    display: none;
  }
}
.prod__advanced__search__title .search-btn {
  display: flex;
  align-items: center;
}
.prod__advanced__search__title .search-btn .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.prod__advanced__search__title .search-btn .ico {
  width: 36px;
  height: 36px;
  background: url("../../img/ico/ico_aco_dw.svg") no-repeat center/contain;
  transform: rotate(180deg);
}
@media (max-width: 1000px) {
  .prod__advanced__search__title .search-btn {
    display: none;
  }
}
@media (min-width: 1001px) {
  .prod__advanced__search__title .search-btn-mo {
    display: none;
  }
}
@media (max-width: 1000px) {
  .prod__advanced__search__title .search-btn-mo {
    display: flex;
    align-items: center;
    height: 20px;
  }
  .prod__advanced__search__title .search-btn-mo .txt {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 20px;
    letter-spacing: -0.06em;
  }
  .prod__advanced__search__title .search-btn-mo .ico {
    width: 7px;
    height: 11px;
    background: url("../../img/ico/ico_arrow_right_black_9x13.svg") no-repeat center/contain;
    margin-left: 8px;
  }
}
@media (min-width: 1001px) {
  .prod__advanced__search__conts {
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    border-radius: 10px;
  }
}
.prod__advanced__search__division .search-division .dlTable dt {
  align-items: flex-start;
  padding: 20px 30px 0;
}
.prod__advanced__search__division .search-division .dlTable dt:not(.is-closed) .search-division-btn .ico {
  transform: translateY(-50%) rotate(180deg);
}
.prod__advanced__search__division .search-division .dlTable dt.is-fixH, .prod__advanced__search__division .search-division .dlTable dt.is-closed {
  height: 68px;
}
.prod__advanced__search__division .search-division .dlTable dt.is-fixH + dd .search-division-conts, .prod__advanced__search__division .search-division .dlTable dt.is-closed + dd .search-division-conts {
  position: relative;
  height: 67px;
}
.prod__advanced__search__division .search-division .dlTable dt.is-fixH + dd .search-division-conts::after, .prod__advanced__search__division .search-division .dlTable dt.is-closed + dd .search-division-conts::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 14px;
  background-color: #fff;
}
.prod__advanced__search__division .search-division .dlTable dt.is-sort {
  align-items: flex-start;
  height: auto;
  padding-top: 20px;
}
.prod__advanced__search__division .search-division .dlTable dt.is-sort + dd .search-division-conts {
  max-height: 250px;
  overflow-y: auto;
}
.prod__advanced__search__division .search-division .dlTable dt.is-sort + dd .search-division-conts::-webkit-scrollbar {
  width: 20px;
}
.prod__advanced__search__division .search-division .dlTable dt.is-sort + dd .search-division-conts::-webkit-scrollbar-track {
  background: transparent;
}
.prod__advanced__search__division .search-division .dlTable dt.is-sort + dd .search-division-conts::-webkit-scrollbar-thumb {
  background: #d7dae6;
  background-clip: padding-box;
  border-radius: 20px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
.prod__advanced__search__division .search-division .dlTable dt.is-sort + dd .search-division-conts .search-division-ckbox {
  margin: -4px -10px;
}
.prod__advanced__search__division .search-division .dlTable dt.is-sort + dd .search-division-conts .search-division-ckbox > li {
  width: 166px;
  padding: 4px 10px;
}
.prod__advanced__search__division .search-division .dlTable dt.is-sort + dd .search-division-conts .search-division-ckbox > li .--type2 .ipt__ckbox:checked + label {
  display: inline-flex;
}
.prod__advanced__search__division .search-division .dlTable dd {
  align-items: flex-start;
  padding: 0;
}
.prod__advanced__search__division .search-division-tit, .prod__advanced__search__division .search-division-btn .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.prod__advanced__search__division .search-division-btn {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  width: 100%;
}
.prod__advanced__search__division .search-division-btn .num {
  padding-left: 4px;
  font-weight: 500;
  color: #4063ec;
}
.prod__advanced__search__division .search-division-btn .ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: url("../../img/ico/ico_aco_dw.svg") no-repeat center/contain;
  right: -14px;
}
.prod__advanced__search__division .search-division-conts {
  padding: 21px 20px;
  overflow: hidden;
}
.prod__advanced__search__division .search-division-conts-more {
  display: none;
}
.prod__advanced__search__division .search-division-ckbox {
  display: flex;
  flex-wrap: wrap;
  margin: -4px -7px;
}
.prod__advanced__search__division .search-division-ckbox > li {
  height: 36px;
  padding: 4px 7px;
}
@media (min-width: 1001px) {
  .prod__advanced__search__division .search-division-ckbox-swiper {
    display: none;
  }
}
@media (min-width: 1001px) {
  .prod__advanced__search__division .search-result {
    display: flex;
  }
}
.prod__advanced__search__division .search-result-tit .refreshbutton {
  height: 36px;
}
@media (max-width: 1000px) {
  .prod__advanced__search__division .search-result-tit .refreshbutton {
    position: absolute;
    top: 13px;
    right: 87px;
    height: 24px;
  }
}
.prod__advanced__search__division .search-result-tit .refreshbutton .ico {
  width: 24px;
  height: 24px;
  background-image: url("../../img/ico/ico_refresh_24_707070.svg");
  margin-right: 4px;
}
.prod__advanced__search__division .search-result-tit .refreshbutton .txt {
  font-size: 14px;
  font-size: 1.4rem;
  color: #707070;
  line-height: 20px;
}
@media (min-width: 1001px) {
  .prod__advanced__search__division .search-result-tit {
    display: flex;
    flex-shrink: 0;
    padding: 12px 0 12px 30px;
  }
  .prod__advanced__search__division .search-result-tit::after {
    width: 1px;
    height: 16px;
    content: "";
    margin: 10px 16px 0;
    background: #e0e0e0;
  }
}
.prod__advanced__search__division .search-result-select {
  padding: 12px 0;
}
@media (max-width: 1000px) {
  .prod__advanced__search__division .search-result-select {
    padding: 15px 15px 0;
  }
}
.prod__advanced__search__division .search-result-select .bgclosebutton {
  height: 36px;
}
.prod__advanced__search__division .search-result-search .btn {
  width: 60px;
  height: 36px;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #f5f5f5;
  line-height: 20px;
  letter-spacing: -0.06em;
  border-radius: 10px;
}
@media (min-width: 1001px) {
  .prod__advanced__search__division .search-result-search {
    flex-shrink: 0;
    margin-left: auto;
    padding: 12px 12px 0;
  }
  .prod__advanced__search__division .search-result-search .btn {
    background: #222;
  }
}
@media (max-width: 1000px) {
  .prod__advanced__search__division .search-result-search .btn {
    border: 1px solid #ccc;
    position: absolute;
    top: 7px;
    right: 15px;
    color: #707070;
  }
}
@media (min-width: 1001px) {
  .prod__advanced__search__sort {
    width: 100%;
  }
  .prod__advanced__search__sort .ipt__rdo__sort__group {
    margin-top: 44px;
  }
  dt.is-closed .prod__advanced__search__sort .ipt__rdo__sort__group {
    display: none;
  }
  .prod__advanced__search__sort .search-btns-list > li.pc-none {
    display: none;
  }
}
.prod__advanced__search__popup .popup__inner {
  align-items: flex-end;
}
.prod__advanced__search__popup .popup__container__group {
  max-width: 767px;
  max-height: calc(100% - 60px);
  border-radius: 20px 20px 0 0;
}
.prod__advanced__search__popup .popup__contents__group {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.prod__advanced__search__popup .popup__contents__group::-webkit-scrollbar {
  display: none;
}
.prod__advanced__search__popup .popup__button__group {
  align-items: flex-start;
  height: auto;
  padding: 32px 20px 20px;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .popup__button__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .popup__button__group {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.prod__advanced__search__popup .popup__button__group.is-shadow {
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.08);
}
.prod__advanced__search__popup .popup__button__group > button {
  width: calc((100% - 10px) / 2);
  height: 52px;
  border-radius: 26px;
}
.prod__advanced__search__popup .popup__button__group > button[class^=btn] {
  font-size: 16px;
  font-size: 1.6rem;
}
.prod__advanced__search__popup .popup__button__group .refreshbutton {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #222;
  transition: box-shadow 0.3s;
}
.prod__advanced__search__popup .popup__button__group .refreshbutton .ico {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-image: url("../../img/ico/ico_refresh_24_222.svg");
}
.prod__advanced__search__popup .popup__button__group .refreshbutton .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (hover: hover) {
  .prod__advanced__search__popup .popup__button__group .refreshbutton:hover {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
}
.prod__advanced__search__popup .dlTable {
  flex-direction: column;
  overflow-x: hidden;
}
@media (min-width: 768px) and (max-width: 1000px) {
  .prod__advanced__search__popup .dlTable {
    width: calc(100% + 48px);
    margin: 0 -24px;
  }
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
.prod__advanced__search__popup .dlTable dt,
.prod__advanced__search__popup .dlTable dd {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1000px) {
  .prod__advanced__search__popup .dlTable dt,
  .prod__advanced__search__popup .dlTable dd {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dt,
  .prod__advanced__search__popup .dlTable dd {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dt,
  .prod__advanced__search__popup .dlTable dd {
    padding: 0 15px;
  }
}
.prod__advanced__search__popup .dlTable dt {
  align-items: flex-start;
  min-height: auto;
  padding-bottom: 16px;
  background: #fff;
  border-bottom: 0;
}
.prod__advanced__search__popup .dlTable dt .search-btns-list {
  display: flex;
  align-items: flex-end;
}
.prod__advanced__search__popup .dlTable dt .search-btns-list > li.pc-none {
  display: flex;
  padding-bottom: 1px;
}
.prod__advanced__search__popup .dlTable dt .search-btns-list > li.pc-none p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #4063ec;
  line-height: 20px;
  letter-spacing: -0.06em;
}
.prod__advanced__search__popup .dlTable dt .search-btns-list > li.pc-none::before {
  width: 1px;
  height: 12px;
  content: "";
  margin: 6px 8px 0;
  background: #ccc;
}
.prod__advanced__search__popup .dlTable dt .search-division-btn {
  pointer-events: none;
}
.prod__advanced__search__popup .dlTable dt .search-division-btn .txt {
  display: flex;
  align-items: flex-end;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.prod__advanced__search__popup .dlTable dt .search-division-btn .txt .num {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #4063ec;
  line-height: 17px;
  letter-spacing: -0.06em;
  padding: 0 0 2px 2px;
}
.prod__advanced__search__popup .dlTable dt.is-more + dd .search-division-conts-more {
  display: none;
}
.prod__advanced__search__popup .dlTable dt:not(:nth-of-type(2)) + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
  top: -40px;
  height: 24px;
  right: 20px;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dt:not(:nth-of-type(2)) + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
    right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dt:not(:nth-of-type(2)) + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
    right: 15px;
  }
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(1) .prod__advanced__search__sort, .prod__advanced__search__popup .dlTable dt:nth-of-type(2) .prod__advanced__search__sort {
  width: 100%;
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(1) .prod__advanced__search__sort .ipt__rdo__sort__group, .prod__advanced__search__popup .dlTable dt:nth-of-type(2) .prod__advanced__search__sort .ipt__rdo__sort__group {
  display: none;
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(1) + dd, .prod__advanced__search__popup .dlTable dt:nth-of-type(2) + dd {
  flex-direction: column;
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(1) + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2, .prod__advanced__search__popup .dlTable dt:nth-of-type(2) + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
  top: -40px;
  height: 24px;
  right: 20px;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(1) + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2, .prod__advanced__search__popup .dlTable dt:nth-of-type(2) + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
    right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(1) + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2, .prod__advanced__search__popup .dlTable dt:nth-of-type(2) + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
    right: 15px;
  }
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(1) + dd .search-division-ckbox > li:nth-of-type(n + 8), .prod__advanced__search__popup .dlTable dt:nth-of-type(2) + dd .search-division-ckbox > li:nth-of-type(n + 8) {
  display: none;
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(1).is-more + dd .search-division-ckbox > li:nth-of-type(n + 8), .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more + dd .search-division-ckbox > li:nth-of-type(n + 8) {
  display: block;
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__group {
  position: relative;
  display: flex;
  padding: 25px 0 0;
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__group::before {
  width: calc(100% + 40px);
  height: 1px;
  content: "";
  position: absolute;
  top: 13px;
  left: -20px;
  background: #e0e0e0;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__group::before {
    width: calc(100% + 30px);
    left: -15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__group::before {
    width: calc(100% + 30px);
    left: -15px;
  }
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__group > li + li {
  margin-left: 12px;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__group > li + li {
    margin-left: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__group > li + li {
    margin-left: 8px;
  }
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input + label {
  align-items: flex-start;
  padding: 0;
  border: 0;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input + label {
    height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input + label {
    height: 20px;
  }
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input + label .ico {
  margin: 6px 4px 0 0;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input + label .ico {
    margin: 3px 2px 0 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input + label .ico {
    margin: 3px 2px 0 0;
  }
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more .ipt__rdo__sort__item input:checked + label .txt {
  color: #4063ec;
}
.prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
  top: -93px;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
    top: -85px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dt:nth-of-type(2).is-more + dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
    top: -85px;
  }
}
.prod__advanced__search__popup .dlTable dd {
  border-bottom: 8px solid #f5f5f5;
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.prod__advanced__search__popup .dlTable dd::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e0e0e0;
}
.prod__advanced__search__popup .dlTable dd:last-of-type {
  margin-bottom: 0;
}
.prod__advanced__search__popup .dlTable dd .search-division-conts {
  width: 100%;
}
.prod__advanced__search__popup .dlTable dd .search-division-conts-more {
  width: 100%;
  margin-top: 16px;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox {
  display: flex;
  flex-wrap: wrap;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:not(:first-of-type) {
  width: calc((100% - 15px) / 2);
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:not(:first-of-type):nth-of-type(odd) {
  margin-left: 15px;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:nth-of-type(n + 4) {
  margin-top: 15px;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 {
  position: absolute;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input + label {
  position: relative;
  height: 24px;
  padding: 0 0 0 26px;
  border-radius: 0;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input + label::before {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_ckbox_type1_off.svg") no-repeat center/contain;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
}
@media (max-width: 767px) {
  .prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input + label {
    height: 20px;
  }
  .prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input + label::before {
    top: 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input + label {
    height: 20px;
  }
  .prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input + label::before {
    top: 0;
  }
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input:checked + label {
  background-color: transparent;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li:first-of-type .ipt__ckbox__group.--type2 input:checked + label::before {
  background-image: url("../../img/ico/ico_ckbox_type1_on.svg");
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li .ipt__ckbox__group.--type2 {
  height: 48px;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li .ipt__ckbox__group.--type2 input:not(.js-ckbox-total) + label {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #707070;
  border-radius: 24px;
}
@media (min-width: 768px) and (max-width: 1000px) {
  .prod__advanced__search__popup .dlTable dd .search-division-ckbox > li .ipt__ckbox__group.--type2 input:not(.js-ckbox-total) + label .txt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li .ipt__ckbox__group.--type2 input:not(.js-ckbox-total):checked + label {
  border-color: #4063ec;
}
.prod__advanced__search__popup .dlTable dd .search-division-ckbox > li .ipt__ckbox__group.--type2 input:not(.js-ckbox-total):checked + label .txt {
  font-weight: 500;
  color: #fff;
}
.prod__lookup__result__section {
  margin-top: 60px;
}
@media (max-width: 1000px) {
  .prod__lookup__result__section {
    margin-top: 40px;
  }
}
.prod__lookup__result__section .board__list__title__group {
  border-bottom: 0;
}
@media (max-width: 767px) {
  .prod__lookup__result__section .board__list__title__group {
    padding: 0 0 20px;
  }
  .prod__lookup__result__section .board__list__title__group .total {
    padding-left: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__lookup__result__section .board__list__title__group {
    padding: 0 0 20px;
  }
  .prod__lookup__result__section .board__list__title__group .total {
    padding-left: 10px;
  }
}
.prod__lookup__result__acoGroup > li {
  display: flex;
  flex-direction: column;
}
.prod__lookup__result__acoGroup > li .acobtn {
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  padding: 0 30px;
}
@media (max-width: 767px) {
  .prod__lookup__result__acoGroup > li .acobtn {
    height: 76px;
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__lookup__result__acoGroup > li .acobtn {
    height: 76px;
    padding: 0 15px;
  }
}
.prod__lookup__result__acoGroup > li .acobtn .ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_up_222.svg") no-repeat center/contain;
  right: 30px;
  transform: translateY(-50%) rotate(180deg);
}
.prod__lookup__result__acoGroup > li .acobtn .board__list__title__group {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group {
    padding: 0;
  }
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
  }
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group .total {
    display: flex;
    padding: 0 0 2px 6px;
  }
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group .total span.point {
    line-height: 19px;
  }
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group .total span:not(.point) {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group {
    padding: 0;
  }
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
  }
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group .total {
    display: flex;
    padding: 0 0 2px 6px;
  }
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group .total span.point {
    line-height: 19px;
  }
  .prod__lookup__result__acoGroup > li .acobtn .board__list__title__group .total span:not(.point) {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.prod__lookup__result__acoGroup > li .alinkbutton {
  margin: 0;
}
.prod__lookup__result__acoGroup > li .alinkbutton__group {
  justify-content: flex-end;
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .prod__lookup__result__acoGroup > li .alinkbutton__group {
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__lookup__result__acoGroup > li .alinkbutton__group {
    padding-right: 15px;
  }
}
.prod__lookup__result__acoGroup > li + li {
  margin-top: 40px;
}
.prod__lookup__result__acoGroup > li.is-clicked .acobtn > .ico {
  transform: translateY(-50%) rotate(0deg);
}
@media (max-width: 767px) {
  .prod__lookup__result__acoGroup {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__lookup__result__acoGroup {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
.prod__lookup__result__acoConts {
  display: none;
}
.is-clicked .prod__lookup__result__acoConts {
  display: block;
}
@media (max-width: 767px) {
  .prod__lookup__result__acoPanel .board__list__post__title > li:first-of-type {
    margin-bottom: 12px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__lookup__result__acoPanel .board__list__post__title > li:first-of-type {
    margin-bottom: 12px;
  }
}
.prod__lookup__result__acoPanel .list-title {
  padding: 0 30px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .prod__lookup__result__acoPanel .list-title {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__lookup__result__acoPanel .list-title {
    padding: 0 15px;
  }
}
.prod__lookup__result__acoPanel .list-cate .category > li.cate {
  max-width: calc(100% - 40px);
}
@media (max-width: 767px) {
  .prod__lookup__result__acoPanel .list-cate .category > li.cate {
    max-width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__lookup__result__acoPanel .list-cate .category > li.cate {
    max-width: 100%;
  }
}
.prod__lookup__result__acoCoItem {
  border-top: 1px solid #222;
}
.prod__lookup__result__title {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .prod__detail__section {
    width: calc(100% + 30px);
    margin: -40px -15px 0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__section {
    width: calc(100% + 30px);
    margin: -40px -15px 0;
  }
}
.prod__detail__top__section {
  position: relative;
  display: grid;
}
@media (min-width: 768px) {
  .prod__detail__top__section {
    grid-template-columns: repeat(16, 1fr);
    gap: 0 20px;
  }
}
@media (max-width: 767px) {
  .prod__detail__top__section {
    grid-template-columns: repeat(6, 1fr);
    gap: 0 15px;
    padding-bottom: 8px;
    overflow: hidden;
  }
  .prod__detail__top__section::after {
    width: 100%;
    height: 8px;
    border-top: 1px solid #e0e0e0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f5f5f5;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__top__section {
    grid-template-columns: repeat(6, 1fr);
    gap: 0 15px;
    padding-bottom: 8px;
    overflow: hidden;
  }
  .prod__detail__top__section::after {
    width: 100%;
    height: 8px;
    border-top: 1px solid #e0e0e0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f5f5f5;
  }
}
.prod__detail__top__item.n1 {
  position: relative;
}
.prod__detail__top__item.n1 figure {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.prod__detail__top__item.n1 figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.prod__detail__top__item.n1 .bbsIco__group {
  position: absolute;
  top: 10px;
  left: 10px;
}
.prod__detail__top__item.n2 .rate {
  display: flex;
  align-items: center;
}
.prod__detail__top__item.n3 .alinkbutton {
  align-items: flex-end;
  margin: 0;
}
.prod__detail__top__item.n3 .alinkbutton span {
  padding-bottom: 3px;
  color: #707070;
}
.prod__detail__top__item.n3 .alinkbutton__group {
  margin: 0;
}
.prod__detail__top__item.n5 {
  display: flex;
}
.prod__detail__top__item.n9 .btns {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  background: #f5f5f5;
  border-radius: 10px;
}
.prod__detail__top__item.n9 .btns .downbutton {
  margin: 5px;
}
.prod__detail__top__item.n9 .btns .downbutton__group {
  margin: -5px;
}
.prod__detail__top__item.n11 dl {
  display: flex;
  flex-wrap: wrap;
}
.prod__detail__top__item.n11 dl dt,
.prod__detail__top__item.n11 dl dd {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
  flex-shrink: 0;
}
.prod__detail__top__item.n11 dl dt:nth-child(n+3),
.prod__detail__top__item.n11 dl dd:nth-child(n+3) {
  margin-top: 12px;
}
.prod__detail__top__item.n11 dl dt {
  width: 22.58%;
}
.prod__detail__top__item.n11 dl dd {
  width: 77.42%;
  color: #222;
}
.prod__detail__top__item.n12 .btns {
  display: flex;
  justify-content: space-between;
}
.prod__detail__top__item.n12 .btns button {
  width: calc((100% - 20px) / 2);
}
.prod__detail__top__item.n12 .btns button.btn__primary__outline:disabled {
  background: transparent !important;
  border-color: #e0e0e0;
  color: #ccc !important;
}
@media (min-width: 768px) {
  .prod__detail__top__item.n1, .prod__detail__top__item.n2, .prod__detail__top__item.n3 {
    grid-row: 1/10;
    grid-column: 1/8;
  }
  .prod__detail__top__item.n2, .prod__detail__top__item.n3 {
    position: relative;
    padding-top: calc(63.2142857143% + 20px);
    pointer-events: none;
  }
  .prod__detail__top__item.n1 figure {
    width: calc(100% + 20px);
    padding-bottom: 63.21%;
    border-radius: 10px;
  }
  .prod__detail__top__item.n1 .bbsIco__group {
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .prod__detail__top__item.n2 {
    display: flex;
    align-items: flex-start;
  }
  .prod__detail__top__item.n2 .rate {
    pointer-events: all;
  }
  .prod__detail__top__item.n2 .rate .ico {
    width: 126px;
    height: 21px;
    background: url("../../img/ico/ico_rate_gray_5ea.svg") no-repeat center/contain;
    position: relative;
  }
  .prod__detail__top__item.n2 .rate .ico .score {
    background: url("../../img/ico/ico_rate_5ea.svg") no-repeat left center/126px 21px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
  .prod__detail__top__item.n2 .rate .txt {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    color: #222;
    line-height: 22px;
    letter-spacing: -0.06em;
    margin-left: 8px;
  }
  .prod__detail__top__item.n2 .rate .underlinebutton {
    margin-left: 14px;
  }
  .prod__detail__top__item.n3 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .prod__detail__top__item.n3 .alinkbutton {
    pointer-events: all;
  }
  .prod__detail__top__item.n3 .alinkbutton__group {
    transform: translateX(20px);
  }
  .prod__detail__top__item.n4 {
    grid-column: 9/17;
  }
  .prod__detail__top__item.n5 {
    grid-column: 9/17;
  }
  .prod__detail__top__item.n6 {
    grid-column: 9/17;
  }
  .prod__detail__top__item.n7 {
    grid-column: 9/17;
  }
  .prod__detail__top__item.n8 {
    grid-column: 9/17;
  }
  .prod__detail__top__item.n9 {
    grid-column: 9/17;
  }
  .prod__detail__top__item.n10 {
    grid-column: 9/17;
  }
  .prod__detail__top__item.n11 {
    grid-column: 9/17;
  }
  .prod__detail__top__item.n12 {
    grid-column: 9/17;
  }
  .prod__detail__top__item.n4 {
    grid-row: 2/3;
    padding: 16px 0 15px;
  }
  .prod__detail__top__item.n4 .category.--type-wrap > li.cate span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .prod__detail__top__item.n4 .category.--type-wrap > li.cate span:not(:last-of-type)::after {
    width: 11px;
    margin: 0 6px;
  }
  .prod__detail__top__item.n5 {
    grid-row: 1/2;
    grid-column: 9/17;
    height: 32px;
  }
  .prod__detail__top__item.n6 {
    grid-row: 3/4;
  }
  .prod__detail__top__item.n6 .title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 40px;
    letter-spacing: -0.06em;
  }
  .prod__detail__top__item.n7 {
    grid-row: 4/5;
    padding: 16px 0 8px;
  }
  .prod__detail__top__item.n7 p {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 24px;
    letter-spacing: -0.06em;
  }
  .prod__detail__top__item.n8 {
    grid-row: 5/6;
  }
  .prod__detail__top__item.n9 {
    grid-row: 6/7;
    padding: 32px 0 24px;
  }
  .prod__detail__top__item.n10 {
    display: flex;
    justify-content: flex-end;
    grid-row: 8/9;
    padding: 30px 0 24px;
  }
  .prod__detail__top__item.n11 {
    grid-row: 7/8;
  }
  .prod__detail__top__item.n12 {
    grid-row: 9/10;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .prod__detail__top__item {
    grid-column: 1/17 !important;
  }
  .prod__detail__top__item.n1, .prod__detail__top__item.n2, .prod__detail__top__item.n3 {
    grid-row: 1/2;
  }
  .prod__detail__top__item.n1 figure {
    width: 100%;
  }
  .prod__detail__top__item.n3 .alinkbutton__group {
    transform: translateX(0);
  }
  .prod__detail__top__item.n4 {
    grid-row: 3/4;
  }
  .prod__detail__top__item.n5 {
    grid-row: 2/3;
    margin-top: 102px;
  }
  .prod__detail__top__item.n6 {
    grid-row: 4/5;
  }
  .prod__detail__top__item.n7 {
    grid-row: 5/6;
  }
  .prod__detail__top__item.n8 {
    grid-row: 6/7;
  }
  .prod__detail__top__item.n9 {
    grid-row: 7/8;
  }
  .prod__detail__top__item.n10 {
    grid-row: 9/10;
  }
  .prod__detail__top__item.n11 {
    grid-row: 8/9;
  }
  .prod__detail__top__item.n12 {
    grid-row: 10/11;
  }
}
@media (max-width: 767px) {
  .prod__detail__top__item:not(.n2):not(.n3):not(.n5):not(.n10) {
    grid-column: 1/7;
  }
  .prod__detail__top__item:not(.n1):not(.n2):not(.n3):not(.n5):not(.n10) {
    padding-left: 15px;
    padding-right: 15px;
  }
  .prod__detail__top__item.n1 {
    grid-row: 1/2;
  }
  .prod__detail__top__item.n1 figure {
    padding-bottom: 52.27%;
  }
  .prod__detail__top__item.n4 {
    border-bottom: 1px solid #e0e0e0;
    grid-row: 2/3;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .prod__detail__top__item.n4 .category.--type-wrap > li.cate span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;
  }
  .prod__detail__top__item.n4 .category.--type-wrap > li.cate span:not(:last-of-type)::after {
    width: 11px;
    margin: 0 4px;
  }
  .prod__detail__top__item.n3, .prod__detail__top__item.n5 {
    grid-row: 3/4;
    height: 46px;
    padding-top: 16px;
  }
  .prod__detail__top__item.n3 {
    display: flex;
    justify-content: flex-end;
    grid-column: 6/7;
    padding-right: 15px;
  }
  .prod__detail__top__item.n3 .alinkbutton {
    position: relative;
  }
  .prod__detail__top__item.n3 .alinkbutton span {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
  }
  .prod__detail__top__item.n3 .alinkbutton::before {
    margin-right: 0;
  }
  .prod__detail__top__item.n3 .alinkbutton__group {
    align-items: flex-start;
    padding-top: 4px;
  }
  .prod__detail__top__item.n5 {
    grid-column: 1/6;
    padding-left: 15px;
  }
  .prod__detail__top__item.n6 {
    grid-row: 4/5;
    padding-top: 12px;
  }
  .prod__detail__top__item.n6 .title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 28px;
    letter-spacing: -0.06em;
  }
  .prod__detail__top__item.n7 {
    grid-row: 5/6;
    padding-top: 16px;
  }
  .prod__detail__top__item.n7 p {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    font-style: normal;
    color: #222;
    line-height: 22px;
    letter-spacing: -0.06em;
  }
  .prod__detail__top__item.n8 {
    grid-row: 6/7;
    padding-top: 4px;
    padding-bottom: 24px;
  }
  .prod__detail__top__item.n8 .board__list__post__info {
    flex-wrap: wrap;
  }
  .prod__detail__top__item.n8 .board__list__post__info > li p {
    flex-shrink: 0;
  }
  .prod__detail__top__item.n8 .board__list__post__info > li p + p {
    margin-left: 8px;
  }
  .prod__detail__top__item.n2, .prod__detail__top__item.n10 {
    grid-row: 7/8;
  }
  .prod__detail__top__item.n2 {
    display: flex;
    justify-content: flex-end;
    grid-column: 5/7;
    padding-right: 15px;
  }
  .prod__detail__top__item.n2 .rate {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 4px;
  }
  .prod__detail__top__item.n2 .rate .ico {
    width: 22px;
    height: 21px;
    background: url("../../img/ico/ico_rate.svg") no-repeat center/contain;
    flex-shrink: 0;
  }
  .prod__detail__top__item.n2 .rate .ico .score {
    display: none;
  }
  .prod__detail__top__item.n2 .rate .txt {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #222;
    line-height: 17px;
    letter-spacing: -0.06em;
    margin: 2px 8px 0 8px;
  }
  .prod__detail__top__item.n2 .rate .underlinebutton {
    flex-shrink: 0;
  }
  .prod__detail__top__item.n2 .rate .underlinebutton span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
  }
  .prod__detail__top__item.n10 {
    grid-column: 1/5;
    padding-left: 15px;
  }
  .prod__detail__top__item.n10 p .won {
    padding-bottom: 1px;
  }
  .prod__detail__top__item.n9 {
    grid-row: 8/9;
    padding-top: 24px;
    padding-bottom: 20px;
  }
  .prod__detail__top__item.n11 {
    grid-row: 9/10;
    padding-bottom: 40px;
  }
  .prod__detail__top__item.n11 dl dt,
  .prod__detail__top__item.n11 dl dd {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .prod__detail__top__item.n11 dl dt {
    width: 25.07%;
    min-width: 94px;
  }
  .prod__detail__top__item.n11 dl dd {
    width: 74.93%;
    max-width: calc(100% - 94px);
  }
  .prod__detail__top__item.n12 {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__top__item:not(.n2):not(.n3):not(.n5):not(.n10) {
    grid-column: 1/7;
  }
  .prod__detail__top__item:not(.n1):not(.n2):not(.n3):not(.n5):not(.n10) {
    padding-left: 15px;
    padding-right: 15px;
  }
  .prod__detail__top__item.n1 {
    grid-row: 1/2;
  }
  .prod__detail__top__item.n1 figure {
    padding-bottom: 52.27%;
  }
  .prod__detail__top__item.n4 {
    border-bottom: 1px solid #e0e0e0;
    grid-row: 2/3;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .prod__detail__top__item.n4 .category.--type-wrap > li.cate span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;
  }
  .prod__detail__top__item.n4 .category.--type-wrap > li.cate span:not(:last-of-type)::after {
    width: 11px;
    margin: 0 4px;
  }
  .prod__detail__top__item.n3, .prod__detail__top__item.n5 {
    grid-row: 3/4;
    height: 46px;
    padding-top: 16px;
  }
  .prod__detail__top__item.n3 {
    display: flex;
    justify-content: flex-end;
    grid-column: 6/7;
    padding-right: 15px;
  }
  .prod__detail__top__item.n3 .alinkbutton {
    position: relative;
  }
  .prod__detail__top__item.n3 .alinkbutton span {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
  }
  .prod__detail__top__item.n3 .alinkbutton::before {
    margin-right: 0;
  }
  .prod__detail__top__item.n3 .alinkbutton__group {
    align-items: flex-start;
    padding-top: 4px;
  }
  .prod__detail__top__item.n5 {
    grid-column: 1/6;
    padding-left: 15px;
  }
  .prod__detail__top__item.n6 {
    grid-row: 4/5;
    padding-top: 12px;
  }
  .prod__detail__top__item.n6 .title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: 28px;
    letter-spacing: -0.06em;
  }
  .prod__detail__top__item.n7 {
    grid-row: 5/6;
    padding-top: 16px;
  }
  .prod__detail__top__item.n7 p {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    font-style: normal;
    color: #222;
    line-height: 22px;
    letter-spacing: -0.06em;
  }
  .prod__detail__top__item.n8 {
    grid-row: 6/7;
    padding-top: 4px;
    padding-bottom: 24px;
  }
  .prod__detail__top__item.n8 .board__list__post__info {
    flex-wrap: wrap;
  }
  .prod__detail__top__item.n8 .board__list__post__info > li p {
    flex-shrink: 0;
  }
  .prod__detail__top__item.n8 .board__list__post__info > li p + p {
    margin-left: 8px;
  }
  .prod__detail__top__item.n2, .prod__detail__top__item.n10 {
    grid-row: 7/8;
  }
  .prod__detail__top__item.n2 {
    display: flex;
    justify-content: flex-end;
    grid-column: 5/7;
    padding-right: 15px;
  }
  .prod__detail__top__item.n2 .rate {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 4px;
  }
  .prod__detail__top__item.n2 .rate .ico {
    width: 22px;
    height: 21px;
    background: url("../../img/ico/ico_rate.svg") no-repeat center/contain;
    flex-shrink: 0;
  }
  .prod__detail__top__item.n2 .rate .ico .score {
    display: none;
  }
  .prod__detail__top__item.n2 .rate .txt {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    color: #222;
    line-height: 17px;
    letter-spacing: -0.06em;
    margin: 2px 8px 0 8px;
  }
  .prod__detail__top__item.n2 .rate .underlinebutton {
    flex-shrink: 0;
  }
  .prod__detail__top__item.n2 .rate .underlinebutton span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
  }
  .prod__detail__top__item.n10 {
    grid-column: 1/5;
    padding-left: 15px;
  }
  .prod__detail__top__item.n10 p .won {
    padding-bottom: 1px;
  }
  .prod__detail__top__item.n9 {
    grid-row: 8/9;
    padding-top: 24px;
    padding-bottom: 20px;
  }
  .prod__detail__top__item.n11 {
    grid-row: 9/10;
    padding-bottom: 40px;
  }
  .prod__detail__top__item.n11 dl dt,
  .prod__detail__top__item.n11 dl dd {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .prod__detail__top__item.n11 dl dt {
    width: 25.07%;
    min-width: 94px;
  }
  .prod__detail__top__item.n11 dl dd {
    width: 74.93%;
    max-width: calc(100% - 94px);
  }
  .prod__detail__top__item.n12 {
    display: none;
  }
}
@media (min-width: 768px) {
  .prod__detail__conts__section {
    display: flex;
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  .prod__detail__conts__group {
    width: calc(100% - 320px);
  }
}
@media (max-width: 767px) {
  .prod__detail__conts__tabs {
    position: relative;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__conts__tabs {
    position: relative;
  }
}
@media (min-width: 768px) {
  .prod__detail__conts__aside {
    width: 300px;
    margin-left: 20px;
    padding-top: 27px;
  }
}
@media (max-width: 767px) {
  .prod__detail__conts__aside {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__conts__aside {
    display: none;
  }
}
.prod__detail__tabs__menus {
  position: sticky;
  background: #fff;
  z-index: 300;
}
@media (min-width: 768px) {
  .is-sticky + .container .prod__detail__tabs__menus {
    top: 120px;
  }
  .is-sticky.is-scroll + .container .prod__detail__tabs__menus {
    top: 60px;
  }
}
@media (max-width: 767px) {
  .prod__detail__tabs__menus {
    top: 0;
    overflow: hidden;
    transition: top 0.3s;
  }
  .prod__detail__tabs__menus::before {
    width: calc(100% - 30px);
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    background: #e0e0e0;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__tabs__menus {
    top: 0;
    overflow: hidden;
    transition: top 0.3s;
  }
  .prod__detail__tabs__menus::before {
    width: calc(100% - 30px);
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    background: #e0e0e0;
  }
}
.prod__detail__tabs__list {
  display: flex;
}
@media (min-width: 768px) {
  .prod__detail__tabs__list {
    box-shadow: inset 0 -1px 0 0 #e0e0e0;
  }
}
@media (max-width: 767px) {
  .prod__detail__tabs__list {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .prod__detail__tabs__list::-webkit-scrollbar {
    display: none;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__tabs__list.is-sticky-scl0 > li:first-of-type {
    padding-left: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__tabs__list {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .prod__detail__tabs__list::-webkit-scrollbar {
    display: none;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__tabs__list.is-sticky-scl0 > li:first-of-type {
    padding-left: 15px;
  }
}
.prod__detail__tabs__list > li button {
  display: flex;
  align-items: center;
  position: relative;
  height: 80px;
}
.prod__detail__tabs__list > li button span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .prod__detail__tabs__list > li button {
    height: 60px;
  }
  .prod__detail__tabs__list > li button span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__tabs__list > li button {
    height: 60px;
  }
  .prod__detail__tabs__list > li button span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.prod__detail__tabs__list > li.is-active button span {
  font-weight: 500;
  color: #1f2437;
}
.prod__detail__tabs__list > li.is-active button::after {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #4063ec;
}
.prod__detail__tabs__list > li + li {
  margin-left: 32px;
}
@media (max-width: 767px) {
  .prod__detail__tabs__list > li + li {
    margin-left: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__tabs__list > li + li {
    margin-left: 24px;
  }
}
@media (max-width: 767px) {
  .prod__detail__tabs__list > li {
    flex-shrink: 0;
  }
  .prod__detail__tabs__list > li:first-of-type {
    padding-left: 15px;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__tabs__list > li:first-of-type {
    padding-left: 54px;
  }
  .prod__detail__tabs__list > li:last-of-type {
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__tabs__list > li {
    flex-shrink: 0;
  }
  .prod__detail__tabs__list > li:first-of-type {
    padding-left: 15px;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__tabs__list > li:first-of-type {
    padding-left: 54px;
  }
  .prod__detail__tabs__list > li:last-of-type {
    padding-right: 15px;
  }
}
.prod__detail__panel__item {
  position: relative;
}
.prod__detail__panel__item:not(:last-of-type) {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .prod__detail__panel__item:not(:last-of-type) {
    padding-bottom: 0px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__panel__item:not(:last-of-type) {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .prod__detail__panel__item:first-of-type {
    padding-top: 40px;
  }
  .prod__detail__panel__item:not(:first-of-type) {
    padding-top: 100px;
  }
  .is-prod-header-scroll + .container .prod__detail__panel__item:first-of-type {
    padding-top: 40px;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__panel__item:first-of-type {
    padding-top: 100px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__panel__item:first-of-type {
    padding-top: 40px;
  }
  .prod__detail__panel__item:not(:first-of-type) {
    padding-top: 100px;
  }
  .is-prod-header-scroll + .container .prod__detail__panel__item:first-of-type {
    padding-top: 40px;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__panel__item:first-of-type {
    padding-top: 100px;
  }
}
@media (min-width: 768px) {
  .prod__detail__panel__btns {
    display: flex;
    justify-content: center;
    padding-top: 26px;
  }
}
@media (max-width: 767px) {
  .prod__detail__panel__btns {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__panel__btns {
    display: none;
  }
}
.prod__detail__aside__group {
  position: sticky;
  display: flex;
  flex-direction: column;
  min-height: 621px;
  padding: 30px 30px 20px;
  background: #f5f5f5;
  border-radius: 10px;
}
.is-sticky + .container .prod__detail__aside__group {
  top: 259px;
}
.is-sticky.is-scroll + .container .prod__detail__aside__group {
  top: 199px;
}
.prod__detail__aside__title .title h3 {
  display: -webkit-box;
  max-height: 96px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 32px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.prod__detail__aside__title .title p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 28px;
  letter-spacing: -0.06em;
  margin-top: 12px;
}
.prod__detail__aside__data {
  margin: 24px 0 58px;
  padding: 24px 0;
  background: rgba(224, 224, 224, 0.5);
  border-radius: 10px;
}
.prod__detail__aside__data .downbutton__group {
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
.prod__detail__aside__price {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
}
.prod__detail__aside__price .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding-bottom: 6px;
}
.prod__detail__aside__btns {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.prod__detail__aside__btns button {
  font-size: 16px;
  font-size: 1.6rem;
  height: 56px;
}
.prod__detail__aside__btns button + button {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .prod__detail__header__section {
    display: none;
  }
}
@media (max-width: 767px) {
  .prod__detail__header__section {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    pointer-events: none;
    z-index: 301;
  }
  .prod__detail__header__section .button {
    position: relative;
    flex-shrink: 0;
    background: #fff;
  }
  .prod__detail__header__section .button button {
    pointer-events: all;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__header__section .button::after {
    width: calc(100% - 15px);
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    background: #e0e0e0;
    z-index: 1;
  }
  .prod__detail__header__section .title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 20px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    padding-right: 15px;
  }
  .prod__detail__header__section .title__section {
    display: flex;
    align-items: center;
    width: calc(100% - 54px);
    height: 60px;
    background: #fff;
    overflow: hidden;
  }
  .is-prod-header-scroll + .container .prod__detail__header__section {
    display: flex;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__header__section .title__section {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__header__section {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    pointer-events: none;
    z-index: 301;
  }
  .prod__detail__header__section .button {
    position: relative;
    flex-shrink: 0;
    background: #fff;
  }
  .prod__detail__header__section .button button {
    pointer-events: all;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__header__section .button::after {
    width: calc(100% - 15px);
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    background: #e0e0e0;
    z-index: 1;
  }
  .prod__detail__header__section .title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 20px;
    letter-spacing: -0.06em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    padding-right: 15px;
  }
  .prod__detail__header__section .title__section {
    display: flex;
    align-items: center;
    width: calc(100% - 54px);
    height: 60px;
    background: #fff;
    overflow: hidden;
  }
  .is-prod-header-scroll + .container .prod__detail__header__section {
    display: flex;
  }
  .is-prod-header-sticky.is-prod-header-scroll + .container .prod__detail__header__section .title__section {
    display: none;
  }
}
@media (min-width: 768px) {
  .prod__detail__fixbtns__section {
    display: none;
  }
}
@media (max-width: 767px) {
  .prod__detail__fixbtns__section {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__fixbtns__section {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
}
.prod__detail__fixbtns__accordion .acobtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  background: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1);
}
.prod__detail__fixbtns__accordion .acobtn .ico {
  width: 24px;
  height: 24px;
  background: url("../../img/ico/ico_up_ccc.svg") no-repeat center/contain;
}
.prod__detail__fixbtns__accordion .panel {
  max-height: 0;
  background: #fff;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.prod__detail__fixbtns__accordion .panel-conts {
  padding: 0 20px 24px;
}
.prod__detail__fixbtns__accordion .panel-conts .title {
  display: -webkit-box;
  max-height: 52px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #222;
  line-height: 26px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.prod__detail__fixbtns__accordion .panel-conts .desc {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 12px;
}
.prod__detail__fixbtns__accordion .panel-conts .price {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}
.prod__detail__fixbtns__accordion .panel-conts .price-name {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  margin-right: 6px;
}
.prod__detail__fixbtns__accordion .panel-conts .price .price__detail__group .num {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
}
.prod__detail__fixbtns__accordion .panel-conts .price .price__detail__group .won {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
}
.prod__detail__fixbtns__accordion .is-active .acobtn .ico {
  transform: rotate(180deg);
}
.prod__detail__fixbtns__btns {
  display: flex;
}
.prod__detail__fixbtns__btns button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 60px;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  background: #f5f5f5;
}
.prod__detail__fixbtns__btns button:last-of-type {
  background: #4063ec;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 767px) {
  .prod__detail__info__section {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__section {
    padding: 0 15px;
  }
}
.prod__detail__info__group {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .prod__detail__info__group {
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__group {
    margin-top: 10px;
  }
}
.prod__detail__info__area:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.prod__detail__info__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
}
.prod__detail__info__title ~ .prod__detail__info__title {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .prod__detail__info__title {
    font-size: 18px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__title {
    font-size: 18px;
  }
}
.prod__detail__info__subtitle {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .prod__detail__info__subtitle {
    font-size: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__subtitle {
    font-size: 16px;
  }
}
.prod__detail__info__desc {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
  margin-top: 20px;
}
.prod__detail__info__desc + [class^=prod__detail__info__table] {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .prod__detail__info__desc {
    font-size: 16px;
  }
  .prod__detail__info__desc + [class^=prod__detail__info__table] {
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__desc {
    font-size: 16px;
  }
  .prod__detail__info__desc + [class^=prod__detail__info__table] {
    margin-top: 10px;
  }
}
.prod__detail__info__table1 {
  border-top: 1px solid #1f2437;
  text-align: center;
  overflow-x: auto;
}
.prod__detail__info__table1 table {
  min-width: 600px;
}
.prod__detail__info__table1 table th,
.prod__detail__info__table1 table td {
  border-bottom: 1px solid #e0e0e0;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
  padding: 16px;
}
.prod__detail__info__table1 table th:not(:last-child),
.prod__detail__info__table1 table td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .prod__detail__info__table1 table th,
  .prod__detail__info__table1 table td {
    padding: 14px;
    font-size: 14px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__table1 table th,
  .prod__detail__info__table1 table td {
    padding: 14px;
    font-size: 14px;
  }
}
.prod__detail__info__table1 table thead th {
  background: #f5f5f5;
  font-weight: 500;
}
.prod__detail__info__table2 {
  border-top: 1px solid #1f2437;
  text-align: left;
  overflow-x: auto;
}
.prod__detail__info__table2 table {
  min-width: 600px;
}
.prod__detail__info__table2 table th,
.prod__detail__info__table2 table td {
  border-bottom: 1px solid #e0e0e0;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
  padding: 16px;
}
.prod__detail__info__table2 table th:not(:last-child),
.prod__detail__info__table2 table td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .prod__detail__info__table2 table th,
  .prod__detail__info__table2 table td {
    padding: 14px;
    font-size: 14px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__table2 table th,
  .prod__detail__info__table2 table td {
    padding: 14px;
    font-size: 14px;
  }
}
.prod__detail__info__table2 table th {
  background: #f5f5f5;
  font-weight: 500;
}
.prod__detail__info__table3 {
  border-top: 1px solid #1f2437;
  text-align: left;
  overflow-x: auto;
}
.prod__detail__info__table3 table {
  min-width: 600px;
}
.prod__detail__info__table3 table th,
.prod__detail__info__table3 table td {
  border-bottom: 1px solid #e0e0e0;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: normal;
  letter-spacing: -0.06em;
  padding: 16px;
}
.prod__detail__info__table3 table th:not(:last-child),
.prod__detail__info__table3 table td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .prod__detail__info__table3 table th,
  .prod__detail__info__table3 table td {
    padding: 14px;
    font-size: 14px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__table3 table th,
  .prod__detail__info__table3 table td {
    padding: 14px;
    font-size: 14px;
  }
}
.prod__detail__info__table3 table thead th {
  background: #f5f5f5;
  font-weight: 500;
  text-align: center;
}
.prod__detail__info__bullet > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  position: relative;
  padding-left: 12px;
}
.prod__detail__info__bullet > li .point {
  color: #1ccdcc;
}
@media (min-width: 768px) {
  .prod__detail__info__bullet > li + li {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .prod__detail__info__bullet > li + li {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__bullet > li + li {
    margin-top: 8px;
  }
}
.prod__detail__info__bullet > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .prod__detail__info__bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.prod__detail__info__figure {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.prod__detail__info__figure + .prod__detail__info__bullet, .prod__detail__info__figure + .prod__detail__info__movie {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .prod__detail__info__figure {
    margin-top: 10px;
  }
  .prod__detail__info__figure + .prod__detail__info__bullet {
    margin-top: 16px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__figure {
    margin-top: 10px;
  }
  .prod__detail__info__figure + .prod__detail__info__bullet {
    margin-top: 16px;
  }
}
.prod__detail__info__movie {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.prod__detail__info__movie video {
  display: block;
  max-width: 100%;
}
.prod__detail__info__movie + .prod__detail__info__figure {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .prod__detail__info__movie {
    margin-top: 10px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__detail__info__movie {
    margin-top: 10px;
  }
}
.is-prod-header-scroll + .container .prod__panel__item {
  padding-top: 80px;
}
.prod__panel__item__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 36px;
  letter-spacing: -0.06em;
  padding: 60px 0 40px;
}
@media (max-width: 767px) {
  .prod__panel__item__title {
    font-size: 20px;
    font-size: 2rem;
    padding: 0 15px 24px;
    line-height: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__panel__item__title {
    font-size: 20px;
    font-size: 2rem;
    padding: 0 15px 24px;
    line-height: 30px;
  }
}
.prod__panel__item__desc {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .prod__panel__item__desc {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__panel__item__desc {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
  }
}
.prod__panel__item__title + .prod__panel__item__desc {
  margin-top: -40px;
  padding: 10px 0 40px;
}
@media (max-width: 767px) {
  .prod__panel__item__title + .prod__panel__item__desc {
    margin-top: -24px;
    padding: 5px 15px 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__panel__item__title + .prod__panel__item__desc {
    margin-top: -24px;
    padding: 5px 15px 24px;
  }
}
.prod__panel__conts__tab01 p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 1.6;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .prod__panel__conts__tab01 p span {
    display: inline-block;
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__panel__conts__tab01 p span {
    display: inline-block;
    padding: 0 15px;
  }
}
.prod__panel__conts__tab02 .conts {
  border-top: 1px solid #222;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .prod__panel__conts__tab03 .conts {
    padding: 0 15px;
  }
  .prod__panel__conts__tab03 .conts .alinkbutton {
    position: relative;
  }
  .prod__panel__conts__tab03 .conts .alinkbutton span {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
  }
  .prod__panel__conts__tab03 .conts .alinkbutton::after {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 20px;
    letter-spacing: -0.06em;
    content: "바로가기";
    text-decoration: underline;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__panel__conts__tab03 .conts {
    padding: 0 15px;
  }
  .prod__panel__conts__tab03 .conts .alinkbutton {
    position: relative;
  }
  .prod__panel__conts__tab03 .conts .alinkbutton span {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
  }
  .prod__panel__conts__tab03 .conts .alinkbutton::after {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
    color: #222;
    line-height: 20px;
    letter-spacing: -0.06em;
    content: "바로가기";
    text-decoration: underline;
  }
}
.prod__panel__conts__tab03 .dlTable {
  margin-top: 0;
}
@media (min-width: 768px) {
  .prod__panel__conts__tab03 .dlTable dt {
    width: 18.09%;
  }
  .prod__panel__conts__tab03 .dlTable dd {
    width: 31.91%;
  }
}
.prod__panel__conts__tab04 .conts {
  border-top: 1px solid #222;
  border-bottom: 1px solid #e0e0e0;
}
.prod__panel__conts__tab04 .conts .downbutton span > b {
  font-weight: inherit;
}
@media (max-width: 767px) {
  .prod__panel__conts__tab05 .conts {
    padding: 0 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__panel__conts__tab05 .conts {
    padding: 0 15px;
  }
}
.prod__panel__conts__tab05 .btns {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}
.prod__panel__conts__tab05 .btns button {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .prod__panel__conts__tab05 .btns {
    justify-content: center;
  }
  .prod__panel__conts__tab05 .btns button {
    min-width: 140px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .prod__panel__conts__tab05 .btns {
    justify-content: center;
  }
  .prod__panel__conts__tab05 .btns button {
    min-width: 140px;
  }
}

[class^=prod__detail__info__table] .prod__detail__info__bullet {
  text-align: left;
}

.datamap__section {
  display: flex;
}
.datamap__section > div {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .datamap__section {
    justify-content: space-between;
    height: 740px;
  }
}
@media (max-width: 767px) {
  .datamap__section {
    flex-direction: column;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datamap__section {
    flex-direction: column;
  }
}
.datamap__menu__section {
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: auto;
}
@media (min-width: 768px) {
  .datamap__menu__section {
    width: 300px;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .datamap__menu__section {
    width: 100%;
    height: 316px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datamap__menu__section {
    width: 100%;
    height: 316px;
  }
}
.datamap__conts__section {
  overflow: hidden;
}
@media (min-width: 768px) {
  .datamap__conts__section {
    width: 920px;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .datamap__conts__section {
    width: 100%;
    height: 800px;
    margin-top: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datamap__conts__section {
    width: 100%;
    height: 800px;
    margin-top: 40px;
  }
}
.datamap__conts__svg > svg {
  border-radius: 10px;
}
.datamap__conts__tabmenu__group {
  height: 100%;
}
.datamap__tabmenu__list {
  position: relative;
  display: flex;
  height: 52px;
}
@media (max-width: 767px) {
  .datamap__tabmenu__list {
    height: 50px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datamap__tabmenu__list {
    height: 50px;
  }
}
.datamap__tabmenu__list::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e0e0e0;
}
.datamap__tabmenu__list > li {
  position: relative;
  flex-shrink: 0;
  height: 100%;
}
.datamap__tabmenu__list > li input {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.datamap__tabmenu__list > li input + label {
  cursor: pointer;
}
.datamap__tabmenu__list > li input + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .datamap__tabmenu__list > li input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datamap__tabmenu__list > li input + label .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.datamap__tabmenu__list > li input:checked + label .txt {
  font-weight: 700;
  color: #1f2437;
}
.datamap__tabmenu__list > li input:checked + label::after {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #4063ec;
  z-index: 1;
}
.datamap__tabmenu__list > li + li {
  margin-left: 32px;
}
.datamap__tabmenu__list.is-select-n0 + .datamap__tabmenu__panel__group > .n0 {
  display: block;
}
.datamap__tabmenu__list.is-select-n1 + .datamap__tabmenu__panel__group > .n1 {
  display: block;
}
.datamap__tabmenu__panel__group {
  height: calc(100% - 52px);
}
@media (min-width: 768px) {
  .datamap__tabmenu__panel__group {
    border-bottom: 1px solid #e0e0e0;
  }
}
@media (max-width: 767px) {
  .datamap__tabmenu__panel__group {
    height: 70vh;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datamap__tabmenu__panel__group {
    height: 70vh;
  }
}
.datamap__tabmenu__panel__conts {
  width: 100%;
  height: 100%;
  position: relative;
  display: none;
}
.datamap__tabmenu__panel__conts > svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.datamap__tabmenu__panel__conts#tree-container .node {
  cursor: pointer;
}
.datamap__tabmenu__panel__conts#tree-container .overlay {
  background-color: #fff;
}
.datamap__tabmenu__panel__conts#tree-container .node circle {
  fill: #fff;
  stroke: #4063ec;
  stroke-width: 1.5px;
}
.datamap__tabmenu__panel__conts#tree-container .node text {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
.datamap__tabmenu__panel__conts#tree-container .link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}
.datamap__tabmenu__panel__conts#tree-container .templink {
  fill: none;
  stroke: red;
  stroke-width: 3px;
}
.datamap__tabmenu__panel__conts#tree-container .ghostCircle.show {
  display: block;
}
.datamap__tabmenu__panel__conts#tree-container .ghostCircle, .datamap__tabmenu__panel__conts#tree-container .activeDrag .ghostCircle {
  display: none;
}

.treemenu__file__select__section {
  padding: 30px;
  background: #f5f5f5;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .treemenu__file__select__section {
    padding: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .treemenu__file__select__section {
    padding: 20px;
  }
}
.treemenu__file__select__group > li {
  display: flex;
}
.treemenu__file__select__group > li p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.treemenu__file__select__group > li p.bold {
  font-weight: 500;
  color: #222;
}
.treemenu__file__select__group > li p:first-of-type::after {
  content: ":";
  margin: 0 4px;
}
.treemenu__file__select__group > li.selected-title {
  display: none;
}
.is-select .treemenu__file__select__group > li.selected-title {
  display: flex;
  width: 100%;
}
.treemenu__file__select__group > li.selected-title p.is-select {
  flex-grow: 1;
}
@media (max-width: 767px) {
  .treemenu__file__select__group > li.selected-title p.is-select {
    max-width: 85%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .treemenu__file__select__group > li.selected-title p.is-select {
    max-width: 85%;
  }
}
.treemenu__file__select__group > li.selected-title p.is-select > span:not(:last-of-type)::after {
  content: ",";
  margin-right: 4px;
}
.treemenu__file__select__group > li + li {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .treemenu__file__select__group > li + li {
    margin-top: 6px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .treemenu__file__select__group > li + li {
    margin-top: 6px;
  }
}
.treemenu__file__list__section {
  border: 1px solid #ccc;
  min-height: 50px;
  padding: 30px;
  border-radius: 5px;
  overflow-y: auto;
}
.treemenu__file__list__section::-webkit-scrollbar {
  width: 20px;
}
.treemenu__file__list__section::-webkit-scrollbar-track {
  background: transparent;
}
.treemenu__file__list__section::-webkit-scrollbar-thumb {
  background: #d7dae6;
  background-clip: padding-box;
  border-radius: 20px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
@media (max-width: 767px) {
  .treemenu__file__list__section {
    padding: 20px 10px 20px 20px;
  }
  .treemenu__file__select__section + .treemenu__file__list__section {
    margin-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .treemenu__file__list__section {
    padding: 20px 10px 20px 20px;
  }
  .treemenu__file__select__section + .treemenu__file__list__section {
    margin-top: 20px;
  }
}
.treemenu__file__menu {
  position: relative;
}
.treemenu__file__menu > button {
  display: flex;
}
.treemenu__file__menu > button .ico {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_folder_open.svg") no-repeat center/contain;
  margin: 4px 6px 0 0;
}
.treemenu__file__menu > button .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
.treemenu__file__menu.is-close > button .ico {
  background-image: url("../../img/ico/ico_folder_close.svg");
}
.treemenu__file__menu > input {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.treemenu__file__menu > input + label {
  display: flex;
}
.treemenu__file__menu > input + label .ico {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 4px;
}
.treemenu__file__menu > input + label .ico.-ckbox {
  background: url("../../img/ico/ico_ck_normal.svg") no-repeat center/contain;
  margin-right: 8px;
}
.treemenu__file__menu > input + label .ico.-folder {
  background: url("../../img/ico/ico_folder.svg") no-repeat center/contain;
  margin-right: 6px;
}
.treemenu__file__menu > input + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  width: calc(100% - 54px);
}
.treemenu__file__menu > input:checked + label .ico.-ckbox {
  background-image: url("../../img/ico/ico_ck_checked.svg");
}
.treemenu__file__menu__group.--depth2 {
  padding-left: 28px;
}
.treemenu__file__menu__group.--depth3 {
  padding-left: 28px;
}
.treemenu__file__menu__group.--depth4 {
  padding-left: 28px;
}
.treemenu__file__menu__group:not(.--depth1) {
  margin-top: 4px;
}
@media (max-width: 767px) {
  .treemenu__file__menu__group:not(.--depth1) {
    margin-top: 6px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .treemenu__file__menu__group:not(.--depth1) {
    margin-top: 6px;
  }
}
.is-close + .treemenu__file__menu__group {
  display: none;
}
.treemenu__file__menu__group li + li {
  margin-top: 4px;
}
@media (max-width: 767px) {
  .treemenu__file__menu__group li + li {
    margin-top: 6px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .treemenu__file__menu__group li + li {
    margin-top: 6px;
  }
}
.treemenu__data__section {
  padding: 16px 8px;
}
.is-close + .treemenu__data__group:not(.--depth1) {
  display: none;
}
.treemenu__data__group.--depth1 > li {
  width: calc(100% - 16px);
}
.is-not-scroll .treemenu__data__group.--depth1 > li {
  width: 100%;
}
.treemenu__data__group.--depth2 .treemenu__data__ipt {
  padding-left: 58px;
}
.treemenu__data__group.--depth2 .treemenu__data__button {
  padding-left: 28px;
}
.treemenu__data__group.--depth3 .treemenu__data__ipt {
  padding-left: 86px;
}
.treemenu__data__group.--depth3 .treemenu__data__button {
  padding-left: 54px;
}
.treemenu__data__group.--depth4 .treemenu__data__ipt {
  padding-left: 112px;
}
.treemenu__data__group li {
  border-radius: 5px;
  transition: background 0.3s;
}
.treemenu__data__group li.is-checked {
  background: rgba(64, 99, 236, 0.14);
}
.treemenu__data__ipt {
  position: relative;
}
.treemenu__data__ipt input {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.treemenu__data__ipt input + label {
  display: flex;
  padding: 6px 0;
  cursor: pointer;
}
.treemenu__data__ipt input + label .ico {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_folder_open.svg") no-repeat center/contain;
  flex-shrink: 0;
  margin: 4px 8px 0 0;
}
.treemenu__data__ipt input + label .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  max-width: calc(100% - 43px);
}
.treemenu__data__button > button {
  display: flex;
  padding: 6px 0 6px 8px;
}
.treemenu__data__button > button span {
  display: flex;
}
.treemenu__data__button > button span.ico::before, .treemenu__data__button > button span.ico::after {
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  flex-shrink: 0;
  margin-top: 4px;
}
.treemenu__data__button > button span.ico::before {
  width: 20px;
  height: 20px;
  background: url("../../img/ico/ico_arrow_down_c5c7cf.svg") no-repeat center/contain;
  margin-right: 4px;
}
.treemenu__data__button > button span.ico::after {
  background: url("../../img/ico/ico_folder_open.svg") no-repeat center/contain;
  display: flex;
  flex-shrink: 0;
  margin-right: 6px;
}
.treemenu__data__button > button span.txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
.treemenu__data__button.is-close > button span::before {
  transform: rotate(-90deg);
}
.treemenu__data__button.is-close > button span::after {
  background-image: url("../../img/ico/ico_folder_close.svg");
}

@media (min-width: 768px) {
  .aside__section {
    width: 300px;
    margin-left: 20px;
  }
  .aside__section.--type-pt {
    padding-top: 27px;
  }
}
@media (max-width: 767px) {
  .aside__section {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .aside__section {
    display: none;
  }
}
.aside__conts__group {
  position: sticky;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  border-radius: 10px;
}
.aside__conts__group.--type01 {
  min-height: 621px;
  padding: 30px 30px 20px;
}
.is-sticky + .container .aside__conts__group.--type01 {
  top: 135px;
}
.is-sticky.is-scroll + .container .aside__conts__group.--type01 {
  top: 75px;
}
.is-sticky + .container .aside__conts__group.--type02 {
  top: 289px;
}
.is-sticky.is-scroll + .container .aside__conts__group.--type02 {
  top: 229px;
}
.aside__conts__group.--type03 {
  min-height: 600px;
}
.is-sticky + .container .aside__conts__group.--type03 {
  top: 259px;
}
.is-sticky.is-scroll + .container .aside__conts__group.--type03 {
  top: 199px;
}
.aside__conts__group.--type01 .aside__conts__title .title h3 {
  display: -webkit-box;
  max-height: 96px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 32px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.aside__conts__group.--type01 .aside__conts__title .title p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 28px;
  letter-spacing: -0.06em;
  margin-top: 12px;
}
.aside__conts__group.--type01 .aside__conts__data {
  margin: 24px 0 58px;
  padding: 24px 0;
  background: rgba(224, 224, 224, 0.5);
  border-radius: 10px;
}
.aside__conts__group.--type01 .aside__conts__data .downbutton__group {
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
.aside__conts__group.--type02 .aside__conts__datalist {
  padding: 30px 0 0 30px;
}
.aside__conts__group.--type02 .aside__conts__datalist .select-title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.aside__conts__group.--type02 .aside__conts__datalist .select-list {
  width: 100%;
  height: 291px;
  margin-top: 20px;
  overflow-y: auto;
}
.aside__conts__group.--type02 .aside__conts__datalist .select-list li {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding-bottom: 16px;
}
.aside__conts__group.--type02 .aside__conts__datalist .select-list li .bbsIco,
.aside__conts__group.--type02 .aside__conts__datalist .select-list li .select-name {
  flex-shrink: 0;
}
.aside__conts__group.--type02 .aside__conts__datalist .select-list[data-scrollbar].sticky .scrollbar-track {
  right: 7px;
  width: 6px;
  background: rgba(0, 0, 0, 0);
}
.aside__conts__group.--type02 .aside__conts__datalist .select-list[data-scrollbar] .scrollbar-thumb {
  width: 6px;
  background: #d7dae6;
}
.aside__conts__group.--type02 .aside__conts__datalist .select-name {
  display: -webkit-box;
  max-height: 40px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  margin-left: 8px;
  max-width: 169px;
}
.aside__conts__group.--type02 .aside__conts__datalist .select-delete {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("../../img/ico/ico_popup_close.svg") no-repeat center/contain;
  right: 20px;
  margin-top: -8px;
}
.aside__conts__group.--type02 .aside__conts__datalist .select-delete span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.aside__conts__group.--type03 .aside__conts__datalist .select-title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
  padding: 30px 30px 20px;
}
.aside__conts__group.--type03 .aside__conts__datalist .select-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.aside__conts__group.--type03 .aside__conts__datalist .select-list li p {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.aside__conts__group.--type03 .aside__conts__datalist .select-list li + li {
  margin-top: 10px;
}
.aside__conts__group.--type01 .aside__conts__price {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
}
.aside__conts__group.--type01 .aside__conts__price .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding-bottom: 6px;
}
.aside__conts__group.--type02 .aside__conts__price {
  border-top: 1px solid #e0e0e0;
  margin-top: auto;
  padding: 0 20px;
}
.aside__conts__group.--type02 .aside__conts__price .list {
  border-bottom: 1px solid #e0e0e0;
  padding: 16px 0;
}
.aside__conts__group.--type02 .aside__conts__price .list > li {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.aside__conts__group.--type02 .aside__conts__price .list > li p,
.aside__conts__group.--type02 .aside__conts__price .list > li span {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
}
.aside__conts__group.--type02 .aside__conts__price .list > li + li {
  margin-top: 10px;
}
.aside__conts__group.--type02 .aside__conts__price .total {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 14px 10px 0;
}
.aside__conts__group.--type02 .aside__conts__price .total > .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding-bottom: 5px;
}
.aside__conts__group.--type03 .aside__conts__price {
  margin-top: auto;
  padding: 0 20px 20px;
}
.aside__conts__group.--type03 .aside__conts__price .total {
  display: flex;
  align-items: flex-end;
  border-top: 1px solid #e0e0e0;
  justify-content: space-between;
  padding-top: 14px;
}
.aside__conts__group.--type03 .aside__conts__price .total .txt {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  padding-bottom: 5px;
}
.aside__conts__group.--type03 .aside__conts__price .label__ckbox__group {
  margin-top: 20px;
}
.aside__conts__group.--type03 .aside__conts__price .label__ckbox__group label input ~ .ico {
  margin-top: 3px;
}
.aside__conts__group.--type03 .aside__conts__price .label__ckbox__group label input ~ .txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 26px;
}
.aside__conts__group.--type03 .aside__conts__price .label__ckbox__group label + label {
  margin-top: 8px;
}
.aside__conts__group.--type03 .aside__conts__price .label__ckbox__group label + button {
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 20px;
}
.aside__conts__btns button {
  font-size: 16px;
  font-size: 1.6rem;
  height: 56px;
}
.aside__conts__btns button + button {
  margin-top: 8px;
}
.aside__conts__group.--type01 .aside__conts__btns {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.aside__conts__group.--type02 .aside__conts__btns, .aside__conts__group.--type03 .aside__conts__btns {
  padding: 20px;
}
.aside__conts__group.--type02 .aside__conts__btns button, .aside__conts__group.--type03 .aside__conts__btns button {
  width: 100%;
}

@media (max-width: 767px) {
  .introduce__section {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__section {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
.introduce__visual__banner__section {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../../img/bg/bg_introduce.jpg") no-repeat center/auto 100%;
  height: 200px;
}
@media (min-width: 768px) {
  .introduce__visual__banner__section {
    border-radius: 10px;
  }
  .introduce__visual__banner__section .title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 42px;
    letter-spacing: -0.06em;
  }
}
@media (max-width: 767px) {
  .introduce__visual__banner__section {
    height: 160px;
  }
  .introduce__visual__banner__section .title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    line-height: 36px;
    letter-spacing: -0.06em;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__visual__banner__section {
    height: 160px;
  }
  .introduce__visual__banner__section .title {
    font-family: "Roboto", "Noto Sans Korean", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    line-height: 36px;
    letter-spacing: -0.06em;
  }
}
.introduce__visual__banner__section + .introduce__conts__section {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .introduce__conts__section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.introduce__conts__title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .introduce__conts__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
  }
}
.introduce__conts__title ~ .introduce__conts__title {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .introduce__conts__title ~ .introduce__conts__title {
    margin-top: 60px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__title ~ .introduce__conts__title {
    margin-top: 60px;
  }
}
.introduce__conts__desc {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
@media (max-width: 767px) {
  .introduce__conts__desc {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__desc {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.introduce__conts__title + .introduce__conts__desc {
  margin-top: 20px;
}
.introduce__conts__title + .introduce__conts__service__section {
  margin-top: 48px;
}
@media (max-width: 767px) {
  .introduce__conts__title + .introduce__conts__service__section {
    margin-top: 38px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__title + .introduce__conts__service__section {
    margin-top: 38px;
  }
}
.introduce__conts__service__section > li + li {
  margin-top: 58px;
}
.introduce__conts__service__section > li:nth-of-type(1) .introduce__conts__service__group > p.title::before {
  content: "01";
}
.introduce__conts__service__section > li:nth-of-type(2) .introduce__conts__service__group > p.title::before {
  content: "02";
}
.introduce__conts__service__section > li:nth-of-type(3) .introduce__conts__service__group > p.title::before {
  content: "03";
}
.introduce__conts__service__section > li:nth-of-type(4) .introduce__conts__service__group > p.title::before {
  content: "04";
}
.introduce__conts__service__group {
  display: flex;
}
.introduce__conts__service__group > p.title {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  position: relative;
  flex-shrink: 0;
  width: 220px;
}
@media (max-width: 767px) {
  .introduce__conts__service__group > p.title {
    line-height: 24px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__service__group > p.title {
    line-height: 24px;
  }
}
.introduce__conts__service__group > p.title > span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.introduce__conts__service__group > p.title::before {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  color: #4063ec;
  line-height: 1;
  letter-spacing: -0.06em;
  position: absolute;
  top: -4px;
  left: 0;
  transform: translateY(-100%);
}
@media (min-width: 768px) {
  .introduce__conts__service__group > p.introduce__conts__desc {
    width: calc(100% - 240px);
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .introduce__conts__service__group > p.introduce__conts__desc {
    margin-top: 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__service__group > p.introduce__conts__desc {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .introduce__conts__service__group {
    flex-direction: column;
  }
  .introduce__conts__service__group br {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__service__group {
    flex-direction: column;
  }
  .introduce__conts__service__group br {
    display: none;
  }
}
@media (min-width: 901px) {
  .introduce__conts__steps__section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .introduce__conts__title + .introduce__conts__steps__section {
    margin-top: 20px;
  }
  .introduce__conts__desc + .introduce__conts__steps__section {
    margin-top: 40px;
  }
  .introduce__conts__steps__section > li {
    position: relative;
    display: flex;
  }
  .introduce__conts__steps__section > li:not(:last-of-type)::after {
    width: 40px;
    height: 40px;
    background: url("../../img/ico/ico_introduce_next.svg") no-repeat center/contain;
    content: "";
    position: absolute;
    top: 140px;
    right: -20px;
    transform: translateX(100%);
  }
  .introduce__conts__steps__section.--type02 > li:not(:last-of-type)::after {
    top: 124px;
  }
}
@media (min-width: 1250px) {
  .introduce__conts__steps__section > li {
    width: calc((100% - 240px) / 4);
  }
}
@media (min-width: 901px) and (max-width: 1249px) {
  .introduce__conts__steps__section > li {
    width: calc((100% - 80px) / 2);
  }
  .introduce__conts__steps__section > li:nth-of-type(2)::after {
    display: none;
  }
  .introduce__conts__steps__section > li:nth-of-type(n + 3) {
    margin-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .introduce__conts__steps__section > li:not(:last-of-type)::after {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (max-width: 900px) {
  .introduce__conts__title + .introduce__conts__steps__section, .introduce__conts__desc + .introduce__conts__steps__section {
    margin-top: 30px;
  }
  .introduce__conts__steps__section > li:not(:last-of-type)::after {
    background: url("../../img/ico/ico_introduce_next_mo.svg") no-repeat center/auto 100%;
    content: "";
    display: block;
    height: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .introduce__conts__steps__section > li:not(:last-of-type)::after {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__steps__section > li:not(:last-of-type)::after {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
}
.introduce__conts__steps__item > i.icobox {
  width: 100px;
  height: 100px;
  display: block;
  background: no-repeat center/contain;
}
.introduce__conts__steps__item > p:not(.step) {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
}
.introduce__conts__steps__item > p.step {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #4063ec;
  line-height: 17px;
  letter-spacing: -0.06em;
  margin-top: 20px;
}
.introduce__conts__steps__item > p.title + .bullet {
  margin-top: 20px;
}
.introduce__conts__steps__item > p.desc {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 16px;
  font-weight: 400;
}
.introduce__conts__steps__item > ul.bullet {
  overflow: hidden;
}
.introduce__conts__steps__item > ul.bullet > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.06em;
  position: relative;
  padding-left: 12px;
}
.introduce__conts__steps__item > ul.bullet > li .point {
  color: #1ccdcc;
}
@media (min-width: 768px) {
  .introduce__conts__steps__item > ul.bullet > li + li {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .introduce__conts__steps__item > ul.bullet > li + li {
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__steps__item > ul.bullet > li + li {
    margin-top: 8px;
  }
}
.introduce__conts__steps__item > ul.bullet > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .introduce__conts__steps__item > ul.bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__steps__item > ul.bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.introduce__conts__steps__item > ul.bullet > li + li {
  margin-top: 8px !important;
}
@media (max-width: 900px) {
  .introduce__conts__steps__item > ul.bullet > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
  .introduce__conts__steps__item > ul.bullet > li .inner-category > li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
@media (max-width: 900px) {
  .introduce__conts__steps__item > i.icobox {
    margin: 0 auto;
  }
  .introduce__conts__steps__item > p.step {
    margin: 30px 0 5px;
  }
  .introduce__conts__steps__item > p.desc {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
  }
}
.introduce__conts__btns__section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .introduce__conts__btns__section > button:only-of-type {
    width: 100%;
    height: 52px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .introduce__conts__btns__section > button:only-of-type {
    width: 100%;
    height: 52px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.datepicker__inline__group {
  display: flex;
  flex-direction: column-reverse;
  max-width: 620px;
  margin: 0 auto;
}
.datepicker__inline__group .lightpick {
  border-bottom: 1px solid #e0e0e0;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 19px;
  letter-spacing: -0.06em;
  padding: 30px 0 20px;
  border-radius: 0;
  box-shadow: none;
  letter-spacing: -0.64px;
  z-index: 0;
}
@media (max-width: 767px) {
  .datepicker__inline__group .lightpick {
    padding: 24px 0 20px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datepicker__inline__group .lightpick {
    padding: 24px 0 20px;
  }
}
.datepicker__inline__group .lightpick__select {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 29px;
  letter-spacing: -0.06em;
  letter-spacing: -0.96px;
  opacity: 1;
}
.datepicker__inline__group .lightpick__select.lightpick__select-years {
  margin-left: 20px;
}
.datepicker__inline__group .lightpick__select.lightpick__select-months {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .datepicker__inline__group .lightpick__select {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    letter-spacing: -0.8px;
  }
  .datepicker__inline__group .lightpick__select.lightpick__select-years {
    margin-left: 30px;
  }
  .datepicker__inline__group .lightpick__select.lightpick__select-months {
    margin-right: 30px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datepicker__inline__group .lightpick__select {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    letter-spacing: -0.8px;
  }
  .datepicker__inline__group .lightpick__select.lightpick__select-years {
    margin-left: 30px;
  }
  .datepicker__inline__group .lightpick__select.lightpick__select-months {
    margin-right: 30px;
  }
}
.datepicker__inline__group .lightpick__month {
  width: 100%;
  padding: 0;
}
.datepicker__inline__group .lightpick__month-title {
  order: 2;
  margin: 0;
  padding: 0;
  font: initial;
}
.datepicker__inline__group .lightpick__month-title-bar {
  justify-content: center;
  margin-bottom: 30px;
}
.datepicker__inline__group .lightpick__previous-action, .datepicker__inline__group .lightpick__next-action {
  width: 11px;
  height: 19px;
  margin: 0;
  border-radius: 0;
}
.datepicker__inline__group .lightpick__previous-action > span, .datepicker__inline__group .lightpick__next-action > span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.datepicker__inline__group .lightpick__previous-action {
  background: url("../../img/ico/ico_datepicker_arrowL_darkbg.svg") no-repeat center/contain;
  order: 1;
}
.datepicker__inline__group .lightpick__next-action {
  background: url("../../img/ico/ico_datepicker_arrowR_darkbg.svg") no-repeat center/contain;
  order: 3;
}
.datepicker__inline__group .lightpick__days-of-the-week {
  margin-bottom: 20px;
}
.datepicker__inline__group .lightpick__day-of-the-week {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  letter-spacing: -0.56px;
}
.datepicker__inline__group .lightpick__day {
  width: auto;
  height: 60px;
  border-radius: 0 !important;
}
.datepicker__inline__group .lightpick__day > p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 100%;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 19px;
  letter-spacing: -0.06em;
  border-radius: 50%;
  letter-spacing: -0.64px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .datepicker__inline__group .lightpick__day {
    height: 40px;
    margin: 5px 0;
  }
  .datepicker__inline__group .lightpick__day > p {
    width: 40px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datepicker__inline__group .lightpick__day {
    height: 40px;
    margin: 5px 0;
  }
  .datepicker__inline__group .lightpick__day > p {
    width: 40px;
  }
}
.datepicker__inline__group .lightpick__day:hover:not(.is-in-range) {
  background: transparent;
}
.datepicker__inline__group .lightpick__day.is-today {
  background: transparent;
  font: initial;
}
.datepicker__inline__group .lightpick__day.is-today > p {
  color: #1ccdcc;
}
.datepicker__inline__group .lightpick__day.is-in-range {
  background: #f5f5f5;
}
.datepicker__inline__group .lightpick__day.is-end-date, .datepicker__inline__group .lightpick__day.is-start-date {
  background: transparent;
}
.datepicker__inline__group .lightpick__day.is-end-date > p, .datepicker__inline__group .lightpick__day.is-start-date > p {
  background: #4063ec;
  color: #fff;
}
.datepicker__inline__group .lightpick__day.is-start-date.is-in-range:not(.is-end-date), .datepicker__inline__group .lightpick__day.is-end-date.is-in-range.is-flipped:not(.is-start-date) {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 50%);
}
.datepicker__inline__group .lightpick__day.is-end-date.is-in-range:not(.is-start-date), .datepicker__inline__group .lightpick__day.is-start-date.is-in-range.is-flipped:not(.is-end-date) {
  background: rgb(255, 255, 255);
  background: linear-gradient(-90deg, rgb(255, 255, 255) 50%, rgb(245, 245, 245) 50%);
}
.datepicker__inline__group .lightpick__day.is-available ~ .is-disabled, .datepicker__inline__group .lightpick__day.is-available.is-in-range ~ .is-in-range.is-disabled {
  opacity: 1;
}
.datepicker__inline__group .lightpick__day.is-previous-month, .datepicker__inline__group .lightpick__day.is-available.is-in-range ~ .is-disabled {
  opacity: 0.2;
}
.datepicker__inline__group .lightpick__day:nth-of-type(7n):not(.is-previous-month) p {
  color: #4063ec;
}
.datepicker__inline__group .lightpick__day:nth-of-type(7n + 1):not(.is-previous-month) p {
  color: #ee1a1a;
}
@media (max-width: 767px) {
  .datepicker__inline__group .lightpick__day.is-available ~ .is-disabled {
    opacity: 0.5;
  }
  .datepicker__inline__group .lightpick__day.is-available.is-start-date ~ .is-disabled {
    opacity: 0.5;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datepicker__inline__group .lightpick__day.is-available ~ .is-disabled {
    opacity: 0.5;
  }
  .datepicker__inline__group .lightpick__day.is-available.is-start-date ~ .is-disabled {
    opacity: 0.5;
  }
}
.datepicker__inline__group .is-select ~ .lightpick .lightpick__day.is-available.is-in-range ~ .is-disabled {
  opacity: 1;
}
.datepicker__inline__info__group {
  display: flex;
  margin-top: 20px;
}
.datepicker__inline__info__group > li {
  display: flex;
  align-items: center;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  letter-spacing: -0.56px;
}
.datepicker__inline__info__group > li + li {
  margin-left: 20px;
}
.datepicker__inline__info__group > li::before {
  width: 20px;
  height: 20px;
  content: "";
  flex-shrink: 0;
  margin-right: 8px;
  background: #e0e0e0;
  border-radius: 50%;
}
.datepicker__inline__info__group > li.select::before {
  background: #4063ec;
}
.datepicker__inline__select__group {
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  margin-top: 60px;
  padding-bottom: 20px;
}
.datepicker__inline__select__group > li {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 29px;
  letter-spacing: -0.06em;
  letter-spacing: -0.8px;
}
@media (max-width: 767px) {
  .datepicker__inline__select__group > li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    letter-spacing: -0.64px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .datepicker__inline__select__group > li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    letter-spacing: -0.64px;
  }
}
.datepicker__inline__select__group .txt {
  margin-left: 40px;
  font-weight: 400;
  color: #707070;
}
.datepicker__inline__select__group .txt.is-select {
  padding-top: 2px;
  font-weight: 700;
  color: #4063ec;
  line-height: 24px;
}
.datepicker__range__section {
  display: flex;
  align-items: center;
}
.datepicker__range__section .to {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 19px;
  letter-spacing: -0.06em;
  margin: 0 10px;
}
.datepicker__range__section.is-date-select .range-start::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  height: 40px;
  content: "";
  right: 0;
  background: #f5f5f5;
}
.datepicker__range__section.is-date-select .range-end::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  height: 40px;
  content: "";
  left: 0;
  background: #f5f5f5;
}
.datepicker__range__group {
  position: relative;
  flex: 1;
  max-width: 50%;
}
.datepicker__range__group > input {
  width: 100%;
  height: 48px;
  border: 1px solid #ccc;
  background: url("../../img/ico/ico_datepicker.png") no-repeat center right/24px;
  padding: 0 20px;
  border-radius: 5px;
  background-origin: content-box;
}
.datepicker__range__group > input.datepicker-input.in-edit {
  border-color: #ccc;
}
.datepicker__range__group > input.datepicker-input.in-edit:active, .datepicker__range__group > input.datepicker-input.in-edit:focus {
  box-shadow: none;
}
.datepicker__range__group .datepicker {
  padding-top: 8px;
  z-index: 100000;
}
.datepicker__range__group .datepicker-picker {
  width: 383px;
  padding: 24px 20px;
  border-radius: 10px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
}
.datepicker__range__group .datepicker-main {
  padding: 0;
}
.datepicker__range__group .datepicker-view {
  width: 100%;
}
.datepicker__range__group .datepicker-view .days {
  width: 100%;
}
.datepicker__range__group .datepicker-view .days-of-week {
  margin-bottom: 10px;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 50px;
  background: transparent;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  color: #222;
  line-height: 19px;
  letter-spacing: -0.06em;
  flex: 0 0 40px;
  position: relative;
  border-radius: 50%;
  letter-spacing: -0.64px;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.today > span {
  background: transparent;
  color: #1ccdcc;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.today.focused:not(.selected) {
  background: transparent;
  color: #1ccdcc;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.selected > span, .datepicker__range__group .datepicker-view .days .datepicker-cell.range-end > span, .datepicker__range__group .datepicker-view .days .datepicker-cell.range-start > span {
  background: #4063ec;
  color: #fff !important;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.range > span {
  background: #f5f5f5;
  border-radius: 0;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.range::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40px;
  content: "";
  background: #f5f5f5;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.day:hover {
  background: transparent;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell:nth-of-type(7n):not(.holiday) > span {
  color: #4063ec;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.holiday:not(.today):not(.range-end):not(.range-start) > span, .datepicker__range__group .datepicker-view .days .datepicker-cell:nth-of-type(7n + 1) > span {
  color: #ee1a1a;
}
.datepicker__range__group .datepicker-view .dow {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.06em;
  height: 20px;
  letter-spacing: -0.56px;
}
.datepicker__range__group .datepicker-grid {
  width: 100%;
}
.datepicker__range__group .datepicker-footer {
  background: transparent;
  box-shadow: none;
}
.datepicker__range__group .datepicker-footer .today-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 30px;
  border: 1px solid #ccc;
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: -0.06em;
  position: absolute;
  top: 28px;
  right: 20px;
  margin: 0;
  border-radius: 15px;
  letter-spacing: -0.56px;
}
.datepicker__range__group [class*=-header] {
  margin-bottom: 30px;
}
.datepicker__range__group [class*=-header] .datepicker-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.datepicker__range__group [class*=-header] .datepicker-controls .button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font: initial;
}
.datepicker__range__group [class*=-header] .datepicker-controls .next-btn,
.datepicker__range__group [class*=-header] .datepicker-controls .prev-btn {
  width: 11px;
  height: 19px;
  background: url("../../img/ico/ico_datepicker_arrowL_darkbg.svg") no-repeat center/11px 19px;
}
.datepicker__range__group [class*=-header] .datepicker-controls .next-btn {
  background-image: url("../../img/ico/ico_datepicker_arrowR_darkbg.svg");
}
.datepicker__range__group [class*=-header] .datepicker-controls .view-switch {
  font-family: "Roboto", "Noto Sans Korean", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.06em;
  flex: 0;
  height: initial;
  margin: 0 30px;
  letter-spacing: -0.8px;
}

.ui-datepicker {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  text-indent: -9999px !important;
  line-height: 0 !important;
  overflow: hidden !important;
  z-index: -1 !important;
}

.ps__rail-y {
  z-index: 1000000;
}

.js-wrap-scroll .scrollbar-track-y {
  right: 2px;
  background: transparent;
}
.js-wrap-scroll .scrollbar-thumb {
  background: #ccc;
}

.js-scroll-inner .scrollbar-track-y {
  top: 6px;
  right: 6px;
  height: calc(100% - 12px);
  background: transparent !important;
}
.js-scroll-inner .scrollbar-thumb {
  background: #d7dae6;
}

.js-dataselect-scroll[data-scrollbar].sticky .scrollbar-track {
  right: 0;
  width: 24px;
  background: transparent;
}
@media (max-width: 767px) {
  .js-dataselect-scroll[data-scrollbar].sticky .scrollbar-track {
    width: 11px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .js-dataselect-scroll[data-scrollbar].sticky .scrollbar-track {
    width: 11px;
  }
}
.js-dataselect-scroll .scrollbar-thumb {
  width: 24px;
  background: transparent;
  border-radius: 0;
}
@media (max-width: 767px) {
  .js-dataselect-scroll .scrollbar-thumb {
    width: 11px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .js-dataselect-scroll .scrollbar-thumb {
    width: 11px;
  }
}
.js-dataselect-scroll .scrollbar-thumb::after {
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  background: #d7dae6;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .js-dataselect-scroll .scrollbar-thumb::after {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    top: 4px;
    left: 4px;
  }
}
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 767px) {
  .js-dataselect-scroll .scrollbar-thumb::after {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    top: 4px;
    left: 4px;
  }
}

.drawer-menu__section [data-scrollbar].sticky .scrollbar-track {
  right: 0;
  width: 12px;
  background: transparent !important;
}
.drawer-menu__section [data-scrollbar] .scrollbar-thumb {
  width: 12px;
  height: 12px;
  position: relative;
  background: transparent !important;
}
.drawer-menu__section [data-scrollbar] .scrollbar-thumb::before {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  background: #e0e0e0;
  border-radius: 8px;
}

.js-sub-scroll[data-scrollbar].sticky .scrollbar-track {
  right: 0;
  width: 18px;
  background: transparent !important;
}
.js-sub-scroll[data-scrollbar].sticky .scrollbar-thumb {
  width: 18px;
  height: 18px;
  position: relative;
  background: transparent !important;
}
.js-sub-scroll[data-scrollbar].sticky .scrollbar-thumb::before {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  background: #d7dae6;
  border-radius: 8px;
}

.main [data-scrollbar] .scrollbar-track.show {
  background: rgba(255, 255, 255, 0);
}

/*# sourceMappingURL=index.css.map */