/* 버튼 */
.btn,.btn i{vertical-align:middle}.btn:before,.btn:focus:before,.btn:hover:before{z-index:-1;transition:.3s}.btn,.btn.btn-link{overflow:hidden;text-transform:uppercase}.btn,.btn:not(:disabled):not(.disabled){cursor:pointer}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{font-size:.8rem}.btn{position:relative;z-index:1;border-radius:2px;font-weight:700;font-size:14px;padding:14px 30px;letter-spacing:.05em}.btn i{display:inline-block;margin-right:8px}.btn.btn-rounded{border-radius:100px}.btn:before{content:"";position:absolute;left:0;top:0;width:0%;height:100%}.btn.btn-link{border:0;padding:0;color:#4782d3}.btn.btn-sm{padding:9px 20px;font-size:.75rem}.btn.btn-link:after{font-family:themify;content:"\e649";margin-left:5px;position:relative;top:0;font-size:10px;transition:.3s;-webkit-transition:.3s}.btn.btn-link:hover{text-decoration:none;color:#999}.btn.btn-link:hover:after{margin-top:-100px}.btn.btn-secondary{color:#999}.btn-circle .btn-danger i,.btn-circle .btn-info i,.btn-circle .btn-primary i,.btn-circle .btn-success i,.btn-circle .btn-warning i,.btn.btn-secondary:hover{color:#fff}.btn-white{background-color:#fff;color:#333}.btn-white-outline{border:2px solid #fff;background-color:transparent;color:#fff}.btn-white-outline:focus:before,.btn-white-outline:hover:before{width:100%;background-color:#fff}.btn-outline-primary{border:2px solid #4782d3;background-color:transparent;color:#4782d3}.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover{color:#fff;border-color:#4782d3;background-color:transparent}.btn-outline-primary:active:before,.btn-outline-primary:focus:before,.btn-outline-primary:hover:before{width:100%;background-color:#4782d3}.btn-outline-info{border:2px solid #5bc0de;background-color:transparent;color:#5bc0de}.btn-outline-info:active,.btn-outline-info:focus,.btn-outline-info:hover{color:#fff;border-color:#5bc0de;background-color:transparent}.btn-outline-info:active:before,.btn-outline-info:focus:before,.btn-outline-info:hover:before{width:100%;background-color:#5bc0de}.btn-outline-success{border:2px solid #5cb85c;background-color:transparent;color:#5cb85c}.btn-outline-success:active,.btn-outline-success:focus,.btn-outline-success:hover{color:#fff;border-color:#5cb85c;background-color:transparent}.btn-outline-success:active:before,.btn-outline-success:focus:before,.btn-outline-success:hover:before{width:100%;background-color:#5cb85c}.btn-outline-danger{border:2px solid #c9302c;background-color:transparent;color:#c9302c}.btn-outline-danger:active,.btn-outline-danger:focus,.btn-outline-danger:hover{color:#fff;border-color:#c9302c;background-color:transparent}.btn-outline-danger:active:before,.btn-outline-danger:focus:before,.btn-outline-danger:hover:before{width:100%;background-color:#c9302c}.btn-outline-warning{border:2px solid #f0ad4e;background-color:transparent;color:#f0ad4e}.btn-outline-warning:active,.btn-outline-warning:focus,.btn-outline-warning:hover{color:#fff;border-color:#f0ad4e;background-color:transparent}.btn-outline-warning:active:before,.btn-outline-warning:focus:before,.btn-outline-warning:hover:before{width:100%;background-color:#f0ad4e}.btn-outline-secondary{border:2px solid #ccc;background-color:transparent;color:#ccc}.btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:hover{color:#fff;border-color:#ccc;background-color:transparent}.btn-outline-secondary:active:before,.btn-outline-secondary:focus:before,.btn-outline-secondary:hover:before{width:100%;background-color:#ccc}.btn-secondary.disabled,.btn-secondary:disabled{background-color:#f5f5f5}.btn-danger,.btn-dark,.btn-info,.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-white{box-shadow:0 .05em .1em rgba(0,0,0,.18);border:0}.btn-danger:hover,.btn-dark:hover,.btn-info:hover,.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover,.btn-white:hover{border:0;box-shadow:0 .05em 1em rgba(0,0,0,.18)}.btn-secondary{background:#f5f5f5;box-shadow:none}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{border:0;color:#fff;box-shadow:none}.btn-circle,.icon-sm-rounded{text-align:center;border-radius:50%}.btn-primary,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:#4782d3;color:#fff}.btn-circle{width:80px;height:80px;line-height:80px}.btn-circle i{display:block;line-height:80px;margin:0 auto;font-size:35px}.btn-dark,.btn-dark:active,.btn-dark:focus,.btn-dark:hover{background:#141414;color:#fff}.icon-sm-rounded{width:32px;height:32px;line-height:32px;display:inline-block;background:#4782d3;color:#fff}.btn-white-outline:focus,.btn-white-outline:hover{color:#333;border-color:#fff}.btn.btn-lg{padding:15px 40px;font-size:14px}.btn:focus,.btn:hover{box-shadow:none;outline:0}
.btn.btn-sm {
    padding: 9px 20px;
    font-size: 12px;
}
.btn-white-outline{
	padding: 17px 30px;
}

/*
 * -------------------------------
 *  메인 슬라이드 아이콘
 * -------------------------------
*/

/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	figcaption .material-symbols-outlined {
			font-size: 20px;
			color: #fff;
			vertical-align: middle;
	}
}

