#header.sub{background: none}
.quick_w{z-index: 9999}
#proPop > div > div{max-width: 90%;margin: 0 auto}
#proPop{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;top: 0;left: 0;z-index: 9999;position: fixed;align-items: center;justify-content: center;display: none}
#proPop2{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;top: 0;left: 0;z-index: 9999;position: fixed;align-items: center;justify-content: center;display: flex}
#proPop2{display: none}
#proPop2.on{display: flex}
#proPop2 > div > div{position: relative}
#proPop2 > div > div button{position: absolute;right: -70px;top: 0;    box-shadow: 20px 20px 40px rgba(125, 146, 194, 0.2);;border-radius: 50%}
#proPop2 img{filter: drop-shadow(20px 20px 40px rgba(125,146,194,0.2))}
#proPop.on{display: flex}
#proPop > div > div{background: #FFFFFF;padding-top: 30px;border-radius: 20px;width: 1000px;box-shadow: 20px 20px 40px rgba(125,146,194,0.2)}
#proPop > div > div .title{text-align: center}
#proPop > div > div .title strong{color: #2D303E;font-size: 30px;display: block;margin-bottom: 10px;}
#proPop > div > div .title strong span{color: #3E70E6;font-weight: inherit;margin-bottom: 10px;}
#proPop > div > div .title p{font-size: 26px;line-height: 1.5;color: #2D303E;font-weight: 600}
#proPop > div > div .doc_w{display: flex;align-items: center;margin-top: 0;}
#proPop > div > div .doc_w > div{width: 50%}
#proPop > div > div .doc_w .txt{padding-left: 40px;padding-right: 60px;}
#proPop > div > div .doc_w .txt table{width: 100%;border-collapse: collapse;border-top: 2px solid #2D303E;margin-top: 40px}
#proPop > div > div .doc_w .txt strong{display: inline-block;line-height: 55px;padding: 0 30px;background: #3052A2;border-radius: 10px;color: #fff;font-size: 30px;}
#proPop > div > div .doc_w .txt table th{text-align: left;height: 60px;vertical-align: middle;font-size: 20px;color: #484A57;border-bottom: 1px solid #E8E9EE;}
#proPop > div > div .doc_w .txt table td{text-align: right;font-size: 20px;color: #787C8E;border-bottom: 1px solid #E8E9EE;vertical-align: middle}
#proPop > div > div .info{background: #F1F2F9;border: 6px solid #fff;border-radius: 10px;margin-top: 20px;}
#proPop > div > div .info > div{display: flex;align-items: center;padding: 50px 40px;}
#proPop > div > div .info i{display: block;padding-right: 40px;}
#proPop > div > div .info ul li{font-size: 20px;color: #787C8E;line-height: 27px;margin-bottom: 20px;position: relative;padding-left: 12px;}
#proPop > div > div .info ul li:before{content: '';display: block;position: absolute;left: 0;background: #787C8E;width: 4px;height: 4px;border-radius: 50%;top: 10px}
#proPop > div > div .info ul li:last-child{margin-bottom: 0}
#proPop > div > div{position: relative}
#proPop > div > div button{position: absolute;right: -70px;top: 0;    box-shadow: 20px 20px 40px rgba(125, 146, 194, 0.2);;border-radius: 50%}
#sub {overflow: hidden;position: relative}
#sub .sub_visual{padding-top: 250px;position: relative;z-index: 9}
#sub .sub_visual .sv_title{margin-bottom: 30px;}
#sub .sub_visual .sv_title strong{font-size: 68px;color: #2D303E;}
#sub .sub_visual .sv_loc > ul{display: flex}
#sub .sub_visual .sv_loc > ul li{position: relative}
#sub .sub_visual .sv_loc > ul li p{font-size: 20px;color: #BBBDC7;display: inline-block;vertical-align: middle}
#sub .sub_visual .sv_loc > ul > li p:after{content: '';display: inline-block;width: 16px;height: 2px;background: #AFB3C7;vertical-align: middle;margin: 0 20px;position: relative;top: -2px;}
#sub .sub_visual .sv_loc > ul > li button{display: block;color: #2D303E;font-size: 20px;font-weight: 600}
#sub .sub_visual .sv_loc > ul > li button i{display: inline-block;vertical-align: middle;margin-left: 10px;position: relative;top: -2px;transition: 0.7s}
#sub .sub_visual .sv_loc > ul > li button.on i{transform: rotate(-180deg)}
#sub .sub_visual .sv_loc > ul > li ul{display: block;position: absolute;width: 220px;background: #F6F7F8;padding: 30px 40px;padding-right: 0;border-radius: 10px;margin-top: 10px;display: none;left: -40px}
#sub .sub_visual .sv_loc > ul > li ul li a{display: block;line-height: 36px;color: #787C8E;line-height: 36px;font-weight: 500}
#sub .sub_visual .sv_loc > ul > li ul li:hover a{color: #000}
#sub .sub_visual .vis_shape i{display: block;position: absolute;right: 0;top: 0;border-radius: 0 0 0 100px;}
#sub .sub_visual .vis_shape i.sh01{width: 940px;height: 420px;background: #EBEDF5}
#sub .sub_visual .vis_shape i.sh02{width: 800px;height: 340px;background: #F2F3F9}
#sub .sub_visual .vis_shape i.sh03{width: 660px;height: 260px;background: #F8F8FC}
#sub .sub_visual .vis_shape i.sh04{width: 520px;height: 180px;background: #FFFFFF}
#sub .sub_con{padding-top: 130px;padding-bottom: 160px}
#sub.intro .con01 i{display: block;position: absolute}
#sub.intro .con01 .bg01{background: #3052A2;width: 400px;height: 400px;border-radius: 0 0 0 300px;bottom: -40px;left: -40px}
#sub.intro .con01 .bg02{background: #BBCFFF;width: 100px;height: 100px;border-radius: 50px 0 0 0;top: -20px;right: 20px;z-index: 2}
#sub.intro .con01{position: relative;margin-bottom: 180px;}
#sub.intro .con01 .bg_img{position: relative;border-radius: 0 0 100px 0;overflow: hidden;box-shadow: 20px 20px 40px rgba(41,63,116,0.2)}
#sub.intro .con01 .bg_img img{display: block}
#sub.intro .con01 .txt{width: 100%;position: absolute;top: 50%;transform: translateY(-50%)}
#sub.intro .con01 .txt strong{display: block;text-align: center;color: #FFFFFF;font-size: 54px;font-weight: 500}
#sub.intro .con01 .txt p{text-align: right;padding-right: 208px;color: #fff;font-size: 24px;font-weight: 300;margin-top: 20px;}
#sub.intro .con01 .txt p span{font-weight: 500}
#sub.intro .con02{padding-bottom: 120px}
#sub.intro .con02 ul{border-top: 1px solid #E8E9EE}
#sub.intro .con02 ul li{display: flex;height: 240px;align-items: center;border-bottom: 1px solid #E8E9EE;}
#sub.intro .con02 ul li .tit{width: 400px;}
#sub.intro .con02 ul li .tit strong{display: flex;align-items: center;font-size: 30px;color: #2D303E;}
#sub.intro .con02 ul li .tit i{border-radius: 0 0 10px 0;box-shadow: 4px 4px 10px rgba(29,49,136,0.2);margin-right: 20px;overflow: hidden}
#sub.intro .con02 ul li .tit i img{display: block;}
#sub.intro .con02 ul li .txt {padding-left: 60px;position: relative}
#sub.intro .con02 ul li .txt:before{content: '';display: block;width: 1px;height: 30px;background: #E8E9EE;position: absolute;left: 0;top: 50%;margin-top: -15px;}
#sub.intro .con02 ul li .txt p{color: #787C8E;font-size: 24px;}
#sub.intro .con03 .tit{margin-bottom: 60px;}
#sub.intro .con02 .tit{padding-left: 80px}
#sub.intro .con03 .tit strong{display: block;font-size: 42px;color: #2D303E;font-weight: 400;line-height: 63px;}
#sub.intro .con03 .tit strong span{font-weight: 600}
#sub.intro .con03 .tit strong em{font-weight: 600;color: #3E70E6}
#sub.intro .con03 .txt p{font-size: 24px;color: #787C8E;line-height: 42px;}
#sub.intro .con03 .txt p span{font-weight: 600;color: #2D303E}
#sub.cerf .sub_con{padding-bottom: 60px;}
#sub.cerf .con01 ul{display: flex;flex-wrap: wrap}
#sub.cerf .con01 ul li{width: 23%;margin-right: 2.666666666666667%;margin-bottom: 100px;}
#sub.cerf .con01 ul li:nth-child(4n){margin-right: 0}
#sub.cerf .con01 ul li .img{padding: 1px ;background: linear-gradient(135deg, #E8E9EE , #fff);border-radius: 10px;overflow: hidden;box-shadow: 10px 10px 40px rgba(125,146,194,0.1)}
#sub.cerf .con01 ul li .img img{max-width: 100%}
#sub.cerf .con01 ul li .img div{overflow: hidden;border-radius: 11px}
#sub.cerf .con01 ul li .txt{padding-top: 20px;text-align: center}
#sub.cerf .con01 ul li .txt strong{display: block;font-size: 24px;color:#2D303E }
#sub.cerf .con01 ul li .txt:after{content: '';display: block;width: 135px;height: 4px;background: #F1F2F9;border-radius: 2px;margin: 0 auto;margin-top: 20px;}
#sub.partner .con{margin-bottom: 160px}
#sub.partner .con img{max-width: 100%}
#sub.partner .con .title{display: flex;align-items: center;margin-bottom: 20px;}
#sub.partner .con .title i{border-radius: 0 0 10px 0;box-shadow: 4px 4px 10px rgba(29,49,136,0.2);margin-right: 20px;overflow: hidden}
#sub.partner .con .title i img{display: block}
#sub.partner .con .title strong{font-size: 24px;color: #2D303E;font-weight: 600}
#sub.partner .con03{margin-bottom: 0}
#sub.direction .con01{position: relative;min-height: 600px;}
#sub.direction .con01 > .map{position: absolute;left: -200px;}
#sub.direction .con01 > .map:after{content: '';display: block;background: #F1F2F9;width: 600px;height: 200px;border-radius: 0 50px 0 0 ;right: -30px;top: -30px;position: absolute}
#sub.direction .con01 ul{position: relative}
#sub.direction .con01 .map ul li{position: absolute;top: 0;left: 0}
#sub.direction .con01 .map ul li:nth-child(1){position: relative}
#sub.direction .con01 .map ul li:nth-child(2){width: 100%}
#sub.direction .con01 .map ul li.on{z-index: 3}
#sub.direction .con01 .map .map_area{width: 1100px;height: 600px;overflow: hidden;border-radius: 0 0 200px 0}
#sub.direction .con01 .map .map_area .root_daum_roughmap{width: 100%;height: 100%}
#sub.direction .con01 .map .map_area .root_daum_roughmap .wrap_map{height: 100%}
#sub.direction .con01{display: flex;justify-content: flex-end}
#sub.direction .con01 .address{width: 620px;position: relative;z-index: 20}
#sub.direction .con01 .address ul li{padding: 20px;display: block;position: relative}
#sub.direction .con01 .address ul li:before{content: '';display: block;width: 109.7%;height: 100%;position: absolute;right: 0;top: 0;background: linear-gradient(315deg, #182951,#3052A2);border-radius: 100px 0 0 ;opacity: 0;box-shadow: 20px 20px 40px rgba(53,61,91,0.3
)}
#sub.direction .con01 .address ul li.on:before{opacity: 1}
#sub.direction .con01 .address ul li a{border: 1px solid #E8E9EE;border-radius: 10px;display: block;padding: 40px 60px;padding-right: 0}
#sub.direction .con01 .address ul li .txt{position: relative;z-index: 6}
#sub.direction .con01 .address ul li.on .txt{left: -40px;}
#sub.direction .con01 .address ul li .txt strong{display: block;color: #2D303E;font-size: 30px;font-weight: 500;margin-bottom: 12px;}
#sub.direction .con01 .address ul li .txt p{display: block;color: #787C8E;font-size: 24px;font-weight: 400;}
#sub.direction .con01 .address ul li .txt p i{display: inline-block;margin-right: 10px;position: relative;top: 2px}
#sub.direction .con01 .address{padding-top: 100px;}
#sub.direction .con01 .address ul li.on .txt strong{color: #fff}
#sub.direction .con01 .address ul li.on .txt p{color: #B3BCD1}
#sub.service01 .con01 ul{display: flex;padding-bottom: 80px;position: relative}
#sub.service01 .con01 ul li{width: 31.58%;margin-right: 2.63%;border: 1px solid #E8E9EE;border-radius: 18px;padding-top: 40px;padding-bottom: 40px;position: relative}
#sub.service01 .con01 ul li:after{content: '';display: block;position: absolute;width: 1px;height: 40px;left: 50%;transform: translateX(-50%);bottom: -40px;background: #E8E9EE}
#sub.service01 .con01 ul:after{content: '';display: block;position: absolute;width: 68.42%;height: 1px;left: 50%;transform: translateX(-50%);bottom: 40px;background: #E8E9EE}
#sub.service01 .con01 ul li:nth-child(2):after{bottom: -80px;height: 80px;}
#sub.service01 .con01 ul li:nth-child(3n){margin-right: 0}
#sub.service01 .con01 ul li i{display: block;margin: 0 auto;width: 80px;border-radius: 4px 4px 20px 4px;overflow: hidden;box-shadow: 4px 4px 10px rgba(29,49,136,0.2);margin-bottom: 20px;}
#sub.service01 .con01 ul li i img{display: block}
#sub.service01 .con01 ul li strong{display: block;color: #2D303E;font-size: 30px;margin-top: 20px;margin: 0 auto;text-align: center;width: 300px;max-width: 95%;border-bottom: 1px solid #E8E9EE;padding-bottom: 20px;}
#sub.service01 .con01 ul li p{color: #787C8E;font-size: 22px;line-height: 33px;text-align: center;padding-top: 20px;}
#sub.service01 .con02{width: 600px;height: 238px;background: linear-gradient(315deg, #182951,#3052A2);margin: 0 auto;border-radius: 18px;padding: 8px;}
#sub.service01 .con01 ul li p{color: #787C8E;font-size: 22px;line-height: 33px;text-align: center;padding-top: 20px;}
#sub.service01 .con02 > div{display: block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;border: 1px solid #203C7D;border-radius: 12px;}
#sub.service01 .con02 > div i{display: block;display: block;margin: 0 auto;width: 80px;border-radius: 4px 4px 20px 4px;overflow: hidden;box-shadow: 4px 4px 10px rgba(29,49,136,0.2);margin-bottom: 20px;}
#sub.service01 .con02 > div strong{font-size: 20px;color: #FFFFFF;display: block;margin-top: 20px;}
#sub.service01 .con03{margin-top: 60px;}
#sub.service01 .con03 > div{background: #F1F2F9;width: 1000px;margin: 0 auto;padding: 40px;display: flex;align-items: center;border-radius: 10px;max-width: 100%}
#sub.service01 .con03 > div ul{padding-left: 60px;}
#sub.service01 .con03 > div ul li{font-size: 20px;color: #787C8E;line-height: 27px;margin-bottom: 20px;position: relative;padding-left: 12px;}
#sub.service01 .con03 > div ul li:before{content: '';display: block;position: absolute;left: 0;background: #787C8E;width: 4px;height: 4px;border-radius: 50%;top: 10px}
#sub.service01 .con03 > div ul li:last-child{margin-bottom: 0}
#sub .tab{border: 1px solid #E8E9EE;padding: 10px;border-radius: 18px;margin-bottom: 100px;}
#sub .tab ul{display: flex}
#sub .tab ul li{width: 49.7%}
#sub .tab ul li:nth-child(1){margin-right: 0.6%}
#sub .tab ul li a{display: block;text-align: center;line-height: 60px;background: #F1F2F9;border-radius: 10px;font-size: 22px;font-weight: 600;color: #989DB8;}
#sub .tab ul li.on a{background: #3052A2;color: #fff}
#sub.service02 .con01{margin-bottom: 100px;}
#sub.service02 .con01 strong{display: block;font-size: 30px;color: #2D303E;font-weight: 600;margin-bottom: 40px;word-break: keep-all}
#sub.service02 .con01 ul li{font-size: 20px;color: #787C8E;margin-bottom: 20px;position: relative;padding-left: 12px;word-break: keep-all}
#sub.service02 .con01 ul li:before{content: '';display: block;position: absolute;left: 0;background: #787C8E;width: 4px;height: 4px;border-radius: 50%;top: 10px}
#sub.service02 .con01 ul li:last-child{margin-bottom: 0}
#sub.service02 .con02 table{border-collapse: collapse;width: 100%}
#sub.service02 .con02 table th{height: 70px;vertical-align: middle;background: #F5F6F9;text-align: center;font-size: 20px;}
#sub.service02 .con02 table td{padding: 20px;text-align: center;border-bottom: 1px solid #E8E9EE;border-right: 1px solid #E8E9EE;vertical-align: middle}
#sub.service02 .con02 table td:last-child{border-right: none;text-align: left}
#sub.service02 .con02 table td p{font-size: 20px;color: #787C8E;line-height: 30px;}
#sub.service02 .con03{margin-top: 60px;}
#sub.service02 .con03 > div{background: #F1F2F9;width: 1000px;margin: 0 auto;padding: 40px;display: flex;align-items: center;border-radius: 10px;max-width: 100%}
#sub.service02 .con03 > div .tit{display: flex;align-items: center;border-right: 1px solid #DCDDE3;padding-right: 60px;margin-right: 60px;}
#sub.service02 .con03 > div .tit div{padding-left: 60px;}
#sub.service02 .con03 > div .tit span{display: block;font-size: 22px;color: #2D303E;font-weight: 600;margin-bottom: 9px}
#sub.service02 .con03 > div .tit strong{display: block;font-size: 30px;color: #2F51A2;font-weight: 600}
#sub.service02 .con03 > div p{padding: 15px 25px;background: #E8EAF5;border-radius: 10px;color: #9599AB;font-size: 18px;line-height: 1;border-radius: 10px;}
#sub.faq .con01 ul li{margin-bottom: 10px;}
#sub.faq .con01 ul li .title a{display: block;padding: 35px 60px;border: 1px solid #E8E9EE;border-radius: 10px;position: relative;background: #fff}
#sub.faq .con01 ul li .title a i{position: absolute;right: 60px;top: 50%;margin-top: -10px;transition: 0.7s}
#sub.faq .con01 ul li.on .title a i{transform: rotate(-180deg)}
#sub.faq .con01 ul li.on .title a i svg path{stroke: #fff}
#sub.faq .con01 ul li .title a span{display: block;font-size: 20px;color: #3052A2;font-weight: 500;margin-bottom: 10px;}
#sub.faq .con01 ul li .title a strong{display: block;font-size: 26px;color: #2D303E;font-weight: 500}
#sub.faq .con01 ul li .content{background: #F1F2F9;padding: 60px;padding-bottom: 50px;margin-top:-10px;border-radius: 0 0 10px 10px;display: none}
#sub.faq .con01 ul li .content p{font-size: 22px;color: #787C8E;line-height: 42px;}
#sub.faq .con01 ul li .content img{max-width: 100%}
#sub.faq .con01 ul li.on .title a{background: #3052A2;border-color: #3052A2}
#sub.faq .con01 ul li.on .title a span{color: #BBCFFF;font-weight: 600}
#sub.faq .con01 ul li.on .title a strong{color: #fff;font-weight: 600}
#sub .tab2{margin-bottom: 60px;}
#sub .tab2 ul{display: flex}
#sub .tab2 ul li{width: 11.9%;margin-right: 0.6857142857142857%}
#sub .tab2 ul li:last-child{margin-right: 0}
#sub .tab2 ul li a{display: block;line-height: 58px;text-align: center;border: 1px solid #E8E9EE;border-radius: 10px;font-size: 22px;color: #959AA7;font-weight: 600;position: relative;transition: 0.7s}
#sub .tab2 ul li.on a{background: #3052A2;color: #fff;border-color: #3052A2}
#sub .tab2 ul li.on a:before{content: '';display: block;width: 30px;height: 15px;bottom: -16px;position: absolute;left: 50%;transform: translateX(-50%);background: #F1F2F9;border-radius: 0 0 15px 15px}
#sub .tab2 ul li.on a:after{content: '';display: block;width: 10px;height: 10px;bottom: -6px;position: absolute;left: 50%;transform: translateX(-50%);background: #FFFFFF;border-radius: 50%;box-shadow: 0 2px 6px rgba(21,38,77,0.3)}
#sub .tab2 ul li:hover a{color: #3052A2}
#sub .paging{margin-top: 60px;}
#sub .paging ul {display: flex;align-items: center;justify-content: center}
#sub .paging ul li{margin-right: 10ppx}
#sub .paging ul li:last-child{margin-right: 0}
#sub .paging ul li a{display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #AFB3C7;font-size: 16px;font-weight: 600;border-radius: 10px}
#sub .paging ul li.on a{background: #3E70E6;color: #fff}
#sub .paging ul li.m_prev a{background: url(/img/sub/first.png);background-size: 100% 100%}
#sub .paging ul li.prev a{background: url(/img/sub/prev.png);background-size: 100% 100%}
#sub .paging ul li.next a{background: url(/img/sub/next.png);background-size: 100% 100%}
#sub .paging ul li.m_next a{background: url(/img/sub/last.png);background-size: 100% 100%}

