@import url("https://fonts.googleapis.com/css?family=Taviraj:300,400,700,300i,400i,700i");

/* Clear */
.both {
   clear: both;
}

/* Contents Hangle */
.view-hangle-posts {
   color: #606060;
   font-family:'맑은 고딕', 'Malgun Gothic', '나눔바른고딕', 'NanumBarunGothic', '나눔 고딕', 'Nanum Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
   font-size: 14px;
   font-weight: normal;
   line-height: 18px;
}

/* Contents Title */
.subbs {
   font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
a.subbs:link, a.subbs:visited, a.subbs:active {
   color:#3e3e3e;
   text-decoration:none;
   border-bottom: 0;
}
a.subbs:hover {
   color:#F56A6A;
   text-decoration:none;
   border-bottom: 2px solid #F56A6A;
}

/* Eng Information Bottom Line */
.page-header-line {
   border-bottom:1px solid #dedede;
}
/* None */
.nones {
   margin: 11px;
}

.boards-title { 
   color: #AAB4B8;
   font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
   font-size: 13px;
   font-weight: 500;
   text-align:center;
   text-transform:uppercase;
}
.boards-content { 
   color: #839FA5;
   font-family: 'tahoma', 'Small Fonts', Sans-serif;
   font-size:13px;
   font-weight:bold;
   text-align:center;
   text-transform:uppercase;
}

/* Number format */
.format { 
   color:#AAB4B8;
   font-family: 'tahoma', 'small fonts', sans-serif;
   font-size:10px;
   font-weight:bold;
}
.number { 
   color:#C84949;
   font-family: 'tahoma', 'small fonts', sans-serif;
   font-size:10px;
   font-weight:bold;
}

/*  Backup css */
#boards {
   width:100%;
   border:2px solid #fff;
   margin-top:19px;
   margin-bottom:19px;
}
#boards th, #boards td {
   text-align:center;
   height:42px;
   line-height:180%;
   vertical-align: middle;
   border:2px solid #fff;
}
#boards thead th {
   border-top:solid 2px rgba(210, 215, 217, 0.75);
   border-bottom:solid 2px rgba(210, 215, 217, 0.75);
   background-color:#fff;
   color:#3d4449;
   font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
   font-weight: 500;
   font-size:15px;
   letter-spacing: 1.5px;
   word-spacing: 2.3px;
   padding: 7px;
}
#boards tbody td {
   border-bottom:0px solid #F3F4F4;
   background:#fafafa;
   padding:6px 10px;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px; 
}
#boards tbody td.l {
   text-align:left;
}
#boards tbody td.b {
   font-weight:bold;
}
#boards tbody td.bgb {
   background-color:#EFF6F7;
}
#boards ol {
   list-style:outside decimal;
}


.board_button {
   margin-top: 16px;
   margin-bottom: 1px;
}

.board_page {
   margin: auto 0;
   text-align:center;
   margin-top: 4px;
}

/* View Top Button Box */
.button-boxs {
   margin: 0 auto;
   margin-right: 5px;
   text-align: right;
}

/* View Top Button */
.elementor-buttons {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #3b3b3b;
    transition:0.3s;
    background-color: #fefefe;
    border-radius: 4px 4px 4px 4px;
    padding: 4px 11px 4px 11px;
    margin-bottom: 2px;
    text-decoration:none;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.24);
}
a.elementor-buttons:hover {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #fff;
    transition:0.3s;
    background-color: #3b3b3b;
    border-radius: 4px 4px 4px 4px;
    padding: 4px 11px 4px 11px;
    margin-bottom: 2px;
    text-decoration:none;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.24);
}

.admin-button {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    transition:0.3s;
    background-color: #02AACF;
    border-radius: 4px 4px 4px 4px;
    padding: 4px 11px 4px 11px;
    margin-bottom: 2px;
    text-decoration:none;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.24);
}
a.admin-button:hover {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    transition:0.3s;
    background-color: #2B3748;
    border-radius: 4px 4px 4px 4px;
    padding: 4px 11px 4px 11px;
    margin-bottom: 2px;
    text-decoration:none;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.24);
}



/* 404 Not Found */
        /* 팝업 배경 */
        .custom-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: none;
            z-index: 1000;
        }

        /* 팝업 창 */
        .custom-modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            width: 50%;
            max-width: 90%;
            padding: 20px;
            z-index: 1001;
        }
        /* 모바일 환경 (화면 너비가 768px 이하일 때) */
    @media (max-width: 768px) {
        .custom-modal {
            width: 90%;
            max-width: 90%; /* 중복될 가능성을 제거 */
    }
}

        .custom-modal .modal-header {
            color: #3D4957;
            font-size: 2em;
            font-weight: 700;
            /*margin-bottom: 0.3em;*/
        }
        .custom-modal .modal-middle {
            color: #7E8184;
            font-size: 1em;
            font-weight: 500;
            margin-bottom: 1.5em;
        }

        .custom-modal .modal-body {
            margin-bottom: 1.2em;
            /*font-size: 1.23em;*/
            font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
            letter-spacing: 0.1em;
            word-spacing: 0.1em;
            line-height: 1.6em;
        }

        .custom-modal .modal-bodys {
            margin-bottom: 2.5em;
            font-size: 1em;
            /* letter-spacing: 0.1em; */
            /* word-spacing: 0.1em; */
            line-height: 1.8em;
        }

        .custom-modal .modal-footer {
            text-align: right;
        }

        .custom-modal .modal-footer .btn {
            display: none; /* 닫기 버튼 숨김 */
            padding: 8px 12px;
            border: none;
            border-radius: 4px;
            background: #007bff;
            color: white;
            cursor: pointer;
        }

        .custom-modal .modal-footer .btn:hover {
            background: #0056b3;
        }

/* 404 페이지 영문 텍스트 */
.Taviraje {
    font-family: "Taviraj", serif !important;
    font-weight: 600 !important;
}
.Tavira {
    font-family: "Taviraj", serif !important;
    font-weight: 400 !important;
}