/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px) {
	figcaption .material-symbols-outlined {
		font-size: 20px;
		color: #fff;
		vertical-align: middle;
	}
}

/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px) {
	figcaption .material-symbols-outlined {
			font-size: 20px;
			color: #fff;
			vertical-align: middle;
		}
}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	figcaption .material-symbols-outlined {
		font-size: 60px;
		color: #fff;
		vertical-align: bottom;
	}
}


/*
 * -------------------------------
 *  메인 아이콘 박스 - 비즈니스 1
 * -------------------------------
*/

/* 모바일기기 1 */
@media only screen and (max-width: 320px) {


	/* box1 */
	.sp-box-1 {
		perspective: 1000px;
		position: relative;
		height: 170px;
	}

	.sp-box-1 .colorbox-1 {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #1d3557;
		height: 170px;
		flex-direction: column;
	}

	.sp-box-1 .colorbox-1 .title {
		color: #fff;
		margin-top: 10px;
	}

	.sp-box-1 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 40px;
		font-weight: 300;
	}

	.card-front,
	.card-back {
		color: #fff;
		font-size: 11px;
		line-height: 1.5;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #1d3557;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.card-back {
		transform: rotateY(180deg);
		padding: 5px;
	}

	.sp-box-1:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-1:hover .card-back {
		transform: rotateY(0deg);
	}


	/* box2 */
	.sp-box-2 {
		perspective: 1000px;
		position: relative;
		height: 170px;
	}

	.sp-box-2 .colorbox-1 {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #457b9d;
		height: 170px;
		flex-direction: column;
	}

	.sp-box-2 .colorbox-1 .title {
		color: #fff;
		margin-top: 10px;
	}

	.sp-box-2 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 40px;
		font-weight: 300;
	}

	.sp-box-2 .card-front,
	.sp-box-2 .card-back {
		color: #fff;
		font-size: 11px;
		line-height: 1.5;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #457b9d;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.sp-box-2 .card-back {
		transform: rotateY(180deg);
		padding: 5px;
	}

	.sp-box-2:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-2:hover .card-back {
		transform: rotateY(0deg);
	}



	/* box3 */
	.sp-box-3 {
		perspective: 1000px;
		position: relative;
		height: 170px;

	}

	.sp-box-3 .colorbox-1 {
		color: #333;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #fff;
		height: 170px;
		flex-direction: column;
		border: 1px solid #e1e1e1;
	}

	.sp-box-3 .colorbox-1 .title {
		color: #333;
		margin-top: 10px;
	}

	.sp-box-3 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 40px;
		font-weight: 300;
	}

	.sp-box-3 .card-front,
	.sp-box-3 .card-back {
		color: #333;
		font-size: 11px;
		line-height: 1.5;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #fff;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.sp-box-3 .card-back {
		transform: rotateY(180deg);
		padding: 5px;
	}

	.sp-box-3:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-3:hover .card-back {
		transform: rotateY(0deg);
	}


}


/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.back-text p{
		font-size: 10px;
	}
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.back-text p{
		font-size: 12px;
	}
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.back-text p{
		font-size: 14px;
	}
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.back-text p{
		font-size: 14px;
	}
}


