/** default nanum gothic web font **/
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/** adding extra nanum font **/
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);


/** Board   List CSS **/
.htobbs_list_layer{}

#htobbs_list_tbl {width:100%;border-collapse:collapse; margin-bottom:0px;}


.htobbs_list_tbl_head {font-weight: bold; background-color: #fcfcfc; border-bottom: 1px solid #d2cdcd; border-top: 1px solid #d2cdcd;}

.htobbs_list_tbl_header_title { width:55%; text-align: center; height:40px;}
.htobbs_list_tbl_header_num {width:10%; text-align: center}
.htobbs_list_tbl_header_writer {width:20%; text-align: center}
.htobbs_list_tbl_header_cnt {}
.htobbs_list_tbl_header_date {width:15%; text-align: center}

.htobbs_list_tbl_body { font-weight: normal; font-size: 15px; border-top: 1px solid #d2cdcd;}
.htobbs_list_tbl_body tr {height:40px; border-top:1px solid #f7f7f7;}
.htobbs_list_tbl_body tr:hover { background-color: #F2F2F2}
.htobbs_list_tbl_body tr td {}
.htobbs_list_tbl_body_num { text-align: center }
.htobbs_list_tbl_body_title { text-align: left }
.htobbs_list_tbl_body_writer { text-align: center }
.htobbs_list_tbl_body_date { text-align: center }
.htobbs_list_tbl_body_link {font-weight:lighter;font-size: 15px; }

.pagination {}
.htobbs_list_pagenav_layer { float:center;}
.htobbs_list_pagenav_prev {}		/** LI  **/
.htobbs_list_pagenave_num_active {}		/** LI  **/
.htobbs_list_pagenave_num {}			/** LI  **/
.htobbs_list_pagenav_next {}			/** LI  **/
.htobbs_list_pagenav_next_active {}		/** LI  **/

.search_layer_id {}
#search_type_id {width:200px; border-radius: 4px;}
#search_type_key { width:200px; border-radius: 4px;}



/** Board view CSS **/
.htobbs_view_layer {}
#htobbs_view_tbl {width:100%; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;}

.htobbs_view_tbl_head{}
.htobbs_view_tbl_header_total{}
.htobbs_view_tbl_title { width:10%;height:40px; background-color: #F2F2F2 ; min-width:120px;padding-left: 20px; font-weight: bold; border: 1px 0px 1px 0px solid #6E6E6E}
.htobbs_view_tbl_title_value {width:90%; height:40px; background-color: #F2F2F2 ;  border: 1px 0px 1px 0px solid #6E6E6E}
.htobbs_view_tbl_subtitle {}
.htobbs_view_tbl_subtitle_value {}
.htobbs_view_tbl_name { width:10%;height:40px; min-width:120px;padding-left: 20px; font-weight: bold}
.htobbs_view_tbl_name_value { width:90%;height:40px; }
.htobbs_view_tbl_attach { width:10%;height:auto; min-height:40px; min-width:120px;padding-left: 20px; font-weight: bold; vertical-align: text-top;}
.htobbs_view_tbl_attach_value  { width:90%; height:auto; min-height:40px;  }
.htobbs_view_tbl_media {}
.htobbs_view_tbl_spacer {height:10px; width:100%;}
.htobbs_view_tbl_content_tr {width:100%; height:30%; min-height:500px; border-top: 1px solid #D8D8D8; }
.htobbs_view_tbl_content { width:100%; padding:30px 20px 150px 20px;  min-height:500px; vertical-align: text-top; }

.htobbs_view_comment_name {}
.htobbs_view_comment_date {}

.htobbs_view_attach {clear:both;}


/** Board write CSS **/
.htobbs_write_layer{}
#htobbs_write_tbl {}

.htobbs_write_tbl_head {}
.htobbs_write_title {}
.htobbs_write_subtitle {}
.htobbs_write_name {}
.htobbs_write_email {}
.htobbs_write_secret {}
.htobbs_write_passwd {}
.htobbs_write_attach {}
.htobbs_write_attach_input {}
.htobbs_write_media {}
.htobbs_write_media_input {}
.htobbs_write_media_content {}


.htobbs_category_checkbox {} 
#htobbs_category_checkbox_id_1 {}
#htobbs_category_checkbox_id_2 {}
#htobbs_category_checkbox_id_3 {}
#htobbs_category_checkbox_id_4 {}
#htobbs_category_checkbox_id_5 {}	



#titie_id { width:500px; border-radius: 4px;}
#subtitle_id { width:500px; border-radius: 4px;}
#name_id { width:300px; border-radius: 4px;}
#email_id { width:300px; border-radius: 4px;}
#secret_id {}
#paswd_id { }
#paswd_re_id { } 
#contents_id { width:500px; height:250px; border-radius: 4px; }



.htobbs_bbs_split_line {clear:both;height:1px;background-color:#d2cdcd}
.htobbs_bbs_split_line_spacer {clear:both;height:80%;min-height:20px;}
	#htobbs_bbs_split_body_spacer_id {clear:both;height:20px;}

#htobbs_list_pagenav_pre { float:center;width:1px;}
#htobbs_list_pn_layer {clear:both; margin-bottom : 40px;}
.htobbs_list_pn_view {clear:both; padding:5px 0px 5px 0px;}
.htobbs_list_prevnext { font-family:'Nanum Barun Gothic',Serif;font-size:13px; color:#FFFFFF; }
.htobbs_list_pn { float:left; background-color:#a9d300; height:18px; width:70px; border-radius:7px; -moz-border-radius:7px; padding-top:8px; text-align:center; font-family:'Nanum Barun Gothic',Serif;font-size:12px; color:#FFFFFF;}
.htobbs_list_pn_title { float:left; height: 18px; padding-top:8px; margin-left: 10px; font-family:'Nanum Barun Gothic',Serif;font-size:12px; color:#000000;} 



/** gallary List CSS **/
/**
#htobbs_gal_list_layer {width:100%;height:245px;background-color:yellow}

#htobbs_gal_list_layer_timg {float:left;width:245px;height:245px;background-color:green}
#htobbs_gal_list_layer_spacer {float:left;width:25px;height:245px;background-color:blue}
#htobbs_gal_list_layer_info {float:left;width:568px;height:245px;background-color:orange}
#htobbs_gal_list_layer_title {width:100%;height:40px;background-color:navy;margin:2px 30px 2px 10px;}
#htobbs_gal_list_layer_writer {width:100%;height:20px;background-color:violet;margin:2px 2px 2px 10px;}
#htobbs_gal_list_layer_subtitle {width:100%;background-color:brown;margin:5px 30px 5px 10px;line-height: 40px;}
#htobbs_gal_list_layer_detail {width:100%;height:50px;background-color:pink;text-align:right;margin:2px 4px;}
#htobbs_gal_list_layer_rowspacer {width:100%;height:10px;background-color:gray}

#htobbs_gal_list_span_title {font-family:'Nanum Barun Gothic',Serif;font-size:35px;} 
#htobbs_gal_list_span_writer {font-family:'Nanum Barun Gothic',Serif;font-size:20px;color:#b0b0b0 } 
#htobbs_gal_list_span_subtitle {font-family:'Nanum Barun Gothic',Serif;font-size:21px;}

**/
.htobbs_gal_layer { width:auto;height:auto;max-width: 1000px; }
#htobbs_gal_list_layer { width:100%; height:245px; min-height: 245px; padding-left: 10px; }

.htobbs_gal_body_layer {}
.htobbs_gal_list_layer_admincheckbox {float:left;width:20px;height:245px; }
#htobbs_gal_list_layer_timg {float:left;width:245px;height:245px;}
#htobbs_gal_list_layer_spacer {float:left;width:25px;height:245px;}
#htobbs_gal_list_layer_info {float:left;width:520px;height:245px;}
#htobbs_gal_list_layer_title {width:100%;height:40px;margin:2px 30px 2px 10px; padding-top:10px;}
#htobbs_gal_list_layer_writer {width:100%;height:20px;margin:2px 2px 2px 10px;}
#htobbs_gal_list_layer_subtitle {width:100%;margin:20px 30px 5px 10px;line-height: 30px;}
#htobbs_gal_list_layer_detail {width:100%;height:50px;text-align:right;margin:2px 4px; }
#htobbs_gal_list_layer_rowspacer {width:100%; border-bottom: 1px solid #E6E6E6; margin-bottom: 10px;}

#htobbs_gal_list_span_title {font-family:'Nanum Barun Gothic',Serif;font-size:35px; } 
#htobbs_gal_list_span_writer {font-family:'Nanum Barun Gothic',Serif;font-size:20px;color:#b0b0b0 } 
#htobbs_gal_list_span_subtitle {font-family:'Nanum Barun Gothic',Serif;font-size:21px;line-height: 30px}


#htobbs_gal_view_layer {width:100%;}
#htobbs_gal_view_layer_info {width:100%}
#htobbs_gal_view_layer_title {width:100%;height:40px;margin:2px 30px 2px 10px;}
#htobbs_gal_view_layer_writer {width:100%;height:20px;margin:2px 2px 2px 10px;}
#htobbs_gal_view_layer_subtitle {width:100%;margin:5px 30px 5px 10px;line-height: 40px;}

#htobbs_gal_view_layer_body {width:100%}

#htobbs_gal_view_span_title {font-family:'Nanum Barun Gothic',Serif;font-size:35px;} 
#htobbs_gal_view_span_writer {font-family:'Nanum Barun Gothic',Serif;font-size:20px;color:#b0b0b0 } 
#htobbs_gal_view_span_subtitle {font-family:'Nanum Barun Gothic',Serif;font-size:21px;}


/** galllery B **/
.htobbs_galB_layer { width:auto;height:auto; max-width: 1000px; }
.htobbs_galB_list_layer { float:left; width:190px; margin:0px 0px 0px 15px; min-height: 330px; padding-left: 10px;}
.htobbs_galB_list_head { height:20px;}
.htobbs_galB_list_img { width:190px;height:190px; margin-bottom: 15px;}
.htobbs_galB_list_thumbnail { width:190px; height:180px; border:0px; }
.htobbs_galB_list_thumbnail_madeia { width:190px; height:190px; border:0px; }
.htobbs_galB_list_title { width:190px; font-family:'Nanum Barun Gothic',Serif;font-size:15px; margin-bottom:5px; line-height: 20px;}
.htobbs_galB_list_writer { width:190px; font-family:'Nanum Barun Gothic',Serif;font-size:13px; color:#b0b0b0;}
.htobbs_galB_list_footer { width:190px; height:20px;}

.htobbs_galB_list_layer_admincheckbox {float:left;width:20px;height:240px; }

#htobbs_galB_view_layer {width:100%;}
#htobbs_galB_view_layer_info {width:100%}
#htobbs_galB_view_layer_title {width:100%;height:40px;margin:2px 30px 2px 10px;}
#htobbs_galB_view_layer_writer {width:100%;height:20px;margin:2px 2px 2px 10px;}
#htobbs_galB_view_layer_subtitle {width:100%;margin:5px 30px 5px 10px;line-height: 40px;}

#htobbs_gal_view_layer_body {width:100%}

#htobbs_galB_view_span_title {font-family:'Nanum Barun Gothic',Serif;font-size:35px;} 
#htobbs_galB_view_span_writer {font-family:'Nanum Barun Gothic',Serif;font-size:20px;color:#b0b0b0 } 
#htobbs_galB_view_span_subtitle {font-family:'Nanum Barun Gothic',Serif;font-size:21px;}





/** Sort Layer CSS **/
.htobbs_sortlayer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.htobbs_sortlayer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.htobbs_sortlayer .pop-layer {display:block;}
 
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 550px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;} 
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
 
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

a.abtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.abtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}


#htobbs_sortlayer_list {float:left; }
#htobbs_sortlayer_spacer {float:left; width:40px; height:auto;}
#htobbs_sortlayer_thumbnail {float:left; margin:20px 20px 20px 40px; width:280px;}
.htobbs_sort_row {background-color: orange;  margin:5px 5px 5px 5px;}
.htobbs_sort_col {float:left; }
#htobbs_sort_x {font-family:'Nanum Barun Gothic',Serif;font-size:18px;color:#000000;}


#htobbs_gal_split_line {clear:both;height:1px;background-color:#d2cdcd}
#htobbs_gal_split_line_spacer {clear:both;height:20px;}


/** Prev & NExt **/
.htobbs_gal_prevnext { font-family:'Nanum Barun Gothic',Serif;font-size:13px; color:#FFFFFF; }
.htobbs_gal_pn { float:left; background-color:#a9d300; height:24px; width:110px; border-radius:7px; -moz-border-radius:7px; padding-top:12px; text-align:center; font-family:'Nanum Barun Gothic',Serif;font-size:12px; color:#FFFFFF;}
.htobbs_gal_pn_spacer { float:left; width:10px; height:24px;}
.htobbs_gal_pn:hover {background-color:#6b8017; color:#FFFFFF;}
#htobbs_gal_pn_layer_pre { float:right;text-align:right; width:10px;}
#htobbs_gal_pn_layer { float:right;text-align:right;}

/** page nav **/

.dir {font-family:'Nanum Barun Gothic',Serif;font-size:8px; color:#5f5656;}
#htobbs_gal_page_nav_pre { float:right;text-align:right; width:10px;}
#htobbs_gal_page_nav { float:right;text-align:right; margin-bottom: 20px;}
.htobbs_list_pagenav_info {list-style:none;float:left; width:auto;height:20px;text-align:center; margin-right:20px; font-family:'Nanum Barun Gothic',Serif;font-size:12px; color:#5f5656; padding-top: 10px;}
.htobbs_list_pagenav_prev_active {list-style:none;float:left;border:1px solid;border-color:#dad1d1; background-color:#ebe8e8;padding-bottom:3px;width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px; -moz-border-radius:3px; margin:2px;}
.htobbs_list_pagenav_prev {list-style:none;float:left;border:1px solid; border-color:#dad1d1; background-color:#ebe8e8;padding-bottom:3px; width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px; -moz-border-radius:3px; margin:2px;}
.htobbs_list_pagenave_num_active {list-style:none;float:left;border:1px solid; border-color:#dad1d1; background-color:#aaa7a7;padding-bottom:3px; width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px; -moz-border-radius:3px; margin:2px;font-weight:bold;}
.htobbs_list_pagenave_num {list-style:none;float:left;border:1px solid; border-color:#dad1d1; background-color:#ebe8e8;padding-bottom:3px; width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px; -moz-border-radius:3px; margin:2px;}
.htobbs_list_pagenav_next_active {list-style:none;float:left;border:1px solid; border-color:#dad1d1; background-color:#ebe8e8;padding-bottom:3px; width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px; -moz-border-radius:3px; margin:2px;}
.htobbs_list_pagenav_next{list-style:none;float:left;border:1px solid; border-color:#dad1d1; background-color:#ebe8e8;padding-bottom:3px; width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px; -moz-border-radius:3px;margin:2px;}

.htobbs_list_pagenav_prev_active:hover {background-color:#d2cdcd; }
.htobbs_list_pagenav_prev:hover {background-color:#d2cdcd; }{background-color:#d2cdcd; }
.htobbs_list_pagenave_num_active:hover {background-color:#d2cdcd; }
.htobbs_list_pagenave_num:hover {background-color:#d2cdcd; }
.htobbs_list_pagenav_next_active:hover {background-color:#d2cdcd; }
.htobbs_list_pagenav_next:hover {background-color:#d2cdcd; }


.htobbs_btn_pagelist,.htobbs_btn_pagewrite,.htobbs_btn_pagereply,.htobbs_btn_pageedit { border:0px ; background-color:#a9d300; height:34px; width:110px; border-radius:7px; -moz-border-radius:7px; text-align:center; font-family:'Nanum Barun Gothic',Serif;font-size:13px; color:#000000; margin:0px 5px 0px 5px;}
.htobbs_btn_pagedelete { border:0px ; background-color:#FA5858; height:34px; width:110px; border-radius:7px; -moz-border-radius:7px; text-align:center; font-family:'Nanum Barun Gothic',Serif;font-size:13px; color:#FFFFFF; margin:0px 5px 0px 5px;}
.htobbs_btn_pagelist:hover { background-color:#6b8017; color:#FFFFFF}
.htobbs_btn_pagewrite:hover { background-color:#6b8017; color:#FFFFFF}
.htobbs_btn_pagedelete:hover { background-color:#DF0101; color:#FFFFFF}
.htobbs_btn_pagereply:hover { background-color:#6b8017; color:#FFFFFF}
.htobbs_btn_pageedit:hover { background-color:#6b8017; color:#FFFFFF}


/** password check page **/
.htobbs_passwdchk_tb {}
.htobbs_passwdchk_row {}
.htobbs_passwdchk_title {  font-family:'Nanum Barun Gothic',Serif;font-size:20px; color:#000000; }
.htobbs_passwdchk_val {}


@media screen and ( max-width: 800px ){
	.htobbs_list_tbl_header_num { display:none }
	.htobbs_list_tbl_header_writer { display:none }	
	.htobbs_list_tbl_header_date { display:none }

	.htobbs_list_tbl_body_num { display:none }
	.htobbs_list_tbl_body_writer { display:none }
	.htobbs_list_tbl_body_date{ display:none }
	
}

/* main page css */
#cartoom_main_imct_img {width:321px;height:214px;}


/** reset wpfooter laver for bootstrap **/
#wpfooter {  display:none;}

#htobbs_gal_page_nav .pagination .active a {
  background-color: transparent;
}