/* common */
body,th,td,input,select,textarea,button {font-size:24px;}

section {
	position:relative;
}

.header .logo .clogo,
.header .ab_right .c_ico {
	display:none;
}

.main_visual {
	position:relative;
	margin-bottom:0 !important;
	width:100vw;
	height:100vh;
}
.main_visual .banner_slide {
	position:relative;
}
.main_visual .banner_slide .bg {
	position:relative;
	overflow:hidden;
	width:100vw;
	height:100vh;
	font-size:0;
}
.main_visual .banner_slide .bg img {
	position:absolute;
	top:50%;
	left:50%;
	min-width:100%;
	max-width:2000px;
	transform:translate(-50%,-50%);
}

.main_visual .banner_slide .slogan {
	position:absolute;
}
.main_visual .banner_slide.sld1 .slogan {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	left:50%;
	bottom:7.5em;
	padding:0 0.83em;
	width:100%;
	max-width:1180px;
	z-index:10;
	transform:translateX(-50%);
}
.main_visual .banner_slide.sld1 .slogan .css-typing {
	position:absolute;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	right:3em;
	align-items:center;
	height:auto;
	text-align:right;
	-webkit-animation: type 3.5s steps(30, end);
	animation: type 3.5s steps(30, end);
}
.main_visual .banner_slide.sld1 .slogan .css-typing span {
	color:#fff;
}
.main_visual .banner_slide.sld1 .slogan .css-typing span.t1,
.main_visual .banner_slide.sld1 .slogan .css-typing span.t2 {
	display:block;
	padding-right:0.25em;
	width:15em;
	text-align:right;
}

.main_visual .banner_slide.sld1 .slogan .css-typing span.typed-cursor {
	position:absolute;
	right:0;
	bottom:0;
}

@keyframes type{
	from { width: 0; }
}

@-webkit-keyframes type{
	from { width: 0; }
}

