/* 모바일 */
@media screen and (max-width: 998px) {

	caption,
	hr {
		overflow: hidden;
		position: relative;
		left: 0;
		top: 0;
		width: 1px;
		height: 1px;
		background: 0 0;
		font-size: 0;
		color: transparent;
		line-height: 0;
		text-indent: 100%;
		clip: rect(0, 0, 0, 0);
	}

	.table> :not(caption)>*>* {
		border-bottom-width: inherit;
	}

	.boxArea.type02>.box {
		padding: 0 20px;
	}

	.gray03 {
		background: #f6f7f8;
		padding: 60px 20px !important;
	}

	.desc.blueDesc {
		/* height: 32px; */
		padding: 0px 10px;
		line-height: 32px;
		background: #14adea;
		font-weight: 500;
		font-size: 13px;
		color: #fff;
		letter-spacing: -0.01em;
		text-align: center;
		margin: 0;
	}

	.desc.blueDesc p {
		margin: 0;
		line-height: 17px;
		padding: 10px 0;
	}

	/* line 2352, scss/common.scss */
	.gridArea .gridConatiner {
		margin-top: 12px;
		display: grid;
		gap: 8px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.gridArea .gridConatiner.type01 {
		grid-template-columns: 1fr 1fr;
		box-sizing: border-box;
		padding: 0;
	}

	.gridArea .gridConatiner.type01 li {
		background: #fff;
		text-align: center;
		max-height: 183px;
	}

	.gridArea .gridConatiner.type01 li .exTitle {
		background: #0368B6;
		padding: 8px 0;
		color: #fff;
		font-size: 12px;
	}

	.gridArea .gridConatiner.type01 li .wrapExImg {
		padding: 5px;
	}

	.gridArea .gridConatiner.type01 li .wrapExImg .exImg {
		max-width: 100%;
		max-height: 85px;
		vertical-align: middle;
	}

	/* line 2357, scss/common.scss */
	.gridArea .gridConatiner .item {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 12px 8px;
		background: #fff;
		font-weight: 400;
		font-size: 13px;
		color: #000;
		line-height: 16px;
		letter-spacing: -0.01em;
		text-align: center;
		z-index: 2;
		/* grid layout */
		/* grid layout end */
	}

	/* line 2370, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(1):before {
		content: '';
		position: absolute;
		bottom: -200%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1px;
		height: 200%;
		background: #b8c6cc;
		z-index: 1;
	}

	/* line 2377, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(2):before {
		content: '';
		position: absolute;
		bottom: -200%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1px;
		height: 200%;
		background: #b8c6cc;
		z-index: 1;
	}

	/* line 2384, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(3):before {
		content: '';
		position: absolute;
		bottom: -200%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1px;
		height: 200%;
		background: #b8c6cc;
		z-index: 1;
	}

	/* line 2390, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(4) {
		grid-column: 1 / auto;
	}

	/* line 2395, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(7) {
		grid-column: 4 / auto;
		grid-row: 2 / span 3;
	}

	/* line 2399, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(8) {
		grid-column: 1 / span 3;
	}

	/* line 2403, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(9) {
		grid-column: 1 / span 3;
	}

	/* line 2406, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(10) {
		grid-column: 1 / span 2;
	}

	/* line 2409, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(11) {
		grid-column: 3 / span 2;
	}

	/* line 2412, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(12) {
		grid-column: 1 / span 2;
	}

	/* line 2415, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(13) {
		grid-column: 3 / span 2;
	}

	/* line 2418, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(14) {
		grid-column: 1 / span 2;
	}

	/* line 2421, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(15) {
		grid-column: 3 / span 2;
	}

	/* line 2424, scss/common.scss */
	.gridArea .gridConatiner .item:nth-child(n+10) {
		text-align: left;
	}

	/* line 2428, scss/common.scss */
	.gridArea .gridConatiner .item.top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	/* line 2430, scss/common.scss */
	.gridArea .gridConatiner .item.top span {
		margin-bottom: 8px;
	}

	/* line 2433, scss/common.scss */
	.gridArea .gridConatiner .item.top p {
		width: 100%;
	}

	/* line 2438, scss/common.scss */
	.gridArea .gridConatiner .item.left p {
		margin-left: 8px;
		margin-bottom: 0;
	}

	/* line 2443, scss/common.scss */
	.gridArea .gridConatiner .item.line p {
		width: calc(100% - 24px);
	}

	/* line 2448, scss/common.scss */
	.gridArea .gridConatiner .item.ico p {
		padding-top: 44px;
	}

	/* line 2452, scss/common.scss */
	.gridArea .gridConatiner .item.ico.design p {
		background: url("/images/ico_grid01.svg") no-repeat center top;
	}

	/* line 2457, scss/common.scss */
	.gridArea .gridConatiner .item.ico.manager p {
		background: url("/images/ico_grid02.svg") no-repeat center top;
	}

	/* line 2462, scss/common.scss */
	.gridArea .gridConatiner .item.ico.bot p {
		background: url("/images/ico_grid03.svg") no-repeat center top;
	}

	/* line 2467, scss/common.scss */
	.gridArea .gridConatiner .item span {
		display: inline-block;
		line-height: 24px;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: #14adea;
		font-weight: 500;
		font-size: 12px;
		color: #fff;
		text-align: center;
	}

	.cardArea02 .box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 12px;
		background: #fff;
	}

	/* line 2488, scss/common.scss */
	.cardArea02 .box span {
		display: block;
		width: 60px;
		height: 60px;
	}

	/* line 2491, scss/common.scss */
	.cardArea02 .box span.ico.one {
		background: url("/images/ico_one.svg") no-repeat center;
	}

	/* line 2494, scss/common.scss */
	.cardArea02 .box span.ico.cloud {
		background: url("/images/ico_cloud.svg") no-repeat center;
	}

	/* line 2499, scss/common.scss */
	.cardArea02 .box .textArea {
		margin-left: 8px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	/* line 2502, scss/common.scss */
	.cardArea02 .box .textArea p {
		font-weight: 600;
		font-size: 15px;
		color: #232323;
		line-height: 18px;
		letter-spacing: -0.01em;
	}

	/* line 2506, scss/common.scss */
	.cardArea02 .box .textArea p strong {
		color: #15AEEB;
	}

	/* line 2510, scss/common.scss */
	.cardArea02 .box .textArea ul {
		margin: 0;
		padding: 0;
	}

	/* line 2513, scss/common.scss */
	.cardArea02 .box .textArea ul li p {
		position: relative;
		padding-left: 15px;
		font-weight: 400;
		font-size: 14px;
		color: #707070;
		line-height: 20px;
		letter-spacing: -0.01em;
		margin: 0;
	}

	/* line 2519, scss/common.scss */
	.cardArea02 .box .textArea ul li p:before {
		content: '';
		position: absolute;
		left: 5px;
		top: 9px;
		width: 3px;
		height: 3px;
		background: #707070;
		border-radius: 50%;
	}

	/* line 2528, scss/common.scss */
	.cardArea02 .box:not(:first-child) {
		margin-top: 8px;
	}

	.organArea .organ {
		padding: 52px 15px 12px 15px;
		background: #fff;
	}

	/* line 2539, scss/common.scss */
	.organArea .organ ul {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 0;
		margin: 0;
	}

	/* line 2542, scss/common.scss */
	.organArea .organ ul li {
		position: relative;
		min-width: 50px;
		padding-top: 58px;
		text-align: center;
	}

	/* line 2547, scss/common.scss */
	.organArea .organ ul li:before {
		content: '';
		position: absolute;
		left: 50%;
		top: -28px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 2px;
		height: 28px;
		background: #14ADEA;
	}

	/* line 2551, scss/common.scss */
	.organArea .organ ul li:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #14ADEA;
	}

	/* line 2555, scss/common.scss */
	.organArea .organ ul li.email {
		background: url("/images/ico_email.svg") no-repeat top center;
	}

	/* line 2558, scss/common.scss */
	.organArea .organ ul li.xls {
		background: url("/images/ico_xls.svg") no-repeat top center;
	}

	/* line 2561, scss/common.scss */
	.organArea .organ ul li.web {
		background: url("/images/ico_web.svg") no-repeat top center;
	}

	/* line 2563, scss/common.scss */
	.organArea .organ ul li.web:before {
		height: 56px;
		top: -56px;
	}

	/* line 2567, scss/common.scss */
	.organArea .organ ul li.data {
		background: url("/images/ico_data.svg") no-repeat top center;
	}

	/* line 2570, scss/common.scss */
	.organArea .organ ul li.pdf {
		background: url("/images/ico_pdf.svg") no-repeat top center;
	}

	/* line 2573, scss/common.scss */
	.organArea .organ ul li:not(:first-child) {
		margin-left: 5px;
	}

	/* line 2576, scss/common.scss */
	.organArea .organ ul li p {
		font-weight: 400;
		font-size: 14px;
		color: #000;
		line-height: 16px;
		letter-spacing: -0.01em;
	}

	/* line 2581, scss/common.scss */
	.organArea .organ ul li .line {
		position: absolute;
		left: 24px;
		top: -28px;
		width: 235px;
		height: 2px;
		display: block;
		background: #14adea;
	}

	.tableArea .table table {
		width: 100%;
	}

	/* line 2602, scss/common.scss */
	.tableArea .table table thead {
		text-align: center;
	}

	/* line 2605, scss/common.scss */
	.tableArea .table table thead tr th,
	.tableArea .table table thead tr td {
		min-height: 26px;
		padding: 4px;
		background: #6e737f;
		font-weight: 400;
		font-size: 12px;
		color: #fff;
		letter-spacing: -0.01em;
		vertical-align: middle;
	}

	/* line 2611, scss/common.scss */
	.tableArea .table table thead tr th:not(:first-child),
	.tableArea .table table thead tr td:not(:first-child) {
		border-left: 1px solid #dbdbdb;
	}

	/* line 2614, scss/common.scss */
	.tableArea .table table thead tr th[rowspan],
	.tableArea .table table thead tr td[rowspan] {
		border-right: 1px solid #dbdbdb;
		vertical-align: middle;
	}

	/* line 2618, scss/common.scss */
	.tableArea .table table thead tr:not(:first-child) {
		border-top: 1px solid #dbdbdb;
	}

	/* line 2623, scss/common.scss */
	.tableArea .table table tbody {
		text-align: center;
	}

	/* line 2626, scss/common.scss */
	.tableArea .table table tbody tr th,
	.tableArea .table table tbody tr td {
		min-height: 40px;
		padding: 4px;
		font-weight: 400;
		font-size: 12px;
		color: #707070;
		letter-spacing: -0.01em;
		word-break: inherit;
		vertical-align: middle;
	}

	/* line 2632, scss/common.scss */
	.tableArea .table table tbody tr th:not(:first-child),
	.tableArea .table table tbody tr td:not(:first-child) {
		border-left: 1px solid #dbdbdb;
	}

	/* line 2635, scss/common.scss */
	.tableArea .table table tbody tr th:last-child,
	.tableArea .table table tbody tr td:last-child {
		border-right: 1px solid #dbdbdb;
	}

	/* line 2640, scss/common.scss */
	.tableArea .table table tbody tr th[rowspan="3"] {
		background: #f6f6f6;
		border-left: 1px solid #dbdbdb;
		color: #000;
		vertical-align: middle;
	}

	/* line 2645, scss/common.scss */
	.tableArea .table table tbody tr th:not([rowspan="3"]) {
		border-left: 1px solid #dbdbdb;
		color: #333;
	}

	/* line 2654, scss/common.scss */
	.tableArea .table table tbody tr:not(:first-child) th,
	.tableArea .table table tbody tr:not(:first-child) td {
		border-top: 1px solid #dbdbdb;
	}

	/* line 2659, scss/common.scss */
	.tableArea .table table tbody tr:last-child th,
	.tableArea .table table tbody tr:last-child td {
		border-bottom: 1px solid #dbdbdb;
	}

	/* line 2671, scss/common.scss */
	.tableArea .table.type02 table thead tr th,
	.tableArea .table.type02 table thead tr td {
		padding: 8px 4px;
		font-weight: 400;
		font-size: 15px;
		color: #fff;
	}

	/* line 2680, scss/common.scss */
	.tableArea .table.type02 table tbody tr th {
		font-weight: 400;
		font-size: 14px;
		color: #000;
		line-height: 17px;
		background: #f6f6f6;
	}

	/* line 2685, scss/common.scss */
	.tableArea .table.type02 table tbody tr td {
		text-align: left;
		padding: 12px;
		font-weight: 400;
		font-size: 14px;
		color: #707070;
		line-height: 20px;
		letter-spacing: -0.01em;
	}

	/* line 2693, scss/common.scss */
	.tableArea .table.type02 table tbody tr td .textArea.dot p {
		position: relative;
		padding-left: 10px;
		margin: 0;
	}

	/* line 2695, scss/common.scss */
	.tableArea .table.type02 table tbody tr td .textArea.dot p:before {
		content: '';
		position: absolute;
		left: 4px;
		top: 9px;
		width: 2px;
		height: 2px;
		background: #707070;
	}

	.title.skyTitle {
		font-weight: 400;
		font-size: 24px;
		line-height: 29px;
		text-align: left;
		color: #14adea;
		margin: 30px 0 20px 0;
	}

	.desc.introDesc {
		text-align: left;
		font-weight: 500;
		font-size: 16px;
		line-height: 1.75;
		color: #707070;
	}

	/* 요금-테이블1 */
	.p-table {
		width: 100%;
		overflow: hidden;
		color: #222;
		font-size: 14px;
		background-color: #fff;
		line-height: 1.71;
		border: 1px solid #dadada;
		border-collapse: separate;
		border-spacing: 0;
		min-width: auto;
		border-right: 0;
		border-bottom: 0;
		table-layout: fixed;
	}

	.p-table thead {
		display: table-header-group;
		vertical-align: middle;
		border-color: inherit;
	}

	.p-table tbody {
		display: table-header-group;
		vertical-align: middle;
		border-color: inherit;
	}

	.p-table tr {
		text-align: center;
		vertical-align: middle;
	}

	.p-table th {
		position: relative;
		height: auto;
		padding: 4px;
		overflow: hidden;
		background-color: #6e737f;
		color: #fff;
		font-weight: 500;
		text-align: center;
		font-size: 12px;
		text-overflow: ellipsis;
		border-bottom: 1px solid #dadada;
		border-right: 1px solid #dadada;
		vertical-align: middle;
	}

	.p-table td {
		text-overflow: ellipsis;
		border-bottom: 1px solid #dadada;
		border-right: 1px solid #dadada;
	}

	.p-table .p-table-cell {
		text-align: center;
		vertical-align: middle;
		float: none;
		width: auto;
	}

	.p-table .bg {
		background-color: #f6f6f6;
		color: #222;
		font-size: 12px;
	}

	.p-table .bg-y {
		background-color: #f0e877;
		color: #222;
		font-weight: bold;
		font-size: 12px;
	}

	.p-table .t1 {
		height: auto;
		min-height: 40px;
		padding: 4px;
		font-weight: 400;
		font-size: 12px;
		letter-spacing: -0.01em;
		word-break: break-all;
	}

	.p-table .left {
		text-align: left;
	}

	.p-table .sm {
		width: 70px !important;
		min-height: 26px;
		padding: 4px;
		font-weight: 400;
		font-size: 12px;
		color: #fff;
		letter-spacing: -0.01em;
	}

	.p-table {
		min-width: auto;
	}

}