.square-badge {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding: 2px 10px;
	border: 1px solid #474747;
	border-radius: 30px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 14px;
}
.square-badge.light {
	border-color: #474747b2;
	color: #474747cc;
}
.square-badge.square-badge-notice {
	padding: 4px 12px;
	border-color: #000;
	color: #fff;
	font-weight: 500;
	background-color: #000;
}
.square-badge .article-icon {
	width: 18px;
	height: 18px;
	background: transparent no-repeat center center / cover;
}
.square-badge .article-icon.coin {
	margin-right: 5px;
}

.square-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-width: 100px;
	min-height: 42px;
	padding: 10px 20px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 10px;
	color: #484848;
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	background: none;
	box-sizing: border-box;
	transition: .1s background-color ease-in;
}
.square-btn.square-btn-outline {
	border-color: rgba(0, 0, 0, .1);
	color: #484848;
}
.square-btn.square-btn-outline:hover {
	background-color: rgba(0, 0, 0, .01);
}
.square-btn.square-btn-primary-outline {
	display: flex;
	align-items: center;
	gap: 3px;
	padding: 10px 20px;
	border: 1px solid #0089dd;
	border-radius: 10px;
	color: #0089dd;
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
}
.square-btn.square-btn-primary-outline:hover {
	background-color: rgba(0, 137, 221, .05);
}
.square-btn.square-btn-primary-outline i.icon-pen {
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2206 4.08298C13.4745 2.82911 15.5075 2.82911 16.7613 4.08298C18.0152 5.33686 18.0152 7.36979 16.7613 8.62367L10.5192 14.8658C10.1678 15.2173 9.95257 15.4325 9.7127 15.6196C9.4301 15.84 9.12432 16.029 8.80079 16.1832C8.52617 16.3141 8.23744 16.4103 7.76583 16.5675L5.04127 17.4756C4.56612 17.634 4.04227 17.5104 3.68811 17.1562C3.33396 16.802 3.21029 16.2782 3.36867 15.803L4.27686 13.0785C4.43403 12.6069 4.53026 12.3181 4.66113 12.0435C4.81532 11.72 5.0043 11.4142 5.22473 11.1316C5.41182 10.8917 5.62703 10.6766 5.97856 10.3251L9.77084 6.53226C10.0149 6.28818 10.4106 6.28818 10.6547 6.53226C10.8988 6.77633 10.8988 7.17206 10.6547 7.41614L6.89201 11.1794C6.50209 11.5693 6.34448 11.7284 6.21037 11.9004C6.04578 12.1114 5.90467 12.3397 5.78954 12.5813C5.69572 12.7782 5.6239 12.9902 5.44952 13.5133L4.55453 16.1983C4.54587 16.2243 4.55263 16.253 4.57199 16.2723C4.59136 16.2917 4.62001 16.2984 4.64599 16.2898L7.33097 15.3948C7.85412 15.2204 8.06616 15.1486 8.26301 15.0548C8.50459 14.9396 8.73291 14.7985 8.94392 14.6339C9.11587 14.4998 9.27494 14.3423 9.66486 13.9524L14.0516 9.56564C14.2483 9.36891 14.3467 9.27054 14.3325 9.16791C14.3183 9.06528 14.1885 8.99268 13.9291 8.84748C13.5725 8.64796 13.1942 8.37831 12.8301 8.0142C11.8248 7.00885 11.5397 5.89694 11.4603 5.42249C11.4598 5.41912 11.459 5.41476 11.458 5.40948C11.4465 5.34776 11.4116 5.16052 11.4764 4.95805C11.542 4.7532 11.6878 4.61357 11.7337 4.56961C11.7378 4.56569 11.7411 4.56252 11.7435 4.56014L12.2206 4.08298ZM15.6541 7.96312C15.5736 8.04362 15.5334 8.08387 15.4778 8.09796C15.4221 8.11204 15.3719 8.09709 15.2715 8.0672C15.2249 8.05333 15.1757 8.03761 15.1244 8.01979C14.7275 7.88209 14.2054 7.62171 13.714 7.13032C13.158 6.57432 12.8976 5.97805 12.777 5.57258C12.7472 5.47231 12.7322 5.42218 12.7463 5.36658C12.7604 5.31098 12.8007 5.27074 12.8811 5.19025L13.1045 4.96687C13.8702 4.20115 15.1117 4.20115 15.8774 4.96687C16.6432 5.73259 16.6432 6.97407 15.8774 7.73979L15.6541 7.96312Z" fill="%230089dd"/></svg>') no-repeat center center / cover;
}

