#sub{padding-top: 100px;padding-bottom: 140px;transform: scale(0.9)}
#sub.solution{padding-top: 0px}
/*#sub{padding-top: 235px;padding-bottom: 140px;transform: scale(0.9)}*/
#sub .sub_txt{margin-bottom: 63px;}
#sub .sub_txt ul{margin-bottom: 50px}
#sub .sub_txt ul:after{content: '';display: block;clear: both}
#sub .sub_txt ul li{float: left;line-height: 14px;font-size: 15px;color: #acb1b8;}
#sub .sub_txt ul li:last-child{color: #626c79}
#sub .sub_txt ul li:before{content: '';display: inline-block;width: 3px;height: 3px;background: #c7d3e2;border-radius: 50%;margin: 0 8px;vertical-align: middle}
#sub .sub_txt ul li:first-child:before{display: none}
#sub .sub_txt strong{display: block;color: #191f28;font-size: 45px;font-weight: 600}
#sub.ourstory .con01:after{content: '';display: block;clear: both}
#sub.ourstory .con01 .left ul li.on{width: 53.4%}
#sub.ourstory .con01 .left ul li{float: left;width: 19.95%;margin-right: 2.85%;position: relative;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);border-radius: 20px;overflow: hidden;transition: 1s}
#sub.ourstory .con01 .left ul li:last-child{margin-right: 0}
#sub.ourstory .con01 .left .txt{height: 400px;background: #223359;padding-left: 60px;padding-top: 130px;}
#sub.ourstory .con01 .left li:nth-child(2) .txt{background: #36c2ba}
#sub.ourstory .con01 .left strong{display: block;color: #ffffff;font-weight: 600;font-size: 38px;line-height: 1;margin-bottom: 28px;}
#sub.ourstory .con01 .left p{display: block;color: #b8c1d7;font-weight: 400;font-size: 18px;line-height: 30px}
#sub.ourstory .con01 .left .txt p, #sub.ourstory .con01 .left .txt strong{opacity: 0}
#sub.ourstory .con01 .left .on .txt p, #sub.ourstory .con01 .left .on .txt strong{opacity: 1;transition: opacity 0.4s;transition-delay: 0.4s}
#sub.ourstory .con01 .right ul:after{content: '';display: block;clear: both}
#sub.ourstory .con01 .txt2{position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;padding-top: 145px;transition: 0.4s}
#sub.ourstory .con01 ul li.on .txt2{opacity: 0}
#sub.ourstory .con01 .left li:nth-child(2) p{color: #e3f7f6}
#sub.ourstory .con01 .txt2 .icon{display: block;margin: 0 auto;width: 50px;height: 50px;background: #dce1e7;border-radius: 50%;position: relative;margin-top: 40px;}
#sub.ourstory .con01 .txt2 .icon:before{content: '';display: block;width: 103%;height: 103%;position: absolute;top: -1.5%;left: -1.5%;border-radius: 50%;background: #36c2ba;transform: scale(0);transition: 0.6s}
#sub.ourstory .con01 .txt2:hover .icon:before{transform: scale(1);}
#sub.ourstory .con01 .txt2 .icon img{display: block;position: relative;z-index: 3}

