@charset "utf-8";
#subpage { width: 100%; position: relative; min-height: 800px; }

#subpage.sub1-3 .contents { position: relative; }
#subpage.sub1-3 .contents .map { position: absolute; left: 50%; top: 524px; width: 1200px; height: 464px; margin-left: -600px; }
#subpage.sub1-3 .contents .map iframe { width: 100%; height: 100%; }



#subpage .snb { width: 1440px; position: absolute; left: 50%; margin-left: -720px; top: 370px; background: rgba(0,0,0,0); z-index: 5; display: flex; justify-content: center; gap: 0 30px; }
#subpage .snb > li { width: 300px; height: 70px; font-size: 34px; opacity: 0; background: rgba(0,0,0,0); line-height: 70px; font-weight: 700; }
#subpage .snb > li > a { display: block; width: 100%; height: 100%; color: #fff; text-align: center; }

#subpage .snb2 { width: 1440px; position: absolute; left: 50%; margin-left: -720px; top: 524px; height: 78px; line-height: 78px; opacity: 0; background: rgba(0,0,0,0); z-index: 5; display: flex; justify-content: center; gap: 0 100px; }
#subpage .snb2 > li { font-size: 30px; font-weight: 700; }
#subpage .snb2 > li > a { color: #fff; display: block; width: 100%; height: 100%; }



#subpage .board { width: 100%; padding: 164px 0 113px; background: url('../img/board.webp') center top/1920px no-repeat #98AFB5; }
#subpage .board .title { border-bottom: 1px solid var(--red2, #90437B); padding-bottom: 65px; width: 1200px; margin: 0 auto; }
#subpage .board .title > p:nth-of-type(1) { text-align: center; font-size: 50px; font-weight: 800; color: #90437b; }
#subpage .board .title > p:nth-of-type(2) { margin-top: 28px; text-align: center; font-size: 18px; font-weight: 500; color: rgba(196, 91, 131, 0.60); }

#subpage .board .snb { position: static; padding: 64px 0; width: 1200px; margin: 0 auto; }
#subpage .board .snb > li { opacity: 1; border-radius: 100px; line-height: 68px; border: 1px solid #90437B; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(2px); }
#subpage .board .snb > li > a { color: #90437b; font-size: 24px; font-weight: 700; }
#subpage .board .snb > li.on { background: #90437b; }
#subpage .board .snb > li.on > a { color: #fff; }

#subpage .board .category { width: 1200px; margin: 0 auto; display: flex; justify-content: center; margin-bottom: 40px; gap: 100px; border-radius: 99px; border: 1px solid var(--red2, #90437B); background: rgba(255, 255, 255, 0.40); }
#subpage .board .category > li { line-height: 76px; font-size: 30px; font-weight: 700; }
#subpage .board .category > li > a { color: #98AFB5; }
#subpage .board .category > li.on > a { color: #C45B83; }

#subpage .board > .inner { width: 1200px; margin: 0 auto; min-height: 1000px; border-radius: 20px; box-shadow: 0 4px 14px 0 rgba(103, 139, 218, 0.11); overflow: hidden; padding: 70px 30px; background: #fff; }



/* 게시판 커스텀 */
/* list */
a.btn_admin,.btn_admin {display:inline-block;color:#70ccdb;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#90437B}

.bo_notice td { background:#fff !important; border-bottom:1px solid #f8e6ee; }
#bo_list { margin-bottom: 0; }
#bo_list .td_name { text-align: center !important; }
#bo_list .td_datetime { width: 150px; }
#bo_list .td_subject { padding: 0 20px !important; box-sizing: border-box; }
#bo_list tbody .even td { background: transparent !important; }
#bo_list tbody tr:hover { border-left: 2px solid transparent !important; }

#bo_cate a {border:1px solid #90437B !important;color:#90437B !important; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { background:#90437B !important; color:#fff !important; }
#bo_cate #bo_cate_on {background:#90437B !important; border:1px solid #90437B !important; color: #fff !important;
-webkit-box-shadow:inset 0 0 0 rgb(33, 135, 202) !important;
-moz-box-shadow:inset 0 0 0 rgb(33, 135, 202) !important;
box-shadow:inset 0 0 0 rgb(33, 135, 202) !important}

#bo_list #bo_btn_top #bo_list_total { color: #676e70; font-size: 1.2em; }
#bo_list #bo_btn_top .btn_bo_user {}
#bo_list #bo_btn_top .btn_bo_user > li { background: transparent; }
#bo_list #bo_btn_top .btn_bo_user > li > a:hover,
#bo_list #bo_btn_top .btn_bo_user > li > button:hover { color: #90437B; }

#bo_list .bo_fx .btn_bo_user {}
#bo_list .bo_fx .btn_bo_user > li { background: transparent; }
#bo_list .bo_fx .btn_bo_user > li > a:hover,
#bo_list .bo_fx .btn_bo_user > li > button:hover { color: #90437B; }

#bo_list .tbl_wrap { font-size: 1.5em; background: rgba(255,255,255,0.9); padding: 0 20px; box-sizing: border-box; }
#bo_list .tbl_wrap > table { background: transparent; }


#bo_v { padding: 20px; box-sizing: border-box; margin-top: 0; }


#bo_gall { font-size: 1.2em; }
#bo_gall #bo_btn_top #bo_list_total { color: #676e70; }
#bo_gall #bo_btn_top .btn_bo_user {}
#bo_gall #bo_btn_top .btn_bo_user > li { background: transparent; }
#bo_gall #bo_btn_top .btn_bo_user > li > a:hover,
#bo_gall #bo_btn_top .btn_bo_user > li > button:hover { color: #90437B; }

#bo_gall .bo_fx .btn_bo_user {}
#bo_gall .bo_fx .btn_bo_user > li { background: transparent; }
#bo_gall .bo_fx .btn_bo_user > li > a:hover,
#bo_gall .bo_fx .btn_bo_user > li > button:hover { color: #90437B; }

#bo_gall .gall_text_href { text-align: center; }
#bo_gall .gall_text_href > a { color: #90437B; }


/*view*/
#bo_v { font-size: 1em; background: rgba(255,255,255,0.9); }
#bo_v #bo_v_top .btn_bo_user,
#bo_v #bo_v_top .btn_bo_user > li { background: transparent; }
#bo_v_share { display: none !important; }
#bo_v .sv_member { display: none !important; }
.cmt_btn,
#bo_vc { display: none !important; }
.sub5-qna #bo_vc { display: block !important; }
.cmt_btn span.total { color: #90437B !important; }
.cmt_btn span.total:after { background: #90437B !important; }

#bo_v_title .bo_v_tit { text-align: center; }


/*write*/
#bo_w {}
#bo_w .bo_w_info .frm_input { height: 50px; font-size: 1.2em; }
#bo_w .bo_w_tit .frm_input { height: 50px; font-size: 1.2em; }
#bo_w .write_div {}
#bo_w .write_div #wr_content{ padding: 20px; font-size: 1.2em; }

/*paging*/
.pg_wrap { width: 100%; float: none; display: flex; justify-content: center; }
.pg_wrap .pg_current { background: #90437B; border: 0; color: #fff; box-shadow: 0px 0px 4px 0px #FFF; }
.pg_start,
.pg_page,
.pg_end { background-color: #000; border: 0; }