.option_div div {
	padding:23px;
	font-size:14pt;
/*	font-weight:bold;*/
	background-color: rgba(0, 0, 0, 0.8);
	color:white;
}
.select_div {
	position: relative;
	width: 100%;
	height: 100%;
	font-family: Arial, sans-serif;
}

.header_select_selected {
	border:none;
	border-radius: 4px;
	cursor: pointer;
/*	padding:23px;*/
	font-size:18px;
	font-weight:bold;
	background-color: rgba(255, 255, 255, 0);
	color:white;
	width: 100%;
	height: 100%;
	line-height: 70px;
    padding-left: 15px;
	box-sizing: border-box;
}

.option_div {
	position: absolute;
	background-color: #f9f9f9;
	width: 100%;
	border:none;
	z-index: 99;
	display:none;
}

.option_div div {
	padding: 15px;
	cursor: pointer;
	border:none;
}

.option_div div:hover {
	background-color: #ddd;
	color:black;
}

.select-arrow-active {
	border-color: #007BFF;
}

.cb_4{
	width:250px;
}

.main1{
	display:none;
	background-color:rgba(0, 0, 0, 0.8);
	position:relative;
	z-index:99;
}
.cont_b{
	color:white;
	font-size:18px;
	border-right:1px solid rgba(255, 255, 255, 0.6);
	text-align: center;
    line-height: 70px;
	cursor:pointer;
	position:relative;
	
}
.sub1, .sub2{
	background-color:rgba(0, 0, 0, 0.8);
	position:relative;
	z-index:99;
}





body {
    font-family: 'SUIT', sans-serif !important;
}



/*header*/
header{
    position: fixed;
    width:100%;
    background: #fff;
    z-index: 999;
}

header{width:100%; position:fixed; top:0; left:0; z-index: 100}

#header_pc{width:100%; height: 70px; color:#fff; box-sizing: border-box;  position:relative; z-index: 100; background-color: #003070;}
#header_pc .header_logo{width:225.3px;height:19px; position:absolute; top:50%; left:20px; transform:translateY(-50%)}
#header_pc .header_logo img{height:19px;}
#header_pc .header_login{
    position:absolute; 
    top:50%; 
    right:20px; 
    transform: translateY(-50%)
}
#header_pc .header_login ul{display: flex; gap:30px}
#header_pc .header_login ul li{
    font-size: 2vh; 
    cursor:pointer; 
    color:#fff;
display: flex;
    flex-direction: column;
    justify-content : center;}
#header_pc .header_login .navyblock{width:50px; height:15px; background-color: #003070; position:absolute; bottom:0; right:30%;}

#header_pc .header_menu{position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); width:980px; height:100%;}
#header_pc .header_menu>ul{width:100%; height:100%; display: flex; flex-direction: row; justify-content: space-around; align-items: center;}
#header_pc .header_menu>ul>li{font-size:2.1vh; font-weight:bold; height:100%; line-height:70px; text-align: center; width:20%}
#header_pc .header_menu>ul>li a{color:#fff; display: block; width:100%; height:100%;}

#header_pc .header_menu>ul>li .menu_in{background-color: #fff; color:#000; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);overflow: hidden; display: none;}
#header_pc .header_menu>ul>li .menu_in li{font-size:1.9vmin; border-bottom:1px solid #eee; transition:all 0.5s; cursor:pointer;}
#header_pc .header_menu>ul>li .menu_in li:hover{background-color:#eee}
#header_pc .header_menu>ul>li .menu_in li:last-child{height:10px; width:50%; margin:0 auto; background-color: #003070; border-radius:10px 10px 0 0; border-bottom:none}
#header_pc .header_menu>ul>li .menu_in li.noneline{border-bottom:none}

#google_translate_element .skiptranslate span::after{width:30px; height:10px; background-color: #fff; content:""}

#memname {
    line-height: initial; 
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
#memname>span {
    display: block;
}
#memname #memwelcome span {
    color: lightsalmon;
    font-weight:800;
}
#memname #membutton {
    padding:0 5px;
    border-radius:5px;
    background-color: #fff;
    color:#003070;
    width: fit-content;
    font-weight:bold;
    font-size:1.8vh
}

