@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap')
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.noto-sans kr-<uniquifier> {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

/***************************************************************************/
/*                                         body 공통 설정                                              /
/***************************************************************************/

html,body{width:100%;height:100%;scroll-behavior: smooth; /* 스크롤 부드럽게 이동하는 CSS 속성 */}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
ul,ol,dl {list-style: none;}
img {border:0;vertical-align: top;}
fieldset {border: none;}
ul {list-style: none;padding: 0;margin: 0;}
fieldset{border: none;}
li{list-style: none;}
input,select,button,select{vertical-align: middle;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
address,caption,cite,code,dfn,em,th,var{font-style: normal;font-weight: normal;}
a {outline: 0;}
a {color: inherit;text-decoration: none;cursor: pointer;}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
table {width: 100%;border-spacing: 0}/* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
table {table-layout: fixed;border-collapse: collapse;word-break: break-all;}
* {box-sizing: border-box;word-break: keep-all;}

button,
input[type="submit"],
input[type="button"] {overflow: visible;margin: 0;background-color: white; transparent;border: none;-webkit-appearance: button;cursor: pointer;font: inherit;color: inherit;}
button::-moz-focus-inner,
input::-moz-focus-inner {padding: 0;border: 0;}
button {outline: 0;}
textarea {resize: none;}
html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}

/* 기본설정 */
body {font-family:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -webkit-font-smoothing: antialiased;line-height: 1.7;letter-spacing:0;color:#222;font-size:19px;font-weight:400;}
body {*word-break:break-all;-ms-word-break:break-all; font-family:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
select,input,textarea,button {font-family:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:19px;color:#222;outline:none;}
.hide,legend,caption,hr {position: absolute;left: -9999px;width: 0;height: 0;overflow: hidden;text-indent: -9999px;}

/* 새로운 클래스 추가 */
.title-blue {
    color:#ffcccc !important; /* 원하는 색상으로 변경 가능 */
}

/* 색상2 */
.title-red {
  color: #D94925;
}

.section2-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* 이미지 사이의 공간 조정 */
}

.section2-inner li {
    flex: 1 1 30%; /* 각 항목이 30% 너비를 차지하도록 설정 */
    box-sizing: border-box; /* 패딩이나 마진이 포함되도록 설정 */
    margin: 5px; /* 요소 간의 마진 설정 */
}

@media (max-width: 600px) {
    .section2-inner li {
        flex: 1 1 30%; /* 작은 화면에서도 3개 나란히 유지 */
    }
}

.txt24h {
        border: 2px solid #D94925 !important; /* 테두리 색상 설정 */
        color: #D94925 !important; /* 글자 색상 설정 */
        padding: 10px; /* 원하는 패딩을 추가할 수 있습니다 */
        background-color: white !important; /* 배경색을 투명으로 설정 */
    }

    .callnumbox .your-button-class {
        background-color: #D94925 !important;
        color: white !important; /* 글자 색상 변경 */
    }

.menubox ul li a {
    color: initial; /* 기본 글자 색상 설정 (원하는 색상으로 변경) */
    text-decoration: none; /* 기본 링크 스타일 없애기 */
}

.menubox ul li a:hover {
    color: #FC5230 !important; /* 마우스를 올렸을 때의 색상 설정 */
}

.post-section {
    margin: 20px;
}

#postContent {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}

.post-list {
    margin-top: 20px;
}

.post-item {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
}

.post-item h4 {
    margin: 0 0 5px;
}

.post-item .info {
    font-size: 12px;
    color: #777;
}