@charset "utf-8";

/*글꼴*/
@font-face{font-family: 'GL';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff2') format('woff2'), 
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.ttf') format('truetype');
}
@font-face{font-family: 'GM';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.ttf') format('truetype');
}
@font-face{font-family: 'GB';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.ttf') format('truetype');
}
@font-face{font-family: 'PN';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.otf') format('opentype');
}
@font-face{font-family: 'PB';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.otf') format('opentype');
}

/*관리자-기본설정*/
body:has(.admin_logo){background: #FEFAF6;}
#tnb{display: none;}
#ft{display: none;}
.hd_sch_wr{display: none;}
.hd_login{display: none;}
#container_wr #aside{display: none;}
#wrapper{min-width: unset; width: calc(100% - 280px - 80px - 80px); margin-left: calc(280px + 80px);}
#container_wr{width: 100%; margin: 93px 0 80px;}
#container{width: 100%; margin: 0; min-height: unset;}
#hd .copyright{position: absolute; bottom: 16px; color: #888; line-height: 1.5; padding-top: 36px; background: url(../../../img/icon_copyright.png) no-repeat top left; font-family: 'PN';}

/*헤더*/
#hd{width: 280px; min-width: unset; height: 100vh; background: white; box-shadow: 4px 4px 16px #FB958129; padding: 32px 16px 16px; position: fixed; top: 0;}
#hd_wrapper{width: unset; height: unset;}
#hd_wrapper .admin_btn_group{display: flex; gap: 8px; margin-top: 16px;justify-content: center;}
#hd_wrapper .admin_btn_group a{line-height: 32px; background: #ddd; padding: 0 16px 0; border-radius: 16px; cursor: pointer;}
#gnb .gnb_wrap{width: unset;}
#gnb #gnb_1dul{border: 0; display: flex; flex-direction: column;}
#gnb #gnb_1dul .gnb_1dli.gnb_mnal{display: none;}
#logo{padding: 0; float: unset; text-align: center; text-align: center;}
#logo img{margin-bottom: 16px;}
#logo p:nth-child(2){font-size: 12px; margin-bottom: 8px; line-height: 1;}
#logo p:nth-child(3){font-size: 20px; line-height: 1; font-family: "GB";}
#gnb{margin-top: 32px; border-top: 1px solid #ddd;}
#gnb .accordion{list-style: none; margin: 0; padding: 0;}
#gnb .accordion .gnb_1dli{border-bottom: 1px solid #ddd; line-height: unset;}
#gnb .accordion-btn{width: 100%; text-align: left; border: none; cursor: pointer; outline: none; font-size: 16px; background: none; height: 50px; padding-left: 36px;}
#gnb .accordion-content{display: none; list-style: none; margin: 0; background: #f9f9f9; border-top: 1px solid #ddd;padding: 8px 12px 8px;}
#gnb .accordion-content li a{display: block; color: #888; text-decoration: none; line-height: 40px;}
#gnb .accordion-content li a::before{content: ''; font-size: 0; display: inline-block; width: 4px; height: 4px; background: #0DBBB9; border-radius: 50%; margin-right: 6px; margin-bottom: 2px;}
.gnb_1dli.active > .accordion-btn{font-family: 'GB';}
.accordion-content li.active a{color: #333 !important;}
.accordion-content{display: none;}
.accordion-content[style="display:block;"]{display: block;}
#gnb #gnb_1dul .gnb_1dli:nth-child(1) button{background: url(../../../img/icon_gnb1.png) no-repeat left 8px top 14px;}
#gnb #gnb_1dul .gnb_1dli:nth-child(2) button{background: url(../../../img/icon_gnb2.png) no-repeat left 8px top 14px;}
#gnb #gnb_1dul .gnb_1dli:nth-child(3) button{background: url(../../../img/icon_gnb3.png) no-repeat left 8px top 14px;}
#gnb #gnb_1dul .gnb_1dli.active:nth-child(1) button{background: url(../../../img/icon_gnb1_1.png) no-repeat left 8px top 14px;}
#gnb #gnb_1dul .gnb_1dli.active:nth-child(2) button{background: url(../../../img/icon_gnb2_1.png) no-repeat left 8px top 14px;}
#gnb #gnb_1dul .gnb_1dli.active:nth-child(3) button{background: url(../../../img/icon_gnb3_1.png) no-repeat left 8px top 14px;}

/*상단타이틀*/
.sub_d1_name{font-size: 16px; line-height: 1; color: #0B82C6;}
.sub_d2_name{font-size: 42px; line-height: 1; margin-top: 12px; margin-bottom: 24px; font-family: "GB";}
.sub_btn_group{position: absolute; right: 0; top: 32px; display: flex; gap: 8px;}
.sub_btn_group .btn{padding: 0 12px 0; color: white; line-height: 32px; height: 32px; font-size: 14px; font-family: "GL"; cursor: pointer;}
.sub_btn_group .btn{border-radius: 0; border: 0;}
.sub_btn_group .gray{background: #888;}
.sub_btn_group .black{background: #333;}

/*페이지네이션*/
.pg_wrap{float: unset; width: 100%; margin-top: 40px; clear: both; display: block;}
.pg_wrap .pg{margin: 0 auto 0; display: block;}
.pg_wrap .pg .pg_current{background: #0DBBB9; font-family: "GB"; font-size: 14px; width: 40px; height: 40px; border: 1px solid #ddd; border-radius: 0; line-height: 40px; padding: 0; display: inline-block; color: white;}
.pg_wrap .pg .pg_page{width: 40px; height: 40px; line-height: 40px; padding: 0; text-align: center; color: #333; border: 1px solid #ddd; border-radius: 0; font-size: 14px; background: white; cursor: pointer;}
.pg_wrap .pg .pg_page.pg_end, .pg_wrap .pg .pg_page.pg_start{background:url(/img/icon_page.png) no-repeat center center white; color: #333; font-family: 'GB'; font-size: 14px; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ddd; border-radius: 0; padding: 0;text-align: center;}
.pg_wrap .pg .pg_page.pg_start{transform: scaleX(-1);}

/*게시판 공통수정*/
h2#container_title{display: none;}
#bo_list nav#bo_cate{display: none;}
#fboardlist #bo_btn_top #bo_list_total{display: none;}
ul.btn_bo_user a.btn_admin{display: none;}
#fboardlist thead tr th{background: #0DBBB9; color: white; padding: 0;line-height: 50px;}
#fboardlist thead tr th a{color: white;}
#fboardlist thead tr th:first-child{border-radius: 8px 0 0 8px;}
#fboardlist thead tr th:last-child{border-radius: 0 8px 8px 0;}
.tbl_head01{border-bottom: 1px solid #0DBBB9;}
.tbl_wrap table{background: unset;}

#bo_w .btn_confirm:has(#btn_submit){display: flex; width: 100%; padding-top: 40px; gap: 12px;justify-content: center;}
#bo_w .btn_confirm .btn_cancel,#bo_w .btn_confirm .btn_submit{width: 160px; font-weight: normal; line-height: 50px; height: 50px; border-radius: 8px; font-size: 16px;}
#bo_w .btn_confirm .btn_cancel{color: #333; background: #ddd;}
#bo_w .btn_confirm .btn_submit{color: white; background: #0DBBB9;}

#bo_list tbody tr {border-left:unset !important}
#bo_list tbody tr:hover {border-left:unset !important}
#bo_list tbody .even td, #bo_list tbody tr td{background: unset !important;}
#bo_list tbody tr td u{cursor: pointer;}
#bo_list tbody tr td a{cursor: pointer; text-decoration: none !important;}

.tbl_head01 td{padding: 14px 0 14px;}
#fboardlist thead tr th.w106{width: 106px;}
#fboardlist thead tr th.w80{width: 80px;}
#fboardlist tr td.td_subject .bo_tit a{font-weight: normal; color: #333;}