@charset "utf-8";
/* CSS Document */

/* All Gradient Set*/
.gradient-main-bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2bc7b1+0,b3e4d2+55,fffdcf+100 */
	background: #2bc7b1; /* Old browsers */
	background: -moz-linear-gradient(top, #2bc7b1 0%, #b3e4d2 55%, #fffdcf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2bc7b1 0%,#b3e4d2 55%,#fffdcf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2bc7b1 0%,#b3e4d2 55%,#fffdcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bc7b1', endColorstr='#fffdcf',GradientType=0 ); /* IE6-9 */
}
.gradient-menu-bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffdcf+0,b3e4d2+45,2bc7b1+100 */
	background: #fffdcf; /* Old browsers */
	background: -moz-linear-gradient(top, #fffdcf 0%, #b3e4d2 45%, #2bc7b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fffdcf 0%,#b3e4d2 45%,#2bc7b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fffdcf 0%,#b3e4d2 45%,#2bc7b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdcf', endColorstr='#2bc7b1',GradientType=0 ); /* IE6-9 */
}
.gradient-light-green {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7f7e1+0,1cc1ac+100 */
	background: #a7f7e1; /* Old browsers */
	background: -moz-linear-gradient(top, #a7f7e1 0%, #1cc1ac 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a7f7e1 0%,#1cc1ac 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a7f7e1 0%,#1cc1ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7f7e1', endColorstr='#1cc1ac',GradientType=0 ); /* IE6-9 */
}
.gradient-green {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25b6a6+0,16a795+100 */
	background: #25b6a6; /* Old browsers */
	background: -moz-linear-gradient(top, #25b6a6 0%, #16a795 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #25b6a6 0%,#16a795 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #25b6a6 0%,#16a795 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25b6a6', endColorstr='#16a795',GradientType=0 ); /* IE6-9 */
}
.gradient-light-green {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7f7e1+0,1cc1ac+100 */
	background: #a7f7e1; /* Old browsers */
	background: -moz-linear-gradient(top, #a7f7e1 0%, #1cc1ac 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a7f7e1 0%,#1cc1ac 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a7f7e1 0%,#1cc1ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7f7e1', endColorstr='#1cc1ac',GradientType=0 ); /* IE6-9 */
}
.gradient-orange {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe047+0,ffb923+60 */
	background: #ffe047; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffe047 0%, #ffb923 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffe047 0%,#ffb923 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffe047 0%,#ffb923 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe047', endColorstr='#ffb923',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient-index {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2bc7b1+0,b3e4d2+55,fffdcf+100 */
	background: #2bc7b1; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #2bc7b1 0%, #b3e4d2 55%, #fffdcf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #2bc7b1 0%,#b3e4d2 55%,#fffdcf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #2bc7b1 0%,#b3e4d2 55%,#fffdcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bc7b1', endColorstr='#fffdcf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* All Circle Bg Set */
.circle-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.circle-bg .bg {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.circle-float {
	width: 230px;
	height: 230px;
	position: absolute;
	border-radius: 100%;
	display: table;
	box-shadow: 0px 10px 20px rgba(0,0,0,.15);
}
.circle-float:after {
	content:'';
	border-radius: 100%;
	width: 100%;
	height: 100%;
	left: 9px;
	top: 9px;
	position: absolute;
	border: 1px solid #a7f7e1;
	z-index: 1;
}
.circle-float.center:after {
	width: 110%;
	height: 110%;
	left: calc(-5% - 1px);
	top: calc(-5% - 1px);
}
.circle-float > div {
	position: relative;
	z-index: 2;
	border-radius: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

/* Ttitle Set */
.page-title {
	text-align: center;
	padding-bottom: 45px;
}
.page-title .title-with-circle {
	margin-bottom: 9px;
}
.page-title > h2 {
	z-index: 2;
	position: relative;
}
.page-title h6 {
	margin-top: 10px;
}
.title-with-circle {
	text-align: center;
	display: inline-block;
	position: relative;
}
.title-with-circle h1,
.title-with-circle h3,
.title-with-circle h5,
.title-with-circle p {
	position: relative;
	z-index: 2;
}
.title-with-circle:before {
	content:'';
	position: absolute;
	z-index: 1;
	border-radius: 100%;
	width: 45px;
	height: 45px;
	background: #ffb923;
	left: 0;
	bottom: 50%;
	margin-left: -23px;
	margin-bottom: -22px;
}
.title-with-circle.for-spec-title:before {
	margin-bottom: -14px;
	margin-left: -16px;
}
.title-with-circle.for-menu {
	margin-bottom: 30px;
}
.title-with-circle.for-menu:before {
	width: 50px;
	height: 50px;
	background: #fffee0;
	bottom: 0;
	margin-left: -25px;
	margin-bottom: -15px;
}
.content-part .title-with-circle.for-menu:before {
	background: #ffb923;
}
.title-with-circle.for-title:before {
	width: 60px;
	height: 60px;
	bottom: 0;
	margin-left: -31px;
	margin-bottom: -20px;
}
.title-with-circle.for-title:before {
	width: 60px;
	height: 60px;
	bottom: 0;
	margin-left: -31px;
	margin-bottom: -20px;
}

.page-sub-title {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 35px;
}
.page-sub-title .sub-title {
	padding-left: 45px;
	padding-right: 45px;
}
.page-sub-title .pattern-line {
	flex: 1;
	-webkit-flex: 1;
}

/* Tab Part */
.pattern-line {
	width: 100%;
	height: 8px;
	background: url(/assets/img/common/pattern-line.svg) left top repeat-x;
	background-size: 8px 7px;
}
.tab-part {
	position: relative;
	z-index: 2;
	margin-bottom: 1px;
}
.tab-part ul {
	display: table;
	width: 100%;
	height: 50px;
	padding: 1px 0;
}
.tab-part li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
}
.tab-part li a:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	width: 1px;
	height: 20px;
	background: #191919;
	top: 50%;
	margin-top: -10px;
}
.tab-part li:last-child a:after {
	display: none;
}
.tab-part li a:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -16px;
	width: 100%;
	height: 100%;
	background:  url(/assets/img/common/tab-active.svg) center bottom no-repeat;
	background-size: 18px 16px;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
}
.tab-part li h4 {
	transition: all 0.3s ease-in-out 0s;
}
/* for Pages */
.service .tab-part li {
	width: 20%;
}
.recruit .tab-part li {
	width: 50%;
}
/*-- Animate --*/
.tab-part li.active,
.tab-part li:hover {
	background: #4ad8c6;
	border-radius: 3px;
}
/*.tab-part li.active a:after,
.tab-part li:hover a:after {
	display: none;
}*/
.tab-part li.active a:before {
	opacity: 1;
}
.tab-part li.active h4,
.tab-part li:hover h4 {
	color: white;
}
.tab-part li.active h4 {
	font-weight: bold;
}

/* Content Part */
.content-part {
	text-align: center;
	background: rgba(255,255,255,0.95);
	box-shadow: 0px 1px 13px rgba(0,0,0,.15);
}
.content-part .title-with-circle {
	margin-bottom: 25px;
}

/* Pic */
.pic {
	overflow: hidden;
}
.pic img {
	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.3s ease-in-out 0s;
}
/* -- Animate -- */
footer .ad-banner.pic:hover .for-system,
.block-part .block:hover .pic .for-system,
footer .banner-part li:hover img {
	transform: scale(1.04);
	-ms-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-webkit-transform: scale(1.04);
}

/* Block Set */
.block-part {
	text-align: center;
	margin-bottom: 25px;
}
.block-part .block {
	box-sizing:border-box;
	display: inline-block;
	vertical-align: top;
	width: 31.85%;
	max-width: 450px;
	margin-right: 1.5%;
	position: relative;
	margin-bottom: 30px;
	box-shadow: 0px 10px 20px rgba(0,0,0,.15);
}
.block-part .block:nth-child(3n+3),
.block-part .block:last-child {
	margin-right: 0;
}
.block-part .block > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;
	opacity: 0.5;
	border: 1px solid white;
	z-index: 2;
}
footer .ad-banner.pic,
.service-item-banner,
.detail-pic .pic,
.model-part .model .pic,
.block-part .block .pic {
	position: relative;
	z-index: 1;
}
footer .ad-banner.pic .for-system,
.service-item-banner .for-system,
.detail-pic .for-system,
.model-part .model .pic .for-system,
.block-part .block .pic .for-system {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition: all 0.3s ease-in-out 0s;
}
.block-part .block .info-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 3;
	overflow: hidden;
	transition: all 0.2s ease-in-out 0s;
}
.block-part .block .info-wrap h5,
.block-part .block .info-wrap p {
	position: relative;
	z-index: 2;
}
.block-part .block .info-wrap h5 {
	margin-bottom: 5px;
}
.block-part .block .info-wrap .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.95;
	z-index: 1;
}
.block-part .block .info-wrap p.sub-info.cata-tag {
	display: inline-block;
    position: absolute;
    left: 120px;
    top: -30px;
    z-index: 2;
    background: rgba(200,200,200,.95);
    color: white;
    letter-spacing: 0.05em;
    font-size: 16px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
}
.content-wrap .block-part .block .info-wrap p.sub-info.cata-tag {
	font-size: 14px;
	line-height: 25px;
	top: -25px;
	left: 100px;
}
/* -- Animate -- */

