@charset "utf-8";

/* ===== Components : tables · forms · buttons ===== */

/* 목록 테이블 */
.tbl-list,
.tbl-list th,
.tbl-list td { border:0; }
.tbl-list { width:100%; margin-bottom:30px; border-collapse:collapse; table-layout:fixed; border-top:2px solid #444; }
.tbl-list caption { padding:8px; text-align:left; font-weight:bold; }
.tbl-list th,
.tbl-list td { padding:10px 8px; border-bottom:1px solid #e5e5e5; }
.tbl-list tbody td { white-space:nowrap; overflow:hidden; }
.tbl-list tbody td .count { color:red; font-size:11px; margin-left:5px; }
.tbl-list tbody .finish { opacity:.35; }
.tbl-list tbody .item { cursor:pointer; }
.tbl-list tbody .active { background-color:#efefef; }
.tbl-list .i_text { position:relative; max-width:100%; margin:2px 14px 2px 2px; padding:6px 8px; border:1px solid #ddd; outline:none; }
.tbl-list .i_check,
.tbl-list .i_radio { width:13px; height:13px; margin:2px 5px 2px 0; padding:0; vertical-align:middle; }
.tbl-list .btn { margin:0 2px; }
.tbl-list .btn-detail { cursor:pointer; }
.tbl-list .btn-detail:hover { background-color:#f0f0f0; }

/* 정보 테이블 */
.tbl-info,
.tbl-info th,
.tbl-info td { border:0; }
.tbl-info { width:100%; border-collapse:collapse; table-layout:fixed; }
.tbl-info caption { padding:8px; text-align:left; font-weight:bold; }
.tbl-info th,
.tbl-info td { padding:8px; border-bottom:1px solid #e5e5e5; }
.tbl-info th { background-color:#f0f0f0; color:#444; }

/* 폼 */
.form-table em { color:#f33; font-weight:bold; }
.form-table dl dt { position:relative; margin-bottom:12px; padding:8px 15px; font-size:17px; font-weight:bold; background-color:#efefef; border-left:8px solid #01a0e0; border-radius:5px; }
.form-table dl dt em { position:absolute; top:8px; right:15px; font-size:21px; }
.form-table dl dd { margin-bottom:9px; }
.form-table .item { position:relative; }
.form-table .item .i_text { position:relative; margin:2px; padding:12px; border:1px solid #ddd; border-radius:5px; outline:none; font-size:17px; }
.form-table .item .full { width:100%; }

/* 버튼 */
.btn { display:inline-block; padding:8px 12px; border:0; cursor:pointer; white-space:nowrap; text-decoration:none; line-height:1.2em; }
.btn:hover { text-decoration:none; }
.btn-small { padding:4px; }
.btn-default { background-color:#777; color:#fff; border-radius:3px; }
.btn-default:hover { background-color:#555; }
.btn-primary { background-color:#444; color:#fff; border-radius:3px; }
.btn-primary:hover { background-color:#222; }
.btn-full { width:100%; }
.btn-large { padding:12px; font-size:17px; font-weight:bold; border-radius:8px; }
.btn-xlarge { padding:15px; font-size:21px; font-weight:bold; border-radius:12px; }
.btn-right { padding:6px 0; text-align:right; }
.btn-both { padding:8px 0; }
.btn-both:after { display:block; clear:both; content:''; }
.btn-both .fl { float:left; }
.btn-both .fr { float:right; }