@charset "UTF-8";
/* default command */
.dp-none {
	display: none !important;
}

.dp-b {
	display: block !important;
}

.dp-ib {
	display: inline-block !important;
}

.disable {
	background: #e6e6e6 !important;
	color: #9e9e9e !important;
	cursor: default !important;
}

/* 전체 리스트 컨테이너 */
.list-container {
    display: flex;
    flex-direction: row; /* 'row'로 변경하여 가로 정렬 */
    align-items: center;
    justify-content: center; /* 가운데 정렬을 유지 */
}

/* 각 타입 별 리스트 아이템 */
.list-item {
    padding: 10px;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 200px; /* width 대신 min-width 사용 */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 타입명 스타일 */
.type {
    font-weight: bold;
}

/* 인원 수 스타일 */
.count {
    background-color: #0074d9;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
}


.btn1.blue {
	padding: 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #458fff;
	border-radius: 12px;
	color: #458fff;
	font-size: 11px;
	line-height: 20px;
}

.btn1.green {
	padding: 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #2dd47d;
	border-radius: 12px;
	color: #2dd47d;
	font-size: 11px;
	line-height: 20px;
}

.btn1.orange {
	padding: 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #ea9d29;
	border-radius: 12px;
	color: #ea9d29;
	font-size: 11px;
	line-height: 20px;
}

.btn1.red {
	padding: 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #ff3232;
	border-radius: 12px;
	color: #ff3232;
	font-size: 11px;
	line-height: 20px;
}

.btn1.purple {
	padding: 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #a161f2;
	border-radius: 12px;
	color: #a161f2;
	font-size: 11px;
	line-height: 20px;
}

.btn1.grey {
	padding: 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #5a5a5a;
	border-radius: 12px;
	background: #5a5a5a;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
}

.btn2 {
	height: 34px;
	padding: 0 24px;
	border-radius: 6px;
	font-size: 14px;
}
.btn2.type1 {
	background: #458fff;
	color: #fff;
}
.btn2.type2 {
	border-width: 1px;
	border-style: solid;
	border-color: #458fff;
	color: #458fff;
}
.btn2.type3 {
	background: #5a5a5a;
	color: #fff;
}
.btn2.type4 {
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	color: #333;
}

.btn4 {
	display: block;
	width: 0;
	height: 0;
	text-indent: -9999px;
}
.btn4:nth-child(n + 2) {
	margin-top: 6px;
}
.btn4.up {
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: transparent transparent #333 transparent;
}
.btn4.up:hover {
	border-bottom-color: #ff3232;
}
.btn4.down {
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}
.btn4.down:hover {
	border-top-color: #458fff;
}

.btn5 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 6.5px 14px 6.5px 16px;
	border-width: 1px;
	border-style: solid;
	border-color: #5a5a5a;
	border-radius: 4px;
	color: #5a5a5a;
	font-size: 14px;
}
.btn5 i {
	margin-right: 4px;
	border-width: 5px 6px 5px 0;
	border-style: solid;
	border-color: transparent #5a5a5a transparent transparent;
}

a.btn-link,
a.btn-link:link,
a.btn-link:visited,
a.btn-link:active,
a.btn-link:hover {
	display: inline-block;
	color: #458fff;
	text-decoration: underline;
}

.btn-close {
	width: 16px;
	height: 16px;
	background: url('../images/common/btn_close2.png') no-repeat 0 0/100%;
	text-indent: -9999px;
}

input:not([type='radio']) {
	position: relative;
	width: 100%;
	height: 32px;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	border-radius: 6px;
	padding: 0 10px;
}
input[type='date'] {
	border-width: 0;
	border-style: none;
	border-color: unset;
}
input[type='radio'] {
	width: 22px;
	height: 22px;
	appearance: auto;
	cursor: pointer;
}
input[type='checkbox'] {
	display: none !important;
}
input[type='checkbox'] + label {
	display: block;
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0 auto;
	background: url('../images/common/btn_check.png') no-repeat 0 0/100%;
	text-indent: -9999px;
	cursor: pointer;
}
input[type='checkbox']:checked + label {
	background: url('../images/common/btn_check_on.png') no-repeat 0 0/100%;
}
input:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
}
input[type='datetime-local'] {
	color: #333;
}
input[type='datetime-local']:disabled {
	visibility: hidden;
}
input.type115px {
	height: 24px;
}
input.type115px[type='text'],
input.type115px[type='date'],
input.type115px[type='time'] {
	padding: 0 6px;
}
input.type250px {
	height: 24px;
}
input.type250px[type='text'],
input.type250px[type='date'],
input.type250px[type='time'] {
	padding: 0 6px;
}
input.type1 {
	width: 115px;
	height: 24px;
}
input.type1[type='text'],
input.type1[type='date'],
input.type1[type='time'] {
	padding: 0 6px;
	font-size: 14px;
}
input.type2 {
	width: 250px;
	height: 24px;
}
input.type2[type='text'],
input.type2[type='date'],
input.type2[type='time'] {
	padding: 0 6px;
}
input.ipt-short {
	width: 42px;
}

.depth3 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 10;
	margin-bottom: 22px;
}
.depth3::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -10;
	width: 100%;
	height: 1px;
	background: #458fff;
}
.depth3 li {
	width: 100%;
}
.depth3 li button {
	display: block;
	width: 100%;
	background: #fff;
	color: #5a5a5a;
	font-size: 14px;
}
.depth3 li.on button {
	height: 52px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #458fff;
	color: #458fff;
	font-weight: 700;
}

.depth4 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	background: #e6e6e6;
}
.depth4.disable li button {
	cursor: default;
}
.depth4.disable li.on button {
	background: #e6e6e6 !important;
	color: #9e9e9e !important;
	cursor: default !important;
}
.depth4 li {
	margin: 0 5px;
}
.depth4 li button {
	padding: 7.5px 10px;
	color: #a7a7a7;
	font-size: 15px;
}
.depth4 li.on button {
	border-radius: 16px;
	background: #458fff;
	color: #fff;
	font-weight: 700;
}

span.heart {
	display: flex;
	justify-content: center;
	align-items: center;
}
span.heart i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../images/common/ic_heart.png') no-repeat 0 0/100%;
}

span.jelly {
	display: flex;
	justify-content: center;
	align-items: center;
}
span.jelly i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../images/common/ic_jelly.png') no-repeat 0 0/100%;
}

.accodian {
	display: inline-block;
	position: absolute;
	top: -28px;
	right: 0;
	width: auto;
	padding-right: 20px;
	background: url('../images/common/btn_accodian.png') no-repeat 100% 50%/15px;
	line-height: 15px;
}
.accodian.on {
	background: url('../images/common/btn_accodian_on.png') no-repeat 100% 50%/15px;
}

.state1.blue {
	padding: 3px 12px 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #458fff;
	border-radius: 14px;
	color: #458fff;
	font-size: 13px;
}

.state2.blue {
	padding: 1px 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #458fff;
	border-radius: 4px;
	color: #458fff;
	font-size: 13px;
}

.state3.blue {
	padding: 0 5px;
	border-radius: 4px;
	background: #458fff;
	color: #fff;
	font-size: 13px;
}

.state4.blue {
	color: #458fff;
}

.state1.green {
	padding: 3px 12px 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #2dd47d;
	border-radius: 14px;
	color: #2dd47d;
	font-size: 13px;
}

.state2.green {
	padding: 1px 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #2dd47d;
	border-radius: 4px;
	color: #2dd47d;
	font-size: 13px;
}

.state3.green {
	padding: 0 5px;
	border-radius: 4px;
	background: #2dd47d;
	color: #fff;
	font-size: 13px;
}

.state4.green {
	color: #2dd47d;
}

.state1.orange {
	padding: 3px 12px 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #ea9d29;
	border-radius: 14px;
	color: #ea9d29;
	font-size: 13px;
}

.state2.orange {
	padding: 1px 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #ea9d29;
	border-radius: 4px;
	color: #ea9d29;
	font-size: 13px;
}

.state3.orange {
	padding: 0 5px;
	border-radius: 4px;
	background: #ea9d29;
	color: #fff;
	font-size: 13px;
}

.state4.orange {
	color: #ea9d29;
}

.state1.red {
	padding: 3px 12px 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #ff3232;
	border-radius: 14px;
	color: #ff3232;
	font-size: 13px;
}

.state2.red {
	padding: 1px 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #ff3232;
	border-radius: 4px;
	color: #ff3232;
	font-size: 13px;
}

.state3.red {
	padding: 0 5px;
	border-radius: 4px;
	background: #ff3232;
	color: #fff;
	font-size: 13px;
}

.state4.red {
	color: #ff3232;
}

.state1.purple {
	padding: 3px 12px 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #a161f2;
	border-radius: 14px;
	color: #a161f2;
	font-size: 13px;
}

.state2.purple {
	padding: 1px 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #a161f2;
	border-radius: 4px;
	color: #a161f2;
	font-size: 13px;
}

.state3.purple {
	padding: 0 5px;
	border-radius: 4px;
	background: #a161f2;
	color: #fff;
	font-size: 13px;
}

.state4.purple {
	color: #a161f2;
}

textarea {
	width: 100%;
	padding: 10px 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	border-radius: 6px;
	outline: 0;
	resize: none;
}
textarea:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
}

