@charset "utf-8";
.pcbr{display:none !important;}
.ptbr{display:none !important;}
.tbr{display:none !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;}

/* 메인 팝업 */
.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%;}

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

body{height: auto !important;}
section{position:relative;}
section *{box-sizing:border-box;}
section .inner{position:relative; }
section .txt1{font-size: 1.2rem;color: #555;line-height: 1.8;font-weight: 400;letter-spacing: -0.25px;word-break: keep-all;}
section .sec_title_g{position:relative;}
section .sec_title_g .cate{font-size: 1.2rem;font-family: 'Montserrat';text-transform: uppercase;font-weight: 700;color: #000;line-height: 1em;}
section .sec_title_g .cate.f_type2{font-size: 2.4rem;}
section .sec_title_g .title.svg{font-size: 2.8rem;line-height: 1.25;color: #111;margin: 12px 0 6px;}
section .sec_title_g .title.svg svg{height: 42px;}
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: 1px;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: 10px;line-height: 1em;font-weight: 500;text-transform: uppercase;}
section .view_more.bright{color: rgba(255,255,255,0.9);}
section .view_more p{display: inline-block;}
section .view_more .i{position: relative;display: inline-block;width: 14px;height: 7px;vertical-align: top;margin: 1px 0 0 6px;}
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: 0px;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: 5px;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: 100px;height: 40px;line-height: 40px;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%;}
.sec1 .main_slider .img{transform:scale(1.12) rotate(0.0001deg); transition: 6s cubic-bezier(0.38, 0.07, 0.51, 0.96) 0.3s;}
.sec1 .main_slider .on .img{transform:scale(1) rotate(0.0001deg);}
.sec1 .main_text_g{position: relative;top: 50%;transform: translateY(-50%);z-index: 10;}
.sec1 .main_text_g .title{font-family: 'Montserrat';font-size: 4.9rem;color: #fff;font-weight: 800;line-height: 0.9em;}
.sec1 .main_text_g .title.type2{font-size:3.4rem; line-height:1.1em;}
.sec1 .main_text_g .title p span{display: inline-block;}
.sec1 .main_text_g .sub_title{font-size: 1.2rem;color: #fff;font-weight: 400;line-height: 1.7;margin-top: 10px;}
.sec1 .scroll_down{position: absolute;right: 0%;bottom: 30px;z-index: 10;}
.sec1 .scroll_down .txt{width: 42px;font-family: 'Montserrat';font-size: 10px;color: #fff;line-height: 1em;transform: rotate(90deg);display: block;}
.sec1 .scroll_down .arrow{position: relative;display: block;width: 7px;height: 35px;left: 17px;margin-top: 26px;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: 30px;width: 100%;z-index:10;}
.sec1 .indicator .con-width1{display:flex;flex-wrap: wrap;align-items: center;}
.sec1 .indicator .btn{position: relative;width: 7px;height: 12px;margin-right: 30px;}
.sec1 .indicator .btn:before{display:block;content:"";position: absolute;top: 2px;left: 3px;width: 7px;height: 7px;border: 1px solid #fff;border-top: 0;border-left: 0;transform: rotate(135deg);}
.sec1 .indicator .btn.next{margin-right: inherit;margin-left: 30px;}
.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: 6px;height: 6px;border-radius: 10px;border:1px solid #fff;box-sizing:border-box;transition: 0.5s;}
.sec1 .indicator .dot li + li{margin-left: 10px;}
.sec1 .indicator .dot li.slick-active button{background: #fff;width: 20px;}
.sec1 .status_wrap{position: relative;width: 6px;height: 8px;margin-left: 15px;}
.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: 1px;left: -4px;width: 6px;height: 6px;border: 1px solid #fff;transform: rotate(-45deg);border-top: 0;border-left: 0;}


.sec2{padding: 60px 0 70px;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.sec2 .figure1{position: absolute;top: 0;right: -96px;width: 123%;max-width: 425px;height: 245px;background: url('/img/main/cg_bg_item.png')no-repeat top right;background-size:100%;}
.sec2 [class*="con-width"]{margin: 0;width: 97%;}
.sec2 .contents{margin-top: 35px;}
.sec2 .contents .con_g{display: flex;flex-wrap: wrap;overflow: hidden;}
.sec2 .contents .con_g > *{position: relative;width: 50%;max-height: 430px;height: 86vw;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;background-position: center !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 22px;width: 100%;height: 100%;z-index: 1;}
.sec2 .contents .link_g .list_wrap .text{}
.sec2 .contents .link_g .list_wrap .title{font-size: 1.7rem;color: #111111;font-weight: 600;line-height: 1em;display: flex;flex-wrap: wrap;align-items: center;transition: 0.3s;}
.sec2 .contents .link_g .list_wrap .title .i{display: inline-block;width: 0;height: 26px;opacity: 0;transition: 0.5s;}
.sec2 .contents .link_g .list_wrap .title .i svg{width: 25px;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{color: rgba(0,0,0,0.65);line-height: 1.67;margin-top: 5px;transition: 0.3s;}
.sec2 .contents .link_g .list_wrap .txt1 br{display:none;}
.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: 10px;width: 25px;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{display:none;}

@-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%;}
.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;padding: 65px 0 70px;}
.sec3 .sec_title_g .cate{color: #fff;margin-bottom: 12px;}
.sec3 .sec_title_g .title.svg{font-size: 3rem;font-weight: 700;color: #fff;letter-spacing: -0.5px;margin-top: 15px;}
.sec3 .sec_title_g .title.svg tspan{stroke: #fff;}
.sec3 .sec_title_g .title.svg span{font-weight: 800;margin-top: 5px;}
.sec3 .sec_title_g .txt1{color: #fff;margin-top: 11px;}
.sec3 .view_more{margin-top: 25px;}


.sec4{display: flex;flex-wrap: wrap;justify-content: flex-end;padding: 70px 0;overflow: hidden;}
.sec4 > [class*="figure"]{position: absolute;background: url('/img/main/figure_1.png')no-repeat top left;width: 91%;height: 89vw;max-width: 451px;max-height: 441px;background-size: 100%;}
.sec4 .figure1{top: -36%;right: -31%;}
.sec4 .figure2{bottom: -28%;left: -37%;}
.sec4 [class*="con-width"]{margin: 0;width: 97%;}
.sec4 .contents{margin-top: 25px;padding-right: 50px;position: relative;}
.sec4 .contents .list_wrap{position: relative;}
.sec4 .contents .list_wrap .slick-list{overflow:inherit;}
.sec4 .contents .list_wrap li{position: relative;width: 230px;height: 310px;outline: 0;transform: translateY(0) !important;}
.sec4 .contents .list_wrap li:nth-child(even){margin-top: 40px;}
.sec4 .contents .list_wrap li + li{margin-left: 40px;}
.sec4 .contents .list_wrap .en.tit{position: absolute;height: auto;width: 310px;top: 100%;right: 2px;font-size: 10px;font-family: 'Montserrat';color: #444444;font-weight: 600;transform: rotate(90deg);transform-origin: right top;line-height: 1em;}
.sec4 .contents .list_wrap a{position: relative;display: block;width: calc(100% - 20px);height: 100%;outline: 0;}
.sec4 .contents .list_wrap .img{position: relative;width: 100%;height: 100%;display: block;background-size: cover !important;z-index: 1;}
.sec4 .contents .list_wrap .text_g{position: absolute;bottom: 0;left: 0;width: 100%;height: auto;padding: 20px;z-index: 10;}
.sec4 .contents .list_wrap .text_g .title{font-size: 1.3rem;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: 9px;}
.sec4 .view_more.type1 .i:after{top: 0.5px;}

.sec5{width: 100%;padding: 70px 0;background: url('/img/main/merit_bg.jpg')no-repeat center/cover;display: flex;flex-wrap: wrap;align-items: center;}
.sec5 .sec_title_g .cate{color: #fff;}
.sec5 .contents{margin-top: 25px;}
.sec5 .merit_list{display: flex;flex-wrap: wrap;max-width: 450px;margin: 0 auto;}
.sec5 .merit_list li{width: 50%;text-align: center;padding: 0 2%;}
.sec5 .merit_list li:nth-child(n+3){margin-top: 25px;}
.sec5 .merit_list .figure{width: 65px;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: 2.1rem;line-height: 1em;font-weight: 600;color: #fff;margin-top: 15px;}
.sec5 .merit_list .tit span{font-family: 'Montserrat';}
.sec5 .merit_list .tit.type2{font-family: 'Montserrat';}
.sec5 .merit_list .txt1{margin-top: 10px;color: #fff;letter-spacing: 0;font-weight: 300;}



.sec6{padding: 70px 0;}
.sec6:before{display: block;content:"";position:absolute;top:0;left: 0;width: 100%;height: 100%;background: #f3f3f3;z-index: 0;}
.sec6 [class*="con_g_"]{position: relative;width: 100%;}
.sec6 .con_g_1 [class*="area_g_"]{width: 100%;}
.sec6 .con_g_1 [class*="s_a_g"]{width: 50%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;padding: 0 4%;}
.sec6 .con_g_1 [class*="s_a_g"] .center{width: 100%;}
.sec6 .con_g_1 .area_g_2 .sec_title_g .cate{font-weight: 600;}
.sec6 .con_g_1 .area_g_1 .sec_title_g{padding-bottom: 25px;}
.sec6 .con_g_1 .area_g_1 .cate{}
.sec6 .con_g_1 .area_g_1 .title{font-size: 2.2rem;color: #000;font-weight: 600;font-family: 'Montserrat';margin-top: 14px;line-height: 1.3;letter-spacing: -0.25px;}
.sec6 .con_g_1 .area_g_1 .title span{display: block;}
.sec6 .con_g_1 .area_g_1 .txt1{margin-top: 10px;}
.sec6 .con_g_1 .area_g_2{display: flex;flex-wrap: wrap;height: 46vw;max-height: 200px;}
.sec6 .con_g_1 .area_g_2 .sec_title_g .txt1{display:none;}
.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 [class*="s_a_g"] .figure{height: 100px;width: 100%; margin-bottom: 5px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.sec6 .con_g_1 .area_g_2 .s_a_g1 .figure svg{width: 40px;height: 40px;}
.sec6 .con_g_1 .area_g_2 .s_a_g2 .figure img{width: 40px;}
.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 .view_more{margin:0 auto;text-align: center;display: block;}
.sec6 .con_g_1 .area_g_2 .ir_list{margin: 15px 0 21px;}
.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: 1px;
}
.sec6 .con_g_1 .area_g_2 .ir_list li b{width: 55px;font-weight: 300;}
.sec6 .con_g_1 .area_g_2 .ir_list li div{width: calc(100% - 55px);font-family: 'Montserrat';color: #000;}
.sec6 .con_g_1 .area_g_2 .ir_list li div.type1{font-size: 2rem;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: 5px;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: 9px solid #000;border-top: 5px solid transparent;border-left: 5px solid transparent;border-right: 5px 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: 9px solid #0043e6;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;top: 4px;}
.sec6 .con_g_1 .area_g_2 .s_a_g2{background: #d2d2d2;}
.sec6 .con_g_2{background: #000;overflow:hidden;height: 93vw;max-height: 500px;}
.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;width: 50%;height: 45vw;max-height: 180px;background: #fff;padding: 25px 4%;}
.sec6 .con_g_2 .box_g .cate{font-weight: 600;}
.sec6 .con_g_2 .box_g .txt1{display: none;}
.sec6 .con_g_2 .box_g .play_btn{width: 42px;height: 42px;display: block;margin: 27px auto 30px;}
.sec6 .con_g_2 .box_g .play_btn svg{width: 40px;height:auto;transition: 0.9s;margin: 0 auto;}
.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: 70px 0;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: 3%;transition: 0.5s;}
.sec7 .sec_title_g{max-width: 1400px;padding-right: 3%;height: 40px;display: flex;flex-wrap: wrap;align-items: center;}
.sec7 .notice_wrap{margin-top: 40px;}
.sec7 .notice_slider .item{width: 230px;}
.sec7 .notice_slider .item a{display: block;}
.sec7 .notice_slider .text_g .cate{font-size: 1.2rem;color: #42a979;font-family: 'Montserrat';font-weight: 600;line-height: 1em;margin-bottom: 13px;}
.sec7 .notice_slider .text_g .title{font-size: 1.4rem;font-weight: 600;color: #000;height: 42px;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: 15px;font-size: 1.2rem;color: rgba(0,0,0,0.7);font-family: 'Montserrat';line-height: 1em;font-weight: 500;}
.sec7 .notice_slider .img{display: block;width: 100%;height: 150px;margin-top: 20px;}
.notice_wrap .indicator{margin-top: 15px;padding-right: 3%;display: flex;flex-wrap: wrap;align-items: center;max-width: 1490px;}
.notice_wrap .indicator .swiper-scrollbar{width: calc(100% - 100px);height: 1px;background: rgba(0,0,0,0.2);border-radius:0;display: block !important;}
.notice_wrap .indicator .swiper-scrollbar-drag{background: #000;height: 3px;border-radius:0;top: -2px;}
.notice_wrap .indicator .swiper-pagenav{display: flex;flex-wrap: wrap;justify-content: flex-end;width: 100px;}
.notice_wrap .indicator .swiper-pagenav .btn{font-size: 0;width: 37px;height: 37px;display: block;}
.notice_wrap .indicator .swiper-pagenav .btn svg{width: 35px;height:auto;transition: 0.5s;margin: 0 auto;}
.notice_wrap .indicator .swiper-pagenav .btn svg *{stroke:#3e3e3e;}
.notice_wrap .indicator .swiper-pagenav .next{margin-left: 8px;}


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

section .sec_title_g .cate{opacity:0; transform:translateX(10px);}
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(10px);}
.sec2 .sec_title_g p.txt1.in-view{opacity:1; transform:translateX(0px); transition:1.5s 0.9s;}

.sec2 .contents{transform:translateX(20px); opacity:0;}
.sec2 .contents.in-view {transform:translateX(0px); opacity:1;  transition:1s 1s;}


.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(10px);}
.sec3 .sec_title_g p.txt1.in-view{opacity:1; transform:translateX(0px); transition:1.5s 0.7s;}
.sec3 .view_more{transform:translateX(10px); opacity:0;}
.sec3 .view_more.in-view{transform:translateX(0px); opacity:1;  transition:1.5s 0.9s;}

.sec4 .contents .list_wrap{transform:translateY(20px); opacity:0;}
.sec4 .contents .list_wrap.in-view{transform:translateY(0px); opacity:1;  transition:1s 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(10px); opacity:0;}
.sec5 .merit_list .txt1{transform:translateY(10px); 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;}