.square-container {
	display: flex;
	align-items: flex-start;
	gap: 50px;
	width: 1180px;
	margin: 0 auto;
	padding: 90px 0;
}

.square-nav {
	flex-shrink: 0;
	width: 260px;
}
.square-nav ul {
	overflow: hidden;
	padding-bottom: 50px;
	border-radius: 20px;
	box-shadow: 0px 0px 20px 0px #0000001a;
}
.square-nav li.square-nav-title {
	padding: 25px 30px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	background-color: #f5f5f5
}
.square-nav li a {
	display: block;
	padding: 20px 30px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 16px;
	line-height: 1;
	transition: .1s background-color ease-in;
}
.square-nav li a:hover,
.square-nav li.active a {
	background-color: #f7fbfe;
}
.square-nav li.active a {
	color: #1380d1;
	font-weight: 700;
}

.square-content {
	flex-grow: 1;
}
.square-content .square-page-title {
	position: relative;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}
.square-content .square-page-title .btn-new {
	position: absolute;
	bottom: 0;
	right: 0;
}

.square-content .square-article-toolbar {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 15px 0;
}
.square-content .square-article-toolbar select {
	width: auto;
	height: auto;
	padding: 13px 90px 13px 20px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 10px;
	color: #484848;
	font-family: 'Pretendard';
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
}
.square-content .square-article-toolbar select::placeholder {
  color: #484848;
}
.square-content .square-article-toolbar select.round {
	border-radius: 100px;
}
.square-content .square-article-toolbar input[type=text] {
	padding: 13px 45px 13px 20px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 100px;
	font-family: 'Pretendard';
	font-size: 14px;
	box-sizing: border-box;
}
.square-content .square-article-toolbar input[type=text]::placeholder {
  color: #a6a6a6;
}
.square-content .square-article-toolbar .search-field {
	position: relative;
}
.square-content .square-article-toolbar .search-field input[type=text] {
	width: 320px;
}
.square-content .square-article-toolbar .search-field.search-field-square input[type=text] {
	width: 670px;
	padding: 18px 70px 18px 26px;
	border-color: #e0e0e0;
	border-radius: 5px;
	font-size: 20px;
}
.square-content .square-article-toolbar .search-field.search-field-square input[type=text]::placeholder {
	color: #474747;
	font-weight: 400;
}
.square-content .square-article-toolbar .search-field button {
	position: absolute;
	top: 50%;
	right: 15px;
	padding: 0 5px 2px;
	border: 0;
	color: #141414;
	font-size: 14px;
	background: none;
	transform: translateY(-50%);
}
.square-content .square-article-toolbar .search-field.search-field-square button {
	right: 24px;
	font-size: 22px;
}
.square-content .square-article-toolbar .ml-auto {
	margin-left: auto;
}

.square-content .square-article-tabs {
	display: flex;
	align-items: flex-end;
}
.square-content .square-article-tabs a {
	flex: 1 1 0;
	padding: 14px 10px;
	border-bottom: 2px solid #a0a0a0;
	color: #a0a0a0;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	transition: .1s color ease-in;
}
.square-content .square-article-tabs a:hover {
	color: #000;
}
.square-content .square-article-tabs a.active {
	border-color: #000;
	color: #000;
	font-weight: 600;
}

