.main_visual{
	padding-top: 80px;
	overflow: hidden;
}
.main_visual .swiper-container{position:relative;}
.main_visual .swiper-slide{height:600px;}
.main_visual .txt_box{
	z-index: 1;
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
}
.main_visual .txt_box h2{
	display: inline-block;
	padding: 4.5rem 3rem;
	font-size:5.6rem;
	font-weight:400;
	border: 5px solid #fff;
}
.main_visual .btns{
	z-index: 1;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.main_visual .btns.sw-button-next{
	right: 0;
}
.main_visual .btns img{width: 32.5px;}
@media (min-width:992px) {
	.main_visual .btns{display: none;}
}
@media(max-width:991.98px){
	.main_visual{padding-top: 60px;}
 	.main_visual .swiper-slide {max-height:365px;}
	.main_visual .txt_box h2{
		padding: 3.5rem 2rem;
		font-size:4rem;
	}
}
@media(max-width:767.98px){
	.main_visual .txt_box > div{
		text-align: center;
	}
	.main_visual .txt_box h2{
		text-align: left;
		font-size:3.5rem;
	}
}
@media(max-width:575.98px){
	.main_visual .txt_box h2{
		padding: 2.25rem 1.5rem;
		font-size:2.8rem;
		border: 3px solid #fff;
	}
	.main_visual .btns img{width: 30px;}
}


#main_container .more{
	font-size: 1.4rem;
	color: #fff;
}
#main_container .mo_sec{display: none;}
@media (max-width:992px) {
	#main_container .pc_sec{display: none;}
	#main_container .mo_sec{display: block;}
}



/*sec01*/
#main_container > .sec01{
	padding: 4.5rem 0 5rem 0;
	text-align: center;
	background: #f5f2f0;
}
#main_container > .sec01 h3{
	position: relative;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}
#main_container > .sec01 h3::after{
	content: '';
	position: absolute;
	bottom: 0; left: 50%;
	transform: translateX(-50%);
	width: 4rem; height: 1px;
	background: #222;
}
#main_container > .sec01 > div > p{color: #555;}
#main_container > .sec01 li{width: calc(100% / 3);}
#main_container > .sec01 dl{margin: 2.5rem 0;}
#main_container > .sec01 dt{font-size: 1.8rem;}
#main_container > .sec01 dd{
	font-size: 1.6rem;
	color: #555;
}
#main_container > .sec01 .more{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 9.5rem;
	height: 3rem;
	background: #5e4f4a;
	border-radius: 2px;
}



/*sec02*/
#main_container > .sec02{
	padding: 15rem 0 9rem 0;
	color: #fff;
	background: url(../_img/main/main_sec02_img1.jpg) no-repeat center center / cover;
}



/*sec03*/
#main_container > .sec03{padding:5rem 0 5.5rem}
#main_container > .sec03 .box{
	display: flex;
	padding: 0 2rem;
	width: 50%;
}
#main_container > .sec03 .box > div{
	width: 15rem;
}
#main_container > .sec03 .box h4{
	position: relative;
	margin-bottom: 5.5rem;
	padding-top: 2rem;
	font-size: 1.8rem;
	font-weight: bold;
	color: #333;
}
#main_container > .sec03 .box h4::before{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 3rem; 
	height: 3px;
	background: #5e4f4a;
}
#main_container > .sec03 .box .more{
	text-decoration: underline;
	text-underline-offset: 5px;
	-webkit-text-underline-offset: 5px;
	text-decoration-thickness: 1px;
	-webkit-text-decoration-thickness: 1px;
	color: #333;
}
#main_container > .sec03 .box ul{width: calc(100% - 15rem);}
#main_container > .sec03 .box li{
	position: relative;
	padding-left: 2rem;
	padding-right: 10rem;
	overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#main_container > .sec03 .box li + li{margin-top: 7px;}
#main_container > .sec03 .box li::before{
	content: '';
	position: absolute;
	top: 50%; left: 0;
	width: 3px; height: 3px;
	background: #d6d6d6;
	transform: translateY(-50%);
}
#main_container > .sec03 .box li a,
#main_container > .sec03 .box li p{
	font-size: 1.4rem;
	color: #666666;
}



/* sec04 */
#main_container > .sec04 ul{flex-wrap: wrap;}
#main_container > .sec04 ul li{
	margin-top: -1px;
	width: 50%;
	border-bottom: 1px solid #e5e5e5;
	background: url(../_img/main/main_sec04_bg.png) repeat center center / 100% 100%;
}
#main_container > .sec04 ul li a{
	display: block;
	padding: 3.5rem 15px;
}
#main_container > .sec04 ul li h3{
	font-family: 'Roboto';
	text-transform: uppercase;
	font-size: 2.5rem;
	font-weight: bold;
	color:#222
}
#main_container > .sec04 ul li h3 p{
	margin-top: 3px;
	font-family: 'Nanum Gothic';
	font-size: 1.8rem;
	color: #666;
}
@media (max-width:767.98px) {
	#main_container > .sec04 ul li a{padding: 3rem 15px;}
	#main_container > .sec04 ul li h3{font-size: 2.2rem;}
	#main_container > .sec04 ul li h3 p{font-size: 1.6rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec04 ul li a{padding: 2.5rem 15px;}
	#main_container > .sec04 ul li h3{font-size: 2rem;}
}