.main_visual{padding-top: 9.8rem; overflow: hidden;}
.main_visual .swiper-container{position: relative;}
/* .main_visual .swiper-slide{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
} */
.main_visual .bg img{max-height: 1000px; object-fit: cover; object-position: center;}
.main_visual .txt_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3rem;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}
.main_visual .txt_box h3{
	line-height: 8rem;
	font-size:5.6rem;
	font-weight:300;
}
.main_visual .txt_box h3 b{
	display: block; 
	font-weight: bold;
}
.main_visual .txt_box p{font-size:2.2rem;}
.main_visual .sw-btn{
	z-index: 10;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #222;
	line-height: 2.2rem;
	font-size: 1.5rem;
	font-weight: 600;
}
.main_visual .sw-prev{left: 0; text-align: right;}
.main_visual .sw-next{right: 0;}
.main_visual .sw-btn span{
	display: inline-block;
	position: relative;
	width: 15rem;
	padding: 1rem 1.6rem;
}
.main_visual .sw-btn span::before,
.main_visual .sw-btn span::after{
	content: '';
	position: absolute;
	bottom: 0; left: 0;
	height: 2px;
	background: #222222;
}
.main_visual .sw-btn span::before{
	z-index: 1;
	width: 7rem;
}
.main_visual .sw-prev span::before{
	left: unset;
	right: 0;
}
.main_visual .sw-btn span::after{
	width: 15rem;
	opacity: .3;
}
@media(max-width:1650px){
 	.main_visual .txt_box{padding: 0 17rem;}
}
@media(max-width:1199.98px){
 	.main_visual{padding-top: 7.5rem;}
	.main_visual .txt_box{
		gap: 2rem;
		padding: 0 14rem;
	}
	.main_visual .txt_box h3{
		line-height: 1.4;
		font-size:4.5rem;
	}
	.main_visual .txt_box p{font-size: 2rem;}
	.main_visual .sw-btn span,
	.main_visual .sw-btn span::after{width: 12rem;}
}
@media(max-width:991.98px){
 	.main_visual .txt_box{text-align: center;}
	.main_visual .txt_box h3,
	.main_visual .txt_box p{
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	}
	.main_visual .txt_box h3{font-size:3.5rem;}
	.main_visual .txt_box p{font-size: 1.8rem;}
}
@media(max-width:767.98px){
 	.main_visual .txt_box{
		gap: 1rem;
		padding: 0 6rem;
	}
	.main_visual .txt_box h3{font-size:2.5rem;}
	.main_visual .txt_box p br{display: none;}
	.main_visual .sw-btn span,
	.main_visual .sw-btn span::after{width: 5.6rem;}
	.main_visual .sw-btn span{
		padding: 1rem;
		font-size: 1.4rem;
	}
}



/* 공통 */
#main_container section{padding:10rem 0;}
#main_container .mainTit{
	line-height: 1.3;
	font-size: 4rem;
	font-weight: bold;
}
#main_container .mainTit small{
	display: block;
	margin-bottom: 2rem;
	line-height: 1.8;
	font-size: 1.6rem;
	font-weight: bold;
	color: #0546B7;
}
#main_container .mainDesc{
	line-height: 1.7;
	font-size: 1.7rem;
	color: #444;
}
#main_container .moreView{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 17rem; height: 5rem;
	padding: 0 2rem;
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
	background: #0546B7;
	outline: none;
	border: none;
	border-radius: 5px;
}
#main_container .moreView img{width: 2.4rem;}
@media (max-width:1199.98px) {
	#main_container .mainTit{font-size: 3.5rem;}
}
@media (max-width:991.98px) {
	#main_container section{padding:8rem 0;}
	#main_container .mainTit{font-size: 3rem;}
	#main_container .mainTit small{margin-bottom: 1rem;}
	#main_container .mainDesc{font-size: 1.6rem;}
}
@media (max-width:767.98px) {
	#main_container section{padding:6rem 0;}
	#main_container .mainTit{font-size: 2.5rem;}
}