/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px) {


	/* box1 */
	.sp-box-1 {
		perspective: 1000px;
		position: relative;
		height: 170px;
	}

	.sp-box-1 .colorbox-1 {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #1d3557;
		height: 170px;
		flex-direction: column;
	}

	.sp-box-1 .colorbox-1 .title {
		color: #fff;
		margin-top: 10px;
	}

	.sp-box-1 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 40px;
		font-weight: 300;
	}

	.card-front,
	.card-back {
		color: #fff;
		font-size: 11px;
		line-height: 1.5;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #1d3557;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.card-back {
		transform: rotateY(180deg);
		padding: 10px;
	}

	.sp-box-1:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-1:hover .card-back {
		transform: rotateY(0deg);
	}


	/* box2 */
	.sp-box-2 {
		perspective: 1000px;
		position: relative;
		height: 170px;
	}

	.sp-box-2 .colorbox-1 {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #457b9d;
		height: 170px;
		flex-direction: column;
	}

	.sp-box-2 .colorbox-1 .title {
		color: #fff;
		margin-top: 10px;
	}

	.sp-box-2 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 40px;
		font-weight: 300;
	}

	.sp-box-2 .card-front,
	.sp-box-2 .card-back {
		color: #fff;
		font-size: 11px;
		line-height: 1.5;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #457b9d;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.sp-box-2 .card-back {
		transform: rotateY(180deg);
		padding: 20px;
	}

	.sp-box-2:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-2:hover .card-back {
		transform: rotateY(0deg);
	}



	/* box3 */
	.sp-box-3 {
		perspective: 1000px;
		position: relative;
		height: 170px;

	}

	.sp-box-3 .colorbox-1 {
		color: #333;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #fff;
		height: 170px;
		flex-direction: column;
		border: 1px solid #e1e1e1;
	}

	.sp-box-3 .colorbox-1 .title {
		color: #333;
		margin-top: 10px;
	}

	.sp-box-3 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 40px;
		font-weight: 300;
	}

	.sp-box-3 .card-front,
	.sp-box-3 .card-back {
		color: #333;
		font-size: 11px;
		line-height: 1.5;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #fff;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.sp-box-3 .card-back {
		transform: rotateY(180deg);
		padding: 20px;
	}

	.sp-box-3:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-3:hover .card-back {
		transform: rotateY(0deg);
	}

}

/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px) {

	/* box1 */
	.sp-box-1 {
		perspective: 1000px;
		position: relative;
		height: 250px;
	}

	.sp-box-1 .colorbox-1 {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #1d3557;
		height: 250px;
		flex-direction: column;
	}

	.sp-box-1 .colorbox-1 .title {
		color: #fff;
		margin-top: 10px;
	}

	.sp-box-1 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 55px;
		font-weight: 300;
	}

	.card-front,
	.card-back {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #1d3557;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.card-back {
		transform: rotateY(180deg);
		padding: 20px;
	}

	.sp-box-1:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-1:hover .card-back {
		transform: rotateY(0deg);
	}


	/* box2 */
	.sp-box-2 {
		perspective: 1000px;
		position: relative;
		height: 250px;
	}

	.sp-box-2 .colorbox-1 {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #457b9d;
		height: 250px;
		flex-direction: column;
	}

	.sp-box-2 .colorbox-1 .title {
		color: #fff;
		margin-top: 10px;
	}

	.sp-box-2 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 55px;
		font-weight: 300;
	}

	.sp-box-2 .card-front,
	.sp-box-2 .card-back {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #457b9d;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.sp-box-2 .card-back {
		transform: rotateY(180deg);
		padding: 20px;
	}

	.sp-box-2:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-2:hover .card-back {
		transform: rotateY(0deg);
	}



	/* box3 */
	.sp-box-3 {
		perspective: 1000px;
		position: relative;
		height: 250px;

	}

	.sp-box-3 .colorbox-1 {
		color: #333;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #fff;
		height: 250px;
		flex-direction: column;
		border: 1px solid #e1e1e1;
	}

	.sp-box-3 .colorbox-1 .title {
		color: #333;
		margin-top: 10px;
	}

	.sp-box-3 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 55px;
		font-weight: 300;
	}

	.sp-box-3 .card-front,
	.sp-box-3 .card-back {
		color: #333;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #fff;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.sp-box-3 .card-back {
		transform: rotateY(180deg);
		padding: 20px;
	}

	.sp-box-3:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-3:hover .card-back {
		transform: rotateY(0deg);
	}


}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {

	/* box1 */
	.sp-box-1 {
		perspective: 1000px;
		position: relative;
		height: 250px;
	}

	.sp-box-1 .colorbox-1 {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #1d3557;
		height: 250px;
		flex-direction: column;
	}

	.sp-box-1 .colorbox-1 .title {
		color: #fff;
		margin-top: 10px;
	}

	.sp-box-1 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 55px;
		font-weight: 300;
	}

	.card-front,
	.card-back {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #1d3557;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.card-back {
		transform: rotateY(180deg);
		padding: 20px;
	}

	.sp-box-1:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-1:hover .card-back {
		transform: rotateY(0deg);
	}


	/* box2 */
	.sp-box-2 {
		perspective: 1000px;
		position: relative;
		height: 250px;
	}

	.sp-box-2 .colorbox-1 {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #457b9d;
		height: 250px;
		flex-direction: column;
	}

	.sp-box-2 .colorbox-1 .title {
		color: #fff;
		margin-top: 10px;
	}

	.sp-box-2 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 55px;
		font-weight: 300;
	}

	.sp-box-2 .card-front,
	.sp-box-2 .card-back {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #457b9d;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.sp-box-2 .card-back {
		transform: rotateY(180deg);
		padding: 20px;
	}

	.sp-box-2:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-2:hover .card-back {
		transform: rotateY(0deg);
	}



	/* box3 */
	.sp-box-3 {
		perspective: 1000px;
		position: relative;
		height: 250px;

	}

	.sp-box-3 .colorbox-1 {
		color: #333;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #fff;
		height: 250px;
		flex-direction: column;
		border: 1px solid #e1e1e1;
	}

	.sp-box-3 .colorbox-1 .title {
		color: #333;
		margin-top: 10px;
	}

	.sp-box-3 .colorbox-1 span {
		display: block;
		margin: 10px 0;
		font-size: 55px;
		font-weight: 300;
	}

	.sp-box-3 .card-front,
	.sp-box-3 .card-back {
		color: #333;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: #fff;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: transform 0.3s;
		backface-visibility: hidden;
	}

	.sp-box-3 .card-back {
		transform: rotateY(180deg);
		padding: 20px;
	}

	.sp-box-3:hover .card-front {
		transform: rotateY(180deg);
	}

	.sp-box-3:hover .card-back {
		transform: rotateY(0deg);
	}
}

