/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.colorbox-1 {
		text-align: center;
		padding: 20px;
		position: relative;
	}
	.colorbox-1 span {
	  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;
	  font-size:33px;
	}
	.colorbox-1 p{ font-size:11px; line-height: 1.5; color:#999; }
	.colorbox-1 .colorbox-1-title {
	  font-size: 14px;
	  font-weight: 700;
	  margin-bottom: 0px;
	  text-transform: uppercase;
	  font-family: 's-core-dream-regular';
	}
	.colorbox-1 .center-line {
		display: inline-block;
		width: 70px;
		height: 1px;
		border-top: 1px solid #bbb;
		margin: auto;
	}		
	.colorbox-1 span {
	  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;
	  font-size: 40px;
	  transition: transform 0.3s ease;
	}
	.colorbox-1:hover span {
	  transform: rotateY(180deg);
	}
	a:hover{
		color:#333;
	}	
	.colorbox-1-round {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin: 0 auto;
	  width: 90px;
	  height: 90px;
	  background: #f5f5f5;
	  border-radius: 70px;
	}
	.colorbox-1-round span {
	  font-size: 30px;
	  line-height: 1;
	}		
}

/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.colorbox-1 {
		text-align: center;
		padding: 20px;
		position: relative;
	}
	.colorbox-1 span {
	  line-height: 2;
	  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;
	  font-size:33px;
	}
	.colorbox-1 .colorbox-1-title {
	  font-size: 14px;
	  font-weight: 700;
	  margin-bottom: 0px;
	  text-transform: uppercase;
	}
	.colorbox-1 p {
		margin-top: 10px;
		font-size: 11px;
		line-height: 1.4;
		color:#999;
	}		
	.colorbox-1 .center-line {
		display: inline-block;
		width: 70px;
		height: 1px;
		border-top: 1px solid #bbb;
		margin: auto;
	}
	.colorbox-1 span {
	  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;
	  font-size: 60px;
	  transition: transform 0.3s ease;
	}
	.colorbox-1:hover span {
	  transform: rotateY(180deg);
	}
	a:hover{
		color:#333;
	}		
	.colorbox-1-round {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin: 0 auto;
	  width: 120px;
	  height: 120px;
	  background: #f5f5f5;
	  border-radius: 70px;
	}
	.colorbox-1-round span {
	  font-size: 40px;
	  line-height: 1;
	}	
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.colorbox-1 {
		text-align: center;
		padding: 20px;
		position: relative;
	}
	.colorbox-1 span {
	  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;
	  font-size:60px;
	}
	.colorbox-1 .colorbox-1-title {
	  font-size: 16px;
	  font-weight: 700;
	  margin-top: 20px;
	  margin-bottom: 0px;
	  text-transform: uppercase;
	}
	.colorbox-1 .center-line {
		display: inline-block;
		width: 70px;
		height: 1px;
		border-top: 1px solid #bbb;
		margin: auto;
	}		
	.colorbox-1 span {
	  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;
	  font-size: 60px;
	  transition: transform 0.3s ease;
	}
	.colorbox-1:hover span {
	  transform: rotateY(180deg);
	}

	a:hover{
		color:#333;
	}		
	.colorbox-1-round {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin: 0 auto;
	  width: 120px;
	  height: 120px;
	  background: #f5f5f5;
	  border-radius: 70px;
	}
	.colorbox-1-round span {
	  font-size: 60px;
	  line-height: 1;
	}	
	.colorbox-1 p{
		color:#999;
		font-size: 13px;
	}		
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.colorbox-1 {
		text-align: center;
		padding: 20px;
		position: relative;
	}
	.colorbox-1 span {
	  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;
	  font-size:60px;

	}
	.colorbox-1 .colorbox-1-title {
	  font-size: 16px;
	  font-weight: 700;
	  margin-top: 20px;
	  margin-bottom: 0px;
	  text-transform: uppercase;
	}
	.colorbox-1 .center-line {
		display: inline-block;
		width: 70px;
		height: 1px;
		border-top: 1px solid #bbb;
		margin: auto;
	}
	.colorbox-1 span {
	  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;
	  font-size: 60px;
	  transition: transform 0.3s ease;
	}
	.colorbox-1:hover span {
	  transform: rotateY(180deg);
	}
	a:hover{
		color:#333;
	}
	.colorbox-1-round {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin: 0 auto;
	  width: 120px;
	  height: 120px;
	  background: #f5f5f5;
	  border-radius: 70px;
	}

	.colorbox-1-round span {
	  font-size: 60px;
	  line-height: 1;
	}
	.colorbox-1 p{
		color:#999;
		font-size: 13px;
	}

	
}	