#sub .tab3{padding-bottom: 10px;border-bottom: 1px solid #E8E9EE;margin-bottom: 10px;}
#sub .tab3 ul{display: flex;flex-wrap: wrap}
#sub .tab3 ul li{width: 10.526%;margin-right: 0.65825%;margin-bottom: 0.65825%}
#sub .tab3 ul li a{display: block;line-height: 50px;background: #F1F2F9;border-radius: 10px;text-align: center;font-size: 22px;color: #989DB8;transition: 0.7s}
#sub .tab3 ul li.on a{color: #fff;background: #3052A2}
#sub .tab3 ul li:hover a{color: #3052A2}
#sub .tab3 ul li:nth-child(9n){margin-right: 0}
#sub .tab4{background: #F1F2F9;padding: 20px 40px;border-radius: 10px;}
#sub .tab4 ul{display: flex;flex-wrap: wrap}
#sub .tab4 ul li {margin-right: 40px;}
#sub .tab4 ul li:last-child{margin-right: 0}
#sub .tab4 ul li a{display: block;font-size: 20px;color: #989DB8;padding: 10px 0;transition: 0.7s}
#sub .tab4 ul li:hover a{color: #3052A2}
#sub .tab4 ul li.on a{color: #3052A2;font-weight: 600}
#sub.agent .con01{margin-top: 100px;}
#sub.agent .con01 table{    width: 100%;border-spacing: 0 15px !important;border-collapse: inherit;}
#sub.agent .con01 table th{height: 80px;background: #F5F6F9;vertical-align: middle;text-align: left;padding-left: 40px;font-size: 20px;color: #484A57;}
#sub.agent .con01 table th:nth-child(1){border-radius: 10px  0 0 10px}
#sub.agent .con01 table th:nth-child(3){width: 50%}
#sub.agent .con01 table th:last-child{border-radius: 0 10px 10px 0;padding-left: 0;text-align: center;width: 15%}
#sub.agent .con01 table tbody tr{ cursor: pointer; }
#sub.agent .con01 table tbody tr:hover td{ border-color: #2335a3; }
#sub.agent .con01 table td{ border-top: 1px solid #dddddd; border-bottom: 1px solid #E8E9EE; height: 80px; text-align: center; vertical-align: middle; font-size: 18px; font-weight: 500;color:#42434a; letter-spacing: -0.03em;
    transition: border-color .4s;padding-left: 40px;text-align: left;color: #787C8E;font-size: 20px;position: relative
}
#sub.agent .con01 table td .map_btn{border-bottom: 1px solid #aaa;display: inline-block}
#sub.agent .con01 table td:first-child{ border-radius: 20px 0 0 20px; border-left: 1px solid #E8E9EE; }
#sub.agent .con01 table td:last-child{ border-radius: 0 20px 20px 0; border-right: 1px solid #E8E9EE;padding-left: 0;text-align: center}
#sub.agent .con01 table td:after{content: '';display: block;width: 1px;height: 16px;background: #E8E9EE;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
#sub.agent .con01 table td:last-child:after{display: none}
#sub.list .con01 ul li{margin-bottom: 10px;}
#sub.list .con01 ul li a{display: block;position: relative;padding: 43px; padding-left: 200px;border: 1px solid #E8E9EE;border-radius: 10px;}
#sub.list .con01 ul li a .num{display: block;width: 200px;text-align: center;color: #E8E9EE;font-size: 60px;font-weight: 600;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
#sub.list .con01 ul li a .num i{width: 100px;line-height: 50px;background: #3052A2;border-radius: 10px;text-align: center;font-size: 22px;color: #fff;font-weight: 600;display: block;margin: 0 auto;transition: 0.7s}
#sub.list .con01 ul li:hover a .num i{background: #fff;color: #3052A2}
#sub.list .con01 ul li a strong{display: block;font-size: 26px;color: #2D303E;}
#sub.list .con01 ul li a strong .file{display: inline-block;vertical-align: middle;margin-left: 14px;position: relative;top: -3px;}
#sub.list .con01 ul li a p{display: block;font-size: 20px;color: #C1C4D6;margin-top: 10px;}
#sub.list .con01 ul li a p i{display: inline-block;width: 1px;height: 12px;background: #E8E9EE;margin: 0 20px;}
#sub.list .con01 ul li a .arrow{position: absolute;right: 80px;top: 50%;transform: translateY(-50%)}
#sub.list .con01 ul li a .arrow svg{position: relative;z-index: 2}

