/* ==========================================================================
공통사항
========================================================================== */
.main_content {
	max-width:1200px;
	margin:0 auto;
	}

/* ==========================================================================
비주얼 이미지
========================================================================== */
.main_visual {
	margin-top:80px;
	z-index: 100;
	}
#owl-demo .item {
	position:relative;
	width:100%;
	}
#owl-demo .item:before{
	content: "";
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.5;
	position: absolute;
	width: 100%;
	}
#owl-demo .mbg01 {
	width:100%;
	height:800px;
	background:url('../images/main/mainvisual_01.png');
	background-repeat:no-repeat;
	background-position:center top;
	}
#owl-demo .mbg02 {
	width:100%;
	height:800px;
	background:url('../images/main/mainvisual_02.png');
	background-repeat:no-repeat;
	background-position:center top;
	}
#owl-demo .mbg03 {
	width:100%;
	height:800px;
	background:url('../images/main/mainvisual_03.png');
	background-repeat:no-repeat;
	background-position:center top;
	}
#owl-demo .mbg04 {
	width:100%;
	height:800px;
	background:url('../images/main/mainvisual_04.png');
	background-repeat:no-repeat;
	background-position:center top;
	}
#owl-demo .mbg05 {
	width:100%;
	height:800px;
	background:url('../images/main/mainvisual_05.png');
	background-repeat:no-repeat;
	background-position:center top;
	}
/* 암롤박스 */
#owl-demo .mbg06 {
	width:100%;
	height:800px;
	background:url('../images/main/mainvisual_06.png');
	background-repeat:no-repeat;
	background-position:center top;
	}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
	}
#owl-demo .owl-pagination {
	position: absolute;
	display:block;
	top: 25%;
	left:50%;
	margin-left:-600px;
	}
.mcontainer {
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding-top:100px;
	}
.owl-item h1{
	line-height:1;
	font-size:40pt;
	font-family: 'Raleway';
	font-weight:700;
	color:#204291;
	/*text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.75);*/
	}
.main_ment_span{
	font-size:45pt;
	color:#1d84e4;
	}
.owl-item h1:before {
	content: "";
	width:50px;
	height:10px;
	background-color: #66ccff;
	position: absolute;
	top:100px;
	left:0px;
	}
.owl-item p {
	font-family:'Rnoto';
	font-size:17pt;
	margin-top:80px;
	line-height:1.2;
	/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);*/
	}

/* 1번째 메인 비주얼 텍스트소스*/
.mbg01 h1{
	line-height:1.5;
	font-family: 'Bnoto';
	color:#204291;
	/*text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.75);*/
	}
/* 5번째 메인 비주얼 텍스트소스*/
.mbg05 h1{
	line-height:1.5;
	/*text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.75);*/
	}
.mbg05 h1:before {
	display:none;
	}
/* 텍스트 애니메이션효과 */
.owl-item h1,
.owl-item.active h2,
.owl-item p {
	opacity:0;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	}
.owl-item h1 {
	-webkit-transition: all 0.5s ease-in-out 0.15s;
	-moz-transition: all 0.5s ease-in-out 0.15s;
	-ms-transition: all 0.5s ease-in-out 0.15s;
	-o-transition: all 0.5s ease-in-out 0.15s;
	transition: all 0.5s ease-in-out 0.15s;
	}
.owl-item h2 {
	-webkit-transition: all 0.5s ease-in-out 0.30s;
	-moz-transition: all 0.5s ease-in-out 0.30s;
	-ms-transition: all 0.5s ease-in-out 0.30s;
	-o-transition: all 0.5s ease-in-out 0.30s;
	transition: all 0.5s ease-in-out 0.30s;
	}
.owl-item p {
	-webkit-transition: all 0.5s ease-in-out 0.45s;
	-moz-transition: all 0.5s ease-in-out 0.45s;
	-ms-transition: all 0.5s ease-in-out 0.45s;
	-o-transition: all 0.5s ease-in-out 0.45s;
	transition: all 0.5s ease-in-out 0.45s;
	}
.owl-item.active h1,
.owl-item.active h2,
.owl-item.active p {
	opacity:1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	tansform: scale(1);
	}


/* 모바일 및 탭 */
@media screen and (max-width:1023px){
	.main_visual {
		margin-top:60px;
		}
	#owl-demo .mbg01 {
		height:400px;
		background-size: cover;
		background-position:center;
		}
	#owl-demo .mbg02 {
		height:400px;
		background-size: cover;
		background-position:center;
		}
	#owl-demo .mbg03 {
		height:400px;
		background-size: cover;
		background-position:center;
		}
	#owl-demo .mbg04 {
		height:400px;
		background-size: cover;
		background-position:center;
		}
	#owl-demo .mbg05 {
		height:400px;
		background-size: cover;
		background-position:center;
		}
	#owl-demo .mbg06 {
		height:400px;
		background-size: cover;
		background-position:center;
		}
	.mcontainer {
		padding-top:55px;
		}
	.main_ment_span{
		font-size:30pt;
		}
	.owl-item h1{
		font-size: 25pt;
		}
	.owl-item h1:before {
		width:30px;
		height:5px;
		top:50px;
		left:0px;
		}
	.owl-item p {
		margin-top:50px;
		font-size:13pt;
		}
}

