body {
  font-size: 1.2rem;
  font-family: "Nanum Gothic", sans-serif;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
  content: "";
}
.displayNone {
  display: none !important;
}
.inner {
  width: 1400px;
  margin: 0px auto;
  box-sizing: border-box;
}
.inner:after {
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
  content: "";
}
.inner2 {
  width: 1200px;
  margin: 0px auto;
  box-sizing: border-box;
}
.inner2:after {
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
  content: "";
}
.m-open-inline-block {
  display: none !important;
}
.m-open-block {
  display: none !important;
}
.m-open-table-row {
  display: none !important;
}
.ovhd {
  overflow: hidden;
}
.vcenterbox {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}
.float50 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.float50.r {
  float: right;
}
.floatAuto {
  float: left;
}
.floatAuto.r {
  float: right;
}

:root {
  --main-color: #f79e9e;
  --main-v2-color: #f79e9e;
  --main-bride-color: #f79e9e;

  --main-groom-color: #78c0e9;
  --main-sun-day-color: #f79e9e;
  --main-sat-day-color: #2a3954;

  --box-bg-color: none; /*rgb(249,247,247);*/
  --box-border-color: rgb(240, 227, 227);
  --box-font-color: #7b2934;
  --box-font-color: #b0385a;
  --box-font-color: #b8537b;
  --box-font-color: #f08080;
  --box-font-color: #f79e9e;

  --box-border-color: #eeeeee;
  --box-font-color: #404040;

  --dday-color: #f79e9e;
}
:root .theme_emp_color_brown {
  --main-color: #964b00;
  --main-v2-color: #7c3f06;
  --main-sun-day-color: #f79e9e;

  --box-border-color: #efe8e3;
  --box-font-color: #bf8362;

  --dday-color: #964b00;
}
:root .theme_emp_color_purple {
  --main-color: #b27085;
  --main-v2-color: #b27085;

  --main-bride-color: #b27085;
  --main-groom-color: #0067a390;

  --main-sun-day-color: #b27085;

  --box-border-color: rgb(240, 227, 227);
  --box-font-color: #7b2934;

  --dday-color: #b27085;
}

:root .theme_emp_color_black {
  --main-color: #000;
  --main-v2-color: #f79e9e;
  --main-sun-day-color: #f79e9e;

  --main-bride-color: #b27085;
  --main-groom-color: #0067a390;

  --main-sun-day-color: #b27085;

  --box-border-color: #eeeeee;
  --box-font-color: #000;

  --dday-color: #f79e9e;
}

:root .bg_theme_brown {
  /* --box-bg-color: #f4f1ee;   */
}

/*
    --primary-bg-color: #f4f1ee;
    --secondary-bg-color: #efe8e3;
    --primary-color: #bf8362;
    --secondary-color: #dab396;
    --footer-bg-color: #efe8e3;
*/

.hd {
  opacity: 0;
}
.visible {
  opacity: 1;
}
html,
body {
  /*background-image: url(../img/bg.jpg);*/
  background: #efefef;

  /*--primary-bg-color: #000;
    --primary-color: #000;
    --secondary-color: #000;
    --font-size: 1.6rem;
    --account-width: 290px;
    --notice-width: 84%;
    --calendar-margin-lr: 2rem;
    --waytocome-margin-lr: 2rem;
    --guestbook-margin-lr: 2rem;
    --font-regular: TmoneyRoundWindRegular;
    --font-regular-spacing: -0.8px;
    --font-gothic: Pretendard-Regular;
    --font-gothic-spacing: -0.2px;
    --font-bold: TmoneyRoundWindRegular;
    --font-bold-weight: bold;*/
}
.layer {
  width: 425px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0px auto;
  background: transparent;
}
.layer img {
  max-width: 100%;
}

.map_wrapper {
  padding: 30px 0px;
}
.map_wrapper #map {
  width: 100%;
  height: 400px;
}
.more_map_link {
  display: block;
  background: #f79e9e;
  background: rgba(254, 245, 245);
  color: #444;
  font-size: 1.2rem;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eeee;
  border-top: 1px solid #eeee;
}

.splash {
  position: fixed;
  width: 100%;

  height: 100%;
  background: #ff6c70;
  z-index: 10000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;

  font-size: 1.8rem;
  display: none;

  max-width: 425px;
  margin: auto;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, #f1eab9, #ff8c8c);
}

.splash .ct {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 110px;
  text-align: center;
}
.daycard {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  height: 14px;
}
.splash .btext {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  line-height: 1.65;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 300;
  text-align: center;
  opacity: 0.5;
}
.ft-yeonsung .splash .btext {
  font-size: 1.6rem;
}
.lds-heart {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
  transform: rotate(45deg);
  transform-origin: 30px 30px;
}

.lds-heart div {
  top: 24px;
  left: 24px;
  position: absolute;
  width: 24px;
  height: 24px;
  background: #fdd;
  animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
  content: " ";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background: #fdd;
}
.lds-heart div:before {
  left: -18px;
  border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
  top: -18px;
  border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
  0% {
    transform: scale(0.95);
  }
  5% {
    transform: scale(1.1);
  }
  39% {
    transform: scale(0.85);
  }
  45% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(0.9);
  }
}

.typing-txt {
  display: none;
}

.typing {
  /*       position: absolute;*/
  display: inline-block;
  animation-name: cursor;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  font-size: 1.6rem;
}
@keyframes cursor {
  0% {
    border-right: 1px solid #fff;
  }
  50% {
    border-right: 1px solid #000;
  }
  100% {
    border-right: 1px solid #fff;
  }
}

.watermark {
  position: fixed;
  z-index: 9999;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 90%;
  width: 300px;
  background: #000;
  border-radius: 15px;
  background-color: rgb(255 246 136 / 60%);
  font-family: "Nanum Gothic", sans-serif;
  text-align: center;
  box-sizing: border-box;
  padding: 50px 15px;
  line-height: 1.7;
  font-size: 14px;
  font-weight: bold;
}
.bgmbar {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 425px;
  max-width: 100%;
  text-align: center;
  z-index: 100;
  height: 39px;
  line-height: 39px;
}
.bgmbar > p {
  color: #fff;
  font-size: 12px;
}
.bgmbar .sound {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  color: #fff;
  line-height: 39px;
  font-size: 16px;
}
.bgmbar.fadeBg {
  background: transparent;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.bgmbar.fadeBg > p {
  display: none;
}
.bgmbar.fadeBg .sound {
  color: #544f4fcc;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.bg-eff-base {
  content: "";
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  -webkit-animation: snow 16s linear infinite;
  animation: snow 16s linear infinite;

  pointer-events: none;
  background-size: 450px auto;
}

.forsythia-bg {
  background-image: url("../img/bg-effect-forsythia-1.png"),
    url("../img/bg-effect-forsythia-2.png");
}
.mist-bg {
  background-image: url("../img/bg-effect-mist-1.png"),
    url("../img/bg-effect-mist-2.png");
}
.snow-bg {
  background-image: url("../img/bg-effect-sakura-1.png"),
    url("../img/bg-effect-sakura-2.png");
}
.fall-bg {
  background-image: url("../img/bg-effect-fall-1.png"),
    url("../img/bg-effect-fall-2.png");
}

.btn {
  height: 28px;
  min-width: 32px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  line-height: 28px;
  border-radius: 5px;
  padding: 0px 10px;
  box-sizing: border-box;
  background: #9295a0;
  vertical-align: inherit;
}

.pop_acct {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9999;
  font-family: "NanumSquareRound";
  font-family: "Nanum Gothic", sans-serif;
  display: none;
}
.pop_acct .bx {
  width: 300px;
  max-width: 80%;
  margin: auto;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 20px 15px;
  background: #fff;
  font-size: 1.3rem;
}
.pop_acct .bx div > .btn {
  float: left;
  width: calc(50% - 2px);
  font-size: 1.2rem;
  height: 32px;
  line-height: 32px;
  color: #000;
  background: #ddd;
}
.pop_acct .bx div > .btn:last-child {
  float: right;
  background: #000;
  color: #fff;
}
.pop_acct .bx .ment {
  line-height: 1.7;
  text-align: center;
  padding: 15px 0px;
  font-size: 1.4rem;
}

/*
.big .pop_acct .bx .ment { font-size: 1.5rem; }
.big2 .pop_acct .bx .ment { font-size: 1.7rem; }
*/

.pop_acct .bx .grp {
  border-bottom: 1px solid #333;
  text-align: center;
  padding-bottom: 5px;
  font-size: 1.4rem;
}

.ft01 {
  font-family: "Yeon Sung", cursive;
}
html,
body {
  font-family: "Yeon Sung", cursive;
  box-sizing: border-box;
  max-width: 100%;
}
.ft02 {
  font-family: "Nanum Gothic", sans-serif;
}
.pageCover {
  background-image: none;
  background-size: 100%;

  background-color: #efefef;
  background-color: #f2ece6;

  width: 425px;
  max-width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}
/* .pageCover.sk1 {
  background-image: url("../img/bg.webp");
  background-size: 80%;
}
.pageCover.sk2 {
  background-image: url("../img/bg.webp");
  background-size: 20%;
} */
.pageCover.single {
  background-image: none !important;
}

.pageCover.paper {
  background-image: url("../img/bg.webp");
}

.gallerySlider {
}

.tiledImageBox {
  margin: 0px auto;
  bottom: auto !important;
  position: static !important;
}
.tiledImageBox .item {
  float: left;
  width: calc(20% - 4px);
  background: #000;
  margin: 2.5px 5px 2.5px 0px !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
  height: 0;
  padding-bottom: 100%;
  padding-bottom: 19%;
  position: relative !important;
  border-radius: 2px;
  opacity: 1 !important;
}

.tiledImageBox .item:active,
.tiledImageBox .item:focus {
  outline: none;
}

/*.tiledImageBox .item > span {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 0; left: 0;
}*/

.tiledImageBox .item:nth-child(5),
.tiledImageBox .item:nth-child(10),
.tiledImageBox .item:nth-child(15),
.tiledImageBox .item:nth-child(20),
.tiledImageBox .item:nth-child(25),
.tiledImageBox .item:nth-child(30),
.tiledImageBox .item:nth-child(35),
.tiledImageBox .item:nth-child(40),
.tiledImageBox .item:nth-child(45),
.tiledImageBox .item:nth-child(50) {
  margin-right: 0px !important;
}

@media only screen and (max-width: 499px) {
}
@media only screen and (max-width: 449px) {
}
@media only screen and (max-width: 399px) {
}
@media only screen and (max-width: 349px) {
}
.swiper-slide > img.vs {
  /*position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;*/
}

.layer01 {
  text-align: center;
}
.layer01 .top {
  padding: 30px 0px;
}
.layer01 .sub {
  display: block;
  font-size: 1.3rem;
  color: var(--main-color);
}
.layer01 .date {
  margin: 0px 0px 20px 0px;
  font-size: 42px;
  color: #585858;
}
.layer01 .title {
  font-size: 1.65rem;
  font-weight: normal;
}
.layer01 .bottom {
  padding: 20px 0px 0px 0px;
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight: normal;
}
.sectionMg {
  /*margin: 60px 0 50px 0;*/
  margin: 0 !important;
  /* padding: 30px 0 25px 0; */
  padding: 40px 0;
}
html.big .sectionMg {
  /* padding: 45px 0 !important; */
}
html.big2 .sectionMg {
  /* padding: 50px 0 !important; */
}
/*
.sectionMg.garlandSection {
    padding: 15px 0 20px 0;
}
.sectionMg.informationSection {
    padding: 35px 0;
}
.sectionMg.calanderSection {
    padding: 50px 0;
}
.sectionMg.noticeSection {
    padding-bottom: 55px;
}
.sectionMg.acctSection {
    padding-top: 55px;
}
.sectionMg.waytocomeSection {
    padding-top: 55px;
}
.sectionMg.interviewLayer {
    padding-bottom: 55px;
}
*/

.introLayer {
  text-align: center;
}
.introLayer .introMent {
  font-weight: normal;
  font-size: 1.7rem;
  color: #585858;
  padding: 35px 33px;
  line-height: 2;
}
.introLayer .line {
  margin: 15px auto 15px auto;
  width: 40px;
  height: 1px;
  background: #000;
  background: #ccc;
  margin: 0 auto 30px auto;
}
.introLayer .title2 {
  padding-top: 10px;
  font-weight: normal;
  font-size: 1.7rem;
  line-height: 2;
  color: #777;
}
.ft-notosans .introLayer .title2 strong,
.ft-myeongjo .introLayer .title2 strong {
  font-weight: bold;
}
.introLayer .title2 strong {
  /*font-size: 1.8rem; */
  font-weight: normal;
  color: #444;
}

ul li .bttn {
  color: #fff;
  background: #444;
  border-radius: 12px;
  display: inline-block;
  padding: 3px 10px;
  font-size: 1.3rem;
  font-weight: normal;

  padding: 0px 10px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
}
ul li .kakao > img {
  height: 24px;
}
ul.contactus .l2 {
  margin-top: 10px;
  display: block;
}

ul.contactus {
  text-align: center;
  padding: 10px;
}
ul.contactus li {
  font-size: 1.8rem;
  font-weight: normal;
  margin: 20px 0px;
}
ul.contactus li .b {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  border-radius: 50%;
  background: #ddd;
  margin-left: 10px;
  background: transparent !important;
  color: #444;
}

ul.contactus li .b.sky {
  background: var(--main-groom-color);
  color: var(--main-groom-color);
}
ul.contactus li .b.pink {
  background: var(--main-bride-color);
  color: var(--main-bride-color);
}
.subTitle {
  text-align: center;
  color: #666;
  padding: 15px 0px;
  font-weight: normal;
  font-size: 1.8rem;
  margin-top: 30px;
}
.subTitle.v2 {
  padding: 7px 0px;
  background: #fafafa;
}
.subTitle.v2 .dd {
  color: var(--dday-color);
}

ul.contactus.v2 {
  overflow: hidden;
  margin: 0px 20px;
}
ul.contactus.v2 li {
  float: left;
  width: 50%;
  text-align: center;
  font-weight: normal;
  font-size: 1.8rem;
}
ul.contactus.v2 li .t1 {
  color: var(--main-groom-color);
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
}
ul.contactus.v2 li .t1.pink {
  color: var(--main-bride-color);
}
ul.contactus.v2 li .t2 {
  display: block;
  margin: 20px 0px 15px 0px;
}
ul.contactus.v2 li .t2 strong {
  font-size: 1.8rem;
  font-weight: normal;
}
ul.contactus.v2 li .b {
  margin: 0px 5px;
}

ul.contactus.v2.sub li .t2 {
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
}
ul.contactus.v2.sub li .t2 strong {
  font-size: 1.6rem;
  font-weight: normal;
}
ul.contactus.v2.sub li .t2 .baptismal {
  font-size: 1.1rem;
}

.colorPink {
  color: var(--main-color) !important;
}

.sectionHead {
  text-align: center;
}
.sectionHead .name {
  display: block;
  font-size: 24px;
  color: var(--main-color);
  /*letter-spacing: -1px;*/
  letter-spacing: 0.5px;
  line-height: 2;
}
.sectionHead .enstr {
  font-size: 1.2rem;
  font-family: Crimson Pro, serif;
  letter-spacing: 3px;
  line-height: 20px;
  color: var(--main-color);
  opacity: 0.6;
  display: none;
  -webkit-text-stroke: 0 !important;
}
.title_eng_writing .sectionHead .enstr {
  display: block;
}

.sectionHead .desc {
  color: #555;
  line-height: 1.7;
  font-size: 1.4rem;
}
.sectionHead .desc .emp {
  font-size: 26px;
  margin: 20px 0px 5px 0px;
}

.sectionDesc {
  color: #544f4f;
  font-size: 1.4rem;
  line-height: 1.75;
  margin-top: 20px;
  padding: 0 33px;
}
/*
.big .sectionDesc {font-size: 1.5rem;}
.big2 .sectionDesc {font-size: 1.6rem;}
*/

.gallerySlider .img {
  max-width: 100%;
}
.layer03 .picboxies {
  padding: 10px 20px;
  margin-top: 30px;
}

.layer03 .picboxies .img {
  width: calc(50% - 5px);
  height: 150px;
  background: #000;
  float: left;
  margin-bottom: 10px;
  background-position: center center;
  background-size: cover;
}
.layer03 .picboxies .img:nth-child(2n) {
  float: right;
}

ul.wayto {
  padding: 0px 20px;
}
ul.wayto li.li {
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 20px;
  font-weight: normal;
  color: #444;
  word-break: break-all;
}
ul.wayto li.li .n {
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
  color: #000;
}
ul.wayto li.li {
}

.caltit {
}
.caltit .caltit_tit {
  letter-spacing: 1px;
  font-size: 22px;
  opacity: 0.95;
  color: #544f4f;
  font-size: 2rem;
  font-weight: 400 !important;
  text-shadow: 0 0 #aaa;
}
.caltit .caltit_add {
  letter-spacing: 0px;
  opacity: 0.8;
  font-size: 1.5rem;
  color: #544f4f;
  margin-top: 7px;
}
.calanderSection {
  scroll-snap-align: y mandatory;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.calander-inner {
  scroll-margin-top: 0px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.calwrap {
  padding: 20px 0px;
  width: 90%;
  margin: auto;
  max-width: 90%;
  text-align: center;
}
.dday-wrap {
  text-align: center;
}
.calander {
  width: 100%;
  margin: 0px auto;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.calander th,
.calander td {
  width: 14%;
  text-align: center;
  padding: 6px 0;
  font-weight: normal;
  font-size: 1.4rem;
}
.calander th {
  padding-bottom: 14px;
}
.calander tr th:first-child,
.calander tr td:first-child {
  color: var(--main-sun-day-color);
}
.calander tr th:nth-child(7),
.calander tr td:nth-child(7) {
  color: var(--main-sat-day-color);
}
.calander .dday {
  display: inline-block;
  background: var(--main-v2-color);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
}

.notibox {
  border: 1px solid var(--main-v2-color);
  border-radius: 6px;
  padding: 30px 10px;
  box-sizing: border-box;
}
.notibox .title {
  color: var(--main-color);
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 15px;
}
.notibox .note {
  font-size: 1.6rem;
  color: #555;
  text-align: center;
}

.bottomLayer {
  background: #fff;
  padding: 15px 20px;
  font-family: "NanumSquareRound";
  font-family: "Nanum Gothic", sans-serif;
  text-align: center;
  box-sizing: border-box;
}
.bottomLayer > p {
  font-size: 11px;
}

#copytext {
  text-indent: -9999px;
  top: -9999px;
  position: absolute;
}

.shareK {
  height: 52px;
  line-height: 52px;
  color: #fff;
  background: #000;
  text-align: center;
  display: block;
  font-size: 1.6rem;
}
.banner01 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 320px;
  position: relative;
}
.banner01.auto {
  height: auto;
}
.banner01 > img {
  max-width: 100%;
}
.banner01 .cover {
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.7;
  background-color: rgba(0, 0, 0, 0.2);
  letter-spacing: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 30px;
}
.banner01 .cover .vcenterbox {
  text-align: left;
}

.banner01 .vcenterbox {
  padding: 80px 30px 0;
}
.banner01.fixed .vcenterbox {
  padding: 0 30px;
}
.banner01 .cover .vcenterbox.right {
  text-align: right;
  right: 30px;
  left: unset;
}
.banner01 .cover .vcenterbox.center {
  text-align: center;
  left: 0px;
}

@-webkit-keyframes fall {
  0% {
    opacity: 0.9;
    top: 0;
  }
  100% {
    opacity: 0.2;
    top: 100%;
  }
}

@-o-keyframes fall {
  0% {
    opacity: 0.9;
    top: 0;
  }
  100% {
    opacity: 0.2;
    top: 100%;
  }
}

@-ms-keyframes fall {
  0% {
    opacity: 0.9;
    top: 0;
  }
  100% {
    opacity: 0.2;
    top: 100%;
  }
}

@-moz-keyframes fall {
  0% {
    opacity: 0.9;
    top: 0;
  }
  100% {
    opacity: 0.2;
    top: 100%;
  }
}

@keyframes fall {
  0% {
    opacity: 0.9;
    top: 0;
  }
  100% {
    opacity: 0.2;
    top: 100%;
  }
}

@-webkit-keyframes blow-soft-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -50%;
  }
}

