/* 서브 공통 */
#sub .inner{ width: 1400px; }
#sub .sub_visual{ height: 700px; overflow: hidden; position: relative;  }
#sub .sub_visual .v_txt{ position: absolute; width: 1400px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; }
#sub .sub_visual .v_txt ul{ display: flex; align-items: center; margin-bottom:50px; transform: translateY(20px); opacity: 0; transition: transform 1s, opacity 1s; }
#sub .sub_visual.on .v_txt ul{ transform: translateY(0); opacity: 1; }
#sub .sub_visual .v_txt ul li{ font-size: 16px; color: #fff; font-weight: 300; margin-right: 14px; }
#sub .sub_visual .v_txt ul li .home{ display: block; }
#sub .sub_visual .v_txt ul li:nth-child(5){ color: #FF6F00; }
#sub .sub_visual .v_txt ul li:last-child{ margin-right: 0; }
#sub .sub_visual .v_txt ul li.dots{ width: 4px; height: 4px; border-radius: 50%; background-color: #fff; }
#sub .sub_visual .v_txt strong{ display: block; font-size: 60px; font-weight: 400; color: #fff; transform: translateY(20px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .2s; }
#sub .sub_visual.on .v_txt strong{ transform: translateY(0); opacity: 1; }
#sub .sub_visual .v_tab{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; transform: translateY(100%); transition: transform 1s; transition-delay: .4s; }
#sub .sub_visual.on .v_tab{ transform: translateY(0); }
#sub .sub_visual .v_tab ul{ display: flex; width: 50%; height: 60px; border-radius: 30px 30px 0 0; }
#sub .sub_visual .v_tab ul li{ width: 33.33333333%; height: 100%; }
#sub .sub_visual .v_tab ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 60px; font-size: 20px; font-weight: 500; color:#aaa;  background-color: #FFFFFF; }
#sub .sub_visual .v_tab ul li:nth-child(1) a{ border-radius: 30px 0 0 0; }
#sub .sub_visual .v_tab ul li:last-child a{ border-radius: 0 30px 0 0; }

#sub .sub_visual .v_tab ul li.on a{ background-color: #FF6F00; color: #fff; }

#sub .sub_visual .v_img{ position: relative; width: 100%; height: 100%; }
#sub .sub_visual .v_img img{ height: 100%; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.1); transition: transform 5s, opacity 5s; }
#sub .sub_visual.on .v_img img{ transform: translate(-50%,-50%) scale(1);}



#footer.sub_footer{ padding: 80px; }
#footer.sub_footer{ position: static; }
#footer.sub_footer span{ color: #ccc; }
#footer.sub_footer dl dt{ color: #999; }
#footer.sub_footer dl dd p{ color: #999; }
#footer.sub_footer .brochure .wrap{ border-color: #DDDDDD; }
#footer.sub_footer .brochure svg #LINE line{ stroke: #000000; }
#footer.sub_footer .brochure svg #LINE rect{ stroke: #000000; }
#footer.sub_footer .brochure .txt strong{ color: #000000; }
#footer.sub_footer .brochure a:hover .wrap{ border-color :#000; }

#sub .sub_con{ padding-top: 200px; }
#sub .sub_con .sub_t{ margin-bottom: 80px; }
#sub .sub_con .sub_t p{ font-size: 24px; font-weight: 500; color:#FF6F00; margin-bottom: 20px; }
#sub .sub_con .sub_t strong{ display: block; font-size: 48px; line-height: 72px; color:#000000; font-weight: 100; }
#sub .sub_con .sub_t strong b{ font-weight: 600; }
#sub .sub_con .con_w{ padding-bottom: 100px; }
#sub .sub_con .con_w:last-child{ padding-bottom: 100px; }


/* 인사말 */
#sub.greeting .sub_con{ background: url('/img/sub/greeting_bg1.png') right top no-repeat;}
#sub.greeting .con01 .txt p{ font-size: 20px; line-height: 40px; color: #000; font-weight: 200; }
#sub.greeting .con01 .txt p span{ display: block; }


#sub.greeting .con01 .bot{ background: url('/img/sub/greeting_bg2.png') left center no-repeat; padding-top: 40px; margin-top: 60px; }
#sub.greeting .con01 .bot strong{ display: block; font-size: 30px; font-weight: 600; color:#000000; line-height: 45px ;}
#sub.greeting .con01 .bot span{ display: flex; justify-content: flex-end; align-items: center; margin-top: 50px; font-size: 20px; font-weight: 600; color:#000000; }
#sub.greeting .con01 .bot b{ margin-left: 20px; font-size: 36px; letter-spacing: 10px; }
#sub.greeting .con02 .bot img{ display: block; margin-left: 15px; }


/* 조직도 */
#sub.orga .con01{ padding-bottom: 200px; }
#sub.orga .con01 img{ display: block; max-width: 100%; }
#sub.orga .con02{ background-color: #F9F9F9; padding-top: 100px; }
#sub.orga .con02 .inner{ display: flex; justify-content: space-between; position: relative; }
#sub.orga .con02 .inner:after{ content:""; display: block; width: 4%; height: 4px; background: url('/img/sub/orga_dots.png') center top; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#sub.orga .con02 .inner .wrap{ width: 46%; border: 2px solid #000; border-radius: 20px; padding: 50px; position: relative; }
#sub.orga .con02 .inner .wrap:before{ content:""; display: block; width: 20px; height: 20px; background: url('/img/sub/orga_dots2.png') center center no-repeat; position: absolute; right: -10px; top: 50%;
transform: translate(0,-50%);
}
#sub.orga .con02 .inner .wrap:last-child:before{ right: auto; left: -10px; }
#sub.orga .con02 .inner .wrap:after{ content:""; display: block; width: 95%; height: 110%; background-color: #f9f9f9; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#sub.orga .con02 .inner .wrap dl{ position: relative; z-index: 1; }
#sub.orga .con02 .inner .wrap dl dt{ font-size: 24px; font-weight: 600; color: #000; line-height: 36px; position: relative; padding-bottom: 30px; border-bottom: 1px solid #DDDDDD; }
#sub.orga .con02 .inner .wrap dl dt:after{ content:""; display: block; width: 50px; height: 2px; background-color: #000; position: absolute; left: 0; bottom: -1px; }
#sub.orga .con02 .inner .wrap dl dd{ margin-top: 30px; padding-left: 50px; }
#sub.orga .con02 .inner .wrap dl dd ul li{ position: relative; padding-left:14px; font-size: 20px; font-weight: 200; color: #000000; margin-bottom: 20px; }
#sub.orga .con02 .inner .wrap dl dd ul li:last-child{ margin-bottom: 0; }
#sub.orga .con02 .inner .wrap dl dd ul li:after{ content:""; display: block; width: 4px; height: 4px; background-color: #000; border-radius: 50%; position: absolute; left: 0; top: 10px; }



/* Contact */
#sub.contact .sub_con{ padding-top: 100px; }

#sub.contact .sub_visual .v_tab ul{ width: 100%; }
#sub.contact .sub_visual .v_tab ul li{ width: 50%; }

#sub.contact .con01 .map_w{ width: 100%; height: 600px; position: relative; overflow: hidden; border-radius: 20px; }
#sub.contact .con01 .map_w .root_daum_roughmap{ width: 100%; }
#sub.contact .con01 .map_w .root_daum_roughmap .wrap_map{ height: 100%; }
#sub.contact .con01 .map_w .root_daum_roughmap .wrap_controllers{ display: none; }
#sub.contact .con01 .map_w .root_daum_roughmap .border1{ display: none; }
#sub.contact .con01 .map_w .root_daum_roughmap .border2{ display: none; }
#sub.contact .con01 .map_w .root_daum_roughmap .border3{ display: none; }
#sub.contact .con01 .map_w .root_daum_roughmap .border4{ display: none; }

