@charset "utf-8";
/* wide016(eng) 2020.01.02 */


/* 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: auto !important;height: auto !important;}
.wide12_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: 16.5px;font-weight: 400;line-height: 150%;padding-top: 35px;color: white;font-family: nanumsquareR;}
.copy .smallp strong {font-weight: 400; font-size: 22px; margin-bottom: 15px; display: block;}
.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: 615px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {height: 100%;}
		.mainVisual .swiper-slide {height: 100%;}
		.mainVisual .swiper-slide img {}
		.copy .inner {margin-top: 45px;}
		.copy .mTitle {font-size: 39px;} 
	}
	@media (max-width:1049px){
		.mainVisual {width:100%;height:100%;float:left;position:absolute;padding-bottom: 30px;}
		.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%;}
		.wide12_mainbox {width:100%; height:auto; position:relative; float:left;}
	}
	@media (min-width:800px) and (max-width:1049px){
		.copy .inner {/*margin-top:30px;*/}
		.copy .mTitle {font-size: 28px;}
	}
	@media (max-width:990px){
		.mainVisual .swiper-slide {padding:0;}
		.copy .smallp {font-size:14px;}
		.copy .smallp strong {margin-bottom: 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(0px) !important; transform: translateY(0px) !important; top:40px;}

		.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:19px;line-height:25px;/* color:#333 !important; */}
		.copy p.smallp,.copy p.smallp font {font-size: 14px;line-height: 130%;padding-top: 15px;/* color:#333 !important; */}	
	    .copy .smallp strong {font-size: 17px; line-height: 140%;}
	}
	



.inner_layer {position:absolute;width:100%;z-index:0;}

	@media (min-width:1050px){
		.inner_layer {bottom: 30px;}
	}
	@media (min-width:800px) and (max-width:1049px){
		.inner_layer {position:relative;padding-top: 40%;width: calc(100% - 30px);padding-left: 15px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.inner_layer {position:relative;padding-top: 60%;width: calc(100% - 30px);padding-left: 15px;}
	}
	@media (max-width:599px){
		.inner_layer {position:relative;padding-top: 58%;width: calc(100% - 20px);padding-left: 10px;}
	}



/* slide btn */
/*main swiper*/
.mainSlider_001 div.swiper-pagination-center {position:absolute;z-index: 1;text-align:center;/* display:none; */bottom: 160px;width: 100%;text-align: center;}
.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: 30px;margin-right: 5px;height: 4px;background: #fff !important;border: 1px solid #333;vertical-align: middle;margin-top: -5px;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet-active {background: #333 !important;border-color: #fff;}
.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;}
.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;}





/* special mainslide- in widget setting */
#templateFix .widequick134 .linkbox_wrap .qbox {width: 25%;margin-right:0;border-width: 1px 0;margin-top: 0 !important;}
#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .iconbox {line-height: 120px;margin-top: 0;}
#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .txtbox > div .qno {display:none;}
#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .tit {margin-bottom:5px;}
#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .co {display: block; -webkit-line-clamp: 1; height: auto; text-overflow: ellipsis;}

.etc118 .tit span {height: 100%;display: inline-block;position: relative;}
.etc118 .tit.orange span:before {content:"";position: absolute;bottom: -13px;width: 100%;height: 3px;background: #f08300;}
.etc118 .tit.white span:before {content:"";position: absolute;bottom: -13px;width: 100%;height: 3px;background: #fff;}

	@media (min-width:991px){
		#templateFix .widequick134 .linkbox_wrap .qbox {height:120px;}
		#templateFix .widequick134 .linkbox_wrap .qbox .innerbox {line-height: 120px;}
		#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .iconbox {height: 120px;padding:0 5px;line-height: 120px;}
	    #templateFix .widequick134 .linkbox_wrap .qbox .innerbox .iconbox img {vertical-align:middle;}
	}
	@media (max-width:990px){
		#templateFix .widequick134 .linkbox_wrap .qbox {height: 170px;line-height: normal;}
		#templateFix .widequick134 .linkbox_wrap .qbox .innerbox {padding: 0 5px;line-height: normal;}
		#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .iconbox {height: 60px;line-height: 60px;text-align: center;/* margin-top: 15px; */width: 100%;margin-top: 20px;}
		#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .txtbox {text-align: center;padding-top: 10px;width: 100%;padding-left: 0;}
	    
	    .etc118 {padding:0 10px;}
	}

    @media (max-width:599px){
    	#templateFix .widequick134 .linkbox_wrap .qbox {height: 140px;}
    	#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .tit {word-break:keep-all;font-size: 15px;}
        #templateFix .widequick134 .linkbox_wrap .qbox .innerbox .co {display: none;}
    }
