/* 버튼 */
.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!important;font-size:14px;padding:14px 30px!important;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!important;color:#4782d3}.btn.btn-sm{padding:9px 20px!important;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!important;background:#4782d3;color:#fff}.btn-white-outline:focus,.btn-white-outline:hover{color:#333;border-color:#fff}.btn.btn-lg{padding:15px 40px!important;font-size:14px}.btn:focus,.btn:hover{box-shadow:none;outline:0!important}
.btn.btn-sm {
    padding: 9px 20px!important;
    font-size: 12px;
}




/*
 * -------------------------------
 *  메인 8개 박스
 * -------------------------------
*/


	.main-box{
		padding-left: 10px;
		padding-right: 10px;
	}

	.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 { margin-top: -24px; border: 1px solid #e0e0e0; padding: 25px 0 10px 0; height:220px; }
	.box-color > .icon > .info > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
	.box-color > .icon > .info > p { font-size: 13px;font-weight:600; color: #666; line-height: 1.7; margin: 20px; text-align:center;}
	.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-1 */

	.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-1 { 
		margin-top: -24px;
		border: 1px solid #e0e0e0;
		padding: 25px 0 10px 0;
		background: #2E4374;
		color: #fff;
		height:220px;
	}
	.box-color > .icon > .info-1 > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
	.box-color > .icon > .info-1 > p { font-size: 13px; font-weight:600; color: #fff; line-height: 1.7; margin: 20px; text-align:center;  }
	.box-color > .icon > .info-1 > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
	.box-color .space { height: 25px; }
	.box-color > .icon > .info-1:hover{
		background:#fff;
		color:#333;
	}
	.box-color > .icon > .info-1:hover p {
	  color: #333;
	}


	/* info-2 */

	.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-2 { 
		margin-top: -24px;
		border: 1px solid #e0e0e0;
		padding: 25px 0 10px 0;
		background: #4B527E;
		color: #fff;
		height:220px;
	}
	.box-color > .icon > .info-2 > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
	.box-color > .icon > .info-2 > p { font-size: 13px; font-weight:600; color: #fff; line-height: 1.7; margin: 20px; text-align:center;  }
	.box-color > .icon > .info-2 > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
	.box-color .space { height: 25px; }
	.box-color > .icon > .info-2:hover{
		background:#fff;
		color:#333;
	}
	.box-color > .icon > .info-2:hover p {
	  color: #333;
	}


	/* info-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-3 { 
		margin-top: -24px;
		border: 1px solid #e0e0e0;
		padding: 25px 0 10px 0;
		background: #7C81AD;
		color: #fff;
		height:220px;
	}
	.box-color > .icon > .info-3 > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
	.box-color > .icon > .info-3 > p { font-size: 13px; font-weight:600; color: #fff; line-height: 1.7; margin: 20px; text-align:center;  }
	.box-color > .icon > .info-3 > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
	.box-color .space { height: 25px; }
	.box-color > .icon > .info-3:hover{
		background:#fff;
		color:#333;
	}
	.box-color > .icon > .info-3:hover p {
	  color: #333;
	}
	
	/* 박스간격 */
	.main-box{
		padding-left: 10px;
		padding-right: 10px;	
	}
	.main-box .col-lg-3{
		padding:5px 5px;
	}
	.main-box .col-md-3{
		padding:5px 5px;
	}	



	/* 모바일기기 1 */
	@media only screen and (max-width: 320px) {
		.box-color .material-symbols-outlined{
			font-size: 40px;
		}
		.box-color .title{
			font-size: 12px;
		}
		
		/* 박스별 글자크기 */
		.box-color > .icon > .info-1 p {
		  color: #fff;
		  font-size: 11px;
		}			
		.box-color > .icon > .info-1:hover p {
		  color: #333;
		  font-size: 11px;
		}
		.box-color > .icon > .info-2 p {
		  color: #fff;
		  font-size: 11px;
		}			
		.box-color > .icon > .info-2:hover p {
		  color: #333;
		  font-size: 11px;
		}		
		.box-color > .icon > .info-3 p {
		  color: #fff;
		  font-size: 11px;
		}			
		.box-color > .icon > .info-3:hover p {
		  color: #333;
		  font-size: 11px;
		}			
		.box-color > .icon > .info p {
		  color: #333;
		  font-size: 11px;
		}			
		.box-color > .icon > .info:hover p {
		  color: #fff;
		  font-size: 11px;
		}			
		
	}
	/* 모바일기기 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: 16px;
		}

	}
	.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: 15px;
		line-height: 29px;
		font-weight: 700;
		color: #555;
	}
	


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

/* 모바일기기 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: 12px;
	  
	  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: 12px;
	  
	  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;
	}

}







.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) {
		.custom-rarge {
			border: 1px solid #ddd;
			width: 100%;
			height: 120px;
		}
	
		.custom-rarge h2 {
			font-size: 14px;
			padding: 10px;
			padding-top: 15px;
			margin: 0px;
			color: #666;
			line-height: 22px;
		}
	
		.custom-rarge p {
			font-size: 12px;
			padding: 0px 10px 10px 10px;
			margin: 0px;
			color: #666;
	
		}
	
		/* small box */
		.custom-small {
			border: 1px solid #ddd;
			width: 100%;
			height: 110px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			transition: transform 0.3s;
			cursor: pointer;
			font-size: 12px;
			padding-top: 10px;
		}
	
		.custom-small:hover {
			background: #2E4374;
		}
	
		.custom-small:hover span,
		.custom-small:hover p.ko {
			color: #fff;

		}
	
		.icon,
		.text {
			text-align: center;
			width: 100%;
		}
	
		.custom-small span {
			font-size: 30px;
			color: #666;
			transition: transform 0.3s;
		}
	
		/* 호버 시 span만 좌에서 우로 180도 회전 */
		.custom-small:hover span {
			transform: rotateY(180deg);
			/* 좌에서 우로 180도 회전 */
		}
	
	
		.custom-small p {
			color: #666;
		}
	
		.c-box {
			padding-left: 10px;
			padding-right: 10px;
		}
	
		.c-box .col-md-4 {
			padding: 5px 5px;
		}
	
		.c-box .col-md-2 {
			padding: 5px 5px;
		}
}

/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px) {
	.custom-rarge {
			border: 1px solid #ddd;
			width: 100%;
			height: 150px;
		}
	
		.custom-rarge h2 {
			font-size: 20px;
			padding: 15px;
			margin: 0px;
			color: #666;
		}
	
		.custom-rarge p {
			font-size: 13px;
			padding: 0px 15px 15px 15px;
			margin: 0px;
			color: #666;
	
		}
	
		.custom-rarge .material-symbols-outlined {
			font-size: 26px;
			vertical-align: text-top;
		}
	
	
		/* small box */
		.custom-small {
			border: 1px solid #ddd;
			width: 100%;
			height: 150px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			transition: transform 0.3s;
			cursor: pointer;
		}
	
		.custom-small:hover {
			background: #2E4374;
		}
	
		.custom-small:hover span,
		.custom-small:hover p.ko {
			color: #fff;
		}
	
		.icon,
		.text {
			text-align: center;
			width: 100%;
		}
	
		.custom-small span {
			font-size: 50px;
			color: #666;
			transition: transform 0.3s;
		}
	
		/* 호버 시 span만 좌에서 우로 180도 회전 */
		.custom-small:hover span {
			transform: rotateY(180deg);
			/* 좌에서 우로 180도 회전 */
		}
	
	
		.custom-small p {
			color: #666;
		}
	
		.c-box {
			padding-left: 10px;
			padding-right: 10px;
		}
	
		.c-box .col-md-4 {
			padding: 5px 5px;
		}
	
		.c-box .col-md-2 {
			padding: 5px 5px;
		}
}

/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px) {
	.custom-rarge {
			border: 1px solid #ddd;
			width: 100%;
			height: 150px;
		}
	
		.custom-rarge h2 {
			font-size: 20px;
			padding: 15px;
			margin: 0px;
			color: #666;
		}
	
		.custom-rarge p {
			font-size: 13px;
			padding: 0px 15px 15px 15px;
			margin: 0px;
			color: #666;
	
		}
	
		.custom-rarge .material-symbols-outlined {
			font-size: 26px;
			vertical-align: text-top;
		}
	
	
		/* small box */
		.custom-small {
			border: 1px solid #ddd;
			width: 100%;
			height: 150px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			transition: transform 0.3s;
			cursor: pointer;
		}
	
		.custom-small:hover {
			background: #2E4374;
		}
	
		.custom-small:hover span,
		.custom-small:hover p.ko {
			color: #fff;
		}
	
		.icon,
		.text {
			text-align: center;
			width: 100%;
		}
	
		.custom-small span {
			font-size: 50px;
			color: #666;
			transition: transform 0.3s;
		}
	
		/* 호버 시 span만 좌에서 우로 180도 회전 */
		.custom-small:hover span {
			transform: rotateY(180deg);
			/* 좌에서 우로 180도 회전 */
		}
	
	
		.custom-small p {
			color: #666;
		}
	
		.c-box {
			padding-left: 10px;
			padding-right: 10px;
		}
	
		.c-box .col-md-4 {
			padding: 5px 5px;
		}
	
		.c-box .col-md-2 {
			padding: 5px 5px;
		}
}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.custom-rarge {
			border: 1px solid #ddd;
			width: 100%;
			height: 150px;
		}
	
		.custom-rarge h2 {
			font-size: 20px;
			padding: 15px;
			margin: 0px;
			color: #666;
		}
	
		.custom-rarge p {
			font-size: 13px;
			padding: 0px 15px 15px 15px;
			margin: 0px;
			color: #666;
	
		}
	
		.custom-rarge .material-symbols-outlined {
			font-size: 26px;
			vertical-align: text-top;
		}
	
	
		/* small box */
		.custom-small {
			border: 1px solid #ddd;
			width: 100%;
			height: 150px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			transition: transform 0.3s;
			cursor: pointer;
		}
	
		.custom-small:hover {
			background: #2E4374;
		}
	
		.custom-small:hover span,
		.custom-small:hover p.ko {
			color: #fff;
		}
	
		.icon,
		.text {
			text-align: center;
			width: 100%;
		}
	
		.custom-small span {
			font-size: 50px;
			color: #666;
			transition: transform 0.3s;
		}
	
		/* 호버 시 span만 좌에서 우로 180도 회전 */
		.custom-small:hover span {
			transform: rotateY(180deg);
			/* 좌에서 우로 180도 회전 */
		}
	
	
		.custom-small p {
			color: #666;
		}
	
		.c-box {
			padding-left: 10px;
			padding-right: 10px;
		}
	
		.c-box .col-md-4 {
			padding: 5px 5px;
		}
	
		.c-box .col-md-2 {
			padding: 5px 5px;
		}
}