@media screen and (max-width: 1360px) {
	.con {
		padding: 0 1.5rem;
	}
}

@media screen and (max-width: 1024px) {
	.s_visual .tit {
		font-size: 32px;
	}
	.s_visual .tit03 {
		font-size: 16px;
	}
	.s_visual .search_wrap {
		width: 65%;
	}
	.s_visual .search_wrap .text {
		height: 46px;
		font-size: 16px;
	}
	.s_visual .search_wrap .btn {
		width: 46px;
		height: 46px;
	}
	.mainCtn {
		overflow-x: hidden;
	}
	.mainCtn .con {
		flex-direction: column;
	}
	.mainCtn .right_ctn {
		width: 100%;
	}
	.mainCtn .filter_group {
		border-top: 1px solid #E6E8EA;
	}
	.right_ctn .filter_mode {
		white-space: nowrap;
		padding-bottom: 6px;
		margin-bottom: 10px;
		column-gap: 8px;
	}
	.filter_mode label {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 5px 10px;
		border: 1px solid #E6E8EA;
		border-radius: 2px;
		background-color: #fff;
		font-size: 14px;
		white-space: nowrap;
		cursor: pointer;
	}
	.filter_mode .filter_on {
		padding: 5px;
	}
	.filter_mode .filter_on i {
		mask: url(/renewal/education/pub/images/icon_filter.svg) no-repeat 50% 50% / contain;
		-webkit-mask: url(/renewal/education/pub/images/icon_filter.svg) no-repeat 50% 50% / contain;
		display: block;
		background: #6D7882;
		width: 20px;
		height: 20px;
	}
	.filter_mode .filter_on.on i {
		background: #fff;
		transform: rotate(180deg);
	}
	.filter_mode label.on {
		background: #203E99;
	}
	.right_ctn .label_txt {
		font-size: 12px;
		margin-left: 0;
	}
	.filter_mode label.on .label_txt {
		color: #FFF;
	}
	.mainCtn .filter_wrap {
		position: fixed;
		top: 38px;
		left: 0;
		width: 70%;
		background: #fff;
		height: 100%;
		background-image: none;
		transform: translateX(-100%);
		transition: all 0.2s linear;
		z-index: 300;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
		overflow-y: auto;
	}
	.filter_mode input[type="checkbox"] {
		display: none;
	}
	.mainCtn .filter_wrap .filter_head {
		display: block;
		position: relative;
		top: 0;
		width: 100%;
		padding: 10px 0;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
	}
	.mainCtn .filter_wrap .close_btn {
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-100%);
		width: 20px;
		height: 20px;
	}
	.mainCtn .filter_wrap .close_btn:after,
	.mainCtn .filter_wrap .close_btn:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 2px;
		height: 18px;
		background: #000;
	}
	.mainCtn .filter_wrap .close_btn:after {
		transform: rotate(-45deg);
	}
	.mainCtn .filter_wrap .close_btn:before {
		transform: rotate(45deg);
	}
	.mainCtn .filter_wrap.active {
		transform: translateX(0%);
	}
	.mainCtn .filter_group {
		padding: 30px 20px 20px 20px;
	}
	.right_ctn .filter_mode .filter_on {
		display: block;
	}
	.filter_list {
		padding-bottom: 20px;
	}
	.filter_list .label_txt,
	.filter_list .label_cnt {
		font-size: 16px;
	}
}

@media screen and (min-width: 768px) {
	header .haeder {
		display: none;
	}
	#pc_header {
		position: absolute;
		top: 0;
	}
}

@media screen and (max-width: 768px) {
	header {
		height: 32px !important;
	}
	#pc_header {
		display: none;
	}
	.haeder {
		top: 32px;
		height: 60px;
		background: #fff;
	}
	.haeder .header_logo {
		width: 71px;
		height: 36px;
	}
	.haeder .user_wrap {
		display: flex;
		height: 100%;
		column-gap: 16px;
	}
	.haeder .user_wrap .user_item {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		height: 100%;
	}
	.haeder .user_wrap .user_item img {
		width: 20px;
		height: 20px;
	}
	.haeder .user_wrap .user_item span {
		font-size: 13px;
		font-weight: 500;
		color: #464C53;
	}
	.s_visual {
		margin-top: 92px !important;
	}
	.s_visual .bg {
		height: 260px;
	}
	.s_visual .search_wrap {
		width: 90%;
		margin: 30px auto 0 auto;
		padding-left: 20px;
	}
	.s_visual .tit {
		font-size: 30px;
	}
	.s_visual .tit03 {
		font-size: 14px;
		margin-top: 4px;
	}
	.s_visual .search_wrap .text {
		height: 36px;
		font-size: 14px;
	}
	.s_visual .search_wrap .btn {
		width: 36px;
		height: 36px;
	}
	.s_visual .search_wrap .btn:after {
		background-size: 18px;
	}
	.list_wrap {
		margin-top: 50px;
	}
	.list_wrap .ctn_box {
		flex-direction: column;
	}
	.ctn_box img,
	.list_wrap .ctn_box img {
		width:100%;
		border-radius: 8px 8px 0 0;
	}
	.ctn_box .text_box {
		width: 100%;
		padding: 14px 20px;
	}
	.list_wrap .tit {
		font-size: 22px;
	}
	.list_wrap .tit .total {
		font-size: 14px;
	}
	.ctn_box .tit02 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.ctn_box .space,
	.ctn_box .user {
		margin-top: 4px;
	}
	.mainCtn .filter_wrap {
		top: 32px;
	}
	.qna_list dt button {
		padding: 14px 12px;
	}
}