/* 버튼 */
.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;
}



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


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

	.SF_main_icon{
		background:#fff;
		margin-top: 20px;
	}
	.SF_main_icon .row{
		margin-left:0px;
		margin-right:0px;
	}
	.SF_main_icon .row > div{
		padding:0px;
	}
	.colorbox-10 {
		text-align: center;
		border: 1px solid #e1e1e1;
		padding: 20px;
		background: #f5f5f5;
	}
	.colorbox-10 .title {
	  font-size: 14px;
	  font-weight: 700;
	  margin-top: 20px;
	  margin-bottom: 0px;
	  text-transform: uppercase;
	}
	.colorbox-10 p {
	  margin-top: 10px;
	  font-size:12px;
	}
	.colorbox-10 .material-symbols-outlined {
	  line-height: 90px;
	  text-align: center;
	  border: 0px solid;
	  background-color: transparent;
	  -webkit-border-radius: 50%;
	  -moz-border-radius: 50%;
	  -ms-border-radius: 50%;
	  border-radius: 50%;
	  display: inline-block;
	  border-color: #e1e1e1;
	  font-size:50px;  
	}
	/* 색상 */
	.color-white{color:#fff;}
	.bg-blue{
		background: #3b5998;
		color: #fff;
		border: 1px solid #3b5998;
	}
	.bg-green{
		background:#379683;
		color:#fff;
		border: 1px solid #379683;
	}
	.bg-gray{
		background: #525252;
		color: #fff;
		border: 1px solid #525252;
	}
	
	/* pc 에서 이미지 사이즈 조절 */
	.box-images img{
		width: 100%;
		height:100%;
	}
	.colorbox-10 .material-symbols-outlined{
		  transition: transform 0.3s ease;
	}
	.colorbox-10:hover .material-symbols-outlined {
	  transform: rotateY(180deg);
	}
	.box-white:hover{
		color:#333;
	}	
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.SF_main_icon{
		background:#fff;
		margin-top: 20px;
	}
	.SF_main_icon .row{
		margin-left:0px;
		margin-right:0px;
	}
	.SF_main_icon .row > div{
		padding:0px;
	}
	.colorbox-10 {
		text-align: center;
		border: 1px solid #e1e1e1;
		padding: 20px;
		background: #f5f5f5;
	}
	.colorbox-10 .title {
	  font-size: 14px;
	  font-weight: 700;
	  margin-top: 20px;
	  margin-bottom: 0px;
	  text-transform: uppercase;
	}
	.colorbox-10 p {
	  margin-top: 10px;
	  font-size:12px;
	}
	.colorbox-10 .material-symbols-outlined {
	  line-height: 90px;
	  text-align: center;
	  border: 0px solid;
	  background-color: transparent;
	  -webkit-border-radius: 50%;
	  -moz-border-radius: 50%;
	  -ms-border-radius: 50%;
	  border-radius: 50%;
	  display: inline-block;
	  border-color: #e1e1e1;
	  font-size:50px;  
	}
	/* 색상 */
	.color-white{color:#fff;}
	.bg-blue{
		background: #3b5998;
		color: #fff;
		border: 1px solid #3b5998;
	}
	.bg-green{
		background:#379683;
		color:#fff;
		border: 1px solid #379683;
	}
	.bg-gray{
		background: #525252;
		color: #fff;
		border: 1px solid #525252;
	}
	
	/* pc 에서 이미지 사이즈 조절 */
	.box-images img{
		width: 100%;
		height:100%;
	}
	.colorbox-10 .material-symbols-outlined{
		  transition: transform 0.3s ease;
	}
	.colorbox-10:hover .material-symbols-outlined {
	  transform: rotateY(180deg);
	}	
	.box-white:hover{
		color:#333;
	}	
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){

	.SF_main_icon{
		background:#fff;margin-top:-100px;
	}
	.SF_main_icon .row{
		margin-left:0px;
		margin-right:0px;
	}
	.SF_main_icon .row > div{
		padding:0px;
	}
	.colorbox-10 {
		text-align: center;
		border: 1px solid #e1e1e1;
		padding: 20px;
		background: #f5f5f5;
	}
	.colorbox-10 .title {
	  font-size: 16px;
	  font-weight: 700;
	  margin-top: 20px;
	  margin-bottom: 0px;
	  text-transform: uppercase;
	}
	.colorbox-10 p {
	  margin-top: 10px;
	}
	.colorbox-10 .material-symbols-outlined {
	  line-height: 90px;
	  text-align: center;
	  border: 0px solid;
	  background-color: transparent;
	  -webkit-border-radius: 50%;
	  -moz-border-radius: 50%;
	  -ms-border-radius: 50%;
	  border-radius: 50%;
	  display: inline-block;
	  border-color: #e1e1e1;
	  font-size:60px;  
	}
	/* 색상 */
	.color-white{color:#fff;}
	.bg-blue{
		background: #3b5998;
		color: #fff;
		border: 1px solid #3b5998;
	}
	.bg-green{
		background:#379683;
		color:#fff;
		border: 1px solid #379683;
	}
	.bg-gray{
		background: #525252;
		color: #fff;
		border: 1px solid #525252;
	}
	
	/* pc 에서 이미지 사이즈 조절 */
	.box-images img{
		width: 100%;
		height:100%;
	}
	.colorbox-10 .material-symbols-outlined{
		  transition: transform 0.3s ease;
	}
	.colorbox-10:hover .material-symbols-outlined {
	  transform: rotateY(180deg);
	}	
	.box-white:hover{
		color:#333;
	}	
	
}

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

	.SF_main_icon{
		background:#fff;margin-top:-140px;
	}
	.SF_main_icon .row{
		margin-left:0px;
		margin-right:0px;
	}
	.SF_main_icon .row > div{
		padding:0px;
	}
	.colorbox-10 {
		text-align: center;
		border: 1px solid #e1e1e1;
		padding: 20px;
		background: #f5f5f5;
	}
	.colorbox-10 .title {
	  font-size: 16px;
	  font-weight: 700;
	  margin-top: 20px;
	  margin-bottom: 0px;
	  text-transform: uppercase;
	}
	.colorbox-10 p {
	  margin-top: 10px;
	}
	.colorbox-10 .material-symbols-outlined {
	  line-height: 90px;
	  text-align: center;
	  border: 0px solid;
	  background-color: transparent;
	  -webkit-border-radius: 50%;
	  -moz-border-radius: 50%;
	  -ms-border-radius: 50%;
	  border-radius: 50%;
	  display: inline-block;
	  border-color: #e1e1e1;
	  font-size:60px;  
	}
	/* 색상 */
	.color-white{color:#fff;}
	.bg-blue{
		background: #3b5998;
		color: #fff;
		border: 1px solid #3b5998;
	}
	.bg-green{
		background:#379683;
		color:#fff;
		border: 1px solid #379683;
	}
	.bg-gray{
		background: #525252;
		color: #fff;
		border: 1px solid #525252;
	}
	
	/* pc 에서 이미지 사이즈 조절 */
	.box-images img{
		width:330px;
		height:284px;
	}
	.colorbox-10 .material-symbols-outlined{
		  transition: transform 0.3s ease;
	}
	.colorbox-10:hover .material-symbols-outlined {
	  transform: rotateY(180deg);
	}
	
	.box-white:hover{
		color:#333;
	}

	

}




/*
 * -------------------------------
 *  고객센터
 * -------------------------------
*/
	/* 모바일기기 1 */
	@media only screen and (max-width: 320px) {
		#bg-wide-1 {
			padding: 70px 20px;
			text-align: center;
		}

		#bg-wide-1 h2 {
			color: #fff;
			font-size: 24px;
			font-weight: 700;
			margin-bottom: 20px;
		}

		#bg-wide-1 p {
			color: #fff;
			font-size: 14px;
			margin-bottom: 40px;
		}
	}

	/* 모바일기기 2 */
	@media only screen and (min-width: 321px) and (max-width: 768px) {
		#bg-wide-1 {
			padding: 70px 20px;
			text-align: center;
		}

		#bg-wide-1 h2 {
			color: #fff;
			font-size: 24px;
			font-weight: 700;
			margin-bottom: 20px;
		}

		#bg-wide-1 p {
			color: #fff;
			font-size: 14px;
			margin-bottom: 40px;
		}
	}

	/* 태블릿 */
	@media only screen and (min-width: 769px) and (max-width: 1200px) {
		#bg-wide-1 {
			padding: 70px 20px;
			text-align: center;
		}

		#bg-wide-1 h2 {
			color: #fff;
			font-size: 40px;
			font-weight: 700;
			margin-bottom: 20px;
		}

		#bg-wide-1 p {
			color: #fff;
			font-size: 18px;
			margin-bottom: 40px;
		}
	}

	/* 데스크탑 */
	@media only screen and (min-width: 1201px) {
		#bg-wide-1 {
			padding: 70px 20px;
			text-align: center;
		}

		#bg-wide-1 h2 {
			color: #fff;
			font-size: 40px;
			font-weight: 700;
			margin-bottom: 20px;
		}

		#bg-wide-1 p {
			color: #fff;
			font-size: 18px;
			margin-bottom: 40px;
		}
	}


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

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