/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
	.bg-parallax h3{
		font-size: 17px;
		color:#fff;
	}
	.bg-parallax p{
		padding: 20px;
		font-size: 12px;
		line-height: 1.7;
		color:#fff;
	}	
	.bg-parallax{
		height: 280px;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}		
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.bg-parallax h3{
		font-size: 17px;
		color:#fff;
	}
	.bg-parallax p{
		padding: 20px;
		font-size: 12px;
		line-height: 1.7;
		color:#fff;
	}	
	.bg-parallax{
		height: 280px;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}			
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.bg-parallax h3{
		margin: 20px 20px;
		font-size: 30px;
		color:#fff;
	}
	.bg-parallax p{
		font-size: 16px;
		color:#fff;
	}	
	.bg-parallax{
		height: 500px;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}		
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.bg-parallax h3{
		margin: 20px 20px;
		font-size: 40px;
		color:#fff;
	}
	.bg-parallax p{
		font-size: 16px;
		color:#fff;
	}	
	.bg-parallax{
		height: 500px;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}		
}

.bg-parallax .btn{ font-size:14px; }

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



.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: 500px;
	}
	.no-padding-inner {
		padding: 55px;
		height: 500px;
	}					
	.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: 500px;
	}
	.no-padding-inner {
		padding: 55px;
		height: 500px;
	}				
	.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) {
	.white-box-2 {
		position: relative;
		background: #fff;
		border: 1px solid #e1e1e1;
		height: 250px;
		border-radius: 10px;
		text-align: center;
		transition: box-shadow 0.3s ease-in-out;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	}

	.white-box-2:hover {
		box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
	}

	.white-box-2 div {
		border-radius: 50%;
		background: #f3f3f3;
		width: 90px;
		height: 90px;
		position: relative;
		margin: 0 auto;
		margin-top: 20px;
	}

	.white-box-2 div img {
		padding-top: 24px;
		width: 40px;
	}

	.white-box-2 h3 {
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 700;
		font-size: 14px;
	}

	.white-box-2 p {
		padding: 0px 20px;
		font-weight: 700;
		font-size:12px;
		color:#999;
		line-height: 1.7;
	}
	.half-box{
		background:#fff;
		width: 100%;
		height:320px;
		border:1px solid #ccc;
		margin-top:5px;
	}

	.half-box-blank{
		width: 100%;
		height:240px;;
		margin-top:5px;
		color:#fff;
		background:#0003;
		padding: 20px;
		font-size: 12.5px;
		margin-bottom: 10px;
	}
	.half-box-blank h2{
		color:#fff;
		font-size: 14px;
	}	
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.white-box-2 {
		position: relative;
		background: #fff;
		border: 1px solid #e1e1e1;
		height: 250px;
		border-radius: 10px;
		text-align: center;
		transition: box-shadow 0.3s ease-in-out;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	}

	.white-box-2:hover {
		box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
	}

	.white-box-2 div {
		border-radius: 50%;
		background: #f3f3f3;
		width: 90px;
		height: 90px;
		position: relative;
		margin: 0 auto;
		margin-top: 20px;
	}

	.white-box-2 div img {
		padding-top: 24px;
		width: 40px;
	}

	.white-box-2 h3 {
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 700;
		font-size: 14px;
	}

	.white-box-2 p {
		padding: 0px 20px;
		font-weight: 700;
		font-size:12px;
		color:#999;
		line-height: 1.7;
	}
	.half-box{
		background:#fff;
		width: 100%;
		height:320px;
		border:1px solid #ccc;
		margin-top:5px;
	}

	.half-box-blank{
		width: 100%;
		height:240px;;
		margin-top:5px;
		color:#fff;
		background:#0003;
		padding: 20px;
		font-size: 12.5px;
		margin-bottom: 10px;
	}
	.half-box-blank h2{
		color:#fff;
		font-size: 14px;
	}	
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.white-box-2 {
		position: relative;
		background: #fff;
		border: 1px solid #e1e1e1;
		height: 350px;
		border-radius: 10px;
		text-align: center;
		transition: box-shadow 0.3s ease-in-out;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	}

	.white-box-2:hover {
		box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
	}

	.white-box-2 div {
		border-radius: 50%;
		background: #f3f3f3;
		width: 130px;
		height: 130px;
		position: relative;
		margin: 0 auto;
		margin-top: 20px;
	}

	.white-box-2 div img {
		padding-top: 24px;
		width: 80px;
	}

	.white-box-2 h3 {
		margin-top: 40px;
		font-weight: 700;
	}

	.white-box-2 p {
		padding: 0px 40px;
		font-weight: 700;
	}
	.half-box{
		background:#fff;
		width: 100%;
		height:320px;
		border:1px solid #ccc;
		margin-top:5px;
	}

	.half-box-blank{
		width: 100%;
		height:320px;
		color:#fff;
		background:#0003;
		padding: 20px;
	}
	.half-box-blank h2{
		color:#fff;
		font-size: 24px;
	}		
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.white-box-2 {
		position: relative;
		background: #fff;
		border: 1px solid #e1e1e1;
		height: 350px;
		border-radius: 10px;
		text-align: center;
		transition: box-shadow 0.3s ease-in-out;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	}

	.white-box-2:hover {
		box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
	}

	.white-box-2 div {
		border-radius: 50%;
		background: #f3f3f3;
		width: 130px;
		height: 130px;
		position: relative;
		margin: 0 auto;
		margin-top: 20px;
	}

	.white-box-2 div img {
		padding-top: 24px;
		width: 80px;
	}

	.white-box-2 h3 {
		margin-top: 40px;
		font-weight: 700;
	}

	.white-box-2 p {
		padding: 0px 40px;
		font-weight: 700;
	}
	.half-box{
		background:#fff;
		width: 100%;
		height:320px;
		border:1px solid #ccc;
		margin-top:5px;
	}

	.half-box-blank{
		width: 100%;
		height:320px;
		color:#fff;
		background:#0003;
		padding: 20px;
	}
	.half-box-blank h2{
		color:#fff;
		font-size: 24px;
	}	
}



