@charset "utf-8";

/* 공통영역 */
.color-blue {color:#0943A7 !important;}
h4.sub-title2 {font-size:36px;font-weight:700;margin-bottom:60px;}
p.sub-tit-p {font-size:17px;margin:-20px 0 60px;}

.page-top{position: relative;}
.page-top .visual{position: relative;height:420px;}
.page-top .visual.sub01{background: url(/_public/images2/contents/sub_v01.jpg) no-repeat;background-size: cover;}
.page-top .visual.sub02{background: url(/_public/images2/contents/sub_v02.png) no-repeat;background-size: cover;}
.page-top .visual.sub03{background: url(/_public/images2/contents/sub_v03.png) no-repeat;background-size: cover;}
.page-top .visual.sub04{background: url(/_public/images2/contents/sub_v04.jpg) no-repeat;background-size: cover;}
.page-top .group{position: absolute;top:50%;left:0;transform: translateY(-50%);text-align: center;width:100%;}
.page-top .group h1{font-size: 54px;font-weight: bold;letter-spacing: -1.35px;text-align: center;color: #fff;}
.page-top .navi-menu{position: absolute;left: 0;bottom:0;width:100%;background: rgba(0,0,0,0.35);}
.page-top .navi-menu .inner{display: flex;margin:0 auto;max-width:1600px;}
.page-top .navi-menu .inner a{flex:1;display: flex;align-items: center;justify-content: center;height:70px;  font-size: 20px;font-weight: 500;letter-spacing: -0.5px;text-align: center;color: #ccc;gap:5px;}
.page-top .navi-menu .inner a.on{background: #fff;font-weight: bold;color: #202020;}
.page-top .navi-menu .inner a i{display: inline-block;}
.page-top .navi-menu .inner a i img{display:block;}
.page-top .m-navi-menu{display: none;position: absolute;bottom:0;left:0;width:100%;}
.page-top .m-navi-menu button{position:relative;display: flex;align-items:center;height:60px;padding:0 20px;width:100%;font-size: 16px;font-weight: bold;letter-spacing: -0.4px;color: #fff;background: rgba(0,0,0,0.35);}
.page-top .m-navi-menu button:after{content: "";position:absolute;right:20px;display:block;width:20px;height:20px;background: url(/_public/images2/icon/toggle_arrow.svg) no-repeat;background-size: cover;}
.page-top .m-navi-menu button.on:after{transform: rotate(-180deg);}
.page-top .m-navi-menu .navi-list{display:none;position: absolute;left:0;width:100%;z-index: 10;}
.page-top .m-navi-menu .navi-list a{display: block;line-height: 55px;padding:0 20px;background: #f8f8f9; font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #808b95;border-bottom: 1px solid #dedede;}
.page-top .m-navi-menu .navi-list a.on{background: #fff;color: #0943a7;font-weight: 600;}
.page-top .m-navi-menu .navi-list a i{display: inline-block;position: relative;top:4px;margin-left: 5px;}
.page-top .m-navi-menu .navi-list a i img{display:block;}


.page-title{font-size: 48px;font-weight: bold;letter-spacing: -1.2px;color: #202020;}

#pages{}
#pages .contents{padding:100px 0 120px;}

.tab{display: flex;gap:30px;}
.tab a{position:relative;display: inline-block;font-size: 20px;font-weight: 500;line-height: 1.4;letter-spacing: -0.5px;color: #808b95;padding-bottom: 10px;}
.tab a:after{content: "";display:none;position: absolute;left:0;bottom:0;width:100%;height:3px;background: #202020;}
.tab a.on{font-weight: bold;color:#202020;}
.tab a.on:after{display: block;}

.gray-box{height:100vh;background: #f8f8f8;display: flex;align-items: center;justify-content: center;}



.top-hgroup{display: flex;align-items: flex-start;justify-content: space-between;}

.company{word-break:keep-all;}
.company .history{}
.company .history .list{margin-top:80px;}
.company .history .list .box{display: flex;gap:100px;align-items: flex-start;}
.company .history .list .box + .box{margin-top: 140px;}
.company .history .list .box .img{display: flex;gap:100px;width:100%;max-width:480px;}
.company .history .list .box .img img{display: block;}
.company .history .list .box .his-cont{width:100%;max-width:1020px;}
.company .history .list .box .his-cont h3{font-size: 28px;font-weight: 800;line-height: 1;color: #0943a7;}
.company .history .list .box .his-cont dl{margin-top:10px;border-top:2px solid #0943a7;}
.company .history .list .box .his-cont dl dt{top:20px;padding-left:20px;width:220px;font-size: 20px;font-weight: bold;color: #202020;}
.company .history .list .box .his-cont dl dd{padding:20px 20px 20px 220px;border-bottom: 1px solid #dedede;}
.company .history .list .box .his-cont dl dd ul{}
.company .history .list .box .his-cont dl dd ul li{position: relative;padding-left: 60px; font-size: 17px;font-weight: normal;line-height: 1.65;color: #202020;}
.company .history .list .box .his-cont dl dd ul li em{display: block;position: absolute;left:0; font-size: 17px;font-weight: 500;color: #808b95;}
.company .history .list .box .his-cont dl dd ul li span{position: relative;display:block;margin-top:5px;padding-left: 14px;  font-size: 15px;font-weight: 500;color: #808b95;}
.company .history .list .box .his-cont dl dd ul li span:before{content: "";position:absolute;top:11px;left:0;display: block;width:8px;height:2px;background: #808b95;}

.company .location{}
.company .location .box{margin-top:80px;display: flex;gap:70px;}
.company .location .box .img{width:100%;max-width:770px;}
.company .location .box .img img{display: block;border-radius:5px;}
.company .location .box .txt-box{width:100%;max-width:760px;}
.company .location .box .txt-box ul{border-top:2px solid #0943a7;}
.company .location .box .txt-box ul li{position:relative;padding:22px 20px 22px 210px; font-size: 20px;font-weight: normal;letter-spacing: -0.5px;color: #202020;border-bottom: 1px solid #dedede;}
.company .location .box .txt-box ul li em{position: absolute;left:30px;padding-left: 34px; font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #0943a7;}
.company .location .box .txt-box ul li em i{position: absolute;left:0;top:2px;}
.company .location .box .txt-box ul li em i img{display: block;}
.company .location .box .txt-box .txt{position:relative;margin-top:63px;border-radius: 5px;background-color: #fafafa;padding:35px 35px 35px 160px;font-size: 16px;font-weight: 300;line-height: 1.63;letter-spacing: -0.4px;color: #202020;}
.company .location .box .txt-box .txt:before{content: "";display: block;position: absolute;top:50%;left:50px;transform:translateY(-50%);width:60px;height:60px;display: block;background: url(/_public/images2/icon/txt_icon.svg) no-repeat;background-size: cover;}
.company .location .map-panel{margin-top:40px;height:420px;}
.company .location .map-panel .root_daum_roughmap .wrap_map{height:100% !important;}
.company .location .map-button{margin-top:30px;display: flex;gap:20px;justify-content: flex-end;}
.company .location .map-button a{display: flex;align-items: center;justify-content: space-between;width:200px;height:50px;border-radius: 25px;font-size: 17px;font-weight: 500;color: #202020;padding:0 25px 0 30px;}
.company .location .map-button a:after{content: "";display: block;width:20px;height:20px;}
.company .location .map-button .btn-kakao{background: #fee500;}
.company .location .map-button .btn-kakao:after{background: url(/_public/images2/icon/view_arrow_black.svg) no-repeat;background-size: cover;}
.company .location .map-button .btn-google{border: solid 1px #dedede;background: #fff;}
.company .location .map-button .btn-google:after{background: url(/_public/images2/icon/view_arrow_red.svg) no-repeat;background-size: cover;}
.company .location .traffic{margin-top: 100px;}
.company .location .traffic h3{position: relative;font-size: 36px;font-weight: bold;letter-spacing: -0.9px;color: #202020;display: flex;gap:20px;align-items: center;}
.company .location .traffic h3:after{content: "";display: block;width:60px;height:4px;background:#0943a7;}
.company .location .traffic ul{margin-top:30px;border-top:2px solid #0943a7;}
.company .location .traffic ul li{position:relative;padding:22px 20px 22px 340px; font-size: 20px;font-weight: normal;letter-spacing: -0.5px;color: #202020;border-bottom: 1px solid #dedede;}
.company .location .traffic ul li em{position: absolute;left:30px;padding-left: 34px; font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #0943a7;}
.company .location .traffic ul li em i{position: absolute;left:0;top:2px;}
.company .location .traffic ul li em i img{display: block;}
.company .location .traffic ul li span{position:relative;top:-1px;display:inline-block;vertical-align: middle;}
.company .location .traffic ul li span img{display: block;}


/* company */
.greetings {word-break:keep-all;line-height:1.6;overflow-x:hidden;margin-bottom:-120px;}
.greetings .flex-box {margin-top:80px;display:flex;}
.greetings .flex-box .img-box {max-width:540px;margin-right:120px;}
.greetings .flex-box .txt-box {width:calc(100% - 660px);}
.greetings .flex-box .txt-box .grt-p1 {font-size:36px;font-weight:700;color:#0943A7;margin-bottom:30px;}
.greetings .flex-box .txt-box .grt-p2 {font-size:20px;font-weight:500;margin-bottom:60px;}
.greetings .flex-box .txt-box .grt-p3 {font-size:17px;}
.greetings .flex-box .txt-box .grt-p3 + .grt-p3 {margin-top:20px;}
.greetings .flex-box .txt-box .quotes {display:block;margin-bottom:25px;}
.greetings .flex-box .txt-box .txt1 {margin-bottom:40px;position:relative;}
.greetings .flex-box .txt-box .txt1:before {content:"";width:157px;height:154px;background:url(/_public/images2/contents/greetings_img03.svg) no-repeat;background-size:cover;position:absolute;top:40px;right:0;}
.greetings .flex-box .txt-box .txt2 {padding-top:40px;position:relative;padding-bottom:150px;}
.greetings .flex-box .txt-box .txt2:before {content:"";width:2000px;height:100%;background:#F8F8F9;position:absolute;top:0;left:-860px;z-index:-1}
.greetings .flex-box .txt-box .txt2 > .grt-p2 {margin-bottom:20px;}
.greetings .flex-box .txt-box .sign {margin-top:80px;display:flex;gap:30px;align-items:center;}
.greetings .flex-box .txt-box .sign p {font-size:20px;font-weight:500;color:#808B95;}
.greetings .flex-box .txt-box .sign p strong {display:inline-block;font-weight:700;color:#202020;margin-right:5px;}
.greetings .flex-box .txt-box .sign img {display:block;}

.ideology {word-break:keep-all;text-align:center;margin-bottom:-120px;}
.ideology .section01 {margin:60px 0 120px;max-height:425px;background:url(/_public/images2/contents/ideology_bg01.jpg) 50% 50% no-repeat;background-size:cover;padding:112px;}
.ideology .section01 p {font-size:36px;color:#fff;margin-bottom:60px;}
.ideology .section01 p strong {display:block;font-weight:600;}
.ideology .section01 span {font-size:17px;color:#fff;}
.ideology .section02 {background:#f8f8f9;padding:120px 0;}
.ideology .section02 .policy3 {display:flex;gap:80px;padding:0 180px;}
.ideology .section02 .policy3 .policy-in {width:calc(33.33% - 54px);height:480px;overflow:hidden;padding:40px;border-radius:5px;position:relative;}
.ideology .section02 .policy3 .policy-in img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:all 0.3s;}
.ideology .section02 .policy3 .policy-in img:hover {transform:translate(-50%, -50%) scale(1.1);}
.ideology .section02 .policy3 .policy-in p {font-size:28px;font-weight:600;color:#fff;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:10;}
.ideology .section03 {padding:120px 0;}
.ideology .section04 {padding:200px 0;background:url(/_public/images2/contents/ideology_bg02.jpg) 50% 50% no-repeat;background-size:cover;}
.ideology .section04 .culture-box {display:flex;gap:80px;padding:0 180px;}
.ideology .section04 .culture-box .culture-in {width:calc(50% - 40px);padding:80px;border:1px solid #dedede;border-radius:5px;}
.ideology .section04 .culture-box .culture-in p {font-size:28px;font-weight:700;color:#fff;margin-top:40px;}
.ideology .section04 .culture-box .culture-in span {display:block;font-size:17px;color:#fff;margin-top:25px;}

.ideology .ideo-bnr img {display:block;margin:0 auto 20px;}
.ideology .ideo-bnr em {display:block;font-size:28px;font-weight:800;margin-bottom:80px;}
.ideology .ideo-bnr p { font-size:36px;font-weight:600;color:#fff;margin-bottom:60px;}
.ideology .ideo-bnr p strong {display:block;}
.ideology .ideo-bnr span {font-size:17px;color:#fff;}
.ideology .vision {margin-top:60px;background:url(/_public/images2/contents/vision_bg01.jpg) 50% 50% no-repeat;background-size:cover;padding:120px 0;}
.ideology .vision em {color:#76c5d8;}
.ideology .mission {margin-top:120px;}
.ideology .mission em {color:#0943a7;}
.ideology .mission img {display:block;}
.ideology .mission p {color:#202020;}
.ideology .global-section {margin-top:80px;padding-bottom:120px;}
.ideology .global-section h4 {font-size:28px;font-weight:700;margin-bottom:20px;}
.ideology .global-section h5 {font-size:17px;color:#808b95;font-weight:400;}
.ideology .global-box {margin-top:60px;padding:0 180px;display:flex;gap:80px;}
.ideology .global-box .global-in {width:calc(33.33% - 54px);}
.ideology .global-box .global-in img {display:block;margin:0 auto 40px;}
.ideology .global-box .global-in p {font-size:20px;font-weight:500;}
.ideology .global-box .global-in ul {display:inline-block;margin:25px auto 0;text-align:left;}
.ideology .global-box .global-in ul li {font-size: 17px;position:relative;padding-left:13px;}
.ideology .global-box .global-in ul li:before {content:"";display:block;width:5px;height:5px;border-radius:100%;background:#0943a7;position:absolute;top:7px;left:0;}
.ideology .global-box .global-in ul li + li {margin-top:8px;}

.ideology .management-bnr {background:url(/_public/images2/contents/management_bg01.jpg) 50% 50% no-repeat;background-size:cover;padding:93px 0;margin-top:60px;}
.ideology .management-bnr > p {margin:0 !important;}
.ideology .management-box {margin-top:120px;display:flex;flex-wrap:wrap;gap:80px;padding-bottom:120px;}
.ideology .management-box .mng-in {width:calc(33.33% - 54px);padding:40px;}
.ideology .management-box .mng-in img {display:block;margin:0 auto 60px;}
.ideology .management-box .mng-in p {font-size:28px;font-weight:700;margin-bottom:20px;}
.ideology .management-box .mng-in span {font-size:17px}

.ideology .organization {margin:60px 0 120px;}

.ideology .esg {margin-top:60px;padding-bottom:120px;}
.ideology .esg .esg-bnr {padding:50px 60px;position:relative;min-height:400px;margin-bottom:60px;text-align:left;}
.ideology .esg .esg-bnr.esg-bnrE {background:url(/_public/images2/contents/esg_bg01.jpg) 50% 50% no-repeat;background-size:cover;}
.ideology .esg .esg-bnr.esg-bnrS {background:url(/_public/images2/contents/esg_bg02.jpg) 50% 50% no-repeat;background-size:cover;margin-top:160px;}
.ideology .esg .esg-bnr.esg-bnrS h3 {color:#202020;}
.ideology .esg .esg-bnr.esg-bnrS p {color:#202020;}
.ideology .esg .esg-bnr.esg-bnrG {background:url(/_public/images2/contents/esg_bg03.jpg) 50% 50% no-repeat;background-size:cover;margin-top:160px;}
.ideology .esg .esg-bnr h3 {font-size:54px;font-weight:500;color:#fff;}
.ideology .esg .esg-bnr h3 strong {font-size:84px;font-weight:700;}
.ideology .esg .esg-bnr p {font-size:36px;font-weight:700;color:#fff;}
.ideology .esg .esg-bnr em {display:block;font-size:20px;font-weight:700;color:#fff;position:absolute;bottom:25px;right:50px;}
.ideology .esg .global-box {padding:0;}
.ideology .esg .global-box .global-in ul {display:block;margin:25px 0 0;}


.cert{}
.cert .list{}
.cert .list .link-button{display: flex;justify-content: flex-end;}
.cert .list .link-button a{display: flex;width:285px;height:50px; border-radius: 25px;border: solid 1px #0943a7;background-color: #fff;align-items: center;justify-content: space-between;padding:0 25px 0 30px;font-size: 17px;font-weight: normal;color: #0943a7;line-height: 48px;transition: all 0.4s;}
.cert .list .link-button a:after{content: "";display: block;width:20px;height:20px;background: url(/_public/images2/icon/view_arrow_blue.svg) no-repeat;background-size: cover;}
.cert .list .link-button a:hover {background:#0943a7;color:#fff;}
.cert .list .link-button a:hover:after {background:url(/_public/images2/main/view_white.svg) no-repeat;background-size:cover;}
.cert .list ul{margin-top:20px;border-top:2px solid #0943a7;display: flex;flex-wrap: wrap;}
.cert .list ul li{width:50%;padding:40px;border-bottom: 1px solid #dedede;display: flex;gap:60px;align-items: flex-start;}
.cert .list ul li .img{position:relative;display: inline-block;width:180px;cursor: pointer;overflow: hidden;border-radius: 5px;}
.cert .list ul li .img img{display: block;border: 1px solid #dedede;border-radius: 5px;}
.cert .list ul li .img .mask{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(118,197,216,0.9);display: flex;align-items: center;justify-content: center;flex-direction: column;gap:10px;transition: all 0.3s;opacity: 0;}
.cert .list ul li .img .mask i{display:inline-block;width:25px;height:25px;background: url(/_public/images2/icon/ico_zoom.svg) no-repeat;background-size: cover;}
.cert .list ul li .img .mask span{display:inline-block;font-size: 16px;font-weight: 600;color: #fff;}
.cert .list ul li .txt-box{width:calc(100% - 240px);}
.cert .list ul li .txt-box .cer-no{display: block;text-align: right;font-size: 15px;font-weight: 500;color: #aab0b5;}
.cert .list ul li .txt-box em{display: block;margin-top:2px;font-size: 16px;font-weight: bold;color: #0943a7;}
.cert .list ul li .txt-box h3{margin-top:25px;font-size: 28px;font-weight: bold;color: #202020;}
.cert .list ul li .txt-box h4{margin-top:10px; font-size: 20px;font-weight: 600;color: #202020;}
.cert .list ul li .txt-box p{margin-top:45px; font-size: 17px;font-weight: 600;color: #808b95;}
.cert .list ul li .img:hover{}
.cert .list ul li .img:hover .mask{opacity: 1;}


.business{word-break:keep-all;}
.business .product01{}
.business .product01 section{margin-top:60px;}
.business .product01 section + section{margin-top:120px;}
.business .product01 section .section-title{position: relative; font-size: 36px;font-weight: bold;letter-spacing: -0.9px;color: #202020;display: flex;align-items: center;gap:20px;margin-bottom: 30px;}
.business .product01 section .section-title:after{content: "";display:block;width:60px;height:4px;background: #0943a7;}
.business .product01 section h3{font-size: 28px;font-weight: bold;letter-spacing: -0.7px;color: #0943a7;margin-bottom: 20px;}
.business .product01 section .box1{display: flex;gap:40px;}
.business .product01 section .box1 .left{width:100%;max-width:560px;}
.business .product01 section .box1 .left img{display: block;width:100%;}
.business .product01 section .box1 .right{position:relative;width:calc(100% - 600px);border-radius: 5px;background-color: #f8f8f9;padding:40px 40px 40px 240px;display: flex;align-items: center;}
.business .product01 section .box1 .right i{position: absolute;left:80px;top:50%;transform:translateY(-50%);display: flex;flex-direction: column;align-items: center;gap:10px;}
.business .product01 section .box1 .right i span{display: inline-block;font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #202020;}
.business .product01 section .box1 .right ul{}
.business .product01 section .box1 .right ul li{position: relative;padding-left: 110px; font-size: 17px;font-weight: normal;line-height: 1.65;letter-spacing: -0.43px;color: #202020;}
.business .product01 section .box1 .right ul li + li{margin-top:10px;}
.business .product01 section .box1 .right ul li em{position: absolute;left:0;padding-left: 11px;font-weight: bold;color:#202020;}
.business .product01 section .box1 .right ul li em:before{content: "";position: absolute;top:12px;left:0;width:5px;height:5px;background: #76c5d8;border-radius: 100%;}
.business .product01 section .box2{margin-top:60px;display: flex;gap:80px;}
.business .product01 section .box2 > div{flex:1;}
.business .product01 section .box2 dl{border-top:2px solid #0943a7;}
.business .product01 section .box2 dl dt{width:248px;font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #0943a7;padding:24px 0 0 30px;}
.business .product01 section .box2 dl dd{padding:25px 0 25px 248px;font-size: 17px;font-weight: normal;letter-spacing: -0.43px;color: #202020;border-bottom: 1px solid #dedede;}
.business .product01 section .box2 ul{}
.business .product01 section .box2 ul li{position: relative;padding:22px 10px 22px 100px;border-radius: 5px;border: solid 1px #dedede;background-color: #fff;font-size: 17px;font-weight: normal;letter-spacing: -0.43px;color: #202020;}
.business .product01 section .box2 ul li + li{margin-top:10px;}
.business .product01 section .box2 ul li em{position:absolute;left:20px;padding-left:15px;display: inline-block; font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #202020;}
.business .product01 section .box2 ul li em:before{content: "";position:absolute;top:10px;left:0;display: block;width:7px;height:7px;border-radius: 100%;background: #0943a7;}
.business .product01 section .box2 ul.case2 li{padding-left: 240px;}
.business .product01 section .box3{margin-top:60px;}
.business .product01 section .box3 ul{display: flex;gap:20px;}
.business .product01 section .box3 ul li{width:calc(16.6666% - 17px);border-radius: 5px;border: solid 1px #dedede;background-color: #fff;display: flex;flex-direction: column;align-items:center;padding:40px 0;}
.business .product01 section .box3 ul li i{display: inline-block;}
.business .product01 section .box3 ul li i img{display:block;}
.business .product01 section .box3 ul li em{margin-top:20px;display: inline-block;font-size: 20px;font-weight: bold;letter-spacing: -0.5px;text-align: center;color: #202020;}
.business .product01 section .box3 ul li span{display: inline-block;margin-top: 15px;font-size: 17px;font-weight: normal;line-height: 1.47;letter-spacing: -0.43px;text-align: center;color: #202020;}
.business .product02{}
.business .product02 .product-tab{margin-top:60px;gap:10px;display: flex;}
.business .product02 .product-tab a{display: flex;height:60px;border-radius: 30px;border: solid 1px #0943a7;padding:0 60px;align-items: center;justify-content: center;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #0943a7;}
.business .product02 .product-tab a.on{background: #0943a7;color:#fff;}
.business .product02 .product-cont{margin-top: 80px;}
.business .product02 section .section-title{position: relative; font-size: 36px;font-weight: bold;letter-spacing: -0.9px;color: #202020;display: flex;align-items: center;gap:20px;margin-bottom: 30px;}
.business .product02 section .section-title:after{content: "";display:block;width:60px;height:4px;background: #0943a7;}
.business .product02 section .box{}
.business .product02 section .box + .box{margin-top:60px;}
.business .product02 section .box h3{font-size: 28px;font-weight: bold;letter-spacing: -0.7px;color: #0943a7;margin-bottom: 20px;}
.business .product02 section .box .txt{font-size: 20px;font-weight: normal;line-height: 1.4;letter-spacing: -0.5px;color: #202020;}
.business .product02 section .box .txt2{font-size: 17px;font-weight: normal;letter-spacing: -0.43px;color: #202020;}
.business .product02 section .box .list1{margin-top:30px;position:relative;border-radius: 5px;background-color: #f8f8f9;padding:40px 40px 40px 240px;display: flex;align-items: center;}
.business .product02 section .box .list1 i{position: absolute;left:80px;top:50%;transform:translateY(-50%);display: flex;flex-direction: column;align-items: center;gap:10px;}
.business .product02 section .box .list1 i span{display: inline-block;font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #202020;}
.business .product02 section .box .list1 ul{}
.business .product02 section .box .list1 ul li{position: relative;padding-left: 160px; font-size: 17px;font-weight: normal;line-height: 1.65;letter-spacing: -0.43px;color: #202020;}
.business .product02 section .box .list1 ul li + li{margin-top:10px;}
.business .product02 section .box .list1 ul li em{position: absolute;left:0;padding-left: 11px;font-weight: bold;color:#202020;}
.business .product02 section .box .list1 ul li em:before{content: "";position: absolute;top:12px;left:0;width:5px;height:5px;background: #76c5d8;border-radius: 100%;}
.business .product02 section .box .list2 ul{}
.business .product02 section .box .list2 ul li{position: relative;padding:22px 10px 22px 210px;border-radius: 5px;border: solid 1px #dedede;background-color: #fff;font-size: 17px;font-weight: normal;letter-spacing: -0.43px;color: #202020;}
.business .product02 section .box .list2 ul li + li{margin-top:10px;}
.business .product02 section .box .list2 ul li em{position:absolute;left:30px;padding-left:15px;display: inline-block; font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #202020;}
.business .product02 section .box .list2 ul li em:before{content: "";position:absolute;top:10px;left:0;display: block;width:7px;height:7px;border-radius: 100%;background: #0943a7;}
.business .product02 section .box .list3{}

.business .product02 section .box .list3 ul{margin-top:30px;display: flex;gap:20px;flex-wrap: wrap;}
.business .product02 section .box .list3 ul li{width:calc(16.6666% - 17px);border-radius: 5px;background-color: #f8f8f9;padding: 30px 25px;}
.business .product02 section .box .list3 ul li .img{}
.business .product02 section .box .list3 ul li .img img{display: block;width:100%;}
.business .product02 section .box .list3 ul li .txt-box{margin-top:20px;text-align: center;}
.business .product02 section .box .list3 ul li .txt-box h4{font-size: 20px;font-weight: bold;letter-spacing: -0.5px;text-align: center;color: #202020;}
.business .product02 section .box .list3 ul li .txt-box span{display: inline-block;margin-top: 5px; font-size: 16px;font-weight: 500;letter-spacing: -0.4px;text-align: center;color: #808b95;}
.business .product02 section .box .list3 ul li .txt-box span small{display:block; font-size: 15px;font-weight: 500;letter-spacing: -0.38px;text-align: center;color: #202020;}
.business .product02 section .box  dl{margin-top:30px;border-top:2px solid #0943a7;}
.business .product02 section .box dl dt{width:500px;font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #0943a7;padding:24px 0 0 30px;}
.business .product02 section .box dl dd{padding:25px 0 25px 500px;font-size: 17px;font-weight: normal;letter-spacing: -0.43px;color: #202020;border-bottom: 1px solid #dedede;}
.business .product02 section .box2{margin-top:60px;position:relative;border-radius: 5px;background-color: #f8f8f9;padding:40px 40px 40px 185px;}
.business .product02 section .box2 i{position: absolute;left:60px;top:50%;transform:translateY(-50%);display: inline-block;}
.business .product02 section .box2 i img{display: block;}
.business .product02 section .box2 .txt-box{}
.business .product02 section .box2 .txt-box strong{display: block;font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #202020;}
.business .product02 section .box2 .txt-box p{margin-top: 20px;font-size: 17px;line-height: 1.47;letter-spacing: -0.43px;color:#202020;}


.business .production{}
.business .production .table-box{margin-top:60px;}
.business .production .table-box .info-txt{font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #808b95;}
.business .production .table-box .info-txt em{color:#0943a7;}
.business .production .table-box .table-wrap{margin-top:10px;border-top:2px solid #0943a7;display: flex;}
.business .production .table-box .table-wrap .left{width:240px;}
.business .production .table-box .table-wrap .left .bg1{background: #e0e6f3;}
.business .production .table-box .table-wrap .left .bg2{background: #e6eaf3;}
.business .production .table-box .table-wrap .left .bg3{background: #f1f4fb;}
.business .production .table-box .table-wrap .left .bg4{background: #f8f8f9;}
.business .production .table-box .table-wrap .left table{}
.business .production .table-box .table-wrap .left table thead tr th{padding:12px 5px;font-size: 14px;font-weight: 600;letter-spacing: -0.35px;text-align: center;color: #202020;border-bottom: 1px solid #ccc;}
.business .production .table-box .table-wrap .left table thead tr th strong{font-size: 18px;font-weight: 600;letter-spacing: -0.45px;text-align: center;color: #202020;}
.business .production .table-box .table-wrap .left table tbody tr td{padding:8px 0; font-size: 14px;font-weight: 500;letter-spacing: -0.35px;text-align: center;color: #202020;border-bottom: 1px solid #ccc;}
.business .production .table-box .table-wrap .right{width:calc(100% - 240px);}
.business .production .table-box .table-wrap .right .scroll-horizontal{    position: relative;
    overflow: hidden;cursor: move;}
.business .production .table-box .table-wrap .right .bg1{background: #9bc0ff;}
.business .production .table-box .table-wrap .right h3{display:flex;align-items:center;justify-content:center;font-size: 18px;font-weight: 600;letter-spacing: -0.45px;text-align: center;color: #202020;background: #f1f4fb;border-bottom: 1px solid #ccc;height:51px;}
.business .production .table-box .table-wrap .right table{width:1360px;}
.business .production .table-box .table-wrap .right table thead tr th{font-size: 14px;font-weight: 600;letter-spacing: -0.35px;text-align: center;color: #202020;padding: 12px 5px;border-bottom: 1px solid #ccc;background: #f8f8f9;}
.business .production .table-box .table-wrap .right table tbody tr td{border: solid 1px #dedede;height:37px;}
.business .production .production-tab{margin-top:60px;gap:10px;display: flex;}
.business .production .production-tab button{display: flex;height:60px;border-radius: 30px;border: solid 1px #0943a7;padding:0 60px;align-items: center;justify-content: center;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #0943a7;}
.business .production .production-tab button.on{background: #0943a7;color:#fff;}
.business .production .production-cont{margin-top: 80px;display: none;}
.business .production .production-cont .step-box{display: flex;align-items: flex-start;}
.business .production .production-cont .step-box ul{position:relative;flex:1;}
.business .production .production-cont .step-box ul:before{content: "";position: absolute;width: 1px;height: calc(100% - 136px);border-left: 1px dashed #dedede;left: 306px;top: 67px;}
.business .production .production-cont .step-box ul li{display: flex;align-items: center;gap:45px;}
.business .production .production-cont .step-box ul li + li{margin-top:20px;}
.business .production .production-cont .step-box ul li figure{width:260px;}
.business .production .production-cont .step-box ul li figure img{display:block;width:100%;}
.business .production .production-cont .step-box ul li .txt{position:relative;padding-left:44px;width:calc(100% - 305px);}
.business .production .production-cont .step-box ul li .txt em{display: block;font-size: 17px;font-weight: 600;color: #0943a7;}
.business .production .production-cont .step-box ul li .txt span{display: block;margin-top: 10px; font-size: 28px;font-weight: bold;line-height: 1;color: #202020;}
.business .production .production-cont .step-box ul li .txt:before{content: "";position: absolute;    left: -15px;top: 16px;width:30px;height:30px;border-radius: 100%;background: #fff;border:1px solid #0943a7;}
.business .production .production-cont .step-box ul li .txt:after{content: "";position: absolute;        left: -4px;top: 27px;width:10px;height:10px;border-radius: 100%;background: #0943a7;}
.business .production .production-cont .step-box ul:first-child li:nth-child(1) .txt:before{border-color:#cae9f1;}
.business .production .production-cont .step-box ul:first-child li:nth-child(1) .txt:after{background: #cae9f1;}
.business .production .production-cont .step-box ul:first-child li:nth-child(2) .txt:before{border-color: #8ed0e1}
.business .production .production-cont .step-box ul:first-child li:nth-child(2) .txt:after{background: #8ed0e1;}
.business .production .production-cont .step-box ul:first-child li:nth-child(3) .txt:before{border-color:#76c5d8 }
.business .production .production-cont .step-box ul:first-child li:nth-child(3) .txt:after{background: #76c5d8;}
.business .production .production-cont .step-box ul:first-child li:nth-child(4) .txt:before{border-color: #559fd1;}
.business .production .production-cont .step-box ul:first-child li:nth-child(4) .txt:after{background: #559fd1;}
.business .production .production-cont .step-box ul:first-child li:nth-child(5) .txt:before{border-color: #3f87d9;}
.business .production .production-cont .step-box ul:first-child li:nth-child(5) .txt:after{background: #3f87d9;}

.business .production .quality{margin-top:60px;}
.business .production .quality .box{display: flex;gap:80px;}
.business .production .quality .box .left{width:544px;}
.business .production .quality .box .left .slide-box{position:relative;}
.business .production .quality .box .left .slide-box .swiper-slide{position:relative;}
.business .production .quality .box .left .slide-box .swiper-slide figure{position:relative;overflow: hidden;border-radius: 5px;}
.business .production .quality .box .left .slide-box .swiper-slide figure img{display: block;width:100%;}
.business .production .quality .box .left .slide-box .swiper-slide figure figcaption{position: absolute;left:0;bottom:0;display: flex;align-items: center;width:100%;height:70px;background: rgba(0,0,0,0.5);padding:0 133px 0 35px;font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #fff;}
.business .production .quality .box .left .slide-box .control-box{position: absolute;display: flex;right:35px;bottom:23px;gap:10px;align-items: center;}
.business .production .quality .box .left .slide-box .control-box .swiper-pagination{position: relative;width:auto;top: initial;left: initial;right: initial;bottom: initial;margin:0;display: inline-block;font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #ccc;}
.business .production .quality .box .left .slide-box .control-box .swiper-pagination span{display: inline-block;font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #ccc;}
.business .production .quality .box .left .slide-box .control-box .swiper-pagination .swiper-pagination-current{font-weight: 600;color:#fff;}

.business .production .quality .box .left .slide-box .control-box .swiper-btn{display: inline-block;position: relative;top: initial;left: initial;right: initial;bottom: initial;width: 20px;height: 20px;margin: 0;}
.business .production .quality .box .left .slide-box .control-box .swiper-btn:after{display: none;}
.business .production .quality .box .left .slide-box .control-box .swiper-button-prev{background: url(/_public/images2/main/target_left.svg) no-repeat;background-size: cover;}
.business .production .quality .box .left .slide-box .control-box .swiper-button-next{background: url(/_public/images2/main/target_right.svg) no-repeat;background-size: cover;}
.business .production .quality .box .right{width:calc(100% - 624px);}
.business .production .quality .box .right ul{display: flex;flex-wrap: wrap;gap:10px 20px;}
.business .production .quality .box .right ul li{position:relative;width:calc(50% - 10px);border-radius: 5px;border: solid 1px #dedede;padding:13px 13px 13px 36px; font-size: 18px;font-weight: 500;line-height: 1.56;letter-spacing: -0.45px;color: #202020;}
.business .production .quality .box .right ul li:before{content: "";position: absolute;top:24px;left:20px;width:6px;height:6px;background: #0943a7;border-radius: 100%;}
.business .production .quality .box .right ul li span{display: inline-block;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #808b95;}

.business .partners{}
.business .partners .banner{margin-top:60px;background: url(/_public/images2/contents/partner_banner.png) top center no-repeat;background-size: cover;text-align: center;padding:93px 0; font-size: 36px;font-weight: normal;line-height: 1.44;letter-spacing: -0.9px;color: #fff;}
.business .partners .banner strong{font-weight: 600;}
.business .partners ul{margin-top:80px;display: flex;gap:20px;flex-wrap: wrap;}
.business .partners ul li{position:relative;width:calc(16.6666% - 17px);height:100px;  border-radius: 5px;background-color: #f8f8f9;display: flex;align-items: center;justify-content: center;}
.business .partners ul li img{display: block;}

.signin-box{width:521px;border-radius: 5px;padding:80px 60px 40px;box-shadow: 0 3px 5px 0 #dde0e5;background-color: #fff;}
.signin-box .top-group{display: flex;flex-direction: column;gap:10px;align-items: center;}
.signin-box .top-group a{display: inline-block;width:185px;}
.signin-box .top-group a img{display:block;}
.signin-box .top-group p{font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #3a3a3a;}
.signin-box fieldset{display: block;margin-top:40px;padding-bottom: 40px;border-bottom: 1px solid #dedede;}
.signin-box fieldset .input-wrap{}
.signin-box fieldset .input-wrap + .input-wrap{margin-top:10px;}
.signin-box fieldset .input-wrap input[type="text"],
.signin-box fieldset .input-wrap input[type="password"]{width:100%;height:55px;border-radius: 5px;background-color: #f8f8f9;padding:0 20px; font-size: 17px;font-weight: 500;letter-spacing: -0.43px;}
.signin-box fieldset .input-wrap input[type="text"]::placeholder,
.signin-box fieldset .input-wrap input[type="password"]::placeholder{color: #808b95;}
.signin-box fieldset .ios-chk{margin-top:15px;}
.signin-box fieldset button{display: flex;width:100%;margin-top:40px;height:50px;align-items: center;justify-content: center;border-radius: 25px;background-color: #0943a7; font-size: 17px;font-weight: 500;letter-spacing: -0.43px;color: #fff;}
.signin-box .link{margin-top:30px;display: flex;gap:30px;justify-content: center;}
.signin-box .link a{position:relative;display: inline-block;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #3a3a3a;}
.signin-box .link a:before{content: "";position: absolute;top:5px;left:-15px;width:1px;height:12px;background: #808b95;}
.signin-box .link a:first-child:before{display: none;}

.signin-box .txt{margin-top:30px;text-align: center;font-size: 15px;font-weight: 500;letter-spacing: -0.38px;color: #808b95;}

.find-box{width:521px;}
.find-box .top-group{display: flex;flex-direction: column;gap:10px;align-items: center;}
.find-box .top-group a{display: inline-block;width:185px;}
.find-box .top-group a img{display:block;}
.find-box .top-group p{font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #3a3a3a;}
.find-box .find-tab{margin-top:40px;display: flex;gap:10px;}
.find-box .find-tab a{flex:1;display: flex;height:45px;align-items: center;justify-content: center; border-radius: 5px;font-size: 16px;font-weight: 600;letter-spacing: -0.4px;text-align: center;color: #808b95;border: solid 1px #dedede;background-color: #fff;}
.find-box .input-box{margin-top:25px;border-radius: 5px;padding:40px 60px 60px;box-shadow: 0 3px 5px 0 #dde0e5;background-color: #fff;}
.find-box .input-box .txt-box{text-align: center;padding-bottom: 24px;border-bottom: 1px solid #dedede;}
.find-box .input-box .txt-box h3{font-size: 20px;font-weight: bold;letter-spacing: -0.5px;text-align: center;color: #202020;}
.find-box .input-box .txt-box p{margin-top:10px;font-size: 15px;font-weight: normal;line-height: 1.53;letter-spacing: -0.38px;text-align: center;color: #3a3a3a;}
.find-box .find-tab a.on{border-color: #0943a7;background: #0943a7;color:#fff;}
.find-box fieldset{display: block;margin-top:40px;}
.find-box fieldset .input-wrap{}
.find-box fieldset .input-wrap + .input-wrap{margin-top:10px;}
.find-box fieldset .input-wrap input[type="text"],
.find-box fieldset .input-wrap input[type="number"],
.find-box fieldset .input-wrap input[type="password"]{width:100%;height:55px;border-radius: 5px;background-color: #f8f8f9;padding:0 20px; font-size: 17px;font-weight: 500;letter-spacing: -0.43px;}
.find-box fieldset .input-wrap input[type="text"]::placeholder,
.find-box fieldset .input-wrap input[type="number"]::placeholder,
.find-box fieldset .input-wrap input[type="password"]::placeholder{color: #808b95;}
.find-box fieldset .ios-chk{margin-top:15px;}
.find-box fieldset button{display: flex;width:100%;margin-top:40px;height:50px;align-items: center;justify-content: center;border-radius: 25px;background-color: #0943a7; font-size: 17px;font-weight: 500;letter-spacing: -0.43px;color: #fff;}
.find-box .account-box{margin-top:15px; border-radius: 5px;box-shadow: 0 3px 5px 0 #dde0e5;background-color: #fff;padding:20px 30px;display: flex;align-items:center;gap:15px;}
.find-box .account-box em{display: inline-block;font-size: 15px;font-weight: 600;letter-spacing: -0.38px;color: #202020;}
.find-box .account-box strong{display: flex;align-items:center;justify-content:center;width:calc(100% - 60px);height:60px; border-radius: 5px;background-color: #f8f8f8; font-size: 25px;font-weight: bold;text-align: center;color: #0943a7;}



@media all and (max-width:1600px) {

    .company {padding:0 20px;}
    .greetings {margin:0 -20px -120px;padding:0 40px;}

    /* company */

    .ideology .section01 {margin:60px 40px 120px;}
    .ideology .section02 .policy3 {gap:60px;}
    .ideology .section02 .policy3 .policy-in {width:calc(33.33% - 40px);}
    .ideology .mission {padding:0 40px;}
    .business .product01{padding:0 20px;}
    .business .product02{padding:0 20px;}
    .business .production{padding:0 20px;}
    .business .partners{padding:0 20px;}
    .cert{padding:0 20px;}
}

@media all and (max-width:1460px) {

    .company .history .list .box {gap:80px;}

    .business .product01 section .box1 .right{padding: 40px 40px 40px 130px;}
    .business .product01 section .box1 .right i{left:30px;}
    .business .product01 section .box1 .right i span{font-size:18px;}
    .business .product02 section .box .list3 ul li {width:calc(20% - 16px);}

    /* company */
    .greetings .flex-box .img-box {max-width:480px;margin-right:80px;}
    .greetings .flex-box .txt-box {width:calc(100% - 560px);}
    .greetings .flex-box .txt-box .grt-p1 {margin-bottom:25px;}
    .greetings .flex-box .txt-box .grt-p2 {margin-bottom:50px;}
    .greetings .flex-box .txt-box .grt-p3 + .grt-p3 {margin-top:15px;}
    .greetings .flex-box .txt-box .quotes {margin-bottom:20px;}
    .greetings .flex-box .txt-box .txt1 {margin-bottom:30px;}
    .greetings .flex-box .txt-box .txt2 {padding-top:30px;}
    .greetings .flex-box .txt-box .sign {margin-top:70px;}

    .ideology .section01 {padding:94px;}
    .ideology .section01 p {margin-bottom:50px;}
    .ideology .section02 .policy3 {padding: 0 120px;}
    .ideology .section02 .policy3 .policy-in {height:425px;}
    .ideology .section04 {padding: 160px 0;}
    .ideology .section04 .culture-box {gap: 60px;padding:0 120px;}
    .ideology .section04 .culture-box .culture-in {width:calc(50% - 30px);}

}

@media all and (max-width:1280px) {
    .page-top .group h1{font-size: 50px;}
    .page-top .navi-menu .inner a{height:60px;font-size: 18px;}

    .top-hgroup{}
    .page-title{font-size:44px;}
    .tab{gap:20px;}
    .tab a{font-size:18px;}

    .company .history .list .box .img {max-width:440px;}
    .company .history .list .box .his-cont dl dt {font-size:18px;width:auto;}
    .company .history .list .box .his-cont dl dd {padding:20px 20px 20px 160px;}
    .company .history .list .box .his-cont dl dd ul li {font-size:16px;}
    .company .history .list .box .his-cont dl dd ul li em {font-size:16px;}
    .company .history .list .box .his-cont dl dd ul li span {font-size:14px;margin-top:2px;}

    .company .location .box{flex-direction: column;gap:40px;}
    .company .location .box .img{max-width:100%;}
    .company .location .box .img img{display: block;width:100%;}
    .company .location .box .txt-box{max-width: 100%;}
    .company .location .box .txt-box ul li{padding:20px 20px 20px 210px;font-size:18px;}
    .company .location .box .txt-box ul li em{font-size:18px;}
    .company .location .box .txt-box .txt{margin-top:40px;}
    .company .location .traffic h3{font-size:32px;}
    .company .location .traffic ul li{padding:20px 20px 20px 240px;font-size:18px;}
    .company .location .traffic ul li em{font-size:18px;}

    /* company */
    .greetings .flex-box .txt-box .grt-p1 {font-size:32px;}
    .greetings .flex-box .txt-box .grt-p2 {font-size:19px;margin-bottom:40px;}
    .greetings .flex-box .txt-box .grt-p3 {font-size:16px;}
    .greetings .flex-box .txt-box .grt-p3 + .grt-p3 {margin-top:12px;}
    .greetings .flex-box .txt-box .quotes {width:20px;margin-bottom:15px;}
    .greetings .flex-box .txt-box .sign {margin-top:60px;}
    .greetings .flex-box .txt-box .sign p {font-size:19px;}

    .ideology .section01 {margin:60px 40px 100px;padding:86px;}
    .ideology .section01 p {font-size:32px;margin-bottom:30px;}
    .ideology .section02 {padding:100px 0;}
    .ideology .section02 .policy3 .policy-in {height:400px;}
    .ideology .section03 {padding: 100px 0;}

    .ideology .ideo-bnr em {font-size:25px;margin-bottom:60px;}
    .ideology .ideo-bnr p {font-size:32px;margin-bottom:50px;}
    .ideology .vision {padding:100px 0;}
    .ideology .mission {margin-top:100px;}
    .ideology .global-box {padding:0 120px;}

    .ideology .management-box {gap:40px;}
    .ideology .management-box .mng-in {width: calc(33.33% - 27px);}
    .ideology .management-box .mng-in p {font-size:25px;margin-bottom:15px;}

    .ideology .organization {margin:60px 0 100px;}

    .ideology .esg .esg-bnr {padding:40px 50px;min-height:320px;}
    .ideology .esg .esg-bnr.esg-bnrS {margin-top:120px;}
    .ideology .esg .esg-bnr.esg-bnrG {margin-top:120px;}
    .ideology .esg .esg-bnr h3 {font-size:48px;}
    .ideology .esg .esg-bnr h3 strong {font-size:72px;}
    .ideology .esg .esg-bnr p {font-size:32px;margin-top:-5px;}
    .ideology .esg .esg-bnr em {font-size:18px;}



    .business .product01 section .section-title{font-size:32px;}
    .business .product01 section h3{font-size:24px;}
    .business .product01 section .box1{gap:20px;}
    .business .product01 section .box1 .right{padding: 40px;width:calc(100% - 580px);}
    .business .product01 section .box1 .right i{display: none;}
    .business .product01 section .box1 .right ul li{font-size:15px;}
    .business .product01 section .box2{gap:40px;}
    .business .product01 section .box2 dl dt{font-size:18px;width:200px;padding: 21px 0 0 30px;}
    .business .product01 section .box2 dl dd{font-size:15px;padding:25px 0 25px 200px;}
    .business .product01 section .box2 ul li em{font-size:18px;top:16px;padding-left: 10px;}
    .business .product01 section .box2 ul li em:before{width:5px;height:5px;}
    .business .product01 section .box2 ul li{font-size:15px;padding: 20px 10px 20px 85px;}
    .business .product01 section .box3 ul{gap:10px;}
    .business .product01 section .box3 ul li{width: calc(16.6666% - 9px);padding:30px 10px;}
    .business .product01 section .box3 ul li em{font-size:18px;}
    .business .product01 section .box3 ul li span{font-size:15px;}
    .business .product01 section .box2 ul.case2 li{padding-left: 220px;}

    .business .product02 .product-tab a{font-size:18px;padding: 0 50px;}
    .business .product02 section .section-title{font-size:32px;}
    .business .product02 section h3{font-size:24px;}
    .business .product02 section .box .txt{font-size:18px;}
    .business .product02 section .box .txt2{font-size:15px;}
    .business .product02 section .box .list1{padding:40px;}
    .business .product02 section .box .list1 i{display: none;}
    .business .product02 section .box .list1 ul li{font-size:15px;}
    .business .product02 section .box .list2 ul li em{font-size:18px;top:16px;padding-left: 10px;}
    .business .product02 section .box .list2 ul li em:before{width:5px;height:5px;}
    .business .product02 section .box .list2 ul li{font-size:15px;padding: 20px 10px 20px 185px;}
    .business .product02 section .box .list3 ul li {padding:25px 20px;}
    .business .product02 section .box .list3 ul li .txt-box h4 {font-size:18px;}
    .business .product02 section .box .list3 ul li .txt-box span small {font-size:14px;line-height:1.2;margin-bottom:3px;}
    .business .product02 section .box .list3 ul li .txt-box span {font-size:15px;line-height:1.3;}
    .business .product02 section .box dl dt{font-size:18px;width:400px;padding: 21px 0 0 30px;}
    .business .product02 section .box dl dd{font-size:15px;padding:25px 0 25px 400px;}
    .business .product02 section .box2{}
    .business .product02 section .box2 .txt-box strong{font-size:18px;}
    .business .product02 section .box2 .txt-box p{font-size: 15px;}

    .business .production .production-tab button{font-size:18px;padding: 0 50px;}
    .business .production .table-box .table-wrap .left table tbody tr td{padding:7px 0;height:35px;}
    .business .production .table-box .table-wrap .right .scroll-horizontal{overflow-x: auto;}
    .business .production .table-box .table-wrap .right table tbody tr td{height:35px;}


    .business .production .quality .box{gap:40px;}
    .business .production .quality .box .right{width:calc(100% - 584px);}
    .business .production .quality .box .right ul li{font-size:16px;}
    .business .production .quality .box .right ul li span{font-size:14px;}

    .business .partners .banner{padding:70px 20px;font-size:32px;}
    .business .partners ul li{width:calc(20% - 16px);}


    .cert .list ul li{padding:30px;gap:40px;}
    .cert .list ul li .txt-box{width:calc(100% - 220px);}
    .cert .list ul li .txt-box .cer-no{font-size:14px;}
    .cert .list ul li .txt-box em{font-size:14px;}
    .cert .list ul li .txt-box h3{font-size:24px;}
    .cert .list ul li .txt-box h4{font-size:16px;}
    .cert .list ul li .txt-box p{font-size:15px;}
}

@media all and (max-width:1024px) {
    #pages .contents{padding:80px 20px;}

    .page-top .visual{height:330px;}
    .page-top .visual.sub01{background: url(/_public/images2/contents/m_sub_v01.jpg) no-repeat;background-size: cover;}
    .page-top .visual.sub02{background: url(/_public/images2/contents/m_sub_v02.png) no-repeat;background-size: cover;}
    .page-top .visual.sub03{background: url(/_public/images2/contents/m_sub_v03.png) no-repeat;background-size: cover;}
    .page-top .visual.sub04{background: url(/_public/images2/contents/m_sub_v04.jpg) no-repeat;background-size: cover;}
    .page-top .group h1{font-size: 46px;}
    .page-top .navi-menu{display: none;}
    .page-top .m-navi-menu{display:block;}

    .page-title{font-size:40px;}
    .tab{gap:10px;}
    .tab a{font-size:16px;}

    .company {padding:0;}
    .company .history .list .box {gap:40px;}
    .company .history .list .box + .box {margin-top:120px;}
    .company .history .list .box .img {max-width:400px;}
    .company .history .list .box .his-cont h3 {font-size:25px;}
    .company .history .list .box .his-cont dl dt {top:16px;font-size:16px;}
    .company .history .list .box .his-cont dl dd {padding:14px 14px 14px 100px;}
    .company .history .list .box .his-cont dl dd ul li {font-size:14px;padding-left:40px;}
    .company .history .list .box .his-cont dl dd ul li em {font-size:14px;}
    .company .history .list .box .his-cont dl dd ul li span {font-size:13px;}

    .company .location .box .txt-box ul li{padding:16px 16px 16px 160px;font-size:16px;}
    .company .location .box .txt-box ul li em{font-size:16px;left:20px;padding-left: 25px;}
    .company .location .box .txt-box ul li em i{width:18px;}
    .company .location .box .txt-box .txt{margin-top:20px;padding:20px 20px 20px 100px;font-size: 14px;}
    .company .location .box .txt-box .txt:before{left:30px;width:40px;height:40px;}
    .company .location .traffic h3{font-size:28px;}
    .company .location .traffic ul li{padding:16px 16px 16px 150px;font-size:16px;}
    .company .location .traffic ul li em{font-size:16px;left:20px;padding-left: 25px;}
    .company .location .traffic ul li em i{width:18px;}
    .company .location .map-button a{font-size:15px;height:45px;}


    /* company */
    .greetings .flex-box .img-box {max-width:400px;margin-right:70px;}
    .greetings .flex-box .txt-box {width:calc(100% - 470px);}
    .greetings .flex-box .txt-box .txt1:before {width:94px;height:92px;top:20px;}
    .greetings .flex-box .txt-box .txt2 {padding-bottom:120px;}

    .ideology .section01 {margin:60px 20px 80px;}
    .ideology .section02 {padding:80px 20px;}
    .ideology .section02 .policy3 {gap:40px;padding:0 20px;}
    .ideology .section02 .policy3 .policy-in {width:calc(33.33% - 26px);}
    .ideology .section03 {padding:80px 20px;}
    .ideology .section04 {padding:120px 0;}
    .ideology .section04 .culture-box {gap:40px;padding:0 20px;}
    .ideology .section04 .culture-box .culture-in {width:calc(50% - 10px);padding:60px;}

    .ideology .vision {padding:80px 0;}
    .ideology .mission {margin-top:80px;padding:0 20px;}
    .ideology .global-section {margin-top:60px;}
    .ideology .global-box {padding:0 40px;gap:60px;}
    .ideology .global-box .global-in {width:calc(33.33% - 40px);}

    .ideology .management-box {padding:0 60px 120px;}
    .ideology .management-box .mng-in {width: calc(50% - 20px);}

    .ideology .esg .esg-bnr {min-height:240px;padding:30px 40px;margin-bottom:40px;}
    .ideology .esg .esg-bnr h3 {font-size:36px;}
    .ideology .esg .esg-bnr h3 strong {font-size:56px;}
    .ideology .esg .esg-bnr p {font-size:28px;}
    .ideology .esg .esg-bnr em {bottom:20px;right:30px;}
    .ideology .esg .global-box {margin-top:40px;}

    .business .product01{padding:0;}
    .business .product01 section .section-title{font-size:28px;}
    .business .product01 section h3{font-size: 20px;}
    .business .product01 section .box1{flex-direction: column;}
    .business .product01 section .box1 .left{max-width:100%;}
    .business .product01 section .box1 .right{width:100%;padding:30px;}
    .business .product01 section .box1 .right ul li{font-size:14px;}
    .business .product01 section .box2{margin-top:40px;flex-direction: column;gap:20px;}
    .business .product01 section .box2 dl dt{font-size:16px;width:170px;padding: 18px 0 0 20px;}
    .business .product01 section .box2 dl dd{font-size: 14px;padding: 20px 0 20px 170px}
    .business .product01 section .box2 ul li{font-size:14px;padding:18px 10px 18px 75px;}
    .business .product01 section .box2 ul li em{font-size:16px;}
    .business .product01 section .box2 ul li em:before{top:8px;}
    .business .product01 section .box3{margin-top:40px;}
    .business .product01 section .box3 ul{flex-wrap: wrap;}
    .business .product01 section .box3 ul li{width:calc(33.3333% - 7px);}
    .business .product01 section .box3 ul li em{font-size:16px;}
    .business .product01 section .box3 ul li span{font-size:14px;}

    .business .product02{padding:0;}
    .business .product02 section .section-title{font-size:28px;}
    .business .product02 section .box h3{font-size: 20px;}
    .business .product02 .product-tab a{height:50px;padding:0 40px;font-size:16px;}
    .business .product02 .product-cont{margin-top:40px;}
    .business .product02 section .box + .box{margin-top:40px;}
    .business .product02 section .box .txt{font-size:16px;}
    .business .product02 section .box .list1{margin-top:30px;padding:30px;}
    .business .product02 section .box .list1 ul li{font-size:14px;}
    .business .product02 section .box .list2 ul li{font-size:14px;padding:18px 10px 18px 160px;}
    .business .product02 section .box .list2 ul li em{font-size:16px;}
    .business .product02 section .box .list2 ul li em:before{top:8px;}
    .business .product02 section .box .list3 ul li {width:calc(25% - 15px);}
    .business .product02 section .box .list3 ul li .txt-box h4 {font-size:16px;}
    .business .product02 section .box .list3 ul li .txt-box span small {font-size:12px;}
    .business .product02 section .box .list3 ul li .txt-box span {font-size:14px;}
    .business .product02 section .box dl dt{font-size:16px;width:300px;padding: 18px 0 0 20px;}
    .business .product02 section .box dl dd{font-size: 14px;padding: 20px 0 20px 300px}
    .business .product02 section .box2{margin-top:40px;padding:30px 30px 30px 140px;}
    .business .product02 section .box2 i{left:30px;width:60px;}
    .business .product02 section .box2 .txt-box strong{font-size:16px;}
    .business .product02 section .box2 .txt-box p{font-size:14px;}

    .business .production{padding:0;}
    .business .production .production-tab button{height:50px;padding:0 40px;font-size:16px;}
    .business .production .production-cont{margin-top:40px;}
    .business .production .production-cont .step-box ul:before{left:288px;}
    .business .production .production-cont .step-box ul li{gap:30px;}
    .business .production .production-cont .step-box ul li .txt{padding-left: 30px;}
    .business .production .production-cont .step-box ul li .txt:before{width:26px;height:26px;}
    .business .production .production-cont .step-box ul li .txt:after{left:-6px;top:25px;}
    .business .production .production-cont .step-box ul li .txt em{font-size:15px;}
    .business .production .production-cont .step-box ul li .txt span{font-size:24px;}
    .business .production .table-box{margin-top:40px;}
    .business .production .table-box .table-wrap .left table thead tr th{height:45px;}
    .business .production .table-box .table-wrap .left table thead tr th strong{font-size:14px;}
    .business .production .table-box .table-wrap .right h3{font-size:14px;height:45px;}

    .business .production .quality{margin-top:40px;}
    .business .production .quality .box{flex-direction: column;}
    .business .production .quality .box .left{width:100%;}
    .business .production .quality .box .left .slide-box .swiper-slide figure figcaption{height:60px;font-size:16px;}
    .business .production .quality .box .left .slide-box .control-box{right:20px;bottom:17px;}
    .business .production .quality .box .left .slide-box .control-box .swiper-pagination span{font-size:16px;}
    .business .production .quality .box .right{width:100%;}
    .business .production .quality .box .right ul li{font-size:14px;padding:10px 10px 10px 24px;}
    .business .production .quality .box .right ul li:before{width:4px;height:4px;top:19px;left:12px;}
    .business .production .quality .box .right ul li span{font-size:12px;}

    .business .partners{padding:0;}
    .business .partners .banner{margin-top:40px;padding:70px 20px;font-size:28px;}
    .business .partners ul{margin-top:40px;gap:10px;}
    .business .partners ul li{width:calc(33.3333% - 7px);}


    .cert{padding:0;}
    .cert .list .link-button a{font-size:15px;}
    .cert .list ul li{width:100%;padding:20px;gap:20px;}
    .cert .list ul li .txt-box{width:calc(100% - 200px);}
    .cert .list ul li .txt-box .cer-no{font-size:14px;}
    .cert .list ul li .txt-box em{font-size:14px;}
    .cert .list ul li .txt-box h3{font-size:20px;}
    .cert .list ul li .txt-box h4{font-size:14px;}
    .cert .list ul li .txt-box p{font-size:13px;}
}

@media all and (max-width:768px) {
    .page-top .group h1{font-size: 42px;}

    .top-hgroup{flex-direction: column;gap:30px;}
    .page-title{font-size:36px;}
    .tab{gap:10px;}
    .tab a{font-size:13px;padding-bottom: 6px;}
    .tab a:after{height:2px;}

    .company .history .list {margin-top: 40px;}
    .company .history .list .box {flex-wrap:wrap;}
    .company .history .list .box + .box {margin-top:80px;}
    .company .history .list .box .img {max-width:none;}
    .company .history .list .box .his-cont {max-width:none;}
    .company .history .list .box .his-cont h3 {font-size:22px;}
    .company .history .list .box .his-cont dl dt {top:13px;padding-left:10px;}
    .company .history .list .box .his-cont dl dd {padding:12px 10px 12px 70px;}
    .company .history .list .box .his-cont dl dd ul li {padding-left: 30px;}
    .company .history .list .box .his-cont dl dd ul li span {padding-left:10px;line-height:1.3;}
    .company .history .list .box .his-cont dl dd ul li span:before {top:9px;width:6px;}


    .company .location .box{gap:20px;}
    .company .location .box .txt-box ul li{font-size:14px;}
    .company .location .traffic h3{font-size:24px;}
    .company .location .traffic h3:after{width:40px;height:2px;}
    .company .location .traffic ul li{font-size:14px;}


    h4.sub-title2 {font-size:30px;margin-bottom: 50px;}
    p.sub-tit-p {font-size:14px;margin:-30px 0 50px;padding: 0 20px;}


    /* company */
    .greetings {padding:0 20px;}
    .greetings .flex-box {margin-top:40px;flex-wrap:wrap;}
    .greetings .flex-box .img-box {max-width:100%;margin-right:0;margin-bottom:60px;}
    .greetings .flex-box .img-box img {display:block;width:100%;}
    .greetings .flex-box .txt-box {width:100%;}
    .greetings .flex-box .txt-box .grt-p1 {font-size:28px;margin-bottom:15px;}
    .greetings .flex-box .txt-box .grt-p2 {font-size:17px;}
    .greetings .flex-box .txt-box .grt-p2 br {display:none;}
    .greetings .flex-box .txt-box .grt-p3 {font-size: 14px;}
    .greetings .flex-box .txt-box .grt-p3 br {display:none;}
    .greetings .flex-box .txt-box .grt-p3 + .grt-p3 {margin-top:10px;}
    .greetings .flex-box .txt-box .quotes {width:15px;margin-bottom:10px;}
    .greetings .flex-box .txt-box .txt1:before {width:68px;height:67px;top:0;}
    .greetings .flex-box .txt-box .txt2 {padding-bottom:100px;}
    .greetings .flex-box .txt-box .sign {margin-top:40px;gap:20px;}
    .greetings .flex-box .txt-box .sign p {font-size: 15px;}
    .greetings .flex-box .txt-box .sign img {max-width:80px;}

    .ideology .section01 {margin:60px -20px 80px;padding:60px;}
    .ideology .section01 p {font-size:25px;margin-bottom:25px;}
    .ideology .section01 span {font-size: 14px;}
    .ideology .section01 span br {display:none;}
    .ideology .section02 {margin: 0 -20px;padding:40px 0;}
    .ideology .section02 .policy3 {gap:20px;flex-wrap: wrap;}
    .ideology .section02 .policy3 .policy-in {width:100%;height:360px;}
    .ideology .section02 .policy3 .policy-in p {font-size:22px;}
    .ideology .section03 {padding:80px 0px;}
    .ideology .section04 {padding:100px 0;margin:0 -20px;}
    .ideology .section04 .culture-box {gap:20px;padding:0 20px;flex-wrap: wrap;}
    .ideology .section04 .culture-box .culture-in {width:100%;padding: 50px;}
    .ideology .section04 .culture-box .culture-in img {max-width:60px;}
    .ideology .section04 .culture-box .culture-in p {font-size:22px;margin-top: 25px;}
    .ideology .section04 .culture-box .culture-in span {font-size:14px;margin-top:15px;}
    .ideology .section04 .culture-box .culture-in span br {display:none;}

    .ideology .ideo-bnr img {width:15px;margin:0 auto 15px;}
    .ideology .ideo-bnr em {font-size:18px;margin-bottom:40px;}
    .ideology .ideo-bnr p {font-size:25px;margin-bottom:25px;}
    .ideology .ideo-bnr p strong {display:inline;}
    .ideology .ideo-bnr span {font-size:14px;}
    .ideology .ideo-bnr span br {display:none;}
    .ideology .vision {padding:60px 20px;margin:60px -20px 0;}
    .ideology .mission {margin-top:60px;padding:0;}
    .ideology .global-section {padding-bottom:80px;}
    .ideology .global-section h4 {font-size:22px;margin-bottom:15px;}
    .ideology .global-section h5 {font-size:14px;}
    .ideology .global-box {margin-top:50px;padding:0;flex-wrap: wrap;}
    .ideology .global-box .global-in {width: 100%;}
    .ideology .global-box .global-in img {margin:0 auto 25px;width:90px;}
    .ideology .global-box .global-in p {font-size:17px;}
    .ideology .global-box .global-in ul {margin:20px auto 0;}
    .ideology .global-box .global-in ul li {font-size:14px;padding-left:11px;}
    .ideology .global-box .global-in ul li:before {width:4px;height:4px;}
    .ideology .global-box .global-in ul li + li {margin-top: 5px;}

    .ideology .management-bnr {padding:60px 20px;margin:60px -20px 0;}
    .ideology .management-box {margin-top:60px;gap:20px;padding:0 0px 80px;}
    .ideology .management-box .mng-in {width: 100%;}
    .ideology .management-box .mng-in img {margin:0px auto 40px;width:120px;}
    .ideology .management-box .mng-in p {font-size:22px;}
    .ideology .management-box .mng-in span {font-size:14px;}
    .ideology .management-box .mng-in span br {display:none;}

    .ideology .organization {margin:60px 0 80px;}

    .ideology .esg {padding-bottom:80px;}
    .ideology .esg .esg-bnr {min-height:280px;padding:25px 35px;}
    .ideology .esg .esg-bnr.esg-bnrE {background:url(/_public/images2/contents/esg_bg01.jpg) 40% 50% no-repeat;background-size:cover;}
    .ideology .esg .esg-bnr.esg-bnrS {background:url(/_public/images2/contents/esg_bg02.jpg) 56% 50% no-repeat;background-size:cover;margin-top:80px;}
    .ideology .esg .esg-bnr.esg-bnrG {background:url(/_public/images2/contents/esg_bg03.jpg) 56% 50% no-repeat;background-size:cover;margin-top:80px;}
    .ideology .esg .esg-bnr h3 {font-size: 28px;}
    .ideology .esg .esg-bnr h3 strong {font-size:42px;}
    .ideology .esg .esg-bnr p {font-size:22px;}
    .ideology .esg .esg-bnr em {font-size:16px;bottom:15px;right:25px;}


    .business .product01 section{margin-top:40px;}
    .business .product01 section .section-title{font-size:24px;}
    .business .product01 section .section-title:after{height:2px;width:40px;}
    .business .product01 section .box1 .right{padding:20px;}
    .business .product01 section .box1 .right ul li{padding-left: 85px;}
    .business .product01 section .box2 dl dt{width:100%;float: none;padding-left: 0;}
    .business .product01 section .box2 dl dd{padding:5px 0 20px;}
    .business .product01 section .box3 ul li{width:calc(50% - 5px);}
    .business .product01 section .box2 ul.case2 li{padding: 18px 10px;}
    .business .product01 section .box2 ul.case2 li em{position: relative;top:0;left:0;display: block;margin-bottom: 5px;}
    .business .product01 section .box3 ul li span{margin-top:10px;word-break: auto-phrase;}
    .business .product01 section .box3 ul li span br{display: none;}

    .business .product02 .product-tab{margin-top:40px;}
    .business .product02 .product-tab a{padding:0 10px;align-items: center;justify-content: center;font-size:14px;height:45px;flex:1;}

    .business .product02 section .section-title{font-size:24px;}
    .business .product02 section .section-title:after{height:2px;width:40px;}
    .business .product02 section .box .txt{font-size:14px;word-break: auto-phrase;}
    .business .product02 section .box .txt2{font-size:14px;word-break: auto-phrase;}
    .business .product02 section .box .list1{padding:20px;}
    .business .product02 section .box .list1 ul li{padding-left: 0;}
    .business .product02 section .box .list1 ul li + li {margin-top:15px;}
    .business .product02 section .box .list1 ul li em{position: relative;top:0;left:0;display: block;margin-bottom: 5px;}
    .business .product02 section .box .list1 ul li em:before{top:9px;}
    .business .product02 section .box .list2 ul li{padding:15px;}
    .business .product02 section .box .list2 ul li em{position: relative;top:0;left:0;display: block;margin-bottom: 5px;}
    .business .product02 section .box .list3 ul {gap:10px;}
    .business .product02 section .box .list3 ul li {width:calc(50% - 5px);padding:15px 10px;}
    .business .product02 section .box dl dt{width:100%;float: none;padding-left: 0;}
    .business .product02 section .box dl dd{padding:5px 0 20px;}
    .business .product02 section .box2 i{display:block;position:relative;top:auto;left:auto;transform:translateY(0);margin-bottom:15px;}
    .business .product02 section .box2{padding:20px;}
    .business .product02 section .box2 .txt-box p{margin-top:10px;}

    .business .production .production-tab{margin-top:40px;}
    .business .production .production-tab button{padding:0 10px;align-items: center;justify-content: center;font-size:14px;height:45px;flex:1;}
    .business .production .production-cont .step-box{flex-direction: column;gap:20px;}
    .business .production .production-cont .step-box ul{width:100%;}
    .business .production .production-cont .step-box ul:before{height:calc(100% - 106px);left:209px;}
    .business .production .production-cont .step-box ul:first-child:before{height: calc(100% + 10px);}
    .business .production .production-cont .step-box ul li{width:100%;}
    .business .production .production-cont .step-box ul li figure{width:180px;}
    .business .production .production-cont .step-box ul li .txt{width: calc(100% - 210px);}
    .business .production .production-cont .step-box ul li .txt em{font-size:14px;}
    .business .production .production-cont .step-box ul li .txt span{font-size:20px;}
    .business .production .table-box .info-txt{font-size:14px;}
    .business .production .table-box .table-wrap .left{width:150px;}
    .business .production .table-box .table-wrap .left table tbody tr td{font-size:10px;}
    .business .production .table-box .table-wrap .left table thead tr th{font-size:12px;}
    .business .production .table-box .table-wrap .left table thead tr th strong{font-size:12px;}
    .business .production .table-box .table-wrap .right{width:calc(100% - 150px);}
    .business .production .table-box .table-wrap .right table{width:700px;}
    .business .production .table-box .table-wrap .right table thead tr th{font-size:12px;height:45px;}

    .business .production .quality .box .right ul li{width:100%;}
    .business .production .quality .box .left .slide-box .swiper-slide figure figcaption{padding:0 85px 0 10px;font-size:14px;height:50px;}
    .business .production .quality .box .left .slide-box .control-box{right:10px;gap:5px;bottom:13px;}
    .business .production .quality .box .left .slide-box .control-box .swiper-pagination{top:-1px;}
    .business .production .quality .box .left .slide-box .control-box .swiper-pagination span{font-size:14px;}
    .business .production .quality .box .left .slide-box .control-box .swiper-btn{width:15px;height:15px;}

    .business .partners .banner{margin:40px -20px 0;padding:50px 10px;font-size:24px;}
    .business .partners ul li{width:calc(50% - 5px);height:70px;padding:0 25px;}

    .cert .list .link-button a{height:45px;width:200px;font-size:14px;padding: 0 15px 0 20px;}
    .cert .list ul li{flex-direction: column;}
    .cert .list ul li .img{width:100%;}
    .cert .list ul li .txt-box{width:100%;}
}


@media all and (max-width:460px) {
    .business .product02 .product-tab{flex-wrap: wrap;}
    .business .product02 .product-tab a{flex: initial;width:calc(50% - 5px);}

    .company .location .box .txt-box ul li{padding:16px;}
    .company .location .box .txt-box ul li em{position: relative;top:0;left:0;display: block;margin-bottom: 5px;}
    .company .location .box .txt-box .txt{padding:20px;word-break: auto-phrase;}
    .company .location .box .txt-box .txt br{display: none;}
    .company .location .box .txt-box .txt:before{display: none;}
    .company .location .map-panel{height:360px;}
    .company .location .map-button{margin-top:20px;flex-direction: column;gap:10px;}
    .company .location .map-button a{width:100%;}
    .company .location .traffic{margin-top:50px;}
    .company .location .traffic ul{margin-top:20px;}
    .company .location .traffic ul li{padding:16px;}
    .company .location .traffic ul li em{display: block;position: relative;left:0;top:0;margin-bottom: 5px;}
}