@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://cdn.jsdelivr.net/gh/sun-typeface/SUITE@2/fonts/static/woff2/SUITE.css');
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }

/*기본값*/
body, html {
    width:100%;            /* 기기 폭을 그대로 사용 */
    max-width:1200px;      /* 데스크톱에서만 1200px 까지만 넓어지도록 제한 */
    background-color:#FEFEFE;
    font-family:'SUITE',sans-serif;
    margin:0 auto;
}
body { overflow-y: scroll; }

/*헤더페이지*/
header { height:100px; color: #888; font-size: 14px; }
.header_icon { display:flex; height:60px; line-height: 60px; text-align:center; }
.header_left { width: 20%; display:flex; text-align:left; }
.header_center { width: 60%; }
.header_right { width: 20%; display:flex; justify-content: flex-end;}
.header_menu { display:flex; height:40px; line-height: 40px; justify-content: space-around; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; }

.menu-item { width:100%; text-align: center; }
.menu-item:hover { background-color: #62c0ff; color: #FFF; cursor: pointer; }

/*  (≤ 768 px)  헤더 센터 글자 정렬 보정  */
@media (max-width:768px){

    /* 헤더 바 내부 아이템을 수직 정렬 */
    .header_icon{ align-items:center; }   /* ← 추가 */

    /* 제목 컨테이너 */
    .header_center{
        display:flex;          /* → 자식 플렉스 정렬 */
        align-items:center;    /* 수직 가운데 */
        justify-content:center;/* 수평 가운데 */
    }

    /* 불필요한 기본 여백 제거 */
    .header_center p{ margin:0; }          /* ← 추가 */

    /* 클릭 영역을 충분히 크게 */
    .header_center a{
        display:block;
        padding:0 4px;         /* 선택사항: 좌·우 여백 */
        font-size:20px;
        font-weight:bold;
        text-decoration:none;
        color:#000;
    }
}

/*푸터페이지*/
footer { height:100px; border-top: 1px solid #DEDEDE; color: #888; font-size: 12px; text-align: center; }
.footer_1 {margin: 10px 0;}

/*본문*/
.main-content { min-height:700px;}

.section-title { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.content-section { display: flex; justify-content: space-between; margin-bottom: 40px; }
.content-section table { width: 48%; border-collapse: collapse; }
.content-section table th { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px; }
.content-section table td { border-bottom: 1px solid #ddd; padding: 10px; }
.content-section table th { background-color: #f4f4f4; font-weight: bold; }
.content-section table td { text-align: left; }
.content-section table a { text-decoration: none; color: #000; }
.content-section table a:hover { text-decoration: underline; }

/* 반응형 스타일 */
@media (max-width: 768px) { 
    .content-section { flex-direction: column; }
    .content-section table { width: 100%; margin-bottom: 20px; }
}

/*버튼스타일*/
.jh_btn {cursor:pointer; border:none; border-radius:3px; width:80px; padding:2px 4px; font-size:12px; font-family:'SUITE', sans-serif; font-weight:bold;}
.b_blue {background-color:#002888; color:#FFFFFF;}
.b_navy {background-color:#0b2c62; color:#FFFFFF;}
.b_skyblue {background-color:#006fd2; color:#FFFFFF;}
.b_red {background-color:#bf0000; color:#FFFFFF;}
.b_green {background-color:#009900; color:#FFFFFF;}
.b_gray {background-color:#5a5a5a; color:#FFFFFF;}
.b_orange {background-color:#ff9933; color:#FFFFFF;}
.b_purple {background-color:#4f009d; color:#FFFFFF;}
.b_darkred {background-color:#660000; color:#FFFFFF;}
.b_grass {background-color:#10673c; color:#FFFFFF;}

.b_blue:hover {background-color:#0034ac;}
.b_navy:hover {background-color:#103f8d;}
.b_skyblue:hover {background-color:#0080f2;}
.b_red:hover {background-color:#df0000;}
.b_green:hover {background-color:#00c400;}
.b_gray:hover {background-color:#727272;}
.b_orange:hover {background-color:#ffad5b;}
.b_purple:hover {background-color:#6100c1;}
.b_darkred:hover {background-color:#8e0000;}
.b_grass:hover {background-color:#15864e;}


/* 메인 콘텐츠 테이블 스타일 */
.text_center {text-align:center !important;}
.text_center th, .text_center td {text-align:center !important;}

.text_left {text-align:left !important;}
.text_left th, .text_left td {text-align:left !important;}

.text_right {text-align:right !important;}
.text_right th, .text_right td {text-align:right !important;}

/* 추가항목 마진-패딩 순서 */
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mr1 {margin-right:1px;}
.mr2 {margin-right:2px;}
.mr3 {margin-right:3px;}
.mr4 {margin-right:4px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

.pt1 {padding-top:1px;}

.bt0 {border-top:0 !important;}
.br0 {border-right:0 !important;}
.bb0 {border-bottom:0 !important;}
.bl0 {border-left:0 !important;}

.bt {border-top:1px solid #ccc;}
.br {border-right:1px solid #ccc;}
.bb {border-bottom:1px solid #ccc;}
.bl {border-left:1px solid #ccc;}

.b0 {border:0 !important;}

.btn_M0 {margin:0px auto;display:block;text-align: center;}

.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}

.tLeft {text-align:left !important;}
.tBold {font-weight:bold;}

/* 페이징 */
.pagination {display:inline-block;}
.pagination a {color: black;float:left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;}
.pagination a.active {background:-webkit-linear-gradient(top, #4080bf 0%, #336699 100%);color:#fff;}
.pagination a:hover:not(.active) {background-color: #ddd;}