@charset "utf-8";
.pcbr{display:none !important;}
.ptbr{display:block !important;}
.tbr{display:block !important;}
.mbr{display:none !important;}
.pc_view{display:none !important;}
.pt_view{display:block !important;}
.tm_view{display:block !important;}
.t_view{display:block !important;}
.m_view{display:none !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(-116px); 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.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: 5.6rem;line-height: 1.25;color: #111;margin: 10px 0 10px;}
section .sec_title_g .title.svg svg{height: 79px;}
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%;}
.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: 10rem;color: #fff;font-weight: 800;line-height: 0.9em;}
.sec1 .main_text_g .title.type2{font-size: 8rem;line-height: 1.05em;}
.sec1 .main_text_g .title p span{display: inline-block;}
.sec1 .main_text_g .sub_title{font-size: 1.8rem;color: #fff;font-weight: 400;line-height: 1.7;margin-top: 20px;}
.sec1 .scroll_down{position: absolute;right: 1%;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: 50px;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 150px;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.sec2 .figure1{position: absolute;top: 0;right: -50px;width: 104%;max-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;width: 97%;}
.sec2 .contents{margin-top: 60px;}
.sec2 .contents .con_g{display: flex;flex-wrap: wrap;overflow: hidden;}
.sec2 .contents .con_g > *{position: relative;width: 50%;max-height: 705px;height: 76vw;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 50px;width: 100%;height: 100%;z-index: 1;}
.sec2 .contents .link_g .list_wrap .text{margin-top: 9px;}
.sec2 .contents .link_g .list_wrap .title{font-size: 3.3rem;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: 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{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%;height: 660px;}
.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-size: 6rem;font-weight: 700;color: #fff;letter-spacing: -0.5px;margin-top: 20px;}
.sec3 .sec_title_g .title.svg tspan{stroke: #fff;}
.sec3 .sec_title_g .title.svg span{font-weight: 800;margin-top: 10px;}
.sec3 .sec_title_g .txt1{color: #fff;margin-top: 15px;}
.sec3 .view_more{margin-top: 30px;}


.sec4{display: flex;flex-wrap: wrap;justify-content: flex-end;padding: 140px 0;overflow: hidden;}
.sec4 > [class*="figure"]{position: absolute;background: url('/img/main/figure_1.png')no-repeat top left;width: 87%;height: 85vw;max-width: 951px;max-height: 949px;background-size: 100%;}
.sec4 .figure1{top: -40%;right: -40%;}
.sec4 .figure2{bottom: -29%;left: -30%;}
.sec4 [class*="con-width"]{margin: 0;width: 97%;}
.sec4 .contents{margin-top: 45px;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: 400px;height: 565px;outline: 0;transform: translateY(0) !important;}
.sec4 .contents .list_wrap li:nth-child(even){margin-top: 50px;}
.sec4 .contents .list_wrap li + li{margin-left: 80px;}
.sec4 .contents .list_wrap .en.tit{position: absolute;height: auto;width: 565px;top: 100%;right: -20px;font-size: 1.7rem;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% - 10px);height: 100%;outline: 0;}
.sec4 .contents .list_wrap .img{position: relative;width: 100%;height: 100%;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%;padding: 120px 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: 100px;}
.sec5 .merit_list{display: flex;flex-wrap: wrap;max-width: 710px;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: 50px;}
.sec5 .merit_list .figure{width: 120px;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: 3.3rem;line-height: 1em;font-weight: 600;color: #fff;margin-top: 45px;}
.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;}



.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_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 50px;}
.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;}
.sec6 .con_g_1 .area_g_1 .sec_title_g{padding-bottom: 70px;}
.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;height: 44vw;max-height: 400px;}
.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: 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;}
.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;height: 91vw;max-height: 700px;}
.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: 350px;background: #fff;padding: 63px 50px;}
.sec6 .con_g_2 .box_g .cate{font-weight: 600;font-size: 3rem;}
.sec6 .con_g_2 .box_g .txt1{display: none;}
.sec6 .con_g_2 .box_g .play_btn{width: 88px;height: 88px;display: block;margin: 40px auto 50px;}
.sec6 .con_g_2 .box_g .play_btn svg{width:100%;height:auto;transition: 0.9s;width: 86px;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: 140px 0 140px;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: 53px;display: flex;flex-wrap: wrap;align-items: center;}
.sec7 .notice_wrap{margin-top: 100px;}
.sec7 .notice_slider .item{width:355px;}
.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%;height: 230px;margin-top: 28px;}
.notice_wrap .indicator{margin-top: 40px;padding-right: 3%;display: flex;flex-wrap: wrap;align-items: center;max-width: 1490px;}
.notice_wrap .indicator .swiper-scrollbar{width: calc(100% - 210px);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: 210px;}
.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;}



/*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(20px); display: inline-block; opacity:0;}
.sec2 .sec_title_g .bold span:nth-child(2){position:relative; transform:translateY(20px); 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 0.9s;}


.sec2 .contents{transform:translateX(50px); opacity:0;}
.sec2 .contents.in-view{transform:translateX(0px); opacity:1;  transition:1.2s 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(20px); display: inline-block; opacity:0;}
.sec3 .sec_title_g .bold span:nth-child(2){position:relative; transform:translateY(20px); 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;}

@media(max-width:930px){
.sec1 .main_text_g .title.type2{font-size: 7rem;}
}