/* keyframes */
@keyframes up {
	0% { -webkit-transform:translateY(50%); -ms-transform:translateY(50%); -moz-transform:translateY(50%); transform:translateY(50%); opacity: 0;}
	100% {-webkit-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); opacity: 1;}
}
@keyframes down {
	0% { -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); opacity: 0;}
	100% {-webkit-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); opacity: 1;}
}
@keyframes left {
	0% { -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}
@keyframes right {
	0% { -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}
@keyframes scroll{
	0%{bottom:30px}
	100%{bottom:60px;}
}
@keyframes text-up{
	0%{ transform:translate3d(0, 150%, 0); }
	100%{ transform:translate3d(0,0,0); }
}
@keyframes bigger{
	0%{ transform:scale(0.6);opacity: 0; }
	100%{ transform:scale(1.0);opacity: 1; }
}


#fullpage{position: relative;width: 100%;overflow: hidden;}

.section{position: relative;width: 100%;height: 100vh;}

#myMenu{position: fixed;top: calc(50% + 71px);right: 100px;transform:translateY(-50%);z-index: 111;transition:all .3s;}
#myMenu li{position: relative;text-align: right;margin: 15px 0;}
#myMenu li a{font-family: "Montserrat";color: #fff;font-weight: 600;opacity: 0.7;letter-spacing: 0;}
#myMenu li.active a{color: #009edd;font-weight: 600;opacity: 1;}
#myMenu li.active a span.mconTitle{display: inline-block;}
#myMenu li.active a span.bullet{background: url("../../img/main/fpNavBullet.png") no-repeat center;}

#myMenu li a:hover{color: #009edd;font-weight: 600;opacity: 1;}
#myMenu li a:hover span.mconTitle{display: inline-block;}
#myMenu li a:hover span.bullet{background: url("../../img/main/fpNavBullet.png") no-repeat center;}

#myMenu li a em{display: inline-block;padding: 0 15px;font-size: 12px;font-weight: 600;}
#myMenu li a span.mconTitle{font-size: 11px;display: none;}
#myMenu li a span.bullet{display: inline-block;width: 4px;height: 7px;background: transparent;}

#myMenu.dark li a{color: #d4d4d4;}
#myMenu.dark li.active a{color: #009edd;font-weight: 600;opacity: 1;}
#myMenu.dark li.active a span.mconTitle{display: inline-block;}
#myMenu.dark li.active a span.bullet{background: url("../../img/main/fpNavBullet.png") no-repeat center;}

#myMenu.dark li a:hover{color: #009edd;font-weight: 600;opacity: 1;}
#myMenu.dark li a:hover span.mconTitle{display: inline-block;}
#myMenu.dark li a:hover span.bullet{background: url("../../img/main/fpNavBullet.png") no-repeat center;}

#myMenu.scrollDown{top: inherit;bottom: 10.609%;transform:inherit;transition:all .3s;}
#myMenu.hidden{display: none;transition:all .3s;}

/* mcon01 */

.mcon01{position: relative;height: 100%;}
.mcon01 .swiper-container {position: relative;height: 100%;}
.mcon01 .swiper-slide{position: relative;width: 100%;height: 100%;}
.mcon01 .swiper-slide .bg{position: relative;width: 100%;height: 100vh;overflow: hidden;}
.mcon01 .swiper-slide.slide01 .bg{background: url("../../img/main/mcon01Visual01.jpg") no-repeat center /cover;}
.mcon01 .swiper-slide.slide02 .bg{background: url("../../img/main/mcon01Visual02.jpg") no-repeat center /cover;}
.mcon01 .swiper-slide.slide03 .bg{background: url("../../img/main/mcon01Visual03.jpg") no-repeat center /cover;}

.mcon01 .swiper-slide.slide02 .videoBox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 100%;height: 100%;overflow: hidden;}
.mcon01 .swiper-slide.slide02 .videoBox video{width: auto;height:100%;transform:scale(1.5);margin: 0 auto;}

.mcon01 .swiper-slide .txtAreaBox{position: absolute;bottom: 29.5%;left: 50%;transform:translateX(-50%);width: 95%;max-width: 1720px;}
.mcon01 .swiper-slide .txtAreaBox .txtArea{position: relative;left: 7.96%;}
.mcon01 .swiper-slide .txtAreaBox .txtArea .smallTxt{font-size: 20px;font-weight: 700;color: #fff;padding-bottom: 39px;text-shadow: 2px 2px 2px rgba(0,0,0,.30);}
.mcon01 .swiper-slide .txtAreaBox .txtArea .bigTxt{font-size: 50px;font-weight: 700;color: #fff;line-height: 1.2;text-shadow: 4px 4px 4px rgba(0,0,0,.20);}
.mcon01 .swiper-slide .txtAreaBox .txtArea .mediumTxt{font-size: 24px;font-weight: 400;color: #fff;padding-top: 15px;text-shadow: 2px 2px 2px rgba(0,0,0,.30);}

.mcon01 .swiper-slide .txtAreaBox .txtArea p{overflow: hidden;}
.mcon01 .swiper-slide .txtAreaBox .txtArea p span{display: inline-block;transform:translate3d(0, 150%, 0);}

.mcon01 .slideConWrap{position: absolute;bottom: 238px;left: 50%;transform:translateX(-50%);width: 95%;max-width: 1720px;z-index: 1;}
.mcon01 .slideConWrap .slideConBox{position: relative;width: 105px;height: 260px;}

.mcon01 .slideConWrap .progressBar{position: absolute;top: 0;left: 0;width: 100%;height: 196px;}
.mcon01 .slideConWrap .progressBar .bone{position: relative;width: 1px;height: 196px;background: #fff;margin: 0 auto;}
.mcon01 .slideConWrap .progressBar .bone span{position: absolute;top: 0;left: 50%;transform:translateX(-50%);display: block;width: 7px;height: 123px;background: #fff;}

.mcon01 .slideConWrap .slideConBox .slideBtnBox{position: absolute;bottom: 13px;left: 0;width: 100%;}
.mcon01 .slideConWrap .slideConBox .slideBtnBox a.slidePrevBtn{float: left;}
.mcon01 .slideConWrap .slideConBox .slideBtnBox a.slideNextBtn{float: right;}

.mcon01 .slideConWrap .slideConBox .swiper-pagination{display: block;color: #fff;font-family: 'Kanit';font-size: 20px;font-weight: 400;width: initial;width: 100%;text-align: center;z-index: 0;}
.mcon01 .slideConWrap .slideConBox .swiper-pagination .swiper-pagination-current{font-size: 30px;font-weight: 500;}

.mcon01 .scrollDownWrap{position: absolute;bottom: 76px;left: 50%;transform:translateX(-50%);z-index: 1;}
.mcon01 .scrollDownWrap p{font-size: 12px;font-weight: 500;color: #fff;letter-spacing: 0;padding-bottom: 20px;}
.mcon01 .scrollDownWrap div{position: relative;}
.mcon01 .scrollDownWrap div img{display: block;margin: 0 auto;}

/* mcon01 animation */
.mcon01 .swiper-slide.swiper-slide-active .txtAreaBox .txtArea .smallTxt span{animation:up 1s both;animation-delay:.3s;}
.mcon01 .swiper-slide.swiper-slide-active .txtAreaBox .txtArea .bigTxt01 span{animation:up 1s both;animation-delay:.6s;}
.mcon01 .swiper-slide.swiper-slide-active .txtAreaBox .txtArea .bigTxt02 span{animation:up 1s both;animation-delay:1s;}
.mcon01 .swiper-slide.swiper-slide-active .txtAreaBox .txtArea .mediumTxt span{animation:up 1s both;animation-delay:2s;}




/* mcon02 */
.mcon02{position: relative;width: 100%;}
.mcon02 .mcon02Wrap{position: relative;padding: 97px 0 82px;box-sizing:border-box;background: #e5ebf0;}
.mcon02 .mcon02Wrap > h2{font-size: 45px;color: #222;font-weight: 700;text-align: center;padding-bottom: 15px;}
.mcon02 .mcon02Wrap > p{font-size: 16px;color: #555;font-weight: 300;text-align: center;}
.mcon02 .mcon02Wrap ul{position: relative;display:flex;margin: 0 auto;width: 95%;max-width:1400px;padding-top: 82px; align-items:center;}
.mcon02 .mcon02Wrap ul li{width: 20%; padding-right:10px;}
.mcon02 .mcon02Wrap ul li .imgWrap{ width: 82px;}
.mcon02 .mcon02Wrap ul li .imgWrap img{display: block;width: 100%;max-width:114px;}
.mcon02 .mcon02Wrap ul li .txtWrap{padding: 34px 0 42px 20px;box-sizing:border-box; flex:1 1 0%;}
.mcon02 .mcon02Wrap ul li .txtWrap p.smallTxt{font-size: 14px;color: #009edd;font-weight: 400;padding-bottom: 9px;}
.mcon02 .mcon02Wrap ul li .txtWrap p.bigTxt{font-family: 'Noto Sans KR';font-size: 20px;color: #222;font-weight: 700;}

/* mcon02 animation */
.mcon02.on .mcon02Wrap ul li{animation:right 1s both;}
.mcon02.on .mcon02Wrap ul li:nth-child(2){animation-delay:.3s;}
.mcon02.on .mcon02Wrap ul li:nth-child(3){animation-delay:.6s;}
.mcon02.on .mcon02Wrap ul li:nth-child(4){animation-delay:.9s;}
.mcon02.on .mcon02Wrap ul li:nth-child(5){animation-delay:1.2s;}
.mcon02.on .mcon02Wrap ul li a {
	display:flex;
	align-items: center;
}




/* mcon03 */
.mcon03{position: relative;width: 100%;background: #f4f4f4;padding: 130px 0 320px;}
.mcon03 .mcon03WrapBg{position: absolute;top: 0;left: 0;width: 79.7%;max-width:1526px;height: 100%;z-index: 0;background: #fff;}
.mcon03 .mcon03Wrap{position: relative;width: 100%;box-sizing:border-box;width: 95%;max-width:1400px;margin: 0 auto;}
.mcon03 .swiper-slide{width: 100%;max-width:1400px;display: flex;overflow: hidden;opacity: 0;}
.mcon03 .swiper-slide.slide01{background: url("../../img/main/mcon02Num01.png") no-repeat left 40% bottom;}
.mcon03 .swiper-slide.slide02{background: url("../../img/main/mcon02Num02.png") no-repeat left 39% bottom;}
.mcon03 .swiper-slide.slide03{background: url("../../img/main/mcon02Num03.png") no-repeat left 39% bottom;}

.mcon03 .swiper-slide .txtBox{position: relative;width: 46.4%;max-width:650px;padding: 88px 0 0;box-sizing:border-box;opacity: 0;}
.mcon03 .swiper-slide .txtBox .smallTxt{color: #009edd;font-size: 16px;font-weight: 700;padding-bottom: 55px;}
.mcon03 .swiper-slide .txtBox .bigTxt{color: #222;font-size: 60px;font-weight: 700;line-height: 1;padding-bottom: 30px;}
.mcon03 .swiper-slide .txtBox .mediumTxt{font-family: 'Noto Sans KR';color: #555;font-size: 18px;font-weight: 400;line-height: 1.5;letter-spacing: -.25px;
	max-width: 520px;
}
.mcon03 .swiper-slide .txtBox a.slideMoreViewBtn{bottom: 0;left: 0;display: block;width: 190px;border: 4px solid #ebebeb;box-sizing:border-box;border-radius:7px;padding: 19px 0;transition:all .3s; 
margin-top: 20px;}
.mcon03 .swiper-slide .txtBox a.slideMoreViewBtn span{display: block;background: url("../../img/main/moreViewBtn.png") no-repeat right top 2px;font-size: 11px;color: #222;font-weight: 400;letter-spacing: 0;width: 90px;margin: 0 auto;}
.mcon03 .swiper-slide .txtBox a.slideMoreViewBtn:hover{background: #ebebeb;transition:all .3s;}

.mcon03 .swiper-slide .imgBox{position: relative;width: 53.6%;max-width:750px;opacity: 0;}
.mcon03 .swiper-slide .imgBox img{display: block;width: 100%;}

.mcon03 .slideBtnBox{position: absolute;bottom: -30px;right: 0;background: #c99;width: 134px;height: 67px;}
.mcon03 .slideBtnBox a{position: relative;display: block;background: #d7d7d7;width: 67px;height: 67px;transition:all .3s;}
.mcon03 .slideBtnBox a:hover{background: #009edd;transition:all .3s;}
.mcon03 .slideBtnBox a.slidePrevBtn{float: left;}
.mcon03 .slideBtnBox a.slideNextBtn{float: right;}
.mcon03 .slideBtnBox a img{display: block;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}

.mcon03 .swiper-pagination{position: absolute;bottom: -127px;left: 50%;transform:translateX(-50%);}
.mcon03 .swiper-pagination span{display: block;float: left;width: inherit;background: transparent;font-size: 15px;font-weight: 700;color: #aaa;opacity: 1;}
.mcon03 .swiper-pagination span:focus{outline: none;}
.mcon03 .swiper-pagination span.swiper-pagination-bullet-active{color: #222;}
.mcon03 .swiper-pagination span em{display: block;float: left;background: url("../../img/main/grayBullet.png") no-repeat center;width: 4px;height: 15px;margin: 0 25px;}
.mcon03 .swiper-pagination span:first-child em{display: none;}

/* mcon03 animation */
.mcon03.on .swiper-slide{animation:up 1s both;animation-delay:.5s;}

.mcon03 .swiper-slide-active .txtBox{animation:left 1s both;}
.mcon03 .swiper-slide-active .imgBox{animation:right 1s both;}




/* mcon04 */
.mcon04{position: relative;width: 100%;background:url("../../img/main/mcon04Bg.png") no-repeat center; background-size:cover;background-attachment:fixed;}
.mcon04 .mcon04Wrap{position: relative;margin: 0 auto;width: 95%;max-width:1400px;padding: 140px 0 147px;box-sizing:border-box;}
.mcon04 .mcon04Wrap p.smallTxt{font-size: 16px;font-weight: 700;color: #009edd;text-align: center;padding-bottom: 60px;}
.mcon04 .mcon04Wrap h2{font-size: 50px;font-weight: 700;color: #fff;text-align: center;padding-bottom: 44px;}
.mcon04 .mcon04Wrap p.mediumTxt{font-size: 18px;color: #fff;opacity: .5;font-weight: 400;line-height: 2;text-align: center;letter-spacing: -.25px;padding-bottom: 60px;}
.mcon04 .mcon04Wrap a.moreViewBtn{display: block;margin: 0 auto;width: 190px;border: 1px solid rgba(255,255,255,.2);box-sizing:border-box;border-radius:7px;padding: 19px 0;transition:all .3s;}
.mcon04 .mcon04Wrap a.moreViewBtn span{display: block;background: url("../../img/main/whiteMoreViewBtn.png") no-repeat right top 2px;font-size: 11px;color: #fff;font-weight: 400;letter-spacing: 0;width: 90px;margin: 0 auto;}
.mcon04 .mcon04Wrap a.moreViewBtn:hover{background: rgba(255,255,255,.3);transition:all .3s;}

/* mcon04 animation */
.mcon04.on .mcon04Wrap p.smallTxt{animation:up 1s both;animation-delay:.5s;}
.mcon04.on .mcon04Wrap h2{animation:up 1s both;animation-delay:1s;}
.mcon04.on .mcon04Wrap p.mediumTxt{animation:up 1s both;animation-delay:1.2s;}




/* mcon05 */
.mcon05{position: relative;}
.mcon05 .mcon05Wrap{position: relative;width: 95%;max-width:1400px;margin: 0 auto;}
.mcon05 .mcon05TilteWrap{position: relative;padding-bottom: 83px;box-sizing:border-box;}
.mcon05 .mcon05TilteWrap .smallTxt{font-size: 16px;color: #009edd;font-weight: 700;padding-bottom: 30px;}
.mcon05 .mcon05TilteWrap h2{font-size: 60px;color: #222;font-weight: 700;}

.mcon05 .newsPrWrap{position: relative;display: flex;}
.mcon05 .newsPrWrap .newsPrBox{position: relative;width: 31.1%;max-width:435px;margin-right: 3.42%;}
.mcon05 .newsPrWrap .newsPrBox:last-child{margin-right: 0;}
.mcon05 .newsPrWrap .newsPrBox .imgBox{position: relative;}
.mcon05 .newsPrWrap .newsPrBox .imgBox img{display: block;width: 100%;}
.mcon05 .newsPrWrap .newsPrBox .txtBox{position: relative;padding-top: 45px;box-sizing:border-box;height: 252px;}
.mcon05 .newsPrWrap .newsPrBox .txtBox .categoryTag{font-size: 16px;color: #009edd;font-weight: 700;padding-bottom: 34px;}
.mcon05 .newsPrWrap .newsPrBox .txtBox .title{font-family: 'Noto Sans KR';font-size: 24px;color: #222;font-weight: 700;padding-bottom: 14px;box-sizing:border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mcon05 .newsPrWrap .newsPrBox .txtBox .txt{font-family: 'Noto Sans KR';font-size: 16px;color: #666;font-weight: 300;line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
.mcon05 .newsPrWrap .newsPrBox .txtBox .date{font-family: 'Roboto';position: absolute;bottom: 0;left: 0;font-size: 16px;color: #bbb;font-weight: 500;}
.mcon05 .newsPrWrap .newsPrBox .txtBox .date img{display: inline-block;margin-right: 14px;margin-top: -1px;}
.mcon05 .newsPrWrap .newsPrBox .txtBox a{position: absolute;bottom: 0;right: 0;display: block;border: 1px solid #cecece;border-radius:25rem;width: 59px;height: 59px;transition:all .3s;}
.mcon05 .newsPrWrap .newsPrBox .txtBox a span{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);color: #cecece;transition:all .3s;font-family: "Montserrat";font-weight: 200;font-size: 23px;}
.mcon05 .newsPrWrap .newsPrBox .txtBox a:hover{background: #009edd;border: 1px solid #009edd;transition:all .3s;}
.mcon05 .newsPrWrap .newsPrBox .txtBox a:hover span{color: #fff;transition:all .3s;}

/* mcon05 animation */
.mcon05.on .newsPrWrap .newsPrBox{animation:up 1s both;}
.mcon05.on .newsPrWrap .newsPrBox:nth-child(2){animation-delay:.3s;}
.mcon05.on .newsPrWrap .newsPrBox:nth-child(3){animation-delay:.6s;}


/* mcon06 */
.mcon06{position: relative;}
.mcon06 .mcon06Wrap{position: relative;}
.mcon06 .mcon06Wrap > div{position: relative;width: 50%;padding: 160px 0 97px;box-sizing:border-box;}
.mcon06 .mcon06Wrap .contactUsBox{float: left;background: url("../../img/main/mcon06Bg01.png") no-repeat center /cover;}
.mcon06 .mcon06Wrap .recruitBox{float: right;background: url("../../img/main/mcon06Bg02.png") no-repeat center /cover;}
.mcon06 .mcon06Wrap > div .title{font-size: 40px;color: #fff;font-weight: 700;text-align: center;padding-bottom: 20px;}
.mcon06 .mcon06Wrap > div .txt{font-size: 16px;color: #fff;opacity: .7;font-weight: 300;text-align: center;padding-bottom: 28px;}
.mcon06 .mcon06Wrap > div a{display: block;margin: 0 auto;width: 190px;border: 1px solid rgba(255,255,255,.2);box-sizing:border-box;border-radius:7px;padding: 19px 0;transition:all .3s;}
.mcon06 .mcon06Wrap > div a span{display: block;background: url("../../img/main/whiteMoreViewBtn.png") no-repeat right top 2px;font-size: 11px;color: #fff;font-weight: 400;letter-spacing: 0;width: 90px;margin: 0 auto;}
.mcon06 .mcon06Wrap > div a.moreViewBtn:hover{background: rgba(255,255,255,.3);transition:all .3s;}

/* mcon05 animation */
.mcon06.on .mcon06Wrap .contactUsBox{animation:left 1s both;}
.mcon06.on .mcon06Wrap .recruitBox{animation:right 1s both;}



/* footer */
.mcon07{position: relative;}
.mcon07 footer{position: relative;background: #072b52;}

.mcon07 footer .footerWrap{position: relative;width: 95%;max-width:1400px;margin: 0 auto;}

.mcon07 footer .footerStep1{position: relative;width: 100%;border-bottom: 1px solid #2c4b6c;padding: 32px 0 31px;box-sizing:border-box;}
.mcon07 footer .footerStep1 .snsBox{position: relative;float: left;}
.mcon07 footer .footerStep1 .snsBox a{display: block;float: left;overflow: hidden;text-indent: -1000px;}
.mcon07 footer .footerStep1 .snsBox a.snsLink01{width: 21px;height: 16px;background: url("../../img/main/sns01_off.png") no-repeat center;margin-right: 20px;}
.mcon07 footer .footerStep1 .snsBox a.snsLink02{width: 18px;height: 18px;background: url("../../img/main/sns02_off.png") no-repeat center;margin-right: 20px;}
.mcon07 footer .footerStep1 .snsBox a.snsLink03{width: 21px;height: 18px;background: url("../../img/main/sns03_off.png") no-repeat center;}
.mcon07 footer .footerStep1 .snsBox a.snsLink01:hover{background: url("../../img/main/sns01_on.png") no-repeat center;}
.mcon07 footer .footerStep1 .snsBox a.snsLink02:hover{background: url("../../img/main/sns02_on.png") no-repeat center;}
.mcon07 footer .footerStep1 .snsBox a.snsLink03:hover{background: url("../../img/main/sns03_on.png") no-repeat center;}
.mcon07 footer .footerStep1 ul{position: relative;float: right;}
.mcon07 footer .footerStep1 ul li{float: left;margin-right: 64px;}
.mcon07 footer .footerStep1 ul li:last-child{margin-right: 0;}
.mcon07 footer .footerStep1 ul li a{color: #ccc;font-size: 14px;font-weight: 400;transition:all .3s;}
.mcon07 footer .footerStep1 ul li a:hover{color: #fff;transition:all .3s;}

.mcon07 footer .footerStep2{position: relative;padding: 68px 0 75px;box-sizing:border-box;}

.mcon07 footer .footerStep2 .addressBox{position: relative;float: left;font-family: 'Noto Sans KR';letter-spacing: 0;}
.mcon07 footer .footerStep2 .addressBox .companyName{font-size: 14px;color: #9ca8b2;font-weight: 500;padding: 15px 0 12px;}
.mcon07 footer .footerStep2 .addressBox address{font-size: 14px;color: #9ca8b2;font-weight: 300;padding-bottom: 27px;}
.mcon07 footer .footerStep2 .addressBox .CEOinfo{font-size: 13px;color: #687987;font-weight: 300;padding-bottom: 40px;line-height: 1.6;}
.mcon07 footer .footerStep2 .addressBox .CEOinfo span{font-size: 13px;color: #687987;font-weight: 300;}
.mcon07 footer .footerStep2 .addressBox .CEOinfo a{font-size: 13px;color: #687987;font-weight: 300;transition:all .3s;}
.mcon07 footer .footerStep2 .addressBox .CEOinfo a:hover{color: #f1f1f1;transition:all .3s;}
.mcon07 footer .footerStep2 .addressBox .copyRight{font-family: 'Roboto';font-size: 12px;color: #9ca8b2;font-weight: 400;}
.mcon07 footer .footerStep2 .addressBox p span{display: inline-block;margin-left: 40px;}
.mcon07 footer .footerStep2 .addressBox address span{display: inline-block;margin-left: 40px;}

.mcon07 footer .footerStep2 .logoBox{position: relative;float: right;}
.mcon07 footer .footerStep2 .logoBox .logoWrap{position: relative;height: 71px;margin: 0 auto 29px;}
.mcon07 footer .footerStep2 .companyIntroBtnWrap a{display: block;width: 187px;background: #808991;font-size: 10px;color: #fff;text-align: center;letter-spacing: 0;font-weight: 400;padding: 14px 0 13px;box-sizing:border-box;transition:all .3s;}
.mcon07 footer .footerStep2 .companyIntroBtnWrap a img{display: inline-block;margin-left: 8px;}
.mcon07 footer .footerStep2 .companyIntroBtnWrap a:hover{background: #6c7176;transition:all .3s;}


/* 22.10.13 */
.dimmed { width: 100%; height: 100%; z-index: 200; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); display: none; }
.popupYoutube { width: 100%; max-width: 1200px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 222; }
.popupYoutube { display: flex; flex-direction: column; }
.popupYoutube .close { font-size: 24px; cursor: pointer; color: #fff; margin: 0 0 20px auto; }
.popupYoutube .videoBox { width: 100%; padding-bottom: 56.25%; position: relative; }
.popupYoutube .videoBox iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }