@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/*** Main_Common ***/

.af::after{display: block; content:''; clear: both;}
 html,body{ margin:0;padding:0;width:100%;height:100%;}
.box{width:100%;height:100%;position:relative;}
/* mv */
.owl-carousel{display: block;}
.mv_sec{position: relative;height: 899px;background: url(../../images/main/mv_bg.png) no-repeat;background-size: 100% auto;margin-top: 80px;}
.mv_h3 div h3 span.h3_tit{color:#c3212e;}
.mv_sec h3{}
.mv_h3 div h3 span{font-weight: 700; font-size: 26px;line-height: 30px;}

.mv_h3 {  height: 83px;	   width: 1200px;	 overflow: hidden;	  position: relative;margin: 0 auto;padding-top: 85px;}
.mv_h3 div {	display: block;width: 200%; height: 30px;position: absolute;overflow: hidden;	 animation: marquee 15s linear infinite;}
.mv_h3 div h3 {  float: left;   width:50%;color: #505050;font-size: 22px;letter-spacing: 0;line-height: 30px;text-align: center;/* padding-top: 100px;padding-bottom: 49px; */}
@keyframes marquee {  0% { left: 0; }  100% { left: -100%; }}

.mv_list{width: 1200px;margin: 0 auto;}
.mv_list .item{}
.mv_list .item .bic_img{/* width: 1050px; */ width:75%;float: left;height: 650px;}
.mv_list .item .bic_img img{height: 100%; box-shadow: 0 0 15px rgba(229,229,229,0.75);}
.bic_img a figure{position: relative; height:557px; overflow: hidden;}
.bic_img a figure:hover:before,
.bic_img a figure:hover:after{opacity: 1;}
/* .bic_img a figure:before{transition:.3s;position: absolute;content: '';width: 100px;height: 100px;background: rgba(49,171,103,0.8);top:50%; left:50%; opacity: 0;border-radius: 50%;margin-top: -55px;margin-left: -50px;}
 */.bic_img a figure:after{transition:.3s;position: absolute;content: 'view';width: 100%;height: 100%;background: url(../../images/main/main_view.png) no-repeat;top:46%; left:50%; margin-left: -20px;margin-top: -14px;color: #fff;text-transform: uppercase;font-size: 19px;letter-spacing: 0;line-height: 5;font-weight: 300;background-position-x: 5px;opacity: 0;}


.small_img{width: 23%;float: left;margin-left: 15px;}
.small_img figure{cursor:pointer;position: relative;width: 100%;float: left;margin-bottom: 16px;/* height: 206px; */ height:176px; box-shadow: 0 0 15px rgba(229,229,229,0.75);}
.small_img figure img{height:100%;}
.small_img figure:last-child{margin-bottom: 0;}
.small_img figure:hover:before{opacity: 1;}
.small_img figure:hover:after{opacity: 1;}
/*.small_img figure:before{transition:.3s;position: absolute;content: '';width: 70px;height: 70px; background: url(../../images/main/mv_over.png) no-repeat; top:0; left:0; opacity: 0;background: rgba(49,171,103,0.8);top:50%; left:50%; opacity: 0;border-radius: 50%;margin-top: -35px;margin-left: -35px;}	  */
.small_img figure:after{transition:.3s;position: absolute;content: 'view';width: 100%;height: 100%;background: url(../../images/main/main_view.png) no-repeat;top:46%; left:50%; margin-left: -20px;margin-top: -14px;color: #fff;text-transform: uppercase;font-size: 15px;letter-spacing: 0;line-height: 5;font-weight: 300;background-position-x: 5px;opacity: 0;}


.mv_list .owl-nav button.owl-prev{background: url(../../images/main/nav_prev.png) no-repeat; left: -7.7%; top: 38%; }
.mv_list .owl-nav button.owl-prev:hover:before{opacity: 1;}
.mv_list .owl-nav button.owl-prev:before{transition:0.3s;position: absolute;content: '';width: 100%;height: 100%;background: url(../../images/main/nav_prev_over.png) no-repeat; top:0; left:0; opacity: 0;}
.mv_list .owl-nav button.owl-next{background: url(../../images/main/nav_next.png) no-repeat; right: -8.5%; top: 38%;}
.mv_list .owl-nav button.owl-next:before{transition:0.3s;position: absolute;content: '';width: 100%;height: 100%;background: url(../../images/main/nav_next_over.png) no-repeat; top:0; left:0; opacity: 0;}
.mv_list .owl-nav button.owl-next:hover:before{opacity: 1;}

.hide{transition:.3s;opacity: 0;margin-top: -33px;} 
.mv_sec2{position: relative;width:1400px; margin:0 auto;padding-top: 97px;height: 607px;	box-sizing: border-box;}
.mv_sec2 h3{font-weight: 700;text-align: center;font-size: 40px;line-height: 38px; margin-bottom: 52px;}
.mv_sec2_inner{position: relative;display: table;table-layout: fixed;width: 100%;text-align: center;}
.mv_sec2:before{position: absolute;content: '';width: 100%;height: 1px;background: #333;top:344px; left:0;}
.mv_sec2_inner div{display: inline-block;display: table-cell; cursor:pointer;}
.mv_sec2_inner div figure{position: relative;margin-bottom: 37px;}
.mv_sec2_inner div figure:before{transition:.3s;position: absolute;content: '';width: 11px;height: 6px;background: url(../../images/main/sec_figure_b.png) no-repeat; bottom:-13%; left:50%;margin-left: -5.5px;}
.mv_sec2_inner div figure:after{transition:.3s;opacity: 0;position: absolute;content: '';width: 15px;height: 6px;background: url(../../images/main/sec_figure_over.png) no-repeat; bottom:-13.2%; left:50%;margin-left: -6px;}
.sec2_img2{transition:.3s;opacity: 0;position: absolute; left:50%; top:0;margin-left: -56.5px;}
.mv_sec2_inner div h4{transition:.3s;font-weight: 500;color: #303030;font-size: 20px;line-height: 38px;}
.mv_sec2_inner div p{transition:.2s;position: relative;width: 29px; height: 29px; margin: 0 auto; margin-top: 11px;}
.mv_sec2_inner div:hover p:before{opacity: 1;}
.mv_sec2_inner div p:before{transition:.3s;position: absolute;content: '';width: 100%;height: 100%;background: url(../../images/main/sec2_more_over.png) no-repeat; top:0; left:0; opacity: 0;}
.mv_sec2_inner div ul li{font-size: 16px;line-height: 25px;color: #606060;}
.mv_clickp p{ padding-left: 5px;}
.mv_clickp p:before{left:5px !important;}
/* click */
.mv_sec2_inner div.mv_click_on figure .sec2_img1{opacity: 0;}
.mv_sec2_inner div.mv_click_on figure .sec2_img2{opacity: 1;}
.mv_sec2_inner div.mv_click_on figure .sec2_img2{animation-direction: alternate;animation-iteration-count: infinite; animation-duration: .5s;  animation-name: bounc; }
 @keyframes bounc {
  from {top: -10px;}
  to {top: 0;}
 }
.mv_sec2_inner div.mv_click_on figure:before{opacity: 0;}
.mv_sec2_inner div.mv_click_on figure:after{opacity: 1;}
.mv_sec2_inner div.mv_click_on h4{color:#DC2635;}
.mv_sec2_inner div.mv_click_on p{opacity: 0;}
.mv_sec2_inner div.mv_click_on ul{opacity: 1;}

.mv_sev3{background-color: transparent;}
.mv_sev3 ul{/* display: table;table-layout: fixed; */ width: 100%;overflow: hidden; height: 295.35px;}
.mv_sev3 ul li{/*  display: table-cell; */  position: relative; overflow: hidden;width: 25%; float: left;}
.mv_sev3 ul li a{overflow: hidden;}
 .mv_sev3 ul li a figure{width:100%;overflow: hidden; transition:.3s;}
.mv_sev3 ul li a figure img{transition:.3s;width:100%; }
.mv_sev3 ul li:hover a figure img{ width:120%;margin-top: -10%; margin-left: -10%;} 
.mv_sev3 ul li a div{position: absolute;top: 0;	left: 0;text-align: center;width: 100%;height: 100%;}
.mv_sev3 ul li a div h4{font-weight: 500;font-size: 23px;line-height: 38px;color: #fff;padding-top: 130px;box-sizing: border-box;margin-bottom: 17px;}
.mv_sev3 ul li a div p{transition:.3s;}
.mv_sev3 ul li:hover a div p{margin-right: -32px;}

/* .mv_sev3 ul li:first-child a figure{background: url(../../images/main/sec3_1.png) no-repeat; transition:.3s;}
.mv_sev3 ul li:nth-child(2)  a figure{background: url(../../images/main/sec3_2.png) no-repeat; transition:.3s;}
.mv_sev3 ul li:nth-child(3)  a figure{background: url(../../images/main/sec3_3.png) no-repeat; transition:.3s;}
.mv_sev3 ul li:nth-child(4)  a figure{background: url(../../images/main/sec3_4.png) no-repeat; transition:.3s;}


.mv_sev3 ul li:hover a figure{ transform: scale(1.1) rotate(.001deg);} -webkit-background-size: 120%;
background-size: 120%; background-position: -10%;} 		*/