body {
	margin:0;
	padding:0;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	font-family:Arial;
	font-size:0;
}
body a {
	text-decoration:none;
}
/*******/
/*index*/
/*******/
.index_header {
	font-size:4vw;
}
.index_learn {
	font-size:2vw;
}
.index_buy {
	font-size:2vw;
}
.screw {
	position:absolute; width:1.5vw;
}
.screw_top_left {
	top:1vw;
	left:1vw;
}
.screw_top_right {
	top:1vw;
	right:1vw;
}
.screw_bottom_left {
	bottom:1vw;
	left:1vw;
}
.screw_bottom_right {
	bottom:1vw;
	right:1vw;
}
/*****/
/*top*/
/*****/
.top_container {
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	padding-top:1vw;
}
.top_dist {
	padding:0 0.5vw 0 0;
}
.top_div {
	padding:0 0.5vw 0 0;
	font-size:1.1vw;
}
.top_inq {
	padding:0 2vw 0 0;
}

.top_button {
	background-color:transparent;
	border: none;
	color:#333333;
	font-size: 1.0vw;
}
.top_button:hover {
	color:#FF3C3C;
}
.top_login {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
}
.top_login_container {
	display: flex;
	flex-direction: column;
	position:relative;
	width: 30vw;
	padding: 2vw;
	border: solid 1px #005EA2;
	border-radius: 0.5vw;
	background-color: #DDF0FF;
}
.top_login_container_input {
	padding: 1vw;
	margin: 0.5vw 0 1vw 0;
	border: none;
	background: #F5F5F5;
}
.top_login_container_input:focus {
	background-color: #FFFFFF;
	outline: none;
}
.top_login_btn {
	background-color: #005EA2;
	color: #FFFFFF;
	padding: 0.5vw 1vw 0.5vw 1vw;
	border: solid #005EA2; 1px;
	border-radius: 0.5vw;
	cursor: pointer;
	margin: 1vw 0 2vw 0;
	font-size: 1vw;
	font-weight: bold;
}
.top_login_btn:hover {
	opacity: 0.8;
}
.top_cancel {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.5vw;
}
.top_cancel_btn {
	font-size: 1.5vw;
}

.top_contact {
	box-sizing:border-box;
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
}

.top_contact_m {
	box-sizing:border-box;
	display: none;
	position: fixed;
	top: 10vw;
}


.top_contact_container {
	display: flex;
	flex-direction: column;
	position:relative;
	width: 40vw;
	padding: 2vw;
	border: solid 1px #005EA2;
	border-radius: 0.5vw;
	background-color: #DDF0FF;
}
.top_contact_container_input {
	padding: 1vw;
	margin: 0.5vw 0 1vw 0;
	border: none;
	background: #F5F5F5;
}
.top_contact_container_input:focus {
	background-color: #FFFFFF;
	outline: none;
}
.top_contact_btn {
	background-color: #005EA2;
	color: #FFFFFF;
	padding: 0.5vw 1vw 0.5vw 1vw;
	border: solid #005EA2; 1px;
	border-radius: 0.5vw;
	cursor: pointer;
	margin: 1vw 0 2vw 0;
	font-size: 1vw;
	font-weight: bold;
}
.top_contact_btn:hover {
	opacity: 0.8;
}

/*******/
/*about*/
/*******/
.about_container {
	display:flex;
	flex-direction:row;
}

/**********/
/*features*/
/**********/
.features_container {
	display:flex;
	flex-direction:column;
}
.features_header_container {
	display:flex;
	flex-direction:column;
	align-items:center;
}

.features_header_text {
	font-size:3.5vw;
	font-weight:bold;
	letter-spacing:0.2vw;
	padding-bottom:0.5vw;
}
.features_header_line {
	border-top-style:solid;
	border-top-width:0.5vw;
	border-top-color:red;
}
.features_text_box {
	box-sizing:border-box;
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#FFFFFF;
	padding:0.5vw;
	border-radius:5px;
}

.features_text {
	font-size:1.2vw;
	font-weight:bold;
}

/*************/
/*application*/
/*************/
.application_container {
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	width:100%;
	background-image:radial-gradient(#999999, #666666, #333333);
}
.application_block {
	box-sizing:border-box;
	width:100%;
	display:flex;
	flex-direction:row;
}
.application_header_container {
	display:flex;
	flex-direction:column;
	align-items:center;
}

.application_header_text {
	font-size:3.5vw;
	font-weight:bold;
	letter-spacing:0.2vw;
	padding-bottom:0.5vw;
}
.application_header_line {
	border-top-style:solid;
	border-top-width:0.5vw;
	border-top-color:red;
}
.application_tab_container {
	box-sizing:border-box;
	width:10vw;
}

.application_tab_left {
	/*box-sizing:border-box;*/
	/*max-width:100%;*/
	/*padding:3vw 2vw 5vw 5vw;*/
	/*border-top-right-radius:20px;*/
	/*background-image:linear-gradient(to right, #666666 , #333333);*/
	/*box-shadow:1px 1px 15px #333333;*/
}

.application_tab_right {
	box-sizing:border-box;
	max-width:100%;
	padding:3vw 0vw 5vw 3vw;
	/*border-top-left-radius:20px;*/
	/*background-image:linear-gradient(to left, #666666 , #333333);*/
	/*box-shadow:1px 1px 15px #000000;*/
}
.application_tab_img {
	max-width:1.5vw;
}
.application_textbox {
	box-sizing:border-box;
	width:100%;
	position:relative;
	padding:2vw 3vw 3vw 3vw;
	border:1px solid #000000;
	border-radius:5px;
	box-shadow:1px 1px 15px #333333;
}
.application_textbox_text {
	font-size:1.5vw;
	letter-spacing:0.2vw;
	line-height:1.2;
	color:#333333;
}

.application_thumb {
	box-sizing:border-box;
	background-color:#FFFFFF;
	box-shadow:1px 1px 15px #CCCCCC;
}

.application_thumb:hover {
	box-shadow:1px 1px 15px #000000;
}