@charset "utf-8";
.ptbr{display:block !important;}
.tbr{display:block !important;}
.tmbr{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;}
.slick-list,.slick-track{width:100%;height:100%;}
.slick-list *{outline:0;}

section{position:relative;}
section *{box-sizing:border-box; -webkit-box-sizing:border-box;}

.m00{padding-top: 180px;position: relative; word-break:keep-all;}
body.pageStyle1 .m00{padding-top:200px;}
body.pageStyle1 #wrap header:not(.hover) .header_wrap{border-bottom:0;}
.m00 .inner,
.m00 .con-width1,
.m00 .con-width2{z-index:10;}
.m00 .contents{position:relative; z-index:10;} 
.m00 .txt1{font-size: 1.7rem;color: #666666;line-height: 1.8;font-weight: 300;letter-spacing: -0.35px;word-break: keep-all;}


.paging{margin-top: 100px;text-align:center;font-size: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.paging > *{height: 40px;font-size: 2.2rem;color: #000;line-height: 40px;font-weight: 300;margin: 0 23px;font-family: 'Lexend','Montserrat',sans-serif;transition: 0.3s;}
.paging .page_begin{background: url('/images/page/paging_f.png')no-repeat center;border: 1px solid #e6e6e6;width: 40px;height: 40px;border-radius: 50%;margin: 0 11px 0 0;}
.paging .page_prev{margin-right: 35px;background: url('/images/page/paging_p.png')no-repeat center;border: 1px solid #e6e6e6;width: 40px;height: 40px;border-radius: 50%;margin: 0 35px 0 0;}
.paging .page_next{margin-left: 35px;background: url('/images/page/paging_n.png')no-repeat center;border: 1px solid #e6e6e6;width: 40px;height: 40px;border-radius: 50%;margin: 0 0px 0 35px;}
.paging .page_end{background: url('/images/page/paging_l.png')no-repeat center;border: 1px solid #e6e6e6;width: 40px;height: 40px;border-radius: 50%;margin: 0 0px 0 11px;}
.paging strong{font-weight: 400;border-bottom: 3px solid #0082c4;padding: 0 2px;}

#subtop{position: relative;z-index: 50;font-size:0;} 
#subtop *{box-sizing:border-box;}
#subtop .subpg_bg{position: relative;height: 600px;overflow:hidden;padding-top: 38px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
#subtop .subpg_bg .title_g{width: 100%;color: #fff;text-align: center;}
#subtop .bg{position: absolute;top: 0%;left: 0%;z-index: 0;width: 100%;height: 100%;transform:scale(1) rotate(0.0001deg);opacity: 1;}
#wrap.in-view #subtop .bg{opacity:1; transition: 1.5s 0.1s; transform:scale(1.05) rotate(0.0001deg);}
#subtop .subpg_bg .bg .img{width: 100%; height: 100%;}
#subtop.st11 .bg .img{background:url("/images/page/st1_bg.jpg") center center / cover no-repeat; }
#subtop.st12 .bg .img{background:url("/images/page/st12_bg.jpg") center center / cover no-repeat; }
#subtop.st13 .bg .img{background:url("/images/page/st13_bg.jpg") center center / cover no-repeat; }
#subtop.st2 .bg .img{background:url("/images/page/st20_bg.jpg") center center / cover no-repeat; }
#subtop.st3 .bg .img{background:url("/images/page/st30_bg.jpg") center center / cover no-repeat; }
#subtop.st4 .bg .img{background:url("/images/page/st40_bg.jpg") center center / cover no-repeat; }
#subtop.st5 .bg .img{background:url("/images/page/st50_bg.jpg") center center / cover no-repeat; }
#subtop .title_inner{margin: 0 auto;word-break: keep-all;z-index: 1;}
#menu_tab_wrap{position: relative;width: 100%;height: 82px;border-bottom: 1px solid #ccc;}
#menu_tab_wrap .menu_tab_list{height: 100%;width: 100%;}
#menu_tab_wrap .menu_list{position: relative;width: 100%;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;list-style: none;text-align: center;}
#menu_tab_wrap .menu_list::-webkit-scrollbar{display:none;}
#menu_tab_wrap .menu_list li{position: relative;height: 100%;padding: 0 60px;display: inline-block;}

#menu_tab_wrap .menu_list li:not(:last-child):after{display:block;content:"";width: 1px;height: 13px;background: #b2b2b2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

#menu_tab_wrap .menu_list li a{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 1.7rem;color: #555555;font-weight: 400;width: 100%;height: 100%;}
#menu_tab_wrap .menu_list li.on a:before{display: block;content:"";position: absolute;bottom: 0px;left: 0;width: 100%;height: 2px;background: #0082c4;z-index: 1;}
#menu_tab_wrap .menu_list li.on a{}
#menu_tab_wrap .list1 li{max-width:100%;}
#menu_tab_wrap .list2 li{max-width:50%;}
#menu_tab_wrap .list3 li{max-width:33.33333333333333%;}
#menu_tab_wrap .list4 li{max-width:25%;}
#menu_tab_wrap .list5 li{max-width:20%;}
#menu_tab_wrap .list6 li{max-width:16.66666666666667%;}
#menu_tab_wrap .list7 li{max-width:14.28571428571429%;}

#location_wrap {position: relative;left: 0;width: 100%;max-width: 100%;text-align: center;color: #fff;margin-top: 60px;z-index: 100;}
#location_wrap .location_depth{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;font-size: 1.6rem;color: rgba(255,255,255,0.9);font-weight: 200;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;}
#location_wrap .location_depth .dep{position: relative;}
#location_wrap .location_depth .dep:after{display:inline-block;content:">";margin: 0 10px;vertical-align: top;}
#location_wrap .location_depth .dep:last-child:after{display:none;}
#location_wrap .location_depth .dep > a{display: inline-block;background: url('/images/page/home_i.png')no-repeat left top;width: 13px;height: 14px;vertical-align: top;margin-top: 3px;}
body.pageStyle1 #location_wrap .location_depth .dep > a{background: url('/images/page/home_i_d.png')no-repeat left top;}
#dep1_en{font-size: 2.6rem;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;font-weight: 300;}
#main_slogan{font-size: 3.8rem;font-weight: 400;margin-top: 25px;line-height: 1.6;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;}
#main_slogan .kor{font-weight:500;}
.page_title_g{position: relative;width: 100%;}
.page_title_g.main_title{text-align: center;}
.page_title_g .title1{font-size: 4rem;color: #000;font-weight: 600;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;}
.page_title_g .title1:after{display: block; content:"";width: 45px;height: 1px;background: #000000;margin: 20px auto 0;}
.page_title_g .title2{font-size: 2.6rem;color: #000000;line-height: 1.7;font-weight: 500;letter-spacing: -0.25px;}
.page_title_g .title3{font-size: 3rem;color: #000000;font-weight: 500;}
.page_title_g .title4{font-size: 4rem;color: #000000;font-weight: 600;line-height: 1.7;}
.page_title_g .title5{font-size: 3.4rem;color: #000000;font-weight: 600;line-height: 1.5;}
.page_title_g .text_box{margin-top: 64px;}
.page_title_g br{display:none;}
.m00 section.bg_style1{background: #f6f6f6;}
.m11 .page_title_g:not(.main_title){margin-bottom:35px;}
.m11 .technology1{padding-bottom: 170px;}
.m11 .technology1 .contents{margin-top:110px;}
.m11 .technology1 .items{position: relative;width: 100%;max-width: 400px;display: flex;flex-wrap: wrap;margin: 0 auto;}
.m11 .technology1 .items .i{width: 100%;height: 400px;background: rgba(108,202,205,0.6);z-index: 10;border-radius: 50%;display: flex;flex-wrap: wrap;flex-direction: column;text-align: center;justify-content: center;padding: 0 50px;}
.m11 .technology1 .items .i:nth-child(2){background: rgb(145 200 234 / 90%);z-index: 7;}
.m11 .technology1 .items .i:nth-child(3){background: rgb(119 147 216 / 80%);z-index: 7;}
.m11 .technology1 .items .i:nth-child(4){z-index: 7;background: #a8a3e5;background: rgba(125,132,209,0.7);}
.m11 .technology1 .items .i + .i{margin-top: -40px;}
.m11 .technology1 .items .i figure{height: 80px;}
.m11 .technology1 .items .i figure img{max-width: 100%;}
.m11 .technology1 .items .i .title{font-size: 2.4rem;color: #111111;font-weight: 600;}
.m11 .technology1 .items .i .txt1{margin-top: 15px;}
.m11 .technology2{padding: 160px 0 170px;}
.m11 .technology2 .items{position: relative;width: 100%;}
.m11 .technology2 .items .i{position: relative;width: 100%;height: 320px;overflow: hidden;}
.m11 .technology2 .items .i:nth-child(n+2){margin-top: 35px;}
.m11 .technology2 .items .i .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m11 .technology2 .items .i .tit{position: absolute;bottom: 0;width: 100%;padding: 35px;color: #fff;font-size: 2.6rem;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;text-align: center;overflow: hidden;}
.m11 .technology2 .items .i .tit > *{overflow:hidden;}
.m11 .technology3{padding: 160px 0 180px;}
.m11 .technology3 .items{position: relative;width: 100%;}
.m11 .technology3 .items .i{position: relative;width: 100%;height: 367px;border: 1px solid #cfcfcf;text-align: center;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.m11 .technology3 .items .i:nth-child(n+2){margin-top: 35px;}
.m11 .technology3 .items .i figure{height: 90px;}
.m11 .technology3 .items .i figure img{max-width: 100%;}
.m11 .technology3 .items .i .num{font-size: 10rem;font-family: 'Montserrat','Noto Sans KR',sans-serif;color: #0082c4;font-weight: 600;line-height: 0.8;}
.m11 .technology3 .items .i .txt{margin-top: 33px;font-size: 2rem;color: #000;}


.m12 .page_title_g:not(.main_title){
}
.m12 .technology1{padding-bottom: 170px;}
.m12 .technology1 .big{position: absolute;bottom: -12px;right: -40px;font-size: 38.5rem;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;line-height: 0.8;color: #f6f6f6;font-weight: 700;letter-spacing: -15px;transform: scaleX(0.95);}
.m12 .technology1 .contents{margin-top: 115px;}
.m12 .technology1 .contents .img{position: relative;width: 100%;height: 620px;overflow: hidden;}
.m12 .technology1 .contents .img span{width: 100%;height: 100%;display: block;}
.m12 .technology1 .contents .text_g{width: 100%;padding-top: 70px;}
.m12 .technology1 .contents .text_g .txt_box {margin-top: 40px;font-size: 1.8rem;}
.m12 .technology1 .contents .text_g .txt_box p + p{margin-top: 35px;}
.m12 .technology2{padding: 160px 0 165px;}
.m12 .technology2 .page_title_g{margin-bottom:80px;}
.m12 .technology2 ol{position: relative;width: 100%;}
.m12 .technology2 ol li{width: 100%;}
.m12 .technology2 ol li + li{margin-top: 75px;}
.m12 .technology2 ol li figure{position: relative;height: 150px;margin: 0 auto 35px;}
.m12 .technology2 ol li .fig1{width: 128px;}
.m12 .technology2 ol li .fig1 .i1{position: absolute;top: 12px;left: 50%;transform: translateX(-50%);width: 128px;height: 128px;border: 7px solid #000;display: block;border-radius: 50%;transform-origin: center;}
.m12 .technology2 ol li .fig1 .i2{position: absolute;top: 46px;left: 50%;transform: translateX(-50%);width: 60px;height: 60px;border: 7px solid #c5c5c5;display: block;border-radius: 50%;transform-origin: center;}
.m12 .technology2 ol li .fig1 .i3{position: absolute;top: 71px;left: 50%;width: 10px;height: 10px;background: #000;border-radius: 50%;transform: translateX(-50%);transform-origin: center;}
.m12 .technology2 ol li .fig2{width: 150px;}
.m12 .technology2 ol li .fig2 > *{position: absolute;width: 70px;height: 70px;border: 7px solid #c5c5c5;box-sizing: border-box;display: block;border-radius: 50%;}
.m12 .technology2 ol li .fig2 .i1{top: 0;left: 0;}
.m12 .technology2 ol li .fig2 .i2{top: 0;right: 0;border-color: #000;}
.m12 .technology2 ol li .fig2 .i3{bottom: 0;left: 0;}
.m12 .technology2 ol li .fig2 .i4{bottom: 0;right: 0;}
.m12 .technology2 ol li .fig3{width: 206px;}
.m12 .technology2 ol li .fig3 .i1{position: absolute;top: 12px;left: 0;width: 128px;height: 128px;border: 7px solid #c5c5c5;display: block;border-radius: 50%;transform-origin: center;}
.m12 .technology2 ol li .fig3 .i2{position: absolute;top: 45px;right: 0;width: 60px;height: 60px;border: 7px solid #000;display: block;border-radius: 50%;transform-origin: center;}
.m12 .technology2 ol li .info .num{font-size: 3.8rem;color: #161616;font-family: 'Lexend',sans-serif;line-height: 1em;}
.m12 .technology2 ol li .info .title{font-size: 2.4rem;color: #0082c4;font-weight: 500;margin-top: 20px;padding-bottom: 25px;border-bottom: 1px solid #949494;}
.m12 .technology2 ol li .info .txt1{font-size: 1.8rem;color: #000000;line-height: 1.75;margin-top: 24px;}
.m12 .technology3{padding: 160px 0 165px;}
.m12 .technology3 .page_title_g .txt1{margin-top: 28px;font-size: 1.8rem;}
.m12 .technology3 .contents{margin-top: 70px;z-index: 0;}
.m12 .technology3 .items{position: relative;width: 100%;}
.m12 .technology3 .items .i{}
.m12 .technology3 .items .i:nth-child(1){}
.m12 .technology3 .items .i:nth-child(2){border-top: 1px solid #d9d9d9;padding-top: 70px;margin-top: 55px;}
.m12 .technology3 .contents .img{position: relative;height: 420px;overflow: hidden;}
.m12 .technology3 .contents .img span{display: block;width: 100%;height: 100%;}
.m12 .technology3 .contents .tit{position: relative;font-size: 2.6rem;color: #161616;font-weight: 400;text-transform: uppercase;font-family: 'Lexend','Noto Sans KR',sans-serif;margin-top: 35px;padding-left: 23px;}
.m12 .technology3 .contents .tit:before{display: block; content:"";position: absolute;top: 12px;left: 0;width: 8px;height: 8px;background: #000;border-radius: 50%;}
.m12 .technology4{padding: 160px 0 180px;}
.m12 .technology4 .product_list{position: relative;width: 100%;display: flex;flex-wrap: wrap;margin-top: 35px;}
.m12 .technology4 .product_list li{width: calc(50% - 10px);margin-right: 20px;}
.m12 .technology4 .product_list li a{display:block;}
.m12 .technology4 .product_list li:nth-child(2n){margin-right: 0;}
.m12 .technology4 .product_list li:nth-child(n+3){margin-top:50px;}
.m12 .technology4 .product_list li .img{position: relative;width: 100%;height: 0;padding-top: 123%;overflow: hidden;}
.m12 .technology4 .product_list li .img img{position: absolute;width: 100%;top: 0;left: 0;}
.m12 .technology4 .product_list li .info{position: relative;padding-top: 25px;text-align: center;}
.m12 .technology4 .product_list li .info .tit{font-size: 2.6rem;color: #111;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;letter-spacing: -0.25px;}



.m13 .page_title_g:not(.main_title){margin-bottom:35px;}
.m13 .technology1{padding-bottom: 170px;}
.m13 .technology1 .page_title_g{margin-bottom: 50px;}
.m13 .technology1 .contents{margin-top: 160px;}
.m13 .technology1 .graph_scroll{position: relative;width: 100%;overflow-x: auto;overflow-y: hidden;padding: 47px 0 0 0;margin-top: 40px;}
.m13 .technology1 .graph_wrap{position: relative;width: 100%;padding: 76px 28px 80px;background: #f6f6f6;}
.m13 .technology1 .graph_wrap .title{font-size: 2.2rem;margin-bottom: 12px;color: #111111;font-weight: 500;text-align: center;}
.m13 .technology1 .graph_wrap .graph_box{position: relative;width: 1360px;height: 440px;display: flex;flex-wrap: wrap;}
.m13 .technology1 .graph_wrap .graph_box:before,
.m13 .technology1 .graph_wrap .graph_box:after{display:block;content:"";position: absolute;top: -50px;left: 90px;width: 0px;height: 0px;border-bottom: 9px solid #a3a3a3;border-left: 5px solid transparent;border-top: 4px solid transparent;border-right: 5px solid transparent;}
.m13 .technology1 .graph_wrap .graph_box:after{right: -1px;left: auto;transform: rotate(90deg);top: -6px;}
.m13 .technology1 .graph_wrap .graph_box .y{width: 95px;height: calc(100% - 40px);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-evenly;font-size: 1.8rem;color: #111111;font-family: 'Lexend',sans-serif;text-align: right;padding-right: 17px;letter-spacing: -0.25px;}

.m13 .technology1 .graph_wrap .graph_box .x{position: absolute;bottom: 0;left: 95px;width: calc(100% - 95px - 47px);height: 40px;padding-top: 20px;font-size: 1.8rem;color: #191919;font-family: 'Lexend',sans-serif;display: flex;flex-wrap: wrap;text-align: center;}
.m13 .technology1 .graph_wrap .graph_box .x span{text-align: center;position: absolute;top: 20px;left: calc(16.66666% - 18px);}

.m13 .technology1 .graph_wrap .graph_box .x span:nth-child(2){left: calc(33.333333333332% - 21px);}
.m13 .technology1 .graph_wrap .graph_box .x span:nth-child(3){left: calc(49.999999999998% - 21px);}
.m13 .technology1 .graph_wrap .graph_box .x span:nth-child(4){right: calc(16.66666% - 21px);left: auto;}
.m13 .technology1 .graph_wrap .graph_box .box{position: relative;width: calc(100% - 47px - 95px);height: calc(100% - 40px);background: #fff;border: 1px solid #d9d9d9;border-bottom: 2px solid #a3a3a3;}
.m13 .technology1 .graph_wrap .graph_box .box .line{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-evenly;}
.m13 .technology1 .graph_wrap .graph_box .box .line span{position: relative;width: 100%;height: 1px;background: #b5b5b5;display: block;margin: 12px 0;}

.m13 .technology1 .graph_wrap .graph_box .box .dot{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m13 .technology1 .graph_wrap .graph_box .box .dot span{position: absolute;top: 0;left: 16.666666666666%;width: 1px;height: 100%;border-left: 1px dashed #d9d9d9;}
.m13 .technology1 .graph_wrap .graph_box .box .dot span:nth-child(2){left: 33.333333333332%;}
.m13 .technology1 .graph_wrap .graph_box .box .dot span:nth-child(3){left: 50%;}
.m13 .technology1 .graph_wrap .graph_box .box .dot span:nth-child(4){left:auto;right:16.666666666666%;}
.m13 .technology1 .graph_wrap .graph_box .box .items{position: relative;width: 100%;height: 100%;z-index: 10;}
.m13 .technology1 .graph_wrap .graph_box .box .items:before{display:block;content:"";position: absolute;bottom: -2px;left: -2px;width: 2px;height: calc(100% + 47px);background: #a3a3a3;}
.m13 .technology1 .graph_wrap .graph_box .box .items:after{display:block;content:"";position: absolute;top: -2px;left: -2px;width: calc(100% + 47px);height: 2px;background: #a3a3a3;}
.m13 .technology1 .graph_wrap .graph_box .box .items > *{position: absolute;top: 0;width: auto;}
.m13 .technology1 .graph_wrap .graph_box .box .items > * > *{background: #9cd7ec;font-size: 1.7rem;display: inline-block;color: #191919;font-family: 'Lexend','Noto Sans KR',sans-serif;border-radius: 12px;height: 46px;padding: 13px 32px;min-width: 202px;font-weight: 500;text-align: center;}
.m13 .technology1 .graph_wrap .graph_box .box .items > * > *.t2{padding-top:10px;}
.m13 .technology1 .graph_wrap .graph_box .box .items > * > * + *{margin-top:4px;margin-left: 24%;}
.m13 .technology1 .graph_wrap .graph_box .box .items > * > * + * + *{margin-left: 46%;}
.m13 .technology1 .graph_wrap .graph_box .box .items .i_g1{left: 8%;top: calc(25% - 29px);}
.m13 .technology1 .graph_wrap .graph_box .box .items .i_g2{left: 25.1%;top: calc(52% - 29px);max-width: 420px;}
.m13 .technology1 .graph_wrap .graph_box .box .items .i_g2 > *{background: #9bb2ea;}
.m13 .technology1 .graph_wrap .graph_box .box .items .i_g3{right: 5.1%;top: calc(52% - 29px);max-width: 480px;}
.m13 .technology1 .graph_wrap .graph_box .box .items .i_g3 > *{background: #a7ebdc;}
.m13 .technology1 .graph_wrap .graph_box .box .items .i_g3 > * + *{margin-left: 16%;}
.m13 .technology1 .graph_wrap .graph_box .box .items .i_g3 > * + * + *{margin-left: 38%;}
.m13 .technology2{padding: 160px 0 165px;}
.m13 .technology2 .items{position: relative;width: 100%;}
.m13 .technology2 .items .i{width: 100%;padding: 60px 50px 85px;background: #fff;}
.m13 .technology2 .items .i:nth-child(n+2){margin-top: 35px;}
.m13 .technology2 .items .i .logo{height: 44px;margin-bottom: 60px;}
.m13 .technology2 .items .i .info .cate{width: 120px;height: 28px;font-size: 1.5rem;color: #000;border: 1px solid #222222;border-radius: 28px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding-bottom: 1px;margin-bottom: 23px;}
.m13 .technology2 .items .i .info .cate.type2{background: #0082c4;border: 0;color: #fff;width: 100px;}
.m13 .technology2 .items .i .info .cate.type2:after{display: inline-block; content:"";background: url('/images/page/check_i.png')no-repeat left top;width: 11px;height: 9px;margin-left: 5px;vertical-align: top;}
.m13 .technology2 .items .i .info .title{font-size: 2.2rem;color: #111;font-weight: 500;}
.m13 .technology2 .items .i .info .txt1{font-size: 1.8rem;margin-top: 20px;}
.m13 .technology2 .items .i .info .u_txt{color:#161616;font-size: 1.8rem;font-weight: 500;margin-top: 43px;text-decoration: underline;}
.m13 .technology3{padding: 160px 0;}
.m13 .technology3 .logo{width: 174px;height: 45px;margin: 0 auto 70px;}
.m13 .technology3 .logo svg{width: 100%;height: 100%;}
.m13 .technology3 .box{height: 400px;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 50px;}
.m13 .technology3 .box .title{position: relative;font-family:'Lexend';font-size: 3.6rem;font-weight:500;color: #fff;line-height: 1.67;padding: 0 90px;}
.m13 .technology3 .box .title br {display: none;}
.m13 .technology3 .box .title:before,
.m13 .technology3 .box .title:after{display: inline-block; content:"";position: absolute;background: url('/images/page/i_l.png')no-repeat left top;width: 45px;height: 33px;vertical-align: top;top: 0;left: 0;}
.m13 .technology3 .box .title:after{background: url('/images/page/i_r.png')no-repeat left top;left: auto;right: 0;}



.product_list_wrap{padding-bottom:160px;}
.product_list_wrap .main_title{margin-bottom: 100px;}
.product_list_wrap .category_wrap{position: relative;width: 100%;border-bottom: 1px solid #b2b2b2;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;}
.product_list_wrap .category_wrap .category{position: relative;font-size: 1.6rem;color: rgba(0,0,0,0.5);font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;font-weight: 500;-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;list-style: none;padding: 0 30px;}
.product_list_wrap .category_wrap .category::-webkit-scrollbar{display:none;}
.product_list_wrap .category_wrap .category li{position: relative;height: 36px;display: inline-block;}
.product_list_wrap .category_wrap .category li + li{margin-left:60px;}
.product_list_wrap .category_wrap .category li a{display: block;width: 100%;height: 100%;line-height: 1em;}
.product_list_wrap .category_wrap .category li.on{color: #111;}
.product_list_wrap .category_wrap .category li.on:after{display:block;content:"";position: absolute;bottom: -1px;left: 0;width: 100%;height: 4px;background: #000;}
.product_list_wrap .category_wrap select{outline: 0;font-size: 1.6rem;color: #111111;font-weight: 400;height: 56px;padding: 0 16px 0 0;border: 0;display: block;}

.product_list_wrap .prod_list{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.product_list_wrap .prod_list li{position: relative;width: calc(50% - 17.5px);margin-right: 35px;}
.product_list_wrap .prod_list li a{display:block;}
.product_list_wrap .prod_list li:nth-child(2n){margin-right: 0;}
.product_list_wrap .prod_list li:nth-child(n+3){margin-top: 75px;}
.product_list_wrap .prod_list li .thumbnail{position: relative;width: 100%;height: 0;padding-top: 123%;overflow: hidden;display: block;}
.product_list_wrap .prod_list li .thumbnail:after{display:block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 3px solid #0082c4;opacity: 0;transition: 0.1s;box-sizing: border-box;}
.product_list_wrap .prod_list li:hover .thumbnail:after{opacity:1;transition: 0.3s;}
.product_list_wrap .prod_list li .thumbnail img{position: absolute;width: 100%;top: 0;left: 0;}
.product_list_wrap .prod_list li .info{position: relative;padding-top: 26px;text-align: center;}
.product_list_wrap .prod_list li .info .tit{font-size: 2.6rem;color: #111;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;letter-spacing: -0.25px;}
.product_list_wrap .prod_list li .info .tit > *{overflow:hidden;}


.product_view_wrap #location_wrap{position:relative;bottom: auto;color: #555555;padding: 0;margin-bottom: 40px;text-align: left;}
.product_view_wrap #location_wrap .location_depth{color:#555555;justify-content: flex-start;}
.product_view_wrap .contents{}
.product_view_wrap .contents > *{position: relative;width: 100%;}
.product_view_wrap .product_img .img{position: relative;}
.product_view_wrap .product_img .img.fixed{position: fixed;}
.product_view_wrap .product_img .img img{width: 100%;}
.product_view_wrap .product_img .img img + img{margin-top: 10px;}
.product_view_wrap .product_info{padding-bottom: 180px;font-family: 'Lexend','Noto Sans KR',sans-serif;}
.product_view_wrap .product_info .title_g{width: 100%;padding: 77px 0px;}
.product_view_wrap .product_info .title_g .cate{font-size: 2.2rem;color: rgba(0,0,0,0.4);font-weight: 500;}
.product_view_wrap .product_info .title_g .title{font-size: 5rem;color: #000;font-weight: 500;letter-spacing: -0.5px;margin-top: 10px;}
.product_view_wrap .product_info .title_g .sub_title{font-size: 2rem;color: #000;margin-top: 27px;line-height: 1.7;}
.product_view_wrap .product_info .info{width: 100%;padding: 70px 0px;border-top: 1px solid #e5e5e5;font-size: 1.8rem;}
.product_view_wrap .product_info .info .g{position: relative;}
.product_view_wrap .product_info .info .g + .g{margin-top: 60px;}
.product_view_wrap .product_info .info .g .tit{font-size: 2.6rem;color: #000;font-weight: 600;}
.product_view_wrap .product_info .info .g .txt{font-size: 1.8rem;color: #000;font-weight: 400;margin-top: 5px;}
.product_view_wrap .product_info .info .g .list_wrap{margin-top: 20px;}
.product_view_wrap .product_info .info .g .list_wrap li{position: relative;padding-left: 10px;}
.product_view_wrap .product_info .info .g .list_wrap li + li{margin-top: 8px;}
.product_view_wrap .product_info .info .g .list_wrap li:before{display: block;content: "·";color: #0082c4;position: absolute;top: 0;left: -3px;font-weight: 800;font-family: 'Noto Sans KR';}
.product_view_wrap .product_info .info .g table{margin-top: 30px;width: 100%;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.product_view_wrap .product_info .info .g table th,
.product_view_wrap .product_info .info .g table td{height: 57px;text-align: left;font-family: 'Lexend','Noto Sans KR',sans-serif;padding: 6px 10px 4px 0;letter-spacing: -.5px;}
.product_view_wrap .product_info .info .g table tr:not(:last-child) th,
.product_view_wrap .product_info .info .g table tr:not(:last-child) td{border-bottom: 1px solid #d9d9d9;}
.product_view_wrap .product_info .info .g table th{color: rgba(102,102,102,0.7);padding-right: 10px;}
.product_view_wrap .product_info .btns{margin-top: 80px;width: 100%;text-align: center;}
.product_view_wrap .product_info .btns .list_btn{width: 200px;height: 56px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;background: #000000;border-radius: 56px;color: #fff;margin: 0 auto;font-size: 1.4rem;font-family: 'Lexend','Noto Sans KR',sans-serif;font-weight: 300;letter-spacing: 0.9px;}
.product_view_wrap .product_info .btns .list_btn .arr{margin-left: 10px;position: relative;width: 11px;height: 11px;}
.product_view_wrap .product_info .btns .list_btn .arr:before{display: block;content:"";position: absolute;top: 5px;left: 0;width: 100%;height: 1px;background: #fff;}
.product_view_wrap .product_info .btns .list_btn .arr:after{display: block;content:"";position: absolute;top: 2px;right: 1px;width: 6px;height: 6px;border: 1px solid #fff;transform: rotate(-45deg) scale(0.9);border-top: 0;border-left: 0;}



.m31 .page_title_g:not(.main_title){margin-bottom: 30px;}
.m31 .about1{padding-bottom: 270px;}
.m31 .about1 .contents{margin-top: 100px;}
.m31 .about1 .items{position: relative;width: 100%;}
.m31 .about1 .items .item{width: 100%;}
.m31 .about1 .items .item + .item{margin-top: 140px;}
.m31 .about1 .items .item .img{position: relative;width: 100%;height: 360px;overflow: hidden;}
.m31 .about1 .items .item .img span{position: relative;width: 100%;height: 100%;display: block;}
.m31 .about1 .items .item .page_title_g{width: 100%;padding: 70px 0 0 0;margin: 0;}
.m31 .about1 .items .item .page_title_g .txt1{margin-top: 20px;}
.m31 .about1 .items .item:nth-child(even) .img{order: 3;}
.m31 .about1 .items .item:nth-child(even) .page_title_g{order: 1;padding-left: 0;}
.m31 .about1 .items .item:last-child .page_title_g{}
.m31 .about2{padding: 160px 0 210px;background: url('/images/page/about1_img4.jpg')no-repeat center/cover;}
.m31 .about2 .page_title_g *{color: #fff;text-align: left;}
.m31 .about2 .contents ul{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.m31 .about2 .contents ul li{width: calc(50% - 5px);text-align: center;border: 1px solid rgba(255,255,255,0.5);padding: 57px 10px 32px;margin-right: 10px;}
.m31 .about2 .contents ul li:nth-child(2n){margin-right:0px;}
.m31 .about2 .contents ul li:nth-child(n+3){margin-top:10px;}
.m31 .about2 .contents ul li figure{text-align: center;margin: 0 auto;height: 55px;}
.m31 .about2 .contents ul li figure svg {display: inline-block;}
.m31 .about2 .contents ul li figure svg *{stroke:#fff;}
.m31 .about2 .contents ul li .tit{font-size: 2.3rem;color: #fff;}
.m31 .about2 .contents ul li .txt1{font-size: 1.8rem;color: rgba(255,255,255,0.8);margin-top: 11px;}


.m32 .about1{padding-bottom: 170px;}
.m32 .about1 .contents{margin-top: 135px;}
.m32 .about1 .contents .title{position: relative;font-size: 5rem;color: #000;font-weight: 600;line-height: 1.32;margin-top: 32px;z-index: 1;}
.m32 .about1 .contents .title br {display: none;}
.m32 .about1 .contents .bg{width: 100%;height: 564px;overflow: hidden;margin-top: -30px;}
.m32 .about1 .contents .bg span{display: block;width: 100%;height: 100%;}
.m32 .about2{width: 100%;background: url('/images/page/about2_bg2_m.png')no-repeat center/cover;padding: 160px 0 350px;}
.m32 .about2 .page_title_g{margin-bottom: 55px;}
.m32 .about2 .contents .title{font-size: 4.2rem;color: #111;line-height: 1.58;letter-spacing: -0.5px;}
.m32 .about2 .contents .title br{display:none;}
.m32 .about2 .contents .title:before,
.m32 .about2 .contents .title:after{display: block; content:"";width: 52px;height: 37px;background: url('/images/page/m32_l1.png')no-repeat top left;margin: 40px 0;}


.m33 .about1 .contents{height: 883px;width: 100%;margin-top: 115px;color: #fff;}
.m33 .about1 .contents:before,
.m33 .about1 .contents:after{display: block; content:"";position: absolute;top: 0;left: 50%;width: 1px;height: 65px;background: rgba(255,255,255,0.5);z-index: 10;}
.m33 .about1 .contents:after{top: -65px;background: #7f7f7f;}
.m33 .about1 .contents .bg{position: absolute;top: 0;left: 50%;width: 100vw;height: 100%;transform: translateX(-50%);}
.m33 .about1 .contents .g{position: relative;height: 100%;z-index: 10;text-align: center;}
.m33 .about1 .contents .title_g{height: calc(100% - 36px - 60px);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;padding-top: 35px;}
.m33 .about1 .contents .title_g .year{font-size: 2.2rem;font-family: 'Lexend','Noto Sans KR',sans-serif;color: rgba(255,255,255,0.8);font-weight: 300;margin-bottom: 22px;}
.m33 .about1 .contents .title_g .title{font-size: 3.6rem;font-weight: 500;color: #fefefe;line-height: 1.7;}
.m33 .about1 .contents .tabs{position: absolute;bottom: 60px;left: 0;width: 100%;display: flex;flex-wrap: wrap;}
.m33 .about1 .contents .tabs li{width: calc(50% - 10px);margin-right: 20px;}
.m33 .about1 .contents .tabs li:nth-child(2n){margin-right:0;}
.m33 .about1 .contents .tabs li:nth-child(n+3){margin-top:40px;}
.m33 .about1 .contents .tabs li a{display: block;width: 100%;border-top: 1px solid #fff;text-align: left;font-size: 2rem;font-family: 'Lexend','Noto Sans KR',sans-serif;font-weight: 300;padding-top: 10px;}
.m33 .about2{padding-bottom: 180px;}
.m33 .about2 .history_list .list{position: relative;width: 100%;padding-top: 200px;}
.m33 .about2 .history_list .list + .list{padding-top: 160px;}
.m33 .about2 .history_list .title_g{position: relative;}
.m33 .about2 .history_list .title_g .year{font-size: 8rem;color: #000;font-family: 'Lexend','Noto Sans KR',sans-serif;line-height: 0.8;font-weight: 500;letter-spacing: -0.5px;}
.m33 .about2 .history_list .title_g .year > *{overflow:hidden;}
.m33 .about2 .history_list .title_g .title{font-size: 2.6rem;color: #000;font-weight: 500;margin-top: 35px;}
.m33 .about2 .history_list .con_g:before{display:block;content:"";width: 1px;height: 60px;background: #000;margin-bottom: 20px;}
.m33 .about2 .history_list .con_g{width: 100%;font-size: 1.8rem;padding-top: 25px;}
.m33 .about2 .history_list .con_g ul li{position: relative;padding-left: 14px;}
.m33 .about2 .history_list .con_g ul li + li{margin-top: 9px;}
.m33 .about2 .history_list .con_g ul li:before{display: block;content: "·";color: #188dc9;position: absolute;top: 0;left: -3px;font-weight: 800;font-family: 'Noto Sans KR';}
.m33 .about2 .history_list .img{width: 100%;height: 400px;overflow: hidden;margin-top: 75px;}
.m33 .about2 .history_list .img span{display: block;width: 100%;height: 100%;}
.m33 .about3{background: url('/images/page/history_bg2.jpg')no-repeat center/cover;color: #fff;}
.m33 .about3 .inner{width:100%;}
.m33 .about3 .items{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.m33 .about3 .items .i{display: flex;flex-direction: column;justify-content: space-between;width: 50%;text-align: center;padding: 45px 10px;}
.m33 .about3 .items .i:nth-child(2n){border-left: 1px solid rgba(255,255,255,0.3);}
.m33 .about3 .items .i:nth-child(n+3){border-top:1px solid rgba(255,255,255,0.3);}
.m33 .about3 .items .i .title{font-size: 2.4rem;}
.m33 .about3 .items .i .date{font-size: 1.8rem;font-family: 'Lexend','Noto Sans KR',sans-serif;font-weight: 300;margin-top: 15px;}




.m34 .page_title_g.main_title .txt1{margin-top: 25px;}
.m34 .about1 .contents{margin-top: 95px;}
.m34 .about1 .contents .item{position: relative;width: 100%;height: 400px;overflow: hidden;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;padding: 0 40px;}
.m34 .about1 .contents .item .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m34 .about1 .contents .item .g{position: relative;width: 100%;z-index: 10;}
.m34 .about1 .contents .item figure{height: 53px;}
.m34 .about1 .contents .item figure svg *{stroke: #fff;}
.m34 .about1 .contents .item .icon1{width: 52px;height: 52px;}
.m34 .about1 .contents .item .icon2{width: 52px;height: 47px;}
.m34 .about1 .contents .item .icon3{width: 52px;height: 47px;}
.m34 .about1 .contents .item .title{font-size: 3.4rem;color: #fff;font-weight: 500;margin-top: 48px;}
.m34 .about2{padding: 150px 0 170px;background: #f6f6f6;}
.m34 .about2 .tabs{position: relative;width: calc(100% - 150px);display: flex;flex-wrap: wrap;margin-bottom: 52px;}
.m34 .about2 .tabs li{height: 56px;margin: 5px 10px 5px 0;font-size: 2.6rem;color: rgba(0,0,0,0.4);font-weight: 500;letter-spacing: -0.5px;}
.m34 .about2 .tabs li > *{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 100%;padding: 0 44px 2px 44px;}
.m34 .about2 .tabs li.on > *{color: #fff;background: #0082c4;border-radius: 56px;}

.m34 .about2 .nav{position: absolute;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;top: 20px;right: 0;z-index: 10;}
.m34 .about2 .nav .arrow{position: relative;width: 30px;height: 24px;}
.m34 .about2 .nav .arrow.button_next{margin-left: 32px;}
.m34 .about2 .nav .arrow:after{display:block;content:"";position: absolute;top: 4px;left: 3px;width: 14px;height: 14px;border: 1px solid #000;transform: rotate(135deg);border-top: 0;border-left: 0;}
.m34 .about2 .nav .arrow:before{display:block;content:"";position: absolute;top: 11px;left: 0;width: 100%;height: 1px;background: #000;}
.m34 .about2 .nav .arrow.button_next:after{transform: rotate(-45deg);left: auto;right: 3px;}

.m34 .about2 .slider{position: relative;width: 100%;overflow: initial;}
.m34 .about2 .slider .item{width: 440px;margin-right: 40px;border: 1px solid #e5e5e5;}
.m34 .about2 .slider .item a{display: block;}
.m34 .about2 .slider .item .thumbnail{width: 100%;height: 249px;overflow: hidden;background: #fff;}
.m34 .about2 .slider .item .thumbnail span{display: block;width: 100%;height: 100%;}
.m34 .about2 .slider .item .info_g{width: 100%;padding: 35px 40px 55px;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;}
.m34 .about2 .slider .item .info_g .title{height: 72px;font-size: 2.2rem;color: #000;font-weight: 400;line-height: 1.65;}
.m34 .about2 .slider .item .info_g .title .e_{-webkit-line-clamp: 2;}
.m34 .about2 .slider .item .info_g .date{font-size: 1.5rem;color: #222;font-weight: 400;margin-top: 50px;}
.m34 .about2 .slider .item .info_g button{position: absolute;bottom: 40px;right: 40px;width: 50px;height: 50px;border: 1px solid #999999;border-radius: 50%;}
.m34 .about2 .slider .item .info_g button:after{display:block;content:"";position: absolute;top: 21px;right: 18px;width: 6px;height: 6px;border: 1px solid #4f4f4f;transform: rotate(-45deg) skewX(1deg);border-top: 0;border-left: 0;}
.m34 .about2 .slider .item .info_g button:before{display:block;content:"";position: absolute;top: 24px;left: 50%;width: 15px;height: 1px;background: #4f4f4f;transform: translateX(-50%);}
.m34 .about2 .slider .item:hover .info_g button{background:#0082c4;border-color:#0082c4;transition:0.3s;}
.m34 .about2 .slider .item:hover .info_g button:before{background:#fff;transition:0.3s;}
.m34 .about2 .slider .item:hover .info_g button:after{border-color:#fff;transition:0.3s;}
.m34 .about2 .slider .item a:before{display:block;content:"";position: absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border: 3px solid #0082c4;box-sizing: border-box;opacity: 0;transition: 0.1s;z-index: 1;}
.m34 .about2 .slider .item:hover a:before{opacity:1;transition:0.3s;}

.m34 .icon1 *{animation:dashoffset3 2s linear infinite 0.1s;transform-origin: center; stroke-dasharray: 20;stroke-dashoffset: 20;}
.m34 .icon1 .i1_i1{animation:dashoffset 2s linear infinite;transform-origin: center; stroke-dasharray: 100;stroke-dashoffset: 100;}
.m34 .icon1 .i1_i2{animation: dashoffset2 2s linear infinite 0.1s;transform-origin: center;stroke-dasharray: 200;stroke-dashoffset: 200;}
.m34 .icon2 .i2_i1{opacity:0; animation: opacityAni 1s  infinite alternate ;}
.m34 .icon2 .i2_i2{opacity:0; animation: opacityAni 1s  infinite alternate 0.2s;}
.m34 .icon2 .i2_i3{opacity:0; animation: opacityAni 1s  infinite alternate .4s;}
.m34 .icon3 .i3_i1{animation:dashoffset4 1.2s  infinite alternate;transform-origin: center; stroke-dasharray:50;stroke-dashoffset: 50;}
.m34 .icon3 .i3_i2{animation:dashoffset4 1.2s  infinite alternate 0.2s;transform-origin: center; stroke-dasharray:50;stroke-dashoffset: 50;}
.m34 .icon3 .i3_i3{animation:dashoffset4 1.2s  infinite alternate 0.4s;transform-origin: center; stroke-dasharray:50;stroke-dashoffset: 50;}
@keyframes opacityAni {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-webkit-keyframes dashoffset{
0%{
   
	stroke-dashoffset:100; 
}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes dashoffset2{
0%{
   
	stroke-dashoffset:200; 
}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes dashoffset3{
0%{
   
	stroke-dashoffset:20; 
}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes dashoffset4{
0%{
   
	stroke-dashoffset:50; 
}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes dashoffset5{
0%{
   
	stroke-dashoffset:230; 
}
100%{stroke-dashoffset:0;}
}


.board_view{padding-bottom: 195px;}
.board_view .contents{margin-top:135px;}
.board_view .g_container{position: relative;width: 100%;border-bottom: 1px solid #c5c5c5;}
.board_view .g_container .g_head{position: relative;width: 100%;border-bottom: 2px solid #000000;padding-bottom: 45px;}
.board_view .g_container .g_head .cate{font-size: 1.6rem;color: #0081c4;letter-spacing: -0.25px;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;line-height: 1.3;word-break: keep-all;text-transform: uppercase;margin-bottom: 10px;}
.board_view .g_container .g_head .cate span{text-align: center;padding: 0 13px;height: 28px;background: #0082c4;display: inline-block;font-size: 1.4rem;line-height: 28px;color: #fff;font-weight: 500;min-width: 75px;}
.board_view .g_container .g_head .cate2 span{background:#c2d74e;}
.board_view .g_container .g_head .title{font-size: 3.6rem;color: #000000;letter-spacing: -0.25px;font-weight: 500;line-height: 1.3;word-break: keep-all;}
.board_view .g_container .g_head .date{font-size: 1.8rem;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;font-weight: 300;margin-top: 40px;color: #555;}
.board_view .g_container .g_head .recruit{position:absolute;top: 50%;right: 45px;transform: translateY(-50%);}
.board_view .g_container .g_head .recruit .cate{width: 80px;height: 80px;font-size: 1.7rem;color: #fff;letter-spacing: -0.5px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.board_view .g_container .g_head .recruit .cate1{background: #0bd5b2;}
.board_view .g_container .g_head .recruit .cate2{background: #00abdc;}
.board_view .g_container .g_head .recruit .cate3{background: #4977cc;}
.board_view .g_container .g_body{position: relative;padding: 60px 40px 90px;}
.board_view .g_container .g_body img{max-width: 100%;}
.board_view .g_container .g_file{position: relative;width: 100%;padding: 21px 45px;border-top: 1px solid #c5c5c5;display: flex;flex-wrap: wrap;}
.board_view .g_container .g_file .tit{position: relative;font-size: 1.8rem;color: #111;font-weight: 500;width: 130px;}
.board_view .g_container .g_file ul{width: calc(100% - 130px);min-height: 36px;padding-top: 2px;display: flex;flex-wrap: wrap;background: url('/images/page/board_view_file_i.png')no-repeat left 16px top 10px;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;}
.board_view .g_container .g_file ul li{font-size: 1.8rem;color: #555555;margin-right: 20px;}
.board_view .g_container .g_file ul li:last-child{margin-right:0;}
.board_view .g_container .g_file ul li a{display:block;}
.board_view .g_container .g_file ul li a:after{display:inline-block;content:"";background: url('/images/page/file_icon.png')no-repeat left top;width: 14px;height: 15px;vertical-align: top;margin: 9px 0 0 8px;}
.board_view .g_container .g_file ul li a:hover{text-decoration-line: underline;}
.board_view .g_pagination{position: relative;width: 100%;margin-top: 60px;display: flex;flex-wrap: wrap;justify-content: center;}

.board_view .g_pagination .page_nav.next a{align-items: flex-end;}
.board_view .g_pagination .page_nav.next .arrow{left: auto;right: 0;background-image: url('/images/page/paging_next.png');}
.board_view .g_pagination .page_nav{position: relative;width: calc(50% - 40px);font-size: 1.8rem;color: #555555;font-weight: 400;overflow: hidden;}
.board_view .g_pagination .page_nav a{position: relative;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;padding: 0 30px;height: 100%;width: auto;}
.board_view .g_pagination .page_nav a span{font-size: 2.3rem;color: #000;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;display: block;}
.board_view .g_pagination .page_nav a .txt1{margin-top: 8px;}
.board_view .g_pagination .page_nav a:before{display:block;content:"";position: absolute;top: 16px;left: 2px;width: 10px;height: 10px;border: 2px solid #000;transform: rotate(-135deg);border-left: 0;border-bottom: 0;}
.board_view .g_pagination .page_nav.next a:before{transform: rotate(45deg);left: auto;right: 2px;}
.board_view .g_pagination .pg_list_btn{position: relative;width: 80px;height: 80px;text-align: center;}
.board_view .g_pagination .pg_list_btn a{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;border: 1px solid #666666;overflow:hidden;padding: 10px;}
.board_view .g_pagination .pg_list_btn a span{position: relative;display: block;width: 34px;height: 1px;background: #666666;}
.board_view .g_pagination .pg_list_btn a span:nth-child(2){margin: 10px 0;}


.m51{padding-bottom: 180px;}
.m51 .sec1 .page_title_g.main_title{margin-bottom:95px;}
.m51 .sec1 .page_title_g .txt1{margin-top: 22px;}
.m51 .sec1 .items{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.m51 .sec1 .items li{position: relative;width: calc(50% - 17.5px);height: 60vw;overflow: hidden;margin-right: 35px;}
.m51 .sec1 .items li:nth-child(2n){margin-right:0;}
.m51 .sec1 .items li:nth-child(n+3){margin-top:35px;}
.m51 .sec1 .items li a{display: block;position: relative;width: 100%;height: 100%;}
.m51 .sec1 .items li a:before{display:block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 3px solid #0082c4;box-sizing: border-box;opacity: 0;transition: 0.1s;z-index: 10;}
.m51 .sec1 .items li:hover a:before{opacity:1;transition:0.3s;}
.m51 .sec1 .items li .bg{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;z-index: 0;}
.m51 .sec1 .items li .title{position: relative;font-size: 2.2rem;color: #ffffff;font-weight: 500;padding: 42px 40px;line-height: 1.65;z-index: 10;}
.m51 .sec1 .items li button{position: absolute;bottom: 40px;right: 40px;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;}
.m51 .sec1 .items li button:after{display:block;content:"";position: absolute;top: 21px;right: 18px;width: 6px;height: 6px;border: 1px solid #fff;transform: rotate(-45deg) skewX(1deg);border-top: 0;border-left: 0;}
.m51 .sec1 .items li button:before{display:block;content:"";position: absolute;top: 24px;left: 50%;width: 15px;height: 1px;background: #fff;transform: translateX(-50%);}
.m51 .sec1 .items li:hover button{background:#0082c4;border-color:#0082c4;transition:0.3s;}
.m51 .sec1 .items li:hover button:before{background:#fff;transition:0.3s;}
.m51 .sec1 .items li:hover button:after{border-color:#fff;transition:0.3s;}


.form_wrap{padding-bottom:0;}
.form_wrap .contents{margin-top: 90px;background: #f6f6f6;padding: 115px 0 150px;}
.form_wrap .contents .g + .g{margin-top: 110px;}
.form_wrap .contents .table .tr{width: 100%;display: flex;flex-wrap: wrap;border-bottom: 1px solid #c5c5c5;}
.form_wrap .contents .table.type2{}
.form_wrap .contents .table.type2 .tr:nth-child(n+2){margin-top:20px;}
.form_wrap .contents .table .tr.w50{}
.form_wrap .contents .table .tr .input{font-size: 1.7rem;width: 100%;height: 75px;outline: 0;padding: 0;font-weight: 300;background: transparent;border: 0;}
.form_wrap .contents .table .tr.type2 .td{width:100%;}
.form_wrap .contents .table .tr.type3{margin-top: 28px;}
.form_wrap .contents .table .tr.n_line{border:0;}
.form_wrap .contents .table .tr.file .th > *:after{display:inline-block;content:"";width: 20px;height: 18px;background: url('/images/page/download_icon.png')no-repeat left top;margin-left: 12px;}
.form_wrap .contents textarea{width: 100%;height: 240px;resize: none;border: 0;padding: 0 30px;outline: 0;background: transparent;}
.form_wrap .contents .table .th{width: 165px;display: flex;flex-wrap: wrap;align-items: center;font-size: 1.8rem;color: #111111;font-weight: 500;padding-left: 30px;}
.form_wrap .contents .table .td{width: calc(100% - 165px);}
.form_wrap .radio_list{}
.form_wrap .radio_list li{margin: 5px 90px 5px 0;color: #111;}
.form_wrap .radio_list li:last-child{margin-right:0;}
.form_wrap .contents .g .title{font-size: 3.4rem;color: #000000;font-weight: 500;margin-bottom: 50px;}
.form_wrap .contents .g .agreement_wrap{padding: 12px 30px 24px 30px;border-bottom: 1px solid #c5c5c5;}
.form_wrap .contents .g .agreement_wrap > b{font-weight: 500;font-size: 1.8rem;color: #111;margin-bottom: 12px;display: block;}
.form_wrap .contents .g .agreement_wrap ul li{position: relative;padding-left: 12px;}
.form_wrap .contents .g .agreement_wrap ul li + li{margin-top: 2px;}
.form_wrap .contents .g .agreement_wrap li:before{display: block;content: "·";color: #0082c4;position: absolute;top: 0;left: -3px;font-weight: 800;font-family: 'Noto Sans KR';}
.form_wrap .contents .privacy_wrap{margin-top:30px;text-align:center;color:#000;}
.form_wrap .file_box{position: relative;font-size: 0;display: flex;flex-wrap: wrap;}
.form_wrap .file_box [type="file"] {font-size:15px;  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
.form_wrap .file_box .file_label {width: 170px;height: 60px;background: #000000;color: #fff;font-size: 1.8rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-left: 10px;font-weight: 400;}
.form_wrap .file_wrap:not(.img_file) .file_box .file_name{width: 100%;padding-left: 30px;}
.form_wrap .img_file{margin-top:10px;width: 100%;}
.form_wrap .img_file .file_box .file_name{display: none;}
.form_wrap .img_file .file_box .file_label{margin: 0;background: #6a6b6b;width: 100%;}
.form_wrap .submit_btn{margin: 75px auto 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 260px;height: 56px;border-radius: 56px;background: #0082c4;color: #fff;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;font-size: 1.4rem;letter-spacing: 1px;}
.form_wrap .submit_btn span{position:relative;}
.form_wrap .submit_btn .arr{margin-left: 10px;position: relative;width: 11px;height: 11px;}
.form_wrap .submit_btn .arr:before{display: block;content:"";position: absolute;top: 5px;left: 0;width: 100%;height: 1px;background: #fff;}
.form_wrap .submit_btn .arr:after{display: block;content:"";position: absolute;top: 2px;right: 1px;width: 6px;height: 6px;border: 1px solid #fff;transform: rotate(-45deg) scale(0.9);border-top: 0;border-left: 0;}




.form_wrap input[type=checkbox],
.form_wrap input[type=radio]{position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}
.form_wrap input[type=checkbox]+label,
.form_wrap input[type=radio]+label {position: relative;top: 0px;padding-left: 40px;}
.form_wrap input[type=checkbox]+label:after, 
.form_wrap input[type=checkbox]+label:before,
.form_wrap input[type=radio]+label:after, 
.form_wrap input[type=radio]+label:before{position: absolute;left: 0;display: block;-webkit-box-sizing: content-box;box-sizing: border-box;content: '';}
.form_wrap input[type=checkbox]+label:before,
.form_wrap input[type=radio]+label:before {width: 26px;height: 26px;text-align: center;border: 1px solid #7e7e7e;top: 1px;border-radius: 50%;}
.form_wrap input[type=checkbox]+label:after,
.form_wrap input[type=radio]+label:after {top: 10px;left: 5px;width: 16px;height: 16px;transform: scale(0);margin-top: -4px;border-radius: 50%;background-color: #0082c4;transition: 0.3s;}
.form_wrap input[type=checkbox]:checked+label:after,
.form_wrap input[type=radio]:checked+label:after {content: '';opacity: 1;transition: 0.3s;transform: scale(1);}



.m52 .sec1 .contents{margin-top: 70px;padding-bottom: 150px;}
.m52 .sec1 .contents:before{display:block;content:"";position: absolute;bottom: 0;left: 50%;width: 100vw;height: calc(100% - 460px);background: #f6f6f6;z-index: -1;transform: translateX(-50%);}
.m52 .sec1 .title_g{margin-bottom: 75px;}
.m52 .sec1 .title_g .title{font-size: 3.6rem;color: #000000;font-weight: 500;}
.m52 .sec1 .title_g .title br {display: none;}
.m52 .sec1 .title_g .txt1{font-size: 1.8rem;color: #555;font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;margin-top: 15px;}
.m52 .sec1 .map{width: 100%;height: 500px;}
.m52 .sec1 .root_daum_roughmap{width: 100%;height: 100%;}
.m52 .sec1 .root_daum_roughmap .map_border{border: 0 !important;width: 0;height: 0;}
.m52 .sec1 .root_daum_roughmap .wrap_map{height:390px;}
.m52 .sec1 .root_daum_roughmap .wrap_controllers{display: none !important;}
.m52 .sec1 .con_g{position: relative;width: 100%;padding-top: 75px;}
.m52 .sec1 .con_g .title{font-size: 3rem;color: #000000;font-weight: 500;margin-bottom: 35px;}
.m52 .sec1 .con_g .table{position: relative;width: 100%;border-top: 2px solid #000000;display: flex;flex-wrap: wrap;font-size: 2rem;color: #767676;font-weight: 300;}
.m52 .sec1 .con_g .table .tr{position: relative;width: 50%;border-bottom: 1px solid #000000;display: flex;flex-wrap: wrap;padding: 30px 0px;}
.m52 .sec1 .con_g .table .tr:nth-child(2n):before{display:block;content:"";position: absolute;top: 20px;left: 0;width: 1px;height: calc(100% - 40px);background: #cbcbcb;}
.m52 .sec1 .con_g .table .th{width: 40%;padding-left: 60px;color: #000;font-weight: 500;}
.m52 .sec1 .con_g .table .td{width: 60%;}
.m52 .sec1 .con_g .table a{display: inline-block;}


/*motion*/
@-webkit-keyframes imgAni{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
}
@keyframes fadeSide1{
	0% {
	opacity: 0;
	transform:translate3d(-20px,0px,0);
	}
	100% {
	opacity:1;
	transform:translate3d(0,0px,0);
	}
}
@keyframes fadeSide2{
	0% {
	opacity: 0;
	transform:translate3d(40px,0px,0);
	}
	100% {
	opacity:1;
	transform:translate3d(0,0px,0);
	}
}
.fade_up{opacity:0;}
.fade_up.in-view{animation-name: fadeUpAni; animation-duration: 0.7s;  animation-fill-mode: forwards;}
.fade_up2{opacity:0;}
.fade_up2.in-view{animation-name: fadeUpAni2; animation-duration: 0.6s;  animation-fill-mode: forwards;}
.fade_ani{opacity:0;}
.fade_ani.in-view{animation-name: fadeAni; animation-duration: 1s;  animation-fill-mode: forwards;}
.fade_side{opacity:0;}
.fade_side.in-view{animation-name: fadeSide1; animation-duration: 0.6s;  animation-fill-mode: forwards;}
.fade_side2{opacity:0;}
.fade_side2.in-view{animation-name: fadeSide2; animation-duration: 0.8s;  animation-fill-mode: forwards;}
.scaleAni.in-view{animation-name: scaleAni; animation-duration: 1s;  animation-fill-mode: forwards;}
.scaleAni2{opacity:0;}
.scaleAni2.in-view{animation-name: scaleAni2; animation-duration: 1s;  animation-fill-mode: forwards;}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.imgAni.in-view{animation-name: imgAni; animation-duration: 0.9s;  animation-fill-mode: forwards;}

#dep1_en,
#location_wrap .inner{overflow:hidden;}
#dep1_en span{display: block;opacity: 0;}
#location_wrap .location_depth{opacity: 0;}
#subtop.in-view #dep1_en span{animation-name: fadeUpAni2; animation-duration: 0.7s;  animation-fill-mode: forwards;}
#subtop.in-view #location_wrap .location_depth{animation-name: fadeUpAni2; animation-duration: 0.7s; animation-delay:0.7s; animation-fill-mode: forwards;}

#main_slogan{opacity: 0;}
#subtop.in-view #main_slogan{animation-name: fadeUpAni1; animation-duration: 0.6s; animation-delay:0.5s; animation-fill-mode: forwards;}
@keyframes fadeUpAni{
	0% {
	opacity: 0;
	transform:translate3d(0,30px,0);
	}
	100% {
	opacity:1;
	transform:translate3d(0,0px,0);
	}
}
@keyframes fadeUpAni1{
	0% {
	opacity: 0;
	transform:translate3d(0,10px,0);
	}
	100% {
	opacity:1;
	transform:translate3d(0,0px,0);
	}
}
@keyframes fadeUpAni2{
	0% {
	opacity: 0;
	transform:translate3d(0,100%,0);
	}
	100% {
	opacity:1;
	transform:translate3d(0,0px,0);
	}
}
@keyframes fadeAni{
	0% {
	opacity: 0;
	}
	100% {
	opacity:1;
	}
}
@-webkit-keyframes quick_circle{
0%{transform:rotateY(450deg);}
50%{}
100%{transform:rotateY(0deg);}
}
@keyframes scaleAni{
	0% {
	transform:scale(1.2);
	}
	100% {
	transform:scale(1);
	}
}
@keyframes scaleAni2{
	0% {
	opacity:0;
	transform:scale(0.8);
	}
	100% {
	opacity:1;
	transform:scale(1);
	}
}
.m11 .technology1 .items .i{opacity: 0;}
.m11 .technology1 .items.in-view .i{animation-name: fadeAni; animation-duration: .7s;  animation-fill-mode: forwards;}
.m11 .technology1 .items.in-view .i:nth-child(2){animation-delay:0.2s;}
.m11 .technology1 .items.in-view .i:nth-child(3){animation-delay:0.4s;}
.m11 .technology1 .items.in-view .i:nth-child(4){animation-delay:0.6s;}


.m11 .technology1 .items.in-view .i figure{-webkit-animation:quick_circle 0.6s linear alternate 0.2s;animation:quick_circle 0.6s linear alternate; opacity:1; transition:1s 1s;}
.m11 .technology1 .items .i:nth-child(2) figure{animation-delay:0.3s;}
.m11 .technology1 .items .i:nth-child(3) figure{animation-delay:0.5s;}
.m11 .technology1 .items .i:nth-child(4) figure{animation-delay:0.7s;}


.m11 .technology3 .items.in-view .i figure{-webkit-animation:quick_circle 0.6s linear alternate 0.2s;animation:quick_circle 0.6s linear alternate; opacity:1; transition:1s 1s;}
.m11 .technology3 .items .i:nth-child(2) figure{animation-delay:0.3s;}
.m11 .technology3 .items .i:nth-child(3) figure{animation-delay:0.5s;}

.m11 .technology3 .items .i{opacity: 0;}
.m11 .technology3 .items.in-view .i{animation-name: fadeAni; animation-duration: 1s;  animation-fill-mode: forwards;}
.m11 .technology3 .items.in-view .i:nth-child(2){animation-delay:0.2s;}
.m11 .technology3 .items.in-view .i:nth-child(3){animation-delay:0.4s;}



.m12 .technology2 ol li{opacity: 0;}
.m12 .technology2 .contents.in-view ol li{animation-name: fadeAni; animation-duration: 1s;  animation-fill-mode: forwards;}
.m12 .technology2 .contents.in-view ol li:nth-child(2){animation-delay:0.2s;}
.m12 .technology2 .contents.in-view ol li:nth-child(3){animation-delay:0.4s;}


.m12 .technology2 .contents.in-view ol li .num{-webkit-animation:quick_circle 0.6s linear alternate 0.2s;animation:quick_circle 0.6s linear alternate; opacity:1; transition:1s 1s;display: inline-block;}
.m12 .technology2 ol li:nth-child(2) .num{animation-delay:0.3s;}
.m12 .technology2 ol li:nth-child(3) .num{animation-delay:0.5s;}

@keyframes fig1_3{
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fig1_1{
	0% {
	transform:scale(0.7) translateX(-50%);
		opacity:0;
	}
	100% {
	transform:scale(1.1) translateX(-50%);
		opacity:1;
	}
}
@keyframes fig3_1{
	0% {
	transform:scale(0.7);
	}
	100% {
	transform:scale(1);
		opacity:1;
	}
}
.m12 .technology2 ol li .fig1 .i1{animation: fig1_1 1s infinite 0.2s alternate;transform-origin: left center;}
.m12 .technology2 ol li .fig1 .i2{animation: fig1_1 1s infinite alternate;transform-origin: left center;}
.m12 .technology2 ol li .fig1 .i3{animation: fig1_3 1s infinite alternate;transform-origin: left center;}


.m12 .technology2 ol li .fig2{animation: allRotate 1s infinite alternate;}
.m12 .technology2 ol li .fig2 .i1{animation: allBtn1 1s infinite alternate 1s;}
.m12 .technology2 ol li .fig2 .i2{left: auto;right: 0;animation: allBtn2 1s infinite alternate 1s;}
.m12 .technology2 ol li .fig2 .i3{top: auto;bottom: 0;animation: allBtn3 1s infinite alternate 1s;}
.m12 .technology2 ol li .fig2 .i4{left: auto;right: 0;top: auto;bottom: 0;animation: allBtn4 1s infinite alternate 1s;}


.m12 .technology2 ol li .fig3 .i1{animation: fig3_1 1s infinite 1s alternate;transform-origin:  center;}
.m12 .technology2 ol li .fig3 .i2{animation: fig3_1 1s infinite alternate;transform-origin:  center;}

@keyframes allRotate {
0%{transform:rotate(0deg);}
40%{transform:rotate(0deg);}
100%{transform:rotate(90deg);}
}


@keyframes allBtn1 {
0%{transform:translate3d(0,0,0);}
40%{transform:translate3d(0,0,0);}
100%{transform:translate3d(5px,5px,0);}
}
@keyframes allBtn2 {
0%{transform:translate3d(0,0,0);}
40%{transform:translate3d(0,0,0);}
100%{transform:translate3d(-5px,5px,0);}
}
@keyframes allBtn3 {
0%{transform:translate3d(0,0,0);}
40%{transform:translate3d(0,0,0);}
100%{transform:translate3d(5px,-5px,0);}
}
@keyframes allBtn4 {
0%{transform:translate3d(0,0,0);}
40%{transform:translate3d(0,0,0);}
100%{transform:translate3d(-5px,-5px,0);}
}

.m12 .technology4 .product_list li{opacity: 0;}
.m12 .technology4 .product_list.in-view li{animation-name: fadeAni; animation-duration: 1s;  animation-fill-mode: forwards;}
.m12 .technology4 .product_list.in-view li:nth-child(2){animation-delay:0.2s;}
.m12 .technology4 .product_list.in-view li:nth-child(3){animation-delay:0.4s;}


.m13 .technology1 .graph_wrap .graph_box .box .items > * > *{opacity:0;}
.m13 .technology1 .graph_wrap.in-view .graph_box .box .items > * > *{animation-name: graphAni; animation-duration: 0.6s;  animation-delay:0.3s; animation-fill-mode: forwards;}
.m13 .technology1 .graph_wrap.in-view .graph_box .box .items > *:nth-child(2) > *{animation-delay:0.6s;}
.m13 .technology1 .graph_wrap.in-view .graph_box .box .items > *:nth-child(2) > *:nth-child(2){animation-delay:0.9s;}
.m13 .technology1 .graph_wrap.in-view .graph_box .box .items > *:nth-child(2) > *:nth-child(3){animation-delay:1.2s;}
.m13 .technology1 .graph_wrap.in-view .graph_box .box .items > *:nth-child(3) > *{animation-delay:1s;}
.m13 .technology1 .graph_wrap.in-view .graph_box .box .items > *:nth-child(3) > *:nth-child(2){animation-delay:1.3s;}
.m13 .technology1 .graph_wrap.in-view .graph_box .box .items > *:nth-child(3) > *:nth-child(3){animation-delay:1.5s;}

@keyframes graphAni{
	0% {
		opacity:0;
		transform:translate3d(-30px,0,0);
	}
	100% {
		opacity:1;
		transform:translate3d(0px,0,0);
	}
}



.m13 .technology2 .items .i{opacity: 0;}
.m13 .technology2 .items.in-view .i{animation-name: fadeAni; animation-duration: 1s;  animation-fill-mode: forwards;}
.m13 .technology2 .items .i:nth-child(2){animation-delay:0.2s;}
.m13 .technology2 .items .i:nth-child(3){animation-delay:0.4s;}

.m31 .about1 .items .item .page_title_g .title5.fade_side.in-view{animation-delay:0.3s;}
.m31 .about1 .items .item .page_title_g .txt1.fade_side.in-view{animation-delay:0.5s;}





.m31 .about2 .contents ul li{opacity: 0;}
.m31 .about2 .contents.in-view ul li{animation-name: fadeAni; animation-duration: 1s;  animation-fill-mode: forwards;}
.m31 .about2 .contents ul li:nth-child(2){animation-delay:0.2s;}
.m31 .about2 .contents ul li:nth-child(3){animation-delay:0.4s;}
.m31 .about2 .contents ul li:nth-child(4){animation-delay:0.6s;}
.m31 .about2 .contents ul li:nth-child(5){animation-delay:0.8s;}
.m31 .about2 .contents ul li:nth-child(6){animation-delay:1s;}


.m31 .about2 .contents.in-view ul figure{-webkit-animation:quick_circle 0.6s linear alternate 0.2s;animation:quick_circle 0.6s linear alternate; opacity:1; transition:1s 1s;}
.m31 .about2 .contents ul li:nth-child(2) figure{animation-delay:0.3s;}
.m31 .about2 .contents ul li:nth-child(3) figure{animation-delay:0.5s;}
.m31 .about2 .contents ul li:nth-child(4) figure{animation-delay:0.7s;}
.m31 .about2 .contents ul li:nth-child(5) figure{animation-delay:0.9s;}
.m31 .about2 .contents ul li:nth-child(6) figure{animation-delay:1.1s;}

.m33 .about2 .history_list .title_g .title{animation-delay:0.3s;}
.m33 .about2 .history_list .con_g{animation-delay:0.3s;}
.m33 .about2 .history_list .title_g:before{width: 0%;}
.m33 .about2 .history_list .in-view .title_g:before{animation-name: historyLine;animation-duration: 1s;animation-fill-mode: forwards;}
@keyframes historyLine{
	0% {
		width: 0px;
	}
	100% {
		width: 200px;
	}
}


.m33 .about3 .items .i{opacity: 0;}
.m33 .about3 .items.in-view .i{animation-name: fadeAni; animation-duration: 1s;  animation-fill-mode: forwards;}
.m33 .about3 .items .i:nth-child(2){animation-delay:0.2s;}
.m33 .about3 .items .i:nth-child(3){animation-delay:0.4s;}
.m33 .about3 .items .i:nth-child(4){animation-delay:0.6s;}


.m34 .about2 .slider{animation-delay:0.5s;}
.m34 .about1 .contents .item:nth-child(2) .g{animation-delay:0.3s;}
.m34 .about1 .contents .item:nth-child(3) .g{animation-delay:0.6s;}
.m34 .about2 .slider .item{transition:0.3s;}
.m34 .about2 .slider.drag .item{transform:scale(0.9);}


.m51 .sec1 .items li{opacity: 0;}
.m51 .sec1 .items.in-view li{animation-name: fadeAni; animation-duration: 1s;  animation-fill-mode: forwards;}
.m51 .sec1 .items li:nth-child(2){animation-delay:0.2s;}
.m51 .sec1 .items li:nth-child(3){animation-delay:0.4s;}
.m51 .sec1 .items li:nth-child(4){animation-delay:0.6s;}


.swiper-button-next, .swiper-button-prev{width: 40px;height: 70px;background: transparent;}
.swiper-button-prev:before,
.swiper-button-next:before{display:block;content:"";position: absolute;top: 12px;left: 12px;width: 45px;height: 45px;border: 1px solid #000;transform: rotate(135deg);border-left: 0;border-top: 0;}
.swiper-button-next:before{transform: rotate(-45deg);left: -17px;}




.board_skin{padding-bottom: 160px;}
.board_list2 .contents{margin-top: 140px;width: 100%;}
.board_list2 .list_wrap{position: relative;width: 100%;border-top: 2px solid #000000;}
.board_list2 .list_wrap li{width: 100%;border-bottom: 1px solid #c5c5c5;}
.board_list2 .list_wrap li a{display: flex;flex-wrap: wrap;padding: 34px 0;}
.board_list2 .list_wrap .cate{width: 135px;font-size: 1.6rem;color: #0081c4;font-weight: 500;padding: 1px 10px 0 0px;text-align: center;}
.board_list2 .list_wrap .title{width: calc(100% - 135px - 135px);font-size: 1.8rem;color: #000;font-weight: 500;display: inline;}
.board_list2 .list_wrap .title p{display:inline-block;}
.board_list2 .list_wrap li.file .title:after{display: inline-block;position: relative;top: 2px;content:"";width: 14px;height: 15px;background: url('/images/page/file_icon.png')no-repeat top left;margin: 4px 0 0 15px;vertical-align: top;}
.board_list2 .list_wrap .date{width: 135px;font-size: 1.8rem;color: #555555;font-family: 'Lexend',sans-serif;text-align: right;padding: 2px 0 0 10px;}
.board_list2 .list_wrap .cate span{padding: 0 13px;height: 28px;background: #0082c4;display: inline-block;font-size: 1.4rem;line-height: 27px;color: #fff;font-weight: 500;min-width: 75px;}
.board_list2 .list_wrap .cate.cate001 span{background:#0082c4;}
.board_list2 .list_wrap .cate.cate002 span{background:#c2d74e;}