@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:100,200,300,400,600,700');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

::selection{background:#42B4EC;color:#4c4d52}

html, body{width: 100%; height: 100%;}

/* common */
*{margin: 0; padding: 0;font-family: 'Noto Sans KR', sans-serif;}
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,table,th,td,legend,label,button{margin:0;padding:0;border:0;font-size:15px;font-family:'Noto Sans KR',sans-serif;}
input,textarea,select{margin:0;padding:0;  font-family:'Noto Sans KR',sans-serif;}

input,textarea{-webkit-appearance: none !important;-webkit-border-radius: 0 !important;}
select::-ms-expand {display:none}

a, button {cursor:pointer;}
a, a:link{text-decoration:none;}

body{line-height:120%;color:#4c4d52;letter-spacing:0;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
fieldset,img,abbr,acronym,label{border:0 none;}
ol,ul,dl{list-style:none;}
hr{display:none;}
fieldset{border:0}
label,select,input,textarea{vertical-align:middle}
img{vertical-align:top}

.notext {display: none;}
.cf::after {content: ''; clear: both; display: block;}

.txtCut{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.txt_cut1,.txt_cut2,.txt_cut3,.txt_cut4,.txt_cut5{display: -webkit-box; overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word}
.txt_cut1{-webkit-line-clamp:1/* 라인수 */}
.txt_cut2{-webkit-line-clamp:2/* 라인수 */}
.txt_cut3{-webkit-line-clamp:3/* 라인수 */}
.txt_cut4{-webkit-line-clamp:4/* 라인수 */}
.txt_cut5{-webkit-line-clamp:5/* 라인수 */}
.txtCut2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;/* 라인수 */-webkit-box-orient:vertical;word-wrap:break-word}


#paging{clear: both; margin: 0 auto; text-align: center; position: relative; margin-top: 40px;}
#paging span a{display: inline-block; width: 30px; height: 30px; margin-right: 2px; border: 1px solid #d8d8d7; background: #fff; font-family: Verdana,sans-serif; font-weight: normal; line-height: 30px; font-size: 1em; color: #999; text-decoration: none; border-radius: 3px !important;}
#paging span a:hover{border: 1px solid #eb424b; background-color: #eb424b; color: #fff;}
#paging .numPN a{padding: 0 5px; font-size: .8em;}
#paging .Present a{border: 1px solid #eb424b; background-color: #eb424b; color: #fff;}


/* 미디어쿼리1024 */
@media (max-width: 1024px){

    #paging{margin-top: 30px;}
    #paging span a{font-size: .9em; width: 25px; height: 25px; line-height: 25px;}
    #paging .numPN a{font-size: .7em;}

}


/* 미디어쿼리450 */
@media (max-width: 450px){

    #paging{margin-top: 25px;}
    #paging span a{font-size: .8em; width: 20px; height: 20px; line-height: 20px;}
    #paging .numPN a{font-size: .7em; padding:0;}

}