body {
  font-family: 'Montserrat', 'Pretendard', sans-serif;
  background-color: #ffffff;
  -o-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  color: rgb(71, 67, 63);
}

body {
  position: relative;
  max-width: 1920px;
  margin: 0 auto !important;
}

#edit {
  padding: 95px 50px;
}

@media only screen and (max-width: 767px) {
  #edit {
    padding: 25px 0px;
  }

  #edit .title {
    text-align: center;
  }

  #edit .title h1 {
    font-size: 16px;
  }
}

#edit .edit-wrap {
  background: #fff;
  padding: 30px;
  border: 1px solid #d8d8d8;
}

@media only screen and (max-width: 767px) {
  #edit .edit-wrap {
    background: transparent;
    padding: 15px 0px 50px;
  }
}

#edit .acf-form-submit {
  text-align: center;
}

#edit .acf-form-submit input {
  background: #2dadf5;
  padding: 15px 25px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
}

#edit_admin span {
  display: block;
  color: #333;
  font-size: 14px;
  margin-bottom: 5px;
}

#edit_admin a {
  padding: 5px 15px;
  background: #fff;
  border: 1px solid #e4e4e4;
  display: inline-block;
  width: initial;
  margin-bottom: 0;
}

#edit_admin .setting_edit {
  text-align: center;
  padding: 15px 30px;
  background: #fff;
  margin-bottom: 15px;
  background: #f1f1f1;
}

#edit_admin .setting_edit a {
  display: inline-block;
  margin: 15px auto 5px;
}

@media only screen and (min-width: 768px) {
  #edit_admin .edit_admin_wrap a:first-child:hover {
    background: #eaeaea;
  }

  #edit_admin .edit_admin_wrap a:last-child:hover {
    background: #ffb6b6;
  }
}

#edit_admin .edit_admin>div {
  float: left;
}

#edit_admin .edit_admin a {
  margin-right: 5px;
}

#modal {
  display: none;
}

#modal .modal-wrap {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

#modal .modal-wrap>.modal-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#modal .modal-wrap>.modal-inner .modal-contents {
  padding: 60px 30px;
}

#modal .modal-wrap>.modal-inner .modal-contents img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

#modal .modal-wrap .bg_col {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  height: 100vh;
  background: rgba(0, 0, 0, 0.55);
  z-index: -1;
}

#nav {
  background: #ffffff;
}

/* PC: 선택된 메뉴 - 글래스모피즘 알약 스타일 */
@media only screen and (min-width: 768px) {
  #nav .current-menu-item a {
    background: rgba(0, 155, 216, 0.1);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 20px;
    color: #009bd8;
    margin: 10px 5px;
    padding: 10px 15px !important;
  }
}

a,
a:visited {
  color: #626262;
  text-decoration: none;
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  display: none;
}

/* ystowel3: Top Horizontal Header Layout */
header#header-box {
  width: 100%;
  height: auto;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9350;
}

header#header-box .header-wrap {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
}

header#header-box .header-wrap .nav-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 30px;
  max-width: 1720px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  header#header-box .header-wrap .nav-wrap {
    padding: 0;
    display: block;
  }
}

/* Override style.css main-navigation for top header layout */
.main-navigation {
  float: none;
  width: auto;
  margin-left: auto;
  clear: none;
}

#top-nav {
  padding: 0;
  width: auto;
  display: flex;
  align-items: center;
}

/* 반응형 내비게이션: 화면 크기에 따라 메뉴 아이템 자동 축소 */
@media only screen and (min-width: 768px) {
  #top-nav {
    flex: 1;
    justify-content: flex-end;
  }

  #top-nav li {
    flex: 0 1 auto;
  }

  #top-nav li a {
    padding: 20px 15px;
    font-size: 17px;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #top-nav li a {
    padding: 18px 10px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #top-nav li a {
    padding: 18px 8px;
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  #top-nav {
    display: none;
    width: 100%;
    flex-direction: column;
    background: #fff;
  }

  #nav.toggled #top-nav {
    display: flex;
  }
}