@-o-keyframes blow-soft-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -50%;
  }
}

@-ms-keyframes blow-soft-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -50%;
  }
}

@-moz-keyframes blow-soft-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -50%;
  }
}

@keyframes blow-soft-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -50%;
  }
}

@-webkit-keyframes blow-medium-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}

@-o-keyframes blow-medium-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}

@-ms-keyframes blow-medium-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}

@-moz-keyframes blow-medium-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}

@keyframes blow-medium-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}

@-webkit-keyframes blow-soft-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 50%;
  }
}

@-o-keyframes blow-soft-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 50%;
  }
}

@-ms-keyframes blow-soft-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 50%;
  }
}

@-moz-keyframes blow-soft-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 50%;
  }
}

@keyframes blow-soft-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 50%;
  }
}

@-webkit-keyframes blow-medium-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}

@-o-keyframes blow-medium-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}

@-ms-keyframes blow-medium-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}

@-moz-keyframes blow-medium-lerightft {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}

@keyframes blow-medium-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}

@-webkit-keyframes sway-0 {
  0% {
    -webkit-transform: rotate(-5deg);
  }
  40% {
    -webkit-transform: rotate(28deg);
  }
  100% {
    -webkit-transform: rotate(3deg);
  }
}

@-o-keyframes sway-0 {
  0% {
    -o-transform: rotate(-5deg);
  }
  40% {
    -o-transform: rotate(28deg);
  }
  100% {
    -o-transform: rotate(3deg);
  }
}

@-ms-keyframes sway-0 {
  0% {
    -ms-transform: rotate(-5deg);
  }
  40% {
    -ms-transform: rotate(28deg);
  }
  100% {
    -ms-transform: rotate(3deg);
  }
}

@-moz-keyframes sway-0 {
  0% {
    -moz-transform: rotate(-5deg);
  }
  40% {
    -moz-transform: rotate(28deg);
  }
  100% {
    -moz-transform: rotate(3deg);
  }
}

@keyframes sway-0 {
  0% {
    transform: rotate(-5deg);
  }
  40% {
    transform: rotate(28deg);
  }
  100% {
    transform: rotate(3deg);
  }
}

@-webkit-keyframes sway-1 {
  0% {
    -webkit-transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(43deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
  }
}

@-o-keyframes sway-1 {
  0% {
    -o-transform: rotate(10deg);
  }
  40% {
    -o-transform: rotate(43deg);
  }
  100% {
    -o-transform: rotate(15deg);
  }
}

@-ms-keyframes sway-1 {
  0% {
    -ms-transform: rotate(10deg);
  }
  40% {
    -ms-transform: rotate(43deg);
  }
  100% {
    -ms-transform: rotate(15deg);
  }
}

@-moz-keyframes sway-1 {
  0% {
    -moz-transform: rotate(10deg);
  }
  40% {
    -moz-transform: rotate(43deg);
  }
  100% {
    -moz-transform: rotate(15deg);
  }
}

@keyframes sway-1 {
  0% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(43deg);
  }
  100% {
    transform: rotate(15deg);
  }
}

@-webkit-keyframes sway-2 {
  0% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(56deg);
  }
  100% {
    -webkit-transform: rotate(22deg);
  }
}

@-o-keyframes sway-2 {
  0% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(56deg);
  }
  100% {
    -o-transform: rotate(22deg);
  }
}

@-ms-keyframes sway-2 {
  0% {
    -ms-transform: rotate(15deg);
  }
  40% {
    -ms-transform: rotate(56deg);
  }
  100% {
    -ms-transform: rotate(22deg);
  }
}

@-moz-keyframes sway-2 {
  0% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(56deg);
  }
  100% {
    -moz-transform: rotate(22deg);
  }
}

@keyframes sway-2 {
  0% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(56deg);
  }
  100% {
    transform: rotate(22deg);
  }
}

@-webkit-keyframes sway-3 {
  0% {
    -webkit-transform: rotate(25deg);
  }
  40% {
    -webkit-transform: rotate(74deg);
  }
  100% {
    -webkit-transform: rotate(37deg);
  }
}

@-o-keyframes sway-3 {
  0% {
    -o-transform: rotate(25deg);
  }
  40% {
    -o-transform: rotate(74deg);
  }
  100% {
    -o-transform: rotate(37deg);
  }
}

@-ms-keyframes sway-3 {
  0% {
    -ms-transform: rotate(25deg);
  }
  40% {
    -ms-transform: rotate(74deg);
  }
  100% {
    -ms-transform: rotate(37deg);
  }
}

@-moz-keyframes sway-3 {
  0% {
    -moz-transform: rotate(25deg);
  }
  40% {
    -moz-transform: rotate(74deg);
  }
  100% {
    -moz-transform: rotate(37deg);
  }
}

@keyframes sway-3 {
  0% {
    transform: rotate(25deg);
  }
  40% {
    transform: rotate(74deg);
  }
  100% {
    transform: rotate(37deg);
  }
}

@-webkit-keyframes sway-4 {
  0% {
    -webkit-transform: rotate(40deg);
  }
  40% {
    -webkit-transform: rotate(68deg);
  }
  100% {
    -webkit-transform: rotate(25deg);
  }
}

@-o-keyframes sway-4 {
  0% {
    -o-transform: rotate(40deg);
  }
  40% {
    -o-transform: rotate(68deg);
  }
  100% {
    -o-transform: rotate(25deg);
  }
}

@-ms-keyframes sway-4 {
  0% {
    -ms-transform: rotate(40deg);
  }
  40% {
    -ms-transform: rotate(68deg);
  }
  100% {
    -ms-transform: rotate(25deg);
  }
}

@-moz-keyframes sway-4 {
  0% {
    -moz-transform: rotate(40deg);
  }
  40% {
    -moz-transform: rotate(68deg);
  }
  100% {
    -moz-transform: rotate(25deg);
  }
}

@keyframes sway-4 {
  0% {
    transform: rotate(40deg);
  }
  40% {
    transform: rotate(68deg);
  }
  100% {
    transform: rotate(25deg);
  }
}

@-webkit-keyframes sway-5 {
  0% {
    -webkit-transform: rotate(50deg);
  }
  40% {
    -webkit-transform: rotate(78deg);
  }
  100% {
    -webkit-transform: rotate(40deg);
  }
}

@-o-keyframes sway-5 {
  0% {
    -o-transform: rotate(50deg);
  }
  40% {
    -o-transform: rotate(78deg);
  }
  100% {
    -o-transform: rotate(40deg);
  }
}

@-ms-keyframes sway-5 {
  0% {
    -ms-transform: rotate(50deg);
  }
  40% {
    -ms-transform: rotate(78deg);
  }
  100% {
    -ms-transform: rotate(40deg);
  }
}

@-moz-keyframes sway-5 {
  0% {
    -moz-transform: rotate(50deg);
  }
  40% {
    -moz-transform: rotate(78deg);
  }
  100% {
    -moz-transform: rotate(40deg);
  }
}

@keyframes sway-5 {
  0% {
    transform: rotate(50deg);
  }
  40% {
    transform: rotate(78deg);
  }
  100% {
    transform: rotate(40deg);
  }
}

@-webkit-keyframes sway-6 {
  0% {
    -webkit-transform: rotate(65deg);
  }
  40% {
    -webkit-transform: rotate(92deg);
  }
  100% {
    -webkit-transform: rotate(58deg);
  }
}

@-o-keyframes sway-6 {
  0% {
    -o-transform: rotate(65deg);
  }
  40% {
    -o-transform: rotate(92deg);
  }
  100% {
    -o-transform: rotate(58deg);
  }
}

@-ms-keyframes sway-6 {
  0% {
    -ms-transform: rotate(65deg);
  }
  40% {
    -ms-transform: rotate(92deg);
  }
  100% {
    -ms-transform: rotate(58deg);
  }
}

@-moz-keyframes sway-6 {
  0% {
    -moz-transform: rotate(65deg);
  }
  40% {
    -moz-transform: rotate(92deg);
  }
  100% {
    -moz-transform: rotate(58deg);
  }
}

@keyframes sway-6 {
  0% {
    transform: rotate(65deg);
  }
  40% {
    transform: rotate(92deg);
  }
  100% {
    transform: rotate(58deg);
  }
}

@-webkit-keyframes sway-7 {
  0% {
    -webkit-transform: rotate(72deg);
  }
  40% {
    -webkit-transform: rotate(118deg);
  }
  100% {
    -webkit-transform: rotate(68deg);
  }
}

@-o-keyframes sway-7 {
  0% {
    -o-transform: rotate(72deg);
  }
  40% {
    -o-transform: rotate(118deg);
  }
  100% {
    -o-transform: rotate(68deg);
  }
}

@-ms-keyframes sway-7 {
  0% {
    -ms-transform: rotate(72deg);
  }
  40% {
    -ms-transform: rotate(118deg);
  }
  100% {
    -ms-transform: rotate(68deg);
  }
}

@-moz-keyframes sway-7 {
  0% {
    -moz-transform: rotate(72deg);
  }
  40% {
    -moz-transform: rotate(118deg);
  }
  100% {
    -moz-transform: rotate(68deg);
  }
}

@keyframes sway-7 {
  0% {
    transform: rotate(72deg);
  }
  40% {
    transform: rotate(118deg);
  }
  100% {
    transform: rotate(68deg);
  }
}

@-webkit-keyframes sway-8 {
  0% {
    -webkit-transform: rotate(94deg);
  }
  40% {
    -webkit-transform: rotate(136deg);
  }
  100% {
    -webkit-transform: rotate(82deg);
  }
}

@-o-keyframes sway-8 {
  0% {
    -o-transform: rotate(94deg);
  }
  40% {
    -o-transform: rotate(136deg);
  }
  100% {
    -o-transform: rotate(82deg);
  }
}

@-ms-keyframes sway-8 {
  0% {
    -ms-transform: rotate(94deg);
  }
  40% {
    -ms-transform: rotate(136deg);
  }
  100% {
    -ms-transform: rotate(82deg);
  }
}

@-moz-keyframes sway-8 {
  0% {
    -moz-transform: rotate(94deg);
  }
  40% {
    -moz-transform: rotate(136deg);
  }
  100% {
    -moz-transform: rotate(82deg);
  }
}

@keyframes sway-8 {
  0% {
    transform: rotate(94deg);
  }
  40% {
    transform: rotate(136deg);
  }
  100% {
    transform: rotate(82deg);
  }
}

.sakura {
  background: -webkit-linear-gradient(
    120deg,
    rgba(255, 183, 197, 0.9),
    rgba(255, 197, 208, 0.9)
  );
  background: -o-linear-gradient(
    120deg,
    rgba(255, 183, 197, 0.9),
    rgba(255, 197, 208, 0.9)
  );
  background: -ms-linear-gradient(
    120deg,
    rgba(255, 183, 197, 0.9),
    rgba(255, 197, 208, 0.9)
  );
  background: -moz-linear-gradient(
    120deg,
    rgba(255, 183, 197, 0.9),
    rgba(255, 197, 208, 0.9)
  );
  background: linear-gradient(
    120deg,
    rgba(255, 183, 197, 0.9),
    rgba(255, 197, 208, 0.9)
  );
  -webkit-border-radius: 12px 1px;
  -o-border-radius: 12px 1px;
  -ms-border-radius: 12px 1px;
  -moz-border-radius: 12px 1px;
  border-radius: 12px 1px;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  position: absolute;
}

@media only screen and (max-width: 499px) {
  #wvideo {
    height: 240px;
  }
}
@media only screen and (max-width: 399px) {
  #wvideo {
    height: 212px;
  }
}
@media only screen and (max-width: 320px) {
  #wvideo {
    height: 180px;
  }
}

.books-swiper {
  margin: 30px 20px 20px 20px;
}
.books {
}
.books li {
  /*float: left;*/
  width: 165px;
  height: 240px;
  box-sizing: border-box;
  /*border: 1px solid #fafafa;*/

  background-color: #fff9ec;
  background-color: rgba(247, 158, 158, 0.15);
  background: #fff;
  /*
    background-image: url('/src/img/bg_01.jpg');
    background-repeat: repeat-y;
    background-size: 200% auto;
    */
  border-radius: 5px;

  font-size: 1.2rem;
  line-height: 1.7;

  box-shadow: 1px 2px 3px 0 #ccc;
  box-shadow: 1px 1px 2px rgb(0 0 0/5%);

  text-align: center;
  position: relative;
  color: #333;
}
.books li .b {
  height: 100%;
  background-color: rgba(247, 158, 158, 0.09);
  padding: 10px 8px;
  display: block;
}
.books li .close {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #aaa;
  width: 11px;
}
.books li .top {
  text-align: center;
  padding-bottom: 5px;
}
.books li .n {
  max-height: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  line-height: 1.6;
}
.books li .top img {
  height: 17px;
}
.books li .bottom {
  position: absolute;
  bottom: 8px;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1.3rem;
}
.books li .bottom .from {
}
.books li .bottom .date {
  color: #999;
  font-size: 12px;
}

.f-books-write-pop .tip {
  font-size: 11px;
  color: #777;
  margin-bottom: 5px;
}

.f-books-write-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 900;
  display: none;
  font-family: "RIDIBatang";
}
.bg-close-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.f-books-write-pop .frm {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 330px;
  height: 345px;
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  color: #000;
  box-shadow: 1px 2px 3px 0 #ccc;
  animation-duration: 0.5s !important;
}

.f-books-write-pop .frm .hea {
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 20px 0px 5px 0px;
  color: #000;
  border-bottom: 1px solid #efefef;
  line-height: 1.2;
  margin-bottom: 15px;
  letter-spacing: -1px;
}
.f-books-write-pop .frm .hea > span {
  position: relative;
  top: 1px;
  font-weight: normal;
}

.f-books-write-pop .frm .put {
  width: calc(50% - 5px);
  float: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.3rem;
  padding: 10px 9px;
}
.f-books-write-pop .frm .put::placeholder {
  font-size: 1.3rem;
  color: #999;
}
.f-books-write-pop .frm div > .put:last-child {
  float: right;
}
.f-books-write-pop .frm textarea.put {
  float: none;
  width: 100%;
  box-sizing: border-box;
  height: 150px;
}
.f-books-write-pop .frm .btn {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.4rem;
  height: 46px;
  line-height: 46px;
  background: #ebeef3;
  color: #212529;
  border-radius: 5px;
  box-shadow: 0.25px 0.5px 1px 0 #ccc;
  cursor: pointer;
  font-weight: bold;
}

.books-all-viewer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 425px;
  height: 100%;
  z-index: 900;
  background: #fff;
  overflow-y: scroll;
  animation-duration: 0.5s !important;
  font-family: "RIDIBatang", "Noto Serif KR", serif;
}
.books-all-viewer .books-close-area {
  position: absolute;
  font-size: 2rem;
  top: 15px;
  right: 20px;
  z-index: 901;
  color: #999;
  width: 17px;
}
.books-all-viewer .box {
  box-sizing: border-box;
  min-height: 100%;

  background: #fff;
  background: #fafafa;

  padding: 15px;
  color: #000;
}
.books-all-viewer .head {
  text-align: left;
  font-size: 1.8rem;
  letter-spacing: -1px;
  font-weight: bold;
  padding: 30px 0px 5px 0px;
  margin: 0px 15px 15px 15px;
  color: #000;
  border-bottom: 1px solid #efefef;
  line-height: 1.2;
}
.books-ul {
}
.books-ul li {
  display: block;
  margin: 15px;
  min-height: 100px;
  box-sizing: border-box;
  /*border: 1px solid #fafafa;*/

  background-color: #fff9ec;
  background-color: rgba(247, 158, 158, 0.15);
  background: #fff;

  border-radius: 10px;

  font-size: 1.3rem;
  line-height: 1.5;

  box-shadow: 1px 2px 3px 0 #ddd;
  text-align: left;
  position: relative;
  color: #333;
}
.books-ul li .b {
  padding: 10px 12px;
  display: block;
}
.books-ul li .close {
  position: absolute;
  top: 14px;
  right: 12px;
  color: #aaa;
  width: 10px;
}
.books-ul li .top {
  padding-bottom: 5px;
  font-size: 1.3rem;
}
.books-ul li .note {
  font-weight: 400;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.books-ul li .top .from {
  font-weight: bold;
}
.books-ul li .bottom .date {
  color: #999;
  font-size: 1.1rem;
}
.books-all {
  text-align: right;
  padding: 0px 15px;
}
.books-all > a {
  font-size: 13px;

  /* font-family: nanum gothic,sans-serif; */

  line-height: 1.7;
  color: #888;
  font-weight: 600;
  letter-spacing: -1px;
}
.ft-yeonsung .books-all > a {
  font-family: nanum gothic, sans-serif;
}

.books-all > a.w {
  margin-right: 12px;
}

.private-books {
  padding: 0px 30px;
}
.private-books .wrt {
  font-size: 1.6rem;
  border-radius: 20px;
  background: #f79e9e;
  box-shadow: 1px 2px 3px 0 #ccc;
  height: 34px;
  line-height: 34px;
  padding: 0px 15px;
  display: inline-block;
}
.private-books-one {
  margin-top: 30px;
  border: 1px solid #eee;
  padding: 30px 30px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.3);
}
.private-books-one .nt {
  padding-bottom: 25px;
  font-size: 1.6rem;
  color: #555;
}

