@charset "utf-8";

.page-top{position: relative;}
.page-top .visual{position: relative;height:420px;}
.page-top .visual.sub01{background: url(/_public/images2/contents/visual01.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub02{background: url(/_public/images2/contents/visual02.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub03{background: url(/_public/images2/contents/visual03.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub04{background: url(/_public/images2/contents/visual04.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub05{background: url(/_public/images2/contents/visual05.png) top center no-repeat;background-size: cover;}
.page-top .visual .group{position: absolute;top:60%;left:50%;width:100%;max-width:1400px;transform: translate(-50%, -50%);}
.page-top .visual .group em{display: block; font-size: 20px;font-weight: 500;letter-spacing: -0.8px;color: #fff;}
.page-top .visual .group h1{margin-top:10px; font-size: 60px;font-weight: bold;letter-spacing: -2.4px;color: #fff;}
.page-top .navi-menu{border-bottom: 1px solid #efefef;background: #fff;height:80px;}
.page-top .navi-menu .inner{display: flex;justify-content: center;gap:56px;}

.page-top .navi-menu a{position:relative;display:flex;align-items:center;font-size: 20px;font-weight: 500;letter-spacing: -0.8px;color: #787878;height:80px;transition: all 0.5s;}
.page-top .navi-menu a:after{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;background:#fa002d;transition: all 0.5s;opacity: 0;}
.page-top .navi-menu a.on{color:#fa002d;font-weight: bold;}
.page-top .navi-menu a:hover{color:#fa002d;font-weight: bold;}
.page-top .navi-menu a.on:after{opacity: 1;}



#pages{min-height: calc(100vh - 337px);overflow: hidden;}
#pages .contents{padding:100px 0 160px;}
#pages .contents.ls-group-bg{background: url(/_public/images2/contents/group_bg.svg) top center no-repeat;background-size: contain;}

.sub-hgroup{position: relative;}
.sub-hgroup em{display: block;font-size: 20px;font-weight: 600;letter-spacing: -0.2px;color: #787878;}
.sub-hgroup h2{margin-top:20px;font-size: 48px;font-weight: bold;line-height: 1.46;letter-spacing: -1.92px;color: #202020;word-break: keep-all;}
.sub-hgroup h2 strong{font-weight: 800;}
.sub-hgroup p{margin-top:20px;font-size: 18px;font-weight: 500;line-height: 1.78;letter-spacing: -0.18px;color: #202020;word-break: keep-all;}

.company{}
.company .ceo{}
.company .ceo .img-banner{position:relative;margin-top:60px;background: url(/_public/images2/contents/ceo_img.png) no-repeat;background-size: cover;height:320px;}
.company .ceo .img-banner i{display: inline-block;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.company .ceo .img-banner i img{display: block;}
.company .ceo .txt-box{position:relative;display: flex;margin-top:50px;justify-content: space-between;}
.company .ceo .txt-box .txt{max-width:921px;}
.company .ceo .txt-box .txt h3{font-size: 30px;font-weight: bold;line-height: 1.07;letter-spacing: -1.2px;color: #202020;word-break: auto-phrase;}
.company .ceo .txt-box .txt h4{margin-top:20px; font-size: 30px;font-weight: 600;line-height: 1.53;letter-spacing: -1.2px;color: #202020;word-break: auto-phrase;}
.company .ceo .txt-box .txt p{margin-top:50px; font-size: 18px;font-weight: 500;line-height: 1.56;letter-spacing: -0.72px;color: #202020;word-break: auto-phrase;}

.company .ceo .txt-box .sign-box{padding:60px;width:340px;border-radius: 5px;background-image: linear-gradient(to bottom, #003383, #0173bd);display: flex;justify-content: space-between;flex-direction: column;}
.company .ceo .txt-box .sign-box .txt1{}
.company .ceo .txt-box .sign-box .txt1 h3{font-size: 30px;font-weight: 600;letter-spacing: -1.2px;color: #fff;}
.company .ceo .txt-box .sign-box .txt1 span{display: block;margin-top:20px;font-size: 14px;font-weight: normal;line-height: 1.71;letter-spacing: -0.14px;color: #fff;}
.company .ceo .txt-box .sign-box .txt2 span{display:inline-block;text-align: left; font-size: 22px;font-weight: 500;letter-spacing: -0.88px;color: #fff;position: relative;}
.company .ceo .txt-box .sign-box .txt2 span:after{content: "";position:absolute;top: 4px;right: -36px;display: block;width: 35px;height: 9px;background: url(/_public/images2/contents/ceo_icon.svg) no-repeat;background-size: cover;}
.company .ceo .txt-box .sign-box .txt2 strong{display: block;text-align: left;margin-top:15px; font-size: 28px;font-weight: bold;letter-spacing: 2.24px;color: #fff;}
.company .ceo .txt-box .sign-box .txt2 strong em{display: block;font-size: 18px;font-weight: 500;letter-spacing: -0.72px;color: #fff;}

.philosophy{}
.philosophy .title-group{}
.philosophy .title-group em{display: block;font-size: 20px;font-weight: 600;letter-spacing: -0.2px;color: #787878;}
.philosophy .title-group h2{margin-top:20px;font-size: 48px;font-weight: 500;letter-spacing: -0.48px;color: #202020;}
.philosophy .title-group h2 span{color:#0a1e5a;font-weight: 800;}
.philosophy .title-group h2 strong{font-weight: 800;}
.philosophy section + section{margin-top:80px;}
.philosophy .section01 .box{margin-top:60px; border-radius: 5px;border: solid 1px #efefef;background-color: #fafafa;padding:80px;display: flex;}
.philosophy .section01 .box > div{flex:1;}
.philosophy .section01 .box .txt-box{}
.philosophy .section01 .box .txt-box i{display: inline-block;}
.philosophy .section01 .box .txt-box i img{display:block;}
.philosophy .section01 .box .txt-box h4{margin-top:100px; font-size: 24px;font-weight: 600;letter-spacing: -0.96px;color: #0a1e5a;}
.philosophy .section01 .box .txt-box p{margin-top:20px;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.72px;color: #202020;}
.philosophy .section01 .box .txt-box p + h4{margin-top:80px;}
.philosophy .section01 .box .img-box{}
.philosophy .section01 .box .img-box img{ mix-blend-mode: multiply;display: block;}
.philosophy .section02{}
.philosophy .section02 ul{margin-top:60px;display: flex;gap:40px;}
.philosophy .section02 ul li{flex:1;position: relative;}
.philosophy .section02 ul li figure{position: relative;}
.philosophy .section02 ul li figure img{display: block;}
.philosophy .section02 ul li figure figcaption{position: absolute;left:0;bottom:0;display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;padding-bottom: 60px;}
.philosophy .section02 ul li figure figcaption strong{display:block;font-size: 36px;font-weight: bold;letter-spacing: -0.36px;text-align: center;color: #fff;}
.philosophy .section02 ul li figure figcaption span{display: block;margin-top:30px; font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;text-align: center;color: #fff;}
.philosophy .section02 ul li .txt{margin-top:20px;border-radius: 5px;border: solid 1px #ccc;background-color: #fff;padding:20px 25px;}
.philosophy .section02 ul li .txt h4{position: relative;font-size: 22px;font-weight: 600;letter-spacing: -0.88px;color: #202020;}
.philosophy .section02 ul li .txt h4:before{content: "";position:absolute;top: 0;left: -7px;display: block;width:6px;height:6px;border-radius: 100%;background: #fa002d;}
.philosophy .section02 ul li .txt .word-wrap{margin-top:15px;display: flex;flex-wrap: wrap;gap:5px;}
.philosophy .section02 ul li .txt .word-wrap span{display: flex;align-items: center;justify-content: center;height:36px;border-radius: 18px;border: solid 1px #0a1e5a;padding:0 20px; font-size: 18px;font-weight: 500;letter-spacing: -0.72px;color: #0a1e5a;}
.philosophy .section02 ul li:nth-child(2) .txt .word-wrap span{border-color:#003383;color:#003383;}
.philosophy .section02 ul li:nth-child(3) .txt .word-wrap span{border-color:#0173bd;color:#0173bd;}
.philosophy .section03{margin-top:120px;background: #fafafa;padding:80px 0 120px;}
.philosophy .section03 h3{font-size: 28px;font-weight: 500;line-height: 1.5;letter-spacing: -1.12px;color: #202020;}
.philosophy .section03 h3 strong{font-weight: bold;color:#0a1e5a;}
.philosophy .section03 ul{display: flex;margin-top:80px;gap:40px;}
.philosophy .section03 ul li{flex:1;position: relative;border-radius: 5px;border: solid 1px #efefef;background-color: #fff;padding:40px 50px;}
.philosophy .section03 ul li h4{margin-bottom:20px;font-size: 24px;font-weight: bold;letter-spacing: -0.96px;color: #202020;}
.philosophy .section03 ul li p{position: relative;padding-left: 14px;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.72px;color: #202020;}
.philosophy .section03 ul li p:before{content: "";position: absolute;top:12px;left:0;display: block;width:6px;height:6px;background: #fa002d;border-radius: 100%;}
.philosophy .section03 ul li p + p{margin-top:5px;}
.philosophy .section03 i{display: inline-block;position: absolute;top:0;right:0;}
.philosophy .section03 i img{display:block;}

.history .title-group{}
.history .title-group em{display: block;font-size: 20px;font-weight: 600;letter-spacing: -0.2px;color: #787878;}
.history .title-group h2{margin-top:20px;font-size: 48px;font-weight: bold;line-height: 1.46;letter-spacing: -1.92px;color: #202020;}
.history .title-group h2 span{color:#0a1e5a;font-weight: 800;}
.history .title-group h2 strong{font-weight: 800;}
.history .h-list{margin:90px auto 0;max-width: 965px;}
.history .h-list ul{position: relative;}
.history .h-list ul:before{content: "";position:absolute;top:115px;left:50%;display: block;left:50%;transform:translateX(-50%);width:1px;height:calc(100% - 270px);background: #ccc;}
.history .h-list ul li + li{margin-top:60px;}
.history .h-list ul li{display: flex;align-items: center;gap:62px;}
.history .h-list ul li:nth-child(even){display: flex;flex-direction: row-reverse;}
.history .h-list ul li .img{width:100%;max-width:420px;}
.history .h-list ul li .img img{display: block;}
.history .h-list ul li .txt-box{position:relative;width:100%;max-width:calc(100% - 420px);padding-left:62px;}
.history .h-list ul li .txt-box:before{content: "";position:absolute;top:18px;left:-12px;display: block;width:25px;height:25px;border-radius: 100%;background: #fff;border: 1px solid #0a1e5a;}
.history .h-list ul li .txt-box:after{content: "";position:absolute;top: 25px;left: -5px;display: block;width:11px;height:11px;border-radius: 100%;background:#0a1e5a;}
.history .h-list ul li .txt-box h4{font-size: 40px;font-weight: bold;letter-spacing: -1.6px;color: #0a1e5a;}
.history .h-list ul li .txt-box p{margin-top:15px; font-size: 20px;font-weight: 500;letter-spacing: -0.8px;color: #202020;}
.history .h-list ul li .txt-box p span{color: #003383;}
.history .h-list ul li:nth-child(even) .txt-box{padding-left:0;padding-right:62px;text-align: right;}
.history .h-list ul li:nth-child(even) .txt-box:before{left:initial;right:-12px;}
.history .h-list ul li:nth-child(even) .txt-box:after{left:initial;right:-5px;}

.ls-group{}
.ls-group .section01{margin-top:30px;padding-bottom: 140px;}
.ls-group .section01 .top-box{display: flex;justify-content: space-between;align-items: center;}
.ls-group .section01 .top-box h4{font-size: 20px;font-weight: 600;letter-spacing: -0.2px;color: #202020;}
.ls-group .section01 .top-box em{display:inline-block;font-size: 14px;font-weight: 500;letter-spacing: -0.56px;color: #787878;padding:0 18px;line-height: 30px;border-radius: 15px;background: #f1f1f1;}
.ls-group .section01 .chart-box{margin-top:70px;display: flex;}
.ls-group .section01 .chart-box > div + div{border-left:1px solid #ccc;}
.ls-group .section01 .chart-box > div{flex:1;padding:110px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.ls-group .section01 .chart-box > div i{display: inline-block;}
.ls-group .section01 .chart-box > div i img{display: block;}
.ls-group .section01 .chart-box > div em{margin-top:29px;display: inline-block; font-size: 16px;font-weight: normal;letter-spacing: -0.16px;text-align: center;color: #202020;}
.ls-group .section01 .chart-box > div p{margin-top:10px; font-size: 40px;font-weight:normal;letter-spacing: -0.4px;text-align: center;color: #202020;}
.ls-group .section01 .chart-box > div p strong{font-weight: 800;}
.ls-group .section02{padding:120px 0;background: #f9f9f9;}
.ls-group .section02 .box .b-box{margin-top:60px;}
.ls-group .section02 .box + .box{margin-top:140px;}
.ls-group .section02 .b-box h4{position: relative;padding-left: 20px;font-size: 38px;font-weight: bold;letter-spacing: -1.52px;color: #202020;line-height: 1;}
.ls-group .section02 .b-box h4:before{content: "";position: absolute;top:3px;left:0;width:5px;height:100%; border-radius: 2.5px;background: #fa002d;}
.ls-group .section02 .b-box .flex-box{margin-top:40px;display: flex;}
.ls-group .section02 .b-box .flex-box > div{flex:1;max-width: 50%;position: relative;}
.ls-group .section02 .b-box .flex-box .slide-box{}
.ls-group .section02 .b-box .flex-box .slide-box .swiper-slide{}
.ls-group .section02 .b-box .flex-box .slide-box .swiper-slide img{display: block;width:100%;}
.ls-group .section02 .b-box .flex-box .slide-box i{display: inline-block;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);z-index: 10;}
.ls-group .section02 .b-box .flex-box .slide-box i img{display: block;}
.ls-group .section02 .b-box .flex-box .slide-box .swiper-pagination{position:absolute;bottom:30px;top:initial;width:100%;}
.ls-group .section02 .b-box .flex-box .slide-box .swiper-pagination .swiper-pagination-bullet{opacity: 1;width:10px;height:10px;background: #fff;margin:0 5px;}
.ls-group .section02 .b-box .flex-box .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fa002d;}
.ls-group .section02 .b-box .flex-box .slide-box .swiper-pagination2{position:absolute;left:0;bottom:30px;top:initial;width:100%;z-index: 10;text-align: center;}
.ls-group .section02 .b-box .flex-box .slide-box .swiper-pagination2 .swiper-pagination-bullet{display:inline-block;opacity: 1;width:10px;height:10px;background: #fff;margin:0 5px;}
.ls-group .section02 .b-box .flex-box .slide-box .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fa002d;}
.ls-group .section02 .b-box .flex-box .txt-box{background: linear-gradient(147deg, rgba(0,51,131,1) 0%, rgba(10,30,90,1) 100%);display: flex;align-items: center;padding:0 60px;}
.ls-group .section02 .b-box .flex-box .txt-box em{display: inline-block; font-size: 17px;font-weight: bold;letter-spacing: -0.17px;color: #fff;line-height: 36px;padding:0 13px;background: #fa002d;}
.ls-group .section02 .b-box .flex-box .txt-box h5{margin-top:10px; font-size: 32px;font-weight: 600;line-height: 1.56;letter-spacing: -0.32px;color: #fff;}
.ls-group .section02 .b-box .flex-box .txt-box p{position:relative;margin-top:29px;padding-top:27px; font-size: 20px;font-weight: normal;line-height: 1.6;letter-spacing: -0.2px;color: #fff;}
.ls-group .section02 .b-box .flex-box .txt-box p:before{content: "";position:absolute;top:0;left:0;display: block;width:33px;height:1px;background: #ccc;}
.ls-group .section02 .b-box h6{font-size: 32px;font-weight: 600;letter-spacing: -1.28px;color: #202020;margin-top:40px;}
.ls-group .section02 .b-box .list-box{display: flex;gap:25px;margin-top:20px;}
.ls-group .section02 .b-box .list-box .left{width:100%;max-width:450px; border: solid 1px #efefef;background-color: #fff;padding:30px 40px;}
.ls-group .section02 .b-box .list-box .left strong{display: block;font-size: 24px;font-weight: bold;line-height: 1.08;letter-spacing: -0.96px;color: #202020;}
.ls-group .section02 .b-box .list-box .left em{position:relative;padding-left:14px;display: block;margin-top:30px;  font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #202020;}
.ls-group .section02 .b-box .list-box .left em:before{content: "";position:absolute;top:10px;left:0;display: block;width:6px;height:6px;border-radius: 100%;background: #fa002d;}
.ls-group .section02 .b-box .list-box .left p{margin-top:5px;font-size: 17px;font-weight: normal;line-height: 1.76;letter-spacing: -0.17px;color: #202020;padding-left: 14px;}
.ls-group .section02 .b-box .list-box .left p + p{margin-top:0;}
.ls-group .section02 .b-box .list-box .right{width:100%;max-width:calc(100% - 475px);}
.ls-group .section02 .b-box .list-box ul{display: flex;flex-wrap: wrap;gap:25px;width:100%;}
.ls-group .section02 .b-box .list-box ul li{border: solid 1px #efefef;background-color: #fff;padding:30px 40px;width:calc(50% - 13px);}
.ls-group .section02 .b-box .list-box ul li strong{display: block;font-size: 24px;font-weight: bold;line-height: 1.08;letter-spacing: -0.96px;color: #202020;}
.ls-group .section02 .b-box .list-box ul li p{margin-top:30px;position:relative;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.72px;color: #202020;padding-left: 14px;}
.ls-group .section02 .b-box .list-box ul li p + p{margin-top:5px;}
.ls-group .section02 .b-box .list-box ul li p:before{content: "";position:absolute;top:12px;left:0;display: block;width:6px;height:6px;border-radius: 100%;background: #fa002d;}

.business{}
.business .down-btn{display: flex;width:270px;height:60px; border-radius: 5px;background: #003383;align-items: center;justify-content: space-between;padding:0 30px; font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #fff;}
.business .down-btn:after{content: "";display: block;width:20px;height:20px;background: url(/_public/images2/icon/ico_dwn.png) no-repeat;background-size: cover;}
.business h3{position: relative;padding-left: 20px;font-size: 40px;font-weight: bold;letter-spacing: -1.6px;color: #202020;line-height: 1;}
.business h3:before{content: "";position:absolute;top:3px;left:0;width:5px;height:100%;display:block;background:#fa002d;border-radius: 2.5px;}
.business h4{font-size: 32px;font-weight: 600;letter-spacing: -1.28px;color: #202020;}
.business section{margin-top:80px;}
.business section + section{margin-top:160px;}
.business .txt1{margin-top:40px;font-size: 18px;font-weight: 500;line-height: 1.78;letter-spacing: -0.72px;color: #202020;}
.business .list1{margin-top:40px;display: flex;flex-wrap: wrap;gap:70px 25px;}
.business .list1 li{position: relative;width:calc(33.3333% - 17px);}
.business .list1 li .img{}
.business .list1 li .img img{display: block;width:100%;}
.business .list1 li .txt-box{margin-top:20px;}
.business .list1 li .txt-box strong{display: block;font-size: 24px;font-weight: bold;letter-spacing: -0.96px;color: #202020;}
.business .list1 li .txt-box p{margin-top:10px;font-size: 17px;font-weight: normal;line-height: 1.65;letter-spacing: -0.68px;color: #202020;word-break: auto-phrase;}
.business .table-box{margin-top:50px;}
.business .table-box table{border-top:2px solid #003383;margin-top:30px;table-layout: fixed;}
.business .table-box table thead tr th{border-top:2px solid #003383;margin-top:30px;  font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #202020;padding:25px 10px;background: #f7f8fb;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.business .table-box table thead tr th:first-child{border-left:0;}
.business .table-box table tbody tr td{padding:18px 20px;font-size: 16px;font-weight: 500;letter-spacing: -0.64px;color: #202020;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.business .table-box table tbody tr td:first-child{border-left:0;}
.business .banner-box{position: relative;margin-top:80px;}
.business .banner-box figure{position: relative;}
.business .banner-box figure img{display: block;width:100%;}
.business .banner-box figure figcaption{position: absolute;top:50%;transform: translateY(-50%);text-align: center;width:100%; font-size: 24px;font-weight: 500;letter-spacing: normal;color: #fff;}
.business .banner-box figure figcaption strong{display:block;margin-top:5px; font-size: 32px;font-weight: bold;text-align: center;color: #fff;}
.business .banner-box .blue-box{position: absolute;right:20px;bottom:-7px;padding:50px; border-radius: 5px;background: #003383;}
.business .banner-box .blue-box strong{display: block;font-size: 30px;font-weight: bold;letter-spacing: -1.2px;color: #fff;}
.business .banner-box .blue-box p{margin-top:10px;font-size: 18px;font-weight: normal;line-height: 1.67;letter-spacing: -0.72px;color: #fff;}
.business .banner-box .p-txt{margin-top:40px;font-size: 20px;font-weight: 500;line-height: 1.6;letter-spacing: -0.8px;color: #202020;}
.business .b01{}
.business .b01 .sub-hgroup i{display: inline-block;position: absolute;top:52px;right:0;}
.business .b01 .sub-hgroup i img{display: block;}
.business .b01 .info-box{margin-top: 40px;padding:40px;border-radius: 5px;background: #fafafa;}
.business .b01 .info-box ul{}
.business .b01 .info-box ul li{font-size: 18px;font-weight: bold;line-height: 1.78;letter-spacing: -0.72px;color: #202020;}

.business .b02 .tab{display: flex;margin-top:140px;}
.business .b02 .tab button{flex:1;display: flex;justify-content: center;align-items:center;height:70px;background: #eee;gap:10px;font-size: 20px;font-weight: 500;letter-spacing: -0.8px;text-align: center;color: #787878;}
.business .b02 .tab button:first-child{border-radius: 5px 0 0 5px;}
.business .b02 .tab button:last-child{border-radius:0 5px 5px 0;}
.business .b02 .tab button:after{content: "";position:relative;top:3px;display:none;width:12px;height:10px;background: url(/_public/images2/icon/tab_arrow.svg) no-repeat;background-size: cover;}
.business .b02 .tab button.on{background: #202020;color:#fff;}
.business .b02 .tab button.on:after{display: block;}
.business .b02 .tab-cont{display:none;margin-top:70px;}
.business .b02 section{margin-top:0;}
.business .b02 section + section{margin-top:160px;}
.business .b02 .flex-box{margin-top:40px;display: flex;gap:70px;}
.business .b02 .flex-box .img{}
.business .b02 .flex-box .img img{display: block;}
.business .b02 .flex-box .txt{position: relative;width:100%;max-width:640px;padding-bottom: 80px;}
.business .b02 .flex-box .txt h5{font-size: 24px;font-weight: 600;line-height: 1.58;letter-spacing: -0.96px;color: #202020;}
.business .b02 .flex-box .txt em{display: block; font-size: 15px;font-weight: 500;letter-spacing: -0.6px;color: #787878;}
.business .b02 .flex-box .txt p{margin-top:10px;font-size: 18px;font-weight: 500;line-height: 1.78;letter-spacing: -0.72px;color: #202020;word-break: auto-phrase;}
.business .b02 .flex-box .txt a{position: absolute;left:0;bottom:0;}
.business .b02 .box{margin-top:80px;}
.business .b02 .box h5{display: flex;align-items: center;gap:10px;font-size: 32px;font-weight: bold;letter-spacing: -1.28px;color: #202020;}
.business .b02 .box h5 span{display: inline-block;  font-size: 20px;font-weight: 500;letter-spacing: -0.8px;color: #787878;position: relative;top:1px;}
.business .b02 .box .txt{margin-top: 30px;font-size: 18px;font-weight: 500;letter-spacing: -0.72px;color: #202020;}
.business .b02 .box .img{margin-top:40px;display: flex;justify-content: center;}
.business .b02 .box .img img{display: block;}
.business .b02 .box .list-ul{margin-top:50px;display: flex;flex-wrap: wrap;gap:30px;}
.business .b02 .box .list-ul li{width:calc(50% - 15px);border-radius: 5px;background-color: #f9f9f9;padding:40px 50px;}
.business .b02 .box .list-ul li strong{display: block;font-size: 24px;font-weight: bold;line-height: 1.08;letter-spacing: -0.96px;color: #0a1e5a;margin-bottom: 25px;}
.business .b02 .box .list-ul li p{position:relative;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.72px;color: #202020;padding-left: 14px;}
.business .b02 .box .list-ul li p + p{}
.business .b02 .box .list-ul li p em{font-weight: 600;}
.business .b02 .box .list-ul li p:before{content: "";position:absolute;top:12px;left:0;display: block;width:6px;height:6px;background: #013478;border-radius: 100%;}
.business .b02 .box .img-box{margin-top: 30px;}
.business .b02 .box .img-box + .img-box{margin-top: 80px;}
.business .b02 .box .img-box .caption{position: relative;padding-left: 36px;font-size: 18px;font-weight: 500;letter-spacing: -0.72px;color: #202020;}
.business .b02 .box .img-box .caption:before{content: "";position: absolute;left:0;width:26px;height:26px;background: url(/_public/images2/icon/ico_chk.png) no-repeat;background-size: cover;}
.business .b02 .box .img-box figure{margin-top:30px; border-radius: 5px;background-color: #f9f9f9;padding:20px;}
.business .b02 .box .img-box figure img{display: block;width:100%;}
.business .b02 .box .img-box ul{margin-top:30px;display: flex;flex-wrap: wrap;gap:30px;}
.business .b02 .box .img-box ul li{position:relative;width:calc(25% - 23px);padding-left: 36px;}
.business .b02 .box .img-box ul li i{position: absolute;left:0;display: flex;width:26px;height:26px;background: #0a79ff;border-radius: 100%;align-items: center;justify-content: center; font-size: 15px;font-weight: 500;letter-spacing: -0.6px;color: #fff;line-height: 26px;}
.business .b02 .box .img-box ul li em{display: block; font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #0a79ff;}
.business .b02 .box .img-box ul li span{display: block;margin-top:5px; font-size: 18px;font-weight: 500;letter-spacing: -0.72px;color: #202020;}

.business .b03 .box{margin-top:60px;}
.business .b03 .box + .box{margin-top:40px;padding-top:40px;border-top:1px dashed #ccc;}
.business .b03 .box h4{margin-bottom: 30px;}
.business .b03 .box .flex-box{display: flex;gap:40px;}
.business .b03 .box .flex-box .inner{flex:1;}
.business .b03 .box .flex-box .inner ul{display: flex;gap:40px;}
.business .b03 .box .flex-box .inner ul li{flex:1;}
.business .b03 .box .flex-box .inner ul li img{display: block;width:100%;}


.business .b04 .tab{display: flex;margin-top:140px;}
.business .b04 .tab button{flex:1;display: flex;justify-content: center;align-items:center;height:70px;background: #eee;gap:10px;font-size: 20px;font-weight: 500;letter-spacing: -0.8px;text-align: center;color: #787878;}
.business .b04 .tab button:first-child{border-radius: 5px 0 0 5px;}
.business .b04 .tab button:last-child{border-radius:0 5px 5px 0;}
.business .b04 .tab button:after{content: "";position:relative;top:3px;display:none;width:12px;height:10px;background: url(/_public/images2/icon/tab_arrow.svg) no-repeat;background-size: cover;}
.business .b04 .tab button.on{background: #202020;color:#fff;}
.business .b04 .tab button.on:after{display: block;}
.business .b04 .tab-cont{display:none;margin-top:70px;}
.business .b04 .img-list{margin-top:70px;display: flex;gap:68px;}
.business .b04 .img-list + section{margin-top:160px;}
.business .b04 .img-list li{flex:1;}
.business .b04 .img-list li img{display: block;width:100%;}
.business .b04 section{margin-top:70px;}
.business .b04 section + section{margin-top:160px;}
.business .b04 .img{margin-top:50px;}
.business .b04 .img img{display: block;width:100%;}
.business .b04 .list-box{margin-top:40px;display: flex;gap:40px;flex-wrap: wrap;}
.business .b04 .list-box li{width:calc(50% - 20px);border-radius: 5px;background: #f9f9f9;padding:40px;}
.business .b04 .list-box li strong{display: block;font-size: 24px;font-weight: bold;letter-spacing: -0.96px;color: #202020;}
.business .b04 .list-box li em{display: block;margin-top:5px;font-size: 15px;font-weight: normal;letter-spacing: -0.6px;color: #787878;}
.business .b04 .list-box li p{margin-top:30px;font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: -0.72px;color: #202020;word-break: auto-phrase;}
.business .b04 .list-box2{margin-top:40px;border-top:1px solid #202020;}
.business .b04 .list-box2 > div{display: flex;gap:60px;align-items: center;padding:39px 30px;}
.business .b04 .list-box2 > div + div{border-top:1px dashed #ccc;}
.business .b04 .list-box2 > div .img{width:230px;}
.business .b04 .list-box2 > div .img img{display: block;width:100%;}
.business .b04 .list-box2 > div .txt{width:calc(100% - 290px);}
.business .b04 .list-box2 > div .txt strong{display: block; font-size: 24px;font-weight: bold;letter-spacing: -0.96px;color: #202020;}
.business .b04 .list-box2 > div .txt .txt-list{margin-top:30px;display: flex;gap:154px;}
.business .b04 .list-box2 > div .txt .txt-list ul{}
.business .b04 .list-box2 > div .txt .txt-list ul li{position: relative;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #202020;padding-left: 14px;}
.business .b04 .list-box2 > div .txt .txt-list ul li:before{content: "";position:absolute;top:10px;left:0;display: block;width:6px;height:6px;background: #fa002d;border-radius: 100%;}
.business .b04 .list-box2 > div .txt .txt-list ul li + li{margin-top:5px;}
.business .b04 .flex-box{margin-top:30px;display: flex;}
.business .b04 .flex-box .img-box{}
.business .b04 .flex-box .img-box img{display: block;}
.business .b04 .flex-box .txt-wrap{max-width:750px;padding:38px 50px;border-radius:0 13px 13px 0;background:#f9f9f9;}
.business .b04 .flex-box .txt-wrap em{display: block;  font-size: 18px;font-weight: 500;letter-spacing: -0.72px;color: #0a1e5a;}
.business .b04 .flex-box .txt-wrap p{margin-top:20px;font-size: 18px;font-weight: 500;line-height: 1.89;letter-spacing: -0.72px;color: #202020;word-break: auto-phrase;}

.business .b05 .sub-hgroup .down-btn{position: absolute;right:0;top:50px;}
.business .b05 section{margin-top:100px;}
.business .b05 .tab{display: flex;}
.business .b05 .tab button{flex:1;display: flex;justify-content: center;align-items:center;height:70px;background: #eee;gap:10px;font-size: 20px;font-weight: 500;letter-spacing: -0.8px;text-align: center;color: #787878;}
.business .b05 .tab button:first-child{border-radius: 5px 0 0 5px;}
.business .b05 .tab button:last-child{border-radius:0 5px 5px 0;}
.business .b05 .tab button:after{content: "";position:relative;top:3px;display:none;width:12px;height:10px;background: url(/_public/images2/icon/tab_arrow.svg) no-repeat;background-size: cover;}
.business .b05 .tab button.on{background: #202020;color:#fff;}
.business .b05 .tab button.on:after{display: block;}
.business .b05 .tab-cont{display:none;margin-top:70px;}
.business .b05 .flex-box{display: flex;justify-content: space-between;}
.business .b05 .flex-box .img{}
.business .b05 .flex-box .img img{display: block;}
.business .b05 .flex-box .txt{max-width:605px;}
.business .b05 .flex-box .txt strong{display: block;margin-top:50px; font-size: 20px;font-weight: bold;letter-spacing: -0.8px;color: #202020;}
.business .b05 .flex-box .txt p{margin-top:20px;font-size: 18px;font-weight: 500;line-height: 1.78;letter-spacing: -0.72px;color: #202020;}
.business .b05 .list{margin-top:100px;}
.business .b05 .list ul{margin-top:30px;display: flex;flex-wrap: wrap;gap:80px 40px;}
.business .b05 .list ul li{width:calc(25% - 30px);}
.business .b05 .list ul li .img{position: relative;}
.business .b05 .list ul li .img img{display: block;width:100%;}
.business .b05 .list ul li .img:before{content: "";position:absolute;top:0;left:0;display: block;width:100%;height:100%;background:rgba(0,0,0,0.5);transition: all 0.5s;opacity: 0;}
.business .b05 .list ul li .img:after{content: "";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: block;width:85px;height:85px;background: url(/_public/images2/icon/ico_plus2.svg) no-repeat;background-size: cover;transition: all 0.5s;opacity: 0;}
.business .b05 .list ul li .txt-box{margin-top:20px;}
.business .b05 .list ul li .txt-box em{display: block;font-size: 20px;font-weight: bold;letter-spacing: -0.8px;color: #202020;}
.business .b05 .list ul li .txt-box p{margin-top:5px;font-size: 18px;font-weight: 500;letter-spacing: -0.72px;color: #787878;word-break: auto-phrase;}
.business .b05 .list ul li:hover .img:before{opacity: 1;}
.business .b05 .list ul li:hover .img:after{opacity: 1;}





.esg{}
.esg .esg01{}
.esg .esg01 .sub-hgroup{}
.esg .esg01 .sub-hgroup i{position: absolute;right:0;top:60px;display: inline-block;}
.esg .esg01 .sub-hgroup i img{display: block;}
.esg .esg01 .box{margin-top:80px;display: flex;gap:50px;}
.esg .esg01 .box .img-box{width:100%;max-width:660px;}
.esg .esg01 .box .img-box img{display: block;width:100%;}
.esg .esg01 .box .list-box{width:100%;max-width:690px;}
.esg .esg01 .box .list-box ul{display: flex;flex-direction: column;gap:20px;}
.esg .esg01 .box .list-box ul li{display: flex;flex-direction: column;gap:20px;padding:40px; border-radius: 5px;background: #fafafa;}
.esg .esg01 .box .list-box ul li em{display: block;font-size: 20px;font-weight: bold;letter-spacing: -0.2px;color: #202020;}
.esg .esg01 .box .list-box ul li i{display: block;}
.esg .esg01 .box .list-box ul li i img{display: block;}
.esg .esg01 .box .list-box ul li p{font-size: 18px;font-weight: normal;letter-spacing: -0.18px;color: #202020;}
.esg .esg01 h4{margin-top:120px;font-size: 32px;font-weight: bold;letter-spacing: -1.28px;color: #202020;}
.esg .esg01 .list2{margin-top:30px;display: flex;gap:24px;}
.esg .esg01 .list2 li{flex:1;position: relative;padding:40px;border-radius: 5px;border: solid 1px #ddd;background-color: #fff;}
.esg .esg01 .list2 li i{position:absolute;top:40px;right:40px;display: inline-block;}
.esg .esg01 .list2 li i img{display:block;}
.esg .esg01 .list2 li h5{font-size: 24px;font-weight: bold;letter-spacing: -0.24px;color: #202020;}
.esg .esg01 .list2 li em{display: block;font-size: 15px;font-weight: normal;letter-spacing: -0.15px;color: #787878;}
.esg .esg01 .list2 li p{margin-top:59px; font-size: 20px;font-weight: 600;letter-spacing: -0.2px;color: #202020;}

.esg .esg02 .sub-hgroup{}
.esg .esg02 .sub-hgroup i{position: absolute;right:0;top:43px;display: inline-block;}
.esg .esg02 .sub-hgroup i img{display: block;}
.esg .esg02 .img-banner{position:relative;margin-top:80px;}
.esg .esg02 .img-banner img{display: block;width:100%;}
.esg .esg02 .img-banner figcaption{position: absolute;top:50%;transform: translateY(-50%);text-align: center;width:100%; font-size: 40px;font-weight: normal;letter-spacing: -1.6px;color: #fff;}
.esg .esg02 section{margin-top:100px;}
.esg .esg02 section + section{margin-top:140px;}
.esg .esg02 section h5{position: relative;padding-left: 20px;font-size: 40px;font-weight: bold;letter-spacing: -1.6px;color: #202020;line-height: 1;}
.esg .esg02 section h5:before{content: "";position:absolute;top:3px;left:0;width:5px;height:100%;display:block;background:#fa002d;border-radius: 2.5px;}
.esg .esg02 section .down-box{margin-top:30px;padding: 40px;border-radius: 5px;background-color: #fafafa;display: flex;align-items: center;justify-content: space-between;}
.esg .esg02 section .down-box p{ font-size: 20px;font-weight: normal;line-height: 1.7;letter-spacing: -0.8px;color: #202020;}
.esg .esg02 section .down-box a{display: flex;width:270px;height:60px; border-radius: 5px;background: #003383;align-items: center;justify-content: space-between;padding:0 30px; font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #fff;}
.esg .esg02 section .down-box a:after{content: "";display: block;width:20px;height:20px;background: url(/_public/images2/icon/ico_dwn.png) no-repeat;background-size: cover;}
.esg .esg02 section .list-box{margin-top:69px;}
.esg .esg02 section .list-box ul{display: flex;flex-wrap: wrap;gap:90px 50px;}
.esg .esg02 section .list-box ul li{width:calc(50% - 25px);position: relative;padding-left: 150px;}
.esg .esg02 section .list-box ul li i{position: absolute;left:0;display: inline-block;}
.esg .esg02 section .list-box ul li i img{display: block;}
.esg .esg02 section .list-box ul li h6{font-size: 20px;font-weight: bold;letter-spacing: -0.8px;color: #202020;}
.esg .esg02 section .list-box ul li p{margin-top:10px;font-size: 18px;font-weight: normal;line-height: 1.67;letter-spacing: -0.36px;color: #202020;word-break: keep-all;}
.esg .esg02 section .list-box ul li a{display: flex;margin-top:20px;width:270px;height:60px; border-radius: 5px;border: solid 1px #003383;align-items: center;justify-content: space-between;padding:0 20px 0 30px; font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #003383;}
.esg .esg02 section .list-box ul li a:after{content: "";display: block;width:20px;height:20px;background: url(/_public/images2/icon/ico_blank.png) no-repeat;background-size: cover;}

.esg .esg03 .sub-hgroup{}
.esg .esg03 .sub-hgroup a{position:absolute;top:57px;right:0;display: flex;width: 270px;height: 60px;border-radius: 5px;background: #003383;align-items: center;justify-content: space-between;padding: 0 30px;font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #fff;}
.esg .esg03 .sub-hgroup a:after{content: "";display: block;width: 20px;height: 20px;background: url(/_public/images2/icon/ico_dwn.png) no-repeat;background-size: cover;}
.esg .esg03 .img-banner{position:relative;margin-top:80px;}
.esg .esg03 .img-banner img{display: block;width:100%;}
.esg .esg03 .img-banner figcaption{position: absolute;top:50%;transform: translateY(-50%);text-align: center;width:100%; font-size: 40px;font-weight: normal;letter-spacing: -1.6px;color: #fff;}
.esg .esg03 h5{position: relative;padding-left: 20px;font-size: 40px;font-weight: bold;letter-spacing: -1.6px;color: #202020;line-height: 1;}
.esg .esg03 h5:before{content: "";position:absolute;top:3px;left:0;width:5px;height:100%;display:block;background:#fa002d;border-radius: 2.5px;}
.esg .esg03 .list-box{position: relative;margin-top: 100px;}
.esg .esg03 .list-box ul{margin-top:70px;display: flex;flex-wrap: wrap;gap:90px 50px;}
.esg .esg03 .list-box ul li{width:calc(50% - 25px);position: relative;padding-left: 150px;}
.esg .esg03 .list-box ul li i{position: absolute;left:0;display: inline-block;}
.esg .esg03 .list-box ul li i img{display: block;}
.esg .esg03 .list-box ul li h6{font-size: 20px;font-weight: bold;letter-spacing: -0.8px;color: #202020;}
.esg .esg03 .list-box ul li p{margin-top:20px;font-size: 18px;font-weight: normal;line-height: 1.78;letter-spacing: -0.72px;color: #202020;}
.esg .esg03 .list-box ul li p{position:relative;padding-left:14px;font-size: 18px;font-weight: normal;line-height: 1.78;letter-spacing: -0.72px;color: #202020;}
.esg .esg03 .list-box ul li p:before{content: "";position:absolute;top:14px;left:0;display: block;width:6px;height:6px;border-radius: 100%;background: #fa002d;}
.esg .esg03 .list-box ul li p + p{margin-top:0;}
.esg .esg03 .list-box a{position:absolute;top:-10px;right:0;display: flex;width: 350px;height: 60px;border-radius: 5px;background: #003383;align-items: center;justify-content: space-between;padding: 0 30px;font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #fff;}
.esg .esg03 .list-box a:after{content: "";display: block;width: 20px;height: 20px;background: url(/_public/images2/icon/ico_dwn.png) no-repeat;background-size: cover;}

.esg .esg04{}
.esg .esg04 .sub-hgroup i{position:absolute;top:50px;right:0;display: inline-block;}
.esg .esg04 .sub-hgroup i img{display: block;}
.esg .esg04 h5{position: relative;padding-left: 20px;font-size: 40px;font-weight: bold;letter-spacing: -1.6px;color: #202020;line-height: 1;}
.esg .esg04 h5:before{content: "";position:absolute;top:3px;left:0;width:5px;height:100%;display:block;background:#fa002d;border-radius: 2.5px;}
.esg .esg04 section{margin-top:100px;}
.esg .esg04 section + section{margin-top:140px;}
.esg .esg04 section .txt-box{margin-top:30px;padding: 40px;border-radius: 5px;background-color: #fafafa;display: flex;align-items: center;justify-content: space-between;}
.esg .esg04 section .txt-box p{ font-size: 20px;font-weight: normal;line-height: 1.7;letter-spacing: -0.8px;color: #202020;}
.esg .esg04 section .img-list{margin-top:53px;display: flex;gap:20px;}
.esg .esg04 section .img-list li{flex:1;}
.esg .esg04 section .img-list li .img{display:flex;align-items:center;justify-content:center;padding:40px;border-radius: 5px;border: solid 1px #ccc;height:380px;}
.esg .esg04 section .img-list li .img img{display: block;}
.esg .esg04 section .img-list li p{text-align: center;margin-top:20px;font-size: 18px;font-weight: 600;letter-spacing: -0.72px;color: #202020;}
.esg .esg04 section .txt-box2{margin-top:34px;display: flex;justify-content:space-between;align-items: center;gap:20px;}
.esg .esg04 section .txt-box2 p{font-size: 18px;font-weight: 500;line-height: 1.89;letter-spacing: -0.72px;color: #202020;}
.esg .esg04 section .txt-box2 a{display: flex;width: 270px;height: 60px;border-radius: 5px;background: #003383;align-items: center;justify-content: space-between;padding: 0 30px;font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #fff;}
.esg .esg04 section .txt-box2 a:after{content: "";display: block;width: 20px;height: 20px;background: url(/_public/images2/icon/ico_dwn.png) no-repeat;background-size: cover;}
.esg .esg04 section .img-banner{position:relative;margin-top:60px;}
.esg .esg04 section .img-banner img{display: block;width:100%;}
.esg .esg04 section .img-banner figcaption{position: absolute;top:50%;transform: translateY(-50%);text-align: center;width:100%; font-size: 40px;font-weight: normal;letter-spacing: -1.6px;color: #fff;}



.customer{}
.customer .inquiry{}
.customer .inquiry .tit-box{display: flex;justify-content: space-between;align-items: flex-end;}
.customer .inquiry .tit-box h3{font-size: 32px;font-weight: bold;color: #202020;}
.customer .inquiry .tit-box p{ font-size: 15px;font-weight: 500;}
.customer .inquiry .form-box{margin-top:80px;padding:40px 60px;border-radius: 5px;background-color: #f9f9f9;}
.customer .inquiry .form-box fieldset{margin-top:29px;border-top:2px solid #202020;}
.customer .inquiry .form-box .field-row{display: flex;gap:40px;padding:15px 30px;}
.customer .inquiry .form-box .field-row + .field-row{border-top:1px solid #ccc;}
.customer .inquiry .form-box .field-row .col{flex:1;display: flex;}
.customer .inquiry .form-box .field-row .col.max{max-width:calc(50% - 20px);}
.customer .inquiry .form-box .field-row .col .label{display: flex;align-items: center;width:150px;}
.customer .inquiry .form-box .field-row .col .label span{display: inline-block;font-size: 17px;font-weight: 500;color: #202020;}
.customer .inquiry .form-box .field-row .col .label span em{color:#fa002d;}
.customer .inquiry .form-box .field-row .col .field{width:calc(100% - 150px);}
.customer .inquiry .form-box .field-row .col .field input[type="text"],
.customer .inquiry .form-box .field-row .col .field input[type="tel"],
.customer .inquiry .form-box .field-row .col .field input[type="number"],
.customer .inquiry .form-box .field-row .col .field input[type="password"],
.customer .inquiry .form-box .field-row .col .field input[type="email"],
.customer .inquiry .form-box .field-row .col .field input[type="date"]{width:100%;height:50px;border-radius: 5px;border: solid 1px #dbdbdb;background: #fff;padding:0 20px;  font-size: 17px;font-weight: normal;}
.customer .inquiry .form-box .field-row .col .field textarea{width:100%;height:207px;border-radius: 5px;border: solid 1px #dbdbdb;background: #fff;padding:20px;  font-size: 17px;font-weight: normal;resize: none;}
.customer .inquiry .form-box .field-row .col .field select{width:100%;height:50px;border-radius: 5px;border: solid 1px #dbdbdb;	background: #fff url(/_public/images2/icon/ico_select.svg) no-repeat;
    background-position:95% 50%;padding:0 20px;  font-size: 17px;font-weight: normal;}
.customer .inquiry .form-box .field-row .col .field input[type="text"]::placeholder,
.customer .inquiry .form-box .field-row .col .field input[type="tel"]::placeholder,
.customer .inquiry .form-box .field-row .col .field input[type="number"]::placeholder,
.customer .inquiry .form-box .field-row .col .field input[type="password"]::placeholder,
.customer .inquiry .form-box .field-row .col .field input[type="email"]::placeholder,
.customer .inquiry .form-box .field-row .col .field input[type="date"]::placeholder{color: #aaa;}
.customer .inquiry .form-box .field-row .col .radio-group{display: flex;gap:30px;padding:13px 0;}
.customer .inquiry .form-box .field-row .col .radio-group2{display: flex;gap:10px;}
.customer .inquiry .form-box .field-row .col .input-box{display: flex;gap:10px;}
.customer .inquiry .form-box .field-row .col .input-box select{max-width:220px;}
.customer .inquiry .form-box .field-row .col .input-box input[type="text"]{max-width:520px;}
.customer .inquiry .form-box .field-row .col .txt{margin-top:5px; font-size: 15px;font-weight: normal;color: #787878;}
.customer .inquiry .form-box .policy-box{border-top:1px solid #202020;padding-top:50px;}
.customer .inquiry .form-box .policy-box h3{font-size: 20px;font-weight: bold;color: #202020;}
.customer .inquiry .form-box .policy-box h3 em{color:#fa002d;}
.customer .inquiry .form-box .policy-box .policy-txt{margin-top:20px;border: solid 1px #ccc;background-color: #fff;padding:20px; font-size: 15px;font-weight: 500;line-height: 1.6;color: #202020;}
.customer .inquiry .form-box .policy-box .policy-txt strong{font-size: 16px;}
.customer .inquiry .form-box .policy-box .chk-box{margin-top:13px;display: flex;justify-content: flex-end;}
.customer .inquiry .form-box .button-box{margin-top:30px;display: flex;justify-content: center;}
.customer .inquiry .form-box .button-box button{display: flex;align-items: center;justify-content: center;width:250px;height:60px;border-radius: 5px;background-color: #003383;font-size: 20px;font-weight: 500;color: #fff;}

.customer .contact .sub-hgroup i{position: absolute;top:42px;right:0;}
.customer .contact section{margin-top:80px;}
.customer .contact section + section{margin-top:140px;}
.customer .contact h5{position: relative;padding-left: 20px;font-size: 40px;font-weight: bold;letter-spacing: -1.6px;color: #202020;line-height: 1;}
.customer .contact h5:before{content: "";position:absolute;top:3px;left:0;width:5px;height:100%;display:block;background:#fa002d;border-radius: 2.5px;}
.customer .contact .box{margin-top:40px;display: flex;gap:20px;}
.customer .contact .box > div{flex:1;padding:40px;border-radius: 5px;}
.customer .contact .box .col1{border:1px solid #ccc;}
.customer .contact .box .col2{background: #f9f9f9;}
.customer .contact .box > div h6{font-size: 18px;font-weight: bold;letter-spacing: -0.72px;color: #003383;}
.customer .contact .box > div strong{display: block;font-size: 48px;font-weight: bold;color: #202020;}
.customer .contact .box > div .txt{position:relative;margin-top: 25px;padding-left:30px;font-size: 16px;font-weight: 500;line-height: 1.88;letter-spacing: -0.64px;;color: #202020;}
.customer .contact .box > div .txt:before{content: "";position:absolute;top:7px;left:0;display: block;width:20px;height:20px;background: url(/_public/images2/icon/ico_clock.svg) no-repeat;background-size: cover;}
.customer .contact .box > div .btn-box{margin-top:30px;display: flex;}
.customer .contact .box > div .btn-box a{display: flex;align-items: center;justify-content: center;flex: 1; border-radius: 5px;height:60px;font-size: 18px;font-weight: 500;background: #003383;color:#fff;}
.customer .contact .box > div ul{margin-top:10px;}
.customer .contact .box > div ul li{position:relative;font-size: 18px;font-weight: 500;line-height: 1.89;color: #202020;padding-left: 10px;}
.customer .contact .box > div ul li:before{content: "";position:absolute;top:18px;left:0;display: block;width:5px;height:1px;background: #202020;}

.customer .contact .box2{margin-top:40px;display: flex;gap:45px;}
.customer .contact .box2 > div{flex:1;}
.customer .contact .box2 > div h6{font-size: 32px;font-weight: bold;letter-spacing: -1.28px;color: #202020;margin-bottom: 30px;}
.customer .contact .box2 > div .map-cont{height:534px;position: relative;overflow: hidden;border-radius: 0 0 5px 5px;}
.customer .contact .box2 > div .info-cont{position:absolute;padding:30px 30px 30px 140px;left:0;bottom:0;background: #0a1e5a;z-index: 10;width:100%;}
.customer .contact .box2 > div .info-cont strong{display: block;position: absolute;top:39px;left:30px;font-size: 20px;font-weight: bold;letter-spacing: -0.8px;color: #fff;}
.customer .contact .box2 > div .info-cont .addr{font-size: 16px;font-weight: 500;letter-spacing: -0.64px;color: #fff;}
.customer .contact .box2 > div .info-cont .tel{position: relative;top:5px;padding-left: 27px; font-size: 16px;font-weight: 600;letter-spacing: -0.64px;color: #fff;}
.customer .contact .box2 > div .info-cont .tel:before{content: "";position: absolute;top:5px;left:0;width:15px;height:15px;background: url(/_public/images2/icon/ico_tel_w.svg) no-repeat;background-size: cover;}

.customer .contact .box2 > div .root_daum_roughmap .wrap_map{height:100% !important;}
.customer .contact .box2 > div ul{border-top:1px solid #003383;border-bottom:1px solid #003383;}
.customer .contact .box2 > div ul li{position:relative;padding:30px 30px 30px 140px;}
.customer .contact .box2 > div ul li:hover{background: #f8f8f8;}
.customer .contact .box2 > div ul li + li{border-top:1px solid #ccc;}
.customer .contact .box2 > div ul li strong{display: block;position: absolute;top:39px;left:30px;font-size: 20px;font-weight: bold;letter-spacing: -0.8px;color: #202020;}
.customer .contact .box2 > div ul li .addr{font-size: 16px;font-weight: 500;letter-spacing: -0.64px;color: #202020;}
.customer .contact .box2 > div ul li .tel{position: relative;top:5px;padding-left: 27px; font-size: 16px;font-weight: 600;letter-spacing: -0.64px;color: #003383;}
.customer .contact .box2 > div ul li .tel:before{content: "";position: absolute;top:5px;left:0;width:15px;height:15px;background: url(/_public/images2/icon/ico_tel.svg) no-repeat;background-size: cover;}


.private{ font-size: 18px;font-weight: 500;line-height: 1.89;color: #202020;word-break: auto-phrase;}
.private strong{font-size:24px;display: block;margin-bottom: 5px;}

@media all and (max-width:1530px) {
    .page-top .visual .group em{font-size: 18px;}
    .page-top .visual .group h1{font-size:56px;}

    .sub-hgroup h2{font-size:44px;}
}

@media all and (max-width:1400px) {
    .page-top .visual .group{padding:0 20px;}
    .page-top .visual .group h1{font-size:52px;}

    #pages .contents{padding:100px 20px 160px;}

    .sub-hgroup h2{font-size:40px;}

    .philosophy .section03{margin:120px -20px 0;}
    .philosophy .section03 .layout{padding:0 20px;}

    .ls-group .section02{margin:0 -20px;padding: 120px 20px;}
}


@media all and (max-width:1280px) {
    .page-top .visual{height:380px;}
    .page-top .visual .group h1{font-size:48px;}

    .page-top .navi-menu {display:flex;height:61px;justify-content: center;}
    .page-top .navi-menu .inner{gap:25px;white-space: nowrap;}
    .page-top .navi-menu a{height:60px;font-size:15px;}

    .sub-hgroup em{font-size:16px;}
    .sub-hgroup h2{font-size: 32px;letter-spacing: -1.28px;}
    .sub-hgroup p{font-size:14px;}

    .sub-hgroup em{font-size:18px;}
    .sub-hgroup h2{font-size: 36px;}
    .sub-hgroup p{font-size:16px;}

    .company .ceo .txt-box{gap:20px;}
    .company .ceo .txt-box .txt{max-width:calc(100% - 360px);}
    .company .ceo .txt-box .txt h3{font-size: 28px;}
    .company .ceo .txt-box .txt h4{font-size:28px;}
    .company .ceo .txt-box .txt h4 br{display: none;}
    .company .ceo .txt-box .txt p .br{display: none;}

    .philosophy .section01 .box .txt-box h4{font-size: 22px;}
    .philosophy .section01 .box .txt-box p{font-size:16px;}
    .philosophy .section02 ul{gap:20px;}
    .philosophy .section02 ul li figure figcaption strong{font-size: 32px;}
    .philosophy .section02 ul li figure figcaption span{font-size:16px;}
    .philosophy .section02 ul li .txt{padding:20px;}
    .philosophy .section02 ul li .txt h4{font-size:20px;}
    .philosophy .section02 ul li .txt .word-wrap span{height:32px;font-size: 16px;padding:0 15px;}
    .philosophy .section03 h3{font-size:24px;}
    .philosophy .section03 ul li{padding:30px 40px;}
    .philosophy .section03 ul li h4{font-size:20px;}
    .philosophy .section03 ul li p{font-size:16px;}
    .philosophy .section03 ul li p:before{top:11px;width:4px;height:4px;}

    .history .h-list ul li .txt-box h4{font-size:36px;}
    .history .h-list ul li .txt-box p{font-size:18px;}

    .ls-group .section01 .top-box h4{font-size:18px;}
    .ls-group .section01 .chart-box > div{padding:90px 0;}
    .ls-group .section01 .chart-box > div i{width:80px;}
    .ls-group .section01 .chart-box > div p{font-size:36px;}
    .ls-group .section02 .b-box h4{font-size:34px;}
    .ls-group .section02 .b-box .flex-box .txt-box{padding:0 40px;}
    .ls-group .section02 .b-box .flex-box .txt-box em{font-size:15px;}
    .ls-group .section02 .b-box .flex-box .txt-box h5{font-size:28px;}
    .ls-group .section02 .b-box .flex-box .txt-box p{font-size:18px;}
    .ls-group .section02 .b-box h6{font-sizE:28px;}
    .ls-group .section02 .b-box .list-box{gap:20px;}
    .ls-group .section02 .b-box .list-box .left{padding:20px 30px;}
    .ls-group .section02 .b-box .list-box .left strong{font-size:20px;}
    .ls-group .section02 .b-box .list-box .left em{font-size:16px;}
    .ls-group .section02 .b-box .list-box .left em:before{width:4px;height:4px;}
    .ls-group .section02 .b-box .list-box .left p{font-size:16px;}
    .ls-group .section02 .b-box .list-box ul{gap:20px;}
    .ls-group .section02 .b-box .list-box ul li{padding:20px 30px;width: calc(50% - 10px);}
    .ls-group .section02 .b-box .list-box ul li strong{font-size:20px;}
    .ls-group .section02 .b-box .list-box ul li p{font-size:16px;}
    .ls-group .section02 .b-box .list-box ul li p:before{width:4px;height:4px;}

    .business .down-btn{width:240px;height:50px;font-size: 16px;}
    .business .b01 .sub-hgroup i{top:48px;width:130px;}
    .business h3{font-size: 36px;}
    .business .list1 li .txt-box strong{font-size:20px;}
    .business .list1 li .txt-box p{font-size: 15px;}
    .business .txt1{font-size:16px;}
    .business h4{font-size:28px;}
    .business .table-box table thead tr th{margin-top:20px;font-size: 16px;padding:20px 10px;}
    .business .table-box table tbody tr td{padding:15px;font-size: 14px;}
    .business .banner-box .blue-box{max-width:calc(50% - 70px);padding: 40px;}
    .business .banner-box .blue-box strong{font-size:26px;}
    .business .banner-box .blue-box p{font-size:16px;}
    .business .banner-box .p-txt{font-size:18px;}
    .business .banner-box figure figcaption{font-size:18px;}
    .business .banner-box figure figcaption strong{font-size:28px;}
    .business .b01 .info-box{padding:30px;margin-top: 30px;}
    .business .b01 .info-box ul li{font-size:16px;}
    .business .b02 .box h5{font-size:28px;}
    .business .b02 .box h5 span{font-size:16px;}
    .business .b02 .box .txt{font-size:16px;}
    .business .b02 .box .list-ul li{padding:30px 40px;}
    .business .b02 .box .list-ul li strong{font-size:20px;}
    .business .b02 .box .list-ul li p{font-size:16px;}
    .business .b02 .box .img-box .caption{font-size:16px;padding-left: 30px;}
    .business .b02 .box .img-box .caption:before{width:22px;height:22px;}
    .business .b02 .box .img-box ul{gap:20px;}
    .business .b02 .box .img-box ul li i{width:22px;height:22px;line-height: 22px;font-size: 13px;}
    .business .b02 .box .img-box ul li em{font-size: 16px;}
    .business .b02 .box .img-box ul li span{font-size: 16px;}

    .business .b02 .flex-box{gap:50px;}
    .business .b02 .flex-box .txt p{font-size:16px;}

    .business .b04 .flex-box .img-box{width:50%;}
    .business .b04 .flex-box .txt-wrap{max-width:50%;width:50%;}
    .business .b04 .flex-box .txt-wrap em{font-size:16px;}
    .business .b04 .flex-box .txt-wrap p{font-size:16px;}
    .business .b04 .img-list{gap:30px;}
    .business .b04 .list-box{gap:30px;}
    .business .b04 .list-box li{padding:30px;width:calc(50% - 15px);}
    .business .b04 .list-box li strong{font-size: 22px;}
    .business .b04 .list-box li em{font-size:14px;}
    .business .b04 .list-box li p{font-size:16px;}
    .business .b04 .list-box2 > div .txt strong{font-size:18px;}
    .business .b04 .list-box2 > div .txt .txt-list ul li{font-size:16px;}

    .business .b05 .flex-box{flex-direction: column-reverse;gap:40px;}
    .business .b05 .flex-box .img img{width:100%;}
    .business .b05 .flex-box .txt strong{font-size:18px;margin-top:40px;}
    .business .b05 .flex-box .txt p{font-size:16px;}
    .business .b05 .list ul{gap:60px 20px;}
    .business .b05 .list ul li{width: calc(25% - 15px);}
    .business .b05 .list ul li .txt-box em{font-size:18px;}
    .business .b05 .list ul li .txt-box p{font-size:16px;}
    .business .b05 .list ul li .img:after{width:65px;height:65px;}


    .esg .esg01 .box{gap:40px;}
    .esg .esg01 .box .list-box ul li{padding:30px;}
    .esg .esg01 .box .list-box ul li em{font-size:18px;}
    .esg .esg01 .box .list-box ul li p{font-size:16px;}
    .esg .esg01 h4{margin-top: 80px;font-size: 28px;}
    .esg .esg01 .list2{margin-top: 20px;gap:20px;}
    .esg .esg01 .list2 li{padding:30px;}
    .esg .esg01 .list2 li h5{font-size:20px;}
    .esg .esg01 .list2 li em{font-size:14px;}
    .esg .esg01 .list2 li p{font-size:16px;margin-top: 50px;}
    .esg .esg01 .list2 li i{top:30px;right:30px;}
    .esg .esg01 .list2 li i img{height:50px;}

    .esg .esg02 .sub-hgroup i{width:120px;}
    .esg .esg02 .img-banner{margin-top: 60px;}
    .esg .esg02 .img-banner figcaption{font-size: 36px;}
    .esg .esg02 section + section{margin-top:100px;}
    .esg .esg02 section h5{font-size:36px;}
    .esg .esg02 section .down-box p{font-size:18px;}
    .esg .esg02 section .down-box{padding:30px;}
    .esg .esg02 section .down-box a{width:240px;height:50px;font-size: 16px;}
    .esg .esg02 section .list-box{margin-top:50px;}
    .esg .esg02 section .list-box ul{gap:70px 40px;}
    .esg .esg02 section .list-box ul li{width:calc(50% - 20px);padding-left: 130px;}
    .esg .esg02 section .list-box ul li i{width:100px;}
    .esg .esg02 section .list-box ul li h6{font-size: 18px;}
    .esg .esg02 section .list-box ul li p{font-size:16px;}
    .esg .esg02 section .list-box ul li a{width:240px;height:50px;font-size: 16px;}


    .esg .esg03 .sub-hgroup a{position: relative;top:0;margin:40px auto 0;height:50px;font-size: 16px;}
    .esg .esg03 .img-banner{margin-top: 60px;}
    .esg .esg03 .img-banner figcaption{font-size: 36px;}
    .esg .esg03 h5{font-size:36px;}
    .esg .esg03 .list-box ul{gap:70px 40px;}
    .esg .esg03 .list-box ul li{width:calc(50% - 20px);padding-left: 130px;}
    .esg .esg03 .list-box ul li i{width:100px;}
    .esg .esg03 .list-box ul li h6{font-size: 18px;}
    .esg .esg03 .list-box ul li p{font-size:16px;}
    .esg .esg03 .list-box ul li p:before{top:12px;}
    .esg .esg03 .list-box a{height:50px;font-size: 16px;width:300px;}

    .esg .esg04 .sub-hgroup i{width:100px;}
    .esg .esg04 h5{font-size:36px;}
    .esg .esg04 section .txt-box{padding:30px;}
    .esg .esg04 section .txt-box p{font-size:18px;}
    .esg .esg04 section .txt-box2 p{word-break: auto-phrase;max-width:calc(100% - 290px);}
    .esg .esg04 section .txt-box2 p br{display: none;}
    .esg .esg04 section .img-banner figcaption{font-size:36px;}



    .customer .inquiry .form-box{margin-top:60px;padding:30px 50px;}
    .customer .inquiry .form-box .field-row .col .label{width:120px;}
    .customer .inquiry .form-box .field-row .col .field{width: calc(100% - 120px);}
    .customer .inquiry .tit-box h3{font-size:28px;}

    .customer .contact .sub-hgroup i{width:130px;top:20px;}
    .customer .contact h5{font-size: 36px;}
    .customer .contact .box > div h6{font-size:16px;}
    .customer .contact .box > div strong{font-size:44px;}
    .customer .contact .box > div ul li{font-size:16px;}
    .customer .contact .box > div .btn-box a{height:50px;font-size: 16px;}
    .customer .contact .box2 > div h6{font-size:28px;}
    .customer .contact .box2 > div .map-cont{height: calc(100% - 68px);}

    .private{font-size:16px;}
    .private strong{font-size:20px;}
}


@media all and (max-width:1024px) {
    .page-top .visual{height:340px;}
    .page-top .visual .group em{font-size: 16px;}
    .page-top .visual .group h1{margin-top:5px;font-size:42px;}
    .page-top .navi-menu {display:block;height:61px;overflow-x: auto; -ms-overflow-style: none;scrollbar-width: none;}
    .page-top .navi-menu::-webkit-scrollbar {display: none;}

    #pages .contents{padding:84px 20px 60px;}

    .sub-hgroup em{font-size:16px;}
    .sub-hgroup h2{font-size: 32px;letter-spacing: -1.28px;}
    .sub-hgroup p{font-size:14px;}

    .company .ceo .txt-box .txt h3{font-size:26px;}
    .company .ceo .txt-box .txt h4{font-size:26px;}
    .company .ceo .txt-box .txt p{font-size:16px;}
    .company .ceo .txt-box .sign-box{width:300px;padding:40px;}


    .philosophy .section01 .box{margin-top:40px;padding:40px;gap:30px;}
    .philosophy .section01 .box .txt-box h4{font-size: 20px;}
    .philosophy .section01 .box .txt-box p{font-size:14px;}
    .philosophy .section02 ul{margin-top:40px;}
    .philosophy .section02 ul li figure figcaption strong{font-size:28px;}
    .philosophy .section02 ul li figure figcaption span{margin-top:20px;}
    .philosophy .section02 ul li .txt h4{font-size:18px;}
    .philosophy .section02 ul li .txt h4:before{width:4px;height:4px;}
    .philosophy .section02 ul li .txt .word-wrap span{padding:0 10px;font-size: 14px;}
    .philosophy section + section{margin-top:50px;}
    .philosophy .section03{margin-top:80px;padding:60px 0 100px;}
    .philosophy .section03 h3{font-size: 20px;}
    .philosophy .section03 ul{margin-top:60px;gap:20px;}
    .philosophy .section03 ul li{padding:20px 30px;}
    .philosophy .section03 ul li p:before{top:9px;}
    .philosophy .section03 ul li p{font-size:14px;padding-left: 10px;}
    .philosophy .section03 i{width:70px;right:20px;}


    .history .h-list ul li{gap:80px;}
    .history .h-list ul li .img{max-width:calc(50% - 40px);}
    .history .h-list ul li .txt-box{max-width:calc(50% - 40px);padding: 0 !important;}
    .history .h-list ul li .txt-box:before{left:-52px;}
    .history .h-list ul li .txt-box:after{left:-45px;}
    .history .h-list ul li .txt-box h4{font-size:32px;}
    .history .h-list ul li .txt-box p{font-size:16px;}
    .history .h-list ul li:nth-child(even) .txt-box:before{right:-52px;}
    .history .h-list ul li:nth-child(even) .txt-box:after{right:-45px;}

    .ls-group .section01{padding-bottom: 100px;}
    .ls-group .section01 .top-box h4{font-size:16px;}
    .ls-group .section01 .chart-box > div{padding:70px 0;}
    .ls-group .section01 .chart-box > div i{width:60px;}
    .ls-group .section01 .chart-box > div em{margin-top:20px;font-size:14px;}
    .ls-group .section01 .chart-box > div p{font-size:32px;}
    .ls-group .section02 .box .b-box{margin-top:50px;}
    .ls-group .section02 .b-box h4{font-size:30px;}
    .ls-group .section02 .b-box .flex-box .txt-box{padding:30px;}
    .ls-group .section02 .b-box .flex-box .txt-box em{line-height: 32px;font-size:13px;padding:0 10px;}
    .ls-group .section02 .b-box .flex-box .txt-box h5{font-size:24px;}
    .ls-group .section02 .b-box .flex-box .txt-box p{margin-top:20px;padding-top:20px;font-size:16px;}
    .ls-group .section02 .b-box h6{font-size:24px;}
    .ls-group .section02 .b-box .list-box .left{padding:20px; max-width:310px;}
    .ls-group .section02 .b-box .list-box .right{max-width:calc(100% - 330px);}
    .ls-group .section02 .b-box .list-box .left strong{font-size:18px;}
    .ls-group .section02 .b-box .list-box .left em{margin-top: 20px;}
    .ls-group .section02 .b-box .list-box ul li strong{font-size:18px;}
    .ls-group .section02 .b-box .list-box ul li p{margin-top:20px;}
    .ls-group .section02 .box + .box{margin-top:70px;}


    .business section{margin-top:60px;}
    .business section + section{margin-top:100px;}
    .business h3{font-size:32px;}
    .business .list1{margin-top:20px;}
    .business .list1 li{width: calc(50% - 13px);}
    .business .list1 li .txt-box strong{font-size:16px;}
    .business .list1 li .txt-box p{font-size:14px;}
    .business .txt1{margin-top:20px;font-size: 14px;}
    .business h4{font-size:24px;}
    .business .table-box table{margin-top:20px;}
    .business .table-box table thead tr th{font-size: 14px;padding:15px 5px;}
    .business .table-box table tbody tr td{padding:10px;font-size: 13px;}
    .business .b01 .info-box{padding:20px;margin-top: 20px;}
    .business .b01 .info-box ul li{font-size:14px;}
    .business .banner-box figure figcaption{font-size:16px;}
    .business .banner-box figure figcaption strong{font-size:24px;}
    .business .banner-box .blue-box{padding: 30px;}
    .business .banner-box .blue-box strong{font-size:22px;}
    .business .banner-box .blue-box p{font-size:14px;}
    .business .banner-box .p-txt{max-width:55%;font-size: 14px;}
    .business .b02 .tab{margin-top:100px;}
    .business .b02 .tab button{height:60px;font-size: 16px;}
    .business .b02 .tab-cont{margin-top:40px;}
    .business .b02 .flex-box{gap:30px;}
    .business .b02 .flex-box .txt{max-width:50%;}
    .business .b02 .flex-box .txt em{font-size:13px;}
    .business .b02 .flex-box .txt p{font-size:14px;}
    .business .b02 .flex-box .txt h5{font-size: 20px;}
    .business .b02 .box{margin-top:40px;}
    .business .b02 .box h5{font-size:24px;}
    .business .b02 .box h5 span{font-size:14px;}
    .business .b02 .box .txt{margin-top:20px;font-size:14px;}
    .business .b02 .box .img{margin-top:30px;}
    .business .b02 .box .list-ul{gap:20px;}
    .business .b02 .box .list-ul li{padding:20px;}
    .business .b02 .box .list-ul li strong{font-size:16px;margin-bottom: 20px;}
    .business .b02 .box .list-ul li p{font-size:14px;}
    .business .b02 .box .img-box .caption{font-size:14px;}
    .business .b02 .box .img-box + .img-box{margin-top:40px;}
    .business .b02 .box .img-box figure{margin-top:20px;}
    .business .b02 .box .img-box ul li{width:calc(33.3333% - 14px);padding-left: 25px;}
    .business .b02 .box .img-box ul li em{font-size:14px;}
    .business .b02 .box .img-box ul li span{font-size:14px;}
    .business .b02 .box .img-box ul li i{width:20px;height:20px;line-height: 20px;}

    .business .b03 .box .flex-box{gap:20px;}
    .business .b03 .box .flex-box .inner ul{gap:20px;}
    .business .b03 .box + .box{margin-top:20px;padding-top:20px;}

    .business .b04 section + section{margin-top:80px;}
    .business .b04 .tab{margin-top:100px;}
    .business .b04 .tab button{height:60px;font-size: 16px;}
    .business .b04 .tab-cont{margin-top:40px;}
    .business .b04 .flex-box{flex-direction: column;}
    .business .b04 .flex-box .img-box{width:100%;}
    .business .b04 .flex-box .img-box img{width:100%;}
    .business .b04 .flex-box .txt-wrap{max-width:100%;width:100%;padding:40px 20px;border-radius: 0;}
    .business .b04 .list-box{gap:20px;margin-top:20px;}
    .business .b04 .list-box li strong{font-size:20px;}
    .business .b04 .list-box li em{font-size:13px;}
    .business .b04 .list-box li p{margin-top:20px;font-size:14px;}
    .business .b04 .list-box2 > div{gap:30px;padding:20px 15px;}
    .business .b04 .list-box2 > div .txt .txt-list{gap:70px;}
    .business .b04 .list-box2 > div .txt .txt-list ul li{font-size:14px;padding-left: 10px;}
    .business .b04 .list-box2 > div .txt .txt-list ul li:before{top:8px;width:4px;height:4px;}
    .business .b05 .tab button{height:60px;font-size: 16px;}
    .business .b05 .tab-cont{margin-top:40px;}
    .business .b05 .list{margin-top:60px;}
    .business .b05 .flex-box .txt strong{margin-top:30px;font-size: 16px;}
    .business .b05 .flex-box .txt p{margin-top:10px;font-size:14px;}
    .business .b05 .list ul li{width: calc(33.3333% - 14px);}
    .business .b05 .list ul li .txt-box{margin-top:10px;}
    .business .b05 .list ul li .txt-box em{font-size:16px;}
    .business .b05 .list ul li .txt-box p{font-size:14px;}
    .business .b05 .list ul li .img:after{width:45px;height:45px;}

    .esg .esg01 .box{margin-top: 60px;gap:20px;flex-direction: column;}
    .esg .esg01 .box .img-box{max-width: 100%;}
    .esg .esg01 .box .img-box img{width: 100%;}
    .esg .esg01 .box .list-box{max-width:100%;}
    .esg .esg01 .box .list-box ul li{padding:20px;gap:10px;}
    .esg .esg01 .box .list-box ul li em{font-size:16px;}
    .esg .esg01 .box .list-box ul li p{font-size:14px;}
    .esg .esg01 h4{margin-top: 60px;font-size:24px;}
    .esg .esg01 .list2 li{padding:20px;}
    .esg .esg01 .list2 li h5{font-size:16px;}
    .esg .esg01 .list2 li em{font-size:13px;}
    .esg .esg01 .list2 li p{font-size:14px;}
    .esg .esg01 .list2 li i{top:20px;right:20px;}
    .esg .esg01 .list2 li i img{height:35px;}

    .esg .esg02 .sub-hgroup i{width:80px;}
    .esg .esg02 .img-banner{margin-top:40px;}
    .esg .esg02 .img-banner figcaption{font-size:32px;}
    .esg .esg02 section{margin-top:60px;}
    .esg .esg02 section + section{margin-top:60px;}
    .esg .esg02 section h5{font-size:32px;}
    .esg .esg02 section .down-box{padding:20px;flex-direction: column;gap:30px;}
    .esg .esg02 section .down-box p{font-size:16px;}
    .esg .esg02 section .list-box{margin-top:30px;}
    .esg .esg02 section .list-box ul{gap:40px;flex-direction: column;}
    .esg .esg02 section .list-box ul li{width:100%;}
    .esg .esg02 section .list-box ul li i{width:80px;}
    .esg .esg02 section .list-box ul li h6{font-size:16px;}
    .esg .esg02 section .list-box ul li p{font-size: 14px;word-break: keep-all;}

    .esg .esg03 .img-banner figcaption{font-size:32px;}
    .esg .esg03 h5{font-size:32px;}
    .esg .esg03 .list-box a{position: relative;top:0;margin:40px auto 0;}
    .esg .esg03 .list-box{margin-top:30px;}
    .esg .esg03 .list-box ul{gap:40px;flex-direction: column;}
    .esg .esg03 .list-box ul li{width:100%;}
    .esg .esg03 .list-box ul li i{width:80px;}
    .esg .esg03 .list-box ul li h6{font-size:16px;}
    .esg .esg03 .list-box ul li p{font-size: 14px;word-break: keep-all;}

    .esg .esg04 section{margin-top:60px;}
    .esg .esg04 section + section{margin-top:60px;}
    .esg .esg04 h5{font-size:32px;}
    .esg .esg04 section .txt-box{padding:20px;}
    .esg .esg04 section .txt-box p{font-size:16px;word-break: auto-phrase;}
    .esg .esg04 section .img-list li .img{height:310px;}
    .esg .esg04 section .img-list li p{font-size:16px;}
    .esg .esg04 section .txt-box2{flex-direction: column;}
    .esg .esg04 section .txt-box2 p{max-width:100%;font-size:16px;}
    .esg .esg04 section .txt-box2 a{height:50px;}
    .esg .esg04 section .img-banner figcaption{font-size:32px;}

    .customer .inquiry .form-box{margin-top:40px;padding:20px 30px;}
    .customer .inquiry .form-box .field-row{flex-direction: column;padding:15px 0;gap:20px;}
    .customer .inquiry .form-box .field-row .col{flex-direction: column;gap:10px;}
    .customer .inquiry .form-box .field-row .col.max{max-width:100%;}
    .customer .inquiry .form-box .field-row .col .label{width:100%;}
    .customer .inquiry .form-box .field-row .col .field{width:100%;}
    .customer .inquiry .form-box .field-row .col .label span{font-size:15px;}
    .customer .inquiry .form-box .field-row .col .field input[type="text"],
    .customer .inquiry .form-box .field-row .col .field input[type="tel"],
    .customer .inquiry .form-box .field-row .col .field input[type="number"],
    .customer .inquiry .form-box .field-row .col .field input[type="password"],
    .customer .inquiry .form-box .field-row .col .field input[type="email"],
    .customer .inquiry .form-box .field-row .col .field input[type="date"]{padding:0 15px;font-size:14px;}
    .customer .inquiry .form-box .field-row .col .field textarea{padding:15px;font-size:14px;}
    .customer .inquiry .form-box .policy-box h3{font-size:18px;}
    .customer .inquiry .form-box .policy-box .policy-txt{font-size: 14px;}
    .customer .inquiry .form-box .button-box button{height:50px;font-size: 18px;}
    .customer .inquiry .tit-box h3{font-size:24px;}
    .customer .inquiry .tit-box p{font-size:14px;}


    .customer .contact h5{font-size: 32px;}
    .customer .contact .box{margin-top:20px;flex-direction: column;}
    .customer .contact .box > div{padding:30px;}
    .customer .contact .box > div strong{font-size:40px;}
    .customer .contact .box > div .txt{font-size:14px;margin-top:20px;}
    .customer .contact .box > div .btn-box{margin-top:20px;}
    .customer .contact .box > div ul li{font-size:14px;}
    .customer .contact .box2{margin-top:20px;flex-direction: column;gap:40px;}
    .customer .contact .box2 > div h6{font-size: 24px;margin-bottom: 20px;}
    .customer .contact .box2 > div .map-cont{height:360px;}
    .customer .contact .box2 > div .info-cont{padding:20px 20px 20px 90px;}
    .customer .contact .box2 > div .info-cont strong{font-size:18px;left:20px;top:31px;}
    .customer .contact .box2 > div .info-cont .addr{font-size:14px;}
    .customer .contact .box2 > div .info-cont .tel{font-size:14px;padding-left: 20px;}
    .customer .contact .box2 > div .info-cont .tel:before{top:4px;}
    .customer .contact .box2 > div ul li{padding:20px 20px 20px 90px;}
    .customer .contact .box2 > div ul li strong{font-size:18px;left:20px;top:31px;}
    .customer .contact .box2 > div ul li .addr{font-size:14px;}
    .customer .contact .box2 > div ul li .tel{font-size:14px;padding-left: 20px;}
    .customer .contact .box2 > div ul li .tel:before{top:4px;}

    .private{font-size:14px;}
    .private strong{font-size:18px;}
}

@media all and (max-width:890px) {
    .business .banner-box .blue-box{position: relative;max-width:100%;bottom:0;right:0;border-radius: 0 0 5px 5px;}
}

/* mobile */
@media all and (max-width:768px) {
    .page-top .visual{height:280px;}

    .company .ceo .img-banner{margin-top:30px;height:250px;background-position: 50% 50%;}
    .company .ceo .img-banner i{width:200px;}
    .company .ceo .txt-box{flex-direction: column;gap:40px;}
    .company .ceo .txt-box .txt{max-width:100%;}
    .company .ceo .txt-box .txt h3{font-size:24px;}
    .company .ceo .txt-box .txt h4{font-size:24px;}
    .company .ceo .txt-box .txt p{font-size:14px;}
    .company .ceo .txt-box .sign-box{width:100%;padding:20px;gap:40px;}
    .company .ceo .txt-box .sign-box .txt1 h3{font-size:26px;}
    .company .ceo .txt-box .sign-box .txt1 span{word-break: auto-phrase;}
    .company .ceo .txt-box .sign-box .txt2 span{font-size:18px;}
    .company .ceo .txt-box .sign-box .txt2 strong{font-size:24px;}
    .company .ceo .txt-box .sign-box .txt2 strong em{font-size:16px;}



    .philosophy .section01 .box{flex-direction: column-reverse;gap:50px;margin-top:30px;padding:30px 20px;}
    .philosophy .section01 .box .img-box{display: flex;justify-content: center;}
    .philosophy .section01 .box .txt-box i{width:60px;}
    .philosophy .section01 .box .txt-box h4{margin-top:50px;font-size:18px;}
    .philosophy .section01 .box .txt-box p + h4{margin-top:50px;}
    .philosophy .section02 ul{flex-direction: column;}
    .philosophy .section02 ul li figure img{width:100%;}
    .philosophy .section02 ul li .txt .word-wrap span{font-size:12px;padding:0 8px;}
    .philosophy .section03 i{display: none;}
    .philosophy .section03 h3{font-size:16px;word-break: keep-all;}
    .philosophy .section03 h3 .br{display: none;}
    .philosophy .section03 ul{margin-top:40px;flex-direction: column;}
    .philosophy .section03 ul li{padding:20px;}
    .philosophy .section03 ul li h4{font-size:16px;margin-bottom: 10px;}

    .history .h-list{margin-top:45px;}
    .history .h-list ul:before{top: 87px;height: calc(100% - 198px);}
    .history .h-list ul li{gap:40px;}
    .history .h-list ul li .img{max-width: calc(50% - 20px);}
    .history .h-list ul li .txt-box{max-width: calc(50% - 20px);}
    .history .h-list ul li .txt-box:before{width:16px;height:16px;left:-27px;top:12px;}
    .history .h-list ul li .txt-box:after{width:8px;height:8px;left:-23px;top: 16px;}
    .history .h-list ul li:nth-child(even) .txt-box:before{right:-27px;}
    .history .h-list ul li:nth-child(even) .txt-box:after{right:-23px;}
    .history .h-list ul li .txt-box h4{font-sizE:24px;}
    .history .h-list ul li .txt-box p{margin-top:10px;font-size:14px;}

    .ls-group .section01{padding-bottom: 50px;}
    .ls-group .section01 .top-box{margin-top:10px;flex-direction: column;align-items: flex-start;gap:5px;}
    .ls-group .section01 .chart-box{margin-top: 40px;flex-direction: column;}
    .ls-group .section01 .chart-box > div + div{border-left:0;border-top:1px solid #ccc;}
    .ls-group .section01 .chart-box > div{padding:40px 0;}
    .ls-group .section01 .chart-box > div i{width:40px;}
    .ls-group .section01 .chart-box > div em{font-size:13px;margin-top:10px;}
    .ls-group .section01 .chart-box > div p{font-size:28px;}
    .ls-group .section02{padding:60px 20px;}
    .ls-group .section02 .b-box h4{font-size:26px;padding-left: 15px;}
    .ls-group .section02 .b-box h4:before{width:3px;}
    .ls-group .section02 .b-box .flex-box{margin-top: 20px;flex-direction: column;}
    .ls-group .section02 .b-box .flex-box > div{max-width:100%;}
    .ls-group .section02 .b-box .flex-box .txt-box{padding:20px;}
    .ls-group .section02 .b-box .flex-box .txt-box em{line-height: 28px;font-size:12px;padding:0 5px;}
    .ls-group .section02 .b-box .flex-box .txt-box h5{font-size:20px;}
    .ls-group .section02 .b-box .flex-box .txt-box p{font-size:14px;padding-top:15px;margin-top: 15px;}
    .ls-group .section02 .b-box h6{margin-top: 30px;}
    .ls-group .section02 .b-box .list-box{flex-direction: column;gap:10px;}
    .ls-group .section02 .b-box .list-box .left{max-width:100%;}
    .ls-group .section02 .b-box .list-box .right{max-width:100%;}
    .ls-group .section02 .b-box .list-box .left strong{font-size:16px;}
    .ls-group .section02 .b-box .list-box .left p{font-size:14px;}
    .ls-group .section02 .b-box .list-box ul{gap:10px;}
    .ls-group .section02 .b-box .list-box ul li{width:100%;}
    .ls-group .section02 .b-box .list-box ul li strong{font-size:16px;}
    .ls-group .section02 .b-box .list-box ul li p{margin-top: 15px;font-size:14px;padding-left: 10px;}
    .ls-group .section02 .b-box .list-box ul li p:before{top:9px;}


    .business .down-btn{width:100%;height:40px;font-size:15px;padding:0 20px;}
    .business .down-btn:after{width:16px;height:16px;}
    .business .b01 .sub-hgroup i{display: none;}
    .business h3{font-size:28px;}
    .business h3:before{width:3px;}
    .business .list1{gap:20px;}
    .business .list1 li{width:100%;}
    .business h4{font-size: 20px;}
    .business .banner-box figure figcaption{padding:0 20px;word-break: auto-phrase;font-size:14px;}
    .business .banner-box figure figcaption strong{font-size:20px;}
    .business .banner-box .blue-box{padding:20px;}
    .business .banner-box .p-txt{margin-top:20px;max-width:100%;word-break: auto-phrase;}
    .business .banner-box .p-txt br{display: none;}
    .business .b02 .tab button{height:50px;font-size:14px;gap:5px;}
    .business .b02 .flex-box{flex-direction: column;}
    .business .b02 .flex-box .img{width:100%;}
    .business .b02 .flex-box .img img{width:100%;}
    .business .b02 .flex-box .txt{max-width:100%;padding:0;}
    .business .b02 .flex-box .txt a{position: relative;margin-top:20px;}
    .business .b02 .box .list-ul{margin-top:30px;}
    .business .b02 .box .list-ul li{width:100%;}
    .business .b02 .box h5{font-size:20px;}
    .business .b02 .box .img-box ul li{width:calc(50% - 10px);}


    .business .b03 .box h4{margin-bottom: 10px;}
    .business .b03 .box .flex-box{flex-direction: column;}
    .business .b03 .box .flex-box .inner ul{flex-direction: column;}

    .business .b04 .tab{margin-top:50px;}
    .business .b04 .tab button{height:50px;font-size:14px;gap:5px;}
    .business .b04 .img-list{margin-top:70px;flex-direction: column;}
    .business .b04 .flex-box .txt-wrap em{font-size:14px;}
    .business .b04 .flex-box .txt-wrap p{font-size:14px;}
    .business .b04 section{margin-top:40px;}
    .business .b04 .list-box li{padding:20px;width:100%;}
    .business .b04 .list-box li strong{font-size:18px;}
    .business .b04 .list-box2{margin-top:20px;}
    .business .b04 .list-box2 > div{flex-direction: column;}
    .business .b04 .list-box2 > div .txt{width:100%;}
    .business .b04 .list-box2 > div .txt .txt-list{margin-top:10px;gap:5px;flex-direction: column;}
    .business .b05 section{margin-top:50px;}
    .business .b05 .tab button{height:50px;font-size:14px;gap:5px;}
    .business .b05 .flex-box .txt p .br{display: none;}
    .business .b05 .list ul{gap:20px;}
    .business .b05 .list ul li{width:calc(50% - 10px);}

    .esg .esg01 .sub-hgroup{}
    .esg .esg01 .sub-hgroup i{top:0;width:60px;}
    .esg .esg01 .box{margin-top:40px;}
    .esg .esg01 h4{margin-top: 50px;font-size:20px;}
    .esg .esg01 .list2{flex-direction: column;}
    .esg .esg01 .list2 li em{font-size:12px;}
    .esg .esg01 .list2 li p{margin-top: 30px;}

    .esg .esg02 .img-banner figcaption{font-size: 28px;word-break: keep-all;display: block;}
    .esg .esg02 .sub-hgroup i{width:40px;top:0;}
    .esg .esg02 section h5{font-size:28px;}
    .esg .esg02 section h5:before{width:3px;}
    .esg .esg02 section .down-box p{font-size:14px;word-break: keep-all;}
    .esg .esg02 section .down-box p br{display: none;}
    .esg .esg02 section .down-box a{width:100%;height:40px;font-size:15px;padding:0 20px;}
    .esg .esg02 section .down-box a:after{width:16px;height:16px;}
    .esg .esg02 section .list-box ul li{padding-left:80px;}
    .esg .esg02 section .list-box ul li i{width:60px;}
    .esg .esg02 section .list-box ul li a{width:100%;height:40px;font-size:15px;padding:0 20px;}
    .esg .esg02 section .list-box ul li a:after{width:16px;height:16px;}

    .esg .esg03 .img-banner figcaption{font-size: 28px;word-break: keep-all;display: block;}
    .esg .esg03 .sub-hgroup a{width: 100%;height: 40px;font-size: 15px;padding: 0 20px;}
    .esg .esg03 .sub-hgroup a:after{width:16px;height:16px;}
    .esg .esg03 h5{font-size:28px;}
    .esg .esg03 h5:before{width:3px;}
    .esg .esg03 .list-box ul li{padding-left:80px;}
    .esg .esg03 .list-box ul li i{width:60px;}
    .esg .esg03 .list-box a{width: 100%;height: 40px;font-size: 15px;padding: 0 20px;}
    .esg .esg03 .list-box a:after{width:16px;height:16px;}

    .esg .esg04 .sub-hgroup  p br{display: none;}
    .esg .esg04 .sub-hgroup i{display: none;}
    .esg .esg04 h5{font-size:28px;}
    .esg .esg04 h5:before{width:3px;}
    .esg .esg04 section .img-list{flex-direction: column;}
    .esg .esg04 section .img-list li p{margin-top:10px;font-size: 14px;}
    .esg .esg04 section .img-list li .img{padding:20px;height:230px;}
    .esg .esg04 section .txt-box p{font-size: 14px;}
    .esg .esg04 section .txt-box2 p{font-size:14px;}
    .esg .esg04 section .txt-box2 a{width: 100%;height: 40px;font-size: 15px;padding: 0 20px;}
    .esg .esg04 section .txt-box2 a:after{width:16px;height:16px;}
    .esg .esg04 section .img-banner figcaption{font-size:28px;padding:20px;word-break: auto-phrase;}


    .customer .inquiry .form-box fieldset{margin-top:20px;}
    .customer .inquiry .form-box{padding:30px 20px;}
    .customer .inquiry .form-box .field-row .col .txt{font-size:13px;}
    .customer .inquiry .form-box .button-box button{font-size:16px;}

    .customer .contact .sub-hgroup i{display: none;}
    .customer .contact section{margin-top:60px;}
    .customer .contact section + section{margin-top:100px;}
    .customer .contact h5{font-size:28px;}
    .customer .contact .box > div{padding:20px;}
    .customer .contact .box > div h6{font-size:14px;}
    .customer .contact .box > div strong{font-size:36px;}
    .customer .contact .box > div .btn-box a{font-size:14px;height:40px;}
    .customer .contact .box2 > div h6{font-size:20px;margin-bottom: 10px;}
    .customer .contact .box2 > div ul li strong{font-size:16px;}
}


/* mobile */
@media all and (max-width:640px) {
    .history .h-list ul:before{display: none;}
    .history .h-list ul li{flex-direction: column;align-items: flex-start;gap:20px;}
    .history .h-list ul li + li{margin-top:40px;}
    .history .h-list ul li:nth-child(even){flex-direction: column;align-items: flex-start;}
    .history .h-list ul li .img{max-width:100%;}
    .history .h-list ul li .img img{width:100%;}
    .history .h-list ul li .txt-box{max-width:100%;padding-left: 25px !important;}
    .history .h-list ul li .txt-box:before{left:0;top:8px;width:14px;height:14px;}
    .history .h-list ul li .txt-box:after{width:6px;height:6px;left: 4px;top: 12px;}
    .history .h-list ul li .txt-box h4{font-size:20px;}
    .history .h-list ul li:nth-child(even) .txt-box{text-align: left;}
    .history .h-list ul li:nth-child(even) .txt-box:before{right:initial;left:0;}
    .history .h-list ul li:nth-child(even) .txt-box:after{right:initial;left:4px;}
}