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

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

.board_con				{ border:1px solid #e7e7e7; border-top:2px solid #666; background:#fff; margin:10px 5px; }
.board_con ul.list li	{ position:relative; border-bottom:1px dotted #a9aaaf}
.board_con ul.list li a	{ display:block; overflow:hidden; padding:10px 10px 5px 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	{ float:left; width:17px; margin-right:5px; background:url(../tmbi_images/cmm/ico_notice.png) left 4px no-repeat ; background-size:15px;
text-indent:-199999; font-size:0; }
.board_con ul.list li a .tit_info		{ padding-top:3px; }
.board_con ul.list li a .tit_info img {width:10px; margin-right:5px; margin-top:-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:13px; color:#ff6000; font-weight:500; }
.board_con ul.list li a .txt_info		{ padding-top:6px; font-size:13px; color:#666; font-weight:normal; line-height:16px; }
.board_con ul.list li a .txt_info_qna	{ text-align:right; padding-top:15px; font-size:13px; color:#666; font-weight:normal; line-height:16px; }
.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 a .txt_info img{height:19px; margin-top:-2px; }


.board_con ul.list li.notice a			{ background:#e7f2f8; }
.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; margin:0px 0; }
.paging_ytn { margin: 2px 0px 0px; padding-top: 0px; }
.paging a {color: #000; line-height: normal; font-family: Verdana; font-size: 13px; text-decoration: none; vertical-align: middle; 
display: inline-block; position: relative; margin:0 7px; width:28px; overflow:hidden; text-align:center; }
.paging strong {color: #000; line-height: normal; font-family: Verdana; font-size: 14px; text-decoration: none; vertical-align: middle; 
display: inline-block; position: relative; margin:0 7px; width:28px; overflow:hidden; text-align:center; }
.paging a:hover { color: #ff6000 !important; text-decoration: none; }
.paging strong { color: #ff6000 !important; text-decoration: none; }
.paging a.pre{ padding: 0 3px 0 0; margin:0; border: none; display: inline-block; }
.paging a img {width:8px; }
.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:30px 5px 0 5px; }
.sch_box	{ float:left; width:80%; border:1px solid #e7e7e7;background: #fff; }
.opt_sch	{ height:35px; padding-left:10px; border:1px solid #aaa;font-weight:normal; background-size:1.1em; background-position:95% 1em; }

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

.btn_search	{ float:right; width:18%; height:37px; font-size:14px; border:0 none; background:#333; color:#fff; -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:15px 15px 20px; border-bottom:1px dotted #a9aaaf; }
.view_subject .tit_subject	{ display:block; font-size:15px; line-height:22px; color:#222; }

.view_subject .txt_subject	{ display:block; padding:10px 0 0 1px; ine-height:16px; color:#666; vertical-align:top; font-weight:normal; }
.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:14px; line-height:22px; color:#000; }
.view_con img {height:auto !important; }

/*********************** Write ***********************/
.write_form				{ position:relative; width:100%; height:41px; padding:10px 11px 0; border-bottom:1px solid #eee; }
input.inp_title 		{ border:0 none; font-size:15px; color:#222; line-height:28px; vertical-align:top; padding:0; width:calc(100% - 30px); border:1px solid #DDD; padding:2px; }

select.inp_select		{ border:0 none; font-size:15px; color:#222; line-height:28px; vertical-align:top; padding:0; width:calc(100% - 25px); border:1px solid #DDD; padding:2px; font-weight:normal; }

.write_form.w_contents 	{ overflow:hidden; height:auto; } 
textarea.write_con		{ width:calc(100% - 30px); min-height:200px; border:0 none; font-size:15px; line-height:26px; color:#222; border:1px solid #DDD; }
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_form02 { position:relative; width:calc(100% - 25px); padding:12px 10px; border-bottom:1px solid #eee}
.write_form02 select {width: 140px; height:32px; max-width:calc(100% - 25px); margin-top:3px; background-size: 10px; }



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

/* 게시판 Button */
.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 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; color:#fff; background:#57889c; font-size:13px; }
.btn_cmm a.btn_list	{ background:#323232; }
.btn_cmm a.btn_write{ float:left; color:#333;border:none; background:url(../tmbi_images/cmm/ico_write.png) 8px 4px no-repeat ; background-size:20px;padding-left:38px; }

.btn_cmm a.btn_write2	{ background:#F47426;border:1px solid #F47426; width:43px; font-size:14px; color:#fff; float:right; }

font-size:16px; }
.btn_cmm a.btn_zzim	{ background:#323232; display:table-cell; }
.btn_cmm a.btn_comment	{ display:inline-block; background:#fff; color:#333; border:1px solid #555; }

.btn_cmm2 { text-align:center; }
.btn_cmm2 a { display:inline-block; padding:10px 0px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ddd;
color:#333; background:#eee none repeat scroll 0 0; font-size:14px; font-weight:700; 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; border-top:1px solid #666; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
padding:20px 10px; margin-top:25px !important; }
textarea.comment		{ width:100%; height:70px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#f3f3f3; line-height:18px; margin-bottom:5px; border:1px solid #ddd; }

/* 댓글 리스트*/
.comment_list		{ margin-bottom:20px; /*border-top:1px solid #d9d9d9; */ border-bottom:1px solid #d9d9d9; }
.comment_list h3	{ display:block; padding:10px 0 10px 20px; font-size:13px; color:#d63733; font-style:italic; 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 dotted #ccc; }

ul.comment_body li .txt_info{ display:block; overflow:hidden; padding-bottom:5px; font-size:13px; line-height:16px;color:#000; vertical-align:top; font-weight:normal; }
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; }
.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; padding:10px 10px 10px 10px; margin:10px 5px 0px 5px; border: 1px solid #bbb; box-sizing:border-box; overflow:hidden; }
#list_photo li a {display:block; }
#list_photo li .img img{ width:100%;height:auto; }

@media screen and (max-width: 414px){
#list_photo li img{height:240px; }
}
@media screen and (max-width: 360px){
#list_photo li img{height:204px; }
}
@media screen and (max-width: 320px){
#list_photo li img{height:179px; }
}

#list_photo li .subject {display:block; padding:10px 4px 5px 4px; overflow:hidden; line-height:160%; font-size:14px; }
#list_photo li .date {display:block; padding: 0 4px; color:#adadad; }
#list_photo li.last {margin-right:0; }