@charset "utf-8";

/* CSS Document */
*{padding:0;margin:0;font-family:"Noto Sans KR", sans-serif,"돋움","dotum","tahoma","MalgunGothic","Verdana","Arial","Helvetica",sans-serif;
box-sizing: border-box;}
html,body{width:100%;height:100%;}
html{overflow-y:auto;}
body,p,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;line-height:1;     word-break: break-all;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{position:relative;border:none;background: none;}
hr,legend {display:none;}
img,fieldset,iframe {border:none;}
img{vertical-align:top; max-width:100%;}
textarea{font-family:"Noto Sans KR",'돋움','dotum',tahoma,'MalgunGothic','Verdana','Arial','Helvetica','sans-serif';}
caption {display:none;}
input,select,button{vertical-align:middle;}
button{margin:0;padding:0;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0;}
ol:after,ul:after{content: "";display: block;clear: both;}

a{text-decoration:none; }
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}
.blind {display:block;overflow:hidden;top:-1000em;position:absolute;}
ul:after{content: "";display: block;clear: both;}
#skipnavi {position:relative;width:100%;top:-1px;left:0;z-index:10000;}
#skipnavi ul li {position:absolute;top:-1px;left:0;width:100%;}
#skipnavi a, #skipnavi a:link {display:block;width:100%;height:1px;margin:0 0 -1px 0;font-size:1em;text-decoration:none;overflow:hidden;}
#skipnavi a:active,
#skipnavi a:focus,
#skipnavi a:hover {width:100%;height:20px;padding:14px 0 6px 0;font-weight:bold;color:#fff;text-align:center;background:#000;}

/* float */
.clearfix{*zoom: 1;}
.clearfix:after{content:''; display:block; clear:both;}
.f_left{float:left;}
.f_right{float:right;}

/*text-align*/
.ta_center{text-align: center;}
.ta_left{text-align: left;}
.ta_right{text-align: right;}

/*hide-text*/
.hide-text{text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 0;position: absolute;}

/*기본*/
#header{position:relative;}
#footer{position:relative;}

/*페이징*/
.pagenation {margin: 30px 0 0 0; display: flex; justify-content: center; }
.pagenation > a {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.pagenation > a span {position: relative;}
.pagenation .page-num span {display: inline-block; font-size: 17px; font-weight: 200; color: #5b5949; letter-spacing: -0.04em;}
.pagenation .page-num.active span {font-weight: 800; color: #000;}
.pagenation .page-num.active span::after {content: ''; position: absolute; left: 50%; margin-left: -7px; bottom: -3px; width: 14px; border-bottom: 3px solid #000;}
.pagenation .btns-page span {display: inline-block; font-size: 0;}
.pagenation .btns-page span::after{content: ''; position: absolute; left: calc(50% - 6px); top: calc(50% - 9px); width: 6px; height: 6px; border-bottom: 2px solid #000; border-right: 2px solid #000; }
.pagenation .btn-page-prev span::after {transform: rotate(135deg);}
.pagenation .btn-page-next span::after {transform: rotate(-45deg);}


@media screen and (max-width: 768px){
	body, p, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, tr, td, thead, tbody, form, fieldset, legend, input, textarea, button {word-break: keep-all;}
}