@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}


/*====================*/
/*=== Reset Styles ===*/
/*====================*/

html,body,div,ul,ol,dl,li,dt,dd,p,h1,h2,h3,h4,h5,h6,table,th,td,caption,address,article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section,button,select,textarea,input,fieldset,legend,a,span,strong,em,address,dfn,small,i,b {margin: 0;padding: 0;border: 0;list-style: none;font-size: inherit;font-weight: inherit;font-family: inherit;line-height: inherit;word-break: inherit;word-wrap: inherit;box-sizing: border-box;}
:before,:after {box-sizing: border-box;}
article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section {display: block;}
body {box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
img, fieldset, input.type-image,  button {border:0;padding:0;}
input, select, textarea, button{color:#555;vertical-align:middle;font-family:"Pretendard Variable", Pretendard, -apple-system, '맑은 고딕', Malgun Gothic, Gulim, Arial, AppleGothic, Sans-serif;outline:0}
caption, legend, #skipNavi {width:0;height:0;padding:0px;margin:0px;visibility:hidden;font-size:0px;height:0px;line-height:0px;}
button::-moz-focus-inner{border:0;padding:0;}
button{background:transparent;overflow:hidden;cursor:pointer;}
a {text-decoration:none;color:#000;outline: none;}
a:hover {text-decoration:none !important;}
html,body {font-family:"Pretendard Variable", Pretendard, -apple-system,'맑은 고딕',Malgun Gothic, Gulim, Arial, AppleGothic, Sans-serif;font-optical-sizing: auto;outline:0;width:100%;height:100%;}
table {border:0;border-spacing:0;border-collapse:collapse;}

.cb {clear:both;}
.dib {display:inline-block}
.dpb {display:block}
.ofh {overflow:hidden}
.dpn {display:none !important}
.cp {cursor:pointer}
.fl  {float:left}
.fr  {float:right}
.tal {text-align:left}
.tar {text-align:right}
.tac {text-align:center}
.taf {text-align:justify}
.mt15 {margin-top:15px;}

/* Links */
.hidden {position: absolute;overflow: hidden;width: 0;height: 0;pointer-events: none;}


.ellipsis_line1 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;}
.ellipsis_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;}


.img_thumb {overflow:hidden;display:block;position:relative;}
.img_thumb::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,0.08);
}