.main.main-index .intro{
	height:250px;
	background:#333 url( '/resource/img/bg1.png?v=1' ) no-repeat;
	overflow:hidden;
}

.main.main-index .intro .items .item{
	opacity:0;
	text-align:center;
	font-family:'Noto Sans KR Regular';
	font-size:40px;
	font-weight:bolder;
	color:#fff;
	margin-top:20px;
	line-height:250px;
	
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

.main.main-index .intro .items .item.show{
	opacity:1;
	margin-top:0px;
}

.main.main-index .quick{
	border-top:5px solid #5777CB;
	margin-bottom:15px;
	background-color:#ccc;
}

.main.main-index .quick > ul{
	display:table;
	width:100%;
	margin:0px;
}

.main.main-index .quick > ul > li{
	display:table-cell;
	width:25%;
}

.main.main-index .quick > ul > li > a{
	display:block;
	height:120px;
	text-align:center;
	background-color:#fff;
	margin-bottom:1px;
	overflow:hidden;
	line-height:115px;
}

.main.main-index .quick > ul > li > a > *{
	vertical-align:middle;
}

.main.main-index .quick > ul > li > a u{
	text-decoration: none;
	color:#FF6333;
}

.main.main-index .quick > ul > li:hover > a u{
	color:#fff;
}

.main.main-index .quick > ul > li:first-child > a{
	margin-left:1px;
}

.main.main-index .quick > ul > li:last-child > a{
	margin-right:1px;
}

.main.main-index .quick > ul > li > a > i.fas{
	font-size:50px;
	margin-right:15px;
	color:#333;
	
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}

.main.main-index .quick > ul > li > a > div{
	font-family:'Noto Sans KR Regular';
	font-size:14px;
	display:inline-block;
	text-align:left;
	line-height:18px
}

.main.main-index .quick > ul > li:hover > a{
	background-color:#5777CB;
	color:#fff;
	margin:0px;
}

.main.main-index .quick > ul > li:hover > a > i.fas{
	color:#fff;
	font-size:60px;
}

.main.main-index .articles .section{
	margin-bottom:0px;
}

.main.main-index .articles .section-bbs .tab-content{
	height:140px;
}
.main.main-index .articles .section-notice .tab-content{
	height:239px;
}

.main.main-index .articles .section-bbs > .tab-content ul > li{
	line-height:25px;
}

.main.main-index .articles .section .tab-content li *{
	white-space:nowrap;
	overflow:hidden;
}

.main.main-index .customer{
	background-color:#5777CB;
	padding:10px;
	color:#fff;
}
.main.main-index .customer .r1{
	margin-bottom:10px;
}
.main.main-index .customer .r1 .title{
	font-family:'Noto Sans KR Regular';
	font-size:16px;
	line-height:16px;
}

.main.main-index .customer .r1 .pull-right{
	line-height:16px;
}

.main.main-index .customer .r1 .holyday{
	color:#D2A517;
}

.main.main-index .customer .r2{
	display:flex;
	margin-bottom:12px;
}

.main.main-index .customer .r2 > .r2-1{
	flex-grow:1.5;
	text-align:center;
}
.main.main-index .customer .r2 > .r2-2{
	flex-grow:2;
	text-align:center;
}

.main.main-index .customer .r2 .glyphicon{
	font-size:50px;
	line-height:60px;
}

.main.main-index .customer .r2 .tel{
	background-color:#E9EFFF;
	font-size:26px;
	font-family:arial;
	font-weight:bolder;
	color:#333;
}

.main.main-index .customer .r2 .fax{
	background-color:#333;
	font-size:20px;
	font-family:arial;
	font-weight:bolder;
}

.main.main-index .bank{
	background-color:#fff;
	border:1px solid #ccc;
	border-top:0px;
	display:table;
	width:100%;
}

.main.main-index .bank > div{
	display:table-cell;
	vertical-align:middle;
}

.main.main-index .bank > div.c1{
	width:30%;
	text-align:center;
	line-height:30px;
	font-family:'Noto Sans KR Regular';
	font-size:16px;
}

.main.main-index .bank > div.c2{
	padding:4px;
	padding-left:8px;
}

.main.main-index .bank > div.c2 .number{
	font-family:arial;
	font-weight:bolder;
	font-size:21px;
}