.ft-myeongjo .private-books .wrt,
.ft-notosans .private-books .wrt {
  font-size: 1.3rem;
}
.ft-myeongjo .private-books-one .nt,
.ft-notosans .private-books-one .nt {
  font-size: 1.4rem;
}

.books-more {
  text-align: center;
  padding: 20px 0px;
}
.books-more > a {
  font-size: 1.3rem;
}

/*
.ft-myeongjo .books li .n,
.ft-notosans .books li .n {
    font-size: 1.3rem;
    -webkit-line-clamp: 7;
}
.ft-myeongjo .books li .b,
.ft-notosans .books li .b {
    font-size: 1.2rem;
    padding: 15px 8px 10px 8px;
}
.ft-myeongjo .books li .bottom,
.ft-notosans .books li .bottom {font-size: 1.2rem;}

*/

.sp_theme_brown .splash {
  background: linear-gradient(to bottom, #eae6e3, #d3a27f, #c08457);
  background: linear-gradient(to bottom, #f2dfd3, #e4c0a8, #c08457);
}
.sp_theme_brown .typing {
  color: #fff;
}

.sp_theme_gray .splash {
  background: rgb(40, 39, 39);
}
.sp_theme_gray .typing {
  color: #aaa;
  font-weight: bold;
}
.sp_theme_gray .lds-heart div:after,
.sp_theme_gray .lds-heart div:before,
.sp_theme_gray .lds-heart div {
  background: #fff;
}
.sp_theme_gray .splash .btext {
  color: #555;
}

.pageCover.blur {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  transition: 0.5s filter;
}
.sp_theme_purple .splash {
  transition: 0.5s opacity;
  background: rgb(56, 44, 48);
}
.sp_theme_purple .typing {
  color: #ccc;
  font-weight: 400;
}
.sp_theme_purple .lds-heart div:after,
.sp_theme_purple .lds-heart div:before,
.sp_theme_purple .lds-heart div {
  background: #ddd;
}

.splash.trans {
  background: linear-gradient(to bottom, #f1eab9dd, #ff8c8cdd);
}
.sp_theme_purple .splash.trans {
  background: rgba(56, 44, 48, 0.84);
}
.sp_theme_gray .splash.trans {
  background: linear-gradient(to top, #ece9e6dd, #ffffffdd);
}
.sp_theme_brown .splash.trans {
  background: linear-gradient(to bottom, #f2dfd3dd, #e4c0a8dd, #c08457dd);
}

/* 백색 스킨 01 */
.sk_c01 .splash {
  background: linear-gradient(to top, #ece9e6, #ffffff);
}
.sk_c01 .typing {
  color: #aaa;
}
.sk_c01 .typing.bold {
  font-weight: bold;
}

.sk_c01 .lds-heart div:after,
.sk_c01 .lds-heart div:before,
.sk_c01 .lds-heart div {
  background: #fff;
}

.sk_c01 .sectionHead .name {
  color: #bbb;
}
.sk_c01 .notibox {
  border-color: #fff;
}
.sk_c01 .calander .dday {
  color: #f79e9e;
  background: #fff;
}

.sk_c01 .notibox .title {
  color: #bbb;
  text-shadow: 0.3px 0.3px 0.3px #999;
}
.sk_c01 .snow-bg {
  background-image: url("/src/img/s01.png"), url("/src/img/s01.png");
}

.txtnone {
  text-indent: -9999px;
  left: -9999px;
  position: absolute;
}
.accst02 {
  padding: 30px 0px 0px 0px;
}
.accst02 .pack_wrap {
  width: 290px;
  margin: auto;
  border-radius: 6px;
  box-shadow: 1px 2px 3px 0 #ccc;
  margin-bottom: 20px;
}
.accst02 .pack {
  display: block;
  font-size: 1.7rem;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: rgb(241, 243, 248);
  box-sizing: border-box;
  padding: 0px 20px;
  position: relative;
  color: #444;
  border-radius: 6px 6px 6px 6px;
}
.ft-myeongjo .accst02 .pack {
  font-size: 1.4rem;
  font-weight: bold;
}
.ft-notosans .accst02 .pack {
  font-size: 1.4rem;
  font-weight: bold;
}
.accst02 .pack > i {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
  font-size: 1.4rem;
  line-height: 18px;
  height: 18px;
  color: #666;
  transition: all 0.3s ease;
}
.accst02 .pack_wrap .c {
  /* background: #fff; */
  border-radius: 0px 0px 6px 6px;
  font-family: "Noto Sans KR", sans-serif;

  /* height: 0px; */
  overflow: hidden;

  /* -moz-transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease; */
}
.accst02 .pack_wrap.active .pack i {
  transform: rotate(180deg);
}
.accst02 .pack_wrap.active .c {
  /* height: fit-content; */
}
/* .accst02 .pack_wrap.active .c.cnt1 {height: 73px;}
.accst02 .pack_wrap.active .c.cnt2 {height: 147px;}
.accst02 .pack_wrap.active .c.cnt3 {height: 221px;} */

.accst02 .pack_wrap .c > li {
  font-size: 1.4rem;
  font-size: 1.2rem;
  position: relative;
  padding: 10px 12px 10px 12px;
  color: #333;
  line-height: 24px;
  border-top: 1px solid #eee;
  transition: opacity 0.5s ease;
}
.accst02 .pack_wrap .c > li:nth-child(1) {
  border-top: 0px;
}
.accst02 .pack_wrap .c > li .name {
  display: inline-block;
  margin-top: 5px;
}
.accst02 .pack_wrap .c > li .b_1 {
  position: absolute;
  right: 12px;
  top: 10px;
  width: 60px;
  background: rgb(241, 243, 248);
  font-size: 1.2rem;
  letter-spacing: -1px;
  line-height: 1;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  border-radius: 3px;
  cursor: pointer;
}
.accst02 .pack_wrap .c > li .b_2 {
  position: absolute;
  right: 12px;
  top: 39px;
  width: 60px;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  background-image: url("/src/img/payment_icon_yellow_small.png");
  background-position: center;
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-color: rgb(255, 235, 0);
  border-radius: 3px;
}

.pack_wrap .accordion-list {
  max-height: 0;
  overflow: hidden;
  /* opacity: 0; */
  height: fit-content;
  transition: max-height 0.5s ease-out;
  /* transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);  */
}
.pack_wrap .pack {
  cursor: pointer;
}
.pack_wrap.active .accordion-list {
  max-height: 500px; /* 충분히 큰 값으로 설정 */
  /* opacity: 1; */
}

.guckhwa {
  height: 18px;
  vertical-align: sub;
}

.pchbox:checked,
.pchbox:not(:checked) {
  position: absolute;
  left: -9999px;
}
.pchbox:checked + label,
.pchbox:not(:checked) + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  color: #000;
  font-size: 13px;
  padding-left: 22px;
  line-height: 18px;
}
.pchbox:checked + label:before,
.pchbox:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #fff;
  border-radius: 100%;
  background: #cdb4db;
  box-sizing: border-box;
}
.rect.pchbox:checked + label:before,
.rect.pchbox:not(:checked) + label:before {
  border-radius: 0;
}

.pchbox:not(:checked) + label:before {
  border: 2px solid #c1c1c1 !important;
  background: transparent !important;
}
.pchbox:checked + label:after,
.pchbox:not(:checked) + label:after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../img/check@2x.png");
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.pchbox:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.pchbox:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.clse {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 2rem;
  color: #bbb;
  cursor: pointer;
}
.rsvp-write-page .es {
  color: red;
}

.f-books-write-pop textarea,
.f-books-write-pop input {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1.3rem;
}

.f-books-write-pop textarea::placeholder,
.f-books-write-pop input::placeholder {
  font-weight: normal !important;
  font-size: 1.3rem;
  font-family: "Noto Sans KR", sans-serif;
}

.f-books-write-pop textarea:focus,
.f-books-write-pop input:focus {
  outline: none;
}

/******************************************************************************************
[ 방명록 전체보기 팝업 스타일 ]
******************************************************************************************/
.guestbook-list-page select,
.guestbook-list-page input {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1.3rem;
}
.guestbook-list-page input::placeholder {
  font-weight: normal !important;
  font-size: 1.3rem;
  font-family: "Noto Sans KR", sans-serif;
}
.guestbook-list-page input:focus {
  outline: none;
}
.guestbook-list-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  background: #fff;
  display: none;
  font-family: "Noto Sans KR", sans-serif;
  overflow-y: scroll;
  animation-duration: 0.35s !important;
  max-width: 425px;
  right: 0;
  margin: auto;
}
.guestbook-list-page * {
  letter-spacing: -0.5px;
  font-family: "Noto Sans KR", sans-serif;
}
.guestbook-list-page .frm {
  position: relative;
  height: 100%;
  background: #fff;
  border-radius: 0px;
  color: #000;
}
.guestbook-list-page .frm .frmIn {
  padding: 15px 25px;
}
.guestbook-list-page .frm .hea {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0px 25px 0px;
  color: #000;
  border-bottom: 1px solid #efefef;
  line-height: 1.2;
  margin-bottom: 30px;
  letter-spacing: -1px;
}
.guestbook-list-page .frm .hea > span {
  position: relative;
  top: 1px;
  font-weight: normal;
}

.guestbook-list-page .morebtnwrap {
  text-align: center;
}
.guestbook-list-page .morebtn {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  padding: 15px 15px;
}

.guestbook-list-page .rsvpMlist li {
  display: block;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  font-size: 12px;
}
.guestbook-list-page .rsvpMlist .top .left {
  float: left;
}
.guestbook-list-page .rsvpMlist .top .right {
  float: right;
  vertical-align: initial;
}
.guestbook-list-page .rsvpMlist .top {
  padding-bottom: 10px;
}
.guestbook-list-page .rsvpMlist .mid {
  padding: 10px 0 15px 0;
  border-top: 1px solid #eee;
}
.guestbook-list-page .rsvpMlist .att {
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 15.4px;
}
.guestbook-list-page .rsvpMlist .date {
  color: #555;
  letter-spacing: -0.5px;
  font-size: 11px;
  margin-right: 5px;
  line-height: 15.4px;
}

.guestbook-list-page .rsvpMlist .mid xmp {
  white-space: pre-line;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

/******************************************************************************************
[ 방명록 작성 팝업 스타일 ]
******************************************************************************************/
.guestbook-write-page select,
.guestbook-write-page input {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
}
.guestbook-write-page input::placeholder {
  font-weight: normal !important;
  font-size: 13px;
  font-family: "Noto Sans KR", sans-serif;
}
.guestbook-write-page input:focus {
  outline: none;
}
.guestbook-write-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  background: #fff;
  display: none;
  font-family: "Noto Sans KR", sans-serif;
  overflow-y: scroll;
  animation-duration: 0.35s !important;
  max-width: 425px;
  right: 0;
  margin: auto;
}
.guestbook-write-page * {
  letter-spacing: -0.5px;
}
.guestbook-write-page .frm {
  position: relative;
  height: 100%;
  background: #fff;
  border-radius: 0px;
  color: #000;
}
.guestbook-write-page .frm .frmIn {
  padding: 15px 25px;
}
.guestbook-write-page .frm .hea {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0px 25px 0px;
  color: #000;
  border-bottom: 1px solid #efefef;
  line-height: 1.2;
  margin-bottom: 30px;
  letter-spacing: -1px;
}
.guestbook-write-page .frm .hea > span {
  position: relative;
  top: 1px;
  font-weight: normal;
}

.guestbook-write-page .frm .put {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 16px;
  padding: 13px 10px;
}
.guestbook-write-page .frm .put::placeholder {
  font-size: 14px;
  color: #999;
}
.guestbook-write-page .frm div > .put:last-child {
  float: right;
}
.guestbook-write-page .frm textarea.put {
  float: none;
  width: 100%;
  box-sizing: border-box;
  height: 150px;
}
.guestbook-write-page .tip {
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: 600;
  display: inline-block;
  color: #222;
  position: relative;
}
.guestbook-write-page .tip .spot {
  background: #f76767;
  height: 5px;
  width: 5px;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -10px;
}
.guestbook-write-page .tip.emp {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
}
.guestbook-write-page .frm select.put {
  background: #fff;
  padding: 0 9px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 16px;
  box-sizing: border-box;
  height: 42.4px;
  line-height: 42.4px;
}

.guestbook-write-page .att-fdver {
  border-bottom: 1px solid #eaeaea;
  position: relative;
  padding-left: 75px;
}
.guestbook-write-page .att-fdver-btn {
  text-align: center;
  display: block;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
  background: #cdb4db;
  font-weight: 300;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
}
.guestbook-write-page .att-fdver .nm {
  height: 60px;
  position: absolute;
  width: 75px;
  text-align: left;
  top: 0;
  left: 0;
}
.guestbook-write-page .att-fdver .nm .text {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  color: #222;
  line-height: 60px;
}
.guestbook-write-page .att-fdver .spot {
  background: #cdb4db;
  height: 5px;
  width: 5px;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -10px;
}
.guestbook-write-page .att-fdver select {
  height: 60px;
  border: none;
  box-sizing: border-box;
  color: #000;
  font-size: 13px;
  width: 100%;
  color: #222;
  font-weight: 400;
  background: transparent !important;
}
.guestbook-write-page .att-fdver input {
  height: 60px;
  border: none;
  box-sizing: border-box;
  color: #000;
  font-size: 13px;
  width: 100%;
  color: #222;
  font-weight: 400;
}
.guestbook-write-page .att-fdver input::placeholder {
  color: #aaa;
  letter-spacing: -1px;
  font-size: 12px !important;
  font-weight: 200 !important;
}
.guestbook-write-page .att-fdver textarea {
  height: 140px;
  border: none;
  box-sizing: border-box;
  color: #000;
  font-size: 13px;
  width: 100%;
  color: #222;
  font-weight: 400;
  padding: 23px 0 0 0;
}
.guestbook-write-page .att-fdver textarea::placeholder {
  color: #aaa;
  letter-spacing: -1px;
  font-size: 12px !important;
  font-weight: 200 !important;
}
.guestbook-write-page .att-fdver textarea:focus {
  outline: none;
}

.guestbook-write-page .box-chk {
  position: absolute;
  visibility: hidden;
}
.guestbook-write-page .box-chk + label {
  text-align: center;
  border: 1px solid #eaeaea;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #aaaaaa;
  font-weight: 300;
  width: calc(50% - 5px);
  height: 40px;
  line-height: 38px;
  float: left;
  box-sizing: border-box;
  -webkit-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}
.guestbook-write-page .box-chk-wrap > .box-chk + label:last-child {
  float: right;
}
.guestbook-write-page .box-chk:checked + label.v01_pink {
  background: #f76868;
  color: #fff;
}
.guestbook-write-page .box-chk:checked + label.v01_blue {
  background: #cdb4db;
  color: #fff;
}
.guestbook-write-page .box-chk:checked + label.v01_black {
  background: #333;
  color: #fff;
}
.guestbook-write-page .box-chk:checked + label.v01_gray {
  background: transparent;
  font-weight: 500;
  color: #222;
  border-color: #222;
}
.guestbook-write-page .box-chk:checked + label.v02_pink {
  border-color: #cdb4db;
  color: #cdb4db;
  font-weight: 500;
}
.guestbook-write-page .box-chk:checked + label.v02_blue {
  border-color: #cdb4db;
  color: #cdb4db;
  font-weight: 500;
}

.guestbook-write-page .att-priv-box {
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  padding: 15px 17px;
  margin-top: 30px;
}
.guestbook-write-page .att-priv-box p {
  font-size: 12px;
  letter-spacing: -1.2px;
  color: #aaa;
  font-weight: 300;
  padding-bottom: 10px;
}

.guestbook-write-page .att-fdver input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

/******************************************************************************************
[ RSVP 참석의사 전달하기 작성 팝업 스타일 ]
******************************************************************************************/
.rsvp-write-page select,
.rsvp-write-page input {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
}
.rsvp-write-page input::placeholder {
  font-weight: normal !important;
  font-size: 13px;
  font-family: "Noto Sans KR", sans-serif;
}
.rsvp-write-page input:focus {
  outline: none;
}
.rsvp-write-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  background: #fff;
  display: none;
  font-family: "Noto Sans KR", sans-serif;
  overflow-y: scroll;
  animation-duration: 0.35s !important;
  max-width: 425px;
  right: 0;
  margin: auto;
}
.rsvp-write-page * {
  letter-spacing: -0.5px;
}
.rsvp-write-page .frm {
  position: relative;
  height: 100%;
  background: #fff;
  border-radius: 0px;
  color: #000;
}
.rsvp-write-page .frm .frmIn {
  padding: 15px 25px;
}
.rsvp-write-page .frm .hea {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0px 25px 0px;
  color: #000;
  border-bottom: 1px solid #efefef;
  line-height: 1.2;
  margin-bottom: 30px;
  letter-spacing: -1px;
}
.rsvp-write-page .frm .hea > span {
  position: relative;
  top: 1px;
  font-weight: normal;
}

.rsvp-write-page .frm .put {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 16px;
  padding: 13px 10px;
}
.rsvp-write-page .frm .put::placeholder {
  font-size: 14px;
  color: #999;
}
.rsvp-write-page .frm div > .put:last-child {
  float: right;
}
.rsvp-write-page .frm textarea.put {
  float: none;
  width: 100%;
  box-sizing: border-box;
  height: 150px;
}
.rsvp-write-page .tip {
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: 600;
  display: inline-block;
  color: #222;
  position: relative;
}
.rsvp-write-page .tip .spot {
  background: #cdb4db;
  height: 5px;
  width: 5px;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -10px;
}
.rsvp-write-page .tip.emp {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
}
.rsvp-write-page .frm select.put {
  background: #fff;
  padding: 0 9px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 16px;
  box-sizing: border-box;
  height: 42.4px;
  line-height: 42.4px;
}

.rsvp-write-page .att-fdver {
  border-bottom: 1px solid #eaeaea;
  position: relative;
  padding-left: 75px;
}
.rsvp-write-page .att-fdver-btn {
  text-align: center;
  display: block;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
  background: #cdb4db;
  font-weight: 300;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
}
.rsvp-write-page .att-fdver .nm {
  height: 60px;
  position: absolute;
  width: 75px;
  text-align: left;
  top: 0;
  left: 0;
}
.rsvp-write-page .att-fdver .nm .text {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  color: #222;
  line-height: 60px;
}
.rsvp-write-page .att-fdver .spot {
  background: #cdb4db;
  height: 5px;
  width: 5px;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -10px;
}
.rsvp-write-page .att-fdver select {
  height: 60px;
  border: none;
  box-sizing: border-box;
  color: #000;
  font-size: 13px;
  width: 100%;
  color: #222;
  font-weight: 400;
  background: transparent !important;
}
.rsvp-write-page .att-fdver input {
  height: 60px;
  border: none;
  box-sizing: border-box;
  color: #000;
  font-size: 13px;
  width: 100%;
  color: #222;
  font-weight: 400;
}
.rsvp-write-page .att-fdver input::placeholder {
  color: #aaa;
  letter-spacing: -1px;
  font-size: 12px !important;
  font-weight: 200 !important;
}

.rsvp-write-page .box-chk {
  position: absolute;
  visibility: hidden;
}
.rsvp-write-page .box-chk + label {
  text-align: center;
  border: 1px solid #eaeaea;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #aaaaaa;
  font-weight: 300;
  width: calc(50% - 5px);
  height: 40px;
  line-height: 38px;
  float: left;
  box-sizing: border-box;
  -webkit-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}
.rsvp-write-page .box-chk-wrap > .box-chk + label:last-child {
  float: right;
}
.rsvp-write-page .box-chk:checked + label.v01_pink {
  background: #f76868;
  color: #fff;
}
.rsvp-write-page .box-chk:checked + label.v01_blue {
  background: #cdb4db;
  color: #fff;
}
.rsvp-write-page .box-chk:checked + label.v01_black {
  background: #cdb4db;
  color: #fff;
}
.rsvp-write-page .box-chk:checked + label.v01_gray {
  background: transparent;
  font-weight: 500;
  color: #cdb4db;
  border-color: #222;
}
.rsvp-write-page .box-chk:checked + label.v02_pink {
  border-color: #cdb4db;
  background: #cdb4db;
  color: #fff;
  font-weight: 500;
}
.rsvp-write-page .box-chk:checked + label.v02_blue {
  border-color: #cdb4db;
  background: #cdb4db;
  color: #fff;
  font-weight: 500;
}

.rsvp-write-page .att-priv-box {
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  padding: 15px 17px;
  margin-top: 30px;
}
.rsvp-write-page .att-priv-box p {
  font-size: 12px;
  letter-spacing: -1.2px;
  color: #aaa;
  font-weight: 300;
  padding-bottom: 10px;
}

.private-attend {
  padding: 0px 30px;
}
.private-attend .wrt {
  font-size: 1.6rem;
  border-radius: 20px;
  background: var(--main-v2-color);
  box-shadow: 1px 2px 3px 0 #ccc;
  height: 34px;
  line-height: 34px;
  padding: 0px 15px;
}
.private-attend-one {
  margin-top: 30px;
  border: 1px solid #eee;
  padding: 30px 30px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.3);
}
.private-attend-one .nt {
  padding-bottom: 25px;
  font-size: 1.6rem;
  color: #555;
}

/*
.ft-myeongjo .private-attend .wrt,
.ft-notosans .private-attend .wrt {
    font-size: 1.3rem;
}
.ft-myeongjo .private-attend-one .nt,
.ft-notosans .private-attend-one .nt {
    font-size: 1.4rem;
}
*/

/*
.theme_emp_color_brown .private-books .wrt,
.theme_emp_color_brown .private-attend .wrt {
    background: #7c3f06;
}
.theme_emp_color_brown .calander .dday {
    background: #7c3f06 !important;
}
.theme_emp_color_brown .notibox {
    border-color: #7c3f06 !important;
}

.theme_emp_color_brown .accst02 .pack_wrap .c > li .b_1,
.theme_emp_color_brown .notibox .title,
.theme_emp_color_brown .calander tr th:first-child, .theme_emp_color_brown .calander tr td:first-child,
.theme_emp_color_brown .sectionHead .name,
.theme_emp_color_brown .colorPink {
    color: #964b00 !important;
}
*/

.theme_emp_color_brown .more_map_link {
  background: rgb(239, 228, 217);
}

.theme_emp_color_brown .accst02 .pack {
  /*background: #eae6e3;*/
}

.zoomGallWrapper {
  animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 0.5s; /* don't forget to set a duration! */
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 99999;
}
#fullbox {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
#fullbox .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
#fullbox .swiper-wrapper .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
/* .zoomGallWrapper .swiper-pagination-bullets {
  bottom: 300px !important;
}
.zoomGallWrapper .swiper-pagination-bullet {
  background: #444;
  width: 12px;
  height: 12px;
  opacity: 0.5;
}
.zoomGallWrapper .swiper-pagination-bullet-active {
  opacity: 0.8;
  background: #777 !important;
} */
.zoomGallWrapper .close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #bbb;
  font-size: 0px;
  z-index: 10002;
  cursor: pointer;
  width: 25px;
  height: 25px;

  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
}
.zoomGallWrapper .close img {
  width: 100%;
}

