@charset "utf-8";
.pcbr{display:none !important;}
.ptbr{display:none !important;}
.tbr{display:none !important;}
.tmbr{display:block !important;}
.mbr{display:block !important;}
.pc_view{display:none !important;}
.pt_view{display:none !important;}
.tm_view{display:block !important;}
.t_view{display:none !important;}
.m_view{display:block !important;}


.slick-slide, .slick-list, .slick-track, .slick-track a{outline:0;}

/* 메인 팝업 */
.main_layer_popup {width:80% !important; top:60px !important;max-width:560px; left:50% !important; transform:translateX(-50%);}
.main_layer_popup .popupContent{height: 100% !important;}
.main_layer_popup img {width:100%;}


#wrap{background-color:#f4f4f4;}
#wrap,#contents,#container,main{width:100%;height:100%;}

.main_fullpage_wrap,.fullpage{width:100%; height:100%;}
.fullpage .section{position: relative; overflow: hidden;}
.fullpage .contents{position:relative;width:100%;height:100%;overflow: hidden;}
.fullpage_pagination{display: none;}
section.fix .contents{transform:translate(0) !important;}
section{position:relative;box-sizing:border-box; overflow:hidden;}
section *{box-sizing:border-box;}
section .contents{z-index:10;}
section [class*="con-"][class*="-width1"].inner{margin-top: 30px;z-index:11;}
section .contents.type2{display: flex;flex-wrap: wrap;align-items: center;padding-top: 40px;}
section .txt1{font-size: 1.3rem;color: #666666;line-height: 1.75;font-weight: 300;letter-spacing: -0.3px;word-break: keep-all;}
section .txt1 br{display:none;}
section .go_link{position: relative;width: 100%;height: 45px;}
section .go_link:before{content:"";display: block;width: 0;height: 100%;position: absolute;top: 0;left: 0;background: #0c4da2;transition: 0.5s ease;z-index: 0;}
section .go_link a{position: relative;text-align: center;width: 100%;height: 100%;padding: 0 50px;font-size: 1.2rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-family: 'Montserrat';color: #0c4da2;font-weight: 500;border: 1px solid #0c4da2;transition: 0.6s ease;z-index: 1;} 
section .go_link:before{width:100%;}
section .go_link a{color:#fff !important;}
section .go_link .i{position: relative;width: 12px;height:10px;display:block;margin-left: 10px;}
section .go_link .i:before{display: block;content:"";position: absolute;left: 4px;top: 50%;width: 5px;height: 5px;border: 1px solid #0c4da2;transform: rotate(-45deg);border-top: 0;border-left: 0;margin-top: -2px;transition: 0.6s ease;box-sizing: border-box;}
section .go_link .i:after{display: inline-block;content:"";position: absolute;top: 50%;left: 0;width: 9px;height: 1px;background: #0c4da2;transition: 0.6s ease;vertical-align: top;}
section .go_link .i:before{border-color:#fff !important;}
section .go_link .i:after{background:#fff !important;}
section .go_link.type2 a{border-color: #f71b0c;color: #f71b0c;}
section .go_link.type2:before{background: #f71b0c;}
section .go_link.type2 .i:before{border-color: #f71b0c;}
section .go_link.type2 .i:after{background: #f71b0c;}
section .view_more.link_style1{position: relative;font-size: 1rem;line-height: 1em;font-family: 'Montserrat';color: #fff;}
section .view_more.link_style1 span{display: inline-block;}
section .view_more.link_style1 span:before{display: block;content:"";position: absolute;right: 0px;top: 4px;width: 5px;height: 5px;border: 1px solid #fff;transform: rotate(-45deg);border-top: 0;border-left: 0;box-sizing: border-box;}
section .view_more.link_style1 span:after{display: inline-block;content:"";position: relative;width: 8px;height: 1px;background: #fff;margin-top: 4px;margin-left: 8px;vertical-align: top;}
section .sec_title_g{text-align: center;margin-bottom: 25px;}
section .sec_title_g .cate{font-size: 3.5rem;font-family: 'Montserrat';color: #fff;line-height: 1.1;font-weight: 300;}
section.dark .sec_title_g .cate{color:#141414;}
section .title2{font-family: 'Montserrat';font-size: 2.5rem;color: #141414;font-weight: 600;letter-spacing: -1.2px;line-height: 1.2;}

.sec1 .main_slider,.sec1 .main_slider .slick-list,.sec1 .main_slider .slick-track{position:relative;width:100%;height:100%;overflow: hidden;}
.sec1 .main_slider{overflow:hidden;z-index:5;}
.sec1 .main_slider .item{width:100%; height:100%; overflow:hidden;}
.sec1 .main_slider .group{display: flex;flex-wrap: wrap;}
.sec1 .main_slider .img{position: absolute;width: 100%;height: 100%;display: block;transition: 9s;background-image: inherit;background-size: cover;background-position: center;z-index: 1;}
.sec1 .main_slider .item2 .img:after{display:block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1;}
.sec1 .main_slider .item1 .img{background-position:right 15% center;}
.sec1 .main_slider .item_g{display: flex;flex-wrap: wrap;align-items: center;height: 100%;}
.sec1 .main_slider .item_g .center{width: 100%;max-width: 1130px;margin: 20px auto 0;text-align: center;}
.sec1 .main_slider .item_g span{display: block;margin: 0 auto;}
.sec1 .main_slider .item_g svg{width: 100%;}
.sec1 .main_slider .item_g path,.sec1 .main_slider .item_g polygon{fill:#fff;}
.sec1 .main_slider .item_g .i1{width: 40px;}
.sec1 .main_slider .item_g .i2{margin-top: 20px;}
.sec1 .main_slider .item2 .i1{display:none;}
.sec1 .main_slider .item2 .i1 svg *{fill: #fff;}
.sec1 .main_slider .item2 .link_list{position: absolute;top: 50%;left: 50%;width: 93%;max-width: 310px;max-height: 455px;height: 80%;transform: translate(-50%,-50%) scale(1.2);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;z-index: 10;}
.sec1 .main_slider .item2 .link_list li{position: relative;width: 140px;height: 140px;box-sizing: border-box; opacity:0;transform:scale(0.9);}
.sec1 .main_slider .item2 .link_list li a{display: flex;flex-wrap: wrap;align-items: center;width: 100%;height: 100%;border-radius: 50%; background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.8);}
.sec1 .main_slider .item2 .link_list li .group{width:100%;}
.sec1 .main_slider .item2 .link_list li .tit{width: 100%;font-family: 'Montserrat';font-size: 1.1rem;color: rgba(255,255,255,0.9);text-transform: uppercase;font-weight: 600;text-align: center;line-height: 1.25;margin-top: 10px;transition: 0.3s;}
.sec1 .main_slider .item2 .link_list li figure{width: 53px;height: 53px;margin: 0 auto;opacity: 0.9;transition: 0.3s;}
.sec1 .main_slider .item2 .link_list li figure svg{width: 100%;height: 100%;}
.sec1 .main_slider .item2 .link_list li figure svg *{fill:#fff;}
.sec1 .main_slider .item2 .link_list .link6 figure{width: 43px;}
.sec1 .main_slider .item2.on .link_list li{opacity:1; transform:scale(1);}
.sec1 .main_slider .item2.on .link_list li:nth-child(1){transition:2s 1s;}
.sec1 .main_slider .item2.on .link_list li:nth-child(2){transition:2s 1.1s;}
.sec1 .main_slider .item2.on .link_list li:nth-child(3){transition:2s 1.2s;}
.sec1 .main_slider .item2.on .link_list li:nth-child(4){transition:2s 1.3s;}
.sec1 .main_slider .item2.on .link_list li:nth-child(5){transition:2s 1.4s;}
.sec1 .main_slider .item2.on .link_list li:nth-child(6){transition:2s 1.5s;}

.sec1 .main_slider .line_illustrator_wrap{position: absolute;width: 0%;height: 130px;bottom: 15px;left: 0;z-index: 5;overflow:hidden;background: url("/img/main/line_illustrator_wrap.png")repeat-x;background-size:auto 100% ;opacity:0;transition:all 3s 0.3s ease-in;}
.sec1 .main_slider .on .line_illustrator_wrap{opacity:1;width: 100%;}
.main_slide_indicator{position:absolute;bottom: 30px;width: 100%;left:0;z-index:10;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.main_slide_indicator .btn{position: relative;width: 9px;height: 15px;margin-right:30px;}
.main_slide_indicator .btn:before{display:block;content:"";position: absolute;top: 2px;left: 3px;width: 10px;height: 10px;border: 1px solid #fff;border-top: 0;border-left: 0;transform: rotate(135deg);}
.main_slide_indicator .btn.next{margin-right: inherit;margin-left:30px;}
.main_slide_indicator .btn.next:before{transform:rotate(-45deg);left: -6px;}
.main_slide_dot ul{font-size:0;}
.main_slide_dot li{position:relative; display:inline-block;vertical-align:middle}
.main_slide_dot button{position:relative; width: 10px;height: 10px;border-radius: 50%;border:1px solid #fff; box-sizing:border-box;}
.main_slide_dot li + li{margin-left: 16px;}
.main_slide_dot li.slick-active{background: #fff;border-radius: 50%;}

.sec2 [class*="con-"][class*="-width1"].inner{height: 100%;max-width: 100%;width: 100%;display: flex;flex-wrap: wrap;margin-top: 0;}
.sec2 .inner .area_g1:before{display: block;content:"";background:url('/img/main/main_bg_style1.png')no-repeat top left;background-size:100% auto;position: absolute;top: 0;left: 0;max-width: 740px;width: 80%;height: 100%;}
.sec2 .inner .area_g1{position: relative;width: 100%;height: 50%;display: flex;flex-wrap: wrap;align-items: center;padding: 0 3.5%;order: 2;}
.sec2 .inner .area_g1 .txt1{margin: 12px 0 30px;}
.sec2 .inner .area_g1 .go_link a{border-color: #f71b0c;color: #f71b0c;}
.sec2 .inner .area_g1 .go_link:before{background: #f71b0c;}
.sec2 .inner .area_g2{position: relative;width: 100%;height: 50%;overflow:hidden;order: 1;}
.sec2 .inner .area_g2 .thumbnail{width: 100%;height: 100%;}
.sec2 .inner .area_g2 .btn_g{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;margin-top: 30px;}
.sec2 .inner .area_g2 .btn_g .play_btn{width: 100px;height: 105px;display: block;border-radius: 50%;margin-bottom: 20px;}
.sec2 .inner .area_g2 .btn_g .play_btn svg{width:100%; height:auto;}
.sec2 .inner .area_g2 .btn_g .play_btn svg *{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}


.sec3 .con_g .slick-dots{display: flex !important;flex-wrap:wrap;justify-content: center;margin-top: 10px;}
.sec3 .con_g .slick-dots li{padding: 0;margin: 0;}
.sec3 .con_g .slick-dots li + li{margin-left: 20px;}
.sec3 .con_g .slick-dots li button{width: 10px;height: 10px;font-size: 0;border: 1px solid #686868;border-radius: 50%;display: block;transition: 0.3s;}
.sec3 .con_g .slick-dots li.slick-active button{background:#0c4da2;border-color:#0c4da2;}
.sec3 .con_g .list_wrap .slick-slide li{position: relative;max-height: 283px;height: 51vw;overflow: hidden;margin: 2.5px 0;}
.sec3 .con_g .list_wrap .slick-slide li:nth-child(3n){margin-right: 0;}
.sec3 .con_g .list_wrap .slick-slide li:nth-child(n+4){margin-top: 38px;}
.sec3 .con_g .list_wrap .slick-slide li a{display: block;width: 100%;height: 100%;}
.sec3 .con_g .list_wrap .slick-slide li .img{display: block;width: 100%;height: 100%;}
.sec3 .con_g .list_wrap .slick-slide li figure{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 65px;height: 65px;margin-top: -10px;z-index: 1;}
.sec3 .con_g .list_wrap .slick-slide li figure svg{width: 100%;height:100%;margin: 0 auto;}
.sec3 .con_g .list_wrap .slick-slide li figure svg *{fill:#fff !important;}
.sec3 .con_g .list_wrap .slick-slide li .tit{position: absolute;bottom: 20px;left: 20px;width: calc(100% - 30px);height: 17px;font-size: 1.5rem;color: #fff;font-family: 'Montserrat';font-weight: 500;}
.sec3 .con_g .list_wrap .slick-slide li .tit p{position: relative;}

.sec3.swiper-slide-active path, .sec3.swiper-slide-active line, .sec3.swiper-slide-active circle, .sec3.swiper-slide-active polyline, .sec3.swiper-slide-active polygon {
   stroke-dasharray: 400;
   stroke-dashoffset: 0;
}
.sec3 path, .sec3 line, .sec3 circle, .sec3 polyline, .sec3 polygon {
   stroke-dasharray:400;
   stroke-dashoffset: 400;
   transition: 4s linear 1.1s;
}


.sec4{background-color: #1f2c5c;}
.sec4 .contents:before{display: block;content:"";background:url('/img/main/main_bg_style2.png')no-repeat top left;background-size:100% auto;position: absolute;top: 0;right: 0;max-width: 786px;width: 80%;height: 100%;}
.sec4 .inner{width:100%;padding-left: 3.5%;}
.sec4 .news_slider .item *{color: rgba(255,255,255,0.8);}
.sec4 .news_slider .item{width: 320px;}
.sec4 .news_slider .item a{display:block;width: 100%;height: 100%;}
.sec4 .news_slider .item .img{position:relative;width: 100%;height: 220px;}
.sec4 .news_slider .item .img:before{display: block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);opacity: 0;transition: 0.3s;}
.sec4 .news_slider .item.swiper-slide-active .img:before{opacity:1;}
.sec4 .news_slider .item .img span{display: block; width: 100%; height: 100%;}
.sec4 .news_slider .item .img button{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 70px;height: 70px;display: block;border: 1px solid #fff;transition: 0.3s ease;opacity: 0;}
.sec4 .news_slider .item .img button:before{display: block;content:"";width: 1px;height: 30px;position: absolute;top: 50%;left: 50%;background: #fff;margin-top: -15px;margin-left: -0.5px;}
.sec4 .news_slider .item .img button:after{display: block;content:"";width: 30px;height: 1px;position: absolute;top: 50%;left: 50%;background: #fff;margin-left: -15px;}
.sec4 .news_slider .item.swiper-slide-active .img button{opacity:1;}
.sec4 .news_slider .item .text_g{padding-top: 20px;}
.sec4 .news_slider .item .title{font-size: 1.4rem;font-weight: 500;height: 43px;overflow: hidden;line-height: 1.53;}
.sec4 .news_slider .item.swiper-slide-active .title .e_{text-decoration: underline;}
.sec4 .news_slider .item .title .e_{-webkit-line-clamp: 2;transition: 0.3s ease;}
.sec4 .news_slider .item .txt1{line-height: 1.65;height: 42px;overflow: hidden;margin-top: 10px;}
.sec4 .news_slider .item .txt1 .e_{-webkit-line-clamp: 2;color: rgba(255,255,255,.6);transition: 0.3s ease;}
.sec4 .news_slider .item .date{display:none;}
.sec4 .news_slider .item .date span{transition:0.3s ease;}
.sec4 .news_slider .item.swiper-slide-active *{color:#fff !important;}
.sec4 .news_util{margin-top: 40px;display: flex;flex-wrap: wrap;padding-right: 3.5%;}
.sec4 .swiper-scrollbar{width: calc(100% - 85px);height: 1px;background: rgba(255,255,255,0.5);border-radius:0;margin-top: 12px;display: block !important;}
.sec4 .swiper-scrollbar-drag{background: #fff;height: 2px;border-radius:0;top: -1px;}
.sec4 .swiper-pagenav{display: flex;flex-wrap: wrap;justify-content: flex-end;width: 54px;margin-left: 20px;}
.sec4 .swiper-pagenav .btn{font-size: 0;width: 12px;height: 26px;display: block;background-size: 100% !important;opacity: 1;transition:0.3s;}
.sec4 .swiper-pagenav .btn:hover{}
.sec4 .swiper-pagenav .prev{margin-right: 30px;}
.sec4 .swiper-pagenav .prev:before{display:block;content:"";margin-left: 3px;width: 14px;height: 14px;border: 2px solid #fff;transform:rotate(45deg);border-top: 0;border-right: 0;}
.sec4 .swiper-pagenav .next:before{display:block;content:"";margin-left: -7px;width: 14px;height: 14px;border: 2px solid #fff;transform: rotate(-135deg);border-top: 0;border-right: 0;}




.sec5 .contents:before{display: block;content:"";background: url('/img/main/collection_bg.png')no-repeat bottom left;position: absolute;background-size: 100%;bottom: 0;left: 0;width: 78%;max-width: 893px;height: 919px;}
.sec5 .inner{display: flex;flex-wrap: wrap;align-items: center;max-width: 700px;}
.sec5 .area_g1{width: 100%;order: 2;padding-top: 38px;}
.sec5 .area_g1 .go_link{margin-top: 70px;}
.sec5 .area_g2{width: 100%;margin: 0 0 10px 10px;order: 1;}
.sec5 .area_g2 .img_box{position: relative;width: 100%;max-height: 424px;height: 54vw;}
.sec5 .area_g2 .img_box:before{display: block;content:"";position: absolute;top: 10px;left: -10px;background: #0c4da2;width: 100%;height: 100%;z-index: 0;}
.sec5 .area_g2 .img_box .img{position: relative;width: 100%;height: 100%;display: block;z-index: 1;}
.sec5 .go_link.type2{margin-top: 10px;}


.sec6 .bg{display: block;content:"";position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,0.6);z-index: 100;}
.sec6 .con_g{display:flex;flex-wrap: wrap;}
.sec6 .banner_g{display: none;}
.sec6 .banner_g .banner_slider{width: 100%;}
.sec6 .banner_slider .item{width: 100%;max-height: 514px;height: 40vw;}
.sec6 .banner_slider .item a{display: block;width: 100%;height: 100%;}
.sec6 .banner_slider .item .img{width: 100%;height: 100%;}
.sec6 .banner_slider .slick-dots{position: relative;display: flex !important;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 0;margin-top: 27px;}
.sec6 .banner_slider .slick-dots li + li{margin-left: 24px;}
.sec6 .banner_slider .slick-dots li button{width: 6px;height: 6px;background: transparent;border-radius: 50%;border: 1px solid rgba(0,0,0,0.6);}
.sec6 .banner_slider .slick-dots li.slick-active button{background: #0c4da2;border-color: #0c4da2;}
.sec6 .notice_g{width: 100%;}
.sec6 .notice_g .list_wrap:before{display: block;content: "";width: 100%;height: 1px;background: #d8d8d8;}
.sec6 .notice_g .list_wrap li{border-bottom: 1px solid #d8d8d8;padding: 18px 0;display: flex;flex-wrap: wrap;align-items: center;}
.sec6 .notice_g .list_wrap .date{height: 100%;font-size: 1.1rem;font-family: 'Montserrat';color: #151515;font-weight: 500;width: 100%;margin-bottom: 3px;}
.sec6 .notice_g .list_wrap a{position: relative;display: block;width: 100%;}
.sec6 .notice_g .list_wrap .text_g{width: 80%;max-width: 750px;}
.sec6 .notice_g .list_wrap .text_g .title{font-size: 1.5rem;color: #000;font-weight: 600;height: 22px;overflow: hidden;}
.sec6 .notice_g .list_wrap .text_g .txt1{height: 18px;overflow: hidden;margin-top: 2px;}
.sec6 .notice_g .list_wrap .more_view{position: absolute;top: 50%;right: 0;width: 36px;height: 36px;margin-top: -18px;background: #151515;border-radius: 50%;transition:0.5s;}
.sec6 .notice_g .list_wrap .more_view:before{display: block;content:"";position: absolute;top: 50%;left: 50%;margin-left: -5px;width: 9px;height: 1px;background: #fff;}
.sec6 .notice_g .list_wrap .more_view:after{display: block;content:"";position: absolute;top: 50%;right: 14px;width: 4px;height: 4px;margin-top: -2px;border: 1px solid #fff;transform: rotate(-135deg);border-top: 0;border-right: 0;}
.sec6 .notice_g .list_wrap li:hover .more_view{background:#041a70;}

.sec7{width: 100%;height: auto;background: #fff;}
.sec7 [class*="con-"][class*="-width1"].inner{margin-top:0;}
.sec8{height: auto;}
.sec8 [class*="con-"][class*="-width1"].inner{margin-top:0;}


/*motion*/

section .sec_title_g .cate{opacity:0; transform:translateY(20px);}
section.on .sec_title_g .cate{opacity:1; transform:translateY(0px); transition:1.2s 0.7s;}

.sec1 .main_slider .img{transform:scale(1.1) rotate(0.0001deg);transition: 7s 0.3s;}
.sec1 .main_slider .on .img{transform:scale(1) rotate(0.0001deg);}
/*.sec1 .main_slider .line_illustrator_wrap{opacity:0; transform:translateY(0px);}
.sec1 .main_slider .on .line_illustrator_wrap{opacity:1; transform:translateY(0px); transition:1.5s 0.3s;}*/
.sec1 .main_slider .item_g svg{overflow:inherit;}
.sec2 .inner .area_g2{position:relative; overflow:hidden;}
.sec2 .inner .area_g2:before{display: block; content:""; position:absolute; bottom:0; left: 0; width: 100%; height: 0; background: #ececec; z-index: 5;}
.sec2 .inner .area_g2:after{display: block;content:"";position:absolute;bottom:0;left: 0;width: 100%;height: 100%;background: #f4f4f4;z-index: 4;}
.sec2.on .inner .area_g2:before{animation: revealTb 1.7s cubic-bezier(0.6, -0.02, 0.35, 0.98) 0.4s;}
.sec2.on .inner .area_g2:after{height: 0%;transition:0s 1.5s;}
.sec2 .inner .area_g2 .thumbnail{display: block;width: 100%;transform: scale(1.1);opacity:0;transition: 1s;}
.sec2.on .inner .area_g2 .thumbnail{transform: scale(1); transition:1.7s ease 1.5s; opacity:1;}
.sec2 .inner .area_g2 .btn_g{opacity:0;}
.sec2.on .inner .area_g2 .btn_g{opacity:1;transition:2s ease 1.7s;}


.sec2 .area_g1 .title2,.sec2 .area_g1 .txt1,.sec2 .go_link{opacity:0; transform:translateY(30px); }
.sec2.on .area_g1 .title2, .sec2.on .area_g1 .txt1, .sec2.on .go_link{opacity:1; transform:translateY(0px); }
.sec2.on .area_g1 .title2{transition:1.2s 0.9s;}
.sec2.on .area_g1 .txt1{transition:1.2s 1.1s;}
.sec2.on .go_link{transition:1.2s 1.3s;}


.sec2 .inner .area_g2 .btn_g .play_btn circle{stroke-dasharray: 500;stroke-dashoffset: 0;transition: 0.9s;}
.sec2 .inner .area_g2 .btn_g .play_btn:hover circle{stroke-dashoffset:500; }
.sec2 .inner .area_g2 .btn_g .play_btn svg{transition: 0.9s;}
.sec2 .inner .area_g2 .btn_g .play_btn:hover svg{transform:scale(1.3); transition: 1s 0.5s;}
.sec2.on .inner .area_g2 .thumbnail:before{display: block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);transition: 1.5s;opacity: 0;}
.sec2.on .inner .area_g2.on .thumbnail:before{opacity:1;transition:1.5s 0.5s;}
.sec2.on .inner .area_g2 .view_more{transition:1s;}
.sec2.on .inner .area_g2.on .view_more{opacity:0;}

.sec3 .slick-list{overflow:inherit;}
.sec3 .con_g .list_wrap{transform:translateY(30px); opacity:0;}

.sec3.on .con_g .list_wrap{transform:translateY(0px); opacity:1;transition:1.2s 1.2s;}


.sec3 .con_g .list_wrap li .img:before{display:block;content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);opacity:0; transition:0.7s;}
.sec3 .con_g .list_wrap li:hover .img:before{opacity:1;}



.sec4 .news_slider{opacity: 0; transform:translateY(30px); }
.sec4.on .news_slider{opacity: 1; transform:translateY(0px); transition:1.2s 1.2s; }
.sec4 .news_util{opacity: 0;  }
.sec4.on .news_util{opacity: 1; transition:1.5s 1.8s;}



.sec5 .area_g2 .img_box{transform:translateX(-30px); opacity:0;}
.sec5.on .area_g2 .img_box{transform:translateX(0px); opacity:1; transition:1.3s 0.8s;}
.sec5 .title2,.sec5 .go_link{opacity:0; transform:translateY(30px);}
.sec5.on .title2, .sec5.on .go_link{opacity:1; transform:translateY(0px); }
.sec5.on .title2{transition:1.2s 1.5s;}
.sec5.on .go_link{transition:1.2s 1.7s;}



.sec6 .notice_g .list_wrap:before{width: 0%;}
.sec6.on .notice_g .list_wrap:before{width: 100%; transition:1.4s 0.8s;}
.sec6 .notice_g .list_wrap li{opacity:0; transform:translateX(30px); transition:0.7s;}
.sec6.on .notice_g .list_wrap li{opacity:1; transform:translateX(0px);}
.sec6.on .notice_g .list_wrap li:nth-child(4n-3){transition:1.2s 1.6s;}
.sec6.on .notice_g .list_wrap li:nth-child(4n-2){transition:1.2s 1.8s;}
.sec6.on .notice_g .list_wrap li:nth-child(4n-1){transition:1.2s 2s;}
.sec6.on .notice_g .list_wrap li:nth-child(4n){transition:1.2s 2.2s;}


@keyframes revealTb {
  0% {
    height: 0;
    bottom: 0;
  }
  65% {
    height: 100%;
    bottom: 0;
  }
  100% {
    height: 0;
    bottom: 100%;
  }
}


@media(max-width:490px){
	.sec1 .main_slider .item2 .link_list{transform: translate(-50%,-50%) scale(1);}
}

@media(max-width:320px){
	.sec1 .main_slider .item2 .link_list{transform: translate(-50%,-50%) scale(0.8);}
	.sec1 .main_slider .item2 .link_list li{width: 120px; height: 120px;}
	.sec1 .main_slider .item2 .link_list li .tit{font-size: 10px;}
}