.MediaNewsListSection{ display:none;}
.MediaNewsListSection > div > div > .img{  }
.MediaNewsListSection > div > div > .text{ position:relative; z-index:1; width:100%; height:690px; background-image:url(https://file.bmi-protection.co.kr/img/20231222/025156_0.png); background-size:cover; background-position:right bottom; background-repeat:no-repeat; display:flex; justify-content:flex-start; align-items:flex-end;}
.MediaNewsListSection > div > div > .text > div{ margin-left:60px; margin-bottom:60px;}
.MediaNewsListSection > div > div > .text > div > h3{
	font-size:20px; text-transform:uppercase; /*font-family:'SEBANG_Gothic_Bold';*/
	font-weight:600;
	text-shadow:0px 0px 5px #000;
	color:#BAAFAF;
}
.MediaNewsListSection > div > div > .text > div > p{ 	font-size:64px; text-transform:uppercase; /*font-family:'SEBANG_Gothic_Bold';*/
margin-top:14px;
	font-weight:600;
	line-height:1;
	text-shadow:0px 0px 5px #000;
	color:#ffffff;
}
.MediaMenuSection > div{ margin-top:100px; width:100%; display:inline-block;}
.MediaMenuSection > div > nav{ width:90%; max-width:1400px; margin:auto; margin-top:80px;}
.MediaMenuSection > div > nav > div{ position:relative;}
.MediaMenuSection > div > nav > div > ul{ display:flex; flex-wrap:wrap; gap:10px;}
.MediaMenuSection > div > nav > div > ul > li{flex-grow:1; border:1px solid #070930; border-bottom:5px solid #12176A;}
.MediaMenuSection > div > nav > div > ul > li > a{ width:100%; text-align:center; display:inline-block; color:#12176A; padding:8px 0; font-size:24px; font-weight:400; text-transform:uppercase; transition-duration:0.3s;}
.MediaMenuSection > div > nav > div > ul > li > a.active{ color:#fff; background-color:#12176A; cursor:default; pointer-events: none;}
.MediaMenuSection > div > nav > div > ul > li > a:hover{ background-color:#070930; color:#fff;}

.NewsListSection > div{ padding:50px 0;}
.NewsListSection > div > div > h3{ display:none;}
.NewsListSection > div > div > .text > nav{ width:90%; max-width:1400px; margin:auto; margin-top:80px;}
.NewsListSection > div > div > .text > nav > div{ margin-left:380px; position:relative;}
.NewsListSection > div > div > .text > nav > div:after{ content:""; position:absolute; width:100%; right:0; bottom:-5px; height:5px; background-color:#12176A; display:inline-block;}
.NewsListSection > div > div > .text > nav > div > ul{ display:flex; flex-wrap:wrap;}
.NewsListSection > div > div > .text > nav > div > ul > li > a{ display:inline-block; color:#12176A; padding:8px 36px; border:1px solid #12176A; margin-right:-1px; margin-bottom:-1px; font-size:24px; font-weight:400; text-transform:uppercase; transition-duration:0.3s;}
.NewsListSection > div > div > .text > nav > div > ul > li > a.active{ color:#fff; background-color:#12176A; cursor:default; pointer-events: none;}
.NewsListSection > div > div > .text > nav > div > ul > li > a:hover{ background-color:#0B89C6; color:#fff;}
.NewsListSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.NewsListSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; gap:30px; margin-bottom:50px;}
.NewsListSection > div > div > .text > div > ul > li{ width:254px;}
.NewsListSection > div > div > .text > div > ul > li .NewsListImg{ width:254px; height:180px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd;}
.NewsListSection > div > div > .text > div > ul > li .NewsListImg img{ width:100%; height:100%; object-fit:cover;}
.NewsListSection > div > div > .text > div > ul > li .NewsListTitle{ margin:8px 0; display:inline-block; width:100%; line-height:1.2; color:#000;}
.NewsListSection > div > div > .text > div > ul > li .datetext{ color:#000;}
.NewsListSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; padding:30px; border-top:1px solid #12176A; }
.NewsListSection > div > div > .text > div > nav > div{ display:flex; gap:8px;}
.NewsListSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NewsListSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NewsListSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NewsListSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}


.NewsReadSection > div{ padding:50px 0;}
.NewsReadSection > div > div > h3{ display:none;}
.NewsReadSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.NewsReadSection > div > div > .text > div > ul{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; border-top:1px solid #12176A; padding:16px 0;}
.NewsReadSection > div > div > .text > div > ul > li{ }
.NewsReadSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; padding:30px; border-top:1px solid #12176A;}
.NewsReadSection > div > div > .text > div > nav > div{ display:flex; gap:8px;}
.NewsReadSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NewsReadSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NewsReadSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NewsReadSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}

.readtitle{ width:calc(100% - 220px); margin:0 30px;}
.readtitle > div > h4 > span{ font-size:32px;}

.readwritedate{ width:130px;}
.readhitcount{ display:none;}
.readcontent{ padding:30px; width:calc(100% - 60px); border-top:1px solid #12176A; margin-top:16px;}
.readcontent > div *{ font-size:18px; line-height:1.6;}
.readcontent > div img{ max-width:100%; margin:8px 0;}
.readcontent > div iframe{ max-width:100%; margin:8px 0;}
.NewsReadSection > div > div > .text > div > ul > li > label{ display:none;}


.NewsWriteSection > div{ padding:50px 0;}
.NewsWriteSection > div > div > h3{ display:none;}
.NewsWriteSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.NewsWriteSection > div > div > .text > div > ul{ display:flex; gap:16px; flex-direction: column;}
.NewsWriteSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500;}
.NewsWriteSection > div > div > .text > div > ul > li > label{ display:none;}
.NewsWriteSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; gap:30px; padding:30px 0; }
.NewsWriteSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NewsWriteSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NewsWriteSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NewsWriteSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}

.NewsEditSection > div{ padding:50px 0;}
.NewsEditSection > div > div > h3{ display:none;}
.NewsEditSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.NewsEditSection > div > div > .text > div > ul{ display:flex; gap:16px; flex-direction: column;}
.NewsEditSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500;}
.NewsEditSection > div > div > .text > div > ul > li > label{ display:none;}
.NewsEditSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; gap:30px; padding:30px 0; }
.NewsEditSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NewsEditSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NewsEditSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NewsEditSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}



.NoticeListSection > div{ padding:50px 0;}
.NoticeListSection > div > div > h3{ display:none;}
.NoticeListSection > div > div > .text > nav{ width:90%; max-width:1400px; margin:auto; margin-top:80px;}
.NoticeListSection > div > div > .text > nav > div{ margin-left:380px; position:relative;}
.NoticeListSection > div > div > .text > nav > div:after{ content:""; position:absolute; width:100%; right:0; bottom:-5px; height:5px; background-color:#12176A; display:inline-block;}
.NoticeListSection > div > div > .text > nav > div > ul{ display:flex; flex-wrap:wrap;}
.NoticeListSection > div > div > .text > nav > div > ul > li > a{ display:inline-block; color:#12176A; padding:8px 36px; border:1px solid #12176A; margin-right:-1px; margin-bottom:-1px; font-size:24px; font-weight:400; text-transform:uppercase; transition-duration:0.3s;}
.NoticeListSection > div > div > .text > nav > div > ul > li > a.active{ color:#fff; background-color:#12176A; cursor:default; pointer-events: none;}
.NoticeListSection > div > div > .text > nav > div > ul > li > a:hover{ background-color:#0B89C6; color:#fff;}
.NoticeListSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.NoticeListSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; gap:30px; margin-bottom:50px;}
.NoticeListSection > div > div > .text > div > ul > li{ width:254px;}
.NoticeListSection > div > div > .text > div > ul > li .NoticeListImg{ width:254px; height:180px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd;}
.NoticeListSection > div > div > .text > div > ul > li .NoticeListImg img{ width:100%; height:100%; object-fit:cover;}
.NoticeListSection > div > div > .text > div > ul > li .NoticeListTitle{ margin:8px 0; display:inline-block; width:100%; line-height:1.2; color:#000;}
.NoticeListSection > div > div > .text > div > ul > li .datetext{ color:#000;}
.NoticeListSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; padding:30px; border-top:1px solid #12176A; }
.NoticeListSection > div > div > .text > div > nav > div{ display:flex; gap:8px;}
.NoticeListSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NoticeListSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NoticeListSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NoticeListSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}


.NoticeReadSection > div{ padding:50px 0;}
.NoticeReadSection > div > div > h3{ display:none;}
.NoticeReadSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.NoticeReadSection > div > div > .text > div > ul{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; border-top:1px solid #12176A; padding:16px 0;}
.NoticeReadSection > div > div > .text > div > ul > li{ }
.NoticeReadSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; padding:30px; border-top:1px solid #12176A;}
.NoticeReadSection > div > div > .text > div > nav > div{ display:flex; gap:8px;}
.NoticeReadSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NoticeReadSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NoticeReadSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NoticeReadSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}
.NoticeReadSection > div > div > .text > div > ul > li > label{ display:none;}

.NoticeWriteSection > div{ padding:50px 0;}
.NoticeWriteSection > div > div > h3{ display:none;}
.NoticeWriteSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.NoticeWriteSection > div > div > .text > div > ul{ display:flex; gap:16px; flex-direction: column;}
.NoticeWriteSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500;}
.NoticeWriteSection > div > div > .text > div > ul > li > label{ display:none;}
.NoticeWriteSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; gap:30px; padding:30px 0; }
.NoticeWriteSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NoticeWriteSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NoticeWriteSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NoticeWriteSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}

.NoticeEditSection > div{ padding:50px 0;}
.NoticeEditSection > div > div > h3{ display:none;}
.NoticeEditSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.NoticeEditSection > div > div > .text > div > ul{ display:flex; gap:16px; flex-direction: column;}
.NoticeEditSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500;}
.NoticeEditSection > div > div > .text > div > ul > li > label{ display:none;}
.NoticeEditSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; gap:30px; padding:30px 0; }
.NoticeEditSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NoticeEditSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NoticeEditSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NoticeEditSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}



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

.YoutubeSection > div{ padding:50px 0;}
.YoutubeSection > div > div > h3{ display:none;}
.YoutubeSection > div > div > .text > nav{ width:90%; max-width:1400px; margin:auto; margin-top:80px;}
.YoutubeSection > div > div > .text > nav > div{ margin-left:380px; position:relative;}
.YoutubeSection > div > div > .text > nav > div:after{ content:""; position:absolute; width:100%; right:0; bottom:-5px; height:5px; background-color:#12176A; display:inline-block;}
.YoutubeSection > div > div > .text > nav > div > ul{ display:flex; flex-wrap:wrap;}
.YoutubeSection > div > div > .text > nav > div > ul > li > a{ display:inline-block; color:#12176A; padding:8px 36px; border:1px solid #12176A; margin-right:-1px; margin-bottom:-1px; font-size:24px; font-weight:400; text-transform:uppercase; transition-duration:0.3s;}
.YoutubeSection > div > div > .text > nav > div > ul > li > a.active{ color:#fff; background-color:#12176A; cursor:default; pointer-events: none;}
.YoutubeSection > div > div > .text > nav > div > ul > li > a:hover{ background-color:#0B89C6; color:#fff;}
.YoutubeSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.YoutubeSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; gap:30px;}
.YoutubeSection > div > div > .text > div > ul > li{ width:254px;}
.YoutubeSection > div > div > .text > div > ul > li .YoutubeListImg{ width:254px; height:180px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd;}
.YoutubeSection > div > div > .text > div > ul > li .YoutubeListImg img{ width:100%; height:100%; object-fit:cover;}
.YoutubeSection > div > div > .text > div > ul > li .YoutubeListTitle{ margin:8px 0; display:inline-block; width:100%; line-height:1.2; text-align:center;}


.NoticeSection > div{ padding:50px 0;}
.NoticeSection > div > div > h3{ display:none;}
.NoticeSection > div > div > .text > nav{ width:90%; max-width:1400px; margin:auto; margin-top:80px;}
.NoticeSection > div > div > .text > nav > div{ margin-left:380px; position:relative;}
.NoticeSection > div > div > .text > nav > div:after{ content:""; position:absolute; width:100%; right:0; bottom:-5px; height:5px; background-color:#12176A; display:inline-block;}
.NoticeSection > div > div > .text > nav > div > ul{ display:flex; flex-wrap:wrap;}
.NoticeSection > div > div > .text > nav > div > ul > li > a{ display:inline-block; color:#12176A; padding:8px 36px; border:1px solid #12176A; margin-right:-1px; margin-bottom:-1px; font-size:24px; font-weight:400; text-transform:uppercase; transition-duration:0.3s;}
.NoticeSection > div > div > .text > nav > div > ul > li > a.active{ color:#fff; background-color:#12176A; cursor:default; pointer-events: none;}
.NoticeSection > div > div > .text > nav > div > ul > li > a:hover{ background-color:#0B89C6; color:#fff;}
.NoticeSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.NoticeSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; gap:30px;}
.NoticeSection > div > div > .text > div > ul > li{ width:254px;}
.NoticeSection > div > div > .text > div > ul > li .NoticeListImg{ width:254px; height:180px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd;}
.NoticeSection > div > div > .text > div > ul > li .NoticeListImg img{ width:100%; height:100%; object-fit:cover;}
.NoticeSection > div > div > .text > div > ul > li .NoticeListTitle{ margin:8px 0; display:inline-block; width:100%; line-height:1.2;}