.mainWrap{position:relative;min-width:1180px;height:100%; overflow:hidden;}
.sectionWrap{position:absolute; left:0; top:0; width: 100%;}
.section{position:relative;}

.section00 {position:relative;}
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative;}


.mainStep{position:fixed;right:calc((100% - 1780px) / 2);top:50%;transform: translateY(-50%); z-index:97;}
.mainStep li{position:relative;margin-bottom:30px;font-size:0;text-align: center;}
.mainStep li:last-child{margin-bottom:0;}
.mainStep li a{position:relative;display:inline-block;box-sizing: border-box;width:10px;height:10px;border-radius:100%;background: #c2c2c2;transition: .4s;opacity:0.5;}
.mainStep li.on a{opacity: 1;}
.mainStep li.on a:after{content: "";position: absolute;left: -10px;top: -10px;right: -10px;bottom: -10px;border-radius: 100%;background: rgba(194,194,194,0.2);}

/* =========================
	기본 레이아웃
========================= */
.nw_mvsl{position: relative;width:100%;margin:0 auto;}
.mvSwiper{width:100%;height:100%;}
.mvSwiper .swiper-wrapper{}
.mvSwiper .swiper-slide{position: relative;overflow: hidden;height:100vh;min-height:600px;}

/* =========================
	배경 이미지
========================= */
.mvSwiper .bg1 > span{background:url(../image/main/m_vsl1.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg2 > span{background:url(../image/main/m_vsl2.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg3 > span{background:url(../image/main/m_vsl3.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg4 > span{background:url(../image/main/m_vsl4.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg5 > span{background:url(../image/main/m_vsl5.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg6 > span{background:url(../image/main/m_vsl6.jpg) no-repeat center center; background-size:cover;}

/* =========================
	배경 확대 애니메이션
========================= */
.mvSwiper .swiper-slide > span{display:block;position:absolute;top:0; left:0; right:0; bottom:0;width:100%;height:100%;z-index:-1;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;opacity:1;transform:scale(1.1);transition:transform 4s ease-out, opacity 1s ease 0.3s;}
.mvSwiper .swiper-slide.on > span.sc{z-index:1;opacity:1;transform:scale(1) rotate(.001deg);transition-delay:0.8s;}
/*.mvSwiper .swiper-slide > span:after{content:"";position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.6);}*/

/* =========================
	텍스트 영역
========================= */
.nw_mvsl .wid{width:100%;margin:0 auto;height:100%;display:flex;align-items:center;position:relative;z-index:9;}
.nw_mvsl .wid > .all_txt{width:calc(100% - 20px);max-width:1680px;margin:0 auto;}
.nw_mvsl .wid > .all_txt > .at_box{position:relative;padding-bottom:20px;text-align: center;}
.nw_mvsl .wid > .all_txt > .at_box > p.txt1{font-size: 45px;color: #d8d8d8;font-weight: 500;line-height: 1.1;word-break: keep-all;}
.nw_mvsl .wid > .all_txt > .at_box > p.txt1 strong{color: #fff;font-weight: 900;}
.nw_mvsl .wid > .all_txt > .at_box > p.txt2{margin: 30px 0;font-size: 27px;color: #fff;font-weight: 300;line-height: 1.1;word-break: keep-all;}
.nw_mvsl .wid > .all_txt > .at_box > .txt3{width: 441px;height: 184px;margin:0 auto;display: table;background:url(../image/main/mvtbg.png) no-repeat center center;}
.nw_mvsl .wid > .all_txt > .at_box > .txt3 p{display: table-cell;vertical-align: middle;font-size: 47px;color: #fff;font-weight: bold;line-height: 1.1;word-break: keep-all;}
/*
.nw_mvsl .wid > .all_txt > .at_box > p.stxt{font-size:45px;color:#fff;font-weight:100;line-height:1.3;word-break:keep-all;}
.nw_mvsl .wid > .all_txt > .at_box > p.stxt span{font-weight: bold;}
.nw_mvsl .wid > .all_txt > .at_box > p.stxt span.co1{color:#3ec6fa;}
.nw_mvsl .wid > .all_txt > .at_box > p.stxt span.co2{color:#16f990;}
.nw_mvsl .wid > .all_txt > .at_box > p.stxt span.co3{color:#fff;}
*/
/* =========================
	페이징 (dot)
========================= */
.nw_mvsl .swiper-container-horizontal .swiper-pagination{width: auto;position:absolute;left: 0;right:0;top: auto;bottom: 120px;z-index:52;text-align: center;}
.nw_mvsl .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:120px;height:1px;background:#fff;opacity:0.2;text-align: center;border-radius:0;margin-right:10px;transition:all 0.3s ease-in-out;margin-left: 0;}
.nw_mvsl .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;}
.nw_mvsl .swiper-container-horizontal .swiper-pagination  .swiper-pagination-bullet-active{position:relative;opacity: 1;}
/*
.nw_mvsl .swiper-container-horizontal .swiper-pagination  .swiper-pagination-bullet-active:after{content:"";position:absolute;left:-8px;top:-8px;right:-8px;bottom:-8px;border:1px solid #fff;border-radius:100%;}
*/

/* =========================
	텍스트 모션
========================= */
.nw_mvsl .motion{opacity:0;display:block;position:relative;transition:all 0.5s ease-out;word-break:break-all;}
.nw_mvsl .motion.ac{opacity:1;}

/* 아래 → 위 */
.nw_mvsl .motion1{transform:translate3d(0,0,0);}
.nw_mvsl .motion1.ac{transform:translate3d(0,0,0);transition-duration:0.5s;transition-delay:0.5s;}

/* 위 → 아래 */
.nw_mvsl .motion2{transform:translate3d(0,-10px,0);}
.nw_mvsl .motion2.ac{transform:translate3d(0,0,0);transition-duration:0.5s;transition-delay:0.5s;}


.section01{background:url(../image/main/secbg1.jpg) no-repeat center center; background-size:cover;}
.section02{background:url(../image/main/secbg2.jpg) no-repeat center center; background-size:cover;}
.section03{background: #fff url(../image/main/secbg3.jpg) no-repeat 95% 95%;}

.sectionCon{width: calc(100% - 20px);max-width:1180px;height:100%;margin:0 auto;display:table;position:relative;}
.sectionCon.wid1860{max-width: 1860px;}
.sectionCon > div.mcon_area{display:table-cell;vertical-align:middle;padding-bottom: 25px;}

.mcop_tit{text-align: center;font-size: 40px;color:#fff;font-weight: 100;}
.mcop_tit strong{font-weight: 700;}
.mcop_txt{margin: 25px 0 70px;text-align: center;font-size: 28px;color:#fff;font-weight: 100;}
.mcop_txt strong{font-weight: 700;}
.mnums_box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items:center;}
.mnums_box > div{width: 25%;text-align: center;}
.mnums_box > div.st2{position: relative;display: flex;justify-content:center;align-items:center;box-sizing: border-box;width: 365px;height: 365px;border-radius: 365px;}
.mnums_box > div.st2:before{
	content:"";
	position:absolute;
	inset:0;
	border-radius:50%;
	padding:10px;
	background:linear-gradient(#45c2ef, #02a95a);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);

	-webkit-mask-composite:xor;
	mask-composite:exclude;
}
.mnums_box > div > div{padding: 0 20px;}
.mnums_box > div .nums{font-size: 28px;color: #34ea86;line-height: 1.1;}
.mnums_box > div .nums strong{font-size: 75px;font-weight: bold;}
.mnums_box > div .txt_b{padding-top: 18px;margin-top: 15px;border-top: 1px solid rgba(255,255,255,0.5);font-size: 26px;color:#fff;font-weight: 600;line-height: 1.1;}
.mnums_box > div.st2 .nums{color:#2cf4c3;font-size: 40px;}
.mnums_box > div.st2 .nums strong{font-size: 110px;}
.mnums_box > div.st2 .txt_b{font-size: 32px;}
.mnums_box > div.st3 .nums{color:#14d2fb;}
.mcop_bot{margin-top: 70px;display: flex;align-items:center;}
.mcop_bot > p{font-size: 26px;color:#fff;font-weight: 300;line-height: 1;}
.mcop_bot > p strong{display: block;font-size: 42px;font-weight: 600;margin-top: 10px;}
.mcop_bot > dl{margin-left: 66px;position: relative;}
.mcop_bot > dl:before{content: "";position: absolute;left: -33px;top: 0;bottom: 0;width: 1px;background: #56618d;}
.mcop_bot > dl dt{font-size: 23px;color:#fff;font-weight: 600;margin-bottom: 15px;}
.mcop_bot > dl dd{font-size: 18px;color:#fff;font-weight: 300;line-height: 1.6;}


.mpro_area{padding-left: calc((100% - 1180px) / 2);}
h3.mpr_tit{margin-bottom: 55px;font-size: 28px;color:#1e1e1e;font-weight: 500;line-height: 1;}
h3.mpr_tit strong{display: block;margin-bottom: 20px;font-size: 40px;color:#132a89;font-weight: 800;}

.mpro_box{width: 100%;max-width: 1520px;position: relative;padding-bottom: 40px;}
.swiper-container.msec_slid{width:100%;position:static;}
.swiper-container.msec_slid .swiper-slide > a{display: block;position: relative;}
.swiper-container.msec_slid .swiper-slide > a > img{width: 100%;height:445px;}
.swiper-container.msec_slid .swiper-slide > a > .over{opacity: 0;transition: .4s;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.swiper-container.msec_slid .swiper-slide > a > .over:after{content:"";position: absolute;left: 15px;top: 15px;right: 15px;bottom: 15px;border: 2px solid #a5a5a6;}
.swiper-container.msec_slid .swiper-slide > a > .over p{font-size: 28px;color:#fff;font-weight: 500;line-height: 1;}
.swiper-container.msec_slid .swiper-slide > a:hover > .over{opacity: 1;}
.mpro_box .swiper-button-next, .mpro_box .swiper-button-prev{position:absolute;top: 50%;margin-top: -50px;z-index:9;width:60px;height:60px;}
.mpro_box .swiper-button-prev{left:-30px;background:  #112268 url(../image/main/ms_lf.png) center center no-repeat;}
.mpro_box .swiper-button-next{right:20%;background: #112268 url(../image/main/ms_rt.png) center center no-repeat;}
.mpro_box .swiper-button-next:after{display:none;}
.mpro_box .swiper-button-prev:after{display:none;}
.mpro_box .swiper-container-horizontal> .swiper-scrollbar{position:absolute;left:0;bottom:2px;right: 0;width: 100%;height: 1px;background: #ccc;border-radius: 0;opacity: 1 !important;}
.mpro_box .swiper-scrollbar-drag{background:#000;height: 5px;margin-top:-2px;border-radius: 0;}
.mpro_box .swiper-button-next.swiper-button-disabled,.mpro_box .swiper-button-prev.swiper-button-disabled {opacity: 0;}

.mbot_conts{display: flex;justify-content: space-between;}
.mgs_area{width: 47%;position: relative;}
.mbs_area{width: 48%;position: relative;}


h3.mgs_tit{margin-bottom: 40px;font-size: 28px;color:#1e1e1e;font-weight: 500;line-height: 1;}
h3.mgs_tit strong{display: block;margin-bottom: 15px;font-size: 40px;color:#132a89;font-weight: 800;}
.mgs_more{font-size: 0;display: inline-block;position: absolute;right: 0;top: 20px;}
.mgs_wp{border-top: 2px solid #112268;border-bottom: 1px solid #c8c8c8;padding: 20px;}
.mgs_line > li{width: 100%;height: 60px;display:flex;justify-content: space-between;align-items: center;}
.mgs_line > li > a{display: block;box-sizing: border-box;padding-left: 24px;position: relative;font-size: 22px;color:#3b3b3b;font-weight: 300;line-height: 1.1;width:calc(100% - 120px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mgs_line > li > a:before{content:"";position: absolute;left: 0;top: 10px;width: 6px;height: 6px;background: #414e86;}
.mgs_line > li > span{font-size: 22px;color:#3b3b3b;font-weight: 300;line-height: 1.1;}
.mgs_line > li > a:hover{color:#132a89;font-weight: 500;text-decoration: underline;}

.mbn_lines{margin-bottom: 24px;display: flex;justify-content: space-between;}
.mbn_lines > li{width: calc(50% - 12px);}
.mbn_lines > li > a{display: block;background: #f1f1f1;padding: 38px 35px;height: 100px;}
.mbn_lines > li.ico1 > a > div{padding-bottom:100px;background:url(../image/main/aic1.png) no-repeat right bottom 15px;}
.mbn_lines > li.ico2 > a > div{padding-bottom:102px;background:url(../image/main/aic2.png) no-repeat right bottom 15px;}
.mbn_lines > li > a > div > p{position: relative;font-size:30px;color:#132a89;font-weight: 600;}
.mbn_lines > li > a > div > p:after{content:"";position: absolute;left: 0;bottom: -50px;width: 36px;height: 36px;background:url(../image/main/cic.png) no-repeat center center;}
.mdd_area{background: #112268;padding: 40px 35px;}
.mdd_area > .top{margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
.mdd_area > .top h5{font-size: 30px;color:#fff;font-weight: 600;line-height: 1;}
.mdd_area > .top a{display: inline-block;width: 130px;line-height: 36px;border-radius: 36px;background: #0c65b7;text-align: center;font-size: 15px;color:#fff;}
.mdd_line > li + li{margin-top: 9px;}
.mdd_line > li{padding:8px 0 8px 50px;font-size: 18px;color:#fff;}
.mdd_line > li.ad1{background:url(../image/main/dic1.png) no-repeat left top;}
.mdd_line > li.ad2{background:url(../image/main/dic2.png) no-repeat left top;}
.mdd_line > li.ad3{background:url(../image/main/dic3.png) no-repeat left top;}


@media screen and (max-width:1780px){
	.mainStep{right: 20px;}
	
}

@media screen and (max-width:1519px){
	

}

@media screen and (max-width:1280px){
	.mpro_area{padding-left: 0;}
}


@media screen and (max-width:1024px){
	.mainStep{display: none;}
	
	.section{height:auto !important;}
	.mainWrap{min-width:100% !important;height:auto !important;}
	.sectionWrap{position:static; left:0; top:0; width: 100%;}
	.sectionCon{display:block;min-height: 400px;}
	.sectionCon > div.mcon_area{padding:70px 0;display:block;vertical-align:middle;}

	.mvSwiper .swiper-slide{height:calc(100vh - 80px);}
	
	h3.mpr_tit{margin-bottom: 40px;}
	.mpro_box .swiper-button-next, .mpro_box .swiper-button-prev{margin-top:-40px;width:40px;height:40px;}
	.mpro_box .swiper-button-prev{left:10px;}
	.mpro_box .swiper-button-next{right:10px;}
	
	.section03{background: #fff;}

	.mbot_conts{display: block;}
	.mgs_area{width: 100%;}
	.mbs_area{width: 100%;margin-top: 30px;}
}

@media screen and (max-width:768px){
	.nw_mvsl .wid > .all_txt > .at_box > p.stxt{font-size:30px;line-height:1.4;}
	.nw_mvsl .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{width:30px;height:4px;margin-right:2px;}
	
	.mcop_tit{font-size: 26px;}
	.mcop_txt{margin: 20px 0 50px;font-size: 20px;}
	.mnums_box{display: block;}
	.mnums_box > div{width: auto;text-align: center;}
	.mnums_box > div + div{margin-top: 30px;}
	.mnums_box > div.st2{display: block;width: 100%;height: auto;border-radius: 0;}
	.mnums_box > div.st2:before{display: none;}
	.mnums_box > div > div{padding: 0;display: flex;flex-direction:row-reverse;justify-content: space-between;align-items: center;}
	.mnums_box > div .nums{margin-left: 10px;font-size: 20px;}
	.mnums_box > div .nums strong{font-size: 50px;}
	.mnums_box > div .txt_b{text-align: left;width: 110px;padding-top: 0;padding-bottom: 0;margin-top: 0;font-size: 20px;border-top: 0;}
	.mnums_box > div.st2 .nums{color:#2cf4c3;font-size: 20px;}
	.mnums_box > div.st2 .nums strong{font-size: 50px;}
	.mnums_box > div.st2 .txt_b{font-size: 20px;}
	.mcop_bot{margin-top: 50px;display: block;text-align: center;}
	.mcop_bot > p{font-size: 22px;}
	.mcop_bot > p strong{font-size: 35px;}
	.mcop_bot > dl{margin-left: 0;padding-top: 18px;margin-top: 18px;border-top:1px solid #56618d;}
	.mcop_bot > dl:before{display: none;}
	.mcop_bot > dl dt{font-size: 18px;margin-bottom: 12px;}
	.mcop_bot > dl dd{font-size: 16px;}
	.mcop_bot > dl dd br{display: none;}

	h3.mpr_tit{font-size: 22px;}
	h3.mpr_tit strong{margin-bottom: 13px;font-size: 33px;}
	
	h3.mgs_tit{margin-bottom: 30px;font-size: 20px;}
	h3.mgs_tit strong{margin-bottom: 13px;font-size: 30px;}


	.mgs_more{width: 40px;top: 15px;}
	.mgs_wp{padding: 15px 5px;}
	.mgs_line > li{height: 40px;}
	.mgs_line > li > a{padding-left: 12px;font-size: 17px;width:calc(100% - 85px);}
	.mgs_line > li > a:before{width: 4px;height: 4px;}
	.mgs_line > li > span{font-size: 16px;}

	.mbn_lines{margin-bottom: 4px;}
	.mbn_lines > li{width: calc(50% - 2px);}
	.mbn_lines > li > a{padding: 25px 20px;height: 100px;}
	.mbn_lines > li.ico1 > a > div{background:url(../image/main/aic1.png) no-repeat right bottom 25px;background-size: auto 35px;}
	.mbn_lines > li.ico2 > a > div{background:url(../image/main/aic2.png) no-repeat right bottom 25px;background-size: auto 35px;}
	.mbn_lines > li > a > div > p{font-size:23px}
	.mbn_lines > li > a > div > p:after{bottom: -34px;width: 26px;height: 26px;background-size: 26px;}
	.mdd_area{padding: 30px 20px;}
	.mdd_area > .top{margin-bottom: 15px;}
	.mdd_area > .top h5{font-size: 22px;}
	.mdd_area > .top a{width: 110px;line-height: 30px;border-radius: 30px;font-size: 14px;}
	.mdd_line > li + li{margin-top: 8px;}
	.mdd_line > li{padding:6px 0 5px 40px;font-size: 16px;}
	.mdd_line > li.ad1{background-size: 30px;}
	.mdd_line > li.ad2{background-size: 30px;}
	.mdd_line > li.ad3{background-size: 30px;}

	.swiper-container.msec_slid .swiper-slide > a > img{height:225px;}

}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:520px){
	.nw_mvsl .wid > .all_txt > .at_box > p.txt1{font-size: 32px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt2{margin: 20px 0;font-size: 22px;}
	.nw_mvsl .wid > .all_txt > .at_box > .txt3{width: 280px;height: 117px;background-size: 280px 117px;}
	.nw_mvsl .wid > .all_txt > .at_box > .txt3 p{font-size: 30px;}
}

@media screen and (max-width:350px){
	.swiper-container.msec_slid .swiper-slide > a > img{height:325px;}
}