/*
[common] BOARD
:: BASIC SKIN ::
(asset/css/_board.css)
*/
.ellipsis {
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
	
/* basic_list top serch */
#board-list-search { width:100%;display: inline-block;margin-bottom:10px; }
#board-list-search ul {}
#board-list-search ul+ul { float:right; }
#board-list-search li { float:left; padding-left:3px; }


/* basic_list */
#board-list-wrap { width:100%;/*width:690px; max-width:1024px; min-width:300px; padding:7em 0em 2em ;  border:0px solid red*/}

#board-list {width:100%;table-layout: fixed; }
#board-list thead {color:#4B4B4B;height:40px; border-top:2px solid #CCCCCC; border-bottom:1px solid #ccc; background-color:#f9f9f9; line-height:35px; font-weight:bold;}
#board-list thead td {text-align:center;}
#board-list tbody td {text-align:center;border-bottom:1px solid #ccc;position:relative;padding:12px 10px; color:#4B4B4B;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

#board-list thead td.title-num { width: 10%; }
#board-list thead td.title-subject { width: 55%; }
#board-list thead td.title-name { width: 10%; }
#board-list thead td.title-date { width: 12%; }
#board-list thead td.title-hit { width: 8%; } /* 총 100% */
#board-list tbody td.list-02 {text-align:left !important;}


/* basic_list 빈페이지 */
#board-list tbody tr.list-null td {text-align:center; padding:80px 0 !important;}


/* bottom btn */
#board-list-btn { width:100%;display:block; text-align: right;margin-top:15px;}
#board-list-btn button { }


/* basic_view page */
#board-view-wrap { float:left;width:100%;/*width:690px; max-width:1024px; min-width:300px; margin:auto; padding:1em .2% 0em .2%;*/ border-top: 2px solid #ccc;}
#board-view {width:100%;}
#board-view ul.ctop {display: flex;justify-content: space-between;align-items: center;padding: 0px 0;}
#board-view ul:first-child { border-bottom:1px solid #ccc; /*padding-top:10px */} 
#board-view ul:first-child li {width:100%;background:#f9f9f9;padding:20px 12px; font-size:18px;  font-weight: bold; color:#333}
#board-view ul li {padding:12px 12px;color:#666}
#board-view ul .hit_li { margin-left: auto;}

.board-view-field-basic { color: #333;font-weight:bold; }
.board-view-field-date { color: #666; font-weight:normal;padding-left:5px;}
.board-view-field-date:before {
    content:' l ';
    color:#bbb;
    margin-right:5px;
}
#board-view .ctop li span { /*min-height: 28px;*/  font-weight: bold;margin-right:5px; }
#board-view .ctop li input {  }
#board-view .ctop li .board-view-field-basic input  {  }
#board-view .ctop li .board-view-field-select {font-weight: bold;color:#333; }
#board-view .ctop li .board-view-field-radio { }
#board-view .ctop li .board-view-field-checkbox { }
#board-view .ctop li .board-view-field-phone input { width:90%; max-width:50px }
#board-view .ctop li .board-view-field-tel input { width:90%; max-width:50px }
#board-view .ctop li .board-view-field-mail input { width:90%; min-width:100px; max-width:70px }
#board-view .ctop li .board-view-field-text textarea { width:90%; height:50px }
#board-view .ctop li .board-view-field-date input { width:90% }
#board-view .ctop li .board-view-field-mapnhn { }
#board-view .ctop li .board-view-field-mapdaum { }
#board-view .ctop li .board-view-field-video { }
#board-view .ctop li .board-view-field-consent div { width:100%; overflow:auto; height:80px; border:1px solid #d9d9d9 }
#board-view .ctop li .board-view-field-consent span { line-height:30px }


/* view 본문 */
#board-view .cbody {width:100%; min-height:300px;padding:10px 0px; border-bottom:1px solid #ccc; ;}
#board-view-btn { width:100%; display: flex;gap: 5px;justify-content: flex-start;  align-items: center;padding:1em 0 }
#board-view-btn #push_btn {margin-left: auto;}


/* comment  */
#board-comment-wrap { float:right;width:690px; max-width:1024px; min-width:300px; margin:1em auto 2em auto ; background: #f9f9f9; border:1px solid #DDD; border-radius: 6px; }

/* basic_write page */
#board-write-wrap {width:100%; max-width:1000px; min-width:300px; margin:auto }
#board-write table { width:100%; border:0px; margin:0px; border-top:2px solid #ccc }
#board-write thead { min-height: 44px }
#board-write thead th { border-bottom:1px solid #DDD; background:#f9f9f9; padding:.5em .5em }
#board-write thead td { width:86%; border-bottom:1px solid #DDD; background:#fff; padding:.5em 1em }
#board-write tbody { min-height: 36px }
#board-write tbody td { width:86%; border-bottom:1px solid #DDD; background:#fff; padding:1em 1em }
#board-write td { }
#board-write td:first-child { }
#board-write td input { border:1px solid #ccc }
#board-write td .board-wirte-field-basic input { width:99% }
#board-write td .board-wirte-field-select { }
#board-write td .board-wirte-field-radio { }
#board-write td .board-wirte-field-checkbox { }
#board-write td .board-wirte-field-phone input { width:33%; max-width:50px }
#board-write td .board-wirte-field-tel input { width:33%; max-width:50px }
#board-write td .board-wirte-field-mail input { width:33%; max-width:70px }
#board-write td .board-wirte-field-text textarea { width:96%; height:280px; border: 1px solid #ccc; padding:1em }
#board-write td .board-wirte-field-date input { width:39% }
#board-write td .board-wirte-field-date img { width:28px; padding:0em 0.5em 0.2em 0.2em; vertical-align: middle; }
#board-write td .board-wirte-field-mapnhn { }
#board-write td .board-wirte-field-mapdaum { }
#board-write td .board-wirte-field-video { }
#board-write td .board-wirte-field-consent div { width:96%; overflow:auto; height:80px; border:1px solid #d9d9d9; padding:1em }
#board-write td .board-wirte-field-consent span { line-height:30px }

#btn-area {padding:1em 0;display: flex;  justify-content: space-between;align-items: center;}
#btn-area #write_btn { margin-left: auto; /* 목록가기 없어도 오른쪽 유지 */}



/* (공통) branch, team list */
#horizon-list-search { width:100%;display:inline-block}
#horizon-list-search li { float:left;}
#horizon-list-search li select,
#horizon-list-search li input {margin-right:5px }

#horizon-list {width:100%; margin:30px 0;border-top:2px solid #ccc; }
#horizon-list ul {display:flex;width:100%;border-bottom:1px dotted #999;justify-content: space-between;align-items: center; padding:10px;}
#horizon-list ul:hover {background:#f9f9f9;}
#horizon-list ul:hover a,
#horizon-list ul:hover li.list-02 {
  color: #666;
    }
#horizon-list ul.list-list li { float:left;  }
#horizon-list ul.list-list .list-02 { /*width:60%;*/ text-align:left; text-overflow: ellipsis }
#horizon-list ul.list-list .list-02 a {margin-right:10px;}
#horizon-list ul.list-list .list-homepage {width:30px;}
#horizon-list ul.list-list .list-homepage img.homepage {width:100%;}



/* bracnch view page */
#branch-form table {width:100%; margin-bottom:20px;border-top:2px solid #ccc;}
.view_table_s1 thead th {font-size:18px;}
.view_table_s1 thead th,
.view_table_s1 tbody th {border-bottom:1px solid #d6d6d6;background:#f9f9f9;padding:12px 0px;font-weight:bold;text-align:center;}
.view_table_s1 tbody th {width:18%;min-width:100px;border-right:1px solid #d6d6d6;}
.view_table_s1 thead td {text-align:left;padding:0px 20px;border-bottom:1px solid #d6d6d6;}
.view_table_s1 tbody td {width:82%;border-bottom:1px solid #d6d6d6;text-align:left;padding:0px 20px}




/* Tablet [481 ~ 1023px 적용]  */
@media  all and (max-width: 860px)
{
    /* basic_list */
	#board-list-search { width:100%;}
    #board-list-search ul { float:left; }
	#board-list-search ul+ul { float:left; }
	#board-list-search li {float:left; }

    #board-list thead td.title-num,
    #board-list tbody td.list-01 { display:none; }
    #board-list thead td.title-subject { width: 85%; }
    #board-list thead td.title-name,
    #board-list tbody td.list-03 { display:none; }
    #board-list thead td.title-date { width: 100px; }
    #board-list thead td.title-hit { display:none; } /* 총 100% */
    


    /* (공통) branch, team list  */
    #horizon-list-search li {float:left; width:100%;}
    #horizon-list-search li select,
    #horizon-list-search li input,
    #horizon-list-search li button {width:100%;margin:2px 0px }
    
    #horizon-list ul {padding:15px 10px}
    #horizon-list ul.list-list .list-02 {line-height:21px;}
    #horizon-list ul.list-list .list-02 a {margin:0px;}
    #horizon-list ul.list-list .list-02 a:after{content: 'hiddentext'; font-size:0; display:block; line-height:0;}
    #horizon-list ul.list-list .list-homepage {width:35px;float:right !important;}
    


}

/* mobile [0 ~ 480px 적용] */
@media  all and (max-width: 480px)
{

    /* 480 view page */
	#board-view-wrap {}
	#board-view .ctop  { }
    #board-view .ctop li { }
	#board-view .ctop li {  }
	#board-view .ctop li span { }
	#board-view .ctop li font {}

	#board-view .hit_ul { border:0px }

	#board-view .ctop li input {  }
	#board-view .ctop li .board-view-field-basic input  {  }
	#board-view .ctop li .board-view-field-select { }
	#board-view .ctop li .board-view-field-radio { }
	#board-view .ctop li .board-view-field-checkbox { }
	#board-view .ctop li .board-view-field-phone input { width:90%; max-width:50px }
	#board-view .ctop li .board-view-field-tel input { width:90%; max-width:50px }
	#board-view .ctop li .board-view-field-mail input { width:90%; min-width:100px; max-width:70px }
	#board-view .ctop li .board-view-field-text textarea { width:90%; height:50px }
	#board-view .ctop li .board-view-field-date input { width:90% }
	#board-view .ctop li .board-view-field-mapnhn { }
	#board-view .ctop li .board-view-field-mapdaum { }
	#board-view .ctop li .board-view-field-video { }
	#board-view .ctop li .board-view-field-consent div { width:100%; overflow:auto; height:80px; border:1px solid #d9d9d9 }
	#board-view .ctop li .board-view-field-consent span { line-height:30px }

}