.garland .see {
  display: block;
}

.floatingBox {
  position: fixed;
  width: 180px;
  height: 50px;
  line-height: 50px;
  border-radius: 20px;

  box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);
  border: solid 1px #eee;
  background-color: #fff;
  color: #000;

  text-align: center;
  bottom: 50px;
  right: calc(50% - 90px);
  margin: auto;
  z-index: 101;
  font-size: 14px;
  transition: right 0.2s, width 0.1s;
  display: none;
  cursor: pointer;
}
.floatingBox img {
  width: 20px;
}

.floatingBox > span {
  transition: all 0.3s;
}
.floatingBox.hi {
  left: auto;
  right: 25px;
  bottom: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
}
.floatingBox.hi > span {
  display: none;
}
.floatingBox.hi > img {
  width: 24px;
}

.ft-yeonsung .floatingBox {
  font-size: 16px;
}

.bttmGarlandWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
.bttmGarlandWrapper > .in {
  position: absolute;
  box-sizing: border-box;
  width: 425px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  bottom: 0;
  height: 200px;
  height: auto;
  z-index: 500;
  background: #fafafa;
  box-shadow: 0 0 8px 0 rgb(0 0 0 / 5%);
  border-radius: 25px 25px 0 0;
  padding: 20px 30px;
  text-align: left;
  animation-duration: 0.5s;
}

.bttmGarlandWrapper .alrTitle {
  font-size: 18px;
  font-weight: bold;

  color: #444;
  /*padding-left: 33px;
    background-image: url('/src/img/ceflower.png');
    background-size: auto 35px;
    background-position: left center;
    background-repeat: no-repeat;*/
  padding: 15px 0;
  text-align: center;
}
.ft-gowundodum .bttmGarlandWrapper .alrTitle {
  font-weight: 400 !important;
  -webkit-text-stroke: 0.4px !important;
}

.bttmGarlandWrapper .alrDesc {
  font-size: 14px;
  color: #666;
  margin-top: 10px;
  line-height: 1.65;
  padding-bottom: 20px;
  border-bottom: 1px dotted #eee;
  text-align: center;
}
.bttmGarlandWrapper .moveWrap {
  margin-top: 20px;
}
.bttmGarlandWrapper .moveWrap .item {
  float: left;
  width: calc(60% - 5px);
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #333;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 8px 0 rgb(0 0 0 / 5%);
  border-radius: 6px;
}
.bttmGarlandWrapper .moveWrap .item:last-child {
  cursor: pointer;
  float: right;
  width: calc(40% - 5px);
}
.bttmGarlandWrapper .moveWrap .item.black {
  background: #333;
  color: #fff;
}

.bttmGarlandWrapper .hm_ul {
  padding: 20px 0 5px 0;
}
.bttmGarlandWrapper .hm_ul li {
  display: block;
  font-size: 14px;
  padding-left: 20px;
  margin-bottom: 7px;
  color: #555;
  letter-spacing: -0.02em;
  position: relative;
  font-weight: 300;
  line-height: 1.5;
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: 1px center;
}
.bttmGarlandWrapper .hm_ul li.bold {
  font-weight: 600;
}
.bttmGarlandWrapper .hm_ul li:last-child {
  margin-bottom: 0;
}
.bttmGarlandWrapper .hm_ul li:nth-child(1) {
  background-image: url("/src/img/svg_heart_gray.svg");
  background-size: 13px auto;
}
.bttmGarlandWrapper .hm_ul li:nth-child(2) {
  background-image: url("/src/img/svg_date_gray.svg");
  background-size: 12px auto;
  background-position: 1.5px center;
}
.bttmGarlandWrapper .hm_ul li:nth-child(3) {
  background-image: url("/src/img/svg_location_gray.svg");
  background-size: 11px auto;
  background-position: 1.5px center;
}

.ft-yeonsung .bttmGarlandWrapper .alrTitle {
  font-size: 20px;
}
.ft-yeonsung .bttmGarlandWrapper .alrDesc {
  font-size: 16px;
}
.ft-yeonsung .bttmGarlandWrapper .hm_ul li {
  font-size: 16px;
}
.ft-yeonsung .bttmGarlandWrapper .moveWrap .item {
  font-size: 16px;
}

.kkt-share {
  font-size: 1.3rem;
  display: inline-block;
  background-image: url("/src/img/icon-kakaotalk.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 16px;
  padding-left: 20px;
  /*font-family: 'RIDIBatang';*/
  text-align: center;
  cursor: pointer;
  letter-spacing: -0.5px;
}
.card-bottom-copyright {
  font-size: 10px;
  margin: 20px 0;
  line-height: 10px;
  text-align: center;
  color: #ccc;
  font-weight: 200;
  font-family: "Noto Serif KR", serif;
  letter-spacing: -1px;
}
.card-bottom-copyright > img {
  height: 10px;
  margin: 0 3px;
  opacity: 0.3;
  vertical-align: bottom;
}

.waves {
  position: relative;
  width: 100%;
  height: 40px;
  margin-bottom: -7px; /*Fix for safari gap*/
}
/* Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
}

.blr {
  height: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.99);

  position: absolute;
  left: -10%;
  margin: auto;
  width: 120%;
  filter: blur(10px);
  -webkit-filter: blur(8px);
  display: none;
}
.blr.blr01 {
  top: -15px;
}
.blr.blr02 {
  bottom: -15px;
}

/* 상단 테두리라이트 */
.mainImgArea {
  position: relative;
}
.mainImgArea.mainImgBlur.brown .blr {
  background-color: #f2ece6;
}
.mainImgArea.mainImgBlur {
  background: #fff;
}
.mainImgArea.mainImgBlur .blr {
  display: block;
}

/* 하단 테두리라이트 */
.bttmImgBlur.brown .blr {
  background-color: #f2ece6;
}
.bttmImgBlur {
  background: #fff;
}
.bttmImgBlur .blr {
  display: block;
  z-index: 1;
}

/* 웨이브 */
.wave01 {
  position: relative;
  top: 30px;
  transform: scaleY(-1);
  transition: 0.3s;
  z-index: 1;
  display: none;
}
.wave02 {
  position: relative;
  top: -30px;
  margin-bottom: -30px;
  display: none;
}

.mainImgWave {
  margin-bottom: 20px;
}

.mainImgWave .wave01,
.mainImgWave .wave02,
.bttmImgWave .wave01,
.bttmImgWave .wave02 {
  display: block;
}

.mainImgWave .wave01 {
  margin-top: -40px;
}
.mainImgWave .wave02 {
  margin-bottom: -50px;
}

.sp_type_02 .splash {
  background: linear-gradient(to top, #ece9e6, #ffffff) !important;
}
.sp_type_02 .splash .typing {
  color: #aaa !important;
}
.sp_type_02 .lds-heart div:after,
.sp_type_02 .lds-heart div:before,
.sp_type_02 .lds-heart div {
  background: #fff;
}
.pageCover {
  /*width: 425px;*/
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 아이폰 꾹 눌러서 이미지 다운로드 방지 */
.imgblk {
  -webkit-touch-callout: none;
  pointer-events: none;
}

#pop_rsvp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 777;
  font-family: noto sans kr, sans-serif;
}
#pop_rsvp .win {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;

  border-radius: 10px;
  padding: 39px 25px 23px;

  background-color: rgb(255, 255, 255);

  /*background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: left 20px top -10px;
    background-image: url('/src/img/svg_rsvp2.svg');*/

  width: 330px;
  max-width: 100%;
  height: fit-content;
  box-sizing: border-box;
}
#pop_rsvp .win .h_line {
  border-bottom: 1px dotted rgb(221, 221, 221);
}
#pop_rsvp .win .h_line h2 {
  font-size: 18px;
  margin-bottom: 26px;
  font-weight: 600;
  text-align: center;
  color: #222;
}
#pop_rsvp .win .h_line p {
  font-size: 13px;
  line-height: 1.52;
  padding-bottom: 20px;
  letter-spacing: -0.03em;
  word-break: keep-all;
  font-weight: 300;
  color: #222;
  text-align: center;
}
#pop_rsvp .hangmock {
  padding: 23px 8px 31px;
}
#pop_rsvp .hangmock li {
  display: block;
  font-size: 12px;
  padding-left: 20px;
  margin-bottom: 7px;
  color: #222;
  letter-spacing: -0.02em;
  position: relative;
  font-weight: 300;
  line-height: 1.25;
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: 1px center;
}
#pop_rsvp .hangmock li.bold {
  font-weight: 600;
}
#pop_rsvp .hangmock li:last-child {
  margin-bottom: 0;
}
#pop_rsvp .hangmock li:nth-child(1) {
  background-image: url("/src/img/svg_heart.svg");
  background-size: 13px auto;
}
#pop_rsvp .hangmock li:nth-child(2) {
  background-image: url("/src/img/svg_date.svg");
  background-size: 12px auto;
  background-position: 1.5px center;
}
#pop_rsvp .hangmock li:nth-child(3) {
  background-image: url("/src/img/svg_location.svg");
  background-size: 11px auto;
  background-position: 1.5px center;
}
#pop_rsvp .b_line {
}
#pop_rsvp .b_line .rsvp_button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background-color: #f9f0e6;
  background: #f76868;

  color: #000;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  line-height: 50px;

  color: #fff;
  background: #222;
}
#pop_rsvp .b_line .rsvp_button.pink {
  background: #f79e9e30;
  color: #222;
}
#pop_rsvp .b_line .rsvp_button > span {
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-image: url("/src/img/svg_rsvp.svg");
  display: inline-block;
  padding-left: 18px;
}
#pop_rsvp .today_notopen {
  text-align: center;
  padding-top: 22px;
}
#pop_rsvp .today_notopen > a {
  font-size: 14px;
  color: #ccc;
  letter-spacing: -1px;
}
#pop_rsvp a {
  cursor: pointer;
}

.gallGridWrapper {
  padding: 5px 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  overflow: hidden;
  transition: height 1s ease-in-out;
}
.gallGridWrapper.twoRow {
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
}
.gallGridWrapper.ratio .item {
  aspect-ratio: 10 / 13;
}
.gallGridWrapper .item {
  aspect-ratio: 1 / 1;
  background-color: #ddd;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  border-radius: 4px;
}
.gallGridWrapper .item .box {
  display: none;
  width: 100%;
  visibility: hidden;
}
.gallGridWrapper:not(.ratio) .item .square {
  display: block;
}
.gallGridWrapper.ratio .item .rectangle {
  display: block;
}
.gallGridWrapper .item:nth-child(3),
.gallGridWrapper .item:nth-child(6),
.gallGridWrapper .item:nth-child(9),
.gallGridWrapper .item:nth-child(12),
.gallGridWrapper .item:nth-child(15),
.gallGridWrapper .item:nth-child(18),
.gallGridWrapper .item:nth-child(21),
.gallGridWrapper .item:nth-child(24),
.gallGridWrapper .item:nth-child(27),
.gallGridWrapper .item:nth-child(30),
.gallGridWrapper .item:nth-child(33),
.gallGridWrapper .item:nth-child(36),
.gallGridWrapper .item:nth-child(39),
.gallGridWrapper .item:nth-child(42) {
  margin-right: 0;
}
.gallGridWrapper.multiple {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: calc(((425px - 40px) / 2 - 8px / 2) / 20 * 10);
  gap: 8px;
}
.gallGridWrapper:not(.multiple) + .moreBtnWrap .moreBtnGradient {
  display: none;
}
.gallGridWrapper.twoRow.multiple {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: calc(((425px - 40px) / 2 - 8px / 2) / 16 * 10);
}
@media screen and (max-width: 425px) {
  .gallGridWrapper.multiple {
    grid-auto-rows: calc(((100vw - 40px) / 2 - 8px / 2) / 20 * 10);
  }
  .gallGridWrapper.twoRow.multiple {
    grid-auto-rows: calc(((100vw - 40px) / 2 - 8px / 2) / 16 * 10);
  }
}
.gallGridWrapper.multiple .item {
  aspect-ratio: unset !important;
  height: 100%;
}

.tiledImageBox .item:active,
.tiledImageBox .item:focus {
  outline: none;
}

.tiledImageBox .item {
  background-position: top center !important;
}

