@charset "utf-8";

/* layout */
.wrap.main-type{}
.header-wrap.fixed ~ #container .main-contents{
	margin-top:120px;
}
/*.main-section01{
	background: url(../images/main/main-visual.jpg) no-repeat 0 0;
	background-size:cover;
	padding:0 20px;
}*/
.main-section01 .inner-con{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;max-width:1400px;
	padding:10% 0;
	max-height:300px;
	margin:0 auto;
	text-align:center;
}
.main-section01 .inner-con > div{
	width:100%;
	-webkit-transition: 0.3s;transition: 0.3s ;-moz-transition: 0.3s;
}
.main-section01 .inner-con > div h3{
	font-size:70px;
	font-family:'pretendard';
	font-weight: 500;
	color:#fff;
	-webkit-transition: 0.3s;transition: 0.3s ;-moz-transition: 0.3s;
}
.main-section01 .inner-con > div p{
	font-size:24px;
	color:#fff;
	-webkit-transition: 0.3s;transition: 0.3s ;-moz-transition: 0.3s;
}
.main-section02{
	position:relative;
	padding:0 20px 70px 20px;
	background:#f1f1f5;
}
.main-section02 .inner-con{
	position:relative;
	width:100%;max-width:1400px;
	margin:0 auto;
	padding:80px 0 0 0;
}
.main-section02 .inner-con .main-link{
	margin:0 0 75px 0;
}
.main-section02 .inner-con .main-link ul{
	display:flex;
	justify-content:space-between;
	width:100%;
}
.main-section02 .inner-con .main-link ul li{
	width:24%;
}
.main-section02 .inner-con .main-link ul li a{
	width:100%;
	display:block;
	padding:13px 5px 17px;
	font-size:20px;
	color:#333;
	text-align:center;
	background:#fff;
	box-shadow:0 6px 4px rgba(0, 0, 0, 0.05);
	border:1px solid #425894;
	border-radius:0 10px 0 10px;
	font-weight:500;
	-webkit-transition: 0.3s;transition: 0.3s ;-moz-transition: 0.3s;
}
.main-section02 .inner-con .main-link ul li a:hover, .main-section02 .inner-con .main-link ul li a:focus	{
	background:#425894;
	color:#fff;
}
.main-section02 .inner-con .main-board{
	position:relative;
	/* margin:14px 0 0 0; */
	width: calc(50%);
}
.main-section02 .inner-con .main-board  > div{
	position:relative;
}
.main-section02 .inner-con .main-board h3{
	position:relative;
	/* float:left; */
	margin:0 0 0 70px;
	line-height:30px;
	font-size:30px;
	color:#333;
	font-weight: 500;
	z-index:100;
}
.main-section02 .inner-con .main-board > div:first-child h3{
	margin: 0 0 19px 0;
}
.main-section02 .inner-con .main-board > div:first-child h3:after{
	display:none;
}
.main-section02 .inner-con .main-board h3:after{
	content:"";
	position:absolute;
	top:7px;left:-35px;
	width:1px;height:24px;
	background:#d2d2d2;
	z-index:-1;
}
.main-section02 .inner-con .main-board h3 a{
	font-size:30px;
	color:#666;
	font-weight: 500;
}
.main-section02 .inner-con .main-board > div h3.active a{
	color:#000;
}
.main-section02 .inner-con .main-board > div h3.active a:before{
	content:"";
	position:absolute;
	bottom:-24px;left:0;
	width:100%;height:3px;
	background:#425894;
	z-index:-1;
}
.main-section02 .inner-con .main-board > div h3.active + .board-con{
	display:block;
}
.main-section02 .inner-con .main-board > div .board-con{
	display:none;
	/* position:absolute; */
	top:54px;
	left:0;
	width:100%;
}
.main-section02 .inner-con .main-board > div .more{
	position:absolute;	right:0;	top: 0; z-index: 100;
}
.main-section02 .inner-con .main-board ul{
	border-top:1px solid #000;
}
.main-section02 .inner-con .main-board ul li a{
	overflow:hidden;
	display:block;
	padding:14px 0;
	border-bottom:1px solid #bfbfc7;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-moz-transition: 0.3s;
}
.main-section02 .inner-con .main-board ul li a > div{
	display:flex;
	align-items: center;
}
.main-section02 .inner-con .main-board ul li a:hover, .main-section02 .inner-con .main-board ul li a:focus{
	background:#fafafa;
}
.main-section02 .inner-con .main-board ul li a .date{
	display: flex;
    flex-wrap: wrap-reverse;
	justify-content: center;
	width:62px;
	margin:0 32px 0 0;
	font-family:'pretendard';
	font-size:15px;
}
.main-section02 .inner-con .main-board ul li a .date span{
	font-style:normal;
}
.main-section02 .inner-con .main-board ul li a .date i{
	display:block;
	font-size:42px;
	font-family:'Work Sans';
	font-style:normal;
	color:#120f66;
}
.main-section02 .inner-con .main-board ul li a dl dt, .main-section02 .inner-con .main-board ul li a dl dd{
	display: inline-block;
	max-width:907px;
	width:calc(100%);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.main-section02 .inner-con .main-board ul li a .text{
	display: inline-block;
	max-width:907px;
	width:calc(100%);
	/*overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;*/
}
.main-section02 .inner-con .main-board ul li a .sub-text{
	display: none;
}
.main-section02 .inner-con .main-board ul li a dl{
	width:calc(100% - 90px);
}
.main-section02 .inner-con .main-board ul li a dl dt{
	padding:5px 0 0 0;
	font-size:18px;
	font-weight:500;
	color:#1f56ad;
}
.main-section02 .inner-con .main-board ul li a .text{
	padding:5px 0 0 0;
	font-size:18px;
	font-weight:500;
	color:#1f56ad;
}
.main-section02 .inner-con .main-board ul li a dl dd{
	color:#333;
}
.main-section02 .inner-con .board-area{
	display:flex;
	justify-content:space-between;
}

.main-section02 .inner-con .more{
	position:absolute;
	right:0;top:2px; 
}
.main-section02 .inner-con .more a{
    display: block;
	position:relative;
	padding:0 28px 0 0;
	font-size:15px;
	width:30px;height:30px;
	border:1px solid #8c90a6;
	border-radius:100%;
	text-indent: -9999px;
}
.main-section02 .inner-con .more a:after{
	content:"";
	position:absolute;
	top:13px;right:7px;
	width:14px;height:2px;
	background:#8c90a6;
}
.main-section02 .inner-con .more a:before{
	content:"";
	position:absolute;
	top:7px;right:13px;
	width:2px;height:14px;
	background:#8c90a6;
}
.main-section02 .inner-con .board-area .main-popup-zone{
	width:400px;
}
.main-section02 .inner-con .board-area .main-popup-zone .item{
	width:400px;
}
.main-section02 .inner-con .board-area .main-popup-zone .owl-dots{
	display:none;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap{
	position:absolute;
	bottom:20px;right:20px;
	width:163px;
	height:40px;
	z-index:100;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap:after{
	content:"";
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background:rgba(0, 0, 0, 0.5);
	border-radius: 50px;
	z-index:-1;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap .owl-nav{
	display: flex;
	justify-content: space-between;
	width:104px;
	margin:0 0 0 13px;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap .owl-nav .owl-prev{
	width:30px;height:40px;
	background:url(../images/main/popup-zone-prev.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap .owl-nav .owl-next{
	width:30px;height:40px;
	background:url(../images/main/popup-zone-next.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap .owl-controls .owl-conl-btn{
	width:30px;height:40px;
	background:url(../images/main/popup-zone-pause.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap .owl-controls .owl-conl-btn.active{
	width:30px;height:40px;
	background:url(../images/main/popup-zone-play.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap .owl-controls{
	position:absolute;
	top:0;right:12px;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap .owl-pagination{
	position:absolute;
	top:11px;left:52px;
	font-family:'Work Sans';
	color:#fff;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap .owl-pagination .act_num{
	font-weight:bold;
	margin:0 2px 0 0;
}
.main-section02 .inner-con .board-area .main-popup-zone .navi-wrap .owl-pagination .total_num{
	margin:0 0 0 2px;
}
.main-section03{
	padding:70px 20px 70px 20px;
	background:#e4e2e1;
}
.main-section03 .inner-con{
	width:100%;max-width:1400px;
	margin:0 auto;
}
.main-section03 .inner-con .main-menu{
	display:flex;
	justify-content:space-between;
}
.main-section03 .inner-con .main-menu div{
	max-width:455px;
	width:100%;
}
.main-section03 .inner-con .main-menu div:nth-child(3){
	width:400px;
	margin: 0 0 0 20px;
}
.main-section03 .inner-con div h3{
	margin:0 0 17px 0;
	font-size:30px;
	font-weight:500;
	color:#333;
}
.main-section03 .inner-con .section01 h3 span{
	font-size:34px;
	color:#b53d0d;
}
.main-section03 .inner-con .section01 .text{
	line-height:30px;
}
.main-section03 .inner-con .section01 .text span{
	color:#1f56ad;
	border-bottom:1px solid #1f56ad
}
.main-section03 .inner-con .section02 ul li{
	padding:9px 0;
	border-bottom:1px solid #bfbfc7;
}
.main-section03 .inner-con .section02 ul li:last-child{
	border:none;
}
.main-section03 .inner-con .section02 ul li a{
	color:#1f56ad;
}
.main-section03 .inner-con .section03 .btn-link{
	margin:24px 0 0 0 !important;
	width:auto !important;
}
.main-section03 .inner-con .section03 .btn-link .button{
	margin:0 15px 0 0;
	min-width:130px;
	line-height:38px;
}
.main-section03 .inner-con .section03 .text{
	color:#333;
	line-height:26px;
}
.main-section04{
	padding:70px 20px;
	overflow:hidden;
}
.main-section04 .inner-con{
	width:100%;max-width:1400px;
	margin:0 auto;
}
.main-section02 .main-recent{
	position:relative;
	width:48%;
	margin-top: 48px;
}
.main-section02 .main-recent .recent-section > div{
	display:flex;
	flex-wrap:wrap;
	text-align: center;
}
.main-section02 .main-recent > div .item{
	width:calc(50% - 20px);
	margin:0 0 50px 20px;
	text-align:left;
	position: relative;
	/* padding-bottom: 30px; */
}
.main-section02 .main-recent h3{
	margin:0 0 23px 0;
	font-size:30px;
	color:#333;
}
.main-section02 .main-recent .item a{
	display:block;
}
.main-section02 .main-recent .item a:hover .pic img, .main-section02 .main-recent .item a:focus .pic img{
	transform: scale(1.1);
}
.main-section02 .main-recent .item .pic{
	overflow:hidden;
}
.main-section02 .main-recent .item .pic img{
	border-radius:10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-moz-transition: 0.3s;
	height: auto !important;
}
.main-section02 .main-recent .item .date{
	margin:19px 0 0 0;
	font-size:18px;
	color:#666;
}
.main-section02 .main-recent .navi-wrap{
	position:absolute;
	top:-56px;right:-20px;
	width:163px;
	height:40px;
	z-index:100;
}
.main-section02 .main-recent .navi-wrap .owl-nav{
	display: flex;
	justify-content: space-between;
	width:104px;
	margin:0 0 0 13px;
}
.main-section02 .main-recent .navi-wrap .owl-nav .owl-prev{
	width:30px;height:40px;
	background:url(../images/main/banner-zone-prev.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.main-section02 .main-recent .navi-wrap .owl-nav .owl-next{
	width:30px;height:40px;
	background:url(../images/main/banner-zone-next.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.main-section02 .main-recent .navi-wrap .owl-controls .owl-conl-btn{
	width:30px;height:40px;
	background:url(../images/main/banner-zone-pause.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.main-section02 .main-recent .navi-wrap .owl-controls .owl-conl-btn.active{
	width:30px;height:40px;
	background:url(../images/main/banner-zone-play.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.main-section02 .main-recent .navi-wrap .owl-controls{
	position:absolute;
	top:0;right:12px;
}
.main-section02 .main-recent .navi-wrap .owl-pagination{
	position:absolute;
	top:11px;left:52px;
	font-family:'Work Sans';
	font-weight:bold;
	color:#333;
}
.main-section02 .main-recent .navi-wrap .owl-pagination .act_num{
	color:#1f56ad;
	margin:0 4px 0 0;
}
.main-section02 .main-recent .navi-wrap .owl-pagination .total_num{
	margin:0 0 0 4px;
}
.main-section02 .main-recent .owl-dots{
	display:none;
}
.main-section02 .main-recent .item .text{
	overflow:hidden;
	margin:0 0 7px 0;
	max-height:60px;
	font-size:20px;
	font-weight:600;
	color:#1f56ad;
}
@media all and (max-width: 1600px){
}
@media all and (max-width: 1480px){
}
@media all and (max-width: 1280px){
	.main-section01 .inner-con > div h3{
		font-size:50px;
	}
	.main-section01 .inner-con > div p{
		font-size:20px;
	}
	.main-section02 .inner-con .main-board h3{
		font-size:26px;
	}
	.main-section03 .inner-con div h3{
		font-size:26px;
	}
	.main-section03 .inner-con .main-menu > div{
		width:31%;
	}
	.main-section03 .inner-con .main-menu > div:nth-child(3){
		width:31%;
		margin:0;
	}
	.main-section02 .main-recent h3{
		font-size:26px;
	}
	.main-section02 .main-recent .item .date{
		font-size:16px;
	}
	.main-section02 .main-recent .item .text{
		font-size:18px;
	}
}

@media all and (max-width: 1150px){
}
@media all and (max-width: 1100px){
}
@media all and (max-width: 1024px){	
	.header-wrap.fixed ~ #container .main-contents{
		margin-top:0;
	}
	.main-section01 .inner-con > div h3{
		font-size:40px;
	}
	.main-section01 .inner-con > div p{
		font-size:18px;
	}
	.main-section02 .inner-con .main-link ul li a{
		font-size:16px;
	}
	.main-section02 .inner-con .board-area{
		flex-wrap:wrap;
	}
	.main-section02 .inner-con .main-board{
		width:100%;
		/* height:360px; */
		margin: 0;
	}
	.main-section02 .main-recent{
		width:100%;
	}
	.main-section02 .inner-con .board-area .main-popup-zone{
		margin:0 auto;
	}
	.main-section02 .inner-con .main-board h3 a{
		font-size:26px;
	}
	.main-section03{
		padding:30px 10px;
	}
	.main-section03 .inner-con div h3{
		font-size:22px;
	}
	.main-section03 .inner-con .section01 h3 span{
		font-size:26px;
	}
	.main-section03 .inner-con .section03 .btn-link .button{
		margin:0 5px 0 0;
		min-width: 100px;
		padding: 0 6px;
		font-size: 15px;
	}
	.main-section04{
		padding:30px 10px;
	}
	.main-section02 .main-recent > div .item{
		width:calc(50% - 20px);
		max-width: 320px;
		margin: 0 auto;
	}
	.main-section02 .main-recent .item .date{
		font-size:14px;
	}
	.main-section02 .main-recent .item .text{
		font-size:16px;
		max-height:44px;
	}
}

@media all and (max-width:890px){

}
@media all and (max-width: 768px){
	.main-section01 .inner-con > div h3{
		font-size:30px;
	}
	.main-section02 .inner-con{
		padding:40px 0 0 0;
	}
	.main-section02 .inner-con .main-link{
		margin:0 0 20px 0;
	}
	.main-section02 .inner-con .main-link ul{
		flex-wrap:wrap;
	}
	.main-section02 .inner-con .main-link ul li{
		width: 48%;
		margin:0 0 15px 0;
	}
	.main-section02 .inner-con .main-link ul li a{
		font-size: 16px;
		padding: 13px 5px;
	}
	.main-section02 .inner-con .main-board h3 a{
		font-size:22px;
	}
	.main-section02 .inner-con .main-board > div h3.active a:before{
		bottom:-22px;
	}
	.main-section02 .inner-con .main-board h3{
		margin:0 0 0 40px;
	}
	.main-section02 .inner-con .main-board h3:after{
		left:-20px;
	}
	.main-section02 .inner-con .main-board ul li a dl dt{
		font-size:16px;
	}
	.main-section02 .inner-con .main-board ul li a .text{
		font-size:16px;
	}
	.main-section03 .inner-con .main-menu{
		flex-wrap:wrap;
	}
	.main-section03 .inner-con .main-menu > div{
		width:49% !important;
		max-width:none;
		margin:0 0 20px 0;
	}
	.main-section04 .inner-con h3{
		font-size:22px;
	}
}	

@media all and (max-width: 640px){
	.main-section01 .inner-con > div h3{
		font-size:24px;
	}
	.main-section01 .inner-con > div p{
		font-size:16px;
	}
	.main-section02{
		padding: 10px 10px 50px 10px;
	}
	.main-section02 .inner-con .main-board ul li a .date i{
		font-size:30px;
	}
	.main-section02 .inner-con .main-board ul li a dl dd{
		font-size:14px;
	}
	.main-section02 .inner-con .main-board{
		width: 100%;
		/* height: 320px; */
	}
	.main-section02 .inner-con .board-area .main-popup-zone{
		margin:20px auto 0;
		width:100%;
	}
	.main-section03 .inner-con .main-menu > div{
		width:100% !important;
	}
	.main-section02 .inner-con .main-link ul li a{
		font-size: 14px;
	}
	.main-section02 .main-recent .item .text{
		margin:0 0 5px 0;
	}
}	
@media all and (max-width: 480px){
	#header .mobile-util p{
		font-size: 18px; 
		padding: 0 0 0 35px;
	}
	.main-section01 .inner-con > div h3{
		font-size: 24px;
	}
	.main-section01 .inner-con > div p{
		font-size: 14px;
	}
	.main-section02 .inner-con{
		padding:20px 0 0 0;
	}
}