#header.sub{border-bottom: 1px solid #F3F3F3} #sub{padding-top: 110px} #sub .sub_visual{padding-top: 160px} #sub .sub_visual .vis_txt{padding-bottom: 65px;border-bottom: 1px solid #EBEBEB} #sub .sub_visual .vis_txt > span{display: block;color: #2590F3;font-family: "Red Hat Display", sans-serif;font-weight: 600;margin-bottom: 20px;text-transform: uppercase;} #sub .sub_visual .vis_txt > strong{display: block;font-size: 56px;color: #1A1A1A;font-weight: 700;letter-spacing: -0.5px} #sub .sub_visual .vis_txt .breadcrumbs{display: flex;align-items: center;gap: 12px;margin-top: 60px} #sub .sub_visual .vis_txt .breadcrumbs i{display: block;width: 2px;height: 2px;background: #5F6172;border-radius: 50%} #sub .sub_visual .vis_txt .breadcrumbs svg{display: block} #sub .sub_visual .vis_txt .breadcrumbs span{display: block;font-size: 16px;color: #5F6172;font-weight: 500} #sub .sub_visual .vis_txt .breadcrumbs span:last-child{color: #282A38} #sub .s_inner{width: 1560px;margin: 0 auto} #sub .sub_con{padding-top: 110px;padding-bottom: 160px} #sub .s_title2 {margin-bottom: 95px} #sub .s_title2.s_title2_b {margin-bottom: 50px} #sub.download_pb{padding-bottom: 160px} #sub .s_title_wrap{display: flex} #sub .s_title_wrap > div{flex: 1;} #sub .s_title_wrap .s_title2_txt{display: flex;gap: 20px;flex-direction: column} #sub .s_title_wrap .s_title2_txt p{font-size: 18px;color: #4B4E5E;line-height: 32px} #sub .s_title2 strong b{font-weight: inherit;color: #2590F3;} #sub .s_title2 > span em{ font-size: 135%; color: inherit; font-family:"Red Hat Display", sans-serif;} #sub .s_title2 > span{display: block;font-size: 20px;color: #2590F3;font-weight: 600;font-family: "Red Hat Display", sans-serif;margin-bottom: 17px} #sub .s_title2 > p{font-size: 18px;color: #4B4E5E;line-height: 32px;letter-spacing: -0.5px;margin-top: 30px} #sub .s_title2 strong{display: block;font-size: 40px;color: #1A1A1A;line-height: 52px;letter-spacing: -0.5px} #sub .paging {margin-top: 80px} #sub .paging ul{display: flex;justify-content: center;gap: 10px} #sub .paging ul li a{display: flex;width: 50px;height: 50px;border-radius: 50%;align-items: center;justify-content: center;font-size: 17px;color: #7A7A7A;font-weight: 500} #sub .paging ul li.on a{background: #2590F3;color: #fff} #sub .tabs{border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;padding: 16px 0;margin-bottom: 140px} #sub .tabs ul{display: flex;gap: 10px} #sub .tabs ul li a{display: flex;height: 47px;align-items: center;padding: 0 24px;border-radius: 50px;font-size: 18px;color: #4B4E5E;font-weight: 600;transition: 0.5s} #sub .tabs ul li:hover a{color: #2590F3} #sub .tabs ul li.on a{background: #2590F3;color: #ffff} #sub .tabs.tabs2{padding: 0;border: none;margin-bottom: 40px;} #sub .tabs.tabs2 ul li a{border: 1px solid #DCE3E9;} #sub .tabs.tabs2 ul li.on a{border-color: #2590F3;color: #2590F3;background-color: #fff;} #sub .search_w{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px} #sub .search_w span{display: block;font-size: 18px;color: #4B4E5E} #sub .search_w .search {position: relative} #sub .search_w .search button{height: 100%;width: 60px;position: absolute;top: 0;right: 0;display: block} #sub .search_w .search input{width: 385px;height: 60px;border-radius: 50px;background: #F5F6F8;padding: 0 30px;font-size: 17px;border: none} #sub .search_w .search input::placeholder{color: #828595} #product_popup{position: fixed;top: 0;left: 0;z-index: 99999;background: rgba(0,0,0,0.3);width: 100%;height: 100%;display: none} #product_popup .pop_in{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;} #product_popup .pop_in .pop_w{display: flex;width: 1200px;border-radius: 10px;background-color: #fff;position: relative} #product_popup .pop_in .pop_w > button{position: absolute;right: -74px;top: 0} #product_popup .pop_in .pop_w .text_content{height: 712px;overflow: hidden;padding: 50px 60px ;} #product_popup .pop_in .pop_w .text_content .title .tag{display: flex;gap: 10px;margin-bottom: 30px} #product_popup .pop_in .pop_w .text_content .title strong{display: block;font-size: 30px;color: #1A1A1A;margin-bottom: 20px} #product_popup .pop_in .pop_w .text_content .title p{font-size: 18px;color: #4B4E5E;line-height: 30px;} #product_popup .pop_in .pop_w .text_content .title .tag span{display: flex;height: 40px;align-items: center;background: #EFF7FF;border-radius: 7px;padding: 0 15px;color: #2590F3;font-size: 16px;font-weight: 500} #product_popup .pop_in .pop_w .text_content .title .ks{display: flex;justify-content: space-between;align-items: center;padding-top: 15px;padding-bottom: 25px} #product_popup .pop_in .pop_w .text_content .title .ks > em{color: #4B4E5E;font-size: 18px;color: #8C8E9B;display: flex;gap: 20px} #product_popup .pop_in .pop_w .text_content .tables ul{border-top: 2px solid #1A1A1A} #product_popup .pop_in .pop_w .text_content .tables ul li{display: flex;padding: 5px 0;align-items: center;border-bottom: 1px solid #EBEBEB} #product_popup .pop_in .pop_w .text_content .tables ul li span{display: flex;width: 160px;height: 44px;align-items: center;background: #F6F9FB;border-radius: 4px;padding-left: 20px;color: #4B4E5E;font-size: 15px;font-weight: 600} #product_popup .pop_in .pop_w .text_content .tables ul li p{font-size: 15px;color: #8C8E9B;line-height: 1.5;padding-left: 24px;width: calc(100% - 160px)} #product_popup .pop_in .pop_w .text_content .tables > strong{display: block;font-size: 20px;color: #222222;margin-bottom: 20px} #product_popup .pop_in .pop_w .text_content .tables em{font-size: 16px;color: #9799A5;line-height: 24px;margin-top: 20px;display: block;position: relative;padding-left: 15px} #product_popup .pop_in .pop_w .text_content .tables em i{color: inherit;position: absolute;left: 0;} #product_popup .pop_in .pop_w .img_w img{display: block;} #product_popup .pop_in .pop_w .img_w{border-radius: 10px 0 0 10px;overflow: hidden;} #product_popup .pop_in .pop_w .wrap{height: 100%;overflow-y: scroll;} #sub.download .list ul{display: flex;flex-wrap: wrap;gap: 20px} #sub.download .list ul li{width: calc(25% - 15px)} #sub.download .list ul li a{display: block;padding: 30px;background: #F8F8F9;border-radius: 10px} #sub.download .list ul li a .tag{display: flex;justify-content: space-between;align-items: center} #sub.download .list ul li a .tag i{opacity: 0;background: #007cef;border-radius: 50%;transition: 0.5s} #sub.download .list ul li a .tag svg{display: block} #sub.download .list ul li a:hover .tag i{opacity: 2} #sub.download .list ul li a .tag span{display: flex;height: 34px;align-items: center;border: 1px solid #2590F3;font-size: 16px;color: #2590F3;font-weight: 500;padding: 0 16px;border-radius: 50px} #sub.download .list ul li a .txt{padding-top: 20px;margin-top: 20px;border-top: 1px solid #EBEBF5;transition: 0.5s} #sub.download .list ul li a:hover .txt{border-color: #2590F3} #sub.download .list ul li a .txt strong{font-size: 22px;color: #1A1A1A} #sub.download .list ul li a .txt p{font-size: 17px;color: #596271;margin-top: 10px} #sub.inquiry .con02 .inq_title{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #EBEBEB;;} #sub.inquiry .con02 .inq_title strong{display: block;;font-size: 22px;color: #1A1A1A;} #sub.inquiry .con02 .priv {margin-bottom: 120px;} #sub.inquiry .con02 .priv .priv_box{height: 220px;background-color: #F5F6F8;border-radius: 12px;padding: 25px;margin-bottom: 20px;} #sub.inquiry .con02 .priv .priv_box p{font-size: 17px;line-height: 28px;color: #464A60;white-space: pre-wrap;overflow-y: scroll;height: 100%;} #sub.inquiry .con02 .priv .priv_chk {position: relative;} #sub.inquiry .con02 .priv .priv_chk input{width: 0;height: 0;position: absolute;} #sub.inquiry .con02 .priv .priv_chk label{display: flex;gap: 10px;font-size: 17px;color: #26272B;font-weight: 500;;align-items: center;} #sub.inquiry .con02 .priv .priv_chk label:before{content: '';display: block;;width: 30px;height: 30px;background: url(/img/sub/chk.png);} #sub.inquiry .con02 .priv .priv_chk input:checked + label::before{background: url(/img/sub/chk_on.png);} #sub.inquiry .con02 .form_list{display: flex;;flex-direction: column;gap: 120px} #sub.inquiry .con02 .form_list ul{display: flex;;flex-wrap: wrap;gap: 60px 40px} #sub.inquiry .con02 .form_list ul li{width: calc(50% - 30px);} #sub.inquiry .con02 .form_list ul li input{display: block;;width: 100%;height: 60px;border-radius: 30px;background-color: #F5F6F8;border: none;font-size: 17px;padding: 0 30px;} #sub.inquiry .con02 .form_list ul li textarea{display: block;;width: 100%;height: 200px;border-radius: 30px;background-color: #F5F6F8;border: none;font-size: 17px;padding: 30px;} #sub.inquiry .con02 .form_list ul li select{display: block;;width: 100%;height: 60px;border-radius: 30px;background-color: #F5F6F8;border: none;font-size: 17px;padding: 0 30px} #sub.inquiry .con02 .form_list ul li input::placeholder{color: #888A9A;} #sub.inquiry .con02 .form_list ul li span{display: block;;font-size: 19px;color: #26272B;font-weight: 600;margin-bottom: 15px;} #sub.inquiry .con02 .form_list ul li span i{font-weight: inherit;color: #3297F3;} #sub.inquiry .con02 .form_list ul li.line1{width: 100%;} #sub.inquiry .con02 .form_list ul li.line1 select{max-width: calc(50% - 30px);} #sub.inquiry .con02 .form_list ul li .file{max-width: calc(50% - 30px);gap: 10px;display: flex;} #sub.inquiry .con02 .form_list ul li .file button{width: 180px;height: 60px;background-color: #213185;border-radius: 50px;font-size: 18px;color: #FFFFFF;font-weight: 500;} #sub.inquiry .con02 .form_list ul li .file p{display: block;;width: calc(100% - 190px);height: 60px;border-radius: 30px;background-color: #F5F6F8;border: none;font-size: 17px;padding: 0 30px;display: flex;;align-items: center;color: #888A9A;} #sub.inquiry .con02 .more{display: flex;;justify-content: center;margin-top: 120px;} #sub.faq .list .cw{display: flex;align-items: center;;} #sub.faq .list .cw .num{width: 167px;} #sub.faq .list .cw .num span{display: block;;font-size: 17px;color: #676767;text-align: center;} #sub.faq .list .cw .title{width: calc(100% - 167px);align-items: center;} #sub.faq .list .cw .title{width: calc(100% - 167px);display: flex;position: relative;} #sub.faq .list .cw .title .cate{width: 175px;display: flex;} #sub.faq .list .cw .title .cate span{display: flex;;height: 40px;align-items: center;border: 1px solid #2590F3;border-radius: 50px;padding: 0 20px;color: #2590F3;;} #sub.faq .list .cw .title .tit{width: calc(100% - 175px);} #sub.faq .list .cw .title .tit p{font-size: 18px;color: #1A1A1A;font-weight: 500;} #sub.faq .list .cw.f_title {height: 90px;border-bottom: 1px solid #EBEBEB;} #sub.faq .list .f_content{padding: 40px 0;align-items: flex-start;position: relative;display: none;} #sub.faq .list .f_content .num span{color: #2590F3;} #sub.faq .list .f_content:before{content: '';display: block;position: absolute;width: 100%;height: calc(100% - 16px);top: 8px;background-color: #F6F9FB ;border-radius: 8px;z-index: -1;} #sub.faq .faq_title{display: flex;padding-bottom: 30px;display: flex;border-bottom: 2px solid #1A1A1A} #sub.faq .faq_title span{display: block;width: 167px;} #sub.faq .faq_title strong{display: block;width: calc(100% - 167px);} #sub.faq .faq_title *{font-size: 18px;color: #1A1A1A;font-weight: 600;text-align: center;} #sub.cerf .con01{display: flex;gap: 340px;margin-bottom: 120px} #sub.cerf .con01 strong b{font-weight: inherit;color: #2590F3} #sub.cerf .con01 .txt{display: flex;gap: 20px;flex-direction: column} #sub.cerf .con01 .txt p{font-size: 18px;color: #4B4E5E;line-height: 32px} #sub.cerf .con + .con{margin-top: 160px;padding-top: 160px;border-top: 1px solid #EBEBEB} #sub.cerf .con ul{display: flex;gap: 20px;flex-wrap: wrap} #sub.cerf .con ul li{width: calc(20% - 16px)} #sub.cerf .con ul li .txt{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 20px} #sub.cerf .con ul li .txt span{display: flex;height: 34px;align-items: center;border: 1px solid #2590F3;padding: 0 16px;border-radius: 50px;font-size: 15px;color: #2590F3;font-weight: 500;margin-bottom: 10px} #sub.cerf .con ul li .txt strong{font-size: 18px;color: #222222;font-weight: 600;line-height: 28px;text-align: center} #sub.cerf .con ul li .txt p{font-size: 16px;color: #5C657A;margin-top: 10px} #sub.cerf .con ul li .img{background: #F5F6F8;border-radius: 8px;padding: 10px} #sub.cerf .con ul li .img div img{display: block;width: 100%;} #sub.cerf .con ul li .img div{border-radius: 8px;overflow: hidden;border: 1px solid #E3E6EE} #sub.cerf .con03 {margin-bottom: 160px;} #sub.cerf .con03 ul{display: flex;gap: 30px} #sub.cerf .con03 ul li{flex: 1;padding: 35px;border-radius: 10px;background-color: #F5F6F8;} #sub.cerf .con03 ul li strong{display: block;font-size: 24px;color: #222222;font-weight: 600;margin-bottom: 5px;} #sub.cerf .con03 ul li span{font-size: 17px;color: #2590F3;font-weight: 500;display: block;margin-bottom: 30px;} #sub.cerf .con03 ul li p{font-size: 17px;color: #5C657A;line-height: 28px;;;} #sub.cerf .con04{padding: 160px 0;background-color: #F6F9FB;} #sub.cerf .con04 ul{display: flex;gap: 20px;flex-wrap: wrap;} #sub.cerf .con04 ul li{flex: 1;padding: 50px 0;display: flex;flex-direction: column;justify-content: center;border: 1px solid #E3E8EC;border-radius: 10px;align-items: center;background-color: #FFFFFF;} #sub.cerf .con04 ul li i{display: block;margin-bottom: 25px;} #sub.cerf .con04 ul li strong{display: block;font-size: 24px;color: #222222;margin-bottom: 10px;} #sub.cerf .con04 ul li p{font-size: 16px;color: #2590F3;font-family: "Red Hat Display", sans-serif;font-weight: 600;margin-bottom: 20px;} #sub.cerf .con04 ul li span{display: flex;width: 92px;height: 40px;align-items: center;justify-content: center;border: 1px solid #2590F3;border-radius: 50px;font-size: 15px;color: #2590F3;font-weight: 500;} #sub.cerf .con05{padding-top: 160px;} #sub.cerf .con05 .ce_list{display: flex;flex-wrap: wrap;gap: 90px;flex-direction: column;} #sub.cerf .con05 .ce_list .title{display: flex;;align-items: center;gap: 8px;} #sub.cerf .con05 .ce_list .title strong{font-size: 22px;color: #1A1A1A;} #sub.cerf .con05 .ce_list .title:before{content: '';display: block;;width: 6px;height: 6px;border: 1px solid #2590F3;border-radius: 50%;box-sizing: border-box;;} #sub.cerf .con05 .ce_list ul{border-top: 2px solid #1A1A1A;margin-top: 30px;} #sub.cerf .con05 .ce_list ul li{display: flex;align-items: center;justify-content: space-between;height: 90px;padding: 0 67px;border-bottom: 1px solid #EBEBEB;} #sub.cerf .con05 .ce_list ul li .name{ width: 200px; } #sub.cerf .con05 .ce_list ul li strong{display: block;font-size: 17px;color: #1A1A1A;font-weight: 500;} #sub.cerf .con05 .ce_list ul li span{font-size: 17px;color: #676767;font-weight: 400;} #sub.history .con02{background-color: #F6F9FB;} #sub.history .con02 .his_conent{display: flex;align-items: flex-start;} #sub.history .con02 .his_conent > div{flex: 1;} #sub.history .con02 .his_conent .left{padding-top: 160px;} #sub.history .con02 .his_conent .right{padding-top: 210px;padding-bottom: 160px;display: flex;flex-direction: column;gap: 200px;padding-left: 100px;position: relative;} #sub.history .con02 .his_conent .right ul{display: flex;;flex-direction: column;gap: 45px} #sub.history .con02 .his_conent .right ul li {display: flex;line-height: 32px;} #sub.history .con02 .his_conent .right ul li span{width: 120px;font-size: 20px;color: #1A1A1A;font-weight: 600;line-height: 32px;} #sub.history .con02 .his_conent .right ul li p{width: calc(100% - 120px);font-size: 20px;color: #4B4E5E;word-break: keep-all;} #sub.history .con02 .his_conent .left {padding-right: 80px;} #sub.history .con02 .his_conent .left .year span{display: block;font-size: 18px;color: #2590F3;font-weight: 600;margin-bottom: 20px;} #sub.history .con02 .his_conent .left .year_w{position: relative} #sub.history .con02 .his_conent .left .year_w .year{position: absolute;top: 0;left: 0;opacity: 0;transition: 0.5s} #sub.history .con02 .his_conent .left .year_w .year01{position: relative;} #sub.history .con02 .his_conent .left .year_w .year.on{opacity: 1} #sub.history .con02 .his_conent .left .year strong{font-size: 60px;color: #1A1A1A;font-weight: 700;display: block;line-height: 1;} #sub.history .con02 .his_conent .left .year i{display: inline-block;;width: 40px;} #sub.history .con02 .his_conent .left .his_image{border-radius: 10px;overflow: hidden;display: inline-block;margin-top: 30px;position: relative} #sub.history .con02 .his_conent .left .his_image .img{position: absolute;top: 0;left: 0;transform: translateY(100%);transition: 0.5s} #sub.history .con02 .his_conent .left .his_image .img01{position: relative;} #sub.history .con02 .his_conent .left .his_image .img.on{transform: translateY(0)} #sub.history .con02 .his_conent .left .his_image img{display: block;} #sub.history .con02 .his_conent > div , #sub.history .con02 .his_conent .right{flex: 1;} #sub.history .con02 .his_conent .line{position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #E4E9EC;} #sub.history .sub_con{padding-bottom: 0;} #sub.business .con02{margin-bottom: 160px;} #sub.business .con02 ul{display: flex;gap: 22px;} #sub.business .con02 ul li{width: calc(25% - 17.5px);background-color: #F5F6F8;border-radius: 10px;padding: 30px;padding-right: 10px;} #sub.business .con02 ul li i{display: block;margin-bottom: 35px;} #sub.business .con02 ul li i svg{display: block;} #sub.business .con02 ul li strong{display: block;;font-size: 24px;color: #222222;margin-bottom: 10px;} #sub.business .con02 ul li span{display: block;;font-size: 17px;color: #2590F3;font-weight: 500;margin-bottom: 30px;} #sub.business .con02 ul li p{font-size: 17px;color: #5C657A;line-height: 28px;;word-break: keep-all;letter-spacing: -1%;} #sub.business .con03{padding: 160px 0;background-color: #F6F9FB;} #sub.business .con03 ul{display: flex;flex-wrap: wrap;gap: 40px 20px} #sub.business .con03 ul li{width: calc(33.33% - 13.33333333333333px);} #sub.business .con03 ul li .img img{display: block;transform: translateY(30px);width: 100%;transition: 0.5s} #sub.business .con03 ul li:hover .img img{transform: translateY(0)} #sub.business .con03 ul li .img{border-radius: 20px;background-color: #FFFFFF;overflow: hidden;position: relative;} #sub.business .con03 ul li .img i{position: absolute;right: 20px;bottom: 20px;opacity: 0;transition: 0.5s} #sub.business .con03 ul li:hover .img i{opacity: 1} #sub.business .con03 ul li .img i svg{display: block;} #sub.business .con03 ul li .title{display: flex;;justify-content: space-between;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #E8E8E8; margin-top: 25px; } #sub.business .con03 ul li .title strong{display: block;font-family: "Red Hat Display", sans-serif;font-size: 24px;} #sub.business .con03 ul li .title span{display: flex;height: 36px;align-items: center;background-color: #EFF7FF;border-radius: 7px;padding: 0 15px;font-size: 15px;color: #2590F3;font-weight: 600;} /*#sub.business .con03 ul li .title strong{display: block;font-size: 20px;color: #000000;font-weight: 700;margin-bottom: 7px;}*/ #sub.business .con03 ul li p{font-size: 17px;line-height: 24px;color: #8D9198;;} #main .main_con01 .swiper .txt .info{ padding-top: 25px; } #sub.business .con03 ul li .info div{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 20px;} #sub.tech .con01 .more a span{font-family: inherit} #sub.business .con03 ul li strong{ font-size: 18px; color: #303030; font-weight: 600; } #sub.business .con03 ul li .info{ display:flex; flex-flow: column; gap: 8px; margin-top: 20px } #sub.business .con03 ul li .info div span{display: flex;height: 39px;align-items: center;border: 1px solid #2590F3;padding: 0 20px;font-size: 15px;color: #2590F3;font-weight: 500;border-radius: 20px;} #sub.business .con04{padding-top: 160px;} #sub.business .con04 ul {display: flex;gap: 20px} #sub.business .con04 ul li {flex: 1;} #sub.business .con04 ul li .wr{border: 1px solid #DCE6EC;border-radius: 10px;padding: 30px;transition: 0.5s} #sub.business .con04 ul li:hover .wr{border-color: #2590F3} #sub.business .con04 ul li .wr strong{display: block;;font-size: 24px;color: #222222;margin-bottom: 20px;} #sub.business .con04 ul li .wr p{font-size: 17px;line-height: 28px;color: #5C657A;letter-spacing: -0.5px;;} #sub.business .con04 ul li .wr .icon_w{display: flex;justify-content: space-between;margin-bottom: 75px;} #sub.business .con04 ul li .wr .icon_w img{display: block;} #sub.business .con04 ul li .wr .icon_w i{display: block;opacity: 0;transition: 0.5s} #sub.business .con04 ul li:hover .wr .icon_w i{opacity: 1} #sub .s_title2_mb{margin-bottom: 50px;} #sub.business .con05{background-color: #F5F6F8;border-radius: 8px;margin-bottom: 120px;} #sub.business .con05 ul{display: flex;height: 88px;padding: 0 60px;align-items: center;} #sub.business .con05 ul li{flex: 1;display: flex;;align-items: center;font-size: 18px;color: #4B4E5E;gap: 40px} #sub.business .con05 ul li span{display: flex;font-size: 18px;color: #2590F3;font-weight: 600;gap: 10px;align-items: center;} #sub.business .con05 ul li span:before{content: '';display: block;width: 4px;height: 4px;background-color: #2590F3;border-radius: 50%;} #sub.gal_list .list ul{display: flex;flex-wrap: wrap;gap: 70px 30px} #sub.gal_list .list ul li{width: calc(33.33% - 20px);} #sub.gal_list .list ul li a{display: block;position: relative;} #sub.gal_list .list ul li .wrap{display: block;} #sub.gal_list .list ul li .wrap .img{position: relative;border-radius: 12px;overflow: hidden;position: relative; aspect-ratio: 16 / 9; } #sub.gal_list .list ul li .wrap .img:before{content: '';display: block;;width: 100%;height: 40%;position: absolute;top: 0;left: 0;background: linear-gradient(to bottom, #0F325A, #0F325A00);;opacity: 0.15;} #sub.gal_list .list ul li .wrap .img:after{content: '';display: block;;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #0F325A;mix-blend-mode: multiply;transition: 0.5s;opacity: 0} #sub.gal_list .list ul li .wrap:hover .img:after{opacity: 0.5;} #sub.gal_list .list ul li .wrap .img .tag{position: absolute;top: 28px;left: 28px;z-index: 5} #sub.gal_list .list ul li .wrap .img .tag span{display: flex;height: 39px;border: 1px solid #FFFFFF;padding: 0 20px;border-radius: 50px;align-items: center;font-size: 15px;color: #FFFFFF;font-weight: 500;} #sub.gal_list .list ul li .wrap .img i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: 0.5s;z-index: 5} #sub.gal_list .list ul li .wrap:hover .img i{opacity: 1} #sub.gal_list .list ul li .wrap .img i svg{display: block;} #sub.gal_list .list ul li .wrap .img img{display: block;width: 100%;transition: 0.5s} #sub.gal_list .list ul li .wrap:hover .img img{transform: scale(1.1)} #sub.gal_list .list ul li .wrap .txt{padding-top: 20px;} #sub.gal_list .list ul li .wrap .txt p{font-size: 17px;color: #8D9198;margin-top: 15px;word-break: keep-all;line-height: 1.5;} #sub.gal_list .list ul li .wrap .txt strong{display: block;font-size: 22px;color: #000000;font-weight: 700;} #sub.gal_view .view_content .title{padding-bottom: 40px;border-bottom: 2px solid #1A1A1A;margin-bottom: 20px;} #sub.gal_view .view_content .title strong{font-size: 30px;color: #1A1A1A;display: block;margin-bottom: 20px;} #sub.gal_view .view_content .title p{font-size: 18px;color: #4B4E5E;} #sub.gal_view .view_content .content{padding: 40px;background-color: #F6F9FB;border-radius: 8px;min-height: 400px;;margin-bottom: 20px;} #sub.gal_view .more{border-top: 1px solid #EBEBEB;padding-top: 60px;display: flex;justify-content: center;} #sub.service .s_title2{margin-bottom: 0;align-items: center} #sub.service .s_title_wrap{flex-wrap: wrap;} #sub.service .s_title_wrap > div{flex: none;width: 50%;} #sub.service .s_title_wrap .img_box {margin-top: 120px;width: 100%;} #sub.service .s_title_wrap .img_box div{border-radius: 10px;overflow: hidden;;} #sub.service .s_title_wrap .img_box div img{display: block;max-width: 100%;} #sub.service .s_title2_txt{padding-top: 50px;;} #sub.service .con02 {padding: 145px 0;} #sub.service .con02.con02_01{background-color: #F6F9FB;margin-top: 175px;} #sub.service .con02.con02_02{padding-bottom: 0;;} #sub.service .con02 .title{padding-top: 120px;margin-bottom: 40px;} #sub.service .con02 .title strong{display: block;font-size: 28px;color: #1A1A1A;line-height: 36px;;} #sub.service .con02 .list ul{display: flex;gap: 20px} #sub.service .con02 .list ul li{flex: 1;} #sub.service .con02 .list ul li .wrap{padding: 30px;height: 100%;background-color: #fff;border-radius: 10px;border: 1px solid #E3E8EC;} #sub.service .con02 .list ul li .wrap i{display: block;margin-bottom: 60px;;} #sub.service .con02 .list ul li .wrap strong{display: block;font-size: 24px;color: #222222;margin-bottom: 20px;} #sub.service .con02 .list ul li .wrap p{font-size: 18px;color: #4B4E5E;line-height: 32px;letter-spacing: -0.5px} #sub.service .con02 .info{margin-top: 40px;display: flex;justify-content: flex-end} #sub.service .con02 .info p{font-size: 17px;color: #7C878E;line-height: 28px} #sub.brand .ci_title{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 2px solid #1A1A1A} #sub.brand .ci_title strong{display: flex;font-size: 22px;color: #1A1A1A;align-items: center;gap: 8px} #sub.brand .ci_title strong:before{content: '';display: block;width: 6px;height: 6px;border: 1.5px solid #2590F3;border-radius: 50%;box-sizing: border-box} #sub.brand .con02{background: url(/img/sub/brand_bg.png);padding: 140px 0;} #sub.brand .con02 .img{display: flex;justify-content: center;margin-top: 100px;} #sub.brand .con03{padding-top: 90px;} #sub.brand .con03 .col_w{display: flex;flex-direction: column;gap: 24px;} #sub.brand .con03 .col{display: flex;} #sub.brand .con03 .col ul{display: flex;gap: 24px} #sub.brand .con03 .col ul li{flex: 1;border-radius: 10px;overflow: hidden;;} #sub.brand .con03 .col ul li img{display: block;width: 100%;} #sub.brand .con03 .col .right{width: 410px;display: flex;flex-direction: column;justify-content: center;border-left: 1px solid #D2DADF;padding-left: 40px;} #sub.brand .con03 .col .right strong{display: block;font-size: 18px;color: #1A1A1A;margin-bottom: 20px;} #sub.brand .con03 .col .left{width: calc(100% - 410px);padding-right: 85px;} #sub.brand .con03 .col .left i{height: 180px;display: block;background: transparent linear-gradient(270deg, #62B5E5 0%, #3E87CB 100%) 0% 0% no-repeat padding-box;border-radius: 10px;} #sub.brand .con04{padding-top: 140px;} #sub.brand .con04 .img_w{width: calc(100% - 160px);margin: 0 auto;} #sub.brand .con04 .img_w div img{display: block;} #sub.brand .con04 .img_w div {border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;;} #sub.brand .con05{padding-top: 140px;} #sub.brand .con05 ul{display: flex;gap: 20px} #sub.brand .con05 ul li{flex: 1;padding: 35px;border-radius: 10px;background-color: #F5F6F8;} #sub.brand .con05 ul li i{display: block;margin-bottom: 30px;} #sub.brand .con05 ul li i svg{display: block;} #sub.brand .con05 ul li strong{font-size: 24px;color: #222222;display: block;margin-bottom:8px;;} #sub.brand .con05 ul li span{font-size: 17px;color: #2590F3;margin-bottom: 30px;display: block;font-family: "Red Hat Display", sans-serif;} #sub.brand .con05 ul li p{font-size: 17px;color: #5C657A;line-height: 26px;} #sub.tech .con01{display: flex;justify-content: space-between;align-items: center;margin-bottom: 140px;} #sub.tech .con01 .left ul{display: flex;gap: 14px} #sub.tech .con01 .left ul li:nth-child(2) a{background: #000F4B} #sub.tech .con01 .right {padding-right: 120px;} #sub.tech .con01 .right .product{width: 600px;height: 600px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #2194FF;} #sub.tech .con02{background-color: #F6F9FB;padding: 160px 0;} #sub.tech .con02 ul{display: flex;gap: 30px;} #sub.tech .con02 ul li{flex: 1;background-color: #FFFFFF;height: 200px;border-radius: 10px;border: 1px solid #2590F3;display: flex;flex-direction: column;justify-content: space-between;padding: 35px;} #sub.tech .con02 ul li span{dominant-baseline: text-bottom;font-family: "Red Hat Display", sans-serif;font-weight: 700;font-size: 24px;color: #2590F3;} #sub.tech .con02 ul li strong{font-size: 24px;color: #222222;line-height: 1.5;;} #sub.tech .con03{padding: 160px 0;} #sub.tech .con03 .cont{display: flex;align-items: center;;} #sub.tech .con03 .cont .left div{border-radius: 8px;overflow: hidden;;} #sub.tech .con03 .cont .left div img{display: block;} #sub.tech .con03 .cont .right{padding-left: 60px;} #sub.tech .con03 .cont .right span{display: flex;width: 100px;height: 40px;background-color: #EFF7FF;border-radius: 7px;align-items: center;justify-content: center;font-size: 16px;color: #2590F3;margin-bottom: 14px;} #sub.tech .con03 .cont .right strong{font-size: 28px;color: #222222;display: block;margin-bottom: 30px;} #sub.tech .con03 .cont .right ul{display: flex;flex-direction: column;gap: 20px} #sub.tech .con03 .cont .right ul li{display: flex;align-items: center;gap: 10px;font-size: 20px;color: #4B4E5E;} #sub.tech .con03 .cont:last-child{margin-top: 80px;padding-top: 80px;border-top: 1px solid #EBEBEB;;;} #sub.tech .con04{background-color: #F6F9FB;padding: 160px 0;} #sub.tech .con04 ul{display: flex;gap: 30px} #sub.tech .con04 ul li .img{border-radius: 20px;border: 1px solid #D4DEE5;overflow: hidden;;} #sub.tech .con04 ul li .img img{display: block;width: 100%;} #sub.tech .con04 ul li .txt{padding-top: 25px;} #sub.tech .con04 ul li .txt strong{display: block;font-size: 24px;color: #000000;font-family: "Red Hat Display", sans-serif;margin-bottom: 15px;} #sub.tech .con04 ul li .txt p{font-size: 18px;color: #3F5365;margin-bottom: 10px;} #sub.tech .con04 ul li .txt span{font-size: 17px;color: #8D9198;} #sub.tech .con04 ul li .txt div{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 20px;} #sub.tech .con04 ul li .txt div i{display: flex;height: 39px;align-items: center;border: 1px solid #2590F3;padding: 0 20px;font-size: 15px;color: #2590F3;font-weight: 500;border-radius: 20px;} #sub.tech .con05{padding: 160px 0;} #sub.tech .con05 ul{display: flex;gap: 30px} #sub.tech .con05 ul li img{width: 100%;display: block;} #sub.tech .con05 ul li .img{border-radius: 8px;overflow: hidden;;} #sub.tech .con05 ul li strong{display: block;font-size: 22px;color: #1A1A1A;} #sub.tech .con05 ul li .txt{padding-top: 30px;} #sub.tech .con05 ul li .txt p{font-size: 18px;color: #4B4E5E;margin-top: 15px;} #sub.tech .contact_content{width: calc(100% - 160px);margin: 0 auto;position: relative;border-radius: 10px;overflow: hidden;padding: 70px 0;} #sub.tech .contact_content .bg{position: absolute;z-index: -1;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;} #sub.tech .contact_content .tag{position: absolute;right: 0;bottom: 0;display: flex;align-items: center;gap: 25px} #sub.tech .contact_content .tag span{display: flex;font-size: 20px;color: #FFFFFF;font-weight: 600;} #sub.tech .contact_content .tag strong{font-size: 50px;color: #FFFFFF;font-weight: 900;font-family: "Red Hat Display", sans-serif;} #sub.tech .contact_content .s_inner{position: relative;} #sub.tech .con06{padding: 160px 0;background-color: #F6F9FB;} #sub.tech .con06 .list{background-color: #fff;padding: 50px;border-radius: 10px;border: 1px solid #DCE6EC;} #sub.tech .con06 .list .title{margin-bottom: 40px;} #sub.tech .con06 .list .title strong{display: block;font-size: 24px;color: #222222;} #sub.tech .con06 .list ul{display: flex;justify-content: center;} #sub.tech .con06 .list ul li{width: 220px;position: relative;} #sub.tech .con06 .list ul li:before{content: '';display: block;width: 250px;height: 250px;background-color: #2590F310;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);} #sub.tech .con06 .list ul li:nth-child(2n):before{background-color: #0046D110;} #sub.tech .con06 .list ul li .wrap{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 250px;position: relative;z-index: 15;} #sub.tech .con06 .list ul li .wrap strong{display: block;font-size: 30px;color: #2F3951;font-weight: 700;margin-top: 5px;} #sub.tech .con06 .list ul li .wrap p{font-size: 17px;color: #5C657A;margin-top: 10px;} #sub.tech .con02.con02_w{background-color: #fff;} #sub.tech .con02.con02_w ul li{height: 265px;border-color: #DCE6EC;} #sub.tech .con02.con02_w.con02_w2{background-color: #F6F9FB;padding-bottom: 90px;margin-top: 160px;} #sub.tech .con02.con02_w .img{border-radius: 10px;overflow: hidden;margin-bottom: 30px;} #sub.tech .con02.con02_w .img img{display: block;} #sub.tech .con02.con02_w ul li .label{display: flex;justify-content: space-between;align-items: center;;;} #sub.tech .con02.con02_w ul li .label em{display: flex;width: 114px;height: 47px;align-items: center;justify-content: center;border-radius: 50px;border: 1px solid #2590F3;font-size: 18px;font-weight: 600;color: #2590F3;align-items: center;justify-content: center;} #sub.tech .con12{background-color: #F6F9FB;padding-bottom: 160px;} #sub.tech .con12 .cont{padding-top: 90px;margin-top: 90px;border-top: 1px solid #DCE6EC;;;} #sub.tech .con12 .cont1{margin-top: 0;} #sub.tech .con12 .cont1 .wr{display: flex;background-color: #fff;border: 1px solid #DCE6EC;border-radius: 10px;padding: 35px;align-items: center;gap: 90px} #sub.tech .con12 .cont1 .wr .img img{display: block;} #sub.tech .con12 .cont1 .wr .img{border-radius: 8px;overflow: hidden;;} #sub.tech .con12 .cont1 .wr span{display: flex;width: 87px;height: 40px;border: 1px solid #2590F3;border-radius: 50px;align-items: center;justify-content: center;font-size: 18px;color: #2590F3;font-weight: 600;} #sub.tech .con12 .cont1 .wr strong{display: block;font-size: 20px;color: #222222;margin-top: 10px;} #sub.tech .con12 .cont1 ul{display: flex;gap: 30px} #sub.tech .con12 .cont1 ul li{flex: 1;} #sub.tech .con12 .cont1 ul li:nth-child(2) .wr{border-color: #2590F3;} #sub.tech .con12 .cont1 ul li:nth-child(2) .wr span{background: #2590F3;color: #fff;} #sub.tech .con12 .cont1 > .txt{height: 140px;border-radius: 10px;display: flex;align-items: center;justify-content: center;border-radius: 10px;background-color: #E3F2FF;margin-top: 20px;} #sub.tech .con12 .cont1 > .txt p{font-size: 20px;color: #4B4E5E;font-weight: 600;} #sub.tech .con12 .cont1 > .txt p b{font-weight: inherit;color: #2590F3;} #sub.tech .con12 .cont1 > .info{margin-top: 40px;display: flex;flex-wrap: wrap;gap: 10px 30px} #sub.tech .con12 .cont1 > .info p{font-size: 17px;color: #7C878E;} #sub.tech .con12 .cont2 .content{display: flex;gap: 30px} #sub.tech .con12 .cont2 .content img{display: block;max-width: 100%;} #sub.tech .con12 .cont2 .content svg{display: block;max-width: 100%;height: auto;} #sub.tech .con14 {padding-bottom: 160px;} #sub.tech .con14 .content{display: flex;gap: 50px} #sub.tech .con14 .content .txt{display: flex;height: 130px;flex-direction: column;justify-content: center;background-color: #EEF6F9;border-radius: 10px;padding: 0 30px;gap: 15px;margin-bottom: 40px;} #sub.tech .con14 .content .txt strong{display: block;font-size: 22px;color: #222222;} #sub.tech .con14 .content .txt p{font-size: 18px;color: #4B4E5E;line-height: 1.5;word-break: keep-all;;} #sub.tech .con14 .content svg{height: auto;width: 100%;} #sub.tech .con14 .content .table p{display: block;font-size: 18px;color: #4B4E5E;margin-top: 30px;} #sub.tech .con15{background-color: #F6F9FB;padding: 160px 0;margin-bottom: 160px;} #sub.tech .con15 .con_w{display: flex;flex-direction: column;gap: 80px} #sub.tech .con15 .con{padding-bottom: 80px;border-bottom: 1px solid #DCE6EC;} #sub.tech .con15 .con:last-child{border-bottom: none;padding-bottom: 0;;} #sub.tech .con15 .con ul{display: flex;gap: 30px} #sub.tech .con15 .con ul li{width: 100%;} #sub.tech .con15 .con ul li img{display: block;width: 100%;} #sub.tech .con15 .con ul li .img{border-radius: 8px;overflow: hidden;;} #sub.tech .con15 .con ul li strong{display: block;font-size: 22px;color: #1A1A1A;margin-top: 20px;font-weight: 600;} #sub.tech .con15 .con .tit{margin-bottom: 30px;} #sub.tech .con15 .con .tit strong{display: block;font-size: 26px;color: #1A1A1A;} #sub.tech .s_title3{margin-bottom: 40px;} #sub.tech .s_title3 strong{display: block;font-size: 26px;color: #1A1A1A;} #sub.tech .s_title3 p{font-size: 18px;color: #4B4E5E;line-height: 30px;margin-top: 20px;} #sub.tech .con02 ul li p{font-size: 17px;color: #5C657A;line-height: 28px;margin-top: 20px;letter-spacing: -0.5px;} #sub.tech .con07 ul{display: flex;flex-wrap: wrap;gap: 30px} #sub.tech .con07 ul li{width: calc(25% - 22.5px);} #sub.tech .con07 ul li .wr{height: 270px;padding: 35px;border: 1px solid #DCE6EC;border-radius: 10px;display: flex;flex-direction: column;justify-content: space-between;} #sub.tech .con07 ul li .wr strong{display: block;font-size: 24px;color: #222222;} #sub.tech .con07 ul li .wr p{font-size: 17px;color: #5C657A;margin-top: 10px;} #sub.tech .con08{padding: 180px 0;background-color: #F6F9FB;margin-top: 160px;} #sub.tech .title_cont{display: flex;justify-content: space-between;padding-right: 110px;} #sub.tech .title_cont ul{display: flex;gap: 120px} #sub.tech .title_cont ul li{height: 160px;display: flex;flex-direction: column;justify-content: space-between;padding-left: 40px;border-left: 1px solid #D2DADF;;} #sub.tech .title_cont ul li span{color: #2590F3;font-size: 18px;font-weight: 600;} #sub.tech .title_cont ul li p{font-size: 20px;color: #4B4E5E;font-weight: 500;margin-bottom: 12px;} #sub.tech .title_cont ul li strong{font-size: 20px;color: #000F4B;font-weight: 600;} #sub.tech .title_cont ul li strong b{font-size: 47px;color: #000F4B;font-weight: 600;} #sub.tech .con08 .list ul{display: flex;gap: 20px} #sub.tech .con08 .list ul li .img img{display: block;max-width: 100%;} #sub.tech .con08 .list ul li .img{border-radius: 8px;overflow: hidden;border: 1px solid #D4DEE5;} #sub.tech .con08 .list ul li strong{display: block;font-size: 22px;color: #1A1A1A;margin-top: 20px;} #sub.tech .con09{background-color: #F6F9FB;padding: 160px 0;} #sub.tech .con09 .list ul{display: flex;gap: 30px} #sub.tech .con09 .list .info{margin-top: 50px;} #sub.tech .con09 .list .info p{font-size: 17px;color: #7C878E;} #sub.tech .con09.con09_01 .list ul li:last-child{border-color: #2590F3} #sub.tech .con09 .list ul li{padding: 35px;border: 1px solid #DCE6EC;border-radius: 10px;background-color: #fff;} #sub.tech .con09 .list ul li img{max-width: 100%;} #sub.tech .con09 .list ul li .txt{margin-top: 50px;} #sub.tech .con09 .list ul li .txt em{display: block;font-size: 20px;color: #2590F3;line-height: 32px;font-weight: 600;} #sub.tech .con09 .list ul li .tit{display: flex;;justify-content: space-between;align-items: center;;} #sub.tech .con09 .list ul li .tit div{display: flex;gap:10px} #sub.tech .con09.con09_01 .list ul li {position: relative} #sub.tech .con09.con09_01 .list ul li > i{position: absolute;right: 0;top: 50%;transform: translate(calc(100% + 1px), -50%)} #sub.tech .con09.con09_01 .list ul li .tit{flex-direction: column;justify-content: start;align-items: start;gap: 10px} #sub.tech .con09.con09_01 .list ul li .txt{margin-top: 20px;} #sub.tech .con09 .list ul li .tit span{height: 40px;padding: 0 16px;background-color: #EFF7FF;border-radius: 7px;display: flex;align-items: center;font-size: 16px;color: #2590F3;font-weight: 600;} #sub.tech .con09 .list ul li p{font-size: 17px;color: #5C657A;line-height: 28px;letter-spacing: -0.5px;margin-bottom: 30px;} #sub.tech .con09 .list ul li .tit div strong{font-size: 24px;color: #222222;} #sub.tech .con09 .list ul li .tit div i{font-size: 24px;color: #2590F3;font-weight: 900;} #sub.tech .con11{padding-top: 160px;} #sub.tech .con11 .list{display: flex;} #sub.tech .con11 .list ul{display: flex;flex-direction: column;gap: 10px;margin-top: 20px;} #sub.tech .con11 .list ul li{font-size: 18px;color: #4B4E5E;position: relative;padding-left: 11px;} #sub.tech .con11 .list ul li:before{content: '';display: block;width: 4px;height: 4px;background-color: #4B4E5E;position: absolute;left: 0;border-radius: 50%;top: 8px;} #sub.tech .con11 .txt_w{margin-top: 60px;background-color: #F5F7F9;height: 170px;display: flex;align-items: center;justify-content: center;border-radius: 10px;} #sub.tech .con11 .txt_w p{font-size: 22px;color: #4B4E5E;font-weight: 600;line-height: 38px;text-align: center;} #sub.tech .con11 .txt_w p b{color: #2590F3;font-weight: inherit;} #sub.tech .con11 .result{margin-top: 80px;padding-top: 80px;border-top: 1px solid #EBEBEB;;} #sub.tech .con11 .result .wr{display: flex;gap: 60px;align-items: center;} #sub.tech .con11 .result .wr img, #sub.tech .con11 .result .wr svg{max-width: 100%;height: auto;} #sub.tech .con11 .result strong{display: block;font-size: 26px;color: #1A1A1A;margin-bottom: 20px;} #sub.tech .con10{padding: 160px 0;} #sub.tech .con10 .con1 {margin-bottom: 80px;} #sub.tech .con10 .con1 ul{display: flex;gap: 20px;margin-top: 80px;} #sub.tech .con10 .con1 ul li{flex: 1;background-color: #F5F6F8;border-radius: 10px;padding: 30px;} #sub.tech .con10 .con1 ul li i{display: block;margin-bottom: 20px;} #sub.tech .con10 .con1 ul li span{display: block;;font-size: 24px;color: #D1DBF1;font-weight: 900;margin-bottom: 5px;} #sub.tech .con10 .con1 ul li strong{display: block;;font-size: 20px;color: #222222;font-weight: 600;} #sub.tech .con10 .con2{background-color: #F6F9FB;padding: 80px 0;} #sub.tech .con10 .con2 ul{display: flex;gap: 30px} #sub.tech .con10 .con2 ul:nth-child(1){margin-bottom: 80px;} #sub.tech .con10 .con2 ul li{flex: 1;} #sub.tech .con10 .con2 ul li strong{display: block;font-size: 22px;color: #1A1A1A;margin-top: 20px;} #sub.tech .con10 .con2 ul li p{display: block;;font-size: 18px;color: #5C657A;margin-top: 15px;} #sub.tech .con10 .con2 ul li .img {border-radius: 8px;overflow: hidden;;} #sub.tech .con10 .con2 ul li .img img{display: block;width: 100%;} #sub.tech .con10 .con3{padding-top: 85px;} #sub.tech .con10 .con3 ul{display: flex;gap: 30px} #sub.tech .con10 .con3 ul:nth-child(1){margin-bottom: 25px;} #sub.tech .con10 .con3 ul li{flex: 1;} #sub.tech .con10 .con3 ul li img{display: block;;width: 100%;} #sub.tech .con10 .con3 ul li .img{border-radius: 8px;overflow: hidden;;} #sub.tech .con10 .con3 ul li .tit{display: flex;flex-direction: column;justify-content: start;align-items: start;} #sub.tech .con10 .con3 ul li .tit i{height: 40px;padding: 0 16px;background-color: #EFF7FF;border-radius: 7px;display: flex;align-items: center;font-size: 16px;color: #2590F3;font-weight: 600;margin-bottom: 10px;} #sub.tech .con10 .con3 ul li .tit strong{display: block;font-size: 28px;color: #222222;} #sub.tech .con10 .con3 ul li .tit p{font-size: 18px;color: #5C657A;margin-top: 20px;} #sub.tech .con10 .con3 ul li .txt strong{display: block;font-size: 20px;color: #2590F3;font-weight: 600;margin-bottom: 30px;} #sub.tech .con10 .con3 ul li .txt > div{display: flex;gap: 30px} #sub.tech .con10 .con3 ul li .txt > div div:nth-child(1){padding-right: 80px;border-right: 1px solid #EBEBEB;} #sub.tech .con10 .con3 ul li .txt > div span{display: block;font-size: 18px;color: #8C8E9B;margin-bottom: 10px;} #sub.tech .con10 .con3 ul li .txt > div p{font-size: 18px;color: #4B4E5E;font-weight: 600;} #sub.product .con02{display: flex;justify-content: space-between;align-items: center;} #sub.product .con02 .left > strong{font-size: 40px;display: block;;margin-bottom: 30px;} #sub.product .con02 .left p{font-size: 22px;color: #4B4E5E;line-height: 34px;margin-bottom: 50px;} #sub.product .con02 .left ul{display: flex;gap: 45px} #sub.product .con02 .left ul li{display: flex;;flex-direction: column;align-items: center;} #sub.product .con02 .left ul li img{max-width: 120px} #sub.product .con02 .left ul li strong{display: block;;margin-top: 20px;font-size: 20px;color: #222222;} #sub.product .con03{background-color: #F6F9FB;padding: 140px 0;margin-top: 160px;} #sub.product .con03 .cont_w{display: flex;flex-wrap: wrap;justify-content: center;gap: 100px} #sub.product .con03 .cont{width: 1060px;padding-bottom: 100px;border-bottom: 1px solid #DBE5EC;} #sub.product .con03 .cont:last-child{padding-bottom: 0;border-bottom: none;} #sub.product .con03 .cont .title {display: flex;;flex-direction: column;align-items: center;justify-content: center;gap: 20px;margin-bottom: 40px;} #sub.product .con03 .cont .title span{display: flex;width: 125px;height: 47px;align-items: center;justify-content: center;border-radius: 50px;border: 1px solid #2590F3;font-size: 18px;color: #2590F3;font-weight: 600;} #sub.product .con03 .cont .title strong{font-size: 40px;color: #1A1A1A;line-height: 54px;text-align: center;} #sub.product .con03 .cont .edit{border-radius: 10px;overflow: hidden;;} #sub.product .con03 .cont .edit img{display: block;} #sub.product .con04 {padding-top: 140px;} #sub.product.sch .con04{padding-top: 0} #sub.product.sch .download{padding-bottom: 160px} #sub.product .con04 .list ul{display: flex;flex-wrap: wrap;gap: 30px} #sub.product .con04 .list ul li{width: calc(50% - 15px);} #sub.product .con04 .list ul li a{display: flex;height: 360px;overflow: hidden;position: relative;align-items: center;border: 1px solid #E0E4EB;border-radius: 10px;padding-left: 40px;} #sub.product .con04 .list ul li a .img_w{position: absolute;right: 0;bottom: 0;transform: translateY(30px);transition: 0.5s; height: 100%; aspect-ratio: 1/1; display:flex; align-items: flex-end; justify-content: center; } #sub.product .con04 .list ul li a:hover .img_w{transform: translateY(0)} #sub.product .con04 .list ul li a .img_w img{display: block;max-width: 360px} #sub.product .con04 .list ul li a .v_arr{position: absolute;bottom: 30px;right: 30px;z-index: 5;opacity: 0;transition: 0.5s} #sub.product .con04 .list ul li a:hover .v_arr{opacity: 1} #sub.product .con04 .list ul li a .txt{position: relative;z-index: 15;;} #sub.product .con04 .list ul li a .txt .tag{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 15px;} #sub.product .con04 .list ul li a .txt .tag span{height: 40px;padding: 0 16px;background-color: #EFF7FF;border-radius: 7px;display: flex;align-items: center;font-size: 16px;color: #2590F3;} #sub.product .con04 .list ul li a .tit{margin-bottom: 30px;} #sub.product .con04 .list ul li a .tit strong{display: block;font-size: 30px;color: #1A1A1A;margin-bottom: 10px;} #sub.product .con04 .list ul li a .tit p{font-size: 20px;color: #4B4E5E;} #sub.product .con04 .list ul li a .info{display: flex;;flex-direction: column;gap: 20px;} #sub.product .con04 .list ul li a .info > div{display: flex;align-items: center;} #sub.product .con04 .list ul li a .info > div > div{display: flex;gap:6px;} #sub.product .con04 .list ul li a .info span{display: block;;width: 80px;font-size: 18px;color: #4B4E5E;font-weight: 600;} #sub.product .con04 .list ul li a .info p{font-size: 18px;color: #8C8E9B;;} #sub.product .con04 .list ul li a .info i{height: 33px;padding: 0 14px;border-radius: 30px;display: flex;align-items: center;font-size: 16px;color: #2590F3;border: 1px solid #2590F3;font-size: 15px;font-weight: 600;} #sub .sub_visual .vis_txt > span{transform: translateX(70px);opacity: 0;transition: 1.2s} #sub .sub_visual.on .vis_txt > span{transform: translateX(0);opacity: 1;transition: 1.2s} #sub .sub_visual .vis_txt > strong{transform: translateX(70px);opacity: 0;transition: 1.2s} #sub .sub_visual.on .vis_txt > strong{transform: translateX(0);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub .sub_visual .breadcrumbs{transform: translateX(70px);opacity: 0;transition: 1.2s} #sub .sub_visual.on .breadcrumbs{transform: translateX(0);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub .s_title2{transform: translateY(70px);opacity: 0;} #sub .on .s_title2{transform: translateY(0px);opacity: 1;transition: 1.2s;} #sub .s_title2_txt{transform: translateY(70px);opacity: 0;} #sub .on .s_title2_txt{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con01 .right{transform: translateY(70px);opacity: 0;} #sub.tech .con01.on .right{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con09 .list ul li{transform: translateY(70px);opacity: 0;} #sub.tech .con09.on .list ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con09.on .list ul li:nth-child(2){transition-delay: 0.6s;} #sub.tech .con09.on .list ul li:nth-child(3){transition-delay: 0.9s;} #sub.tech .con09.on .list ul li:nth-child(4){transition-delay: 1.2s;} #sub.tech .con10 .bg{transform: translateY(70px);opacity: 0;} #sub.tech .con10 .bg{display: flex;justify-content: center;flex-wrap: nowrap} #sub.tech .con10 .bg div{border-radius: 10px;overflow: hidden;width: 1760px;max-width: 90vw} #sub.tech .con10 .on .bg{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con10 .con1 ul{transform: translateY(70px);opacity: 0;} #sub.tech .con10 .con1.on ul{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.tech .con10 .con2 ul{transform: translateY(70px);opacity: 0;} #sub.tech .con10 .con2.on ul{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con10 .con2.on ul:nth-child(1){transition-delay: 0s;} #sub.tech .con10 .con3 ul{transform: translateY(70px);opacity: 0;} #sub.tech .con10 .con3.on ul{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con10 .con3.on ul:nth-child(1){transition-delay: 0s;} #sub.service .s_title_wrap .img_box{transform: translateY(70px);opacity: 0;} #sub.service .s_title_wrap.on .img_box{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.service .con02 .title {transform: translateY(70px);opacity: 0;} #sub.service .con02.on .title{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.service .con02 .list ul{transform: translateY(70px);opacity: 0;} #sub.service .con02.on .list ul{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.9s;} #sub.service .con02 .info{transform: translateY(70px);opacity: 0;} #sub.service .con02.on .info{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 1.2s;} #sub.brand .con02 .img{transform: translateY(70px);opacity: 0;} #sub.brand .con02.on .img{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.brand .con03 .col{transform: translateY(70px);opacity: 0;} #sub.brand .con03.on .col{transform: translateY(0px);opacity: 1;transition: 1.2s;} #sub.brand .con03.on .col:nth-child(2){transition-delay: 0.3s;} #sub.brand .con04 .img_w {transform: translateY(70px);opacity: 0;} #sub.brand .con04.on .img_w {transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.brand .con05 ul li {transform: translateY(70px);opacity: 0;} #sub.brand .con05.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.brand .con05.on ul li:nth-child(2){transition-delay: 0.6s;} #sub.brand .con05.on ul li:nth-child(3){transition-delay: 0.9s;} #sub.brand .con05.on ul li:nth-child(4){transition-delay: 1.2s;} #sub.brand .con05.on ul li:nth-child(5){transition-delay: 1.5s;} #sub.history .con02 .his_conent .right .cont {transform: translateX(70px);opacity: 0;} #sub.history .con02 .his_conent .right .cont.on {transform: translateX(0px);opacity: 1;transition: 1.2s;} #sub.business .con02 ul li {transform: translateY(70px);opacity: 0;} #sub.business .con02.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.business .con02.on ul li:nth-child(2){transition-delay: 0.6s;} #sub.business .con02.on ul li:nth-child(3){transition-delay: 0.9s;} #sub.business .con02.on ul li:nth-child(4){transition-delay: 1.2s;} #sub.business .con02.on ul li:nth-child(5){transition-delay: 1.5s;} #sub.business .con04 ul li {transform: translateY(70px);opacity: 0;} #sub.business .con04.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.business .con04.on ul li:nth-child(2){transition-delay: 0.6s;} #sub.business .con04.on ul li:nth-child(3){transition-delay: 0.9s;} #sub.business .con04.on ul li:nth-child(4){transition-delay: 1.2s;} #sub.business .con04.on ul li:nth-child(5){transition-delay: 1.5s;} #sub.business .con03 ul{transform: translateY(70px);opacity: 0;} #sub.business .con03.on ul{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.business .con05 {transform: translateY(70px);opacity: 0;} #sub.business .con05.on{transform: translateY(0px);opacity: 1;transition: 1.2s;} #sub.product .con03 .cont .title{transform: translateY(70px);opacity: 0;} #sub.product .con03 .cont.on .title{transform: translateY(0px);opacity: 1;transition: 1.2s;;} #sub.product .con03 .cont .edit{transform: translateY(70px);opacity: 0;} #sub.product .con03 .cont.on .edit{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.product .con02 .right{max-width: 50%} #sub.product .con02 .left{transform: translateY(70px);opacity: 0;} #sub.product .con02.on .left{transform: translateY(0px);opacity: 1;transition: 1.2s;;} #sub.product .con02 .right{transform: translateY(70px);opacity: 0;} #sub.product .con02.on .right{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.product .con02 .right img{max-width: 100%;} #sub.cerf .con01 .txt{transform: translateY(70px);opacity: 0;} #sub.cerf .con01.on .txt{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.cerf .con03 ul li{transform: translateY(70px);opacity: 0;} #sub.cerf .con03.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.cerf .con03.on ul li:nth-child(2){transition-delay: 0.6s;} #sub.cerf .con03.on ul li:nth-child(3){transition-delay: 0.9s;} #sub.cerf .con04 ul li{transform: translateY(70px);opacity: 0;} #sub.cerf .con04.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.cerf .con04.on ul li:nth-child(2){transition-delay: 0.6s;} #sub.cerf .con04.on ul li:nth-child(3){transition-delay: 0.9s;} #sub.cerf .con04.on ul li:nth-child(4){transition-delay: 1.2s;} #sub.cerf .con04.on ul li:nth-child(5){transition-delay: 1.5s;} #sub.cerf .con04.on ul li:nth-child(6){transition-delay: 1.8s;} #sub.cerf .con04.on ul li:nth-child(7){transition-delay: 2.1s;} #sub.cerf .con04.on ul li:nth-child(8){transition-delay: 2.4s;} #sub.cerf .con04.on ul li:nth-child(9){transition-delay: 2.7s;} #sub.cerf .con05 .ce_list .ce_w{transform: translateY(70px);opacity: 0;} #sub.cerf .con05 .ce_list .ce_w.on{transform: translateY(0px);opacity: 1;transition: 1.2s;} #sub.cerf .con05 .ce_list .ce_w.on:nth-child(1){transition-delay: 0.3s;} #sub.tech .con06 .list{transform: translateY(70px);opacity: 0;} #sub.tech .con06.on .list{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.brand .ci_title{transform: translateY(70px);opacity: 0;} #sub.brand .on .ci_title{transform: translateY(0px);opacity: 1;transition: 1.2s;} #sub.tech .con02 ul li{transform: translateY(70px);opacity: 0;} #sub.tech .con02.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con02.on ul li:nth-child(2){transition-delay: 0.6s;} #sub.tech .con02.on ul li:nth-child(3){transition-delay: 0.9s;} #sub.tech .con02.on ul li:nth-child(4){transition-delay: 1.2s;} #sub.tech .con02.on ul li:nth-child(5){transition-delay: 1.5s;} #sub.tech .con07 ul li{transform: translateY(70px);opacity: 0;} #sub.tech .con07.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con07.on ul li:nth-child(2){transition-delay: 0.6s;} #sub.tech .con07.on ul li:nth-child(3){transition-delay: 0.9s;} #sub.tech .con07.on ul li:nth-child(4){transition-delay: 1.2s;} #sub.tech .con07.on ul li:nth-child(5){transition-delay: 1.5s;} #sub.tech .con07.on ul li:nth-child(6){transition-delay: 1.8s;} #sub.tech .con07.on ul li:nth-child(7){transition-delay: 2.1s;} #sub.tech .con07.on ul li:nth-child(8){transition-delay: 2.4s;} #sub.cerf .con ul{transform: translateY(70px);opacity: 0;} #sub.cerf .con.on ul{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .title_cont ul{transform: translateY(70px);opacity: 0;} #sub.tech .on .title_cont ul{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con08 .list{transform: translateY(70px);opacity: 0;} #sub.tech .con08.on .list{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.tech .con03 .cont{transform: translateY(70px);opacity: 0;} #sub.tech .con03 .cont.on{transform: translateY(0px);opacity: 1;transition: 1.2s;;} #sub.tech .con04 ul li{transform: translateY(70px);opacity: 0;} #sub.tech .con04.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con04.on ul li:nth-child(2){transition-delay: 0.6s;} #sub.tech .con04.on ul li:nth-child(3){transition-delay: 0.9s;} #sub.tech .con04.on ul li:nth-child(4){transition-delay: 1.2s;} #sub.tech .con05 ul li{transform: translateY(70px);opacity: 0;} #sub.tech .con05.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.tech .con05.on ul li:nth-child(2){transition-delay: 0.6s;} #sub.product .con03 .cont .edit img{max-width: 100%;} #sub.tech .con02.con02_w .img img{width: 100%;} #product_popup .pop_in .pop_w .img_w{width: 600px;display: flex;align-items: center;justify-content: center} #product_popup .pop_in .pop_w .img_w img{width: 100%} @media (max-width: 1620px) { #sub .s_inner{width: 100%;padding: 0 20px;} #sub.cerf .con01{gap: 0;justify-content: space-between;} #sub.cerf .con03 ul li p br{display: none;} #sub.cerf .con03 ul li p{word-break: keep-all;} #sub.business .con04 ul li{flex: auto;} #sub.business .con04 ul{gap: 15px;flex-wrap: wrap;} #sub.business .con04 ul li{width: calc(33.33% - 10px);} #sub.business .con04 ul li .wr{height: 100%;} #sub.service .con02 .list ul{flex-wrap: wrap;gap: 15px} #sub.service .con02 .list ul li{width: calc(33.33% - 10px);flex: auto;} #sub.tech .con01 .right{padding-right: 0;} #sub.tech .con02 ul li strong{word-break: keep-all;} #sub.tech .con11 .list{gap: 30px} #sub.tech .con11 .list > div{width:calc(33.33% - 20px);} #sub.tech .con11 .list .img{overflow: hidden;border-radius: 10px;} #sub.tech .con12 .cont1 .wr{gap: 20px} #product_popup .pop_in .pop_w .text_content{padding: 40px 20px} #product_popup .pop_in .pop_w .img_w{align-items: center;display: flex;background: #F5F7F9} #sub.history .con02 .his_conent .left .his_image img{width: 450px} #sub.history .con02 .his_conent .left{padding-right: 20px} #sub.history .con02 .his_conent .left .year strong{font-size: 40px} #sub.history .con02 .his_conent .right{padding-left: 80px} #sub.history .con02 .his_conent .right ul li p, #sub.history .con02 .his_conent .right ul li span{font-size: 16px;} #sub.history .con02 .his_conent .right ul{gap: 20px} } @media (max-width: 1450px) { #product_popup .pop_in .pop_w{width: 900px} #product_popup .pop_in .pop_w .img_w img{width: 100%} #sub.tech .con09 .list ul li .tit{flex-direction: column;gap: 5px} #sub.tech .con09 .list ul li{padding: 20px;} #sub.tech .con01{flex-direction: column;text-align: center;gap: 40px} #sub.tech .con03 .cont .left div img{max-width: 100%;} #sub.tech .con03 .cont .right ul li{line-height: 1.5;word-break: keep-all;;} #sub.tech .con09 .list ul{gap: 10px} #sub.tech .con09 .list ul li p{word-break: keep-all;} #sub.tech .con09 .list ul li p br{display: none;} } @media (max-width: 1060px) { #sub.history .s_title_wrap{margin-bottom: 60px} #sub.history .con02 .his_conent .right ul li span{width: 80px} #sub.history .con02 .his_conent .right ul li p { width: calc(100% - 80px);} #sub.history .con02 .his_conent .right ul li p, #sub.history .con02 .his_conent .right ul li span{font-size: 14px;} #sub.history .con02 .his_conent .right{padding-left: 40px;padding-top: 60px;padding-bottom: 60px} #sub.history .con02 .his_conent .right ul{gap: 10px} #sub.history .con02 .his_conent .right{gap: 60px} #sub.history .con02 .his_conent .left{display: none} #sub.tech .con09.con09_01 .list ul li > i{display: none} #product_popup .pop_in .pop_w .img_w{width: 400px} #product_popup .pop_in .pop_w .text_content .tables em{font-size: 11px;margin-top: 10px;line-height: 1.5} #product_popup .pop_in .pop_w .text_content .tables ul li p{font-size: 13px;line-height: 1.5;padding-left: 10px} #product_popup .pop_in .pop_w .text_content .tables ul li span{width: 100px;padding-left: 10px;font-size: 13px} #product_popup .pop_in .pop_w .text_content .tables > strong{font-size: 14px;margin-bottom: 10px} #product_popup .pop_in .pop_w .text_content .title .ks > em{font-size: 12px} #product_popup .pop_in .pop_w .text_content .title .ks{padding-top: 10px;padding-bottom: 15px} #product_popup .pop_in .pop_w .text_content .title .tag{margin-bottom: 10px} #product_popup .pop_in .pop_w .text_content .title .tag span{height: 25px;font-size: 13px;} #product_popup .pop_in .pop_w .text_content .title strong{font-size: 20px;margin-bottom: 10px} #product_popup .pop_in .pop_w .text_content .title p{font-size: 13px;line-height: 1.5} #sub.tech .con15{margin-bottom: 60px;} #sub.tech .con15 .con_w{gap: 40px} #sub.tech .con15 .con{padding-bottom: 40px;} #sub.tech .con15 .con ul li strong{font-size: 15px;margin-top: 15px;} #sub.tech .con15 .con ul{gap: 10px} #sub.tech .con15 .con .tit strong{font-size: 18px;} #sub.tech .con15 .con .tit{margin-bottom: 20px;} #sub.tech .con15{padding: 60px 0 ;} #sub.tech .con14{padding-bottom: 60px;} #sub.tech .con11 .list{gap: 15px} #sub.tech .con11 .list > div { width: calc(33.33% - 10px); } #sub.service .con02 .info p{font-size: 13px;line-height: 1.5} #sub.tech .con11{padding-top: 60px;} #sub.tech .con09 .list .info{margin-top: 0;} #sub.tech .con14 .content .txt{margin-bottom: 20px;} #sub.tech .con14 .content .table p, #sub.tech .con09 .list .info p{font-size: 12px;margin-top: 10px;;} #sub.tech .con14 .content .txt{height: 90px;gap: 10px;padding: 0 20px;} #sub.tech .con14 .content .txt strong{font-size: 16px;;;} #sub.tech .con14 .content .txt p{font-size: 13px;line-height: 1.5;word-break: keep-all;;} #sub.tech .con14 .content{gap: 10px} #sub.tech .con02.con02_w ul li .label em{width: 80px;height: 30px;font-size: 12px;} #sub.tech .con12{padding-bottom: 60px;} #sub.tech .con12 .cont{margin-top: 40px;} #sub.tech .s_title3 strong{font-size: 20px;} #sub.tech .con12 .cont1 > .info p{font-size: 12px;line-height: 1.5;word-break: keep-all;} #sub.tech .con12 .cont1 > .info{margin-top: 15px;} #sub.tech .con12 .cont1 > .txt{height: auto;padding: 20px;text-align: center;} #sub.tech .con12 .cont1 > .txt p{font-size: 14px;word-break: keep-all;line-height: 1.5;;;} #sub.tech .s_title3{margin-bottom: 20px;} #sub.tech .s_title3 p{font-size: 14px;line-height: 1.5;margin-top: 10px;;} #sub.tech .con12 .cont1 ul{gap: 10px} #sub.tech .con12 .cont1 .wr span{height: 30px;font-size: 13px;width: 45px;} #sub.tech .con12 .cont1 .wr strong{font-size: 15px;} #sub.tech .con12 .cont1 .wr .img img {width: 160px;} #sub.tech .con12 .cont1 .wr{padding: 20px;} #sub.tech .con02.con02_w.con02_w2{margin-top: 60px;padding-bottom: 40px;;} #sub.tech .con12 .cont{padding-top: 40px;} #sub.tech .con11 .result strong{font-size: 17px;;} #sub.tech .con11 .result .wr{gap: 10px} #sub.tech .con11 .result{margin-top: 40px;padding-top: 40px;;} #sub.tech .con11 .txt_w{margin-top: 30px;height: auto;padding: 20px;} #sub.tech .con11 .txt_w p{font-size: 15px;line-height: 1.5;;} #sub.tech .con11 .list ul{gap: 5px;margin-top: 15px;} #sub.tech .con11 .list ul li{font-size: 13px;line-height: 1.5;;} #sub.tech .con09{padding: 60px 0;} #sub.tech .con09 .list ul li .txt{margin-top: 20px;} #sub.tech .con09 .list ul li .tit span{height: 30px;font-size: 14px;padding: 0 7px;} #sub.tech .con09 .list ul li .tit div i, #sub.tech .con09 .list ul li .tit div strong{font-size: 16px;} #sub.tech .con09 .list ul li p{font-size: 13px;line-height: 1.5;margin-bottom: 10px;} #sub.tech .con08 .list ul{gap: 8px} #sub.tech .con08 .list ul li strong{font-size: 13px;margin-top: 10px;} #sub.tech .contact_content{width: calc(100% - 40px);} #sub.tech .con04, #sub.tech .con05{padding: 60px 0;} #sub.tech .con04 ul li .img{border-radius: 10px;} #sub.tech .con05 ul li strong{font-size: 15px;} #sub.tech .con05 ul li .txt p{font-size: 13px;margin-top: 10px;;} #sub.tech .con04 ul, #sub.tech .con05 ul{gap: 10px} #sub.tech .con04 ul li .txt, #sub.tech .con05 ul li .txt{padding-top: 15px;} #sub.tech .con04 ul li .txt strong{font-size: 16px;margin-bottom: 5px;;} #sub.tech .con04 ul li .txt p{font-size: 14px;margin-bottom: 5px;;} #sub.tech .con04 ul li .txt span{font-size: 13px;} #sub.tech .con04 ul li .txt div i{height: 30px;font-size: 13px;padding: 0 7px;} #sub.tech .con03 .cont:last-child{margin-top: 30px;padding-top: 30px;;} #sub.tech .con03 .cont .right span{height: 30px;font-size: 13px;width: 80px;} #sub.tech .con03 .cont .right strong{font-size: 19px;margin-bottom: 15px;;} #sub.tech .con03 .cont .right ul{gap: 10px} #sub.tech .con03 .cont .right ul li svg{width: 20px;height: auto;} #sub.tech .con03 .cont .right{padding-left: 40px;} #sub.tech .con03 .cont .right ul li{font-size: 14px;} #sub.tech .con02, #sub.tech .con03{padding: 60px 0;} #sub.tech .con02 ul li{height: 130px;} #sub.tech .con02 ul{gap: 10px} #sub.tech .con02 ul li span{font-size: 16px;} #sub.tech .con02 ul li{padding: 20px;} #sub.tech .con02 ul li strong{font-size: 16px;line-height: 1.5;;} #sub.product .con04 .list ul li a{padding-left: 20px;} #sub.product .con04 .list ul li a .tit{margin-bottom: 12px;} #sub.product .con04 .list ul li a .v_arr{display: none;} #sub.product .con04 .list ul li a{height: 200px;} #sub.product .con04 .list ul li a .info{gap: 7px} #sub.product .con04 .list ul li a img{height: 200px;} #sub.product .con04 .list ul li a .txt .tag{margin-bottom: 7px;} #sub.product .con04 .list ul li a .tit strong{font-size: 22px;} #sub.product .con04 .list ul li a .tit p{font-size: 14px;} #sub.product .con04 .list ul li a .info span{font-size: 13px;width: 60px;} #sub.product .con04 .list ul li a .info p{font-size: 13px;} #sub.product .con04 .list ul li a .info i{height: 22px;font-size: 12px;background-color: #fff;} #sub.product .con04 .list ul li a .txt .tag span{height: 27px;font-size: 12px;padding: 0 5px;} #sub.product .con04 .list ul li{width: 100%;} #sub.product .con03 .cont .title strong{font-size: 26px;line-height: 1.5;;} #sub.product .con02 .left > strong{font-size: 28px;margin-bottom: 15px;} #sub.product .con02 .left > p{font-size: 14px;line-height: 1.5;;} #sub.product .con02 .left ul{gap: 20px} #sub.product .con02 .left ul svg{width: 60px;height: auto;} #sub.product .con02 .left ul{gap: 10px} #sub.product .con02 {gap: 25px} #sub.product .con03{padding: 60px 0;margin-top: 60px;} #sub.product .con03 .cont_w{gap: 40px} #sub.product .con03 .cont{padding-bottom: 40px;} #sub.product .con03 .cont .title {gap: 10px;margin-bottom: 20px;} #sub.product .con03 .cont .title span{width: 90px;height: 36px;font-size: 13px;} #sub.product .con02 .left{text-align: center;} #sub.product .con02 .left ul li strong{font-size: 14px;margin-top: 15px;;} #sub.product .con02 .left ul li{max-width: 100%} #sub.product .con02{flex-direction: column;} #sub.product .con03 .cont{width: 100%;} #sub.service .s_title_wrap > div{width: 100%;} #sub.service .con02 .list ul li .wrap i{margin-bottom: 20px;} #sub.service .con02 .list ul li .wrap{padding: 20px;} #sub.service .con02 .list ul li .wrap i svg{width: 45px;height: auto;} #sub.service .con02 .list ul li .wrap strong{font-size: 17px;margin-bottom: 10px;;} #sub.service .con02 .list ul li .wrap p{font-size: 13px;line-height: 1.5;;} #sub.service .con02 .title{padding-top: 30px;margin-bottom: 20px;} #sub.service .con02 .title strong{font-size: 16px;line-height: 1.5;;} #sub.service .con02{padding: 60px 0;} #sub.service .con02.con02_01{margin-top: 60px;} #sub.service .s_title_wrap .img_box{margin-top: 25px;} #sub.service .s_title2_txt{padding-top: 20px;} #sub.business .con04 ul li .wr{padding: 20px;} #sub.business .con04 ul li .wr .icon_w{margin-bottom: 20px;} #sub.business .con04 ul li .wr .icon_w img {width: 70px;} #sub.business .con04 ul li .wr .icon_w i{display: none;} #sub.business .con04 ul li .wr p br{display: none;} #sub.business .con04 ul li .wr strong{font-size: 16px;margin-bottom: 10px;} #sub.business .con04 ul li .wr p{font-size: 14px;word-break: keep-all;line-height: 1.5;} #sub.brand .con05 ul{flex-wrap: wrap;gap: 10px} #sub.brand .con05 ul li{flex: auto;width: calc(50% - 5px);} #sub.brand .con05 ul li strong{font-size: 16px;;} #sub.brand .con05 ul li{padding: 20px;border-radius: 10px;} #sub.brand .con05 ul li p{font-size: 13px;line-height: 1.5;;} #sub.brand .con05 ul li i svg{width: 45px;height: auto;} #sub.brand .con05 ul li i{margin-bottom: 20px;} #sub.brand .con05 ul li span{font-size: 14px;margin-bottom: 15px;;} #sub.brand .con03 .col ul{width: 100%;} #sub.brand .con03 .col .right strong{font-size: 14px;} #sub.brand .con03 .col .left{width: 100%;padding-right: 0;;} #sub.brand .con03 .col .right{width: 100%;padding-left: 0;border-left: none;border-top: 1px solid #D2DADF;padding-top: 40px;margin-top: 40px;;} #sub.brand .con03 .col{flex-direction: column;} #sub.brand .con02 {background-size: auto 100%;margin-top: 60px;} #sub.brand .con02 .img{margin-top: 25px;} #sub.brand .con02 .img img{max-width: calc(100%);} #sub.brand .con02{padding: 60px 0;} #sub .s_title_wrap{flex-direction: column;} #sub .s_title_wrap .s_title2_txt p{font-size: 14px;line-height: 1.5;;} #sub.download .list ul li a .tag span{height: 26px;font-size: 12px;padding: 0 10px;} #sub.download .list ul li a .tag i svg{width: 26px;height: auto;} #sub.download .list ul li a .txt strong{font-size: 16px;line-height: 1.5;;} #sub.download .list ul li a .txt p{font-size: 13px;word-break: keep-all;;} #sub.download .list ul li a .txt{margin-top: 12px;padding-top: 12px;;} #sub.download .list ul li a{padding: 20px;} #sub.download .list ul li{width: calc(50% - 10px);} #sub.cerf .con ul li .txt strong br{display: none;} #sub.cerf .con ul li .txt strong{font-size: 14px;word-break: keep-all;line-height: 1.5;} #sub.cerf .con ul li .txt{margin-top: 15px;} #sub.cerf .con ul li .img{padding: 5px;} #sub.cerf .con ul li .txt p{font-size: 12px;} #sub.cerf .con05 .ce_list ul li strong{font-size: 14px;} #sub.cerf .con05 .ce_list ul li{height: auto;} #sub.cerf .con05 .ce_list ul li p{font-size: 12px;} #sub.cerf .con05 .ce_list ul li{padding: 0 20px;} #sub.cerf .con05{padding-top: 60px;} #sub.cerf .con04 ul li{padding: 30px 0;} #sub.cerf .con04 ul li i{margin-bottom: 15px;} #sub.cerf .con04 ul li i img{width: 50px;} #sub.cerf .con04 ul li strong{font-size: 16px;} #sub.cerf .con04 ul li span{width: 60px;height: 26px;font-size: 13px;} #sub.cerf .con04 ul li p{font-size: 13px;margin-bottom: 10px;; text-align: center; } #sub.cerf .con04{padding: 60px 0;} #sub.cerf .con03{margin-bottom: 60px;} #sub.cerf .con03 ul{gap: 10px} #sub.cerf .con03 ul li{padding: 20px;border-radius: 10px;} #sub.cerf .con03 ul li span{font-size: 13px;margin-bottom: 10px;;} #sub.cerf .con03 ul li strong{font-size: 16px;} #sub.cerf .con03 ul li p{font-size: 14px;line-height: 1.5;;} #sub .s_title2 > p{font-size: 14px;line-height: 1.5;margin-top: 15px;;} #sub .tabs{padding: 5px 0;margin-bottom: 40px;} #sub.cerf .con01{margin-bottom: 60px;} #sub.cerf .con01 .txt{gap: 7px} #sub .s_title2 strong{font-size: 26px;line-height: 1.5;} #sub.cerf .con01 .txt p{font-size: 14px;line-height: 1.5;;} #sub .s_title2{margin-bottom: 20px;} #sub.cerf .con01{flex-direction: column;gap: 20px} #sub.gal_view .view_content .content{margin-bottom: 10px;} #sub.gal_view .more{padding-top: 40px;} #sub.gal_view .view_content .content{padding: 20px;border-radius: 10px;min-height: 200px;} #sub.gal_view .view_content .title strong{font-size: 20px;margin-bottom: 10px;} #sub.gal_view .view_content .title{margin-bottom: 10px;padding-bottom: 10px;;} #sub.gal_view .view_content .title p{font-size: 13px;} #sub.gal_list .list ul li .wrap .img .tag{top: 10px;left: 10px;} #sub.gal_list .list ul li .wrap .img .tag span{left: 10px;top: 10px;font-size: 13px;height: 26px;padding: 0 5px;} #sub.gal_list .list ul li .wrap .txt{padding-top: 10px;} #sub.gal_list .list ul li .wrap .txt strong{font-size: 16px;} #sub.gal_list .list ul li .wrap .txt p{font-size: 13px;margin-top: 10px;;} #sub.faq .faq_title span, #sub.faq .list .cw .num{width: 80px;} #sub.faq .faq_title strong, #sub.faq .list .cw .title{width: calc(100% - 80px);} #sub .tabs ul li a{height: 32px;font-size: 13px;padding: 0 10px;} #sub .tabs.tabs2{margin-bottom: 20px;} #sub .search_w span{font-size: 13px;} #sub .search_w .search input{height: 40px;font-size: 13px;padding: 0 20px;width: 220px;} #sub .search_w .search button{width: 40px;} #sub .search_w .search button svg{width: 15px;height: auto;} #sub.faq .faq_title{padding-bottom: 20px;} #sub.faq .faq_title *{font-size: 14px;} #sub.faq .list .cw .title .cate span{height: 30px;padding: 0 10px;font-size: 13px;} #sub.faq .list .cw .title .tit p{font-size: 13px;} #sub.faq .list .cw .title .cate{width: 110px;} #sub.faq .list .cw .title .tit{width: calc(100% - 110px);} #sub.faq .list .cw .num span{font-size: 13px;} #sub.faq .list .cw.f_title{height: 50px;} #sub .paging ul li a{width: 36px;height: 36px;font-size: 13px;} #sub .paging{margin-top: 40px;} #sub .sub_visual .vis_txt > span{font-size: 12px;margin-bottom: 10px;} #sub .sub_visual .vis_txt > strong{font-size: 32px;} #sub .sub_visual .vis_txt .breadcrumbs{margin-top: 25px;} #sub .sub_visual .vis_txt .breadcrumbs span{font-size: 13px;} #sub .sub_visual .vis_txt .breadcrumbs svg{width: 13px;height: auto;} #sub .sub_visual{padding-top: 120px;} #sub{padding-top: 65px;} #sub .sub_visual .vis_txt{padding-bottom: 40px;} #sub .sub_con{padding: 60px 0;} #sub .search_w{margin-bottom: 20px;} #sub.cerf .con05 .ce_list ul{margin-top: 15px;} #sub.cerf .con05 .ce_list .title strong{font-size: 16px;} #sub.cerf .con05 .ce_list{gap: 35px} #sub .s_title2 > span{font-size: 13px;margin-bottom: 10px;;} #sub.cerf .con ul li .txt span{height: 26px;font-size: 12px;padding: 0 10px;} #sub.brand .con04{padding-top: 60px;} #sub.brand .con04 .img_w{width: calc(100% - 40px);} #sub.brand .con04 .img_w img{height: 300px;} #sub.brand .con05{padding-top: 60px;} #sub.business .con02 ul{flex-wrap: wrap;gap: 10px} #sub.business .con02 ul li{width: calc(50% - 5px);} #sub.business .con02 ul li span{font-size: 14px;margin-bottom: 10px;;} #sub.business .con02 ul li strong{font-size: 17px;} #sub.business .con02 ul li p{font-size: 13px;line-height: 1.5;;} #sub.business .con02 ul li{padding: 20px;} #sub.business .con02 ul li i{margin-bottom: 20px;} #sub.business .con02 ul li i svg{width: 40px;height: auto;} #sub.business .con03 ul li .title strong{font-size: 14px;} #sub.business .con03 ul li p{font-size: 13px;line-height: 1.5;;} #sub.business .con03 ul li .info div{margin-top: 10px;} #sub.business .con03 ul li .title{margin-top: 15px;} #sub.business .con03 ul li .info div span{height: 26px;font-size: 12px;padding: 0 7px;} #sub.business .con03 ul{gap: 35px 10px} #sub.business .con03 ul li .img{border-radius: 10px;} #sub.business .con03 ul li{width: calc(50% - 5px);} #sub.business .con03 ul li .img i{right: 10px;bottom: 10px;} #sub.business .con03 ul li .img i svg{width: 40px;height: auto;} #sub.business .con03{padding: 60px 0;} #sub.business .con04{padding-top: 60px;} #sub.business .con02{margin-bottom: 60px;} #sub .tabs ul{flex-wrap: wrap;} #sub.product .con04{padding-top: 60px;} #sub.tech .con01{margin-bottom: 60px;} #sub.tech .con02 ul li p{font-size: 14px;line-height: 1.5;word-break: keep-all;;} #sub.tech .con02 ul li p br{display: none;} #sub.tech .con02.con02_w ul li{height: 200px;} #sub.tech .con02 ul li p{margin-top: 8px;} #sub.tech .con07 ul li .wr strong{font-size: 16px;} #sub.tech .con07 ul li .wr p{font-size: 13px;line-height: 1.5;word-break: keep-all;;} #sub.tech .con07 ul li .wr{padding: 20px;} #sub.tech .con07 ul li .wr i img{width: 45px;} #sub.tech .con07 ul li .wr{height: 190px;} #sub.tech .con07 ul{gap: 10px} #sub.tech .con08{padding: 60px 0;margin-top: 60px;;} #sub.tech .con07 ul li{width: calc(25% - 7.5px);} #sub.tech .title_cont ul{gap: 40px} #sub.tech .title_cont ul li strong b{font-size: 32px;} #sub.tech .title_cont ul li p{font-size: 14px;} #sub.tech .title_cont ul li strong{font-size: 12px;} #sub.tech .title_cont ul li span{font-size: 13px;} #sub.tech .title_cont{padding-right: 0;flex-direction: column;margin-bottom: 20px;} #sub.tech .title_cont ul li{width: 50%;;padding-left: 20px;} #sub.tech .title_cont ul li{height: 110px;} #sub.tech .con06 .list ul li svg{width: 40px;height: auto;} #sub.tech .con06 .list ul li .wrap strong{font-size: 20px;} #sub.tech .con06 .list ul li .wrap p{font-size: 14px;} #sub.tech .con06 .list ul li .wrap{height: 150px;} #sub.tech .con06 .list .title strong{font-size: 16px;} #sub.tech .con06 .list ul li:before{width: 150px;height: 150px;;} #sub.tech .con06 .list .title{margin-bottom: 20px;} #sub.tech .con06 .list{padding: 20px;} #sub.tech .con06{padding: 60px 0;} #sub.tech .con01 .left ul{justify-content: center;} #sub.tech .con10 .con1 ul{flex-wrap: wrap;gap: 10px} #sub.tech .con10 .con1 ul li{padding: 20px;width: 40%;flex: auto;} #sub.tech .con10 .con1 ul li img{width: 40px;} #sub.tech .con10 .con1 ul li span{font-size: 14px;} #sub.tech .con10 .con1 ul li strong{font-size: 15px;} #sub.tech .con10 .con1 ul{margin-top: 40px;} #sub.tech .con10 .con2 ul{gap: 10px} #sub.tech .con10 .con2 ul li p{font-size: 13px;line-height: 1.5;word-break: keep-all;margin-top: 10px;} #sub.tech .con10 .con2 ul li strong{font-size: 15px;word-break: keep-all;margin-top: 15px;} #sub.tech .con10 .con2 ul:nth-child(1){margin-bottom: 40px;} #sub.service .con02 .info{margin-top: 20px} #sub.service .con02 .info p br{display: none} #sub.service .con02 .info p{word-break: keep-all} #product_popup .pop_in .pop_w{max-width: 80vw} #product_popup .pop_in .pop_w .img_w{border-radius: 10px} #sub.inquiry .con02 .inq_title strong{font-size: 16px;line-height: 1.5} #sub.inquiry .con02 .inq_title{padding-bottom: 10px;margin-bottom: 10px} #sub.inquiry .con02 .priv .priv_box p{font-size: 12px;line-height: 1.5} #sub.inquiry .con02 .priv .priv_box{padding: 20px;height: 160px} #sub.inquiry .con02 .priv .priv_chk label{font-size: 14px} #sub.inquiry .con02 .priv .priv_chk label:before{width: 20px;height: 20px;background-size: 100% 100% !important} #sub.inquiry .con02 .form_list ul li span{font-size: 15px} #sub.inquiry .con02 .form_list ul{gap: 20px 10px} #sub.inquiry .con02 .form_list ul li, #sub.inquiry .con02 .form_list ul li.line1 select, #sub.inquiry .con02 .form_list ul li.line1 select{width: 100%} #sub.inquiry .con02 .form_list ul li input, #sub.inquiry .con02 .form_list ul li.line1 select, #sub.inquiry .con02 .form_list ul li select{height: 40px;font-size: 13px;padding: 0 20px} #sub.inquiry .con02 .form_list ul li.line1 select{max-width: 100%} #sub.inquiry .con02 .form_list ul li.line1 select{width: 100%} #sub.inquiry .con02 .form_list{gap: 45px} #sub.inquiry .con02 .form_list ul li span{font-size: 13px;margin-bottom: 10px} #sub.inquiry .con02 .form_list ul li .file{max-width: 100%} #sub.inquiry .con02 .form_list ul li textarea{height: 150px;padding: 20px;font-size: 13px;border-radius: 15px} #sub.inquiry .con02 .form_list ul li .file button{height: 40px;font-size: 13px;width: 100px} #sub.inquiry .con02 .priv{margin-bottom: 40px} #sub.inquiry .con02 .form_list ul li .file p{width: calc(100% - 110px);font-size: 13px;height: 40px;padding: 0 10px} #sub.inquiry .con02 .priv .priv_box{margin-bottom: 10px;} #sub.inquiry .con02 .more{margin-top: 40px} #sub.business .con03 ul li strong{ font-size: 14px; line-height: 1.5em; word-break: keep-all; } #sub.business .con03 ul li .title span{ font-size: 12px; padding: 0 8px; height: 30px; } #sub.business .con03 ul li .title{ flex-flow: column; align-items: flex-start; justify-content: flex-start; } #sub.business .con03 ul li .info{ margin-top: 12px; } #sub.business .con03 ul li .info{ gap: 6px; } #sub.business .con03 ul li .info div{ margin-top: 0; } #sub.business .con05{ margin-top: 30px; } #sub.business .con05 ul{ padding: 0 30px; } #sub.business .con05 ul li{ gap: 15px; } #sub.business .con05 ul li span{ font-size: 14px; } #sub.business .con05 ul li{ font-size: 14px; } } @media (max-width: 780px) { #product_popup .pop_in .pop_w > button{right: 0;top: -50px} #product_popup .pop_in .pop_w > button svg{width: 40px;height: auto} #product_popup .pop_in .pop_w .img_w{width: 100%;height: 30vh;justify-content: center} #product_popup .pop_in .pop_w .img_w img{max-width: 100%;max-height: 100%} #product_popup .pop_in .pop_w .img_w div{width: 100%;height: 100%;width: auto} #product_popup .pop_in .pop_w .text_content{height: 30vh} #product_popup .pop_in .pop_w{flex-direction: column} #sub.tech .con10 .bg{overflow: hidden;} #sub.tech .con10 .bg img{height: 300px;} #sub.tech .con09 .list ul li img{width: 100%;} #sub.tech .con09 .list ul{flex-direction: column;} #sub.tech .con03 .cont{flex-wrap: wrap;gap: 20px} #sub.tech .con03 .cont .right{padding-left: 0;} #sub.tech .con04 ul, #sub.tech .con05 ul{flex-direction: column;} #sub.tech .contact_content .tag{position: static;margin-top: 10px;} #sub.tech .contact_content .tag span{font-size: 12px;} #sub.tech .contact_content .tag strong{font-size: 30px;} #sub.tech .contact_content{padding: 50px 0;} #sub.tech .con01 .right .product img{max-width: 400px;} #sub.tech .con01 .right .product{width: 300px;height: 300px;;} #sub.tech .contact_content .tag strong, #sub.tech .contact_content .tag span{color: #1A1A1A;} #sub.tech .con06 .list ul li{flex-wrap: wrap;} #sub.tech .con06 .list ul{flex-wrap: wrap;gap: 10px 0} #sub.tech .con06 .list ul li{width: 50%;} #product_popup .pop_in .pop_w{flex-direction: column} #sub.tech .con10 .con3 ul{flex-direction: column} #sub.tech .con10 .con3 ul li .tit strong{font-size: 18px} #sub.tech .con10 .con3 ul li .tit i{padding: 0 6px;height: 30px;font-size: 13px} #sub.tech .con10 .con3 ul li .tit p{font-size: 14px;line-height: 1.5;word-break: keep-all;margin-top: 10px} #sub.tech .con10 .con3 ul li .txt strong{font-size: 16px;margin-bottom: 15px} #sub.tech .con10 .con3 ul li .txt > div span{font-size: 14px} #sub.tech .con10 .con3 ul li .txt > div p{font-size: 13px} #sub.tech .con10 .con3 ul li .txt > div div:nth-child(1){padding-right: 40px} #sub.tech .con10 .con3 ul{gap: 10px} #sub.tech .con10{padding: 60px 0} } @media (max-width: 660px) { #sub.tech .con10 .con1{margin-bottom: 40px} #sub.tech .con10 .con3{padding-top: 40px} #sub.tech .con10 .con2 ul{flex-direction: column} .more a{width: 120px} #sub.tech .con10 .con2{padding: 40px 0} #sub.tech .con08 .list ul{gap: 15px 10px;flex-wrap: wrap;} #sub.tech .con08 .list ul li{flex: none;width: calc(50% - 5px);} #sub.brand .con03 .col .right{margin-top: 20px;padding-top: 20px;;} #sub.brand .con03 .col .left i{height: 160px;} #sub.brand .con03 .col ul{gap: 10px} #sub .s_title_wrap .s_title2_txt p br{display: none;} #sub .s_title_wrap .s_title2_txt p{word-break: keep-all;} #sub.cerf .con ul{flex-wrap: wrap;gap: 25px 10px } #sub.cerf .con ul li{width: calc(50% - 5px);} #sub.faq .list .cw .title .cate{display: none;} #sub.faq .list .cw .title .tit{width: 100%;} #sub.gal_list .list ul{gap: 30px 10px} #sub.gal_view .view_content .title strong{font-size: 18px;word-break: keep-all;;} #sub.gal_list .list ul li{width: calc(50% - 5px );} #sub.cerf .con01 .txt p br, #sub .s_title2 > p br{display: none;} #sub.cerf .con01 .txt p, #sub .s_title2 > p{word-break: keep-all;} #sub.cerf .con03 ul{flex-direction: column;} #sub.cerf .con04 ul{gap: 10px} #sub.cerf .con04 ul li{width: calc(50% - 5px);} #sub.download .list ul{gap: 10px} #sub.download .list ul li{width: calc(50% - 5px);} #sub .s_title2 strong{font-size: 22px;} #sub.brand .con04 .img_w img{height: 250px;} #sub.brand .con05 ul li p {word-break: keep-all;} #sub.brand .con05 ul li p br{display: none;} #sub.business .con04 ul li{width: calc(50% - 5px);} #sub.business .con04 ul{gap: 10px} #sub.business .con02 ul li{width: 100%;} #sub.service .con02 .list ul {gap: 10px} #sub.service .con02 .list ul li{width: calc(50% - 5px);} #sub.service .con02 .list ul li .wrap strong{word-break: keep-all;line-height: 1.5;} #sub.product .con04 .list ul li a img{height: 160px;} #sub.product .con04 .list ul{gap: 10px} #sub .tabs ul{gap: 2px} #sub.service .con02 .list ul li .wrap p br{display: none} #sub.product .con03 .cont .title strong{font-size: 20px;} #sub.product .con03 .cont .title span{height: 30px;} #sub.tech .con01 .right .product img{max-width: 300px;} #sub.tech .con02 ul{flex-direction: column;} #sub.tech .con07 ul li{width: calc(50% - 5px);} #sub.tech .con11 .list{flex-direction: column;} #sub.tech .con11 .list > div{width: 100%;} #sub.tech .con11 .txt_w p{word-break: keep-all;} #sub.tech .con11 .txt_w p br{display: none;word-break: keep-all;} #sub.tech .con11 .result .wr, #sub.tech .con12 .cont1 ul, #sub.tech .con12 .cont2 .content, #sub.tech .con14 .content{flex-direction: column;} #sub.tech .con15 .con ul{flex-wrap: wrap;gap: 10px} #sub.tech .con15 .con ul li{width: calc(50% - 5px);} #sub.tech .con15 .con ul li strong{font-size: 13px;margin-top: 10px;;} #sub.tech .con12 .cont1 .wr{padding: 10px;} #sub.tech .con12 .cont1 .wr strong{font-size: 13px;} #sub.tech .s_title3 p{font-size: 13px;line-height: 1.5;word-break: keep-all;;} #sub.tech .s_title3 p br{display: none;} #sub.tech .con11 .txt_w p{font-size: 13px;} #sub.tech .con11 .list .img img{height: 200px;} #sub.business .con03 ul li{ width: 100%; } #sub.business .con05 ul{ height: auto; padding: 20px; flex-flow: column; gap: 12px; align-items: flex-start; } #sub.business .con05{ margin-bottom: 60px; margin-top: 15px; } #sub.cerf .con05 .ce_list ul li .name{ width: 100%; } #sub.cerf .con05 .ce_list ul li { flex-flow: column; align-items: flex-start; gap: 4px; justify-content: center; padding: 12px; } }