/*
 * -------------------------------
 *  비즈니스 1 - 텝메뉴
 * -------------------------------
*/
/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.tabs-container .nav>li {
		float: left;
		text-align: center;
		width: 33.3333%;
	}
	.tabs-container .nav>li>a {
		padding: 0px;
		padding: 10px;
	}	
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.tabs-container .nav>li {
		float: left;
		text-align: center;
		width: 33.3333%;
	}
	.tabs-container .nav>li>a {
		padding: 0px;
		padding: 15px;
	}
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.tabs-container .nav>li {
		float: left;
		text-align: center;
		width: 33.3333%;
	}
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.tabs-container .nav>li {
		float: left;
		text-align: center;
		width: 33.3333%;
	}
}






/*
 * -------------------------------
 *  메인 아이콘 박스
 * -------------------------------
*/

.main-box .col-md-12 {
	padding: 5px 5px;
}

.box-color {
	position: relative;
}

.box-color>.icon {
	text-align: center;
	position: relative;
}

.box-color>.icon>.image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #6c757d;
	vertical-align: middle;
}



.box-color>.icon>.info>h3.title {
	margin-top: 20px;
	font-size: 20px;
	color: #222;
	font-weight: 500;
}



/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.box-color>.icon>.info>p {
		font-size: 10px;
		font-weight: 600;
		color: #666;
		line-height: 1.7;
		margin: 10px;
		text-align: center;
	}
	.box-color>.icon>.info {
		border: 1px solid #e0e0e0;
		padding: 15px 0 10px 0;
		height: 230px;
	}		
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.box-color>.icon>.info>p {
		font-size: 12px;
		font-weight: 600;
		color: #666;
		line-height: 1.7;
		margin: 10px;
		text-align: center;
	}
	.box-color>.icon>.info {
		border: 1px solid #e0e0e0;
		padding: 15px 0 10px 0;
		height: 230px;
	}		
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.box-color>.icon>.info>p {
		font-size: 13px;
		font-weight: 600;
		color: #666;
		line-height: 1.7;
		margin: 20px;
		text-align: center;
	}
	.box-color>.icon>.info {
		border: 1px solid #e0e0e0;
		padding: 25px 0 10px 0;
		height: 257px;
	}		
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.box-color>.icon>.info>p {
		font-size: 16px;
		font-weight: 600;
		color: #666;
		line-height: 1.7;
		margin: 20px;
		text-align: center;
	}
	.box-color>.icon>.info {
		border: 1px solid #e0e0e0;
		padding: 25px 0 10px 0;
		height: 257px;
	}	
}

.box-color .space {
	height: 30px;
}

.box-color>.icon>.info:hover {
	background: #1d3557;
	color: #fff;
}

.box-color>.icon>.info:hover p {
	background: #1d3557;
	color: #fff;
}

/* info-pink */

.box-color>.icon {
	text-align: center;
	position: relative;
}

.box-color>.icon>.image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #6c757d;
	vertical-align: middle;
}



.box-color>.icon>.info-pink>h3.title {
	margin-top: 20px;
	font-size: 20px;
	color: #222;
	font-weight: 500;
}



