@charset "UTF-8";
.subCon { padding-top: 100px;}
img{
	max-width: 100%;
}

.subLnb .subVisual { height: 429px; position: relative; overflow: hidden; }

.subLnb .subVisual .scale { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("../../assets/img/content/subVisual_about.jpg") center center no-repeat; background-size: cover; -webkit-animation: bounceOut 3s 1 ease-in-out; animation: bounceOut 3s 1 ease-in-out; }

.subLnb .subVisual.about .scale { background-image: url("../../assets/img/content/subVisual_about.png"); }
.subLnb .subVisual.product.car .scale { background-image: url("../../assets/img/content/subVisual_product_car.png"); }
.subLnb .subVisual.product.ess .scale { background-image: url("../../assets/img/content/subVisual_product_ess.png"); }
.subLnb .subVisual.product.ev .scale { background-image: url("../../assets/img/content/subVisual_product_ev.png"); }
.subLnb .subVisual.customer .scale { background-image: url("../../assets/img/content/subVisual_newsMedia.png"); }
.subLnb .subVisual.newsmedia .scale { background-image: url("../../assets/img/content/subVisual_customer.png"); }


@-webkit-keyframes bounceOut { 0% { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); }
	100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } }

@keyframes bounceOut { 0% { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); }
	100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } }

