
/** paginb_Bx **/
.paginb_Bx {position:relative; text-align: center; height: 18px; line-height:18px; margin:30px 0 17px;}
.paginb_Bx a {display:inline-block; height:29px; line-height:29px; width:30px; border:1px solid #dfdfdf; color:#777; background:#fff; margin:0 2px;}
.paginb_Bx a:hover,
.paginb_Bx a.nowpage {background:#999; color:#fff; border:1px solid #999;}
.paginb_Bx a.nowpage {cursor:default;}
.paginb_Bx .btn_wrte{position: absolute;  display:inline-block; padding:0; border:none; background:none; right:-2px; width:auto; height:23px;}
.paginb_Bx a.btn_wrte:hover {background:none;}
.paginb_Bx a.direction {letter-spacing:-1px; font-weight:bold; color:#bbb;}
.paginb_Bx a.direction:hover {color:#fff;}
.paginb_Bx a.direction.next {text-indent:1px;}
.paginb_Bx a.direction.prev {text-indent:-1px;}

/** search_bx **/
.search_bx *{line-height: 1.1em; vertical-align: top;}
.search_bx {text-align: center; padding: 25px 0 0 0;}
.search_bx .search_sel{width: 55px; height: 27px; padding:0; border: 1px solid #ccc; padding:0;}
.search_bx .search_inpuut{width:149px; height:25px; padding:0; border: 1px solid #ccc; padding:0;}

/**lst_tab_bx**/
.lst_tab_bx {width: 100%; overflow: hidden; height:25px;}
.lst_tab_bx .count_bx{float: left; display:block; color: #000;}
.lst_tab_bx .paginb_bx{float: right; display:block; color: #000;}

/** view_guide **/
.view_guide{width: auto; overflow: hidden;}
.view_guide .view_h{padding: 14px 15px; border-top: 2px solid #000; color: #353535; font-size: 15px; background-color: #f5f5f5; font-weight: bold; border-bottom: 1px solid #ccc;}
.view_guide .txt_bottom{border-bottom: 2px solid #000; overflow: hidden; width: auto;}
.view_guide .txt_bottom .txt_bx{float:right; overflow: hidden; padding: 8px 0 12px;}
.view_guide .txt_bottom .txt_bx .rgt_txt{float: left; padding: 4px 10px 0 0;}
.view_guide .txt_bottom .txt_bx .rgt_txt01{float: left; padding: 4px 10px 0 0;}
.view_guide .txt_bottom .txt_bx .rgt_txt02{float: left; padding: 4px 0 0 0; margin: 0 15px 0 0;}
.view_guide .txt_bottom .txt_bx a{float: left; margin: 0 5px 0 0;}
.view_guide .view_txt{min-height: 296px; line-height:1.4em; margin-top:30px;}
#font_plus_minus {width:100%; word-wrap:break-word; box-sizing:border-box;}
#font_plus_minus img {}
.view_guide .input_btm{width: auto; padding: 10px 0;overflow: hidden; border-top: 2px solid #000;}
.view_guide .input_btm strong{display: block; float: left; color: #000; font-size: 13px; padding: 0px 5px 0 15px;}
.view_guide .input_btm .ico_h{padding-left: 18px !important; background:url("../images/sub/ico_write.gif") no-repeat left 4px;}
.view_guide .input_btm input{display: block; float: left; width: 100px; height: 24px; padding:0; border: 1px solid #ccc; line-height: 24px;}
.view_guide .input_btm .spam_ico{display: block; float: left; margin: 0 0 0 5px;}
.view_guide .text_area_bx{width: auto; overflow: hidden;}
.view_guide .text_area_bx .i_text{padding: 10px; width:80%; height: 57px; display: block; float: left; border: 1px solid #ccc; line-height: 18px;}
.view_guide .text_area_bx .repple_btn{
	width:16%;
	height:79px;
	line-height:79px;
	text-align:center;
	display: block; 
	float: left; 
	margin: 0 0 0 8px; 
	background:#555;
	color:#fff;
}
.view_guide .view_btn_bx{width: auto; overflow: hidden; padding: 15px 0; margin-top:30px;}
.view_guide .view_btn_bx .lft_bx{float: left;}
.view_guide .view_btn_bx .rgt_bx{float: right;}
.view_guide .comment_m {border-top:1px solid #ddd; padding:7px; text-align:left;}
.view_guide .comment_m input {width:100px; margin-bottom:3px;}
.view_guide .comment_m textarea {padding: 10px; width: 651px; height: 57px; margin-right:5px; vertical-align:top;}
.view_paging {width:100%; border:1px solid #ccc;}
.view_paging th {padding:2px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:12px; background:#eee; text-align:center;}
.view_paging td {padding:2px 10px; border-bottom:1px solid #ccc; font-size:12px; background:#fff;}
.view_paging td span {display:block; height:32px; overflow:hidden;}
.view_paging td a {display:block; font-size:12px; color:#7c97b2; line-height:32px;}

/** write_guide **/
.write_guide{width: 100%;}
.write_guide th{font-size: 14px; color: #000; text-align: center; background-color: #eee; border-bottom: 1px solid #ccc;}
.write_guide td{padding:10px; text-align: left; border-bottom: 1px solid #ccc;}
.write_guide td .write_input{display: block; float: left; width: 150px; float: left; height: 24px; border: 1px solid #ccc; line-height: 24px; margin: 0 5px 0 0; padding:0 0 0 5px;}
.write_guide td .write_input_subj{display: block; float: left; width: 500px; float: left; height: 24px; border: 1px solid #ccc; line-height: 24px; margin: 0 5px 0 0;}
.write_guide .rdo_Bx *{line-height: 1em; vertical-align: top;}
.write_guide .rdo_Bx{overflow: hidden;}
.write_guide .rdo_Bx input{float: left; display: block; width: 13px; height: 13px; margin: 2px 5px 0 0;}
.write_guide .rdo_Bx label{float: left; display: block; font-size: 14px; color: #000; padding: 2px 15px 0 0;}
.write_guide .write_cont{padding: 5px; width: auto;}
.write_guide .sel_write{display: block; float: left; width: 150px; float: left; height: 25px; border: 1px solid #ccc; line-height: 24px; margin: 0 5px 0 0;}
.write_guide .line_txt{display: block; float: left; font-size: 14px; width: 10px; margin: 3px 5px 0 0; text-align:center;}
.write_guide .cont_text{display: block; float: left; font-size: 14px; height: 300px; width:97%; padding: 10px; border: 1px solid #ccc; line-height: 18px;}

.btn_cont{width: auto; text-align: center; padding: 30px 0 0 0; vertical-align:top;}
.btn_cont a:first-child {width:65px; background:#e64433; border:1px solid #d32b1a; text-align:center; padding:6px 0; color:#fff; display:inline-block;}
.btn_cont a:first-child:hover {background:#e22c19;  border:1px solid #d32b1a;}
.btn_cont a:nth-child(2) {width:65px; background:#fff; border:1px solid #ddd; text-align:center; padding:6px 0; color:#000; display:inline-block;}
.btn_cont a:nth-child(2):hover {background:#e22c19; color:#fff; border:1px solid #d32b1a;}

.write_guide .view_input {width: 150px; float: left; height: 24px; border: 1px solid #ccc; line-height: 24px;}
.write_guide .bx_find_file {position:absolute; width:73px; height:24px; overflow:hidden;}
.write_guide .upload_input {position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0);cursor:pointer;}
.write_guide .btn_fndfile {width:66px; height:21px; display: inline-block; margin: 2px 0 0 3px;}
.write_guide .rgt_txt{display: inline-block; padding: 6px 0 0 77px;}

/** password_bx **/
.password_bx{
	width: auto; 
	overflow: hidden; 
	border: 11px solid #ebebeb; 
	text-align: center; 
	padding: 149px 240px;
}
.password_bx strong{
	line-height:36px;
	margin-right:10px;
	font-size:15px;
	color:#000;
	display: inline-block;
	float:left;
}
.password_bx input{
	display: inline-block; 
	width: 150px; 
	height: 36px;
	line-height:36px;
	padding:0; 
	border: 1px solid #ccc; 
	text-indent:3px; 
	margin-right:3px;
	float:left;
}
.password_bx a {width:65px; background:#e64433; border:1px solid #d32b1a; text-align:center; padding:6px 0;  color:#fff; display:inline-block; float:left;}
.password_bx a:hover {background:#e22c19;  border:1px solid #d32b1a;}

/** passwd_div **/
.passwd_div {text-align:center;}
.passwd_div ul li {display:inline-block;}
.passwd_div ul li a img {vertical-align:middle; margin-top:-5px;}

/** scroll_bx **/
.scroll_bx{width: auto; padding: 30px; border: 1px solid #ccc; margin: 10px 0 0 0; height:200px; overflow-y: auto;}
.scroll_bx strong{font-size: 16px; color: #000; display: block; padding: 0 0 20px;}

.scroll_bx .dl_lst dt{color: #e22c19; font-size: 13px;  padding: 0 0 3px 0;}
.scroll_bx .dl_lst dd{padding: 0 0 10px; font-size: 13px; line-height: 18px;}

/** lst_guide01 **/
.lst_guide01{width: 100%; border-top: 2px solid #000;}
.lst_guide01 th{background-color: #f7f7f7; color: #370000; text-align: center; font-weight: normal; padding: 11px 0 9px; border-bottom: 1px solid #e4e4e4; text-align: center; color: #000;}
.lst_guide01 td{background-color: #fff; color: #370000; text-align: center; font-weight: normal; padding: 11px 0 9px; border-bottom: 1px solid #e4e4e4; text-align: center; color: #000;}
.lst_guide01 td.num{color: #ccc;}
.lst_guide01 td.td_lft{text-align: left; padding: 11px 0 9px 10px;}

.no_cont {width:100%;text-align:center;padding:80px 0; color:#828282; font-size:13px;}

/** view_bx **/
.view_bx{overflow: hidden; border-top: 2px solid #000; padding:0 0 20px;}
.view_bx .title_bx{width: auto;}
.view_bx dl{line-height: 1.1em; vertical-align: top;}
.view_bx dl{width: auto; overflow: hidden; background-color: #f7f7f7; border-bottom:1px solid #e4e4e4;}
.view_bx dl dt{color: #353537; float: left; background-color: #fff; border-top:1px solid #e4e4e4; font-weight: bold; width:100px; padding:12px 0 12px 26px; height:100%; text-align: left; }
.view_bx dl dd{color: #353537; float: left; background-color: #fff; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; font-weight: bold; width:603px; text-align: left; padding: 12px 20px;}
.view_bx dl .top_dt{width: 100px; background-color: #f7f7f7; float:left; border-top:0 none;}
.view_bx dl .top_dd{width: 603px; background-color: #f7f7f7; border-top:0 none;}
.view_bx dl dd a{ font-weight: bold; color: #065ddf;}
.view_bx dl .gray_bg {background-color: #f7f7f7;} 
.view_bx .text_bx {word-wrap:break-word;  line-height: 21px !important;  color: #353537; padding:30px 15px; width:auto; border-bottom: 1px solid #d5d5d5;}
.view_bx .text_bx img {max-width: 100%;}

table.view_table input.box,
table.view_table textarea.textarea {border:1px solid #ccc;}

/** Tab_img (°¶·¯¸® ¸®½ºÆ®) **/
.Tab_img {margin-bottom:20px;}
.Tab_img li {display:inline-block; margin:0 18px 18px 0;}
.Tab_img li:nth-child(4n){margin-right:0;}
.Tab_img li.last {margin-right:0;}
.Tab_img li>a{display:block; width:179px; height:169px; position:relative;}
.Tab_img li>a img {width:179px; height:169px;}
.Tab_img li>a span{display:block; width:179px; height:35px; line-height:35px; text-align:center; font-size:14px; color: #fff; position:absolute; left:0; bottom:0; background: url(/images/common/thum_lst_img_line.png) no-repeat left top;}


/** µ¿¿µ»ó **/
.video_cont .video {display:block; width:560px; height:315px; margin:0 auto 50px;}
.thum_lst li {float:left; margin:0 20px 25px 0;}
.thum_lst li p {display:block; text-align:center; padding-top:10px; width:170px; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.thum_lst li img {width:175px; height:140px; border:1px solid #ddd;}



.btn_writer {width:80px !important; background:#333 !important; border:none!important; text-align:center; padding:2px 0; color:#fff!important; float:right; display:block;}
.btn_writer i {margin-right:5px; display:inline-block;}
.btn_writer:hover {background:#e64433 !important; color:#fff !important;}

.btn_search {width:65px; background:#333; text-align:center; padding:6px 0; color:#fff !important; display:inline-block;}
.btn_search i {margin-right:5px !important; display:inline-block !important;}
.btn_search:hover {background:#e64433 !important; color:#fff !important; text-decoration:none}


.list_btn {width:70px; background:#fff; border:1px solid #ddd; text-align:center; padding:2px 0; color:#000!important; margin-right:3px; float:left; display:block;}
.list_btn i {margin-right:5px; display:inline-block;}
.list_btn:hover {background:#e64433!important; border:1px solid #e64433;  color:#fff!important;}

.repply_btn {width:90px; background:#fff; border:1px solid #ddd; text-align:center; padding:2px 0; color:#000!important; float:left; display:block;}
.repply_btn i {margin-right:5px; display:inline-block;}
.repply_btn:hover {background:#e64433!important; border:1px solid #e64433; color:#fff!important;}

.red_btn {width:65px; background:#e64433; text-align:center; padding:6px 0; color:#fff; display:inline-block;}
.red_btn i {margin-right:5px; display:inline-block;}
.red_btn:hover {background:#e64433!important; color:#fff!important; border:none!important;}

.delete_btn {width:90px; background:#fff; border:1px solid #ddd; text-align:center; padding:2px 0; color:#000!important; float:left; display:block;}
.delete_btn i {margin-right:5px; display:inline-block;}
.delete_btn:hover {background:#e64433!important; border:1px solid #e64433; color:#fff!important;}

.modify_btn {width:90px; background:#fff; border:1px solid #ddd; text-align:center; padding:2px 0; color:#000!important; margin-right:3px; float:left; display:block;}
.modify_btn i {margin-right:5px; display:inline-block;}
.modify_btn:hover {background:#e64433!important; border:1px solid #e64433; color:#fff!important;}



