/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
	-webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type='checkbox'],
[type='radio'] {
	box-sizing: border-box;
	padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}
[type='search'] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0;
}
button {
	background-color: transparent;
	background-image: none;
}
button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
	margin: 0;
	padding: 0;
}
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
html {
	font-family: 'Noto Sans KR', system-ui, -apple-system, BlinkMacSystemFont,
		'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	line-height: 1.5;
}
*,
::after,
::before {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e9ebed;
}
hr {
	border-top-width: 1px;
}
img {
	border-style: solid;
}
textarea {
	resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #a0aec0;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #a0aec0;
}
input::placeholder,
textarea::placeholder {
	color: #a0aec0;
}
[role='button'],
button {
	cursor: pointer;
}
table {
	border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}
a {
	color: inherit;
	text-decoration: inherit;
}
button,
input,
optgroup,
select,
textarea {
	padding: 0;
	line-height: inherit;
	color: inherit;
}
code,
kbd,
pre,
samp {
	font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
		monospace;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle;
}
img,
video {
	max-width: 100%;
	height: auto;
}
.bg-black {
	--bg-opacity: 1;
	background-color: #000;
	background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.bg-white {
	--bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.border-transparent {
	border-color: transparent;
}
.border-primary-200 {
	--border-opacity: 1;
	border-color: #e3ebf1;
	border-color: rgba(227, 235, 241, var(--border-opacity));
}
.rounded {
	border-radius: 0.25rem;
}
.border-dashed {
	border-style: dashed;
}
.border {
	border-width: 1px;
}
.border-b-2 {
	border-bottom-width: 2px;
}
.border-b-4 {
	border-bottom-width: 4px;
}
.border-1-1 {
	border-right-width: 1px;
}
.flex {
	display: flex;
}
.table {
	display: table;
}
.flex-col {
	flex-direction: column;
}
.items-end {
	align-items: flex-end;
}
.items-center {
	align-items: center;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.flex-1 {
	flex: 1 1 0%;
}
.font-bold {
	font-weight: 700;
}
.h-16 {
	height: 4rem;
}
.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}
.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
}
.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
}
.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem;
}
.text-xs- {
	font-size: 0.8125rem;
	line-height: 1rem;
}
.leading-5 {
	line-height: 1.25rem;
}
.my-2 {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem;
}
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}
.my-2\.5 {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
}
.-mx-4 {
	margin-left: -1rem;
	margin-right: -1rem;
}
.mt-1 {
	margin-top: 0.25rem;
}
.mb-1 {
	margin-bottom: 0.25rem;
}
.mt-2 {
	margin-top: 0.5rem;
}
.mr-2 {
	margin-right: 0.5rem;
}
.mb-2 {
	margin-bottom: 0.5rem;
}
.mb-3 {
	margin-bottom: 0.75rem;
}
.mb-4 {
	margin-bottom: 1rem;
}
.mt-5 {
	margin-top: 1.25rem;
}
.mt-8 {
	margin-top: 2rem;
}
.mb-8 {
	margin-bottom: 2rem;
}
.mt-10 {
	margin-top: 2.5rem;
}
.mb-12 {
	margin-bottom: 3rem;
}
.mb-16 {
	margin-bottom: 4rem;
}

