.ui-contents .ico,
.ui-contents .section01 .top-title,
.ui-contents .section03 .title,
.ui-contents .section03 .slider-area .slick-arrow {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999em;
}

.no-img .ui-contents .ico,
.ui-contents .no-img .ico,
.no-img .ui-contents .section01 .top-title,
.ui-contents .section01 .no-img .top-title,
.no-img .ui-contents .section03 .title,
.ui-contents .section03 .no-img .title,
.no-img .ui-contents .section03 .slider-area .slick-arrow,
.ui-contents .section03 .slider-area .no-img .slick-arrow {
  overflow: auto;
  text-indent: 0;
}

@font-face {
  font-family: "NanumSquareWebFont";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local("NanumSquare"), url("https://xcdn.home-learn.com/homelearn/fonts/NanumSquare/NanumSquareL.woff") format("woff");
}

@font-face {
  font-family: "NanumSquareWebFont";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("NanumSquare"), url("https://xcdn.home-learn.com/homelearn/fonts/NanumSquare/NanumSquareR.woff") format("woff");
}

@font-face {
  font-family: "NanumSquareWebFont";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local("NanumSquare"), url("https://xcdn.home-learn.com/homelearn/fonts/NanumSquare/NanumSquareB.woff") format("woff");
}

@font-face {
  font-family: "NanumSquareWebFont";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local("NanumSquare"), url("https://xcdn.home-learn.com/homelearn/fonts/NanumSquare/NanumSquareEB.woff") format("woff");
}

html {
  opacity: 1;
}

.ui-contents {
  font-family: "NanumSquareWebFont", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #aaaaaa;
  background-color: #efe9e1;
}

.ui-contents div,
.ui-contents span,
.ui-contents object,
.ui-contents iframe,
.ui-contents p,
.ui-contents a,
.ui-contents dl,
.ui-contents dt,
.ui-contents dd,
.ui-contents ol,
.ui-contents ul,
.ui-contents li,
.ui-contents fieldset,
.ui-contents form,
.ui-contents label,
.ui-contents legend,
.ui-contents table,
.ui-contents caption,
.ui-contents tbody,
.ui-contents tfoot,
.ui-contents thead,
.ui-contents tr,
.ui-contents th,
.ui-contents td,
.ui-contents article,
.ui-contents aside,
.ui-contents canvas,
.ui-contents details,
.ui-contents embed,
.ui-contents textarea,
.ui-contents figure,
.ui-contents figcaption,
.ui-contents footer,
.ui-contents header,
.ui-contents hgroup,
.ui-contents menu,
.ui-contents main,
.ui-contents nav,
.ui-contents section,
.ui-contents audio,
.ui-contents video,
.ui-contents input,
.ui-contents button,
.ui-contents select {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  word-wrap: break-word;
  vertical-align: baseline;
  line-height: inherit;
}

