@charset "utf-8";


#header {  }
.navbar { background: #fff; width: 100%; z-index: 9999; border-bottom: 1px solid #ccc; /*position: fixed;*/ }

/* 서브메뉴 스타일 */
.navbar_con { max-width: 1200px; margin: 0 auto; padding: 0; display: flex; justify-content: space-between; align-items: center; }
.navbar_con .logo { font-size: 1.5em; font-weight: bold; color: #333; width: 240px; }
.nav-links { display: flex; }
.nav-links ul { display: flex; }
.nav-links ul li { position: relative; min-width: 150px; text-align:center; }
.nav-links ul li a { display: block; padding:30px 0; color: #333; transition: background-color 0.3s ease; }
.nav-links ul li a:hover { background-color: #323993; color: #FFF; }

.nav_btn { display: flex; align-items: center; margin: 0 0 0 30px; }
.nav_btn a { display: flex; align-items: center; padding:13px 20px; background:#323993; color:#FFF; border-radius:5px; }
.nav_btn i { margin-right:6px; font-size:1.3rem; }

.has-submenu { font-size: 1.4375rem; font-weight:600; }
.submenu li a:hover { background-color: #666; }
.has-submenu:hover > a { background-color: #323993; color: #FFF; }
.has-submenu:hover > .submenu { display: block; opacity: 1; visibility: visible; font-size: 1rem; }
.has-submenu .submenu { display: none; position: absolute;  top: 100%; left:0; background-color: #323993; min-width: 150px; z-index: 10; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }
.has-submenu .submenu li { text-align:center; }
.has-submenu .submenu li a { padding:15px 0; color: #fff; white-space: nowrap; }
.has-submenu .submenu li a:hover { background-color: #5b61a9; }
.hamburger-menu { display: none; background: none; border: none; cursor: pointer; padding: 10px; position: relative; z-index: 1001; }
.hamburger-menu span { display: block; width: 25px; height: 3px; background-color: #333; margin: 5px 0; transition: all 0.3s ease; }
.hamburger-menu.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.hamburger-menu.active span:nth-child(2) { opacity: 0; }
.hamburger-menu.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

@media (max-width: 1200px) {
	.navbar { position: fixed; margin: 0 auto; }
	.navbar_con .logo { padding-left: 2.5%; }
	.navbar_con { height:80px; }
	.hamburger-menu { display: block; }
	.nav-links { display: none; flex-direction: column; width: 100%; background-color: #323993; position: absolute; top:80px; left:0; padding:0; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); }
	.nav-links.active { display: flex; }
	.nav-links ul { flex-direction: column; width: 100%; }
	.nav-links ul li { width: 100%; text-align: center; border-bottom: 1px solid #323993; }
	.nav-links ul li:last-child { border-bottom: none; }
	.nav-links ul li a { padding: 15px; color:#FFF; font-size: 1.2rem; }
	.has-submenu:hover > .submenu { display: none; opacity: 0; visibility: hidden; }
	.nav-links.active .submenu { display: none; position: static; width: 100%; background-color: #5b61a9; box-shadow: none; padding-left:0; opacity: 1; visibility: visible; }
	.has-submenu.active > .submenu { display: block; }
	.nav_btn { display: none; }
}

@media (max-width: 768px) {
	.navbar_con .logo { font-size: 1.5em; font-weight: bold; color: #333; width: 200px; }
}


/* 풋터 영역 */
#footer { padding:30px; background:#41424e; }
#footer .foot { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1200px; margin:0 auto; }

#footer .foot .foot_left { width:80% }
#footer .f_menu { font-size:0.9375rem; margin-bottom:10px; }
#footer .f_menu ul { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
#footer .f_menu li { display: flex; align-items: center; color:#d3f1ff; font-weight:600; }
#footer .f_menu li > a { color:#d3f1ff; }
#footer .f_menu li:after { content: ""; display: inline-block; width: 1px; height: 0.75rem; background: #d3f1ff; margin: 0px 10px; }
#footer .f_menu li:last-child:after {display:none;}

#footer .foot .foot_left address { font-size:0.875rem; line-height:1.5rem; color:#FFF; font-weight:100; }
#footer .foot .foot_left address > .add { display: inline; margin-right:2%; }
#footer .foot .foot_left address > .priv { display: inline;  }
#footer .foot .foot_left address > .priv span { margin-right:2%; }
#footer .foot .foot_left address > .copy {  }

#footer .foot .foot_right {  }
#footer .foot .foot_right ul { display: flex; align-items: center; }
#footer .foot .foot_right li { margin-left:15px; }

@media screen and (max-width:1200px){
	#footer .foot { display: flex; flex-direction: column; align-items: center; max-width: 100%; margin: 0 auto; }
	#footer .f_menu ul { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; }
	#footer .foot .foot_left { width:100%; text-align:center; }
	#footer .foot .foot_left address > .add { display: block; margin-right:0%; }
	#footer .foot .foot_left address > .priv { display: block; }
	#footer .foot .foot_right { width:100%; text-align:center; margin-top:10px; }
	#footer .foot .foot_right ul { display: flex; align-items: center; justify-content: center; }
}

#loading_img{
	width:100px;
	position:absolute; 
	top:50%;
	left:50%;
	height:100px;
	margin-top:-50px;	
	margin-left:-50px;	
	z-index: 200;
}
#loading_msg
{
	width:300px;
	position:absolute; 
	top:50%;
	left:50%;
	height:50px;
	margin-top: 50px;	
	margin-left:-150px;	
	z-index: 200;
	text-align:center;
	color:#FFFFFF; font:normal 12px/1.7 '굴림',Gulim,GulimChe, Dotum,DotumChe,verdana;*word-break:break-all;-ms-word-break:break-all;
	font-weight:bold;
}
/* 상태창 */
#state_msg 
{
	position:absolute; 
	border-radius: 20px;
	width:500px;
	height:40px;
	top:50%;
	left:50%;
	margin-left: -250px;
	margin-top: -20px;
	padding-top:8px;
	font-weight:bold;
	text-align:center;
	background-color:#222222;
	color:white;
	
	-ms-word-break:break-all;
	border:2px solid #666666;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity : 0.7;
	z-index:1000;
}