.square-content .square-article-tab-menus {
	display: flex;
	align-items: center;
	gap: 10px;
}
.square-content .square-article-tabs + .square-article-tab-menus {
	margin-top: 20px;
}
.square-content .square-article-tab-menus a {
	padding: 6px 14px;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 30px;
	color: rgba(0, 0, 0, .5);
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	transition: .1s border-color ease-in, .1s color ease-in;
}
.square-content .square-article-tab-menus a:hover,
.square-content .square-article-tab-menus a.active {
	border-color: #006fc1;
	color: #006fc1;
}
.square-content .square-article-tab-menus a.active {
	color: #006fc1;
	font-weight: 700;
	background-color: #d3edff;
}

.square-content .square-article-list {
	display: flex;
	flex-direction: column;
}
.square-content .square-article + .square-article-list {
	margin-top: 60px;
}
.square-content .square-article-tab-menus + .square-article-list {
	margin-top: 30px;
}

.square-content .square-article-list .square-article-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 14px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	transition: .1s background-color ease-in;
}
.square-content .square-article-list .square-article-row:not(.square-article-head):not(.square-article-row-sticky):not(.square-article-row-message):hover {
	background-color: rgba(0, 0, 0, .01);
}
.square-content .square-article-list .square-article-row.square-article-head {
	padding: 10px 0;
	border-top: 1px solid rgba(0, 0, 0, .6);
	border-bottom: 1px solid rgba(0, 0, 0, .6);
}
.square-content .square-article-list .square-article-row.square-article-row-sticky {
	background-color: #f6fbff;
}
.square-content .square-article-list .square-article-row.square-article-row-message {
	padding: 40px 0;
	border: 0;
}

.square-content .square-article-list .square-article-col {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #474747;
	font-size: 14px;
}
.square-content .square-article-list .square-article-row.square-article-head .square-article-col {
	justify-content: center;
	font-size: 15px;
}
.square-content .square-article-list .square-article-col.square-article-col-idx {
	flex-shrink: 0;
	justify-content: center;
	min-width: 80px;
}
.square-content .square-article-list .square-article-col.square-article-col-title {
	flex-grow: 1;
}
.square-content .square-article-list .square-article-col.square-article-col-review-title {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	flex-grow: 1;
	gap: 5px;
}
.square-content .square-article-list .square-article-col.square-article-col-summary {
	padding: 10px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 14px;
	line-height: 20px;
	word-break: keep-all;
	background-color: rgba(224, 224, 224, .3);
}
.square-content .square-article-list .square-article-col.square-article-col-thumb-up {
	flex-shrink: 0;
	justify-content: center;
	min-width: 50px;
	text-align: center;
}
.square-content .square-article-list .square-article-col.square-article-col-date {
	flex-shrink: 0;
	justify-content: center;
	min-width: 130px;
	text-align: center;
}
.square-content .square-article-list .square-article-row:not(.square-article-head) .square-article-col.square-article-col-thumb-up,
.square-content .square-article-list .square-article-row:not(.square-article-head) .square-article-col.square-article-col-date {
	color: #474747cc;
}
.square-content .square-article-list .square-article-col .article-badges {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 10px;
}
.square-content .square-article-list .square-article-col .article-text {
	color: #474747;
	font-family: 'Pretendard';
	font-size: 14px;
	line-height: 18px;
	word-break: keep-all;
}
.square-content .square-article-list .square-article-row.active .square-article-col .article-text {
	font-weight: 700;
}

