@charset "utf-8";

@import url(noto-serif-kr.css?V1);

/* 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: 'NotoSerifKr', 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%}
i,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; }
/* a { -webkit-user-select: 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; overflow-y: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', serif;}
.play {font-family: 'Playfair Display', serif;}
.noto {font-family: 'Noto Sans KR';}
.serif {font-family: 'NotoSerifKr', serif; }


body.noScroll .wrap{position: relative;}
body.noScroll {overflow: hidden;position: fixed;width: 100%;height: 100%;}

.btnMenuClose,
.contentSlide .closeSlide,
.interPop .btnInterClose,
.closeVideo{display: inline-block;position: fixed; right:50px; top:50px; width: 17px; height: 17px;text-indent:-999em; background:url('../images/ico_gnbClose.png') no-repeat;}

/*
body.gnbOpen .wrap,
body.showYoutube .wrap,
body.showSlide .wrap,
body.interOpen .wrap{
	-webkit-filter:blur(20px);
	-moz-filter:blur(20px);
	-o-filter:blur(20px);
	-ms-filter:blur(20px);
	filter:blur(20px);
	
	
	transition:0.3s filter 200ms;
}
*/

body.showYoutube .wrap, body.showSlide .wrap {
	-webkit-filter:blur(20px);
	-moz-filter:blur(20px);
	-o-filter:blur(20px);
	-ms-filter:blur(20px);
	filter:blur(20px);
	
	transition:0.3s filter 200ms;
}


body.interOpen .rbWrap{ display: none; }
body.gnbOpen  .rbWrap { display: none;}
body.showSlide  .rbWrap { display: none;}


.leafOb{position: fixed;pointer-events: none;top:0;/*visibility: hidden;opacity: 0;*/visibility: visible;opacity: 0;z-index: 50}
.leafOb .leaf{}
.fixObWrap .leafOb:nth-child(1){left: 252px;left: 14.5%; width:20px;}
.fixObWrap .leafOb:nth-child(2){left: 595px;left: 36%;  width:18px;}
.fixObWrap .leafOb:nth-child(3){right: 1054px;right: 17%; width:23px;}
.fixObWrap .leafOb:nth-child(4){left: 72px;left: 4%}
.fixObWrap .leafOb:nth-child(5){left: 378px;left: 20.5%}
.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;}



