@charset "utf-8";

*{box-sizing:border-box;}

:before,:after{box-sizing:border-box;}

html{overflow-y:scroll;position: relative;}
body{-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none}
html,body{height:100%}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,p,span,i,em,strong,sup,sub,pre{font-weight:400;font-size: 14px;line-height:110%;font-family: 'Noto Sans KR', sans-serif;margin:0;padding:0;color:#595959;word-wrap:break-word;word-break:keep-all;} 

label{display: inline-block;cursor:pointer;} 
input,textarea,select,button,table{font-family:'Noto Sans Kr', sans-serif;color:#444;font-weight:400;line-height:110%;} 
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top} th{font-weight:normal} li{list-style:none}
i,em,address{font-style:normal} a{text-decoration:none} a:link,a:visited{color:#555} a:hover,a:focus{color:#000}
article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer} button{padding:0;line-height:100%;border-width:0;background-color:transparent}
caption{height:0;width:1px;overflow: hidden;clip: rect(1px 1px 1px 1px); }
legend{overflow:hidden;position:fixed;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}
button{background-color:transparent} span, div{line-height:100%} li{line-height:110%}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

i{font-weight:400;}
b{font-weight:500;}

input::-ms-clear,
input::-ms-reveal{display:none;width:0;height:0}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none}

select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}

/* skip Navi */
#accessibility{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#accessibility a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#accessibility a:link{color:#333;}
#accessibility a:focus{margin-top:0;text-decoration:underline;color:#fff}


.hide{position:fixed;top:-1px;left:-1px;width:1px;height:1px;overflow:hidden;font-size:0%;}


.pagenation{text-align:center;}
.pagenation a{display:inline-block;vertical-align:top;}
.pagenation a span{display:block;font-weight:700;font-family: 'Montserrat', sans-serif;color:#000;}
.pagenation .prev, .pagenation .next{width:55px;height:55px;margin:0 20px;background:no-repeat 50% 50%;}
.pagenation .prev{background-image:url(../images/common/pagenation-prev.png)}
.pagenation .prev:hover{background-image:url(../images/common/pagenation-prev-ov.png)}
.pagenation .next{background-image:url(../images/common/pagenation-next.png)}
.pagenation .next:hover{background-image:url(../images/common/pagenation-next-ov.png)}
.pagenation .number{display:inline-block;}
.pagenation .number:after{content:'';display:block;clear:both;}
.pagenation .number a{float:left;}
.pagenation .number a span{width:55px;height:55px;padding-top:20px;border-radius:100%;background-color:#fff;transition:all 100ms ease-out}
.pagenation .number a.ov span{background-color:#ffd51a;}
.pagenation .number a:hover span{background-color:#ffd51a;}

.pagenation .counter{display:none;font-weight:700;font-family: 'Montserrat', sans-serif;color:#000;}
.pagenation .counter input{font:inherit;width:70px;height:35px;margin-right:5px;text-align:center;}

@media (max-width:1000px) {
.pagenation .number{display:none;}
.pagenation .counter{display:inline-block;padding-top:9px;}
}