.square-content .square-article-list .square-article-collapse + .square-article-collapse {
	margin-top: 15px;
}
.square-content .square-article-list .square-article-collapse .square-article-collapse-title {
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}
.square-content .square-article-list .square-article-collapse .square-article-collapse-idx {
	flex-shrink: 0;
	min-width: 25px;
	color: #000;
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 700;
}
.square-content .square-article-list .square-article-collapse .square-article-collapse-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-grow: 1;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}
.square-content .square-article-list .square-article-collapse .square-article-collapse-text .article-collapse-text {
	color: #474747;
	font-family: 'Pretendard';
	font-size: 16px;
	line-height: 24px;
	word-break: keep-all;
}
.square-content .square-article-list .square-article-collapse .square-article-collapse-text .article-collapse-icon {
	width: 22px;
	height: 14px;
	background: url('data:image/svg+xml,<svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.96579 12.4998L11.4078 5.62477L18.8498 12.4948L21.1359 10.3848L11.4078 1.38477L1.67969 10.3848L3.96579 12.4998Z" fill="%23a0a0a0" stroke="white"/></svg>') no-repeat center center / cover;
	transform: rotate(180deg);
	transition: .2s transform ease;
}
.square-content .square-article-list .square-article-collapse.active .square-article-collapse-text .article-collapse-icon {
	transform: rotate(0deg);
}
.square-content .square-article-list .square-article-collapse .square-article-collapse-content {
	display: none;
	padding: 15px 0  0 30px;
}
.square-content .square-article-list .square-article-collapse.active .square-article-collapse-content {
	display: block;
}
.square-content .square-article-list .square-article-collapse .square-article-collapse-content-card {
	padding: 15px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 16px;
	line-height: 24px;
	word-break: keep-all;
	background-color: rgba(224, 224, 224, .3);
}

.square-content .square-article-list .square-article-pagination {
	margin-top: 100px;
}
.square-content .square-article-list .square-article-pagination .pageBtnBox {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: auto !important;
	max-width: none;
}
.square-content .square-article-list .square-article-pagination .pageBtnBox a {
	display: inline-block;
}
.square-content .square-article-list .square-article-pagination .pageBtnBox .pageNum {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	min-height: 28px;
	border-radius: 5px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 16px;
	transition: .1s background-color ease-in;
}
.square-content .square-article-list .square-article-pagination .pageBtnBox .pageNum:hover,
.square-content .square-article-list .square-article-pagination .pageBtnBox .pageNum.on {
	background-color: #d3edff;
}
.square-content .square-article-list .square-article-pagination .pageBtnBox .pageNum.on {
	color: #1380d1;
}
.square-content .square-article-list .square-article-pagination .pageBtnBox .prevBtn,
.square-content .square-article-list .square-article-pagination .pageBtnBox .nextBtn {
	width: 28px;
	height: 28px;
	background: url('data:image/svg+xml,<svg width="6" height="11" viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.84963 0.177042L0.185633 4.81404C0.126794 4.87267 0.0801084 4.94233 0.0482532 5.01903C0.0163979 5.09574 0 5.17798 0 5.26104C0 5.3441 0.0163979 5.42634 0.0482532 5.50305C0.0801084 5.57975 0.126794 5.64942 0.185633 5.70804L4.84563 10.34C4.90473 10.399 4.97492 10.4458 5.05215 10.4775C5.12938 10.5093 5.21213 10.5254 5.29563 10.525C5.37874 10.5257 5.46113 10.5097 5.53792 10.4779C5.61471 10.4462 5.68433 10.3993 5.74263 10.34C5.80171 10.2816 5.84861 10.2119 5.88062 10.1352C5.91262 10.0585 5.9291 9.97618 5.9291 9.89304C5.9291 9.80991 5.91262 9.7276 5.88062 9.65087C5.84861 9.57415 5.80171 9.50453 5.74263 9.44604L1.53363 5.25904L5.74663 1.07004C5.86223 0.953375 5.92709 0.79578 5.92709 0.631542C5.92709 0.467303 5.86223 0.309708 5.74663 0.193042C5.68823 0.1312 5.61765 0.0821247 5.53934 0.048908C5.46103 0.0156914 5.37669 -0.000946881 5.29163 4.15973e-05C5.12686 -0.000833813 4.96826 0.0626781 4.84963 0.177042Z" fill="%23151515"/></svg>') no-repeat center center / 6px;
}
.square-content .square-article-list .square-article-pagination .pageBtnBox .nextBtn {
	transform: rotate(180deg);
}
.square-content .square-article-list .square-article-pagination .pageBtnBox .prevSBtn,
.square-content .square-article-list .square-article-pagination .pageBtnBox .nextSBtn {
	width: 28px;
	height: 28px;
	background: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5315 10.3389L5.87147 5.7069C5.81263 5.64828 5.76595 5.57862 5.73409 5.50191C5.70224 5.4252 5.68584 5.34296 5.68584 5.2599C5.68584 5.17685 5.70224 5.0946 5.73409 5.0179C5.76595 4.94119 5.81263 4.87153 5.87147 4.8129L10.5315 0.179903C10.6531 0.0631629 10.816 -0.000767701 10.9846 0.00204197C11.1531 0.00485164 11.3138 0.0741738 11.4315 0.194903C11.5464 0.312117 11.6108 0.469736 11.6108 0.633903C11.6108 0.798071 11.5464 0.95569 11.4315 1.0729L7.22047 5.2599L11.4305 9.4459C11.549 9.56525 11.6153 9.7268 11.6147 9.89503C11.6142 10.0632 11.5468 10.2244 11.4275 10.3429C11.3081 10.4615 11.1466 10.5277 10.9783 10.5272C10.8101 10.5266 10.649 10.4593 10.5305 10.3399L10.5315 10.3389ZM4.84647 10.3389L0.186471 5.7069C0.127392 5.64842 0.0804933 5.5788 0.0484865 5.50207C0.0164798 5.42535 0 5.34304 0 5.2599C0 5.17677 0.0164798 5.09446 0.0484865 5.01774C0.0804933 4.94101 0.127392 4.87139 0.186471 4.8129L4.84647 0.179903C4.96825 0.0634064 5.13105 -0.000358824 5.29955 0.00244952C5.46805 0.00525786 5.62865 0.0744131 5.74647 0.194903C5.86094 0.312363 5.925 0.46989 5.925 0.633903C5.925 0.797916 5.86094 0.955443 5.74647 1.0729L1.53547 5.2599L5.74547 9.4459C5.86402 9.56525 5.93031 9.7268 5.92975 9.89503C5.92918 10.0632 5.86182 10.2244 5.74247 10.3429C5.62312 10.4615 5.46157 10.5277 5.29335 10.5272C5.12513 10.5266 4.96402 10.4593 4.84547 10.3399L4.84647 10.3389Z" fill="%23151515"/></svg>') no-repeat center center / 12px;
}
.square-content .square-article-list .square-article-pagination .pageBtnBox .nextSBtn {
	transform: rotate(180deg);
}