#sub.list .con01 ul li a .arrow:after{content: '';display: block;position: absolute;width: 60px;height: 60px;background: #FFFFFF;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;border-radius: 50%;transition: 0.7s;transform: scale(0)}
#sub.list .con01 ul li:hover a .arrow:after{transform: scale(1)}

#sub.list .con01 ul li:hover a{background: #3052A2;border-color: #3052A2}
#sub.list .con01 ul li:hover a strong{color: #fff}
#sub.list .con01 ul li:hover a span{color: #BBCFFF}
#sub.list .con01 ul li:hover a p i{background: #5776C1}
#sub.list .con01 ul li:hover a .num{color: #fff}
#sub.list .con01 ul li:hover a .file rect{fill: #20449A}
#sub.list .con01 ul li:hover a .file path{stroke: #FFFFFF}
#sub.list .con01 ul li:hover a .file line{stroke: #FFFFFF}
#sub.list .con01 ul li:hover a .arrow path{stroke: #3052A2}
#sub.list .con01 ul li a{transition: 0.7s}
#sub.list .con01 ul li a strong{transition: 0.7s}
#sub.list .con01 ul li a span{transition: 0.7s}
#sub.list .con01 ul li a p i{transition: 0.7s}
#sub.list .con01 ul li a .num{transition: 0.7s}
#sub.list .con01 ul li a .file rect{transition: 0.7s}
#sub.list .con01 ul li a .file path{transition: 0.7s}
#sub.list .con01 ul li a .file line{transition: 0.7s}
#sub.list .con01 ul li a .arrow path{transition: 0.7s}
#sub .sch_w{width: 570px;margin: 0 auto;padding-left: 170px;position: relative;margin-bottom: 60px;}
#sub .sch_w select{width: 160px;height: 70px;background: #F1F2F9;border-radius: 35px;padding-left: 30px;color: #989DB8;font-size: 22px;;position: absolute;left: 0;border: none}
#sub .sch_w input{width: 100%;height: 70px;background: #F1F2F9;border-radius: 35px;padding-left: 30px;color: #989DB8;font-size: 22px;;;border: none}
#sub .sch_w .sch{position: relative}
#sub .sch_w .sch button{position: absolute;right: 8px;top: 8px;border-radius: 50%;box-shadow: 0 5px 10px rgba(137,156,201,0.3)}
#sub.view .con01 .title{padding: 55px 60px;border: 1px solid #E8E9EE;border-radius: 10px;}
#sub.view .con01 .title span{display: inline-block;line-height: 38px;padding: 0 10px;background: #3052A2;border-radius: 4px;color: #fff;font-size: 24px;font-weight: 500;margin-bottom: 20px;}
#sub.view .con01 .title strong{display: block;font-size: 36px;color: #2D303E;}
#sub.view .con01 .title p{display: block;font-size: 20px;color: #C1C4D6;margin-top: 20px;}
#sub.view .con01 .title p i{display: inline-block;width: 1px;height: 12px;background: #E8E9EE;margin: 0 20px;}
#sub.view .con01 .file{padding: 40px 60px;border: 1px solid #E8E9EE;border-radius: 10px;margin: 10px 0}
#sub.view .con01 .file a{display: block;font-size: 20px;color: #989DB8;line-height: 40px;}
#sub.view .con01 .file a i{display: inline-block;margin-right: 14px;vertical-align: middle}
#sub.view .con01 .file a i svg{display: block}

