@charset "utf-8";

img[src*="noimg.jpg"],
img[src*="noimage.jpg"] {content:url(../img/board/noimage.svg);}


.dl_wrap {display:block; position:relative; border-top:3px solid #3F5580;}
.dl_wrap > dl {display:table;table-layout:fixed;width:100%;border-top-width:0; overflow:hidden;}
.dl_wrap > dl > dt,
.dl_wrap > dl > dd {display:table-cell; position:relative; z-index:0; vertical-align:middle; font-size:.944em; padding:1em; box-sizing:border-box;}
.dl_wrap > dl > dd {min-height:3.2em;margin-left:-4px;}
.dl_wrap > dl > dd:after {content:""; display:block; position:absolute; left:-1000px; right:0; bottom:0; height:1px; background:#DFE4EF;}
.dl_wrap > dl > dt {width:20%;white-space:nowrap; font-weight:700; text-align:left;}
@media all and (max-width:780px) {
	.dl_wrap:before {display:none;}
	.dl_wrap > dl > dt {padding:.8em;}
}

@media(max-width:440px){
	.dl_wrap > dl > dt {width:30%;}
	.dl_wrap > dl > dd {width:70%;}
	.dl_wrap > dl > dt,
	.dl_wrap > dl > dd {display:inline-block;}
}

.bod-simpleSearch {display:flex; flex-wrap:wrap; gap:.8rem;}
.bod-simpleSearch .btn {flex-shrink:0;}
.bod-simpleSearch input[type="text"] {flex-grow:1;}

.addr-search-result {display:block; text-align:center; padding:1.5rem; border-radius:1rem; background:var(--default_bak); font-size:.9em; margin-bottom:1rem;}
.addr-search-result strong em {color:var(--point_color);}


/*****************************************************************************
	개인정보 수집 및 이용 동의
*****************************************************************************/

.agreeWrap {display:flex; gap:2rem 5rem; position:relative; flex-wrap:wrap; margin:3rem 0; overflow:hidden;}
.agreeWrap:not(.not-bak) {border-radius:3rem; padding:var(--box_pad); background:rgba(255,255,255,.7); box-shadow:var(--shadow-box-shadow);}
.agreeWrap > * {width:calc(50% - 2.5rem); flex-grow:1; min-width:40rem;}
.agreeWrap .minAgree {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center; gap:2rem; padding:3rem; background:#EEF5FA; border-radius:2rem; }
.agreeWrap .minAgree .txt {word-break:keep-all;}
.agreeWrap .minAgree .agree-radio-group {display:flex; align-items:center; gap:1rem 3rem; flex-wrap:wrap; }

@media all and (max-width:640px) {
	.agreeWrap > * {min-width:0; width:100%;}
}

/*****************************************************************************
	개인정보 수집 및 이용 동의 (bod_guide)
*****************************************************************************/
.bod_guide {position:relative; overflow:hidden; max-width:190rem; margin:0 auto 3rem;}
.bod_guide:not(.not-bak) {border-radius:3rem; padding:var(--box_pad); background:rgba(255,255,255,.7); box-shadow:var(--shadow-box-shadow);}
.bod_guide .minGuide {display:flex; flex-wrap:wrap; gap:2rem 5rem;}
.bod_guide .minGuide h5 {width:100%;}
.bod_guide .minGuide > .list-ul,
.bod_guide .minGuide > .minAgree {width:calc(50% - 2.5rem); flex-grow:1; min-width:40rem; margin-top:0;}
.bod_guide .minAgree {display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; justify-content:center; gap:2rem; padding:3rem; background:#EEF5FA; border-radius:2rem;}
.bod_guide .minAgree p + p {margin-top:0;}

@media all and (max-width:640px) {
	.bod_guide .minGuide > .list-ul,
	.bod_guide .minGuide > .minAgree {min-width:0; width:100%;}
}

/*****************************************************************************
	게시글 비밀번호 확인 (passwordWrap)
*****************************************************************************/
.passwordWrap .inner {display:flex; flex-direction:column; align-items:center; text-align:center; gap:2rem; max-width:50rem; margin:0 auto;}
.passwordWrap .inner > * {margin:0;}
.passwordWrap .keypadWrap {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:1rem; width:100%;}
.passwordWrap .keypadWrap input[type="password"] {width:100%;}
.passwordWrap .control {display:flex; justify-content:space-between; align-items:center; gap:1rem; width:100%;}
.passwordWrap .control.single {justify-content:end;}
@media all and (max-width:640px) {
	.passwordWrap .control {flex-direction:column;}
	.passwordWrap .control .btns {width:100%; margin-top:2rem; display:flex; flex-wrap:wrap; gap:.5rem;}
	.passwordWrap .control .btn {flex-grow:1; width:40%;}
	.passwordWrap .control.single .btn {width:100%;}
}


/*********************************************
	Paging
*********************************************/

.no-data {display:block; position:relative; border-top:2px solid #6C838F; border-bottom:1px solid #dce5ea; padding:10rem 2rem; text-align:center;}
.no-data:before {content:""; display:block; position:relative; width:6.4rem; height:6.4rem; margin:0 auto 2rem; background:url(../../_guide/img/icon/ico_no_data.svg) no-repeat 50% 50% / contain;}
.no-data span {display:block; color:#555;}
.no-data.small {border:none; padding:2rem;}
.no-data.small:before {width:4rem; height:4rem; margin-bottom:1rem;}
.no-data.small.line {border-radius:1rem; border:1px solid #DFE4EF;}

.bod-list .no-data {border-width:0;}
.tbl-box .no-data {display:table-cell; padding:4rem 2rem; border-top-width:0;}
.tbl-box .no-data:before {width:5rem; height:5rem; margin-bottom:1.2rem;}

.bod_page {padding:0; text-align:center; margin:3rem 0 0;}
.bod_page > a[class^=btn_] {width:4rem; height:4rem; text-indent:-999999em; background:#F2F6F9 no-repeat 50% 50% / contain; margin:0 .25rem;}
.bod_page > a.btn_first {background-image:url(../img/board/btn_first.svg);}
.bod_page > a.btn_10prev {background-image:url(../img/board/btn_prev.svg);}
.bod_page > a.btn_10next {background-image:url(../img/board/btn_next.svg);}
.bod_page > a.btn_end {background-image:url(../img/board/btn_last.svg);}
.bod_page > span,
.bod_page > a {display:inline-block; vertical-align:middle; font-size:1.8rem; box-sizing:border-box; min-width:4rem; line-height:4rem; height:4rem; padding:0 .2rem; text-align:center; border-radius:9em;}
.bod_page > span {background:var(--point_color); color:#fff; font-weight:600;}


/*********************************************
	Board List
*********************************************/

.bod-list-wrap {display:block; position:relative;}
.bod-list-wrap > .guide {display:none;}
/*.bod-list-wrap .bod-list-in {overflow:auto;} 
.bod-list-wrap .bod-list-in .bod-list {min-width:130rem;}
.bod-list-wrap .bod-list-in .bod-list.mid {min-width:110rem;}
*/

.bod-list {border-top:2px solid #6C838F; text-align:center; width:100%;}
.bod-list th,
.bod-list td {vertical-align:middle; padding:1rem .5rem; height:6rem; word-break:keep-all;}
.bod-list th.break,
.bod-list td.break {word-break:break-all;}
.bod-list td.wbka {word-break:keep-all;}
.bod-list th {font-weight:700;}
.bod-list thead th {height:6rem; border-bottom:1px solid #6C838F;}
.bod-list tbody td,
.bod-list tbody th {border-bottom:1px solid #dce5ea;}
.bod-list a {font-weight:700;}

/*
.bod-list .list-num {width:8rem;}
.bod-list .list-file {width:8rem;}
.bod-list .list-file i ~ i {display:none;}
.bod-list .list-write {width:12rem;}
.bod-list .list-date {width:15rem;}
.bod-list .list-hit {width:8rem;}
*/

.agree-user-list {display:flex; align-items:center; flex-wrap:wrap; gap:5px 10px; justify-content:center;}
.agree-user-list + .agree-user-list {margin-top:5px !important;}


@media all and (max-width:1400px) and (min-width:1025px) {
	html.fs5 .bod-list.small {font-size:1em !important;}
	
	/* 테이블 -> 카드형 리스트 전환 */
	html.fs5 .bod-list {display:block; text-align:left;}
	html.fs5 .bod-list colgroup,
	html.fs5 .bod-list thead {display:none;}
	html.fs5 .bod-list tbody {display:block;}
	html.fs5 .bod-list thead tr,
	html.fs5 .bod-list tbody tr {display:flex; position:relative; flex-wrap:wrap; align-items:center; gap:1rem 2.5rem; padding:1.875rem 0; border-bottom:1px solid #dce5ea;}
	html.fs5 .bod-list thead td,
	html.fs5 .bod-list thead th,
	html.fs5 .bod-list tbody td,
	html.fs5 .bod-list tbody th {display:block; position:relative; width:auto; height:auto; padding:0 !important; border:0;}
	
	/* 상단 헤더 : 항목 사이 구분선 */
	html.fs5 .bod-list tbody .td-res-num {font-weight:700;}
	html.fs5 .bod-list tbody td[data-label]:after,
	html.fs5 .bod-list tbody td + td:after {content:""; display:block; position:absolute; left:-1.25rem; top:50%; margin-top:-.875rem; width:1px; height:1.75rem; background:#85A3B2;}
	html.fs5 .bod-list tbody td br {display:none !important;}
	
	html.fs5 .bod-list tbody .td-res-subj:after,
	html.fs5 .bod-list tbody .td-res-badge:after,
	html.fs5 .bod-list tbody .td-res-btn:after,
	html.fs5 .bod-list tbody .td-res-btn-small:after,
	html.fs5 .bod-list tbody .td-res-substate + td:not([data-label]):after,
	html.fs5 .bod-list tbody .td-res-subj + td:not([data-label]):after,
	html.fs5 .bod-list.has-all-check tbody .td-res-check + td:not([data-label]):after {display:none;}
	
	/* 상태 배지 : 카드 우측 상단 고정 */
	html.fs5 .bod-list tbody .td-res-badge {position:absolute; right:0; top:1.5rem;}
	
	/* 제목 (주소 등) */
	html.fs5 .bod-list tbody .td-res-subj {width:100%; font-size:1.9rem; font-weight:700; line-height:1.4;}
	html.fs5 .bod-list tbody .td-res-subj.td-res-big {font-size:1.11em;}
	
	/* 라벨 : 값 행 (td 에 data-label 지정) */
	html.fs5 .bod-list tbody td[data-label] {position:relative; width:100%; min-height:2.4rem; padding-left:var(--label_width) !important; text-align:right; --label_width:6.8em;}
	html.fs5 .bod-list tbody td[data-label].td-res-label-multi {min-height:3.4em;}
	html.fs5 .bod-list tbody td[data-label]:before {content:attr(data-label); display:flex; line-height:1.5; align-items:center; position:absolute; left:0; top:0; bottom:0; width:var(--label_width); padding-right:.67em; color:#555; font-weight:400; text-align:left;}
	html.fs5 .bod-list tbody td[data-label]:after {left:var(--label_width);}
	
	/* 전체 폭 버튼 */
	html.fs5 .bod-list tbody .td-res-btn {width:45%; flex-grow:1; min-width:10em; margin-top:2px;}
	html.fs5 .bod-list tbody .td-res-btn + .td-res-btn {margin-top:0;}
	html.fs5 .bod-list tbody .td-res-btn .btn {display:block; width:100% !important; line-height:5rem; height:5rem; padding:0 2.5rem; font-size:1.8rem;}
	html.fs5 .bod-list tbody .td-res-btn .btn.icon {padding-left:5.2rem;  background-repeat:no-repeat; background-position:top 50% left 2rem; background-size:2.2rem auto;}
	html.fs5 .bod-list tbody .td-res-btn .btn.icon.no-btn-txt-ta {padding:0 2.5rem; padding-left:5.2rem; background-position:top 50% left 2rem; text-indent:0;}
	
	html.fs5 .bod-list tbody .td-res-btn-small {margin-left:auto;}
	
	/* 서브 상태 타이틀 */
	html.fs5 .bod-list tbody .td-res-substate {width:100%; font-size:.9em; color:var(--point_color);}
	
	/* td 의 값이 agree-user-list 사용할 경우 */
	html.fs5 .bod-list tbody td.td-res-multi-user {padding-left:0 !important; text-align:left; font-size:.9em;}
	html.fs5 .bod-list tbody td.td-res-multi-user:before {position:relative; width:100%; margin-bottom:.8rem;}
	html.fs5 .bod-list tbody td.td-res-multi-user:after {display:none !important;}
	html.fs5 .bod-list .td-res-multi-user .agree-user-list {display:flex; justify-content:space-between; padding:.6rem 1.5rem; border-radius:.7rem; border:1px solid var(--default_line); background-color:var(--default_bak);}
	
	/* 공인중개사 별도 스타일 */
	html.fs5 .bod-list tbody .td-res-org > * {display:block;}
	html.fs5 .bod-list tbody .td-res-org > span {font-size:.8em; color:var(--point_color);}
	html.fs5 .bod-list tbody .td-res-org > strong {color:#212121;}
	
	/* 전체 체크하기가 있을 경우*/
	html.fs5 .bod-list.has-all-check thead {display:block;}
	html.fs5 .bod-list.has-all-check thead th {display:none;}
	html.fs5 .bod-list.has-all-check thead th.th-res-check {display:block;}
	html.fs5 .bod-list.has-all-check thead th.th-res-check input[type="checkbox"] + label {width:auto; padding-left:3rem; text-indent:0; height:auto; font-weight:400;}
	html.fs5 .bod-list.has-all-check thead th.th-res-check input[type="checkbox"] + label:before {left:0; margin-left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	html.fs5 .bod-list.has-all-check tbody tr {padding-left:3.25rem;}
	html.fs5 .bod-list.has-all-check tbody .td-res-check {position:absolute; left:0; top:3.4rem;}
}
@media all and (max-width:1320px) and (min-width:1025px) {
	html.fs4 .bod-list.small {font-size:1em !important;}
	
	/* 테이블 -> 카드형 리스트 전환 */
	html.fs4 .bod-list {display:block; text-align:left;}
	html.fs4 .bod-list colgroup,
	html.fs4 .bod-list thead {display:none;}
	html.fs4 .bod-list tbody {display:block;}
	html.fs4 .bod-list thead tr,
	html.fs4 .bod-list tbody tr {display:flex; position:relative; flex-wrap:wrap; align-items:center; gap:1rem 2.5rem; padding:1.875rem 0; border-bottom:1px solid #dce5ea;}
	html.fs4 .bod-list thead td,
	html.fs4 .bod-list thead th,
	html.fs4 .bod-list tbody td,
	html.fs4 .bod-list tbody th {display:block; position:relative; width:auto; height:auto; padding:0 !important; border:0;}
	
	/* 상단 헤더 : 항목 사이 구분선 */
	html.fs4 .bod-list tbody .td-res-num {font-weight:700;}
	html.fs4 .bod-list tbody td[data-label]:after,
	html.fs4 .bod-list tbody td + td:after {content:""; display:block; position:absolute; left:-1.25rem; top:50%; margin-top:-.875rem; width:1px; height:1.75rem; background:#85A3B2;}
	html.fs4 .bod-list tbody td br {display:none !important;}
	
	html.fs4 .bod-list tbody .td-res-subj:after,
	html.fs4 .bod-list tbody .td-res-badge:after,
	html.fs4 .bod-list tbody .td-res-btn:after,
	html.fs4 .bod-list tbody .td-res-btn-small:after,
	html.fs4 .bod-list tbody .td-res-substate + td:not([data-label]):after,
	html.fs4 .bod-list tbody .td-res-subj + td:not([data-label]):after,
	html.fs4 .bod-list.has-all-check tbody .td-res-check + td:not([data-label]):after {display:none;}
	
	/* 상태 배지 : 카드 우측 상단 고정 */
	html.fs4 .bod-list tbody .td-res-badge {position:absolute; right:0; top:1.5rem;}
	
	/* 제목 (주소 등) */
	html.fs4 .bod-list tbody .td-res-subj {width:100%; font-size:1.9rem; font-weight:700; line-height:1.4;}
	html.fs4 .bod-list tbody .td-res-subj.td-res-big {font-size:1.11em;}
	
	/* 라벨 : 값 행 (td 에 data-label 지정) */
	html.fs4 .bod-list tbody td[data-label] {position:relative; width:100%; min-height:2.4rem; padding-left:var(--label_width) !important; text-align:right; --label_width:6.8em;}
	html.fs4 .bod-list tbody td[data-label].td-res-label-multi {min-height:3.4em;}
	html.fs4 .bod-list tbody td[data-label]:before {content:attr(data-label); display:flex; line-height:1.5; align-items:center; position:absolute; left:0; top:0; bottom:0; width:var(--label_width); padding-right:.67em; color:#555; font-weight:400; text-align:left;}
	html.fs4 .bod-list tbody td[data-label]:after {left:var(--label_width);}
	
	/* 전체 폭 버튼 */
	html.fs4 .bod-list tbody .td-res-btn {width:45%; flex-grow:1; min-width:10em; margin-top:2px;}
	html.fs4 .bod-list tbody .td-res-btn + .td-res-btn {margin-top:0;}
	html.fs4 .bod-list tbody .td-res-btn .btn {display:block; width:100% !important; line-height:5rem; height:5rem; padding:0 2.5rem; font-size:1.8rem;}
	html.fs4 .bod-list tbody .td-res-btn .btn.icon {padding-left:5.2rem;  background-repeat:no-repeat; background-position:top 50% left 2rem; background-size:2.2rem auto;}
	html.fs4 .bod-list tbody .td-res-btn .btn.icon.no-btn-txt-ta {padding:0 2.5rem; padding-left:5.2rem; background-position:top 50% left 2rem; text-indent:0;}
	
	html.fs4 .bod-list tbody .td-res-btn-small {margin-left:auto;}
	
	/* 서브 상태 타이틀 */
	html.fs4 .bod-list tbody .td-res-substate {width:100%; font-size:.9em; color:var(--point_color);}
	
	/* td 의 값이 agree-user-list 사용할 경우 */
	html.fs4 .bod-list tbody td.td-res-multi-user {padding-left:0 !important; text-align:left; font-size:.9em;}
	html.fs4 .bod-list tbody td.td-res-multi-user:before {position:relative; width:100%; margin-bottom:.8rem;}
	html.fs4 .bod-list tbody td.td-res-multi-user:after {display:none !important;}
	html.fs4 .bod-list .td-res-multi-user .agree-user-list {display:flex; justify-content:space-between; padding:.6rem 1.5rem; border-radius:.7rem; border:1px solid var(--default_line); background-color:var(--default_bak);}
	
	/* 공인중개사 별도 스타일 */
	html.fs4 .bod-list tbody .td-res-org > * {display:block;}
	html.fs4 .bod-list tbody .td-res-org > span {font-size:.8em; color:var(--point_color);}
	html.fs4 .bod-list tbody .td-res-org > strong {color:#212121;}
	
	/* 전체 체크하기가 있을 경우*/
	html.fs4 .bod-list.has-all-check thead {display:block;}
	html.fs4 .bod-list.has-all-check thead th {display:none;}
	html.fs4 .bod-list.has-all-check thead th.th-res-check {display:block;}
	html.fs4 .bod-list.has-all-check thead th.th-res-check input[type="checkbox"] + label {width:auto; padding-left:3rem; text-indent:0; height:auto; font-weight:400;}
	html.fs4 .bod-list.has-all-check thead th.th-res-check input[type="checkbox"] + label:before {left:0; margin-left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	html.fs4 .bod-list.has-all-check tbody tr {padding-left:3.25rem;}
	html.fs4 .bod-list.has-all-check tbody .td-res-check {position:absolute; left:0; top:3.4rem;}
}
@media all and (max-width:1024px) {
	.bod-list.small {font-size:1em !important;}
	
	/* 테이블 -> 카드형 리스트 전환 */
	.bod-list {display:block; text-align:left;}
	.bod-list colgroup,
	.bod-list thead {display:none;}
	.bod-list tbody {display:block;}
	.bod-list thead tr,
	.bod-list tbody tr {display:flex; position:relative; flex-wrap:wrap; align-items:center; gap:1rem 2.5rem; padding:1.875rem 0; border-bottom:1px solid #dce5ea;}
	.bod-list thead td,
	.bod-list thead th,
	.bod-list tbody td,
	.bod-list tbody th {display:block; position:relative; width:auto; height:auto; padding:0 !important; border:0;}
	
	/* 상단 헤더 : 항목 사이 구분선 */
	.bod-list tbody .td-res-num {font-weight:700;}
	.bod-list tbody td[data-label]:after,
	.bod-list tbody td + td:after {content:""; display:block; position:absolute; left:-1.25rem; top:50%; margin-top:-.875rem; width:1px; height:1.75rem; background:#85A3B2;}
	.bod-list tbody td br {display:none !important;}
	
	.bod-list tbody .td-res-subj:after,
	.bod-list tbody .td-res-badge:after,
	.bod-list tbody .td-res-btn:after,
	.bod-list tbody .td-res-btn-small:after,
	.bod-list tbody .td-res-substate + td:not([data-label]):after,
	.bod-list tbody .td-res-subj + td:not([data-label]):after,
	.bod-list.has-all-check tbody .td-res-check + td:not([data-label]):after {display:none;}
	
	/* 상태 배지 : 카드 우측 상단 고정 */
	.bod-list tbody .td-res-badge {position:absolute; right:0; top:1.5rem;}
	
	/* 제목 (주소 등) */
	.bod-list tbody .td-res-subj {width:100%; font-size:1.9rem; font-weight:700; line-height:1.4;}
	.bod-list tbody .td-res-subj.td-res-big {font-size:1.11em;}
		
	/* 라벨 : 값 행 (td 에 data-label 지정) */
	.bod-list tbody td[data-label] {position:relative; width:100%; min-height:2.4rem; padding-left:var(--label_width) !important; text-align:right; --label_width:6.8em;}
	.bod-list tbody td[data-label].td-res-label-multi {min-height:3.4em;}
	.bod-list tbody td[data-label]:before {content:attr(data-label); display:flex; align-items:center; line-height:1.5; position:absolute; left:0; top:0; bottom:0; width:var(--label_width); padding-right:.67em; color:#555; font-weight:400; text-align:left;}
	.bod-list tbody td[data-label]:after {left:var(--label_width);}
	
	/* 전체 폭 버튼 */
	.bod-list tbody .td-res-btn {width:45%; flex-grow:1; min-width:10em; margin-top:2px;}
	.bod-list tbody .td-res-btn + .td-res-btn {margin-top:0;}
	.bod-list tbody .td-res-btn .btn {display:block; width:100% !important; line-height:5rem; height:5rem; padding:0 2.5rem; font-size:1.8rem;}
	.bod-list tbody .td-res-btn .btn.icon {padding-left:5.2rem; background-repeat:no-repeat; background-position:top 50% left 2rem; background-size:2.2rem auto;}
	.bod-list tbody .td-res-btn .btn.icon.no-btn-txt-ta {padding:0 2.5rem; padding-left:5.2rem; background-position:top 50% left 2rem; text-indent:0;}
	
	.bod-list tbody .td-res-btn-small {margin-left:auto;}
	
	/* 서브 상태 타이틀 */
	.bod-list tbody .td-res-substate {width:100%; font-size:.9em; color:var(--point_color);}
	
	/* td 의 값이 agree-user-list 사용할 경우 */
	.bod-list tbody td.td-res-multi-user {padding-left:0 !important; text-align:left; font-size:.9em;}
	.bod-list tbody td.td-res-multi-user:before {position:relative; width:100%; margin-bottom:.8rem;}
	.bod-list tbody td.td-res-multi-user:after {display:none !important;}

	.bod-list .td-res-multi-user .agree-user-list {display:flex; justify-content:space-between; padding:.6rem 1.5rem; border-radius:.7rem; border:1px solid var(--default_line); background-color:var(--default_bak);}
	
	
	/* 공인중개사 별도 스타일 */
	
	.bod-list tbody .td-res-org > * {display:block;}
	.bod-list tbody .td-res-org > span {font-size:.8em; color:var(--point_color);}
	.bod-list tbody .td-res-org > strong {color:#212121;}
	
	/* 전체 체크하기가 있을 경우*/
	.bod-list.has-all-check thead {display:block;}
	.bod-list.has-all-check thead th {display:none;}
	.bod-list.has-all-check thead th.th-res-check {display:block;}
	.bod-list.has-all-check thead th.th-res-check input[type="checkbox"] + label {width:auto; padding-left:3rem; text-indent:0; height:auto; font-weight:400;}
	.bod-list.has-all-check thead th.th-res-check input[type="checkbox"] + label:before {left:0; margin-left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.bod-list.has-all-check tbody tr {padding-left:3.25rem;}
	.bod-list.has-all-check tbody .td-res-check {position:absolute; left:0; top:3.4rem;}
}
@media all and (max-width:640px) {
	.bod-list tbody .td-res-btn .btn.icon.no-btn-txt-mo {width:auto; padding:0 2.5rem; padding-left:5.2rem; background-position:top 50% left 2rem; text-indent:0;}
}


.bod-photo {margin:-1.5rem -1.5rem 0;}
.bod-photo .list {display:flex; flex-wrap:wrap;}
.bod-photo .list > li {display:block; width:33.33%; padding:1.5rem; float:left;}

@media all and (max-width:940px) {
	.bod-photo .list > li {width:50%;}
}
@media all and (max-width:580px) {
	.bod-photo .list > li {width:100%;}
}


.bod-photo {margin:-1.5rem -1.5rem 0;}
.bod-photo .list {display:flex; flex-wrap:wrap;}
.bod-photo .list > li {display:block; width:33.33%; padding:1.5rem; float:left;}
@media all and (max-width:940px) {
	.bod-photo .list > li {width:50%;}
}
@media all and (max-width:580px) {
	.bod-photo .list > li {width:100%;}
}
.bod-photo .item {display:block; position:relative; border-radius:2rem; overflow:hidden; border:1px solid #DCE5EA; z-index:0;}
.bod-photo .item .thumb {display:block; position:relative; overflow:hidden; background:#EFEFEF;}
.bod-photo .item .thumb:before {content:""; display:block; padding-top:calc(240 / 407 * 100%);}
.bod-photo .item .thumb figure {display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
.bod-photo .item .thumb figure img {display:block; position:absolute; top:0; left:50%; height:100%; max-width:200%; min-width:100%; object-fit:cover; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.bod-photo .item .info {display:flex; position:relative; gap:1rem 2rem; align-items:center; justify-content:center; flex-wrap:wrap; padding:2rem 2rem 1.5rem; font-size:1.6rem; border-bottom:1px solid #DCE5EA; color:#555;}
.bod-photo .item .info .tit {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:2rem; color:#222; font-weight:700; text-align:center; line-height:1.5; width:100%;}
.bod-photo .item *[class*="ico-"] {opacity:.4; margin-right:.3rem;}
.bod-photo .item .info .states {display:flex; flex-wrap:wrap; gap:.5rem;}
.bod-photo .item .info .states > * {display:block; font-size:1.5rem; padding:.3rem 1.2rem; border-radius:9em; color:#777; background:#f4f4f4;}
.bod-photo .item .info .states > *[data-state="Y"],
.bod-photo .item .info .states > *[data-state="진행중"] {color:#0077B3; background:#EBF4F9;}
.bod-photo .item .date {display:block; text-align:center; color:#555;}
.bod-photo .item a {display:block; position:absolute; top:.2rem; left:.2rem; right:.2rem; bottom:.2rem; border-radius:1.8rem; text-indent:-999px; overflow:hidden; z-index:1;}


/*********************************************
	Toggle List
*********************************************/

.tr-toggle {width:100%; transition:.3s all; -webkit-transition:.3s all;}
.tr-toggle > td {padding:0 !important; border:none !important; overflow:hidden;}
.tr-toggle .arcodienDetail {position:relative; overflow:hidden; transition:.3s all; -webkit-transition:.3s all;}
.tr-toggle .agentInfoBox {display:flex; align-items:center; width:100%; background:#F7F9FB; border-bottom:1px solid #DFE4EF; padding:3rem 4rem; text-align:left; font-size:1.8rem;}
.tr-toggle .agentInfoBox .empty {flex-grow:1; text-align:center;}
.tr-toggle .agentInfoBox .thumb {display:block; position:relative; flex-shrink:0; margin-right:3rem;}
.tr-toggle .agentInfoBox .thumb div {display:block; position:relative; width:10rem; height:11.5rem; border-radius:1rem 1rem 1rem 4rem; overflow:hidden;}
.tr-toggle .agentInfoBox .thumb .certMark {display:block; position:absolute; width:4rem; height:4rem; left:-.5rem; bottom:-.5rem; border-radius:100%; background:url(../img/icon/ico_realtorMark.png) no-repeat 50% 50% / contain; z-index:1;}
.tr-toggle .agentInfoBox .desc {display:block; flex-grow:1;}
.tr-toggle .agentInfoBox .desc p + p {margin-top:1rem;}
.tr-toggle .agentInfoBox .desc .name {display:block;}
.tr-toggle .agentInfoBox .desc .name > * {display:block;}
.tr-toggle .agentInfoBox .desc .name span {color:#555; font-weight:400;}
.tr-toggle .agentInfoBox .desc .name strong {font-size:2.4rem; font-weight:800; color:var(--point2_color);}
.tr-toggle .agentInfoBox .desc .addr {display:flex; align-items:center; flex-wrap:wrap;}
.tr-toggle .agentInfoBox .desc .addr span {margin-right:1rem;}
.tr-toggle .agentInfoBox .desc .addr .btn {font-weight:400;}
.tr-toggle .agentInfoBox .desc .info {display:flex; align-items:center; flex-wrap:wrap; font-size:1.6rem; color:#555; margin-left:-1.2rem; margin-right:-1.2rem;}
.tr-toggle .agentInfoBox .desc .info > * {display:block; position:relative; padding:0 1.2rem;}
.tr-toggle .agentInfoBox .desc .info > * strong {margin-left:.5rem;}
.tr-toggle .agentInfoBox .desc .info > *:last-child:before {display:none;}
.tr-toggle .agentInfoBox .desc .info > *:before {content:""; display:block; position:absolute; right:-.1rem; top:50%; margin-top:-.8rem; width:.2rem; height:1.6rem; background:#002950; opacity:.2;}
.tr-toggle .agentInfoBox .desc .mem {display:flex; align-items:center; flex-wrap:wrap; font-size:1.6rem; color:#555;}
.tr-toggle .agentInfoBox .desc .mem span {margin-right:1rem;}
.tr-toggle .agentInfoBox .desc .mem strong {display:block; position:relative; font-size:1.5rem; border:1px solid rgba(85, 85, 85, 0.3); border-radius:9em; padding:.3rem 1.5rem; margin-left:.5rem;}
.tr-toggle .agentInfoBox .desc .mem strong i {font-weight:400;}

.tr-toggle:not(.open) {visibility:hidden; position:absolute; left:0; right:0; height:0; opacity:0;}
.tr-toggle:not(.open) .arcodienDetail {height:0; opacity:0;}

.cartTotalBox {display:flex; margin:2rem 0; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:2rem 3rem; border-radius:2rem; background:#f6f6f6;}
.cartTotalBox .count {font-weight:600;}
.cartTotalBox .count #cnt {color:var(--point_color);}
.cartTotalBox .total {margin-left:auto; font-weight:600;}
.cartTotalBox .total #amt {color:var(--danger_color); font-size:2.2rem; font-weight:700; margin:0 1rem;}

@media all and (max-width:1024px) {
	.cartTotalBox .count {margin-right:1em;}
	.cartTotalBox .total {font-size:1.11em; text-align:right;}
}
@media all and (max-width:640px) {
	.cartTotalBox .total {width:100%; margin-top:1rem;}
}

.payList {display:block; position:relative; border-top:2px solid #6C838F;}
.payList > li {padding:1.5rem 0; border-bottom:1px solid #dce5ea;}
.payList > li > p {display:block; position:relative; font-weight:700;}
.payList > li ul {display:block; position:relative; border-radius:1.5rem; padding:1rem 2rem; background:var(--default_bak); margin-top:1rem;}
.payList > li ul li {display:flex; align-items:center; justify-content:space-between; font-size:1.6rem;}
.payList > li ul li * + * {margin-left:auto;}
.payList > li ul li + li {margin-top:1rem;}


/*********************************************
	Board Write
*********************************************/

.bod-write {display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; margin:-1rem;}
.bod-write dl {display:flex; align-items:center; width:calc(50% - 2rem); margin:1rem; flex-grow:1; min-height:5rem; min-width:30rem;}
.bod-write dl.full {width:100%;}
.bod-write dl > * {display:block; position:relative; flex-grow:1;}
.bod-write dl dt {font-weight:700; width:18rem; margin-right:1rem; flex-shrink:0; max-width:10vw; flex-grow:0; white-space:nowrap;}
.bod-write dl dd {padding:0;}

@media all and (max-width:640px) {
	.bod-write dl {width:100%;}
	.bod-write dl dt {max-width:100%;}	
}
@media all and (max-width:380px) {
	.bod-write dl {display:block;}
}


.bod-writeForm {max-width:90rem; margin-left:auto; margin-right:auto;}

.bod-writeForm .req {display:inline-block; vertical-align:middle; width:.5em; height:1em; line-height:1.2; color:var(--point_color); font-weight:800;}
.bod-writeForm .repGuide {display:block; text-align:right; padding:1.5rem; border-radius:1rem; background:var(--default_bak); font-size:.9em;}
.bod-writeForm .repGuide .req {margin-right:.5rem;}

@media all and (max-width:640px) {
	.bod-writeForm .input-group {flex-direction:column; align-items:normal; gap:.5rem;}
	.bod-writeForm .input-group .btn {width:100%; margin:0 !important;}
}


/*********************************************
	Password
*********************************************/

.passwordWrap {max-width:90rem; margin-left:auto; margin-right:auto;}


/*********************************************
	Board View
*********************************************/

.bod-view {display:flex; flex-direction:column; gap:3.5rem; position:relative; border-radius:3rem; padding:var(--box_pad); background:rgba(255,255,255,.7); box-shadow:var(--shadow-box-shadow); margin:3rem 0; overflow:hidden;}
.bod-view .titWrap {display:flex; flex-direction:column; text-align:center; position:relative; padding-bottom:3.5rem;}
.bod-view .titWrap:after {content:""; display:block; position:absolute; left:-200px; right:-200px; bottom:0; height:1px; background:#DFE4EF;}
.bod-view .titWrap h6 {color:#222; font-size:2.6rem;}
.bod-view .titWrap h6 + * {margin-top:2rem;}
.bod-view .titWrap ul,
.bod-view .titWrap li,
.bod-view .titWrap li span {display:flex; align-items:center;}
.bod-view .titWrap ul {flex-wrap:wrap; font-size:1.6rem; justify-content:center; gap:.5rem 4rem;}
.bod-view .titWrap li {flex-wrap:wrap;}
.bod-view .titWrap li span {color:#555; flex-shrink:0;}
.bod-view .titWrap li span:after {content:""; display:block; width:1px; height:1.4rem; background:#85A3B2; margin:0 1.5rem;}
.bod-view .titWrap li strong {font-weight:600;}
.bod-view .titWrap .view_info .state {display:inline-block; font-size:1.5rem; padding:.3rem 1.2rem; border-radius:9em; color:#777; background:#f4f4f4;}
.bod-view .titWrap .view_info .state[data-state="Y"],
.bod-view .titWrap .view_info .state[data-state="진행중"] {color:#0077B3; background:#EBF4F9;}

.bod-view .view_cont .imgViewer {max-width:80rem; margin-left:auto; margin-right:auto;}

@media all and (max-width:480px) {
	.bod-view .titWrap .mo-info li {width:100%;}
}

.bod-view  img {display:block; margin:0 auto 1.5rem; max-width:100%;}

.view_file > *[data-all-file-box] {display:flex; flex-direction:column; flex-wrap:wrap; border-radius:1rem; border:1px solid #E1EBF2; align-items:center;}
.view_file .file-top {display:flex; width:100%; align-items:center; justify-content:space-between; padding:1rem 1.5rem; background:#E1EBF2;}
.view_file .file-top .tit {font-weight:700; font-size:1.7rem;}
.view_file ul {width:100%; padding:1.5rem; margin:0 -1.5rem; font-size:1.6rem;}
.view_file ul li + li {margin-top:.5rem;}
.view_file ul .file_size {color:var(--point_color);}

.open_license {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem 1rem; background:#F6F6F6; border-radius:1rem; padding:1.5rem;}
.open_license img {display:block; height:4rem;}
.open_license p {margin:0; font-size:1.5rem; color:#555; text-align:center; word-break:keep-all;}



/*****************************************************************************
	설문조사
*****************************************************************************/

.bod-poll {margin:-1.5rem -1.5rem 0;}
.bod-poll .list {display:flex; flex-wrap:wrap;}
.bod-poll .list > li {display:block; width:33.33%; padding:1.5rem; float:left;}

@media all and (max-width:940px) {
	.bod-poll .list > li {width:50%;}
}
@media all and (max-width:580px) {
	.bod-poll .list > li {width:100%;}
}

.bod-poll .item-poll {display:block; position:relative; border-radius:2rem; overflow:hidden; border:1px solid #DCE5EA; z-index:0;}
.bod-poll .item-poll .thumb {display:block; position:relative; overflow:hidden; background:#EFEFEF;}
.bod-poll .item-poll .thumb:before {content:""; display:block; padding-top:calc(240 / 407 * 100%);}
.bod-poll .item-poll .thumb figure {display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
.bod-poll .item-poll .thumb figure img {display:block; position:absolute; top:0; left:50%; height:100%; max-width:200%; min-width:100%; object-fit:cover; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.bod-poll .item-poll .info {display:flex; position:relative; gap:1rem 2rem; align-items:center; justify-content:center; flex-wrap:wrap; padding:2rem 2rem 1.5rem; font-size:1.6rem; border-bottom:1px solid #DCE5EA; color:#555;}
.bod-poll .item-poll .info .tit {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:2rem; color:#222; font-weight:700; text-align:center; line-height:1.5; width:100%;}
.bod-poll .item-poll *[class*="ico-"] {opacity:.4; margin-right:.3rem;}
.bod-poll .item-poll .info .states {display:flex; flex-wrap:wrap; gap:.5rem;}
.bod-poll .item-poll .info .states > * {display:block; font-size:1.5rem; padding:.3rem 1.2rem; border-radius:9em; color:#777; background:#f4f4f4;}
.bod-poll .item-poll .info .states > *[data-state="Y"],
.bod-poll .item-poll .info .states > *[data-state="진행중"] {color:#0077B3; background:#EBF4F9;}
.bod-poll .item-poll .date {display:block; padding:1.6rem 2rem; text-align:center; color:#555;}
.bod-poll .item-poll a {display:block; position:absolute; top:.2rem; left:.2rem; right:.2rem; bottom:.2rem; border-radius:1.8rem; text-indent:-999px; overflow:hidden; z-index:1;}

.view-user-form {position:relative; padding-bottom:3.5rem;}
.view-user-form:after {content:""; display:block; position:absolute; left:-200px; right:-200px; bottom:0; height:1px; background:#DFE4EF;}


.poll-target {display:flex; margin-top:2rem; gap:1rem 2rem; flex-wrap:wrap;}
.poll-target > * {display:block;}
.poll-target dt {flex-shrink:0; color:#002950; font-weight:700;}
.poll-target dd {flex-grow:1;}

.pollFooter {display:block; position:relative; border-radius:3rem; padding:var(--box_pad); background:rgba(255,255,255,.7); box-shadow:var(--shadow-box-shadow); margin:3rem 0; overflow:hidden;}

.pollQuestList .questList {display:flex; flex-direction:column; gap:3rem;}
.questionItem .title {display:flex; align-items:start; position:relative; gap:.5rem 1rem; line-height:1.5; margin-bottom:1.5rem; color:#002950; font-weight:700; font-size:2rem;} 
.questionItem .title strong {display:flex; margin-top:.3rem; position:relative; flex-shrink:0; align-items:center; justify-content:center; min-width:2.4rem; height:2.4rem; padding:0 .5rem; border-radius:9em; background:#002950; color:#fff; font-size:1.6rem;}
.questionItem .title span {display:block; flex-grow:1;}
.questionItem .qu-visual {display:flex; align-items:center; justify-content:center; padding:1.5rem; margin:0 auto 1.5rem; background:#F2F6F9; border-radius:1rem; overflow:hidden;}
.questionItem .qu-visual img {margin-bottom:0;}

/*******************************
	질문 형태에 따른 클래스 정의
*******************************/

.pollDataCont .poll-chk-group {display:flex; flex-wrap:wrap; gap:1rem;}
.pollDataCont .poll-chk-group > li {position:relative; --qu1_col_count:4; width:calc((100% - (1rem * (var(--qu1_col_count) - 1))) / var(--qu1_col_count));}
.pollDataCont .poll-chk-group > li > input {position:relative; z-index:1;}
.pollDataCont .poll-chk-group > li.only-txt {--qu1_col_count:4;}
.pollDataCont .poll-chk-group > li.only-img {--qu1_col_count:5;}
.pollDataCont .poll-chk-group > li.check-input-etc {--qu1_col_count:1;}
@media all and (max-width:1300px) {
	.pollDataCont .poll-chk-group > li.only-txt {--qu1_col_count:3;}
	.pollDataCont .poll-chk-group > li.only-img {--qu1_col_count:4;}
	.pollDataCont .poll-chk-group > li.check-input-etc {--qu1_col_count:1;}
}
@media all and (max-width:920px) {
	.pollDataCont .poll-chk-group > li.only-txt {--qu1_col_count:2;}
	.pollDataCont .poll-chk-group > li.only-img {--qu1_col_count:3;}
	.pollDataCont .poll-chk-group > li.check-input-etc {--qu1_col_count:1;}
}
@media all and (max-width:750px) {
	.pollDataCont .poll-chk-group > li.only-txt {--qu1_col_count:2;}
	.pollDataCont .poll-chk-group > li.only-img {--qu1_col_count:2;}
	.pollDataCont .poll-chk-group > li.check-input-etc {--qu1_col_count:1;}
}
@media all and (max-width:570px) {
	.pollDataCont .poll-chk-group > li.only-txt {--qu1_col_count:1;}
	.pollDataCont .poll-chk-group > li.only-img {--qu1_col_count:1;}
	.pollDataCont .poll-chk-group > li.check-input-etc {--qu1_col_count:1;}
}

.pollDataCont .poll-chk-group .only-txt {display:flex; align-items:center; min-height:5rem; padding:.7rem .7rem .7rem 1.9rem; z-index:0;}
.pollDataCont .poll-chk-group .only-txt label {display:flex; align-items:center; position:static; padding-left:0; border-radius:1rem; gap:1rem; transition:.3s all; -webkit-transition:.3s all;}
.pollDataCont .poll-chk-group .only-txt label:before {position:relative !important; top:auto !important; margin:0 !important; flex-shrink:0;}
.pollDataCont .poll-chk-group .only-txt label:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:1rem; border:1px solid #DFE4EF; z-index:-1; transition:.3s all; -webkit-transition:.3s all;}
.pollDataCont .poll-chk-group .only-txt input:checked + label {color:#0077B3; font-weight:600;}
.pollDataCont .poll-chk-group .only-txt input:checked + label:after {border-color:#0077B3; background:#EBF4F9; box-shadow:inset 0 0 0 .4rem #fff;}
.pollDataCont .poll-chk-group .check-input-etc label {white-space:nowrap; flex-shrink:0;}
.pollDataCont .poll-chk-group .check-input-etc input[type="text"] {height:4rem; width:auto; flex-grow:1; margin-left:1.5rem;}

.pollDataCont .poll-chk-group .only-img input {position:absolute !important;}
.pollDataCont .poll-chk-group .only-img label {display:flex; flex-direction:column; gap:1.2rem; padding:1rem; position:relative; border-radius:1rem; z-index:0; transition:.3s all; -webkit-transition:.3s all;}
.pollDataCont .poll-chk-group .only-img label:before {display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin-top:0; width:100%; height:100%; background:transparent !important; border-radius:1rem; border:1px solid #DFE4EF; z-index:-1; transition:.3s all; -webkit-transition:.3s all;}
.pollDataCont .poll-chk-group .only-img label:after {content:""; display:block; position:absolute; top:0; left:50%; margin:-1.5rem 0 0 -1.5rem; width:3rem; height:3rem; border-radius:100%; border:.7rem solid #0077B3; background:#fff url(../../_guide/img/icon/ico_check_default.svg) no-repeat 50% 50% / 2.6rem auto; z-index:1; transform:scale(0); -webkit-transform:scale(0); transition:.3s all; -webkit-transition:.3s all;}
.pollDataCont .poll-chk-group .only-img input:checked + label:before {border-color:#0077B3; border-width:2px;}
.pollDataCont .poll-chk-group .only-img input:checked + label:after {transform:scale(1); -webkit-transform:scale(1);}
.pollDataCont .poll-chk-group .only-img .thumb {display:block; position:relative; border-radius:.6rem; background:#EFEFEF; overflow:hidden;}
.pollDataCont .poll-chk-group .only-img strong {display:block; padding:.5rem; padding-top:0;}

@media all and (max-width:570px) {
	.pollDataCont .poll-chk-group .check-input-etc {flex-wrap:wrap; padding:1rem 1rem 1rem 1.9rem; gap:1rem 0;}
	.pollDataCont .poll-chk-group .check-input-etc input[type="text"] {width:100%; margin-left:0;}
}

.pollDataCont[data-questiontype="5"] ul {display:flex; flex-wrap:wrap; gap:1rem;}
.pollDataCont[data-questiontype="5"] li {display:flex; width:100%; align-items:center; border-radius:1rem; border:1px solid #DFE4EF; padding:1rem; gap:1rem 1.2rem;}
.pollDataCont[data-questiontype="5"] li select {flex-shrink:0; height:4rem; border-radius:.5rem;}
.pollDataCont[data-questiontype="5"] li select:focus {background-color:#EBF4F9 !important; border-color:#0077B3;}
.pollDataCont[data-questiontype="5"] li.only-img {flex-wrap:wrap; --qu1_col_count:4; width:calc((100% - (1rem * (var(--qu1_col_count) - 1))) / var(--qu1_col_count));}
.pollDataCont[data-questiontype="5"] li.only-img .thumb {display:block; position:relative; width:100%; border-radius:.6rem; background:#EFEFEF; overflow:hidden;}
.pollDataCont[data-questiontype="5"] li.only-img .thumb img {width:100%;}
@media all and (max-width:1300px) {
	.pollDataCont[data-questiontype="5"] li.only-img {--qu1_col_count:3;}
}
@media all and (max-width:920px) {
	.pollDataCont[data-questiontype="5"] li.only-img {--qu1_col_count:2;}
}
@media all and (max-width:750px) {
	.pollDataCont[data-questiontype="5"] li.only-img {--qu1_col_count:2;}
}
@media all and (max-width:570px) {
	.pollDataCont[data-questiontype="5"] li.only-img {--qu1_col_count:1;}
}

.pollDataCont[data-questiontype="7"] {text-align:center;}
.pollDataCont[data-questiontype="7"] .tournamentGoup {display:flex; justify-content:center; gap:2rem;}
.pollDataCont[data-questiontype="7"] .tournamentGoup > .tournament_wrap {display:flex; max-width:calc((100% - 2rem) / 2);}
.pollDataCont[data-questiontype="7"] .tournament_wrap {display:inline-block; position:relative; border-radius:1.6rem; padding:1rem; z-index:0;}
.pollDataCont[data-questiontype="7"] .tournament_wrap:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; border-radius:1.6rem; border:1px solid #DFE4EF;}
.pollDataCont[data-questiontype="7"] .tournament_wrap label {display:flex; align-items:center; justify-content:center; position:relative; border-radius:.6rem; background:#EFEFEF; overflow:hidden; z-index:0;}
.pollDataCont[data-questiontype="7"] .tournament_wrap label img {display:block; width:100%; margin:auto;}
.pollDataCont[data-questiontype="7"] .tournament_wrap .choose {display:block; position:absolute; opacity:.8; top:2rem; left:2rem; z-index:1; color:#fff; background:#cccccc; border-radius:9rem; font-size:1.6rem; padding:.3rem 1.8rem;}
.pollDataCont[data-questiontype="7"] .tournament_wrap.active:before {border:2px solid #0077B3;}
.pollDataCont[data-questiontype="7"] .tournament_wrap.active .choose {background:#0077B3; opacity:1;}
.pollDataCont[data-questiontype="7"] .tournament_wrap.final img {border-radius:.6rem;}
.pollDataCont[data-questiontype="7"] .btn_wrap {margin-top:2rem;}
.pollDataCont[data-questiontype="7"] .btn_wrap .btn {width:100%; max-width:50rem;}
@media all and (max-width:620px) {
	.pollDataCont[data-questiontype="7"] .tournamentGoup {flex-wrap:wrap;}
	.pollDataCont[data-questiontype="7"] .tournamentGoup > .tournament_wrap {max-width:100%;}
}

.pollDataCont[data-questiontype="8"] ul {display:flex; flex-direction:column; gap:1rem;}
.pollDataCont[data-questiontype="8"] li {display:flex; align-items:center; gap:1rem 2rem;}
.pollDataCont[data-questiontype="8"] .fav-list {display:flex; align-items:center;}
.pollDataCont[data-questiontype="8"] .fav-list label {display:flex !important; position:relative; padding:0 2rem !important; flex-direction:column !important; gap:.5rem; align-items:center; font-size:1.6rem; font-weight:700; z-index:0;}
.pollDataCont[data-questiontype="8"] .fav-list label:before {position:relative !important; margin:0 !important; top:auto !important; z-index:2;}
.pollDataCont[data-questiontype="8"] .fav-list label ~ label:after {content:""; display:block; position:absolute; top:.2rem; left:-1.5rem; width:3rem; height:1rem; border-radius:9em; background:#eaeaea;}
.pollDataCont[data-questiontype="8"] .l-pice,
.pollDataCont[data-questiontype="8"] .r-pice {display:block; color:#555;}
@media all and (max-width:1024px) {
	.pollDataCont[data-questiontype="8"] li {gap:1rem;}
	.pollDataCont[data-questiontype="8"] .fav-list label {padding:0 1rem !important;}
	.pollDataCont[data-questiontype="8"] .fav-list label ~ label:after {left:-.5rem; width:1rem;}
}
@media all and (max-width:600px) {
	.pollDataCont[data-questiontype="8"] li {flex-wrap:wrap; justify-content:center;}
	.pollDataCont[data-questiontype="8"] .l-pice,
	.pollDataCont[data-questiontype="8"] .r-pice {width:100%;}
	.pollDataCont[data-questiontype="8"] .l-pice {text-align:left;}
	.pollDataCont[data-questiontype="8"] .r-pice {text-align:right;}
}

.pollDataCont[data-questiontype="9"] div[data-tel] > div {display:flex; align-items:center;}
.pollDataCont[data-questiontype="9"] div[data-tel] span {display:block; flex-shrink:0;}
.pollDataCont[data-questiontype="9"] div[data-tel] input[type="text"] {width:10rem !important; text-align:center;}

.pollDataCont[data-questiontype="10"] div[data-addr] {display:flex; flex-direction:column; gap:1rem;}
.pollDataCont[data-questiontype="10"] div[data-addr] .row {display:flex; align-items:center; width:70rem !important; max-width:100%; gap:1rem;}
.pollDataCont[data-questiontype="10"] div[data-addr] .btn {display:block; flex-shrink:0;}
.pollDataCont[data-questiontype="10"] div[data-addr] input[type="text"] {flex-grow:1; width:30rem;}

.pollDataCont[data-questiontype="11"] div[data-date] {display:flex; gap:1rem;}
@media all and (max-width:480px) {
	.pollDataCont[data-questiontype="11"] div[data-date] {flex-wrap:wrap;}
	.pollDataCont[data-questiontype="11"] div[data-date] input[type="text"] {width:100% !important;}
}


/*******************************
	답변 스타일
*******************************/

.pollResult {display:block; position:relative; border-radius:3rem; padding:var(--box_pad); background:rgba(255,255,255,.7); box-shadow:var(--shadow-box-shadow); margin:3rem 0; overflow:hidden;}
.pollResult > ul {display:flex; flex-direction:column; gap:3rem 0;}

.pollResultItem {
	--matrix-color-01:#63ede1;
	--matrix-color-02:#00b5c9;
	--matrix-color-03:#0077b3;
	--matrix-color-04:#002950;
	--matrix-color-05:#e84149;
	--matrix-color-06:#f4a011;
	--matrix-color-07:#a8cf45;
	--matrix-color-08:#785db0;
	--matrix-color-09:#5b6ad5;
	--matrix-color-10:#fb628b;
}

.pollResultItem .title {display:flex; align-items:start; position:relative; gap:.5rem 1rem; line-height:1.5; margin-bottom:1.5rem; color:#002950; font-weight:700; font-size:2rem;} 
.pollResultItem .title strong {display:flex; margin-top:.3rem; position:relative; padding:0 .5rem; flex-shrink:0; align-items:center; justify-content:center; min-width:2.4rem; height:2.4rem; border-radius:9em; background:#002950; color:#fff; font-size:1.6rem;}
.pollResultItem .title span {display:block; flex-grow:1;}

.pollResultItem .graph {display:flex; flex-grow:1; align-items:center; gap:1rem 2rem;}
.pollResultItem .graph .bar {display:block; position:relative; flex-grow:1; height:1.5rem; background:#EEF5FA; border-radius:9em; overflow:hidden;}
.pollResultItem .graph .bar > span {display:block; position:absolute; top:0; left:0; bottom:0; background:#00B5C9;}
.pollResultItem .graph .txt {display:block; flex-shrink:0; text-align:right; width:20rem; font-size:1.6rem; color:#555;}
.pollResultItem .graph .txt strong {color:#0077B3;}

@media all and (max-width:640px) {
	.pollResultItem .graph .txt {width:40%;}	
}
@media all and (max-width:520px) {
	.pollResultItem .graph {flex-wrap:wrap;}
	.pollResultItem .graph .txt {width:100%;}	
}

.pollResultItem .scret {display:block; position:relative; text-align:center; border-radius:1.5rem; padding:3rem 2rem; border:2px dashed #DFE4EF; color:#aaa;}
.pollResultItem .scret:before {content:""; display:block; position:relative; width:4rem; height:4rem; background:url(../img/board/ico_lock.svg) no-repeat 50% 50% / contain; margin:0 auto .7rem;}

.pollResultItem .list-ul ul {display:block; border-radius:1.5rem; background:#F2F6F9; padding:1.5rem 2rem;}
.pollResultItem .list-ul ul > li {padding:0 !important; display:flex; align-items:center; gap:1rem 1.5rem;}
.pollResultItem .list-ul ul > li:before {display:none;}
.pollResultItem .list-ul ul > li > strong {display:block; font-weight:400; font-size:1.6rem;}
.pollResultItem .list-ul ul .graph .bar {background:#fff;}

.pollResultItem .legend {display:flex; flex-wrap:wrap; justify-content:end; gap:1rem 2rem; margin-bottom:1rem; font-size:1.6rem; color:#777;}
.pollResultItem .legend span {display:flex; align-items:center; gap:1rem;}
.pollResultItem .legend span:before {content:""; display:block; position:relative; width:1rem; height:1rem; border-radius:100%;}

.pollResultItem .legend .item01:before,
.pollResultItem .graph .bar.item01 > span {background:var(--matrix-color-01);}
.pollResultItem .legend .item02:before,
.pollResultItem .graph .bar.item02 > span {background:var(--matrix-color-02);}
.pollResultItem .legend .item03:before,
.pollResultItem .graph .bar.item03 > span {background:var(--matrix-color-03);}
.pollResultItem .legend .item04:before,
.pollResultItem .graph .bar.item04 > span {background:var(--matrix-color-04);}
.pollResultItem .legend .item05:before,
.pollResultItem .graph .bar.item05 > span {background:var(--matrix-color-05);}
.pollResultItem .legend .item06:before,
.pollResultItem .graph .bar.item06 > span {background:var(--matrix-color-06);}
.pollResultItem .legend .item07:before,
.pollResultItem .graph .bar.item07 > span {background:var(--matrix-color-07);}
.pollResultItem .legend .item08:before,
.pollResultItem .graph .bar.item08 > span {background:var(--matrix-color-08);}
.pollResultItem .legend .item09:before,
.pollResultItem .graph .bar.item09 > span {background:var(--matrix-color-09);}
.pollResultItem .legend .item10:before,
.pollResultItem .graph .bar.item10 > span {background:var(--matrix-color-10);}

.pollResultItem .metrixResultBox {display:flex; flex-direction:column; gap:1rem;}
.pollResultItem .metrixResultBox > li {display:flex; flex-direction:column; gap:1rem; padding:2rem; border-radius:1rem; border:1px solid #DFE4EF;}
.pollResultItem .metrixResultBox .tit {display:flex; align-items:center; font-weight:700; gap:1rem;}
.pollResultItem .metrixResultBox .tit > * {display:block;}
.pollResultItem .metrixResultBox .tit strong {display:flex; margin-top:.3rem; position:relative; padding:0 .5rem; flex-shrink:0; align-items:center; justify-content:center; min-width:2.4rem; height:2.4rem; border-radius:9em; background:#EFEFEF; color:#555; font-size:1.5rem;}
.pollResultItem .metrixResultBox .tit span {flex-grow:1;}
.pollResultItem .metrixResultBox ul {display:flex; flex-direction:column; gap:.5rem;}
.pollResultItem .metrixResultBox ul li {position:relative;}
.pollResultItem .metrixResultBox ul li > strong {position:absolute; top:0; left:0; width:0; height:0; text-indent:-999px; overflow:hidden;}

.pollResultItem [data-answertype="7"] ul {display:flex; flex-wrap:wrap; gap:1rem;}
.pollResultItem [data-answertype="7"] ul li {position:relative; padding:1rem; border-radius:1rem; border:1px solid #DFE4EF; --qu1_col_count:4; width:calc((100% - (1rem * (var(--qu1_col_count) - 1))) / var(--qu1_col_count));}
.pollResultItem [data-answertype="7"] ul li .thumb {display:block; position:relative; border-radius:.6rem; background:#EFEFEF; overflow:hidden; margin-bottom:1.2rem;}
.pollResultItem [data-answertype="7"] ul li .thumb img {display:block; width:100%;}
.pollResultItem [data-answertype="7"] ul li .graph {flex-direction:column-reverse;}
.pollResultItem [data-answertype="7"] ul li .graph > * {width:100%; flex-grow:0;}
.pollResultItem [data-answertype="7"] ul li .graph .txt {text-align:left;}

@media all and (max-width:1300px) {
	.pollResultItem [data-answertype="7"] ul li {--qu1_col_count:3;}
}
@media all and (max-width:920px) {
	.pollResultItem [data-answertype="7"] ul li {--qu1_col_count:2;}
}
@media all and (max-width:750px) {
	.pollResultItem [data-answertype="7"] ul li {--qu1_col_count:2;}
}
@media all and (max-width:570px) {
	.pollResultItem [data-answertype="7"] ul li {--qu1_col_count:1;}
}