#sub.ourstory .con01 .txt2 strong{display: block;color: #191f28;font-size: 27px;line-height: 1;text-align: center}
#sub.ourstory .con02{display: block;position: relative;height: 325px;border-radius: 30px;overflow: hidden;margin-top: 40px;}
#sub.ourstory .con02 .img{position: absolute;}
#sub.ourstory .con02 .txt{position: relative;z-index: 2;padding-left: 60px;padding-top: 95px;}
#sub.ourstory .con02 .txt p{color: #ffffff;font-size: 20px;letter-spacing: -0.25px;margin-bottom: 25px;}
#sub.ourstory .con02 .txt strong{color: #ffffff;font-size: 36px;letter-spacing: -0.25px;line-height: 54px;font-weight: 500}
#sub.gal_list .con01 ul:after{content: '';display: block;clear: both}
#sub.gal_list .con01 ul li{float: left;width: 23.2%;margin-right: 2.4%;margin-bottom: 70px;}
#sub.gal_list .con01 ul li a{display: block}
#sub.gal_list .con01 ul li a .img{box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);border-radius: 20px;overflow: hidden;position: relative}
#sub.gal_list .con01 ul li a .img img{max-width: 100%}
#sub.gal_list .con01 ul li a .img:before{content: '';display: block;width: 100%;height: 100%;position: absolute;background: rgba(13,153,145,0.75);opacity: 0;transition: 0.6s}
#sub.gal_list .con01 ul li:hover a .img:before{opacity: 1}
#sub.gal_list .con01 ul li a .img:after{content: '';display: block;width: 50px;height: 50px;background: url(/img/sub/peo_plus.png);position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -25px;transform: scale(0);transition: 0.6s}
#sub.gal_list .con01 ul li:hover a .img:after{transform: scale(1)}
#sub.gal_list .con01 ul li a .txt span{display: block;font-size: 15px;color: #2dbab2;font-weight: 500;line-height: 1;padding-top: 25px;}
#sub.gal_list .con01 ul li a .txt strong{display: block;font-size: 24px;color: #191f28;font-weight: 600;line-height: 1;margin-top: 17px;}
#sub.gal_list .con01 ul li a .txt strong em{font-size: 15px;color: #8e96a0;font-weight: 400}
#sub.gal_list .con01 ul li:nth-child(4n){margin-right: 0}
.peo_pop{position: fixed;top: 0;left: 0;display: table;width: 100%;height: 100%;z-index: 999;background: rgba(2,2,22,0.2);display: none;z-index: 9999}
.peo_pop.on{display: table;}
.peo_pop > div{display: table-cell;vertical-align: middle;width: 100%}
.peo_pop > div > div{width: 905px;margin: 0 auto;background: #fff;border-radius: 20px;position: relative;max-width: 90%}
.peo_pop > div > div button{position: absolute;background: none;border: none;top: -15px;right: -15px;}
.peo_pop > div > div .pop_in{padding: 55px 66px;}
.peo_pop > div > div .info:after{content: '';display: block;clear: both}
.peo_pop > div > div .info > div{float: left}
.peo_pop > div > div .info > div.left{border-radius: 20px;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);overflow: hidden;width: 220px;}
.peo_pop > div > div .info > div.left img{max-width: 100%}
.peo_pop > div > div .info > div.right{padding-left: 45px;padding-top: 38px;width: 500px;max-width: 100%}
.peo_pop > div > div .info > div.right span{display: block;color: #2dbab2;font-size: 16px;}
.peo_pop > div > div .info > div.right strong{display: block;font-size: 29px;color: #191f28;font-weight: 600;line-height: 1;margin-top: 17px;}
.peo_pop > div > div .info > div.right strong em{font-size: 15px;color: #8e96a0;font-weight: 400;display: inline-block;margin-left: 16px}
.peo_pop > div > div .info > div.right ul{margin-top: 38px;}
.peo_pop > div > div .info > div.right ul li{font-size: 15px;letter-spacing: -0.25px;color: #626c79;line-height: 38px;padding-left: 8px;position: relative}
.peo_pop > div > div .info > div.right ul li:before{content: '';display: inline-block;width: 3px;height: 3px;background: #9ea6b1;position: absolute;left: 0;top: 16px;}
.peo_pop > div > div .txt_box{padding: 25px 30px;overflow-y: scroll;height: 165px;background: #f9fafc;margin-top: 30px;border-radius: 20px;width: 100%}
.peo_pop > div > div .txt_box p{font-size: 15px;line-height: 30px;color: #9299a1;word-break: break-all}
#sub.history .con01{position: relative;padding-bottom: 85px;}
#sub.history .con01:after{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background: #e4e8ee;top: 40px;}
#sub.history .h_con:after{content: '';display: block;clear: both}
#sub.history .h_con > div{float: left;width: 50%}
#sub.history .h_con > div.left{padding-right: 88px;}
#sub.history .h_con > div.left .txt{border-radius: 20px;background: #223359;padding-top: 133px;padding-left: 95px;padding-bottom: 110px;}
#sub.history .h_con{margin-top: 110px;}
#sub.history .h_con01{ margin-top: 0; }
#sub.history .h_con02 > div.left .txt{background: #36c2ba}
#sub.history .h_con04 > div.left .txt{background: #36c2ba}
#sub.history .h_con > div.left .txt span{display: block;font-size: 30px;line-height: 1;color: #ffffff;margin-bottom: 40px;}
#sub.history .h_con > div.left .txt strong{display: block;font-size: 100px;line-height: 80px;color: #ffffff;font-weight: 600}
#sub.history .h_con > div.right{padding-top: 100px;}
#sub.history .h_con > div.right > ul > li{position: relative;padding-left: 195px;margin-bottom: 40px;position: relative;z-index: 2}
#sub.history .h_con > div.right > ul > li > span{position: absolute;left: -7px;font-size: 27px;color: #191f28;font-weight: 600;line-height: 62px;}
#sub.history .h_con > div.right > ul > li > span:before{content: '';display: inline-block;width: 13px;height: 13px;background: #c7d3e2;border-radius: 3px;margin-right: 22px;position: relative;top: -2px;}
#sub.history .h_con > div.right > ul > li > ul li{font-size: 20px;color: #626c79;font-weight: 500;line-height: 62px;letter-spacing: -0.5px;}
#sub.history .h_con > div.right > ul > li > ul li span{display: block;font-size: 16px;line-height: 32px;color: #8d95a1;letter-spacing: -0.5px;}
#sub.history .con02{position: relative;z-index: 2}
#sub.history .con02:before{content: '';display: block;width: 100%;height: 660px;background: #f9fafc;top: 0;left: 0;position: absolute;}
#sub.history .con02:after{content: '';display: block;width: 1px;height: 40%;background: #e4e8ee;top: 0;left: 50%;position: absolute;}
#sub.history .con02 {padding-top: 115px;}
#sub.history .con02 .inner{position: relative;z-index: 2}
#sub.history .con02 .tit{margin-bottom: 77px;text-align: center}
#sub.history .con02 .wrap:after{content: '';display: block;clear: both}
#sub.history .con02 .wrap > div{float: left}
#sub.history .con02 .wrap > div.left{border-radius: 20px;overflow: hidden;width: 59.35%;margin-right: 3.78%;box-shadow: 16px 11px 30px 0px rgba(132, 170, 212, 0.15);}
#sub.history .con02 .wrap > div.right{width: 36.87%;padding-top: 35px;}
#sub.history .con02 .wrap > div.right ul li{margin-bottom: 35px;}
#sub.history .con02 .wrap > div.right ul li strong{display: block;font-size: 29px;color: #191f28;line-height: 1;margin-bottom: 23px;}
#sub.history .con02 .wrap > div.right ul li p{display: block;line-height: 44px;font-size: 17px;color: #3a5b8b;background: #eef3fa;border-radius: 8px;padding-left: 16px;}
#sub.solution{margin-top: -60px;}
#sub.solution .con01 .ic{margin-bottom: 25px;}
#sub.solution .con01 .ic01{position: relative;display: inline-block}
#sub.solution .con01 .ic01 ul li:nth-child(2){position: absolute;top: 0;left: 0}
#sub.solution .con01 .ic01 .center{position: absolute;top: 50%;left: 50%;margin-left: -20.5px;margin-top: -20.5px;animation: cir 8s infinite linear;}
#sub.solution .con01 .ic01 .center{position: absolute;top: 50%;left: 50%;margin-left: -20.5px;margin-top: -20.5px;animation: cir 8s infinite linear;}
#sub.solution .con01 .ic ul{position: relative}
#sub.solution .con01 .ic ul li:nth-child(2){position: absolute;top: 0;left: 0}
#sub.solution .con01 .tit{margin-bottom: 40px;}
#sub.solution .con01 .tit strong{display: block;color: #191f28;font-size: 32px;font-weight: 600;letter-spacing: -0.5px;margin-bottom: 20px;}
#sub.solution .con01 .tit p{display: block;color: #3a5b8b;font-size: 17px;font-weight: 500;letter-spacing: -0.3px;}
#sub.solution .con01{box-shadow: 0px 11px 30px 0px rgba(132, 170, 212, 0.25);border-radius: 20px;padding-top: 80px;padding-bottom: 160px;margin-bottom: 140px;}
#sub.solution .con01 .in{width: 880px;margin: 0 auto;border-radius: 20px;}
#sub.solution .con01 .tit p i{display: inline-block;width: 3px;height: 3px;background: #3f5f8e;vertical-align: middle;border-radius: 50%;margin: 0 2px;}
#sub.solution .con01 .img{background: #f9fafc;border-radius: 20px;overflow: hidden;text-align: center;padding: 25px 0}
#sub.solution .sub_t{margin-bottom: 45px;}
#sub.solution .sub_t:before{content: '';display: block;width: 11px;height: 11px;box-sizing: border-box;border: 3px solid #c4d3d2; border-radius: 3px;margin: 0 auto;margin-bottom: 14px;}
#sub.solution .sub_t strong{display: block;text-align: center;color: #16274d;font-size: 26px;letter-spacing: -0.5px;font-weight: 500}
#sub.solution .chk{margin-top: 75px;}
#sub.solution .chk ul li{position: relative;background: #f9fafc;position: relative;margin-bottom: 30px;border-radius: 18px;overflow: hidden}
#sub.solution .chk ul li:before{content: '';display: block;position: absolute;width: 40px;height: 100%;left: 0;top: 0}
#sub.solution .chk ul li:after{content: '';display: block;width: 36px;height: 36px;top: 31px;left: 22px;position: absolute;border-radius: 50%;box-shadow: 4px 7px 10px 0px rgba(128, 156, 188, 0.2);}
#sub.solution .chk ul li:nth-child(1):after{background: url(/img/sub/s_chk01.png)}
#sub.solution .chk ul li:nth-child(2):after{background: url(/img/sub/s_chk02.png)}
#sub.solution .chk ul li:nth-child(3):after{background: url(/img/sub/s_chk03.png)}
#sub.solution .chk ul li:nth-child(1):before{background: #36c2ba}
#sub.solution .chk ul li:nth-child(2):before{background: #223359}
#sub.solution .chk ul li:nth-child(3):before{background: #edf0f4}
#sub.solution .chk ul li .txt{padding: 35px 0; padding-left: 80px;padding-right: 25px;}
#sub.solution .chk ul li .txt strong{display: block;color: #191f28;font-size: 20px;letter-spacing: -0.2px;font-weight: 500}
#sub.solution .chk ul li .txt p{color: #626c79;font-size: 14px;line-height: 26px;letter-spacing: -0.2px;margin-top: 9px;word-break: keep-all}
#sub.solution .chk ul li .txt p br{display: none}
#sub.solution .core{padding-top: 47px;}
#sub.solution .core ul:after{content: '';display: block;clear: both}
#sub.solution .core ul li{float: left;width: 32%;margin-right: 2%;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);text-align: center;height: 190px;padding-top: 50px;border-radius: 20px;}
#sub.solution .core ul li:last-child{margin-right: 0}
#sub.solution .core ul li strong{color: #191f28;font-size: 18px;display: block;margin-bottom: 15px;}
#sub.solution .core ul li p{color: #626c79;font-size: 14px;line-height: 26px;}
#sub.solution .con02 .tab > ul > li{display: none}
#sub.solution .con02 .tab > ul > li.on{display: block;}
#sub.solution .sub_loc{margin-bottom: 60px;}
#sub.solution .sub_loc ul{text-align: center}
#sub.solution .sub_loc ul li{display: inline-block;margin-right: 35px;}
#sub.solution .sub_loc ul li:last-child{margin-right: 0}
#sub.solution .sub_loc ul li a{display: block;width: 290px;line-height: 65px;text-align: center;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.1);border-radius: 11px;font-size: 22px;color: #191f28}
#sub.solution .sub_loc ul li.on a{box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.0);background: #223359;color: #fff}
#sub.solution .swiper-slide{height: auto}
#sub.solution .swiper-wrapper{height: auto}
#sub.solution .pub .list:after{content: '';display: block;clear: both}
#sub.solution .pub .list li{float: left;width: 50%;padding:24px 26.5px;overflow: visible}
#sub.solution .pub .list li:nth-child(2n){margin-right: 0}
#sub.solution .pub .list li a{display: block;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);border-radius: 20px;height: 357px;padding:0 48px;padding-top: 60px;position: relative;transition: 0.8s}
#sub.solution .pub .list li:hover a{background: #36c2ba}
#sub.solution .pub .list li a i{display: block;width: 51px;height: 51px;background:#dce1e7 url(/img/sub/link.png);position: absolute;right: 30px;bottom: 30px;border-radius: 50%;background-size: 100% 100%;transition: 0.8s}
#sub.solution .pub .list li:hover a i{background:#20afa7 url(/img/sub/link.png);}
#sub.solution .pub .list li a span{display: block;font-size: 15px;color: #2dbab2;margin-bottom: 12px;transition: 0.8s}
#sub.solution .pub .list li:hover a span{color: #aaf4ef;}
#sub.solution .pub .list li a strong{display: block;font-size: 20px;color: #191f28;line-height: 32px;letter-spacing: -0.3px;transition: 0.8s}
#sub.solution .pub .list li:hover a strong{color: #fff;}
#sub.solution .pub .list li a p{background: #eef3fa;line-height: 42px;font-size: 15px;color: #3a5b8b;padding: 0 15px;border-radius: 10px;margin-top: 15px;transition: 0.8s}
#sub.solution .pub .list li:hover a p{background: #3fd3cb;color: #fff}
#sub.solution .pub .list li a em{display: block;font-size: 14px;line-height: 26px;color: #737b86;margin-top: 25px;transition: 0.8s}
#sub.solution .pub .list li:hover a em{color: #aaf4ef}
#sub.solution .p_list{margin-top: 40px;}
#sub.solution .pag_area{margin-top: 55px;}
#sub.solution .pag_area .swiper-pagination-bullet{margin: 0 8px;}
#sub.solution .pag_area .swiper-pagination{position: static}
#sub.solution .pag_area .swiper-pagination-bullet-active {opacity: 1;background: #007aff;}
#sub.solution .pag_area{text-align: center}
#sub.solution .pag_area > *{display: inline-block}
#sub.solution .pat{margin-bottom: 40px;}
#sub.solution .pub{margin-bottom: 40px;}
#sub.solution .pat .list:after{content: '';display: block;clear: both}
#sub.solution .pat .list > li{float: left;width: 50%;padding:24px 26.5px}
#sub.solution .pat .list > li a{display: block;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;border-radius: 20px;height: 225px;padding:0 48px;padding-top: 60px;transition: 0.6s}
#sub.solution .pat .list > li:hover a{background: #5188f5;}
#sub.solution .pat .list > li a span{display: block;color: #5188f5;font-size: 15px;margin-bottom: 18px}
#sub.solution .pat .list > li:hover a span{color: #fff}
#sub.solution .pat .list > li a strong{display: block;color: #191f28;font-size: 27px;line-height: 40px;}
#sub.solution .pat .list > li:hover a strong{color: #fff;}
#sub.faq .fq_list ul li{margin-bottom: 20px;}
#sub.faq .fq_list .tit:before{content: '';display: block;width: 64px;height: 100%;background: #223359;position: absolute;left: 0;transition: 0.6s}
#sub.faq .fq_list ul li:nth-child(2n) .tit:before{background: #36c1ba}
#sub.faq .fq_list .tit{position: relative;padding-left: 85px;border-radius: 20px;overflow: hidden;position: relative;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);}
#sub.faq .fq_list .tit{position: relative;padding-left: 85px;border-radius: 20px;overflow: hidden;position: relative;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);cursor: pointer}
#sub.faq .fq_list .tit i{position: absolute;left: 0;display: block;line-height: 64px;width: 64px;text-align: center;font-size: 24px;color: #ffffff;transition: 0.8s}
#sub.faq .fq_list ul li.on .tit:before{width: 100%}
#sub.faq .fq_list .txt{position: relative}
#sub.faq .fq_list .txt i{position: absolute;left: 0;display: block;line-height: 64px;width: 64px;text-align: center;font-size: 24px;color: #ffffff;height: 100%;background: #bec5d6;top: 0;padding-top: 7px}
#sub.faq .fq_list .txt{position: relative;padding-left: 85px;border-radius: 20px;overflow: hidden;position: relative;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;margin-top: 20px;margin-bottom: 40px;padding-top: 20px;padding-bottom: 20px;display: none}

#sub.faq .fq_list .tit strong{display: block;line-height: 64px;font-size: 18px;color: #49556f;letter-spacing: -0.2px;font-weight: 400;position: relative;transition: 0.6s}
#sub.faq .fq_list .on .tit strong{color: #fff}
#sub.faq .fq_list .txt p{display: block;line-height: 32px;font-size: 16px;color: #626c79;letter-spacing: -0.2px;font-weight: 400}
#sub .p_list{margin-top: 50px;}
#sub .p_list ul{text-align: center}
#sub .p_list ul li{display: inline-block;vertical-align: middle;padding: 0 8px;}
#sub .p_list ul li.prev a{width: 7px;height: 12px;background: url(/img/sub/prev.png)}
#sub .p_list ul li.next a{width: 7px;height: 12px;background: url(/img/sub/next.png)}
#sub .p_list ul li a{display: inline-block;text-indent: -9999px;width: 12px;height: 12px;border-radius: 2px;background: #c7d3e2}
#sub .p_list ul li.on a{background: #5e94ff}
#sub .p_list ul li.on a{background: #5e94ff}
#sub.case_w .tit{margin-bottom: 40px;}
#sub.case_w .tit strong{display: block;line-height: 65px;background: #223359;font-size: 24px;color: #ffffff;padding-left: 36px;border-radius: 19px}
#sub.case_w .in_w{padding: 0 43px;}
#sub.case_w .case01{margin-bottom: 80px;}
#sub.case_w .case01 .in_w > ul{position: static}
#sub.case_w .case01 .in_w > ul > li{position: relative;padding: 38px 0;padding-left: 320px;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;margin-bottom: 33px;border-radius: 20px;}
#sub.case_w .case01 .in_w > ul > li .logo{position: absolute;left: 0;height: 100%;width: 320px;display: table;top: 0}
#sub.case_w .case01 .in_w > ul > li .logo div{display: table-cell;width: 100%;vertical-align: middle;text-align: center;height: 100%;position: relative}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 #sub.case_w .case01 .in_w > ul > li .logo div{height: auto}
    .case_w#sub .case01 .in_w > ul > li .logo{height: auto}

}
#sub.case_w .case01 .in_w > ul > li ul li strong{display: block;color: #191f28;font-size: 16px;letter-spacing: -0.3px;margin-bottom: 19px;}
#sub.case_w .case01 .in_w > ul > li ul li {margin-bottom: 29px;padding-right: 50px;}
#sub.case_w .case01 .in_w > ul > li ul li:last-child{margin-bottom: 0}
#sub.case_w .case01 .in_w > ul > li ul li p{display: block;color: #3a5b8b;font-size: 16px;letter-spacing: -0.3px;font-weight: 500;line-height: 42px;padding: 0 22px;background: #eef3fa;border-radius: 9px;}
#sub.case_w .case02 .tit strong{background: #36c2ba;}
#sub.case_w .case02 .tit2{position: absolute;left: 0;padding-left: 40px;line-height: 38px;}
#sub.case_w .case02 .tit2 strong{font-size: 20px;color: #191f28}
#sub.case_w .case02 .txt p{font-size: 18px;color: #546564;line-height: 38px;word-break: break-all}
#sub.case_w .case02 .in_w > ul > li{position: relative;padding: 38px 0;padding-left: 360px;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;margin-bottom: 33px;border-radius: 20px;padding-right: 20px;}
#sub.contact .inner{position: relative}
#sub.contact .left{position: absolute;left: 50%;margin-left: -700px;top: 0;width: 564px;background: #223359;border-radius: 20px;padding: 0 70px;padding-top: 108px;padding-bottom: 95px;}
#sub.contact .left.on{position: fixed;top: 100px;}
#sub.contact .left i{display: block;margin-bottom: 20px;}
#sub.contact .left strong{font-size: 42px;color: #ffffff;line-height: 68px;font-weight: 500;margin-bottom: 225px;display: block;}
#sub.contact .left button{display: block;width: 100%;height: 64px;border-radius: 20px;background: #fff;border: none;position: relative;overflow: hidden}
#sub.contact .left button:after{content: '';display: block;width: 600px;height: 600px;position: absolute;top: 50%;left: 50%;margin-left: -300px;margin-top: -300px;background: #36c2ba;transform: scale(0);transition: 0.6s;border-radius: 50%}
#sub.contact .left button:hover:after{transform: scale(1);}
#sub.contact .left button span{display: inline-block;font-size: 22px;color: #223359;font-weight: 600;position: relative;z-index: 1;transition: 0.6s}
#sub.contact .left button:hover span{color: #fff}
#sub.contact .left .chk{position: relative;padding-left: 30px;margin-bottom: 35px}
#sub.contact .left .chk input{position: absolute;left: 0;opacity: 0;z-index: 2;width: 25px;height: 25px;top: 0}
#sub.contact .left .chk p{color: #b8c1d7;font-size: 16px;}
#sub.contact .left .chk p:before{content: '';display: inline-block;width: 18px;height: 18px;background: url(/img/sub/chk.png);vertical-align: middle;position: absolute;left: 0}
#sub.contact .left .chk.on p:before{background: url(/img/sub/chk_on.png);}
#sub.contact .right{padding-left: 630px;}
#sub.contact .right > ul > li{margin-bottom: 20px;}
#sub.contact .right > ul > li strong{display: block;color: #191f28;font-size: 18px;margin-bottom: 15px;}
#sub.contact .right > ul > li strong i{display: inline-block;color: #2dbab2;font-weight: 400}
#sub.contact .right > ul > li .inp_wrap > input, #sub.contact .right > ul > li .inp_wrap > select{width: 100%;height: 58px;border: none;border-radius: 20px;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;font-size: 16px;color: #a7abb4;    font-family: 'Pretendard';padding-left: 23px;}
#sub.contact .right > ul > li .inp_wrap > input{color:  #333}
#sub.contact .right > ul > li .inp_wrap .file_w{position: relative;border-radius: 20px;overflow: hidden;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;}
#sub.contact .right > ul > li .inp_wrap .file_w span{display: block;position: absolute;line-height: 58px;right: 0;top: 0;width: 150px;background: #36c2ba;text-align: center;font-size: 18px;color: #ffffff}
#sub.contact .right > ul > li .inp_wrap .file_w input{position: absolute;z-index: 2;width: 100%;opacity: 0;height: 100%}
#sub.contact .right > ul > li .inp_wrap textarea{width: 100%;height: 160px;border: none;border-radius: 20px;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;font-size: 16px;   font-family: 'Pretendard';padding-left: 23px;padding-top: 17px;color: #333}
#sub.contact .right > ul > li .inp_wrap textarea::placeholder{color: #a7abb4; }
#sub.contact .right > ul > li ul li textarea{width: 100%;height: 70px;border: none;border-radius: 20px;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;font-size: 13px;color: #a7abb4;    font-family: 'Pretendard';padding-left: 23px;padding-top: 17px;color: #333}
#sub.contact .right > ul > li .inp_wrap p{width: 100%;line-height: 58px;border: none;border-radius: 20px;box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;font-size: 16px;color: #a7abb4; ;padding-left: 23px;height: 58px;}

#sub.contact .right > ul > li ul{background: #f2f4f8;padding: 30px 23px;border-radius: 20px;margin-top: 20px;}
#sub.contact .right > ul > li ul li span{display: block;color: #3a5b8b;font-size: 14px;margin-bottom: 11px;}
#sub.contact .right > ul > li ul li{margin-bottom: 20px;}
#sub.contact .right > ul > li ul li:last-child{margin-bottom: 0;}

#sub.contact .right .tx_box{background: #f2f4f8;border-radius: 20px;padding:20px 15px;height: 200px;overflow-y: scroll}
#sub.contact .right .tx_box strong, #sub.contact .right .tx_box span{font-size: 15px;color: #3a5b8b;;line-height: 1.7;word-break: keep-all;display: block}
#sub.contact .right .tx_box span{margin-bottom: 18px;}
#sub.contact .right .tx_box span{padding-left: 10px}
#sub.contact .right .tx_box p{font-size: 15px;color: #3a5b8b;margin-bottom: 18px;line-height: 1.7;word-break: keep-all}
#sub.contact .right .tx_box p i{display: inline-block;width: 2px;height: 2px;vertical-align: middle;background: #3a5b8b;position: relative;top: -1px;margin-right: 3px;}
#sub.business .b_con{overflow: hidden;padding: 62px; padding-left: 106px; box-shadow: 8px 2px 62px 0px rgba(34, 51, 89, 0.07);;border-radius: 20px;overflow: hidden;position: relative;margin-bottom: 60px;}
#sub.business .b_con:before{content: '';display: block;width: 63px;height: 100%;background: #36c2ba;position: absolute;top: 0;left: 0}
#sub.business .b_con02:before{background: #223359;}
#sub.business .b_con03:before{background: #edf0f4;}
#sub.business .b_con:after{content: '';width: 51px;height: 51px;background: url(/img/sub/model01.png);position: absolute;top: 50px;left: 37px;border-radius: 50%;box-shadow: 4px 7px 10px 0px rgba(128, 156, 188, 0.2);
}
#sub.business .b_con02:after{background: url(/img/sub/model02.png)}
#sub.business .b_con03:after{background: url(/img/sub/model03.png)}
#sub.business .b_con .logo_s{overflow: hidden;padding: 0 20px;position: relative}
#sub.business .b_con .swiper-prev{position: absolute;top: 0%;left: 0;z-index: 999;margin-top: 0;cursor: pointer;height: 100%;display: table;width: 25px;}
#sub.business .b_con .swiper-next{position: absolute;top: 0%;right: 9px;z-index: 999;margin-top: 0;height: 100%;cursor: pointer;display: table;width: 25px;text-align: right}
#sub.business .b_con .swiper-prev img, #sub.business .b_con .swiper-next img{position: absolute;top: 50%;margin-top: -22px;}
#sub.business .b_con .logo_s:before{content: '';display: block;width: 20px;height: 100%;position: absolute;left: 0;top: 0;background: #fff;z-index: 10}
#sub.business .b_con .logo_s:after{content: '';display: block;width: 20px;height: 100%;position: absolute;top: 0;right: 0;background: #fff;z-index: 10}
#sub.business .b_con .swiper-slide{width: 20%;height: auto;padding: 8px}
#sub.business .b_con .swiper-slide div{border-radius: 20px;overflow: hidden;box-shadow: 3px 2px 20px 0px rgb(34 51 89 / 6%)}
#sub.business .b_con .swiper-slide div img{max-width: 100%}
#sub.business .b_con .swiper-wrapper{height: auto}
#sub.business .txt{margin-bottom: 40px;}
#sub.business .txt strong{display: block;font-size: 27px;color: #191f28;margin-bottom: 20px;}
#sub.business .txt p{font-size: 18px;color: #626c79;line-height: 32px;letter-spacing: -0.3px;}
#sub.business .swiper-container-horizontal>.swiper-pagination-bullets{position: static;margin-top: 18px;}
#sub.business .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px }
#sub.business .swiper-pagination-bullet-active{background: #5e94ff}
#sub.contact .right .chk{position: relative;padding-left: 30px;margin-bottom: 35px;margin-top: 20px;}
#sub.contact .right .chk input{position: absolute;left: 0;opacity: 0;z-index: 2;width: 25px;height: 25px;top: 0}
#sub.contact .right .chk p{color: #a7abb4;font-size: 16px;}
#sub.contact .right .chk p:before{content: '';display: inline-block;width: 18px;height: 18px;background: url(/img/sub/chk.png);vertical-align: middle;position: absolute;left: 0}
#sub.contact .right .chk.on p:before{background: url(/img/sub/chk_on.png);}
#sub.contact .right button{display: block;width: 200px;height: 64px;border-radius: 20px;background: #223359;border: none;position: relative;overflow: hidden}
#sub.contact .right button:after{content: '';display: block;width: 600px;height: 600px;position: absolute;top: 50%;left: 50%;margin-left: -300px;margin-top: -300px;background: #36c2ba;transform: scale(0);transition: 0.6s;border-radius: 50%}
#sub.contact .right button:hover:after{transform: scale(1);}
#sub.contact .right button span{display: inline-block;font-size: 22px;color: #fff;font-weight: 600;position: relative;z-index: 1;transition: 0.6s}
#sub.contact .right button:hover span{color: #fff}
#sub.contact .right .bt_area:after{content: '';display: block;clear: both}
#sub.contact .right .bt_area{margin-top: 30px;}
#sub.contact .right .bt_area .chk{float: left}
#sub.contact .right .bt_area button{float: right}
#sub .sub_txt ul li{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;}
#sub .sub_txt.on ul li{transform: translateY(0); opacity: 1; }
#sub .sub_txt strong{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub .sub_txt.on strong{transform: translateY(0); opacity: 1; }

#sub.ourstory .con01 .left ul li{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s, width 0.5s;}
#sub.ourstory .con01.on .left ul li{transform: translateY(0); opacity: 1; }
#sub.ourstory .con01 .left ul li:nth-child(2){transition-delay: 0.3s, 0.3s, 0}
#sub.ourstory .con01 .left ul li:nth-child(3){transition-delay: 0.6s, 0.6s, 0}

#sub.ourstory .con02{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.ourstory .con02.on{transform: translateY(0); opacity: 1; }

#sub.ourstory .con02 .txt p{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;}
#sub.ourstory .con02.act .txt p{transform: translateY(0); opacity: 1; }
#sub.ourstory .con02 .txt strong{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.ourstory .con02.act .txt strong{transform: translateY(0); opacity: 1; }
#sub.ourstory .con02 .img{transform: translateY(0);transition: 2s}
#sub.ourstory .con02.act .img{transform: translateY(-60px);}
#sub.solution .con01{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;}
#sub.solution .con01.on{transform: translateY(0); opacity: 1; }
/*
#sub.solution .con01 .ic{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.solution .con01.on .ic{transform: translateY(0); opacity: 1; }
#sub.solution .con01 .tit strong{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.6s}
#sub.solution .con01.on .tit strong{transform: translateY(0); opacity: 1; }
#sub.solution .con01 .tit p{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.9s}
#sub.solution .con01.on .tit p{transform: translateY(0); opacity: 1; }
#sub.solution .con01 .img{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 1.2s}
#sub.solution .con01.on .img{transform: translateY(0); opacity: 1; }
#sub.solution .sub_t:before{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;}
#sub.solution .chk.act .sub_t:before{transform: translateY(0); opacity: 1; }
#sub.solution .core.act .sub_t:before{transform: translateY(0); opacity: 1; }
#sub.solution .sub_t strong{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.solution .chk.act strong{transform: translateY(0); opacity: 1; }
#sub.solution .core.act strong{transform: translateY(0); opacity: 1; }
#sub.solution .chk ul li{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.solution .chk.act ul li{transform: translateY(0); opacity: 1; }
#sub.solution .chk ul li:nth-child(1){transition-delay: 0.6s}
#sub.solution .chk ul li:nth-child(2){transition-delay: 0.9s}
#sub.solution .chk ul li:nth-child(3){transition-delay: 1.2s}
#sub.solution .core ul li{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.solution .core ul li:nth-child(1){transition-delay: 0.6s}
#sub.solution .core ul li:nth-child(2){transition-delay: 0.9s}
#sub.solution .core ul li:nth-child(3){transition-delay: 1.2s}
#sub.solution .core.act ul li{transform: translateY(0); opacity: 1; }
*/
#sub.business .b_con{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.business .b_con.act{transform: translateY(0); opacity: 1; }
#sub.business .b_con:before{width: 0;transition: 1s;transition-delay: 0.5s}
#sub.business .b_con.act:before{width: 63px}
#sub.case_w .tit{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.case_w .act .tit{transform: translateY(0); opacity: 1; }
#sub.case_w .in_w{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.6s}
#sub.case_w .act .in_w{transform: translateY(0); opacity: 1; }

#sub.history .con01:after{height: 0;transition: 2s}
#sub.history .con01.act:after{height: 100%;}
#sub.history .h_con > div.left{transform: translateX(-30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.6s}
#sub.history .h_con.act > div.left{transform: translateY(0); opacity: 1; }
#sub.history .h_con > div.right{transform: translateX(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.9s}
#sub.history .h_con.act > div.right{transform: translateY(0); opacity: 1; }
#sub.history .h_con{position: relative;z-index: 2}

#sub.history .con02 .tit{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.6s}
#sub.history .con02.act .tit{transform: translateY(0); opacity: 1; }
#sub.history .con02 .wrap > div.left{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.history .con02.act .wrap > div.left{transform: translateY(0); opacity: 1; }
#sub.history .con02 .wrap > div.right{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.6s}
#sub.history .con02.act .wrap > div.right{transform: translateY(0); opacity: 1; }

#sub.gal_list .con01{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;}
#sub.gal_list .con01.act{transform: translateY(0); opacity: 1; }


#sub.faq .fq_list{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;}
#sub.faq .fq_list.act{transform: translateY(0); opacity: 1; }


#sub.contact .left{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;}
#sub.contact .left.act{transform: translateY(0); opacity: 1; }
#sub.contact .right{transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 0.3s}
#sub.contact .right.act{transform: translateY(0); opacity: 1; }


#sub.solution .con01 .ic02 li:nth-child(1){animation: cloud 1.8s linear infinite;}
#sub.solution .con01 .ic02 li:nth-child(2){animation: cloud 1.8s linear infinite;animation-delay: 0.4s}
#sub.solution .con01 .ic01 li:nth-child(2){animation: right 3s linear infinite}
#sub.solution .con01 .ic03 li:nth-child(2){animation: twi2 1.3s linear infinite;}

#sub.solution .con01 .ic ul{display: inline-block}
#sub.history .root_daum_roughmap_landing {width: 100%;height: 425px }
#sub.history .root_daum_roughmap .wrap_map {width: 100%;height: 425px }

@media (max-width: 1416px){
    #sub.ourstory .con01 .left strong{font-size: 30px;}
    #sub.ourstory .con01 .left p{font-size: 16px;word-break: keep-all}
    #sub.ourstory .con01 .left p br{display: none}
    #sub.ourstory .con01 .left .txt{padding-left: 30px;padding-right: 30px;}
    #sub.ourstory .con02 .txt p{font-size: 16px;}
    #sub.ourstory .con02 .txt strong{font-size: 24px;line-height: 2}
    #sub.solution .sub_loc ul li a{width: 200px;font-size: 16px;}
    #sub.solution .con01 .tit strong{font-size: 27px;}
    #sub.solution .con01 .tit p{font-size: 15px;}
    #sub.solution .con01 .in{max-width: 90%}
    #sub.solution .pub .list li a span{font-size: 13px;}
    #sub.solution .pub .list li a strong{font-size: 20px;line-height: 1.7}
    #sub.solution .pub .list li a p{font-size: 13px;}
    #sub.solution .pub .list li a em{line-height: 13px;line-height: 1.7}
    #sub.solution .pub .list li a{padding: 20px;height: 265px;}
    #sub.solution .con02 .inner{padding: 0}
    #sub.solution .pat .list > li a strong{font-size: 20px;line-height: 1.6}
    #sub.solution .pat .list > li a span{font-size: 12px;}
    #sub.solution .pat .list > li a{padding: 20px;height: 140px;}
    #sub.solution .pat .list > li{padding: 10px}
    #sub.case_w .case01 .in_w > ul > li ul li p{padding: 7px 15px;line-height: 1.7;}
    #sub.contact .left{left: 0;margin-left: 20px;}
    #sub.contact .left strong{margin-bottom: 40px;}
    #sub.contact .left{padding: 25px;}
    #sub.contact .left strong{font-size: 30px;line-height: 1.8}
    #sub.contact .left{width: 460px;}
    #sub.contact .right{padding-left: 480px;}
    #sub.history .h_con > div.left .txt{padding-left: 20px;}
    #sub.history .h_con > div{width: 40%}
    #sub.history .h_con > div.right{width: 60%}
    #sub.history .con01:after{left: 40%}
    #sub.history .h_con > div.right > ul > li > ul li{font-size: 16px;}
    #sub.solution .pub .list li a i{display: none}

}
@media (max-width: 960px){
    #sub.case_w .case02 .tit2{padding-left: 20px;}
    #sub.solution{margin-top: 0;padding-top: 150px}
    #sub.ourstory .con01 .left strong{font-size: 18px}
    #sub.ourstory .con01 .left p{font-size: 13px;line-height: 26px}
    #sub.ourstory .con02 .txt{padding-left: 20px;padding-right: 20px;text-align: center}
    #sub.ourstory .con02 .txt p{font-size: 13px;word-break: keep-all;line-height: 1.5}
    #sub.ourstory .con02 .txt strong{font-size: 18px;line-height: 1.7}
    #sub.solution .sub_loc ul li{margin-right: 20px;}
    #sub.solution .sub_loc ul li a{font-size: 13px;width: 138px;line-height: 50px;}
    #sub.solution .con01{padding-top: 60px;padding-bottom: 60px;margin-bottom: 60px;}
    #sub.solution .con01 .tit strong{font-size: 20px;margin-bottom: 10px;}
    #sub.solution .con01 .tit p{font-size: 13px;}
    #sub.solution .sub_t strong{font-size: 18px;word-break:keep-all;word-break: keep-all}
    #sub.solution .chk ul li .txt p{font-size: 13px;line-height: 26px;word-break: keep-all}
    #sub.solution .chk ul li .txt p br{display: none}
    #sub.solution .chk ul li .txt strong{font-size: 14px}
    #sub.solution .chk ul li:before{width: 22px;}
    #sub.solution .chk ul li:after{width: 22px;height: 22px;background-size: 100% 100% !important;top: 12px;}
    #sub.solution .chk ul li:after{left: 12px;}
    #sub.solution .chk ul li .txt{padding: 15px;padding-left: 42px;}
    #sub.solution .sub_t{margin-bottom: 30px;}
    #sub.solution .chk ul li{margin-bottom: 15px;}
    #sub.solution .core ul li strong{font-size: 14px}
    #sub.solution .core ul li p{font-size: 12px;line-height: 1.7}
    #sub.solution .core ul li{padding-top: 35px;height: 145px;}
    #sub.solution .pub .list li{padding: 10px;}
    #sub.solution .pub .list li a span{font-size: 1px;}
    #sub.solution .pub .list li a strong{font-size: 16px;line-height: 1.5}
    #sub.solution .pub .list li a p{font-size: 12px;line-height: 1.8;padding: 5px}
    #sub.solution .pub .list li a em{font-size: 12px;line-height: 1.5;margin-top: 10px;}
    #sub.solution .pat .list > li a strong{font-size: 16px;}
    #sub.solution .pat .list > li a span{margin-bottom: 7px;}
    #sub.solution .sub_loc{margin-bottom: 45px;}
    #sub.faq .fq_list .tit strong{font-size: 13px;line-height: 1.7;padding-top: 10px;padding-bottom: 10px;}
    #sub.faq .fq_list .tit i{height: 100%;line-height: 1.7;font-size: 13px;padding-top: 10px;padding-bottom: 10px;width: 45px;}
    #sub.faq .fq_list .tit:before{width: 45px;}
    #sub.faq .fq_list .tit, #sub.faq .fq_list .txt{padding-left: 60px;}
    #sub.faq .fq_list .txt i{width: 40px;font-size: 13px;}
    #sub.faq .fq_list .txt p{font-size: 13px;line-height: 26px;word-break: keep-all;padding-right: 10px;}
    #sub.faq .fq_list .txt p br{display: none}
    #sub.gal_list .con01 ul li a .txt span{font-size: 12px;padding-top: 10px;}
    #sub.gal_list .con01 ul li a .txt strong{font-size: 16px;margin-top: 6px;}
    #sub.gal_list .con01 ul li a .txt strong em{font-size: 12px;}
    #sub.gal_list .con01 ul li{margin-bottom: 30px;}
    #sub.gal_list .peo_pop > div > div{width: 90%}
    #sub.gal_list .peo_pop > div > div .info > div.left {width: 150px;}
    #sub.gal_list .peo_pop > div > div .pop_in{padding: 40px 20px}
    #sub.gal_list .peo_pop > div > div .info > div.right span{font-size: 12px;}
    #sub.gal_list .peo_pop > div > div .info > div.right strong{font-size: 16px;margin-top: 10px;}
    #sub.gal_list .peo_pop > div > div .info > div.right strong em{font-size: 12px;margin-left: 5px;}
    #sub.gal_list .peo_pop > div > div .info > div.right ul li{font-size: 13px;line-height: 1.8}
    #sub.gal_list .peo_pop > div > div .info > div.right ul li:before{top: 9px;}
    #sub.gal_list .peo_pop > div > div .info > div.right ul{margin-top: 15px;}
    #sub.gal_list .peo_pop > div > div .info > div.right{padding-left: 20px;padding-top: 10px;}
    #sub.gal_list .peo_pop > div > div .txt_box p{font-size: 12px;line-height: 1.8}
    #sub.gal_list .peo_pop > div > div .txt_box{padding: 10px;height: 150px;}
    #header{position: fixed}
    #sub.case_w .case01 .in_w > ul > li ul li strong{font-size: 13px;word-break: break-all;line-height: 1.5}
    #sub.case_w .case01 .in_w > ul > li ul li p{font-size: 13px;line-height: 1.5;word-break: break-all}
    #sub.business .b_con.act:before{width: 25px;}
    #sub.business .b_con{padding: 20px;padding-left: 70px}
    #sub.business .b_con:after{width: 40px;height: 40px;background-size: 100% 100% !important}
    #sub.business .b_con:after{left: 9px;}
    #sub.business .txt strong{font-size: 15px;margin-bottom: 10px;}
    #sub.business .txt p{font-size: 13px;line-height: 26px;word-break: break-all}
/*    #sub.business .txt p{word-break: keep-all}*/
    #sub.business .txt p br{display: none}
    #sub.business .txt{margin-bottom: 20px;}
    #sub.contact .left strong{font-size: 20px;}
    #sub.contact .left strong img{height: 20px;}
    #sub.contact .left .chk p{font-size: 12px;}
    #sub.contact .left button{height: 40px;font-size: 15px;border-radius: 15px;}
    #sub.contact .left button span{font-size: 15px;}
    #sub.contact .left{width: 360px}
    #sub.contact .right{padding-left: 380px;}
    #sub.contact .right > ul > li strong{font-size: 14px;}
    #sub.contact .right > ul > li .inp_wrap > input, #sub.contact .right > ul > li .inp_wrap > select{font-size: 13px;height: 45px;border-radius: 10px;}
    #sub.contact .right > ul > li strong{margin-bottom: 8px;}
    #sub.contact .right > ul > li{margin-bottom: 10px}
    #sub.contact .right > ul > li ul li span{font-size: 12px;margin-bottom: 5px;}
    #sub.contact .right > ul > li ul li textarea{font-size: 12px;height: 50px;padding: 10px;border-radius: 10px;}
    #sub.contact .right > ul > li ul{padding: 10px;}
    #sub.contact .right > ul > li .inp_wrap textarea{font-size: 13px;padding: 10px;border-radius: 15px;height: 120px;}
    #sub.contact .right > ul > li .inp_wrap p, #sub.contact .right > ul > li .inp_wrap .file_w span{line-height: 45px;font-size: 12px;height: 45px;}
    #sub.contact .right > ul > li .inp_wrap .file_w span{width: 60px}
    #sub.contact .right > ul > li .inp_wrap .file_w, #sub.contact .right > ul > li .inp_wrap p{border-radius: 10px;}
    #sub .sub_txt strong{font-size: 24px;}
    #sub .sub_txt ul li{font-size: 12px;}
    #sub .sub_txt ul{margin-bottom: 10px;}
    #sub{padding-top: 150px;padding-bottom: 80px;}
    #sub.case_w .case01 .in_w > ul > li .logo{width: 200px}
    #sub.case_w .case01 .in_w > ul > li .logo img{width: 200px;}
    #sub.case_w .in_w{padding: 0}
    #sub.case_w .case01 .in_w > ul > li{padding-left: 200px}
    #sub.case_w .case02 .txt p{font-size: 14px;line-height: 1.7}
    #sub.case_w .case02 .tit2 strong{font-size: 15px;}
    #sub.case_w .case02 .in_w > ul > li{padding: 20px; padding-left: 220px;}
    #sub.case_w .tit strong{line-height: 45px;font-size: 15px;padding-left: 20px;}
    #sub.case_w .case02 .in_w > ul > li{margin-bottom: 20px;}
    #sub.case_w .case01 .in_w > ul > li{padding-top: 20px}
    #header{overflow: visible}
    .s_menu{position: fixed}
    #sub.history .h_con > div.left{width: 100%}
    #sub.history .h_con > div.left .txt strong{font-size: 30px;}
    #sub.history .h_con > div.left .txt span{font-size: 14px;}
    #sub.history .h_con > div.left .txt{text-align: center;padding: 20px;}
    #sub.history .h_con > div.left .txt span{margin-bottom: 15px;}
    #sub.history .h_con > div.left .txt strong{line-height: 1}
    #sub.history .h_con > div.right > ul > li > span{font-size: 16px;}
    #sub.history .h_con > div.right{width: 100%}
    #sub.history .h_con > div.right > ul > li > ul li, #sub.history .h_con > div.right > ul > li > span{line-height: 1.7}
    #sub.history .h_con > div.right > ul > li{padding-left: 110px}
    #sub.history .h_con > div.left{padding-right: 0}
    #sub.history .con01:after{display: none}
    #sub.history .h_con > div.right{padding-top: 30px;}
    #sub.history .h_con > div.right > ul > li{margin-bottom: 15px;word-break: keep-all}
    #sub.history .h_con > div.right > ul > li > span:before{width: 7px;height: 7px;margin-right: 5px;}
    #sub.history .h_con{margin-top: 55px;}
    #sub.history .con02 .wrap > div.left{width: 100%}
    #sub.history .con02 .wrap > div.right{width: 100%}
    #sub.history .con02 .wrap > div.right ul li strong{font-size: 16px;margin-bottom: 15px;}
    #sub.history .con02 .wrap > div.right ul li p{font-size: 13px;line-height: 1.5;padding: 15px}
    #sub.history .con02 .wrap > div.right{padding-top: 55px;}
    #sub.history .con02 .wrap > div.right ul li{margin-bottom: 20px;}
    #sub.history .con02 .wrap > div.left{height: 300px;}
    #sub.history .con02 .tit img{height: 28px;}
    #sub.history .con02 .tit{margin-bottom: 30px;}
    #sub.history .con02{padding-top: 60px}
    #sub.solution .con01 .ic{transform: scale(0.6)}
    #sub.solution .con01.on .ic {transform: scale(0.6) translateY(0);}
    #sub.solution .con01 .ic{margin-bottom: 0}
    #sub.solution .con01 .tit{text-align: center}
    #sub.solution .con01 .tit p{word-break: keep-all;line-height: 1.7}
    #sub.solution .con01 .img img{max-width: 90%}
    #sub{transform: scale(1)}
    #sub.contact .right .tx_box p{font-size: 12px;margin-bottom: 7px;}
    #sub.contact .right .tx_box strong, #sub.contact .right .tx_box span{font-size: 12px;}
    #sub.contact .right .tx_box{height: 150px;}
    #sub.contact .left{display: none}
    #sub.contact .right .chk p{font-size: 13px;}
    #sub.contact .right{padding-left: 0}
    #sub.contact .right button{height: 45px;font-size: 14px;}
    #sub.contact .right button span{font-size: 14px;}
    #sub.contact .right .bt_area{margin-top: 20px}
    #sub.contact .right .chk{margin-top: 20px;}
    .peo_pop > div > div{width: 90%}
    #sub.solution .sub_loc ul li:last-child{margin-right: auto}

}
@media (max-width: 700px){
    #sub.solution .core ul li{margin-right: 0;width: 100%;margin-bottom: 20px;}
    #sub.solution .pub .list li, #sub.solution .pat .list > li{width: 100%}
    #sub.solution .pub .list li a, #sub.solution .pat .list > li a{height: auto}
    #sub.gal_list .con01 ul li{width: 49%;margin-right: 2%}
    #sub.gal_list .con01 ul li:nth-child(2n){margin-right: 0}
    #sub.contact .left{position: static}
    #sub.contact .left.on{position: static;top: 0;}
    #sub.contact .right{padding-left: 0}
    #sub.contact .left{padding-left: 20px;width: 100%;margin-left: 0;margin-top: 20px;}
    #sub.contact .left strong, #sub.contact .left i{display: none}

    #sub .p_list ul{transform: scale(0.8)}
    .peo_pop > div > div .pop_in{padding: 25px;}
    .peo_pop > div > div .info > div.right ul li{font-size: 13px;line-height: 26px;}
    .peo_pop > div > div .info > div.right strong{font-size: 16px;margin-top: 5px;}
    .peo_pop > div > div .info > div.right strong em{font-size: 12px;}
    .peo_pop > div > div .info > div.right span{font-size: 12px;}
    .peo_pop > div > div .info > div.right ul{margin-top: 10px;}
    .peo_pop > div > div .txt_box p{font-size: 12px;line-height: 1.6}

}
@media (max-width: 620px){
    #sub.ourstory .con01 .left ul li{margin-bottom: 25px;}
    #sub.ourstory .con01 .left ul li.on, #sub.ourstory .con01 .left ul li{width: 100%}
    #sub.ourstory .con01 .left .txt{height: auto;padding-top: 30px;padding-bottom: 30px}
    #sub.ourstory .con01 .left .txt2{display: none}
    #sub.ourstory .con01 .left .txt p, #sub.ourstory .con01 .left .txt strong, #sub.ourstory .con01 .left .txt p, #sub.ourstory .con01 .left .txt strong{opacity: 1}
    #sub.ourstory .con01 .left strong{margin-bottom: 15px;}
    #sub.ourstory .con02{height: 260px;}
    #sub.ourstory .con02 .img img{height: 330px;}
    #sub.ourstory .con02 .txt{padding-top: 78px;}
    #sub.solution .sub_loc ul li a{width: 100px;font-size: 12px;line-height: 40px;}
    #sub.solution .sub_loc ul li{margin-right: 5px;}
    .peo_pop > div > div .info > div.left{width: 120px;float: none; margin: 0 auto}
    .peo_pop > div > div .info > div.right{padding-left: 0}
    .peo_pop > div > div .txt_box{height: 150px;margin-top: 20px;}
    .peo_pop{padding-top: 60px;}
    #sub.case_w .case01 .in_w > ul > li .logo{width: 100%}
    #sub.case_w .case01 .in_w > ul > li .logo{position: static;height: auto}
    #sub.case_w .case01 .in_w > ul > li{padding: 15px;}
    #sub.case_w .case01 .in_w > ul > li ul li{padding-right: 0;text-align: center}
    #sub.case_w .case01 .in_w > ul > li ul li strong{margin-bottom: 10px;}
    #sub.case_w .case02 .in_w > ul > li{padding: 20px;}
    #sub.case_w .case02 .tit2{position: static;padding-left: 0}
    #sub.case_w .case02 .tit2{position: static;padding-left: 0}
    #sub.case_w .case02 .in_w > ul > li{text-align: center}
    #sub.case_w .case01 .in_w > ul > li{margin-bottom: 15px;}
    #sub.case_w .case01{margin-bottom: 45px;}
    #sub.case_w .case02 .txt p br{display: none}
    #sub.case_w .case01 .in_w > ul > li{padding-bottom: 30px;}
    #sub.history .h_con > div.right > ul > li > ul li{font-size: 13px;}
    #sub.history .h_con > div.right > ul > li > ul li span{font-size: 12px;line-height: 1.7}
    #sub.contact .right .bt_area button, #sub.contact .right .bt_area .chk{float: none;width: 100%}
    #sub.business .b_con .swiper-prev, #sub.business .b_con .swiper-next{z-index: 999}
    .peo_pop > div > div{width: 300px}
}
@media (max-width: 320px){
    #sub.solution .sub_loc ul li{width: 100%;margin-bottom: 5px;}
    #sub.solution .sub_loc ul li a{width: 100%;line-height: 35px;}
    #sub.history .h_con > div.right > ul > li{padding-left: 84px;}
    #sub.history .h_con > div.right > ul > li > ul li span{font-size: 11px}
    #sub.solution .pat .list > li a strong{font-size: 14px;}

}