@charset "UTF-8";

/* ------------------------------- common -------------------------------- */
.hide {display: none;}

body {
	font-family: 'Noto Sans KR', arial, sans-serif;
	color: #2A2A2A;
	font-size: 16px;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body {height: 100%;}

a {color: inherit;}
a:hover {color: inherit; text-decoration: none;}

ul {list-style-type: none; padding: 0; margin: 0;}
ul li {border-bottom: 1px solid #DEDEDE; cursor: pointer;}
ul li a {display: block; padding: 10px 0;}
ul li:hover, ul li a:hover {background-color: #F5F5F5;}

input[type="text"], input[type="email"],
input[type="password"], input[type="submit"],
input[type="button"], textarea, select {appearance: none; -webkit-appearance: none;}

.cursor-pointer{cursor: pointer !important;}

/* pagination */
.pagination {justify-content: center; position: relative;}
.pagination li {border-bottom: none; font-size: 16px;}
.pagination li a {color: #2A2A2A !important;}
.pagination li a.totalList {position: absolute; left: 0; font-size:18px; border-radius: 5px;}
.pagination .page-item.active .page-link {color: white !important;}

/* form */
.form-control {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 40px;}
.form-control::-webkit-input-placeholder, .form-control:-moz-placeholder,
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder {color: #afb3bb;}
.form-control:focus {border-color: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

/* 탑버튼 */
a.back-to-top, a.back-to-top:hover, a.back-to-top:focus,
a.back-to-top:active, a.back-to-top:not(:disabled):not(.disabled):active:focus {
	color: #fff;
	min-width: 60px;
	min-height: 60px;
	border-radius: 30px;
	border: none;
	background-color: rgba(20, 154, 255, 0.6);
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
}
.back-to-top span {position: relative;}
.back-to-top i.ic_qna_gototop {font-size: 18px; position: absolute; top: 6px; right: 7px;}
#btn_top {
	position: fixed;
	right: 50px;
	bottom: 47px;
	z-index: 999;
	width: 50px;
	border-radius:50px 50px;
	padding: 9px;
	opacity: 0.7;
	box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.38);
	background-color: #0068b6;
}

/* Ajax loading */
.ajax-loading-view {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	margin: 0 auto;
	z-index: 9999;
}
.ajax-loading-view .loading-bar {
	display: flex;
	padding: 30px;
	text-align: center;
	background: #fff;
	border-radius: 8px;
}

/* 햄버거 버튼 */
.hamburgerBtn {
	width: 27px;
	height: 25px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .15s ease-out;
	-moz-transition: .15s ease-out;
	-o-transition: .15s ease-out;
	transition: .15s ease-out;
	cursor: pointer;

}
.hamburgerBtn span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .15s ease-out;
	-moz-transition: .15s ease-out;
	-o-transition: .15s ease-out;
	transition: .15s ease-out;
	background: #fff;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.hamburgerBtn span:nth-child(1){
	top: 0px;
}
.hamburgerBtn span:nth-child(2) {
	top: 10px;
}
.hamburgerBtn span:nth-child(3) {
	top: 20px;
}
.hamburgerBtn.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
	left: 8px;
}
.hamburgerBtn.open span:nth-child(2) {width: 0%; opacity: 0;}
.hamburgerBtn.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 20px;
	left: 8px;
}
#menuDiv1, #menuDiv2 {color: #fff; background: #0068b6; height: 310px; z-index: 9999;}
#menuDiv2 {margin-top: -15px;}
#menuDiv1 .card, #menuDiv2 .card {min-width: 125px; min-height: 125px; margin: 10px;}
#menuDiv1 .menu, #menuDiv2 .menu {
	border: 1px solid #fff;
	border-radius: 5px;
	background: #0068b6;
	color: #fff;
	text-align: center;
	padding: 15px;
	font-size: 19px;
}
#menuDiv1 .iconDiv, #menuDiv2 .iconDiv {font-size:35px;}

