/* 설문조사 (/ggedc/research/) - 공개 사이트 sub.css/button.css에 없는 클래스만 정의 */
.research-wrap { width:100%; font-size:15px; color:#333; text-align:left; }
.research-wrap * { box-sizing:border-box; }
/* 소제목: sub.css의 페이지 제목용 .content-wrap h2 (32px, 15px 사각형 2개) 스타일을 덮어씀 */
.research-wrap h2.hb1 { width:auto; margin:0 0 10px; padding-left:14px; font-size:18px; font-weight:700; line-height:1.4; color:#222; text-align:left; position:relative; }
.research-wrap h2.hb1::before { content:""; display:block; width:6px; height:6px; background:var(--color-theme, #2b5fb4); position:absolute; top:50%; left:0; transform:translateY(-50%); }
.research-wrap h2.hb1::after { content:none; display:none; }
.research-wrap .eqc { display:inline-block; margin-right:3px; color:#e74a3b; }

/* 입력 */
.research-wrap .textBox01, .research-wrap .selectBox { height:38px; padding:0 10px; border:1px solid #ccc; border-radius:4px; background:#fff; font-size:14px; }
.research-wrap textarea.textBox01 { height:auto; padding:10px; }
.research-wrap input[type="radio"], .research-wrap input[type="checkbox"] { width:16px; height:16px; vertical-align:-3px; cursor:pointer; }
.research-wrap label { cursor:pointer; }

/* 버튼 */
.research-wrap .rbtn { display:inline-block; padding:10px 22px; border-radius:4px; border:0; font-size:15px; font-weight:600; color:#fff !important; background:#555; text-decoration:none !important; cursor:pointer; line-height:1.2; }
.research-wrap .rbtn.s { padding:6px 12px; font-size:13px; }
.research-wrap .rbtn.blue { background:#2b5fb4; }
.research-wrap .rbtn.green { background:#2e8b57; }
.research-wrap .rbtn.black { background:#333; }
.research-wrap .rbtn.red { background:#c0392b; }
.research-wrap .rbtn.gray { background:#999; }
.research-wrap .rbtn:hover { opacity:0.85; }

/* 상태 뱃지 */
.research-wrap .badge { display:inline-block; min-width:44px; padding:3px 8px; border-radius:3px; font-size:12px; font-weight:600; color:#fff; text-align:center; }
.research-wrap .badge.wait { background:#f0ad4e; }
.research-wrap .badge.ing { background:#2b5fb4; }
.research-wrap .badge.end { background:#999; }
.research-wrap .badge.on { background:#2e8b57; }
.research-wrap .badge.off { background:#c0392b; }
.research-wrap .badge.done { background:#666; }

/* 검색/버튼 줄 */
.research-wrap .rs-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; margin-bottom:10px; }
.research-wrap .rs-toolbar .search { display:flex; flex-wrap:wrap; gap:5px; margin-left:auto; }
.research-wrap .rs-btns { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; margin:50px 0; }
.research-wrap .rs-btns .left { margin-right:auto; }
.research-wrap .rs-btns .right { margin-left:auto; }

/* 목록 테이블 */
.research-wrap .rTable { width:100%; border-collapse:collapse; border-top:2px solid #333; }
.research-wrap .rTable th { padding:12px 8px; background:#f7f7f7; border-bottom:1px solid #ddd; font-weight:600; text-align:center; }
.research-wrap .rTable td { padding:12px 8px; border-bottom:1px solid #e5e5e5; text-align:center; vertical-align:middle; }
.research-wrap .rTable td.l { text-align:left; }
.research-wrap .rTable tr.link { cursor:pointer; }
.research-wrap .rTable tr.link:hover td { background:#f9fbff; }
.research-wrap .rTable tr.off td { background:#fff6f6; }

/* 입력/정보 테이블 */
.research-wrap .zTable2 { width:100%; border-collapse:collapse; border-top:2px solid #333; margin-bottom:30px; }
.research-wrap .zTable2 th { width:20%; padding:12px 15px; background:#f7f7f7; border-bottom:1px solid #ddd; font-weight:600; text-align:left; vertical-align:middle; }
.research-wrap .zTable2 td { padding:10px 15px; border-bottom:1px solid #ddd; vertical-align:middle; }
.research-wrap .zTable2 .help { margin-left:5px; font-size:12px; color:#888; }
.research-wrap .itemVal { padding:15px !important; }
.research-wrap .itemVal li { list-style:none; margin-top:8px; }
.research-wrap .itemVal li:first-child { margin-top:0; }
.research-wrap .itemVal .textBox01 { width:500px; max-width:calc(100% - 60px); }
.research-wrap .itemNum { margin-top:50px; }
.research-wrap .itemDelBtn, .research-wrap .choiceBtn { display:inline-block; margin-left:8px; padding:3px 8px; border:1px solid #c0392b; border-radius:3px; font-size:12px; color:#c0392b !important; cursor:pointer; }
.research-wrap .choiceBtn { border-color:#2b5fb4; color:#2b5fb4 !important; margin-left:0; margin-right:6px; }

/* 설문 참여 */
.research-wrap .qTitle { padding:14px 15px; background:#f7f7f7; font-weight:700; color:#444; border-top:1px solid #ddd; }
.research-wrap .qBody { padding:15px; }
.research-wrap .qBody li { list-style:none; margin:8px 0; }
.research-wrap .qBody label:hover { color:#2b5fb4; }
.research-wrap .qBody textarea { width:100%; height:110px; resize:vertical; }
.research-wrap .qBody input[type="text"].full { width:100%; }
.research-wrap .rs-ment { padding:20px 0; line-height:1.7; }
.research-wrap .rs-ment img { max-width:100%; height:auto; }

/* 결과 */
.research-wrap .graphBar { height:18px; background:#2b5fb4; border-radius:2px; }
.research-wrap .rTable tr.nTable td:first-child { text-align:left; }
.research-wrap .rTable tr.qRow td { text-align:left; font-weight:700; color:#444; background:#fafafa; }

@media screen and (max-width: 767px) {
	.research-wrap .rTable .pc { display:none; }
	.research-wrap .zTable2 th { width:30%; padding:10px; }
	.research-wrap .rs-toolbar .search { width:100%; margin-left:0; }
	.research-wrap .rs-toolbar .search .textBox01 { flex:1; }
}