@charset "utf-8";

html, body {
	font-size: 15px;
	word-break: keep-all;
	color: #313131;
	font-family: 'Poppins', 'Noto Sans KR', sans-serif !important;
}

@media only screen and (max-width: 1023px) {
	html, body {
		font-size: 14px;
	}
}

@media only screen and (max-width:767px) {
	html, body {
		font-size: 13px;
		letter-spacing: 0
	}
}

*:not(:before):not(:after), textarea, input[type="text"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], pre, code, kbd, samp {
	font-family: 'Poppins', 'Noto Sans KR', sans-serif !important;
}

*, body {
	font-size-adjust: unset;
}

/* 공지사항 */
.container.notice-list {
	padding: 0 0 0px 0
}

.GMOOC.content-wrapper.main-container>.container.notice-list {
	padding-bottom: 30px;
}

.GMOOC.content-wrapper.main-container>.container.notice-list+.module.aligned .btn_bottom {
	margin-top: -10px !important;
	padding-top: 0 !important;
	padding-bottom: 30px !important;
}

.GMOOC.content-wrapper.main-container>.container.notice-list+.module.aligned .container.repository-detail {
	margin: 0 !important;
	padding: 0 !important;
}

@media only screen and (max-width: 1023px) {
	.GMOOC.content-wrapper.main-container>.container.notice-list {
		padding-bottom: 10px;
	}

	.GMOOC.content-wrapper.main-container>.container.notice-list+.module.aligned .btn_bottom {
		margin-top: 10px !important;
		padding-bottom: 10px !important;
	}

}

@media only screen and (max-width:767px) {
	.GMOOC.content-wrapper.main-container>.container.notice-list {
		padding-bottom: 60px;
	}

	.GMOOC.content-wrapper.main-container>.container.notice-list+.module.aligned .btn_bottom {
		margin-top: 0px !important;
		padding-bottom: 60px !important;
	}

	.GMOOC.content-wrapper.main-container>.container.notice-list+.module.aligned {
		margin-top: -40px !important;
	}
}

.container.notice-list>div:not(.space-info-tabs) {
	border: none;
	box-shadow: none
}

.search-bar .search-status-label {
	display: inline-block;
	padding-top: 16px;
	font-size: 14px
}

.search-bar .search-status-label strong {
	color: var(--primary);
	padding-left: 8px
}

.search-field-wrapper .search-button, .search-field-wrapper .search-button:hover, .search-field-wrapper .search-button:focus {
	color: #000;
	border: none;
	background: none !important;
	outline: none;
	box-shadow: none;
	right: 0;
	display: block;
	position: absolute;
	top: 0;
	padding: 0;
	border-radius: 0;
	padding-right: 0;
	width: 50px;
	margin: 0;
}

.search-field-wrapper .search-button:hover {
	color: var(--primary) !important
}

.search-field-wrapper .fa-search {
	background: none;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 34px
}

.wrapper-search-input .fa-search:before, .search-field-wrapper .fa-search:before {
	font-family: "remixicon";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F0D1";
	font-size: 20px;
	line-height: 34px
}

.notice-search-bar.search-bar {
	margin-bottom: 20px
}

.search-bar div.search-field-wrapper {
	margin: 0;
	padding: 0;
	width: auto;
	display: block;
}

.search-field-wrapper input[type='text'] {
	padding: 5px 10px;
	height: 34px;
}

.notice-search-bar .search-field-wrapper input[type='text'], .notice-search-bar .search-field-wrapper select {}

.notice-search-bar .search-field-wrapper select {}

.notice-search-bar .search-field-wrapper input[type='text']:focus, .notice-search-bar .search-field-wrapper select:focus {
	border-color: #1a1a1a
}

.search-bar .search-status-label {
	padding: 0;
	line-height: 34px;
	vertical-align: middle;
	height: 34px;
	overflow: hidden
}

table.table {
	margin: 0
}

table.table-bordered thead tr th, table.table-bordered thead tr td {
	text-align: center;
	height: 60px;
	padding: 0 5px;
	vertical-align: middle;
	background: #f3f4f9;
	border-bottom: 1px solid #bbb;
	font-size: 15px;
	border-top: 2px solid #191919
}

table.table-bordered tbody tr th, table.table-bordered tbody tr td {
	text-align: center;
	height: 70px;
	padding: 10px 5px;
	vertical-align: middle;
	font-size: 1rem;
	border-bottom: 1px solid #ddd;
	color: var(--gray-700)
}

/* 타이틀 정의 */
table.table-bordered tbody tr td.mod_sub, table.table-bordered tbody tr td.field-title, table.table-bordered tbody tr td.field-title {
	text-align: left
}

table.table-bordered tbody tr td.mod_sub a, table.table-bordered tbody tr td.field-title a, table.table-bordered tbody tr td.field-title a {
	text-align: left;
	color: inherit;
	text-decoration: underline; word-break: break-all;
}
table.table-bordered tbody tr td.field-created_date, table.table-bordered tbody tr td.field-id {
	font-size: 1rem
}

table.table-bordered tbody tr td.field-created_date.nowrap {
	white-space: nowrap
}

