@charset "utf-8";

/* 검색 */
#bo_sch{*; width:100%}
#bo_sch #sch_frm{width:380px;margin:0 auto}
#bo_sch:after:after{display:block;clear:both;content:""}
#bo_sch .sch_inp{max-width:200px;;padding:7px;border:1px solid #ccc;margin-right:0;border-right:0}
#bo_sch .btn_sch{padding:9px 10px 11px;font-size:12px;border:0;*background:#3176b1;background:#717171;color:#fff;margin:0} 
/*#bo_sch #sfl{padding:6px;font-size:12px;border:1px solid #ccc;margin-right:10px;width:20%}*/

/* 버튼 */
.btn_inp{padding:7px 10px;border:1px solid #ccc;white-space:nowrap;background:#fff;color:#333;font-size:12px;font-family:tahoma;float:right}
.bf{background:#fff}
.cn{font-family:Tahoma;font-size:10px;color:#EE5A00}

/* 게시판 상단 바 */
.bbs-list-top{width:auto;border:1px solid #ccc;border-bottom-color:#eee;text-align:center;background:#f9f9f9;font:normal 12px tahoma;letter-spacing:-1px;color:#666;padding-left:13px;*zoom:1}
.bbs-list-top:after{clear:both;content:"";display:block}
.bbs-list-top span{float:left;padding-top:12px;padding-bottom:9px}
.bbs-list-top .w45{width:45px}
.bbs-list-top .w100{width:120px}

/* 게시판 */
.bbs-list{width:auto;display:block;margin-bottom:15px}
.bbs-list ul{color:#333;border-bottom:1px solid #ccc;list-style:none;margin:0;padding:0;font-family:tahoma;font-size:12px}
.bbs-list ul li{border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px dashed #ddd;padding:8px 16px 8px 13px;line-height:25px;width:auto;display:block;background:#fff;*zoom:1}
.bbs-list ul li:first-child{border-top:0}
.bbs-list ul li{width:auto;*zoom:1;padding-right:3px;*height:25px}
.bbs-list ul li .cate{font-size:11px;color:#777}
.bbs-list ul li .bls{float:left;margin:0;}
.bbs-list ul li .w45{width:45px;text-align:center;float:left}
.bbs-list ul li .w100{width:120px;text-align:center;float:left}
.bbs-list ul li .ychk{padding:10px}
.bbs-list ul li .bls{font-weight:normal;display:block}
.bbs-list ul li .blp{color:#555}
.bbs-list ul .ing{border-left:5px solid #EE5A00;background:#fafafa;padding-left:9px;}
.bbs-list ul li:hover{border-left:5px solid #717171;padding-left:9px;color:#333;text-decoration:none}
.bbs-list ul li .bls:hover{color:#717171}
.bbs-list ul li .bls:visited{color:#99209b}
.bbs-list ul li{*height:25px;*display:inline}
.bbs-list ul li .date{font-size:11px;color:#333}
.bbs-list ul li .hit{color:#999;font-size:10px}
.bbs-list ul li .sv_wrap{float:left}
.bbs-list ul li .sv_wrap .sv{position:absolute}
.bbs-list ul li:after{display:block;clear:both;content:""}
.bbs-list ul li img{margin-left:5px}
.bbs-list ul li .glyphicon{display:none}
.bbs-list ul li .tal{text-align:left}
.bbs-list ul li .snon .pname{display:none}
.bbs-list ul li .snon .sname{display:block}
.bbs-list .nitm {width:auto;border:1px solid #ccc;border-top:0;border-bottom:0;background:#fff;height:160px;line-height:160px;text-align:center}
.bbs-list .gon{display:inline !important;margin-left:5px;color:#555}
.bbs-list .glyphicon-heart{color:#bd383b}
#bo_v_img{ text-align:center;}

/* 카테고리 */
#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 10px 5px;min-width:50px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

.pbox{*width:auto;*border:1px solid #ccc;*background:#fafafa;*padding:5px;*zoom:1;margin-bottom:15px; height:auto;}
/*.pbox{width:auto;border:1px solid #ccc;background:#fafafa;padding:5px;*zoom:1;margin-bottom:15px;height:auto;}*/
.pbox:after{display:block;content:"";clear:both}
.pbox li{display: block;
		position: relative;
		padding: 6px 0 5px;
		width: 100px;
		border: 1px solid #ddd;
		background: #f7f7f7;
		color: #888;
		text-align: center;
		letter-spacing: -0.1em;
		line-height: 1.2em;
		cursor: pointer;
		float:left;
		background:#fafafa;
		padding:7px 10px; 
		line-height:16px;
		list-style:none

	}
/*2016-04-01 카테고리통일전내용*/
/*.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}



#gbasic{width:auto;padding:0 10px;}

/* 게시판 상하 버튼 */
/*.bo_fx{width:auto;text-align:right; margin:20px 0}*//*2016-11-08, */
.bo_fx{width:auto; margin:10px 0px}
.bo_fx:after{display:block;clear:both;content:''}
.bo_fx li{list-style:none;float:right}
.mt20{margin-top:20px}

/* 게시판 뷰 */
#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:12px;font-weight:bold;font-family:tahoma;color:#333;margin:0 0 10px}
#bo_v_info {font:normal 12px tahoma; color:#555;margin:0;padding:0}
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:20px;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:10px;margin:0;display:block;padding-right:0px;_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:10px 0}
.cmt_wrap #no_id p{margin:0;}
.cmt_wrap .btn_bsub{padding:7px 10px;font-size:12px;border:0;background:#717171;color:#fff;margin:0}

.tbl_wrap{background:#fff;padding:10px;;border-bottom:1px solid #ccc}
.tbl_wrap .row{margin-bottom:10px;margin-left:5px;}
.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 .thumb{display:inline;overflow:hidden;position:relative;float:left;width:45px;line-height:45px;margin:0 14px 0 -61px;border:1px solid #ccc;}
.cmt .thumb img{display:block;border:0;width:45px;height:45px}
*/
.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}

.cmt p.top a.listen{background:url(http://cfs.tistory.com/custom/blog/55/553473/skin/images/gol_btn.png) 0 -390px no-repeat;float:left;padding-left:22px;line-height:16px;margin-right:10px}
.cmt p.top a.go{background:#fff url(http://cfs.tistory.com/custom/blog/55/553473/skin/images/gol_btn.png) 0 -448px no-repeat;padding-left:18px;float:left;line-height:17px}

/* 글쓰기 */
.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:#444;font-size:14px;}
.grz_frm .g_text{display:block;border:1px solid #ccc;width:100%;padding:10px;box-sizing:border-box}
.grz_frm .rlbl{border:1px solid #ccc;width:auto;padding:0;margin:0;display:block;padding-right:0px;/*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;*padding:0 10px;*border:1px solid #366790;border:1px solid #a9a9a9;*background:#3176b1;background:#d9d9d9;color:#000;height:32px;line-height:32px;white-space:nowrap;font-size:12px}
.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-weight: bold; font-family: Arial; margin-left: 5px; padding-right: 4px;}
.grz_frm #g_tagbox:after{display:block;clear:both;content:''}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

/*a 영역 증가 category 클릭영역 확장시*/
/*a.none-target{padding:5px 20px;}*/

/*커스텀*/
div#write_use_float {float:right}
li.li_hover:hover{background-color:#f9f9f9; }
li.li_hover a{text-decoration: none; }

#container_title {margin-top:10px;margin-bottom:10px}


#bo_sch {
    margin-bottom: 10px;
    padding-top: 5px;
    text-align: center;
}


@media screen and (max-width: 1000px){
	.bbs-list-top,.bbs-list ul li .num{display:none}
	.bbs-list ul li .glyphicon{display:inline}
	.bbs-list ul{border-top:1px solid #ccc}
	.bbs-list ul li{padding-right:16px}
	.bbs-list ul li .bls,.bbs-list ul li .w45,.bbs-list ul li .w100{width:auto !important;float:none}
	.bbs-list ul li .hit{color:#333;font-size:12px}
	.bbs-list ul li .snon .pname{display:inline}
	.bbs-list ul li .snon .sname{display:none}

	#hd,#hd_wrapper,#gnb_1dul,#wrapper{width:auto}
	#bo_sch #sch_frm{width:auto}

	div#write_use_float {float:left}

	
}

@media (max-width: 768px) {
	#bo_v_img img{
		width:100%;
	}

	#bo_v_con img{width:100%}

	.li_hover label.checkbox_label.w45{
		float:right;
	}
	
	.youtubeWrap {
	  position: relative;
	  width: 100%;
	  padding-bottom: 56.25%;
	}
	.youtubeWrap iframe {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	}

}