/* 메인 비주얼 */
.mv-wrap{height: 503px; width: 100%; overflow: hidden; position: relative;}
.mv-con{height: 503px; width: 100%; overflow: hidden; position: relative;}
.mv{height: 503px; width: 100%; overflow: hidden; position: relative;}
.mv li{height: 503px; width: 100%; overflow: hidden; position: relative;}
.mv li.mv-bg01{background: url(../img/mv-bg01.jpg) center center no-repeat; background-size: cover;}
.mv li.mv-bg02{background: url(../img/mv-bg02.jpg) center center no-repeat; background-size: cover;}
.mv li.mv-bg03{background: url(../img/mv-bg03.jpg) center center no-repeat; background-size: cover;}
.mv li .mv-txt{position: absolute; z-index: 1; top: 50%; left: 50%; width: 1260px; margin-left: -630px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); text-align: center;}
.mv li .mv-txt > p{font-size: 30px; line-height:1; letter-spacing:-0.05em; font-weight: 300; color: #fff;}
.mv li .mv-txt > b{margin: 15px 0 25px; font-size: 53px; line-height:1; letter-spacing:0; font-weight: 400; color: #fff; display: block;}
.mv li .mv-txt > span{margin-bottom: 30px; font-size: 16px; line-height:24px; letter-spacing:-0.075em; font-weight: 400; color: #fff; opacity:0.7; display: block;}
.mv li .mv-txt > img{width: 337px; height: 49px; margin: 0 auto; display: block;}

.mv-con .bx-wrapper{position: relative;}
.mv-con .bx-pager{bottom: 55px; left: 0; width: 100%; font-size: 0; text-align: center; position: absolute; z-index: 1;}
.mv-con .bx-pager > div{margin-right: 8px; display: inline-block; vertical-align: middle;}
.mv-con .bx-pager > div:last-of-type{margin-right: 0;}
.mv-con .bx-pager > div a{width: 9px; height: 9px; background: rgba(255,255,255,0.7); box-sizing:border-box; border-radius:50%; display: block;}
.mv-con .bx-pager > div a.active{width: 12px; height: 12px; background: #fff;}
.mv-con .bx-controls-direction a{width: 56px; height: 56px; top: 50%; left: 50%; margin-top: -28px; position: absolute; font-size: 0; text-indent:-9999px; display: block;}
.mv-con .bx-controls-direction a.bx-prev{margin-left: -630px; background: url(../img/mv-prev.png) center center no-repeat; background-size: cover;}
.mv-con .bx-controls-direction a.bx-next{margin-left: 574px; background: url(../img/mv-next.png) center center no-repeat; background-size: cover;}
/* 메인 비주얼 */

/* m01 */
.m01-wrap{padding: 80px 0 110px; box-sizing:border-box;}
.m01-tab{margin-bottom: 45px;}
.m01-tab a{font-size: 18px; line-height:58px; letter-spacing:-0.05em; font-weight: 500; color: #666; background: #f7f7f7; border: 1px solid #aaa; box-sizing:border-box; width: 20%; float: left; display: block; border-left: 0; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; text-align: center;}
.m01-tab a:first-of-type{border-left: 1px solid #aaa;}
.m01-tab a.tab1.on{background: #004884; color: #fff; border: 1px solid #004884;}
.m01-tab a.tab1:hover{background: #004884; color: #fff; border: 1px solid #004884;}
.m01-tab a.tab2.on{background: #ffa500; color: #fff; border: 1px solid #ffa500;}
.m01-tab a.tab2:hover{background: #ffa500; color: #fff; border: 1px solid #ffa500;}
.m01-tab a.tab3.on{background: #81e4bd; color: #fff; border: 1px solid #81e4bd;}
.m01-tab a.tab3:hover{background: #81e4bd; color: #fff; border: 1px solid #81e4bd;}
.m01-tab a.tab4.on{background: #5f4b8b; color: #fff; border: 1px solid #5f4b8b;}
.m01-tab a.tab4:hover{background: #5f4b8b; color: #fff; border: 1px solid #5f4b8b;}
.m01-tab a.tab5.on{background: #684832; color: #fff; border: 1px solid #684832;}
.m01-tab a.tab5:hover{background: #684832; color: #fff; border: 1px solid #684832;}
.m01-in .bx-wrapper{max-width:1070px !important; margin: 0 auto; position: relative;}
.m01-slide{}
.m01-slide li{}
.m01-slide li a{padding: 0; margin: 0 28px 28px 0; width: 338px; /* height: 338px; */ box-sizing:border-box; text-align: center; display: block; float: left; position: relative;}
.m01-slide li a:nth-of-type(3n){margin-right: 0;}
.m01-slide li a img{width:100%; height:100%; display: inline-block; vertical-align: top;}
.m01-slide li a p{padding: 20px; font-size: 16px; line-height:18px; letter-spacing:-0.025em; font-weight: 300; color: #616161; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.m01-slide li a span{opacity:0; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; box-sizing:border-box; background: rgba(255,255,255,0.2); text-align: center; font-size: 0; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-slide li a span img{width: 66px; height: 66px; display: inline-block; vertical-align: top; position: relative; top: 50%; margin-top: -66px;}
.m01-slide li a:hover span{opacity:1;}

.m01-in .bx-controls-direction a{margin-top: -42px; top: 50%; width: 56px; height: 56px; position: absolute; z-index: 1; display: block; font-size: 0; text-indent:-9999px;}
.m01-in .bx-controls-direction a.bx-prev{left: -95px; background: url(../img/m01-prev.jpg) center center no-repeat; background-size: cover ;}
.m01-in .bx-controls-direction a.bx-next{right: -95px; background: url(../img/m01-next.jpg) center center no-repeat; background-size: cover ;}
.m01-in .bx-pager{position: absolute; bottom: -14px; left: 0; width: 100%; z-index: 1; font-size: 0; text-align: center;}
.m01-in .bx-pager > div{margin-right: 8px; display: inline-block; vertical-align: top;}
.m01-in .bx-pager > div:last-of-type{margin-right: 0;}
.m01-in .bx-pager > div a{width: 11px; height: 11px; background: none; box-sizing:border-box; border: 1px solid #ccc; display: block; border-radius:50%;}
.m01-in .bx-pager > div a.active{background: #ccc;}
/* m01 */

/* m02 */
.m02-wrap{padding: 55px 0; box-sizing:border-box; background: #004884;}
.m02-con{}
.m02-con .left{float: left; width: 50%;}
.m02-con .left .le-txt{padding-right: 195px; box-sizing:border-box;}
.m02-con .left .le-txt p{font-size: 28px; line-height:1; letter-spacing:-0.05em; font-weight: 400; color: #fff;}
.m02-con .left .le-txt span{margin: 15px 0 30px; font-size: 14px; line-height:18px; letter-spacing:-0.025em; font-weight: 400; color: #fff; opacity:0.8; display: block;}
.m02-con .left .le-txt a{font-size: 13px; line-height:24px; width: 70px; height: 24px; letter-spacing:0; font-weight: 500; color: #004884; font-style: italic; display: block; text-align: center; box-sizing:border-box; border-radius:12px; background: #fff;}
.m02-con .left > img{top: 25px; right: 87px; width: 105px; height: 97px; position: absolute; z-index: 1; display: block;}
.m02-con .right{padding-left: 85px; float: left; width: 50%; box-sizing:border-box; border-left: 1px solid #94b1c9;}
.m02-con .right ul{width: 100%;}
.m02-con .right ul li{margin-bottom: 15px;}
.m02-con .right ul li:last-of-type{margin-bottom: 0;}
.m02-con .right ul li b{font-size: 24px; width: 130px; line-height:1; letter-spacing:-0.05em; font-weight: 400; color: #fff; display: block; float: left;}
.m02-con .right ul li p{width: calc(100% - 130px); float: left;}
.m02-con .right ul li p em{font-size: 24px; line-height:1; letter-spacing:-0.05em; font-weight: 500; color: #fff; font-style: normal; display: block;}
.m02-con .right ul li p span{margin-top: 5px; font-size: 16px; line-height:26px; letter-spacing:-0.05em; font-weight: 400; color: #fff; opacity:0.8; display: block;}
/* m02 */