/* 공감 버튼 */
.like-container {font-size: 18px;}
.w-btn {
	position: relative;
	border: none;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 15px;
	font-family: "paybooc-Light", sans-serif;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	font-weight: 600;
	transition: 0.25s;
}
.w-btn-outline {
	position: relative;
	padding: 15px 30px;
	border-radius: 15px;
	font-family: "paybooc-Light", sans-serif;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	font-weight: 600;
	transition: 0.25s;
}
.w-btn:hover {cursor: pointer;}
.w-btn:focus {outline:none;}
.w-btn-outline:hover {cursor: pointer;}
.w-btn-gra2 {background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); color: white;}
.w-btn-gra-anim {background-size: 400% 400%; animation: gradient1 5s ease infinite;}
@keyframes gradient1 {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
@keyframes gradient2 {
	0% {background-position: 100% 50%;}
	50% {background-position: 0% 50%;}
	100% {background-position: 100% 50%;}
}
@keyframes ring {
	0% {width: 30px; height: 30px; opacity: 1;}
	100% {width: 300px; height: 300px; opacity: 0;}
}

/* 제안하기 버튼 */
.suggestBtn {
	width: 90px;
	border-radius: 4px;
	font-size: 16px;
	background-color: #0068b6;
	font-family: NotoSansCJKkr;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	padding: 7px 0;
	margin-right:4px;
}
.suggestBtn:hover, .suggestBtn:visited, .suggestBtn:active {color: #fff; text-decoration: none;}

/* 신규글 버튼 */
.isNew {
	font-size: 10px;
	color: #ff6f00;
	border: 2px solid #ff6f00;
	background-color: #fff4e4;
	border-radius:5px;
	min-width: 36px;
	padding:0px;
}

/* 신규글 버튼 - 테이블용 */
.isNew_table {
	font-size: 10px;
	color: #ff6f00;
	border: 2px solid #ff6f00;
	background-color: #fff4e4;
	border-radius:5px;
	min-width: 36px;
	padding: 1px 5px;
}

/* 답변완료 버튼*/
.isReply {
	font-size: 11px;
	color: #28a745;
	border: 2px solid #28a745;
	background-color: #ecfff0;
	border-radius:5px;
	min-width: 36px;
	padding:1px 5px;
}
/* ------------------------------- header /footer -------------------------------- */
/*header */
.header {position: relative; background-color: #0068B6; z-index: 1;}
.header.notSearchMain {display: flex; align-items:center; height:90px;}
.header.main::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/template/dist/plugins/images/img_title-bb6a040f0c938c21a14ec68cc85e6aa3.png) no-repeat;
	background-position: 80% 40%;
	width: 100%;
	height: 78%;
	opacity: 1;
	z-index: -1;
}

.header.notSearchMain::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/template/dist/plugins/images/img_title2-bb775704565c729296b0ea5ee5ee0a64.png) no-repeat;
	background-position: 74% 40%;
	width: 100%;
	height: 78%;
	opacity: 1;
	z-index: -1;
}

.header .container {position: relative;}

