@charset "utf-8";

.boundary {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.boundary-wide {
	max-width:1300px;
}
.custom-block { display: block; }

/**************************************************************
 * footer styles
 **************************************************************/

/* operation-info */
	.operation-info { background-color: #f4f4f4; }
	.operation-info > .boundary {
		position: relative;
		padding: 30px 0;
		color: #454545;
		font-size: 1.1em;
		text-align: center;
	}
	.operation-info .contact,
	.operation-info .info {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
	.operation-info .contact {
		padding: 0 15px 0 30px;
		font-size: 26px;
		line-height: 46px;
		background: url("../img/icon_call.png") no-repeat 0 62%;
		background-size: auto 24px;
	}
	.operation-info .time em { font-weight: 500; }
/*-operation-info */

/* page-publish */
	.page-publish {
		color: #fff;
		font-size: 1.1em;
		text-align: center;
		background-color: #444;
	}
	.page-info,
	.page-copyrigt { padding: 30px 0; }
	.page-info {
		line-height: 1.5;
		border-bottom: 1px solid #737373;
	}
	.page-info .logo {
		padding: 50px 0 10px;
		font-size: 1.2em;
		background: url("../img/footer_logo.png") no-repeat 50% 0;
	}
	.page-info .row > span {
		display: inline-block;
		padding: 0 5px;
		word-break: keep-all;
	}
/*-page-publish */

/************************************************************** 
 * index styles 
 **************************************************************/

/* main-sec common styles */
	.main-sec {
		padding: 100px 0;
		border-bottom: 1px solid #dddddd;
	}
	.main-sec-heading {
		position: relative;
		paddin g-bottom: 40px;
		color: #1c1c1c;
		font-size: 2em;
		font-weight: 300;
		letter-spacing: -0.035em;
		line-height: 1.5;
		text-align: center;
	 }
	.main-sec-heading > .bar {
		position: absolute;
		bottom: 0; left: 50%;
		width: 50px; height: 2px;
		margin-left: -25px;
		background-color: #333;
		display: none;
	}
	.main-sec-content { 
		padding-top: 50px; 
	}
	.green-text{
		color:#06b422;
	}
/*-main-sec common styles */

/* main-service */
.main-styling{
	background-color:#f4f4f4;
}
	.main-service .list {
		background-color: #fff;
	}
	.main-service .main-sec-content.list {
		margin-top: 50px;
		padding-top: 0;
	}

	.main-service .item {
		float: left;
		width: 33.3333%;
		padding: 50px 0;
	}
	
	.main-service .item-wrapper .item-link {
		display: block;
		position: relative;
		width: 90%;
		margin: auto;
		padding-top: 130px;
		padding-bottom:20px;
		text-align: center;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	.main-service .item-wrapper .item-link:hover{
		border: 2px solid #11bc2d;
	}
	.main-service .item .icon {
		position: absolute;
		top: 0; 
		left: 50%;
		width: 106px; 
		height: 101px;
		margin-left: -47px;
		margin-top:20px;
		background: url("../img/icon_01.png") no-repeat 50% 50%;
		background-size: auto;
		
	}
	.main-service .item01 .icon { background-image: url("../img/green-main-icon01.png"); }
	.main-service .item02 .icon { background-image: url("../img/green-main-icon02.png"); }
	.main-service .item03 .icon { background-image: url("../img/green-main-icon03.png"); }
	.main-service .item .title {
		display: block;
		padding-bottom: 0.8em;
		font-size: 1.6em;
	}
	.main-service .item .des {
		padding-bottom: 1em;
		font-size: 1.1em;
		line-height: 1.5;
		color: #949494;
	}
	.main-service .item .more-btn {
		position: relative;
		display: inline-block;
		*display: inline; *zoom: 1;
		color: #545454;
		font-size: 1.1em;
		line-height: 1;
		background-color: transparent;
		border: 0;
	}
	.main-service .item-wrapper .item-link:hover .des,
	.main-service .item-wrapper .item-link:hover .more-btn {
		text-decoration: underline;
	}

	.main-service-modal {
		margin: auto;
		padding: 60px 20px 20px;
		text-align: center;
	}
	.main-service-modal .modal-close {
		position: fixed;
		top: 67px; left: 50%;
		margin-left: 200px;
		width: 40px; height: 40px;
		background: transparent url("../img/close.png") no-repeat 50% 50%;
		border: 0;
		-webkit-appearance: none;
	}
/*-main-service */

/* main-mou */
	.main-mou .main-sec-content .item {
		float: left;
		width: 24%;
		margin: 0 0.5%;
	}
/*-main-mou */

.main-styling .styling-btn:hover{
	border-color:#11bc2d;
	background-color:#11bc2d;
	color:#fff;
}
@media screen and (max-width: 768px) {
	.main-styling .main-sec-content {
		position: relative;
	}
	.main-styling .styling-item {
		width: 50%;
		margin-bottom: 1%;
	}
	.main-styling .styling-item .title { font-size: 1.2em; }
	.main-styling .styling-item:nth-child(3n) { display: none; }
	.main-mou .main-sec-content .item { width: 49%; }



	/*추가*/
	.display-figure {
		text-align:center;
		line-height: 1.3em;
	}
	.display-figure > .caption .author{
		padding-bottom: 0px;
	}
	.display-figure > .caption .title{
		overflow:hidden;
		line-height: 1.3em;
		color: #666;
	}
.main-service .main-sec-content.list {
    margin-top: 0px;
}/*768*/

@media screen and (max-width: 600px) {
	.main-sec { padding: 55px 0; }
	.main-sec-heading {
		max-width: 80%;
		margin: auto;
		padding-bottom: 30px;
		font-size: 1.6em;
		line-height: 1.6;
		word-break: keep-all;
	}
	.main-sec-content { padding-top: 30px; }
	.main-styling .styling-btn { margin-top: 30px; }
	.main-service .item {
		float: none;
		width: auto;
		padding: 0;
		border-bottom: 1px solid #fff;
	}
	.main-service .item-wrapper .item-link {
		position: relative;
		max-width: 80%;
		min-height: 80px;
		padding: 30px 0 30px 110px;
		text-align: left;
	}
	.main-service .item .icon {
		left: 0; top: 50%;
		margin: -37px 0 0 0;
		background-size: auto 53px;
	}
	.main-service .item .title {  
		padding-bottom: 0.5em;
		font-size: 1.3em;  
	}
	.main-service .item .des {  
		padding-bottom: 0;  
		word-break: keep-all;
	}
	.main-service .item .des .custom-block { display: inline; }

	.operation-info > .boundary {
		padding: 15px 0;
	}
	.operation-info .contact,
	.operation-info .info {
		text-align: center;
	}
	.operation-info .contact {
		font-size: 20px;
	}
	.operation-info .info {
		display: block;
	}

	.page-info,
	.page-copyrigt { padding: 15px 0; }
	.page-copyrigt >span { display: block; }

/*추가*/
.display-figure > .caption .author{
    font-size: 13px;
}

}/*600px*/

@media screen and (max-width: 540px) {
	.main-service-modal .modal-close {
		top: 60px; left: auto; right: 25px;
		margin: 1% 0 0 0;
		width: 30px; height: 30px;
	}
}

@media screen and (max-width: 480px) {
	.main-sec-heading .custom-block {
		display: inline;
	}
}

@media screen and (max-width: 380px) { 
	.main-service-modal .modal-close {
		margin-top: 0;
	}
}