.pro_inq_btn{right: 40px;top: 50%;transform: translateY(-50%);position: fixed;z-index: 9999}
.pro_inq_btn button{display: block;width: 96px;height: 112px;display: flex;flex-direction: column;justify-content: center;align-content: center;text-align: center;background: #fff;flex-direction: column;align-items: center;border-radius: 6px;transition: 0.5s}
.pro_inq_btn button:after{content: '';display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: calc(100% + 10px);height: calc(100% + 10px);border: 1px solid #FFFFFF;box-sizing: border-box;border-radius: 10px;transition: 0.5s}
.pro_inq_btn button:hover:after{width: calc(100% - 10px);height: calc(100% - 10px);border-radius: 6px;transition: 0.5s}
.pro_inq_btn button:hover{background: #10B5EC}
.pro_inq_btn button i{position: relative;width: 22px;margin-bottom: 10px}
.pro_inq_btn button i svg{display: block;transition: 0.5s}
.pro_inq_btn button i svg.over{position: absolute;top: 0;left: 0;opacity: 0}
.pro_inq_btn button:hover i svg.over{opacity: 1}
.pro_inq_btn button strong{font-size: 16px;font-weight: 500;color: #10B5EC;transition: 0.5s}
.pro_inq_btn button:hover strong{color: #fff}
.orange #sub.inquiry .f_list ul li .w i, .orange #sub.inquiry .f_list .con04 strong i{color: #FF9A51}
.orange #sub.inquiry .f_list .con04 .txt_box{background: #FFE9D6}
.orange #사각형_60{fill: #F47920}
.pro_inq_btn.orange button:hover{background: #F47920}
.pro_inq_btn.orange strong{color: #F47920}
.pro_inq_btn.orange button:hover strong{color: #fff}
.pro_inq_btn.orange #사각형_60{fill: #F47920}
.pro_inq_btn.orange .over #사각형_60{fill: #fff}
.pro_inq_btn.orange .over path{fill: #F47920}
.pro_inq_btn.orange .over line{stroke: #F47920}
.dev_con {position: relative;z-index: 2}
#product_popup.orange .pro_pop_w .title{background: #FFE9D6}
#product_popup.orange .pro_pop_w .title #사각형_67{fill: #FFE9D6}
#product_popup.orange .pro_pop_w .title #패스_5509{fill: #FFE9D6}
#product_popup.orange .pro_pop_w .title #패스_5509-2{fill: #FFE9D6}
#product_popup.orange .pro_pop_w .title #사각형_67-2{fill: #FFE9D6}
#product_popup.orange .pro_pop_w .title span{color: #FF9A51}
#product_popup.orange .pro_pop_w .title strong{color: #111111}
#product_popup{position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,0.9);display: none}
#product_popup .pro_pop_w{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%}
#product_popup .pro_pop_w .pro_pop{height: 80vh;width: 1100px;background: #ffffff;overflow-y: scroll;border-radius: 20px;position: relative}
#product_popup .pro_pop_w .inquiry{padding: 60px 140px}
#product_popup .pro_pop_w .title{padding: 75px 0;background: #F2F8F9;position: relative}
#product_popup .pro_pop > button{top: 20px;right: 20px;position: absolute;z-index: 15}
#product_popup .pro_pop_w .title *{display: block;margin: 0 auto;text-align: center}
#product_popup .pro_pop_w .title .bg{position: absolute;z-index: 2;left: 50%;transform: translateX(-50%);bottom: 0}
#product_popup .pro_pop_w .title span{font-size: 30px;color: #10B5EC;font-weight: 600;margin-bottom: 7px}
#product_popup .pro_pop_w .title strong{font-size: 50px;color: #3C4F57;font-weight: 600}
.inner2{width: 1720px;margin: 0 auto}
.scroll_w.w .line{background: #ffffff50}
.scroll_w.w .line i{background: #ffffff}
.scroll_w.w .scroll p, .scroll_w .percent{color: #fff}
.scroll_w.w .scroll_icon{border-color: #fff}
.scroll_w.w .scroll_icon i{background: #fff}
#header.pro #gnb > ul > li > a{color: #fff}
#header.pro.on #gnb > ul > li > a{color: #1E343B}
#header.pro.on #gnb > ul > li:hover > a{color: #10b5ec}
#header.pro:hover #gnb > ul > li > a{color: #1E343B}
#header.pro:hover #gnb > ul > li:hover > a{color: #10b5ec}
#header.pro #logo path{fill: #fff}
#header.pro.on #logo path{fill: #10b5ec}
#header.pro.on #logo path#패스_5467{fill: #1275b5}
#header.pro:hover #logo path{fill: #10b5ec}
#header.pro:hover #logo path#패스_5467{fill: #1275b5}
#header.pro .lang button{color: #fff}
#header.pro.on .lang button{color: #1E343B}
#header.pro:hover .lang button{color: #1E343B}
#header.pro .lang path{stroke: #fff}
#header.pro.on .lang path{stroke: #1E343B}
#header.pro:hover .lang path{stroke: #1E343B}
#sub .more_btn a{display: flex;align-items: center;justify-content: space-between;border: 1px solid #CFDCE2;width: 174px;height: 38px;border-radius: 8px;padding: 0 17px;padding-right: 8px;transition: 0.5s}
#sub .more_btn a{background: #fff}
#sub .more_btn a:hover{border-color: #10B5EC;}
#sub .more_btn a strong{font-size: 17px;color: #1E343B;transition: 0.5s}
#sub .more_btn a:hover strong{color: #10B5EC !important}
#sub .more_btn a i{display: flex;width: 22px;height: 22px;border-radius: 6px;background: #10B5EC;align-items: center;justify-content: center}
#sub .more_btn a i svg{display: block;transition: 0.5s}
#sub .more_btn a:hover i svg{transform: rotate(90deg)}
#sub .go_submit{margin-top: 90px}
#sub .sub_visual_dev .go_submit button{width: 232px}
#sub .go_submit button{display: flex;width: 180px;height: 58px;justify-content: space-between;align-items: center;border: 1px solid #CFDCE2;border-radius: 8px;padding: 20px;margin: 0 auto;transition-duration: 0.5s}
#sub .go_submit button:hover{border-color: #10B5EC}
#sub .go_submit button strong{display: block;font-size: 17px;color: #1E343B;font-weight: 600;transition-duration: 0.5s}
#sub .go_submit button i, #sub .go_submit button svg{display: block}
#sub .go_submit button:hover strong{color: #10B5EC}
.eng{font-family: "Montserrat", sans-serif; text-transform: uppercase;}
#sub .paging ul{display: flex;justify-content: center;align-items: center;gap: 10px; }
#sub .paging ul li a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;color: #79868B;font-size: 18px;font-weight: 600}
#sub .paging ul li.on a{background: #10B5EC;color: #fff}
#sub .sub_visual{padding-top: 210px;padding-bottom: 110px;background: #F2F8F9;position: relative;z-index: 3;}
#sub .sub_visual .vis_line{position: absolute;left: 50%;bottom: 0}
#sub .sub_visual .vis_line svg{display: block}
#sub .sub_visual.sub_visual_w{background: #fff;border-bottom: 1px solid #C6DBDF}
#sub .sub_visual .vis_txt strong{display: block;font-size: 100px;color: #3C4F57;font-weight: 500}
#sub .loc{position: relative;z-index: 7}
#sub .loc ul{display: flex;gap: 40px}
#sub .loc ul li a{display: block;padding: 20px 0;font-size: 16px;color: #97A7AC;font-family: "Montserrat", sans-serif;font-weight: 500;position: relative}
#sub .loc ul li.on a{color: #3C4F57;font-weight: 600;text-decoration: underline;position: relative}
#sub .loc ul li a:after{content: '';display: block;width: 20px;height: 20px;background: url(/img/sub/tab_plus.png);top: -10px;left: 50%;margin-left: -10px;position: absolute;opacity: 0}
#sub .loc ul li.on a:after{opacity: 1}
#sub .sub_con{padding-top: 130px;padding-bottom: 220px;position: relative}
#sub.ceo .bg_line{position: absolute;width: 1px;height: calc(100% + 60px);position: absolute;top: 0;left: 50%;background: #DDE6E9;top: -60px}
#sub.location .bg_line{position: absolute;width: 1px;height: calc(100% + 60px);position: absolute;top: 0;left: 50%;background: #DDE6E9;top: -60px}
#sub.ceo .con01{display: flex;align-items: flex-start}
#sub.ceo .con01 > div{flex: 1}
#sub.ceo .con01 .right{display: flex;justify-content: center}
#sub.ceo .con01 .right .img{border: 1px solid #DDE6E9;border-radius: 10px;padding: 10px;height: auto}
#sub.ceo .con01 .right .img div{border-radius: 6PX;overflow: hidden}
#sub.ceo .con01 .right .img div img{display: block}
#sub.ceo .con01 .left .txt_w > strong{font-size: 60px;letter-spacing: -0.7px;line-height: 70px;color: #3C4F57;font-weight: 500}
#sub.ceo .con01 .left .txt_w p{font-size: 20px;line-height: 32px;color: #3C4F57}
#sub.ceo .con01 .left .txt{display: flex;flex-direction: column;gap: 40px;margin-top: 130px;margin-bottom: 100px;padding-right: 40px}
#sub.ceo .con01 .left .sign_w{display: flex;align-items: flex-end;justify-content: flex-end;padding-right: 80px;gap: 14px}
#sub.ceo .con01 .left .sign_w span{font-size: 16px;font-weight: 500;color: #95B3BF}
#sub.ceo .con01 .left .sign_w strong{font-size: 16px;font-weight: 500;color: #3C4F57}
#sub.ceo .con01 .left .sign_w .sign{border-bottom: 1px solid #BED4DB;position: relative}
#sub.ceo .con01 .left .sign_w .sign:after{content: '';display: block;width: 10px;height: 2px;position: absolute;bottom: -1px;right: 0;background: #10B5EC}
#sub.history .his_content{display: flex;flex-direction: column;gap: 100px}
#sub.history .his_content .his{display: flex}
#sub.history .his_content .his > div{width: 50%}
#sub.history .his_content .his > div.info{padding-left: 80px;}
#sub.history .his_content .his > div.info ul{background: #F2F8F9;border-radius: 6px;padding: 40px;border: 2px solid #F2F8F9;display: flex;gap: 16px;flex-direction: column}
#sub.history .his_content .his > div.info ul li{font-size: 20px;color: #3C4F57;position: relative;font-weight: 600;padding-left: 14px;}
#sub.history .his_content .his > div.info ul li:before{content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;background: #3C4F57;border-radius: 50%;top: 12px}
#sub.history .his_content .his .year {display: flex;justify-content: center;position: relative;height: 110px}
#sub.history .his_content .his .year i{position: absolute; right: -20px;top: 50%;margin-top: -20px}
#sub.history .his_content .his .year i svg{display: block;position: relative;z-index: 5}
#sub.history .his_content .his .year i:before{content: '';display: block;width: 235px;height: 1px;position: absolute;right: 0;top: 50%;background: #D3DFE3}
#sub.history .his_content .his .year strong{font-size: 80px;color: #3C4F57;font-family: "Montserrat", sans-serif;font-weight: 500}
#sub.location .con01{border-radius: 20px;padding: 10px;border: 1px solid #DDE6E9;background: #fff;position: relative;z-index: 5}
#sub.location .con01 > div{height: 600px;overflow: hidden;border-radius: 10px}
#sub.location .con01 .root_daum_roughmap .wrap_map, #sub.location .con01 .root_daum_roughmap{width: 100%;height: 100%}
#sub.location .con02 {padding-top: 100px;padding-bottom: 50px}
#sub.location .con02 strong{font-weight: 500;color: #3C4F57;font-size: 80px;}
#sub.location .con02 strong span{font-size: 20px;color: #3C4F57;font-family: inherit}
#sub.location .con03{border-bottom: 1px solid #DDE6E9;border-top: 1px solid #DDE6E9;background: #fff;position: relative;z-index: 5}
#sub.location .con03 ul {display: flex}
#sub.location .con03 ul li{padding:0 60px;padding-top: 40px;padding-bottom: 65px;border-right: 1px solid #DDE6E9}
#sub.location .con03 ul li:last-child{border-right: none}
#sub.location .con03 ul li:nth-child(1){padding-left: 0}
#sub.location .con03 ul li i{display: block;margin-bottom: 20px}
#sub.location .con03 ul li i img{display: block}
#sub.location .con03 ul li span{color: #3C4F57;font-size: 16px;font-weight: 600}
#sub.location .con03 ul li p{font-size: 18px;color: #7E888D;line-height: 27px;margin-top: 8px}
#sub.gallery .list > ul{display: flex;flex-wrap: wrap;position: relative}
#sub.gallery .list > ul:after{content: '';display: block;width: 100%;height: 50px;position: absolute;bottom: -1px;background: #fff;position: absolute}
#sub.gallery .list > ul > li{width: calc(33.33% - 17px)}
#sub.gallery .list > ul > li:nth-child(3n - 1){width: calc(33.33% + 33px)}
#sub.gallery .list > ul > li > .wrap{display: block;padding: 50px;border-right: 1px solid #DDE6E9;border-bottom: 1px solid #DDE6E9}
#sub.gallery .list > ul > li > a{display: block;padding: 50px;border-right: 1px solid #DDE6E9;border-bottom: 1px solid #DDE6E9}
#sub.gallery .list > ul > li:nth-child(3n) > a{border-right: none}
#sub.gallery .list > ul > li:nth-child(3n) > div{border-right: none}
#sub.gallery .list > ul > li:nth-child(3n + 1) a{padding-left: 0}
#sub.gallery .list > ul > li:nth-child(3n + 1) div{padding-left: 0}
#sub.gallery .list > ul > li:nth-child(3n) a{padding-right: 0}
#sub.gallery .list > ul > li:nth-child(3n) div{padding-right: 0}
#sub.gallery .list > ul > li img{max-width: 100%}
#sub.gallery .list > ul > li:nth-child(1) > a{padding-top: 0}
#sub.gallery .list > ul > li:nth-child(2) > a{padding-top: 0}
#sub.gallery .list > ul > li:nth-child(3) > a{padding-top: 0}
#sub.gallery .list > ul > li:nth-child(1) > div{padding-top: 0}
#sub.gallery .list > ul > li:nth-child(2) > div{padding-top: 0}
#sub.gallery .list > ul > li:nth-child(3) > div{padding-top: 0}
#sub .s_tab{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}
#sub .s_tab ul{display: flex;}
#sub .s_tab ul li {margin-left: -1px;position: relative;}
#sub .s_tab ul li.on{z-index: 5;}
#sub .s_tab ul li.on a{color: #1E343B;border-color: #10B5EC;}
#sub .s_tab ul li a{display: block;width: 160px;text-align: center;font-size: 16px;font-weight: 500;color: #97A7AC;border-left: 1px solid #97A7AC;border-right: 1px solid #97A7AC;}
#sub .s_tab .down a{display: flex;width: 332px;height: 60px;border-radius: 12px;border: 1px solid #CFDCE2;display: flex;;justify-content: space-between;align-items: center;padding: 0 23px;font-size: 18px;color: #1E343B;}
#sub.gallery .list > ul > li .img{border-radius: 10px;overflow: hidden;position: relative}
#sub.gallery .list > ul > li .img img{display: block}
#sub.gallery .list > ul > li .img:after{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(to top, #10B5EC50, #10B5EC00);position: absolute;top: 0;left: 0;transform-origin: bottom;transition: 0.5s;transform: scaleY(0)}
#sub.gallery .list > ul > li .thumb{position: relative}
#sub.gallery .list > ul > li .thumb .dot{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.gallery .list > ul > li .thumb .dot i{width: 52px;height: 52px;background: url(/img/sub/more_plus.png);display: block;transform: rotate(45deg) scale(0.5);opacity: 0;transition: 0.5s}
#sub.gallery .list > ul > li:hover .thumb .dot i{transform: rotate(0deg) scale(1);opacity: 1}
#sub.gallery .list > ul > li:hover .img:after{transform: scaleY(1)}
#sub.gallery .list > ul > li .btn_w{display: flex;gap: 20px;margin-top: 35px;}
#sub.gallery .list > ul > li .btn_w > div{flex: 1;}
#sub.gallery .list > ul > li .btn_w > div a{display: flex;align-items: center;height: 38px;border: 1px solid #CFDCE2;border-radius: 8px;padding-left: 17px;padding-right: 8px;justify-content: space-between;font-size: 17px;color: #1E343B;font-weight: 600;}
#sub.gallery .list > ul > li .txt{padding-top: 30px}
#sub.gallery .list > ul > li .txt strong{font-size: 20px;color: #3C4F57;line-height: 28px;height: 56px;font-weight: 500}
#sub.gallery .list > ul > li .txt p{font-size: 16px;color: #97A7AC;margin-bottom: 6px;}
#sub.gallery .list > ul > li .info{display: flex;align-items: center;gap: 14px;margin-top: 30px}
#sub.gallery .list > ul > li .info .line{width: 1px;height: 12px;background: #D3DFE3}
#sub.gallery .list > ul > li .info span{color: #79868B; font-family: "Montserrat", sans-serif;display: flex;gap: 4px}
#sub.gallery .sch_wrap{background: #F2F8F9;width: 800px;height: 140px;display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-bottom: 70px;border-radius: 6px}
#sub.gallery .sch_wrap .sch{display: flex;gap: 20px}
#sub.gallery .sch_wrap .sch select{height: 60px;width: 120px;border: none;border-bottom: 1px solid #3C4F57;padding: 0 10px;font-size: 17px;background: none;color: #79868B}
#sub.gallery .sch_wrap .sch input{height: 60px;width: 300px;border: none;border-bottom: 1px solid #3C4F57;padding: 0 10px;font-size: 17px;background: none;color: #79868B}
#sub.gallery .sch_wrap .sch div{position: relative}
#sub.gallery .sch_wrap .sch button{position: absolute;right: 0;bottom: 0}
#sub.gallery .sch_wrap .sch svg{display: block}
#sub.gallery .sns_w{margin-bottom: 80px;}
#sub.gallery .sns_w ul{display: flex;justify-content: center;align-items: center;gap: 20px}
#sub.gallery .sns_w ul li a{display: flex;align-items: center;justify-content: center;gap: 10px;width: 195px;height: 60px;border: 1px solid #CFDCE2;border-radius: 12px;transition: 0.5s}
#sub.gallery .sns_w ul li a svg{display: flex;}
#sub.gallery .sns_w ul li:hover a{border-color: #10b5ec;color: #10b5ec}
#sub.view .sub_con{padding-top: 0}
#sub.view .sub_visual.sub_visual_w{border-bottom: none}
#sub.view .title{border-top: 2px solid #3C4F57;padding: 70px 0;border-bottom: 2px solid #DDE6E9;position: relative}
#sub.view .title strong{font-size: 30px;color: #3C4F57;font-weight: 600;display: block;margin-bottom: 20px;}
#sub.view .title p{font-size: 18px;color: #79868B}
#sub.view .title .like{position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
#sub.view .title .like button{display: flex;align-items: center;justify-content: center;flex-direction: column;background: #F2F8F9;border-radius: 6px;width: 120px;height: 120px}
#sub.view .title .like button span{display: block;font-size: 18px;color: #79868B;margin-top: 2px}
#sub.view .content{padding: 50px;border-radius: 10px;background: #F2F8F9;min-height: 400px;margin-top: 50px}
#sub.view .more_btn{display: flex;justify-content: center;margin-top: 55px}
#sub.view .sl_wrap{display: flex;align-items: center;justify-content: center;max-width: 1520px;margin: 0 auto}
#sub.view .sl_wrap .btn{position: static}
#sub.view .sl_wrap .swiper-button-next, #sub.view .sl_wrap .swiper-rtl .swiper-button-prev{position: static;}
#sub.view .sl_wrap .swiper-button-prev, #sub.view .sl_wrap .swiper-rtl .swiper-button-prev{position: static;}
#sub.view .sl_wrap .swiper-button-next:after, #sub.view .sl_wrap .swiper-button-prev:after{display: none;}
#sub.view .sl_wrap .swiper-button-prev:after, #sub.view .sl_wrap .swiper-button-prev:after{display: none;}
#sub.view .sl_wrap .swiper-button-next svg, #sub.view .sl_wrap .swiper-button-prev svg{width: 5px;}
#sub.view .sl_wrap .swiper-button-prev svg{transform: rotate(180deg);}
#sub.view .sl_wrap .btn{width: 40px;height: 40px;border-radius: 6px;border: 1px solid #1E343B;}
#sub.view .sl_wrap .swiper{width: calc(100% - 180px);}
#sub.view .sl_wrap .swiper-slide img{width: 100%}
#sub.view .swiper-pagination{position: static;font-size: 16px;color: #3C4F57;margin-top: 30px}
#sub.view .swiper-pagination .swiper-pagination-total{opacity: 0.5}
/*
*/
#sub.product{background-color: #000;}
#sub.product .pro_visual{position: relative;height: 100vh;}
#sub.product .pro_visual .vis_image{left: 50%;position: absolute;transform: translate(-50%, -15%);}
#sub.product .pro_visual .vis_image .img{will-change: transform;}
#sub.product.apolex .pro_visual .vis_image{transform: translate(-50%, 2%);}
#sub.product.apolex .pro_visual .vis_image video{width: 1200px}
#sub.product.contlex .pro_visual .vis_image{transform: translate(-50%, 13%);}
#sub.product .pro_visual .vis_title{left: 50%;position: absolute;transform: translate(-50%, -130%);top: 50%;}
#sub.product .pro_visual .vis_title strong{font-size: 50px;color: #fff;font-size: 160px;color: #CADBE2;font-weight: 500;white-space: nowrap;}
#sub.product .pro_visual .tag{left: 50%;position: absolute;margin-left: -855px;margin-top: -166px;top: 50%;transform: translateY(300%);opacity: 0}
#sub.product .pro_visual .txt_w{right: 50%;position: absolute;margin-right: -855px;top: 50%;transform: translateY(100%);perspective: 500px}
#sub.product .pro_visual .txt_w .txt_in{padding: 10px;;border: 1px solid #73BECB;border-radius: 20px;transform: rotateX(-60deg);opacity: 0}
#sub.product .pro_visual .txt_w .txt_in > div{padding: 40px;background: rgba(42,126,141,0.5);backdrop-filter: blur(20px);border-radius: 10px;}
#sub.product .pro_visual .txt_w .txt_in > div strong{font-size: 40px;letter-spacing: -0.5px;color: #FFFFFF;line-height: 52px;font-weight: 600;display: block;margin-bottom: 30px;}
#sub.product .pro_visual .txt_w .txt_in > div p{font-size: 24px;color: #FFFFFF;line-height: 1.5;}
#sub.product .con01{position: relative;z-index: 15;padding: 50px 0;background: linear-gradient(to top, #000000 50%, #00000000)}
#sub.product .con01 .wr{background-color: #2B434E;padding: 140px 0;position: relative;z-index: 15;;}
#sub.product .dot {position: absolute;}
#sub.product .dot img{display: block;}
#sub.product .dot01{top: 0;left: 0;transform: rotateX(180deg) rotateY(00deg)}
#sub.product .dot02{top: 0;right: 0;transform: rotateX(180deg) rotateY(180deg);}
#sub.product .dot03{bottom: 0;right: 0;transform: rotateX(0deg) rotateY(180deg);}
#sub.product .dot04{bottom: 0;left: 0;;}
#sub.product .con01 .txt strong{display: block;text-align: center;font-size: 100px;color: #FFFFFF;letter-spacing: -0.5px;line-height: 1;font-weight: 500;}
#sub.product .con01 .txt p{display: block;text-align: center;font-size: 32px;color: #BDCDD4;line-height: 1;font-weight: 500;margin-top: 30px;}
#sub.product .con02{background-color: #000;position: relative;z-index: 5;align-items: center;position: relative;}
#sub.product .con02:after{content: '';display: block;position: absolute;height: calc(100% + 50px);width: 1px;background-color: #404445;top: -50px;left: 50%;;}
#sub.product .con02{display: flex;padding: 340px 0;}
#sub.product .con02 > div{width: 50%;}
#sub.product .con02 .txt_con{padding-left: 100px;padding-right: 60px;display: flex;flex-direction: column;gap: 10px;box-sizing: border-box;}
#sub.product .con02 .txt_con .txt{padding: 60px;background-color: #FFFFFF;border-radius: 20px;}
#sub.product .con02 .txt_con .txt strong{font-size: 60px;color: #111111;font-weight: 600;letter-spacing: -2px;}
#sub.product .con02 .txt_con .txt .key{display: flex;gap: 16px;align-items: center;margin-top: 10px;margin-bottom: 30px;;}
#sub.product .con02 .txt_con .txt p{font-size: 22px;color: #3C4F57;line-height: 28px;;}
#sub.product .con02 .txt_con .txt .key i{display: block;;width: 1px;height: 8px;background-color: #B4C5CB;}
#sub.product .con02 .txt_con .txt .key span{display: block;;font-size: 18px;color: #385461;}
#sub.product .con02 .img_con > div{position: relative;padding-top: 56.23%;border-top: 1px solid #404445;border-bottom: 1px solid #404445}
#sub.product .con02 .img_con > div iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0}
#sub.product .con02 .img_con > div video{position: absolute;width: 100%;height: 100%;top: 0;left: 0}
#sub.product .wrt_box{background-color: #fff;border-radius: 20px;overflow: hidden;;width: 1720px;margin: 0 auto;position: relative;z-index: 15;}
#sub.product .con03{padding: 135px 0;background-color: #F2F8F9;}
#sub.product .con03 strong{display: block;;font-size: 60px;color: #111111;text-align: center;font-weight: 500;}
#sub.product .con04{position: relative;padding: 200px 0;}
#sub.product .con04 .pro_wave{position: absolute;top: 50%;transform: translateY(-50%);width: 5381px;height: 478px}
#sub.product .con04 .pro_wave .wave02{left: 0%}
#sub.product .con04 .in{display: flex;justify-content: center;position: relative;z-index: 15;gap: 120px}
#sub.product .con04 .in .txt{border: 1px solid #C4D6DC;border-radius: 20px;padding: 10px;;position: relative}
#sub.product .con04 .in .w{height: 266px;width: 646px;display: flex;align-items: center;justify-content: center;background-color: rgba(0,84,97,0.68);backdrop-filter: blur(8px);border-radius: 10px;text-align: center;}
#sub.product .con04 .in .over1{margin-bottom: 20px;}
#sub.product .con04 .in .w > div{width: 100%}
#sub.product .con04 .in .txt02 .w{background-color: rgba(205,242,248,0.50);;}
#sub.product .con04 .in .w strong{display: block;font-size: 32px;color: #FFFFFF;font-weight: 500;}
#sub.product .con04 .in .w p{display: block;font-size: 24px;color: #FFFFFF;font-weight: 500;line-height: 1.5;}
#sub.product .con04 .in .txt02 .w p{color: #3C4F57;}
#sub.product .con04 .in .txt02 .w strong{color: #3C4F57;}
#sub.product .con04 .in .txt02:before{content: '';display: block;position: absolute;top: 50%;width: 120px;margin-left: -130px;background: #C4D6DC;height: 1px}
#sub.product .con06{position: relative;padding-top: 110px;}
#sub.product .con06 .title{display: flex;justify-content: center;margin-bottom: 90px;}
#sub.product .con06 .title .wrap{border: 1px solid #C4D6DC;border-radius: 20px;padding: 10px;}
#sub.product .con06 .title .wrap > div{width: 715px;height: 166px;display: flex;;align-items: center;justify-content: center;text-align: center;background-color: #E6F8FB;}
#sub.product .con06 .title .wrap > div p{font-size: 24px;color: #3C4F57;line-height: 1.5;;}
#sub.product .con06 .list > ul{display: flex;}
#sub.product .con06 .list > ul > li{flex: 1;border-right: 1px solid #D4E1E5;border-bottom: 1px solid #D4E1E5;}
#sub.product .con06 .list > ul > li > div{border-bottom: 1px solid #D4E1E5;}
#sub.product .con06 .list > ul > li > div.txt{border-bottom: none;}
#sub.product .con06 .list > ul > li img{max-width: 100%;display: block;margin: 0 auto}
#sub.product .con06 .list > ul > li .tit{display: flex;height: 80px;align-items: center;justify-content: center;border-top: 1px solid #D4E1E5;}
#sub.product .con06 .list > ul > li .tit strong{font-size: 24px;font-weight: 500;color: #3C4F57;font-family: "Montserrat", sans-serif;}
#sub.product .con06 .list > ul > li .img{padding-top: 28px;padding-bottom: 50px;;}
#sub.product .con06 .list > ul > li .img img{display: block;margin: 0 auto;max-width: 95%;}
#sub.product .con06 .list > ul > li > div.txt {padding: 50px 30px ;display: flex;;flex-direction: column;gap: 15px}
#sub.product .con06 .list > ul > li > div.txt div{display: flex;flex-wrap: wrap;gap: 13px 20px}
#sub.product .con06 .list > ul > li > div.txt div strong{font-size: 20px;color: #3C4F57;}
#sub.product .con06 .list > ul > li > div.txt div p{font-size: 18px;color: #3C4F57;line-height: 27px;}
#sub.product .con07 {padding-top: 200px;padding-bottom: 227px;;}
#sub.product .con07 .wr{position: relative;}
#sub.product .con07 .wr .title_w{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#sub.product .con07 .wr .title_w strong{font-size: 80px;color: #D4E3EB;letter-spacing: -1px;line-height: 1.1;font-weight: 500;}
#sub.product .con07 .vid_box{width: 1058px;margin: 0 auto;border: 2px solid #D4E1E5;border-radius: 20px;padding: 20px;position: relative;z-index: 15;}
#sub.product .con07 .vid_box *{width: 100%;}
#sub.product .con07 .vid_box div div{position: relative;padding-top: 56.23%;border-radius: 20px;overflow: hidden}
#sub.product .con07 .vid_box div div iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
#sub.product .con07 .vid_box div div img{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
#sub.product .con08 {position: relative;padding-bottom: 200px;}
#sub.product .con08 .img_w{left: 50%;position: absolute;bottom: 0;transform: translateX(-50%);}
#sub.product .con08 .img_w img{display: block;}
#sub.product .con08 .b_title{position: relative;z-index: 15;}
#sub.product .con08 .b_title span{font-size: 40px;color: #D4E3EB;letter-spacing: 50px;;display:block;text-align: center;font-weight: 500;margin-bottom: 20px;}
#sub.product .con08 .b_title .t_box {display: flex;width: 1515px;margin: 0 auto;}
#sub.product .con08 .b_title .t_box strong{font-size: 230px;color: #D4E3EB;font-weight: 500;line-height: 1;}
#sub.product .con08 .b_title .t_box02{display: flex;justify-content: flex-end;}
#sub.product .con08 .list{position: relative;z-index: 5;margin-top: 75px;}
#sub.product .con08 .list ul li{display: flex;}
#sub.product .con08 .list ul li:nth-child(2n){justify-content: flex-end;margin-top: -120px;}
#sub.product .con08 .list ul li > div{height: 226px;width: 615px;background-color: #fff;border-radius: 20px;padding: 30px 40px;}
#sub.product .con08 .list ul li > div i{display: flex;width: 50px;height: 50px;border-radius: 6px;background-color: #10B5EC;align-items: center;justify-content: center;color: #fff;font-weight: 500;font-size: 16px;}
#sub.product .con08 .list ul li > div p{font-size: 32px;color: #111111;line-height: 40px;font-weight: 300;margin-top: 30px;}
#sub.product_line .list ul{display: flex;flex-wrap: wrap;border: 1px solid #D3DFE3;border-bottom: none;}
#sub.product_line .list ul li{width: 33.33%;border-right: 1px solid #D3DFE3;}
#sub.product_line .list ul li:nth-child(3n){border-right: none;;}
#sub.product_line .list ul li a{display: block;border-bottom: 1px solid #D3DFE3;position: relative;}
#sub.product_line .list ul li a .title{position: absolute;width: 100%;text-align: center;padding-top: 100px;;z-index: 15;}
#sub.product_line .list ul li a .title strong{display: block;;font-size: 40px;color: #3C4F57;font-weight: 600;}
#sub.product_line .list ul li a img{display: block;width: 100%;}
#sub.product_line .list ul li a .img{display: block;position: relative;}
#sub.product_line .list ul li a .img:before{content: '';display: block;width: 100%;height: 50px;background-color: #FFFFFF;position: absolute;top: 0;left: 0;;}
#sub.product_line .list ul li a .img:before{content: '';display: block;width: 100%;height: 50px;background-color: #FFFFFF;position: absolute;top: 0;left: 0;;}
#sub.product_line .list ul li a .img:after{content: '';display: block;width: 100%;height: 30%;background: linear-gradient(to top, #FFFFFF00, #FFFFFF);position: absolute;top: 50px;left: 0;;}
#sub.product_line .list ul li a .title{transition-duration: 0.5s;}
#sub.product_line .list ul li a:hover .title{transform: translateY(-30px);}
#sub.product_line .list ul li a .title i{display: flex;align-items: center;justify-content: center;background-color: #10B5EC;border-radius: 60px;width: 6px;height: 6px;margin: 0 auto;margin-top: 10px;transition-duration: 0.5s;}
#sub.product_line .list ul li a .title i svg{opacity: 0;transition-duration: 0.5s;}
#sub.product_line .list ul li:hover a .title i svg{opacity: 1;}
#sub.product_line .list ul li a:hover .title i{width: 40px;height: 40px;;}
#sub.product_line .list ul li a .img{position: relative;z-index: 5;;}
#sub.product_line .list ul li a .bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, #DBFAFF, #FFFFFF);transform-origin: bottom;transform: scaleY(0.2);opacity: 0;transition: 1s;}
#sub.product_line .list ul li a:hover .bg{transform: scaleY(1);opacity: 1;}
#sub.inquiry .c_box{position: relative;}
#sub.inquiry .c_box input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
#sub.inquiry .c_box input:checked + svg g{stroke: #10B5EC;}
#sub.inquiry .c_box input:checked + svg path{stroke: #10B5EC;}
#sub.inquiry .inp_w input{border: none;height: 60px;border-bottom: 0.5px solid #3C4F57;font-size: 15px;color: #79868B;display: block;;width: 100%;}
#sub.inquiry .inp_w textarea{border: none;height: 60px;border-bottom: 0.5px solid #3C4F57;font-size: 15px;color: #79868B;display: block;;width: 100%;padding: 21px 0;height: 320px;}
#sub.inquiry .f_list ul li .w strong{font-size: 17px;color: #3C4F57;font-weight: 600;margin-bottom: 8px;}
#sub.inquiry .f_list ul li .w i{color: #10B5EC;font-weight: 600;}
#sub.inquiry .f_list .con02{margin-top: 115px;margin-bottom: 120px;}
#sub.inquiry .f_list .con02 .title{margin-bottom: 43px;}
#sub.inquiry .f_list .con02 .title strong{font-size: 22px;color: #3C4F57;font-weight: 600;}
#sub.inquiry .f_list .con02 ul{display: flex;gap: 40px}
#sub.inquiry .f_list .con02 ul li{display: flex;align-items: center;gap: 8px;color: #79868B;font-weight: 500;}
#sub.inquiry .f_list .con02 ul li svg{display: block;}
#sub.inquiry .f_list .con02 .wrap{display: flex;flex-direction: column;gap: 65px}
#sub.inquiry .f_list .con02 .wrap strong{display: block;font-size: 17px;color: #3C4F57;margin-bottom: 24px;font-size: 17px;}
#sub.inquiry .f_list .con01 ul{display: flex;;gap: 60px 80px;flex-wrap: wrap;}
#sub.inquiry .f_list .con03 ul{display: flex;;gap: 60px;flex-direction: column;}
#sub.inquiry .f_list .con01 ul li{width: calc(50% - 40px);}
#sub.inquiry .f_list .con01 ul li:nth-child(1){width: 100%;}
#sub.inquiry .f_list .con01 ul li:nth-child(1) > div{width: calc(50% - 40px);}
#sub.inquiry .f_list .con03 .file_w{display: flex;border-bottom: 0.5px solid #3C4F57;padding-bottom: 20px;margin-top: 20px;}
#sub.inquiry .f_list .con03 .file_w .file{display: flex;height: 56px;padding: 24px;border: 1px solid #CFDCE2;border-radius: 8px;gap: 10px;position: relative;align-items: center;}
#sub.inquiry .f_list .con03 .file_w .file svg{display: block;}
#sub.inquiry .f_list .con03 .file_w .file p{font-size: 15px;color: #3C4F57;}
#sub.inquiry .f_list .con03 .file_w .file input{position: absolute;top: 0;width: 100%;position: absolute;top: 0;left: 0;height: 100%;opacity: 0;}
#sub.inquiry .f_list .con04{padding-top: 140px;}
#sub.inquiry .f_list .con04 strong{display: block;font-size: 17px;color: #3C4F57;margin-bottom: 24px;font-size: 17px;}
#sub.inquiry .f_list .con04 strong i{color: #10B5EC;font-weight: 600;}
#sub.inquiry .f_list .con04 .txt_box{padding: 30px;height: 300px;background-color: #F2F8F9;border-radius: 10px;;}
#sub.inquiry .f_list .con04 .txt_box p{font-size: 15px;color: #79868B;white-space: pre-wrap;overflow-y: scroll;height: 100%}
#sub.inquiry .f_list .con04 .chk_w{display: flex;align-items: center;gap: 8px;margin-top: 30px;}
#sub.inquiry .f_list .con04 .chk_w svg{display: block;}
#sub.inquiry .f_list .con04 .chk_w p{font-size: 17px;font-weight: 500;color: #79868B;}
#sub.product .sub_visual_dev{height: 100vh;display: flex;align-items: center;position: relative;}
#sub.product .sub_visual_dev .sv_img_dev{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#sub.product .sub_visual_dev .sv_title{width: 100%;;position: relative;z-index: 15}
#sub.product .sub_visual_dev .sv_title .inner2 > strong{font-size: 120px;color: #3C4F57;}
#sub.product .sub_visual_dev .sv_title .go_submit button{margin: 0}
#sub.product .sub_visual_dev .sv_title p{font-size: 24px;color: #3C4F57;line-height: 40px;margin-top: 60px;}
#sub.product.p_dev{background: #fff}
#sub.product .image_box {border-radius: 20px;overflow: hidden;}
#sub.product .image_box img{display: block;}
#sub.product .mb{display: flex;flex-direction: column;justify-content: center;align-items: center}
/*#sub.product .dev_con01{margin-bottom: 200px;}*/
#sub.product .dev_con01 .wr{display: flex;align-items: center;gap: 120px;margin-bottom: 100px;}
#sub.product .dev_con01 .wr > div{width: calc(50% - 60px);}
#sub.product .dev_con01 .wr strong{display: block;;font-size: 80px;color: #3C4F57;line-height: 1.1;font-weight: 500;}
#sub.product .dev_con01 .wr span{display: block;;font-size: 32px;color: #3C4F57;line-height: 1.1;font-weight: 600;margin-top: 15px;opacity: 0.95}
#sub.product .dev_con01 .wr p{font-size: 24px;line-height: 40px;color: #3C4F57;margin-top: 65px;opacity: 0.7}
#sub.product .dev_con {margin-bottom: 200px;}
#sub.product .dev_con strong{display: block;font-size: 80px;color: #3C4F57;font-weight: 500;margin-bottom: 60px;}
#sub.product .dev_con p{font-size: 24px;font-weight: 500;line-height: 2;color: #3C4F57;margin-top: 60px;opacity: 0.7}
#sub.product.product_de .bf_content {margin-top: 0}
#sub.product .bf_content {margin-top: 200px;}
#sub.product .bf_content .in{width: 1022px;margin: 0 auto;position: relative;padding-top: 80px;}
#sub.product .bf_content .in .bf_image{display: flex;gap: 40px}
#sub.product .bf_content .in .bf_image > div{position: relative;}
#sub.product .bf_content .in .bf_image .img{border-radius: 20px;overflow: hidden;position: relative;;}
#sub.product .bf_content .in .bf_image .img img{display: block;}
#sub.product .bf_content .in .bf_image .txt{position: absolute;bottom: 0;width: 100%;left: 0;justify-content: center;display: flex;padding-bottom: 20px;}
#sub.product .bf_content .in .bf_image .txt strong{width: 158px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #2B434E;border-radius: 6px;color: #FFFFFF;font-size: 18px;}
#sub.product .bf_content .in .bf_image .after .txt strong{background-color: #10B5EC;}
#sub.product .bf_content .in .info{display: flex;justify-content: center;gap: 40px;margin-top: 70px;}
#sub.product .bf_content .in .info{display: flex;justify-content: center;gap: 40px;align-items: center;}
#sub.product .bf_content .in .info .dot{position: relative;width: 6px;height: 6px;border-radius: 2px;background-color: #10B5EC;;}
#sub.product .bf_content .in .info > div{display: flex;gap: 16px;align-items: center;}
#sub.product .bf_content .in .info > div i{display: block;width: 1px;height: 8px;background-color: #B4C5CB;;}
#sub.product .bf_content .in .info span{font-size: 18px;color: #385461;font-weight: 500;}
#sub.product .bf_content .wrt_box{padding-bottom: 80px;background: #F2F8F9}
#sub.product .bf_content .in .swiper-pagination {top: auto;bottom: 53px;background-color: #BBBBBB ;height: 1px;;}
#sub.product .bf_content .in .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 200%;background-color: #000000;margin-top: -1px;}
#sub.product .bf_content .title{margin-bottom: 60px;}
#sub.product .bf_content .title strong{display: block;font-size: 60px;color: #111111;font-weight: 600;text-align: center;}
#sub.product .spec{background-color: #2B434E;margin-top: 200px;padding: 100px 0;}
#sub.product .spec > div{display: flex;}
#sub.product .spec > div > div{flex: 1;}
#sub.product .spec .title strong{display: block;;font-size: 80px;color: #FFFFFF;font-weight: 500;}
#sub.product .spec ul li{height: 88px;align-items: center;display: flex;border-bottom: 1px solid #49636E;gap: 10px}
#sub.product .spec ul li strong{width: 150px;display: block;font-size: 22px;color: #FFFFFF;font-weight: 500;}
#sub.product .spec ul li p{width: calc(100% - 160px);display: block;font-size: 22px;color: #B1BEC4;}
#sub.product .dev_con05 {position: relative;}
#sub.product .dev_con05 i{position: absolute;left: 50%;transform: translateX(-50%);bottom: 50%;}
#sub.product .dev_con05 .video_w{width: 1058px;margin: 0 auto;border: 2px solid #D4E1E5;border-radius: 20px;padding: 20px;position: relative;z-index: 15;}
#sub.product .dev_con05 .video_w *{width: 100%;}
#sub.product .dev_con05 .video_w .vid{border-radius: 10px;overflow: hidden;;position: relative}
#sub.product .dev_con05 .video_w .vid {position: relative;padding-top: 56.23%;border-radius: 20px;overflow: hidden}
#sub.product .dev_con05 .video_w .vid iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
#sub.product .con09{position: relative;z-index: 15;padding-top: 200px;}
#sub.product .con09:after{content: '';display: block;width: 1px;left: 50%;position: absolute;height: calc(100% + 50px);top: -50px;background: #4D4B48}
#sub.product .con09 .pro_box{display: flex;align-items: center}
#sub.product .con09 .pro_box > div{width: 50%}
#sub.product .con09 .pro_box .txt_cont{padding-right: 60px;padding-left: 100px}
#sub.product .con09 .pro_box .txt_cont .w{padding: 60px 70px;background: #FFFFFF;border-radius: 20px}
#sub.product .con09 .pro_box .txt_cont strong{font-size: 60px;color: #111111;line-height: 1;font-weight: 600}
#sub.product .con09 .pro_box .txt_cont p{font-size: 22px;color: #81756C;line-height: 28px;margin-top: 30px;word-break: keep-all}
#sub.product .con09 .pro_box .txt_cont span{font-size: 20px;color: #81756C;display: block;margin-top: 60px}
#sub.product.contlex .con09 > div{width: 100%;}
#sub.product.apolex .con03{background: #FFE9D6;padding: 90px 0}
#sub.product .con03 p{display: block;text-align: center;font-size: 24px;color: #81756C;line-height: 32px;margin-top: 20px}
#sub.product .con10{position: relative;padding: 150px 0;padding-top: 200px;overflow: hidden}
#sub.product .con10 img{display: block}
#sub.product .con10 .pin_deco{position: relative;height: 191px;}
#sub.product .con10 .pin_deco .pin_content{position: absolute;left: 50%;transform: translateX(-50%);position: relative;z-index: 15;width: 1720px}
#sub.product .con10 .pin_deco .pin_content i{content: '';display: block;width: 50%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to right, #ffffff 70%, #ffffff00)}
#sub.product .con10 .pin_deco .pin_circle{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-55%)}
#sub.product .con10 .pin_deco .pin_arr{position: absolute;right: 0%; bottom: calc(50% + 50px);transform: translateX(30%);opacity: 0}
#sub.product .con10 .pin_deco .pin_circle div{transform: scale(0.5) rotate(40deg);opacity: 0}
#sub.product.contlex .con09 .pro_box .txt_cont .key{display: flex;margin-top: 12px;;}
#sub.product.contlex .con09 .pro_box .txt_cont .key span{margin-top: 0;font-size: 18px;color: #385461;}
#sub.product.contlex .con09 .pro_box .txt_cont .w ul{display: flex;flex-direction: column;gap: 10px;margin-top: 30px;}
#sub.product.contlex .con09 .pro_box .txt_cont .w ul li{font-size: 22px;color: #3C4F57;position: relative;padding-left: 14px;}
#sub.product.contlex .con09 .pro_box .txt_cont .w ul li:before{content: '';display: block;width: 6px;height: 6px;background-color: #B3C3C8;border-radius: 2px;position: absolute;left: 0;top: 11px;}
#sub.product.contlex .cont_energy{position: relative;}
#sub.product.contlex .cont_energy .bg{position: absolute;top: 350px;transform:translateX(-50%) translateY(-100%);left: 50%;}
#sub.product.contlex .cont_energy .title{position: relative;z-index: 15;padding-top: 150px;padding-bottom: 170px;}
#sub.product.contlex .cont_energy .title strong{display: block;text-align: center;color: #fff;font-size: 60px;font-weight: 600;}
#sub.product.contlex .cont_energy .ener_pro02{margin-top: 100px;position: relative}
#sub.product.contlex .cont_energy .ener_pro02 .line{position: absolute;top: 0;left: 0; transform: scaleX(0.9);transform-origin: 18% center;transition: 1s;opacity: 0}
#sub.product.contlex .cont_energy .ener_pro02.on .line{transform: scaleX(1);opacity: 1}
#sub.product.contlex .cont_energy .ener_pro02 .pro{position: absolute;top: 0;left: 0;transform: translateX(-40px);opacity: 0;transition: 1s}
#sub.product.contlex .cont_energy .ener_pro02.on .pro{opacity: 1;transform: translateX(0)}
#sub.product .con09 .pro_box .txt_cont strong b{font-size: 40px;color: #10B5EC;font-family: inherit;;font-weight: inherit;display: block;}
#sub.product .con09 .pro_box .txt_cont .w2{border: 1px solid #C1D3DB;padding: 50px;border-radius: 10px;margin-top: 35px;padding-right: 20px;}
#sub.product .con09 .pro_box .txt_cont .w2 ul {display: flex;;flex-direction: column;gap: 15px}
#sub.product .con09 .pro_box .txt_cont .w2 ul li{display: flex;padding-left: 115px;font-size: 16px;color: #FFFFFF;position: relative;}
#sub.product .con09 .pro_box .txt_cont .w2 ul li em{width: 115px;position: absolute;left: 0;color: #FFFFFF;}
#sub.product .con09 .pro_box .txt_cont .w2 ul li em:after{content: '';display: block;width: 12px;height: 1px;background-color: #B4C5CB;position: absolute;right: 20px;top: 50%;}
#sub.product .con09 .pro_box02{padding-top: 170px;}
#sub.product .con10 .pin_deco .pin_content div{transform: translateX(20%)}
#sub.product .con01 .txt strong{transform: translateY(70px);opacity: 0}
#sub.product .con01.on .txt strong{transform: translateY(0px);opacity: 1;transition: 1.2s}
#sub.product .con01 .txt p{transform: translateY(70px);opacity: 0}
#sub.product .con01.on .txt p{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s}
#sub.product .con02 .txt_con .txt{transform: translateX(-100%);opacity: 0}
#sub.product .con02 .img_con div{transform: translateX(100%) scale(1.3);opacity: 0}
#sub.product .con07 .vid_box{transform: translateX(100%) scale(1.3)}
#sub.product .con07 .wr .title_w > div{transform: translateX(-250%) ;opacity: 0}
#sub.product .contlex_sli{position: relative;padding-top: 132px;}
#sub.product .contlex_sli .container{position: absolute;top: 50px;overflow: hidden;height: 680px;width: 2750px}
#sub.product .contlex_sli .container .rol1{animation: aniScroll 20s linear infinite;}
#sub.product .contlex_sli .container .rol2{animation: aniScroll-2 20s linear infinite;;position: absolute;left: 0%;top: 0}
#sub.product .con04 .pro_wave .wave01{animation: aniScroll_re 40s linear infinite;}
#sub.product .con04 .pro_wave .wave02{animation: aniScroll-re2 40s linear infinite;;position: absolute;left: 0%;top: 0}
@keyframes aniScroll{
0%{ transform: translateX(0%) }
100%{ transform: translateX(-100%) }
}
@keyframes aniScroll-2{
0%{ transform: translateX(100%) }
100%{ transform: translateX(0%) }
}
@keyframes aniScroll_re{
0%{ transform: translateX(0%) }
100%{ transform: translateX(100%) }
}
@keyframes aniScroll-re2{
0%{ transform: translateX(-100%) }
100%{ transform: translateX(0%) }
}
#sub.product .contlex_sli .base{position: relative;z-index: 15;display: flex;justify-content: center;}
#sub.product .conlex_pro_list{position: relative;padding-top: 130px;}
#sub.product .conlex_pro_list ul{display: flex;justify-content: center;border-top: 1px solid #D4E1E5;border-bottom: 1px solid #D4E1E5}
#sub.product .conlex_pro_list ul li{border-right: 1px solid #D4E1E5;position: relative;position: relative;}
#sub.product .conlex_pro_list ul li:before{content: '';display: block;width: 6px;height: 6px;background-color: #10B5EC;position: absolute;left: 50%;margin-left: -3px;margin-top: -3px;;}
#sub.product .conlex_pro_list ul li img{display: block;}
#sub.product .conlex_pro_list ul li .txt{position: absolute;width: 100%;top: 0;left: 0;margin-top: 30px;}
#sub.product .conlex_pro_list ul li .txt span{color: #3C4F57;font-size: 24px;font-weight: 500;display: block;text-align: center;}
#sub.product .conlex_pro_list ul li:nth-child(1){border-left: 1px solid #D4E1E5}
#sub.product .conlex_pro_list .title{margin-bottom: 30px;}
#sub.product .conlex_pro_list .title strong{display: flex;width: 180px;height: 90px;align-items: center;justify-content: center;border-radius: 6px;background-color: #10B5EC;font-size: 50px;color: #FFFFFF;font-weight: 500;margin: 0 auto;margin-bottom: 10px;}
#sub.product .conlex_pro_list .title p{font-size: 50px;color: #10B5EC;font-size: 40px;text-align: center;}
#sub.product .conlex_pro_list .pro_w{margin-bottom: 60px;}
#sub.product .con07{position: relative;}
#sub.product .con07 .bg{position: absolute;bottom: 50%;transform-origin: top center;left: 50%;transform: translateX(-50%) scale(1.3);;}
#sub.product .con07 .vid_box{transform: translateX(100%) scale(1.3)}
#sub.product .con07 .wr .title_w > div{transform: translateX(-250%) ;opacity: 0}
#sub.product .con08 .list ul li{perspective: 500px;transform: translateY(100%);opacity: 0}
#sub.product .con08 .list ul li > div{transform: rotateX(-45deg)}
#sub.product.apolex .bf_content .in .bf_image .txt strong{background-color: #81756C;}
#sub.product.apolex .bf_content .in .bf_image .after .txt strong{background-color: #F47920;}
#sub.product.apolex .bf_content .in .info .dot{background-color: #F47920;}
#sub.product.apolex .bf_content .in .info span{color: #81756C;}
#sub.product.apolex .spec{background-color: #F39550;}
#sub.product.apolex .spec ul li{border-color: #FFF9EE;}
#sub.product.apolex .spec ul li strong{color: #fff;}
#sub.product.apolex .spec ul li p{color: #FFF9EE;}
#sub.product.apolex .con08 .list ul li > div i{background-color: #F47920;}
#sub.product.apolex .con08 .b_title span{letter-spacing: 20px;}
#sub.product.contlex .con08 .b_title span{letter-spacing: 20px;}
#sub.product.apolex .con08 .b_title span, #sub.product.apolex .con08 .b_title strong{color: #fff;}
#sub.product.apolex .con08 .img_w{top: 50%; transform: translateY(-10%) translateX(-50%);}
#sub.product.apolex .con08 {padding-top: 205px;}
#sub.product.apolex .pro_visual .txt_w .txt_in > div{background: rgba(255,107,0,0.5)}
#sub.product.apolex .pro_visual .txt_w .txt_in{border-color:#F47920 }
#sub.product.apolex .con01 .txt strong{font-size: 60px}
#sub.product.apolex .con01 .wr{background: #F39550}
#sub.product.apolex .con01 .txt p{color: #FFF9EE}
#sub.product.apolex .con07 .wr .title_w strong{color: #fff;}
#sub.product.apolex .pro_visual .vis_title strong{color: #fff;}
#sub.product .con11{padding-bottom: 170px;position: relative;padding-top: 105px;}
#sub.product .con11 .video_box{width: 1058px;margin: 0 auto;border: 2px solid #EFE7D9;border-radius: 20px;;padding: 20px;margin-bottom: 60px;}
#sub.product .con11 .video_box img{display: block;}
#sub.product .con11 .video_box .vid{border-radius: 10px;overflow: hidden;padding-top: 56.25%;position: relative}
#sub.product .con11 .video_box .vid iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
#sub.product .con11 ul{display: flex;flex-wrap: wrap;justify-content: center;border-top: 1px solid #EFE7D9;}
#sub.product .con11 ul li{width: 33.33%;padding: 50px 40px; border-bottom: 1px solid #EFE7D9;border-right: 1px solid #EFE7D9;}
#sub.product .con11 ul li:nth-child(3){border-right: none;}
#sub.product .con11 ul li:nth-child(4){border-left: 1px solid #EFE7D9;}
#sub.product .con11 ul li .st{text-align: center;margin-bottom: 34px;}
#sub.product .con11 ul li .st span{display: block;color: #81756C;}
#sub.product .con11 ul li .st strong{display: block;color: #391800;font-size: #391800;line-height: 32px;height: 64px;font-size: 24px;font-weight: 500;margin-top: 20px;}
#sub.product .con11 ul li .img{position: relative;}
#sub.product .con11 ul li .img img{display: block;}
#sub.product .con11 ul li .img .img_w{border-radius: 20px;overflow: hidden;;}
#sub.product .con11 ul li .img .arr{position: absolute;right: -60px;top: 50%;margin-top: -20px;}
#sub.product .con11 ul li:nth-child(4) .img .arr, #sub.product .con11 ul li:nth-child(5) .img .arr{left: -60px;right: auto;}
#sub.product .con12{position: relative;padding-top: 70px;}
#sub.product .con12 .title{display: flex;justify-content: center;;}
#sub.product .con12 .title strong{display: flex;width: 180px;height: 90px;background-color: #F47920;border-radius: 6px;align-items: center;justify-content: center;font-size: 50px;font-weight: 600;color: #FFFFFF;}
#sub.product .con12 ul{border-top: 1px solid #EFE7D9;margin-top: 30px;}
#sub.product .con12 ul li{height: 287px;display: flex;align-items: center;justify-content: flex-end;position: relative;border-bottom: 1px solid #EFE7D9;overflow: hidden;transition: 0.5s;}
#sub.product .con12 ul li:hover{background-color: #FFF9EE;}
#sub.product .con12 ul li .txt_w{position: absolute;left: 60px;top: 50%;transform: translateY(-50%);left: 80px;z-index: 15}
#sub.product .con12 ul li .txt_w strong{color: #391800;font-size: 40px;font-weight: 500;margin-bottom: 10px;display: block;}
#sub.product .con12 ul li .txt_w p{color: #81756C;font-size: 20px;font-weight: 500;}
#sub.product .con12 ul li .pro_img_w{position: relative;}
#sub.product .con12 ul li .pro_img_w .apo_circle{position: absolute;top: 50%;transform: translateY(-50%) translateX(-50%);}
#sub.product .con12 ul li .pro_img_w .apo_circle img{display: block;transform: scale(0.3);opacity: 0;transition: 0.5s;}
#sub.product .con12 ul li:hover .pro_img_w .apo_circle img{transform: scale(1);opacity: 1;}
#sub.product .con12 ul li .pro_img_w .pro_img{position: relative;z-index: 5;transform: translateX(30px);transition: 0.5s;}
#sub.product .con12 ul li:hover .pro_img_w .pro_img{position: relative;z-index: 5;transform: translateX(0px);}
#sub.product .con12 .cont2{margin-top: 60px;}
#sub.product .con13 .title{margin-bottom: 60px;}
#sub.product .con13 .title strong{display: block;text-align: center;color: #fff;font-size: 60px;color: #FFF9EE;font-weight: 500;}
#sub.product .con13 ul{display: flex;gap: 60px}
#sub.product .con13 ul li .img{display: block;border: 1px solid #FFF9EE;border-radius: 20px;overflow: hidden;}
#sub.product .con13 ul li .img img{max-width: 100%;}
#sub.product .con13 ul li .txt {height: 70px;display: flex;align-items: center;justify-content: center;background-color: #FFFFFF;border-radius: 20px;margin-top: 10px;}
#sub.product .con13 ul li .txt strong{font-size: 20px;color: #000000;}
#sub.product .con13 ul li:nth-child(2) .txt strong{color: #fff;}
#sub.product .con13 ul li:nth-child(2) .txt{background-color: #F47920;}
#sub.rnd .con01 > div{position: relative}
#sub.rnd .con01 .d{width: 6px;height: 6px;position: absolute;border-radius: 50%;background: #10B5EC}
#sub.rnd .con01 .d01, #sub.rnd .con01 .d02, #sub.rnd .con01 .d03{top: -3px}
#sub.rnd .con01 .d04, #sub.rnd .con01 .d05, #sub.rnd .con01 .d06{bottom: -3px}
#sub.rnd .con01 .d01, #sub.rnd .con01 .d04{left: -3px}
#sub.rnd .con01 .d03, #sub.rnd .con01 .d06{right: -3px}
#sub.rnd .con01 .d05, #sub.rnd .con01 .d02{left: 50%;margin-left: -3px}
#sub.rnd .con01 ul{display: flex;flex-wrap: wrap;border-top: 1px solid #DDE6E9;border-right: 1px solid #DDE6E9;}
#sub.rnd .con01 ul li{width: 33.33%;height: 400px;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #DDE6E9;border-left: 1px solid #DDE6E9}
#sub.rnd .con01 ul li .wrap{display: flex;align-items: center;justify-content: center;flex-direction: column;}
#sub.rnd .con01 ul li .wrap .tit{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;margin-bottom: 20px;}
#sub.rnd .con01 ul li .wrap .tit span{display: block;font-size: 20px;color: #3C4F57;font-weight: 600;text-align: center}
#sub.rnd .con01 ul li .wrap .tit img{display: block;}
#sub.rnd .con01 ul li .wrap .txt{display: flex;justify-content: center;align-items: flex-end;gap: 6px}
#sub.rnd .con01 ul li .wrap .txt strong{display: block;font-size: 60px;color: #3C4F57;font-family: "Montserrat", sans-serif;font-weight: 600;line-height: 1;}
#sub.rnd .con01 ul li .wrap .txt i{display: block;font-size: 60px;color: #3C4F57;font-family: "Montserrat", sans-serif;font-weight: 600;line-height: 1;}
#sub.rnd .con01 ul li .wrap .txt span{font-size: 20px;color: #3C4F57;position: relative;top: -5px;}
#sub.rnd .con01 .line_box{display: flex;justify-content: center;;}
#sub.rnd .con01 .line_box svg{display: block;}
#sub.rnd .con02{background-color: #2B434E;padding-top: 200px;position: relative}
#sub.rnd .con02 .inner{position: relative;z-index: 5}
#sub.rnd .con02:before{content: '';display: block;width: 1px;height: 100%;top: 0;left: 50%;background: #49636E;position: absolute}
#sub.rnd .con02 .tit{display: flex;}
#sub.rnd .con02 .tit02{justify-content: center;}
#sub.rnd .con02 .tit03{justify-content: flex-end;}
#sub.rnd .con02 .tit strong{display: block;font-size: 120px;color: #FFFFFF;line-height: 1;font-weight: 500;letter-spacing: -0.7px;}
#sub.rnd .con02 .txt_cont{display: flex;padding-top: 95px;padding-bottom: 140px;}
#sub.rnd .con02 .txt_cont > div{flex: 1;padding-left: 50px;}
#sub.rnd .con02 .txt_cont p{font-size: 20px;line-height: 32px;color: #FFFFFF;font-weight: 300}
#sub.rnd .con02 .sl_content{border-top: 1px solid #49636E;}
#sub.rnd .con02 .swiper-slide{background-color: #2B434E;padding: 50px;border-left: 1px solid #49636E;transition: 5s}
#sub.rnd .con02 .swiper-slide img{display: block;;}
#sub.rnd .con02 .sl01{width: 400px;}
#sub.rnd .con02 .sl02{width: 600px;}
#sub.rnd .con02 .sl03{width: 760px;}
#sub.rnd .con02 .sl04{width: 400px;}
#sub.rnd .con02 .wrap{height: 400px;display: flex;align-items: center;mix-blend-mode: soft-light;}
#sub.rnd .con02 .wrap img{display: block}
#sub.rnd .con02 .wrap div{border-radius: 8px;overflow: hidden}
#sub.rnd .con04{position: relative;overflow: hidden;}
#sub.rnd .con04 .bg_img{position: absolute;bottom: 0;left: 0;z-index: -1;}
#sub.rnd .con03{position: relative;border-top: 1px solid #49636E;overflow: hidden;height: 100vh}
#sub.rnd .con03 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.rnd .con03 img{display: block;}
#sub.rnd .con03 .txt_wrap{display: flex;position: absolute;width: 100%;height: 100%;top: 0;text-align: center;align-items: center;justify-content: center;}
#sub.rnd .con03 .txt_wrap i{display: block;position: relative;margin-bottom: 15px;text-align: center}
#sub.rnd .con03 .txt_wrap i:before{content: '';display: block;height: 500px;top: -500px;left: 50%;background: #49636E;position: absolute;width: 1px}
#sub.rnd .con03 .txt_wrap strong{display: block;font-size: 80px;color: #FFFFFF;font-weight: 500;letter-spacing: -0.5px;}
#sub.rnd .con03 .txt_wrap p{display: block;font-size: 20px;color: #FFFFFF;font-weight: 300;line-height: 32px;margin-top: 50px;}
#sub.rnd .con03 .bg_sh01{position: absolute;width: 100%;height: 100%;background-color: #2B434E25;top: 0;left: 0;}
#sub.rnd .con03 .bg_sh02{position: absolute;width: 100%;height: 50%;background: linear-gradient(to top, #2B434E00, #2B434E);top: 0;left: 0;}
#sub.rnd .sub_con{padding-bottom: 0;}
#sub.rnd .con04{padding-top: 165px;padding-bottom: 200px;}
#sub.rnd .con04:before{content: '';display: block;width: 1px;left: 50%;height: 100%;background-color: #DDE6E9;position: absolute;top: 0;}
#sub.rnd .con04 .wr{display: flex;}
#sub.rnd .con04 .wr > div{width: 50%;}
#sub.rnd .con04 .wr .title_w{padding-left: 100px;}
#sub.rnd .con04 .wr .title_w span{display: block;font-size: 16px;font-weight: 500;color: #3C4F57;margin-bottom: 20px;}
#sub.rnd .con04 .wr .title_w strong{display: block;font-size: 80px;font-weight: 500;color: #3C4F57;;}
#sub.rnd .con04 .wr ul{display: flex;flex-direction: column;gap: 20px}
#sub.rnd .con04 .wr ul li{height: 190px;display: flex;align-items: center;padding-left: 100px;border-top: 1px solid #DDE6E9;border-bottom: 1px solid #DDE6E9;position: relative;}
#sub.rnd .con04 .wr ul li i{position: absolute;left: 0;transform: translateX(-50%);}
#sub.rnd .con04 .wr ul li p{font-size: 20px;line-height: 32px;color: #3C4F57;;}
#sub.rnd .con04 .slide_w{display: flex;align-items: center;justify-content: center;gap: 40px;padding-top: 50px;}
#sub.rnd .con04 .mySwiper1{width: 270px;margin: 0;}
#sub.rnd .con04 .swiper-button-next, #sub.rnd .con04 .swiper-rtl .swiper-button-prev{position: static;}
#sub.rnd .con04 .swiper-button-prev, #sub.rnd .con04 .swiper-rtl .swiper-button-prev{position: static;}
#sub.rnd .con04 .swiper-button-next:after, #sub.rnd .con04 .swiper-button-prev:after{display: none;}
#sub.rnd .con04 .swiper-button-prev:after, #sub.rnd .con04 .swiper-button-prev:after{display: none;}
#sub.rnd .con04 .swiper-button-next svg, #sub.rnd .con04 .swiper-button-prev svg{width: 5px;}
#sub.rnd .con04 .swiper-button-prev svg{transform: rotate(180deg);}
#sub.rnd .con04 .btn{width: 40px;height: 40px;border-radius: 6px;border: 1px solid #1E343B;}
#sub.rnd .con04 .img{border-radius: 6px;overflow: hidden;margin-bottom: 10px;}
#sub.rnd .con04 .img img{display: block;}
#sub.rnd .con04 .txt i{border-radius: 6px;display: block;width: 6px;height: 6px;background-color: #10B5EC;margin: 0 auto;margin-bottom: 10px;;}
#sub.rnd .con04 .txt strong{font-size: 20px;color: #3C4F57;line-height: 32px;text-align: center;display: block;font-weight: 400;}
#sub.ci .sub_con{padding-top: 0;}
#sub.ci .con01{background: linear-gradient(to top, #F2F8F9, #F2F8F900);padding-top: 180px;padding-bottom: 210px;text-align: center;position: relative;z-index: 1;}
#sub.ci .plus{position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);}
#sub.ci .con01 #TEXT{filter: blur(5px);}
#sub.ci .con01 strong{display: block;text-align: center;color: #3C4F57;font-size: 20px;font-weight: 500;margin-bottom: 60px;}
#sub.ci .con01 p{display: block;text-align: center;color: #3C4F57;font-size: 30px;font-weight: 500;margin-bottom: 0;line-height: 1.5;}
#sub.ci .con02{padding-top: 260px;}
#sub.ci .ci_title i:before{content: '';display: block;height: 260px;width: 1px;position: absolute;left: 50%;margin-left: -0.5px;top: -260px;background-color: #D3DFE3;}
#sub.ci .con01 .ci_title i:before{height: 380px;top: -380px;}
#sub.ci .ci_title i{display: block;width: 6px;height: 6px;background-color: #10B5EC;margin: 0 auto;border-radius: 6px;margin-bottom: 25px;position: relative;;}
#sub.ci .ci_title strong{display: block;
text-align: center;
color: #3C4F57;
font-size: 20px;
font-weight: 500;
margin-bottom: 60px;}
#sub.ci .con02 .image{display: flex;justify-content: center;position: relative;}
#sub.ci .con02 .image:before{content: '';display: block;width: 100vw;position: absolute;left: 50%;margin-left: -50vw;;background-color: #D3DFE3;height: 1px;top: 50%;}
#sub.ci .con02 .image div{background-color: #fff;padding: 0 50px;position: relative;z-index: 5;}
#sub.ci .con02 .txt{margin-top: 25px;}
#sub.ci .con02 .txt p{font-size: 20px;color: #3C4F57;line-height: 1.5;text-align: center;}
#sub.ci .con03 {margin-top: 75px;position: relative;z-index: 2;;}
#sub.ci .con03 svg{display: block;margin: 0 auto;}
#sub.ci .con03 ul{display: flex;justify-content: center;gap: 20px}
#sub.ci .con03 ul li a{display: flex;width: 280px;height: 70px;box-sizing: border-box;border: 1px solid #CFDCE2;align-items: center;justify-content: center;border-radius: 6px;font-size: 18px;color: #1E343B;font-weight: 600;transition: 0.5s}
#sub.ci .con03 ul li:hover a{color: #10B5EC;border-color: #10B5EC}
#sub.ci .con04 .wrap{border-top: 1px solid #DDE6E9;border-bottom: 1px solid #DDE6E9;padding-bottom: 80px;padding-top: 120px;position: relative;display: flex;align-items: center;}
#sub.ci .con04 .wrap ul li{padding-left: 115px;border-bottom: 1px solid #DDE6E9;position: relative;}
#sub.ci .con04 .wrap ul li .line_w{position: absolute;right: calc(100% - 23px);bottom: calc(50% - 3px);}
#sub.ci .con04 .wrap ul li:first-child .line_w{top: calc(50% - 3px);}
#sub.ci .con04 .wrap ul li:last-child{border-bottom: none;}
#sub.ci .con04 .wrap ul li .wr{height: 240px;display: flex;align-items: center;gap: 40px}
#sub.ci .con04 .wrap ul li .wr span{display: block;font-size: 17px;color: #10B5EC;font-weight: 500;}
#sub.ci .con04 .wrap ul li .wr strong{display: block;font-size: 24px;color: #3C4F57;line-height: 33px;margin-top: 15px;}
#sub.ci .con04 .wrap ul li:nth-child(2) .wr span{color: #879AA2;}
#sub.ci .con04 .wrap ul li:nth-child(3) .wr span{color: #1275B5;}
#sub.ci .con04 .wrap .fl{width: 50%;}
#sub.ci .con04 .wrap .fl .img img{max-width: 100%;height: auto}
#sub.ci .con04 .wrap .line{width: 1px;height: 100%;position: absolute;top: 0;left: 50%;background-color: #DDE6E9;}
#sub.product .con09 .pro_box .txt_cont{transform: translateX(-200px);opacity: 0;}
#sub.product .con09 .pro_box .img_box{transform: translateX(200px);opacity: 0;}
#sub.product .con09 .pro_box .img_box img{width: 100%}
#sub.product .con03 strong{transform: translateY(70px);opacity: 0}
#sub.product .con03.on strong{transform: translateY(0px);opacity: 1;transition: 1.2s}
#sub.product .con03 p{transform: translateY(70px);opacity: 0}
#sub.product .con03.on p{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;}
#sub.product .conlex_pro_list .title{transform: translateY(70px);opacity: 0}
#sub.product .conlex_pro_list .on .title{transform: translateY(0px);opacity: 1;transition: 1.2s}
#sub.product .conlex_pro_list ul{transform: translateY(70px);opacity: 0}
#sub.product .conlex_pro_list .on ul{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;}
#sub.product.contlex .cont_energy .bg img{display: block;transform: translateY(100px);}
#sub.product.contlex .cont_energy .title{transform: translateY(350px);}
#sub.product.contlex .cont_energy .ener_pro01{transform: translateY(350px);opacity: 0;}
#sub.product.contlex .cont_energy img{max-width: 100%}
#sub.product.contlex .cont_energy .bg img{max-width: 1920px}
#sub.product.contlex .cont_energy .pc{display: block}
#sub.product.contlex .cont_energy .mo{display: none}
#sub.product.contlex .con08 .list ul {flex-direction: row;flex-wrap: wrap;display: flex;gap: 100px 0}
#sub.product.contlex .con08 .list ul li:nth-child(2n){margin-top:0;}
#sub.product.contlex .con08 .list ul li{width: 50%;}
#sub.product .spec.spec2{margin-top: 0}
#sub.product .spec ul li.w100{height: auto;padding: 30px 0;flex-wrap: wrap;flex-direction: column;align-items: flex-start;}
#sub.product .spec ul li.w100 strong{width: 100%;}
#sub.product .spec ul li.w100 p{width: 100%;}
#sub.product .spec ul li.w100 p i{display: block;}
#sub.vision .con01{position: relative;}
#sub.vision .con01 .title strong{display: block;font-size: 60px;font-weight: 500;line-height: 70px;color: #3C4F57;letter-spacing: -0.7px;margin-bottom: 50px;;}
#sub.vision .con01 .title p{font-size: 20px;color: #3C4F57;line-height: 32px;;}
#sub.vision .con01 .wrap{display: flex;}
#sub.vision .con01 .wrap .img{width: 50%;border-bottom: 1px solid #D3DFE3;background: linear-gradient(to top, #F6FAFB,#F6FAFB00);}
#sub.vision .con01 .wrap .img img{display: block;max-width: 100%;}
#sub.vision .con01 .wrap .txt {padding-left: 155px;position: relative;}
#sub.vision .con01 .wrap .txt i{position: absolute;left: -20px;top: 75px;}
#sub.vision .con01 .wrap .txt span{display: block;font-size: 18px;color: #3C4F57;margin-bottom: 20px;}
#sub.vision .con01 .wrap .txt strong{display: block;font-size: 60px;font-weight: 500;line-height: 70px;color: #3C4F57;letter-spacing: -0.7px;margin-bottom: 50px;;}
#sub.vision .con01 .wrap .txt p, #sub.vision .con02 .title p{font-size: 20px;color: #3C4F57;line-height: 32px;}
#sub.vision .con01:before{content: '';
display: block;
height: calc(100% + 190px);
width: 1px;
position: absolute;
left: 50%;
margin-left: -0.5px;
top: -190px;
background-color: #D3DFE3;}
#sub.vision .con01 .img > div{position: relative;}
#sub.vision .con01 .img > div i{position: absolute;right: -1px;bottom: -2px;}
#sub.vision .sub_con{padding-bottom: 0;;}
#sub.vision .con02{position: relative;}
#sub.vision .con02 img{display: block;}
#sub.vision .con02 .bg{position: absolute;bottom: 0;padding-bottom: 0;}
#sub.vision .con02 .bg1{left: 0;}
#sub.vision .con02 .bg2{right: 0;}
#sub.vision .con02 > div{position: relative;padding-bottom: 195px;}
#sub.vision .con02 > div .l{position: absolute;height: 100%;top: 0;width: 1px;background-color: #DDE6E9;}
#sub.vision .con02 > div .tri{position: absolute;top: 0;width: 100%;top: 0;z-index: 1;display: flex;justify-content: center;background-color: #fff;left: 0}
#sub.vision .con02 > div .tri i{position: absolute;top: -20px;}
#sub.vision .con02 > div .tri svg{max-width: 33.33%;display: block;height: auto;}
#sub.vision .con02 > div .l.l01{left: 33.33%;}
#sub.vision .con02 > div .l.l02{left: 66.66%;}
#sub.vision .con02 .title{position: relative;z-index: 2;padding-top: 183px;text-align: center;margin-bottom: 132px;}
#sub.vision .con02 .title span{display: block;font-size: 18px;color: #3C4F57;font-weight: 500;}
#sub.vision .con02 .title strong{display: block;font-size: 60px;font-weight: 500;line-height: 70px;color: #3C4F57;letter-spacing: -0.7px;margin-bottom: 50px;;text-align: center;margin-top: 20px;margin-bottom: 50px;}
#sub.vision .con02 ul{display: flex;}
#sub.vision .con02 ul li{width: 33.33%;}
#sub.vision .con02 .cir_wrap{padding: 16px;border: 1px solid #C4D6DC;border-radius: 50%;}
#sub.vision .con02 .cir_in{position: relative;padding-top: 100%;background-color: rgba(224,242,245,0.5);backdrop-filter: blur(20px);border-radius: 50%;}
#sub.vision .con02 .cir_in div{position: absolute;top: 50%;width: 100%;left: 0;transform: translateY(-50%);;}
#sub.vision .con02 .cir_in div{text-align: center;}
#sub.vision .con02 .cir_in div i img{display: block;;margin: 0 auto;}
#sub.vision .con02 .cir_in div strong{display: block;;line-height: 50px;font-size: 40px;color: #3C4F57;font-weight: 600;margin-top: 20px;;}
#sub.vision .con02 .cir_in div p{font-size: 20px;color: #84969E;margin-top: 20px;}
#sub .sub_visual .vis_txt strong{transform: translateX(100px);opacity: 0;transition: 1.2s}
#sub .sub_visual.on .vis_txt strong{transform: translateX(0);opacity:1}
#sub .sub_visual .vis_line{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);transition: 2s}
#sub .sub_visual.on .vis_line{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
#sub.ceo .con01 > div.left{transform: translateX(-100px);opacity: 0;transition: 1s}
#sub.ceo .con01.on > div.left{transform: translateX(0px);opacity: 1}
#sub.ceo .con01 > div.right{transform: translateX(100px);opacity: 0;transition: 1s}
#sub.ceo .con01.on > div.right{transform: translateX(0px);opacity: 1}
#sub.ceo .bg_line{transform-origin: top;transform: scaleY(0)}
#sub.ceo .bg_line.on{transform-origin: top;transform: scaleY(1);transition: 2s}
#sub.history .his_content .his .year{transform: translateX(-100px);opacity: 0;transition: 1s}
#sub.history .his_content .his.on .year{transform: translateX(0px);opacity: 1}
#sub.history .his_content .his > div.info{transform: translateX(100px);opacity: 0;transition: 1s}
#sub.history .his_content .his.on > div.info{transform: translateX(0px);opacity: 1}
#sub.history .his_content .his > div.info ul{transition: 0.5s}
#sub.history .his_content .his:hover > div.info ul{border-color: #10B5EC;background: #fff;box-shadow: 0 3px 60px #10B5EC15}
#sub.ci .ci_title strong{transform: translateY(100px);opacity: 0;transition: 1s}
#sub.ci .on .ci_title strong{transform: translateX(0px);opacity: 1}
#sub.ci .con01 .img{transform: translateY(100px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.ci .con01.on .img{transform: translateX(0px);opacity: 1}
#sub.ci .con01 p{transform: translateY(100px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.ci .con01.on p{transform: translateX(0px);opacity: 1}
#sub.ci .con02 .image div svg{transform: translateY(100px);opacity: 0;transition: 1s;transition-delay: 0.3s;display: block}
#sub.ci .con02.on .image div svg{transform: translateX(0px);opacity: 1}
#sub.ci .con02 .image:before{transform: scaleX(0)}
#sub.ci .con02.on .image:before{transform: scaleX(1);transition: 3s}
#sub.ci .con02 p{transform: translateY(100px);opacity: 0}
#sub.ci .con02.on p{transform: translateY(0);opacity: 1;transition: 1s;transition-delay: 0.6s}
#sub.ci .con03{transform: translateY(100px);opacity: 0;transition: 1s}
#sub.ci .con03.on{transform: translateX(0px);opacity: 1}
#sub.ci .con04 .wrap .fl{transform: translateX(100px);opacity: 0;transition: 1s}
#sub.ci .con04.on .wrap .fl{transform: translateX(0px);opacity: 1}
#sub.ci .con04 .wrap .fl.logo_w{transform: translateX(-100px);opacity: 0;transition: 1s}
#sub.ci .con04.on .wrap .fl.logo_w{transform: translateX(0px);opacity: 1}
#sub.rnd .con04 .wr .title_w{transform: translateX(-100px);opacity: 0;transition: 1s}
#sub.rnd .con04.on .wr .title_w{transform: translateX(0px);opacity: 1}
#sub.rnd .con04 .bg_img{transform: translateX(-100px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.rnd .con04.on .bg_img{transform: translateX(0px);opacity: 1}
#sub.rnd .con04:before{height: 0;transition: 3s}
#sub.rnd .con04.on:before{height: 100%}
#sub.rnd .con04 .wr > div.content{transform: translateX(100px);opacity: 0;transition: 1s}
#sub.rnd .con04.on .wr > div.content{transform: translateX(0px);opacity: 1}
#sub.ci .con04 .wrap .line{transform-origin: top;transform: scaleY(0)}
#sub.ci .con04.on .wrap .line{transform-origin: top;transform: scaleY(1);transition: 2s}
#sub.vision .title strong{transform: translateY(100px);opacity: 0;transition: 1.2s}
#sub.vision .title.on strong{transform: translateX(0px);opacity: 1}
#sub.vision .title p{transform: translateY(100px);opacity: 0;transition: 1.2s;transition-delay: 0.3s}
#sub.vision .title.on p{transform: translateX(0px);opacity: 1}
#sub.vision .con01 .wrap .img > div > img{transform: translateX(-100px);opacity: 0;transition-duration: 1s}
#sub.vision .con01 .wrap.on .img > div > img{transform: translateX(0px);opacity: 1}
#sub.vision .con01 .wrap .txt{transform: translateX(100px);opacity: 0;transition-duration: 1s}
#sub.vision .con01 .wrap.on .txt{transform: translateX(0px);opacity: 1}
#sub.vision .con02 .bg1{transform: translateY(-100px);opacity: 0;transition: 1.2s}
#sub.vision .con02.on .bg1{transform: translateX(0px);opacity: 1}
#sub.vision .con02 .bg2{transform: translateY(100px);opacity: 0;transition: 1.2s}
#sub.vision .con02.on .bg2{transform: translateX(0px);opacity: 1}
#sub.product .con11 ul li img{max-width: 100%}
#sub.rnd .con02 .tit{transform: translateY(100px);opacity: 0;transition: 1.2s}
#sub.rnd .con02.on .tit{transform: translateX(0px);opacity: 1}
#sub.rnd .con02 .txt_cont p{transform: translateY(100px);opacity: 0;transition: 1.2s;transition-delay: 0.9s}
#sub.rnd .con02.on .txt_cont p{transform: translateX(0px);opacity: 1}
#sub.rnd .con02 .tit02{transition-delay: 0.3s}
#sub.rnd .con02 .tit03{transition-delay: 0.6s}
#sub.rnd .con02 .sl_content{transform: translateY(100px);opacity: 0;transition: 1.2s;transition-delay: 1.2s}
#sub.rnd .con02.on .sl_content{transform: translateX(0px);opacity: 1}
#sub.product .over{position: relative;overflow: hidden;width: 100%}
#sub.product .over .on{position: absolute;top: 100%;width: 100%}
#sub.product.apolex .con09 .pro_box .txt_cont{padding-left: 0}
@media (max-width: 1840px) {
#sub.product .con11 ul li{padding: 20px}
#sub.product .con11 ul li .st strong br{display: none}
#sub.product.contlex .con09 > div{padding-left: 20px}
.inner2{width: 100%;padding: 0 20px}
#sub.ceo .con01 .left .txt_w p{font-size: 17px;line-height: 1.5}
#sub.ceo .con01 .left .txt{margin: 30px 0}
#sub.ceo .con01 .left .txt_w > strong{font-size: 50px;line-height: 1}
#sub.ceo .con01 .right .img{max-width: 90%}
#sub.ceo .con01 .right .img img{width: 100%}
#sub.ceo .con01 .left .txt_w p br{display: none}
#sub.history .his_content .his .year i:before{width: 95px}
#sub.ci .con01 .img svg{max-width: 90vw;height: auto}
#sub.ci .con02 .image div svg{max-width: 60vw;height: auto}
#sub.rnd .con02 .tit strong{font-size: 100px}
#sub.product.apolex .con01 .txt strong{font-size: 50px}
#sub.product .con12 ul li .pro_img_w .pro_img img{height: 70px}
#sub.product .con04 .in .txt02:before{display: none}
}
@media (max-width: 1600px) {
#sub.ci .con04 .wrap ul li .line_w{display: none}
#sub.gallery .list > ul > li > a{padding: 20px}
#sub.product_line .list ul li a .title{padding-top: 40px}
#sub.product_line .list ul li a .title strong{font-size: 24px}
#sub.location .con03 ul li img{width: 36px}
#sub.location .con03 ul li{padding: 20px}
#sub.vision .con02 .bg img{max-width: 30vw}
#sub.rnd .con02 .txt_cont p{font-size: 16px;line-height: 1.5}
#sub.ci .con04 .wrap ul li{padding-left: 30px}
#sub.ci .con04 .wrap .fl{width: 100%}
#sub.ci .con04 .wrap .fl img{margin: 0 auto;display: block}
#sub.ci .con04 .wrap{flex-wrap: wrap;flex-direction: column}
#sub.ci .con04 .wrap .line{display: none}
#sub.vision .con01 .wrap .txt{padding-left: 40px}
#sub.vision .con01 .wrap .txt strong{font-size: 45px;line-height: 1.2}
}
@media (max-width: 1440px) {
#sub.rnd .con01 .d01, #sub.rnd .con01 .d04 {left: 17px;}
#sub.rnd .con01 .d03, #sub.rnd .con01 .d06 {right: 17px;}
.inner{width: 100%;padding: 0 20px}
#sub.vision .con02 .cir_in div strong{font-size: 30px;line-height: 1.3}
}
@media (max-width: 1100px) {
#sub.location .bg_line{display: none}
#sub.location .con03{border-top: none}
#sub.location .con03 ul{flex-wrap: wrap}
#sub.location .con03 ul li{width: 50%; border-top: 1px solid #DDE6E9;}
#sub.location .con03 ul li:nth-child(2){border-right: none}
#sub.vision .con01 .wrap{padding-bottom: 60px}
#sub.vision .con01 .wrap{flex-wrap: wrap;gap: 60px}
#sub.vision .con01 .wrap .img{width: 100%}
#sub.vision .con01:before{display: none}
#sub.product .con13 ul{gap: 20px}
#product_popup .pro_pop_w .pro_pop{width: 90vw}
}
@media (max-width: 970px) {
#sub.view .swiper-pagination{font-size: 13px;margin-top: 10px}
#sub.view .sl_wrap .swiper{width: 100%}
#sub.view .sl_wrap .btn{display: none}
#sub .paging ul li a{width: 30px;height: 30px; background-size: 100% 100% !important;font-size: 13px}
#sub.gallery .list > ul > li .info span{font-size: 12px}
#sub.gallery .sns_w{margin-bottom: 20px}
#sub.gallery .sns_w ul li a svg{width: 20px;height: auto}
#sub.gallery .sns_w ul li a{width: 135px;height: 40px;border-radius: 6px;font-size: 13px}
#sub.view .more_btn{margin-top: 25px}
#sub .more_btn a{width: 130px;}
#sub .more_btn a strong{font-size: 13px}
#sub.view .content{padding: 20px;margin-top: 20px}
#sub.view .title .like button span{font-size: 13px}
#sub.view .title .like button{width: 60px;height: 60px}
#sub.view .title .like button svg{width: 13px;height: auto}
#sub.view .title strong{font-size: 17px;margin-bottom: 7px}
#sub.view .title p{font-size: 12px}
#sub.view .title{padding: 20px 0}
#product_popup .pro_pop_w .inquiry{padding: 20px}
#product_popup .pro_pop_w .title span{font-size: 14px}
#product_popup .pro_pop_w .title strong{font-size: 24px}
.pro_inq_btn button strong{font-size: 11px}
.pro_inq_btn{right: 20px}
.pro_inq_btn button{ width: 56px;
height: 72px;}
.pro_inq_btn button svg{width: 16px;height: auto}
.pro_inq_btn button i{width: 16px}
#sub.location .con03 ul li i{margin-bottom: 10px}
#sub.location .con03 ul li span{font-size: 13px}
#sub.location .con03 ul li p{font-size: 14px;word-break: keep-all;line-height: 1.5}
#sub.location .con02 strong span{font-size: 13px}
#sub.location .con02{padding-top: 45px;padding-bottom: 20px}
#sub.location .con02 strong{font-size: 45px}
#sub.location .con01 > div{height: 360px}
#sub.vision .con01 .wrap .txt span, #sub.vision .con02 .title span{font-size: 13px;line-height: 1.5}
#sub.vision .con01 .wrap .txt p, #sub.vision .con02 .title p{font-size: 14px;line-height: 1.5}
#sub.vision .con01 .title p{font-size: 16px;line-height: 1.5}
#sub.vision .con01 .title strong, #sub.vision .con01 .wrap .txt strong, #sub.vision .con02 .title strong{font-size: 36px;line-height: 1.25;margin-bottom: 15px}
#sub.rnd .con02 .wrap{height: 280px}
#sub.rnd .con02 .swiper-slide{padding: 20px}
#sub.rnd .con02 .swiper-slide img{max-width: 100%}
#sub.rnd .con02 .sl01{width: 250px}
#sub.rnd .con02 .sl02{width: 300px}
#sub.rnd .con02 .sl03{width: 350px}
#sub.rnd .con02 .sl04{width: 250px}
#sub.rnd .con02{padding-top: 60px}
#sub.rnd .con02 .txt_cont{padding: 40px 0}
#sub.rnd .con02 .txt_cont p{font-size: 13px}
#sub.rnd .con02 .txt_cont{flex-wrap: wrap}
#sub.rnd .con02 .txt_cont > div{padding-left: 0;width: 100%;flex: auto}
#sub.rnd .con02 .tit strong{font-size: 70px;line-height: 1.2}
#sub.rnd .con01 ul li{height: auto;padding: 60px 0}
#sub.rnd .con01 ul li .wrap .tit{margin-bottom: 10px}
#sub.rnd .con01 ul li .wrap .txt span{font-size: 14px}
#sub.rnd .con01 ul li .wrap .txt strong, #sub.rnd .con01 ul li .wrap .txt i{font-size: 34px}
#sub.rnd .con01 ul li .wrap .tit span{font-size: 15px;line-height: 1.5}
#sub.rnd .con01 ul li .wrap .tit img{width: 30px}
#sub.ci .con04 .wrap ul li .wr span{font-size: 12px}
#sub.ci .con04 .wrap ul li .wr strong{font-size: 16px;line-height: 1.5;margin-top: 10px}
#sub.ci .con01 p{font-size: 20px}
#sub.ceo .con01 .left .txt_w > strong{font-size: 40px}
#sub.ceo .con01 .left .txt_w p{font-size: 14px}
#sub.ceo .con01 .left .txt{gap: 10px;margin: 20px 0}
#sub.ceo .con01 .left .sign_w strong,#sub.ceo .con01 .left .sign_w span{font-size: 13px}
#sub.ceo .con01 .left .sign_w .sign img{width: 90px}
#sub .sub_con{padding: 60px 0}
#sub .loc ul li a{font-size: 13px;padding: 7px 0}
#sub .loc ul{gap: 20px}
#sub .sub_visual .vis_txt strong{font-size: 60px}
#sub.history .his_content .his .year strong{font-size: 45px;line-height: 1}
#sub.history .his_content .his > div{width: calc(100% - 200px)}
#sub.history .his_content .his > div.year{width: 200px}
#sub.history .his_content .his > div.info ul{padding: 20px;gap: 10px}
#sub.history .his_content .his > div.info ul li{font-size: 14px}
#sub.history .his_content .his > div.info ul li:before{width: 2px;height: 2px;top: 7px}
#sub.history .his_content .his .year i{display: none}
#sub.history .his_content{gap: 40px}
#sub.history .his_content .his > div.info{padding-left: 0}
#sub.history .his_content .his .year{height: auto}
#sub.history .his_content .his{align-items: center}
#sub.ci .ci_title strong{font-size: 13px}
#sub.ci .ci_title strong{margin-bottom: 15px}
#sub.ci .con01{padding: 60px 0}
#sub.ci .con02 .txt p{font-size: 13px}
#sub.ci .con02{padding-top: 60px}
#sub.ci .con03 ul li a{width: 140px;height: 36px;font-size: 13px}
#sub.ci .con03 svg{width: 160px;height: auto}
#sub.ci .con03{margin-top: 40px}
#sub.ci .con04 .wrap ul li .wr img{width: 45px}
#sub.ci .con04 .wrap ul li .wr{height: 100px;gap: 20px}
#sub.ci .con04 .wrap ul li{padding-left: 0}
#sub.ci .con04 .wrap{padding-top: 60px}
#sub.ci .plus img{width: 25px}
#sub.ci .plus{margin-top: -12.5px}
#sub.rnd .con01 .line_box svg{max-width: 80vw;height: auto}
#sub.vision .con02 .cir_in div i img{width: 40px}
#sub.vision .con02 .cir_in div strong{font-size: 22px;margin-top: 15px}
#sub.vision .con02 .cir_in div p{font-size: 14px;margin-top: 10px}
#sub.vision .con02 .cir_wrap{padding: 6px}
#sub.vision .con02 .title{margin-bottom: 40px}
#sub.vision .con01 .wrap .txt{padding-left: 20px}
#sub.vision .con01 .wrap .txt i{display: none}
#sub.vision .con01 .wrap .txt span{margin-bottom: 7px}
#sub.vision .con02 .title{padding-top: 60px}
#sub.gallery .list > ul > li .txt{padding-top: 10px}
#sub.gallery .list > ul > li .txt strong{font-size: 14px;line-height: 20px;height: 40px}
#sub.gallery .sch_wrap .sch select{width: 80px;height: 40px;font-size: 12px}
#sub.gallery .sch_wrap .sch input {height: 40px;width: 200px;font-size: 12px}
#sub.gallery .sch_wrap .sch svg{width: 40px;height: auto}
#sub.gallery .sch_wrap{height: 70px;margin-bottom: 20px}
#sub.gallery .list > ul > li > .wrap{padding: 20px}
#sub.gallery .list > ul > li .txt p{font-size: 12px}
#sub .s_tab ul li a{font-size: 13px;width: auto;padding: 0 10px}
#sub.gallery .list > ul:after{display: none}
#sub .s_tab .down{margin-top: 15px}
#sub .s_tab .down a{padding: 0 15px}
#sub.gallery .list > ul > li .btn_w > div a{font-size: 12px;height: 35px}
#sub .sub_visual{padding-top: 120px;padding-bottom: 40px}
#sub .sub_visual .vis_line{height: 100%}
#sub .sub_visual .vis_line i{height: 100%}
#sub .sub_visual .vis_line svg{height: 100%;width: auto}
#sub.inquiry .f_list .con01 ul li:nth-child(1) > div, #sub.inquiry .f_list .con01 ul li{width: 100%}
#sub.inquiry .f_list .con01 ul{gap: 20px}
#sub.inquiry .f_list .con02 ul{gap: 20px;flex-wrap: wrap}
#sub.inquiry .f_list ul li .w strong{font-size: 13px}
#sub.inquiry .inp_w input{height: 40px;font-size: 13px}
#sub.inquiry .f_list .con02 .title strong{font-size: 16px}
#sub.inquiry .f_list .con02{margin-top: 25px}
#sub.inquiry .f_list .con02 ul li{font-size: 12px}
#sub.inquiry .c_box svg{width: 16px;height: auto}
#sub.inquiry .f_list .con02 ul{gap: 10px}
#sub.inquiry .f_list .con02 .wrap strong{font-size: 13px;margin-bottom: 10px}
#sub.inquiry .f_list .con02 .wrap{gap: 20px}
#sub.inquiry .f_list .con02 .title{margin-bottom: 15px}
#sub.inquiry .f_list .con03 ul{gap: 20px}
#sub.inquiry .f_list .con02{margin-bottom: 25px}
#sub.inquiry .f_list ul li .w i svg{width: 16px;height: auto}
#sub.inquiry .f_list .con03 .file_w .file p{font-size: 13px}
#sub.inquiry .f_list .con03 .file_w .file{padding: 10px;height: auto;width: auto}
#sub.inquiry .f_list .con03 .file_w{padding-bottom: 10px;margin-top: 10px}
#sub.inquiry .f_list .con04{padding-top: 40px}
#sub.inquiry .f_list .con04 strong{font-size: 13px;margin-bottom: 10px}
#sub.inquiry .f_list .con04 .txt_box{height: 150px;padding: 15px;font-size: 12px}
#sub.inquiry .f_list .con04 .chk_w p{font-size: 12px}
#sub.inquiry .f_list .con04 .chk_w{margin-top: 15px}
#sub.rnd .con03 .txt_wrap strong{font-size: 36px;line-height: 1.2}
#sub.rnd .con03 .txt_wrap p{font-size: 14px;line-height: 1.5;margin-top: 20px}
#sub.rnd .con03 .txt_wrap i svg{width: 26px;height: auto}
#sub.rnd .con03 .bg video{height: 100vh}
#sub.product .con10 .pin_deco .pin_content{width: 900px}
#sub.product .con10 .pin_deco .pin_content img, #sub.product .con10 .pin_deco{height: 100px}
#sub.product .con10 .pin_deco .pin_arr{bottom: calc(50% + 20px);}
#sub.product .con10 .pin_deco .pin_arr img{width: 40vw}
#sub.product .con10 .pin_deco .pin_circle div img{width: 200px}
#sub.product .con10{padding: 70px 0}
#sub.product .con07 .bg{display: none}
}
@media (max-width: 840px) {
#sub.gallery .sch_wrap{max-width: 100%}
#sub.ceo .con01{flex-direction: column;gap: 35px}
#sub.ceo .bg_line{display: none}
}
@media (max-width: 720px) {
#sub.rnd .con02 .tit strong{font-size: 45px}
}
@media (max-width: 640px) {
#sub .s_tab .down a img{width: 22px;}
#sub .s_tab .down a{font-size: 13px;height: 40px}
#sub .s_tab{flex-direction: column}
#sub.gallery .list > ul > li > .wrap{padding: 0}
#sub.gallery .list > ul > li .wrap{border: none}
#sub.gallery .list > ul > li .wrap, #sub.gallery .list > ul > li:nth-child(3n - 1){width: 100%}
#sub.gallery .list > ul{gap: 20px}
#sub.gallery .list > ul > li{width: 100%}
#sub.gallery .list > ul > li > a{border: none;padding: 0}
#sub.vision .con02 .cir_in div strong{font-size: 17px;margin-top: 7px}
#sub.vision .con02 .cir_in div i img{width: 30px}
#sub.vision .con02 > div .tri i img{width: 30px}
#sub.vision .con02 > div .tri i{top: -15px}
#sub.vision .con01 .wrap{gap: 30px}
#sub.vision .con01 .img > div i{display: none}
#sub.vision .con01 .title p, #sub.vision .con01 .wrap .txt p, #sub.vision .con02 .title p{font-size: 13px;}
#sub.vision .con01 .title strong, #sub.vision .con01 .wrap .txt strong, #sub.vision .con02 .title strong{font-size: 26px}
#sub.rnd .con01 ul li{width: 50%}
#sub.vision .title p br{display: none}
#sub.vision .title p{word-break: keep-all}
#sub.ci .con04 .wrap{padding-bottom: 20px}
#sub.ci .con01 p{font-size: 16px}
#sub.history .his_content .his > div.info ul li{font-size: 13px}
#sub.history .his_content .his > div.info ul{padding: 10px}
#sub.history .his_content .his > div.year{width: 90px}
#sub.history .his_content .his > div{width: calc(100% - 90px)}
#sub.history .his_content .his .year strong{font-size: 20px}
#sub .sub_visual .vis_txt strong{font-size: 36px}
#sub.ceo .con01 .left .txt_w > strong{font-size: 30px;}
#sub.ceo .con01 .left .txt_w p{font-size: 13px}
#sub.ceo .con01 .left .txt{padding-right: 0}
#sub.ceo .con01 .left .sign_w{padding-right: 0}
#sub.ci .con02 .txt p br{display: none}
#sub.ci .con02 .txt p{word-break: keep-all}
#sub.rnd .con01 ul li .wrap .tit span{font-size: 13px}
#sub.rnd .con01 ul li .wrap .txt strong, #sub.rnd .con01 ul li .wrap .txti{font-size: 27px}
#sub.rnd .con01 ul li{padding: 40px 0}
#sub.vision .con02 ul{flex-direction: column;width: 60%;margin: 0 auto}
#sub.vision .con02 ul li{width: 100%}
#sub.vision .con02 > div .l.l01{left: 20%}
#sub.vision .con02 > div .l.l02{left: 80%}
#sub.vision .con02 > div .tri svg {
max-width: 60.33%;}
#sub.vision .con02 .bg img {
max-width: 40vw;
}
#sub.product_line .list ul li{width: 100%}
#sub.location .con02 strong{font-size: 29px}
#sub.location .con03 ul li{padding: 10px 0}
#sub.vision .con02 > div{padding-bottom: 80px}
#sub.location .con03 ul li{width: 100%;border-right: none}
#sub.product_line .list ul li{border-right: none}
}
/*product*/
@media (max-width: 1840px) {
#sub.rnd .con04 .wr .title_w strong{font-size: 70px;line-height: 1.2}
#sub.product .dev_con01 .wr{gap: 40px}
#sub.product .dev_con strong{font-size: 60px}
#sub.product .dev_con01 .wr span{font-size: 24px}
#sub.product .dev_con01 .wr strong{font-size: 60px}
#sub.product .dev_con01 .wr p, #sub.product .dev_con p{font-size: 20px;line-height: 1.5}
#sub.product .image_box img{width: 100%}
#sub.product .sub_visual_dev .sv_img_dev img{width: 600px}
#sub.product .sub_visual_dev .sv_title .inner2 > strong{font-size: 80px}
#sub.product.contlex .cont_energy .bg{min-width: 100%}
#sub.product .wrt_box{max-width: calc(100% - 40px)}
#sub.product .con08 .b_title .t_box strong{font-size: 160px}
#sub.product .con03 p{font-size: 19px}
#sub.product .con03 strong{font-size: 50px}
#sub.product .con01 .txt strong{font-size: 65px}
#sub.product .con01 .txt p{font-size: 20px;line-height: 1.5}
#sub.product .pro_visual .vis_title strong{font-size: 100px}
#sub.product .pro_visual .tag{left: 20px;margin-left: 0}
#sub.product .pro_visual .txt_w{margin-right: 0;right: 20px}
#sub.product .con09 .pro_box .txt_cont strong{font-size: 50px}
#sub.product.contlex .con09 .pro_box .txt_cont .w ul li{font-size: 17px}
#sub.product .con02 .txt_con{padding-left: 20px;padding-right: 20px}
#sub.product .con02 .txt_con .txt{padding: 40px}
#sub.product .con02 .txt_con .txt strong{font-size: 40px}
#sub.product .con02 .txt_con .txt p{font-size: 17px}
#sub.rnd .con04 .wr .title_w{padding-left: 20px}
}
@media (max-width: 1400px) {
#sub.product .con04 .in .w p{font-size: 20px;line-height: 1.5}
#sub.product .con04 .in .w{width: 450px}
#sub.product .con04 .in{gap: 20px}
#sub.product .con04 .in .w{max-width: 100%}
#sub.product .con11 .video_box{max-width: calc(100% - 40px)}
#sub.product .con08 .list ul li:nth-child(2n){margin-top: 0}
#sub.product .bf_content .in{max-width: calc(100% - 40px)}
#sub.product .bf_content .in img{width: 100%}
#sub.product .con08 .list ul li > div i {width: 40px;height: 40px;}
#sub.product .con08 .list ul li > div{width: 90%;padding: 20px}
#sub.product .con08 .b_title .t_box{width: 100%}
#sub.product .con08 .b_title .t_box strong{font-size: 90px}
#sub.product.contlex .con08 .b_title span{letter-spacing: 5px;font-size: 16px;}
#sub.product.contlex .cont_energy .title strong{font-size: 40px}
#sub.product.contlex .pro_visual .vis_image video{width: 2000px}
#sub.product .pro_visual .vis_title strong{font-size: 70px}
#sub.product .spec > div{flex-direction: column;gap: 50px}
#sub.product.contlex .pro_visual .vis_image {
transform: translate(-50%, 33%);
}
#sub.product .spec .title strong{font-size: 60px;}
#sub.product .con08 .list ul li > div p{font-size: 22px;line-height: 1.5;margin-top: 10px}
#sub.product .pro_visual .vis_title {transform: translate(-50%, -250%) !important;}
#sub.product .pro_visual .txt_w .txt_in > div strong{font-size: 32px;margin-bottom: 15px}
#sub.product .pro_visual .txt_w .txt_in > div p{font-size: 16px;line-height: 1.5}
#sub.product .pro_visual .tag{margin-top: -60px;}
#sub.product .pro_visual .tag img{height: 120px}
#sub.product .con09 .pro_box .txt_cont .w2{padding: 20px}
#sub.product .con09 .pro_box .txt_cont .w{padding: 40px}
#sub.product .con07 .vid_box{width: 750px;padding: 10px}
#sub.product .con07 .wr .title_w strong{font-size: 55px;}
#sub.product .con09 .pro_box02{padding-top: 60px}
#sub.product .con09{padding-top: 100px}
#sub.product .con03{padding: 60px 0}
#sub.product .dot{display: none}
#sub.product .conlex_pro_list .title strong {width: 140px;height: 60px;border-radius: 6px;font-size: 30px;}
#sub.product .conlex_pro_list .title p{font-size: 30px}
#sub.product .conlex_pro_list ul li{flex: 1}
#sub.product .conlex_pro_list ul li img{width: 100%}
#sub.product .con08 .list ul li > div{height: auto}
#sub.product.contlex .con08 .list ul{gap: 40px 0}
#sub.rnd .con04 .wr .title_w strong{font-size: 60px;}
#sub.rnd .con04 .wr ul li p{font-size: 16px;line-height: 1.5}
#sub.rnd .con04 .bg_img img{max-width: 50vw}
}
@media (max-width: 1050px) {
#sub.product .dev_con01 .wr > div{width: 100%}
#sub.product .dev_con01 .wr{flex-direction: column}
#sub.product .con04 .in{flex-direction: column;padding: 0 20px}
#sub.product .con04 .in .w{width: 100%}
#sub.product .con04{padding: 65px 0}
#sub.product .con06 .list > ul{flex-wrap: wrap}
#sub.product .con06 .list > ul > li{flex: auto;width: 33.33%}
#sub.product .con06 .list > ul > li img{margin: 0 auto;display: block}
#sub.product .con02{padding: 60px 0;flex-direction: column;gap: 20px}
#sub.product .con02:after{display: none}
#sub.product .con02 > div{width: 100%}
#sub.product .dev_con05 .video_w{width: 90%;padding: 10px}
}
@media (max-width: 960px) {
#sub.product .con08 .list ul li{margin-bottom: 15px}
#sub.product.contlex .cont_energy .title{padding-bottom: 20px}
#sub.product.contlex .cont_energy .bg{display: none}
#sub.product .con09 .pro_box .txt_cont{padding-left: 0}
#sub.rnd .con04 .mySwiper1{width: 220px}
#sub.rnd .con04 .mySwiper1 img{width: 100%}
#sub.rnd .con04 .btn{display: none}
#sub.rnd .con04 .txt strong{font-size: 13px;line-height: 1.5}
#sub.rnd .con04 .wr ul{gap: 7px}
#sub.rnd .con04 .wr ul li{height: auto;padding: 20px;padding-left: 60px}
#sub.rnd .con04 .wr ul li p{font-size: 13px;}
#sub.rnd .con04 .wr ul li i{left: 20px;transform: translateX(0)}
#sub.rnd .con04 .wr ul li i img{left: 40px;height: auto;width: 30px}
#sub.rnd .con04 .wr .title_w{margin-bottom: 30px}
#sub.rnd .con04 .wr .title_w span{font-size: 13px;margin-bottom: 7px}
#sub.rnd .con04 .wr .title_w strong{font-size: 36px;line-height: 1.25}
#sub.rnd .con04{padding: 60px 0}
#sub.rnd .con04 .wr{flex-direction: column}
#sub.rnd .con04 .wr > div{width: 100%}
#sub.rnd .con04.on:before{display: none}
#sub.product.contlex .cont_energy .ener_pro02{margin-top: 40px}
#sub.product .sub_visual_dev .sv_title p{font-size: 15px;line-height: 1.5;margin-top: 15px}
#sub.product .sub_visual_dev .sv_title .inner2 > strong{font-size: 45px}
#sub.product .dev_con p{margin-top: 20px}
#sub.product .dev_con01 .wr p, #sub.product .dev_con p{font-size: 14px}
#sub.product .dev_con01, #sub.product .dev_con{margin-bottom: 60px}
#sub.product .dev_con01 .wr strong, #sub.product .dev_con strong{font-size: 34px}
#sub.product .dev_con strong{margin-bottom: 20px}
#sub.product .con06 .title{margin-bottom: 20px}
#sub.product .con06 .title .wrap > div{width: 100%;height: auto;padding: 30px 0}
#sub.product .con06 .title .wrap > div p{font-size: 15px}
#sub.product .con06 .list > ul > li > div.txt{padding: 10px}
#sub.product .con06 .list > ul > li > div.txt div p, #sub.product .con06 .list > ul > li > div.txt div strong{font-size: 12px;line-height: 1.5}
#sub.product .con06 .list > ul > li .img{padding: 10px}
#sub.product .con06 .list > ul > li .tit strong{font-size: 16px}
#sub.product .con06 .list > ul > li .tit{height: 40px}
#sub.product .con06{padding-top: 50px}
#sub.product .con04 .in .w{height: auto;padding: 40px 0}
#sub.product .con04 .in .w p{font-size: 13px;line-height: 1.5}
#sub.product .con04 .in .w strong{font-size: 16px;margin-bottom: 10px}
#sub.product .con02 .txt_con .txt{padding: 20px;border-radius: 10px;}
#sub.product .con02 .txt_con .txt .key{margin-bottom: 10px}
#sub.product .con02 .txt_con .txt p{font-size: 13px;line-height: 1.5}
#sub.product .con02 .txt_con .txt .key span{font-size: 13px}
#sub.product .con02 .txt_con .txt strong{font-size: 22px}
#sub.product .con12 ul li .txt_w strong{font-size: 24px;margin-bottom: 7px}
#sub.product .con12 ul li{height: 130px}
#sub.product .con12 ul li .pro_img_w .apo_circle img{display: none}
#sub.product .con12 ul li .pro_img_w .pro_img img{height: 48px}
#sub.product .con12 ul li .txt_w{left: 20px;z-index: 15}
#sub.product .con11 .video_box{padding: 10px}
#sub.product .bf_content{margin-top: 60px}
#sub.product .con13 .title{margin-bottom: 20px}
#sub.product.apolex .con08{padding-bottom: 60px}
#sub.product .con13 .title strong{font-size: 32px}
#sub.product .con13 ul li .img{border-radius: 10px}
#sub.product .con13 ul li .txt strong{font-size: 14px}
#sub.product .con13 ul li .txt{height: 40px;border-radius: 8px}
#sub.product_line .list ul li a .title strong{font-size: 15px}
#sub.product .con08 .img_w img{width: 360px}
#sub.product .conlex_pro_list ul li .txt{margin-top: 15px}
#sub.product .conlex_pro_list .title strong{font-size: 60px}
#sub.product .contlex_sli{padding-top: 32px}
#sub.product .contlex_sli .container{height: 400px;width: 1622px}
#sub.product .contlex_sli .container img{height: 400px}
#sub.product .contlex_sli .base img{width: 260px;}
#sub.product .con03 strong{font-size: 32px;}
#sub.product .con03 p{font-size: 15px;word-break: keep-all;margin-top: 10px}
#sub.product .con09 .pro_box .txt_cont .w2{margin-top: 10px}
#sub.product .con09 .pro_box .txt_cont .w2 ul{gap: 7px}
#sub.product .con09 .pro_box .txt_cont .w2 ul li{padding-left: 65px}
#sub.product .con01 .wr{padding: 60px 0}
#sub.product .con01 .txt p{font-size: 14px;margin-top: 10px}
#sub.product .con01 .txt strong{font-size: 40px;line-height: 1.25}
#sub.product .pro_visual .tag img{height: 60px}
#sub.product .pro_visual .txt_w{top: auto;bottom: 60px}
#sub.product .pro_visual .vis_title strong{font-size: 50px !important}
#sub.product.contlex .pro_visual .vis_image video {width: 1600px;}
#sub.product .pro_visual .txt_w .txt_in > div strong{font-size: 24px;line-height: 1.3}
#sub.product .pro_visual .txt_w .txt_in > div{padding: 20px}
#sub.product .pro_visual .txt_w .txt_in > div p{font-size: 13px}
#sub.product .pro_visual .txt_w .txt_in {padding: 5px;border-radius: 10px}
#sub.product .pro_visual .txt_w .txt_in > div{gap: 5px}
#sub.product .pro_visual .tag{top: auto;margin-top: 0;bottom: 60px}
#sub.product .con09:after{display: none}
#sub.product .conlex_pro_list .title p{font-size: 24px}
#sub.product .con09 .pro_box{flex-direction: column}
#sub.product .con09 .pro_box > div{width: 100%}
#sub.product .con09 .pro_box .txt_cont strong{font-size: 32px}
#sub.product .conlex_pro_list .title strong, #sub.product .con12 .title strong {width: 70px;height: 30px;border-radius: 6px;font-size: 20px;}
#sub.product .con09 .pro_box .txt_cont strong b{font-size: 20px}
#sub.product .con09 .pro_box .txt_cont{padding-right: 0}
#sub.product.contlex .con09 .pro_box .txt_cont .w ul li{font-size: 14px;}
#sub.product.contlex .con09 .pro_box .txt_cont .key span{font-size: 14px}
#sub.product .con09 .pro_box .txt_cont .w{border-radius: 10px;padding: 20px}
#sub.product.contlex .con09 .pro_box .txt_cont .w ul{gap: 5px;margin-top: 10px}
#sub.product.contlex .con09 .pro_box .txt_cont .w ul li:before{top: 6px}
#sub.product .con09 .pro_box .txt_cont .w2 ul li{font-size: 14px}
#sub.product .con09 .pro_box .txt_cont .w2 ul li em:after{display: none}
#sub.product .conlex_pro_list ul li .txt span{font-size: 20px}
#sub.product .con08 .list ul li > div p{font-size: 16px}
#sub.product .bf_content .in .info{flex-direction: column;padding-bottom: 20px}
#sub.product .bf_content .in .info .dot{display: none}
#sub.product .bf_content .in .info{gap: 15px;margin-top: 20px}
#sub.product .bf_content .in .info span{font-size: 14px}
#sub.product .bf_content .in .swiper-pagination{bottom: 0}
#sub.product .bf_content .in .bf_image .txt strong {
width: 78px;
height: 30px;position: 13px}
#sub.product .spec ul li strong{font-size: 16px}
#sub.product .spec > div{gap: 0}
#sub.product .spec ul li p{font-size: 14px;line-height: 1.5}
#sub.product .spec .title strong, #sub.product .bf_content .title strong{font-size: 30px}
#sub.product .bf_content .title{margin-bottom: 20px}
#sub.product .spec ul li{height: auto;padding: 30px 0;flex-wrap: wrap;flex-direction: column;align-items: flex-start;padding: 15px 0 !important}
#sub.product .spec{padding: 60px 0;margin-top: 60px}
#sub.product .conlex_pro_list{padding-top: 60px}
#sub.product .con07{padding: 60px 0}
#sub.product.apolex .con08 .b_title span{font-size: 13px;letter-spacing: 5px}
#sub.product .con11 ul li .st strong{font-size: 15px;line-height: 22px;height: 44px;margin-top: 10px}
#sub.product .con11 ul li .st span{font-size: 12px}
#sub.product .con11 ul li .img .arr{display: none}
#sub.product .con11 ul li{padding: 10px}
#sub.product .con11 ul li .img .img_w{border-radius: 8px}
#sub.product .con11 ul li .st{margin-bottom: 17px}
#sub.product .con09 .pro_box .txt_cont p{margin-top: 15px}
#sub.product .con09 .pro_box .txt_cont p, #sub.product .con09 .pro_box .txt_cont span{font-size: 14px;line-height: 1.5;word-break: keep-all}
#sub.product .con09 .pro_box .txt_cont p br{display: none}
#sub.product .con09 .pro_box .txt_cont span{margin-top: 15px}
#sub.product .con11{padding-top: 40px}
#sub.product.apolex .con01 .txt strong{font-size: 24px}
#sub.product.apolex .pro_visual .vis_image video{width: 700px}
#sub.product .con11{padding-bottom: 40px}
#sub.product .con12 ul li .txt_w p{font-size: 12px;}
#sub.product.apolex .con03{padding: 40px 0}
#sub.product .con12 .cont2{margin-top: 30px}
#sub.product .con12 ul{margin-top: 15px}
#sub.product .wrt_box{border-radius: 15px}
#sub.product.apolex .con08{padding-top: 60px}
#sub.product .con06 .title .wrap{width: 90%}
#sub.product .pro_visual .vis_image .img video{width: 900px}
#sub.product .image_box{border-radius: 8px}
#sub.product .pro_visual .vis_image {
transform: translate(-50%, 5%);
}
}
@media (max-width: 660px) {
#sub.vision .con01 .wrap .txt p, #sub.vision .con02 .title p{word-break: keep-all}
#sub.vision .con01 .wrap .txt p br, #sub.vision .con02 .title p br{display: none}
#sub.ceo .con01 .left .txt_w p{word-break: keep-all}
#sub.ceo .con01 .left .txt_w p br{display: none}
#sub.product .pro_visual .tag{bottom: 270px !important}
#sub.product .pro_visual .vis_image .img{transform: scale(1) !important}
#sub.product .pro_visual .txt_w{transform: translateY(0) !Important}
#sub.product .pro_visual .txt_w .txt_in{width: 90vw;height: 190px}
#sub.rnd .con03{height: 400px}
#sub .loc ul{flex-wrap: wrap;gap: 0px 0}
#sub .loc ul li{width: 33.33%}
#sub .loc ul li.on a:after{display: none}
#sub.product.contlex .cont_energy .pc{display: none}
#sub.product.contlex .cont_energy .mo{display: block}
#sub.product .dev_con05 img{display: none}
#sub.product .dev_con05 i{display: none}
#sub.product .dev_con01 .wr{margin-bottom: 20px}
#sub.product .dev_con01 .wr p, #sub.product .dev_con p{margin-top: 15px;font-size: 13px}
#sub.product .dev_con01 .wr p br, #sub.product .dev_con p br{display: none}
#sub.product .dev_con01 .wr span{font-size: 16px}
#sub.product .dev_con01 .wr strong, #sub.product .dev_con strong{font-size: 22px}
#sub.product .sub_visual_dev .sv_title p{font-size: 13px}
#sub.product .sub_visual_dev .sv_title strong{font-size: 32px}
#sub.product .sub_visual_dev{align-items: flex-start;padding-top: 100px}
#sub.product .sub_visual_dev .sv_img_dev{width: 100%;bottom: 0;left: 0;right: 0;top: auto;transform: translateY(0)}
#sub.product .sub_visual_dev .sv_img_dev img{width: 100%}
#sub.product .bf_content .in .bf_image{flex-direction: column;gap: 10px}
#sub.product .conlex_pro_list ul li .txt{margin-top: 10px}
#sub.product .conlex_pro_list ul li .txt span{font-size: 13px}
#sub.product .con07 .vid_box{width: 90vw}
#sub.product .con01 .txt strong{font-size: 27px}
#sub.product .con01 .txt p{font-size: 13px}
#sub.product .con09 .pro_box .txt_cont strong{font-size: 20px}
#sub.product .con03 p{font-size: 13px;line-height: 1.5}
#sub.product .contlex_sli .base img {
width: 200px;
}
#sub.product .con08{padding-bottom: 60px}
#sub.product .contlex_sli .container, #sub.product .contlex_sli .container img{height: 270px}
#sub.product .contlex_sli .container{width: 1095px}
#sub.product .con03 strong{font-size: 24px}
#sub.product .conlex_pro_list .title p{font-size: 18px}
#sub.product .conlex_pro_list .title{margin-bottom: 15px}
#sub.product .conlex_pro_list .pro_w{margin-bottom: 30px}
#sub.product.contlex .cont_energy .title{padding-top: 40px}
#sub.product.contlex .cont_energy .title strong{font-size: 24px}
#sub.product .con08 .b_title .t_box strong{font-size: 50px}
#sub.product.contlex .con08 .list ul li{width: 100%}
#sub.product .pro_visual .vis_title strong{width: 100vw;white-space: normal;text-align: center;display: block}
#sub.product .pro_visual .vis_title {
transform: translate(-50%, -180%) !important;
}
#sub.product .con08 .b_title span{font-size: 12px;letter-spacing: 2px}
#sub.product .pro_visual .txt_w .txt_in > div{height: 100%}
#sub.product .pro_visual .txt_w .txt_in > div strong br{display: none}
#sub.product .pro_visual .vis_image .img video{width: 600px !important}
#sub.product.contlex .pro_visual .vis_image video{width: 1180px}
#sub.product .con09{padding-top: 40px}
#sub.product.contlex .con08 .list ul{gap: 20px}
#sub.product .con08 .img_w img{width: 240px}
#sub.product .con13 ul{flex-direction: column}
#sub.product .con11 ul{flex-direction: column;gap: 10px}
#sub.product .con11 ul li{width: 100%}
#sub.product .con11 ul li .img img{width: 100%}
#sub.product .con11 ul li .st strong{height: auto}
#sub.product.apolex .pro_visual .vis_image video{width: 450px}
#sub.product.apolex .pro_visual .vis_image {transform: translate(-50%, 22%);}
#sub.product .con12 ul li .pro_img_w .pro_img img{height: 25px}
#sub.product .con12 ul li{height: 100px}
#sub.product .con12 ul li .txt_w strong{font-size: 22px}
#sub.product .con06 .title .wrap > div p br{display: none}
#sub.product.contlex .pro_visual .vis_image video {
width: 1180px !important;
}
#sub.product.apolex .pro_visual .vis_image video {
width: 450px !important;
}
#sub.product .pro_visual .txt_w .txt_in > div strong{font-size: 20px;word-break: keep-all}
#sub.product .con08 .list ul li > div i{width: 30px;height: 30px;font-size: 12px}
#sub.product .con08 .list ul li > div{border-radius: 8px;padding: 15px}
#sub.product .con08 .list ul li > div p{font-size: 14px}
#sub.product.contlex .con08 .list ul{gap: 0}
#sub .loc ul li a{font-size: 12px}
}