@charset "utf-8";
/* 공통 */
*, ::after, ::before {
    box-sizing: border-box;
}
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
    box-sizing: border-box;
    padding: 0px;
}
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
	min-height:900px;
}
a{
	text-decoration:none;
	box-sizing:border-box;
	color:#000;
}
div{
	box-sizing:border-box;
}
.service{
	width:100%;
	padding: 10px;
	text-align:center;
	background: #aaa;
    color: #fff;
}
.main_wrap{
	min-width: 100%;
    min-height: 100%;
	height:100%;
	display: inline-block;
}
.content_wrap{
	display: block;
	width: 100%;
    margin: auto;
}
.content_wrap_700{
    max-width: 700px;
}
.content_wrap_600{
    max-width: 600px;
}
.main_wrap .head_wrap{
	width:100%;
	text-align:center;
	height:450px;
}
.main_wrap .head_wrap .logo_img{
	width:260px;
	margin-top: 15px;
}
.main_wrap .main_nav{
	width: 100%;
	display:inline-block;
	padding:15px 0px;
}
.main_wrap .main_nav .btn_wrap{
	width:50%;
	float:left;
	padding:15px;
	box-sizing:border-box;
}
.main_wrap .main_nav .btn_wrap .btn{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:1.25rem;
	padding:30px 15px;
	border-radius:8px;
	border: 1px solid #eeeeee;
}
.main_wrap .main_nav .btn_wrap .mdti_btn{
	background:#400f61;
	color:#fff;
}
.main_wrap .main_nav .btn_wrap .mdti_btn:hover{
	background:rgba(64, 15, 97, 0.5);
}
.main_wrap .main_box{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
/* mdti */
.mdti_col_txt{
	color:#400f61;
}
@media (max-width: 600px) {
	.main_wrap{
		min-width: 100%;
		min-height: 100%;
		height:auto;
		display: inline-block;
	}
	.main_wrap .main_nav .btn_wrap {	
		width:100%;
	}
	.main_wrap .main_box{
		position:relative;
		top:0;
		left:0;
		transform:none;
	}

}