.introWrap { position: fixed; left:0; top:0; bottom:0;  width:100%; height: 100%; background:#fbf9f3 url('../images/intro/bg.jpg') no-repeat; background-size:cover; z-index: 999; transition:.5s all; overflow:hidden;}
.introWrap .in {position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width: 420px; text-align: center;}
.introWrap .in .dday {font-size:105px; color:#b99f71; line-height:105px; margin-bottom:30px; transition:2s all; opacity:0;}
.introWrap .in .name {font-size:20px; line-height:24px; color:#595d3b; font-weight:300; margin-bottom:45px;  transition:2s all; opacity:0; transition-delay:300ms;}
.introWrap .in .name span {font-size:24px; font-weight:500;}
.introWrap .in .progress {background:#ede8dc; width:245px; height:5px; margin:0 auto 45px auto; overflow:hidden; position: relative; border-radius:30px; transition:2s all; opacity:0; transition-delay:300ms;}
.introWrap .in .progress span {position: absolute; left:0; top:0; width:0; height:5px; background:#b99f71;  transition:4s all; }
.introWrap .in .leaf {background: url('../images/intro/leaf02.png') center no-repeat; height:54px;  transition:2s all; opacity:0; transition-delay:300ms;}
.introWrap .in .text01 {font-size:20px; color:#b99f71; line-height:34px; font-weight:300; margin:40px 0; transition:2s all; opacity:0; transition-delay:500ms;}
.introWrap .in .text02 {font-size:20px; color:#ddcfaf; line-height:20px; font-weight:300; transition:2s all; opacity:0;  transition-delay:1000ms;}
.introWrap .in .leafList span {position: absolute; transition:4.5s all; opacity:0;}
.introWrap .in .leafList span.no1 {left:70px; top:25px; width:16px; height:21px; background:url('../images/intro/leaf00.png') center no-repeat; transform:translate(-150px,-100px) rotate(180deg);}
.introWrap .in .leafList span.no2 {right:-40px; top:230px; width:18px; height:29px; background:url('../images/intro/leaf01.png') center no-repeat;  transform:translate(100px,-50px) rotate(-180deg)}
.introWrap .in .leafList span.no3 {left:-40px; bottom:105px; width:21px; height:20px; background:url('../images/intro/leaf03.png') center no-repeat;  transform:translate(-50px,-100px) rotate(180deg)}
.introWrap.active .leafList span {transform:translate(0,0) rotate(0deg) !important; opacity:1;}
.introWrap.active .in .dday {opacity:1;}
.introWrap.active .in .name {opacity:1;}
.introWrap.active .in .text01 {opacity:1;}
.introWrap.active .in .text02 {opacity:1;}
.introWrap.active .in .progress {opacity:1;}
.introWrap.active .in .leaf {opacity:1;}
.introWrap.active .in .progress span{width:100%;}

.introWrap .in .star div { animation-name:star; animation-duration:1.5s;  animation-iteration-count: infinite; animation-direction: alternate; opacity:0;}
.introWrap .in .star div:nth-child(1) {left:-100px; top:70px; display: block; animation-delay:100ms;}
@keyframes star {
	from  {opacity:0;}
	to {opacity:1;}
}

body.endMain {overflow-y:visible !important;}
body.introOut .introWrap {transform:scale(1.3); opacity:0; visibility:hidden; }

/* popGnb */
.popGnb {position: fixed; left:0; top:0; width: 100%; height:100%; z-index:999; background:#eceae4 url('../images/bg_gnb.jpg') center 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%; }
.popGnb .inner .gnbList ul li {margin-bottom:30px;}
.popGnb .inner .gnbList ul li:last-child {margin-bottom:0;}
.popGnb .inner .gnbList ul li a {display: inline-block; vertical-align: top; font-size:28px; line-height:28px; font-weight:500; color:#bdaa88; font-family: 'Cormorant', serif;}
.popGnb .inner .gnbList ul li a:hover {color:#504436; text-decoration:underline;}
.popGnb .inner .gnbList ul li a.active {color:#504436; text-decoration:underline;}
.popGnb .btnMenuClose {position: absolute; right:50px; top:50px; text-indent:-999em; background:url('../images/ico_gnbClose.png') center no-repeat; width:17px; height:17px; }
body.gnbOpen  .popGnb {opacity:1; visibility:visible;}


.head {position: fixed; left:0; top:-75px; width: 100%; height:75px; background:rgba(255,252,247,.85);  z-index: 100; transition:1s all;}
.head .inner {position: relative; z-index: 1;}
.head .inner .h1Wrap {position: absolute; left:50px; top:25px;}
.head .inner .h1Wrap h1 > a {font-size:16px; line-height:16px; font-weight: 500;color:#b99f71;transition:.3s all; font-family: 'Playfair Display', serif;}
.head .inner .h1Wrap h1 > a span {font-family: 'NotoSerifKr', serif; }
.head .inner .btnMenu {position: absolute; right:50px; top:26px;}
.head .inner .btnMenu a {display: inline-block; vertical-align: top; width:25px; height:22px; background:url('../images/ico_menu.png') center no-repeat; text-indent:-999em;}
.head.on {top:0;}

/* END GNB */

/* QUICK */
.quickWrap {position: fixed; right:0; top:350px; width: 45px; z-index: 91; text-align: center;  color:#856e52; font-weight:500 ;font-family: 'Noto Sans KR'; font-size:11px; }
.quickWrap .count {background:#fff;line-height:12px; width: 45px; padding:15px 0 20px 0; position: relative;}
.quickWrap .count .today {position: relative; padding-bottom:5px; margin-bottom: 5px;}
.quickWrap .count .today:after{content:''; position: absolute; left:50%; bottom:0;  width: 3px; height: 3px; border-radius:50%; background:#a99986;}
.quickWrap .count:after{content:''; position: absolute; left:50%; bottom:0;  width:25px; margin-left:-12px; height: 1px;  background:#f0eae1;}
.quickWrap .linkList {width:45px; background:#fff; margin-bottom:10px; padding:5px 0;}
.quickWrap .linkList ul li {position: relative;}
.quickWrap .linkList ul li:last-child {border-bottom:none;}
.quickWrap .linkList ul li .ico {display: block; width: 43px; height: 43px; text-indent:-999em;}
.quickWrap .linkList ul li.sound .ico {background:url('../images/btnSoundOff.png') center center no-repeat;}
.quickWrap .linkList ul li.sound.on .ico {background:url('../images/btnSoundOn.png') center center no-repeat;}
.quickWrap .linkList ul li.tel{display: none;}
.quickWrap .linkList ul li.tel .ico {background:url('../images/btnTel.png') center center no-repeat;}
.quickWrap .linkList ul li.link .ico {background:url('../images/btnLink.png') center center no-repeat;}
.quickWrap .linkList ul li.mail{display: none;}
.quickWrap .linkList ul li.mail .ico {background:url('../images/btnMail.png') center center no-repeat;}
.quickWrap .linkList ul li.mail .ico:hover {background:url('../images/btnMail_hover.png') center center no-repeat;}
.quickWrap .linkList ul li.kakao .ico {background:url('../images/ico_kakao.png') center center no-repeat;}
.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:#856e52; 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 {width:45px; background:#fff; }
.quickWrap .control a {display: block; width: 43px; height: 35px; text-indent:-999em;}
.quickWrap .control a.btnTop {position: relative; margin-bottom:1px; background:url('../images/btnTop.png') center center no-repeat;}
.quickWrap .control a.btnTop:after {content:''; position: absolute; left:50%; bottom:0; margin-left:-6px; width: 12px; height: 1px; background:#f4f0e9;}
.quickWrap .control a.btnDown {background:url('../images/btnBottom.png') center center no-repeat;}


/* visualBox */
.visualBox {position: relative; height:100vh; min-height:980px; max-height:980px;}
.visualBox .mainImg {pointer-events:none;}
.visualBox .mainImg img {position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 100%; height:100%; min-width:1920px; min-height:980px; max-height:980px;}
.visualBox .openInterview {position: absolute; left:50%; top:26px; width:410px; margin-left:-205px; height:62px; line-height:57px; background:#fff; border-radius:10px; text-align: center; cursor:pointer; z-index: 20;}
.visualBox .openInterview p { font-size:16px; line-height:16px; color:#9d7e5f; font-weight:300; display: inline-block; vertical-align: middle; padding:3px 0 3px 27px; font-family: 'Noto Sans KR'; background:url('../images/leaf01.png') left center no-repeat; letter-spacing:-0.05em; }
.visualBox .openInterview p span {font-size:18px; color:#664f37; font-weight:500; font-family: 'NotoSerifKr', serif; }
.visualBox .openInterview:after {content:''; position: absolute; left:66px; bottom:-15px; width:26px; height:15px; background:url('../images/ico_conner.png') center no-repeat;}

.visualBox .mainTitleWrap {position: relative; z-index:10; padding-top:120px; text-align: center;}
.visualBox .mainTitleWrap .save {position: relative; font-size:27px; color:#fff; font-weight:700; text-align: center;}
.visualBox .mainTitleWrap .save span {position: relative; transition:2s all;opacity:0;}
.visualBox .mainTitleWrap .save span.no1 {top:30px; margin-right:35px; }
.visualBox .mainTitleWrap .save span.no2 {position: absolute;left:0; top:43px; width:100%; text-align: center; transition-delay:300ms;}
.visualBox .mainTitleWrap .save span.no3 { transition-delay:600ms;}
/* .visualBox .mainTitleWrap .save span {transition:2s all; transform:translate(0,30px); opacity:0;} */
.visualBox .mainTitleWrap .name {position: relative; margin-top:20px; font-size:20px; line-height:20px; font-weight:300; color:#fff;/* background:url('../images/shadow.png') center no-repeat; */}
.visualBox .mainTitleWrap .name .box {position: relative; display: inline-block; vertical-align: top; font-family: 'Noto Sans KR';}
.visualBox .mainTitleWrap .name .box em {font-size:28px; font-weight:500;  font-family: 'NotoSerifKr', serif; }
.visualBox .mainTitleWrap .name .box:first-child {margin-right:20px; padding-right:24px;}
.visualBox .mainTitleWrap .name .box:first-child:after {content:''; position: absolute; right:0; top:50%; margin-top:-10px; width:2px; height:20px; background:#ffffff; }
.visualBox .bottomDate {position: absolute; bottom:125px; width:100%; text-align: center; }
.visualBox .bottomDate .tit {font-size:28px; color:#fff9ed; font-weight:300; margin-bottom:30px;}
.visualBox .bottomDate .play {font-size:28px; color:#fff4df; letter-spacing:8px; }

.mainVisual .txtBox {position: relative; background:url('../images/bg_thx.jpg?v1') center no-repeat; padding:125px 0 170px 0; background-size:cover; text-align: center;}
.mainVisual .txtBox:after {content:''; position: absolute; left:0; top:-37px; width: 100%; height:37px; background:url('../images/bg_greetingTop.png?v1') center top no-repeat;}
.mainVisual .txtBox:before {content:''; position: absolute; left:0; bottom:-38px; width: 100%; height:38px; background:url('../images/bg_greetingBottom.png?v1') center bottom no-repeat;}
.mainVisual .txtBox .txt {transition:2s all; transform:translate(0,30px); opacity:0; }
.mainVisual .txtBox .txt .leaf {height:73px; background:url('../images/bg_thxLeaf.png') center no-repeat; margin:0 0 70px 0;}
.mainVisual .txtBox .txt p {font-size:32px; line-height:55px; color:#9f7832; font-weight:300; margin-bottom:110px;}
.mainVisual .txtBox .name {position: relative; padding:45px 0; }
.mainVisual .txtBox .name:after {content:''; position: absolute; left:0; top:0; width: 100%; height:13px; background:url('../images/bg_thx01.png') center top no-repeat;}
.mainVisual .txtBox .name:before {content:''; position: absolute; left:0; bottom:0; width: 100%; height:2px; background:url('../images/bg_thx02.png') center bottom no-repeat;}
.mainVisual .txtBox .name .box {font-size:28px;  line-height:28px; color:#9f7832; font-weight:400; font-family: 'Noto Sans KR';}
.mainVisual .txtBox .name .box em {font-size:32px; line-height:32px; color:#595d3b; font-weight:500; font-family: 'NotoSerifKr', serif; }
.mainVisual .txtBox .name .box:first-child {margin-bottom:20px;}


.mainLoad .visualBox .mainTitleWrap .save span {transform:translate(0,0) !important; opacity:1;}
.notInterview .visualBox .mainTitleWrap {padding-top:40px;}

.mt {transition:2s all; transform:translateY(50px); opacity:0; transition-delay:500ms;}
.mt2 {transition:2s all; transform:translateY(50px); opacity:0; transition-delay:1000ms;}

.atm .mt {transform:translate(0,0) !important; opacity:1 !important; }
.atm .mt2 {transform:translate(0,0) !important; opacity:1 !important; }


.ranTxt .ran {transition:2s all; opacity:0;}
.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;}


.mainLoad .visualBox .ranTxt .ran{opacity:1;}
.atm .ranTxt .ran{opacity:1;}

/* interPop */
body.interOpen {overflow-y:hidden;}
body.interOpen .interPop{ opacity:1; visibility:visible; transform:translate(0,0);transition:1s opacity;}
body.interOpen .interPop .popCont{}
.interPop { position: fixed; left:0; top:0; width: 100%;max-width:100%; height: 100%; background:rgba(0,0,0,0.4); z-index: 500; opacity:0; visibility:hidden; overflow:hidden;overflow-y:auto;  background:#f9f7f1 url('../images/bg_gnb.jpg') center 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:70px 0; max-width:1440px; margin:0 auto;}
.interPop .popCont .inner .subtitle {padding-top:135px; background:url('../images/tit_inter01.png') center top no-repeat; text-align: center; font-size:32px; line-height:32px; color:#595d3b; font-weight:300; margin-bottom:55px; }
.interPop .popCont .inner .subtitle span {font-weight:500;}
.interPop .popCont .inner .interCont { padding-top:55px; background:url('../images/interDot.png') center top no-repeat; text-align: left; font-family: 'Noto Sans KR';}
.interPop .popCont .inner .interCont ul li {margin-bottom:75px; transition:2s all; transform:translate(0,0); opacity:0; }
.interPop .popCont .inner .interCont ul li:nth-child(1) { transition-delay:300ms;}
.interPop .popCont .inner .interCont ul li:nth-child(2) { transition-delay:500ms;}
.interPop .popCont .inner .interCont ul li:nth-child(3) { transition-delay:700ms;}

.interPop .popCont .inner .interCont ul li .tit {font-size:28px; ; line-height:28px; color:#595d3b; font-weight:500; margin-bottom:15px;}
.interPop .popCont .inner .interCont ul li .tit span {font-weight:400; line-height:28px; position: relative; top:-3px; margin-right:9px;}
.interPop .popCont .inner .interCont ul li .text {font-size:28px; line-height:34px; color:#9f7832; font-weight:400;}
.interPop .popCont .inner .interCont ul li.hidden {display: none; opacity:1; transition:none;}
.interPop .popCont .inner .leafList span {position: absolute;}
.interPop .popCont .inner .leafList span.no1 {left:940px; top:280px; width:20px; height:26px; background:url('../images/interLeaf01.png') center no-repeat;}
.interPop .popCont .inner .leafList span.no2 {right:-50px; top:518px; width:18px; height:39px; background:url('../images/interLeaf02.png') center no-repeat;}
.interPop .popCont .inner .leafList span.no3 {left:-40px; top:690px; width:23px; height:27px; background:url('../images/interLeaf03.png') center no-repeat;}

body.interOpen .interPop .interCont ul li:not(.hidden) {opacity:1 !important;}
body.interOpen .interPop .interCont ul li.active {opacity:1 !important;}

.more {text-align: center;}
.more span {display: inline-block; vertical-align: top; font-size:28px; color:#b99f71; font-weight:500; font-family: 'Noto Sans KR'; padding-bottom:85px; background:url('../images/ico_more.png') center bottom no-repeat; cursor:pointer;}

/* weddingDayWrap */
.weddingDayWrap {padding:210px 0 165px 0; text-align: center;}
.weddingDayWrap .titleBox {padding:55px 0 25px 0; margin-bottom:0; position: relative;}
.weddingDayWrap .titleBox .bg {position: absolute; left:0; top:0; width:100%; height:114px; background:url('../images/day_tit01.png') center top no-repeat; transition:2s all; opacity:0;  }
.weddingDayWrap .titleBox p {position: relative; z-index: 1;  font-size:32px; color:#595d3b; font-weight:200; transition:2s all; transform:translate(0,50px); opacity:0;  transition-delay:500ms;}
.weddingDayWrap .titleBox span {font-weight:500;}

/*
.weddingDayWrap .rolDay {position: relative; top:-20px; color:#504436; max-width:700px;   margin:0 auto; overflow:hidden; text-align: center;}
.weddingDayWrap .rolDay > ul { white-space:nowrap; padding-top:80px; transition:3s all; transform:translateX(700px); }
.weddingDayWrap .rolDay > ul > li {display: inline-block; vertical-align: top; position: relative; overflow:hidden; margin:0 25px; width:65px;  height:60px; top:70px; }
.weddingDayWrap .rolDay > ul ul {position: absolute; left:0; top:-17px; transition:3s all; transform:translateY(-525px); }
.weddingDayWrap .rolDay > ul li:nth-child(2n) ul { transition:2.8s all; transition-delay:200ms;}
.weddingDayWrap .rolDay > ul ul li {vertical-align: top; position: relative;  font-size:58px; color:#b99f71; opacity:.3; -webkit-filter:blur(2px); -moz-filter:blur(2px);	-o-filter:blur(2px); -ms-filter:blur(2px);	filter:blur(2px);  }
.weddingDayWrap .rolDay ul li.active {width:220px;  height:180px; top:0; margin:0;}
.weddingDayWrap .rolDay ul li.active ul {top:37px;  transition:2s all; transition-delay:1000ms; }
.weddingDayWrap .rolDay ul li.active li {font-size:225px; line-height:225px; color:#504436; top:-110px; opacity:1; 	-webkit-filter:blur(0);	-moz-filter:blur(0);	-o-filter:blur(0);	-ms-filter:blur(0);	filter:blur(0); }
.atm .rolDay > ul {transform:translateX(-570px)}
.atm .rolDay > ul ul  {transform:translateY(0) !important}
*/



.weddingDayWrap .rolDay { color:#504436; max-width:700px; height:200px;  margin:0 auto; overflow:hidden; text-align: center;}
.weddingDayWrap .rolDay ul { white-space:nowrap; padding-top:86px;}
.weddingDayWrap .rolDay ul li { transition:3s all; opacity:0; vertical-align: top; position: relative;  display: inline-block; line-height:58px; font-size:58px; color:#b99f71; -webkit-filter:blur(2px); -moz-filter:blur(2px);	-o-filter:blur(2px); -ms-filter:blur(2px);	filter:blur(2px); top:0; margin:0 25px; width:51px; }
.weddingDayWrap .rolDay ul li.active {font-size:225px; color:#504436; top:-43px; 	-webkit-filter:blur(0);	-moz-filter:blur(0);	-o-filter:blur(0);	-ms-filter:blur(0);	filter:blur(0); width:193px;}
.weddingDayWrap .rolDay ul li:nth-child(2) {transition-delay:1500ms; }
.weddingDayWrap .rolDay ul li:nth-child(4) {transition-delay:1500ms; }
.weddingDayWrap .rolDay ul li:nth-child(1) {transition-delay:2000ms; }
.weddingDayWrap .rolDay ul li:nth-child(5) {transition-delay:2000ms;}
.atm .rolDay ul li { opacity:.3 !important;}
.atm .rolDay ul li.active {transition-delay:1000ms; opacity:1 !important; }
 


.weddingDayWrap .allday {padding:20px 0 95px 0; font-size:28px; color:#f6bd6c; }

.weddingDayWrap .addDay {margin-bottom:90px;}
.weddingDayWrap .addDay a{display: block; max-width:735px; padding:35px; margin:0 auto; position: relative; font-size:25px; color:#595d3b; font-weight:500; background:#f5deae; border-radius:25px; font-family: 'Noto Sans KR';  text-align: left;}
.weddingDayWrap .addDay a span {position: absolute; right:24px; top:50%; margin-top:-32px; padding:16px 73px 16px 0; font-size:25px; line-height:28px; color:#b99f71; font-weight:500;}
.weddingDayWrap .addDay a span:after {content:''; position: absolute; right:0; top:0; width:56px; height:56px; background:#fff url('../images/day_plus.png') center no-repeat; border-radius:50%;}

.weddingDayWrap .calWrap {max-width:545px; margin:0 auto; text-align: center; }
.weddingDayWrap .calWrap table {width: 100%; transition:2s all; transform:translate(0,50px); opacity:0; }
.weddingDayWrap .calWrap table th {font-size:28px; color:#b99f71; line-height:28px; font-weight:400; font-family: 'Cormorant', serif;}
.weddingDayWrap .calWrap table td {font-size:32px; color:#ddcfaf; font-family: 'Playfair Display', serif; padding:20px 0;}
.weddingDayWrap .calWrap table td .active {position: relative; color:#595d3b; }
.weddingDayWrap .calWrap table td .active:after {content:''; position: absolute; left:0; top:-8px; width:100%; height:14px; background:url('../images/day_point01.png') center top no-repeat;}
.weddingDayWrap .calWrap table td .active:before {content:''; position: absolute; left:0; bottom:-6px; width:100%; height:11px; background:url('../images/day_point02.png') center bottom no-repeat;}
.weddingDayWrap .placeName {transition:2s all;  opacity:0;    margin-top:30px; padding-top:25px; background:url('../images/day_dot.png') center top no-repeat; font-size:28px; color:#b99f71; font-weight:500; font-family: 'Noto Sans KR';}
.weddingDayWrap .placeName p { padding-bottom:25px; background:url('../images/day_dot.png') center bottom no-repeat;}


.weddingDayWrap.atm .titleBox .bg {transform:translate(0,0) !important; opacity:1;}
.weddingDayWrap.atm .titleBox p {transform:translate(0,0) !important; opacity:1;}

.calWrap.atm2 table {transform:translate(0,0) !important; opacity:1;}
.atm2 .placeName {transform:translate(0,0) !important; opacity:1;}


/* secTitleWrap */
.secTitleWrap {text-align: center;}
.secTitleWrap .engTit {font-size:18px; line-height:18px; color:#b99f71;  font-family: 'Cormorant', serif; letter-spacing:3px; margin-bottom:17px; }
.secTitleWrap .hanTit {font-size:32px; line-height:32px; color:#595d3b;  font-weight:200;}
.secTitleWrap .hanTit em {font-weight:500;}

/* videoGal */
.videoGal {position: relative;text-align: center; padding:135px 0 90px 0;  background:url('../images/bg_gal.jpg?v2') center no-repeat; background-size:cover; z-index: 10;}
.videoGal:after {content:''; position: absolute; left:0; bottom:-38px; width:100%; height:38px; background:url('../images/bg_galBottom.png') center bottom no-repeat; background-size:cover;; }
.videoGal .galWrap { padding-top:97px;}
.videoGal .galWrap .inner{ max-width:713px; margin:0 auto; }
.videoGal .galWrap .inner .videoImg {margin-bottom:10px;}
.videoGal .galWrap .inner .videoImg a {position: relative; display: block;}
.videoGal .galWrap .inner .videoImg a:after {content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:url('../images/ico_play.png') center no-repeat;}
.videoGal .galWrap .gallery{margin: 0 -5px 0 -5px;}
.videoGal .galWrap .galList:after{display: block;content: '';clear: both;}
.videoGal .galWrap .galList .col{box-sizing: border-box;}
.videoGal .galWrap .galList .col .img img{width: 100%}
.videoGal .galWrap .galList .col ul:after{display: block;content: '';clear: both;}
.videoGal .galWrap .galList .col li{float: left; padding: 0 5px; width: 50%; position: relative;margin-bottom: 10px;border-radius: 20px;overflow: hidden;z-index: 1}
.videoGal .galWrap .galList .col li > a{display: block; position: relative; border-radius: 20px;overflow: hidden;}
.videoGal .galWrap .galList .col li > a .img {background-size:cover !important; background-position:center center !important; padding-bottom:130%; display: block;}
.videoGal .galWrap .galList .col li > a:hover .pop{opacity: 1}
.videoGal .galWrap .galList .col li > a:hover .hover{opacity: 1;  }
.videoGal .galWrap .galList .col li .pop{opacity: 0;transition: all 0.5s; border-radius:20px;}
.videoGal .galWrap .galList .col li .pop,
.videoGal .galWrap .galList .col li .pop:after{position: absolute;top:0;left:0;width: 100%;height:100%;z-index: 1; background:url('../images/gal_hover.png') center no-repeat; background-size:cover;}
.videoGal .galWrap .galList .col li .pop{}
.videoGal .galWrap .galList .col li .pop:after{display: block;content: '';}
.videoGal .galWrap .galList .col li .hover{opacity: 0;transition: all 0.4s 100ms;width: 100%;height:100%;position: absolute;top:0;left:0;z-index: 2; background:url('../images/gal_hover2.png') center no-repeat;}
.videoGal .galWrap .more {margin-top:85px;}

.youtubeBox {position:fixed; left:0; top:0; width: 100%; height: 100%; z-index: 500; display: none; background:rgba(0,0,0,.6);}
.youtubeBox .in{position: absolute; left:50%; top:50%; width: 100%; max-width:1440px; 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 {position: absolute; right:50px; top:50px; cursor:pointer; z-index: 50; width:17px; height:17px; text-indent:-999em; background:url('../images/btnCloseGal.png') center no-repeat;}


.infoWrap {padding:140px 0 190px 0; position: relative;text-align: center; background:url('../images/info_tit01.png') center top no-repeat;}
.infoWrap .secTitleWrap {margin-bottom:95px; }
.infoWrap .infoList {position: relative;  max-width:1440px; margin:0 auto 0 auto; text-align: left; }
.infoWrap .infoList .leftBg {position: absolute; left:-120px; top:0; width:485px; height:240px; background:url('../images/infoLeft.png') center no-repeat; transition:2s all;opacity:0;}
.infoWrap .infoList .rightBg {position: absolute; right:-140px; top:0; width:547px; height:240px; background:url('../images/infoRight.png') center no-repeat; transition:2s all;opacity:0;}
.infoWrap .infoList .slideList {position: relative; width:550px; margin:0 auto;}
.infoWrap .infoList .slideList .txt {position: absolute; left:-105px; top:100px; font-size:18px; color:#b99f71; transform:rotate(-90deg); letter-spacing:2px;  }
.infoWrap .infoList .slideList  .slick-list  {margin:0 -10px;}
.infoWrap .infoList .slideList li {margin:0 5px;}
.infoWrap .infoList .slideList li .img{margin-bottom:50px;}
.infoWrap .infoList .slideList li .img .box {position: relative; padding-bottom: 43.9%; overflow:hidden;}
.infoWrap .infoList .slideList li .img .box img{position: absolute;left:0; top:50%; width: 100%; transform:translateY(-50%)}
.infoWrap .infoList .slideList li .img .box:after {content:''; position: absolute; right:0; top:0; width:100%; height:100%; background:#fff; transition:1.5s all;}
.infoWrap .infoList .slideList li .textWrap { transition:2s all; transform:translate(0,50px); opacity:0;  transition-delay:500ms; padding-bottom:5px;}
.infoWrap .infoList .slideList li .textWrap .txt01 {position: relative; margin-bottom:35px;}
.infoWrap .infoList .slideList li .textWrap .txt01:after {content:''; position: absolute; left:0; top:50%; width: 100%; height:1px; background:#ded2bd; }
.infoWrap .infoList .slideList li .textWrap .txt01 p{position: relative; z-index: 1; background:#fff; font-size:32px; color:#504436; display: inline-block; vertical-align: top;  padding-right:38px;}
.infoWrap .infoList .slideList li .textWrap .txt01 p span {font-size:42px; color:#504436; position: relative; padding-right:40px;}
.infoWrap .infoList .slideList li .textWrap .txt01 p span:after {content:''; position: absolute; right:20px; top:50%; margin-top:-2px; width:5px; height:5px; border-radius:50%; background:#504436;}
.infoWrap .infoList .slideList li .textWrap .txt02 {font-size:28px; color:#9f7832; word-break: keep-all;  font-weight:400; font-family: 'Noto Sans KR';}
.infoWrap .infoList .slick-arrow {position: absolute;}
.infoWrap .infoList .slick-arrow.slick-next {right:-95px; top:115px; width:20px; height:13px; text-indent:-999em; background:url('../images/infoArrow.png') center no-repeat; z-index: 10;}
.infoWrap .infoList .slick-prev {display: none !important;}

.atm .infoList .leftBg {opacity:1;}
.atm .infoList .rightBg {opacity:1;}
.atm .infoList .slideList li .img .box:after {width:0;}
.atm .infoList .slideList li .textWrap {transform:translate(0,0) !important; opacity:1;}

/* partyWrap */
.partyWrap {background:#e5dccc url('../images/bg_comment.jpg') center top no-repeat; background-size:cover; padding:160px 0 170px;}
.partyWrap .secTitleWrap {margin-bottom:50px; padding-bottom:50px; background:url('../images/commnet_dot.png') center bottom no-repeat; text-align: center;}
.partyWrap .secTitleWrap .engTit {color:#b99f71;}
.partyWrap .secTitleWrap .hanTit {color:#332a22;}
.partyWrap .secTitleWrap .hanTit .no1 {margin-bottom:10px;}

.partyWrap .marqWrap { overflow:hidden; height: 50px;}
.partyWrap .waveText {margin-bottom: 50px;position: relative;z-index: 1; transition:2s all; transform:translate(0,50px); opacity:0;  transition-delay:500ms;}
.partyWrap .waveText.none {display: none;}
.partyWrap .wave {padding-left:45px; display: inline-block;  cursor:pointer; }
.partyWrap .wave:first-child {margin-left:0;}
.partyWrap .wave:after {content:''; display:block; clear:both;}
.partyWrap .wave .img {display: inline-block; width:95px; height:95px; border-radius:50%; overflow:hidden;  vertical-align: middle;}
.partyWrap .wave .img span{display: block; position: relative; overflow:hidden;}
.partyWrap .wave .img span:after {content:''; position: absolute; left:0; top:0; width:calc(100% - 8px); height:calc(100% - 8px); border:4px solid #3b322a;  border-radius:50%; display: none; }
.partyWrap .wave:hover .img span:after {display: block; }
.partyWrap .wave .img img{width: 95px; height: 95px; vertical-align: top; display: block;}
.partyWrap .wave .txt {display: inline-block; vertical-align: middle; font-size: 58px; font-weight: 700; color:#332a22; line-height: 58px; margin-left: 20px; white-space:nowrap; font-family: 'Noto Sans KR';}
.partyWrap .wave:hover .txt {color:#000;}

.comWrap {max-width:734px; margin:0 auto; position: relative;z-index: 1;  font-family: 'Noto Sans KR'; transition:2s all; transform:translate(0,50px); opacity:0;  transition-delay:500ms;}
.comWrap .inputWrap {position: relative;margin-bottom:60px;}
.comWrap .inputWrap .in {}
.comWrap .inputWrap .in:after {content:''; display:block; clear:both;}
.comWrap .inputWrap .in .user {position: relative;  margin-bottom:15px; border-radius:20px; }
.comWrap .inputWrap .in .user:after {content:''; display:block; clear:both;}
.comWrap .inputWrap .in .user .img {position: relative; position: absolute; left:83px; top:23px; border-radius:50%; overflow:hidden;  z-index:5; }
.comWrap .inputWrap .in .user .img:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 5;}

.atm .waveText {transform:translate(0,0) !important; opacity:1;}
.atm .comWrap {transform:translate(0,0) !important; opacity:1;}

.comWrap .inputWrap .in .user .img img {width: 65px; height: 65px; }
.comWrap .inputWrap .in .user > .img {display: none;}
.comWrap .inputWrap .in .user .selBox { position: relative; z-index: 5; }
.comWrap .inputWrap .in .user .selBox .tit {display:none; font-size:28px; line-height: 28px;  height:110px; line-height:110px;    padding:0 0 0 168px;  color:#504436; font-weight:500; position: relative; cursor:pointer; }
.comWrap .inputWrap .in .user .selBox .tit span {display: block; position: relative;}
.comWrap .inputWrap .in .user .selBox .tit span:after {content:''; position: absolute; right:50px; top:50%; margin-top:-6px; background:url('../images/ico_arrow.png') no-repeat; width: 15px; height: 12px;}
.comWrap .inputWrap .in .user .selBox .list {display: flex !important; height:100% !important; position: static !!important; left:0; top:95px;width: 100%; ; border-top:none; overflow:hidden;  border-radius:0 !important;}
.comWrap .inputWrap .in .user .selBox .list li {width:50%; position: relative; }
.comWrap .inputWrap .in .user .selBox .list li:first-child {margin-right:15px;;}
.comWrap .inputWrap .in .user .selBox .list li a {display: block; position: relative;  }
.comWrap .inputWrap .in .user .selBox .list li label { color:#504436; font-weight:300; background:#ede8dc; border-radius:20px;  overflow:hidden;  display: block; font-size:28px; line-height: 28px;  height:110px; line-height:110px;    padding:0 0 0 168px;  color:#504436;  position: relative; cursor:pointer; }
.comWrap .inputWrap .in .user .selBox .list li input {position: absolute; left:0; top:0; visibility:hidden }
.comWrap .inputWrap .in .user .selBox .list li input:checked ~ label {border:2px solid #504436; font-weight:500; color:#504436; background:#f7f3e9; padding-left:166px;; line-height:106px;; }
/* .comWrap .inputWrap .in .user .selBox .list li.hidden {display: none;} */
.comWrap .inputWrap .in .inputBox {position: relative; background:#ede8dc; border-radius:20px; padding-right:110px; overflow:hidden;}
.comWrap .inputWrap .in .inputBox input {width: 100%;vertical-align: top; height: 110px; border:none; padding:0 0 0 35px; background:none; outline:none; font-size:28px; color:#000; font-weight: 300; border-radius: 30px;   font-family: 'Noto Sans KR';}
.comWrap .inputWrap .in .inputBox input::-webkit-input-placeholder{color:#504436; font-size:28px;}
.comWrap .inputWrap .in .inputBox input::-moz-placeholder{color:#504436; font-size:28px;}
.comWrap .inputWrap .in .inputBox input:-ms-input-placeholder{color:#504436; font-size:28px;}
.comWrap .inputWrap .in .inputBox input:-moz-placeholder{color:#504436; font-size:28px;}
.comWrap .inputWrap .btnComment {position: absolute; right:0; bottom:0; }
.comWrap .inputWrap .btnComment a {display: block;  font-size: 28px; font-weight: 500; color:#504436; background:#dcd3be; width:110px; height: 110px; line-height: 110px; text-align: center;}
.comWrap .partyCheck {}
.comWrap .partyCheck .thxBox {display: block;  font-size: 28px; font-weight: 500; color:#504436; background:#dcd3be; height: 110px; line-height: 110px; text-align: center;border-radius: 20px;}
.comWrap .partyCheck .btn,
.comWrap .partyCheck .thxBox,
.comWrap .partyCheck .complete{border-radius: 20px;overflow: hidden;}
.comWrap .partyCheck .btn a{display: block;  font-size: 28px; font-weight: 500; color:#fff; background:#332a22; height: 110px; line-height: 110px; text-align: center;border-radius: 20px;}
.comWrap .partyCheck .complete {position: relative; margin-top:20px; padding-right: 385px;}
.comWrap .partyCheck .complete .cnt{background: #000;margin-right: 385px;}
.comWrap .partyCheck .complete .num {position: absolute; left:0; top:0; padding-left: 52px; font-size: 20px; color:#f4f1ef; text-align: left;  height: 120px; line-height: 120px;}
.comWrap .partyCheck .complete .num em {font-size:64px;  font-weight: 700;}
.comWrap .partyCheck .complete .answer { background:#000;text-align:right; padding:0 25px 0 137px; color:#f4f1ef; font-weight:700; font-size: 20px; height: 120px; line-height: 120px;}
.comWrap .partyCheck .complete .thx {position: absolute; right:0; top:0; width: 100px; height: 120px; line-height: 120px; font-size: 20px; color:#000; font-weight: 200; background:#eaeaea; width: 385px; text-align: center;}


/* contactWrap */
.contactWrap { padding:0 0 170px 0; text-align: center; }
.notComment .contactWrap { border-top:1px solid #f2eee5;}
.contactWrap .secTitleWrap {padding-top:200px; margin-bottom:95px; background:url('../images/tit_tel01.png') center bottom no-repeat; text-align: center;}
.contactWrap .coupleBox {font-size:0; margin-bottom:100px; transition:2s all; opacity:0;  transition-delay:500ms;}
.contactWrap .coupleBox .box {display: inline-block; vertical-align: top; position: relative; width:240px;}
.contactWrap .coupleBox .box .tit {position: absolute; font-size:18px; line-height:18px; color:#b99f71; font-family: 'Cormorant', serif;  letter-spacing:2px;  }
.contactWrap .coupleBox .box.no1 { margin-right:60px; }
.contactWrap .coupleBox .box.no1:after {content:''; position: absolute; right:-35px; top:115px; width:11px; height:14px; background:url('../images/ico_tel01.png') no-repeat;}
.contactWrap .coupleBox .box.no1 .tit {top:113px; left:-85px; transform:rotate(-90deg);}
.contactWrap .coupleBox .box.no2 .tit {top:113px; right:-85px; transform:rotate(90deg); }
.contactWrap .coupleBox .box .imgTxt {}
.contactWrap .coupleBox .box .imgTxt .img {margin-bottom: 27px;}
.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; }


.atm .coupleBox {transform:translate(0,0) !important; opacity:1;}

.contacName {}
.contacName p {position: relative; display: inline-block; vertical-align: top; padding:0 10px; letter-spacing:-1px;}
.contacName p:after {content:''; position: absolute; left:0; bottom:-5px; width: 100%; height:23px; background:#fdf8ef;}
.contacName p a {padding-right:43px; position: relative; z-index:5; font-size:28px; line-height:28px; color:#b99f71; font-weight:300; background:url('../images/ico_tel02.png') right center no-repeat; font-family: 'Noto Sans KR';}
.contacName p a.kakao {background:url('../images/icon_kakaotalk_m.png') 99% center no-repeat; background-size:21px auto;}
.contacName p a em {font-size:32px; color:#595d3b; font-weight:500; font-family: 'NotoSerifKr', serif; }

.contactWrap .familyBox {font-family: 'Noto Sans KR';  display: none;}
.contactWrap .familyBox .btnFm {font-family: 'Noto Sans KR';  background:url('../images/ico_tel04.png') center repeat-x; max-width:1440px; margin:0 auto 95px auto;}
.contactWrap .familyBox .btnFm a {display: inline-block; vertical-align: top; font-size:28px; line-height:28px; color:#b99f71; font-weight:500; background:#fff; padding:0 15px;  }
.contactWrap .familyBox .btnFm a span { padding-right:30px; background:url('../images/ico_tel03.png') right center no-repeat;  }
.contactWrap .familyBox.active .btnFm a span { background:url('../images/ico_tel03_on.png') right center no-repeat;  }
.contactWrap .familyBox .detailFm {height:0; overflow:hidden;  transition:1s all;  }
.contactWrap .familyBox .detailFm .box {opacity:0;  display: inline-block; vertical-align: top; width:340px; background:#fbfaf8; border-radius:20px; border:1px solid #ded5c1; padding:75px 0 0 0; height:345px;}
.contactWrap .familyBox .detailFm .box:first-child {margin-right:35px;}
.contactWrap .familyBox .detailFm .box .tit {margin-bottom:55px;}
.contactWrap .familyBox .detailFm .box .tit span {position: relative; font-size:28px; line-height:28px; color:#595d3b; font-weight:500; display: inline-block; vertical-align: top; padding:0 35px;}
.contactWrap .familyBox .detailFm .box .tit span:after {content:''; position: absolute; left:0; top:3px; width:23px; height:23px; background:url('../images/ico_tel05.png') center no-repeat;}
.contactWrap .familyBox .detailFm .box .tit span:before {content:''; position: absolute; right:0; top:3px; width:23px; height:23px; background:url('../images/ico_tel05.png') center no-repeat;}
.contactWrap .familyBox .detailFm .box .contacName:last-child {margin-top:35px;}

.contactWrap .familyBox.active .detailFm {height:auto;}
.contactWrap .familyBox.active .detailFm .box {opacity:1;; transition:2s all;}

/* countWrap */
.countWrap{padding: 120px 0 55px; background:#363026 url('../images/bg_dday.jpg') center no-repeat; background-size:cover; height:465px; text-align: center;}
.countWrap .countList{margin-bottom:20px;}
.countWrap .countList .numWrap{font-size: 0; }
.countWrap .countList .numWrap .wr {display: inline-block; width:140px; white-space:nowrap;}
.countWrap .countList .numWrap p {display: inline-block; font-size:117px; line-height:117px; color:#ede8dc; font-family: 'Playfair Display', serif; }
.countWrap .countList .numWrap .col {display: inline-block; font-size:69px;  margin:0 25px}
.countWrap .countDay {margin-top:20px; font-size:28px; line-height:28px; font-weight:300; color:#ede8dc; font-family: 'Noto Sans KR'; transition:2s all; opacity:0;  transition-delay:1000ms;}
.countWrap .countDay .bold {font-weight:500;}
.countWrap .last {font-size:18px; line-height:18px;color:#887763; margin-top:105px;   }

.atm .countDay {transform:translate(0,0) !important; opacity:1;}


/* btnNotice */
.btnNotice.arrowNone .navThumb{display: none;}
.btnNotice {font-family:'Noto Sans KR'; position: relative; background:#faf7ec; background-size:cover; }
.btnNotice .count {display: inline-block; width:75px; height:37px; line-height:37px; position: relative; text-align: center;  border-radius:20px; font-size:20px; font-weight:300; color:#b99f71; margin-left:5px; background:#f4efde; vertical-align: middle;}
.btnNotice .count.mob {display: none;}
.btnNotice .swiper-container {margin:0 auto; text-align: center;}
.btnNotice .tit {position: relative; z-index:10; display: inline-block; vertical-align: middle; text-align: center; height:130px; line-height:130px; max-width:620px;}
.btnNotice .tit p {display: inline-block; cursor:pointer; vertical-align: middle;font-size:28px; padding-left:52px; color:#504436; font-weight:500; background:url('../images/rb/rbIcon.png') left center no-repeat; }

.btnNotice .navThumb {position: absolute; left:50%; top:0; width:736px; margin-left:-368px; }
.btnNotice .navThumb span {position: absolute;  top:52px; width:15px; height: 27px; text-indent:-999em; z-index: 50; outline:none; cursor:pointer;}
.btnNotice .navThumb span.swiper-button-disabled {display: none;}
.btnNotice .navThumb .rbThumbPrev{left:20px; background:url('../images/rb/rbArrow1.png') center top no-repeat; }
.btnNotice .navThumb .rbThumbNext {right:20px; background:url('../images/rb/rbArrow2.png') center top no-repeat;}

.btnNotice .contBox {background:url('../images/rb/rbLine.png') top center no-repeat; padding-top:75px; text-align: center; text-align: center;}
.btnNotice .contBox .bank {max-width:460px; margin:0 auto;}
.btnNotice .contBox .bank .tit01 {font-size:28px; line-height:28px; color:#7098cf; font-weight:700; margin-bottom:25px;}
.btnNotice .contBox .bank .tit02 {font-size:28px; line-height:28px; color:#504436; font-weight:300; margin-bottom:25px;}
.btnNotice .contBox .bank .tit03 {font-size:28px; line-height:28px; color:#aaa08b; font-weight:300; margin-bottom:50px;}
.btnNotice .contBox .bank .tit03 span { color:#504436; }
.btnNotice .contBox .bank.last {padding-top:85px; margin-top:50px; border-top:2px dashed #e2d9c9; }
.btnNotice .contBox .bank.last .tit01 { color:#cf909b; }

.btnNotice .contBox .bank .copyBank input { position: absolute; visibility:hidden;}
.btnNotice .contBox .bank .copyBank .btn {font-family:'Noto Sans KR'; display: inline-block; vertical-align: top;border:none; background:#f4efde; width:200px;height:72px; line-height:72px; border-radius:20px; text-align: center; font-size:24px; color:#504436; font-weight:500;}
.btnNotice .contBox .lastTxt {padding:100px 0 125px 0; font-size:28px; line-height:36px; color:#504436; font-weight:300;}
.btnNotice .close {text-align: center; padding-bottom:75px; display: none;}
.btnNotice .close a {font-size:24px; line-height:24px; display: inline-block; vertical-align: top; font-weight:500; color:#b99f71; padding-bottom: 10px; border-bottom:1px solid #b99f71; }
.btnNotice.active .close {display: block;}

/* locationWrap */
.locationWrap {padding-top:180px;}
.locationWrap .secTitleWrap {margin-bottom:50px;}
.locationWrap .mapWrap {position: relative; font-family: 'Noto Sans KR';}
.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;}
.locationWrap .mapWrap .popAddr {position: absolute; left:50%; bottom:40px; width:734px; display:flex; align-items:center; margin-left:-362px; border-radius:20px; height:113px; line-height:113px; padding-left:46px; padding-right:153px; background:#fff; z-index: 30; }
.locationWrap .mapWrap .popAddr .tit {font-size:25px; color:#504436; font-weight:500; letter-spacing:-1px; line-height:1.3;}
.locationWrap .mapWrap .popAddr .btn {position: absolute; right:34px; top:40px; font-size:25px; line-height:28px; color:#bab9b9; border:none; font-weight:500; letter-spacing:-1px; padding:2px 40px 2px 0; background:url('../images/ico_copy.png') right center no-repeat; font-family: 'Noto Sans KR';}
.locationWrap .mapWrap .popAddr input {position: absolute; visibility: hidden;}
.locationWrap .infoLoca {background:#faf7ec; padding:75px 0 125px 0;}
.locationWrap .infoLoca .in {max-width:700px; margin:0 auto;}
.locationWrap .infoLoca .in .box {border-top:2px dashed #e0d3c1; padding-top:50px; margin-top:35px; transition:2s all; transform:translate(0,50px); opacity:0; }
.locationWrap .infoLoca .in .box:first-child {padding-top:0; margin-top:0; border-top:none;}
.locationWrap .infoLoca .in .box .tit01 {font-size:32px; line-height:32px; color:#595d3b; font-weight:500; margin-bottom:15px;}
.locationWrap .infoLoca .in .box .tit02 {font-size:28px; color:#9f7832; font-weight:400; margin-bottom:20px; font-family: 'Noto Sans KR'; letter-spacing:-1px; word-break:break-word}
.locationWrap .infoLoca .in .box .tit02 span { color:#9f7832 !important;; font-weight:400 !important;}
.locationWrap .infoLoca .in .box .tit02 a { color:#9f7832 !important;; font-weight:400 !important;}
.locationWrap .infoLoca .in .box .btnLoca:after {content:''; display: block; clear:both;}
.locationWrap .infoLoca .in .box .btnLoca a {float:left; width:32%; margin-left:2%; height:85px; line-height:79px; background:#fff; border-radius:20px; text-align: center; font-family: 'Noto Sans KR';}
.locationWrap .infoLoca .in .box .btnLoca a:first-child {margin-left:0;}
.locationWrap .infoLoca .in .box .btnLoca a span {font-size:27px; color:#504436; font-weight:500; padding-left:50px; display: inline-block; vertical-align: middle;}
.locationWrap .infoLoca .in .box .btnLoca a.no1 span {background:url('../images/ico_nav01.png') left center no-repeat;}
.locationWrap .infoLoca .in .box .btnLoca a.no2 span {background:url('../images/ico_nav02.png') left center no-repeat;}
.locationWrap .infoLoca .in .box .btnLoca a.no3 span {background:url('../images/ico_nav03.png') left center no-repeat;}

.locationWrap .infoLoca .in .box:nth-child(1) { transition-delay:500ms; }
.locationWrap .infoLoca .in .box:nth-child(2) { transition-delay:1000ms; }
.locationWrap .infoLoca .in .box:nth-child(3) { transition-delay:1500ms; }
.locationWrap .infoLoca .in .box:nth-child(4) { transition-delay:2000ms; }

.infoLoca.atm2 .in .box {transform:translate(0,0) !important; opacity:1;}


/* thanksWrap */
.thanksWrap {background:#d0be99 url('../images/bg_thang.jpg') center no-repeat; background-size:cover; padding-bottom:60px;}
.thanksWrap .secTitleWrap { padding-top:130px; padding-bottom:80px; max-width:706px; margin:0 auto; border-bottom:2px dashed #c5b493;}
.thanksWrap .secTitleWrap .engTit {color:#fbefd8;}
.thanksWrap .secTitleWrap .hanTit {color:#504436;}
.thanksWrap .thxTxt {margin:70px auto 140px auto; position: relative; max-width:624px;}
.thanksWrap .thxTxt p {font-size:28px; color:#543d23; font-weight:400; position: relative; font-family: 'Noto Sans KR'; text-align: center; padding:0 20px;}
.thanksWrap .thxTxt p:after {content:'“'; position: absolute; left:0; top:50%; margin-top:-50px; font-size:93px; color:#fae9c6; font-weight:400; font-family: 'Playfair Display', serif;  transition:2s all; opacity:0;}
.thanksWrap .thxTxt p:before {content:'”'; position: absolute; right:0; top:50%; margin-top:-50px; font-size:93px; color:#fae9c6; font-weight:400; font-family: 'Playfair Display', serif;  transition:2s all; opacity:0;}
.thanksWrap .footer {text-align: center;}
.thanksWrap .footer .logo {display: inline-block; vertical-align: top; margin-right:20px;}
.thanksWrap .footer .copy {position: relative; top:10px; font-size:21px; line-height:21px; display: inline-block; vertical-align: top; color:#856e52; font-weight:300; letter-spacing:-1px;}

.thanksWrap.none {background:#fff; padding:60px 0;}
.thanksWrap.none .secTitleWrap {display:none;}
.thanksWrap.none .thxTxt {display:none;}
.thanksWrap.none .footer {transform:none; opacity:1;}
.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;}


.atm .thxTxt p:after {transform:translate(0,0) !important; opacity:1;}
.atm .thxTxt p:before {transform:translate(0,0) !important; opacity:1;}

.interCont .slick-slide {outline:none;}
.interCont .slick-arrow {position: absolute; opacity:0; visibility:hidden;}

.contentSlide .slideList .slick-slide .pop:hover .border {transform:translate(0,0); opacity:1; transition-delay:200ms;} 
.contentSlide .slideList .slick-arrow {position: absolute; top:auto; bottom:-30px; z-index: 10; width: 60px; height: 60px; border:none; text-indent:-999em; outline:none;}
.contentSlide .slideList .slick-arrow.slick-prev {right:0; background:#fff url('../images/btnGalLeft.png') center center no-repeat; }
.contentSlide .slideList .slick-arrow.slick-prev:after {content:''; position: absolute; right:0; top:50%; margin-top:-9px; height: 18px; width: 1px; background:#eaeaea;}
.contentSlide .slideList .slick-arrow.slick-next {right:-60px; background:#fff url('../images/btnGalRight.png') center center no-repeat; }
.contentSlide .slick-dots {display: none !important;}
.contentSlide.popslide {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; background:rgba(0,0,0,.9); border:none; margin:0; opacity:0; visibility:hidden;transition:1.5s opacity;}
body.showYoutube {overflow-y:hidden;}
body.showYoutube .youtubeBox {display: block;}
body.showSlide {overflow-y:hidden;}
body.showSlide .contentSlide.popslide {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; background:rgba(0,0,0,.6); border:none; margin:0;opacity:1; visibility:visible; }
body.showSlide .contentSlide.popslide .slideList { height:100vh;}
body.showSlide .contentSlide.popslide .slideList .slick-slide { height:100vh; text-align: center; font-size: 0;}
body.showSlide .contentSlide.popslide .slideList .slick-slide .slide { position: relative; height: 100%;}
body.showSlide .contentSlide.popslide .slideList .slick-slide .slide:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 5;}

body.showSlide .contentSlide.popslide .slideList .slick-slide .slide img { vertical-align: middle; display: inline-block; height: 100%;}
body.showSlide .contentSlide.popslide .slideList .slick-slide:hover:after {display: none !important;}
body.showSlide .contentSlide.popslide .slideList .slick-slide:hover:before {display: none !important;}

body.showSlide .contentSlide.popslide .slideList .count {position: fixed; text-align: center; left:50%; margin-left:-50px; border-radius:15px; bottom:20px; font-size: 39px; line-height: 39px; color:#f5deae; width:100px; height:39px; font-size:18px; font-weight:300; background:rgba(80,68,54,.75); font-family: 'Noto Sans KR'; }
body.showSlide .contentSlide.popslide .slideList .count .chNum {font-weight:500; color:#fff;}
body.showSlide .contentSlide.popslide .slideList .count .dash {display: inline-block;  margin:0 7px; width:7px; height:11px; background:url('../images/dash.png') center no-repeat;}
body.showSlide .contentSlide.popslide .slideList .count .numTotal { opacity:.5;}

body.showSlide .contentSlide.popslide .slideList .arrows div {position: fixed; top:50%; margin-top:-10px; z-index: 10; width:50px; height:50px; border:none; text-indent:-999em; outline:none; cursor:pointer;}
body.showSlide .contentSlide.popslide .slideList .arrows div.left {left:100px; background:url('../images/btnGalBigLeft.png?v=02') no-repeat; }
body.showSlide .contentSlide.popslide .slideList .arrows div.right {right:100px; background:url('../images/btnGalBigRight.png?v=02') no-repeat; }
body.showSlide .contentSlide.popslide .slideList .slick-arrow {display: none !important;}
body.showSlide .contentSlide.popslide .closeSlide {display: block; background:url('../images/btnCloseGal.png?v=01') no-repeat; }
.contentSlide .slick-dots {display: none;}
.contentSlide.popslide .slideList .slick-slide {margin:0;}


.silence {position: absolute; visibility:hidden}

.alertPop {position: fixed; left:0; top:0; width: 100%; height: 100%; display: none; z-index: 999; font-family: 'Noto Sans KR'; }
.alertPop .bg{ position: fixed; left:0; top:0; width: 100%; height: 100%;  z-index: 1;}
.alertPop .in {position: fixed; left:50%; top:50%; margin:-150px 0 0 -275px; text-align: center; width: 550px;  z-index: 100; border-radius:20px; background:#fff; padding-bottom:55px; }
.alertPop .in .title {font-size: 28px; color:#504436; font-weight:500; padding:75px 0 35px 0; white-space: pre-line;}
.alertPop .in .btn a {display: inline-block; width: 165px; height: 70px; line-height: 70px; background:#f4efde; font-size: 24px; color:#504436; border-radius:20px;}

.hiddenList {display: none;  }



.mindWrap {padding:160px 0; background:url('../images/mind/bg_mind.jpg') center no-repeat; background-size:cover; text-align: center; font-family: 'Noto Sans KR'; text-align: left;}
.mindWrap .in {max-width:1440px; margin:0 auto;}
.mindWrap .title {position: relative; padding-top:40px; font-size:32px; line-height:32px; color:#595d3b; font-weight:300; font-family: 'NotoSerifKr', serif; margin-bottom:100px; padding-bottom:100px; border-bottom:1px dashed #dcd3be; text-align: center;}
.mindWrap .title:after {content:''; position: absolute; left:50%; top:0; width:11px; height:20px; background:url('../images/mind/mind01.png') center no-repeat;}
.mindWrap .title span { font-weight:500;}
.mindWrap .text {font-size:28px; line-height:45px; color:#9f7832; font-weight:300; font-family: 'NotoSerifKr', serif; margin-bottom:100px; text-align: center;}
.mindWrap .contBox {max-width:735px; margin:0 auto 15px auto; border:1px solid #dbddcd; }
.mindWrap .contBox .tit {padding:0 0 0 45px; position: relative; cursor:pointer; height: 85px; line-height:80px;; background:#e6e7dc;  }
.mindWrap .contBox .tit span {font-size:28px; color:#595d3b; font-weight: 500; padding-left:35px; background:url('../images/mind/mind03.png') left center no-repeat; }
.mindWrap .contBox .tit:after {content:''; position: absolute; right:50px; top:50%; margin-top:-6px;; width:19px; height:12px; background:url('../images/mind/mind04.png') center no-repeat;}
.mindWrap .contBox.active .tit:after {transform:rotate(180deg);}
.mindWrap .contBox.active .toggle {display: block;}
.mindWrap .contBox .toggle {display: none; padding:50px; background:#ecede6; border-top:2px dashed #dbddcd;}
.mindWrap .contBox .toggle .info {position: relative; font-size:28px; color:#000000; line-height:28px; font-weight:500; margin-bottom:50px;}
.mindWrap .contBox .toggle .info .bank {padding:0 167px 0 30px; display:flex; }
.mindWrap .contBox .toggle .info .bank em {font-weight:300; position: relative; padding-left:28px; margin-left:28px;}
.mindWrap .contBox .toggle .info .bank em:after {content:''; position: absolute; left:0; top:11px; width:4px; height:4px; background:#000000; border-radius:50%; }
.mindWrap .contBox .toggle .info .name {font-weight:300; position: absolute; right:0; bottom:0; max-width:220px; color:#222222; font-size:22px; text-align: right;}
.mindWrap .contBox .toggle .info .name em {font-size:28px; color:#000000; font-weight:500; display: inline-block;}
.mindWrap .contBox .toggle .btn {display:flex; justify-content:center; text-align: center;}
.mindWrap .contBox .toggle .btn button {width:48.5%;  border-radius:20px; text-align: center; height:72px; line-height:72px; background:#fff; font-size:24px; color:#222222; font-weight:500; font-family: 'Noto Sans KR'; border:none;}
.mindWrap .contBox .toggle .btn button.no1 {background:#ffe000;}
.mindWrap .contBox .toggle .btn button.no1 span{padding-left:69px;  background:url('../images/mind/mind05.png') left center no-repeat;}
.mindWrap .contBox .toggle .btn button.no2 {margin-left:3%;}
.mindWrap .contBox .toggle .btn button.no2 span {padding-left:40px;  background:url('../images/mind/mind06.png') left center no-repeat;}

.mindWrap .contBox.bride {border:1px solid #ded6cc}
.mindWrap .contBox.bride .tit {background:#f0eae1; }
.mindWrap .contBox.bride .tit span {color:#856442;  background:url('../images/mind/mind07.png') left center no-repeat; }
.mindWrap .contBox.bride .tit:after {background:url('../images/mind/mind08.png') center no-repeat;}
.mindWrap .contBox.bride .toggle {background:#f2efea;}



.guestName {font-family: 'Pretendard', serif; display: inline-block; vertical-align: middle; font-weight:500; margin-left: 14px; font-size:16px; line-height:16px; color:#2f1f12; 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:#f4efde; font-size: 16px;font-weight: 500;color:#000; border-radius:10px;}


.infoList .btns { margin-top:50px;}

.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;
	font-family: 'Pretendard', serif;
}
.btns.t1{height:110px;background-color: #f8f1e8;border: 1px solid #efe3d5;border-radius: 15px;font-size: 28px;color: #946f2e}
.btns.t1.c1{background-color: #faf7ec;color: #946f2e}
.btns.t1.c2{background-color: #fbf7f2;color: #321e0f}
.btns span{position: relative;padding-left: 45px;}
.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 {margin:0 !important;}
.btns.t1 span.img:before{width: 29px;height: 29px;background-image: url(../images/icon_img.png);margin-top: -15px;}
.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}

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

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


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}


.nameAllBox {text-align:center;}
.nameAllBox .inBox {display:inline-block; text-align:left;}

/***************************************************************************************
 Media Query
***************************************************************************************/

@media only screen and (orientation: landscape) {
body.showSlide .contentSlide.popslide .slideList .slick-slide .slide {line-height:100vh !important;}
}




@media all and (max-width:1024px) {

	.popImg .btnClose,
	.popImg .btnDownload{right:13px; top:14px;background-image:url('../images/icon_close_m.png'); background-size:18px auto;}
	.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);}

	.infoList .btns { margin-top:25px;}
	.btns.t1{font-size: 13px;height: 50px;border-radius: 8px; }
	.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}
	


	.guestName {font-size:13px; line-height:13px;}

	html { -webkit-text-size-adjust: none;  letter-spacing:-0.03em;}

	.mob {display: inline-block;}
	.m{display: none;}
	.w{display: none;}
	.t{display: block;}

	.btnMenuClose,.contentSlide .closeSlide,.interPop .btnInterClose, .closeVideo {display: inline-block;position: fixed; right:25px; top:25px; width: 17px; height: 17px;text-indent:-999em; background:url('../images/ico_gnbClose_m.png') no-repeat; background-size:17px;}


	.introWrap { background:#fbf9f3 url('../images/intro/bg.jpg') no-repeat; background-size:cover; z-index: 999; transition:.5s all; overflow:hidden;}
	.introWrap .in {position: absolute; left:50%; top:50%;  text-align: center; white-space:nowrap;}
	.introWrap .in .dday {font-size:80px; color:#b99f71; line-height:70px; margin-bottom:35px;}
	.introWrap .in .name {font-size:16px; line-height:22px; color:#595d3b; font-weight:300; margin-bottom:25px;}
	.introWrap .in .name span {font-size:20px; font-weight:500;}
	.introWrap .in .progress {background:#ede8dc; width:200px; height:3px; margin:0 auto 45px auto; overflow:hidden; position: relative; border-radius:30px;}
	.introWrap .in .progress span {position: absolute; left:0; top:0; width:30px; height:3px; background:#b99f71;}
	.introWrap .in .leaf {background: url('../images/intro/leaf02_m.png') center no-repeat; height:54px; background-size:25px auto;}
	.introWrap .in .text01 {font-size:14px; color:#b99f71; line-height:22px; font-weight:300; margin:20px 0;}
	.introWrap .in .text02 {font-size:14px; color:#ddcfaf; line-height:14px; font-weight:300;}
	.introWrap .in .leafList span {position: absolute;}
	.introWrap .in .leafList span.no1 {left:75px; top:12px; width:16px; height:21px; background:url('../images/intro/leaf00_m.png') center no-repeat; background-size:10px auto;}
	.introWrap .in .leafList span.no2 {right:-14px; top:150px; width:18px; height:29px; background:url('../images/intro/leaf01_m.png') center no-repeat; background-size:12px auto;}
	.introWrap .in .leafList span.no3 {left:-10px; bottom:65px; width:21px; height:20px; background:url('../images/intro/leaf03_m.png') center no-repeat; background-size:15px auto;}

	.introWrap .in .star div { animation-name:star; animation-duration:1.5s;  animation-iteration-count: infinite; animation-direction: alternate; opacity:0;}
	.introWrap .in .star div:nth-child(1) {left:-100px; top:70px; display: block; animation-delay:100ms;}
	@keyframes star {
		from  {opacity:0;}
		to {opacity:1;}
	}

/* body.introOut {overflow-y:visible !important;}
body.introOut .introWrap {transform:scale(1.3); opacity:0; visibility:hidden; } */



	/* popGnb */
	.popGnb .inner .gnbList ul li {margin-bottom:20px;}
	.popGnb .inner .gnbList ul li:last-child {margin-bottom:0;}
	.popGnb .inner .gnbList ul li a {display: inline-block; vertical-align: top; font-size:20px; line-height:20px; font-weight:500; color:#bdaa88; font-family: 'Cormorant', serif;}
	.popGnb .inner .gnbList ul li a:hover {color:#504436; text-decoration:underline;}
	.popGnb .inner .gnbList ul li a.active {color:#504436; text-decoration:underline;}
	.popGnb .btnMenuClose {position: absolute; right:25px; top:25px; text-indent:-999em; background:url('../images/ico_gnbClose_m.png') center no-repeat; background-size:17px auto; width:17px; height:17px; }
	body.gnbOpen  .popGnb {opacity:1; visibility:visible;}


	.head {position: fixed; left:0; top:-50px; width: 100%; height:50px; background:rgba(255,252,247,.85);  z-index: 100; transition:1s all;}
	.head .inner {position: relative; z-index: 1;}
	.head .inner .h1Wrap {position: absolute; left:20px; top:13px;}
	.head .inner .h1Wrap h1 > a {font-size:12px; line-height:12px; letter-spacing:1px; font-weight: 500;color:#b99f71;transition:.3s all; font-family: 'Playfair Display', serif;}
	.head .inner .h1Wrap h1 > a span {font-family: 'NotoSerifKr', serif; }
	.head .inner .btnMenu {position: absolute; right:15px; top:13px;}
	.head .inner .btnMenu a {display: inline-block; vertical-align: top; width:25px; height:21px; background:url('../images/ico_menu_m.png') center no-repeat; background-size:20px auto; text-indent:-999em;}
	.head.on {top:0;}


	/* QUICK */
	.quickWrap {position: fixed; right:0; top:auto; bottom:0; width:100%;  font-size:13px; }
	.quickWrap .count {float:left; line-height:50px; /*width: 25%;*/width:50%; padding:0;   height:50px; margin-bottom: 0; }
	.quickWrap .count:after {display: none;}
	.quickWrap .count .today {position: relative; padding-bottom:0; padding-right: 10px; margin-right:10px; margin-bottom: 0; display: inline-block; width:auto;}
	.quickWrap .count .today:after{content:''; position: absolute; left:auto; right:0; margin-bottom:-2px; bottom:50%;  width: 3px; height:3px; background:#856e52;}
	.quickWrap .count div {display: inline-block;}
	.quickWrap .count br {display: none;}
	.quickWrap .linkList {position: relative; float:left; border:none;  margin-bottom:0; /*width:75%;*/width:50%; padding:0 15px;}
	.quickWrap .linkList:after {content:''; position: absolute; left:0; top:50%; margin-top:-10px; width: 2px; height:20px; background:#f0eae1; }
	.quickWrap.none .linkList {width:100% !important;}
	.quickWrap .linkList ul {display:flex; justify-content:space-between; align-items:center;}
	.quickWrap .linkList ul li {position: relative; width:auto;border:none; width:100%;}
	.quickWrap .linkList ul li:last-child {border-bottom:none;}
	.quickWrap .linkList ul li:first-child:after {display: none;}
	.quickWrap .linkList ul li .ico {display: block; width:100%; height:50px; text-indent:-999em;}
	.quickWrap .linkList ul li.sound .ico {background:url('../images/btnSoundOff_mob.png?v2') center center no-repeat; background-size:19px auto;}
	.quickWrap .linkList ul li.sound.on .ico {background:url('../images/btnSoundOn_mob.png?v1') center center no-repeat; background-size:19px auto;}
	.quickWrap .linkList ul li.tel .ico {background:url('../images/btnTel_mob.png') center center no-repeat; background-size:14px auto;}
	.quickWrap .linkList ul li.tel .ico:hover {background:url('../images/btnTel_mob.png') center center no-repeat; background-size:14px auto;}
	.quickWrap .linkList ul li.link .ico {background:url('../images/btnLink_mob.png') center center no-repeat; background-size:15px auto;}
	.quickWrap .linkList ul li.link .pop {display: none;}
	.quickWrap .linkList ul li.kakao .pop {display: none;}

	.quickWrap .linkList ul li.mail .ico {background:url('../images/btnMail_mob.png') center center no-repeat; background-size:14px auto;}

	.quickWrap .linkList ul li.kakao {display: block;}
	.quickWrap .linkList ul li.kakao .ico {background: url('../images/ico_kakao_mob.png') center center no-repeat; background-size:20px auto;}
	.quickWrap .linkList ul li .pop {position: absolute; right:auto; left:50%;  width:100px; margin-left:-50px; top:auto; bottom:100%; transform:translate(0,0); transition:.3s all; }
	.quickWrap .linkList ul li.sound .pop { width:80px; margin-left:-40px;}
	.quickWrap .linkList ul li.kakao .pop { width:100px; margin-left:0; left:auto; right:0;}
	
	.quickWrap .linkList ul li.tel .pop {width:170px; left:50%; margin-left:-85px;height: 34px;}
	.quickWrap .linkList ul li.tel .pop a {display: inline-block; border:none; height: 34px; line-height: 34px; padding:0; vertical-align: top;}
	.quickWrap .linkList ul li.tel .pop a:last-child {position: relative; padding:0 0 0 5px; margin-left:5px;}
	.quickWrap .linkList ul li.tel .pop a:last-child:after {content:''; position: absolute; left:0; top:50%; width: 1px; height: 1px; background:#f1f1f1;}
	
	.quickWrap .linkList ul li.mail .pop {width:170px; left:50%; margin-left:-85px;height: 34px;}
	.quickWrap .linkList ul li.mail .pop a {display: inline-block; border:none; height: 34px; line-height: 34px; padding:0; vertical-align: top;}
	.quickWrap .linkList ul li.mail .pop a:last-child {position: relative; padding:0 0 0 5px; margin-left:5px;}
	.quickWrap .linkList ul li.mail .pop a:last-child:after {content:''; position: absolute; left:0; top:50%; width: 1px; height: 1px; background:#f1f1f1;}

	.quickWrap .linkList ul li .pop a {display: block; color:#856e52; background:#fff; padding:9px 0; z-index: 8px; font-size:10px;}
/* 	.quickWrap .linkList ul li .pop:after {d:nright:50%; margin-right:-4px; bottom:-4px; top:auto; width: 8px; height:5px; background:url('../images/ico_hover_m.png') center center no-repeat; background-size:8px auto;} */
	.quickWrap .linkList ul li:hover .pop {opacity:1; visibility:visible; transform:translate(0,0); }
	.quickWrap .linkList ul li .pop:after {display: none;}
	.quickWrap .control {display: none;}


	/* visualBox */
	.visualBox {position: relative; height:auto; min-height:622px}
	.visualBox .mainImg img {position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 100%; height:100%; min-width:1218px; min-height:622px;}
	.visualBox .openInterview {position: absolute; left:50%; top:15px; width:300px; margin-left:-150px; height:50px; line-height:45px; background:#fff; border-radius:10px; text-align: center; cursor:pointer; z-index: 20;}
	.visualBox .openInterview p { font-size:12px; line-height:14px; color:#9d7e5f; font-weight:300; display: inline-block; vertical-align: middle; padding:3px 0 3px 20px; background:url('../images/leaf01_m.png') left center no-repeat; background-size:12px auto; letter-spacing:-0.05em; }
	.visualBox .openInterview p span {font-size:14px; color:#664f37; font-weight:500;}
	.visualBox .openInterview:after {content:''; position: absolute; left:46px; bottom:-16px; width:29px; height:19px; background:url('../images/ico_conner_m.png') center no-repeat; background-size:28px auto;}

	.visualBox .mainTitleWrap {position: relative; z-index:10; padding-top:80px; text-align: center;}
	.visualBox .mainTitleWrap .save {white-space:nowrap;display:flex; width:100%; justify-content:center;}
	.visualBox .mainTitleWrap .save span {}
	.visualBox .mainTitleWrap .save span.no1 {top:15px; margin-right:20px; }
	.visualBox .mainTitleWrap .save span.no1 img { width:170px;}
	.visualBox .mainTitleWrap .save span.no2 { top:20px; font-size:18px; }
	.visualBox .mainTitleWrap .save span.no3 img {width:180px;}

	.notInterview .visualBox .mainTitleWrap {padding-top:15px;}



	.visualBox .mainTitleWrap .name {position: relative; top:-5px; font-size:14px; line-height:14px; font-weight:300; color:#fff;}
	.visualBox .mainTitleWrap .name .box {position: relative; display: inline-block; vertical-align: top;}
	.visualBox .mainTitleWrap .name .box em {font-size:16px; font-weight:500;}
	.visualBox .mainTitleWrap .name .box:first-child {margin-right:12px; padding-right:15px;}
	.visualBox .mainTitleWrap .name .box:first-child:after {content:''; position: absolute; right:0; top:50%; margin-top:-7px; width:2px; height:15px; background:#ffffff; }
	.visualBox .bottomDate {position: absolute; bottom:60px; width:100%; text-align: center; }
	.visualBox .bottomDate .tit {font-size:14px; color:#fff9ed; font-weight:300; margin-bottom:20px;}
	.visualBox .bottomDate .play {font-size:13px; color:#fff4df; letter-spacing:3px; }

	.mainVisual .txtBox {position: relative; background:url('../images/bg_thx_m.jpg') center no-repeat;  background-size:cover; padding:60px 0 70px 0;  text-align: center;}
	.mainVisual .txtBox:after {content:''; position: absolute; left:0; top:-20px; width: 100%; height:20px; background:url('../images/bg_greetingTop_m.png') center top no-repeat; background-size:100% 20px;}
	.mainVisual .txtBox:before {content:''; position: absolute; left:0; bottom:-20px; width: 100%; height:20px; background:url('../images/bg_greetingBottom_m.png') center bottom no-repeat;  background-size:100% 20px;}
	.mainVisual .txtBox .txt .leaf {height:45px; background:url('../images/bg_thxLeaf_mob.png') center no-repeat; background-size:25px auto; margin:0 0 20px 0;}
	.mainVisual .txtBox .txt p {font-size:16px; line-height:30px;  margin-bottom:50px;}
	.mainVisual .txtBox .name {position: relative; padding:25px 0; }
	.mainVisual .txtBox .name:after {content:''; position: absolute; left:0; top:0; width: 100%; height:6px; background:url('../images/bg_thx01_m.png') center top no-repeat; background-size:auto 6px;}
	.mainVisual .txtBox .name:before {content:''; position: absolute; left:0; bottom:0; width: 100%; height:2px; background:url('../images/bg_thx02_m.png') center bottom no-repeat;  background-size:300px auto;}
	.mainVisual .txtBox .name .box {font-size:15px;  line-height:15px;  font-family: 'Noto Sans KR';}
	.mainVisual .txtBox .name .box em {font-size:18px; line-height:18px; color:#595d3b; font-weight:500; font-family: 'NotoSerifKr', serif; }
	.mainVisual .txtBox .name .box:first-child {margin-bottom:10px;}

	/* interPop */
	.interPop .popCont .inner{position: relative; padding:0 0 30px 0; max-width:1440px; margin:0 auto;}
	.interPop .popCont .inner .subtitle {padding-top:60px; background:url('../images/tit_inter01_m.png') center top no-repeat; background-size:auto 100%; margin:0 0 40px 0; text-align: center; font-size:16px; line-height:16px; color:#595d3b; font-weight:300; margin-bottom:35px; }
	.interPop .popCont .inner .subtitle span {font-weight:500;}
	.interPop .popCont .inner .interCont {padding:0 20px 0 20px; text-align: left; font-family: 'Noto Sans KR'; background:none;}
	.interPop .popCont .inner .interCont ul {padding:40px 15px 0 15px;  background:url('../images/interDot_m.png') center top no-repeat;  background-size:100% 1px; }
	.interPop .popCont .inner .interCont ul li {margin-bottom:35px;}
	.interPop .popCont .inner .interCont ul li .tit {font-size:15px; ; line-height:15px; color:#595d3b; font-weight:500; margin-bottom:10px;}
	.interPop .popCont .inner .interCont ul li .tit span {font-weight:400; line-height:15px; font-size:17px; position: relative; top:-3px; margin-right:5px;}
	.interPop .popCont .inner .interCont ul li .text {font-size:14px; line-height:24px; }
	.interPop .popCont .inner .interCont ul li.hidden {display: none;}
	.interPop .popCont .inner .leafList span {position: absolute;}
	.interPop .popCont .inner .leafList span.no1 {left:auto; right:100px; top:100px; width:20px; height:26px; background:url('../images/interLeaf01_m.png') center no-repeat; background-size:13px auto;;}
	.interPop .popCont .inner .leafList span.no2 {right:20px; top:318px; width:18px; height:39px; background:url('../images/interLeaf02_m.png') center no-repeat; background-size:12px auto;;}
	.interPop .popCont .inner .leafList span.no3 {left:10px; top:430px; width:23px; height:27px; background:url('../images/interLeaf03_m.png') center no-repeat; background-size:15px auto;;}

	.more {text-align: center;}
	.more span {display: inline-block; vertical-align: top; font-size:12px; color:#b99f71; font-weight:500; font-family: 'Noto Sans KR'; padding-bottom:40px; background:url('../images/ico_more_m.png') center bottom no-repeat; background-size:30px auto; cursor:pointer;}


	/* weddingDayWrap */
	.weddingDayWrap {padding:80px 0 80px 0; text-align: center;}
	.weddingDayWrap .titleBox {padding:35px 0 15px 0; margin-bottom:0; position: relative;}
	.weddingDayWrap .titleBox .bg {position: absolute; left:0; top:0; width:100%; height:114px; background:url('../images/day_tit01_m.png') center top no-repeat; background-size:auto 75px; }
	.weddingDayWrap .titleBox p {position: relative; z-index: 1;  font-size:17px; color:#595d3b; font-weight:200;}
	.weddingDayWrap .titleBox span {font-weight:500;}

/* 	.weddingDayWrap .rolDay {position: relative; top:-10px; color:#504436; max-width:310px;   margin:0 auto; overflow:hidden; text-align: center;}
	.weddingDayWrap .rolDay > ul { white-space:nowrap; padding-top:20px; transition:3s all; transform:translateX(700px); }
	.weddingDayWrap .rolDay > ul > li {display: inline-block; vertical-align: top; position: relative; overflow:hidden; margin:0 5px; width:35px;  height:25px; top:55px;}
	.weddingDayWrap .rolDay > ul ul {position: absolute; left:0; top:-8px; transition:3s all; transform:translateY(-525px);  width:100%;}
	.weddingDayWrap .rolDay > ul li:nth-child(2n) ul { transition:2.8s all; transition-delay:200ms;}
	.weddingDayWrap .rolDay > ul ul li {vertical-align: top; position: relative;  font-size:28px; color:#b99f71;  filter: blur(1px);  }
	.weddingDayWrap .rolDay ul li.active {width:130px;  height:110px; top:0; margin:0;}
	.weddingDayWrap .rolDay ul li.active ul {top:110px;  transition:2s all; transition-delay:1000ms; }
	.weddingDayWrap .rolDay ul li.active li {font-size:115px; line-height:115px; color:#504436; top:-125px; opacity:1; filter: blur(0); }
	.atm .rolDay > ul {transform:translateX(-250px)}
	.atm .rolDay > ul ul  {transform:translateY(0) !important} */


	.weddingDayWrap .rolDay { color:#504436; max-width:355px; margin:0 auto; height:120px; }
	.weddingDayWrap .rolDay ul { white-space:nowrap; padding-top:50px;}
	.weddingDayWrap .rolDay ul li {vertical-align: top; position: relative;  display: inline-block; line-height:28px; font-size:28px; color:#b99f71; -webkit-filter:blur(2px); -moz-filter:blur(2px);	-o-filter:blur(2px); -ms-filter:blur(2px);	filter:blur(2px); top:0; margin:0 15px; width:21px; }
	.weddingDayWrap .rolDay ul li.active {font-size:115px; color:#504436; top:-23px; -webkit-filter:blur(0);	-moz-filter:blur(0);	-o-filter:blur(0);	-ms-filter:blur(0);	filter:blur(0); width:113px;}


	.weddingDayWrap .allday {padding:0 0 45px 0; font-size:16px; color:#f6bd6c; }

	.weddingDayWrap .addDay {margin-bottom:40px; padding:0 15px;}
	.weddingDayWrap .addDay a{max-width:100%; padding:17px; margin:0 auto; position: relative; font-size:12px; color:#595d3b; font-weight:500; background:#f5deae; border-radius:10px; font-family: 'Noto Sans KR';  text-align: left;}
	.weddingDayWrap .addDay a span {position: absolute; right:14px; top:50%; margin-top:-18px; padding:11px 40px 11px 0; font-size:12px; line-height:12px; color:#b99f71; font-weight:500;}
	.weddingDayWrap .addDay a span:after {content:''; position: absolute; right:0; top:2px; width:30px; height:30px; background:#fff url('../images/day_plus_m.png') center no-repeat;  background-size:10px auto; border-radius:50%;}

	.weddingDayWrap .calWrap {max-width:100%; padding:0 30px; margin:0 auto; text-align: center;}
	.weddingDayWrap .calWrap table {width: 100%;}
	.weddingDayWrap .calWrap table th {font-size:16px; color:#b99f71; line-height:15px; font-weight:400; font-family: 'Cormorant', serif;}
	.weddingDayWrap .calWrap table td {font-size:16px; color:#ddcfaf; font-family: 'Playfair Display', serif; padding:5px 0;}
	.weddingDayWrap .calWrap table td .active {position: relative; color:#595d3b; }
	.weddingDayWrap .calWrap table td .active:after {content:''; position: absolute; left:0; top:-6px; width:100%; height:14px; background:url('../images/day_point01_m.png') center top no-repeat; background-size:6px auto; }
	.weddingDayWrap .calWrap table td .active:before {content:''; position: absolute; left:0; bottom:-6px; width:100%; height:11px; background:url('../images/day_point02_m.png') center bottom no-repeat; background-size:25px auto; }
	.weddingDayWrap .placeName {margin:25px 30px 0 30px; padding-top:15px; background:url('../images/day_dot_m.png') center top no-repeat; background-size:auto 1px; font-size:15px; color:#b99f71; font-weight:500; font-family: 'Noto Sans KR';}
	.weddingDayWrap .placeName p { padding-bottom:15px; background:url('../images/day_dot_m.png') center bottom no-repeat  ;  background-size:auto 1px;}


	/* secTitleWrap */
	.secTitleWrap {text-align: center;}
	.secTitleWrap .engTit {font-size:11px; line-height:11px; color:#b99f71;  font-family: 'Cormorant', serif; letter-spacing:3px; margin-bottom:10px; }
	.secTitleWrap .hanTit {font-size:15px; line-height:22px; color:#595d3b;  font-weight:200;}
	.secTitleWrap .hanTit em {font-weight:500;}




	/* videoGal */
	.videoGal {position: relative;text-align: center; padding:70px 0 60px 0;  background:url('../images/bg_gal.jpg?v2') center no-repeat; background-size:cover; z-index: 10;}
	.videoGal:after {content:''; position: absolute; left:0; bottom:-22px; width:100%; height:23px; background:url('../images/bg_galBottom_m.png') center bottom no-repeat; background-size:100% 23px;; }
	.videoGal .galWrap { padding-top:40px;}
	.videoGal .galWrap .inner{ max-width:100%; margin:0 auto;  padding:0 15px;}
	.videoGal .galWrap .inner .videoImg {margin-bottom:10px;}
	.videoGal .galWrap .inner .videoImg a {position: relative; display: block;}
	.videoGal .galWrap .inner .videoImg a img {width:100%;}
	.videoGal .galWrap .inner .videoImg a:after {content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:url('../images/ico_play_m.png') center no-repeat; background-size:100px auto;}
	.videoGal .galWrap .gallery{margin: 0 -5px 0 -5px;}
	.videoGal .galWrap .galList:after{display: block;content: '';clear: both;}
	.videoGal .galWrap .galList .col{box-sizing: border-box;}
	.videoGal .galWrap .galList .col .img img{width: 100%}
	.videoGal .galWrap .galList .col ul:after{display: block;content: '';clear: both;}
	.videoGal .galWrap .galList .col li{float: left; padding: 0 5px; width: 50%; position: relative;margin-bottom: 10px;border-radius: 20px;overflow: hidden;z-index: 1}
	.videoGal .galWrap .galList .col li > a{display: block; position: relative; border-radius: 20px;overflow: hidden;}
	.videoGal .galWrap .galList .col li > a .img {background-size:cover !important; background-position:center center !important; padding-bottom:130%; display: block;}
	.videoGal .galWrap .galList .col li > a:hover .pop{opacity: 1}
	.videoGal .galWrap .galList .col li > a:hover .hover{opacity: 1;  }
	.videoGal .galWrap .galList .col li .pop{opacity: 0;transition: all 0.5s; border-radius:20px;}
	.videoGal .galWrap .galList .col li .pop,
	.videoGal .galWrap .galList .col li .pop:after{position: absolute;top:0;left:0;width: 100%;height:100%;z-index: 1; background:url('../images/gal_hover_m.png') center no-repeat; background-size:cover;}
	.videoGal .galWrap .galList .col li .pop{}
	.videoGal .galWrap .galList .col li .pop:after{display: block;content: '';}
	.videoGal .galWrap .galList .col li .hover{opacity: 0;transition: all 0.4s 100ms;width: 100%;height:100%;position: absolute;top:0;left:0;z-index: 2; background:url('../images/gal_hover2_m.png') center no-repeat; background-size:75px auto;}
	.videoGal .galWrap .more {margin-top:45px;}

	.youtubeBox {position:fixed; left:0; top:0; width: 100%; height: 100%; z-index: 500; display: none; background:rgba(0,0,0,.6);}
	.youtubeBox .in{position: absolute; left:50%; top:50%; width: 100%; max-width:1440px; 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 {position: absolute; right:25px; top:25px; cursor:pointer; z-index: 50; width:17px; height:17px; text-indent:-999em; background:url('../images/btnCloseGal_m.png') center no-repeat; background-size:17px auto;}



	.infoWrap {padding:60px 0 60px 0; position: relative;text-align: center; background:url('../images/info_tit01_m.png') center top no-repeat; background-size:100% auto;} 
	.infoWrap .secTitleWrap {margin-bottom:45px; }
	.infoWrap .infoList {position: relative;  max-width:1440px; margin:0 auto 0 auto; text-align: left; }
	.infoWrap .infoList .leftBg {position: absolute; left:0; top:0; width:25px; height:116px;background:#faf7ec; border-top-right-radius:10px; border-bottom-right-radius:10px;}
	.infoWrap .infoList .rightBg {position: absolute; right:0; top:0; width:40px; height:116px; background:#f6ebc2; border-top-left-radius:10px; border-bottom-left-radius:10px;}
	.infoWrap .infoList .slideList {position: relative; width:100%; margin:0 auto; padding:0 60px;}
	.infoWrap .infoList .slideList .txt {position: absolute; left:-2px; top:54px; font-size:10px; color:#b99f71; transform:rotate(-90deg); letter-spacing:2px;  }
	.infoWrap .infoList .slideList  .slick-list  {margin:0 -10px;}
	.infoWrap .infoList .slideList li {margin:0 5px;}
	.infoWrap .infoList .slideList li .img{margin-bottom:20px;}
	.infoWrap .infoList .slideList li .img img {width:100%; }
	.infoWrap .infoList .slideList li .textWrap {}
	.infoWrap .infoList .slideList li .textWrap .txt01 {position: relative; margin-bottom:15px;}
	.infoWrap .infoList .slideList li .textWrap .txt01:after {content:''; position: absolute; left:0; top:50%; width: 100%; height:1px; background:#ded2bd; }
	.infoWrap .infoList .slideList li .textWrap .txt01 p{position: relative; z-index: 1; background:#fff; font-size:15px; color:#504436; display: inline-block; vertical-align: top;  padding-right:18px;}
	.infoWrap .infoList .slideList li .textWrap .txt01 p span {font-size:20px; color:#504436; position: relative; padding-right:30px;}
	.infoWrap .infoList .slideList li .textWrap .txt01 p span:after {content:''; position: absolute; right:15px; top:50%; margin-top:-2px; width:3px; height:3px; border-radius:50%; background:#504436;}
	.infoWrap .infoList .slideList li .textWrap .txt02 {font-size:14px; font-family: 'Noto Sans KR';}
	.infoWrap .infoList .slick-arrow {position: absolute;}
	.infoWrap .infoList .slick-arrow.slick-next {right:-45px; top:60px; width:13px; height:8px; text-indent:-999em; background:url('../images/infoArrow_m.png') center no-repeat; background-size:13px auto; z-index: 10;}
	.infoWrap .infoList .slick-prev {display: none !important;}



	/* partyWrap */
	.partyWrap {background:#e5dccc url('../images/bg_comment_m3.jpg?v2') center top no-repeat; background-size:cover; padding:100px 0 100px; }
	.partyWrap .secTitleWrap {margin:0 20px 20px 20px; padding-bottom:20px; background:url('../images/commnet_dot.png') center bottom no-repeat; background-size:auto 2px; text-align: center;}
	.partyWrap .secTitleWrap .engTit {color:#b99f71;}
	.partyWrap .secTitleWrap .hanTit {color:#332a22;}
	.partyWrap .secTitleWrap .hanTit .no1 {margin-bottom:0;}

	.partyWrap .marqWrap { overflow:hidden; height: 30px;}
	.partyWrap .waveText {margin-bottom: 30px;position: relative;z-index: 1}
	.partyWrap .waveText.none {display: none;}
	.partyWrap .wave {padding-left:25px; display: inline-block;  cursor:pointer; }
	.partyWrap .wave:first-child {margin-left:0;}
	.partyWrap .wave:after {content:''; display:block; clear:both;}
	.partyWrap .wave .img {display: inline-block; width:45px; height:45px; border-radius:50%; overflow:hidden;  vertical-align: middle;}
	.partyWrap .wave .img span{display: block; position: relative; overflow:hidden;}
	.partyWrap .wave .img span:after {content:''; position: absolute; left:0; top:0; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #3b322a;  border-radius:50%; display: none; }
	.partyWrap .wave:hover .img span:after {display: block; }
	.partyWrap .wave .img img{width: 45px; height: 45px; vertical-align: top; display: block;}
	.partyWrap .wave .txt {display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 700; color:#332a22; line-height: 24px; margin-left: 10px; white-space:nowrap; font-family: 'Noto Sans KR';}
	.partyWrap .wave:hover .txt {color:#000;}

	.comWrap {max-width:100%; padding:0 15px; margin:0 auto; position: relative;z-index: 1;  font-family: 'Noto Sans KR';}
	.comWrap .inputWrap {position: relative;margin-bottom:30px;}
	.comWrap .inputWrap .in {}
	.comWrap .inputWrap .in:after {content:''; display:block; clear:both;}
	.comWrap .inputWrap .in .user {position: relative;  margin-bottom:10px;   }
	.comWrap .inputWrap .in .user:after {content:''; display:block; clear:both;}
	.comWrap .inputWrap .in .user .img {position: relative; position: absolute; left:35px; top:13px; border-radius:50%; overflow:hidden;  }
	.comWrap .inputWrap .in .user .img:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 5;}

	.comWrap .inputWrap .in .user .img img {width: 35px; height: 35px; }
	.comWrap .inputWrap .in .user .selBox { position: relative; z-index: 5; }
	.comWrap .inputWrap .in .user .selBox .tit {font-size:13px; line-height: 13px;  height:60px; line-height:60px;    padding:0 0 0 60px;  color:#504436; font-weight:500; position: relative; cursor:pointer;}
	.comWrap .inputWrap .in .user .selBox .tit span {display: block; position: relative;}
	/* .comWrap .inputWrap .in .user .selBox .tit span:after {content:''; position: absolute; right:25px; top:50%; margin-top:-4px; background:url('../images/ico_arrow_m.png') no-repeat; width: 10px; height: 8px; background-size:10px auto;} */
	.comWrap .inputWrap .in .user .selBox .list {width: 100%; border:none; border-top:none; overflow:hidden; }
	.comWrap .inputWrap .in .user .selBox .list li:first-child {margin-right:7px;;}
	.comWrap .inputWrap .in .user .selBox .list li label {border-radius: 10px; display: block; font-size:13px; line-height: 13px;  height:60px; line-height:60px; font-weight:300;     padding:0 0 0 80px;  ; position: relative; cursor:pointer; }
	.comWrap .inputWrap .in .user .selBox .list li input {position: absolute; left:0; top:0; visibility:hidden }
	.comWrap .inputWrap .in .user .selBox .list li input:checked ~ label {border:1px solid #504436;  padding:0 0 0 79px; line-height:58px;  font-weight:500; }

	.comWrap .inputWrap .in .inputBox {position: relative; background:#ede8dc; border-radius:10px; padding-right:60px; overflow:hidden;}
	.comWrap .inputWrap .in .inputBox input {width: 100%;vertical-align: top; height: 60px; border:none; padding:0 0 0 15px; background:none; outline:none; font-size:12px; color:#000; font-weight: 300; border-radius:10px;   font-family: 'Noto Sans KR';}
	.comWrap .inputWrap .in .inputBox input::-webkit-input-placeholder{color:#504436; font-size:13px; font-family: 'Noto Sans KR'; font-weight:300;}
	.comWrap .inputWrap .in .inputBox input::-moz-placeholder{color:#504436; font-size:13px;  font-family: 'Noto Sans KR'; font-weight:300;}
	.comWrap .inputWrap .in .inputBox input:-ms-input-placeholder{color:#504436; font-size:13px;  font-family: 'Noto Sans KR'; font-weight:300;}
	.comWrap .inputWrap .in .inputBox input:-moz-placeholder{color:#504436; font-size:13px;  font-family: 'Noto Sans KR'; font-weight:300;}
	.comWrap .inputWrap .btnComment {position: absolute; right:0; bottom:0; }
	.comWrap .inputWrap .btnComment a {display: block;  font-size: 13px; font-weight: 500; color:#504436; background:#dcd3be; width:60px; height: 60px; line-height:60px; text-align: center;}
	.comWrap .partyCheck {}
	.comWrap .partyCheck .thxBox {display: block;  font-size:13px; font-weight: 500; color:#504436; background:#dcd3be; height: 60px; line-height: 60px; text-align: center;border-radius:10px;}
	.comWrap .partyCheck .btn,
	.comWrap .partyCheck .thxBox,
	.comWrap .partyCheck .complete{border-radius: 10px;overflow: hidden;}
	.comWrap .partyCheck .btn a{display: block;  font-size: 13px; font-weight: 500; color:#fff; background:#332a22; height: 60px; line-height: 60px; text-align: center;border-radius: 10px;}
	.comWrap .partyCheck .complete {position: relative; margin-top:20px; padding-right: 385px;}
	.comWrap .partyCheck .complete .cnt{background: #000;margin-right: 385px;}
	.comWrap .partyCheck .complete .num {position: absolute; left:0; top:0; padding-left: 52px; font-size: 20px; color:#f4f1ef; text-align: left;  height: 120px; line-height: 120px;}
	.comWrap .partyCheck .complete .num em {font-size:64px;  font-weight: 700;}
	.comWrap .partyCheck .complete .answer { background:#000;text-align:right; padding:0 25px 0 137px; color:#f4f1ef; font-weight:700; font-size: 20px; height: 120px; line-height: 120px;}
	.comWrap .partyCheck .complete .thx {position: absolute; right:0; top:0; width: 100px; height: 120px; line-height: 120px; font-size: 20px; color:#000; font-weight: 200; background:#eaeaea; width: 385px; text-align: center;}



	/* contactWrap */
	.contactWrap { padding:0 0 60px 0; text-align: center;}
	.notComment .contactWrap { border-top:1px solid #f2eee5; padding-top:0;}

	.contactWrap .secTitleWrap {padding-top:60px; margin-bottom:35px; background:url('../images/tit_tel01_m.png') center bottom no-repeat; background-size:100% auto; text-align: center;}
	.contactWrap .coupleBox {font-size:0; margin-bottom:50px;}
	.contactWrap .coupleBox .box {display: inline-block; vertical-align: top; position: relative; width:130px;}
	.contactWrap .coupleBox .box .tit {position: absolute; font-size:11px; line-height:11px; color:#b99f71; font-family: 'Cormorant', serif;  letter-spacing:2px;  }
	.contactWrap .coupleBox .box.no1 { margin-right:30px; }
	.contactWrap .coupleBox .box.no1:after {content:''; position: absolute; right:-18px; top:60px; width:7px; height:9px; background:url('../images/ico_tel01_m.png') no-repeat; background-size:7px auto;}
	.contactWrap .coupleBox .box.no1 .tit {top:60px; left:-45px; transform:rotate(-90deg);}
	.contactWrap .coupleBox .box.no2 .tit {top:60px; right:-40px; transform:rotate(90deg); }
	.contactWrap .coupleBox .box .imgTxt {}
	.contactWrap .coupleBox .box .imgTxt .img {margin-bottom: 15px;}

	.contacName {white-space:nowrap;}
	.contacName p {position: relative; display: inline-block; vertical-align: top; padding:0 5px; letter-spacing:-1px;}
	.contacName p:after {content:''; position: absolute; left:0; bottom:-3px; width: 100%; height:8px; background:#fdf8ef;}
	.contacName p a {padding-right:23px; position: relative; z-index:5; font-size:13px; line-height:13px; color:#b99f71; font-weight:300; background-size:15px auto; font-family: 'Noto Sans KR';}
	.contacName p a.kakao {background-size:16px auto; }
	.contacName p a em {font-size:14px; color:#595d3b; font-weight:500; font-family: 'NotoSerifKr', serif; } 

	.contactWrap .familyBox {font-family: 'Noto Sans KR';}
	.contactWrap .familyBox .btnFm {font-family: 'Noto Sans KR';  background:url('../images/ico_tel04.png') center 6px repeat-x; background-size:100% 1px; max-width:1440px; margin:0 15px 35px 15px;}
	.contactWrap .familyBox .btnFm a {display: inline-block; vertical-align: top; font-size:14px; line-height:14px; color:#b99f71; font-weight:500; background:#fff; padding:0 15px;  }
	.contactWrap .familyBox .btnFm a span { padding-right:15px; background:url('../images/ico_tel03_m.png') right center no-repeat; background-size:10px auto;  }
	.contactWrap .familyBox.active .btnFm a span { background:url('../images/ico_tel03_on_m.png') right center no-repeat;  background-size:10px auto; }
	.contactWrap .familyBox .detailFm .box {display: inline-block; vertical-align: top; width:150px; background:#fbfaf8; border-radius:20px; border:1px solid #ded5c1; padding:35px 0 0 0; height:170px;}
	.contactWrap .familyBox .detailFm .box:first-child {margin-right:15px;}
	.contactWrap .familyBox .detailFm .box .tit {margin-bottom:20px;}
	.contactWrap .familyBox .detailFm .box .tit span {position: relative; font-size:15px; line-height:15px; color:#595d3b; font-weight:500; display: inline-block; vertical-align: top; padding:0 25px;}
	.contactWrap .familyBox .detailFm .box .tit span:after {content:''; position: absolute; left:0; top:1px; width:15px; height:15px; background:url('../images/ico_tel05_m.png') center no-repeat; background-size:15px auto;}
	.contactWrap .familyBox .detailFm .box .tit span:before {content:''; position: absolute; right:0; top:1px; width:15px; height:15px; background:url('../images/ico_tel05_m.png') center no-repeat;  background-size:15px auto;}
	.contactWrap .familyBox .detailFm .box .contacName:last-child {margin-top:15px;}



	/* countWrap */
	.countWrap{padding:50px 0 35px; background:#363026 url('../images/bg_dday_m.jpg') center no-repeat; background-size:cover; height:auto; text-align: center;}
	.countWrap .countList{margin-bottom:15px;}
	.countWrap .countList .numWrap{font-size: 0; }
	.countWrap .countList .numWrap .wr {display: inline-block; width:90px;}
	.countWrap .countList .numWrap p {display: inline-block; font-size:55px; line-height:55px; color:#ede8dc; font-family: 'Playfair Display', serif; }
	.countWrap .countList .numWrap p.col { font-size:39px;  margin:0}
	.countWrap .countDay {margin-top:15px; font-size:12px; line-height:12px; font-weight:300; color:#ede8dc; font-family: 'Noto Sans KR';}
	.countWrap .countDay .bold {font-weight:500;}
	.countWrap .last {font-size:11px; line-height:11px;color:#887763; letter-spacing:2px;  margin-top:50px;  }


	/* btnNotice */
	.btnNotice .count {display: inline-block; width:40px; height:25px; line-height:25px;position: absolute; left:0; top:17px; font-family: 'Noto Sans KR';  font-size:12px; font-weight:300; color:#b99f71; border-radius:0; border-top-right-radius:10px; border-bottom-right-radius:10px; margin-left:0; background:#f4efde; vertical-align: middle;}
	.btnNotice .count.mob {display: block;}
	.btnNotice .tit {height:60px; line-height:60px; max-width:100%;}
	.btnNotice .tit .count {display: none;}
	.btnNotice .tit p {display: inline-block; vertical-align: top; cursor:pointer;font-size:15px; padding-left:30px; color:#504436; font-weight:500; background:url('../images/rb/rbIcon_m.png') left center no-repeat;  background-size:22px auto;}

	.btnNotice .navThumb {position: absolute; left:0; top:0; width:100%; margin-left:0; }
	.btnNotice .navThumb span {position: absolute;  top:0; width:40px; height: 60px; text-indent:-999em; z-index: 50; outline:none; cursor:pointer;}
	.btnNotice .navThumb span.swiper-button-disabled {display: none;}
	.btnNotice .navThumb .rbThumbPrev{left:30px; background:url('../images/rb/rbArrow1_m.png') center center no-repeat; background-size:10px auto; }
	.btnNotice .navThumb .rbThumbNext {right:0; background:url('../images/rb/rbArrow2_m.png') center center no-repeat; background-size:10px auto;}

	.btnNotice .contBox {background:url('../images/rb/rbLine_m.png') top center no-repeat; background-size:auto 2px;  padding-top:35px; text-align: center; text-align: center; }
	.btnNotice .contBox .bank {max-width:320px; margin:0 auto;}
	.btnNotice .contBox .bank .tit01 {font-size:15px; line-height:15px; color:#7098cf; font-weight:700; margin-bottom:15px;}
	.btnNotice .contBox .bank .tit02 {font-size:15px; line-height:15px; color:#504436; font-weight:300; margin-bottom:15px;}
	.btnNotice .contBox .bank .tit03 {font-size:15px; line-height:15px; color:#aaa08b; font-weight:300; margin-bottom:20px;}
	.btnNotice .contBox .bank .tit03 span { color:#504436; }
	.btnNotice .contBox .bank.last {padding-top:35px; margin-top:20px; border-top:1px dashed #e2d9c9; }
	.btnNotice .contBox .bank.last .tit01 { color:#cf909b; }

	.btnNotice .contBox .bank .copyBank input { position: absolute; visibility:hidden;}
	.btnNotice .contBox .bank .copyBank .btn {font-family:'Noto Sans KR'; display: inline-block; vertical-align: top;border:none; background:#f4efde; width:110px;height:34px; line-height:34px; border-radius:10px; text-align: center; font-size:12px; color:#504436; font-weight:500;}
	.btnNotice .contBox .lastTxt {padding:50px 0 60px 0; font-size:15px; line-height:26px; color:#504436; font-weight:300;}
	.btnNotice .close {text-align: center; padding-bottom:35px; display: none;}
	.btnNotice .close a {font-size:13px; line-height:13px; display: inline-block; vertical-align: top; font-weight:500; color:#b99f71; padding-bottom: 5px; border-bottom:1px solid #b99f71; }
	.btnNotice.active .close {display: block;}

	/* locationWrap */
	.locationWrap {padding-top:75px;}
	.locationWrap .secTitleWrap {margin-bottom:25px;}
	.locationWrap .mapWrap {position: relative; font-family: 'Noto Sans KR';}
	.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 .mapWrap .popAddr {position: absolute; left:20px; bottom:20px; width:calc(100% - 40px); margin-left:0; border-radius:10px; height:auto; line-height:inherit; padding-left:15px; padding-right:62px; background:#fff; z-index: 30; }
	.locationWrap .mapWrap .popAddr .tit {font-size:12px; color:#504436; font-weight:500; letter-spacing:-1px; padding:15px 0;}
	.locationWrap .mapWrap .popAddr .btn {position: absolute; right:14px; top:13px; font-size:12px; line-height:12px; color:#bab9b9; border:none; font-weight:500; letter-spacing:-1px; padding:5px 20px 5px 0;background:url('../images/ico_copy_m.png') right center no-repeat;  background-size:12px auto; font-family: 'Noto Sans KR';}
	.locationWrap .mapWrap .popAddr input {position: absolute; visibility: hidden;}
	.locationWrap .infoLoca {background:#faf7ec; padding:35px 20px 60px 20px;}
	.locationWrap .infoLoca .in {max-width:100%; margin:0 auto;}
	.locationWrap .infoLoca .in .box {border-top:1px dashed #e0d3c1; padding-top:25px; margin-top:20px;}
	.locationWrap .infoLoca .in .box:first-child {padding-top:0; margin-top:0; border-top:none;}
	.locationWrap .infoLoca .in .box .tit01 {font-size:15px; line-height:15px; color:#595d3b; font-weight:500; margin-bottom:10px;}
	.locationWrap .infoLoca .in .box .tit02 {font-size:14px; color:#9f7832;  margin-bottom:10px; font-family: 'Noto Sans KR'; letter-spacing:-1px;}
	.locationWrap .infoLoca .in .box .btnLoca:after {content:''; display: block; clear:both;}
	.locationWrap .infoLoca .in .box .btnLoca a {float:left; width:32%; margin-left:2%; height:40px; line-height:38px; background:#fff; border-radius:10px; text-align: center; font-family: 'Noto Sans KR';}
	.locationWrap .infoLoca .in .box .btnLoca a:first-child {margin-left:0;}
	.locationWrap .infoLoca .in .box .btnLoca a span {font-size:12px; color:#504436; font-weight:500; padding-left:25px; display: inline-block; vertical-align: middle;}
	.locationWrap .infoLoca .in .box .btnLoca a.no1 span {background:url('../images/ico_nav01_m.png') left center no-repeat; background-size:20px auto;}
	.locationWrap .infoLoca .in .box .btnLoca a.no2 span {background:url('../images/ico_nav02_m.png') left center no-repeat; background-size:20px auto;}
	.locationWrap .infoLoca .in .box .btnLoca a.no3 span {background:url('../images/ico_nav03_m.png') left center no-repeat; background-size:20px auto;}

	/* thanksWrap */
	.thanksWrap {background:#d0be99 url('../images/bg_thang_m.jpg') center no-repeat; background-size:cover; padding-bottom:60px;}
	.thanksWrap .secTitleWrap { padding-top:50px; padding-bottom:30px; max-width:90%; margin:0 auto; border-bottom:1px dashed #c5b493;}
	.thanksWrap .secTitleWrap .engTit {color:#fbefd8;}
	.thanksWrap .secTitleWrap .hanTit {color:#504436;}
	.thanksWrap .thxTxt {margin:30px auto 50px auto; position: relative; max-width:85%;}
	.thanksWrap .thxTxt p {font-size:13px; color:#735b3e;  position: relative; font-family: 'Noto Sans KR'; text-align: center; padding:0 20px;}
	.thanksWrap .thxTxt p:after {content:'“'; position: absolute; left:0; top:50%; margin-top:-25px; font-size:53px; color:#fae9c6; font-weight:400; font-family: 'Playfair Display', serif;}
	.thanksWrap .thxTxt p:before {content:'”'; position: absolute; right:0; top:50%; margin-top:-25px; font-size:53px; color:#fae9c6; font-weight:400; font-family: 'Playfair Display', serif;}
	.thanksWrap .footer {text-align: center;}
	.thanksWrap .footer .logo {display: inline-block; vertical-align: top; margin-right:10px;}
	.thanksWrap .footer .logo img {width:70px;}
	.thanksWrap .footer .copy {position: relative; top:5px; font-size:10px; line-height:10px; display: inline-block; vertical-align: top; color:#856e52; font-weight:300; letter-spacing:-1px;}

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


	.interCont .slick-slide {outline:none;}
	.interCont .slick-arrow {position: absolute; opacity:0; visibility:hidden;}

	.contentSlide .slideList .slick-slide .pop:hover .border {transform:translate(0,0); opacity:1; transition-delay:200ms;} 
	.contentSlide .slideList .slick-arrow {position: absolute; top:auto; bottom:-30px; z-index: 10; width: 60px; height: 60px; border:none; text-indent:-999em; outline:none;}
	.contentSlide .slideList .slick-arrow.slick-prev {right:0; background:#fff url('../images/btnGalLeft.png') center center no-repeat; }
	.contentSlide .slideList .slick-arrow.slick-prev:after {content:''; position: absolute; right:0; top:50%; margin-top:-9px; height: 18px; width: 1px; background:#eaeaea;}
	.contentSlide .slideList .slick-arrow.slick-next {right:-60px; background:#fff url('../images/btnGalRight.png') center center no-repeat; }
	.contentSlide .slick-dots {display: none !important;}
	.contentSlide.popslide {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; background:rgba(0,0,0,.9); border:none; margin:0; opacity:0; visibility:hidden;transition:1.5s opacity;}
	body.showYoutube {overflow-y:hidden;}
	body.showYoutube .youtubeBox {display: block;}
	body.showSlide {overflow-y:hidden;}
	body.showSlide .contentSlide.popslide {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; background:rgba(0,0,0,.6); border:none; margin:0;opacity:1; visibility:visible; }
	body.showSlide .contentSlide.popslide .slideList { height:100vh;} 
	body.showSlide .contentSlide.popslide .slideList .slick-slide { height:auto; min-height:90%; text-align: center;}
	body.showSlide .contentSlide.popslide .slideList .slick-slide .slide { position: relative; height:100vh; height: calc(var(--vh, 1vh) * 100);  line-height: calc(var(--vh, 1vh) * 100);
		padding: 40px 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body.showSlide .contentSlide.popslide .slideList .slick-slide .slide:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 5;}

	body.showSlide .contentSlide.popslide .slideList .slick-slide .slide img {max-width:100%; max-height:100%; vertical-align: middle; display: inline-block; height:auto;	}
	body.showSlide .contentSlide.popslide .slideList .slick-slide:hover:after {display: none !important;}
	body.showSlide .contentSlide.popslide .slideList .slick-slide:hover:before {display: none !important;}

	body.showSlide .contentSlide.popslide .slideList .count {position: fixed; text-align: center; left:50%; margin-left:-30px; border-radius:15px; bottom:10px; font-size: 20px; line-height: 20px; color:#f5deae; width:60px; height:30px; line-height:30px; font-size:13px; font-weight:300; background:rgba(80,68,54,.10); }
	body.showSlide .contentSlide.popslide .slideList .count .chNum {font-weight:500; color:#fff;}
	body.showSlide .contentSlide.popslide .slideList .count .dash {display: inline-block;  margin:0 7px; width:7px; height:11px; background:url('../images/dash.png') center no-repeat;}
	body.showSlide .contentSlide.popslide .slideList .count .numTotal { opacity:.5;}

	body.showSlide .contentSlide.popslide .slideList .arrows div {position: fixed; top:50%; margin-top:-20px; z-index: 10; width:40px; height:40px; border:none; text-indent:-999em; outline:none; cursor:pointer;}
	body.showSlide .contentSlide.popslide .slideList .arrows div.left {left:20px; background:url('../images/btnGalBigLeft_m.png?v=02') no-repeat; background-size:40px auto; }
	body.showSlide .contentSlide.popslide .slideList .arrows div.right {right:20px; background:url('../images/btnGalBigRight_m.png?v=02') no-repeat; background-size:40px auto; }
	body.showSlide .contentSlide.popslide .slideList .slick-arrow {display: none !important;}
	body.showSlide .contentSlide.popslide .closeSlide {display: block; background:url('../images/btnCloseGal.png?v=01') no-repeat; top:15px !important; right:15px !important;}
	.contentSlide .slick-dots {display: none;}
	.contentSlide.popslide .slideList .slick-slide {margin:0;}


	.silence {position: absolute; visibility:hidden}

	.alertPop {position: fixed; left:0; top:0; width: 100%; height: 100%; display: none; z-index: 999; font-family: 'Noto Sans KR'; }
	.alertPop .bg{ position: fixed; left:0; top:0; width: 100%; height: 100%;  z-index: 1;}
	.alertPop .in {position: fixed; left:50%; top:50%; margin:-150px 0 0 -160px; text-align: center; width: 320px;  z-index: 100; border-radius:10px; background:#fff; padding-bottom:35px; }
	.alertPop .in .title {font-size: 14px; color:#504436; font-weight:500; padding:35px 0 15px 0;}
	.alertPop .in .btn a {display: inline-block; width: 125px; height: 40px; line-height: 40px; background:#f4efde; font-size:14px; color:#504436; border-radius:10px;}

	.fixObWrap .leafOb:nth-child(1){ width:10px;}
	.fixObWrap .leafOb:nth-child(2){ width:10px;}
	.fixObWrap .leafOb:nth-child(3){ width:12px;}


	.mindWrap {padding:50px 0; background:url('../images/mind/bg_mind.jpg') center no-repeat; background-size:cover; text-align: center; font-family: 'Noto Sans KR'; text-align: left;}
	.mindWrap .in {max-width:1440px; margin:0 auto; padding:0 15px;}
	.mindWrap .title {position: relative; padding-top:30px; font-size:16px; line-height:16px; margin-bottom:40px; padding-bottom:40px;}
	.mindWrap .title:after {width:11px; height:23px; background:url('../images/mind/mind01_m.png') center no-repeat; background-size:11px auto;}
	.mindWrap .title span { font-weight:500;}
	.mindWrap .text {font-size:13px; line-height:23px; margin-bottom:40px; text-align: center;}
	.mindWrap .contBox {max-width:735px; margin:0 auto 10px auto; border:1px solid #dbddcd; }
	.mindWrap .contBox .tit {padding:0 0 0 15px; position: relative; cursor:pointer; height: 50px; line-height:50px;; background:#e6e7dc;  }
	.mindWrap .contBox .tit span {font-size:13px; color:#595d3b; font-weight: 500; padding-left:18px; background:url('../images/mind/mind03_m.png') left center no-repeat; background-size:13px auto; }
	.mindWrap .contBox .tit:after {content:''; position: absolute; right:15px; top:50%; margin-top:-6px;; width:10px; height:12px; background:url('../images/mind/mind04_m.png') center no-repeat; background-size:10px auto;}
	.mindWrap .contBox.active .tit:after {transform:rotate(180deg);}
	.mindWrap .contBox.active .toggle {display: block;}
	.mindWrap .contBox .toggle {display: none; padding:20px; background:#ecede6; border-top:1px dashed #dbddcd;}
	.mindWrap .contBox .toggle .info {position: relative; font-size:13px; color:#000000; line-height:13px; font-weight:500; margin-bottom:20px; display:flex; justify-content: center;}
	.mindWrap .contBox .toggle .info .bank {padding:0 0px 0 0; display: inline-block;  }
	.mindWrap .contBox .toggle .info .bank em {font-weight:300; position: relative; padding-left:13px; margin-left:13px;}
	.mindWrap .contBox .toggle .info .bank em:after {content:''; position: absolute; left:0; top:10px; width:2px; height:2px; background:#000000; border-radius:50%; }
	.mindWrap .contBox .toggle .info .name {font-weight:300; position: static; color:#222222; font-size:11px; margin-left:10px;}
	.mindWrap .contBox .toggle .info .name em {font-size:13px; color:#000000; font-weight:500;}
	.mindWrap .contBox .toggle .btn button {width:49%;  border-radius:10px; text-align: center; height:35px; line-height:32px; background:#fff; font-size:12px; color:#222222; font-weight:500; font-family: 'Noto Sans KR';}
	.mindWrap .contBox .toggle .btn button.no1 {background:#ffe000;}
	.mindWrap .contBox .toggle .btn button.no1 span{padding-left:32px;  background:url('../images/mind/mind05_m.png') left center no-repeat;background-size:25px auto;}
	.mindWrap .contBox .toggle .btn button.no2 span {padding-left:17px;  background:url('../images/mind/mind06_m.png') left center no-repeat;background-size:12px auto;}

	.mindWrap .contBox.bride .tit span {color:#856442;  background:url('../images/mind/mind07_m.png') left center no-repeat; background-size:13px auto;}
	.mindWrap .contBox.bride .tit:after {background:url('../images/mind/mind08_m.png') center no-repeat; background-size:10px auto;}


}

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