@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap');

body {
	 font-family:'Noto Sans KR', sans-serif !important;
	}
a{
	color:white;
}
.font_b {font-weight:bold; }
.font_700 {font-weight: 700 ;}

.title-bar {
    padding: 32px;
    background: #FFF;
    color: #fefefe;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.grid-container {

    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 81rem;
    margin-left: auto;
    margin-right: auto;
}
h1.page_title{
	text-align:center;
	padding-top:84px;
	padding-bottom:70px
	/*
	padding-top:1.5em;
	padding-bottom:1.7em;
	*/
}


.bottom-bar {
	background-color: #e6e6e6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
footer{
margin-top:3em;
background:#212121;
padding:
}

.copyright{
color:#5C5C5C;
padding: 1.5em 0;
text-align:center;
vertical-align:middle;
}

.gosite{
	padding:0.8em;
}

.mb_menu{
	list-style: none;
	background: #fefefe;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    margin-left: 0;
	
}
.mb_menu>{
	background-color:#FFF;
	color : #980D10;
	font-weight:bold;
	padding:5px;
	
}
.mb_menu>.topmenu{
	background-color:#FFF;
	font-size:1.2em;
	color : #005eab;
	font-weight:bold;
	padding:0.5em 2em;
	border-bottom:1px solid #5A5A5A;
}

.mb_menu a{color:#FFF;}
.mb_menu a>.dep1, .mb_menu >.dep1{
	background-color:#FFF;
	color : #000;
	font-weight:bold;
	padding:0.59em 20px;
}
.sub_menu{border-top : 1px solid #E9E9E9;border-bottom : 1px solid #E9E9E9;width:100%;margin:0; padding:0}
.sub_menu a>.dep2{
	background-color:#F8F8F8;
	color : #333;
	font-size:0.8em;
	padding:0.2em 15px;
}
#realEstateMenu{
/*	position:absolute;*/
/*	z-index:30;*/
/*	top:0;*/
/*	right:0;*/
	position: absolute;
	z-index:30;
    right:0;
	top:0;
	background-color:#FFF;
	width:18em;
	display:none;
}
.ico_down{display:none;}
.copy {
	color: #8a8a8a;
	background-color:#2A2A2A;
	border : 1px solid #4D4D4D;
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	height:46px;
	padding:0.5rem;
	text-align:center;
	/*width:200px;*/
}
.pc_sub{
	position:absolute;
	z-index:30;
	margin-top:9px;
	width:16em;
	border: 2px solid #980D10;
	padding:1em;
	font-size:0.9em;
	display:none;
}
.pc_sub a{
	color:#000;
}

.top-bar{
	background-color: white;

}
.top-bar h4{
	color : #005eab;
	font-weight: bold;
}
.top-bar, .top-bar ul {
   
	
}
.top_navi{
	background-color: #005eab;
}
.menu .menu1{
	width:25%;
	text-align:center;
	color: white;
	font-size: 1em;
	font-weight: bold;
	padding:0; 
	margin:0;

	/* width:15%;
	 */
}
.menu .menu2{
	width:1px;
/*	background-color: white;*/
	font-size:14px;
	color:white;
	padding: 0;
/*	padding: 1px 1px 1px 1px;*/

}
.top-bar .menu3{
	width:25%;
	text-align:center;
	font: white;
	font-size: 2em;
	font-weight: bold;
	background-color: #005eab;
}

.top-bar .menu4{
	width:25%;
	text-align:center;
	font: white;
	font-size: 2em;
	font-weight: bold;
	background-color: #005eab;
}

.menu-icon::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #005eab;
    box-shadow: 0 7px 0 #005eab, 0 14px 0 #005eab;
}
.tabs-title.rline{
	border-right : 1px solid white;
}
.tabs-title>a {
	text-align:center;
    background-color : #FFF;
	color:#000;
	font-size:1em;
	padding:1rem 1.5rem;
}

.tabs-title.is-active>a {
	text-align:center;
    
	color:#FFF;
	font-size:1em;
}
.tabs-title>a .year {
	font-size:2.225em;
}
.tabs-title>a:focus, .tabs-title>a:hover, .tabs-title>a[aria-selected=true] {
    background: #C22228;
	color:#FFF;
}

.history_box{
	/* height: */
}
.history_box>p{
	height:22px;
	font-size:0.8rem;
	text-align :center;
	font-family:"NanumSquare", sans-serif !important
	
}
.card-section{
	height:22px;
	font-size:0.8rem;
}
@media print, screen and (max-width: 64em) {
	.copyright{
		padding: 20px 0;
	}
	.gosite{
		padding:10px 10px;
	}
	
	.tabs-title>a {
		font-size:1em;
	}
	.tabs-title>a .year {
		font-size:1.4em;
	}
	.tabs-title>a:focus, .tabs-title>a:hover, .tabs-title>a[aria-selected=true] {
		font-size:1em;
		color : white;
  		background: #C22228;
	}
	
	.top-bar{padding:0;}
	#pclogo{padding-top:0.5em;}

}
@media print, screen and (max-width: 40em) {
	.copyright{
		padding: 20px 0;
	}
	.gosite{
		padding:0 10px;
	}
	
	.tabs-title>a {
		font-size:1em;
		padding-left: 10px;
		padding-right: 10px;
		
	}
	.tabs-title>a .year {
		font-size:1.2em;
	}
	.tabs-title>a:focus, .tabs-title>a:hover, .tabs-title>a[aria-selected=true] {
		font-size:1em;
		color : white;
  		background: #C22228;
	}
	.mb_navi{
		padding:0;
	}
	.mb_navi{padding:1em;}
}