/* 메인 비주얼 */
.mv-wrap{height: 770px; width: 100%; position: relative; overflow: hidden;}
.mv-con{height: 770px; width: 100%; position: relative; overflow: hidden;}
.mv{height: 770px; width: 100%; position: relative; overflow: hidden;}
.mv li{height: 770px; width: 100%; position: relative; overflow: hidden;}
.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-txt{top: 50%; left: 50%; margin-left: -630px; width: 1260px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); position: absolute; z-index: 1;}
.mv-txt p{font-size: 55px; line-height:40px; letter-spacing:-0.05em; font-weight: bold; color: #fff;}
.mv-txt span{margin: 40px 0; font-size: 22px; line-height:34px; letter-spacing:-0.05em; font-weight: 400; color: #fff; display: block;}
.mv-txt b{font-size: 22px; line-height:34px; font-weight: 800; color: #fff;}
.mv-txt a{width: 190px; height: 55px; font-size: 16px; line-height:55px; letter-spacing:0.05em; font-weight: 400; color: #fff; text-align: center; display: block; position: relative; overflow: hidden;}
.mv-txt a img{width: 25px; height: 7px; margin: 23px 0 0 17px; display: inline-block; vertical-align: top;}
.mv-txt a:before{width: 100%; height: 100%; top: 0; left: 0; box-sizing:border-box; border: 1px solid #fff; content:""; position: absolute; z-index: -2;}
.mv-txt a:after{width: 0; height: 100%; top: 0; left: 0; background: #1c5cb0; border: 1px solid #1c5cb0; content:""; position: absolute; z-index: -3; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; box-sizing:border-box;}
.mv-txt a:hover:after{width: 100%; left: 0; z-index: -1;}

.mv-con .bx-wrapper{position: relative;}
.mv-con .bx-pager{position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; z-index: 1;}
.mv-con .bx-pager > div{margin-right: 12px; display: inline-block; vertical-align: top;}
.mv-con .bx-pager > div:last-of-type{margin-right: 0;}
.mv-con .bx-pager > div a{width: 11px; height: 11px; background: rgba(255,255,255,0.3); display: block; box-sizing:border-box; border-radius:50%; font-size: 0; text-indent:-9999px;}
.mv-con .bx-pager > div a.active{background: #fff;}
/* 메인 비주얼 */

/* m01 */
.m01-wrap{;}
.m01-con{padding: 0 0 90px; box-sizing:border-box;}
.m01-con > a{padding-top: 63px; height: 320px; text-align: center; box-sizing:border-box; border: 1px solid #e1e1e1; width: 20%; display: block; float: left; border-left: 0;}
.m01-con > a:first-of-type{border-left: 1px solid #e1e1e1;}
.m01-con > a .img{margin-bottom: 35px; font-size: 0; text-align: center;}
.m01-con > a .img img{width: 72px; height: 78px; display: inline-block; vertical-align: top;}
.m01-con > a:hover .img img{-webkit-animation: imgScale .3s linear alternate; -moz-animation: imgScale .3s linear alternate; -ms-animation: imgScale .3s linear alternate; -o-animation: imgScale .3s linear alternate; animation: imgScale .3s linear alternate;}
.m01-con > a .txt{text-align: center;}
.m01-con > a .txt p{font-size: 22px; line-height:1; letter-spacing:-0.05em; font-weight: 500; color: #333}
.m01-con > a .txt span{margin-top: 15px; font-size: 14px; line-height:20px; letter-spacing:-0.05em; font-weight: 300; color: #777; display: block;}
/* .m01-wrap{}
.m01-con{padding: 0 0 90px; box-sizing:border-box;}
.m01-box{width: 235px; margin-right: 21px; float: left; display: block;}
.m01-box:nth-of-type(1){margin-right: 22px;}
.m01-box:nth-of-type(5n){margin-right: 0;}
.m01-box .img{height: 230px; box-sizing:border-box; overflow: hidden;}
.m01-box .img img{width: 100%; height: 100%; display: block;}
.m01-box:hover .img img{-webkit-animation: imgScale .3s linear alternate; -moz-animation: imgScale .3s linear alternate; -ms-animation: imgScale .3s linear alternate; -o-animation: imgScale .3s linear alternate; animation: imgScale .3s linear alternate;}
.m01-box .txt{margin-top: 30px;}
.m01-box .txt p{font-size: 22px; line-height:1; letter-spacing:-0.05em; font-weight: 500; color: #333;}
.m01-box .txt span{margin-top: 15px; font-size: 14px; line-height:20px; letter-spacing:-0.05em; font-weight: 300; color: #777; display: block; word-break:break-all;} */
/* m01 */

/* m02 */
.m02-wrap{height: 600px; width: 100%; background: url(../img/m02-bg.jpg) center center no-repeat; background-size: cover; overflow: hidden; position: relative;}
.m02-con{height: 100%; position: relative;}
.m02-txt{top: 50%; left: 50%; width: 630px; padding-left: 105px; box-sizing:border-box; position: absolute; z-index: 1; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%);}
.m02-txt p{font-size: 40px; line-height:1; letter-spacing:-0.07em; font-weight: 400; color: #222;}
.m02-txt b{margin: 25px 0 45px; font-size: 50px; line-height:30px; letter-spacing:-0.05em; font-weight: bold; color: #222; display: block;}
.m02-txt span{font-size: 18px; line-height:32px; letter-spacing:-0.05em; font-weight: 300; color: #555; display: block; word-break:keep-all;}
.m02-txt a{margin-top: 40px; width: 160px; height: 45px; font-size: 12px; line-height:45px; letter-spacing:0.05em; font-weight: bold; color: #fff; text-align: center; display: block; background: #1c5cb0;}
.m02-txt a em{width: 20px; height: 1px; margin: 22px 0 0 20px; background: #fff; display: inline-block; vertical-align: top; font-style: normal; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m02-txt a:hover em{width: 40px;}
/* m02 */

/* m03 */
.m03-wrap{}
.m03-con{padding: 90px 0; box-sizing:border-box;}
.m03-in{width: 600px; margin-right: 60px; float: left; box-sizing:border-box; border: 1px solid #ddd; position: relative;}
.m03-in:last-of-type{margin-right: 0;}
.m03-tab{overflow: hidden; text-align: center;}
.m03-tab a{font-size: 18px; line-height:70px; height: 70px; letter-spacing:-0.05em; font-weight: 400; color: #777; width: 33%; float: left; display: block; text-align: center; box-sizing:border-box; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; position: relative; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; overflow: hidden;}
.m03-tab a:last-of-type{width: 34%; border-right: 0;}
.m03-tab a:after{bottom: 0; left: 50%; width: 0; height: 3px; background: #1c5cb0; content:""; position: absolute; z-index: 1; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m03-tab a.on{color: #1c5cb0; font-weight: 500; border-bottom: 0;}
.m03-tab a.on:after{left: 20px; width: calc(100% - 40px);}
.m03-tab a:hover{color: #1c5cb0; font-weight: 500; border-bottom: 0;}
.m03-tab a:hover:after{left: 20px; width: calc(100% - 40px);}
.le-in{height: 220px; padding: 35px 40px 0; box-sizing:border-box;}
.le-in > ul{width: 100%;}
.le-in > ul li{margin-bottom: 20px;}
.le-in > ul li:last-of-type{margin-bottom: 0;}
.le-in > ul li a{display: block;}
.le-in > ul li a p{width: calc(100% - 55px); font-size: 14px; line-height:14px; letter-spacing:-0.025em; font-weight: 300; color: #333; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; float: left;}
.le-in > ul li a span{width: 45px; font-size: 13px; line-height:14px; letter-spacing:-0.025em; font-weight: 300; color: #999; display: block; float: right;}
#m03-tab01 > a{width: 50%;}
#m03-tab02 > a{width: 50%;}

.m03-more{}
.m03-more a{width: 27px; height: 27px; top: 21px; display: block; position: absolute; z-index: 2;}
.m03-more a img{width: 100%; display: block;}
.m03-more a.left{left: 260px;}	
.m03-more a.right{right: 10px;}	
/* m03 */