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

.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,
.greetingInner .inner,
.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:.2em;text-indent: .2em;}
.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:transform 2s ease, opacity 2s ease; transform:translateY(50px); opacity:0; transition-delay:500ms;}
.mt2{transition:3.2s opacity; opacity:0; transition-delay:1200ms;}

.leafOb{position: fixed;pointer-events: none;top:0;/*visibility: hidden;opacity: 0;*/visibility: visible;opacity: 0;z-index: 50; top:-100px;}
.leafOb .leaf{}
.fixObWrap .leafOb:nth-child(1){left: 252px;left: 14.5%; width:36px;   animation-name:starMain; animation-duration:1.5s;  animation-iteration-count: infinite; animation-direction: alternate; opacity:0; }
.fixObWrap .leafOb:nth-child(2){left: 595px;left: 36%;   width:36px;   animation-name:starMain; animation-duration:1.5s;  animation-iteration-count: infinite; animation-direction: alternate; opacity:0;  animation-delay:100ms;}
.fixObWrap .leafOb:nth-child(3){right: 254px;right: 37%;  width:33px;  animation-name:starMain; animation-duration:1.5s;  animation-iteration-count: infinite; animation-direction: alternate; opacity:0;}
.fixObWrap .leafOb:nth-child(4){left: 372px;left: 40%;  width:11px; }
.fixObWrap .leafOb:nth-child(5){left: 178px;left: 58.5% ; width:15px;  }
.fixObWrap .leafOb:nth-child(6){right: 1028px;left: 20.5%;  width:11px;}
.fixObWrap .leafOb:nth-child(7){right: 428px;right: 20.5%;  width:15px; }

body.snow .fixObWrap > div * {display: none;}
body.snow .fixObWrap .no1 {background:url('../images/snow01.png') center no-repeat; width:65px; height:65px; background-size:100% auto;}
body.snow .fixObWrap .no2 {background:url('../images/snow02.png') center no-repeat; width:83px; height:83px; background-size:100% auto;}
body.snow .fixObWrap .no3 {background:url('../images/snow03.png') center no-repeat; width:42px; height:42px; background-size:100% auto;}
body.snow .fixObWrap .no4 {background:url('../images/snow04.png') center no-repeat; width:30px; height:30px; background-size:100% auto;}
body.snow .fixObWrap .no5 {background:url('../images/snow05.png') center no-repeat; width:30px; height:30px; background-size:100% auto;}
body.snow .fixObWrap .no6 {background:url('../images/snow06.png') center no-repeat; width:30px; height:30px; background-size:100% auto;}
body.snow .fixObWrap .no7 {background:url('../images/snow07.png') center no-repeat; width:18px; height:18px; background-size:100% auto;}



