@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
html {
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 16px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
audio, canvas, img, video {
	vertical-align: middle;
}
body {
	line-height: 1.4;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, fieldset {
	border: 0;
}
input, select, textarea {
	line-height: 1.2;
	vertical-align: middle;
}
button, select {
	text-transform: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 1rem;
}
textarea {
	resize: vertical;
	overflow: auto;
	font-size: 1rem;
	border: none;
}
address, caption, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}
label {
	cursor: pointer;
}
legend {
	display: none;
	visibility: hidden;
}
caption {
	display: none;
	visibility: hidden;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #F1F1F5;
	margin: 1em 0;
	padding: 0;
}
a {
	color: #111;
	text-decoration: none;
}
a:active, a:hover, a:focus {
	text-decoration: none;
}
button {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	border: 0px;
	background: none;
}
body.mouse a:focus, body.mouse button:focus {
	outline: none;
}
* {
	box-sizing: border-box;
}
:root {
	--main-color: #152AB2;
	--main-light: #edf5ff;
	--point: #EA5514;
	--black-900: #111;
	--black-800: #333333;
	--black-700: #505050;
	--black-600: #666666;
	--black-500: #767676;
	--black-400: #999999;
	--black-300: #BBBBBB;
	--black-200: #E1E1E1;
	--black-100: #F1F1F5;
	--black-50: #F7F7FB;
	--black-0: #fff;
	--area-box-width: 1480px;
	--area-padding: 360px;
	--full-height: 100vh;
	--header-height: 80px;
	--font-family: 'Pretendard', "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;
	--radius-S: 4px;
}
body, table, th, td, button, select, input, textarea {
	font-family: var(--font-family);
	color: var(--black-900);
}
select {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.829' height='6.414' viewBox='0 0 10.829 6.414'%3E%3Cpath id='ico_select' d='M2119.471,1923.093l3.951,3.9,2.716-2.683,1.334-1.317' transform='translate(-2118.056 -1921.583)' fill='none' stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 17px top 50%;
	box-sizing: border-box;
	background-size: 8px;
}
body {
	background-color: var(--black-0);
}
.sr, .sr-only, .blind, .hidden {
	clip: rect(1px,1px,1px,1px);
	position: absolute;
	margin: -1px;
	height: 1px;
	width: 1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	word-wrap: normal;
}
span.need, span.must {
	font-size: 0;
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	height: 6px;
	width: 6px;
}
span.must:before {
	font-size: 1.2rem;
	font-weight: 700;
	content: "*";
	color: var(--point);
	position: absolute;
	top: -12px;
}
.chk {
	position: relative;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}
.chk:first-child {
	margin-left: 0;
}
.chk input {
	position: absolute;
	top: 3px;
	left: 2px;
	width: 10px;
	height: 10px;
	background: none;
	border: none;
	z-index: 1;
	opacity: 0;
}
.chk input+span {
	position: relative;
	display: block;
	font-size: 1rem;
	vertical-align: middle;
	cursor: pointer;
	z-index: 2;
	background: rgba(0,0,0,0);
	text-align: left;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--black-600);
	line-height: 1;
	white-space: nowrap;
}
.chk input+span:before {
	content: "";
	display: block;
	background: #fff;
	cursor: pointer;
	border: 1px solid var(--black-300);
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-radius: 6px;
	flex: none;
}
.chk input+span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 9px;
	height: 5px;
	margin-top: -2px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(5px,-50%) rotate(-50deg);
	opacity: 0;
}
.chk input:checked+span {
	color: var(--font);
}
.chk input:checked+span:before {
	background: var(--main-color);
	border-color: var(--main-color);
}
.chk input:checked+span:after {
	color: #fff;
	opacity: 1;
}
.chk input[type="radio"]+span:before {
	border-radius: 100%;
}
.chk input[type="radio"]+span:after {
	border-radius: 100%;
	line-height: 8px;
	height: 8px;
	width: 8px;
	background: var(--black-200);
	left: 6px;
	top: 50%;
	content: "";
	z-index: 2;
	flex: none;
	opacity: 1;
	transform: translateY(-50%);
	border: none;
	margin: 0;
}
.chk input[type="radio"]:checked+span:after {
	background: #fff;
}
.chk input[type="checkbox"]:disabled+span:before {
	opacity: 0.5;
	background: #d7dbe6;
	border-color: #ccc;
}
.chk input[type="checkbox"]:disabled+span {
	font-weight: 400;
	color: #c3c6d0;
}
.chk input+span.blind {
	width: 24px;
	height: 24px;
	flex: none;
	position: relative;
	line-height: 24px;
	visibility: visible;
	top: auto;
	left: auto;
	font-size: 0;
	gap: 0;
}
.chk input+span.blind:after, .chk input+span.blind:before {
	width: 100%;
	height: 100%;
}
.chk input+span.blind:after {
	font-size: 1rem;
	color: var(--black-600);
	opacity: 0.2;
}
.chk input+span.blind:before {
	border: 1px solid var(--black-300);
}
.chk input[type="checkbox"]:checked+span.blind:before {
	border-color: var(--main-color);
}
.chk input:checked+span.blind:after {
	opacity: 1;
	color: #fff;
}
.chk_btn {
	position: relative;
	overflow: hidden;
}
.chk_btn input {
	position: absolute;
	top: 8px;
	left: 12px;
	width: 10px;
	height: 10px;
	background: none;
	border: none;
	z-index: 1;
	opacity: 0;
}
.chk_btn input+span {
	position: relative;
	display: block;
	font-size: 1rem;
	vertical-align: middle;
	cursor: pointer;
	z-index: 2;
	background: #fff;
	text-align: center;
	height: 46px;
	padding: 0;
	white-space: nowrap;
	border-radius: 30px;
	color: var(--black-600);
	padding: 0 12px;
	border: 1px solid var(--black-300);
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 80px;
}
.chk_btn input:checked+span {
	background: var(--main-color);
	font-weight: 400;
	color: #fff;
	border-color: var(--main-color);
}
.chk_btn input:checked+span * {
	color: #fff;
}
.guide_error {
	color: var(--alert);
}
[class^="guide"] {
	position: absolute;
	left: 0;
	bottom: -10px;
	font-size: 13px;
	z-index: 1;
}
.guide_ok {
	color: var(--point) !important;
}
[class^="file_box_"] {
	position: relative;
}
[class^="file_box_"] .input_file {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}
.file_box_upload {
	border: 1px solid var(--gray-300);
	position: relative;
	padding: 0px;
	overflow: hidden;
	width: 100%;
	border: none;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.file_box_upload .guide_default {
	position: relative;
	left: auto;
	bottom: auto;
}
.dropzone_box {
	border: 1px solid var(--black-300);
	border-radius: var(--radius-S);
	padding: 0 40px 0 20px;
	min-height: 46px;
	width: 100%;
	font-size: 1rem;
	padding: 0;
	height: auto;
	position: relative;
	display: flex;
	gap: 1rem;
	align-items: center;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath d='M9.9998 4.66632L5.66647 8.99965C5.40125 9.26487 5.25226 9.62458 5.25226 9.99965C5.25226 10.3747 5.40125 10.7344 5.66647 10.9997C5.93169 11.2649 6.2914 11.4139 6.66647 11.4139C7.04154 11.4139 7.40125 11.2649 7.66647 10.9997L11.9998 6.66632C12.5302 6.13588 12.8282 5.41646 12.8282 4.66632C12.8282 3.91617 12.5302 3.19675 11.9998 2.66632C11.4694 2.13588 10.7499 1.83789 9.9998 1.83789C9.24966 1.83789 8.53024 2.13588 7.9998 2.66632L3.66647 6.99965C2.87082 7.7953 2.42383 8.87443 2.42383 9.99965C2.42383 11.1249 2.87082 12.204 3.66647 12.9997C4.46212 13.7953 5.54125 14.2423 6.66647 14.2423C7.79169 14.2423 8.87082 13.7953 9.66647 12.9997L13.9998 8.66632' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px 15px;
	background-size: 16px;
}
.dropzone_box p.tit {
	position: absolute;
	left: 20px;
	top: 20px;
	color: var(--gray-t1);
}
.dropzone_box .guide {
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translate(40px,-50%);
	color: var(--gray-t3);
	white-space: nowrap;
	z-index: 1;
	height: 46px;
	line-height: 46px;
	color: var(--black-400);
	font-size: 1rem;
}
.dropzone_box .tdbtn {
	opacity: 0;
	cursor: pointer !important;
	width: 100% !important;
	min-height: 44px;
	height: 100% !important;
}
.dropzone_box .filelist {
	display: flex;
	flex-direction: column;
	gap: 5px;
	position: relative;
	z-index: 2;
}
.filelist img {
	max-width: 100%;
	max-height: 60px;
}
.filelist p {
	display: flex;
	gap: 0.4rem;
	align-items: center;
}
.filelist p .filename a {
	text-decoration: underline dotted;
	text-decoration-color: #020405;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}
.file_box_pic_upload .dropzone_box {
	padding: 30px;
}
.file_box_pic_upload .filelist ul {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	flex-direction: row;
}
.file_box_pic_upload .filelist li {
	width: calc(10.94% - 10px);
	overflow: hidden;
	margin: 0;
	min-width: 112px;
	position: relative;
	padding: 0;
	min-height: auto;
}
.file_box_pic_upload .filelist .pic {
	position: relative;
	padding: 0;
	margin: 0;
	padding-top: 100%;
	width: 100%;
	height: 0;
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-S);
	overflow: hidden;
}
.file_box_pic_upload .filelist .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.upload_g {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 20px;
}
.file_box_pic_upload .filelist li .bt_del {
	position: absolute;
	right: 10px;
	top: 10px;
	border: 1px solid #fff;
}
.dropzone_box.required:before {
	content: "*";
	position: absolute;
	left: 10px;
	top: 8px;
	color: var(--primary);
	font-size: 16px;
	font-weight: 700;
}
.form_bx {
	position: relative;
	width: 100%;
}
.form_head {
	width: 100%;
	margin-bottom: -1rem;
}
.form_head h4 {
	font-size: 1.5rem;
}
p[class^="guide"] {
	position: absolute;
	left: 0px;
	bottom: -21px;
	font-size: 12px;
	color: var(--black-600);
	z-index: 1;
	font-weight: 500;
}
p.guide_error {
	color: #FF535A;
	padding-left: 8px;
	display: none;
}
p.guide_form {
	left: auto;
	bottom: auto;
	right: 0;
	top: 0;
}
.info_tip {
	position: relative;
	background: #edf5ff;
	border-radius: 10px;
	padding: 1rem;
	padding-left: 36px;
	color: var(--main-color);
}
.info_tip:before {
	background: url("data:image/svg+xml,%3Csvg width='50' height='48' viewBox='0 0 50 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.6587 21.0265V15.0918C34.6587 14.9605 34.7244 14.8784 34.8557 14.8456C35.4796 14.7635 36.087 14.7225 36.678 14.7225C39.4031 14.7225 40.7657 15.8142 40.7657 17.9976C40.7657 19.0811 40.4128 19.9183 39.7068 20.5093C39.0174 21.0839 38.0077 21.3712 36.678 21.3712C36.087 21.3712 35.4796 21.3302 34.8557 21.2481C34.7244 21.2152 34.6587 21.1414 34.6587 21.0265Z' fill='%23EA5514'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.8375 40.1971H37.6875C45.075 40.1971 50 35.2721 50 27.8846V13.1094C50 5.72194 45.075 0.796936 37.6875 0.796936H13.0625C5.675 0.796936 0.75 5.72194 0.75 13.1094V27.8846C0.75 35.2721 5.675 40.1971 13.0625 40.1971V45.4422C13.0625 47.4122 15.2541 48.5695 16.8793 47.486L27.8375 40.1971ZM31.6545 29.8422C31.9336 30.1213 32.2619 30.2608 32.6395 30.2608H33.2551C33.6327 30.2608 33.961 30.1213 34.2401 29.8422C34.5192 29.5631 34.6587 29.2348 34.6587 28.8572V24.08C34.6587 23.9486 34.7244 23.883 34.8557 23.883C35.7422 23.9486 36.4563 23.9815 36.9981 23.9815C39.3293 23.9815 41.0858 23.4561 42.2678 22.4055C43.4663 21.3548 44.0655 19.8034 44.0655 17.7513C44.0655 15.8962 43.4499 14.4844 42.2186 13.5158C40.9874 12.5308 39.1405 12.0383 36.678 12.0383C35.3811 12.0383 34.0349 12.104 32.6395 12.2353C32.2455 12.2682 31.9171 12.4405 31.6545 12.7525C31.3918 13.0644 31.2605 13.4173 31.2605 13.8113V28.8572C31.2605 29.2348 31.3918 29.5631 31.6545 29.8422ZM8.40847 15.1411C8.03089 15.1411 7.70255 15.0097 7.42347 14.7471C7.14439 14.468 7.00485 14.1397 7.00485 13.7621V13.6882C7.00485 13.3106 7.14439 12.9823 7.42347 12.7032C7.70255 12.4241 8.03089 12.2846 8.40847 12.2846H18.8987C19.2763 12.2846 19.6046 12.4241 19.8837 12.7032C20.1628 12.9823 20.3023 13.3106 20.3023 13.6882V13.7621C20.3023 14.1397 20.1628 14.468 19.8837 14.7471C19.6046 15.0097 19.2763 15.1411 18.8987 15.1411H15.599C15.4676 15.1411 15.402 15.215 15.402 15.3627V28.8572C15.402 29.2348 15.2624 29.5631 14.9833 29.8422C14.7043 30.1213 14.3759 30.2608 13.9983 30.2608H13.3088C12.9313 30.2608 12.6029 30.1213 12.3238 29.8422C12.0448 29.5631 11.9052 29.2348 11.9052 28.8572V15.3627C11.9052 15.215 11.8396 15.1411 11.7082 15.1411H8.40847ZM24.9919 30.2608C24.6143 30.2608 24.286 30.1213 24.0069 29.8422C23.7278 29.5631 23.5882 29.2348 23.5882 28.8572V13.6882C23.5882 13.3106 23.7278 12.9823 24.0069 12.7032C24.286 12.4241 24.6143 12.2846 24.9919 12.2846H25.9769C26.3545 12.2846 26.6828 12.4241 26.9619 12.7032C27.241 12.9823 27.3805 13.3106 27.3805 13.6882V28.8572C27.3805 29.2348 27.241 29.5631 26.9619 29.8422C26.6828 30.1213 26.3545 30.2608 25.9769 30.2608H24.9919Z' fill='%23EA5514'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
	width: 26px;
	height: 26px;
	flex: none;
	display: block;
	content: "";
	background-size: 26px;
	position: absolute;
	left: 6px;
	top: -4px;
}
.editor_box p[class^="guide"] {
	bottom: -22px;
}
.form_bx label+input[type="text"], .form_bx label+input[type="password"] {
	margin-left: 0;
}
.form_bx .tipinfo {
	font-size: 12px;
	color: #666f8c;
	display: flex;
	align-items: center;
	gap: 2px;
}
.form_bx .tipinfo .must {
	height: 12px;
}
.form_bx .chkbtn_box .flex {
	gap: 0;
}
.form_bx input[type="text"], .form_bx input[type="password"], .form_bx input[type="number"], .form_bx input[type="email"], .form_bx input[type="tel"], .form_bx input[type="url"], .form_bx select, .form_bx input[type="time"] {
	border: 1px solid var(--black-300);
	border-radius: var(--radius-S);
	padding: 0 20px 0 20px;
	min-height: 46px;
	width: 100%;
	font-size: 1rem;
}
.form_bx input[type="text"]:disabled, .form_bx input[type="password"]:disabled, .form_bx input[type="number"]:disabled, .form_bx input[type="email"]:disabled, .form_bx input[type="tel"]:disabled, .form_bx input[type="url"]:disabled, .form_bx select:disabled, .form_bx input[type="time"]:disabled {
	border-color: var(--black-200);
}
.form_bx input[type="time"] {
	padding-right: 0;
}
.form_bx select {
	padding-right: 40px;
}
.form_bx select option {
	height: 30px;
}
.form_bx input[type="text"]:focus, .form_bx input[type="password"]:focus, .form_bx input[type="number"]:focus, .form_bx input[type="email"]:focus, .form_bx input[type="tel"]:focus, .form_bx select:focus, .form_bx input[type="time"]:focus, .form_bx input[type="url"]:focus {
	border-color: var(--black-800) !important;
	background-color: rgba(0,0,0,0);
}
.form_bx .chk_g {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 1rem;
}
.form_bx ::-webkit-input-placeholder {
	font-weight: 400;
}
 .form_bx ::-moz-placeholder {
	font-weight: 400;
}
.form_bx ::placeholder {
	font-weight: 400;
}
.form_bx :-ms-input-placeholder {
	font-weight: 400;
}
.form_bx :-moz-placeholder {
	font-weight: 400;
}
.form_bx textarea, .form_bx .law_box {
	border-radius: var(--radius-S);
	min-height: 170px;
	padding: 20px;
	background: var(--black-50);
	width: 100%;
	overflow-y: auto;
}
.form_bx textarea:focus {
	background: #fff;
	border-color: var(--tit-line);
}
.form_bx, .article_body .list_bx {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.article_body .list_bx .form_head {
	margin-bottom: 0;
}
.form_bx [class*="item_"] {
	display: flex;
	width: 100%;
}
.form_bx dl[class*="item_"] {
	flex-direction: column;
	gap: 1rem;
}
.form_bx [class*="item_"] dt {
	font-size: 1.125rem;
	font-weight: 700;
}
.form_bx [class*="item_"] dt [class^="guide"] {
	position: relative;
	left: auto;
	bottom: auto;
	font-weight: 400;
	padding-left: 20px;
	color: var(--black-700);
}
.form_bx [class*="item_"] dt .chk input+span {
	font-size: 1.125rem;
}
.form_bx [class*="item_"] dd {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	position: relative;
	width: 100%;
}
.form_bx>.flex {
	gap: 25px;
	display: flex;
}
.form_bx .tdbtn {
	height: 46px;
	padding: 0 1rem;
}
.form_bx dd .txt {
	min-height: 46px;
	padding: 11px 0;
}
.form_bx dd .txt_count {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14px;
	padding: 0.8rem 1rem;
	width: auto;
	display: block;
	color: var(--black-700);
}
.form_bx [class*="item_"] dd dl {
	display: flex;
	gap: 30px;
}
.form_bx [class*="item_"] dd dl dt {
	min-width: 100px;
	font-weight: 500 !important;
}
.form_bx [class*="item_"] dd dl dd {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	flex-wrap: wrap;
}
.form_bx [class*="item_"] dd .list_g {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.form_bx [class*="item_"] dd >div {
	display: flex;
	gap: 0.5rem;
}
[class*="item_"] .adress, [class*="item_"] .adress>div {
	display: flex;
	gap: 0.5rem;
	width: 100%;
}
[class*="item_"] .adress .zip {
	width: auto;
	flex: none;
}
[class*="item_"] .adress .zipcode {
	width: 110px;
	flex: none;
}
[class*="item_"] .adress .detail {
	width: 100%;
}
.form_bx dl.item_file dd {
	gap: 1rem;
}
.form_bx>.flex>dl:not(:first-of-type) dt{ 
	text-align: right;
} 

.tdbtn {
	background: #fff;
	border-radius: var(--radius-S);
	border: 1px solid var(--main-color);
	flex: none;
	color: var(--main-color);
	height: 46px;
	padding: 0 1rem;
	white-space: nowrap;
}
@media all and (max-width: 1280px) {
	.form_bx>.flex {
		flex-direction: column;
	}
	.flex_wrap {
		flex-direction: column;
		gap: 25px;
	}
	.form_bx .flex_wrap>* {
		width: 100%;
	}
	.form_bx>.flex>dl:not(:first-of-type) dt {
		text-align: left;
		min-width:150px !important;
	}
	
	
}
.bt_del {
	transform: translate(0,0);
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='M16.545 3.45508L3.4541 16.546' stroke='currentColor' stroke-width='2' fill='none'%3E%3C/path%3E%3Cpath d='M3.4541 3.45401L16.545 16.5449' stroke='currentColor' stroke-width='2' fill='none'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
	background-size: 12px;
	opacity: 0.6;
	border-radius: 100%;
}
.bt_del:hover, .bt_del:focus {
	opacity: 1;
	background-color: var(--black-200);
}
.bt_sch {
	height: 20px;
	width: 20px;
	background: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.86237 15C7.41541 15 6.00094 14.5895 4.79783 13.8203C3.59472 13.0511 2.65702 11.9579 2.10329 10.6788C1.54956 9.3997 1.40468 7.99224 1.68696 6.63437C1.96925 5.2765 2.66603 4.02922 3.68919 3.05026C4.71235 2.07129 6.01593 1.4046 7.43509 1.13451C8.85426 0.86441 10.3253 1.00303 11.6621 1.53285C12.9989 2.06266 14.1415 2.95987 14.9454 4.11101C15.7493 5.26216 16.1784 6.61553 16.1784 8C16.1784 9.85652 15.4076 11.637 14.0356 12.9497C12.6635 14.2625 10.8027 15 8.86237 15Z' stroke='%23292D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0499 15.667L15.3076 14' stroke='%23292D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
	flex: none;
}
.swiper_tool {
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 2;
	align-items: center;
	gap: 5px;
	z-index: 6;
	display: flex;
}
.swiper_tool .swiper-button-next, .swiper_tool .swiper-button-prev {
	position: relative;
	height: 24px;
	background: none;
	width: 24px;
	flex: none;
	margin: 0;
	padding: 0;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	font-size: 0;
	line-height: 0;
	text-indent: -999px;
	overflow: hidden;
}
.swiper_tool .swiper-button-prev {
	transform: rotate(180deg);
}
.swiper_tool .swiper-button-next:after, .swiper_tool .swiper-button-prev:after {
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33329 1.66669L6.66663 7.00003L1.33329 12.3334' stroke='%23141414' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
	background-color: rgba(0,0,0,0);
}
.swiper_tool .swiper-pagination {
	position: relative;
	bottom: auto;
	top: auto;
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 15px;
	margin-right: 20px;
	color: rgba(0,0,0,0.4);
}
.swiper_tool .swiper-button-next + .swiper-pagination {
	margin-left: 1rem;
}
.swiper_tool .progress__bar {
	width: 120px;
	height: 4px;
	background: rgba(0,0,0,0.12);
	flex: none;
	margin-right: 30px;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.swiper_tool .progress__fill {
	display: block;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 3px;
}
.swiper_tool .swiper-pagination-current {
	color: var(--main-color);
	font-weight: 700;
}
.swiper_tool .swiper-btn-play {
	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12.7789C4 13.3063 4.5835 13.6249 5.02717 13.3397L12.461 8.56078C12.8692 8.29836 12.8692 7.70164 12.461 7.43921L5.02717 2.66032C4.5835 2.37511 4 2.69367 4 3.22111V12.7789Z' fill='%23111111' stroke='%23111111' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
	width: 24px;
	height: 24px;
	flex: none;
}
.swiper_tool .swiper-btn-play.paused {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33325 2.66667V13.3333' stroke='%23111111' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M10.6667 2.66667V13.3333' stroke='%23111111' stroke-width='1.33333' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.jconfirm .jconfirm-box.jconfirm-type-qna_confirm {max-width: 380px;}
.jconfirm .jconfirm-box {
	width: 85%;
	min-width: 260px;
	max-width: 600px;
	padding: 24px !important;
	border-radius: 16px !important;
	max-height: 85%;
}
.jconfirm .jconfirm-box.jconfirm-type-alert {
	max-width: 360px;
}
.jconfirm [class*="jconfirm-type-content_"] {
	width: 94%;
	max-width: 600px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
	float: none;
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	padding-top: 0;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
	border-radius: 4px;
	padding: 0 28px;
	font-weight: 500 !important;
	font-size: 1rem !important;
	margin: 0;
	height: 44px;
	transition: .3s;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button:hover, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button:focus, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button:focus {
	transform: translateY(-2px);
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn_positive, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn_positive {
	background: var(--main-color);
	color: #fff;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
	right: 16px !important;
	top: 14px !important;
	width: 40px !important;
	height: 40px !important;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .bt_close {
	width: 40px;
	height: 40px;
	left: 0;
	top: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='M16.545 3.45508L3.4541 16.546' stroke='currentColor' stroke-width='1' fill='none'%3E%3C/path%3E%3Cpath d='M3.4541 3.45401L16.545 16.5449' stroke='currentColor' stroke-width='1' fill='none'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
	background-size: 22px;
	display: block;
}
.jconfirm-content {
	font-size: 1rem;
	font-weight: 400;
	min-height: 100px;
}
.jconfirm .jconfirm-box.jconfirm-type-alert .jconfirm-content {
	font-size: 1rem;
	text-align: center;
	align-content: center;
	padding-top: 30px;
	font-weight: 400;
}
.jconfirm .jconfirm-box.jconfirm-type-alert .jconfirm-buttons {
	 float: none !important;
}
.jconfirm-content .default {
	word-break: keep-all;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
	margin-bottom: 40px;
	transition: none !important;
}
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
	opacity: 0.4;
	background: #000000;
	transition-duration: 0.2s !important;
	transition-timing-function: cubic-bezier(0.36,0.55,0.19,1) !important;
	width: 100%;
	height: 100%;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
	margin-bottom: 20px;
	border-bottom: 1px solid var(--black-600);
	padding-bottom: 0 !important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	font-size: 1.25rem !important;
	font-weight: 600;
	text-align: left;
	padding-bottom: 20px;
	letter-spacing: -0.02em;
	padding-right: 40px;
	word-break: keep-all;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
	background: rgba(0,0,0,0) !important;
}
.jconfirm .jconfirm-type-sign_confirm div.jconfirm-title-c {
	text-align: left;
}
.jconfirm-content .signbx {
	height: 260px;
	border: 1px solid var(--black-200);
	background: var(--black-50);
	position: relative;
}
.jconfirm-content .signbx p.guide {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: var(--black-400);
	font-size: 0.95rem;
	bottom: auto;
	font-weight: 400;
}
.badge {
	border: 1px solid var(--black-900);
	font-size: 0.9rem;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	border-radius: 100px;
	font-weight: 500;
}
.badge.end {
	border-color: var(--main-color);
	color: var(--main-color);
}
.txt-sb {
	font-weight: 700;
}
.txt-md {
	font-weight: 500;
}
.txt-rg {
	font-weight: 400;
}
.txt-2xl {
	font-size: 3rem;
}
.txt-xl {
	font-size: 1.75rem;
}
.txt-l {
	font-size: 1.375rem;
}
.txt-m {
	font-size: 1.125rem;
}
.txt-s {
	font-size: 0.875rem;
}
.txt-xs {
	font-size: 0.75rem;
}
.area-wide, .area-box, .content_w {
	max-width: var(--area-box-width);
	margin: 0px auto;
	width: 100%;
	padding: 0 60px;
}
@media screen and (max-width: 1023px) {
	.txt-2xl {
		font-size: 2.5rem;
	}
	.txt-xl {
		font-size: 1.5rem;
	}
	.txt-l {
		font-size: 1.25rem;
	}
	.txt-m {
		font-size: 1rem;
	}
	.area-wide, .area-box, .content_w {
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	html {
		font-size: 14px;
	}
	:root {
		--header-height: 60px;
	}
	.txt-2xl {
		font-size: 2.285rem;
	}
	.txt-xl {
		font-size: 1.428rem;
	}
	.txt-l {
		font-size: 1.142rem;
	}
}
table {
	text-align: center;
	border-bottom: 1px solid var(--black-200);
}
table th, table td {
	padding: 4px 20px;
	height: 52px;
	border-bottom: 1px solid var(--black-200);
	vertical-align: middle;
}
table th {
	font-weight: 600;
	text-align: center;
}
table.sbTable {
	border: 1px solid var(--black-300);
	table-layout: auto;
}
table.sbTable th, table.sbTable td {
	border-right: 1px solid var(--black-300);
	border-color: var(--black-300);
	height: 40px;
	font-size: 15px;
}
table.sbTable thead th {
	background: var(--black-50);
}
.list_w, .view_w {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}
.list_w .list_foot, .view_w .list_foot {
	margin-top: 30px;
}
[data-only_mobile="true"] {
	display: none !important;
}
[data-only_web="true"] {
	display: flex !important;
}
.list_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.92rem;
}
.list_head .total>strong {
	color: var(--main-color);
}
.list_body .table_bx {
	padding: 0 0 0px 0px;
	width: 100%;
}
tr[data-href] {
	cursor: pointer;
}
.list_body table {
	width: 100%;
	table-layout: fixed;
}
.list_body table th, .list_body table td {
	vertical-align: middle;
	font-size: 1rem;
}
.list_body table thead th {
	color: #222;
	width: 100%;
	background: var(--main-light);
	font-weight: 500;
	font-size: 14px;
}
.list_body table tbody tr {
	width: 100%;
}
.list_body table td {
	background: #fff;
	color: var(--font);
	font-size: 0.9375rem;
	font-weight: 400;
	padding: 10px 20px;
	height: 70px;
}
.list_body table td a {
	text-align: left;
	font-size: 1rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	max-width: 90%;
	vertical-align: middle;
}
.list_body table td a > strong {
	font-weight: 400;
}
.list_body table td a:hover > strong {
	text-decoration: underline dotted;
	text-decoration-color: #020405;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}
.list_body table thead tr th:first-of-type {
	border-radius: 6px 0 0 6px;
}
.list_body table thead tr th:last-of-type {
	border-radius: 0 6px 6px 0;
}
.list_body table thead tr:last-of-type th {
	border-bottom: none;
}
.list_body table .img.thum_ss {
	height: 35px;
	border: 1px solid var(--black-50);
	text-align: center;
	overflow: hidden;
	position: relative;
}
.list_body table .img.thum_ss img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.list_body table td .badge, .list_body table td [class^="badge"] {
	display: inline-flex;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0 0 0px;
}
.list_body table td a + .badge {
	margin-left: 6px;
}
.list_body table td [class^="badge"]+a {
	margin-left: 1rem;
	max-width: calc(100% - 160px);
}
.al {
	text-align: left;
}
.list_body table td i.lock, .list_body table td i.file {
	display: inline-flex;
	width: 26px;
	height: 26px;
	background: #ff0000;
	margin-right: 4px;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.9175 17.8068L15.8084 10.2535C16.7558 9.34668 16.7558 7.87637 15.8084 6.96951C14.861 6.06265 13.325 6.06265 12.3776 6.96951L4.54387 14.4681C2.74382 16.1911 2.74382 18.9847 4.54387 20.7077C6.34391 22.4308 9.26237 22.4308 11.0624 20.7077L19.0105 13.0997C21.6632 10.5605 21.6632 6.44362 19.0105 3.90441C16.3578 1.3652 12.0569 1.3652 9.40419 3.90441L3 10.0346' stroke='%231C274C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
	vertical-align: middle;
	background-size: 20px;
}
.list_body table td i.lock {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16Z' stroke='%231C274C' stroke-width='1.5'/%3E%3Cpath d='M12 14V18' stroke='%231C274C' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6 10V8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8V10' stroke='%231C274C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.paging_bx .paging_inner {
	display: flex;
	justify-content: center;
	font-size: 0;
	margin: 0;
}
.paging_bx .paging_inner span {
	height: 36px;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	background: none;
	white-space: nowrap;
	flex: none;
}
.paging_bx .paging_inner span a, .paging_bx .paging_inner span strong {
	display: block;
	height: 100%;
	padding: 0 8px;
	min-width: 36px;
	font-size: 1rem;
	border-radius: 4px;
	line-height: 36px;
}
.paging_bx .paging_inner span strong {
	color: #fff;
	background: var(--black-900);
}
.paging_bx .paging_inner span a:hover {
	color: var(--main-color);
}
.list_foot .btn_g, .view_foot .btn_g {
	display: flex;
	gap: 20px;
	justify-content: flex-end;
	position: relative;
	min-height: 46px;
}
.nodata {
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	height: 100%;
	flex-direction: column;
	position: relative;
	min-height: 150px;
	width: 100%;
}
.nodata:before {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #D1D1D1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.238' height='42.531' viewBox='0 0 45.238 42.531'%3E%3Cpath id='Vector' d='M36.484,42.531H8.751c-3.637,0-6.414-1.323-7.821-3.726s-1.212-5.465.54-8.644L15.338,5.2C17.2,1.847,19.782,0,22.617,0S28.038,1.847,29.9,5.2l13.866,24.96c1.758,3.169,1.951,6.239.542,8.644S40.121,42.531,36.484,42.531Zm-13.869-12.2a1.874,1.874,0,0,0-.43.05,1.37,1.37,0,0,0-.39.129,1.7,1.7,0,0,0-.39.2l-.163.131-.163.131a2.2,2.2,0,0,0,0,3.077c.109.086.216.172.326.259a1.624,1.624,0,0,0,.39.195,1.44,1.44,0,0,0,.39.131,3.281,3.281,0,0,0,.433.043,2.67,2.67,0,0,0,.411-.043,1.381,1.381,0,0,0,.411-.131,1.65,1.65,0,0,0,.39-.195c.109-.088.216-.174.326-.259a2.2,2.2,0,0,0,0-3.077l-.163-.131L23.83,30.7a1.728,1.728,0,0,0-.39-.2,1.325,1.325,0,0,0-.411-.129A1.674,1.674,0,0,0,22.615,30.327Zm0-16.787a1.627,1.627,0,0,0-1.624,1.626V26a1.627,1.627,0,0,0,1.624,1.626A1.647,1.647,0,0,0,24.242,26V15.167A1.647,1.647,0,0,0,22.617,13.541Z' fill='%23d1d1d1'/%3E%3C/svg%3E");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 45px;
	width: 100%;
	height: 45px;
	content: "";
	margin-bottom: 10px;
}
.nodata, .nodata > p {
	font-size: 16px;
	width: 100% !important;
	text-align: center;
}
.list_body .nodata {
	min-height: 300px;
}
.nodata > p + * {
	margin-top: 4px;
}
.nodata >button {
	max-width: 200px;
	margin-top: 20px;
}
.nodata > p.strong {
	font-size: 1.125rem;
	margin-top: 10px;
}

/* SUNHO CSS CUSTOMIZE */
.txt-faq-ans {
	white-space: pre-line;
}

#header {
	position: fixed;
	height: var(--header-height);
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background-color: var(--black-0);
	box-shadow: rgba(149,157,165,0.07) 0 8px 15px;
}
#header .h-inner {
	margin: 0 60px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header .logo-box {
	z-index: 1001;
}
#header .logo-box .logo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 48px;
	flex: none;
	background: url("../img/logo/logo.svg") no-repeat 0 50%;
	width: 184px;
}
#header .hg-wrap .hg_main {
	display: flex;
	gap: 4rem;
}
#header .hg-wrap .hg_main li a {
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
}
#header .hg-wrap .hg_main li.on {
	border-bottom: 3px solid var(--main-color);
}
#header .hg-wrap .hg_main li.on a {
	font-weight: 700;
	color: var(--main-color);
}
#header .hg-wrap .hg_main li a:hover {
	color: var(--main-color);
}
#header .h-gnb {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#header [data-only_web] {
	width: 180px;
	flex: none;
	display: flex;
	justify-content: flex-end;
}
#header .btn_primary {
	background: var(--main-color);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	color: #fff;
	padding: 0 1rem;
	font-size: 15px;
}
#header .mobile-menu-btn {
	display: none;
	flex-direction: column;
	justify-content: space-between;
	width: 20px;
	height: 16px;
	border: none;
	background: none;
	cursor: pointer;
	z-index: 1001;
}
#header .mobile-menu-btn span {
	display: block;
	width: 20px;
	height: 2px;
	background: var(--black-900);
	border-radius: 2px;
	transition: all 0.3s ease;
}
#header .mobile-menu-btn.active span:nth-child(1) {
	transform: rotate(45deg) translate(5px,5px);
}
#header .mobile-menu-btn.active span:nth-child(2) {
	opacity: 0;
}
#header .mobile-menu-btn.active span:nth-child(3) {
	transform: rotate(-45deg) translate(5px,-5px);
}
#header .mobile-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: white;
	z-index: 999;
	opacity: 0;
	transform: translateY(-100%);
	transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