.brand-logo {
  text-align: left;
  flex-shrink: 0;
  padding: 15px 0;
}

.brand-logo a {
  font-size: 0;
  display: inline-block;
}

.brand-logo a img.pc_logo {
  width: 120px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .brand-logo .pc_logo {
    display: none;
  }
}

.brand-logo .m_logo {
  width: auto;
  height: 32px;
}

@media only screen and (min-width: 768px) {
  .brand-logo .m_logo {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .brand-logo {
    height: 32px;
    box-sizing: content-box;
    text-align: left;
    display: block;
    padding: 15px 25px 15px;
  }
}

button.menu-toggle {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px 25px 15px;
  background: transparent;
  border: none;
  outline: none;
  height: 32px;
  box-sizing: content-box;
}

button.menu-toggle img {
  width: 16px;
  height: 14px;
}

#top-nav li {
  float: none;
  display: inline-block;
  width: auto;
  text-align: center;
}

#top-nav li a {
  color: #626262;
  display: block;
  transition: color 0.2s ease;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  #top-nav li {
    width: 100%;
  }

  #top-nav li a {
    padding: 15px 25px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
}

#top-nav li a:hover {
  color: #009bd8;
}

/* Content area adjustment for top header */
#wrap {
  padding-top: 70px;
}

@media only screen and (max-width: 767px) {
  #wrap {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    padding-top: 62px;
  }
}

#content {
  background: #ffffff;
  padding-bottom: 95px;
}

.brand-icon {
  width: 20px;
  height: 16px;
}

.search-icon {
  width: 16px;
  height: 16px;
}

.filter-icon {
  width: 16px;
  height: 16px;
}

.list-wrap {
  padding: 2%;
}

.list-wrap .list-title {
  margin-top: 10px;
  margin-bottom: 10px;
}

.list-wrap .list-title h2 {
  text-align: center;
  margin: 0px;
  font-weight: 400;
  color: #626262;
}

.list-wrap ul {
  display: table;
  width: 100%;
}

.list-wrap ul>li {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  padding: 2%;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .list-wrap ul>li {
    width: 50%;
  }
}

.list-wrap ul>li article {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .list-wrap ul>li article:hover .edit_wrap {
    display: block;
  }
}

.list-wrap ul>li article>a {
  display: block;
}

.list-wrap ul>li article .ys-div {
  padding: 5px 0 10px;
}

.list-wrap ul>li article .ys-div h2 {
  margin: 0px;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}

.list-wrap ul>li article .ys-div p {
  margin: 0px;
  margin-top: -25px;
  font-size: 14px;
  color: #424242;
}

.list-wrap ul>li img {
  display: block;
  width: 100%;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  #indexpage {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  #indexmobile {
    display: none;
  }
}

.bookmarks {
  margin: 0;
  float: none;
}

.bookmarks a {
  float: left;
  width: 33.3333333333333%;
  margin: 0px;
  padding: 30px 0;
  box-sizing: border-box;
  text-align: center;
  color: #626262;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  height: 19px;
  box-sizing: content-box;
  line-height: 19px;
}

.bookmarks a img {
  height: 19px;
  display: inline-block;
}

.bookmarks a p {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  height: 19px;
  line-height: 19px;
  box-sizing: border-box;
  padding-left: 5px;
}

.bookmarks::after {
  content: '';
  display: table;
  clear: both;
}

.banners {
  margin: 0;
  display: inline-block;
  width: 100%;
}

.banners img {
  width: 100%;
  max-width: 100%;
}

.banners .banners_wrap {
  padding: 1em 1.5em 2em;
  background: #009bd8;
}

.banners .banners_wrap a {
  color: #f9f9f9;
}

.banners .banners_wrap h1 {
  margin: 0px;
}

.banners .banners_wrap span {
  font-size: 13px;
}

.banners .banners_wrap p {
  margin: 0px;
  padding: 0;
}

#page-layout {
  padding: 95px 50px;
}

@media only screen and (max-width: 767px) {
  #page-layout {
    padding: 0;
  }
}

#page-layout header.title {
  text-align: center;
}

