.mediaViewInfo {
	--web-view-name: index;
	--web-view-id: index;
	--web-scale-to-fit: true;
	--web-scale-to-fit-type: width;
	--web-scale-on-resize: true;
	--web-center-horizontally: true;
	--web-refresh-for-changes: true;
	--web-enable-deep-linking: true;
}
:root {
	--web-view-ids: index;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
.index_Class {
	position: absolute;
	width: 1920px;
	height: 1300px;
	overflow: hidden;
	--web-view-name: index;
	--web-view-id: index;
	--web-scale-to-fit: true;
	--web-scale-to-fit-type: width;
	--web-scale-on-resize: true;
	--web-center-horizontally: true;
	--web-refresh-for-changes: true;
	--web-enable-deep-linking: true;
}
@keyframes fadein {

	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}

}
.n__1_Class {
	position: absolute;
	width: 1920px;
	height: 1280px;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.Group_Class {
	position: absolute;
	width: 2028px;
	height: 1353px;
	left: 0px;
	top: -36px;
	overflow: visible;
}
.n__TEMP__SVG___Class {
	position: absolute;
	width: 1353px;
	height: 1353px;
	left: 337.5px;
	top: 0px;
	overflow: visible;
}
.n_2_Class {
	fill: rgba(0,0,0,1);
}
.n_2 {
	overflow: visible;
	position: absolute;
	width: 591.938px;
	height: 591.938px;
	left: 380.531px;
	top: 380.531px;
	transform: matrix(1,0,0,1,0,0);
}
.n_3_Class {
	fill: rgba(0,0,0,1);
}
.n_3 {
	overflow: visible;
	position: absolute;
	width: 1353px;
	height: 1353px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
.Main_BG_Class {
	position: absolute;
	width: 2028px;
	height: 1353px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.SubPart_D_Class {
	position: absolute;
	width: 343px;
	height: 343px;
	left: 883px;
	top: 601px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: Introduce.html;
	cursor: pointer;
}
.Sub_Frame_D_Class {
	position: absolute;
	width: 343px;
	height: 343px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.n_6_Class {
	fill: rgba(255,255,255,1);
}
.n_6 {
	position: absolute;
	overflow: visible;
	width: 343px;
	height: 63px;
	left: 0px;
	top: 0px;
}
.n__Class {
	left: 117px;
	top: 13px;
	position: absolute;
	overflow: visible;
	width: 111px;
	white-space: nowrap;
	text-align: center;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: rgba(0,0,0,1);
}
.n_2_v_Class {
	fill: transparent;
	stroke: rgba(68,77,156,1);
	stroke-width: 2px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.n_2_v {
	overflow: visible;
	position: absolute;
	width: 117px;
	height: 2px;
	left: 113.5px;
	top: 45.5px;
	transform: matrix(1,0,0,1,0,0);
}
.SubPart_C_Class {
	position: absolute;
	width: 343px;
	height: 343px;
	left: 1257px;
	top: 601px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: Metafor3D.html;
	cursor: pointer;
}
.Sub_Frame_C_Class {
	position: absolute;
	width: 343px;
	height: 343px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.n_5_Class {
	fill: rgba(255,255,255,1);
}
.n_5 {
	position: absolute;
	overflow: visible;
	width: 343px;
	height: 63px;
	left: 0px;
	top: 0px;
}
.MetaFor_3D_Class {
	left: 111px;
	top: 13px;
	position: absolute;
	overflow: visible;
	width: 123px;
	white-space: nowrap;
	text-align: center;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: rgba(0,0,0,1);
}
.n_1_Class {
	fill: rgba(0,0,0,0);
	stroke: rgba(68,77,156,1);
	stroke-width: 2px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.n_1 {
	overflow: visible;
	position: absolute;
	width: 117px;
	height: 2px;
	left: 113.5px;
	top: 45.5px;
	transform: matrix(1,0,0,1,0,0);
}
.SubPart_B_Class {
	position: absolute;
	width: 343px;
	height: 343px;
	left: 1257px;
	top: 227px;
	overflow: visible;
}
.MiniPart_D_Class {
	position: absolute;
	width: 172px;
	height: 171px;
	left: 0px;
	top: 172px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: faq.html;
	cursor: pointer;
}
.MiniPart_D__Class {
	fill: rgba(23,52,76,1);
}
.MiniPart_D_ {
	position: absolute;
	overflow: visible;
	width: 172px;
	height: 171px;
	left: 0px;
	top: 0px;
}
.MiniPart_Icon_D_Class {
	position: absolute;
	width: 97px;
	height: 74px;
	left: 37px;
	top: 37px;
	overflow: visible;
}
.Text_Class {
	opacity: 0.9;
	left: 35px;
	top: 139px;
	position: absolute;
	overflow: visible;
	width: 103px;
	white-space: nowrap;
	text-align: center;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	color: rgba(255,255,255,1);
}
.MiniPart_C_Class {
	position: absolute;
	width: 171px;
	height: 171px;
	left: 172px;
	top: 172px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: Metafor3D.html;
	cursor: pointer;
}
.MiniPart_C__Class {
	fill: rgba(69,105,123,1);
}
.MiniPart_C_ {
	overflow: visible;
	position: absolute;
	width: 171px;
	height: 171px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
.MiniPart_Icon_C_Class {
	position: absolute;
	width: 95px;
	height: 72px;
	left: 38px;
	top: 34px;
	overflow: visible;
}
.Metafor_3D_Class {
	opacity: 0.9;
	left: 40px;
	top: 139px;
	position: absolute;
	overflow: visible;
	width: 93px;
	white-space: nowrap;
	text-align: center;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	color: rgba(255,255,255,1);
}
.MiniPart_B_Class {
	position: absolute;
	width: 171px;
	height: 172px;
	left: 172px;
	top: 0px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: NEWS.html;
	cursor: pointer;
}
.MiniPart_B_bb_Class {
	fill: rgba(23,52,76,1);
}
.MiniPart_B_bb {
	position: absolute;
	overflow: visible;
	width: 171px;
	height: 172px;
	left: 0px;
	top: 0px;
}
.MiniPart_Icon_B_Class {
	position: absolute;
	width: 95px;
	height: 72px;
	left: 39px;
	top: 31px;
	overflow: visible;
}
.n__bd_Class {
	opacity: 0.9;
	left: 52px;
	top: 139px;
	position: absolute;
	overflow: visible;
	width: 69px;
	white-space: nowrap;
	text-align: center;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	color: rgba(255,255,255,1);
}
.MiniPart_A_Class {
	position: absolute;
	width: 172px;
	height: 172px;
	left: 0px;
	top: 0px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: Analize.html;
	cursor: pointer;
}
.MiniPart_A_bf_Class {
	fill: rgba(7,35,68,1);
}
.MiniPart_A_bf {
	position: absolute;
	overflow: visible;
	width: 172px;
	height: 172px;
	left: 0px;
	top: 0px;
}
.MiniPart_Icon_A_Class {
	position: absolute;
	width: 95px;
	height: 72px;
	left: 39px;
	top: 31px;
	overflow: visible;
}
.n_D__Class {
	opacity: 0.9;
	left: 40px;
	top: 139px;
	position: absolute;
	overflow: visible;
	width: 93px;
	white-space: nowrap;
	text-align: center;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	color: rgba(255,255,255,1);
}
.Main_Slide_Class {
	position: absolute;
	width: 531px;
	height: 716px;
	left: 321px;
	top: 227px;
	overflow: visible;
}
.MainPage_Slide_A_Class {
	position: absolute;
	width: 531px;
	height: 716px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.SubPart_A_Class {
	position: absolute;
	width: 343px;
	height: 343px;
	left: 883px;
	top: 227px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: NEWS.html;
	cursor: pointer;
}
.n_8_Class {
	fill: rgba(243,243,243,1);
}
.n_8 {
	position: absolute;
	overflow: visible;
	width: 343px;
	height: 280px;
	left: 0px;
	top: 63px;
}
.n_4_Class {
	position: absolute;
	width: 343px;
	height: 63px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.n_3_bn_Class {
	fill: rgba(255,255,255,1);
}
.n_3_bn {
	position: absolute;
	overflow: visible;
	width: 343px;
	height: 63px;
	left: 0px;
	top: 0px;
}
.n_1_bo_Class {
	fill: transparent;
	stroke: rgba(68,77,156,1);
	stroke-width: 2px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.n_1_bo {
	overflow: visible;
	position: absolute;
	width: 97px;
	height: 2px;
	left: 123.5px;
	top: 45.5px;
	transform: matrix(1,0,0,1,0,0);
}
.Text_bp_Class {
	left: 131px;
	top: 13px;
	position: absolute;
	overflow: visible;
	width: 83px;
	white-space: nowrap;
	text-align: center;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: rgba(0,0,0,1);
}
.n_9_Class {
	fill: rgba(242,242,242,1);
}
.n_9 {
	position: absolute;
	overflow: visible;
	width: 322px;
	height: 261px;
	left: 11px;
	top: 71px;
}
.SubPart_A_br_Class {
	position: absolute;
	width: 279px;
	height: 228px;
	left: 910px;
	top: 313px;
	overflow: visible;
}
.n______SBS_____________Metafor_Class {
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 280px;
	white-space: nowrap;
	line-height: 35px;
	margin-top: -10px;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: rgba(0,0,0,1);
}
.n_1_bt_Class {
	fill: rgba(183,183,183,1);
}
.n_1_bt {
	position: absolute;
	overflow: visible;
	width: 7px;
	height: 7px;
	left: 142px;
	top: 170px;
}
.n_2_bu_Class {
	fill: rgba(183,183,183,1);
}
.n_2_bu {
	position: absolute;
	overflow: visible;
	width: 7px;
	height: 7px;
	left: 132px;
	top: 170px;
}
.n_3_bv_Class {
	fill: rgba(183,183,183,1);
}
.n_3_bv {
	position: absolute;
	overflow: visible;
	width: 7px;
	height: 7px;
	left: 152px;
	top: 170px;
}
.Text_bw_Class {
	left: 127px;
	top: 213px;
	position: absolute;
	overflow: visible;
	width: 38px;
	white-space: nowrap;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	color: rgba(125,123,123,1);
	letter-spacing: 0.1px;
}
.n_4_bx_Class {
	fill: transparent;
	stroke: rgba(219,219,219,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.n_4_bx {
	overflow: visible;
	position: absolute;
	width: 230px;
	height: 1px;
	left: 29.5px;
	top: 197.5px;
	transform: matrix(1,0,0,1,0,0);
}
.BottumInfo_Class {
	position: absolute;
	width: 1920px;
	height: 213px;
	left: 0px;
	top: 1087px;
	overflow: visible;
}
.n_7_Class {
	fill: rgba(14,28,40,1);
}
.n_7 {
	position: absolute;
	overflow: visible;
	width: 1920px;
	height: 213px;
	left: 0px;
	top: 0px;
}
.n_________300___4_1418____573-_Class {
	left: 712px;
	top: 17px;
	position: absolute;
	overflow: visible;
	width: 497px;
	white-space: nowrap;
	text-align: center;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255,255,255,1);
}
.Top_Class {
	position: absolute;
	width: 1920px;
	height: 161px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.MainHead_Class {
	position: absolute;
	width: 1920px;
	height: 121px;
	left: 0px;
	top: 40px;
	overflow: visible;
}
.MainHead_b_Class {
	mix-blend-mode: normal;
	position: absolute;
	width: 1920px;
	height: 121px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.top_whiteBG_Class {
	fill: rgba(255,255,255,1);
}
.top_whiteBG {
	position: absolute;
	overflow: visible;
	width: 1920px;
	height: 121px;
	left: 0px;
	top: 0px;
}
.top_faq_Class {
	left: 1709px;
	top: 69px;
	position: absolute;
	overflow: visible;
	width: 95px;
	white-space: nowrap;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: faq.html;
	cursor: pointer;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(38,38,38,1);
}
.top_news_Class {
	left: 1557px;
	top: 69px;
	position: absolute;
	overflow: visible;
	width: 73px;
	white-space: nowrap;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: NEWS.html;
	cursor: pointer;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(38,38,38,1);
}
.top_analize_Class {
	left: 1382px;
	top: 69px;
	position: absolute;
	overflow: visible;
	width: 95px;
	white-space: nowrap;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: Analize.html;
	cursor: pointer;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(38,38,38,1);
}
.Top_introduce_Class {
	left: 1170px;
	top: 69px;
	position: absolute;
	overflow: visible;
	width: 126px;
	white-space: nowrap;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: Introduce.html;
	cursor: pointer;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(38,38,38,1);
}
.Header_Logo_Class {
	position: absolute;
	width: 574px;
	height: 73px;
	left: 119px;
	top: 24px;
	overflow: visible;
}
.Top_banner_Class {
	position: absolute;
	width: 1920px;
	height: 40px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.top_Rect_Class {
	fill: rgba(14,28,40,1);
}
.top_Rect {
	position: absolute;
	overflow: visible;
	width: 1920px;
	height: 40px;
	left: 0px;
	top: 0px;
}
.top_to_home_Class {
	position: absolute;
	width: 45px;
	height: 17px;
	left: 119px;
	top: 10px;
	overflow: visible;
}
.tohome_Class {
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 46px;
	white-space: nowrap;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: rgba(255,255,255,1);
}
.top_to_faq_Class {
	position: absolute;
	width: 60px;
	height: 17px;
	left: 199px;
	top: 10px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: faq.html;
	cursor: pointer;
}
.tofaq_Class {
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 61px;
	white-space: nowrap;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: rgba(255,255,255,1);
}
.top_to_news_Class {
	position: absolute;
	width: 41px;
	height: 17px;
	left: 296px;
	top: 10px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: NEWS.html;
	cursor: pointer;
}
.tonews_Class {
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 42px;
	white-space: nowrap;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: rgba(255,255,255,1);
}
.top_to_metafor3d_Class {
	position: absolute;
	width: 91px;
	height: 18px;
	left: 372px;
	top: 10px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: Metafor3D.html;
	cursor: pointer;
}
.toMetafo_3D_Class {
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 92px;
	white-space: nowrap;
	text-align: left;
	font-family: NanumGothic;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	color: rgba(255,255,255,1);
}