.main_visual .banner_slide.sld1 .slogan .ico.question {
	opacity:0;
	transform:rotate(15deg);
	-webkit-animation: question 1s;
	animation: question 1s;
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

@keyframes question {
	from { opacity:0; transform:rotate(0deg); }
	to { opacity:1; transform:rotate(15deg); }
}

@-webkit-keyframes question {
	from { opacity:0; transform:rotate(0deg); }
	to { opacity:1; transform:rotate(15deg); }
}

.main_visual .slick-dots {
	left:50%;
	padding:0 0.83em;
	width:100%;
	max-width:1180px;
	bottom:5em;
	text-align:right;
	transform:translateX(-50%);
}
.slick-dots li button:before,
.main_visual .slick-dots li.slick-active button:before {
	color:#fff !important;
}

.main_introduce {
	position:relative;
	padding:0 20px;
	width:100%;
}
.main_introduce .intro_content {
	position:relative;
	margin:0 auto;
	padding:3.75em 0;
	width:100%;
	max-width:1180px;
	
	overflow:hidden;
}
.main_introduce .intro_content .intro01 {
	position:relative;
	display:flex !important;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.main_introduce .intro_content .intro01 .text_area {
	margin-right:1em;
	width:calc(100% - 26.75em);
	letter-spacing:-0.05em;
}
.main_introduce .intro_content .list .text_area > h3 {
	margin-bottom:1em;
}
.main_introduce .intro_content .list .text_area > h3 small {
	display:block;
	font-weight:200;
	font-size:0.65em;
	letter-spacing:0;
}
.main_introduce .intro_content .intro01 .text_area > p {
	font-size:0.75em;
}
.main_introduce .intro_content .intro01 .text_area > p b {
	color:#101a4e;
}
.main_introduce .intro_content .intro01 .text_area span.sTitle {
	position:relative;
	display:block;
	margin:0.5em 0;
	color:#101a4e;
	font-weight:600;
}
.main_introduce .intro_content .intro01 .text_area span.sTitle span {
	position:relative;
	display:inline-block;
	padding-right:0.5em;
	z-index:2;
	background-color:#fff;
}
.main_introduce .intro_content .intro01 .text_area span.sTitle:before {
	position:absolute;
	content:'';
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background-color:#dcdcdc;
	z-index:1;
}
.main_introduce .intro_content .intro01 .img_intro01 {

	width:23.75em;
}

.main_introduce .intro_content .intro02 > ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
}
.main_introduce .intro_content .intro02 > ul > li {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0 20px 20px 0;
	width:calc(50% - 20px);
}
.main_introduce .intro_content .intro02 > ul > li:nth-child(2n) {
	margin-right:0;
}
.main_introduce .intro_content .intro02 > ul > li > img {
	margin-right:10px;
	width:5em;
}
.main_introduce .intro_content .intro02 > ul > li .listCont > span {
	font-size:0.75em;
	color:#101a4e;
	font-weight:600;
}
.main_introduce .intro_content .intro02 > ul > li .listCont > p {
	font-size:0.625em;
}

.main_introduce .intro_content .slick-dots {
	bottom:2em;
}
.main_introduce .intro_content .slick-dots li {
	width:2em;
	height:5px;
}
.main_introduce .intro_content .slick-dots li button:before {
	content:'';
	top:auto;
	bottom:0;
	width:3em;
	height:2px;
	background-color:#101a4e;
}
.main_introduce .intro_content .slick-dots li.slick-active button:before {
	height:5px;
}

.testInfo {
	position:relative;
	padding: 3.75em 0;
	width:100%;
	background-color:#f5f5f5;
}
.testList {
	position:relative;
	padding:5em 0 3.75em;
	width:100%;
}
.testInfo > h3,
.testList > h3 {
	display:block;
	margin-bottom:1.5em;
	font-size:1.5em;
	text-align:center;
}
.testInfo .testInfo_content,
.testList .testList_content {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
.testInfo .testInfo_content .slick-list,
.testList .testList_content .slick-list {
	position:relative;
	margin-left:80px;
	padding-bottom:1em;
	overflow:hidden;
}
.testInfo .testInfo_content .slick-list .slick-track,
.testList .testList_content .slick-list .slick-track {

}
.testInfo .testInfo_content .slick-slide,
.testList .testList_content .slick-slide {
	margin:0 10px;
	width:275px !important;
	background-color:#fff;
	box-shadow:5px 5px 10px 5px rgba(0,0,0,.05);
}
.testInfo .testInfo_content .slick-slide img,
.testList .testList_content .slick-slide img {
	border-bottom:1px solid #dcdcdc;
}
.testInfo .testInfo_content .slick-slide .text_area,
.testList .testList_content .slick-slide .text_area {
	padding:20px;
}
.testInfo .testInfo_content .slick-slide .text_area span,
.testList .testList_content .slick-slide .text_area span {
	display:block;
	font-size:0.7em;
	letter-spacing:-0.025em;
}
.testInfo .testInfo_content .slick-slide .text_area p,
.testList .testList_content .slick-slide .text_area p {
	margin-top:1em;
	font-size:0.6em;
	color:#646464;
	text-align:right;
}

.testInfo .slick-prev, .testInfo .slick-next,
.testList .slick-prev, .testList .slick-next {
	left:40px;
}
.testInfo .slick-prev,
.testList .slick-prev {
	transform:translateY(125%);
}
.testInfo .slick-next,
.testList .slick-next {
	transform:translateY(-125%);
}

.slick-prev:before
{
	content: url("../img/main/btn_left.png");
}
[dir='rtl'] .slick-prev:before
{
	content: url("../img/main/btn_right.png");
}

[dir='rtl'] .slick-next
{
	right: auto;
	left: 25px;
}
.slick-next:before
{
	content: url("../img/main/btn_right.png");
}
[dir='rtl'] .slick-next:before
{
	content: url("../img/main/btn_left.png");
}

.notice_area {
	position:absolute;
	left:50%;
	padding:0 20px;
	width:100%;
	transform:translate(-50%,-50%);
}
.notice_area .naWrap {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:0 auto;
	padding:1em;
	width:100%;
	max-width:1180px;
	border-radius:5px;
	background-color:#101a4e;
}
.notice_area .noticeTitle {
	display:block;
	padding:0.25em 2em;
	font-size:0.75em;
	font-weight:600;
	border-radius:2em;
	background-color:#fff;
}
.notice_area a {
	color:#fff;
	width:65%;
	font-size:0.9em;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.notice_area p.date {
	color:rgba(255,255,255,.7);
	font-size:0.75em;
	font-weight:300;
}

.board_area {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	padding:100px 20px;
	width:100%;
	background-color:#f5f5f5;
}
.board_area .review {
	margin-right:20px;
	width:calc(50% - 10px);
	max-width:580px;
}
.board_area .faq {
	width:calc(50% - 10px);
	max-width:580px;
}
.board_area > div > h3 {
	position:relative;
	margin-bottom:1.5em;
	font-size: 1.5em;
	text-align:center;
}
.board_area > div > h3:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background-color:#dcdcdc;
}
.board_area > div > h3 span {
	position:relative;
	display:inline-block;
	padding:0 1em;
	background-color:#f5f5f5;
}
.board_area .review ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.board_area .review ul li {
	position:relative;
	margin-right:20px;
	padding:20px;
	width:calc(50% - 10px);
	height:15em;
	border-radius:5px;
	background-color:#fff;
	border:1px solid #dcdcdc;
}
.board_area .review ul li:nth-child(2) {
	margin-right:0;
}
.board_area .review ul li span {
	display:block;
	margin-bottom:1.5em;
	font-size:0.83em;
	font-weight:600;
}
.board_area .review ul li p {
	font-size:0.75em;
}
.board_area .review ul li p.writer {
	position:absolute;
	bottom:20px;
	left:20px;
	width:48%;
	color:#646464;
	text-align:left;
}
.board_area .review ul li p.date {
	position:absolute;
	bottom:20px;
	right:20px;
	width:48%;
	color:#646464;
	text-align:right;
}

.board_area .faq ul {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	height:15em;
}
.board_area .faq ul li {
	padding:0.9em;
	width:100%;
	background-color:#fff;
	border:1px solid #dcdcdc;
	border-radius:5px;
}
.board_area .faq ul li span {
	display:block;
	font-size:0.83em;
	font-weight:600;
}
.board_area > div > a.more {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:2em auto;
	width:5em;
	height:5em;
	font-size:0.7em;
	color:#fff;
	background-color:#101a4e;
	border-radius:50%;
}

.customer {
	padding:100px 20px;
}
.customer .customerWrap {
	position: relative;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: stretch;
	margin:0 auto;
	width:100%;
	max-width:1180px;
}

.customer .goTest {
	margin-right:20px;
	width:23.75em;
}
.customer .csCenter {
	width:calc(100% - 20px - 23.75em);
	border:1px solid #dcdcdc;
	border-radius:5px;
}
.customer .csCenter ul li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 20px;
	border-bottom:1px solid #dcdcdc;
}
.customer .csCenter ul li:last-child {
	border:none;
}
.customer .csCenter ul li > span {
	width:7em;
	font-size:0.83em;
	font-weight:600;
}
.customer .csCenter ul li > a,
.customer .csCenter ul li > p.date {
	font-size:0.67em;
}
.customer .csCenter ul li > a {
	width:calc(100% - 17em);
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.customer .csCenter ul li > .info {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	width:calc(100% - 7em);
}
.customer .csCenter ul li > .info span.phone {
	display:block;
	width:100%;
	font-size:1.75em;
	font-weight:600;
	line-height:1.2em;
}
.customer .csCenter ul li > .info > p {
	font-size:0.75em;
	color:#646464;
}
.customer .csCenter ul li > .info .btnArea {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin-top:0.25em;
	width:100%;
}
.customer .csCenter ul li > .info .btnArea a {
	display:block;
	margin-right:1em;
	padding:0.25em 1em;
	font-size:0.75em;
	border:1px solid #dcdcdc;
}


@media screen and (max-width:1180px) {
	.main_introduce .intro_content .intro01 .text_area {
		margin:0 0 2em;
		width:100%;
	}
	.main_introduce .intro_content .intro01 .img_intro01 {
		width:auto;
	}
	.main_introduce .intro_content .intro02 > ul > li {
		margin:0 0 20px;
		width:100%;
	}

	.board_area .review {
		margin:0 0 20px;
		width:100%;
		max-width:100%;
	}
	.board_area .faq {
		width:100%;
		max-width:100%;
	}

	.customer .csCenter ul li {
		position:relative;
		flex-wrap:wrap;
	}
	.customer .csCenter ul li > span {
		margin-bottom:0.3em;
		width:100%;
	}
	.customer .csCenter ul li > a {
		width: calc(100% - 6em);
	}
	.customer .csCenter ul li > p.date {
		width:6em;
		text-align:right;
	}
	.customer .csCenter ul li > .info {
		width:100%;
	}
	.customer .csCenter ul li > .info span.phone {
		margin-right:0.25em;
		font-size:1.35em;
		width:auto;
	}
	.customer .csCenter ul li > .info > p {
		font-size:0.6em;
	}
	.customer .csCenter ul li > .info .btnArea {
		position:absolute;
		top:0.25em;
		right:0;
		width:auto;
	}
	.customer .csCenter ul li > .info .btnArea a {
		font-size:0.6em;
	}
}


@media screen and (max-width:1024px) {
	.customer .goTest {
		margin:0 0 20px;
		width:100%;
	}
	.customer .goTest img {
		width:100%;
	}
	.customer .csCenter {
		width:100%;
	}
}

@media screen and (max-width:768px) {
	body,th,td,input,select,textarea,button {font-size:18px;}

	.main_visual .banner_slide.sld1 .slogan .css-typing {
		right:3.5em;
	}

	.testInfo .slick-prev, .testInfo .slick-next, .testList .slick-prev, .testList .slick-next {
		left:20px;
	}
	.notice_area .naWrap {
		justify-content:center;
	}
	.notice_area .noticeTitle {
		margin-bottom:0.75em;
	}
	.notice_area a,
	.notice_area p.date {
		width:100%;
		text-align:center;
	}
	.board_area .review ul {
		align-items:stretch;
	}
	.board_area .review ul li {
		margin:0 0 20px;
		width:100%;
		height:auto;
	}
	.board_area .review ul li p.text {
		margin-bottom:3em;
	}
}