@charset "utf-8";

@import url(noto-serif-kr.css);
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.eot);
	src: url(./fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
		 url(./fonts/NotoSansKR-Bold.woff) format('woff'),
		 url(./fonts/NotoSansKR-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/NotoSansKR-Medium.eot);
	src: url(./fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
		 url(./fonts/NotoSansKR-Medium.woff) format('woff'),
		 url(./fonts/NotoSansKR-Medium.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/NotoSansKR-Regular.eot);
	src: url(./fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
		 url(./fonts/NotoSansKR-Regular.woff) format('woff'),
		 url(./fonts/NotoSansKR-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/NotoSansKR-Light.eot);
	src: url(./fonts/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
		 url(./fonts/NotoSansKR-Light.woff) format('woff'),
		 url(./fonts/NotoSansKR-Light.ttf) format('truetype');
}

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,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}
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}

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

/* click */
.btnClick {position: absolute; right:-37px; bottom:60px; animation-name:btnClick; animation-duration:1s;  animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes btnClick {
	from  {opacity:0;}
	to {opacity:1;}
}

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

/* INTRO */
.introWrap {position: fixed; left:0; top:0; bottom:0;  width:100%; height: 100%; background:#fff; z-index: 999; transition:.5s all; }
.introWrap .in{position: absolute; left:50%; top:50%; width: 920px; margin-left:-460px; height:600px; margin-top:-400px; text-align: center;}
.introWrap .in .img {position: relative; width:141px; height:176px; margin:0 auto 93px auto;}
.introWrap .in .img span{position: absolute; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; }
.introWrap .in .img span.no1 {position: absolute; left:0; top:0; animation-name: leaf01; animation-duration: 2.3s;transform-origin:right center}
.introWrap .in .img span.no2 {position: absolute; right:0; bottom:0; animation-name: leaf02; animation-duration: 2.5s; transform-origin:left center}
.introWrap .in .time {color:#7c7672; font-size:20px; margin-bottom:29px;  font-family: 'EB Garamond'; letter-spacing:12px; }
.introWrap .in .dNum {font-family: 'EB Garamond'; color:#000; font-size:180px; line-height:140px; margin-bottom:50px; padding-bottom:50px; border-bottom: 1px solid #eaeaea; }

@keyframes leaf01 {
  from { transform:translate(8px,5px) rotate(10deg); }
  to { transform:translate(0,0) }
}
@keyframes leaf02 {
  from { transform:translate(10px,5px) rotate(-8deg); }
  to { transform:translate(0,0) }
}

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

.btnSkip{text-align: center;  margin-top:46px;}
.btnSkip a{display: inline-block; font-size: 20px; color:#000000; width: 265px; height: 70px; border:1px solid #000000; line-height: 70px;}
.btnSkip a span{display: inline-block; padding-right:16px; background:url('../images/skip.png') right center no-repeat; }

.countWrap {display: inline-block;}
.countWrap .box {display: inline-block; font-size: 20px;  color:#000000;}
.countWrap .box:after {content:''; display:block; clear:both;}
.countWrap .box .txt {float:left; padding-top: 11px;  }
.countWrap .box .txt em {font-weight: 700;}
.countWrap .box .countList {float:left; margin:0 20px;}
.countWrap .box .countList ul:after {content:''; display:block; clear:both;}
.countWrap .box .countList ul li {float:left; width: 40px; height: 50px; background:#f4f1ef; margin-left:5px; font-family: 'EB Garamond'; font-size: 40px;}
.countWrap .box .countList ul li:first-child {margin-left: 0;}
.countWrap .box .countList ul li.col {background:none; line-height: 40px; width:30px;}
.countWrap .box .last {float:left; padding-top: 11px;}
/* END INTRO */

/* GNB */
.head {position: fixed; left:0; top:0; width: 100%; height:100px;  z-index: 100; transition:.3s all;}
.head .backBg{position: absolute; left:0; top:0; width: 100%; height: 0; background:rgba(255,255,255,.8);  transition:1s all;}
.head.on .backBg{ height:100%;}
.head .inner {position: relative; z-index: 1;}
.head .inner .h1Wrap {position: absolute; left:102px; top:32px; transition:.3s all;}
.head .inner .h1Wrap h1 {font-style: italic; font-size:26px; color:#000000; font-weight:200;}
.head .inner .h1Wrap h1 em{ font-weight:700; font-style: italic;}
.head .inner .gnbList {float:right; padding:42px 100px 0 0; transition:.3s all;}
.head .inner .gnbList ul:after {content:''; display:block; clear:both;}
.head .inner .gnbList ul li { margin-left: 62px; text-align: center; display:inline-block;  font-size: 0;}
.head .inner .gnbList ul li:after {margin-left: 0;}
.head .inner .gnbList ul li a {transition:.3s all; display:inline-block; text-align: center;letter-spacing: 0.05em; font-size: 16px; line-height:16px; color:#000000; font-weight:200; font-style: italic; padding-bottom:5px;}
.head .inner .gnbList ul li a::after {display: block;content: attr(title);font-weight: 700; height: 0;overflow: hidden;visibility: hidden;}
.head .inner .gnbList ul li a:hover {color:#977f71; font-weight: 700;border-bottom: 1px solid #977f71; }
.head .inner .gnbList ul li.none {position: fixed; visibility:hidden; opacity:0;}
.head .btnMenu {}
/* END GNB */

/* QUICK */
.quickWrap {position: fixed; right:0; top:350px; width: 45px; z-index: 50; text-align: center; font-family:'맑은고딕';  color:#c8c8c8; font-size:9px; }
.quickWrap .count {background:#222222;line-height:10px; width: 45px; padding:15px 0; margin-bottom: 8px; }
.quickWrap .count .today {position: relative; padding-bottom:5px; margin-bottom: 5px;}
.quickWrap .count .today:after{content:''; position: absolute; left:50%; bottom:0;  width: 1px; height: 1px; background:#919191;}
.quickWrap .linkList {border:1px solid #eaeaea; width:45px; background:#fff; margin-bottom:10px;}
.quickWrap .linkList ul li {position: relative; border-bottom:1px solid #eaeaea;}
.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 .ico:hover {background:url('../images/btnSoundOff_hover.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.tel .ico:hover {background:url('../images/btnTel_hover.png') center center no-repeat;}
.quickWrap .linkList ul li.link .ico {background:url('../images/btnLink.png') center center no-repeat;}
.quickWrap .linkList ul li.link .ico:hover {background:url('../images/btnLink_hover.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:#fbe259 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:#202020; opacity:0; visibility:hidden;}
.quickWrap .linkList ul li .pop a {display: block; color:#c8c8c8; 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 {border:1px solid #eaeaea; 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:hover {background:url('../images/btnTop_hover.png') center center no-repeat;}
.quickWrap .control a.btnTop:after {content:''; position: absolute; left:50%; bottom:0; margin-left:-4px; width: 8px; height: 1px; background:#eaeaea;}
.quickWrap .control a.btnDown {background:url('../images/btnBottom.png') center center no-repeat;}

@media all and (min-width:1024px){
	.quickWrap .linkList ul li.sound .pop {opacity:1; visibility:visible; transform:translate(0,-50%);}
}
/* END QUICK */

.mainVisual {position: relative;}
/* FLOATING */
.mainVisual .floating {position: absolute; left:50px; top:130px;  text-align: center;  font-size: 20px; color:#000000; cursor:pointer;}
.mainVisual .floating .in {position: relative; width: 230px; height: 230px; background:#f4f1ef; border-radius:50%; padding-top: 58px;overflow:hidden;}
.mainVisual .floating .tit01 {font-weight:700; padding-top:35px; line-height: 20px; margin-bottom: 3px; background:url('../images/ico_mail.png') center top no-repeat;}
.mainVisual .floating .tit02 {font-weight:200; line-height: 23px;}
.mainVisual .floating .dday {position: absolute; left:0; bottom:-12px; width: 100%; font-weight:900; font-size: 40px;z-index: 1;}
.mainVisual .floating .leaf {position: absolute; left:50%; bottom:-5px; transform: translateX(-50%);}
.mainVisual .floating .border{position: absolute; left:10px; top:16px; width: 0px;height: 0px;border-top:30px solid none; border-bottom:30px solid #f4f1ef; border-right: 20px solid transparent; border-left: 20px solid transparent; transform:rotate(-45deg);}
/* END FLOATING */

/* TITLE */
.titleWrap .img .ment {transition:1s all; opacity:0;  transform:translate(-20px,0); transition-delay:1000ms}
.titleWrap .topText{position: relative;}
.titleWrap .topText .tit01{transition:2s all; opacity:0; transition-delay:400ms}
.titleWrap .topText .tit02{transition:2s all; opacity:0; transition-delay:1400ms}
.titleWrap .topText .leaf{transition:2.5s all; opacity:0;transform:translateY(-30px);transition-delay:1200ms;}
.titleWrap .topText .leaf span{position: absolute}
.titleWrap .topText .leaf span.no1{left:0;top:0;}
.titleWrap .topText .leaf span.no2{right:0;bottom:0;}
.titleWrap .bottomText{transition:2s all; opacity:0; transition-delay:2200ms}

.mainVisual .titleWrap {padding-top: 338px;height:582px;text-align: center; color:#000;margin-bottom: 190px;box-sizing: border-box}
.mainVisual .titleWrap .topText {position: relative; display: inline-block;}
.mainVisual .titleWrap .topText .tit01 {font-size: 30px; line-height: 30px;  font-weight: 200; margin-bottom: 21px;}
.mainVisual .titleWrap .topText .tit01 em {font-weight: 700;}
.mainVisual .titleWrap .topText .tit02 {font-size: 70px; line-height: 70px;  font-weight: 200; }
.mainVisual .titleWrap .topText .tit02 em {font-weight: 700;}
.mainVisual .titleWrap .topText .leaf {position: absolute;top:-124px;right:-184px; width: 274px;height:207px;}
.mainVisual .titleWrap .bottomText {font-size: 20px; line-height: 35px;color:#7c7672;font-weight: 200; margin-top:53px;position: relative;}

body.mainLoad .titleWrap .topText  {opacity:1;}
body.mainLoad .titleWrap .topText .tit01 {opacity:1;}
body.mainLoad .titleWrap .topText .tit02 {opacity:1;}
body.mainLoad .titleWrap .bottomText {opacity:1;}
body.mainLoad .titleWrap .topText .leaf {opacity:1;transform:translateY(0);}
body.mainLoad .titleWrap .topText .leaf span{animation-delay: 2500ms;animation-duration: 4s; animation-iteration-count: infinite; animation-direction: alternate;}
body.mainLoad .titleWrap .topText .leaf span.no1{animation-name: leaf03;transform-origin:right center}
body.mainLoad .titleWrap .topText .leaf span.no2{animation-name: leaf04;transform-origin:left center}

@keyframes leaf03 {
	from { transform:translate(0,0) rotate(0deg) }
  	to { transform:translate(5px,5px) rotate(-5deg); }
}
@keyframes leaf04 {
	from { transform:translate(0,0) }
  	to { transform:translate(-5px,-5px) rotate(-5deg); }
}
/* END TITLE */

/* MAINSLIDE */
.slick-slide{outline: none}
body.mainLoad .mainSlide{opacity:1;transform:translateY(0);}
.mainSlide{text-align: center;position: relative;transition: all 2s;transition-delay:200ms;opacity:0;transform:translateY(80px);}
.mainSlide .slider{margin: 0 100px;position: relative}
.mainSlide .slider img{width: 100%}
.mainSlide .slider img.m{display: none;}
.mainSlide .slider .slick-arrow {position: absolute; top:auto; bottom:0; z-index: 10; width: 110px; height: 80px; border:none; text-indent:-999em; outline:none;}
.mainSlide .slider .slick-arrow.slick-prev {right:110px; background:#fff url('../images/btnGalLeft_s.png') center center no-repeat; }
.mainSlide .slider .slick-arrow.slick-prev:after {content:''; position: absolute; right:0; top:50%; margin-top:-9px; height: 18px; width: 1px; background:#eaeaea;}
.mainSlide .slider .slick-arrow.slick-next {right:0; background:#fff url('../images/btnGalRight_s.png') center center no-repeat; }
.mainSlide .slick-dots {display: none !important;}
.mainSlide .slider-progress{background-color: #eaeaea;width: 122px;height:2px;position: absolute;bottom: 15px;right: 148px;z-index: 10;}
.mainSlide .progress{background-color: #000;height:2px;width: 0%}

.scroll{font-size: 20px;font-weight: 700;color: #000;position: absolute;bottom: -100px;left:50%;transform: translateX(-50%);z-index: 11}
.scroll span:after,
.scroll:after{display: block;width: 1px;height:100px;background-color: #000;content: '';margin: 0 auto}
.scroll span:after{margin-top: 14px;background-color: #fff;}
/* END MAINSLIDE */

.interviewLeaf span{position: absolute;}
.interviewLeaf span.no1 {right:584px; top:136px; z-index: 10;}
.interviewLeaf span.no2 {left:262px; top:914px;z-index: 1;}
.interviewLeaf span.no3 {right: 460px;bottom: 50px;}
.interviewLeaf span.no4 {right:0; bottom:0;}

.galLeaf span{position: absolute; z-index: 30;}
.galLeaf span.no1 {right:220px; bottom:346px;}

.infoLeaf span{position: absolute;}
.infoLeaf span.no1 {left:0; top:90px;}
.infoLeaf span.no2 {right:92px; top:185px;}
.infoLeaf span.no3 {right:0; top:308px;}



.interview {position: relative; padding:210px 0 200px 0; overflow:hidden; }
.interview .in {position: relative; text-align: right;}
.interview .in .time {position: relative; z-index: 10; text-align: right; padding-right:160px; font-size: 40px; line-height: 40px; color:#000000; font-weight:200;}
.interview .in .time .tit02 {font-weight:700;  margin:3px 0 45px 0;}
.interview .in .time .tit03 {font-size: 20px; line-height: 30px;}
.interview .in .bigDay {position: relative; padding-left: 100px; margin-bottom: 30px; z-index: 10;text-align: right; font-size: 190px; line-height: 190px; color:#eaeaea; opacity:.5; font-style: italic; white-space:nowrap;}
.interview .in .bigDay .hide {display: none;}
.interview .in .img {position: absolute; left:100px; top:0;/* width: 54.5%;*/ width: 48%;}
.interview .in .img img {width: 100%;}
.interview .in .intWrap {position: relative; z-index: 10; text-align: center; display: inline-block; margin-right:385px;}
.interview .in .intWrap .inner{background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.03); padding:95px 60px 80px 60px;}
.interview .in .intWrap .name {position: relative;  text-align: center; font-size: 20px; color:#000000; font-weight: 200; margin-bottom:40px;}
.interview .in .intWrap .name p {position: relative; z-index: 1;}
.interview .in .intWrap .name span {font-size: 26px; font-weight:700;}
.interview .in .intWrap .name em {position: absolute; left:0; top:-36px; width: 100%; text-align: center; font-size:70px; font-weight: 700; color:#eaeaea;}
.interview .in .intWrap .text {font-size: 20px; color:#7c7672; font-weight: 200; line-height: 33px;}
.interview .in .intWrap .text span {font-weight:700;}
body.interOpen {overflow-y:hidden;touch-action: none;height:100%}
body.interOpen .interPop{ opacity:1; visibility:visible; transform:translate(0,0);}
body.interOpen .interPop .popCont{ opacity:1; visibility:visible; }
body.interOpen .bgInterFul{ opacity:1; visibility:visible; transform:translate(0,0);}
.bgInterFul {position: fixed; left:0; top:0; width: 100%; height: 100%; background:#9a775f; z-index: 400; transition:1s all; opacity:0; visibility:hidden; transform:translate(0,100%);}
.interPop {position: fixed; left:0; top:0; width: 100%; height: 100%; background:#fff; z-index: 500; transition:1s all; opacity:0; visibility:hidden; transform:translate(0,100%);overflow-y:auto; transition-delay:200ms; }
.interPop .bgBack {position: absolute; right:0; top:0;  width:1920px; height: 100%; } 
.interPop .bgBack img{width: 100%;}
.interPop .bgBack .mobImg {display: none;}

@media all and (min-width:1921px) {
	.interPop .bgBack {width: 100%;}
}
.interPop .popCont {position: relative; z-index: 10; padding:150px 0 0 0; text-align: right;  transition:.3s all; transition-delay:1000ms; opacity:0; visibility:hidden; }
.interPop .popCont .title {text-align: center; font-size: 40px; line-height: 40px; padding-bottom: 150px; color:#000000; font-weight: 700;}
.interPop .popCont .interCont {display: inline-block; margin-right:160px; text-align: left; width: 1060px;}
.interPop .popCont .interCont .list { position: relative;  padding-bottom: 40px; }
.interPop .popCont .interCont .list:after {content:''; display:block; clear:both;}
.interPop .popCont .interCont .wide .list .textBox:first-child {margin-bottom: 35px;}
.interPop .popCont .interCont .wide .list .textBox{float:none; width:100%;}
.interPop .popCont .interCont .wide .list .textBox:after {content:''; display:block; clear:both;}
.interPop .popCont .interCont .wide .list .textBox .text:after {content:''; display:block; clear:both;}
.interPop .popCont .interCont .wide .list .textBox .lf {float:left; width:45%;}
.interPop .popCont .interCont .wide .list .textBox .rt:last-child {float:right; width:45%;}
.interPop .popCont .interCont .wide .list .textBox .text .box.lf {width:48%;}
.interPop .popCont .interCont .wide .list .textBox .text .box.rt {width:50%;}


.interPop .popCont .interCont .list .textBox{float:left; width: 45%;}
.interPop .popCont .interCont .list .textBox.first .cont { margin-bottom: 0;}
.interPop .popCont .interCont .list .textBox.right {margin-left:10%;}
.interPop .popCont .interCont .list .textBox .cont {margin-bottom: 50px; }
.interPop .popCont .interCont .list .textBox .cont:last-child {margin-bottom: 0;}
.interPop .popCont .interCont .list .textBox .cont .tit {font-size:26px; line-height:26px; margin-bottom: 25px; font-weight:700; color:#000000;}
.interPop .popCont .interCont .list .textBox .cont .text {padding-left: 30px; font-size:16px; font-weight:200; color:#7c7672; line-height: 28px;}

.interPop .popCont .interCont .list .textBox .text .box em {font-weight:700;}
.interPop .popCont .interCont .btnArrows {position: relative; border-top: 1px solid #eaeaea;}
.interPop .popCont .interCont .btnArrows .inArrow {position: absolute; right:0; top:0; background:#fff;}
.interPop .popCont .interCont .btnArrows a {float:left; width:57px; height:35px; text-indent:-999em;}
.interPop .popCont .interCont .btnArrows a.left {position: relative; background:url('../images/btnGalLeft.png') center center no-repeat;}
.interPop .popCont .interCont .btnArrows a.left:after {content:''; position: absolute; right:0; top:8px; width: 1px; height:19px; background:#eaeaea; }
.interPop .popCont .interCont .btnArrows a.right {background:url('../images/btnGalRight.png') center center no-repeat;}
.interPop .popCont .time {text-align: left; padding:25px 0 0 30px; font-size:16px; color:#7c7672; margin-bottom:20px; letter-spacing: 10px;}
.interPop .popCont .ddayWrap {padding-left:30px;}
.interPop .popCont .ddayWrap:after {content:''; display: block; clear:both;}
.interPop .popCont .ddayWrap .dday {float:left; color:#000000; font-size: 90px; line-height:68px; margin-right:25px;}
.interPop .popCont .ddayWrap .countWrap {float:left;}
.interPop .popCont .ddayWrap .countWrap .txt {display: block; float:none; font-size:16px; margin-bottom: 7px; padding-top: 0;}
.interPop .popCont .ddayWrap .countWrap .countList {margin:0 10px 0 0;}
.interPop .popCont .ddayWrap .countWrap .countList ul li { text-align: center; font-size: 26px; width: 30px; height: 40px; line-height:40px; background:#fff; margin-left:5px;}
.interPop .popCont .ddayWrap .countWrap .countList ul li.col {line-height: 35px;}
.interPop .popCont .ddayWrap .countWrap .last {font-size:16px; padding-top:5px;}
.interPop .popCont .leaf {position: absolute; right:0; bottom:160px;}
.interPop .btnInterClose {position: absolute; right:30px; top:30px; }
.interPop .btnInterClose a {display: block; width: 24px; height: 22px; text-indent:-999em; text-align: left; background:url('../images/btnCloseInterview.png') no-repeat;}


.videoGal {padding:150px 0 0 0; background:url('../images/bgGal.jpg') center top no-repeat; position: relative}
.videoGal .bgWhite{display: block;content: '';position: absolute;top:0;right:0;width: 100%;height:100%;background-color: #fff;}
.videoGal .title {font-size: 40px; color:#fff; font-weight: 700; line-height: 40px; margin-bottom:100px; text-align: center;}
.videoGal .videoWrap {position: relative; margin:0 auto 70px auto; width:1060px; height:596px; }
.videoGal .videoWrap .thumb img {width: 100%;}
.videoGal .videoWrap .playVideo {position: absolute; right:0; top:50%; margin-top:-160px; width:70px; height: 320px; background:#fff; text-align: center; z-index: 5;}
.videoGal .videoWrap .videoPlay {position: absolute; left:0; top:0; width: 100%; height: 100%;}
.videoGal .videoWrap .videoPlay iframe{position: absolute; left:0; top:0; width: 100%; height: 100%;}
.videoGal .videoWrap .playVideo .playIco {position: relative; padding-top: 30px; padding:30px 0 130px 0; margin-bottom: 30px;}
.videoGal .videoWrap .playVideo .playIco span { display: inline-block; text-indent:-999em; width:16px; height: 20px; background:url('../images/btnPlay.png') no-repeat;}
.videoGal .videoWrap .playVideo .playIco:after {content:''; position: absolute; left:50%; bottom:0; width: 1px; height:118px; background:#eaeaea;}
.videoGal .videoWrap .playVideo .tit {font-size: 20px; font-weight: 700; color:#000000; white-space:nowrap; transform:rotate(90deg);  }
.videoGal .videoWrap  .after {position: absolute; right:0; top:0; width:0; height: 100%; background:#fff; text-align: center; transition:.6s all; overflow:hidden;}
.videoGal .videoWrap  .after span {font-size:20px; line-height: 20px; padding-top: 70px; background:url('../images/btnPlayPc.png') center top no-repeat;color:#000000;
display: inline-block; position: absolute; left:0; top:50%; margin-top:-50px; width: 100%; white-space:nowrap; transition:.6s all;  opacity:0;}

.videoGal .videoWrap .playVideo:hover .after {width:1060px; opacity:1;}
.videoGal .videoWrap .playVideo:hover .after span { opacity:1; transition-delay:300ms;}
.videoGal .videoWrap .btnMovieClose {position: absolute; right:-40px; top:50%; margin-top:-10px; display: none; cursor:pointer;}


.galWrap {padding-right: 160px; position: relative;}
.contentSlide { position: relative;margin:0 auto; }
.contentSlide .slideList {position: relative;}
.contentSlide .slideList .slick-slide {position: relative;outline:none; height:415px; line-height: 415px; text-align: center; cursor:pointer; margin-left: 20px; overflow:hidden;}
.contentSlide .slideList .slick-slide img {height: 100%;}
.contentSlide .slideList .slick-slide .pop {position: absolute; left:0; top:0; width: 100%; height: 100%;}
.contentSlide .slideList .slick-slide .pop .border {position: absolute; left:50%; top:50%; margin:-55px 0 0 -55px; font-size: 16px; color:#fff; font-weight: 200; text-align: center; border:1px solid #fff; width: 110px; height: 110px; line-height: 110px; z-index: 2; opacity:0; transition:1s all; transform:translate(0,30px);  opacity:0;}
.contentSlide .slideList .slick-slide .pop .border em {line-height: 25px; display: inline-block; vertical-align: middle;}
.contentSlide .slideList .slick-slide .pop .bg { width:200%;height: 100%;position: absolute;left: 0;top: 0; background:#6b4521;transform-origin: right top;
transform-origin: right top;transform: translateX(-130%) skewX(17.62deg); transition:transform 2s cubic-bezier(.165, .84, .44, 1); backface-visibility: hidden; }
 .contentSlide .slideList .slick-slide .pop:hover .bg {transform: translateX(-25%) skewX(17.62deg); opacity:.8;}

.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 .closeSlide {display: none;position: fixed; right:100px; top:40px; width: 24px; height: 22px; display: inline-block; text-indent:-999em; background:url('../images/btnCloseGal.png') no-repeat;}

.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;}
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,.9); 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;}
body.showSlide .contentSlide.popslide .slideList .slick-slide .slide { position: relative; height: 100%;}
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; right:40px; bottom:40px; font-size: 39px; line-height: 39px; color:#fff; }
body.showSlide .contentSlide.popslide .slideList .count .dash {font-size: 31px;}
body.showSlide .contentSlide.popslide .slideList .arrows div {position: fixed; top:50%; margin-top:-10px; z-index: 10; width: 27px; height:20px; border:none; text-indent:-999em; outline:none; cursor:pointer;}
body.showSlide .contentSlide.popslide .slideList .arrows div.left {left:100px; background:url('../images/btnGalBigLeft.png') no-repeat; }
body.showSlide .contentSlide.popslide .slideList .arrows div.right {right:100px; background:url('../images/btnGalBigRight.png') no-repeat; }
body.showSlide .contentSlide.popslide .slideList .slick-arrow {display: none !important;}
body.showSlide .contentSlide.popslide .closeSlide {display: block;}
.contentSlide .slick-dots {display: none;}


.infoWrap {padding:200px 0 100px 0; position: relative;}
.infoWrap .title {font-size: 40px; line-height: 40px;  text-align: center; color:#000000; font-weight:700; padding-bottom: 100px; }
.infoWrap .infoList {position: relative; padding:0 100px; z-index: 10;}
.infoWrap .infoList .slideList {background:#fff; border-top:1px solid #eaeaea; background:#fff; display: block;}
.infoWrap .infoList .swiper-wrapper {display: block;}
.infoWrap .infoList .slideList ul li{border-bottom: 1px solid #eaeaea; padding:30px 60px; position: relative;  text-align: left; display:table; width: 100%;}
.infoWrap .infoList .slideList ul li:after {content:''; display: block; clear:both;}
.infoWrap .infoList .slideList ul li .img {display:table-cell; width: 28.5%;  vertical-align: middle; position: relative;}
.infoWrap .infoList .slideList ul li .img img {max-width:450px; vertical-align: middle; width: 100%;}
.infoWrap .infoList .slideList ul li .img .btn {opacity:0; transition:.7s all; transform:translate(0,10px); position: absolute; left:50%; top:50%; margin:-40px 0 0 -110px; width: 220px; height: 80px; text-align: center; line-height: 80px; border:1px solid #fff}
.infoWrap .infoList .slideList ul li .img .btn span {display: inline-block; font-size:16px; color:#fff; font-weight:200; padding-left: 23px; background:url('../images/icoLink.png') left center no-repeat;}
.infoWrap .infoList .slideList ul li a {display: block;}
.infoWrap .infoList .slideList ul li a:hover .img .btn {opacity:1;  transform:translate(0,0); }
.infoWrap .infoList .slideList ul li .textWrap {display:table-cell; vertical-align: middle; padding-left: 99px;text-align: left;}
.infoWrap .infoList .slideList ul li .textWrap .tit {font-size: 26px; line-height: 26px; color:#000000; font-weight:700; margin-bottom: 14px;}
.infoWrap .infoList .slideList ul li .textWrap .txt {font-size: 20px; line-height: 1.75; color:#7c7672;font-family: 'Noto Sans KR';font-weight:300;letter-spacing: -0.04em }
.infoWrap .infoList .delay-a{-webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; -o-animation-delay: 500ms; animation-delay: 500ms;}
.infoWrap .infoList .delay-b{-webkit-animation-delay: 1000ms; -moz-animation-delay: 1000ms; -o-animation-delay: 1000ms; animation-delay: 1000ms;}
.infoWrap .infoList .delay-c{-webkit-animation-delay: 1500ms; -moz-animation-delay: 1500ms; -o-animation-delay: 1500ms; animation-delay: 1500ms;}

.partyWrap {background:#fcfcfc; padding:200px 0 200px 0;}
.partyWrap .title {text-align: center; font-size: 42px; color:#000000; font-weight:200;  margin-bottom: 20px;}
.partyWrap .title .in {display: inline-block; padding-bottom: 5px; border-bottom:none !important;}
.partyWrap .title .line {display: inline-block; vertical-align: middle;border-bottom:none !important;}
.partyWrap .title .line span {font-weight: 700;}
.partyWrap .hash {text-align: center;   margin-bottom:90px; font-size:0;}
.partyWrap .hash span {font-size: 32px; color:#9a775f; font-weight: 200; line-height: 32px; margin-left:17px; display: inline-block; }
.partyWrap .hash span:first-child {margin-left: 0;}
.partyWrap .marqWrap { overflow:hidden; height: 50px;}
.partyWrap .waveText {margin-bottom: 50px; }
.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: 80px; height: 80px; 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 #9a775f;  border-radius:50%; display: none; }
.partyWrap .wave:hover .img span:after {display: block; }
.partyWrap .wave .img img{width: 80px; height: 80px; vertical-align: top; display: block;}
.partyWrap .wave .txt {display: inline-block; vertical-align: middle; font-size: 64px; font-weight: 900; color:#534e48; line-height: 64px; margin-left: 20px; white-space:nowrap;}
.partyWrap .wave:hover .txt {color:#9a775f;}


.comWrap {padding:0 160px;}
.comWrap .inputWrap {position: relative; padding-right:270px; margin-bottom: 30px;}
.comWrap .inputWrap .in {}
.comWrap .inputWrap .in:after {content:''; display:block; clear:both;}
.comWrap .inputWrap .in .user {float:left;}
.comWrap .inputWrap .in .user:after {content:''; display:block; clear:both;}
.comWrap .inputWrap .in .user .img {float:left; border-radius:50%; overflow:hidden;}
.comWrap .inputWrap .in .user .img img {width: 114px; height: 114px; }
.comWrap .inputWrap .in .user .selBox {float:left; margin:48px 0 0 20px; position: relative; }
.comWrap .inputWrap .in .user .selBox .tit {font-size:18px; line-height: 18px;  color:#000000; font-weight: 900; position: relative;  display: inline-block; cursor:pointer;}
.comWrap .inputWrap .in .user .selBox .tit span {display: inline-block; padding-right: 20px; position: relative;}
.comWrap .inputWrap .in .user .selBox .tit span:after {content:''; position: absolute; right:0; top:8px; background:url('../images/ico_arrow.png') no-repeat; width: 10px; height: 6px;}
.comWrap .inputWrap .in .user .selBox .list {position: absolute; left:0; top:30px; width: 100%; display: none; }
.comWrap .inputWrap .in .user .selBox .list li {position: relative; border-top: 1px solid #f4f1ef; }
.comWrap .inputWrap .in .user .selBox .list li label {font-size: 18px; color:#000; font-weight: 200; display: block; padding:8px 0;}
.comWrap .inputWrap .in .user .selBox .list li input {position: absolute; left:0; top:0; visibility:hidden }
.comWrap .inputWrap .in .user .selBox .list li.hidden {display: none;}
.comWrap .inputWrap .in .inputBox {margin-left:270px;}
.comWrap .inputWrap .in .inputBox input {width: 100%; height: 120px; border:1px solid #eaeaea; background:#fff; padding:50px 0 50px 50px; font-size:18px; color:#a9a298; font-weight: 300;}
.comWrap .inputWrap .btnComment {position: absolute; right:0; top:0; }
.comWrap .inputWrap .btnComment a {display: block; width: 250px; font-size: 20px; font-weight: 200; color:#f4f1ef; background:#534e48; height: 120px; line-height: 120px; text-align: center;}
.comWrap .partyCheck {}
.comWrap .partyCheck .thxBox {display: block; height: 120px; line-height: 120px; text-align: center; background:#f4f1ef; font-size:20px; color:#000; font-weight: 700; }
.comWrap .partyCheck .btn a{display: block; height: 120px; line-height: 120px; text-align: center; background:#534e48; font-size:24px; color:#f4f1ef; font-weight: 200; }
.comWrap .partyCheck .btn a em {font-weight:900;}
.comWrap .partyCheck .complete {position: relative; background:#534e48;}
.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 {text-align: center; padding:0 385px 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:#f4f1ef; width: 385px; text-align: center;}

.locationWrap { border-bottom: 1px solid #eaeaea; overflow:hidden;}
.locationWrap .mapWrap {position: relative; margin-bottom: 40px;}
/* .locationWrap .mapWrap a {display: block; height: 540px; position: relative;}
.locationWrap .mapWrap a img {position: absolute; left:50%; top:0; margin-left:-960px;;} */
.locationWrap .mapWrap a .m {display: none;}
.locationWrap .mapWrap .popInfo {position: absolute; right:160px; top:50%; transform:translate(0,-50%);  z-index: 10; text-align: left;}
.locationWrap .mapWrap .popInfo .bg{background:#fff;position: absolute;top:0;left:0;width: 0;height:100%}
.locationWrap .mapWrap .popInfo .in {padding:70px 60px 70px 70px;position: relative;}
.locationWrap .mapWrap .popInfo .in .tit01 {font-size: 40px; line-height: 40px; color:#000000; font-weight:700; margin-bottom:50px;}
.locationWrap .mapWrap .popInfo .in .tit02 {font-family:'Noto Sans KR';font-size: 26px; line-height: 26px; color:#7c7672; font-weight:900; margin-bottom:25px; }
.locationWrap .mapWrap .popInfo .in .tit03 {font-family:'Noto Sans KR';font-size: 20px; line-height: 30px; color:#7c7672; font-weight:300; margin-bottom:25px;  }
.locationWrap .mapWrap .popInfo .in .tit04 {font-size: 20px; line-height: 20px; color:#000000; font-weight:200; text-align: left;}
.locationWrap .mapWrap .popInfo .in .tit04 span {font-weight:800; margin-right:5px;}
.locationWrap .addrWrap  {text-align: left; padding-bottom: 38px;font-size: 0; max-width:1440px; margin:0 auto;}
.locationWrap .addrWrap:after{display: block;content: '';clear: both;}
.locationWrap .addrWrap .line {display: table;width:32%;vertical-align: top; padding-right: 50px; display: inline-block;}
.locationWrap .addrWrap .line:nth-child(2) {width:32%; }
.locationWrap .addrWrap .line:nth-child(5) {width:50%; }
.locationWrap .addrWrap .line:first-child {margin-left: 0;}
.locationWrap .addrWrap .line .tit {display: table-cell;font-size:20px; color:#000000; font-weight: 700; padding-left:20px; padding-right: 20px;vertical-align: top;width: 1px;}
.locationWrap .addrWrap .line .text {display: table-cell;font-size:16px; color:#7c7672; font-weight: 300; font-family:'Noto Sans KR'; ; vertical-align: middle;}
.locationWrap .addrWrap .line .text span {font-weight: 900; }
.locationWrap .addrWrap .line .text div {text-align: left;}
.locationWrap .addrWrap .line .text div:first-child {margin-right: 15px;}
.locationWrap .mapWrap .popInfo .in .btnNav {text-align: left; padding-top: 15px; margin-top: 15px; border-top:1px solid #eaeaea; }
.locationWrap .mapWrap .popInfo .in .btnNav a{ display: inline-block; font-size: 18px; line-height:18px; color:#000; font-weight:600; padding-right: 20px; background: url(../images/ico_nav_black.png) no-repeat right 3px;}



.thanksWrap {position: relative; padding:110px 0 120px 0; text-align: center;}
.thanksWrap .title {position: relative; display: inline-block; margin-right: 25px; font-weight:700; color:#000000; font-size: 40px;}
.thanksWrap .title .lf {position: absolute;top: 6px; left:-100px;}
.thanksWrap .list {position: relative; z-index: 1;display: inline-block; font-size: 20px; color:#000000; font-weight: 200;top:-2px;}
.thanksWrap .list .br {display: none;}
.thanksWrap .list span {margin-left: 20px; padding-left:24px; position: relative;}
.thanksWrap .list span:first-child {margin-left: 0; padding-left: 0;}
.thanksWrap .list span:first-child:after {display: none;}
.thanksWrap .list span:after {content:''; position: absolute; left:0; top:50%; margin-top:-1px;width: 2px; height: 2px; background:#111111; }
.thanksWrap .fw01 {position: absolute; right:67px; bottom:0;}

.thanksWrap .title span{letter-spacing:-0.25em;opacity: 0}
.thanksWrap .title.show span {
  -webkit-animation: fadeIn 1s 0s ease both;
          animation: fadeIn 1s 0s ease both;
}
.thanksWrap .title.show span:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.thanksWrap .title.show span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.thanksWrap .title.show span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.thanksWrap .title.show span:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.thanksWrap .title.show span:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.thanksWrap .title.show span:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.thanksWrap .title.show span:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.thanksWrap .title.show span:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.thanksWrap .title.show span:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.footer {text-align: center; padding:56px 0; background:url('../images/mainBg.png') center top no-repeat; background-size:cover;}
.footer .logo {display: inline-block; margin-right: 45px;vertical-align: middle;}
.footer .copy {display: inline-block; font-size: 18px; font-weight: 200; color:#aaa;vertical-align: middle;}


.silence {position: absolute; visibility:hidden}

.alertPop {position: fixed; left:0; top:0; width: 100%; height: 100%; display: none; z-index: 999;}
.alertPop .bg{ position: fixed; left:0; top:0; width: 100%; height: 100%;  z-index: 1;}
.alertPop .in {position: fixed; left:50%; top:50%; margin:-120px 0 0 -270px; text-align: center; width: 540px;  z-index: 100; border:1px solid #ececec; background:#fff; height: 240px; box-shadow:0 0 15px 5px rgba(0,0,0,.05);}
.alertPop .in .title {font-size: 20px; color:#000000; padding:75px 0 45px 0;}
.alertPop .in .btn a {display: inline-block; width: 116px; height: 48px; line-height: 48px; background:#9a775f; font-size: 18px; color:#fff;}


.btnLocaWrap { padding-top:30px; min-width:450px;}
.btnLoca {max-width:1000px; margin:0 auto; }
.btnLoca:after {content:''; display: block; clear:both;}
.btnLoca a {float:left; width:32%; margin-left:2%; height:55px; line-height:50px; background:#fff; border-radius:15px; text-align: center; font-family: 'Noto Sans KR'; border:1px solid #eaeaea}
.btnLoca a:first-child {margin-left:0;}
.btnLoca a span {font-size:15px; color:#504436; font-weight:500; padding-left:50px; display: inline-block; vertical-align: middle;}
.btnLoca a.no1 span {background:url('../images/ico_nav01.png') left center no-repeat;}
.btnLoca a.no2 span {background:url('../images/ico_nav02.png') left center no-repeat;}
.btnLoca a.no3 span {background:url('../images/ico_nav03.png') left center no-repeat;}


.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:#9d7e5f; 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; top:0; color:#222222; font-size:22px;}
.mindWrap .contBox .toggle .info .name em {font-size:28px; color:#000000; font-weight:500;}
.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;}

/* mindWrap-type2 */
.mindWrap .title {font-family: 'Noto Sans KR'; font-weight:500; padding-top:0; color:#222222 ; border-bottom:1px dashed #cccccc;}
.mindWrap .title:after {display: none;}
.mindWrap .text {color:#555555}
.mindWrap .contBox {border:1px solid #e2e4ea;}
.mindWrap .contBox .tit {background:#edeef1;}
.mindWrap .contBox .tit span {color:#6077a5; background:url('../images/mind/mind03_type2.png') left center no-repeat; }
.mindWrap .contBox .tit:after {background:url('../images/mind/mind04_type2.png') center no-repeat;}
.mindWrap .contBox .toggle {background:#f0f1f3; border-top:2px dashed #d7dae3;}
.mindWrap .contBox.bride {border:1px solid #e5d5da}
.mindWrap .contBox.bride .tit {background:#f1edee; }
.mindWrap .contBox.bride .tit span {color:#b27085;  background:url('../images/mind/mind07_type2.png') left center no-repeat; }
.mindWrap .contBox.bride .tit:after {background:url('../images/mind/mind08_type2.png') center no-repeat;}
.mindWrap .contBox.bride .toggle {background:#f8f3f4;}

/* 터치 스크롤 문제 수정 */
.mainSlide .item:after {content:''; position: absolute; left:0; top:0; width: 100%; height:100%; z-index:100;}
.infoWrap .infoList .slideList ul li .img:after {content:''; position: absolute; left:0; top:0; width: 100%; height:100%; z-index:100;}

/***************************************************************************************

 Media Query

***************************************************************************************/


@media all and (max-width:1900px) {
	.locationWrap {text-align: center;}
	.locationWrap .addrWrap { text-align: left; display: inline-block;}
	.locationWrap .addrWrap .line { margin-right: 0;}
	.locationWrap .addrWrap .line:first-child {margin-left: 0; margin-top: 0;}
}

@media all and (max-width:1600px) {
	.locationWrap .addrWrap .line{display: block;float: none;width: 100%; margin-top: 20px;  width:100% !important;}
	.locationWrap .addrWrap .line .tit{width: auto;padding-left: 0}
}

@media all and (max-width:1500px) {
	.head .inner .h1Wrap {left:10px;}
	.head .inner .gnbList {padding-right: 20px;}
	.head .inner .gnbList ul li {margin-left: 30px;}
	.interview .in {text-align: center;}
	.interview .in .intWrap {margin:0;}
	.interview .in .time {padding-right: 80px;}
	/* .locationWrap .mapWrap a img {margin-left:-1250px;} */
	.locationWrap .mapWrap .popInfo {right:55px;}

	.comWrap {padding:0 80px;}
}

@media all and (max-width:1160px) {
	.head .inner .h1Wrap h1{font-size: 20px;}
	.head .inner .gnbList {padding-right: 10px; padding-top: 36px;}
	.head .inner .gnbList ul li {margin-left: 20px;}
}



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

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

	.btnLocaWrap {min-width:auto; padding-top:20px;}
	.btnLoca:after {content:''; display: block; clear:both;}
	.btnLoca a {float:left; width:32%; margin-left:2%; height:40px; line-height:35px; background:#fff; border-radius:10px; text-align: center; font-family: 'Noto Sans KR';}
	.btnLoca a:first-child {margin-left:0;}
	.btnLoca a span {font-size:12px; color:#504436; font-weight:500; padding-left:25px; display: inline-block; vertical-align: middle;}
	.btnLoca a.no1 span {background:url('../images/ico_nav01_m.png') left center no-repeat; background-size:20px auto;}
	.btnLoca a.no2 span {background:url('../images/ico_nav02_m.png') left center no-repeat; background-size:20px auto;}
	.btnLoca a.no3 span {background:url('../images/ico_nav03_m.png') left center no-repeat; background-size:20px auto;}


	.mainVisual .floating {transform:scale(0.85); transform-origin:left top;}
	
	.introWrap {bottom:auto; overflow-y:auto }
	.introWrap .in {padding:0 40px; height:auto; margin-top:-300px; width:420px; margin-left:-210px; transform:scale(1.5);}
	.introWrap .in .img {position: relative; width:71px; height:89px; margin:50px auto 50px auto;}
	.introWrap .in .img span{}
	.introWrap .in .img span.no1 {position: absolute; left:-5px; top:0; animation-name: leaf01;    animation-duration: 3.5s;}
	.introWrap .in .img span.no1 img {width: 39px;}
	.introWrap .in .img span.no2 {position: absolute; right:2px; bottom:0; animation-name: leaf02;    animation-duration: 3.6s; }
	.introWrap .in .img span.no2 img {width: 32px;}
	.introWrap .in .time {font-size:12px; margin-bottom:15px;  letter-spacing:6px; }
	.introWrap .in .dNum {margin-top: 23px;font-size:90px; line-height:70px; margin-bottom:25px; padding-bottom:40px; }
	
	.btnSkip a{font-size: 12px;width: 160px;height: 42px;line-height: 40px;}

	.countWrap {display: inline-block;}
	.countWrap .box {display: inline-block; font-size: 12px;  color:#000000;}
	.countWrap .box .txt {float:none; padding-top: 0; margin-bottom: 10px;  }
	.countWrap .box .countList {float:none; margin:0 10px;}
	.countWrap .box .countList ul:after {content:''; display:block; clear:both;}
	.countWrap .box .countList ul li {float:left; width: 20px; height: 25px;margin-left:3px; font-family: 'EB Garamond'; font-size: 20px;}
	.countWrap .box .countList ul li:first-child {margin-left: 0;}
	.countWrap .box .countList ul li.col {background:none; line-height: 20px; width:15px;}
	.countWrap .box .last {float:none; padding-top:10px;  }

	.head {}
	.head .inner .h1Wrap {left:55px; top:37px;}
	.head .inner .h1Wrap h1 {font-style: italic; font-size:26px; line-height:26px; }
	.head .inner .gnbList {float:none; position: fixed; left:0; top:0; width: 100%; height: 100%; background:#f4f1ef; padding:130px 0 0 0; z-index: 500; transition:.5s all; opacity:0; visibility:hidden; transform:translate(100%,0)}
	body.gnbOpen {overflow-y:hidden;touch-action: none;height:100%}
	body.gnbOpen .head .inner .gnbList {opacity:1; visibility:visible; transform:translate(0,0)}
	.head .inner .gnbList .in {}
	.head .inner .gnbList ul {position: absolute; left:0; width: 100%; top:50%; margin-top:-225px;;}
	.head .inner .gnbList ul:after {content:''; display:block; clear:both;}
	.head .inner .gnbList ul li { margin-left: 0; text-align: center; display:block;  font-size: 0; margin-bottom:40px;}
	.head .inner .gnbList ul li:after {margin-left: 0;}
	.head .inner .gnbList ul li a {font-size: 20px; display: inline-block; line-height:20px; color:#000000; font-weight:200; font-style: italic; padding-bottom:10px;}
	.head .btnMenu {position: absolute; right:30px; top:36px; background:url('../images/btnMenu.png') no-repeat; width: 36px; height:30px; text-indent:-999em;  }
	.head .btnMenuClose {position: absolute; right:50px; top:50px; }
	.head .btnMenuClose a{display: block; background:url('../images/btnMenuClose.png') center center no-repeat; width: 24px; height: 22px; text-indent:-999em; }

	.quickWrap {position: fixed; right:0; top:auto; bottom:0; width:100%;  font-size:10px; }
	.quickWrap .count {float:left; line-height:10px; /*width: 25%;*/width:16.666%; padding:15px 0;   height:50px; margin-bottom: 0; }
	.quickWrap .count:after {content:''; display:block; clear:both;}
	.quickWrap .count .today {position: relative; padding-bottom:0; padding-right: 5px; margin-right:5px; margin-bottom: 0; display: inline-block; width:auto;}
	.quickWrap .count .today:after{content:''; position: absolute; left:auto; right:0; bottom:50%;  width: 1px; height: 1px; background:#919191;}
	.quickWrap .count div {display: inline-block;}
	.quickWrap .linkList {float:left; border:none;  margin-bottom:0; /*width:75%;*/width:83.333%}
	.quickWrap.none .linkList {width:100% !important;}
	.quickWrap .linkList ul li {position: relative; float:left;width:33.3336%;border:none;}
	.quickWrap .linkList ul li:after {content:''; position: absolute; left:0; top:50%; margin-top:-15px; width: 1px; height:30px; background:#eaeaea; }
	.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') center center no-repeat; background-size:17px auto;}
	.quickWrap .linkList ul li.sound .ico:hover {background:url('../images/btnSoundOff_mob.png') center center no-repeat; background-size:17px auto;}
	.quickWrap .linkList ul li.sound.on .ico {background:url('../images/btnSoundOn_mob.png') center center no-repeat; background-size:17px 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:13px auto;}
	.quickWrap .linkList ul li.link .ico:hover {background:url('../images/btnLink_mob.png') center center no-repeat; background-size:13px auto;}

	.quickWrap .linkList ul li.mail .ico {background:url('../images/btnMail_mob.png') center center no-repeat; background-size:14px auto;}
	.quickWrap .linkList ul li.mail .ico:hover {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:#fbe259 url('../images/ico_kakao_mob.png') center center no-repeat; background-size:16px 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 .pop a {display: block; color:#c8c8c8; padding:9px 0; z-index: 8px;}
	.quickWrap .linkList ul li .pop:after {right: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 .control {display: none;}

	.mainVisual {height: 1260px;}
	.mainVisual .titleWrap {padding-top: 300px; text-align: center; color:#000;height: 544px}
	.mainVisual .titleWrap .topText {position: relative; display: inline-block;}
	.mainVisual .titleWrap .topText .tit01 {font-size: 30px; line-height: 30px;  font-weight: 200; margin-bottom: 20px;}
	.mainVisual .titleWrap .topText .tit01 em {font-weight: 700;}
	.mainVisual .titleWrap .topText .tit02 {font-size: 70px; line-height: 70px;  font-weight: 200; }
	.mainVisual .titleWrap .topText .tit02 em {font-weight: 700;}
	.mainVisual .titleWrap .topText .leaf {position: absolute; top: -70px;right:-150px;width: 206px;height: 155px;}
	.mainVisual .titleWrap .topText .leaf .no1 img{width: 97px}
	.mainVisual .titleWrap .topText .leaf .no2 img{width: 96px}
	.mainVisual .titleWrap .bottomText {font-size: 20px; line-height: 37px; font-weight:200; margin-top:50px;position: relative; padding:0 50px;}
	.mainVisual .titleWrap .day {position: absolute; left:50%; margin-left:-552px; top:650px; width: 1024px; color:#fafafa; white-space:nowrap; font-weight:700; font-style: italic; color:#000; opacity:.03; text-align: center; letter-spacing:-15px; font-size: 0;}
	.mainVisual .titleWrap .day span {display: inline-block;  font-size: 150px; line-height:150px; }
	.mainVisual .titleWrap .day span.right {margin-left:490px;}
	
	.mainSlide .slider{margin: 0 55px;}
	.scroll{bottom: -70px;}
	.scroll span:after,
	.scroll:after{height:70px;}
	.mainSlide .slider-progress{right: 102px;}

	.interview {padding:95px 0 200px 0; }
	.interview .in {}
	.interview .in .time {position: relative; z-index: 10; text-align: right; padding-right:90px; font-size: 40px; line-height: 40px; color:#000000; font-weight:200;}
	.interview .in .time .tit02 {font-weight:700;  margin:3px 0 45px 0;}
	.interview .in .time .tit03 {font-size: 20px; line-height: 1.75;}
	.interview .in .bigDay {position: relative; padding-left: 100px; margin-bottom: 10px; z-index: 10;text-align: right; font-size: 120px; line-height: 1; color:#eaeaea; opacity:.5; font-style: italic; white-space:nowrap;}
	.interview .in .img {position: absolute; left:55px; top:50px; width: 45%;}
	.interview .in .img img {width: 100%;}
	.interview .in .intWrap .inner{ padding:95px 60px 80px 60px;}
	.interview .in .intWrap .name {position: relative;  text-align: center; font-size: 20px; color:#000000; font-weight: 200; margin-bottom:40px;}
	.interview .in .intWrap .name p {position: relative; z-index: 1;}
	.interview .in .intWrap .name span {font-size: 26px; font-weight:700;}
	.interview .in .intWrap .name em {position: absolute; left:0; top:-36px; width: 100%; text-align: center; font-size:70px; font-weight: 700; color:#f0ede8;}
	.interview .in .intWrap .text {font-size: 20px; color:#a9a298; font-weight: 200; line-height: 33px;}


	.interviewLeaf span{position: absolute;}
	.interviewLeaf span.no1 {right:385px;top:48px; z-index: 10;}
	.interviewLeaf span.no1 img{width: 68px}
	.interviewLeaf span.no2 {left:34px;top:434px;}
	.interviewLeaf span.no2 img{width: 79px}
	.interviewLeaf span.no3 {right: 275px;bottom: 30px;}
	.interviewLeaf span.no3 img{width: 98px}
	.interviewLeaf span.no4 {display: block;}
	.interviewLeaf span.no4 img{width: 234px;}

	.videoGal {padding:100px 0 0 0; background-size:auto 520px; }
	.videoGal .title {font-size: 40px; font-weight: 700; line-height: 40px; margin-bottom:50px; text-align: center;}
	.videoGal .videoWrap {position: relative; margin:0 0 70px 0; width:100%; height:400px; padding:0 30px; }
	.videoGal .videoWrap .in {position: relative;}
	.videoGal .videoWrap .thumb img {width: 100%;}
	.videoGal .videoWrap .playVideo {position: absolute; right:0; top:50%; margin-top:-130px; width:70px; height:260px; background:#fff; text-align: center;}
	.videoGal .videoWrap .playVideo .playIco {position: relative; padding-top: 30px; padding:30px 0 70px 0; margin-bottom: 30px;}
	.videoGal .videoWrap .playVideo .playIco span { display: inline-block; text-indent:-999em; width:16px; height: 20px; background:url('../images/btnPlay.png') no-repeat;}
	.videoGal .videoWrap .playVideo .playIco:after {content:''; position: absolute; left:50%; bottom:0; width: 1px; height:57px; background:#eaeaea;}
	.videoGal .videoWrap .playVideo .tit {font-size: 20px; font-weight: 700; color:#000000; white-space:nowrap; transform:rotate(90deg);  }

	.videoGal .videoWrap  .after {display: none;}
	
	.galWrap {padding-right:115px;}
	.galLeaf span{position: absolute; z-index: 30;}
	.galLeaf span.no1 {right:52px; bottom:200px;}
	.galLeaf span.no1 img{width: 88px}
	.showSlide .galWrap{position: relative;z-index: 100}

	.contentSlide { position: relative;margin:0 auto; }
	.contentSlide .slideList {position: relative;}
	.contentSlide .slideList .slick-slide {position: relative;outline:none; height:310px; line-height: 310px; text-align: center; cursor:pointer; margin-left: 20px; overflow:hidden;}
	.contentSlide .slideList .slick-slide img {height: 100%;}
	.contentSlide .slideList .slick-slide .pop {position: absolute; left:0; top:0; width: 100%; height: 100%;}
	.contentSlide .slideList .slick-slide .pop .border {position: absolute; left:50%; top:50%; margin:-55px 0 0 -55px; font-size: 16px; font-weight: 200; text-align: center; width: 110px; height: 110px; line-height: 110px; z-index: 2; opacity:0; transform:translate(0,30px);  opacity:0;}
	.contentSlide .slideList .slick-slide .pop .border em {line-height: 25px; display: inline-block; vertical-align: middle;}
	.contentSlide .slideList .slick-slide .pop .bg {}
	.contentSlide .slideList .slick-slide .pop:hover .border {transform:translate(0,0); opacity:1; transition-delay:200ms;}
	.contentSlide .slideList .slick-slide .pop:hover .bg {}
	.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 .closeSlide {display: none;position: fixed; right:100px; top:40px; width: 24px; height: 22px; display: inline-block; text-indent:-999em; background:url('../images/btnCloseGal.png') no-repeat;}

	.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;}
	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,.9); border:none; margin:0;opacity:1; visibility:visible; }
	body.showSlide .contentSlide.popslide .slideList { height:100vh;}
	body.showSlide .contentSlide.popslide .slideList .slick-slide {padding:100px 50px; height:100vh; text-align: center; margin-left: 0;}
	body.showSlide .contentSlide.popslide .slideList .slick-slide .slide { position: relative; height: 100%; line-height:calc(100vh - 200px);}
	body.showSlide .contentSlide.popslide .slideList .slick-slide .slide img { vertical-align: middle; display: inline-block; height: auto; max-height:100%; max-width: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; right:40px; bottom:40px; font-size: 39px; line-height: 39px; color:#fff; }
	body.showSlide .contentSlide.popslide .slideList .count .dash {font-size: 31px;}
	body.showSlide .contentSlide.popslide .slideList .arrows div {position: fixed; top:50%; margin-top:-10px; z-index: 10; width: 27px; height:20px; border:none; text-indent:-999em; outline:none; cursor:pointer;}
	body.showSlide .contentSlide.popslide .slideList .arrows div.left {left:80px; background:url('../images/btnGalBigLeft.png') no-repeat; }
	body.showSlide .contentSlide.popslide .slideList .arrows div.right {right:80px; background:url('../images/btnGalBigRight.png') no-repeat; }
	body.showSlide .contentSlide.popslide .slideList .slick-arrow {display: none !important;}
	body.showSlide .contentSlide.popslide .closeSlide {display: block;}
	.contentSlide .slick-dots {display: none;}


	.infoWrap {padding:200px 0 200px 0; position: relative; overflow:hidden;}
	.infoWrap .title {font-size: 40px; line-height: 40px;  text-align: center; color:#000000; font-weight:700; padding-bottom: 100px; }
	.infoWrap .infoList {position: relative; padding:0; z-index: 10;}
	.infoWrap .infoList .swiper-wrapper {display:flex;}
	.infoWrap .infoList .slideList { border-top:none; background:none;}
	.infoWrap .infoList .slideList ul li{border-bottom:none; padding:0 50px; position: relative;  text-align: left; display:block; width:65%;}
	.infoWrap .infoList .slideList ul li:after {content:''; display: block; clear:both;}
	.infoWrap .infoList .slideList ul li .img {display:block; width:100%;  vertical-align: middle;}
	.infoWrap .infoList .slideList ul li .img img {max-width:100%; vertical-align: middle; width: 100%;}
	.infoWrap .infoList .slideList ul li .textWrap {display:block; vertical-align: middle; padding-top: 50px; padding-left: 0;  text-align: left;background-color: #fff;margin: 0 -50px;padding-left: 50px;padding-right: 50px;}
	.infoWrap .infoList .slideList ul li .textWrap .tit {font-size: 26px; line-height: 26px; color:#000000; font-weight:700; margin-bottom: 21px;}
	.infoWrap .infoList .slideList ul li .textWrap .txt {font-size: 16px; line-height: 1.8; color:#7c7672; font-weight:300;}
/* 	.infoWrap .infoList .slideList ul li .textWrap .txt br {display: none;} */

	.infoWrap .infoList .slideList ul li .img .btn {margin:-22px 0 0 -80px; width: 160px; height: 44px; text-align: center; line-height: 44px; border:1px solid #fff}
	.infoWrap .infoList .slideList ul li .img .btn span {display: inline-block; font-size:12px; color:#fff; font-weight:200; padding-left: 15px; background:url('../images/icoLink.png') left center no-repeat; background-size:9px auto;}

	.infoWrap .infoList .delay-a,
	.infoWrap .infoList .delay-b,
	.infoWrap .infoList .delay-c{-webkit-animation-delay: 400ms; -moz-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms;}

	.infoWrap .infoList .slideList ul li {}
	.infoWrap .infoList .swiper-container {overflow:visible;}

	.infoLeaf span{position: absolute; ;}
	.infoLeaf span.no1 {left:-20px; top:100px;}
	.infoLeaf span.no1 img {width: 417px;}
	.infoLeaf span.no2 {right:0; top:215px;}

	.interPop {position: fixed; left:0; top:0; width: 100%; height: 100%; background:#fdfdfd; z-index: 500;  overflow-y:auto;  }
	.interPop .bgBack {position: absolute; right:0; top:auto; bottom:-400px;  width:100%; height:auto; } 
	.interPop .bgBack img{width: 100%;}
	.interPop .bgBack .pcImg {display: none;}
	.interPop .bgBack .mobImg {display: block;}
	.interPop .popCont {position: relative; z-index: 10; padding:100px 0 0 0; text-align: right; }
	.interPop .popCont .title {text-align: center; font-size: 40px; line-height: 40px; padding-bottom: 100px; color:#000000; font-weight: 700;}
	.interPop .popCont .interCont {display: inline-block; margin-right:0; text-align: left; width:100%; padding:0 40px;}
	.interPop .popCont .interCont .list { position: relative;  padding-bottom: 40px; }
	.interPop .popCont .interCont .list:after {content:''; display:block; clear:both;}
	.interPop .popCont .interCont .list .textBox{}
	.interPop .popCont .interCont .list .textBox:after {content:''; display:block; clear:both;}
	.interPop .popCont .interCont .list .textBox.left {}
	.interPop .popCont .interCont .list .textBox.left .cont .text:after {content:''; display:block; clear:both;}
	.interPop .popCont .interCont .list .textBox.left .cont .text:first-child .box {margin-bottom: 20px;}
	.interPop .popCont .interCont .list .textBox.right {margin-left:0; float:right;}
	.interPop .popCont .interCont .list .textBox.right .cont {margin-bottom: 50px;}
	.interPop .popCont .interCont .list .textBox .cont:last-child {margin-bottom: 0;}
	.interPop .popCont .interCont .list .textBox .cont .tit {font-size:26px; line-height:26px; margin-bottom: 25px; font-weight:700; color:#000000;}
	.interPop .popCont .interCont .list .textBox .cont .text {padding-left: 30px; font-size:16px; font-weight:200; color:#7c7672; line-height: 28px;}


	.interPop .popCont .interCont .wide .list .textBox:first-child {margin-bottom: 50px;}
	.interPop .popCont .interCont .wide .list .textBox{float:none; width:100%;}
	.interPop .popCont .interCont .wide .list .textBox:after {content:''; display:block; clear:both;}
	.interPop .popCont .interCont .wide .list .textBox .text:after {content:''; display:block; clear:both;}
	.interPop .popCont .interCont .wide .list .textBox .lf {float:none; width:100%;}
	.interPop .popCont .interCont .wide .list .textBox .rt:last-child {float:none; width:100%;}
	.interPop .popCont .interCont .wide .list .textBox .text .box.lf {width:100%;}
	.interPop .popCont .interCont .wide .list .textBox .text .box.rt {width:100%;}



	.interPop .popCont .interCont .list .textBox li .text .box em {font-weight:500;}
	.interPop .popCont .interCont .btnArrows {position: relative; width: 50%; float:right;}
	.interPop .popCont .interCont .btnArrows .inArrow {position: absolute; right:0; top:0; background:#fff;}
	.interPop .popCont .interCont .btnArrows a {float:left; width:57px; height:35px; text-indent:-999em;}
	.interPop .popCont .interCont .btnArrows a.left {position: relative; background:url('../images/btnGalLeft.png') center center no-repeat;}
	.interPop .popCont .interCont .btnArrows a.left:after {content:''; position: absolute; right:0; top:8px; width: 1px; height:19px; background:#eaeaea; }
	.interPop .popCont .interCont .btnArrows a.right {background:url('../images/btnGalRight.png') center center no-repeat;}
	.interPop .popCont .mobRight {clear:both; }
	.interPop .popCont .mobRight:after {content:''; display:block; clear:both;}
	.interPop .popCont .mobRight .inDate {float:right; padding-top: 100px; width: 50%;}
	.interPop .popCont .time {text-align: left; padding:0; font-size:16px; margin-bottom:20px; letter-spacing: 10px; clear:both;}
	.interPop .popCont .ddayWrap {padding-left:0;}
	.interPop .popCont .ddayWrap:after {content:''; display: block; clear:both;}
	.interPop .popCont .ddayWrap .dday {float:none; color:#000000; font-size: 90px; line-height:68px; margin-right:0; margin-bottom:50px;}
	.interPop .popCont .ddayWrap .countWrap {float:left;}
	.interPop .popCont .ddayWrap .countWrap .txt {display: block; float:none; font-size:16px; margin-bottom: 7px; padding-top: 0;}
	.interPop .popCont .ddayWrap .countWrap .countList {float:left; margin:0 10px 0 0;}
	.interPop .popCont .ddayWrap .countWrap .countList ul li { text-align: center; font-size: 26px; width: 30px; height: 40px; line-height:40px; background:#fff; margin-left:5px;}
	.interPop .popCont .ddayWrap .countWrap .countList ul li.col {line-height: 35px;}
	.interPop .popCont .ddayWrap .countWrap .last {float:left; font-size:16px; padding-top:5px;}
	.interPop .popCont .leaf {position: absolute; right:0; bottom:160px;}
	.interPop .btnInterClose {text-align: center;  clear:both;}
	.interPop .btnInterClose a {display: inline-block; width: 24px; height: 22px; text-indent:-999em; background:url('../images/btnCloseInterview.png') no-repeat;}



	.partyWrap {padding:130px 0 0;}
	.partyWrap .title {text-align: center; font-size: 42px; color:#000000; font-weight:200;  margin-bottom: 16px;}
	.partyWrap .title .in {display: inline-block;  border-bottom:none; padding-bottom: 0; }
	.partyWrap .title .line {display: inline-block; vertical-align: middle;  }
	.partyWrap .title .line:last-child {border-bottom:2px solid #000; }
	.partyWrap .title .line span {font-weight: 700;}
	.partyWrap .hash {text-align: center;   margin-bottom:90px; font-size:0;;}
	.partyWrap .hash span {font-size: 32px;font-weight: 200; line-height: 32px; margin-left:17px;}
	.partyWrap .hash span:first-child {margin-left: 0;}
	.partyWrap .marqWrap { overflow:hidden; height: 50px;}
	.partyWrap .waveText {margin-bottom: 50px; }
	.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: 80px; height: 80px; 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-radius:50%; display: none; }
	.partyWrap .wave:hover .img span:after {display: block; }
	.partyWrap .wave .img img{width: 80px; height: 80px; vertical-align: top; display: block;}
	.partyWrap .wave .txt {display: inline-block; vertical-align: middle; font-size: 64px; font-weight: 900;line-height: 64px; margin-left: 20px; white-space:nowrap;}

	.comWrap {padding:0 55px;}
	.comWrap .inputWrap {position: relative; padding-right:0; margin-bottom: 30px;}
	.comWrap .inputWrap .in {}
	.comWrap .inputWrap .in:after {content:''; display:block; clear:both;}
	.comWrap .inputWrap .in .user {float:left;}
	.comWrap .inputWrap .in .user:after {content:''; display:block; clear:both;}
	.comWrap .inputWrap .in .user .img {float:left; border-radius:50%; overflow:hidden;}
	.comWrap .inputWrap .in .user .img img {width: 114px; height: 114px; }
	.comWrap .inputWrap .in .user .selBox {float:left; margin:48px 0 0 20px; position: relative; }
	.comWrap .inputWrap .in .user .selBox .tit {font-size:18px; line-height: 18px;  color:#000000; font-weight: 900; position: relative;  display: inline-block; cursor:pointer;}
	.comWrap .inputWrap .in .user .selBox .tit span {display: inline-block; padding-right: 20px; position: relative;}
	.comWrap .inputWrap .in .user .selBox .tit span:after {content:''; position: absolute; right:0; top:8px; background:url('../images/ico_arrow.png') no-repeat; width: 10px; height: 6px;}
	.comWrap .inputWrap .in .user .selBox .tit span em {display: none;}
	.comWrap .inputWrap .in .user .selBox .list {position: absolute; left:-15px; top:30px; width: 116px; display: none;  background:#fff; padding:0 15px;}
	.comWrap .inputWrap .in .user .selBox .list li {position: relative;}
	.comWrap .inputWrap .in .user .selBox .list li label {font-size: 12px; color:#a9a298; font-weight: 200; display: block; padding:8px 0;}
	.comWrap .inputWrap .in .user .selBox .list li input {position: absolute; left:0; top:0; visibility:hidden }
	.comWrap .inputWrap .in .user .selBox .list li.hidden {display: none;}

	.comWrap .inputWrap .in .inputBox input {width: 100%; height: 120px; border:1px solid #eaeaea; background:#fff; padding:50px 0 50px 50px; font-size:18px; color:#a9a298; font-weight: 300;}
	.comWrap .inputWrap .btnComment {}
	.comWrap .inputWrap .btnComment a {display: block; width: 100%; font-size: 20px; font-weight: 200; height: 120px; line-height: 120px; text-align: center;}
	.comWrap .partyCheck {}
	.comWrap .partyCheck .thxBox {display: block; height: 120px; line-height: 120px; text-align: center; font-size:20px; font-weight: 700; }
	.comWrap .partyCheck .btn a{display: block; height: 120px; line-height: 120px; text-align: center; font-size:24px; font-weight: 200; }
	.comWrap .partyCheck .btn a em {font-weight:900;}
	.comWrap .partyCheck .complete {position: relative;}
	.comWrap .partyCheck .complete .num {position: absolute; left:0; top:0; width: 137px; font-size: 20px; text-align: right;  height: 120px; line-height: 120px;}
	.comWrap .partyCheck .complete .num em {font-size:64px;  font-weight: 700;}
	.comWrap .partyCheck .complete .answer {text-align: center; padding:0 316px 0 137px;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; font-weight: 200; width: 316px; text-align: center;}


	.locationWrap {padding-top: 200px;}
	.locationWrap .mapWrap {position: relative; margin-bottom: 40px;}
	/* .locationWrap .mapWrap a {display: block; height: 540px; position: relative;}
	.locationWrap .mapWrap a img {position: absolute; left:50%; top:0; } */
	.locationWrap .mapWrap .popInfo {position: absolute; right:55px; top:50%; transform:translate(0,-50%); z-index: 10;}
	.locationWrap .mapWrap .popInfo .in {padding:70px 60px 70px 70px;}
	.locationWrap .mapWrap .popInfo .in .tit01 {font-size: 40px; line-height: 40px; color:#000000; font-weight:700; margin-bottom:50px;}
	.locationWrap .mapWrap .popInfo .in .tit02 {font-size: 26px; line-height: 26px; font-weight:900; margin-bottom:25px; font-family:'Noto Sans KR';}
	.locationWrap .mapWrap .popInfo .in .tit03 {font-size: 20px; line-height: 30px; font-weight:300; margin-bottom:25px;  font-family:'Noto Sans KR';}
	.locationWrap .mapWrap .popInfo .in .tit04 {font-size: 20px; line-height: 20px; color:#000000; font-weight:200; text-align: left;}
	.locationWrap .mapWrap .popInfo .in .tit04 span {font-weight:800; margin-right:5px;}
	.locationWrap .addrWrap  {text-align: left; padding-left:90px; padding-bottom: 24px;display: block;}
	.locationWrap .addrWrap .line {display: block; vertical-align: middle; margin-right: 0; margin-top: 20px;}
	.locationWrap .addrWrap .line:first-child {margin-left: 0; margin-top: 0;}
	.locationWrap .addrWrap .line:after {content:''; display:block; clear:both;}
	.locationWrap .addrWrap .line .tit {float:left; display: inline-block; font-size:20px; color:#000000; font-weight: 700; margin-right: 23px; ; vertical-align: middle;}
	.locationWrap .addrWrap .line .text {display:block; font-size:16px; font-weight: 300; font-family:'Noto Sans KR'; ; vertical-align: middle; margin-left: 108px;}
	.locationWrap .addrWrap .line .text span {font-weight: 900; }
	.locationWrap .addrWrap .line .text div {text-align: left;}
	.locationWrap .addrWrap .line .text div:first-child {margin-right: 15px;}


	.thanksWrap {position: relative; padding:128px 0 138px 0; text-align: center;}
	.thanksWrap .title {position: relative;display: block; margin-right: 0; font-weight:700; color:#000000; font-size: 40px; margin-bottom: 10px;}
	.thanksWrap .title .lf {position: absolute;top:-2px; left:-100px;transform: rotate(-25deg);}
	.thanksWrap .title .lf img{width: 58px}
	.thanksWrap .list {position: relative; z-index: 1;display:block; font-size: 20px; color:#000000; font-weight: 200;}
	.thanksWrap .list .br {display: block;}
	.thanksWrap .list span {margin-left: 20px; padding-left:24px; position: relative;}
	.thanksWrap .list span:first-child {margin-left: 0; padding-left: 0;}
	.thanksWrap .list span:first-child:after {display: none;}
	.thanksWrap .list span:after {content:''; position: absolute; left:0; top:50%; margin-top:-1px;width: 2px; height: 2px; background:#111111; }
	.thanksWrap .fw01 {position: absolute; right:-45px; bottom:0;}

	.footer {text-align: center; padding-bottom: 106px; /*padding:80px 0;*/ background:url('../images/mainBg.png') center top no-repeat; background-size:cover;}
	.footer .logo {display: inline-block; margin-right: 45px;}
	.footer .copy {display: inline-block; font-size: 18px; font-weight: 200; color:#aaaaaa;}

	.locationWrap .mapWrap {background:#fff;}
	#map {height: 350px !important;}
	.locationWrap .mapWrap .popInfo {position: static; bottom:0; left:0; margin-left:0; transform:translate(0,0); width: 100%; margin-bottom: 20px;}
	.locationWrap .mapWrap .popInfo .in {padding-top: 40px; padding-bottom: 40px; padding-left:90px; border-bottom: 1px solid #eaeaea; overflow:hidden;}
}


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

	.interview {padding:150px 0 150px 0; }
	.interview .in {}
	.interview .in .time {position: relative; z-index: 10; text-align: right; padding-right:90px; font-size: 30px; line-height: 30px; color:#000000; font-weight:200;}
	.interview .in .time .tit02 {font-weight:700;  margin:3px 0 30px 0;}
	.interview .in .time .tit03 {font-size: 15px; line-height: 30px;}
	.interview .in .bigDay {position: relative; padding-left: 100px; margin-bottom: 30px; z-index: 10;text-align: right; font-size: 100px; line-height: 100px; color:#eaeaea; opacity:.5; font-style: italic; white-space:nowrap;}
	.interview .in .img {position: absolute; left:55px; top:50px; width: 45%;}
	.interview .in .img img {width: 100%;}
	.interview .in .intWrap .inner { padding:75px 30px 60px 30px;}
	.interview .in .intWrap .name {position: relative;  text-align: center; font-size: 20px; color:#000000; font-weight: 200; margin-bottom:40px;}
	.interview .in .intWrap .name p {position: relative; z-index: 1;}
	.interview .in .intWrap .name span {font-size: 26px; font-weight:700;}
	.interview .in .intWrap .name em {position: absolute; left:0; top:-36px; width: 100%; text-align: center; font-size:70px; font-weight: 700; color:#f0ede8;}
	.interview .in .intWrap .text {font-size: 20px; color:#a9a298; font-weight: 200; line-height: 33px;}

}
@media all and (max-width:767px) {
	
	.mob {display: block;}
	.pt {display: none;}
	.m{display: block;}
	.t{display: none;}
	.w{display: none;}

	.btnSkip {margin-top:25px;}
	.btnSkip a {font-size: 23px; width: 165px; height: 40px;  font-size: 12px;border:1px solid #000000; line-height: 40px;}
	.btnSkip a span { padding-right:10px; background-size:4px auto;  }


	.head {height:50px;}
	.head .inner .h1Wrap {left:29px; top:18px;}
	.head .inner .h1Wrap h1 {font-style: italic; font-size:13px; line-height:13px; }
	.head .inner .gnbList {float:none; position: fixed; left:0; top:0; width: 100%; height: 100%; padding:130px 0 0 0; z-index: 500; overflow-y:scroll;}
	.head .inner .gnbList ul:after {content:''; display:block; clear:both;}
	.head .inner .gnbList ul li { margin-left: 0; text-align: center; display:block;  font-size: 0; margin-bottom:40px;}
	.head .inner .gnbList ul li:after {margin-left: 0;}
	.head .inner .gnbList ul li a {font-size: 20px; display: inline-block; line-height:20px; color:#000000; font-weight:200; font-style: italic; padding-bottom:10px;}
	.head .btnMenu {position: absolute; right:0; top:0; padding:18px 15px; background:url('../images/btnMenu.png') center center no-repeat; width:50px; height:50px; background-size:18px auto;text-indent:-999em;  }
	.head .btnMenuClose {position: absolute; right:0; top:0; z-index: 10; }
	.head .btnMenuClose a{display: block; background:url('../images/btnMenuClose.png') center center no-repeat;padding:31px; width: 12px; height: 11px; background-size:12px auto;text-indent:-999em; }


	.introWrap {bottom:auto; overflow-y:auto }
	.introWrap .in {width:360px; margin-left:-180px; margin-top:-280px; transform:scale(1); }
	.introWrap .in .time {font-size:12px; margin-bottom:20px;  letter-spacing:6px; }
	.introWrap .in .dNum {font-size:90px; line-height:70px; margin-bottom:25px; padding-bottom:25px; }

	.countWrap {display: inline-block;}
	.countWrap .box {display: inline-block; font-size: 12px;  color:#000000;}
	.countWrap .box .txt {float:none; padding-top: 0; margin-bottom: 10px;  }
	.countWrap .box .countList {float:none; margin:0 10px;}
	.countWrap .box .countList ul:after {content:''; display:block; clear:both;}
	.countWrap .box .countList ul li {float:left; width: 20px; height: 25px; background:#f6f6f6; margin-left:3px; font-family: 'EB Garamond'; font-size: 20px;}
	.countWrap .box .countList ul li:first-child {margin-left: 0;}
	.countWrap .box .countList ul li.col {background:none; line-height: 20px; width:15px;}
	.countWrap .box .last {float:none; padding-top:10px;  }

/* 	.mainSlide .slider img.m{display: block;}
	.mainSlide .slider img.pt{display: none;}
	 */
	.quickWrap {position: fixed; right:0; top:auto; bottom:0; width:100%;  font-size:10px; }
	.quickWrap .count {float:left; line-height:10px; width: 25%; padding:15px 0;   height:50px; margin-bottom: 0; }
	.quickWrap .count:after {content:''; display:block; clear:both;}
	.quickWrap .count .today {position: relative; padding-bottom:0; padding-right: 5px; margin-right:5px; margin-bottom: 0; display: inline-block; width:auto;}
	.quickWrap .count .today:after{content:''; position: absolute; left:auto; right:0; bottom:50%;  width: 1px; height: 1px; background:#919191;}
	.quickWrap .count div {display: inline-block;}
	.quickWrap .linkList {float:left; border:none;  margin-bottom:0; width:75%;}
	.quickWrap .linkList ul li {position: relative; float:left; width:20%; border:none;}
	.quickWrap .linkList ul li:after {content:''; position: absolute; left:0; top:50%; margin-top:-15px; width: 1px; height:30px; background:#eaeaea; }
	.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') center center no-repeat; background-size:17px auto;}
	.quickWrap .linkList ul li.sound .ico:hover {background:url('../images/btnSoundOff_mob.png') center center no-repeat; background-size:17px auto;}
	.quickWrap .linkList ul li.sound.on .ico {background:url('../images/btnSoundOn_mob.png') center center no-repeat; background-size:17px auto;}
	.quickWrap .linkList ul li.tel {display: block;}
	.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:13px auto;}
	.quickWrap .linkList ul li.link .ico:hover {background:url('../images/btnLink_mob.png') center center no-repeat; background-size:13px auto;}

	.quickWrap .linkList ul li.mail {display: block;}
	.quickWrap .linkList ul li.mail .ico {background:url('../images/btnMail_mob.png') center center no-repeat; background-size:14px auto;}
	.quickWrap .linkList ul li.mail .ico:hover {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:#fbe259 url('../images/ico_kakao_mob.png') center center no-repeat; background-size:16px 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.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.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 .pop a {display: block; color:#c8c8c8; padding:9px 0; z-index: 8px;}
	.quickWrap .linkList ul li .pop:after {right:auto; left:50%; margin-left:-4px; bottom:-4px; top:auto; width: 8px; height:5px; background:url('../images/ico_hover_m.png?v=01') center center no-repeat; background-size:8px auto;}
	.quickWrap .linkList ul li.kakao .pop:after {margin-left:20px;}
	.quickWrap .linkList ul li:hover .pop {opacity:1; visibility:visible; transform:translate(0,0); }
	.quickWrap .control {display: none;}



	.mainVisual {position: relative; height:auto; padding-bottom: 80px;}
	.mainVisual .floating {position: absolute; left:15px; top:48px;  transform:scale(.45); transform-origin:left top; font-size:25px; }
	.mainVisual .floating .tit02 {line-height:29px;}
	.mainVisual .floating .dday {font-size:44px; bottom:-14px}

	.mainVisual .titleWrap {margin-bottom: 42px;padding-top:149px; text-align: center; color:#000000; overflow:hidden;height: 336px;}
	.mainVisual .titleWrap .topText {position: relative; display: inline-block;}
	.mainVisual .titleWrap .topText .tit01 {font-size: 15px; line-height: 15px;  font-weight: 200; margin-bottom: 10px;}
	.mainVisual .titleWrap .topText .tit01 em {font-weight: 700;}
	.mainVisual .titleWrap .topText .tit02 {font-size: 35px; line-height:35px;  font-weight: 200; }
	.mainVisual .titleWrap .topText .tit02 em {font-weight: 700;}
	.mainVisual .titleWrap .topText .leaf {position: absolute;top:-30px; right:-40px; width: 78px;height: 59px;}
	.mainVisual .titleWrap .topText .leaf img {width: 17px;}
	body.mainLoad .titleWrap .topText .leaf span.no1{animation-name: leaf03ddd;}
	body.mainLoad .titleWrap .topText .leaf span.no2{animation-name: leaf03ddd;}
	.mainVisual .titleWrap .topText .leaf .no1 img {width:37px;}
	.mainVisual .titleWrap .topText .leaf .no2 img {width:36px;}
	.mainVisual .titleWrap .bottomText {font-size: 10px; line-height:20px; font-weight:200;margin-top:25px; position: relative; padding:0;}
	.mainVisual .titleWrap .day {position: absolute; left:50%;  margin-left:-206px; top:340px; width:400px; color:#fafafa; white-space:nowrap; font-weight:700; 
	font-style: italic; color:#000; opacity:.03; text-align: center; letter-spacing:-5px; font-size: 0;}
	.mainVisual .titleWrap .day span {float:left;display: inline-block;  font-size: 50px; line-height:50px; }
	.mainVisual .titleWrap .day span.right {float:right; margin-left: 0;}
	.mainSlide .slider{margin: 0}
	.mainSlide .slider .slick-arrow{width: 55px;height: 40px;    }
	.mainSlide .slider .slick-arrow.slick-prev,
	.mainSlide .slider .slick-arrow.slick-next{background-size: 8px auto;}
	.mainSlide .slider .slick-arrow.slick-prev{right: 55px;}
	.mainSlide .progress{height: 1px}
	.mainSlide .slider-progress{width: 63px;right: 22px;bottom: 7px;height: 1px;}
	.mainSlide .slider .slick-arrow.slick-prev:after{height: 9px;margin-top: -4px;}
	
	.mainVisual{padding-bottom: 0}
	.scroll{font-size: 10px;bottom: -35px;}
	.scroll span:after, 
	.scroll:after{height: 35px;}

	.interview {padding:80px 0 30px 0; }
	.interview .in {}
	.interview .in .time {position: relative; z-index: 10; text-align:center; padding-right:0; font-size: 20px; line-height: 20px; color:#000000; font-weight:200;}
	.interview .in .time .tit02 {font-weight:700;  margin:3px 0 20px 0;}
	.interview .in .time .tit03 {font-size: 12px; line-height: inherit;}
	.interview .in .time .tit03 br {display: none;}
	.interview .in .bigDay {position:absolute; right:-30%; top:126px; font-size: 45px; line-height:37px; text-align: right; color:#eaeaea; opacity:0; font-style: italic; white-space:normal;transition: all 1.6s}
	.interview .in .bigDay .hide {display: block;}
	.interview .in .bigDay.mo{right:27px;opacity:.5;}
	.interview .in .img {position: static; left:23px; top:23px; width: 45%; margin-left:27px; margin-top:38px;}
	.interview .in .img img {width: 100%;}
	.interview .in .intWrap {position: relative; top:-40px;margin:0 65px; }
	.interview .in .intWrap .inner{padding:45px 20px 40px 20px;}
	.interview .in .intWrap .name {position: relative;  text-align: center; font-size: 12px; color:#000000; font-weight: 200; margin-bottom:20px;}
	.interview .in .intWrap .name p {position: relative; z-index: 1;}
	.interview .in .intWrap .name span {font-size: 13px; font-weight:700;}
	.interview .in .intWrap .name em {position: absolute; left:0; top:-20px; width: 100%; text-align: center; font-size:35px; font-weight: 700; color:#f0ede8;}
	.interview .in .intWrap .text {font-size: 12px; color:#a9a298; font-weight: 200; line-height: 17px;}
	.interview .in .img .delay-a{-webkit-animation-delay: 1100ms; -moz-animation-delay: 1100ms; -o-animation-delay: 1100ms; animation-delay: 1100ms;}
	.interview .in .intWrap .delay-b{-webkit-animation-delay: 1500ms; -moz-animation-delay: 1500ms; -o-animation-delay: 1500ms; animation-delay: 1500ms;}

	.interviewLeaf span{position: absolute;}
	.interviewLeaf span.no1 {right:99px;top:65px; z-index: 10;}
	.interviewLeaf span.no1 img {width:26px;}
	.interviewLeaf span.no2 {left:20px; top:306px;}
	.interviewLeaf span.no2 img {width:30px;}
	.interviewLeaf span.no3 {right:78px; bottom:41px;}
	.interviewLeaf span.no3 img{width: 37px}
	.interviewLeaf span.no4 {left:auto;right:0;display: block;}
	.interviewLeaf span.no4 img{width: 76px;}



	.videoGal {padding:40px 0 0 0; background-size:contain; background-image: url(../images/bgGal.jpg);}
	.videoGal .title {font-size: 15px; font-weight: 700; line-height: 20px; margin-bottom:20px; text-align: center;}
	.videoGal .videoWrap {position: relative; margin:0 0 30px 0; width:100%; height:auto; padding:0 45px; }
	.videoGal .videoWrap .in {position: relative;}
	.videoGal .videoWrap .thumb img {width: 100%;}
	.videoGal .videoWrap .playVideo {position: absolute; right:auto; left:50%;  top:50%;  width:35px; height:35px; margin:-18px 0 0 -18px}
	.videoGal .videoWrap .playVideo .playIco {position: relative; padding:0; background:#fff;margin-bottom: 0;}
	.videoGal .videoWrap .playVideo .playIco span {width:35px; height:35px; background:#fff url('../images/btnPlay.png') center center no-repeat; background-size:8px auto;;}
	.videoGal .videoWrap .playVideo .playIco:after {display: none; }
	.videoGal .videoWrap .playVideo .tit {display: none; font-size: 20px; font-weight: 700; color:#000000; white-space:nowrap; transform:rotate(90deg);  }
	.videoGal .videoWrap .btnMovieClose {margin-top:-25px; right:-30px}
	
	.galWrap {padding-right:0;}
	.galLeaf span{position: absolute; z-index: 30;}
	.galLeaf span.no1 {right:12px; bottom:130px;}
	.galLeaf span.no1 img {width: 29px;}

	.contentSlide { position: relative;margin:0 auto; }
	.contentSlide .slideList {position: relative;}
	.contentSlide .slideList .slick-slide {position: relative;outline:none; height:140px; line-height: 140px; text-align: center; cursor:pointer; margin-left:10px; overflow:hidden;}
	.contentSlide .slideList .slick-slide img {height: 100%;}
	.contentSlide .slideList .slick-slide .pop {position: absolute; left:0; top:0; width: 100%; height: 100%;}
	.contentSlide .slideList .slick-slide .pop .border {margin:-30px 0 0 -30px; font-size: 10px; width: 60px; height: 60px; line-height: 60px; z-index: 2; opacity:0; transform:translate(0,30px);  opacity:0;}
	.contentSlide .slideList .slick-slide .pop .border em {line-height: 18px; display: inline-block; vertical-align: middle;}
	.contentSlide .slideList .slick-slide .pop .bg { }
	.contentSlide .slideList .slick-slide .pop:hover .border {transform:translate(0,0); opacity:1; transition-delay:200ms;}
	.contentSlide .slideList .slick-slide .pop:hover .bg {}
	.contentSlide .slideList .slick-arrow {position: absolute; top:auto; bottom:-15px; z-index: 10; width: 30px; height: 30px; border:none; text-indent:-999em; outline:none;}
	.contentSlide .slideList .slick-arrow.slick-prev {right:45px; background:#fff url('../images/btnGalLeft.png') center center no-repeat; background-size:6px auto; }
	.contentSlide .slideList .slick-arrow.slick-prev:after {content:''; position: absolute; right:0; top:50%; margin-top:-5px; height:9px; width: 1px; background:#eaeaea;}
	.contentSlide .slideList .slick-arrow.slick-next {right:15px; background:#fff url('../images/btnGalRight.png') center center no-repeat; background-size:6px auto;}
	.contentSlide .slick-dots {display: none !important;}

	.contentSlide .closeSlide {display: none;position: fixed; right:0; top:0; width: 12px; height: 11px; padding:31px; display: inline-block; text-indent:-999em; background:url('../images/btnCloseGal.png') center center no-repeat; background-size:12px auto;}

	.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;}
	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,.9); border:none; margin:0;opacity:1; visibility:visible; }
	body.showSlide .contentSlide.popslide .slideList { height:100vh;}
	body.showSlide .contentSlide.popslide .slideList .slick-slide {padding:0; height:100vh; text-align: center; margin:0;}
	body.showSlide .contentSlide.popslide .slideList .slick-slide .slide { position: relative; height: 100%; line-height:100vh;}
	body.showSlide .contentSlide.popslide .slideList .slick-slide .slide img { vertical-align: middle; display: inline-block; height: auto; max-height:100%; max-width: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; right:40px; bottom:40px; font-size: 39px; line-height: 39px; color:#fff; }
	body.showSlide .contentSlide.popslide .slideList .count .dash {font-size: 31px;}
	body.showSlide .contentSlide.popslide .slideList .arrows div {position: fixed; top:50%; margin-top:-20px; z-index: 10; width: 20px; height:40px; border:none; text-indent:-999em; outline:none; cursor:pointer;}
	body.showSlide .contentSlide.popslide .slideList .arrows div.left {left:25px; background:url('../images/btnGalBigLeft.png') left center no-repeat; background-size:13px auto }
	body.showSlide .contentSlide.popslide .slideList .arrows div.right {right:25px; background:url('../images/btnGalBigRight.png') right center  no-repeat; background-size:13px auto }
	body.showSlide .contentSlide.popslide .slideList .slick-arrow {display: none !important;}
	body.showSlide .contentSlide.popslide .closeSlide {display: block;}
	.contentSlide .slick-dots {display: none;}


	.infoWrap {padding:75px 0 65px 0; position: relative; overflow:hidden;}
	.infoWrap .title {font-size: 20px; line-height: 20px; padding-bottom: 50px; }
	.infoWrap .infoList {position: relative; padding:0; z-index: 10;}
	.infoWrap .infoList .swiper-wrapper {display:flex;}
	.infoWrap .infoList .slideList {background:none; border-top:none;}
	.infoWrap .infoList .slideList ul li{ padding:0 8px; width:88%;}
	.infoWrap .infoList .slideList ul li:after {content:''; display: block; clear:both;}
	.infoWrap .infoList .slideList ul li .img {display:block; width:100%;  vertical-align: middle;}
	.infoWrap .infoList .slideList ul li .img img {max-width:100%; vertical-align: middle; width: 100%;}
	.infoWrap .infoList .slideList ul li .textWrap {display:block; vertical-align: middle; padding: 22px 5px 5px 5px;margin:0; text-align: left;}
	.infoWrap .infoList .slideList ul li .textWrap .tit {font-size: 13px; line-height: 15px; color:#000000; font-weight:700; margin-bottom:9px;}
	.infoWrap .infoList .slideList ul li .textWrap .txt {font-size: 10px; line-height: 1.5; font-weight:300;}
/* 	.infoWrap .infoList .slideList ul li .textWrap .txt br {display: none;} */

	.infoWrap .infoList .slideList ul li {}
	.infoWrap .infoList .swiper-container {overflow:visible;}
	
	.infoWrap .infoList .delay-a,
	.infoWrap .infoList .delay-b,
	.infoWrap .infoList .delay-c{-webkit-animation-delay: 400ms; -moz-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms;}

	.infoLeaf span{position: absolute; ;}
	.infoLeaf span.no1 {left:0px; top:84px;}
	.infoLeaf span.no1 img {width:152px;}
	.infoLeaf span.no2 {right:23px; top:63px;}
	.infoLeaf span.no2 img {width:37px;}
	.infoLeaf span.no3 {right:0; top:108px;}
	.infoLeaf span.no3 img {width:15px;}

	.interPop {position: fixed; left:0; top:0; width: 100%; height: 100%; background:#fdfdfd; z-index: 500; overflow-y:auto;  }
	.interPop .bgBack {position: absolute; right:0; top:auto; bottom:-35%;  width:100%; height:auto; } 
	.interPop .bgBack img{width: 100%;}
	.interPop .mobBackImg {position: absolute; left:0; bottom:-14%; width: 100%;}
	.interPop .mobBackImg img {width: 100%;}
	.interPop .popCont {position: relative; z-index: 10; padding:55px 0 0 0; text-align: right; }
	.interPop .popCont .title {text-align: center; font-size:20px; line-height: 20px; padding-bottom: 55px; color:#000000; font-weight: 700;}
	.interPop .popCont .interCont {position: relative; z-index: 10 ;display: inline-block; margin-right:0; text-align: left; padding:0 26px;}
	.interPop .popCont .interCont .list { position: relative;  padding-bottom: 40px; }
	.interPop .popCont .interCont .list:after {content:''; display:block; clear:both;}
	.interPop .popCont .interCont .list .textBox{float:none; width:100%;}
	.interPop .popCont .interCont .list .textBox:after {content:''; display:block; clear:both;}
	.interPop .popCont .interCont .list .textBox.left { margin-bottom: 25px;}
	.interPop .popCont .interCont .list .textBox.left .cont .text:after {content:''; display:block; clear:both;}
	.interPop .popCont .interCont .list .textBox.left .cont .text .box {width:100%; float:none;}
	.interPop .popCont .interCont .list .textBox.right {margin-left:0;}
	.interPop .popCont .interCont .list .textBox.right .cont {margin-bottom: 25px; width:100%; float:none; }
	.interPop .popCont .interCont .list .textBox .cont:last-child {margin-bottom: 0;}
	.interPop .popCont .interCont .list .textBox .cont .tit {font-size:14px; line-height:14px; margin-bottom: 12px; font-weight:700; color:#000000;}
	.interPop .popCont .interCont .list .textBox .cont .text {padding-left: 20px; font-size:12px; font-weight:200; line-height: 20px;}
	.interPop .popCont .interCont .wide .list .textBox:first-child {margin-bottom:25px;}
	.interPop .popCont .interCont .list .textBox .cont {margin-bottom:25px;}

	.interPop .popCont .interCont .list .textBox li .text .box em {font-weight:500;}
	.interPop .popCont .interCont .btnArrows {position: relative; width: 100%; float:right;}
	.interPop .popCont .interCont .btnArrows .inArrow {position: absolute; right:0; top:0; background:#fff;}
	.interPop .popCont .interCont .btnArrows a {float:left; width:30px; height:25px; text-indent:-999em;}
	.interPop .popCont .interCont .btnArrows a.left {position: relative; background:url('../images/btnGalLeft.png') center center no-repeat; background-size:6px auto;;}
	.interPop .popCont .interCont .btnArrows a.left:after {content:''; position: absolute; right:0; top:7px; width: 1px; height:10px; background:#eaeaea; }
	.interPop .popCont .interCont .btnArrows a.right {background:url('../images/btnGalRight.png') center center no-repeat; background-size:6px auto;;}
	.interPop .popCont .mobRight {clear:both; text-align: right; }
	.interPop .popCont .mobRight:after {content:''; display:block; clear:both;}
	.interPop .popCont .mobRight .inDate {float:right; padding-top: 40px; display: inline-block; width:auto; text-align: left;}
	.interPop .popCont .time {text-align: left; padding:0; font-size:12px; color:#a9a298; margin-bottom:5px; letter-spacing: 5px; clear:both;}
	.interPop .popCont .ddayWrap {padding-left:0; text-align: right;}
	.interPop .popCont .ddayWrap:after {content:''; display: block; clear:both;}
	.interPop .popCont .ddayWrap .dday {float:none; color:#000000; font-size:45px; line-height:45px; margin-right:0; margin-bottom:15px;}
	.interPop .popCont .ddayWrap .countWrap {float:none; text-align: right;}
	.interPop .popCont .ddayWrap .countWrap .txt {display: block; float:none; font-size:12px; margin-bottom: 5px; padding-top: 0;}
	.interPop .popCont .ddayWrap .countWrap .countList {float:left; margin:0 0 0 0;}
	.interPop .popCont .ddayWrap .countWrap .countList ul li { text-align: center; font-size: 13px; width: 15px; height: 20px; line-height:20px; background:#fff; margin-left:5px;}
	.interPop .popCont .ddayWrap .countWrap .countList ul li.col {line-height: 15px;}
	.interPop .popCont .ddayWrap .countWrap .last {float:none; width: 100%; font-size:12px; padding-top:5px;}
	.interPop .popCont .leaf {position: absolute; right:0; bottom:160px;}
	.interPop .btnInterClose {position: absolute; right:25px; top:25px;  padding-top: 0; clear:both;}
	.interPop .btnInterClose a { width: 12px; height: 11px; background-size:12px auto;}



	.partyWrap {padding:75px 0 0;}
	.partyWrap .title {text-align: center; font-size: 21px; color:#000000; font-weight:200;  margin-bottom: 10px;}
	.partyWrap .title .in {display: inline-block;  border-bottom:none; padding-bottom: 0; letter-spacing: -0.05em;}
	.partyWrap .title .line {display: inline-block; vertical-align: middle;  }
	.partyWrap .title .line:last-child {border-bottom:2px solid #000; }
	.partyWrap .title .line span {font-weight: 700;}
	.partyWrap .hash {text-align: center;   margin-bottom:45px; font-size:0;;}
	.partyWrap .hash span {font-size: 12px;font-weight: 200; line-height: 12px; margin-left:8px;}
	.partyWrap .hash span:first-child {margin-left: 0;}
	.partyWrap .marqWrap { overflow:hidden; height:auto;}
	.partyWrap .waveText {margin-bottom: 25px; }
	.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: 40px; height: 40px; border-radius:100%; 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 #9a775f;  border-radius:100%; display: none; }
	.partyWrap .wave:hover .img span:after {display: block; }
	.partyWrap .wave .img img{width: 40px; height: 40px; vertical-align: top; display: block;}
	.partyWrap .wave .txt {display: inline-block; vertical-align: middle; font-size: 32px; font-weight: 900; color:#534e48; line-height: 32px; margin-left: 10px; white-space:nowrap;}

	.comWrap {padding:0 27px;}
	.comWrap .inputWrap {position: relative; padding-right:0; margin-bottom: 10px;}
	.comWrap .inputWrap .in {}
	.comWrap .inputWrap .in:after {content:''; display:block; clear:both;}
	.comWrap .inputWrap .in .user {float:left;}
	.comWrap .inputWrap .in .user:after {content:''; display:block; clear:both;}
	.comWrap .inputWrap .in .user .img {float:left; border-radius:50%; overflow:hidden;margin-top: 9px;}
	.comWrap .inputWrap .in .user .img img {width: 45px; height: 45px; }
	.comWrap .inputWrap .in .user .selBox {float:left; margin:17px 0 0 10px; position: relative; }
	.comWrap .inputWrap .in .user .selBox .tit {font-size:12px; line-height: 14px;  color:#000000; font-weight: 900; position: relative;  display: inline-block; cursor:pointer;}
	.comWrap .inputWrap .in .user .selBox .tit span {display: inline-block; padding-right: 10px; position: relative;}
	.comWrap .inputWrap .in .user .selBox .tit span:after {content:''; position: absolute; right:0; top:5px; background:url('../images/ico_arrow.png') no-repeat;background-size:7px auto; width: 7px; height: 4px;}
	.comWrap .inputWrap .in .user .selBox .list {position: absolute; left:-10px; top:30px; width: 73px; display: none;  background:#fff; padding:0 15px; z-index:10;}
	.comWrap .inputWrap .in .user .selBox .list li {position: relative;}
	.comWrap .inputWrap .in .user .selBox .list li label {font-size: 11px; color:#000; font-weight: 200; display: block; padding:8px 0;}
	.comWrap .inputWrap .in .user .selBox .list li input {position: absolute; left:0; top:0; visibility:hidden }
	.comWrap .inputWrap .in .user .selBox .list li.hidden {display: none;}
	.comWrap .inputWrap .in .inputBox {margin-left:120px; padding-bottom:70px;}
	.comWrap .inputWrap .btnComment { top:auto; bottom:0;  margin-top: 10px; width: 100%; }
	.comWrap .inputWrap .in .inputBox input {width: 100%; height: 60px; border:1px solid #eaeaea; background:#fff; padding:25px 0 25px 10px; font-size:12px; color:#a9a298; font-weight: 300;}
	.comWrap .inputWrap .in .inputBox ::-webkit-input-placeholder {  color: #a9a298; font-weight: normal; font-size: 11px;  font-weight: 400; }
	.comWrap .inputWrap .in .inputBox :-moz-placeholder { color: #a9a298; opacity: 1; font-weight: normal; font-size: 11px;  font-weight: 400;  }
	.comWrap .inputWrap .in .inputBox ::-moz-placeholder {  color: #a9a298; opacity: 1; font-weight: normal; font-size: 11px;  font-weight: 400; }
	.comWrap .inputWrap .in .inputBox:-ms-input-placeholder {  color: #a9a298; font-weight: normal;font-size: 11px; font-weight: 400 }

		

	.comWrap .inputWrap .btnComment a {display: block; width: 100%; font-size: 12px; font-weight: 200;height:60px; line-height: 60px; text-align: center;}
	.comWrap .partyCheck {}
	.comWrap .partyCheck .thxBox {display: block; height: 60px; line-height: 60px; text-align: center; font-size:12px; font-weight: 700;letter-spacing: -0.05em; }
	.comWrap .partyCheck .btn a{display: block; height: 60px; line-height: 60px; text-align: center; font-size:14px; font-weight: 200; }
	.comWrap .partyCheck .btn a em {font-weight:900;}
	.comWrap .partyCheck .complete {position: relative;}
	.comWrap .partyCheck .complete .num {position: absolute; left:0; top:0; width: 80px; font-size:12px; text-align: right;  height: 60px; line-height: 60px; padding-left: 20px;}
	.comWrap .partyCheck .complete .num em {font-size:32px;  font-weight: 700;}
	.comWrap .partyCheck .complete .answer {text-align: center; padding:0 100px 0 80px; font-weight:700; font-size: 12px; height: 60px; line-height: 60px;}
	.comWrap .partyCheck .complete .thx {position: absolute; right:0; top:0; width: 100px; height: 60px; line-height:18px; padding-top: 10px; font-size:12px; font-weight: 200; text-align: center;}


	.locationWrap {padding-top: 100px; text-align: left;}
	.locationWrap .mapWrap {position: relative; margin-bottom: 20px; background:#f1f1f1; text-align: center;}
	/* .locationWrap .mapWrap a {display: block; height:350px; position: relative;overflow:hidden;}
	.locationWrap .mapWrap a span {}
	.locationWrap .mapWrap a img { left:50%; top:0; width:auto;margin:0;margin-left:-384px; }
	.locationWrap .mapWrap a .pc {display: none;}
	.locationWrap .mapWrap a .m {display: block;} */
	.locationWrap .mapWrap .popInfo {position: absolute; right:auto; left:50%; margin-left:-150px; width:300px; top:auto; bottom:40px; transform:translate(0,0);}
	.locationWrap .mapWrap .popInfo .in {padding:35px 30px 35px 35px;}
	.locationWrap .mapWrap .popInfo .in .tit01 {font-size: 20px; line-height: 20px; color:#000000; font-weight:700; margin-bottom:25px;}
	.locationWrap .mapWrap .popInfo .in .tit02 {font-size: 13px; line-height: 13px; font-weight:900; margin-bottom:12px; font-family:'Noto Sans KR';}
	.locationWrap .mapWrap .popInfo .in .tit03 {font-size: 12px; line-height: 20px; font-weight:300; margin-bottom:12px;  font-family:'Noto Sans KR';}
	.locationWrap .mapWrap .popInfo .in .tit04 {font-size: 12px; line-height: 12px; color:#000000; font-weight:200; text-align: left;}
	.locationWrap .mapWrap .popInfo .in .tit04 span {font-weight:800; margin-right:3px;}
	.locationWrap .addrWrap  {text-align: left; padding-left:27px; padding-bottom: 15px; border-bottom:none;}
	.locationWrap .addrWrap .line {position: relative; display: block; vertical-align: middle; margin-right: 0; margin-top: 10px;}
	.locationWrap .addrWrap .line:after {content:''; display:block; clear:both;}
	.locationWrap .addrWrap .line:first-child {margin-left: 0; margin-top: 0;}
	.locationWrap .addrWrap .line .tit {float:left; display: inline-block; font-size:13px; color:#000000; font-weight: 700; margin-right:0; ; vertical-align: middle;}
	.locationWrap .addrWrap .line .text {display:block; font-size:12px;  font-family:'Noto Sans KR';font-weight: 300; vertical-align: middle; margin-left: 70px;}
	.locationWrap .addrWrap .line .text span {font-weight: 900; }
	.locationWrap .addrWrap .line .text div {text-align: left;}
	.locationWrap .addrWrap .line .text div:first-child {margin-right: 8px;}
	
	.locationWrap .mapWrap .popInfo .in .btnNav {margin-top: 10px; padding-top: 10px;}
	.locationWrap .mapWrap .popInfo .in .btnNav a {font-size: 10px; line-height: 10px; background-size:4px auto; background-position:right 0; padding-right: 10px;}



	.thanksWrap {position: relative; padding:44px 25px 55px 25px; text-align: center;}
	.thanksWrap .title {position: relative; display: inline-block; margin-right: 0; font-weight:700; color:#000000; font-size: 20px; margin-bottom: 5px;}
	.thanksWrap .title .lf {position: absolute; left:-42px; margin-left:0; top:50%;transform: rotate(-25deg) translateY(-50%)}
	.thanksWrap .title .lf img {width: 28px;}
	.thanksWrap .list {position: relative; z-index: 1;display:block; font-size: 10px; color:#000000; font-weight: 200;}
	.thanksWrap .list .br {display:block;}
	.thanksWrap .list span {margin-left: 10px; padding-left:12px; position: relative;}
	.thanksWrap .list .br + span:after {display: none; padding-left: 0; margin-left: 0;}
	.thanksWrap .list span:first-child {margin-left: 0; padding-left: 0;}
	.thanksWrap .list span:first-child:after {display: none;}
	.thanksWrap .list span:after {content:''; position: absolute; left:0; top:50%; margin-top:-1px;width: 2px; height: 2px; background:#111111; }
	.thanksWrap .fw01 {position: absolute; right:0; bottom:0;}
	.thanksWrap .fw01 img {width: 109px;}

	.footer {text-align: center; padding:30px 0 80px 0; }
	.footer .logo {display: block; margin-right: 0;margin-bottom: 5px;}
	.footer .logo img {width:110px;}
	.footer .copy {display: block; font-size: 12px; }

	.alertPop .in {margin:-120px 0 0 0; width: 80%; left:10%; height:auto; padding-bottom: 30px;}
	.alertPop .in .title {padding:30px 0 30px 0; font-size: 15px;}
	.alertPop .in .btn a {font-size: 14px;}


	.locationWrap .mapWrap .popInfo {position: static; bottom:0; left:0; margin-left:0; transform:translate(0,0); width: 100%; margin-bottom: 20px;}
	.locationWrap .mapWrap .popInfo .in {padding-left:27px;}
	#map {height: 250px !important;}


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

	/* mindWrap-type2 */
	.mindWrap .title {font-family: 'Noto Sans KR'; font-weight:500; padding-top:0; color:#222222 ; border-bottom:1px dashed #cccccc;}
	.mindWrap .title:after {display: none;}
	.mindWrap .text {color:#555555}
	.mindWrap .contBox {border:1px solid #e2e4ea;}
	.mindWrap .contBox .tit {background:#edeef1;}
	.mindWrap .contBox .tit span {color:#6077a5; background:url('../images/mind/mind03_type2_m.png') left center no-repeat;  background-size:13px auto; }
	.mindWrap .contBox .tit:after {background:url('../images/mind/mind04_type2_m.png') center no-repeat;  background-size:10px auto;}
	.mindWrap .contBox .toggle {background:#f0f1f3; border-top:1px dashed #d7dae3;}
	.mindWrap .contBox.bride {border:1px solid #e5d5da}
	.mindWrap .contBox.bride .tit {background:#f1edee; }
	.mindWrap .contBox.bride .tit span {color:#b27085;  background:url('../images/mind/mind07_type2_m.png') left center no-repeat; background-size:13px auto; }
	.mindWrap .contBox.bride .tit:after {background:url('../images/mind/mind08_type2_m.png') center no-repeat;  background-size:10px auto;}
	.mindWrap .contBox.bride .toggle {background:#f8f3f4;}

}

.animate{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInUp {
    from {opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUp {
    from {opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}

.delay-a{-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s;}
.delay-b{-webkit-animation-delay: 0.50s; -moz-animation-delay: 0.50s; -o-animation-delay: 0.50s; animation-delay: 0.50s;}
.delay-c{-webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; -o-animation-delay: 0.75s; animation-delay: 0.75s;}
html.layer_on, body.layer_on{overflow:hidden;height: 100%;}

.interview .delay-a{-webkit-animation-delay: 400ms; -moz-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms;}
.interview .delay-b{-webkit-animation-delay: 900ms; -moz-animation-delay: 900ms; -o-animation-delay: 900ms; animation-delay: 900ms;}
.interview .delay-c{-webkit-animation-delay: 1200ms; -moz-animation-delay: 1200ms; -o-animation-delay: 1200ms; animation-delay: 1200ms;}

.partyWrap .delay-b{-webkit-animation-delay: 800ms; -moz-animation-delay: 800ms; -o-animation-delay: 800ms; animation-delay: 800ms;}
.partyWrap .delay-c{-webkit-animation-delay: 1600ms; -moz-animation-delay: 1600ms; -o-animation-delay: 1600ms; animation-delay: 1600ms;}

.thanksWrap .delay-c{-webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s;}


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