.header.main .branding {margin-bottom: 20px;}
.header .search-form { position: relative;}
.header .topBar {align-items: felx-end; justify-content: space-between; margin: 0 auto;}
.header .manualBtn {
	width: 161px;
	margin: 7px 21px 0px 0px;
	padding: 11px 0;
	border: 1px solid #fff;
	border-radius: 5px;
	background-color: #0068b6;
	font-family: NotoSansCJKkr;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 0.5;
	float:right;
}
.header .ic_qna_bodahelp {color: #fff; font-size: 38px;}
.header .searchGroup .custom-select {font-size: 18px; border: 1px solid #DEDEDE;}
.main-search-box .search-input {
	border: none;
	font-size: 18px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 30px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 10px 50px 10px 20px;
	margin-bottom: 30px;
}
.main-search-box .search-btn {
	color: #797f8b;
	background: none;
	border: none;
	position: absolute;
	height: 40px;
	right: 0px;
	top: -1px;
}
.search-btn:active, .main-search-box .search-btn:focus,
.main-search-box .search-btn:hover {outline: none; color: #31343a;}

/* footer */
.footer {height: 200px; background-color: #f3f5f8; background: #FAFBFC; color: #2A2A2A;}
.footer .footer_menu span {font-size: 18px; color: #2A2A2A;}
.footer .copyright {font-size: 14px;}
.footer a {text-decoration: none; color: #2a2a2a;}
.footer .companyLogo > img {width: 130px; height: 35px; object-fit: contain; align-items: center;}



/* ------------------------------- screen -------------------------------- */
/* 검색결과 */
.searchResult img.listEmpty {max-width: 60%;}
.listEmpty {font-size: 24px;}
.searchResult_sort .os, .searchResult_sort .faqCategory {color: #0068B6;}
.searchResult_sort .tableHead, .searchResult_sort .tableList {display: flex; align-items: center; padding: 10px 0;}
.searchResult_sort .tableGroup {display: flex; flex-direction: row; align-items: center; font-size:18px;}
.searchResult_sort .listNum {width: 60px; font-size: 16px;}
.searchResult_sort .os {width: 130px; display: flex; flex-direction: row; justify-content: center; padding-right: 7px; padding-left: 7px;;}
.searchResult_sort .tableHead {height: 40px; font-size: 16px !important;}
.searchResult_sort .tableHead .osHead {width: 130px; font-size: 16px;}
.searchResult_sort .tableHead .tableHead_os {position: absolute; top: 2px; text-align: center; color: #2A2A2A;}
.searchResult_sort .tableHead .faqCategory {color: #2A2A2A; font-size: 16px; width: 20%; display:inline-block; padding-left: 10px;}
.searchResult_sort .tableList .faqCategory {font-size: 18px; width: 20%; display:inline-block; padding-left: 10px;}
.ellipsis_3 {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0;}

/* 메인페이지 */
.mainTitleHover:hover {color:#0068b6;}

/* 메인페이지 공지사항 */
.recentNotice, .qnaBtn {margin-top: 30px;}
.pageTitle {font-size: 28px; font-weight: 600; height: 40px;}
.mainBoard {width: 100%; padding: 30px; text-align: left; margin: 30px 0px 0px 0px; min-width:300px;}
.mainBoard-voc {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.main_notice_row {display:flex; flex-direction:row; width:100%; align-items:center;}
.main_notice_title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 메인페이지 - 새로운 기능 */
.main_newFunc_row {display:flex; flex-direction: row; width:100%; align-items:center; justify-content:space-between;}
.main_newFunc_row_title_div {display:flex; flex-direction: row; width: 70%; align-items:center;}
.main_newFunc_title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_newFunc_date {
	font-size:14px;
	width:20%;
	color:#95999f;
	white-space: nowrap;
	margin-top: 3px;
	margin-left: 5px;
	display:flex;
	justify-content:flex-end;
}
.emptyNewFunc {background-color: #fafbfc; height: 250px; margin-top: 23px;}

/* 메인페이지 FAQ */
.topFiveMainBoard {margin: 30px 0px 0px 0px; padding: 30px;}
.faqTopFiveTr {font-size: 18px;}

/* 메인페이지 문의하기 및 매뉴얼 */
.home .item-inner {
	background: #fff;
	position: relative;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	height: 100%;
}
.home .item .icon-holder {display: inline-block; height: 84px; width: 84px;}
.home .item .icon {font-size: 60px; color: #0068B6; line-height: 78px;}
.home .item img {width: 84px; height: 84px;}
.home .item .title {font-size: 28px; font-weight: 600; color: #2A2A2A;}
.home .item .subtxt {
	font-size: 18px;
	font-weight: 400;
	color: #2A2A2A;
	line-height: 16px;
	margin-bottom: 34px;
}
.home .item-blue .item-inner {border-top: 3px solid #0068B6;}
.home .item-blue .item-inner:hover {background-color: #F5F5F5;}
.mainQna {padding: 30px; margin: 30px 0px 0px 0px;}

/* 목록 페이지 */
.tableDate {display:flex; flex-direction:row; align-items: center; font-size:16px;}
.leftContainer {
	display:flex;
	flex-direction: column;
	height:100%;
	vertical-align: top;
	padding:30px 0px 0px 0px;
	font-size: 22px;
}
.bodyContainer {
	display:flex;
	flex-direction: column;
	height:100%;
	padding: 37px 0px 80px 30px;
	border-left: 1px solid #dedede;
	min-height:700px;
}
.leftContainer ul li {
	border: none;
	font-size: 22px;
	text-align: left;
	margin-right:30px;
	margin-bottom:25px;
	padding-left: 10px;
	display:inline-block;
}
.leftMenu {
	text-decoration: none;
	transition: color 0.1s, background-color 0.1s;
	padding: 0px;
	display:block;
	position: relative;
	letter-spacing: 1px;
	font-weight: 900;
	text-transform: uppercase;
	transition: color 0.1s,background-color 0.1s,padding 0.2s ease-in;
	line-height:50px;
}
.leftContainer ul li:hover, .leftMenu:hover, .leftMenu:focus, .leftMenu:active {background-color: transparent;}
.leftContainer ul li .active{background-color: transparent; color: #0068b6;}
.leftMenu::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 3px;
	left: 0;
	height: 3px;
	width: 100%;
	background-color: #0068b6;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: color 0.1s,transform 0.2s ease-out;
}
.leftMenu:active::before {background-color: #0068b6;}
.leftMenu:hover::before, .leftMenu:focus::before {transform-origin: left top; transform: scale(1, 1);}
.tableList .tableGroup, .tableList .tableTitle{font-size: 18px; display:flex; flex-direction:row; align-items:center;}
.tableList .tableDate {font-size: 16px; color:#95999f;}
.moreBtn {border : 1px solid #707070; border-radius: 4px; padding: 7px; cursor: pointer;}
.moreBtn span {font-weight: 900; font-size:16px; margin:5px;}

/* 목록 페이지 검색창 */
.board-search-box .search-input {
	border: none;
	font-size: 16px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 30px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 10px 50px 10px 20px;
	border:1px solid #a3acb7;
	border-radius:30px;
	}
	.board-search-box .search-btn {
	color: #787878;
	background: none;
	border: none;
	position: absolute;
	height: 40px;
	right: 0px;
	top: -1px;
}

.search-btn:active, .board-search-box .search-btn:focus,
.board-search-box .search-btn:hover {outline: none; color: #787878;}

/* 목록 페이지(공지사항, 새로운 기능) */
.ellipsis_notice {width: 65%; font-size:16px; display:inline-block !important;}
.ellipsis_notice_num {width: 8%; font-size:16px; display:inline-block;}
.ellipsis_notice_cnt {width: 10%; font-size:16px; display:inline-block !important; color: #2A2A2A !important; text-align:center;}
.ellipsis_notice_date {width: 16%; font-size:16px; display:inline-block !important; text-align:center;}

/* 목록 페이지(고객의 소리) */
.ellipsis_voc {width: 60%; font-size:16px; display:inline-block !important;}
.ellipsis_voc_emp {width: 16%; font-size:16px; display:inline-block !important; text-align:center;}
.ellipsis_voc_date {width: 16%; font-size:16px; display:inline-block !important; text-align:center;}
.vocBtnArea {font-size: 18px; margin-top: 25px; margin-bottom:25px;}

/* 목록 페이지(FAQ) */
.ellipsis_faq {width: 35%; font-size:16px; display:inline-block; padding-left: 10px;}
.ellipsis_faq_useful {width: 15%; font-size:16px; display:inline-block; text-align: center;}
.ellipsis_faq_cnt {width: 10%; font-size:16px; display:inline-block; text-align: center;}
.ellipsis_faq_small {width: 35%; font-size:16px; display:inline-block !important; word-wrap: break-word; padding-left: 10px;}
.ellipsis_faq_useful_small {width: 15%; font-size:16px; display:inline-block !important; text-align:center;}
.ellipsis_faq_cnt_small {width: 10%; font-size:16px; display:inline-block !important; text-align:center;}
.os_icon {width: 24px; height: 24px; border-radius: 50%; margin-right: 2px;}

/* 목록 페이지(메뉴얼) */
.list_sort .item-blue {cursor: pointer;}
.list_sort .item-blue .item-inner {border-top: 3px solid #0068B6; min-height: 125px;}
.list_sort .item-blue .item-inner:hover {background-color: #F5F5F5;}
.list_sort .item-inner {
	background: #fff;
	position: relative;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	height: 100%;
	font-size: 18px;
	padding: 20px;
	align-items: center;
	margin: 0px auto;
}
.bodyContainer .searchGroup {padding-left : 19px; padding-right: 1px;}
.bodyContainer .searchGroup .custom-select {font-size: 18px; border: 1px solid #DEDEDE;}

/* 상세페이지 */
.detailView .tag {color: #0068B6; display: flex; align-items: center;}
.detailView .tag .faqCategory {margin-left: 10px; font-size: 16px; font-weight: normal;}
.detailView .title {font-size: 22px; font-weight: 600; margin-bottom: 0px; line-height: 28px;}
.detailView .subtxt {font-size: 18px;}
.detailView .updatedTime {margin-top: 6px; color: #95999f; font-size: 16px;}
.detailView .info img{max-width: 100%; object-fit: cover;}
.info .tox-tinymce { border:none !important;}
.info .tox-edit-area { border:none !important;}

/* 상세페이지(고객의 소리) */
.btn-save {
	width: 150px;
	border-radius: 4px;
	font-size: 16px;
	background-color: #0068b6;
	font-family: NotoSansCJKkr;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	padding: 6px 0;
	float:right;
	margin-right:17px;
}

.btn-save:hover {
	width: 150px;
	border-radius: 4px;
	font-size: 16px;
	background-color: #0068b6;
	font-family: NotoSansCJKkr;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	padding: 6px 0;
	float:right;
	margin-right:17px;
}

.btn-cancle {
	width: 150px;
	border-radius: 4px;
	font-size: 16px;
	background-color: #e2e6ea;
	font-family: NotoSansCJKkr;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	color: #333;
	padding: 6px 0;
	float:right;
}

.btn-cancle:hover {
	width: 150px;
	border-radius: 4px;
	font-size: 16px;
	background-color: #e2e6ea;
	font-family: NotoSansCJKkr;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	color: #333;
	padding: 6px 0;
	float:right;
}

.trashBtn {font-size: 25px; cursor:pointer;}
.replyArea {margin-top: 40px;}
.adminArea {background-color: #eff7ff;}
.adminAreaDate {font-size: 12px; color: #95999f;}
.adminReply {line-height:1;}
.adminReply a {text-decoration: underline; color: blue;}
#ctnt a{text-decoration: underline; color: blue;}
.btn-group-toggle .btn-sm {font-size: 16px;}
.detailTxt .inputArea {max-width: 245px;}



/* ------------------------------- media query -------------------------------- */

@media (max-width: 320px) {
	.searchResult_sort .faqCategory {
		font-size: 16px;
		width: 168px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (max-width: 575.98px) {
	.main-search-box {width: 100%;}
	.main-search-box .search-form .search-input {width: 100%;}
	.os_icon {width: 18px; height: 18px; border-radius: 50%; margin-right: 2px;}
	.recentNotice, .qnaBtn, .detailView .container,
	.submitEmail .container, .searchResult_sort .container {margin-top: 20px !important;}

	/* 메인 화면 */
	.header .manualBtnArea {display: none;}
	.header .topMenuBtnArea { max-width: 19%; }
	.header .logoArea {max-width: 52%;}
	.mainBoard .pageTitle {font-size: 24px !important;}
	.pageTitle .suggestBtn {width: 56px; font-size: 12px; margin-left:3px;}
	.topFiveMainBoard .pageTitle {font-size: 24px !important;}
	.mainQna .pageTitle {font-size: 24px !important;}
	.topFiveMainBoard .faqDiv {font-size: 15px !important;}
	.topFiveMainBoard .vocDate {font-size: 12px !important;}
	.home .item .title {font-size: 20px !important;}
	.home .item .subtxt {font-size: 12px !important;}
	.navbar-collapse .menu {width: 28%;}

	/* 메인 화면 - 새로운 기능 */
	.main_newFunc_row {display:block;}
	.main_newFunc_row_title_div {width:100% !important;}
	.main_newFunc_title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.main_newFunc_date {margin-left:0px; display:block;}

	/* 공지사항 목록 화면 */
	.bodyContainer {padding-top: 0px !important;}

	/* 고객의 소리 상세 화면 */
	.like-container .w-btn {font-size: 12px !important;margin-top: 4px;}
	.replyArea .adminArea {min-width: 30% !important;font-size: 14px !important;}
	.replyArea .adminReply {max-width: 70% !important;font-size: 14px !important;}

	/*고객의 소리 작성 화면*/
	.detailTxt .btn-save, .detailTxt .btn-cancle {font-size: 14px !important;width: 100px !important;}
}

@media (min-width: 576px) {
	/* 메인 화면 */
	.main-search-box .search-form .search-input {width: 510px;}
}

@media (max-width: 767.98px) {
	/* header */
	.header {height: 212px;}
	.header .branding h1 {padding: 0 !important;}
	.header .branding {margin: 0 !important; text-align: center; padding-left:3px; padding-right:45px;}
	.header .ic_qna_bodahelp {font-size: 26px;}
	.header.notSearchMain::after {display: none;}
	.header.notSearchMain {display: block; height: 60px;}
	.header .topBar {justify-content : normal;}
	.header.main::after {display: none;}
	.navbar-collapse .menu {width: 24%;}
	.header.main .topMenuBtnArea {padding-left: 0px;}
	.topMenuBtnArea {display : inline !important;}
	.topMenuBtn {
		display: inline !important;
		color : #fff;
		font-size : 1.5rem;
		float:left;
		background-color: #0068b6;
		border : none;
		outline: 0px !important;
		padding: 0px;
	}
	.manualBtn {display : none !important;}

	/* 메인 화면 */
	.home .qnaBtn .item a .item-inner {padding: 0;}
	.container {padding-top: 0px !important;}
	.header.notSearchMain .container {padding-bottom: 10px;}
	.header.notSearchMain .topMenuBtnArea {padding-bottom: 3px;}
	.searchResult_sort .tableHead, .searchResult_sort .tableList {display: block;}
	.searchResult_sort .tableHead {display: none !important;}
	.searchResult_sort .listNum {width: 36px; text-align: left !important;}
	.item-blue {padding-bottom: 10px;}

	/* 공지사항 목록 화면 */
	.container .noticeRow {justify-content : center;}
	.container .leftContainer {display: none;}
	.bodyContainer {border-left: 0px !important; padding-right: 20px !important; padding-left: 20px !important;}
	.bodyContainer .board-search-box {float: none !important;}
	.bodyContainer .pageTitle {display: block !important;}
	.tableList .ellipsis_notice_cnt, .tableList .ellipsis_notice_date {display: none !important;}
	.tableList .ellipsis_notice {width: 100% !important;font-size: 15px !important;}
	.tableList .ellipsis_notice_num {font-size: 15px !important;}

	/* 공지사항 상세 화면 */
	.bodyContainer .info {margin-top: 0px !important;}
	.info .title {font-size: 15px; font-weight: normal;}
	.info .updatedTime, .info .readCnt {font-size: 12px; font-weight: normal;}
	.info .readCnt {padding-top: 6px;}
	.info .subtxt {font-size: 15px;}
	.info .border_dark {padding: 0 1px;}
	.pagination .totalList {font-size: 15px !important;}

	/* FAQ 목록 화면 */
	.ellipsis_faq_small {width: 100% !important;}
	.searchResult_sort .os {width: 161px !important; display: inline-block !important;}
	.tableList .usefulHidden {
		font-size: 16px !important;
		display: flex !important;
		float: right !important;
		margin-top: 8px !important;
		margin-right: 5px !important;
	}
	.tableList .faqCategory, .tableList .ellipsis_faq_small{width: 100% !important; font-size: 16px !important;}
	.tableList .readCntHidden {font-size: 12px !important; display: flex !important; color: #95999f;}
	.ellipsis_faq_small, .ellipsis_faq, .searchResult_sort .tableList .faqCategory,
	.searchResult_sort .tableHead .faqCategory {padding-left: 0px !important;}

	/* 고객의 소리 목록 화면 */
	.ellipsis_voc {width: 80% !important;}
	.tableList .tableGroup {display: block !important;}
	.tableList .ellipsis_voc {width: 100% !important; font-size: 15px !important;}
	.tableList .listNum {font-size: 15px !important;}
	.tableList .isReplyHidden {font-size: 12px !important; display: inline-block !important;}
	.tableList .empathyHidden {font-size: 15px !important; display: flex !important; float: right !important; margin-top: 10px !important;}
	.tableList .isNotHidden {display: none !important;}
	.tableList .ellipsis_voc_emp {display: none !important;}
	.tableList .ellipsis_voc_date {width: 100% !important; text-align:left; font-size: 12px !important;}
	.vocBtnArea {margin-top: 0px !important;}
	.vocBtnArea .suggestBtn {font-size: 14px !important; height: 31px !important; width: 74px !important;}
	.vocBtnArea .btn-group .btn.active {z-index : 0 !important;}
	.btn-group-toggle .btn-sm {font-size: 14px !important;}

	/* 고객의 소리 작성 화면 */
	.bodyContainer .detailTxt {margin-top: 0px !important;}

	/* 매뉴얼 */
	.list_sort .item-blue {flex: none; max-width: 100%; margin-bottom: 0px !important;}
	.list_sort .manualNmArea {max-width: 80%;}
	.list_sort .downloadArea {max-width: 20%;}
	.bodyContainer .searchGroup {
		display: block !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
		min-width: 245px;
		float: none !important;
	}
}

@media (min-width: 768px) {
	/* 메인 화면 */
	.main-search-box .search-form .search-input {width: 600px;}
	.header .searchGroup {width: 690px; margin: 0 auto;}
	.searchResult_sort .listNum {text-align: center !important;}
	.container .btnTopMain {display: none !important;}
}

@media (max-width: 991.98px) {
	/* 메인 화면 */
	#data_table thead {display : none !important;}
	#data_table .faqTopFiveTr {display : none;}
	#data_voc_table thead {display : none !important;}
	#data_voc_table .faqTopFiveTr {display : none;}
	.topFiveMainBoard .faqDiv {display : block; padding: 10px 0; font-size: 18px; border-bottom: 1px solid #DEDEDE;}
	.bodyContainer .searchGroup {margin-right: 47px; max-width: 47%;}

	/* 메인 화면 - 새로운 기능 */
	.main_newFunc_row_title_div {width: 65%;}
	.main_newFunc_date {font-size:12px;}

	/* 목록 화면 */
	.tableHead .ellipsis_faq_useful, .tableHead .ellipsis_faq_cnt,
	.tableList .ellipsis_faq_useful_small, .tableList .ellipsis_faq_cnt_small {display: none !important;}
	.leftMenu {font-size: 18px;}

	/* 매뉴얼 */
	.list_sort .cards-wrapper {justify-content: normal;}
	.list_sort .item-blue {min-width: 275px;}
}

@media (min-width: 992px) {
	/* 메인 화면 */
	.topFiveMainBoard .faqDiv {display : none;}
}

@media (max-width: 1024px) {
	/* 메인 화면 */
	.back-to-top {display: block;}
	.mainBoard {min-width: 300px;}
}

@media (max-width: 1700px) {
	/* header */
	.header::after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		background: url(/template/dist/plugins/images/img_title-bb6a040f0c938c21a14ec68cc85e6aa3.png) no-repeat;
		background-position: 80% 40%;
		width: 100%;
		height: 78%;
		opacity: 0;
		z-index: -1;
		animation-delay: 0;
		transition: all 0.4s ease-in;
	}
}

/* priority */
@media screen and (max-width: 991px) and (min-width: 425px) {
	.priority-5{display:none !important;}
	.priority-4{display:none !important;}
	.priority-3{display:none !important;}
}

@media screen and (max-width: 425px) {
	.priority-5{display:none !important;}
	.priority-4{display:none !important;}
	.priority-3{display:none !important;}
	.priority-2{display:none !important;}
}



/* ------------------------------- Deprecated??? -------------------------------- */
.home .ic_qna_more {color: #C1C5D7; font-size: 20px; margin-left: 20px;}

.submitEmail .container {padding-top: 30px;}
.submitEmail img.sendEmail {width: 180px;}

.btn_def {height: 50px; color: #fff; background-color: #0068B6; font-size: 18px;}
.btn_def:hover {color: #fff; background-color: #037bd7;}
.btn_def:active {color: #fff; background-color: #0061ab;}
.btn_def:disabled {opacity: 30%;}