@charset "utf-8";
/* wide022 2020.08.31 ssj */



/* main visual */
.mainVisual .swiper-container.mainSlider_001 {width:100%; background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-slide>img {width:100% !important; height:auto !important; min-height:100%;}
.wide022_mainbox {position:relative;}

/*copy*/
.copy {position:absolute;z-index:9;width:100%;word-break:keep-all;opacity: 1 !important;left: 0;}
.copy .inner {width:100%; max-width:1300px; padding:0; margin:0 auto; box-sizing:border-box;}
.copy .inner div {padding: 0 15px;}
.copy .mTitle {font-weight: 600;line-height: 130%;color: #fff;font-family: nanumsquareR;}
.copy .smallp {font-size: 24px;line-height: 130%;padding-top: 40px;color: white;font-family: nanumsquareR;}
.copy .more_btn {color: #fff; font-size: 16px; margin-top: 25px; width: 100%; display: block;}
.copy .more_btn:after {content:"\276D";font-size: 0.95em;margin-left: 12px;}

	@media (min-width:1050px){
		.mainVisual .swiper-container.mainSlider_001 {height:620px;/* min-height:600px; */}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {height:100%;}
		.mainVisual .swiper-slide {height:100%;}
		.mainVisual .swiper-slide>img {}
		.copy .inner {margin-top:30px;}
		.copy .mTitle {font-size:48px;} 
	}
	@media (max-width:1049px){
		.mainVisual {width:100%;height:100%;float:left;position:absolute; padding-bottom: 50px;}
		.mainVisual .swiper-container.mainSlider_001 {position:absolute; top:0; left:0; height:100%;}
		.mainVisual .swiper-slide {height:100%;}
		.mainVisual .swiper-slide>img {position:absolute;  top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;
									   min-height:100%; width:auto !important; min-width:100%;}
		.wide022_mainbox {width:100%; height:auto; position:relative; float:left;}
	}
	@media (min-width:800px) and (max-width:1049px){
		.copy .mTitle {font-size: 32px;}
	}
	@media (max-width:990px){
		.wide022_mainbox {height: 45vh;min-height: 350px;}
		.mainVisual .swiper-slide {padding:0;}
	}
	@media (max-width:799px){
		.swiper-slide .copy {-webkit-transform: translateY(50px) !important; transform: translateY(50px) !important; top:40px;}
		.swiper-slide.swiper-slide-active .copy {/* -webkit-transform: translateY(-50%) !important; *//* transform: translateY(-50%) !important; */top: 2%;}

		.mainVisual .swiper-slide>img {width:auto !important; min-width:100%; height:auto !important; min-height:100%;
									   position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;}							
	}
	@media (min-width:600px) and (max-width:799px){
		.copy .mTitle {font-size:25px;}
		.copy p.smallp {font-size: 15px;padding-top: 20px;}
	}
	@media (max-width:599px){
		.div_wrap > div:not(.layout_01) {padding:0 10px;}
		.copy .mTitle, .copy .mTitle font {font-size: 24px;/* color:#333 !important; */}
		.copy p.smallp,.copy p.smallp font {font-size: 16.5px;padding-top: 20px;/* color:#333 !important; */}	
	
        
	}
	



.inner_layer {position:absolute;width:100%;z-index:0;}

	@media (min-width:1050px){
		.inner_layer {bottom: 30px;}
	}
	@media (min-width:991px) and (max-width:1049px){
		.inner_layer {position:relative;padding-top: 40%;width: calc(100% - 30px);padding-left: 15px;}
	}
	@media (max-width:990px){
		.inner_layer {/* position:relative; *//* padding-top: 47%; */width: calc(100% - 20px);padding-left: 10px;bottom: 0px;}
	    .contents > .inner {padding-top: 30px;}
	}



/* slide btn */
/*main swiper*/
.mainSlider_001 div.swiper-pagination-center {position:absolute;z-index:10;text-align:center;/* display:none; */bottom: 150px;width: 100%;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination {position:relative; display:inline-block; text-align:center;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet {/* border-radius:0; */width: 35px;border-radius: 5px;margin-right: 5px;background: #fff;opacity: 0.9;border: 2px solid rgba(0,0,0,0.9);}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet-active {background: rgba(0,0,0,0.8);border-color: rgba(255,255,255,0.8);width: 35px;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}

.mainSlider_001 div.indicator {z-index:10;display: inline-block !important;display:none;/* vertical-align: middle; */}
.mainSlider_001 div.indicator button {width:12px; height:12px;border:0;  outline:none; cursor:pointer; vertical-align:top;}
.mainSlider_001 div.indicator button.play {background:url("/sample/template/wide/wide004/img/play.png")no-repeat; text-indent:-9999px;}
.mainSlider_001 div.indicator button.stop {background:url("/sample/template/wide/wide004/img/stop.png")no-repeat; text-indent:-9999px;}

.mainSlider_001 .swiper-button-next,
.mainSlider_001 .swiper-button-prev {display:none;}

	@media (max-width:1050px){
        .mainSlider_001 div.swiper-pagination-center {bottom:10px;}
	}





.div_wrap > div.linewd {width:calc(100% - 30px) !important; margin-left:15px !important; border-top-width:2px;}

.quick005_2 .qlink_5.squarequick .q5link00 .icon {border-radius:10px;}
	@media (max-width:599px){.quick005_2 .qlink_5.squarequick .q5link00 p span {font-size:16px !important;}}





/*popimg*/
.popImgbox {width:100%;
			margin:0 auto;
			position:absolute;
			animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
			-webkit-animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
			-moz-animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
			-ms-animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
			-o-animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
			animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
			}
.popImgbox .imgbox {/* width:100%; */max-width:1300px;margin:0 auto;text-align: center;display: inline-block;padding: 0 50px 50px;}
.popImgbox .imgbox img {transform:none;animation:none;max-width:100%;width: auto !important;min-width: auto;min-height: auto;}
	.copy_position_lh + .popImgbox {text-align:right;}
	.copy_position_ch + .popImgbox {text-align:center;} .copy_position_ch + .popImgbox .imgbox {padding-bottom: 0;}
	.copy_position_rh + .popImgbox {text-align:left;}
	@media (max-width:799px){
		.popImgbox {top:10%; padding:0 50px; box-sizing:border-box;}
		.popImgbox .imgbox {padding:0;}
	}

@-webkit-keyframes tempMVmotion {
  from {bottom:0;}
  55% {bottom:10px;}
  to {bottom:0;}
}
@-moz-keyframes tempMVmotion {
  from {bottom:0;}
  55% {bottom:10px;}
  to {bottom:0;}
}