@media screen and (max-width:640px){
	.main_ment_span{
		font-size:20pt;
		}
	.owl-item h1{
		font-size:20pt;
		}
	.owl-item h1:before {
		display:none;
		}
	.owl-item p {
		margin-top:30px;
		font-size:12pt;
		}
}

@media screen and (max-width:500px){
	#owl-demo .mbg01 {
		height:300px;
		background-size: cover;
		background-position:-370px 0;
		}
	#owl-demo .mbg02 {
		height:300px;
		background-size: cover;
		background-position:center;
		}
	#owl-demo .mbg03 {
		height:300px;
		background-size: cover;
		background-position:center;
		}
	#owl-demo .mbg04 {
		height:300px;
		background-size: cover;
		background-position:center;
		}
	#owl-demo .mbg05 {
		height:300px;
		background-size: cover;
		background-position:center;
		}
	#owl-demo .mbg06 {
		height:300px;
		background-size: cover;
		background-position:center;
		}
	.mcontainer {
		padding-top:35px;
		text-align:center;
		}
	.main_ment_span{
		font-size:16pt;
		}
	.owl-item h1{
		font-size:16pt;
		}
	.owl-item p {
		display:none;
		}
}


/* ==========================================================================
메인컨텐츠01
========================================================================== */
.maincon01{
	margin:0 auto;
	width:100%;
	padding:120px 0 50px 0;
	background:url('../images/main/maincon01_bg.jpg') center no-repeat #1c3a7f;
	background-size:cover;
	}
.maincon01 .tit{
	color:#ffffff; 
	text-align:center;
	}
.maincon01 .tit h3{
	font-size:30pt;
	font-family: 'Raleway';
	font-weight: 600;
	}
.maincon01 .tit p {
	font-size:14pt;
	color:#cccccc;
	}

/* 모바일 및 탭 */
@media all and (max-width:640px) {
	.maincon01{
		padding:50px 0 10px 0;
		}
	.maincon01 .tit h3{
		font-size:20pt;
		}
	.maincon01 .tit p {
		font-size:12pt;
		color:#cccccc;
		}
}

/*  제품 배너  */
.mpro_detail {
	width:100%;
	height:450px;
	}
.mpro_detailcon {
	position:relative;
	}
.mpro_infodetail {
	padding:48px 110px;
	}
.mpro_infodetail:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.mpinfo_con {
	width:100%;
	padding: 60px 0 120px;
	}
.mpinfo_bg01{
	background:url('../images/main/mpro_bg01.png') #687084;
	background-position:left bottom;
	background-repeat:no-repeat;
	box-shadow: 6px 0px 21px 0px rgba(0, 0, 0, 0.3), -6px 0px 21px 0px rgba(0, 0, 0, 0.3);
	}
.mpinfo_bg01:hover{
	background:url('../images/main/mpro_bg01.png') #1D84E4;
	background-position:left bottom;
	background-repeat:no-repeat;
	}
.mpinfo_bg02{
	background:url('../images/main/mpro_bg02.png') #1D84E4;
	background-position:center bottom;
	background-repeat:no-repeat;
	box-shadow: 6px 0px 21px 0px rgba(0, 0, 0, 0.3), -6px 0px 21px 0px rgba(0, 0, 0, 0.3);
	}
.mpinfo_bg03{
	background:url('../images/main/mpro_bg03.png') #687084;
	background-position:right bottom;
	background-repeat:no-repeat;
	box-shadow: 6px 0px 21px 0px rgba(0, 0, 0, 0.3), -6px 0px 21px 0px rgba(0, 0, 0, 0.3);
	}
.mpinfo_bg03:hover{
	background:url('../images/main/mpro_bg03.png') #1D84E4;
	background-position:right bottom;
	background-repeat:no-repeat;
	}
.mpinfo_bg04{
	background:url('../images/main/mpro_bg01.png') #1D84E4;
	background-position:left bottom;
	background-repeat:no-repeat;
	box-shadow: 6px 0px 21px 0px rgba(0, 0, 0, 0.3), -6px 0px 21px 0px rgba(0, 0, 0, 0.3);
	}