.square-content .square-article .square-article-title {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px 20px;
	border: 1px solid rgba(0, 0, 0, .6);
	border-left: 0;
	border-right: 0;
	background-color: #f3f3f3;
}
.square-content .square-article .square-article-title .article-badges {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 10px;
}
.square-content .square-article .square-article-title .article-text {
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
}
.square-content .square-article .square-article-title .article-date {
	flex-shrink: 0;
	margin-left: auto;
	color: #47474799;
	font-family: 'Pretendard';
	font-size: 16px;
	line-height: 26px;
	word-break: keep-all;
}
.square-content .square-article .square-article-content {
	padding: 30px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	box-sizing: border-box;
}
.square-content .square-article .square-article-content h3 {
	margin-bottom: 15px;
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 500;
	word-break: keep-all;
}
.square-content .square-article .square-article-content p {
	font-family: 'Pretendard';
	font-size: 16px;
	line-height: 26px;
	word-break: keep-all;
}
.square-content .square-article .square-article-content p a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-width: 100px;
	min-height: 42px;
	padding: 10px 20px;
	border: 1px solid #0089dd;
	border-radius: 10px;
	color: #fff;
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	background-color: #0089dd;
	box-sizing: border-box;
	transition: .1s background-color ease-in;
}
.square-content .square-article .square-article-content p a:hover {
	background-color: #0089ddcc;
}
.square-content .square-article .square-article-content p a::after {
	content: "→";
}
.square-content .square-article .square-article-content code {
	padding: 4px 10px;
	border-radius: 5px;
	color: #fff;
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	background-color: #0089dd;
}
.square-content .square-article .square-article-content ul {
	list-style: disc;
	padding-left: 16px;
}
.square-content .square-article .square-article-content li {
	font-family: 'Pretendard';
	font-size: 14px;
	line-height: 20px;
	word-break: keep-all;
}
.square-content .square-article .square-article-content li + li {
	margin-top: 5px;
}
.square-content .square-article .square-article-content table {
	border-collapse: collapse;
}
.square-content .square-article .square-article-content table td,
.square-content .square-article .square-article-content table th {
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, .6);
	font-family: 'Pretendard';
	font-size: 14px;
	line-height: 20px;
	word-break: keep-all;
}
.square-content .square-article .square-article-content table th {
	font-weight: 700;
	background-color: rgba(0, 0, 0, .05);
}
.square-content .square-article .square-article-content blockquote {
	padding: 1.25rem;
	border: 1px solid rgba(0, 0, 0, .1);
	border-left-width: .25rem;
	border-radius: .25rem;
	border-left-color: #0089dd;
}
.square-content .square-article .square-article-content blockquote + blockquote {
	margin-top: 20px;
}
.square-content .square-article .square-article-content blockquote p + ul {
	margin-top: 10px;
}
.square-content .square-article .square-article-content .review-grade {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d9d9d9;
}
.square-content .square-article .square-article-content .review-grade label {
	padding-top: 5px;
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
}
.square-content .square-article .square-article-content .review-grade .stars {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #ffdd00;
	font-size: 40px;
	line-height: 1;
}
.square-content .square-article .square-article-content label {
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
}
.square-content .square-article .square-article-content .review-text + label {
	display: inline-block;
	margin-top: 30px;
}
.square-content .square-article .square-article-content .review-text {
	color: #474747;
	font-family: 'Pretendard';
	font-size: 18px;
	line-height: 28px;
	word-break: keep-all;
}
.square-content .square-article .square-article-content .review-attachments {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}
.square-content .square-article .square-article-content .review-attachment {
	width: 180px;
	height: 180px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 10px;
	background: transparent no-repeat center center / cover;
}
.square-content .square-article .square-article-content label + .review-text,
.square-content .square-article .square-article-content label + .review-attachments {
	margin-top: 20px;
}
.square-content .square-article .square-article-content .contact-form-row {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.square-content .square-article .square-article-content .contact-form-row + .contact-form-row {
	margin-top: 30px;
}
.square-content .square-article .square-article-content .contact-form-row label {
	display: block;
}
.square-content .square-article .square-article-content .contact-form-row label + * {
	margin-top: 20px;
}
.square-content .square-article .square-article-content .contact-form-row input[type=text],
.square-content .square-article .square-article-content .contact-form-row input[type=email],
.square-content .square-article .square-article-content .contact-form-row textarea {
	display: block;
	width: 100%;
	padding: 18px 30px;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	font-family: 'Pretendard';
	font-size: 18px;
	resize: vertical;
	box-sizing: border-box;
}
.square-content .square-article .square-article-content .contact-form-row textarea {
	min-height: 300px;
	padding: 30px;
}
.square-content .square-article .square-article-content .contact-form-col {
	flex: 1 1 0;
}
.square-content .square-article .square-article-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 50px;
	margin-bottom: -10px;
}
.square-content .square-article .square-article-actions button.btn-thumb-up {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 20px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 30px;
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	background: none;
	transition: .1s background-color ease-in;
}
.square-content .square-article .square-article-actions button.btn-thumb-up:hover {
	background-color: rgba(0, 0, 0, .01);
}
.square-content .square-article .square-article-actions button.btn-thumb-up.active {
	border-color: #0089dd;
	color: #fff;
	background-color: #0089dd;
}
.square-content .square-article .square-article-actions button.btn-thumb-up i {
	width: 24px;
	height: 24px;
	background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5549 8.77783C12.5548 8.72049 12.5596 8.66222 12.5698 8.60347L13.2546 4.64491C13.3675 3.99231 13.0587 3.67411 12.7901 3.57854C12.5308 3.48631 12.1128 3.53146 11.7979 4.06875C10.8642 5.76913 9.97447 7.37832 9.33715 8.47114C8.85209 9.30288 7.96573 9.77536 7.0327 9.77532L5.69587 9.77526C4.898 9.80973 4.26172 10.4675 4.26172 11.2738V17.5037C4.26172 18.3321 4.93329 19.0037 5.76172 19.0037H6.01593C6.43014 19.0037 6.76593 19.3395 6.76593 19.7537C6.76593 19.7535 6.76593 19.754 6.76593 19.7537C6.76593 19.754 6.76593 19.7549 6.76593 19.7551C6.76593 20.1694 6.43014 20.5051 6.01593 20.5051H5.51172C3.99294 20.5051 2.76172 19.2739 2.76172 17.7551V11.0253C2.76172 9.50643 3.99301 8.27519 5.51184 8.27525L5.66858 8.27526C5.69955 8.27432 5.73064 8.27384 5.76185 8.27384L7.03276 8.2739C7.46237 8.27392 7.84 8.0594 8.0414 7.71405C8.66184 6.65018 9.53228 5.07662 10.4587 3.38974C10.4694 3.37036 10.4802 3.35119 10.4911 3.33223C10.5002 3.31574 10.5092 3.29924 10.5183 3.28273C11.1526 2.12743 12.3173 1.71139 13.3266 2.07059C14.3331 2.42882 14.9779 3.4845 14.7537 4.78019L14.198 7.99234C14.179 8.1408 14.2947 8.27392 14.446 8.27391L18.1576 8.27382C18.189 8.27382 18.2203 8.27429 18.2514 8.27524L18.4581 8.27523C20.1773 8.27519 21.475 9.83489 21.1623 11.5254L19.976 17.9393L19.9755 17.9422L19.9209 18.2445C19.6842 19.5533 18.5448 20.5051 17.2147 20.5051H10.1261C8.60729 20.5051 7.37608 19.2739 7.37608 17.7551V11.5861C7.37608 11.1719 7.71186 10.8361 8.12608 10.8361C8.54029 10.8361 8.87608 11.1719 8.87608 11.5861V17.5037C8.87608 18.3321 9.54765 19.0037 10.3761 19.0037H17.0059C17.7314 19.0037 18.3529 18.4845 18.482 17.7706L18.5 17.6709L18.5005 17.668L19.6327 11.5466C19.7992 10.6464 19.1284 9.81414 18.2239 9.77524L13.5552 9.77536C12.9938 9.77537 12.5551 9.31775 12.5549 8.77783Z" fill="%23484848"/></svg>') no-repeat center center / cover;
}
.square-content .square-article .square-article-actions button.btn-thumb-up.active i {
	background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.2857 4.16853C12.4773 3.06059 11.9267 2.15745 11.0657 1.85113C10.2024 1.54401 9.20679 1.90063 8.6642 2.88829C7.91494 4.25214 7.213 5.52026 6.70704 6.38886C6.53494 6.6843 6.21193 6.86791 5.84458 6.86789L4.6455 6.86784C3.34625 6.86779 2.29297 7.92102 2.29297 9.22027V14.7401C2.29297 16.0393 3.34619 17.0926 4.6454 17.0926H5.57747C5.92265 17.0926 6.20247 16.8127 6.20247 16.4676V9.61214C6.20247 9.30148 6.45431 9.04964 6.76497 9.04964C7.07563 9.04964 7.32747 9.30148 7.32747 9.61214V15.4259C7.32747 16.3464 8.07367 17.0926 8.99414 17.0926H14.3168C15.4546 17.0926 16.4292 16.2783 16.6317 15.1587L16.6707 14.9432L16.6711 14.9407L17.65 9.64809C17.9175 8.202 16.8074 6.86778 15.3368 6.86782L12.0662 6.86791C11.9369 6.86791 11.8388 6.75143 11.8609 6.62406L12.2857 4.16853Z" fill="white"/></svg>') no-repeat center center / cover;
}


