@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;
}
body{
	font-family:'Noto Sans KR', sans-serif ;
	margin:0;
	padding:0;
}
menu{
	padding:0;
	margin:0;
}
/*header css 시작*/
#header{
	width:100%;
	height:95px;
	min-width:1100px;
	margin:0 auto;
	position:relative;
	z-index:99;
	background-color:#fff;
}
#header .top_menu{
	width:1100px;
	height:95px;
	margin:0 auto;
	position:relative;
}
#header .top_menu .logo{
	width:185px;
	height:46px;
	margin:37px 0 12px;
	float:left;
}
#header .top_menu .head_menu{
	width:850px;
	height:70px;
	float:right;
	margin-top:25px
}
#header .top_menu .head_menu>ul{

}
#header .top_menu .head_menu>ul>li{
	float:left;
	width:170px;
	position:relative;
	padding:0;
}
#header .top_menu .head_menu>ul>li .border-line{
	position:absolute;
	width:140px;
	height:0.1px;
	border-bottom:4px solid #005bac;
	top:66px;
	right:0;
	margin:0 15px 0 0 ;
}

#header .top_menu .head_menu>ul>li>a.active{
	color:#005bac;
}
#header .top_menu .head_menu>ul>li>a{
	display:block;
	width:170px;
	height:70px;
	line-height:70px;
	text-align:center;
	font-size:17px;
	color:#000;
	font-weight:600;
	position:relative;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space: nowrap;/*글자를 한줄로 모아준다*/
	overflow: hidden;
}
#header .top_menu .head_menu>ul>li>a:hover{
	color:#005bac;
}
#header .top_menu .head_menu ul li ul.bottom_menu{
	display:none;
	
}
#header .top_menu .head_menu ul li:hover>ul.bottom_menu{
	display:block;
	width:170px;
	background-color:rgba(0,91,172,1);
	float:none;
	position:relative;
	bottom:-12px;
	padding: 0;
}
#header .top_menu .head_menu ul li:hover ul.bottom_menu>li{
	position:relative;
	width:170px;
}

#header .top_menu .head_menu>ul>li>ul.bottom_menu>li:first-child{
position:absolute;
top:-20px;
left:50%;
margin-left:-10px;
height:10px;
width:10px;
box-sizing:border-box;
border-bottom:10px solid #005bac;
border-top:10px solid transparent;
border-left:10px solid transparent;
border-right:10px solid transparent;
opacity:1;
}
#header .top_menu .head_menu ul li:hover ul.bottom_menu>li:nth-child(2){
	padding-top:10px
}
#header .top_menu .head_menu ul li:hover ul.bottom_menu>li:last-child{
	padding-bottom:10px
}
#header .top_menu .head_menu ul li:hover ul.bottom_menu>li>a{
	display:block;
	width:150px;
	text-align:center;
	color:#eee;
	font-size:15px;
	padding:5px 10px;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space: nowrap;/*글자를 한줄로 모아준다*/
	overflow: hidden;
}
#header .top_menu .head_menu ul li:hover ul.bottom_menu>li>a:hover{
	color:#fff;
	font-weight:700;
	text-decoration:underline;
}
.language{
	position:absolute;
	height:25px;
	display:flex;
	padding:0;
	background:#fff;
	width:150px;
	right:100px;
	top:0px;
	z-index:100;
}
.bottom_language{
	position:absolute;
	height:25px;
	display:flex;
	padding:0;
	background:#e3e3e3;
	width:50px;
	right:0;
	top:5px;
}
.language ul#language{
	position:relative;
	right:0;
	display:flex;
	
}
.language ul#language>li{
	float:left;
	height:15px;
	text-align:center;
	font-size:12px;
	line-height:15px;
	display:flex;
	padding:5px 10px;
	border:0px solid #ccc;
}
.language ul#language>li>a{
	color:#fff;
	display:inline-block;
	height:15px;
	text-align:center;
	display:flex;
	margin:0 auto;
}
.language ul#language>li>a:hover{
	text-decoration:underline;
}
.flag_kor{
	width:15px;
	height:15px;
	border-radius:7.5px;
	background:url('/layouts/hddw_layout/img/kor.png') no-repeat center;
	background-size : cover;
	margin-right:5px;
	border:1px solid #000;
}
.flag_eng{
	width:15px;
	height:15px;
	border-radius:7.5px;
	background:url('/layouts/hddw_layout/img/eng.png') no-repeat center;
	background-size : cover;
	margin-right:5px;
	border:1px solid #000;
}
/*header css 끝*/

