@font-face {
    font-family: 'Freesentation-9Black';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

.ProductsMainSection > div{  margin-top:100px; display:flex; justify-content:center; align-items:center; flex-direction: column;  width:100%; position:relative;}
.ProductsMainSection > div > h2{ width:90%; margin:50px auto; position:relative; 
/*background: repeating-linear-gradient(transparent, transparent calc(50% - 3px), #12176A 0, #12176A calc(50% + 3px), transparent 0,transparent 100px);*/
}
.ProductsMainSection > div > h2 > span{ 
font-size:48px; font-weight:900; color:#023587; text-transform:uppercase;
	background:repeating-linear-gradient(transparent, transparent 33px, rgba(2,53,135,0.1) 0, rgba(2,53,135,0.1) 71px, transparent 0,transparent 100px); padding:0 24px;
}

.ProductsMain2Section{ display:inline-block; width:100%;}
.ProductsMain2Section > div{ padding:50px 0; margin-top:100px; display:flex; justify-content:center; align-items:center; flex-direction: column;  width:100%;}
.ProductsMain2Section > div > h2{ display:none; }
.ProductsMain2Section > div > div{ width:100%;}
.ProductsMain2Section > div > div > .img{ width:100%; display:flex; justify-content:flex-end; margin:auto;}
.ProductsMain2Section > div > div > .img > div{ display:inline-block; position:relative;}
.ProductsMain2Section > div > div > .img > div > img{ width:100%; height:360px; object-fit:cover; object-position:left center;}
.ProductsMain2Section > div > div > .img > div > div{ position:absolute; bottom:0; left:0; padding:30px;}
.ProductsMain2Section > div > div > .img > div > div > h3{ margin-bottom:8px;}
.ProductsMain2Section > div > div > .img > div > div > h3 > span{ font-size:30px; font-weight:600; color:#fff;text-transform: capitalize;}
.ProductsMain2Section > div > div > .img > div > div > p > span{ font-size:36px; font-weight:300; color: #6265A5; line-height:1;text-transform: capitalize;}

.ProductsMain2Section > div > div > .text{ width:90%; display:flex; justify-content:center; margin:auto;}
.ProductsMain2Section > div > div > .text > div{ margin:50px auto;;}
.ProductsMain2Section > div > div > .text > div > h3{ text-align:center;}
.ProductsMain2Section > div > div > .text > div > h3 > span{ font-size:40px; font-weight:700; color:#22183D;text-transform: capitalize;}
.ProductsMain2Section > div > div > .text > div > p{ display:flex; flex-direction: column; text-align:center;}
.ProductsMain2Section > div > div > .text > div > p > span{ font-size:20px; font-weight:600; color:#525666;}
.ProductsMain2Section > div > div > .text > div > aside{ margin-top:24px; text-align:center;}


.ProductsWantSection > div{ padding:50px 0; padding-top:100px; display:flex; justify-content:center; align-items:center; flex-direction: column;  width:100%; margin:auto;}

.ProductsWantSection > div > h2{ width:100%; margin:auto; position:relative; 
/*background: repeating-linear-gradient(transparent, transparent calc(50% - 3px), #12176A 0, #12176A calc(50% + 3px), transparent 0,transparent 100px);*/
}
.ProductsWantSection > div > div > .text > div > h2{ position:relative; text-align:center; }
.ProductsWantSection > div > div > .text > div > h2 > span{ font-size: 42.263px; color:#231815; font-weight:600; text-transform:uppercase; line-height:1.2;}
.ProductsWantSection > div > div > .text > div > p{  text-align:center; margin-top:12px; }
.ProductsWantSection > div > div > .text > div > p > span{ font-size: 20px; color: #595757; font-weight:400; line-height:1.2;;}


.ProductsWantSection > div > div > .text > div > div > div{ margin:30px 0; }
.ProductsWantSection > div > div > .text > div > div > p{ text-align:center; width:90%; margin:auto; max-width:380px;}
.ProductsWantSection > div > div > .text > div > div > p > span{font-size: 20px; color: #595757; font-weight:400; line-height:1.2; }




.ProductsMainListSection > div{ }
.ProductsMainListSection > div > div > .text{  width:100%; margin:auto; }
.ProductsMainListSection > div > div > .text > nav{ z-index:2; display:flex; gap:10px; flex-wrap:wrap; width:100%; margin:auto; flex-grow:1; position:relative; }
.ProductsMainListSection > div > div > .text > nav > a{ flex-grow:1; background-color:#fff; text-align:center;  padding:20px 0; display:inline-block; border:1px solid #12176A; border-bottom:5px solid #12176A; background-color:#fff; margin-right:-1px;}
.ProductsMainListSection > div > div > .text > nav > a.active{ background-color:#12176A; color:#fff;}
.ProductsMainListSection > div > div > .text > nav > a > span{ font-size:32px; font-weight:700; }

.ProductsMainListSection > div > div > .text > div > ul > li{ padding:64px 0;}
.ProductsMainListSection > div > div > .text > div > ul > li:nth-child(odd){ background-color:#F8F8F8;}
.ProductsMainListSection > div > div > .text > div > ul > li:nth-child(even){ background-color:#FFFFFF;}

.ProductsMainListSection > div > div > .text > div > ul > li > h2{ margin:auto; width:90%;}
.ProductsMainListSection > div > div > .text > div > ul > li > h2 > span{ font-size:32px; font-weight:600; }
.ProductsMainListSection > div > div > .text > div > ul > li > ul{ display:flex; flex-grow:1; flex-wrap:wrap; width:90%; margin:auto; gap:30px; margin-top:30px;}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li{ width:240px; position:relative; padding:16px; transition-duration:0.3s; box-shadow:3px 3px 0px rgba(21,30,62,0);}
.ProductsMainListSection > div > div > .text > div > ul > li:nth-child(odd) > ul > li{ background-color:#FFFFFF;}
.ProductsMainListSection > div > div > .text > div > ul > li:nth-child(even) > ul > li{ background-color:#F8F8F8;}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li:hover{ box-shadow:3px 3px 12px rgba(21,30,62,1);}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div{ display:flex; flex-direction: column; }
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > h3{ width:100%; padding:19px 0; order:2; }
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > h3 > span{ font-size:20px; font-weight:400;}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > ul{ order:1;}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemimg{ width:100%; height:260px; display:flex; justify-content:center; align-items:center;}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemimg > img{ width:200px; height:200px; object-fit:contain; object-position:center; transition-duration:0.3s;}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li:hover > div > ul > li > .itemimg > img{ transform:scale(1.1);}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemtext{ display:none;}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > nav{ }
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > nav > a{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:transparent; display:flex; justify-content:flex-end; align-items:flex-end;}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > nav > a > .linktext{ display:none;}
.ProductsMainListSection > div > div > .text > div > ul > li > ul > li > div > nav > a > .linkicon{
	background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%2F%3E%3Cg%20data-name%3D%22Layer%202%22%20id%3D%22Layer_2%22%3E%3Cpath%20d%3D%22M12%2C25a1%2C1%2C0%2C0%2C1-.71-.29%2C1%2C1%2C0%2C0%2C1%2C0-1.42L18.59%2C16l-7.3-7.29a1%2C1%2C0%2C1%2C1%2C1.42-1.42l8%2C8a1%2C1%2C0%2C0%2C1%2C0%2C1.42l-8%2C8A1%2C1%2C0%2C0%2C1%2C12%2C25Z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22frame%22%3E%3Crect%20class%3D%22cls-1%22%20height%3D%2232%22%20width%3D%2232%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	width:30px; height:30px; display:inline-block; background-size:cover; background-repeat:no-repeat; margin:28px 16px;

}


/* sample */
.ProductsMainListSection2{ display:none;}
.ProductsMainListSection2 > div{ padding:50px 0;}
.ProductsMainListSection2 > div > div > .text{  width:90%; margin:auto; }
.ProductsMainListSection2 > div > div > .text > nav{ z-index:2; display:flex; gap:10px; flex-wrap:wrap; width:100%; margin:auto; flex-grow:1; position:relative; }
.ProductsMainListSection2 > div > div > .text > nav > a{ flex-grow:1; background-color:#fff; text-align:center;  padding:20px 0; display:inline-block; border:1px solid #12176A; border-bottom:5px solid #12176A; background-color:#fff; margin-right:-1px;}
.ProductsMainListSection2 > div > div > .text > nav > a.active{ background-color:#12176A; color:#fff;}
.ProductsMainListSection2 > div > div > .text > nav > a > span{ font-size:32px; font-weight:700; }
.ProductsMainListSection2 > div > div > .text > div > ul > li > h2{ margin:30px 0; display:none;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > h2 > span{ font-size:32px; font-weight:600; }
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul{ display:flex; flex-grow:1; flex-wrap:wrap; gap:30px; margin:100px 0; position:relative;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul:before{ content:""; position:absolute; left:5%; bottom:-50px; width:calc(40% - 15px); height:0px; display:inline-block; border-bottom:5px solid #eee;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul:after{ content:""; position:absolute; right:5%; bottom:-50px; width:calc(40% - 15px); height:0px; display:inline-block; border-bottom:5px solid #eee;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul:last-child:before
,.ProductsMainListSection2 > div > div > .text > div > ul > li > ul:last-child:after
{ display:none;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li{ flex-grow:1; width:calc(50% - 30px); display:flex;;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > h2{ width:calc(100% - 60px); height:100%; padding:0 30px; display:flex; justify-content:center; align-items:center; }
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > h2 > span{ font-size:56px; font-weight:900; display:inline-block;font-family:'SEBANG_Gothic_Bold'; font-weight:900; }
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div{ display:flex; flex-direction: column; flex-grow:1; background-color:#f1f1f1; }
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > h3{ width:100%; padding:19px 0; text-align:center; background-color:#12176A; width:100%; height:100%;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > h3 > span{ font-size:20px; font-weight:600; color:#fff;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemimg{ width:100%; height:240px; display:flex; justify-content:center; align-items:center;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemimg > img{ width:200px; height:200px; object-fit:contain; object-position:center;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemtext{ display:none;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > nav{ text-align:right;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > nav > a{ margin-top:8px; margin-right:36px; margin-bottom:16px; display:inline-block;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > nav > a > span{ font-size:18px; font-weight:600; text-transform:uppercase; color:#000;}
/* sample */



.BulletProofHelmetsSubSection{ display:flex; justify-content:center; align-items:center; }
.BulletProofHelmetsSubSection > div{ padding:50px 0; display:flex; justify-content:center; align-items:center;  width:100%;}
.BulletProofHelmetsSubSection > div > div{ width:100%; display:inline-block; padding-top:100px;}

.BulletProofHelmetsSubSection > div > div{ display:flex; width:90%; margin:0 5%; flex-direction: column; position:relative; min-height:900px;}
.BulletProofHelmetsSubSection > div > div > .img{ z-index:2;  }
.BulletProofHelmetsSubSection > div > div > .img > div{  width:100%; }
.BulletProofHelmetsSubSection > div > div > .img > div > .mainsubimg{ display:flex; justify-content:center; align-items:center; width:calc(100% - 2px); padding:10px 0; height:450px; border:1px solid #12176A;}
.BulletProofHelmetsSubSection > div > div > .img > div > .mainsubimg > img{ width:calc(100% - 100px); height:430px; object-fit:contain; object-position:center;}
.BulletProofHelmetsSubSection > div > div > .img > div > .list{ width:100%; flex-grow:1; position:relative; }
.BulletProofHelmetsSubSection > div > div > .img > div > .list > h4{ font-size:14px; font-weight:300; margin:12px 0;}
.BulletProofHelmetsSubSection > div > div > .img > div > .list > div > .listtab{ display:flex; justify:flex-end; flex-wrap:wrap; gap:16px; margin:40px 0;}




.BulletProofHelmetsSubSection > div > div > .img > div > .list > div > .listtab > li{ }
.BulletProofHelmetsSubSection > div > div > .img > div > .list > div > .listtab > li img{ max-width:100%; max-height:100%;}
.BulletProofHelmetsSubSection > div > div > .img > div > .list > div > .listtab > li > a{ width:62px; height:62px; display:flex; }


.BulletProofHelmetsSubSection > div > div > .text{ z-index:1; }
.BulletProofHelmetsSubSection > div > div > .text > div  > h2{ font-size:32px; font-weight:400; line-height:1.5; max-width:60%;}
.BulletProofHelmetsSubSection > div > div > .text > div  > h3 > span{ font-size:64px; font-weight:900; line-height:1; font-family:'Freesentation-9Black';}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul{ margin:24px 0;; display:flex; flex-direction: column; gap:16px;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > label{ font-size:20px; font-weight:400;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > div{ font-size:16px; font-weight:500;}


.eseriescolorul{ display:flex; gap:30px; flex-wrap:wrap; margin-top:8px;}
.eseriescolorul > li > label{ width:78px; height:78px; display:flex; flex-direction: column; justify-content:center; align-items:center; border-radius:50%; box-shadow:0 0 6px silver;}
.eseriescolorul > li > label > span{ line-height:1.2; font-size:13px; font-weight:500;}
.eseriescolorul > li:nth-child(1) > label{ background-color:#000; color:#fff;}
.eseriescolorul > li:nth-child(2) > label{ background-color:#6B8E23; color:#fff;}
.eseriescolorul > li:nth-child(3) > label{ background-color:#D2B48C; color:#000;}
.eseriescolorul > li > input[type=radio]{ display:none;}
.eseriescolorul > li > input[type=radio]:checked + label{ box-shadow:0 0 12px #12176A;}

.helmettypeul{display:flex; gap:30px; flex-wrap:wrap; margin-top:8px;}
.helmettypeul > li > label{ padding-left:8px;}

.sizeul{display:flex; gap:30px; flex-wrap:wrap; margin-top:8px;}
.sizeul > li > label{ padding-left:8px;}

.suspensionul{display:flex; gap:8px 30px; flex-wrap:wrap; margin-top:8px;}
.suspensionul > li > label{ padding-left:8px;}

.dialul{display:flex; gap:30px; flex-wrap:wrap; margin-top:8px;}
.dialul > li > label{ padding-left:8px;}

/*
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > div > ul{ display:flex; gap:16px; flex-wrap:wrap; margin-top:8px;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li > label{ width:78px; height:78px; display:flex; flex-direction: column; justify-content:center; align-items:center; border-radius:50%; box-shadow:0 0 6px silver;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li > label > span{ line-height:1.2; font-size:13px; font-weight:500;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li:nth-child(1) > label{ background-color:#000; color:#fff;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li:nth-child(2) > label{ background-color:#6B8E23; color:#fff;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li:nth-child(3) > label{ background-color:#D2B48C; color:#000;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li > input[type=radio]{ display:none;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li > input[type=radio]:checked + label{ box-shadow:0 0 12px #12176A;}
*/

.BulletProofHelmetsSubSection > div > div > .text > div > form > div > p{ font-size:15px; font-weight:400}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > nav{ display:flex; justify-content:flex-end; margin:50px 0;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > nav > a{ background-color:#12176A; color:#fff; padding:6px 27px; display:inline-block;}


.BulletProofHelmetsVideoSection > div{text-align:center; padding:50px 0;}
.BulletProofHelmetsVideoSection > div > iframe{text-align:center;max-width:90%; margin:auto; max-height:345px;}


.SpecificationsSummarySection{ border-top:5px solid #12176A;}
.SpecificationsSummarySection > div{ padding:50px 0; display:flex; justify-content:center; align-items:center;  width:100%;}
.SpecificationsSummarySection > div > div{ width:100%; display:inline-block;}
.SpecificationsSummarySection > div > div > .text{ margin:50px 0;}
.SpecificationsSummarySection > div > div > .text > div{ display:flex; flex-direction: column; gap:50px;}
.SpecificationsSummarySection > div > div > .text > div > div{ display:flex; justify-content:space-between; gap:16px 16px; width:90%; margin:auto;}
.SpecificationsSummarySection > div > div > .text > div > div > h3{ display:flex; flex-direction: column; order:3; justify-content:center; align-items:center}
.SpecificationsSummarySection > div > div > .text > div > div > h3 > span{ }
.SpecificationsSummarySection > div > div > .text > div > div > h3 > span:first-child{ font-size:30px; font-weight:900;}
.SpecificationsSummarySection > div > div > .text > div > div > h3 > span:last-child{ font-size:15px; font-weight:400;}
.SpecificationsSummarySection > div > div > .text > div > div > h4{ display:flex; justify-content:center; align-items:center; order:1; padding:16px; color:#fff; background-color:#12176A; border-radius:27px;}
.SpecificationsSummarySection > div > div > .text > div > div > h4 > span{  font-size:20px; font-weight:900;}
.SpecificationsSummarySection > div > div > .text > div > div > ul{ order:2; display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; margin:auto;}
.SpecificationsSummarySection > div > div > .text > div > div > ul > li{ display:flex; flex-direction: column;}
.SpecificationsSummarySection > div > div > .text > div > div > ul > li:nth-child(1){order:1; }
.SpecificationsSummarySection > div > div > .text > div > div > ul > li:nth-child(2){order:5; }
.SpecificationsSummarySection > div > div > .text > div > div > ul > li:nth-child(3){order:3; }
.SpecificationsSummarySection > div > div > .text > div > div > ul > li:nth-child(4){order:4; width:140px;}
.SpecificationsSummarySection > div > div > .text > div > div > ul > li:nth-child(5){order:2; width:140px;}
.SpecificationsSummarySection > div > div > .text > div > div > ul > li:nth-child(6){order:6; width:140px;}
.SpecificationsSummarySection > div > div > .text > div > div > ul > li > label{  font-size:20px; font-weight:900;}
.SpecificationsSummarySection > div > div > .text > div > div > ul > li > div{  font-size:15px; font-weight:400;}


.BulletProofHelmetsSolutionSection{  display:flex; justify-content:center; align-items:center; position:relative;}
.BulletProofHelmetsSolutionSection > div{ width:100%; }
.BulletProofHelmetsSolutionSection > div > div{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(https://file.bmi-protection.co.kr/mobileimg/20231228/101422_0.png); 
width:100%; max-height:650px; height:100vh; position:relative;}
.BulletProofHelmetsSolutionSection > div > div > .img{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22295%22%20viewBox%3D%220%200%201440%20295%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M972%20120L1107%201L1440%20104M477%20179L250%20294L-2%2061%22%20stroke%3D%22%23FFF%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.BulletProofHelmetsSolutionSection > div > div > .text{ width:100%; height:100%; flex-direction: column; display:flex; justify-content:center; align-items:center;  background-color:rgba(8, 3, 22, 0.70) }
.BulletProofHelmetsSolutionSection > div > div > .text > h3{ display:none;}
.BulletProofHelmetsSolutionSection > div > div > .text > nav{ display:flex; gap:7px; padding-left:7px; justify-content:center; margin-top:296px;}
.BulletProofHelmetsSolutionSection > div > div > .text > nav > a{ width:242px; height:62px; display:flex; justify-content:center; align-items:center; border:1px solid #fff;}
.BulletProofHelmetsSolutionSection > div > div > .text > nav > a > .linktext{ color:#fff; font-size:22px; font-weight:700;}
.BulletProofHelmetsSolutionSection > div > div > .text > p{ width:70%; margin:auto; display:flex;  flex-direction: column; text-align:center; margin-top:80px;}
.BulletProofHelmetsSolutionSection > div > div > .text > p > span{ color:#fff; font-size:20px; font-weight:500;}

.BulletProofHelmetsGoodSection > div > div > .text > h3{ color:#fff;}

.BulletProofHelmetsGoodSection{ display:flex; justify-content:center; align-items:center;}
.BulletProofHelmetsGoodSection > div{ padding:80px 0; width:100%; }
.BulletProofHelmetsGoodSection > div > div{ display:flex; justify-content:center; flex-direction:column;}
.BulletProofHelmetsGoodSection > div > div > .img{ }
.BulletProofHelmetsGoodSection > div > div > .text > ul{ margin:auto;}
.BulletProofHelmetsGoodSection > div > div > .text > ul > li{ margin-left:40px; list-style:disc; font-size:22px; font-weight:900; line-height:1.5;}


.BulletProofHelmetsCompletedSection{}
.BulletProofHelmetsCompletedSection > div{}
.BulletProofHelmetsCompletedSection > div > div{ display:flex; align-items:center; width:90%; margin:auto;}
.BulletProofHelmetsCompletedSection > div > div > .text{ width:100%;}
.BulletProofHelmetsCompletedSection > div > div > .text > h2{ width:100%; position:relative;
background: repeating-linear-gradient(transparent, transparent calc(50% - 2px), #12176A 0, #12176A calc(50% + 2px), transparent 0,transparent 100px);
}
.BulletProofHelmetsCompletedSection > div > div > .text > h2 > span{ font-size:26px; font-weight:900; background-color:#fff; padding:0 10px; display:inline-block;}

.BulletProofHelmetsCompletedSection > div > div > .text > ul{ display:flex; flex-wrap:wrap; justify-content:space-between;; align-items:center; gap:16px; margin:25px 0;}
.BulletProofHelmetsCompletedSection > div > div > .text > ul > li{ width:calc(50% - 32px); flex-grow:1; border: 1px solid #2D2AF3;
background: linear-gradient(135deg, #2832DE -13.1%, #EBECFA 122%); position:relative; overflow:hidden; height:270px;}

.BulletProofHelmetsCompletedSection > div > div > .text > ul > li > .completedimg{ position:absolute; left:30px; top:50px; }
.BulletProofHelmetsCompletedSection > div > div > .text > ul > li > .completedimg > div > p{ display:flex;  flex-direction: column; filter: blur(3px);    -webkit-filter: blur(3px); }
.BulletProofHelmetsCompletedSection > div > div > .text > ul > li > .completedimg > div > p > span{ color:rgba(255, 255, 255, 0.10); font-size:45px; font-weight:900; line-height:0.98; letter-spacing:3.84px;}

.BulletProofHelmetsCompletedSection > div > div > .text > ul > li > .completedtext{ position:relative; display:flex; width:90%; height:100%;  flex-direction: column; justify-content:center; align-items:flex-start; margin:auto;}
.BulletProofHelmetsCompletedSection > div > div > .text > ul > li > .completedtext > h3 > span{ font-size:25px; font-weight:600; color:#fff; text-shadow:0px 0px 6px #2832DE; }
.BulletProofHelmetsCompletedSection > div > div > .text > ul > li > .completedtext > p{ display:flex;  flex-direction: column; margin:25px 0;}
.BulletProofHelmetsCompletedSection > div > div > .text > ul > li > .completedtext > p > span{ font-size:14px; font-weight:600; color:#fff; text-shadow:0px 0px 6px #2832DE;}




.PartnerSection{ }
.PartnerSection > div{ padding:50px 0;}
.PartnerSection > div > div{ display:flex; align-items:center; width:90%; margin:auto;}
.PartnerSection > div > div > .text{ width:100%; }
.PartnerSection > div > div > .text > div > h2{ text-align:center; }
.PartnerSection > div > div > .text > div > h2 > span{ font-size:48px; font-weight:700;}

.PartnerSection > div > div > .text > div > ul{ width:90%; max-width:900px; margin:auto; display:flex; justify-content:center; flex-wrap:wrap; gap:30px; margin-top:50px;}
.PartnerSection > div > div > .text > div > ul > li > a{ width:206px; height:206px; display:flex; justify-content:center; align-items:center; border:1px solid #D2D2D2; border-radius:50%; overflow:hidden; }
.PartnerSection > div > div > .text > div > ul > li > a > span{ width:148px; height:148px; display:inline-block; background-position:center; background-size:contain; background-repeat:no-repeat; font-size:0;}


.Partner_Avient > span{  background-image:url(https://file.bmi-protection.co.kr/data/20240430/102852_0.svg);}
.Partner_DSM > span{ background-image:url(https://www.dsm.com/etc.clientlibs/dsm/clientlibs/dsm/clientlib-site/resources/logo-dsm.svg);}
.Partner_D3O > span{ background-image:url(https://file.bmi-protection.co.kr/mobileimg/20240126/031632_1.png);}
.Partner_BOA > span{ background-image:url(https://file.bmi-protection.co.kr/mobileimg/20240126/031632_0.png);}
.Partner_T_plus > span{}
.Partner_KRYPTEK > span{ background-image:url(https://d3k81ch9hvuctc.cloudfront.net/company/KfaWU2/images/03ce9a57-e683-4746-86ba-c69f34f8e5a3.png);}
.Partner_CRYE_PRECISION > span{ background-image:url(https://file.bmi-protection.co.kr/data/20231206/031237_0.svg);}
.Partner_DYNEEMA > span{ background-image:url(https://file.bmi-protection.co.kr/mobileimg/20240430/100358_0.png);}
.Partner_YKK > span{ background-image:url(https://file.bmi-protection.co.kr/mobileimg/20240430/101544_0.png);}/*https://www.ykk.com/shared/image/ykk_logo.svg*/

.PartnerSection > div > div > .text > div > aside{ text-align:center; margin:26px 0;}
.PartnerSection > div > div > .text > div > aside > p{ display:flex; flex-direction: column; justify-content:center; }
.PartnerSection > div > div > .text > div > aside > p > span{ font-size:18px; font-weight:400;}



.SkillSection{ display:flex; align-items:center; justify-content:center;}
.SkillSection > div{ padding:50px 0;}
.SkillSection > div > div{ }
.SkillSection > div > div > .text{ width:96%; margin:auto;}


.SkillSection > div > div > .text > div > h2{ width:100%; position:relative;
/*background: repeating-linear-gradient(transparent, transparent calc(50% - 3px), silver 0, silver calc(50% + 3px), transparent 0,transparent 100px);*/
text-align:center;
}
.SkillSection > div > div > .text > div > h2 > span{ font-size:26px; font-weight:900; background-color:#fff; padding:0 10px; display:inline-block;  font-family: 'Freesentation-9Black'; text-transform:uppercase;}


.SkillSection > div > div > .text > div > table{ width:100%; border-collapse:collapse; table-layout:fixed; margin:30px auto;  border-top:1px solid silver;}
.SkillSection > div > div > .text > div > table > thead{ background-color:#eee; }

.SkillSection > div > div > .text > div > table[data-row='0']{ display:none;}
.SkillSection > div > div > .text > div > table[data-row='0']{ display:none;}
.SkillSection > div > div > .text > div > table[data-row='1'] > thead > tr > td:nth-child(3){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='1'] > tbody > tr > td:nth-child(3){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='1'] > thead > tr > td:nth-child(4){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='1'] > tbody > tr > td:nth-child(4){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='1'] > thead > tr > td:nth-child(5){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='1'] > tbody > tr > td:nth-child(5){ display:none;}


.SkillSection > div > div > .text > div > table[data-row='2'] > thead > tr > td:nth-child(2){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='2'] > tbody > tr > td:nth-child(2){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='2'] > thead > tr > td:nth-child(4){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='2'] > tbody > tr > td:nth-child(4){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='2'] > thead > tr > td:nth-child(5){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='2'] > tbody > tr > td:nth-child(5){ display:none;}

.SkillSection > div > div > .text > div > table[data-row='3'] > thead > tr > td:nth-child(2){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='3'] > tbody > tr > td:nth-child(2){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='3'] > thead > tr > td:nth-child(3){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='3'] > tbody > tr > td:nth-child(3){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='3'] > thead > tr > td:nth-child(5){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='3'] > tbody > tr > td:nth-child(5){ display:none;}

.SkillSection > div > div > .text > div > table[data-row='4'] > thead > tr > td:nth-child(2){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='4'] > tbody > tr > td:nth-child(2){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='4'] > thead > tr > td:nth-child(3){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='4'] > tbody > tr > td:nth-child(3){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='4'] > thead > tr > td:nth-child(4){ display:none;}
.SkillSection > div > div > .text > div > table[data-row='4'] > tbody > tr > td:nth-child(4){ display:none;}


.SkillSection > div > div > .text > div > table > thead > tr > th{ padding:8px 0; }
.SkillSection > div > div > .text > div > table > thead > tr > td{ padding:8px 0; font-weight:900; text-align:center;}
.SkillSection > div > div > .text > div > table > thead > tr > td > a{ color:#000; font-weight:900;}

.SkillSection > div > div > .text > div > table[data-row='1'] > thead > tr > td:nth-child(2) > a{pointer-events: none;}
.SkillSection > div > div > .text > div > table[data-row='2'] > thead > tr > td:nth-child(3) > a{pointer-events: none;}
.SkillSection > div > div > .text > div > table[data-row='3'] > thead > tr > td:nth-child(4) > a{pointer-events: none;}
.SkillSection > div > div > .text > div > table[data-row='4'] > thead > tr > td:nth-child(5) > a{pointer-events: none;}
.SkillSection > div > div > .text > div > table[data-row='5'] > thead > tr > td:nth-child(6) > a{pointer-events: none;}
.SkillSection > div > div > .text > div > table[data-row='6'] > thead > tr > td:nth-child(7) > a{pointer-events: none;}


.SkillSection > div > div > .text > div > table > tbody > tr > th{ padding:8px 0;}
.SkillSection > div > div > .text > div > table > tbody > tr > td{ padding:8px 0; text-align:center; }
.SkillSection > div > div > .text > div > table th
,.SkillSection > div > div > .text > div > table td{  font-size:18px;  }
.SkillSection > div > div > .text > div > table > thead th
,.SkillSection > div > div > .text > div > table > thead td{ border-bottom:1px solid silver;}
.SkillSection > div > div > .text > div > table > thead td{ border-left:1px solid silver; }
.SkillSection > div > div > .text > div > table > tbody th{ border-bottom:1px solid silver; background-color:#eee;}
.SkillSection > div > div > .text > div > table > tbody td{ border-left:1px solid silver; border-bottom:1px solid silver; font-weight:500;}


.BodyArmorsSubSection{ display:flex; justify-content:center; align-items:center; }
.BodyArmorsSubSection > div{ padding:50px 0; display:flex; justify-content:center; align-items:center;  width:100%;}
.BodyArmorsSubSection > div > div{ width:100%; display:inline-block; padding-top:100px;}

.BodyArmorsSubSection > div > div{ display:flex; width:90%; margin:0 5%; flex-direction: column; position:relative; min-height:900px;}
.BodyArmorsSubSection > div > div > .img{ z-index:2;  }
.BodyArmorsSubSection > div > div > .img > div{  width:100%; }
.BodyArmorsSubSection > div > div > .img > div > .mainsubimg{ display:flex; justify-content:center; align-items:center; width:calc(100% - 2px); padding:10px 0; height:450px; border:1px solid #12176A;}
.BodyArmorsSubSection > div > div > .img > div > .mainsubimg > img{ width:calc(100% - 100px); height:430px; object-fit:contain; object-position:center;}
.BodyArmorsSubSection > div > div > .img > div > .list{ width:100%; flex-grow:1; position:relative; }
.BodyArmorsSubSection > div > div > .img > div > .list > h4{ font-size:14px; font-weight:300; margin:12px 0;}
.BodyArmorsSubSection > div > div > .img > div > .list > div > .listtab{ display:flex; justify:flex-end; flex-wrap:wrap; gap:16px; position:absolute; top:40px; right:0; margin:0px 0; max-width:40%;}

.BodyArmorsSubSection > div > div > .img > div > .list > div > .listtab > li{ }
.BodyArmorsSubSection > div > div > .img > div > .list > div > .listtab > li img{ max-width:100%; max-height:100%;}
.BodyArmorsSubSection > div > div > .img > div > .list > div > .listtab > li > a{ width:62px; height:62px; display:flex; }


.BodyArmorsSubSection > div > div > .text{ z-index:1; }
.BodyArmorsSubSection > div > div > .text > div  > h2{ font-size:32px; font-weight:400; max-width:60%; line-height:1.5;}
.BodyArmorsSubSection > div > div > .text > div  > h3 > span{ font-size:64px; font-weight:900; line-height:1; font-family:'Freesentation-9Black';}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul{ margin:24px 0;; display:flex; flex-direction: column; gap:16px;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > label{ font-size:20px; font-weight:400;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > div{ font-size:16px; font-weight:500;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > div > ul{ display:flex; gap:16px; flex-wrap:wrap; margin-top:8px;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li > label{ width:78px; height:78px; display:flex; flex-direction: column; justify-content:center; align-items:center; border-radius:50%; box-shadow:0 0 6px silver;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li > label > span{ line-height:1.2; font-size:13px; font-weight:500;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li:nth-child(1) > label{ background-color:#000; color:#fff;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li:nth-child(2) > label{ background-color:#6B8E23; color:#fff;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li:nth-child(3) > label{ background-color:#D2B48C; color:#000;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li > input[type=radio]{ display:none;}
.BodyArmorsSubSection > div > div > .text > div > form > div > ul > li > div > ul > li > input[type=radio]:checked + label{ box-shadow:0 0 12px #12176A;}
.BodyArmorsSubSection > div > div > .text > div > form > div > p{ font-size:15px; font-weight:400}
.BodyArmorsSubSection > div > div > .text > div > form > div > nav{ display:flex; justify-content:flex-end; margin:50px 0;}
.BodyArmorsSubSection > div > div > .text > div > form > div > nav > a{ background-color:#12176A; color:#fff; padding:6px 27px; display:inline-block;}

.BodyArmorsSolutionSection{  display:flex; justify-content:center; align-items:center; position:relative;}
.BodyArmorsSolutionSection > div{ width:100%;  }
.BodyArmorsSolutionSection > div > div{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(https://file.bmi-protection.co.kr/mobileimg/20231228/101422_0.png); 
width:100%; max-height:650px; height:100vh; position:relative;}
.BodyArmorsSolutionSection > div > div > .img{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22295%22%20viewBox%3D%220%200%201440%20295%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M972%20120L1107%201L1440%20104M477%20179L250%20294L-2%2061%22%20stroke%3D%22%23FFF%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.BodyArmorsSolutionSection > div > div > .text{ width:100%; height:100%; flex-direction: column; display:flex; justify-content:center; align-items:center;  background-color:rgba(8, 3, 22, 0.70) }
.BodyArmorsSolutionSection > div > div > .text > h3{ display:none;}
.BodyArmorsSolutionSection > div > div > .text > nav{ display:flex; gap:7px; padding-left:7px; justify-content:center; margin-top:296px;}
.BodyArmorsSolutionSection > div > div > .text > nav > a{ width:242px; height:62px; display:flex; justify-content:center; align-items:center; border:1px solid #fff;}
.BodyArmorsSolutionSection > div > div > .text > nav > a > .linktext{ color:#fff; font-size:24px; font-weight:700;}
.BodyArmorsSolutionSection > div > div > .text > p{ width:70%; margin:auto; display:flex;  flex-direction: column; text-align:center; margin-top:50px;}
.BodyArmorsSolutionSection > div > div > .text > p > span{ color:#fff; font-size:20px; font-weight:500;}


.BodyArmorsGoodSection{ display:flex; justify-content:center; align-items:center;}
.BodyArmorsGoodSection > div{ padding:80px 0; width:100%; }
.BodyArmorsGoodSection > div > div{ display:flex; flex-direction: column; justify-content:center; ;}
.BodyArmorsGoodSection > div > div > .img{ display:none; text-align:center;  }
.BodyArmorsGoodSection > div > div > .img > div{ width:300pc; height:300px; display:inline-block; }
.BodyArmorsGoodSection > div > div > .img > div > img{ max-width:100%; max-height:100%;}
.BodyArmorsGoodSection > div > div > .text > ul{ margin:auto; max-width:70%;}
.BodyArmorsGoodSection > div > div > .text > ul > li{ margin-left:40px; list-style:disc; font-size:22px; font-weight:600; line-height:1.5;}

.BodyArmorsCompletedSection{}
.BodyArmorsCompletedSection > div{}
.BodyArmorsCompletedSection > div > div{ display:flex; align-items:center; width:90%; margin:auto;}
.BodyArmorsCompletedSection > div > div > .text{ width:100%;}
.BodyArmorsCompletedSection > div > div > .text > h2{ width:100%; position:relative;
background: repeating-linear-gradient(transparent, transparent calc(50% - 2px), #12176A 0, #12176A calc(50% + 2px), transparent 0,transparent 100px);
}
.BodyArmorsCompletedSection > div > div > .text > h2 > span{ font-size:26px; font-weight:900; background-color:#fff; padding:0 10px; display:inline-block;}

.BodyArmorsCompletedSection > div > div > .text > ul{ display:flex; flex-wrap:wrap; justify-content:space-between;; align-items:center; gap:16px; margin:25px 0;}
.BodyArmorsCompletedSection > div > div > .text > ul > li{ width:calc(50% - 32px); flex-grow:1; border: 1px solid #2D2AF3;
background: linear-gradient(135deg, #2832DE -13.1%, #EBECFA 122%); position:relative; overflow:hidden; height:270px;}

.BodyArmorsCompletedSection > div > div > .text > ul > li > .completedimg{ position:absolute; left:30px; top:50px; }
.BodyArmorsCompletedSection > div > div > .text > ul > li > .completedimg > div > p{ display:flex;  flex-direction: column; filter: blur(3px);    -webkit-filter: blur(3px); }
.BodyArmorsCompletedSection > div > div > .text > ul > li > .completedimg > div > p > span{ color:rgba(255, 255, 255, 0.10); font-size:45px; font-weight:900; line-height:0.98; letter-spacing:3.84px;}

.BodyArmorsCompletedSection > div > div > .text > ul > li > .completedtext{ position:relative; display:flex; width:90%; height:100%;  flex-direction: column; justify-content:center; align-items:flex-start; margin:auto;}
.BodyArmorsCompletedSection > div > div > .text > ul > li > .completedtext > h3 > span{ font-size:25px; font-weight:600; color:#fff; text-shadow:0px 0px 6px #2832DE; }
.BodyArmorsCompletedSection > div > div > .text > ul > li > .completedtext > p{ display:flex;  flex-direction: column; margin:25px 0;}
.BodyArmorsCompletedSection > div > div > .text > ul > li > .completedtext > p > span{ font-size:14px; font-weight:600; color:#fff; text-shadow:0px 0px 6px #2832DE;}



.SafetySection{ background-color:#F8F8F8;}
.SafetySection > div{ padding:60px 0;}
.SafetySection > div > div{ display:flex; align-items:center; width:90%; margin:auto; max-width:1200px;}
.SafetySection > div > div > .text{ width:100%;}
.SafetySection > div > div > .text > .Safetytitle{ text-align:center;}
.SafetySection > div > div > .text > .Safetytitle > h2 > span{ font-size:48px; font-weight:700;}
.SafetySection > div > div > .text > .Safetytitle > p > span{ font-size:20px; font-weight:400; margin-top:19px;}



.Safetycontent > ul{ display:flex; flex-direction: column; margin:auto; gap:16px; margin-top:70px; max-width:1014px;}
.Safetycontent > ul > li{ padding-left:270px; width:270px; background-size:auto 100%; background-position:left center;}
.Safetycontent > ul > li > div{ background-image:url(https://file.bmi-protection.co.kr/mobileimg/20240126/024349_2.png);  width:270px; height:238px; display:flex;flex-direction: column; position:relative; justify-content:center; background-repeat:no-repeat; background-size:cover;}
.Safetycontent > ul > li > div:after{ content:""; position:absolute; left:0; top:0; background-color:rgba(34, 24, 61, 0.40); width:100%; height:100%;}
.Safetycontent > ul > li > div > h3{ position:relative; z-index:1; margin:0 14px;}
.Safetycontent > ul > li > div > h3 > span{ color:#fff; font-size:24px; font-weight:600;}
.Safetycontent > ul > li > div > p{ margin:0 14px; display:flex; flex-direction: column;position:relative; z-index:1;}
.Safetycontent > ul > li > div > p > span{ color:#fff; font-size:14px; font-weight:400;}


.Safetyusali{ background-image:url(https://file.bmi-protection.co.kr/mobileimg/20240126/024349_1.png);}
.Safetykorli{ background-image:url(https://file.bmi-protection.co.kr/mobileimg/20240126/024349_0.png);}


.CertificationSection > div{ padding:50px 0; width:90%; margin:auto;}
.CertificationSection > div > div{ border:1px solid #fff; background-size:100% auto; position:relative; 
}
.CertificationSection > div > div > .img{ position:absolute; display:flex; flex-direction: column; justify-content:space-between; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.CertificationSection > div > div > .img > .Certificationmainimg{ width:100vmin; height:100vmin; }
.CertificationSection > div > div > .img > .Certificationmainimg > img{ position:absolute; left:25%; }
.CertificationSection > div > div > .img > .Certificationsubimg > ul{ display:flex; gap:20px; justify-content:flex-end; align-items:flex-end;  flex-direction: column; margin:70px 30px;}
.CertificationSection > div > div > .img > .Certificationsubimg > ul > li{ width:130px; height:125px; overflow:hidden; background-color:#fff; position:relative;}
.CertificationSection > div > div > .img > .Certificationsubimg > ul > li > img{ width:480px; height:480px; position:absolute; max-width:inherit; max-height:inherit; transform:scaleX(-1); }
.CertificationSection > div > div > .img > .Certificationsubimg > ul > li:nth-child(1) > img{ left:-180%; top:-103%;}
.CertificationSection > div > div > .img > .Certificationsubimg > ul > li:nth-child(2) > img{ left:-96%; top:-103%;}

.CertificationSection > div > div > .text{}
.CertificationSection > div > div > .text > .Certificationtitle{
}
.CertificationSection > div > div > .text > .Certificationtitle > h2 > span{ font-size:54px; font-weight:900; color:#023587; text-transform:uppercase;
	background:repeating-linear-gradient(transparent, transparent 33px, rgba(2,53,135,0.1) 0, rgba(2,53,135,0.1) 71px, transparent 0,transparent 100px); padding:0 24px;
}
.CertificationSection > div > div > .text > .Certificationtitle > p{ display:flex; flex-direction: column;}
.CertificationSection > div > div > .text > .Certificationtitle > p > span{ padding:0 24px; font-size:22.8px; font-weight:400;}
.CertificationSection > div > div > .text > .Certificationcontent{ margin-top:230px;}
.CertificationSection > div > div > .text > .Certificationcontent > ul{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221078%22%20height%3D%22529%22%20viewBox%3D%220%200%201078%20529%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M1077.7%20528.1H0.900391V244.3L1077.7%200.599976V528.1Z%22%20fill%3D%22%23023587%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat:no-repeat; background-position:bottom; min-height:550px; display:flex; flex-direction: column; gap:210px;}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li{ padding:0 50px; display:flex; flex-direction: column; justify-content:center;}

.CertificationSection > div > div > .text > .Certificationcontent > ul > li > h3{ min-width:314px; }
.CertificationSection > div > div > .text > .Certificationcontent > ul > li > h3 > span{ font-weight:900; position:relative;}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li > h3 > span:before{ content:""; width:9px; height:100%; position:absolute; top:6px; left:-20px; display:inline-block; }
.CertificationSection > div > div > .text > .Certificationcontent > ul > li.Certificationusali > h3 > span{ font-size:26.5px;}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li.Certificationkorli > h3 > span{ font-size:26.5px; color:#fff;}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li.Certificationusali > h3 > span:before{ background-color:#023587}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li.Certificationkorli > h3 > span:before{ background-color:#fff}

.CertificationSection > div > div > .text > .Certificationcontent > ul > li > p{ display:flex; flex-direction: column;}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li > p > span{ font-weight:400;}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li.Certificationusali > p > span{ font-size:20px;}

.CertificationSection > div > div > .text > .Certificationcontent > ul > li.Certificationkorli > p > span{ font-size:20px; color:#fff;}

.OrderProductItemSection > div{ padding:50px 0; width:96%;  margin:auto;}
.OrderProductItemSection > div > div{ border:1px solid #fff; background-size:100% auto; position:relative; }
.OrderProductItemSection > div > div > .text{ width:100%; }
.OrderProductItemSection > div > div > .text > div > h2{ text-align:center; }
.OrderProductItemSection > div > div > .text > div > h2 > span{ font-size:48px; font-weight:700;}
.OrderProductItemSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; gap:30px 20px; justify-content:flex-start; margin:50px auto;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='1'] > li:nth-child(1){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='2'] > li:nth-child(2){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='3'] > li:nth-child(3){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='4'] > li:nth-child(4){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='5'] > li:nth-child(5){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='6'] > li:nth-child(6){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='7'] > li:nth-child(7){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='8'] > li:nth-child(8){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='9'] > li:nth-child(9){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='10'] > li:nth-child(10){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='11'] > li:nth-child(11){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='12'] > li:nth-child(12){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='13'] > li:nth-child(13){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='14'] > li:nth-child(14){ display:none;}
.OrderProductItemSection > div > div > .text > div > ul > li{transition-duration: 0.3s; box-shadow: 0px 0px 0px rgba(21,30,62,0); background-color: #F8F8F8;}
.OrderProductItemSection > div > div > .text > div > ul > li:hover{ box-shadow: 7px 7px 15px rgba(21,30,62,0.5);}
.OrderProductItemSection > div > div > .text > div > ul > li > div{ position:relative; padding:20px; width:256px; }
.OrderProductItemSection > div > div > .text > div > ul > li > div > .productimg{ width:100%; height:256px; display:flex; justify-content:center; align-items:center;}
.OrderProductItemSection > div > div > .text > div > ul > li > div > .productimg > img{ width:90%; transition-duration:0.3s; max-height:100%; object-fit:contain;}
.OrderProductItemSection > div > div > .text > div > ul > li:hover > div > .productimg > img{ transform:scale(1.1);}
.OrderProductItemSection > div > div > .text > div > ul > li > div > .producttext{ padding-top:30px;}
.OrderProductItemSection > div > div > .text > div > ul > li > div > .producttext > h4 > span{ font-size:24px; font-weight:normal;}
.OrderProductItemSection > div > div > .text > div > ul > li > div > a{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:flex-end; align-items:flex-end;}
.OrderProductItemSection > div > div > .text > div > ul > li > div > a > .linktext{ display:none;}
.OrderProductItemSection > div > div > .text > div > ul > li > div > a > .linkicon{
	background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%2F%3E%3Cg%20data-name%3D%22Layer%202%22%20id%3D%22Layer_2%22%3E%3Cpath%20d%3D%22M12%2C25a1%2C1%2C0%2C0%2C1-.71-.29%2C1%2C1%2C0%2C0%2C1%2C0-1.42L18.59%2C16l-7.3-7.29a1%2C1%2C0%2C1%2C1%2C1.42-1.42l8%2C8a1%2C1%2C0%2C0%2C1%2C0%2C1.42l-8%2C8A1%2C1%2C0%2C0%2C1%2C12%2C25Z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22frame%22%3E%3Crect%20class%3D%22cls-1%22%20height%3D%2232%22%20width%3D%2232%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 24px 30px;
}

.brochurebtn{ position: sticky; bottom:0; background-color:#ffd400; display:flex; justify-content:center; align-items:center; gap:24px; padding:14px 16px; transition-duration: 0.5s; border-top:3px solid rgba(21, 30, 62, 3);}
.brochurebtn > .linktext{ font-size:24px; font-weight:bold; color:#000; order:1; transition-duration:0.3s; }
.brochurebtn > .linkicon{
        display: inline-block;
        width: 32px;
        height: 32px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
		background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20%0Ad%3D%22M18%2C10.82a1%2C1%2C0%2C0%2C0-1%2C1V19a1%2C1%2C0%2C0%2C1-1%2C1H5a1%2C1%2C0%2C0%2C1-1-1V8A1%2C1%2C0%2C0%2C1%2C5%2C7h7.18a1%2C1%2C0%2C0%2C0%2C0-2H5A3%2C3%2C0%2C0%2C0%2C2%2C8V19a3%2C3%2C0%2C0%2C0%2C3%2C3H16a3%2C3%2C0%2C0%2C0%2C3-3V11.82A1%2C1%2C0%2C0%2C0%2C18%2C10.82Zm3.92-8.2a1%2C1%2C0%2C0%2C0-.54-.54A1%2C1%2C0%2C0%2C0%2C21%2C2H15a1%2C1%2C0%2C0%2C0%2C0%2C2h3.59L8.29%2C14.29a1%2C1%2C0%2C0%2C0%2C0%2C1.42%2C1%2C1%2C0%2C0%2C0%2C1.42%2C0L20%2C5.41V9a1%2C1%2C0%2C0%2C0%2C2%2C0V3A1%2C1%2C0%2C0%2C0%2C21.92%2C2.62Z%22%20%0Afill%3D%22%23000000%22%0A%2F%3E%0A%3C%2Fsvg%3E");
        
        transition-duration: 0.3s;
		order:2;
}
.brochurebtn:hover{ background-color:#004cff;}
.brochurebtn:hover > .linktext{ color:#fff;}
.brochurebtn:hover > .linkicon{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20%0Ad%3D%22M18%2C10.82a1%2C1%2C0%2C0%2C0-1%2C1V19a1%2C1%2C0%2C0%2C1-1%2C1H5a1%2C1%2C0%2C0%2C1-1-1V8A1%2C1%2C0%2C0%2C1%2C5%2C7h7.18a1%2C1%2C0%2C0%2C0%2C0-2H5A3%2C3%2C0%2C0%2C0%2C2%2C8V19a3%2C3%2C0%2C0%2C0%2C3%2C3H16a3%2C3%2C0%2C0%2C0%2C3-3V11.82A1%2C1%2C0%2C0%2C0%2C18%2C10.82Zm3.92-8.2a1%2C1%2C0%2C0%2C0-.54-.54A1%2C1%2C0%2C0%2C0%2C21%2C2H15a1%2C1%2C0%2C0%2C0%2C0%2C2h3.59L8.29%2C14.29a1%2C1%2C0%2C0%2C0%2C0%2C1.42%2C1%2C1%2C0%2C0%2C0%2C1.42%2C0L20%2C5.41V9a1%2C1%2C0%2C0%2C0%2C2%2C0V3A1%2C1%2C0%2C0%2C0%2C21.92%2C2.62Z%22%20%0Afill%3D%22%23FFFFFF%22%0A%2F%3E%0A%3C%2Fsvg%3E");}