section.about{ padding-bottom: 150px; }
section.about,
section.about .containner,
section.about .containner .contents {
	width: 100%; height: auto;
}

section.about .about_img_box { width: 100%; height: auto; margin-top: 50px; }
section.about .about_img_box img { width: 100%; height: auto; min-height: 300px; border-radius: 10px; }


section.about .about_platform_box {
	width: 100%; height: auto;
	margin-top: 150px;
}

section.about .about_platform_box > div {
	width: 100%; max-width: 1200px;

    display: flex;
    justify-content: space-between;


	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
} 

section.about .about_platform_box .about_platform_item.txt {
	display: flex; align-items: center;
	width: 300px; height: auto; line-height: 1.8;
	font-size: 18px; color: #000; text-align: center;
	border-radius: 10px;
	background-color: #F6F6F7;
}

section.about .about_platform_box .about_platform_item.txt > div {
	width: 100%; height: auto;
}

section.about .about_platform_box .about_platform_item.card::before {
	content: '';
	position: absolute; top: 50%; left: -54px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	width: 24px; height: 48px;

	background-image: url(../images/about_platform_prev.svg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
}


section.about .about_platform_box .about_platform_item.card::after {
	content: '';
	position: absolute; top: 50%; right: -54px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	width: 24px; height: 48px;

	background-image: url(../images/about_platform_next.svg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
}


section.about .about_platform_box .about_platform_item.card { width: 450px; height: auto; }
section.about .about_platform_box .about_platform_item.card .about_platform_ko.first { margin-left: 0px; }
section.about .about_platform_box .about_platform_item.card .about_platform_ko {
	width: 220px; height: 75px; line-height: 75px;
	font-size: 18px; text-align: center; color: #000;
	border-radius: 10px;
	margin-left: 10px;
	background-color: #F6F6F7;
}

section.about .about_platform_box .about_platform_item.card .about_platform_en.first { margin-left: 0px; }
section.about .about_platform_box .about_platform_item.card .about_platform_en {
	width: 220px; height: auto; line-height: 1.55;
	font-size: 18px; text-align: center; color: #000;
	padding: 30px 36px;
	border-radius: 10px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #E6F9FF;
}
section.about .about_platform_box .about_platform_item.card .about_platform_en > span { color: #00C3FF; }

section.about .about_platform_box .about_platform_item.card .about_platform_full {
	width: 100%; height: 75px; line-height: 75px;
	font-size: 18px; text-align: center; color: #fff;
	border-radius: 10px;
	background-color: #00C3FF;
	margin-top: 10px;
}

section.about .about_desc {
	width: 100%; height: auto; line-height: 1.6;
	font-size: 22px; color: #333; text-align: center;
	margin-top: 80px;
}

section.about .about_tbl {
	width: 100%; height: auto;
	margin-top: 110px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
section.about .about_tbl .about_tbl_img.pc { display: inline-block; }
section.about .about_tbl .about_tbl_img.mo { display: none; }
section.about .about_tbl .about_tbl_img {
	max-width: 1260px; width: 100%; height: auto;
}

section.about .about_tbl .about_tbl_img img {
	width: 100%; height: auto;
}

section.about .about_slider_box {
	width: 100%; height: auto;
	margin-top: 150px;
}

section.about .about_slider_box > div {
	width: 100%; max-width: 1452px;

	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

section.about .about_slider_box .about_slider_title {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 32px; color: #000; text-align: center;
}

section.about .about_slider_box .about_slider_img {
	width: 100%; height: auto;
	margin-top: 60px;
}

section.about .about_slider_box .about_slider_img .about_slider_item { width: 100%; height: auto; }
section.about .about_slider_box .about_slider_img .about_slider_item img {
	width: 100%; height: auto;
	border-radius: 6px;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
section.about .slick-slider .slick-track, section.about .slick-slider .slick-list{ width: 100%; }
section.about .slick-slider .slick-list { 
	max-width: 1260px;  

	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.slick-prev:before, .slick-next:before { display: none; }
section.about .slick-prev, 
section.about .slick-next {
	z-index: 1;
	width: 36px; height: 110px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.about .slick-prev{ left: 10px; background-image: url(../images/slider_arrow_prev.svg);}
section.about .slick-next{ right: 10px; background-image: url(../images/slider_arrow_next.svg); }

section.about .about_slider_btn {
	width: 100%; height: auto; 
	margin-top: 45px;

	display: flex;
    justify-content: center;
}

section.about .about_slider_btn button.on {
	color: #fff; background-color: #00C3FF;
}

section.about .about_slider_btn button:not(.on):hover { opacity: 0.6; }
section.about .about_slider_btn button{
	width: 300px; height: 75px;
	font-size: 18px; color: #333;
	background-color: #F6F6F7;
	margin: 0px 10px;
	cursor: pointer;
	border-radius: 10px;
	border: 0px;
}


br.about_mo { display: none; }

@media (max-width: 479px){ 
	br.about_mo { display: block !important; }
	section.about .about_img_box { margin-top: calc((50 / 480)* 100vw); } 
	section.about .about_img_box img { height: calc((272 / 480)* 100vw); min-height: auto; }

	section.about .about_platform_box { margin-top: calc((60 / 480)* 100vw); }

	section.about .about_platform_box > div { display: inline-block; }
	section.about .about_platform_box .about_platform_item.txt { 
		width: 100%; display: inline-block; 
		padding: calc((35 / 480)* 100vw) calc((10 / 480)* 100vw); 
		font-size: calc((18 / 480)* 100vw); 
		line-height: 2;
	}
	section.about .about_platform_box .about_platform_item.txt br { display: none; }
	section.about .about_platform_box .about_platform_item.card { width: 100%; margin: calc((75 / 480)* 100vw) auto; }
	section.about .about_platform_box .about_platform_item.card .about_platform_ko { width: calc(50% - ((5 / 480)* 100vw)); margin-left: calc((10 / 480)* 100vw); height: auto; line-height: 1.5; padding: calc((20 / 480)* 100vw) calc((10 / 480)* 100vw); font-size: calc((18 / 480)* 100vw); }
	section.about .about_platform_box .about_platform_item.card .about_platform_en { width: calc(50% - ((5 / 480)* 100vw)); margin-left: calc((10 / 480)* 100vw); height: auto; line-height: 1.5; padding: calc((20 / 480)* 100vw) calc((10 / 480)* 100vw); font-size: calc((18 / 480)* 100vw); }
	section.about .about_platform_box .about_platform_item.card .about_platform_full {
		height: auto; line-height: 1.5; 
		padding: calc((20 / 480)* 100vw) 0px;
		font-size: calc((18 / 480)* 100vw);
	} 




	section.about .about_platform_box .about_platform_item.card::before {
		content: '';
		position: absolute; top: calc((-45 / 480)* 100vw); left: 50%;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

		width: calc((48 / 480)* 100vw); height: calc((24 / 480)* 100vw);

		background-image: url(../images/about_platform_up.svg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 1;
	}


	section.about .about_platform_box .about_platform_item.card::after {
		content: '';
		position: absolute; bottom: calc((-45 / 480)* 100vw); left: 50%; top: auto; right: auto;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

		width: calc((48 / 480)* 100vw); height: calc((24 / 480)* 100vw);

		background-image: url(../images/about_platform_down.svg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 1;
	}

	section.about .about_desc { font-size: calc((18 / 480)* 100vw); margin-top: calc((54 / 480)* 100vw); }
	section.about .about_tbl { margin-top: calc((54 / 480)* 100vw); }
	section.about .about_tbl .about_tbl_img.pc { display: none; }
	section.about .about_tbl .about_tbl_img.mo { display: inline-block; }

	section.about .about_slider_box { margin-top: calc((90 / 480)* 100vw); }
	section.about .about_slider_box .about_slider_title { font-size: calc((26 / 480)* 100vw); }
	section.about .about_slider_box .about_slider_img { margin-top: calc((50 / 480)* 100vw); }
	section.about .slick-prev, section.about .slick-next { display: none !important; }
	section.about .about_slider_box .about_slider_img .about_slider_item img { min-height: calc((236 / 480)* 100vw); }
	section.about .about_slider_btn { margin-top: calc((25 / 480)* 100vw); }
	section.about .about_slider_btn button { width: calc(50% - ((10 / 480)* 100vw)); height: calc((60 / 480)* 100vw); margin: 0px calc((5 / 480)* 100vw); font-size: calc((20 / 480)* 100vw); }
	section.about { padding-bottom: calc((90 / 480)* 100vw); } 
}

@media (max-width: 749px) and (min-width: 480px) { 
	br.about_mo { display: block !important; }
	section.about .about_img_box { margin-top: 50px; } 
	section.about .about_img_box img { height: 272px; min-height: auto; }

	section.about .about_platform_box { margin-top: 60px; }

	section.about .about_platform_box > div { display: inline-block; }
	section.about .about_platform_box .about_platform_item.txt { 
		width: 100%; display: inline-block; 
		padding: 35px 10px; 
		font-size: 18px; 
		line-height: 2;
	}
	section.about .about_platform_box .about_platform_item.txt br { display: none; }
	section.about .about_platform_box .about_platform_item.card { width: 100%; margin: 75px auto; }
	section.about .about_platform_box .about_platform_item.card .about_platform_ko { width: calc(50% - 5px); height: auto; line-height: 1.5; padding: 20px 10px; font-size: 18px; }
	section.about .about_platform_box .about_platform_item.card .about_platform_en { width: calc(50% - 5px); height: auto; line-height: 1.5; padding: 20px 10px; font-size: 18px; }
	section.about .about_platform_box .about_platform_item.card .about_platform_full {
		height: auto; line-height: 1.5; 
		padding: 20px 0px; font-size: 18px;
	} 




	section.about .about_platform_box .about_platform_item.card::before {
		content: '';
		position: absolute; top: -45px; left: 50%;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

		width: 48px; height: 24px;

		background-image: url(../images/about_platform_up.svg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 1;
	}


	section.about .about_platform_box .about_platform_item.card::after {
		content: '';
		position: absolute; bottom: -45px; left: 50%; top: auto; right: auto;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

		width: 48px; height: 24px;

		background-image: url(../images/about_platform_down.svg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 1;
	}

	section.about .about_desc { font-size: 18px; margin-top: 54px; }
	section.about .about_tbl { margin-top: 54px; }
	section.about .about_tbl .about_tbl_img.pc { display: none; }
	section.about .about_tbl .about_tbl_img.mo { display: inline-block; }


	section.about .about_slider_box { margin-top: 90px; }
	section.about .about_slider_box .about_slider_title { font-size: 26px; }
	section.about .about_slider_box .about_slider_img { margin-top: 50px; }
	section.about .slick-prev, section.about .slick-next { display: none !important; }
	section.about .about_slider_box .about_slider_img .about_slider_item img { min-height: 236px; }
	section.about .about_slider_btn { margin-top: 25px; }
	section.about .about_slider_btn button { width: calc(50% - 10px); height: 60px; margin: 0px 5px; font-size: 20px; }
	section.about { padding-bottom: 90px; } 
}

@media (max-width: 1023px) and (min-width: 750px) { 
	br.about_mo { display: block !important; }
	section.about .about_img_box { margin-top: 50px; } 
	section.about .about_img_box img { height: 272px;  }

	section.about .about_platform_box { margin-top: 60px; }

	section.about .about_platform_box > div { display: inline-block; }
	section.about .about_platform_box .about_platform_item.txt { 
		width: 100%; display: inline-block; 
		padding: 35px 10px; 
		font-size: 18px; 
		line-height: 2;
	}
	section.about .about_platform_box .about_platform_item.txt br { display: none; }
	section.about .about_platform_box .about_platform_item.card { width: 100%; margin: 75px auto; }
	section.about .about_platform_box .about_platform_item.card .about_platform_ko { width: calc(50% - 5px); line-height: 1.5; padding: 20px 10px; font-size: 18px; }
	section.about .about_platform_box .about_platform_item.card .about_platform_en { width: calc(50% - 5px); line-height: 1.5; padding: 20px 10px; font-size: 18px; }
	section.about .about_platform_box .about_platform_item.card .about_platform_full {
		height: auto; line-height: 1.5; 
		padding: 20px 0px;
	} 




	section.about .about_platform_box .about_platform_item.card::before {
		content: '';
		position: absolute; top: -45px; left: 50%;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

		width: 48px; height: 24px;

		background-image: url(../images/about_platform_up.svg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 1;
	}


	section.about .about_platform_box .about_platform_item.card::after {
		content: '';
		position: absolute; bottom: -45px; left: 50%; top: auto; right: auto;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);

		width: 48px; height: 24px;

		background-image: url(../images/about_platform_down.svg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 1;
	}

	section.about .about_desc { font-size: 18px; margin-top: 54px; }
	section.about .about_tbl { margin-top: 54px; }
	section.about .about_slider_box { margin-top: 90px; }
	section.about .about_slider_box .about_slider_title { font-size: 26px; }
	section.about .about_slider_box .about_slider_img { margin-top: 50px; }
	section.about .slick-prev, section.about .slick-next { display: none !important; }
	section.about .about_slider_box .about_slider_img .about_slider_item img { min-height: 236px; }
	section.about .about_slider_btn { margin-top: 25px; }
	section.about .about_slider_btn button { width: calc(50% - 10px); height: 60px; margin: 0px 5px; font-size: 20px; }
	section.about { padding-bottom: 90px; } 
}


@media (max-width: 1279px) and (min-width: 1024px) { 
	section.about .about_platform_box .about_platform_item.txt { width: 220px; }
	section.about .about_platform_box .about_platform_item.card { width: 410px; }

	section.about .about_platform_box > div { max-width: 944px; }
 
	section.about .about_platform_box .about_platform_item.card .about_platform_ko { width: 200px; }
	section.about .about_platform_box .about_platform_item.card .about_platform_en { width: 200px; }
	section.about .about_platform_box .about_platform_item.card::before { left: -35px; width: 20px; height: 40px; }
	section.about .about_platform_box .about_platform_item.card::after { right: -35px; width: 20px; height: 40px; }
}


/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/



.sub_info_box .sub_info_desc { word-break: keep-all; }



section.about .about_model_box {
	width: 100%; height: auto;
	margin-top: 120px;
}

section.about .about_title {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 32px; color: #000; text-align: center;
	font-weight: 700;
}

section.about .about_sub{
	width: 100%; height: auto; line-height: 1.5;
	font-size: 22px; color: #333; text-align: center;
	margin-top: 30px;
}

.about_model_img {
	left: 50%;
    transform: translate(-50%, 0%);
	width: 100%; max-width: 1382px; height: auto;
	margin-top: 40px;
}

.about_model_img img {
	width: 100%; height: auto;
}	

.about_model_img img.mo {
	display: none;
}


section.about .about_info_box {
	width: 100%; height: auto;
	margin-top: 120px;
}


.about_info_img {
	left: 50%;
    transform: translate(-50%, 0%);
	width: 100%; max-width: 1167px; height: auto;
	margin-top: 60px;
}

.about_info_img img {
	width: 100%; height: auto;
}	




@media (max-width: 479px){ 
	section.about .about_model_box { margin-top: calc((90 / 480) * 100vw); }
	section.about .about_info_box { margin-top: calc((90 / 480) * 100vw); }


	section.about .about_title { font-size: calc((26 / 480) * 100vw); }
	section.about .about_sub { font-size: calc((18 / 480) * 100vw); margin-top: calc((20 / 480) * 100vw); }
	.about_model_img { max-width: calc((455 / 480) * 100vw); }
	.about_model_img img.pc { display: none; }
	.about_model_img img.mo { display: inline-block; }
	.about_info_img { margin-top: calc((50 / 480) * 100vw); } 
}

@media (max-width: 749px) and (min-width: 480px) { 
	section.about .about_model_box { margin-top: 90px; }
	section.about .about_info_box { margin-top: 90px; }


	section.about .about_title { font-size: 26px; }
	section.about .about_sub { font-size: 18px; margin-top: 20px; }
	.about_model_img { max-width: 455px; }
	.about_model_img img.pc { display: none; }
	.about_model_img img.mo { display: inline-block; }
	.about_info_img { margin-top: 50px; } 

}

@media (max-width: 1023px) and (min-width: 750px) { 
	section.about .about_model_box { margin-top: 90px; }
	section.about .about_info_box { margin-top: 90px; }


	section.about .about_title { font-size: 26px; }
	section.about .about_sub { font-size: 20px; margin-top: 20px; }
	.about_info_img { margin-top: 50px; } 
	

}


@media (max-width: 1279px) and (min-width: 1024px) { 
}