@charset "utf-8";
:root {
	/* --primary #0243FB */
	--primary: #2558BC;
	--primary-bg: hsl(235, 93%, 95%);
	--primary-light01: hsl(232, 97%, 77%);
	--primary-light02: hsl(228, 96%, 68%);
	--primary-deep: hsl(224, 98%, 42%);
	/* --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%);
	--blue-alpha05: hsla(224, 98%, 50%, 0.05);
	--blue-alpha20: hsla(224, 98%, 50%, 0.2);
	--blue-alpha40: hsla(224, 98%, 50%, 0.4);
	--blue-alpha80: hsla(224, 98%, 50%, 0.8);
	--primary-alpha80: hsl(224, 98%, 50%, 0.8);
	--primary-dark: hsl(212, 90%, 19%);
	--primary2-dark: hsl(216, 89%, 36%);
	--gray9: hsl(240, 7%, 97%);
	--dark0: hsl(204, 100%, 6%);
	--dark1: hsl(210, 11%, 15%);
	--dark2: hsl(206, 7%, 60%);
	--dark3: hsl(200, 6%, 81%);
	/* --dark1: hsl(203, 20%, 25%); */
	--white-alpha90: hsla(0, 100%, 100%, 0.9);
	--white-alpha80: hsla(0, 100%, 100%, 0.8);
	--white-alpha70: hsla(0, 100%, 100%, 0.7);
	--white-alpha60: hsla(0, 100%, 100%, 0.6);
	--white-alpha50: hsla(0, 100%, 100%, 0.5);
	--white-alpha40: hsla(0, 100%, 100%, 0.4);
	--white-alpha30: hsla(0, 100%, 100%, 0.3);
	--white-alpha20: hsla(0, 100%, 100%, 0.2);
	--white-alpha15: hsla(0, 100%, 100%, 0.15);
	--white-alpha10: hsla(0, 100%, 100%, 0.1);
	--white-alpha05: hsla(0, 100%, 100%, 0.05);
	--border-radius30: 30px;
	--border-radius20: 20px;
	--border-radius10: 10px;
	--border-radius8: 8px;
	--border-radius5: 5px;
	--border-radius3: 3px;
	--border-radius0: 0px !important;
	--border-radius2: 2px;
	--border-radius100: 100em;
	--txt-color: #111;
	--txt-grey: #757575;
}
.error_txt {
	color: var(--red);
	font-size: 1.3rem;
}
.error_txt::before {
	content: "\f06a";
	margin-right: .5rem;
	font-family: Icons;
}
.alert_txt {
	color: var(--primary-light02);
	font-size: 1.3rem;
}
.btn.primary {
	background-color: var(--primary) !important;
}
.btn.primary:hover {
	background-color: var(--primary-deep) !important;
}
/* 상태 라벨 추가_221222 */
.label.bg {
	display: inline-block;
	padding: 5px 10px;
	line-height: normal;
	font-size: 0.938em;
	border-radius: var(--border-radius3);
	color: var(--dark1);
	border: none;
}
.label.bg.bcRed {
	color: #da4727;
}
.label.bg.bcTeal {
	color: #12949c;
}
.label.bg.bcBlue {
	color: #0066c5;
}
.label.bg.bcPurple {
	color: #772ac4;
}
.label.bg.bcGray {
	color: #555;
}
.bcRed {
	background: #fcdfdf !important;
}
.bcTeal {
	background: #c7efea !important;
}
.bcBlue {
	background: #d8eef7 !important;
}
.bcPurple {
	background: #f1ecfb !important;
}
.bcGray {
	background-color: #e9e9e9 !important;
}
.bcBlack {
	background: #000 !important;
}
.bcWhite {
	background: #fff !important;
}
/* =======================================================================================
sub - member
======================================================================================= */
.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;
	border-radius: 2rem;
	background-color: #f3f5f9;
}
.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: linear-gradient(145deg, rgba(86, 174, 214, 1) 0%, rgba(0, 144, 208, 1) 100%);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
	width: 100%;
	font-size: 1.8rem;
	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.2rem 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(../img/common/sns_kakao.png) no-repeat 15px 12px;
	background-size: 22px;
}
.member .flex-container .btns-join .btn.naver {
	background: #00C73C url(../img/common/sns_naver.png) no-repeat 15px 13px;
	background-size: 22px;
}
@media (max-width:1023.98px) {
	.member {
		margin-top: 3rem;
	}
}
/* =======================================================================================
회원가입
======================================================================================= */
.login_cont, .join_cont .join_area, .enroll_cont .enroll_area, .join_cont .join_area {
	border-radius: 1rem;
	border: 1px solid #ddd;
}
.note {
	color: #007eb4;
}
.join_cont {
	width: 90%;
}
.join_cont .join_step {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	margin-bottom: 6rem;
	width: 80%;
	z-index: 8;
}
.join_cont .join_step li {
	position: relative;
}
.join_cont .join_step li~li::after {
	display: inline-block;
	content: "";
	font-size: 1.5rem;
	position: absolute;
	transform: translate(-50%, -50%);
	left: -3rem;
	top: 50%;
	border: 1px solid #DDD;
	border-radius: 50%;
	text-align: center;
	line-height: 2.4rem;
	width: 30rem;
	height: 1px;
	z-index: 8;
}
.join_cont .join_step li .title {
	flex-direction: column;
	position: relative;
	border-radius: 4rem;
	color: #cecece;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.6rem 3.5rem;
	background-color: #4D4D4D;
	z-index: 9;
}
.join_cont .join_step li.active .title {
	color: #fff;
	background-color: #3992cc;
}
.join_cont .join_step li .title b {
	font-weight: 500;
	font-size: 1.6rem;
}
.join_cont .join_step li .title small {
	font-weight: 400;
	font-size: 1.3rem;
}
.join_cont .join_area {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
.join_cont .join_area .item {
	font-size: 1.5rem;
	text-align: center;
	padding: 6rem;
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.join_cont .join_area .item:hover {
	background-color: #f7f8fa;
}
.join_cont .join_area .item .title {
	display: block;
	font-size: 2.4rem;
	color: #333B43;
	margin-bottom: 2.7rem;
}
.join_cont .join_area .item .title span {
	font-weight: 400;
}
.join_cont .join_area .item .vert_wrap {
	width: 100%;
}
.join_cont .join_area .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 9.8rem;
	height: 9.8rem;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #E2E2E2;
	margin: 3rem auto;
}
.join_cont .join_area .item .icon::before {
	content: "";
	display: block;
	width: 3.4rem;
	height: 4.3rem;
	background: url(../img/contents/member_icon01.png) 0 0 no-repeat;
}
.join_cont .join_area .item .text {
	margin-bottom: 3rem;
	word-break: keep-all;
}
.join_cont .join_area .item .text em {
	display: block;
	font-weight: 500;
	margin-bottom: 2rem;
}
.join_cont .join_area .item .text span {
	font-weight: 300;
}
.join_cont .join_area .item button {
	display: block;
	width: 100%;
	background: hsl(205, 100%, 28%);
	color: #fff;
	text-align: center;
	padding: 1.6rem;
	transition: 0.2s;
}
.join_cont .join_area .item button:hover {
	background-color: #002742;
}
.join_cont .join_area .item button i {
	margin-right: 0.5rem;
}
.join_cont .join_area .item:first-child {
	border-right: 1px solid #ddd;
}
.join_cont .join_area .typeA .icon::before {
	background-image: url(../img/contents/member_icon01.png);
}
.join_cont .join_area .typeB .icon::before {
	width: 3.7rem;
	height: 4rem;
	background-image: url(../img/contents/member_icon02.png);
}
.join_cont .join_area.cert_div {
	flex-wrap: wrap;
	width: 50%;
	margin: 0 auto;
}
.join_cont .join_area.cert_div .item {
	padding: 4rem;
}
.join_cont .join_area.cert_div .item .icon::before {
	width: 4.9rem;
	height: 5.2rem;
}
.join_cont .join_area.cert_div .phone_cert .icon::before {
	background-image: url(../img/contents/cert_1.png);
}
.join_cont .join_area.cert_div .ipin_cert .icon::before {
	background-image: url(../img/contents/cert_2.png);
}
.join_cont .join_area .sns_join {
	width: 100%;
	background-color: #f7f8fa;
	border-top: 1px solid #E4E4E4;
	padding: 5rem 11rem;
	text-align: center;
}
.join_cont .join_area .sns_join .title {
	font-size: 2rem;
	margin-bottom: 1rem;
}
.join_cont .join_area .sns_join .desc {
	font-size: 1.5rem;
}
.join_cont .terms_area .title_h2 {
	font-size: 1.6rem;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
}
.join_cont .terms_area .terms {
	overflow-y: auto;
	max-height: 24rem;
	line-height: 1.6;
	background: #fff;
}
.join_cont.wmax .terms_area .terms {
	overflow-y: auto;
	max-height: 24rem;
	line-height: 1.6;
	background: #fff;
	border: 1px solid #cdcdcd;
	border-radius: .4rem;
}
.join_cont .terms_area .terms_agree {
	text-align: right;
	margin: 1.5rem 0 2rem;
}
.join_cont .all_terms {
	border-radius: 1rem;
	background: hsla(0, 0%, 100%, .7);
	font-size: 1.8rem;
	color: #000;
	padding: 3rem 1rem;
	text-align: center;
	margin-bottom: 4rem;
}
.join_cont.wmax .all_terms {
	border-radius: 1rem;
	background: hsla(0, 0%, 100%, .7);
	font-size: 1.8rem;
	color: #000;
	padding: 1rem;
	text-align: center;
	margin-bottom: 0;
}
.join_cont .all_terms input {
	background-color: #fff;
}
.join_cont .all_terms input+label {
	margin-right: 0;
}
.join_cont .btns .btn {
	width: 20rem;
	padding: 1.5rem;
}
.join_cont .h2_area {
	margin-bottom: 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.join_cont .h2_area .title_h2 {
	margin: 0;
}
.join_cont .h2_area small {
	font-size: 1.5rem;
}
.join_cont .h2_center {
	margin-bottom: 1.5rem;
	display: block;
	text-align: center;
}
.join_cont .h2_center .title_h2 {
	margin: 0;
}
.join_cont .h2_center .title_desc {
	margin-top: 1rem;
	margin-bottom: 3rem;
}
.join_cont .join_center {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 3rem;
}
.join_cont .join_center i {
	position: relative;
	font-size: 2rem;
	top: 0.2rem;
	color: #2558BC;
}
.join_cont .txt_info {
	margin-bottom: 1rem;
}
.join_cont .join_form {
	margin-bottom: 4rem;
	padding: 2rem 3rem;
	border-radius: 2rem;
	background-color: #fff;
}
.join_cont .join_form .tstyle {
	border-top: none;
}
.join_cont .join_form .tstyle::after {
	display: none;
}
.join_cont .join_form .tstyle .dbody>li:last-child {
	border-bottom: none;
}
.join_cont .join_form .checkbox_type {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.join_cont .join_form .title_h3 {
	margin: 3rem 0 1rem;
}
.join_cont .join_form .desc {
	font-size: 1.5rem;
}
.join_cont .join_form .add_form, .join_cont .join_form #checkSub1, .join_cont .join_form #checkSub3 {
	display: none;
}
.join_cont .join_form .add_btn:disabled {
	color: #ccc;
	background-color: #888;
	border-color: #888;
}
.join_cont .join_form .kcaptcha {
	width: 120px;
	height: 60px;
	border: 1px solid #d6d6d6;
}
.join_cont .join_complete {
	display: block;
	text-align: center;
	padding: 5rem;
	margin-bottom: 4rem;
	background-color: #fff;
}
.join_cont .join_complete .title_h2 {
	margin-top: 0;
	font-size: 2.4rem;
	font-weight: 500;
}
.join_cont .join_complete .title_h2 strong {
	font-weight: 700;
}
.join_cont .join_complete img {
	margin-top: 1.5rem;
}
.join_cont .join_complete .desc {
	margin-top: 3rem;
}
.join_cont .join_complete .desc2 {
	margin-top: 3rem;
	font-size: 1.5rem;
}
.join_cont .join_complete i {
	font-size: 6.4rem;
}
@media (max-width:1023.98px) {
	.join_cont .join_step {
		width: 70%;
	}
	.join_cont .join_step li~li::after {
		width: 23rem;
	}
	.join_cont .join_step li .title {
		border-radius: 1rem;
		padding: 1rem 1.8rem;
		text-align: center;
	}
	.join_cont .join_step li~li::before {
		width: 2rem;
		height: 2rem;
		line-height: 1.9rem;
		left: 0;
		background: #fff;
	}
	.join_cont .join_area.cert_div {
		width: 70%;
	}
	.join_cont .join_area.cert_div .item .icon::before {
		background-size: contain;
	}
	.join_cont .join_area .sns_join {
		padding-left: 5rem;
		padding-right: 5rem;
	}
	.join_form .form-label {
		margin-bottom: 1rem;
	}
	.join_form .checkbox_type .custom-input {
		display: inline-block;
		margin-top: 1rem;
	}
	.join_form .note {
		display: block;
		margin-top: 0.5rem;
	}
	.login_cont .login {
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.login_cont .login .login_form .btn {
		width: auto;
	}
	.login_cont .login_foot .btn {
		display: block;
		margin-left: 0;
	}
	.id_pw_cont .box .btn {
		min-width: inherit;
	}
	.fireSt_box {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 1rem;
	}
	.fireSt_box ul.area-list li {
		width: calc(20% - 0px);
	}
	.fireSt_box ul.area-list li:nth-child(2n) .custom-input input+label {
		margin-right: 0;
	}
	.fireSt_box ul.area-list li:nth-child(6) .custom-input input+label {
		margin-right: 0;
	}
}
@media (max-width:767.98px) {
	.box {
		padding: 1rem;
	}
	/* 회원가입 */
	#inputAddress2.mr5, #inputAddress3.mr5 {
		margin-right: 0 !important;
	}
	.join_cont .sell_type_list>li .title-wrap {
		padding-left: 2rem;
	}
	.join_cont .sell_type_list>li.active>.cont {
		padding: 2rem;
	}
	.join_cont .animal_type .custom_check~.custom_check {
		margin-left: -1px;
	}
	.join_cont .join_step {
		width: 80%;
	}
	.join_cont .join_step li~li::after {
		width: 20rem;
	}
	.join_cont .join_area.cert_div {
		width: 100%;
	}
	.detail_cont .title_area .text {
		margin: -2rem 0rem 5rem 0;
		padding: 2.5rem 3rem;
	}
	.detail_cont.write .form-label {
		margin-bottom: 1rem;
	}
	.detail_cont .define_box {
		padding: 12rem 1rem 1rem 1rem;
	}
	.detail_cont .define_box .icon {
		left: 50%;
		transform: translateX(-50%);
		top: 2rem;
		width: 4.6em;
	}
	.detail_cont .box_list.horizontal>ul {
		flex-wrap: wrap;
	}
	.detail_cont .box_list.horizontal>ul>li {
		flex: 1 1 100%;
	}
	.detail_cont .box_list.horizontal>ul>li~li {
		margin: 1rem 0 0 0;
	}
	.detail_cont .box_list.horizontal>ul>li>div .th_row {
		display: flex;
	}
	.detail_cont .box_list.horizontal>ul .th_row_column {
		flex: 1 1 100%;
	}
	.attach_area .attach_name {
		display: block;
	}
	.answer .title_area, .answer .cont {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.fireSt_box {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 1rem;
	}
	.fireSt_box ul.area-list li {
		width: calc(25% - 0px);
	}
	.fireSt_box ul.area-list li .custom-input input+label {
		margin-right: 0.5rem !important;
	}
	.tbl.tablet>thead, .tbl.tablet>tfoot, .tbl.tablet>tbody, .tbl.tablet>thead>tr>th, .tbl.tablet>tbody>tr>td, .tbl.tablet>tbody>tr {
		display: block;
	}
	.tbl.tablet>thead>tr, .tbl.tablet>tfoot>tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tbl.tablet>tbody>tr {
		border-bottom: 1px solid #333;
	}
	.tbl.tablet>tbody>tr::last-child {
		border-bottom: none;
	}
	.tbl.tablet>tbody>tr>td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
		white-space: normal;
		text-align: left !important;
	}
	.tbl.tablet>tbody>tr>td:last-child {
		border-bottom: none;
	}
	.tbl.tablet>tbody>tr>td::before {
		content: attr(data-title);
	}
	.tbl.tablet>tbody>tr>td.td-full {
		padding: 30px 8px 8px 8px !important;
	}
}
@media all and (max-width:480px) {
	.login_cont .login {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.login_cont .login_foot ul {
		display: inherit;
	}
	.login_cont .login_foot ul li {
		position: relative;
		width: 100%;
		text-align: left;
		margin-bottom: 0.5rem;
		font-size: 1.5rem;
	}
	.login_cont .login_foot ul li::before {
		top: 1.7rem;
	}
	.login_cont .login_foot .btn {
		display: inline-block;
		margin-left: 0.5rem;
		padding: 0.8rem 1rem;
	}
	.login_cont .login_foot .btn i {
		display: none;
	}
	.join_cont .join_step {
		width: 100%;
	}
	.join_cont .join_step li~li::after {
		width: 15rem;
	}
	.join_cont .join_area.cert_div .item {
		padding: 2rem;
	}
}
/* =======================================================================================
login 관련
======================================================================================= */
.row.login_find .col-sm-12 .ui.segment {
	padding: 1.5em;
}
.row.login_find .col-sm-12 .ui.segment h4 {
	margin-bottom: 10px;
	font-weight: 600;
}
.row.login_find .col-sm-6 {
	display: flex;
	flex-direction: column;
}
.row.login_find .ui.segment[class*='bottom attached'] {
	flex-grow: 1;
}
.row.login_find .bottom-btn .btn {
	min-width: auto;
	width: 100%;
	font-size: 1em;
}
.row.login_find .bottom-btn .btn.blue {
	color: #fff;
	border-color: var(--primary);
	background-color: var(--primary);
}
dl.find-result {
	border-radius: var(--border-radius10);
	margin-top: 10px;
	padding: 40px 0;
	padding-left: 140px;
	text-align: left;
	border: 0px solid #66a4c1;
	background: url(../img/home_sub/find_ok.png) 20px 50% #f5f7f9 no-repeat;
	background-size: 90px;
}
dl.find-result.pw-type {
	background: url(../img/home_sub/find_pw_ok.png) 20px 50% #f6f8fc no-repeat;
	background-size: 90px;
}
.slide-list {
	margin-bottom: 20px;
}
.slide-list>ul>li {
	border: 1px solid #fff;
	border-bottom: 1px solid #d7d7d7;
	transition: all 0.2s ease;
}
.slide-list dl dt {
	display: flex;
	align-items: center;
	padding: 1.125em;
	cursor: pointer;
}
.slide-list dl dt .ui.checkbox {
	font-size: 1.25em;
	font-weight: 500;
}
.slide-list dl dt .chk-custom {
	font-size: 1.25em;
	font-weight: 500;
}
.slide-list dl dt .view {
	position: relative;
	margin-left: auto;
	padding-right: 20px;
	font-size: 1.125em;
}
.slide-list dl dt .view:before,
.slide-list dl dt .view:after {
	display: block;
	content: '';
	width: 1px;
	height: 7px;
	background: #7f7f7f;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.35s ease-in;
}
.slide-list dl dt .view:before {
	top: -5px;
	right: 7px;
	transform: rotate(45deg);
}
.slide-list dl dt .view:after {
	top: 5px;
	right: 7px;
	transform: rotate(135deg);
}
.slide-list dl dd {
	display: none;
	padding: 1em;
	background: #f9f9f9;
	margin-bottom: 1em;
}
.slide-list dl dd .agree-txt {
	height: 240px;
	margin: -1em;
	font-size: 0.875em;
	overflow-y: auto;
}
.slide-list dl.on dt .view:before {
	top: 0;
	transform: rotate(-45deg);
}
.slide-list dl.on dt .view:after {
	top: 0;
	right: 2px;
	transform: rotate(45deg);
}
.slide-list .ui.checkbox label::before {
	width: 28px;
	height: 28px;
	line-height: 28px;
	content: inherit;
	color: #ccc !important;
	font-family: 'Ionicons';
	content: '\f383';
	font-size: 15px;
}
.slide-list .ui.checkbox input:checked~label.question:after {
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 15px;
	border: 1px solid #2196f3;
	background-color: #2196f3;
}
@media (max-width: 768px) {
	.row.login_find .col-sm-6+.col-sm-6 {
		margin-top: 20px;
	}
}
@media (max-width: 601px) {
	.row.login_find .fields {
		flex-wrap: nowrap;
	}
	.row.login_find .fields.check-list {
		flex-wrap: wrap;
	}
	.slide-list dl dt .ui.checkbox label.question {
		font-size: 0.875em;
		padding: 2px 0 7px 40px;
		line-height: 1.3;
	}
}
@media (max-width: 480px) {
	.slide-list dl dt .chk-custom {
		font-size: 1.063em;
	}
}
@media (max-width: 400px) {
	.row.login_find .bottom-btn {
		flex-direction: column;
	}
	.row.login_find .bottom-btn .btn {
		margin-right: 0;
	}
	.row.login_find .bottom-btn .btn+.btn {
		margin-top: 5px;
	}
	dl.find-result,
	dl.find-result.pw-type {
		padding: 90px 15px 25px 15px;
		text-align: center;
		background-size: 70px;
		background-position: center 10px;
	}
}
/* =======================================================================================
메인페이지
======================================================================================= */
/* main layout */
#contentWrap {
	display: flex;
	flex-direction: column;
	flex: 1;
	overflow-x: hidden;
}
#contentWrap>.content {
	position: relative;
	max-width: 1328px;
	margin: 0 auto;
	width: 100%;
	padding: 0px 2.4rem 5.2rem 2.4rem;
}
@media (max-width: 768px) {
	#contentWrap>.content {
		padding: 0rem 1.6rem 2.8rem 1.6rem;
	}
}
/* 메인 배너 */
.main_banner {
	position: relative;
	width: 100%;
	height: 45rem;
	overflow: hidden;
}
.main_banner::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../img/main/mainBanner_img.svg) no-repeat center;
	background-size: cover;
	animation: zoom 3s 0s ease-in-out;
	z-index: -1;
}
@keyframes zoom {
	0% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transition: ease-out 3s;
		-o-transition: ease-out 3s;
		transition: ease-out 3s;
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@media (max-width: 1024px) {
	.main_banner {
		height: 30rem;
	}
}
@media (max-width: 768px) {
	.main_banner {
		height: 20rem;
	}
}
.main_banner .content {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding-bottom: 0 !important;
}
.main_banner .content .banner_txt {
	color: #fff;
	z-index: 10;
}
.main_banner .content .banner_txt h2 {
	font-size: 4.2rem;
	margin-bottom: 2rem;
}
.main_banner .content .banner_txt p {
	font-size: 2.4rem;
}
@media (max-width: 1024px) {
	.main_banner .content .banner_txt h2 {
		font-size: 2.8rem;
		margin-bottom: 1.6rem;
	}
	.main_banner .content .banner_txt p {
		font-size: 1.8rem;
	}
}
@media (max-width: 768px) {
	.main_banner::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-backdrop-filter: brightness(60%);
		backdrop-filter: brightness(60%);
	}
	#wrap.allmenu .main_banner::after {
		background-color: #fff;
	}
	.main_banner .content {
		justify-content: center;
	}
	.main_banner .content .banner_txt {
		text-align: center;
	}
	.main_banner .content .banner_txt h2 {
		font-size: 2.4rem;
		margin-bottom: 1.2rem;
	}
	.main_banner .content .banner_txt p {
		font-size: 1.6rem;
	}
}
/* 메인 컨텐츠 */
.main section:first-child {
	margin-top: 5rem;
}
.main section+section {
	margin-top: 5rem;
}
@media (max-width:768px) {
	.main section:first-child {
		margin-top: 3rem;
	}
	.main section+section {
		margin-top: 3rem;
	}
}
.main section .btn_link {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
}
.main section .btn_link .info_wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.4rem;
}
.main section .btn_link .info_wrap a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 1.6rem 3.6rem;
	background-color: #F0F0F0;
	border-radius: .8rem;
	border: 1px solid #ccc;
	transition: all 0.2s ease;
}
.main section .btn_link .info_wrap a:hover,
.main section .btn_link .info_wrap a:active {
	border-color: #868E96;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.main section .btn_link .info_wrap a span {
	display: inline-block;
	font-size: 1.7rem;
	font-weight: 500;
	flex: 1;
}
.main section .btn_link .info_wrap a i {
	display: inline-block;
	width: 2.8rem;
	height: 2.8rem;
	background: url(../img/main/btn_img.svg) no-repeat center;
	background-size: cover;
}
.main section .btn_link .project_wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.2rem;
}
.main section .btn_link .project_wrap a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 2.4rem 2.8rem 2.8rem;
	border-radius: .8rem;
	border: 1px solid #ccc;
	transition: all 0.2s ease;
}
.main section .btn_link .project_wrap a:hover,
.main section .btn_link .project_wrap a:active {
	border-color: #0160B9;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.main section .btn_link .project_wrap a i.project_icon {
	display: inline-block;
	width: 3.6rem;
	height: 3.6rem;
}
.main section .btn_link .project_wrap a i.project_icon.list {
	background: url(../img/main/project_icon_01.svg) no-repeat center;
	background-size: cover;
}
.main section .btn_link .project_wrap a i.project_icon.regist {
	background: url(../img/main/project_icon_02.svg) no-repeat center;
	background-size: cover;
}
.main section .btn_link .project_wrap a i.project_icon.join {
	background: url(../img/main/project_icon_03.svg) no-repeat center;
	background-size: cover;
}
.main section .btn_link .project_wrap a .label_col {
	flex: 1;
	gap: .2rem;
}
.main section .btn_link .project_wrap a .label_col label {
	font-size: 1.8rem;
}
@media (max-width: 1024px) {
	.main section .btn_link .info_wrap a span {
		font-size: 1.6rem;
	}
	.main section .btn_link .info_wrap a i {
		width: 2.4rem;
		height: 2.4rem;
	}
	.main section .btn_link .project_wrap a i.project_icon {
		width: 2.8rem;
		height: 2.8rem;
	}
	.main section .btn_link .project_wrap a .label_col label {
		font-size: 1.6rem;
	}
}
@media (max-width: 768px) {
	.main section .btn_link {
		gap: 1.6rem;
	}
	.main section .btn_link [class*="_wrap"] {
		grid-template-columns: repeat(1, 1fr);
		gap: .8rem;
	}
	.main section .btn_link .project_wrap a {
		gap: 2rem;
	}
	.main section .btn_link .info_wrap a {
		padding: 1.6rem 2.8rem;
	}
	.main section .btn_link .project_wrap a {
		padding: 1.8rem 2.8rem;
	}
}
section article h3 {
	margin-bottom: 1rem;
}
@media (max-width: 1024px) {
	.notice_list {
		margin-bottom: 3rem;
	}
}
.notice_list li {
	padding: 1.7rem 1rem;
	border-bottom: 1px solid #eee;
	transition: all 0.2s ease;
}
.notice_list li:hover {
	background-color: #f9fafb;
}
.notice_list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
}
.notice_list li a p {
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
.notice_list li a span {
	display: inline-block;
	color: #8b8b8b;
	font-size: 1.4rem;
	letter-spacing: normal;
}
.notice_list li a p em {
	font-weight: 600;
}
/* qna */
.qna_wrap li+li {
	margin-top: 1rem;
}
.qna_wrap li.qna_item a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 1.2rem 2rem;
	background-color: #f5f5f5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	transition: all 0.2s ease;
}
.qna_wrap li.qna_item a:hover {
	background-color: #eee;
}
.qna_wrap li.qna_item a span.q_tit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #3d3d3d;
	color: #fff;
	line-height: 0;
	transition: all 0.2s ease;
}
.qna_wrap li.qna_item a:hover span.q_tit {
	background-color: var(--blue);
}
.qna_wrap li.qna_item a p {
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
.qna_wrap li.qna_item a i {
	display: inline-block;
	margin-left: 1rem;
}
/* =======================================================================================
sub
======================================================================================= */
#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;
}
/* @media (max-width: 1280px) {
	#contentWrap .content.sub-wrap {
		padding: 15px 20px 35px 20px;
	}
} */
@media (max-width: 768px) {
	#contentWrap .content.sub-wrap {
		padding: 0rem 1.6rem 2.8rem 1.6rem;
	}
}
/* 2depth - A */
.dep02MenuA {
	min-height: auto !important;
	width: 100%;
	margin-bottom: 30px;
}
.dep02MenuA .menu {
	display: flex;
	justify-content: center;
	gap: 52px;
}
.dep02MenuA .menu li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	padding: 0px;
	height: 40px;
	font-weight: 700;
}
.dep02MenuA .menu li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.188em;
	font-weight: 500;
	line-height: 38px;
	color: var(--primary);
	text-align: center;
	transition: 0.2s;
}
.dep02MenuA .menu li.active {
	border-bottom: 5px solid var(--blue);
	font-weight: 700;
}
.dep02MenuA .menu li.active a {
	color: var(--blue);
}
.dep02MenuA .menu li::after {
	content: '';
	display: block;
	border: 1rem solid transparent;
	border-top-color: #0090d0;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
}
.dep02MenuA .menu li:hover a {
	color: var(--blue);
}
/* 2depth - C */
.subMenu {
	min-height: auto !important;
	margin-bottom: 6rem;
}
.subMenu .menu {
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
	border-radius: 1rem;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
}
.subMenu .menu li {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0;
	border: 1px solid #e1e6eb;
	background-color: #fff;
}
.subMenu .menu li~li {
	margin-left: -1px;
}
.subMenu .menu li:first-child {
	border-radius: 1rem 0 0 1rem;
}
.subMenu .menu li:last-child {
	border-radius: 0 1rem 1rem 0;
}
.subMenu .menu li::after {
	content: '';
	display: block;
	border: 1rem solid transparent;
	border-top-color: #0090d0;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
}
.subMenu .menu li a {
	display: block;
	width: 100%;
	text-align: center;
	word-break: keep-all;
	padding: 16px 4px;
	line-height: 1.35;
	font-size: 1.125em;
}
.subMenu .menu li:hover {
	background-color: #edeef3;
	transition: 0.2s;
}
.subMenu .menu li.active {
	position: relative;
	background: linear-gradient(145deg, rgb(11, 81, 160) 15%, rgb(0, 56, 118) 100%);
	border-color: linear-gradient(145deg, rgb(11, 81, 160) 15%, rgb(0, 56, 118) 100%);
	color: #fff;
	font-weight: 700;
	border-bottom-width: 1px;
}
.subMenu .menu li.active::after {
	bottom: -1.8rem;
	opacity: 0;
	visibility: visible;
	max-height: inherit;
	transition-delay: 0.1s;
}
.subMenu .menu li.active a {
	color: #fff;
}
@media (max-width:767.98px) {
	.subMenu {
		display: none;
	}
}
/* 2depth - B - 적용 */
.dep02Menu {
	min-height: auto !important;
	width: 100%;
	margin-bottom: 30px;
}
.dep02Menu .menu {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}
.dep02Menu .menu li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	padding: 0px;
	min-height: 54px;
	font-weight: 700;
}
.dep02Menu .menu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	word-break: keep-all;
	background-color: #fff;
	color: var(--primary);
	border-radius: var(--border-radius100);
	border: 2px solid var(--primary);
	width: 100%;
	height: 100%;
	padding: 14px 30px;
	font-size: 1.063em;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
	transition: 0.2s;
}
.dep02Menu .menu li.active {
	font-weight: 700;
}
.dep02Menu .menu li.active a {
	background-color: var(--primary);
	color: #fff;
}
.dep02Menu .menu li.active:hover a {
	color: #fff;
	background-color: var(--primary-dark);
	border-color: var(--primary-dark);
}
.dep02Menu .menu li:hover a {
	color: var(--blue);
	border-color: var(--blue);
}
/* .dep02Menu .menu li.active:hover a { color: #f2f2f2;} */
@media (max-width: 1024px) {
	.dep02Menu .menu {
		gap: 5px;
	}
	.dep02Menu .menu li a {
		font-size: 1em;
		padding: 12px 20px;
	}
}
@media (max-width: 930px) {
	.dep02Menu .menu {
		flex-wrap: wrap;
	}
	.dep02Menu .menu li {
		min-height: auto;
		flex-basis: calc(33.33% - 0.8rem);
		max-width: 33.33%;
	}
	.dep02Menu .menu li a {
		font-size: 0.938em;
		padding: 10px 10px;
		line-height: 16px;
	}
}
@media (max-width: 480px) {
	.dep02Menu .menu li {
		flex-basis: calc(50% - 0.8rem);
		max-width: 50%;
	}
	.dep02Menu .menu li a {
		font-size: 0.938em;
		padding: 8px 10px;
		line-height: 14px;
	}
}
/* 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-family: 'SUITE Variable';
	font-size: 3rem;
	color: #1a1919;
	text-align: center;
	font-weight: 900;
	margin: 2rem 0;
}
.content .title_h1+p {
	text-align: center;
	font-size: 1.8rem;
}
@media (max-width: 768px) {
	.content .h1_area {
		margin-bottom: 15px;
	}
	.content .title_h1 {
		font-family: 'SUITE Variable';
		font-size: 2.4rem;
	}
	.dep02Menu {
		display: none;
	}
}
@media (max-width: 480px) {
	.content .h1_area {
		margin-bottom: 10px;
	}
	.content .title_h1 {
		font-size: 2rem;
	}
}
/* 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: 1.4rem;
}
.search-typeA+#info-item-box {
	padding-top: 0;
}
.search-typeA .option-content {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
}
.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;
	align-items: center;
	gap: .4rem;
}
.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: #004F9F;
	border-top: 1px solid #004F9F !important;
	border-bottom: 1px solid #ddd !important;
	background: #f5f7f9;
	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(../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(../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.2rem 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(../img/sns_kakao.png) no-repeat 15px 12px;
	background-size: 22px;
}
.member .flex-container .btns-join .btn.naver {
	background: #00C73C url(../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);
	}
	.allmenu .location_bar {
		visibility: hidden;
	}
}
/* =======================================================================================
버튼 모음 정렬
======================================================================================= */
.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('../../data/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 .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(../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(../img/sub0201_img04_m.png);
		max-width: 100%;
	}
	.line_box .img_area2 img.mo05 {
		content: url(../img/sub0201_img05_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img01 {
		content: url(../img/sub040101_img01_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img02 {
		content: url(../img/sub040101_img02_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img03 {
		content: url(../img/sub040101_img03_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img04 {
		content: url(../img/sub040101_img04_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img05 {
		content: url(../img/sub040101_img05_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img06 {
		content: url(../img/sub040101_img06_m.png);
		max-width: 100%;
	}
	.line_box .img_area3 img.sub040101_img07 {
		content: url(../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(../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(../img/ic_01.svg) no-repeat center;
	background-size: cover;
}
.effect_wrap .effect_item .item_tit i.ic_02 {
	background: url(../img/ic_02.svg) no-repeat center;
	background-size: cover;
}
.effect_wrap .effect_item .item_tit i.ic_03 {
	background: url(../img/ic_03.svg) no-repeat center;
	background-size: cover;
}
.effect_wrap .effect_item .item_tit i.ic_04 {
	background: url(../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;
	}
}
/**********************************************
tabs
************************************************/
.content .tabs {
	display: flex;
	width: 100%;
	gap: .8rem;
	margin-bottom: 5.3rem;
	flex-wrap: wrap;
}
.content .tabs li {
	display: flex;
	justify-content: center;
	align-items: center;
}
.content .tabs li:first-child {
	border-radius: 1rem 0 0 1rem;
}
.content .tabs li:last-child {
	border-radius: 0 1rem 1rem 0;
}
.content .tabs li a {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	word-break: keep-all;
	width: 100%;
	min-width: 15rem;
	text-align: center;
	padding: 1.2rem 1.8rem;
	border-radius: 1rem;
	line-height: 1.35;
	font-size: 1.6rem;
	border: 1px solid #e1e6eb;
}
.content .tabs li a:hover {
	border-color: var(--primary);
	color: var(--primary);
	transition: .2s
}
.content .tabs li.active {
	position: relative;
	color: #fff;
	font-weight: 700;
}
.content .tabs li.active a {
	border-color: var(--primary);
	color: var(--primary);
	border-width: 2px;
}
.content .tabs li.active::after {
	bottom: -.3rem;
	opacity: 1;
	visibility: visible;
	max-height: inherit;
	transition-delay: .1s;
}
@media (max-width:1280px) {
	.content .tabs li a {
		min-width: auto;
	}
	.content .tabs.two_list li a {
		min-width: 15rem;
	}
}
@media (max-width:1023.98px) {
	.content .tabs {
		margin-bottom: 3.3rem;
	}
}
@media (max-width:767.98px) {
	.content .tabs li {
		flex-basis: 20%;
		max-width: 20%;
	}
	.content .tabs li:nth-child(5n) {
		margin-right: 0;
	}
	.content .tabs li a {
		padding: 1.3rem .8rem;
	}
	.content .tabs.four_list li {
		flex-basis: calc(25% - .8rem + .2rem);
		max-width: 25%;
	}
	.content .tabs.four_list li a {
		font-size: 1.6rem;
		line-height: 1.2;
	}
	.footer .footer_inner .footer_logo img {
		width: 150px;
	}
}
@media (max-width:620px) {
	.content .tabs2 {
		gap: 2.5rem;
	}
}
@media (max-width:480px) {
	.content .tabs {
		box-shadow: none;
	}
	.content .tabs li {
		flex: 0 0 calc(33.333333% - .8rem);
		max-width: 33.333333%;
	}
	.content .tabs li a {
		font-size: 1.5rem;
		line-height: 1.2;
	}
	.content .tabs.four_list li {
		flex-basis: calc(50% - .8rem + .4rem);
		max-width: 50%;
	}
}
/**********************************************
결제하기 테이블
************************************************/
.cost_table+.total_cost {
	padding: 0.675em 1em;
	border-bottom: 1px solid #e1e4e8;
	text-align: right;
	background-color: #f7f9fa;
}
.total_cost label::after {
	content: ':';
	display: inline-block;
	margin: 0 .6rem;
	font-size: 1.6rem;
	font-weight: 500;
}
.total_cost span.cost {
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--red);
}
.color_bg {
	background: #f4f4f4;
	padding: 6rem;
	border-radius: 2rem;
	margin: 3rem 0;
}
@media all and (max-width: 768px) {
	.color_bg {
		padding: 3rem;
	}
}
.color_bg table {
	background-color: #fff;
}
.table-wrap+.all_terms {
	margin-top: 2rem;
}
.all_terms {
	border-radius: 1rem;
	background: hsla(0, 0%, 100%, .7);
	font-size: 1.8rem;
	color: #000;
	padding: 1rem;
	text-align: center;
	margin-bottom: 0;
}
@media all and (max-width: 768px) {
	.all_terms {
		font-size: 1.6rem;
	}
}
.survey_list ol {
	display: flex;
	padding: 1.6rem 2.4rem;
	border-radius: 1rem;
	background: #f7f7f7;
}
.survey_list ol li {
	flex: 1;
}
/**********************************************
입학원서 사용자 사진 등록
************************************************/
.userImg_wrap {
	width: 100%;
	height: 100%;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1.4rem;
	align-items: center;
	border-top: 1px solid #111;
	border-bottom: 3px double #ccc;
}
.userImg_wrap .userImg {
	width: 100%;
	max-width: 15rem;
	border-radius: .8rem;
	background-color: #eee;
}
.userImg_wrap .userImg.sm {
	width: 100%;
	max-width: 8rem;
	border-radius: .8rem;
	background-color: #eee;
}
.userImg_wrap .userImg img {
	display: inline-block;
	width: 100%;
	aspect-ratio: 3/4;
	object-fit: contain;
}
.userImg_wrap a.ui.button {
	min-width: 15rem;
}