@charset "utf-8";

@font-face {
    font-family:'LGSmHaL' ; font-style:normal; font-weight:200;
    src: url('../font/LGSmHaL.eot');
    src: url('../font/LGSmHaL.eot?#iefix') format('embedded-opentype'),
    url('../font/LGSmHaL.woff') format('woff')
}
@font-face {
    font-family:'LGSmHaR'; font-style:normal; font-weight:400;
    src: url('../font/LGSmHaR.eot');
    src: url('../font/LGSmHaR.eot?#iefix') format('embedded-opentype'),
    url('../font/LGSmHaR.woff') format('woff')
}
@font-face {
    font-family:'LGSmHaB'; font-style:normal; font-weight:600;
    src: url('../font/LGSmHaB.eot');
    src: url('../font/LGSmHaB.eot?#iefix') format('embedded-opentype'),
    url('../font/LGSmHaB.woff') format('woff')
}
@font-face {
    font-family:'LGSmHaSB'; font-style:normal;
    src: url('../font/LGSmHaSB.eot');
    src: url('../font/LGSmHaSB.eot?#iefix') format('embedded-opentype'),
    url('../font/LGSmHaSB.woff') format('woff')
}

html, button, input, select, textarea {font-family:'LGSmHaL','LGSmHaR','LGSmHaB','LGSmHaSB'; font-size:1em;}
body{margin:0; padding:0; font-size:1.0em; }
.wrapper {font-weight:lighter;	background: #f7f4f2; margin: 0;	padding: 0;	color: #565656;}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {padding: 0;	margin: 0; list-style:none;}
h1, h2, h3, h4, h5, h6, {font-family:'LGSmHaB'; margin-top: 0; color:#212121; }
p {font-family:Arial, Helvetica, sans-serif; text-align: justify;}
a img {border: none;}
span.bulletinList {padding-left: 20px;font-size:0.9em;}
span.last {padding-left: 0px;display:inherit;font-style:italic;}
span.bulletinTop {display: block; padding-bottom:30px;}
a:link {color: #0088cc;	text-decoration: none;}
a:visited {color: #0088cc; text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: none;}

button {font-family:'LGSmHaR'; transition:background-color 0.5s ease; background-color:#fff; padding:5px 15px; border:1px solid #b2b0af; box-shadow:0 1px 2px rgba(0,0,0,.15); color:#a50034; margin:0 1px 40px 0; cursor:pointer;}
button:hover {transition:background-color 0.5s ease; background-color:#faf4ed;}
.crud {background-color:#454443; color:#fff; border:none; margin-right:0;}
.crud:hover {background:#a50034;}
button.icon {border:none; height:28px; width:28px; color:transparent; background-repeat:none; background-position:center; box-shadow:none;}
button.icon:hover {background-color:#fff;}
.attach {background-image:url(../img/icon_attach.png);}
.close {background-image:url(../img/icon_close.png);}

#top-button {transition:bottom 200ms linear;}
.btn_top {position:fixed; bottom:-50px; right:40px; width:42px; height:42px; transition:background-color 1s ease; background:#73635c url(../img/icon_top.png) no-repeat center; color:transparent;}
.btn_top:hover {transition:background-color 1s ease; background:#454443 url(../img/icon_top.png) no-repeat center;}

button.btn_menu {display:none;}

.container {max-width: 1030px; margin: 0 auto; padding-top:200px;}

.pop {position:absolute; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.25); max-width:45%; height:auto; padding:10px 20px; z-index:9999;}
.pop h3 {padding-bottom:15px; border-bottom:1px solid #d0d0d0; margin-bottom:20px;;}
.pop p {word-break:break-all; font-size:0.9em; line-height:1.4;}
.black {position:absolute;  
  left:0;
  top:0;
  z-index:999;  
  background-color:#000;  
  display:none;  }

#header-container {transition:top 200ms linear;}
.header { position:fixed; top:0; width:100%; background: #fff; box-shadow:0 2px 6px rgba(0,0,0,.22); text-align:center; z-index:9999;}
.header div > img {position:absolute; left:10px;cursor:pointer;}
.expand {padding-bottom:35px;}
.header h1 {padding:20px 0 20px 0; color:#a50034; font-size:2.25em; letter-spacing:-1px; font-family:'LGSmHaB';}
.header h1 span {font-family:'LGSmHaL'; font-weight:100; color:#737170; cursor:pointer;}
.header h1 span.security {padding:20px 0 20px 0; color:#a50034; letter-spacing:-1px; font-family:'LGSmHaB';cursor:pointer;}
.header h1 img {vertical-align:middle; margin:0 10px 5px 0;cursor:pointer;}
.header h2 {margin:-40px 0 30px 30px; font-size:0.85em; color:#bfbdbb;cursor:pointer;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.header h1 {padding:15px 0 30px 0;}
	.header h2 {margin-top:-50px; margin-bottom:40px;}
	}
.header .title_area {max-width:1030px; margin:0 auto; position:relative;}
.header .menu {display:flex; justify-content:space-around; max-width:900px; margin:0 auto; padding-bottom:15px; font-family:'LGSmHaR';}
.header .menu .main_menu {position:relative;}
.header .menu .main_menu a {transition:color 0.5s ease; color:#454545; padding-bottom:2px; font-size:1.05em;}
.header .menu .main_menu a:hover {transition:color 0.5s ease; color:#a50034; border-bottom:1px solid #a50034;}
.header .menu .main_menu a.current {color:#a50034; border-bottom:2px solid #a50034; font-weight:bold; font-family:'LGSmHaB';}
.header .menu .main_menu .submenu {position:absolute; top:15px; width:400px; padding:20px 20px 20px 0;}
.header .menu .main_menu .submenu li {float:left; margin-right:10px; padding-left:12px; background:url(../img/img_divider.png) no-repeat left;}
.header .menu .main_menu .submenu li:first-child {margin-left:0; padding-left:0; background:none;}
.header .menu .main_menu .submenu li a {color:#787878;}
.header .menu .main_menu .submenu li a.current_sub {color:#a50034; font-weight:bold;}
.header .menu .main_menu .submenu li a:hover {color:#a50034; border-bottom:none;}

.hidden {display:none;}
.right {text-align:right;}
.center {text-align:center;}

.content {padding:24px 84px 24px 84px; background: #fff; border:1px solid #e8e5e3; box-shadow:0 1px 2px rgba(0,0,0,.18); overflow:hidden;font-size:1.1em;}
.content h1, h2, h3, h4, h5, h6 {font-family:'LGSmHaB';}
.content p {margin-bottom:60px; line-height:1.4; word-break:keep-all;}
.content > ul {font-family:'LGSmHaSB'; margin:0 0 40px 40px; line-height:2; list-style:circle;}
.content .level2 {margin:0 0 0 20px;}
.content h3 {margin-bottom:40px; font-size:1.4em;}
.content h4 {font-size:1.1em;}

.div_cont {margin-bottom:0px;padding:20px 20px 0px 20px;}

.info {/*height:180px;*/ margin-left:40px; padding-bottom:40px; border-left:4px solid #e6e3e1;}
.info_bottom {border:none; padding-bottom:0px; margin-left:44px;}
.info dl {position:relative; top:-5px; left:-12px; max-width:400px; }
.info dt {font-family:'LGSmHaB'; padding:5px 0 1px 28px; background-repeat:no-repeat; background-position:left bottom; font-weight:bold; color:#212121; margin-bottom:10px;}
.info .detection {background-image:url(../img/img_bullet_timeline_1.png);}
.info .Analyze {background-image:url(../img/img_bullet_timeline_2.png);}
.info .Patch {background-image:url(../img/img_bullet_timeline_3.png);}
.info .Notice {background-image:url(../img/img_bullet_timeline_4.png);}
.info dd {font-family:Arial, Helvetica, sans-serif; line-height:1.3; padding-left:0;text-align: justify;font-size:0.9em; height:160px;}
.img_area {position:relative; top:8px; width:400px; float:right; text-align:center;padding-top:15px;}
.info:after {content:""; clear:both;}

.page_title {padding-bottom:20px;}
.page_title h2 {font-size:1.6em; font-family:'LGSmHaSB';}
.page_title h2 span {color:#a50034;}
.page_title img {float:right;margin-right:-15px;padding-left:40px;padding-top:45px;}
.page_title p {min-height:75px;padding-left:20px;padding-right:20px; }
.page_title:after {content:""; clear:both;}

.page_tab {margin-bottom:60px;}
.page_tab ul {display:flex; 
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;   
justify-content:space-around;}
.page_tab ul li {-ms-flex:1; transition:background-color 0.5s ease; background-color:#fff; text-align:center; padding:12px 0; width:100%; border:1px solid #dedbd9; border-right:none; box-shadow:0 1px 2px rgba(0,0,0,.08); cursor:pointer;}
.page_tab ul li:hover {transition:background-color 0.5s ease; background-color:#faf4ed;}
.page_tab ul li:last-child {border:1px solid #dedbd9;}
.page_tab ul li.current_tab {border:none; background:#454443; color:#fff; font-weight:bold;}
.page_tab ul li.current_tab a {color:#fff; font-weight:bold; text-decoration:none;}
.page_tab ul li.dimed {background:#f7f4f2; color:#b0aeac;}

.page_detail {background:#fcfcfc; border:1px solid #ebebeb; border-left:none; border-right:none; padding:0 30px 30px 30px; margin:0 -84px 40px -84px;}
.page_detail h4 {font-size:1em;}
.page_detail h5 {color:#a50034; margin-bottom:10px;}
/*.page_detail ul {padding-bottom:20px;}*/
.page_detail ul:last-child {padding:0;}
.page_detail ul li {line-height:1.4; margin-bottom:1em;}
.page_detail table {box-shadow:0px 1px 4px rgba(0,0,0,.25); line-height:1.4; margin: 10px 0 10px 0;}
.page_detail table caption {font-size:1em; margin-bottom:0.5em;font-weight:bold;text-align:left;}
.page_detail table caption span {color:#a50034; margin-right:0.75em;}
.page_detail table th, .page_detail table td {text-align:center;}
.page_detail table tfoot td {border-top:1px solid #bfbbba; font-size:0.9em; text-align:left;}
.page_detail span {font-size:0.9em; line-height:1.4; }

table {border:none; width:100%; box-shadow:0 1px 2px rgba(0,0,0,.25); margin-bottom:60px;}
table th {text-align:left; background:#737170; color:#fff; padding:6px 10px;}
table td {text-align:left; padding:6px 10px;}
table tr.tr_even th {background:#6a6765;}
table tr.tr_even td {background:#f7f6f5;}
.align_left {text-align:left;}

button.slide_btn {color:#454545; border:none; box-shadow:none; padding: 0 20px 0 0; margin-bottom:20px; background:url(../img/icon_toggle_down.png) no-repeat right 3px;font-family:Arial, Helvetica, sans-serif;}
button.down {background:url(../img/icon_toggle_up.png) no-repeat right 3px;}
.level2 ul {list-style:square; margin-left:20px;}
.level2 .page_detail {margin:0 0 20px 0;}
.level2 .page_detail p {margin:0 0 40px 0; padding:0;}
.comments {font-size:0.9em; color:#d80546;}

.level3 {margin-left:20px;}
.level3 ul {margin-bottom:40px;}
.level3 ul li {font-family:arial; font-size:0.9em; color:#676767;}
.level3 ul li strong {color:#454545;}

ul.list {font-family:'LGSmHaSB'; margin:0 0 60px 40px; list-style:circle; line-height:2;}

ul.news_list {list-style:none; margin:0;}
ul.news_list li {overflow:hidden; transition:background-color 0.5s ease; background:#fff; cursor:pointer; box-shadow:0 2px 10px rgba(0,0,0,.18); margin-bottom:20px;}
ul.news_list li:hover {transition:background-color 0.5s ease; background-color:#faf4ed;}
ul.news_list li .thum {float:left; background:transparent url(../img/img_no_img.png) no-repeat center; text-align:center; overflow:hidden; width:120px; height:120px; margin-right:25px;}
ul.news_list li .thum_more {float:none; width:100%; height:25em;margin-left: auto;margin-right: auto;}
ul.news_list li dl {padding:20px;}
ul.news_list li dt {font-family:'LGSmHaB'; font-size:1.2em; color:#212121; margin:0 0 20px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.news_list li dt span {display:block; font-size:0.7em; color:#a50034; margin-top:5px;}
ul.news_list li dd {font-family:arial, sans-serif, Helvetica; color:#787878; line-height:1.4; margin:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.news_list li dd:last-child {font-size:0.9em; margin-top:20px;padding: 0px 0px 0px 0px;text-align:justify;text-indent: 0px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;word-break: break-word;}
ul.news_list li:after {content:""; clear:both;}

span.LVENo {font-size:1.0em;font-weight:bold;color:#a50034;font-family:arial;}
span.LVETitle {font-weight:bold;font-size:1.0em;font-family:arial;color:#676767;}
.level3 ul li.bLVETable {font-size:1.0em;margin-bottom:0;font-weight:initial;}
.level3 ul li.last {font-size:1.0em;margin-bottom:0;font-weight:initial;list-style:none;text-align:justify;}

.mailform h4 {margin-bottom:10px;}
.mailform .input_area {border:1px solid #d0d0d0;; width:100%; margin-bottom:20px;}
.mailform input, .mailform textarea {width:95%; margin:1em; border:none; outline: none;}
.mailform textarea {height:12em;;}

/* ~~ The footer styles ~~ */
.footer {padding: 20px 0; background: none;	/*position: relative;*/	clear: both;}
.footer div {max-width:1030px; margin:0 auto;}
.footer div img {position:relative; top:4px; margin-right:10px;}
.footer div span {font-size:0.9em;}
.footer ul {float:right;}
.footer ul li {display:inline; margin-left:5px; padding-left:10px; background:url(../img/img_divider.png) no-repeat left;}
.footer ul li a, .footer ul li a:visited {color:#6E6C64;}
.footer ul li:first-child {background:none; margin:0;}

@media all and (max-width : 1030px){
.header div > img {display:none;}
.footer {padding:20px;}
.pop {max-width:80%;}
}

@media all and (max-width : 820px) {
.btn_top {display:none;}	
button.btn_menu {display:inline; position:absolute; top:20px; left:10px; width:20px; height:20px; color:transparent; background:url(../img/btn_menu.png) no-repeat center; background-size: contain; box-shadow:none; border:none;}
.container {max-width:100%; padding-top:5em;}
.content {padding:40px 20px 0 20px;}

ul.news_list li .thum {float:none; width:100%; min-height:18em; background-repeat:no-repeat;background-size: cover;}
ul.news_list li .thum_more {width:90%; min-height:18em;background-size: cover;margin-left: auto;margin-right: auto;}
ul.news_list li dl {display:block; height:auto;}

.header {position:relative; box-shadow:0 2px 4px rgba(0,0,0,.18); text-align:center; z-index:9999;}
.header h2, .header select, .header img {display:none;}
.expand {padding-bottom:0;}
.fixed {position:fixed;}

.header h1 {font-size:1.8em; margin:0; padding:15px;}

.header h1 {padding:12px 15px;}
.header .menu {display:none; position:absolute; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); width:100%; margin:0; padding:0; text-align:left;}
.header .menu .main_menu {padding:20px 0;}
.header .menu .main_menu a {font-weight:normal; font-size:18px; margin-left:20px;}
.header .menu .main_menu a.current {color:#a50034; border-bottom:none; font-weight:bold;}
.header .menu .main_menu .submenu {position:relative; top:1em; padding:0; display:block; width:100%; background:#f7f4f2; box-shadow: inset 0 1px 3px rgba(0,0,0,.18);}
.header .menu .main_menu .submenu li {float:inherit; text-align:left; padding:15px 0; margin:0; background:none; font-size:16px;}
.header .menu .main_menu .submenu li a.current_sub {font-weight:normal;}
.header .menu .main_menu a:hover {transition:color 0.5s ease; color:#a50034; border-bottom:none;}

.page_title {padding-bottom:20px; text-align:center;}
.page_title img {float:none; padding:0 0 40px 0;}

.page_tab {padding-bottom:40px;}
.page_tab ul {display:block;}
.page_tab ul li {width:100%; border:1px solid #dedbd9; margin-top:-1px;}
.page_tab ul li:hover {transition:background-color 0.5s ease; background-color:#faf4ed;}
.page_tab ul li.current_tab {border:none; background:#454443; color:#fff; font-weight:bold;}

.info {height:auto; margin:0 0 40px 0;  border:none;}
.level2 .info:last-child {margin-left:0;}
.info dl {position:relative; top:0; left:0; max-width:100%; text-align:center;}
.info dt {padding:0px; background:none; font-weight:bold; color:#212121; margin-bottom:1.5em;}
.info dd { margin:0 auto; padding:0; width:90%;}
.img_area {position:relative; width:100%; top:0; float:none; text-align:center; margin-bottom:1.5em;}

.info .detection, .info .Analyze, .info .Patch, .info .Notice {background-image:none;}

.content .level2 {margin-left:0;}
.content h4 {margin-left:0;}

.footer div {max-width:100%; margin:0;}
.footer div span {font-size:0.75em;}
.footer div img, .footer ul {display:none;}
}

.issue li {
   -webkit-hyphens: none;
   -moz-hyphens:    none;
   -ms-hyphens:     none;
   hyphens:         none;

}