.main_visual#main_visual_mo{
	display:none;
}
.main_visual .swiper-slide{
	height:92rem;
	position:relative;
}
.main_visual .swiper-slide > .txt_box{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-51%);
	color:#fff;
	padding-top:90px;
}
.main_visual .swiper-slide > .txt_box h3{
	font-size:9rem;
	font-weight:700;
	line-height:1;
}
.main_visual .swiper-slide > .txt_box h3 span{
	display:block;
	color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.main_visual .swiper-slide > .txt_box p{
	font-size:1.8rem;
	font-weight:300;
	position:relative;
}
.main_visual .swiper-slide > .txt_box hr{
	border-top:4px solid #fff;
	margin:2rem 0;
	max-width:15rem;
}

@media(max-width:991.98px){
	.main_visual .swiper-slide > .txt_box {
		padding-top: 20px;
		text-align:center;
	}
	.main_visual .swiper-slide > .txt_box h3{
		font-size:7rem;
	}
	.main_visual .swiper-slide > .txt_box hr{
		margin:3rem auto;
		border-top:2px solid #fff;
		width:8rem
	}
}

@media(max-width:576.98px){
	.main_visual .swiper-slide{
		height:70rem;
	}
	.main_visual .swiper-slide > .txt_box {
		padding-top: 20px;
		text-align:center;
	}
	.main_visual .swiper-slide > .txt_box h3{
		font-size:4rem;
	}
}





/*메인 공통*/
#main_container > section{
	position:relative;
}
#main_container > section .main_title{
	font-size:4.2rem;
	font-weight:600;
	line-height:1.4;
}
#main_container > section .main_title p{
	color:#b5ae9c;
	font-family: "Montserrat";
	font-size:2.2rem;
	font-weight:700;
	margin-bottom:2rem;
}
.main_titile_box{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
@media(max-width:991.98px){
	#main_container > section .main_title{
		font-size:3.4rem;
	}
	.main_titile_box{
		display:block;
	}
	.main_titile_box p{
		margin-top:3rem;
	}
}
@media(max-width:767.98px){
	#main_container > section .main_title{
		font-size:2.8rem;
	}
	#main_container > section .main_title p{
		font-size:2rem;
	}
}



#main_container > section .main_title span{
	display:inline-block;
	position:relative;
}
#main_container > section .main_title span::after{
	content:"";
	position:absolute;
	right:-15px;
	top:5px;
	width:1rem;
	height:1rem;
	background:#2c9896;
	border-radius:100%;

}
#main_container .more{
	padding:1rem 2rem;
	background:#b5ae9c;
	color:#fff;
	z-index:5;
	border:0;
}
#main_container .more.w{
	background:none;
	border:1px solid #222;
	color:#222;
}
#main_container .more:hover{
	background:#000;
	border:#000;
	color:#fff;
}


/*sec01*/
#main_container > .sec01{}
#main_container > .sec01 [class^='col-']{
	position:relative;
}
#main_container > .sec01 [class^='col-']::after{
	content:"";
	position:absolute;
	height:100%;
	top:0;
	width:300%;
	z-index:-1;
}
#main_container > .sec01 [class^='col-']:nth-child(1){
	margin-top:-4rem;
	padding-top:8rem;
	padding-bottom:8rem;
}
#main_container > .sec01 [class^='col-']:nth-child(1):after{
	background:#f9f9f9;
	right:-10rem;
	z-index:2;
}
#main_container > .sec01 .tabs{
	display:flex;
	position:relative;
	z-index:4;
}
#main_container > .sec01 .tabs > li + li{
	margin-left:4rem;
}
#main_container > .sec01 .tabs button{
	background:none;
	border:0;
	font-size:1.8rem;
	color:#666;
	font-weight:500;
	height:4.5rem;
	padding:0;
	position:relative;
	outline:none;
}
#main_container > .sec01 .tabs button:hover,
#main_container > .sec01 .tabs button.is-active{
	color:#2c9896;
}
#main_container > .sec01 .tabs button:hover::after,
#main_container > .sec01 .tabs button.is-active::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:3px;
	background:#2c9896
}
#main_container > .sec01 .thum{
	display:flex;
	max-width:60rem;
	margin-left:-.6rem;
	margin-right:-.6rem;
}
#main_container > .sec01 .thum p{
	padding:.6rem;
}
#main_container > .sec01 .tab_contents{
	position:relative;
	z-index:5;
}
#main_container > .sec01 .tab_contents.hidden{
	display:none;
}
#main_container > .sec01 .more{
	position:absolute;
	transform: translate(50%, -50%);
	top:50%;
	margin-top:-3rem;
	right:0;
}
#main_container > .sec01 .truck.hidden {
	display:none;
}