.lnbCon { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

.lnbCon .lnb { height: 70px; line-height: 70px; font-size: 0; }

.lnbCon .lnb > * { display: inline-block; vertical-align: top; }

.lnbCon .lnb .home { display: inline-block; width: 70px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align: center; }

.lnbCon .lnb .home img { vertical-align: middle; }

.lnbCon .lnb .depth { min-width: 295px; border-right: 1px solid #e6e6e6; position: relative; white-space: nowrap; }

.lnbCon .lnb .depth p { padding: 0 50px 0 20px; font-size: 18px; color: #666; cursor: pointer; background: url("../../assets/img/common/subLnb_arrow_down.png") center right 20px no-repeat; }

.lnbCon .lnb .depth p.on { background-image: url("../../assets/img/common/subLnb_arrow_up.png"); }

.lnbCon .lnb .depth ul { min-width: calc(100% + 2px); position: absolute; top: 70px; left: 0; border: 1px solid #e6e6e6; background: #f5f6f7; line-height: 1; z-index: 1; display: none; -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); transform: translateX(-1px); }

.lnbCon .lnb .depth ul li a { display: block; height: 65px; line-height: 65px; padding: 0 30px; font-size: 16px; color: #666; }

.lnbCon .lnb .depth ul li a:hover { color: #003377; background: #edeff0; }

.subCon h2 { width: 100%; margin: 0 auto; font-size: 45px; font-weight: 600; text-align: center; }

.subCon h2.border { padding-bottom: 17px; border-bottom: 1px solid #aaa; }

.mediaCon { padding-top: 95px; padding-bottom: 120px; }

.mediaCon ul { margin-top: 60px; }

.mediaCon ul li { margin-bottom: 55px; }

.mediaCon ul li:last-of-type { margin-bottom: 0; }

.mediaCon ul li p { margin-bottom: 20px; font-size: 26px; font-weight: 500; }

.mediaCon ul li .video { background: #eee; }

.mediaCon ul li .video video { width: 100%; height: 100%; }

.newsCon { padding-top: 95px; padding-bottom: 120px; }

.newsCon h2 { margin-bottom: 95px; }

.conSearch { width: 660px; margin: 0 auto 100px; font-size: 0; }

.conSearch > * { display: inline-block; vertical-align: top; }

.conSearch dt { width: calc(100% - 55px); height: 60px; border: 1px solid #ddd; border-radius: 30px 0 0 30px; position: relative; }

.conSearch dt:before { content: ""; display: block; width: 30px; height: 60px; border: 1px solid #ddd; border-radius: 60px 0 0 60px; background: #fff; position: absolute; top: -1px; right: -7px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.conSearch dt input { width: 100%; height: 100%; padding: 0 70px 0 40px; font-size: 22px; color: #666; vertical-align: middle; }

.conSearch dt input::-webkit-input-placeholder { color: #aaa; }

.conSearch dt input::-moz-placeholder { color: #aaa; }

.conSearch dt input:-ms-input-placeholder { color: #aaa; }

.conSearch dt input::-ms-input-placeholder { color: #aaa; }

.conSearch dt input::placeholder { color: #aaa; }

.conSearch dt input:-ms-input-placeholder { color: #aaa; }

.conSearch dt input::-ms-input-placeholder { color: #aaa; }

.conSearch dd { width: 60px; margin-left: -5px; position: relative; }

.conSearch dd:before { content: ""; display: block; width: 60px; height: 62px; border-radius: 50%; background: #fff; position: absolute; top: -1px; left: -13px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }

.conSearch dd a { display: block; height: 60px; line-height: 60px; background: #0c2f6b; border-radius: 50%; text-align: center; position: relative; z-index: 2; }

.conSearch dd img { vertical-align: middle; }

.board_list_gallery { padding-bottom: 50px; border-bottom: 1px solid #aaa; font-size: 0; }

.board_list_gallery li { display: inline-block; width: calc(50% - 20px); margin: 0 40px 45px 0; vertical-align: top; }

.board_list_gallery li:nth-of-type(2n) { margin-right: 0; }

.board_list_gallery li:last-of-type { margin-right: 0; }

.board_list_gallery li > a { display: block; }

.board_list_gallery li .imgWrap { width: 100%; position: relative; overflow: hidden; border: 1px solid #dfe3e5; }

.board_list_gallery li .imgWrap img { width: 100%; }

.board_list_gallery li .imgWrap .hover { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; text-align: center; z-index: 1; opacity: 0; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }

.board_list_gallery li:hover .imgWrap .hover { opacity: 1; }

.board_list_gallery li .imgWrap .hover span { display: block; width: 100%; padding-top: 55px; font-size: 30px; color: #fff; font-weight: 300; line-height: 1; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url("../../assets/img/common/plus_icon_white.png") top center no-repeat; }

.board_list_gallery li p { padding: 10px; font-size: 24px; line-height: 1.4; text-align: center; }

.board_list_gallery .galleryView { display: none; margin-top: 25px; padding: 20px 20px 30px; border: 1px solid #aaa; position: relative; overflow: hidden; }

.board_list_gallery .galleryView dt { height: 35px; margin-bottom: 10px; font-size: 16px; color: #666; font-weight: 300; border-bottom: 1px solid #ddd; position: relative; }

.board_list_gallery .galleryView dt img { padding: 5px; position: absolute; right: 0; top: -3px; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: pointer; }

.board_list_gallery .galleryView dd { max-height: 250px; font-size: 18px; color: #666; line-height: 1.5; overflow-y: auto; }

.board_list_gallery.media li .imgWrap { padding-top: 56.25%; }

.board_list_gallery.media li .imgWrap > img { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.board_list li { font-size: 0; border-bottom: 1px solid #aaa; position: relative; }

.board_list li:first-of-type { border-top: 1px solid #aaa; }

.board_list li:before { content: ""; display: block; width: 100%; height: 3px; position: absolute; top: -1px; left: 0; -webkit-transition: background .3s ease-out; transition: background .3s ease-out; }

.board_list li:after { content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: -1px; left: 0; -webkit-transition: background .3s ease-out; transition: background .3s ease-out; }

.board_list li:hover:before, .board_list li:hover:after { background: #0c2f6b; }

.board_list li > a { display: block; padding: 50px 30px; }

.board_list li .imgWrap { display: inline-block; width: 300px; height: 180px; border: 1px solid #dfe3e5; vertical-align: top; position: relative; overflow: hidden; }

.board_list li .imgWrap img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.board_list li .imgWrap img.width { width: 100%; }

.board_list li .imgWrap img.height { height: 100%; }

.board_list li .txt { display: inline-block; width: calc(100% - 300px); padding: 0 0 30px 30px; vertical-align: top; }

.board_list li .txt p { margin-bottom: 35px; font-size: 26px; font-weight: 500; line-height: 1.15; }

.board_list li .txt span { display: block; font-size: 18px; color: #666; font-weight: 300; line-height: 1.5; }

.board_list li .txt strong { font-size: 18px; color: #0c2f6b; font-weight: 300; position: absolute; bottom: 50px; right: 30px; }

.board_view .board_viewTop { width: 100%; border-top: 1px solid #aaa; }

.board_viewTop tr th { width: 150px; height: 60px; font-size: 18px; color: #fff; font-weight: 500; background: #0080c4; border-bottom: 1px solid #fff; }

.board_viewTop tr:last-of-type th { border-color: #aaa; }

.board_viewTop tr td { padding: 15px 30px; font-size: 18px; font-weight: 500; border-bottom: 1px solid #aaa; line-height: 1.4; }

.board_view .board_viewMid { padding: 30px 30px 50px; font-size: 18px; color: #888; font-weight: 300; line-height: 1.4; border-bottom: 1px solid #aaa; }

.board_view .board_viewMid.pt0 { padding-top: 0; }

.board_view .tit { margin-bottom: 30px; font-size: 30px; color: #222; font-weight: 500; text-align: center; }

.board_view .tit:before { content: ""; display: block; width: 30px; height: 4px; margin: 0 auto 10px; background: #e6003e; }

.board_viewMid .img { margin-bottom: 40px; }

.board_view .board_viewBot { margin-top: 30px; font-size: 0; }

.board_viewBot dl { display: inline-block; width: calc(50% - 10px); margin-right: 20px; vertical-align: top; }

.board_viewBot dl:last-of-type { margin-right: 0; }

.board_viewBot dl > * { display: inline-block; height: 60px; line-height: 60px; vertical-align: top; }

.board_viewBot dl dt { width: 150px; font-size: 18px; color: #fdfdfd; font-weight: 500; background: #d4d4d4; text-align: center; }

.board_viewBot dl dt span { font-size: 14px; }

.board_viewBot dl dd { width: calc(100% - 150px); padding: 0 30px; font-size: 18px; font-weight: 500; background: #f6f6f6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.board_viewBot dl dd a { display: block; }

.boardBtn { padding-top: 40px; position: relative; font-size: 0; }

.boardBtn.center { text-align: center; }

.boardBtn a { display: inline-block; min-width: 200px; height: 60px; line-height: 60px; padding: 0 30px; font-size: 20px; color: #fff; font-weight: 500; background: #282b2f; text-align: center; }

.boardBtn .count { font-size: 18px; color: #666; font-weight: 300; position: absolute; top: 15px; left: 0; }

.linkCon { padding-top: 95px; padding-bottom: 120px; }

.linkCon h3 { font-size: 26px; font-weight: 500; text-align: center; }

.linkCon .outernal01 { padding: 75px 90px 120px; border-bottom: 1px solid #dfe3e5; }

.linkCon .outernal01 h3 { margin-bottom: 75px; }

.linkCon .outernal01 dl { font-size: 0; }

.linkCon .outernal01 dl > * { display: inline-block; width: 50%; vertical-align: middle; }

.linkCon .outernal01 dl dt > img { vertical-align: middle; }

.linkCon .outernal01 dl dt .arrow { display: inline-block; width: calc(100% - 209px); text-align: center; vertical-align: middle; }

.linkCon .outernal01 dl dt .arrow p { margin-top: 15px; font-size: 18px; color: #666; }

.linkCon .outernal01 dl dd { text-align: right; }

.linkCon .outernal01 dl dd a { display: inline-block; margin-bottom: 12px; }

.linkCon .outernal01 dl dd a:last-of-type { margin-bottom: 0; }

.linkCon .outernal02 { margin-top: 100px; font-size: 0; text-align: center; }

.linkCon .outernal02 .btn { margin-top: 30px; }

.linkCon .outernal02 .btn a { display: inline-block; margin-right: 40px; vertical-align: middle; }

.linkCon .outernal02 .btn a:last-of-type { margin-right: 0; }

.bestPracticeCon { padding-top: 95px; padding-bottom: 120px; }

.bestPracticeCon h2 { margin-bottom: 75px; }

.mainTxtCon { padding-top: 100px; padding-bottom: 80px; }
.mainTxtCon.pb { padding-bottom:100px; }

.mainTxtCon h2 { margin-bottom: 100px; font-size: 45px; font-weight: 600; text-align: center; padding-bottom: 17px; border-bottom: 1px solid #aaa; }
.mainTxtCon.ln h2{border-bottom: none}

.mainTxtCon .detail { display: -webkit-box; display: -ms-flexbox; display: flex; }

.mainTxtCon .detail .img { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 40px; width: 480px; }

.mainTxtCon .detail .img > img { width: 100%; }

.mainTxtCon .detail .txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 0px; }

.mainTxtCon .detail .txt dt p { font-size: 26px; font-weight: 500; line-height: 1.38; }

.mainTxtCon .detail .txt dt span { display: block; margin-top: 5px; font-size: 20px; font-weight: 300; line-height: 1.5; }

.mainTxtCon .detail .txt dt::after { content: ""; display: block; margin-top: 13px; width: 57px; height: 3px; background-color: #e6003e; }

.mainTxtCon .detail .txt dd { margin-top: 25px; font-size: 18px; font-weight: 300; line-height: 1.5; letter-spacing: -0.01rem; color: #666;display:flex;flex-direction:column;row-gap:10px }

.productCon { background-color: #f5f5f5;padding-top:0px;padding-bottom:80px }

.productCon.pb60 { padding-bottom: 60px; }

.productCon .productTab { margin-bottom: 35px; -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); font-size: 0; text-align: center; }

.productCon .productTab li { display: inline-block; margin-right: 15px; width: 390px; vertical-align: top; }

.productCon .productTab li:last-of-type { margin-right: 0; }

.productCon .productTab li a { display: flex; width: 100%; height: 70px;  font-size: 26px; background-color: #fff; border: 1px solid #aaa; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;align-items:center;justify-content:center; }

.productCon .productTab li a > span { display: inline-block; vertical-align: middle; line-height: 1.2em; width:70%; }

.productCon .productTab li:hover a { color: #fff; background-color: #0c2f6b; border-color: #0c2f6b; }

.productCon .productTab li.active a { color: #fff; background-color: #0c2f6b; border-color: #0c2f6b; }

.productCon .productList { padding: 55px 59px 59px 59px; background-color: #fff; }

.productCon .productList h3 { padding-bottom: 50px; font-size: 26px; font-weight: 700; text-align: center; border-bottom: 3px solid #0c2f6b; }

.productCon .productList .productCard { padding: 50px 24px 54px; font-size: 0; border-bottom: 2px solid #aaa; }

.productCon .productList .productCard a { display: block; }

/*.productCon .productList .productCard a:hover .img::after { content: ""; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); }

.productCon .productList .productCard a:hover .img span { opacity: 1; }

.productCon .productList .productCard a:hover .img span::after { -webkit-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); }

*/
.productCon .productList .productCard a .img { overflow: hidden; display: inline-block; position: relative; margin-right: 29px; width: 360px; height: 300px; vertical-align: top; }

.productCon .productList .productCard a .img::after { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; border: 1px solid #dfe3e5; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }

.productCon .productList .productCard a .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.productCon .productList .productCard a .img span { opacity: 0; z-index: 3; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 50px; font-size: 20px; font-weight: 300; color: #fff; }

.productCon .productList .productCard a .img span::before, .productCon .productList .productCard a .img span::after { content: ""; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%) rotate(0); -ms-transform: translateX(-50%) rotate(0); transform: translateX(-50%) rotate(0); width: 3px; height: 35px; background-color: #fff; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; }

.productCon .productList .productCard a .txt { display: inline-block; width: calc(100% - 389px); vertical-align: top; }

.productCon .productList .productCard a .txt dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; font-size: 26px; font-weight: 500; line-height: 1.15; }

.productCon .productList .productCard a .txt dd { font-size: 18px; font-weight: 300; line-height: 1.55; color: #666; }

.productCon .categoryCon { padding: 56px 36px 150px; }

.productCon .categoryCon h3 { font-size: 26px; font-weight: 500; }

.productCon .categoryCon .subTxt { margin: 10px 0 30px; font-size: 18px; font-weight: 300; line-height: 1.55; color: #666; }

.productCon .categoryCon .categoryList h4 { margin-bottom: 56px; font-size: 22px; line-height: 1.2; }

.productCon .categoryCon .categoryList ul { font-size: 0; }

.productCon .categoryCon .categoryList ul li { display: inline-block; position: relative; margin-right: 20px; width: 265px; }

.productCon .categoryCon .categoryList ul li:last-of-type { margin-right: 0; }

.productCon .categoryCon .categoryList ul li a { display: block; position: relative; -webkit-transition: all ease-out .2s; transition: all ease-out .2s; }

.productCon .categoryCon .categoryList ul li a::after { content: ""; display: none; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #e6003e; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.productCon .categoryCon .categoryList ul li a img { max-width: 100%; }

.productCon .categoryCon .categoryList ul li a span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; font-size: 24px; text-align: center; line-height: 1.41; color: #fff; }

.productCon .categoryCon .categoryList ul li a:hover { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.56); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.56); }

.productCon .categoryCon .categoryList ul li a:hover::after { display: block; }

.productCon .productView { padding: 55px 50px 60px 50px; }

.productCon .productView h3 { padding-bottom: 40px; border-bottom: none; }

.productCon .productView h3 a { margin-left: 10px; }

.productCon .productView h3 a img { vertical-align: middle; }

.productCon .productView .catalogues { margin-bottom: 20px; text-align: right; }

.productCon .productView .catalogues span { font-size: 20px; }

.productCon .productView .catalogues a { display: inline-block; margin-left: 16px; width: 201px; height: 51px; font-size: 20px; font-weight: 500; line-height: 51px; text-align: center; background-color: #f4f4f4; border: 1px solid #ccc; }

.productCon .productView .catalogues a img { margin: 16px 0 0 5px; }

.productCon .productView .catalogues.noItem { display: none; }

.productCon .productView .productSlide { overflow: hidden; position: relative; margin-bottom: 30px; }

.productCon .productView .productSlide ul li { overflow: hidden; position: relative; }

.productCon .productView .productSlide ul li::after { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; }

.productCon .productView .productSlide ul li img { max-width: 100%; }

.productCon .productView .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 25px; }

.productCon .productView .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { opacity: 1; margin: 0 5px; width: 10px; height: 10px; background-color: #fff; }

.productCon .productView .swiper-pagination-bullet-active { background-color: #e6003e !important; }

.productCon .productView .productTxt { margin-bottom: 35px; font-size: 20px; font-weight: 500; line-height: 1.5; }

.productCon .productView .detailTxt { width: 100%; margin-bottom: 50px; }

.productCon .productView .detailTxt tr th { padding: 11px 0; font-size: 20px; font-weight: 600; text-align: center; background-color: #eee; border: 1px solid #ccc; }

.productCon .productView .detailTxt tr td { padding: 11px 20px; font-size: 20px; font-weight: 500; border: 1px solid #ccc; }

.productCon .productView .subTxt { margin-bottom: 30px; font-size: 20px; color: #555; line-height: 1.5; }

.productCon .productView .subImg { overflow: hidden; margin-bottom: 40px; }

.productCon .productView .subImg img { max-width: 100%; }

.productCon .productView .listBtn { display: block; margin: 40px auto 0; width: 200px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; font-weight: 500; color: #fff; background-color: #282b2f; }

.relatedCon { padding: 55px 0 110px; }

.relatedCon h3 { margin-bottom: 30px; font-size: 26px; font-weight: 500; line-height: 1.38; color: #555; }

.relatedCon ul { font-size: 0; }

.relatedCon ul li { display: inline-block; margin: 0 20px 40px 0; width: 285px; }

.relatedCon ul li:nth-of-type(4n) { margin-right: 0; }

.relatedCon ul li a { display: block; }

.relatedCon ul li a:hover .img::after { content: ""; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }

.relatedCon ul li a:hover .img span { opacity: 1; }

.relatedCon ul li a:hover .img span::after { -webkit-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); }

.relatedCon ul li a .img { overflow: hidden; position: relative; margin-bottom: 10px; width: 100%; height: 100%; }

.relatedCon ul li a .img::before { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #dfe3e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.relatedCon ul li a .img img { max-width: 100%; }

.relatedCon ul li a .img span { opacity: 0; z-index: 3; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 50px; font-size: 20px; font-weight: 300; color: #fff; }

.relatedCon ul li a .img span::before, .relatedCon ul li a .img span::after { content: ""; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%) rotate(0); -ms-transform: translateX(-50%) rotate(0); transform: translateX(-50%) rotate(0); width: 3px; height: 35px; background-color: #fff; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; }

.relatedCon ul li a .title { height: 80px; background-color: #f7f7f7; position: relative; }

.relatedCon ul li a .title p { display: -webkit-box; width: 100%; max-height: 55px; padding: 0 20px; font-size: 18px; font-weight: 300; color: #666; line-height: 1.55; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* about/index.html */
.sub1_1S1 { padding:0; }

.sub1_1S1 .row1 { margin-bottom: 55px; }

.sub1_1S1 .row1 > div { float: left; }

.sub1_1S1 .img_wrap { width: 45%; }

.sub1_1S1 .img_wrap img { width: 91.45%; }

.sub1_1S1 .text_wrap { width: 55%; line-height: 1; }

.s_title { font-size: 38px; font-weight: 500; text-align: left; position: relative;line-height: 1.5em}

.sub1_1S1 .s_title { margin: 2% 0 50px; }

.s_title.al_left { text-align: left; }

.s_title.al_left::before { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; }

.s_title::before { display: block; content: ''; position: absolute; width: 29px; height: 4px; background: #e6003e; left: 0%;  top: -15px; }

.sub1_1S1 .text_wrap span { display: block; font-size: 38px; margin-bottom: 25px; line-height: 1.3;font-weight:600;font-family:'pretendard' }

.sub1_1S1 .text_wrap p { font-size: 18px; line-height: 1.5; color: #666;margin-bottom:20px;word-break:keep-all; }

.sub1_1S1 .row2 li { float: left; width: calc(25% - 15px); margin-right: 20px; text-align: center; border: 1px solid #dfe3e5; position: relative; }

.sub1_1S1 .row2 li::before { content: ''; display: block; width: 1px; height: 31px; background: #dfe3e5; position: absolute; left: 50%; }

.sub1_1S1 .row2 li:last-of-type { margin-right: 0; }

.sub1_1S1 .row2 li:nth-of-type(2):after {
	 content:"";
	 background-image: url("../../assets/img/content/jobs_icon.png");
	 background-repeat: no-repeat;
	 position: absolute;
	 display: block;
	bottom: 10px;
	right: 10px;
	width: 93px;
	height: 93px;
	background-size: cover;
}


.sub1_1S1 .row2 li dl { font-weight: 500; line-height: 1; }

.sub1_1S1 .row2 li dt { margin-top: 75px; color: #666666; font-size: 18px; }

.sub1_1S1 .row2 li dt img { display: block; margin: 35px auto 30px; }

.sub1_1S1 .row2 li dd { font-weight: 600; font-size: 40px; margin-bottom: 85px; }

.sub1_1S1 .row2 li dd strong i{
	font-weight: 700;
}

.sub1_1S1 .row2 li dd s{ text-decoration:none;font-weight:300 }

.sub1_1S1 .row2 li dd span { display: block; font-size: 20px; margin-bottom: 15px; }


.sub1_1S1 .cus-unit{
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
	float: right;
	display: block;
	margin-bottom: 10px;
	color: #666;
}

.sub1_1S1 .cus-sign{
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.03em;
	color: #666666;
	float: left;
	margin-top: 40px;
}

/* cableSystem_india.html */
.subCon .page_tit { font-size: 45px; text-align: center; padding: 100px 0; font-weight: 600; border-bottom: 0; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #aaa; }

.subCon .tit_mb100 { margin-bottom: 100px; }

.sub1_2Intro { padding: 120px 0 0px; }

.sub1_2Intro ul { position: relative; }

.sub1_2Intro ul > li { float: left; }

.sub1_2Intro .img_wrap { width: 35%; position: relative; }

.sub1_2Intro .img_wrap::before { content: ''; display: block; width: 211px; height: 211px; background-color: #d7d9dc; position: absolute; left: -66px; bottom: -68px; z-index: -1; }

.sub1_2Intro .img_wrap img { width: 100%; }

.sub1_2Intro .text_wrap { width: 65%; padding-left: 6.5%; }

.sub1_2Intro .text_wrap dt { font-size: 24px; line-height: 1.4; font-weight: 500; margin-bottom: 40px; }

.sub1_2Intro .text_wrap dt span { color: #e6003e; }

.sub1_2Intro .text_wrap dd { margin-bottom: 40px; font-size: 18px; color: #666; line-height: 1.5; }

.sub1_2Intro .text_wrap dd:last-of-type { font-size: 20px; color: #222; margin-bottom: 0; }

.sub1_2Intro .text_wrap dd:last-of-type > span { display: inline-block; font-size: 22px; color: #000; margin-left: 40px; }

.sub1_2History { padding: 120px 0 80px; background-color: #f5f7f9; }

.sub1_2History .s_title { margin-bottom: 0px; }

.sub1_2History .s2_map { width: 100%; padding-bottom: 42px; }

.history_top { width: 100%;padding:0px 0 50px 0}
.history_top p{
	font-weight: 400;
	font-size: 20px;
	line-height: 36px;
	letter-spacing: -0.03em;
	word-break: keep-all;
	margin-bottom: 40px;
	display: block;
}

.sub1_2History .history_list { width: 100%; position: relative; margin-bottom: 55px; }

.sub1_2History .history_list::before, .sub1_2History .history_list::after { content: ''; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.sub1_2History .history_list::before { width: 1px; height: 100%; top: 0; background: url("../../assets/img/content/sub1_2History_line.png") 0 0 repeat-y; }

.sub1_2History .history_list::after { width: 16px; height: 16px; background: url("../../assets/img/content/sub1_1History_dot.png") center no-repeat; top: 0; }

.sub1_2History .history_list ul { overflow: hidden; }

.sub1_2History .history_list li { float: left; width: 50%; margin-top: 86px; font-size: 0; position: relative; }


.sub1_2History .history_list li h5 { margin-bottom: 15px; font-size: 26px; color: #485d78; font-weight: 600; line-height: 1; position: relative; }

.sub1_2History .history_list li:nth-of-type(even) h5 { color: #003377; }

.sub1_2History .history_list li::after { content: ''; display: block; width: 16px; height: 16px; background: url("../../assets/img/content/sub1_1History_dot_blk.png") center no-repeat; position: absolute; }

.sub1_2History .history_list li::after { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -8px; }

.sub1_2History .history_list li:nth-of-type(even)::after { right: auto; left: -8px; }

.sub1_2History .history_list li .img_wrap { display: inline-block; height: 194px; width: 215px; overflow: hidden; vertical-align: middle; position: relative; z-index: 1; }

.sub1_2History .history_list li:nth-of-type(even) { padding-left: 20px; }

.sub1_2History .history_list li:nth-of-type(even) .text_wrap { padding: 0 20px 0 30px; }

.sub1_2History .history_list li:nth-of-type(even) .text_wrap:before { left: auto; right: 0; }

.sub1_2History .history_list .text_wrap { display: inline-block; padding: 0 40px 0 30px; width: calc(100% - 215px); font-size: 18px; line-height: 1.5; vertical-align: middle; }

.sub1_2History .history_list .text_wrap:before { content: ""; display: block; width: calc(100% - 20px); height: 100%; position: absolute; top: 0; left: 0; background: #fff; z-index: 0; }

.sub1_2History .history_list li:nth-of-type(odd){
	margin-top: -55px;
}

.sub1_2History .history_list li:nth-child(1)
{
	margin-top: 86px;
}

.sub1_2History .history_list li:nth-child(2){
	margin-top: 230px;
}

.sub1_2History .history_list .text_wrap p { position: relative; }

.sub1_2History .history_list .text_wrap p span{
	color: red;
}

.sub1_2History .history_list .text_wrap a { display: block; font-size: 16px; color: #999; line-height: 1; margin-top: 10px; width: 100px; font-weight: 500; padding-left: 1px; }

.sub1_2History .history_list .text_wrap a::before { content: ''; display: block; height: 1px; width: 100px; background: url("../../assets/img/content/sub1_2History_linkLine.jpg") 0 0 repeat-x; position: absolute; bottom: -7px; left: -1px; }

.sub1_2History .history_list .text_wrap a::after { content: ''; display: inline-block; width: 8px; height: 12px; background: url("../../assets/img/content/sub1_2History_arrow.jpg") center no-repeat; vertical-align: middle; margin-left: 2px; }

.sub1_2History .history_text { text-align: center; font-size: 20px; line-height: 1.5; color: #666; font-weight: 500; }


.subCon .page_tit.history{border-bottom: none}


/* contactUs.html */
.sub1_4Intro { padding: 0px 0 100px; }

.s_title.wSpan { line-height: 1; }

.s_title.wSpan span { display: block; font-size: 26px; font-weight: 400; margin-top: 15px; }

.s_title.wSpan span.fz18 { font-size: 18px; }

.s_title.wSpan span.lh1_5 { line-height: 1.5; }


.sub-wrap-sub { padding-top: 80px;display:flex;width:100%;flex-direction:column;row-gap:30px }

.contact-list { position: relative; width: 100%; height: 0; padding-top: 28.33%; border-top: 2px solid #023671; }

.contact-list + .contact-list { margin-top: 40px; }

.contact-list .img-wrap { position: absolute; display: inline-block; top: 0; left: 0; width: 53.33%; height: 100%; }

.contact-list .img-wrap > img { width: 100%; }

.contact-list .map-wrap { position: absolute; top: 0; right: 0; width: 46.67%; height: 100%; }

.contact-list .map-wrap > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.more-product { padding: 120px 0 100px; }

.more-product .s_title { margin-bottom: 0; }

.more-product p.sub-title { font-size: 18px; font-weight: 300; color: #666; text-align: center; margin-top: 26px; margin-bottom: 36px; }

.more-product .categoryList h4 { margin-bottom: 56px; font-size: 22px; line-height: 1.2; text-align: center; }

.more-product .categoryList ul { font-size: 0; }

.more-product .categoryList ul li { display: inline-block; position: relative; margin-right: 20px; width: calc((100% - 60px) / 4); }

.more-product .categoryList ul li:last-of-type { margin-right: 0; }

.more-product .categoryList ul li a { display: block; position: relative; -webkit-transition: all ease-out .2s; transition: all ease-out .2s; }

.more-product .categoryList ul li a::after { content: ""; display: none; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #e6003e; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.more-product .categoryList ul li a img { width: 100%; }

.more-product .categoryList ul li a span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; font-size: 24px; text-align: center; line-height: 1.41; color: #fff; }

.more-product .categoryList ul li a:hover { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.56); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.56); }

.more-product .categoryList ul li a:hover::after { display: block; }

.modal-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); }

.modal-wrap .modal-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; max-width: 840px; max-height: 80%; background-color: #fff; padding: 20px; overflow-y: auto; }

.modal-wrap .modal-video .video-wrap { position: relative; width: 100%; padding-top: 56.25%; }

.modal-wrap .modal-video .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modal-wrap .modal-video .video-wrap video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modal-wrap .modal-video .title { font-size: 26px; font-weight: 500; margin-top: 10px; }

/* 추가 2021.03.17 */
/* 가로형 테이블 */
article table.tbl-horizontal { width: 100% !important; }

article table.tbl-horizontal th { padding: 10px !important; background-color: #70767b !important; border: 1px solid #7f8589 !important; font-size: 14px !important; font-weight: 400 !important; color: #fff !important; }

article table.tbl-horizontal td { padding: 10px !important; border: 1px solid #e7e7e7 !important; font-size: 14px !important; font-weight: 400 !important; color: #222 !important; }

article table.tbl-horizontal td.center { text-align: center !important; }

/* 세로형 테이블 */
article table.tbl-vertical { width: 100% !important; border: 1px solid #ccc !important; }

article table.tbl-vertical th { border-bottom: 1px solid #ccc !important; border-right: 0 !important; padding: 10px !important; font-size: 20px !important; font-weight: 600 !important; color: #222 !important; background-color: #eee !important; }

article table.tbl-vertical td { border-bottom: 1px solid #ccc !important; border-left: 0 !important; padding: 10px 20px !important; font-size: 20px !important; font-weight: 500 !important; color: #222 !important; }

/* 게시물 스타일 */
article h3.atc-head { font-size: 22px !important; font-weight: 700 !important; margin-bottom: 25px !important; }

article img { width: 100% !important; }

article > img { margin-bottom: 50px !important; }

article .atc-info { padding: 48px !important; border-top: 1px solid #d7d7d7 !important; border-bottom: 1px solid #d7d7d7 !important; background-color: #f7f7f7 !important; }

article .atc-info > p { font-size: 17px !important; }

article .atc-info > p + p { margin-top: 20px; }

article .atc-embed { margin: 50px 0 !important; }

article .atc-embed.half { width: 50% !important; }

article .atc-embed > p { font-size: 14px !important; color: gray !important; }

article .atc-embed > video { max-width: 100% !important; height: auto !important; -o-object-fit: contain !important; object-fit: contain !important; }

article .atc-tit { font-size: 22px !important; font-weight: 700 !important; margin-bottom: 33px !important; }

article .atc-sub-tit { font-size: 14px !important; font-weight: 700 !important; margin-bottom: 10px !important; }

article .atc-cont { font-size: 16px !important; font-weight: 400 !important; line-height: 1.4em !important; }

article .atc-cont + .atc-cont { margin-top: 20px !important; }

article .atc-cont + .atc-tit, article .atc-cont + .atc-sub-tit { margin-top: 50px !important; }

article .atc-quote { font-size: 16px !important; font-style: italic !important; font-weight: 400 !important; color: gray !important; text-align: center !important; margin: 70px 0 !important; padding: 0 50px !important; }

article .atc-link { margin-top: 50px !important; }

article .atc-link > p { font-size: 14px !important; color: gray !important; margin-top: 15px; }

article .atc-link > p.atc-link-tit { font-size: 16px !important; font-weight: 700 !important; color: #222 !important; margin-bottom: 5px !important; margin-top: 0 !important; }

article .atc-link img { width: auto !important; }

.usr-img-1{
	margin-bottom: 7em;
	display: block;
	max-width: 100%;
}

.usr-area-x{
	display: block;
	white-space: nowrap;
	overflow-x: auto;
	width: 100%;
}


.usr-table-1{
	width: 100%;
	min-width: 800px;
	margin-bottom: 50px;
}

.usr-table-1 thead th{
	background: #5F6D84;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid #636363;
	padding: 10px 0;
	color:#fff;
	font-weight: 500;
}

.usr-table-1 tbody th{
	background: #F1F6FF;
	border-bottom: 1px solid #D0D0D0;
}

.usr-table-1 tbody td{
	background: #fff;
	padding: 20px 0;
	border-bottom: 1px solid #D0D0D0;
	font-size: 18px;
	text-align: center;
}


.usr-col-3{width:100%;display:table;list-style-type: none}
.usr-col-3 li{display:list-item;float:left;width:32%;margin-right:2%}
.usr-col-3 > li:nth-of-type(3n+0){margin-right:0%;margin-top:2%;}
.usr-col-3 > li:nth-of-type(3n+1){margin-top:2%; clear:both;}
.usr-col-3 > li:nth-of-type(3n+2){margin-top:2%;}
.usr-col-3 > li:nth-of-type(3n+3){margin-top:2%;}
.usr-col-3 > li:nth-child(1){margin-top:0rem;}
.usr-col-3 > li:nth-child(2){margin-top:0rem;}
.usr-col-3 > li:nth-child(3){margin-top:0rem;}


.board_view h4{
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 33px;
	margin-bottom: 20px;
}

.board_view.sub3Business .usr-col-3 > li {
	background-color:#F6F6F6 ;
	height:340px ;
}

.board_view.sub3Business .usr-col-3 > li.e1 {
	height:230px ;
}

.board_view.sub3Business .usr-col-3 > li > h4{
	display: table;
	width: 100%;
	text-align: left;
	background-color:#CF1154;
	color:#fff;
	padding: 8px 10px;
	font-weight: 500;
	margin-bottom: 1rem;
	font-size: 16px;
}

.board_view.sub3Business .usr-col-3 > li > dl{
	display: table;
	width: 100%;
	padding: 0.5rem 1rem;
	font-size:17px;
}

.board_view.sub3Business .usr-col-3 > li > dl > dt{
	display: table-cell;
	width: 30%;
	font-size: 16px;
	font-weight: 500;

}
.board_view.sub3Business .usr-col-3 > li > dl > dt:before{
	content: '\00B7';
	display: inline-block;
	padding-right: 5px;
	white-space: nowrap;
	padding-right: 10px;
}

.board_view.sub3Business .usr-col-3 > li > dl > dd{
	display: table-cell;
	width: 70%;
	font-weight: 400;
}

.board_view.sub3Business .usr-col-3 > li > dl > dd img{
	max-width: 30px;
}

.usr-gray{
	background-color:#F7F7F7;
}

.usr-h3{
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	font-size: 30px;
	font-weight: 500;
	color:#CF1154;
	margin-bottom: 20px;
	margin-top: 70px;
}

.usr-h3:before{
	content: "";
	background-image:url("../../assets/img/content/ricon_01.png");
	width: 1em;
	height: 1em;
	display: inline-block;
	background-size: cover;
	margin-right: 10px;
}

.usr-h3.blue{
	color:#0062B6;
}

.usr-h3.blue:before{
	background-image:url("../../assets/img/content/ricon_02.png");
}

.board_view.sub3Business .usr-col-3.blue > li{
	height: 240px;
}

.board_view.sub3Business .usr-col-3.blue > li > h4{
	background-color:#0062B6;

}

.usr-col-5{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.usr-col-5 > li{
	margin-bottom: 20px;

}

.usr-img-100{
	max-width: 100%;
}

.sub1_1S1 .text_wrap span::before { content: ""; display: block; margin-bottom: 13px; width: 27px; height: 3px; background-color: #e6003e; }

.usr-tabs{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	column-gap: 10px;
	position: relative;
	margin-top: 40px;
}

.usr-tabs:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px ;
	border-bottom: 1px solid #ccc;
	position: absolute;
	z-index: -1;
	left: 0;

}

.usr-tabs > li{
	border: 1px solid #ccc;
	width: 260px;
	height: 70px;
	text-align: center;
	line-height: 2.7em;
	background-color: #fff;
	cursor: pointer;
}

.usr-tabs > li.on{
	background-color: #0C2F6B;
	color: #fff;
}


.sub1_4Intro .row1 > div, .sub1_4Intro .row2 > div{
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sub1_4Intro .row1 > div, .sub1_4Intro .row2 > div p{
	text-align: center;
}

.careers.a1 h2{
	border-bottom: none;
}


.careers.a1 .e1{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 40px;
}

.careers.a1 .e1 .img_wrap{
	flex-basis: 40%;
}

.careers.a1 .e1 .text_wrap{
	flex-basis: 60%;
}

.careers.a1 .e1 .text_wrap p{
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.005em;
	color: #222222;
}

.careers.a1 .e1 .text_wrap p:before{
	content: "";
	display: block;
	margin-bottom: 13px;
	width: 27px;
	height: 3px;
	background-color: #e6003e;
}

.careers.a2 {
	display: table;
	width: 100%;
	background-color:#F7F7F7;
	padding: 70px 0;
	margin-top:80px;
}

.careers.a2 .w1200,.careers.a3 .w1200{
	display: flex;
	flex-direction: column;
	row-gap: 34px;
	align-items: center;
	justify-content: center;
}

.careers.a3 .w1200{
	row-gap: 48px;
}


.careers h3{
	font-weight: 500;
	font-size: 38px;
	color: #222222;
}

.careers h3:before{
	content: "";
	display: block;
	margin:0 auto;
	margin-bottom: 13px;
	width: 27px;
	height: 3px;
	background-color: #e6003e;
}


.careers.a2 .w1200 > div{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	width: 100%;
	column-gap: 20px;
}

.careers.a2 .w1200 > div button{
	padding: 30px 40px;
	width: 100%;
	height: 96px;
	background: #3A78B5;
	border-radius: 0px 0px 30px 0px;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.005em;
	color: #FFFFFF;
	max-width: 585px;
	position: relative;
}

.careers.a2 .w1200 > div button:after{
	content: '>';
	position: absolute;
	right:5%;
	font-weight: 400;
	color: #fff;
	opacity: 0.5;
}

.careers.a2 .w1200 > div button:hover{
	background-color: #0C2F6B;
	transition: all 0.5s;
}

.careers.a3 {
	display: table;
	width: 100%;
	padding: 70px 0;
}

.careers.a3 .w1200 ul{
	display: flex;
	flex-direction: row;
	column-gap:20px ;
	flex-wrap: wrap;
	align-items: stretch;
}

.careers.a3 .w1200 ul > li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #DFE3E5;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.005em;
	color: #222222;
	padding: 20px 5px;
	max-width: calc(25% - 20px);
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.careers.a3 .b1{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 60px 0px;
	width: 100%;
	background: #F7F7F7;
	justify-content: center;
}

.careers.a3 .b1 > div{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 880px;
	column-gap: 10px;
}

.careers.a3 .b1 > div > div:first-child{
	flex:3 1 0;
	display: flex;
	flex-direction: column;
	row-gap: 34px;
	align-items: flex-start;
}

.careers.a3 .b1 > div > div:last-child{
	flex:1 1 0;
	text-align: right;
}

.careers.a3 .b1 > div > div:first-child h4{
	font-weight: 500;
	font-size: 34px;
	line-height: 28px;
	color: #222222;
}

.careers.a3 .b1 > div > div:first-child p{
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.005em;
} 

.careers.a3 .b1 > div > div:first-child a{
	padding: 6px 24px;
	width: 142px;
	background: #282B2F;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	text-align: center;
}

.careers.a4 {
	display: table;
	width: 100%;
	background-image: url("../../assets/img/content/careers_bg.png");
	padding: 40px 0;
	margin-top:0px;
	background-size: cover;
}

.careers.a4 .w1200{
	display: flex;
	width: 100%;
	flex-direction: row;
	column-gap: 20px;
}


.careers.a4 .w1200 > div{
	display: flex;
	flex-direction: column;
	row-gap:22px ;
	align-items: center;
	justify-content: center;
	flex:1 1 0;
}

.careers.a4 .w1200 > div:first-child{
	flex-basis: 30%;
}

.careers.a4 .w1200 > div:last-child{
	flex-basis: 70%;
}

.careers.a4 .w1200 h5{
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}

.careers.a4 .w1200 h6{
	color: #fff;
	font-size: 42px;
	font-weight: 600;
}

.popup{
	max-width: 1200px;
	width: 100%;
	position: fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index: 1003;
	display: none;
}

.popup.on{
	display: block;
}

.popup .a1{
	display: block;
	width: 100%;
	text-align: right;
}

.popup .a2{
	margin-top: 20px;
	display: block;
	width: 100%;
	background-color: #fff;
	max-height: 80vh;
	overflow: auto;
}

.popup .a2 .d1{
	padding-left:60px ;
	padding-right: 60px;
	padding-top: 80px;
	display: table;
}

.popup .a2 .d1 h3{
	font-weight: 600;
	font-size: 38px;
	line-height: 30px;
	color: #000000;
}

.popup .a2 .d1 h3 a{
	background: #CF1154;
	font-weight: 600;
	font-size: 20px;
	padding: 6px 24px;
	color: white;
	float:right;

}

.popup .a2 .d1 p{
	margin-top: 30px;
	font-size: 20px;
	line-height: 1.5em;
}


.popup .a2 .d2{
	margin-top: 50px;
	padding:40px 60px;
	display: flex;
	background-color:#F2F3F4 ;
	flex-direction: column;
	row-gap: 30px;
	align-items: stretch;
	justify-content: stretch;
}

.popup .a2 .d2 > div{
	background-color: #fff;
	padding: 20px;
}

.popup .a2 .d2 > div h4{
	font-weight: 600;
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -0.005em;
	color: #222222;
}

.popup .a2 .d2 > div ul{
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	padding-left: 10px;
	margin-top: 20px;
}

.popup .a2 .d2 > div ul > li{
	position: relative;
	padding-left: 10px;
}

.popup .a2 .d2 > div ul > li:before{
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
	position: absolute;
	top:5px;
	left:0;
}


.popup .a2 .d2  a{
	width: 260px;
	height: 70px;
	background: #CF1154;
	font-weight: 600;
	font-size: 26px;
	line-height: 60px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* 레이어 팝업 띄우기 */
.layer-show{cursor:pointer;}
.layer-modal{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 130%;
	background-color: black;
	z-index:1002;
	-moz-opacity: 0.8;
	opacity:0.85;
	filter: alpha(opacity=80);
}

.layer-modal.black{background-color: black;}
.layer-modal.blue{background-color: #0955aa;}

.layer-modal-window{
	position:fixed;
	display: none;
	top:50%;
	left: 50%;
	z-index:1005;
	margin:0 auto;
	transform:translate(-50%, -50%);
	overflow-y:auto;
	max-height:100vh;
	background-color:white;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	border-radius: 0.5rem;
}

.global-map{
	display: block;
	width: 100%;
	margin-top: 40px;
	text-align: center;
}

.global-list{
	display: flex;
	width: 100%;
	flex-direction: row;
	column-gap:10px;
}

.global-list > li{
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	width: calc((100% - 40px) / 5);
}

.global-list > li img{
	max-width:275px ;
}

.global-list > li h5{
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #0C2F6B;
}

.global-list > li > div{
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}

.global-list > li > div dl{
	display: flex;
	flex-direction: row;
	width: 100%;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.03em;
	color: #323232;
	column-gap: 5px;
}

.global-list > li > div dl > dt{
	flex-basis: 6rem;
	width: 6rem;
	white-space: nowrap;
	position: relative;
	padding-left: 10px;
	justify-content: space-between;
	display: flex;
}

.global-list > li > div dl > dt:before{
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
	position: absolute;
	left:0;
	top:5px;
}

.global-list > li > div dl > dd{
	word-break: keep-all;
	width: calc(100% - 6rem);
}

.sub-title{
	font-weight: 400;
	font-size: 20px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #323232;
}


.subCon.about.esg_management .cus-list{
	display: flex;
	flex-direction: column;
	width: 100%;
	row-gap: 30px;
}

.subCon.about.esg_management .cus-list > li{
	display: flex;
	flex-direction: row;
	width: 100%;
	column-gap: 40px;
	align-items: center;
	justify-content: flex-start;
	background-color: #F4F4F6;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.03em;
	color: #666666;
}

.subCon.about.esg_management .cus-list > li >*:nth-child(1) img{
	max-width: 450px;
}

.subCon.about.esg_management .cus-list > li h5{
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: -0.03em;
	color: #0C2F6B;
	margin-bottom: 40px;
}

.subCon.about.esg_management .cus-text-1{
	text-align: center;
	color: #323232;
}

.subCon.about.esg_management .cus-text-2{
	text-align: center;
	color: #323232;
	margin-top: -10px;
}

.subCon.about.esg_management .sec-2 .cus-box{
	display: flex;
	flex-direction: column;
	width: 100%;
	row-gap: 10px;
	background-image: url("../../assets/img/content/esg_management_bg.png");
	background-repeat: no-repeat;
	background-position: 63% 33%;
	min-width: 800px;
}

.subCon.about.esg_management .sec-2 .cus-box > dl{
	display: flex;
	width: 100%;
	flex-direction: row;
	column-gap: 10px;
}

.subCon.about.esg_management .sec-2 .cus-box > dl > dt{
	width: 20%;
	background-color: #F4F4F6;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: normal;
	text-align: center;
}

.subCon.about.esg_management .sec-2 .cus-box > dl > dd{
	width: calc(80% - 10px);
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: normal;
}

.subCon.about.esg_management .sec-2 .cus-box > dl.d1 > dd{
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	letter-spacing: -0.03em;
	color: #0C2F6B;
	text-align: center;
}

.subCon.about.esg_management .sec-2 .cus-box > dl.d1 > dd span{
	color: #CF1154;
}

.subCon.about.esg_management .sec-2 .cus-box > dl.d2 > dd ul{
	display: flex;
	flex-direction: row;
	column-gap: 30px;
	align-items: center;
	justify-content: center;
}

.subCon.about.esg_management .sec-2 .cus-box > dl.d2 > dd ul > li{
	text-align: center;
}

.subCon.about.esg_management .sec-2 .cus-box > dl.d2 > dd ul > li h6{
	text-align: center;
	padding-top: 10px;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.03em;
	color: #666666;
}

.subCon.about.esg_management .sec-2 .cus-box > dl.d4 ul{
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 10px;
	padding-left: 100px;
}

.subCon.about.esg_management .sec-2 .cus-box > dl.d4 ul > li{
	flex-basis: calc( (100% - 20px) / 3);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 10px;
	color: #666;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	padding-left: 10px;
}

.subCon.about.esg_management .sec-2 .cus-box > dl.d4 ul > li:before{
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #666;
		margin-top: 10px;
	border-radius: 50%;
	position: absolute;
	left:0;
	top:2px;
}

.subCon.about.esg_management .sec-3 .cus-box{
	background: #FBFBFB;
	border: 1px solid #999999;
	padding: 20px;
	align-items: center;
	justify-content: center;
	display: flex;
}


.subCon.about.esg_management .sec-3 .cus-box .d0{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	row-gap: 40px;
	font-size: 18px;
	font-weight: 600;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.subCon.about.esg_management .sec-3 .cus-box .d0 > *{
	display: flex;
	flex-direction: row;
	column-gap: 100px;
}


.subCon.about.esg_management .sec-3 .cus-box .d0 > * > *:nth-child(1){
	width:200px ;
	height: 70px;
	text-align: center;
	background-color:#e8f0e6 ;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	white-space: normal;
	word-break: keep-all;
}

.subCon.about.esg_management .sec-3 .cus-box .d0 > * > *:nth-child(1):after{
	content: '';
	position: absolute;
	height: 2px;
	border-top: 1px dashed #333;
	width: 100px;
	right: -100px;
}

.subCon.about.esg_management .sec-3 .cus-box .d0 > * > *:nth-child(2){
	width:300px ;
	height: 70px;
	text-align: center;
	background-color:#fff ;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
	position: relative;
	white-space: normal;
	word-break: keep-all;
}

.subCon.about.esg_management .sec-3 .cus-box .d0 > * > *:nth-child(2):after{
	content: '';
	position: absolute;
	height: 40px;
	border-right: 1px solid #333;
	width: 1px;
	left: 50%;
	bottom: -40px;
}

.subCon.about.esg_management .sec-3 .cus-box .d0 > .d3 > *:nth-child(2):after{
	content: none;
}

.subCon.about.esg_management .sec-3 .cus-box .d0 > .d3 > *:nth-child(3){
	width:300px ;
	height: 70px;
	text-align: center;
	background-color:#fff ;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
	position: relative;
	white-space: normal;
	word-break: keep-all;
}

.subCon.about.esg_management .sec-3 .cus-box .d0 > .d3 > *:nth-child(3):before{
	content: '';
	position: absolute;
	height: 2px;
	border-top: 1px solid #333;
	width: 100px;
	left: -100px;
}

.usr-scroll{
	display: block;
	width: 100%;
	overflow: auto;
	white-space: nowrap;
}

.subCon.about.esg_management .sec-4 table{
	width: 100%;
	min-width: 600px;
	border-top: 1px solid #333;
	font-size: 16px;
}

.subCon.about.esg_management .sec-4 table td{
	border-bottom: 1px solid #ccc;
	padding: 26px 0;
	font-size: 18px;
}

.subCon.about.esg_management .sec-4 table th{
	border-bottom: 1px solid #ccc;
	font-weight: 500;
}

.subCon.about.esg_management .sec-4 table td.cus-right{
	text-align: right;
}

.subCon.about.esg_management .sec-4 table td a{
	width: 91px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #999999;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.03em;
	color: #323232;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.subCon.about.esg_management .sec-4 table td a:after{
	content: '\f090';
	font-family: 'Material Symbols Outlined';
	font-size: 22px;
	margin-left: 5px;
	font-weight: 400;
}

.subCon.about.esg_management .sec-5{
	display: flex;
	width: 100%;
	flex-direction: row;
	column-gap: 40px;
} 

.subCon.about.esg_management .sec-5 > *:nth-child(1){
	flex-basis: 40%;
}

.subCon.about.esg_management .sec-5 > div:nth-child(2){
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	padding-top: 20px;
	flex-basis: 60%;
}

.subCon.about.esg_management .sec-5 > div:nth-child(2) a{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 210px;
	height: 60px;
	background: #0C2F6B;
	border-radius: 0px;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #E8EBEF;
}

.subCon.about.rnd .sec-1 .cus-box{
	display: block;
	width: 100%;
	height: 390px;
	position: relative;
	min-width: 1000px;
}

.subCon.about.rnd .sec-1 .cus-box .e0{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	max-width: 516px;
	max-height: 335px;
}

.subCon.about.rnd .sec-1 .cus-box dl{
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 350px;
	height: 180px;
	background: #F4F4F6;
	align-items: flex-start;
	justify-content: center;
	padding-left: 60px;
	padding-right: 30px;
	white-space: normal;
}

.subCon.about.rnd .sec-1 .cus-box dl > dt{
	font-weight: 600;
	font-size: 20px;
	line-height: 34px;
	letter-spacing: -0.03em;
	color: #0C2F6B;
}

.subCon.about.rnd .sec-1 .cus-box dl > dd{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.03em;
	color: #323232;
}

.subCon.about.rnd .sec-1 .cus-box dl.d1{
	left: 0;
	top: 0;
}


.subCon.about.rnd .sec-1 .cus-box dl.d2{
	right: 0;
	top:0;
}


.subCon.about.rnd .sec-1 .cus-box dl.d3{
	bottom: 0;
	left: 0;
}

.subCon.about.rnd .sec-1 .cus-box dl.d4{
	bottom: 0;
	right: 0;
}

.subCon.about.rnd .sec-1 .cus-box dl:before{
	content: '';
	font-family: 'Material Symbols Outlined';
	position: absolute;
	color: #9198A9;
	left: 5%;
	font-size: 31px;
}

.subCon.about.rnd .sec-1 .cus-box dl.d1:before{
	content: '\e894';
}

.subCon.about.rnd .sec-1 .cus-box dl.d2:before{
	content: '\ea24';
}

.subCon.about.rnd .sec-1 .cus-box dl.d3:before{
	content: '\f39c';
}

.subCon.about.rnd .sec-1 .cus-box dl.d4:before{
	content: '\f233';
}

.subCon.about.rnd .sec-2 .cus-box{
	background-color: #F4F4F6;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
} 

.subCon.about.rnd .sec-2 ul{
	width: 100%;
	display: flex;
	flex-direction: row;
	column-gap: 20px;
}

.subCon.about.rnd .sec-2 ul > li{
	flex-basis: calc( (100% - 40px) / 3);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.03em;
	color: #323232;
}

.subCon.about.rnd .sec-2 ul > li h5{
	font-weight: 600;
	font-size: 20px;
	line-height: 34px;
	letter-spacing: -0.03em;
	color: #7097C1;
}

.subCon.about.rnd .sec-2 ul > li:nth-child(2){
	color: #C87C95;
}

.subCon.about.rnd .sec-2 ul > li:nth-child(3){
	color: #A58E78;
}

.subCon.about.rnd .sec-3 dl{
	height: 140px;
	background: #F4F4F6;
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-left: 128px;
	row-gap: 10px;
}

.subCon.about.rnd .sec-3 dl > dt{
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: -0.03em;
	color: #0C2F6B;
}

.subCon.about.rnd .sec-3 dl > dd{
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.03em;
	color: #666666;
}

.subCon.about.rnd .sec-3 dl:before{
	content: '';
	position: absolute;
	font-family: "Material Symbols Outlined";
	font-size: 36px;
	color: #0C2F6B;
	left:4%;
	top:50%;
	transform: translateY(-50%);
}

.subCon.about.rnd .sec-3 dl.d1:before{
	content:'\e71a' ;
}

.subCon.about.rnd .sec-3 dl.d2:before{
	content:'\e8e8' ;
}

.subCon.about.rnd .sec-3 dl.d3:before{
	content:'\ebcb' ;
}

.usr-dot{
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	align-items: flex-start;
	justify-content: center;
}

.usr-dot > li{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	column-gap: 10px;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.03em;
	color: #666666;
	line-height: 1.5em;
	position: relative;
	padding-left: 10px;
}

.usr-dot > li:before{
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #666;
	position: absolute;
	left:0;
	top:10px;
}

.subCon.about.rnd .sec-4 h3{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.subCon.about.rnd .sec-4 ul{
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 30px;
}

.subCon.about.rnd .sec-4 ul > li{
	flex-basis: calc( (100% - 60px) / 3);
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.03em;
	color: #323232;

}

.subCon.about.rnd .sec-4 ul > li p{
	margin-top: 5px;
}

.subCon.product .mainTxtCon{
	padding-bottom: 100px;
}

.subCon.product .swiper-wrapper{
	height: initial;
}

.subCon.product .productView h5{
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #222222;
	margin-bottom: 10px;
	margin-top: 40px;
}

.subCon.product .productView .usr-dot{
	padding-left: 10px;
}

.usr-mdata-list{
	display: flex;
	flex-direction: column;
	width: 100%;
	border-top: 1px solid #333;
	
}

.usr-mdata-list > li{
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	border-bottom: 1px solid #ccc;
	padding: 20px 0px;
	transition: background-color 1s;
}

.usr-mdata-list > li > *:nth-child(1){
	flex-basis: 15%;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #999999;
}

.usr-mdata-list > li > *:nth-child(2){
	flex-basis: 70%;
	font-weight: 500;
	font-size: 18px;
	line-height: 34px;
	color: #222222;
}

.usr-mdata-list > li > *:nth-child(3){
	flex-basis: 15%;
	text-align: center;
}

.usr-mdata-list > li:hover{
	background-color: #F4F4F6;
}

.usr-down{
	width: 91px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #999999;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.03em;
	color: #323232;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.usr-down:after{
	content: '\f090';
	font-family: 'Material Symbols Outlined';
	font-size: 22px;
	margin-left: 5px;
	font-weight: 400;
}

.usr-gonggo-list{
	display: flex;
	flex-direction: column;
	width: 100%;
	row-gap: 20px;
}

.usr-gonggo-list > li{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 30px 40px;
	border: 1px solid rgba(204, 204, 204, 0.8);
	transition: background-color 1s;
}


.usr-gonggo-list > li > a{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.usr-gonggo-list > li .d1{
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.usr-gonggo-list > li p{
	font-weight: 500;
	font-size: 20px;
	line-height: 34px;
	color: #323232;
}

.usr-gonggo-list > li date{
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #CF1154;
}

.usr-gonggo-list > li .d2{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #CF1154;
}

.usr-gonggo-list > li:hover{
	background-color: #F4F4F6;
}

.subCon.newsmedia.gonggo .cus-file-list{
	display: flex;
	flex-direction: row;
	column-gap: 20px;
	width: 100%;
	flex-wrap: wrap;
	row-gap: 20px;
}

.subCon.newsmedia.gonggo .cus-file-list > li{
	height: 50px;
	background: #F6F6F6;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #555555;
	padding: 0 20px;
}

.subCon.newsmedia.gonggo .cus-file-list > li:before{
	content: '\e226';
	font-family: 'Material Symbols Outlined';
	color: #0080C4;
	font-size: 20px;
}

.subCon.newsmedia.gonggo .cus-go{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}

.subCon.newsmedia.gonggo .cus-go a{
	width: 100%;
	max-width: 300px;
	height: 70px;
	background: #0C2F6B;
	font-weight: 600;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.subCon.customer.contact_us .sub-wrap{
	display: flex;
	width: 100%;
	flex-direction: row;
	column-gap: 40px;
}

.subCon.customer.contact_us .sub-wrap .d2{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.subCon.customer.contact_us .sub-wrap .d2 h4{
	width: 260px;
	height: 60px;
	background: #03122A;
	border-radius: 0px 0px 30px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 26px;
	line-height: 31px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.subCon.customer.contact_us .sub-wrap .d2 p{
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 10px;
}

.subCon.about.ceo .sub1_1S1 .img_wrap{
	width: 40%;
}

.subCon.about.ceo .sub1_1S1 .text_wrap{
	width: 60%;
}

.s_title.f24{
	font-size: 24px;
	font-weight: 600;
}


/* privacy */
.privacy {font-size:1.143em; line-height:1.714em;}

.privacy-index {margin:4% 0;}
.privacy-index .inner { background:#f7f7f7; border:1px solid #e1e1e1; padding:3.2728%;}
.privacy-index .inner:after {content:""; display:block; clear:both;}
.privacy-index li {margin-bottom:1%;}
.privacy-index li.on a { font-weight:bold; color:#2374c5;}
.privacy-index li.on a::after {content:""; position:relative; top:5px; width:18px; height:18px; display:inline-block; margin-left:10px; background:url('../../assets/img/content/ico-link.png') no-repeat 0 0;}
.privacy-index .pi-left {float:left; width:49%;}
.privacy-index .pi-right {float:right; width:49%;}
.privacy-index .pi-etc {margin-top:1%; text-align:right; font-size:0.750em; color:#666;}


.privacy .pi-box {padding-top:2%; margin-top:3%; border-top:1px solid #e1e1e1;}
.privacy .pi-box.first {padding-top:0; margin-top:0; border-top:0;}

.privacy .pi-box p {margin-bottom:1.82%;}
.privacy .pi-box .pi-tit {margin-bottom:1.455%; font-size:1.250em; color:#2374c5;}
.privacy .pi-box .pi-list {}
.privacy .pi-box .pi-list li {margin-bottom:0.5%;}
.privacy .pi-box .pi-list > li {padding-left:1.637%; text-indent:-1.637%;}
.privacy .pi-box .pi-list li ul {margin:0.5% 0 1.5% -1%;}
.privacy .pi-box .pi-list li p {font-size:0.875em; line-height:normal; margin-left:-1.637%; text-indent: 0;}
.privacy .pi-box .pi-list li ul.dark-color li {color:#333;}
.privacy .pi-box .pi-list li li {color:#666; font-size:0.875em; padding-left:1.82%; text-indent: -1.02%; line-height:normal;}
.privacy .pi-box .pi-list li li ul {margin-left:0;}
.privacy .pi-box .pi-list li li li {color:#666 !important; font-size:0.929em; padding-left:0.91%; text-indent: -0.91%; line-height:normal;}
.privacy .pi-box .pi-etc-txt {display:block; font-size:0.875em; color:#666;}

.privacy .brd-wrap {font-weight:normal; font-size:0.875em}
.privacy .brd-wrap td {padding-left:20px; line-height:1.4em;}
.privacy .brd-wrap .center {ont-weight:normal; padding:9px 0 10px}
.privacy .pi-box.last p{margin-bottom:0;}

.tbl-data{
	width: 100%;
}

legend, caption {
width: 0;
height: 0;
font-size: 0;
text-indent: -9999em;
line-height: 0;
overflow: hidden;
top: -9999em;
left: -9999em;
position: absolute;
display: none;
}

.tbl-data01 thead th {
background: #70767b;
color: #fff;
border: 1px solid #7f8589;
}

.privacy .brd-wrap .center {
font-weight: normal;
padding: 9px 0 10px;
}

.data01 td {
border: 1px solid #e7e7e7;
}

.tbl-data01 .center {
text-align: center;
}

.tbl-data01 th, .tbl-data01 td {
border: 1px solid #e7e7e7;
}

.subCon.customer.email .cus-d0{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	column-gap: 3%;
}

.subCon.customer.email .cus-d0 .d1{
	background-color: #9198A9;
	width: 12%;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.subCon.customer.email .cus-d0 .d1 span{
	font-size: 70px;
}

.subCon.customer.email .cus-d0 .d2{
	width:85%;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.03em;
	color: #666666;
}


.mt-10{
	margin-top: 100px;
}

.subCon.customer.license .sub-wrap p{
	margin-top: 20px;
}

@media all and (max-width: 1280px) { .sub1_1Business .bs_row > li { width: 50%; }
	.sub1_1Business .bs_row > li:nth-of-type(3) { margin-left: 0; }
	.sub1_3Intro .text_wrap h4 br { display: none; }
	.sub1_4Info .grid > li { width: calc(50% - 10px); }
	.sub1_4Info .grid > li:first-of-type { margin-right: 20px; }
	.board_viewMid .img img { width: 100% !important; height: auto !important; }
	.productCon .productTab { display: -webkit-box; display: -ms-flexbox; display: flex; }
	.productCon .productTab > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
	.productCon .categoryCon .categoryList ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
	.relatedCon ul li { width: calc((100% - 60px) / 4); } 

	.subCon.about.rnd .sec-1 .cus-box dl{
		width: 30%;
	}	

	.subCon.about.rnd .sec-1 .cus-box .e0{
		max-width: 40%;
	}
}

@media all and (max-width: 1080px) { .lnbCon .lnb.w1200 { padding: 0; }
  
	.lnbCon .lnb .home { display: none; }
	.lnbCon .lnb { height: 110px; line-height: 110px; }
	.lnbCon .lnb .depth { width: 50%; min-width: auto; white-space: inherit; }
	.lnbCon .lnb .depth:last-of-type { border-right: 0; }
	.lnbCon .lnb .depth p { display: inline-block; width: 100%; padding: 0 70px 0 40px; font-size: 24px; color: #222; line-height: 1.25; background: url("../../assets/img/mobile/common/subLnb_arrow_down.png") center right 40px no-repeat; background-size: 11px auto; vertical-align: middle; }
	.lnbCon .lnb .depth p.on { background-image: url("../../assets/img/mobile/common/subLnb_arrow_up.png"); }
	.lnbCon .lnb .depth ul { min-width: calc(100% + 1px); padding: 30px 0; position: absolute; top: 110px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	.lnbCon .lnb .depth ul li { margin-bottom: 20px; }
	.lnbCon .lnb .depth ul li:last-of-type { margin-bottom: 0; }
	.lnbCon .lnb .depth ul li a { display: inline-block; height: auto; padding: 15px 40px; font-size: 24px; line-height: 1.2; color: #222; position: relative; }
	.lnbCon .lnb .depth ul li a:after { content: ""; display: inline-block; width: 7px; height: 11px; background: url("../../assets/img/mobile/common/right_arrow_small_black.png") center no-repeat; background-size: 100% auto; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.lnbCon .lnb .depth ul li a:hover { color: #222; background: transparent; }
	.subCon .page_tit { font-size: 48px; padding: 60px 0; }
	.sub1_1S1 .row1 { margin-bottom: 60px; }
	.sub1_1S1 .row1 > div { float: none; }
	.sub1_1S1 .img_wrap { width: 446px; margin: 0 auto 40px; }
	.sub1_1S1 .img_wrap img { width: 100%; }
	.sub1_1S1 .text_wrap { width: 100%; }
	.s_title { font-size: 42px; margin-bottom: 55px; }
	.s_title.al_left { text-align: center; }
	.s_title.al_left::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.s_title::before { width: 42px; height: 6px; top: -16px; }
	.sub1_1S1 .s_title { width: 100%; position: absolute; top: 120px; left: 0; margin: 0; }
	.sub1_1S1 .text_wrap span { font-size: 30px; line-height: 36px; padding: 0 40px; margin-bottom: 20px; font-weight: 300; }
	.sub1_1S1 .text_wrap p { font-size: 24px; line-height: 32px; font-weight: 300; }
	.sub1_1S1 .row2 li { width: calc(50% - 10px); margin: 0 20px 20px 0; padding: 75px 0; }
	.sub1_1S1 .row2 li::before { top: 0; height: 30px; }
	.sub1_1S1 .row2 li:nth-of-type(2n) { margin-right: 0; }
	.sub1_1S1 .row2 li dt { margin-top: 0; font-size: 22px; }
	.sub1_1S1 .row2 li dt img { width: 110px; margin: 35px auto 30px; }
	.sub1_1S1 .row2 li dd { font-size: 56px; margin-bottom: 0; }
	.sub1_1S1 .row2 li dd strong { font-weight: 600; }
	.sub1_1S1 .row2 li dd span { display: block; font-size: 24px; margin-bottom: 25px; }
	.sub1_1Business { padding: 120px 0 100px; }
	.sub1_1Business .bs_row > li { float: none; width: 100%; height: auto; margin-bottom: 40px; background-image: none !important; }
	.sub1_1Business .bs_row > li:hover { -webkit-box-shadow: none; box-shadow: none; }
	.sub1_1Business .bs_row > li::before { display: none; }
	.sub1_1Business .bs_row > li:nth-of-type(3) { margin-left: 0; }
	.sub1_1Business .bs_row > li:last-of-type { margin-bottom: 0; }
	.sub1_1Business .bs_row > li .img_wrap { margin-bottom: 40px; }
	.sub1_1Business .bs_row > li .img_wrap img { width: 100%; }
	.sub1_1Business .bs_row h4 { position: relative; color: #222; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); font-size: 28px; margin-bottom: 25px; right: 0; }
	.sub1_1Business .bs_list { position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); left: 0; line-height: 1; color: #666; opacity: 1; }
	.sub1_1Business .bs_list > li { margin-bottom: 15px; padding-left: 20px; font-size: 22px; }
	.sub1_1Business .bs_list > li:last-of-type { margin-bottom: 0; }
	.sub1_1Business .bs_list > li::before { width: 7px; height: 7px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; left: 2px; }
	.sub1_1Green { padding: 120px 0 100px; }
	.sub1_1Green ul { margin-bottom: -20px; }
	.sub1_1Green li { display: block; width: calc(50% - 10px); margin: 0 20px 20px 0; padding: 50px 0; text-align: center; }
	.sub1_1Green li:nth-of-type(3n) { margin-right: 20px; }
	.sub1_1Green li:nth-of-type(2n) { margin-right: 0; }
	.sub1_1Green li:last-of-type { margin-right: 0; }
	.sub1_1Green li img { width: 110px; margin-bottom: 25px; }
	.sub1_1Green li dl { width: 100%; padding-left: 0; font-size: 18px; -ms-flex-negative: 0; flex-shrink: 0; }
	.sub1_1Green li dt { line-height: 28px; font-size: 22px; margin-bottom: 25px; }
	.sub1_1Green li dd { font-weight: 600; font-size: 22px; line-height: 1; }
	.sub1_1Phil { background-image: url("../../assets/img/mobile/content/sub1_1Togerther_bg.jpg"); margin-bottom: 240px; }
	.sub1_1Phil .phil_content { width: 100%; padding: 98px 0 80px; top: 240px; -webkit-box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, 0.1); box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, 0.1); text-align: center; }
	.sub1_1Phil .phil_content h3 { margin-bottom: 25px; }
	.sub1_1Phil .phil_content h4 { font-size: 30px; font-weight: 500; margin-bottom: 18px; }
	.sub1_1Phil .phil_content p { font-size: 22px; line-height: 34px; margin-bottom: 40px; font-weight: 300; }
	.sub1_1Phil .circle_wrap { left: 0; }
	.sub1_1Phil .circle_wrap li { float: none; display: inline-block; width: 168px; height: 168px; font-size: 22px; line-height: 168px; }
	.sub1_1Phil .circle_wrap li:nth-of-type(2), .sub1_1Phil .circle_wrap li:last-of-type { margin-left: -20px; }
	.sub1_1Global { padding: 100px 0; }
	.sub1_1Global .s_title.wSpan span { font-size: 18px; }
	.sub1_1Global .global_sort { border-width: 2px; margin: 0 auto 40px; }
	.sub1_1Global .global_sort li { font-size: 20px; padding: 16px 0 16px 30px; }
	.sub1_1Global .global_sort li:last-of-type { padding-right: 17px; }
	.sub1_1Global .global_sort li::before { width: 7px; height: 7px; left: 18px; }
	.sub1_1Global .globalMap_wrap .btn-office-view { display: none; }
	.sub1_1Global .globalMap_wrap .btn-zoom { display: block; width: 228px; height: 57px; line-height: 55px; margin: 60px auto 80px; font-size: 22px; font-weight: 500; border: 1px solid #ccc; text-align: center; }
	.sub1_1Global .global-office-info-wrap #officeSel { width: 100%; height: 72px; line-height: 72px; padding: 0 70px 0 30px; margin-bottom: 20px; font-size: 22px; color: #222; font-weight: 600; border: 1px solid #ccc; background: url("../../assets/img/mobile/common/subLnb_arrow_down.png") center right 30px no-repeat; background-size: 11px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	.sub1_1Global .global-office-info-wrap #officeSel::-ms-expand { display: none; }
	.global-office-info-wrap .office-info > dl { padding: 30px 20px; border-width: 1px; border-top-width: 2px; }
	.global-office-info-wrap .office-info > dl + dl { margin-top: 25px; }
	.global-office-info-wrap .office-info > dl > dt { font-size: 18px; margin-bottom: 10px; }
	.global-office-info-wrap .office-info > dl > dd { font-size: 18px; }
	.global-office-info-wrap .office-info > dl > dd::before { top: 10px; width: 2px; height: 2px; }
	.global-office-info-wrap .office-info > dl > dd + dd { margin-top: 10px; }
	.sub1_2Intro { padding: 120px 0 100px; }
	.s_title.wSpan span.fz18 { font-size: 24px; line-height: 32px; font-weight: 300; }
	.sub1_2Intro ul > li { float: none; }
	.sub1_2Intro .img_wrap { width: 100%; margin-bottom: 50px; }
	.sub1_2Intro .img_wrap::before { display: none; }
	.sub1_2Intro .text_wrap { width: 100%; padding-left: 0; text-align: center; }
	.sub1_2Intro .text_wrap dt { font-size: 30px; line-height: 40px; margin-bottom: 35px; }
	.sub1_2Intro .text_wrap dd { margin-bottom: 25px; font-size: 22px; font-weight: 300; }
	.sub1_2Intro .text_wrap dd:last-of-type { font-size: 24px; }
	.sub1_2History { padding: 120px 0 100px; }
	.sub1_2History .s_title { margin-bottom: 55px; }
	.sub1_2History .s_title.wSpan span { font-size: 22px; }
	.sub1_2History .s_title span br { display: none; }
	.sub1_2History .s2_map { width: 100%; padding-bottom: 42px; }

	.subCon .history_top .scroll_wrap { margin: 0 -40px 100px; }
	.subCon .history_top .scroll_wrap .ta_mo_img { width: 1560px; padding: 0 40px 20px; max-width: none; }
	.subCon .scroll_wrap .mCSB_scrollTools { opacity: 1; }
	.subCon .scroll_wrap .mCSB_scrollTools .mCSB_draggerContainer { margin: 0 40px; }
	.subCon .scroll_wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: #dfe3e5; height: 10px; margin: 0; }
	.subCon .scroll_wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 10px; background-color: #00489b; margin: 0; }
	.sub1_2History .history_list { width: calc(100% + 80px); padding: 0 40px; margin: 0 -40px 60px; }
	.sub1_2History .history_list::before, .sub1_2History .history_list::after { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	.sub1_2History .history_list::before { left: 50px; background: url("../../assets/img/mobile/content/sub1_2History_line.png") 0 0 repeat; }
	.sub1_2History .history_list::after { width: 20px; height: 20px; background: url("../../assets/img/mobile/content/sub1_2History_dot_red.png") center no-repeat; left: 41px; background-size: 100% auto; }
	.sub1_2History .history_list ul { padding: 88px 0 0 40px; line-height: 1; }
	.sub1_2History .history_list li { float: none; width: 100%; margin: 0 0 40px !important; }
	.sub1_2History .history_list li:last-of-type { margin-bottom: 60px !important; }
	.sub1_2History .history_list li h5 { margin-bottom: 10px; font-size: 30px; }
	.sub1_2History .history_list li:nth-of-type(even) h5 { color: #003377; }
	.sub1_2History .history_list li::after { width: 20px; height: 20px; background: url("../../assets/img/mobile/content/sub1_2History_dot_blk.png") center no-repeat; background-size: 100% auto; left: -39px !important; right: auto !important; }
	.sub1_2History .history_list li .img_wrap { height: 228px; width: 245px; }
	.sub1_2History .history_list li .img_wrap img { width: 100%; }
	.sub1_2History .history_list li:nth-of-type(even) { padding-left: 0; }
	.sub1_2History .history_list li:nth-of-type(even) .text_wrap { padding: 5vw 0 5vw 40px; }
	.sub1_2History .history_list .text_wrap { padding: 5vw 0 5vw 40px; width: calc(100% - 0px); font-size: 18px; font-weight: 300; }
	.sub1_2History .history_list .text_wrap:before { width: 100%; }
	.sub1_2History .history_list li:nth-of-type(odd) .text_wrap { color: #000022; }
	.sub1_2History .history_list .text_wrap p { font-size: 22px; line-height: 32px; color: #000022; }
	.sub1_2History .history_text { font-size: 28px; line-height: 38px; font-weight: 500; }
	.sub1_2History .history_text br { display: none; }
	.sub1_3Intro { padding: 100px 0; position: relative; }
	.sub1_3Intro .w1200 { position: static; }
	.sub1_3Intro ul li { float: none; }
	.sub1_3Intro .img_wrap { width: 100%; margin-bottom: 50px; }
	.sub1_3Intro .s_title { margin-top: 0; width: 100%; position: absolute; top: 0; left: 0; }
	.sub1_3Intro .text_wrap { width: 100%; padding-left: 0; text-align: center; }
	.sub1_3Intro .text_wrap h4 { font-size: 30px; line-height: 40px; margin-bottom: 25px; }
	.sub1_3Intro .text_wrap p { font-size: 22px; line-height: 1.4; font-weight: 300; color: #666; }
	.sub1_3Provide { padding: 120px 0 100px; text-align: center; }
	.sub1_3Provide .s_title { margin-bottom: 15px; }
	.sub1_3Provide p { font-size: 22px; margin-bottom: 55px; font-weight: 300; }
	.sub1_3Provide .w1200 > img { width: 480px; }
	.sub1_3Safety { padding: 120px 0 120px; }
	.sub1_3Safety ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 140px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; position: relative; }
	.sub1_3Safety li { float: none; }
	.sub1_3Safety .text_wrap { width: 100%; padding-left: 0; text-align: center; }
	.sub1_3Safety .s_title { text-align: center; width: 100%; position: absolute; top: 0; left: 0; margin: 0; }
	.sub1_3Safety .s_title::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.sub1_3Safety .sTit_sub { font-size: 22px; margin-top: 15px; font-weight: 300; }
	.sub1_3Safety dl { padding-right: 0; }
	.sub1_3Safety dt { font-size: 30px; margin-bottom: 25px; font-weight: 300; }
	.sub1_3Safety dd { font-size: 22px; font-weight: 300; }
	.sub1_3Safety .img_wrap { width: 100%; margin-bottom: 30px; }
	.sub1_4Intro { padding: 120px 0 100px; }
	.sub1_4Intro .row1 > div, .sub1_4Intro .row2 > div { float: none; }
	.sub1_4Intro .row1 { margin-bottom: 60px; }
	.sub1_4Intro .text_wrap { width: 100%; padding: 40px 0 0; }
	.sub1_4Intro h4 { font-size: 30px; margin-bottom: 40px; width: 280px; height: 68px; line-height: 68px; border-bottom-right-radius: 30px; font-weight: 500; }
	.sub1_4Intro p { font-size: 22px; line-height: 32px; font-weight: 300; }
	.sub1_4Intro .map_wrap { width: 100%; height: 400px; }
	.sub1_4Intro .map_wrap iframe { border-top-width: 2px; }
	.sub1_4Info { padding: 120px 0 100px; background: #f7f7f7; }
	.sub1_4Info .s_title { margin-bottom: 55px; }
	.sub1_4Info .grid > li { float: none; width: 100%; padding: 60px 0; background-image: none !important; text-align: center; }
	.sub1_4Info .grid > li:first-of-type { margin: 0 0 40px; }
	.sub1_4Info h5 { font-size: 30px; font-weight: 700; margin: 0; }
	.sub1_4Info h5 span { font-size: 24px; margin-bottom: 12px; }
	.sub1_4Info .img_wrap { margin: 45px 0 50px; }
	.sub1_4Info .img_wrap > img { width: 260px; }
	.sub1_4Info .ct_ist { display: inline-block; font-size: 22px; line-height: 1; margin-bottom: 0; text-align: left; font-weight: 300; }
	.sub1_4Info .ct_ist li { margin-bottom: 14px; padding-left: 35px; }
	.sub1_4Info .ct_ist li:last-of-type { margin-bottom: 0; }
	.sub1_4Info .ct_ist li::before { width: 21px; height: 21px; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 21px auto; background: url("../../assets/img/mobile/content/sub1_4Contact_icon1.png") 0 0 no-repeat; }
	.sub1_4Info .ct_ist li:nth-of-type(2)::before { background-position: 0 0; background-image: url("../../assets/img/mobile/content/sub1_4Contact_icon2.png"); }
	.sub1_4Info .ct_ist li:nth-of-type(3)::before { background-position: 0 0; background-image: url("../../assets/img/mobile/content/sub1_4Contact_icon3.png"); }
	.board_viewBot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	.board_viewBot dl { width: auto; margin-right: 0; }
	.board_viewBot dl dd { display: none; }
	.boardBtn.center { margin-top: -60px; padding-top: 0; }
	.boardBtn .count { padding-top: 70px; margin-bottom: 30px; font-size: 22px; position: relative; text-align: left; }
	.mainTxtCon .detail .img { width: 40%; }
	.mainTxtCon .detail .txt { padding-top: 0; }
	.productCon .productTab > li > a { font-size: 20px; }
	.productCon .productList .productCard a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
	.productCon .productList .productCard a .img { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; height: auto; }
	.productCon .productList .productCard a .img > img { position: static; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: 100%; }
	.productCon .productList .productCard a .txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
	.productCon .categoryCon .categoryList ul li a span { font-size: 16px; }
	.relatedCon ul li { width: calc((100% - 40px) / 3); }
	.relatedCon ul li:nth-child(4n) { margin-right: 20px; }
	.relatedCon ul li:nth-child(3n) { margin-right: 0; }
	.board_list_gallery { padding-bottom: 50px; }
	.board_list_gallery li { width: 100%; margin: 0 0 60px 0; }
	.board_list_gallery li:last-of-type { margin-bottom: 0; }
	.board_list_gallery li .imgWrap .hover { display: none; }
	.board_list_gallery li p { padding: 0 20px; margin-top: 20px; font-size: 28px; line-height: 1.3; }
	.newsCon .board_view .board_viewMid img { width: 100% !important; height: auto !important; }
	.sub-wrap.subsidiaries > section > div .img-wrap > div { width: 100% !important; }
	.sub-wrap.subsidiaries > section > div .gray-box .ta_mo_img { display: block !important; vertical-align: top; width: 80%; margin: 0 auto; }
	.sub-wrap.subsidiaries > section > div .gray-box > p { vertical-align: top; width: 100%; padding-left: 0; margin-top: 40px; }
	.sub-wrap.rnd .top.esg > div.img-wrap { width: 100%; }
	.sub-wrap.rnd .top.esg > div.img-wrap > img { width: 100%; max-width: 418px; }
	.sub-wrap.rnd .top.esg > div.txt-wrap { width: 100%; margin-top: 40px; }
	.sub-wrap.rnd .top.esg > div.txt-wrap > p.title::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.sub1_3Safety.europe .boardBtn { padding-top: 0; margin-top: 40px; }
	.sub1_4Info ul.contact-europe { margin-top: -5.56vw; }
	.sub1_4Info ul.contact-europe > li { width: 100%; margin-right: 0; margin-top: 5.56vw; }
	.more-product .categoryList ul { margin-top: -20px; }
	.more-product .categoryList ul li { vertical-align: top; width: calc((100% - 20px) / 2); margin-top: 20px; }
	.more-product .categoryList ul li:nth-child(2n) { margin-right: 0; }
	.modal-wrap .modal-video .boardBtn.center { margin-top: 0; padding-top: 40px; } 

	.subCon.about.esg_management .cus-list > li{
		column-gap: 20px;
	}
	.subCon.about.esg_management .cus-list > li > div:nth-child(1){
		flex-basis: 40%;
	}

	.subCon.about.esg_management .cus-list > li > div:nth-child(1) img{
		max-width: 100%;
	}

	.subCon.about.esg_management .cus-list > li > div:nth-child(2){
		flex-basis: 60%;
		padding: 20px;
	}

	.s_title{
		margin-bottom: 10px;
	}

	.sub-wrap-sub .s_title{
		margin-bottom: 0;
	}

	.global-list{
		flex-wrap: wrap;
		row-gap: 20px;
	}

	.global-list > li{
		width: calc((100% - 30px) / 3);
	}

	.global-map .mo_img{
		display: block !important;
		margin-bottom: 20px;
	}



}

@media all and (max-width: 720px) { /* subLnb */
	.subLnb .subVisual > .scale { display: none; }
	.subLnb .subVisual { height: 69.31vw; background: url("../../assets/img/mobile/content/subVisual_about.jpg") center center no-repeat; background-size: cover; }
	
	.subLnb .subVisual.about { background-image: url("../../assets/img/mobile/content/subVisual_about.png"); }
	.subLnb .subVisual.product.car { background-image: url("../../assets/img/mobile/content/subVisual_product_car.png"); }
	.subLnb .subVisual.product.ess { background-image: url("../../assets/img/mobile/content/subVisual_product_ess.png"); }
	.subLnb .subVisual.product.ev { background-image: url("../../assets/img/mobile/content/subVisual_product_ev.png"); }
	.subLnb .subVisual.customer  { background-image: url("../../assets/img/mobile/content/subVisual_newsMedia.png"); }
	.subLnb .subVisual.newsmedia { background-image: url("../../assets/img/mobile/content/subVisual_customer.png"); }


	.lnbCon .lnb { height: 15.28vw; line-height: 15.28vw; }
	.lnbCon .lnb .depth p { width: 100%; padding: 0 9.72vw 0 5.56vw; font-size: 3.33vw; background: url("../../assets/img/mobile/common/subLnb_arrow_down.png") center right 5.56vw no-repeat; background-size: 1.53vw auto; }
	.lnbCon .lnb .depth ul { padding: 4.17vw 0; top: 15.28vw; }
	.lnbCon .lnb .depth ul li { margin-bottom: 2.78vw; }
	.lnbCon .lnb .depth ul li a { padding: 2.08vw 5.56vw; font-size: 3.33vw; }
	.lnbCon .lnb .depth ul li a:after { width: 0.97vw; height: 1.53vw; right: 2.78vw; }
	.subCon { padding-top: 13.89vw; }
	.subCon h2 { font-size: 6.67vw; font-weight: 600; text-align: center; line-height: 1.08; }
	.subCon .page_tit { font-size: 6.67vw; padding: 8.33vw 0; }
	.subCon .tit_mb100 { margin-bottom: 13.89vw; }
	.sub1_1S1 .row1 { margin-bottom: 8.33vw; }
	.sub1_1S1 .img_wrap { width: 100%; margin: 0 auto 5.56vw; }
	.s_title { font-size: 5.83vw; margin-bottom: 7.64vw;line-height:1.4em }
	.s_title::before { width: 5.83vw; height: 0.83vw; top: -2.22vw; }
	.sub1_1S1 .s_title { top: 16.67vw; }
	.sub1_1S1 .text_wrap span { font-size: 4.17vw; line-height: 5vw; padding: 0vw; margin-bottom: 2.78vw;line-height:1.5em }
	.sub1_1S1 .text_wrap p { font-size: 3.8vw;line-height: 1.5em;}
	.sub1_1S1 .text_wrap span::before{width: 18px}
	.sub1_1S1 .row2 { width: 88.89vw; margin: 0 auto -2.78vw; }
	.sub1_1S1 .row2 li { width: 100%; margin: 0 2.78vw 2.78vw 0; padding: 10.42vw 0; }
	.sub1_1S1 .row2 li::before { height: 4.17vw; }
	.sub1_1S1 .row2 li dt { font-size: 3.06vw; }
	.sub1_1S1 .row2 li dt img { width: 15.28vw; margin: 4.86vw auto 4.17vw; }
	.sub1_1S1 .row2 li dd { font-size: 5.78vw; }
	.sub1_1S1 .row2 li dd span { font-size: 3.33vw; margin-bottom: 3.47vw; }
	.sub1_1Business { padding: 16.67vw 0 13.89vw; }
	.sub1_1Business .bs_row > li { margin-bottom: 5.56vw; }
	.sub1_1Business .bs_row > li .img_wrap { margin-bottom: 5.56vw; }
	.sub1_1Business .bs_row h4 { font-size: 3.89vw; margin-bottom: 3.47vw; }
	.sub1_1Business .bs_list > li { margin-bottom: 2.08vw; padding-left: 2.78vw; font-size: 3.06vw; }
	.sub1_1Business .bs_list > li::before { width: 0.97vw; height: 0.97vw; left: 0.28vw; }
	.sub1_1Green { padding: 16.67vw 0 13.89vw; }
	.sub1_1Green h3.s_title > span{ font-size: 2.50vw; margin-top:2.08vw;}
	.sub1_1Green ul { margin-bottom: -2.78vw; }
	.sub1_1Green li { width: calc(50% - 1.39vw); margin: 0 2.78vw 2.78vw 0; padding: 6.94vw 0; }
	.sub1_1Green li:nth-of-type(3n) { margin-right: 2.78vw; }
	.sub1_1Green li:last-of-type { margin-right: 0; }
	.sub1_1Green li img { width: 15.28vw; margin-bottom: 3.47vw; }
	.sub1_1Green li dl { font-size: 2.50vw; }
	.sub1_1Green li dt { line-height: 3.89vw; font-size: 3.06vw; margin-bottom: 3.47vw; }
	.sub1_1Green li dd { font-size: 3.06vw; }
	.sub1_1Phil { margin-bottom: 33.33vw; }
	.sub1_1Phil .phil_content { padding: 13.61vw 0 11.11vw; top: 33.33vw; -webkit-box-shadow: 0.83vw 0.83vw 1.94vw 0vw rgba(0, 0, 0, 0.1); box-shadow: 0.83vw 0.83vw 1.94vw 0vw rgba(0, 0, 0, 0.1); }
	.sub1_1Phil .phil_content h3 { margin-bottom: 3.47vw; }
	.sub1_1Phil .phil_content h4 { font-size: 4.17vw; margin-bottom: 2.50vw; }
	.sub1_1Phil .phil_content p { font-size: 3.06vw; line-height: 4.72vw; margin-bottom: 5.56vw; }
	.sub1_1Phil .circle_wrap li { width: 23.33vw; height: 23.33vw; font-size: 3.06vw; line-height: 23.33vw; }
	.sub1_1Phil .circle_wrap li:nth-of-type(2), .sub1_1Phil .circle_wrap li:last-of-type { margin-left: -2.78vw; }
	.sub1_1Global { padding: 13.89vw 0; }
	.sub1_1Global .s_title.wSpan span { font-size: 2.50vw; }
	.sub1_1Global .global_sort { border-width: 0.28vw; margin: 0 auto 5.56vw; }
	.sub1_1Global .global_sort li { font-size: 2.78vw; padding: 2.22vw 0 2.22vw 4.17vw; }
	.sub1_1Global .global_sort li:last-of-type { padding-right: 2.36vw; }
	.sub1_1Global .global_sort li::before { width: 0.97vw; height: 0.97vw; left: 2.50vw; }
	.sub1_1Global .global-office-info-wrap { margin-top: 8.33vw; }
	.sub1_1Global .globalMap_wrap .btn-zoom { width: 31.67vw; height: 7.92vw; line-height: 7.64vw; margin: 8.33vw auto 0; font-size: 3.06vw; border-width: 0.14vw; }
	.sub1_1Global .global-office-info-wrap #officeSel { height: 10vw; line-height: 10vw; padding: 0 9.72vw 0 4.17vw; margin-bottom: 2.78vw; font-size: 3.06vw; border: 0.14vw solid #ccc; background: url("../../assets/img/mobile/common/subLnb_arrow_down.png") center right 4.17vw no-repeat; background-size: 1.53vw auto; }
	.global-office-info-wrap .office-info > dl { padding: 4.17vw 2.78vw; border-width: 0.14vw; border-top-width: 0.28vw; }
	.global-office-info-wrap .office-info > dl + dl { margin-top: 3.47vw; }
	.global-office-info-wrap .office-info > dl > dt { font-size: 2.50vw; margin-bottom: 1.39vw; }
	.global-office-info-wrap .office-info > dl > dd { font-size: 2.50vw; }
	.global-office-info-wrap .office-info > dl > dd::before { top: 1.39vw; width: 0.28vw; height: 0.28vw; }
	.global-office-info-wrap .office-info > dl > dd + dd { margin-top: 1.39vw; }
	.sub1_2Intro { padding: 16.67vw 0 13.89vw; }
	.s_title.wSpan span.fz18 { font-size: 3.33vw; line-height: 4.44vw; }
	.sub1_2Intro .img_wrap { width: 100%; margin-bottom: 6.94vw; }
	.sub1_2Intro .text_wrap dt { font-size: 4.17vw; line-height: 5.56vw; margin-bottom: 4.86vw; }
	.sub1_2Intro .text_wrap dd { margin-bottom: 3.47vw; font-size: 3.06vw; }
	.sub1_2Intro .text_wrap dd:last-of-type { font-size: 3.33vw; }
	.sub1_2Intro .text_wrap dd:last-of-type > span { font-size: 3.61vw; margin-left: 4.17vw; }
	.sub1_2History { padding: 5vw 0 13.89vw; }
	.sub1_2History .s_title { margin-bottom: 7.64vw; }
	.sub1_2History .s_title.wSpan span { font-size: 3.06vw; }
	.sub1_2History .s2_map { width: 100%; padding-bottom: 5.83vw; }
		.history_top{padding:0vw 0}
	.subCon .history_top .scroll_wrap { margin: 0 -5.56vw 13.89vw; }
	.subCon .history_top .scroll_wrap .ta_mo_img { width: 216.67vw; padding: 0 5.56vw 2.78vw; }
	.subCon .scroll_wrap .mCSB_scrollTools .mCSB_draggerContainer { margin: 0 5.56vw; }
	.subCon .scroll_wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 1.39vw; }
	.subCon .scroll_wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 1.39vw; }

	.sub1_2History .history_list { width: calc(100% + 11.11vw); padding: 0 5.56vw; margin: 0 -5.56vw 8.33vw; }
	.sub1_2History .history_list::before { left: 6.94vw; }
	.sub1_2History .history_list::after { width: 2.78vw; height: 2.78vw; left: 5.69vw; }
	.sub1_2History .history_list ul { padding: 12.22vw 0 0 5.56vw; }
	.sub1_2History .history_list li { margin: 0 0 5.56vw !important; }
	.sub1_2History .history_list li:last-of-type { margin-bottom: 8.33vw !important; }
	.sub1_2History .history_list li h5 { margin-bottom: 1.39vw; font-size: 4.17vw; }
	.sub1_2History .history_list li::after { width: 2.78vw; height: 2.78vw; left: -5.42vw !important; }
	.sub1_2History .history_list li .img_wrap { height: 31.67vw; width: 34.03vw; }
	.sub1_2History .history_list li:nth-of-type(even) .text_wrap { padding: 0 0 0 5.56vw; }
	.sub1_2History .history_list .text_wrap { padding: 0 0 0 5.56vw; width: calc(100% - 34.03vw); font-size: 2.50vw; }
	.sub1_2History .history_list .text_wrap p { font-size: 3.4vw; line-height: 4.44vw; }
	.sub1_2History .history_text { font-size: 3.89vw; line-height: 5.28vw; }

	.sub1_3Intro { padding: 13.89vw 0; }
	.sub1_3Intro .img_wrap { margin-bottom: 6.94vw; }
	.sub1_3Intro .text_wrap h4 { font-size: 4.17vw; line-height: 5.56vw; margin-bottom: 3.47vw; }
	.sub1_3Intro .text_wrap p { font-size: 3.06vw; }
	.sub1_3Provide { padding: 16.67vw 0 13.89vw; }
	.sub1_3Provide .s_title { margin-bottom: 2.08vw; }
	.sub1_3Provide p { font-size: 3.06vw; margin-bottom: 7.64vw; }
	.sub1_3Provide .w1200 > img { width: 66.67vw; }
	.sub1_3Safety { padding: 16.67vw 0 16.67vw; }
	.sub1_3Safety ul { padding-top: 19.44vw; }
	.sub1_3Safety .sTit_sub { font-size: 3.06vw; margin-top: 2.08vw; }
	.sub1_3Safety dt { font-size: 4.17vw; margin-bottom: 3.47vw; }
	.sub1_3Safety dd { font-size: 3.06vw; }
	.sub1_3Safety .img_wrap { margin-bottom: 4.17vw; }
	.sub1_4Intro { padding: 0vw 0 13.89vw; }
	.sub1_4Intro .row1 { margin-bottom: 8.33vw; }
	.sub1_4Intro .text_wrap { padding: 5.56vw 0 0; }
	.sub1_4Intro h4 { font-size: 3.7vw; margin-bottom: 5.56vw; width: 100%; height: 9.44vw; line-height: 9.44vw; border-bottom-right-radius: 4.17vw; }
	.sub1_4Intro p { font-size: 3.06vw; line-height: 4.44vw; }
	.sub1_4Intro .map_wrap { height: 55.56vw; }
	.sub1_4Intro .map_wrap iframe { border-top-width: 0.28vw; }
	.sub1_4Info { padding: 16.67vw 0 13.89vw; }
	.sub1_4Info .s_title { margin-bottom: 7.64vw; }
	.sub1_4Info .grid > li { padding: 8.33vw 0; }
	.sub1_4Info .grid > li:first-of-type { margin: 0 0 5.56vw; }
	.sub1_4Info h5 { font-size: 4.17vw; }
	.sub1_4Info h5 span { font-size: 3.33vw; margin-bottom: 1.67vw; }
	.sub1_4Info .img_wrap { margin: 6.25vw 0 6.94vw; }
	.sub1_4Info .img_wrap > img { width: 36.11vw; }
	.sub1_4Info .ct_ist { font-size: 3.06vw; }
	.sub1_4Info .ct_ist li { margin-bottom: 1.94vw; padding-left: 4.86vw; }
	.sub1_4Info .ct_ist li::before { width: 2.92vw; height: 2.92vw; background-size: 2.92vw auto; }
	.mainTxtCon { padding-top: 13.89vw; padding-bottom:10vw; }
	.mainTxtCon.pb { padding-bottom:10vw; }
	.mainTxtCon h2 { margin-bottom: 8.33vw; }
	.mainTxtCon .detail { display: block; }
	.mainTxtCon .detail .img { width: 100%; margin-bottom: 5.56vw; }
	.mainTxtCon .detail .txt { text-align: center; }
	.mainTxtCon .detail .txt dt p { font-size: 4.17vw; line-height: 1.33; }
	.mainTxtCon .detail .txt dt span { margin-top: 1.11vw; font-size: 3.33vw; }
	.mainTxtCon .detail .txt dt::after { margin: 0 auto;width: 27px;height: 3px;margin-bottom: 3vw; }
	.mainTxtCon .detail .txt dd { margin-top: 3.75vw; font-size: 3.8vw; line-height: 1.45; }
	.productCon.pb60 { padding-bottom: 8.33vw; }
	.productCon .productTab { display: block; -webkit-transform: translateY(-12.5vw); -ms-transform: translateY(-12.5vw); transform: translateY(-12.5vw); }
	.productCon .productTab li { margin-right: 1.39vw; width: calc(33.33% - 0.93vw); }
	.productCon .productTab li a { height: 10vw; line-height: 25vw; font-size: 3.33vw; border: 0.14vw solid #aaa; }
	.productCon .productTab li.active a { color: #fff; background-color: #0c2f6b; border-color: #0c2f6b; }
	.productCon .productTab li a span { display: inline-block; width: 100%; line-height: 1.4; vertical-align: middle; }
	.productCon .productList { margin-top: -5.56vw; padding: 6.94vw 2.78vw; }
	.productCon .productList h3 { padding-bottom: 5.56vw; font-size: 4.17vw; border-bottom: 0; }
	.productCon .productList .productCard { padding: 0; border: 0; margin-bottom: 5.56vw; }
	.productCon .productList .productCard:last-of-type { margin-bottom: 0; }
	.productCon .productList .productCard a { display: block; }
	.productCon .productList .productCard a .img { overflow: hidden; width: 100%; height: 55.56vw; position: relative; margin-right: 0; }
	.productCon .productList .productCard a .img img { height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.productCon .productList .productCard a .txt { width: 100%; padding: 5.56vw 4.17vw; border: 0.14vw solid #c9c9c9; border-top: 0; }
	.productCon .productList .productCard a .txt dt { margin-bottom: 2.78vw; font-size: 4.17vw; }
	.productCon .productList .productCard a .txt dd { font-size: 3.8vw; line-height: 1.5em; }
	.productCon .categoryCon { padding: 7.64vw 5vw 11.11vw; text-align: center; }
	.productCon .categoryCon h3 { font-size: 4.17vw; }
	.productCon .categoryCon .subTxt { margin: 2.08vw 0 5.56vw; font-size: 3.06vw; line-height: 1.45; }
	.productCon .categoryCon .categoryList h4 { margin-bottom: 5.28vw; font-size: 3.61vw; }
	.productCon .categoryCon .categoryList ul { display: block; }
	.productCon .categoryCon .categoryList ul li { margin: 0 2.78vw 2.78vw 0; width: calc(50% - 1.39vw); }
	.productCon .categoryCon .categoryList ul li:nth-of-type(2n) { margin-right: 0; }
	.productCon .categoryCon .categoryList ul li a span { font-size: 3.89vw; line-height: 1.35; }
	.productCon .productView { padding: 6.94vw 2.78vw; }
	.productCon .productView h3 a { margin-left: 2.08vw; }
	.productCon .productView h3 a img { width: 2.36vw; }
	.productCon .productView .catalogues { margin-bottom: 4.17vw; }
	.productCon .productView .catalogues span { font-size: 3.33vw; }
	.productCon .productView .catalogues a { margin-left: 3.06vw; width: 31.94vw; height: 10vw; font-size: 3.33vw; line-height: 9.72vw; border: 0.14vw solid #ccc; }
	.productCon .productView .catalogues a img { width: 2.22vw; margin: 0; margin-left: 0.97vw; vertical-align: middle; }
	.productCon .productView .catalogues.noItem { display: none; }
	.productCon .productView .productSlide { margin-bottom: 4.17vw; }
	.productCon .productView .productSlide ul li::after { border: 0.14vw solid #ccc; }
	.productCon .productView .productSlide ul li img { width: 100%; }
	.productCon .productView .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 2vw; }
	.productCon .productView .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.69vw; width: 1.67vw; height: 1.67vw; }
	.productCon .productView .productTxt { margin-bottom: 4.17vw; font-size: 3.33vw; line-height: 1.41; }
	.productCon .productView .detailTxt { overflow: hidden; margin-bottom: 6.94vw; font-size: 0; }
	.productCon .productView .detailTxt p { display: table; width: 100%; border-bottom: 0.14vw solid #ccc; }
	.productCon .productView .detailTxt p.bd-none { border: none; }
	.productCon .productView .detailTxt p strong { display: table-cell; padding: 1.67vw 0; width: 21.53vw; font-size: 3.33vw; font-weight: 600; text-align: center; background-color: #eee; vertical-align: middle; }
	.productCon .productView .detailTxt p span { display: table-cell; width: calc(100% - 21.53vw); padding: 1.67vw 4.17vw; font-size: 3.33vw; font-weight: 500; vertical-align: middle; }
	.productCon .productView table.detailTxt { width: 100%; }
	.productCon .productView table.detailTxt tr th { padding: 1.67vw 0; font-size: 3.33vw; }
	.productCon .productView table.detailTxt tr td { padding: 1.67vw 4.17vw; font-size: 3.33vw; }
	.productCon .productView .subTxt { margin-bottom: 4.17vw; font-size: 3.33vw; line-height: 1.41; }
	.productCon .productView .subImg { margin-bottom: 4.17vw; }
	.productCon .productView .subImg img { width: 100%; }
	.productCon .productView .listBtn { width: 30.56vw; height: 9.72vw; line-height: 9.72vw; font-size: 3.33vw; }
	.relatedCon { padding: 8.33vw 0 11.11vw; }
	.relatedCon h3 { margin-bottom: 4.86vw; font-size: 4.17vw; line-height: 1.3; }
	.relatedCon ul li { margin: 0 2.78vw 2.78vw 0; width: calc(50% - 1.39vw); vertical-align: top; }
	.relatedCon ul li:nth-of-type(3n) { margin-right: 2.78vw; }
	.relatedCon ul li:nth-of-type(2n) { margin-right: 0; }
	.relatedCon ul li a .img { margin-bottom: 1.39vw; }
	.relatedCon ul li a .img img { width: 100%; }
	.relatedCon ul li a .title { height: 12.78vw; }
	.relatedCon ul li a .title p { max-height: 8.61vw; padding: 0 2.78vw; font-size: 3.06vw; line-height: 1.4; }
	.mediaCon { padding-top: 7.64vw; padding-bottom: 13.89vw; }
	.mediaCon ul { margin-top: 8.33vw; }
	.mediaCon ul li { margin-bottom: 7.64vw; }
	.mediaCon ul li p { margin-bottom: 3.47vw; font-size: 4.17vw; }
	.newsCon { padding-top: 7.64vw; padding-bottom: 16.67vw; }
	.newsCon h2 { margin-bottom: 13.19vw; }
	.conSearch { width: 100%; margin-bottom: 5.56vw; }
	.conSearch dt { width: calc(100% - 7.64vw); height: 8.33vw; border: 0.14vw solid #ddd; border-radius: 4.17vw 0 0 4.17vw; }
	.conSearch dt:before { width: 4.17vw; height: 8.33vw; border: 0.28vw solid #ddd; border-radius: 8.33vw 0 0 8.33vw; top: -0.14vw; right: -0.97vw; }
	.conSearch dt input { padding: 0 9.72vw 0 5.56vw; font-size: 3.06vw; }
	.conSearch dd { width: 8.33vw; margin-left: -0.69vw; }
	.conSearch dd:before { width: 8.33vw; height: 8.61vw; top: -0.14vw; left: -1.81vw; }
	.conSearch dd a { height: 8.33vw; line-height: 8.33vw; }
	.conSearch dd img { width: 3.19vw; }
	.board_list li { margin-bottom: 5.56vw; border: 0.14vw solid #c9c9c9; }
	.board_list li:last-of-type { margin-bottom: 0; }
	.board_list li::before, .board_list li::after { display: none; }
	.board_list li > a { padding: 0; }
	.board_list li .imgWrap { display: block; width: 100%; height: auto; border: 0; }
	.board_list li .imgWrap img { position: static; width: 100%; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
	.board_list li .txt { width: 100%; padding: 4.17vw; border: 0; }
	.board_list li .txt p { display: -webkit-box; max-height: 10vw; padding-bottom: 0.42vw; margin-bottom: 2.08vw; font-size: 4.17vw; font-weight: 500; line-height: 1.15; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.board_list li .txt span { display: -webkit-box; max-height: 9.03vw; padding-bottom: 0.42vw; margin-bottom: 2.78vw; font-size: 3.06vw; color: #666; font-weight: 300; line-height: 1.45; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.board_list li .txt strong { position: static; display: block; font-size: 2.50vw; color: #666; font-weight: 300; text-align: right; }
	.board_view .board_viewTop { width: 100%; border-top: 0.14vw solid #aaa; }
	.board_viewTop tr th { width: 23.61vw; height: 10vw; font-size: 3.06vw; border-bottom: 0.14vw solid #fff; }
	.board_viewTop tr td { padding: 2.36vw 4.17vw; font-size: 3.06vw; border-bottom: 0.14vw solid #aaa; }
	.board_view .board_viewMid { padding: 4.17vw 0 5.56vw; font-size: 3.06vw; border-bottom: 0.14vw solid #aaa; }
	.board_view .board_viewMid .tit { margin-bottom: 7.64vw; font-size: 5.28vw; color: #222; font-weight: 500; text-align: center; }
	
	.board_view .board_viewMid .tit:before { content: ""; display: block; width: 27px; height: 3px; margin: 0 auto; background: #e6003e;margin-bottom: 3vw; }
	

	.board_viewMid .img { margin-bottom: 4.86vw; }
	.board_view .board_viewBot { margin-top: 4.17vw; font-size: 0; }
	.board_viewBot dl > dt { width: 23.61vw; height: 10vw; line-height: 10vw; font-size: 3.33vw; color: #fdfdfd; font-weight: 500; background: #d4d4d4; text-align: center; vertical-align: top; position: relative; z-index: 1; }
	.board_viewBot dl > dt span { font-size: 1.94vw; }
	.board_viewBot dl > * a { display: block; }
	.boardBtn { padding-top: 9.03vw; }
	.boardBtn.center { padding-top: 9.03vw; margin-top: 0; }
	.boardBtn a { display: inline-block; min-width: 30.56vw; height: 10vw; line-height: 10vw; padding: 0 4.17vw; font-size: 3.33vw; color: #fff; font-weight: 500; background: #282b2f; text-align: center; }
	.boardBtn .count { padding-top: 0; margin-bottom: 0; font-size: 3.06vw; position: absolute; top: 2.78vw; }
	.board_view ~ .boardBtn { padding-top: 0; margin-top:10vw; }
	.sub-wrap { padding-bottom: 13.89vw; }
	.sub-wrap.subsidiaries > section { padding: 16.11vw 0 13.89vw; }
	.sub-wrap.subsidiaries > section > div + div { margin-top: 7.78vw; }
	.sub-wrap.subsidiaries > section > div .title { font-size: 4.17vw; margin-bottom: 2.22vw; }
	.sub-wrap.subsidiaries > section > div .gray-box { padding: 6.94vw 5.56vw; }
	.sub-wrap.subsidiaries > section > div .gray-box .ta_mo_img { width: 100%; }
	.sub-wrap.subsidiaries > section > div .gray-box > p { font-size: 3.06vw; margin-top: 4.17vw; }
	.sub-wrap.rnd { padding-top: 8.33vw; }
	.sub-wrap.rnd > img.pc_ta_img { display: none !important; }
	.sub-wrap.rnd > img.mo_img { display: block !important; width: 100%; max-width: 62.92vw; margin: 8.33vw auto 0; }
	.sub-wrap.rnd .top { margin-bottom: 16.67vw; }
	.sub-wrap.rnd .top > img { vertical-align: top; width: 100%; }
	.sub-wrap.rnd .top > div { vertical-align: top; width: 100%; padding-left: 0; margin-top: 5.83vw; }
	.sub-wrap.rnd .top > div > p { font-size: 3.06vw; }
	.sub-wrap.rnd .top > div > p.title { font-size: 4.17vw; font-weight: 500; margin-bottom: 9.72vw; }
	.sub-wrap.rnd .top > div > p.title::after { bottom: -4.17vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 7.78vw; height: 0.56vw; }
	.sub-wrap.rnd .top.esg > div.img-wrap > img { max-width: 58.06vw; }
	.sub-wrap.rnd > ul { margin-bottom: 16.67vw; }
	.sub-wrap.rnd > ul > li { width: 100%; }
	.sub-wrap.rnd .rnd-list { margin-top: 8.33vw; }
	.sub-wrap.rnd .rnd-list > div { padding: 5vw 0; }
	.sub-wrap.rnd .rnd-list > div > p { font-size: 3.61vw; margin-bottom: 2.5vw; }
	.sub-wrap.rnd .rnd-list > div > div { width: 100%; margin-right: 0; }
	.sub-wrap.rnd .rnd-list > div > div + div { margin-top: 2.78vw; }
	.sub-wrap.rnd .rnd-list > div > div > p { font-size: 3.06vw; margin-bottom: 0.69vw; }
	.sub-wrap.rnd .rnd-list > div > div > ul > li { font-size: 3.06vw; }
	.sub1_3Provide.europe { padding: 13.89vw 0; }
	.sub1_3Provide .bg-box > p { font-size: 2.22vw; }
	.sub1_3Provide .bg-box > p.title { padding-top: 0.42vw; font-size: 5.83vw; }
	.sub1_3Provide .bg-box > p.title::after { width: 4.17vw; height: 0.56vw; }
	.sub1_3Provide .cert-box { padding-top: 6.94vw; }
	.sub1_3Provide .cert-box + .cert-box { margin-top: 6.94vw; }
	.sub1_3Provide .cert-box > img { width: 90%; }
	.sub1_3Provide .cert-box > div { width: 100%; padding-top: 4.17vw; padding-left: 0; }
	.sub1_3Provide .cert-box > div > p { font-size: 3.06vw; }
	.sub1_3Provide .cert-box > div > p.title { font-size: 3.33vw; margin-bottom: 1.39vw; }
	.sub1_3Safety.europe .s_title { margin: 0; margin-top: 15px; }
	.sub1_3Safety.europe p { font-size: 3.06vw; margin-top: 2.08vw; }
	.sub1_3Safety.europe .top { width: 100%; padding-right: 0; margin-bottom: 0; }
	.sub1_3Safety.europe .top > p { text-align: center; }
	.sub1_3Safety.europe .top > p.title { position: relative; font-size: 5.83vw; padding-top: 0.83vw; }
	.sub1_3Safety.europe .top > p.title::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 4.44vw; height: 0.69vw; background-color: #e6003e; }
	.sub1_3Safety.europe .mid { width: 100%; float: none; margin-top: 6.94vw; }
	.sub1_3Safety.europe .bottom { width: 100%; padding-right: 0; margin-top: 2.78vw; }
	.sub1_3Safety.europe .bottom > p { line-height: 1.4em; }
	.sub1_3Safety.europe .boardBtn { margin-top: 5.56vw; }
	.contact-list { height: auto; padding-top: 0; border-top: 0.278vw solid #023671; }
	.contact-list + .contact-list { margin-top: 8.33vw; }
	.contact-list .img-wrap { position: static; width: 100%; height: auto; }
	.contact-list .map-wrap { position: static; width: 100%; height: 52.78vw; }
	.contact-list .map-wrap > iframe { position: static; width: 100%; height: 100%; }
	.more-product { padding: 16.67vw 0 13.89vw; }
	.more-product p.sub-title { font-size: 3.33vw; margin-top: 3.33vw; margin-bottom: 5vw; }
	.more-product .categoryList h4 { margin-bottom: 7.78vw; font-size: 3.61vw; }
	.more-product .categoryList ul { margin-top: -2.78vw; }
	.more-product .categoryList ul li { margin-right: 2.78vw; width: calc((100% - 2.778vw) / 2); margin-top: 2.78vw; }
	.more-product .categoryList ul li a span { font-size: 3.89vw; }
	.modal-wrap .modal-video .title { font-size: 4.17vw; }

	.subCon.about.esg_management .cus-list > li{
		flex-direction: column;
	}

	.subCon.about.esg_management .sec-5{
		flex-direction: column;
	}

	.lnbCon .lnb .depth p{
		font-size: 3.8vw;
	}

	.lnbCon .lnb .depth ul li a{
		font-size: 3.8vw;
	}

	.lnbCon .lnb .depth ul li{
		margin-bottom: 0;
	}

	.subCon.about.rnd .sec-2 ul{
		flex-direction: column;
		row-gap: 10vw;
	}

	.subCon.about.rnd .sec-3 dl{
		padding-left: 60px;
		row-gap: 10px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.subCon.about.rnd .sec-4 ul{
		column-gap: 20px;
	}

	.subCon.about.rnd .sec-4 ul > li{
		flex-basis: calc( (100% - 20px) / 2);
	}

	.subCon.about.rnd .sec-4 h3{
		flex-direction: column;
	}

	.subCon.about.rnd .sec-4 h3 img{
		max-width: 40vw;
	}

	.usr-mdata-list > li > *:nth-child(1){
		flex-basis: 33%;
	}

	.usr-mdata-list > li > *:nth-child(2){
		flex-basis: 33%;
	}

	.usr-mdata-list > li > *:nth-child(3){
		flex-basis: 33%;
	}

	.usr-gonggo-list > li > a{
		flex-direction: column;
		align-items: flex-start;
	}

	.board_viewTop tr td{
		font-size: 16px;
	}

	.subCon.customer.contact_us .sub-wrap{
		flex-direction: column;
		row-gap: 20px;
	}

	.subCon.about.esg_management .sec-2 .cus-box > dl.d4 ul{
		padding-left: 20px;
	}

	.history_top p{
		font-size: 4vw;
		line-height: 1.5em;
	}

	.sub-title{
		font-size: 4vw;
		line-height: 1.5em;
	}

	.sub-wrap-sub{
		padding-top: 15vw;
	}

	.subCon.about.esg_management .cus-list > li h5{
		font-size: 4.2vw;
		line-height: 1.5em;
		margin-bottom: 4vw;
	}

	.subCon.about.esg_management .cus-list > li{
		font-size: 3.8vw;

	}

	.subCon.about.esg_management .sec-2 .cus-box > dl.d4 ul > li{
		font-size: 3.7vw;
	}

	.subCon.about.esg_management .sec-3 .cus-box .d0{
		font-size: 3.8vw;
	}

	.subCon.about.esg_management .sec-4 table td{
		font-size: 3.8vw;
	}

	.subCon.about.esg_management .sec-4 table td{
		padding-top: 2vw;
		padding-bottom: 2vw;
	}

	.subCon.about.esg_management .sub-wrap{
		padding-bottom: 0;
	}

	.subCon.about.rnd .sec-3 dl > dt{
		font-size: 4.2vw;
	}

	.subCon.about.rnd .sec-3 dl > dd{
		font-size: 3.8vw;
		line-height: 1.5em;
	}

	.usr-dot > li{
		font-size: 3.8vw;
	}

	.subCon.about.rnd .sec-4 ul > li{
		font-size: 3.8vw;
	}

	.usr-mdata-list > li > *:nth-child(1){
		font-size: 3.8vw;
	}

	.usr-mdata-list > li > *:nth-child(2){
		font-size: 3.8vw;
	}

	.usr-gonggo-list > li p{
		font-size: 3.8vw;
	}

	.usr-gonggo-list > li date{
		font-size: 3.8vw;
	}

	.usr-gonggo-list > li .d2{
		font-size: 4.0vw;
	}

	.subCon.newsmedia.gonggo .cus-go a{
		font-size: 4vw;
		height: 10vw;
	}

	.subCon.customer.contact_us .sub-wrap .d2 h4{
		font-size: 4.2vw;
		margin-bottom: 20px;
	}

	.subCon.customer.contact_us .sub-wrap .d2{
		row-gap: 6vw;
	}

	.subCon.customer.contact_us .sub-wrap .d2 > *{
		width: 100%;
	}

	.sub1_1S1 .cus-unit{
		font-size: 3.5vw;
	}

	.sub1_1S1 .cus-sign{
		font-size: 3.8vw;
	}

	.sub1_1S1 .cus-sign{
		margin-top: 5vw;
	}

	.global-list{
		margin-top: 5vw;
		flex-direction: column;
		row-gap: 10vw;
	}

	.global-list > li img{
		max-width: 100%;
	}

	.subCon.about.esg_management .sec-5 > div:nth-child(2) a{
		font-size: 4vw;
		height: 10vw;
		width: 100%;
	}

	.subCon.about.ceo .sub1_1S1 .img_wrap{
		width: 100%;
	}

	.subCon.about.ceo .sub1_1S1 .text_wrap{
		width: 100%;
	}

	.global-list > li{
		width: 100%;
	}

	.subCon.customer.email .cus-d0{
		flex-direction: column;
		row-gap: 10vw;
	}

	.subCon.customer.email .cus-d0 .d1{
		width: 20%;
	}

	.subCon.customer.email .cus-d0 .d1 span{
		font-size: 10vw;
	}

	.subCon.customer.email .cus-d0 .d2{
		width: 100%;
	}

	.privacy-index .pi-left{
		float: none;
		width: 100%;
	}

	.privacy-index .pi-right{
		float: none;
		width: 100%;
	}

	.subCon.customer.video  h2{
		font-size: 6.2vw;
	}

	.subCon.customer.video .sub-wrap{
		font-size: 3.6vw;
	}

	.privacy .pi-box .pi-tit{
		font-size: 1.1em;
	}

	.privacy{
		font-size: 1.1em;
	}

	.mt-10{
		margin-top: 10vw;
	}

	.subCon.customer.license .sub-wrap p{
		margin-top: 5vw;
	}


}