/**
	board skin css
*/

.board .table { border-top:1px solid #000; border-bottom:1px solid #ccc; }
.border_button { overflow:hidden; }
.board .comment-count a { color:#348fe2;padding-left:10px; }
.board .info { overflow:hidden; }
.board .info li { float:left; padding-right:20px; }
.board .contents-view { padding:30px 20px; clear:both; }
.board .contents-view-img img  {  display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
#post-content  { word-wrap:break-word; }
#post-content img  { max-width:100%; }

.board .fa-user { color:#626262; }
.board .fa-comments { color:#626262; }
.board .fa-eye { color:#626262; }
.board .fa-thumbs-up { color:#626262; }
.board .fa-thumbs-down { color:#626262; }
.board .fa-clock-o { color:#626262; }
.board .fa-reply { color:#626262; }
.board .gallery .thumbnail { margin-bottom:10px; }
.board .recommand { text-align:center;margin-bottom:20px; }
.board .recommand a:hover { background:#348fe2; color:#fff; text-decoration:none; }
.board .recommand .good { background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px; padding:8px; margin:0 10px; }
.board .recommand .bad { background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px;padding:6px; margin:0 10px; }
.board .like  { padding-top:20px; }
.board .like a { text-decoration:none; }
.board .time { font-size:12px; padding-left:10px; }
.board .tags a { font-size:12px; padding-left:5px; }
.board .reply { float:right; font-size:12px; }
.board .reply a { padding-left:5px; }
.board .ip { font-size:12px; padding-left:10px; }
.board .tags li { float:left; padding-right:10px; }
.board .sns_button div  { float:left; padding-right:5px; }
.board .btn-point-info  { padding-top:8px;color:#BBB; }

.board .view_full_image  { cursor:pointer; }
.board .btn-admin-manage-layer  {  display:none;border:1px solid #ddd;position:absolute;background-color:#fff;z-index:99999; }
.board .btn-admin-manage-layer div.item  {  height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px; }
.board .btn-admin-manage-layer div.item  {  font:normal 11px 'dotum';line-height:23px; }
.board .btn-admin-manage-layer div.item i  {  width:20px;text-align:center; }

.board .autowrap  {  margin:0 auto 15px; }
.board .autosize  {  position:relative; height:0; padding-bottom:56.25%; overflow:hidden; margin:0; }
.board .autosize iframe,
.autosize object,
.autosize embed  {  position:absolute; top:0; left:0; width:100%; height:100%; }

.board .searchbox  { display:none; }
.board .passcord  {  text-align:center;margin:10px auto 0 auto; }
.board .passcord li { display:inline-block;margin-right:20px;vertical-align:middle; }

.board .copy_post_url  { cursor:pointer; }

.lucky  { font-size:11px; }
.lucky .luckypoint { color:#E71A41; }


/* gallery_list */
.gallery .nav-tabs { margin-bottom:30px; }
.gallery-box  { float:left; }
.gallery-box .label, .display_name { display:none; }
.gallery-box .gallery_title .label { display:inline-block; }

.table-image:after { content:""; display:block; clear:both; }

.img-thumbnail, .thumbnail { box-shadow:none; border-radius:0; padding:0; margin:0; border:0; }


.gallery_box { *border:1px solid #ddd; margin-bottom:20px; }
.gallery_box:hover {/* border-color:#17199f; */}
.gallery_box .main_gallery_img {width:300px; height:260px; overflow: hidden ;/*display: inline-block; float:left*/}
.gallery_box .main_gallery_img img {max-width:100%; vertical-align: middle}

/*.gallery_box a { display:block; width:100%; height:100%; color:#333; }*/
.gallery_title {/* border-top:1px solid #ddd;float:right;   padding:15px 15px 10px; font-size:16px;*/ }
.gallery_title p {width:100%;}
.gallery_title .title {margin:8px 0 5px; line-height:30px; height:40px; font-size:16px; color:#333; font-family:'notokr-medium',sans-serif !important; font-weight:500; word-break:keep-all }
.gallery_title .txt {font-size:18px; color:#333; line-height:30px;}
.gallery_title .date {display:block ;font-size:14px;  }


.gallery_title {height:50px;/* background-color:#f9f9f9; */}





.chk_comment_all_wrapper  { padding:10px; }
.comment_write_box_inner  { margin-top:20px; padding:20px; background-image:none; background-color:#f9f9f9; box-shadow:none; }
.comment_write_button_area  { margin-top:20px;overflow:hidden; }

.board .url-qrcode  { position:relative;cursor:pointer; }
.board .url-qrcode i  { margin:3px 0 0 5px; }
#qrcode-content  { display:none;position:absolute;background-color:#FFF;border:2px solid #DDD;padding:10px;width:240px; }
#qrcode-content .qrcode_code  { border:5px solid #479BE3;float:left; }
#qrcode-content .qrcode_code img  { width:100px;height:100px; }
#qrcode-content .qrcode_info  { float:left;margin:0 0 0 10px;width:90px;font-size:12px;line-height:18px;color:#555; }


/**************************************************************************************************************************
custom */

/* board */
.board .sub_con_title { margin-bottom:20px; }
.board .table { color:#666; margin-top:-1px; font-size:15px; }
.board .table a { color:#333 !important; }
.board .table a:hover { color:#019cac !important; }
.table>thead>tr>th { border-bottom:1px solid #ddd; background-color:#f4f6f9; padding:12px 8px; color:#333; font-weight:normal; font-family:'notokr-medium',sans-serif; }
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th { padding:15px 12px; text-align:center; vertical-align:inherit; }

.board_title { text-align:left !important; }
/* .board_title_box { display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:85%; vertical-align:inherit; } */


.btn-group .btn { margin-right:5px; }
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) { border-radius:3px; }

.searchbox .btn,
.searchbuttonbox .btn { height:40px; border-radius:0; padding:0 10px; margin-bottom:3px; font-size:18px; }

.board .label-primary { color:#98b11a; border:1px #98b11a solid; background:none; border-radius:50px; }

/* board_view */
.board_view {/* border-top:1px #333 solid;*/ border-bottom:1px #ccc solid; }
.board_top_title { font-size:20px; line-height:1.5em; padding:20px; border-bottom:1px #ccc solid; /*background-color:#f4f6f9; */color:#333; margin:0;font-family:'GyeonggiTitleM',sans-serif !important; }
.board .post_info_name { color:#4180d9; }
.board .info { border-bottom:1px #e6e6e6 solid; padding:20px; line-height:14px; margin-bottom:0; font-size:1rem; color:#999; }
.board .info li:nth-child(4) { display:none; }

.board .list-group { padding:20px; background:#fbf9f1; border-radius:0; border-bottom:1px #e6e6e6 solid; box-shadow:none; }
.board .list-group-item i { color:#fff; background-color:#999; padding:5px; }
.board .list-group-item { border-radius:0 !important; font-family:Dotum; border:1px #e5e5e5 solid; font-size:12px; padding:5px; }
.board .list-group-item-info { background:none; border:0; font-size:14px; color:#333; font-family:inherit; padding:0; line-height:30px; }
.board .list-group-item strong,
.board .list-group-item-text { line-height:20px; display:inline-block; }


/* board_write */
.board_write { padding:15px; margin:0; border-top:2px #333 solid; }
.agree_info .sub07_05 { height:300px; padding:3%; background-color:#fff; }
.agree_info .sub07_05 .con_bg_box { background-color:#f4f6f9; }
.agree_radio { padding-top:0 !important; }
.form-control { margin-bottom:3px; height:40px; }
.form-horizontal .control-label { font-family:'notokr-medium',sans-serif !important; font-size:16px; padding-top:10px; }
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top:10px; }


/* nav-tabs */
.nav-tabs { border-bottom:1px #333 solid; }
.nav-tabs>li { margin-bottom:0 !important; }
.nav-tabs>li>a { font-size:1.071rem; background-color:#f9f9f9; border-color:#ccc; border-radius:0; color:#666; padding:10px 30px; border-bottom:0 !important; margin-right:-1px; }
.nav-tabs>li>a:hover { border-color:#ccc; color:#019cac; background-color:#f9f9f9; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color:#019cac; background-color:#fff; border-color:#ccc; }


/* list - custom */
.fb1 .nav-tabs>li>a { padding:10px 20px; }
.eb3 .board_title .label, .eb4 .board_title .label { display:none; }
.eb1 .board_title .label { border-radius:0; background-color:#999; }


/* category - label_color */
.cateid_1 { background-color:#50b9b8; }
.cateid_2 { background-color:#d392b2; }
.cateid_3 { background-color:#72a2c0; }
.cateid_4 { background-color:#e4874e; }
.cateid_5 { background-color:#a09dd1; }
.cateid_6 { background-color:#eecb0a; }
.cateid_7 { background-color:#abc237; }
.cateid_8 { background-color:#ff9801; }
.cateid_9 { background-color:#5ebc8e; }

.board .table .label-warning { border-radius:0; padding:2px 5px 3px; width:inherit; font-size:11px !important; }


/* pagination */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { background-color:#333; border-color:#333; }

.pagination>li>a,
.pagination>li>span { color:#666; }

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-radius:0; }

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { color:#333; }


@media (max-width:998px) {
	
	/* main_program
	.gallery-box { width:48% !important; margin:0 1% !important; }
	.img-thumbnail, .thumbnail { width:100% !important; height:auto !important; }
	.gallery_title { font-size:1rem; padding:15px 0; }
	*/
	.mb20.gallery { margin-bottom:0; }

}

@media (max-width:768px) {
		
	.board .info, .board .list-group { padding:15px; }
	
	.pagination>li>a,
	.pagination>li>span { font-size:0.857rem; }
	
	.board .searchbuttonbox { display:none; }
	.board_top:after { content:""; display:block; clear:both; }
	.board_top .form-inline { width:100%; }
	.board_top .form-inline .form-control { float:left; margin-right:1%; }
	
	.board .chk,
	.board .num,
	.board .writer,
	.board .date,
	.board .hits,
	.board .dsp_date  { display:none; }
	
	.member-photo { display:none; }
	
	.gallery_title .date { display:block; }
	
}

@media (max-width:500px) {
	
	.board .table { font-size:1rem; }	 		
	.board h4 { font-size:1rem; padding:10px 0; }	
	.board .info, .board .list-group { font-size:1rem; }
	.table>thead>tr>th { padding:12px; }
	
	.board_top_title { font-size:1.4rem; padding:1rem; }	
	.form-control { width:100% !important; }
	.board_write { padding:5% 5% 8%; }
	
	.gallery_box { margin-bottom:10px;width:100%;  height:230px;}
	.gallery_title { padding:10px; }
	.gallery_title .title { font-size:14px; line-height:22px; height:28px; }
	
	
}