@import url("https://fonts.googleapis.com/css?family=Taviraj:300,400,700,300i,400i,700i");
/* View Top Button Box */
.button-boxs {
   margin: 0 auto;
   width: 100%;
   margin-bottom: 14px;
   margin-right: 5px;
   padding: 15px;
   text-align: right;
}

.imageboader {
    width: 100%;
    border-radius: 15px;
}

/* Button Box */
.button-box {
   margin: 0 auto;
   width: 100%;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   text-align: center;
   background-color:#fff;
   /* border-top: 1px solid #6e6e6e; */
}

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

/* Contents Hangle */
.view-posts {
   color: #878E94;
   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: 18px;
   font-weight: 400;
   line-height: 200%;
   letter-spacing: 1.5px;
   word-spacing: 2.3px;
}

.titles {
   width: 100%; /* 제목의 너비 설정 */
   max-width: 900px; /* 최대 너비 설정 */
   overflow: hidden; /* 넘치는 내용 숨김 */
   text-overflow: ellipsis; /* 넘치는 내용에 "..." 표시 */
   /*white-space: nowrap; */ /* 줄 바꿈 방지 */
}

/* Table Box */
.tablebox {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #fafafa;
    border-radius: 6px;
    padding: 24px;
    word-spacing: 4px;
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
}

/* Hidden 텍스트 */
.dispaly-nones {
   overflow: hidden;
   height: 4px;
   dispaly: none.html;
}

/* Line */
.dasheds {
   width: 100%;
   height: 1px;
   margin-top: 20px;
   margin-bottom: 20px;
   background-image: url("/images/line.gif");
}

/* English Box */
.English-box { 
   width: 100%;
   margin-top: 20px;
   background-color: #fcfcfc;
   border: 1px solid #F2F2F2;
   padding: 15px;
}

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

/* View Bottom Button */
.elementor-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: #3b3b3b;
    border-radius: 4px 4px 4px 4px;
    padding: 13px 19px 14px 19px;
    margin-bottom: 2px;
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
    text-decoration:none;
}
a.elementor-button:hover {
    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: #FFB400;
    border-radius: 4px 4px 4px 4px;
    padding: 13px 19px 14px 19px;
    margin-bottom: 2px;
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
    text-decoration:none;
}

/* 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: 2px 2px 2px 2px;
    padding: 4px 11px 4px 11px;
    margin-bottom: 8px;
    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: 2px 2px 2px 2px;
    padding: 4px 11px 4px 11px;
    margin-bottom: 8px;
    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: 2px 2px 2px 2px;
    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: 2px 2px 2px 2px;
    padding: 4px 11px 4px 11px;
    margin-bottom: 2px;
    text-decoration:none;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.24);
}

.linkmove-buttons {
    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: 2px 2px 2px 2px;
    padding: 7px 31px 7px 31px;
    margin-bottom: 2px;
    text-decoration:none;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.24);
}
a.linkmove-buttons: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: #CA3D3D;
    border-radius: 2px 2px 2px 2px;
    padding: 7px 31px 7px 31px;
    margin-bottom: 2px;
    text-decoration:none;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.24);
}

/* 기본 링크 */
.blue { 
   font-family:'나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', sans-serif;
   font-size:15px;
   font-weight:nomal;
   color: #5e5e5e;
}
a.blue:link, a.blue:visited, a.blue:active {
   Color:#226AD5;
   border-bottom:2px solid #226AD5;
   Text-decoration:none;
}
a.blue:hover {
   Color:#C74444;
   border-bottom:2px solid #C74444;
   text-decoration:none;
}






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

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

        .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;
}