.visualBox{text-align:center;background: #fff url(../images/main_visual_bg.jpg) no-repeat 50% 0 / cover}
.visualBox .mt2{transition-delay:500ms;transition-duration:5s;transition-timing-function: ease}
.visualBox .mt{transition-duration:2.5s;transform:translateY(60px);}
.mainImg{display: inline-block;vertical-align: top;position: relative;padding: 73px 0 0 0;background: url(../images/bul01.png) no-repeat 30px 32px}
.mainImg img{pointer-events: none;}
.mainImg .weddingCount{font-size: 12px;color: #555;font-family: 'Bitter', serif;font-weight: 400;letter-spacing: .09em;position: absolute;top: 30px;right:40px}
.mainImg .weddingCount span{min-width: 17px;display: inline-block;text-align: center}
.mainImg .imgBox{position: relative;padding: 0 90px 0 0; max-width:540px;}
.mainImg .rightArea{position: absolute;width: 90px;height: 100%;top:0;right:0;text-align: center}
.mainImg .rightArea .stamp{display: block;margin: 4px auto 0;width: 28px;height: 34px;background: url(../images/stamp.png) no-repeat 0 0}
.mainImg .rightArea .txt{position: absolute;top: 87px;left: -63px;width: 123px;height: 185px;background: url(../images/save_the_date.png) no-repeat 0 0;font-size: 0;color: transparent;}
.mainImg .rightArea .txt img{max-width: none}
.mainImg .rightArea:before,
.mainImg .rightArea:after{display: block;content: '';position: absolute;}
.mainImg .rightArea:before{width: 1px;height: 46.9%;background-color: #cfcfcf;bottom: 31px;left:50%;}
.mainImg .rightArea:after{width: 12px;height:14px;background: url(../images/icon_star1.png) no-repeat 0 0;bottom: 5px;left: 50%;margin-left: -6px}
.mainImg .bottomArea{position: relative;height: 92px;}
.mainImg .date{position: absolute;top:50%;right:45px;transform:translateY(-50%);font-family: 'Bitter', serif;font-style: italic;color: #555;font-weight: 400;font-size: 16px}

.bottomName{position: absolute;top:50%;left:28px;transform:translateY(-50%);white-space: nowrap;transition-delay: 500ms;}
.bottomName .name,
.bottomName .and{display: inline-block;font-family: 'eulyoo', serif;vertical-align: middle}
.bottomName .name{font-size: 24px;letter-spacing: .41em;text-indent: .41em;}
.bottomName .and{position:relative;font-size: 21px;color: #888}
.mainLoad .bottomName{opacity:1;}

.secTitleWrap{text-align: center}
.secTitleWrap .hanTit{font-family: 'Bitter', serif;font-size:13px;font-weight:400;letter-spacing:.2em;text-indent: .2em;color:#767676;}
.secTitleWrap p{box-sizing: border-box;font-family: 'eulyoo', serif;font-size: 24px;color: #fff;margin-top: 7px;}
.secTitleWrap .mt{transition-delay: 500ms;transform:translateY(30px);}
.secTitleWrap.t1 .hanTit{color:#cfc8c1;}
.secTitleWrap.t2 .hanTit{color:#888;}
.secTitleWrap.t3 .hanTit{color:#aaa29b;}
.secTitleWrap.t4 .hanTit{color:#887f78;}
.secTitleWrap.t2 p,
.secTitleWrap.t3 p,
.secTitleWrap.t4 p{color: #000;font-size: 27px;margin-top: 12px;}
.secTitleWrap.t5 .hanTit{max-width: 440px;margin: 0 auto;position: relative;color: #555;font-size: 12px}
.secTitleWrap.t5 .hanTit:before,
.secTitleWrap.t5 .hanTit:after{display: block;content: '';width: 4px;height: 7px;background: url(../images/bul02.png) no-repeat 0 0;position: absolute;top:50%;left:0;margin-top: -3px;}
.secTitleWrap.t5 .hanTit:after{left: auto;right:0;}

.inviteBox{position:relative;padding: 34px 0 39px;background: #27211e url(../images/invite_bg.jpg) no-repeat 50% 0 / cover}

.greetingWrap .greetingInner{padding-top: 94px;padding-bottom: 100px;background: url(../images/greeting_bg.jpg) no-repeat 50% 0 / cover;}
.greetingWrap .textBox{font-family: 'eulyoo', serif;font-size: 25px;color: #000;line-height: 1.55;}
.greetingWrap .textBox p{margin-bottom: 39px; line-height: 2;}

.greetingWrap .ranBox{position: relative;padding: 24px 0 17px;margin-top: 67px;}
.greetingWrap .ranBox:before{display: block;content:'';position: absolute; left:0; top:0; width: 100%; height:9px;background:url('../images/bg_thx01.png') no-repeat 0 50%;}
.greetingWrap .ranBox .box{padding: 6px 0;font-size: 22px;color: #898078}
.greetingWrap .ranBox .box em{font-weight: 600}
.greetingWrap .ranBox .box strong{font-family: 'eulyoo', serif;font-size: 25px;color: #000;font-weight: 400;}
.greetingWrap .btns.t1{margin-top: 38px}

.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-color: #fdfdfb;border: 1px solid #ccc;font-size: 19px;color: #000}
.btns.t1.c1{background: none;color: #000;border-color: #aaa29b}
.btns.t1.c2{background-color: #fff;color: #321e0f}
.btns span{position: relative;padding-left: 28px;}
.btns span:before{display: block;content: '';width: 20px;height: 16px;background: url(../images/icon_msg.png) no-repeat 0 0;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;}
.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: -10px;}
.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: #f5f4f2 url(../images/day_bg.jpg) no-repeat 50% 0 / cover;}
.dayWrap .dayInner{padding-top: 35px;padding-bottom: 83px;}
.dayWrap .secTitleWrap{margin-bottom: 50px;}
.dayWrap .secTitleWrap .hanTit:before,
.dayWrap .secTitleWrap .hanTit:after{background-color: #c6b096;}
.dayWrap .dayBox{padding: 53px 0 0;box-sizing: border-box;margin-bottom: 52px;text-align:center;background:url('../images/stamp.png') no-repeat 50% 0;}
.dayWrap .dayBox p{font-family: 'eulyoo', serif;color: #000;font-size: 27px;line-height: 1.4;}
.dayWrap .placeBox{position: relative;padding: 22px 0;margin-bottom: 15px;}
.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: 22px;color: #898078;font-weight:300;padding:0 25px;position: relative; display:inline-block;}
.dayWrap .placeBox span:before,
.dayWrap .placeBox span:after{display: block;content: '';width: 12px;height: 14px;background: url(../images/icon_star2.png) no-repeat 0 0 / 12px auto;position: absolute;top:5px;left:0; }
.dayWrap .placeBox span:after{left: auto;right:0;}
.dayWrap .calWrap{max-width: 380px;margin: 0 auto}
.dayWrap .calWrap table{width: 100%;table-layout: fixed}
.dayWrap .calWrap th,
.dayWrap .calWrap td{font-family: 'Bitter', serif;font-weight: 400;text-align: center;vertical-align: middle}
.dayWrap .calWrap th{font-size: 18px;color: #cfc8c1;height: 81px;font-style: italic}
.dayWrap .calWrap td{font-size: 21px;color: #898078;height: 49px;font-weight: 300}
.dayWrap .calWrap table .active{position: relative;font-weight: 600;color: #6f3b18}
.dayWrap .calWrap table .active > span{position: relative;z-index: 1}
.dayWrap .calWrap table .active:before{position:absolute;top:-11px;left:50%;margin-left:-5px;display: block;content: '';width: 10px;height: 10px;background: url(../images/day_point.png) no-repeat 50% 50%;}

.countWrap{background: #231e1a url(../images/count_bg.jpg) no-repeat 50% 0 / cover;}
.countWrap .countInner{height: 160px;padding-top: 36px;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: 74px;background:url(../images/time_bg.png) no-repeat 50% 0 / cover;box-sizing:border-box;
	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 em,
.countList .numWrap .wr p span,
.countList .numWrap .col{font-family: 'Bitter', serif;font-size: 44px;color: #fff;font-style: italic;font-weight: 300}
.countList .numWrap .col{font-size: 0;width: 40px;height: 74px;color: transparent;background:url(../images/semi.png) no-repeat 50% 50%}
.countList .numWrap .txt{position: absolute;bottom: -22px;left:0;width: 100%;font-family: 'Bitter', serif;text-align: center;font-size: 11px;color: #888;font-weight: 300;letter-spacing: 0.05em}

.galleryWrap{background: #fff;}
.galleryWrap .galleryInner{padding-top: 104px;padding-bottom: 99px;}
.galleryWrap .galWrap{padding: 0 30px;padding-top:47px;}
.galleryWrap .galWrap .inner{position: relative;max-width:713px;margin:0 auto;}
/* .galleryWrap .galWrap .videoImg{position: absolute;left:0; top:0;max-width:630px;width: calc(50% - 10px)} */
.galleryWrap .galWrap .videoImg{width:calc(100% + 10px); padding:0; margin:0 0 10px -5px;}
.galleryWrap .galWrap .videoImg .name{display: none}
.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 5px;width: 50%;position: relative;margin-bottom:10px;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:#898078; font-weight:500; padding-bottom:55px; background:url('../images/icon_more.png') 50% 100% no-repeat; cursor:pointer;}

.infoWrap{background: #f3f1ef url(../images/info_bg.jpg) 50% 0 no-repeat;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: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;}

.guestBookWrap{background:#2c2723}
.guestBookWrap .guestBookInner{padding-top:46px;}
.guestBookWrap .guestBookEnter{padding: 73px 0 100px;background:url(../images/guestbook_bg.jpg) no-repeat 50% 0 / cover;}
.guestBookWrap .secTitleWrap{margin-bottom: 3px;}
.guestBookWrap.none .secTitleWrap{padding-bottom:43px;}
.guestBookWrap .marqWrap{overflow:hidden;height: 63px;}
.guestBookWrap .waveText{position: relative;z-index: 1; /*transition:2s all; transform:translate(0,50px); opacity:0;  transition-delay:500ms;*/box-sizing: content-box; margin:0 auto; margin-bottom: 16px;  max-width:540px; padding-bottom: 30px;}
.guestBookWrap .waveText .swiper{overflow:hidden;width: 100%;padding: 0 0 25px 0;}
.guestBookWrap .waveText .swiper-slide{}
.guestBookWrap .waveText .swiperInfo {font-size:16px; color:#bfb2a6; font-weight:300; margin-top:90px; margin-bottom:15px; text-align: center;}
.guestBookWrap .waveText .swiper-slide .box {background:#fff; /* margin-right:10px;  width: 33.3333%;*/padding:20px 20px 0 20px; height:122px;margin:0 auto 10px auto;}
.guestBookWrap .waveText .swiper-slide .box:last-child {margin-bottom: 0;}
.guestBookWrap .waveText .swiper-slide .box .top {position: relative; margin-bottom:15px;}
.guestBookWrap .waveText .swiper-slide .box .top .name {font-size:16px; line-height:16px; color:#262f3c; font-weight:500;   position: relative; display: inline-block; vertical-align: top;}
.guestBookWrap .waveText .swiper-slide .box .top .name:after {content:''; position: absolute; left:0; bottom:0; width: 100%; height: 10px; background:#e9f0f9;}
.guestBookWrap .waveText .swiper-slide .box .top .name span {position: relative; z-index: 10; display: inline-block; vertical-align: top; padding:0 2px 4px;}
.guestBookWrap .waveText .swiper-slide .box .top .name.bride span {color:#734050;}
.guestBookWrap .waveText .swiper-slide .box .top .name.bride:after {background:#f6eff1;}
.guestBookWrap .waveText .swiper-slide .box .top .from {position: absolute; right:0; top:0; font-size:12px; color:#898078; font-weight: 300;}
.guestBookWrap .waveText .swiper-slide .box .text {font-size: 19px; color:#000000; height:57px; overflow:hidden;}

.swiperPaing {position: relative;width: 155px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;; text-align: center; font-size: 0;}
.swiperPaing .btn {text-indent:-999em;display: inline-block; vertical-align: middle; width: 20px; height: 20px; background:#645c55 url('../images/ico_onePrev.png') center no-repeat; background-size:7px auto; cursor:pointer;}
.swiperPaing .btn.next {background:#645c55 url('../images/ico_oneNext.png') center no-repeat; background-size:7px auto;}
.swiperPaing .number {display: inline-block; vertical-align: middle; font-size:16px; color:#bfb2a6; font-weight: 300;}
.swiperPaing .number span {font-weight:500; color:#ffffff;}


.guestBookWrap .waveText .swiper-slide .inner{}
.guestBookWrap .waveText .swiper-slide .txt{max-width: 540px;max-height: 2.6em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.guestBookWrap .swiper .swiper-slide-active{overflow: visible}
.guestBookWrap .swiper .swiper-slide-active .inner{transform: translate(-50%,-50%) scale(1);filter:blur(0);position: absolute;top:50%;left:50%;height: auto;display: block;opacity: 1;width: 100%;
	-webkit-filter:blur(0) !important;
	-moz-filter:blur(0) !important;
	-o-filter:blur(0) !important;
	-ms-filter:blur(0) !important;
	filter:blur(0) !important;
}
.guestBookWrap .swiper .swiper-slide-active .inner:after{display: none}
.guestBookWrap .swiper .swiper-slide-active .img{display: block;position: absolute;top:-78px;left:50%;transform: translateX(-50%)}
.guestBookWrap .swiper .swiper-slide-active .txt{max-width: 100%;max-height: none;overflow: visible}
.guestBookWrap .swiper .swiper-slide-prev .inner,
.guestBookWrap .swiper .swiper-slide-next .inner{opacity: .3;}
.guestBookWrap .swiper .img{display:none;margin: 0 auto 15px;position:relative;width:63px; height:63px; border-radius:50%; overflow:hidden;  vertical-align: middle;}
.guestBookWrap .swiper .img:after{display: block;position: absolute;top:0;left:0;content: '';width:63px; height:63px; border-radius:50%;border: 2px solid #fff;box-sizing: border-box}
.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;}
.guestBookWrap .wave .txt{display: inline-block; vertical-align: middle;font-family: 'eulyoo', serif;font-size: 38px;font-weight: 600;color:#321e0f;margin-left: 11px; white-space:nowrap; }


.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 .txt{font-size: 19px;color: #fff;font-weight: 200;text-align: center;margin-bottom: 33px;}
.comWrap .txt > span{padding: 0 25px;position: relative}
.comWrap .txt > span:before,
.comWrap .txt > span:after{display: block;content: '';width: 13px;height: 14px;background:url(../images/icon_star3.png) no-repeat 0 0;position: absolute;top:50%;left:0;margin-top: -7px;}
.comWrap .txt > span:after{left: auto;right:0;}
.comWrap .txt strong{font-weight: 500}
.comWrap .inputWrap {position: relative;margin-bottom:25px; max-width:540px; margin:0 auto 25px auto;}
.comWrap .inputWrap .in{
	
}
.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 {display: inline-block; position: relative;  width:312px; text-align: center;width: calc(50% - 5px);margin-right:10px;}
.comWrap .inputWrap .in .user .selBox .list li:last-child {margin-right: 0;}
.comWrap .inputWrap .in .user .selBox .list li label{font-size:19px;font-weight:300;height:75px;color:#aaa;position: relative; cursor:pointer;border:1px solid #888;
	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 .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 input:checked + label {background:#fff; color:#000;font-weight:500; border:1px solid #2f1f12}
.comWrap .inputWrap .in .inputBox {position: relative; padding-right:75px;height: 75px;/*overflow:hidden;*/border: 1px solid #fff}
.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:#fff; font-weight: 300;}
.comWrap .inputWrap .in .inputBox input::-webkit-input-placeholder{color:#fff;}
.comWrap .inputWrap .in .inputBox input::-moz-placeholder{color:#fff;}
.comWrap .inputWrap .in .inputBox input:-ms-input-placeholder{color:#fff;}
.comWrap .inputWrap .in .inputBox input:-moz-placeholder{color:#fff;}
.comWrap .inputWrap .btnComment{position: absolute; right:0;top:-1px;height: 100%;}
.comWrap .inputWrap .btnComment a{font-size: 19px; font-weight: 500; color:#000;background:#fff;width:75px;height: 73px;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;
    border: 1px solid #fff;box-sizing: content-box
}
.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:#000;background:#fff;height: 75px;
	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:#94592e;background:#e6e6e6;}

.contactWrap{background: #e8e6e4 url(../images/contact_bg.jpg) no-repeat 50% 0 / cover;}
.contactWrap .contactInner{padding-top: 97px;padding-bottom: 101px}
.contactWrap .secTitleWrap{margin-bottom:42px; text-align: center;}
.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: #635952;font-weight: 400;display: block;margin-bottom: 23px;}
.contactWrap .coupleBox .box.no1 .img:after{content:''; position: absolute; right:-35px;top:50%;margin-top: -5px;width:12px; height:14px; 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;}

.contacName a{height: 50px;box-sizing:border-box;border:1px solid #aaa29b;
	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: #635952;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{}
.mindWrap .mindInner{padding-top: 100px;padding-bottom: 100px}
.mindWrap .secTitleWrap{padding-bottom: 48px;margin-bottom: 41px;background:url('../images/bg_thx02.png') no-repeat 50% 100%;}
.mindWrap .secTitleWrap p{margin-top: 15px;}
.mindWrap .text{text-align: center;font-family: 'eulyoo', serif;font-size: 21px;color: #321e0f;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: 73px; 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{}
.mindWrap .contBox .tit span{font-size:19px;color:#262f3c; 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-top:1px dashed #e4e7ea;} 
.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:#ffe000;}
.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 #efe8ea;margin-bottom: 0}
.mindWrap .contBox.bride .tit {background:#f7f3f4}
.mindWrap .contBox.bride .tit span {color:#734050; 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:#f2f0f0; border-top:1px dashed #ddd6cd;}
.mindWrap .contBox.bride.active .tit{}

 /* locationWrap */
.locationWrap .mapLoca{padding-top:97px;border-top: 1px solid #e8e6e4;background:url(../images/location_bg.jpg) 0 50% no-repeat;background-size: cover}
.locationWrap .secTitleWrap{margin-bottom:48px;}
.locationWrap .secTitleWrap p{color: #321e0f}
.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:first-child{height: 92px;background: url(../images/bg_thx02.png) no-repeat 50% 100%;}
.addrWrap .addr,
.addrWrap .label{font-family: 'eulyoo', serif;color: #321e0f;font-size: 22px;padding-left: 29px;}
.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: #888;font-weight: 400}
.addrWrap .addr + .btn{-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.addrWrap .clipboard{width: 20px}

.infoLoca{background-color: #f9f9f9;padding-bottom: 95px;}
.infoLoca .box{padding-top: 37px;padding-bottom: 35px;background: url(../images/bg_thx02.png) no-repeat 50% 100%;}
.infoLoca .box:nth-child(1){padding-bottom: 41px}
.infoLoca .box:last-child{background: none;padding-bottom: 0}
.infoLoca .tit01{font-size: 22px;font-weight: 600;color: #000;margin-bottom: 12px;}
.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-top: 17px;}
.infoLoca .btnLoca .btns{border: 1px solid #eaeaea;height: 57px;width: 33.333%;background: #fff;border-left:0;}
.infoLoca .btnLoca .btns:first-child{border-left: 1px solid #eaeaea;}
.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: #898078}
.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;}


.footer{font-size: 0;margin-top: 64px;}
.footer .logo,
.footer .copy{display: inline-block;vertical-align: middle}
.footer .copy{font-family: 'NotoSerifKr';font-weight: 300;font-size: 14px;color: #707070}
.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(246,245,244,.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: 'Bitter', serif;font-size:22px;font-weight: 300;color:#000;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; text-indent:-999em;}

/* QUICK */
.quickWrap {position: fixed; right:0; top:250px; width: 60px; z-index: 91; text-align: center;  color:#000; 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:#ad7f5e;}
.quickWrap .count:after{content:''; position: absolute; left:50%; bottom:0;  width:25px; margin-left:-12px; height: 1px;  background:#f3ebe3;}
.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: #e5e1df;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:#321e0f; padding:9px 15px;}
.quickWrap .linkList ul li .pop:after {content:''; position: absolute; right:-5px; top:50%; width: 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:#f3ebe3;}
.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:#f3f1ef url('../images/bg_inter.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; background:url('../images/interDot.png') center top no-repeat; text-align: left;}
.interPop .popCont .inner .interCont ul{background:url('../images/bg_thx04.png') 50% 0 no-repeat;}
.interPop .popCont .inner .interCont ul li{padding: 48px 50px 43px; transform:translate(0,0);opacity:0;background:url('../images/bg_thx04.png') 50% 100% no-repeat;}
.interPop .popCont .inner .interCont ul li .tit{font-size:22px;color:#000;font-weight:600;margin-bottom:13px;}
.interPop .popCont .inner .interCont ul li .tit span{font-size:23px;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:#4b453f;font-weight:400;letter-spacing: -0.055em;line-height: 1.55;margin-bottom: 31px; word-break:keep-all;}
.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}

.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}
.btnMenuClose,
.popSlide .closeSlide,
.youtubeBox .btnMovieClose{background-image:url(../images/icon_close_white.png);}

/* popGnb */
body.gnbOpen .popGnb{opacity:1; visibility:visible;}
.popGnb{position: fixed; left:0; top:0; width: 100%; height:100%; z-index:999;background:#202020 url('../images/bg_pop.jpg') 50% 0 no-repeat;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_white.png') 50% 0 no-repeat;padding-top: 90px;}
.popGnb .inner .gnbList:after{display: block;content: '';clear: both}
.popGnb .inner .gnbList ul li{margin-bottom: 42px;text-align: center}
.popGnb .inner .gnbList ul li:last-child {margin-bottom:0;}
.popGnb .inner .gnbList ul li a {font-family: 'Bitter', serif;display: inline-block; vertical-align: top; font-size:17px;color:#fff;white-space: nowrap;}
.popGnb .inner .gnbList ul li .ko{position: relative;padding-left: 12px;font-family: 'Pretendard', serif;margin-left: 8px;white-space: nowrap;}
.popGnb .inner .gnbList ul li .ko:before{display: block;content: '';width: 1px;height: 12px;background-color: #535252;position: absolute;top:50%;left:0;margin-top: -6px;}
.popGnb .inner .gnbList ul li a:hover {color:#504436; text-decoration:underline;}
.popGnb .inner .gnbList ul li a.active {color:#504436; 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 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;}

/* 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%;}

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;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:#000; font-size: 16px;font-weight: 500;color:#fff;}


.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:#000; font-size: 16px;font-weight: 500;color:#fff;}



/***************************************************************************************
 Media Query
***************************************************************************************/
@media all and (max-width:1024px) {
	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;}
	.btnMenuClose,
	.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;}
		
	.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{padding: 48px 0 0 0;background: url(../images/bul01_m.png) no-repeat 30px 21px;background-size: auto 6px}
	.mainImg .imgBox{padding: 0 60px 0 0;}
	.mainImg .weddingCount{font-size: 9px;top: 19px;right: 26px;}
	.mainImg .weddingCount span{min-width: 15px;}
	.mainImg .rightArea{width: 60px;}
	.mainImg .rightArea .stamp{margin-top: 3px;width: 19px;height: 22px;background-image: url(../images/stamp_m.png);background-size: 100% auto}
	.mainImg .rightArea .txt{top: 59px;left: -43px;width:82px;height: 123px;background-image: url(../images/save_the_date_m.png);background-size: auto 100%}
	.mainImg .rightArea:before{bottom: 20px}
	.mainImg .rightArea:after{bottom: 2px;width: 9px;height: 10px;margin-left: -4.5px;background-image: url(../images/icon_star1_m.png);background-size: cover}
	.mainImg .bottomArea{height: 62px}
	.mainImg .date{right: 26px;font-size: 12px;}
	
	.bottomName{left: 25px}
	.bottomName .name{font-size: 16px;}
	.bottomName .en{font-size: 9px;letter-spacing: .05em;text-indent: .05em;}
	.bottomName .cor{width: 18%}
	.bottomName .and{font-size: 14px}
	
	.inviteBox{font-size: 14px;line-height: 1.35;padding: 23px 0;background-image: url(../images/invite_bg_m.jpg)}
	.inviteBox .mainText{padding: 0 33px;height: 115px;}
	.inviteBox .stamp img{width: 66px}
	
	.secTitleWrap .hanTit{font-size: 11px;letter-spacing: .1em;text-indent: .1em;}
	.secTitleWrap .hanTit span:not(.ran){padding: 0px 12px;margin: 0 12px;}
	.secTitleWrap p{margin-top: 2px;font-size: 16px;}
	.secTitleWrap.t1 .hanTit{font-size: 11px;letter-spacing: .2em;}
	.secTitleWrap.t2 p, 
	.secTitleWrap.t3 p, 
	.secTitleWrap.t4 p{font-size: 18px;margin-top: 6px;}
	.secTitleWrap.t5 .hanTit{font-size: 10px; max-width:300px;}
	.secTitleWrap.t5 .hanTit:before, 
	.secTitleWrap.t5 .hanTit:after{width: 2px;height: 4px;background-size: cover}
    
	
	.greetingWrap .greetingInner{padding: 64px 30px 67px;}
	.greetingWrap .textBox{font-size: 17px;line-height: 1.5;}
	.greetingWrap .textBox p {margin-bottom: 27px;}
	.greetingWrap .ranBox{margin-top: 30px;padding: 29px 0 10px;}
	.greetingWrap .ranBox:before{background-image: url(../images/bg_thx01_m.png);height: 6px;background-size: auto 6px} 
	.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: 26px;}
	
	.btns.t1{font-size: 13px;height: 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;}
	.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: 38px;}
	.dayWrap .dayInner{padding: 22px 30px 54px;}
	.dayWrap .dayBox{padding: 36px 0 0;margin-bottom: 28px;background-image: url(../images/stamp_m.png);background-size: 19px auto}
	.dayWrap .dayBox p{font-size: 18px;line-height: 1.38;}
	.dayWrap .point img{width: 70px}
	.dayWrap .placeBox{padding: 15px 0 14px;margin-bottom: 11px;}
	.dayWrap .placeBox span:before, 
	.dayWrap .placeBox span:after{width: 9px;height: 10px;background-image: url(../images/icon_star2_m.png);background-size: cover; top:3px;}
	.dayWrap .placeBox span{padding: 0 20px;}
	.dayWrap .placeBox span,
	.dayWrap .calWrap th{font-size: 14px}
	.dayWrap .calWrap th{height: 53px;}
	.dayWrap .calWrap td{font-size: 16px;height: 33px;}
	.dayWrap .calWrap{padding: 0 20px;box-sizing: border-box}
	.dayWrap .calWrap table .active:before{top: -6px;width: 8px;height: 6px;margin-left: -4px;background-image: url(../images/day_point_m.png);background-size: auto 100%}
	.countList .numWrap .countDay .num em,
	.countList .numWrap .countDay .num, 
	.countList .numWrap .wr p span{font-size: 30px;}
	.countList .numWrap .col{width: 27px;height: 50px;background-size: auto 13px;background-image: url(../images/semi_m.png);}
	.countList .numWrap .countDay, 
	.countList .numWrap .wr{height: 50px;min-width: 54px;}
	.countList .numWrap .txt{font-size: 10px;bottom: -16px;}
	.countWrap .countInner{height: 107px;padding-top: 24px;}
	.countList .numWrap .countDay{margin-right: 27px;}
	
	.galleryWrap .galleryInner{padding-top: 68px;padding-bottom: 65px;}
	.galleryWrap .galWrap{padding: 0 33px;padding-top: 31px;}
	.galleryWrap .galWrap .videoImg{position: relative;width: 100%;margin:0 0 6px 0;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;}
	.galleryWrap .galWrap .videoImg .name{position:absolute;top:0;left:-33px;display: block;width: 33px;height: 100%;position: absolute;background-color: #000}
	.galleryWrap .galWrap .videoImg .name.b{left: auto;right:-33px}
	.galleryWrap .galWrap .videoImg .name span{position: absolute;transform: translate(-50%, -50%) rotate(-90deg);font-size: 9px;font-family: 'Bitter', serif;font-style:italic;font-weight: 300;color: #999;top:50%;left:50%;letter-spacing: 0.15em}
	
	.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: 22px 0 0;}
	.guestBookWrap .secTitleWrap{margin-bottom: 0}
    .guestBookWrap.none .secTitleWrap{padding-bottom:22px;}
	.guestBookWrap .waveText{height: 205px;margin-bottom: 13px;}
	.guestBookWrap .waveText .swiper{padding: 10px 0 10px 0;}
	.guestBookWrap .swiper .swiper-slide-active .img,
	.guestBookWrap .swiper .img:after{width: 42px;height: 42px}
	.guestBookWrap .waveText .swiper-slide{font-size: 18px;line-height: 1.4;}
	.guestBookWrap .waveText .swiper-slide .inner{
		-webkit-filter:blur(1px);
		-moz-filter:blur(1px);
		-o-filter:blur(1px);
		-ms-filter:blur(1px);
		filter:blur(1px);
	}
	.guestBookWrap .swiper .swiper-slide-active .img{top: -50px;}
	.guestBookWrap .guestBookEnter{padding: 0 33px}

	.guestBookWrap .waveText {padding:0 33px 50px; height:auto;}
	.guestBookWrap .waveText .swiperInfo {font-size:12px; color:#bfb2a6; font-weight:300; margin-top:40px; margin-bottom:0; text-align: left;}
	.guestBookWrap .waveText .swiper-slide {display:block;}
	.guestBookWrap .waveText .swiper-slide .box {background:#fff; margin-right:0; width:100%; padding:15px; height:100px; margin-bottom: 10px;}
	.guestBookWrap .waveText .swiper-slide .box .top {position: relative; margin-bottom:0;}
	.guestBookWrap .waveText .swiper-slide .box .top .name {font-size:13px; line-height:13px; color:#262f3c; font-weight:500;   position: relative; display: inline-block; vertical-align: top;}
	.guestBookWrap .waveText .swiper-slide .box .top .name:after {content:''; position: absolute; left:0; bottom:0; width: 100%; height: 6px; background:#e9f0f9;}
	.guestBookWrap .waveText .swiper-slide .box .top .name span {position: relative; z-index: 10; display: inline-block; vertical-align: top; padding:0 2px 3px;}
	.guestBookWrap .waveText .swiper-slide .box .top .name.bride span {color:#734050;}
	.guestBookWrap .waveText .swiper-slide .box .top .name.bride:after {background:#f6eff1;}
	.guestBookWrap .waveText .swiper-slide .box .top .from {position: absolute; right:0; top:0; font-size:11px; color:#898078; font-weight: 300;}
	.guestBookWrap .waveText .swiper-slide .box .text {font-size: 15px; color:#000000; height:42px; overflow:hidden;}

	.swiperPaing {position: relative;width: 135px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;; text-align: center; font-size: 0;}
	.swiperPaing .btn {text-indent:-999em;display: inline-block; vertical-align: middle; width: 20px; height: 20px; background:#645c55 url('../images/ico_onePrev.png') center no-repeat; background-size:7px auto; cursor:pointer;}
	.swiperPaing .btn.next {background:#645c55 url('../images/ico_oneNext.png') center no-repeat; background-size:7px auto;}
	.swiperPaing .number {display: inline-block; vertical-align: middle; font-size:12px; color:#bfb2a6; font-weight: 300;}
	.swiperPaing .number span {font-weight:500; color:#ffffff;}



	
	.comWrap{padding: 49px 0 98px}
	.comWrap .txt{font-size: 13px;margin: 0 -33px 22px}
	.comWrap .txt > span{padding: 0 18px}
	.comWrap .txt > span:before, 
	.comWrap .txt > span:after{width: 9px;height: 10px;background:url(../images/icon_star3_m.png);background-size: cover}
	.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;}
	.comWrap .inputWrap .in .inputBox{display: block;padding-right: 62px;}
	.comWrap .inputWrap .in .user .selBox .list li .img{width: 30px;border-radius: 100%;overflow: hidden}
	.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: 56px;height: 49px;}
	.comWrap .partyCheck .btn a,
	.comWrap .partyCheck .thxBox{font-size: 14px;}
	
	.contactWrap .contactInner{padding: 65px 13px 67px;}
	.contactWrap .secTitleWrap{margin-bottom: 31px;}
	.contactWrap .secTitleWrap p{margin-top: 5px;}
	.contactWrap .coupleBox .box{padding: 0 20px}
	.contactWrap .coupleBox .box .imgTxt .img{border-radius: 100%;overflow: hidden;}
	.contactWrap .coupleBox .box .name{font-size: 17px;margin-bottom: 14px;}
	.contactWrap .coupleBox .box .imgTxt .img,
	.contactWrap .coupleBox .box .tit{margin-bottom: 5px;}
	.contacName a{height: 36px;}
	.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: 68px 33px 66px;}
	.mindWrap .secTitleWrap {padding-bottom: 31px;margin-bottom: 28px;}
	.mindWrap .text{font-size: 14px;margin-bottom: 26px;}
	.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 .mapLoca{padding-top: 65px;}
	.locationWrap .secTitleWrap{margin-bottom: 31px;}
	.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}
	.addrWrap .hall{font-size: 14px}
	.addrWrap .addr{background-size: 12px auto;padding-left: 20px;line-height: 1.3;}
	.addrWrap .box{margin: 0 -33px;padding: 0 33px}
	.addrWrap .box{height: 64px;}
	.addrWrap .box:first-child{height: 65px}
	.addrWrap .clipboard{width: 15px}
	.addrWrap .label{padding-left: 20px;background-image: url(../images/icon_guide_m.png);background-size: 14px auto; min-width:96px;}
	
	.infoLoca {padding-bottom: 62px;}
	.infoLoca .inner{box-sizing: content-box;}
	.infoLoca .tit01{font-size: 15px}
	.infoLoca .tit02, 
	.infoLoca dl{font-size: 14px}
	.infoLoca .box{padding: 0 33px;padding-top: 24px;padding-bottom: 21px;}
	.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;}
	.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 .thanksInner{padding-top: 38px;}
	.thanksWrap .secTitleWrap {margin-bottom: 52px;}
	.thanksWrap p{font-size: 15px;line-height: 1.52;margin-bottom: 21px;}

    .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 {margin-top: 43px;margin-bottom: 30px;}
	.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:flex; }
	.quickWrap .count,
	.quickWrap .linkList{float:left; /*width: 25%;*/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: #f3ebe3;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{background-image: url(../images/bg_thx04_m.png);background-size: auto 1px;background-repeat: repeat-x}
	
	.popGnb{background-image: url(../images/bg_pop_m.jpg);}
	.popGnb .inner{padding: 87px 0 0;position: relative;top: auto;transform: translateY(0);}
	.popGnb .inner .gnbList{padding-top: 61px;background-size: 19px auto;background-image: url(../images/stamp_white_m.png);}
	.popGnb .inner .gnbList ul{float: none}
	.popGnb .inner .gnbList ul li{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%;}
	
	.alertPop .in{width: 280px;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;}
	
	.fixObWrap .leafOb:nth-child(1){left: 252px;left: 14.5%; width:17px; height:auto;  animation-name:starMain; animation-duration:1.5s;  animation-iteration-count: infinite; animation-direction: alternate; opacity:0; }
	.fixObWrap .leafOb:nth-child(2){left: 595px;left: 36%;   width:17px; height:auto;   animation-name:starMain; animation-duration:1.5s;  animation-iteration-count: infinite; animation-direction: alternate; opacity:0;  animation-delay:100ms;}
	.fixObWrap .leafOb:nth-child(3){right: 254px;right: 37%;  width:13px; height:auto;  animation-name:starMain; animation-duration:1.5s;  animation-iteration-count: infinite; animation-direction: alternate; opacity:0;}
	.fixObWrap .leafOb:nth-child(4){left: 372px;left: 40%;  width:7px;  }
	.fixObWrap .leafOb:nth-child(5){left: 178px;left: 58.5% ; width:8px; }
	.fixObWrap .leafOb:nth-child(6){right: 1028px;left: 20.5%;  width:7px;}
	.fixObWrap .leafOb:nth-child(7){right: 428px;right: 20.5%;  width:8px; }

}

@media all and (min-width:2300px) {
	.visualBox{min-width:2560px;min-height:1440px;height:auto; width:auto;margin: 0 auto}
}