#sub.view .con01 .content{padding: 60px;border: 1px solid #E8E9EE;border-radius: 10px;margin-bottom: 60px;margin-top: 10px;}
#sub.view .con01 .content img{max-width: 100%}
#sub.view .list_btn a{display: block;width: 180px;line-height: 70px;text-align: center;background: #3052A2;border-radius: 10px;color: #fff;font-weight: 600;color: #fff;margin: 0 auto;transition: 0.7s;font-size: 20px;}
#sub.view .list_btn a:hover{background: #3E70E6}
#sub.gallery .con01 ul{display: flex;flex-wrap: wrap}
#sub.gallery .con01 ul li{width: 31.57%;margin-right: 2.645%;margin-bottom: 100px;}
#sub.gallery .con01 ul li:nth-child(3n){margin-right: 0}
#sub.gallery .con01 ul li .img{max-width: 100%;position: relative}
#sub.gallery.gallery01 .con01 ul li .img{position: relative;overflow: hidden;transition: 0.7s}
#sub.gallery .con01 ul li .img img{max-width: 100%}
#sub.gallery.gallery01 .con01 ul li:hover .img{border-radius: 0 0 60px 0 }
#sub.gallery.gallery01 .con01 ul li .img:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/img/main/BTN.png) no-repeat center center;opacity: 0;transition: 0.7s;}
#sub.gallery.gallery01 .con01 ul li:hover .img:after{opacity: 1}

#sub.gallery.gallery01 .con01 ul li .img:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.0);opacity: 1;transition: 0.7s;    backdrop-filter: saturate(200%) blur(15px);-webkit-backdrop-filter: saturate(200%) blur(15px);opacity: 0}
#sub.gallery.gallery01 .con01 ul li:hover .img:before{background: rgba(255,255,255,0.1);opacity: 1}
#sub.gallery.gallery01 .con01 ul li .txt{padding-top: 20px;}
#sub.gallery.gallery01 .con01 ul li .txt p{font-size: 28px;color: #2D303E;font-weight: 500;text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;}
#sub.gallery .paging{margin-top: 0}
#sub.gallery.gallery02 .con01 ul li .txt{padding: 30px;border: 1px solid #E8E9EE;margin-top: 20px;border-radius: 10px;transition: 0.7s}
#sub.gallery.gallery02 .con01 ul li .txt strong{display: block;font-size: 22px;color: #2D303E;overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px;transition: 0.7s}
#sub.gallery.gallery02 .con01 ul li:hover .txt strong{color: #fff}
#sub.gallery.gallery02 .con01 ul li:hover .txt p{color: #BBCFFF}
#sub.gallery.gallery02 .con01 ul li .txt p{font-size: 18px;color: #C1C4D6;transition: 0.7s}
#sub.gallery.gallery02 .con01 ul li .txt p i{display: inline-block;width: 1px;height: 12px;background: #E8E9EE;margin: 0 20px;}
#sub.gallery.gallery02 .con01 ul li:hover .txt{border-radius: 0 0 40px 0;background: #3052A2;border-color: #3052A2;transform: translateY(-20px)}

#sub.gallery.gallery02 .con01 ul li .img .tag{position: absolute;top: 20px;left: 20px;}
#sub.gallery.gallery02 .con01 ul li .img .tag strong{display: inline-block;padding: 0 10px;line-height: 33px;background: #3052A2;border-radius: 4px;color: #fff;font-size: 20px;font-weight: 500;transition: 0.7s}
#sub.gallery.gallery02 .con01 ul li:hover .img .tag strong{background: #fff;color: #3052A2}
#sub.gallery.gallery02 .con01 ul li .img:after{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(48,82,162,0), rgba(48,82,162,1));position: absolute;top: 0;left: 0;transform-origin: bottom;transform: scaleY(0);transition: 0.7s;}
#sub.gallery.gallery02 .con01 ul li:hover .img:after{transform: scaleY(1);}
#sub.product .con01 > ul{display: flex;flex-wrap: wrap}
#sub.product .con01 > ul > li{width: 23%;margin-right: 2.66666666666666%;margin-bottom: 60px;}
#sub.product .con01 > ul li:nth-child(4n){margin-right: 0}
#sub.product .con01 > ul li .txt{padding-top: 16px;padding-bottom: 26px;text-align: center}
#sub.product .con01 > ul li .txt span{display: block;color: #3E70E6;font-size: 22px;font-weight: 500;margin-bottom: 10px;}
#sub.product .con01 > ul li .txt strong{display: block;color: #2D303E;font-size: 32px;font-weight: 500}
#sub.product .con01 > ul li a{display: block;position: relative;background: linear-gradient(13deg, #E8E9EE 10%, #fff 60%,#E8E9EE);padding: 1px;border-radius: 10px}
#sub.product .con01 > ul li a > div{background: #fff;border-radius: 10px;}
#sub.product .con01 > ul li a .over{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px; background: linear-gradient(315deg, #182951,#3052A2);padding: 40px 20px;transform: scale(0.9);opacity: 0;transition: 0.7s}
#sub.product .con01 > ul  .img img{max-width: 100%}
#sub.product .con01 > ul li:hover a .over{opacity: 1;transform: scale(1)}
#sub.product .con01 > ul li a .over:after{content: '';display: block;width: 70px;height: 70px;background: url(/img/sub/plus.png);position: absolute;bottom: 40px;left: 50%;margin-left: -35px;}
#sub.product .con01 > ul li a .over strong{display: block;background: rgba(0,0,0,0.1);padding: 20px 0;border-radius: 38px;color: #FFFFFF;font-size: 28px;text-align: center}
#sub.product .con01 > ul li .over ul{padding: 0 20px;padding-top: 12px;}
#sub.product .con01 > ul li .over ul li{display: flex;justify-content: space-between;width: 100%;padding: 20px 0;align-items: center}
#sub.product .con01 > ul li .over ul li:nth-child(1){border-bottom: 1px solid rgba(255,255,255,0.1)}
#sub.product .con01 > ul li .over ul li span{color: #E8E9EE;font-size: 17px;opacity: 0.5}
#sub.product .con01 > ul li .over ul li p{color: #FFFFFF;font-size: 17px;line-height: 27px;}
#sub.product_view .con01{display: flex;align-items: center}
#sub.product_view .con01 > div{width: 50%}
#sub.product_view .con01 .swiper-slide, #sub.product_view .con01 .swiper-wrapper{height: auto}
#sub.product_view .con01 .swiper-slide img{max-width: 100%}
#sub.product_view .con01 .thumslide .swiper-wrapper{justify-content: center}
#sub.product_view .con01 .thumslide .swiper-slide div{border-radius: 10px;overflow: hidden;border: 1px solid #E8E9EE;}
#sub.product_view .con01 .thumslide .swiper-slide div img{display: block}
#sub.product_view .con01 .thumslide .swiper-slide-thumb-active div{border: 2px solid #3E70E6}
#sub.product_view .con01 .sl .bigslide{border-radius: 20px;box-shadow: 10px 10px 80px rgba(125,146,194,0.1);overflow: hidden;margin-bottom: 19px;}
#sub.product_view .con01 .txt{padding-bottom: 100px;}
#sub.product_view .con01 .txt .tag{display: flex;align-items: center}
#sub.product_view .con01 .txt .tag span{color: #2D303E;font-size: 30px;font-weight: 600}
#sub.product_view .con01 .txt .tag em{background: #3052A2;padding: 0 20px;line-height: 45px;border-radius: 10px;color: #FFFFFF;font-size: 24px;font-weight: 500;margin-left: 18px;}
#sub.product_view .con01 .txt strong{display: block;font-size: 80px;color: #2D303E;font-weight: 600;margin-top: 10px;}
#sub.product_view .con01 .txt strong:after{content: '';display: block;width: 300px;height: 1px;background: #E8E9EE;margin-top: 30px;margin-bottom: 35px;}
#sub.product_view .con01 ul li{font-size: 22px;color: #787C8E;margin-bottom: 16px;position: relative;padding-left: 12px;}
#sub.product_view .con01 ul li:before{content: '';display: block;position: absolute;left: 0;background: #787C8E;width: 4px;height: 4px;border-radius: 50%;top: 10px}
#sub.product_view .tab{margin: 100px 0}
#sub.product_view .tab_con .con{margin-bottom: 100px}
#sub.product_view .tab_con .con_last{margin-bottom: 0}
#sub.product_view .tab_con .info .title{margin-bottom: 20px;}
#sub.product_view .tab_con .info .title strong{display: block;font-size: 30px;color: #2D303E;}
#sub.product_view .tab_con .info ul{display: flex;flex-wrap: wrap}
#sub.product_view .tab_con .info ul li{padding: 10px;border: 1px solid #E8E9EE;border-radius: 10px;position: relative;padding-left: 340px;width: 49.671%;margin-right: 0.658%;margin-bottom: 0.658%}
#sub.product_view .tab_con .info ul li p{line-height: 60px;font-size: 22px;color: #787C8E;}
#sub.product_view .tab_con .info ul li strong{line-height: 60px;position: absolute;left: 10px;width: 300px;background: #F5F6F9;padding-left: 30px;font-size: 22px;color: #484A57;border-radius: 10px;}
#sub.product_view .tab_con .info ul li:nth-child(2n){margin-right: 0%}
#sub.product_view .tab_con .info .txt{padding: 25px 30px;background: #F5F6F9;border-radius: 10px;}
#sub.product_view .tab_con .info .txt p{color: #787C8E;font-size: 22px;}
#sub.product_view .tab_con .info .year em{display: block;width: 80px;line-height: 80px;background: #3E70E6;border-radius: 10px;text-align: center;color: #fff;color: #FFFFFF;font-size: 24px;font-weight: 600}
#sub.product_view .tab_con > ul > li{display: none}
#sub.product_view .tab_con > ul > li.on{display: block}
#sub.product_view .tab_con > ul > li .econ{border: 1px solid #E8E9EE;padding: 60px;border-radius: 20px;}
#sub.product_view .tab_con > ul > li .econ img{max-width: 100%}
#sub.contact .sub_con .inner{width: 1520px;margin: 0 auto;}
#sub.contact .title{display: flex;align-items: center;margin-bottom: 30px;}
#sub.contact .title i{display: block;width: 20px;position: relative;height: 20px;margin-right: 20px;}
#sub.contact .title strong{color: #2D303E;font-size: 36px;}
#sub.contact .title i:before{content: '';display: block;width: 12px;height: 12px;background: #CFDBF9;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%}
#sub.contact .title i:after{content: '';display: block;width: 10px;height: 20px;background: #3E70E6;position: absolute;top: 0%;left: 50%;border-radius: 0 10px 10px 0;transition: 0.7s}
#sub.contact .btn_w button:hover{background: #3E70E6}
#sub.contact .btn_w button{display: block;width: 180px;height: 70px;background: #3052A2;border-radius: 10px;margin: 0 auto;font-size: 20px;font-weight: 600;color: #FFFFFF;}
#sub.contact .con01{background: #FFFFFF;border-radius: 20px;box-shadow: 0 0 60px rgba(125,146,194,0.14);padding: 64px 100px;margin-bottom: 105px;}
#sub.contact .con01 ul{display: flex;flex-wrap: wrap;margin: 0 auto}
#sub.contact .con01 ul li{width: 46.97%;margin-right: 6.06%;margin-bottom: 60px;}
#sub.contact .con01 ul li:nth-child(2n){margin-right: 0}
#sub.contact .con01 ul li span{color: #2D303E;font-size: 20px;font-weight: 500;display: block;margin-bottom: 11px;}
#sub.contact .con01 ul li span i{color: #3E70E6;}
#sub.contact .con01 ul li input{display: block;width: 100%;border: none;background: #F4F4F9;border-radius: 0 0 20px 0;height: 60px;padding-left: 25px;color: #B4B8D1;font-size: 18px;}
#sub.contact .con01 ul li textarea{display: block;width: 100%;border: none;background: #F4F4F9;border-radius: 0 0 20px 0;height: 180px;padding-left: 25px;color: #B4B8D1;font-size: 18px;padding-top: 20px;}
#sub.contact .c03 {display: block;width: 100%;border: none;background: #F4F4F9;border-radius: 0 0 20px 0;height: 180px;padding-left: 25px;color: #B4B8D1;font-size: 18px;padding-top: 20px;max-width: 100%;overflow-x: scroll;}
#sub.contact .c03 p{white-space: pre-wrap;line-height: 1.5}
#sub.contact .c03 p i{color: inherit;display: inline-block;transform: scale(0.8)}
#sub.contact .priv{display: flex;margin-top: 14px;}
#sub.contact .priv input{width: 30px;}
#sub.contact .priv p{font-size: 20px;color: #2D303E;margin-left: 14px;}
#sub.contact .con01 ul li input::placeholder{color: #B4B8D1}
#sub.contact .con01 ul li textarea::placeholder{color: #B4B8D1}
#sub.contact .con01 .c01{border-bottom: 1px solid #E8E9EE}
#sub.contact .con01 .c02{padding-top: 60px}
#sub.contact .con01 .c02 ul li{width: 100%;margin-right: 0}
#sub.contact .con02 > div{width: 1320px;margin: 0 auto;max-width: 100%}
#popup{position: fixed;display: flex;width: 100%;height: 100%;z-index: 9999;justify-content: center;align-items: center;top: 0;left: 0;background: rgba(21,36,72,0.25);
z-index: -1}
#popup.on{z-index: 9999}
#popup > div{width: 1200px;height: 600px;border: 10px solid #fff;border-radius: 20px;position: relative}
#popup > div button{position: absolute;right: -80px;top: 0}
#popup > div .m_w{position: relative;width: 100%;height: 100%}
#popup > div #map{height: 100%;width: 100%}
#sub{background: #fff}

