@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;
}

/*https://file.bmi-protection.co.kr/img/20240201/103449_0.png*/


.ProductsMainSection{ display:inline-block; width:100%;}
.ProductsMainSection > div{ padding:50px 0; margin-top:100px; display:flex; justify-content:center; align-items:center; flex-direction: column;  width:100%;}
.ProductsMainSection > div > h2{ width:90%; max-width:1400px; margin: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: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;
}
.ProductsMainSection > div > div{ display:flex; gap:20px; justify-content:center; width:90%; max-width:1400px; margin:50px auto; }
.ProductsMainSection > div > div > .img > div{ width:442px; height:293px;}
.ProductsMainSection > div > div > .text > div{ display:flex; flex-direction: column; justify-content:flex-end; height:293px;}
.ProductsMainSection > div > div > .text > div > p{ display:flex; flex-direction: column; justify-content:center; position:relative; padding:20px 0;}
.ProductsMainSection > div > div > .text > div > p:after{ content:""; width:calc(100% + 50px); height:4px; background-color:#000; position:absolute; bottom:0; left:-46px;}
.ProductsMainSection > div > div > .text > div > p > span:nth-child(1){font-size: 25.512px; line-height:1.1;}
.ProductsMainSection > div > div > .text > div > p > span:nth-child(2){font-size: 28.347px; line-height:1.1;}


.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:center; margin:auto; background-image:url(https://file.bmi-protection.co.kr/img/20240202/031843_0.jpg); background-repeat:no-repeat; background-position:center right; background-size:84.5% auto; }
.ProductsMain2Section > div > div > .img > div{ position:relative; width:90%; max-width:1314px;}
.ProductsMain2Section > div > div > .img > div > img{ width:100%; opacity:0; max-height:545px; float:left;}
.ProductsMain2Section > div > div > .img > div > div{ position:absolute; bottom:0; left:0; padding:50px;
background-image: linear-gradient(to right, black,transparent);
}
.ProductsMain2Section > div > div > .img > div > div > h3{ margin-bottom:8px;}
.ProductsMain2Section > div > div > .img > div > div > h3 > span{ 
font-size:40px; font-weight:600; color:#fff;text-transform: capitalize;
}
.ProductsMain2Section > div > div > .img > div > div > p > span{ font-size:50px; font-weight:300; color: #6265A5; line-height:1;text-transform: capitalize;

}

.ProductsMain2Section > div > div > .text{  width:90%; max-width:1314px; display:flex; justify-content:center; margin:auto;}
.ProductsMain2Section > div > div > .text > div{ margin:62px 50px; display:inline-block; width:calc(100% - 100px);}
.ProductsMain2Section > div > div > .text > div > h3 > span{ font-size:50px; font-weight:700; color:#22183D; }
.ProductsMain2Section > div > div > .text > div > p{ display:flex; flex-direction: column;}
.ProductsMain2Section > div > div > .text > div > p > span{ font-size:23px; font-weight:600; color:#525666;}
.ProductsMain2Section > div > div > .text > div > aside{ margin-top:24px;}

.BulletProofHelmetsMainSection{ }
.BulletProofHelmetsMainSection > div > div > .img{  }
.BulletProofHelmetsMainSection > div > div > .text{ position:relative; z-index:1; width:100%; height:690px; background-position:right 60%; background-image:url(https://file.bmi-protection.co.kr/img/20231226/101551_0.png); background-size:cover; background-repeat:no-repeat; display:flex; justify-content:flex-start; align-items:flex-end;}
.BulletProofHelmetsMainSection > div > div > .text > div{ margin-left:60px; margin-bottom:60px;}
.BulletProofHelmetsMainSection > div > div > .text > div > h3{
	font-size:20px; text-transform:uppercase; font-family:'Freesentation-9Black';
	font-weight:600;
	text-shadow:0px 0px 5px #000;
	color:#BAAFAF;
}
.BulletProofHelmetsMainSection > div > div > .text > div > p{ 	font-size:64px; text-transform:uppercase; font-family:'Freesentation-9Black';
margin-top:14px;
	font-weight:600;
	line-height:1;
	text-shadow:0px 0px 5px #000;
	color:#ffffff;
}



.HeadProtectionSection{ }
.HeadProtectionSection > div{ padding:50px 0;}
.HeadProtectionSection > div > div > .img{ display:flex; justify-content:space-around; align-items:center; padding:120px 0;}
.HeadProtectionSection > div > div > .img > h3{ text-transform:uppercase; font-size:32px; font-weight:600; color:#BAAFAF; }
.HeadProtectionSection > div > div > .img > p{ display:flex; flex-direction: column; }
.HeadProtectionSection > div > div > .img > p > span{ font-size:36px; font-weight:600; line-height:1.2;}

.HeadProtectionSection > div > div > .text{ display:flex; justify-content:flex-end; align-items:flex-start;}
.HeadProtectionSection > div > div > .text > ul{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; width:42%; margin-right:10%;}
.HeadProtectionSection > div > div > .text > ul > li{ margin:0 16px;}
.HeadProtectionSection > div > div > .text > ul > li > label{ color:#12176A; font-size:40px; font-weight:400; text-transform:uppercase; padding:30px 0; display:inline-block;}
.HeadProtectionSection > div > div > .text > ul > li > div > p{ display:flex; flex-direction: column; position:relative; padding-top:20px;}
.HeadProtectionSection > div > div > .text > ul > li > div > p:before{ content:""; position:absolute; top:-4px; left:0; width:100%; height:5px; background-color:#12176A;}
.HeadProtectionSection > div > div > .text > ul > li > div > p > span{ font-size:24px; font-weight:600; line-height:1.5;}


.HeadProtectionListSection > div{ padding:50px 0;}
.HeadProtectionListSection > div > div{ width:1320px; margin:auto; }
.HeadProtectionListSection > div > div > div{ width:100%; display:flex; justify-content:center; }
.HeadProtectionListSection > div > div > div > ul{ display:flex; flex-wrap:wrap; gap:160px; margin:auto;}
.HeadProtectionListSection > div > div > div > ul > li{ position:relative; width:580px;}
.HeadProtectionListSection > div > div > div > ul > li:nth-child(even):before{ content:""; position:absolute; left:-62px; top:-160px; width:5px; height:calc(100% + 160px); display:inline-block; background-color:#12176A; }
.HeadProtectionListSection > div > div > div > ul > li:nth-child(1):before{ top:-60px; height:calc(100% + 60px); }
.HeadProtectionListSection > div > div > div > ul > li:nth-child(2):before{ top:-60px; height:calc(100% + 60px); }
.HeadProtectionListSection > div > div > div > ul > li > div{ }
.HeadProtectionListSection > div > div > div > ul > li > div > h3{ font-size:40px; font-weight:400; text-align:center; }
.HeadProtectionListSection > div > div > div > ul > li > div > .img{ margin-top:50px; text-align:center; display:flex; justify-content:center; align-items:center; height:400px;}
.HeadProtectionListSection > div > div > div > ul > li > div > .img > img{ max-width:400px; max-height:400px;}
.HeadProtectionListSection > div > div > div > ul > li > div > .text > h4{ margin-top:30px;}
.HeadProtectionListSection > div > div > div > ul > li > div > .text > h4 > span{ font-size:24px; font-weight:400; line-height:1.5}
.HeadProtectionListSection > div > div > div > ul > li > div > .text > aside > ul{ margin-top:30px;}
.HeadProtectionListSection > div > div > div > ul > li > div > .text > aside > ul > li{ display:flex;}
.HeadProtectionListSection > div > div > div > ul > li > div > .text > aside > ul > li > label{ font-size:24px; font-weight:400; line-height:1.5; min-width:57px;}
.HeadProtectionListSection > div > div > div > ul > li > div > .text > aside > ul > li > label:after{ content:":"; margin:0 4px;}
.HeadProtectionListSection > div > div > div > ul > li > div > .text > aside > ul > li > div{ font-size:24px; font-weight:400; line-height:1.5;}
.HeadProtectionListSection > div > div > div > ul > li > div > a{ font-size:0; width:100%; height:100%; position:absolute; left:0; top:0;}
.HeadProtectionListSection > div > div > div > ul > li:hover > div > .text{ color:#12176A;}






.ProductsWantSection > div{ padding:50px 0; display:flex; justify-content:center; align-items:center; flex-direction: column;  width:100%; max-width:1400px; 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: 72.263px; color:#231815; font-weight:600; text-transform:uppercase; line-height:1.2;}
.ProductsWantSection > div > div > .text > div > p{  text-align:center; }
.ProductsWantSection > div > div > .text > div > p > span{ font-size: 22.677px; 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;}
.ProductsWantSection > div > div > .text > div > div > p > span{font-size: 22.677px; color: #595757; font-weight:400; line-height:1.2; }



.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%; max-width:1320px;}
.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-wrap:wrap;  width:90%; max-width:1320px; margin:auto; gap:34px; margin-top:50px;}

.ProductsMainListSection > div > div > .text > div > ul > li > ul > li{ width:240px; position:relative; padding:30px; transition-duration:0.3s; box-shadow:0px 0px 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:7px 7px 15px rgba(21,30,62,0.5);}

.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:50px 30px;
}
.ProductsMainListSection > div > div > .text > div > ul > li:last-child > ul > li > div > nav > a > .linktext{ display:flex;  margin:50px 30px; color:#06F; font-size:17px; font-weight:400; text-transform:uppercase;}
.ProductsMainListSection > div > div > .text > div > ul > li:last-child > ul > li > div > nav > a > .linkicon{ display:none;}

/* sample */
.ProductsMainListSection2{ display:none;}
.ProductsMainListSection2 > div{ padding:50px 0; padding-bottom:200px;}
.ProductsMainListSection2 > div > div > .text{  width:100%; max-width:1300px; 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:0; bottom:-50px; width:100%; height:0px; display:inline-block; border-bottom:5px solid #eee;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul:last-child:before
{ display:none;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li{ flex-grow:1; width:calc(25% - 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:64px; font-weight:600; display:inline-block;font-family:'Freesentation-9Black'; font-weight:900; }
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div{ display:flex; flex-direction: column; flex-grow:1; background-color:#f1f1f1; position:relative;}
.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:24px; font-weight:600; color:#fff;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li{ }
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemimg{ width:100%; height:220px; 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:hover > ul > li > .itemtext{ opacity:1; height:auto; visibility:visible; box-shadow:1px 1px 6px #ddd; }

.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemtext > div{ background-color:rgba(255,255,255,0.9);  border-radius:5px; padding:15px; min-width:240px;}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemtext > div > div > ul{ display:flex; flex-direction: column; gap:8px; }
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemtext > div > div > ul > li{}
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemtext > div > div > ul > li > label{ font-size:16px; font-weight:600; }
.ProductsMainListSection2 > div > div > .text > div > ul > li > ul > li > div > ul > li > .itemtext > div > div > ul > li > div{ font-size:16px; font-weight:400;}
.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; min-height:100vh; }
.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; justify-content:space-between; align-items:flex-start; width:90%; max-width:1200px; margin:auto; }
.BulletProofHelmetsSubSection > div > div > .img{ margin:90px 0;}
.BulletProofHelmetsSubSection > div > div > .img > div{  width:450px; height:450px; display:flex; justify-content:center; align-items:center; flex-direction: column;}
.BulletProofHelmetsSubSection > div > div > .img > div > .mainsubimg{ display:flex; justify-content:center; align-items:center; width:450px; height:450px; border:1px solid #12176A;}
.BulletProofHelmetsSubSection > div > div > .img > div > .mainsubimg > img{ width:430px; height:430px; object-fit:contain; object-position:center;}
.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; flex-wrap:wrap; gap:28px; position:relative; margin:30px 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{ width:670px;}
.BulletProofHelmetsSubSection > div > div > .text > div  > h2{ font-size:32px; font-weight:400; line-height:1.5;}
.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:30px;}
.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 > h4{ margin:8px 0;}
.BulletProofHelmetsSubSection > div > div > .text > div > form > div > h4 > span{ font-size:18px; font-weight:700;}
.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; font-size:24px; font-weight:400; padding:6px 27px; display:inline-block;}

.BulletProofHelmetsVideoSection > div{ text-align:center; background:repeating-linear-gradient(transparent, transparent 56%, #22183D 0, #22183D 100%); padding:74px 0;}
.BulletProofHelmetsVideoSection > div > iframe{text-align:center;max-width:90%; margin:auto; max-height:100vmin;}
.BulletProofHelmetsVideoSection > div > p{ margin:14px auto; text-align:right; color:#fff; width:90%; max-width:1280px; font-size:25px; font-weight:400;}

.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:150px;}
.SpecificationsSummarySection > div > div > .text > div > div{ display:flex; justify-content:space-between; gap:16px 30px; width:90%; max-width:1200px; margin:auto;}
.SpecificationsSummarySection > div > div > .text > div > div > h3{ display:flex; flex-direction: column; order:3; align-items:center; width:120px;}
.SpecificationsSummarySection > div > div > .text > div > div > h3 > span{ }
.SpecificationsSummarySection > div > div > .text > div > div > h3 > span:first-child{ font-size:24px; font-weight:900;}
.SpecificationsSummarySection > div > div > .text > div > div > h3 > span:last-child{ font-size:20px; font-weight:400;}
.SpecificationsSummarySection > div > div > .text > div > div > h4{ display:flex; justify-content:center; align-items:center; order:1; width:150px; color:#fff; background-color:#12176A; border-radius:27px;}
.SpecificationsSummarySection > div > div > .text > div > div > h4 > span{  font-size:24px; font-weight:900;}
.SpecificationsSummarySection > div > div > .text > div > div > ul{ order:2; display:flex; flex-wrap:wrap; gap:30px;}
.SpecificationsSummarySection > div > div > .text > div > div > ul > li{ display:flex; flex-direction: column; min-width:30%;}
.SpecificationsSummarySection > div > div > .text > div > div > ul > li > label{  font-size:24px; font-weight:900;}
.SpecificationsSummarySection > div > div > .text > div > div > ul > li > div{  font-size:20px; font-weight:400;}

.BulletProofHelmetsSolutionSection{  display:flex; justify-content:center; align-items:center; position:relative;}
.BulletProofHelmetsSolutionSection > div{ min-width:1440px; }
.BulletProofHelmetsSolutionSection > div > div{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(https://file.bmi-protection.co.kr/img/20231228/101422_0.png); 
width:100%; max-height:850px; 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:396px;}
.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:25px; font-weight:700;}
.BulletProofHelmetsSolutionSection > div > div > .text > p{ width:90%; margin:auto; display:flex;  flex-direction: column; text-align:center; margin-top:80px;}
.BulletProofHelmetsSolutionSection > div > div > .text > p > span{ color:#fff; font-size:28px; font-weight:500;}


.BulletProofHelmetsGoodSection > div > div > .text > h3{ color:#fff;}
.BulletProofHelmetsGoodSection{ display:flex; justify-content:center; align-items:center;}
.BulletProofHelmetsGoodSection > div{ padding:150px 0; width:100%; }
.BulletProofHelmetsGoodSection > div > div{ display:flex; justify-content:space-between; align-items:center; gap:80px; width:90%; margin:auto; max-width:1200px;}
.BulletProofHelmetsGoodSection > div > div > .img > div{ width:420px; height:420px; display:inline-block; text-align:right;}
.BulletProofHelmetsGoodSection > div > div > .img > div > img{ max-width:100%; max-height:100%;}
.BulletProofHelmetsGoodSection > div > div > .text > ul{ width:760px; :}
.BulletProofHelmetsGoodSection > div > div > .text > ul > li{ list-style:disc; font-size:28px; font-weight:400; line-height:1.5;}

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

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

.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:64px; 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:36px; 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:50px 0;}
.BulletProofHelmetsCompletedSection > div > div > .text > ul > li > .completedtext > p > span{ font-size:24px; 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:60px; font-weight:700;}
.SafetySection > div > div > .text > .Safetytitle > p > span{ font-size:28px; font-weight:400; margin-top:19px;}



.Safetycontent > ul{ display:flex; flex-direction: column; margin:auto; margin-top:70px; max-width:1014px;}
.Safetycontent > ul > li{ padding-left:338px; width:338px; background-repeat:no-repeat; background-size:auto 100%;}
.Safetycontent > ul > li > div{ background-image:url(https://file.bmi-protection.co.kr/img/20240126/024349_2.png);  width:338px; min-height:207px; padding:8px 0; display:flex;flex-direction: column; position:relative; justify-content:center;}
.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 25px;}
.Safetycontent > ul > li > div > h3 > span{ color:#fff; font-size:36px; font-weight:600;}
.Safetycontent > ul > li > div > p{ margin:0 25px; display:flex; flex-direction: column;position:relative; z-index:1;}
.Safetycontent > ul > li > div > p > span{ color:#fff; font-size:19px; font-weight:400;}


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


.PartnerSection{ }
.PartnerSection > div{ padding:150px 0;}
.PartnerSection > div > div{ display:flex; align-items:center; width:90%; margin:auto; max-width:1200px;}
.PartnerSection > div > div > .text{ width:100%; }
.PartnerSection > div > div > .text > div > h2{ text-align:center; }
.PartnerSection > div > div > .text > div > h2 > span{ font-size:60px; 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:28px; font-weight:400;}


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


.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:36px; 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[data-row='1'] > thead > tr > td:nth-child(2){ background-color:#f2cb8a;}
.SkillSection > div > div > .text > div > table[data-row='1'] > tbody > tr > td:nth-child(2){ background-color:#fff2dc;}
.SkillSection > div > div > .text > div > table[data-row='2'] > thead > tr > td:nth-child(3){ background-color:#f2cb8a;}
.SkillSection > div > div > .text > div > table[data-row='2'] > tbody > tr > td:nth-child(3){ background-color:#fff2dc;}
.SkillSection > div > div > .text > div > table[data-row='3'] > thead > tr > td:nth-child(4){ background-color:#f2cb8a;}
.SkillSection > div > div > .text > div > table[data-row='3'] > tbody > tr > td:nth-child(4){ background-color:#fff2dc;}
.SkillSection > div > div > .text > div > table[data-row='4'] > thead > tr > td:nth-child(5){ background-color:#f2cb8a;}
.SkillSection > div > div > .text > div > table[data-row='4'] > tbody > tr > td:nth-child(5){ background-color:#fff2dc;}


.SkillSection > div > div > .text > div > table > thead{ background-color:#eee; }
.SkillSection > div > div > .text > div > table > thead > tr > th{ padding:12px 0; }
.SkillSection > div > div > .text > div > table > thead > tr > th:nth-child(1){ width:320px;}
.SkillSection > div > div > .text > div > table > thead > tr > td{ font-weight:900; text-align:center;}
.SkillSection > div > div > .text > div > table > thead > tr > td > a{ padding:12px 0; color:#000; font-weight:900; position:relative; display:flex; align-items:center; justify-content:center; gap:8px;}
.SkillSection > div > div > .text > div > table > thead > tr > td > a:after{ content:""; 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");
background-repeat:no-repeat; background-size:contain; display:inline-block; background-position:center; width:20px; height:24px; }
.SkillSection > div > div > .text > div > table > thead > tr > td > a:hover{ color:#FFF; background-color:#12176A;}
.SkillSection > div > div > .text > div > table > thead > tr > td > a:hover:after{ 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");
}

.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[data-row='1'] > thead > tr > td:nth-child(2) > a:after{display: none;}
.SkillSection > div > div > .text > div > table[data-row='2'] > thead > tr > td:nth-child(3) > a:after{display: none;}
.SkillSection > div > div > .text > div > table[data-row='3'] > thead > tr > td:nth-child(4) > a:after{display: none;}
.SkillSection > div > div > .text > div > table[data-row='4'] > thead > tr > td:nth-child(5) > a:after{display: none;}
.SkillSection > div > div > .text > div > table[data-row='5'] > thead > tr > td:nth-child(6) > a:after{display: none;}
.SkillSection > div > div > .text > div > table[data-row='6'] > thead > tr > td:nth-child(7) > a:after{display: none;}

.SkillSection > div > div > .text > div > table > tbody > tr > th{ padding:12px 0;}
.SkillSection > div > div > .text > div > table > tbody > tr > td{ padding:12px 0; text-align:center; }
.SkillSection > div > div > .text > div > table th
,.SkillSection > div > div > .text > div > table td{  font-size:20px;  }
.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; min-height:100vh; }
.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; justify-content:space-between; align-items:flex-start; width:90%; max-width:1200px; margin:auto; }
.BodyArmorsSubSection > div > div > .img{ margin:90px 0;}
.BodyArmorsSubSection > div > div > .img > div{  width:450px; height:450px; display:flex; justify-content:center; align-items:center; flex-direction: column;}
.BodyArmorsSubSection > div > div > .img > div > .mainsubimg{ display:flex; justify-content:center; align-items:center; width:450px; height:450px; border:1px solid #12176A;}
.BodyArmorsSubSection > div > div > .img > div > .mainsubimg > img{ width:430px; height:430px; object-fit:contain; object-position:center;}
.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; flex-wrap:wrap; gap:28px; position:relative; margin:30px 0;}

.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{ width:670px;}
.BodyArmorsSubSection > div > div > .text > div  > h2{ font-size:32px; font-weight:400; 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:30px;}
.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:30px; 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{ min-width:1440px; }
.BodyArmorsSolutionSection > div > div{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(https://file.bmi-protection.co.kr/img/20231228/101422_0.png); 
width:100%; max-height:850px; 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:396px;}
.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:25px; font-weight:700;}
.BodyArmorsSolutionSection > div > div > .text > p{ width:90%; margin:auto; display:flex;  flex-direction: column; text-align:center; margin-top:80px;}
.BodyArmorsSolutionSection > div > div > .text > p > span{ color:#fff; font-size:28px; font-weight:500;}


.BodyArmorsGoodSection > div > div > .text > h3{ color:#fff;}
.BodyArmorsGoodSection{ display:flex; justify-content:center; align-items:center;}
.BodyArmorsGoodSection > div{ padding:150px 0; width:100%; }
.BodyArmorsGoodSection > div > div{ display:flex; justify-content:space-between; align-items:center; gap:80px; width:90%; margin:auto; max-width:1200px;}
.BodyArmorsGoodSection > div > div > .img > div{ width:420px; height:420px; display:inline-block; text-align:right;}
.BodyArmorsGoodSection > div > div > .img > div > img{ max-width:100%; max-height:100%;}
.BodyArmorsGoodSection > div > div > .text > ul{ width:760px; :}
.BodyArmorsGoodSection > div > div > .text > ul > li{ list-style:disc; font-size:28px; font-weight:400; line-height:1.5;}

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

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

.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:64px; 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:36px; 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:50px 0;}
.BodyArmorsCompletedSection > div > div > .text > ul > li > .completedtext > p > span{ font-size:24px; font-weight:600; color:#fff; text-shadow:0px 0px 6px #2832DE;}


.CertificationSection > div{ padding:50px 0; width:90%; max-width:1040px; 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; align-items:flex-end; width:100%; height:100%; left:0; top:0;}
.CertificationSection > div > div > .img > .Certificationmainimg{ width:480px; height:480px; }
.CertificationSection > div > div > .img > .Certificationmainimg > img{ position:absolute; right:-170px; top:-100px;}
.CertificationSection > div > div > .img > .Certificationsubimg > ul{ display:flex; gap:20px; margin:80px 50px;}
.CertificationSection > div > div > .img > .Certificationsubimg > ul > li{ width:260px; height:250px; overflow:hidden; background-color:#fff; position:relative;}
.CertificationSection > div > div > .img > .Certificationsubimg > ul > li > img{ width:960px; height:960px; 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{
	margin:120px 45px;
}
.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:100px;}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li{ padding:0 60px; display:flex; flex-direction: column;justify-content:center;}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li > h3{}
.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:46.5px;}
.CertificationSection > div > div > .text > .Certificationcontent > ul > li.Certificationkorli > h3 > span{ font-size:39.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:26.5px;}

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

.OrderProductItemSection{ display:none;}
.OrderProductItemSection > div{ padding:50px 0; width:90%; max-width:1190px; 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:60px; font-weight:700;}
.OrderProductItemSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; gap:50px; justify-content:flex-start; margin:80px auto;}
.OrderProductItemSection > div > div > .text > div > ul[data-row='1'] > li:nth-child(1){ 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:30px; width:302px; }
.OrderProductItemSection > div > div > .text > div > ul > li > div > .productimg{ width:100%; height:302px; display:flex; justify-content:center; align-items:center;}
.OrderProductItemSection > div > div > .text > div > ul > li > div > .productimg > img{ width:90%; transition-duration:0.3s;}
.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:26px;}
.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: 36px 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:30px; font-weight:bold; color:#000; order:1; transition-duration:0.3s; }
.brochurebtn > .linkicon{
        display: inline-block;
        width: 40px;
        height: 40px;
        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");}