@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.mos_lists{width:100%; float:left; height:auto; border-top:1px solid #ddd; padding:5px 0 5px 0; position:relative;}
.g_default .g_list li.noContent{border:none; padding:40px; text-align:center; font-weight:bold; 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:bold; 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;}

.g_default .g_list li div.aside_img{width:100px; height:75px; float:left; margin-left:7px;}
.g_default .g_list li div.aside_img img{width:100px; height:75px; border:1px solid #ddd;}
.g_default .g_list li dl dt{ height:25px; line-height:25px; font-weight:bold; font-size:1.2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.g_default .g_list li dl dd{height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.g_default .g_list li dl dd.info{height:20px; line-height:20px; font-size:0.9em; color:#888; text-align:right; margin-right:-37px;}
.g_default .g_list li dl dd.info span{display:inline-block; padding:0 5px; border-left:1px solid #ccc; height:0.8em; line-height:0.8em;}
.g_default .g_list li dl dd.info span.writer{color:#333;}
.g_default .g_list li dl dd.info span:first-child{padding-left:0; border-left:0;}
.g_default .g_list li>a{display:block;}
.g_default .g_list li.on,
.g_default .g_list li:hover{background:#ffffff; }
.g_default .g_list li.on dt,
.g_default .g_list li:hover dt{color:#006699;}
.g_default .g_list li.on dd:not(.info),
.g_default .g_list li:hover dd:not(.info){color:#5b6e92;}
.g_default .g_list li input[type='checkbox']{margin-top:-3px;}

.g_default .g_list li span.comment_num{position:absolute; right:5px; top:50%; margin-top:-25px; width:32px; height:27px; line-height:27px; padding-bottom:5px; text-indent:-1px; background:url('./images/comment_bg.png') left top no-repeat; text-align:center; color:#006db7; font-size:0.8em; background-size:contain; font-weight:normal;  }

.g_default .btn_group{clear:both; background:#f8f8f8; border:solid #ddd; border-width:1px 0; 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:0.9em;
	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%);
}


a.p_link {color:#d9f3da;}
a.p_link:hover{color:#ffffff; font-weight:bold; text-shadow:1px 2px 2px #438b43;}
a.p_link:select{color:#ffffff; font-weight:bold; text-shadow:1px 2px 2px #438b43;}
/*view*/
#g_view_style .view_top{
	padding:5px 50px 50px 10px; position:relative; /*´ñ±Û¿µ¿ª¶§¹®¿¡ Æеù°ª 50px*/
	border-bottom:1px solid #bdbdbd; box-shadow:0 2px 3px rgba(0,0,0,0.5);  
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.3); -o-box-shadow:0 2px 3px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 3px rgba(0,0,0,0.3); -ms-box-shadow:0 2px 3px rgba(0,0,0,0.3);
	background:#fff;
	background: -moz-linear-gradient(top, #fff 0%, #fff 80%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(80%,#fff), color-stop(100%,#f6f6f6)); 
	background: -o-linear-gradient(top, #fff 0%, #fff 80%, #f6f6f6 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 80%, #f6f6f6 100%);
	background: linear-gradient(top, #fff 0%, #fff 80%, #f6f6f6 100%);
}

#g_view_style h1{font-size:1.3em; padding:0.1em 0; }
#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-right:5px; margin-right:7px; border-right:1px solid #ccc; font-size:0.9em; color:#888; height:1em; }
#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 .article .image_aside img{max-width:100%; border:0px solid #d0d3db;  }

#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:#f8f8f8; border:solid #ddd; border-width:1px 0; padding:5px 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:0.9em;
	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:0.9em;
	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%);
}




}


@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;}

.g_default .g_list{}
.g_default .g_list ul{border-top:0px solid #006db7; border-bottom:0px 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:bold;}
.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:14px; border:1px solid #ccc; background:#f4f4f4 url('./images/list_bg.gif') left top repeat-x; line-height:25px; height:25px; margin-bottom:0; padding:0;}
#g_view_style .article_info{zoom:1; background:#f8f8f8; border-bottom:1px solid #ccc; padding:2px 0; line-height:25px;}
#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:bold;}
#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%; }

#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:bold; 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%;}
#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;}







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

.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;}

.g_default .g_list{}
.g_default .g_list ul{border-top:0px solid #006db7; border-bottom:0px 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:bold;}
.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:14px; border:1px solid #ccc; background:#f4f4f4 url('./images/list_bg.gif') left top repeat-x; line-height:25px; height:25px; margin-bottom:0; padding:0;}
#g_view_style .article_info{zoom:1; background:#f8f8f8; border-bottom:1px solid #ccc; padding:2px 0; line-height:25px;}
#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:bold;}
#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%; }

#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:bold; 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%;}
#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;}




}