#post.content-area {
  padding: 95px 50px 0;
}

@media only screen and (max-width: 767px) {
  #post.content-area {
    padding: 0;
  }
}

#post.content-area header.title {
  text-align: center;
}

.post_wrap .plain {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #ccc;
}

.post_wrap .plain .post_img {
  width: 100%;
  height: 300px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.post_wrap .plain .post_desc {
  padding: 30px;
}

.post_wrap .plain .post_desc h4 {
  font-weight: 300;
  font-size: 37px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .post_wrap .plain .post_desc h4 {
    font-size: 24px;
  }
}

.post_wrap .plain .post_desc span {
  text-align: center;
  display: block;
  margin-bottom: 55px;
}

.post_wrap>ul li {
  position: relative;
}

.post_wrap>ul li:hover #edit_admin.inner_edit_wrap a {
  display: inline-block;
}

.post_wrap>ul li #edit_admin.inner_edit_wrap {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 9;
}

.post_wrap>ul li #edit_admin.inner_edit_wrap a {
  display: none;
  width: initial;
}

.post_wrap>ul li a {
  display: table;
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  background: #fff;
  transition: ease-in .2s;
}

.post_wrap>ul li a:hover {
  transform: scale(1.02);
}

.post_wrap>ul li a:hover>div {
  opacity: .5;
}

.post_wrap>ul li a>div {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .post_wrap>ul li a>div {
    float: left;
    width: 100% !important;
    display: inline-block;
  }
}

.post_wrap>ul li a .press_img {
  width: 200px;
  height: 150px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.post_wrap>ul li a .press_desc {
  padding: 15px 30px 25px;
}

.post_wrap>ul li a .press_desc h4 {
  font-weight: 300;
  font-size: 27px;
}

.post_wrap>ul li a .press_desc p {
  margin-top: 10px;
  color: #616161;
}

.post_wrap>ul li a .press_date {
  width: 100px;
  font-size: 12px;
  background: #dcdcdc;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .post_wrap>ul li a .press_date span {
    display: block;
    padding: 5px;
  }
}

.post_wrap>ul li a h4 {
  margin: 0;
}

.post_wrap>ul li a p {
  margin: 0;
}

.pagination {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.pagination span,
.pagination a {
  padding: 5px 10px;
}

#brand-layout {
  position: relative;
}

.brand_nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
}

@media only screen and (max-width: 767px) {
  .brand_nav {
    position: fixed;
    top: 62px;
  }
}

.brand_nav_boxes {
  position: relative;
  display: block;
  width: 100%;
}

.brand_nav_boxes .brand_nav_box {
  cursor: pointer;
  display: inline-block;
  padding: 15px 10px;
  text-align: center;
}

.brand_nav_boxes .brand_nav_box.slick-current {
  background: #eaeaea;
  outline: none;
}

@media only screen and (max-width: 767px) {
  .brand_nav_boxes .brand_nav_box {
    padding: 0;
  }
}

.brand_nav_boxes .brand_nav_box p {
  margin: 0;
}

.brand_nav_boxes .brand_nav_box img {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .brand_nav_boxes .brand_nav_box img {
    height: 60px;
    width: auto;
  }
}

.brand_page {
  position: absolute;
  width: 100%;
  height: 100vh;
  padding-top: 60px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .brand_page {
    position: relative;
    overflow: auto;
    height: auto;
  }
}

.brand_box {
  width: 100%;
  height: 100vh;
}

@media only screen and (max-width: 767px) {
  .brand_box {
    height: 100%;
  }
}

.brand_box>div {
  float: left;
  width: 50%;
  height: 100vh;
  display: table;
}

@media only screen and (max-width: 767px) {
  .brand_box>div {
    width: 100%;
    height: 100%;
  }
}

.brand_box .brand_desc_inner {
  display: table-cell;
  vertical-align: middle;
  padding-left: 2em;
  padding-right: 2em;
}

@media only screen and (max-width: 767px) {
  .brand_box .brand_desc_inner {
    padding-top: 2em;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2em;
  }
}

