.contents > .inner {padding:0;}

/* main visual */
.contents{padding-top:0px;}
.contents > div.mainvalBox {max-width:1300px; margin:0 auto; padding:0px; box-sizing:border-box;}
.contents > div.mainvalBox > .mainVisual {width:100%; float:left; }
.contents > div.mainvalBox > .mainVisual #templateFix{float:left; width:100%;}
.contents > div.mainvalBox > .mainVisual #templateFix .layout_wrap .div_wrap{float:left; padding:0;}
.contents > div.mainvalBox > .mainVisual #templateFix .layout_wrap .div_wrap .swiper-container {width:100%; background:#fff; position:relative; z-index:0;}
.contents > div.mainvalBox > .mainVisual #templateFix .layout_wrap .div_wrap .swiper-container > .swiper-wrapper > .swiper-slide img {width:100%; height:450px;}
.mainVisual .swiper-slide {}
.mainVisual .swiper-wrapper {}

.contents > div.mainvalBox .inner_layer {width:25%; position:absolute; right:0; background:#fff; float:left;}
.contents > div.mainvalBox .inner_layer .layout_wrap .div_wrap {padding:0;}
.contents > div.mainvalBox .inner_layer .layout_wrap .div_wrap .layout_01 {height:150px !important;}
.contents > div.mainvalBox > .mainVisual #templateFix .layout_wrap .changeBg .div_wrap .layout_01{height:150px !important}

	/*copy*/
	.copy {position:absolute; z-index:9; width:100%;}
	.copy .inner {width:100%; max-width:1300px; padding:0 45px; margin:0 auto; box-sizing:border-box;}
	.copy .inner > div {padding:0 30px;}
	.copy h3 {font-size:30px; font-weight:400; font-family:'NanumGothic';}
	.copy p.smallp {font-size:16px; line-height:20px;}

		/*copy align*/
		.copy.copy_position_lh {top:10%; text-align:left;}
		.copy.copy_position_lm {top:30%; text-align:left;}
		.copy.copy_position_ll {bottom:10%; text-align:left;}
		.copy.copy_position_ch {top:10%; text-align:center;}
		.copy.copy_position_cm {top:30%; text-align:center;}
		.copy.copy_position_cl {bottom:10%; text-align:center;}
		.copy.copy_position_rh {top:10%; text-align:right;}
		.copy.copy_position_rm {top:30%; text-align:right;}
		.copy.copy_position_rl {bottom:10%; text-align:right;}

	@media (min-width:1300px){
		.contents > .mainVisual .swiper-container { min-height:450px;}
		.contents > .mainVisual .swiper-container > .swiper-wrapper > .swiper-slide img {height:auto; min-height:450px;}
			.mainVisual .swiper-slide {max-height:450px;}
			.mainVisual .swiper-wrapper {max-height:450px;}
	}
	@media (min-width:1050px) and (max-width:1299px){
		.contents > .mainVisual .swiper-container {min-height:750px;}
		.contents > .mainVisual .swiper-container > .swiper-wrapper > .swiper-slide img {height:auto; min-height:450px;}
			.mainVisual .swiper-slide {max-height:450px;}
			.mainVisual .swiper-wrapper {max-height:450px;}
	}
	@media (min-width:1050px){
	
		.copy h3, .copy p.smallp {color:#fff; text-shadow:#666 1px 1px 2px; filter:shadow(color=#999999, direction=135, strength=4); zoom:1;}
	}
	@media (max-width:1050px){
			.contents > div.mainvalBox > .mainVisual{width:100%;}
			.contents > div.mainvalBox .inner_layer{width:100%; position:inherit;}
			.contents > div.mainvalBox .inner_layer .layout_wrap .div_wrap{padding:0px;}
			.contents > div.mainvalBox > .mainVisual .swiper-container > .swiper-wrapper > .swiper-slide img{height:100%;}

			div.indicator>div {width:100%;}
			div.indicator > div > div.page{width:100%;}

	}
	@media (min-width:990px) and (max-width:1205px){
	
		.lnb>li>a{padding:0 40px !important;}
		.menu{height:66px;}
		
	}
	@media (min-width:800px) and (max-width:1049px){


		.lnb>li>a{padding:0 30px !important;}
		.copy h3{font-size:20px;}
		.copy p.smallp {font-size:14px;}
		.contents > .mainVisual .swiper-container {margin-bottom:20px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.contents > .mainVisual .swiper-container {min-height:250px; overflow:hidden; margin-bottom:15px;}
		.contents > .mainVisual .swiper-container > .swiper-wrapper > .swiper-slide img {height:100%; min-height:250px; height:auto;}
		.copy .inner {padding:0 30px;}
		.copy .inner > div {padding:0 15px;}
		.copy h3 {font-size:23px;}
		.copy p.smallp {font-size:14px;}
		.contents > div.mainvalBox{padding:0px;}
	}
	@media (max-width:599px){
		.contents > .mainVisual .swiper-container {height:200px;margin-bottom:20px;}
		.contents > .mainVisual .swiper-container > .swiper-wrapper > .swiper-slide img {height:100%;}
		.swiper-button-next,.swiper-button-prev {display:none;}

		.copy { top:unset !important; bottom:0 !important; padding:10px 0 30px;}
		.copy .inner {padding:0;}
		.copy .inner > div {padding:0 25px;}
		.copy h3 {font-size:18px;}
		.copy p.smallp{font-size:12px;}

		.contents > div.mainvalBox .inner_layer .layout_wrap .div_wrap{padding:0;}
		.contents > div.mainvalBox{padding:0;}

	}
	@media (max-width:499px){
		.contents > .mainVisual .swiper-container > .swiper-wrapper > .swiper-slide img {min-height:200px;}
		.copy p.smallp {letter-spacing:-1px;}
	}


.footer{width:100%; float:left;}
.footer-list-001{background:#666; border-top:1px solid #999; border-bottom:1px solid #999; border-width:1px 0;}
.footer-list-001 .footer-center-001{width:100%; max-width:1300px; margin:auto;}
.footer-list-001 .footer-center-001 ul.data{overflow:hidden; border-right:1px solid #999}
.footer-list-001 .footer-center-001 ul.data li{float:left; width:20%;}
.footer-list-001 .footer-center-001 ul.data li a{color:#eee; display:block; font:12px/35px NanumGothic; text-align:center; border-left:1px solid #999}
.footer-list-001 .footer-center-001 ul.data li a:hover{color:#5df0fd}

.footer-area-001{background:#3b3b3b; float:left; width:100%;}
.footer-area-001 .addressArea {width:100%; float:left;}
.footer-area-001 .addressArea div.inner{width:100%; max-width:1300px; margin:0 auto;}
.footer-area-001 .addressArea div.inner h2.footerLogo{width:40%; float:left; position:relative;}
.footer-area-001 .addressArea div.inner h2.footerLogo > img{float:right; padding:39px 22px;  display:block; }
.footer-area-001 .addressArea div.inner div.p_wrap{ width:60%; padding:27px 30px; box-sizing:border-box; float:left;}
.footer-area-001 .addressArea div.inner div.p_wrap > p{ color:#999; font-size:11px; line-height:18px;}



@media (max-width:990px){
 
	.contents > div.mainvalBox > .mainVisual #templateFix .layout_wrap .changeBg .div_wrap .layout_01{height:128px !important;}
	.layout_height_L .quick119 .quick119conBox .quick119Block1 > ul li a > div > img{height:128px;}
	
	.footer-list-001 .footer-center-001 ul.data li{width:100%;}
	.footer-list-001 .footer-center-001 ul.data{border-right:0;}
	.footer-list-001 .footer-center-001 ul.data li a{border-left:0;}

} /*테블릿*/

@media (max-width:690px){
 

	.footer-list-001{border:none; background:#fff;}
	.footer-list-001 .footer-center-001{padding:40px 10px 25px 10px; box-sizing:border-box;}
	.footer-list-001 .footer-center-001 ul.data{border-right:none;}
	.footer-list-001 .footer-center-001 ul.data li{width:23%;}
	.footer-list-001 .footer-center-001 ul.data li:first-child{width:30%;}
	.footer-list-001 .footer-center-001 ul.data li:nth-child(2){display:none;}
	.footer-list-001 .footer-center-001 ul.data li a{color:#999; font-size:11px; border-left:1px solid #999; line-height:12px;}
	.footer-list-001 .footer-center-001 ul.data li a:hover{color:#0072bc;}
	.footer-list-001 .footer-center-001 ul.data li:first-child a{ border-left:none; }

	.footer-area-001 .addressArea div.inner h2.footerLogo{display:none;}
	
	.footer-area-001 .addressArea div.inner div.p_wrap{width:100%; background:#fff; padding:0 10px 27px 10px;}
	.footer-area-001 .addressArea div.inner div.p_wrap > p{text-align:center;}
	.footer-area-001 .addressArea div.inner div.p_wrap > p.companyNum{display:none;}
	.footer-area-001 .addressArea div.inner div.p_wrap > p.adrBold{margin-bottom:5px; font-weight:800; color:#333;}

	
}/*모바일*/
/* 
	@media (min-width:600px) and (max-width:799px){
		.contents > .inner {padding:0 0 30px;}
	}
	@media (max-width:799px){
		.footer .inner {padding:0 10px;}
		.footer-area-001 .addressArea .footerLogo,.footer-area-001 .addressArea .p_wrap {width:100%;}
	}
	@media (max-width:599px){
	.contents > .inner {padding:0 !important;}
	}

 */



.inner_layer { width:100%;}

	@media (min-width:1050px){
		.inner_layer {z-index:0;}
		#template00 > div.layout_wrap:first-child { margin-top:50px;}
		 
	}
	@media (max-width:1049px){
		.inner_layer {position:relative; z-index:0;}
		#template00 > div.layout_wrap:first-child {margin-top:20px;}
	 
	}

	@media (min-width:800px) and (max-width:1049px){
		.inner_layer {margin-bottom:40px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.inner_layer {margin-bottom:30px;}
	}
	@media (max-width:599px){
		.inner_layer {margin-bottom:20px;}
	}






/* head setting */
.header .inner,
.menu .inner {padding:0px !important;}
.copy .inner > div {padding:0 !important;}

@media (min-width:800px) and (max-width:990px){
	.copy .inner > div {padding:0 30px !important;}

}
@media (min-width:600px) and (max-width:799px){
	.copy .inner > div {padding:0 15px !important;}
}
@media (max-width:599px){
	.copy .inner > div {padding:0 25px !important;}
}