.sectionMg .noticeBtn {
  font-size: 1.3rem;
  border-radius: 4px;
  background: var(--main-v2-color);
  /*box-shadow: 1px 2px 3px 0 #ccc;*/
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
}

/*
.theme_emp_color_brown .sectionMg .noticeBtn {
    background: #7c3f06;
}*/

.n_ic {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 2px;
}
.n_ic.youtube {
  background-image: url("/src/img/ic_youtube.svg");
}
.n_ic.insta {
  background-image: url("/src/img/ic_insta.svg");
}

/** 2023.02.07 실시간미리보기 만들면서 추가 ***/

/* 갤러리 제목 패딩 */
/* .gallLayerWrapper > .sectionHead {
  padding: 0px 0px 30px 0px !important;
} */

.main_frm_ver_2 .desc1 {
}
.main_frm_ver_2 .desc1 .date {
  color: #999;
  font-size: 1.4rem;
}

.main_frm_ver_2 .desc1 .main {
  font-weight: 400;
  position: relative;
  padding: 40px 0 20px 0;
  line-height: 1.2;
  color: #555;
}

.main_frm_ver_2 .sig-color {
  color: var(--main-color) !important;
  /*opacity: .6*/
}

.main_frm_ver_2 .desc1 .main .br {
  position: relative;
  z-index: 10;
  font-weight: 400;
  letter-spacing: -5px;
  font-size: 5.2rem;
  font-family: song myung, serif;
  color: #51484d;
}

.main_frm_ver_2 .desc1 .main .br-top {
  font-weight: 200;
  font-size: 2rem;
  color: var(--main-color);
  letter-spacing: 7px;
  /*opacity: .5;*/
  font-family: song myung, serif;
}

.main_frm_ver_2 .desc1 .main .emp {
  color: var(--main-color);
}

.main_frm_ver_2 .desc1 .main .f {
  font-family: gwendolyn, cursive;
  color: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 50px;
  line-height: 50px;
  font-size: 3rem;
}
.main_frm_ver_2 {
  text-align: center;
  margin: auto;
}
.main_frm_ver_2 .desc2 {
  color: #666;
  color: #51484d;
  font-size: 1.4rem;
}

.main_frm_ver_2 .desc2 .and {
  display: inline-block;
  margin: 0 0;
}

.main_frm_ver_2 .desc2 .s {
  color: #000;
  font-weight: 200;
  font-family: "noto serif kr", serif;
  font-size: 1.2rem;
  letter-spacing: -1px;
  font-weight: 600;
  line-height: 14px;
}
.main_frm_ver_2 .gwendolyn {
  font-family: gwendolyn, cursive;
}
.main_frm_ver_2 .desc3 {
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  color: #51484d;
}

.theme_emp_color_brown .main_frm_ver_2 .desc1 .main .br-top,
.theme_emp_color_brown .main_frm_ver_2 .desc1 .main .emp,
.theme_emp_color_brown .main_frm_ver_2 .sig-color {
  color: #964b00 !important;
}
.private-books .wrt.gry,
.private-attend .wrt.gry {
  background: #9295a0;
}
.private-attend .wrt .i {
  display: none;
}

.telArea {
  padding-top: 15px;
  text-align: center;
  display: none;
}
.int_buttn {
  display: inline-block;
  text-align: center;
  line-height: 1.5;
  border-radius: 10px;
  box-sizing: border-box;

  border-radius: 14px;

  padding: 9px 30px;
  color: #978686;

  color: #404040;
  background: #fafafa;

  width: 190px;
  border: 1px solid #eee;
  font-size: 1.4rem;

  color: var(--box-font-color);
  border-color: var(--box-border-color);
  background: #fff;
}
.int_buttn > i {
  opacity: 0.2;
  font-size: 1.2rem;
  vertical-align: middle;
}

.tel_type_v1 .introLayer .telArea {
  display: block;
}
.tel_type_v1 .introLayer .telAreaNone {
  display: none !important;
}
.tel_type_v1 .introLayer .line {
  width: 40px !important;
  margin: 0px auto 30px auto !important;
}

#tel_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: start;
  flex-direction: column;
  align-items: center;
  transition: 0.5s opacity;
  background: rgba(56, 44, 48, 0.84);
  visibility: hidden;
  opacity: 0;
  overflow: scroll;
}

#tel_popup .x_button {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 20px;
  z-index: 1;
}
#tel_popup .ctt {
  width: 350px;
  max-width: 92%;
  /*background: #fff;*/
  border-radius: 4px;
  padding: 0;
  margin-top: 50px;
  font-size: 14px;
  overflow: hidden;
  --animate-duration: 0.25s;
  /*-webkit-box-shadow: 3px 3px 10px 0 rgb(0 0 0/20%);
    -moz-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.2);
    box-shadow: 3px 3px 10px 0 rgb(0 0 0/20%);*/
  z-index: 1;
  padding-top: 10px;
  flex: 0 0 auto;
}
#tel_popup .tp {
  text-align: center;
  font-size: 18px;
  color: #ccc;
  letter-spacing: 2px;
  font-weight: 500;
  margin-top: 50px;
  left: 0;
  right: 0;
}
#tel_popup .ctt .grd_wrap {
  padding: 10px;
  /*font-family: 'Noto Sans KR', sans-serif;*/
}

#tel_popup .ctt > .grd_wrap:first-child {
  margin-bottom: 30px;
}

#tel_popup .ctt .grd {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
  margin: 20px 15px;
  align-items: center;
}
#tel_popup .ctt .grd > .cell {
  text-align: center;
  font-size: 15px;
}
#tel_popup .ctt .grd > .cell.name {
  color: #fff;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
#tel_popup .ctt .grd > .cell.name .baptismal {
  font-size: 13px;
  word-break: keep-all;
}
#tel_popup .ctt .grd > .cell:nth-child(1) {
  text-align: left;
  font-size: 14px;
  color: #ccc;
}
#tel_popup .ctt .grd > .cell:nth-child(3) {
  text-align: right;
}
#tel_popup .ctt .grd .fa {
  margin: 0 10px;
}
#tel_popup .ctt .grd_wrap.man,
#tel_popup .ctt .grd_wrap.man .fa {
  color: rgb(102, 142, 170);
  color: #ccc;
}

#tel_popup .ctt .grd_wrap.woman,
#tel_popup .ctt .grd_wrap.woman .fa {
  color: #c8b1b7;
  color: #ccc;
}

#tel_popup .ent {
  font-size: 12px;
  font-family: Crimson Pro, serif;
  letter-spacing: 3px;
  line-height: 20px;
  color: #999;
  opacity: 0.6;
}

#tel_popup .grd_line {
  border-bottom: 1px dotted #888;
  padding-bottom: 9px;
  margin: 0 15px;
  color: #ccc;
  font-size: 14px;
}

.pop_contact_open #tel_popup {
  visibility: visible;
  opacity: 1;
}
.pop_contact_open .pageCover {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  transition: 0.3s filter;
}
.pop_contact_open .bgmbar.fadeBg .sound {
  visibility: hidden;
}

.ft-yeonsung #tel_popup .ctt {
  font-size: 16px;
}
.ft-yeonsung #tel_popup .tp {
  font-size: 20px;
}
.ft-yeonsung #tel_popup .ctt .grd > .cell {
  font-size: 17px;
}
.ft-yeonsung #tel_popup .ctt .grd > .cell:nth-child(1) {
  font-size: 16px;
}
.ft-yeonsung #tel_popup .grd_line {
  font-size: 16px;
}

.private-books-one,
.private-attend-one {
  margin-top: 0px;
}

.calwrap {
  padding: 0;
}

.fade-in-trigger {
  opacity: 0;
  transform: translateY(50px);
  transition: none;
}

.fade-in-trigger.fade-in-bottom {
  opacity: 1;
  -webkit-animation: fade-in-bottom 2.2s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: fade-in-bottom 2.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.calander th,
.calander td {
  font-size: 1.4rem;
  color: #544f4f;
}
.calander {
  margin-bottom: 0;
}
.calander_warpper {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-color: #eee;
  padding: 15px 0;
  margin: 35px 0;
}
.subTitle.v2 {
  background: transparent;
  margin-top: 0;
}

.dday-wrap {
}
.dday-wrap {
  letter-spacing: -0.5px;
  border-left: 0;
  border-right: 0;
  font-size: 0.9rem;
  text-align: center;
  padding-bottom: 20px;
}
.dday-wrap .countdown {
  /* font-family: Crimson Pro; */ /*dday count 적용 시*/
  margin: 0 0 10px;
}
.dday-wrap .countdown > div {
  display: inline-block;
  vertical-align: top;
  font-size: 1rem !important;
  letter-spacing: 0;
  line-height: 1.6rem;
  text-transform: uppercase;
}
.dday-wrap .countdown .desc {
  color: #2b2222;
  opacity: 0.4;
}
.dday-wrap .countdown > div > span {
  display: inline-block;
  font-size: 1.2rem !important;
  padding: 0 2.5px;
  text-align: center;
  line-height: 2.88rem;
  color: #544f4f;
}
.dday-wrap .countdown .card {
  color: #2b2222;
  font-size: 2.4rem !important;
  width: 32px;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  opacity: 0.8;
}

img.daycard {
  display: none !important;
}

.calanderSection.no-dday .calander_warpper {
  margin-bottom: 0;
}
.calanderSection.no-dday .dday-wrap {
  display: none;
}

/*
.wayto li.navi {
    display: none;
}*/

#go_map {
  height: 400px;
}

.ybtn {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #cacaca;
  font-size: 1.3rem;
  height: 50px;
  border-radius: 8px;
  color: #000;
  border: 1px solid #eaeaea;
}
.ybtn > span {
  padding-left: 20px;
  position: relative;
}
.ybtn > span:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url(/src/img/card/ico_map01.png);
  margin-top: -8px;
  background-size: auto 15px;
}
.addr-wrap {
  /*background: #fff;*/
  padding-bottom: 25px;
}
.addr-wrap-in {
  display: block;
}
.addr-wrap-in .box {
  display: flex;
  word-break: keep-all;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  height: 64px;
  background-image: url(/src/img/card/bg_line01.png);
  background-size: auto 1px;
  background-repeat: repeat-x;
  padding: 0 33px;
}
.addr-wrap-in .box:first-child {
  background: none;
}

.navi_button_wrap {
  display: flex;
  margin: 0 -3px;
  margin-top: 12px;
}
ul.wayto .navi_button {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 15px;
  margin: 0 3px;
  border: 1px solid #eaeaea;
  height: 57px;
  width: 33.333%;
  background: #fff;
  border-radius: 12px;
  height: 40px;
  border-radius: 8px;
}
ul.wayto .navi_button > span {
  font-weight: 500;
  color: #000;
  position: relative;
  font-size: 1.2rem;
  padding-left: 22px;
}

ul.wayto .navi_button > span:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 17px;
  height: 17px;
  background-image: url(/src/img/card/ico_nav03.png);
  background-size: 17px auto;
  margin-top: -8.5px;
}
ul.wayto .navi_button:nth-child(2) > span:before {
  background-image: url(/src/img/card/ico_nav02.png);
}
ul.wayto .navi_button:nth-child(3) > span:before {
  background-image: url(/src/img/card/ico_nav01.png);
}

.ft-yeonsung ul.wayto .navi_button > span {
  font-size: 1.4rem;
}
.ft-yeonsung .ybtn {
  font-size: 1.5rem;
}

.location_wrapper {
  margin: 18px 0 1px;
  text-align: center;
  padding: 0 33px;
}
.location_wrapper .tbox {
  line-height: 3.2rem;
  letter-spacing: -0.2px;
  font-size: 1.6rem;
  color: #888;
}
.location_wrapper .tbox.emp {
  font-size: 1.8rem;
  color: #000;
  word-break: keep-all;
}
.location_wrapper .tbox > .tel {
  font-size: 1.4rem;
  color: #666;
  display: block;
  padding-top: 10px;
}

/*
.big .location_wrapper .tbox {font-size: 1.7rem;}
.big2 .location_wrapper .tbox {font-size: 1.8rem;}

.big .location_wrapper .tbox.emp {font-size: 1.9rem;}
.big2 .location_wrapper .tbox.emp {font-size: 2rem;}

.big .location_wrapper .tbox > .tel {font-size: 1.5rem;}
.big2 .location_wrapper .tbox > .tel {font-size: 1.6rem;}
*/

.ft-yeonsung .location_wrapper .tbox {
  font-size: 1.8rem;
}
.ft-yeonsung .location_wrapper .tbox.emp {
  font-size: 2rem;
}
.ft-yeonsung .location_wrapper .tbox > .tel {
  font-size: 1.6rem;
}

/*
.ft-yeonsung.big .location_wrapper .tbox {font-size: 1.9rem;}
.ft-yeonsung.big .location_wrapper .tbox.emp {font-size: 2.1rem;}
.ft-yeonsung.big .location_wrapper .tbox > .tel {font-size: 1.7rem; }

.ft-yeonsung.big2 .location_wrapper .tbox {font-size: 2rem;}
.ft-yeonsung.big2 .location_wrapper .tbox.emp {font-size: 2.2rem;}
.ft-yeonsung.big2 .location_wrapper .tbox > .tel {font-size: 1.8rem; }
*/