.brand_box .brand_desc_inner h4 {
  font-size: 35px;
  font-weight: normal;
  padding: 2% 2% 0;
  margin: 0;
  display: inline-block;
  color: #626262;
}

.brand_box .brand_desc_inner h5 {
  font-size: 18px;
  color: #848484;
  margin: 0;
  padding: 0;
  display: inline-block;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .brand_box .brand_desc_inner h5 {
    display: block;
    padding: 0 2% 4%;
    font-size: 14px;
  }
}

.brand_box .brand_desc_inner p {
  color: #626262;
  padding: 1.8em 2%;
  margin: 0;
  word-break: break-all;
}

.brand_box .brand_desc_inner span {
  display: block;
  padding: 2% 2% 0;
}

.brand_box .brand_desc_inner span a {
  padding: 5px 10px;
  color: #626262;
  border: 1px solid #626262;
  letter-spacing: 1.2px;
  font-weight: bold;
}

.brand_box .brand_img {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .brand_box .brand_img {
    width: 100%;
    height: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .brand_box .brand_example {
    padding: 25px 0;
  }
}

.brand_box .brand_example li {
  width: 25%;
  padding: 2%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .brand_box .brand_example li {
    width: 50%;
  }
}

.brand_box .brand_example h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 200;
  text-align: center;
}

i.ucn {
  position: absolute;
  top: 0;
  height: 100%;
  width: 40px;
  z-index: 11;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: .4;
}

i.ucn.slick-disabled {
  opacity: 0;
}

.unc-arrow-left {
  left: 0px;
  background-image: url(/wp-content/themes/ystowel/assets/img/left-arr.svg);
}

.unc-arrow-right {
  right: 0px;
  background-image: url(/wp-content/themes/ystowel/assets/img/right-arr.svg);
}