#sub.history .con{padding: 0 25px;position: relative}
#sub.history .con:after{content: '';display: block;width: 80%;left: 10%;background: #BBCFFF;height: 1px;top:30px;position: absolute}
#sub.history .con04:after{width: 30%;left: auto;right: 10%}
#sub.history .con > ul{display: flex;position: relative;z-index: 3}
#sub.history .con02 > ul{flex-direction: row-reverse}
#sub.history .con04 > ul{flex-direction: row-reverse}
#sub.history .con02 > ul > li:nth-child(1){margin-right: 0}
#sub.history .con01 > ul > li:nth-child(4){margin-right: 0}
#sub.history .con03 > ul > li:nth-child(4){margin-right: 0}
#sub.history .con04 > ul > li:nth-child(1){margin-right: 0}
#sub.history .con > ul > li{width: 20.41%;margin-right: 6.12%}
#sub.history .con > ul > li .year strong{display: block;width: 100%;line-height: 60px;background: #EBEEFF;border-radius: 10px;text-align: center;font-size: 30px;position: relative;position: relative}
#sub.history .con > ul > li .year strong:before{content: '';display: block;width: 10px;height: 10px;border: 2px solid #fff;box-sizing: border-box;border-radius: 50%;background: #3E70E6;position: absolute;left: -5px;top: 50%;margin-top: -5px;}
#sub.history .con > ul > li .year strong:after{content: '';display: block;width: 10px;height: 10px;border: 2px solid #fff;box-sizing: border-box;border-radius: 50%;background: #3E70E6;position: absolute;right: -5px;top: 50%;margin-top: -5px;}

#sub.history .con > ul > li ul {padding-top: 20px;height: 240px;}
#sub.history .con > ul > li ul li{position: relative;padding-left: 33px;font-size: 20px;line-height: 33px;color: #787C8E;margin-bottom: 15px;}
#sub.history .con > ul > li ul li:last-child{margin-bottom: 0}
#sub.history .con > ul > li ul li span{position: absolute;left: 0;font-weight: 600;color: #2D303E;}

#sub.history .con > ul > li i{position: absolute;top: 30px}
#sub.history .con > ul > li i.line1{right: -20px;}
#sub.history .con > ul > li i.line2{left: -20px;}
#sub.history .con > ul > li i.line2 svg{display: block;transform: rotate(180deg)}

#sub.history .con01 > ul > li:nth-child(1) .year strong:before{display: none}
#sub.history .con04 > ul > li:nth-child(2) .year strong:before{display: none}


#sub .sub_visual .vis_shape i{transform: scale(0.7);opacity: 0;transition: 1.2s;transform-origin: right top}
#sub .sub_visual.on .vis_shape i{transform: scale(1);opacity: 1}
#sub .sub_visual.on .vis_shape i.sh02{transition-delay: 0.3s}
#sub .sub_visual.on .vis_shape i.sh03{transition-delay: 0.6s}
#sub .sub_visual.on .vis_shape i.sh04{transition-delay: 0.9s}

#sub .sub_visual .sv_title strong{transform: translateY(50px);opacity: 0;transition: 1s;display: block}
#sub .sub_visual.on .sv_title strong{transform: translateY(0);opacity: 1}

#sub .sub_visual .sv_loc > ul{transform: translateY(50px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub .sub_visual.on .sv_loc > ul{transform: translateY(0);opacity: 1}

#sub.intro .con01 .bg_img img{transform: scale(1.1);transition: 3s}
#sub.intro .con01.on .bg_img img{transform: scale(1);transition: 3s}

#sub.intro .con01 .txt strong{transform: translateY(50px);opacity: 0;transition: 1s;display: block;transition-delay: 0.9s}
#sub.intro .con01.on .txt strong{transform: translateY(0);opacity: 1}

#sub.intro .con01 .txt p{transform: translateY(50px);opacity: 0;transition: 1s;display: block;transition-delay: 1.2s}
#sub.intro .con01.on .txt p{transform: translateY(0);opacity: 1}
#sub.intro .con02 ul li{transform: translateY(50px);opacity: 0;transition: 1s;}
#sub.intro .con02.on ul li{transform: translateY(0);opacity: 1}
#sub.intro .con02 ul li:nth-child(2){transition-delay: 0.3s}
#sub.intro .con02 ul li:nth-child(3){transition-delay: 0.6s}
#sub.intro .con03 .tit strong{transform: translateY(50px);opacity: 0;transition: 1s;display: block;}
#sub.intro .con03.on .tit strong{transform: translateY(0);opacity: 1}
#sub.intro .con03 .txt p{transform: translateY(50px);opacity: 0;transition: 1s;display: block;transition-delay: 0.3s}
#sub.intro .con03.on .txt p{transform: translateY(0);opacity: 1}

