/*
2014-09-15 yek
1. 객체의 레이아웃과 디자인적 요소를 나열합니다.
2. 단위가 px인 경우엔 따로 단위를 표시하지 않습니다. %인 경우엔 per를 붙입니다.
3. padding & margin의 경우 top, right, bottom, left의 순서로 갑니다. v는 Vertical(좌우), h는 Horizontal(위아래)을 뜻합니다.
*/
@charset "utf-8";

/* table common */
table { width:100%; }
th { padding:8px 12px; border-bottom:1px solid #ddd; background:#f3f3f3; color:#222; font-weight:bold; text-align:center; vertical-align:middle; }
td { padding:8px 12px; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; }
td.ta_left {text-align:left;}
td.content { height:250px; vertical-align:top; word-break:break-all; }
td.content_02 { height:100px; vertical-align:top; word-break:break-all; }
td.content_td, td.content_td div, td.content_td ul { overflow:visible; }
td.reply:before { margin-right:5px; color:#999; content:"└"; }
td.content td { padding:3px; }
.editor_container table { border-top:none; border-bottom:none; }
.editor_container table td { padding:0; border:0; }

/* editor */
.type_subject_txt { float:left; width:440px; }
.type_subject_txt input { width:99%; }
.type_subject_reply { float:left; padding-right:7px; margin-top:5px; }
.type_subject_size { float:left; padding-left:15px; }
.type_subject_color { float:left; padding-left:5px; margin-top:1px; }
.type_subject_weight { float:left; padding-left:8px; margin-top:2px; }
.type_subject_weight label { padding-left:2px }
.type_subject_reset { float:left; padding-left:5px; margin-top:2px; cursor:pointer; }

/* tip common */
.help_tip { padding:5px; line-height:1.5; }
.f_help { color:#ff6000; font-weight:bold; }

/* table style */
.table_list th { border-bottom:1px solid #ddd; background:#f3f3f3 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swbof.fpah.np.xe%2Sthvqr%2S_vzt%2Spbzzba%2Sobneq_yvar.cat') right center no-repeat; }
.table_list th:after { float:right; color:#999; }
.table_list th.none { background:#f3f3f3 none; }
.table_list tbody > tr:hover { background:#f8fafc; }
.table_list_border th { border:1px solid #ddd; }
.table_list_border th:after { float:right; color:#999; font-weight:100; }
.table_list_border tbody > tr:hover { background:#f8fafc; }
.table_list_border td { border:1px solid #ddd; text-align:center; }
.table_list_blue th { border:1px solid #cce2ee; background:#edf5f9; }
.table_list_blue th:after { float:right; color:#999; font-weight:100; }
.table_list_blue tbody > tr:hover { background:#f8fafc; }
.table_list_blue td { border:1px solid #cce2ee; text-align:center; }
.table_list_red th { border:1px solid #f2c8ce; background:#faebed; }
.table_list_red th:after { float:right; color:#999; font-weight:100; }
.table_list_red tbody > tr:hover { background:#f8fafc; }
.table_list_red td { border:1px solid #f2c8ce; text-align:center; }
.table_view th { background:#f3f3f3; text-align:left; }
.table_view th.check { padding-left:17px; background:#f3f3f3 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swbof.fpah.np.xe%2Sthvqr%2S_vzt%2Svpbaf%2Spurpx.tvs') 6px center no-repeat; }
.table_view th.nocheck { padding-left:17px; }
.table_view td { text-align:left; }
.table_view_border th { border:1px solid #ddd; background:#f3f3f3; text-align:left; }
.table_view_border td { border:1px solid #ddd; text-align:left; }
.table_view_blue th { border:1px solid #cce2ee; background:#edf5f9; text-align:left; }
.table_view_blue td { border:1px solid #cce2ee; text-align:left; }
.table_view_red th { border:1px solid #f2c8ce; background:#faebed; text-align:left; }
.table_view_red td { border:1px solid #f2c8ce; text-align:left; }

/* comment area */
.input_plus { float:left; overflow-y:auto; width:85%; height:35px; padding:10px; border:1px solid #ccc; background:#fff; line-height:1.6em; }
.btn_plus { float:right; width:10%; height:57px; border:1px solid #999; color:#fff; letter-spacing:-1px; text-shadow:0px 0px 2px #666;
	background:#999;
	background: -webkit-linear-gradient(#ccc, #999); /* For Safari */
	background: -o-linear-gradient(#ccc, #999); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ccc, #999); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ccc, #999); /* Standard syntax */
}
.plus_write { overflow:hidden; margin-bottom:30px; padding:10px; border:1px solid #aaa; background:#fbfbfb; }
.plus_write ul.reply li:before { margin-right:5px; color:#999; content:"└"; }
.plus_view { margin:10px 0; padding:10px 0; border-bottom:1px solid #ddd; }
.plus_view span { font-weight:bold; letter-spacing:-1px; }
.plus_view li { float:left; padding-right:10px; word-wrap:break-word; }
.sub_plus_view { margin:10px; padding:10px 5px; border:1px dotted #ccc; background:#fcfcfc; }
.sub_plus_view:before { float:left; margin-right:5px; color:#999; content:"└"; }
.sub_plus_view li { float:left; padding-right:10px; }
.sub_plus_write { margin:10px; padding:10px; border:1px dotted #ccc; }
.sub_plus_write:before { float:left; margin-right:5px; color:#999; content:"└"; }

/* paging area */
.paging { margin-top: 36px; text-align:center; font-weight:500; }
.paging a { display:inline-block; padding:2px 8px; text-align:center; vertical-align:middle; }
.paging a:hover { background:#f3f4f5; text-decoration:underline; }
.paging span { display:inline-block; padding:2px 8px; background:#999; text-align:center; color:#fff; vertical-align:middle; font-weight: bold;}
.paging a:first-child, .paging a:last-child { color:#999; }



/*
2015-07-21 pmc
table style 규정
*/

/* table_view */

caption {display:none;}

.tbl_border th, .tbl_border td {border-left:1px solid #eee;}
.tbl_border th.first, .tbl_border td.first {border-left:0px;}

.tbl_type_view_grey { background:#fff; border-top:1px solid #9c9c9c;}
.tbl_type_view_grey th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#333;}
.tbl_type_view_grey th label {font-weight:bold; color:#333;}
.tbl_type_view_grey td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_red { background:#fff; border-top:1px solid #fa3c2d;}
.tbl_type_view_red th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#db463a;}
.tbl_type_view_red th label {font-weight:bold; color:#db463a;}
.tbl_type_view_red td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_orange { background:#fff; border-top:1px solid #ff6c00;}
.tbl_type_view_orange th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#ff6c00;}
.tbl_type_view_orange th label {font-weight:bold; color:#ff6c00;}
.tbl_type_view_orange td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_yellow { background:#fff; border-top:1px solid #edde3a;}
.tbl_type_view_yellow th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#897e00;}
.tbl_type_view_yellow th label {font-weight:bold; color:#897e00;}
.tbl_type_view_yellow td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_green { background:#fff; border-top:1px solid #10a917;}
.tbl_type_view_green th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#107b15;}
.tbl_type_view_green th label {font-weight:bold; color:#107b15;}
.tbl_type_view_green td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_emerald { background:#fff; border-top:1px solid #0c9ea7;}
.tbl_type_view_emerald th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#187f85;}
.tbl_type_view_emerald th label {font-weight:bold; color:#187f85;}
.tbl_type_view_emerald td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_skyblue { background:#fff; border-top:1px solid #17aef4;}
.tbl_type_view_skyblue th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#1087da;}
.tbl_type_view_skyblue th label {font-weight:bold; color:#1087da;}
.tbl_type_view_skyblue td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_blue { background:#fff; border-top:1px solid #1765f4;}
.tbl_type_view_blue th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#1255d1;}
.tbl_type_view_blue th label {font-weight:bold; color:#1255d1;}
.tbl_type_view_blue td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_navy { background:#fff; border-top:1px solid #403eb7;}
.tbl_type_view_navy th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#302e9e;}
.tbl_type_view_navy th label {font-weight:bold; color:#302e9e;}
.tbl_type_view_navy td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_purple { background:#fff; border-top:1px solid #8a20e4;}
.tbl_type_view_purple th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#670fb2;}
.tbl_type_view_purple th label {font-weight:bold; color:#670fb2;}
.tbl_type_view_purple td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_pink { background:#fff; border-top:1px solid #ef34d2;}
.tbl_type_view_pink th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#c717ac;}
.tbl_type_view_pink th label {font-weight:bold; color:#c717ac;}
.tbl_type_view_pink td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_wine { background:#fff; border-top:1px solid #df2466;}
.tbl_type_view_wine th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#bb124e;}
.tbl_type_view_wine th label {font-weight:bold; color:#bb124e;}
.tbl_type_view_wine td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_type_view_gold { background:#fff; border-top:1px solid #b3ae2b;}
.tbl_type_view_gold th {padding:8px 15px; border-bottom:1px solid #ccc; font-weight:bold; text-align:left; background:#f1f1f1; color:#7f771e;}
.tbl_type_view_gold th label {font-weight:bold; color:#7f771e;}
.tbl_type_view_gold td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left;}

.tbl_title_c_grey {display:block; padding-left:18px; margin-bottom:5px; font-weight:bold; font-size:14px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sarj.awbo.arg%2Sthvqr%2S_vzt%2Sohyyrg%2Sohyyrg_p_terl.tvs") no-repeat 0 5px; color:#666;}

.tbl_title_c_green {display:block; padding-left:18px; margin-bottom:5px; font-weight:bold; font-size:14px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sarj.awbo.arg%2Sthvqr%2S_vzt%2Sohyyrg%2Sohyyrg_p_terra.tvs") no-repeat 0 5px; color:#107b15;}

.tbl_th_center th {text-align:center;}
.tbl_td_center td {text-align:center;}

th.title_box {background:#fff; padding:12px;}
th.title_box .title {font-weight:bold;}
th.title_box .writer {font-size:11px; text-align:right;}
th.title_box .writer .bar {font-size:11px; color:#ccc; padding:0px 5px;}
th.title_box .writer .date {font-size:11px; color:#888;}

/* table_list */
.tbl_list_img {width:60px; height:45px;}
.tbl_type_list_green {background:#fff; border-top:1px solid #10a917;}
.tbl_type_list_green th {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:bold; text-align:center; background:#f1f1f1; color:#107b15;}
.tbl_type_list_green td {padding:8px 10px; border-bottom:1px solid #ccc; font-weight:normal; text-align:center;}
.tbl_type_list_green td.ta_left {text-align:left;}