#header .mobile-nav.active {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
#header .mobile-nav ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	text-align: center;
}
#header .mobile-nav ul li a {
	color: var(--black-900);
	font-weight: 700;
	transition: color 0.2s;
}
#footer {
	background-color: var(--black-700);
}
#footer .f-inner {
	padding: 40px 60px 60px 300px;
	display: flex;
	align-items: flex-start;
	color: rgba(255,255,255,0.75);
	flex-direction: column;
	gap: 1rem;
	position: relative;
	max-width: var(--area-box-width);
	margin: 0 auto;
	width: 100%;
}
#footer .f-inner:before {
	content: "";
	display: block;
	position: absolute;
	left: 60px;
	top: 40px;
	width: 200px;
	height: 60px;
	background: url(../img/logo/logo.svg) no-repeat 0 0%;
	filter: invert(1) brightness(30);
	opacity: 0.5;
}
#footer a {
	color: #fff;
}
#footer address {
	font-size: 14px;
	font-weight: 400;
}
@media screen and (max-width: 1100px) {
	#header [data-only_web="true"] {
		display: none !important;
	}
	#header .h-gnb {
		justify-content: flex-end;
	}
}
@media screen and (max-width: 1464px) {
	.info_tip {margin-top: 16px;}
}
@media screen and (max-width: 1280px) {
	.info_tip {margin-top: 0px;}
}
@media screen and (max-width: 1023px) {
	#header {
		padding: 0 40px;
	}
	#header .hg-wrap .hg_main {
		gap: 2rem;
	}
	#header .h-inner {
		margin: 0;
	}
	#footer .f-inner {
		padding: 40px 40px 60px 400px;
	}
	.list_body table {
		border-top: 1px solid var(--black-400);
		border-bottom: 1px solid var(--black-400);
	}
	.list_body table thead, .list_body table colgroup {
		display: none;
	}
	.list_body table tbody, .list_body table tr, .list_body table th, .list_body table td {
		display: block;
		border: none;
		margin: 0;
		padding: 0;
	}
	.list_body table tr:first-child {
		border-top: 0;
	}
	.list_body table tr {
		display: flex;
		flex-direction: column;
		gap: 8px;
		border-top: 1px solid var(--black-200);
		padding: 16px 0;
		position: relative;
		flex-wrap: wrap;
	}
	.list_body table td {
		display: inline-flex;
		flex-wrap: wrap;
		height: auto;
	}
	.list_body table td[data-th="no"] {
		display: none;
	}
	.list_body table td[data-th="제목"] {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		width: 100%;
	}
	.list_body table td [class^="badge"]+a {
		margin-left: 0;
		max-width: 100%;
	}
	.list_body table td[data-th="작성자"] {
		width: fit-content;
	}
	.list_body table td[data-th="날짜"] {
		position: absolute;
		bottom: 16px;
		right: 0;
	}
	.list_body table i.lock, .list_body table i.file {
		position: absolute;
	}
	.list_body table i.file {
		right: 0;
	}
	.list_body table i.lock {
		right: 40px;
	}
	.list_foot .btn_g button {
		width: 100%;
		margin-top: 20px;
	}
}
@media screen and (max-width: 767px) {
	#header {
		padding: 0 20px;
	}
	#header .hg-wrap {
		display: none !important;
	}
	#header .h-gnb {
		display: none;
	}
	#header .mobile-menu-btn {
		display: flex !important;
	}
	#header .logo-box .logo {
		height: 40px;
		background-size: contain;
	}
	#footer .f-inner {
		padding: 32px 20px 56px;
	}
	#footer .f-inner:before {
		position: relative;
		left: 0;
		top: 0;
	}
	.form_bx, .article_body .list_bx {
		gap: 20px;
	}
	.form_head {
		margin-bottom: 0;
	}
	.form_head h4 {
		font-size: 1.428rem;
	}
	.form_bx dl[class*="item_"] {
		gap: 8px;
	}
	.form_bx input[type="text"], .form_bx input[type="password"], .form_bx input[type="number"], .form_bx input[type="email"], .form_bx input[type="tel"], .form_bx input[type="url"], .form_bx select, .form_bx input[type="time"] {
		padding: 0 12px;
	}
	.chk_btn input+span {
		height: 36px;
		min-width: 60px;
	}
	[class*="item_"] .adress, [class*="item_"] .adress>div {
		flex-wrap: wrap;
	}
	.chk input+span {
		white-space: wrap;
		line-height: 1.4;
		align-items: flex-start;
	}
	.chk input+span:before {
		position: relative;
		top: 1px;
	}
	.chk input+span:after {
		top: 11px;
	}
	p[class^="guide"] {
		bottom: -24px;
	}
	.paging_bx .paging_inner {
		flex-wrap: wrap;
	}
	.form_bx [class*="item_"] {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	p.guide_error {
		position: relative;
		bottom: 0;
		padding-left: 0;
		padding-top: 4px;
	}
	.form_bx dd .txt_count {
		padding: 2rem 1.15rem;
	}
	.info_tip {
		margin-top: 20px;
	}
}
@media screen and (max-width: 356px) {
	.info_tip {margin-top: 32px;}
}