@charset "euc-kr";

@font-face {
	font-family: 'NanumSquareB';
	src: url('/application/new_list/NanumSquareB.eot');
	src: url('/application/new_list/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('/application/new_list/NanumSquareB.svg#NanumSquareB') format('svg'),
		url('/application/new_list/NanumSquareB.ttf') format('truetype'),
		url('/application/new_list/NanumSquareB.woff') format('woff'),
		url('/application/new_list/NanumSquareB.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NanumSquareEB';
	src: url('/application/new_list/NanumSquareEB.eot');
	src: url('/application/new_list/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
		url('/application/new_list/NanumSquareEB.svg#NanumSquareEB') format('svg'),
		url('/application/new_list/NanumSquareEB.ttf') format('truetype'),
		url('/application/new_list/NanumSquareEB.woff') format('woff'),
		url('/application/new_list/NanumSquareEB.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}

a {text-decoration: none !important;}

#sub_container_box4-4 {margin-bottom: 100px;}

#sub_container_box4-4 h1 {
	text-align: right;
	font-size: 35px;
	line-height: 45px;
	margin-top: 15px;
	font-family: 'NanumSquareB';
}

.list_box {margin-top: 30px;}

.list_box h2 {
	display: inline-block;
	width: 120px;
	margin: 0 auto 10px;
	padding: 0 20px;
	background: #4898d3;
	border-radius: 23px;
	line-height: 46px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	font-family: 'NanumSquareB';
}

.main_ul {
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.list_box1 .main_ul>li {
	float: left;
	width: 25%;
}

.list_box3 .main_ul>li {
	float: left;
	width: 33.3%;
}

.main_ul>li>a {
	display: inline-block;
	width: 100%;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}

.main_ul>li>a:hover {
	font-weight: bold;
	background: #f6f6f6;
}

.list_box2 .main_ul>li {
	float: left;
	width: 121px;
}

.list_box2 .sub_ul {
	display: none;
	width: 726px;
	overflow: hidden;
	background: #f3faff;
}

.list_box2 .sub_ul>li {
	float: left;
	width: 25%;
}

.list_box2 .sub_ul>li>a {
	display: inline-block;
	width: 100%;
	line-height: 35px;
}

.list_box2 .sub_ul>li>a:hover {
	background: #4898d3;
	color: #fff;
}

.list_box_sub {
	width: 25%;
	padding: 0 5px;
	float: left;
	box-sizing: border-box;
}

.list_box_sub h2 {
	width: 100%;
    box-sizing: border-box;
}

.list_box a:hover h2 {
	background: #205d89;
}