/*pc 메인 슬라이드 1*/
.swiper-pagination-bullet { 
	width: 12px; height: 12px; background: transparent; border: 1px solid #000000; opacity: 1;
}
.swiper-pagination-bullet-active {
	width: 40px; transition: width .5s; border-radius: 5px; background:#000000; border: 1px solid transparent;
}
.swiper-biz-main-slide{width:100%;}

.main-top-slide{
	width:100%; height:600px;
	/*
background-color: #fff;
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.1) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(0,0,0,0.1) 25%, transparent 25%, transparent 50%,  rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1) 75%, transparent 75%, transparent 100%);
  background-size: 52px 52px;
  */
}
.main-top-slide .slide-article-wrap{
	height:600px;
	background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;

}
.main-top-slide .slide-article{
	background-size:contain;
    background-position:center top;
    background-repeat:no-repeat;
}
.main-top-banner{ height:100%; z-index:1000; width:100%; }
 .main-top-banner .left{ }
 .main-top-banner .left .title01{color:#FFFFFF; font-size:2.3em; margin-top:100px; margin-left:10px; latter-spacing:0.5px;}
 .main-top-banner .left .title0101{color:#FFFFFF; font-size:0.7em;}
 .main-top-banner .left .title02{color:#FFFFFF; font-size:1.8em; margin-top:100px;margin-left:10px;}
 .main-top-banner .left .btn{
 	margin-left:10px; color:#FFFFFF; height:40px; border-radius:20px; 
 	padding-top:10px; background-color:#008d92;  margin-top:50px;
 }
 .main-top-banner .right{background-position:center;  background-repeat:no-repeat; background-size:contain; height:100%; }
 /* 기본 공통 */
.background-image-basic{
	background-size:100%;
  background-repeat:no-repeat;
}
.font_title_01{
	background-size:100%;
  background-repeat:no-repeat;
}
.font_title_02{
	background-size:100%;
  background-repeat:no-repeat;
}
.font_summary{
	background-size:100%;
  background-repeat:no-repeat;
}

/* @기본 공통 */

/*메인화면 css*/
.main-step-01{
	height:759px;
  background-image:url('/views/_layout/default/images/main/main_step01_bg.png');
  display:flex;
  align-items: center;
  justify-content:center;
}
.main-step-01 .content_wrap{
	width:1100px;
	display:flex;
  align-items: flex-start;
  justify-content:center;
  flex-direction: column;
}
.main-step-01 .title{font-size:35px; font-weight:bold; width:300px;}
.main-step-01 .summary{font-size:14px; width:400px; line-height:25px; margin-top:30px;}
@media (max-width: 767px) {
	.main-step-01{
		height:250px;
		background-size:cover;
		background-position:top right;
	}
	.main-step-01 .title{font-size:20px; padding-left:10px;}
	.main-step-01 .summary{font-size:11px; padding-left:10px;}
}


.main-step-02{
	margin-top:100px;
  display:flex;
  align-items: center;
  justify-content:center;
    flex-direction: column;
    
}
.main-step-02 .content_wrap{
	width:1100px;
	display:flex;
  align-items: flex-start;
  justify-content:center;
  flex-direction: column;
}
.main-step-02 .content_wrap .pre{font-size:11px; font-color:bold;  color:#000000;}
.main-step-02 .content_wrap .title{font-size:35px; font-weight:bold;}
.main-step-02 .content_wrap .summary{font-size:14px; line-height:25px; margin-top:30px;}
.main-step-02 .content_wrap_02{
	width:1100px;
	margin-top:50px;
	display:flex;
  align-items: flex-start;
  justify-content:center;
}
.main-step-02 .content_wrap_02 .left
,.main-step-02 .content_wrap_02 .right{
	padding-top:20px;
	width:50%;
	border-top:2px solid #000000;

}
.main-step-02 .content_wrap_02 .right{margin-left:10px;}
.main-step-02 .content_wrap_02 .pre{font-size:11px; font-color:bold;}
.main-step-02 .content_wrap_02 .title{font-size:35px; font-weight:bold;}
.main-step-02 .content_wrap_02 .summary{font-size:14px;  line-height:25px; margin-top:30px;}

.main-step-02 .content_wrap_03{
	width:1100px;
	height:425px;
	margin-top:50px;
	background-image:url('/views/_layout/default/images/main/main_step02.bg.png');
	display:flex;
  align-items: center;
  justify-content:center;
  flex-direction: column;
}
.main-step-02 .content_wrap_03 .title{font-size:35px; font-weight:bold; width:100%; padding-left:45px; color:#ffffff;}
.main-step-02 .content_wrap_03 .wrap{
		width:1000px;
		margin-top:40px;
		display:flex;
	  align-items: center;
	  justify-content:center;
	  
}
.main-step-02 .content_wrap_03 .wrap .content{
	width:25%;
	height:240px;
	display:flex;
  align-items: flex-start;
  justify-content:center;
  flex-direction: column;
  color:#ffffff;
}
.main-step-02 .content_wrap_03 .wrap .content .icon{height:70px;}
.main-step-02 .content_wrap_03 .wrap .content .title{font-size:16px; font-weight:bold;height:30px; margin-top:20px; padding-left:0px;}
.main-step-02 .content_wrap_03 .wrap .content .content{font-size:14px; width:100%; height:120px;}

@media (max-width: 767px){
	.main-step-02{
		margin-top:50px;
	}
	.main-step-02 .content_wrap{
		width:100%;
		display:flex;
	  align-items: flex-start;
	  justify-content:center;
	  flex-direction: column;
	}
	.main-step-02 .content_wrap .pre{font-size:10px; font-color:bold;  color:#000000; margin-left:10px;}
	.main-step-02 .content_wrap .title{font-size:20px; width:calc(100% - 20px); margin-left:10px;}
	
	.main-step-02 .content_wrap_02{
		width:100%;
		margin-top:20px;
		padding-left:10px;
		padding-right:10px;
	}
	.main-step-02 .content_wrap_02 .left
	,.main-step-02 .content_wrap_02 .right{
		padding-top:20px;
	}
	.main-step-02 .content_wrap_02 .summary{font-size:12px;  line-height:20px; margin-top:10px;}

	.main-step-02 .content_wrap_03{
		width:100%;
		height:425px;
		margin-top:50px;
		background-size:cover;
		background-position:top right;
	}
	.main-step-02 .content_wrap_03 .title{font-size:20px; padding-left:10px;}
	.main-step-02 .content_wrap_03 .wrap{
			width:100%;
			margin-top:40px;
			flex-wrap: wrap;
			padding-left:10px;
			padding-right:10px;
		  
	}
	.main-step-02 .content_wrap_03 .wrap .content{
		width:50%;
		height:150px;
		margin-bottom:5px;
	}
	.main-step-02 .content_wrap_03 .wrap .content .icon{height:40px;}
	.main-step-02 .content_wrap_03 .wrap .content .icon img{height:40px;}
	.main-step-02 .content_wrap_03 .wrap .content .title{font-size:12px; height:30px; margin-top:20px;}
	.main-step-02 .content_wrap_03 .wrap .content .content{font-size:10px; width:100%; height:60px;}
}


.main-step-03{
	margin-top:100px;
  display:flex;
  align-items: center;
  justify-content:center;
  flex-direction: column;
}
.main-step-03 .content_wrap{
	width:1100px;
	display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction: column;
}
.main-step-03 .content_wrap .title{text-align:center;font-size:35px; font-weight:bold;}
.main-step-03 .content_wrap .wrap{
	width:1100px;
	margin-top:40px;
	display:flex;
  align-items: flex-start;
  justify-content:center;
}
.main-step-03 .content_wrap .wrap .content{
	width:34%;
}
.main-step-03 .content_wrap .wrap .content .img{
	width:calc(100% - 30px); height:340px; background-color:#F7F7F7; border-radius:30px;
	display:flex;
	align-items:center;
  justify-content:center;
}
.main-step-03 .content_wrap .wrap .content .img img{
	width:100%;
}

.main-step-03 .content_wrap .wrap .content:last-child .img{margin-right:0px;}
.main-step-03 .content_wrap .wrap .content .pre{font-size:11px; font-color:bold; width:100%; margin-top:20px;}
.main-step-03 .content_wrap .wrap .content .title{text-align:left; font-size:20px; font-weight:bold;  width:100%; margin-top:20px;}
.main-step-03 .content_wrap .wrap .content .summary{font-size:14px;  margin-top:20px;}
@media (max-width: 767px){
	.main-step-03{
		margin-top:30px;
	}
	.main-step-03 .content_wrap{
		width:100%;
		padding-left:10px;
		padding-right:10px;
	}
	.main-step-03 .content_wrap .title{text-align:left;font-size:20px;}
	.main-step-03 .content_wrap .wrap{
		width:100%;
		margin-top:40px;
flex-direction: column;
	}
	.main-step-03 .content_wrap .wrap .content{
		width:100%;
		margin-bottom:30px;
	}
	.main-step-03 .content_wrap .wrap .content .img{
		width:calc(100% - 20px);
	}
}

.main-step-04{
	margin-top:100px;
  display:flex;
  align-items: center;
  justify-content:center;
  flex-direction: column;
}
.main-step-04 .content_wrap{
	width:1100px;
	display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction: column;
}
.main-step-04 .content_wrap .title{text-align:center;font-size:35px; font-weight:bold;}
.main-step-04 .content_wrap .wrap{
	width:1100px;
	margin-top:40px;
	display:flex;
  align-items:center;
  justify-content:center;
}
.main-step-04 .content_wrap .wrap .content{
	width:25%; height:200px;
	display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
}

.main-step-04 .content_wrap .wrap .content .icon{
	height:70px;
	display:flex;
	align-items:center;
  justify-content:center;
}
.main-step-04 .content_wrap .wrap .content .title{text-align:center; font-size:20px; font-weight:bold;  width:100%; margin-top:20px;}
.main-step-04 .content_wrap .wrap .content .summary{text-align:center; font-size:14px; width:100%; margin-top:20px;}
@media (max-width: 767px){
	.main-step-04{
		margin-top:50px;
	}
	.main-step-04 .content_wrap{
		width:100%;
		display:flex;
	  align-items:flex-start;
	  justify-content:center;
	  flex-direction: column;
	}
	.main-step-04 .content_wrap .title{text-align:left;font-size:20px; margin-left:10px;}
	.main-step-04 .content_wrap .wrap{
		width:100%;
		margin-top:40px;
		flex-wrap: wrap;
	}
	.main-step-04 .content_wrap .wrap .content{
		width:50%; height:200px;
	}

	.main-step-04 .content_wrap .wrap .content .icon{
		height:40px;
	}
	.main-step-04 .content_wrap .wrap .content .icon img{height:40px;}
	.main-step-04 .content_wrap .wrap .content .title{font-size:16px; margin-top:10px;}
	.main-step-04 .content_wrap .wrap .content .summary{font-size:14px; height:50px; width:100%; margin-top:10px; padding-left:10px; padding-right:10px; text-align:left;}
}


.main-step-05{
	margin-top:100px;
  display:flex;
  align-items: center;
  justify-content:center;
  flex-direction: column;
}
.main-step-05 .content_wrap{
	width:1100px;
	display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction: column;
}


.main-step-05 .content_wrap .title{text-align:left;font-size:35px; margin-left:10px; font-weight:bold;}
.main-step-05 .content_wrap .wrap{
	width:1100px;
	margin-top:40px;
	display:flex;
  align-items: flex-start;
  justify-content:center;
}
.main-step-05 .content_wrap .wrap .content{
	width:calc(50% - 10px);
	margin-top:60px;
	height:540px;
}
.main-step-05 .content_wrap .wrap .content .title{text-align:left; font-size:20px; font-weight:bold;  width:100%; margin-top:20px; margin-left:30px;}
.main-step-05 .content_wrap .wrap .content .summary{font-size:20px; font-weight:bold; width:100%; margin-top:20px; margin-left:30px;}
.main-step-05 .content_wrap .wrap .content.content_01{
	margin-right:20px;
	background-image:url('/views/_layout/default/images/main/bg03.png');
}
.main-step-05 .content_wrap .wrap .content.content_02{
	background-image:url('/views/_layout/default/images/main/bg04.png');
}

.main-step-05 .content_wrap .wrap02_comm{
	margin-top:40px;
	height:350px;
	width:100%;
}
.main-step-05 .content_wrap .wrap02_comm.wrap02{
	background-image:url('/views/_layout/default/images/main/bg05.png');
}
.main-step-05 .content_wrap .wrap02_comm.wrap03{
	background-image:url('/views/_layout/default/images/main/bg06.png');
}
.main-step-05 .content_wrap .wrap02_comm .content .pre{font-size:11px; font-color:bold; width:100%; margin-top:50px; margin-left:50px;}
.main-step-05 .content_wrap .wrap02_comm .content .title{text-align:left; font-size:20px; font-weight:bold;  width:100%; margin-top:30px; margin-left:50px;}
.main-step-05 .content_wrap .wrap02_comm .content .summary{font-size:14px; font-weight:bold; width:100%; margin-top:30px; margin-left:50px; line-height:25px;}
.main-step-05 .content_wrap .wrap02_comm .content .img{
		float:right; margin-top:-319px; margin-right:110px; width:290px; height:380px; 
		background-size:100%;
    background-position:center top;
    background-repeat:no-repeat;
}
.main-step-05 .content_wrap .wrap02_comm .content .img.img02{
		margin-top:-287px; margin-right:50px; width:500px; height:345px; 
		background-position:center -30px;
}
@media (max-width: 767px){
	.main-step-05{
		margin-top:50px;
	}
	.main-step-05 .content_wrap{
		width:100%;
	}
	.main-step-05 .content_wrap .title{font-size:20px;}
	.main-step-05 .content_wrap .wrap{
		width:100%;
		flex-direction: column;
	}
	.main-step-05 .content_wrap .wrap .content{
		width:100%;
		margin-top:30px;
		height:240px;
	}
	.main-step-05 .content_wrap .wrap .content .title{font-size:16px;}
	.main-step-05 .content_wrap .wrap .content .summary{font-size:14px;}
	.main-step-05 .content_wrap .wrap .content.content_01{
		background-size:cover;
		background-position:bottom;
	}
	.main-step-05 .content_wrap .wrap .content.content_02{
		background-size:cover;
		background-position:bottom;
	}

	.main-step-05 .content_wrap .wrap02_comm{
		margin-top:30px;
		height:300px;
	}
	.main-step-05 .content_wrap .wrap02_comm.wrap02{
		background-size:cover;
	}
	.main-step-05 .content_wrap .wrap02_comm.wrap03{
		background-size:cover;
	}
	.main-step-05 .content_wrap .wrap02_comm .content .pre{font-size:11px;  margin-top:30px; margin-left:20px;}
	.main-step-05 .content_wrap .wrap02_comm .content .title{font-size:16px; margin-top:20px; margin-left:20px;}
	.main-step-05 .content_wrap .wrap02_comm .content .summary{font-size:14px; margin-top:20px; margin-left:20px;}
	.main-step-05 .content_wrap .wrap02_comm .content .img{
			float:right; margin-top:-290px; margin-right:10px; width:100px; height:310px; 
			background-size:100%;
	}
	.main-step-05 .content_wrap .wrap02_comm .content .img.img02{
			margin-top:-287px; margin-right:0px; width:240px; height:345px; 
			background-position:center -30px;
	}
}


.main-step-06{
	margin-top:110px;
	height:800px;
  background-image:url('/views/_layout/default/images/main/bg07.png');
  display:flex;
  align-items: center;
  justify-content:center;
  color:#ffffff;
}
.main-step-06 .content_wrap{
	width:1100px;
	display:flex;
  align-items: flex-end;
  justify-content:center;
  flex-direction: column;
}
.main-step-06 .title{font-size:35px; font-weight:bold; text-align:right;}
.main-step-06 .summary{font-size:14px; line-height:25px; margin-top:30px; text-align:right;}
.main-step-06 .list{font-size:18px; line-height:35px; margin-top:60px; margin-right:200px; width:350px;}
.main-step-06 .list .dot{font-size:8px; float:left; display:inline-block; margin-right:10px; height:25px; color:#27efcd;}
.main-step-06 .action{font-size:14px; line-height:25px; margin-top:60px; color:#27efcd;}

@media (max-width: 767px){
	.main-step-06{
		margin-top:50px;
		height:400px;
		background-size:cover;
	}
	.main-step-06 .content_wrap{
		width:100%;
		padding-right:10px;
	}
	.main-step-06 .title{font-size:20px; margin-top:10px;}
	.main-step-06 .summary{font-size:14px; line-height:25px; margin-top:30px; }
	.main-step-06 .list{font-size:14px; line-height:25px; margin-top:40px; margin-right:50px; width:250px;}
	.main-step-06 .list .dot{font-size:5px;  height:25px;}
	.main-step-06 .action{font-size:14px;margin-top:30px;}
}


.main-step-07{
	margin-top:0px;
	padding-bottom:100px;
	background-color:#00B2B2;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
  color:#ffffff;
}
.main-step-07 .content_wrap{
	width:1000px;
	display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction: column;
}
.main-step-07 .pre{font-size:14px; font-weight:bold; margin-top:80px; color:#FFFFFF;}
.main-step-07 .title{font-size:35px; font-weight:bold; margin-top:30px;}
.main-step-07 .summary{font-size:14px; line-height:25px; margin-top:30px;}
.main-step-07 .action{
	font-size:14px; line-height:25px; margin-top:30px; color:#00B2B2; 
	background-color:#FFFFFF; padding-right:10px; padding-left:10px; border-radius:50px;
}
.main-step-07 .img{height:200px; width:100%; margin-top:50px;}
.main-step-07 .wrap{
		display:flex;
  	align-items:center;
  	justify-content:center;
  	width:100%;
}
.main-step-07 .wrap .content{
		display:flex;
  	align-items:flex-start;
  	justify-content:center;
  	flex-direction: column;
  	width:50%;
}
.main-step-07 .wrap .content:first-child{padding-left:70px;}
.main-step-07 .wrap .content:last-child{padding-left:20px;}
.main-step-07 .wrap .content .title{font-size:18px; width:250px;}
.main-step-07 .wrap .content .summary{font-size:17px; width:250px;}
.main-step-07 .wrap .content .summary .commpany{margin-right:5px;}
.main-step-07 .wrap .content .summary .name{font-size:14px;}
.main-step-07 .content_wrap_02{
	margin-top:100px;
	width:1000px;
	display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction: column;
}
.main-step-07 .content_wrap_02 .title{font-size:35px; width:100%; text-align:center;}
.main-step-07 .content_wrap_02 .wrap{
	margin-top:30px;
	width:100%;
	display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-wrap: wrap;
}
.main-step-07 .content_wrap_02 .wrap .content{
	display:flex;
  align-items:center;
  justify-content:center;
	font-size:40px; width:60%;
	padding:0px;
	padding-top:20px;
}
.main-step-07 .content_wrap_02 .wrap .content:first-child{width:20%;}
.main-step-07 .content_wrap_02 .wrap .content:last-child{width:20%;}


@media (max-width: 767px){
	.main-step-07{
		padding-bottom:50px;
	}
	.main-step-07 .content_wrap{
		width:100%;
	}
	.main-step-07 .pre{font-size:11px;  margin-top:40px; margin-left:10px;}
	.main-step-07 .title{font-size:20px;margin-top:20px; margin-left:10px;}
	.main-step-07 .summary{font-size:14px; line-height:25px; margin-top:20px; margin-left:10px;}
	.main-step-07 .action{
		margin-top:20px;  margin-left:10px;;
	}
	.main-step-07 .img{height:100px; width:100%; margin-top:50px;}
	.main-step-07 .wrap{
	  	width:100%;
	}
	.main-step-07 .wrap .content{
	  	width:50%;
	}
	.main-step-07 .wrap .content:first-child{padding-left:5px;}
	.main-step-07 .wrap .content:last-child{padding-left:10px;}
	.main-step-07 .wrap .content .title{font-size:16px; width:calc(100% - 20px);}
	.main-step-07 .wrap .content .summary{font-size:13px; width:calc(100% - 10px);}
	.main-step-07 .wrap .content .summary .commpany{margin-right:5px;}
	.main-step-07 .wrap .content .summary .name{font-size:14px;}
	.main-step-07 .content_wrap_02{
		margin-top:50px;
		width:100%;
	}
	.main-step-07 .content_wrap_02 .title{font-size:20px; width:100%;}
	.main-step-07 .content_wrap_02 .wrap{
		margin-top:20px;
		width:100%;
	}
	.main-step-07 .content_wrap_02 .wrap .content{
		font-size:20px; width:60%;
		padding:0px;
		padding-top:20px;
	}
	.main-step-07 .content_wrap_02 .wrap .content:first-child{width:20%;}
	.main-step-07 .content_wrap_02 .wrap .content:last-child{width:20%;}
}



.main-step-08{
	margin-top:100px;
	padding-bottom:100px;
	background-color:#FFFFFF;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
}
.main-step-08 .content_wrap{
	margin:0px;
	padding:0px;
	width:1100px;
	display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
}
.main-step-08 .content_wrap .pre{font-size:11px; font-weight:bold; color:#000000;}
.main-step-08 .content_wrap .title{font-size:35px; font-weight:bold; text-align:center; margin-top:20px;}
.main-step-08 .content_wrap .summary{font-size:17px; text-align:center; margin-top:20px;}
.main-step-08 .content_wrap .wrap{
	margin-top:30px;
	width:100%;
	display:flex;
  align-items:center;
  justify-content:center;
}
.main-step-08 .content_wrap .wrap .content{
	display:flex;
  align-items:center;
  justify-content:center;
  margin:0px;
  margin-top:35px;
  padding:15px;
	width:33.3%;
}
.main-step-08 .content_wrap .wrap .content:first-child{padding-left:0px;}
.main-step-08 .content_wrap .wrap .content:last-child{padding-right:0px;}
.main-step-08 .content_wrap .wrap .content .list_wrap{
	display:flex;
	align-items:flex-start;
  justify-content:center;
  flex-direction: column;
	border:2px solid #00B2B2;
	border-radius:20px;
	width:100%;
	padding:30px 35px 30px 35px;
}
.main-step-08 .content_wrap .wrap .content .title{color:#00B2B2;}
.main-step-08 .content_wrap .wrap .content .summary{font-size:12px; text-align:left; padding-bottom:15px; width:100%; border-bottom:1px solid #7B7B7B;}
.main-step-08 .content_wrap .wrap .content .list{margin-top:15px;}
.main-step-08 .content_wrap .wrap .content .list .row{font-size:12px; margin-bottom:10px; margin-left:5px;}
.main-step-08 .content_wrap .wrap .content .list .row .icon{font-size:12px; margin-right:10px; display:inline-block;}
.main-step-08 .content_wrap .wrap .content:first-child .list_wrap
,.main-step-08 .content_wrap .wrap .content:last-child .list_wrap{border:2px solid #6C6C6C;}
.main-step-08 .content_wrap .wrap .content:first-child .title
,.main-step-08 .content_wrap .wrap .content:last-child .title{color:#000000;}


@media (max-width: 767px){
	.main-step-08{
		margin-top:50px;
		padding-bottom:50px;
	}
	.main-step-08 .content_wrap{
		padding:5px;
		width:100%;
	}
	.main-step-08 .content_wrap .pre{font-size:11px;}
	.main-step-08 .content_wrap .title{font-size:20px;margin-top:20px;}
	.main-step-08 .content_wrap .summary{font-size:14px; margin-top:20px;}
	.main-step-08 .content_wrap .wrap{
		margin-top:20px;
		width:100%;
		flex-direction: column;
	}
	.main-step-08 .content_wrap .wrap .content{
	  margin:0px;
	  margin-top:15px;
	  padding:10px;
		width:100%;
	}
	.main-step-08 .content_wrap .wrap .content:first-child{padding-left:10px;}
	.main-step-08 .content_wrap .wrap .content:last-child{padding-right:10px;}
}



.main-step-09{
	padding-top:200px;
	padding-bottom:200px;
	background-color:#FFFFFF;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
  background-image:url('/views/_layout/default/images/main/bg08.png');
}
.main-step-09 .content_wrap{
	margin:0px;
	padding:10px;
	width:1100px;
	display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
  color:#FFFFFF;
}
.main-step-09 .content_wrap .pre{font-size:11px; font-weight:bold; color:#FFFFFF;}
.main-step-09 .content_wrap .title{font-size:35px; font-weight:bold; text-align:center; margin-top:20px;}
.main-step-09 .content_wrap .search{margin-top:30px; background-color:#FFFFFF; width:500px; border-radius:5px;}
.main-step-09 .content_wrap .search .icon{
		width:50px;height:30px; display:inline-block; 
		background-size:20px;
		background-position:center 10px;
		background-repeat:no-repeat;
		background-image:url('/views/_layout/default/images/main/icon13.png');}
.main-step-09 .content_wrap .search input{width:450px;height:30px; margin:0px; border:1px solid #FFFFFF; color:#000000; border-radius:5px;}
.main-step-09 .content_wrap .action{font-size:14px; text-align:center; margin-top:30px;}
.main-step-09 .content_wrap .action .button{display:inline-block; padding:8px 10px 8px 10px; border-radius:20px;}
.main-step-09 .content_wrap .action .button.button01{background-color:#FFFFFF; color:#00B2B2; margin-right:5px;}
.main-step-09 .content_wrap .action .button.button02{background-color:#00B2B2; color:#FFFFFF; margin-left:5px;}


@media (max-width: 767px){
	.main-step-09{
		padding-top:100px;
		padding-bottom:100px;
		background-size:cover;
	}
	.main-step-09 .content_wrap{
		width:100%;
	}
	.main-step-09 .content_wrap .pre{font-size:11px;}
	.main-step-09 .content_wrap .title{font-size:20px; margin-top:20px;}
	.main-step-09 .content_wrap .search{background-color:#FFFFFF; width:100%;}
	.main-step-09 .content_wrap .search .icon{}
	.main-step-09 .content_wrap .search input{width:calc(100% - 50px);}
}

.main-step-sample{
	background-image:url('/views/_layout/default/images/sample.png');
}
/*@메인화면 css*/






 .main-notice-slide-wrap{
 	position:fixed;
 	z-index:999;
 	/*
 	background-position:center;  background-size:contain;
 	*/
 	width:100%;
 }
 .main-notice-slide{
 	width:100%; height:40px; 
 	
 	background-color:rgb(93,81,67,1.0);
 	
 	/*background-color:#2B5B86;*/}
 a.main-notice-slide-article{
 	display:inline-block;
 	width:100%; height:100%; height:40px;
 	color:#FFFFFF; font-size:18px; padding-top:5px;
 	text-align:center;}


 .swiper-biz-main-slide{ height:100%;  overflow:hidden;}
 .swiper-biz-main-slide .main-top-slide{ height:100%; width:100%;}
 .swiper-biz-main-slide .main-top-slide .swiper-slide .slide-article{height:100%;}

.main-swiper-button-wrap{ position:absolute;height:80px; width:80px;  top:50%; margin-top:-50px; z-index:10000;}
.main-swiper-button-wrap img{ width:100%;}
.top-swiper-button-next{left:100%; margin-left:-80px;}
.top-swiper-button-prev{left:0;  transform: scaleX(-1);}

.swiper-biz-main-slide .swiper-pagination-wrap{
	position:absolute;height:20px; width:100%; 
	top:100%; margin-top:-30px;  z-index:10000; text-align:center;
}
.swiper-biz-main-slide .swiper-pagination{
	position:absolute;  height:20px; width:200px;  
	left:50%; margin-left:-100px;
}






@media (max-width: 992px) {
	.main-top-slide-wrap{height:470px;}
	.main-top-slide{height:450px;}
	.main-top-banner{ height:450px; }
	.main-top-banner .left .title01{ font-size:1.1em;  margin-top:50px;}
    .main-top-banner .left .title0101{font-size:0.8em;}
    .main-top-banner .left .title02{font-size:1.0em;  margin-top:50px;}
	.swiper-biz-main-slide{ height:450px; }
 	.swiper-biz-main-slide .main-top-slide{ height:450px; }
  	.main-top-banner .left .btn{ margin-top:50px;}
  
	.swiper-container.main-top-slide-wrap .swiper-pagination{  margin-left:-54px; width:108px; }
	 
	.swiper-button-wrap{ height:60px; width:60px;}
    .swiper-button-next{ margin-left:-60px;}
    .swiper-button-prev{}
}

@media (max-width: 767px) {
	.main-top-slide{height:250px;}
	.main-top-slide .slide-article-wrap{height:250px;}
}

@media (max-width: 1150px){
}
/**/
.main-youtube-wrap .box{height: 100%; width: 50%;}
.main-youtube-wrap .main-youtube-box{
	background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.main-youtube-box{
	position: absolute;
	height: 340px;
	width: 600px;
	margin-top: 110px;
	left: 50%;
	margin-left: 100px;
	background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}


@media (max-width: 767px) {
	.swiper-button-wrap{ top: 150px;}
	.main-youtube-box{
		position: relative!important;
		margin-top: 250px;
		height: 200px;
		width: 100%;
		left: 0%;
		margin-left: 0px;
	}
}


.main-dong-bg{
	background-color: #F4F5F9;
}
.main-dong-wrap{
	width: 100%;
	height: 700px;
	padding: 50px 10px 50px 10px;
}
.main-dong-wrap .title{
	font-size: 18px!important; font-family:'S-CoreDream-8';
	border-bottom:1px solid #131414; padding-bottom: 8px; margin-bottom: 10px;
}
.main-dong-wrap .main-dong-slide{
	width: 100%;
	height: 100%;
	padding-top: 10px;
}
.main-dong-wrap .main-dong-slide .main-dong-box{
	display: inline-block;
	text-align: center;
	cursor: pointer;
	padding: 10px;
    height:330px;
    border: 1px solid #f4f5f9;
    border-radius: 10px;
}
.main-dong-wrap .main-dong-slide .main-dong-box:hover{
	background-color: rgba(243,196,76,0.3);
}
.main-dong-wrap .main-dong-slide .main-dong-box .main-dong-img{
	text-align: center;
	cursor: pointer;
	padding: 10px;
	background-size:100%;
    background-position:center top;
    background-repeat:no-repeat;
    height:270px;
}
.main-dong-wrap .main-dong-slide .main-dong-box .main-dong-title{
	font-size: 18px!important; font-family:'S-CoreDream-8';
	width: 100%;
	padding-top: 10px;
}

@media (max-width: 767px) {
	.main-dong-wrap{
		height: 550px;
		padding: 50px 10px 50px 10px;
	}
	.main-dong-wrap .main-dong-slide .main-dong-box{
	    height:230px;
	    border-radius: 5px;
	}
	.main-dong-wrap .main-dong-slide .main-dong-box .main-dong-img{
	    height:150px;
	}
	.main-dong-wrap .main-dong-slide .main-dong-box .main-dong-title{
		font-size: 15px!important;
	}
}

@media (max-width: 1150px){
}

.main-side-bg{
	margin-top:40px;
}
.main-side-wrap{padding: 0px; border-bottom:1px solid #000000;}
.main-side-wrap > .title{
	font-size: 18px!important; font-family:'S-CoreDream-8';
	border-bottom:1px solid #131414; padding-bottom: 8px; margin-bottom: 0px;
}
.main-side-wrap .list-wrap .picture-article-box{
	padding: 0px; height: 500px; 
}
.main-side-wrap .picture-article-box a{
	display: inline-block; 
	width: 100%; height: 100%; 
	background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.main-side-wrap .summary-wrap{
	position:absolute; top:0px; left:0px; 
	width:100%;
	background-color:rgb(255,255,255,1.5);
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:10px;}
.main-side-wrap .summary-wrap .title{font-size:28px;font-family:'S-CoreDream-8';}
.main-side-wrap .summary-wrap .summary{font-size:18px;font-family:'S-CoreDream-4';}


.main-program-wrap{padding: 0px; display:flex;}
.main-program-wrap > .title{
	font-size: 18px!important; font-family:'S-CoreDream-8';
	border-bottom:1px solid #131414; padding-bottom: 8px; margin-bottom: 0px;
}
.main-program-wrap .summary-wrap{
	position:absolute; top:0px; left:0px; 
	background-color:rgb(255,255,255,0.5);
	height:100%;
	padding:10px;}
.main-program-wrap .summary-wrap .title{font-size:28px;font-family:'S-CoreDream-8';}
.main-program-wrap .summary-wrap .summary{
	width:190px; white-space:pre-line;
	font-size:18px;font-family:'S-CoreDream-4'; }
.main-program-wrap .summary-wrap .btn{
		position:absolute;
		top:100%; margin-top:-50px;
		left:100%; margin-left:-110px; 
		display:inline-block;
		font-size:15px; padding:5px 10px 5px 10px;
		border-radius:20px;
		background-color:#000000; color:#ffffff;
}


.main-program-wrap .left-wrap {
	padding: 0px; height: 500px; width:200px;
	border:1px solid #000000;
}
.main-program-wrap .right-wrap {
	padding: 0px; height: 500px;width:calc(100% - 202px);
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
}
.main-program-wrap .picture-article-box{width: 100%; height: 100%;}
.main-program-wrap .picture-article-box a{
	display: inline-block; 
	width: 100%; height: 100%; 
	background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}


.main-club-bg{
	background-color: #ffffff;
	padding:0px;
}

.main-club-wrap{
	background-color: #ffffff;
	width: 100%; height:150px;
	padding: 50px 10px 50px 0px;
}
.main-club-wrap .summary-wrap .title{font-size:28px;font-family:'S-CoreDream-8';}
.main-club-wrap .summary-wrap .summary{font-size:18px;font-family:'S-CoreDream-4';}

	.main-club-slide{ height:450px;}
	.main-club-slide .slide-article{ height:100%;}
	.main-club-slide .picture-article-box{
		height:450px; padding:10px; display:flex; 
		align-items: center; justify-content:center;
	}
	.main-club-slide .picture-article-box span.img{
		display: block; 
		width: 400px; height:400px;
		border-radius:600px;
		border: 1px solid #191816;
		background-size:100%;
	    background-position:center center;
	    background-repeat:no-repeat;
	}

	.main-club-slide .summary-wrap{
		float:right; margin-top:320px;
		width:200px; height:95px; padding:5px;
		background-color:#ffffff; border:1px solid #191816;
	}
	.main-club-slide .summary-wrap .title{font-size:19px;}
	.main-club-slide .summary-wrap .summary{
		float:right;
		display:inline-block;
		font-size:15px; margin-top:20px; padding:5px;
		border-radius:20px;
		background-color:#000000; color:#ffffff;

	}

@media (max-width: 1700px){
	.main-club-slide{ height:320px;}
	.main-club-slide .picture-article-box{height:320px;}
	.main-club-slide .picture-article-box span.img{width: 300px; height:300px;}
	.main-club-slide .summary-wrap{
		margin-top:210px;
		width:200px; height:95px;
	}
}

@media (max-width: 1500px){
	.main-club-slide{ height:270px;}
	.main-club-slide .picture-article-box{height:270px;}
	.main-club-slide .picture-article-box span.img{width: 250px; height:250px;}
	.main-club-slide .summary-wrap{
		margin-top:170px;
		width:180px; height:80px;
	}
	.main-club-slide .summary-wrap .title{font-size:15px;}
	.main-club-slide .summary-wrap .summary{font-size:13px; margin-top:15px;}
}
@media (max-width: 1100px){
	.main-club-slide{ height:250px;}
	.main-club-slide .picture-article-box{height:250px;}
	.main-club-slide .picture-article-box span.img{width: 230px; height:230px;}
	.main-club-slide .summary-wrap{
		margin-top:150px;
		width:180px; height:80px;
	}
	.main-club-slide .summary-wrap .title{font-size:15px;}
	.main-club-slide .summary-wrap .summary{font-size:13px; margin-top:15px;}
}
@media (max-width: 900px){
	.main-club-slide{ height:200px;}
	.main-club-slide .picture-article-box{height:200px;}
	.main-club-slide .picture-article-box span.img{width: 180px; height:180px;}
	.main-club-slide .summary-wrap{
		margin-top:100px;
		width:100px; height:70px;
	}
	.main-club-slide .summary-wrap .title{font-size:14px;}
	.main-club-slide .summary-wrap .summary{font-size:12px; margin-top:10px;}
}

@media (max-width: 800px){
	.main-club-slide{ height:180px;}
	.main-club-slide .picture-article-box{height:180px;}
	.main-club-slide .picture-article-box span.img{width: 150px; height:150px;}
	.main-club-slide .summary-wrap{
		margin-top:90px;
		width:100px; height:70px;
	}
	.main-club-slide .summary-wrap .title{font-size:14px;}
	.main-club-slide .summary-wrap .summary{font-size:12px; margin-top:5px;}
}
@media (max-width: 600px){
	.main-club-slide{ height:130px;}
	.main-club-slide .picture-article-box{height:130px;}
	.main-club-slide .picture-article-box span.img{width: 110px; height:110px;}
	.main-club-slide .summary-wrap{
		margin-top:58px;
		width:100px; height:60px;
	}
	.main-club-slide .summary-wrap .title{font-size:14px;}
	.main-club-slide .summary-wrap .summary{font-size:11px; margin-top:2px;}
}

/*
.main-club-wrap{
	width: 100%;
	padding: 50px 10px 50px 10px;
}
.main-club-wrap{padding: 10px 10px 10px 10px;}
.main-club-wrap .title{
	font-size: 18px!important; font-family:'S-CoreDream-8';
	border-bottom:1px solid #131414; padding-bottom: 8px; margin-bottom: 10px;
}
.main-club-wrap .list-wrap .picture-article-box{
	padding: 10px; height: 280px; 
}
.main-club-wrap .picture-article-box a{
	display: inline-block; 
	width: 100%; height: 100%; 
	border: 2px solid #f7f2ff;
	border-radius: 4px;
	background-size:100%;
    background-position:center center;
    background-repeat:no-repeat;
}
.main-club-wrap .picture-article-box a .summary{
	position: absolute; display: inline-block; top: 100%; margin-top: -50px;
	width: calc(100% - 24px); height:40px; border-radius: 0 0 8px 8px; padding-top: 8px;
	background-color: rgba(0,0,0,0.7); 
	text-align: center; color: #ffffff;
	font-size: 15px;
	white-space: nowrap;
}
.main-club-wrap .picture-article-box a:hover{
	border:2px solid #5279bc; 
}
.main-club-wrap .picture-article-box a:hover .summary{
	background-color: rgba(82,120,187,1.0); 
	color: #ffffff;
}
.main-club-wrap .picture-big-box{
	height: 340px;
	width: 100%;
	overflow: hidden;
}
.main-club-wrap .picture-small-box{
	height: 170px;
	width: 50%;
	overflow: hidden;
}
*/




.dong-swiper-button-wrap{ position:absolute;height:60px; width:35px;  top:900px; z-index:10000; cursor: pointer;}
.dong-swiper-button-wrap img{width: 100%;height: 100%;}
.dong-swiper-button-next{left:50%; margin-left:620px;}
.dong-swiper-button-prev{left:50%; margin-left:-655px; transform: scaleX(-1);}

.main-dong-slide .slide-article-wrap{
	height:700px;
	background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}


.main-partner-wrap{
	height: 60px;
	width: 100%;
	padding: 50px 10px 50px 10px;
}
.main-partner-slide .slide-article-wrap{
	height:50px;
	margin-top:10px;
	background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.partner-swiper-button-wrap{ position:absolute;height:40px; width:15px; margin-top:10px;  z-index:10000; cursor: pointer;}
.partner-swiper-button-wrap img{width: 100%;height: 100%;}
.partner-swiper-button-next{left:50%; margin-left:620px;}
.partner-swiper-button-prev{left:50%; margin-left:-655px; transform: scaleX(-1);}

@media (max-width: 1150px){
}

.board-main-bg{
	background-size:cover;
    background-position:center bottom;
    background-repeat:no-repeat;
	background-image:url('/views/_layout/default/images/main/bg_back.png');
}
/*
.board-main-bg::before{
	content:"";
	opacity:0.3;
	position: absolute;
	top:1285px;
	left:0px;
	right:0px;
	bottom:0px;
	width: 100%;
	height: 460px;
	background-size:cover;
    background-position:center bottom;
    background-repeat:no-repeat;
	background-image:url('/views/_layout/default/images/main/bg_back.png');
}
*/

.board-notice-wrap{
	height: 500px; padding:50px 10px 50px 10px;
}

.board-notice-wrap .title-wrap{
	font-size: 18px!important; font-family:'S-CoreDream-8'; color:#000000;
	margin-bottom: 10px;
}
.board-notice-wrap .title-wrap span{display:inline-block;}

.board-notice-wrap .title-wrap .title{
	display:inline-block;
	border-radius:5px 5px 0px 0px;
	border-top:1px solid #131414;
	border-left:1px solid #131414;
	border-right:1px solid #131414;
	padding:5px 5px 5px 5px; margin:0px; margin-top:5px;
	width:110px;text-align:center;
}
.board-notice-wrap .title-wrap .title{background-color:gray; color:#4f4e4d;cursor:pointer; border-bottom:1px solid #808080;}
.board-notice-wrap .title-wrap .title.active{background-color:#ffffff!important; color:#000000; border-bottom:1px solid #ffffff;}
.board-notice-wrap .title-wrap .title:hover{background-color:#a3a2a2; color:#000000;}
.board-notice-wrap .title-wrap .line{
	border-bottom:1px solid #131414;
	padding:5px; margin-top:5px; margin-left:-6px;
	width:calc(100% - 230px);
}

.board-notice-wrap{padding: 50px 20px 50px 10px;}
/*
.board-main-wrap .title{ font-size: 18px!important; font-family:'S-CoreDream-8';border-bottom:1px solid #131414; padding-bottom: 8px; }
*/
.board-notice-wrap .list-wrap{display:none; height:380px;background-color:rgb(255,255,255,0.7);}
.board-notice-wrap .list-wrap.active{display:block; margin-top:43px;background-color:rgb(255,255,255,0.7);}

.board-notice-wrap .list-article{
	background-color:rgb(255,255,255,0.7);
	padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #DEDEDE; cursor: pointer;}
.board-notice-wrap .list-article:hover{background-color: rgba(243,196,76,0.2);}
.board-notice-wrap .list-article .content{font-size: 16px!important; white-space: nowrap; color:#000000;}
.board-notice-wrap .list-article .date{text-align: right;font-size: 16px!important; white-space: nowrap;}

@media (max-width: 767px) {
	.board-notice-wrap{padding: 50px 10px 50px 10px;}
	.board-notice-wrap .list-article .content{font-size: 14px!important;}
	.board-notice-wrap .list-article .date{font-size: 14px!important;}
}



.board-image-wrap{height:500px; padding:50px 10px 50px 10px;}

.board-image-wrap .title-wrap{
	font-size: 18px!important; font-family:'S-CoreDream-8'; color:#000000;
	padding-bottom: 0px;
}
.board-image-wrap .title-wrap span{display:inline-block;}

.board-image-wrap .title-wrap .title{
	background-color:rgb(255,255,255,0.7);
	display:inline-block;
	border-radius:5px 5px 0px 0px;
	border-top:1px solid #131414;
	border-left:1px solid #131414;
	border-right:1px solid #131414;
	border-bottom:1px solid #ffffff;
	padding:5px; margin:0px; margin-top:5px;
	width:110px;text-align:center;
}
.board-image-wrap .title-wrap .line{
	border-bottom:1px solid #131414;
	padding:5px; margin-top:5px; margin-left:-6px;
	width:calc(100% - 115px);
}

.board-image-wrap .picture-article-box{
	padding: 10px;
	height:500px;
	background-color:rgb(255,255,255,0.7);
}
.board-image-wrap .picture-article-box a{
	display: inline-block; 
	width: 100%; height: 100%; 
	border: 1px solid #f7f2ff;
	border-radius: 2px;
	background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.board-image-wrap .picture-article-box a .summary{
	position: absolute; display: inline-block; top: 100%; margin-top: -50px;
	width: calc(100% - 22px); height:40px; border-radius: 0 0 2px 2px; padding-top: 8px;
	background-color: rgba(0,0,0,0.6); 
	text-align: center; color: #ffffff; font-size: 15px;
	white-space: nowrap;
}
.board-image-wrap .picture-article-box a:hover{
	/*border:1px solid #5279bc; */
	border:1px solid #000000;
}
.board-image-wrap .picture-article-box a:hover .summary{
	/*background-color: rgba(82,120,187,1.0);*/
	background-color: rgba(0,0,0,1.0); 
	color: #ffffff;
}
.board-image-wrap .picture-small-box{
	height: 190px;
	width: 50%;
	overflow: hidden;
}




.main-picture-wrap{height: 480px; padding: 50px 10px 50px 10px;}
.main-picture-wrap .title{
	font-size: 18px!important; font-family:'S-CoreDream-8';
	border-bottom:1px solid #131414; padding-bottom: 8px; margin-bottom: 10px;
}
.main-picture-wrap .picture-article-box{
	padding: 10px;
}
.main-picture-wrap .picture-article-box a{
	display: inline-block; 
	width: 100%; height: 100%; 
	border: 2px solid #f7f2ff;
	border-radius: 10px;
	background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.main-picture-wrap .picture-article-box a .summary{
	position: absolute; display: inline-block; top: 100%; margin-top: -50px;
	width: calc(100% - 24px); height:40px; border-radius: 0 0 8px 8px; padding-top: 8px;
	background-color: rgba(0,0,0,0.7); 
	text-align: center; color: #ffffff;
	font-size: 15px;
	white-space: nowrap;
}
.main-picture-wrap .picture-article-box a:hover{
	border:2px solid #5279bc; 
}
.main-picture-wrap .picture-article-box a:hover .summary{
	background-color: rgba(82,120,187,1.0); 
	color: #ffffff;
}
.main-picture-wrap .picture-big-box{
	height: 340px;
	width: 100%;
	overflow: hidden;
}
.main-picture-wrap .picture-small-box{
	height: 170px;
	width: 50%;
	overflow: hidden;
}

@media (max-width: 767px) {
	.board-main-bg::before{
		top:1510px;
	}
	.main-picture-wrap{height: 650px}
	.main-picture-wrap .picture-big-box{
		height: 240px;
	}
	.main-picture-wrap .picture-small-box{
		height: 150px;
	}
}