/*footer css 시작*/
#footer{
	width:100%;
	height:171px;
	position:relative;
	min-width:1100px;
	background-color:#e3e3e3;
	margin:0;
	padding:20px 0 10px;
	font-family:'Noto Sans KR', sans-serif;
	z-index:98;
}
#footer .footer_line{
	width:1100px;
	height:171px;
	margin:0 auto;
	position:relative;
}
#footer .footer_line .footer_menu{
	width:100%;
	height:47px;
}
#footer .footer_line .footer_menu>ul{
	width:420px;
	height:47px;
	margin-left:680px;	
}
#footer .footer_line .footer_menu>ul>li{
	float:left;
	padding:13.5px 10px;
	font-size:14px;
}
#footer .footer_line .footer_menu>ul>li>a{
	font-size:14px;
	color:#000;
	font-family:'Noto Sans KR', sans-serif;	
}
#footer .footer_line .footer_logo{
	width:247px;
	height:57px;
	position:absolute;
	top:47px;
	left:0;
}

.tl span{line-height:25px}
/* @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;
}
body{
	font-family:'Noto Sans KR', sans-serif ;
	margin:0;
	padding:0;
}
menu{
	padding:0;
	margin:0;
}
/*header css 시작*/
/*#header{
	width:100%;
	height:95px;
	min-width:1100px;
	margin:0 auto;
	position:relative;
	z-index:99;
	background-color:#fff;
}
#header .top_menu{
	width:1100px;
	height:95px;
	margin:0 auto;
	position:relative;
}
#header .top_menu .logo{
	width:247px;
	height:57px;
	margin-top:13px;
	float:left;
}
#header .top_menu .logo{
	width:185px;
	height:46.14px;
	margin:24px 0 0 0;
	float:left;
}
#header .top_menu .head_menu{
	width:850px;
	height:95px;
	float:right;
}
#header .top_menu .head_menu>ul{
	
}
#header .top_menu .head_menu>ul>li{
	float:left;
	width:170px;
	position:relative;
}
#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:#005bac;
}
#header .top_menu .head_menu>ul>li>a{
	display:block;
	width:170px;
	height:80px;
	line-height:80px;
	text-align:center;
	font-size:18px;
	color:#000;
	font-weight:600;
	position:relative;
}
#header .top_menu .head_menu>ul>li>a:hover{
	color:#005bac;
}
#header .top_menu .head_menu>ul>li>ul{
	display:none;
	width:100%;
	height:100%;
	background-color:rgba(0,91,172,0.9);
	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:-10px;
left:50%;
margin-left:-5px;
height:5px;
width:5px;
box-sizing:border-box;
border-bottom:5px solid #005bac;
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 css 끝*/

/*footer css 시작*/
/*#footer{
	width:100%;
	height:171px;
	position:relative;
	min-width:1100px;
	background-color:#e3e3e3;
	margin:0;
	padding:0;
	font-family:'Noto Sans KR', sans-serif;
	z-index:98;
}
#footer .footer_line{
	width:1100px;
	height:171px;
	margin:0 auto;
	position:relative;
}
#footer .footer_line .footer_menu{
	width:100%;
	height:47px;
}
#footer .footer_line .footer_menu>ul{
	width:420px;
	height:47px;
	margin-left:680px;	
}
#footer .footer_line .footer_menu>ul>li{
	float:left;
	padding:13.5px 10px;
	font-size:14px;
}
#footer .footer_line .footer_menu>ul>li>a{
	font-size:14px;
	color:#000;
	font-family:'Noto Sans KR', sans-serif;	
}
#footer .footer_line .footer_logo{
	width:247px;
	height:57px;
	position:absolute;
	top:47px;
	left:0;
}
#footer .footer_line .footer_table{
	width:1100px;
	height:109px;
	margin-top:;
	font-family:'Noto Sans KR', sans-serif;
}