/*
SENSE Layout Skin
ie11.0, chrome 29.0, safari 10, firefox 22.0, opera 48 
By xetemplate(https:xetemplate.com) 
*/

/* ------------------------------------------------------------------------------------------------------------------ */
/* CONTENT - ABOUT
/* ------------------------------------------------------------------------------------------------------------------ */
.section-about-wrp {
}
.section-about-wrp h2 {
}
/* About History Table */
.flex-table {}
.flex-table .flex-table-thead {
	padding: 20px 0;
	color: #8d99a7;
    border-bottom: 1px solid rgba(197,210,224,.7);
}
.flex-table .flex-table-tr {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid rgba(197,210,224,.7);
}

.xet-team-wrp .sns-icon a {
	display: inline-block;
	margin-right: 10px;
}

.xet-team-list a {
	display: block;
	margin: 20px;
	text-align: center;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* CONTENT - SERVICE
/* ------------------------------------------------------------------------------------------------------------------ */
.xet-feature-wrp .item {
	display: flex;
	align-items: center;
}
.xet-feature-wrp .item h4 {
}
.xet-feature-wrp .item {}
.xet-feature-wrp .item .icon>span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #fff;
	color: #1b1b1b;
}
.xet-feature-wrp .item .icon>span>i {
	font-size: 48px;
}
.xet-feature-wrp .item .caption {}

/* colorset - light mode */
.xet-content.light-sub .xet-feature-wrp .item .icon>span {
	background-color: #1b1b1b;
	color: #fff;
}


/* Small devices (tablets, 991px 이하)
---------------------------------------------------------------------------- */
@media (max-width: 767px) {
	
	/* About */
	.flex-table {
		border-top: 1px solid rgba(197,210,224,.7);
	}
	.flex-table .flex-table-tr {
		padding: 10px 0 0;
	}
	.flex-table .flex-table-td {
		position: relative;
		padding: 20px 0 0;
		margin-bottom: 10px;
	}
	.flex-table .flex-table-td:before {
	    content: attr(data-th);
	    color: #8d99a7;
	    font-size: 11px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    padding-right: 1rem;
	    padding-top: .2rem;
	    white-space: nowrap;
	    text-transform: uppercase;
    }
}