.app-modal-lesson-selection .app-modal-dialog {
	width: 660px;
}
.app-modal-lesson-selection .app-modal-title {
	padding: 50px 50px 0;
}
.app-modal-lesson-selection .app-modal-title h2 {
	margin-top: 0;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}
.app-modal-lesson-selection .app-modal-title h2 span {
	display: block;
}
.app-modal-lesson-selection .app-modal-title h2 span.fz-small {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
}
.app-modal-lesson-selection .app-modal-title .closed {
	top: 46px;
	right: 45px;
}
.app-modal-lesson-selection .app-modal-content {
	padding: 20px 50px 30px;
}
.app-modal-lesson-selection .app-modal-content .actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 30px;
}

.app-modal-lesson-selection .selection-container {
	display: flex;
	align-items: center;
	width: 100%;
	height: 80px;
	padding: 20px 40px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
}
.app-modal-lesson-selection .selection-container::before {
	content: "";
	position: absolute;
	right: 40px;
	width: 14px;
	height: 26px;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8' fill='none'%3e%3cpath d='M6.69498 5.3863L1.92743 0.745219C1.75716 0.585775 1.52928 0.497729 1.29289 0.500045C1.05649 0.50236 0.830486 0.594853 0.663556 0.7576C0.496626 0.920346 0.402127 1.14032 0.400414 1.37015C0.398701 1.59998 0.489911 1.82126 0.654397 1.98635L6.05847 7.24536C6.22271 7.40397 6.44342 7.49507 6.67488 7.49981C6.90633 7.50454 7.13078 7.42253 7.30174 7.27078L12.7464 1.99073C12.9109 1.82565 13.0021 1.60436 13.0004 1.37453C12.9987 1.14471 12.9042 0.924728 12.7372 0.761981C12.5703 0.599235 12.3443 0.506742 12.1079 0.504426C11.8715 0.502111 11.6436 0.590158 11.4734 0.749602L6.69498 5.3863Z' fill='%23151515'/%3e%3c/svg%3e") no-repeat center center / contain;
	transition: all .2s ease;
}
.app-modal-lesson-selection .selection-container .select2-selection__rendered {
	padding: 0;
	color: #000;
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
}
.app-modal-lesson-selection .selection-container .app-info-message {
	width: 24px;
	height: 24px;
}

