@charset "utf-8";
/* wide023 2020.11.17 YHY */
/* wide023 2020.12.28 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:auto !important; height:auto !important; min-height:100%;}
.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 {line-height:130%; color:#000; font-family:nanumsquareR; font-weight:100;}
.copy .smallp {font-size:22px; line-height:1.4em; padding-top:30px; color:#454545; 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;}

.copy .mTitle b{position: relative;}
.copy .mTitle b:after{content:''; position: absolute; bottom:-2px; left:0; width:100%; height:20px; background:#ffd300; z-index:-1; border-radius:5px;}

	@media (min-width:1050px){
		.mainVisual .swiper-container.mainSlider_001 {height:100vh; max-height:780px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {height:100%;}
		.mainVisual .swiper-slide {height:100%; background:#fff6ce;}
		.mainVisual .swiper-slide img {position:absolute;bottom:0;margin:0 auto;width:100% !important;min-height:auto;min-height: 100%;}
		.copy .inner {margin-top:30px;}
		.copy .mTitle {font-size:39px;} 
		.copy .mTitle strong {font-size:58px; color:#22a3ad; line-height:1.3em;}
	}
	@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;}
		.copy .mTitle strong {font-size:28px; color:#22a3ad; line-height:1.3em;}
	}
	@media (min-width:800px) and (max-width:1049px){
		.copy .inner {/*margin-top:30px;*/}
		.copy .mTitle {font-size: 28px;}
	}
	@media (max-width:1049px){
		.wide12_mainbox {height:50vh;}
		.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:30%;}
        
		.mainVisual .swiper-slide img {width:250% !important; min-height:auto !important; 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:20px;padding-top: 15px;/* 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 {width:calc(100% - 20px); padding-left:10px; bottom:0px;}
	}



/* slide btn */
/*main swiper*/
.mainSlider_001 div.swiper-pagination-center {position:absolute; z-index:10; text-align:center; display:none;}
.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;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet-active {background:rgba(255,255,255,0.8); border-color:rgba(0,0,0,0.8);}
.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; 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:20%; 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;}

	@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;}
		#templateFix .widequick134 .linkbox_wrap .qbox .innerbox {padding: 0 5px;}
		#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .iconbox {height: 60px; line-height: 60px; text-align: center; margin-top: 15px;}
		#templateFix .widequick134 .linkbox_wrap .qbox .innerbox .txtbox {text-align: center; padding-top: 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;}
    }


/* only in this widget setting */
/* banner131 */
.banner131 .innerbox .co {height:100% !important; font-size:26px !important; line-height:1.3em !important; color:#454545 !important; -webkit-line-clamp:initial !important;}
.banner131 .innerbox .imgbox {width:100% !important; height:100% !important; right:30px !important; bottom:30px !important;}

/* banner121 */
.banner121 {border-top:3px solid #22a3ad !important;}
.banner121:hover p.tit {color:#fff !important; -webkit-transition:color 0.5s; transition:color 0.5s;}
.banner121:hover img {transform:scale(1.15); -webkit-transition:all 0.5s; transition:all 0.5s}

/* board124 */
.board124:hover {background:#fff6ce !important; -webkit-transition:background 0.5s; transition:background 0.5s;}

@media (max-width:1300px){
	    .banner131 .innerbox .co {font-size:20px !important;}
		.banner121:hover p.tit {color:#454545 !important;}
	}

@media (min-width:600px) and (max-width:799px){
		.banner131 .innerbox .imgbox {width:80% !important;}
	}
	
@media (max-width:599px){
		.banner131 .innerbox .co {font-size:18px !important;}
	}