@charset "utf-8";
/* 메인페이지 */

#visual-section{height:780px; position:relative; -webkit-transition:height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition:height 0.5s; transition:height 0.5s;}
#visual-section .owl-carousel{width:100%;}
#visual-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}
#visual-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:780px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block; -webkit-transition:padding 0.5s; -moz-transition:padding 0.5s; -ms-transition: padding 0.5s; -o-transition:padding 0.5s; transition:padding 0.5s;}
#visual-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important;}
#visual-section .owl-carousel .owl-dots{width:100%; bottom:20%; z-index:10000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{margin:0 3px; display:inline-block; z-index:1000; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:20px; height:20px; background:url("../img/slider_off.png") no-repeat; display:block; vertical-align:bottom;}
#visual-section .owl-carousel .owl-dots .active span{background:url("../img/slider_on.png") no-repeat;}
#visual-section .owl-carousel .owl-nav{display:none;}
#visual-section .owl-carousel .owl-prev{width:54px; height:54px; top:50%; left:30px; margin-top:-27px; text-indent:-9000px; background:url("../img/slider_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:54px; height:54px; top:50%; right:30px; margin-top:-27px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:block; position:absolute;}

#visual-section .visual-txt{width:100%; max-width:1200px; top:60%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%, -50%); z-index:99999; text-align:center; color:#fff; position:absolute;}
#visual-section .visual-txt h1{ font-family:"visionheavy"; font-size:100px; line-height:120%; color:#fff; letter-spacing:-7px;}
#visual-section .visual-txt h2{font-weight:300; font-size:28px; line-height:120%; color:#fff;}
visual-section .visual-txt span{width:1px; height:114px; margin:20px auto 30px; background:#fff; display:block;}
#visual-section .visual-txt .iibox{width:100%; max-width:600px; margin:120px auto 0;}
#visual-section .visual-txt .iibox ul{}
#visual-section .visual-txt .iibox ul:after{clear:both; content:""; display:block;}
#visual-section .visual-txt .iibox ul li{width:150px; height:150px; margin:0 25px; text-align:center; float:left;}
#visual-section .visual-txt .iibox ul li img{width:100%;}

#main-vod{max-height:970px; min-width:1200px; background:url("../img/vod_bg.jpg") no-repeat; background-size:cover; overflow:hidden; position:relative;}
#main-vod video{vertical-align:middle;}
#main-vod .vod-bg{width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.4); position:absolute;}
#main-vod .vod-txt{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:999; text-align:center; color:#fff; position:absolute;}
#main-vod .vod-txt p.logo {margin:100px 0 20px; }
#main-vod .vod-txt h1{font-weight:800; font-size:100px; line-height:120%; color:#fff; display:none;}
#main-vod .vod-txt p.txt{margin-top:40px; font-size:24px; line-height:140%; color:#fff; display:none;}
#main-vod .down{width:45px; height:104px; left:50%; bottom:40px; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:9999; position:absolute;}
#main-vod .down div{position:relative;}
#main-vod .down span{width:45px; height:104px; background:url("../img/mdown.png") no-repeat; display:block; position:absolute;}
#main-vod .vod-txt .iibox{width:100%; max-width:600px; margin:100px auto 0;}
#main-vod .vod-txt .iibox ul{}
#main-vod .vod-txt .iibox ul:after{clear:both; content:""; display:block;}
#main-vod .vod-txt .iibox ul li{width:150px; height:150px; margin:0 25px; text-align:center; float:left;}
#main-vod .vod-txt .iibox ul li img{width:100%;}

.title-box{}
.title-box h2{padding:0 10px;font-family:"visionheavy";  font-weight:500; font-size:48px; line-height:100%; text-align:center; color:#262626;}
.title-box h3{padding:0 10px; font-weight:300; font-size:18px; line-height:120%; text-align:center; color:#262626;}

#mcont1-section{width:1200px; margin:0px auto; padding:70px 0 80px;}
#mcont1-section .box{width:1220px; margin:50px auto 0; padding:0 10px;}
#mcont1-section .box ul:after{clear:both; display:block; content:"";}
#mcont1-section .box ul li{float:left; width:380px; height:380px; margin:0 10px;}
#mcont1-section .box ul li a {display:block; overflow: hidden; position: relative; top: 0; z-index: 0; width:100%; height:380px; padding:30px; background-size: auto 100% !important; color: #fff; word-break: keep-all; -webkit-transition: all 0.3s; transition: all 0.3s; }
#mcont1-section .box ul li.ibox01 a{background:url('../img/mcont1_banner01.jpg') no-repeat center; background-size:cover;}
#mcont1-section .box ul li.ibox02 a{background:url('../img/mcont1_banner02.jpg') no-repeat center; background-size:cover;}
#mcont1-section .box ul li.ibox03 a{background:url('../img/mcont1_banner03.jpg') no-repeat center; background-size:cover;}
#mcont1-section .box ul li a:before { display: block; height:200px; content: ''; -webkit-transition: all 0.3s; transition: all 0.3s;}
#mcont1-section .box ul li a:hover,
#mcont1-section .box ul li a:focus,
#mcont1-section .box ul li a:active { top: -1rem; -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3); box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3); }
#mcont1-section .box ul li a:hover:before,
#mcont1-section .box ul li a:focus:before,
#mcont1-section .box ul li a:active:before { height: 0; }
#mcont1-section .box ul li a:hover:after,
#mcont1-section .box ul li a:focus:after,
#mcont1-section .box ul li a:active:after { background: -webkit-gradient(linear, left top, right top, from(rgba(166, 200, 82, 0.6)), to(rgba(103, 197, 206, 0.6))) #1a4721; background: linear-gradient(to right, rgba(166, 200, 82, 0.6), rgba(103, 197, 206, 0.6)) #1a4721; }
#mcont1-section .box ul li a strong {display:block; margin:20px 0 50px; font-size:28px; font-weight:700; line-height:100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
#mcont1-section .box ul li a:hover strong, #mcont1-section .box ul li a:focus strong, #mcont1-section .box ul li a:active strong { margin-bottom:30px; }
#mcont1-section .box ul li a p{font-size:16px; line-height:150%;}
#mcont1-section .box ul li a .more { visibility: hidden; position: absolute; left:auto; bottom:0;}
#mcont1-section .box ul li a:hover .more,
#mcont1-section .box ul li a:focus .more,
#mcont1-section .box ul li a:active .more { visibility: visible; bottom:60px; opacity: 1; -webkit-transition: all 0.3s 0.3s; transition: all 0.3s 0.3s; }


#mcont2-section{width:1200px; padding:80px 0 70px; background:url('../img/mcont2_bg.jpg') no-repeat center; background-size:cover;}
#mcont2-section .title-box h2{padding:0 10px; font-family:"notosans",sans-serif;  font-weight:700; font-size:48px; line-height:140%; text-align:center; color:#fff;}
#mcont2-section .title-box h3{padding:0 10px; font-weight:300; font-size:18px; line-height:180%; text-align:center; color:#fff;}
#mcont2-section .cont-area{width:100%; max-width:1190px; margin:40px auto 0; padding:0 10px;text-align:center; color:#fff;}
#mcont2-section .cont-area .movie:after{clear:both; display:block; content:"";}
#mcont2-section .cont-area .movie li{width:570px;}
#mcont2-section .cont-area .movie li:after{clear:both; display:block; content:"";}
#mcont2-section .cont-area .movie .lbox{float:left;}
#mcont2-section .cont-area .movie .rbox{float:right;}
#mcont2-section .cont-area .movie li div{float:left;}
#mcont2-section .cont-area .movie li div.txt{width:310px; height:370px; background:rgba(0,0,0,.8); padding-top:50px;}
#mcont2-section .cont-area .movie li div.txt h2{font-size:28px; font-weight:700; color:#f7941e; margin:30px 0 10px;}
#mcont2-section .cont-area .movie li div.txt p{font-size:22px; font-weight:400; line-height:180%; letter-spacing:-0.5px;}

#mcont3-section{width:1200px; margin:0px auto; padding:70px 10px 80px;}
#mcont3-section .cont-area .banner{margin-top:50px;}
#mcont3-section .cont-area .banner:after{clear:both; display:block; content:"";}
#mcont3-section .cont-area .banner li{width:575px; height:200px;}
#mcont3-section .cont-area .banner li a{width:100%; height:200px; display:inline-block; padding:40px 0 0 50px;}
#mcont3-section .cont-area .banner .lbox{float:left; background:url('../img/mcont3_banner01.jpg') no-repeat center; background-size:cover;}
#mcont3-section .cont-area .banner .rbox{float:right; background:url('../img/mcont3_banner02.jpg?v2') no-repeat center; background-size:cover;}
#mcont3-section .cont-area .banner li a h1{font-size:24px; font-weight:700; color:#000;}
#mcont3-section .cont-area .banner li a p{font-size:16px; font-weight:500; color:#666; margin:10px 0 20px;}

#mcont4-section{width:100%; padding:110px 0;  background:#273657; -background:url('../img/mcont4_bg.jpg') no-repeat center; background-size:cover;}
#mcont4-section .title-box{width:1200px; margin:0 auto;}
#mcont4-section .title-box h2{color:#fff;}
#mcont4-section .title-box h3{color:#fff;}
#mcont4-section .box{width:1040px; margin:35px auto 0; padding:0 10px;}
#mcont4-section .insta{width:1040px; margin:35px auto 0; padding:0 10px;}
#mcont4-section .visitor-box{width:240px; height:280px; background:rgba(255,255,255,.8); cursor:pointer; padding:40px 30px;}
#mcont4-section .visitor-box:hover{background:rgba(255,255,255,1);}
#mcont4-section .box .visitor-box h1{font-size:24px;}
#mcont4-section .box .visitor-box p{font-size:15px; color:#4a4a4a; line-height:150%; margin:20px 0 30px;}
#mcont4-section .owl-carousel{width:100%;}
#mcont4-section .owl-carousel .item{}
#mcont4-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}
#mcont4-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#mcont4-section .owl-carousel .owl-dots{width:100%; bottom:-40px; z-index:10000; text-align:center; position:absolute; display:none;}
#mcont4-section .owl-carousel .owl-dots .owl-dot{margin:0 3px; display:inline-block; z-index:1000; position:relative;}
#mcont4-section .owl-carousel .owl-dots .owl-dot span{width:20px; height:20px; background:url("../img/slider_off2.png") no-repeat; display:block; vertical-align:bottom;}
#mcont4-section .owl-carousel .owl-dots .active span{background:url("../img/slider_on2.png") no-repeat;}
#mcont4-section .owl-carousel .owl-nav{display:block;}
#mcont4-section .owl-carousel .owl-next{width:60px; height:60px; top:50%; left:-80px; margin-top:-22.5px; text-indent:-9000px; background:url("../img/visitor_prev.png") no-repeat; display:block; position:absolute;}
#mcont4-section .owl-carousel .owl-prev{width:60px; height:60px; top:50%; right:-80px; margin-top:-22.5px; text-indent:-9000px; background:url("../img/visitor_next.png") no-repeat; display:block; position:absolute;}

#mcont5-section{width:1200px; margin:0px auto; padding:25px 10px; position:relative;}
#mcont5-section:after{clear:both; display:block; content:"";}
#mcont5-section div{float:left; font-size:18px;}
#mcont5-section div.txt{margin-right:30px;}
#mcont5-section div span.blue{width:80px; line-height:30px; color:#fff; text-align:center; border-radius:100px; background:#0374bd; display:inline-block;}
#mcont5-section div span{font-size:16px;}
#mcont5-section div.txt-small{font-size:14px; color:#7e7e7e; position:absolute; top:30px; right:0;}