.sectionBottom {
}
.t-btn {
  border-radius: 14px;
  height: 48px;
  line-height: 48px;
  padding: 0px 30px;
  box-shadow: none;
  border: 1px solid #d1c8c8;
  color: #978686;
  background: none;
  border-color: #e2d2d2;
  border-color: #ddd;
  color: #404040;
  background: #fafafa;
  border-color: transparent;
  border-color: rgb(250, 250, 250);
  min-width: 215px;
  border: 1px solid #eee;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--box-font-color);
  border-color: var(--box-border-color);
  background: #fff;
  cursor: pointer;
  /*
        box-shadow: 1px 1px 3px rgba(0,0,0,.05);
    */
}
.sectionBottom .img-area {
  padding: 30px 50px 0px 50px;
}
.sectionBottom .img-area > img {
  border-radius: 10px;
  max-width: 100%;
}
.sectionBottom .img-area.two {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.sectionBottom .img-area.two > div {
  width: 50%;
}

.sectionBottom .img-area > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.sectionBottom .btn-area {
  padding: 30px 0 0 0;
}

.noticeSection .sectionDesc {
  padding: 0 33px;
  word-break: keep-all;
}

.mainLayer .inr {
  padding-bottom: 48px;
  position: relative;
}
.mainLayer .inr.line:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  margin: auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.mainLayer .inr .row-01 {
  padding: 48px 33px 30px 33px;
  text-align: center;
  letter-spacing: -0.2px;
  font-family: Crimson Pro;
  color: #49413a;
}
.mainLayer .inr .row-01 .g-wrap {
  padding-bottom: 5px;
}
.mainLayer .inr .row-01 .g {
  display: inline-block;
  padding: 0 12px 0.1rem 6px;
  border-right: 1px solid #ccc;
  font-size: 30px;
  line-height: 20px;
  border: none;
  position: relative;
}
.mainLayer .inr .row-01 .g:after {
  content: "/";
  font-size: 21px;
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.mainLayer .inr .row-01 .g:last-child {
  border: 0;
}
.mainLayer .inr .row-01 .g:last-child:after {
  content: " ";
  display: none;
}
.mainLayer .inr .row-01 .g2-wrap {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 1.5;
}
.mainLayer .inr .row-02 {
  padding: 0 24px;
}
.mainLayer .inr .row-02.no-padding {
  padding: 0;
}
.mainLayer .inr .row-03 {
  text-align: center;
  padding: 0px 33px 0px 33px;
}
.mainLayer .inr .row-03 .g-wrap {
  padding: 30px 0 20px 0;
  letter-spacing: 1px;
}
.mainLayer .inr .row-03 .g-wrap .g {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid #000;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #000;
  vertical-align: middle;
  /*text-shadow: 0 0 #000;*/
  border: none;
}
.mainLayer .inr .row-03 .g-wrap .g:last-child {
  border: none;
}

.mainLayer .inr .row-03 .g-wrap .g.dot {
  opacity: 0.94;
  font-size: 17px;
  font-family: Crimson Pro;
}

.mainLayer .inr .row-03 .g2-wrap {
  line-height: 1.8;
  font-size: 1.4rem;

  color: #544f4f;
}

/* 인사말 하단 신규 디자인 */
/* 정렬 X */
.introLayer .introBottomDisplay .ibottom.flex .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.introLayer .introBottomDisplay .ibottom.flex .wrap > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.introLayer .introBottomDisplay .ibottom .flower {
  margin-right: 0.2rem;
  width: 16px;
}
.introLayer .introBottomDisplay .ibottom.flex .dot {
  margin: 0 0.15rem;
}
.introLayer .introBottomDisplay .ibottom.flex .parentOf {
  margin-left: 0.1rem;
}
.introLayer .introBottomDisplay .ibottom.flex .wrap .order {
  margin: 0 0.5rem;
}
.introLayer .introBottomDisplay .ibottom.flex .wrap .off {
  display: none;
}
.introLayer .introBottomDisplay .ibottom.flex .cx {
  display: flex;
  flex-direction: column;
}
.introLayer .introBottomDisplay .ibottom.flex .cx.female {
  flex-direction: column-reverse;
}
.introLayer .introBottomDisplay .ibottom.flex .cx .n {
  color: #444;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
}
.introLayer .introBottomDisplay .ibottom.flex .wrap .n_wrap {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.introLayer .introBottomDisplay .ibottom.flex .n_baptismal {
  font-size: 1.2rem;
  /*display: none;*/
}
.introLayer .introBottomDisplay .ibottom.flex .father .n_wrap.bap {
  margin-right: 0.2rem;
}
.introLayer .introBottomDisplay .ibottom.flex .mather .n_wrap.bap {
  margin: 0 0.2rem;
}

/* 정렬 O */
.introLayer .introBottomDisplay .ibottom.grid .wrap {
  display: grid;
  grid-template-columns: auto minmax(10px, auto) auto auto minmax(30px, auto) auto;
  grid-template-rows: repeat(2, 1fr);
  row-gap: 5px;
  width: fit-content;
  margin: 0 auto;
  align-items: center;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap.sp {
  grid-template-columns: auto auto minmax(30px, auto) auto;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap.op {
  grid-template-columns: auto minmax(10px, auto) auto auto auto;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap.np {
  grid-template-columns: minmax(30px, auto) auto;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap.na {
  grid-template-columns: auto;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap.na > div[class*="off"] {
  display: none !important;
}
.introLayer .introBottomDisplay .ibottom.grid .flower.s {
  margin-bottom: -2px;
}
.introLayer .introBottomDisplay .ibottom.grid .flower.v {
  visibility: hidden;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .wrap[class$="p"]
  > [class*="off"] {
  display: none;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap.f_none,
.introLayer .introBottomDisplay .ibottom.grid .wrap.m_none {
  grid-template-columns: auto 20px minmax(30px, auto) auto;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap .dot_wrap {
  margin: 0 4px;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap .parentOf {
  margin-left: 1px;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap .n {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #444;
}

.introLayer .introBottomDisplay .ibottom.grid .wrap .n > span.on:not(.flower) {
  width: 100%;
  text-align: justify;
  line-height: 0.3;
}

.introLayer .introBottomDisplay .ibottom.grid .wrap .n > span.on > span:after,
.introLayer .introBottomDisplay .ibottom.grid .wrap .n > span.on > span:before {
  content: "";
  display: inline-block;
  width: 100%;
}

.introLayer .introBottomDisplay .ibottom.grid .wrap > div .n_wrap {
  display: flex;
  flex-direction: column;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap .order {
  margin: 0 4px;
}
.introLayer .introBottomDisplay .ibottom.grid .wrap .order,
.introLayer .introBottomDisplay .ibottom.grid .wrap .parentOf {
  display: flex;
  align-items: center;
  justify-content: center;
}
.introLayer .introBottomDisplay .ibottom .none {
  display: none !important;
}
.introLayer .introBottomDisplay .ibottom.grid .n_baptismal {
  font-size: 1.2rem;
  white-space: nowrap;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(1) {
  order: 1;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(2) {
  order: 2;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(3) {
  order: 3;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(4) {
  order: 4;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(5) {
  order: 5;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(6) {
  order: 6;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(7) {
  order: 8;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(8) {
  order: 9;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(9) {
  order: 10;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(10) {
  order: 11;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(11) {
  order: 12;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div:nth-child(12) {
  order: 13;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div.vh {
  visibility: hidden;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div.off_1 {
  order: 0 !important;
  visibility: hidden;
}
.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div.off_2 {
  order: 7 !important;
  visibility: hidden;
}

.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(1) {
  order: 8;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(2) {
  order: 9;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(3) {
  order: 10;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(4) {
  order: 11;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(5) {
  order: 12;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(6) {
  order: 13;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(7) {
  order: 1;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(8) {
  order: 2;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(9) {
  order: 3;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(10) {
  order: 4;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(11) {
  order: 5;
}
.introLayer
  .introBottomDisplay
  .ibottom.grid
  .cx.female
  > .wrap
  > div:nth-child(12) {
  order: 6;
}
.introLayer .introBottomDisplay .ibottom.grid .cx.female > .wrap > div.off_1 {
  order: 7 !important;
}
.introLayer .introBottomDisplay .ibottom.grid .cx.female > .wrap > div.off_2 {
  order: 0 !important;
}

.introLayer .introBottomDisplay .ibottom.grid .cx > .wrap > div .off {
  display: none;
}

.introLayer .introBottomDisplay .ibottom .dm {
  margin: 0 3px !important;
}
.introLayer .introBottomDisplay .ibottom .om {
  margin: 0 3px !important;
}

/* 그룹형 안내사항 디자인 */
.informationSection.layer .swiper-wrapper .imgdiv .img.c1 {
  background-image: url("https://d38fyys32noduv.cloudfront.net/commons/card_info/photo_booth.jpg");
}
.informationSection.layer .swiper-wrapper .imgdiv .img.c2 {
  background-image: url("https://d38fyys32noduv.cloudfront.net/commons/card_info/dining.jpg");
}
.informationSection.layer .swiper-wrapper .imgdiv .img.c3 {
  background-image: url("https://d38fyys32noduv.cloudfront.net/commons/card_info/venue.jpg");
}
.informationSection.layer .swiper-wrapper .imgdiv .img.c4 {
  background-image: url("https://d38fyys32noduv.cloudfront.net/commons/card_info/parking.jpg");
}
.informationSection.layer .swiper-wrapper .imgdiv .img.c5 {
  background-image: url("https://d38fyys32noduv.cloudfront.net/commons/card_info/party.jpg");
}
.informationSection.layer .swiper-wrapper .imgdiv .img.c6 {
  background-image: url("https://d38fyys32noduv.cloudfront.net/commons/card_info/bus.jpg");
}
.informationSection.layer .swiper-wrapper .imgdiv .img.c7 {
  background-image: url("https://d38fyys32noduv.cloudfront.net/commons/card_info/venue2.jpg");
}

.infoTab01 {
  text-align: center;
  padding-bottom: 21px;
}

.infoTab01 .tabContent {
  box-sizing: border-box;
  max-width: 280px;
  margin: 21px 0 0 0;
}
.infoTab01 .tabContent .imgdiv {
  padding: 0 0px;
  position: relative;
  margin: auto auto 21px auto;
}
.infoTab01 .tabContent .imgdiv .txt {
  color: #fff;
  position: absolute;
  margin: auto;
  font-size: 1.7rem;
  left: 0;
  right: 0;
  -webkit-text-stroke: 0.4px;
  z-index: 5;
  color: #454545;
  display: none;
}
.infoTab01 .tabContent .imgdiv .img {
  position: relative;
  height: 90px;
  width: 100%;
  background-image: url(https://img.freepik.com/premium-photo/luxury-wedding-decor_661495-20250.jpg?w=1380);
  /*filter: blur(1.5px);*/
  background-size: cover;
  background-position: center;

  border-radius: 26px 26px 0 26px;
  box-sizing: border-box;
  overflow: hidden;
}
.infoTab01 .tabContent .imgdiv .img:after {
  /*content: " ";
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    z-index: 3;*/
}

.infoTab01 .t-btn {
  box-shadow: 1px 1px 2px rgb(0 0 0/2%);
  /*font-size: 1.3rem;*/
  cursor: pointer;
}
.infoTab01 .tabContent .sectionDesc {
  /*font-size: 1.3rem;*/
  word-break: keep-all;
  padding: 0;
}
.infoTab01 .tabContent .sectionDesc,
.infoTab01 .tabContent .sectionBottom {
  display: none;
}

.infoTab01 .tabContent.swiper-slide-active .sectionDesc,
.infoTab01 .tabContent.swiper-slide-active .sectionBottom {
  display: block;
}

.t-btn > span.ic {
  padding-left: 20px;
  position: relative;
}
.t-btn > span.ic:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url(/src/img/card/ico_map01.png);
  background-repeat: no-repeat;
  margin-top: -8px;
  background-size: auto 15px;
}
.t-btn > span.ic.img:before {
  background-image: url(/src/img/ico_img01.svg);
  background-size: auto 14px;
  margin-top: -7px;
}

.ck.ck-toolbar {
  border-color: #ddd !important;
  border-bottom: 0 !important;
}

.garBox {
  box-shadow: 1px 1px 2px rgb(0 0 0/5%);
  position: relative;
  padding: 25px 25px;
  text-align: left;
  line-height: 1.4;
  font-size: 1.3rem;
  color: #555;
  background: rgba(255, 255, 255, 0.7);
  margin: 0px 30px;
  border-radius: 8px;
  cursor: pointer;
}
.garBox .tit {
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.garBox .des {
  letter-spacing: -0.2px;
}
.garBox img.gar {
  width: 45px;
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.8;
}

.ft-yeonsung .garBox .tit {
  font-size: 1.7rem;
}
.ft-yeonsung .garBox {
  font-size: 1.5rem;
}

.intro_middle_img {
  position: relative;
  margin: 0 33px;
}
.intro_middle_img > img {
  max-width: 100%;
  border-radius: 10px;
}

/**************************************
메인화면 디자인 공통
**************************************/

.main-img-parent {
  overflow: hidden;
}
.end-img-parent,
.main-img-parent {
  position: relative;
}
.end-img-parent .rpd,
.main-img-parent .rpd {
  position: absolute;
  background-repeat: no-repeat;
  display: none;
  z-index: 1;
}
.end-img-parent .rpd.rpd01,
.main-img-parent .rpd.rpd01 {
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(/src/img/card/rippid-wh-left.png);
  background-size: auto 100%;
  background-position: left top;
  height: 100%;
}

.end-img-parent .rpd.rpd02,
.main-img-parent .rpd.rpd02 {
  top: 0;
  right: -1px;
  width: 100%;
  background-image: url(/src/img/card/rippid-wh-right.png);
  background-size: auto 100%;
  background-position: right top;
  height: 100%;
}

.end-img-parent .rpd.rpd03,
.main-img-parent .rpd.rpd03 {
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(/src/img/card/rippid-wh-top.png);
  background-size: 100% auto;
  background-position: top left;
  height: 100%;
}

.end-img-parent .rpd.rpd04,
.main-img-parent .rpd.rpd04 {
  bottom: -1px;
  left: 0;
  width: 100%;
  background-image: url(/src/img/card/rippid-wh-bottom.png);
  background-size: 100% auto;
  background-position: bottom left;
  height: 100%;
}

/**************************************
메인화면 디자인 V1
**************************************/
.mainV1 {
  text-align: center;
  position: relative;
}
.mainV1 .inr {
  padding-bottom: 48px;
}
.mainV1 .topArea {
  padding: 30px 0px;
}
.mainV1 .sub {
  display: block;
  font-size: 1.3rem;
  color: var(--main-color);
}
.mainV1 .date {
  margin: 0px 0px 20px 0px;
  font-size: 42px;
  color: #585858;
}
.mainV1 .title {
  font-size: 1.65rem;
  font-weight: normal;
}
.mainV1 .bottomArea {
  padding: 0px 0px 0px 0px;
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight: normal;
}
.mainV1 .mainImgArea .wave {
  display: none;
  z-index: 1;
}
.mainV1 .title {
  font-size: 1.65rem;
  font-weight: 500;
  letter-spacing: -1px;
}
.mainV1 .bottomArea .bottom_top_text {
  font-size: 1.45rem;
}
.mainV1 .inr .mainImgArea {
  padding: 0 24px;
}
.ft-gowundodum .mainV1 .title,
.ft-iropkebatang .mainV1 .title,
.ft-notosans .mainV1 .title {
  font-weight: bold;
}
.ft-yeonsung .mainV1 .title {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0px;
}
.ft-yeonsung .mainV1 .bottomArea .bottom_top_text {
  font-size: 1.8rem;
}
.ft-ridibatang .mainV1 .topArea .sub {
  letter-spacing: -1px;
  font-size: 12px;
  font-family: "RIDIBatang", "Noto Serif KR", serif !important;
}
.ft-ridibatang .mainV1 .topArea .date {
  letter-spacing: -2px;
  font-family: "RIDIBatang", "Noto Serif KR", serif !important;
}
.ft-notosans .mainV1 .topArea .sub {
  letter-spacing: -1px;
  font-size: 12px;
  font-family: "Noto Sans KR", sans-serif !important;
}
.ft-notosans .mainV1 .topArea .date {
  letter-spacing: -2px;
  font-family: "Noto Sans KR", sans-serif !important;
}
.ft-twindround .mainV1 .topArea .sub {
  letter-spacing: -1px;
  font-size: 12px;
  font-family: "TmoneyRoundWind", sans-serif !important;
}
.ft-twindround .mainV1 .topArea .date {
  letter-spacing: -2px;
  font-family: "TmoneyRoundWind", sans-serif !important;
}
.ft-gowundodum .mainV1 .topArea .sub {
  letter-spacing: -0.5px;
  font-size: 12px;
  font-weight: bold;
}
.ft-gowundodum .mainV1 .topArea .date {
  letter-spacing: -2px;
}
.ft-iropkebatang .mainV1 .topArea .sub {
  letter-spacing: -0.5px;
  font-size: 12px;
  font-weight: bold;
}
.ft-iropkebatang .mainV1 .topArea .date {
  letter-spacing: -2px;
}

/* 안개 */
.mainV1 .inr.light .mainImgArea img {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
  mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
}
/* 물결 */
.mainV1 .inr .mainImgArea .wave {
  display: none;
}
.mainV1 .inr.wave .mainImgArea .wave.top {
  position: relative;
  top: 30px;
  transform: scaleY(-1);
  transition: 0.3s;
  display: block;
  margin-top: -30px;
}
.mainV1 .inr.wave .mainImgArea .wave.bottom {
  position: relative;
  top: -30px;
  margin-bottom: -30px;
  display: block;
}
/* 테두리선 */
.mainV1 .inr.border:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  margin: auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  z-index: 1;
}
/* 사진확장 */
.mainV1 .inr.expand .mainImgArea {
  padding: 0;
}
/* 채우기 */
.mainV1 .inr.fill .topArea {
  position: absolute;
  top: 0;
  padding-top: 38px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mainV1 .inr.fill .mainImgArea {
  padding: 0 !important;
}
.mainV1 .inr.fill.wave .mainImgArea .wave.top {
  display: none !important;
}
.mainV1 .inr.fill.light .mainImgArea img {
  -webkit-mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
  mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
}
/* 아치 */
.mainV1 .inr.arch .mainImgArea img {
  border-top-left-radius: 600px;
  border-top-right-radius: 600px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.mainV1 .inr.arch.wave .mainImgArea .wave.top {
  display: none !important;
}
.mainV1 .inr.arch.light .mainImgArea img {
  -webkit-mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
  mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
}
/* 액자 */
.mainV1 .inr.frame .mainImgArea .main-img-parent {
  border: 15px solid #fafafa;
  box-shadow: 0.1px 0.1px 0.2px hsl(0deg 0% 72%/0),
    0.3px 0.3px 0.6px hsl(0deg 0% 72%/0.1),
    0.6px 0.6px 1.3px hsl(0deg 0% 72%/0.2), 1px 0.9px 2px hsl(0deg 0% 72%/0.3),
    1.7px 1.6px 3.5px hsl(0deg 0% 72%/0.4),
    -0.1px -0.1px 0.2px hsl(0deg 0% 92%/0),
    -0.3px -0.4px 0.8px hsl(0deg 0% 92%/0.06),
    -0.5px -0.6px 1.2px hsl(0deg 0% 92%/0.12),
    -0.8px -1px 1.9px hsl(0deg 0% 92%/0.18),
    -1.4px -1.7px 3.3px hsl(0deg 0% 92%/0.23);
}
.mainV1 .inr.frame .mainImgArea img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}
.mainV1 .inr.frame .mainImgArea .wave {
  display: none !important;
}
.mainV1 .inr.frame .mainImgArea {
  padding: 0 24px !important;
}
/* 원형 */
.mainV1 .inr.circle .mainImgArea img {
  border-radius: 50%;
}
.mainV1 .inr.circle .mainImgArea img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}
.mainV1 .inr.circle .mainImgArea .wave {
  display: none !important;
}
/* Rippid */
.mainV1 .inr.rippid .rpd {
  display: block;
}
.mainV1 .inr.rippid .wave {
  display: none !important;
}
.mainV1 .inr.rippid .mainImgArea img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}

/**************************************
메인화면 디자인 V2
**************************************/
.mainV2 .desc1 {
}
.mainV2 .inr {
  padding: 0;
}
.mainV2 .inr .mainImgArea {
  padding: 0;
}
.mainV2 .desc1 .date {
  color: #999;
  font-size: 1.4rem;
}
.mainV2 .desc1 .main {
  font-weight: 400;
  position: relative;
  padding: 40px 0 20px 0;
  line-height: 1.2;
  color: #555;
}
.mainV2 .sig-color {
  color: var(--main-color) !important;
}
.mainV2 .desc1 .main .br {
  position: relative;
  z-index: 10;
  font-weight: 400;
  letter-spacing: -5px;
  font-size: 5.2rem;
  font-family: song myung, serif;
  color: #51484d;
}
.mainV2 .desc1 .main .br-top {
  font-weight: 200;
  font-size: 2rem;
  color: var(--main-color);
  letter-spacing: 7px;
  font-family: song myung, serif;
}
.mainV2 .desc1 .main .emp {
  color: var(--main-color);
}
.mainV2 .desc1 .main .f {
  font-family: gwendolyn, cursive;
  color: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 50px;
  line-height: 50px;
  font-size: 3rem;
}
.mainV2 {
  text-align: center;
  margin: auto;
}
.mainV2 .desc2 {
  color: #666;
  color: #51484d;
  font-size: 1.4rem;
}
.mainV2 .desc2 .and {
  display: inline-block;
  margin: 0 0;
}
.mainV2 .desc2 .s {
  color: #000;
  font-weight: 200;
  font-family: "noto serif kr", serif;
  font-size: 1.2rem;
  letter-spacing: -1px;
  font-weight: 600;
  line-height: 14px;
}
.mainV2 .gwendolyn {
  font-family: gwendolyn, cursive;
}
.mainV2 .desc3 {
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  color: #51484d;
}

.theme_emp_color_brown .mainV2 .desc1 .main .br-top,
.theme_emp_color_brown .mainV2 .desc1 .main .emp,
.theme_emp_color_brown .mainV2 .sig-color {
  color: #964b00 !important;
}

.ft-yeonsung .mainV2 .desc2 {
  font-size: 1.7rem;
}
.ft-yeonsung .mainV2 .desc3 {
  font-size: 1.7rem;
  letter-spacing: -0.25px;
  line-height: 1.5;
}

/* 안개 */
.mainV2 .inr.light .mainImgArea img {
  -webkit-mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
  mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
}
/* 물결 */
.mainV2 .inr .mainImgArea .wave {
  display: none;
}
.mainV2 .inr.wave .mainImgArea .wave.top {
  position: relative;
  top: 30px;
  transform: scaleY(-1);
  transition: 0.3s;
  display: block;
  margin-top: -30px;
}
.mainV2 .inr.wave .mainImgArea .wave.bottom {
  position: relative;
  top: -30px;
  margin-bottom: -30px;
  display: block;
}
/* 테두리선 */
.mainV2 .inr.border:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  margin: auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  z-index: 1;
}
/* Rippid */
.mainV2 .inr.rippid .rpd {
  display: block;
}
.mainV2 .inr.rippid .wave {
  display: none !important;
}
.mainV2 .inr.rippid .mainImgArea img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}

/**************************************
메인화면 디자인 V3
**************************************/
.mainV3 .inr {
  padding-bottom: 48px;
  position: relative;
}
.mainV3 .inr .row-01 {
  padding: 48px 33px 30px 33px;
  text-align: center;
  letter-spacing: -0.2px;
  font-family: Crimson Pro;
  color: #49413a;
}
.mainV3 .inr .row-01 .g-wrap {
  padding-bottom: 5px;
}
.mainV3 .inr .row-01 .g {
  display: inline-block;
  padding: 0 12px 0.1rem 6px;
  border-right: 1px solid #ccc;
  font-size: 30px;
  line-height: 20px;
  border: none;
  position: relative;
}
.mainV3 .inr .row-01 .g:after {
  content: "/";
  font-size: 21px;
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.mainV3 .inr .row-01 .g:last-child {
  border: 0;
}
.mainV3 .inr .row-01 .g:last-child:after {
  content: " ";
  display: none;
}
.mainV3 .inr .row-01 .g2-wrap {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 1.5;
}
.mainV3 .inr .row-02 {
  padding: 0 24px;
}
.mainV3 .inr .row-03 {
  text-align: center;
  padding: 0px 33px 0px 33px;
}
.mainV3 .inr .row-03 .g-wrap {
  padding: 30px 0 20px 0;
  letter-spacing: 1px;
  color: #000;
}
.mainV3 .inr .row-03 .g-wrap .g {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid #000;
  font-size: 1.7rem;
  line-height: 1.2;
  vertical-align: middle;
  border: none;
}
.mainV3 .inr .row-03 .g-wrap .g:last-child {
  border: none;
}
.mainV3 .inr .row-03 .g-wrap .g.dot {
  opacity: 0.94;
  font-size: 17px; /* font-family: Crimson Pro; */
}
.mainV3 .inr .row-03 .g2-wrap {
  line-height: 1.8;
  font-size: 1.4rem;
  color: #544f4f;
}
.mainV3 .inr .row-02 .wave {
  display: none;
  z-index: 1;
}

.ft-yeonsung .mainV3 .inr .row-03 .g-wrap .g {
  font-size: 2rem;
}
.ft-yeonsung .mainV3 .inr .row-03 .g2-wrap {
  font-size: 1.7rem;
}

/* 안개 */
.mainV3 .inr.light .row-02 img {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
  mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
}
/* 물결 */
.mainV3 .inr.wave .row-02 .wave.top {
  position: relative;
  top: 30px;
  transform: scaleY(-1);
  transition: 0.3s;
  display: block;
  margin-top: -30px;
}
.mainV3 .inr.wave .row-02 .wave.bottom {
  position: relative;
  top: -30px;
  margin-bottom: -30px;
  display: block;
}
/* 테두리선 */
.mainV3 .inr.border:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  margin: auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  z-index: 1;
}
/* 사진확장 */
.mainV3 .inr.expand .row-02 {
  padding: 0;
}
/* 채우기 */
.mainV3 .inr.fill .row-01 {
  position: absolute;
  top: 0;
  padding-top: 38px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mainV3 .inr.fill .row-02 {
  padding: 0 !important;
}
.mainV3 .inr.fill.wave .row-02 .wave.top {
  display: none !important;
}
.mainV3 .inr.fill.light .row-02 img {
  -webkit-mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
  mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
}
/* 아치 */
.mainV3 .inr.arch .row-02 img {
  border-top-left-radius: 600px;
  border-top-right-radius: 600px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.mainV3 .inr.arch.wave .row-02 .wave.top {
  display: none !important;
}
.mainV3 .inr.arch.light .row-02 img {
  -webkit-mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
  mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
}
/* 액자 */
.mainV3 .inr.frame .row-02 .main-img-parent {
  border: 15px solid #fafafa;
  box-shadow: 0.1px 0.1px 0.2px hsl(0deg 0% 72%/0),
    0.3px 0.3px 0.6px hsl(0deg 0% 72%/0.1),
    0.6px 0.6px 1.3px hsl(0deg 0% 72%/0.2), 1px 0.9px 2px hsl(0deg 0% 72%/0.3),
    1.7px 1.6px 3.5px hsl(0deg 0% 72%/0.4),
    -0.1px -0.1px 0.2px hsl(0deg 0% 92%/0),
    -0.3px -0.4px 0.8px hsl(0deg 0% 92%/0.06),
    -0.5px -0.6px 1.2px hsl(0deg 0% 92%/0.12),
    -0.8px -1px 1.9px hsl(0deg 0% 92%/0.18),
    -1.4px -1.7px 3.3px hsl(0deg 0% 92%/0.23);
}
.mainV3 .inr.frame .row-02 img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}
.mainV3 .inr.frame .row-02 .wave {
  display: none !important;
}
.mainV3 .inr.frame .row-02 {
  padding: 0 24px !important;
}
/* 원형 */
.mainV3 .inr.circle .row-02 img {
  border-radius: 50%;
}
.mainV3 .inr.circle .row-02 img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}
.mainV3 .inr.circle .row-02 .wave {
  display: none !important;
}
/* Rippid */
.mainV3 .inr.rippid .rpd {
  display: block;
}
.mainV3 .inr.rippid .wave {
  display: none !important;
}
.mainV3 .inr.rippid .row-02 img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}

/**************************************
메인화면 디자인 V4
**************************************/
@font-face {
  font-family: "greatvibes";
  src: url(/src/fonts/great-vibes/GreatVibes-Regular.otf) format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
.mainV4 .inr {
  padding-bottom: 48px;
  position: relative;
}
.mainV4 .inr .row-02 {
  padding: 0 24px;
}
.mainV4 .inr .row-01 {
  text-align: center;
  padding: 48px 33px 30px 33px;
  position: relative;
}
.mainV4 .inr .row-01 .g-wrap {
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}
.mainV4 .inr .row-01 .g-wrap .g {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid #000;
  font-size: 1.7rem;
  line-height: 1.2;
  vertical-align: middle; /*text-shadow: 0 0 #555;*/
  border: none;
}
.mainV4 .inr .row-01 .g-wrap .g:last-child {
  border: none;
}
.mainV4 .inr .row-01 .g-wrap .g.dot {
  opacity: 0.94;
  text-shadow: none;
  font-size: 1.5rem;
  line-height: 1;
}
.mainV4 .inr .row-01 .g2-wrap {
  line-height: 1.8;
  font-size: 1.4rem;
  padding: 20px 0 0 0;
  color: #544f4f;
}
.mainV4 .inr .row-01 .g3-wrap {
  line-height: 1.8;
  font-size: 1.4rem;
  font-family: Crimson Pro;
  color: #544f4f;
  padding-bottom: 10px;
  -webkit-text-stroke: 0;
  letter-spacing: 1px;
}
.mainV4 .inr .row-03 {
  text-align: center;
  padding: 30px 33px 0px 33px;
}
.mainV4 .inr .row-03 .g-wrap {
  line-height: 1.5;
  font-size: 2.6rem;
  font-size: 3.2rem;
  color: #544f4f;
  margin-bottom: 8px;
  -webkit-text-stroke: 0;
  font-family: "greatvibes";
  letter-spacing: 2px;
}
.mainV4 .inr .row-03 .g2-wrap {
  line-height: 1.8;
  font-size: 1.4rem;
  color: #544f4f;
}

.ft-ridibatang .mainV4 .inr .row-01 .g-wrap .g,
.ft-yeonsung .mainV4 .inr .row-01 .g-wrap .g {
  text-shadow: none;
}
.ft-yeonsung .mainV4 .inr .row-01 .g-wrap .g {
  font-size: 2rem;
}
.ft-yeonsung .mainV4 .inr .row-01 .g-wrap .g.dot {
  font-size: 1.8rem;
}
.ft-yeonsung .mainV4 .inr .row-03 .g2-wrap {
  font-size: 1.6rem;
}

/* 안개 */
.mainV4 .inr.light .row-02 img {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
  mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
}
/* 물결 */
.mainV4 .inr .row-02 .wave {
  display: none;
  z-index: 1;
}
.mainV4 .inr.wave .row-02 .wave.top {
  position: relative;
  top: 30px;
  transform: scaleY(-1);
  transition: 0.3s;
  display: block;
  margin-top: -30px;
}
.mainV4 .inr.wave .row-02 .wave.bottom {
  position: relative;
  top: -30px;
  margin-bottom: -30px;
  display: block;
}
/* 테두리선 */
.mainV4 .inr.border:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  margin: auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  z-index: 2;
}
/* 사진확장 */
.mainV4 .inr.expand .row-02 {
  padding: 0;
}
/* 채우기 */
.mainV4 .inr.fill .row-01 {
  position: absolute;
  top: 0;
  padding-top: 38px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mainV4 .inr.fill .row-02 {
  padding: 0 !important;
}
.mainV4 .inr.fill.wave .row-02 .wave.top {
  display: none !important;
}
.mainV4 .inr.fill.light .row-02 img {
  -webkit-mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
  mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
}
/* 아치 */
.mainV4 .inr.arch .row-02 img {
  border-top-left-radius: 600px;
  border-top-right-radius: 600px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.mainV4 .inr.arch.wave .row-02 .wave.top {
  display: none !important;
}
.mainV4 .inr.arch.light .row-02 img {
  -webkit-mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
  mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
}
/* 액자 */
.mainV4 .inr.frame .row-02 .main-img-parent {
  border: 15px solid #fafafa;
  box-shadow: 0.1px 0.1px 0.2px hsl(0deg 0% 72%/0),
    0.3px 0.3px 0.6px hsl(0deg 0% 72%/0.1),
    0.6px 0.6px 1.3px hsl(0deg 0% 72%/0.2), 1px 0.9px 2px hsl(0deg 0% 72%/0.3),
    1.7px 1.6px 3.5px hsl(0deg 0% 72%/0.4),
    -0.1px -0.1px 0.2px hsl(0deg 0% 92%/0),
    -0.3px -0.4px 0.8px hsl(0deg 0% 92%/0.06),
    -0.5px -0.6px 1.2px hsl(0deg 0% 92%/0.12),
    -0.8px -1px 1.9px hsl(0deg 0% 92%/0.18),
    -1.4px -1.7px 3.3px hsl(0deg 0% 92%/0.23);
}
.mainV4 .inr.frame .row-02 img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}
.mainV4 .inr.frame .row-02 .wave {
  display: none !important;
}
.mainV4 .inr.frame .row-02 {
  padding: 0 24px !important;
}
/* 원형 */
.mainV4 .inr.circle .row-02 img {
  border-radius: 50%;
}
.mainV4 .inr.circle .row-02 img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}
.mainV4 .inr.circle .row-02 .wave {
  display: none !important;
}
/* Rippid */
.mainV4 .inr.rippid .rpd {
  display: block;
}
.mainV4 .inr.rippid .wave {
  display: none !important;
}
.mainV4 .inr.rippid .row-02 img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}

/**************************************
메인화면 디자인 V5
**************************************/
.mainV5 .inr {
  padding-bottom: 48px;
  position: relative;
}
.mainV5 .inr .row-02 {
  padding: 0 24px;
}
.mainV5 .inr .row-01 {
  text-align: center;
  padding: 48px 33px 30px 33px;
  position: relative;
}
.mainV5 .inr .row-01 .g-wrap {
  letter-spacing: 1px;
}
.mainV5 .inr .row-01 .g-wrap .g {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid #000;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #000;
  vertical-align: middle;
  border: none;
}
.mainV5 .inr .row-01 .g-wrap .g:last-child {
  border: none;
}
.mainV5 .inr .row-01 .g-wrap .g.dot {
  opacity: 0.94;
}
.mainV5 .inr .row-01 .g2-wrap {
  line-height: 1.8;
  font-size: 1.4rem;
  padding: 20px 0 0 0;
  color: #544f4f;
}

/* 안개 */
.mainV5 .inr.light .row-02 img {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
  mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
}
/* 물결 */
.mainV5 .inr .row-02 .wave {
  display: none;
  z-index: 1;
}
.mainV5 .inr.wave .row-02 .wave.top {
  position: relative;
  top: 30px;
  transform: scaleY(-1);
  transition: 0.3s;
  display: block;
  margin-top: -30px;
}
.mainV5 .inr.wave .row-02 .wave.bottom {
  position: relative;
  top: -30px;
  margin-bottom: -30px;
  display: block;
}
/* 테두리선 */
/*.mainV5 .inr.border {padding-bottom: 0px; margin-bottom: 48px;}*/
.mainV5 .inr.border:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  margin: auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  z-index: 1;
}
/* 사진확장 */
.mainV5 .inr.expand .row-02 {
  padding: 0;
}
/* 채우기 */
.mainV5 .inr.fill .row-01 {
  position: absolute;
  top: 0;
  padding-top: 38px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mainV5 .inr.fill .row-02 {
  padding: 0 !important;
}
.mainV5 .inr.fill.wave .row-02 .wave.top {
  display: none !important;
}
.mainV5 .inr.fill.light .row-02 img {
  -webkit-mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
  mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
}
/* 아치 */
.mainV5 .inr.arch .row-02 img {
  border-top-left-radius: 600px;
  border-top-right-radius: 600px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.mainV5 .inr.arch.wave .row-02 .wave.top {
  display: none !important;
}
.mainV5 .inr.arch.light .row-02 img {
  -webkit-mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
  mask-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%
  );
}
/* 액자 */
.mainV5 .inr.frame .row-02 .main-img-parent {
  border: 15px solid #fafafa;
  box-shadow: 0.1px 0.1px 0.2px hsl(0deg 0% 72%/0),
    0.3px 0.3px 0.6px hsl(0deg 0% 72%/0.1),
    0.6px 0.6px 1.3px hsl(0deg 0% 72%/0.2), 1px 0.9px 2px hsl(0deg 0% 72%/0.3),
    1.7px 1.6px 3.5px hsl(0deg 0% 72%/0.4),
    -0.1px -0.1px 0.2px hsl(0deg 0% 92%/0),
    -0.3px -0.4px 0.8px hsl(0deg 0% 92%/0.06),
    -0.5px -0.6px 1.2px hsl(0deg 0% 92%/0.12),
    -0.8px -1px 1.9px hsl(0deg 0% 92%/0.18),
    -1.4px -1.7px 3.3px hsl(0deg 0% 92%/0.23);
}
.mainV5 .inr.frame .row-02 img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}
.mainV5 .inr.frame .row-02 .wave {
  display: none !important;
}
.mainV5 .inr.frame .row-02 {
  padding: 0 24px !important;
}
/* 원형 */
.mainV5 .inr.circle .row-02 img {
  border-radius: 50%;
}
.mainV5 .inr.circle .row-02 img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}
.mainV5 .inr.circle .row-02 .wave {
  display: none !important;
}
/* Rippid */
.mainV5 .inr.rippid .rpd {
  display: block;
}
.mainV5 .inr.rippid .wave {
  display: none !important;
}
.mainV5 .inr.rippid .row-02 img {
  mask-image: unset !important;
  -webkit-mask-image: unset !important;
}

.ft-yeonsung .mainV5 .inr .row-01 .g-wrap .g {
  font-size: 2rem;
}
.ft-yeonsung .mainV5 .inr .row-01 .g2-wrap {
  font-size: 1.6rem;
}

.imgCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grdMoreBnt {
  font-size: 1.4rem;
  text-align: center;
  padding-top: 20px;
  cursor: pointer;
}
.ft-yeonsung .grdMoreBnt {
  font-size: 1.6rem;
}

.endingLayer {
  position: relative;
}
.endingLayer.light {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
  mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
}
.endingLayer .wave {
  display: none;
  z-index: 1;
}
.endingLayer.wave .wave.top {
  position: relative;
  top: 30px;
  transform: scaleY(-1);
  transition: 0.3s;
  display: block;
  margin-top: -30px;
}
.endingLayer.wave .wave.bottom {
  position: relative;
  top: -30px;
  margin-bottom: -30px;
  display: block;
}

.endingLayer.rippid .rpd {
  display: block;
}

.imgLayerWrap {
}
.imgLayerWrap.light > img {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
  mask-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.013) 1.1%,
    rgba(0, 0, 0, 0.049) 2.3%,
    rgba(0, 0, 0, 0.104) 3.58%,
    rgba(0, 0, 0, 0.175) 4.94%,
    rgba(0, 0, 0, 0.259) 6.34%,
    rgba(0, 0, 0, 0.352) 7.78%,
    rgba(0, 0, 0, 0.45) 9.26%,
    rgba(0, 0, 0, 0.55) 10.74%,
    rgba(0, 0, 0, 0.648) 12.22%,
    rgba(0, 0, 0, 0.741) 13.66%,
    rgba(0, 0, 0, 0.825) 15.06%,
    rgba(0, 0, 0, 0.896) 16.42%,
    rgba(0, 0, 0, 0.951) 17.7%,
    rgba(0, 0, 0, 0.987) 18.9%,
    #000 20%,
    #000 80%,
    rgba(0, 0, 0, 0.987) 81.1%,
    rgba(0, 0, 0, 0.951) 82.3%,
    rgba(0, 0, 0, 0.896) 83.58%,
    rgba(0, 0, 0, 0.825) 84.94%,
    rgba(0, 0, 0, 0.741) 86.34%,
    rgba(0, 0, 0, 0.648) 87.78%,
    rgba(0, 0, 0, 0.55) 89.26%,
    rgba(0, 0, 0, 0.45) 90.74%,
    rgba(0, 0, 0, 0.352) 92.22%,
    rgba(0, 0, 0, 0.259) 93.66%,
    rgba(0, 0, 0, 0.175) 95.06%,
    rgba(0, 0, 0, 0.104) 96.42%,
    rgba(0, 0, 0, 0.049) 97.7%,
    rgba(0, 0, 0, 0.013) 98.9%,
    transparent
  );
}
.imgLayerWrap .wave {
  display: none;
  z-index: 1;
}
.imgLayerWrap.wave .wave.top {
  position: relative;
  top: 30px;
  transform: scaleY(-1);
  transition: 0.3s;
  display: block;
  margin-top: -30px;
}
.imgLayerWrap.wave .wave.bottom {
  position: relative;
  top: -30px;
  margin-bottom: -30px;
  display: block;
}

.imgLayerWrap.rippid .rpd {
  display: block;
}

.intro-eff-lv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  mix-blend-mode: screen;
}
.intro-eff-lv video {
  width: 100%;
  opacity: 1;
  visibility: initial;
}

.swiper-zoom-container .imgblk {
  width: 100%;
}

/* 청첩장 배경색상 스타일 */
.bg_theme_white .pageCover,
.bg_theme_white.pageCover {
  background-color: #fafafa !important;
}
.bg_theme_brown .pageCover,
.bg_theme_brown.pageCover {
  background-color: rgb(242, 236, 230) !important;
}
.bg_theme_purple .pageCover,
.bg_theme_purple.pageCover {
  background-color: #f1edee !important;
}
.bg_theme_pink .pageCover,
.bg_theme_pink.pageCover {
  background-color: #fef7f7 !important; /* background-color: #f79e9e17 !important; fef6f6  fef7f7 */
}

.bg_theme_white .gallGridWrapper.multiple + .moreBtnWrap .moreBtnGradient {
  background: linear-gradient(
    0deg,
    rgba(250, 250, 250, 1) 0%,
    rgba(250, 250, 250, 0.55) 60%,
    rgba(250, 250, 250, 0.5) 73%,
    rgba(250, 250, 250, 0.25) 83%,
    rgba(250, 250, 250, 0) 100%
  );
}
.bg_theme_brown .gallGridWrapper.multiple + .moreBtnWrap .moreBtnGradient {
  background: linear-gradient(
    0deg,
    rgba(242, 236, 230, 1) 0%,
    rgba(242, 236, 230, 0.55) 60%,
    rgba(242, 236, 230, 0.5) 73%,
    rgba(242, 236, 230, 0.25) 83%,
    rgba(242, 236, 230, 0) 100%
  );
}
.bg_theme_purple .gallGridWrapper.multiple + .moreBtnWrap .moreBtnGradient {
  background: linear-gradient(
    0deg,
    rgba(241, 237, 238, 1) 0%,
    rgba(241, 237, 238, 0.55) 60%,
    rgba(241, 237, 238, 0.5) 73%,
    rgba(241, 237, 238, 0.25) 83%,
    rgba(241, 237, 238, 0) 100%
  );
}
.bg_theme_pink .gallGridWrapper.multiple + .moreBtnWrap .moreBtnGradient {
  background: linear-gradient(
    0deg,
    rgba(254, 247, 247, 1) 0%,
    rgba(254, 247, 247, 0.55) 60%,
    rgba(254, 247, 247, 0.5) 73%,
    rgba(254, 247, 247, 0.25) 83%,
    rgba(254, 247, 247, 0) 100%
  );
}

.bg_theme_brown .waves .u-1 {
  fill: rgba(242, 236, 230, 0.7) !important;
}
.bg_theme_brown .waves .u-2 {
  fill: rgba(242, 236, 230, 0.5) !important;
}
.bg_theme_brown .waves .u-3 {
  fill: rgba(242, 236, 230, 0.3) !important;
}
.bg_theme_brown .waves .u-4 {
  fill: rgba(242, 236, 230, 0.2) !important;
}

.bg_theme_purple .waves .u-1 {
  fill: rgba(241, 237, 238, 0.7) !important;
}
.bg_theme_purple .waves .u-2 {
  fill: rgba(241, 237, 238, 0.5) !important;
}
.bg_theme_purple .waves .u-3 {
  fill: rgba(241, 237, 238, 0.3) !important;
}
.bg_theme_purple .waves .u-4 {
  fill: rgba(241, 237, 238, 0.2) !important;
}

.bg_theme_pink .waves .u-1 {
  fill: rgba(254, 247, 247, 0.7) !important;
}
.bg_theme_pink .waves .u-2 {
  fill: rgba(254, 247, 247, 0.5) !important;
}
.bg_theme_pink .waves .u-3 {
  fill: rgba(254, 247, 247, 0.3) !important;
}
.bg_theme_pink .waves .u-4 {
  fill: rgba(254, 247, 247, 0.2) !important;
}

.bg_theme_brown .end-img-parent .rpd.rpd01,
.bg_theme_brown .main-img-parent .rpd.rpd01 {
  background-image: url(/src/img/card/rippid-br-left.png);
}
.bg_theme_brown .end-img-parent .rpd.rpd02,
.bg_theme_brown .main-img-parent .rpd.rpd02 {
  background-image: url(/src/img/card/rippid-br-right.png);
}
.bg_theme_brown .end-img-parent .rpd.rpd03,
.bg_theme_brown .main-img-parent .rpd.rpd03 {
  background-image: url(/src/img/card/rippid-br-top.png);
}
.bg_theme_brown .end-img-parent .rpd.rpd04,
.bg_theme_brown .main-img-parent .rpd.rpd04 {
  background-image: url(/src/img/card/rippid-br-bottom.png);
}

.bg_theme_purple .end-img-parent .rpd.rpd01,
.bg_theme_purple .main-img-parent .rpd.rpd01 {
  background-image: url(/src/img/card/rippid-pu-left.png);
}
.bg_theme_purple .end-img-parent .rpd.rpd02,
.bg_theme_purple .main-img-parent .rpd.rpd02 {
  background-image: url(/src/img/card/rippid-pu-right.png);
}
.bg_theme_purple .end-img-parent .rpd.rpd03,
.bg_theme_purple .main-img-parent .rpd.rpd03 {
  background-image: url(/src/img/card/rippid-pu-top.png);
}
.bg_theme_purple .end-img-parent .rpd.rpd04,
.bg_theme_purple .main-img-parent .rpd.rpd04 {
  background-image: url(/src/img/card/rippid-pu-bottom.png);
}

.bg_theme_pink .end-img-parent .rpd.rpd01,
.bg_theme_pink .main-img-parent .rpd.rpd01 {
  background-image: url(/src/img/card/rippid-pi-left.png);
}
.bg_theme_pink .end-img-parent .rpd.rpd02,
.bg_theme_pink .main-img-parent .rpd.rpd02 {
  background-image: url(/src/img/card/rippid-pi-right.png);
}
.bg_theme_pink .end-img-parent .rpd.rpd03,
.bg_theme_pink .main-img-parent .rpd.rpd03 {
  background-image: url(/src/img/card/rippid-pi-top.png);
}
.bg_theme_pink .end-img-parent .rpd.rpd04,
.bg_theme_pink .main-img-parent .rpd.rpd04 {
  background-image: url(/src/img/card/rippid-pi-bottom.png);
}

.bg_theme_pink .accst02 .pack {
  background: #f8f8f8 !important;
}

/* splash v2 */
.ltt_wrapper.v2 {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(239, 236, 236);
  background: #fff;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 700px;
  box-sizing: border-box;
  padding: 0;
  z-index: 1001;
}
.ltt_wrapper.v2 .bg__ {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.ltt_wrapper.v2 > .opening_v2_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  overflow: hidden;
}

.ltt_wrapper.v2 .bg_div {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  background: #f9f4ee;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.ltt_wrapper.v2 .overlay-div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 11;
  background: #f9f4ee;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.ltt_wrapper.v2 .bg_div > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  object-fit: cover;
  object-position: center;
}
.ltt_wrapper.v2 .bg_div > .img_01 {
  z-index: 2;
  width: 120%;
  height: 100%;
  opacity: 1;
}
.ltt_wrapper.v2 .bg_div > .img_02 {
  z-index: 1;
  width: 100%;
  height: 100%;
  transform: scale(1);
  opacity: 1;
}

.ltt_wrapper.v2 .bg_div {
  opacity: 1;
}
.ltt_wrapper.v2 .overlay-div {
  opacity: 0.4;
}
.ltt_wrapper.v2 .bg_div > .img_01 {
  transform: translateX(0%);
  opacity: 1;
}
.ltt_wrapper.v2 .bg_div > .img_02 {
  opacity: 1;
  transform: scale(1);
}

.ltt_wrapper.v2.keys .bg_div {
  animation: op2_whole_wrap 5s linear forwards;
}
.ltt_wrapper.v2.keys .overlay-div {
  animation: op2_overlay 5s linear forwards;
}
.ltt_wrapper.v2.keys .bg_div > .img_01 {
  animation: op2_move_x 2s linear forwards, op2_move_x_img 5s linear forwards;
}
.ltt_wrapper.v2.keys .bg_div > .img_02 {
  animation: op2_scale_up_img 5s linear forwards,
    op2_scale_up 5s linear forwards;
}

.ltt_wrapper.v2 > .opening_v2_text {
  position: absolute;
  width: 90%;
  box-sizing: border-box;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 4%;
  z-index: 20;
  overflow: hidden;
  background: transparent;
  aspect-ratio: 1080/500;
}
.ltt_wrapper.v2 > .opening_v2_text svg {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100% !important;
  height: auto !important;
  max-width: 600px;
}

.ltt_wrapper.v2.overlay-color-purple .bg_div,
.ltt_wrapper.v2.overlay-color-purple .overlay-div {
  background-color: #382c30 !important;
}

@keyframes op2_move_x {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-10%);
  }
}
@keyframes op2_move_x_img {
  0% {
    opacity: 1;
  }
  40.3% {
    opacity: 1;
  }
  40.4% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes op2_scale_up {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
@keyframes op2_scale_up_img {
  0% {
    opacity: 1;
  }
  74% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes op2_overlay {
  0% {
    opacity: 0.4;
  }
  25.3% {
    opacity: 0.4;
  } /* 01:16 */
  40.3% {
    opacity: 1;
  } /* 02:01 */
  44% {
    opacity: 0.4;
  } /* 02:12 */
  80% {
    opacity: 0.4;
  } /* 04:00 */
  84.7% {
    opacity: 1;
  } /* 04:11 */
  100% {
    opacity: 0;
  } /* 05:00 */
}
@keyframes op2_whole_wrap {
  0% {
    opacity: 1;
  }
  84.7% {
    opacity: 1;
  } /* 04:11 */
  94.7% {
    opacity: 0.3;
  } /* 04:11 */
  100% {
    opacity: 0;
  } /* 05:00 */
}
/* splash v3 */
.ltt_wrapper.v3 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 425px;
  box-sizing: border-box;
  padding: 0;
  z-index: 1001;
  background: transparent;
}
.ltt_wrapper.v3 .bg__ {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgb(0, 0, 0, 0.5);
  opacity: 0.5;
}

.ltt_wrapper.v3 {
  opacity: 1;
}
.ltt_wrapper.v3 .bg__ {
  opacity: 0.5;
}

.ltt_wrapper.v3.keys {
  animation: op3_opacity_after 2s linear forwards;
  animation-delay: 3s;
}
.ltt_wrapper.v3.keys .bg__ {
  animation: op3_opacity 3s linear forwards;
}
.ltt_wrapper.v3 > .opening_v3 {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  overflow: hidden;
}
.ltt_wrapper.v3 > .opening_v3 svg {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100% !important;
  height: auto !important;
  max-width: 500px;
}
@keyframes op3_opacity {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes op3_opacity_after {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* splash v2,v3 공통 */
.ltt_wrapper.editor {
  position: absolute !important;
  display: none;
}

/* 계좌번호 아코디언 디자인 업데이트 */
.accordion-list {
}
.accordion-list > li {
  display: grid;
  gap: 8px;
  position: relative;
  padding: 16px !important;
}
.accordion-list > li.ro1 {
  display: flex;
  justify-content: space-between;
  padding: 24px 16px !important;
}
.accordion-list > li .holder {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
}
.accordion-list > li a {
  color: inherit;
  cursor: pointer;
}
.accordion-list > li .holder > img {
  width: 15px;
}
.accordion-list > li .holder > span {
  font-size: 1.2rem;
}
.accordion-list > li .accounts {
  display: flex;
  gap: 8px;
  font-size: 1.15rem;
}
.accordion-list > li .accounts .bnk {
}
.accordion-list > li .accounts .nmb {
}

.accordion-list > li .quick {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: right;
  gap: 6px;
  align-items: center;
}
.accordion-list > li.ro1 .quick {
  display: none;
}
.accordion-list > li .quick .pay {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accordion-list > li .quick .pay > img {
}
.accordion-list > li .quick .pay.kakaopay {
  background: #ffffff;
}
.accordion-list > li .quick .pay.card {
  background: #437eff;
  background: #333;
}

/* 계좌번호 디자인 (스와이프형) 추가 */
.radio-swipe-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  height: 42px;
  width: fit-content;
  background-color: rgba(178, 112, 133, 0.1);
  background-color: #f1f1f1;
  border-radius: 25px;
  overflow: hidden;
  min-width: 0;
  text-align: center;
  justify-content: center;
}
.radio-swipe-container input[type="radio"] {
  display: none;
}
.radio-swipe-container label {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 400;
  color: #999;
  cursor: pointer;
  z-index: 1;
  transition: color 0.3s ease;
  padding: 0 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: inline;
  max-width: 160px;
  width: fit-content;
  box-sizing: border-box;
  margin: auto;
  min-width: 95px;
}
.radio-swipe-container.i-1 label {
  max-width: 260px;
}
.radio-swipe-container.i-3 label {
  max-width: 115px;
}
.radio-swipe-container .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  padding: 2px;
  transition: transform 0.3s ease;
}
.radio-swipe-container .slider > span {
  background-color: #fff;
  border-radius: 25px;
  display: flex;
  width: 100%;
  height: 100%;
}
.radio-swipe-container.i-1 {
  grid-template-columns: 1fr;
}
.radio-swipe-container.i-2 {
  grid-template-columns: 1fr 1fr;
}
.radio-swipe-container.i-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.radio-swipe-container.i-1 .slider {
  width: 100%;
}
.radio-swipe-container.i-2 .slider {
  width: 50%;
}
.radio-swipe-container.i-3 .slider {
  width: 33.3%;
}

.radio-swipe-container input[type="radio"]:nth-of-type(1):checked ~ .slider {
  transform: translateX(0);
}
.radio-swipe-container input[type="radio"]:nth-of-type(2):checked ~ .slider {
  transform: translateX(100%);
}
.radio-swipe-container input[type="radio"]:nth-of-type(3):checked ~ .slider {
  transform: translateX(200%);
}

.radio-swipe-container
  input[type="radio"]:nth-of-type(1):checked
  + label:nth-of-type(1),
.radio-swipe-container
  input[type="radio"]:nth-of-type(2):checked
  + label:nth-of-type(2),
.radio-swipe-container
  input[type="radio"]:nth-of-type(3):checked
  + label:nth-of-type(3) {
  color: #000;
}

.swipe_acct_box_wrapper {
  margin-top: 50px;
}
.swipe_acct_box_wrapper .group {
  display: flex;
  justify-content: center;
}
.swipe_acct_box_wrapper .group-in-content {
  padding-top: 23px;
}
.swipe_acct_box_wrapper .gcontents {
  line-height: 1;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transform: scale(0.95); /* 약간 축소된 상태에서 시작 */
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    /* 부드러운 투명도 변화 */ max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    /* 높이 전환 */ transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); /* 크기 변화 */
}
.swipe_acct_box_wrapper .gcontents.active {
  opacity: 1; /* 활성화된 상태 */
  height: auto; /* 높이를 콘텐츠에 맞게 자동으로 조정 */
  transform: scale(1); /* 원래 크기로 확대 */
}
.swipe_acct_box_wrapper .gcontents .gc1 {
  display: flex;
  padding-bottom: 10px;
}
.swipe_acct_box_wrapper .gcontents .gc1 .acbox {
  width: 264px;
  border-radius: 16px;
  background: #fff;
  padding: 16px;
  display: grid;
  gap: 24px;
  font-size: 1.3rem;
  padding-top: 24px;
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1);
}

.swipe_acct_box_wrapper .gcontents .gc1 .acbox .a-name {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 1.4rem;
  font-weight: 500;
}
.swipe_acct_box_wrapper .gcontents .gc1 .acbox .a-account {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
}
.swipe_acct_box_wrapper .gcontents .gc1 .acbox .buttns {
  display: grid;
  gap: 8px;
}
.swipe_acct_box_wrapper .gcontents .gc1 .acbox .buttns > a {
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #999;
  padding: 14px;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 1;
  color: #000;
  border: 1px solid var(--box-border-color);
  color: #404040;
  border: 1px solid #eaeaea;
  background-color: #f1f1f1;
  background: transparent;
  color: #000;
  cursor: pointer;
  gap: 4px;
  justify-content: space-between;
}
.swipe_acct_box_wrapper .gcontents .gc1 .acbox .buttns > a .c {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffeb00;
}
.swipe_acct_box_wrapper .gcontents .gc1 .acbox .buttns > a .c img {
  width: 60%;
}
.swipe_acct_box_wrapper .gcontents .gc1 .acbox .buttns > a .c.card {
  background: #333;
}
.swipe_acct_box_wrapper .gcontents .swiper-wrapper {
  display: flex;
}

/* 하객스냅추가 */
.card-stack-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 42px;
  padding-top: 20px;
}
.snap-noti {
  padding-top: 8px;
  color: #544f4f;
}
.card-stack {
  position: relative;
  width: 148px;
  height: 148px;
  box-sizing: border-box;
}

.card-stack img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border: 8px solid #fff;
  transition: all 1s ease-in-out;
}
.card-stack img:nth-child(1) {
  transform: translate(-70px, -10px) rotate(-20deg);
  transform: translate(-100px, -15px) rotate(-25deg);
  z-index: 1;
}
.card-stack img:nth-child(2) {
  transform: translate(0px, 0px) rotate(0deg);
  transform: translate(0px, 0px) rotate(0deg);
  z-index: 2;
}
.card-stack img:nth-child(3) {
  transform: translate(70px, -10px) rotate(20deg);
  transform: translate(100px, -15px) rotate(25deg);
  z-index: 3;
}

.card-stack.in-view img {
  /* opacity: 1; */
  /* scale: 1; */
}
.card-stack.in-view img:nth-child(1) {
  transform: translate(-48px, 0px) rotate(-15deg);
}
.card-stack.in-view img:nth-child(2) {
  transform: translate(-3px, -1px) rotate(-5deg);
}
.card-stack.in-view img:nth-child(3) {
  transform: translate(51px, 0px) rotate(12deg);
}
.snap-noti {
  font-size: 1.3rem;
}

.private-books .wrt,
.private-attend .wrt {
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}