/* Date */
.date-tag {
	display: inline-block;
	position: absolute;
	left: 9px;
	top: -30px;
	z-index: 2;
	background: rgba(255,192,59,.95);
	color: white;
	letter-spacing: 0.05em;
	font-size: 16px;
	text-align: center;
	width: 120px;
	line-height: 30px;
}
.content-wrap .date-tag {
	font-size: 14px;
	width: 100px;
	line-height: 25px;
	top: -25px;
	/*left: 0;*/
}

/* Btn */
.btn-part {
	text-align: center;
	margin-top: 35px;
}
.content-part .btn-part {
	margin-top: 30px;
}
.btn-part .btn {
	display: block;
	margin-bottom: 30px;
}
.btn-part .btn.smallest {
	display: inline-block;
}
.btn-part .btn:last-child {
	margin-bottom: 0px;
}
.btn {
	background: #fff495;
	height: 60px;
	border-radius: 30px;
	box-shadow: 0px 1px 4px rgba(0,0,0,.15);
	padding-left: 20px;
	padding-right: 45px;
	min-width: 320px;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	position: relative;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
}
.btn a, .btn button,
.btn > div {
	line-height: 60px;
}
.btn .icon,
.btn h4 {
	display: inline-block;
	vertical-align: middle;
}
.btn .icon {
	position: absolute;
	right: 19px;
	top: 24px;
	transition: all 0.3s ease-in-out 0s;
}
.btn h4 {
	font-weight: bold;
	margin-top: -2px;
}
.btn h4 .c-to-m {
	display: inline;
}
/* Btn Yellow */
.btn.for-yellow {
	padding-right: 20px;
	padding-left: 45px;
	max-width: 320px;
}
.btn.for-yellow .icon {
	left: 19px;
	right: auto;
}
/* Btn Green */
.btn.for-green {
	background: #1cc1ac;
	color: white;
}
/* Btn Gray */
.btn.for-gray {
	background: #9b9b9b;
	color: white;
}
.btn.smallest.for-gray-light,
.btn.for-gray-light {
	background: #ebebeb;
	color: #191919;
}
/* Btn Samller */
.btn.smaller {
	min-width: auto;
	height: 50px;
	border-radius: 25px;
	max-width: 320px;
}
.btn.smaller a,
.btn.smaller button {
	line-height: 50px;
}
.btn.smaller .icon {
	top: 15px;
}
/* Btn download */
.btn.download {
	min-width: 220px;
}
/* Btn Samllest */
.btn.smallest {
	min-width: 155px;
	height: 40px;
	border-radius: 20px;
	max-width: 260px;
	background: #9b9b9b;
	color: white;
}
.btn.smallest a,
.btn.smallest button {
	line-height: 40px;
}
.btn.smallest .icon {
	top: 13px;
}
/* Btn for rental */
.btn.for-rental {
	display: inline-block;
	background: #232323;
	color: white;
	height: 45px;
	border-radius: 28px;
}
.btn.for-rental a {
	line-height: 45px;
}
/* Btn for upload */
.btn.for-form {
	min-width: 100px;
	max-width: 100%;
	height: 35px;
	padding-right: 40px;
}
.btn.for-form button {
	line-height: 35px;
}
.btn.smallest.for-form .icon {
	top: 8px;
}
/*-- Animate --*/
.btn:hover {
	background: #fff06e;
}
.block.for-rental-tag:hover .btn .icon,
.btn:hover .icon {
	right: 25px;
}
.btn.for-gray:hover,
.btn.smallest:hover {
	background: #878585;
}
.block.for-rental-tag:hover .btn,
.btn.for-rental:hover {
	background: #191919;
}
.btn.for-yellow:hover .icon {
	left: 25px;
}
.btn.for-green:hover {
	background: #25b6a6;
}
.btn.download:hover {
	transform: scale(1.06);
	-ms-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.06);
}
.btn.download:hover .icon {
	right: 19px;
}

