#header.sub{background: #fff;border-bottom: 1px solid #E9E9E9} #header.sub #gnb > ul > li > a{color: #333333} #header.sub .h_menu .lang button i{background: #F4F4F4} #header.sub .h_menu .lang button path{stroke: #333333} #header.sub .h_menu .lang button line{stroke: #333333} #header.sub .h_menu .lang button ellipse{stroke: #333333} #header.sub .h_menu .lang button span{color: #333333} #header.sub #logo path{fill: #333333} #header.sub .h_menu .lang:after{background: #333} #header.sub .all_menu_btn button i{background: #333333} #header.sub #gnb > ul > li > a{height: 100px;} #sub .more_b{justify-content: center;display: flex;margin-top: 40px;} #sub .more_b a strong{width: 180px;height: 70px;border-radius: 35px 0 0 35px;background: #4DC5D1;justify-content: flex-end;padding-right: 17px;font-size: 22px;color: #fff;border: none} #sub .more_b a span{width: 70px;height: 70px;border-radius: 0 35px 35px 0;background: #4DC5D1;border: none} #sub .more_b a:hover strong{;border-radius: 35px;border:none;padding-right: 50px} #sub .more_b a:hover span{;border-radius: 35px;border:none;background: #4DC5D1 url(/img/sub/btn_arr.png) no-repeat center center;} #sub.faq .con02 .more_b a strong{padding-right: 0;} #sub .paging ul{display: flex;justify-content: center;gap: 40px;align-items: center} #sub .paging ul li a{font-size: 18px;color: #BBBBBB;font-weight: 600;font-family: "Outfit", sans-serif;} #sub .paging ul li.num a{width: 44px;height: 44px;align-items: center;justify-content: center;color: #6F8E8E;display: flex} #sub .paging ul li.num.on a{color: #fff;background: #4DC5D1;border-radius: 8px} #sub.esg .esg_content{padding-left: 100px;border-left: 1px solid #E9E9E9;border-top: 1px solid #E9E9E9;padding-top: 95px;display: flex;flex-direction: column;gap: 140px;border-right: 1px solid #E9E9E9;padding-bottom: 200px;padding-right: 100px} #sub.esg .esg_content .esg_title {display: flex;align-items: center;gap: 14px;margin-bottom: 30px} #sub.esg .esg_content .esg_title svg{display: block} #sub.esg .esg_content .esg_title strong{font-size: 32px;color: #333333;font-weight: 700} #sub.esg .esg_content .esg_title strong{font-size: 32px;color: #333333;font-weight: 700} #sub.esg .esg_content .esg_box_w{width: 100%;min-height: 540px;background: #F4F9F9;border-radius: 30px;display: flex;align-items: center;justify-content: center} #sub.esg .esg_content .esg_box_w .esg_edit{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;font-size: 34px;color: #9AB1B1;font-weight: 700} #sub.esg .esg_content .dep3_content{display: flex;flex-direction: column;gap: 60px} #sub.esg .esg_content .dep3_content img{max-width: 100%} #sub.esg .esg_content .dep3_content .title strong{font-size: 24px;color: #333333;margin-bottom: 30px;display: block} .sub_visual{position: relative;padding-top: 260px;margin-bottom: 60px;z-index: 15} .sub_visual .sv_title{margin-bottom: 60px;} .sub_visual .sv_title strong{display: block;text-align: center;font-family: "Outfit", sans-serif;font-size: 100px;font-weight: 500} #sub .depth{position: relative;z-index: 99} #sub .depth > ul{display: flex;justify-content: center} #sub .depth > ul > li{height: 70px;display: flex;align-items: center;border: 1px solid #E9E9E9;border-right: none;width: 260px;padding-left: 30px;font-size: 21px;color: #333333;font-weight: 500;position: relative;position: relative;cursor: pointer} #sub .depth > ul > li ul{position: absolute;top: 120%;background: #fff;width: 100%;left: 0; border: 1px solid #E9E9E9;display: none;transition: 0s} #sub .depth > ul > li ul li{ border-bottom: 1px solid #E9E9E9;} #sub .depth > ul > li ul li:last-child{border-bottom: none} #sub .depth > ul > li ul li a{line-height: 1.5;padding: 20px;display: block} #sub .depth > ul > li:after{content: '';display: block;width: 4px;height: 7px;background: url(/img/sub/tabl_arrow.png);position: absolute;right: 30px;top: 50%;margin-top: -3.5px} #sub .depth > ul > li:last-child{color: #4DC5D1} #sub .depth > ul > li:last-child:after{display: none} #sub .depth > ul > li:last-child{border-right: 1px solid #E9E9E9;} #sub .depth > ul > li ul{transition: 0s !important;transition-delay: 0s !important} /*개요 현재*/ #sub .sub_con{padding-bottom: 120px;} #sub .con_w{margin-bottom: 180px;} #sub .sub_title{display: flex;align-items: center;gap: 0 10px} #sub .sub_title {margin-bottom: 50px} #sub .sub_title p{font-size: 20px;color: #000000;line-height: 1.5;padding-left: 60px;} #sub .sub_title strong{font-size: 50px;color: #333333;font-family: "Outfit", sans-serif;font-weight: 500} #sub.stock .sub_title strong{ font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} #sub .inner{width: 1520px;margin: 0 auto} #sub.who .con01 .wrap{height: 654px;align-items: center;justify-content: center;position: relative;display: flex} #sub.who .con01 .wrap .bubble{position: absolute;left: 50%;top: 50%} #sub.who .con01 .wrap .bubble01{margin-left: -246px;margin-top: -246px;} #sub.who .con01 .wrap .bubble02{margin-left: -537px;margin-top: -201px;} #sub.who .con01 .wrap .bubble03{margin-left: 344px;margin-top: -241px;} #sub.who .con01 .wrap .bubble04{margin-left: 112px;margin-top: 250px;} #sub.who .con01 .wrap .title{position: relative;z-index: 3} #sub.who .con01 .wrap .title strong{font-size: 40px;color: #333333;font-weight: 600;line-height: 60px;display: block;text-align: center} #sub.who .con01 .wrap .title strong span{color: #4DC5D1} #sub.who .con02 ul{display: flex;flex-wrap: wrap;gap: 120px} #sub.who .con02 ul li{width: calc(50% - 60px)} #sub.who .con02 ul li > div{display: flex;border-radius: 20px;align-items: center;height: 260px;background: #F4F9F9;padding-left: 40px;} #sub.who .con02 ul li:hover > div{background: #4DC5D1} #sub.who .con02 ul li > div .icon{margin-right: 40px;} #sub.who .con02 ul li > div strong{display: block;color: #333333;font-size: 28px;font-weight: 600;display: block;margin-bottom: 20px;} #sub.who .con02 ul li > div p{font-size: 20px;color: #666666;line-height: 34px} #sub.who .con02 ul li > div{position: relative} #sub.who .con02 ul li:hover > div strong{color: #FFFFFF} #sub.who .con02 ul li:hover > div p{color: #DFFCFF} #sub.who .con02 ul li > div > i{position: absolute;right: 40px;top: 50%;margin-top: -5px;opacity: 0} #sub.who .con02 ul li:hover > div > i{opacity: 1} #sub.who .con02 ul li > div .icon{border-radius: 50%;box-shadow: 0 0 40px rgba(0,111,123,0.1);transition: 0.7s} #sub.who .con02 ul li:hover > div .icon{opacity: 0} #sub.who .con02 ul li > div .txt{transition: 0.7s} #sub.who .con02 ul li:hover > div .txt{transform: translateX(-180px)} /*비전*/ #sub.who .con02 ul li > div .icon img{display: block} #sub.vision .con01{position: relative} #sub.vision .con01 .img{display: block} #sub.vision .con01 .bg img{width: 100%} #sub.vision .con01 .con{position: absolute;width: 100%;height: 100%;top: 0;left: 0} #sub.vision .con01 .con > div{display: flex;height: 100%;flex-direction: column;justify-content: space-between;padding: 50px 0} #sub.vision .con01 .con > div .tit strong{display: block;font-family: "Outfit", sans-serif;font-size: 70px;line-height: 90px;font-weight: 500;color: #fff} #sub.vision .con01 .con > div .txt{text-align: right} #sub.vision .con01 .con > div .txt p{font-size: 50px;color: #FFFFFF;font-weight: 600;line-height: 75px;} #sub.vision .con02{background: #F4F9F9;padding: 180px 0} #sub.vision .con02 ul{display: flex;gap:0 67px} #sub.vision .con02 ul li{width: 100%;position: relative} #sub.vision .con02 ul li:after{content: '';display: block;width: 36px;height: 4px;background: url(/img/sub/vision_dot.png);position: absolute;top: 50%;margin-top: -2px;right: -53px;} #sub.vision .con02 ul li:last-child:after{display: none} #sub.vision .con02 ul li span{position: absolute;top: 0;left: 0;color: #4DC5D1;font-family: "Outfit", sans-serif;} #sub.vision .con02 ul li .txt{display: flex;align-items: center;background: #4DC5D1;border-radius: 90px 10px 10px 10px;height: 180px;justify-content: center} #sub.vision .con02 ul li .txt p{font-size: 24px;color: #FFFFFF;line-height: 36px;} #sub.vision .con03{position: relative;padding: 120px 0} #sub.vision .con03 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} #sub.vision .con03 .bg img{display: block} #sub.vision .con03 .inner{position: relative;z-index: 5} #sub.vision .con03 ul{display: flex;flex-wrap: wrap;gap: 120px 560px} #sub.vision .con03 ul li{width: calc(50% - 280px);border: 2px solid #4DC5D1;border-radius: 10px;background: #fff;box-shadow: 0 40px 40px rgba(0,111,123,0.1);padding: 40px;padding-right: 0} #sub.vision .con03 ul li i img{display: block;} #sub.vision .con03 ul li i{display: block;margin-bottom: 20px;} #sub.vision .con03 ul li strong{display: block;font-size: 30px;color: #333333;margin-bottom: 20px;} #sub.vision .con03 ul li p{font-size: 20px;line-height: 30px;color: #666666} #sub.vision .con03 .title{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center} #sub.vision .con03 .title strong{flex-shrink: 42px;color: #333333;line-height: 63px;font-size: 42px;font-weight: 400} #sub.vision .con03 .title strong span{font-weight: 600} /*ci*/ #sub.ci .sub_visual{margin-bottom: 0} #sub.ci .con01{position: relative} #sub.ci .con01 .bg{transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%} #sub.ci .con01 .con{height: 867px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;text-align: center} #sub.ci .con01 ul{display: flex;flex-direction: column;gap: 20px 0;width: 1000px;max-width: 100%;margin: 0 auto;margin-top: 80px;} #sub.ci .con01 ul li{background: #F4F9F9;padding: 30px 20px; border-radius: 10px;text-align: center;font-size: 20px;color: #627A7A;line-height: 30px;font-weight: 400} #sub.ci .con01 ul li span{font-weight: 600;color: #4DC5D1;} #sub.ci .con02 ul li{display: flex;align-items: center;margin-bottom: 120px} #sub.ci .con02 ul li:last-child{margin-bottom: 0} #sub.ci .con02 ul li > div{width: 50%;padding: 0 80px} #sub.ci .con02 ul li > div .ci{width: 100%;height: 400px;border-radius: 20px;background: #F4F9F9;align-items: center;justify-content: center;display: flex;} #sub.ci .con02 ul li > div .ci .ci_in{position: relative} #sub.ci .con02 ul li > div .ci .ci_in .c{position: absolute;top: 0;left: 0} #sub.ci .con02 ul li > div.text_w span{display: block;font-size: 18px;color: #BBBBBB;font-family: "Outfit", sans-serif;font-weight: 500;margin-bottom: 30px;} #sub.ci .con02 ul li > div.text_w span i{color: #4DC5D1;font-weight: inherit;font-family: "Outfit", sans-serif;margin-bottom: 30px;} #sub.ci .con02 ul li > div.text_w strong{font-size: 36px;display: block;color: #333333;margin-bottom: 30px;} #sub.ci .con02 ul li > div.text_w p{font-size: 20px;line-height: 40px;color: #666666;} /*CEO GREETING*/ #sub.ceo .sub_visual{margin-bottom: 0;} #sub.ceo .sub_con{position: relative;padding: 116px 0;padding-bottom: 154px;} #sub.ceo .sub_con .bg{position: absolute;top: 50%;left: 50%} #sub.ceo .sub_con .bg img{display: block} #sub.ceo .sub_con .bg04{margin-left: 0px;margin-top: -50px;mix-blend-mode: darken} #sub.ceo .sub_con .bg06{margin-left: -872px;margin-top: -447px;} #sub.ceo .sub_con .bg01{margin-left: -597px;top: auto;bottom: 80px;} #sub.ceo .sub_con .bg02{margin-left: 509px;top: auto;top: 54px} #sub.ceo .sub_con .bg03{margin-left: -329px;margin-top: 170px;} #sub.ceo .sub_con .bg05{top: auto;left: auto;right: 0;bottom: 0} #sub.ceo .con01 .con{display: flex;position: relative;z-index: 3} #sub.ceo .con01 .ceo_img {width: 390px;position: relative} #sub.ceo .con01 .ceo_img .img_w{position: relative} #sub.ceo .con01 .ceo_img .img_w:before{content: '';display: block;width: 100%;height: 390px;background: #F4F9F9;border-radius: 20px;position: absolute;bottom: 0;left: 0} #sub.ceo .con01 .ceo_img .img_w .img{position: relative;z-index: 2} #sub.ceo .con01 .ceo_img .img_w img{display: block;} #sub.ceo .con01 .ceo_img .txt{display: flex;justify-content: center;align-items: center;gap: 0 10px;margin-top: 20px;} #sub.ceo .con01 .ceo_img .txt span{display: block;font-family: "Outfit", sans-serif;font-size: 20px;font-weight: 600;color: #4DC5D1} #sub.ceo .con01 .ceo_img .txt strong{font-size: 30px;color: #333333;font-weight: 600} #sub.ceo .con01 .txt_wrap{padding-left: 80px} #sub.ceo .con01 .txt_wrap ul li{margin-bottom: 40px;} #sub.ceo .con01 .txt_wrap ul li p{font-size: 20px;color: #666666;font-weight: 500;line-height: 32px} #sub.ceo .con01 .txt_wrap strong{font-size: 22px;display: block;color: #333333} /*경영진*/ #sub.member .mem_list > ul{display: flex;flex-wrap: wrap;justify-content: center;gap: 0 120px;} #sub.member .mem_list > ul > li{width: calc(50% - 60px)} #sub.member .mem_list3 > ul{gap: 0 60px;} #sub.member .mem_list3 > ul > li{width: calc(33% - 40px)} #sub.member .mem_list > ul > li .img_w{background: #F4F9F9;height: 335px;display: flex;align-items: center;justify-content: center} #sub.member .mem_list > ul > li .img_w img{display: block} #sub.member .mem_list > ul > li .txt{padding: 40px 30px;} #sub.member .mem_list > ul > li .txt .name > span{display: block;font-size: 17px;color: #4DC5D1;margin-bottom: 10px;} #sub.member .mem_list > ul > li .txt .name > div{display: flex;gap: 0 10px;margin-bottom: 12px;align-items: flex-end} #sub.member .mem_list > ul > li .txt .name > div strong{font-size: 26px;color: #333333;font-weight: 600} #sub.member .mem_list > ul > li .txt .name > div em{color: #999999;font-size: 26px;font-weight: 500} #sub.member .mem_list > ul > li .txt .name > div span{color: #999999;font-size: 20px;} #sub.member .mem_list > ul > li .txt .name > p{font-size: 18px;color: #999999;line-height: 1.5} #sub.member .mem_list > ul > li .txt .list{margin-top: 30px;} #sub.member .mem_list > ul > li .txt .list strong{display: block;font-size: 20px;color: #333333;margin-bottom: 10px;} #sub.member .mem_list > ul > li .txt .list ul{display: flex;flex-direction: column;gap: 10px 0} #sub.member .mem_list > ul > li .txt .list ul li{font-size: 18px;color: #777777;position: relative;padding-left: 14px;line-height: 26px} #sub.member .mem_list > ul > li .txt .list ul li:before{content: '';display: block;width: 4px;height: 4px;background: #4DC5D1;border-radius: 50%;position: absolute;left: 0;top: 11px} #sub.member .mem_list3 > ul > li .txt{padding-left: 0;padding-right: 0} #sub.member .title{margin-bottom: 100px;} #sub.member .title span{display: block;font-size: 21px;color: #4DC5D1;font-weight: 500;text-align: center;margin-bottom: 30px;} #sub.member .title strong{display: block;text-align: center;font-size: 40px;color: #333333;} #sub.member .line{margin-bottom: 120px;border-top: 1px solid #E9E9E9} #sub.member .con02{margin-top: 200px;} #sub.member .mem_list2{margin-top: 70px;} #sub.l_menu .sub_visual{margin-bottom: 20px} #sub .sub_con2{position: relative;padding-left: 400px} #sub .sub_con2 .sub_tab{position: absolute;left: 0;width: 400px;height: 100vh;} #sub .sub_content, #sub .sub_tab{padding-top: 100px;} #sub .sub_content .content_w, #sub .sub_tab .tab_in{border-top: 1px solid #E9E9E9;} #sub .sub_con2 .tab_in{border-right: 1px solid #E9E9E9;height: 100%} #sub .sub_con2 .tab_in{border-right: 1px solid #E9E9E9;height: 100%} #sub .sub_con2 .sub_tab ul li a{display: block;border-bottom: 1px solid #E9E9E9;height: 120px;display: flex;align-items: center;justify-content: flex-end;transition: 0.7s} #sub .sub_con2 .sub_tab ul li:hover a span{color: #4DC5D1} #sub .sub_con2 .sub_tab ul li a span{display: block;width: 200px;font-size: 28px;color: #333333;font-weight: 600;transition: 0.7s} #sub .sub_con2 .sub_tab ul li.on a{background: #4DC5D1;position: relative} #sub .sub_con2 .sub_tab ul li.on a:after{content: '';display: block;width: 12px;height: 20px;background: url(/img/sub/arrow.png);position: absolute;right: -25px} #sub .sub_con2 .sub_tab ul li.on a span{color: #fff} #sub .sub_con2 .content_w{padding-right: 20px;} #sub .sub_con2 .content_w .inner2{width: 1320px;max-width: 100%;border-right: 1px solid #E9E9E9;padding: 120px 0;position: relative} #sub .sub_title2 {padding-left: 120px;margin-bottom: 120px;} #sub .sub_title2 strong{display: block;font-size: 40px;color: #333333;font-weight: 400} #sub .sub_title2 strong span{font-weight: 600} #sub.talent .con01 ul li{border-bottom: 1px solid #E9E9E9;display: flex;height: 460px;align-items: center;padding: 0 60px;position: relative} #sub.talent .con01 ul li .tal_shape{position: absolute;right: 112px;} #sub.talent .con01 ul li .tal_shape img{filter: drop-shadow(40px 40px 40px rgba(0,59,65,0.16))} #sub.talent .con01 ul li .tit strong{display: block;font-size: 40px;color: #333333;margin-bottom: 30px;} #sub.talent .con01 ul li .tit p{font-size: 20px;color: #666666;line-height: 40px;} #sub.talent .con01 ul li:nth-child(1) .tal_shape{top: -53px;right: 54px} #sub.talent .con01 ul li:nth-child(2) .tal_shape{top: 55px;} #sub.talent .con01 ul li:nth-child(3) .tal_shape{top: 78px;right: 70px;} #sub.talent .con01 ul li .dot{display: flex;flex-direction: column;gap: 6px;margin-right: 50px} #sub.talent .con01 ul li .dot i{display: block;width: 6px;height: 6px;border-radius: 2px;background: #4DC5D1;opacity: 0.2} #sub.talent .con01 ul li .dot i.on{opacity: 1} #sub.benefit .con01{display: flex;flex-wrap: wrap;border-top: 1px solid #E9E9E9} #sub.benefit .con01 .con{width: 50%;padding: 100px 70px} /*#sub.benefit .con01 .con:nth-child(1),*/ /*#sub.benefit .con01 .con:nth-child(2){;box-shadow: 0 0 40px rgba(0,111,123,0.16);border-bottom: 1px solid #E9E9E9}*/ #sub.benefit .con01 .con:nth-child(1), #sub.benefit .con01 .con:nth-child(3){border-right: 1px solid #E9E9E9} #sub.benefit .con01 .con{border-bottom: 1px solid #E9E9E9} #sub.benefit .con01 .con strong{display: block;font-size: 36px;color: #333333;margin: 30px 0} #sub.benefit .con01 .con ul {display: flex;flex-direction: column;gap: 10px 0} #sub.benefit .con01 .con ul li {font-size: 20px;color: #777777;position: relative;padding-left: 14px;line-height: 30px} #sub.benefit .con01 .con ul li:before{content: '';display: block;width: 4px;height: 4px;background: #4DC5D1;border-radius: 50%;position: absolute;left: 0;top: 14px} #sub.step .con01{position: relative;z-index: 3} #sub.step .con01 ul li{display: flex;position: relative} #sub.step .con01 ul li:after{content: '';display: block;width: 12px;height: 12px;border: 3px solid #4DC5D1;border-radius: 50%;box-sizing: border-box;position: absolute;left: 50%;transform: translate(-50%, -50%);background: #fff;top: 50%} #sub.step .con01 ul li .step_in{width: 50%;display: flex;justify-content: flex-end;padding: 0 60px} #sub.step .con01 ul li:nth-child(2n){justify-content: flex-end} #sub.step .con01 ul li:nth-child(2n) .step_in{justify-content: flex-start} #sub.step .con01 ul li .num{display: flex;justify-content: center;align-items: center;width: 200px;height: 200px;border-radius: 40px;box-shadow: 0 0 40px rgba(0,111,123,0.16);position: relative} #sub.step .con01 ul li .num strong{display: block;font-size: 60px;color: #4DC5D1;font-family: "Outfit", sans-serif;} #sub.step .con01 ul li .num span{position: absolute;top: 50%;display: block;color: #BAD5D8;font-weight: 500;font-family: "Outfit", sans-serif;left: 0;width: 100%;transform: translateY(-50px);text-align: center} #sub.step .con01 ul li .box{display: flex;align-items: center} #sub.step .con01 ul li .box{flex-direction: row-reverse;gap:0 30px} #sub.step .con01 ul li:nth-child(2n) .box{flex-direction: row} #sub.step .con01 ul li .txt p{font-size: 24px;color: #333333;font-weight: 600} #sub.step .con01 ul li:last-child .num{background: #4DC5D1} #sub.step .con01 ul li:last-child .num strong{color: #fff} #sub.step .con01 ul li:last-child .num span{color: #83E3EC} #sub.step .con01 .tit{display: flex;width: 465px;height: 60px;background: #F4F9F9;border-radius: 10px;margin: 0 auto;align-items: center;justify-content: center;margin-top: 60px} #sub .con01 .tit p{font-size: 18px;color: #666666;} #sub.step .sub_con2 .content_w .inner2:after{content: '';display: block;width: 2px;height: 100%;left: 50%;background: url(/img/sub/step_line.jpg);position: absolute;top: 0;margin-left: -1px;} #sub .sub_con2 .content_w .in3{padding-left: 120px;border-right: 1px solid #e9e9e9} #sub.l_menu2 .sub_con2 .content_w .inner2:before{content: '';display: block;width: 1px;height: 100%;position: absolute;background: #E9E9E9;top: 0;left: 120px;} #sub.l_menu2 .sub_con2 .content_w .inner2:after{content: '';display: block;width: 1px;height: 100%;position: absolute;background: #E9E9E9;top: 0;right: 0;} #sub.faq .con01{position: relative;z-index: 2} #sub.faq .con01 ul li a{display: block} #sub.faq .con01 ul li .title{height: 120px;display: flex;align-items: center;padding-right: 150px;padding-left: 60px;position: relative} #sub.faq .con01 ul li .title strong{font-size: 22px;color: #333333;} #sub.faq .con01 ul li .title i{font-weight: 600;display: inline-block;color: #4DC5D1;margin-right: 10px;} #sub.faq .con01 ul li{border-top: 1px solid #E9E9E9;} #sub.faq .con01 ul{border-bottom: 1px solid #E9E9E9;} #sub.faq .con01 ul li .title .arrow{position: absolute;width: 120px;height: 100%;right: 0;top: 0;display: flex;align-items: center;justify-content: center;border-left: 1px solid #E9E9E9;1px solid #E9E9E9;} #sub.faq .con01 ul li .content{background: #F4F9F9;padding: 60px;display: none} #sub.faq .con01 ul li .content p{font-size: 20px;color: #666666;line-height: 40px;} #sub.faq .con01 ul li.on{border: 2px solid #4DC5D1} #sub.faq .con01 ul li.on .title .arrow{background: #4DC5D1} #sub.faq .con01 ul li .title .arrow svg{display: block} #sub.faq .con01 ul li.on .title .arrow svg{transform: rotate(180deg)} #sub.faq .con01 ul li.on .title .arrow path{stroke: #fff} #sub.faq .con01 ul li .title .arrow path{transition: 0.7s} #sub.faq .con01 ul li .title .arrow svg{transition: 0.7s} #sub.form .con01 .f_w{padding: 60px;border-top: 1px solid #E9E9E9} #sub.form .con01 .info{display: flex;align-items: center;border: 1px solid #E9E9E9;height: 278px;align-items: center;padding-left: 60px;background: #F4F9F9;border-right: none} #sub.form .con01 .info .txt{margin-left: 40px;padding: 10px 0; padding-left: 40px;border-left: 1px solid #CFE4E6} #sub.form .con01 .info .txt strong{display: block;color: #333333;font-size: 26px;font-weight: 600;margin-bottom: 24px;} #sub.form .con01 .info .txt p{font-size: 20px;color: #777777;position: relative;padding-left: 14px;line-height: 30px;margin-top: 10px;} #sub.form .con01 .info .txt p:before{content: '';display: block;width: 4px;height: 4px;background: #4DC5D1;border-radius: 50%;position: absolute;left: 0;top: 14px} #sub.form.pass .con01 .info .txt{padding: 0} #sub.form .con01 .inp_w label{display: block;font-size: 20px;color: #333333;font-size: 20px;font-weight: 600;margin-bottom: 10px;} #sub.form .con01 .inp_w label i{font-weight: 600;color: #4DC5D1;} #sub.form .con01 .inp_w input, #sub.form .con01 .inp_w textarea{display: block;width: 100%;height: 70px;border: 1px solid #DDDDDD;font-size: 18px;color: #333333;padding-left: 30px;} #sub.form .con01 .inp_w input:focus, #sub.form .con01 .inp_w textarea:focus{background: #F4F9F9;border-color: #4DC5D1} #sub.form .con01 .inp_w input::placeholder, #sub.form .con01 .inp_w textarea::placeholder{color: #999999} #sub.form .con01 .list{display: flex;gap: 60px} #sub.form .con01 .list ul{width: 100%} #sub.form .con01 .list ul:nth-child(1){border-right: 1px solid #E9E9E9;padding-right: 60px;} #sub.form .con01 .list ul{display: flex;flex-direction: column;gap: 60px} #sub.form .con01 .w100{margin-top: 60px} #sub.form .con01 .inp_w textarea{height: 280px;padding-top: 18px} #sub.form .con02 {padding: 60px} #sub.form .con02 .more_b a strong{padding-right: 0} #sub.form .con02 .more_b a:hover strong{padding-right: 20px;} #sub.form .con02 .wrap{background: #F4F9F9;height: 370px;display: flex;align-items: center;justify-content: center;text-align: center} #sub.form .con02 .wrap i{width: 80px;height: 80px;border-radius: 10px;overflow: hidden;box-shadow: 0 0 30px rgba(0,111,123,0.16)} #sub.form .con02 .wrap > div > strong{display: block;text-align: center;font-size: 26px;color: #333333;margin-top: 30px;} #sub.form.pass .con01{border-bottom: 1px solid #E9E9E9} #sub.form.pass .con01 .info{height: 160px;justify-content: center} #sub.form.pass .con01 .info .txt{padding-left: 0;margin-left: 0;border: none} #sub.form.pass .con01 .info .txt strong{margin-bottom: 0} #sub.form.pass .con01 .pass_w{display: flex;flex-direction: column;width: 480px;gap: 20px 0;margin: 0 auto} #sub.form.pass .con01 .more_b a strong{padding-right: 0} #sub.form.pass .con01 .more_b a:hover strong{padding-right: 20px;} #sub.list_board .con01 .title{margin-bottom: 50px;} #sub.list_board .con01 .title strong{display: block;text-align: center;font-size: 24px;color: #333333;font-weight: 600;} #sub.list_board .con01 .title strong span{color: #18BECF;} #sub.list_board .list{margin-bottom: 64px} #sub.list_board .list table {width: 100%;border-collapse: collapse} #sub.list_board .list table th:nth-child(1){width: 80px;} #sub.list_board .list table th{height: 80px;vertical-align: middle;background: #F4F9F9;font-size: 18px;font-weight: 500;color: #5E7171;border-bottom: 1px solid #E9E9E9} #sub.list_board .list table th.tit{width: 50%} #sub.list_board .list table td{height: 80px;border-bottom: 1px solid #E9E9E9;vertical-align: middle;text-align: center;font-size: 18px;color: #666666} #sub.list_board .list table td a{font-weight: 600;color: #333333;font-size: 20px;display: block;text-align: left} #sub.list_board .list table td span{display: flex;align-items: center;justify-content: center;width: 110px;height: 40px;border: 2px solid #4DC5D1;font-size: 18px;color: #4DC5D1;font-weight: 600;border-radius: 20px;margin: 0 auto} #sub.list_board .list table td span.end{background: #4DC5D1;color: #fff;} #sub.view .con01 .title{border-bottom: 1px solid #E9E9E9;padding: 60px;position: relative;border-top: 1px solid #E9E9E9} #sub.view .con01 .title .stat{position: absolute;right: 60px;top: 50%;transform: translateY(-50%)} #sub.view .con01 .title .stat span{display: flex;align-items: center;justify-content: center;width: 130px;height: 50px;font-size: 18px;color: #fff;font-weight: 600;border-radius: 25px;background: #4DC5D1;} #sub.view .con01 .title strong{display: block;font-size: 24px;color: #333333} #sub.view .con01 .title p{font-size: 18px;color: #999999;margin-top: 20px;} #sub.view .con01 .content{padding: 60px;background:#F4F9F9;min-height: 400px;border-bottom: 1px solid #E9E9E9} #sub.view .con01 .content img{max-width: 100%} #sub.view .con01 .re{display: flex;margin-top: 20px;} #sub.view .con01 .re .re_w{width: 100%;border: 3px solid #4DC5D1;padding: 60px;border-radius: 10px;} #sub.view .con01 .re .re_w strong{font-size: 20px;font-weight: 600;color: #333333;margin-bottom: 20px;display: block} #sub.view .con01 .re .re_w p{font-size: 20px;font-weight: 400;color: #333333;} #sub.direction .con01 .map_w{height: 500px;} #sub.direction .con01 .map_w .root_daum_roughmap_landing{width: 100%;height: 100%} #sub.direction .con01 .map_w .root_daum_roughmap .wrap_map{width: 100%;height: 100%} #sub.direction .con01 ul{display: flex;padding: 40px 60px;border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9} #sub.direction .con01 ul li{padding: 0 40px;border-right: 1px solid #E9E9E9;} #sub.direction .con01 ul li:last-child{border-right: none} #sub.direction .con01 ul li:nth-child(1){padding-left: 0} #sub.direction .con01 ul li span{display: block;font-size: 16px;color: #4DC5D1;font-family: "Outfit", sans-serif;margin-bottom: 10px;} #sub.direction .con01 ul li strong{font-size: 22px;color: #333333;font-weight: 600} #sub.direction .con02{display: flex;flex-direction: column;gap: 100px 0;padding: 60px} #sub.direction .con02 .title{background: #F4F9F9;border-radius: 20px;display: flex;align-items: center;padding-left: 105px;position: relative;height: 80px;} #sub.direction .con02 .title strong{display: block;font-size: 22px;color:#333333 } #sub.direction .con02 .title i{position: absolute;left: 0;display: block;border-radius: 20px;overflow: hidden;box-shadow: 0 0 20px rgba(0,111,123,0.16);} #sub.direction .con02 .title i img{display: block} #sub.direction .con02 .txt{padding-left: 105px;padding-top: 24px;} #sub.direction .con02 .txt ul{display: flex;flex-direction: column;gap: 16px 0} #sub.direction .con02 .txt ul li{display: flex;gap: 0 20px;} #sub.direction .con02 .txt ul li span{display: block;color: #4DC5D1;font-weight: 500;line-height: 27px;} #sub.direction .con02 .txt ul li span:before{content: '';display: block;width: 4px;height: 4px;background: #4DC5D1;border-radius: 50%;display: inline-block;position: relative;top: -3px;margin-right: 8px;} #sub.direction .con02 .txt ul li p{font-size: 18px;color: #666666;line-height: 27px;} #sub.direction .con02 .txt ul li em{display: block;line-height: 27px;padding: 0 10px;border-radius: 30px;background: #FF900D;font-size: 16px;color: #FFFFFF;} #sub.direction .con02 .txt ul li em.col01{background: #0175b8} #sub.direction .con02 .txt ul li em.col02{background: #26b44b} #sub.direction .con02 .txt ul li em.col03{background: #17c3cb} #sub.direction .con02 .txt ul li em.col04{background: #e6186c} #sub.direction .con02 .txt .loc_dot > div{display: flex;gap: 8px;} #sub.direction .con02 .txt .loc_dot > div:nth-child(1){margin-bottom: 14px;} #sub.direction .con02 .txt .loc_dot > div .col2{background: #26B44B} #sub.world .con01{position: relative;height: 100vh;overflow: hidden;border-top: 1px solid #E9E9E9} #sub.world .con01 .map{position: absolute;left: 50%;;top: 50%;transform: translate(-50%,-50%);mix-blend-mode: multiply} #sub.world .con01 .bg{position: absolute;width: 50%;height: 100%;background: #4DC5D1;opacity: 0;transition: 0.7s} #sub.world .con01 .bg.on{opacity: 1} #sub.world .con01 .bg02{right: 0} #sub.world .con01 .map_in{display: flex;position: relative;z-index: 3} #sub.world .con01 .map_in > div{width: 100%;height: 100vh;padding-top: 123px;} #sub.world .con01 .map_in .title{margin-bottom: 100px;} #sub.world .con01 .map_in .title i{display: block;text-align: center;margin-bottom: 13px;} #sub.world .con01 .map_in .title i path{transition: 0.7s} #sub.world .con01 .map_in .on .title i path{fill: #fff} #sub.world .con01 .map_in .title strong{display: block;text-align: center;font-size: 60px;color: #333333;margin-bottom: 30px;transition: 0.7s} #sub.world .con01 .map_in .on .title strong{color: #fff} #sub.world .con01 .map_in .title ul{display: flex;align-items: center;gap:0 10px;justify-content: center} #sub.world .con01 .map_in .title ul li{display: flex;height: 50px;gap: 0 30px;background: linear-gradient(to left,#4DC5D1, #00A2B2);align-items: center;border-radius: 25px;font-size: 20px;color: #FFFFFF;font-weight: 600;padding: 0 30px;} #sub.world .con01 .map_in .on .title ul li{background: #00A2B2} #sub.world .con01 .map_in .on .txt ul li p{color: #fff} #sub.world .con01 .map_in .txt{width: 780px;margin: 0 auto} #sub.world .con01 .map_in .txt ul{display: flex;flex-wrap: wrap;gap: 20px;} #sub.world .con01 .map_in .txt ul li{width: calc(50% - 10px);display: flex;height: 80px;border: 1px solid #E9E9E9;align-items: center;justify-content: center;backdrop-filter: blur(20px);background: rgba(255,255,255,0.1);position: relative} #sub.world .con01 .map_in .txt ul li p{font-size: 20px;line-height: 30px;text-align: center} #sub.world .con01 .map_in .txt ul li:before{content: '';width: 6px;height: 6px;background: #4DC5D1;border-radius: 50%;position: absolute;top: 10px;left: 10px;transition: 0.7s} #sub.world .con01 .map_in .txt ul li:hover:before{color: #fff} #sub.bo_list .sub_con{padding-bottom: 0} #sub.bo_list .con01{border-top: 1px solid #E9E9E9;} #sub.bo_list .con01 .faci_text_w{position: relative;padding-top: 25px} #sub.bo_list .con01 .faci_text_w > p{font-size: 20px;line-height: 1.5;color: #666666} #sub.bo_list .con01 .faci_text_w .address{display: flex;align-items: center;gap: 12px;margin-top: 40px} #sub.bo_list .con01 .faci_text_w .address span{display: block;font-size: 18px;color: #4DC5D1; font-family: "Outfit", sans-serif;} #sub.bo_list .con01 .faci_text_w .address em{font-size: 16px;color: #BBBBBB;} #sub.bo_list .con01 .faci_text_w .address i{display: block;width: 1px;height: 6px;background: #DDDDDD} #sub.bo_list .con01 .faci_text_w .more_b strong{width: 138px;height: 60px;background: #fff;border: 1px solid #DDDDDD;color: #333333;font-size: 16px;padding-right: 30px} #sub.bo_list .con01 .faci_text_w .more_b{position: absolute;right: 0;bottom: 0} #sub.bo_list .con01 .faci_text_w .more_b a span{width: 60px;height: 60px;border: 1px solid #DDDDDD;background: none} #sub.bo_list .con01 .inner{border-left: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;padding-bottom: 120px;padding-top: 60px} #sub.bo_list .con01 .list{margin-bottom: 84px} #sub.bo_list .con01 .list ul{border-top: 1px solid #E9E9E9} #sub.bo_list .con01 .list ul li{border-bottom: 1px solid #E9E9E9} #sub.bo_list .con01 .list ul li a{display: flex;height: 140px;align-items: center;padding-left: 0} #sub.bo_list .con01 .list ul li a strong{display: block;font-size: 22px;color: #333333;display: flex;align-items: center;transition: 0.7s} #sub.bo_list .con01 .list ul li:hover a strong{color: #fff} #sub.bo_list .con01 .list ul li a strong i{position: relative;display: block;margin-left: 10px;} #sub.bo_list .con01 .list ul li a strong img{display: block;position: relative} #sub.bo_list .con01 .list ul li a strong i:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/img/sub/file_on.png);background-size: 100% 100%;opacity: 0;transition: 0.7s} #sub.bo_list .con01 .list ul li:hover a strong i:after{opacity: 1} #sub.bo_list .con01 .list ul li a p{font-size: 16px;color: #BBBBBB;transition: 0.7s} #sub.bo_list .con01 .list ul li:hover a p{color: #fff} #sub.bo_list .con01 .list ul li a .txt{width: calc(100% - 140px);height: 100%;display: flex;flex-direction: column;gap: 10px 0;justify-content: center;padding-left: 60px;transition: 0.7s} #sub.bo_list .con01 .list ul li a .arrow{width: 140px;text-align: center;border-left: 1px solid #E9E9E9;height: 140px;display: flex;align-items: center;justify-content: center;transition: 0.7s} #sub.bo_list .con01 .list ul li:hover a .arrow i{opacity: 0} #sub.bo_list .con01 .list ul li:hover a .arrow{background: #4DC5D1;border-radius: 140px 0 0 140px;border-color: #4DC5D1;transform: translateX(20px)} #sub.bo_list .con01 .list ul li:hover a .txt{border-radius: 0 140px 140px 0 ; background: #4DC5D1;} #sub .sch_wrap{margin-bottom: 60px;} #sub .sch_wrap .sch{display: block;width: 660px;height: 80px;margin: 0 auto;position: relative} #sub .sch_wrap input{display: block;width: 100%;height: 100%;background: #F4F9F9;border: none;font-size: 20px;padding-left: 30px;} #sub .sch_wrap input::placeholder{color: #8A9F9F} #sub .sch_wrap button{position: absolute;right: 0;top: 0} #sub.view2 .con01{border-top: 1px solid #E9E9E9} #sub.view.view2 .sub_con{padding-bottom: 0} #sub.view.view2 .con01 .title{border-top: none;} #sub.view.view2 .con01 .inner{border-left: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;padding-bottom: 120px;} #sub.view.view2 .con01 .title strong{font-size: 36px;line-height: 54px;} #sub.view.view2 .con01 .title p{font-size: 20px;} #sub.view.view2 .con01 .file{margin: 20px 0;border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9} #sub.view.view2 .con01 .file a{display: flex;align-items: center;height: 70px;padding-left: 60px;font-size: 18px;color: #333333;gap: 0 10px} #sub.view.view2 .con01 .file a img{display: block} #sub.bo_list .list2{margin-bottom: 105px;} #sub.bo_list .list2 ul{display: flex;flex-wrap: wrap;border-top: 1px solid #E9E9E9} #sub.bo_list .list2 ul li{width: 33.33%;border-bottom: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9} #sub.bo_list .list2 ul li:nth-child(3n){border-right: 0} #sub.bo_list .list2 ul li a{display: block;padding: 60px;transition: 0.7s} #sub.bo_list .list2 ul li a img{width: 100%} #sub.bo_list .list2 ul li:hover a{background: #4DC5D1} #sub.bo_list .list2 ul li .thumb{border-radius: 10px;overflow: hidden;box-shadow: 0 10px 40px rgba(0,59,65,0.16);transition: 0.7s} #sub.bo_list .list2 ul li:hover .thumb{transform: scale(1.05)} #sub.bo_list .list2 ul li .thumb img{display: block} #sub.bo_list .list2 ul li .txt{padding-top: 40px;} #sub.bo_list .list2 ul li .txt strong{display: block;font-size: 20px;color: #333333;;line-height: 30px;margin-bottom: 40px;transition: 0.7s} #sub.bo_list .list2 ul li:hover .txt strong{color: #FFFFFF} #sub.bo_list .list2 ul li .txt p{font-size: 20px;color: #BBBBBB;font-weight: 400;font-family: "Outfit", sans-serif;} #sub.bo_list .list2 ul li:hover .txt p{color: #9BE7EF} #sub.pipeline .con01{padding-top: 60px;overflow: hidden} #sub.pipeline .con01_02{padding-top: 0;margin-top: 100px;} #sub.pipeline .con01 img{display: block;width: 100%} #sub.pipeline .con01 .pipe_in{display: flex;gap: 10px} #sub.pipeline .con01 .pipe_in.title em{display: block;height: 70px;display: flex;align-items: center;justify-content: center;border: 1px solid #DDDDDD;font-size: 20px;color: #333333;font-weight: 600;width: 100%;position: relative} #sub.pipeline .con01 .pipe_in.title .line em:after{content: '';display: block;width: 1px;height: 600px;position: absolute;right: -1px;top: 70px;border-right: 1px dashed #ADC9CC} #sub.pipeline .con01 .pipe_in.title .line em:last-child:after{display: none} #sub.pipeline .con01 .pipe_in.title .line{display: flex;flex-direction: row;gap: 0;border-right: 1px solid #DDDDDD;} #sub.pipeline .con01 .pipe_in.title .line em{border-right: none;} #sub.pipeline .con01 .pipe_in .name_w{width: 32.23684210526316%} #sub.pipeline .con01 .pipe_in .name_w01{display: flex;gap: 10px;} #sub.pipeline .con01 .pipe_in .name_w01 > div{width: 100%} #sub.pipeline .con01 .pipe_in .name_w01 ul{display: flex;flex-direction: column;gap: 10px} #sub.pipeline .con01 .pipe_in .name_w01 ul li a{display: flex;width: 100%;height: 70px;align-items: center;justify-content: center;border: 3px solid #4DC5D1; border-radius: 10px;font-size: 24px;color: #27A7B4;font-weight: 600} #sub.pipeline .con01 .pipe_in .name_w01 > div > a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;border: 3px solid #4DC5D1; border-radius: 10px;font-size: 24px;color: #27A7B4;font-weight: 600;text-align: center} #sub.pipeline .con01 .pipe_in .name_w01 > div > a span{display: block;font-size: 16px;color: #89BCC1;font-weight: 400} #sub.pipeline .con01 .pipe_in.pipe_in02 .name_w02 .con{height: 100px} #sub.pipeline .con01 .pipe_in.pipe_in02 .target strong{height: 100%} #sub.pipeline .con01 .pipe_in.pipe_in02 .line .line_in{height: 100%;padding: 30px 10px } #sub.pipeline .con01 .pipe_in .name_w02 .con{display: flex;gap: 10px;height: 70px;border: 3px solid #4DC5D1;border-radius: 10px;text-align: center;align-items: center} #sub.pipeline .con01 .pipe_in .name_w02 .con a{display: block;font-size: 20px;color: #27A7B4;font-weight: 600;text-align: center;width: 100%;text-align: center} #sub.pipeline .con01 .pipe_in .name_w02 .con > div{width: 100%} #sub.pipeline .con01 .pipe_in .target{width: 13.81578947368421%;display: flex;flex-direction: column;gap: 10px;} #sub.pipeline .con01 .pipe_in .target strong{display: flex;width: 100%;height: 70px;align-items: center;justify-content: center;background: #E6F3F3;border-radius: 10px;text-align: center;font-size: 20px;color: #4D7070;line-height: 30px;} #sub.pipeline .con01 .pipe_in .line{width: 52.63157894736842%;display: flex;flex-direction: column;gap: 10px;} #sub.pipeline .con01 .pipe_in .line .line_in{background: #4DC5D120;height: 70px;display: flex;align-items: center;height: 70px;padding: 14px;border-radius: 10px;} #sub.pipeline .con01 .pipe_in .line .line_in .graph{height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(to right, #4DC5D1, #00A2B2);width: 100%;border-radius: 25px 0 0 25px;;position: relative} #sub.pipeline .con01 .pipe_in .line .line_in .graph:after{content: '';display: block;width: 31px;height: 62px;position: absolute;right: 0;top: 50%;transform: translate(100%, -50%);background: url(/img/sub/color.png)} #sub.pipeline .con01 .pipe_in .line .line_in .graph div{overflow: hidden} #sub.pipeline .con01 .pipe_in .line .line_in .graph strong{display: block;font-size: 20px;color: #FFFFFF;font-weight: 500;white-space: nowrap;opacity: 0;transition: 1s;transition-delay: 2s} #sub.pipeline .con01.on .pipe_in .line .line_in .graph strong{opacity: 1} #sub.pipeline .con01 .pipe_in .line .line_in .graph{transition:2s;width: 5%} #sub.pipeline .con01.on .pipe_in .line .line_in .graph01{width: 68.68%} #sub.pipeline .con01.on .pipe_in .line .line_in .graph02{width: 68.68%} /*#sub.pipeline .con01.on .pipe_in .line .line_in .graph02{width: 72.36%}*/ #sub.pipeline .con01.on .pipe_in .line .line_in .graph03{width: 59.21%} #sub.pipeline .con01.on .pipe_in .line .line_in .graph04{width: 34.86%} #sub.pipeline .con01.on .pipe_in .line .line_in .graph05{width: 13.94%} #sub.pipeline .con01.on .pipe_in .line .line_in .graph06{width: 89.21%} #sub.pipeline .con01.on .pipe_in .line .line_in .graph07{width: 68.68%} #sub.pipeline .con01.on .pipe_in .line .line_in .graph08{width: 35.13%} #sub.pipeline .con01.on .pipe_in .line .line_in .graph09{width: 96%} #sub.pipeline .con01 .inner{display: flex;gap:10px;flex-direction: column} #sub .sub_in{padding-top: 170px;position: relative;margin-bottom: 30px;} #sub .sub_visual2{position: relative;} #sub .sub_visual2 .parts{display: none} #sub .sub_visual2 .visual_img{padding: 0 60px;overflow: hidden;transition: 1s;position: relative;height: 600px;} #sub .sub_visual2 .visual_img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} #sub .sub_visual2 .visual_img{padding: 0 calc(65.6% - 600px);overflow: hidden} #sub .sub_visual2 .wrap{overflow: hidden;border-radius: 20px;height: 100%;position: relative} #sub .sub_visual2 .sv_title{position: absolute;top: 50%;;z-index: 2;width: 100%;text-align: center;transform: translateY(-50%)} #sub .sub_visual2 .sv_title strong{font-size: 100px;color: #333333;font-weight: 600;font-family: "Outfit", sans-serif;letter-spacing: 45px;transition: 1s} #sub .sub_con3{position: relative;padding-left: 330px;} #sub .sub_con3 .sub_tab{position: absolute;left: 0} #sub.patents .con01 table{width: 100%;margin-bottom: 60px;} #sub.patents .con01 table tr{padding: 0 160px} #sub.patents .con01 table th:nth-child(1){padding-left: 200px;width: 40%} #sub.patents .con01 table th:last-child{padding-right: 200px;} #sub.patents .con01 table td:nth-child(1){padding-left: 200px;width: 40%} #sub.patents .con01 table td:last-child{padding-right: 200px;} #sub.patents .con01 table th{height: 100px;background: #F4F9F9;text-align: left;font-size: 18px;color: #5E7171;font-weight: 500;font-size: 18px;vertical-align: middle} #sub.patents .con01 table td{height: 100px;border-bottom: 1px solid #E9E9E9;text-align: left;font-size: 18px;color: #666666;font-weight: 500;font-size: 18px;vertical-align: middle} #sub.patents .con01 table td p{flex-shrink: 20px;font-weight: 600;color: #333333;} #sub.patents .con01 table td span{display: inline-block;width: 54px;line-height: 28px;border: 1px solid #666666;text-align: center;font-size: 16px;color: #666666;border-radius: 14px;margin-right: 10px;} #sub.these .con01{border-top: 1px solid #E9E9E9;} #sub.bo_list .these{margin-bottom: 100px;gap: 20px;display: flex;flex-direction: column} #sub.bo_list .these > li{height: 160px;display: flex;align-items: center;border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9;position: relative} #sub.bo_list .these > li i{display: flex;width: 28px;height: 28px;background: #4DC5D1;border-radius: 0 0 10px 0 ;align-items: center;justify-content: center;font-size: 14px;color: #FFFFFF;font-weight: 600;position: absolute;top: 0;left: 0;position: absolute;top: 0} #sub.bo_list .these > li p{font-size: 20px;color: #333333;line-height: 30px;padding-left: 50px;padding-right: 280px;} #sub.bo_list .these > li ul{display: flex;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);gap:0 20px;} #sub.bo_list .these > li ul li a{display: block;overflow: hidden} #sub.bo_list .these > li ul li a img{display: block;transition: 0.7s} #sub.bo_list .these > li ul li:hover a img{transform: scale(1.1)} #sub.fac .inner{position: relative} #sub.fac .inner:after{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background: #e9e9e9;z-index: -1} #sub.fac .sub_title strong{font-size: 60px;} #sub.fac .con01 .img{border-radius: 20px;overflow: hidden;position: relative} #sub.fac .con01 .img img{display: block;max-width: 100%} #sub.fac .con01 .img.img2{margin-top: 44px} #sub.fac .con01 .img .on{position: absolute;top: 0;left: 0} #sub.fac .con01 .img .on02{animation: 1.5s infinite twi} #sub.fac .con01 .img .f_title{position: absolute;left: 0;bottom: 0;display: flex;align-items: center;height: 64px;padding-right: 30px;background: #fff;padding-right: 30px;gap: 10px;border-radius: 0 20px 0 0} #sub.fac .con01 .img .f_title svg{display: block} #sub.fac .con01 .img .f_title strong{font-size: 28px;color: #333333;font-weight: 600} #sub.fac .con01 .img_list ul{display: flex;gap: 20px} #sub.fac .con01 .img_list ul li{flex: 1} @keyframes twi{ 0%{opacity: 1} 50%{opacity: 0.3} 100%{opacity: 1} } #sub.fac .con01 .img .title{position: absolute;bottom: 0;left: 0;display: flex;align-items: center;gap: 10px;padding-right: 30px;height: 64px;;border-radius: 0 20px 0 0;background: #fff;bottom: -1px} #sub.fac .con01 .img .title strong{font-size: 28px;color: #333333} #sub.product2 .sub_con{padding-bottom: 0} #sub.product2 .box_line{margin-top: 120px;border: 1px solid #E9E9E9;border-bottom: none;padding-bottom: 180px} #sub.product2 .pro_title{background: #F4F9F9;height: 303px;align-items: center;display: flex;padding: 0 60px;border-bottom: 1px solid #E9E9E9;} #sub.product2 .pro_title span{display: block;font-size: 20px;font-weight: 600;color: #4DC5D1;display: block;margin-bottom: 20px;} #sub.product2 .pro_title strong{font-size: 50px;color: #333333;font-weight: 600;} #sub.product2 .pro01{border-top: 1px solid #E9E9E9;padding: 60px;border-top: 1px solid #E9E9E9;margin-top: 60px;display: flex;border-bottom: 1px solid #E9E9E9;} #sub.product2 .pro09{border-top: 1px solid #E9E9E9;padding: 60px;border-top: 1px solid #E9E9E9;margin-top: 60px;display: flex;border-bottom: 1px solid #E9E9E9;} #sub.product2 .pro09 > *{width: 50%} #sub.product2 .pro09 > ul{padding-right: 60px;} #sub.product2 .pro_tit strong{display: block;font-size: 36px;color: #333333;margin-bottom: 40px;line-height: 54px;} #sub.product2 .pro_tit p{display: block;font-size: 20px;color: #666666;line-height: 36px;word-break: keep-all} #sub.product2 .pro_tit ul{display: flex;flex-direction: column;gap: 40px;} #sub.product2 .pro_tit p i{display: block;font-size: 18px;color: #999999;} #sub.product2 .pro_tit ul li{position: relative;padding-left: 16px} #sub.product2 .pro_tit ul li:before{content: '';display: block;width: 6px;height: 6px;background: #4DC5D1;border-radius: 50%;position: absolute;left: 0;top: 16px} #sub.product2 .t_img_w{position: relative} #sub.product2 .t_img_w .t_txt{position: absolute;top: 0;left: 0;padding-right: 30px;padding-bottom: 20px;display: flex;background: #FFFFFF;border-radius: 0 0 20px 0;} #sub.product2 .pro08.on .w ul.text_list{border-radius: 20px;overflow: hidden;position: relative} #sub.product2 .pro08.on .w ul.text_list .img_list li{position: absolute;top: 0;left: 0} #sub.product2 .pro08.on .w ul.text_list img{display: block} #sub.product2 .t_img_w .t_txt strong{display: block;font-size: 22px;color: #333333;;padding-left: 10px} #sub.product2 .pro01 > ul > li:nth-child(1){padding-bottom: 60px;border-bottom: 1px dashed #ADC9CC;} #sub.product2 .pro01 > ul > li:nth-child(2){padding-top: 60px} #sub.product2 .pro01 ul{width: calc(100% - 500px);padding-right: 60px} #sub.product2 .s_con_in{position: relative;padding-right: 60px;margin-top: 120px;padding-left: 300px} #sub.product2 .s_con_in .s_tab02{position: absolute;width: 300px;left: 0;padding-top: 100px;} #sub.product2 .s_con_in .s_tab02 .tab_w{border-top: 1px solid #E9E9E9;height: 100vh} #sub.product2 .s_con_in .s_tab02 .tab_w{border-top: 1px solid #E9E9E9} #sub.product2 .s_con_in .s_tab02 .tab_w .d01{display: flex;height: 120px;align-items: center;padding-left: 60px;border-bottom: 1px solid #E9E9E9;font-size: 24px;color: #333333;font-weight: 600} #sub.product2 .s_con_in .s_tab02 .tab_w .d01 em{font-size: 20px;;color: inherit} #sub.product2 .s_con_in .s_tab02 .tab_w li.on .d01{color: #fff;background: #4DC5D1 url(/img/sub/pro_arrow.png) no-repeat top 50% right 30px } #sub.product2 .s_con_in .s_tab02 .tab_w .d02{padding: 40px 60px;padding-right: 0;display: flex;flex-direction: column;gap: 40px;} #sub.product2 .s_con_in .s_tab02 .tab_w .d02 li a{display: block;font-size: 20px;font-weight: 600;line-height: 30px;color: #999999;position: relative;} #sub.product2 .s_con_in .s_tab02 .tab_w .d02 li a:after{content: '';display: block;width: 3px;height: 100%;position: absolute;right: -1px;background: #4DC5D1;top: 0;opacity: 0} #sub.product2 .s_con_in .s_tab02 .tab_w .d02 li.on a:after{opacity: 1} #sub.product2 .s_con_in .s_tab02 .tab_w .d02 li.on a{color: #18BECF;} #sub.product2 .s_con_in .box_line{margin-top: 0} #sub.product2 .pro02{display: flex;padding: 60px;border-bottom: 1px solid #E9E9E9} #sub.product2 .pro02> div{width: 50%} #sub.product2 .pro02> div.pro_tit{padding-right: 60px;} #sub.product2 .pro02> div.img{display: block;border-radius: 20px;overflow: hidden} #sub.product2 .pro02.animal_pro02 > div{width: 100%} #sub.product2 .pro03{padding: 90px 60px;padding-right: 0} #sub.product2 .pro03 .img{border-radius: 20px;overflow: hidden} #sub.product2 .pro03 .img img{display: block;max-width: 100%;width: 100%} #sub.product2 .pro03 .txt{} #sub.product2 .pro03 .txt .tit{display: flex;margin: 30px 0} #sub.product2 .pro03 .txt .tit div{display: flex;background: linear-gradient(to right,#4DC5D1, #00A2B2);height: 50px;padding: 0 15px;width: auto;align-items: center;border-radius: 25px;} #sub.product2 .pro03 .txt .tit div strong{font-size: 20px;font-weight: 500;color: #FFFFFF;margin-left: 10px;display: block} #sub.product2 .pro03 .txt ul{display: flex;flex-direction: column;gap: 20px;} #sub.product2 .pro03 .txt ul li{position: relative;padding-left: 16px} #sub.product2 .pro03 .txt ul li:before{content: '';display: block;width: 6px;height: 6px;background: #4DC5D1;border-radius: 50%;position: absolute;left: 0;top: 16px} #sub.product2 .pro03 .txt ul li{display: block;font-size: 20px;color: #666666;line-height: 36px;word-break: keep-all} #sub.product2 .pro02_03{display: block} #sub.product2 .pro02_03 > div{width: 100%} #sub.product2 .pro02_03 .pro_tit{margin-bottom: 60px;} #sub.product2 .img img{max-width: 100%} #sub.product2 .pro04{padding: 60px;border-bottom: 1px solid #E9E9E9;border-top: 1px solid #E9E9E9;margin-top: 60px;} #sub.product2 .pro04 .con{display: flex;gap: 40px;margin-bottom: 60px;} #sub.product2 .pro04 .con > *{width: 50%} #sub.product2 .pro04 .con ul li{display: flex;height: 90px;align-items: center;border-bottom: 1px solid #DDDDDD;gap: 0 20px;} #sub.product2 .pro04 .con ul li span{display: flex;background: linear-gradient(to right, #4DC5D1, #00A2B2);width: 150px;height: 50px;align-items: center;justify-content: center;font-size: 20px;font-weight: 5500;color: #FFFFFF;border-radius: 25px;text-align: center} #sub.product2 .pro04 .con ul li p{font-size: 20px;color: #333333;font-weight: 500} #sub.product2 .pro04 .con2 .title{margin-bottom: 30px;} #sub.product2 .pro04 .con2 .title strong{font-size: 24px;font-weight: 600;color: #18BECF;display: block;text-align: center} #sub.product2 .pro04 .con2 .list{position: relative;border-top: 4px solid #4DC5D1;padding-top: 40px;} #sub.product2 .pro04 .con2 .list i{position: absolute;top: 0%;left: 50%;transform: translate(-50%,-50%);display: block} #sub.product2 .pro04 .con2 ul{flex-direction: column;gap: 20px;display: flex} #sub.product2 .pro04 .con2 ul li{font-size: 20px;color: #666666;display: flex;line-height: 30px;} #sub.product2 .pro04 .con2 ul li span{color: #333333;font-weight: 600} #sub.product2 .p_title_box:nth-child(1){border-top: none} #sub.product2 .s_con_in .s_tab02{border-top: 1px solid #e9e9e9} #sub.product2 .p_title_box{display: flex;border-bottom: 1px solid #E9E9E9;margin-bottom: 60px} #sub.product2 .p_title_box .title_in{width: 500px} #sub.product2 .p_title_box .txt_w {width: calc(100% - 500px);padding: 140px 60px;border-left: 1px solid #E9E9E9;position: relative} #sub.product2 .p_title_box .txt_w p{font-size: 20px;line-height: 40px;color: #666666;} #sub.product2 .p_title_box .txt_w ul{gap:20px;display: flex;flex-direction: column;margin-bottom: 20px} #sub.product2 .p_title_box .txt_w ul li{position: relative;padding-left: 16px} #sub.product2 .p_title_box .txt_w ul li:before{content: '';display: block;width: 6px;height: 6px;background: #4DC5D1;border-radius: 50%;position: absolute;left: 0;top: 16px} #sub.product2 .p_title_box .txt_w span{display: block;font-size: 16px;color: #999999;line-height: 24px;margin-top: 10px;} #sub.product2 .p_title_box .title_in{font-size: 42px;color: #333333;line-height: 63px} #sub.product2 .p_title_box .title_in span{font-weight: 400} #sub.product2 .p_title_box.p_title_box01 .title_in {display: flex;align-items: center;padding-top: 0} #sub.product2 .p_title_box .title_in{padding-top: 140px;padding-left: 60px;} #sub.product2 .p_title_box .txt_w i{position: absolute;top: 50%;left: -30px;transform: translateY(-50%)} #sub.product2 .s_con_in.s_con_in_01 .box_line{padding-bottom: 0}E #sub.product2 .s_con_in.s_con_in_02{border-top: 1px solid #E9E9E9;} #sub.product2 .s_con_in_03, #sub.product2 .s_con_in_02{margin-top: 0} #sub.product2 .pro01_01{border-top: none;padding-top: 100px;margin-top: 0} #sub.product2 .s_con_in_03.s_con_in .box_line{padding: 60px;padding-top: 140px;} #sub.product2 .pro_b_title strong{font-size: 100px;color: #333333;font-family: "Outfit", sans-serif;font-weight: 500} #sub.product2 .pro04_img > div {display: flex} #sub.product2 .pro04_img > div.pro_2{border-top: 1px dashed #ADC9CC;padding-top: 60px;margin-top: 60px;} #sub.product2 .pro04_img > div > div{width: 50%} #sub.product2 .pro04_img > div .img img{display: block} #sub.product2 .pro04_img > div .img{border-radius: 20px;overflow: hidden} #sub.product2 .pro04_img > div .pro_tit{padding-right: 60px;} #sub.product2 .con05{padding: 60px;border-bottom: 1px solid #E9E9E9;margin-bottom: 60px} #sub.product2 .con05 .img{margin-top: 60px;background: none} #sub.product2 .con05 .img img{max-width: 100%} #sub.product2 .con05 .img ul{display: flex;gap:0 40px;} #sub.product2 .con05 .img ul li{overflow: hidden;border-radius: 20px} #sub.product2 .con05 .img ul li img{max-width: 100%;display: block} #sub.product2 .con05 .video{margin-top: 40px;overflow: hidden;border-radius: 20px;} #sub.product2 .con05 .video img{max-width: 100%} #sub.product2 .con06{;border-top: 1px solid #E9E9E9;padding: 60px;margin-top: 60px;padding-bottom: .0} #sub.product2 .con06 .list ul{display: flex;flex-wrap: wrap;gap:34px;} #sub.product2 .con06 .list ul li{position: relative} #sub.product2 .con06 .list ul li.remove{display: none} #sub.product2 .con06 .list ul li:nth-child(1){ order: 1;z-index: 7;width: calc(20.51820728291317% - 20px)} /*#sub.product2 .con06 .list ul li:nth-child(2){ order: 2;z-index: 6;width: calc(26.61064425770308% - 20px)}*/ #sub.product2 .con06 .list ul li:nth-child(2){ order: 2;z-index: 5;width: calc(20.51820728291317% - 20px)} #sub.product2 .con06 .list ul li:nth-child(3){ order: 3;z-index: 5;width: calc(20.51820728291317% - 20px)} #sub.product2 .con06 .list ul li:nth-child(4){ order: 4;z-index: 5;width: calc(36.3% - 20px)} /*#sub.product2 .con06 .list ul li:nth-child(2){ order: 2;z-index: 6;width: calc(26.61064425770308% - 20px)}*/ /*#sub.product2 .con06 .list ul li:nth-child(3){ order: 3;z-index: 5;width: calc(36.41456582633053% - 20px)}*/ #sub.product2 .con06 .list ul li:nth-child(5){ order: 8;z-index: 4;width: calc(20.51820728291317% - 20px)} #sub.product2 .con06 .list ul li:nth-child(6){ order: 7;z-index: 3;;width: calc(20.51820728291317% - 20px)} #sub.product2 .con06 .list ul li:nth-child(7){ order: 6;z-index: 2;width: calc(20.51820728291317% - 20px)} #sub.product2 .con06 .list ul li:nth-child(8){ order: 5;z-index: 1;width: calc(36.3% - 20px)} #sub.product2 .con06.con06_01 ul li:nth-child(1), #sub.product2 .con06.con06_01 ul li:nth-child(2), #sub.product2 .con06.con06_01 ul li:nth-child(3){width: calc(32.9% - 17px)} #sub.product2 .con06.con06_01 ul li:nth-child(4){width: calc(50% - 17px)} #sub.product2 .con06.con06_01 ul li:nth-child(5){width: calc(50% - 17px)} #sub.product2 .con06 .list ul li .img div{background: #F4F9F9;border-radius: 20px;overflow: hidden;height: 400px;display: flex;align-items: center} #sub.product2 .con06 .list ul li .img img{display: block;display: block;margin: 0 auto;} #sub.product2 .con06 .list ul li .txt > p{font-size: 16px;line-height: 24px;color: #666666;position: relative;padding-left: 12px;margin-top: 10px;} #sub.product2 .con06 .list ul li .txt > p i{position: absolute;left: 0;} #sub.product2 .con06 .list ul li .txt .tag{display: flex;margin-top: 10px;position: relative} #sub.product2 .con06 .list ul li .txt .tag i{display: flex;width: 44px;height: 44px;background: #2FAEBB;border-radius: 22px 4px 4px 22px;align-items: center;margin-right: 4px;font-size: 18px;color: #FFFFFF;font-family: "Outfit", sans-serif;font-weight: 500;justify-content: center;;} #sub.product2 .con06 .list ul li .txt .tag p{display: flex;padding-left: 10px;padding-right: 20px;height: 44px;background: #4DC5D1;border-radius: 4px 22px 22px 4px;font-size: 20px;color: #FFFFFF;font-weight: 500;align-items: center} #sub.product2 .con06 .list ul li .img{position: relative} #sub.product2.car01 .con06 .list ul li:nth-child(1){position: relative;z-index: 50} #sub.product2.car01 .con06 .list ul li:nth-child(2){position: relative;z-index: 49} #sub.product2.car01 .con06 .list ul li:nth-child(3){position: relative;z-index: 48} #sub.product2 .con06 .list ul li .img:after{content: '';display: block;width: 67px;height: 100px;background: url(/img/sub/vcb_arrow01.png);position: absolute;left: 100%;top: 50%;margin-top: -50px} #sub.product2 .con06 .list ul li:nth-child(n+4) .img:after{background: url(/img/sub/vcb_arrow01.png);position: absolute;left: auto; right: 100%;transform: rotateY(180deg)} #sub.product2.nk .con06 .list ul li:nth-child(4) .img:after{background: url(/img/sub/vcb_arrow01.png);position: absolute;left: auto; right: 100%;transform: rotateY(180deg);width: 67px;height: 100px;top: 50%} #sub.product2.nk .con06 .list ul li:nth-child(5) .img:after{display: none} #sub.product2.nk .con06 .list ul li:last-child .img:after{display: none} #sub.product2.nk .con06 .list ul li:nth-child(4){ order: 5;z-index: 5;} #sub.product2.nk .con06 .list ul li:nth-child(5){ order: 4;z-index: 5;} #sub.product2 .con06 .list ul li:nth-child(4) .img:after{background: url(/img/sub/vcb_arrow02.png);width: 100px;height: 132px;top: auto;left: auto;right: 44px;bottom: -132px} #sub.product2.nk .con06 .list ul li:nth-child(3) .img:after{background: url(/img/sub/vcb_arrow02.png);width: 100px;height: 132px;top: auto;left: auto;right: 44px;bottom: -132px} #sub.product2.nk .con06 .list ul li:nth-child(1) .img:before{content: '';display: block;position: absolute;background: url(/img/sub/vcb_arrow03.png);width: 100px;height: 48px;bottom:-35px;left: 50%;margin-left: -50px;margin-top: 0} #sub.product2.nk .con06 .list ul li:last-child .img:after{display: none} #sub.product2 .con06 .list ul li:nth-child(8) .img:after{display: none} /* #sub.product2 .con06 .list ul li:nth-child(1) .img:after{display: none} #sub.product2 .con06 .list ul li:nth-child(5) .img:after{display: none} #sub.product2 .con06 .list ul li:nth-child(n+4) .img:after{background: url(/img/sub/vcb_arrow01.png);position: absolute;left: auto; right: -34px;transform: rotateY(180deg)} #sub.product2 .con06 .list ul li:nth-child(8) .img:before{background: url(/img/sub/vcb_arrow01.png);position: absolute;left: auto; right: -34px;transform: rotateY(180deg)} #sub.product2.nk .con06 .list ul li:nth-child(5) .img:after{background: url(/img/sub/vcb_arrow01.png);position: absolute;left: auto; right: -34px;transform: rotateY(180deg);width: 67px;height: 100px;top: 50%} #sub.product2.nk .con06 .list ul li:nth-child(4){ order: 5;z-index: 5;} #sub.product2.nk .con06 .list ul li:nth-child(5){ order: 4;z-index: 5;} #sub.product2 .con06 .list ul li:nth-child(4) .img:after{background: url(/img/sub/vcb_arrow02.png);width: 100px;height: 132px;top: auto;left: auto;right: 44px;top: 11px} #sub.product2 .con06 .list ul li:last-child .img:after{background: url(/img/sub/vcb_arrow03.png);width: 100px;height: 48px;top:-48px;left: 50%;margin-left: -50px;margin-top: 0} */ #sub.product2 .pro_tit em{display: block;font-size: 20px;color: #999999;line-height: 24px;} #sub.product2 .pro07{padding: 60px;margin-top: 60px;border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9} #sub.product2 .pro06{padding: 60px;border-bottom: 1px solid #e9e9e9} #sub.product2 .pro07 .img_w{display: flex;position: relative;margin-top: 40px;border-radius: 20px;background: linear-gradient(to left,#F4F9F9, #fff, #F4F9F9)} #sub.product2 .pro07 .img_w > div{width: 50%} #sub.product2 .pro07 .img_w img{display: block;max-width: 100%} #sub.product2 .pro07 .img_w i{position: absolute;left: 50%;top: 50%;display: block;transform: translate(-50%,-50%)} #sub.product2 .pro06 .img_w{background: #F4F9F9;border-radius: 20px;padding: 60px;margin-top: 60px;} #sub.product2 .pro06 .img_w ul{display: flex;gap: 0 70px} #sub.product2 .pro06 .img_w ul li{position: relative} #sub.product2 .pro06 .img_w ul li:after{content: '';display: block;width: 12px;height: 20px;background: url(/img/sub/arrow.png);position: absolute;right: -40px;top: 125px;} #sub.product2 .pro06 .img_w ul li:last-child:after{display: none} #sub.product2 .pro06 .img_w ul li:nth-child(3):after{display: none} #sub.product2 .pro06 .img_w ul li img{width: 100%} #sub.product2 .pro08{padding: 60px;border-top: 1px solid #e9e9e9;margin-top: 60px;} #sub.product2 .pro08 .w{display: flex} #sub.product2 .pro08 .w > *{width: 50%} #sub.product2 .pro08 .w .img{position: relative;border-radius: 20px;overflow: hidden} #sub.product2 .pro08 .w .img .img_list li{position: absolute;top: 0;left: 0;opacity: 0;transition: 0.5s} #sub.product2 .pro08 .w .img .img_list li.on{opacity: 1} #sub.product2 .pro08 .w .img .img_list li img{display: block;} #sub.product2 .pro08 .w .img .link li{position: absolute;top: 0;left: 0;background: #000;width: 10%;height: 5%;opacity: 0} #sub.product2 .pro08 .w .img .link li:nth-child(1){width: 23.5%;height: 8%;left: 42%;top: 7%;} #sub.product2 .pro08 .w .img .link li:nth-child(2){width: 15.5%;height: 7%;left: 15%;top: 75%;} #sub.product2 .pro08 .w .img .link li:nth-child(3){width: 23.5%;height: 10%;left: 69%;top: 74%;} #sub.product2 .pro08 .w ul.text_list{padding-right: 60px;} #sub.product2 .pro08 .w ul.text_list li{position: relative;padding-left: 76px;padding-top: 17px;margin-bottom: 60px} #sub.product2 .pro08 .w ul.text_list li:last-child{margin-bottom: 0} #sub.product2 .pro08 .w ul.text_list li span{display: flex;width: 60px;height: 60px;align-items: center;justify-content: center;background: #4DC5D1;border-radius: 50%;font-size: 20px;color: #FFFFFF;font-weight: 600;position: absolute;left: 0;top: 0} #sub.product2 .pro08 .w ul.text_list li strong{display: block;font-size: 22px;color: #333333;margin-bottom: 20px;} #sub.product2 .pro08 .w ul.text_list li p{display: block;font-size: 20px;color: #666666;line-height: 30px} #sub.product2 .pro11 {padding: 60px;border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9} #sub.product2 .pro11 .w{display: flex;} #sub.product2 .pro11 .w > div{width: 50%} #sub.product2 .pro11 .w > div.table{padding-right: 60px} #sub.product2 .pro11 .w > div img{width: 100%} #sub.product2 .pro10{padding: 60px;border-bottom: 1px solid #e9e9e9} #sub.product2 .pro10 .video{overflow: hidden;border-radius: 20px} #sub.product2 video{width: 100%;display: block} #sub.bev .con01 .bio{position: relative;clip-path: inset(0 60px 0 60px round 20px);} #sub.bev .con01 .sub_title{transform: translateY(0);opacity: 1;} #sub.bev .con01 .bio .base{position: relative;} #sub.bev .con01 .bio .base:after{content: '';display: block;background: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(20px);z-index: 15;pointer-events: none} #sub.bev .con01 .bio .text{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;left: 0;z-index: 20;pointer-events: none} #sub.bev .con01 .bio .text p{font-size: 36px;color: #FFFFFF;font-weight: 500;line-height: 54px;text-align: center} #sub.bev .con01 .pin_wrap svg{display: block} #sub.bev .con01 img{display: block;width: 100%} #sub.bev .con01 .pin_wrap{position: absolute;top: -1%;left: 11.8%;} #sub.bev .con01 .pin_wrap{width: 72.5%} #sub.bev .con01 .sub_title{position: absolute;left: 0;top: 0;background: #fff;padding: 0 60px 30px 60px;border-radius: 0 0 20px 0;z-index: 20} #sub.bev .con01 .pin_wrap svg{width: 100%;height: auto} #sub.bev .con02 .bio{position: relative} #sub.bev .con02 .pin_wrap{position: absolute;top: 0%;left:0%;width: 100%} #sub.bev .con02 .pin_wrap svg{width: 100%;height: auto} #sub.bev .con .title{width: 530px;height: 250px;background: #4DC5D1;border-radius: 0 20px 20px 0;position: relative;display: flex;align-items: center;justify-content: flex-end;margin-top: -220px;} #sub.bev .con .title strong{display: block;font-size: 60px;line-height: 80px;color: #FFFFFF;width: 440px;position: relative;z-index: 2} #sub.bev .con .title .dot02{position: absolute;left: 48px;top: -54px} #sub.bev .con .txt .dot01{position: absolute;right: -63px;top: -63px} #sub.bev .con .txt p{font-size: 20px;line-height: 30px;color: #666666} #sub.bev .con .text{padding: 0 60px;} #sub.bev .con .text > div{padding-bottom: 160px;border-left: 1px solid #E9E9E9;padding-top: 60px;} #sub.bev .sub_con{position: relative;padding: 0 100px} #sub.bev .sub_con:after{content: '';display: block;width: 1px;height: 100%;position: absolute;right: 100px;top: 0;background: #E9e9e9;z-index: -1} #sub.bev .sub_con:before{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 100px;top: 0;background: #E9e9e9;z-index: -1} #sub.bev .con02 .img_w{padding: 0 60px} #sub.stock .sub_con2 .content_w .inner2{border-right: none} #sub.stock.l_menu2 .sub_con2 .content_w .inner2:before{display: none} #sub.stock .con{margin-bottom: 180px;} #sub.stock table{width: 100%;text-align: center;border-collapse: collapse} #sub.stock table th{height: 70px;background: #F4F9F9;border: 1px solid #DFE9E9;vertical-align: middle;font-size: 20px;color: #333333;} #sub.stock table td{height: 70px;;border: 1px solid #DFE9E9;font-size: 20px;vertical-align: middle;color: #666666;} #sub.stock table td .up{color: #FF6464;} #sub.stock table td .down{color: #388FFF;} #sub.stock .con .c{display: flex;gap: 0 20px;} #sub.stock .con01{margin-top: 100px;} #sub.stock .con01 table{border-top: 4px solid #E0EFEF} #sub.stock .total .wrap{background: #F4F9F9;padding: 10px;display: flex;align-items: center} #sub.stock .total ul{display: flex;align-items: center} #sub.stock .total ul li{padding: 0 80px;border-right: 1px solid #C2DEE1} #sub.stock .total ul li:last-child{border-right: none} #sub.stock .total .title{background: linear-gradient(to left,#4DC5D1, #00A2B2);width: 340px;height: 160px;display: flex;align-items: center;padding-left: 60px;border-radius: 20px} #sub.stock .total .wrap span{display: block;font-size: 18px;color: #333333;margin-bottom: 10px;} #sub.stock .total .wrap p{font-size: 30px;color: #333333;font-family: "Outfit", sans-serif;display: flex;align-items: center;gap:0 12px} #sub.stock .total .wrap p svg{display: block} #sub.stock .total .wrap strong{font-size: 60px;color: #FFFFFF;font-family: "Outfit", sans-serif;font-weight: 500} #sub.stock .total .wrap .title span{margin-bottom: 0;color: #fff} #sub.stock .code{display: flex;align-items: center;justify-content: flex-end;gap: 0 10px;margin-bottom: 16px;} #sub.stock .code span{color: #333333;font-size: 18px;} #sub.stock .code strong{font-size: 20px;color: #333333;font-family: "Outfit", sans-serif;font-weight: 500} #sub.stock .sub_con2 .sub_tab ul li a{padding-left: 60px} #sub.stock .sub_con2 .sub_tab ul li a span{width: 100%} #sub.stock .sub_con2 .content_w{padding-left: 100px;padding-top: 100px; padding-right: 50px} #sub.product2 .p_title_box{border-top: 1px solid #e9e9e9} .sub_visual .sv_title strong{letter-spacing: 20px;opacity: 0} .sub_visual.on .sv_title strong{letter-spacing: 0;opacity:1;transition: 1.2s} #sub .depth > ul{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub .depth.on ul{transform: translateY(0);opacity: 1;transition: 1.2s;transition-delay: 0.3s} #sub.history .con01{display: flex} #sub.history .con01 > div{width: 50%} #sub.history .con01 .year .year_in{height: 100vh;display: flex;align-items: center;justify-content: center} #sub.history .con01 .year .year_s{position: absolute;height: 100vh;left: 0;top: 0;border-right: 1px solid #E9E9E9} #sub.history .con01 .year .year_s span{color: #BBBBBB;display: block;padding-right: 24px;position: relative} #sub.history .con01 .year .year_s span:after{content: '';display: block;width: 3px;height: 100%;position: absolute;right: -2px;top: 0;background: #4DC5D1;opacity: 0;;font-family: "Outfit", sans-serif} #sub.history .con01 .year .year_s .on span:after{opacity: 1} #sub.history .con01 .year .year_s .on span{color: #BBBBBB;color: #4DC5D1;} #sub.history .con01 .year .year_s ul{height: 100%;display: flex;flex-direction: column;justify-content: center;gap: 20px;} #sub.history .con01 .year .year_w{display: flex} #sub.history .con01 .year .year_w div{height: 202px;overflow: hidden} #sub.history .con01 .year .year_w div ul{transition: 0.3s} #sub.history .con01 .year .year_w.on1 div ul{transform: translateY(-7.142857142857143%)} #sub.history .con01 .year .year_w.on2 div ul{transform: translateY(-14.28571428571429%)} #sub.history .con01 .year .year_w.on3 div ul{transform: translateY(-21.42857142857143%)} #sub.history .con01 .year .year_w.on4 div ul{transform: translateY(-28.57142857142857%)} #sub.history .con01 .year .year_w.on5 div ul{transform: translateY(-35.71428571428572%)} #sub.history .con01 .year .year_w.on6 div ul{transform: translateY(-42.85714285714286%)} #sub.history .con01 .year .year_w.on7 div ul{transform: translateY(-50.00000000000001%)} #sub.history .con01 .year .year_w.on8 div ul{transform: translateY(-57.14285714285715%)} #sub.history .con01 .year .year_w.on9 div ul{transform:translateY(-64.2857142857143%)} #sub.history .con01 .year .year_w.on10 div ul{transform: translateY(-71.42857142857144%)} #sub.history .con01 .year .year_w.on11 div ul{transform: translateY(-78.57142857142858%)} #sub.history .con01 .year .year_w.on12 div ul{transform: translateY(-85.71428571428573%)} #sub.history .con01 .year .year_w.on13 div ul{transform: translateY(-92.85714285714287%)} #sub.history .con01 .year .year_w div ul li strong{color: #4DC5D1} #sub.history .con01 .year .year_in strong{font-size: 160px;color: #D9E9E9;font-weight: 600;font-family: "Outfit", sans-serif;} #sub.history .con01 .his_list_tab .his{margin-bottom: 80px;padding-bottom: 80px;padding-left: 60px;border-bottom: 1px solid #E9E9E9} #sub.history .con01 .his_list_tab .his ul{display: flex;flex-direction: column;gap: 60px;} #sub.history .con01 .his_list_tab .his strong{display: none} #sub.history .con01 .his_list_tab .his span{display: block;color: #333333;font-size: 50px;font-family: "Outfit", sans-serif;font-weight: 500;margin-bottom: 10px;} #sub.history .con01 .his_list_tab .his p{font-size: 23px;color: #666666;position: relative;padding-left: 14px;line-height: 30px;margin-bottom: 10px;} #sub.history .con01 .his_list_tab .his p:before{content: '';display: block;width: 4px;height: 4px;background: #4DC5D1;border-radius: 50%;position: absolute;left: 0;top: 14px} #sub.history .sub_con{border-top: 1px solid #E9E9E9;} #sub.history .his_list_tab{border-left: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;padding-top: 100px;} #sub.who .con02 ul li{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.who .con02.on ul li{transform: translateY(0);opacity: 1;} #sub.who .con02.on ul li:nth-child(2){transition-delay: 0.3s} #sub.who .con02.on ul li:nth-child(3){transition-delay: 0.6s} #sub.who .con02.on ul li:nth-child(4){transition-delay: 0.9s} #sub.who .con01 .wrap .title{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.who .con01.on .wrap .title{transform: translateY(0);opacity: 1;} #sub.who .con01 .wrap .bubble{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.who .con01.on .wrap .bubble{transform: translateY(0);opacity: 1;;transition-delay: 0.2s} #sub.who .con01.on .wrap .bubble01{transition-delay: 0.3s} #sub.who .con01.on .wrap .bubble02{transition-delay: 0.6s} #sub.who .con01.on .wrap .bubble03{transition-delay: 0.9s} #sub.who .con01.on .wrap .bubble04{transition-delay: 1.2s} #sub.world .con01 .map_in > div{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.world .con01.on .map_in > div{transform: translateY(0);opacity: 1;} #sub.world .con01.on .map_in > div:nth-child(2){transition-delay: 0.3s} #sub.vision .con01 .con .tit div{overflow: hidden} #sub.vision .con01 .con .tit div strong{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.vision .con01.on .con .tit div strong{transform: translateY(0);opacity: 1;} #sub.vision .con01 .con .txt div p{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.vision .con01.on .con .txt div p{transform: translateY(0);opacity: 1;} #sub.vision .con01.on .con .tit div:nth-child(2) strong{transition-delay: 0.3s;} #sub.vision .con01.on .con .tit div:nth-child(3) strong{transition-delay: 0.6s;} #sub.vision .con01.on .con .txt div:nth-child(1) p{transition-delay: 0.9s;} #sub.vision .con01.on .con .txt div:nth-child(2) p{transition-delay: 1.2s;} #sub .sub_title{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub .on .sub_title{transform: translateY(0);opacity: 1;} #sub.vision .con02 ul li{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.vision .con02.on ul li{transform: translateY(0);opacity: 1;} #sub.vision .con03 ul li{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.vision .con03.on ul li{transform: translateY(0);opacity: 1;} #sub.vision .con02.on ul li:nth-child(1){transition-delay: 0.3s} #sub.vision .con02.on ul li:nth-child(2){transition-delay: 0.6s} #sub.vision .con02.on ul li:nth-child(3){transition-delay: 0.9s} #sub.vision .con02.on ul li:nth-child(4){transition-delay: 1.2s} #sub.vision .con03.on ul li:nth-child(1){transition-delay: 0.3s} #sub.vision .con03.on ul li:nth-child(2){transition-delay: 0.6s} #sub.vision .con03.on ul li:nth-child(3){transition-delay: 0.9s} #sub.vision .con03.on ul li:nth-child(4){transition-delay: 1.2s} #sub.product2 .pro10 .video{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.product2 .pro10.on .video{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.vision .con03 .title strong{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.vision .con03.on .title strong{transform: translateY(0);opacity: 1;} #sub.history .sub_con{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.history .sub_con.on{transform: translateY(0);opacity: 1;} #sub.vision .con03 .bg img{animation: rot 20s infinite linear} #sub.bo_list .con01{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.bo_list .con01.on{transform: translateY(0);opacity: 1;} #sub.product2 .pro_title span{transform: translateX(70px);opacity: 0;transition: 1.2s;display: block;} #sub.product2 .pro_title.on span{transform: translateX(0);opacity: 1;} #sub.product2 .pro_title strong{transform: translateX(70px);opacity: 0;transition: 1.2s;display: block} #sub.product2 .pro_title.on strong{transform: translateX(0);opacity: 1;;transition-delay: 0.3s} #sub.product2 .pro01 ul li ul{width: 100%;padding-right: 0} #sub.product2 .pro01 ul li{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.product2 .pro01.on ul li{transform: translateY(0);opacity: 1;} #sub.product2 .pro01.on ul li:nth-child(2){transition-delay: 0.3s} #sub.product2 .pro06 .img_w{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.product2 .pro06.on .img_w{transform: translateY(0);opacity: 1;transition-delay: 0.6s} #sub.product2 .pro01 .t_img_w{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.product2 .pro01.on .t_img_w{transform: translateY(0);opacity: 1;transition-delay: 0.6s} #sub.product2 .pro01 .t_img_w{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.product2 .pro01.on .t_img_w{transform: translateY(0);opacity: 1;transition-delay: 0.6s} #sub .sub_title2 strong{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub .sub_title2.on strong{transform: translateY(0);opacity: 1;} #sub.benefit .con01 .con > div{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.benefit .con01.on .con > div{transform: translateY(0);opacity: 1;} #sub.benefit .con01.on .con:nth-child(2) > div{transition-delay: 0.3s} #sub.benefit .con01.on .con:nth-child(3) > div{transition-delay: 0.6s} #sub.benefit .con01.on .con:nth-child(4) > div{transition-delay: 0.9s} #sub.product2 .pro08 .w ul.text_list{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.product2 .pro08.on .w ul.text_list{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2 .pro08 .w > *.t_img_w{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.product2 .pro08.on .w > *.t_img_w{transform: translateY(0);opacity: 1;transition-delay: 0.6s} #sub.stock .total{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.stock .total.on{transform: translateY(0);opacity: 1;} #sub.stock .con01{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block;} #sub.stock .con01.on{transform: translateY(0);opacity: 1;} #sub.step .con01 ul li{transform: translateX(-70px);opacity: 0;transition: 1.2s;} #sub.step .con01 ul li:nth-child(2n){transform: translateX(70px);} #sub.step .con01.on ul li{transform: translateX(0);opacity: 1;} #sub.step .con01 .tit{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.step .con01.on .tit{transform: translateY(0);opacity: 1;transition-delay: 0.3s} /* #sub.pipeline .con01{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.pipeline .con01.on{transform: translateY(0);opacity: 1} */ #sub.member .title{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.member .on .title{transform: translateY(0);opacity: 1;} #sub.member .mem_list{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.member .on .mem_list{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.faq .con01{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.faq .con01.on{transform: translateY(0);opacity: 1;} #sub.ci .con01 i{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block} #sub.ci .con01.on i{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.ci .con01 ul{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.ci .con01.on ul{transform: translateY(0);opacity: 1;transition-delay: 0.6s} #sub.ci .con02 ul li{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.ci .con02 ul li.on{transform: translateY(0);opacity: 1;} #sub.product2 .pro11 .w > div{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .pro11.on .w > div{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.ci .con02 ul li > div .ci .ci_in .base, #sub.ci .con02 ul li > div .ci .ci_in .c01, #sub.ci .con02 ul li > div .ci .ci_in .c02{transition: 1s} #sub.ci .con02 ul li:nth-child(2).on > div .ci .ci_in .base, #sub.ci .con02 ul li:nth-child(2).on > div .ci .ci_in .c01{opacity: 0.2;transition-delay: 0.7s} #sub.ci .con02 ul li:nth-child(3).on > div .ci .ci_in .base, #sub.ci .con02 ul li:nth-child(3).on > div .ci .ci_in .c02{opacity: 0.2;transition-delay: 0.7s} #sub.ceo .con01 .ceo_img{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.ceo .con01.on .ceo_img{transform: translateY(0);opacity: 1;} #sub.ceo .con01 .txt_wrap{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.ceo .con01.on .txt_wrap{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.ceo .sub_con .bg05{transform: translateX(70px);opacity: 0;transition: 1.2s;} #sub.ceo .sub_con.on .bg05{transform: translateX(0);opacity: 1;transition-delay: 0.6s} #sub.ceo .sub_con .bg02{transform: translate(70px, -70px);opacity: 0;transition: 1.2s;} #sub.ceo .sub_con.on .bg02{transform: translate(0,0);opacity: 1;transition-delay: 0.6s} #sub.product2 .p_title_box .title_in .w > span{display: flex;gap: 0 12px;font-size: 18px;color: #4DC5D1;font-weight: 500;align-items: center;line-height: 1;margin-top: 15px;} #sub.product2 .p_title_box .title_in .w > span i{display: block;width: 1px;height: 12px;background: #DDDDDD} #sub.product2 .p_title_box .title_in{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .p_title_box.on .title_in{transform: translateY(0);opacity: 1;} #sub.product2 .p_title_box .txt_w{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .p_title_box.on .txt_w {transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2 .pro04_img > div .pro_tit{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .pro04_img.on > div .pro_tit{transform: translateY(0);opacity: 1;} #sub.product2 .pro04_img > div .img_w{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .pro04_img.on > div .img_w{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2 .pro_tit{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .on .pro_tit{transform: translateY(0);opacity: 1;} #sub.product2 .con05 .img {transform: translateY(70px);opacity: 0;transition: 1.2s;background: none} #sub.product2 .con05.on .img{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2 .con05 .img ul li{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .con05.on .img ul li{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2 .con05 .video{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .con05.on .video{transform: translateY(0);opacity: 1;transition-delay: 0.6s} #sub.product2 .con06 .list ul li{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .con06.on .list ul li{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2.nk .con06 .list ul li:nth-child(1){z-index: 11} #sub.product2.nk .con06 .list ul li:nth-child(2){z-index: 10} #sub.product2.nk .con06 .list ul li:nth-child(3){z-index: 9} #sub.product2.nk .con06 .list ul li:nth-child(4){z-index: 8} #sub.product2.nk .con06 .list ul li:nth-child(5){z-index: 7} #sub.product2 .con06.on .list ul li:nth-child(1){transition-delay: 0.3s} #sub.product2 .con06.on .list ul li:nth-child(2){transition-delay: 0.6s} #sub.product2 .con06.on .list ul li:nth-child(3){transition-delay: 0.9s} #sub.product2 .con06.on .list ul li:nth-child(4){transition-delay: 1.2s} #sub.product2 .con06.on .list ul li:nth-child(5){transition-delay: 1.5s} #sub.product2 .con06.on .list ul li:nth-child(6){transition-delay: 1.8s} #sub.product2 .con06.on .list ul li:nth-child(7){transition-delay: 2s} #sub.product2 .con06.on .list ul li:nth-child(8){transition-delay: 2.2s} #sub.product2 .pro02> div.img{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .pro02.on> div.img{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2 .pro02> .t_img_w{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .pro02.on> .t_img_w{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2 .pro03 .swiper {transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .pro03.on > .swiper {transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2 .pro04 .img{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .pro04 .con > ul{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .pro04 .con2{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product2 .pro04.on .img{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.product2 .pro04.on .con > ul{transform: translateY(0);opacity: 1;transition-delay: 0.6s} #sub.product2 .pro04.on .con2{transform: translateY(0);opacity: 1;transition-delay: 0.9s} #sub.talent .con01 ul li{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.talent .con01.on ul li{transform: translateY(0);opacity: 1;transition-delay: 0.3s} #sub.talent .con01.on ul li:nth-child(2){transition-delay: 0.6s} #sub.talent .con01.on ul li:nth-child(3){transition-delay: 0.9s} #sub.talent .con01 ul li .tal_shape{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.talent .con01.on ul li .tal_shape{transform: translateY(0);opacity: 1;transition-delay: 0.7s} #sub.talent .con01.on ul li:nth-child(2) .tal_shape{transform: translateY(0);opacity: 1;transition-delay: 1s} #sub.talent .con01.on ul li:nth-child(3) .tal_shape{transform: translateY(0);opacity: 1;transition-delay: 1.2s} @keyframes rot{ 0%{transform: rotate(0deg)} 100%{transform: rotate(360deg)} } #sub .sub_visual2.on .visual_img{padding: 0 60px;overflow: hidden;transition-delay: 0.3s} #sub .sub_visual2.on .sv_title strong{letter-spacing: 0;transition-delay: 0.3s} #sub .sub_visual2 .parts{display: block;position: absolute;top: 50%;left: 50%} #sub .sub_visual2 .parts01{margin-left: -402px;margin-top: -185px} #sub .sub_visual2 .parts04{margin-left: 793px;margin-top: -250px} #sub .sub_visual2 .parts03{margin-left: 609px;margin-top: 100px} #sub .sub_visual2 .parts05{margin-left: -792px;margin-top: -78px} #sub .sub_visual2 .visual_img img{transform: scale(1.01) translate(-50%,-50%);will-change: transform;transition: 1s} #sub .sub_visual2.on .visual_img img{transform: scale(1) translate(-50%,-50%);} #sub .sub_visual2 .parts03{transform: translate(0%,0%)} #sub .sub_visual2.on .parts03{transform: translate(200%,50%);transition: 1.5s;transition-delay: 0.3s} #sub .sub_visual2 .parts04{transform: translate(0%,0%)} #sub .sub_visual2.on .parts04{transform: translate(200%,-50%);transition: 1.5s;transition-delay: 0.3s} #sub .sub_visual2 .parts01{transform: translate(0%,0%)} #sub .sub_visual2.on .parts01{transform: translate(-600px,-200%);transition: 1.5s;transition-delay: 0.3s} #sub .sub_visual2 .parts05{transform: translate(0%,0%)} #sub .sub_visual2.on .parts05{transform: translate(-600px,50%);transition: 1.5s;transition-delay: 0.3s} #sub.bev .con01 .bio .pin_wrap g[data-name="PIN"]{transition: 1.2s;transition-delay: 1.5s} #sub.bev .con01 .bio .pin_wrap #PIN {transform: translate(258px, 791px);opacity: 0;transition: 1.2s;transition-delay: 1.5s} #sub.bev .con01 .bio .pin_wrap #PIN-2 {transform: translate(911px, 1068px);opacity: 0} #sub.bev .con01 .bio .pin_wrap #PIN-3 {transform: translate(1238px, 1170px);opacity: 0} #sub.bev .con01 .bio .pin_wrap #PIN-4 {transform: translate(1315px, 752px);opacity: 0} #sub.bev .con01 .bio .pin_wrap #PIN-5 {opacity: 0} /*#sub.bev .con01 .bio .pin_wrap #PIN-5 {transform: translate(1373px, 12999px);opacity: 0}*/ #sub.bev .con01 .bio .pin_wrap #PIN-6 {transform: translate(1038px, 870px);opacity: 0} #sub.bev .con01 .bio .pin_wrap #PIN-7 {transform: translate(797px, 650px);opacity: 0} #sub.bev .con01 .bio .pin_wrap #PIN-8 {transform: translate(647px, 879px);opacity: 0} #sub.bev .con01 .bio .pin_wrap #PIN-9 {transform: translate(1136px, 607px);opacity: 0} #sub.bev .con01.on .bio .pin_wrap #PIN {transform: translate(258px, 871px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-2 {transform: translate(871px, 1068px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-3 {transform: translate(1178px, 1170px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-4 {transform: translate(1265px, 752px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-5 {opacity:1} /*#sub.bev .con01.on .bio .pin_wrap #PIN-5 {transform: translate(1373px, 12999px);opacity:1}*/ #sub.bev .con01.on .bio .pin_wrap #PIN-6 {transform: translate(1038px, 820px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-7 {transform: translate(797px, 709px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-8 {transform: translate(647px, 929px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-9 {transform: translate(1136px, 657px);opacity:1} #sub.bev.en .con01.on .bio .pin_wrap #PIN {transform: translate(205px, 871px);opacity: 1;} #sub.bev.en .con01.on .bio .pin_wrap #PIN-2 {transform: translate(848px, 1068px);opacity:1} #sub.bev.en .con01.on .bio .pin_wrap #PIN-3 {transform: translate(1090px, 1170px);opacity: 1} #sub.bev.en .con01.on .bio .pin_wrap #PIN-4 {transform:translate(1200px, 752px);opacity: 1} #sub.bev.en .con01.on .bio .pin_wrap #PIN-5 {transform: translate(1225px, 1269px);opacity: 1} #sub.bev.en .con01.on .bio .pin_wrap #PIN-6 {transform: translate(926px, 820px);opacity: 1} #sub.bev.en .con01.on .bio .pin_wrap #PIN-7 {transform: translate(674px, 709px);opacity: 1} #sub.bev.en .con01.on .bio .pin_wrap #PIN-8 {transform: translate(619px, 912px);opacity: 1} #sub.bev.en .con01.on .bio .pin_wrap #PIN-9 {transform:translate(1010px, 667px);opacity: 1} #sub.bev.en .con01 .bio .pin_wrap #PIN {transform: translate(205px, 851px);opacity: 0;} #sub.bev.en .con01 .bio .pin_wrap #PIN-2 {transform: translate(883px, 1068px);opacity:0} #sub.bev.en .con01 .bio .pin_wrap #PIN-3 {transform: translate(1210px, 1170px);opacity: 0} #sub.bev.en .con01 .bio .pin_wrap #PIN-4 {transform:translate(1147px, 752px);opacity: 0} #sub.bev.en .con01 .bio .pin_wrap #PIN-5 {transform: translate(1285px, 1319px);opacity: 0} #sub.bev.en .con01 .bio .pin_wrap #PIN-6 {transform: translate(926px, 840px);opacity: 0} #sub.bev.en .con01 .bio .pin_wrap #PIN-7 {transform: translate(674px, 689px);opacity: 0} #sub.bev.en .con01 .bio .pin_wrap #PIN-8 {transform: translate(639px, 909px);opacity: 0} #sub.bev.en .con01 .bio .pin_wrap #PIN-9 {transform: translate(1027px, 637px);opacity: 0} #sub.bev.en .con01 .pin_wrap {width: 85%;top: -3%;left: 7.8%} /* #sub.bev .con01.on .bio .pin_wrap #PIN {transform: translate(258px, 871px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-2 {transform: translate(871px, 1068px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-3 {transform: translate(1178px, 1170px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-4 {transform: translate(1265px, 752px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-5 {transform: translate(1373px, 12999px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-6 {transform: translate(1038px, 820px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-7 {transform: translate(797px, 709px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-8 {transform: translate(647px, 929px);opacity:1} #sub.bev .con01.on .bio .pin_wrap #PIN-9 {transform: translate(1136px, 657px);opacity:1} */ #sub.bev .con02.on .bio .pin_wrap #PIN {transform: translate(768px, 821px);opacity: 1} #sub.bev .con02.on .bio .pin_wrap #PIN-2 {transform: translate(452px, 738px);opacity: 1} #sub.bev .con02.on .bio .pin_wrap #PIN-3 {transform: translate(1309px, 993px);opacity: 1} #sub.bev .con02.on .bio .pin_wrap #PIN-4 {transform: translate(1048px, 911px);opacity: 1} #sub.bev .con02.on .bio .pin_wrap #PIN-5 {transform: translate(1091px, 1249px);opacity: 1} #sub.bev .con02.on .bio .pin_wrap #PIN-6 {transform: translate(285px, 940px);opacity: 1} #sub.bev .con02.on .bio .pin_wrap #PIN-7 {transform: translate(117px, 837px);opacity: 1} #sub.bev .con02.on .bio .pin_wrap #PIN-8 {transform: translate(1388px, 1333px);opacity: 1} #sub.bev .con02.on .bio .pin_wrap #PIN-9 {transform: translate(743px, 1054px);opacity: 1} #sub.bev .con02.on .bio .pin_wrap #PIN-10 {transform: translate(620px, 902px);opacity: 1} /* #sub.bev .con02 .bio .pin_wrap #PIN {transform: translate(768px, 771px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #PIN-2 {transform: translate(452px, 698px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #PIN-3 {transform: translate(1309px, 943px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #PIN-4 {transform: translate(1048px, 861px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #PIN-5 {transform: translate(1091px, 1299px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #PIN-6 {transform: translate(235px, 940px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #PIN-7 {transform: translate(167px, 837px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #PIN-8 {transform: translate(1388px, 1333px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #PIN-9 {transform: translate(743px, 1104px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #PIN-10 {transform: translate(620px, 952px);opacity:0;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #PIN {transform: translate(729px, 791px);opacity: 1} #sub.bev.en .con02.on .bio .pin_wrap #PIN-2 {transform: translate(402px, 738px);opacity: 1} #sub.bev.en .con02.on .bio .pin_wrap #PIN-3 {transform: translate(1251px, 972px);opacity: 1} #sub.bev.en .con02.on .bio .pin_wrap #PIN-4 {transform: translate(1029px, 911px);opacity: 1} #sub.bev.en .con02.on .bio .pin_wrap #PIN-5 {transform: translate(1113px, 1216px);opacity: 1} #sub.bev.en .con02.on .bio .pin_wrap #PIN-6 {transform: translate(156px, 940px);opacity: 1} #sub.bev.en .con02.on .bio .pin_wrap #PIN-7 {transform: translate(109px, 837px);opacity: 1} #sub.bev.en .con02.on .bio .pin_wrap #PIN-8 {transform: translate(1395px, 1333px);opacity: 1} #sub.bev.en .con02.on .bio .pin_wrap #PIN-9 {transform: translate(741px, 1052px);opacity: 1} #sub.bev.en .con02.on .bio .pin_wrap #PIN-10 {transform: translate(594px, 902px);opacity: 1} */ #sub.bev .con02 .bio .pin_wrap #p01 {transform: translate(863px, 1100px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #p02 {transform: translate(67px, 835px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #p03 {transform: translate(609px, 1016px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #p04 {transform: translate(235px, 938px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #p05 {transform: translate(1091px, 1207px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #p06 {transform: translate(901px, 820px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #p07 {transform: translate(1121px, 1129px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #p08 {transform: translate(1039px, 931px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #p09 {transform: translate(452px, 686px);opacity:0;transition: 1.2s} #sub.bev .con02 .bio .pin_wrap #p10 {transform: translate(678px, 753px);opacity:0;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p01 {transform: translate(863px, 1050px);opacity:1;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p02 {transform: translate(117px, 835px);opacity:1;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p03 {transform: translate(649px, 1016px);opacity:1;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p04 {transform: translate(285px, 938px);opacity:1;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p05 {transform: translate(1091px, 1247px);opacity:1;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p06 {transform: translate(901px, 880px);opacity:1;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p07 {transform: translate(1121px, 1179px);opacity:1;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p08 {transform: translate(1039px, 991px);opacity:1;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p09 {transform: translate(452px, 736px);opacity:1;transition: 1.2s} #sub.bev .con02.on .bio .pin_wrap #p10 {transform: translate(678px, 813px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p01 {transform: translate(825px, 1050px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p02 {transform: translate(109px, 835px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p03 {transform: translate(564px, 1016px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p04 {transform: translate(191px, 938px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p05 {transform: translate(1065px, 1247px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p06 {transform: translate(817px, 880px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p07 {transform: translate(1094px, 1142px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p08 {transform: translate(1164px, 991px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p09 {transform: translate(402px, 736px);opacity:1;transition: 1.2s} #sub.bev.en .con02.on .bio .pin_wrap #p10 {transform: translate(556px, 813px);opacity:1;transition: 1.2s} #sub.product2 .pro08 .w ul.text_list li.on span{background: #128F9B} #sub.product2 .pro08 .w ul.text_list li.on strong{color: #128F9B} #sub.product2 .pro08 .w ul.text_list li span{transition: 0.5s} #sub.product2 .pro08 .w ul.text_list li strong{transition: 0.5s} #sub.bev .con02 .img_w img{width: 100%} #sub.bev .con01 .sub_title{transition: 1.5s;} #sub.bev .con .title{transform: translateX(-120%);transition: 1.5s} #sub.bev .con.on .title{transform: translateX(0%)} #sub.bev .con .txt p{transform: translateY(70px);transition: 1.5s;opacity: 0} #sub.bev .con.on .txt p{transform: translateY(0);opacity: 1} #sub.bev .con01.on .sub_title{transform: translateX(-100%)} #sub.bev .con01 .bio .text, #sub.bev .con01 .bio .base:after{transition: 1.5s;} #sub.bev .con01.on .bio .text, #sub.bev .con01.on .bio .base:after{opacity: 0} #sub.bev .con01 .bio {transition: 1.5s} #sub.bev .con01.on .bio { clip-path: inset(0 0 0 0 round 0); } #sub.product2 .pro06 .img_w ul{justify-content: center} #sub .sub_con2 .content_w .inner2{width: 100%;padding-right: 20px} #sub.product2 .pro08.on .w ul.text_list img{width: 100%} #sub.product2 .con05 .img {border-radius: 20px;overflow: hidden} #sub.product2 .con05 .img img{display: block;margin: 0 auto} #sub.bev .con01 .text_mo{display: none} @media (max-width: 1920px) { #sub.vision .con01 .bg img{width: auto} #sub .sub_con2 .content_w .inner2{width: 1320px;padding-right: 0} } @media (max-width: 1800px) { #sub.product2 .pro04 .con2 ul li{display: block} #sub .sub_visual2 .sv_title strong{font-size: 80px;white-space: nowrap;letter-spacing: 20px} #sub .sub_visual2 .visual_img{height: 400px} #sub.product2 .con06 .list ul li .img img{height: 330px} #sub .sub_in{padding-top: 120px} #sub.product2 .pro08 .w ul.text_list li p br, #sub.product2 .pro_tit p br,#sub.product2 .p_title_box .txt_w p br{display: none} #sub.product2 .pro08 .w ul.text_list li p, #sub.product2 .pro_tit p, {word-break: keep-all} #sub.bev .con .title{margin-top: -100px} #sub.bev .con .title strong{font-size: 60px;line-height: 1.2} #sub.esg .esg_content{padding-left: 20px;padding-right: 20px} } @media (max-width: 1600px) { #sub.bev .sub_con{padding: 0 } #sub.bev .con01 .bio .text p i{display: block} #sub.bev .con01 .bio .text p{font-size: 28px;line-height: 1.5} #sub.product2 .pro03{padding: 20px} #sub.product2 .pro01 ul{width: 100%} #sub.product2 .t_img_w {margin-top: 40px;} #sub.product2 .pro01{display: block} #sub.product2 .s_con_in .s_tab02{width: 240px} #sub.product2 .s_con_in{padding-left: 240px} #sub .sub_con2 .sub_tab{width: 220px} #sub .inner{max-width: 100%;padding: 0 20px;} #sub.bo_list .list2 ul li a{padding: 20px;} #sub.bo_list .list2 ul li .thumb img{width: 100%} #sub.view .con01 .title{padding: 20px} #sub.view .con01 .content{padding: 20px;} #sub.bo_list .con01 .list ul li a{padding-left: 0} #sub.view.view2 .con01 .file a{padding-left: 0} #sub .sub_con2{padding-left: 220px} #sub.stock .sub_con2 .sub_tab ul li a{padding-left: 20px;} #sub .sub_con2 .sub_tab ul li a span{font-size: 17px} #sub .sub_con2 .sub_tab ul li a{height: 80px;} #sub.stock .sub_con2 .content_w{padding-left: 20px;padding-right: 20px;} #sub .sub_title strong{font-size: 40px;} #sub.stock .total ul li{padding: 0 30px} #sub.who .con02 ul li > div .icon img{width: 120px} #sub.who .con02 ul li > div p{font-size: 17px} #sub.who .con02 ul li > div strong{font-size: 22px} #sub.who .con02 ul{gap:40px} #sub.who .con02 ul li { width: calc(50% - 20px); } #sub.who .con01 .wrap .title strong{font-size: 36px;} #sub.member .title strong{font-size: 32px;} #sub.world .con01 .map_in .txt{width: 90%} #sub.world .con01 .map_in .txt ul li p br{display: none;} #sub.world .con01 .map_in .txt ul li p{word-break: keep-all;font-size: 16px;line-height: 1.5} #sub.world .con01 .map_in .title strong{font-size: 45px} #sub.world .con01 .map_in .title i svg{width: 23px;height: auto} #sub.world .con01 .map_in .title ul li{height: 40px;padding: 0 20px;} #sub.vision .con01 .con > div .tit strong{font-size: 50px;line-height: 1.5} #sub.vision .con01 .con > div{padding: 50px 20px} #sub.vision .con02 ul li .txt{padding-left: 30px;border-radius: 60px 10px 10px 10px } #sub.vision .con01 .con > div .txt p{font-size: 40px;line-height: 1.5} #sub.vision .con03 ul li p{font-size: 16px;} #sub.talent .con01 ul li:nth-child(1) .tal_shape{right: 10px} #sub.member .mem_list > ul > li .txt{padding: 40px 0} #sub.member .mem_list > ul > li .txt .list ul li{font-size: 16px;line-height: 1.5} #sub .sub_con2 .content_w .in3{padding-left: 20px} #sub.l_menu2 .sub_con2 .content_w .inner2:before{left: 20px} #sub.direction .con02{padding: 20px;} #sub.direction .con01 ul{padding: 20px;} #sub.direction .con01 ul li{padding: 0 10px} #sub.ci .con02 ul li > div{padding: 0 10px} #sub.ci .con02 ul li > div.text_w p{word-break: keep-all;font-size: 16px;} #sub.ceo .con01 .txt_wrap ul li p{font-size: 19px;line-height: 1.7} #sub.product2 .p_title_box{display: block;} #sub.product2 .p_title_box .txt_w{width: 100%;padding: 20px} #sub.product2 .p_title_box .txt_w p, #sub.product2 .pro_tit p{font-size: 16px;line-height: 1.7;word-break: keep-all} #sub.product2 .p_title_box .txt_w p br{display: none} #sub.product2 .p_title_box.p_title_box01 .title_in, #sub.product2 .p_title_box .title_in{padding: 20px;padding-bottom: 0} #sub.product2 .p_title_box.p_title_box01 .title_in strong{font-size: 26px} #sub.product2 .p_title_box .title_in strong, #sub.product2 .pro_tit strong{font-size: 26px} #sub.product2 .p_title_box .title_in strong br{display: none} #sub.product2 .pro_tit strong{margin-bottom: 20px} #sub.product2 .pro_b_title strong{font-size: 70px} #sub.product2 .pro01_01{padding: 20px} #sub.product2 .pro01 ul{padding-right: 0} #sub.product2 .s_con_in .s_tab02 .tab_w .d02{padding: 20px} #sub.product2 .s_con_in .s_tab02 .tab_w .d01{padding-left: 20px} #sub.product2 .con06 .list ul{gap: 20px;} #sub.product2 .con06 .list ul li{width: calc(50% - 10px)} #sub.product2 .con06 .list ul li .img:after{display: none} #sub.product2 .con06 .list ul li .img img{height: 300px;} #sub.product2 .s_con_in{padding-right: 20px} #sub.product2 .pro04 .con > *{width: 100%} #sub.product2 .pro04 .con{display: block;} #sub.product2 .pro04 .con .img{width: 500px;margin: 0 auto;max-width: 100%} #sub.product2 .pro04 .con2 ul li:nth-child(4) span{width: 140px;} #sub.product2 .pro04 .con ul li{height: 45px;gap: 0 10px} #sub.benefit .con01 .con ul li{font-size: 13px;line-height: 1.7} #sub.benefit .con01 .con ul{gap: 5px 0} #sub.benefit .con01 .con ul li:before{top: 8px;} #sub.history .con01 .his_list_tab .his p{font-size: 16px;line-height: 1.7;word-break: keep-all} #sub.history .con01 .his_list_tab .his span{font-size: 30px} #sub.history .con01 .his_list_tab .his ul{gap: 30px 0} #sub.history .con01 .year .year_in strong{font-size: 120px;} #sub.history .con01 .year .year_w div{height: 151px} #sub.patents .con01 table th:last-child{padding-right: 20px} #sub.patents .con01 table th:first-child{padding-left: 20px} #sub.patents .con01 table td:last-child{padding-right: 20px} #sub.patents .con01 table td:first-child{padding-left: 20px} #sub.product2 .p_title_box .title_in .w > span{font-size: 12px;margin-top: 0} #sub.product2 .p_title_box .txt_w i{display: none} #sub.product2 .pro08 .w ul.text_list li{margin-bottom: 30px;} #sub.product2 .pro08 .w ul.text_list li strong{margin-bottom: 10px;} #sub.product2 .pro08 .w ul.text_list{padding-right: 20px} #sub.talent .con01 ul li:nth-child(1) .tal_shape img{width: 270px} #sub.talent .con01 ul li:nth-child(2) .tal_shape img{width: 320px} #sub.talent .con01 ul li:nth-child(3) .tal_shape img{width: 320px} #sub.talent .con01 ul li:nth-child(1) .tal_shape{top: 0} #sub.talent .con01 ul li{height: 330px} #sub.talent .con01 ul li .tal_shape{right: 0} #sub.talent .con01 ul li:nth-child(3) .tal_shape{top: 20px;right: 20px;} #sub .sub_con2 .sub_tab ul li{width: 100%} #sub .sub_con2 .sub_tab ul li.d3{width: 33.33%} #sub.pipeline .con01 .pipe_in .name_w01 ul li a, #sub.pipeline .con01 .pipe_in .name_w02 .con a, #sub.pipeline .con01 .pipe_in .target strong, #sub.pipeline .con01 .pipe_in .line .line_in .graph strong{font-size: 15px;} } @media (max-width: 1100px) { #sub.esg .esg_content{padding: 20px} #sub.fac .con01 .img .title{padding-right: 20px;height: 40px;border-radius: 0 10px 0 0 } #sub.fac .con01 .img .title strong{font-size: 16px;} #sub.fac .con01 .img .title svg{width: 10px;height: auto} #sub.who .con02 ul li:hover > div{background: #F4F9F9} #sub.who .con02 ul li:hover > div strong{color: #333333} #sub.who .con02 ul li:hover > div p{color: #666666} #sub.who .con02 ul li > div > i{display: none} #sub.who .con02 ul li:hover > div .icon{opacity: 1} #sub.who .con02 ul li:hover > div .txt{transform: translateX(0px)} #sub.product2 .con06 .list ul li{width: calc(50% - 20px) !important} #sub.bev .con01 .sub_title{padding-right: 10px;padding-bottom: 10px;padding-left: 20px} #sub.bev .con01 .bio .text p{font-size: 22px} #sub.bev .sub_con:after{right: 20px} #sub.bev .sub_con:before{left: 20px} #sub.bev .con .title{width: 300px;padding: 20px;height: auto;justify-content: flex-start;margin-top: -30px} #sub.bev .con .title strong{font-size: 32px;} #sub.bev .con .title .dot02 img{width: 130px} #sub.bev .con .title .dot01 img{width: 90px} #sub.bev .con .text, #sub.bev .con02 .img_w{padding: 0 20px} #sub.bev .con .text > div{padding-top: 20px;padding-bottom: 40px;} #sub.bev .con .txt .dot01{right: -49px;top: -47px;} #sub.bev .con .txt p br{display: none} #sub.bev .con .txt p{font-size: 15px;word-break: keep-all;line-height: 1.7} #sub.product2 .s_con_in .s_tab02 .tab_w li.on .d01{background: #4DC5D1 } #sub.product2 .s_con_in .s_tab02 .tab_w .d02 li.on a:after{top: auto;bottom: 0;width: 100%;height: 3px} #sub.who .con02 ul li > div.base_list i{display: none} #sub.product2 .s_con_in{margin-top: 0} #sub.product2 .con06{margin-top: 20px} #sub.product2 .pro10{padding: 20px} #sub.talent .con01 ul li .dot{margin-right: 15px;} #sub.talent .con01 ul li .dot i{width: 3px;height: 3px} #sub.talent .con01 ul li{padding: 20px;height: auto} #sub.talent .con01 ul li .tit strong{font-size: 26px;margin-bottom: 10px} #sub.talent .con01 ul li .tit p{font-size: 13px;line-height: 1.7} #sub.product2 .p_title_box .txt_w{margin-top: 0} #sub.talent .con01 ul li .tal_shape{display: none} #sub.product2 .pro06{padding: 20px;} #sub.product2 .pro06 .img_w{padding: 20px;margin-top: 20px;} #sub.product2 .pro08{margin-top: 20px} #sub.product2 .pro08 .w ul.text_list li{padding-left: 57px;padding-top: 11px} #sub.product2 .pro08 .w ul.text_list li span{width: 40px;;height: 40px;font-size: 13px;} #sub.product2 .pro08 .w ul.text_list li strong{font-size: 16px;} #sub.product2 .pro08{padding: 20px;} #sub.product2 .pro08 .w ul.text_list li p{font-size: 13px;line-height: 1.5} #sub.product2 .pro07{padding: 20px;} #sub.product2 .pro07{margin-top: 20px} #sub.benefit .con01 .con img{width: 45px;} #sub.benefit .con01 .con strong{font-size: 24px;margin: 15px 0} #sub.benefit .con01 .con{padding: 20px;} #sub.product2 .pro04 .con2 .list{padding-top: 15px} #sub.product2 .pro04 .con2 .title{margin-bottom: 15px;} #sub.product2 .pro04 .con2 ul{gap: 10px 0} #sub.product2 .pro04 .con2 ul li{font-size: 13px;line-height: 1.5;display: block} #sub.product2 .pro04 .con2 ul li span{display: block} #sub.product2 .pro04 .con2 .title strong{font-size: 19px} #sub.product2 .pro04 .con ul li span{font-size: 14px;height: 30px;width: 100px} #sub.product2 .pro04 .con ul li p{font-size: 13px;} #sub.product2 .pro02> div.pro_tit{padding-right: 0;margin-bottom: 20px;} #sub.product2 .t_img_w .t_txt{padding-right: 10px;padding-bottom: 10px} #sub.product2 .t_img_w .t_txt img{height: 10px;} #sub.product2 .pro_title span{font-size: 12px;margin-bottom: 7px;} #sub.product2 .pro_title strong{font-size: 24px} #sub.product2 .t_img_w .t_txt strong{font-size: 12px;} #sub.product2 .pro_title{padding: 20px;height: auto} #sub.product2 .pro01 ul li:nth-child(1){padding-bottom: 20px} #sub.product2 .pro01 ul li:nth-child(2){padding-top: 20px} #sub.product2 .pro08.on .w ul.text_list{border-radius: 10px} #sub.fac .sub_title strong{font-size: 32px;} #sub.bo_list .list2 ul li .txt strong{font-size: 14px;line-height: 1.7} #sub.bo_list .list2 ul li .txt{padding-top: 20px;} #sub.bo_list .list2 ul li .txt p{font-size: 13px;} #sub.bo_list .list2 ul li .txt strong{margin-bottom: 15px;} #sub .paging ul li a{font-size: 12px} #sub .paging ul{gap:0 10px} #sub .paging ul li.num a{width: 30px;height: 30px;} #sub.bo_list .list2{margin-bottom: 40px;} .sub_visual .sv_title strong{font-size: 60px;} #sub .depth > ul > li{height: 40px;font-size: 15px;width: auto;padding: 0 20px;} .sub_visual{padding-top:160px} .sub_visual .sv_title{margin-bottom: 20px;} #sub .sch_wrap .sch{width: 400px;height: 50px;max-width: 100%} #sub .sch_wrap button svg{height: 50px;width: auto;display: block;} #sub .sch_wrap input{font-size: 13px;padding-left: 20px;} #sub .sch_wrap{margin-bottom: 25px;} #sub.view.view2 .con01 .title strong{font-size: 22px;line-height: 1.7} #sub.view.view2 .con01 .title p{font-size: 13px;margin-top: 10px;} #sub.view .con01 .content{min-height: 250px;} #sub.bo_list .con01 .list ul li a strong{font-size: 16px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;display: block} #sub.bo_list .con01 .list ul li a p{font-size: 12px;} #sub.bo_list .con01 .list ul li a{height: 80px;gap: 5px 0} #sub.bo_list .con01 .list ul li a strong img{height: 20px;} #sub.bo_list .con01 .list ul li a .arrow{width: 70px;height: 70px;} #sub.bo_list .con01 .list ul li a .txt {padding-left: 20px; width: calc(100% - 70px);} #sub.bo_list .con01 .list{margin-bottom: 40px;} #sub.view.view2 .con01 .file a{height: 40px} #sub.view.view2 .con01 .file a{font-size: 13px;} #sub.view.view2 .con01 .file a img{width: 20px;} #sub .sub_title strong{font-size: 32px;} #sub.stock table th, #sub.stock table td{height: 40px;font-size: 13px} #sub .sub_title{margin-bottom: 15px;} #sub.stock .con{margin-bottom: 60px;} #sub .sub_con2 .sub_tab{transform: none !important;position: static;width: 100%;height: auto} #sub .sub_con2{padding-left: 0} #sub .sub_con2 .tab_in{border: none;height: auto} #sub .sub_con2 > .pin-spacer{padding: 0 !important;height: auto !Important} #sub .sub_con2 .sub_tab ul{display: flex} #sub.stock .sub_con2 .sub_tab ul{border-top: 1px solid #e9e9e9} #sub.stock .sub_con2 .sub_tab ul li{width: 100%} #sub.stock .sub_con2 .sub_tab ul li a{padding-left: 0;text-align: center;height: 60px;} #sub .sub_content{padding-top: 0;border-top: none} #sub .sub_content .content_w{padding-top: 110px;border-top: none} #sub.stock .sub_con2 .content_w{padding-top: 40px;} #sub .sub_title strong{font-size: 24px} #sub .sub_title img{width: 16px;} #sub.stock .total .wrap span{font-size: 12px;} #sub.stock .total .wrap strong{font-size: 32px} #sub.stock .total .title{height: 80px;padding-left: 20px;padding-right: 20px;width: auto;border-radius: 7px} #sub.stock .total .wrap p{font-size: 20px;} #sub.stock .con01{margin-top: 40px} #sub .sub_con2 .sub_tab{padding-top: 60px;background: #fff} #sub.who .con02 ul li > div{display: block;height: 100%;} #sub.who .con02 ul li > div .icon{width: 40px} #sub.who .con02 ul li > div .icon img{width: 100%} #sub.who .con02 ul li > div strong{font-size: 17px;margin-bottom: 10px;} #sub.who .con02 ul li > div p{font-size: 13px;line-height: 1.7} #sub.who .con02 ul li > div{padding: 20px; } #sub.who .con02 ul li > div .icon{margin-bottom: 15px;} #sub.who .con02 ul li > div.base_list{display: flex;align-items: center} #sub.who .con02 ul li > div{border-radius: 10px;} #sub.who .con01 .wrap .title strong{font-size: 26px;line-height: 1.7} #sub .con_w{margin-bottom: 0} #sub.world .con01 .map_in{display: block} #sub.world .con01 .map_in > div{height: 50vh;padding: 0} #sub.world .con01 .map_in .txt ul li{height: auto;padding: 7px} #sub.world .con01 .map_in .txt ul{gap:10px;} #sub.world .con01 .map_in .txt ul li{width: calc(50% - 5px)} #sub.world .con01 .map_in .title strong{font-size: 32px} #sub.world .con01 .map_in .title i svg{width: 20px} #sub.world .con01 .map_in .title ul li{font-size: 13px;height: 30px;} #sub.world .con01 .map_in .title strong{margin-bottom: 15px;} #sub.world .con01 .map_in .title{margin-bottom: 30px} #sub.world .con01 .map_in .txt ul li p{font-size: 13px} #sub.world .con01 .map_in > div{display: flex;align-items: center;justify-content: center;} #sub.world .con01 .map_in .txt{width: 100%} #sub.world .con01 .map img{width: 900px} #sub.vision .con01 .bg img{height: 600px} #sub.vision .con01 .con > div .tit strong{font-size: 30px;} #sub.vision .con01 .con > div .txt p{font-size: 20px} #sub.vision .con02 ul li .txt p{font-size: 16px;line-height: 1.7} #sub.vision .con02 ul{flex-wrap: wrap;gap: 20px 40px;} #sub.vision .con02 ul li{width: calc(50% - 20px)} #sub.vision .con02 ul li .txt{height: auto;padding: 20px;border-radius: 10px} #sub.vision .con02 ul li:after{right: -40px} #sub.vision .con02{padding: 60px 0} #sub.vision .con03 ul{gap: 400px 200px} #sub.vision .con03 ul li{width: calc(50% - 10px)} #sub.vision .con03 ul li p{font-size: 13px;line-height: 1.7} #sub.vision .con03 .title{position: static;transform: none;margin-bottom: 20px;} #sub.vision .con03 ul{gap: 20px} #sub.vision .con03 {padding-top: 40px} #sub.vision .con03 .title strong{font-size: 27px;line-height: 1.7} #sub.vision .con03 ul li strong{font-size: 24px;margin-bottom: 10px} #sub.vision .con03 ul li i img{width: 40px;} #sub.vision .con03 ul li{padding: 20px; box-shadow: 0 20px 20px rgba(0, 111, 123, 0.01);} #sub.vision .con03 ul li i{margin-bottom: 10px;} #sub.vision .con03 .bg img{width: 500px} #sub.vision .con03{padding-bottom: 0} #sub.bo_list .these > li p br{display: none} #sub.bo_list .these > li p{font-size: 13px;line-height: 1.5} #sub.bo_list .these > li ul img{width: 60px} #sub.bo_list .these > li p{padding-right: 180px} #sub.bo_list .these > li{height: 80px} #sub.bo_list .these{gap: 10px} #sub.bo_list .these > li ul{right: 0} #sub.bo_list .these > li i{width: 20px;height: 20px;font-size: 9px} #sub.bo_list .these > li p{padding-left: 0} #sub.bo_list .these{margin-bottom: 40px} #sub .sub_title2{padding-left: 20px} #sub .sub_title2 strong{font-size: 24px;line-height: 1.7} #sub.talent .con01 ul li:nth-child(1) .tal_shape img{width: 350px;} #sub.step .con01 ul li .num{width: 100px;height: 100px; border-radius: 10px} #sub.step .con01 ul li .num strong{font-size: 30px;} #sub.step .con01 ul li .num span{font-size: 11px;transform: translateY(-30px)} #sub.step .con01 ul li .txt p{font-size: 16px;} #sub.step .con01 ul li .box{padding: 0 15px;} #sub.step .con01 ul li .step_in{padding: 0 20px} #sub.step .con01 ul li:after{width: 9px;height: 9px} #sub .sub_con2 .content_w .inner2{padding: 60px 0} #sub.step .con01 .tit{margin-top: 20px;width: 100%;height: 40px;} #sub .con01 .tit p{font-size: 13px} #sub.member .mem_list > ul > li .img_w img{height: 240px} #sub.member .mem_list > ul > li .txt .name > span{font-size: 12px} #sub.member .mem_list > ul > li .txt .name > div strong, #sub.member .mem_list > ul > li .txt .name > div em{font-size: 22px} #sub.member .mem_list > ul > li .txt .name > p{font-size: 14px} #sub.member .mem_list > ul > li .txt .name > div{margin-bottom: 10px} #sub.member .mem_list > ul > li .txt .name > span{margin-bottom: 10px} #sub.member .mem_list > ul > li .txt .list strong{font-size: 14px} #sub.member .mem_list > ul > li .txt .list ul li{font-size: 13px;} #sub.member .mem_list > ul > li .txt .list ul{gap: 5px 0} #sub.member .mem_list > ul > li .txt{padding: 20px 0} #sub.member .mem_list > ul > li .txt .list ul li:before{top: 7px} #sub.member .mem_list > ul > li .txt .list{margin-top: 15px} #sub.member .title strong{font-size: 24px;word-break: keep-all;line-height: 1.5} #sub.member .title span{font-size: 14px;margin-bottom: 10px} #sub.member .mem_list > ul{gap: 0 20px} #sub.member .mem_list > ul > li { width: calc(50% - 10px); } #sub.member .mem_list > ul > li .img_w{height: 225px} #sub.member .mem_list > ul > li .txt .name > div span{font-size: 13px} #sub.member .title, #sub.member .mem_list2{margin-bottom: 20px} #sub.member .title{margin-bottom: 20px} #sub.member .con02{margin-top: 40px} #sub.member .line{display: none} #sub .sub_con2 .content_w .inner2{padding-top: 0} #sub.direction .con01 ul li span{font-size: 12px} #sub.direction .con01 ul li strong{font-size: 14px} #sub.direction .con02 .title i img{width: 40px} #sub.direction .con01 ul li strong{font-size: 14px} #sub.direction .con02 .title{height: 40px;} #sub.direction .con02 .txt{padding-left: 0} #sub.direction .con02 .title{padding-left: 60px} #sub.direction .con02 .title strong{font-size: 16px;} #sub.direction .con02 .txt ul li span{font-size: 13px;} #sub.direction .con02 .txt ul li p{font-size: 12px;} #sub.direction .con02 .txt ul li em{font-size: 13px;line-height: 17px;height: 17px} #sub.direction .con02 .txt ul li{gap:0 7px} #sub.direction .con02 .txt ul li{align-items: center} #sub.direction .con02 .txt .loc_dot > div:nth-child(1){margin-bottom: 0} #sub.direction .con02 .txt ul{gap: 10px 0} #sub.direction .con02{gap: 60px 0} #sub.faq .con01 ul li .title strong{font-size: 16px;} #sub.faq .con01 ul li .title{height: 60px;padding-left: 20px;} #sub.faq .con01 ul li .title .arrow{width: 60px;} #sub.faq .con01 ul li .title .arrow svg{width: 9px;height: auto} #sub.faq .con01 ul li .content{padding: 20px} #sub.faq .con01 ul li .content p{font-size: 13px;line-height: 1.5} #sub .sub_con2 .sub_tab{position: relative;z-index: 10} #sub.fac .con01 .img{border-radius: 10px} #sub.bo_list .con01 .inner{padding-bottom: 60px} #sub.ci .con01 .con img{max-width: 100%} #sub.ci .con01 ul li{font-size: 13px;word-break: keep-all; line-height: 1.7} #sub.ci .con01 ul li br{display: none} #sub.ci .con01 ul li{padding: 10px;border-radius: 5px;} #sub.ci .con01 ul{margin-top: 30px} #sub.ci .con01 .con{height: 567px} #sub.ci .con01 .bg img{height: 567px} #sub.ci .con02 ul li > div.text_w p{font-size: 13px;line-height: 1.7} #sub.ci .con02 ul li > div.text_w strong{font-size: 20px;margin-bottom: 15px} #sub.ci .con02 ul li > div.text_w span{font-size: 13px;margin-bottom: 15px} #sub.ci .con02 ul li > div .ci .ci_in img{width: 160px} #sub.ci .con02 ul li > div .ci{height: 240px} #sub.ci .con02 ul li{margin-bottom: 40px} #sub.ceo .con01 .txt_wrap ul li p br{display: none} #sub.ceo .con01 .txt_wrap ul li p{font-size: 16px;word-break: keep-all} #sub.ceo .con01 .txt_wrap ul li{margin-bottom: 16px} #sub.ceo .con01 .ceo_img .img_w img{width: 280px} #sub.ceo .con01 .ceo_img .txt strong{font-size: 20px} #sub.ceo .con01 .ceo_img .txt span{font-size: 13px} #sub.ceo .sub_con .bg05 img{width: 400px} #sub.ceo .sub_con .bg04 img{width: 260px} #sub.ceo .sub_con .bg02{margin-left: 10%} #sub.ceo .sub_con .bg02 img{width: 120px} #sub .sub_visual2 .visual_img {padding: 0 calc(65.6% - 300px);} #sub .sub_visual2.on .visual_img {padding: 0 20px;} #sub .sub_in{padding-top: 100px} #sub .sub_visual2 .parts01{margin-left: -302px;margin-top: -115px;} #sub .sub_visual2 .parts03{margin-left: 209px;margin-top: 100px;} #sub .sub_visual2 .parts03 img{width: 90px} #sub .sub_visual2 .parts04 img{width: 60px} #sub .sub_visual2 .parts04{margin-left: 273px;margin-top: -130px;} #sub .sub_visual2 .parts05{margin-left: -300px;margin-top: -18px} #sub .sub_visual2 .parts05 img{width: 160px} #sub.product2 .s_con_in .s_tab02{width: 100%;background: #fff} #sub.product2 .s_con_in .s_tab02 .tab_w{height: auto} #sub.product2 .s_con_in{padding: 0 20px; padding-top: 100px;} #sub.product2 .s_con_in > .pin-spacer{height: auto !important;padding-bottom: 0 !important} #sub.product2 .p_title_box .title_in{width: 400px} #sub.product2 .p_title_box .txt_w{padding: 20px} #sub.product2 .pro08.on .w ul.text_list img{width: 100%} #sub.product2 .s_con_in .s_tab02{z-index: 8} #sub.product2 .s_con_in .s_tab02 .tab_w .d01{height: 50px;font-size: 16px;padding-left: 0;text-align: center;width: 100%;justify-content: center} #sub.product2 .s_con_in .s_tab02 .tab_w .d01 em{font-size: 13px} #sub.product2 .s_con_in .s_tab02 .tab_w ul{display: flex} #sub.product2 .s_con_in .s_tab02 .tab_w ul li{width: 100%} #sub.product2 .s_con_in .s_tab02{padding-top: 80px;top: 0} #sub.product2 .s_con_in{padding-top: 150px} #sub.product2 .pro04{padding: 20px} #sub.product2 .pro04_img > div{flex-wrap: wrap} #sub.product2 .pro04_img > div > div{flex-wrap: wrap;width: 100%} #sub.product2 .pro04_img > div .img img{width: 100%} #sub.product2 .pro04_img > div .img{margin-top: 20px;} #sub.product2 .p_title_box .txt_w p, #sub.product2 .pro_tit p, #sub.product2 .pro03 .txt ul li{font-size: 13px;word-break: keep-all} #sub.product2 .p_title_box .txt_w p br, #sub.product2 .pro_tit p br, #sub.product2 .pro03 .txt ul li br{display: none} #sub.product2 .pro_tit ul li:before, #sub.product2 .pro03 .txt ul li:before{width: 3px;height: 3px;top: 8px} #sub.product2 .pro_tit ul li{padding-left: 13px} #sub.product2 .pro_tit ul{gap: 10px} #sub.product2 .p_title_box .title_in strong, #sub.product2 .pro_tit strong{font-size: 22px;line-height: 1.5} #sub.product2 .pro_tit strong{margin-bottom: 10px} #sub.product2 .pro_tit em{font-size: 13px;} #sub.product2 .pro04{margin-top: 20px;} #sub.product2 .con05{padding: 20px;} #sub.product2 .con05 .img{margin-top: 20px;} #sub.product2 .t_img_w{opacity: 20px} #sub.product2 .box_line{padding-bottom: 60px} #sub.product2 .s_con_in_03.s_con_in .box_line{padding: 20px} #sub.product2 .pro_b_title strong{font-size: 40px} #sub.product2 .s_con_in_03{padding-top: 0} #sub.product2 .s_con_in .s_tab02 .tab_w .d02{flex-direction: row} #sub.product2 .s_con_in .s_tab02 .tab_w .d02 li a{font-size: 13px;line-height: 1.5;height: 30px;display: flex;align-items: center;justify-content: center} #sub.product2 .s_con_in .s_tab02 .tab_w .d02{padding: 0} #sub.product2 .s_con_in .s_tab02 .tab_w .d02 li a{text-align: center;display: flex;align-items: center;justify-content: center} #sub.product2 .p_title_box .txt_w{border-left: none} #sub.product2 .p_title_box{margin-bottom: 20px} #sub.product2 .s_con_in .s_tab02 .tab_w .d02{border-bottom: 1px solid #e9e9e9} #sub.product2 .con06{padding: 20px} #sub.product2 .con06 .list ul li .img img{height: 150px;display: block;margin: 0 auto} #sub.product2 .con06 .list ul li .img{border-radius: 10px} #sub.product2 .con06 .list ul li .txt .tag p{height: 30px;font-size: 13px;} #sub.product2 .con06 .list ul li .txt .tag i{height: 30px;font-size: 13px;width: 30px;} #sub.product2 .con06 .list ul li .txt > p{font-size: 11px;word-break: keep-all;line-height: 1.5} #sub.product2 .pro02{display: block;padding: 20px} #sub.product2 .pro02> div{width: 100%} #sub.product2 .pro02> div.img{width: 500px;margin: 0 auto; margin-top: 20px;max-width: 100%} #sub.product2 .pro02> div.img img{width: 100%} #sub.product2 .s_con_in .s_tab02 .tab_w .d01 + .d02{display: none} #sub.product2 .pro03 .txt ul li{line-height: 1.5} #sub.product2 .pro03 .txt .tit div strong{font-size: 14px;} #sub.product2 .pro03 .txt .tit div svg{width: 11px;height: auto} #sub.product2 .pro03 .txt .tit div{height: 30px;} #sub.product2 .pro03 .txt ul{gap: 10px 0} #sub.product2 .pro03 .txt .tit{margin: 15px 0} #sub.product2 .pro01{margin-top: 20px;padding: 20px;} #sub .sub_title2{margin-bottom: 60px;} #sub.product2 .pro04_img > div.pro_2{padding-top: 20px;margin-top: 20px} #sub.history .con01 .year .year_w{display: none} #sub.history .con01 > .his_list_tab{width: calc(100% - 50px)} #sub.history .con01 .year{width: 50px} #sub.history .con01 .year .year_s ul{border-right: none;width: 50px} #sub.history .con01 .year .year_s span{font-size: 12px;} #sub.history .con01 .year .year_s ul{gap: 10px 0} #sub.history .con01 .his_list_tab .his{padding-left: 20px;padding-bottom: 20px;margin-bottom: 20px} #sub.history .con01 > .his_list_tab{padding: 20px;padding-left: 0} #sub.history .con01 .his_list_tab .his span{font-size: 22px;} #sub.history .con01 .his_list_tab .his p{font-size: 13px;} #sub.history .con01 .his_list_tab .his p{margin-bottom: 0} #sub.history .con01 .his_list_tab .his p:before{top: 8px} #sub.history .con01 .his_list_tab .his ul{gap: 10px 0} #sub.history .con01 .his_list_tab .his{margin-bottom: 20px;} #sub.history .con01 .his_list_tab .his span{margin-bottom: 5px;} #sub .sub_con2 .sub_tab ul li.on a:after{display: none} #sub.form .con01 .info{height: auto;padding: 20px} #sub.form .con01 .info .txt strong{font-size: 16px} #sub.form .con01 .info .txt p:before{top: 8px;} #sub.form .con01 .info .txt p{font-size: 13px;line-height: 1.5} #sub.form .con01 .info .txt p{margin-top: 5px} #sub.form .con01 .info .txt strong{margin-bottom: 10px;} #sub.form .con01 .info{display: block;} #sub.form .con01 .info img{width: 70px;display: block;margin-bottom: 20px;} #sub.form .con01 .info .txt{margin-left: 0;padding-bottom: 0;border: none;padding-left: 0;} #sub.form .con01 .f_w{padding: 20px;} #sub.form .con01 .inp_w label{font-size: 14px;} #sub.form .con01 .list ul:nth-child(1){padding: 0} #sub.form .con01 .list{display: block} #sub.form .con01 .inp_w input, #sub.form .con01 .inp_w textarea{height: 40px;font-size: 13px;padding-left: 20px;} #sub.form .con01 .list ul{gap: 0} #sub.form .con01 .w100{margin-top: 0} #sub.form .con01 .inp_w{margin-top: 20px;} #sub.form .con01 .inp_w textarea{height: 120px} #sub .more_b{transform: scale(0.7);margin-top: 10px} #sub.form .con02 .wrap i img{height: 40px;} #sub.form .con02 .wrap > div > strong{font-size: 20px;margin-top: 15px} #sub.form .con02 .wrap{height: auto;padding: 20px;} #sub.form .con02{padding: 0} #sub.list_board .list table th, #sub.list_board .list table td{height: 40px;font-size: 13px;} #sub.list_board .list table td a{font-size: 13px;} #sub.list_board .con01 .title strong{font-size: 16px;} #sub.list_board .list table td span{height: 25px;width: 60px;font-size: 13px;} #sub.list_board .list table th.tit{width: 30%} #sub.view .con01 .title .stat{display: none} #sub.view .con01 .re .re_w{padding: 20px;} #sub.view .con01 .re .re_w p{font-size: 14px;line-height: 1.7} #sub.view .con01 .re .re_w strong{font-size: 12px;margin-bottom: 5px} #sub.view .con01 .title strong{font-size: 16px} #sub.view .con01 .title p{font-size: 13px;margin-top: 10px} #sub.view .con01 .re i{display: none} #sub.world .con01 .bg{width: 100%;height: 50%} #sub.world .con01 .bg02{bottom: 0} #sub.patents .con01 table tr{border-bottom: 1px solid #e9e9e9} #sub.patents .con01 table td{display: inline-block;height: auto} #sub.patents .con01 table th{display: none} #sub.patents .con01 table td:nth-child(1){width: 100%} #sub.patents .con01 table td{border-bottom: none} #sub .depth > ul > li:after{display: none} #sub.patents .con01 table td p{font-size: 16px} #sub.patents .con01 table td{font-size: 13px;margin-right: 7px} #sub.patents .con01 table td span{width: 30px;line-height: 20px;font-size: 12px} #sub.patents .con01 table tr{padding: 0} #sub.patents .con01 table tr{display: block;padding: 15px} #sub.patents .con01 table td:nth-child(1){padding-left: 0;margin-bottom: 5px;} #sub.form .con01 .list ul:nth-child(1){border-right: none} #sub.form .con01 .f_w{border-right: 1px solid #e9e9e9} #sub.form .con02 .wrap{border-right: 1px solid #e9e9e9} #sub.form .con01 .info{border-right: 1px solid #e9e9e9} #sub .sub_con2 .sub_tab ul li a{width: 100%;align-items: center;justify-content: center} #sub.faq .sub_content .content_w{padding: 60px 0} #sub.form .sub_con2 .content_w .inner2{padding-bottom: 0} #sub.direction .sub_content .content_w {padding-top: 60px} #sub.bev .con01 .bio{position: relative;clip-path: inset(0 20px 0 20px round 10px);} #sub.product2 .con05 .img{border-radius: 10px;} #sub.pipeline .con01 .pipe_in.title em{height: 40px;font-size: 13px;} #sub.pipeline .con01 .pipe_in .name_w01 ul li a, #sub.pipeline .con01 .pipe_in .target strong, #sub.pipeline .con01 .pipe_in .line .line_in{height: 40px;font-size: 13px;border-radius: 5px} #sub.pipeline .con01 .pipe_in .line .line_in{padding: 8px;} #sub.pipeline .con01 .pipe_in .line .line_in .graph strong{font-size: 11px;} #sub.pipeline .con01 .pipe_in.pipe_in02 .name_w02 .con{height: 80px;} #sub.pipeline .con01 .pipe_in.pipe_in02 .target strong{line-height: 1.2} #sub.pipeline .con01 .pipe_in .name_w01 ul li a, #sub.pipeline .con01 .pipe_in .name_w02 .con a, #sub.pipeline .con01 .pipe_in .target strong, #sub.pipeline .con01 .pipe_in .line .line_in .graph strong{font-size: 13px;} #sub.pipeline .con01 .pipe_in .name_w02 .con{height: 40px;border-radius: 5px;} #sub.pipeline .con01 .pipe_in.pipe_in02 .name_w02 .con{height: 57px} #sub.pipeline .con01 .pipe_in.pipe_in02 .line .line_in{padding: 16px 10px} #sub.pipeline .con01 .pipe_in .line .line_in .graph:after{width: 20px;background-size: 100% auto;width: 17px;height: 35px;} #sub.pipeline .con01 .pipe_in .name_w01 > div > a{font-size: 13px;} #sub.pipeline .con01 .pipe_in .name_w01 > div > a span{font-size: 12px;} #sub.product2 .con06 .list ul li.remove{display: block} #sub.vision .con01 .bg{position: absolute;left: 50%;transform: translateX(-50%)} #sub.vision .con01{height: 600px} #sub.world .con01 .map_in .title ul li{padding: 0 10px} #sub.esg .esg_content .dep3_content .title strong{font-size: 16px;margin-bottom: 15px} #sub.esg .esg_content .esg_title{margin-bottom: 20px;gap: 5px} #sub.esg .esg_content .esg_title strong{font-size: 20px} #sub.esg .esg_content .esg_title svg{width: 10px;height: auto} #sub.esg .esg_content .esg_box_w .esg_edit{font-size: 16px} #sub.esg .esg_content .esg_box_w{border-radius: 10px;min-height: 200px} } @media (max-width: 700px) { #sub.esg .esg_content{padding: 40px 15px} #sub.esg .esg_content .dep3_content{gap: 30px} #sub.esg .esg_content{gap: 60px} #sub.stock .tb{overflow-x: scroll} #sub.stock .tb#medo_mem table, #sub.stock .tb#mesu_mem table{width: 100%;min-width: 300px} #sub.stock table{width: 800px} #sub.product2 .p_title_box .title_in{font-size: 16px} #sub.product2 .p_title_box .title_in{line-height: 1.5} #sub.product2 .p_title_box.p_title_box01 .title_in strong{line-height: 1.5} #sub.world .con01 .bg{display: none} #sub.vision .con01{height: 400px} #sub.product2 .con06 .list ul li .img div{height: auto} #sub.faq .con01 ul li .title strong{font-size: 13px;line-height: 1.5} #sub.faq .con01 ul li .title{padding-right: 80px;} #sub.product2 .s_con_in .s_tab02{padding-top: 60px;} #sub.bo_list .list2 ul li{width: 50%} #sub.bo_list .list2 ul li:nth-child(3n){border-right: 1px solid #E9E9E9;} #sub.bo_list .list2 ul li:nth-child(2n){border-right: none;} .sub_visual .sv_title strong{font-size: 40px;} #sub.bo_list .list2 ul li a{padding: 10px;} #sub.bo_list .list2 ul li .thumb{border-radius: 5px;} #sub.stock table th, #sub.stock table td{font-size: 11px;height: 30px} #sub .sub_con2 .sub_tab ul li a span{font-size: 14px;} #sub.stock .total .wrap{display: block} #sub.stock .total ul{margin-top: 10px;} #sub.stock .total ul li{padding: 0;width: 33.33%;padding: 0 5px} #sub.stock .total .wrap span{margin-bottom: 5px;} #sub.stock .total .wrap p{font-size: 18px;} #sub.who .con01 .wrap .bubble01 img{width: 300px} #sub.who .con01 .wrap .bubble01{margin-top: -150px;margin-left: -150px} #sub.who .con01 .wrap .title strong{font-size: 20px;word-break: keep-all} #sub.who .con01 .wrap .bubble02{margin-left: -205px} #sub.who .con01 .wrap .bubble02 img{width: 60px} #sub.who .con01 .wrap .bubble04{margin-top: 60px;} #sub.who .con01 .wrap .bubble03{margin-left: 54px} #sub.who .con01 .wrap{height: 420px} #sub.who .con02 ul {flex-direction: column;gap:10px} #sub.who .con02 ul li{width: 100%} #sub.world .con01 .map_in > div{height: auto;padding: 40px 20px} #sub.vision .con01 .bg img{height: 400px} #sub.vision .con03 ul li p br{display: none} #sub.vision .con03 ul li p{word-break: keep-all} #sub.vision .con03 ul li strong{font-size: 22px} #sub.vision .con03 .title strong{font-size: 24px;line-height: 1.5} #sub.bo_list .these > li ul{position: static} #sub.bo_list .these > li p{padding: 0} #sub.bo_list .these > li{height: auto;display: block;padding: 15px 15px} #sub.bo_list .these > li ul{transform: none;justify-content: flex-end;gap:0 10px;margin-top: 7px} #sub.bo_list .these > li ul img{width: 35px} #sub .depth > ul > li{font-size: 13px} #sub.step .con01 ul li .box{gap: 0 10px} #sub .sub_content .content_w{padding-right: 0} #sub.step .con01 ul li .step_in{padding: 0 10px} #sub.step .con01 ul li .num{width: 60px;height: 60px} #sub.step .con01 ul li .num span{display: none} #sub .sub_con2 .sub_tab ul li a{height: 60px} #sub .sub_con2 .sub_tab{background: #fff} #sub .sub_con2 .content_w .inner2{border-right: none} #sub.step .con01 ul li .num strong{font-size: 24px;} #sub.pipeline .con01{padding-top: 0} #sub.member .mem_list > ul > li .img_w img{height: 150px} #sub.member .mem_list > ul > li .img_w{height: 150px} #sub.member .mem_list > ul > li .txt .name > div strong, #sub.member .mem_list > ul > li .txt .name > div em{font-size: 14px} #sub.member .mem_list > ul > li .txt .name > div span{font-size: 10px} #sub.member .mem_list > ul > li{width: 100%} #sub.member .title strong{font-size: 22px} #sub.direction .con01 ul li{width: 100%} #sub.direction .con01 ul{flex-wrap: wrap} #sub.direction .con01 ul li{padding: 5px 0;border-right: none} #sub.direction .con01 ul li span{margin-bottom: 5px;} #sub.fac .sub_title strong{font-size: 24px;} #sub.ci .con02 ul li{flex-wrap: wrap} #sub.ci .con02 ul li > div{width: 100%} #sub.ci .con02 ul li > div.text_w{margin-top: 20px} #sub.ci .con02 ul li > div .ci{border-radius: 10px;height: 180px} #sub.ci .con02 ul li > div .ci .ci_in img{width: 100px} #sub.ceo .con01 .con{display: block} #sub.ceo .con01 .ceo_img .img_w img{width: 220px;display: block;margin: 0 auto} #sub.ceo .con01 .txt_wrap{padding: 0;margin-top: 20px} #sub.ceo .con01 .ceo_img .img_w:before{height: 190px} #sub.ceo .con01 .ceo_img{width: 100%} #sub.ceo .sub_con .bg02 img{width: 60px;} #sub.ceo .con01 .txt_wrap ul li p, #sub.ceo .con01 .txt_wrap strong{font-size: 13px;} #sub.ceo .sub_con .bg05 img{width: 300px} #sub.ceo .sub_con{padding: 60px 0} #sub .sub_visual2 .visual_img{height: 300px} #sub .sub_visual2 .sv_title strong{font-size: 30px;} #sub.product2 .con06 .list ul{display: block;width: 100%} #sub.product2 .con06 .list ul li{width: 100%} #sub.product2 .p_title_box .title_in strong, #sub.product2 .pro_tit strong{font-size: 20px;word-break: keep-all} #sub.benefit .con01 .con{width: 100%} #sub.benefit .con01 .con:nth-child(1), #sub.benefit .con01 .con:nth-child(3){border-right: none} #sub .sub_title2 strong{font-size: 22px;word-break: keep-all} #sub .sub_con2{padding-top: 120px} #sub .sub_con2 .sub_tab{position: absolute;top: 0;left: 0} #sub .sub_con2 .sub_tab ul li a{background: #fff} #sub .sub_con2 .sub_tab ul li a{text-align: center} #sub .sub_con2 .sub_tab ul li{width: 100%} #sub .sub_con2 .sub_tab ul li.on a:after{display: none} #sub.product2 .con05 .img ul{flex-wrap: wrap;gap: 10px} #sub.product2 .con05 .img ul li{border-radius: 10px;} #sub.product2 .con06 .list ul li{margin-bottom: 10px;} #sub.direction .con01 .map_w{height: 300px} #sub .sub_con2 .content_w .in3{padding-right: 20px} #sub.direction .con01, #sub.direction .con02{padding-right: 0;border-right: 1px solid #e9e9e9} #sub.direction .con02{padding-right: 20px} #sub.direction .con02 .txt{padding-top: 10px;} #sub.direction .con02{gap: 30px 0} #sub.direction .con02 .txt ul li{display: block} #sub.direction .con02 .txt ul li em{display: inline-block} #sub.direction .con02 .txt ul li p{display: inline-block;margin-left: 5px} #sub.world .con01 .map_in .txt ul li:before{display: none} #sub.stock .total .wrap p svg{display: none} #sub.stock .total .wrap p{font-size: 14px;} #sub.stock .total .wrap strong{font-size: 19px} #sub.product2 .s_con_in{margin-top: 0} #sub.product2 .p_title_box .txt_w span{font-size: 11px;line-height: 1.5} #sub.product2 .con05{margin-bottom: 20px} #sub.product2 .con06{margin-top: 20px} #sub.product2 .con06 .list ul li .img div{border-radius: 10px} #sub.product2 .pro04_img > div .pro_tit{padding-right: 0} #sub.product2 .pro06 .img_w ul li:after{display: none} #sub.product2 .pro06 .img_w ul{flex-wrap: wrap;gap: 20px;} #sub.product2 .pro06 .img_w ul li{width: calc(50% - 10px)} #sub.product2 .p_title_box .title_in{width: 100%} #sub.product2 .pro06 .img_w{border-radius: 10px} #sub.product2 .pro08 .w ul.text_list li span{width: 30px;height: 30px} #sub.product2 .pro08 .w ul.text_list li{padding-left: 40px;padding-top: 10px} #sub.product2 .box_line{padding-bottom: 20px;} #sub.product2 .pro07 .img_w{flex-wrap: wrap} #sub.product2 .pro07 .img_w > div{width: 100%} #sub.product2 .pro07 .img_w{border-radius: 10px} #sub .sub_con2 .tab_in{border-top: 1px solid #e9e9e9} #sub.history .con01 .his_list_tab .his strong{display: block;font-size: 22px;margin-bottom: 10px;color: #4DC5D1; font-family: "Outfit", sans-serif;} #sub .sub_con2 .sub_tab ul{width: 100vw} #sub.product2 .pro_tit p i{font-size: 12px;} #sub.product2 .pro01 ul li ul li:nth-child(2){padding-top: 0} #sub.product2 .pro01 ul li ul li:nth-child(1){padding-bottom: 0} #sub.product2 .pro11 .w > div.table{padding-right: 0;padding-bottom: 20px} #sub.product2 .pro11{padding: 20px} #sub.bev .con .title strong{font-size: 24px;} #sub.bev .con .title .dot01, #sub.bev .con .title .dot02{display: none} #sub.bev .con .title{padding: 15px;border-radius: 0 10px 10px 0;} #sub.bev .con01 .bio .text p{font-size: 13px} #sub.product2 .con06 .list ul li{width: calc(100%) !important} #sub.product2 .con05 .video, #sub.product2 .pro04_img > div .img{border-radius: 10px;} #sub.pipeline .con01{margin-top: 40px} #sub.pipeline .con01 .pipe_in .name_w01 ul li a, #sub.pipeline .con01 .pipe_in .name_w02 .con a, #sub.pipeline .con01 .pipe_in .target strong, #sub.pipeline .con01 .pipe_in .line .line_in .graph strong{word-break: keep-all} #sub.bev .con .title strong{font-size: 20px} #sub.bev .con .title{width: 160px;} #sub.bev .con01 .sub_title{position: inherit} #sub.bev .con01 .sub_title{flex-wrap: wrap} #sub.bev .con01 .sub_title p{width: 100%;padding-left: 0;padding-top: 10px;font-size: 13px;word-break: keep-all} #sub.bev .con01 .sub_title p br{display: none} #sub.bev .con01.on .sub_title{transform: none} #sub.bev .con01 .bio .text{position: static;transform: none;display: none} #sub.bev .con01 .text_mo{display: block;padding: 0 20px;padding-bottom: 20px;padding-left: 40px;} #sub.bev .con01 .text_mo p{font-size: 12px;line-height: 1.5;word-break: keep-all} #sub.bev .con01 .bio .base:after{display: none} #sub.product2.nk .con06 .list ul li:nth-child(1) .img:before{display: none} #sub.product2.nk .con06 .list ul li .img:after{background: url(/img/sub/vcb_arrow02.png) bottom left !important;width: 40px !important;height: 20px !important;background-size: 100% auto !important; top: 100% !important;left:50% !important;right: auto !important;margin-left: -20px !important;display: block !important;bottom: auto !important;margin-top: 0 !important;} #sub.product2 .con06 .list ul li .img:after{background: url(/img/sub/vcb_arrow02.png) bottom left !important;width: 40px !important;height: 20px !important;background-size: 100% auto !important; top: 100% !important;left:50% !important;right: auto !important;margin-left: -20px !important;display: block !important;bottom: auto !important;margin-top: 0 !important;} #sub.product2.nk .con06 .list ul li:last-child .img:after{display: none !important} #sub.product2 .con06 .list ul li:last-child .img:after{display: none !important} #sub .depth > ul > li ul li a{padding: 5px} #sub .depth > ul li{flex: 1} #sub.product2 .s_con_in.s_con_in_03{height: 0;overflow: hidden;opacity: 0} #sub.product2 .con05 .video{margin-top: 20px} #sub.product2 .con05 .img ul{gap: 20px} #sub.fac .con01 .img .f_title strong{font-size: 15px} #sub.bo_list .con01 .faci_text_w > p{font-size: 13px;line-height: 1.5} #sub.fac .con01 .img .f_title{height: 40px;padding-right: 10px} #sub.bo_list .con01 .faci_text_w .address span{font-size: 13px} #sub.bo_list .con01 .faci_text_w .address em{font-size: 13px} #sub.bo_list .con01 .faci_text_w .address{margin-top: 20px} } @media (max-width: 600px) { #sub.view.view2 .con01 .title strong{font-size: 17px} #sub.product2 .pro11 .w{flex-wrap: wrap} #sub.product2 .pro11 .w > div{width: 100%} #sub.step .con01 ul li .txt p{font-size: 13px} .sub_visual .sv_title strong, #sub .sub_visual2 .sv_title strong{letter-spacing: 0} #sub.who .con02 ul li > div p br{display: none} #sub.vision .con02 ul li .txt p{font-size: 13px;} #sub.vision .con02 ul li .txt{padding: 10px} #sub.vision .con03 ul li{padding: 10px} #sub.vision .con02 ul li .txt p{word-break: keep-all} #sub.vision .con03 ul li p{font-size: 12px} #sub.vision .con03 ul li strong{font-size: 16px;} #sub.vision .con03 ul li i img{width: 30px;} #sub.vision .con03 .title strong{font-size: 20px;} #sub.vision .con03{padding: 60px 0} #sub.product2 .s_con_in_03.s_con_in .box_line{border-bottom: 1px solid #e9e9e9} #sub.member .title strong{font-size: 20px;} #sub.product2 .pro_b_title strong{font-size: 30px} #sub.product2 .pro08 .w > *{width: 100%} #sub.product2 .pro08 .w{flex-wrap: wrap} #sub.product2 .s_con_in .s_tab02 .tab_w .d02{gap: 0} #sub.talent .con01 ul li .tit p br{display: none} #sub .sub_title2{margin-bottom: 30px;} #sub .depth > ul > li{padding: 0 10px} #sub.view .con01 .title{padding: 20px 0} #sub.view.view2 .con01 .title p{margin-top: 5px} /* #sub.pipeline .con01{overflow-x: scroll;white-space: nowrap; }*/ #sub.pipeline .con01{position: relative;height: 400px} #sub.pipeline .con01 .inner{width: 800px;max-width: 800px;transform: ;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0.45)} #sub.pipeline .con01 .pipe_in.title .line em:after{display: none} #sub.pipeline .con01{height: 170px} #sub.pipeline .con01.con01_02 {height: 100px;} #sub.bev .con01 .bio .text p{font-size: 11px;word-break: keep-all} #sub.bev .con01 .bio .text p br{display: none} #sub .sub_title strong{font-size: 22px;} #sub.product2 .con06 .list ul li .txt .tag{margin-top: 20px} /* #sub.pipeline .con01 .pipe_in{display: block}*/ /* #sub.pipeline .con01 .pipe_in .name_w, #sub.pipeline .con01 .pipe_in .target, #sub.pipeline .con01 .pipe_in .line{width: 100%} #sub.pipeline .con01 .pipe_in.title .line em:after{display: none} #sub.pipeline .con01 .pipe_in .line, #sub.pipeline .con01 .pipe_in .target, #sub.pipeline .con01 .pipe_in .name_w01 ul{flex-direction: row} #sub.pipeline .con01 .pipe_in .name_w01{display: block} #sub.pipeline .con01 .pipe_in .name_w01 ul li{width: 100%} #sub.pipeline .con01 .pipe_in.title{display: none} */ /* #sub.pipeline .con01 .pipe_in .line .line_in{width: 100%;height: 100px;} #sub.pipeline .con01 .pipe_in .line .line_in .graph01{width: 30px;margin:0 auto;height: 78.9%} #sub.pipeline .con01 .pipe_in .line .line_in .graph02{width: 30px;margin:0 auto;height: 72.36%} #sub.pipeline .con01 .pipe_in .line .line_in .graph03{width: 30px;margin:0 auto;height: 59.21%} #sub.pipeline .con01 .pipe_in .line .line_in .graph04{width: 30px;margin:0 auto;height: 34.86%} #sub.pipeline .con01 .pipe_in .line .line_in .graph05{width: 30px;margin:0 auto;height: 13.94%} */ /* #sub.pipeline .con01 .pipe_in .line .line_in .graph06{width: 30px;margin:0 auto;height: 89.21%} #sub.pipeline .con01 .pipe_in .line .line_in .graph07{width: 30px;margin:0 auto;height: 68.68%} */ }