.intro-wrap{background-color:#f8f8f8;width:100%;}
#introVis{position: relative; width:100%;}
#introVis .introVis-con{ width:100%;height: 100dvh;}
#introVis .introVis-item{float:right; position:relative; width:100%; height: 100%}
#introVis-1 {position: absolute;top:0;right:0;overflow: hidden;height: 100%;width:100%; background-color:#fff;}

.zs-enabled{position:relative;}
.zs-enabled .zs-slideshow{position:relative;width:100%;}
.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;background-size:cover;position:absolute;visibility:hidden;opacity:0;-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}
.zs-enabled .zs-slideshow .zs-slides .zs-slide:nth-child(1){background-position: top left}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1;}
.zs-enabled .zs-slideshow .introVis-inner-con{position:absolute;left:16px;top:50%; transform: translateY(-50%); z-index: 9999;text-align: right}
.zs-enabled .zs-slideshow .introVis-inner-con .zs-bullet{position:relative;display:block;width:32px;height:32px;cursor:pointer;}
.zs-enabled .zs-slideshow .introVis-inner-con .zs-bullet:before{position:absolute;top:50%;left:50%; transform: translate(-50%, -50%); display: inline-block;width:10px;height:10px;background-color: rgba(86,33,34,0.5);border-radius: 40px; content:"";}
.zs-enabled .zs-slideshow .introVis-inner-con .zs-bullet:after{position: absolute;display:inline-block;top:50%;left:50%; transform: translate(-50%, -50%);content:"";background-color:transparent;}
.zs-enabled .zs-slideshow .introVis-inner-con .zs-bullet:hover:before{background-color: rgba(86,33,34,1);}
.zs-enabled .zs-slideshow .introVis-inner-con .zs-bullet.active{}
.zs-enabled .zs-slideshow .introVis-inner-con .zs-bullet.active:before{background-color: rgba(86,33,34,1);}
.zs-enabled .zs-slideshow .introVis-inner-con .zs-bullet.active:after{width:22px; height:22px;border:1px solid rgba(86,33,34,1);;border-radius: 40px;;}
.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}

.contWrap{display: flex;flex-direction: column; justify-content: space-between;align-items: center; position:absolute;top:2%;right:1%;width:50%;max-width:660px;height: 96dvh; background-color:rgba(255,255,255,0.8); border-radius:24px; /*box-shadow: -15px 0 30px  rgba(0,0,0,0.20);*/}
.contWrap .inner{display: flex;flex-direction: column; justify-content: center;flex:1;max-width: 348px;}
.contWrap .txtBox{display: flex; flex-direction: column;margin-bottom:28%;}
.contWrap .txtBox p.slogan-en{margin-bottom:12px;font-size: 24px;color:#dbd9bd;letter-spacing: 0px}
.contWrap .txtBox p.slogan-ko{margin-bottom:20px;font-size: 34px;}
.contWrap .txtBox p.slogan-ko strong{font-weight: 500;}
.contWrap .txtBox p.tit{font-size: 78px;font-weight: 500;}
.contWrap .btnWrap{display: flex;flex-direction: column;gap:16px; margin-bottom:10%; width:100%;color:#562122;}
.contWrap .btnWrap li{display: inline-flex;}
.contWrap .btnWrap li a{position:relative;display: inline-flex;padding:12px 8px;min-width:calc(100% - 16px);color:#562122;font-weight: 500;border-bottom:1px solid #562122;}
.contWrap .btnWrap li a span.arr{position:absolute;top:50%;right:8px;transform: translateY(-50%);width:32px;height:32px;background:url('../images/vis-btn-arr.png') center right no-repeat;transition: 1s ease;}
.contWrap .btnWrap li a:hover{}
.contWrap .btnWrap li a:hover span.arr{display: inline-block;right:0px; transition: .5s ease;opacity: 1;}
.contWrap .subbtnWrap{display: flex;flex-direction: row;}
.contWrap .subbtnWrap a{position:relative;display: inline-flex;padding:12px 40px 12px 12px; flex:1}
.contWrap .subbtnWrap a span.arr{position:absolute;top:50%;right:36px;transform: translateY(-50%); width:10px;height:16px;background:url('../images/vis-btn-arr2.png') center center no-repeat;transition: 1s ease;}
.contWrap .subbtnWrap a:hover span.arr{display: inline-block;right:30px; transition: .5s ease;opacity: 1;}
.bttWrap{display:flex; width:100%;height: 100px; background-image: url('../images/vis-foot-logo.png');background-position: center center;background-repeat: no-repeat;}


@media all and (max-width:1366px){
	.contWrap .btnWrap li a:after{height:40px;}
}

@media all and (max-width:1280px){
	.bttWrap{height: 100px;	}
}	

@media all and (max-width:1024px) {
	.contWrap{width: 80%;max-width: 600px;right:1.7%}
	.contWrap .inner{max-width: 320px;}
	.contWrap .btnWrap li a{margin-right:0px;}
	.contWrap .btnWrap li a:after{height:20px;}
	.bttWrap {height: 80px;}
}

@media all and (max-width:900px) {
	.contWrap{width: 90%;max-width: 550px;}
	.contWrap .btnWrap{gap:12px}
	.bttWrap {height: 70px; background-size: auto 32px;}
}

@media all and (max-width:768px) {
	.contWrap .btnWrap li a:after{margin-top:-10px;height:20px;}
	.zs-enabled .zs-slideshow .introVis-inner-con{left: 8px;}
	.zs-enabled .zs-slideshow .introVis-inner-con .zs-bullet.active:after {width: 18px;height: 18px;}
}

@media all and (max-height:700px)  {
	.contWrap .inner{max-width: 300px;}
	.contWrap .txtBox{margin-top:30px;margin-bottom: 20%;}
	.contWrap .btnWrap{gap:8px;}
	.contWrap .btnWrap li a .txt img{height: 20px;}
	.contWrap .subbtnWrap a .txt img{height: 15px;}
	.bttWrap{height: 50px; background-size: auto 24px;}
}

@media all and (max-width:640px)  {
	.contWrap{width:88%;}	
	.contWrap .btnWrap li a .txt img{height: 20px;}
	.contWrap .btnWrap li a span.arr{width:24px; height: 24pxl;background-size: 8px auto;}
	.contWrap .subbtnWrap a .txt img{height: 15px;}
	.contWrap .subbtnWrap a span.arr{background-size: 9px auto;}
}

@media all and (max-width:500px)  {	
	.contWrap{top: 1%;right: 1.5%;height: 98dvh;}	
	.contWrap .inner{max-width: 260px;}
	.contWrap .subbtnWrap{flex-direction: column;}
	.contWrap .subbtnWrap a{max-width: 140px;padding: 8px 20px 8px 8px;}
}

@media all and (max-width:414px) {      
	.contWrap .inner{max-width: 240px;}
	.contWrap .btnWrap li a {min-width: 100%;}
}

@media all and (max-width:380px) {      
	.contWrap .inner{width:calc(100% - 32px); padding:0 16px;}
}