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


/*header motion*/
#wrap header{transform: translateY(-116px); opacity:0; transition: 2s;}
#wrap.ani header{transform: translateY(0px); opacity:1; }
#wrap.ani.init header{transform: translateY(0px); opacity:1; transition:0.3s;}

body{height: auto !important;}
section{position:relative;}
section *{box-sizing:border-box;}
section .inner{position:relative; }
section .txt1{font-size: 1.8rem;color: #555;line-height: 1.8;font-weight: 300;letter-spacing: -0.25px;word-break: keep-all;}
section .sec_title_g{position:relative;}
section .sec_title_g .cate{font-size: 1.9rem;font-family: 'Montserrat';text-transform: uppercase;font-weight: 700;color: #000;line-height: 1em;}
section .sec_title_g .cate.f_type2{font-size: 4.4rem;}
section .sec_title_g .title.svg{font-size: 7.6rem;line-height: 1.25;color: #111;margin: 5px 0 12px;}
section .sec_title_g .title.svg svg{height: 100px;}
section .sec_title_g .title.svg svg,section .sec_title_g .title.svg svg *{width:100%;overflow: inherit;vertical-align: top;}
section .sec_title_g .title.svg tspan{paint-order: stroke;stroke: #111;stroke-width: 2px;stroke-linecap: butt;stroke-linejoin: miter;fill:transparent;}
section .sec_title_g .title.en{font-family: 'Montserrat';font-weight: 800;letter-spacing: -0.25px;}
section .sec_title_g .txt1{line-height: 1.7;}
section .view_more{position: relative;display: inline-block;font-family: 'Montserrat';font-size: 1.1rem;line-height: 1em;font-weight: 500;text-transform: uppercase;}
section .view_more.bright{color: #fff;}
section .view_more p{display: inline-block;}
section .view_more .i{position: relative;display: inline-block;width: 22px;height: 7px;vertical-align: top;margin: 2px 0 0 8px;}
section .view_more.type1 .i:before{display: inline-block;content:"";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.7);margin-top: -1px;}
section .view_more.type1 .i:after{display: block;content:"";position: absolute;top: 1px;right: 0;width: 4px;height: 4px;border: 1px solid rgba(0,0,0,0.7);transform: rotate(-45deg);border-top: 0;border-left: 0;}
section .view_more.type1.bright .i:before{background: rgba(255,255,255,0.9);}
section .view_more.type1.bright .i:after{border-color: rgba(255,255,255,0.9);}
section .view_more.type2 .i:before{display: inline-block;content:"";position: absolute;bottom: 1px;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.7);}
section .view_more.type2 .i:after{display: block;content:"";position: absolute;bottom: 3px;right: 0;background: rgba(0,0,0,0.7);width: 6px;height: 1px;transform: rotate(45deg);}
section .view_more.type2.bright .i:before,section .view_more.type2.bright .i:after{background:rgba(255,255,255,0.9);}
section .view_more.type3{width: 154px; height: 53px; line-height: 52px; border:1px solid #42a979; color: #42a979; font-weight: 500; text-align: center; font-family:'Montserrat'; font-weight: 500; }
section .view_more.type3:hover{background:#42a979; color: #fff;}

.sec1{width: 100%;height: 100vh; background: #f5f5f5; overflow:hidden;}
.sec1 .main_slider_wrap{position:absolute;top:0;left:0;width: 100%;height: 100%; }
.sec1 .main_slider, .sec1 .slick-list, .sec1 .slick-track{position: relative;width: 100%;height: 100%;}
.sec1 .main_slider .item{width: 100%;height: 100%;}
.sec1 .main_slider .img{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 0;}
.sec1 .main_slider .img{transform:scale(1.12) rotate(0.001deg); transition: 6s cubic-bezier(0.38, 0.07, 0.51, 0.96) 0.3s;}
.sec1 .main_slider .on .img{transform:scale(1) rotate(0.001deg);}
.sec1 .main_text_g{position: relative;top: 50%;transform: translateY(-50%);z-index: 10;}
.sec1 .main_text_g .title{font-family: 'Montserrat';font-size: 13rem;color: #fff;font-weight: 800;line-height: 0.9em;}
.sec1 .main_text_g .title.type2{font-size:9.6rem; line-height: 1.05em;}
.sec1 .main_text_g .title p span{display: inline-block;}
.sec1 .main_text_g .sub_title{font-size: 2rem;color: #fff;font-weight: 300;line-height: 1.7;margin-top: 30px;}
.sec1 .scroll_down{position: absolute;right: 2%;bottom: 30px;z-index: 10;}
.sec1 .scroll_down .txt{width: 53px;font-family: 'Montserrat';font-size: 1.3rem;color: #fff;line-height: 1em;transform: rotate(90deg);display: block;}
.sec1 .scroll_down .arrow{position: relative;display: block;width: 7px;height: 70px;left: 23px;margin-top: 30px;border-right: 1px solid #fff;}
.sec1 .scroll_down .arrow:before{display: block;content:"";position: absolute;width: 7px;height: 1px;background: #fff;bottom: 2px;left: 1px;transform: rotate(45deg);}
.sec1 .scroll_down .arrow:after{display: block; content:""; width: ;}
.sec1 .indicator{position:absolute; left:0; bottom: 70px; width: 100%; z-index:10;}
.sec1 .indicator .con-width1{display:flex;flex-wrap: wrap;align-items: center;}
.sec1 .indicator .btn{position: relative;width: 9px;height: 15px;margin-right: 40px;}
.sec1 .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);}
.sec1 .indicator .btn.next{margin-right: inherit;margin-left: 40px;}
.sec1 .indicator .btn.next:before{transform:rotate(-45deg);left: -6px;}
.sec1 .indicator .dot ul{font-size:0;}
.sec1 .indicator .dot li{position:relative; display:inline-block;vertical-align:middle}
.sec1 .indicator .dot button{position:relative;width: 10px;height: 10px;border-radius: 10px;border:1px solid #fff;box-sizing:border-box;transition: 0.5s;}
.sec1 .indicator .dot li + li{margin-left: 15px;}
.sec1 .indicator .dot li.slick-active button{background: #fff;width:30px;}
.sec1 .status_wrap{position: relative;width:7px;height:12px;margin-left: 22px;}
.sec1 .status_wrap .stop{display: block;width: 100%;height: 100%;border: 1px solid #fff;border-top: 0;border-bottom: 0;}
.sec1 .status_wrap .play{position: relative;display:block;border-left: 1px solid #fff;width: 100%;height: 100%;}
.sec1 .status_wrap .play:before{display:block;content:"";position: absolute;top: 2px;left: -4px;width: 7px;height: 7px;border: 1px solid #fff;transform: rotate(-45deg);border-top: 0;border-left: 0;}


.sec2{padding: 150px 0 200px;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.sec2 .figure1{position: absolute;top: -10px;right: 50px;width: 899px;height: 511px;background: url('/img/main/cg_bg_item.png')no-repeat top right; background-size:100%;}
.sec2 [class*="con-width"]{margin: 0;max-width: 100%;width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.sec2 [class*="con-width"] .center_box{width: calc(100% - 300px);width: 87%;}
.sec2 .contents{margin-top: 60px;height: 36.719vw;min-height: 700px;max-width: 100%;}
.sec2 .contents .con_g{width: 100%;height: 100%;display: flex;flex-wrap: wrap;overflow:hidden;}
.sec2 .contents .con_g > *{position: relative;width: 50%;height: 100%;overflow:hidden;}
.sec2 .contents .img_g{background: #eee;}
.sec2 .contents .img_g div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover !important;}
.sec2 .contents .img_g div.img1{z-index:1;}
.sec2 .contents .link_g .list_wrap{width: 100%;height: 100%;}
.sec2 .contents .link_g .list_wrap li{position: relative;width: 100%;height: 33.3333333%;background: url('/img/main/dot_type2.jpg')repeat;}
.sec2 .contents .link_g .list_wrap li:before{display: block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #42aa79;opacity: 0;transition: 0.3s;z-index: 0;}
.sec2 .contents .link_g .list_wrap li.on:before{opacity:1;}
.sec2 .contents .link_g .list_wrap li:nth-child(even){background: url('/img/main/dot_type1.jpg')repeat;}
.sec2 .contents .link_g .list_wrap a{position: relative;display: flex;flex-wrap: wrap;align-items: center;padding: 0 100px;width: 100%;height: 100%;z-index: 1;}
.sec2 .contents .link_g .list_wrap .text{margin-top: 15px;}
.sec2 .contents .link_g .list_wrap .title{font-size: 3.6rem;color: #111111;font-weight: 600;line-height: 1em;display: flex;flex-wrap: wrap;align-items: center;font-family: 'Montserrat';letter-spacing: -1px;transition: 0.3s;}
.sec2 .contents .link_g .list_wrap .title .i{display: inline-block;width: 0;height: 46px;opacity: 0;transition: 0.5s;}
.sec2 .contents .link_g .list_wrap .title .i svg{width: 46px; height: auto;}
.sec2 .contents .link_g .list_wrap .title .i svg *{stroke:#fff;}
.sec2 .contents .link_g .list_wrap .title .i svg *{stroke-dasharray: 400;stroke-dashoffset: 400;transition: 1s;}
.sec2 .contents .link_g .list_wrap li.on .title .i svg *{stroke-dasharray: 400; stroke-dashoffset: 0; transition: 3s linear;}
.sec2 .contents .link_g .list_wrap li:nth-child(3) .title .i svg *{stroke-dasharray: 200;stroke-dashoffset: 200;}
.sec2 .contents .link_g .list_wrap li:nth-child(3).on .title .i svg *{stroke-dasharray: 200; stroke-dashoffset: 0;}
.sec2 .contents .link_g .list_wrap .txt1{font-size: 1.7rem;color: rgba(0,0,0,0.65);line-height: 1.67;margin-top: 20px;transition: 0.3s;}
.sec2 .contents .link_g .list_wrap li.on .title{color:#fff;font-weight: 600;}
.sec2 .contents .link_g .list_wrap li.on .i{margin-right:18px;width: 46px;opacity: 1;}
.sec2 .contents .link_g .list_wrap li.on .txt1{color: rgba(255,255,255,0.7);}
.sec2 .contents .link_g .list_wrap button{position:absolute; top:50%; right: 100px; margin-top: -5px; width:40px; height: 11px; overflow:inherit;}
.sec2 .contents .link_g .list_wrap button:before{display: block ;content:""; position:absolute; top:0; right: 0; background: rgba(0,0,0,0.5); width: 100%; height: 1px;}
.sec2 .contents .link_g .list_wrap li.on button:before{width: 35px;background: #fff; }
.sec2 .contents .link_g .list_wrap button:after{display: block ;content:"";position:absolute; top:-3px; right: 10px; width: 6px; height: 6px; border:1px solid rgba(0,0,0,0.5); transform:rotate(-45deg); border-top:0; border-left:0; opacity:0; transition:0.3s;}
.sec2 .contents .link_g .list_wrap li.on button:after{border-color:#fff; opacity:1; right:0; transition:0.3s 0.7s;}
.sec2 .contents .link_g .list_wrap li.on button:before{-webkit-animation: lineActiveAnimation .7s cubic-bezier(0.445,0.05,0.55,0.95);animation:lineActiveAnimation .9s cubic-bezier(0.445,0.05,0.55,0.95); transition:0.5s 0.4s;}


@-webkit-keyframes lineActiveAnimation {
0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center right}
49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center right}
50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;transform-origin:center left}
99%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
}
@keyframes lineActiveAnimation {
0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center right}
49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center right}
50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;transform-origin:center left}
99%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
}

.sec3{width: 100%;min-height: 670px;height: 39.6vw;z-index: 10;}
.sec3 .inner_g{width: 100%;height: 100%;background: url('/img/main/acelex_bg.jpg')no-repeat center/cover;display: flex;flex-wrap: wrap;align-items: center;}
.sec3 [class*="con-width"]{margin-top: 20px;}
.sec3 .sec_title_g .cate{color: #fff;margin-bottom: 12px;}
.sec3 .sec_title_g .title.svg{font-weight: 700;color: #fff;letter-spacing: -1px;font-family: 'Montserrat';}
.sec3 .sec_title_g .title.svg tspan{stroke: #fff;}
.sec3 .sec_title_g .title.svg span{font-weight: 700;margin-top: 10px;}
.sec3 .sec_title_g .txt1{color: #fff;margin-top: 10px;}
.sec3 .view_more{margin-top: 31px;}


.sec4{display: flex;flex-wrap: wrap;justify-content: flex-end;padding: 125px 0 160px;}
.sec4 > [class*="figure"]{position: absolute;background: url('/img/main/figure_1.png')no-repeat top left;width: 951px;height: 949px;}
.sec4 .figure1{top: -50%;right: -100px;}
.sec4 .figure2{bottom: -29%;left: -180px;}
.sec4 [class*="con-width"]{margin: 0;width: 100%;max-width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.sec4 [class*="con-width"] .center_box{width: 87%;}
.sec4 .contents{margin-top: 45px;padding-right: 50px;position: relative;}
.sec4 .contents .list_wrap{position: relative;display: flex;flex-wrap: wrap;top: -60px;}
.sec4 .contents .list_wrap li{position: relative;width: calc(33.333333% - 86.66666666666667px);height: 32.292vw;outline: 0;}
.sec4 .contents .list_wrap li:nth-child(even){margin-top:80px;}
.sec4 .contents .list_wrap li + li{margin-left: 130px;}
.sec4 .contents .list_wrap .en.tit{position: absolute;width: 32.292vw;top: 100%;right: -20px;font-size: 1.7rem;font-family: 'Montserrat';color: #444444;font-weight: 600;transform: rotate(90deg);transition:0.5s;transform-origin: right top;line-height: 1em;}
.sec4 .contents .list_wrap a{position: relative;display: block;width: calc(100% - 10px);height: 100%;outline: 0;transition:0.5s;}
.sec4 .contents .list_wrap li:hover a{transform:translateY(-30px);box-shadow:20px 20px 30px rgba(0,0,0,0.1); }
.sec4 .contents .list_wrap li:hover .tit{transform:rotate(90deg) translateX(-30px);}
.sec4 .contents .list_wrap .img{position: relative;width: 100%;height: 100%;background-size: cover !important;display: block;z-index: 1;}
.sec4 .contents .list_wrap .text_g{position: absolute;bottom: 0;left: 0;width: 100%;height: auto;padding: 40px;z-index: 10;}
.sec4 .contents .list_wrap .text_g .title{font-size: 2rem;font-weight: 500;color: #000;}
.sec4 .contents .list_wrap li:nth-child(even) .text_g .title{color:#fff;}
.sec4 .contents .list_wrap .text_g .view_more{margin-top: 15px;}


.sec5{width: 100%;height: 39.6vw;min-height: 670px;background: url('/img/main/merit_bg.jpg')no-repeat center/cover;display: flex;flex-wrap: wrap;align-items: center;z-index: 10;}
.sec5 .sec_title_g .cate{color: #fff;}
.sec5 .contents{margin-top: 120px;}
.sec5 .merit_list{display: flex;flex-wrap: wrap;}
.sec5 .merit_list li{width: 25%;text-align: center;padding: 0 10px;}
.sec5 .merit_list li:last-child .figure{width: 135px;}
.sec5 .merit_list .figure{width: 120px;height: 125px;margin: 0 auto;}
.sec5 .merit_list .figure svg{width:100%;height: auto;}
.sec5 .merit_list .figure svg *{stroke:#fff;}
.sec5 .merit_list .tit{font-size: 4.1rem;line-height: 1em;font-weight: 600;color: #fff;margin-top: 45px;font-family: 'Montserrat';}
.sec5 .merit_list .tit span{font-family: 'Montserrat';}
.sec5 .merit_list .tit.type2{font-family: 'Montserrat';}
.sec5 .merit_list .txt1{margin-top: 30px;color: #fff;letter-spacing: 0;font-weight: 200;letter-spacing: -0.8px;}



.sec6{padding: 140px 0;}
.sec6:before{display: block;content:"";position:absolute;top:0;left: 0;width: 100%;height: 100%;background: #f3f3f3;z-index: 0;}
.sec6 [class*="con-width"]{display: flex;flex-wrap: wrap;}
.sec6 [class*="con_g_"]{position: relative;width: 50%;height: 860px;}
.sec6 .con_g_1 [class*="area_g_"]{width: 100%;height: 50%;}
.sec6 .con_g_1 [class*="s_a_g"]{width: 50%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;padding: 0 70px;}
.sec6 .con_g_1 [class*="s_a_g"] .center{width: 100%;}
.sec6 .con_g_1 .area_g_2 .sec_title_g .cate{font-size:3rem;font-weight: 600;margin-bottom: 20px;}
.sec6 .con_g_1 .area_g_1{display: flex;flex-wrap: wrap;align-items: center;}
.sec6 .con_g_1 .area_g_1 .sec_title_g{max-width: 600px;margin-top: -25px;}
.sec6 .con_g_1 .area_g_1 .cate{font-size: 2rem;}
.sec6 .con_g_1 .area_g_1 .title{font-size: 4rem;color: #000;font-weight: 600;font-family: 'Montserrat';margin-top: 20px;line-height: 1.3;}
.sec6 .con_g_1 .area_g_1 .title span{display: block;}
.sec6 .con_g_1 .area_g_1 .txt1{margin-top: 35px;}
.sec6 .con_g_1 .area_g_2{display: flex;flex-wrap: wrap;}
.sec6 .con_g_1 .area_g_2 .s_a_g1{background: #31b8e6;}
.sec6 .con_g_1 .area_g_2 .s_a_g1 .sec_title_g .cate{color: #fff;}
.sec6 .con_g_1 .area_g_2 .s_a_g1 .sec_title_g .txt1{color: #fff;font-weight: 200;}
.sec6 .con_g_1 .area_g_2 [class*="s_a_g"] .figure{height: 180px;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.sec6 .con_g_1 .area_g_2 .s_a_g1 .figure svg{width: 66px;height: 66px; margin-top: -15px;}
.sec6 .con_g_1 .area_g_2 .s_a_g1 .figure svg *{stroke:#fff;}
.sec6 .con_g_1 .area_g_2 .s_a_g1 .figure svg #e_b_svg,.sec6 .con_g_1 .area_g_2 .s_a_g1 .figure svg #e_b_svg *{stroke: inherit;}
.sec6 .con_g_1 .area_g_2 .ir_list{margin: 30px 0 47px;}
.sec6 .con_g_1 .area_g_2 .ir_list li{display: flex;flex-wrap: wrap;align-items: center;}
.sec6 .con_g_1 .area_g_2 .ir_list li + li{margin-top: 3px;}
.sec6 .con_g_1 .area_g_2 .ir_list li b{width: 95px;font-weight: 300;}
.sec6 .con_g_1 .area_g_2 .ir_list li div{width: calc(100% - 95px);font-family: 'Montserrat';color: #000;}
.sec6 .con_g_1 .area_g_2 .ir_list li div.type1{font-size: 3.4rem;color: #f50000;font-weight: 500;line-height: 1em;}
.sec6 .con_g_1 .area_g_2 .ir_list li div.type2{font-weight: 500;}
.sec6 .con_g_1 .area_g_2 .ir_list li figure{display: inline-block;margin-left: 7px;margin-top: 1px;width: 14px;height: 15px;vertical-align: top;}
.sec6 .con_g_1 .area_g_2 .ir_list li figure:before{position: relative;display: inline-block;content:"";width: 0px;height: 0px;border-bottom: 12px solid #000;border-top: 7px solid transparent;border-left: 7px solid transparent;border-right: 7px solid transparent;}
.sec6 .con_g_1 .area_g_2 .ir_list li figure.up:before{border-bottom-color:#f50000;}
.sec6 .con_g_1 .area_g_2 .ir_list li figure.down:before{border-top: 12px solid #0043e6;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid transparent;top: 6px;}
.sec6 .con_g_1 .area_g_2 .s_a_g2{background: #d2d2d2;}
.sec6 .con_g_2{background: #000; overflow:hidden;}
.sec6 .con_g_2 .bg{display: block;width: 100%;height: 100%; transition:1s;}
.sec6 .con_g_2 .box_g{position: absolute;top: 0;right: 0;background: #fff;padding: 67px 75px;}
.sec6 .con_g_2 .box_g .cate{font-weight: 600;font-size: 3rem;}
.sec6 .con_g_2 .box_g .txt1{margin-top: 15px;}
.sec6 .con_g_2 .box_g .play_btn{width: 86px;height: 86px;display: block;margin: 40px auto 50px;}
.sec6 .con_g_2 .box_g .play_btn svg{width:100%; height:auto;transition: 0.9s;}
.sec6 .con_g_2 .box_g .play_btn circle{stroke-dasharray: 400;stroke-dashoffset: 0;transition: 0.9s;}
.sec6 .con_g_2 .box_g .play_btn:hover circle{stroke-dashoffset:400; }
.sec6 .con_g_2 .box_g .play_btn:hover svg{transform:scale(1.3); transition: 1s 0.5s;}
.sec6 .con_g_2.on .bg{opacity:0.5; transform:scale(1.1) rotate(0.001deg); transition:1.5s 0.2s;}


.sec7{padding: 130px 0 145px;padding-right: 60px;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.sec7 [class*="con-width"]{margin: 0;width: 97%;}
.sec7 .view_more.type3{position: absolute;top: 0;right: 0;transition: 0.5s;}
.sec7 .sec_title_g{max-width: 1400px;height: 53px;display: flex;flex-wrap: wrap;align-items: center;}
.sec7 .notice_wrap{margin-top: 100px;}
.sec7 .notice_slider .item a{display: block;}
.sec7 .notice_slider .text_g .cate{font-size: 1.5rem;color: #42a979;font-family: 'Montserrat';font-weight: 600;line-height: 1em;margin-bottom: 15px;}
.sec7 .notice_slider .text_g .title{font-size: 2.2rem;font-weight: 600;color: #000;height: 66px;line-height: 1.5;overflow: hidden;}
.sec7 .notice_slider .text_g .title .e_{-webkit-line-clamp: 2;}
.sec7 .notice_slider .text_g .date{margin-top: 37px;font-size: 1.5rem;color: rgba(0,0,0,0.7);font-family: 'Montserrat';line-height: 1em;font-weight: 500;}
.sec7 .notice_slider .img{display: block;width: 100%;max-height: 230px;margin-top: 28px;height: 12vw;}
.notice_wrap .indicator{margin-top: 40px;display: flex;flex-wrap: wrap;align-items: center;max-width: 1490px;}
.notice_wrap .indicator .swiper-scrollbar{width: calc(100% - 310px);height: 1px;background: rgba(0,0,0,0.2);border-radius:0;display: block !important;}
.notice_wrap .indicator .swiper-scrollbar-drag{background: #000;height: 4px;border-radius:0;top: -3px;}
.notice_wrap .indicator .swiper-pagenav{display: flex;flex-wrap: wrap;justify-content: flex-end;width: 310px;}
.notice_wrap .indicator .swiper-pagenav .btn{font-size: 0;width: 61px;height: 61px;display: block;}
.notice_wrap .indicator .swiper-pagenav .btn svg{width:100%; height:auto;transition: 0.5s;}
.notice_wrap .indicator .swiper-pagenav .btn svg *{stroke:#3e3e3e;}
.notice_wrap .indicator .swiper-pagenav .next{margin-left: 15px;}
.notice_wrap .indicator .swiper-pagenav .btn svg circle{stroke-dasharray: 200;stroke-dashoffset: 0;transition: 0.7s;}
.notice_wrap .indicator .swiper-pagenav .btn:hover circle{stroke-dashoffset:200; }
.notice_wrap .indicator .swiper-pagenav .btn:hover svg{transform:translateX(-20px); transition: 0.6s 0.3s;}
.notice_wrap .indicator .swiper-pagenav .btn.next:hover svg{transform:translateX(20px);}



/*motion*/
.sec1 .indicator{opacity:0; transform:translateY(40px);}
#wrap.ani .sec1 .indicator{opacity:1; transform:translateY(0px); transition:1s 0.3s;}

section .sec_title_g .cate{opacity:0; transform:translateX(-20px);}
section .sec_title_g .cate.in-view{opacity:1; transform:translateX(0px); transition:1.2s;}

/*.sec2 .figure1{opacity:0; transform:translateX(70px);}
.sec2.in-view .figure1{opacity:1; transform:translateX(0px); transition:1s 0.2s;}*/
.sec2 .sec_title_g .line_txt{transform:translateX(0px); opacity:0;}
.sec2 .sec_title_g .line_txt.in-view{transform:translateX(0px); opacity:1; transition:1s 0.3s;}
.sec2 .sec_title_g .bold span:nth-child(1){position:relative; transform:translateX(10px); display: inline-block; opacity:0;}
.sec2 .sec_title_g .bold span:nth-child(2){position:relative; transform:translateY(10px); display: inline-block; opacity:0;}
.sec2 .sec_title_g .bold.in-view span:nth-child(1){transform:translateX(0px); opacity:1; transition:1s 0.6s;}
.sec2 .sec_title_g .bold.in-view span:nth-child(2){transform:translateY(0px); opacity:1; transition:1s 0.9s;}
.sec2 .sec_title_g p.txt1{opacity:0; transform:translateX(30px);}
.sec2 .sec_title_g p.txt1.in-view{opacity:1; transform:translateX(0px); transition:1.5s 1s;}

.sec2 .contents .img_g:after{display: block;clear: both;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 1s ease width 0.5s; background: #fff;z-index:10;}
.sec2 .contents.in-view .img_g:after{width:0;}
.sec2 .contents .img_g{transform:scale(1.3);}
.sec2 .contents.in-view .img_g{transform:scale(1); transition: 1.5s 0.5s;}
.sec2 .contents .link_g .list_wrap li:after{display: block; content:"";position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: #fff;z-index: 10;}
.sec2 .contents.in-view .link_g .list_wrap li:after{width:0;transition: 1s ease width 0.8s;}
.sec2 .contents.in-view .link_g .list_wrap li:nth-child(2):after{transition: 1s ease width 0.9s;}
.sec2 .contents.in-view .link_g .list_wrap li:nth-child(3):after{transition: 1s ease width 1s;}

.sec2 .contents .link_g .list_wrap .text{opacity: 0; transform:translateX(10px);}
.sec2 .contents.in-view .link_g .list_wrap .text{opacity: 1; transform:translateX(0px); transition: 1s 1.1s;}
.sec2 .contents.in-view .link_g .list_wrap li:nth-child(2) .text{transition: 1s 1.2s;}
.sec2 .contents.in-view .link_g .list_wrap li:nth-child(3) .text{transition: 1s 1.3s;}


.sec3 .sec_title_g .line_txt{transform:translateX(0px); opacity:0;}
.sec3 .sec_title_g .line_txt.in-view{transform:translateX(0px); opacity:1; transition:1s 0.3s;}
.sec3 .sec_title_g .bold span:nth-child(1){position:relative; transform:translateX(10px); display: inline-block; opacity:0;}
.sec3 .sec_title_g .bold span:nth-child(2){position:relative; transform:translateY(10px); display: inline-block; opacity:0;}
.sec3 .sec_title_g .bold.in-view span:nth-child(1){transform:translateX(0px); opacity:1; transition:1.2s 0.5s;}
.sec3 .sec_title_g .bold.in-view span:nth-child(2){transform:translateY(0px); opacity:1; transition:1.2s 0.8s;}
.sec3 .sec_title_g p.txt1{opacity:0; transform:translateX(30px);}
.sec3 .sec_title_g p.txt1.in-view{opacity:1; transform:translateX(0px); transition:1.5s 0.7s;}
.sec3 .view_more{transform:translateX(30px); opacity:0;}
.sec3 .view_more.in-view{transform:translateX(0px); opacity:1;  transition:1.5s 0.9s;}

.sec4 .contents .list_wrap{transform:translateY(50px); opacity:0;}
.sec4 .contents .list_wrap.in-view{transform:translateY(0px); opacity:1;  transition:1.2s 0.7s;}
.sec4 > [class*="figure"]{transform:scale(0.8); opacity:0;}
.sec4 > [class*="figure"].in-view{transform:scale(1); opacity:1;}
.sec4 .figure1{transition:1s;}
.sec4 .figure2{transition:1s 0.3s;}


.sec5 .merit_list .figure svg * {   stroke-dasharray:200;   stroke-dashoffset: 200;}
.sec5 .merit_list .in-view .figure svg * {stroke-dashoffset: 0;   transition: 3s linear 0.5s;}
.sec5 .merit_list li:nth-child(2).in-view .figure svg *{  transition: 2s linear 0.5s;}

.sec5 .merit_list .tit{transform:translateY(20px); opacity:0;}
.sec5 .merit_list .txt1{transform:translateY(20px); opacity:0;}
.sec5 .merit_list li.in-view .tit{transform:translateY(0px); opacity:1; transition: 1s 0.8s;}
.sec5 .merit_list li.in-view .txt1{transform:translateY(0px); opacity:1; transition: 1s 1s;}

.slick-list{overflow:inherit;}


@media(max-width:1600px){
	.sec6 .con_g_1{width: 55%;}
	.sec6 .con_g_2{width: 45%;}
	.sec6 .con_g_2 .box_g{padding: 50px;}
	.sec6 .con_g_1 [class*="s_a_g"]{padding: 0 50px;}
	.sec6 .con_g_1 .sec_title_g .txt1 br{display: none;}
	.sec6 .con_g_2 .bg{background-position: center left 10% !important;}
.sec2 .contents .link_g .list_wrap a{padding:0 10%}
.sec2 .contents .link_g .list_wrap button{display:none;}
}
@media(max-width:1400px){
	.sec4 .contents .list_wrap .text_g{padding: 42px;}
	.sec4 .contents .list_wrap li{width: calc(33.333333% - 53.33333333333333px);height: 37vw;}
	.sec4 .contents .list_wrap li + li{margin-left: 80px;}
	.sec4 > [class*="figure"]{width: 800px; height: 790px;background-size:100%;}
	.sec4 .figure1{right: -200px;}
	.sec4 .figure2{bottom: -35%; left: -200px;}

	.sec6 [class*="con-width"]{display: block;}
	.sec6 [class*="con_g_"]{width: 100%;}
	.sec6 .con_g_2 .box_g{width: 50%;}
	.sec7{padding-right:3%;}
	.sec3 .sec_title_g .title.svg span br{display: none;}
}


@media(max-width:1500px){
.sec2 [class*="con-width"] .center_box,
.sec4 [class*="con-width"] .center_box{width: 93%;}
section .sec_title_g .title.svg{font-size: 7rem;}
.sec5{height: auto; padding: 100px 0;}
.sec5 .merit_list li{width: 50%;}
.sec5 .merit_list li:nth-child(n+3){margin-top: 50px;}
.sec5 .merit_list .txt1{max-width:400px;margin: 30px auto 0;}
}