@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
* {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.regmem_left h2 {
    font-size: 19px;
    font-weight: bold;
    margin-top: 17px;
    margin-bottom: 10px;
    font-family: 'Noto Sans KR';   
} 

.content_title {
    margin: 0px auto;
    width: 100%;
    text-align: left;
    height: 46px;
    display: inline-flex;
    /* justify-items: center; */
    align-items: end;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Noto Sans KR';    

/* 	margin: 0px auto; */
/* 	width: 300px; */
/* 	text-align: center; */
/* 	height: 30px; */
/* 	display: inline-grid; */
/* 	justify-items: center; */
/*     align-items: center; */
/*     font-size: 18px; */
/*     font-weight: bold; */
}
.content_category {
	width: 100%;
	display: inline-flex;
	margin-bottom: 30px;
}
.content_category ul li {
	display: flex;
	align-items: center;
	justify-content: center;  
	width: 161px;
	height:7px;
	border: 2px solid #c8ecff;
	border-radius: 5px;
	float: left;
	padding: 18px;
	margin: 4px;
	font-weight: bold;
	font-size: 15px;
	background-color: #f7fbff;
	cursor: pointer;
}
.content_category ul li:nth-child(3n + 1) {
    margin-left: 0;
}
.content_category ul li:nth-child(3n) {
    margin-right: 0;
}
.content_category ul li.on {
	background-color: #4aa0f7;	
}
.content_category ul li a { 
    color: #1b6bc7;
    font: 700 14px Pretendard;
    word-break: keep-all;
  	line-height: 15px;
}
.content_category ul li.on a {
	color: #fff;
}
.search_result {
	font-size: 12px;
    font-family: dotum;
    font-weight: initial;
    align-items: center;
    display: inline-flex;
    vertical-align: bottom;
    justify-items: self-end;
    width: 325px;
    height: 43px;
    padding-top: 14px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.people_search_form .closebtn {
    width: 25px;
    height: 25px;
    position: relative;
    display: inline;
    right: 59px;
    top: 7px;	
    cursor: pointer;
}
.content_list {
	display: inline-block;
	width: 100%;
}
.content_list ul li {
    min-height: 20px;
    margin-bottom: 10px;
 	border: 1px solid #e6e6e7;
 	background-color: #fcfcfc;
    border-radius: 2px;
    padding: 7px 5px 2px 5px;
    cursor: pointer;
    font: 500 14px Pretendard;
    line-height: 150%;
}
.content_list ul li:hover {
	border: 1px solid #4aa0f7;
	outline: 2px solid #4aa0f7;
}
.content_list ul li.on {
	font-weight: bold;
	border-color: #4aa0f7;
}
.content_list ul li span.qmark {
	display: inline-flex;
	height: 30px;
	position: relative;
	float: left;
	margin-right: 5px	
}
/*
.content_list ul li.on a {
	letter-spacing: -1px;
}
*/
.content_list ul li .cablock {	
    letter-spacing: -1px;
    font-size: 12px;
    display: inline;
    margin-left: 5px;
    padding: 0px 4px 2px 4px;
    border-radius: 3px;
    /* font-family: 'Noto Sans KR'; */
    border: 1px solid #5ba7ff;
}
.content_list ul li .cablock a {
    color: #1b6bc7;
}
.content_list ul li div {
    display: block;
    padding: 10px;
    font: 400 14px Pretendard;
    border: 1px solid #a4a4a4;
    margin-top: 10px;
    margin-bottom: 3px;
    border-radius: 4px;
    background-color: aliceblue;
    line-height: 180%;
    cursor: initial;
}
.content_list ul li div .highlight {
    background-color: #fffd00;
    cursor: help;
    padding: 2px 1px 2px 1px;
    border: 1px dotted #000;
    border-radius: 5px;
}
#econobox {
	display: none;
    border: 4px solid #1b6bc7;
    padding: 10px;
    text-align: left;
    line-height: 180%;
    border-radius: 10px;
    position: absolute;
    background-color: #fff;
    width: 490px;
    top: 0px;
    left: 0px;
    z-index: 99;
    font: 500 13px Pretendard;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);    
}
#econobox .term {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
#econobox .desc {
	line-height: 180%;
}
#econobox .opentype3 {
    line-height: 1.6;
    margin-top: 10px;
    color: #5a5a5a;
    font-size: 11px;
}
#econobox .opentype3 img {
    height: 33px;
    vertical-align: middle;
    margin-right: 5px;
    float: left;	
}
#econobox .closebtn {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}