#sub.contact .con01 .lo{ margin-top: 50px; display: flex; flex-wrap: wrap; }

#sub.contact .con01 .lo dl{ width: 48%; margin-right: 4%; display: flex; margin-bottom: 30px; }
#sub.contact .con01 .lo dl:nth-child(3), #sub.contact .con01 .lo dl:nth-child(4){ margin-bottom: 0; }
#sub.contact .con01 .lo dl:nth-child(2n+0){ margin-right: 0; }
#sub.contact .con01 .lo dl dt{ display: flex;  font-size: 20px; font-weight: 600; color:#000000; margin-right: 20px; line-height: 40px; }
#sub.contact .con01 .lo dl dt i{ margin-right: 20px; display: block; }
#sub.contact .con01 .lo dl dd{ font-size: 20px; font-weight: 200; color:#000000; line-height: 30px; padding-top: 5px; }




/* 보유면허 및 특허증 */
#sub.business .sub_visual .v_tab ul li{ width: 50%; }
#sub.license .con01 .inner .wrap { margin-bottom: 170px; }
#sub.license .con01 .inner .wrap:last-child{ margin-bottom: 0; }
#sub.license .con01 .inner .wrap > strong{ margin-bottom: 50px; display: block; position: relative; font-size: 30px; font-weight: 600; color: #000000; padding-bottom: 50px; border-bottom: 1px solid #DDDDDD; }
#sub.license .con01 .inner .wrap > strong:after{ content:""; display: block; width: 50px; height: 2px; background-color: #000; position: absolute; left:0; bottom: -1px; }
#sub.license .con01 .inner .wrap ul{ display: flex; flex-wrap: wrap}
#sub.license .con01 .inner .wrap ul li{ width: 22%; margin-right: 3%;margin-bottom: 3%}
#sub.license .con01 .inner .wrap ul li:nth-child(4n){margin-right: 0}
#sub.license .con01 .inner .wrap ul li .img{ position: relative; }
#sub.license .con01 .inner .wrap ul li .img:after{ content:""; display: block; width: 110%; height: 26px; background: url('/img/sub/license_deco.png') center center no-repeat; position: absolute; left: 50%; bottom: -7px;
  transform: translate(-50%,0); z-index: -1;
}
#sub.license .con01 .inner .wrap ul li .img img{ display: block; width: 100%; border-radius: 20px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border: 1px solid #DDDDDD; }
#sub.license .con01 .inner .wrap ul li .txt{ margin-top: 20px; }
#sub.license .con01 .inner .wrap ul li .txt strong{ display: block; font-size: 18px; line-height: 28px; font-weight: 600; color:#000; word-break: keep-all; }



/* 주요기술 */
#sub.tech .sub_con{ padding-top: 0; }
#sub.tech .con01{ padding-top: 200px; background-color: #F9F9F9; padding-bottom: 200px; }
#sub.tech .con01 strong { margin-bottom: 50px; display: block; font-size: 48px; line-height: 72px; font-weight: 200; color: #000; text-align: center; }
#sub.tech .con01 strong b{ font-weight: 600; }
#sub.tech .con01 p{ font-size: 20px; line-height: 40px; color: #000; font-weight: 200; text-align: center; margin-bottom: 90px; }
#sub.tech .con01 p b{ font-weight: 600; }
#sub.tech .con01 .img{ display: flex; margin-bottom: 50px; }
#sub.tech .con01 .img:last-child{ justify-content: flex-end; margin-bottom: 0; }
#sub.tech .con01 .img img{ display: block; max-width: 100%; border-radius: 20px; }

#sub.tech .dl_c dl dd{ border-bottom: 1px solid #ddd;  padding-bottom: 150px; }
#sub.tech .dl_c{ position: relative; margin-bottom: 150px; }
#sub.tech .dl01{ padding-top: 200px; }
#sub.tech .dl_c dl{ display: flex; }
#sub.tech .dl_c dl dt{ width: 20%; margin-right: 2%; }
#sub.tech .dl_c dl dt strong{ font-size: 24px; font-weight: 600; color:#FF6F00; line-height: 36px; letter-spacing: -0.025em; }
#sub.tech .dl_c dl dt p{ margin-top: 14px; font-size: 18px; font-weight: 200; color:#999999; }
#sub.tech .dl_c dl dd{ width: 78%; }

#sub.tech .dl_c .line_li li{ position: relative; padding-left: 14px; font-size: 16px; line-height: 24px; color: #000; font-weight: 200; margin-bottom: 10px; }
#sub.tech .dl_c .line_li li:last-child{ margin-bottom: 0; }
#sub.tech .dl_c .line_li li:after{ content:""; display: block; width: 7px; height: 1.2px; background-color: #000; position: absolute; left: 0; top: 11px; }

#sub.tech .dl01 dl dd{ min-height: 750px; }
#sub.tech .dl01 dl dd .txt strong{ font-size: 48px; line-height: 72px; color: #000; font-weight: 200; }
#sub.tech .dl01 dl dd .txt strong b{ font-weight: 600; }
#sub.tech .dl01 dl dd .txt .p01{ font-size: 24px; font-weight: 600; color:#753F15; line-height: 40px; margin-top: 30px; }
#sub.tech .dl01 dl dd .txt .p02{ font-size: 20px; line-height: 40px; color:#000000; font-weight: 200; margin-top: 30px; }
#sub.tech .dl01 dl dd .img{ position: absolute; right: 80px; top: 0; }

#sub.tech .dl02 dd ul{ display: flex; justify-content: space-between; }
#sub.tech .dl02 dd ul li{ width: 23%; height: 80px; border-radius: 20px; position: relative; background-color: #f9f9f9; }
#sub.tech .dl02 dd ul li strong{ display: block; font-size: 20px; font-weight: 600; color:#000000; width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); text-align: center; }
#sub.tech .dl02 dd ul li:after{ content:""; width: 12px; height: 12px; background: url('/img/sub/tech_pin.png') center center no-repeat; position: absolute; left: 50%; top: -6px; transform: translate(-50%,0);}

#sub.tech .dl02 dd .d01{ margin-bottom: 50px; }
#sub.tech .dl02 dd .d01 > p{ border-radius: 20px; font-size: 18px; line-height: 27px; color: #000; font-weight: 200;  padding: 40px; background-color: #f9f9f9; }



#sub.tech .dl03 dd ul{ display: flex; justify-content: space-between; }
#sub.tech .dl03 dd ul li{ width: 13.5%; }
#sub.tech .dl03 dd ul li img{ display: block; width: 100%; }



#sub.tech .dl04 dd .d01{ border-radius: 20px; background-color: #f9f9f9; padding: 40px; }
#sub.tech .dl04 dd .d01 ul li{ position: relative; font-size: 18px; line-height: 28px; font-weight: 200; color: #000; padding-left: 14px; position: relative; margin-bottom: 12px; }
#sub.tech .dl04 dd .d01 ul li:last-child{ margin-bottom: 0; }
#sub.tech .dl04 dd .d01 ul li:after{ content:""; display: block; width: 4px; height: 4px; background-color: #000; border-radius: 50%; position: absolute; left: 0; top: 12px; }
#sub.tech .dl04 dd > div{ margin-bottom: 100px; }
#sub.tech .dl04 dd > div:last-child{ margin-bottom: 0; }
#sub.tech .dl04 dd > div > strong{ font-size: 24px; font-weight: 600; color:#000000; display: block; margin-bottom: 30px; }


