@charset "utf-8";
#subpage { width: 100%; overflow: hidden; position: relative; padding-top: 0; min-height: 100vh; background: #000; }

#subpage .contents { position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px; overflow: hidden; }
#subpage .contents > img { width: 100%; }

#subpage.sub2-1 { padding: 400px 0 287px; background: url('../img/21-bg.webp') center top/100% no-repeat; }
#subpage.sub2-1 .contents .program { width: 1200px; background: #fff; margin: 0 auto; border-radius: 20px; padding: 90px 80px; }
#subpage.sub2-1 .contents .program .title { font-size: 70px; font-family: 'Gmarket Sans'; font-weight: 600; color: #190081; text-align: center; line-height: 1; }
#subpage.sub2-1 .contents .program .tab-btn { display: flex; margin-top: 50px; gap: 10px; }
#subpage.sub2-1 .contents .program .tab-btn > li { display: flex; justify-content: center; align-items: center; flex-direction: column; flex: 1 1 0; border-radius: 6.657px; border: 1px solid #b5b5b5; height: 153px; display: flex; justify-content: center; align-items: center; flex: 1 0 0; color: #332e47; font-family: Pretendard; font-size: 47px; font-weight: 700; line-height: normal; cursor: pointer; }
#subpage.sub2-1 .contents .program .tab-btn > li.on { background: #7b4a98; color: #fff; }
#subpage.sub2-1 .contents .program .tab-btn > li > span:nth-of-type(2) { font-size: 27px; }

#subpage.sub2-1 .contents .program > div { display: flex; justify-content: center; margin-top: 70px; gap: 50px; }
#subpage.sub2-1 .contents .program > div > p { display: flex; align-items: center; gap: 20px; }
#subpage.sub2-1 .contents .program > div > p > span { font-size: 43px; font-weight: 700; }

#subpage.sub2-1 .contents .program .tab-content { width: 972px; margin: 50px auto 0; }
#subpage.sub2-1 .contents .program .tab-content > li { visibility: hidden; height: 0; }
#subpage.sub2-1 .contents .program .tab-content > li.on { visibility: visible; height: auto; }
#subpage.sub2-1 .contents .program .tab-content > li > img { width: 100%; }

#subpage.sub2 .snb { display: flex; justify-content: center; gap: 90px; margin-bottom: 40px; }
#subpage.sub2 .snb > li { }
#subpage.sub2 .snb > li > a { font-size: 49px; font-weight: 700; font-family: 'Gmarket Sans'; color: #a3a1ef; }
#subpage.sub2 .snb > li.on > a { color: #fff; text-decoration: underline!important; text-underline-offset: 15px; }

#subpage.sub2 .popup { position: fixed; left: 0; top: 0; width: 100%; height: 0; background-color: rgba(0,0,0,0.8); z-index: -1; }
#subpage.sub2 .popup .close { display: flex; align-items: center; position: fixed; right: 30px; top: 35px; color: #fff; gap: 28px; cursor: pointer; }
#subpage.sub2 .popup .close > span { font-size: 55px; font-weight: 800; }
#subpage.sub2 .popup .close > svg { width: 138px; }
#subpage.sub2 .popup .img { width: 100%; height: 100vh; overflow-y: scroll; padding: 185px 0; display: flex; flex-direction: column; align-items: center; }
#subpage.sub2 .popup .img > p { width: 1200px; visibility: hidden; }
#subpage.sub2 .popup .img > p > img { width: 100%; }

#subpage > .board { position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px; min-height: 100vh; overflow: hidden; padding: 400px 0 286px; background: url('../img/21-bg.webp') top center/100% no-repeat #000; }

#subpage > .board .snb { display: flex; justify-content: center; gap: 90px; margin-bottom: 40px; }
#subpage > .board .snb > li { }
#subpage > .board .snb > li > a { font-size: 49px; font-weight: 700; font-family: 'Gmarket Sans'; color: #a3a1ef; }
#subpage > .board .snb > li.on > a { color: #fff; text-decoration: underline!important; text-underline-offset: 15px; }

#subpage > .board .inner-wrap { position: relative; z-index: 1; }
#subpage > .board .inner-wrap #bo_gall { background: rgba(0,0,0,0.8); border-radius: 20px; padding: 50px; }
#subpage > .board .inner-wrap #bo_list { background: #fff; border-radius: 20px; padding: 50px; }

#subpage > .board .inner-wrap .channel { width: 1200px; background-color: #fff; border-radius: 20px; padding: 90px 0; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px; }
#subpage > .board .inner-wrap .channel > p { font-size: 70px; font-weight: 700; color: #190081; font-family: 'Gmarket Sans'; line-height: 1; text-align: center; }
#subpage > .board .inner-wrap .channel > ul { width: 972px; margin-top: 50px; }
#subpage > .board .inner-wrap .channel > ul > li { cursor: pointer; }
#subpage > .board .inner-wrap .channel > ul > li~li { margin-top: 30px; }
#subpage > .board .inner-wrap .channel > ul > li > a > img, #subpage > .board .inner-wrap .channel > ul > li > img { width: 100%; }
#subpage > .board .inner-wrap .channel > div { width: 1125px; margin-top: 65px; }
#subpage > .board .inner-wrap .channel > div > img { width: 100%; }

@media screen and (max-width: 1260px) {
}

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

.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: #fff!important; }
#bo_list tbody tr:hover { border-left: 2px solid #fff!important; }

#bo_cate a { border: 1px solid #1d5f35!important; color: #1d5f35!important; }
#bo_cate a:active, #bo_cate a:focus, #bo_cate a:hover { background: #1d5f35!important; color: #fff!important; }
#bo_cate #bo_cate_on { background: #1d5f35!important; border: 1px solid #1d5f35!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.5em; }
#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: #fff; }

#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: #fff; }

#bo_list .tbl_wrap { font-size: 1.5em; background: #fff; padding: 40px 20px; box-sizing: border-box; }
#bo_list .tbl_wrap > table { background: #fff; }

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

#bo_gall #bo_btn_top #bo_list_total { color: #676e70; font-size: 1.5em; }
#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: #fff; }

#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: #fff; }

#bo_gall .gall_text_href > a { color: #fff; }

/*view*/
#bo_v { font-size: 1.2em; }
#bo_v_share { display: none!important; }
#bo_v .sv_member { display: none!important; }
.cmt_btn { display: none!important; }
.cmt_btn span.total { color: #1d5f35!important; }
.cmt_btn span.total:after { background: #1d5f35!important; }

/*paging*/
.pg_wrap { width: 100%; float: none; display: flex; justify-content: center; }
.pg_wrap .pg_current { background: #003da5; border: 0; }

@media (max-width: 1240px) {
  #bo_gall { font-size: 2.8em; }
  #bo_cate li { margin-right: 10px; }
  #bo_cate a { padding: 15px 40px; }
  #bo_list { font-size: 2.8em; }
  #bo_v { font-size: 2em; }
  #bo_list .td_num { width: 80px; }
  #bo_list .td_num2 { width: 100px; }
  #bo_list .td_datetime { width: 250px; }
  #bo_list .tbl_head01 td { padding: 30px 5px; }
}