.ui-contents h1,
.ui-contents h2,
.ui-contents h3,
.ui-contents h4,
.ui-contents h5,
.ui-contents h6 {
  font-family: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

.ui-contents article,
.ui-contents aside,
.ui-contents details,
.ui-contents figcaption,
.ui-contents figure,
.ui-contents footer,
.ui-contents header,
.ui-contents hgroup,
.ui-contents main,
.ui-contents menu,
.ui-contents nav,
.ui-contents section,
.ui-contents summary {
  display: block;
}

.ui-contents em,
.ui-contents address {
  font-style: normal;
}

.ui-contents dl,
.ui-contents ul,
.ui-contents ol,
.ui-contents li {
  list-style: none;
}

.ui-contents img,
.ui-contents input,
.ui-contents select,
.ui-contents textarea,
.ui-contents i,
.ui-contents span,
.ui-contents em {
  vertical-align: middle;
}

.ui-contents img,
.ui-contents fieldset {
  border: 0 none;
}

.ui-contents a,
.ui-contents button {
  cursor: pointer;
}

.ui-contents a,
.ui-contents a:link,
.ui-contents a:active,
.ui-contents a:hover {
  text-decoration: none;
  color: #000000;
}

.ui-contents a:hover {
  text-decoration: none;
}

.ui-contents a:active,
.ui-contents a:hover {
  outline: 0;
}

.ui-contents .mblock {
  display: inline-block;
}

.ui-contents .t-bold {
  font-weight: 800;
}

.ui-contents .section {
  position: relative;
}

.ui-contents .ico.i-pop-btn-close {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("../images/LT/i-pop-share-close.png");
  background-position: 0, 0;
  background-size: 26px 26px;
  background-repeat: no-repeat;
}

.ui-contents .ico.i-exhibit-heart {
  display: inline-block;
  width: 20px;
  height: 17px;
  background-image: url("../images/LT/i-list-heart-off.png");
  background-position: 0, 0;
  background-size: 20px 17px;
  background-repeat: no-repeat;
}

.ui-contents .ico.i-exhibit-share {
  display: inline-block;
  width: 18px;
  height: 20px;
  background-image: url("../images/LT/i-list-share.png");
  background-position: 0, 0;
  background-size: 18px 20px;
  background-repeat: no-repeat;
}

.ui-contents .ico.i-pop-share {
  display: inline-block;
  width: 63px;
  height: 63px;
  background-size: 63px 63px;
  background-repeat: no-repeat;
}

.ui-contents .ico.i-pop-share.i-pop-kakao {
  background-image: url("../images/LT/i-share-kakao.png");
}

.ui-contents .ico.i-pop-share.i-pop-facebook {
  background-image: url("../images/LT/i-share-facebook.png");
}

.ui-contents .ico.i-pop-share.i-pop-link {
  background-image: url("../images/LT/i-share-link.png");
}

.ui-contents .exhibit-heart.on .i-exhibit-heart {
  background-image: url("../images/LT/i-list-heart-on.png");
}

.ui-contents .selectbox {
  position: relative;
  display: block;
  height: 43px;
  line-height: 43px;
  border: 1px solid #252525;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  font-size: 15px;
  color: #252525;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.ui-contents .selectbox label.s-label {
  position: absolute;
  top: 0;
  left: 10px;
  height: 100%;
  color: #333;
  z-index: -1;
  font-size: 15px;
}

.ui-contents .selectbox select.s-select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding: 0 92px 0 10px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
  vertical-align: top;
}

.ui-contents .selectbox:before {
  position: absolute;
  top: 50%;
  right: 14px;
  display: inline-block;
  width: 12px;
  height: 7px;
  background-image: url("../images/LT/i-select-arrow.png");
  background-position: 0, 0;
  background-size: 12px 7px;
  background-repeat: no-repeat;
  margin-top: -2px;
  content: "";
}

.ui-contents {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-family: NotoSansKR;
  color: #252525;
  letter-spacing: -0.6px;
}

.ui-contents .section {
  position: relative;
}

.ui-contents .section01:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -640px;
  display: inline-block;
  width: 1280px;
  height: 490px;
  background-image: url("../images/LT/bg-1-1.jpg");
  background-position: 0, 0;
  background-size: 1280px 490px;
  background-repeat: no-repeat;
  content: '';
}

.ui-contents .section01 .top-title {
  margin-top: 218px;
  display: inline-block;
  width: 641px;
  height: 127px;
  background-image: url("../images/LT/title-1.png");
  background-position: 0, 0;
  background-size: 641px 127px;
  background-repeat: no-repeat;
}

.ui-contents .section01 .top-info {
  margin-top: 27px;
  line-height: 1.3em;
}

.ui-contents .section01 .t-highlight {
  color: #f1711c;
}

.ui-contents .section02 {
  margin-top: 65px;
}

.ui-contents .section02 .section02-wrap {
  position: relative;
  display: inline-block;
  width: 1176px;
  text-align: center;
}

.ui-contents .section02 .select-area {
  position: absolute;
  top: 0;
  right: 26px;
}

.ui-contents .section02 .sort-list-area {
  display: inline-block;
}

.ui-contents .section02 .sort-list-grp {
  font-size: 0;
}

.ui-contents .section02 .sort-list {
  display: inline-block;
  margin: 0 7px;
}

.ui-contents .section02 .sort-list.on .sl-nav {
  background-color: #f1711c;
  border: 1px solid #f1711c;
  color: #fff;
}

.ui-contents .section02 .sort-list .sl-nav {
  display: block;
  min-width: 100px;
  height: 43px;
  line-height: 43px;
  padding: 0;
  background-color: transparent;
  border: 1px solid #b6a695;
  border-radius: 30px;
  color: #b6a695;
  font-size: 20px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.ui-contents .section02 .exhibit-list-area-wrap {
  position: relative;
  margin-top: 44px;
}

.ui-contents .section02 .exhibit-list-area-wrap:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  width: 1231px;
  height: 522px;
  background-image: url("../images/LT/bg-shelf.png");
  background-position: 0, 0;
  background-size: 1231px 522px;
  background-repeat: no-repeat;
  height: 100%;
  margin-left: -615px;
  background-position: 0 154px;
  background-repeat: repeat-y;
  content: '';
}

