@charset "utf-8";
/* Main Visual */

.mv_sec{overflow: hidden; position: relative;width: 100%; height: 970px;}
.mv_sec .item{width: 100%; height: 970px; position: relative; overflow: hidden; }
.mv_sec .item .mv_img{position: absolute; left: 0; top: 0; width: 100%; height: 970px; transition:5s; overflow: hidden !important; z-index: -1; transform:scale(1); background: url(../../images/main/mv00.jpg) center no-repeat; background-size: cover;}
.mv_sec .mv02 .mv_img{background: url(../../images/main/mv02.jpg) center no-repeat; background-size: cover;}
.mv_sec .mv03 .mv_img{background: url(../../images/main/mv03.jpg) center no-repeat; background-size: cover;}
.mv_sec .active .mv_img{transform:scale(1.1) rotate(.001deg); }
.mv_sec .active .mv01 .mv_img{transform:scale(1.1) rotate(.001deg); }
.dep2_bg{position: absolute; left: 0; top: 100px;	 background: #f8f8f8; width: 100%; height: 200px; display: none;} 
.mv_sec .m_txt{}
.mv_sec .m_txt{margin-top: 340px; color: #fff;  }
.mv_sec .m_txt h3{position: relative; font-size: 6rem; line-height: 70px; font-weight: 700; top:50px; padding-left: 2px; opacity: 0; transition:.8s; text-shadow:0px 0px 20px rgba(0,0,0,0.3); letter-spacing: -0.02em !important; }
.mv_sec .m_txt p{position: relative; font-size: 2rem; font-size: max(min(2rem), 12px);  line-height: 1; font-weight: 400; margin-top: 27px; top:50px; opacity: 0; transition:.8s .5s; text-shadow:0px 0px 5px rgba(0,0,0,0.1); letter-spacing: -0.03em; margin-bottom: 29px; color: rgba(255,255,255,0.8);}
.mv_sec .active .m_txt h3,
.mv_sec .active .m_txt p{opacity: 1; top:0;}
.mv_sec .owl-nav{position: absolute;  bottom: 327px; z-index: 100; width: 1320px; left: 50%; margin-left: -661px; }
.mv_sec .owl-nav [class*=owl-]{width: 30px; height: 30px; background: url(../../images/main/mv_prev.png) center no-repeat !important; display: inline-block; outline:none; vertical-align: top;} 
.mv_sec .owl-nav .owl-next{ background: url(../../images/main/mv_next.png) center no-repeat !important; margin-left: 136px;}
.mv_sec .owl-nav [class*=owl-] span{display: none;} 
.mv_sec .owl-dots{position: absolute; top: 50%; z-index: 105; width: 860px; left: 50%; margin-left: -4px; margin-top: -16px;}
.mv_sec .owl-dots .owl-dot{position: relative; width: 26px; height: 26px; border-radius: 50%; background: none; display: block; border: 1px solid rgba(0,0,0,0); margin-bottom: 20px; float: right; outline:none; clear: both; transition:.3s;} 
.mv_sec .owl-dots .owl-dot:after{position: absolute; content:''; width: 6px; height: 6px; background: #dcdcdc; left: 50%; top: 50%; transform:translate(-50%, -50%); border-radius: 50%;}
.mv_sec .owl-dots .owl-dot.active,
.mv_sec .owl-dots .owl-dot:hover{border: 1px solid #fcfcfb; }
.mv_sec .owl-dots .owl-dot span{display: none;}
.mv_sec .count_num{position: absolute; z-index: 105; bottom: 327px; left: 17%; width: 130px;	line-height: 30px; font-size: 1.6rem; font-size: max(min(1.6rem), 12px);font-weight: 600; color: #fff; text-align: center;}
.mv_sec .count_num span{padding: 0 4px; }
.mv_sec .count_num .all_num{color: #b5b5b5;}
.main_scroll {position: absolute; left: 50%; margin-left: -26px; bottom: 95px; z-index: 100; animation: 3s ease 0s infinite normal none running; animation-name:ico_Move; cursor: pointer; }
.main_scroll:before,
.main_scroll:after{position: absolute; content:''; width: 11px; height: 8px; background: url(../../images/main/main_scroll2.png) center no-repeat;	 left: 50%; margin-left: -5px; bottom: -15px;}
.main_scroll:after{ background: url(../../images/main/main_scroll3.png) center no-repeat; bottom: -23px;}
.main_scroll:before{animation: 3s ease 0s infinite normal none running; animation-name:ico_Move2; }
.main_scroll:after{animation: 3s ease .5s infinite normal none running; animation-name:ico_Move3; }
.main_scroll img{width: auto; }
@keyframes ico_Move {0% {bottom: 95px; } 50% {bottom: 80px; } 100% {bottom:95px}}
@keyframes ico_Move2 {0% {opacity: 0;  } 50% {opacity: 1; } 100% {opacity: 0; }}
@keyframes ico_Move3 {0% {opacity: 0; } 50% {opacity: 1; } 100% {opacity: 0; }}


/* mcnt1 */
.m_product{position: relative; background: url(../../images/main/product_bg.png) right 85% no-repeat;}
.m_product:before{position: absolute; content: ''; width: 50%; height: 534px; background: #f8f8f8; left: 0; bottom: 0;}
.product_item {display: flex; align-items:center; padding-top: 100px; padding-bottom: 49px;}
.product_item .product_img{width: 56.06%;}
.product_item .product_img img{box-shadow:15px 15px 15px rgba(0,0,0,0.06)}
.product_item .tbx{flex-grow: 1; box-sizing: border-box; padding-left: 119px;}
.product_item .tbx .tit {position: relative; padding-bottom: 34px; }
.product_item .tbx .tit:before{position: absolute; content:''; width: 41px; height: 4px; background: url(../../images/main/pro_line.jpg) left center; left: 4px; bottom: 0; }
.product_item .tbx .tit span{display: block; font-size: 1.8rem; font-size: max(min(1.8rem), 12px); line-height: 1; color: #333;}
.product_item .tbx .tit h4{font-size: 4.5rem; line-height: 1; color: #333; font-weight: 700; padding: 10px 0 30px; margin-left: -4px; font-family: 'Montserrat', sans-serif;}
.product_item .tbx .tit h5{font-size: 1.8rem; font-size: max(min(1.8rem), 12px); line-height: 1; color: #333; font-weight: 400;}
.product_item .tbx .txt{padding-top: 37px;}
.product_item .tbx .txt h6{font-size: 2.2rem; font-size: max(min(2.2rem), 12px); line-height: 1; font-weight: 500; color: #133e99; }
.product_item .tbx .txt p{font-size: 1.6rem; font-size: max(min(1.6rem), 12px);line-height: 26px; color: #666; margin:18px 0 26px; letter-spacing: -0.03em;}
.m_link{position: relative; box-sizing: border-box; width: 180px; height: 60px; font-size: 1.5rem; font-size: max(min(1.5rem), 12px);line-height: 58px; color: #133e99; font-weight: 700; border: 1px solid #133e99; padding-left: 39px; text-align: left;}
.m_link:after{position: absolute; content: ''; width: 7px; height: 100%; background: url(../../images/main/arr_link.png) center no-repeat; right: 33px; top: 0; transition:.3s;}
.m_link:hover:after{right: 28px;}

.m_product .owl-nav{padding-bottom: 22px; }
.m_product .owl-nav [class*=owl-]{position: relative; width: 46px; height: 46px; border-radius: 50%; box-sizing: border-box; border: 2px solid #1197c1 !important; outline:none; transition:.3s; left: 0;} 
.m_product .owl-nav [class*=owl-]:after{position: absolute; content: ''; width: 100%; height: 100%; background: url(../../images/main/pro_prev.png) center no-repeat; left: 0; top: 0;}
.m_product .owl-nav .owl-next{margin-left: 12px;}
.m_product .owl-nav .owl-next:after{ background: url(../../images/main/pro_next.png) center no-repeat;}
.m_product .owl-nav span{display: none;}
.m_product .count_num{position: relative; z-index: 100; width: 130px; line-height: 30px; font-size: 1.6rem; font-size: max(min(1.6rem), 12px); font-weight: 600; color: #adadad; text-align: center; margin-left: 98px; top: -60px;}
.m_product .count_num span{padding: 0 4px; }
.m_product .count_num .active_num{color: #1191bf;}
.m_product .owl-dots{display: none;}
.m_product .owl-nav .owl-prev:hover{left: -5px;}
.m_product .owl-nav .owl-next:hover{margin-left: 18px;}

/* 효과 css */
.product_item .product_img img{position: relative; opacity: 0; top: 40px; transition:.4s .3s}
.active .product_item .product_img img{opacity: 1; top: 0;}
.product_item .tbx .tit span,
.product_item .tbx .tit h4,
.product_item .tbx .tit h5,
.product_item .tbx .txt h6,
.product_item .tbx .txt p,
.product_item .tbx .txt a{position: relative; opacity: 0; top: 30px; transition:.4s .3s; }
.product_item .tbx .tit h4{transition:.4s .5s;}
.product_item .tbx .tit h5{transition:.4s .7s;}
.product_item .tbx .txt h6{transition:.4s .9s;}
.product_item .tbx .txt p{transition:.4s 1.1s;}
.product_item .tbx .txt a{transition:.4s 1.3s;}
.active .product_item .tbx .tit span,
.active .product_item .tbx .tit h4,
.active .product_item .tbx .tit h5,
.active .product_item .tbx .txt h6,
.active .product_item .tbx .txt p,
.active .product_item .tbx .txt a{opacity: 1; top: 0;}
.product_item .tbx .tit:before{width: 0; transition:.4s 1.1s; opacity: 0; }
.active .product_item .tbx .tit:before{width: 41px; opacity: 1;}

/* mcnt2 */
.m_gallery {text-align: center; padding: 119px 0;}
.m_gallery h2{font-size: 4.5rem; line-height: 1; color: #333; font-weight: 700; margin-bottom: 40px;}
.m_gallery .m_gallery_owl{margin: 50px 0 64px;}
.m_gallery .m_gallery_img {box-sizing: border-box; padding: 22px; background: #eff3f7;}
.m_gallery .m_gallery_img img{box-shadow:5px 5px 10px rgba(0,0,0,0.1)}
.m_gallery h4{font-size: 1.8rem; font-size: max(min(1.8rem), 12px); line-height: 28px; font-weight: 500; color: #333; margin-top: 15px;}
.m_gallery a{margin: 0 auto;}

.m_gallery .owl-nav{position: absolute; left: -100px; top: 50%; width: calc(100% + 200px); margin-top: -25px;}
.m_gallery .owl-nav [class*=owl-]{position: relative; float: left; width: 50px; height: 50px; outline:none; box-sizing: border-box; border-radius: 50%; border: 1px solid #ddd !important; transition:.3s;}
.m_gallery .owl-nav [class*=owl-]:before,
.m_gallery .owl-nav [class*=owl-]:after{position: absolute; content:''; width: 20px; height: 14px; background: url(../../images/main/m_gallery_prev.png) center no-repeat; left: 50%; top: 50%; margin-left: -10px; margin-top: -7px; transition:.3s;}
.m_gallery .owl-nav .owl-next{float: right;}
.m_gallery .owl-nav .owl-next:before{background: url(../../images/main/m_gallery_next.png) center no-repeat; }
.m_gallery .owl-nav [class*=owl-]:after{background: url(../../images/main/m_gallery_prev_h.png) center no-repeat; opacity: 0;}
.m_gallery .owl-nav .owl-next:after{background: url(../../images/main/m_gallery_next_h.png) center no-repeat; }
.m_gallery .owl-nav [class*=owl-]:hover{background: #c3c3c3;}
.m_gallery .owl-nav [class*=owl-]:hover:before{opacity: 0; }
.m_gallery .owl-nav [class*=owl-]:hover:after{opacity: 1;}
.m_gallery .owl-nav [class*=owl-] span{display: none;}

/* mcnt3 */
.m_contect {position: relative; text-align: center; color: #fff;  background: url(../../images/main/m_contect_bg.jpg) center no-repeat; display: flex; width: 100%; height: 540px; ;align-items:center; }
.m_contect .tbx{width: 100%; padding-top: 32px;}
.m_contect .tbx h3{font-size: 4.5rem; line-height: 1; font-weight: 700; ;}
.m_contect .tbx p{font-size: 1.8rem; font-size: max(min(1.8rem), 12px); line-height: 30px; opacity: 0.8; margin: 26px 0 43px; letter-spacing: -0.03em}
.m_contect .tbx a{border: 1px solid #fff; color: #fff; font-weight: 500; margin: 0 auto;}
.m_contect .tbx a:after{ background: url(../../images/main/arr_link_w.png) center no-repeat;}