@charset "utf-8";

.list-head {margin:3%}
.list-head .yd-btn {font-size:13px;width:70px;height:34px;line-height:34px;background:#fff;border:1px solid #A4A4A4;color:#000;text-align:center;border-radius:5px;padding:0;}
.list-head .yd-inp {font-size:13px;width:200px;height:32px;line-height:32px;border:1px solid #555;text-indent:5px;outline:none;border-radius:5px}
.list-head .yd-sel {font-size:13px;padding:5px 0;border:1px solid #555;border-radius:5px;min-width:90px;height:32px;line-height:32px}
.list-head .r {float:right;line-height:28px}

.list-body {margin:3%}
.list-body table {width:100%;border-collapse:collapse;}
.list-body table thead th {background:#f7f7f7;font-size:14px;color:#3D3D3D;padding:18px 5px;text-align:center;border:1px solid #707070;border-left:1px solid #dcdcdc;border-right:0;}
.list-body table tbody td {font-size:14px;color:#000;padding:18px 5px;text-align:center;font-weight:normal;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.list-body table tbody td.l {text-align:left;padding-left:15px}
.list-body table tbody td .new {font-size:11px; color:red;}
.list-body table thead th:first-child,
.list-body table tbody td:first-child {border-left:0}
.list-body table tbody tr {cursor:pointer}
.list-body table tbody tr:hover td {background:#f7f7f7}
.list-body table tbody tr:last-child td {border-bottom:1px solid #707070}
.list-body table tbody td span.type {font-size:11px;display:inline-block;width:70px;heigzht:28px;line-height:28px;text-align:center;color:#fff;background:#000;border-radius:5px}
.list-body table tbody td span.type.ing {background:#DB2E2D}
.list-body table tbody td span.type.wait {background:#FFA200}


.list-foot {min-height:32px;position:relative;padding:0 106px;margin-bottom:50px}
.list-foot .yd-btn {position:absolute;top:0;width:96px;height:32px;line-height:32px;text-align:center;padding:0;font-size:14px}
.list-foot .yd-btn.write {left:0}
.list-foot .yd-btn.gofirst {right:0;background:#DEDEDE;color:#000}
.list-foot .list-paging {text-align:center;}
.list-foot .list-paging .pagebox01 {text-align:center; margin-top:10px!important;}
.list-foot .list-paging a {margin:0 2px;vertical-align:middle;font-size:13px;display:inline-block;min-width:16px;height:20px;line-height:20px;text-align:center;}
.list-foot .list-paging a.paging-btn {width:24px;font-size:0;color:transparent;}
.list-foot .list-paging a.paging-btn.first {background:url(/_core/image/page/default/fp1.gif) no-repeat 50% 50%}
.list-foot .list-paging a.paging-btn.prev {background:url(/_core/image/page/default/p1.gif) no-repeat 50% 50%}
.list-foot .list-paging a.paging-btn.next {background:url(/_core/image/page/default/n1.gif) no-repeat 50% 50%}
.list-foot .list-paging a.paging-btn.last {background:url(/_core/image/page/default/lp1.gif) no-repeat 50% 50%}
.list-foot .list-paging span.p {margin:0 2px;vertical-align:middle;font-size:13px;display:inline-block;background:#b7b7b7;color:#fff;width:28px;text-align:center;border-radius:3px}
.list-foot .list-paging a.p.selected {background:#333;color:#fff;width:28px;border-radius:3px}

.pn-list-box {font-size:14px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #707070;border-radius:64px;line-height:64px;margin:0 3% 3% 3%}
.pn-list-box > a,
.pn-list-box > span {color:#3d3d3d;padding:0 30px}
.pn-list-box > a:last-child,
.pn-list-box > span:last-child {text-align:right;border-left:1px solid #707070}
.pn-list-box > a:hover {color:#000}
.pn-list-box strong {color:#000;margin:0 12px}
#bbsview {margin:0 auto; padding:0; max-width:1400px;}
.vw-form .title {height:64px;border-radius:64px;border:1px solid #707070;line-height:64px;font-size:14px;color:#111;padding:0 35px;position:relative;margin:3% 3% 0 3%;}
.vw-form .title .r {float:right;display:flex;align-items:center}
.vw-form .title .r .yd-btn {height:30px;line-height:31px;font-size:13px;width:auto;padding:0 15px;margin-left:15px}
.vw-ny {padding:30px 35px;margin:0 3% 0 3%;}
.vw-ny .vw-ny-ul {padding-left:0;margin:0;margin-bottom:40px}
.vw-ny .vw-ny-ul li {position:relative;font-size:14px;color:#111;line-height:1.5;padding-left:10px;list-style:none}
.vw-ny .vw-ny-ul li:before {content:'';display:block;width:4px;height:4px;border-radius:4px;background:#FF0000;position:absolute;top:9px;left:0}
.vw-ny p {font-size:14px;color:#111}
.vw-bot-info {border:1px solid #DCDCDC;border-right:0;border-left:0;display:grid;grid-template-columns:1fr 1fr;margin:0 3%;}
.vw-bot-info > span {padding:18px 35px; font-size:1.4rem;}
.vw-bot-info .progress .type {display:block;width:70px;height:28px;margin-top:8px;border-radius:5px;background:#000;color:#fff;text-align:center;line-height:28px}
.vw-bot-info .progress .type.wait {background:#FFA200}
.vw-bot-info .progress .type.ing {background:#DB2E2D}
.vw-bot-info .progress-sel {display:flex;justify-content:flex-end;align-items:center}
.vw-bot-info .progress-sel .yd-sel {margin-left:7px;font-size:13px;padding:5px 0;border:1px solid #555;border-radius:5px;min-width:90px;height:28px;line-height:28px}
.vw-rec {padding:3%;}
.vw-rec .name {margin-bottom:36px;color:#000;font-size:14px;font-weight:bold}
.vw-rec-list {border:1px solid #E7E7E7;padding:15px 20px;border-radius:10px;color:#7F7F7F;font-size:14px;margin-bottom:20px}
.vw-rec-list .l-head {margin-bottom:15px;border-top:1px solid #E7E7E7;padding-top:15px;font-weight:normal}
.vw-rec-list div.tarea {background:#F5F5F5;border:1px solid #e7e7e7;padding:12px 20px;color:#111;border-radius:0;margin-bottom:15px;font-size:14px;;font-weight:normal}
.vw-rec-list .btns {display:flex;margin-bottom:20px;justify-content:space-between}
.vw-rec-list .btns .yd-btn {border:1px solid #eee;width:96px;height:32px;line-height:32px;padding:0;background:#fff;color:#111;font-size:14px}
.vw-rec-write {border:1px solid #E7E7E7;padding:15px 20px;border-radius:10px;background:#F7F7F7;font-size:14px;margin-bottom:20px}
.vw-rec-write .l-head {margin-bottom:15px;font-weight:normal}
.vw-rec-write .l-head .yd-inp {background:#fff;border:1px solid #e7e7e7;border-radius:10px;min-width:120px;height:32px;line-height:32px;text-indent:5px}
.vw-rec-write .tarea {width:100%;background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:12px 20px;color:#111;margin-bottom:15px;font-size:14px;;font-weight:normal}
.vw-rec-write .btns {display:flex;justify-content:space-between}
.vw-rec-write .btns .yd-btn {width:120px;height:32px;line-height:32px;padding:0;background:#111;color:#fff;font-size:14px}
.btn-group {display:grid;grid-template-columns:1fr 1fr;margin:3% 3% 6% 3%;border-top:1px solid #e7e7e7;padding-top:30px}
.btn-group .r {text-align:right}
.btn-group .yd-btn {border:1px solid #eee;width:96px;height:32px;line-height:32px;padding:0;background:#fff;color:#111;font-size:14px;margin-left:10px}
.btn-group .l .yd-btn {margin-left:0;margin-right:10px}
.btn-group .yd-btn.list {border:0;background:#959595;color:#fff}
.btn-group .yd-btn.write {width:120px;border:0;background:#111;color:#fff}

.frm_gid {font-size: 16px; text-align: center; color: #333; line-height: 120%;}
.frm_info {border: 1px solid #3d3d3d; max-height: 200px; overflow-y: auto; font-size: 16px; color: #000; padding: 15px; background-color: #f7f7f7; scrollbar-width: thin; scrollbar-color: #CC2720 transparent; white-space: pre-line;}
.frm_info::-webkit-scrollbar {width: 5px;}
.frm_info::-webkit-scrollbar-thumb {background-color: #CC2720;}
.frm_info::-webkit-scrollbar-track {background: transparent;}

/* qa_list css */
.qa_search_wp {display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-bottom: 1.5rem;}
.qa_search_wp input {height: 4rem; border: 1px solid #d8d8d8; border-radius: .5rem; text-indent: 1.2rem; font-size: 1.4rem; width: 22rem;}
.qa_search_wp button {height: 4rem; padding: 0 1.6rem; border-radius: .5rem; font-size: 1.4rem; cursor: pointer; border: 0; transition: all .3s ease;}
.qa_search_wp .qa_search_btn {background: var(--point-color-1); color: #fff;}
.qa_search_wp .qa_search_reset_btn {background: #c9c9c9; color: #000;}
.qa_list_wp {width: 100%; font-size: 1.8rem; margin-bottom: 10rem; cursor: pointer; display: flex; flex-direction: column; border-top: 1px solid #808080; min-height: 500px;}
.qa_list_wp .qa_list_all {display: flex; justify-content: space-between; align-items: center; gap: 10px; border-bottom: 1px solid #808080; padding: 15px 20px;}
.qa_list_wp .qa_list_all:hover {background-color: #f7f7f7; transition:all .3s ease;}
.qa_list_wp .qa_list_empty {width: 100%; padding: 60px 20px; text-align: center; font-size: 1.8rem; color: #808080; cursor: default;}
.qa_list_wp .qa_list_all img {width: 42px; filter: invert(30%) sepia(80%) saturate(2853%) hue-rotate(344deg) brightness(79%) contrast(103%);}
.qa_list_wp .qa_list_all .qa_list_box {width: 100%; display: flex; gap: 20px;}
.qa_list_wp .qa_list_all .qa_list_box b {font-size: 3rem; font-weight: 700; font-family: var(--entype1); color: var(--point-color-1);}
.qa_list_wp .qa_list_all .qa_list_box .qa_txt {display: flex; flex-direction: column; gap: 5px;}
.qa_list_wp .qa_list_all .qa_list_box .qa_txt i {font-size: 1.6rem; font-weight: 400; color: #5f5f5f;}
.qa_list_wp .qa_list_all .qa_list_box .qa_txt p {font-size: 1.8rem; font-weight: 600; color: #000;}
.qa_list_btn {width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 5rem;}
.qa_list_btn .qa_btn1 {width: 26rem; height: 6rem; font-size: 1.8rem; color: #fff; background: var(--point-color-1); display: flex; justify-content: center; align-items: center; gap: 1rem; border-radius: 4rem; transition: all .3s ease; border: 0; cursor: pointer;}
.qa_list_btn .qa_btn1:hover {color: var(--point-color-1); background: #f7f7f7; border: 1px solid var(--point-color-1);}

.qa_more_wp {width: 100%; display: flex; justify-content: center; align-items: center; margin: 3rem 0;}
.qa_more_btn {width: 20rem; height: 5rem; font-size: 1.6rem; color: var(--point-color-1); background: transparent; display: flex; justify-content: center; align-items: center; border-radius: 4rem; transition: all .3s ease; border: 1px solid var(--point-color-1); cursor: pointer;}
.qa_more_btn:hover {color: #fff; background: var(--point-color-1);}
.qa_more_btn2 {border: 0; width: 100%; height: 5rem; font-size: 1.6rem; color: #333; display: flex; justify-content: center; align-items: center; transition: all .3s ease; cursor: pointer; outline: none;}

/* qa popup/modal css */
.qa_popup, .qa_email_popup, .qa_detail_popup {display: none; position: fixed; inset: 0; z-index: 1200; background: rgba(0,0,0,.7); align-items: center; justify-content: center; padding: 4rem 2rem;}
.qa_popup.on, .qa_email_popup.on, .qa_detail_popup.on {display: flex;}

.qa_popup_inner {position: relative; width: 90%; max-width: 1080px; max-height: 90vh; overflow-y: auto; background: #fff; border-radius: 1rem; padding: 4rem 3rem;}
.qa_email_popup_inner, .qa_detail_popup_inner {position: relative; width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto; background: #fff; border-radius: 1rem; padding: 4rem 3rem;}

.qa_popup_close {position: absolute; top: 2rem; right: 2rem; width: 3rem; height: 3rem; border: 0; background: transparent; cursor: pointer; padding: 0;}
.qa_popup_close:before, .qa_popup_close:after {content: ''; position: absolute; top: 50%; left: 10%; width: 80%; height: 2px; background: #000;}
.qa_popup_close:before {transform: rotate(45deg);}
.qa_popup_close:after {transform: rotate(-45deg);}

.qa_email_popup_txt {font-size: 1.8rem; color: #111; text-align: center; margin-bottom: 2rem;}
.qa_email_popup_inner .inp {width: 100%; height: 5rem; border: 1px solid #d8d8d8; border-radius: .5rem; text-indent: 1.5rem; font-size: 1.6rem; margin-bottom: 2rem;}
.qa_email_popup_btns {display: flex; justify-content: center;}
.qa_email_popup_btns .yd-btn {width: 14rem; height: 4.6rem; line-height: 4.6rem; padding: 0; font-size: 1.6rem; background: var(--point-color-1); color: #fff; border: 0; border-radius: .5rem;}

.qa_detail_list {padding: 0; margin: 0;}
.qa_detail_list li {list-style: none; font-size: 1.6rem; color: #111; line-height: 1.6; padding: 1rem 0; border-bottom: 1px solid #eee;}
.qa_detail_list li .re-btn {width: 14rem; height: 4.6rem; line-height: 4.6rem; padding: 0; font-size: 1.6rem; background: var(--point-color-1); color: #fff; border: 0; border-radius: .5rem; cursor: pointer;}
.qa_detail_list li .cls-btn {width: 14rem; height: 4.6rem; line-height: 4.6rem; padding: 0; font-size: 1.6rem; background: #c9c9c9; color: #000; border: 0; border-radius: .5rem; cursor: pointer;}
.qa_detail_list li .inptea {width: 100%; height: 100px; line-height: 140%; padding: 0; font-size: 1.6rem; color: #000; border: 1px solid #d8d8d8; background-color: #f7f7f7; padding: 10px 15px;}
.qa_detail_list li:last-child {border-bottom: 0;}
#reAnswerText {white-space: pre-wrap;}
.qa_detail_list strong {color: #5f5f5f; margin-right: .5rem;}
.qa_detail_list p {color: #5f5f5f; margin-right: .5rem;}
.qa_detail_tit {background: #dedede; text-align: center;}
.qa_detail_list li .qa_detail_bt_wp {display: flex; justify-content: center; align-items: center; gap: 10px; padding: 10px; text-align: center;}
.qa_detail_list li .qa_detail_info {font-size: 1.6rem; color: var(--point-color-1); margin-top: 1rem; text-align: center;}
.qa_detail_list li.re-form-li {max-height: 0; padding-top: 0; padding-bottom: 0; border-bottom: 0; overflow: hidden; opacity: 0; transition: max-height .4s ease, opacity .3s ease, padding .4s ease;}
.qa_detail_list li.re-form-li.open {max-height: 300px; padding-top: 1rem; padding-bottom: 1rem; opacity: 1; border-bottom: 1px solid #eee;}


.qa_toast {position: fixed; bottom: 5rem; left: 50%; transform: translateX(-50%) translateY(20px); background: rgba(0,0,0,.85); color: #fff; padding: 1.4rem 2.4rem; border-radius: .8rem; font-size: 1.6rem; z-index: 1400; opacity: 0; visibility: hidden; transition: all .3s ease; white-space: nowrap;}
.qa_toast.show {opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);}

@media (max-width: 1024px) {
	.list-body table thead th,
	.list-body table tbody td,
	.list-body table col {display:none}
	.list-body table .mobile {display:table-cell}
	
	.vw-form .title {height:auto;line-height:22px;font-size:13px;border-radius:12px;padding:8px 15px;overflow:hidden}
	.vw-form .title .r {float:none}
	.vw-form .title .r .yd-btn {display:none}
	.vw-ny {padding:10px 15px}
	.vw-ny .vw-ny-ul {margin-bottom:20px}
	.vw-bot-info > span {padding:5px 15px}
	.vw-bot-info .progress-sel {display:block}
	.vw-bot-info .progress-sel .yd-sel {display:block;margin-left:0;margin-top:8px}
	.vw-rec {padding:10px 15px}
	.vw-rec .name {margin-bottom:15px}
	.vw-rec-list {padding:10px 15px}
	.vw-rec-list div.tarea {height:auto}
	.vw-rec-write .tarea {height:10rem}
	.pn-list-box {line-height:30px;border-radius:30px}
	.pn-list-box > a, .pn-list-box > span {padding:0 10px;font-size:0;color:transparent;}
	.pn-list-box strong {font-size:13px;color:#111;line-height:40px}

	.btn-group .r,
	.btn-group .l {display:flex;}
	.btn-group .yd-btn {width:auto;padding:0 20px}
	.btn-group .yd-btn.write {width:auto}
}