/*sec01*/
#main_container > .sec01{position: relative;}
#main_container > .sec01 .bg{
	position: absolute;
	bottom: 0; right: 0;
	width: 60.9375%;
}
#main_container > .sec01 .container{
	display: flex;
	align-items: center;
	gap: 10rem;
	z-index: 1;
}
#main_container > .sec01 .container > *{width: calc(50% - 5rem);}
@media (max-width:1300px) {
	#main_container > .sec01 .br1{display: none;}
}
@media (max-width:1199.98px) {
	#main_container > .sec01 .container{gap: 5rem;}
	#main_container > .sec01 .container > *{width: calc(50% - 2.5rem);}
}
@media (max-width:991.98px) {
	#main_container > .sec01 .container{gap: 3rem;}
	#main_container > .sec01 .container > *{width: calc(50% - 1.5rem);}
}
@media (max-width:767.98px) {
	#main_container > .sec01 .container{gap: 2rem; flex-wrap: wrap;}
	#main_container > .sec01 .container > *{width: 100%}
}


/*sec02*/
#main_container > .sec02{background: #F2F2F2;}
#main_container > .sec02 > div{display: flex;}
#main_container > .sec02 .txtBx{
	flex-shrink: 0;
	width: 56rem;
}
#main_container > .sec02 .tab button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27rem; height: 6rem;
	padding: 0 2.4rem;
	font-size: 1.6rem;
	font-weight: 600;
	color: #222;
	background: #fff;
	border-radius: 6rem;
	box-shadow: 2px 2px 2rem rgba(16, 24, 40, 0);
	outline: none;
	border: none;
}
#main_container > .sec02 .tab button span{font-size: 1.5rem; opacity: .5;}
#main_container > .sec02 .tab button[data-target="1"]{margin-bottom: 1rem;}
#main_container > .sec02 .tab button.active{
	color: #fff;
	background: #0546B7;
	box-shadow: 2px 2px 2rem rgba(16, 24, 40, .1);
}
#main_container > .sec02 .inner{position: relative; }
#main_container > .sec02 .mySwiper{overflow: hidden;}
#main_container > .sec02 .swiper-wrapper {max-width: 1500px;}
#main_container > .sec02 .pd_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	width: 6rem; height: 6rem;
	background: #fff;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	box-shadow: 2px 2px 2rem rgba(0, 0, 0, .1);
	z-index: 1;
}
#main_container > .sec02 .pd_prev{left: 0;}
#main_container > .sec02 .pd_next{left: 74rem;}
#main_container > .sec02 .pd_btn img{width: 12px;}
#main_container > .sec02 .swiper-slide{width: 39rem; padding-right: 4rem;}
#main_container > .sec02 .item{
	display: block;
	padding: 5px 5px 3rem;
	background: #fff;
	border-radius: 2rem;
	border: 1px solid rgba(19, 74, 169, 0);
	transition: all .3s;
}
#main_container > .sec02 .item:hover{border: 1px solid rgba(19, 74, 169, 1);}
#main_container > .sec02 .item img{border-radius: 2rem;}
#main_container > .sec02 .item dl{
	margin-top: 2rem;
	text-align: center;
	line-height: 1.6;
	font-size: 1.8rem;
	font-weight: 600;
	color: #222;
}
#main_container > .sec02 .item dt{
	display: none;
	font-weight: 400;
	color: #444444;
}
@media (max-width:1400px) {
	#main_container > .sec02 .txtBx{width: 45rem;}
	#main_container > .sec02 .swiper-slide{width: 35rem; padding-right: 3rem;}
	#main_container > .sec02 .pd_next {left: 67rem;}
}
@media (max-width:1199.98px) {
	#main_container > .sec02 .pd_next {left: 32rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec02 > div {display: block;}
	#main_container > .sec02 .txtBx{
		width: 100%;
		margin-bottom: 3rem;
	}
	#main_container > .sec02 br{display: none;}
	#main_container > .sec02 .tab{display: flex; gap: 5px;}
	#main_container > .sec02 .tab button {
    width: calc(50% - 2.5px);
		height: 5.5rem;
		margin-bottom: 0 !important;
    padding: 0 2rem;
	}
	#main_container > .sec02 .swiper-slide{width: 32rem; padding-right: 2rem;}
	#main_container > .sec02 .pd_btn {
		width: 4.5rem;
		height: 4.5rem;
	}
	#main_container > .sec02 .pd_next {
		left: unset; 
		right: 0;
		transform: translate(50%,-50%);
	}
}
@media (max-width:575.98px) {
	#main_container > .sec02 .tab button {
		flex-direction: column;
		justify-content: center;
	}
}
@media(max-width:400px){
 	#main_container > .sec02 .swiper-slide{
		width: 100%; 
		padding: 0 2rem;
	}
	#main_container > .sec02 .pd_prev {left: 2rem;}
	#main_container > .sec02 .pd_next {right: 2rem;}
}