/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.box-color>.icon>.info-pink>p {
		font-size: 10px;
		font-weight: 600;
		color: #fff;
		line-height: 1.7;
		margin: 10px;
		text-align: center;
	}
	.box-color>.icon>.info-pink {
		border: 1px solid #e0e0e0;
		padding: 15px 0 10px 0;
		background: #457b9d;
		color: #fff;
		height: 230px;
	}	
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.box-color>.icon>.info-pink>p {
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		line-height: 1.7;
		margin: 10px;
		text-align: center;
	}
	.box-color>.icon>.info-pink {
		border: 1px solid #e0e0e0;
		padding: 15px 0 10px 0;
		background: #457b9d;
		color: #fff;
		height: 230px;
	}	
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.box-color>.icon>.info-pink>p {
		font-size: 13px;
		font-weight: 600;
		color: #fff;
		line-height: 1.7;
		margin: 20px;
		text-align: center;
	}
	.box-color>.icon>.info-pink {
		border: 1px solid #e0e0e0;
		padding: 25px 0 10px 0;
		background: #457b9d;
		color: #fff;
		height: 257px;
	}	
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.box-color>.icon>.info-pink>p {
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		line-height: 1.7;
		margin: 20px;
		text-align: center;
	}
	.box-color>.icon>.info-pink {
		border: 1px solid #e0e0e0;
		padding: 25px 0 10px 0;
		background: #457b9d;
		color: #fff;
		height: 257px;
	}	
}

.box-color .space {
	height: 30px;
}

.box-color>.icon>.info-pink:hover {
	background: #fff;
	color: #333;
}

.box-color>.icon>.info-pink:hover p {
	color: #333;
}


/* info-pink-3 */

.box-color>.icon {
	text-align: center;
	position: relative;
}

.box-color>.icon>.image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #6c757d;
	vertical-align: middle;
}



.box-color>.icon>.info-pink-3>h3.title {
	margin-top: 20px;
	font-size: 20px;
	color: #222;
	font-weight: 500;
}


/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.box-color>.icon>.info-pink-3>p {
		font-size: 10px;
		font-weight: 600;
		color: #fff;
		line-height: 1.7;
		margin: 10px;
		text-align: center;
	}
	.box-color>.icon>.info-pink-3 {
		
		border: 1px solid #e0e0e0;
		padding: 15px 0 10px 0;
		background: #1d3557;
		color: #fff;
		height: 230px;
	}	
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.box-color>.icon>.info-pink-3>p {
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		line-height: 1.7;
		margin: 10px;
		text-align: center;
	}
	.box-color>.icon>.info-pink-3 {
		
		border: 1px solid #e0e0e0;
		padding: 15px 0 10px 0;
		background: #1d3557;
		color: #fff;
		height: 230px;
	}	
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.box-color>.icon>.info-pink-3>p {
		font-size: 13px;
		font-weight: 600;
		color: #fff;
		line-height: 1.7;
		margin: 20px;
		text-align: center;
	}
	.box-color>.icon>.info-pink-3 {
		
		border: 1px solid #e0e0e0;
		padding: 25px 0 10px 0;
		background: #1d3557;
		color: #fff;
		height: 257px;
	}	
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.box-color>.icon>.info-pink-3>p {
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		line-height: 1.7;
		margin: 20px;
		text-align: center;
	}
	.box-color>.icon>.info-pink-3 {
		
		border: 1px solid #e0e0e0;
		padding: 25px 0 10px 0;
		background: #1d3557;
		color: #fff;
		height: 257px;
	}
}

.box-color>.icon>.info-pink-3>.more a {
	font-size: 12px;
	color: #222;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.box-color .space {
	height: 25px;
}

.box-color>.icon>.info-pink-3:hover {
	background: #fff;
	color: #333;
}

.box-color>.icon>.info-pink-3:hover p {
	color: #333;
}


/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.box-color .material-symbols-outlined {
		font-size: 40px;
	}

	.box-color .title {
		font-size: 12px;
	}
}

/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px) {
	.box-color .material-symbols-outlined {
		font-size: 40px;
	}

	.box-color .title {
		font-size: 12px;
	}
}

/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px) {
	.box-color .material-symbols-outlined {
		font-size: 55px;
	}

	.box-color .title {
		font-size: 16px;
	}
}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.box-color .material-symbols-outlined {
		font-size: 55px;
	}

	.box-color .title {
		font-size: 22px;
	}

}

.btn-area {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 25px;
}

.box-color .material-symbols-outlined {
	transition: transform 0.3s ease;
}

.box-color:hover .material-symbols-outlined {
	transform: rotateY(180deg);
}

.box-color .info .btn-default:hover {
	background: #457b9d;
	color: #fff;
}

.center-heading p {
	margin-top: 10px;
}

