/* BASIC css start */
/* === */
.container__anc27 {
  box-sizing: border-box; 
  font-family:'MADE Mirage Medium', 'source-han-serif-korean', serif;
  font-size: 12px;
  word-break: keep-all;
}
.container__anc27 {padding-top: 30px; padding-bottom: 10px;}
.container__anc27 * {box-sizing: inherit; font-family: inherit; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;}
.container__anc27 img {display: block;}
.container__anc27 .anc27s .inner {
  max-width: 1350px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container__anc27 .ss-top {padding-top: 100px; padding-bottom: 90px;}
.container__anc27 .ss-top .inner {
  overflow-x: hidden;
}
.container__anc27 .ss-top h3 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 50px;
}
.container__anc27 .ss-top ul {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.container__anc27 .ss-top li {
  font-size: 13px;
  line-height: 2;
}
.container__anc27 .ss-top .b-i {
  width: 100%;
}
.container__anc27 .top-fx {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}

.container__anc27 .sscollec {padding-top: 90px; padding-bottom: 60px;}
.container__anc27 .sscollec .inner {max-width: 1000px;}
.container__anc27 .sscollec h4 {
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
}
.container__anc27 .sscollec .d-box {
  display: flex;
  flex-direction: column;
  row-gap: 100px;
}
.container__anc27 .sscollec .desc {
  text-align: center;
  font-size: 12px;
  line-height: 2;
}
.container__anc27 .sscollec .dsc-ko {margin-top: 60px;}
.container__anc27 .ssc-gal {padding: 0 25px;}
.container__anc27 .ssc-gal .gal-i img {width: 100%;}


@media screen and (min-width: 768px) {
  .container__anc27 .mxbr {display: none;}
  .container__anc27 .mxspn {display: block;}

  .container__anc27 .ss-top h3 {font-size: 20px;}
  .container__anc27 .ss-top ul {
    display: flex;
    flex-direction: row;
    margin: 0 -25px;
  }
  .container__anc27 .ss-top li {
    flex: 1 1 50%;
    padding: 0 25px;
  }
  .container__anc27 .top-fx {
    flex-direction: column-reverse;
    row-gap: 90px;
  }

  .container__anc27 .ss-top {padding-top: 100px; padding-bottom: 150px;}
  .container__anc27 .sscollec {padding-top: 120px; padding-bottom: 80px;}
}

@media screen and (min-width: 1200px) {
  .container__anc27 .ss-top ul {margin: 0 -50px;}
  .container__anc27 .ss-top li {padding: 0 50px;}
}

/* BASIC css end */