#sub.tech .dl04 dd .d02 img{ display: block; max-width: 100%; }

#sub.tech .dl04 dd .d03 .tit{ border-radius: 20px; background-color: #f9f9f9; display: flex; align-items: center; }
#sub.tech .dl04 dd .d03 .tit strong{ display: block; width: 344px; height: 100px; border-radius: 20px; background-color: #999999; position: relative; text-align: center; font-size: 18px; line-height: 27px;
  font-weight: 500; color:#FFFFFF; padding-top: 25px; margin-right: 40px;
}
#sub.tech .dl04 dd .d03 .tit{ margin-bottom: 20px; }
#sub.tech .dl04 dd .d03 .img{ display: flex; justify-content: space-between; }
#sub.tech .dl04 dd .d03 .img img{ display: block; border-radius: 20px; width: 49%; }
#sub.tech .dl04 dd .d03 .txt{ margin-top: 30px; }
#sub.tech .dl04 dd .d03 .txt strong{ display: block; font-size: 18px; font-weight: 600; color: #000; margin-bottom: 20px; }

#sub.tech .dl04 dd .d04 .img{ display: flex; justify-content: space-between; }
#sub.tech .dl04 dd .d04 .img img{ display: block; border-radius: 20px; width: 49%; }

#sub.tech .dl04 dd .d05 ul{ display: flex; justify-content: space-between; }
#sub.tech .dl04 dd .d05 ul li img{ display: block; border-radius: 20px; width: 100%; }
#sub.tech .dl04 dd .d05 ul li:nth-child(1){ width: 40%; }
#sub.tech .dl04 dd .d05 ul li:nth-child(2){ width: 58%; }

#sub.tech .dl04 dd .d05 ul li .txt{ padding-top: 19px; padding-left: 20px; position: relative; }
#sub.tech .dl04 dd .d05 ul li .txt p{ font-size: 18px; color: #000; }
#sub.tech .dl04 dd .d05 ul li .txt:after{ content:""; display: block; width: 21px; height: 61px; position: absolute; left: 0; bottom: 0; background: url('/img/sub/tech_arrow.png') center center no-repeat;}


#sub.tech .dl05 dd .d01 > p{ border-radius: 20px; font-size: 18px; line-height: 27px; color: #000; font-weight: 200;  padding: 40px; background-color: #f9f9f9; }
#sub.tech .dl05 dd .d01 ul{ display: flex; justify-content: space-between; margin-top: 20px; }
#sub.tech .dl05 dd .d01 ul li{ width: 166px; }
#sub.tech .dl05 dd .d01 ul li i{ display: block; width: 100%; height: 166px; border-radius: 20px 20px 20px 0; background-color: #f9f9f9; display: flex; align-items: center; justify-content: center; position: relative; }
#sub.tech .dl05 dd .d01 ul li i:after{ content:""; display: block; width: 25px; height: 4px; background: url('/img/sub/dot_line.png') center center no-repeat; position: absolute; left: 98%; top: 50%; transform: translate(0,-50%); z-index: 1; }
#sub.tech .dl05 dd .d01 ul li .txt{ padding-top: 20px; }
#sub.tech .dl05 dd .d01 ul li .txt strong{ display: block; font-size: 20px; font-weight: 600; color:#000000; margin-bottom: 10px; }
#sub.tech .dl05 dd .d01 ul li .txt p{ font-size: 16px; line-height: 24px; font-weight: 200; color: #000; }
#sub.tech .dl05 dd > div > strong{ font-size: 24px; font-weight: 600; color:#000000; display: block; margin-bottom: 30px; }
#sub.tech .dl05 dd > div{ margin-bottom: 100px; }
#sub.tech .dl05 dd > div:last-child{ margin-bottom: 0; }
#sub.tech .dl05 dd .d02 .img{ display:flex; justify-content: space-between; }
#sub.tech .dl05 dd .d02 .img img{ width: 32.33333%; display: block; }


#sub.tech .dl06 dd .d01{ border-radius: 20px; background-color: #f9f9f9; padding: 40px; }
#sub.tech .dl06 dd .d01 ul li{ position: relative; font-size: 18px; line-height: 28px; font-weight: 200; color: #000; padding-left: 14px; position: relative; margin-bottom: 12px; }
#sub.tech .dl06 dd .d01 ul li:last-child{ margin-bottom: 0; }
#sub.tech .dl06 dd .d01 ul li:after{ content:""; display: block; width: 4px; height: 4px; background-color: #000; border-radius: 50%; position: absolute; left: 0; top: 12px; }
#sub.tech .dl06 dd .d02{ margin-top: 20px; }
#sub.tech .dl06 dd .d02 ul{ display: flex; justify-content: space-between; }
#sub.tech .dl06 dd .d02 ul li{ width: 32.3333333%; }
#sub.tech .dl06 dd .d02 ul li .img img{ width: 100%; border-radius: 20px; display: block; }
#sub.tech .dl06 dd .d02 ul li .txt{ margin-top: 20px; }
#sub.tech .dl06 dd .d02 ul li .txt p{ font-size: 18px; font-weight: 600; color: #000; }
#sub.tech .dl06 dd .d03{ margin-top: 100px; }
#sub.tech .dl06 dd .d03 img{ display: block; width: 100%; }

#sub.tech .dl07 dd .d01 > p{ border-radius: 20px; font-size: 18px; line-height: 36px; color: #000; font-weight: 200;  padding: 40px; background-color: #f9f9f9; word-break: keep-all; }
#sub.tech .dl07 dd > div > strong{ font-size: 24px; font-weight: 600; color:#000000; display: block; margin-bottom: 30px; }
#sub.tech .dl07 dd > div{ margin-bottom: 100px; }
#sub.tech .dl07 dd > div:last-child{ margin-bottom: 0; }
#sub.tech .dl07 dd .d02 img{ display: block; width: 100%; border-radius: 20px; }

#sub.tech .dl07 dd .d03 .wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#sub.tech .dl07 dd .d03 .wrap > div{ width: 49%; border-radius: 20px; background-color: #f9f9f9; margin-bottom: 20px; padding: 40px; }
#sub.tech .dl07 dd .d03 .wrap > div strong{ display: block; width: 148px; height: 60px; background: url('/img/sub/tech_tit.png') center center no-repeat; text-align: center; line-height: 60px; font-size: 20px; font-weight: 500; color:#FFFFFF; }
#sub.tech .dl07 dd .d03 .wrap > div p{ font-size: 18px; line-height: 36px; font-weight: 200; color: #000; margin-top: 15px; }

#sub.tech .dl07 dl dd{ padding-bottom: 0; border-bottom: none; }
#sub.tech .dl_c:last-child{ margin-bottom: 100px; }

#sub.museum .sub_con{ padding-top: 100px; }
#sub.showcase .sub_con{ padding-top: 100px; }
#sub .tab{ border-bottom: 1px solid #ddd; padding-bottom: 50px; }
#sub .tab ul{ display: flex; justify-content: flex-end; }
#sub .tab ul li{ margin-right: 50px; }
#sub .tab ul li:last-child{ margin-right: 0; }
#sub .tab ul li a{ font-size: 20px; font-weight: 500; color: #aaa; position: relative; }
#sub .tab ul li.on a{ color: #FF6F00; }
#sub .tab ul li a:after{ content:""; display: none; width: 8px; height: 8px; border-radius: 50%; background-color: #FF6F00; position: absolute; left: 50%; top: -15px; transform: translate(-50%,0);}
#sub .tab ul li.on a:after{ display: block; }