p.sub-text {
	font-style: normal;
	font-size: 26px;
	line-height: 29px;
	font-weight: 700;
	color: #080808;
	text-align: left;
}






/*
 * -------------------------------
 *  비즈니스 , 비즈니스 2
 * -------------------------------
*/


.main-box,
.main-box-2 {
	margin-left: -5px;
	margin-right: -5px;
}

.main-box .col-lg-3 {
	padding: 5px 5px;
}

.main-box-2 .col-md-6 {
	padding: 5px 5px;
}




.main-color-box>.icon {
	text-align: center;
	position: relative;
}

.main-color-box>.icon>.image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #6c757d;
	vertical-align: middle;
}

.main-color-box>.icon>.image>i {
	font-size: 36px !important;
	color: #fff !important;
}

.main-color-box>.icon>.info {
	border: 1px solid #e0e0e0;
	padding: 25px 0 25px 0;
	height: 257px;
}

.main-color-box>.icon>.info>h3.title {
	margin-top: 20px;
	font-size: 20px;
	color: #222;
	font-weight: 500;
}

.main-color-box>.icon>.info>p {
	font-weight: 600;
	color: #666;
	line-height: 1.7;
	margin: 20px;
	text-align: center;
}

.main-color-box>.icon>.info>.more a {
	font-family: "Roboto", sans-serif !important;
	font-size: 12px;
	color: #222;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.main-color-box .space {
	height: 30px;
}

.main-color-box span {
	font-size: 60px;
}

.main-color-box .info {
	transition: box-shadow .25s;
}

.main-color-box .info:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.main-color-box .info .material-symbols-outlined {
	transition: transform 0.5s;
}

.main-color-box .info:hover .material-symbols-outlined {
	transform: rotateY(180deg);
	transition: transform 0.5s;
}


/* info-pink */

.main-color-box>.icon {
	text-align: center;
	position: relative;
}

.main-color-box>.icon>.image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #6c757d;
	vertical-align: middle;
}

.main-color-box>.icon>.image>i {
	font-size: 36px !important;
	color: #fff !important;
}

.main-color-box>.icon>.info-pink {

	border: 1px solid #e0e0e0;
	padding: 25px 0 25px 0;
	background: #457b9d;
	color: #fff;
	height: 257px;
}

.main-color-box>.icon>.info-pink>h3.title {
	margin-top: 20px;
	font-size: 20px;
	color: #222;
	font-weight: 500;
}

.main-color-box>.icon>.info-pink>p {
	font-weight: 600;
	color: #fff;
	line-height: 1.7;
	margin: 20px;
	text-align: center;
}

.main-color-box>.icon>.info-pink>.more a {
	font-family: "Roboto", sans-serif !important;
	font-size: 12px;
	color: #222;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.main-color-box .space {
	height: 30px;
}

.info-pink i {
	font-size: 60px;
}

.main-color-box .info-pink {
	transition: box-shadow .25s;
}

.main-color-box .info-pink:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.main-color-box .info-pink .material-symbols-outlined {
	transition: transform 0.5s;
}

.main-color-box .info-pink:hover .material-symbols-outlined {
	transform: rotateY(180deg);
	transition: transform 0.5s;
}


/* info-pink-2 */

.main-color-box>.icon {
	text-align: center;
	position: relative;
}

.main-color-box>.icon>.image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #6c757d;
	vertical-align: middle;
}

.main-color-box>.icon>.image>i {
	font-size: 36px !important;
	color: #fff !important;
}

.main-color-box>.icon>.info-pink-2 {

	border: 1px solid #e0e0e0;
	padding: 25px 0 25px 0;
	background: #a8dadc;
	color: #fff;
	height: 257px;
}

.main-color-box>.icon>.info-pink-2>h3.title {
	margin-top: 20px;
	font-size: 20px;
	color: #222;
	font-weight: 500;
}

.main-color-box>.icon>.info-pink-2>p {
	font-weight: 600;
	color: #fff;
	line-height: 1.7;
	margin: 20px;
	text-align: center;
}

.main-color-box>.icon>.info-pink-2>.more a {
	font-family: "Roboto", sans-serif !important;
	font-size: 12px;
	color: #222;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.main-color-box .space {
	height: 25px;
}

.info-pink-2 i {
	font-size: 60px;
}

.main-color-box .info-pink-2 {
	transition: box-shadow .25s;
}

.main-color-box .info-pink-2:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.main-color-box .info-pink-2 .material-symbols-outlined {
	transition: transform 0.5s;
}

.main-color-box .info-pink-2:hover .material-symbols-outlined {
	transform: rotateY(180deg);
	transition: transform 0.5s;
}


