@charset "utf-8";
ul{list-style:none;}

a.btn{background:#fff;border:1px solid #ccc;white-space:nowrap}
.btn_inp{padding:7px 10px;border:1px solid #ccc;white-space:nowrap;background:#fff;color:#333;font-size:12px;}
.cn{font-family:Tahoma;font-size:10px;color:#EE5A00}
.ml10{margin-left:10px}
.gutter {display:inline-block; background-color:#9CB1C5; font-size:1px; width:2px; margin-left:5px; margin-right:5px; height:12px;}

.pbox{width:auto;border:1px solid #ccc;background:#fff;padding:5px;*zoom:1;margin-bottom:15px}
.pbox:after{display:block;content:"";clear:both}
.pbox li{float:left;background:transparent;border-color:transparent;padding:7px 10px;height:16px;line-height:16px;margin-left:10px;list-style:none}
.pbox li a:hover{text-decoration:none}
.pbox a#bo_cate_on{font-weight:bold}


.bbs-list{width:auto;display:block;background:#fff;padding:10px 0px;}
.bbs-list ul{color:#333; margin:0 auto; position:relative; width:auto;}
ul.bbs-ul{overflow:hidden; clear:both; list-style:none;}
li.list_thumb { position:relative; width:25%; text-align:center; margin:20px 0 0;}
li.list_thumb a {display:block; text-align:center; padding:3px; font-size:12px; color:#222; position:relative;}
li.list_thumb a p{font-weight:normal; font-size:10px; color:#808080;}
li.list_thumb .gl_category{}
li.list_thumb .gl_thumb{ border:1px solid #BCBCBC; display:block;  margin:0 auto 10px auto;}
li.list_thumb span.gl_thumb{position:relative;background-color:#dbe4ea;}
li.list_thumb span.gl_thumb > span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#a4b7d7;font-size:1.4em;text-shadow:0px 0px 2px #ffffff55;}

/* 바로보기 다운로드 버튼 */
.list_download {position:relative;width:90%;height:26px; margin:0 auto;text-align: center;}
.list_download div {position:relative;top:0;left:0;z-index:1;cursor:pointer;width: 48%;box-sizing:border-box;max-width: 80px;display: inline-block;}
.list_download div:hover {z-index:999;}
.list_download div:hover span {color:#333;}
.list_download div:hover ul {display:block;}
.list_download div span {zoom: 1;display:block;text-align:center;padding: 0;width: auto;height:26px;font-size: 13px;font-weight: normal;color: #fff;line-height:26px;background-color: #434e5f;border-radius: 3px;box-sizing: border-box;}
.list_download div span:hover{color:#fff;}
.list_download .list_download_v {float:none;}
.list_download .list_download_v span:after{content:'\f133';font-family:'Ionicons';margin-left:5px;}
.list_download .list_download_d {float:none;margin:0 auto;}
.list_download .list_download_d span {background-color: #6699cc;color: #fff;}
.list_download .list_download_d span:after{content:'\f102';font-family:'Ionicons'; margin-left:5px;}
.list_download ul {position:absolute;top:25px;left:0;width: 100%;display:none;border-bottom:solid 1px #ddd;}
.list_download ul li {overflow:hidden;padding:3px;background:#fff;border:solid 1px #ddd;border-bottom:none;white-space:nowrap;}
.list_download ul li a {display:block;padding:2px;font-size:11px;}
.list_download2 {width:80px !important;}
.list_download2 .list_download_v,
.list_download2 .list_download_d {float:none;}
.list_download2 .list_download_v span {padding:0;width:80px;background-image:none;text-align:center;white-space:nowrap;}
.list_download2 .list_download_d span {padding:0;width:80px;background-image:none;text-align:center;}


.wli_btn {padding:15px 0 10px}
.glist-top{width:auto;background:#fff;padding:0 0px 15px}
.glist-top:after{display:block;clear:both;content:''}
.glist-top .glist-tsch{float:left;padding:15px 0 0}
.glist-top .glist-btnd{float:right;padding:15px 0 0}

.glist-top .tsch-inp{width:180px;padding: 0;border:1px solid #ccc;margin-right:0;border-right:0;float:left;height: 40px;box-sizing:border-box;}
.glist-top .tsch-submit{padding:9px 10px 7px;font-size:12px;border:0;background:#3176b1;color:#fff;margin:0;float:left;height: 40px;box-sizing: border-box;width: 40px;}
.glist-top .tsch-select{float:left;padding: 0;border:1px solid #ccc;border-right:0;}
.glist-top .btn{float:left}

#gbasic{width:auto}


.bo_fx{width:auto;text-align:right;margin-bottom:15px}
.bo_fx:after{display:block;clear:both;content:''}
.bo_fx li{list-style:none;float:right}


#bo_v {width:auto}
#bo_v_navi,#bo_v_bot{width:auto;margin:2px 0 15px}
#bo_v_navi:after{display:block;clear:both;content:""}
#bo_v_bot .bo_left,#bo_v_navi .bo_left{float:left}
#bo_v_bot .bo_right,#bo_v_navi .bo_right{float:right}
#bo_v_sub {border:1px solid #ccc;border-bottom:0;padding:15px;background:#fafafa;margin-top:10px}
#bo_v_title {font-size:1.2em;color:#333;margin:0 0 10px}
#bo_v_title span{font-size:.85em;}
#bo_v_info {font:normal 12px tahoma; color:#555;margin:0;padding:0}
#bo_v .dec{display:block;color:#222;line-height:20px;margin:8px 0 4px; border-bottom:1px solid #ccc; padding-bottom:5px; }
a.bo_v_ect{border:1px solid #ccc;border-bottom:0;border-top-color:#eaeaea;display:block !important;padding:10px 15px;background:#fff;color:#555;font-size:12px;font-family:tahoma}
a.bo_v_ect .glyphicon{margin-right:3px}
a.bo_v_ect span.cnt{font-size:11px}
a.bo_v_ect:hover{text-decoration:none;background:#fafafa}
#bo_v_act{text-align:center;margin-top:10px}
#bo_v_bot:after,#bo_v_navi:after,#bo_v_title:after,#bo_v_info:after{display:block;clear:both;content:""}
#bo_v_atc{width:auto;background:#fff;border:1px solid #ccc;border-top-color:#eaeaea;padding:15px;margin:0 0 15px;line-height:1.8}
#bo_v_atc #tags{padding:10px 0}
#bo_v_atc #tags:after{display:block;clear:both;content:""}
#bo_v_atc #tags .glyphicon{float:left;margin:8px 8px 0 0;height:22px;line-height:20px}
#bo_v_atc #tags a{float:left;border:1px solid #d9d9d9;margin:8px 8px 0 0;height:22px;background:#ededed;line-height:20px;color:#555;cursor:pointer;padding:0 4px}

/* commtent write box */
.cmt_wrap{width:auto;border:1px solid #ccc;padding:0;margin-bottom:15px}
.cmt_wrap .cmt_top{background:#fafafa;border-bottom:1px solid #ddd}
.cmt_wrap .cmt_top .cmt_top_title{padding:10px}
.cmt_wrap .cmt_list{background:#fff;border-bottom:1px solid #ddd}
.cmt_wrap .cmt_list .no_cmt{padding:60px 15px;text-align:center}

.cmt_wrap .cmt_bot label{width:auto;padding:10;margin:0;display:block;padding-right:20px;_padding:0;margin:0 !important;background:#fff}
.cmt_wrap .cmt_bot textarea{border:0;border-bottom:1px solid #ccc;width:100%;height:120px;background:#fff;padding:10px;margin:0 ;overflow:auto}
.cmt_wrap .cmt_sub{*zoom:1;background:#fff;padding:6px 5px;text-align:right;margin:0}
.cmt_wrap #no_id{width:auto;background:#fff;text-align:center;padding:50px 0}
.cmt_wrap .btn_bsub{padding:7px 10px;font-size:12px;border:0;background:#3176b1;color:#fff;margin:0}

.tbl_wrap{background:#fff;padding:10px;;border-bottom:1px solid #ccc}
.tbl_wrap .row{margin-bottom:10px}
.tbl_wrap #wr_name,.tbl_wrap #wr_password{width:180px;margin-right:10px}
.tbl_wrap label{color:#777;font-size:11px}
.dno{display:none}

/* comment box */
.cmt{border:1px solid #ccc;background:#fff}
.cmt ul{margin:0;padding:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;list-style:none}
.cmt li{position:relative;width:auto;padding:15px 10px 15px 15px;margin:0;border-top:1px solid #eee;border-left:0;border-right:0;vertical-align:top;*zoom:1}
.cmt li:first-child{border-top:0}
.cmt li:after{display:block;clear:both;content:""}

.cmt .inf{float:left;display:inline-block;margin:0 0 4px 0;color:#333;width:100%}
.cmt p{margin:8px 0 0 0; line-height:18px;color:#333}
.cmt p.top{margin:0;line-height:30px;*height:16px}
.cmt p:after{display:block;clear:both;content:""}
.cmt .iurl{float:left;color:#555;line-height:16px}
.cmt .iurl2{float:left;color:#333;line-height:16px;margin-left:5px}

.grz_frm{border:1px solid #ccc;background:#fff}
.grz_frm .frm_hd{font-size:23px;font-family:sans-serif;padding:15px 20px;border-bottom:1px solid #eaeaea}
.grz_frm .frm_ct{font-size:12px;font-family:sans-serif;padding:15px 20px}
.grz_frm .item{margin-top:10px}
.grz_frm .item:first-child{margin-top:0}
.grz_frm .g_label{display:block;margin-bottom:7px;color:#222; }
.grz_frm .g_text{display:block;border:1px solid #ccc;width:100%;padding:10px;box-sizing:border-box}
.grz_frm .g_input{display:inline-block;border:1px solid #ccc;width:90%;padding:10px;box-sizing:border-box; max-width:300px; min-width:150px;}
.grz_frm .rlbl{border:1px solid #ccc;width:auto;padding:0;margin:0;display:block;padding-right:20px;_padding:0;margin-bottom:0;background:#fff}
.grz_frm .rlbl textarea{border:0;width:100%;height:200px;background:#fff;padding:10px;margin:0;overflow:auto}
.grz_frm .html{} /* html editor */
.grz_frm .frm_tl{text-align:right;width:auto;padding:15px;border-top:1px solid #eaeaea;background:#fafafa}
.grz_frm .frm_tl .submit{padding:0 10px; border:1px solid #366790;background:#3176b1;color:#fff; white-space:nowrap;}
.grz_frm .ml5{margin-left:5px}
.grz_frm .btn{background:#fff}
.grz_frm #g_tagbox{margin-top:4px}
.grz_frm #g_tagbox .gtag{float:left;border:1px solid #d9d9d9;margin:8px 8px 0 0;height:22px;background:#ededed}
.grz_frm #g_tagbox .gtag a{line-height:20px;color:#555;cursor:pointer}
.grz_frm #g_tagbox .gtag a.gt_name{padding-left:4px}
.grz_frm #g_tagbox .gtag a:hover{color:#f00}
.grz_frm #g_tagbox .gtag .cls{ font-family: Arial; margin-left: 5px; padding-right: 4px;}
.grz_frm #g_tagbox:after{display:block;clear:both;content:''}

.thumbnail {width:200px;  margin-bottom:2em; text-align:center; margin-left:auto; margin-right:auto;}
.thumbnail > span{color:#555; font-size:11px; line-height:1.2em !important; padding:0; margin:0;}
.thumbnail img{width:100%; display:block; margin-bottom:12px;border:1px solid #ccc; box-shadow:1px 1px 3px 0px #333;}
.zine_wr_subject{display:block;width:100%; height:auto; text-overflow:ellipsis; overflow:hidden; min-height:36px; white-space:nowrap;}
.zime_wr_3 {display:block; height:16px;}

.glist-top-category {position:relative;}
.glist-top-category .glist-top-tabs::before,.glist-top-category .glist-top-tabs::after{content:'';display:table;clear:both;}
.glist-top-category .glist-top-tabs > li {float:left;border:1px solid #ddd; border-width:1px 1px 1px 0;}
.glist-top-category .glist-top-tabs > li:first-child{border-left-width:1px;}
.glist-top-category .glist-top-tabs > li > a {display:block;height:32px;line-height:32px;padding:0 20px;}
.glist-top-category .glist-top-tabs > li.on > a {color:#fff; background-color:#2161a7;border-color:#2161a7;}


@media screen and (max-width: 360px){
	.glist-top{width: 90%;background:#fff;padding:0 0px 15px;text-align: center;margin: 0 auto;}
	.glist-top .tsch-select {width:80px;}
	.glist-top .tsch-inp {width:130px;}
}