/*뷰페이지 텍스트*/
.ViewPage .view{text-align:center;padding:10rem 0 1rem;}
.ViewPage .view950{text-align:left; width: 950px; margin: 0px auto;}
.ViewPage .view .tit{position:relative;color:#000;font-size:4.8rem;font-family:'paybooc-Light';padding-bottom:7rem;margin-bottom:3rem;}
.ViewPage .view .tit:before{content:'';position:absolute;bottom:0;left:50%;width:1px;height:50px;background-color:#ccc;}
.ViewPage .view .txt_title{font-weight:500;color:#000;font-size:2.8rem;margin-bottom:3rem;}

.ViewPage .view .txt1{font-size:2rem; color:#6b6b6b;max-width:1280px;margin:0 auto; line-height:180%;}
@media screen and (max-width:1024px) {
	.ViewPage .view .tit{font-size:3.7rem;}
	.ViewPage .view .txt1{font-size:1.7rem;}
}	
@media screen and (max-width:768px) {
	.ViewPage .view{padding:7rem 0 1rem;}
	.ViewPage .view .tit{font-size:3rem;padding-bottom:4rem;}
	.ViewPage .view .tit:before{height:30px;}	
	.ViewPage .view .txt1{font-size:1.5rem;text-align:left;}
	.ViewPage .view .txt_title{font-size:2.5rem;text-align:left;}
	.ViewPage .view950{width:100%;}
}
@media screen and (max-width:420px) { 
	.ViewPage .view{padding:4rem 0 1rem;}
	.ViewPage .view .tit{font-size:2rem;padding-bottom:3rem;margin-bottom:2rem;font-family:'paybooc-Bold';}
	.ViewPage .view .tit:before{height:20px;}	
	.ViewPage .view .txt_title{font-size:2rem;margin-bottom:2rem;}
}	

/*웹진형*/
.Webzine {display:table; table-layout:fixed; width:100%; margin:7rem 0}
.Webzine > * {display:table-cell; vertical-align:middle}
.Webzine .thumb {width:40%}
.Webzine .thumb .img{display:block; width:100%; height:100%; transition:all .3s; position:relative; padding-top:100%; overflow:hidden; z-index:1}
.Webzine .thumb .img img {display:block; position:absolute; top:50%; min-height:100%; object-fit:cover; transform:translateY(-50%)}
.Webzine .txtarea {color:#000; font-family: 'paybooc-Light'; width:60%; font-size:2.8rem; text-align:center; padding-left:5rem; line-height:160%}
@media screen and (max-width:767px) { 
	.Webzine > * {display:block; width:100% !important}
	.Webzine .txtarea {font-size: 1.5rem; padding:3rem 0 0}
}

/*와이드갤러리*/
.WideGallery{margin:7rem auto;}

/*뷰페이지 갤러리 1개*/
.Vgallery1{max-width:1280px;margin:7rem auto;}
.Vgallery1 ul li{margin:1rem auto;}
@media screen and (max-width:420px) { 
	.Vgallery1{margin:2rem auto;}
}

/*뷰페이지 갤러리 2개*/
.Vgallery2{max-width:1280px;margin:7rem auto;}
.Vgallery2 ul{overflow:hidden;margin-left:-0.5%;}
.Vgallery2 ul li{float:left;margin-left:1%;width:49%;margin-bottom:1%;}
.Vgallery2 ul li p.message{position:relative;color:#000;font-size:4.8rem;font-family:'paybooc-Light';padding-bottom:7rem;margin-bottom:3rem;}
/*.Vgallery2 ul li{display:inline-block;margin-left:0.5%;margin-bottom:1%;}*/
.Vgallery2 .thumb .img{display:block; width:100%; height:100%; transition:all .3s; position:relative; padding-top:100%; overflow:hidden; z-index:1}
.Vgallery2 .thumb .img img {display:block; position:
absolute; top:0; min-height:100%; object-fit:cover}

@media screen and (max-width:1300px) {
	.Vgallery2{margin:2rem auto;}
	.Vgallery2 ul{margin-left:-1%;}
	
}
/*뷰페이지 갤러리 3개*/
.Vgallery3{max-width:1280px;margin:7rem auto;}
.Vgallery3 ul{overflow:hidden;margin-left:-0.5%;}
.Vgallery3 ul li{float:left;margin-left:1%;width:32.3333%;margin-bottom:1%;}
/*.Vgallery3 ul li{display:inline-block;margin-left:0.5%;margin-bottom:1%;}*/

.Vgallery3 .thumb .img{display:block; width:100%; height:100%; transition:all .3s; position:relative; padding-top:80%; overflow:hidden; z-index:1}
.Vgallery3 .thumb .img img {display:block; position:absolute; top:0; min-height:100%; object-fit:cover}

@media screen and (max-width:1024px) { 
	
}
@media screen and (max-width:420px) { 
	.Vgallery3{margin:2rem auto;}
}	

.ViewPage .slider1{position:relative;max-width:1100px;margin:10rem auto 11rem;}
.ViewPage .slider1 .prev, .ViewPage .slider1 .next{position:relative;top:50%;margin-top:-25px;overflow:hidden;z-index:3;width:40px;height:40px;font-size:0;position: absolute;display:block;box-sizing:border-box;text-align: center;user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.ViewPage .slider1 .prev:before,.ViewPage .slider1 .next:before{position:absolute;top:0;left:0;line-height:40px;font-family:"xeicon"; font-size:3rem; color:#000;}
.ViewPage .slider1 .prev{left:10px;}
.ViewPage .slider1 .next{right:10px;}
.ViewPage .slider1 .prev:before{content:'';}
.ViewPage .slider1 .next:before{content:'';}
.ViewPage .slider1 .slick-dots li{display:inline-block;position:relative;margin:0 5px;padding:0;cursor:pointer;font-size:0;}
.ViewPage .slider1 .slick-dots li button{width:40px;height:4px;background:#bbb;font-size:0;}
.ViewPage .slider1 .slick-dots li.slick-active button{background:#000;}
@media screen and (max-width:420px) { 
	.ViewPage .slider1{margin:4rem auto;}
	.ViewPage .slider1 .slick-dots li button{width:8px;height:8px;}	
}
.ViewPage .slider3{margin:10rem auto;}
.ViewPage .slider3 .item{padding:0.5rem;}
.ViewPage .slider3 .prev, .ViewPage .slider3 .next{overflow:hidden;z-index:3;width:60px;height:60px;margin-top:-30px;font-size:0;position:absolute;top:50%;display:block;box-sizing:border-box;user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.ViewPage .slider3 .prev{left:-60px;}
.ViewPage .slider3 .prev:before{content:'';position:absolute;top:0;left:0;line-height:60px;font-family:"xeicon"; font-size:4rem; color:#000;}
.ViewPage .slider3 .next{right:-60px;}
.ViewPage .slider3 .next:before{content:'';position:absolute;top:0;right:0;line-height:60px;font-family:"xeicon"; font-size:4rem; color:#000;}
.ViewPage .slider3 .slick-dots li{display:inline-block;position:relative;margin:0 5px;padding:0;cursor:pointer;font-size:0;}
.ViewPage .slider3 .slick-dots li button{width:40px;height:4px;background:#bbb;}
.ViewPage .slider3 .slick-dots li.slick-active button{background:#000;}
@media screen and (max-width:768px) { 
	.ViewPage .slider3{margin:5rem auto;}
	.ViewPage .slider3 .slick-dots li button{width:8px;height:8px;}
}	

.ViewPage .wideSlider1{position:relative;margin:10rem auto;}
.ViewPage .wideSlider1 .prev, .ViewPage .wideSlider1 .next{overflow:hidden;z-index:3;width:60px;background-color:rgba(0,0,0,0.7);height:60px;margin-top:-30px;font-size:0;position:absolute;top:50%;display:block;box-sizing:border-box;user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.ViewPage .wideSlider1 .prev{left:5%;}
.ViewPage .wideSlider1 .prev:before{content:'';position:absolute;top:0;left:10px;line-height:60px;font-family:"xeicon"; font-size:3.5rem; color:#fff;}
.ViewPage .wideSlider1 .next{right:5%;}
.ViewPage .wideSlider1 .next:before{content:'';position:absolute;top:0;right:10px;line-height:60px;font-family:"xeicon"; font-size:3.5rem; color:#fff;}
.ViewPage .wideSlider1 .slick-dots{position:absolute;left:0;right:0;bottom:5rem;}
.ViewPage .wideSlider1 .slick-dots li{display:inline-block;position:relative;margin:0 5px;padding:0;cursor:pointer;font-size:0;}
.ViewPage .wideSlider1 .slick-dots li button{width:40px;height:4px;background:#bbb;}
.ViewPage .wideSlider1 .slick-dots li.slick-active button{background:#000;}
@media screen and (max-width:1024px) { 
	.ViewPage .wideSlider1 .slick-dots{bottom:2rem;}
}
@media screen and (max-width:768px) { 
	.ViewPage .wideSlider1 .slick-dots{position:inherit;bottom:0;}
	.ViewPage .wideSlider1 .slick-dots li button{width:8px;height:8px;}
}	
.ViewPage .wideSlider3{margin:10rem auto;}
.ViewPage .wideSlider3 .item{padding:1.5rem;}
.ViewPage .wideSlider3 .prev, .ViewPage .wideSlider3 .next{overflow:hidden;z-index:3;width:60px;height:60px;background-color:rgba(0,0,0,0.7);margin-top:-30px;font-size:0;position:absolute;top:50%;display:block;box-sizing:border-box;user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.ViewPage .wideSlider3 .prev{left:50%;margin-left:-560px;}
.ViewPage .wideSlider3 .prev:before{content:'';position:absolute;top:0;left:10px;line-height:60px;font-family:"xeicon"; font-size:3.5rem; color:#fff;}
.ViewPage .wideSlider3 .next{right:50%;margin-right:-560px;}
.ViewPage .wideSlider3 .next:before{content:'';position:absolute;top:0;right:10px;line-height:60px;font-family:"xeicon"; font-size:3.5rem; color:#fff;}
.ViewPage .wideSlider3 .slick-dots li{display:inline-block;position:relative;margin:0 5px;padding:0;cursor:pointer;font-size:0;}
.ViewPage .wideSlider3 .slick-dots li button{width:40px;height:4px;background:#bbb;}
.ViewPage .wideSlider3 .slick-dots li.slick-active button{background:#000;}
@media screen and (max-width:1024px) { 
	.ViewPage .wideSlider3 .prev{left:5%;margin-left:inherit;}
	.ViewPage .wideSlider3 .next{right:5%;margin-right:inherit;}
}
@media screen and (max-width:420px) {
	.ViewPage .wideSlider3 .item{padding:0.3rem;}
	.ViewPage .wideSlider3 .prev{left:0;}
	.ViewPage .wideSlider3 .next{right:0;}
	.ViewPage .wideSlider3 .prev, .ViewPage .wideSlider3 .next{width:35px;height:40px;margin-top:-20px;}
	.ViewPage .wideSlider3 .prev:before{font-size:2rem;line-height:40px;left:5px;}
	.ViewPage .wideSlider3 .next:before{font-size:2rem;line-height:40px;right:5px;}
}