.main_title_box {
	width: fit-content;
	margin: 80px auto 30px;
}
.main_title_box h1 {
    font-size: 60px;
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
	line-height: 1;
    letter-spacing: -2px;
    color: #fb0266; 
    background: linear-gradient(to right, #fb0266 5%, #9018ce 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	margin-bottom: 18px;
	text-align: center;
}
.main_title_box h2 {
    font-size: 23px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
    position: relative;
    /* text-align: center; */
    width: fit-content;
    /* display: inline-block; */
    margin: 0 auto 65px auto;
}
.main_title_box h2:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20%;
	transform: translateX(-50%);
	width: 103%;
	height: 56%;
	background-color: #fae10f;
	z-index: -1;
}
.maintenance_s01 {
	width: 1300px;
	margin: 0 auto 150px;
}
.vat {
	text-align: right;
	font-size: 14px;
	color: #fb0266;
	font-family: 'Noto Sans KR';
	font-weight: 700;
	margin-bottom: 15px;
}
.maintenance_table {
	width: 100%;
	margin: 0 auto;
}
.table_wrap {
	width: 100%;
	border-top: 2px solid #1c1c1c;
}
.first_line {
	background-color: #f8f8f8;
}
.first_line  td {
	line-height: 1.4;
	font-weight: 700;
	border-right: 1px solid #f8f8f8;
}
table tr td {
	padding: 14px 0;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-family: 'Noto Sans KR';
	font-weight: 400;
	color: #1c1c1c;
	font-size: 16px;
	box-sizing: border-box;
	border-bottom: 1px solid #f1f1f1;
}
.border_right {
	border-right: 1px solid #f1f1f1;
}
.border_left {
	border-left: 1px solid #f1f1f1;
}
.last_line {
	border-top: 2px solid #1c1c1c;
	background-color: #f8f8f8;
}


.pink {
	background: #ff266e;
	color: #fff;
}
.violet {
	background: #a600ea;
	color: #fff;
	border-right: none;
}
.red {
	/*
	color: #750d2f;
	*/
	color: #1c1c1c;
	background: #f7eff2;
	border-bottom: 1px solid #fff;
}
.violet_color {
	/*
	color: #8b15b3;
	*/
	color: #1c1c1c;
	background: #f9f4fb;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.middle_line .500 {
	font-weight: 500 !important;
}
.width30 {
	width: 25%;
}
.width23 {
	width: 25%;
}
.width70 {
	width: 70%;
}
.width100 {
	width: 100%;
	padding: 20px 0;
}
.weight500 {
	font-weight: 500;
	line-height: 1.5;
}
.weight700 {
	font-weight: 700;
	line-height: 1.5;
}

	@media screen and (max-width:1300px) {
		.main_title_box {
			margin: 7% auto 4%;
		}
		.main_title_box h1 {
			font-size: 4.2vw;
			letter-spacing: -0.045em;
			margin-bottom: 3.8%;
		}
		.main_title_box h2 {
			font-size: 1.7vw;
			letter-spacing: -0.0375em;
			margin: 0 auto 10% auto;
		}
		.maintenance_s01 {
			width: 90%;
			margin: 0 auto 140px;
		}
	}

	@media screen and (max-width:1100px) {
	}

	@media screen and (max-width:900px) {
		.main_title_box h1 {
			font-size: 4.5vw;
		}
		.main_title_box h2 {
			font-size: 2vw;
		}
		table tr td {
			font-size: 2vw;
			word-break: keep-all;
		}
		.maintenance_s01 {
			margin: 0 auto 100px
		}
	}

	@media screen and (max-width:800px) {
		.maintenance_s01 {
			width: 95%;
		}
		.main_title_box {
			margin: 10vw auto 5vw;
		}
		.vat {
			font-size: 2vw;
			margin-right: 2vw;
		}

	}

	@media screen and (max-width:600px) {
		.main_title_box {
			margin: 30vw auto 6vw;
		}
		.main_title_box h1 {
			font-size: 8.5vw;
			margin-bottom: 2.7vw;
		}
		.main_title_box h2 {
			font-size: 3.5vw;
			margin: 0 auto 7vw auto;
		}
		table tr td {
			font-size: 2.2vw;
			padding: 3.5vw 0;
		}
		.weight500 br {
			display: none;
		}
		.vat {
			font-size: 2.5vw;
		}
		.maintenance_s01 {
			margin: 0 auto 80px
		}
		.width100 {
			padding: 4vw 0;
		}
	}

	@media screen and (max-width:500px) {
		table tr td {
			font-size: 3vw;
		}
		.vat {
			font-size: 3vw;
		}
	}

	@media screen and (max-width:400px) {
		.main_title_box {
			margin: 36vw auto 6vw;
		}
		.main_title_box h1 {
			font-size: 9vw;
		}
		.main_title_box h2 {
			font-size: 4vw;
		}
	}