.app-modal-lesson-selection select.select2.select2-hidden-accessible {
	position: fixed !important;
}
.app-modal-lesson-selection select.select2 + .select2-container {
	display: block;
}
.app-modal-lesson-selection select.select2 + .select2-container.select2-container--open.select2-container--below .selection-container {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.app-modal-lesson-selection select.select2 + .select2-container.select2-container--open.select2-container--above .selection-container {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.app-modal-lesson-selection select.select2 + .select2-container.select2-container--open .selection-container::before {
	transform: scaleY(-1);
}
.app-modal-lesson-selection select.select2:not([disabled]) + .select2-container .app-info-message {
	display: none;
}

.app-modal-lesson-selection .selection-dropdown {
	overflow: hidden;
	color: #000;
	background-color: #fff;
	border-color: rgba(0, 0, 0, .1);
	border-radius: 3px;
}
.app-modal-lesson-selection .selection-dropdown.select2-dropdown--below {
	border-top: 0 solid transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.app-modal-lesson-selection .selection-dropdown.select2-dropdown--above {
	border-bottom: 0 solid transparent;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option {
	padding: 20px 40px;
}
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option span {
	font-family: 'Pretendard';
	font-size: 16px;
	letter-spacing: 0;
}
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option.select2-results__message {
	color: #dedede;
}
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted,
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option[aria-selected=true] {
	color: #000;
	background-color: #f8f8f8;
}
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled,
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option[aria-disabled=true] {
	color: #dedede;
	opacity: 0.4;
}
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option[role=group] {
	padding: 0;
}
.app-modal-lesson-selection .selection-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
	display: block;
	padding: 10px 30px;
}

.app-modal-lesson-selection .lesson-selection {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.app-modal-lesson-selection .lesson-selection > div {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: 'Pretendard';
}
.app-modal-lesson-selection .lesson-selection span.name {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
}
.app-modal-lesson-selection .lesson-selection span.schedule {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0;
}
.app-modal-lesson-selection .lesson-selection span.user,
.app-modal-lesson-selection .lesson-selection span.tutor {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
}
.app-modal-lesson-selection .lesson-selection span.date {
	color: rgba(0, 0, 0, .4);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
}