#sub.museum .con01 .list ul{ display: flex; flex-wrap: wrap; }
#sub.museum .con01 .list ul li{ width: 31%; margin-right: 3.5%; margin-top: 50px; }
#sub.museum .con01 .list ul li:nth-child(3n+0){ margin-right: 0; }
#sub.museum .con01 .list ul li a{ display: block; position: relative; }
#sub.museum .con01 .list ul li a:after{ content:""; width: 110%; height: 30px; background: url('/img/sub/hover_line1.png') center center no-repeat; position: absolute; left: 50%; top: -10px; transform: translate(-50%,0) scale(.6);
z-index: -1; transition: transform .5s, opacity .5s; opacity: 0;
}
#sub.museum .con01 .list ul li a:hover:after{ transform: translate(-50%,0) scale(1); opacity: 1; }
#sub.museum .con01 .list ul li a .img:after{ content:""; display: block; width: 100%; height: 50%;  position: absolute; left: 0; bottom: 0; background: url('/img/sub/mu_sha.png') center center no-repeat; border-radius: 0 0 20px 20px; }
#sub.museum .con01 .list ul li a .img img{ display: block; width: 100%; ; border-radius: 20px;  }
#sub.museum .con01 .list ul li a .hover{ position: absolute; width: 100%; height: 100%; background: url('/img/sub/mu_hover.png') left top no-repeat; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0;
  mix-blend-mode: overlay; transition: transform .5s, opacity .5s; transform: translateX(100px); border-radius: 20px;
}
#sub.museum .con01 .list ul li a:hover .hover{ transform: translateX(0); opacity: 1; }

#sub.museum .con01 .list ul li a:before{ content:""; width: 110%; height: 30px; background: url('/img/sub/hover_line2.png') center center no-repeat; position: absolute; left: 50%; bottom: -10px; transform: translate(-50%,0) scale(.6);
z-index: -1; transition: transform .5s, opacity .5s; opacity: 0;
}
#sub.museum .con01 .list ul li a:hover:before{ transform: translate(-50%,0) scale(1); opacity: 1; }

#sub.museum .con01 .list ul li a .txt{ position: absolute; left: 0; width: 100%; bottom: 0; padding: 40px; padding-top: 0; display: flex; justify-content: space-between; align-items: center; z-index: 3; }
#sub.museum .con01 .list ul li a .txt strong{ display: block; font-size: 24px; font-weight: 500; color: #fff; }
#sub.museum .con01 .list ul li a .txt span{ display: block; font-size: 16px; line-height: 34px; border: 1px solid #fff; border-radius: 10px; width: 110px; text-align: center; color: #Fff; }

#sub .page{ text-align: center; margin-top: 60px; }
#sub .page ul{ display: flex; justify-content: center; align-items: center; }
#sub .page ul li{ width: 50px; height: 50px; margin-right: 10px; }
#sub .page ul li:last-child{ margin-right: 0; }
#sub .page ul li a{ display: block; width: 100%; height: 100%; line-height: 50px; border-radius: 12px; color: #666; }
#sub .page ul li.on a{ background-color: #FF6F00; color: #fff; }
#sub .page ul li.prev a{ background: url('/img/sub/page_prev.png') center center no-repeat;}
#sub .page ul li.next a{ background: url('/img/sub/page_next.png') center center no-repeat;}


#sub.view .v_con{ padding-bottom: 100px; }
#sub.view .con_w{ padding-bottom: 50px; }
#sub .back_b{ display: flex; justify-content: flex-end; }
#sub .back_b a{ width: 200px; height: 58px; border-radius: 60px; text-align: center; display: flex; align-items: center; justify-content: center;
  background-color: #fff; border: 1px solid #DDDDDD;
  transition: background .5s, border .5s;
}
#sub .back_b a strong{ display: block; font-size: 16px; font-weight: 500; color: #000; margin: 0 30px; transition: color .5s; }

#sub .back_b a svg{ transition: transform .5s, opacity .5s; }
#sub .back_b a svg path{ transition: stroke .5s; }
#sub .back_b a:hover .le_b{ transform: translateX(10px); }
#sub .back_b a:hover .le_b path{ stroke: #fff; }
#sub .back_b a:hover .ri_b{ transform: translateX(-10px); opacity: 0; }
#sub .back_b a:hover{ background-color: #FF6F00; border-color: #FF6F00; }
#sub .back_b a:hover strong{ color: #fff; }




#sub.view .v_con .v_tit{ border-bottom: 1px solid #ddd; padding-bottom: 50px; }
#sub.view .v_con .v_tit strong{ font-size: 36px; display: block; font-weight: 600; color:#000000; margin-bottom: 20px; }
#sub.view .v_con .v_tit p{ font-size: 24px; font-weight: 200; color:#000000; }
#sub.view .v_con .v_info{ margin-top: 50px; display: flex;  flex-wrap: wrap; }
#sub.view .v_con .v_info > dl{ margin-right: 4%; width :48%; margin-bottom: 30px; display: flex; }
#sub.view .v_con .v_info > dl:last-child{ margin-bottom: 0; }
#sub.view .v_con .v_info > dl:nth-child(2n+0){ margin-right: 0; }
#sub.view .v_con .v_info > dl dt{ margin-right: 50px; font-size: 20px; font-weight: 600; color: #000; }
#sub.view .v_con .v_info > dl dd{ font-size: 20px; font-weight: 200; color: #000; }
#sub.view .v_con .con_w{ margin-top: 100px; }
#sub.view .v_con .con_w img{ display: block; max-width: 100%; margin: 0 auto; }

/* 쇼케이스 */

#sub.showcase .con01 .list ul{ display: flex; flex-wrap: wrap; }
#sub.showcase .con01 .list ul li{ width: 48%; margin-right: 4%; margin-top: 50px; }
#sub.showcase .con01 .list ul li:nth-child(2n+0){ margin-right: 0; }
#sub.showcase .con01 .list ul li a{ display: block; position: relative; }
#sub.showcase .con01 .list ul li a .img:after{ content:""; width: 110%; height: 30px; background: url('/img/sub/hover_line3.png') center center no-repeat; position: absolute; left: 50%; top: -10px; transform: translate(-50%,0) scale(.6);
z-index: -1; transition: transform .5s, opacity .5s; opacity: 0;
}
#sub.showcase .con01 .list ul li a:hover .img:after{ transform: translate(-50%,0) scale(1); opacity: 1; }
#sub.showcase .con01 .list ul li a .img{ position: relative; }
#sub.showcase .con01 .list ul li a .img img{ display: block; width: 100%; border-radius: 20px; }

#sub.showcase .con01 .list ul li a .img:before{ content:""; width: 110%; height: 30px; background: url('/img/sub/hover_line4.png') center center no-repeat; position: absolute; left: 50%; bottom: -10px; transform: translate(-50%,0) scale(.6);
z-index: -1; transition: transform .5s, opacity .5s; opacity: 0;
}
#sub.showcase .con01 .list ul li a:hover .img:before{ transform: translate(-50%,0) scale(1); opacity: 1; }

#sub.showcase .con01 .list ul li a .txt{ padding-top: 30px; }
#sub.showcase .con01 .list ul li a .txt strong{ display: block; font-size: 30px; font-weight: 500; color: #000; text-align: center; }


