/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,figure {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {font-size:12px;}
body,th,td,input,select,textarea,button {line-height:1.5;font-family:"Noto Sans KR", "Gulim", sans-serif;color:#000} /* color값은 디자인가이드에 맞게사용 */
a {text-decoration:none}
a:active, a:hover {text-decoration:underline;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

img {vertical-align:middle;}


#view {
	width:1280px;
	margin: 0 auto;
}




/* 페이징 */
.paginate-container {
    margin-bottom: 16px;
    margin-top: 16px;
    text-align: center;
	font-size:0.8em;
}

.paginate-container .pagination {
    display: inline-block;
	align-items: center;
    display: flex;
    justify-content: center;
}
.page-responsive .pagination>.next_page, .page-responsive .pagination>.previous_page, .page-responsive .pagination>:first-child, .page-responsive .pagination>:last-child {
    display: inline-block;
}


.page-responsive .pagination>* {
    display: none;
}

.pagination .disabled, .pagination .disabled:hover, .pagination .gap, .pagination .gap:hover, .pagination [aria-disabled=true], .pagination [aria-disabled=true]:hover {
    border-color: transparent;
    color: var(--color-text-disabled);
    cursor: default;
}


.pagination .page-num a, .pagination .page-num em, .pagination .page-num span {
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--color-text-primary);
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    line-height: 20px;
    min-width: 10px;
	margin:0 2px;
    padding: 4px 8px;
    text-align: center;
    transition: border-color .2s cubic-bezier(.3,0,.5,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
	font-size:12px;
}

.pagination .current, .pagination .current:hover, .pagination [aria-current]:not([aria-current=false]) {
    background-color: var(--color-state-selected-primary-bg);
    border-color: transparent;
    color: var(--color-state-selected-primary-text);
}

.mb-5 {
    margin-bottom: 32px!important;
}


.pagination .first_page:before {
    -webkit-clip-path: polygon(9.8px 12.8px,8.7px 12.8px,4.5px 8.5px,4.5px 7.5px,8.7px 3.2px,9.8px 4.3px,6.1px 8px,9.8px 11.7px,9.8px 12.8px);
    clip-path: polygon(9.8px 12.8px,8.7px 12.8px,4.5px 8.5px,4.5px 7.5px,8.7px 3.2px,9.8px 4.3px,6.1px 8px,9.8px 11.7px,9.8px 12.8px);
    margin-right: 4px;
}
.pagination .first_page,
.pagination .end_page,
.pagination .next_page,
.pagination .previous_page {
	color:#000;
}

.pagination .first_page:hover,
.pagination .end_page:hover,
.pagination .next_page:hover,
.pagination .previous_page:hover {
	color:#999;
}

.pagination .previous_page:before {
    -webkit-clip-path: polygon(9.8px 12.8px,8.7px 12.8px,4.5px 8.5px,4.5px 7.5px,8.7px 3.2px,9.8px 4.3px,6.1px 8px,9.8px 11.7px,9.8px 12.8px);
    clip-path: polygon(9.8px 12.8px,8.7px 12.8px,4.5px 8.5px,4.5px 7.5px,8.7px 3.2px,9.8px 4.3px,6.1px 8px,9.8px 11.7px,9.8px 12.8px);
    margin-right: 4px;
}

.pagination .end_page:after, .pagination .next_page:after, .pagination .previous_page:before, .pagination .first_page:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 16px;
    vertical-align: text-bottom;
    width: 16px;
}


.pagination .next_page:after {
    -webkit-clip-path: polygon(6.2px 3.2px,7.3px 3.2px,11.5px 7.5px,11.5px 8.5px,7.3px 12.8px,6.2px 11.7px,9.9px 8px,6.2px 4.3px,6.2px 3.2px);
    clip-path: polygon(6.2px 3.2px,7.3px 3.2px,11.5px 7.5px,11.5px 8.5px,7.3px 12.8px,6.2px 11.7px,9.9px 8px,6.2px 4.3px,6.2px 3.2px);
    margin-left: 4px;
}


.pagination .end_page:after {
    -webkit-clip-path: polygon(6.2px 3.2px,7.3px 3.2px,11.5px 7.5px,11.5px 8.5px,7.3px 12.8px,6.2px 11.7px,9.9px 8px,6.2px 4.3px,6.2px 3.2px);
    clip-path: polygon(6.2px 3.2px,7.3px 3.2px,11.5px 7.5px,11.5px 8.5px,7.3px 12.8px,6.2px 11.7px,9.9px 8px,6.2px 4.3px,6.2px 3.2px);
    margin-left: 4px;
}



.pagination a:focus, .pagination a:hover, .pagination em:focus, .pagination em:hover, .pagination span:focus, .pagination span:hover {
    border-color: var(--color-border-pagination);
    outline: 0;
    text-decoration: none;
    transition-duration: .1s;
}

.pagination .on {
	border-color: #000;
	background-color:#eee;
}



/* tail */
#tail {text-align:center;padding:24px 0;min-height:100px;margin-top:-1px;border-top:1px solid #ebebeb;background-color:#fff;}
#tail .tail_inner ul {position:relative;margin:0 auto;height:24px;line-height:24px;}
#tail .tail_inner ul:after {content:"";display:block;clear:both;}
#tail .tail_inner ul li {display:inline-block;}
#tail .tail_inner ul li a {color:#5a5a5a;font-size:0.75rem;font-weight:600;letter-spacing: -.8px;}
#tail .tail_inner address {display:block;line-height:30px;height:30px;font-size:0.85rem;color:#797979;letter-spacing: -.2px;}
#tail .tail_inner p {height:14px;font-size:0.6rem;color:#797979;letter-spacing: -.2px;}

#tail .tail_inner ul li.ti_icon a::before {
    content: '';
    margin-right: 4px;
    margin-bottom: 4px;
    width: 2px;
    height: 2px;
    background: #5a5a5a;
    display: inline-block;}
#tail .tail_inner ul li.ti_icon a::after {
    content: '';
    margin-left: 4px;
    margin-bottom: 4px;
    width: 2px;
    height: 2px;
    background: #5a5a5a;
    display: inline-block;}


/* 타이틀 */
.cnt_wap .tlt_h {height:40px;line-height:40px;}
.cnt_wap .tlt_h h3 {font-size:1.0rem;font-weight:600;letter-spacing: -.1px;}



/* thumb */
.thumb_border {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border: 1px solid #000;
    opacity: .1;
}



#left_cnt a:hover {text-decoration:underline;}

/* text 2줄 */
.txt_2line {
	letter-spacing: -.8px;
	display: -webkit-box;
    overflow: hidden;
	text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.txt_1line {
	letter-spacing: -.8px;
	display: -webkit-box;
    overflow: hidden;
	text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}


.list_bl .list_bl_inner {padding:20px 0;}
.list_bl .list_bl_inner li {line-height:24px;font-size:0.8rem;}
.list_bl .list_bl_inner li a {color:#666 !important;}
.list_bl .list_bl_inner li a:hover {text-decoration:underline;}

#tail .tail_email_arae {font-size:0.95rem;height:24px !important;line-height:24px !important;}
#tail .tail_email_arae a {text-decoration:none;color:#000;}

.contents_title a,
.info_title a {
		display: -webkit-box;
    overflow: hidden;
	text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}