.ui-contents .section02 .exhibit-list-grp {
  position: relative;
  font-size: 0;
}

.ui-contents .section02 .exhibit-list-grp:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1231px;
  height: 100px;
  margin-left: -615px;
  background-color: #efe9e1;
  content: '';
}

.ui-contents .section02 .exhibit-list-link {
  position: relative;
  height: 100%;
}

.ui-contents .section02 .exhibit-list {
  position: relative;
  display: none;
  width: 254px;
  height: 395px;
  margin: 0 18px;
  margin-bottom: 126px;
  vertical-align: top;
}

.ui-contents .section02 .exhibit-list.close {
  display: none;
}

.ui-contents .section02 .exhibit-list.open {
  display: inline-block;
}

.ui-contents .section02 .exhibit-list .exhibit-contents {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.ui-contents .section02 .exhibit-list .exhibit-contents:before {
  position: absolute;
  top: 0;
  left: -16px;
  display: inline-block;
  width: 270px;
  height: 402px;
  background-image: url("../images/LT/bg-exhibit.png");
  background-position: 0, 0;
  background-size: 270px 402px;
  background-repeat: no-repeat;
  content: '';
}

.ui-contents .section02 .exhibit-list .exhibit-contents .ec-top {
  padding-top: 10px;
}

.ui-contents .section02 .exhibit-list .exhibit-contents .ec-middle {
  position: absolute;
  top: 290px;
  left: 0;
  width: 100%;
}

.ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-title,
.ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-user {
  display: block;
  font-size: 19px;
  letter-spacing: -0.05em;
}

.ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-title {
  font-weight: 700;
  color: #1b2122;
}

.ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-user {
  color: #6d6d6d;
}

.ui-contents .section02 .exhibit-list .exhibit-contents .ec-bottom {
  position: absolute;
  bottom: 11px;
  left: 0;
  width: 100%;
  font-size: 0;
  text-align: left;
  z-index: 100;
}

.ui-contents .section02 .exhibit-list .exhibit-contents .ec-bottom span,
.ui-contents .section02 .exhibit-list .exhibit-contents .ec-bottom button {
  vertical-align: middle;
}

.ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-heart {
  margin-left: 10px;
}

.ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-heart-num {
  display: inline-block;
  margin-left: 7px;
  font-size: 15px;
  color: #9d9d9d;
}

.ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-btn-share {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 100;
}

.ui-contents .section02 .exhibit-list.on .exhibit-pop-share {
  display: block;
}

.ui-contents .section02 .exhibit-list .exhibit-pop-share {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 355px;
  background-color: #fff;
  text-align: center;
}

.ui-contents .section02 .exhibit-list .exhibit-pop-share .exhibit-pop-share-wrap {
  padding-top: 50px;
}

.ui-contents .section02 .exhibit-list .exhibit-pop-share .pop-btn-close {
  position: absolute;
  top: 0;
  right: 0px;
  padding: 14px 12px;
}

.ui-contents .section02 .exhibit-list .exhibit-pop-share .pop-btn {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  text-align: center;
}

.ui-contents .section02 .exhibit-list .exhibit-pop-share .pop-txt {
  display: block;
  margin-top: 0;
  font-size: 18px;
  color: #1b2122;
}

.ui-contents .section03 {
  padding-top: 110px;
  background-color: #d4cdc4;
}

.ui-contents .section03 .title {
  display: inline-block;
  width: 487px;
  height: 110px;
  background-image: url("../images/LT/title-2.png");
  background-position: 0, 0;
  background-size: 487px 110px;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.ui-contents .section03 .slider-area {
  position: relative;
  display: inline-block;
  width: 1400px;
  margin-top: 70px;
  margin-bottom: 60px;
}

.ui-contents .section03 .slider-area .thumb img {
  display: inline-block;
}

.ui-contents .section03 .slider-area .slider {
  padding-bottom: 150px;
}

.ui-contents .section03 .slider-area .slick-list {
  padding: 0 !important;
  margin: 0 50px;
}

.ui-contents .section03 .slider-area .slick-dots li button:before {
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  background-color: #a09a93;
  border-radius: 50%;
  opacity: 1;
  content: '';
}

.ui-contents .section03 .slider-area .slick-dots li.slick-active button:before {
  background-color: #ff7b3a;
}

.ui-contents .section03 .slider-area .slick-arrow {
  top: 50%;
  width: 18px;
  height: 32px;
  margin-top: -16px;
  z-index: 1;
}

.ui-contents .section03 .slider-area .slick-arrow.slick-prev {
  left: 0;
  background-image: url("../images/LT/slide-i-arrow-prev-on.png");
}

.ui-contents .section03 .slider-area .slick-arrow.slick-prev:before {
  display: none;
}

.ui-contents .section03 .slider-area .slick-arrow.slick-next {
  right: 0;
  background-image: url("../images/LT/slide-i-arrow-next-on.png");
}

.ui-contents .section03 .slider-area .slick-arrow.slick-next:before {
  display: none;
}

.ui-contents .section03 .btn-area {
  padding-bottom: 115px;
  font-size: 0;
}

.ui-contents .section03 .btn-area .btn-bottom {
  display: inline-block;
  min-width: 288px;
  height: 60px;
  line-height: 60px;
  margin: 0 15px;
  border-radius: 30px;
  background-color: #ff7800;
}

.ui-contents .section03 .btn-area .btn-bottom:before {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: 11px;
  height: 20px;
  background-image: url("../images/LT/btn-arrow-next.png");
  background-position: 0, 0;
  background-size: 11px 20px;
  background-repeat: no-repeat;
  content: '';
  margin-top: -10px;
}

.ui-contents .section03 .btn-area .b-txt {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.slick-list .slick-current {
  cursor: pointer;
}

.slick-list .slick-current:focus {
  border: 0 !important;
  outline: 0 !important;
}

.slick-list {
  padding: 0 30px;
}

.slick-list .slick-slide {
  border: 0 !important;
}

/* 작품이 5개일때 노출하는 형태를 변경 
@media (min-width: 1441px) {
  .ui-contents .section02 .exhibit-list-grp li:first-child:nth-last-child(5),
  .ui-contents .section02 .exhibit-list-grp li:first-child:nth-last-child(5) ~ li {
    margin: 0 30px 126px;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .ui-contents .section02 .exhibit-list-grp li:first-child:nth-last-child(5),
  .ui-contents .section02 .exhibit-list-grp li:first-child:nth-last-child(5) ~ li {
    margin: 0 50px 126px;
  }
}
*/
/* 작품이 6개일때 노출하는 형태를 변경 */
@media (min-width: 1441px){
  .ui-contents .section02 .exhibit-list:nth-child(-n+6){
    margin: 0 21px 126px;
  }
}
@media (min-width: 1201px) and (max-width: 1440px){
  .ui-contents .section02 .exhibit-list:nth-child(-n+6){
    margin: 0 46px 126px;
  }
}

@media (max-width: 1440px) {
  .ui-contents .section01:before {
    left: 0;
    width: 100%;
    margin-left: 0;
    background-size: 100% 490px;
  }

  .ui-contents .section02 .section02-wrap {
    width: 100%;
  }

  .ui-contents .section02 .select-area {
    right: 30px;
  }

  .ui-contents .section02 .exhibit-list-area {
    margin: 0 20px;
  }

  .ui-contents .section02 .exhibit-list-area-wrap:before {
    left: 0;
    width: 100%;
    margin-left: 0;
    background-size: 100% 522px;
  }

  .ui-contents .section02 .exhibit-list-grp:before {
    left: 0;
    width: 100%;
    margin-left: 0;
  }

  .ui-contents .section03 .slider-area {
    width: 90%;
  }
}

@media (max-width: 960px) {
  .ui-contents .section02 {
    margin-top: 40px;
  }

  .ui-contents .section02 .select-area {
    position: relative;
    right: 0;
    padding: 0 30px;
  }

  .ui-contents .section02 .select-area .selectbox {
    border-left: 0 none;
    border-right: 0 none;
    font-size: 19px;
  }

  .ui-contents .section02 .sort-list-area {
    margin-top: 25px;
  }

  .ui-contents .section02 .sort-list-area .sort-list {
    margin: 0 5px;
  }

  .ui-contents .section03 .title {
    display: inline-block;
    width: 401px;
    height: 109px;
    background-image: url("../images/MO/title-2@2x.png");
    background-position: 0, 0;
    background-size: 401px 109px;
    background-repeat: no-repeat;
  }

  .ui-contents .section03 .slider-area {
    margin-bottom: 46px;
  }

  .ui-contents .section03 .slider-area .slider {
    padding-bottom: 60px;
  }

  .ui-contents .section03 .btn-area {
    padding-bottom: 80px;
  }

  .ui-contents .section03 .btn-area .btn-area-wrap {
    margin: 0 52px;
  }

  .ui-contents .section03 .btn-area .btn-bottom {
    width: 100%;
    min-width: 100%;
    height: 72px;
    line-height: 72px;
    margin: 0;
    margin-bottom: 26px;
    border-radius: 50px;
  }

  .ui-contents .section03 .btn-area .btn-bottom:before {
    position: absolute;
    top: 50%;
    right: 23px;
    display: inline-block;
    width: 13px;
    height: 24px;
    background-image: url("../images/MO/btn-arrow-next@2x.png");
    background-position: 0, 0;
    background-size: 13px 24px;
    background-repeat: no-repeat;
    content: '';
    margin-top: -12px;
  }

  .ui-contents .section03 .btn-area .b-txt {
    font-size: 22px;
  }
}

@media (max-width: 780px) {
  body {
    min-width: 100%;
  }

  .ui-contents .mblock {
    display: block;
  }

  .ui-contents .section01 .section01-wrap {
    margin: 0 30px;
  }

  .ui-contents .section01:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -81px;
    display: inline-block;
    width: 130px;
    height: 162px;
    background-image: url("../images/MO/bg-1-1@2x.png");
    background-position: 0, 0;
    background-size: 130px 162px;
    background-repeat: no-repeat;
    content: '';
  }

  .ui-contents .section01 .top-title {
    width: 100%;
    height: 0;
    padding-top: calc(300 / 1000 * 100%);
    background-size: contain;
  }
}

@media (max-width: 520px) {
  .exhibit-heart .ico.i-pop-btn-close {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("../images/MO/i-pop-share-close@2x.png");
    background-position: 0, 0;
    background-size: 25px 25px;
    background-repeat: no-repeat;
  }

  .exhibit-heart .ico.i-exhibit-heart {
    display: inline-block;
    width: 27px;
    height: 23px;
    background-image: url("../images/MO/i-list-heart-off@2x.png");
    background-position: 0, 0;
    background-size: 27px 23px;
    background-repeat: no-repeat;
  }

  .exhibit-heart .ico.i-exhibit-share {
    display: inline-block;
    width: 21px;
    height: 24px;
    background-image: url("../images/MO/i-list-share@2x.png");
    background-position: 0, 0;
    background-size: 21px 24px;
    background-repeat: no-repeat;
  }

  .exhibit-heart .ico.i-pop-share {
    display: inline-block;
    width: 68px;
    height: 68px;
    background-size: 68px 68px;
    background-repeat: no-repeat;
  }

  .exhibit-heart .ico.i-pop-share.i-pop-kakao {
    background-image: url("../images/MO/i-share-kakao@2x.png");
  }

  .exhibit-heart .ico.i-pop-share.i-pop-facebook {
    background-image: url("../images/MO/i-share-facebook@2x.png");
  }

  .exhibit-heart .ico.i-pop-share.i-pop-link {
    background-image: url("../images/MO/i-share-link@2x.png");
  }

  .exhibit-heart.on .i-exhibit-heart {
    background-image: url("../images/MO/i-list-heart-on@2x.png");
  }

  .ui-contents {
    font-size: 20px;
  }

  .ui-contents .section01 .section01-wrap {
    margin: 0 20px;
  }

  .ui-contents .section01:before {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -81px;
    display: inline-block;
    width: 130px;
    height: 162px;
    background-image: url("../images/MO/bg-1-1@2x.png");
    background-position: 0, 0;
    background-size: 130px 162px;
    background-repeat: no-repeat;
    content: '';
  }

  .ui-contents .section01 .top-title {
    margin-top: 145px;
    display: inline-block;
    width: 417px;
    height: 87px;
    background-image: url("../images/MO/title-1@2x.png");
    background-position: 0, 0;
    background-size: 417px 87px;
    background-repeat: no-repeat;
  }

  .ui-contents .section01 .top-info {
    margin-top: 0;
  }

  .ui-contents .section02 .exhibit-list-area-wrap:before {
    display: none;
  }

  .ui-contents .section02 .exhibit-list {
    width: 274px;
    height: 429px;
    margin-bottom: 94px;
  }

  .ui-contents .section02 .exhibit-list:before {
    position: absolute;
    bottom: -82px;
    left: 50%;
    display: inline-block;
    width: 399px;
    height: 95px;
    background-image: url("../images/MO/bg-shelf@2x.png");
    background-position: 0, 0;
    background-size: 399px 95px;
    background-repeat: no-repeat;
    margin-left: -200px;
    background-repeat: no-repeat;
    content: '';
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents:before {
    top: -8px;
    left: -25px;
    display: inline-block;
    width: 300px;
    height: 444px;
    background-image: url("../images/MO/bg-exhibit@2x.png");
    background-position: 0, 0;
    background-size: 300px 444px;
    background-repeat: no-repeat;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-top {
    padding-top: 20px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-middle {
    top: 306px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-middle .exhibit-title,
  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-middle .exhibit-user {
    font-size: 18px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-middle .exhibit-user {
    margin-right: 2px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-bottom {
    bottom: 14px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-btn-share {
    bottom: 4px;
    right: 21px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-heart {
    margin-left: 18px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-heart-num {
    margin-left: 10px;
    font-size: 19px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share {
    height: 375px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share .exhibit-pop-share-wrap {
    padding-top: 47px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share .pop-btn-close {
    padding: 18px 20px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share .pop-btn {
    margin-bottom: 17px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share .pop-txt {
    font-size: 19px;
  }

  .ui-contents .section03 .slider-area {
    width: 100%;
  }

  .ui-contents .section03 .slider-area .slick-list {
    margin: 0 20px;
  }

  .ui-contents .section03 .slider-area .slick-arrow {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .ui-contents .section01 .section01-wrap {
    margin: 0 20px;
  }

  .ui-contents .section01:before {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -65px;
    display: inline-block;
    width: 130px;
    height: 162px;
    background-image: url("../images/MO/bg-1-1@2x.png");
    background-position: 0, 0;
    background-size: 130px 162px;
    background-repeat: no-repeat;
    content: '';
  }

  .ui-contents .section01 .top-title {
    margin-top: 145px;
    display: inline-block;
    width: 417px;
    height: 87px;
    background-image: url("../images/MO/title-1@2x.png");
    background-position: 0, 0;
    background-size: 417px 87px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
  }

  .ui-contents .section01 .top-info {
    margin-top: 0;
  }

  .ui-contents .section02 .sort-list .sl-nav {
    min-width: 65px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .ui-contents .section02 .exhibit-list-area {
    margin: 0;
  }

  .ui-contents .section02 .exhibit-list-area-wrap:before {
    display: none;
  }

  .ui-contents .section02 .exhibit-list {
    width: 274px;
    height: 429px;
    margin-bottom: 94px;
  }

  .ui-contents .section02 .exhibit-list:before {
    position: absolute;
    bottom: -62px;
    left: -18px;
    display: inline-block;
    width: 310px;
    height: 72px;
    background-image: url("../images/MO/bg-shelf@2x.png");
    background-position: 0, 0;
    background-size: 310px 72px;
    background-repeat: no-repeat;
    margin-left: 0;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 100%;
    content: '';
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents:before {
    top: -8px;
    left: -25px;
    display: inline-block;
    width: 300px;
    height: 444px;
    background-image: url("../images/MO/bg-exhibit@2x.png");
    background-position: 0, 0;
    background-size: 300px 444px;
    background-repeat: no-repeat;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-top {
    padding-top: 20px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-middle {
    top: 306px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-middle .exhibit-title,
  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-middle .exhibit-user {
    font-size: 18px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-middle .exhibit-user {
    margin-right: 2px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .ec-bottom {
    bottom: 14px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-btn-share {
    bottom: 4px;
    right: 21px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-heart {
    margin-left: 18px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-contents .exhibit-heart-num {
    margin-left: 10px;
    font-size: 19px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share {
    height: 375px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share .exhibit-pop-share-wrap {
    padding-top: 47px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share .pop-btn-close {
    padding: 18px 20px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share .pop-btn {
    margin-bottom: 17px;
  }

  .ui-contents .section02 .exhibit-list .exhibit-pop-share .pop-txt {
    font-size: 19px;
  }

  .ui-contents .section03 {
    padding-top: 55px;
  }

  .ui-contents .section03 .title {
    width: 300px;
    height: 82px;
    background-size: 100%;
  }

  .ui-contents .section03 .btn-area .btn-area-wrap {
    margin: 0 20px;
  }

  .ui-contents .section03 .btn-area .b-txt {
    font-size: 20px;
  }
}

/*# sourceMappingURL=maps/creation-hall.css.map */