@charset "utf-8";
/* maintemplate basic008*/


/* MAIN VISUAL */
.mainVisual .mainSlider_001 {background:white;z-index:0;overflow:hidden;position: relative;}
.mainVisual .slide_wrap {position:relative; overflow:hidden;}
.mainVisual .slide_wrap img {width:100%; height:auto;}

/* MAIN SLIDE COPY */
.mainVisual .copy {position:absolute; z-index:9; width:100%;}
.mainVisual .copy .inner {width:100%; max-width:1300px; padding:0; margin:0 auto; box-sizing:border-box;}
.mainVisual .copy .inner div {padding:0 15px;}
.mainVisual .copy h3,
.mainVisual .copy .tit {font-size:38px; line-height:normal;color:white;letter-spacing:-0.5px;}
.mainVisual .copy .smallp {font-size:18px; line-height:140%;padding-top:40px;}



	@media (min-width:1050px){
		.mainVisual .mainSlider_001 {max-height:650px;}
		.mainVisual .mainSlider_001 .wzwg-slide-data {max-height:650px;}
		.mainVisual .slide_wrap {max-height:650px;}
		.mainVisual .slide_wrap img {min-height:650px;}
	}
	@media (min-width:1400px) and (max-width:1480px){.mainVisual .copy .inner div {padding:0 4%;}}
	@media (min-width:1350px) and (max-width:1399px){.mainVisual .copy .inner div {padding:0 6%;}}
	@media (min-width:1300px) and (max-width:1349px){.mainVisual .copy .inner div {padding:0 8%;}}
	@media (min-width:800px) and (max-width:1299px){
		.mainVisual .copy .inner div {padding:0 70px;}
	}

	@media (min-width:800px) and (max-width:1049px){
		.mainVisual .slide_wrap {height:0; padding-bottom:50%;}
		.mainVisual .slide_wrap img {position:absolute; top:0; left:0; min-height:100%;}
        .mainVisual .copy h3,
		.mainVisual .copy .tit {font-size:28px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.mainVisual .mainSlider_001 {min-height:250px;}
		.mainVisual .slide_wrap {height:0; padding-bottom:50%;}
		.mainVisual .slide_wrap img {position:absolute; top:0; left:0; min-height:100%;}
        .mainVisual .copy h3,
		.mainVisual .copy .tit {font-size:28px;}
		.mainVisual .copy .smallp {font-size:17px;padding-top:30px;}
	}
	@media (max-width:599px){
		.mainVisual .slide_wrap {height:0; padding-bottom:65%;}
		.mainVisual .slide_wrap img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;
									   width:auto; min-width:100%; height:100%; /*transform:scale(1.1); transform-origin:center;*/}

		.mainVisual .copy {background:rgba(000,000,000,0.5);top:unset !important;bottom:0 !important;padding: 20px 0 30px;}
        .mainVisual .copy h3,
		.mainVisual .copy .tit {font-size:22px;}
		.mainVisual .copy .smallp {font-size:15px;line-height:22px;padding-top:20px;}
	}

 

/*SLIDE BTN SETTING*/
    /* MAIN SLIDE bullet btn */
    .mainVisual .swiper-pagination {display:none !important;} /*기존슬라이드 불렛버튼*/
	.mainVisual .slick-dots {position:absolute;bottom:45px;left:0;z-index:10;width:100%;text-align:center;}
	.mainVisual .slick-dots li {margin-left:5px;width:60px;border-radius:0;height:5px;border:none;/* background:white; */opacity:1;display:inline-block;}
	.mainVisual .slick-dots li:first-of-type {margin-left:0;}
	.mainVisual .slick-dots li button {text-indent:-999px;overflow:hidden;width:100%;height:100%;float:left;background:#fff;border:1px solid #333;}
	.mainVisual .slick-dots li.slick-active button {background:#333 !important;border-color:rgba(255,255,255,0.3);}

    /* MAIN SLIDE PLAY & STOP BTN  */
    .mainVisual .swiper-pagination-center {position:relative;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:100%;max-width:1300px;text-align:center;}
    .mainVisual div.indicator {z-index:10;display:inline-block;/* position:absolute; *//* bottom:0; *//* text-align:right; */}
    .mainVisual div.indicator button {width:12px;height:12px;border:0;cursor:pointer;opacity:0;display:inline-block;}
	.mainVisual div.indicator button:focus {opacity:1;outline:auto;}
    .mainVisual div.indicator button.play{background:url("/sample/img/slide/play.png")no-repeat; text-indent:-9999px;}
    .mainVisual div.indicator button.stop{background:url("/sample/img/slide/stop.png")no-repeat; text-indent:-9999px;}
	
	/* MAIN SLIDE PREV & NEXT BTN  */
    .swiper-button-prev, .swiper-button-next {display:none !important;}
	.mainVisual .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); background-size:auto; text-indent:-999px; overflow:hidden; z-index:1; width:75px; height:75px; background-color:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.5); -webkit-transition:background-color 0.5s; transition:background-color 0.5s; background-repeat:no-repeat; background-position:center; }
	.mainVisual .slick-arrow:hover {background-color:rgba(255,255,255,0.2); }
	.mainVisual .slick-next {background-image:url(/sample/img/slide/slidenext.png); right:0;}
	.mainVisual .slick-prev {background-image:url(/sample/img/slide/slideprev.png); opacity:1;}
		
	@media (max-width:1299px){
		.mainVisual .slick-arrow {width:50px;height:50px;background-size:15px;}
	}
	@media (max-width:799px){ 
		.mainVisual .slick-arrow,.mainVisual .slick-dots {display:none !important;}
	}