.file-upload label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 90px;
	border-radius: 10px;
	background: #f0f6ff;
	color: #7489a7;
	text-align: center;
	cursor: pointer;
}
.file-upload label i {
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	background: url('../images/common/ic_image.png') no-repeat 0 0/100%;
}
.file-upload label strong {
	margin: 0 2px;
	color: #536988;
}
.file-upload label + input[type='file'] {
	display: none;
}

.uploaded-list li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 466px;
	height: 52px;
	padding: 0 20px;
	background: #f4f4f4;
}
.uploaded-list li .photo {
	margin: 0 12px 0 0;
}
.uploaded-list li .tit {
	width: 320px;
	margin-right: 36px;
}
.uploaded-list li button {
	width: 22px;
	height: 22px;
}
.uploaded-list li:nth-child(n + 2) {
	margin-top: 8px;
}

.photo {
	position: relative;
	overflow: hidden;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	border-color: #c6ccd3;
	border-radius: 6px;
	background: #c6ccd3;
	cursor: pointer;
}
.photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
}
.photo:empty::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat 50% 50%/60%;
}
.photo.resize1 {
	width: 70px;
	height: 40px;
}
.photo.resize1:empty::before {
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat;
	background-position: 50% 50%;
	background-size: 46%;
}
.photo.resize2 {
	width: 152px;
	height: 40px;
}
.photo.resize2:empty::before {
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat;
	background-position: 50% 50%;
	background-size: 22%;
}
.photo.resize3 {
	width: 216px;
	height: 104px;
}
.photo.resize3:empty::before {
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat;
	background-position: 50% 50%;
	background-size: 22%;
}
.photo.photo936x210:empty::before {
	background-position: 50% 30%;
}
.photo.photo936x210:empty::after {
	content: '936x210';
	position: absolute;
	bottom: 20px;
	left: 50%;
	color: #536988;
	font-weight: 700;
	text-align: center;
	transform: translateX(-50%);
}
.photo.photo936x510:empty::before {
	background-position: 50% 30%;
}
.photo.photo936x510:empty::after {
	content: '936x510';
	position: absolute;
	bottom: 20px;
	left: 50%;
	color: #536988;
	font-weight: 700;
	text-align: center;
	transform: translateX(-50%);
}
.photo .more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 9px;
	text-align: center;
}
.photo .more-img {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18px;
	height: 18px;
	border-radius: 8px 0 0 0;
	background: url('../images/common/bg_photo_detail.png') no-repeat 50% 50%/9px
		rgba(0, 0, 0, 0.6);
	text-indent: -9999px;
}

p.no-data {
	padding-top: 92px;
	background: url('../images/common/no_data.png') no-repeat 50% 0/84px;
	color: #9e9e9e;
	text-align: center;
}

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 47px;
}
.pagination li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.pagination li.on a {
	color: #458fff;
	font-weight: 700;
}
.pagination li.first a {
	width: 20px;
	height: 20px;
	margin: 0 4px;
	background: url('../images/common/btn_first.png') no-repeat 0 0/100%;
	text-indent: -9999px;
}
.pagination li.prev a {
	width: 20px;
	height: 20px;
	margin: 0 8px 0 4px;
	background: url('../images/common/btn_prev.png') no-repeat 0 0/100%;
	text-indent: -9999px;
}
.pagination li.next a {
	width: 20px;
	height: 20px;
	margin: 0 4px 0 8px;
	background: url('../images/common/btn_next.png') no-repeat 0 0/100%;
	text-indent: -9999px;
}
.pagination li.last a {
	width: 20px;
	height: 20px;
	margin: 0 4px;
	background: url('../images/common/btn_last.png') no-repeat 0 0/100%;
	text-indent: -9999px;
}

* {
	color: #333;
	font-family: 'noto', '돋움', 'Dotum', Tahoma, Verdana, 'AppleGothic',
		sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	box-sizing: border-box;
	image-rendering: -webkit-optimize-contrast;
	letter-spacing: -0.5px;
}

article,
aside,
details,
figure,
footer,
header,
nav,
section,
canvas,
video {
	display: block;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
em,
img,
ins,
kbd,
q,
s,
strong,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
figure,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
embed,
output,
ruby,
summary,
time,
mark,
audio,
video,
input,
button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	font-weight: inherit;
	vertical-align: top;
	word-break: keep-all;
}

html {
	scroll-behavior: smooth;
}

strong {
	color: inherit;
	font-size: inherit;
	font-weight: 700;
	vertical-align: middle;
}

