.content-container{
	width: 100%;
	max-width: 1440px;
	padding: 0 20px;
	box-sizing: border-box;
}
.logo-slide-wrapper{
	width: 100%;
}
.main-sec5-wrapper img{
	max-width: 100%;
}
.service-card-row{
	gap: 52px;
}
.service-card-row a{
	width: 40%;
}
.service-card-row .service-card:last-child{
	margin: 0;
}
.service-card{
	width: 100%;
}
.main-img-mb{
	display: none;
}

.main-popup {
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	padding: 0 20px;
	z-index: 250;
	display: none;
}


.main-popup .content-box.mainSwiper  {
	background: #fff;
	max-width: 454px;
	border-radius: 16px;
	filter: drop-shadow(0px 1px 16px rgba(0, 0, 0, 0.16));
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.swiper-pagination {
	bottom: 87px;
	width: 100%;
	display: flex;
	justify-content: center;
}
.swiper-pagination .swiper-pagination-bullet:nth-of-type(2) {
	margin: 0 8px;
}
.swiper-pagination .swiper-pagination-bullet-active {
	background: #1AB6E4;
}

.main-popup .content-box .img-box {
	display: block;
	width: 100%;
	height: 454px;
	border-radius: 16px 16px 0 0 ;
	overflow: hidden;
}

.main-popup .content-box .img-box img.slide {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px 16px 0 0;
}

.main-popup .content-box .button-box {
	width: 100%;
	background: #fff;
	display: flex;
	border-radius: 0 0 16px 16px;
	border-top: 1px solid #B8C6CC;
}

.main-popup .content-box .button-box button {
	width: calc(100% / 2);
	padding: 24px 38px;
	font-weight: 600;
	font-size: 18px;
	color: #222;
	box-sizing: border-box;
}

.main-popup .content-box .button-box button:nth-of-type(1) {
	border-right: 1px solid #B8C6CC;
}

/* 모바일 */
@media screen and (max-width: 998px) {
.content-container{
	padding: 0;
	width: 100%;
}
.main-popup .content-box.mainSwiper  {
	max-width: 344px;
}

.main-popup .content-box .img-box {
	height: 344px;
	width: 344px;
}

.main-popup .content-box .button-box button {
	padding: 20px;
	font-weight: 600;
	font-size: 16px;
}

.swiper-pagination {
	bottom: 70px;
}

.main-sec1-wrapper{
	 padding: 0;
}
.main-sec1-cnt{
	background-image: url(/images/main-section1-mb.png);
	background-size: unset;
	background-position: center 110px;
	min-height: 650px;
}
.main-sec1-cnt .text-wrapper{
	padding: 0;
	text-align: center;
}
.main-sec1-cnt .text-wrapper .sub-title{
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: -0.01em;
}
.main-sec1-cnt .text-wrapper .main-title{
	font-weight: 600;
	font-size: 54px;
	line-height: 64px;
	text-align: center;
	letter-spacing: -0.01em;
	color: #040821;
}
.main-sec1-cnt .btn-wrapper{
	display: grid;
	gap: 16px;
	margin: 435px 0 0;
	padding: 0 20px;
}
.main-btn{
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: #333333;
	padding: 16px;
}

.main-sec2-wrapper{
	padding: 90px 20px 0;
}
.sub-title{
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.01em;
	color: #939FA4;
}
.main-title{
	font-weight: 600;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	letter-spacing: 0.01em;
	color: #040821;
}
.main-title span.space{
	display: block;
}
.sec2-img, .sec3-img, .sec5-img{
	display: none;
}
.main-img-mb{
	display: block;
	
}
.main-img-mb.sec2-img-mb{
	margin: 40px auto 0;
    box-sizing: border-box;
    max-width: 100%;
}


.main-sec3-wrapper{
	padding: 120px 0;
}
.logo-slide-wrapper{
	padding: 50px 0;
}
.logo-slide-wrapper img{
	width: auto;
	height: 184px;
}
.main-sec3-wrapper .explain{
	padding: 0 20px;
}
.explain{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.01em;
	color: #333;
}

.main-sec4-wrapper{
	padding: 0 20px 60px;
}
.main-sec4-wrapper .sub-sec{
	display: grid;
	grid-template-columns: 1fr;
	padding: 0;
}
.main-sec4-wrapper .text-wrapper{
	margin: 0;
}
.main-sec4-wrapper .text-wrapper .main-title, .main-sec4-wrapper .text-wrapper .explain{
	text-align: left;
}
.main-sec4-wrapper .text-wrapper .explain{
	margin-top: 12px;
}
.main-sec4-wrapper .text-wrapper .explain br{
	display: none;
}
.main-sec4-wrapper .more-btn{
	margin: 32px 0 24px;
	max-width: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.01em;
	color: #586063;
}
.main-sec4-wrapper .more-btn img{
	width: 20px;
	height: 20px;
	margin-left: 8px;
}
.main-sec4-wrapper video{
	width: 100%;
	height: auto;
}

.main-sec4-wrapper .sub-sec.videoBox{
	padding: 60px 0 0;
}
.main-sec4-wrapper .sub-sec.videoBox .mo-none{
	display: none;
}
.youtubevideowrapper{
	max-width: 100%;
}
.youtubevideowrapperdiv16-9blind{
	width: 100%;
	padding-bottom: 50%;
	display: inline-block;
}
.youtubevideowrapperdiv iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 16px;
}


.main-sec5-wrapper{
	padding: 60px 20px;
	box-sizing: border-box;
}
.main-sec5-wrapper img{
	margin: 0 auto;
}
.main-sec5-wrapper .main-title{
	margin: 40px 0 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	text-align: center;
	letter-spacing: -0.01em;
	color: #000000;
}
.main-sec5-wrapper .explain br{
	display: none;
}

.main-sec6-cnt{
	background-image: url(/images/img_cardbg.png);
	background-size: contain;
	background-position: center center;
}
.main-sec6-wrapper{
	padding: 80px 20px 0;
}
.main-sec6-wrapper .main-title, .main-sec6-wrapper .explain{
	text-align: left;
}
.main-sec6-wrapper .explain{
	margin: 8px 0 0;
}
.main-sec6-wrapper .start-step-wrapper{
	margin: 40px 0 0;
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr;
}
.main-sec6-wrapper .step-card{
	padding: 35px 24px 24px 50px;
	width: auto;
	height: auto;
	margin-left: 30px;
	box-sizing: border-box;
}
.main-sec6-wrapper .step-card .card-circle-number{
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 0.01em;
}
.main-sec6-wrapper .step-card .card-text-wrapper{
	height: auto;
}
.main-sec6-wrapper .step-card .card-text-wrapper .step-card .card-title{
	font-weight: 600;
	font-size: 20px;
	line-height: 29px;
	letter-spacing: 0.01em;
}
.main-sec6-wrapper .step-card .card-text-wrapper .card-explain{
	margin-top: 15px;
	font-weight: 300;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.01em;
}

.main-sec7-wrapper{
	padding: 120px 20px 0;
}
.main-sec7-wrapper .main-title, .main-sec7-wrapper .explain{
	text-align: left;
}
.main-sec7-wrapper .explain{
	margin-top: 8px;
}
.main-sec7-wrapper .service-card-wrapper{
	margin: 40px 0 0;
}
.main-sec7-wrapper .service-card-wrapper .service-card-row, .main-sec7-wrapper .service-card-row{
	margin: 0;
	display: block;
}
.main-sec7-wrapper .service-card-wrapper .service-card-row .service-card{
	background: #FFF url(/images/service-img01.svg) 24px 50% no-repeat;
}
.main-sec7-wrapper .service-card-wrapper .service-card-row a:nth-child(2) .service-card{
	background: #FFF url(/images/service-img02.svg) 30px 50% no-repeat;
}
.main-sec7-wrapper .service-card-row a .service-card{
	background: #FFF url(/images/service-img03.svg) 22px 50% no-repeat;
}
.main-sec7-wrapper .service-card-row a:nth-child(2) .service-card{
	background: #FFF url(/images/service-img04.svg) 24px 50% no-repeat;
}
.main-sec7-wrapper .service-card{
	background: #FFFFFF;
	box-shadow: 0px 3px 16px rgba(190, 209, 215, 0.25);
	border-radius: 16px;
	padding: 20px 20px 20px 88px;
	height: auto;
	margin-bottom: 12px!important;
}
.main-sec7-wrapper .service-card-wrapper .service-card-row a, .main-sec7-wrapper .service-card-row a{
	width: 100%;
}
.main-sec7-wrapper .service-card-wrapper .service-card-row a .card-title, .main-sec7-wrapper .service-card-row a .card-title{
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.01em;
	color: #000000;
}
.main-sec7-wrapper .service-card-wrapper .service-card-row a .card-explain, .main-sec7-wrapper .service-card-row a .card-explain{
	font-weight: 300;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.01em;
	color: #000000;
	margin-top: 4px;
	padding: 0;
}
.main-sec7-wrapper a .card-explain br{
	display: none;
}
span.none-text{
	display: none;
}

}

@media screen and (max-width: 401px) {
	.main-popup .content-box.mainSwiper {
    max-width: calc(100% - 40px );
}
	.main-popup .content-box .button-box button {
		padding: 20px;
		font-weight: 600;
		font-size: 13px;
	}
}

@media screen and (max-width: 338px) {	
	.swiper-pagination {
		bottom: 80px;
	}
}