/* 연도별실적 */
#sub.case .sub_con{ padding-top: 100px; }
#sub.case .wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#sub.case .wrap > div{ width: 48%; margin-bottom: 50px; border-radius: 20px; background-color: #f9f9f9; padding: 50px; position :relative; }
#sub.case .wrap > div > .bg span{ display: block; position: absolute; width: 52px; height: 52px; }
#sub.case .wrap > div > .bg span:nth-child(1){ background: url('/img/sub/history01.png') center center no-repeat; left: -2px; top: -2px; }
#sub.case .wrap > div > .bg span:nth-child(2){ background: url('/img/sub/history02.png') center center no-repeat; right: -2px; top: -2px; }
#sub.case .wrap > div > .bg span:nth-child(3){ background: url('/img/sub/history03.png') center center no-repeat; right: -2px; bottom: -2px; }
#sub.case .wrap > div > .bg span:nth-child(4){ background: url('/img/sub/history04.png') center center no-repeat; left: -2px; bottom: -2px; }
#sub.case .wrap > div > strong{ display: block; border-bottom: 1px solid #ddd; padding-bottom: 20px; font-size: 30px; font-weight: 600; color:#FF6F00; }
#sub.case .wrap > div > ul{ margin-top: 30px; }
#sub.case .wrap > div > ul > li{ position: relative; font-size: 18px; color:#666666; font-weight: 200; padding-left: 14px; position: relative; margin-bottom: 20px; }
#sub.case .wrap > div > ul > li:last-child{ margin-bottom: 0; }
#sub.case .wrap > div > ul > li:after{ content:""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #666; position: absolute; left: 0; top: 8px; }
#sub.case .tab{ border-bottom: none; }

/* 연도별실적 */
#sub.history .inner{ display: flex; justify-content: space-between; align-items: center; }
#sub.history .wrap{ position: relative; }
#sub.history .wrap:after{ content:""; display: block; width: 95%; height: 100%; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); box-sizing: border-box; border-radius: 50px; border: 10px solid #F4F4F4; z-index: -2; }
#sub.history .wrap:before{ content:""; display: block; width: 680px; height: 300px; background:url('/img/sub/history_bg.png') center center no-repeat; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);z-index: -1; }
#sub.history .h_slide{ width: 50%; }
#sub.history .swiper-wrapper{ height: 400px; }
#sub.history .swiper-slide{ height: 400px; display: flex; align-items: center; margin-left: 0; margin-right: 0; }
#sub.history .swiper, .swiper-container{ margin-left: 0; margin-right: 0; }
#sub.history .h_btn ul li a{ font-size: 36px; color: #DDDDDD; font-weight: 600; }
#sub.history .h_btn ul li{ margin-bottom: 20px; position: relative; }
#sub.history .h_btn ul li.on:after{ content:""; display: block; width: 37px; height: 22px; background: url('/img/sub/case_arrow.png') center center no-repeat; position: absolute; right: -40px; top: 50%; transform: translate(0,-50%);}
#sub.history .h_btn ul li:last-child{ margin-bottom: 0; }
#sub.history .h_btn ul li.on a{ color: #FF6F00; }

#sub.history .swiper-slide dl{ display: flex; }
#sub.history .swiper-slide dl dt{ font-family: 'Montserrat', sans-serif; font-size: 60px; color: #FF6F00; font-weight: 400; margin-right: 55px; }
#sub.history .swiper-slide dl dd{ position: relative; margin-top: 35px; }
#sub.history .swiper-slide dl dd:after{ content:""; display: block; width: 500px; height: 1px; background-color: #ff6f00; position: absolute; left: 0; top: 0;}
#sub.history .swiper-slide dl dd ul li{ position: relative; font-size: 20px; line-height: 30px; font-weight: 500; color:#000000; padding-left: 14px; }
#sub.history .swiper-slide dl dd ul li:after{ content:""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #000; position: absolute; left: 0; top: 12px; }
#sub.history .swiper-slide dl dd ul{ margin-top: 30px; }




@media (max-width: 1416px){
  #sub .sub_visual .v_txt{ width: 100%; padding: 0 20px; }
  #sub .inner{ width: 100%; padding: 0 20px; }
  #sub.greeting .con01 .wrap .img img{ max-width: 100%; }
    #footer.sub_footer{ padding: 80px 20px; }
    #sub.history .swiper-slide dl dd:after{ width: 100%; }
    #sub.history .wrap:before{ width: 40%; background-position: right center; }
    #sub.history .swiper-slide dl dd ul li{ font-size: 16px; line-height: 26px; }
    #sub.history .swiper-slide dl dd ul li:after{ top: 10px; }
    #sub.museum .con01 .list ul li a:before, #sub.museum .con01 .list ul li a:after{ background-size: 100% 100%; }
    #sub .tab ul li a{ font-size: 16px; }
    #sub .tab ul li a:after{ width: 5px; height: 5px; }
    #sub .tab{ padding-bottom: 30px; }
    #sub.museum .con01 .list ul li a .txt span{ font-size: 13px; }
    #sub.museum .con01 .list ul li a .txt span{ width: 60px; }
    #sub.showcase .con01 .list ul li a .img:before{ background-size: 100% auto; }
    #sub.showcase .con01 .list ul li a .img:after{ background-size: 100% auto;  }
    #sub.showcase .con01 .list ul li a .img:before{ width: 103%; }
    #sub.showcase .con01 .list ul li a .img:after{ width: 103%; }
    #sub.tech .dl01 dl dd .img{ right: -80px; }
    #sub.tech .dl05 dd .d01 ul li{ margin-right: 10px; }
    #sub.tech .dl05 dd .d01 ul li:last-child{ margin-right: 0; }
    #sub.tech .dl05 dd .d01 ul li i:after{ width: 12px; }
    #sub.tech .dl05 dd .d01 ul li i{ height: 120px; }
    #sub.tech .dl05 dd .d01 ul li i img{ height: 50px;  }
    #sub.tech .dl05 dd .d01 ul li:last-child i:after{ display: none; }
    #sub.tech .dl05 dd .d01 ul li .txt strong{ font-size: 16px; margin-bottom: 5px; }
    #sub.tech .dl05 dd .d01 ul li .txt p{ font-size: 13px; line-height: 18px; }
    #sub.tech .dl07 dd .d03 .wrap > div p br{ display: none; }
    #sub.tech .dl07 dd .d03 .wrap > div p{ word-break: keep-all; }
    #sub.license .con01 .inner .wrap ul li .img:after{ display: none; }

}

@media (max-width: 1280px){
  #sub.greeting .con01 .txt p{ font-size: 16px; line-height: 32px; }
  #sub.contact .con01 .lo dl dd{ font-size: 16px; line-height: 24px; }
  #sub.contact .con01 .lo dl dt{ font-size: 16px; }
  #sub.contact .con01 .lo dl dd{ padding-top: 7px; }
  #sub.museum .con01 .list ul li a .txt strong{ font-size: 18px; }
  #sub.museum .con01 .list ul li a .txt{ padding: 20px; padding-top: 0; }
  #sub.case .wrap > div > ul > li{ font-size: 14px; margin-bottom: 10px; padding-left: 8px; }
  #sub.case .wrap > div{ padding: 30px; }
  #sub.case .wrap > div > strong{ font-size: 20px; padding-bottom: 12px; }
  #sub.case .wrap > div > ul{ margin-top: 12px; }
  #sub.case .wrap > div > ul > li:after{ top: 6px; }
  #sub.tech .dl01 dl dd .img{ position: static; margin-bottom: 20px; }
  #sub.tech .dl01 dl dd .img img{ height: 500px; }

}