.mpinfo_bg05{
	background:url('../images/main/mpro_bg02.png') #687084;
	background-position:center bottom;
	background-repeat:no-repeat;
	box-shadow: 6px 0px 21px 0px rgba(0, 0, 0, 0.3), -6px 0px 21px 0px rgba(0, 0, 0, 0.3);
	}
.mpinfo_con > h1 {
	font-size:22pt;
	font-family: 'Rnoto';
	color:#fff;
	line-height:1.2;
	text-align:center;
	}
.mpinfo_con > h1 span {
	font-size:16pt;
	font-family: 'gotham';
	font-weight: 500;
	color:rgba(255,255,255,0.7);
	}
.mpro_infodetail a{
	display:inline-block;
	}
.mpinfo_img {
	float:right;
	max-width:370px;
	padding:30px 30px 10px;
	}
.mpinfo_img img {
	width: 100%;
	}
.mp_img05 img {
	-webkit-filter: drop-shadow(3px 3px 3px #040404);
	filter: drop-shadow(3px 3px 3px #040404);
	}

/* 모바일 및 탭 */
@media all and (max-width:1100px) {
	.mproinfo_tit {
		font-size: 20pt;
		}
	.mproinfo_tit span {
		font-size:16pt;
		}
	.mpro_infodetail {
		padding: 30px 80px;
		}
	.mpinfo_con > h1 {
		font-size:18pt;
		}
	.mpinfo_con > h1 span {
		font-size:12pt;
		}
	.mpro_advantages {
		padding: 45px 0 0 56px;
		}
}

@media all and (max-width:900px) {
	.mpro_info {
		padding-top:30px;
		}
	.mpro_advantages {
		width: 100%;
		height: auto;
		padding: 30px 20px;
		border-radius:0;
		}
	.mpro_detail {
		position: relative;
		width: 100%;
		border-radius:0;
		height: auto;
		margin-top:20px;
		}
}
@media all and (max-width:640px) {
	.mpro_infodetail {
		padding: 30px 20px;
		}
	.mpinfo_con > h1 {
		font-size: 14pt;
		font-family:'Rnoto';
		}
}

/* ==========================================================================
메인컨텐츠02
========================================================================== */
.maincon02{
	margin:0 auto;
	width:100%;
	padding:60px 0 90px;
	background:url('../images/main/maincon02_bg.jpg') center no-repeat #030e2c;
	background-size: cover;
	}
.maincon02 .tit{
	color:#ffffff;
	text-align:center;
	line-height: 1.2;
	}
.maincon02 .tit h3{
	font-family: 'Russo One';
	font-weight: 400;
	font-size: 63px;
	}
.maincon02 .tit p {
	font-size: 30px;
	font-weight: 780;
	}
.maincon02_list {
	overflow: hidden;
	width:100%;
	margin-top: 30px;
	}
.maincon02_list > li {
	float: left;
	width: 21%;
	margin-left: 5%;
	position: relative;
	color:#fff;
	}
.maincon02_list > li:first-child {
	margin-left: 0;
	}
.maincon02_list > li:before {
	content: "";
	width: 50px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 110px;
	right: -50px;
	}
.maincon02_list > li:last-child:before {
	display:none;
	}
.whyus_one {
	width:200px;
	height:200px;
	margin: 0 auto;
	border-radius: 50%;
	border: 1px solid #fff;
	background: rgba(0, 0, 0, 0.2);
	}
.maincon02_list > li span {
	font-family:'Rnoto';
	font-size: 20px; text-align:center;
	display: block;
	margin-top:35%;
	padding-top:50px;
	background: center top no-repeat;
	background-image: none;
	background-image: url('../images/main/sk_icon01.png');
	}
.maincon02_list > li:nth-child(2) span {
	background-image: url('../images/main/sk_icon02.png');
	}
.maincon02_list > li:nth-child(3) span {
	background-image: url('../images/main/sk_icon03.png');
	}
.maincon02_list > li:nth-child(4) span {
	background-image: url('../images/main/sk_icon04.png');
	}
/* 모바일 및 탭 */

@media screen and (max-width:1023px){
	.maincon02_list > li:before {
		width: 30px;
		right: -30px;
	}
}
@media screen and (max-width:900px){
	.maincon02_list > li:before {
		width: 25px;
		top:90px;
		right: -25px;
		}
	.whyus_one {
		width:180px;
		height:180px;
		}
}
@media screen and (max-width:780px){
	.maincon02 .tit h3{
		font-size: 36px;
		}
	.maincon02 .tit p {
		font-size: 25px;
		}
	.whyus_con02 {
		height: auto;
		background-size:cover;
		padding: 65px 0 65px;
		}
	.maincon02_list {
		margin-bottom: 0;
		margin-top: 0;
		}
	.maincon02_list > li {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top:30px;
		text-align: center;
		}
	.maincon02_list > li span {
		margin-top: 30%;
	}
	.maincon02_list > li:before {
		top:190px;
		right:50%;
		width:1px;
		height:13px;
		}
}


/* ==========================================================================
메인컨텐츠03
========================================================================== */
.main_conbg{
	background:#f5f5f5;
	}
.mcont_detail {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}

/* 공지사항 */
.main03{
	width:100%;height:80px;
	background:#f5f5f5;
	border-bottom:1px solid #77797b;
	}
.main03 h2{
	float: left;
	left:0;top:0;display:block;
	width:20%;max-width:240px;height:80px;
	line-height:80px;
	border-left:1px solid #77797b;border-right:1px solid #77797b;
	color:#49484c;font-size:21px;text-align:center;font-family:'Rnoto';
	}
.main03 h2 .ic1{
	display:inline-block;
	background:url('../images/main/m03_ic1.png') 0 no-repeat;
	padding-left:70px;
	}
.main03 .txt_list{
	float: left;
	max-width: 73%;width:100%;
	height:80px;
	line-height:80px;
	overflow:hidden;
	}
.main03 .txt_list a:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.txt_list a {
	display:block;
	}
.main03 .txt_list .tit{
	float:left;
	display:block;
	width:77%;
	background:url('../images/main/m03_ic3.png') 0 50% no-repeat;
	text-indent:30px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	}
.main03 .txt_list .date{
	float:right;
	display:block;
	width:23%;
	text-align:center;
	}
.main03 .btn_group{
	position:absolute;right:0;top:0;width:80px
	;}
.main03 .btn_group a{
	float:left;
	margin-right:-1px;
	width:80px;height:80px;
	border-left:1px solid #77797b;border-right:1px solid #77797b;
	text-indent:-9999px;
	}
.main03 .btn_group a.mbtn_more{
	background:url('../images/main/m03_ic2.png') 50% 50% no-repeat #1d84e4;
	}
@media all and (max-width:999px) {
	.main03{
		height:50px;
		}
	.main03 h2{
		width:180px;height:50px;
		font-size:14px;line-height:50px;
		}
	.main03 h2 .ic1{
		background-size:35px;
		padding-left:50px;
	}
	.main03 .txt_list{
		max-width:64%;
		height:50px;
		line-height:50px;
		}
	.main03 .txt_list .tit{
		width:99%;
		font-size:13px;
		}
	.main03 .txt_list .date{
		display:none;
		}
	.main03 .btn_group{
		width:50px;
		}
	.main03 .btn_group a{
		width:50px;height:50px;
		}
	}
@media all and (max-width:500px) {
	.main03 .txt_list{
		max-width:44%;
		}
	}
/*무엇이 궁금하세요?*/
.inquiry{
	display: inline-block;
	width: 100%;
	padding-top:40px;
	padding-bottom: 40px;
	font-family: 'Mnoto';
	background: url('../images/main/bg_cs.png') bottom left no-repeat;
	}
.inquiry .tit{
	float: left;
	width: 29%;
	padding-left: 30px;
	font-size: 34px;
	}
.inquiry .txt{
	float: left;
	width:43%;
	font-size: 17pt;
	font-family: 'Rnoto';
	color: #777777;
	}
.inquiry .txt span{
	font-size:13pt;
	color:#a6a6a6;
	}
.inquiry .btn{
	float: left;
	width: 26%;
	padding: 10px;
	color: #777;
	font-size: 22pt;
	text-align: center;
	background: #fff;
	border: solid 4px #1d84e4;
	border-radius: 40px;
	}
/* 모바일 및 탭 */
@media screen and (max-width:1100px) {
	.inquiry .tit {
		font-size: 30px;
	}
	.inquiry .txt {
		width:40%;
		font-size: 15pt;
	}
	.inquiry .btn {
		width: 25%;
		padding: 5px;
		font-size: 18pt;
	}
}
@media screen and (max-width:800px) {
	.inquiry {
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
		text-align:center;
		background: url('../images/main/bg_cs.png') bottom left no-repeat;
	}
	.inquiry .tit {
		font-size:24px;
		width:100%;
		padding:0;
	}
	.inquiry .txt{
		width:100%;
		font-size:14pt;
	}
	.inquiry .txt span{
		width:100%;
		font-size:12pt;
	}
	.inquiry .btn {
		display: inline-block;
		width:100%;
		margin:0 auto;
		padding:0px 0 0 ;
		border:0px;
		background:none;
	}
}
@media screen and (max-width:600px) {
	.inquiry .txt {
		width: 100%;
		font-size: 14pt;
		margin-bottom:0px;
	}
	.inquiry .btn {
		font-size: 16pt;
	}
}