#sub.history .con > ul > li{transform: translateY(50px);opacity: 0;transition: 1s;display: block;}
#sub.history .con.on > ul > li{transform: translateY(0);opacity: 1}
#sub.history .con.on > ul > li:nth-child(2){transition-delay: 0.3s}
#sub.history .con.on > ul > li:nth-child(3){transition-delay: 0.6s}
#sub.history .con.on > ul > li:nth-child(4){transition-delay: 0.9s}

#sub.cerf .con01 ul{transform: translateY(50px);opacity: 0;transition: 1s;}
#sub.cerf .con01.on ul{transform: translateY(0);opacity: 1}
#sub.partner .con .title{transform: translateY(50px);opacity: 0;transition: 1s;}
#sub.partner .con.on .title{transform: translateY(0);opacity: 1}
#sub.partner .con .img{transform: translateY(50px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.partner .con.on .img{transform: translateY(0);opacity: 1}
#sub.partner .con .img ul{display: flex;flex-wrap: wrap}
#sub.partner .con .img ul li{width: 18.9%;margin-right: 1.375%;margin-bottom: 1.375%}
#sub.partner .con .img ul li img{max-width: 100%}
#sub.partner .con .img ul li:nth-child(5n){margin-right: 0}
#sub.history .con:after{transform: scaleX(0);transition: 1.2s;transition-delay: 0.6}
#sub.history .con.on:after{transform: scaleX(1)}

#sub.direction .con01 .map .map_area{transform: translateY(50px);opacity: 0;transition: 1s;display: block;}
#sub.direction .con01.on .map .map_area{transform: translateY(0);opacity: 1}
#sub.direction .con01 .address{transform: translateY(50px);opacity: 0;transition: 1s;display: block;transition-delay: 0.3s}
#sub.direction .con01.on .address{transform: translateY(0);opacity: 1}

#sub.product .sub_con{transform: translateY(50px);opacity: 0;transition: 1s;display: block;transition-delay: 0.6s}
#sub.product .sub_con.on{transform: translateY(0);opacity: 1}
#sub.faq .sub_con{transform: translateY(50px);opacity: 0;transition: 1s;display: block;transition-delay: 0.6s}
#sub.faq .sub_con.on{transform: translateY(0);opacity: 1}
#sub.agent .sub_con{transform: translateY(50px);opacity: 0;transition: 1s;display: block;transition-delay: 0.6s}
#sub.agent .sub_con.on{transform: translateY(0);opacity: 1}
#sub.list .sub_con{transform: translateY(50px);opacity: 0;transition: 1s;display: block;transition-delay: 0.6s}
#sub.list .sub_con.on{transform: translateY(0);opacity: 1}
#sub.gallery .sub_con{transform: translateY(50px);opacity: 0;transition: 1s;display: block;transition-delay: 0.6s}
#sub.gallery .sub_con.on{transform: translateY(0);opacity: 1}

#sub.service01 .tab{transform: translateY(50px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.service02 .tab{transform: translateY(50px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.service01 .con01 ul{transform: translateY(50px);opacity: 0;transition: 1s;transition-delay: 0.9s}
#sub.service01 .con02{transform: translateY(50px);opacity: 0;transition: 1s;transition-delay: 1.2s}
#sub.service01 .con03{transform: translateY(50px);opacity: 0;transition: 1s;}
#sub.service01 .con01.on ul{transform: translateY(0);opacity: 1}
#sub.service01 .con02.on{transform: translateY(0);opacity: 1}
#sub.service01 .con03.on{transform: translateY(0);opacity: 1}
#sub.service01 .tab.on{transform: translateY(0);opacity: 1}
#sub.service02 .tab.on{transform: translateY(0);opacity: 1}


#sub.service02 .con01 strong{transform: translateY(50px);opacity: 0;transition: 1s;transition-delay: 0.9s}
#sub.service02 .con01.on strong{transform: translateY(0);opacity: 1}
#sub.service02 .con01 ul{transform: translateY(50px);opacity: 0;transition: 1s;transition-delay: 1.2s}
#sub.service02 .con01.on ul{transform: translateY(0);opacity: 1}
#sub.service02 .con02{transform: translateY(50px);opacity: 0;transition: 1s;}
#sub.service02 .con02.on{transform: translateY(0);opacity: 1}
#sub.service02 .con03{transform: translateY(50px);opacity: 0;transition: 1s;}
#sub.service02 .con03.on{transform: translateY(0);opacity: 1}


