/* scroll */
::-webkit-scrollbar{width: 7px;height: 7px;background: rgba(200,200,200,0.3);}
::-webkit-scrollbar-thumb{border-radius: 5px;background: rgba(0,0,0,0.15);}
::-webkit-scrollbar-track{position: absolute;}
/* admin modify */
.ctt_admin{position: absolute;top:100px;width: 100%;padding: 10px;z-index: 10;display: none;}
.ctt_admin .fa-spin{color: #004899;}
/* content */
.contWrap .inner{width: calc(100% - 120px);max-width: 1600px;margin: 0 auto;}
.sound-only{display: none;}
.locationBg{display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;padding: 16.5% 0;position: relative;}
/* .snb.company .locationBg{background: url("../img/content/bg_01.png") no-repeat 50% 50%;}
.snb.product .locationBg{background: url("../img/content/bg_03.png") no-repeat 50% 50%;}
.snb.rnd .locationBg{background: url("../img/content/bg_04.png") no-repeat 50% 50%;}
.snb.infta .locationBg{background: url("../img/content/bg_05.png") no-repeat 50% 50%;}
.snb.esg .locationBg{background: url("../img/content/bg_06.png") no-repeat 50% 50%;} */
.snb.support .locationBg{background: url("../img/content/bg_07.png") no-repeat 50% 50%/cover;}
.snb.oneStop{padding-top: 100px;}
.locationBg .snbTit{position: relative;z-index: 2;text-align: center;color:#fff;}
.locationBg .snbTit h2{font-size: 75px;font-weight: 700;text-shadow: 0 0 5px rgba(0,0,0,0.4);}
.locationBg .snbTit p{margin-top: 50px;position: relative;text-shadow: 0 0 5px rgba(0,0,0,0.4);font-size: 18px;}
.locationBg .snbTit p::after{content:'';display: block;width:40px;height: 1px;background: rgba(255,255,255,0.4);position: absolute;top:-30px;left:50%;transform: translate(-50%);}
#location .inner{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
#location .goHome{display: block;width: 25px;height:25px;background: url("../img/content/ic_home.png") no-repeat 50% 50%/cover;margin-right: 25px;position: relative;}
#location .goHome::after{content:"";display: block;width: 1px;height: 25px;background: #e1e1e1;position: absolute;top:50%;right:-25px;transform: translateY(-50%);}
#location .depth{position: relative;}
#location .depth::after{content:"";display: block;width: 1px;height: 25px;background: #e1e1e1;position: absolute;top:50%;right:0;transform: translateY(-50%);}
#location .depth .currentPage{display: block;width:330px;padding: 35px 30px;background: url("../img/content/ic_select.png") no-repeat calc(100% - 30px) 50%;font-size: 18px;font-weight: 700;color:#999;cursor: pointer;}
#location .depth ul{width: 100%;background: #fff;border:1px solid #e1e1e1;position: absolute;top:90px;left:0;z-index: 15;display: none;}
#location .depth ul li{border-bottom: 1px solid #e1e1e1;}
#location .depth ul li:last-child{border-bottom: none;}
#location .depth ul li a{display: block;padding: 20px 30px;}
#location .depth ul li a:hover{background: #f9f9f9;}
.mt0{margin-top: 0 !important;}
.mt25{margin-top: 25px !important;}
/* company */
.companyWrap .inner{padding: 0 0 100px;}
.mainTit{padding-top: 100px;}
.companyWrap .mainTit{margin-bottom: 100px;}
.mainTit.half{width: 50%;}
.mainTit h3{font-size: 45px;font-weight: 700;color:#000;text-align: center;line-height: 1.2;}
.mainTit.left h3{text-align: left;}
.mainTit.right h3{text-align: right;}
.prodBox .mainTit h3{font-size: 70px;}
.prodBox.ssd .mainTit h3{font-size: 100px;}
.mainTit.on span + h3{transition-delay: 0.2s;}
.mainTit h4{font-size: 40px;font-weight: 700;color:#000;line-height: 1.2;}
.mainTit > span{display: block;margin-bottom: 20px;font-family:'Play', 'AppleSD', sans-serif;font-size: 20px;font-weight: 700;color:#004899;}
.mainTit p{margin-top: 50px;font-size: 18px;color:#000;line-height: 1.4;text-align: center;}
.mainTit p > span{font-weight: 700;color:#004899;}
.mainTit.left p{text-align: left;}
.mainTit.right p{text-align: right;}
.prodBox.ssd .mainTit p{font-size: 28px;}
.prodBox.madical .mainTit p{font-size: 28px;}
.mainTit ul{margin-top: 60px;}
.mainTit ul li{margin-top: 20px;padding-left: 10px;font-size: 18px;color:#666;position: relative;}
.mainTit ul li:first-child{margin-top: 0;}
.mainTit ul li::before{content: "·";position: absolute;top:0;left:0;}
.mainTit .lineUl li{margin-top: 15px;padding-left: 15px;position: relative;font-size: 24px;color:#000;}
.mainTit .lineUl li:first-child{margin-top: 0;}
.mainTit .lineUl li::before{content: "-";position: absolute;top:0;left:0;}
.mainTit .numUl{list-style: decimal;padding-left: 20px;}
.mainTit .numUl li{display: list-item;padding-left: 0;}
.mainTit .numUl li::before{display: none;}
.summaryBg{height: 500px;background: url("../img/content/img_summary.png") no-repeat 45% 50%/cover;}
/* .summaryBg img{width: 100%;} */
.companyInfoWrap{width: calc(100% - 270px);margin: 0 auto;padding: 70px 135px 30px;background: #fff;position: relative;}
.companyInfoWrap .infoUl{border-top:2px solid #000;}
.companyInfoWrap .infoUl li{display: flex;flex-wrap: wrap;padding: 17.5px 0;border-bottom: 1px solid #E3E5EE;}
.companyInfoWrap .infoUl li h6{width: 110px;text-align: center;}
.companyInfoWrap .infoUl li p{width: calc(100% - 110px);color:#999;}
.flexBox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.flexBox.ceo .left{width: 520px;}
.flexBox.ceo .left .img{background: url("../img/content/img_ceo.png") no-repeat 50% 50%/cover;font-size: 0;padding: 82.693% 0 0;overflow: hidden;position: relative;}
.flexBox.ceo .left .img img{height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.flexBox.ceo .right{width: calc(100% - 570px);}
.title{}
.title span{font-family:'Play', sans-serif;font-size: 20px;font-weight: 700;color:#004899;}
.title span em{font-family:'AppleSD', sans-serif;}
.title h2{margin-top: 20px;font-size: 38px;line-height: 1.2;}
.title h2 em{font-weight: 400;}
.title.center{text-align: center;}
.title.center h3{margin-top: 25px;}
.flexBox.ceo .right .title span{}
.flexBox.ceo .right .title h2{}
.flexBox.ceo .right p{max-width:880px;margin-top: 45px;line-height: 2;}
.flexBox.ceo .right p b{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 20px;}
.flexBox.ceo .right p b strong{margin-right: 10px;font-size: 18px;text-align: right;}
.flexBox.ceo .right p b img{width: 150px;mix-blend-mode: multiply;}
.historyWrap .inner{max-width: 1200px;}
.historyWrap .title span{}
.historyWrap h3{line-height: 2;}
.historyBox{margin-top: 130px;}
.historyBox .historyUl{display: flex;flex-wrap: wrap;flex-direction: column;padding:100px 0 200px;position: relative;}
.historyBox .historyUl::before{content:"";display: block;width: 1px;height:100%;background: #004899;position: absolute;top:0;left:50%;transition: height 1s ease;}
/* .historyBox .historyUl.on::before{height:100%;} */
/* .historyBox .historyUl::after{content:"";display: block;width: 12px;height:12px;border-radius: 50%;background: #004899;position: absolute;bottom:0;left:50%;transform: translateX(-50%);} */
.historyBox .historyUl > li{width: 50%;margin-top:-200px;display: flex;flex-wrap: wrap;flex-direction: column;align-self: flex-start;align-content: flex-start;}
.historyBox .historyUl > li:first-child{margin-top: 0;}
.historyBox .historyUl > li:nth-child(2n){align-self: flex-end;align-content: flex-end;}
.historyBox .historyUl > li .img{width: calc(100% - 85px);font-size: 0;position: relative;}
.historyBox .historyUl > li .img::before{content:"";display: block;width: 85px;height:1px;background: #004899;position: absolute;top:50%;right:-85px;transition: width 0.5s ease;}
/* .historyBox .historyUl > li.on .img::before{width: 85px;transition-delay: 0.5s;} */
.historyBox .historyUl > li:nth-child(2n) .img::before{right:auto;left:-85px;}
.historyBox .historyUl > li .img::after{content:"";display: block;width: 12px;height:12px;border-radius: 50%;background: #004899;position: absolute;top:50%;right:-91px;transform: translateY(-50%);}
.historyBox .historyUl > li:nth-child(2n) .img::after{right:auto;left:-91px;}
.historyBox .historyUl > li .img img{width: 100%;}
.historyBox .historyUl > li .txt{width: calc(100% - 85px);}
.historyBox .historyUl > li .txt .title{padding: 25px 0;}
.historyBox .historyUl > li .txt .yearUl li{display: flex;flex-wrap: wrap;margin-top: 10px;}
.historyBox .historyUl > li .txt .yearUl li:first-child{margin-top: 0;}
.historyBox .historyUl > li .txt .yearUl li strong{display: block;width:95px;padding-left: 8px;background: url("../img/content/ic_history_arrow.png") no-repeat left 4px;font-weight: 700;}
.historyBox .historyUl > li .txt .yearUl li p{width: calc(100% - 95px);padding-left: 20px;}
.historyBox .aspirations{margin-top: 40px;font-size: 35px;font-weight: 700;text-align: center;}
.certificateImg::after{content:"";width:100%;height:80%;}
.on .certificateImg::after{backdrop-filter: blur(0);transition-delay: 0.5s;}
.certificateWrap .inner{max-width:1330px;width: calc(100% - 270px);margin: 0 auto;}
.certificateImg .imgUl{display: flex;flex-wrap: wrap;}
.certificateImg .imgUl li{width: calc((100% - 180px) / 4);font-size: 0;box-shadow: 0 10px 16px rgba(0,0,0,0.16);margin-right: 60px;}
.certificateImg .imgUl li:nth-child(4n){margin-right: 0;}
.certificateImg .imgUl li:nth-child(n+5){margin-top: 60px;}
.certificateImg .imgUl li img{width: 100%;}
.certificateWrap.on .companyInfoWrap{transition-delay: 0.6s;}
.introBoxWrap{position: relative;top:-30px;z-index: 10;}
.officeUl > li{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 90px;}
.officeUl > li:first-child{margin-top: 0;}
.officeUl > li .txt{width: 520px;}
.officeUl > li .txt .txtUl{height: 100%;}
.officeUl > li .txt .txtUl li{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;padding: 100px 0 0;}
.officeUl > li .txt .txtUl li:first-child{border-top:1px solid #000;}
.officeUl > li .txt .txtUl li h4{display: flex;flex-wrap: wrap;font-size: 35px;}
.officeUl > li .txt .txtUl li h4 span{font-weight: 700;}
.officeUl > li .txt .txtUl li h4 em{margin-left: 40px;position: relative;}
.officeUl > li .txt .txtUl li h4 em::before{content:"";display: block;width: 1px;height: 30px;background: #ccc;position: absolute;top:50%;left:-20px;transform: translateY(-50%);}
.officeUl > li .txt .txtUl li p{margin-top: 40px;color:#999;}
.officeUl > li .img{width: calc(100% - 540px);font-size: 0;}
.officeUl > li .img img{width: 100%;}
.tabBox{margin-bottom: 100px;}
.tabBox .tabUl{display: flex;flex-wrap: wrap;}
.tabBox .tabUl li{padding: 30px 10px;background: #eee;text-align: center;font-size: 20px;font-weight: 700;cursor: pointer;}
.tabBox .tabUl li.on{background: #004899;color:#fff;}
.tabBox .tabUl.col2 li{width: calc(100% / 2);}
.tabPairs > li{display: flex;flex-wrap: wrap;justify-content: space-between;height:0;position: relative;top:-30px;opacity: 0;}
.tabPairs > li.active{height:auto;top:0;opacity: 1;transition: top 0.7s ease, opacity 0.7s ease;}
.tabPairs > li .txt{width: 520px;}
.tabPairs > li .txt .txtUl{height: 100%;}
.tabPairs > li .txt .txtUl li{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;height:50%;border-bottom: 1px solid #E3E5EE;}
.tabPairs > li .txt .txtUl li:first-child{border-top:1px solid #000;}
.tabPairs > li .txt .txtUl li h4{display: flex;flex-wrap: wrap;font-size: 35px;}
.tabPairs > li .txt .txtUl li h4 span{font-weight: 700;}
.tabPairs > li .txt .txtUl li h4 em{margin-left: 40px;position: relative;}
.tabPairs > li .txt .txtUl li h4 em::before{content:"";display: block;width: 1px;height: 30px;background: #ccc;position: absolute;top:50%;left:-20px;transform: translateY(-50%);}
.tabPairs > li .txt .txtUl li p{margin-top: 40px;color:#999;}
.subTit{width: calc(100% - 270px);margin: 0 auto;font-size: 20px;text-align: center;}
.systemUl{width: calc(100% - 270px);margin: 75px auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.systemUl li{width: calc((100% - 80px) /2);position: relative;}
.systemUl li:nth-child(n+3){margin-top: 75px;}
.systemUl li .img{height:385px;background: #eee;}
.systemUl li .txt p{margin-top: 25px;font-size: 20px;font-weight: 700;}
.visitBox .mapUl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.visitBox .mapUl > li{width: 520px;}
.visitBox .mapUl > li:last-child{width: calc(100% - 540px);}
.visitBox .mapUl > li .address h4{font-size: 35px;font-weight: 700;}
.visitBox .mapUl > li .address p{margin-top: 10px;font-size: 20px;}
.on .visitBox .mapUl > li .address p{}
.visitBox .mapUl > li .otherInfo{margin: 50px 0 75px;}
.visitBox .mapUl > li .otherInfo .otherInfoUl{display: flex;flex-wrap: wrap;}
.visitBox .mapUl > li .otherInfo .otherInfoUl li{margin-top: 10px;}
.visitBox .mapUl > li .otherInfo .otherInfoUl li:first-child{width: 100%;margin-top: 0;}
.visitBox .mapUl > li .otherInfo .otherInfoUl li:last-child{margin-left: 20px;position: relative;}
.visitBox .mapUl > li .otherInfo .otherInfoUl li:last-child::before{content:"";width: 1px;height:15px;background: #999;position: absolute;top:2px;left:-10px;}
.visitBox .mapUl > li .otherInfo .otherInfoUl li span{display: inline-block;width: 50px;font-weight: 700;}
.visitBox .mapUl > li .otherInfo .otherInfoUl li em{display: inline-block;padding-left: 10px;color:#999;}
.visitBox .mapUl > li .otherInfo .otherInfoUl li:first-child em{width: calc(100% - 50px);}
.visitBox .mapUl > li .otherInfo .otherInfoUl li:last-child span{width: auto;}
.txtBox + .btnWrap{margin-top: 55px;}
.btnWrap .btn{display: inline-block;border:1px solid #000;font-size: 18px;text-align: left;color:#000;background: none;cursor: pointer;transition: all 0.3s ease;}
.btnWrap .btn:hover{background: #000;color:#fff;}
.btnWrap .btn.more{width: 100%;max-width: 230px;padding: 18px 75px 18px 30px;background: url("../img/content/ic_btn_more.png") no-repeat calc(100% - 30px) 50%;}
.btnWrap .btn.more:hover{background: url("../img/content/ic_btn_more_wt.png") no-repeat calc(100% - 30px) 50% #000;color:#fff;}
.visitBox .mapUl > li .btnWrap{}
.visitBox .mapUl > li .map{}
/* Total Solution */
#header.solution{background: url("../img/content/bg_header_one_stop.png") no-repeat 50% 50%;background-size: cover;}
.oneStopWrap{padding-top: 200px;}
.oneStopWrap .mainTit{margin-bottom: 50px;}
.oneStopWrap .oneStopBg{margin-bottom: 100px;font-size: 0;position: relative;}
.oneStopWrap .oneStopBg .bg{height:600px;background: url("../img/content/img_system_00.png") no-repeat 50% 50%/cover;}
.oneStopWrap .oneStopBg .bg img{width: 100%;}
.oneStopWrap .oneStopBg .mainTit{width: 50%;max-width: 800px;margin: 0;padding:0 120px;position: absolute;top:50%;left:50%;transform: translateY(-50%);}
.oneStopWrap .oneStopBg .mainTit .btnWrap{margin-top: 30px;}
.popupBg{position: fixed;top:0;left:0;width: 100%;height:100%;background: rgba(0,0,0,0.4);z-index: 998;overflow-y: auto;display: none;}
.popupBox{width: calc(100% - 100px);max-width: 1330px;margin: 200px auto 100px;padding: 80px 50px 60px;background: #fff;position: relative;top:-30px;opacity: 0;transition: top 0.5s ease, opacity 0.5s ease;}
.popupBox.on{top:0;opacity: 1;}
.popupBox .close{width: 18px;height:18px;background: url("../img/ic_close.png") no-repeat 50% 50%;border:none;text-indent: -9999px;cursor: pointer;position: absolute;top:30px;right:30px;}
.popupBox .popupCont .contTit{margin-bottom: 50px;font-size: 30px;font-weight: 700;}
.popupBox .popupCont .popupCateUl{display: flex;flex-wrap: wrap;margin-bottom: 60px;}
.popupBox .popupCont .popupCateUl li{width: calc(100% / 3);padding: 20px 5px;border-bottom: 3px solid transparent;text-align: center;font-size: 20px;color:#666;cursor: pointer;}
.popupBox .popupCont .popupCateUl li:hover{border-color: #000;color:#222;font-weight: 700;}
.popupBox .popupCont .popupCateUl li.on{border-color: #000;color:#222;font-weight: 700;}
.popupBox .popupCont .popupContUl > li{display: none;}
.popupBox .popupCont .popupContUl > li.active{display: block;}
.popupBox .popupCont .contTxt h5{margin-bottom: 30px;font-size: 20px;font-weight: 700;color: #003D82;}
.popupBox .popupCont .contTxt .detailUl{font-size: 18px;}
.popupBox .popupCont .contTxt .detailUl li h6{margin-bottom: 20px;padding-left: 10px;font-weight: 700;position: relative;}
.popupBox .popupCont .contTxt .detailUl li h6::before{content:"";display: block;width: 4px;height:18px;background: #004899;position: absolute;top:1px;left:0;}
.popupBox .popupCont .contTxt .detailUl li .txt .lineUl{color:#666;}
.popupBox .popupCont .contTxt .detailUl li .txt .lineUl li{margin-top: 5px;position: relative;padding-left: 12px;line-height: 1.3;}
.popupBox .popupCont .contTxt .detailUl li .txt .lineUl li:first-child{margin-top: 0;}
.popupBox .popupCont .contTxt .detailUl li .txt .lineUl li::before{content: "-";position: absolute;top:0;left:0;}
.popupBox .popupCont .contTxt .detailUl.ver1{display: flex;flex-wrap: wrap;}
.popupBox .popupCont .contTxt .detailUl.ver1 > li{width: calc((100% - 50px) / 2);margin-right: 50px;}
.popupBox .popupCont .contTxt .detailUl.ver1 > li:nth-child(2n){margin-right: 0;}
.popupBox .popupCont .contTxt .detailUl.ver1 > li:nth-child(n+3){margin-top: 60px;}
.popupBox .popupCont .contTxt .detailUl.ver2{display: flex;flex-wrap: wrap;}
.popupBox .popupCont .contTxt .detailUl.ver2 > li{width: calc((100% - 100px) / 3);margin-right: 50px;padding: 40px 40px 140px;background: #F1F1F1;}
.popupBox .popupCont .contTxt .detailUl.ver2 > li:nth-child(3n){margin-right: 0;}
.popupBox .popupCont .contTxt .detailUl.ver2 > li:nth-child(n+4){margin-top: 60px;}
.popupBox .popupCont .contTxt .detailUl.ver3 > li{padding:30px 0;border-top:2px solid #000;}
.popupBox .popupCont .contTxt .detailUl.ver3 > li .txt{display: flex;flex-wrap: wrap;justify-content: space-between;}
.popupBox .popupCont .contTxt .detailUl.ver3 > li .txt .lineUl{width: 450px;}
.popupBox .popupCont .contTxt .detailUl.ver3 > li .txt .img{width: calc(100% - 450px);text-align: right;}
.popupBox .popupCont .contTxt .detailUl.ver3 > li .txt .img img{width: 100%;}
.popupBox .popupCont .btnWrap{margin-top: 150px;display: flex;flex-wrap: wrap;justify-content: center;}
.oneStopWrap .oneStopBox{padding: 0 0 80px;}
.oneStopTab{width: 100%;background: #333;position: fixed;top:197px;left:0;z-index: 10;transition: top 0.2s ease;}
.oneStopTab .oneStopTabUl{display: flex;flex-wrap: wrap;}
.oneStopTab .oneStopTabUl li{width: calc(100% / 8);border-left: 1px solid #fff;}
.oneStopTab .oneStopTabUl li:first-child{border-left: none;}
.oneStopTab .oneStopTabUl li a{display: block;padding: 34px 10px 34px;text-align: center;color:#fff;transition: background 0.3s ease, padding 0.5s ease;}
.oneStopTab .oneStopTabUl li a:hover{background: #111;}
.oneStopTab .oneStopTabUl li a .ic{display: block;overflow: hidden;height:80px;margin-bottom: 25px;font-size: 0;transition: height 0.5s ease, margin 0.5s ease;}
.oneStopTab .oneStopTabUl li a .ic img{width: 100%;max-width: 125px;}
.oneStopTab .oneStopTabUl li a em{font-size: 20px;font-weight: 700;}
.oneStopTab .oneStopTabUl li a span{display: block;font-size: 20px;}
.oneStopTab.fix{top:99px;}
.oneStopTab.fix .oneStopTabUl li a{padding: 25px 10px 25px;}
.oneStopTab.fix .oneStopTabUl li a .ic{height:0;margin: 0;}
.oneStopUl li{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;margin-top: 100px;}
.oneStopUl li:first-child{margin-top: 0;}
.oneStopUl li .img{width: 50%;padding-right: 10px;font-size: 0;}
.oneStopUl li .img img{width: 100%;}
.oneStopUl li .txt{width: 50%;max-width: 800px;padding-left: 85px;}
.oneStopUl li .txt .moreBtn{display: flex;flex-wrap: wrap;align-items: center;width: fit-content;}
.oneStopUl li .txt strong{display: block;width: 100%;margin-bottom: 80px;font-size: 55px;font-weight: 700;}
.oneStopUl li .txt .moreBtn:hover strong{font-weight: 800;color:#003D82;}
.oneStopUl li .txt .moreBtn .moreIc{display: block;width: 70px;height:70px;border-radius: 50%;background: url("../img/main/ic_more_01_on.png") no-repeat 50% 50% #F4F4F4;background-size: 25%;text-indent: -9999px;transition: background ease 0.2s;}
.oneStopUl li .txt .moreBtn em{display: block;margin-left: 20px;position: relative;}
.oneStopUl li .txt .moreBtn em::after{content:"";display: block;width: 0;height:1px;background: #222;position: absolute;bottom:3px;left:0;transition: width ease 0.2s;}
.oneStopUl li .txt .moreBtn:hover .moreIc{background: url("../img/main/ic_more_01.png") no-repeat 50% 50% #004899;background-size: 25%;}
.oneStopUl li .txt .moreBtn:hover em{font-weight: 700;}
.oneStopUl li .txt .moreBtn:hover em::after{width: 100%;transition: width ease 0.5s;}
.oneStopUl li:nth-child(2n){justify-content: flex-end;}
.oneStopUl li:nth-child(2n) .img{order: 2;padding-right: 0;padding-left: 10px;}
.oneStopUl li:nth-child(2n) .txt{order: 1;max-width: 885px;}
.prodBox > .flexBox{position: relative;}
.prodBox > .flexBox .mainTit{width: 50%;}
.prodBox > .flexBox.ver2 .mainTit{width: 55%;}
.imgWrap{font-size: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.prodBox > .flexBox .imgWrap{width: 50%;}
.prodBox > .flexBox .imgWrap .col2{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.prodBox > .flexBox .imgWrap .col2 li{width:50%;}
.prodBox > .flexBox .imgWrap .col2 li .mediaVideo{display: block;cursor: pointer;}
.prodBox > .flexBox.ver2 .imgWrap{position: absolute;top:0;right:0;z-index: -1;}
.imgWrap img{width: 100%;}
.imgWrap video{width: 100%;padding-top: 100px;}
.stepWrap{margin: 80px 0 0;}
.stepWrap .stepUl{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 20px;}
.stepWrap .stepUl.col3 li{width: calc((100% - 90px) / 3);}
.stepWrap .stepUl.col4 li{width: calc((100% - 120px) / 4);}
.stepWrap .stepUl li .step{padding: 27px 10px;font-size: 24px;font-weight: 700;color:#fff;text-align: center;position: relative;line-height: 1;}
.stepWrap .stepUl li .step.line2 br{display: none;}
.stepWrap .stepUl li:nth-child(1) .step{background: #153781;}
.stepWrap .stepUl li:nth-child(2) .step{background: #2850A0;}
.stepWrap .stepUl li:nth-child(3) .step{background: #3661AE;}
.stepWrap .stepUl li:nth-child(4) .step{background: #537BC2;}
.stepWrap .stepUl li .step::before{content:"";display: block;width: 40px;height:78px;box-sizing: border-box;position: absolute;top:0;left:-20px;}
.stepWrap .stepUl li .step::after{content:"";display: block;width: 40px;height:78px;box-sizing: border-box;position: absolute;top:0;right:-40px;}
.stepWrap .stepUl li:nth-child(1) .step::before{border-top: 39px solid #153781;border-left: 20px solid transparent;border-bottom: 39px solid #153781;border-right: 20px solid transparent;}
.stepWrap .stepUl li:nth-child(1) .step::after{border-top: 39px solid transparent;border-left: 20px solid #153781;border-bottom: 39px solid transparent;border-right: 20px solid transparent;}
.stepWrap .stepUl li:nth-child(2) .step::before{border-top: 39px solid #2850A0;border-left: 20px solid transparent;border-bottom: 39px solid #2850A0;border-right: 20px solid transparent;}
.stepWrap .stepUl li:nth-child(2) .step::after{border-top: 39px solid transparent;border-left: 20px solid #2850A0;border-bottom: 39px solid transparent;border-right: 20px solid transparent;}
.stepWrap .stepUl li:nth-child(3) .step::before{border-top: 39px solid #3661AE;border-left: 20px solid transparent;border-bottom: 39px solid #3661AE;border-right: 20px solid transparent;}
.stepWrap .stepUl li:nth-child(3) .step::after{border-top: 39px solid transparent;border-left: 20px solid #3661AE;border-bottom: 39px solid transparent;border-right: 20px solid transparent;}
.stepWrap .stepUl li:nth-child(4) .step::before{border-top: 39px solid #537BC2;border-left: 20px solid transparent;border-bottom: 39px solid #537BC2;border-right: 20px solid transparent;}
.stepWrap .stepUl li:nth-child(4) .step::after{border-top: 39px solid transparent;border-left: 20px solid #537BC2;border-bottom: 39px solid transparent;border-right: 20px solid transparent;}
.processWrap{margin-top: 60px;}
.processWrap .processUl{display: flex;flex-wrap: wrap;}
.processWrap .processUl li{font-size: 28px;font-weight: 700;margin-right: 20px;}
.processWrap .processUl.ver1 li{width:calc((100% - 60px) / 4);}
.processWrap .processUl.ver1 li:last-child{margin-right: 0}
.processWrap .processUl.ver2 li{width:calc((100% - 20px) / 2);}
.processWrap .processUl.ver2 li:nth-child(2n){margin-right: 0}
.processWrap .processUl.ver2 li:nth-child(n+3){margin-top: 40px;}
.processWrap .processUl li h4{font-weight: 900;color:#003D82;}
.processWrap .processUl li p{}
.disc{margin: 60px 0 0;}
.disc h4{font-size: 30px;font-weight: 700;color:#000;}
.disc .discUl{margin: 20px 0 0;}
.disc .discUl li{position: relative;margin-top: 15px;padding-left: 10px;font-size: 18px;line-height: 1.2;}
.disc .discUl li:first-child{margin-top: 0;}
.disc .discUl li::before{content:"·";position: absolute;top:0;left:0;}
.imgBox{margin-top: 60px;}
.imgBox ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 40px;border-top: 2px solid #000;}
.imgBox ul li{width: 340px;font-size: 30px;font-weight: 700;}
.imgBox ul li:last-child{width: calc(100% - 365px);}
.imgBox ul li img{width: 100%;max-width:fit-content;}
.imgBox ul.col4 li{width: calc((100% - 120px) / 4);}
.imgBox ul.col4_2{width: calc(80% - 80px);}
.imgBox ul.col4_2 li{width: calc((100% - 80px) / 3);}
.imgBox ul.col4_3{width: calc(50% - 20px);}
.imgBox ul.col4_3 li{width: calc((100% - 40px) / 2);}
.imgList{margin: 50px 0 0;}
.imgList > ul{display: flex;flex-wrap: wrap;}
/* .imgList > ul > li{font-size: 0;} */
.imgList > ul > li p{margin-top: 15px;color:#666;text-align: center;}
.imgList > ul.col2 > li{width: calc((100% - 40px) / 2);}
.imgList > ul.col2 > li:not(:nth-child(2n)){margin-right: 40px;}
.imgList > ul.col2 > li:nth-child(n+3){margin-top: 45px;}
.imgList > ul.col2.tb_full > li img.m{display: none;}
.imgList > ul.col2_2 > li{width: calc(52.4% - 20px);}
.imgList > ul.col2_2 > li:nth-child(2n){width: calc(47.6% - 20px);}
.imgList > ul.col2_2 > li:not(:nth-child(2n)){margin-right: 40px;}
.imgList > ul.col2_2 > li:nth-child(n+3){margin-top: 45px;}
.imgList > ul.col2_3 > li{width: calc(44.3% - 12.5px);}
.imgList > ul.col2_3 > li:nth-child(2n){width: calc(55.7% - 12.5px);}
.imgList > ul.col2_3 > li:not(:nth-child(2n)){margin-right: 25px;}
.imgList > ul.col2_3 > li:nth-child(n+3){margin-top: 30px;}
.imgList > ul.col4 > li{width: calc((100% - 120px) / 4);}
.imgList > ul.col4 > li:not(:nth-child(4n)){margin-right: 40px;}
.imgList > ul.col4 > li:nth-child(n+5){margin-top: 30px;}
.imgList > ul.col4_2{width: calc(80% - 80px);}
.imgList > ul.col4_2 > li{width: calc((100% - 80px) / 3);}
.imgList > ul.col4_2 > li:nth-child(3n){margin-right: 0;}
.imgList > ul.col5 > li{width: calc((100% - 200px) / 5);}
.imgList > ul.col5 > li:not(:nth-child(5n)){margin-right: 50px;}
.imgList > ul.col5 > li:nth-child(n+6){margin-top: 30px;}
.imgList > ul > li .tableArea{padding: 40px;}
.imgList > ul > li img{width:100%;}
.brazing_tit_ul{display: flex;flex-wrap: wrap;margin-top: 20px;}
.brazing_tit_ul li{font-size: 18px;color:#666;}
.brazing_tit_ul li:nth-child(1){width:62%;padding-left: 15px;}
.brazing_tit_ul li:nth-child(2){width:38%;text-align: center;}
/* product */
.prodWrap{padding-bottom: 200px;}
.prodWrap .inner{max-width:1330px;width: calc(100% - 270px);}
.imglayout{margin-top: 100px;}
.imglayout h4{margin-bottom: 30px;font-size: 50px;font-weight: 700;color:#003D82;}
.rndSummaryWrap .imglayout h4{margin-bottom: 30px;font-size: 30px;font-weight: 700;color:#000;}
.imglayout h5{margin-bottom: 30px;font-size: 40px;font-weight: 700;}
.imglayoutUl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.imglayoutUl li{width: calc((100% - 80px) / 2);}
.imglayoutUl li:first-child{margin-top: 0;}
.imglayoutUl li:nth-child(2n){margin-top: 120px;}
.imglayoutUl li:nth-child(2n+1){margin-top: -60px;}
.imglayoutUl li:nth-child(1){margin-top: 0;}
.imglayoutUl li:nth-child(2){margin-top: 160px;}
.prodBox .imglayoutUl li > .imgWrap{width: 100%;box-shadow: 0 20px 30px rgba(0,0,0,0.16);}
.imglayoutUl li p{margin-top: 30px;font-size: 20px;font-weight: 700;}
.videopopupBg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 998;overflow-y: auto;display: none;}
.videopopup{width: calc(100% - 100px);max-width: 800px;max-height:600px;margin: 200px auto 100px;padding: 80px 50px 60px;background: #fff;position: relative;top: -30px;opacity: 0;transition: top 0.5s ease, opacity 0.5s ease;}
.videopopup.media {max-height:fit-content;}
.videopopup.on{top: 0;opacity: 1;}
.videopopup .close {width: 18px;height: 18px;background: url("../img/ic_close.png") no-repeat 50% 50%;border: none;text-indent: -9999px;cursor: pointer;position: absolute;top: 30px;right: 30px;}
.videopopup video{width: 100%;}
.imglayout .img.automotion{position: relative;}
.imglayout .img.automotion .popupArea{display: block;width: 32%;max-width: 411px;height:30%;max-height:172px;position: absolute;bottom:0;left:9%;}
.popupArea{cursor: pointer;}
.semicBox .semicUl{display: flex;flex-wrap: wrap;margin-top: 50px;}
.semicBox .semicUl > li{width: calc((100% - 50px) / 3);margin-right: 25px;text-align: center;}
.semicBox .semicUl > li:last-child{margin-right: 0;}
.semicBox .semicUl > li h4{font-size: 40px;font-weight: 700;}
.semicBox .semicUl > li .img{font-size: 0;}
.semicBox .semicUl > li .img img{width: 100%;}
.semicBox .semicUl > li .arrow{margin: 20px 0;position: relative;}
.semicBox .semicUl > li .imgArrow{font-size: 0;}
.semicBox .semicUl > li .imgArrow img{width: 100%;}
.semicBox .semicUl > li .arrow p{width:100%;max-width:340px;position: absolute;top:calc(50% - 20px);left:50%;transform: translate(-50%, -50%);font-size: 25px;line-height: 1.2;}
.semicBox .semicUl > li .grayBox{padding: 30px 0 40px;background: #FAF9F9;}
.semicBox .semicUl > li .txt{margin-top: 40px;text-align: left;}
.semicBox .semicUl > li .txt h5{margin-bottom: 10px;font-size: 22px;font-weight: 700;}
.semicBox .semicUl > li .txt h6{margin-bottom: 5px;font-weight: 700;}
.semicBox .semicUl > li .txt ul + h6{margin-top: 10px;}
.semicBox .semicUl > li .lineUl li{margin-top: 5px;padding-left: 15px;position: relative;line-height: 1.6;}
.semicBox .semicUl > li .lineUl li:first-child{margin-top: 0;}
.semicBox .semicUl > li .lineUl li::before{content: "-";position: absolute;top:0;left:0;}
/* r&d */
.rndWrap .inner{padding: 0 0 100px;}
.fullBg{font-size: 0;}
.fullBg img{width: 100%;}
.imglayout p{font-size: 18px;}
.imglayout .img{text-align: center;font-size: 0;}
.imglayout .img img{width:100%;max-width: fit-content;}
.rndSummaryWrap .disc{margin-top: 0;}
.rndSummaryWrap .disc + .disc{margin-top: 40px;}
.rndSummaryWrap .certificateUl{display: flex;flex-wrap: wrap;margin-top: 40px;}
.rndSummaryWrap .certificateUl li{width: calc((100% - 225px) / 4);margin-right: 75px;box-shadow: 0 10px 16px rgba(0,0,0,0.16);font-size: 0;}
.rndSummaryWrap .certificateUl li:nth-child(4n){margin-right: 0;}
.rndSummaryWrap .certificateUl li:nth-child(n+5){margin-top: 70px;}
.rndSummaryWrap .certificateUl li img{width: 100%;}
.rndSummaryWrap .imglayout .disc .img{margin-top: 20px;}
.rndSummaryWrap .imglayout .disc .img.left{text-align: left;}
.rndSummaryWrap .imglayout .disc .img.left img{width: 100%;max-width: fit-content;}
.rndSummaryWrap .imglayout .disc .img.left img.m{display: none;}
.rndSummaryWrap .imglayout .disc .discFlex{display: flex;flex-wrap: wrap;}
.rndSummaryWrap .imglayout .disc .discFlex .img{width: 50%;padding-right: 50px;}
.rndSummaryWrap .imglayout .disc .discFlex .txt{width: 50%;}
/* .rndSummaryWrap .imglayout .disc .discFlex .txt .flexBox > ul:last-child{margin-top: 80px;} */
.rndSummaryWrap .imglayout .disc .discFlex .txt .flexBox.ver1 .img{width:290px;margin-top: 0;}
.rndSummaryWrap .imglayout .disc .discFlex .txt .flexBox.ver1 .devTable{width:calc(100% - 290px);}
.rndSummaryWrap .imglayout .disc .discFlex .txt .flexBox .devTable > ul > li{font-size: 18px;}
.rndSummaryWrap .imglayout .disc .discFlex .txt .flexBox .devTable > ul > li:not(:first-child){margin-top: 15px;}
.rndSummaryWrap .imglayout .disc .discFlex .txt .flexBox .devTable > ul > li span{font-size: 20px;font-weight: 700;line-height: 1;}
.rndSummaryWrap .imglayout .disc .discFlex .txt .flexBox .devTable > ul > li em{color: #003D82;font-weight: 700;line-height: 1;}
.rndSummaryWrap .imglayout .disc .discFlex .txt .flexBox .devTable > ul > li > .discUl{margin-top: 15px;}
.discFlex .txt * + .tableWrap{margin-top: 40px;}
.flexUl{display: flex;flex-wrap: wrap;align-items: center;margin-top: 20px;}
.flexUl.ver1 li{width:calc(50% - 25px);font-size: 0;}
.flexUl.ver1 li:nth-child(2){margin-left: 50px;}
.flexUl.ver1 li img{width: 100%;}
.flexUl.ver1 li:nth-child(2) img{max-width: fit-content;}
.flexUl.ver2 li{max-width:calc((100% - 60px) / 4);font-size: 0;}
.flexUl.ver2 li:not(:first-child){margin-left: 20px;}
.flexUl.ver2 li img{width: 100%;}
.imglayout .mainTit{padding-top: 0;}
.rnd_sum{margin-top: 60px;}
.rnd_sum .col2{display: flex;flex-wrap: wrap;}
.rnd_sum .col2 > li{width: calc((100% - 40px) / 2);font-size: 0;}
.rnd_sum .col2 > li:not(:last-child){margin-right: 40px;}
.rnd_sum .col2 > li img{width: 100%;}
/* Manufacturing Infta */
.manufacturingInftaWrap .inner{padding: 0 0 100px;}
.manufacturingInftaWrap > .inner:first-child{padding-top: 100px;}
.inftaCate{position: relative;}
.inftaCate > span{display: block;padding: 25px 0;background: url("../img/content/ic_select_bk.png")no-repeat right 50%;background-size: 15px;border-bottom: 3px solid #000;font-size: 25px;font-weight: 700;text-align: center;display: none;}
.inftaCate .inftaCateUl{display: flex;flex-wrap: wrap;}
.inftaCate .inftaCateUl li{width: calc((100% - 100px) / 5);margin-left: 25px;border-bottom: 3px solid transparent;}
.inftaCate .inftaCateUl li a{display: block;padding:24px 5px;text-align: center;font-size: 20px;color:#666;}
.inftaCate .inftaCateUl li:hover{color: #222;font-weight: 700;border-color: #000;}
.inftaCate .inftaCateUl li.on{color: #222;font-weight: 700;border-color: #000;}
.inftaCate .inftaCateUl li:first-child{margin-left: 0;}
.inftaUl > li{display: none;}
.inftaUl > li.active{display: block;}
.manufacturingInftaWrap .mainTit{padding-top:0;}
.manufacturingInftaWrap .imglayout + .mainTit{margin-top: 60px;}
.inftaWrap{margin-top: 100px;}
.inner + .inftaWrap{margin-top: -15px;}
.inftaWrap .imglayout{margin-top: 60px;}
.inftaWrap .imglayout .img + p{margin-top: 20px;}
.inftaWrap .imglayout h6 + p{margin-top: 8px;}
.inftaWrap .imglayout p{font-size: 16px;letter-spacing: -0.5px;line-height: 2;}
.inftaWrap .imglayout p span{font-weight: 700;}
.inftaWrap .imglayout .imginftaLayoutUl p + .lineUl{margin-top: 5px;}
.inftaWrap .imglayout .imginftaLayoutUl p + .impUl{margin-top: 5px;}
.inftaWrap .imglayout .lineUl li{margin-top: 5px;}
.inftaWrap .imglayout .lineUl.opp li{margin-top: 25px;}
.inftaWrap .inner{max-width:1330px;width: calc(100% - 270px);}
.tableFlex > ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.tableFlex > ul > li{width: calc((100% - 40px) / 2);}
.tableFlex > ul > li .tableArea{padding: 40px;}
.imglayout h6{margin-bottom: 20px;font-size: 24px;font-weight: 700;}
.imglayout h6.center{text-align: center;}
.imglayout .imginftaLayoutUl{display: flex;flex-wrap: wrap;}
.imglayout .imginftaLayoutUl + .imginftaLayoutUl{margin-top: 60px;}
.imglayout .imginftaLayoutUl > li{width: calc((100% - 130px) / 3);margin-right: 65px;}
.imglayout .imginftaLayoutUl > li:nth-child(3n){margin-right: 0;}
.imglayout .imginftaLayoutUl > li:nth-child(n+4){margin-top: 60px;}
.imglayout .imginftaLayoutUl > li h6{font-size: 20px;}
.imglayout .imginftaLayoutUl > li .img + h6{margin: 20px 0 0;}
.imglayout .imginftaLayoutUl > li h6.cnt{text-align: center;}
.imglayout .imginftaLayoutUl > li .img{font-size: 0;}
.imglayout .imginftaLayoutUl > li .img img{width: 100%;}
.imglayout .imginftaLayoutUl > li .arrowUl{margin-top: 30px;}
.imglayout .imginftaLayoutUl > li h6 + .arrowUl{margin-top: 0;}
.imglayout .imginftaLayoutUl > li .arrowUl li{position: relative;padding-left: 20px;margin-top: 5px;line-height: 1.7;}
.imglayout .imginftaLayoutUl > li .arrowUl li:first-child{margin-top: 0;}
.imglayout .imginftaLayoutUl > li .arrowUl li::before{content:"▶";position: absolute;top:0;left:6px;}
.imglayout .imginftaLayoutUl > li .arrowUl li.normal{padding-left: 0;}
.imglayout .imginftaLayoutUl > li .arrowUl li.normal::before{display: none;}
.imglayout .imginftaLayoutUl > li .arrowUl li.normal b{font-weight: 700;}
.imglayout .imginftaLayoutUl > li .arrowUl li em{display: inline-block;position: relative;padding-left: 15px;line-height: 1.7;}
.imglayout .imginftaLayoutUl > li .arrowUl li em::before{content:"※";position: absolute;top:0;left:0;}
.imglayout .imginftaLayoutUl + .tableArea{margin-top: 60px;}
.imglayout .imginftaLayoutUl.ver2 > li{width: calc((100% - 60px) / 2);margin-right: 60px;}
.imglayout .imginftaLayoutUl.ver2 > li:nth-child(3n){margin-right: 60px;}
.imglayout .imginftaLayoutUl.ver2 > li:nth-child(2n){margin-right: 0;}
.imglayout .imginftaLayoutUl.ver2 > li .lineUl{margin-top: 40px;}
.inftaWrap .imglayout * + .lineUl{margin-top: 10px;}
.inftaWrap .imglayout .img + .lineUl{margin-top: 20px;}
.imglayout .lineUl li{margin-top: 25px;padding-left: 15px;position: relative;font-size: 16px;color:#000;line-height: 1.7;}
.imglayout .lineUl.ver2 li{margin-top: 5px;}
.imglayout .lineUl li:first-child{margin-top: 0;}
.imglayout .lineUl li::before{content: "-";position: absolute;top:0;left:0;}
.inftaWrap .imglayout * + .impUl{margin-top: 10px;}
.imglayout .impUl li{margin-top: 5px;padding-left: 15px;position: relative;font-size: 16px;color:#000;line-height: 1.7;}
.imglayout .impUl li:first-child{margin-top: 0;}
.imglayout .impUl li::before{content: "*";position: absolute;top:0;left:0;}
.tableArea{padding: 75px 135px 60px;border: 1px solid #ccc;}
.tableWrap table{width: 100%;}
.tableWrap table thead tr th{padding: 20px 5px;border-top: 2px solid #000;border-bottom: 1px solid #E3E5EE;text-align: center;font-weight: 700;vertical-align: middle;}
.tableWrap table thead tr th.tal{text-align: left;}
.tableWrap table tbody{border-top:2px solid #000;}
.tableWrap table thead + tbody{border-top:none;}
.tableWrap table tbody tr th{padding: 20px 5px;border-bottom: 1px solid #E3E5EE;text-align: center;color:#333;font-weight: 700;}
.tableWrap table tbody tr th.tal{text-align: left;}
.tableWrap table tbody tr td{padding: 20px 5px;border-bottom: 1px solid #E3E5EE;text-align: center;color:#999;line-height: 1.5;}
.prodWrap .tableWrap table tbody tr td{color:#333;}
.tableWrap table tbody tr td.tal{text-align: left;}
.tableWrap .tableP{margin-top: 20px;color:#004899;font-weight: 700;}
.discFlex .txt * + .tableWrap{margin-top: 40px;}
/* .imglayout .infraFlex01{display: flex;flex-wrap: wrap;justify-content: space-between;}
.imglayout .infraFlex01 .img{width: 30%;}
.imglayout .infraFlex01 .tableArea{width: calc(70% - 40px);padding: 75px 60px 60px;} */
/* esg */
.esgSummaryWrap .mainTit{margin-bottom: 50px;}
.esgGrayBox{margin-bottom: 100px;padding: 130px 0 100px;background: #F1F1F1}
.esgSummaryWrap .esgSummaryUl{display: flex;flex-wrap: wrap;justify-content: center;}
.esgSummaryWrap .esgSummaryUl > li{width:calc((100% - 190px) / 4);max-width:fit-content;margin-right: 30px;}
.esgSummaryWrap .esgSummaryUl > li:last-child{margin-right: 0;}
.esgSummaryWrap .esgSummaryUl > li.line{width: 70px;margin-top: 115px;}
.esgSummaryWrap .esgSummaryUl > li.line img{width: 100%;}
.esgSummaryWrap .esgSummaryUl > li .circle{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 240px;height: 240px;border-radius: 50%;background: #fff;}
.esgSummaryWrap .esgSummaryUl > li .img{text-align: center;font-size: 0;}
.esgSummaryWrap .esgSummaryUl > li p{margin-top: 20px;font-size: 24px;font-weight: 700;text-align: center;}
.esgSummaryWrap .esgSummaryUl > li.logoLi .circle{background: #003D82;}
.esgSummaryWrap .esgSummaryUl > li.logoLi .circle .circleIn{padding-top: 30px;}
.esgSummaryWrap .esgSummaryUl > li.logoLi p{color:#fff;}
.esgSummaryWrap .esgSummaryUl > li ul{margin-top: 20px;}
.esgSummaryWrap .esgSummaryUl > li ul li{text-align: center;font-size: 18px;color:#888;line-height: 1.3;}
.ethicsWrap{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;padding-bottom: 100px;}
.ethicsWrap .ethicsDesc p{font-size: 30px;font-weight: 700;}
.ethicsWrap .ethicsPolicy{width: calc(100% - 600px);padding: 60px;border:1px solid #ccc;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ethicsWrap .ethicsPolicy .plicyTxt{width: fit-content;max-width: calc(65% - 30px);}
.ethicsWrap .ethicsPolicy .plicyTxt h4{margin-bottom: 25px;font-size: 40px;font-weight: 700;}
.numUl li{display: flex;flex-wrap: wrap;margin-top: 20px;}
.numUl li:first-child{margin-top: 0;}
.numUl span{display: block;width: 20px;height:20px;border-radius: 50%;background: #004899;font-size: 16px;color: #fff;font-weight: 700;text-align: center;line-height: 23px;}
.numUl em{display: block;width: calc(100% - 20px);padding-left: 10px;font-size: 18px;color:#888;}
.ethicsWrap .ethicsPolicy .img{width:fit-content;max-width: 35%;}
.ethicsWrap .ethicsPolicy .img img{width: 100%;}
.policyWrap .inner{max-width:1330px;width: calc(100% - 270px);padding-bottom: 100px;}
.policyWrap .plicyUl{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 100px;}
.policyWrap .plicyUl > li{width: calc((100% - 80px) / 2)}
.policyWrap .plicyUl > li h4{margin-bottom: 25px;font-size: 40px;font-weight: 700;}
.policyWrap .plicyUl > li .img{box-shadow: 0 20px 30px rgba(0,0,0,0.16);font-size: 0;}
.policyWrap .plicyUl > li .img img{width: 100%;}
.policyWrap .plicyUl > li h5{margin: 30px 0;font-size: 22px;font-weight: 700;}
.policyWrap .plicyUl > li .numUl em{margin-top: -3px;font-size: 22px;}
.esgEnvWrap .inner{max-width:1330px;width: calc(100% - 270px);}
.envActWrap{margin-top: 30px;padding: 60px;border:1px solid #ccc;}
.envActWrap .envActUl{width: 100%;max-width: 1060px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;}
.envActWrap .envActUl li{width: calc((100% + 100px) / 3);text-align: center;margin-left: -50px;}
.envActWrap .envActUl li:first-child{margin-left: 0;}
.envActWrap .envActUl li .ic{font-size: 0;}
.envActWrap .envActUl li .ic img{width: 100%;max-width: fit-content;}
.envActWrap .envActUl li .txt{margin-top: 20px;padding:32px 10px 28px;border-radius: 55px;background: rgba(0,72,153,0.9);position: relative;}
.envActWrap .envActUl li:nth-child(2) .txt{background: rgba(0,61,130,0.9);z-index: 2;}
.envActWrap .envActUl li:nth-child(2) .txt::before{content:"+";font-size: 18px;color:#fff;position: absolute;top:50%;left:20px;transform: translateY(-40%);line-height: 1;}
.envActWrap .envActUl li:nth-child(2) .txt::after{content:"+";font-size: 18px;color:#fff;position: absolute;top:50%;right:20px;transform: translateY(-40%);line-height: 1;}
.envActWrap .envActUl li .txt h5{font-size: 23px;color:#fff;font-weight: 700;line-height: 1;}
.envActWrap .envActUl li .txt p{margin-top: 10px;font-size: 17px;color:rgba(255,255,255,0.25);line-height: 1;}
.envActWrap .envP{margin-top: 35px;font-size: 20px;text-align: center;}
.envActWrap .envP .m{display: none;}
.envActWrap .envP span{color:#004899;font-weight: 700;}
.esgManageWrap .mainTit p{margin-top: 30px;font-size: 20px;text-align: left;}
.esgManageBox{margin-top: 50px;position: relative;}
.esgManageBox::after{content:"";width: 100%;height:80%;max-height:420px;background: #004899;position: absolute;left:0;bottom:0;}
.esgManageBox .inner{padding-bottom: 60px;position: relative;z-index: 10;}
.esgManageBox .esgManageUl{display: flex;flex-wrap: wrap;}
.esgManageBox .esgManageUl > li{width: calc((100% - 60px) / 3);margin-right: 30px;}
.esgManageBox .esgManageUl > li:last-child{margin-right: 0;}
.esgManageBox .esgManageUl > li .img{font-size: 0;}
.esgManageBox .esgManageUl > li .img img{width: 100%;}
.esgManageBox .esgManageUl > li .txt{margin-top: 30px;color:#fff;}
.esgManageBox .esgManageUl > li .txt h6{margin-bottom: 20px;font-size: 18px;font-weight: 700;}
.esgManageBox .esgManageUl > li .dotsUl li{margin-top: 15px;padding-left: 7px;font-size: 16px;position: relative;}
.esgManageBox .esgManageUl > li .dotsUl li:first-child{margin-top: 0;}
.esgManageBox .esgManageUl > li .dotsUl li::before{content:"·";position: absolute;top:0;left:0;}

/* terms */
.tremsTxtBox{padding: 100px 0 200px;}
.termsCont{margin-top: 50px;}
.termsCont:first-child{margin-top: 0;}
.termsCont h4{font-size: 18px;font-weight: 700;}
.termsCont h5{font-size: 18px;}
.termsCont h6{margin: 20px 0 15px;font-weight: 500;}
.termsCont p{margin-top: 15px;}
.termsCont ul li{margin-top: 7px;position: relative;padding-left: 10px;}
.termsCont ul li::before{content: "-";display: inline-block;position: absolute;left: 0;}
.termsCont a:hover{text-decoration: underline;}
.termsCont .termsUlNum li{padding-left: 0;}
.termsCont .termsUlNum li::before{display: none;}