/*sec03*/
#main_container > .sec03 .bx_con{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	padding: 0 5rem;
}
#main_container > .sec03 .bx{
	display: flex;
	align-items: flex-start;
	gap: 3rem;
	position: relative;
}
#main_container > .sec03 .bx .moreView{
	position: absolute;
	top: 0; left: 50%;
	transform: translateX(-50%);
}
#main_container > .sec03 .bx > img{width: calc((100%/5) - 2.4rem);}
#main_container > .sec03 .bx > img:nth-of-type(odd){margin-top: 9rem;}
@media (max-width:1199.98px) {
	#main_container > .sec03 .bx_con{padding: 0 15px;}
	#main_container > .sec03 .bx{gap: 2rem;}
	#main_container > .sec03 .bx > img{width: calc((100%/5) - 1.6rem);}
	#main_container > .sec03 .bx > img:nth-of-type(odd){margin-top: 7rem;}
}
@media (max-width:991.98px) {
	#main_container > .sec03 .bx_con{max-width: 720px;}
	#main_container > .sec03 .bx{
		flex-wrap: wrap; 
		justify-content: space-between;
	}
	#main_container > .sec03 .bx .moreView{top: 10%;}
	#main_container > .sec03 .bx > img{width: calc((100%/3) - 1.4rem);}
	#main_container > .sec03 .bx > img:nth-of-type(odd){margin: 0}
	#main_container > .sec03 .bx > img:nth-of-type(2){transform: translateY(50%);}
}
@media (max-width:767.98px) {
	#main_container > .sec03 .bx_con{max-width: 540px;}
	#main_container > .sec03 .bx{justify-content: flex-end;}
	#main_container > .sec03 .bx .moreView{
		top: 0; left: 0%;
		transform: translateX(0%);
	}
	#main_container > .sec03 .bx > img{width: calc((100%/2) - 1rem);}
	#main_container > .sec03 .bx > img:nth-of-type(1){margin-top: 7rem}
	#main_container > .sec03 .bx > img:nth-of-type(4){margin-top: -7rem}
	#main_container > .sec03 .bx > img:nth-of-type(5){margin-top: -7rem}
	#main_container > .sec03 .bx > img:nth-of-type(2){transform: translateY(0%);}
}



/*sec04*/
#main_container > .sec04{background:#F4F6F8;}
#main_container > .sec04 .txtBx,
#main_container > .sec04 .imgBx{
	display: flex;
}
#main_container > .sec04 .txtBx{
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 3rem;
}
#main_container > .sec04 .imgBx{
	flex-wrap: wrap;
	gap: 3rem;
}
#main_container > .sec04 .imgBx img{width: calc((100%/3) - 2rem);}
#main_container > .sec04 .imgBx img:nth-child(3) ~ img{width: calc((100%/2) - 1.5rem);}
@media (max-width:991.98px) {
	#main_container > .sec04 .txtBx{display: block;}
	#main_container > .sec04 .imgBx{gap: 2rem;}
	#main_container > .sec04 .imgBx img{width: calc((100%/3) - 1.4rem);}
	#main_container > .sec04 .imgBx img:nth-child(3) ~ img{width: calc((100%/2) - 1rem);}
}
@media (max-width:767.98px) {
	#main_container > .sec04 .imgBx{gap: 1rem;}
	#main_container > .sec04 .imgBx img{width: calc((100%/2) - .5rem);}
	#main_container > .sec04 .imgBx img:nth-child(5){width: 100% !important;}
}