/* info-pink-3 */

.main-color-box>.icon {
	text-align: center;
	position: relative;
}

.main-color-box>.icon>.image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #6c757d;
	vertical-align: middle;
}

.main-color-box>.icon>.image>i {
	font-size: 36px !important;
	color: #fff !important;
}

.main-color-box>.icon>.info-pink-3 {

	border: 1px solid #e0e0e0;
	padding: 25px 0 25px 0;
	background: #1d3557;
	color: #fff;
	height: 257px;
}

.main-color-box>.icon>.info-pink-3>h3.title {
	margin-top: 20px;
	font-size: 20px;
	color: #222;
	font-weight: 500;
}

.main-color-box>.icon>.info-pink-3>p {
	font-weight: 600;
	color: #fff;
	line-height: 1.7;
	margin: 20px;
	text-align: center;
}

.main-color-box>.icon>.info-pink-3>.more a {
	font-family: "Roboto", sans-serif !important;
	font-size: 12px;
	color: #222;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.main-color-box .space {
	height: 25px;
}

.info-pink-3 i {
	font-size: 60px;
}

.main-color-box .info-pink-3 {
	transition: box-shadow .25s;
}

.main-color-box .info-pink-3:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.main-color-box .info-pink-3 .material-symbols-outlined {
	transition: transform 0.5s;
}

.main-color-box .info-pink-3:hover .material-symbols-outlined {
	transform: rotateY(180deg);
	transition: transform 0.5s;
}

.center-heading {
    text-align: center;
    margin-bottom: 0px;
}



/*
 * -------------------------------
 *  와이드박스
 * -------------------------------
*/
.widebox-1 {
	overflow: hidden;
}
.widebox-1-row {
  position: relative;
}	
.no-padding.gray {
	background-color: #f5f5f5;
}		

/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.no-padding.img-view {
	  background-size: cover;
	  height: 100%;
	}
	.no-padding-inner {
		padding: 30px;
	}
	.no-padding-inner-img{
		padding: 80px;
	}			
	.widebox-icon {
		background: transparent;
		width: 50px;
		height: 50px;
		display: inline-block;
		float: left;
		height: 35px;
		line-height: 35px;
		margin-right: 10px;
		position: relative;
		text-align: center;
		top: 5px;
	}
	.widebox-icon .material-symbols-outlined {
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #0077b6;
		color: #fff;
		font-size: 24px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
	}
	.servicebox-icon {
		padding-left: 65px;
	}
	.servicebox-icon h4 {
		font-weight: 700;
		font-size: 14px;
		color: #000;
		text-transform: uppercase;
		margin-bottom: 5px;
	}		
	.servicebox-icon p {
		font-weight: 700;
		font-size: 12px;
		color: #999;
		text-transform: uppercase;
		margin-bottom: 5px;
		line-height: 1.7;
	}			
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.no-padding.img-view {
	  background-size: cover;
	  height: 100%;
	}
	.no-padding-inner {
		padding: 30px;
	}
	.no-padding-inner-img{
		padding: 80px;
	}
	.widebox-icon {
		background: transparent;
		width: 50px;
		height: 50px;
		display: inline-block;
		float: left;
		height: 35px;
		line-height: 35px;
		margin-right: 10px;
		position: relative;
		text-align: center;
		top: 5px;
	}
	.widebox-icon .material-symbols-outlined {
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #0077b6;
		color: #fff;
		font-size: 24px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
	}
	.servicebox-icon {
		padding-left: 65px;
	}
	.servicebox-icon h4 {
		font-weight: 700;
		font-size: 14px;
		color: #000;
		text-transform: uppercase;
		margin-bottom: 5px;
	}		
	.servicebox-icon p {
		font-weight: 700;
		font-size: 12px;
		color: #999;
		text-transform: uppercase;
		margin-bottom: 5px;
		line-height: 1.7;
	}				
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.no-padding.img-view {
	  background-size: cover;
	  position: absolute;
	  height: 100%;
	}
	.no-padding-inner {
		padding: 60px;
	}				
	.widebox-icon {
		background: transparent;
		width: 50px;
		height: 50px;
		display: inline-block;
		float: left;
		height: 35px;
		line-height: 35px;
		margin-right: 10px;
		position: relative;
		text-align: center;
		top: 5px;
	}
	.widebox-icon .material-symbols-outlined {
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #0077b6;
		color: #fff;
		font-size: 17px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
	}
	.servicebox-icon {
		padding-left: 65px;
	}
	.servicebox-icon h4 {
		font-weight: 700;
		font-size: 15px;
		color: #000;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.servicebox-icon p {
		font-weight: 700;
		font-size: 13px;
		color: #999;
		text-transform: uppercase;
		margin-bottom: 5px;
	}				
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.no-padding.img-view {
	  background-size: cover;
	  position: absolute;
	  height: 100%;
	}
	.no-padding-inner {
		padding: 60px;
	}				
	.widebox-icon {
		background: transparent;
		width: 50px;
		height: 50px;
		display: inline-block;
		float: left;
		height: 35px;
		line-height: 35px;
		margin-right: 10px;
		position: relative;
		text-align: center;
		top: 5px;
	}
	.widebox-icon .material-symbols-outlined {
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #0077b6;
		color: #fff;
		font-size: 24px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
	}
	.servicebox-icon {
		padding-left: 65px;
	}
	.servicebox-icon h4 {
		font-weight: 700;
		font-size: 15px;
		color: #000;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.servicebox-icon p {
		font-weight: 700;
		font-size: 13px;
		color: #999;
		text-transform: uppercase;
		margin-bottom: 5px;
	}		

}