a,
a:link,
a:visited,
a:active,
a:hover {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

ol,
ul {
	list-style: none;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	vertical-align: middle;
}

hr,
figcaption,
caption {
	display: none;
}

input {
	border-radius: 0;
	vertical-align: middle;
	-webkit-appearance: none;
	outline: 0;
}

button {
	background: inherit;
	cursor: pointer;
}

span {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

img {
	width: 100%;
	vertical-align: top;
	image-rendering: -webkit-optimize-contrast;
}

select {
	border: 0;
	letter-spacing: 1px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: #ccc;
}

::-webkit-scrollbar-track {
	background: transparent;
}

@font-face {
	font-family: 'noto';
	font-style: normal;
	font-weight: 100;
	src: url('../font/NotoSans-Regular.eot');
	src: url('../font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/NotoSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'noto';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSans-Medium.eot');
	src: url('../font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/NotoSans-Medium.woff') format('woff');
}
@font-face {
	font-family: 'noto';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSans-Bold.eot');
	src: url('../font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/NotoSans-Bold.woff') format('woff');
}
#wrap {
	position: relative;
	overflow: hidden;
	min-width: 1280px;
}

.line.radio .etc-input {
	width: auto;
}
.line.radio .etc-input input[type='radio'] + label {
	margin-left: 5px;
	cursor: pointer;
}
.line.radio .etc-input input[type='radio']:disabled + label {
	cursor: default;
}
.line.radio .etc-input:nth-child(n + 2) {
	margin-left: 24px;
}
.line.radio .etc-input .input {
	display: flex;
	justify-content: center;
	align-items: center;
}
.line.radio .etc-input .input:nth-child(n + 2) {
	margin-left: 24px;
}

.input-area > * + * {
	margin-left: 6px;
}
.input-area .etc-input {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.input-area .etc-input .input textarea {
	min-height: 128px;
}
.input-area .etc-input .input ~ span {
	margin: 0 5px;
	color: #606060;
}
.input-area.search {
	position: relative;
	width: 370px;
	border-radius: 6px;
}
.input-area.search .etc-input:last-child {
	width: calc(100% - 112px);
}
.input-area.search .etc-input:last-child .input {
	width: 100%;
}
.input-area.search .etc-input:last-child .input input[type='text'] {
	width: 100%;
	padding-left: 6px;
	border-width: 0;
	border-style: none;
	border-color: unset;
}
.input-area.search .etc-input:last-child .input input[type='text']:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
}
.input-area.radio .etc-input {
	width: auto;
}
.input-area.radio .etc-input input[type='radio'] + label {
	margin-left: 5px;
	cursor: pointer;
}
.input-area.radio .etc-input input[type='radio']:disabled + label {
	cursor: default;
}
.input-area.radio .etc-input:nth-child(n + 2) {
	margin-left: 24px;
}
.input-area.radio .etc-input .input {
	display: flex;
	justify-content: center;
	align-items: center;
}
.input-area.radio .etc-input .input:nth-child(n + 2) {
	margin-left: 24px;
}
.input-area.datetime input[type='datetime-local']:disabled ~ .tip-date,
.input-area.datetime label + input[type='datetime-local']:disabled .tip-date,
.input-area.datetime input + input[type='datetime-local']:disabled ~ .tip-date,
.input-area.datetime
	select
	+ input[type='datetime-local']:disabled
	~ .tip-date {
	display: none;
}
.input-area.datetime .tip-date {
	position: absolute;
	bottom: -20px;
	left: -156px;
	width: 160px;
	margin-left: 0;
	font-size: 13px;
}
.input-area.datetime .input {
	position: relative;
}
.input-area.datetime .input input[type='datetime-local'] {
	width: 16px;
	padding: 0;
	border-width: 0;
	border-style: none;
	border-color: unset;
	appearance: auto;
}
.input-area.datetime .input:first-child {
	margin-right: 8px;
}
.input-area.thum .input.img-upload {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	overflow: hidden;
	width: 132px;
}
.input-area.thum .input.img-upload label {
	padding: 5px 10px;
	border-radius: 4px;
	background: #5a5a5a;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}
.input-area.thum .input.img-upload input[type='file'] {
	width: auto;
	height: 18px;
	margin-bottom: 4px;
	padding: 0;
	border: 0;
	background: none;
}
.input-area.thum .input.img-upload input[type='file']::file-selector-button {
	display: none;
}
.input-area.thum .input.img-upload input[type='file'].hidden-obj {
	display: none;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
.input-area.thum .input.img-upload input[type='file']:disabled + label {
	background: #e6e6e6;
	color: #9e9e9e;
	font-weight: 700;
	cursor: default;
}
.input-area.select-type .etc-input {
	position: relative;
}
.input-area.select-type .etc-input .input:first-child {
	width: 28px;
	height: 32px;
	background: url('../images/common/ic_more.png') no-repeat 50% 50%/14px;
	text-indent: -9999px;
	cursor: pointer;
}
.input-area.select-type .etc-input .input:last-child {
	position: absolute;
	top: 44px;
	right: 18px;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.2);
}
.input-area.select-type .etc-input .input:last-child button {
	display: block;
	padding: 10px 30px;
}
.input-area.select-type .etc-input .input:last-child button:hover {
	background: rgba(146, 209, 255, 0.3);
	color: #458fff;
}
.input-area.select-type .etc-input .input:nth-child(n + 2) {
	margin-top: 0 !important;
}
.input-area.txtarea .etc-input .input {
	width: 100%;
}
.input-area.txtarea .etc-input .input textarea {
	min-height: 184px;
}

.explore-area.insert-type {
	padding-bottom: 39px;
	background: none;
}
.explore-area.insert-type .division {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	width: 1143px;
	padding: 0;
}
.explore-area.insert-type .division .line {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.explore-area.insert-type .division .line:nth-child(n + 2) {
	padding-top: 10px;
}
.explore-area.insert-type .division .line .label + .input-area {
	width: calc(100% - 102px);
}
.explore-area.insert-type .division .line {
	flex-basis: 308px;
}
.explore-area.insert-type .division .line.line-thum {
	flex-basis: calc(100% - 102px);
}
.explore-area.insert-type .division .line.line-thum .input-area .photo {
	position: relative;
	overflow: hidden;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	border-color: #c6ccd3;
	border-radius: 6px;
	background: #c6ccd3;
	cursor: pointer;
}
.explore-area.insert-type .division .line.line-thum .input-area .photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.photo:empty::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat 50% 50%/60%;
}
.explore-area.insert-type .division .line.line-thum .input-area .photo.resize1 {
	width: 70px;
	height: 40px;
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.photo.resize1:empty::before {
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat;
	background-position: 50% 50%;
	background-size: 46%;
}
.explore-area.insert-type .division .line.line-thum .input-area .photo.resize2 {
	width: 152px;
	height: 40px;
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.photo.resize2:empty::before {
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat;
	background-position: 50% 50%;
	background-size: 22%;
}
.explore-area.insert-type .division .line.line-thum .input-area .photo.resize3 {
	width: 216px;
	height: 104px;
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.photo.resize3:empty::before {
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat;
	background-position: 50% 50%;
	background-size: 22%;
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.photo.photo936x210:empty::before {
	background-position: 50% 30%;
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.photo.photo936x210:empty::after {
	content: '936x210';
	position: absolute;
	bottom: 20px;
	left: 50%;
	color: #536988;
	font-weight: 700;
	text-align: center;
	transform: translateX(-50%);
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.photo.photo936x510:empty::before {
	background-position: 50% 30%;
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.photo.photo936x510:empty::after {
	content: '936x510';
	position: absolute;
	bottom: 20px;
	left: 50%;
	color: #536988;
	font-weight: 700;
	text-align: center;
	transform: translateX(-50%);
}
.explore-area.insert-type .division .line.line-thum .input-area .photo .more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 9px;
	text-align: center;
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.photo
	.more-img {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18px;
	height: 18px;
	border-radius: 8px 0 0 0;
	background: url('../images/common/bg_photo_detail.png') no-repeat 50% 50%/9px
		rgba(0, 0, 0, 0.6);
	text-indent: -9999px;
}
.explore-area.insert-type
	.division
	.line.line-thum
	.input-area
	.etc-input
	.photo {
	width: 54px;
	height: 54px;
	margin: 0 12px 0 0;
}
.explore-area.insert-type .division .line .label {
	position: relative;
	width: 102px;
	margin: 0;
}
.explore-area.insert-type .division .line .label::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 2px;
	height: 15px;
	background: #e6e6e6;
	transform: translateY(-50%);
}
.explore-area.insert-type .division .line .input-area {
	position: relative;
}
.explore-area.insert-type .division .line .input-area select {
	min-width: 160px;
	height: 32px;
	padding: 0 26px 0 12px;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	background: #fff url('../images/common/ic_select1.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	cursor: pointer;
}
.explore-area.insert-type .division .line .input-area select.type1 {
	height: 24px;
	padding: 0 16px 0 0;
}
.explore-area.insert-type .division .line .input-area select:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
	background: #f4f4f4 url('../images/common/ic_select1.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	color: #666;
}
.explore-area.insert-type .division .line .input-area input[type='text'] {
	width: 160px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
}
.explore-area.insert-type .division .line .input-area input[type='number'] {
	width: 160px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
}

header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	background: #458fff;
	color: #fff;
}
header h1 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	padding-left: 20px;
}
header h1 a {
	display: flex;
	justify-content: center;
	align-items: center;
}
header h1 a i {
	width: 24px;
	margin-right: 4px;
}
header h1 a span {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}
header h1 > span {
	display: none;
}
header .user {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
header .user .info {
	position: relative;
	margin-right: 18px;
}
header .user .info .btn-user {
	padding-right: 22px;
	background: url('../images/common/ic_menu10.png') no-repeat 100% 48%/18px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}
header .user .info .personal-set {
	position: absolute;
	top: 32px;
	right: -48px;
	z-index: 60;
	width: 451px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
header .user .info .personal-set::before {
	content: '';
	position: absolute;
	top: -10px;
	right: 46px;
	border-width: 0 10px 10px 10px;
	border-style: solid;
	border-color: transparent transparent #5a5a5a transparent;
}
header .user .info .personal-set .tit-etc {
	padding: 0 30px;
	background: #5a5a5a;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 52px;
}
header .user .info .personal-set ul {
	padding: 24px 30px;
}
header .user .info .personal-set ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
}
header .user .info .personal-set ul li:nth-child(n + 2) {
	margin-top: 10px;
}
header .user .info .personal-set ul li input,
header .user .info .personal-set ul li .entried {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 300px;
	height: 34px;
	padding: 0 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
}
header .user .info .personal-set ul li .entried {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
}
header .user .info .personal-set .btn-area {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 24px;
}
header .user .info .personal-set .btn-area button:last-child {
	margin-left: 8px;
}
header .user .btn-logout {
	width: 60px;
	height: 60px;
	background: #367ae1 url('../images/common/ic_logout.png') no-repeat 50% 50%/26px;
	text-indent: -9999px;
}

#content.develop > header {
	background: #8c65fe;
}
#content.develop > header h1 a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#content.develop > header h1 a::before {
	content: '테스트서버';
	position: absolute;
	top: 1px;
	right: -86px;
	width: 78px;
	border-radius: 12px;
	background: #fff;
	color: #8c65fe;
	font-size: 13px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
}
#content.develop > header .btn-logout {
	width: 60px;
	height: 60px;
	background: #5f38d1 url('../images/common/ic_logout.png') no-repeat 50% 50%/26px;
	text-indent: -9999px;
}

section::after {
	content: '';
	display: block;
	clear: both;
}
section aside {
	float: left;
	width: 230px;
	height: calc(100vh - 60px);
	background: #5a5a5a;
}
section aside .depth1 {
	padding: 24px 20px;
	font-size: 14px;
}
section aside .depth1 li a {
	display: block;
	position: relative;
	padding-left: 24px;
	color: #fff;
}
section aside .depth1 > li {
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #c6ccd3;
}
section aside .depth1 > li:nth-child(2) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu1.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(2) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(3) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu2.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(3) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(4) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu3.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(4) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(5) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu4.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(5) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(6) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu5.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(6) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(7) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu6.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(7) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(8) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu7.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(8) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(9) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu8.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(9) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(10) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu9.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(10) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(11) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu10.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(11) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(12) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu10.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(12) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(13) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu10.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(13) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li:nth-child(14) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu10.png') no-repeat 0 48%/18px;
}
section aside .depth1 > li:nth-child(14) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_down.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.board {
	margin-bottom: 10px;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-radius: 6px;
}
section aside .depth1 > li.board a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 38px;
	padding: 0;
	background: transparent;
}
section aside .depth1 > li.board a::before {
	content: none;
}
section aside .depth1 > li.on:nth-child(2) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu1_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(2) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(3) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu2_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(3) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(4) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu3_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(4) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(5) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu4_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(5) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(6) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu5_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(6) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(7) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu6_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(7) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(8) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu7_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(8) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(9) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu8_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(9) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(10) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu9_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(10) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(11) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu10_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(11) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(12) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu10_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(12) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(13) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu10_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(13) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 > li.on:nth-child(14) > a {
	padding: 15px 0 15px 24px;
	background: url('../images/common/ic_menu10_on.png') no-repeat 0 48%/18px;
	color: #fff859;
}
section aside .depth1 > li.on:nth-child(14) > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	background: url('../images/common/arrow_up.png') no-repeat 100% 48%/18px;
	transform: translateY(-50%);
}
section aside .depth1 .depth2 {
	padding: 6px 0 26px;
}
section aside .depth1 .depth2 li a {
	padding: 6px 0 6px 22px;
}
section aside .depth1 .depth2 li.on a {
	color: #fff859;
}
section article {
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
	width: calc(100% - 230px);
	height: calc(100vh - 60px);
}
section article .tit-depth1 {
	padding-left: 42px;
	background: #f4f4f4;
	color: #5a5a5a;
	font-size: 16px;
	font-weight: 700;
	line-height: 55px;
}
section article .explore-area {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	height: 100%;
	margin-bottom: 26px;
	background: #f4f4f4;
}
section article .explore-area > * {
	width: 100%;
}
section article .explore-area .division {
	position: relative;
	width: auto;
	padding: 22px 20px 20px;
}
section article .explore-area .division .line {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
section article .explore-area .division .line:nth-child(n + 2) {
	padding-top: 10px;
}
section article .explore-area .division .line .label + .input-area {
	width: calc(100% - 66px);
}
section article .explore-area .division .line .label {
	position: relative;
	width: 54px;
	margin: 0 12px 0 0;
	padding-left: 8px;
	font-size: 15px;
}
section article .explore-area .division .line .label::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background: #000;
	transform: translateY(-50%);
}
section article .explore-area .division .line .label .count {
	color: #458fff;
	font-weight: 700;
}
section article .explore-area .division .line .input-area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
section article .explore-area .division .line .input-area select {
	min-width: 106px;
	height: 32px;
	padding: 0 26px 0 12px;
	border: none;
	border-radius: 6px;
	background: #fff url('../images/common/ic_select1.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	cursor: pointer;
}
section article .explore-area .division .line .input-area select.type1 {
	height: 24px;
	padding: 0 16px 0 0;
}
section article .explore-area .division .line .input-area select:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
	background: #f4f4f4 url('../images/common/ic_select1.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	color: #666;
}
section article .explore-area .division .line .input-area input[type='text'] {
	width: 120px;
}
section article .explore-area .btn-search {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 85px;
	background: #5a5a5a;
	color: #fff;
	text-align: center;
	height: 38px;
}
section article .explore-area .diverse-area .tbl tbody th {
	width: 132px;
	padding: 14px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: rgba(152, 162, 174, 0.3);
	background: #c6ccd3;
	color: #000;
	font-size: 13px;
}
section article .explore-area .diverse-area .tbl tbody td {
	position: relative;
	padding: 14px 16px 14px 16px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: rgba(152, 162, 174, 0.3);
	background: #f4f4f4;
	color: #000;
	font-size: 13px;
	text-align: left;
}
section article .explore-area .diverse-area .tbl tbody td > * {
	display: inline-block;
	vertical-align: middle;
}
section article .explore-area .diverse-area .tbl tbody td textarea {
	min-height: 128px;
	padding: 0;
}
section article .explore-area .diverse-area .tbl tbody td textarea:disabled {
	border-width: 0;
	border-style: none;
	border-color: unset;
}
section article .explore-area .diverse-area .tbl tbody td .kind-login.kakao {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
section
	article
	.explore-area
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.kakao::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_kakao.png') no-repeat 0 0/16px;
}
section article .explore-area .diverse-area .tbl tbody td .kind-login.apple {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
section
	article
	.explore-area
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.apple::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_apple.png') no-repeat 0 0/16px;
}
section article .explore-area .diverse-area .tbl tbody td .kind-login.google {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
section
	article
	.explore-area
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.google::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_google.png') no-repeat 0 0/16px;
}
section article .explore-area .diverse-area .tbl tbody td .kind-login.naver {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
section
	article
	.explore-area
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.naver::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_naver.png') no-repeat 0 0/16px;
}
section article .explore-area .diverse-area .tbl tbody td .img-profile {
	overflow: hidden;
	width: 60px;
	height: 60px;
	border-width: 1px;
	border-style: solid;
	border-color: #c6ccd3;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
}
section article .explore-area .diverse-area .tbl tbody td .btn1 {
	margin-left: 8px;
}
section article .explore-area .diverse-area .tbl tbody td .money-area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 700;
}
section
	article
	.explore-area
	.diverse-area
	.tbl
	tbody
	td
	.money-area
	span:nth-child(n + 2) {
	margin-left: 8px;
}
section article .explore-area .diverse-area .tbl tbody td .money-area span i {
	margin-right: 3px;
}
section article .inner-box {
	min-width: 1050px;
	max-width: 100%;
	min-height: calc(100vh - 60px - 55px);
	padding: 32px 42px;
}
section article .inner-box .tit-depth2 {
	padding-bottom: 12px;
	color: #000;
	font-size: 22px;
}
section article .inner-box .tit-depth2 span {
	font-size: 15px;
	vertical-align: bottom;
}
section article .inner-box .tit-sub {
	padding: 12px 0 8px;
	color: #000;
	font-size: 15px;
}
section article .inner-box .layout {
	position: relative;
	padding-bottom: 97px;
}
section article .inner-box .layout .statistics-area {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 119px;
	margin-bottom: 38px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
}
section article .inner-box .layout .statistics-area .statistics {
	position: relative;
	width: 100%;
	text-align: center;
}
section article .inner-box .layout .statistics-area .statistics h4 {
	padding-bottom: 6px;
	font-size: 13px;
}
section article .inner-box .layout .statistics-area .statistics h4 i {
	margin-right: 2px;
}
section article .inner-box .layout .statistics-area .statistics .count {
	padding-bottom: 9px;
	font-size: 30px;
	font-weight: 700;
}
section article .inner-box .layout .statistics-area .statistics .percent {
	display: flex;
	justify-content: center;
	align-items: center;
}
section article .inner-box .layout .statistics-area .statistics .percent i {
	display: block;
	width: 0;
	height: 0;
	margin-right: 7px;
	text-indent: -9999px;
}
section article .inner-box .layout .statistics-area .statistics .percent span {
	margin-left: 3px;
	color: #333;
}
section article .inner-box .layout .statistics-area .statistics .percent.up {
	color: #ff3232;
}
section article .inner-box .layout .statistics-area .statistics .percent.up i {
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: transparent transparent #ff3232 transparent;
}
section article .inner-box .layout .statistics-area .statistics .percent.down {
	color: #458fff;
}
section
	article
	.inner-box
	.layout
	.statistics-area
	.statistics
	.percent.down
	i {
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #458fff transparent transparent transparent;
}
section
	article
	.inner-box
	.layout
	.statistics-area
	.statistics:nth-child(n + 2)::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 77px;
	background: #e6e6e6;
	transform: translateY(-50%);
}
section article .inner-box .layout .report-area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
section article .inner-box .layout .report-area .report {
	width: 33.333%;
	min-width: 313px;
	overflow: hidden;
	height: 304px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 10px;
}
section article .inner-box .layout .report-area .report:nth-child(n + 2) {
	margin-left: 13px;
}
section article .inner-box .layout .report-area .report h5 {
	padding: 13px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #e6e6e6;
	color: #000;
	font-size: 14px;
	text-align: center;
}
section article .inner-box .layout .report-area .report .cnt-report {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 264px;
	padding: 16px;
	line-height: 1.4;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment
	.info-area {
	width: 100%;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment
	.info-area
	.info {
	position: relative;
	overflow: hidden;
	padding: 16px;
	border-radius: 10px;
	background: #f4f4f4;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment
	.info-area
	.info
	.btn-link {
	max-width: calc(100% - 42px);
	margin-bottom: 8px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment
	.info-area
	.info
	.txt {
	font-size: 13px;
	line-height: 1.4;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment
	.info-area
	.info
	.btn-delete {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 100%;
	background: #5a5a5a url('../images/common/ic_delete.png') no-repeat 50% 50%/16px;
	text-indent: -9999px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment
	.info-area
	.date {
	margin-left: 7px;
	padding-top: 6px;
	font-size: 12px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment:nth-child(n + 2) {
	padding-top: 18px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment.answer {
	padding-top: 10px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment.answer
	.info-area {
	position: relative;
	padding-left: 20px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment.answer
	.info-area::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 4px;
	width: 11px;
	height: 12px;
	background: url('../images/common/ic_child.png') no-repeat 0 0/100%;
	transform: translateY(-50%);
}
section
	article
	.inner-box
	.layout
	.report-area
	.report
	.cnt-report
	.comment.answer
	.info-area
	.info {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	background: #fff;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	align-content: baseline;
	gap: 12px 12px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo {
	width: 101px;
	height: 101px;
	margin: 0;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(3),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(3)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(4),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(4)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(5),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(5)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(6),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(6)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(7),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(7)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(8),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(8)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(9),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(9)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(10),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(10)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(11),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(11)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(12),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(12)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(13),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(13)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(14),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(14)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(15),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(15)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(16),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(16)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(17),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(17)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(18),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(18)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(19),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(19)
	~ .photo {
	width: 85px;
	height: 85px;
}
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(20),
section
	article
	.inner-box
	.layout
	.report-area
	.report.report-photo
	.cnt-report
	.photo:first-child:nth-last-child(20)
	~ .photo {
	width: 85px;
	height: 85px;
}
section article .inner-box .layout .report-area .report.none .cnt-report {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: inherit;
}
section article .inner-box .layout .notice-add {
	border-width: 2px 0 0;
	border-style: solid;
	border-color: #333;
}
section article .inner-box .layout .notice-add .tit-column {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 72px;
}
section article .inner-box .layout .notice-add .tit-column .label {
	width: 81px;
	font-size: 15px;
}
section article .inner-box .layout .notice-add .tit-column .input-area {
	width: 100%;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.tit-column
	.input-area
	.etc-input
	.input {
	width: 100%;
}
section article .inner-box .layout .notice-add .content-column .choice {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 54px;
	margin-bottom: 15px;
	padding: 0 30px;
	background: #5a5a5a;
}
section article .inner-box .layout .notice-add .content-column .choice li {
	position: relative;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.choice
	li
	button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 34px;
	padding: 0 12px;
	border-radius: 16px;
	color: #fff;
	font-size: 15px;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.choice
	li
	button
	i {
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.choice
	li
	button.picture
	i {
	background: url('../images/common/bg_picture.png') no-repeat 50% 50%/19px;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.choice
	li
	button.txt
	i {
	background: url('../images/common/bg_txt.png') no-repeat 50% 50%/19px;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.choice
	li:nth-child(n + 2) {
	margin-left: 19px;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.choice
	li:nth-child(n + 2)::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -10px;
	width: 1px;
	height: 16px;
	background: rgba(255, 255, 255, 0.3);
	transform: translateY(-50%);
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.choice
	li:hover
	button {
	background: #444;
}
section article .inner-box .layout .notice-add .content-column .column {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.column
	.btn-order {
	width: 28px;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.column
	.btn-order
	.btn4 {
	margin: 0 auto;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.column
	.btn-order
	.btn4:nth-child(n + 2) {
	margin-top: 6px;
}
section article .inner-box .layout .notice-add .content-column .column .inner {
	width: calc(100% - 108px - 50px);
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.column
	.inner
	.input-area
	.etc-input
	.photo {
	margin: 0;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.column
	.inner
	.input-area
	.etc-input
	.input {
	width: 100%;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.column
	.inner
	.input-area
	.etc-input
	.input.img-upload {
	width: auto;
	margin-left: 18px;
}
section
	article
	.inner-box
	.layout
	.notice-add
	.content-column
	.column
	> button {
	width: 22px;
	height: 22px;
}
section article .inner-box .layout.top {
	padding-bottom: 0;
}
section article .inner-box .layout.bottom {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-bottom: 0;
}
section article .inner-box .layout.bottom::after {
	content: '';
	display: block;
	clear: both;
}
section article .inner-box .layout.bottom .box-wrap {
	width: 100%;
}
section article .inner-box .layout.bottom .control {
	padding-bottom: 4px;
}
section article .inner-box .layout.bottom .control::after {
	content: '';
	display: block;
	clear: both;
}
section article .inner-box .layout.bottom .control .etc-btn {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	float: left;
}
section
	article
	.inner-box
	.layout.bottom
	.control
	.etc-btn
	button:nth-child(n + 2) {
	margin-left: 6px;
}
section article .inner-box .layout.bottom .control .etc-btn button i {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 2px 4px 0 0;
	background: url('../images/common/ic_plus.png') no-repeat 0 0/100%;
}
section article .inner-box .layout.bottom .control select {
	float: right;
	min-width: 120px;
	height: 32px;
	padding: 0 26px 0 12px;
	border: none;
	border-radius: 6px;
	background: #fff url('../images/common/ic_select2.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	cursor: pointer;
	height: 30px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	box-sizing: content-box;
}
section article .inner-box .layout.bottom .control select.type1 {
	height: 24px;
	padding: 0 16px 0 0;
}
section article .inner-box .layout.bottom .control select:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
	background: #f4f4f4 url('../images/common/ic_select2.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	color: #666;
}
section article .inner-box .layout.bottom .control select:nth-child(n + 2) {
	margin-left: 6px;
}
section article .inner-box .layout.bottom .diverse-box.middle .diverse-area {
	overflow-y: scroll;
	max-height: 640px;
}
section article .inner-box .layout.bottom .diverse-box .diverse-area {
	overflow-y: scroll;
	max-height: 460px;
}
section article .inner-box .layout.bottom .diverse-box .diverse-area.stretch {
	height: 606px;
	max-height: 606px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	.input-area
	.etc-input {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	.input-area
	.etc-input
	.input:nth-child(n + 2) {
	margin-top: 4px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	thead
	th {
	position: sticky;
	top: 0;
	z-index: 20;
	padding: 12px 0;
	background: #fff;
	text-align: center;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	thead
	th::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #333;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order {
	display: inline-block;
	vertical-align: middle;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5 {
	border: none !important;
	font-size: 14px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5.up
	i {
	border-width: 0 3px 3px 3px;
	border-style: solid;
	border-color: transparent transparent #ff3232 transparent;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5.up
	i:hover {
	border-bottom-color: none;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5.down
	i {
	border-width: 3px 3px 0 3px;
	border-style: solid;
	border-color: #458fff transparent transparent transparent;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5.down
	i:hover {
	border-top-color: none;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5
	i {
	margin-left: 4px;
	border-width: 3px 3px 0 3px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td {
	padding: 21px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #e6e6e6;
	text-align: center;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	select {
	min-width: auto;
	height: 32px;
	padding: 0 26px 0 12px;
	border: 0;
	border-radius: 6px;
	background: #fff url('../images/common/ic_select3.png') no-repeat;
	background-position: 94% 50%;
	background-size: 14px;
	cursor: pointer;
	margin: 0 6px;
	background-position: 100% 50%;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	select.type1 {
	height: 24px;
	padding: 0 16px 0 0;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	select:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
	background: #f4f4f4 url('../images/common/ic_select3.png') no-repeat;
	background-position: 94% 50%;
	background-size: 14px;
	color: #666;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	input {
	display: block;
	height: 24px;
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 2px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	input:nth-child(n + 2) {
	margin-top: 4px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.tit {
	display: -webkit-box;
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login {
	display: inline-block;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.kakao {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.kakao::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_kakao.png') no-repeat 0 0/16px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.apple {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.apple::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_apple.png') no-repeat 0 0/16px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.google {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.google::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_google.png') no-repeat 0 0/16px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.naver {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.naver::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_naver.png') no-repeat 0 0/16px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn2 {
	height: 24px;
	padding: 0 19px;
	font-size: 13px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn3 {
	padding: 6px 10px;
	border-radius: 3px;
	background: #5a5a5a;
	color: #fff;
	font-size: 13px;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn3.on {
	border-width: 1px;
	border-style: solid;
	border-color: #5a5a5a;
	background: #fff;
	color: #5a5a5a;
}
section
	article
	.inner-box
	.layout.bottom
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn-order {
	display: inline-block;
	margin-left: 14px;
	vertical-align: middle;
}
section article .inner-box .layout .graph-area {
	display: flex;
	justify-content: center;
	align-items: center;
}
section article .inner-box .layout .graph-area .graph {
	width: 100%;
	padding: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	text-align: center;
}
section article .inner-box .layout .graph-area .graph:nth-child(n + 2) {
	margin-left: 38px;
}
section article .inner-box .layout .graph-area:nth-child(n + 2) {
	margin-top: 39px;
}
section article .inner-box .slot-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 204px;
	column-gap: 12px;
	row-gap: 24px;
}
section article .inner-box .slot-list li .tit-slot {
	padding-bottom: 12px;
	color: #000;
	font-size: 15px;
}
section article .inner-box .slot-list li .slot {
	height: 184px;
	padding: 25px 20px 17px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 10px;
	background: #f4f4f4;
}
section article .inner-box .slot-list li .slot.clear,
section article .inner-box .slot-list li .slot.lock {
	position: relative;
	padding-top: 80px;
	color: #5a5a5a;
	font-size: 13px;
	text-align: center;
}
section article .inner-box .slot-list li .slot.clear::before,
section article .inner-box .slot-list li .slot.lock::before {
	content: '';
	position: absolute;
	top: 52px;
	left: 50%;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	transform: translateX(-50%);
}
section article .inner-box .slot-list li .slot.clear::before {
	background: #fff url('../images/common/bg_check.png') no-repeat 50% 50%/24px;
}
section article .inner-box .slot-list li .slot.lock {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
section article .inner-box .slot-list li .slot.lock::before {
	background: #fff url('../images/common/bg_lock.png') no-repeat 50% 50%/24px;
}
section article .inner-box .slot-list li .slot .info {
	padding-bottom: 11px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #c6ccd3;
}
section article .inner-box .slot-list li .slot .info li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
section article .inner-box .slot-list li .slot .info li:nth-child(n + 2) {
	padding-top: 8px;
}
section article .inner-box .slot-list li .slot .info li .tit {
	min-width: 38px;
	margin-right: 15px;
	color: #000;
	font-size: 14px;
}
section article .inner-box .slot-list li .slot .info li .txt {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	vertical-align: middle;
}
section article .inner-box .slot-list li .slot .info li .txt .state3 {
	margin-left: 6px;
}
section article .inner-box .slot-list li .slot .feature-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 8px 0;
}
section article .inner-box .slot-list li .slot .feature-list li {
	padding: 3px 8px;
	border-radius: 4px;
	background: #5a5a5a;
	color: #fff;
	font-size: 13px;
}
section
	article
	.inner-box
	.slot-list
	li
	.slot
	.feature-list
	li:nth-child(n + 2) {
	margin-left: 6px;
}
section article .inner-box > .btn-area {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 26px;
	text-align: center;
}
section article .inner-box > .btn-area button:nth-child(n + 2) {
	margin-left: 8px;
}
section article .inner-box.detailInSave h3:not(.tit-depth2) {
	padding: 29px 0 26px;
	color: #000;
	font-size: 18px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl {
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #333;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	th {
	width: 161px;
	padding: 20px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #e6e6e6;
	background: none;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td {
	padding: 20px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #e6e6e6;
	background: none;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	input[type='text'] {
	width: 354px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	select {
	min-width: 170px;
	height: 32px;
	padding: 0 26px 0 12px;
	border: 1px solid #d0d0d0;
	border-radius: 6px;
	background: #fff url('../images/common/ic_select1.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	cursor: pointer;
	background-position: 94% 50%;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	select.type1 {
	height: 24px;
	padding: 0 16px 0 0;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	select:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
	background: #f4f4f4 url('../images/common/ic_select1.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	color: #666;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area {
	position: relative;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo {
	position: relative;
	overflow: hidden;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	border-color: #c6ccd3;
	border-radius: 6px;
	background: #c6ccd3;
	cursor: pointer;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo
	img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo:empty::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat 50% 50%/60%;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.resize1 {
	width: 70px;
	height: 40px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.resize1:empty::before {
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat;
	background-position: 50% 50%;
	background-size: 46%;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.resize2 {
	width: 152px;
	height: 40px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.resize2:empty::before {
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat;
	background-position: 50% 50%;
	background-size: 22%;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.resize3 {
	width: 216px;
	height: 104px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.resize3:empty::before {
	background: #f0f6ff url('../images/common/ic_image.png') no-repeat;
	background-position: 50% 50%;
	background-size: 22%;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.photo936x210:empty::before {
	background-position: 50% 30%;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.photo936x210:empty::after {
	content: '936x210';
	position: absolute;
	bottom: 20px;
	left: 50%;
	color: #536988;
	font-weight: 700;
	text-align: center;
	transform: translateX(-50%);
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.photo936x510:empty::before {
	background-position: 50% 30%;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo.photo936x510:empty::after {
	content: '936x510';
	position: absolute;
	bottom: 20px;
	left: 50%;
	color: #536988;
	font-weight: 700;
	text-align: center;
	transform: translateX(-50%);
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo
	.more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 9px;
	text-align: center;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.photo
	.more-img {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18px;
	height: 18px;
	border-radius: 8px 0 0 0;
	background: url('../images/common/bg_photo_detail.png') no-repeat 50% 50%/9px
		rgba(0, 0, 0, 0.6);
	text-indent: -9999px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.etc-input
	.photo {
	margin: 0 12px 0 0;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.etc-input
	.img-upload {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	overflow: hidden;
	width: 132px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.etc-input
	.img-upload
	label {
	padding: 5px 10px;
	border-radius: 4px;
	background: #5a5a5a;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.etc-input
	.img-upload
	input[type='file'] {
	width: auto;
	height: 16px;
	margin-bottom: 6px;
	padding: 0;
	border: 0;
	background: none;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.etc-input
	.img-upload
	input[type='file']::file-selector-button {
	display: none;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.etc-input
	.img-upload
	input[type='file'].hidden-obj {
	display: none;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum
	.input-area
	.etc-input
	.img-upload
	input[type='file']:disabled
	+ label {
	background: #e6e6e6;
	color: #9e9e9e;
	font-weight: 700;
	cursor: default;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.line.line-thum:nth-child(n + 2) {
	margin-top: 11px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.reception-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
	width: 100%;
	height: 110px;
	margin-top: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.reception-list
	.tit-reception {
	width: 96px;
	background: #c6ccd3;
	font-size: 13px;
	line-height: 110px;
	text-align: center;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.reception-list
	.inner-list {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 18px 12px;
	overflow-y: scroll;
	width: calc(100% - 96px);
	height: 100%;
	padding: 14px;
	background: #f4f4f4;
}
section
	article
	.inner-box.detailInSave
	.layout:not(.top, .bottom)
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.reception-list
	.inner-list
	span {
	color: #9e9e9e;
}
section article .inner-box.detailInSave .layout:nth-last-of-type(2)::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1000%;
	height: 20px;
	background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.12) 100%);
	transform: translateX(-50%);
}
section
	article
	.inner-box.itemShop
	.layout.bottom
	.box-wrap
	.control
	input[type='text'] {
	width: 204px;
	margin: 0 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
}
section
	article
	.inner-box.itemShop
	.layout.bottom
	.box-wrap
	.control
	.btn-search {
	width: 85px;
	background: #5a5a5a;
	color: #fff;
	text-align: center;
	height: 32px;
	border-radius: 4px;
}
section
	article
	.inner-box.itemShop
	.layout.bottom
	.box-wrap
	.diverse-box
	.diverse-area
	.tbl {
	border-width: 0;
	border-style: none;
	border-color: unset;
}
section
	article
	.inner-box.itemShop
	.layout.bottom
	.box-wrap
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn2:nth-child(n + 2) {
	margin-left: 4px;
}
section article .inner-box.itemShop.sticker {
	padding: 32px 0 32px 42px;
}
section article .inner-box.itemShop.sticker .layout.bottom::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1000%;
	height: 1px;
	background: #e6e6e6;
	transform: translateX(-50%);
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap
	.control
	select {
	float: none;
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td {
	padding: 10px 0;
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.tit {
	width: 102px;
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn2 {
	height: 24px;
	padding: 0 19px;
	border-radius: 4px;
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap:nth-child(1) {
	padding-right: 42px;
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap:nth-child(1)
	h3 {
	padding: 29px 0 14px;
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap:nth-child(2) {
	padding: 0 42px;
	background: #f4f4f4;
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap:nth-child(2)
	.control {
	padding-bottom: 14px;
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap:nth-child(2)
	.diverse-box
	.diverse-area {
	max-height: 400px;
}
section
	article
	.inner-box.itemShop.sticker
	.layout.bottom
	.box-wrap:nth-child(2)
	.diverse-box
	.diverse-area
	.tbl
	thead
	th {
	background: #f4f4f4;
}
section article .inner-box.petlifeView {
	padding: 0 0 42px;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #9e9e9e;
}
section article .inner-box.petlifeView .layout {
	padding-bottom: 0;
	background: #f4f4f4;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer {
	width: 552px;
	margin: 0 auto;
	padding: 23px 42px;
	background: #fff;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .categori {
	display: inline-block;
	margin-bottom: 17px;
	padding: 6px 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 12px;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .tit {
	padding: 0 0 11px;
	font-size: 26px;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .tit-sub {
	padding: 0 0 28px;
	font-size: 16px;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.thumbnail-box
	.txt-thum {
	padding-bottom: 6px;
	color: #5a5a5a;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.thumbnail-box
	.thumbnail-area {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 12px;
	width: 100%;
	padding-bottom: 16px;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.thumbnail-box
	.thumbnail-area
	li
	div {
	position: relative;
	overflow: hidden;
	height: 166px;
	background: #464646;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.thumbnail-box
	.thumbnail-area
	li
	div
	img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.thumbnail-box
	.thumbnail-area
	li
	p {
	padding-top: 8px;
	text-align: center;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .paragraph {
	padding: 12px 0;
	color: #747474;
	font-size: 15px;
	line-height: 28px;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.tit-quotation {
	padding: 16px 16px 0;
	background: #f4f4f4;
	color: #585858;
	font-size: 15px;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.txt-quotation {
	margin: 12px 0;
	padding: 8px 16px;
	background: #f4f4f4;
	color: #585858;
	line-height: 24px;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.tit-quotation
	+ .txt-quotation {
	margin-top: 0;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .empty {
	height: 13px;
	text-indent: -9999px;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .tit-textual {
	padding: 12px 0 5px;
	font-size: 22px;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.tit-sub-textual {
	padding: 5px 0 12px;
	font-size: 17px;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .thum {
	width: 108px;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .webtoon {
	padding: 12px 0;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .photo-slide {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	padding: 12px 0;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .cardnews {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	padding: 12px 0;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.cardnews
	.card {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	padding: 14px;
	background: rgba(0, 0, 0, 0.6);
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.cardnews
	.card
	.thum {
	width: 126px;
	margin-right: 13px;
	background: #fff;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.cardnews
	.card
	.txt {
	width: calc(100% - 126px - 13px);
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
}
section
	article
	.inner-box.petlifeView
	.layout
	.box-wrap
	.viewer
	.cardnews
	.card
	span {
	position: absolute;
	right: 14px;
	bottom: 14px;
	padding: 4px 10px;
	border-radius: 14px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 11px;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .hash-tag {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 6px;
	padding: 12px 0;
}
section article .inner-box.petlifeView .layout .box-wrap .viewer .hash-tag li {
	padding: 7.5px 18px;
	border-width: 1px;
	border-style: solid;
	border-color: #f4f4f4;
	border-radius: 12px;
}
section article .inner-box.pushMessage .layout .tbl tbody td.cnt .photo {
	display: block;
	width: 288px;
	height: auto;
	margin: 0;
	border-width: 0;
	border-style: none;
	border-color: unset;
	border-radius: 0;
	background: none;
}
section
	article
	.inner-box.pushMessage
	.layout
	.tbl
	tbody
	td.cnt
	.photo:first-child {
	margin-top: 16px;
}
section
	article
	.inner-box.pushMessage
	.layout
	.tbl
	tbody
	td.cnt
	.photo:nth-child(n + 2) {
	margin-top: 12px;
}
section
	article
	.inner-box.pushMessage
	.layout
	.tbl
	tbody
	td.cnt
	.photo:last-child {
	margin-bottom: 16px;
}
section article .inner-box.pushMessage .layout .tbl tbody td.cnt .photo img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	transform: none;
}

.modal {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
}

.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	overflow-y: scroll;
	z-index: 70;
	width: 526px;
	max-height: 80.37vh;
	padding: 0 30px 30px;
	background: #fff;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.popup header {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 70;
	width: 100%;
	height: auto;
	padding: 20px 0 13px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #000;
	background: #fff;
}
.popup header h4 {
	color: #000;
	font-size: 20px;
}
.popup header button {
	width: 30px;
	height: 30px;
}
.popup .content {
	padding: 16px 0 30px;
}
.popup .content .txt {
	padding-top: 20px;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
}
.popup .content .explore-area {
	width: 100%;
	background: #fff;
	margin-bottom: 0;
}
.popup .content .explore-area .division {
	position: relative;
	width: 100%;
	padding: 0;
}
.popup .content .explore-area .division .line {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.popup .content .explore-area .division .line:nth-child(n + 2) {
	padding-top: 10px;
}
.popup .content .explore-area .division .line .label + .input-area {
	width: 100%;
}
.popup .content .explore-area .division .line {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.popup .content .explore-area .division .line:nth-child(n + 2) {
	padding-top: 22px;
}
.popup .content .explore-area .division .line .label {
	position: relative;
	width: 110px;
	margin: 9px 0 0;
	padding-left: 0;
	font-size: 15px;
	height: 17px;
}
.popup .content .explore-area .division .line .label::before {
	content: none;
	position: absolute;
	top: 50%;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background: #000;
	transform: translateY(-50%);
}
.popup .content .explore-area .division .line .label .count {
	color: #458fff;
	font-weight: 700;
}
.popup .content .explore-area .division .line .input-area {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.popup .content .explore-area .division .line .input-area select {
	min-width: 100%;
	height: 32px;
	padding: 0 26px 0 12px;
	border: 1px solid #d0d0d0;
	border-radius: 6px;
	background: #fff url('../images/common/ic_select1.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	cursor: pointer;
	background-position: 96% 50%;
}
.popup .content .explore-area .division .line .input-area select.type1 {
	height: 24px;
	padding: 0 16px 0 0;
}
.popup .content .explore-area .division .line .input-area select:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
	background: #f4f4f4 url('../images/common/ic_select1.png') no-repeat;
	background-position: 94% 50%;
	background-size: 10px;
	color: #666;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	input:not([type='radio']) {
	width: 100%;
}
.popup .content .explore-area .division .line .input-area textarea {
	min-height: 128px;
}
.popup .content .explore-area .division .line .input-area .etc-input {
	width: 100%;
}
.popup .content .explore-area .division .line .input-area .etc-input .input {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area {
	overflow-y: scroll;
	max-height: 460px;
	height: auto;
	max-height: 310px;
	border: none;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area.stretch {
	height: 606px;
	max-height: 606px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	.input-area
	.etc-input {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	.input-area
	.etc-input
	.input:nth-child(n + 2) {
	margin-top: 4px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	thead
	th {
	position: sticky;
	top: 0;
	z-index: 20;
	padding: 12px 0;
	background: #fff;
	text-align: center;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	thead
	th::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #333;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order {
	display: inline-block;
	vertical-align: middle;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5 {
	border: none !important;
	font-size: 14px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5.up
	i {
	border-width: 0 3px 3px 3px;
	border-style: solid;
	border-color: transparent transparent #ff3232 transparent;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5.up
	i:hover {
	border-bottom-color: none;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5.down
	i {
	border-width: 3px 3px 0 3px;
	border-style: solid;
	border-color: #458fff transparent transparent transparent;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5.down
	i:hover {
	border-top-color: none;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	thead
	th
	.btn-order
	.btn5
	i {
	margin-left: 4px;
	border-width: 3px 3px 0 3px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td {
	padding: 21px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #e6e6e6;
	text-align: center;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	select {
	min-width: auto;
	height: 32px;
	padding: 0 26px 0 12px;
	border: 0;
	border-radius: 6px;
	background: #fff url('../images/common/ic_select3.png') no-repeat;
	background-position: 94% 50%;
	background-size: 14px;
	cursor: pointer;
	margin: 0 6px;
	background-position: 100% 50%;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	select.type1 {
	height: 24px;
	padding: 0 16px 0 0;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	select:disabled {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 6px;
	background: #f4f4f4;
	color: #9e9e9e;
	cursor: default;
	background: #f4f4f4 url('../images/common/ic_select3.png') no-repeat;
	background-position: 94% 50%;
	background-size: 14px;
	color: #666;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	input {
	display: block;
	height: 24px;
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 2px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	input:nth-child(n + 2) {
	margin-top: 4px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.tit {
	display: -webkit-box;
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login {
	display: inline-block;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.kakao {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.kakao::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_kakao.png') no-repeat 0 0/16px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.apple {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.apple::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_apple.png') no-repeat 0 0/16px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.google {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.google::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_google.png') no-repeat 0 0/16px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.naver {
	position: relative;
	padding-left: 20px;
	line-height: 16px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.kind-login.naver::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('../images/common/ic_naver.png') no-repeat 0 0/16px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn2 {
	height: 24px;
	padding: 0 19px;
	font-size: 13px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn3 {
	padding: 6px 10px;
	border-radius: 3px;
	background: #5a5a5a;
	color: #fff;
	font-size: 13px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn3.on {
	border-width: 1px;
	border-style: solid;
	border-color: #5a5a5a;
	background: #fff;
	color: #5a5a5a;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td
	.btn-order {
	display: inline-block;
	margin-left: 14px;
	vertical-align: middle;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td {
	padding: 10px 0 9px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.tbl
	tbody
	th {
	width: 92px;
	padding: 11px 0;
	font-size: 13px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.tbl
	tbody
	td {
	padding: 11px 16px;
	font-size: 14px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.tbl
	tbody
	td
	.state {
	margin: 0;
}
.popup .content .explore-area .division .line .input-area.thum {
	width: 100%;
}
.popup .content .explore-area .division .line .input-area.thum .etc-input {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area.thum
	.etc-input
	.input {
	width: auto;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area.thum
	.etc-input
	.input
	.photo {
	width: 54px;
	height: 54px;
	margin: 0;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area.thum
	.etc-input
	.input.img-upload {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area.thum
	.etc-input
	.input.img-upload
	input[type='file'] {
	margin-left: 6px;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area.thum
	.etc-input
	.input.img-upload
	label {
	margin-left: 6px;
	padding: 5px 10px;
	border-radius: 4px;
	background: #5a5a5a;
	color: #fff;
	font-weight: 700;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area.thum
	.etc-input
	.input.img-upload
	input[type='file']:disabled
	+ label {
	background: #e6e6e6;
	color: #9e9e9e;
	font-weight: 700;
	cursor: default;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area.radio
	.etc-input
	.input {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: auto;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area.radio.datetime
	.etc-input
	.input
	input[type='datetime-local'] {
	padding: 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	border-radius: 6px;
}
.popup .content .explore-area .division .line .input-area.ipt-area-column {
	flex-direction: column;
}
.popup
	.content
	.explore-area
	.division
	.line
	.input-area.ipt-area-column
	.etc-input {
	margin: 8px 0 0;
}
.popup .content .explore-area .division .line.line-column {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.popup .content .explore-area .division .line.line-column .label {
	margin: 0 0 12px;
}
.popup .btn-area {
	display: flex;
	justify-content: center;
	align-items: center;
}
.popup .btn-area button:nth-child(n + 2) {
	margin-left: 8px;
}
.popup.pop-confirm {
	width: 412px;
}
.popup.pop-formation .content {
	padding: 10px 0 20px;
}
.popup.pop-formation .content .explore-area .division .line {
	padding: 10px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #e6e6e6;
}
.popup.pop-formation .content .explore-area .division .line .input-area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.popup.pop-formation
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	input
	+ span {
	margin: 0 6px;
}
.popup.pop-formation
	.content
	.explore-area
	.division
	.line
	.label
	+ .input-area {
	width: calc(100% - 110px);
}
.popup.pop-reception .content .explore-area .division .line .input-area.search {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.popup.pop-reception
	.content
	.explore-area
	.division
	.line
	.input-area.search
	.etc-input {
	width: auto;
}
.popup.pop-reception
	.content
	.explore-area
	.division
	.line
	.input-area.search
	.etc-input
	.input
	input[type='text'] {
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	border-radius: 6px;
}
.popup.pop-reception
	.content
	.explore-area
	.division
	.line
	.input-area.search
	.etc-input
	.input
	.btn2 {
	height: 32px;
	padding: 0 30px;
	border-radius: 4px;
	font-size: 13px;
}
.popup.pop-reception
	.content
	.explore-area
	.division
	.line
	.input-area.search
	.etc-input:nth-child(2) {
	width: calc(100% - 82px - 81px);
}
.popup.pop-reception
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.explore-area
	.diverse-box
	.diverse-area {
	overflow-x: hidden;
	max-height: 180px;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	border-radius: 6px;
}
.popup.pop-reception
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.explore-area
	.diverse-box
	.diverse-area
	.tbl
	thead
	th::before {
	height: 1px;
	background: #d0d0d0;
}
.popup.pop-reception
	.content
	.explore-area
	.division
	.line
	.input-area
	.etc-input
	.explore-area
	.diverse-box
	.diverse-area
	.tbl
	tbody
	td {
	border-width: 0;
	border-style: none;
	border-color: unset;
	background: none;
}
.popup.pop-reception .content .explore-area .division .line:nth-child(3) {
	display: flex;
	justify-content: center;
	align-items: center;
}
.popup.pop-reception
	.content
	.explore-area
	.division
	.line:nth-child(3)
	.input-area
	.etc-input
	.input
	.btn5
	i {
	border-width: 6px 5px 0 5px;
	border-style: solid;
	border-color: #5a5a5a transparent transparent transparent;
}
.popup.pop-reception
	.content
	.explore-area
	.division
	.line:nth-child(4)
	.input-area
	.etc-input
	.explore-area
	.diverse-box
	.diverse-area
	.tbl
	tbody
	tr:hover
	td {
	background: rgba(140, 227, 255, 0.3);
}
.popup.pop-petlife-edit .content {
	padding: 18px 0 32px;
}
.popup.pop-petlife-edit
	.content
	.explore-area
	.division
	.line:nth-child(n + 2) {
	padding-top: 12px;
}
.popup.pop-interior .content .explore-area .division .photo {
	width: 54px;
	height: 54px;
}
.popup.pop-interior .content .explore-area .division .line {
	position: relative;
	align-items: center;
}
.popup.pop-interior .content .explore-area .division .line .label {
	margin: 0;
}
.popup.pop-interior
	.content
	.explore-area
	.division
	.line
	.input-area.thum
	.etc-input {
	position: relative;
	width: 100%;
}
.popup.pop-interior .content .explore-area .division .line .txt-kind {
	position: absolute;
	top: 50%;
	right: 0;
	color: #999;
	font-size: 12px;
	transform: translateY(-50%);
}
.popup.pop-interior.pop-inquiry
	.content
	.explore-area
	.division
	.line:nth-child(n + 2) {
	padding-top: 8px;
}
.popup.pop-interior.pop-inquiry .content .line .photo {
	margin: 0;
}
.popup.pop-interior.pop-inquiry .content .line .name {
	margin-left: 12px;
}
.popup.pop-photo-detail {
	overflow-y: scroll;
	max-height: 47.71vw;
}
.popup.pop-photo-detail .content {
	padding: 16px 0 0;
}
.popup.pop-photo-detail .content .img img {
	width: auto;
	max-width: 100%;
}
.popup.pop-accreditation .content {
	padding: 32px 0 24px;
}
.popup.pop-accreditation .content .line .label {
	font-size: 18px;
	text-align: center;
}
.popup.pop-accreditation .content .line .input-area {
	padding-top: 20px;
}
.popup.pop-accreditation .content .line .input-area .etc-input .input {
	width: 176px;
	margin: 0 auto;
}
.popup.pop-accreditation .content .line .input-area .etc-input .input input {
	height: 50px;
}
.popup.pop-accreditation .content .line .input-area .alert {
	visibility: hidden;
	margin: 0;
	padding-top: 4px;
	color: #ff3232;
	font-size: 14px;
	text-align: center;
}
.popup.pop-accreditation .content .line .input-area .alert.warning {
	visibility: visible;
}

#wrap {
	min-width: 100%;
}

.login {
	position: relative;
	height: 100vh;
	background: #458fff;
}
.login::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 10;
	width: 602px;
	height: 50%;
	background: radial-gradient(
		at 50% 0,
		rgba(19, 66, 138, 0.3) 62%,
		transparent 70%
	);
	transform: translateX(-50%);
}
.login::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 10;
	width: 602px;
	height: 50%;
	background: radial-gradient(
		at 50% 100%,
		rgba(19, 66, 138, 0.3) 62%,
		transparent 70%
	);
	transform: translateX(-50%);
}
.login section {
	position: relative;
	z-index: 20;
	width: 516px;
	height: 100%;
	margin: 0 auto;
}
.login section::before {
	content: '';
	position: absolute;
	right: -438px;
	bottom: -56px;
	z-index: -10;
	width: 598px;
	height: 598px;
	background: url('../images/common/login_deco.png') no-repeat 0 0/100%;
}
.login section article {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	float: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #fff;
}
.login section article h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #458fff;
}
.login section article h1::before {
	content: '실서버';
	position: absolute;
	top: 32px;
	right: 32px;
	padding: 8px 17px;
	border-radius: 20px;
	background: #458fff;
	color: #fff;
	font-family: 'NanumSquare';
	font-size: 18px;
	font-weight: 700;
}
.login section article h1 i {
	position: relative;
	top: -2px;
	width: 46px;
	height: 46px;
	margin-right: 4px;
	background: url('../images/common/login_logo_gg.png') no-repeat 0 0/100%;
	text-indent: -9999px;
}
.login section article h1 span {
	font-size: 34px;
	font-weight: 700;
	line-height: 36px;
}
.login section article .login-box {
	width: 384px;
	margin: 0 auto;
	padding-top: 317px;
	background: url('../images/common/login_img.png') no-repeat 50% 50px/252px;
}
.login section article .login-box .info {
	position: relative;
}
.login section article .login-box .info .input {
	position: relative;
}
.login section article .login-box .info .input label {
	display: none;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
.login section article .login-box .info .input input {
	height: 56px;
	padding: 18px 50px;
	border-width: 1px;
	border-style: solid;
	border-color: #d9d9d9;
	border-radius: 10px;
	color: #9e9e9e;
	font-size: 18px;
}
.login section article .login-box .info .input input:focus {
	border-color: #458fff;
	color: #333;
}
.login section article .login-box .info .input.id input {
	background: url('../images/common/login_user.png') no-repeat 20px 50%/20px;
}
.login section article .login-box .info .input.id input:focus {
	background: url('../images/common/login_user_on.png') no-repeat 20px 50%/20px;
}
.login section article .login-box .info .input.pw input,
.login section article .login-box .info .input.reason input {
	background: url('../images/common/login_lock.png') no-repeat 20px 50%/20px;
}
.login section article .login-box .info .input.pw input:focus,
.login section article .login-box .info .input.reason input:focus {
	background: url('../images/common/login_lock_on.png') no-repeat 20px 50%/20px;
}
.login section article .login-box .info p {
	margin-left: 20px;
	padding-top: 8px;
	color: #ff3232;
	font-size: 14px;
}
.login section article .login-box .info:nth-child(n + 2) {
	margin-top: 10px;
}
.login section article .login-box .btn-area {
	padding-top: 38px;
}
.login section article .login-box .btn-area a {
	display: block;
	padding: 18px 0;
	border-radius: 10px;
	background: #458fff;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}
.login.develop {
	background: #6946ce;
}
.login.develop::before {
	background: radial-gradient(
		at 50% 0,
		rgba(51, 27, 120, 0.3) 62%,
		transparent 70%
	);
}
.login.develop::after {
	background: radial-gradient(
		at 50% 100%,
		rgba(51, 27, 120, 0.3) 62%,
		transparent 70%
	);
}
.login.develop section::before {
	background: url('../images/common/login_deco_test.png') no-repeat 0 0/100%;
}
.login.develop section article h1 {
	color: #472a9b;
}
.login.develop section article h1::before {
	content: '테스트서버';
	background: #906cf9;
}
.login.develop section article h1 i {
	background: url('../images/common/login_logo_gg_test.png') no-repeat 0 0/100%;
}
.login.develop section article .login-box .info .input input:focus {
	border-color: #906cf9;
}
.login.develop section article .login-box .btn-area a {
	background: #865ffa;
}

@media print {
	html,
	body {
		width: 210mm;
		height: 297mm;
		-webkit-print-color-adjust: exact;
	}
	.print-area {
		width: 100%;
	}
	.print-area .popup {
		position: relative;
		top: auto;
		left: auto;
		overflow-y: unset;
		width: 100%;
		max-height: 100%;
		padding: 0;
		transform: none;
		box-shadow: none;
	}
	.print-area .popup header {
		padding: 0 0 13px;
	}
	.print-area .popup header button {
		display: none;
	}
	.print-area
		.popup
		.content
		.explore-area
		.division
		.line
		.input-area
		.etc-input
		.explore-area
		.diverse-area {
		overflow-y: unset;
		max-height: 100%;
	}
	.print-area
		.popup
		.content
		.explore-area
		.division
		.line
		.input-area
		.etc-input
		.explore-area
		.diverse-area
		.tbl {
		width: 100%;
		page-break-inside: auto;
		page-break-before: auto;
	}
	.print-area
		.popup
		.content
		.explore-area
		.division
		.line
		.input-area
		.etc-input
		.explore-area
		.diverse-area
		.tbl
		tr {
		page-break-inside: avoid;
		page-break-after: auto;
	}
	.print-area
		.popup
		.content
		.explore-area
		.division
		.line
		.input-area
		.etc-input
		.explore-area
		.diverse-area
		.tbl
		thead {
		display: table-header-group;
	}
	.print-area
		.popup
		.content
		.explore-area
		.division
		.line
		.input-area
		.etc-input
		.explore-area
		.diverse-area
		.tbl
		thead
		th {
		position: relative !important;
	}
	.print-area
		.popup
		.content
		.explore-area
		.division
		.line
		.input-area
		.etc-input
		.explore-area
		.diverse-area
		.tbl
		tbody
		th {
		background: #c6ccd3 !important;
	}
	.print-area
		.popup
		.content
		.explore-area
		.division
		.line
		.input-area
		.etc-input
		.explore-area
		.diverse-area
		.tbl
		tbody
		td {
		background: #f4f4f4 !important;
	}
	.print-area .popup .btn-area {
		display: none;
	}
}

/*# sourceMappingURL=mixins.css.map */