@charset "UTF-8";
@import url('/design/common/css/PretendardVariable.css');

:root {
  --p_color : #005db6;
  --border-radius:20px;
  --padding:40px;
  --btn-padding:7px 15px;
}

.hidden {position:absolute; left:-9999rem;}

.board_search {display:flex; align-items:center;justify-content:center;}
.board_search * {display:block; margin:3px;}
.board_search input[type="text"],
.board_search input[type="date"],
.board_search select,
.board_search button {height:40px; border:1px solid #ccc;}
.board_search select {padding:0 10px; width:100px !important; flex-shrink:0;}
.board_search input[type="text"],
.board_search input[type="date"] {padding:0 10px;}
.board_search button {padding:var(--btn-padding); border:0; background:#333; color:#fff; font-size:16px;}
.board_search.type2 > div {display:flex; align-items:center;}
.board_search.type2 > div .label {font-weight:600; font-size:17px; margin:0 18px; position:static;}

/*게시판버튼*/
.confirm a,
.modify_f_btn > *,
.board_btn_write a,
.btn_board a,
.btn_board button {font-size:16px !important; font-family:'Pretendard Variable', '맑은 고딕', sans-serif !important; letter-spacing:-0.5px; vertical-align:middle; display:inline-block; margin:2px; height:40px; line-height:40px !important; padding:var(--btn-padding); padding-top:0; padding-bottom:0; border:0; background:#333; color:#fff !important;}
.btn_board {overflow:hidden; clear:both;}
.btn_board_left2 {float:left; display:flex; margin:0 -2px;}
.btn_board_left2 a:first-child {background:#005db6;}
.btn_board_right {float:right; display:flex; margin:0 -2px;}
.board_btn_write {text-align:right;}
.board_btn_write,
.btn_board {margin:20px 0 40px;}
.btn_board .bg {background:#005db6;}

/*목록*/
.board_list {clear:both; border-top:2px solid #222; width:100%;}
.board_list * {line-height:1.5 !important; font-size:17px !important; font-family:'Pretendard Variable', '맑은 고딕', sans-serif !important;}
.board_list colgroup {display:none;}
.board_list thead th {padding:13px 20px; border-bottom:1px solid #222; text-align:center;}
.board_list tbody tr {border-bottom:1px solid #ddd;}
.board_list tbody td {padding:13px 20px; text-align:center; word-break:break-all;}
.board_list tbody td.b_title {text-align:left; line-height:1.5;}
.board_list tbody td a:hover {text-decoration:underline;}
.board_list .notice {background:#323232; color:#fff; font-size:15px; padding:5px 7px;}

/*갤러리게시판*/
.gallery_list * {line-height:1.5 !important; font-size:17px !important; font-family:'Pretendard Variable', '맑은 고딕', sans-serif !important; box-sizing:border-box;}
.gallery_list > ul {display:flex; flex-wrap:wrap; margin:-10px;}
.gallery_list > ul > li {width:calc(33.333% - 20px); margin:10px; border:1px solid #e7e7e7; border-radius:10px;}
.gallery_list > ul > li.no_list {width:100%; border:0; padding:20px 0; text-align:center;}
.gallery_list > ul > li > a {display:block; padding:25px;}
.gallery_list > ul > li > a > div {text-align:center;}
.gallery_list > ul > li > a > div img {height:248px; object-fit:cover; display:block; width:100%; margin:0 auto; border-radius:6px;}
.gallery_list .title {padding:20px 0 7px; font-size:20px; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; /*margin-left:-10px;*/}
/* .gallery_list .title img {display:none;} */
.gallery_list .info {color:#333; font-size:16px;}
.gallery_list .user {padding:0 20px 20px 20px;}
.gallery_list .user a {background:var(--blue); display:block; border-radius:6px; color:#fff; font-size:14px; text-align:center; text-transform:uppercase; padding:6px; letter-spacing:0.4px;}

/*동영상갤러리*/
.mov_warp .mov iframe { height:500px;  }
.mov_warp .mov_discription {text-align:center; font-size:20px; font-weight:600; margin:20px 0 30px; }
.gallery_wrap {display:flex; flex-wrap:wrap; gap:20px; }
.gallery_wrap .gallery {width:calc((100% - 60px)/4);  }
.gallery_wrap .gallery a {display:block; }
.gallery_wrap .gallery img {width:100% !important; height:auto !important; }
.gallery_wrap .gallery .pg_suj { display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 25px; max-height:50px; overflow:hidden; }

/*보기*/
.write_wrap * {line-height:1.5 !important; font-size:17px !important; font-family:'Pretendard Variable', '맑은 고딕', sans-serif !important;}
.write_wrap .tle_wrap3 {display:flex; align-items:center; justify-content:space-between; padding:20px;}
.write_wrap .tle_left3 {font-weight:600; font-size:21px; line-height:1.5; padding-right:40px;}
.write_wrap .tle_right2 {font-size:16px; color:#4f4f4f; letter-spacing:0; flex-shrink:0; flex-grow:0;}
.write_wrap .tle_wrap,
.write_wrap .tle_wrap2 {padding:20px 10px; background:#f6f6f6; display:flex; font-size:17px; color:#4f4f4f;}
.write_wrap .tle_left_r {font-weight:600; margin:0 13px;}
.write_wrap .tle_right,
.write_wrap .tle_file_right {margin:0 20px 0 0;}
.write_wrap .count {display:flex;}
.write_wrap .tle_wrap2 {display:flex; border-top:1px solid #ddd;}
.write_wrap .tle_file {margin:-2px 0;}
.write_wrap .tle_file a {display:inline-block; margin:2px 0; color:#4f4f4f;}
/*.write_wrap .tle_file img {display:none;}*/
.write_wrap .tle_file .blank {display:inline-block;}
.write_wrap .tle_file .blank:before {content:'['}
.write_wrap .tle_file .blank:after {content:']'}
.write_wrap .write_ctn_wrap {padding:var(--padding); border-bottom:1px solid #ddd;}
.write_wrap .write_ctn_wrap img,
.write_wrap .write_ctn_wrap video {display:block; margin:0 auto; max-width:100% !important; height:auto !important;}
.nextprew {border-top:2px solid #222; margin-bottom:60px;}
.nextprew ul li {border-bottom:1px solid #ddd; padding:15px 20px; display:flex; align-items:center; font-size:17px;}
.nextprew ul li span:first-child {display:inline-block; font-weight:600; text-transform:uppercase; font-size:16px; letter-spacing:0; position:relative; margin-right:40px; padding-left:25px; flex-shrink:0; flex-grow:0;}
.nextprew ul li span:last-child {width:100%;}
.nextprew ul li span a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:95%;}
.nextprew_next:before {content:''; position:absolute; top:10px; left:0; width:0; height:0; border-style:solid; border-width:0px 5px 6px 5px; border-color:transparent transparent #323232 transparent;}
.nextprew_prev:before {content:''; position:absolute; top:10px; left:0; width:0; height:0; border-style:solid; border-width:6px 5px 0px 5px; border-color:#323232 transparent transparent transparent;}
/*홍보영상*/
.video_box .video_btn {display:none;}
.video_box .close {display:none;}
.video_box .video_txt {border:1px solid #ddd; padding:var(--padding); height:300px; overflow-y:auto;}
/*갤러리*/
.gallery_viewimg { padding:var(--padding) var(--padding) 10px; }
.gallery_thum { display:flex; flex-wrap:wrap; gap:10px; padding:0 var(--padding) var(--padding); }
.gallery_thum li { width:calc((100% - 50px)/6); }
.gallery_thum li a { position:relative; display:block; cursor:pointer; }
.gallery_thum li.present a::before { content:''; position:absolute; left:0; top:0; width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid var(--p_color); }
.gallery_thum li a img { width:100% !important; height:auto !important; }
#photo-ctn { padding-bottom:20px; }

/*쓰기*/
.write_wrap2 * {line-height:1.5 !important; font-family:'Pretendard Variable', '맑은 고딕', sans-serif !important; font-size:17px !important;}
.write_wrap2 img {display:none;}
.write_wrap2 input[type="file"],
.write_wrap2 input[type="text"],
.write_wrap2 input[type="password"],
.write_wrap2 select,
.write_wrap2 textarea {height:50px; width:calc(100% - 6px) !important; padding:0 10px; margin:3px; border:1px solid #ccc;}
.write_wrap2 input[type="file"] {padding:0 8px; line-height:50px !important;}
.write_wrap2 input[type="checkbox"] {margin:0 7px;}
.write_wrap2 input[type="checkbox"]+label {display:inline-block; margin-right:15px;}
.write_wrap2 input[type="radio"] {margin:0 7px;}
.write_wrap2 input[type="radio"]+label {display:inline-block; margin-right:15px;}
.write_wrap2 textarea {height:300px; padding:10px;}
.write_wrap2 > div > p {margin:5px 0; min-height:50px; display:flex; align-items:center; flex-wrap:wrap;}
.write_wrap2 .tle_wrap,
.write_wrap2 .tle_wrap2 {display:flex; flex-wrap:wrap; align-items:center;}
.write_wrap2 .tle_left,
.write_wrap2 .tle_left2 {width:200px; flex-shrink:0; flex-grow:0;}
.write_wrap2 .tle_left label,
.write_wrap2 .tle_left2 label,
.write_wrap2 .write_ctn_wrap label {font-weight:600; padding-left:5px;}
.write_wrap2 .tle_right {width:calc(100% - 200px); position:relative;}
.write_wrap2 .write_ctn_wrap > div {display:flex; align-items:center;}
.write_wrap2 .write_ctn_wrap > div label {width:200px; flex-shrink:0; flex-grow:0; padding-left:5px;}
.write_wrap2 .write_ctn_wrap > div textarea {width:calc(100% - 200px);}
.write_wrap2 .fnt11 {font-size:16px; position:absolute; right:20px;}
.write_wrap2 .pos {flex-wrap:nowrap;}
.write_wrap2 .pos label {padding:0 20px 0 6px;}
.write_wrap2 .pos input[type="text"] {margin-right:20px;}
.write_ctn_wrap {position:relative; padding-bottom:16px;}
.write_ctn_wrap .ce-resize-bar {margin-left:205px;}
#bod_isNotice+label+label { margin-right:20px;}
#bod_startDate,
#bod_endDate {width:200px !important;}

/*비밀번호입력*/
.modify_wrap {background:#fff; max-width:450px; margin:0px auto 60px; text-align:center; padding:var(--padding); padding-top:220px; box-shadow:0 0 20px rgba(0,0,0,0.05); border-radius:var(--border-radius); position:relative;}
.modify_wrap * {font-family:'Pretendard Variable', '맑은 고딕', sans-serif !important;}
.modify_wrap:before {content:''; position:absolute; top:40px; left:50%; width:184px; height:148px; background:url('/design/common/img/board.png') no-repeat 0 0/200% auto; margin-left:-92px;}
.modify_wrap .modify_f {font-size:31px; font-weight:700; line-height:1.4; margin:0 0 10px; letter-spacing:-0.02em;}
.modify_wrap .input_box p {font-size:17px; margin:5px 0; line-height:1.5;}
.modify_wrap input[type="password"] {height:44px; padding:0 10px; margin:20px 0; width:60% !important; border:1px solid #ccc;}
.modify_f_btn > *:first-child {background:var(--p_color)}