/* Social Part */
.social-part h3 {
	font-weight: 700;
	color: white;
	margin-bottom: 8px;
}
.social-part .icon {
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
	margin-right: 3px;
	transition: all 0.3s ease-in-out 0s;
}
.social-part .icon:first-child {
	margin-left: 0px;
}
.social-part .icon:last-child {
	margin-right: 0px;
}
/* to Share */
.social-part.to-share {
	background: rgba(74,216,198,.95);
	display: inline-block;
	padding: 7px 20px;
	height: 35px;
}
.to-share p,
.to-share ul {
	display: inline-block;
	vertical-align: top;
	line-height: 1;
}
.to-share p {
	color: white;
	margin-right: 10px;
	padding-top: 2px;
}
/* -- Animate -- */
.social-part .icon:hover {
	opacity: 0.7;
}

/* Video */
.video {
	position: relative;
}
.video iframe {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.index .video iframe {
	top: 70px;
}

.video .video-bg {
	position: relative;
	z-index: 1;
}

/* Page number */
.pages-number {
	text-align: center;
}
.pages-number li {
	display: inline-block;
	vertical-align: middle;
	transition: all 0.2s ease-in-out 0s;
}
.pages-number li:not(.arrow) {
	width: 26px;
	height: 26px;
	background: rgba(28,193,172,0);
	margin-top: -8px;
	border-radius: 100%;
}
/*-- Animate --*/
.pages-number li.page:hover,
.pages-number li.active {
	background: #1cc1ac;
	color: white;
}
.pages-number li.arrow:hover,
.pages-number li.arrow.notwork {
	opacity: 0.5;
}
.pages-number li.arrow.notwork {
	pointer-events: none;
}

/* Tags */
.article-tag {
	display: inline-block;
	height: 30px;
	border-radius: 15px;
	background: #ebebeb;
	padding-left: 15px;
	padding-right: 15px;
	transition: all 0.3s ease-in-out 0s;
	margin-bottom: 10px;
	margin-right: 10px;
}
.article-tag .icon,
.article-tag p {
	display: inline-block;
	vertical-align: middle;
}
.article-tag p.sub-info {
	line-height: 30px;
}
.article-tag .icon {
	margin-right: 2px;
}
/*-- Animate --*/
/*.article-tag:hover {
	background: #c8c8c8;
}*/
.for-animate {
	opacity:0;
	/*transition: all 0.7s ease-in-out 0s;*/
}

/* Responsive */
@media screen and (max-width: 1680px) {
	/* All Circle Bg Set 1680 */
	.circle-bg {
		width: 1680px;
		left: 50%;
		margin-left: -840px;
	}
}

@media screen and (max-width: 1440px) {
	/* All Circle Bg Set 1280 */
	.circle-float {
		width: 200px;
		height: 200px;
	}
	.circle-float:after {
		left: 5px;
		top: 5px;
	}
}

@media screen and (max-width: 1280px) {
	/* Ttitle Set 1280 */
	.page-title {
		padding-bottom: 40px;
	}
	.page-title .title-with-circle {
		margin-bottom: 8px;
	}
	.page-title h6 {
		margin-top: 9px;
	}
	.title-with-circle.for-spec-title:before {
		margin-left: -20px;
	}
	.title-with-circle.for-title:before {
		margin-left: -30px;
		margin-bottom: -8px;
	}
	.page-sub-title {
		margin-bottom: 30px;
	}
	.page-sub-title .sub-title {
		padding-left: 35px;
		padding-right: 35px;
	}
	/* Tab Part 1024 */
	.tab-part {
		/*margin-bottom: 30px;*/
	}
}

@media screen and (max-width: 1024px) {
	/* All Circle Bg Set 1024 */
	.page-title {
		padding-bottom: 30px;
	}
	.circle-bg {
		width: 120%;
		left: -10%;
		margin-left: 0;
	}
	/* Ttitle Set 1024 */
	.page-title .title-with-circle {
		margin-bottom: 7px;
	}
	.page-title h6 {
		margin-top: 8px;
	}
	.title-with-circle:before {
		width: 35px;
		height: 35px;
		margin-left: -16px;
		margin-bottom: -18px;
	}
	.title-with-circle.for-spec-title:before {
		margin-left: -14px;
		margin-bottom: -12px;
	}
	.title-with-circle.for-menu {
		margin-bottom: 25px;
	}
	.title-with-circle.for-menu:before {
		width: 40px;
		height: 40px;
		margin-left: -20px;
		margin-bottom: -10px;
	}
	.title-with-circle.for-title:before {
		width: 50px;
		height: 50px;
		margin-left: -25px;
		margin-bottom: -15px;
	}
	.page-sub-title .sub-title {
		padding-left: 30px;
		padding-right: 30px;
	}

	/* Tab Part 1024 */
	.tab-part {
		/*margin-bottom: 25px;*/
	}

	/* Content Part 1024 */
	.content-part .title-with-circle {
		margin-bottom: 20px;
	}

	/* Block Set 1024 */
	.block-part {
		margin-bottom: 15px;
	}
	.block-part .block {
		width: 31.7%;
	}

	/* Btn 1024 */
	.btn-part {
		margin-top: 25px;
	}
	.content-part .btn-part {
		margin-top: 20px;
	}
	.btn-part .btn {
		margin-bottom:25px;
	}
	.btn {
		height: 50px;
		border-radius: 25px;
	}
	.btn a, .btn button,
	.btn > div {
		line-height: 50px;
	}
	.btn .icon {
		top: 19px;
	}
}

@media screen and (max-width: 769px) {
	/* Ttitle Set 768 */
	.title-with-circle:before {
		width: 30px;
		height: 30px;
		margin-left: -13px;
		margin-bottom: -14px;
	}
	.title-with-circle.for-spec-title:before {
		margin-left: -8px;
		margin-bottom: -9px;
	}
	.title-with-circle.for-menu:before {
		width: 30px;
		height: 30px;
		margin-left: -15px;
		margin-bottom: -7px;
	}
	.title-with-circle.for-title:before {
		width: 40px;
		height: 40px;
		margin-left: -20px;
		margin-bottom: -6px;
	}
	.page-sub-title {
		margin-bottom: 25px;
	}
	.page-sub-title .sub-title {
		padding-left: 25px;
		padding-right: 25px;
	}

	/* Tab Part 768 */
	.tab-part {}
	.tab-part ul {
		height: 40px;
	}
	.tab-part li a:after {
		height: 16px;
		margin-top:-8px;
	}
	.tab-part li a:before {
		bottom: -12px;
		background-size: 14px 12px;
	}

	/* Block Set 768 */
	.block-part .block {
		width: 47.5%;
		margin-right: 4%;
	}
	.block-part .block:nth-child(3n+3) {
		margin-right: 4%;
	}
	.block-part .block:nth-child(2n+2) {
		margin-right: 0%;
	}

	/* Page number 768 */
	.pages-number li:not(.arrow) {
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 640px) {
	/* Ttitle Set 640 */
	.page-title {
		padding-bottom: 25px;
	}
	.page-title .title-with-circle {
		margin-bottom: 3px;
	}
	.page-title h6 {
		margin-top: 8px;
	}
	.title-with-circle:before {
		width: 25px;
		height: 25px;
		margin-left: -10px;
		margin-bottom: -13px;
	}
	.title-with-circle.for-spec-title:before {
		margin-bottom: -5px;
		margin-left: 3px;
	}
	.title-with-circle.for-menu {
		margin-bottom: 15px;
	}
	.title-with-circle.for-menu:before {
		width: 25px;
		height: 25px;
		margin-left: -15px;
		margin-bottom: -5px;
	}
	.title-with-circle.for-title:before {
		width: 35px;
		height: 35px;
		margin-left: -18px;
		margin-bottom: -7px;
	}
	.title-with-circle.for-error:before {
		margin-bottom: 0;
	}
	.page-sub-title {
		margin-bottom: 15px;
	}
	.page-sub-title .sub-title {
		padding-left: 8px;
		padding-right: 8px;
	}

	/* Tab Part 640 */
	.pattern-line {
		height: 4px;
	}
	.tab-part {
		/*margin-bottom: 15px;*/
	}
	.tab-part ul {
		height: auto;
		display: block;
		background: #f5f5f5;
		padding: 0;
		margin-top: 1px;
		margin-bottom: 1px;
	}
	.tab-part li {
		display: block;
		height: 35px;
	}
	.tab-part li h4 {
		line-height: 35px;
	}
	.tab-part li a:after {
		left: auto;
		bottom: auto;
		top: 50%;
		right: 15px;
		margin-top: -6px;
		width: 10px;
		height: 11px;
		background:  url(/assets/img/common/icon-arrow-right.svg) center bottom no-repeat;
		background-size: 100%;
		transition: all 0.3s ease-in-out 0s;
	}
	.tab-part li a:before {
		display: none;
	}

	/* Content Part 1024 */
	.content-part .title-with-circle {
		margin-bottom: 15px;
	}

	/* for bottom */
	.bottom-tab-part {
		text-align: center;
		margin-top: 35px;
	}
	.bottom-tab-part .tab-part {
		margin-bottom: 0px;
	}
	.bottom-tab-part .title-with-circle {
		margin-bottom: 10px;
	}
	/* for main */
	.tab-part.for-main.close li {
		display: none;
	}
	.tab-part.for-main li.active {
		display: block;
	}
	.tab-part.for-main li.active a {
		display: inline-block;
	}
	.tab-part.for-main.close li.active a:after {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	/*-- Animate --*/
	.tab-part li.active {
		background: #ebebeb;
	}
	.tab-part li:last-child a:after,
	.tab-part li.active a:after,
	.tab-part li:hover a:after {
		display: block;
	}
	.tab-part li.active h4,
	.tab-part li:hover h4 {
		color: #191919;
	}
	.tab-part li.active h4 {
		font-weight: normal;
	}
	/* for Pages */
	.service .tab-part li,
	.recruit .tab-part li {
		width: 100%;
	}

	/* Block Set 640 */
	.block-part {
		margin-bottom: 10px;
	}
	.block-part .block {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		box-shadow: 0px 5px 10px rgba(0,0,0,.15);
	}
	.block-part .block:nth-child(3n+3),
	.block-part .block:nth-child(2n+2),
	.block-part .block:last-child {
		margin-right: auto;
	}
	.block-part .block .info-wrap p.sub-info.cata-tag {
		font-size: 14px;
		line-height: 25px;
		top: -25px;
		left: 100px;
	}

	/* Date */
	.date-tag {
		font-size: 14px;
		width: 100px;
		line-height: 25px;
		top: -25px;
	}
	/* Btn 640 */
	/*.btn-part {
		margin-top: 25px;
	}
	.content-part .btn-part {
		margin-top: 20px;
	}*/
	.btn-part .btn {
		margin-bottom:15px;
	}
	.btn {
		height: 40px;
		border-radius: 20px;
		box-shadow: 0px 1px 3px rgba(0,0,0,.15);
		padding-left: 5px;
		padding-right: 20px;
		min-width: auto;
		display: block;
		width: 100%;
	}
	.btn.for-rental {
		height: 40px;
		border-radius: 20px;
		display: inline-block;
		width: auto;
		padding-left: 20px;
		padding-right: 35px;
	}
	.btn a, .btn button,
	.btn.for-rental a,
	.btn > div {
		line-height: 40px;
	}
	.btn .icon {
		right: 10px;
		top: 14px;
	}
	.btn h4 .c-to-m {
		display: none;
	}
	/* Btn Yellow */
	.btn.for-yellow {
		padding-right: 5px;
		padding-left: 20px;
	}
	.btn.for-yellow .icon {
		left: 10px;
	}
	/* Btn Samller */
	.btn.smaller {
		height: 40px;
		border-radius: 20px;
	}
	.btn.smaller a,
	.btn.smaller button {
		line-height: 40px;
	}
	.btn.smaller .icon {
		top: 10px;
	}
	/* Btn for Rental */
	.btn.for-rental .icon {
		top: 13px;
	}
	/* Btn Samllest */
	.btn.smallest {
		max-width: 320px;
	}

	/* Social Part 640 */
	.social-part h3 {
		margin-bottom: 3px;
	}
	/* to Share */
	.social-part.to-share {
		background: rgba(74,216,198,.7);
		display: block;
		padding: 5px 15px 3px;
		height: auto;
		border-radius: 15px;
		text-align: center;
	}
	.social-part.to-share .icon {
		margin-left: 8px;
		margin-right: 8px;
	}
	.social-part.to-share .icon:first-child {
		margin-left: 0;
	}
	.social-part.to-share .icon:last-child {
		margin-right: 0;
	}
	.to-share p {
		padding-top: 4px;
	}

	/* Page number 640 */
	.pages-number {
		margin-top: 20px;
	}
	.pages-number li:not(.arrow) {
		width: 21px;
		height: 21px;
		margin-top: -6px;
	}

	/* Tags 640 */
	.article-tag {
		padding-left: 12px;
		padding-right: 12px;
		margin-right: 3px;
	}
	.article-tag:last-child {
		margin-bottom: 0;
	}
}