@charset "utf-8";




@media only screen and (min-width: 0px) {

.top_info_mo{ display:block;}
.top_info_pc{display:none;}


.pager_mo{display:block; width:100%; float:left; padding:10px 0 10px 0;}
.pager_pc{display:none;}

.btn_group_pc{display:none;}
.btn_group_mo{display:block;}

.mos_lists{display:block;}
.pcs_lists{display:none;}

.board_view_style_mo{display:block;}
.board_view_style_pc{display:none;}


.board_write_style_mo{display:block;}
.board_write_style_pc{display:none;}




.g_default input[type=checkbox]{vertical-align:middle; margin-right:2px;}

.g_default{width:100%; height:auto; float:left;}

.g_default .category{padding:10px 10px 5px 10px;}
.g_default .category select{border:1px solid #ccc; height:35px; width:100%; border-radius:5px; line-height:30px;}
.g_default .show_myarticle{float:right; margin-right:5px; border-right:1px dotted #ccc; padding-right:5px; line-height:12px; height:12px; font-size:12px;}

.g_default .g_list{width:100%; height:auto; float:left;}
.g_list ul{width:100%; height:auto; float:left; margin-top:15px; border-bottom:1px solid #ddd; }

.g_default .g_list li.noContent{border:none; padding:40px; text-align:center; font-weight:300; height:20px; min-height:inherit;}


.mo_lists_contf{position:absolute; top:0; left:0; right:15px; padding:5px 0 0 120px;}
.mo_lists_contf ul {border:0; margin:0;}
.mo_lists_contf ul li.mo_lists_contf_titles{font-size:13px; color:#000; font-weight:300; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; word-break:break-all;}
.mo_lists_contf ul li.mo_lists_contf_titles2{font-size:12px; margin:5px 0 5px 0; color:#545454; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; word-break:break-all;}
.mo_lists_contf ul li.mo_lists_contf_titles3{float:right; color:#888; }

dl, dt, dd{margin:0; padding:0;}
div.g_default div.g_list{}
div.g_default div.g_list ul{border-top:2px solid #000; border-bottom:1px solid #000; }

div.g_default div.g_list li:first-child{border-top:none;}
div.g_default div.g_list li.noContent{border:none; padding:40px; text-align:center; font-weight:300; height:20px; min-height:inherit;}
div.g_default div.g_list ul+p{margin:3px; }



div.g_default div.g_list li.mos_lists div.aside_img img{max-width:100%;}
div.g_default div.g_list li.mos_lists dl{}
div.g_default div.g_list li.mos_lists dl dt{border-bottom:1px dotted #ccc; padding:5px 10px; }
div.g_default div.g_list li.mos_lists dl dt a{font-weight:400; font-size:1.5em;}
div.g_default div.g_list li.mos_lists dl dd{padding:10px 10px 0 10px;}
div.g_default div.g_list li.mos_lists dl dd.info{text-align:right; color:#888;}
div.g_default div.g_list span.comment_num{padding:0px 2px 0px 2px;background:#4ea1bf;color:#FFFFFF;font-family:tahoma;font-size:8px;}
div.g_default div.g_list li.mos_lists div.aside_img{position:absolute; left:5px; width:140px; text-align:center; top:10px;}
div.g_default div.g_list li.mos_lists{border-top:1px solid #f4f4f4; padding:5px 10px; position:relative; padding-left:150px; min-height:110px;}


.g_default .btn_group{clear:both; background:#fff;  border-top:1px solid #ddd ; padding:5px 10px; }
.g_default .btn_group:after{display:block; clear:both; content:"";}
.g_default .btn_group .left{float:left;}
.g_default .btn_group .right{float:right;}
.g_default .btn_group a{
	display:inline-block; padding:0.4em 10px; border:1px solid #ddd; font-size:1.2em;
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); 
	background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
}
.g_default .btn_group a.on{
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); 
	background: -o-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
}
.g_default .btn_group a.strong{
	color:#fff; border-color:#64666a;
	background:#4374c4;
	background: -moz-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa1dd), color-stop(100%,#2458a2)); 
	background: -o-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -ms-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
}
.g_default .btn_group a.strong.on{
	background:#4374c4;
	background: -moz-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2458a2), color-stop(100%,#8fa1dd)); 
	background: -o-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -ms-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
}



/*view*/
#g_view_style .view_top{
	padding:17px 10px 23px 5px; position:relative; /*´ñ±Û¿µ¿ª¶§¹®¿¡ Æеù°ª 50px*/
	border-bottom:2px solid #333; 
	background:#fff;
}

#g_view_style h1{font-size:1.7em; padding:0.4em 0 0.6em 0; font-weight:400;}
#g_view_style ul.article_info{}
#g_view_style ul.article_info:after{content:""; display:block; clear:both;}
#g_view_style ul.article_info li{float:left;  padding:0 5px 0 3px; line-height:35px;font-size:14px;height:1.3em;}
#g_view_style ul.article_info li:last-child{border:0;}
#g_view_style ul.article_info li.write{color:#4c78c6;}
#g_view_style .view_top .comment_num{background:url('./images/comment_bg.png'); width:33px; height:27px; padding-bottom:8px; position:absolute; right:10px; top:50%; margin-top:-20px; line-height:30px; color:#006db7; text-align:center; }

#g_view_style .down_files{padding:0.65em 10px; background:#f4f4f4;}
#g_view_style .down_files dl{}
#g_view_style .down_files dl:after{display:block; clear:both; content:"";}
#g_view_style .down_files dt{float:left; width:11px; background:url('./images/ico_down.gif') left center no-repeat; overflow:hidden; text-indent:-1000px; margin-right:5px;}
#g_view_style .down_files dd{}
#g_view_style .down_files dd:after{content:", ";}
#g_view_style .down_files dd:last-child:after{content:"";}
#g_view_style .down_files dd:not(:first-child){padding-left:16px;}
#g_view_style .down_files dd a{ font-size:0.9em;}
#g_view_style .down_files dd a:hover{background:#5b6e92; color:#fff;}

#g_view_style .link_files{}
#g_view_style .link_files dl{padding:4px 10px;}
#g_view_style .link_files dt{display:inline-block; padding:0.2em 7px; border:1px solid #ccc; background:#fff; margin-right:5px; font-size:0.9em; color:#5b6e92;}
#g_view_style .link_files dd{display:inline;}
#g_view_style .link_files dd:after{content:", ";}
#g_view_style .link_files dd:last-child:after{content:"";}

#g_view_style .link_files a{font-size:0.9em;}
#g_view_style .link_files a:hover{background:#f4f4f4;}

#g_view_style .article{padding:5px 10px;}
#g_view_style .article .image_aside{text-align:center; padding:7px 0;}
#g_view_style .article .image_aside img{max-width:100%; cursor:pointer;}

#g_view_style .tags{margin:3px 0; border:1px solid #ccc; border-radius:5px; padding:3px 7px;}

#g_view_style .sns_share{width:235px; margin:10px auto;}

#g_view_style .comments{border-top:1px solid #ccc; margin:5px 0; }
#g_view_style .comments dl{border-top:1px dotted #ccc; margin:0 5px; padding:10px 5px; position:relative;}
#g_view_style .comments dl:first-child{border-top:0;}
#g_view_style .comments dt{color:#00308a; padding-right:50px; }
#g_view_style .comments dt .date{display:inline-block; line-height:1em; border-left:1px solid #ccc; padding-left:5px; margin-left:5px; font-size:0.8em; color:#888; }
#g_view_style .comments dd{clear:both; padding-top:0.65em;}
#g_view_style .comments dd a.del{position:absolute; right:0; top:5px; padding:0.3em 7px; border:1px solid #ccc; font-size:0.9em;}

#g_view_style .write_comment{}
#g_view_style .write_comment ul.writer_info{display:table; width:100%;}
#g_view_style .write_comment ul.writer_info li{display:table-cell;  width:50%; padding-left:10px; padding-right:2px;}
#g_view_style .write_comment ul.writer_info li:last-child{padding-left:2px; padding-right:10px;}
#g_view_style .write_comment ul.writer_info li input{border:1px solid #ccc; border-radius:5px; width:100%; height:30px;}

#g_view_style .write_comment .textWrap{padding:2px 14px 2px 10px;}
#g_view_style .write_comment .textWrap .btn{text-align:right; margin-right:-4px;}
#g_view_style .write_comment .textWrap .btn input[type=submit]{
	padding:0.3em 7px; border:1px solid #ccc; font-size:0.9em;
	background:#fff;
	background: -moz-linear-gradient(top, #fff 0%,#f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f8f8f8)); 
	background: -o-linear-gradient(top, #fff 0%,#f8f8f8 100%);
	background: -ms-linear-gradient(top, #fff 0%,#f8f8f8 100%);
	background: linear-gradient(top, #fff 0%,#f8f8f8 100%);
}
#g_view_style .write_comment .textWrap .btn.on input[type=submit],
#g_view_style .write_comment .textWrap .btn:hover input[type=submit]{
	background:#fff;
	background: -moz-linear-gradient(top, #f8f8f8 0%,#fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#fff)); 
	background: -o-linear-gradient(top, #f8f8f8 0%,#fff 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%,#fff 100%);
	background: linear-gradient(top, #f8f8f8 0%,#fff 100%);
}
#g_view_style .write_comment .textWrap textarea{width:100%; height:110px; border:1px solid #ccc; border-radius:5px; }

#g_view_style .btn_group{clear:both; margin:5px 0; background:#fff;  border-top:1px solid #ddd ; padding:8px 10px; }
#g_view_style .btn_group:after{display:block; clear:both; content:"";}
#g_view_style .btn_group .left{float:left;}
#g_view_style .btn_group .right{float:right;}
#g_view_style .btn_group a{
	display:inline-block; padding:0.4em 10px; border:1px solid #ddd; font-size:1.2em;
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); 
	background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
}
#g_view_style .btn_group a.on{
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); 
	background: -o-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
}
#g_view_style .btn_group a.strong{
	color:#fff; border-color:#64666a;
	background:#4374c4;
	background: -moz-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa1dd), color-stop(100%,#2458a2)); 
	background: -o-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -ms-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
}
#g_view_style .btn_group a.strong.on{
	background:#4374c4;
	background: -moz-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2458a2), color-stop(100%,#8fa1dd)); 
	background: -o-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -ms-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
}



/*write*/
#g_write_style{width:100%; height:auto; float:left;}
#g_write_style .write_top{position:relative; }
#g_write_style h1{text-align:center; border-bottom:1px solid #ccc; background:#f4f4f4; font-size:1.2em; padding:0.5em 0;}
#g_write_style .write_top .btn_group{width:100%; background:none; border:none; position:absolute; left:0; top:0; padding:0; margin-top:0.4em;}
#g_write_style .write_top .btn_group .left{float:left; margin-left:5px;}
#g_write_style .write_top .btn_group .right{float:right; margin-right:5px;}

#g_write_style ul.input_list{margin:5px;}
#g_write_style ul.input_list li{position:relative; min-height:30px;  }
#g_write_style ul.input_list li.inc_textarea{margin-right:5px;}
#g_write_style ul.input_list li .title{display:none;}
#g_write_style ul.input_list li input{vertical-align:middle;}
#g_write_style ul.input_list li input[type=text],
#g_write_style ul.input_list li input[type=password]{border:1px solid #ccc; border-radius:5px; background:#fff; height:30px; margin:2px 0; width:100%;}
#g_write_style ul.input_list li input.underline{border-width:0 0 1px 0; border-color:#dedede; border-style:solid; margin-left:7px; padding-left:3px; width:250px;}
#g_write_style ul.input_list textarea{width:100%; height:100px; border-radius:5px; border:1px solid #ccc;}
#g_write_style ul.input_list textarea.text_area_short{height:50px;}
#g_write_style .btn_group{clear:both; margin:5px 0; background:#f8f8f8; border:solid #ddd; border-width:1px 0; padding:5px 10px; }
#g_write_style .btn_group:after{display:block; clear:both; content:"";}
#g_write_style .btn_group .left{float:left;}
#g_write_style .btn_group .right{float:right;}


#g_write_style .btn_group a,
#g_write_style .btn_group input[type='submit']{
	display:inline-block; padding:0.4em 10px; border:1px solid #ddd; font-size:1.2em;
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); 
	background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
}
#g_write_style .btn_group a.on{
	background:#f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); 
	background: -o-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
	background: linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
}
#g_write_style .btn_group a.strong,
#g_write_style .btn_group input[type='submit']{
	color:#fff; border-color:#64666a;
	background:#4374c4;
	background: -moz-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa1dd), color-stop(100%,#2458a2)); 
	background: -o-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: -ms-linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
	background: linear-gradient(top, #8fa1dd 0%, #2458a2 100%);
}
#g_write_style .btn_group a.strong.on,
#g_write_style .btn_group input[type='submit'].on,
#g_write_style .btn_group input[type='submit']:hover{
	background:#4374c4;
	background: -moz-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2458a2), color-stop(100%,#8fa1dd)); 
	background: -o-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: -ms-linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
	background: linear-gradient(top, #2458a2 0%, #8fa1dd 100%);
}


.numclik_mo{display:block;}
.numclik_pc{display:none;}

}


@media only screen and (min-width: 690px) {





.board_view_style_pc{display:block;}
.board_view_style_mo{display:none;}

.top_info_mo{ display:none;}
.top_info_pc{display:block;}

.pager_pc{width:100%; float:left; text-align:center; margin-top:20px; display:table-cell; min-width: 100%;}
.pager_mo{display:none;}


.btn_group_mo{display:none;}
.btn_group_pc{display:block;}


.pcs_lists{display:block;}
.mos_lists{display:none;}

.board_write_style_mo{display:none;}
.board_write_style_pc{display:block;}



.g_default input[type=checkbox]{vertical-align:middle; margin-right:2px;}

.g_default{}

.g_default .top_info{zoom:1; }
.g_default .top_info:after{clear:both; content:""; display:block;}
.g_default .top_info .category{float:left;}
.g_default .top_info .total{float:right; font-size:1.2em;}

.g_default .g_list{}
.g_default .g_list ul{border-top:2px solid #006db7; border-bottom:1px solid #006db7; zoom:1;}
.g_default .g_list ul:after{clear:both; display:block; content:"";}
.g_default .g_list li{float:left; text-align:center; padding:5px 0; }
.g_default .g_list li:first-child{border-top:none;}
.g_default .g_list li.noContent{border:none; padding:20px; text-align:center; font-weight:300;}
.g_default .g_list li.clear_both{clear:both; float:inherit; float:none; display:block; border-bottom:1px dotted #ccc; zoom:1; padding:0; !width:100%;}
.g_default .g_list ul+p{margin:3px; }

.g_default .g_list li .image{border:1px solid #ccc; margin:2px 3px; text-align:center;}
.g_default .g_list li a:hover .image{border-color:#006db7;}
.g_default .g_list .comment_num{padding:0px 2px 0px 2px;background:#4ea1bf;color:#FFFFFF;font-family:tahoma;font-size:8px;}

.g_default .pager{text-align:center; padding:10px;}
.g_default .btns{text-align:right;}



/*view*/
#g_view_style h1{text-align:center; font-size:16px;  line-height:35px; height:35px; margin-bottom:0; padding:0;}
#g_view_style .article_info{zoom:1;  border-bottom:1px solid #ccc; padding:2px 0; line-height:35px; font-size:14px;}
#g_view_style .article_info:after{content:""; display:block; clear:both;}
#g_view_style .article_info .sns_share{float:left;}
#g_view_style .article_info ul.info_list{float:right;}
#g_view_style .article_info ul.info_list li{display:inline; padding:0 5px;}

#g_view_style .link_files{}
#g_view_style .link_files dl{margin:3px 0; border:1px solid #ccc; border-radius:5px; padding:3px 7px;}
#g_view_style .link_files dt{font-weight:300;}
#g_view_style .link_files dt,
#g_view_style .link_files dd{display:inline; padding:0 5px;}
#g_view_style .link_files a:hover{background:#f4f4f4;}

#g_view_style .article{padding:5px 10px;}
#g_view_style .article .image_aside{text-align:center; padding:7px 0;}
#g_view_style .article .image_aside img{max-width:100%; cursor:pointer;}

#g_view_style .tags{margin:3px 0; border:1px solid #ccc; border-radius:5px; padding:3px 7px;}

#g_view_style .comments{background:#f4f4f4; border-top:1px solid #ccc; margin:5px 0; }
#g_view_style .comments dt{font-weight:300; position:relative;}
#g_view_style .comments dt .date{position:absolute; right:0; top:0; font-weight:normal; color:#777; padding-left:10px;}
#g_view_style .comments dd{clear:both; padding:5px;}
#g_view_style .comments dl{border-top:1px dashed #ccc; margin:5px 7px;}
#g_view_style .comments dl:first-child{border-top:0;}

#g_view_style .write_comment{}
#g_view_style .write_comment ul.writer_info{zoom:1; }
#g_view_style .write_comment ul.writer_info:after{content:""; display:block; clear:both;}
#g_view_style .write_comment ul.writer_info li{float:left; margin-right:5px; line-height:15px;}
#g_view_style .write_comment ul.writer_info li input{border:1px solid #dfe4db; background:#fafafa; vertical-align:middle;}

#g_view_style .write_comment .textWrap{position:relative; height:50px; padding:3px 75px 3px 0;}
#g_view_style .write_comment .textWrap .btn{position:absolute; right:0; top:3px;}
#g_view_style .write_comment .textWrap textarea{width:100%; height:48px; font-size:12px; border:1px solid #dfe4db; background:#fafafa;}


/*write*/
#g_write_style{ width:100%; height:auto; float:left;}
#g_write_style h1{text-align:center; font-size:14px; border:1px solid #ccc; background:#f4f4f4 url('./images/list_bg.gif') left top repeat-x; line-height:25px; height:25px; padding:0;}

#g_write_style .input_list{}
#g_write_style .input_list ul.list{margin-top:5px; border-top:1px solid #ccc;}
#g_write_style .input_list ul.list li{position:relative; padding:5px 10px 5px 120px; min-height:22px; border-bottom:1px solid #ccc;}
#g_write_style .input_list ul.list li .title{position:absolute; left:0; top:0; line-height:30px; padding-left:5px; width:110px; background:#f4f4f4; height:100%; font-weight:400;}
#g_write_style .input_list ul.list li input[type=text],
#g_write_style .input_list ul.list li input[type=password],
#g_write_style .input_list ul.list li select,
#g_write_style .input_list ul.list li textarea{border:1px solid #ccc;}
#g_write_style .input_list ul.list li input[type=text],
#g_write_style .input_list ul.list li input[type=password]{height:20px; margin-bottom:1px;}
#g_write_style .input_list ul.list li select{height:22px;}
#g_write_style .input_list ul.list li input[type=checkbox]{vertical-align:middle; margin-right:2px;}
#g_write_style .input_list ul.list li .info{color:#888;}
#g_write_style .input_list ul.list li .input_label{display:inline-block; width:40px;}

#g_write_style .btns{text-align:center; padding:20px 0;}




.numclik_pc{display:block;}
.numclik_mo{display:none;}


}
@media only screen and (min-width: 1200px) {

.board_view_style_pc{display:block;}
.board_view_style_mo{display:none;}

.top_info_mo{ display:none;}
.top_info_pc{display:block;}

.pager_pc{width:100%; float:left; text-align:center; margin-top:20px; display:table-cell; min-width: 100%;}
.pager_mo{display:none;}


.btn_group_mo{display:none;}
.btn_group_pc{display:block;}


.pcs_lists{display:block;}
.mos_lists{display:none;}

.board_write_style_mo{display:none;}
.board_write_style_pc{display:block;}



.g_default input[type=checkbox]{vertical-align:middle; margin-right:2px;}

.g_default{}

.g_default .top_info{zoom:1; }
.g_default .top_info:after{clear:both; content:""; display:block;}
.g_default .top_info .category{float:left;}
div.g_default div.top_info div.category select{border:1px solid #ccc; height:35px; width:100%; border-radius:5px; line-height:30px;font-size:13px;}
div.g_default div.top_info div.total{float:right; font-size:1.2em;}

.g_default .g_list{}
.g_default .g_list ul{border-top:1px solid #000; border-bottom:1px solid #000; zoom:1;}
.g_default .g_list ul:after{clear:both; display:block; content:"";}
.g_default .g_list li{float:left; text-align:center; padding:5px 0; }
.g_default .g_list li:first-child{border-top:none;}
.g_default .g_list li.noContent{border:none; padding:20px; text-align:center; font-weight:300;}
.g_default .g_list li.clear_both{clear:both; float:inherit; float:none; display:block; border-bottom:1px dotted #ccc; zoom:1; padding:0; !width:100%;}
.g_default .g_list ul+p{margin:3px; }

.g_default .g_list li .image{border:1px solid #ccc; margin:2px 3px; text-align:center;}
.g_default .g_list li a:hover .image{border-color:#006db7;}
.g_default .g_list .comment_num{padding:0px 2px 0px 2px;background:#4ea1bf;color:#FFFFFF;font-family:tahoma;font-size:8px;}

.g_default .pager{text-align:center; padding:10px;}
.g_default .btns{text-align:right;}



/*view*/
#g_view_style h1{text-align:left; font-size:1.8em;  line-height:45px; height:45px; margin-bottom:0; padding:0 0 0 5px; font-weight:400;}
#g_view_style .article_info{zoom:1;  border-bottom:2px solid #666; padding:2px 0; line-height:35px; font-size:14px;}
#g_view_style .article_info:after{content:""; display:block; clear:both;}
#g_view_style .article_info .sns_share{float:right;}
#g_view_style .article_info ul.info_list{float:left;}
#g_view_style .article_info ul.info_list li{display:inline; padding:0 5px;}

#g_view_style .link_files{}
#g_view_style .link_files dl{margin:3px 0; border:1px solid #ccc; border-radius:5px; padding:7px 7px;}
#g_view_style .link_files dt{font-weight:300;}
#g_view_style .link_files dt,
#g_view_style .link_files dd{display:inline; padding:0 5px;}
#g_view_style .link_files a:hover{background:#f4f4f4; color:blue;}

#g_view_style .article{padding:5px 10px;}
#g_view_style .article .image_aside{text-align:center; padding:7px 0;}
#g_view_style .article .image_aside img{max-width:100%; cursor:pointer;}

#g_view_style .tags{margin:3px 0; border:1px solid #ccc; border-radius:5px; padding:3px 7px;}

#g_view_style .comments{background:#f4f4f4; border-top:1px solid #ccc; margin:5px 0; }
#g_view_style .comments dt{font-weight:300; position:relative;}
#g_view_style .comments dt .date{position:absolute; right:0; top:0; font-weight:normal; color:#777; padding-left:10px;}
#g_view_style .comments dd{clear:both; padding:5px;}
#g_view_style .comments dl{border-top:1px dashed #ccc; margin:5px 7px;}
#g_view_style .comments dl:first-child{border-top:0;}

#g_view_style .write_comment{}
#g_view_style .write_comment ul.writer_info{zoom:1; }
#g_view_style .write_comment ul.writer_info:after{content:""; display:block; clear:both;}
#g_view_style .write_comment ul.writer_info li{float:left; margin-right:5px; line-height:15px;}
#g_view_style .write_comment ul.writer_info li input{border:1px solid #dfe4db; background:#fafafa; vertical-align:middle;}

#g_view_style .write_comment .textWrap{position:relative; height:50px; padding:3px 75px 3px 0;}
#g_view_style .write_comment .textWrap .btn{position:absolute; right:0; top:3px;}
#g_view_style .write_comment .textWrap textarea{width:100%; height:48px; font-size:12px; border:1px solid #dfe4db; background:#fafafa;}


/*write*/
#g_write_style{ width:100%; height:auto; float:left;}
#g_write_style h1{text-align:center; font-size:14px; border:1px solid #ccc; background:#f4f4f4 url('./images/list_bg.gif') left top repeat-x; line-height:25px; height:25px; padding:0;}

#g_write_style .input_list{}
#g_write_style .input_list ul.list{margin-top:5px; border-top:1px solid #ccc;}
#g_write_style .input_list ul.list li{position:relative; padding:5px 10px 5px 120px; min-height:22px; border-bottom:1px solid #ccc;}
#g_write_style .input_list ul.list li .title{position:absolute; left:0; top:0; line-height:30px; padding-left:5px; width:110px; background:#f4f4f4; height:100%; font-weight:400;}
#g_write_style .input_list ul.list li input[type=text],
#g_write_style .input_list ul.list li input[type=password],
#g_write_style .input_list ul.list li select,
#g_write_style .input_list ul.list li textarea{border:1px solid #ccc;}
#g_write_style .input_list ul.list li input[type=text],
#g_write_style .input_list ul.list li input[type=password]{height:20px; margin-bottom:1px;}
#g_write_style .input_list ul.list li select{height:22px;}
#g_write_style .input_list ul.list li input[type=checkbox]{vertical-align:middle; margin-right:2px;}
#g_write_style .input_list ul.list li .info{color:#888;}
#g_write_style .input_list ul.list li .input_label{display:inline-block; width:40px;}

#g_write_style .btns{text-align:center; padding:20px 0;}



.numclik_pc{display:block;}
.numclik_mo{display:none;}
}