.pagination {
	text-align: center;
	padding-top: 20px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.pagination p, .pagination p a {
	text-align: center;
	font-size: 1.0666rem;
	color: #000 !important
}

.pagination span {
	display: inline-block;
	padding: 0 5px;
	vertical-align: top;
	min-width: 30px;
	font-weight: bold;
	line-height: 40px;
	box-sizing: border-box
}

.pagination span>a>strong {
	color: var(--primary) !important;
}

.pagination p a:hover {
	text-decoration: underline !important;
}

.pagination span>a {
	min-width: 16px;
	height: 40px;
	display: block;
	cursor: pointer;
	font-weight: normal;
	text-decoration: none;
	color: #000 !important;
}

.pagination span:first-child:before, .pagination span:last-child:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	font-family: "remixicon";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0;
	content: "\EA54";
	font-size: 22px;
	color: #000 !important
}

.pagination span:first-child:before {
	content: "\EA52"
}

.notice-header {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	display: table;
	flex-wrap: wrap;
	border-bottom: 0;
	border-bottom: 1px solid #ddd
}

/* 3.2.1 Update */
.notice-header.count {
	margin-bottom: 10px;
}

.notice-header h3 {
	color: #000;
	letter-spacing: 0;
	text-align: left;
	text-shadow: none;
	font-weight: 600;
	font-size: 1.6rem;
	display: table-cell;
	word-break: keep-all;
	padding-right: 30px;
	word-break: break-all
}

.notice-header time {
	text-align: right;
	padding-top: 0;
	display: table-cell;
	width: 180px;
	font-size: 1rem;
	color: var(--gray-600);
	font-weight: 400;
	letter-spacing: 0;
	padding-right: 0px;
	font-family: 'Poppins', 'Noto Sans KR', sans-serif !important;
}

.container.repository-detail {
	padding-top: 0 !important;
	padding-bottom: 30px
}

.pkg_board .tdContent {
	font-size: 1.1rem;
	padding: 30px 0 !important;
}

.pkg_board .tdContent img {
	max-width: 100%;
}

.tdContent a, .tdContent p a:not(.btn), .tdContent p a:visited:not(.btn), .tdContent a:hover, .tdContent p a:not(.btn):hover, .tdContent p a:visited:not(.btn):hover, .field-p_title a {
	text-decoration: underline !important;
	color: inherit
}

.container>div.btn_bottom {
	border: none;
	box-shadow: none
}

.ri-star-fill.blue {
	color: var(--primary)
}

table.table-bordered tbody tr td.field-title {
	line-height: 1; max-width: 700px;
}

table.table-bordered tbody tr td.field-title a {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 120px);
	line-height: 1;
	text-decoration: underline !important;
	color: inherit;
}

span.ico.new {
	display: inline-block;
	font-size: 0;
	background: #000;
	margin-left: 10px;
	padding: 3px;
	border-radius: 2px;
	background: rgba(245, 190, 0, 1.00)
}

span.ico.new:before {
	content: "N";
	font-size: 11px;
	color: #fff
}

table.table-bordered tbody tr td.field-title * {
	display: inline-block;
	vertical-align: middle
}

.notice-header .file-body {
	font-weight: 500;
	float: left;
	width: 150px;
	margin-bottom: -5px;
	margin-top: 5px;
}

.notice-header .file-list {
	float: right;
	width: calc(100% - 150px);
	margin-bottom: -5px;
	margin-top: 5px
}

.notice-header+.notice-header {
	border-top-color: #ddd
}

.notice-header .file-list p+p {
	margin: 0;
	margin-top: 3px
}


