:root {
	--primary: #B343FF;
	--primary-bg: hsl(235, 93%, 95%);
	--primary-light01: hsl(232, 97%, 77%);
	--primary-light02: hsl(228, 96%, 68%);
	--primary-deep: #7030A0;
	/* --green #00E72E*/
	--green: hsl(132, 100%, 45%);
	/* --violet  #6002EE*/
	--violet: hsl(264, 98%, 47%);
	/* --teal #00A885 */
	--teal: hsl(168, 100%, 33%);
	/* --yellow #FCF412 */
	--yellow: hsl(58, 98%, 53%);
	/* --red ##FF3132 */
	--red: hsl(360, 100%, 60%);
	/* --blue #2F9CFE */
	--blue: hsl(208, 99%, 59%);
	/* --orange #FF8600 */
	--orange: hsl(32, 100%, 50%);
	--table-font-size: 1.5rem;
	--table-top-line-color: #111;
	--table-bottom-line-color: #ccc;
	--table-td-line-color: #eee;
	--table-th-bg: #f5f5f5;
	--txt-color: #111;
}
@media (max-width:768px) {
	:root {
		--table-font-size: 1.4rem;
	}
}
.width-20rem {
	width: 20rem;
}
/* ===========================================================================================
.table-wrap
=========================================================================================== */
.table-wrap {
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.table-wrap+.table-wrap {
	margin-top: 3.5rem;
}
@media (max-width:905px) {
	.table-wrap+.table-wrap {
		margin-top: 2rem;
	}
}
.table-wrap .table_title {
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
table {
	border-collapse: collapse;
	width: 100%;
}
caption, legend {
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
table .btn.primary, table .btn.secondary, table .btn.default, table .btn.gray {
	padding: .3em .5em;
	min-height: auto;
	font-size: calc(1em - 1px);
	margin: 2px;
	white-space: nowrap;
	--border-radius-6px: 4px;
}
table .btn2.primary, table .btn2.secondary, table .btn2.default, table .btn2.gray {
	min-height: auto;
	font-size: calc(1em - 1px);
	margin: 2px;
	white-space: nowrap;
	min-width: auto;
}
/* ===========================================================================================
table-type5
=========================================================================================== */
.table-type5 {
	table-layout: fixed;
	width: 100%;
	font-size: var(--table-font-size);
}
.table-type5 thead tr>* {
	font-size: var(--table-font-size);
	color: #111;
	background-color: var(--table-th-bg);
}
.table-type5 th {
	font-weight: 600;
	font-size: 1.6rem;
}
.table-type5 tbody tr th {
	background-color: #f7f9fa;
	padding: 1.2rem 1.6rem;
	border-bottom: 1px solid var(--table-td-line-color);
}
.table-type5 tbody tr+tr th {
	border-top: 1px solid #fff;
}
.table-type5 tbody tr td {
	color: var(--text-dark-0);
	padding: 1.2rem 1.6rem;
	border-bottom: 1px solid var(--table-td-line-color);
	word-break: break-all;
}
.table-type5 a.title {
	display: inline-block;
	vertical-align: middle;
	max-width: 90%;
}
.table-type5 .comment+a {
	max-width: 80%;
}
.table-type5 .comment {
	color: var(--text-dark-2);
}
.table-type5 [data-ui-action="collapse"] {
	display: none;
}
.table-type5:not(:has(thead)) {
	border-top: 2px solid var(--table-top-line-color);
	border-bottom: 3px double var(--table-bottom-line-color);
}
.table-type5 tr .desktop-elem {
	display: table-cell !important;
}
@media(max-width: 905px) {
	.table-type5 colgroup,
	.table-type5 thead {
		display: none;
	}
	.table-type5,
	.table-type5 tbody {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.table-type5 tr {
		position: relative;
		display: block;
	}
	.table-type5 tr>* {
		display: block;
	}
	.table-type5 tbody tr+tr th {
		border-top: 0;
	}
	.table-type5 tbody tr th {
		padding: .8rem 1.6rem;
	}
}
/* ===========================================================================================
tstyle
=========================================================================================== */
.tstyle, div.tstyle_list, div.tstyle_view, .galleryList, .writeForm, .listFaq, .fc .fc-view {
	border-top: 2px solid #555;
}
.tstyle, div.tstyle_list, .galleryList, .list_board, .writeForm, .listFaq {
	position: relative;
}
.tstyle::after, div.tstyle_list::after, .galleryList::after, .list_board::after, .writeForm::after, .listFaq::after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #aaa;
	position: absolute;
	bottom: 0;
	left: 0;
}
/*Board list*/
.icon_star {
	color: #007eb4;
	margin: 0 .5rem;
	position: relative;
	font-weight: 500;
	vertical-align: middle;
}
.icon_star::before {
	content: '*';
}
.state {
	font-size: 1.5rem;
	min-width: 8rem;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	/* 질의응답보기에서 상태에 왼쪽마진이 있어서 삭제
margin-left: .8rem;
*/
	border-radius: .3rem;
	padding: .5rem 1rem;
}
.state.ing {
	background-color: #126fb4;
	color: #fff !important;
}
.state.end {
	background-color: #1E498E;
	color: #fff !important;
}
.state.ready {
	background-color: #EEEEEE;
}
.tstyle {
	text-align: center;
}
.tstyle .dhead {
	border-bottom: 1px solid #d2d2d2;
}
.tstyle tr th, .tstyle tr td {
	padding: 1.2rem .5rem;
	vertical-align: middle;
}
.tstyle tr th::before, .tstyle tr td::before {
	display: none;
}
.tstyle tr th:first-child, .tstyle tr td:first-child {
	border-left: 0;
}
.tstyle .dbody tr, .tstyle .dbody>li {
	border-bottom: 1px solid #e8e8e8;
}
.tstyle .dhead td {
	color: #222;
	font-weight: bold;
}
.tstyle .dhead td.title {
	width: auto;
	text-align: center;
}
.tstyle .dbody tr:last-child {
	border-bottom: 0;
}
.tstyle .dbody tr.notice .icon_notice {
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	width: 3.6rem;
	height: 3.6rem;
	text-align: center;
	background-color: #0090D0;
	line-height: 3.6rem;
	font-size: 1.3rem;
	font-style: normal;
}
.tstyle .dbody tr.notice li:first-child {
	color: #000;
	font-weight: 500;
}
.tstyle .dbody tr td a {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 93%;
	font-size: 1.6rem;
}
.tstyle .dbody tr td a:hover {
	text-decoration: underline;
}
.tstyle .dbody tr td a.btn_line {
	display: inline-block;
	width: auto;
}
.tstyle .dbody tr td a.btn_line:hover {
	color: #fff;
	text-decoration: none;
}
.tstyle .dbody tr td.title {
	width: auto;
	text-align: left;
}
.tstyle .dbody tr td.file a {
	text-align: center;
	width: 100%;
}
.tstyle .dbody tr td span.re-num {
	color: #d85430;
}
.tstyle .dbody tr td i+a {
	max-width: calc(100% - 3rem);
}
.tstyle .dbody .xi-new {
	color: #f33782;
	font-size: 2.2rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: .8rem;
}
.tstyle .dbody .xi-attachment {
	font-size: 2.2rem;
	transform: rotate(-45deg);
}
.tstyle .xi-subdirectory-arrow {
	color: #999;
	font-size: 2rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .4rem;
}
.tstyle .xi-lock {
	color: #222;
	font-size: 2rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .4rem;
}
.tstyle.view {
	text-align: left;
	margin-bottom: 2rem;
}
.tstyle.view th, .tstyle.view td {
	padding-left: 2rem;
}
.tstyle.in_border th, .tstyle.in_border td {
	border: 1px solid #e8e8e8;
}
.tstyle.in_border th:first-child, .tstyle.in_border th:first-child, .tstyle.in_border td:first-child, .tstyle.in_border td:first-child {
	border-left: 0;
}
.tstyle.in_border th:last-child, .tstyle.in_border th:last-child, .tstyle.in_border td:last-child, .tstyle.in_border td:last-child {
	border-right: 0;
}
div.tstyle {
	text-align: left;
}
div.tstyle .dbody>li {
	padding: 1rem 0;
	position: relative;
}
div.tstyle .dbody>li .row {
	min-height: 3.8rem;
	align-items: center;
	margin-left: 0;
	margin-right: 0;
}
div.tstyle .dbody>li .d_day {
	color: #fff;
	background-color: #f78484;
	border-radius: 0.3rem;
	text-align: center;
	padding: 1rem 0;
	font-size: 1.8rem;
	font-weight: 500;
	margin-right: 2rem;
	letter-spacing: .1em;
	display: inline-block;
	vertical-align: middle;
	width: 8rem;
}
div.tstyle .dbody>li .group .title {
	display: block;
	font-size: 2rem;
	color: #000;
}
div.tstyle .dbody>li .group .title a {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}
div.tstyle .dbody>li .group .title+span~span {
	position: relative;
	padding-left: 0.6rem;
	margin-left: 0.6rem;
	padding-left: 1rem;
	margin-left: 0.8rem;
}
div.tstyle .dbody>li .group .title+span~span::before {
	content: '';
	display: block;
	background-color: #d9d9d9;
	width: 1px;
	height: 10px;
	position: absolute;
	transform: translate(0, -50%);
	left: 0;
	top: 50%;
}
div.tstyle .dbody>li .group span {
	color: #666666;
	font-size: 1.3rem;
}
div.tstyle .dbody>li .group span strong {
	margin-right: 1rem;
	font-weight: normal;
}
div.tstyle .dbody>li .apply_btn {
	padding: 1rem 3rem;
}
div.tstyle.listFaq .dbody>li {
	padding: 0;
}
/*Board list*/
div.tstyle_list>div>ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
div.tstyle_list>div>ul>li {
	display: table-cell;
	padding: 1.4rem .5rem;
	text-align: center;
	width: 10%;
	vertical-align: middle;
	word-break: break-all;
}
div.tstyle_list>div>ul>li::before {
	display: none;
}
div.tstyle_list>div>ul>li:first-child {
	border-left: 0;
}
div.tstyle_list>div.dhead {
	border-bottom: 1px solid #aaa;
}
div.tstyle_list>div.dbody>ul {
	border-bottom: 1px solid #ddd;
	font-size: 1.5rem;
}
div.tstyle_list div.dhead>ul li {
	color: #222;
	font-weight: bold;
}
div.tstyle_list div.dhead>ul li.title {
	width: auto;
	text-align: center;
}
div.tstyle_list div.dbody>ul:last-child {
	border-bottom: 0;
}
div.tstyle_list div.dbody>ul.notice .icon-notice {
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	width: 3.6rem;
	height: 3.6rem;
	text-align: center;
	background-color: #333;
	padding-top: .7rem;
	font-size: 1.3rem;
}
div.tstyle_list div.dbody>ul.notice li:first-child {
	color: #000;
	font-weight: 500;
}
div.tstyle_list div.dbody>ul>li .row {
	min-height: 3.8rem;
	align-items: center;
}
div.tstyle_list div.dbody>ul>li a {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	font-size: 1.6rem;
}
div.tstyle_list div.dbody>ul>li a:hover {
	text-decoration: underline;
}
div.tstyle_list div.dbody>ul>li a.btn-line {
	display: inline-block;
	width: auto;
}
div.tstyle_list div.dbody>ul>li a.btn-line:hover {
	color: #fff;
	text-decoration: none;
}
div.tstyle_list div.dbody>ul>li.title {
	width: auto;
	text-align: left;
}
div.tstyle_list div.dbody>ul>li.file a {
	text-align: center;
	width: 100%;
}
div.tstyle_list div.dbody>ul>li span.re-num {
	color: #d85430;
}
div.tstyle_list div.dbody>ul>li i+a {
	max-width: calc(100% - 3rem);
}
div.tstyle_list div.dbody .xi-new {
	color: #126fb4;
	font-size: 2.2rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: .8rem;
}
div.tstyle_list div.dbody .state {
	font-size: 1.5rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: .8rem;
	border-radius: 2px;
	padding: .2rem .9rem;
}
div.tstyle_list div.dbody .state.ing {
	background-color: #126fb4;
	color: #fff;
}
div.tstyle_list div.dbody .state.end {
	background-color: #555;
	color: #fff;
}
div.tstyle_list div.dbody .state.ready {
	background-color: #eee;
	color: #333;
}
div.tstyle_list .xi-subdirectory-arrow {
	color: #999;
	font-size: 2rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .4rem;
}
div.tstyle_list .xi-lock {
	color: #222;
	font-size: 2rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .4rem;
}
@media screen and (max-width:767.98px) {
	/* Board list */
	.tstyle.list {
		text-align: left;
	}
	.tstyle.list colgroup, .tstyle.list .dhead {
		display: none;
	}
	.tstyle.list .dbody tr {
		display: block;
		padding: 1.8rem 0;
		position: relative;
	}
	.tstyle.list .dbody tr td.m-hidden:first-child {
		display: none;
	}
	.tstyle.list .dbody tr td:first-child {
		float: left;
		min-width: 3rem;
		margin-right: 1rem;
	}
	.tstyle.list .dbody tr td {
		display: inline-block;
		color: #868e96;
		vertical-align: middle;
		width: auto;
		padding: 0;
	}
	.tstyle.list .dbody tr td:last-child {
		margin-left: 1rem;
	}
	.tstyle.list .dbody tr td .xi-lock, .tstyle.list .dbody tr td a {
		margin-bottom: .8rem;
	}
	.tstyle.list .dbody tr td.title {
		color: #333;
		font-weight: bold;
		display: block;
	}
	.tstyle .dbody tr.notice .icon_notice {
		height: auto;
		border-radius: .5rem;
		line-height: 2rem;
		position: relative;
		top: -1px;
	}
	.xi-subdirectory-arrow {
		margin-left: 0;
	}
	.tstyle.list .dbody .state {
		position: absolute;
		right: 0;
		bottom: 1rem;
	}
	.tstyle.list .dbody tr td.file {
		padding: 0;
	}
	.tstyle.list .dbody tr td.file i {
		margin: 0 .5rem;
	}
	.m_hidden {
		display: none;
	}
	/*Board View */
	div.tstyle_view .add_file_list .title {
		display: block;
		width: auto;
		padding: 1rem 0;
	}
	div.tstyle_view .add_file_list .add_file {
		display: block;
		padding: 0 0 1rem 0;
	}
	div.tstyle_view ul.add_file li>span.link .btn-line {
		display: block;
	}
	div.tstyle_view ul.add_file li>span.link .btn-line~.btn-line {
		margin-top: .5rem;
	}
	div.tstyle_view ul.add_file li>strong {
		width: 100%;
		float: none;
	}
	div.tstyle_view div.tb_contents {
		padding: 2rem 0;
	}
	.tstyle_write th, .tstyle_write td {
		padding: 1rem;
	}
}
/************* table customizing *************/
.board_top {
	display: flex;
	justify-content: space-between;
	padding-bottom: 2rem;
}
.board_top .flex-none {
	flex: none !important;
}
.board_top .page_btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
}
.board_top .page_btn button {
	min-width: 12rem;
}
.board_top .subMenu_title {
	margin-bottom: 0;
}
.board_top h4 {
	font-size: 2rem;
}
.res_tbl_wrap {
	position: relative;
	overflow: hidden;
	border-top: 2px solid #121212;
}
.res_tbl_wrap table {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}
.res_tbl_wrap table thead tr th {
	border-bottom: 1px solid #d2d2d2;
}
.res_tbl_wrap table thead tr th, .res_tbl_wrap table tbody tr td {
	text-align: left;
	padding: 1.2rem .5rem;
}
.res_tbl_wrap table tbody tr td {
	border-bottom: 1px solid #efefef;
}
.res_tbl_wrap table tbody tr td.title {
	text-align: left;
}
.res_tbl_wrap .custom-input input+label.hide {
	text-indent: -9999px;
	padding-left: 0;
	margin-right: 0;
	margin-left: -.9rem;
}
.res_tbl_wrap .custom-input input[type=checkbox]+label::after {
	text-indent: 0;
}
.res_tbl_wrap .custom-input input+label::before, .res_tbl_wrap .custom-input input+label::after {
	top: .3rem
}
.custom-input.onlychk {
	display: flex;
	align-items: center;
	justify-content: center;
}
.custom-input.onlychk label {
	width: calc(1.7rem + 2px);
	height: calc(1.7rem + 2px);
	margin: 0;
	padding: 0;
}
.custom-input input+label::before, .custom-input input+label::after {
	top: .3rem;
}
.custom-input input[type=radio]+label::after {
	top: .8rem;
}
@media (max-width:767.98px) {
	/************* table customizing *************/
	.board_top {
		padding-bottom: 1rem;
	}
	.res_tbl_wrap table col {
		width: 100% !important;
	}
	.res_tbl_wrap table thead {
		display: none;
	}
	.res_tbl_wrap table tbody tr {
		border-bottom: 1px solid #efefef;
	}
	.res_tbl_wrap table tbody tr td {
		width: 100%;
		display: flex;
		align-items: center;
		padding: .5rem 0;
		border-bottom: none;
	}
	.res_tbl_wrap table thead tr th, .res_tbl_wrap table tbody tr td {
		text-align: left;
	}
	.res_tbl_wrap table tbody tr td:first-child, .res_tbl_wrap table tbody tr th:first-child {
		padding-top: 2rem;
	}
	.res_tbl_wrap table tbody tr td:last-child, .res_tbl_wrap table tbody tr th:last-child {
		padding-bottom: 2rem;
	}
	.res_tbl_wrap table tbody tr td:before {
		display: inline-block;
		margin-right: 1rem;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 10rem;
		flex: 0 0 10rem;
		font-weight: 700;
		content: attr(data-label);
	}
}
/* =======================================================================================
서브페이지 레이아웃
======================================================================================= */
#contentWrap .content.sub-wrap .sub-content .header {
	min-height: auto;
}
#contentWrap .content.sub-wrap {
	position: relative;
	max-width: 1328px;
	margin: 0 auto;
	width: 100%;
	padding: 0px 24px 52px 24px;
	min-height: 500px;
	margin-top: 7.8rem;
}
@media (max-width: 768px) {
	#contentWrap .content.sub-wrap {
		padding: 0rem 1.6rem 2.8rem 1.6rem;
	}
}
/* location */
.location_bar {
	display: flex;
	margin-left: auto;
	align-items: center;
}
.location_bar .location {
	font-size: 1em;
}
.location_bar .location li {
	display: inline-block;
}
.location_bar .location li~li::before {
	display: inline-block;
	font-family: xeicon;
	content: '';
	margin: 0 0.5rem 0 0.35rem;
}
.location_bar .location .xi-home {
	font-size: 1em;
	color: #666;
}
.location_bar .location .current {
	color: #3a3e40;
}
/* 2depth title */
.content .h1_area {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	margin-top: 1.5rem;
}
@media (max-width:1024px) {
	.content .h1_area {
		margin-top: 0;
	}
}
.content .title_h1 {
	font-size: 2.8rem;
	color: #1a1919;
	text-align: center;
	font-weight: 700;
	margin: 2rem 0;
	letter-spacing: -0.03em;
}
.content .title_h1+p {
	text-align: center;
	font-size: 1.8rem;
}
@media (max-width: 768px) {
	.content .h1_area {
		margin-bottom: 15px;
	}
	.dep02Menu {
		display: none;
	}
}
@media (max-width: 480px) {
	.content .h1_area {
		margin-bottom: 10px;
	}
	.content .title_h1 {
		font-size: 2.4rem;
	}
}
/* sub content area */
.sub-content {
	width: 100%;
}
.sub-content .page-title {
	color: #333;
	font-size: 2.2rem;
	font-weight: 600;
}
.sub-content .tab-title {
	font-size: 1.438em;
	font-weight: 600;
}
@media (max-width: 1024px) {
	.sub-content .page-title {
		font-size: 1.5em;
	}
}
@media (max-width: 768px) {
	.sub-content {
		padding: 0;
	}
	.sub-content .page-title {
		font-size: 1.375em;
	}
	.sub-content .tab-title {
		font-size: 1.25em;
	}
}
@media (max-width: 480px) {
	.sub-content {
		border-radius: var(--border-radius10);
	}
}
/* ===========================================================================================
form 관련
form-row : 여러개의 요소들이 꽉차면서 한줄인 형태 
form-inline : 여러개의 요소를 꽉차지 않으면서 한줄인 형태
=========================================================================================== */
.form-row, .wrap-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
	font-size: 14px;
}
.form-row>*, .wrap-row>* {
	flex: 1 1 auto;
	width: 1%;
	/*  ie11에서 오류남 */
}
.wrap-row {
	margin-top: 2rem;
}
.form-inline {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
	font-size: 14px;
}
.form-inline>* {
	flex: 1 1 auto;
	width: auto;
}
.form-flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
	font-size: 14px;
}
.form-flex .flex1 {
	flex: 1;
}
[class*="form-"]+[class*="form-"] {
	margin-top: 5px;
}
.ui.segment {
	padding: 1.125em 1.25em;
}
.ui.form .field>label {
	color: #333;
}
.ui.form textarea {
	border: 1px solid #c5c8d1;
}
.ui.form input:not([type]),
.ui.form input[type='date'],
.ui.form input[type='datetime-local'],
.ui.form input[type='email'],
.ui.form input[type='number'],
.ui.form input[type='password'],
.ui.form input[type='search'],
.ui.form input[type='tel'],
.ui.form input[type='time'],
.ui.form input[type='text'],
.ui.form input[type='file'],
.ui.form input[type='url'] {
	margin: 0em;
	outline: none;
	-webkit-appearance: none;
	tap-highlight-color: rgba(255, 255, 255, 0);
	padding: 1rem 1.6rem;
	background: #ffffff;
	border: 1px solid #c5c8d1;
	font-size: 1.4rem;
	color: rgba(0, 0, 0, 0.87);
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	box-shadow: 0em 0em 0em 0em transparent inset;
	-webkit-transition: color 0.1s ease, border-color 0.1s ease;
	transition: color 0.1s ease, border-color 0.1s ease;
	font-weight: 400;
}
.ui.button.img-button {
	padding: 0 !important;
	box-shadow: none !important;
	border: 1px solid #c5c8d1 !important;
	border-left: none !important;
}
.ui.form .inline.fields>label,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.field>label,
.ui.form .inline.field>p {
	color: #74757e;
}
textarea::placeholder,
textarea::-webkit-input-placeholder,
input::placeholder,
input::-webkit-input-placeholder {
	font-size: 1em;
	color: #9e9e9e !important;
}
.ui.selection.dropdown {
	border: 1px solid #c5c8d1;
}
.ui.form textarea {
	margin: 0em;
	-webkit-appearance: none;
	tap-highlight-color: rgba(255, 255, 255, 0);
	padding: 0.56em;
	background: #ffffff;
	border: 1px solid #c5c8d1;
	outline: none;
	color: rgba(0, 0, 0, 0.87);
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	box-shadow: 0em 0em 0em 0em transparent inset;
	-webkit-transition: color 0.1s ease, border-color 0.1s ease;
	transition: color 0.1s ease, border-color 0.1s ease;
	line-height: 1.4857;
	resize: vertical;
	font-size: 1em;
}
.ui.selection.dropdown,
.ui.input input,
.ui.form input[type='search'],
.ui.form input[type='text'],
.ui.form input[type='password'] {
	min-height: 4rem;
	height: auto;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
}
.ui.selection.dropdown .menu {
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
}
@media only screen and (max-width: 480px) {
	.ui[class*='equal width'].form .fields>.field,
	.ui.form [class*='equal width'].fields>.field,
	.ui.form .two.fields>.fields,
	.ui.form .two.fields>.field,
	.ui.form .three.fields>.fields,
	.ui.form .three.fields>.field,
	.ui.form .four.fields>.fields,
	.ui.form .four.fields>.field,
	.ui.form .five.fields>.fields,
	.ui.form .five.fields>.field,
	.ui.form .six.fields>.fields,
	.ui.form .six.fields>.field,
	.ui.form .seven.fields>.fields,
	.ui.form .seven.fields>.field,
	.ui.form .eight.fields>.fields,
	.ui.form .eight.fields>.field,
	.ui.form .nine.fields>.fields,
	.ui.form .nine.fields>.field,
	.ui.form .ten.fields>.fields,
	.ui.form .ten.fields>.field {
		width: 100% !important;
		margin: 0em 0em;
	}
}
/* option-content type */
.search-typeA {
	padding: 20px 20px;
	border-radius: var(--border-radius20);
	background-color: #f5f7f9;
	margin-bottom: 20px;
}
.search-typeA+#info-item-box {
	padding-top: 0;
}
.search-typeA .option-content {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.search-typeA .option-content+.option-content {
	margin-top: 10px;
}
.search-typeA .ui.selection.dropdown,
.search-typeA .ui.input input,
.search-typeA .ui.form input[type='search'],
.search-typeA .ui.form input[type='text'] {
	min-height: 2.572em;
	height: 38px;
}
.option-content .search-box.ui.action.input.wide>input[type='text'] {
	width: 500px;
}
.search-typeA .option-content .ui.input.wide>input[type='text'] {
	width: 400px;
}
.option-content .head-txt {
	font-weight: 600;
	font-size: 1.188em;
}
.search-typeA .option-content .button-area {
	display: flex;
	gap: 10px;
}
.search-typeA .option-content .button-area .button.wide-btn {
	min-width: 80px;
	border-radius: var(--border-radius5);
}
.search-typeA .option-content .ui.icon.button {
	color: #fff;
	background-color: #58606b;
}
#info-item-box .button-area a {
	min-width: 120px;
}
.search-typeA .option-content .button-area a {
	min-width: 100px;
}
.search-typeA .option-content .btn {
	border: 1px solid #666;
	background-color: #fff;
}
.search-typeA .option-content .btn:hover {
	background-color: #e6e6e6;
}
#info-item-box .button-area .btn-primary,
.search-typeA .option-content .btn-primary {
	background-color: var(--primary);
	border-color: var(--primary);
}
#info-item-box .button-area .btn-primary:hover,
.search-typeA .option-content .btn-primary:hover {
	background-color: var(--primary-deep);
	border-color: var(--primary-deep);
}
#info-item-box .button-area .btn_secondary,
.search-typeA .option-content .btn_secondary {
	background-color: var(--primary-light02);
	border-color: var(--primary-light02);
}
#info-item-box .button-area .btn_secondary:hover,
.search-typeA .option-content .btn_secondary:hover {
	background-color: var(--primary-dark);
	border-color: var(--primary-dark);
}
/* bottom_btns  */
.bottom_btns {
	display: flex;
	justify-content: center;
	gap: 5px;
	margin-top: 2em;
}
.bottom_btns a {
	min-width: 100px;
	padding: 0.785em 1em 0.65em;
}
.bottom_btns .btn {
	border: 1px solid #666;
	background-color: #fff;
}
.bottom_btns .btn:hover {
	background-color: #e6e6e6;
}
.bottom_btns .btn-primary {
	background-color: var(--primary2);
	border-color: var(--primary2);
}
.bottom_btns .btn-primary:hover {
	background-color: var(--primary2-dark);
	border-color: var(--primary2-dark);
}
.bottom_btns .btn_secondary {
	background-color: var(--primary);
	border-color: var(--primary);
}
.bottom_btns .btn_secondary:hover {
	background-color: var(--primary-dark);
	border-color: var(--primary-dark);
}
@media (max-width: 1024px) {
	.search-typeA .option-content {
		gap: 6px;
	}
	.search-typeA .option-content+.option-content {
		margin-top: 6px;
	}
	.search-typeA .option-content .button-area {
		gap: 6px;
	}
	.search-typeA .option-content .button-area .button.wide-btn {
		min-width: 90px;
	}
}
@media (max-width: 768px) {
	.search-typeA {
		padding: 15px;
		border-radius: var(--border-radius10);
	}
	.search-typeA .option-content:after {
		display: none;
	}
	.search-typeA .option-content {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
	}
	.search-typeA .option-content .ui.selection.dropdown {
		flex: 1;
		height: auto;
	}
	.search-typeA .option-content .ui.input {
		flex: 1 1 auto;
	}
	.search-typeA .option-content .ui.dropdown+.search-box {
		flex: 1;
	}
	.search-typeA .option-content .button-area .button {
		font-size: 0.938em;
	}
	.search-typeA .option-content .button-area .button.wide-btn {
		min-width: auto;
	}
	.option-content .search-box.ui.action.input.wide>input[type='text'] {
		width: auto;
	}
	.search-typeA .option-content .ui.input.wide>input[type='text'] {
		width: auto;
	}
	.option-content .head-txt {
		font-size: 1.125em;
	}
	.ui.selection.dropdown,
	.ui.input input,
	.ui.form input[type='search'],
	.ui.form input[type='text'] {
		font-size: 1.4rem;
	}
	.ui.selection.dropdown .menu {
		max-height: 150px;
	}
	/* .sub-content>#info-item-box {
		padding: 1.2rem 1.6rem;
	} */
	.sub-content>.listTab+#info-item-box {
		padding-top: 1em;
	}
	#info-item-box .button-area {
		gap: 5px;
	}
	#info-item-box .button-area a {
		margin-right: 0;
	}
	#info-item-box .button-area .ui.labeled.icon.button {
		flex: 1 1 auto;
	}
}
@media (max-width: 480px) {
	.search-typeA .option-content .ui.input {
		display: contents;
	}
}
/* 프로필 관리 */
.profile_photo {
	margin: 10px auto;
	max-width: 640px;
}
.profile_photo img {
	max-width: 100%;
}
.profile_upload .ui.input input {
	flex: auto;
}
.cropBtn {
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding: 8px 16px;
	color: #000;
	border-radius: 2px;
	display: inline-block;
	line-height: 1;
}
.preview {
	position: relative;
	overflow: hidden;
	width: 140px;
	height: 140px;
	margin: 10px 30px 10px 0;
	border-radius: 50%;
	border: 1px solid #afafaf;
}
.preview h2 {
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center;
	font-size: 0.875em;
	color: #999;
}
#croppedImageContainer canvas {
	border-radius: 50%;
}
/* 수강과목 */
.myCourseList.col3>.list_ul .list_li {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.myCourseList.col4>.list_ul .list_li {
	flex: 0 0 25%;
	max-width: 25%;
}
.myCourseList .list_ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}
.myCourseList .list_ul .list_li {
	padding: 0 12px 30px 12px;
	position: relative;
}
.myCourseList .list_ul .list_li .item {
	display: flex;
	width: 100%;
	flex-direction: column;
	border-radius: 1.4rem;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
}
.myCourseList .list_ul .list_li .card_label {
	position: absolute;
	top: -10px;
	right: 0;
	margin-bottom: 0.4rem;
}
.myCourseList .list_ul .list_li .card_label .initial-img.md {
	font-size: 0.875em;
	width: 60px;
	height: 60px;
}
.myCourseList .list_ul .list_li .item_txt {
	position: relative;
	flex-grow: 1;
	margin: 30px 25px 20px 25px;
}
.myCourseList .list_ul .list_li .title {
	font-size: 1.313em;
	line-height: 22px;
	padding-left: 5px;
	word-break: keep-all;
	font-weight: 700;
	display: block;
	width: calc(100% - 67px);
	transition: all 0.4s;
}
.myCourseList .desc_info {
	display: flex;
	flex-direction: column;
	margin-top: 1.5rem;
}
.myCourseList .desc_info li {
	display: flex;
	padding: 2px 0 2px 8px;
	font-weight: 400;
	font-size: 1em;
}
.myCourseList .desc_info li span {
	width: 60px;
	font-weight: 400;
	flex: 0 0 auto;
	margin-right: 15px;
	color: #80848a;
}
.myCourseList .desc_info li.prof_info {
	font-weight: 500 !important;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f7f7f7;
	border-radius: var(--border-radius10);
}
.myCourseList .desc_info li.prof_info i {
	margin-right: 2px;
}
.myCourseList .bottom_button {
	flex-grow: initial;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	padding: 0 !important;
	border-top: 1px solid rgba(34, 36, 38, 0.1);
}
.myCourseList .bottom_button .go {
	display: block;
	padding: 9px 10px;
	font-size: 1.063em;
	font-weight: 600;
	flex: 1;
	flex-basis: auto;
	color: #fff;
	background-color: var(--primary);
	text-align: center;
	transition: all 0.4s;
	border-radius: 0 0 14px 14px;
}
.myCourseList .bottom_button .go:hover {
	background-color: var(--primary-alpha80);
}
.myCourseList .list_ul .list_li .card_label .c-1 {
	background-color: #0094fb !important;
}
.myCourseList .list_ul .list_li .card_label .c-2 {
	background-color: #119cba !important;
}
@media (max-width: 1280px) {
	.myCourseList .list_ul .list_li .card_label .initial-img.md {
		width: 55px;
		height: 55px;
	}
	.myCourseList .list_ul .list_li .item_txt {
		margin: 20px 15px 10px 15px;
	}
}
@media (max-width: 1024px) {
	.myCourseList .list_ul .list_li .title {
		width: 100%;
	}
	.myCourseList .list_ul .list_li .card_label {
		position: relative;
		right: auto;
		left: 0;
		top: -4px;
	}
	.myCourseList .list_ul .list_li .card_label .initial-img.md {
		width: 50px;
		height: 20px;
		border-radius: var(--border-radius5);
	}
}
@media (max-width: 980px) {
	.myCourseList.col4 .list_ul {
		margin: 0 -8px;
	}
	.myCourseList.col4 .list_ul .list_li {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		padding: 0 10px 30px 10px;
	}
}
@media (max-width: 768px) {
	.myCourseList.col3 .list_ul .list_li {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 10px 30px 10px;
	}
}
@media (max-width: 670px) {
	.myCourseList.col4 .list_ul {
		margin: 0 -0.8rem;
	}
	.myCourseList.col4 .list_ul .list_li {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (max-width: 520px) {
	.myCourseList.col3 .list_ul .list_li,
	.myCourseList.col4 .list_ul .list_li {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/* tab 메뉴 */
.listTab+.footable {
	margin-top: 20px;
}
.listTab ul li:first-child {
	border-radius: 8px 0 0 0;
}
.listTab ul li:last-child {
	border-radius: 0 8px 0 0;
}
@media (max-width: 768px) {
	.listTab {
		box-shadow: none;
	}
	.listTab ul li.select {
		border-radius: 5px;
	}
	.listTab ul li.select:before {
		top: 0%;
	}
	.listTab ul li {
		border-radius: 0;
	}
	.listTab ul li:first-child {
		border-radius: 0;
	}
	.listTab ul li a {
		padding: 10px 10px;
	}
}
/* footable 관련 */
.sub-content .footable.table {
	margin-bottom: 30px;
}
.footable .text.in-table .mini.circular.label {
	margin-right: 5px;
}
.footable-header th {
	color: var(--primary-dark);
	border-top: 1px solid #003876 !important;
	border-bottom: 1px solid #ddd !important;
	background: #f5f5f5;
	position: relative;
	padding: 13px 8px 11px 8px !important;
}
.footable.table>tbody>tr>td.txt-line1 {
	flex: 1;
}
.footable.table>tbody>tr>td.txt-line1 .tit {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.footable.table th,
table.footable>tbody>tr>td {
	text-align: center;
	padding-right: 8px !important;
}
table.footable>tbody>tr>td.txt-left {
	text-align: left !important;
}
.footable-details.table td {
	text-align: left;
}
.footable-details.table {
	border-bottom: 1px solid #003876;
}
.paging button {
	border-radius: var(--border-radius5);
}
.paging a {
	border: 1px solid #e0e0e0;
	border-radius: var(--border-radius5);
}
.paging a.current {
	background: #58606b;
	border: 1px solid #58606b;
}
/* 등록 board */
.tbl-simple>li {
	padding: 1.4rem 0;
	border-bottom: 1px solid #e8e8e8;
}
.tbl-simple>li:first-child {
	padding: 5px 0;
	border-top: 1px solid #e8e8e8;
}
.tbl-simple>li>dl>dt {
	color: #333;
	font-weight: 500;
}
.tbl-simple>li>dl.row {
	margin-left: 0;
	margin-right: 0;
}
.tbl-simple>li>dl>dd .fields {
	margin: 0 !important;
}
.tbl-simple>li>dl>dd .fields>.field {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.tbl-simple>li>dl>dd .fields>.field+.field {
	margin-left: 5px;
}
.tbl-simple.item-column>li>dl.row>dt {
	display: block;
	width: 100%;
}
.ui.dropdown .menu>.header {
	min-height: auto;
	position: relative;
	border-bottom: none;
}
.comment .file-txt {
	margin-top: 8px;
}
.comment .file-txt a {
	padding: 3px 10px;
	border-radius: var(--border-radius100);
	background-color: #f5f7f9;
}
@media (max-width: 768px) {
	.tbl-simple>li>dl>dd .ui.button {
		font-size: 0.875em;
	}
	.comment {
		font-size: 0.938em;
	}
}
@media (max-width: 601px) {
	.tbl-simple>li>dl>dd {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
	}
	.tbl-simple>li>dl>dd .fields {
		gap: 4px;
		width: 100%;
	}
	.tbl-simple>li>dl>dd .ui.fluid.input {
		width: 100%;
	}
	.tbl-simple>li>dl>dd .fields>.field+.field {
		margin-left: 0px;
		margin-top: 5px;
	}
	.modal-page .tbl-simple>li {
		padding: 7px 0;
	}
	.modal-page .tbl-simple>li>dl {
		min-height: 35px;
	}
	.modal-page .tbl-simple>li>dl>dt {
		width: 20%;
		display: table-cell;
		padding-bottom: 0;
	}
	.modal-page .tbl-simple>li>dl>dd {
		min-height: 35px;
		flex-direction: row;
	}
	.modal-page .tbl-simple>li>dl>dd .ui.selection.dropdown {
		flex: 1 1 auto;
	}
	.modal-page .tbl-simple>li>dl>dd .ui.input {
		flex: 1 1 auto;
	}
	.modal-page .tbl-simple>li>dl>dd .fields {
		gap: 0;
	}
	.modal-page .tbl-simple>li>dl+dl {
		margin-top: 5px;
	}
	.modal-page .tbl-simple>li>dl>dd .fields .field+.field {
		margin-top: 5px;
	}
	.modal-page .tbl-simple>li>dl>dt+dd+dt {
		display: none;
	}
	.modal-page .tbl-simple>li>dl>dt+dd+dd {
		margin-top: 5px;
	}
}
@media (max-width: 480px) {
	.tbl-simple>li:first-child,
	.tbl-simple>li {
		padding: 10px 0;
	}
	.tbl-simple>li>dl>dd {
		display: flex;
		flex-direction: column;
	}
	.tbl-simple>li>dl>dd+dt {
		margin-top: 8px;
	}
}
@media (max-width: 350px) {
	.modal-page .tbl-simple>li>dl>dt {
		width: 100%;
		display: block;
		padding-bottom: 2px;
	}
}
.calendar-wrap {
	margin-top: 0;
	margin-bottom: 30px;
}
#calendar {
	border-bottom: 1px solid #e5e5e5;
}
/* 면담 팝업 */
.color-box {
	margin: 2px;
	padding: 20px;
	border-radius: var(--border-radius5);
	border: 1px solid var(--dark3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
}
.color-box .post_view .header .inner-box {
	margin-bottom: 10px;
	justify-content: center;
	border-radius: var(--border-radius5);
	background-color: var(--primary);
}
.color-box .post_view .header .inner-box h4 {
	font-weight: 600;
	font-size: 1.375em;
	color: #fff;
	letter-spacing: -0.05em;
}
.color-box .post_view .header ul.viewInfo {
	border: none;
	padding: 5px 10px;
}
.color-box .post_view .header ul.viewInfo li {
	color: var(--dark1);
}
.color-box .post_view .header ul.viewInfo li span {
	color: #aaacb1;
}
.color-box .post_view .header ul.viewInfo li span::after {
	content: ':';
	margin-left: 4px;
}
.color-box .post_view .header ul.viewInfo li a {
	color: var(--dark1);
}
.color-box .post_view .header ul.viewInfo li a:hover {
	color: var(--primary2);
}
.color-box .post_view {
	border-top: none;
}
.color-box .post_view .header ul.viewInfo li .ui.radio.checkbox label:before {
	top: 0;
}
.color-box .post_view .header ul.viewInfo li .ui.radio.checkbox label:after {
	top: 1px;
}
.color-box .post_view .header ul.viewInfo li .ui.checkbox+.ui.checkbox {
	margin-left: 14px;
}
.color-box+.color-box {
	margin-top: 20px;
}
@media (max-width: 768px) {
	.color-box .post_view .header {
		padding-bottom: 5px;
	}
	.color-box .post_view .header .inner-box h4 {
		font-size: 1.125em;
	}
	.color-box .post_view .header ul.viewInfo {
		padding: 3px 10px;
	}
	.color-box .post_view .header ul.viewInfo li {
		font-size: 0.938em;
	}
	.color-box .post_view .content-field {
		padding: 10px;
		font-size: 0.938em;
	}
}
/* 학습공동체 - 필라 */
.stu-pillar {
	display: flex;
	width: 100%;
	justify-content: center;
	flex-direction: column;
	padding: 20px 0 20px 0;
	margin-bottom: 20px;
	border-radius: var(--border-radius10);
	color: #fff;
	background: url(/main_img/pillar_bg.jpg) 50% 50% #003876 no-repeat;
	background-size: cover;
}
.stu-pillar+script+.calendar-wrap,
.stu-pillar+.calendar-wrap {
	margin-top: 30px;
}
.stu-pillar .pillar {
	display: flex;
	align-items: center;
	justify-content: center;
}
.stu-pillar .pillar .name {
	font-size: 2.375em;
	letter-spacing: -0.03em;
}
.stu-pillar .pillar span+span {
	margin-left: 10px;
}
.stu-pillar .prof {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 64px;
}
.stu-pillar .prof .prof-txt {
	font-size: 1.25em;
	font-weight: 700;
	color: #bfbfc5;
}
.stu-pillar .prof button {
	color: #bfbfc5;
	margin-left: 5px;
	background: transparent;
	border: 2px solid #bfbfc5;
}
.stu-pillar .prof .ui.icon.button i:before {
	font-size: 0.875em;
}
.stu-pillar-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
	margin: 10px 20px;
}
.stu-pillar-list li {
	display: flex;
	flex-direction: column;
	padding: 4px 4px 2px 4px;
	border-radius: var(--border-radius5);
}
.stu-pillar-list li .name {
	margin-top: -4px;
	color: #fff;
	font-size: 1em;
	font-weight: 600;
	text-align: center;
	border-radius: var(--border-radius100);
}
.stu-pillar-list li.groupA .name {
	background-color: #855da7;
}
.stu-pillar-list li.groupB .name {
	background-color: #f0558d;
}
.stu-pillar-list li.groupC .name {
	background-color: #62bd6b;
}
.stu-pillar-list li.groupD .name {
	background-color: #f1b127;
}
.stu-pillar-list li.groupE .name {
	background-color: #ee7722;
}
.stu-pillar-list li.groupF .name {
	background-color: #1b87c9;
}
.grade-area {
	display: flex;
	padding: 0px 0px 0px 0px;
	background-color: #d5dae1;
	border-radius: var(--border-radius10);
}
.grade-area .grade-txt {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	font-size: 1.25em;
	text-align: center;
	font-weight: 800;
	color: #222;
	border-radius: 10px 0 0 10px;
	padding: 15px 15px;
	background-color: #abb4d1;
}
.grade-area .grade-txt strong {
	font-size: 1.75em;
	font-weight: 800;
}
.grade-area+.grade-area {
	margin-top: 20px;
}
.btnModalForm {
	position: relative;
}
.btnModalForm .button+.modalform {
	display: none;
	position: absolute;
	max-width: 1000px;
	width: max-content;
	top: calc(100% + 8px);
	left: calc(50% - 80px);
	transform: translateX(calc(-50% + 0px));
	padding: 20px;
	background-color: #f5f7f9;
	border-radius: var(--border-radius20);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	z-index: 5;
}
.btnModalForm .button+.modalform .scrollarea {
	max-height: 320px;
	padding-right: 5px;
	position: relative;
	overflow-y: auto;
}
.btnModalForm .button+.modalform.active {
	display: block;
}
.btnModalForm .button+.modalform .scrollarea::-webkit-scrollbar {
	width: 4px;
	position: relative;
	right: -25px;
}
.btnModalForm .button+.modalform .scrollarea::-webkit-scrollbar-thumb {
	background-color: hsla(0, 0%, 24%, 0.4);
	border-radius: 10px;
}
.btnModalForm .button+.modalform .scrollarea::-webkit-scrollbar-track {
	background-color: hsla(0, 0%, 24%, 0.1);
	border-radius: 10px;
}
.btnModalForm2 {
	position: relative;
}
.btnModalForm2 .buttons .button.accordion-open+.modalform {
	display: none;
	position: absolute;
	max-width: 1000px;
	width: max-content;
	top: calc(100% + 8px);
	left: calc(50% - 80px);
	transform: translateX(calc(-50% + 0px));
	padding: 20px;
	background-color: #f5f7f9;
	border-radius: var(--border-radius20);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	z-index: 5;
}
.btnModalForm2 .button+.modalform .scrollarea {
	max-height: 320px;
	padding-right: 5px;
	position: relative;
	overflow-y: auto;
}
.btnModalForm2 .button+.modalform.active {
	display: block;
}
@media (max-width: 1024px) {
	.btnModalForm .button+.modalform {
		max-width: 780px;
		left: calc(50% - 70px);
	}
	.stu-pillar .pillar .name {
		font-size: 2em;
	}
	.stu-pillar .pillar .initial-img.md {
		width: 55px;
		height: 55px;
	}
	.stu-pillar .prof .prof-txt {
		font-size: 1.063em;
	}
	.stu-pillar-list li .initial-img.md {
		width: 50px;
		height: 50px;
	}
	.stu-pillar-list li .name {
		font-size: 0.938em;
	}
}
@media (max-width: 880px) {
	.btnModalForm .button+.modalform {
		max-width: 600px;
		left: calc(50% - 65px);
	}
}
@media (max-width: 768px) {
	.stu-pillar {
		padding: 10px 0 10px 0;
	}
	.stu-pillar .pillar .name {
		font-size: 1.75em;
	}
	.stu-pillar .pillar .initial-img.md {
		width: 45px;
		height: 45px;
	}
}
@media (max-width: 650px) {
	.btnModalForm .button+.modalform {
		max-width: 345px;
		padding: 10px;
	}
	.stu-pillar-list {
		gap: 2px;
		margin: 5px 10px;
	}
	.grade-area .grade-txt {
		padding: 15px 10px;
	}
	.stu-pillar-list li .name {
		font-size: 0.875em;
	}
}
@media (max-width: 450px) {
	.btnModalForm .button+.modalform {
		max-width: 290px;
	}
}
/* chart - jscharting */
.chart-box .chartSize {
	width: 250px;
	height: 200px;
	margin: 10px auto;
}
.chart-box .chart-legend {
	display: flex;
	justify-content: center;
	margin-bottom: 25px;
}
.chart-box .chart-legend ul {
	display: flex;
	font-size: 0.938em;
}
.chart-box .chart-legend ul li {
	align-items: center;
}
.chart-box .chart-legend ul li+li {
	margin-left: 17px;
}
.chart-box .chart-legend ul li span {
	display: inline-flex;
	width: 10px;
	height: 10px;
	margin-right: 4px;
}
.chart-box .chart-legend ul li span.label01 {
	background: #93D94E;
}
.chart-box .chart-legend ul li span.label02 {
	background: #60BF81;
}
.chart-box .chart-legend ul li span.label02_01 {
	background: #367356;
}
.chart-box .chart-legend ul li span.label03 {
	background: #51d6fc;
}
.chart-box .chart-legend ul li span.label04 {
	background: #648f8b;
}
.chart-box .chart-legend ul li span.label05 {
	background: #173e64;
}
.chart-box.inline {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
@media (max-width: 1330px) {
	.row.calendar-chart .col-sm-9 {
		flex: 0 0 calc(100% - 300px);
		max-width: calc(100% - 300px);
	}
	.row.calendar-chart .col-sm-3.chart-box {
		min-width: 300px;
	}
	.chart-box.inline {
		margin-top: -25px;
	}
}
@media (max-width: 1200px) {
	.row.calendar-chart .col-sm-9 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.row.calendar-chart .col-sm-3.chart-box {
		min-width: auto;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.row.calendar-chart .col-sm-3.chart-box .ui.attached.segment.bottom {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
	}
}
@media (max-width: 768px) {
	.chart-box .chartSize {
		width: 220px;
		height: 155px;
		margin: 0px auto 10px auto;
	}
	.chart-box .chart-legend {
		margin-bottom: 5px;
	}
	.chart-box.inline {
		flex-direction: column;
		gap: 10px;
		margin-top: -15px;
		margin-bottom: 20px;
	}
}
@media (max-width: 700px) {
	.row.calendar-chart .col-sm-3.chart-box .ui.attached.segment.bottom {
		flex-direction: column;
	}
}
/* 학습공동체 - 루브릭 */
.classInfo.learn {
	padding: 22px 40px 25px 60px;
	margin-top: 10px;
	border-radius: var(--border-radius10);
	background: url(/main_img/learn_bg.jpg) 50% 50% #003876 no-repeat;
	background-size: cover;
}
.classInfo.learn h1 {
	margin: 0;
}
.classInfo.learn .classSection {
	margin-left: 0;
	margin-top: 2px;
	color: var(--white-alpha80);
}
.classInfo .classSection>ul>li:before {
	background-color: var(--white-alpha40);
}
.classInfo.learn .info-toggle {
	display: none;
}
.classInfo.learn h1 {
	color: #fff;
	font-weight: 500;
	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);
}
.classInfo.learn .classRight {
	right: 3.5em;
}
.classInfo.learn .classRight ul li a {
	color: var(--white-alpha80);
}
.classInfo.learn .classRight .ui.basic.button {
	background-color: var(--white-alpha90) !important;
}
.classInfo.learn .classRight .ui.basic.button:hover {
	background-color: #fff !important;
}
@media (max-width: 1280px) {
	.classInfo.learn {
		padding: 10px 0 10px 0;
	}
	.classInfo.learn .classSection {
		width: 95%;
		margin: 0 auto;
		border-radius: var(--border-radius10);
		background: rgb(255, 250, 243, 0.1);
		box-shadow: none;
	}
	.classInfo.learn .classSection ul {
		justify-content: center;
	}
	.classInfo.learn .classSection>ul>li {
		text-align: center;
		font-size: 1.063em;
		padding: 0 10px;
	}
	.classInfo.learn .classRight {
		padding: 10px 10px 5px 10px;
		right: 0em;
		border-top: 1px solid rgb(255, 255, 255, 0.2);
	}
}
@media (max-width: 768px) {
	.classInfo.learn {
		padding: 0px 0 10px 0;
	}
	.classInfo.learn h1 {
		font-size: 1.5em;
	}
}
@media (max-width: 480px) {
	.classInfo.learn .classSection>ul>li {
		font-size: 1em;
	}
	.classInfo.learn .classRight>ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: 5px;
	}
	.classInfo.learn .classRight>ul li {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
	}
	.classInfo.learn .classRight>ul a {
		flex: 1 1 auto;
		margin-right: 0;
	}
	.classInfo.learn .classRight ul li:first-child {
		padding-bottom: 4px;
	}
}
.EG .header-title.EG-type {
	border-radius: var(--border-radius10);
}
.EG .EG-layout .info-section .slide-right-btn {
	top: calc(22% + 370px);
	right: calc(23% + 50px);
}
.EG .EG-layout .stu-list-box .slide-left-btn {
	top: calc(22% + 370px);
	left: calc(245px + 82px);
}
.EG>.content {
	padding: 0 20px;
	margin-left: -20px;
	margin-right: -20px;
}
.EG .EG-layout .info-section.active .slide-right-btn {
	right: calc(2em - 23px);
}
.EG .EG-layout .stu-list-box.active .slide-left-btn {
	left: calc(2em - 23px);
}
.EG .mo-aside-btn a {
	font-size: 1.125em;
}
@media (max-width: 1280px) {
	.EG .header-title.EG-type .center-text .explan span {
		font-size: 1.25em;
	}
}
@media (max-width: 768px) {
	.EG .header-title.EG-type {
		padding: 1em !important;
	}
	.EG .header-title.EG-type h2 {
		font-size: 1.375em;
	}
}
@media (max-width: 480px) {
	.EG .header-title.EG-type h2 {
		font-size: 1.25em;
	}
	.EG .mo-aside-btn a {
		font-size: 1em;
	}
	.EG-layout .info-section {
		width: 100%;
	}
	.EG-layout .stu-list-box {
		width: 100%;
	}
}
/* chart - chartJS */
@media (max-width: 1280px) {
	.chart-area canvas {
		max-width: 400px;
	}
	.chart-area .ui[class*='equal width'].grid>.column:not(.row) {
		display: flex;
		justify-content: center;
	}
}
@media (max-width: 768px) {
	.chart-area .ui.stackable.grid>.column:not(.row) {
		width: 6.25% !important;
	}
}
@media (max-width: 600px) {
	.chart-area .ui.stackable.grid>.column:not(.row) {
		width: 100% !important;
	}
}
/* 학습공동체 - 활동현황상세 */
ul.flex-tab.user-attend {
	gap: 8px;
}
ul.flex-tab.user-attend li {
	flex-basis: 20%;
	max-width: calc(20% - 0.5em);
	margin: 0;
	border-radius: var(--border-radius8);
}
ul.flex-tab.user-attend li a {
	overflow: visible;
	white-space: normal;
}
ul.flex-tab.user-attend li.on {
	color: #fff !important;
	border: 1px solid var(--primary);
	background-color: var(--primary);
}
.modal-page ul.flex-tab.user-attend {
	margin-top: 0;
	margin-bottom: 20px;
}
i.attend-full {
	color: #2185d0;
	font-weight: 700;
}
i.attend-empty {
	color: #db2828;
	font-weight: 700;
}
@media (max-width: 768px) {
	ul.flex-tab.user-attend li {
		flex-basis: 33.333333%;
		max-width: calc(33.333333% - 0.5em);
	}
	ul.flex-tab.user-attend li a {
		font-size: 1em;
	}
}
@media (max-width: 480px) {
	ul.flex-tab.user-attend li a {
		font-size: 0.938em;
		line-height: 1.2;
	}
}
/* 팝업 _ 기록지 작성 선택 페이지 버튼  */
.num_count_wrap {
	margin-bottom: 1em;
}
ul.flex-tab.num_count {
	gap: 8px;
	margin-top: 0;
	flex-wrap: nowrap;
	width: 100%;
}
ul.flex-tab.num_count li {
	flex-basis: 40px !important;
	min-width: 40px;
	padding: 0.5em;
	margin: 0;
	flex: auto;
	overflow: visible;
}
ul.flex-tab.num_count li.on {
	color: #fff !important;
	border: 1px solid var(--primary);
	background-color: var(--primary);
}
/* grid table type2 */
.grid-table.type2 th:last-child {
	border-right: 1px solid #d9e4eb;
}
.grid-table.type2 td:last-child {
	border-right: 1px solid #dfdfdf;
}
@media (max-width: 768px) {
	.grid-table.type2 {
		border: none;
	}
	.grid-table.type2 colgroup {
		display: none;
	}
	.grid-table.type2 thead {
		display: none;
	}
	.grid-table.type2 tbody {
		display: block;
	}
	.grid-table.type2 tbody span {
		padding: 10px 8px;
		text-align: center;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.grid-table.type2 tbody tr {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
	}
	.grid-table.type2 tbody tr>* {
		padding: 0;
		flex: 1 0 auto;
		display: flex;
		flex-direction: column;
		min-width: 3em;
		border: 1px solid #e5e5e5;
	}
	.grid-table.type2 tbody tr>[data-title]:before {
		content: attr(data-title) '\a' attr(data-next-title);
		white-space: pre;
		display: block;
		width: 100%;
		background-color: #f5f9fb;
		padding: 8px 5px;
	}
}
/* =======================================================================================
modal
======================================================================================= */
.bottom-content .button {
	min-width: 120px;
	padding: 15px 10px;
}
.modal-page .post_view .header .inner-box h4 {
	font-weight: 600;
}
.modal-page .post_view .content-field {
	min-height: 200px;
}
.modal-page.portfolio_modal .post_view .content-field {
	min-height: 100px;
}
.modal-page .post_view .content-field.height-auto {
	padding: 10px 10px 0px 10px;
}
.modal-page .note-editor .note-editing-area .note-editable {
	height: 250px !important;
}
/* =======================================================================================
로그인
======================================================================================= */
.login_cont {
	text-align: center;
	overflow: hidden;
}
.login_form {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.login_form .login_input {
	flex: 1 1 auto;
}
.login_form .login_input input {
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
	font-size: 1.5rem;
}
.login_form .login_input span+span {
	display: block;
	margin-top: 1rem;
}
.login_form .idchk_save {
	display: block;
	width: 100%;
	text-align: left;
	margin: 1.2rem 0;
}
.login_form .idchk_save label {
	font-size: 1.5rem;
}
.login_form .form-floating label {
	font-size: 1.5rem;
	color: #999;
	border-radius: .4rem;
}
.member .ui.horizontal.divider {
	color: #919191;
	font-size: 1.5rem;
}
.member .login_foot {
	padding: 1.2rem 0 0rem 0;
}
.member .login_foot ul {
	display: flex;
	justify-content: flex-end;
}
.member .login_foot ul li {
	margin-top: 0;
}
.member .login_foot ul li+li {
	margin-left: 1.6rem;
}
.member .login_foot ul li::before {
	top: 1.5rem;
	background-color: #606060;
}
.member .login_foot .btn {
	font-size: 1.5rem;
	padding: 0;
	border: none;
	margin-left: auto;
	display: inline-flex;
	background-color: transparent;
}
.member .login_foot .btn:hover {
	color: #000;
	text-decoration: underline;
}
.member .flex-container {
	padding: 5rem 0 6rem;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 50rem;
	align-items: center;
	justify-content: center;
}
.member .flex-container .con {
	width: 32rem;
	margin-left: auto;
	margin-right: auto;
}
.member .tit-header {
	padding: 0rem 0 2rem 0;
}
.member .tit-header .title {
	margin: 0px;
	font-size: 2.8rem;
	font-weight: 800;
	line-height: 1.4;
	margin-bottom: 1rem;
	text-align: center;
}
.member .tit-header .desc {
	font-size: 1.6rem;
	text-align: center;
}
.member .flex-container .entry_btn button {
	padding: 1.5rem 2rem;
	background-color: var(--primary);
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	border-radius: .6rem;
	display: block;
}
.member .flex-container .btns-join {
	display: flex;
	flex-direction: column;
}
.member .flex-container .btns-join .btn {
	padding: 1.5rem 2rem;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	border: none;
	border-radius: .6rem;
	text-align: center;
}
.member .flex-container .btns-join .btn~.btn {
	margin-top: 1rem;
	margin-left: 0rem;
}
.member .flex-container .btns-join .btn.kakao {
	color: #333;
	background: #fae100 url(/main_img/sns_kakao.png) no-repeat 15px 12px;
	background-size: 22px;
}
.member .flex-container .btns-join .btn.naver {
	background: #00C73C url(/main_img/sns_naver.png) no-repeat 15px 13px;
	background-size: 22px;
}
@media (max-width:1023.98px) {
	.member {
		margin-top: 3rem;
	}
}
.subMenu_title {
	font-size: 2rem;
	margin-bottom: 2rem;
}
@media (max-width: 1023.98px) {
	.content .title_h1 {
		width: 100%;
		margin-top: 3rem;
		margin-bottom: 0;
	}
}
@media (max-width: 1023.98px) {
	.location_bar {
		background-color: #D8EEF7;
		order: 0;
		padding: .5rem 2.4rem;
		margin: 0px -2.4rem 0;
		width: calc(100% + 4.8rem);
	}
}
/* =======================================================================================
버튼 모음 정렬
======================================================================================= */
.btns_row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
	font-size: 14px;
}
.btns_row>* {
	flex: 1 1 auto;
	width: 1%;
	/*  ie11에서 오류남 */
}
.btns_inline {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
	font-size: 14px;
}
.btns_inline>* {
	flex: 1 1 auto;
	width: auto;
}
/* =======================================================================================
내 정보
======================================================================================= */
.account_info {
	display: flex;
	flex-direction: column;
}
.account_info>div {
	border-bottom: 1px solid #eee;
	padding: 1.6rem;
}
.account_info .account_head {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1rem;
}
.account_info .account_head .profile {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.account_info .account_cont {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 2rem;
}
.account_cont .account_cont_item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .4rem;
}
.account_cont .account_cont_item label {
	font-weight: bold;
	color: var(--dark2);
	width: 8rem;
}
/* =======================================================================================
내 정보
======================================================================================= */
.between_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: .8rem;
}
.between_wrap .tit {
	margin-bottom: 0 !important;
}
.between_wrap .tit_btn_wrap {
	margin-bottom: 0;
}
/* =======================================================================================
label_col / label_row
======================================================================================= */
.label_col {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: .4rem;
}
.label_col>label {
	font-weight: 600;
	color: var(--blue);
}
.label_col>:not(label)* {
	flex: 1;
}
.label_col.card_tit span {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.label_row {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
}
.label_row label {
	font-weight: 600;
	min-width: 50px;
}
.label_row>:not(label)* {
	flex: 1 1 auto;
	width: 1%;
}
.label_row label.sign::after {
	content: ':';
	display: inline-block;
	margin: 0 5px;
}
/* =======================================================================================
.ui.segment.user-box
======================================================================================= */
.ui.segment.user-box {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.ui.segment.user-box .ui.dropdown.user {
	padding-right: 25px;
}
.ui.segment.user-box .ui.dropdown.user>.text {
	font-size: 1.333em;
	margin-right: 8px;
}
.ui.segment.user-box .info span+span {
	margin-left: 15px;
}
.ui.segment.user-box .info li {
	text-align: right;
	font-weight: 500;
	color: #666;
}
.ui.segment.user-box .info li+li {
	margin-top: 5px;
}
.ui.segment.user-box .info span {
	position: relative;
	padding-left: 10px;
	margin-left: 10px;
}
.ui.segment.user-box .info span::before {
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #333;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 9px;
}
.ui.grid.segment.user-box {
	margin-top: 0;
	border: 1px solid rgba(34, 36, 38, 0.15);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}
.ui.grid.segment.user-box.center {
	justify-content: center;
	font-weight: 500;
}
.ui.grid.segment.user-box.center .line {
	margin-right: 12px;
}
.ui.grid.segment.user-box.center .line::after {
	content: "";
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 14px;
	margin-left: 14px;
	background: rgba(34, 36, 38, 0.15);
}
.ui.grid.segment.user-box .ui.multiple.dropdown>.text {
	font-size: 1.333em;
	margin-right: 8px;
}
.ui.grid.segment.user-box .column {
	display: flex;
	/* align-items: center;
	justify-content: center; */
	padding-top: 0px;
	padding-bottom: 0px;
}
.ui.grid.segment.user-box .column:after {
	content: "";
	position: absolute;
	right: 0;
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 100%;
	background: rgba(34, 36, 38, 0.15);
}
.ui.grid.segment.user-box .column:last-child:after {
	display: none;
}
.ui.grid.segment.user-box .none a {
	margin-left: 5px;
}
/*.ui.grid.segment.user-box .column + .column { border-left: 1px solid rgba(34, 36, 38, 0.15); }*/
.ui.grid.segment.user-box .info-txt {
	margin-left: 0px;
}
.ui.grid.segment.user-box .info-txt li {
	position: relative;
	text-align: left;
}
.ui.grid.segment.user-box .info-btn {
	margin-left: auto;
}
.ui.grid.segment.user-box .ico {
	font-size: 1.714em;
	position: relative;
	top: 3px;
	margin-right: 5px;
}
.ui.grid.segment.user-box ul.major>li {
	position: relative;
	padding-left: 6px;
}
.ui.grid.segment.user-box ul.major>li::before {
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #333;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 9px;
}
.ui.grid.segment.user-box ul.major>li+li {
	margin-top: 4px;
}
.ui.grid.segment.user-box ul.major>li span {
	display: inline-block;
	padding: 0px 5px;
}
.ui.grid.segment.user-box ul.major>li span i {
	margin-left: 5px;
}
.ui.grid.segment.user-box ul.major>li span:first-child:before {
	display: none;
}
.ui.grid.segment.user-box ul.major>li span:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 14px;
	margin: 0 10px 0 0;
	background: #d7d7d7;
}
.ui.grid.segment.user-box ul.major>li span.arrow:before {
	display: none;
}
.ui.grid.segment.user-box.subject {
	justify-content: center;
	font-weight: 500;
}
@media all and (max-width: 768px) {
	.ui.grid.segment.user-box .info-txt li.inline {
		display: inline-block;
	}
	.ui.grid.segment.user-box .info-txt li.inline+li.inline {
		margin-left: 5px;
	}
	.ui.grid.segment.user-box.subject span+span {
		margin-top: 5px;
	}
	.ui.grid.segment.user-box .column {
		width: 100% !important;
		padding-bottom: 12px;
	}
	.ui.grid.segment.user-box .column+.column {
		padding-top: 10px;
	}
	.ui.grid.segment.user-box .column:after {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: rgba(34, 36, 38, 0.15);
	}
	.ui.grid.segment.user-box .column:last-child {
		padding-bottom: 0;
	}
	.ui.grid.segment.user-box .initial-img.md {
		width: 42px;
		height: 42px;
	}
}
/* =======================================================================================
img_wrap
======================================================================================= */
.img_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	max-width: 60rem;
}
.img_wrap img {
	display: inline-block;
	width: 100%;
}
/* =======================================================================================
introduce 페이지지
======================================================================================= */
.intro_article+.intro_article {
	margin-top: 3rem;
}
.intro_head {
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
}
.intro_content {
	font-size: 1.6rem;
}
.history_wrap {
	flex-wrap: nowrap;
}
@media (max-width:480px) {
	.history_wrap {
		flex-wrap: wrap;
	}
}
.history_wrap label {
	font-size: 1.8rem;
	color: var(--blue);
}
.history_wrap .date {
	color: var(--blue);
}
.history_wrap+.history_wrap {
	margin-top: 2rem;
}
.history_wrap p+p.fwb {
	margin-top: 1rem;
}
.intro_content .alert_txt {
	font-size: 1.5rem;
}
/* =======================================================================================
프로젝트 참여
======================================================================================= */
.recruitment_wrap {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}
.recruitment_wrap .btn_row .btn {
	margin-right: 0;
	font-size: 1.4rem;
}
.recruitment_wrap .label_col .head_txt {
	font-size: 1.8rem;
}
.consortium_sector_list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}
.consortium_sector_list li {
	flex: 1 1 calc(100%/4 - 3rem);
}
.contact_us {
	width: 100%;
	min-height: 5rem;
	background-color: #f5f5f5;
	border-radius: .8rem;
	-webkit-border-radius: .8rem;
	-moz-border-radius: .8rem;
	-ms-border-radius: .8rem;
	-o-border-radius: .8rem;
	padding: 1.6rem 2.4rem;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* =======================================================================================
오시는길 
======================================================================================= */
.map_wrap .root_daum_roughmap {
	width: 100%;
	height: 45rem;
}
@media all and (max-width:1024px) {
	.map_wrap .root_daum_roughmap {
		height: 35rem;
	}
}
.map_wrap .root_daum_roughmap .wrap_map {
	width: 100%;
	height: 100% !important;
}
.map_right {
	padding-left: 20px;
	overflow-y: auto;
	height: 500px;
	padding-right: 10px;
}
.map_right ul {
	list-style: none;
	background: #fff;
}
.map_right ul li {
	padding: 1.5rem 0;
}
.map_right ul li strong {
	color: #000;
	font-size: 1.7rem;
	font-weight: 500;
}
.map_right ul li a {
	color: #555;
	display: block;
	padding: 15px 0;
}
.map_right ul li strong {
	display: inline-block;
	margin-bottom: 1.5rem;
}
.map_right ul li+li {
	border-top: 1px solid #d9d9d9;
}
.map_right ul li .label_row {
	gap: 2rem;
}
.map_right ul li .label_row label {
	color: var(--blue);
}
.map_right ul li .label_row+.label_row {
	margin-top: 1rem;
}
/* =======================================================================================
수료증
======================================================================================= */
body.print_wrap {
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	font-weight: normal;
}
body.print_wrap .font_NotoSerif {
	font-family: 'Noto Serif KR', serif;
}
.print_wrap .print_box .QR_box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 740px;
	z-index: 2;
}
.print_wrap .print_box .QR_box .QR_cord {
	position: absolute;
	left: 100px;
	top: 120px;
	font-size: 18px;
	font-weight: 400;
}
.print_wrap .print_box .icon_box {
	width: 720px;
	height: 32px;
	margin: 0 auto;
	background: #f6f7f9;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 10px;
	z-index: 10;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.print_wrap .print_box .icon_box i {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 20px;
	cursor: pointer;
	text-align: center;
}
.print_wrap .print_box>img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 740px;
	height: auto;
}
.print_wrap .print_box .tit {
	font-family: 'Noto Serif KR', serif;
	position: relative;
	top: 20rem;
	letter-spacing: 2px;
	font-size: 4.8rem;
	font-weight: 800;
	text-align: center;
	color: #000000;
}
.print_wrap .print_box .table_wrap {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 740px;
	height: 1040px;
}
.print_wrap .print_box .table_wrap .table_box {
	position: relative;
	width: 100%;
	height: 100%;
}
.print_wrap .print_box .table_wrap .table_box table {
	position: absolute;
	top: 33%;
	left: 95px;
	width: 76%;
	margin: 0 auto;
	font-weight: 700;
	font-size: 2rem;
	line-height: 2;
}
.print_wrap .print_box .table_wrap .table_box table caption {
	visibility: hidden;
	height: 0;
}
.print_wrap .print_box .table_wrap .table_box table th {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-right: 30px;
}
.print_wrap .print_box .table_wrap .table_box table th::after {
	display: block;
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	content: ':';
	font-size: 22px;
}
.print_wrap .print_box .table_wrap .table_box table td.txt {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 40px;
}
.print_wrap .print_box .table_wrap .table_box table td.date {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	padding-top: 30px;
}
.print_wrap .print_box .table_wrap .user {
	/* text-align: right; */
	font-weight: 700;
}
.print_wrap .print_box .table_wrap .user p {
	width: 100%;
	display: flex;
}
.print_wrap .print_box .table_wrap .user p span::after {
	display: inline-block;
	content: ':';
	margin: 0 1rem;
}
.print_wrap .print_box .table_wrap .Official_seal {
	padding-top: 12rem;
}
.print_wrap .print_box .table_wrap .Official_seal span {
	position: relative;
	display: block;
	text-align: center;
	font-weight: 800;
}
.print_wrap .print_box .table_wrap .Official_seal span::after {
	position: absolute;
	top: -20px;
	background: url('/main_img/seal.png') no-repeat;
	content: '';
	display: inline-block;
	width: 90px;
	height: 90px;
	background-size: cover;
	visibility: visible;
}
.print_wrap .print_box .table_wrap .Official_seal span img {
	width: 200px;
	object-fit: cover;
}
.print_wrap .print_box .table_wrap .user dl {
	margin-left: auto;
	display: flex;
	flex-direction: row;
	flex: 0 0 50%;
	max-width: 50%;
}
.print_wrap .print_box .table_wrap .user dl dt {
	font-weight: 800;
	display: flex;
	flex: 0 0 25%;
	max-width: 25%;
	justify-content: space-between;
	position: relative;
	margin-right: 30px;
}
.print_wrap .print_box .table_wrap .user dl dt::after {
	display: block;
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	content: ':';
	font-size: 22px;
}
@media print {
	.print_wrap .print_box .icon_box {
		display: none;
	}
}
/* =======================================================================================
faq 리스트
======================================================================================= */
.listFaq {
	margin-bottom: 3rem;
}
.listFaq ul li {
	border-bottom: 1px solid #ddd;
}
.listFaq ul li:hover {
	background: #fafafa;
}
.listFaq ul li .category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 3.6rem;
	height: 3.6rem;
	text-align: center;
	background-color: #333;
	color: #fff;
	position: absolute;
	left: 2rem;
	top: 1rem;
}
.listFaq ul li .question {
	display: block;
	padding: 1.7rem 4rem 1.7rem 7rem;
	position: relative;
}
.listFaq ul li .question .title {}
.listFaq ul li .question::after {
	content: '\e943';
	font-family: 'xeicon';
	font-size: 2.2rem;
	color: #999;
	position: absolute;
	right: 2rem;
	top: 1.4rem;
}
.listFaq ul li .answer {
	display: block;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
	background: #f4f5f6;
	border-top: 1px solid #ddd;
	border-bottom: none;
	position: relative;
}
.listFaq ul li .answer::before {
	content: '\e981';
	font-family: 'xeicon';
	font-size: 2rem;
	color: #999;
	position: absolute;
	left: 4rem;
	top: 1.4rem;
}
.listFaq ul li .answer .answer_box {
	padding: 1.7rem 1.7rem 1.7rem 12rem;
}
.listFaq ul li .answer .category {
	left: 7rem;
	background-color: #fff;
	color: inherit;
}
.listFaq ul li.active .question .category {
	color: #fff;
	background-color: #0090d0;
}
.listFaq ul li.active .question::after {
	transform: rotate(180deg);
	transition: .25s;
	color: #333;
}
.listFaq ul li.active .question .title {
	font-weight: 500;
}
.listFaq ul li.active .answer {
	opacity: 1;
	visibility: visible;
	font-weight: 400;
	transition: .25s;
	max-height: 2000px;
	transition: all .5s ease;
}
.listFaq ul li.active .answer .table table {
	border-top: 1px solid #e8e8e8;
	font-size: 1.4rem;
}
.listFaq ul li.active .answer .table table thead th {
	border-top-color: #e8e8e8;
}
/* =======================================================================================
공지사항 보기
======================================================================================= */
/*Board View */
div.tstyle_view {
	margin-bottom: 5rem;
}
div.tstyle_view div.title {
	color: #333;
	font-size: 2rem;
	font-weight: bold;
	padding: 2.4rem 0;
	text-align: center;
}
div.tstyle_view ul.head {
	padding: 1.8rem 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	background-color: #f8f9fa;
}
div.tstyle_view ul.head li {
	display: inline-block;
}
div.tstyle_view ul.head li~li {
	position: relative;
	padding-left: 0.6rem;
	margin-left: 1rem;
	border-radius: 50%;
}
div.tstyle_view ul.head li~li::before {
	content: '';
	display: block;
	background-color: #ddd;
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	transform: translate(0, -50%);
	left: 0;
	top: 50%;
}
div.tstyle_view ul.head li strong {
	color: #aaacb1;
	font-weight: normal;
}
div.tstyle_view ul.head li span {
	color: #555;
	position: relative;
	padding-left: 0.6rem;
	margin-left: 0.6rem;
}
div.tstyle_view ul.head li span::before {
	content: '';
	display: block;
	background-color: #ddd;
	width: 1px;
	height: 1.2rem;
	position: absolute;
	transform: translate(0, -50%);
	left: 0;
	top: 50%;
}
div.tstyle_view div.tb_contents {
	padding: 5rem 6rem;
	border-bottom: 1px solid #d3d8dd;
	word-break: keep-all;
}
div.tstyle_view .add_file_list {
	display: table;
	width: 100%;
	border-bottom: 1px solid #d3d8dd;
}
div.tstyle_view .add_file_list .title {
	display: table-cell;
	vertical-align: top;
	width: 13%;
	color: #333;
	padding: 2rem;
}
div.tstyle_view .add_file_list .add_file {
	display: table-cell;
	padding: 2rem 0;
}
ul.add_file li {
	display: flex;
	justify-content: space-between;
}
ul.add_file li::before {
	display: none;
}
ul.add_file li .file_down:hover {
	color: #0090d0;
}
ul.add_file li .file_down img {
	margin-right: .5rem;
}
ul.add_file li .fileSize {
	color: #999;
	font-size: .8em;
	margin-left: .4rem;
}
ul.add_file li .link .btn-line {
	font-size: 1.4rem;
	width: auto;
	min-width: 10rem;
	padding: .4rem 2.2rem .4rem 1rem;
}
ul.add_file li .link .btn-line i {
	right: .7rem;
}
ul.add_file li~li {
	margin-top: 1rem;
}
ul.add_file li .xi-close-circle {
	display: inline-block;
	vertical-align: middle;
	font-size: 2rem;
	color: #888;
	margin-left: 1rem;
	transition: .25s;
}
ul.add_file li .xi-close-circle:hover {
	color: #126fb4;
}
ul.add_file li .input_file {
	display: inline-block;
	padding: .6rem 1.2rem;
	border: 1px solid #999;
	transition: .25s;
}
ul.add_file li .input_file:hover {
	background-color: #999;
	color: #fff;
}
ul.add_file.left li {
	justify-content: left;
}
/* =======================================================================================
Q&A - 상세보기
======================================================================================= */
.answer .title_area {
	padding: 1.5rem 6rem;
	background: #0090d0;
	border-radius: 0.5rem 0.5rem 0 0;
	color: #fff;
	display: flex;
	justify-content: space-between;
}
.answer .title_area .title {
	font-weight: 500;
}
.answer .title_area .title::before {
	content: "A";
	display: inline-block;
	margin-right: 1rem;
	font-weight: 700;
}
.answer .title_area .date {
	opacity: 0.7;
}
.answer .title_area .date b {
	font-weight: 400;
}
.answer .title_area .date em {
	position: relative;
	padding-left: 0.6rem;
	margin-left: 0.6rem;
}
.answer .title_area .date em::before {
	content: "";
	display: block;
	background-color: hsl(0, 0%, 87%, .5);
	width: 1px;
	height: 1.2rem;
	position: absolute;
	transform: translate(0, -50%);
	left: 0;
	top: 50%;
}
.answer .cont {
	padding: 3rem 6rem;
	border-radius: 0 0 0.5rem 0.5rem;
	background: #F7F8FA;
}
.add_file_list+.answer {
	margin-top: 2rem;
}
@media screen and (max-width:767.98px) {
	/* ========================================================================================== //레이아웃 ============================================================================================*/
	.basicTabWrap .depth4 li {
		display: block;
		width: 33.33%;
		white-space: nowrap;
		float: left;
	}
	/* ==========================================================================================
//이즈소프트 CMS board CSS
============================================================================================*/
	/* 게시판 검색*/
	.board_info {
		display: block;
	}
	.board_info .board_util {
		justify-content: flex-end;
	}
	.board_info .board_util .sort {
		margin-right: 0;
	}
	.board_info .board_search {
		width: 100% !important;
		margin-top: 1rem;
	}
	.board_info .Search_rss {
		background: #f9f9f9;
		border: 1px solid #ddd;
		padding: 1rem;
		text-align: center;
		width: 100%;
	}
	.board_info .page_info {
		margin-top: 15px;
	}
	.board_info fieldset span {
		margin-left: 0;
		display: block;
		width: 100% !important;
	}
	.board_info fieldset span~span {
		margin-top: 3px;
	}
	.board_info fieldset span.form-select {
		background-color: #ffffff;
	}
	.board_info fieldset span.form-input input {
		padding-right: 0;
	}
	.board_info fieldset span.form-btn {
		margin-left: 0;
	}
	.board_info.m_column_row {
		display: flex;
	}
	.board_info .board_search+.page_btn {
		margin-top: .8rem;
	}
	/*listDown 리스트 ex-수상내역 */
	.listDown .answer ul {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
	/* Board list */
	.tstyle.list {
		text-align: left;
	}
	.tstyle.list colgroup, .tstyle.list .dhead {
		display: none;
	}
	.tstyle.list .dbody tr {
		display: block;
		padding: 1.8rem 0;
		position: relative;
	}
	.tstyle.list .dbody tr td.m-hidden:first-child {
		display: none;
	}
	.tstyle.list .dbody tr td:first-child {
		float: left;
		min-width: 3rem;
		margin-right: 1rem;
	}
	.tstyle.list .dbody tr td {
		display: inline-block;
		color: #868e96;
		vertical-align: middle;
		width: auto;
		padding: 0;
	}
	.tstyle.list .dbody tr td:last-child {
		margin-left: 1rem;
	}
	.tstyle.list .dbody tr td .xi-lock, .tstyle.list .dbody tr td a {
		margin-bottom: .8rem;
	}
	.tstyle.list .dbody tr td.title {
		color: #333;
		font-weight: bold;
		display: block;
	}
	.tstyle .dbody tr.notice .icon_notice {
		height: auto;
		border-radius: .5rem;
		line-height: 2rem;
		position: relative;
		top: -1px;
	}
	.xi-subdirectory-arrow {
		margin-left: 0;
	}
	.tstyle.list .dbody .state {
		position: absolute;
		right: 0;
		bottom: 1rem;
	}
	.tstyle.list .dbody tr td.file {
		padding: 0;
	}
	.tstyle.list .dbody tr td.file i {
		margin: 0 .5rem;
	}
	.m_hidden {
		display: none;
	}
	/*Board View */
	div.tstyle_view .add_file_list .title {
		display: block;
		width: auto;
		padding: 1rem 0;
	}
	div.tstyle_view .add_file_list .add_file {
		display: block;
		padding: 0 0 1rem 0;
	}
	div.tstyle_view ul.add_file li>span.link .btn-line {
		display: block;
	}
	div.tstyle_view ul.add_file li>span.link .btn-line~.btn-line {
		margin-top: .5rem;
	}
	div.tstyle_view ul.add_file li>strong {
		width: 100%;
		float: none;
	}
	div.tstyle_view div.tb_contents {
		padding: 2rem 0;
	}
	.tstyle_write th, .tstyle_write td {
		padding: 1rem;
	}
}
/********************************************************************************************************
 * Sub Contents CSS
*********************************************************************************************************/
.subCon {
	width: 100%;
	padding: 0;
}
.wide-img {
	display: block;
	position: relative;
	padding-top: 60%;
	overflow: hidden;
}
.view-img img, .wide-img img, .post-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ctxt {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7;
}
.caution {
	display: flex;
	gap: 5px;
	margin-top: 10px;
}
.caution i {
	margin-top: 4px;
}
.caution.big_txt {
	font-size: 18px;
}
.ui.message {
	border-radius: 15px !important;
}
.ui.message .caution {
	font-size: 18px !important;
	align-items: center;
}
.ui.message .caution i {
	margin-top: 0;
}
.line_box {
	padding: 30px 40px 40px 40px;
	border-radius: 10px;
	border: 1px solid #dddddd;
	display: flex;
	justify-content: center;
}
.line_box .img_area {
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: 100%;
}
.line_box .img_area img {
	display: inline-block;
	max-width: 100%;
}
.line_box .img_area2 {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}
.line_box .img_area2 img {
	max-width: 100%;
	width: fit-content;
}
.line_box .img_area2 img+img {
	padding-top: 60px;
	border-top: 1px solid #dddddd;
	width: fit-content;
}
.line_box .img_area3 {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}
.line_box .img_area3 img {
	max-width: 100%;
	width: fit-content;
}
.line_box .img_area3 img+img {
	padding-top: 40px;
	border-top: 1px solid #dddddd;
	width: fit-content;
}
.line_box .col_area {
	display: flex;
	width: 100%;
	border-radius: 10px;
	gap: 20px;
}
.line_box .col_area .col {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: var(--blue);
	color: #fff;
	line-height: 1.2;
	padding: 15px 5px;
	border-radius: .5rem;
}
.list-dot {
	line-height: 1.2;
}
.list-dot li {
	position: relative;
	padding: 4px 8px 4px 22px;
	font-size: 17px;
	line-height: 1.6;
}
/* .list-dot li:before { content: '·'; font-weight: bold; font-size: 24px; line-height: 1.2; margin-right: 7px; margin-left: -11px;  margin-top: -1px;} */
.list-dot li:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background: var(--txt-grey);
	border-radius: 50%;
	flex: none;
	margin-right: 7px;
	margin-left: 4px;
	position: absolute;
	left: 1px;
	top: 15px;
}
table .list-dot li {
	position: relative;
	padding: 4px 8px 4px 22px;
	font-size: 1.6rem;
	line-height: normal;
}
.list-dot li>ul.info_list02 li {
	padding-left: 20px;
}
.list-dot li>ul.info_list02 li:before {
	background: none;
	left: 2px;
	top: 5px;
}
.list-dot li strong {
	font-weight: 600;
}
.list-dot li .btn.small {
	font-size: 14px;
	padding: 4px 10px;
}
.list-txt {
	line-height: 1.2;
}
.list-txt li {
	padding: 4px 8px 4px 2px;
	font-size: 17px;
}
.list-btn {
	line-height: 1.2;
	gap: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 10px;
}
.list-btn li {
	padding: 8px 15px;
	font-size: 18px;
	display: flex;
	gap: 35px;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #cdcdcd;
	border-radius: 15px;
}
.list-btn li span {
	display: flex;
	align-items: center;
}
.list-btn li i.xi-paper-o {
	font-size: 24px;
	margin-right: 10px;
}
ul.info_list li {
	list-style: none;
	position: relative;
	padding-left: 15px;
	font-size: 17px;
}
table ul.info_list li {
	list-style: none;
	position: relative;
	font-size: 1.5rem;
}
ul.info_list li:before {
	content: "-";
	position: absolute;
	left: 0;
}
table:not(.table-type5) td ul.info_list {
	text-align: left;
	margin-top: .5rem;
}
table:not(.table-type5) td ul.info_list li {
	width: 43%;
	margin: 0 auto;
	padding-left: 0;
}
table:not(.table-type5) td ul.info_list li:before {
	content: "- ";
	position: relative;
	left: 0;
}
@media (max-width:1024px) {
	table:not(.table-type5) td ul.info_list li {
		width: 70%;
	}
}
@media (max-width:768px) {
	table:not(.table-type5) td ul.info_list {
		margin-top: 0;
	}
	table:not(.table-type5) td ul.info_list li {
		width: 100%;
		margin: initial;
	}
}
ul.info_list02 {
	margin: 10px 0;
}
ul.info_list02 li {
	list-style: none;
	position: relative;
	padding-left: 35px;
	font-size: 17px;
}
ul.info_list02 li:before {
	content: "- ";
	position: absolute;
	left: 20px;
}
ul.info_list03 {
	margin: 10px 0;
}
ul.info_list03 li {
	list-style: none;
	position: relative;
	padding-left: 15px;
	font-size: 17px;
}
.list-dot li>ul.info_list03 li {
	padding-left: 0;
}
.list-dot li>ul.info_list03 li:before {
	background: none;
}
@media(max-width:1280px) {
	.list-btn li {
		font-size: 16px;
	}
	.caution.big_txt {
		font-size: 16px;
	}
	.line_box .col_area {
		gap: 15px;
		font-size: 15px;
	}
}
@media(max-width:768px) {
	.ctxt {
		font-size: 16px;
	}
	ul.info_list02 li {
		font-size: 16px;
	}
	.list-dot li {
		font-size: 16px;
	}
	.list-txt li {
		font-size: 16px;
	}
	.line_box {
		padding: 20px 30px;
	}
	.list-btn {
		grid-template-columns: repeat(1, 1fr);
	}
	.line_box .img_area img.mo01 {
		content: url(/main_img/sub0201_img01_m.png);
		max-width: 100%;
	}
	.line_box .img_area2 img+img {
		padding-top: 40px;
	}
	.line_box .img_area2 img.mo04 {
		content: url(/main_img/sub0201_img04_m.png);
		max-width: 100%;
	}
	.line_box .img_area2 img.mo05 {
		content: url(/main_img/sub0201_img05_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img01 {
		content: url(/main_img/sub040101_img01_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img02 {
		content: url(/main_img/sub040101_img02_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img03 {
		content: url(/main_img/sub040101_img03_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img04 {
		content: url(/main_img/sub040101_img04_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img05 {
		content: url(/main_img/sub040101_img05_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img06 {
		content: url(/main_img/sub040101_img06_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img07 {
		content: url(/main_img/sub040101_img07_m.png);
		max-width: 100%;
	}
	.line_box .col_area {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
		font-size: 14px;
		flex-wrap: wrap;
	}
}
@media(max-width:480px) {
	ul.info_list02 li {
		font-size: 15px;
	}
	.list-dot li {
		font-size: 15px;
	}
	.list-btn li {
		gap: 20px;
	}
	.list-txt li {
		font-size: 15px;
	}
	.line_box .col_area {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* 본문 */
.subTitle {
	margin: 40px 0 5px 0;
	padding-left: 32px;
	letter-spacing: -0.5px;
	font-size: 2.2rem;
	font-weight: 600;
	color: #1a1a1a;
	background: url(/main_img/subTitle.svg) 0 0px no-repeat;
	background-size: 20px;
	margin-bottom: 1rem;
}
.subTitle2 {
	position: relative;
	display: flex;
	align-items: center;
	margin: 40px 0 5px 0;
	padding-left: 21px;
	letter-spacing: -0.5px;
	font-size: 2rem;
	font-weight: 600;
	color: #2853FF;
}
.subTitle2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translateY(-50%);
	display: block;
	flex-shrink: 0;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border-radius: .2rem;
	background: linear-gradient(145deg, #94AAFF 15%, #2853FF 100%);
}
.subTitle2_exp {
	font-size: 1.7rem;
	padding-left: 2rem;
}
.subTitle2_exp+.subTitle2 {
	margin-top: 2rem;
}
@media (max-width:768px) {
	.subTitle2_exp {
		font-size: 1.6rem;
	}
}
@media (max-width:480px) {
	.subTitle2_exp {
		font-size: 1.5rem;
	}
}
.ctxt_tit {
	margin: 30px 0 10px 0;
	font-weight: 700;
	font-size: 20px;
	padding-left: 0;
	color: #222;
	letter-spacing: -0.5px;
}
.ctxt_tit2 {
	position: relative;
	margin: 30px 0 10px 0;
	padding: 4px 0 0 0px;
	font-weight: 600;
	font-size: 18px;
	color: #222;
}
.ctxt_tit2:before {
	content: "";
	display: inline-block;
	flex-shrink: 0;
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	margin-top: -1px;
	margin-right: 9px;
	border: 4px solid var(--blue);
	border-radius: 100%;
	background: #fff0;
}
.subTitle+.ctxt_tit {
	margin-top: 10px;
}
.subTitle+.subTitle2 {
	margin-top: 12px;
}
.ctxt_tit+.list-dot {
	margin-top: -10px;
}
.ctxt_tit+.list-dot+.edu_box {
	margin-top: 10px;
}
.ctxt_tit+.ctxt_tit2 {
	margin-top: -10px;
}
.ctxt_tit2+.list-dot {
	margin-top: -10px;
}
.list-dot+.line_box {
	margin-top: 10px;
}
@media(max-width:1024px) {
	.subTitle {
		font-size: 20px;
		word-break: break-all;
		background-position-y: 7px;
	}
	.subTitle2 {
		font-size: 1.8rem;
	}
	.ctxt_tit {
		font-size: 1.7rem;
	}
}
@media(max-width:768px) {
	.subTitle2 {
		line-height: 1.2;
	}
}
@media(max-width:480px) {
	.subTitle {
		line-height: 1.2;
		background-position-y: 3px;
	}
	.subTitle small {
		font-size: 17px;
	}
}
ul.bullet_dot>*::before, ol.bullet_dot>*::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background: var(--grullo);
	border-radius: 50%;
	flex: none;
	transform: translateY(-2px);
	margin-right: 5px;
	margin-left: -4px;
}
[class*="bullet_dot"]:not(ul):not(ol) {
	display: block;
	padding-left: 4px;
}
[class*="bullet_dot"]:not(ul):not(ol)::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background: var(--dark7);
	border-radius: 50%;
	flex: none;
	transform: translateY(-2px);
	margin-right: 5px;
	margin-left: -4px;
}
.effect_wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	padding: 2rem;
	padding-top: 0;
}
@media (max-width: 650px) {
	.effect_wrap {
		grid-template-columns: repeat(1, 1fr);
		gap: 1rem;
	}
}
.effect_wrap .effect_item {
	width: 100%;
	background-color: #fafafa;
	border: 3px solid #2853FF;
	border-radius: 1.5rem;
	padding: 2rem;
}
.effect_wrap .effect_item .item_tit {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 2rem;
	font-weight: bold;
}
.effect_wrap .effect_item .item_tit i {
	display: inline-block;
	width: 5rem;
	height: 5rem;
}
.effect_wrap .effect_item .item_tit i.ic_01 {
	background: url(/main_img/ic_01.svg) no-repeat center;
	background-size: cover;
}
.effect_wrap .effect_item .item_tit i.ic_02 {
	background: url(/main_img/ic_02.svg) no-repeat center;
	background-size: cover;
}
.effect_wrap .effect_item .item_tit i.ic_03 {
	background: url(/main_img/ic_03.svg) no-repeat center;
	background-size: cover;
}
.effect_wrap .effect_item .item_tit i.ic_04 {
	background: url(/main_img/ic_04.svg) no-repeat center;
	background-size: cover;
}
@media (max-width:650px) {
	.effect_wrap .effect_item .item_tit {
		font-size: 1.8rem;
	}
	.effect_wrap .effect_item .item_tit i {
		display: inline-block;
		width: 4.5rem;
		height: 4.5rem;
	}
}