/*sec05*/
#main_container > .sec05 .bx{position: relative;}
#main_container > .sec05 .bx img{
	width: 52%;
	height: 40rem;
	object-fit: cover;
	object-position: left center;
}
#main_container > .sec05 .bx1 img{border-radius: 0 2rem 2rem 0;}
#main_container > .sec05 .bx2 img{border-radius: 2rem 0 0 2rem;}
#main_container > .sec05 .bx2{
	margin-top: 5rem;
	text-align: right;
}
#main_container > .sec05 .bx > div{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
#main_container > .sec05 .bx > div > div{width: 50%;}
#main_container > .sec05 .bx1 > div > div{
	margin-left: auto;
	padding-left: 12rem;
}
#main_container > .sec05 .bx2 > div > div{text-align: left;}
#main_container > .sec05 .mainTit{margin-bottom: 2rem;}
@media (max-width:1199.98px) {
	#main_container > .sec05 .bx1 > div > div{padding-left: 8rem;}
	#main_container > .sec05 .bx2 > div > div{padding-right: 8rem;}
	#main_container > .sec05 .bx2 p br{display: none;}
}
@media (max-width:991.98px) {
	#main_container > .sec05 .bx2{margin-top: 3rem;}
	#main_container > .sec05 .bx img{height: 35rem;}
	#main_container > .sec05 .bx1 > div > div{padding-left: 6rem;}
	#main_container > .sec05 .bx2 > div > div{padding-right: 6rem;}
	#main_container > .sec05 .bx p br{display: none;}
}
@media (max-width:767.98px) {
	#main_container > .sec05 .bx img{height: 25rem; width: calc(100% - 15px);}
	#main_container > .sec05 .bx > div{
		position: unset;
		margin-top: 3rem;
		transform: translate(0)
	}
	#main_container > .sec05 .bx > div > div{
		width: 100%;
		padding: 0 !important;
	}
	#main_container > .sec05 .mainTit{margin-bottom: 1rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec05 .bx img{height: 20rem;}
}



/*sec06*/
#main_container > .sec06{
	background:url(../_img/main/sec06_bg.png) no-repeat right center / cover;
}
#main_container > .sec06 > div{
	display: flex;
	align-items: flex-start;
	gap: 5rem;
}
#main_container > .sec06 > div > div{width: calc(50% - 2.5rem);}
#main_container > .sec06 .info li{
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-top: 4rem;
}
#main_container > .sec06 .info li img{width: 6rem;}
#main_container > .sec06 dl{
	font-size: 1.7rem;
	line-height: 1.7;
	color: #666;
}
#main_container > .sec06 dt{
	margin-bottom: 4px;
	line-height: 1.6;
	font-size: 1.8rem;
	font-weight: 600;
	color: #222;
}
#main_container > .sec06 .form{
	padding: 5rem;
	background: rgba(255, 255, 255, .7);
	border-radius: 1rem;
}
#main_container > .sec06 .board{
	display: block;
	width: 100%;
	margin-bottom: 1rem;
	padding: 1.2rem 2rem;
	line-height: 1.7;
	font-size: 1.7rem;
	color: #222;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
}
#main_container > .sec06 .board::placeholder{color: #666;}
#main_container > .sec06 textarea.board{height: 12rem;}
#main_container > .sec06 .checkbox{
	position: relative;
	margin-bottom: 3rem;
}
#main_container > .sec06 .checkbox input{
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}
#main_container > .sec06 .checkbox label{
	position: relative;
	padding-left: 3.5rem;
	line-height: 1.8;
	font-size: 1.6rem;
	cursor: pointer;
}
#main_container > .sec06 .checkbox label::before{
	content: '';
	position: absolute;
	top: 50%; left: 0;
	width: 2.4rem; height: 2.4rem;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	transform: translateY(-50%);
}
#main_container > .sec06 .checkbox input:checked + label::before{
	background:#D9D9D9 url(../_img/icon/check.png) no-repeat center center / 100% 100%;
}
@media (max-width:991.98px) {
	#main_container > .sec06{background-position: center;}
	#main_container > .sec06 > div{display: block;}
	#main_container > .sec06 > div > div{width: 100%;}
	#main_container > .sec06 .info li {
    gap: 1rem;
    margin-top: 2rem;
	}
	#main_container > .sec06 .form {
		margin-top: 3rem;
    padding: 3rem;
	}
	#main_container > .sec06 .checkbox { margin-bottom: 2rem;}
}