@media (max-width: 1050px){
  #sub .sub_visual .v_txt ul{ margin-bottom: 30px; }
  #sub .sub_visual .v_txt ul li{font-size: 14px; }
  #sub .sub_visual .v_txt strong{ font-size: 40px; }
  #sub .sub_visual{ height: 500px; }
  #sub .sub_visual .v_tab ul{ width: 100%; height: 50px; }
  #sub .sub_visual .v_tab ul li a{ line-height: 50px; font-size: 16px; }
  #sub .sub_con{ padding-top: 100px; }
  #sub .sub_con .sub_t p{ font-size: 18px; }
  #sub .sub_con .sub_t strong{ font-size: 28px; line-height: 42px; }
  #sub .sub_con .sub_t{ margin-bottom: 40px; }
  #sub.greeting .txt strong{ font-size: 18px; line-height: 28px; }
  #sub.greeting .sub_con{ background-size: 200px; }
  #sub.greeting .con01 .bot{ margin-top: 40px; background-size: 300px; background-position: left top; }
  #sub.greeting .con01 .bot span{ font-size: 16px; }
  #sub.greeting .con01 .bot span b{ font-size: 24px; }
  #sub.greeting .con01 .bot span img{ width: 48px; }
  #sub.greeting .con02{ background-size: auto 100%; }
  #sub.greeting .con01 .bot strong{ font-size: 20px; line-height: 30px; }
  #sub.orga .con02 .inner .wrap dl dd ul li{ font-size: 14px; line-height: 22px; padding-left: 8px; margin-bottom: 10px; }
  #sub.orga .con02 .inner .wrap dl dt{ font-size: 18px; line-height: 28px; }
  #sub.orga .con02 .inner .wrap dl dd ul li:after{ top: 9px; }
  #sub.history .h_btn ul li a{ font-size: 22px; }
  #sub.history .swiper-slide dl dt{ font-size: 32px; }
  #sub.history .swiper-slide dl dd{ margin-top: 18px; }
  #sub.history .swiper-slide dl dt{ margin-right: 20px; }
  #sub.history .h_slide{ padding-right: 30px; }
  #sub.view .v_con .v_tit{ padding-bottom: 30px; }
  #sub.view .v_con .v_tit strong{ font-size: 24px; margin-bottom: 10px; }
  #sub.view .v_con .v_tit p{ font-size: 16px; }
  #sub.view .v_con .v_info{ margin-top: 30px; }
  #sub.view .v_con .v_info > dl dt{ font-size: 14px; margin-right: 30px; }
  #sub.view .v_con .v_info > dl dd{ font-size: 14px; }
  #sub.view .v_con .v_info{ display: block; }
  #sub.view .v_con .v_info > dl{ margin-right: 0; margin-bottom: 20px; width :100%; }
  #sub.view .v_con .con_w{ margin-top: 30px; }
  #sub .back_b a{ width: 160px; height: 48px; }
  #sub .back_b a strong{ font-size: 14px; }
  #sub.showcase .con01 .list ul li a .txt{ padding-top: 20px ;}
  #sub.showcase .con01 .list ul li a .txt strong{ font-size: 20px; }
  #sub.tech .con01{ padding-top: 100px; }
  #sub.tech .con01 strong{ font-size: 26px; line-height: 38px; margin-bottom: 20px; }
  #sub.tech .con01 p{ font-size: 16px; line-height: 24px; margin-bottom: 60px; }
  #sub.tech .con01 .img img{ max-width: 80%; }
  #sub.tech .con01 .img{ margin-bottom: 30px; }
  #sub.tech .con01{ padding-bottom: 100px; }
  #sub.tech .dl01{ padding-top: 100px; }
  #sub.tech .dl01 dl dd{min-height: auto; padding-bottom: 100px; }
  #sub.tech .dl01 dl dd .txt strong{ font-size: 24px; line-height: 36px; }
  #sub.tech .dl01 dl dd .txt .p01{ font-size: 16px; line-height: 24px; margin-top: 15px; }
  #sub.tech .dl01 dl dd .txt .p02{ font-size: 16px; line-height: 24px; margin-top: 15px; }
  #sub.tech .dl_c dl dt strong{ font-size: 18px; line-height: 26px; }
  #sub.tech .dl02 dd ul li strong{ font-size: 14px; }
  #sub.tech .dl04 dd .d05 ul li .txt p{ font-size: 14px; }
  #sub.tech .dl04 dd > div{ margin-bottom: 50px; }
  #sub.tech .dl04 dd .d01 ul li{ font-size: 14px; line-height: 22px; padding-left: 10px; margin-bottom: 6px; }
  #sub.tech .dl04 dd .d03 .tit strong{ font-size: 14px; line-height: 22px; }
  #sub.tech .dl_c .line_li li:after{ top: 7px; }
  #sub.tech .dl04 dd .d03 .tit strong{ height: 90px; }
  #sub.tech .dl04 dd > div > strong{ font-size: 18px; margin-bottom: 10px; }
  #sub.tech .dl_c .line_li li{ font-size: 13px; line-height: 18px; margin-bottom: 5px; }
  #sub.tech .dl04 dd .d01 ul li:after{ top: 9px;  }
  #sub.tech .dl_c dl dd{ padding-bottom: 100px; }
  #sub.tech .dl_c{ margin-bottom: 100px; }
  #sub.tech .dl_c dl dt p{ font-size: 14px; }
  #sub.tech .dl05 dd .d01 ul{ flex-wrap: wrap; justify-content: center; }
  #sub.tech .dl05 dd .d01 ul li{ width: 32.3333%; margin-right: 1.5%; }
  #sub.tech .dl05 dd .d01 ul li:nth-child(3n+0){ margin-right: 0; }
  #sub.tech .dl07 dd .d03 .wrap > div{ padding: 20px; }
  #sub.tech .dl07 dd .d03 .wrap > div p{ font-size: 14px; line-height: 22px; }
  #sub.tech .dl07 dd .d03 .wrap > div strong{ width:120px; height: 48px; background-size: 100% 100%; font-size: 16px; line-height: 48px; }
  #sub.tech .dl07 dd > div > strong{ font-size: 18px; margin-bottom: 15px; }
  #sub.tech .dl07 dd > div{ margin-bottom: 50px; }
  #sub.tech .dl_c:last-child dl dd{ padding-bottom: 0;}
  #sub.tech .dl07 dd .d01 > p{ font-size: 14px; line-height: 22px; padding: 20px; }
  #sub.tech .dl06 dd .d01 ul li{ font-size: 14px; line-height: 22px; padding-left: 10px; margin-bottom: 6px; }
  #sub.tech .dl06 dd .d01{ padding: 20px; }
  #sub.tech .dl06 dd .d01 ul li:after{ top: 9px; }
  #sub.tech .dl05 dd > div > strong{ font-size: 18px; margin-bottom: 15px; }
  #sub.tech .dl06 dd .d02 ul li .txt p{ font-size: 14px; }
  #sub.tech .dl05 dd .d01 > p{ font-size: 14px; line-height: 22px; padding: 20px; }
  #sub.tech .dl02 dd .d01 > p{  font-size: 14px; line-height: 22px; padding: 20px;  }
  #sub.tech .dl05 dd > div{ margin-bottom: 50px; }
  #sub.tech .dl04 dd .d01{ padding: 20px; }
  #sub.license .con01 .inner .wrap > strong{ font-size: 20px; margin-bottom: 20px; padding-bottom: 20px; }
  #sub.license .con01 .inner .wrap ul li .txt strong{ font-size: 14px; line-height: 22px; }
  #sub.license .con01 .inner .wrap ul li{ width: 48%; margin-right: 4%; margin-bottom: 20px; }
  #sub.license .con01 .inner .wrap ul li:nth-child(2n+0){ margin-right: 0; }
  #sub.license .con01 .inner .wrap ul{ flex-wrap: wrap; justify-content: flex-start; }
  #sub.license .con01 .inner .wrap{ margin-bottom: 100px; }
}

