@charset "utf-8";


/*------------------------------------
    List : 리스트 페이지
------------------------------------*/
.basic_list_block{ border-top:2px solid #222; }
.basic_list_wrap{ padding:25px 0; background:rgba(255,255,255,0.5); border-bottom:1px solid #ddd; }
.basic_list_wrap a{ display:table; width:100%; }
.basic_list{ overflow:hidden; display:table-row; }
.basic_list li{ position:relative; display:table-cell; text-align:center; vertical-align:middle; }

.basic_list .board_delete_btn{ width:5%; }
.basic_list .board_delete_btn:after{ position:absolute; right:0; top:50%; content:''; width:1px; height:52px; margin-top:-26px; background:#ddd; }
.board_date{ width:13%; }
.board_date:after{ position:absolute; right:0; top:50%; content:''; width:1px; height:52px; margin-top:-26px; background:#ddd; }
.board_date strong{ display:block; font-weight:500; font-size:48px; line-height:52px; font-family:'Roboto','Noto Sans KR'; color:#141414; letter-spacing:-1px; }
.board_date span{ display:block; font-weight:300; font-size:15px; color:#555; font-family:'Roboto','Noto Sans KR'; }
.basic_list .board_contents_title{ /* width:87%; */ padding:0 4%; text-align:left; }
.basic_list .board_contents_title h2{ z-index:2; position:relative; padding:10px 70px 10px 0; font-weight:500; font-size:22px; line-height:32px; font-family:'Roboto','Noto Sans KR'; color:#242424; word-break:keep-all; }
.basic_list .board_contents_title h2{ /* text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; */ }
.basic_list .board_contents_title h2{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.basic_list .board_contents_title h2 img{ margin-right:3px; vertical-align:3px; }
.basic_list .board_contents_title h2 strong{ font-weight:500; color:#3E4293; font-family:'Roboto','Noto Sans KR'; }
.basic_list:hover .board_contents_title h2{ color:#141414; }
.basic_list .board_view_btn{ position:absolute; right:0; top:50%; margin-top:-19px; }
.basic_list .board_view_btn{ overflow:hidden; display:inline-block; height:38px; width:38px; padding:11px 11px 9px; border:1px solid #ddd; }
.basic_list .board_view_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.basic_list .board_view_btn i{ display:inline-block; float:right; position:relative; width:14px; height:14px; }
.basic_list .board_view_btn i:before{ display:block; position:absolute; left:50%; top:0; content:''; width:2px; height:100%; margin-left:-1px; background:#9f9f9f; }
.basic_list .board_view_btn i:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.basic_list .board_view_btn i:after{ display:block; position:absolute; right:0; top:50%; content:''; width:100%; height:2px; margin-top:-1px; background:#9f9f9f; }
.basic_list .board_view_btn i:after{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.basic_list:hover .board_view_btn{ border-color:#48485b; }
.basic_list:hover .board_view_btn i:before{ background:#48485b; }
.basic_list:hover .board_view_btn i:after{ background:#48485b; }

.list_notice_check .board_date strong{ color:#3E4293; font-family:'Roboto','Noto Sans KR'; }
.list_notice_check .board_date span{ color:#3E4293; }

/*리스트 검색*/
.cs_search_wrap{ padding:0; text-align:center; }
.cs_search_wrap:after{ display:block; content:''; clear:both; }
.cs_search_wrap form{ display:inline-block; }
.cs_search_wrap input[type=text]{ float:left; width:240px; padding:0 10px; margin:0 5px; height:35px; border:1px solid #ddd; }
.cs_search_wrap input[type=submit]{ min-width:95px; background:#f8f8f8; color:#555; border:solid 1px #ddd; font-size:14px; line-height:33px; }
.cs_search_wrap .select{ float:left; padding:0 5px; height:35px; width:110px; border:1px solid #ddd; }

/* 등록 게시글 없음 */
.board_none{ padding:25px 0; background:rgba(255,255,255,0.5); border-bottom:1px solid #ddd; text-align:center; }

/*------------------------------------
    view : 뷰 페이지
------------------------------------*/
.basic_view_block{ border-top:2px solid #222; text-align:center; }

/* 뷰페이지 헤더 : 타이틀, 날짜 */
.basic_view_head_wrap{ display:table; padding:25px 0; width:100%; border-bottom:1px solid #ddd; background:rgba(255,255,255,0.5); }
.basic_view_head{ display:table-row; padding:25px 0; }
.basic_view_head li{ position:relative; display:table-cell; vertical-align:middle; }
.basic_view_head li.basic_view_subject{ width:87%; }
.basic_view_head li.basic_view_subject h2{ padding:0 4.5%; font-size:26px; font-weight:500; line-height:36px; font-family:'Roboto','Noto Sans KR'; color:#333; text-align:left; }
.basic_view_head li.basic_view_subject h2{ /* max-width:900px; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; */ }
.basic_view_head > p{ font-weight:400; color:#555; }

/* 첨부파일 */
.board_file_wrap{ background:rgba(255,255,255,0.5); }
.board_file{ }
.board_file li{ overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd; }
.board_file li span{ display:block; float:left; width:13%; font-weight:300; font-size:14px; color:#777; font-family:'Roboto','Noto Sans KR'; }
.board_file li a{ display:block; padding:0 3.7%; float:left; text-align:left; font-size:14px; color:#666; font-family:'Roboto','Noto Sans KR'; }

/* 첨부파일 이미지 미리보기 */
.board_file_view{ margin-bottom:30px; }

/* prev, next 버튼 */
/* .prev_next_btn{ overflow:hidden; }
.prev_next_btn img{ display:none; }
.prev_next_btn p{ position:relative; float:left; display:block; }
.prev_next_btn p a{ position:relative; display:block; padding:0 16px; height:35px; font-size:0; color:rgba(255,255,255,0.8); border-radius:3px; border:1px solid #48485b; background:#48485b; }
.prev_next_btn p a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.prev_next_btn p:hover a{ background:#3E4293; border-color:#3E4293; }
.prev_next_btn p a:before{ display:block; content:''; font-weight:400; font-size:13px; line-height:32px; }
.prev_next_btn p a:after{ position:absolute; top:0; content:''; width:5px; height:100%; background:url(/img/arrow_right2.png) no-repeat center; background-size:5px; }
.prev_next_btn .previous{ margin-right:8px; }
.prev_next_btn .previous a{ padding-left:30px; }
.prev_next_btn .previous a:before{ content:'Previous'; }
.prev_next_btn .previous a:after{ left:14px; background:url(/img/arrow_left2.png) no-repeat center; background-size:5px; }
.prev_next_btn .next a{ padding-right:30px; }
.prev_next_btn .next a:before{ content:'Next'; }
.prev_next_btn .next a:after{ right:14px; } */

/* 뷰 컨텐츠 */
.board_view_contents_wrap{ padding:10px 45px 45px; /* background:rgba(255,255,255,0.5); border-bottom:1px solid #ddd; */ text-align:left; }
.board_view_contents_wrap img{ max-width:100%; }
.board_view_contents{ padding-top:30px; }
.board_view_contents > div{ font-size:15px; line-height:24px; color:#333; font-family:'Roboto','Noto Sans KR','Malgun Gothic' !important; }
.view_contents > div, .board_view_contents > div > p, .board_view_contents div span, .board_view_contents div font{ font-family:'Roboto','Noto Sans KR','Malgun Gothic' !important; }
.view_contents img{ max-width:100%; }




/*------------------------------------
    write : 라이트 페이지
------------------------------------*/
.board_write_block{ padding:35px 40px 40px; border-bottom:1px solid #ddd; border-top:2px solid #222; background:rgba(255,255,255,0.5); }

.board_write_wrap{ overflow:hidden; }
.board_write_block .board_write_wrap:nth-child(2n){ background:#fdfdfd; }

/* 공지글 체크 */
.notice_check{ margin-bottom:20px; text-align:right; }
.notice_check label{ font-weight:400; font-size:16px; line-height:28px; color:#333; font-family:'Roboto','Noto Sans KR'; }
.notice_check label:hover{ color:#141414; }
.notice_check label b{ font-weight:500; }
.notice_check label input{ vertical-align:-1px; }

/* 비밀글 체크 */
.privacy_check{ margin-bottom:20px; text-align:right; }
.privacy_check label{ font-weight:400; font-size:16px; line-height:28px; color:#333; }
.privacy_check label:hover{ color:#141414; }
.privacy_check label b{ font-weight:500; }
.privacy_check label input{ vertical-align:-1px; }

.info_title{ padding-bottom:15px; }
.info_title h5{ position:relative; font-weight:500; font-size:22px; line-height:32px; color:#242424; text-align:center; }

.col{ position:relative; overflow:hidden; padding:7px 0; }
.col li{ position:relative; }
.col li.col_title{ position:absolute; left:0; top:7px; width:140px; }
.col li.col_title b{ position:relative; display:block; font-weight:500; font-size:17px; line-height:40px; font-family:'Roboto','Noto Sans KR'; color:#333; text-transform:capitalize; }
.col li.col_title b.essential:before{ display:inline-block; margin-right:5px; content:'*'; font-weight:400; color:#d81d31; vertical-align:-2px; }
.col li.col_title b i{ font-style:normal;  line-height:40px; font-family:'Roboto','Noto Sans KR'; }
.col li.col_contents{ padding-left:140px; }

.col_3_wrap{ overflow:hidden; }
.col_3_wrap .col{ float:left; width:30%; margin-left:5%; }
.col_3_wrap .col:first-child{ margin-left:0; }

.infoTxt{ position:absolute; right:0; top:0; height:40px; padding:0 20px; border:1px solid #ddd; font-weight:400; font-size:13px; line-height:40px; background:#fff; color:#555; }
.infoTxt2{ display:block; padding-top:10px; font-size:13px; line-height:20px; color:#555; }
.infoTxt2 i{ display:none; }

.btn_video_wrap{ position:absolute; right:0; top:0; height:40px; text-align:center; border:none; }
.btn_video_wrap a{ display:block; padding:0 20px; font-weight:400; font-size:15px; line-height:40px; background:#48485b; color:rgba(255,255,255,0.8); }
.btn_video_wrap a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.btn_video_wrap a:hover{ background:#3E4293; color:#fff; }

.form-control{ width:100%; height:40px; padding:0 10px; border:1px solid #ddd; font-weight:300; font-size:14px; line-height:40px; color:#555; }

.upfile_block{ /* height:54px; */ margin-top:5px; }
.upfile_wrap{ overflow:hidden; }
.upfile_wrap .btn_file{ float:left; width:15%; font-weight:400; font-size:15px; line-height:40px; color:#fff; background:#555; text-align:center; }
.upfile_wrap .btn_file{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.upfile_wrap{ }
.upfile_wrap:hover .btn_file{ background:#48485b; }
.upfile_wrap .filename{ float:left; width:85%; padding-right:70px; }
.upfile_wrap .upfilebtn{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

.upfile_delete_btn{ position:absolute; right:15px; top:8px; color:#555; }
.upfile_delete_btn:hover{ color:#333; }
.upfile_delete_btn input[type="checkbox"]{ vertical-align:-2px; }

.confirm_btn_wrap{ margin-top:40px; text-align:center; }
.confirm_btn_wrap .btn{ width:170px; font-size:18px; font-weight:500; line-height:46px; }
.confirm_btn_wrap input[type="submit"].btn{ background:#48485b; border-color:#48485b; border-radius:0; cursor:pointer; }

.board_write_wrap textarea{ width:100%; padding:5px 10px; background:#fff; border:1px solid #ddd; min-height:132px; margin:0 auto; font-weight:300; font-size:14px; line-height:24px; }



/*------------------------------------
    패스워드
------------------------------------*/
.board_passwd_block{ padding:90px 0 ; border-top:2px solid #222; border-bottom:1px solid #ddd; background:rgba(255,255,255,0.5); text-align:center; }


@media (max-width:1200px){


/*------------------------------------
    write : 라이트 페이지
------------------------------------*/

.board_write_block{ padding:30px 35px 35px; }

.col li.col_title{ width:120px; }
.col li.col_title b{ font-size:15px; line-height:38px; }
.col li.col_title b i{ line-height:38px; }
.col li.col_contents{ padding-left:120px; }
.infoTxt{ height:38px; font-size:12px; line-height:38px; }

.form-control{ height:38px; line-height:38px; font-size:13px; }
.col_contents select{ height:38px; line-height:38px; font-size:13px; }

.upfile_wrap .btn_file{ font-size:13px; line-height:38px; }


/*------------------------------------
    view : 뷰 페이지
------------------------------------*/
.board_view_contents_wrap{ padding:15px 35px 35px; }

.board_date strong{ font-size:44px; line-height:48px; }
.board_date span{ font-size:14px; }

.basic_view_head li.basic_view_subject h2{ font-size:22px; line-height:30px; }

.board_view_contents{ padding-top:30px; }
.board_view_contents > div{ font-size:14px; line-height:22px; }

.board_file li span{ font-size:13px; }
.board_file li a{ font-size:13px; }

/*------------------------------------
    List : 리스트 페이지
------------------------------------*/


}

@media (max-width:999px){


/*------------------------------------
    write : 라이트 페이지
------------------------------------*/

.board_write_block{ margin-top:-5px; padding:0; border:0; background:none; }

.col{ padding:5px 0; }
.col li.col_title{ position:relative; left:auto; top:auto; width:100%; }
.col li.col_title b{ margin-bottom:3px; font-size:13px; line-height:22px; }
.col li.col_title b i{ line-height:24px; }
.col li.col_contents{ padding-left:0; }
.infoTxt{ position:relative; right:auto; top:auto; display:block; padding:5px 0 0 0; height:auto; border:none; background:none; font-size:11px; line-height:18px; }

.form-control{ height:34px; padding:0 5px; line-height:34px; font-size:12px; }
.col_contents select{ height:34px; padding:0 5px; line-height:34px; font-size:12px; }
.upfile_block{ margin-top:0; }
.upfile_wrap .btn_file{ width:20%; font-size:11px; line-height:34px; }
.upfile_wrap .filename{ width:80%; }

/* 공지글 체크 */
.notice_check{ margin-bottom:10px; }
.notice_check label{ font-size:13px; }

/*------------------------------------
    view : 뷰 페이지
------------------------------------*/
.basic_view_head_wrap{ padding:20px 0; }

.board_view_contents_wrap{ padding:1px 0 0 0; background:none; border-bottom:0; }
.basic_view_head li.basic_view_subject h2{ padding:0 15px; font-size:14px; line-height:22px; word-break:keep-all; }
.board_date{ width:80px; }
.board_date:after{ height:42px; margin-top:-21px; }
.board_date strong{ font-size:36px; line-height:38px; }
.board_date span{ font-size:11px; line-height:12px; }
.board_date > img{ max-height:54px; }
.basic_view_head li.basic_view_subject{ width:auto; }

.board_view_contents{ padding-top:20px; }
.board_view_contents > div{ font-size:12px; line-height:20px; }

.board_view_contents_wrap .board_btn{ text-align:center; }
.board_view_contents_wrap .board_btn li{ /* float:none; */ text-align:center; }
.board_view_contents_wrap .board_btn li a:first-child{ margin-left:0; }
.board_view_contents_wrap .board_btn li a{ float:none; display:inline-block; }

.board_btn li.prev_next_btn{ height:31px; /* margin-bottom:10px; float:none; */ }
.prev_next_btn p{ float:none; height:31px; display:inline-block; }
.prev_next_btn p a{ height:31px; padding:0 10px; }
.prev_next_btn p a:before{ font-size:12px; line-height:30px; }

.prev_next_btn .next a{ padding-right:20px; }
.prev_next_btn .next a:after{ right:8px; background-size:4px; }
.prev_next_btn .previous{ margin-right:5px; }
.prev_next_btn .previous a{ padding-left:20px; }
.prev_next_btn .previous a:after{ left:8px; background-size:4px; }

.board_file li{ padding:7px 0; }
.board_file li span{ float:none; width:100%; font-size:11px; }
.board_file li a{ float:none; width:100%; font-size:11px; text-align:center; }


/*------------------------------------
    List : 리스트 페이지
------------------------------------*/
.basic_list_wrap{ padding:20px 0; }
.basic_list .board_delete_btn{ width:30px; }
.centerWrap .checkbox i{ width:13px; height:13px; }
.basic_list .board_contents_title{ padding:0; }
.basic_list .board_contents_title h2{ padding:0 15px; font-size:14px; line-height:22px; word-break:keep-all; }
.basic_list .board_view_btn{ display:none; }

.board_btn li.list_delete_select{}

.cs_search_wrap .select{ height:28px; width:60px; font-size:11px; }
.cs_search_wrap input[type="text"]{ height:28px; width:120px; font-size:11px; }
.cs_search_wrap input[type="submit"]{ min-width:50px; font-size:11px; line-height:26px; }

.basic_list .board_delete_btn:after{ height:42px; margin-top:-21px; }

.basic_list .board_contents_title h2 img{ margin-right:2px; vertical-align:0; }

/* 겔러리 리스트 : 이미지 */
.board_list_gallery{ margin-top:-15px; }
.board_list_gallery li{ margin:15px 0 0 2% !important; }
.board_list_gallery li:nth-child(2n+1){ margin-left:0 !important; }
.board_list_gallery li.col_3{ width:49%; }
.board_list_gallery li.col_4{ width:49%; }
.board_list_gallery li.col_5{ width:49%; }
.board_list_gallery li.col_6{ width:49%; }

.gallery_title{ padding-top:8px; font-size:12px; line-height:16px; text-align:left; }

}