@media only screen and (max-width: 1023px) {

	/*
	table.table-bordered tbody tr th, table.table-bordered tbody tr td{ height: auto; } 
	table.table-bordered tbody tr td.field-title span.ico.new{ position: absolute; left: 0; top: 18px; height: 17px; line-height: 14px } 
	*/
	.tdContent a, .tdContent p a:not(.btn), .field-p_title a {
		font-size: 14px;
	}

table.table-bordered tbody tr td.mod_sub:has(.ico), table.table-bordered tbody tr td.field-title:has(.ico), table.table-bordered tbody tr td.field-title:has(.ico){ display: flex !important; align-items: flex-end; width: 100%;}
table.table-bordered tbody tr td.mod_sub:has(.ico) a, table.table-bordered tbody tr td.field-title:has(.ico) a, table.table-bordered tbody tr td.field-title:has(.ico) a 
{ display: inline-block !important;text-overflow: ellipsis!important;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important; overflow: hidden !important;  } 
.notice-list table.table-bordered tbody tr td.field-title span.ico{ flex: none; margin-bottom: 5px; white-space: nowrap;} 

	.notice-list table.table-bordered {
		display: block;
		border-top: 2px solid #191919;
	}

	.notice-list table.table-bordered thead, .notice-list table.table-bordered colgroup {
		display: none
	}

	.notice-list table.table-bordered tbody tr {
		display: flex;
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding: 15px 0;
		position: relative;
		flex-wrap: wrap;
		gap: 5px 20px;
		position: relative;
		padding-left: 40px;
	}

	.notice-list table.table-bordered tbody tr td {
		border: none;
		padding: 0;
		height: auto;
		vertical-align: middle;
	}

	.notice-list table.table-bordered tbody tr td.field-title a {
		width: auto;
		display: inline;
		word-wrap: normal;
		white-space: normal;
		text-overflow: inherit;
		max-width: none;
		line-height: 25px;
		overflow: hidden;
		word-break: keep-all
	}

	.notice-list table.table-bordered tbody tr td.field-title {
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		width: calc(100% - 50px);
		font-size: 1.1rem;
		font-weight: 500;
	}

	.notice-list table.table-bordered tbody tr td.field-id, .notice-list table.table-bordered tbody tr td.field-title {}

	.notice-list table.table-bordered tbody tr td.field-id {
		width: 40px;
		text-align: center;
		padding-left: 0px
	}

	.notice-list table.table-bordered tbody tr td.field-title span.ico.new {}

	.notice-list table.table-bordered tbody tr td.field-created_date.nowrap {
		display: block;
		float: none;
		clear: both;
		text-align: right
	}

	.notice-list table.table-bordered tbody tr td.field-created_date.nowrap:before {
		font-family: "remixicon";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\EB27";
		vertical-align: middle;
		padding-right: 5px
	}

	.notice-list table.table-bordered tbody tr td.field-title span.ico.new:before {
		content: "NEW"
	}

	.notice-search-bar .search-field-wrapper input[type='text'] {
		width: 200px
	}

	.notice-list table.table-bordered tbody, .notice-list table.table-bordered tbody tr {
		display: flex;
		width: 100%;
		clear: both;
		float: none;
		flex-wrap: wrap;
	}

	.notice-header h3 {
		padding-left: 0;
	}

	.notice-header time {
		padding-right: 0
	}

	.container.repository-detail, .container.repository-detail .tdContent {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	/* 3.2.1 Update */
	.notice-list table.table-bordered tbody tr td.field-views.nowrap {
		display: block;
		float: none;
		clear: both;
		text-align: right
	}

	.notice-list table.table-bordered tbody tr td.field-views.nowrap:before {
		font-family: "remixicon";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\ecb5";
		vertical-align: middle;
		padding-right: 5px
	}

	.notice-list table.table-bordered tbody tr td:first-of-type:is(.num) {
		width: 40px;
		font-size: 1.1rem;
		flex: none;
		position: absolute;
		left: 0;
		top: 15px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.notice-list table.table-bordered tbody tr td.mod_sub, .notice-list table.table-bordered tbody tr td.field-p_title {
		width: 100%;
		font-size: 1.1rem;
	}

	.notice-list table.table-bordered tbody tr td.field-id~.field-p_title, .notice-list table.table-bordered tbody tr td.field-id~.field-title {
		width: 100%;
	}

	.notice-list table.table-bordered tbody tr td.field-sign_up {
		width: 100%;
		order: 9;
		text-align: left;
	}

	.notice-list table.table-bordered tbody tr td.field-sign_up button, .notice-list table.table-bordered tbody tr td.field-sign_up a {
		height: 32px;
		width: auto;
		min-width: 80px;
		padding: 0 10px;
		line-height: 32px;
	}

	.notice-list table.table-bordered tbody tr:has(.field-id) {
		padding-left: 40px;
	}

	.notice-list table.table-bordered tbody tr:has(.field-id) .field-id {
		font-size: 1.1rem;
		flex: none;
		position: absolute;
		left: 0;
		top: 15px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.notice-list table.table-bordered tbody tr:has(.field-id) .field-p_title, .notice-list table.table-bordered tbody tr:has(.field-id) .field-title {
		width: calc(100% - 40px);
	}


}


@media only screen and (max-width:767px) {
	.search-form .search-field-wrapper input {
		width: auto
	}

	.notice-search-bar.search-bar {
		margin-top: 0
	}

	.pagination p, .pagination p a, .pagination span {
		font-size: 1rem
	}

	.notice-header .file-body {
		float: none;
		width: auto;
		padding-left: 0;
		font-weight: 700;
		margin-bottom: 5px
	}

	.notice-header .file-list {
		float: none;
		width: auto;
	}

	.container.repository-detail {
		padding-bottom: 60px;
	}

	.notice-search-bar.search-bar {
		position: relative;
		/* padding-bottom: 40px; 2021.06.15 pwm*/
		display: block
	}

	.search-bar .search-form.fr {
		float: none !important
	}

	.search-bar .search-status-label {
		position: absolute;
		left: 0;
		bottom: 0;
		float: none
	}

	.notice-search-bar .search-field-wrapper select, .notice-search-bar .search-field-wrapper input[type='text'] {
		margin-left: 0
	}

	.search-field-wrapper .search-button {
		top: 0;
		bottom: 0
	}

	.notice-header time, .notice-header h3 {
		display: block;
		width: auto;
		margin-top: 0;
		padding-right: 0;
		width: 100% !important;
	}

	.notice-header time {
		margin-top: 5px;
	}

	.tdContent {
		padding: 0 !important
	}

	.container.repository-detail {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.notice-search-bar .search-field-wrapper input[type='text'] {
		width: 100%
	}

	.notice-search-bar .search-field-wrapper select {
		width: 100%
	}

	.search-bar div.search-field-wrapper {
		text-align: left;
		display: flex;
		gap: 5px
	}
}

/* 3.2.1 Program CSS */
.layer_wrap.program .btn_layer_close:after {
	position: absolute;
	left: 25%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	font-family: "remixicon";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\EB99";
	font-size: 30px;
	color: #666;
	display: block;
	line-height: 28px
}

.layer_wrap.program .layer_title {
	word-wrap: break-word;
}

/* TODO: Img URL Change */
table.table-bordered thead tr th.column-enroll div {
	cursor: pointer;
}

table.table-bordered thead tr th.column-enroll div:after {
	vertical-align: middle;
	font-family: "remixicon";
	content: "\f044";
	font-size: 15px;
	color: #666;
}

table.table-bordered thead tr th.column-enroll div:before {
	display: none;
}

table.table-bordered thead tr th.column-enroll.view_on div:before {
	position: absolute;
	top: 121px;
	left: 55%;
	margin-left: calc(300px / -2);
	width: 620px;
	height: 310px;
	content: "";
	background-image: url("/static/mlp/img/event_info.png");
	background-repeat: no-repeat;
	border: 1px solid #F4F5FF;
	border-radius: 10px;
	box-shadow: rgb(0 0 0 / 30%) 10px 12px 12px 5px !important;
	z-index: 1;
	display: block;
	cursor: auto;
}

table.table-bordered tbody tr td.field-p_title {
	text-align: left;
}

table.table-bordered tbody tr td.field-p_title:hover {
	text-align: left;
	text-decoration: underline;
}

table.table-bordered tbody tr td.field-sign_up button {
	padding: 10px;
	width: 70%;
	height: 70%;
	background-clip: content-box;
	border-radius: 25px;
	vertical-align: -webkit-baseline-middle;
	white-space: nowrap;
}

table.table-bordered tbody tr td.field-sign_up .btn_apply {
	border: 1px solid rgb(58, 139, 194);
	color: rgb(58, 139, 194);
}

table.table-bordered tbody tr td.field-sign_up .btn_apply:hover {
	background: rgb(58, 139, 194);
	color: #fff;
}

table.table-bordered tbody tr td.field-sign_up .btn_ok {
	border: 1px solid rgb(254, 130, 0);
	color: rgb(254, 130, 0);
}

table.table-bordered tbody tr td.field-sign_up .btn_ok:hover {
	background: rgb(254, 130, 0);
	color: #fff;
}

table.table-bordered tbody tr td.field-sign_up .btn_fail {
	border: 1px solid rgb(245, 84, 92);
	color: rgb(245, 84, 92);
}

table.table-bordered tbody tr td.field-sign_up .btn_fail:hover {
	background: rgb(245, 84, 92);
	color: #fff;
}

table.table-bordered tbody tr td.field-sign_up .btn_change {
	border: 1px solid rgb(62, 169, 141);
	color: rgb(62, 169, 141);
}

table.table-bordered tbody tr td.field-sign_up .btn_change:hover {
	background: rgb(62, 169, 141);
	color: #fff;
}

table.table-bordered tbody tr td.field-sign_up .btn_wait {
	border: 1px solid #e5e5e5;
	background: #e5e5e5;
	color: #222;
	cursor: default;
}

table.table-bordered tbody tr td.field-sign_up .btn_end {
	border: 1px solid #6b6b6b;
	background: #6b6b6b;
	color: #e5e5e5;
	cursor: default;
}

.btm_group.clearfix .icons {
	font-size: 25px;
	color: rgb(238, 73, 87);
}

.btm_group.clearfix .icons:before {
	font-family: "remixicon";
	font-size: 29px;
	content: "\ee0b";
	vertical-align: sub;
}

.btm_group.clearfix .icons.active:before {
	font-family: "remixicon";
	content: "\ee0a";
}


@media only screen and (max-width: 1023px) {
	table.table-bordered tbody tr td.field-recruitment {
		display: block;
		float: none;
		clear: both;
		text-align: right;
	}

	table.table-bordered tbody tr td.field-recruitment:before {
		font-family: "remixicon";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\F25f";
		vertical-align: middle;
		padding-right: 5px
	}

	table.table-bordered tbody tr td.field-sign_up_date {
		display: block;
		float: none;
		clear: both;
		text-align: left;
	}

	table.table-bordered tbody tr td.field-sign_up_date:before {
		font-family: "remixicon";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\EB27";
		vertical-align: middle;
		padding-right: 5px
	}

	table.table-bordered tbody tr td.field-division {
		white-space: nowrap;
		padding-right: 20px;
		vertical-align: top;
	}

	table.table-bordered tbody tr td.field-p_title span.ico.new {
		position: absolute;
		left: 40px;
		bottom: 10px;
		margin-left: 0px;
	}

	table.table-bordered tbody tr td.field-p_title span.ico.new:before {
		content: "NEW"
	}

	table.table-bordered tbody tr td.field-sign_up button {}

	table.table-bordered tbody tr td.field-sign_up {}
}

/* Editor CSS */
table.table-bordered tbody tr td.field-views, table.table-bordered tbody tr td.field-id {
	font-size: 1rem
}

table.table-bordered tbody tr td.field-views.nowrap {
	white-space: nowrap
}

.repository-detail .btn_bottom {
	clear: both;
	border: none !important;
	padding: 35px 0px 0px 0px !important;
	box-shadow: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tdContent ol {
	list-style-type: revert !important;
}

.tdContent ul {
	list-style-type: revert !important;
}

.tdContent li {
	list-style-type: revert !important;
}

/* TEXT_TOOLBAR : QUOTE */
.se2_quote1 {
	margin: 0 0 30px 20px;
	padding: 0 8px;
	border-left: 2px solid #ccc;
	color: #888
}

.se2_quote2 {
	margin: 0 0 30px 13px;
	padding: 0 8px 0 16px;
	background: url("../../img/bg_quote2.gif") 0 3px no-repeat;
	color: #888
}

.se2_quote3 {
	margin: 0 0 30px;
	padding: 12px 10px 11px;
	border: 1px dashed #ccc;
	color: #888
}

.se2_quote4 {
	margin: 0 0 30px;
	padding: 12px 10px 11px;
	border: 1px dashed #66b246;
	color: #888
}

.se2_quote5 {
	margin: 0 0 30px;
	padding: 12px 10px 11px;
	border: 1px dashed #ccc;
	background: #fafafa;
	color: #888
}

.se2_quote6 {
	margin: 0 0 30px;
	padding: 12px 10px 11px;
	border: 1px solid #e5e5e5;
	color: #888
}

.se2_quote7 {
	margin: 0 0 30px;
	padding: 12px 10px 11px;
	border: 1px solid #66b246;
	color: #888
}

.se2_quote8 {
	margin: 0 0 30px;
	padding: 12px 10px 11px;
	border: 1px solid #e5e5e5;
	background: #fafafa;
	color: #888
}

.se2_quote9 {
	margin: 0 0 30px;
	padding: 12px 10px 11px;
	border: 2px solid #e5e5e5;
	color: #888
}

.se2_quote10 {
	margin: 0 0 30px;
	padding: 12px 10px 11px;
	border: 2px solid #e5e5e5;
	background: #fafafa;
	color: #888
}

/* COMMON */
body, .se2_inputarea {
	margin: 0;
	padding: 0;
}

.se2_inputarea p, .se2_inputarea br {
	margin: 0;
	padding: 0
}

.se2_inputarea {
	margin: 15px;
	word-wrap: break-word;
	/* *word-wrap: normal;
	*word-break: break-all */
}

.se2_inputarea td {
	word-break: break-all
}

.se2_inputarea_890 {
	width: 741px;
	margin: 20px 0 10px 64px
}

.se2_inputarea_698 {
	width: 548px;
	margin: 20px 0 10px 64px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.se2_inputarea td:empty:after, .se2_inputarea td>p:empty:after {
		content: "\00A0";
		line-height: 1
	}
}

/* 프로그램 신청 댓글 */
.new2021-container.page-content-container {
	max-width: none
}

.new2021-container>.container {
	padding-top: 20px
}

.new2021-container>.container:first-of-type {
	padding-top: 10px
}

.new2021-container>.container:last-of-type {
	padding-bottom: 0
}

.new2021-container .container>div {
	border: none;
	box-shadow: none;
	display: block
}

.new2021-container .container>div .meetview-wrapper {
	padding-top: 0
}

.new2021-container .container>div.view_bx {
	margin-bottom: 0px
}

.new2021-container .list_bx {}

.new2021-container .discus_list {
	border: 1px solid #ddd;
	margin-top: 20px;
	border-radius: 7px;
	overflow: hidden;
	position: relative
}

.new2021-container .discus_list:first-of-type {
	margin-top: 0
}

.new2021-container .discus_list>a {
	padding: 0;
	background: rgba(0, 0, 0, 0.00)
}

.new2021-container .discus_list>a:hover {
	text-decoration: underline
}

.new2021-container .discus_list h4 {
	font-size: 1.285rem;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	line-height: 20px;
	background: #fff;
	padding: 25px 30px 0 70px;
}

.new2021-container .discus_list .type, .new2021-container .discus_view .type {
	position: absolute;
	left: 30px;
	top: 20px;
	padding: 0;
	background: none;
	width: 30px;
	height: 30px;
	background: #fece40;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 30px;
	z-index: 2
}

.new2021-container .discus_list .type:before, .new2021-container .discus_view .type:before {
	content: "\F047";
	font-family: 'remixicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.new2021-container .type.d {
	background: none;
	color: #feba29
}

.new2021-container .type.d:before {
	content: "\EC39";
	font-size: 26px
}

.new2021-container .discus_list .thumtxt, .new2021-container .discus_list .etc {
	background: #f7f7f7;
}

.new2021-container .discus_list:nth-of-type(2n) .etc {
	background: #f2f2f2;
}

.new2021-container .discus_list .thumtxt {
	padding: 5px 30px 20px 70px;
	color: #6a737b;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #fff
}

.new2021-container .etc {
	padding: 15px 30px 15px 40px;
	width: 100%
}

.new2021-container .etc p {
	display: inline-block;
	max-width: 33.333%;
	font-size: 0.933rem;
	padding-right: 40px;
	margin-top: 0
}

.new2021-container .etc p strong {
	font-weight: 400
}

.new2021-container .etc p:before {
	content: "\ED70";
	font-family: 'remixicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right: 5px;
	vertical-align: middle
}

.new2021-container .etc p.writer:before {
	content: "\F25B"
}

.new2021-container .etc p.date:before {
	content: "\EB25"
}

.new2021-container .etc p.reply:before {
	content: "\EF46"
}

.new2021-container .nodata {
	font-size: 1.285rem;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	line-height: 30px;
	background: #fff;
	padding: 25px 30px;
	text-align: center
}

.new2021-container .etc p.writer .now.drop {
	color: #888
}

.new2021-container .etc p.writer .now.drop:before {
	content: "/"
}

.new2021-container .discus_list:nth-of-type(2n) {
	border: 1px solid #bbb;
}

.new2021-container .head_bx {
	position: relative
}

.new2021-container .add {
	position: absolute;
	right: 0;
	top: 0
}

.new2021-container .bt_add {
	padding: 0px 10px;
	border-radius: 5px;
	background: #fff !important;
	color: var(--primary) !important;
	border: 1px solid var(--primary) !important;
	font-size: 14px;
	line-height: 35px;
	height: 35px
}

.new2021-container .bt_add:before {
	font-family: "remixicon";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\EA13";
	vertical-align: top;
	padding-right: 5px;
	font-weight: bold
}

.new2021-container .search-field-wrapper {
	position: relative;
	margin-bottom: 20px
}

.new2021-container .search-button, .new2021-container .search-field-wrapper input[type='text'] {
	padding-right: 50px
}

.new2021-container .search-button, .new2021-container .search-field-wrapper .search-button, .new2021-container .search-field-wrapper .search-button:hover, .new2021-container .search-field-wrapper .search-button:focus {
	color: #000;
	border: none;
	background: none !important;
	outline: none;
	box-shadow: none;
	right: 10px;
	display: block;
	position: absolute;
	top: 0;
	padding: 0 20px;
	border-radius: 0;
	padding-right: 0;
	width: 50px;
	margin: 0;
	height: 34px;
	line-height: 34px;
}

.new2021-container .btn_box {
	margin: 30px auto 0 auto;
	text-align: center;
}

.new2021-container .btn_box .bt_more {
	display: inline-block;
	font-size: 1rem;
	color: #000;
	line-height: 28px;
}

.new2021-container .btn_box .bt_more:after {
	width: 28px;
	height: 28px;
	background: #ccc;
	content: "\EA4C";
	font-family: 'remixicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	text-align: center;
	border-radius: 100%;
	display: inline-block;
	margin-left: 12px;
	font-weight: 400;
	font-size: 21px;
	text-align: center
}

.new2021-container .btn_box .bt_more:hover {
	color: var(--primary) !important
}

.new2021-container .btn_box .bt_more:hover:after {
	background: var(--primary) !important;
	color: #fff !important
}

/**/
.new2021-container .discus_view .etc {
	padding-left: 30px
}

.new2021-container .discus_view .etc p {
	margin-top: 0
}

.new2021-container .discus_view .header>.tool {
	right: 0
}

.new2021-container .reply_bx {
	background: #fafafa;
	padding: 25px 30px;
	border-bottom: 1px solid #ddd
}

.new2021-container .reply_bx {
	background: #fafafa;
	padding: 25px 30px;
	border-bottom: 1px solid #ddd
}

.new2021-container .reply_bx.event {
	margin-top: 25px;
}

.reply_bx .write_box .reply_tit {
	font-size: 1.066rem;
	margin-bottom: 10px
}

.reply_bx .input {
	border: 1px solid #cdd0db;
	border-radius: 5px;
	background: #fff;
	float: left;
	width: calc(100% - 120px);
	overflow: hidden;
	height: 105px;
}

.reply_bx .input textarea {
	border: none;
	height: 80px
}

.reply_bx .input .count {
	font-size: 13px;
	text-align: right;
	padding: 0px 15px 5px 0
}

.reply_bx .input .count strong {
	color: var(--primary);
	font-weight: 400
}

.reply_bx .write_area .btn_box {
	width: 107px;
	height: 107px;
	float: right;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 4px
}

.reply_bx .write_area .btn_box button {
	width: 100% !important;
	vertical-align: top;
	font-size: 1rem;
	padding: 10px 10px;
	border-radius: 5px;
	background: #fff !important;
	color: #6a737b;
	border: 1px solid #6a737b;
	height: calc(50% - 5px);
	box-shadow: none !important;
	max-height: 105px;
}

.reply_bx .write_area .btn_box button.bt_add {
	height: 100%;
	background: var(--primary) !important;
	color: #fff !important;
	border: none !important;
}

.reply_bx .write_area .btn_box button.bt_add.event_btn {}

.reply_bx .write_area .btn_box button.bt_add:before {
	display: none
}

.reply_bx .write_area .btn_box button.bt_cancel {
	height: 100%;
	background: #f8c51d !important;
	color: #fff !important
}

.reply_bx .write_area .btn_box button.bt_cancel.event_btn {
	height: 40%;
}

.reply_bx .write_area .btn_box button.bt_cancel:before {
	display: none
}

.reply_bx .write_area .btn_box button+button {
	margin-top: 10px
}

.reply_bx .write_area .btn_box button.bt_confirm {
	border-color: var(--primary) !important;
	background: var(--primary) !important;
	color: #fff
}

.reply_bx .reply_list {
	float: none;
	clear: both;
	border-bottom: 1px solid #ddd
}

.reply_bx .reply_list li {
	border-top: 1px solid #ddd;
	padding: 25px 0;
	position: relative;
	min-height: 108px
}

.reply_bx .reply_list li .input {
	margin-bottom: 0
}

.new2021-container .reply_bx .btn_box.btn_bottom {
	margin-bottom: -15px;
	margin-top: 10px
}

.new2021-container .reply_bx .btn_box.btn_bottom .bt_more {
	width: 100%
}

.reply_bx .reply_list li .tool {
	position: absolute;
	right: 0;
	top: 14px !important
}

.reply_bx .reply_list li .tool.event {
	text-align: right;
}

.reply_bx .reply_list li .tool {}

.reply_bx .reply_list li .tool button {
	padding: 0px;
	border-radius: 0;
	background: none !important;
	border: none;
	font-size: 13px;
	box-shadow: none;
	margin-left: 5px;
	width: 25px;
}

.reply_bx .reply_list li .tool button:before {
	font-family: "remixicon";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\EC1E";
	text-align: center;
	font-size: 18px;
	color: #000
}

.reply_bx .reply_list li .tool button.bt_edit:before {
	content: "\EC80"
}

.reply_bx .reply_list li .tool button.bt_reply:before {
	content: "\EA0F"
}

.reply_bx .reply_list .name {
	font-size: 1.066rem;
	;
	color: #000;
	line-height: 26px;
	float: left
}

.reply_bx .reply_list .date {
	position: relative;
	margin-left: 14px;
	padding-left: 12px;
	font-size: 13px;
	color: #aaa;
	line-height: 26px;
	letter-spacing: 0;
	float: left
}

.reply_bx .reply_list .date:before {
	content: '';
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 0;
	width: 1px;
	background: #d2d2d2;
}

.reply_bx .reply_list .top_bx:after, .reply_bx .write_area:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.reply_bx .reply_list .top_bx {
	padding-right: 100px;
}

.reply_bx .reply_list .mid_bx {
	margin-top: 7px
}

.reply_bx .reply_list .mid_bx * {
	font-family: 'Poppins', 'Noto Sans KR', sans-serif !important;
}

.reply_bx .reply_list li .reply_cont.edit {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 10px 0;
	height: 100%;
	overflow: hidden;
	display: none;
	background: #fafafa
}

.reply_bx .reply_list li.edit .reply_cont.edit {
	display: block;
	height: 100%
}

.reply_cont.edit .input.reply_edit {
	height: 100%
}

.reply_bx .reply_list li .reply_cont.edit textarea {
	height: calc(100% - 30px)
}

.reply_bx .reply_list li .reply_cont.edit .btn_box {
	height: 87px
}

/* 파일업로드 */
.upload_wrap {}

.newfile_box {
	position: relative;
	text-align: left;
	border: 2px dashed #999;
	min-height: 60px;
	color: #999;
}

.newfile_box.event_btn {
	border: 0px;
	min-height: 45px;
	margin-top: 10px;
}

.newfile_box input[type="file"] {
	opacity: 0;
	position: absolute;
	left: 10px;
	top: 15px;
	width: 110px;
	height: 30px;
	z-index: 2
}

.newfile_box button.addfile {
	position: absolute;
	left: 20px;
	top: 15px;
	min-width: 55px;
	background: #fff;
	border: 1px solid #7175d8;
	color: #7175d8;
	height: 30px;
	padding: 0 15px;
	z-index: 2;
	font-size: 1rem
}

.newfile_box button.addfile.event_btn {
	padding: 0;
	left: 1px;
	top: 1px;
	height: 100%;
}

.newfile_box button.addfile:before {
	content: "\ED70";
	font-family: 'remixicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right: 5px
}

.newfile_box .txt {
	color: #999;
	line-height: 1.6;
	text-align: left;
	padding: 20px 20px 20px 180px;
	color: #313131
}

.newfile_box .list.event_btn {
	color: #111;
	text-align: left;
	padding: 5px 20px 0px 20px;
	word-break: break-all;
	font-size: 13px
}

.upload_wrap .btn_upload {
	text-align: center
}

.write_area button.bt_del:before {
	content: "\EB97";
	font-family: 'remixicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #aaa;
	margin-left: 10px;
	font-size: 20px
}

.write_area .list.event_btn p {
	padding-bottom: 5px;
	letter-spacing: 0
}

.write_area .list.event_btn p+p {
	margin-top: 0
}

.write_area .list.event_btn p:last-of-type {
	margin-bottom: 12px
}

.write_area .list.event_btn p .filesize {
	color: #888;
	padding-left: 10px
}

.write_area .list.event_btn p a {
	color: #313131
}

.write_area .list.event_btn p a:hover {
	text-decoration: underline !important
}

.upload_wrap .totalsize {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 13px
}

.newfile_box .txt .cmt {
	color: #999;
	white-space: normal
}

.view_bx .newfile_box {
	min-height: inherit;
	border: none
}

.view_bx .newfile_box .list {
	padding: 20px 30px
}

.view_bx .newfile_box .list p:last-of-type {
	margin-bottom: 0
}

.newfile_box .list p em {
	display: inline-block;
	width: auto;
	max-width: calc(100% - 150px);
	vertical-align: middle;
	font-style: normal
}

.newfile_box .list p a:hover em {
	text-decoration: underline !important
}

@media only screen and (max-width: 1023px) {
	.container>div {
		margin-top: 0
	}

	.new2021-container .reply_bx {
		padding-left: 10px;
		padding-right: 10px
	}

	.reply_bx .input {
		width: calc(100% - 100px);
	}

	.reply_bx .write_area .btn_box {
		width: 90px
	}

	.newfile_box .txt .cmt {
		white-space: normal
	}

	.newfile_box .txt {
		padding: 50px 20px 10px 20px
	}

	.upload_wrap.mgt10 {
		margin-top: 0 !important
	}

	.view_bx .newfile_box .list {
		padding: 20px 0px
	}

}

@media only screen and (max-width:767px) {
	.new2021-container .discus_list h4 {
		padding-left: 50px;
		padding-right: 10px;
		background: none;
		font-size: 15px
	}

	.new2021-container .discus_list .thumtxt {
		padding-left: 50px;
		padding-right: 10px;
		font-size: 1rem
	}

	.new2021-container .discus_list .etc {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 94px
	}

	.new2021-container .discus_list .type, .new2021-container .discus_view .type {
		left: 10px
	}

	.new2021-container .discus_list .etc p {
		padding-right: 10px;
		max-width: none;
		white-space: nowrap;
		vertical-align: middle
	}

	.new2021-container .discus_list .etc p.writer {
		max-width: 105px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 13px
	}

	.new2021-container .discus_list>a {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: none
	}

	.reply_bx .input .count {
		background: rgba(0, 0, 0, 0.06);
		padding-top: 4px;
		padding-bottom: 2px;
		border-top: 1px solid #ddd
	}

	.reply_bx .input textarea, .reply_bx .reply_list li .reply_cont.edit textarea {
		height: 120px
	}

	.reply_bx .input, .reply_bx .write_area .btn_box {
		width: 100%;
		float: none
	}

	.reply_bx .write_area .btn_box, .reply_bx .reply_list li .reply_cont.edit .btn_box {
		height: auto
	}

	.reply_bx .input, .reply_bx .reply_list li .input {
		margin-bottom: 10px
	}

	.reply_bx .write_area .btn_box button {
		padding-top: 0;
		padding-bottom: 0;
		height: 40px !important;
	}

	.reply_bx .reply_list li.edit .reply_cont {
		display: none
	}

	.reply_bx .reply_list li.edit .reply_cont.edit {
		position: relative;
		height: auto;
		padding: 0
	}

	.reply_bx .reply_list li .reply_cont.edit textarea {}

	.reply_bx .reply_list li .reply_cont.edit .btn_box {
		font-size: 0
	}

	.reply_bx .reply_list li .reply_cont.edit .btn_box button {
		width: calc(50% - 5px) !important;
		height: auto;
		margin: 0;
		border-radius: 0;
		vertical-align: middle;
		font-size: 1rem;
		padding: 10px 10px;
		border-radius: 5px;
	}

	.reply_bx .reply_list li .reply_cont.edit .btn_box button+button {
		margin-left: 10px
	}

	.reply_bx .reply_list li .tool {
		top: 20px !important
	}
}

.new2021-container .reply_bx .btn_box.btn_bottom {
	margin-bottom: -15px;
	margin-top: 10px
}

.new2021-container .reply_bx .btn_box.btn_bottom .bt_more {
	width: 100%
}

/**/
.GMOOC.content-wrapper.main-container>*:not(.layer_wrap) {
	max-width: min(1260px, calc(100% - 160px));
	margin-left: auto;
	margin-right: auto;
}



.space-info-tab-content {
	padding-bottom: 30px;
}

.space-info-tab-content+.space-info-tab-content {
	margin-top: 0 !important;
}

@media only screen and (max-width: 1023px) {
	.GMOOC.content-wrapper.main-container>*:not(.layer_wrap) {
		max-width: calc(100% - 40px)
	}

	.space-info-tab-content {
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.GMOOC.content-wrapper.main-container>*:not(.layer_wrap), .container.repository-detail {
		max-width: calc(100vw - 40px);
		width: 100%;
		overflow: hidden;
		min-inline-size: 100%;
	}

	.space-info-tab-content {
		padding-bottom: 60px;
	}

	.space-info-tab-content+.space-info-tab-content {
		margin-top: -30px !important;
	}
}