:root {
  --main_c : #14519d;
}


body {height:100%;  }
html {height:100%}

.flex {display:flex}
 
b.b_t {font-size:1.2em}
.box_100 {width:100%; display:inline-block}

@media all and (max-width:900px) {

		b.b_t {font-size:1.1em}
  
}



/* Header */
#header_wrap {width:100%; display:inline-block; z-index:99999; top:0; position:fixed; }

#header_wrap:after {  content:''; width:100%; height:80px; top:0; left:0; position:absolute;  z-index:99999; }  

header#header {
	position:absolute;
	z-index: 99999999;
	width: 100%;
   	height:80px; top:0; left:50%; 
	padding: 0 5%;	margin: 0px auto;
	display:flex; align-items:center; 
    transform: translate(-50%, 0); 
	box-sizing: border-box;  
	border-bottom:1px solid rgba(255,255,255,.3);
	    transition: all .3s;
	
}
 



/*header#header:hover {background-color:#fff}*/
header#header {background-color:#fff}
.header img.logo_c {display:none}
.header img.logo_w {display:inline-block}
.header h1 {display:flex; align-items:center; font-size:19px; line-height:0; color:#fff; cursor:pointer}
.header h1 img {margin-right:15px}

 

.header.scroll {background-color:#fff;  }
.header.scroll img.logo_w {display:none}
.header.scroll img.logo_c {display:inline-block}
.header.scroll .ham p span { background-color:#333; }

.header:hover   {background-color:#fff}
.header:hover img.logo_w {display:none}
.header:hover img.logo_c {display:inline-block}
.header:hover .ham p span { background-color:#333; }


nav#gnb { top:0px; width:auto; margin-left:8%;  }
nav#gnb > ul { display:flex; }
nav#gnb > ul > li { display:inline-block;  box-sizing:border-box;  width:12vw; max-width:170px;   z-index:9999999; white-space:nowrap; position:Relative; }
nav#gnb > ul > li:last-child  { background:none }

nav#gnb > ul > li > a {
	display: inline-block;
	font-size: 1.35em;
	line-height:80px;
	font-weight:500; 
	color: #fff;
}

 
header#header:hover nav#gnb > ul > li > a {color:#111}
.header.scroll  nav#gnb > ul > li > a {color:#111}

.header:hover h1 { color:#333; }
.header.scroll h1 { color:#333; }


nav#gnb > ul > li > ul { display:none; width:100%; position:absolute; left:0;  }
nav#gnb > ul > li > ul > li {display:inline-block; position:relative; z-index:99; line-height:50px;   padding-right:30px; text-align:center;  box-sizing:border-box; white-space:nowrap; }
nav#gnb > ul > li > ul > li > a {display:inline-block; color:#fff; width:100%; font-size:1.1em;}
nav#gnb > ul > li > ul > li:hover a {color:#fff; text-decoration:underline;  }  


header#header div:last-child {margin-left:auto} 

a.global {display:flex; align-items:center; justify-content:Center; background:#f1f1f1; color:#000; padding:7px 0; width:90px; border-radius:50px;  line-height:1; position:absolute; right:5%;  z-index:99  }
a.global b {margin:0 7px; font-weight:400}  
a.global i {font-size:14px}


div.global_open { position:absolute; border-radius:0 0 15px 15px; right:5%;  width:90px; background:#f1f1f1;  top:42px; text-align:center; padding:19px 0 13px 0;   display:none; }
div.global_open p {padding:3px 0; font-size:.93rem}
a.global.active + div.global_open {display:block}


.header:hover  i {color:#111 }
.header.scroll  i {color:#111 }



 @media all and (min-width:1000px) {
		   #m_top {display:none}
}


@media all and (max-width:1241px) {

header#header {padding:0 3%}
 }

@media all and (max-width:1000px) {
		#header_wrap {display:none}
		#m_top {width:100%;  display:flex; align-items:center;   background-color:#fff; padding:10px 4%; box-sizing:border-box; position:relative; z-index:99;  top:0; left:0;}
		#m_top .logo {display:flex; align-items:center; cursor:pointer}
 		#m_top a {margin-left:auto}
}


.in {width:100%; max-width:1240px; margin:0 auto; }



a.fixed_top {width: 65px;
		height: 65px;
		display: flex; flex-wrap:wrap;
		align-content:center;
		justify-content:center;
		text-align:center;
		position: fixed;
		z-index: 999;
		right: 2%;
		bottom: 8%;
		border-radius:50%;
		text-align: center;
		background-color: #0a2f8e;
		color: #fff;
} 
a.fixed_top i {font-size:13px }
a.fixed_top p {width:100%; }



footer { text-align:center; padding:35px 0 50px 0; line-height:1.4; color:#333; background-color:#f9f9f9;  }
footer .logo {display:flex; justify-content:center; align-items:center; font-size:17px; margin-bottom:15px}

@media all and (max-width:900px) {

		a.fixed_top {display:none}
		footer {font-size:.9em; box-sizing:border-box; padding:50px 4%; text-align:left}
 
}



a.basic_btn {background-color:#0d2997; font-size:1.05em; font-weight:600; box-sizing:border-box; padding:0 20px; width:170px; line-height:50px; color:#fff; border-radius:5px; display:flex; transition: all 0.3s ease-out; }
a.basic_btn:after {content:'→'; margin-left:auto}
a.basic_btn:hover {background-color:#1739c1} 
a.basic_btn + a.basic_btn {margin-left:5px}