@media (max-width: 950px){
  #sub.contact .con01 .lo{ display: block; }
  #sub.contact .con01 .lo dl{ margin-right: 0; width: 100%; }
  #sub.contact .con01 .lo dl{ margin-bottom: 30px !important; }
  #sub.contact .con01 .lo dl:last-child{ margin-bottom: 0 !important;}
  #sub.contact .con01 .map_w{ height: 400px; }
}

@media (max-width: 850px){
  #sub.orga .con02 .inner .wrap{ padding: 30px; }
  #sub.orga .con02 .inner .wrap dl dd{ padding-left: 0; }
  #sub.orga .con02 .inner .wrap dl dd ul li{ word-break: keep-all; }
  #sub.museum .con01 .list ul li{ width: 48%; margin-right: 4%; margin-top: 30px; }
  #sub.museum .con01 .list ul li:nth-child(3n+0){margin-right: 4%; }
  #sub.museum .con01 .list ul li:nth-child(2n+0){ margin-right: 0; }
  #sub .page ul li{ width:40px; height: 40px; margin-right: 0; }
  #sub .page ul li a{ line-height: 40px; font-size: 14px; border-radius: 8px; }
}

@media (max-width: 640px){
  #sub .sub_con .con_w{ padding-bottom: 60px; }
  #sub.greeting .con02{ padding-top: 60px; }
  #sub .sub_con .con_w:last-child{ padding-bottom: 60px; }
  #header.on2:before{ height: 80px; }
  #header.on2{ padding-top: 15px; }
  #sub .sub_con{ padding-top: 60px; }
  #sub .sub_visual{ height: 400px; }
  #sub .sub_visual .v_txt strong{ font-size: 30px; }
  #sub .sub_visual .v_txt ul{ margin-bottom: 15px; }
  #sub.greeting .con01 .txt p{ font-size: 13px; line-height: 22px; word-break: keep-all; }
  #sub.greeting .con01 .txt p span{ display: none; }
  #sub .sub_con .sub_t p{ font-size: 14px; margin-bottom: 10px; }
  #sub .sub_con .sub_t{ margin-bottom: 20px }
  #sub.greeting .con01 .bot{ margin-top: 20px; padding-top: 20px; }
  #sub.greeting .con01 .txt strong{ font-size: 14px; line-height: 22px; word-break: keep-all; }
  #sub.greeting .con01 .bot strong{ font-size: 16px; line-height: 26px; word-break: keep-all; }
  #sub.greeting .con01 .bot strong br{ display: none; }
  #sub.greeting .sub_con{ background-size: 120px; }
  #sub.greeting .con01 .bot{ background-size: 200px;  }
  #sub.greeting .con01 .bot span{ margin-top: 30px; font-size: 13px; }
  #sub.greeting .con01 .bot span b{ font-size: 18px; margin-left: 10px; }
  #sub.greeting .con01 .bot span img{ width: 38px; margin-left: 5px; }
  #footer.sub_footer{ padding: 40px 20px;  }
  #sub.orga .con02 .inner{ display: block; }
  #sub.orga .con02 .inner .wrap{ width: 100%; margin-bottom: 30px; }
  #sub.orga .con02 .inner .wrap:last-child{ margin-bottom: 0; }
  #sub.orga .con02 .inner .wrap:before{ display: none; }
  #sub.orga .con02 .inner:after{ display: none; }
  #sub.orga .con02{ padding-bottom: 60px; padding-top: 60px; }
  #sub.contact .sub_con{ padding-top: 60px; }
  #sub.museum .con01 .list ul li a .txt span{ display :none; }
  #sub.museum .con01 .list ul li a .txt strong{ font-size: 14px; line-height: 22px; }
  #sub.museum .con01 .list ul li a:after{ display: none; }
  #sub.museum .con01 .list ul li a:before{ display: none; }
  #sub.museum .sub_con{ padding-top: 60px; }
  #sub.museum .con01 .list ul li a .hover{ background-size: 100% 100%; }
  #sub .tab ul li{ margin-right: 20px; }
  #sub.museum .con01 .list ul li a{ overflow: hidden; }
  #sub .tab ul li a{ font-size: 13px; }
  #sub.view .v_con{ padding-bottom: 60px; }
  #sub .sub_con .con_w{ padding-bottom: 30px; }
  #sub.view .v_con .v_tit strong{ font-size: 20px; }
  #sub.view .v_con .v_tit p{ font-size: 13px; }
  #sub.view .v_con .v_info > dl dt{ font-size: 13px; margin-right: 10px ;}
  #sub.view .v_con .v_info > dl dd{ font-size: 13px; }
  #sub.view .v_con .v_info > dl{ margin-bottom: 10px; }
  #sub.view .v_con .v_info{ margin-top: 15px; }
  #sub.view .v_con .v_tit{ padding-bottom: 15px; }
  #sub.showcase .sub_con{ padding-top: 60px; }
  #sub.showcase .con01 .list ul li{ margin-top: 30px ;}
  #sub.showcase .con01 .list ul li a .txt strong{ font-size: 14px; }
  #sub.showcase .con01 .list ul li a .img:before{ display: none; }
  #sub.showcase .con01 .list ul li a .img:after{ display: none; }
  #sub.case .wrap > div{ width: 100%; margin-bottom: 20px; }
  #sub.case .wrap{ display: block; }
  #sub.case .sub_con{ padding-top: 60px; }
  #sub.tech .dl01 dl dd .txt .p01{ font-weight: 14px; line-height: 22px; }
  #sub.tech .dl01 dl dd .txt .p02{ font-size: 13px ;line-height: 20px; }
  #sub.tech .dl01 dl dd .txt strong{ font-size: 18px; line-height: 26px; }
  #sub.tech .dl01 dl dd .img img{ height: auto; width: 90%; }
  #sub.tech .dl_c dl dd{ padding-bottom: 60px; }
  #sub.tech .dl_c dl dt{ width: 100%; margin-right: 0; }
  #sub.tech .dl_c dl dt p{ margin-top: 8px; }
  #sub.tech .dl_c dl dt{ margin-bottom: 20px; }
  #sub.tech .dl_c dl dd{ width: 100%; }
  #sub.tech .dl_c dl{ display: block; }
  #sub.tech .dl_c{ margin-bottom: 60px; }
  #sub.tech .dl02 dd ul{ flex-wrap: wrap; }
  #sub.tech .dl02 dd ul li{ width: 48%; margin-right: 4%; margin-bottom: 20px; }
  #sub.tech .dl02 dd ul li:nth-child(2n+0){ margin-right: 0; }
  #sub.tech .dl03 dd ul{ flex-wrap: wrap; justify-content: flex-start; }
  #sub.tech .dl03 dd ul li{ width: 23%; margin-right: 2.6666%; margin-bottom: 12px; }
  #sub.tech .dl03 dd ul li:nth-child(4n+0){ margin-right: 0; }
  #sub.tech .dl04 dd .d01 ul li{ font-size: 13px; }
  #sub.tech .dl04 dd .d03 .tit{ display: block; width: 100%; }
  #sub.tech .dl04 dd .d03 .tit strong{ width: 100%; }
  #sub.tech .dl04 .d03 .tit .line_li{ padding: 20px; }
  #sub.tech .dl04 dd > div > strong{ font-size: 16px; margin-bottom: 8px; }
  #sub.tech .dl04 dd .d03 .txt strong{ font-size: 16px ;margin-bottom: 8px; }
  #sub.tech .dl05 dd .d01 ul li{ margin-bottom: 20px; }
  #sub.tech .dl06 dd .d03{ margin-top: 50px; }
  #sub.tech .dl05 dd > div > strong{ font-size: 16px; margin-bottom: 8px; }
  #sub.tech .dl06 dd .d02 ul li .txt{margin-top: 8px; }
  #sub.tech .dl07 dd .d03 .wrap{ display: block; }
  #sub.tech .dl07 dd .d03 .wrap > div{ width: 100%; margin-right: 0; }
  #sub.tech .dl06 dd .d01 ul li{ font-size: 13px; }
  #sub.tech .con01{ padding-top: 60px; }
  #sub.license .con01 .inner .wrap{ margin-bottom: 60px; }
  #sub.license .con01 .inner .wrap > strong{ font-size: 18px; }
  #sub.license .con01 .inner .wrap ul li .txt strong{ line-height: 20px; word-break: keep-all; }
}