#loginbutton span {
    display: block;
}

.goog-te-gadget {
    color:rgba(255,255,255,0)!important;
    padding-top:16px;
}
.goog-te-combo {
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 5px;
    padding:2px 5px;
    color:#fff!important
}
.goog-te-combo option {
    color:#000!important
}

/*nav*/
nav {

}
.nav_pc{width:250px; height:100%; position:fixed; top:70px; left:0; background-color:#003070; z-index:90; box-sizing:border-box; padding:52px 00px; background-image:url(/img/tabback.png); background-blend-mode: overlay; background-position-x: 10%;}
.nav_pc .nav_pc_in .big_menu{width:80%; height:80px; border-radius:20px 20px 0 0; text-align:center; line-height:80px; font-size:24px; font-weight:700; margin:0 auto; color:#FFF; background-color: #59A1FF;}
.nav_pc .nav_pc_in ul{width:80%; border-radius: 0 0 20px 20px; background-color: #fff; display:flex; flex-direction: column; margin:0 auto; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.nav_pc .nav_pc_in ul li{font-size:18px; color:#000; text-align:right; transition:all 0.5s; cursor:pointer; line-height:20px; display:flex; justify-content:center; align-items:center; padding:15px 20px; border-bottom:1px solid rgba(0,0,0,0.1)}
.nav_pc .nav_pc_in ul li:last-child{border-bottom:none; border-radius:0 0 20px 20px}
.nav_pc .nav_pc_in ul li.on{font-weight:700; background-color: #e9e9e9; }
.nav_pc .nav_pc_in ul li:hover{font-weight:700}
.nav_pc .nav_pc_in ul li .tabArrow{padding: 15px 20px; display:none}
.nav_pc .nav_pc_in ul li .tabon{display:inline-block; padding: 0px; border-top:15px solid transparent; border-bottom:15px solid transparent; border-right:30px solid #fff; margin-left:10px; display:none}
.noen{display:none;}
content{width:100%; }




/*--------header_mobile---------------------------------------------------------------------------------------- */
#header_m{width:100%; height:55px; background-color:#fff; box-sizing:border-box; padding:0px 20px; position:fixed; top:0; left:0; z-index:1000; display:flex; justify-content:space-between; align-items:center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
#header_m .header_logo a .logo_img{width:175px; height:28px;background-image:url(/img/globalsafety/common/logo_english.png); background-size:contain; background-position:center; background-repeat:no-repeat}
#header_m .header_menu{width:22px; height:22px; position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; gap:2px; transition:all 0.5s;}
#header_m .header_menu p{width:10px; height:10px; background-color: rgba(0,48,112,0.55); cursor: pointer;}
#header_m .header_menu_m.active{transform: rotate(135deg);}


.nav_m{width:100%; height:100%; position:fixed; overflow: hidden;  z-index:100; top:55px; left:100vw; transition:all 0.5s}
.nav_m.active{left:0}
.nav_m .nav_m_in{width:100%; height:100%;}
.nav_m_in>ul{display: flex; flex-flow:row wrap; background-color:#003070;width:100%; height:calc(100vh - 55px)}
.nav_m_in>ul>li{width:50%; height:50%; box-sizing: border-box; padding:45px 29px; color:#fff;}
.nav_m_in>ul>li:nth-child(2),.nav_m_in>ul>li:nth-child(3){background-color: #406494;}

.nav_m_in>ul>li .big_menu{width:85%; height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:bold; border-radius:50%; border:1px solid #fff; margin:0 auto 30px}
.nav_m_in>ul>li ul li{font-size:14px; margin-bottom:15px;}
.nav_m_in>ul>li ul li:last-child{margin-bottom:0}



@media (min-width:1200px){
	.nav_m{display: none;}
}

@media (min-width:768px) and (max-width:1199px) {
    .nav_pc{display:none}
    #header_pc .header_login .navyblock{display: none;}
}


@media (min-width:320px) and (max-width:767px){
    .nav_pc{display:none}
    #header_pc .header_login .navyblock{display: none;}


}


