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 .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .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 .2s linear;
    transition: all .2s linear;
}
.bgmbar.fadeBg > p {display: none;}
.bgmbar.fadeBg .sound {
    color: #544f4fcc;
    -webkit-transition: all .2s linear;
    transition: all .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: url("../img/bg.webp");
    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;
}

.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 !important;
}
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.0;
}
.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.0; 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;}
.ibottom_free strong {
    font-weight: bold !important;
}


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;
}

.calwrap {
    padding: 20px 0px;
    width: 280px; margin: auto; max-width: 90%;
}
.calander {
	width: 100%;
    margin: 0px auto;
    margin-bottom: 20px;
}
.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: linear-gradient( to top, #ece9e6, #ffffff );
}
.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: .5s filter;
}
.sp_theme_purple .splash {
    transition: .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,.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.0;
    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 #000;
    border-radius: 100%;
    background: #000;
    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: #000; 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: #f76767;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: #689ef7; 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: #f76868;color: #f76868; font-weight: 500;}
.guestbook-write-page .box-chk:checked + label.v02_blue {border-color: #689ef7; color: #689ef7; 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: #f76767;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: #000; 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: #f76767;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: #689ef7; color: #fff;}
.rsvp-write-page .box-chk:checked + label.v01_black { background: #333;color: #fff;}
.rsvp-write-page .box-chk:checked + label.v01_gray {background: transparent; font-weight: 500;color: #222; border-color: #222;}
.rsvp-write-page .box-chk:checked + label.v02_pink {border-color: #f76868;color: #f76868; font-weight: 500;}
.rsvp-write-page .box-chk:checked + label.v02_blue {border-color: #689ef7; color: #689ef7; 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: 100%;
    background: rgba(255,255,255,0.92);
    z-index: 10001;
}
#fullbox {
    display: block; width: 100%; height: 100%;
}
#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: 50px !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(.55,.5,.45,.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: .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); padding: 5px 20px; gap: 8px; }
.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,.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;}

.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: -.5px;
    border-left: 0;
    border-right: 0;
    font-size: .9rem;
    text-align: center;
    padding-bottom: 20px;
}
.dday-wrap .countdown {
    font-family: Crimson Pro;
    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: .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: .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: .2rem;
    width: 16px;
}
.introLayer .introBottomDisplay .ibottom.flex .dot {
    margin: 0 .15rem;
}
.introLayer .introBottomDisplay .ibottom.flex .parentOf {
    margin-left: .1rem;
}
.introLayer .introBottomDisplay .ibottom.flex .wrap .order {
    margin: 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: .2rem;
}
.introLayer .introBottomDisplay .ibottom.flex .mather .n_wrap.bap {
    margin: 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: .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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(0,0,0,.013) 98.9%,transparent);
    mask-image: linear-gradient(180deg,transparent,rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(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: .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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
    mask-image: linear-gradient(0deg, transparent, rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
    mask-image: linear-gradient(0deg, transparent, rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
}
/* 액자 */
.mainV1 .inr.frame .mainImgArea .main-img-parent {
    border: 15px solid #fafafa;
    box-shadow: .1px .1px .2px hsl(0deg 0% 72%/0),.3px .3px .6px hsl(0deg 0% 72%/.1),.6px .6px 1.3px hsl(0deg 0% 72%/.2),1px .9px 2px hsl(0deg 0% 72%/.3),1.7px 1.6px 3.5px hsl(0deg 0% 72%/.4),-.1px -.1px .2px hsl(0deg 0% 92%/0),-.3px -.4px .8px hsl(0deg 0% 92%/.06),-.5px -.6px 1.2px hsl(0deg 0% 92%/.12),-.8px -1px 1.9px hsl(0deg 0% 92%/.18),-1.4px -1.7px 3.3px hsl(0deg 0% 92%/.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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
    mask-image: linear-gradient(0deg, transparent, rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(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: .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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(0,0,0,.013) 98.9%,transparent);
    mask-image: linear-gradient(180deg,transparent,rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(0,0,0,.013) 98.9%,transparent);
}
/* 물결 */
.mainV3 .inr.wave .row-02 .wave.top {position: relative;top: 30px;transform: scaleY(-1);transition: .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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
    mask-image: linear-gradient(0deg, transparent, rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
    mask-image: linear-gradient(0deg, transparent, rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
}
/* 액자 */
.mainV3 .inr.frame .row-02 .main-img-parent {
    border: 15px solid #fafafa;
    box-shadow: .1px .1px .2px hsl(0deg 0% 72%/0),.3px .3px .6px hsl(0deg 0% 72%/.1),.6px .6px 1.3px hsl(0deg 0% 72%/.2),1px .9px 2px hsl(0deg 0% 72%/.3),1.7px 1.6px 3.5px hsl(0deg 0% 72%/.4),-.1px -.1px .2px hsl(0deg 0% 92%/0),-.3px -.4px .8px hsl(0deg 0% 92%/.06),-.5px -.6px 1.2px hsl(0deg 0% 92%/.12),-.8px -1px 1.9px hsl(0deg 0% 92%/.18),-1.4px -1.7px 3.3px hsl(0deg 0% 92%/.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: "francisco";
    src: url(/src/fonts/francisco/Francisco.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: "francisco";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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(0,0,0,.013) 98.9%,transparent);
    mask-image: linear-gradient(180deg,transparent,rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(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: .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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
    mask-image: linear-gradient(0deg, transparent, rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
    mask-image: linear-gradient(0deg, transparent, rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
}
/* 액자 */
.mainV4 .inr.frame .row-02 .main-img-parent {
    border: 15px solid #fafafa;
    box-shadow: .1px .1px .2px hsl(0deg 0% 72%/0),.3px .3px .6px hsl(0deg 0% 72%/.1),.6px .6px 1.3px hsl(0deg 0% 72%/.2),1px .9px 2px hsl(0deg 0% 72%/.3),1.7px 1.6px 3.5px hsl(0deg 0% 72%/.4),-.1px -.1px .2px hsl(0deg 0% 92%/0),-.3px -.4px .8px hsl(0deg 0% 92%/.06),-.5px -.6px 1.2px hsl(0deg 0% 92%/.12),-.8px -1px 1.9px hsl(0deg 0% 92%/.18),-1.4px -1.7px 3.3px hsl(0deg 0% 92%/.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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(0,0,0,.013) 98.9%,transparent);
    mask-image: linear-gradient(180deg,transparent,rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(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: .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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
    mask-image: linear-gradient(0deg, transparent, rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
    mask-image: linear-gradient(0deg, transparent, rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%, #000 20%);
}
/* 액자 */
.mainV5 .inr.frame .row-02 .main-img-parent {
    border: 15px solid #fafafa;
    box-shadow: .1px .1px .2px hsl(0deg 0% 72%/0),.3px .3px .6px hsl(0deg 0% 72%/.1),.6px .6px 1.3px hsl(0deg 0% 72%/.2),1px .9px 2px hsl(0deg 0% 72%/.3),1.7px 1.6px 3.5px hsl(0deg 0% 72%/.4),-.1px -.1px .2px hsl(0deg 0% 92%/0),-.3px -.4px .8px hsl(0deg 0% 92%/.06),-.5px -.6px 1.2px hsl(0deg 0% 92%/.12),-.8px -1px 1.9px hsl(0deg 0% 92%/.18),-1.4px -1.7px 3.3px hsl(0deg 0% 92%/.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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(0,0,0,.013) 98.9%,transparent);
    mask-image: linear-gradient(180deg,transparent,rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(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: .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,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(0,0,0,.013) 98.9%,transparent);
    mask-image: linear-gradient(180deg,transparent,rgba(0,0,0,.013) 1.1%,rgba(0,0,0,.049) 2.3%,rgba(0,0,0,.104) 3.58%,rgba(0,0,0,.175) 4.94%,rgba(0,0,0,.259) 6.34%,rgba(0,0,0,.352) 7.78%,rgba(0,0,0,.45) 9.26%,rgba(0,0,0,.55) 10.74%,rgba(0,0,0,.648) 12.22%,rgba(0,0,0,.741) 13.66%,rgba(0,0,0,.825) 15.06%,rgba(0,0,0,.896) 16.42%,rgba(0,0,0,.951) 17.7%,rgba(0,0,0,.987) 18.9%,#000 20%,#000 80%,rgba(0,0,0,.987) 81.1%,rgba(0,0,0,.951) 82.3%,rgba(0,0,0,.896) 83.58%,rgba(0,0,0,.825) 84.94%,rgba(0,0,0,.741) 86.34%,rgba(0,0,0,.648) 87.78%,rgba(0,0,0,.55) 89.26%,rgba(0,0,0,.45) 90.74%,rgba(0,0,0,.352) 92.22%,rgba(0,0,0,.259) 93.66%,rgba(0,0,0,.175) 95.06%,rgba(0,0,0,.104) 96.42%,rgba(0,0,0,.049) 97.7%,rgba(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: .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 5.0s linear forwards;  }
.ltt_wrapper.v2.keys .overlay-div { animation: op2_overlay 5.0s linear forwards; }
.ltt_wrapper.v2.keys .bg_div > .img_01 {  animation: op2_move_x 2.0s 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.0; } /* 02:01 */
    44% { opacity: 0.4; } /* 02:12 */
    80% { opacity: 0.4; } /* 04:00 */
    84.7% {opacity: 1.0; } /* 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: #FFEB00;
}
.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 1.0s 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;
}