.mb-17 {
	margin-bottom: 4.5rem;
}
.mb-20 {
	margin-bottom: 5rem;
}
.mb-60 {
	margin-bottom: 15rem;
}
.mt-1\.5 {
	margin-top: 0.375rem;
}
.mb-1\.5 {
	margin-bottom: 0.375rem;
}
.mt-2\.5 {
	margin-top: 0.625rem;
}
.mb-2\.5 {
	margin-bottom: 0.625rem;
}
.-mr-4 {
	margin-right: -1rem;
}
.px-2 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.px-3 {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.py-6 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.py-8 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.py-16 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.px-1\.5 {
	padding-left: 0.375rem;
	padding-right: 0.375rem;
}
.px-2\.5 {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}
.pr-12 {
	padding-right: 3rem;
}
.pb-24 {
	padding-bottom: 6rem;
}
.pt-36 {
	padding-top: 9rem;
}
.pb-36 {
	padding-bottom: 9rem;
}
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.top-0 {
	top: 0;
}
.right-0 {
	right: 0;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-gray-600 {
	--text-opacity: 1;
	color: #666;
	color: rgba(102, 102, 102, var(--text-opacity));
}
.text-gray-700 {
	--text-opacity: 1;
	color: #4a4a4a;
	color: rgba(74, 74, 74, var(--text-opacity));
}
.w-4\/12 {
	width: 33.333333%;
}
.w-5\/12 {
	width: 41.666667%;
}
.w-full {
	width: 100%;
}
@-webkit-keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes ping {
	100%,
	75% {
		transform: scale(2);
		opacity: 0;
	}
}
@keyframes ping {
	100%,
	75% {
		transform: scale(2);
		opacity: 0;
	}
}
@-webkit-keyframes pulse {
	50% {
		opacity: 0.5;
	}
}
@keyframes pulse {
	50% {
		opacity: 0.5;
	}
}
@-webkit-keyframes bounce {
	0%,
	100% {
		transform: translateY(-25%);
		-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
		animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
	}
	50% {
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
		animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
	}
}
@keyframes bounce {
	0%,
	100% {
		transform: translateY(-25%);
		-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
		animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
	}
	50% {
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
		animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
	}
}





/* PC ****************************************************************************************************/
/* @media all and (min-width:413px) { */
@media all and (min-width:1024px) {

	.footer,
	.main,
	.visual,
	body,
	html {
		min-width: 1250px;
		overflow-x: auto;
	}
	body {
		background-color: #eff5f9;
	}
	:focus-visible {
		outline: 0;
	}
	button:focus {
		outline: 0;
	}
	a:focus {
		outline: 0;
	}
	input:focus {
		outline: 0;
	}
	.dashboard-card:hover {
		box-shadow: 0 6px 10px 4px rgba(0, 165, 237, 0.15);
	}
	.container {
		margin-left: auto;
		margin-right: auto;
		width: 1250px;
	}
	.header nav .is-current span {
		font-weight: 700;
		--text-opacity: 1;
		color: #00a5ed;
		color: rgba(0, 165, 237, var(--text-opacity));
	}
	.header nav .is-current {
		--border-opacity: 1;
		border-color: #00a5ed;
		border-color: rgba(0, 165, 237, var(--border-opacity));
	}
	.header > a:first-child {
		left: 32px;
		top: 50%;
		transform: translateY(-50%);
	}
	.header > a:last-child {
		right: 32px;
		top: 50%;
		transform: translateY(-50%);
	}
	.header > section {
		right: 32px;
		top: 60px;
		min-width: 252px;
	}
	.footer .container > .absolute {
		left: 12px;
		top: 90px;
	}
	.header .container {
		transition: transform 0.3s;
	}
	@media only screen and (max-width: 1770px) {
		.header .container {
			padding-left: 280px;
		}
	}
	.-rotate-90- {
		transform: rotate(-90deg);
	}
	.rotate-90- {
		transform: rotate(90deg);
	}
	.rotate-180- {
		transform: rotate(180deg);
	}
	.bg-opacity-75- {
		opacity: 0.75;
	}
	.opacity-50- {
		opacity: 0.5;
	}
	.landing-title {
		font-size: 42px;
		font-weight: 700;
		letter-spacing: -0.07px;
	}
	.landing-title-2 {
		font-size: 36px;
		font-weight: 700;
		letter-spacing: -0.07px;
	}
	.price > div:hover {
		box-shadow: 0 7px 24px 0 rgba(0, 165, 237, 0.15);
		border: solid 1px #00a5ed;
	}
	.service_block:hover {
		box-shadow: 0 7px 24px 0 rgba(0, 165, 237, 0.15);
		border: solid 1px #00a5ed;
	}
	.price-table th {
		width: 45%;
		background: #fafafa;
	}
	.price-table td,
	.price-table th {
		border: 1px solid #e3ebf1;
		height: 40px;
		font-size: 14px;
		color: #4a4a4a;
		text-align: center;
		font-weight: 400;
	}
	.visualblock {
		position: relative;
	}
	canvas {
		position: absolute;
	}
	.star {
		width: 100%;
		height: 550px;
		position: relative;
		overflow: hidden;
		background: #070e2c;
	}
	.star #c {
		top: 0;
		left: 0;
		margin-left: -370px;
		opacity: 0.9;
	}
	#cloud3d {
		top: -10px;
		left: 0;
		position: absolute;
	}
	.visual {
		width: 100%;
		height: 550px;
		position: absolute;
		overflow: hidden;
		background: #070e2c;
	}
	.rd_top {
		position: absolute;
		left: 50%;
		top: 120px;
		margin-left: -80px;
		z-index: 9999;
	}
	.rd_top h1 {
		color: #fff;
		font-size: 32px;
	}
	.rd_top p {
		margin-top: 20px;
		color: #ccc;
	}
	.light {
		width: 100%;
		height: 550px;
		position: relative;
	}
	.r_btn {
		color: #00d1ff;
		width: 155px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		border-radius: 30px;
		border: solid 1px #00d1ff;
		margin-top: 70px;
		cursor: pointer;
	}
	.r_btn:hover {
		background: rgba(0, 209, 255, 0.16);
	}
	.visual_left {
		position: absolute;
		width: 575px;
		height: 428px;
		top: 50%;
		margin-top: -214px;
		margin-left: -200px;
		left: 0;
	}
	.visual_right {
		position: absolute;
		width: 575px;
		height: 428px;
		top: 50%;
		margin-top: -214px;
		right: 0;
		margin-right: -200px;
	}
	.visual_img {
		position: absolute;
		width: 330px;
		height: 325px;
		top: 50%;
		margin-top: -162px;
		left: 50%;
		margin-left: -480px;
	}
	.visual_img {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: vsimg;
		animation-name: vsimg;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@-webkit-keyframes vsimg {
		from {
			margin-top: -180px;
		}
		50% {
			margin-top: -160px;
		}
		to {
			margin-top: -180px;
		}
	}
	@keyframes vsimg {
		from {
			margin-top: -180px;
		}
		50% {
			margin-top: -160px;
		}
		to {
			margin-top: -180px;
		}
	}
	.cloudb {
		width: 91px;
		height: 200px;
		background: url(../src/images/cloud_block.png) 0 0 no-repeat;
		position: absolute;
		left: 50%;
		top: 220px;
		background-size: cover;
		z-index: 1000;
	}
	.cloudb.typ01 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ01;
		animation-name: typ01;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@-webkit-keyframes typ01 {
		from {
			margin-left: 280px;
			margin-top: 70px;
		}
		50% {
			margin-left: 240px;
			margin-top: 50px;
		}
		to {
			margin-left: 280px;
			margin-top: 70px;
		}
	}
	@keyframes typ01 {
		from {
			margin-left: 280px;
			margin-top: 70px;
		}
		50% {
			margin-left: 240px;
			margin-top: 50px;
		}
		to {
			margin-left: 280px;
			margin-top: 70px;
		}
	}
	.cloudb.typ02 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ02;
		animation-name: typ02;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@-webkit-keyframes typ02 {
		from {
			margin-left: 200px;
			margin-top: 40px;
		}
		50% {
			margin-left: 260px;
			margin-top: 80px;
		}
		to {
			margin-left: 200px;
			margin-top: 40px;
		}
	}
	@keyframes typ02 {
		from {
			margin-left: 200px;
			margin-top: 40px;
		}
		50% {
			margin-left: 260px;
			margin-top: 80px;
		}
		to {
			margin-left: 200px;
			margin-top: 40px;
		}
	}
	.cloudb.typ03 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ03;
		animation-name: typ03;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@-webkit-keyframes typ03 {
		from {
			margin-left: 220px;
			margin-top: 60px;
		}
		50% {
			margin-left: 210px;
			margin-top: 90px;
		}
		to {
			margin-left: 220px;
			margin-top: 60px;
		}
	}
	@keyframes typ03 {
		from {
			margin-left: 220px;
			margin-top: 60px;
		}
		50% {
			margin-left: 210px;
			margin-top: 90px;
		}
		to {
			margin-left: 220px;
			margin-top: 60px;
		}
	}
	.cloudb.typ04 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ04;
		animation-name: typ04;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@-webkit-keyframes typ04 {
		from {
			margin-left: 260px;
			margin-top: 90px;
		}
		50% {
			margin-left: 210px;
			margin-top: 70px;
		}
		to {
			margin-left: 260px;
			margin-top: 90px;
		}
	}
	@keyframes typ04 {
		from {
			margin-left: 260px;
			margin-top: 90px;
		}
		50% {
			margin-left: 210px;
			margin-top: 70px;
		}
		to {
			margin-left: 260px;
			margin-top: 90px;
		}
	}
	.cloudb.typ05 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ05;
		animation-name: typ05;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@-webkit-keyframes typ05 {
		from {
			margin-left: 220px;
			margin-top: 110px;
		}
		50% {
			margin-left: 180px;
			margin-top: 100px;
		}
		to {
			margin-left: 220px;
			margin-top: 110px;
		}
	}
	@keyframes typ05 {
		from {
			margin-left: 220px;
			margin-top: 110px;
		}
		50% {
			margin-left: 180px;
			margin-top: 100px;
		}
		to {
			margin-left: 220px;
			margin-top: 110px;
		}
	}
	.radar_bi {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -80px;
		margin-left: -130px;
		z-index: inherit;
	}
	.radarb {
		width: 260px;
		height: 270px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAEPCAYAAACkz7rJAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABBKADAAQAAAABAAABDwAAAACWsqpXAAAI7ElEQVR4Ae3avW6e9R3H4f9z+yVxwGlSibcBiYVWnXsAVUbY6VKpYuM0OA02hMQCK4KRI+AAaJduVK1UhzivtuOH+yb4YwcCdAP8XF7ydUii3Fd++fA49mr83Nvnn2+Pf/xxd9x8ZRpHYxq7Y/VzP8V/J0DgVyJwNNbz39nTcfDV6fjDl0fj1q2Tn/qdPfsv93q9Gp/Nv8zB19fGatr6qV/AfyNA4DcksD59PG7+7v54Y/7f+2q1/v7v/IdB+Gi9NXZu748HW9vf/8HeJ0DgkgjsPT4ZxzcOx19Xjy8+0dNBeG+9M64eXh87Piy4iGQTuJQCx/OHEw/374x3Vsdnz3cehOWVwfbhjfFQDM5wfEvg0gtcnaNwsn/77JXC9O0DL/9mcG1cF4NL/8fvAQk8LbC8AFj+7i8NmN+e/DvBJ1/tjcPn/ePh01TeI7AZAncOt8Ynd/fmh72/Nd59dxov/GV/nPhQYTP+9D0lgWcITLvb409XHq3Gp+sr4/bh/jN+iO8iQGCTBG7sH07jeP56A28ECBCYWzCNu1/7egOnQIDAWFowjb3pyWcagBAgsNkCcwsmn2rc7Bvw9AQSmD8F6dVBGgYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBIQhCgMAgQEwQ0QIJCAIERhECAgCG6AAIEEBCEKgwABQXADBAgkIAhRGAQICIIbIEAgAUGIwiBAQBDcAAECCQhCFAYBAoLgBggQSEAQojAIEBAEN0CAQAKCEIVBgIAguAECBBKYxvb6tPcMAgQ2V2BuwTTunQrC5p6AJydwLjC3YBpbj47Pv8ciQGBjBeYWTOPVlx5tLIAHJ0DgXGBuwTRurU7G9r5XCecsFoHNE1gaMLfgyWcZDr64v3kCnpgAgQS+a8Cq7/jg38+N7Wt7vW8QILAZAif3H4y/v3xvedjzIKzXq/Hh//bHtLO7GQqekgCBcXp8NP72+8OxWq0XjfMgLO8tUfj4v8+Nk6tXl3e9ESBwiQW2Hz4cb71w7ywGy5M+HYSzZ//0n1fG3RfnMKx8JeOZiW8JXBaB5YsRn//PvfHm6z/4DOOzg7A8+PJq4f1/XRk713d9GHFZLsFzbLTA8uHB8Z2j8fZrjy6+Krho8uNBuPijvv1QYkzj4Itp3Nz7/37OxZ9vEyDwywgcPFiPm38+HW+N0x+LwMXf2Dd52KLADM4DBwAAAABJRU5ErkJggg==)
			0 0 no-repeat;
		position: absolute;
		left: 250px;
		top: 290px;
		background-size: cover;
		z-index: 100;
	}
	.radarb.typ01 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ01;
		animation-name: typ01;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@keyframes typ01 {
		from {
			margin-left: 280px;
			margin-top: 70px;
		}
		50% {
			margin-left: 240px;
			margin-top: 50px;
		}
		to {
			margin-left: 280px;
			margin-top: 70px;
		}
	}
	.radarb.typ02 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ02;
		animation-name: typ02;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@keyframes typ02 {
		from {
			margin-left: 200px;
			margin-top: 40px;
		}
		50% {
			margin-left: 260px;
			margin-top: 80px;
		}
		to {
			margin-left: 200px;
			margin-top: 40px;
		}
	}
	.radarb.typ03 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ03;
		animation-name: typ03;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@keyframes typ03 {
		from {
			margin-left: 220px;
			margin-top: 60px;
		}
		50% {
			margin-left: 210px;
			margin-top: 90px;
		}
		to {
			margin-left: 220px;
			margin-top: 60px;
		}
	}
	.radarb.typ04 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ04;
		animation-name: typ04;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@keyframes typ04 {
		from {
			margin-left: 260px;
			margin-top: 90px;
		}
		50% {
			margin-left: 210px;
			margin-top: 70px;
		}
		to {
			margin-left: 260px;
			margin-top: 90px;
		}
	}
	.radarb.typ05 {
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: typ05;
		animation-name: typ05;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}
	@keyframes typ05 {
		from {
			margin-left: 220px;
			margin-top: 110px;
		}
		50% {
			margin-left: 180px;
			margin-top: 100px;
		}
		to {
			margin-left: 220px;
			margin-top: 110px;
		}
	}
	.contents {
		margin: 50px 0;
	}
	.contents .service_wrap img {
		width: 1200px;
		margin: 0 auto;
	}
	.contents .payment_wrap img {
		width: 1200px;
		margin: 0 auto;
	}
	
	.service_block { padding:50px 0 50px 0; border-radius: 8px; }
	
	.opacity_on { -webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: opacity_on;
		animation-name: opacity_on;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		-webkit-animation-duration: 1s;
		animation-duration: 1s; }
	
		@keyframes opacity_on {
			from {opacity: 0;}
			to {opacity: 1;}
		}
	
	.opacity_off { -webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: opacity_off;
		animation-name: opacity_off;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		-webkit-animation-duration: 1s;
		animation-duration: 1s; }
	
		@keyframes opacity_off {
			from {opacity: 1;}
			to {opacity: 0;}
		}
	
	
	.service_logo { width: 40%; text-align: center; line-height: 416px; }
	.service_logo.sm {  line-height: 336px; }
	.service_logo img { display:inline-block; ; }
	
	.service_tl { flex: none; width: 60%; }
	.service_tl h3 { font-size: 16px; color:#666666; }
	.service_tl h4 { font-size: 24px; color:#000; font-weight: bold; }
	.service_tl h5 { font-size: 16px; color:#000; font-weight: bold;  margin-top:20px;}
	.service_tl .sv_txt { font-size: 14px; color:#5BA9CA;  }
	.sv_txt2 { font-size: 13px; color:#5BA9CA;  }
	
	.Width-50 { width: 50%; }
	.fc_point { color:#00A5ED; } 
	
	
	
	.mt-15 {
		margin-top: 4.5rem;
	}
	
	.border-b-3 {
		border-bottom-width: 3px;
	}
	.visualtyp01 { -webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: visualtyp01;
		animation-name: visualtyp01;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
	opacity: 0; 
	}
	
		@keyframes opacity_off {
			from {opacity: 0;}
			to {opacity: 1;}
		}





	.m__header,
	.m__intro_visual,
	.m__main,
	.m__footer { display: none; }





}

/* PC ****************************************************************************************************/





/* Mobile ****************************************************************************************************/
/* @media screen and (max-width:412px){ */
@media screen and (max-width:1023px){

	html, body,footer { min-width: unset; }
	.visualblock,
	.main,
	.footer { display: none; }
	.relative.bg-white.header { display: none; }



	.m__header {
		display: block;
		height: 109px;
		background: #fff;
	}

	.m__header .logo__wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		height: 72px;
		padding: 0 20px;
	}
	.m__header .logo__wrap .m__logo { width: 145px; }
	.m__header .logo__wrap .m__login {
		width: 57px;
		color: #4a4a4a;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
	}
	.m__header nav {
		position: relative;
		height: 37px;
	}
	.m__header nav:after {
		position: absolute;
		bottom: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: #E3EBF1;
	}
	.m__header nav .nav_inner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		height: 100%;
		padding: 0 20px;
	}
	.m__header nav .nav_inner .nav_item {
		position: relative;
		width: 33.333%;
		height: 37px;
		color: #000;
		font-size: 15px;
		line-height: 37px;
		text-align: center;
	}
	.m__header nav .nav_inner .nav_item.active {
		color: #00A5ED;
		font-weight: 700;
	}
	.m__header nav .nav_inner .nav_item.active:before {
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: #00A5ED;
		z-index: 1;
	}

	.m__intro_visual {
		position: relative;
		width: 100%;
	}
	.m__intro_visual .vs_txt01 {
		position: absolute;
		top: 45%;
		left: 50%;
		width: 100%;
		color: #fff;
		font-size: 24px;
		letter-spacing: -.5px;
		padding: 0 46px 0 50px;
		transform: translateX(-50%);
	}
	.m__intro_visual .vs_txt01 .b__txt { font-weight: 700; }
	.m__intro_visual .vs_txt02 {
		position: absolute;
		top: 65%;
		left: 50%;
		width: 100%;
		color: #bbb;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: -.5px;
		padding: 0 50px;
		transform: translateX(-50%);
	}
	.m__intro_visual .imgbox {
		margin: 0 auto;
		text-align: center;
		background-image: url(../src/images/m_intro_img_bg_start_bg.svg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
	}
	.m__intro_visual .imgbox img { display: inline-block; }

	.m__intro_visual .start_btnhouse {
		position: absolute;
		bottom: 50px;
		width: 100%;
		height: 46px;
		text-align: center;
	}
	.m__intro_visual .start_btnhouse button {
		width: 150px;
		height: 46px;
		color: #00A5ED;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		border: 1px solid #00A5ED;
		border-radius: 23px;
	}
	
	.m__footer {
		padding: 50px 20px;
		background: #fff;
	}
	.m__footer .m__utilmenu {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
	}
	.m__footer .m__utilmenu .util_item {
		width: 20%;
		color: #4a4a4a;
		font-size: 12px;
		text-align: center;
	}
	.m__footer .m__adress {
		color: #666;
		font-size: 11px;
		text-align: center;
		line-height: 18px;
		padding: 20px 0;
	}
	.m__footer .m__adress span { font-weight: 700; }
	.m__footer .copy__txt {
		color: #666;
		font-size: 12px;
		text-align: center;
	}
	.m__footer_logo {
		margin-top: 20px;
		text-align: center;
	}
	.m__footer_logo img { display: inline-block; }
	
	.m__main { background: #EFF4F9; }
	.m__main .item__box { padding: 50px 0; }
	.m__main .item__box .title__txt {
		color: #000;
		font-size: 24px;
		text-align: center;
		font-weight: 700;
		margin-bottom: 40px;
	}

	.m__main .item__box .about_con1 { margin-bottom: 30px; }
	.m__main .item__box .about_con1 .imgbox { text-align: center; }
	.m__main .item__box .about_con1 .imgbox img {
		margin-top: 20px;
		display: inline-block;
	}
	.m__main .item__box .about_con2 { margin-bottom: 30px; }
	.m__main .item__box .about_con2 .imgbox { text-align: center; }
	.m__main .item__box .about_con2 .imgbox img {
		margin-top: 20px;
		display: inline-block;
	}

	.m__main .item__box .about_con1 .con_title,
	.m__main .item__box .about_con2 .con_title {
		color: #000;
		font-size: 16px;
		text-align: center;
		font-weight: 700;
		padding: 0 50px;
		margin-bottom: 15px;
	}
	
	.m__main .item__box .about_con1 .con_txt,
	.m__main .item__box .about_con2 .con_txt {
		color: #666;
		font-size: 14px;
		text-align: center;
		padding: 0 50px;
	}

	.m__main .item__box .why_con1 {
		padding-top: 97px;
		background-image: url(../src/images/ico-why-01.svg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 124px 88px;
	}
	.m__main .item__box .why_con2 {
		margin-top: 40px;
		padding-top: 97px;
		background-image: url(../src/images/ico-why-02.svg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 124px 97px;
	}
	.m__main .item__box .why_con3 {
		margin-top: 40px;
		padding-top: 125px;
		background-image: url(../src/images/ico-why-03.svg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 124px 124px;
	}
	
	.m__main .item__box .why_con1 .con_title,
	.m__main .item__box .why_con2 .con_title,
	.m__main .item__box .why_con3 .con_title {
		color: #000;
		font-size: 16px;
		text-align: center;
		font-weight: 700;
		padding: 0 20px;
	}
	.m__main .item__box .why_con1 .con_txt,
	.m__main .item__box .why_con2 .con_txt,
	.m__main .item__box .why_con3 .con_txt {
		color: #666;
		font-size: 14px;
		text-align: center;
		padding: 0 50px;
		margin-top: 15px;
	}

	.m__main .item__box .nextgen_con { padding: 0 20px; }
	.m__main .item__box .nextgen_con .big_txt {
		color: #000;
		font-size: 24px;
		text-align: center;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.m__main .item__box .nextgen_con .small_txt {
		color: #666;
		font-size: 14px;
		text-align: center;
	}

	.m__main .item__box .nextgen_con .nextgen_imgcon {
		position: relative;
		text-align: center;
		margin-top: 40px;
	}
	.m__main .item__box .nextgen_con .nextgen_imgcon img { display: inline-block; }
	.m__main .item__box .nextgen_con .nextgen_imgcon .abs_txt {
		position: absolute;
		top: 215px;
		left: 50%;
		text-align: left;
		transform: translateX(-50%);
	}

	.m__main .item__box .nextgen_con .nextgen_imgcon .abs_txt .txt__box { margin-top: 15px; }
	.m__main .item__box .nextgen_con .nextgen_imgcon .abs_txt .txt__box .title {
		color: #666;
		font-size: 14px;
		font-weight: 700;
	}
	.m__main .item__box .nextgen_con .nextgen_imgcon .abs_txt .txt__box .con_txt { margin-top: 6px; }
	.m__main .item__box .nextgen_con .nextgen_imgcon .abs_txt .txt__box .con_txt li {
		color: #000;
		font-size: 14px;
		line-height: 20px;
	}
	.m__main .item__box .merit_wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0 30px;

	}
	.m__main .item__box .merit_wrap .merit_con {
		width: calc(50% - 15px);
		margin-top: 30px;
	}
	.m__main .item__box .merit_wrap .merit_con:nth-child(1),
	.m__main .item__box .merit_wrap .merit_con:nth-child(2) { margin-top: -10px; }

	.m__main .item__box .merit_wrap .merit_con:nth-child(odd) { margin-right: 15px; }
	.m__main .item__box .merit_wrap .merit_con:nth-child(even) { margin-left: 15px; }

	.m__main .item__box .merit_wrap .merit_con .img__box {
		text-align: center;
		margin-bottom: 20px;
	}
	.m__main .item__box .merit_wrap .merit_con .img__box img {
		display: inline-block;
		width: 78px;
	}
	.m__main .item__box .merit_wrap .merit_con .tit_txt {
		color: #000;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 5px;
	}
	.m__main .item__box .merit_wrap .merit_con .con_txt {
		color: #666;
		font-size: 14px;
		text-align: center;
		line-height: 22px;
		letter-spacing: -.5px;	
	}

	.m__main .item__box .multi__con { padding: 0 20px; }
	.m__main .item__box .multi__con .img_multicloud { text-align: center; }
	.m__main .item__box .multi__con .img_multicloud img { display: inline-block; }
	.m__main .item__box .multi__con .title__txt {
		color: #000;
		font-size: 24px;
		text-align: center;
		font-weight: 700;
		margin-bottom: 15px;
	}

	.m__main .item__box .multi__con .small_txt {
		color: #666;
		font-size: 14px;
		text-align: center;
		margin-bottom: 40px;
	}

	.m__main .item__box .customer__con { padding: 0 20px; }
	.m__main .item__box .customer__con .title__txt {
		color: #000;
		font-size: 24px;
		text-align: center;
		font-weight: 700;
		margin-bottom: 15px;
	}

	.m__main .item__box .customer__con .small_txt {
		color: #666;
		font-size: 14px;
		text-align: center;
		margin-bottom: 40px;
	}
	.m__main .item__box .customer__con .customer__img { text-align: center; }
	.m__main .item__box .customer__con .customer__img img { display: inline-block; }
	
	.m__main .container { padding: 20px; }
	.m__main .container .r-box {
		margin-top: 20px;
		padding: 40px 30px;
		background: #fff;
		border: 1px solid #E3EBF1;
		border-radius: 4px;
	}
	.m__main .container .r-box:first-child { margin-top: 0; }
	.m__main .container .r-box .img_logobox { text-align: center; }

	.m__main .container .r-box .img_logobox.cloudradar img {
		display: inline-block;
		width: 150px;
	}
	.m__main .container .r-box .img_logobox.opsnow img {
		display: inline-block;
		width: 146px;
	}
	.m__main .container .r-box .img_logobox.csmp img {
		display: inline-block;
		width: 66px;
	}
	.m__main .container .r-box .img_logobox.mbmp img {
		display: inline-block;
		width: 89px;
	}

	.m__main .container .r-box .basic_svc { margin-top: 45px; }
	.m__main .container .r-box .basic_svc .gray_txt {
		color: #666;
		font-size: 15px;
		font-weight: 700;
	}
	.m__main .container .r-box .basic_svc .black_txt {
		color: #000;
		font-size: 18px;
		font-weight: 700;
		line-height: 21px;
		margin-top: 6px;
	}
	.m__main .container .r-box .basic_svc .black_txt .gtxt {
		color: #4a4a4a;
		font-size: 16px;
		letter-spacing: -1px;;
	}
	.m__main .container .r-box .basic_svc .normal_txt {
		color: #666;
		font-size: 15px;
		font-weight: 700;
		line-height: 20px;
		margin: 15px 0 10px 0;
	}
	.m__main .container .r-box .text__box { margin-top: 20px; }
	.m__main .container .r-box .text__box .title {
		color: #000;
		font-size: 14px;
		font-weight: 700;
		line-height: 22px;
	}
	.m__main .container .r-box .text__box .normal_txt {
		color: #5BA9CA;
		font-size: 14px;
		line-height: 20px;
		margin-top: 5px;
	}

	.m__main .container .r-box .pricecon_logo { text-align: center; }
	.m__main .container .r-box .pricecon_logo.intrologo img {
		display: inline-block;
		width: 132px;
	}
	.m__main .container .r-box .pricecon_logo.opsnow img {
		display: inline-block;
		width: 125px;
	}
	.m__main .container .r-box .pricecon_logo.csmp img {
		display: inline-block;
		width: 50px;
	}
	.m__main .container .r-box .pricecon_logo.mbmp img {
		display: inline-block;
		width: 66px;
	}
	
	.m__main .container .r-box .txt_conbox { margin-top: 30px; }
	.m__main .container .r-box .txt_conbox .title {
		color: #000;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
	}
	.m__main .container .r-box .txt_conbox .normal_txt {
		color: #666;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		margin-top: 8px;
	}
	.m__main .container .r-box .bluetxt_box {
		color: #00A5ED;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		margin-top: 50px;
	}
	.m__main .container .r-box .tblcon_box {
		width: 240px;
		margin: 30px auto 0;
	}
	.m__main .container .r-box .tblcon_box .blue_txt {
		color: #00A5ED;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 9px;
	}

	.m__main .container .r-box .tblcon_box .gtxt {
		color: #666;
		font-size: 13px;
		text-align: center;
		letter-spacing: -.5px;
		margin-top: 10px;
	}
	.m__main .container .r-box .tblcon_box table {
		table-layout: fixed;
		width: 100%;
		border: 1px solid #E3EBF1;
	}
	.m__main .container .r-box .tblcon_box table th {
		color: #4a4a4a;
		font-size: 14px;
		padding: 10px 0;
		border-right: 1px solid #E3EBF1;
		background: #FAFAFA;
	}
	.m__main .container .r-box .tblcon_box table td {
		color: #4a4a4a;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
	}





}
/* Mobile ****************************************************************************************************/