@charset "utf-8";


.board_1, .board_1_write {margin-top:20px; border-top:2px solid #BABABA}
.board_1 {margin-top:45px;}
.board_1 * {vertical-align:middle; box-sizing:border-box;}
.board_1 th {height:42px; text-align:center; background:#f4f4f4 ; color:#444444;  border-bottom:1px solid #dddddd; }
.board_1 th.no{background:#f4f4f4}
.board_1 .board_post.fixed { background-color:#f1f2f4; }
.board_1 td {padding:0.5rem; text-align:center; border-bottom:1px solid #dddddd; }
.board_1 td.title {text-align:left;}
.board_1 td.title a {color:#444444;}
.board_1 td.title .c_tot { font-size:0.8em; color:#ff8000; }
.board_1 td.title .new_post { display:inline-block; width:12px; height:12px; margin:2px 5px; vertical-align:middle; background-image:url('/_master/image/ico_new.svg'); background-size:100%; }
.board_1 .category_title { color:#999; }
.board_1 .category_title:before { content:'['; color:#999; }
.board_1 .category_title:after { content:']'; color:#999; }
.board_1 a {font-weight:bold}
.board_1 a:hover {text-decoration: underline}
.board_1_bottom { position:relative; padding:10px 0; text-align:center; }
.board_1_bottom p {text-align:right; margin-right:2px}
.bbs_search_button .btn_search {width:auto; height:2rem; padding:0 2rem; line-height:2rem; background:#787878; color:#fff; border-radius:2px;}
.board1_search { padding:10px 15px; background:#f7f7f7; }
.board1_search * {box-sizing:border-box}
.board1_search p {display:inline-block; vertical-align:middle;}
.board1_search select {height:2rem; padding:2px; border:1px solid #bababa }

.bbs_search_wrap { width:100%; }
.bbs_search_text input[type=text], .bbs_search_text input[type=password] {height:2rem; padding:2px; border:1px solid #BABABA;}
.board_list_result { padding: 10px 15px; }
.board_list_result:after { content:''; display:table; clear:both; }
.board_list_result .search-result { float:left; }
.board_list_result .num-of-rows { float:right; }
.board_list_result .num-of-rows select {border:1px solid #BABABA;}
.board_1 select {border:1px solid #BABABA; height:20px; line-height: 20px}
.board_1 .btn_1:hover {text-decoration: none}
.board_1_bottom a,
.board_1_bottom b,
.board_1_bottom strong { padding:3px; display:inline-block; vertical-align:middle; }

.board_1_write th, .board_1_write td {height:40px; border-bottom:1px solid #dddddd; vertical-align:middle}
.board_1_write th {background:#f4f4f4; text-align:left}
.board_1_write th label {padding-left:15px}
.board_1_write td * {vertical-align:middle}
.board_1_write td input[type=text], .board_1_write td input[type=password] {border:1px solid #dddddd; margin:0 8px 0 8px; padding:5px}
.board_1_write td input[type=file]{margin:0 8px 0 8px;}
.board_1_write td textarea {border:1px solid #dddddd; margin:10px 0 5px 8px; overflow:auto;}
.board_1_write td input#board_write_secret { border:none; }
.board_1_write .btn_list { border-top:2px solid #b1b1b1; border-bottom:none; text-align:right; height:33px; padding-bottom:15px}
.board_1_write .board_option .title { display:inline-block; box-sizing:border-box; width:auto; padding:0 15px; }
.board_1_write .board_option .item { display:inline-block; margin:0 15px; cursor:pointer; font-size:14px; }
.board_1_write .board_option .item:hover > .i18n { text-decoration:underline; }
.board_1_write .board_content { padding:20px 0; }
.board_1_write .board_write_file {padding:7px 0}
.board_1_write .board_write_file input {margin:7px 0}
.board_1_write .btn_list a {margin-left:3px}
.board_1_write .btn_list input {border:none; margin:-2px 0 0 3px}
.board_1_write .board_write_name th , .board_1_write  tr.board_write_name td{padding-left:15px}


.board_1_view { table-layout:fixed; width:100%; margin:20px 0; }
.board_view_top {padding:1rem 3px; line-height:1.4; border-bottom:2px solid #b1b1b1; font-size:11px;}
.board_view_top .t_r {float:right; text-align:right;}
.board_view_top .t_r > span {display:inline-block; margin-left:13px}
.board_view_top .t_l {float:left}
.board_1_view th {font-size:15px; padding:12px 3px 13px 3px; border-bottom:1px solid #dddddd; background:#f8f8f8 ;}
.board_1_view .board_view_con { padding:25px 15px; border-bottom:1px solid #dddddd;}
.board_1_view .board_view_con > .board-content { min-height:400px; line-height:1.6; }
.board_1_view.list-type-YOUTUBE .board_view_con > .board-content,
.board_1_view.view-type-LIGHTBOX_GRID .board_view_con > .board-content { min-height:auto; min-height:initial; }
.board_1_view .board-video { position:relative; width:100%; height:0; padding-top:56.25%; text-align:center; margin-bottom:1.5rem; }
.board_1_view .board-video > iframe { position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; }

.board_view_con > div img { max-width:100%; }

.board_1_view .board_file {padding:12px 5px;border-bottom:1px solid #dddddd;  line-height: 18px;}
.board_1_view .board_file>strong {display:inline-block;float:left; padding-right:10px; height:12px}
.board_1_view .board_file a:hover {text-decoration: underline}
.board_1_view .board_file div {display:inline-block}
.board_1_view .board_file div>span {display:block; font-size:13px;}


.board_1_view .board_view_btn {text-align:right; padding:7px 3px;}
.board_1_view .board_view_btn .btn1 {background:#ddd;}
.board_1_view .board_view_btn p {float:left}
.board_1_view .board_drafter {background-color:#f8f8f8; padding:0; border:none; font-size:12px; color:#787878}

.board_1_comment { line-height:24px; }
.board_1_comment * { vertical-align:middle; }
.board_1_comment input[type=text],
.board_1_comment input[type=password],
.board_1_comment textarea { padding:4px; border:1px solid #ddd; vertical-align:middle; }
.board_1_comment textarea { width: 100%; height:70px; box-sizing:border-box; }
.board_1_comment label { display:inline-block; vertical-align:middle; }
.board_1_comment label i { color:#f33; }
.board_1_comment .comment_head { padding-top:15px 0; margin-bottom:15px; border-bottom:1px solid #ddd; }
.board_1_comment .comment_head h5 { padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #ddd; line-height:18px;}
.board_1_comment .comment_head .title { font-size:15px; }
.board_1_comment .comment_head .count { display:inline-block; font-size:12px; color:#666; margin-left:10px; }
.board_1_comment .comment_form { border:1px solid #b8b8b8; }
.board_1_comment .comment_user_info { padding:8px 10px 4px 10px; }
.board_1_comment .comment_input_field { display:inline-block; margin-right:4px; }
.board_1_comment .comment_input_field input[type=text],
.board_1_comment .comment_input_field input[type=password] { width:8rem; }
.board_1_comment .comment_function { display:none;position:absolute; top:12px; right:10px; }
.board_1_comment .comment_item:hover .comment_function,
.board_1_comment .comment_item.active .comment_function { display:block; }
.board_1_comment .comment_function .edit_password { display:none; }
.board_1_comment .comment_function .edit_password input { width:60px; }
.board_1_comment .comment_content { padding:4px 10px; }
.board_1_comment .comment_button { padding:4px 10px 8px 10px; text-align:right; }
.board_1_comment .comment_button > div { display:inline-block; text-align:center; }
.board_1_comment .comment_button .comment_captcha { float:left; }
.board_1_comment .comment_count { font-size:16px; color:#666; padding:0 10px; }
.board_1_comment .comment_count .current_count { margin:0; }
.board_1_comment .comment_button #captcha_img { display:inline-block; }
.board_1_comment .comment_button #captcha_img img { height:32px; }
.board_1_comment .comment_button #CMT_CAPTCHA { width:70px;height:16px; padding:7px; font-size:16px; line-height:16px; }
.board_1_comment .comment_button #kaptchaChange { width:60px; height:32px; font-size:0.8rem; }
.board_1_comment .comment_date { padding:4px 10px 8px 10px; }
.board_1_comment .comment_file_container { margin:0 2.5rem; padding:0.25rem 0.75rem; border:1px solid #ddd; background-color:#fafafa; }

.board_1_comment .comment_body { margin-top:10px; }
.board_1_comment .comment_list { position:relative; margin-bottom:15px; border-top:1px solid #ddd; }
.board_1_comment .comment_list > li { position:relative;padding:4px 0; border-bottom:1px solid #ddd; }
.board_1_comment .comment_content { line-height:1.5; }
.board_1_comment .comment_none { padding:40px 0; font-size:15px; text-align:center; }

/*수정부분*/
.board_2 {border-top:2px solid #BABABA; width:100%; line-height: 22px}
.board_2 *{vertical-align:middle}
.board_2 th {height:50px; text-align: left; padding:0 12px; color:#444444;  border-bottom:1px solid #dddddd; background:#f4f4f4 ;}
.board_2 td {border-bottom:1px solid #dddddd; text-align: left; padding:6px 12px;}
.board_2 input[type=text], .board_2 input[type=password] {border:1px solid #d1d1d1; padding:5px; margin-right:5px;}
.board_2 input[type=text]:focus,.board_2 input[type=text]:hover, .board_2 textarea:focus, .board_2 textarea:hover { background-color: #f3f6f9;border-color: #98a7b6; }
.board_2 .tyep4 { display:inline-block; width:22%;}
.board_2 thead th { text-align: center;}
.board_2 th.taC { text-align: center; padding:0; background: #f4f4f4; }
.bl_ddd { border-left:1px solid #dddddd; }
.br_rdd { border-right:1px solid #dddddd; }

ul.board_2 { padding:20px 0; border-bottom:1px solid #dddddd; background:#f4f4f4; }
ul.board_2 li { padding-left:30px; list-style-type:disc; list-style-position: inside; vertical-align:middle; }

.board_search { padding:4px;/*margin-top:15px;*/ }
.board_search .search_item { line-height:20px;margin-bottom:4px;margin-right:4px; }
.board_search select { border:1px solid #bababa; height:22px;padding:1px; }
.board_search input[type=text] { border:1px solid #bababa; height:20px; line-height:20px; padding:0}



table.form ,div.form  {border-top: 2px solid #BABABA;}
table.form td.cat_def {background-color: #f4f4f4; color: #444444;}
div.mod input[type=text], div.mod input[type=password], div.mod textarea {border: 1px solid #d1d1d1;padding: 5px;margin-right: 5px;}
.field ._comment{line-height: 20px}


/* 카테고리 스타일 */
.bbs_category_container { position:relative; padding:10px 0; }
.bbs_category { display:block; }
.bbs_category > li { display:inline-block; margin-right:10px; }
.bbs_category > li a { display:block; padding:5px; }

.bbs_year_container { display:none; position:relative; padding:10px 0; }
.bbs_year { display:block; }
.bbs_year > li { display:inline-block; margin-right:10px; }
.bbs_year > li a { display:block; padding:5px; }

.board1_search .bbs_category_search { display:none; }




.board_gallery {margin:30px auto; font-size:0; }
.board_gallery .article { display:inline-block; box-sizing:border-box; width:33.333333333%; vertical-align:top; text-align:center; }
.board_gallery dl {position:relative; display:inline-block; width:91%;text-align: left; margin:14px auto; background-color:#f3f3f3; box-shadow:0 2px 4px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.12); cursor:pointer; }
.board_gallery dl:hover {background-color:#f7f7f7; }
.board_gallery .imgBox{display:block; width:100%; text-align: center;}
.board_gallery .imgBox > a { display:block; width:100%; height:100%; }
.board_gallery .imgBox > a.hidden { display:none; }
.board_gallery .imgBox img {width:100%; height: 100%; box-shadow:0 2px 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.12); }
/* .board_gallery dl:hover dt .imgBox img {border: 1px solid #CCCCCC} */
.board_gallery dl .imgName { position:relative; font-size:13px; line-height: 20px; padding:16px 12px 12px; font-weight:bold; min-height: 28px; }
.board_gallery dl .category { display:inline-block; color:#666; font-weight:normal; }
.board_gallery dl .category:before { color:#666; content:'['; }
.board_gallery dl .category:after { color:#666; content:']'; }
.board_gallery dl .title { display:block; }
.board_gallery dl .date { color:#666; font-size:11px; font-weight:normal; }

.board_gallery a.first_img { position:relative; display:block; width:100%;; height:auto; height:initial; padding-bottom: 71.42%; }
.board_gallery a.hidden { display:none; }
.board_gallery a > img { position:absolute; display:none; }
.board_gallery a.first_img > img { transition:all 0.3s; }
.board_gallery a.btn_view > img { position:relative; display:block; box-shadow:none; }
.board_gallery a > .img0 { display:block; top:0; left:0; opacity:1; filter:alpha(opacity=100); }
.board_gallery a > .img1 { display:block; top:-2.5%; left:-2.5%; }
.board_gallery a > .img2 { display:block; top:0; left:0; opacity:0.8; filter:alpha(opacity=80); }
.board_gallery a > .img3 { display:block; top:2.5%; left:2.5%; opacity:0.4; filter:alpha(opacity=40); }

.board_gallery dl:hover { z-index:2; }
.board_gallery dl:hover .first_img > .img1 { display:block; top:-7.5%; left:-7.5%; }
.board_gallery dl:hover .first_img > .img2 { display:block; top:0; left:0; opacity:1; filter:alpha(opacity=100); }
.board_gallery dl:hover .first_img > .img3 { display:block; top:7.5%; left:7.5%; opacity:1; filter:alpha(opacity=100); }

.btype_list col.no { width:8%; }
.btype_list col.title { width:auto; }
.btype_list col.writer { width:15%; }
.btype_list col.date { width:18%; }

.btype_summary .board_1 { table-layout:fixed; }
.btype_summary .thumb-container { width:100%; }
.btype_summary .thumb-container img { width:100%; }

.btype_banner .board_1 { table-layout:fixed; }
.btype_banner col.no { width:7%; }
.btype_banner col.thumb { width:7%; }
.btype_banner col.text { width:auto; }
.btype_banner col.writer { width:15%; }
.btype_banner col.date { width:15%; }

.btype_banner .title_img { width:100%; }
.btype_banner .title_img img { max-width:100%; }

.no-article-placeholder { padding-top:50px;padding-bottom:100px; font-size:16px; color:#999; text-align:center; }

.lightbox_grid { position:relative; padding:10px; }
.lightbox_grid:after { display:table; content: ''; clear:both; }
.lightbox_grid .lightbox_grid_item { position:relative; float:left; width:25%; font-size:0; height:140px; text-align:center; }
.lightbox_grid .lightbox_grid_item:before { display:inline-block; width:1px; height: 140px; vertical-align:middle; }
.lightbox_grid .lightbox_grid_item a { position:relative; display:inline-block; width:90%; max-height:14px; }
.lightbox_grid .lightbox_grid_item img { display:block; max-width:100%; max-height:100%; }

/* 갤러리 버튼 추가 [기획팀 요청] */
.gallery-btn { display: flex; justify-content: center; align-items: center; margin-top: 1rem;}
.gallery-btn a{ padding: 0.5rem 1.5rem; border-radius: 0.3rem; background: #3793f1; color: #fff; font-size: 1rem; transition: .2s; }
.gallery-btn a:hover {background: #297ccf; font-weight: 500; transition: .2s;}

/* 비공개게시글 팝업 */

.pass-popup {position: fixed; top: 50%; left: 50%; width: auto; padding: 3rem 4rem; background: #fdfdfd; border: solid 1px #b3b3b3; transform: translate(-50%, -50%);}
.pass-popup div { display: flex; align-items: center; }
.pass-popup #bPassword { margin: 0rem 1rem; padding: 0.2rem 0.5rem; border: solid 1px #ddd;}
.pass-popup .btn{ padding: 0.2rem 0.76rem; border: none; background: #3b96f3; font-size: 1.03rem;}
.pass-popup button:first-child { position: absolute; top: 1rem; right: 1rem; border: none; background: none;}
.pass-popup button:first-child i{font-size: 1.3rem;}
.pass-popup .b-pass { margin-top: 0.5rem; font-size: 0.93rem;}

@media only screen and (max-width:660px){
    .bbs_search_for {padding-left:0 !important;}
    .bbs_search_button .btn_search {padding:0 1rem}
    .bbs_search_text input[type=text], .bbs_search_text input[type=password] {width:13rem}

    /* 비공개 게시글 팝업 */

    .pass-popup div { flex-direction: column; }
    .pass-popup #bPassword {margin: 0.5rem 0;}

}