/*
 * -------------------------------
 *  고객센터 박스
 * -------------------------------
*/


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

	.mbox-3 {
		width: 100%;
		height: 230px;
		text-align: center;
		background: #0077b6;
		color: #fff
	}
	.mbox-3 div {
		font-weight: 700
	}
	.mbox-5 {
		width: 100%;
		height: 200px;
		text-align: center;
		padding-top: 50px;
		background: #fff;
		padding: 20px 10px;

	}
	
	/* border 조정 */
	.box-1, .box-2{
		border:1px solid #e1e1e1;
	}
	.last-border-right{
		border:1px solid #e1e1e1;
	}
	.box-default{
		border:1px solid #e1e1e1;
	}
	/**/
	
	.mbox-5 div {
		font-weight: 700
	}

	.first .row {
		padding-left: 15px;
		padding-right: 15px;
	}

	.mbox-5-area a {
		color: #060606
	}

	.mbox-5-area a:hover {
		color: #060606;
	}
	.mbox-5 p{
		color:#888;
		font-size:12px;
		line-height: 1.2;
	}
	.mbox-5 h3 {
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 7px 10px;
		color: #333;
		font-size: 13px;
		font-weight: 700;
	}
}

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

	.mbox-3 {
		width: 100%;
		height: 250px;
		text-align: center;
		background: #0077b6;
		color: #fff
	}
	.mbox-3 div {
		font-weight: 700
	}
	.mbox-5 {
		width: 100%;
		height: 200px;
		text-align: center;
		padding-top: 50px;
		background: #fff;
		padding: 30px 20px;

	}
	
	/* border 조정 */
	.box-1, .box-2{
		border:1px solid #e1e1e1;
	}
	.last-border-right{
		border:1px solid #e1e1e1;
	}
	.box-default{
		border:1px solid #e1e1e1;
	}
	/**/
	
	.mbox-5 div {
		font-weight: 700
	}

	.first .row {
		padding-left: 15px;
		padding-right: 15px;
	}

	.mbox-5-area a {
		color: #060606
	}

	.mbox-5-area a:hover {
		color: #060606;
	}
	.mbox-5 p{
		color:#888;
		font-size:12px;
		line-height: 1.7;
	}
	.mbox-5 h3 {
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 7px 10px;
		color: #333;
		font-size: 16px;
		font-weight: 700;
	}
}

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

	.mbox-3 {
		width: 100%;
		height: 280px;
		text-align: center;
		background: #0077b6;
		color: #fff
	}
	.mbox-3 div {
		font-weight: 700
	}
	.mbox-5 {
		width: 100%;
		height: 280px;
		text-align: center;
		padding-top: 50px;
		background: #fff;
		padding: 50px 30px;

	}
	
	/* border 조정 */
	.box-1, .box-2{
		border-left:1px solid #e1e1e1;
		border-top:1px solid #e1e1e1;		
	}
	.last-border-right{
		border-right:1px solid #e1e1e1;
	}
	.box-default{
		border-left:1px solid #e1e1e1;
		border-top:1px solid #e1e1e1;
		border-bottom:1px solid #e1e1e1;	
	}
	/**/
	
	.mbox-5 div {
		font-weight: 700
	}

	.first .row {
		padding-left: 15px;
		padding-right: 15px;
	}

	.mbox-5-area a {
		color: #060606
	}

	.mbox-5-area a:hover {
		color: #060606;
	}
	.mbox-5 p{
		color:#888;
		font-size:12.5px;
	}
	.mbox-5 h3 {
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 20px;
		padding: 7px 10px;
		color: #333;
		font-size: 16px;
		font-weight: 700;
	}
}

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

	.mbox-3 {
		width: 100%;
		height: 280px;
		text-align: center;
		background: #0077b6;
		color: #fff
	}
	.mbox-3 div {
		font-weight: 700
	}
	.mbox-5 {
		width: 100%;
		height: 280px;
		text-align: center;
		padding-top: 50px;
		background: #fff;
		padding: 50px 30px;

	}
	
	/* border 조정 */
	.box-1, .box-2{
		border-left:1px solid #e1e1e1;
		border-top:1px solid #e1e1e1;		
	}
	.last-border-right{
		border-right:1px solid #e1e1e1;
	}
	.box-default{
		border-left:1px solid #e1e1e1;
		border-top:1px solid #e1e1e1;
		border-bottom:1px solid #e1e1e1;	
	}
	/**/
	
	.mbox-5 div {
		font-weight: 700
	}

	.first .row {
		padding-left: 15px;
		padding-right: 15px;
	}

	.mbox-5-area a {
		color: #060606
	}

	.mbox-5-area a:hover {
		color: #060606;
	}
	.mbox-5 p{
		color:#888;
		font-size:12.5px;
	}
	.mbox-5 h3 {
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 20px;
		padding: 7px 10px;
		color: #333;
		font-size: 16px;
		font-weight: 700;
	}

}

.bg-white {
	background: #ffffff;
}
.bg-skyblue {
	background: #caf0f8;
}
.mbox-5 .material-symbols-outlined{
	transition: transform 0.3s ease;
	font-size: 50px;
}
.mbox-5:hover .material-symbols-outlined{
	transform: rotateY(180deg);
}