@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;600;700;900&display=swap');
div,ul,li,ol,img,span,p,h{
	padding:0;
	margin:0;
}
ul,li,ol{
	list-style:none;
}
a{
	text-decoration:none;
}
html{
	width:100%;
	min-width:1500px;
	
}
body{
	font-family:'Noto Sans KR', sans-serif ;
	margin:0;
	padding:0;
	width:100%;
	min-width:1500px;
	margin:0 auto;
}
menu{
	padding:0;
	margin:0;
}
/*header css 시작*/
#header{
	width:100%;
	height:95px;
	min-width:1500px;
	margin:0 auto;
	position:relative;
	z-index:99;
	background-color:#fff;
	border-bottom:1px solid #000;
	
}
#header .top_menu{
	width:1500px;
	height:95px;
	margin:0 auto;
	position:relative;
	display:flex;
}
#header .top_menu .logo{
	width:250px;
	height:25px;
	margin:35px 100px 0 0;
}
#header .top_menu .head_menu{
	width:850px;
	height:95px;
	margin:0 0px;
}
#header .top_menu .head_menu>ul{
}
#header .top_menu .head_menu>ul>li{
	width:170px;
	position:relative;
	float:left;
}
#header .top_menu .head_menu>ul>li .border-line{
	position:absolute;
	width:100px;
	height:1px;
	border-bottom:4px solid #005bac;
	top:64px;
	left:50%;
	margin-left:-50px;
}

#header .top_menu .head_menu>ul>li>a.active{
	color:#c30028;
}
#header .top_menu .head_menu>ul>li>a{
	display:block;
	width:120px;
	height:95px;
	line-height:95px;
	text-align:center;
	font-size:18px;
	color:#000;
	font-weight:600;
	position:relative;
}
#header .top_menu .head_menu>ul>li>a:hover{
	color:#c30028;
}
#header .top_menu .head_menu>ul>li>ul{
	display:none;
	width:100%;
	height:100%;
	background-color:#c30028;
	float:none;
	position:relative;
	bottom:5px;
	padding:15px 0;
}
#header .top_menu .head_menu>ul>li:hover>ul{
		display:block;
}
#header .top_menu .head_menu>ul>li:hover>ul>li{
}
#header .top_menu .head_menu>ul>li>ul>li:first-child{
position:absolute;
top:-9px;
left:50%;
margin-left:-5px;
height:5px;
width:5px;
box-sizing:border-box;
border-bottom:5px solid #c30028;
border-top:5px solid transparent;
border-left:5px solid transparent;
border-right:5px solid transparent;
opacity:1;
}

#header .top_menu .head_menu>ul>li:hover>ul>li>a{
	display:block;
	width:100%;
	text-align:center;
	color:#eee;
	font-size:15px;
	padding:5px 0;
}
#header .top_menu .head_menu>ul>li:hover>ul>li>a:hover{
	color:#fff;
	font-weight:700;
	text-decoration:underline;
}
#header .top_menu .tel{
	width:200px;
	height:95px;
	margin:0 0 0 100px;
}
#header .top_menu .tel p{
	width:100%;
	height:20px;
	text-align:right;
	font-size:26px;
	line-height:20px;
	margin-top:22.5px;
	font-weight:bold;
}
/*header css 끝*/

/*footer css 시작*/
#footer{
	width:100%;
	height:180px;
	position:relative;
	min-width:1500px;
	background-color:#e3e3e3;
	margin:0;
	padding:0;
	font-family:'Noto Sans KR', sans-serif;
	z-index:98;
	margin:0 auto;
	clear:both;
}
#footer .footer_line{
	width:100%;
	min-width:1500px;
	height:180px;
	margin: 0 auto;
	position:relative;
	max-width:1920px;
}
#footer .footer_line .footer_logo{
	width:250px;
	height:25px;
	position:absolute;
	top:47px;
	left:0;
}
#footer .footer_line .footer_table{
	width:1400px;
	height:115px;
	padding:27px 0 0;
	margin:0 auto;
	font-family:'Noto Sans KR', sans-serif;
}
.btn_gotop {
	display:none;
	position:fixed;
	bottom:180px;
	right:0px;
	z-index:999;
	outline:none;
	background:url(/layouts/magok/img/top.jpg);
	width:70px;
	height:70px;
	cursor:pointer;
	color:#fff;
	text-align:center;
	line-height:50px;
}
.member{
	position:absolute;
	bottom:5px;
	right:5px;
	display:flex;
}
.member>li{
	border:1px solid #000;
}
.member li:last-child{
	
}
.member>li>a{
	color:#000;
	padding:0px 10px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	background-color:#fff;
}
.member>li>a:hover{
	color:#fff;
	background-color:#000;
}