/* gnb */
.gnb{top: 510px; left: 0; width: 100%; position: absolute; z-index: 4; opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateY(50px); -o-transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s;}
.depth01{font-size: 0; text-align: center;}
.depth01 > li{margin-right: 8px; display: inline-block; vertical-align: top;}
.depth01 > li:last-of-type{margin-right: 0;}
.depth01 > li a{width: 165px; height: 78px; font-size: 20px; line-height:78px; letter-spacing:-0.075em; font-weight: 500; color: #fff; background: rgba(255,255,255,0.19); text-align: center; display: block; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.depth01 > li a:hover{background: rgba(0,104,183,0.3);}
/* gnb */


/* 메인 비주얼 */
.mv-wrap{height: 1058px; width: 100%; overflow: hidden; position: relative;}
.mv-con{height: 1058px; width: 100%; overflow: hidden; position: relative;}
.mv{height: 1058px; width: 100%; overflow: hidden; position: relative;}
.mv li{height: 1058px; width: 100%; overflow: hidden; position: relative; z-index: 1 !important;}
.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-bg04{background: url(../img/mv-bg04.jpg) center center no-repeat; background-size: cover;}
.mv li.mv-bg05{background: url(../img/mv-bg05.jpg) center center no-repeat; background-size: cover;}
.mv li .mv-txt{top: 370px; left: 50%; width: 1280px; margin-left: -640px; text-align: center; position: absolute; z-index: 1; opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateY(50px); -o-transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;}
.mv li .mv-txt p{font-size: 80px; line-height:1; letter-spacing:0.3em; font-weight: 400; color: #fff; opacity:0.7;}
.mv li .mv-txt p br.m-block{display: none;}
.mv-con .mv-wrapper{position: relative;}
.mv-con .bx-pager{bottom: 205px; left: 50%; width: 23px; margin-left: -11.5px; position: absolute; z-index: 1; opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateY(50px); -o-transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s;}
.mv-con .bx-pager > div{margin-bottom: 5px;}
.mv-con .bx-pager > div:last-of-type{margin-bottom: 0;}
.mv-con .bx-pager > div a{height: 23px; display: block; background: url(../img/mv-pager-off.png) center center no-repeat; background-size: cover; font-size: 0; text-indent:-9999px;}
.mv-con .bx-pager > div a.active{background: url(../img/mv-pager-on.png) center center no-repeat; background-size: cover;}
.scroll{bottom: 125px; width: 51px; height: 63px; margin-left: -25.5px; left: 50%; position: absolute; z-index: 1; opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateY(50px); -o-transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;  -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s;}
.scroll img{width: 100%; display: block;}
/* 메인 비주얼 */

/* 메인 타이틀 */
.m-title{font-size: 0; opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateY(50px); -o-transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;}
.m-title.taC{text-align: center;}
.m-title p{padding-bottom: 20px; margin-bottom: 20px; font-size: 30px; line-height:1; letter-spacing:0.4em; font-weight: bold; color: #2c2c2c; display: inline-block; vertical-align: top; text-shadow: -4px 2px 2px rgba(0,0,0,0.15); box-sizing:border-box; position: relative;}
.m-title p:after{bottom: 0; left: 0; width: 100%; height: 5px; background: url(../img/m-title-border.png) center center no-repeat; background-size: cover; content:""; position: absolute; z-index: 1;}
.m-title span{font-size: 18px; line-height:1; letter-spacing:0; font-weight: 500; color: #2c2c2c; display: block;}
/* 메인 타이틀 */

/* m01 */
.m01-wrap{padding-top: 145px; box-sizing:border-box;}
.m01-con{margin-top: 100px;opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s;}
.m01-box01{width: 32.3%; float: left;}
.m01-box02{width: 32.4%; margin:0 1.5%; float: left;}
.height01{height: 695px;}
.height02{height: 405px;}
.height03{height: 695px;}
.pos-bg{bottom: -100%; left: 0; width: 100%; height: 100%; position: absolute; z-index: 2; background: rgba(0,0,0,0.7); box-sizing:border-box; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.pos-bg b{width: 100%; height: 100%; display: block; position: relative;}
.pos-bg b em{font-size: 24px; width: 100%; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; top: 50%; left: 0; text-align: center; font-style: normal; display: block; position: absolute; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%);}
.pos-bg b em img{width: 26px; height: 25px; margin: 95px auto 0; display: block;}

.m01-btn01{margin-bottom: 4.64%; display: block; background: url(../img/m01-bg01.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn01 > span{opacity:1; font-size: 24px; bottom: 55px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn02{margin-top: 4.64%; display: block; background: url(../img/m01-bg02.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn02 > span{opacity:1; font-size: 24px; bottom: 55px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn03{display: block; background: url(../img/m01-bg03.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn03 > span{opacity:1; font-size: 24px; bottom: 55px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn04{margin-top: 4.64%; display: block; background: url(../img/m01-bg04.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn04 > span{opacity:1; font-size: 24px; bottom: 55px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn05{margin-bottom: 4.64%; display: block; background: url(../img/m01-bg05.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn05 > span{opacity:1; font-size: 24px; bottom: 55px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn06{display: block; background: url(../img/m01-bg06.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn06 > span{opacity:1; font-size: 24px; bottom: 55px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}

.m01-btn01:hover > span{opacity:0;}
.m01-btn01:hover .pos-bg{bottom: 0;}
.m01-btn02:hover > span{opacity:0;}
.m01-btn02:hover .pos-bg{bottom: 0;}
.m01-btn03:hover > span{opacity:0;}
.m01-btn03:hover .pos-bg{bottom: 0;}
.m01-btn04:hover > span{opacity:0;}
.m01-btn04:hover .pos-bg{bottom: 0;}
.m01-btn05:hover > span{opacity:0;}
.m01-btn05:hover .pos-bg{bottom: 0;}
.m01-btn06:hover > span{opacity:0;}
.m01-btn06:hover .pos-bg{bottom: 0;}
/* m01 */

/* m02 */
.m02-wrap{padding: 155px 0 130px; box-sizing:border-box;}
.m02-con{width: 1280px; margin: 0 auto;}
.m02-title{text-align: center; opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;}
.m02-title p{padding-bottom: 20px; margin-bottom: 20px; font-size: 30px; line-height:1; letter-spacing:0.4em; font-weight: bold; color: #2c2c2c; display: inline-block; vertical-align: top; text-shadow: -4px 2px 2px rgba(0,0,0,0.15); box-sizing:border-box; position: relative;}
.m02-title p:after{bottom: 0; left: 0; width: 100%; height: 5px; background: url(../img/m-title-border.png) center center no-repeat; background-size: cover; content:""; position: absolute; z-index: 1;}
.m02-title span{font-size: 18px; line-height:1; letter-spacing:0; font-weight: 500; color: #2c2c2c; display: block;}
.m02-area{margin-top: 100px; box-sizing:border-box; opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(50px); -o-transform: translateX(50px); -moz-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;}
.m02-in{position: relative;}
.m02-in > a{margin: 17.5px 17.5px 0 0; width: 415px; height: 420px; float: left; display: block; overflow: hidden; position: relative;}
.m02-in > a > span{opacity:1; font-size: 24px; bottom: 55px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m02-in > a.mr0{margin-right: 0;}

.m02-in > a.m02-btn01{width: 100%; margin: 0; background: url(../img/n-m02-bg01.jpg) center center no-repeat; background-size: cover;}
.m02-in > a.m02-btn02{background: url(../img/n-m02-bg02.jpg) center center no-repeat; background-size: cover;}
.m02-in > a.m02-btn03{background: url(../img/n-m02-bg03.jpg) center center no-repeat; background-size: cover;}
.m02-in > a.m02-btn04{background: url(../img/n-m02-bg04.jpg) center center no-repeat; background-size: cover;}

.m02-in > a:hover > span{opacity:0;}
.m02-in > a:hover .pos-bg{bottom: 0;}
/* m02 */


/* m03 */
.m03-wrap{padding-bottom: 135px; box-sizing:border-box;}
.m03-media{width: 100%; position: relative;}
.m03-media video{width: 100%; height: 100%; display: block;}
/* m03 */

/* animate */
.gnb.on{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
.mv-con.on .mv-txt{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
.mv-con.on .bx-pager{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
.mv-con.on .scroll{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
.m01-wrap.on .m-title{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
.m01-wrap.on .m01-con{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s;}
.m02-wrap.on .m02-title{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
.m02-wrap.on .m02-area{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
.m03-wrap.on .m03-media{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}

{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
{opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateY(50px); -o-transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;}
{opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;}
{-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s;}
/* animate */





@media all and ( max-width: 1280px ) {
/* gnb */
.gnb{top: 39.84375vw;}
.depth01 > li{margin-right: 0.625vw;}
.depth01 > li a{width: 12.890625vw; height: 6.09375vw; font-size: 1.5625vw; line-height:6.09375vw;}
/* gnb */

/* 메인 비주얼 */
.mv-wrap{height: 82.65625vw;}
.mv-con{height: 82.65625vw;}
.mv{height: 82.65625vw;}
.mv li{height: 82.65625vw;}
.mv li .mv-txt{left: 0; top: 28.90625vw; width: 100%; margin-left: 0;}
.mv li .mv-txt p{font-size: 5.46875vw;}
.mv-con .bx-pager{bottom: 16.015625vw; width: 1.796875vw; margin-left: -0.8984375vw;}
.mv-con .bx-pager > div{margin-bottom: 0.390625vw;}
.mv-con .bx-pager > div a{height: 1.796875vw;}
.scroll{bottom: 9.765625vw; width: 3.984375vw; height: 4.921875vw; margin-left: -1.9921875vw;}
/* 메인 비주얼 */

/* 메인 타이틀 */
.m-title p{padding-bottom: 1.5625vw; margin-bottom: 1.5625vw; font-size: 2.34375vw;}
.m-title p:after{height: 0.390625vw;}
.m-title span{font-size: 1.40625vw;}
/* 메인 타이틀 */

/* m01 */
.m01-wrap{padding-top: 11.328125vw;}
.m01-con{margin-top: 7.8125vw;}
.height01{height: 54.296875vw;}
.height02{height: 31.640625vw;}
.height03{height: 54.296875vw;}
.pos-bg b em{font-size: 1.875vw;}
.pos-bg b em img{width: 2.03125vw; height: 1.953125vw; margin: 7.421875vw auto 0;}

.m01-btn01 > span{font-size: 1.875vw; bottom: 4.296875vw;}
.m01-btn02 > span{font-size: 1.875vw; bottom: 4.296875vw;}
.m01-btn03 > span{font-size: 1.875vw; bottom: 4.296875vw;}
.m01-btn04 > span{font-size: 1.875vw; bottom: 4.296875vw;}
.m01-btn05 > span{font-size: 1.875vw; bottom: 4.296875vw;}
.m01-btn06 > span{font-size: 1.875vw; bottom: 4.296875vw;}
/* m01 */

/* m02 */
.m02-wrap{padding: 12.109375vw 0 10.15625vw;}
.m02-con{width: 100%; margin: 0 auto;}
.m02-title p{padding-bottom: 1.5625vw; margin-bottom: 1.5625vw; font-size: 2.34375vw;}
.m02-title p:after{height: 0.390625vw;}
.m02-title span{font-size: 1.40625vw;}
.m02-area{margin-top: 100px;}
.m02-in > a{margin: 2% 2% 0 0; width: 32%; height: 32.8125vw;}
.m02-in > a > span{font-size: 1.875vw; bottom: 4.296875vw;}
/* m02 */

/* m03 */
.m03-wrap{padding-bottom: 10.546875vw;}
.m03-media{}
/* m03 */
}

@media all and ( max-width: 1000px ) {
/* gnb */
.gnb{display: none;}
/* gnb */


/* 메인 비주얼 */
.mv-wrap{height: 475px;}
.mv-con{height: 475px;}
.mv{height: 475px;}
.mv li{height: 475px;}
.mv li.mv-bg01{background: url(../img/mo-mv-bg01.jpg) center center no-repeat; background-size: cover;}
.mv li.mv-bg02{background: url(../img/mo-mv-bg02.jpg) center center no-repeat; background-size: cover;}
.mv li.mv-bg03{background: url(../img/mo-mv-bg03.jpg) center center no-repeat; background-size: cover;}
.mv li.mv-bg04{background: url(../img/mo-mv-bg04.jpg) center center no-repeat; background-size: cover;}
.mv li .mv-txt{top: 150px; left: 0; width: 100%; margin-left: 0;}
.mv li .mv-txt p{font-size: 60px; line-height:65px; opacity:1; font-weight: bold; letter-spacing:0;}
.mv li .mv-txt p br.m-block{display: block;}
.mv-con .mv-wrapper{display: none;}
.mv-con .bx-pager{display: none;}
.scroll{display: none;}
/* 메인 비주얼 */

/* 메인 타이틀 */
.m-title p{padding-bottom: 15px; margin-bottom: 15px; font-size: 20px;}
.m-title p:after{bottom: 0; left: 0; width: 100%; height: 5px; background: url(../img/m-title-border.png) center center no-repeat; background-size: cover; content:""; position: absolute; z-index: 1;}
.m-title span{font-size: 14px;}
/* 메인 타이틀 */

/* m01 */
.m01-wrap{padding: 50px 30px 0;}
.m01-con{height: 851px; margin-top: 35px; padding: 0; box-sizing:border-box; position: relative;}
.m01-box01{width: auto; float: none;}
.m01-box02{width: auto; margin:0; float: none;}
.height01{height: 377px;}
.height02{height: 220px;}
.height03{height: 220px;}
.pos-bg{display: none;}

.m01-con > div > a{position: absolute; display: block; z-index: 1;}
.m01-btn01{top: 0; left: 0; width: 49%; margin-bottom: 0; background: url(../img/mo_m01-bg01.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn01 > span{opacity:1; font-size: 20px; bottom: 50px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn02{top: 392px; left: 0; width: 49%; margin-top: 0; background: url(../img/mo_m01-bg02.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn02 > span{opacity:1; font-size: 20px; bottom: 50px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn03{top: 0; right: 0; width: 49%; margin-bottom: 0; background: url(../img/mo_m01-bg03.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn03 > span{opacity:1; font-size: 20px; bottom: 50px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn04{bottom: 0; right: 0; width: 49%; margin-top: 0; display: block; background: url(../img/mo_m01-bg04.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn04 > span{opacity:1; font-size: 20px; bottom: 50px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn05{top: 235px; right: 0; width: 49%; display: block; background: url(../img/mo_m01-bg05.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn05 > span{opacity:1; font-size: 20px; bottom: 50px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m01-btn06{bottom: 0; left: 0; width: 49%; background: url(../img/m01-bg06.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden;}
.m01-btn06 > span{opacity:1; font-size: 20px; bottom: 50px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.mo01-box01{width: 100%;}
/* .mo01-box01 .m01-btn05{width: 49%; margin-right: 2%; float: left;}
.mo01-box01 .m01-btn06{width: 49%; margin-right: 2%; float: left;} */

.m01-btn01:hover > span{opacity:1;}
.m01-btn02:hover > span{opacity:1;}
.m01-btn03:hover > span{opacity:1;}
.m01-btn04:hover > span{opacity:1;}
.m01-btn05:hover > span{opacity:1;}
.m01-btn06:hover > span{opacity:1;}
/* m01 */

/* m02 */
.m02-wrap{padding: 50px 30px; box-sizing:border-box;}
.m02-con{width: 100%;}
.m02-title{text-align: center; opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;}
.m02-title p{padding-bottom: 15px; margin-bottom: 15px; font-size: 20px;}
.m02-title p:after{bottom: 0; left: 0; width: 100%; height: 5px; background: url(../img/m-title-border.png) center center no-repeat; background-size: cover; content:""; position: absolute; z-index: 1;}
.m02-title span{font-siz e: 14px;}
.m02-area{margin-top: 40px; box-sizing:border-box; opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(50px); -o-transform: translateX(50px); -moz-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;}
.m02-in{position: relative;}
.m02-in > a{margin: 2% 2% 0 0; width: 32%; height: 231px; float: left; display: block; overflow: hidden; position: relative;}
.m02-in > a > span{opacity:1; font-size: 20px; bottom: 25px; line-height:1; letter-spacing:0; font-weight: 500; color: #fff; left: 0; width: 100%; position: absolute; z-index: 1; display: block; box-sizing:border-box; text-align: center; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m02-in > a.mr0{margin-right: 0;}

.m02-in > a.m02-btn01{width: 100%; margin: 0; background: url(../img/mo-n-m02-bg01.jpg) center center no-repeat; background-size: cover;}
.m02-in > a.m02-btn02{background: url(../img/mo-n-m02-bg02.jpg) center center no-repeat; background-size: cover;}
.m02-in > a.m02-btn03{background: url(../img/mo-n-m02-bg03.jpg) center center no-repeat; background-size: cover;}
.m02-in > a.m02-btn04{background: url(../img/mo-n-m02-bg04.jpg) center center no-repeat; background-size: cover;}

.m02-in > a:hover > span{opacity:1;}
/* m02 */

/* m03 */
.m03-wrap{padding-bottom: 50px; box-sizing:border-box;}
.m03-media{}
/* m03 */


}

@media all and ( max-width: 760px ) {
/* 메인 비주얼 */
.mv-wrap{height: 62.5vw;}
.mv-con{height: 62.5vw;}
.mv{height: 62.5vw;}
.mv li{height: 62.5vw;}
.mv li .mv-txt{top: 19.7368421053vw;}
.mv li .mv-txt p{font-size: 7.8947368421vw; line-height:8.5526315789vw;}
/* 메인 비주얼 */

/* 메인 타이틀 */
.m-title p{padding-bottom: 1.9736842105vw; margin-bottom: 1.9736842105vw; font-size: 2.6315789474vw;}
.m-title p:after{height: 3px;}
.m-title span{font-size: 10px;}
/* 메인 타이틀 */

/* m01 */
.m01-wrap{padding: 6.5789473684vw 3.9473684211vw 0;}
.m01-con{height: 111.9736842105vw; margin-top: 4.6052631579vw; padding: 0;}
.height01{height: 49.6052631579vw;}
.height02{height: 28.9473684211vw;}
.height03{height: 28.9473684211vw;}

.m01-btn02{top: 51.5789473684vw;}
.m01-btn05{top: 30.9210526316vw;}

.m01-btn01 > span{font-size: 2.6315789474vw; bottom: 6.5789473684vw;}
.m01-btn02 > span{font-size: 2.6315789474vw; bottom: 6.5789473684vw;}
.m01-btn03 > span{font-size: 2.6315789474vw; bottom: 6.5789473684vw;}
.m01-btn04 > span{font-size: 2.6315789474vw; bottom: 6.5789473684vw;}
.m01-btn05 > span{font-size: 2.6315789474vw; bottom: 6.5789473684vw;}
.m01-btn06 > span{font-size: 2.6315789474vw; bottom: 6.5789473684vw;}
/* m01 */

/* m02 */
.m02-wrap{padding: 6.5789473684vw 3.9473684211vw;}
.m02-title p{padding-bottom: 1.9736842105vw; margin-bottom: 1.9736842105vw; font-size: 2.6315789474vw;}
.m02-title p:after{height: 3px;}
.m02-title span{font-size: 10px;}
.m02-area{margin-top: 5.2631578947vw;}
.m02-in > a{height: 30.3947368421vw;}
.m02-in > a > span{font-size: 2.6315789474vw; bottom: 3.2894736842vw;}
/* m02 */

/* m03 */
.m03-wrap{padding-bottom: 6.5789473684vw;}
.m03-media{}
/* m03 */
}