#sub.intro .sub_con{background: url(/img/sub/nawbg.png) no-repeat right bottom}
@media (max-width: 1800px) {
    #sub.product .con01 > ul li .over ul li span{font-size: 16px}
    #sub.product .con01 > ul li .over ul li p{font-size: 16px}
}
@media (max-width: 1560px) {
    #sub.intro .con01 .txt p{padding: 0 20px;}
    #sub.intro .con02 ul li .tit{padding-left: 0}
    #sub.intro .con02 ul li .tit{width: 250px}
    #sub.intro .con02 ul li .txt p{font-size: 20px;line-height: 1.5;word-break: keep-all}
    #sub.intro .con02 ul li .txt{padding-left: 30px;}
    #sub.intro .con03 .txt p{word-break: keep-all}
    #sub.history .con > ul > li ul li{word-break: keep-all}
    #sub.history .con > ul > li ul li br{display: none}
    #sub.history .con > ul > li ul li{font-size: 16px;line-height: 1.7}
    #sub.cerf .con01 ul li .txt strong{font-size: 20px;}
    #sub.direction .con01 .map .map_area{width: 100%}
    #sub.direction .con01 > .map{position: static}
    #sub.direction .con01{display: block}
    #sub.direction .con01 .address ul{display: flex}
    #sub.direction .con01 .address ul li{padding: 0;width: 49%}
    #sub.direction .con01 .address ul li:nth-child(1){margin-right: 2%}
    #sub.direction .con01 .address ul li:before{width: 100%;border-radius: 10px;}
    #sub.direction .con01 .address{width: 100%}
    #sub.direction .con01 .map .map_area{height: 400px;border-radius: 20px;}
    #sub.direction .con01 .address ul li.on .txt{left: 0}
    #sub.direction .con01 .address{padding-top: 60px}
    #sub.product .con01 > ul li a .over:after{display: none}
        #sub.product_view .tab_con .info ul li strong{width: 50%}
    #sub.product_view .tab_con .info ul li{padding-left: 30%}
    #sub.service01 .con01 ul li p{font-size: 20px;line-height: 1.5;word-break: keep-all}
    #sub.service01 .con01 ul li p br{display: none}
    #sub .tab2 ul li{width: 24%;margin-right: 1.333333333333333%;margin-bottom: 1.333333333333333%}
    #sub .tab2 ul li:nth-child(4n){margin-right: 0}
    #sub .tab2 ul{flex-wrap: wrap}
    #popup > div{width: 90%;height: 60%}
    #popup > div button{right: 0;top: -50px}
    #popup > div{border-radius: 10px;border: 3px solid #fff}
    #popup > div button svg{width: 40px;height: auto}
    #sub .sub_visual .vis_shape i.sh01{width: 500px}
    #sub .sub_visual .vis_shape i.sh02{width: 450px;height: 370px}
    #sub .sub_visual .vis_shape i.sh03{width: 400px;height: 320px;}
    #sub .sub_visual .vis_shape i.sh04{width: 350px;height: 270px;}
    #proPop > div > div .title strong{font-size: 23px;}
    #proPop > div > div .title p{font-size: 16px;line-height: 1.7}
    #proPop > div > div .doc_w .txt strong{font-size: 20px;line-height: 40px;}
    #proPop > div > div .doc_w .txt table th, #proPop > div > div .doc_w .txt table td{height: 40px;font-size: 16px;}
    #proPop > div > div .info ul li{font-size: 14px;line-height: 1.58}
    #proPop > div > div .info > div{padding: 20px;}
    #proPop > div > div .info ul li{margin-bottom: 0}
    #proPop > div > div .info i{display: none}
    #proPop > div > div .doc_w > div img{max-width: 100%}
    #proPop > div > div .doc_w{margin-top: 0}
    #proPop > div{height: 100%;overflow-y: scroll}
    #proPop > div{padding-top: 100px}
    #proPop.on{display: block;}
    #proPop > div > div button{right: 0;top: -70px}
    #proPop > div > div button svg{width: 50px;height: 50px}
}
@media (max-width: 960px) {
    #sub.intro .con01 .bg01{width: 150px;height: 150px;border-radius: 0 0 0 70px;bottom: -20px;left: -20px}
    #sub.intro .con01 .bg02{display: none}
    #sub.intro .con01 .txt strong{font-size: 30px;}
    #sub.intro .con01 .txt p{font-size: 16px;}
    #sub.intro .con01 .bg_img img{height: 300px;}
    #sub.intro .con01 .bg_img{border-radius: 0 0 30px 0}
    #sub.intro .con02 ul li .tit i img{width: 35px;}
    #sub.intro .con02 ul li .tit strong{font-size: 20px;}
    #sub.intro .con02 ul li .tit{width: 160px;}
    #sub.intro .con02 ul li .txt p{font-size: 16px;}
    #sub.intro .con02 ul li{height: 120px;}
    #sub.intro .con03 .tit strong{font-size: 26px;line-height: 1.7}
    #sub.intro .con02{padding-bottom: 60px;}
    #sub.intro .con03 .tit{margin-bottom: 25px;}
    #sub.intro .con03 .txt p{font-size: 14px;line-height: 1.7}
    #sub .sub_con{padding-bottom: 90px;padding-top: 60px;}
    #sub.intro .con01{margin-bottom: 60px;}
    #sub.history .con > ul > li .year strong{line-height: 40px;font-size: 16px;}
    #sub.history .con > ul > li ul li{font-size: 13px;margin-bottom: 7px;}
    #sub.history .con > ul > li ul{height: 160px}
    #sub.history .con > ul > li i{top: 20px;}
    #sub.history .con > ul > li i svg{transform: scaleY(0.67);transform-origin: top;}
    #sub.history .con:after{top: 20px;}
    #sub.cerf .con01 ul li .txt strong{font-size: 16px;word-break: keep-all}
    #sub.cerf .con01 ul li .txt{padding-top: 12px;}
    #sub.cerf .con01 ul li .txt:after{width: 100px;height: 2px;margin-top: 10px;}
    #sub.cerf .con01 ul li{margin-bottom: 50px;}
    #sub.cerf .con01 ul li .img div{border-radius: 5px;}
    #sub.partner .con .title i img{width: 35px;}
    #sub.partner .con{margin-bottom: 60px;}
    #sub.partner .con .title strong{font-size: 20px;}
    #sub.direction .con01 .address ul li a{padding: 20px 10px;}
    #sub.direction .con01 .address ul li .txt strong{font-size: 16px}
    #sub.direction .con01 .address ul li .txt p{font-size: 13px;word-break: keep-all;line-height: 1.7}
    #sub.direction .con01 .address ul li .txt p i svg{width: 15px;height: auto}
    #sub.direction .con01 .address ul li .txt p i{margin-right: 10px;}
    #sub.direction .con01 .address ul li .txt strong{margin-bottom: 7px;}
    #sub.product .con01 > ul li .txt span{font-size: 13px}
    #sub.product .con01 > ul li a .over{display: none}
    #sub.product .con01 > ul li .txt strong{font-size: 18px}
    #sub.product .con01 > ul > li{width: 32%;margin-right: 2%}
    #sub.product .con01 > ul > li:nth-child(4n){margin-right: 2%}
    #sub.product .con01 > ul > li:nth-child(3n){margin-right: 0}
    #sub.product_view .con01 .txt .tag span{font-size: 17px;}
    #sub.product_view .con01 .txt .tag em{font-size: 16px;line-height: 37px;padding: 0 15px;border-radius: 8px;}
    #sub.product_view .con01 .txt strong{font-size: 50px;}
    #sub.product_view .con01 .txt strong:after{width: 120px;margin-top: 15px;}
    #sub.product_view .con01 ul li{font-size: 15px;line-height: 1.7;margin-bottom: 10px;}
    #sub.product_view .con01 .txt strong:after{margin-bottom: 15px;}
    #sub.product_view .con01 .txt{padding-bottom: 0}
    #sub.product_view .tab{margin: 40px 0;padding: 5px;border-radius: 8px}
    #sub .tab ul li a{line-height: 36px;font-size: 13px;border-radius: 5px;}
    #sub.product_view .tab_con > ul > li .econ{padding: 30px 20px;}
    #sub.product_view .tab_con .info ul li{width: 100%;margin-right: 0%;padding: 7px;border-radius: 8px;padding-left: 190px}
    #sub.product_view .tab_con .info ul li strong{width: 160px;line-height: 40px;font-size: 14px;padding-left: 15px;border-radius: 5px;}
    #sub.product_view .tab_con .info ul li p{line-height: 40px;font-size: 13px;}
    #sub.product_view .tab_con .info .title strong{font-size: 20px;}
    #sub.product_view .tab_con .info .txt{padding: 10px;border-radius: 10px;}
    #sub.product_view .tab_con .info .txt p{font-size: 13px;line-height: 1.7;word-break: keep-all}
    #sub.product_view .tab_con .con{margin-bottom: 40px;}
    #sub.product_view .tab_con .info .year em{width: 40px;line-height: 40px;font-size: 14px}
    #sub.service01 .con01 ul li p{font-size: 14px;}
    #sub.service01 .con01 ul li i, #sub.service01 .con02 > div i{width: 50px;border-radius: 3px 3px 10px 3px;margin-bottom: 10px;}
    #sub.service01 .con01 ul li i img, #sub.service01 .con02 > div i img{width: 100%;}
    #sub.service01 .con01 ul li strong{font-size: 19px;padding-bottom: 10px;}
    #sub.service01 .con01 ul li p{padding-top: 10px;}
    #sub.service01 .con01 ul li{padding: 20px 10px ;border-radius: 10px;}
    #sub.service01 .con01 ul{padding-bottom: 40px;}
    #sub.service01 .con01 ul:after{bottom: 20px;}
    #sub.service01 .con01 ul li:after{height: 20px;bottom: -20px;}
    #sub.service01 .con01 ul li:nth-child(2):after{bottom: -40px;height: 40px;}
    #sub.service01 .con02{width: 100%}
    #sub.service01 .con02 > div strong{font-size: 14px;margin-top: 10px;}
    #sub.service01 .con02{height: 130px;border-radius: 10px}
    #sub.service01 .con02 > div{border-radius: 8px;}
    #sub.service01 .con03 > div ul li{font-size: 14px;line-height: 1.7;margin-bottom: 10px;}
    #sub.service01 .con03 > div svg{width: 35px;height: auto}
    #sub.service01 .con03 > div ul{padding-left: 25px;}
    #sub.service01 .con03 > div{padding: 30px 20px;}
    #sub.service02 .con01 strong{font-size: 20px;}
    #sub.service02 .con01 ul li{font-size: 14px;line-height: 1.7;margin-bottom: 7px;}
    #sub.service02 .con01 strong{margin-bottom: 20px;line-height: 1.7}
    #sub.service02 .con01 ul li:before{width: 3px;height: 3px;}
    #sub.service02 .con02 table td p{font-size: 12px;line-height: 1.7}
    #sub.service02 .con02 table th{height: 40px;font-size: 12px}
    #sub.service02 .con02 table td{padding: 3px;}
    #sub.service02 .con03 > div .tit div{padding-left: 20px;}
    #sub.service02 .con03 > div .tit{margin-right: 20px;padding-right: 20px;}
    #sub.service02 .con03 > div{padding: 30px 20px;}
    #sub.service02 .con03 > div .tit svg{width: 30px;height: auto}
    #sub.service02 .con03 > div .tit span{font-size: 14px;margin-bottom: 7px;}
    #sub.service02 .con03 > div .tit strong{font-size: 18px;}
    #sub.service02 .con03 > div p{font-size: 13px;padding: 10px;border-radius: 7px;}
    #sub .tab2 ul li a{font-size: 13px;line-height: 40px;}
    #sub .tab2 ul li.on a:after, #sub .tab2 ul li.on a:before{display: none}
    #sub.faq .con01 ul li .title a span{font-size: 12px;margin-bottom: 5px;}
    #sub.faq .con01 ul li .title a strong{font-size: 20px;word-break: keep-all}
    #sub.faq .con01 ul li .title a{padding: 15px 20px;border-radius: 8px;}
    #sub.faq .con01 ul li .title a i{right: 20px;margin-top: -4px;}
    #sub.faq .con01 ul li .title a i svg{width: 18px;height: auto}
    #sub.faq .con01 ul li .content{padding: 20px;padding-top: 30px;}
    #sub.faq .con01 ul li .content p{font-size: 14px;line-height: 1.7;word-break: keep-all}
    #sub .tab2{margin-bottom: 25px}
    #sub .tab3 ul li a{font-size: 13px;line-height: 35px}
    #sub.agent .con01{margin-top: 30px;}
    #sub.agent .con01 table th{padding-left: 10px;font-size: 12px;height: 40px;}
    #sub.agent .con01 table td{height: 40px;padding-left: 5px;font-size: 12px;}
    #sub.agent .con01 table td img{width: 15px}
    #sub.agent .con01 table td:first-child{border-radius: 5px 0 0 5px}
    #sub.agent .con01 table td:last-child{border-radius: 0 5px 5px 0}
    #sub.list .con01 ul li a .num{width: 110px;font-size: 20px}
    #sub.list .con01 ul li a{padding: 20px;padding-left: 110px;}
    #sub.list .con01 ul li a strong{font-size: 18px;}
    #sub.list .con01 ul li a p{font-size: 13px;}
    #sub.list .con01 ul li a strong .file svg{width: 23px;height: auto;}
    #sub.list .con01 ul li a .arrow{right: 20px;}
    #sub.list .con01 ul li a .arrow svg{width: 17px;height: auto}
    #sub .sch_w select{height: 40px;width: 100px;font-size: 13px;padding-left: 15px;}
    #sub .sch_w{padding-left: 110px;}
    #sub .sch_w input{height: 40px;font-size: 13px;}
    #sub .sch_w .sch button svg{height: 26px;width: auto}
    #sub .sch_w{margin-bottom: 25px;}
        #sub.list .con01 ul li a .num i{width: 70%;line-height: 30px;font-size: 14px;}
    #sub.gallery.gallery01 .con01 ul li .txt p{font-size: 15px;}
    #sub.gallery.gallery02 .con01 ul li .txt strong{font-size: 14px;margin-bottom: 5px}
    #sub.gallery.gallery02 .con01 ul li .txt{padding: 20px 10px;border-radius: 8px;}
    #sub.gallery.gallery02 .con01 ul li .txt p{font-size: 12px}
    #sub.gallery.gallery02 .con01 ul li .txt{margin-top: 5px}
    #sub.gallery.gallery02 .con01 ul li .img .tag{top: 10px;left: 10px;}
    #sub.gallery.gallery02 .con01 ul li .img .tag strong{font-size: 12px;line-height: 25px;}
    #sub.view .con01 .title{padding: 30px 20px;}
    #sub.view .con01 .title span{font-size: 14px;line-height: 30px;margin-bottom: 10px;}
    #sub.view .con01 .title strong{font-size: 24px;}
    #sub.view .con01 .title p{font-size: 13px;margin-top: 10px}
    #sub.view .con01 .title p i{margin: 0 5px;}
    #sub.view .con01 .content{padding: 20px;}
    #sub.view .list_btn {margin-top: 30px}
    #sub.view .con01 .content{margin-bottom: 30px;}
    #sub.view .list_btn a{width: 120px;line-height: 40px;;font-size: 13px;}
    #sub .sub_visual .sv_title strong{font-size: 40px;}
    #sub .sub_visual .sv_loc > ul li p{font-size: 16px;}
    #sub .sub_visual .sv_loc > ul > li button{font-size: 16px;}
    #sub .sub_visual{padding-top: 160px;}
    #sub .sub_visual .inner{position: relative;z-index: 10}
    #sub .sub_visual .vis_shape i{border-radius: 0 0 0 30px}
    #sub .sub_visual .vis_shape i.sh01{height: 250px;}
    #sub .sub_visual .vis_shape i.sh02{height: 200px;}
    #sub .sub_visual .vis_shape i.sh03{height: 150px;}
    #sub .sub_visual .vis_shape i.sh04{height: 100px;}
    #sub .tab4 ul li a{font-size: 13px;}
    #sub .tab4{padding: 10px 15px;}
    #sub .tab4 ul li{margin-right: 10px;}
    #sub .tab4 ul li a{padding: 5px 0}
    .quick_w .q_list .link a:hover{width: 50px;}
    #sub.contact .con01{padding: 60px 20px;padding-bottom: 20px}
    #sub.contact .title strong{font-size: 20px;}
    #sub.contact .con01 ul li span{font-size: 14px;}
    #sub.contact .con01 ul li input, #sub.contact .con01 ul li textarea{font-size: 12px;height: 40px;}
    #sub.contact .con01 ul li textarea{height: 150px;}
    #sub.contact .con01 .c02{padding-top: 25px;}
    #sub.contact .con01 ul li{margin-bottom: 20px;}
    #sub.contact .con01 ul{padding-bottom: 10px}
    #sub.contact .priv p{font-size: 12px}
    #sub.contact .c03{font-size: 13px;}
    #sub.contact .con02{padding-bottom: 40px;padding-top: 40px;}
    #sub.contact .btn_w button{width: 120px;height: 45px;font-size: 13px;}
}
@media (max-width: 660px) {
    #sub.intro .con01 .txt strong{font-size: 24px;}
    #sub.intro .con01 .bg_img img{height: 220px;}
    #sub.intro .con01 .txt p{font-size: 13px;margin-top: 10px}
    #sub.intro .con02 ul li{display: block;height: auto;padding: 20px 0;}
    #sub.intro .con02 ul li .txt{padding-left: 10px;margin-top: 15px;}
    #sub.intro .con02 ul li .txt:before{height: 14px;margin-top: 4px;top: 0}
    #sub.intro .con03 .tit strong{font-size: 23px;word-break:keep-all }
    #sub.intro .con03 .tit strong br{display: none}
    #sub.intro .con03 .txt p br{display: none}
    #sub.intro .con03 .tit{margin-bottom: 15px;}
    #sub.intro .con02 ul li .txt p{font-size: 14px;}
    #sub.intro .con02 ul li .tit i{margin-right: 10px;}
    #sub.intro .con02 ul li .tit strong{font-size: 17px;}
    #sub.history .con > ul > li i{display: none}
    #sub.history .con > ul{flex-wrap: wrap}
    #sub.history .con:after{display: none}
    #sub.history .con > ul > li{width: 48.5%;margin-right: 2.5%}
    #sub.history .con02 > ul, #sub.history .con04 > ul{flex-direction: row}
    #sub.history .con > ul > li:nth-child(2n){margin-right: 0}
    #sub.history .con02 > ul > li:nth-child(1), #sub.history .con04 > ul > li:nth-child(1){margin-right: 2.5%}
    #sub.history .con{padding: 0}
    #sub.cerf .con01 ul li{width: 49%;margin-right: 2%}
    #sub.cerf .con01 ul li:nth-child(2n){margin-right: 0}
    #sub.cerf .con01 ul li .txt strong{font-size: 13px;}
    #sub.cerf .con01 ul li{margin-bottom: 25px;}
    #sub.direction .con01 .address ul{display: block}
    #sub.direction .con01 .address ul li{width: 100%;margin-right: 0}
    #sub.direction .con01 .address ul li:nth-child(1){width: 100%;margin-right: 0;margin-bottom: 15px;}
    #sub.direction .con01 .address{padding-top: 30px;}
    #sub.direction .con01 .map .map_area{height: 300px;}
      #sub.product .con01 > ul > li{width: 49%;margin-right: 2%;margin-bottom: 3%}
    #sub.product .con01 > ul > li:nth-child(3n){margin-right: 2%}
    #sub.product .con01 > ul > li:nth-child(2n){margin-right: 0}
    #sub .paging{margin-top: 30px}
    #sub.product_view .con01{display: block;width: 100%}
    #sub.product_view .con01 > div{width: 100%}
    #sub.product_view .con01 .swiper-slide img{width: 100%}
    #sub.product_view .con01 .txt{margin-bottom: 30px;}
    #sub.product_view .con01 .txt strong:after{width: 100%}
    #sub.service01 .con01 ul li{padding: 20px 5px;}
    #sub.service01 .con01 ul li p{font-size: 12px;}
    #sub.service01 .con03 > div{display: block}
    #sub.service01 .con03 > div ul{padding-left: 0;margin-top: 15px;}
    #sub.service01 .con03 > div ul li{word-break: keep-all;margin-bottom: 5px;}
    #sub.service02 .con03 > div{display: block}
    #sub.service02 .con03 > div .tit{border: none;margin-bottom: 20px;}
    #sub .tab2 ul li{width: 32%;margin-right: 2%}
    #sub .tab2 ul li:nth-child(4n){margin-right: 2%}
    #sub .tab2 ul li:nth-child(3n){margin-right: 0%}
    #sub .tab2 ul li a{line-height: 30px;break-before: 7px;}
    #sub .tab3 ul li {width: 16%;margin-right: 0.8%;margin-bottom: 0.8%}
    #sub .tab3 ul li:nth-child(9n){margin-right: 0.8%}
    #sub .tab3 ul li:nth-child(6n){margin-right: 0}
    #sub.list .con01 ul li a .num{width: 60px}
    #sub.list .con01 ul li a{padding-left: 60px;}
    #sub.list .con01 ul li a .arrow{display: none}
    #sub.list .con01 ul li a p i{height: 7px;margin: 0 5px;}
    #sub.list .con01 ul li a p{margin-top: 5px;font-size: 12px;}
    #sub .sch_w{width: 100%}
    #sub.gallery .con01 ul li{width: 49%;margin-right: 2%;margin-bottom: 2%}
    #sub.gallery .con01 ul li:nth-child(3n){margin-right: 2%}
    #sub.gallery .con01 ul li:nth-child(2n){margin-right: 0}
    #sub .sub_visual .vis_shape i.sh01{width: 300px}
    #sub .sub_visual .vis_shape i.sh02{width: 250px}
    #sub .sub_visual .vis_shape i.sh03{width: 200px}
    #sub .sub_visual .vis_shape i.sh04{width: 150px}
    #proPop > div > div .doc_w{display: block}
    #proPop > div > div .doc_w > div{width: 100%}
    #proPop > div > div .title strong{font-size: 17px;word-break: keep-all;padding: 0 10px}
    #proPop > div > div .title p{font-size: 13px;word-break: keep-all}
    #proPop > div > div .doc_w .txt{padding: 0 20px}
    #proPop > div > div .doc_w .txt table th, #proPop > div > div .doc_w .txt table td{font-size: 13px;}
    #proPop > div > div .doc_w .txt strong{font-size: 17px;padding: 0 10px}
    #proPop > div > div .doc_w .txt table{margin-top: 20px;}
    #proPop > div{padding-bottom: 60px}
    #sub.partner .con .img ul li{width: 32%;margin-right: 2%;margin-bottom: 2%}
    #sub.partner .con .img ul li:nth-child(5n){margin-right: 2%;}
    #sub.partner .con .img ul li:nth-child(3n){margin-right: 0%;}
    .main_con05 #map{height: 300px;}
    #sub .tab2 ul li a{font-size: 12px}
    #sub.contact .con01{margin-bottom: 45px;}
    #sub.contact .con01 ul li{width: 100%;margin-right: 0}
    #sub.contact .title{margin-bottom: 10px;}
}
@media (max-width: 500px) {
    #sub .sub_visual .vis_shape i.sh01{width: 220px;height: 160px}
    #sub .sub_visual .vis_shape i.sh02{width: 200px;height: 140px}
    #sub .sub_visual .vis_shape i.sh03{width: 180px;height: 120px}
    #sub .sub_visual .vis_shape i.sh04{width: 160px;height: 100px}
    #sub .sub_visual .sv_title strong{font-size: 32px;}
    #sub .sub_visual .sv_title{margin-bottom: 16px;}
    #sub .sub_visual .sv_loc > ul > li ul li a{font-size: 13px}
    #sub .sub_visual .sv_loc > ul > li ul{padding: 20px;padding-right: 0}
    #sub .sub_visual .sv_loc > ul > li ul{width: 180px}
    #sub .sub_visual .sv_title strong{word-break: keep-all}
    
}