.main_title_box2 {
	width: fit-content;
	margin: 80px auto 100px;
}
.maintenance_s02 {
	width: 1300px;
	margin: 0 auto;
}
.maintenance_s02 ul {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.maintenance_s02 ul:after {
	content: '';
	display: block;
	clear: both;
}
.maintenance_s02 ul li {
	float: left;
	width: calc(94%/3);
	margin-right: 3%;
	position: relative;
}
.maintenance_s02 ul li:after {
	content: '';
	position: absolute;
	clear: both;
}
.maintenance_s02 ul li:nth-of-type(3) {
	margin-right: 0;
}
.maintenance_s02 ul li .circle {
	position: absolute;
	left: 50%;
	top: -5.5%;
	transform: translateX(-50%);
	width: 70px;
	height: 70px;
	border-radius: 100%;
	text-align: center;
}
.maintenance_s02 ul li .circle1 {
	background-color: #a600eb;
}
.maintenance_s02 ul li .circle2 {
	background-color: #ff266e;
}
.maintenance_s02 ul li .circle3 {
	background-color: #ffa83d;
}
.maintenance_s02 ul li div p {
	font-size: 35px;
	font-family: 'Noto Sans KR';
	font-weight: 900;
	letter-spacing: -1px;
	color: #fff;
	line-height: 68px;
}
.content {
	width: 100%;
	height: 477px;
	margin-bottom: 50px;
	display: block;
	background-color: #fff;
	border-radius: 5%;
    -moz-box-shadow: 5px 0px 18px rgba(194,194,194,0.75);
    -webkit-box-shadow: 5px 0px 18px rgba(194,194,194,0.75);
    box-shadow: 5px 0px 18px rgba(194,194,194,0.75);
}
.content2 {
	position: relative;
}
.content1 {
	background: url(/images/maintenance/maintenance_middle01.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
}
.content2 svg {
	max-width: 100%;
	border-radius: 5%;
    top: 50%;
    transform: translateY(-40%);
    position: absolute;
}
.content svg {
	max-width: 100%;
	border-radius: 5%;
}
.content img {
	max-width: 100%;
	border-radius: 5%;
}

.content_title {
	width: fit-content;
	margin: 0 auto 20px;
}
.content_title h1 {
	font-size: 23px;
	letter-spacing: -1px;
	color: #1c1c1c;
	font-family: 'Noto Sans KR';
	font-weight: 700;
	text-align: center;
	position: relative;
}
.content_title h1:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -20%;
    transform: translateX(-50%);
    width: 103%;
    height: 56%;
    background-color: #fae10f;
    z-index: -1;
}
.content_article {
	font-size: 18px;
	letter-spacing: -1px;
	color: #666;
	font-family: 'Noto Sans KR';
	font-weight: 400;
}
.content_article h2 {
	width: fit-content;
	margin: 0 auto;
	text-align: center;
	line-height: 1.4;
}
.content_article h2 span {
	font-weight: 700;
	margin-right: 2px;
	color: #1c1c1c;
	font-size: 16px;
}
.maintenance_bottom {
	width: 60%;
	margin: 0 auto;
	display: block;
}
.maintenance_bottom svg {
	max-width: 100%;
	display: block;
}
	@media screen and (max-width:1400px) { 
		
	}

	@media screen and (max-width:1300px) {
		.maintenance_s02 {
			width: 90%;
		}
		.content {
			height: 420px;
			margin-bottom: 40px;
		}
		.main_title_box2 {
			margin: 80px auto 90px;
		}
		.maintenance_s02 ul {
			margin: 0 auto;
		}
		.maintenance_s02 ul li .circle {
			width: 60px;
			height: 60px;
		}
		.maintenance_s02 ul li div p {
			line-height: 58px;
			font-size: 2.3vw;
			letter-spacing: -0.0375em;
		}
		.content_title h1 {
			font-size: 1.6vw;
		}
		.content_article h2 {
			font-size: 1.3vw;
		}
		.content_article h2 span {
			font-size: 1.2vw;
		}
	}

	@media screen and (max-width:1100px) {
		.main_title_box2 {
			margin: 0 auto 70px;
		}
		.maintenance_s02 ul {
			margin: 0 auto;
		}
		.content {
			height: 380px;
		}
		.content2 svg {
			transform: translateY(-46%);
		}
	}

	@media screen and (max-width:900px) {
		.maintenance_s02 {
			width: 95%;
		}
		.content {
			height: 350px;
			margin-bottom: 30px;
		}
		.maintenance_s02 ul li .circle {
			width: 50px;
			height: 50px;
		}
		.maintenance_s02 ul li .circle p {
			line-height: 48.5px;
			font-size: 2.5vw;
		}
		.content_title {
			margin: 0 auto 2vw;
		}
		.content_title h1 {
			font-size: 1.8vw;
			letter-spacing: -0.0375em;
		}
		.content_title h1:before {
			height: 63%;
			bottom: -30%;
		}
		.content_article h2 {
			font-size: 1.5vw;
			letter-spacing: -0.0375em;
		}
	}

	@media screen and (max-width:800px) {
		.content {
			height: 300px;
		}
	}

	@media screen and (max-width:750px) {
		.content {
			height: 270px;
		}	
	}

	@media screen and (max-width:600px) {
		.maintenance_s02 ul li {
			width: 100%;
			float: none;
			margin-right: 0;
			margin-bottom: 12vw;
		}
		.maintenance_s02 {
			width: 95%;
		}
		.content {
			height: 450px;
			width: 70%;
			margin: 0 auto 20px auto;
		}
		.maintenance_s02 ul li .circle {
			width: 65px;
			height: 65px;
		}
		.maintenance_s02 ul li .circle p {
			line-height: 65px;
			font-size: 4.5vw;
		}
		.content_title {
			margin: 0 auto 3.5vw;
		}
		.content_title h1 {
			font-size: 3.8vw;
		}
		.content_article h2 {
			font-size: 3.3vw;
		}
		.content_article h2 span{
			font-size: 3vw;
		}
		/*.content_article h2 br {
			display: none;
		}*/
		.maintenance_bottom {
			width: 100%;
		}
		.content2 svg {
			transform: translateY(-41%);
		}
	}

	@media screen and (max-width:500px) {
		.maintenance_s02 ul li .circle p {
			font-size: 6.5vw;
		}
		.content_title h1 {
			font-size: 4.5vw;
		}
		.content_article h2 {
			font-size: 3.8vw;
		}
	}


	@media screen and (max-width: 430px) {
		.content {
			height: 340px;
		}
	}

	@media screen and (max-width:400px) {
		
		.content_title h1 {
			font-size: 5.3vw;
		}
		.content_article h2 {
			font-size: 4.3vw;
		}

	}

	@media screen and (max-width:350px) {
		.content {
			height: 290px;
		}
	}