@charset "utf-8";

@import url(eulyoo.css);
@import url(pretendard.css);
@import url(noto-serif-kr.css);



/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
html body,html h1,html h2,html h3,html h4,html input,html button,html textarea,html pre{font-family: 'Pretendard', serif;  font-size:15px;color:#000; font-weight: 400;}
body{text-align:left; word-break:keep-all;  background:#fff;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top; max-width:100%}
em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none}
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}
button{outline: none;border: 0;background: none;}
body{-webkit-touch-callout: none !important;}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}

::-webkit-input-placeholder {color: #a9a298; font-weight: normal; font-size: 18px;font-weight: 400;}
:-moz-placeholder {color: #a9a298; opacity: 1; font-weight: normal; font-size: 18px;font-weight: 400;}
::-moz-placeholder {color: #a9a298; opacity: 1; font-weight: normal; font-size: 18px;font-weight: 400;}
:-ms-input-placeholder {color: #a9a298; font-weight: normal;font-size: 18px; font-weight: 400}

* {box-sizing:border-box;}
body {overflow-x:hidden;}
.wrap {overflow-x:hidden;}
.eb {font-family: 'EB Garamond';}
.mob{display: none;}
.m{display: none;}
.t{display: none;}
.w{display: block;}

.thp { font-family: 'Tai Heritage Pro', serif; }

.cor {font-family: 'Cormorant Infant', serif;}
.play {font-family: 'Playfair Display', serif;}
.noto {font-family: 'Noto Sans KR';}
.serif {font-family: 'eulyoo', serif; }
.lato {font-family: 'Lato', sans-serif; }

body.noScroll .wrap{position: relative;}
body.noScroll {overflow: hidden;position: fixed;width: 100%;height: 100%;}

.inviteBox .mainText,
.greetingWrap .greetingInner,
.dayWrap .dayInner{max-width: 542px;margin: 0 auto;}
.infoWrap .tab,
.infoWrap .infoList,
.mindWrap .mindInner,
.locationWrap .addrWrap,
.infoLoca .inner{max-width: 540px;margin: 0 auto;}

.ranTxt .ran{transition:2s all; opacity:0;letter-spacing: 0 !important}
.ranTxt .ran.r1 {transition-delay:250ms;}
.ranTxt .ran.r2 {transition-delay:400ms;}
.ranTxt .ran.r3 {transition-delay:550ms;}
.ranTxt .ran.r4 {transition-delay:700ms;}
.ranTxt .ran.r5 {transition-delay:850ms;}
.ranTxt .ran.r6 {transition-delay:1000ms;}
.ranTxt .ran.r7 {transition-delay:1150ms;}
.ranTxt .ran.r8 {transition-delay:1300ms;}
.ranTxt .ran.r9 {transition-delay:1450ms;}
.ranTxt .ran.r10 {transition-delay:1600ms;}

.atm .ranTxt .ran{opacity:1;}
.atm .mt,
.atm .mt2{transform:translate(0,0) !important; opacity:1 !important;}
.mt{transition:2s all ease; transform:translateY(50px); opacity:0; transition-delay:300ms;}
.mt2{transition:3s all; opacity:0; transition-delay:600ms;}

.visualBox{text-align:center;background: #f6f2f1;}
.mainImg{display: inline-block;vertical-align: top;position: relative}
.mainImg:after {content:''; position: absolute; left:0; top:-3px; width:100%; height:77px; background:url('../images/mainRoundTop.png') center top no-repeat; }
.mainImg .imgBox{position: relative}
.mainImg .imgBox .img{}
.mainImg .imgBox .imgCover{z-index: 1;position: relative}
.mainImg img{pointer-events: none;object-fit: cover;object-position: 50% 50%;width:100%;height:100%; max-width:540px;}
.bottomName{position: absolute;top:60px;left:50%;transform: translateX(-50%);width:100%;max-width: 450px;z-index: 1;
	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; justify-content:space-between;
    
}
.bottomName .col{text-align:center;color: #442821;white-space: nowrap}
.bottomName .box{position: relative; transition: 3.2s opacity;opacity: 0;transition-delay: 1000ms; width:33.3%}
.bottomName .cor{ position: absolute; top:0; left:50%; transform:translateX(-50%); width:82px; color:#442821; text-align: center; border-left:1px solid #f0dbde; border-right:1px solid #f0dbde; padding:5px 0;  transition: 3.2s opacity;opacity: 0;transition-delay: 1200ms;}
.bottomName .cor .mon {  font-family: 'Tai Heritage Pro', serif; font-size:11px; display: block; line-height:11px;  letter-spacing:3px; margin-bottom:13px; color:#cf7577} 
.bottomName .cor .num {  font-family: 'Tai Heritage Pro', serif; font-size:44px; display: block; line-height:30px; letter-spacing:3px;} 
.bottomName .name{display: block;font-family: 'eulyoo';font-size: 24px;letter-spacing:5px; margin-bottom: 12px; letter-spacing:14px; text-indent:4px;}
.bottomName .en{ position: absolute; left: 50%; transform: translateX(-50%); display: block; font-size: 8px;letter-spacing:3px; font-weight:700; opacity:.5; color:#cf7577;}
.bottomName .and{position:relative;display: inline-block;width: 52px;height: 17px;background: url(../images/and.png) no-repeat 50% 50%;font-size: 0;color: transparent;top: -12px;margin-left: 14px}
.mainLoad .cor{opacity:1;}
.mainLoad .box{opacity:1;}

.petalObj{position: absolute;display: block;background-position: 50% 50%;background-repeat: no-repeat;opacity:0;transition:3.9s all ease;background-size: 100% auto;z-index: 1;}
.petalObj.no1{top:284px;right:25px;width: 25px;height: 18px;background-image: url(../images/petal1.png);transform:translate(150px,-150px) rotate(180deg);}
.petalObj.no2{top:555px;right:25px;width: 27px;height: 26px;background-image: url(../images/petal2.png);transform:translate(150px,-100px) rotate(-180deg);}
.petalObj.no3{bottom: 52px;right: 190px;width: 31px;height: 28px;background-image: url(../images/petal3.png);transform:translate(-150px,-150px) rotate(180deg);}
.petalObj.no4{top:450px;left:15px;width: 23px;height: 28px;background-image: url(../images/petal4.png);transform:translate(-100px,-100px) rotate(-180deg);}
.petalObj.no5{top: 146px;left:108px;width: 24px;height: 21px;background-image: url(../images/petal5.png);transform: translate(-150px,-50px) rotate(180deg);}
.mainLoad .petalObj{transform:translate(0,0) rotate(0deg) !important; opacity:1;}

.fixPetalWrap{position: fixed;top:0;width: 100%;max-width: 540px;left:50%;transform: translateX(-50%);z-index: 10}
.fixPetalWrap .obj{position: absolute;display: block;background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% auto;z-index: 100;}
.fixPetalWrap .obj.no1{/*top:138px;*/top:-100px;right:25px;width: 25px;height: 18px;background-image: url(../images/petal/f_petal1.png);}
.fixPetalWrap .obj.no2{/*top:418px;*/top:-50px;right:32px;width: 27px;height: 26px;background-image: url(../images/petal/f_petal2.png);}
.fixPetalWrap .obj.no3{/*top: 500px;*/top:-30px;left: 88px;width: 31px;height: 28px;background-image: url(../images/petal/f_petal3.png);}
.fixPetalWrap .obj.no4{/*top: 18px;*/top:-120px;left: 181px;width: 23px;height: 28px;background-image: url(../images/petal/f_petal4.png);}
.fixPetalWrap .obj.no5{/*top: 296px*/;top:-80px;left: 33px;width: 24px;height: 21px;background-image: url(../images/petal/f_petal5.png);}
.fixPetalWrap .obj.no6{top:-150px;left: 0; }
.fixPetalWrap .obj.no7{top:-40px;left: 200px;}

body.snow .fixPetalWrap > div * {display: none;}
body.snow .fixPetalWrap .no1 {background:url('../images/snow01.png') center no-repeat; width:65px; height:65px; background-size:100% auto;}
body.snow .fixPetalWrap .no2 {background:url('../images/snow02.png') center no-repeat; width:83px; height:83px; background-size:100% auto;}
body.snow .fixPetalWrap .no3 {background:url('../images/snow03.png') center no-repeat; width:42px; height:42px; background-size:100% auto;}
body.snow .fixPetalWrap .no4 {background:url('../images/snow04.png') center no-repeat; width:30px; height:30px; background-size:100% auto;}
body.snow .fixPetalWrap .no5 {background:url('../images/snow05.png') center no-repeat; width:30px; height:30px; background-size:100% auto;}
body.snow .fixPetalWrap .no6 {background:url('../images/snow06.png') center no-repeat; width:30px; height:30px; background-size:100% auto;}
body.snow .fixPetalWrap .no7 {background:url('../images/snow07.png') center no-repeat; width:18px; height:18px; background-size:100% auto;}


.secTitleWrap .hanTit{
	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;
}
.secTitleWrap .hanTit:before,
.secTitleWrap .hanTit:after{display: block;content: '';width: 100%;height: 1px;background: #dbdbc7;margin-top: -1px}
.secTitleWrap .hanTit{font-family: 'Cormorant Infant', serif;font-size:14px;font-weight:400;letter-spacing:.2em;text-indent: .2em;color:#b06a76;text-align: center}
.secTitleWrap .hanTit > span:not(.ran){position: relative;padding:0 20px;margin:0 19px;white-space: nowrap}
.secTitleWrap .hanTit > span:not(.ran):before,
.secTitleWrap .hanTit > span:not(.ran):after{content:''; position: absolute; left:0; top:50%; margin-top:-1px;width:2px; height:2px;background:#b06a76;border-radius:50%;}
.secTitleWrap .hanTit > span:not(.ran):after{left: auto;right:0;}
.secTitleWrap p{font-family: 'eulyoo', serif;font-size: 27px;color: #222222;text-align: center;margin-top: 13px;line-height: 1.4;letter-spacing:-.05em;}
.secTitleWrap.t1 .hanTit{font-size: 15px;font-style: italic;letter-spacing:.3em;text-indent: .3em;}
.secTitleWrap.t1 .hanTit:before,
.secTitleWrap.t1 .hanTit:after,
.secTitleWrap.t1 .hanTit > span:not(.ran):before,
.secTitleWrap.t1 .hanTit > span:not(.ran):after{display: none}
.secTitleWrap.t1 .hanTit .ran{letter-spacing:.14em;text-indent: .14em;}
.secTitleWrap .mt{transition-delay: 500ms;transform:translateY(30px);}

.inviteBox{position:relative;font-size: 20px;color: #7b2934;line-height: 1.45;/* background:url(../images/mainBottom_bg.jpg) no-repeat;  */ background:#fefaf9;background-size:cover;z-index: 1; height:165px;}
.inviteBox:after {content:''; position: absolute; left:0; top:-25px; width: 100%; height:27px; background:url('../images/mainRound.png') center top no-repeat; }
.inviteBox .secTitleWrap{position: absolute;top:-10px;left:50%;transform: translateX(-50%);width: 100%;}
.inviteBox .mainText{position: relative; text-align: center; font-family: 'eulyoo', serif; padding-top:65px;;}
.inviteBox .mainText p { transition: 3.2s opacity;opacity: 0;transition-delay: 1200ms;}
.inviteBox .stamp {position: absolute; top:-5px;; left:0; width: 100%; text-align: center; z-index:1;  }
.inviteBox .stamp .text {display: block; height:18px; background:url('../images/stampTit.png') center top no-repeat; margin-bottom:8px;; transition: 3.2s opacity;opacity: 0;transition-delay: 1600ms;}
.inviteBox .stamp .img {display: inline-block; vertical-align: top; width:12px; height:21px; background:url('../images/stampTree.png') no-repeat; transition: 3.2s opacity;opacity: 0;transition-delay: 1200ms;}
.inviteBox .secTitleWrap{overflow: hidden}

.mainLoad .inviteBox .mainText p {opacity:1;}
.mainLoad .inviteBox .stamp .text {opacity:1;}
.mainLoad .inviteBox .stamp .img {opacity:1;}

.greetingWrap{text-align:center;}
.greetingWrap .greetingBox{background: url(../images/greeting_bg.jpg) no-repeat 50% 0 / cover;}
.greetingWrap .greetingInner{padding-top: 94px;padding-bottom: 100px;}
.greetingWrap .textBox{font-family: 'eulyoo', serif;font-size: 25px;color: #222222;line-height: 1.55;}
.greetingWrap .textBox p{margin-bottom: 39px; line-height: 2;}

.greetingWrap .ranBox{position: relative;padding: 37px 0 17px;margin-top: 53px;}
.greetingWrap .ranBox:before,
.greetingWrap .ranBox:after{display: block;content:'';position: absolute; left:0; top:0; width: 100%; height:31px;background-position: 50% 0;background-repeat: no-repeat;}
.greetingWrap .ranBox:before{background-image:url('../images/bg_thx01.png');}
.greetingWrap .ranBox:after{top:auto;bottom:0;height:1px;background-image:url('../images/bg_thx02.png');}
.greetingWrap .ranBox .box{padding: 6px 0;font-size: 22px;color: #442821}
.greetingWrap .ranBox .box em{font-weight: 600}
.greetingWrap .ranBox .box strong{font-family: 'eulyoo', serif;font-size: 25px;color: #442821;font-weight: 400;}
.greetingWrap .btns.t1{margin-top: 37px}

.btns{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;
}
.btns.t1{height: 75px; background:url('../images/btnInter.png') center no-repeat;font-size: 19px;color: #7b2934}
.btns.t1.c1{background:url('../images/btnWedding.png') center no-repeat; color: #7b2934}
.btns.t1.c2{background-color: #fcf8f7;color: #7b2934}
.btns span{position: relative;padding-left: 28px;}
.btns span:before{display: block;content: '';width: 20px;height: 20px;background: url(../images/icon_msg_m.png) no-repeat 0 0; background-size:20px 20px;position: absolute;top:50%;left:0;margin-top: -8px;}
.btns.t1 span.link{padding-left: 34px;}
.btns.t1 span.link:before{width: 25px;height: 14px;background-image: url(../images/icon_link.png);margin-top: -7px; background-size:25px 14px;;}
.btns.t1 span.roughMap{padding-left: 32px;}
.btns.t1 span.roughMap:before{width: 21px;height: 21px;background-image: url(../images/icon_map.png);margin-top: -10px;}
.btns.t1 span.img:before{width: 20px;height: 20px;background-image: url(../images/icon_img.png);margin-top: -7px;}
.btns.t1 span.tel:before{width: 22px;height: 22px;background-image: url(../images/icon_tel2.png);margin-top: -11px;}
.btns.t2{height: 75px;background-color: #f9f0e6;color: #000;font-size: 21px;border-radius: 12px;font-weight: 500}
.btns.t2 span.attend{padding-left: 24px;}
.btns.t2 span.attend:before{width: 16px;height: 19px;background-image: url(../images/icon_attend.png);margin-top: -8px;}

.dayWrap{text-align:center;background: url(../images/day_bg.jpg) no-repeat 50% 0 / cover;}
.dayWrap .dayInner{padding-top: 36px;padding-bottom: 83px;}
.dayWrap .secTitleWrap{margin-bottom: 84px;}
.dayWrap .secTitleWrap .hanTit {color:#d2afb6;}
.dayWrap .secTitleWrap .hanTit:after{background: #ead6db;}
.dayWrap .secTitleWrap .hanTit:before,
.dayWrap .secTitleWrap .hanTit:after{background-color: #ead6db;}
.dayWrap .secTitleWrap .hanTit span span {margin:0 2px;}
.dayWrap .dayBox{padding: 0 50px;box-sizing: border-box;margin-bottom: 36px;
	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: justify; -ms-flex-pack: justify; justify-content: space-between;
}

.secTitleWrap .hanTit > span:not(.ran):before, .secTitleWrap .hanTit > span:not(.ran):after {background: #e2ccd0;}

.dayWrap .dayBox p{font-family: 'eulyoo', serif;color: #222222;font-size: 27px;line-height: 1.4;text-align: right}
.dayWrap .placeBox{position: relative;padding: 23px 0 22px;margin-bottom: 18px;}
.dayWrap .placeBox:before,
.dayWrap .placeBox:after{display: block;content: '';width: 100%;height: 1px;background:url('../images/bg_thx02.png') no-repeat 50% 50%;position: absolute;top:0;left:0}
.dayWrap .placeBox:after{top: auto;bottom: 0}
.dayWrap .placeBox span{font-size: 21px;color: #7b2934;padding-left: 25px;position: relative}
.dayWrap .placeBox span:before{display: block;content: '';width: 16px;height: 19px;background: url(../images/icon_location.png) no-repeat 0 0 / 16px auto;position: absolute;top:50%;left:0;transform: translateY(-50%);}
.dayWrap .calWrap{max-width: 380px;margin: 0 auto}
.dayWrap .calWrap table{width: 100%;table-layout: fixed}
.dayWrap .calWrap th,
.dayWrap .calWrap td{font-family: 'Cormorant Infant', serif;font-weight: 400;text-align: center;vertical-align: middle}
.dayWrap .calWrap th{font-size: 21px;color: #e2ccd0;height: 80px;}
.dayWrap .calWrap td{font-size: 24px;color: #d2afb6;height: 49px;}
.dayWrap .calWrap table .active{display:block;position: relative;font-weight: 600;color: #222222;background: url(../images/day_point.png) no-repeat 50% 13px;}
.dayWrap .calWrap table .active > span{position: relative;z-index: 1}
.dayWrap .calWrap table .active:before{position:absolute;bottom:1px;left:50%;margin-left:-18px;display: none;content: '';width: 36px;height: 15px;background: url(../images/day_point.png) no-repeat 0 0;}

.countWrap{background:url(../images/count_bg.jpg) no-repeat 50% 0 / cover;}
.countWrap .countInner{height: 160px;padding-top: 35px;box-sizing: border-box}
.countList{text-align: center;font-size: 0}
.countList .numWrap,
.countList .numWrap .countDay,
.countList .numWrap .countDay .num,
.countList .numWrap .wr,
.countList .numWrap .col{position:relative;display: inline-block;vertical-align: middle;font-size: 0;font-family: 'Cormorant Infant', serif;}
.countList .numWrap .countDay{margin-right: 40px}
.countList .numWrap .countDay,
.countList .numWrap .wr{min-width: 80px;height: 76px;background-color: rgba(21,21,21,.45);border-radius: 17px;box-sizing:border-box;padding: 0 10px;
	display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-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;
}
.countList .numWrap .countDay .num,
.countList .numWrap .wr p span,
.countList .numWrap .col{font-size: 50px;color: #fff}
.countList .numWrap .col{font-size: 45px;margin-bottom: 10px;width: 40px; color:#d2afb6;}
.countList .numWrap .txt{position: absolute;bottom: -22px;left:0;width: 100%;text-align: center;font-size: 14px;color: #e2ccd0;font-style: italic;font-weight: 600;}

.galleryWrap{background:url(../images/gallery_bg.jpg) no-repeat 50% 0 / cover;}
.galleryWrap .galleryInner{padding-top: 97px;padding-bottom: 99px;}
.galleryWrap .galWrap{padding: 0 30px;padding-top:43px;}
.galleryWrap .galWrap .inner{position: relative;max-width:1280px;margin:0 auto;}
.galleryWrap .galWrap .videoImg{position: absolute;left:0; top:0;max-width:630px;width: calc(50% - 10px)}
.galleryWrap .galWrap .videoImg img{pointer-events:none;max-width: none;width: 100%}
.galleryWrap .galWrap .videoImg a{position: relative; display: block;}
.galleryWrap .galWrap .videoImg .btnPlay{position: absolute;left:50%;top:50%;margin:-35px 0 0 -28px;width:56px;height:70px;background:url(../images/btn_play.png) no-repeat 50% 50%}
.galleryWrap .galWrap .galList .col ul{margin: 0 -10px;}
.galleryWrap .galWrap .galList:after,
.galleryWrap .galWrap .galList ul:after{display: block;content: '';clear: both;}
.galleryWrap .galWrap .galList .col{box-sizing: border-box;}
.galleryWrap .galWrap .galList .img img{width: 100%}
.galleryWrap .galWrap .galList .col li{float: left;padding: 0 10px;width: 25%;position: relative;margin-bottom:20px;overflow: hidden;z-index: 1;box-sizing: border-box}
.galleryWrap .galWrap .galList .col li:first-child {margin-left:0;;}
.galleryWrap .galWrap .videoImg + .gallery .galList .col li:first-child {margin-left:50%;}
.galleryWrap .galWrap .galList .col li > a{display: block; position: relative; overflow: hidden;}
.galleryWrap .galWrap .galList .col li > a .img {background-size:cover !important; background-position:center center !important; padding-bottom:125.575%; display: block;}
.galleryWrap .galWrap .galList.hiddenList .col li:first-child {margin-left:0;;}
.galleryWrap .galWrap .videoImg + .gallery .galList.hiddenList .col li:first-child {margin-left:0;;}
.galleryWrap .galWrap .more{margin-top:15px;}

.galleryWrap .galWrap .galList .col li > a:hover .pop{opacity: 1}
.galleryWrap .galWrap .galList .col li > a:hover .hover{opacity: 1;}
.galleryWrap .galWrap .galList .pop{opacity: 0;transition: all 0.5s;position: absolute;top:0;left:0;width: 100%;height:100%;z-index: 1; background:url('../images/gal_hover1.png') center no-repeat; background-size:cover;}
.galleryWrap .galWrap .galList .hover{opacity: 0;transition: all 0.4s 100ms;width: 106px;height:106px;position: absolute;top:50%;left:50%;margin: -53px 0 0 -53px;z-index: 2;background:url('../images/gal_hover2.png') no-repeat 50% 50%;box-sizing: border-box;border: 2px solid #fff;border-radius: 100%;}
.galleryWrap .galWrap.mt{transition-delay: 900ms;transition-duration: 3s;transform:translateY(60px);}

.hiddenList {display: none;}

.more{text-align: center;}
.more span{display: inline-block; vertical-align: top; font-size:19px; color:#7b2934; font-weight:500; padding-bottom:55px; background:url('../images/icon_more.png') 50% 100% no-repeat; cursor:pointer;}

.tabIn{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;width:100%;background:url(../images/bg_thx03.png) no-repeat 50% 0}
.tabIn > a,
.tabIn > button{position:relative;height:89px;text-align:center;vertical-align: middle;font-family: 'Cormorant Infant', serif;font-size: 21px;color: #bf9f82;width: 100%;text-align: center;white-space: nowrap;box-sizing: border-box;padding-top: 2px;}
.tabIn > a:after,
.tabIn > button:after{display: block;content: '';width: 2px;height: 12px;background:url(../images/tab_semi.png) 50% 100% no-repeat;position: absolute;top:50%;right:0;margin-top: -6px;}
.tabIn > a:last-child:after,
.tabIn > button:last-child:after{display: none}
.tabIn > a.active,
.tabIn > button.active{font-weight: 600;color: #7b2934}
.tabIn > a.active span,
.tabIn > button.active span{padding-left: 20px;position: relative;}
.tabIn > a.active span:before,
.tabIn > button.active span:before{display: block;content: '';width: 12px;height: 14px;background:url(../images/icon_star1.png) 50% 100% no-repeat;background-size: 12px auto;position: absolute;top:50%;left:0;margin-top: -8px;}
.tabIn > a span,
.tabIn > button span{transition: padding-left .3s}

.infoWrap{background: #f6f2f1;background-size: cover}
.infoWrap .infoInner{padding-top: 97px;/*padding-bottom: 100px*/}
.infoWrap .infoList .swiper-slide{padding-bottom: 100px}
.infoWrap .secTitleWrap{margin-bottom: 51px;}
.infoWrap .infoList{position: relative}
.infoWrap .infoList .bannerImg{text-align: center;position: relative;}
.infoWrap .infoList .bannerImg img {width:100%; max-width:365px;}
.infoWrap .infoList .bannerImg:before,
.infoWrap .infoList .bannerImg:after{display: block;content: '';width: 68px;height: 110px;position: absolute;top:0;left:0;background-color: #000}
.infoWrap .infoList .bannerImg:after{left: auto;right: 0}
.infoWrap .infoList .txt01{font-family: 'eulyoo', serif;font-size: 18px;color: #f2f1ef;margin-bottom: 37px;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.infoWrap .infoList .txt01 .en{font-family: 'Bitter', serif;font-size: 19px;font-weight: 400}
.infoWrap .infoList .textWrap{text-align: center;padding-top: 43px;}
.infoWrap .infoList .txt02{font-size: 21px;color: #000;line-height: 1.53; word-break: keep-all;}
.infoWrap .infoList .textWrap .btns{margin-top: 28px}
.infoWrap .infoList .swiper-button-next{width: 68px;height: 110px;background: url(../images/btn_next.png) 50% 50% no-repeat;margin-top: 0;right:0;top:0;}
.btnInfo.swiper-button-next.swiper-button-disabled{opacity: 1;cursor: pointer;pointer-events:visible;}

.swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: .45;}
.swiper-pagination-bullet-active{opacity: 1}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 7px}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px}

.guestBookWrap{}
.guestBookWrap .guestBookInner{padding-top: 97px;padding-bottom: 100px}
.guestBookWrap .secTitleWrap{max-width: 1280px;margin: 0 auto 38px;padding-bottom: 44px;border-bottom: 1px solid #f3e8ea;}

.guestBookWrap .marqWrap{overflow:hidden;height: 63px;}
.guestBookWrap .waveText {margin-bottom: 37px;position: relative;z-index: 1; transition:2s all; /*transform:translate(0,50px); opacity:0;*/  transition-delay:500ms;}
.guestBookWrap .waveText.none{display: none;}
.guestBookWrap .wave{padding-left:40px;display: inline-block;  cursor:pointer; font-size: 0}
.guestBookWrap .wave:first-child{margin-left:0;}
.guestBookWrap .wave:after {content:''; display:block; clear:both;}
.guestBookWrap .wave .img{display: inline-block; width:63px; height:63px; border-radius:50%; overflow:hidden;  vertical-align: middle;}
.guestBookWrap .wave .img span{display: block; position: relative; overflow:hidden;}
.guestBookWrap .wave .img span:after{content:''; position: absolute; left:0; top:0; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #2f1f12;  border-radius:50%; display: none; }
.guestBookWrap .wave:hover .img span:after{display: block; }
.guestBookWrap .wave .img img{width: 100%;vertical-align: top; display: block; width:63px; height:63px;border-radius:50%;}
.guestBookWrap .wave .txt{display: inline-block; vertical-align: middle;font-family: 'eulyoo', serif;font-size: 38px;font-weight: 600;color:#222222;margin-left: 11px; white-space:nowrap;letter-spacing:-.05em;}

.atm .waveText {transform:translate(0,0) !important; opacity:1;}
.atm .comWrap {transform:translate(0,0) !important; opacity:1;}

.comWrap {max-width:1280px; margin:0 auto; position: relative;z-index: 1;  transition:2s all; /*transform:translate(0,50px); opacity:0;*/  transition-delay:500ms;padding: 0 30px;box-sizing: content-box}
.comWrap .inputWrap {position: relative;margin-bottom:25px;}
.comWrap .inputWrap .in{
	max-width:540px; margin:0 auto;
}
.comWrap .inputWrap .in .user:after{content:''; display:block; clear:both;}
.comWrap .inputWrap .in .user{position: relative; vertical-align: top; margin-bottom: 10px;}
.comWrap .inputWrap .in .user .selBox { position: relative; z-index: 5; }
.comWrap .inputWrap .in .user .selBox .list{font-size: 0;}
.comWrap .inputWrap .in .user .selBox .list li {float:right;position: relative; width:49%; text-align: center;}
.comWrap .inputWrap .in .user .selBox .list li:first-child {float:left;}
.comWrap .inputWrap .in .user .selBox .list li label{font-size:19px;font-weight:300;height:75px;color:#b06a76;position: relative; cursor:pointer; background:rgba(255,255,255,.5);border-radius: 15px;
	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; border:1px solid #f5e8ea;
}
.comWrap .inputWrap .in .user .selBox .list li input{position: absolute; left:0; top:0; visibility:hidden}
.comWrap .inputWrap .in .user .selBox .list li.hidden{display: none;}
.comWrap .inputWrap .in .user .selBox .list li .img{display: inline-block; vertical-align: middle;width:42px;border-radius:50%; margin-right:12px;}
.comWrap .inputWrap .in .user .selBox .list li .img img {width:42px; height:42px;}
.comWrap .inputWrap .in .user .selBox .list li input:checked + label {background:#fff; color:#222222;font-weight:500; border:1px solid #222}
.comWrap .inputWrap .in .inputBox {position: relative; background:#fbf6f6;padding-right:75px;height: 75px; border:1px solid #f5e8ea; overflow:hidden; vertical-align: top;border-radius: 15px;}
.comWrap .inputWrap .in .inputBox input {width: 100%;vertical-align: top; height: 100%; border:none; padding:0 0 0 26px; background:none; outline:none; font-size:19px; color:#000; font-weight: 300;}
.comWrap .inputWrap .in .inputBox input::-webkit-input-placeholder{color:#222222;}
.comWrap .inputWrap .in .inputBox input::-moz-placeholder{color:#222222;}
.comWrap .inputWrap .in .inputBox input:-ms-input-placeholder{color:#222222;}
.comWrap .inputWrap .in .inputBox input:-moz-placeholder{color:#222222;}
.comWrap .inputWrap .btnComment{position: absolute; right:0;top:0;bottom:0; border-left:1px solid #f5e8ea;}
.comWrap .inputWrap .btnComment a{font-size: 19px; font-weight: 500; color:#222222;background:#fff;width:75px;height: 100%;text-align: center;
	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;
}

.comWrap .partyCheck {max-width:540px; margin:0 auto;}
.comWrap .partyCheck .btn,
.comWrap .partyCheck .thxBox,
.comWrap .partyCheck .complete{overflow: hidden;}
.comWrap .partyCheck .btn a,
.comWrap .partyCheck .thxBox{display: block;font-family: 'eulyoo', serif;font-size: 21px;color:#fff;background:#222222;height: 75px;border-radius: 15px;
	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;
}

.comWrap .partyCheck .thxBox{color:#7b2934;background:#fbf6f6;}

.contactWrap{background:url(../images/contact_bg.jpg) no-repeat 50% 0 / cover;}
.contactWrap .contactInner{padding-top: 93px;padding-bottom: 101px}
.contactWrap .secTitleWrap{margin-bottom:42px; text-align: center;}
.contactWrap .secTitleWrap.t1 .hanTit{color: #e2ccd0}
.contactWrap .secTitleWrap p{color: #fff;margin-top: 9px;}
.contactWrap .coupleBox{font-size:0;max-width: 500px;margin: 0 auto;transition:2s all; /*opacity:0; transform:translateY(50px);*/  transition-delay:500ms;text-align: center}
.contactWrap .coupleBox .box{display: inline-block; vertical-align: top; position: relative; width:50%;padding: 0 30px;box-sizing: border-box}
.contactWrap .coupleBox .box .tit{margin-bottom: 9px;}
.contactWrap .coupleBox .box .tit img{height: 10px}
.contactWrap .coupleBox .box .name{font-family: 'eulyoo', serif;font-size: 25px;color: #fff;font-weight: 400;display: block;margin-bottom: 23px;}
.contactWrap .coupleBox .box.no1 .img:after{content:''; position: absolute; right:-43px;top:50%;margin-top: -5px;width:17px; height:29px; background:url('../images/icon_star2.png') no-repeat;background-size: 12px auto;}
.contactWrap .coupleBox .box .imgTxt .img {margin-bottom: 9px;position: relative}
.contactWrap .coupleBox .box .imgTxt .img img { pointer-events:none;}
.contactWrap .coupleBox .box .imgTxt .img a {display: block; position: relative; padding-bottom: 100%; overflow:hidden; border-radius:50%;}
.contactWrap .coupleBox .box .imgTxt .img img {position: absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; pointer-events:none; }


.contacName a{height: 50px;box-sizing:border-box;border:1px solid #6c5754;border-radius: 12px;
	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;
}
.contacName  a span{position: relative;font-weight: 500;color: #f7e9e8;font-size: 16px;padding-left: 27px;}
.contacName  a span:before{display: block;content: '';width: 17px;height: 17px;background:url('../images/icon_tel.png') no-repeat 0 0;position: absolute;top:50%;left:0;margin-top: -8px;}

.mindWrap{background:url(../images/mind_bg.jpg) no-repeat 50% 0 / cover;}
.mindWrap .mindInner{padding-top: 97px;padding-bottom: 100px}
.mindWrap .secTitleWrap{padding-bottom: 43px;margin-bottom: 41px;border-bottom: 1px solid #efe9ea}
.mindWrap .text{text-align: center;font-family: 'eulyoo', serif;font-size: 21px;color: #222222;line-height: 1.81;margin-bottom: 40px}
.mindWrap .contBox{border:1px solid #e4e7ea;margin-bottom: 15px}
.mindWrap .contBox .tit{padding:0 0 1px 24px; position: relative; cursor:pointer; height: 74px; background:#f0f2f5;box-sizing:border-box;
	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;
}
.mindWrap .contBox.active .tit{border-bottom:1px dashed #e4e7ea;}
.mindWrap .contBox .tit span{font-size:19px;color:#2a374f; font-weight: 500; padding-left:27px; background:url(../images/mind/mind01_1.png) 0 50% no-repeat;background-size: 16px 16px }
.mindWrap .contBox .tit:after{content:''; position: absolute; right:23px; top:50%; margin-top:-4px;width:12px; height:8px; background:url(../images/mind/mind02-1.png) 0 0 no-repeat;background-size: 12px auto}
.mindWrap .contBox.active .tit:after{transform:rotate(180deg);}
.mindWrap .contBox.active .toggle{display: block;}
.mindWrap .contBox .toggle{display: none; padding:25px 24px 23px;background:#f6f7f9;border-bottom: 1px dashed #e4e7ea;}
.mindWrap .contBox .toggle:last-child{border-bottom:0}
.mindWrap .contBox .toggle .info{position: relative; font-size:19px; color:#000;font-weight:500; margin-bottom:22px;
	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: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.mindWrap .contBox .toggle .info .bank em{font-weight:300;font-size: 18px;position: relative;margin-left:8px;letter-spacing: -0.02em;}
.mindWrap .contBox .toggle .info .name{font-weight:300;color:#000;font-size:15px;}
.mindWrap .contBox .toggle .info .name em{font-size:19px;color:#000;font-weight:500;}
.mindWrap .contBox .toggle .btn {display:flex; justify-content:center; text-align: center;}
.mindWrap .contBox .toggle .btn button {width:49.02%;border-radius:12px;text-align: center;height:48px;background:#fff;font-size:16px;color:#222;font-weight:500;border:none;}
.mindWrap .contBox .toggle .btn button.no1 {background:#fae14b;}
.mindWrap .contBox .toggle .btn button.no1 span{padding-left:40px;background:url(../images/mind/mind03.png) 0 50% no-repeat;background-size:34px auto;}
.mindWrap .contBox .toggle .btn button.no2 {margin-left:2.04%;}
.mindWrap .contBox .toggle .btn button.no2 span{padding-left:25px;background:url(../images/mind/mind04.png) 0 50% no-repeat;background-size:17px auto;}
.mindWrap .contBox.bride {border:1px solid #eee8ea;margin-bottom: 0}
.mindWrap .contBox.bride .tit {background:#f6f3f4}
.mindWrap .contBox.bride .tit span {color:#6c4250; background:url(../images/mind/mind01-2.png) 0 50% no-repeat;background-size: 16px 16px;}
.mindWrap .contBox.bride .tit:after {background-image:url(../images/mind/mind02-2.png);}
.mindWrap .contBox.bride .toggle {background:#f6f4f4;border-bottom-color: #eee8ea}
.mindWrap .contBox.bride.active .tit{border-bottom:1px dashed #eee8ea;}

 /* locationWrap */
.locationWrap .locationInner{padding-top:97px;}
.locationWrap .secTitleWrap{margin-bottom:44px;}
.locationWrap .secTitleWrap p{margin-top: 8px;}
.locationWrap .mapWrap {position: relative;}
.locationWrap .mapWrap .root_daum_roughmap {width: 100% !important; height:540px !important;}
.locationWrap .mapWrap .root_daum_roughmap .wrap_map {height:540px !important; }
.locationWrap .mapWrap .root_daum_roughmap .wrap_controllers {display: none;}

.addrWrap{padding-bottom: 40px}
.addrWrap .box{height: 91px;
	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: justify; -ms-flex-pack: justify; justify-content: space-between;
	
}

.addrWrap .box:nth-child(2) {align-items: baseline; padding-top:30px; }

.addrWrap .box:first-child{height: 92px;background: url(../images/bg_thx02.png) no-repeat 50% 100%;}
.addrWrap .addr,
.addrWrap .label{font-family: 'eulyoo', serif;color: #222222;font-size: 22px;padding-left: 29px;letter-spacing:-.05em;}
.addrWrap .addr{font-weight: 600;background: url(../images/icon_location.png) no-repeat 0 50%;background-size: 15px auto;}
.addrWrap .label{padding-left: 29px;background: url(../images/icon_guide.png) no-repeat 0 50%;}
.addrWrap .hall{font-size: 21px;color: #7b2934;font-weight: 400}
.addrWrap .addr + .btn{-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.addrWrap .clipboard{width: 20px}

.infoLoca{background-color: #fafafa;padding-bottom: 95px;}
.infoLoca .box{border-bottom: 1px solid #e0e0e0;padding-top: 37px;padding-bottom: 35px}
.infoLoca .box:nth-child(1){padding-bottom: 40px}
.infoLoca .box:last-child{border-bottom: 0;padding-bottom: 0}
.infoLoca .tit01{font-family: 'eulyoo', serif;font-size: 22px;font-weight: 600;color: #000;margin-bottom: 12px;letter-spacing:-.03em;} 
.infoLoca .tit02{margin-bottom: 28px;}
.infoLoca .tit02:last-child{margin-bottom: 0}
.infoLoca .tit02,
.infoLoca dl{font-size: 21px;color: #555;line-height: 1.4;}
.infoLoca dd{padding-left: 16px}
.infoLoca dd + dt{margin-top: 28px}
.infoLoca .sym{position: relative;top:3px;}
.infoLoca .btnLoca{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin: 0 -3px;margin-top: 17px;}
.infoLoca .btnLoca .btns{margin: 0 3px;border: 1px solid #eaeaea;height: 57px;width: 33.333%;background: #fff;border-radius: 12px}
.infoLoca .btnLoca .btns span{font-size: 18px;font-weight: 500;color: #000;padding-left: 32px;position: relative}
.infoLoca .btnLoca .btns span:before{display: block;content: '';width: 24px;height: 24px;position: absolute;top:50%;left:0;margin-top: -12px;background: url(../images/ico_nav01.png) no-repeat 0 0;}
.infoLoca .btnLoca .btns.no2 span:before{background-image: url(../images/ico_nav02.png)}
.infoLoca .btnLoca .btns.no3 span:before{background-image: url(../images/ico_nav03.png)}

.thanksWrap{background: url(../images/thanks_bg.jpg) no-repeat 50% 0 / cover;}
.thanksWrap .thanksInner{padding-top: 98px;padding-bottom: 40px;text-align: center}
.thanksWrap .secTitleWrap{margin-bottom: 40px}
.thanksWrap .secTitleWrap .hanTit{color: #e2ccd0}
.thanksWrap p{font-family: 'eulyoo', serif;font-size: 22px;color: #fff;line-height: 1.55;margin-bottom: 34px;}
.thanksWrap p:last-child{margin-bottom: 0}

.thanksWrap.none {background:#fff; padding:60px 0;}
.thanksWrap.none p {margin:0 !important;}
.thanksWrap.none .thanksInner {padding:0 !important;  margin:0 !important}
.thanksWrap.none .secTitleWrap {display:none;}
.thanksWrap.none .thxTxt {display:none;}
.thanksWrap.none .footer {transform:none; opacity:1; margin:0 !important}
.thanksWrap.none .footer .logo a {display:block; width:144px; height:45px; background:url('../images/thxNone.png') center no-repeat; background-size:144px auto; }
.thanksWrap.none .footer .logo img{display:none;}
.thanksWrap.none .footer .copy {color:#ccc;}

.silence {position: absolute;}

.footer{font-size: 0;margin-top: 64px; opacity:.5}
.footer .logo,
.footer .copy{display: inline-block;vertical-align: middle}
.footer .copy{font-family: 'NotoSerifKr';font-weight: 300;font-size: 14px;color: #e2ccd0}
.footer .logo{margin-right: 18px;}
.footer .logo a{display: block;width: 96px;height: 30px;background:url(../images/logo.png) 0 0 no-repeat;background-size: cover;font-size: 0;color: transparent}

.head.on {top:0;}
.head{position: fixed;left: 0;top: -90px;width: 100%;height: 90px;background:rgba(251,246,246,.9);z-index: 100;transition:1s all;}
.head .inner {position: relative; z-index: 1;}
.head .inner .h1Wrap {position: absolute; left:50px; top:31px;}
.head .inner .h1Wrap h1 > a {font-family: 'Cormorant Infant', serif;font-size:22px;font-weight: 400;color:#7b2934;transition:.3s all;}
.head .inner .btnMenu {position: absolute; right:50px;top:34px;}
.head .inner .btnMenu a{display: inline-block; vertical-align: top; width:25px; height:22px; background:url('../images/icon_menu.png') center no-repeat; background-size:100% auto; text-indent:-999em;}

/* QUICK */
.quickWrap {position: fixed; right:0; top:250px; width: 60px; z-index: 91; text-align: center;  color:#442821; font-weight:500 ;font-size:12px;background:#fff;}
.quickWrap .count {width: 100%;position: relative;}
.quickWrap .count .today,
.quickWrap .count .total{height: 57px;line-height: 1.15;position:relative;box-sizing:border-box;
	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;
}
.quickWrap .count .today{padding-top: 7px}
.quickWrap .count .total{padding-bottom: 3px}
.quickWrap .count .today:after{content:''; position: absolute; left:50%; bottom:-1px;  width: 2px; height: 2px; border-radius:50%; background:#705b55;}
.quickWrap .count:after{content:''; position: absolute; left:50%; bottom:0;  width:25px; margin-left:-12px; height: 1px;  background:#f3ebe9;}
.quickWrap .linkList{margin-bottom: 10px;}
.quickWrap .linkList ul li {position: relative;}
.quickWrap .linkList ul li:last-child {border-bottom:none;}
.quickWrap .linkList ul li .ico{display: block;height: 50px;text-indent:-999em;font-size: 0;color: transparent}
.quickWrap .linkList ul li.sound .ico {background:url('../images/btnSoundOff.png') 50% 55% no-repeat;background-size: 20px auto}
.quickWrap .linkList ul li.sound.on .ico {background-image: url('../images/btnSoundOn.png');}
.quickWrap .linkList ul li.tel{display: none;}
.quickWrap .linkList ul li.tel .ico {background:url('../images/btnTel.png') 50% 50% no-repeat;}
.quickWrap .linkList ul li.link .ico {background:url('../images/btnLink.png') 50% 40% no-repeat;background-size: 17px auto}
.quickWrap .linkList ul li.mail{display: none;}
.quickWrap .linkList ul li.mail .ico {background:url('../images/btnMail.png') 50% 50% no-repeat;}
.quickWrap .linkList ul li.mail .ico:hover {background:url('../images/btnMail_hover.png') 50% 50% no-repeat;}
.quickWrap .linkList ul li.kakao .ico{height:60px;background:url('../images/ico_kakao.png') 50% 50% no-repeat;background-color: #fbf6f6;background-size: 24px auto}
.quickWrap .linkList ul li .pop {position: absolute; right:65px; top:50%; transform:translate(-10px,-50%); transition:.3s all; white-space:nowrap; background:#fff; opacity:0; visibility:hidden;}
.quickWrap .linkList ul li .pop a {display: block; color:#222222; padding:9px 15px;}
.quickWrap .linkList ul li .pop:after {content:''; position: absolute; right:-5px; top:50%; widtnmmh: 5px; height:10px; margin-top:-5px; background:url('../images/ico_hover.png') center center no-repeat;}
.quickWrap .linkList ul li.tel .pop {padding:0 15px;}
.quickWrap .linkList ul li.tel .pop a {display: block; padding:8px 0 7px 0;}
.quickWrap .linkList ul li.tel .pop a:last-child { padding-top:5px; border-top: 1px solid #444444;}
.quickWrap .linkList ul li:hover .pop {opacity:1; visibility:visible; transform:translate(0,-50%); }
.quickWrap .audioWrap {position: absolute; visibility:hidden; opacity:0;}
.quickWrap .control a {display: block;height: 50px; text-indent:-999em;font-size: 0;color: transparent}
.quickWrap .control a.btnTop {position: relative;background:url('../images/btnTop.png') 50% 50% no-repeat;}
.quickWrap .control a.btnTop:after {content:''; position: absolute; left:50%; bottom:0; margin-left:-12px; width: 25px; height: 1px; background:#f3ebe9;}
.quickWrap .control a.btnDown {background:url('../images/btnBottom.png') 50% 50% no-repeat;}

body.showYoutube .wrap, 
body.showSlide .wrap,
body.showImg .wrap{
	-webkit-filter:blur(20px);
	-moz-filter:blur(20px);
	-o-filter:blur(20px);
	-ms-filter:blur(20px);
	filter:blur(20px);
	transition:0.3s filter;
}

/* interPop */
body.interOpen {overflow-y:hidden;}
body.interOpen .interPop{ opacity:1; visibility:visible; transform:translate(0,0);transition:opacity 1s;}
body.interOpen .interPop .interCont ul li:not(.hidden) {opacity:1 !important;}
body.interOpen .interPop .interCont ul li.active {opacity:1 !important;}
body.interOpen .interPop .popCont .inner .interCont ul li{transition:2s all;}
body.interOpen .interPop .popCont .inner .interCont ul li:nth-child(1) {transition-delay:300ms;}
body.interOpen .interPop .popCont .inner .interCont ul li:nth-child(2) {transition-delay:500ms;}
body.interOpen .interPop .popCont .inner .interCont ul li:nth-child(3) {transition-delay:700ms;}
body.interOpen .ranTxt .ran{opacity:1;}
body.interOpen .mt{transform:translate(0,0) !important; opacity:1 !important;}

.interPop{position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 500;opacity:0; visibility:hidden;overflow:hidden;overflow-y:auto;background:#f5f1f0 url('../images/bg_pop.jpg') 50% 0 no-repeat;background-size: cover}
.interPop .popCont {position: relative; z-index: 10; padding:0 0 0 0; text-align: center;top: 0;bottom: 0;left: 0;right: 0;display: table;width: 100%;height: 100%;table-layout: fixed}
.interPop .popCont .inner{position: relative; padding:120px 0; max-width:1280px; margin:0 auto;}
.interPop .popCont .inner .interCont {padding-top:55px; text-align: left;}
.interPop .popCont .inner .interCont ul li{padding: 48px 50px 43px; transform:translate(0,0);opacity:0; border-top:1px dotted #e2c4c9}
.interPop .popCont .inner .interCont ul li .tit{font-size:22px;color:#7b2934;font-weight:600;margin-bottom:13px;}
.interPop .popCont .inner .interCont ul li .tit span{font-family: 'Cormorant Infant', serif;font-weight:600;position: relative; top:-3px;margin-right:5px;}
.interPop .popCont .inner .interCont ul li .text{font-size:21px;color:#222222;font-weight:400;letter-spacing: -0.055em;line-height: 1.55;margin-bottom: 31px}
.interPop .popCont .inner .interCont ul li .text:last-child{margin-bottom: 0}
.interPop .popCont .inner .interCont ul li.hidden {display: none; opacity:1; transition:none;}
.interPop .popCont .inner .interCont ul li.hidden:last-child{background: none}
.interPop .more{margin-top: 47px}
.interPop .popCont .inner .petalList span {position: absolute;background-position: 50% 50%;background-repeat: no-repeat}
.interPop .popCont .inner .petalList span.no1 {right:271px;top:174px; width:25px; height:18px; background-image:url('../images/petal1.png');}
.interPop .popCont .inner .petalList span.no2 {right: 3px;top: 511px; width:27px; height:26px; background-image:url('../images/petal2.png');}
.interPop .popCont .inner .petalList span.no3 {left:219px; top:654px; width:31px; height:28px; background-image:url('../images/petal3.png');}
.interPop .popCont .inner .petalList span.no4 {left:556px; top:33px; width:23px; height:28px; background-image:url('../images/petal4.png');}
.interPop .popCont .inner .petalList span.no5 {left:-19px; top:276px; width:24px; height:21px; background-image:url('../images/petal5.png');}

.btnMenuClose,
.popSlide .closeSlide,
.interPop .btnInterClose,
.youtubeBox .btnMovieClose,
.popImg .btnClose,
.popImg .btnDownload{display: inline-block;position: fixed; right:46px; top:46px; width: 30px; height: 30px;text-indent:-999em; background:url('../images/icon_close.png') 50% 50% no-repeat;z-index: 10}

/* popGnb */
body.gnbOpen .popGnb{opacity:1; visibility:visible;}
.popGnb{position: fixed; left:0; top:0; width: 100%; height:100%; z-index:999;background:#fff;background-size:cover;opacity:0; visibility:hidden;transition:.3s all;}
.popGnb .inner {text-align: center; position: absolute; top:50%; transform:translateY(-50%); width: 100%;padding: 0 50px;box-sizing: border-box}
.popGnb .inner .gnbList{max-width: 1280px;margin: 0 auto;position: relative;background: url('../images/stamp.png') 0 0 no-repeat;}
.popGnb .inner .gnbList:after{display: block;content: '';clear: both}
.popGnb .inner .gnbList ul{float: right}
.popGnb .inner .gnbList ul li{margin-bottom: 38px;text-align: right}
.popGnb .inner .gnbList ul li:last-child {margin-bottom:0;}
.popGnb .inner .gnbList ul li a {font-family: 'Cormorant Infant', serif;display: inline-block; vertical-align: top; font-size:20px;color:#7b2934;white-space: nowrap;}
.popGnb .inner .gnbList ul li .ko{position: relative;padding-left: 12px;font-family: 'eulyoo', serif;font-size: 16px;margin-left: 8px;white-space: nowrap;}
.popGnb .inner .gnbList ul li .ko:before{display: block;content: '';width: 2px;height: 12px;background-color: #f6f0f1;position: absolute;top:50%;left:0;margin-top: -6px;}
.popGnb .inner .gnbList ul li a:hover {color:#7b2934; text-decoration:underline;}
.popGnb .inner .gnbList ul li a.active {color:#7b2934; text-decoration:underline;}

/* popSlide */
body.showSlide{overflow-y:hidden;}
body.showSlide .popSlide{opacity:1; visibility:visible;}
.popSlide{position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 999;background:rgba(0,0,0,.45);border:none; margin:0;opacity:0; visibility:hidden;transition:1.5s opacity;}
.popSlide .slideList{height:100vh;}
.popSlide .slideList .swiper-slide{height:100vh; text-align: center; font-size: 0;margin:0;}
.popSlide .slideList .swiper-slide .slide{position: relative; height: 100%;}
.popSlide .slideList .swiper-slide .slide:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%;}
.popSlide .slideList .swiper-slide .slide img { vertical-align: middle; display: inline-block;height: 100%;object-fit: cover;object-position: 50% 50%;}
.popSlide .swiper-button-prev,
.popSlide .swiper-button-next{width: 64px;height: 64px;position: absolute;top:50%;left:50px;margin-top: -32px;background:url('../images/btnGalBigLeft.png') 0 0 no-repeat;}
.popSlide .swiper-button-next{background-image:url('../images/btnGalBigRight.png');left: auto;right: 50px}
.popSlide .swiper-pagination-fraction{font-family: 'eulyoo', serif;font-style: italic;font-size: 22px;font-weight: 700;color: rgba(255,255,255,.5);position: absolute;bottom: 43px;width: auto;left:auto;right:50px}
.popSlide .swiper-pagination-fraction .swiper-pagination-current,
.popSlide .swiper-pagination-fraction .swiper-pagination-total{font-family: 'Cormorant Infant', serif;font-size: 28px;font-weight: 300;color: rgba(255,255,255,.5);font-style: normal;position: relative;top:1px;}
.popSlide .swiper-pagination-fraction .swiper-pagination-current{color: #fff;font-weight: 700;margin-right: 5px;}
.popSlide .swiper-pagination-fraction .swiper-pagination-total{margin-left: 8px}
.popSlide .closeSlide{display: block; background-image:url(../images/icon_close_white.png);}

/* youtubeBox */
body.showYoutube{overflow-y:hidden;}
body.showYoutube .youtubeBox{display: block;}
.youtubeBox{position:fixed; left:0; top:0; width: 100%; height: 100%; z-index: 500;display: none;background:rgba(0,0,0,.45);}
.youtubeBox .in{position: absolute; left:50%; top:50%; width: 100%; max-width:1280px; transform:translate(-50%,-50%);padding:0 20px;}
.youtubeBox .inFrame {position: relative; padding-bottom: 56.25%; background:#000;}
.youtubeBox .inFrame iframe{position: absolute; left:0; top:0;width: 100%; height: 100%;}
.youtubeBox .btnMovieClose{background-image:url(../images/icon_close_white.png);}

body.showImg{overflow-y:hidden;}
body.showImg .popImg{visibility: visible;opacity: 1}
.popImg{position:fixed; left:0; top:0; width: 100%; height: 100%; z-index: 500;visibility:hidden;background:rgba(0,0,0,.45);touch-action: pinch-zoom;opacity: 0}
.popImg .in{position: absolute; left:50%; top:50%; width: 100%;height: 100%; max-width:1280px; transform:translate(-50%,-50%);padding:0 20px;}
.popImg .imageContainer{position: relative;height: 100%;text-align: center;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.popImg img{max-width:100%;max-height: 100%;object-fit: cover;object-position: 50% 50%;cursor: move;touch-action: none;}
.popImg .btnClose{background-image:url(../images/icon_close_white.png);}
.popImg .btnDownload{background-image:url(../images/icon_download.png);right: 110px}

.alertPop {position: fixed; left:0; top:0; width: 100%; height: 100%;display: none;z-index: 999;}
.alertPop .bg{ position: fixed; left:0; top:0; width: 100%; height: 100%;  z-index: 1;}
.alertPop .in {position: fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align: center;width:90%; max-width: 365px;  z-index: 100;border-radius:20px;background:#fff;padding-top: 47px;padding-bottom:36px; }
.alertPop .in .title{font-size: 19px;color:#000;line-height: 1.3;margin-bottom: 20px;}
.alertPop .in .btn a,
.alertPop .in .btn button{display: inline-block;width: 110px;height: 48px;line-height: 48px;background:#f5e8ea; font-size: 16px;font-weight: 500;color:#000; border-radius:12px;}


.guestName {font-family: 'Pretendard', serif; display: inline-block; vertical-align: middle; font-weight:500; margin-left: 14px; font-size:16px; line-height:16px; color:#222; padding-left:23px; background:url('/html/images/tpl/ico_mHeart.png') left center no-repeat; background-size:18px auto;}

.basePop {position: fixed; left:0; top:0; width: 100%; height: 100%;display: none;z-index: 999;  }
.basePop * {font-family: 'Pretendard', serif;}
.basePop .bg{ position: fixed; left:0; top:0; width: 100%; height: 100%;  z-index: 1;}
.basePop .in {position: fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align: center;width:90%; max-width: 365px;  z-index: 100;background:#fff;padding-top: 43px;padding-bottom:33px; }
.basePop .in .title{font-size: 19px;color:#000000;line-height: 1.3;}
.basePop .in .input {text-align: center; margin:25px 0;}
.basePop .in .input input {width:270px; height:48px; text-align: center; border:1px solid #eaeaea; font-size: 16px; color:#000000;}
.basePop .in .input ::-webkit-input-placeholder {font-size:16px; color:#888888; font-weight:300;}
.basePop .in .btn a,
.basePop .in .btn button{display: inline-block;width: 110px;height: 48px;line-height: 48px;background:#f5e8ea; font-size: 16px;font-weight: 500;color:#000; border-radius:10px;}


.acesky11 .bottomName .box {white-space:wrap;}
.acesky11 .bottomName .name {font-size:23px; letter-spacing: 11px; margin-bottom: 6px;}
.acesky11 .bottomName .col:nth-child(3) .name {letter-spacing: 5px;}

/***************************************************************************************
 Media Query
***************************************************************************************/
@media all and (max-width:1024px) {


	.acesky11 .bottomName .name {font-size:16px; }


	.guestName {font-size:13px; line-height:13px;}


	html {-webkit-text-size-adjust: none;}
	.mob {display: inline-block;}
	.m{display: none;}
	.w{display: none;}
	.t{display: block;}
	
	body.showYoutube .wrap, body.showSlide .wrap, body.showImg .wrap {
	    -webkit-filter: blur(6px);
	    -moz-filter: blur(6px);
	    -o-filter: blur(6px);
	    -ms-filter: blur(6px);
	    filter: blur(6px);
	}
	
	.btnMenuClose,
	.popSlide .closeSlide,
	.interPop .btnInterClose,
	.youtubeBox .btnMovieClose,
	.popImg .btnClose,
	.popImg .btnDownload{right:13px; top:14px;background-image:url('../images/icon_close_m.png'); background-size:18px auto;}
	.youtubeBox .btnMovieClose,
	.popSlide .closeSlide,
	.popImg .btnClose{background-image: url(../images/icon_close_white_m.png);}
	.popImg .btnDownload{right: auto;left: 13px;background-image: url(../images/icon_download_m.png);}
	
	.mt{transition-delay:100ms;transform:translateY(30px);transition-duration: 1.5s}
	.mt2{transition-delay:800ms;}
	
	.petalObj{transition-duration: 3s;}
	.petalObj.no1{top: 27%;right: 5%;width: 16px;height: 12px;background-image: url(../images/petal1_m.png);}
	.petalObj.no2{top: 70.5%;right: 4%;width: 18px;height: 17px;background-image: url(../images/petal2_m.png);}
	.petalObj.no3{bottom: 9.5%;right: 34%;width: 20px;height: 18px;background-image: url(../images/petal3_m.png);}
	.petalObj.no4{top:20%;left:17%;width: 15px;height: 19px;background-image: url(../images/petal4_m.png);}
	.petalObj.no5{top:60%;left: 4%;width: 16px;height: 14px;background-image: url(../images/petal5_m.png);}
	
	.fixPetalWrap .obj.no1{right:25px;width: 16px;height: 12px;background-image: url(../images/petal/f_petal1.png);}
	.fixPetalWrap .obj.no2{right:32px;width: 18px;height: 17px;background-image: url(../images/petal/f_petal2.png);}
	.fixPetalWrap .obj.no3{left: 88px;width: 20px;height: 18px;background-image: url(../images/petal/f_petal3.png);}
	.fixPetalWrap .obj.no4{left: 181px;width: 15px;height: 19px;background-image: url(../images/petal/f_petal4.png);}
	.fixPetalWrap .obj.no5{left: 33px;width: 16px;height: 14px;background-image: url(../images/petal/f_petal5.png);}
	
	.interPop .popCont .inner .petalList span{background-size: cover}
	.interPop .popCont .inner .petalList span.no1 {right: 5%;top: 10%;width: 16px;height: 12px;background-image: url(../images/petal1_m.png);}
	.interPop .popCont .inner .petalList span.no2 {right: 3.8%;top: 28.5%;width: 18px;height: 17px;background-image: url(../images/petal2_m.png);}
	.interPop .popCont .inner .petalList span.no3 {left: 15%;top: 34.3%;width: 20px;height: 18px;background-image: url(../images/petal3_m.png);}
	.interPop .popCont .inner .petalList span.no4 {left: 33.5%;top: 1.8%;width: 15px;height: 19px;background-image: url(../images/petal4_m.png);}
	.interPop .popCont .inner .petalList span.no5 {left: 6%;top: 18.5%;width: 16px;height: 14px;background-image: url(../images/petal5_m.png);}
	
	.mainImg{margin: 0 -2px}
	.mainImg .date{top:17px;left: 14px;width: 38px;height: 38px;}
	.mainImg .date .inner{width: 19px;background-size: 12px 12px;}
	.mainImg .date span{font-size: 10px}

	.mainImg:after {content:''; position: absolute; left:0; top:-3px; width:100%; height:28px; background:url('../images/mainRoundTop_m.png') center top no-repeat; background-size:auto 28px; }
	.bottomName {top:40px; max-width:90%;}
	.bottomName .col{text-align:center;white-space: nowrap}
	.bottomName .cor{width:72px; text-align: center;  padding:5px 0; }
	.bottomName .cor .mon {  font-family: 'Tai Heritage Pro', serif; font-size:11px; display: block; line-height:11px;  letter-spacing:3px; margin-bottom:6px;} 
	.bottomName .cor .num {  font-family: 'Tai Heritage Pro', serif; font-size:30px; display: block; line-height:25px; letter-spacing:1px;} 
	.bottomName .name{display: block;font-family: 'eulyoo';font-size:17px;letter-spacing:9px; text-indent:6px; margin-bottom: 6px;}
	.bottomName .en{display: block; font-size: 8px;letter-spacing:1px; font-weight:700; opacity:.5; transform:translateX(-50%) scale(.9)}



	.inviteBox {font-size: 15px;line-height: 1.35; height:auto; padding-bottom:30px; background:#f6f7f2; background:url('../images/invite_bg_m.jpg') repeat-x; background-size:cover;}
	.inviteBox:after {content:''; position: absolute; left:0; top:-24px; width: 100%; height:25px; background:url('../images/mainRound_m.png') center top no-repeat; background-size:auto 25px; }
	.inviteBox .mainText{padding-top:60px;; }
	.inviteBox .stamp {position: absolute; top:-5px;; left:0; width: 100%; text-align: center; z-index:10;  }
	.inviteBox .stamp .text {display: block; height:18px; background:url('../images/stampTit_m.png') center top no-repeat; background-size:auto 17px; margin-bottom:8px;; transition: 3.2s opacity;opacity: 0;transition-delay: 1600ms;}
	.inviteBox .stamp .img {display: inline-block; vertical-align: top; width:12px; height:21px; background:url('../images/stampTree_m.png') no-repeat; background-size:auto 21px; transition: 3.2s opacity;opacity: 0;transition-delay: 1200ms;}
	.inviteBox .secTitleWrap{overflow: hidden}


	.secTitleWrap .hanTit{font-size: 12px;letter-spacing: .1em;text-indent: .1em;}
	.secTitleWrap .hanTit span:not(.ran){padding: 0px 12px;margin: 0 12px;}
	.secTitleWrap p{margin-top: 8px;font-size: 18px;}
	.secTitleWrap.t1 .hanTit{font-size: 11px;letter-spacing: .2em;}
    .iosDevice .secTitleWrap.t1 .hanTit .ran:last-child {margin-right: 3px;}
	
	.greetingWrap .greetingInner{padding: 62px 30px 67px;}
	.greetingWrap .textBox{font-size: 17px;line-height: 1.5;}
	.greetingWrap .textBox p {margin-bottom: 27px;}
	.greetingWrap .ranBox{margin-top: 30px;padding: 20px 0 10px;}
	.greetingWrap .ranBox:before{background-image: url(../images/bg_thx01_m.png);height: 3px;background-size: 100% 3px} 
	.greetingWrap .ranBox:after,
	.dayWrap .placeBox:before, 
	.dayWrap .placeBox:after,
	.addrWrap .box:first-child{background-image: url(../images/bg_thx02_m.png);background-size: auto 1px;background-repeat: repeat-x}
	.greetingWrap .ranBox .box{font-size: 15px;padding: 4px 0;}
	.greetingWrap .ranBox .box strong{font-size: 17px}
	.greetingWrap .btns.t1{margin-top: 25px;}
	
	.btns.t1{font-size: 13px;height: 50px;border-radius: 8px; background: url(../images/btnInter_m.png) center no-repeat; background-size:100% 50px;}
	.btns.t1.c1 { background: url(../images/btnWedding_m.png) center no-repeat; background-size:100% 50px;}
	.btns.t1 span{padding-left: 22px;}
	.btns.t1 span:before{width: 15px;height: 12px;margin-top: -6px;background-image: url(../images/icon_msg_m.png);background-size: cover}
	.btns.t1 span.link{padding-left: 22px;}
	.btns.t1 span.link:before{width: 16px;height: 9px;background-image: url(../images/icon_link_m.png);margin-top: -5px; background-size:16px 9px;}
	.btns.t1 span.roughMap,
	.btns.t1 span.img,
	.btns.t1 span.tel{padding-left: 20px;}
	.btns.t1 span.roughMap:before,
	.btns.t1 span.img:before,
	.btns.t1 span.tel:before{width: 15px;height: 15px;background-image: url(../images/icon_map_m.png);margin-top: -8px;background-size: auto 15px;}
	.btns.t1 span.img:before{background-image: url(../images/icon_img_m.png);}
	.btns.t1 span.tel:before{background-image: url(../images/icon_tel2_m.png);}
	.btns.t2{font-size: 14px;height: 50px;border-radius: 8px;}
	.btns.t2 span.attend{padding-left: 17px}
	.btns.t2 span.attend:before{width: 12px;height: 15px;background-image: url(../images/icon_attend_m.png);margin-top: -7px;background-size: 12px auto}
	
	.dayWrap .secTitleWrap{margin-bottom: 56px;}
	.dayWrap .dayInner{padding: 22px 30px 54px;}
	.dayWrap .dayBox{padding: 0;margin-bottom: 24px;}
	.dayWrap .dayBox p{font-size: 18px;line-height: 1.38;}
	.dayWrap .point img{width: 70px}
	.dayWrap .placeBox{padding: 15px 0 14px;margin-bottom: 12px;}
	.dayWrap .placeBox span {padding-left:15px;}
	.dayWrap .placeBox span:before {background-size:12px; width:12px; height:16px;}
	.dayWrap .placeBox span,
	.dayWrap .calWrap th{font-size: 14px}
	.dayWrap .calWrap th{height: 53px;}
	.dayWrap .calWrap td{font-size: 16px;height: 33px;line-height:1.5}
	.dayWrap .calWrap{padding: 0 20px;box-sizing: border-box}
	.dayWrap .calWrap table .active{background-size: 24px auto;background-position:50% 9px}
	.dayWrap .calWrap table .active:before{width: 24px;height: 10px;margin-left: -12px;background-image: url(../images/day_point_m.png);background-size: 100% auto}

	.dayWrap .secTitleWrap .hanTit span span {margin:0 1px;}


	.countList .numWrap .countDay .num, 
	.countList .numWrap .wr p span{font-size: 34px;}
	.countList .numWrap .col{font-size: 32px;width: 27px;}
	.countList .numWrap .countDay, 
	.countList .numWrap .wr{height: 50px;min-width: 54px;border-radius: 12px;}
	.countList .numWrap .txt{font-size: 10px;bottom: -15px;}
	.countWrap .countInner{height: 107px;padding-top: 24px;}
	.countList .numWrap .countDay{margin-right: 27px;}
	
	.galleryWrap .galleryInner{padding-top: 65px;padding-bottom: 65px;}
	.galleryWrap .galWrap .videoImg{position: relative;width: 100%;margin-bottom: 6px;max-width: 100%;}
	.galleryWrap .galWrap .videoImg .btnPlay{width: 28px;height: 35px;background-size: cover;margin: -17.5px 0 0 -14px;}
	.galleryWrap .galWrap .videoImg + .gallery .galList .col li:first-child{margin-left: 0}
	.galleryWrap .galWrap .galList .col ul{margin: 0 -3px}
	.galleryWrap .galWrap .galList .col li{width: 50%;padding: 0 3px;margin-bottom: 6px}
	.galleryWrap .galWrap .galList .hover{margin: -25px 0 0 -25px;border-width:1px;background-image: url(../images/gal_hover2_m.png);background-size: 12px 12px;width: 50px;height: 50px;}
	.galleryWrap .galWrap .more{margin-top: 17px;}
	
	.more span{padding-bottom: 37px;font-size: 13px;background-image: url(../images/icon_more_m.png);background-size: 30px auto;}
	
	.tabIn{background-image: url(../images/bg_thx03_m.png);background-size: auto 1px}
	.tabIn > a, 
	.tabIn > button{font-size: 14px;height: 60px;}
	
	.infoWrap .infoInner{padding-top: 65px;/*padding-bottom: 67px;*/}
	.infoWrap .infoList .swiper-slide{padding-bottom: 67px}
	.infoWrap .secTitleWrap{margin-bottom: 34px;}
	.infoWrap .infoList .txt01{font-size: 12px;}
	.infoWrap .infoList .txt01 .en{font-size: 13px;}
	.infoWrap .infoList .txt02{font-size: 14px}
	.infoWrap .infoList .textWrap{padding: 28px 33px 0}
	.infoWrap .infoList .textWrap .btns{margin-top: 20px;}
	.infoWrap .slideList .btnInfo{height: 124px;width: 124px;margin: -62px 0 0 -62px;}
	.infoWrap .infoList .bannerImg{padding: 0 56px}
	.infoWrap .infoList .swiper-button-next,
	.infoWrap .infoList .bannerImg:before, 
	.infoWrap .infoList .bannerImg:after{width: 45px;height: 100%}
	.infoWrap .infoList .swiper-button-next{background-image: url(../images/btn_next_m.png);background-size: auto 8px}
	
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3.5px;}
	.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px;}
	.swiper-pagination-bullet{width: 7px;height: 7px}
	
	.guestBookWrap .guestBookInner{padding: 64px 33px 66px;}
	.guestBookWrap .secTitleWrap{padding-bottom: 30px;margin-bottom: 26px}
	.guestBookWrap .waveText{margin-left: -33px;margin-right: -33px;}
	.guestBookWrap .wave .txt{font-size: 26px;margin-left: 8px}
	.guestBookWrap .wave .img{width: 42px;height: 42px}
	.guestBookWrap .wave .img img{width: 42px;height: 42px}
	.guestBookWrap .wave{padding-left:25px;}
	.comWrap{padding: 0}
	.comWrap .inputWrap{margin-bottom: 16px;}
	.comWrap .inputWrap .in{display: block;}
	.comWrap .inputWrap .in .user{width: 100%;margin-bottom: 6px;}
	.comWrap .inputWrap .in .user .selBox .list li{margin: 0;width: 50%}
	.comWrap .inputWrap .in .user .selBox .list li:first-child{padding-right: 3px;}
	.comWrap .inputWrap .in .user .selBox .list li:last-child{padding-left: 3px;}
	.comWrap .inputWrap .in .user .selBox .list li label,
	.comWrap .inputWrap .in .inputBox,
	.comWrap .partyCheck .btn a,
	.comWrap .partyCheck .thxBox{font-size: 13px;height: 51px;border-radius: 9px;}
	.comWrap .inputWrap .in .inputBox{display: block;padding-right: 62px;}
	.comWrap .inputWrap .in .user .selBox .list li .img{border-radius: 100%;overflow: hidden}
	.comWrap .inputWrap .in .user .selBox .list li .img img {width: 30px; height:30px;}
	.comWrap .inputWrap .in .inputBox input{font-size: 13px;padding: 0 0 0 17px}
	.comWrap .inputWrap .in .inputBox input::-webkit-input-placeholder{font-size: 13px}
	.comWrap .inputWrap .in .inputBox input::-moz-placeholder{font-size: 13px}
	.comWrap .inputWrap .in .inputBox input:-ms-input-placeholder{font-size: 13px}
	.comWrap .inputWrap .in .inputBox input:-moz-placeholder{font-size: 13px}
	.comWrap .inputWrap .btnComment a{font-size: 13px;width: 62px}
	.comWrap .partyCheck .btn a,
	.comWrap .partyCheck .thxBox{font-size: 14px;}
	
	.contactWrap{background-image: url(../images/contact_bg_m.jpg);}
	.contactWrap .contactInner{padding: 62px 13px 67px;}
	.contactWrap .secTitleWrap p{margin-top: 5px;}
	.contactWrap .coupleBox .box{padding: 0 20px}
	.contactWrap .coupleBox .box .imgTxt .img{border-radius: 100%;}
	.contactWrap .coupleBox .box .name{font-size: 17px;margin-bottom: 14px;}
	.contactWrap .coupleBox .box .imgTxt .img,
	.contactWrap .coupleBox .box .tit{margin-bottom: 4px;}
	.contactWrap .coupleBox .box.no1 .img:after {right:-32px;}
	.contacName a{height: 36px;border-radius: 8px;}
	.contacName a span{font-size: 11px;padding-left: 18px;}
	.contacName a span:before{width: 12px;height: 12px;margin-top: -7px;background-image: url(../images/icon_tel_m.png);background-size: cover}
	
	.mindWrap .mindInner{padding: 64px 33px 66px;}
	.mindWrap .secTitleWrap {padding-bottom: 29px;margin-bottom: 28px;}
	.mindWrap .text{font-size: 14px}
	.mindWrap .contBox{margin-bottom: 10px}
	.mindWrap .contBox .toggle{padding: 16px 16px}
	.mindWrap .contBox .tit span,
	.mindWrap .contBox .toggle .info{font-size: 13px}
	.mindWrap .contBox .toggle .info .bank em{font-size: 12px}
	.mindWrap .contBox .tit{height: 50px;}
	.mindWrap .contBox .tit span{padding-left: 24px;line-height: 1.5;}
	.mindWrap .contBox .toggle .info{margin-bottom: 15px;}
	.mindWrap .contBox .toggle .info .name{font-size: 10px}
	.mindWrap .contBox .toggle .info .name em{font-size: 13px;}
	.mindWrap .contBox .toggle .btn button{font-size: 11px;height: 34px;border-radius: 8px;}
	.mindWrap .contBox .toggle .btn button span{display: inline-block;line-height: 1.4}
	.mindWrap .contBox .toggle .btn button.no1 span{padding-left: 38px;}
	.mindWrap .contBox .toggle .btn button.no2 span{padding-left: 18px;background-image: url(../images/mind/mind04_m.png);background-size: auto 15px}
	
	.locationWrap .locationInner{padding-top: 64px;}
	.locationWrap .secTitleWrap{margin-bottom: 28px;}
	.locationWrap .secTitleWrap p{margin-top: 5px;}
	.locationWrap .mapWrap .root_daum_roughmap {width: 100% !important; height:300px !important;}
	.locationWrap .mapWrap .root_daum_roughmap .wrap_map {height:300px !important; }
	.locationWrap .mapWrap .root_daum_roughmap .wrap_controllers {display: none;}
	
	.locationWrap .addrWrap{padding-left: 33px;padding-right: 33px;padding-bottom: 25px;box-sizing: content-box}
	.addrWrap .addr, 
	.addrWrap .label{font-size: 15px; display:inline-block; vertical-align: top;}
	.addrWrap .hall{font-size: 14px;  display:inline-block; vertical-align: top;}
	.addrWrap .addr{background-size: 12px auto;padding-left: 20px;line-height: 1.3;}
	.addrWrap .box{margin: 0 -33px;padding: 15px 33px; align-items:center;}
	.addrWrap .box{height: 64px;}
	.addrWrap .box:first-child{height:  64px;}
	.addrWrap .clipboard{width: 15px}
	.addrWrap .label{padding-left: 20px;background-image: url(../images/icon_guide_m.png);background-size: 14px auto;}

	.addrWrap .box:nth-child(2) {padding-top:20px;}
	.addrWrap .box:nth-child(2) .hall {position: relative; top:-2px;}

	
	.infoLoca {padding-bottom: 62px;}
	.infoLoca .inner{padding: 0 33px;box-sizing: content-box}
	.infoLoca .tit01{font-size: 15px}
	.infoLoca .tit02, 
	.infoLoca dl{font-size: 14px}
	.infoLoca .box{padding-top: 24px;padding-bottom: 21px; word-break: break-word;}
	.infoLoca .box:nth-child(1){padding-bottom: 25px;}
	.infoLoca .box:nth-child(1) .tit02 {margin-bottom: 12px;}
	.infoLoca .tit02 {margin-bottom: 18px;}
	.infoLoca .btnLoca{margin-top: 12px}
	.infoLoca .btnLoca .btns{height: 40px;border-radius: 8px;}
	.infoLoca .btnLoca .btns span{font-size: 12px;padding-left: 22px;}
	.infoLoca .btnLoca .btns span:before{width: 17px;height: 17px;background-image: url(../images/ico_nav01_m.png);background-size: 17px auto;margin-top: -8.5px;}
	.infoLoca .btnLoca .btns.no2 span:before{background-image: url(../images/ico_nav02_m.png);}
	.infoLoca .btnLoca .btns.no3 span:before{background-image: url(../images/ico_nav03_m.png);}
	.infoLoca dd{padding-left: 10px;}
	.infoLoca dd + dt {margin-top: 19px;}
	
	.thanksWrap{background-image: url(../images/thanks_bg_m.jpg);}
	.thanksWrap .thanksInner{padding-top: 64px;margin-bottom: 30px}
	.thanksWrap .secTitleWrap {margin-bottom: 26px;}
	.thanksWrap p{font-size: 15px;line-height: 1.52;margin-bottom: 23px;}


	.thanksWrap.none {background:#fff; padding:30px 0 50px 0;}
	.thanksWrap.none .footer {transform:none; opacity:1; border-bottom:1px solid #fafafa; padding-bottom:30px;}
	.thanksWrap.none .footer .logo a {width:70px; height:22px; background:url('../images/thxNone.png') center no-repeat; background-size:70px auto; }
	.thanksWrap.none .footer .logo img{display:none;}
	.thanksWrap.none .footer .copy {color:#ccc;}

	
	.footer .copy{font-size: 10px}
	.footer .logo{margin-right: 10px}
	.footer .logo a{width: 64px;height: 20px;background-image:url(../images/logo_m.png)}
	
	.head{height: 49px}
	.head .inner .h1Wrap{top: 14px;left: 25px;}
	.head .inner .h1Wrap h1 > a{font-size: 12px}
	.head .inner .btnMenu{top: 13px;right: 16px}
	.head .inner .btnMenu a{background-image: url(../images/icon_menu_m.png);background-size: 20px auto}
	
	.quickWrap {top:auto; bottom:0; width:100%;  font-size:13px; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
	.quickWrap .count,
	.quickWrap .linkList{/*float:left; width: 25%;width:50%;*/width:100%;padding:0;margin-bottom: 0; }
	.quickWrap .count .today, 
	.quickWrap .count .total{display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;padding: 0;}
	.quickWrap .count .today{padding-right: 10px;margin-right: 6px;text-align: right}
	.quickWrap .count .total{text-align: left}
	.quickWrap .count br,
	.quickWrap .control{display: none}
	.quickWrap .linkList ul{
		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: justify; -ms-flex-pack: justify; justify-content: space-between;
	}
	.quickWrap .linkList ul > li{width: 100%}
	.quickWrap .count .today:after{bottom: auto;top:50%;margin-top: -1px;left:auto;right:-1px}
	.quickWrap .count:after{width: 1px;}
	.quickWrap .linkList ul > li{position: relative}
	.quickWrap .linkList ul > li:before{position: absolute;display: block;content: '';width: 1px;height: 18px;background-color: #f3ebe9;top:50%;left:0;margin-top: -9px;}
	.quickWrap .linkList ul > li:last-child:before{display: none}
	.quickWrap .count .today, 
	.quickWrap .count .total,
	.quickWrap .linkList ul li .ico,
	.quickWrap .linkList ul li.kakao .ico{height: 50px}
	.quickWrap .linkList ul li.sound .ico,
	.quickWrap .linkList ul li.link .ico{background-position: 50% 50%}
	.quickWrap .linkList .pop{display: none;}
	
	.interPop .popCont .inner{padding: 63px 0}
	.interPop .secTitleWrap p{margin-top: 6px;}
	.interPop .popCont .inner .interCont{padding-top: 28px;}
	.interPop .popCont .inner .interCont ul li{padding: 31px 33px 29px;}
	.interPop .popCont .inner .interCont ul li .tit{font-size: 15px;margin-bottom: 8px;}
	.interPop .popCont .inner .interCont ul li .tit .cor{font-size: 16px;top: -2px;}
	.interPop .popCont .inner .interCont ul li .text{font-size: 14px;line-height: 1.52;color: #2f1f12;margin-bottom: 21px;}
	.interPop .more{margin-top: 31px}
	.interPop .popCont .inner .interCont ul,
	.interPop .popCont .inner .interCont ul li{}
	
	.popGnb .inner{padding: 33px 41px 0;position: relative;top: auto;transform: translateY(0);}
	.popGnb .inner .gnbList{padding-top: 104px;background-size: 66px auto;}
	.popGnb .inner .gnbList ul{float: none}
	.popGnb .inner .gnbList ul li{text-align: left;margin-bottom: 24px;}
	.popGnb .inner .gnbList ul li a{font-size: 14px;}
	.popGnb .inner .gnbList ul li .ko{font-size: 11px;padding-left: 8px;margin-left: 4px;}
	.popGnb .inner .gnbList ul li .ko:before{height: 10px;margin-top: -5px;}
	
	.popSlide .slideList .swiper-slide .slide{padding: 40px 0;
		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;
	}
	.popSlide .slideList .swiper-slide .slide img{height: auto;width: 100%;}
	.popSlide .swiper-button-prev,
	.popSlide .swiper-button-next{width: 32px;height: 32px;background-size: cover;margin-top: -16px;left:17px}
	.popSlide .swiper-button-next{left:auto;right:17px;}
	.popSlide .swiper-pagination-fraction{font-size: 9px;right: auto;left:0;bottom: 27px;width: 100%;text-align: center}
	.popSlide .swiper-pagination-fraction .swiper-pagination-current, 
	.popSlide .swiper-pagination-fraction .swiper-pagination-total{font-size: 15px}
	
	.youtubeBox .in{padding: 0}
	
	.popImg .in{padding: 45px 0;}
	.popImg .imageContainer{height: 100%;}
	/* .popImg img{width: 100%;} */
	
	.alertPop .in{width: 280px;border-radius:10px;padding-top: 32px;padding-bottom: 25px;}
	.alertPop .in .title {font-size: 13px;margin-bottom: 15px;}
	.alertPop .in .btn a, 
	.alertPop .in .btn button{height: 32px;line-height: 32px;font-size: 12px;width: 80px;border-radius: 8px}
	
	
}

/* @media all and (min-width:2300px) {
	.visualBox{min-width:2560px;min-height:1440px;height:auto; width:auto;margin: 0 auto}
} */