#main_container > .sec01 [class^='col-']:nth-child(2){
	z-index:2;
	margin-bottom:-4rem;
	display:flex;
	align-items: flex-end;
	justify-content: end;
}
#main_container > .sec01 [class^='col-']:nth-child(2):after{
	background:url(../_img/main/sec01_bg1.jpg) repeat left top ;
	left:0;
}
#main_container > .sec01 [class^='col-']:nth-child(2) p{
	margin-bottom:3rem;
	margin-left:8rem;
}


@media(max-width:991.98px){
	#main_container > .sec01{
		text-align:center;
	}
	#main_container > .sec01 .tabs{
		justify-content: center;
	}
	#main_container > .sec01 .thum{
		margin:0 auto;
	}
	#main_container > .sec01 .more{
		display:block;
		position:relative;
		transform: translate(0);
		top: 0;
		margin-top: 0rem;
		max-width:20rem;
		margin:0 auto;
		margin-top: 2rem;
	}
	#main_container > .sec01 [class^='col-']:nth-child(1):after{
		right:50%;
		left:50%;
		margin-left:-50vw;
		margin-right:-50vw;
	}
	#main_container > .sec01 [class^='col-']:nth-child(2){
		justify-content: center;
		padding-top:3rem
	}
	#main_container > .sec01 [class^='col-']:nth-child(2) img{
		max-width:40rem !important;
	}
	#main_container > .sec01 [class^='col-']:nth-child(2):after{
		right:50%;
		left:50%;
		margin-left:-50vw;
		margin-right:-50vw;
	}
	#main_container > .sec01 [class^='col-']:nth-child(2) p{
		margin-left:0;
	}
}
@media(max-width:767.98px){
	#main_container > .sec01 [class^='col-']:nth-child(2) img{
		max-width:30rem !important;
	}
}




/*sec02*/
#main_container > .sec02{
	padding:20rem 0 16rem 0;
}
#main_container > .sec02 .inner{
	display:flex;
}
#main_container > .sec02 .inner > div:nth-child(1){
	width:48rem;
	flex-shrink: 0;
	position:relative;
	z-index:10;
}
#main_container > .sec02 .inner > div:nth-child(1)::after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	height:100%;
	background:#fff;
	z-index:-1;
	width:500%;
}
#main_container > .sec02 .inner > div:nth-child(1) .controll{
	margin-top:4rem;
}
#main_container > .sec02 .inner > div:nth-child(1) .controll button{
	background:#fff;
	border:1px solid #ddd;
	border-radius:100%;
	width:4.5rem;
	height:4.5rem;
	font-size:2rem;
	color:#666;
	outline:none;
}

#main_container > .sec02 .inner > div:nth-child(1) .more{
	position:absolute;
	right:0;
	top:50%;
	transform:translate(50%,-50%);
}