.about-header {
  display: table;
  width: 100%;
  max-width: 100%;
  height: 400px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.about-box {
  max-width: 1200px;
  margin: 0 auto;
  font-family: 'Noto Serif KR', serif;
  color: #636363;
  padding: 0 15px;
}

@media only screen and (max-width: 1199px) {
  .about-box h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .about-box h1 {
    font-size: 24px;
    font-weight: 400;
  }
}

.about-box .about-desc {
  text-align: center;
  padding: 4em 0;
}

.about-box .mid-about {
  position: relative;
}

.about-box .mid-about .mid-text {
  position: absolute;
  font-size: 19px;
  width: 600px;
  padding: 2em 3em 1em 0;
  bottom: -20px;
  background: #fff;
  margin: 0;
  line-height: 1.8;
  z-index: 2;
  left: -1px;
}

@media only screen and (max-width: 1199px) {
  .about-box .mid-about .mid-text {
    position: relative;
    font-size: 15px;
    left: 0px;
    padding: 2em 2em;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .about-box .mid-about .mid-text {
    padding: 2em 0px;
  }
}

.about-box .mid-about .mid-text span {
  font-weight: bold;
  font-size: 27px;
}

@media only screen and (max-width: 1199px) {
  .about-box .mid-about .mid-text span {
    font-size: 21px;
  }
}

.about-box img {
  width: 100%;
  max-width: 100%;
}

.about-box .bottom-title {
  font-size: 27px;
  text-align: left;
  margin: 0px;
  font-weight: bold;
  padding-bottom: 1em;
  display: block;
}

.about-box .bottom-about {
  position: relative;
  padding: 10% 0 5%;
  margin-top: 20%;
}

@media only screen and (max-width: 1199px) {
  .about-box .bottom-about {
    margin-top: 0;
    padding: 2% 0 5%;
  }
}

.about-box .bottom-about .bottom-inner {
  position: absolute;
  background: #fff;
  max-width: 90%;
  left: 5%;
  padding: 1em 3em 2em;
  top: 0;
}

@media only screen and (max-width: 1199px) {
  .about-box .bottom-about .bottom-inner {
    position: relative;
    max-width: 100%;
    padding: 2em 2em;
    left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .about-box .bottom-about .bottom-inner {
    padding: 2em 0px;
  }
}

.about-box .bottom-about .bottom-inner .bottom-text {
  font-size: 17px;
  line-height: 2;
}

.about-box .bottom-about .bottom-inner .ceo {
  font-size: 19px;
  color: #333;
  font-weight: bold;
}

.contact-header {
  display: table;
  width: 100%;
  max-width: 100%;
  height: 400px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contact-box {
  max-width: 1200px;
  margin: 0 auto;
  color: #636363;
  padding: 0 15px;
}

.contact-box .contact-desc {
  text-align: center;
  padding: 4em 0;
}

@media only screen and (max-width: 767px) {
  .contact-box .contact-desc h1 {
    font-size: 1.6em;
  }
}

.contact-box .contact-desc h2 {
  font-size: 1.3em;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .contact-box .contact-desc h2 {
    font-size: 1em;
  }
}

#page-layout .wpcf7 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px;
  background: #f1f1f1;
}

@media only screen and (max-width: 767px) {
  #page-layout .wpcf7 {
    padding: 50px 15px;
  }
}

.form_box {
  display: table;
  width: 100%;
}

.form_box>div {
  float: left;
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .form_box>div {
    width: 100%;
  }
}

.form_box .form_title h2 {
  margin: 0px;
}

.form_box .form_info .label {
  display: block;
  padding: 10px 0;
  width: 100%;
}

.form_box .form_info .label p {
  display: inline-block;
  width: calc(100% - 60px);
}

.form_box .form_info .label select {
  width: 100%;
}

.form_box .form_info br {
  display: none;
}

.form_box .form_info span {
  display: inline-block;
  width: 100%;
}

.form_box .form_info .span {
  display: inline-block;
  width: 50px;
  text-align: right;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .form_box .form_info .span {
    text-align: left;
  }
}

.form_box .form_info .wpcf7-form-control-wrap.your-locate {
  text-align: left;
}

.form_box .form_info input {
  display: inline-block;
  width: 100%;
  border: 1px solid #ececec;
  border-bottom: 1px solid #626262;
  border-radius: 0;
}

.form_box .form_info input:focus {
  outline: none;
  background: #f1f1f1;
}

.form_box .form_desc {
  width: 100%;
}

.form_box .form_desc .span {
  font-size: 21px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 25px;
  margin-top: 25px;
  border-top: 2px solid #dedede;
}

.form_box p {
  margin: 0;
}

.form_box textarea {
  resize: vertical;
}

.agree_box {
  display: table;
  width: 100%;
  background: #fff;
  margin-top: 25px;
  padding: 25px;
  border: 1px solid #626262;
}

.agree_box .agree_check p {
  margin: 0px;
}

.submit_btn {
  text-align: center;
  margin-top: 25px;
}

.submit_btn input {
  background: #fff;
  padding: 10px 25px;
  font-size: 17px;
  cursor: pointer;
}

.submit_btn input[disabled] {
  background: #ccc;
  color: #909090;
}

#toggled_bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  left: 0;
  top: 0;
  display: none;
}

#toggled_bg.toggled {
  display: block;
}

/* nav_bottom - hidden for top header layout */
.nav_bottom {
  display: none;
}

.nav_bottom p {
  margin: 0;
}

.nav_bottom h6 {
  margin: 1em;
}

.copyright_main_m {
  text-align: center;
  display: table;
  width: 100%;
  background: #777779;
}

@media only screen and (min-width: 768px) {
  .copyright_main_m {
    display: table;
  }
}

.copyright_main_m>p {
  font-size: 12px;
  color: #fff;
}

.copyright_main_m .ys_mbottom,
.copyright_main_m .ys_mbottom * {
  color: #fff;
}

.copyright_main_m .ys_mbottom hr {
  display: none;
}

@media only screen and (min-width: 768px) {
  .site-footer {
    display: block;
    text-align: center;
    padding: 30px 0;
    background: #777779;
    border-top: none;
    /* 부모 컨테이너 제한 벗어나서 전체 너비 확장 */
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    margin-right: 0;
  }
}

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