@media (max-width: 540px){
  #header.on2:before{ height: 70px; }
  #sub.greeting .con01 .wrap .txt p{ word-break: keep-all; }
  #sub.greeting .con01 .wrap .txt p span{ display: none; }
  #sub.greeting .con02 .txt strong{ word-break: keep-all; }
  #sub.greeting .con02 .txt strong br{ display: none; }
  #sub .sub_visual .v_tab ul li a{ font-size: 14px; }
  #sub .sub_visual .v_tab ul{ border-radius: 12px 12px 0 0; }
  #sub.orga .con02 .inner .wrap dl dt{ font-size: 14px; line-height: 22px; padding-bottom: 15px; }
  #sub.orga .con02 .inner .wrap dl dd{ margin-top: 15px; }
  #sub.orga .con02 .inner .wrap dl dd ul li{ font-size: 13px; margin-bottom: 5px; }
  #sub.history .inner{ display: block; }
  #sub.history .h_btn ul{ display: flex; }
  #sub.history .h_btn ul li{ margin-right: 20px; }
  #sub.history .h_btn ul li:last-child{ margin-right: 0; }
  #sub.history .h_btn ul li a{ font-size: 16px; }
  #sub.history .wrap:after{ height: 90%;top: auto; bottom: 0; }
  #sub.history .h_btn ul li.on:after{ display: none; }
  #sub.history .h_slide{ width: 100%; }
  #sub.history .swiper-slide dl dd ul li{ font-size: 13px; line-height: 22px; font-weight: 400; padding-left: 8px; }
  #sub.history .swiper-slide dl dd ul li:after{ top: 8px; }
  #sub.history .swiper-wrapper{ height: 280px; }
  #sub.history .wrap:before{ height: 220px; background-size: auto 100%; }
  #sub.history .wrap:before{ top: 55%; }
  #sub.history .wrap:after{ border-width: 4px; }
  #sub.contact .con01 .lo dl{ display: block; }
  #sub.contact .con01 .lo dl dt i{ margin-right: 10px; }
  #sub.contact .con01 .lo dl dt i img{ width: 30px; }
  #sub.contact .con01 .lo dl dt{ line-height: 30px; font-size: 14px; margin-right: 0; }
  #sub.contact .con01 .lo dl dd{ font-size: 13px; line-height: 20px; }
  #sub.contact .con01 .lo{ margin-top: 30px; }
  #sub.contact .con01 .map_w{ height: 280px; }
  #sub .sub_visual .v_tab ul li a{ font-size: 13px; }
  #sub.view .v_con .v_info > dl dt{ width: 50px; }
  #sub.case .wrap > div > ul > li{ font-size: 13px; word-break: keep-all; }
  #sub.tech .con01 strong{ font-size: 20px; line-height: 28px; }
  #sub.tech .con01 p{ font-size: 14px; line-height: 22px; word-break: keep-all; }
  #sub.tech .con01 p br{ display:none; }
  #sub.tech .con01 p{ margin-bottom: 20px; }
  #sub .sub_con .con_w{ padding-bottom: 60px; }
  #sub.tech .dl01{ padding-top: 60px; }
  #sub.tech .dl04 dd .d03 .img{ display: block; }
  #sub.tech .dl04 dd .d03 .img img{ width: 100%; margin-bottom: 12px; }
  #sub.tech .dl04 dd .d04 .img{ display: block; }
  #sub.tech .dl04 dd .d04 .img img{ width: 100%; margin-bottom: 12px; }
  #sub.tech .dl04 dd .d05 ul{ display: block; }
  #sub.tech .dl04 dd .d05 ul li:nth-child(1){ width: 100%; margin-bottom: 20px; }
  #sub.tech .dl04 dd .d05 ul li:nth-child(2){ width: 100%; }
  #sub.tech .dl02 dd .d01{ margin-bottom: 20px; }
  #sub.tech .dl05 dd .d01 > p{ font-size: 13px; line-height: 20px; word-break: keep-all; }
  #sub.tech .dl02 dd .d01 > p{ font-size: 13px; line-height: 20px; word-break: keep-all; }
  #sub.tech .dl05 dd .d01 ul li .txt strong{ font-size: 14px; }
  #sub.tech .dl05 dd .d01 ul li{ width: 48%; margin-right: 4%; }
  #sub.tech .dl05 dd .d01 ul li:nth-child(3n+0){ margin-right: 4%; }
  #sub.tech .dl05 dd .d01 ul li:nth-child(2n+0){ margin-right: 0; }
  #sub.tech .dl05 dd .d02 .img{ display: block; }
  #sub.tech .dl05 dd .d02 .img img{ margin-bottom: 12px; width: 100%; }
  #sub.tech .dl06 dd .d02 ul li{ width: 100%; margin-bottom: 20px; }
  #sub.tech .dl07 dd .d01 > p{ font-size: 13px; line-height: 20px; }
  #sub.tech .dl06 dd .d02 ul{ display: block; }
  #sub.tech .dl07 dd > div > strong{ font-size: 16px; }
  #sub.tech .dl07 dd .d03 .wrap > div strong{ font-size: 14px; width:100px; height: 38px; line-height: 38px; }
  #sub.tech .dl07 dd .d03 .wrap > div p{ font-size: 13px; line-height: 20px; margin-top: 8px; }
  #sub .sub_visual .v_tab ul li:nth-child(1) a{ border-radius: 12px 0 0 0; }
  #sub .sub_visual .v_tab ul li:last-child a{ border-radius: 0 12px 0 0; }
  #sub .page ul li{ width: 32px; height: 32px; }
  #sub .page ul li a{ border-radius: 4px; line-height: 32px; background-size: 6px auto !important; font-size: 12px; }

}

@media (max-width: 360px){
#sub.history .h_btn ul li a{ font-size: 12px; }
#sub .inner{padding: 0 10px; }
#sub.history .swiper-slide dl{ display: block; }
#sub.history .h_slide{ padding-right: 20px; }
#sub.history .swiper-slide dl dt{ margin-right: 0; font-size: 22px; padding-bottom: 10px; }
#sub.history .swiper-slide dl dd{ margin-top: 0px; padding-top: 10px; }
#sub.history .swiper-slide dl dd ul{ margin-top: 0; }
#sub.history .swiper-slide dl dd ul li{ word-break: keep-all; }
#sub.view .v_con .v_info > dl dd{ font-size: 12px; }
#sub.view .v_con .v_info > dl dt{ font-size: 12px; }
#sub.case .wrap > div > ul > li{ font-size: 12px; }
#sub .tab ul li{ word-break: keep-all; }
#sub.history .swiper-wrapper{ height: 200px; }
#sub.history .wrap:before{ height: 160px; }
#sub.history .h_btn{ margin-bottom: 15px; }
#sub.history .h_btn ul li{ margin-bottom: 0; }
#sub.history .wrap:after{ height: 200px; }
#footer dl:nth-child(2){ transform: translateX(0);}
#footer dl:nth-child(2) dd p:last-child{ transform: translateX(0);}
}








/*  */