/*********************** List ***********************/

.screen_out		{ overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px; display:none;}
.in_tit {text-align:center; font-size:16px; color:#333; padding:0 10px 5px 10px; display:none}

.board_con				{ border-top:1px solid #666; border-bottom:1px solid #e7e7e7; background:#fff; margin:15px; margin-top:0}
.board_con ul.list li	{ position:relative; border-bottom:1px solid #e1e1e1}
.board_con ul.list li a	{ display:block; overflow:hidden; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.board_con ul.list li:last-child	{ border-bottom:none}

.board_con ul.list li a .number_info	{ font-size:12px; font-style:italic; color:#666; font-weight:normal; line-height:16px}
.board_con ul.list li a .tit_notice	{ display:inline-block; height:14px; line-height: 14px;  padding:0px 2px; border-radius:2px; font-size:10px; color:#fff; background:#e74c3c; /*background:url(../tmbi_images/cmm/ico_notice.png) 0 0 no-repeat ; background-size:17px; text-indent:-199999;*/}
.board_con ul.list li a span.tit_notice i{color:#e74c3c}
.board_con ul.list li a .tit_info		{ /*padding-top:3px;*/ }
.board_con ul.list li a .tit_info img { width: 14px; margin-bottom:-2px;}
.board_con ul.list li a .tit_info img.re {margin:-7px 5px 0 15px; width:14px; }
.board_con ul.list li a span.txt_detail	{ font-size:14px; color:#000; line-height:20px; white-space:normal; word-break:break-all; font-weight:normal; vertical-align: middle}
.board_con ul.list li a span.comment	{ font-size:14px; color:#e74c3c}
.board_con ul.list li a .txt_info		{ padding-top:6px; font-size:11px; color:#999; font-weight:normal; line-height:16px}
.board_con ul.list li a .txt_info img{height:9px;}
.board_con ul.list li a span.txt_bar	{ display:inline-block; width:1px; height:10px; margin:3px 5px; font-size:0; line-height:0; background:#d9d9d9; text-indent:-9999px; vertical-align:top}

.board_con ul.list li.notice a			{}
.board_con ul.list li.notice a span.txt_detail	{ color:#000; font-weight:700;}

.brd_topimg	{ padding:10px}


.board_con.mypg ul.list li 					{ overflow:hidden; padding:15px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.board_con.mypg ul.list li p.number_info	{ font-size:12px; font-style:italic; color:#666; font-weight:normal; line-height:16px}
.board_con.mypg ul.list li p.tit_info		{ padding-top:3px; }
.board_con.mypg ul.list li p.cp_img			{ margin:5px 0 10px 0}
.board_con.mypg ul.list li p.cp_img img		{ width:150px}
.board_con.mypg ul.list li p.during			{ font-size:15px; color:#111; margin-bottom:10px}
.board_con.mypg ul.list li span.txt_detail	{ font-size:15px; color:#000; line-height:20px; white-space:normal; word-break:break-all}
.board_con.mypg ul.list li p.txt_info		{ padding-top:6px; font-size:13px; color:#666; font-weight:normal; line-height:16px}
.board_con.mypg ul.list li span.txt_bar		{ display:inline-block; width:1px; height:10px; margin:3px 5px; font-size:0; line-height:0; background:#d9d9d9; text-indent:-9999px; vertical-align:top}



/* paging */
.paging_board 						{ position:relative;max-width:400px;height:22px;margin:0 auto 20px auto;padding:0 30px;text-align:center}
.paging_board .desc_paging			{ display:block;overflow:hidden;position:relative;width:100%;height:22px;font-size:0}
.paging_board .num_page				{ display:inline-block;width:19%}
.paging_board .num_page .link_page	{ display:inline-block;overflow:hidden;min-width:20px;height:22px;padding:0 5px;font-size:15px;line-height:22px;color:#666}
.paging_board .num_page span.link_page	{ color:#e24c45}

.paging_board .btn_page { position:absolute;top:0;width:20px;height:20px;}
.paging_board .btn_prev { left:10px}
.paging_board .btn_next { right:10px}


.paging { width: 100%; text-align: center; padding: 0px; clear: both; font-size: 0px; font-weight: bold; position: relative; padding-bottom:20px;}
.paging_ytn { margin: 2px 0px 0px; padding-top: 0px; }
.paging a {color: #999; line-height: normal; font-family: Verdana; font-size: 13px; text-decoration: none; vertical-align: middle;
display: inline-block; position: relative; margin:0 2px; width:24px; overflow:hidden; text-align:center; font-weight:500;}
.paging strong  {color: #000; line-height: normal; font-family: Verdana; font-size: 13px; text-decoration: none; vertical-align: middle;
display: inline-block; position: relative; margin:0 5px;  width:28px; overflow:hidden; text-align:center;}
.paging a:hover { color: #000 !important; text-decoration: none; }
.paging strong {color: #fff !important; text-decoration: none; background:#444; height:25px; line-height:25px; font-weight:400;}
.paging  a.pre{ padding: 0 3px 0 0; margin:0; border: none; display: inline-block;}
.paging  a img {width:25px;}
.paging  a.next{ padding: 0 0 0 3px; margin:0; border: none;  display: inline-block;}
.paging a.pre:hover { padding: 0 3px 0 0; margin:0; border: none; }
.paging a.next:hover { padding: 0  0 0 3px; margin:0; border: none; }


/* Search */
.sch_box_wrap {margin:0px 15px 15px;}
.sch_box	{ float:left;  width:80%; border:1px solid #e7e7e7; background: #fff; height:33px}
.opt_sch	{  width:85px; height:33px; padding-left:10px; border:1px solid #aaa;  font-weight:normal; background-size:1.1em; background-position:95% center;}

.tf_keyword { border:0 none; color:#000; vertical-align:top; height:33px; padding:6px; width:140px;}

.btn_search	{ float:right; width:18%; height:35px; font-size:12px; border:0 none;  background:#eee; color:#888; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.sch_box select, input {border-radius:0; border:none;}

/*********************** List Event ***********************/
.board_con.event			{ border:0 none; background:none; margin:10px}
ul.event_list				{ width:100%;}
ul.event_list li			{ position:relative; margin-bottom:10px; overflow:hidden}
ul.event_list li:after		{ content:""; clear:both; display:block}
ul.event_list li a			{ position:relative; display:block; height:120px; border:1px solid #d7d7d7; background:#fff; }
ul.event_list li .img		{ position:absolute; left:0; top:0;}
ul.event_list li .img img	{ width:120px; height:120px;}
ul.event_list li .con			{ padding-left:130px}
ul.event_list li .con .subject	{ font-size:15px; color:#333; line-height:20px; padding-top:20px; margin-bottom:10px}
ul.event_list li .con .day		{ position:absolute; left:130px; bottom:20px; width:100%; font-weight:normal}

ul.event_list li.no_event a	{ text-align:center; height:70px; padding-top:50px}


/*********************** List Promotion ***********************/
.board_con.promotion			{ border:0 none; background:none; margin:10px}
ul.promotion_list				{ width:100%;}
ul.promotion_list li			{ position:relative; margin-bottom:10px; overflow:hidden}
ul.promotion_list li:after		{ content:""; clear:both; display:block}
ul.promotion_list li a			{ position:relative; display:block; border:1px solid #d7d7d7; background:#fff; }
ul.promotion_list li .img img	{ width:100%}
ul.promotion_list li .con			{ text-align:center; padding:20px 0}
ul.promotion_list li .con .subject	{ font-size:15px; color:#333; line-height:20px; margin-bottom:5px}
ul.promotion_list li .con .day		{ font-weight:normal}


/*********************** List ZZim ***********************/
.board_con.zzim				{ border:0 none; background:none; margin:10px}
ul.zzim_list				{ width:100%;}
ul.zzim_list li				{ position:relative; margin-bottom:20px; overflow:hidden}
ul.zzim_list li:after		{ content:""; clear:both; display:block}
ul.zzim_list li a			{ position:relative; display:block; border:1px solid #d7d7d7; background:#fff; }
ul.zzim_list li .zzim_img		{ text-align:center; padding-top:10px}
ul.zzim_list li .zzim_img img	{ width:60%;}
ul.zzim_list li .con				{ padding:20px 10px}
ul.zzim_list li .con .subject		{ font-size:15px; color:#333; line-height:20px; margin-bottom:5px}
ul.zzim_list li .con .subject_sub	{ font-weight:normal; color:#666; margin-bottom:10px}
ul.zzim_list li .con .price			{ color:#ec3f09; font-size:15px}

ul.zzim_list li .btn_cmm			{ position:absolute; right:10px; bottom:0}




/*********************** View ***********************/

/* 제목 */
.view_subject				{ padding:10px; border-bottom:1px solid #e7e7e7; }
.view_subject .tit_subject	{ display:block; font-size:14px; line-height:22px; color:#222}

.view_subject .txt_subject	{ display:block; padding:5px 0 0 1px; line-height:16px; color:#999; vertical-align:top; font-weight:normal; font-size:12px;}
.view_subject .txt_subject .txt_bar	{ display:inline-block; width:1px; height:11px; margin:2px 6px 0; font-size:0; line-height:0; background:#d9d9d9; text-indent:-9999px; vertical-align:top}

/* 내용 */
.view_con	{ padding:10px; min-height:100px; font-weight:normal; font-size:13px; line-height:19px; color:#000; border-bottom:1px solid #e7e7e7}
.view_con img {height:auto !important;}

/*********************** Write ***********************/
input.inp_title 		{ width:100%; border:0 none; font-size:15px; color:#222; line-height:18px; vertical-align:top;  padding:0}
.write_form.w_contents 	{ overflow:hidden; height:auto; }
textarea.write_con		{ width:100%;; min-height:200px; border:0 none; font-size:15px; line-height:26px; color:#222}
input.inp_title::-webkit-input-placeholder { font-weight:normal; color:#999}
textarea.write_con::-webkit-input-placeholder {font-size:16px}
textarea.write_con::-webkit-input-placeholder {color:#909090}
.write_form { position:relative; width:100%; padding:12px 10px; border-bottom:1px solid #eee}
.write_form select {width: 140px; height:32px; max-width:calc(100% - 110px); margin-top:3px; background-size: 10px;}
.write_form02 { position:relative; width:100%; padding:12px 10px; border-bottom:1px solid #eee}
.write_form02 select {width: 140px; height:32px; max-width:calc(100% - 110px); margin-top:3px; background-size: 10px;}

/*********************** Button ***********************/

/* 게시판 Button */
.btn_cmm{margin:0px 15px 15px 15px;}
.btn_cmm span.num{display: inline-block; margin-top:20px;}
.btn_cmm:after		{ content:""; clear:both; display:block}
.btn_cmm .left		{ float:left}
.btn_cmm .right		{ float:right}
.btn_cmm .center	{ display:table; margin:0 auto}
.btn_cmm a			{ display:block; padding:7px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; color:#fff; font-size:12px; background:#fff; border:1px solid #e7e7e7; border-radius:1px;  }
.btn_cmm a.btn_list	{ background:#323232;}
.btn_cmm a.btn_write{ float:right; color:#888;  /*background:url(../tmbi_images/cmm/ico_write.png) 8px 4px no-repeat ; background-size:20px;padding-left:38px;*/}
.btn_cmm a.btn_zzim	{ background:#323232; display:table-cell}
.btn_cmm a.btn_comment	{ display:inline-block; background:#999; color:#fff; border:none; margin-right:-15px;}

.btn_cmm2 {text-align:center;}
.btn_cmm2 a { display:inline-block; padding: 7px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #e7e7e7;
color:#333; background:#fff; font-size:12px; font-weight:500; text-align:center; }
/*.btn_cmm2.btn2 a {width:48.5%;}
.btn_cmm2.btn3 a {width:31.7%;}
.btn_cmm2.btn4 a {width:23.3%;}*/
.btn_cmm2 a.del {border:1px solid #424242; color:#fff; background:#424242;}


/*********************** Comment ***********************/


/* 댓글쓰기*/
.comment_con			{ background:#fff; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
padding:20px 10px;}
textarea.comment		{ width:100%; height:70px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#f6f6f6; line-height:18px; margin-bottom:10px; border:1px solid #e7e7e7}

/* 댓글 리스트*/
.comment_list		{ margin-bottom:15px; /*border-top:1px solid #d9d9d9; */ border-bottom:1px solid #e7e7e7;}
.comment_list h3	{ display:block; padding:10px 0 10px 20px; font-size:12px; color:#d63733; background:url(../tmbi_images/cmm/ico_comment.png) 0 center no-repeat ; background-size:15px;}

ul.comment_body				{ }
ul.comment_body li			{ position:relative; padding:15px 0; border-top:1px solid #e7e7e7}

ul.comment_body li .txt_info{ display:block; overflow:hidden; padding-bottom:10px; font-size:11px; line-height:16px; color:#999; vertical-align:top; font-weight:normal}
ul.comment_body li .txt_info strong{color:#000; font-size:13px}
ul.comment_body li .txt_info .txt_bar {display:inline-block;width:1px;height:11px;margin:2px 6px 0;font-size:0;line-height:0;background:#ebebeb;text-indent:-9999px;vertical-align:top}
ul.comment_body li .txt_detail	{ font-weight:normal; color:#424242; line-height:20px}

.comment_con .add_txt {margin-bottom:5px; float:left; color:#333;}
.comment_con .etc_c {float:left; color:#B0B0B0; padding-left:5px;}

.comment_box_wrap .name {padding-bottom:15px; font-size:12px;}
.comment_box_wrap .name strong {color:#000;}

.pop_search_border { background:#fff;  text-align:center;}
.pop_search_border .pw_title { font-size:16px; font-weight:600; color:#333; padding:10px 0 20px 0;  overflow:hidden;}
.pop_btn {}
.pop_btn li {float:left; margin:0 3px;}
.pop_btn a {display:block; color:#555; font-size:13px; padding:0 5px; min-width:30px; height:31px; line-height:31px; text-align:center; font-weight:600;
text-decoration:none;  background:#fff; border:1px solid #acacac;}
.pop_search_border input {height:22px; border:1px solid #acacac;}



/* 갤러리형 게시판 */
#list_photo{ clear:both; margin-bottom:10px; overflow:hidden;}
#list_photo li { clear:both; position:relative; background:#fff; margin:15px; border-bottom: 1px solid #e7e7e7; box-sizing:border-box; overflow:hidden;}
#list_photo li:first-child{margin-top:0}
#list_photo li:last-child{margin-bottom:0}
#list_photo li a {display:block;}
#list_photo li img{ height:240px; width:100%;}
#list_photo li .subject {display:block; padding:10px 15px; overflow:hidden; line-height:21px; font-size:15px;}
#list_photo li .date {display:block; padding:0px 0px 15px 15px; color:#999; font-size:12px;}
#list_photo li.last {margin-right:0;}


@media screen and (max-width: 335px) {
#list_photo li img{ height:190px; width:100%;}
}