/*
 * -------------------------------
 *  카운트
 * -------------------------------
*/


/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.fun-fact-wrap {
	  background-repeat: repeat !important;
	  padding-top:100px;
	  padding-bottom:40px;
	}
	.business-count {
	  text-align: center;
	}

	.business-count h3 {
	  margin-bottom: 25px;
	  font-size: 12px;
	  font-weight: 700;
	  color: #fff;
	}

	.business-count h3 i {
	  font-size: 12px;
	  margin-right: 20px;
	  color: #32c5d2;
	}

	.business-count h4 {
	  margin-bottom: 0px;
	  color: #fff;
	  font-size: 14px;
	  
	  font-weight: 700;
	  text-transform: capitalize;
	}
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.fun-fact-wrap {
	  background-repeat: repeat !important;
	  padding-top:100px;
	  padding-bottom:40px;
	}
	.business-count {
	  text-align: center;
	}

	.business-count h3 {
	  margin-bottom: 25px;
	  font-size: 14px;
	  font-weight: 700;
	  color: #fff;
	}

	.business-count h3 i {
	  font-size: 14px;
	  margin-right: 20px;
	  color: #32c5d2;
	}

	.business-count h4 {
	  margin-bottom: 0px;
	  color: #fff;
	  font-size: 14px;
	  
	  font-weight: 700;
	  text-transform: capitalize;
	}

}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.fun-fact-wrap {
	  background-repeat: repeat !important;
	  padding-top:180px;
	  padding-bottom:140px;
	}
	.business-count {
	  text-align: center;
	}

	.business-count h3 {
	  margin-bottom: 25px;
	  font-size: 50px;
	  font-weight: 700;
	  color: #fff;
	}

	.business-count h3 i {
	  font-size: 40px;
	  margin-right: 20px;
	  color: #32c5d2;
	}

	.business-count h4 {
	  margin-bottom: 0px;
	  color: #fff;
	  
	  font-weight: 700;
	  text-transform: capitalize;
	}

}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.fun-fact-wrap {
	  background-repeat: repeat !important;
	  
	  padding-top:180px;
	  padding-bottom:140px;
	}
	.business-count {
	  text-align: center;
	}

	.business-count h3 {
	  margin-bottom: 25px;
	  font-size: 50px;
	  font-weight: 700;
	  color: #fff;
	}

	.business-count h3 i {
	  font-size: 40px;
	  margin-right: 20px;
	  color: #32c5d2;
	}

	.business-count h4 {
	  margin-bottom: 0px;
	  color: #fff;
	  
	  font-weight: 700;
	  text-transform: capitalize;
	}

}


/*
 * -------------------------------
 *  갤러리 탭
 * -------------------------------
*/
/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.new-tab li a{
		text-align: center;
		font-size:12px;
	}
	.nav-tabs>li {
		float: left;
		margin-bottom: -1px;
		width: 50%;
	}
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.new-tab li a{
		text-align: center;
		font-size:12px;
	}
	.nav-tabs>li {
		float: left;
		margin-bottom: -1px;
		width: 50%;
	}	
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.new-tab ul {
	  display: flex; /* flex 컨테이너 설정 */
	  justify-content: center; /* 수평 가운데 정렬 */
	  align-items: center; /* 수직 가운데 정렬 */
	}
	.new-tab li a{
		text-align: center;
	}
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.new-tab ul {
	  display: flex; /* flex 컨테이너 설정 */
	  justify-content: center; /* 수평 가운데 정렬 */
	  align-items: center; /* 수직 가운데 정렬 */
	}

	.new-tab li a{
		text-align: center;
	}
}






/* 모바일기기 1 */
@media only screen and (max-width: 320px) {


}

/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px) {


}

/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px) {


}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {


}