#main_container > .sec02 .inner > div:nth-child(2){
	flex-grow: 1;
}
#main_container > .sec02 .swiper-slide{
	max-width:32rem;
}
#main_container > .sec02 .swiper-slide .box{
	display:block;
	padding-top:100%;
	overflow:hidden;
	border-radius:1rem;
	position:relative;
}
#main_container > .sec02 .swiper-slide .box::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#f1f1f1;
	z-index:-2;
}
#main_container > .sec02 .swiper-slide .box::before{
	content:"no image";
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:-1;
	color:#999;
}

#main_container > .sec02 .swiper-slide .box > p{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:2rem 3rem;
	height:9rem;
	background:rgba(0,0,0,.4);
	color:#fff;
	font-size:1.6rem;
	
}
#main_container > .sec02 .swiper-slide .box > p span{
	word-break: break-all;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}


@media(max-width:991.98px){
	#main_container > .sec02{
		padding:14rem 0 10rem 0;
	}
	#main_container > .sec02 .inner{
		flex-wrap:wrap;
		text-align:center;
	}
	#main_container > .sec02 .inner > div:nth-child(1){
		width:100%;
		flex-shrink: 0;
		position:relative;
		z-index:10;
	}
	#main_container > .sec02 .inner > div:nth-child(1)::after{
		display:none;
	}
	#main_container > .sec02 .inner > div:nth-child(1) .more{
		position:relative;
		display:block;
		max-width:20rem;
		right:0;
		top:0;
		transform:translate(0);
		margin:0 auto;
		margin-top:3rem;
	}
	#main_container > .sec02 .inner > div:nth-child(1) .controll{
		margin-top:3rem;
	}
	#main_container > .sec02 .inner > div:nth-child(2){
		width:100%;
		margin-top:3rem;
	}
	
	
}









/*sec03*/
#main_container > .sec03{
	padding:12rem 0;
	position:relative;
	z-index:5;
}
#main_container > .sec03::after{
	background:url(../_img/main/sec03_img1.jpg) no-repeat center center / cover;
}

@media(max-width:991.98px){
	#main_container > .sec03{
		padding:8rem 0;
		text-align:center;
	}
}


/*sec04*/
#main_container > .sec04{
	padding:12rem 0;
}
#main_container > .sec04 .box{
	color:#222;
	display:block;
}
#main_container > .sec04 .box > p:nth-child(1) {
	font-weight:500;
}
#main_container > .sec04 .box > p:nth-child(1) .date{
	font-family: "Montserrat";
	color:#888;
	padding-left:1.5rem;
	position:relative;
}
#main_container > .sec04 .box > p:nth-child(1) .date::after{
	content:"";
	position:absolute;
	left:5px;
	top:50%;
	height:12px;
	transform:translateY(-50%);
	border-left:1px solid #ccc;
}
#main_container > .sec04 .box > p:nth-child(2){
	display:-webkit-box;
	font-size:2rem;
	-webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	margin:2rem 0 4rem 0;
}
@media(max-width:991.98px){
	#main_container > .sec04{
		padding:8rem 0 6rem;
		text-align:center;
	}
	#main_container > .sec04 [class^="col-"] {
		padding-top:3rem;
		padding-bottom:3rem;
	}
	#main_container > .sec04 [class^="col-"] + [class^="col-"]{
		border-top:1px solid #ddd;
	}
	#main_container > .sec04 .box > p:nth-child(2){
		font-size:2rem;
		margin:1rem 0 1rem 0;
	}
}


/*sec05*/
#main_container > .sec05{
	padding:12rem 0;
}
#main_container > .sec05 ul{
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	max-width:1100px;
	margin:0 auto;
}
#main_container > .sec05 ul li{
	width:calc(100%/5);
	padding:1.5rem 0;
}

@media(max-width:991.98px){
	#main_container > .sec05{
		padding:8rem 0;
	}
}
@media(max-width:767.98px){
	#main_container > .sec05 ul li{
		width:calc(100%/4);
	}
}
@media(max-width:576.98px){
	#main_container > .sec05 ul li{
		width:calc(100%/3);
	}
}