/* body */
body
{
	min-width: 1600px;
	/* overflow-x: hidden; */
}

/* login */
div.adminLogin ::placeholder /* Chrome, Firefox, Opera, Safari 10.1+ */
{
	color: rgba(255,255,255,0.2);
	opacity: 1; /* Firefox */
}

div.adminLogin :-ms-input-placeholder /* Internet Explorer 10-11 */
{
	color: rgba(255,255,255,0.2);
}

div.adminLogin ::-ms-input-placeholder /* Microsoft Edge */
{
	color: rgba(255,255,255,0.2);
}

div.adminLogin :focus::placeholder /* Chrome, Firefox, Opera, Safari 10.1+ */
{
	color: rgba(255,255,255,1);
	opacity: 1; /* Firefox */
}

div.adminLogin :focus:-ms-input-placeholder /* Internet Explorer 10-11 */
{
	color: rgba(255,255,255,1);
}

div.adminLogin :focus::-ms-input-placeholder /* Microsoft Edge */
{
	color: rgba(255,255,255,1);
}

div.adminLogin
{
	position: absolute;
	top: 50%;
	left: 50%;

	width: 700px;
	height: 360px;

	margin: -210px 0 0 -350px;

	padding: 0 0 0 355px;
	background: #0083cb;
	overflow: hidden;
	border: 1px solid #0083cb;
	box-shadow: 0 0 7px #ccc;
	background-image: url(/images/mngr/bg_login.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

div.adminLogin h1
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	padding: 70px 0 0 50px;
	line-height: 18px;
	text-align: center;

	font-family: 'malgun gothic';
	font-size: 22px;
	font-weight: normal;
	color: #333;
	letter-spacing: -0.075em;
	font-weight: bold;
}

div.adminLogin h1::after
{
	content: '';
	position: absolute;
	left: -190px;
	top: -145px;
	z-index: -1;
	width: 700px;
	height: 300px;
	background: #fff;
	transform: rotate(-30deg);
}

div.adminLogin h1 span
{
	font-size: 11px;
	font-weight: normal;
}

div.adminLogin div.right_content
{
	position: relative;
	z-index: 2;
}

div.adminLogin div.right_content div.input_wrap
{
	padding: 55px 50px 0 50px;
}

@media screen and (max-width: 767px)
{
	div.adminLogin div.right_content div.input_wrap
	{
		padding: 55px 15px 0 15px;
	}
}

div.adminLogin div.input_wrap
{
	padding: 30px 15px;
}

div.adminLogin div.input_wrap span
{
	display: block;
	position: relative;
}

div.adminLogin div.input_wrap span::after
{
	font-family:'FontAwesome';
	position: absolute;
	left: 11px;
	top: 22px;
	color: rgba(255,255,255,0.2);
}

div.adminLogin div.input_wrap span:nth-of-type(1)::after
{
	content: '\f007';
}

div.adminLogin div.input_wrap span:nth-of-type(2)::after
{
	content: '\f023';
}

div.adminLogin div.input_wrap span.active::after
{
	color: rgba(255,255,255,1);
}

div.adminLogin div.input_wrap input[type="text"],
div.adminLogin div.input_wrap input[type="password"],
div.adminLogin div.input_wrap input[type="submit"],
div.adminLogin div.input_wrap input[type="button"]
{
	display: block;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	font-family: verdana;
	font-size: 15px;
	border: none;
	color: rgba(255,255,255,1);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	background: none;
}

div.adminLogin div.input_wrap input:focus
{
	border-bottom: 1px solid rgba(255,255,255,1);
}

div.adminLogin div.input_wrap input.login_btn,
div.adminLogin div.input_wrap a.login_btn
{
	margin-top: 25px;
	padding: 10px 0 15px 0;
	font-family: 'malgun gothic';
	font-size: 16px;
	color: #fff;

	/*
	border: none;
	background: #3c3c3c;
	*/

	border: 1px solid #fff;
	background-color: rgba(204,204,204,0.3) !important;

	display: inline-block;
	width: 100%;
	text-align: center;
}

div.adminLogin div.input_wrap div
{
	padding: 15px 0 0 9px;
	color: #fff;
}

div.adminLogin div.input_wrap div *
{
	color: #fff;
}

div.adminLogin div.input_wrap div input[type="checkbox"]
{
	display: inline-block;
	width: auto;
	padding: 0;
	border: none;
}

div.adminLogin div.input_wrap div label,
div.adminLogin div.input_wrap div a
{
	color: #fff;
	margin: 0 21px 0 3px;
}

/* topArea */
div.topArea
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	min-width: 1440px;
	background: #3c3c3c;
}

div.topArea div.utilMenu
{
	height: 45px;
	padding: 0 18px;

	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.topArea div.utilMenu h1,
div.topArea div.utilMenu h1 a
{
	font-size: 15px;
	color: #fff;
}

div.topArea div.utilMenu ul.right li
{
	display: inline-block;
	padding: 0 12px;

	/* after */
	position: relative;
}

div.topArea div.utilMenu ul.right li,
div.topArea div.utilMenu ul.right li *
{
	vertical-align: top;
	font-size: 12px;
	color: #8e8e8e;
}

div.topArea div.utilMenu ul.right li:last-child
{
	padding-right: 0 !important;
}

div.topArea div.utilMenu ul.right li::after
{
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 1px;
	height: 9px;

	/* #8e8e8e */
	background: rgba(142,142,142,0.3);
}

div.topArea div.utilMenu ul.right li:first-child::after
{
	display: none;
}

div.topArea div.utilMenu ul.right li strong,
div.topArea div.utilMenu ul.right li a:hover
{
	font-weight: normal;
	color: #ccc;
}

div.topArea div.utilMenu div.left ul
{
	margin-left: 15px;
}

div.topArea div.utilMenu div.left ul li
{
	float: left;
}

div.topArea div.utilMenu div.left ul li a
{
	display: block;
	font-size: 12px;
	color: #fff;
	background: #252525;
}

div.topArea div.utilMenu div.left ul li:first-child a
{
	padding: 3px 6px 3px 12px;
	border-right: 1px solid #3c3c3c;
	border-radius: 100px 0 0 100px;
}

div.topArea div.utilMenu div.left ul li:last-child a
{
	padding: 3px 12px 3px 6px;
	border-radius: 0 100px 100px 0;
}

div.topArea div.utilMenu div.left ul li a:hover,
div.topArea div.utilMenu div.left ul li a.active
{
	background: #0083cb;
}

div.topArea div.utilMenu div.left.color_02 ul li a:hover,
div.topArea div.utilMenu div.left.color_02 ul li a.active
{
	background: #9b3c4c;
}

div.topArea ul.mainMenu
{
	background: #252525;
}

div.topArea ul.mainMenu li
{
	float: left;
	border-right: 1px solid #3c3c3c;
}

div.topArea ul.mainMenu li a
{
	display: block;
	height: 36px;
	padding: 0 15px 0 15px;
	font-size: 13px;
	line-height: 36px;
	color: #8e8e8e;
	background: #2d2d2d;
}

div.topArea ul.mainMenu li a.active,
div.topArea ul.mainMenu li a:hover
{
	color: #fff;
	background: #0083cb;
}

div.topArea ul.mainMenu.color_02 li a.active,
div.topArea ul.mainMenu.color_02 li a:hover
{
	background: #9b3c4c;
}

div.topArea ul.mainMenu li a *
{
	color: #8e8e8e;
}

div.topArea ul.mainMenu li a:hover *
{
	color: #fff;
}

/* middleArea */
div.middleArea
{
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: #FFF;
}

/** common **/
div.middleArea div.sideMenu
{
	width: 180px;
	padding-top: 81px; /* topArea */
}

div.middleArea div.pageContent
{
	width: calc(100% - 180px);
	padding: 148px 27px 75px 27px; /* topArea + contentTitle */
}

div.middleArea div.pageContent button.openerSideMenu
{
	left: 180px;
}

div.middleArea div.pageContent div.contentTitle
{
	left: 180px;
	top: 81px; /* topArea */
	height: 72px;
	width: calc(100% - 180px);
}

/** sideMenu **/
div.middleArea div.sideMenu
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	height: 100%;
	border-right: 1px solid #ccc;

	/* rgba(204,204,204,0.3) */
	background: #f0f0f0;
}

div.middleArea div.sideMenu dl
{
	height: calc(100% - 33px); /* copyright */
	overflow: auto;
}

div.middleArea div.sideMenu dl dt
{
	padding: 18px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

div.middleArea div.sideMenu dl dd
{
	border-top: 1px solid #fff;
}

div.middleArea div.sideMenu dl dd:last-child
{
	border-bottom: 1px solid #fff;
}

div.middleArea div.sideMenu dl dd > a
{
	display: block;
	padding: 9px 18px;
	color: #1e1e1e;
	line-height: 18px;
}

div.middleArea div.sideMenu dl dd.active > a,
div.middleArea div.sideMenu dl dd > a:hover
{
	background: #0083cb;
	color: #fff;
}

div.middleArea div.sideMenu.color_02 dl dd.active > a,
div.middleArea div.sideMenu.color_02 dl dd > a:hover
{
	background: #9b3c4c;
}

div.middleArea div.sideMenu dl dd.active > a
{
	font-weight: 600;

	/* after */
	position: relative;
}

div.middleArea div.sideMenu dl dd.active > a::after
{
	content: "\f13a";
	position: absolute;
	right: 12px;
	top: 11px;
	font-family: "FontAwesome";
	font-weight: normal;
}

div.middleArea div.sideMenu dl dd.active > a.straight::after
{
	content: "\f138";
}

div.middleArea div.sideMenu dl dd ul
{
	background: #fff;

	/* js */
	display: none;
}

div.middleArea div.sideMenu dl dd.active ul
{
	display: block;
}

div.middleArea div.sideMenu dl dd ul li:last-child
{
	border-bottom: none;
}

div.middleArea div.sideMenu dl dd ul li a
{
	display: block;
	padding: 9px 12px 9px 26px;
	font-size: 11px;
	color: #8e8e8e;

	/* after */
	position: relative;
}

div.middleArea div.sideMenu dl dd ul li:hover a,
div.middleArea div.sideMenu dl dd ul li.active a
{
	color: #fff;
	background: #252525;
}

div.middleArea div.sideMenu dl dd ul li.active a
{
	font-weight: 600;
}

div.middleArea div.sideMenu dl dd ul li.active a::after
{
	content: "\f138";
	position: absolute;
	right: 12px;
	top: 12px;
	font-family: "FontAwesome";
}

div.middleArea div.sideMenu p
{
	text-align: center;
	padding-top: 9px;
}

/** openerSideMenu **/
div.middleArea div.pageContent button.openerSideMenu
{
	position: fixed;
	top: 168px;
	z-index: 1;
	width: 15px;
	border: 1px solid #ccc;
	border-left: none;
	border-radius: 0 2px 2px 0;
	padding: 5px 0;
	background-color: #fff;
}

div.middleArea div.pageContent button.openerSideMenu.toggle
{
	left: 0;
}

div.middleArea div.pageContent button.openerSideMenu .fa
{
	font-size: 10px;
	vertical-align: 1px;
	text-indent: -1px;
}

/** pageContent **/
div.middleArea div.pageContent
{
	float: right;
	position: relative;
}

div.middleArea div.pageContent.toggle
{
	width: 100%;
}

div.middleArea div.pageContent div.contentTitle
{
	position: fixed;
	z-index: 2;
	border-bottom: 1px solid #ccc;
	padding: 9px 18px 0 18px;
	background: #fff;
}

div.middleArea div.pageContent div.contentTitle.toggle
{
	left: 0;
	width: 100%;
}

div.middleArea div.pageContent div.contentTitle div.currentPage
{
	font-size: 11px;
	color: #8e8e8e;
}

div.middleArea div.pageContent div.contentTitle h2
{
	margin-top: 9px;
	font-size: 22px;
	letter-spacing: -0.1em;
}

div.middleArea div.pageContent div.contentTitle h2 small
{
	font-weight: normal;
	color: #8e8e8e;
}

div.middleArea div.pageContent div.contentTitle .event
{
	position: absolute;
	right: 18px;
	bottom: 12px;
	display: block;
	padding: 9px 13px 9px 12px;
	color: #fff;
	border: 1px solid #0083cb;
	border-radius: 2px;
	background: #0083cb;
}

div.middleArea div.pageContent div.pageAdvice
{
	position: relative;
	margin-top: 21px;
	padding: 9px 9px 9px 32px;
	border: 2px solid #ccc;
}

div.middleArea div.pageContent div.pageAdvice.under
{
	margin-top: 0;
	padding: 9px 9px 9px 32px;
	border: none;
}

div.middleArea div.pageContent div.pageAdvice .fa
{
	position: absolute;
	left: 10px;
	top: 9px;
	font-size: 16px;
	color: #0083cb;
}

div.middleArea div.pageContent div.pageAdvice ul li
{
	line-height: 15px;
	padding: 0 0 0 15px;

	/* after */
	position: relative;
}

div.middleArea div.pageContent div.pageAdvice ul li:not(:first-child)
{
	margin-top: 6px;
}

div.middleArea div.pageContent div.pageAdvice ul li::after
{
	content: "";
	position: absolute;
	left: 3px;
	top: 6px;
	width: 3px;
	height: 3px;
	background-color: #0083cb;
}

div.middleArea div.pageContent div.contentArea
{
	position: relative;
}

div.middleArea div.pageContent h3
{
	margin-top: 21px;
	font-size: 16px;
	padding-bottom: 6px;
	text-align: left; /* in table */
}

div.middleArea div.pageContent h3.no_pageinfo
{
	padding-bottom: 12px;
}

div.middleArea div.pageContent h3 .fa
{
	color: #ccc;
	vertical-align: -1px;
}

div.middleArea div.pageContent h3 button.openerContentAdvice
{
	height: auto !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: none !important;
}

div.middleArea div.pageContent h3 small,
div.middleArea div.pageContent h3 small *
{
	margin-left: 3px;
	font-weight: normal;
	color: #8e8e8e;
}

div.middleArea div.pageContent div.contentArea div.contentAdvice
{
	display: none;
	border: 1px solid #ccc;
	position: absolute;
	top: 25px;
	z-index: 1;
	width: 390px;
	padding: 12px 12px 12px 12px;
	background: #fff;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}

div.middleArea div.pageContent div.contentArea div.contentAdvice button
{
	position: absolute;
	right: 12px;
	top: 12px
}

div.middleArea div.pageContent div.contentArea div.contentAdvice::after
{
	content: "";
	position: absolute;
	left: 18px;
	top: -4px;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
}

div.middleArea div.pageContent div.additionalEx
{
	margin-top: 30px;
	border-top: 1px dashed #ccc;
}

div.middleArea div.pageContent div.additionalEx.type_02
{
	margin-top: 0;
	border-top: none;
}

div.middleArea div.pageContent div.additionalEx ul,
div.middleArea div.pageContent div.additionalEx dl,
div.middleArea div.pageContent div.additionalEx ol
{
	max-width: 1000px;
	margin-top: 21px;
}

div.middleArea div.pageContent div.additionalEx.type_02 ul,
div.middleArea div.pageContent div.additionalEx.type_02 dl,
div.middleArea div.pageContent div.additionalEx.type_02 ol
{
	margin-top: 12px;
}

div.middleArea div.pageContent div.additionalEx dl dt
{
	font-weight: bold;
}

div.middleArea div.pageContent div.additionalEx ul li,
div.middleArea div.pageContent div.additionalEx dl dd
{
	padding: 9px 0 0 12px;
	color: #8e8e8e;

	/* after */
	position: relative;
}

div.middleArea div.pageContent div.additionalEx ul li:first-child,
div.middleArea div.pageContent div.additionalEx ol li:first-child
{
	padding-top: 0;
}

div.middleArea div.pageContent div.additionalEx ul li:after,
div.middleArea div.pageContent div.additionalEx dl dd::after
{
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #3c3c3c;
}

div.middleArea div.pageContent div.additionalEx ul li:first-child:after,
div.middleArea div.pageContent div.additionalEx ol li:first-child:after
{
	top: 6px;
}

div.middleArea div.pageContent div.additionalEx a
{
	vertical-align: top;
}

div.middleArea div.pageContent div.additionalEx a:hover
{
	border-bottom: 1px solid #3c3c3c;
}

div.middleArea div.pageContent div.additionalEx ol
{
	list-style-position : inside;
}

div.middleArea div.pageContent div.additionalEx ol li
{
	padding: 9px 0 0 12px;
	color: #8e8e8e;
}

/* codeViewer */
div.codeViewer
{
	margin-top: 21px;
	padding: 21px;
	border-bottom: 2px dashed #0083cb;
}

div.codeViewer textarea
{
	width: 100%;
	height: 300px;
	padding: 9px;
	overflow: scroll;
	white-space:nowrap;

	/* #ccc */
	border: 1px dashed #8e8e8e;
}

/* contentArea common */

/** contentTR **/
div.contentTR
{
	/*
	position: absolute;
	right: 0;
	top: 0;
	*/

	float: right;
	margin-top: -25px;
	font-size: 11px;
	font-weight: normal;
}

/** colorBox **/
span.colorBox
{
	display: inline-block;
	width: 60px;
	padding: 3px;
	text-align: center;
}

div.contentTR span.color_01
{
	background: #0083cb;
	color: #0083cb;
}

div.contentTR span.color_02
{
	margin-left: 10px;
	background: #f53f59;
	color: #f53f59;
}

img.circleImg
{
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

/** table common **/
table.contentTable + table.contentTable
{
	margin-top: 21px;
}

table.contentTable input[type=file]
{
	display: none;
}

table.contentTable input[type=text],
table.contentTable input[type=password],
table.contentTable input[type=email],
table.contentTable input[type=number],
table.contentTable input[type=tel]
{
	height: 24px;
	padding: 0 3px;
	border: 1px solid #ccc;
	border-radius: 2px;
}

table.contentTable input[type=text]:focus,
table.contentTable input[type=password]:focus,
table.contentTable input[type=email]:focus,
table.contentTable input[type=number]:focus,
table.contentTable input[type=tel]:focus,
table.contentTable select:focus
{
	border: 1px solid #ffb22b;
	background: #fff8ec;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
	-webkit-appearance: none;
}

table.contentTable select
{
	height: 24px;
	border: 1px solid #ccc;
	border-radius: 2px;
}

table.contentTable button,
table.contentTable input[type=button],
table.contentTable input[type=submit],
table.contentTable a.type_button,
h3 .type_button,
div.contentTR a,
div.contentTR button,
.category li button,
.category li a.type_button,
.survey_list_delete,
ul.chatting_list li a,
ul.chatting_list li button
{
	display: inline-block;
	height: 19px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	padding: 1px 6px;
	color: #fff;
	border-radius: 2px;
	background: #8e8e8e;
}

table.contentTable a.type_button
{
	display: inline-block;
	line-height: 18px;
	vertical-align: 0;
}

table.contentTable input[type=submit]
{
	background: #8e8e8e !important; /* readonly */
}

table.contentTable button:hover,
table.contentTable input[type=button]:hover,
table.contentTable input[type=submit]:hover,
table.contentTable a.type_button:hover,
.category li button:hover,
.category li a.type_button:hover,
h3 .type_button:hover,
div.contentTR a:hover,
div.contentTR button:hover
{
	background: #3c3c3c;
}

.category li a
{
	line-height: 25px;
}

table.contentTable label + input[type=radio],
table.contentTable label + input[type=checkbox]
{
	margin-left: 12px;
}

table.contentTable input + input[type=radio],
table.contentTable input + input[type=checkbox],
table.contentTable select + input[type=checkbox]
{
	margin-left: 12px;
}

table.contentTable input[type=checkbox]
{
	vertical-align: -2px;
}

input[type=text]:read-only
{
	border: 1px solid #ccc !important;
	background-color: rgba(204,204,204,0.3) !important;
}

table.contentTable ul.advice
{
	margin-top: 3px;
	max-width: 1000px;
}

table.contentTable ul.advice.upper
{
	margin-top: 0;
}

table.contentTable ul.advice li
{
	margin: 0;
	padding: 3px 0 0 15px;
	text-align: left;
	font-size: 11px;

	/* after */
	position: relative;
}

table.contentTable ul.advice li::after
{
	content: "\f058";
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 4px;
	color: #0083cb;
}

table.contentTable ul.advice li strong
{
	font-weight: normal;
	font-size: 11px;
	color: #0083cb;
}

table.contentTable ul.advice li a
{
	font-size: 11px;
	vertical-align: 0;
	padding-bottom: 1px;
	border-bottom: 1px solid #1e1e1e;
}

table.contentTable ul.advice li a:hover
{
	color: #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
}

span.advice
{
	margin-left: 3px;
	padding: 0 0 0 15px;
	font-size: 11px;
	line-height: 16px;

	/* after */
	position: relative;
}

span.advice::after
{
	content: "\f058";
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	color: #0083cb;
}

table.contentTable ol
{
	margin-top: 3px;
	padding-left: 20px;
}

table.contentTable ol li
{
	list-style-position: outside;
	margin: 0;
	padding: 3px 0 0 15px;
	text-align: left;

	/* after */
	position: relative;
}

table.contentTable ol li.result
{
	margin-top: 6px;
	padding: 0 0 6px 0;
	border-bottom: 1px dotted #ccc;
}

table.contentTable ol li.result:first-of-type
{
	margin-top: 0;
}

table.contentTable ol li.result:last-of-type
{
	border-bottom: none;
}

table.contentTable ol li.result > p
{
	float: left;
	width: calc(100% - 240px);
}

table.contentTable ol li.result > div
{
	float: right;
}

table.contentTable textarea,
table.contentTable div.textarea
{
	width: 100%;
	max-width: 1000px;
	padding: 6px;
	border: 1px solid #ccc;
}

table.contentTable div.textDP
{
	max-width: 1000px;
}

/** input table **/
table.contentTable
{
	border-top: 1px solid #3c3c3c;
}

table.contentTable caption
{
	display: none;
}

table.contentTable th,
table.contentTable td
{
	text-align: left;
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
}

table.contentTable th:last-child,
table.contentTable td:last-child
{
	border-right: none;
}

table.contentTable th
{
	padding: 6px 9px;

	/* #ccc */
	background: rgba(204,204,204,0.3);
}

table.contentTable td
{
	padding: 6px 9px;
	line-height: 18px;
}

table.contentTable td ul :not(.boardPaging) li
{
	margin-top: 5px;
}

table.contentTable td ul li
{
	margin-top: 5px;

	/* after */
	position: relative;
}

table.contentTable td ul li:first-child
{
	margin-top: 0 !important;
}

table.contentTable td ul.one_third li
{
	display: inline-block;
	width: 33%;
}

table.contentTable td ul.symbol_01 li
{
	margin-top: 6px;
	padding: 6px;
	border: 1px solid #CCC;
}

/*
table.contentTable td ul.symbol_01 li::after
{
	content: "";
	width: 2px;
	height: 2px;
	background-color: #1e1e1e;
	position: absolute;
	left: 6px;
	top: 7px;
}
*/

table.contentTable td ul.symbol_01 li span.writer
{
	font-size: 11px;
	font-style: italic;
	color: #8e8e8e;
}

table.contentTable td ul.symbol_01 div
{
	margin-top: 6px;
	padding-top: 6px;
	text-align: right;
	border-top: 1px dashed #ccc;
}

table.contentTable td ul.symbol_01 li a,
table.contentTable td ul.symbol_01 li button
{
	margin-left: 3px;
}

table.contentTable td > strong,
div.gallery_list ul li dl dt > strong,
div.gallery_list ul li dl dd > strong
{
	display: inline-block;
	margin-right: 3px;
	padding: 1px 6px;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	border-radius: 2px;
}

table.contentTable td > strong.dcudept
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: inherit;
	border-radius: inherit;
}

tbody.sortable tr:active
{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFFFFF !important;
	height: 53px; /* 썸네일 높이값에 따라 조정 */
}

/* 20211018 */
table.contentTable + table.contentTable.no_margin
{
	margin-top: 0;
	border-top: none;
}

/** result table **/
table.resultTable th,
table.resultTable td
{
	text-align: center;
}

table.line_hover > tbody > tr:hover > td
{
	background-color: #fffbee;
}

/* responsiveTable */
div.responsiveTable
{
	overflow-x: auto;
}

div.contentMenu
{
	margin: 12px 0 24px 0;
	text-align: center;
}

div.contentMenu > button,
div.contentMenu > input[type=button],
div.contentMenu > input[type=submit],
div.contentMenu > a.buttonType,
div.contentMenu > form > *
{
	display: inline-block;
	height: auto !important;
	padding: 9px 13px 9px 12px !important;
	color: #fff !important;
	border-radius: 2px !important;
	background: #3c3c3c !important;
}

div.contentMenu button:hover,
div.contentMenu button.active,
div.contentMenu input[type=button]:hover,
div.contentMenu input[type=button].active,
div.contentMenu > input[type=submit]:hover,
div.contentMenu > input[type=submit].active,
div.contentMenu > a.buttonType:hover,
div.contentMenu > a.buttonType.active,
div.contentMenu > form > *:hover,
div.contentMenu > form > *.active
{
	background: #0083cb !important;
}

div.contentMenu > form
{
	display: inline;
}

table.contentTable td.innerTWrap
{
	padding: 18px;

	/* #ccc */
	background: rgba(204,204,204,0.1);
}

div.innreTable table.contentTable
{
	background: #fff;
}

div.innreTable table.contentTable th,
div.innreTable table.contentTable td
{
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.resultTable table.contentTable th,
table.resultTable table.contentTable td
{
	text-align: left;
}

table.resultTable table.contentTable.resultTable th,
table.resultTable table.contentTable.resultTable td
{
	text-align: center;
}

table.resultTable table.contentTable:not(.resultTable) td
{
	background-color: inherit;
}

.borderR
{
	border-right:1px solid #ccc !important;
}

.borderL
{
	border-left:1px solid #ccc !important;
}

abbr.essential
{
	text-decoration: none;
	vertical-align: -2px;
	color: #f53f59;
}

/** boardPaging **/
div.boardPaging,
ul#paging
{
	margin-top: 18px;
	text-align: center;
}

div.boardPaging ul
{
	display: inline-block;
}

div.boardPaging ul li
{
	float: left;
	margin: 0 2px !important;
}

div.boardPaging ul li a,
div.boardPaging ul li strong,
ul#paging li a
{
	display: block;
	height: 32px;
	padding: 0 11px;
	font-family: "Verdana", "Malgun Gothic";
	font-weight: normal;
	line-height: 29px;
	border-radius: 2px;
	border: 1px solid #ccc;
}

div.boardPaging ul li strong,
ul#paging li.active a,
ul#paging li.active a:hover
{
	color: #fff;
	border-color: #3c3c3c;
	background: #3c3c3c;
}

div.boardPaging ul li a:hover,
div.boardPaging ul li a:hover .fa,
ul#paging li a:hover
{
	background: #f9f9f9;
}

div.boardPaging ul li a .fa
{
	font-size: 15px;
}

div.boardPaging ul li.pagingFirst a .fa,
div.boardPaging ul li.pagingLast a .fa
{
	font-size: 9px;
	vertical-align: 1px;
}

ul#paging li
{
	display: inline-block;
	margin: 0 2px;
}

/** layer **/
div.layer_content
{
	display: none;
}

div.layerWrap
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3;
}

div.layer
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	/* #1e1e1e */
	background: rgba(30,30,30,0.6);
}

div.layerWindow
{
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 4;
	width: 810px;
	margin: -265px 0 0 -405px;
	background: #fff;
}

div.layerWindow div.layerTitle
{
	position: relative;
	width: 100%;
	padding: 9px 0;
	border-bottom: 1px solid #ccc;
}

div.layerWindow div.layerTitle h2
{
	font-size: 16px;
	text-align: center;
}

div.layerWindow div.layerTitle button,
div#searchJuso div.searchJusoContent div.form_menu button
{
	position: absolute;
	right: 15px;
	top: 8px;

	display: block;

	width: 21px;
	height: 21px !important;
	font-size: 0px;
	background-color: #fff !important;
}

div.layerWindow div.layerTitle button::before,
div.layerWindow div.layerTitle button::after,
div#searchJuso div.searchJusoContent div.form_menu button::before,
div#searchJuso div.searchJusoContent div.form_menu button::after
{
	content: '';
	font-size: 0px;
	display: block;
	width: 21px;
	height: 2px;
	background-color: #1e1e1e;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: 0 0;
}

div.layerWindow div.layerTitle button::before,
div#searchJuso div.searchJusoContent div.form_menu button::before
{
	transform: rotate(45deg) translate(-50%, -50%);
}

div.layerWindow div.layerTitle button::after,
div#searchJuso div.searchJusoContent div.form_menu button::after
{
	transform: rotate(-45deg) translate(-50%, -50%);
}

div.layerWindow div.layerContent
{
	height: 530px;
	padding: 15px;
	overflow-y: auto;
}

div.layerWindow div.layerContent h3:first-of-type
{
	margin-top: 0 !important;
}

/** 카테고리 목록 **/
.category
{
	margin: 0 !important; /* 익 상품관리 옵션 */
	padding: 3px 9px;
	/* max-width: 750px; */
	border: 1px solid #ccc;
	list-style-position: inside;
	list-style-type: decimal-leading-zero;
}

.category li
{
	clear: both;
	position: relative;
	padding: 9px 0 9px 6px !important; /* 익 상품관리 옵션 */
	line-height: 18px;
	border-bottom: 1px dashed #ccc;
	list-style-position: inside !important; /* 익 상품관리 옵션 */
}

.category li.no_list
{
	list-style: none;
}

.category li:last-child
{
	border-bottom: none;
}

.category li strong
{
	padding: 0 9px 0 3px;
}

.category li strong.state
{
	display: inline-block;
	margin-right: 3px;
	padding: 1px 6px;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	border-radius: 2px;
}

.category li small
{
	display: inline-block;
	padding: 0 3px 1px 3px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	border-radius: 2px;
	background: #f53f59;
}

.category li span.low
{
	margin-right: 3px;
	color: #ccc;
}

.category li button.categoryMenu,
.category li button.arrowDown,
.category li button.arrowUp
{
	position: absolute;
	font-weight: normal;
	top: 5px;
}

.category li button.categoryMenu,
.category li button.arrowDown
{
	right: 0;
}

.category li button.arrowUp
{
	right: 27px;
}

.category button *
{
	font-size: 10px;
	color: #fff;
	vertical-align: 1px;
}

.category li table
{
	margin-top: 15px;
}

.category li li
{
	margin: 0 0 0 18px;
	color: #8e8e8e;

	/* before */
	position: relative;
}

.category li li:last-child
{
	padding-bottom: 0;
}

.category li li::before,
.category li li::after
{
	content: "";
	position: absolute;
	background-color: #ccc;
}

.category li li::before
{
	left: -9px;
	top: 0;
	width: 1px;
	height: calc(100% + 1px);
}

.category li li:last-child::before
{
	height: 21px;
}

.category li li::after
{
	left: -9px;
	top: 20px;
	width: 9px;
	height: 1px;
}

.category li li span:not(:last-of-type)
{
	margin-right: 15px;
	color: #8e8e8e;
}

.category li > div.reply
{
	max-width: 1129px;
	margin: 6px 0;
}

.category li > div.reply span
{
	color: #8e8e8e;
}

.category li > div.reply + span
{
	margin-right: 12px;
}

.category li input
{
	height: 24px;
	padding: 0 3px;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.category li input[type=radio]
{
	height: auto;
}

.category li ol
{
	list-style-type: decimal-leading-zero;
}

.category li span.title
{
	margin: 0 !important;
	color: #000000 !important;
}

.category li span.title.left_21
{
	margin-left: 21px !important;
}

.ui-sortable-helper:hover td
{
	background-color: #FFF !important;
}

/* 우편번호검색 */

/** 주소검색 **/
div#searchJuso div.searchJuso_layer
{
	position:fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background:rgba(30,30,30,0.6);
}

div#searchJuso div.searchJusoContent
{
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 10001;
	width: 450px;
	margin-left: -225px;
	background: #fff;
}

div#searchJuso div.searchJusoContent h3
{
	padding: 9px 0;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

div#searchJuso div.searchJusoContent form#jusoForm
{
	display: block;
	padding: 30px;
}

div#searchJuso div.searchJusoContent div.form_menu button *
{
	display: none;
}

div#searchJuso div.searchJusoContent ul.insert li label
{
	display: none;
}

div#searchJuso div.searchJusoContent ul.insert li div
{
	position: relative;
	border-bottom:1px solid #3c3c3c;
}

div#searchJuso div.searchJusoContent ul.insert li div input
{
	width: calc(100% - 45px);
	padding-bottom: 6px;
	border: none;
}

div#searchJuso div.searchJusoContent ul.insert li div button
{
	position: absolute;
	right: 9px;
	top: -6px;
	font-size: 19px;
	color: #1e1e1e;
}

div#searchJuso div.searchJusoContent ul.insert li div button span
{
	display: none;
}

/** 주소목록 **/
div#searchJuso div.searchJusoContent p.guide,
div#searchJuso div.searchJusoContent table caption,
div#searchJuso div.searchJusoContent colgroup col:first-child,
div#searchJuso div.searchJusoContent table th,
div#searchJuso div.searchJusoContent tr td:first-child
{
	display: none;
}

div#searchJuso div.searchJusoContent div#jusoList colgroup col:last-child
{
	width: 85px !important;
}

div#searchJuso div.searchJusoContent div#jusoList tr.jusoTr
	{
	cursor: pointer;
	border-bottom: 1px dotted #dadada;
}

div#searchJuso div.searchJusoContent div#jusoList tr td div
{
	line-height: 18px;
}

div#searchJuso div.searchJusoContent div#jusoList tr td div:first-child
{
	padding: 15px 0 2px 0;
}

div#searchJuso div.searchJusoContent div#jusoList tr td div:last-child
{
	padding: 2px 0 15px 0;
}

div#searchJuso div.searchJusoContent div#jusoList tr td:last-child
{
	font-weight: bold;
	text-align: center;
}

/** 상세주소입력 **/
div#searchJuso div.searchJusoContent div#jusoDetail
{
	position: relative;
	padding: 21px 30px 60px 30px;
}
div#searchJuso div.searchJusoContent div#jusoDetail colgroup
{
	display:none;
}

div#searchJuso div.searchJusoContent div#jusoDetail tr:first-child td
{
	width: 100%;
	padding-bottom: 12px;
}

div#searchJuso div.searchJusoContent div#jusoDetail tr:first-child td:last-child
{
	position: absolute;
	bottom: 15px;
	left: 0;
	padding-bottom: 0;
	text-align: center !important;
}

div#searchJuso div.searchJusoContent div#jusoDetail tr:first-child td:last-child button
{
	padding: 9px 13px 9px 12px;
	color: #fff;
	border-radius: 2px !important;
	background: #3c3c3c ;
}

div#searchJuso div.searchJusoContent div#jusoDetail tr:first-child td:last-child button:hover
{
	background: #0083cb;
}

div#searchJuso div.searchJusoContent div#jusoDetail tr:first-child td:last-child button i
{
	display: none;
}

div#searchJuso div.searchJusoContent div#jusoDetail tr td input
{
	width: 100%;
	padding-bottom: 6px;
	border: none;
	border-bottom: 1px solid #3c3c3c;
}

div#searchJuso div.searchJusoContent div#jusoDetail tr td span
{
	display: block;
	padding-top: 12px;
}

/* responseLayer */
@media screen and (max-width: 768px)
{
	table#counselingSearch colgroup
	{
		display: none;
	}

	table#counselingSearch,
	table#counselingSearch tbody,
	table#counselingSearch tbody tr,
	table#counselingSearch tbody th,
	table#counselingSearch tbody td
	{
		display: block;
	}

	table#counselingSearch tbody th,
	table#counselingSearch tbody td
	{
		height: 37px;
	}

	table#counselingSearch tbody th
	{
		width: 100px;
		padding: 0 12px;
		line-height: 37px;
		float: left;
	}

	table#counselingSearch tbody td
	{
		padding-left: 106px;
		border-right: none;
	}

	table#counselingSearch tbody td.line
	{
		padding-top: 8px;
	}
}

div.topArea div.utilArea ul.utilMenu
{
	margin-right: 18px;
}

@media screen and (max-width: 425px)
{
	div.topArea div.utilArea ul.utilMenu li:first-child,
	div.topArea ul.utilMenu li::after
	{
		display: none;
	}
}

div#responseLayout div.topArea ul.mainMenu,
div#responseLayout button.openerSideMenu
{
	display: none;
}

div#responseLayout div.pageContent div.contentTitle
{
	left: 0 !important;
	width: 100% !important;
	min-width: 0 !important;
}

table#counselingList td ul,
table#counselingList td ul li
{
	display: none;
}

table#counselingList td ul li
{
	white-space: normal;
}

table#counselingList td ul li strong
{
	display: block;
}

table#counselingList td ul li strong span
{
	display: inline-block;
	padding: 0 3px;
	font-size: 11px !important;
	color: #fff;
	border-radius: 2px;
}

@media screen and (max-width:767px)
{
	div.adminLogin
	{
		position: static;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		border: none;
		box-shadow: none;
	}

	div.adminLogin h1
	{
		position: static;
		padding: 12px 0;
		background:#fff;
	}

	div.adminLogin h1::after
	{
		display: none;
	}

	div.adminLogin div.right_content
	{
		position:absolute;
		top:50%;
		width: 100%;
		margin-top: -110px;
	}

	div.adminLogin div.right_content div.input_wrap
	{
		padding-top: 0;
	}
}

@media screen and (max-width: 768px)
{
	table#counselingList th:nth-child(1),
	table#counselingList td:nth-child(1)
	{
		display: none;
	}
}

@media screen and (max-width: 595px)
{
	div#responseLayout div.pageContent h3
	{
		margin-left: 6px;
	}

	div#responseLayout div.pageContent
	{
		padding-right: 0;
		padding-left: 0;
	}

	table#counselingList th:nth-child(4),
	table#counselingList td:nth-child(4)
	{
		display: none;
	}

	table#counselingList td ul,
	table#counselingList td ul li:first-child
	{
		display: block;
	}
}

@media screen and (max-width: 475px)
{
	table#counselingList th:nth-child(5),
	table#counselingList td:nth-child(5)
	{
		display: none;
	}

	table#counselingList td ul li:nth-child(3)
	{
		display: block;
	}
}

@media screen and (max-width: 425px)
{
	table#counselingList th:nth-child(2),
	table#counselingList td:nth-child(2)
	{
		display: none;
	}

	table#counselingList td ul li:nth-child(2)
	{
		display: block;
	}
}

/* 게시판 */
div.board_util
{
	margin-bottom: 10px;
}

div.board_util.h3
{
	margin-top: 21px;
}

div.boardPostInfo,
div.board_util h3
{
	float: left;
	margin-top: 3px;
}

div.board_util h3
{
	margin: 0 !important;
}

div.boardPostInfo *
{
	font-size: 11px;
	color: #8e8e8e;
}

div.boardSearch
{
	float: right;
}

div.boardSearch.left
{
	float: none;
}

div.boardSearch select,
div.boardSearch input[type="text"],
div.boardSearch button
{
	vertical-align: middle;
	height: 24px;
}

div.boardSearch select,
div.boardSearch input[type="text"]
{
	border: 1px solid #ccc;
	border-radius: 2px;
}

div.boardSearch button
{
	cursor: pointer;
	padding: 0 7px 0 6px;
	color: #fff;
	border-radius: 2px;
	background: #8e8e8e;
}

div.boardSearch button:hover
{
	background: #3c3c3c;
}

div.boardSearch input[type="text"]
{
	padding: 0 3px;
}

table.board th,
table.board td,
td table.board th,
td table.board td
{
	border-left: none;
	border-right: none;

	/* after */
	position: relative;
}

td table.board th,
td table.board td
{
	border-left: none !important;
	border-right: none !important;
}

table.board th::after
{
	content: "";
	width: 1px;
	height: 12px;
	background-color: #ccc;
	position: absolute;
	top: calc(50% - 6px);
	right: 0;
}

table.board th:last-child::after
{
	display: none;
}

table.board td a:not(.type_button):hover
{
	text-decoration: underline;
}

table.resultTable table.contentTable:not(.board) th::after
{
	display: none;
}

table.resultTable table.contentTable:not(.resultTable) th
{
	border-right: 1px solid #ccc;
}

table.resultTable table.contentTable th:not(:first-of-type)
{
	border-left: 1px solid #ccc;
}

table td div.content_area
{
	max-width: 1000px;
}

/* 갤러리리스트 */
div.images_list
{
	padding: 9px 0 15px 0;
	border-top: 1px solid #3c3c3c;
	border-bottom: 1px solid #ccc;
}

div.images_list ul
{
	max-width: 900px;
}

div.images_list ul li
{
	float: left;
	width: 25%;
}

div.images_list ul li div:first-of-type
{
	border: 1px solid #ccc;
	width: 100%;
	/* height: 90px; */
	overflow: hidden;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

div.images_list ul li div:first-of-type img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.images_list ul li div:nth-of-type(2)
{
	margin-top: 3px;
}

div.images_list ul li.no_list
{
	clear: both;
	float: none;
	width: 100%;
	padding: 5px 12px 0 12px;
}

td.images_list div.images_list
{
	padding: 0;
	border: none;
}

td.images_list div.images_list ul li
{
	width: calc(25% - 9px);
	margin: 0 9px 0 0;
}

td.images_list div.images_list ul li:nth-child(n + 5)
{
	margin: 9px 9px 0 0;
}

td.images_list div.images_list ul li div.identification
{
	width: 150px;
	height: 200px;
}

td.images_list div.images_list ul li div.identification img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

td.images_list div.images_list + div.attachWrap
{
	margin-top: 6px;
}

/* 바디 스크롤 테이블 */
tbody.scroller
{
	display: block;
	width: 100%;
	height: 400px;
	overflow-y: auto;
}

tbody.scroller > tr
{
	display: table;
	width: 100%;
}

/* h4 */
div.innreTable h4
{
	font-size: 13px;
	margin: 0 0 6px 9px;
	padding: 0;

	/* after */
	position: relative;
}

div.innreTable h4::after
{
	content: "";
	position: absolute;
	left: -8px;
	top: 6px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #1e1e1e;
}

div.innreTable h4 small
{
	color: #8e8e8e;
	font-size: 11px;
}

h4.form_title
{
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	padding: 21px 0;
}

div.middleArea div.pageContent div.contentArea div.contentAdvice h4
{
	margin-bottom: 6px;
	font-size: 15px;
}

div.middleArea div.pageContent div.additionalEx h4
{
	margin-top: 21px;
	font-size: 13px;
	color: #0083cb;
}

div.middleArea div.pageContent div.additionalEx h4 .fa
{
	color: #0083cb;
}

ol.survey_list
{
	list-style-position: inside;
}

ol.survey_list > li
{
	margin-top: 18px;
	font-size: 18px;
}

ol.survey_list > li > span.title
{
	font-size: 16px;
	font-weight: bold;
}

ol.survey_list > li > table
{
	margin-top: 6px;
}

/* attachWrap */
ul + div.attachWrap
{
	margin-top: 6px;
}

/* attachImage */
div.attachImage
{
	position: relative;
	margin: 3px 0 9px 0;
	vertical-align: top;
}

div.attachImage img
{
	border: 1px solid #ccc;
}

div.attachImage button
{
	position: absolute;
	left: 0;
	top: 0;
}

div.attachImage div
{
	margin-top: 3px;
}

div.attachImage.group
{
	display: inline-block;
	margin-right: 6px;
}

/* gallery */
div.gallery_list ul
{
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
}

div.gallery_list ul li
{
	width: calc(20% - 12px);
	margin: 0 0 12px 12px;
	border: 1px solid #ccc;
	background-color: #fff; /* sortable */
	position: relative;
}

div.gallery_list ul li dl
{
	padding: 6px 15px 15px 15px;
}

div.gallery_list ul li dl dt,
div.gallery_list ul li dl dd
{
	margin-top: 9px;
}

div.gallery_list ul li dl dt
{
	font-size: 13px;
	font-weight: bold;
}

div.gallery_list ul li dl dd.check_list
{
	position: absolute;
	left: 6px;
	top: 6px;
	margin: 0;
}

div.gallery_list ul li.no_list
{
	float: none;
	clear: both;
	width: 100%;
	padding: 100px 0;
	text-align: center;
	border-left: none;
	border-right: none
}

/* webzine */
div.gallery_list.webzine ul li
{
	width: calc(25% - 12px);
	margin: 0 0 12px 12px;
	padding: 12px;
	border: 1px solid #ccc;
	position: relative;
}

div.gallery_list.webzine ul li a
{
	display: block;
	height: 100%;
	display: flex;
}

div.gallery_list.webzine ul li div.img_wrap
{
	width: 111px;
	height: 148px;
	border: 1px solid #ccc;
}

div.gallery_list.webzine ul li div.img_wrap img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.gallery_list.webzine ul li dl
{
	width: calc(100% - 115px);
	padding: 6px 15px;
	flex-shrink: 0;
}

div.gallery_list.webzine ul li dl dt
{
	margin-top: 0;
}

div.gallery_list.webzine ul li.no_list
{
	width: 100%;
	padding: 100px 0;
	text-align: center;
}

/* edit */

/* 툴바 버튼 초기화 */
table.contentTable .note-editor button,
table.contentTable .note-editor input[type=button],
table.contentTable .note-editor input[type=submit]
{
	display: inline-block;
	font-weight: 400;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	outline: 0;
	color: #333;
	background-color: #fff;
	border: 1px solid #dae0e5;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.4;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: auto;
}

/* 드랍다운창 크기 */
table.contentTable .note-editor .note-toolbar .note-dropdown-menu,
table.contentTable .note-popover .popover-content .note-dropdown-menu
{
	box-sizing: content-box;
}

/* 테이블생성창 크기 */
table.contentTable .note-dimension-picker-mousecatcher,
table.contentTable .note-dimension-picker-highlighted,
table.contentTable .note-dimension-picker-unhighlighted
{
	font-size: 18px;
}

.note-modal-backdrop /* 레이어창 바탕 z-index 문제 */
{
	display: none !important;
}

table.contentTable .note-modal-content /* 레이어창 */
{
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

@media (min-width: 768px)
{
	table.contentTable .note-modal-content
	{
		margin: 120px auto 0 auto;
	}
}

table.contentTable .note-modal-header /* 레이어창 제목 */
{
	border: none;
	border-bottom: 1px solid #ccc;
}

table.contentTable button.close /* 레이어창 닫기 버튼 */
{
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	opacity: 1 !important;
	-webkit-appearance: none !important;
}

table.contentTable .note-modal-footer /* 레이어창 버튼 */
{
	padding: 0 9px 0 0;
}

table.contentTable .note-editable /* 본문폰트사이즈 */
{
	font-size: initial;
}

table.contentTable .note-editable *,
table.contentTable td div.content_area.note-editable
{
	font-size: inherit;
}

/* 본문이미지 */
div.image_wrap
{
	margin-bottom: 10px;
	max-width: 1000px;
}

div.image_wrap img
{
	max-width: 100%;
}

/* 검색 테이블 타입 추가 2021-06-24 */
table.no_border,
table.no_border th,
table.no_border td
{
	padding: 6px 0;
	border: none;
	background-color: inherit;
}

/* 컨텐츠 분류 */
body.box_layout
{
	background-color: #f3f3f3;
}

body.box_layout div.topArea
{
	background: #374860;
}

body.box_layout div.topArea div.utilMenu div.left ul li a:hover,
body.box_layout div.topArea div.utilMenu div.left ul li a.active
{
	background: #00a9df;
}

body.box_layout div.topArea div.utilMenu div.left.color_02 ul li a:hover,
body.box_layout div.topArea div.utilMenu div.left.color_02 ul li a.active
{
	background: #9b3c4c;
}

body.box_layout div.topArea ul.mainMenu li a.active,
body.box_layout div.topArea ul.mainMenu li a:hover
{
	background: #00a9df;
}

body.box_layout div.topArea ul.mainMenu.color_02 li a.active,
body.box_layout div.topArea ul.mainMenu.color_02 li a:hover
{
	background: #9b3c4c;
}

body.box_layout div.topArea ul.mainMenu
{
	background: #2a3a52;
}

body.box_layout div.topArea ul.mainMenu li
{
	border-right: 1px solid #374860;
}

body.box_layout div.topArea ul.mainMenu li a
{
	background: #2a3a52;
}

body.box_layout div.middleArea div.sideMenu
{
	background-color: #fff;
}

body.box_layout div.middleArea div.sideMenu dl dd
{
	border-top: none;
}

body.box_layout div.middleArea div.sideMenu dl dd > a
{
	background: #eef8fa;
	border-left: 3px solid #00a9df;

	/* before */
	position: relative;
}

body.box_layout div.middleArea div.sideMenu.color_02 dl dd > a
{
	background: #fff8fa;
	border-left: 3px solid #9b3c4c;
}

body.box_layout div.middleArea div.sideMenu dl dd > a::before
{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

body.box_layout div.middleArea div.sideMenu dl dd.active > a::before,
body.box_layout div.middleArea div.sideMenu dl dd > a:hover::before
{
	background-color: #00a9df;
}

body.box_layout div.middleArea div.sideMenu.color_02 dl dd.active > a::before,
body.box_layout div.middleArea div.sideMenu.color_02 dl dd > a:hover::before
{
	background-color: #9b3c4c;
}

body.box_layout div.middleArea div.sideMenu dl dd.active > a,
body.box_layout div.middleArea div.sideMenu dl dd > a:hover
{
	background: #00a9df;
}

body.box_layout div.middleArea div.sideMenu.color_02 dl dd.active > a,
body.box_layout div.middleArea div.sideMenu.color_02 dl dd > a:hover
{
	background: #9b3c4c;
}

body.box_layout div.middleArea div.sideMenu dl dd ul li:hover a,
body.box_layout div.middleArea div.sideMenu dl dd ul li.active a
{
	color: #fff;
	background: #374860;
}

body.box_layout div.middleArea div.sideMenu dl dd ul li.active a
{
	font-weight: 600;
}

body.box_layout div.middleArea div.pageContent div.contentTitle h2
{
	margin-top: 6px;
}

body.box_layout div.middleArea div.pageContent div.contentTitle .event
{
	right: 27px;
}

body.box_layout div.middleArea div.pageContent
{
	padding: 148px 27px 15px 27px;
}

body.box_layout div.middleArea div.pageContent div.contentTitle
{
	padding: 12px 18px 0 27px;
	background: #f3f3f3;
}

body.box_layout .contentArea
{
	margin-top: 15px;
	padding: 0 24px 24px 24px;
	border: 1px solid #ddd;
	background-color: #fff;
	/* box-shadow: 1px 1px 2px #ddd; */
}

body.box_layout .contentArea.notitle
{
	padding-top: 24px;
}

body.box_layout div.middleArea div.pageContent div.contentArea div.contentAdvice
{
	top: 48px;
}

body.box_layout .category
{
	padding: 0;
	border-right: none;
	border-left: none;
	border-top: 1px solid #3c3c3c;
}

body.box_layout td .category
{
	border: none; /* 익 상품관리 옵션 */
}

body.box_layout div.contentMenu
{
	margin: 12px 0 0 0;
}

/* 레이아웃 50:50 */
div.half
{
	display: flex;
	justify-content: space-between;
	flex-shrink: 0;
}

div.half > div
{
	flex-basis: calc(50% - 13px);
}

/* 텝메뉴 추가 2021-07-13 */
div.tabmenu
{
	margin: 6px 0 15px 0;
	padding-left: 1px;

	/* before */
	position: relative;
}

div.tabmenu::before
{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

div.tabmenu .event
{
	float: left;
	margin-left: -1px;
	padding: 9px 12px;
	border: 1px solid #ccc;
	position: relative;
	z-index: 0;
}

div.tabmenu .event.active,
div.tabmenu .event:hover
{
	z-index: 1;
	color: #fff;
	border: 1px solid #00a9df;
	background-color: #00a9df;
}

/* youtube */
td.youtube iframe
{
	width: 560px !important;
	height: 315px !important
}

/* 20211001 */
tr.notice td
{
	color: #fff;
	background-color: #9b3c4c;
}

tr.notice td *
{
	color: #fff;
}

tr.notice td:first-child
{
	font-weight: bold;
}

strong.notice
{
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #9b3c4c;
	padding: 3px 6px;
	border-radius: 3px;
}

/* 20211013 */
div.no_image
{
	width: 100%;
	height: 60px;
	background-color: #eef8fa;
}

/* 20211112 */
div.initial_search
{
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
}

div.initial_search span
{
	font-weight: bold;
	margin-right: 15px;
}

div.initial_search button
{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	width: 22px;
	height: 22px;
	border-radius: 2px;
	margin-right: 3px;
}

div.initial_search button:hover,
div.initial_search button.active
{
	color: #FFFFFF;
	border: 1px solid #3c3c3c;
	background-color: #3c3c3c;
}

/* 20211203 */
tbody.hidden
{
	display: none;
}

/* 20220223 dashboard */
div.dashboard div.sideMenu,
div.dashboard div.pageContent button.openerSideMenu
{
	display: none;
}

div.dashboard div.pageContent div.contentTitle
{
	left: 0;
	width: 100%;
}

div.dashboard div.pageContent
{
	width: 100%;
}

div.dashboard.full div.pageContent
{
	padding: 45px 0 0 0 !important;
	float: none;
	width: 100vw;
	height: 100vh;
}

div.dashboard.full.search div.pageContent
{
	padding: 81px 0 0 0 !important;
}

/* 20220224 detail */
span.view_detail
{
	border-radius: 1000%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: #3c3c3c;
	color: #FFFFFF;
	width: 14px;
	height: 14px;
}

span.view_detail i
{
	font-size: 9px;
}

div.advice_wrap
{
	position: relative;
}

/* 20220809 새글아이콘 */
span.new_icon
{
	width: 15px;
	height: 15px;
	color: #FFFFFF;
	background-color: #9b3c4c;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	font-size: 10px;
	font-family: 'Roboto';
}

td.new_icon_button
{
	position: relative;
}

td.new_icon_button span.new_icon
{
	position: absolute;
	left: calc(50% - 39px);
	top: calc(50% - 7px);
	
}

/* 20220809 스크롤박스 */
div.td_scroll_box
{
	margin: 6px 0;
	padding: 0 9px;
	overflow: auto;
}

/* 20220831 프로그레스바 */
progress
{
	width: 300px;
	height: 15px;
	border-radius: 0;
	border: 1px solid #ccc;
	margin: 9px 6px 0 0;
}

::-webkit-progress-bar
{
	background-color: rgba(204,204,204,0.3);
}

::-webkit-progress-value
{
	background-color: #9b3c4c;
}

ol.answer_list li
{
	border-bottom: 1px dotted #ccc;
	margin-top: 9px !important;
	padding-bottom: 9px !important;
}

ol.answer_list li:first-of-type
{
	margin-top: 0 !important;
}

ol.answer_list li:last-of-type
{
	border-bottom: none;
	padding-bottom: 0 !important;
}

/* 20220913 전체화면검색 및 검색결과 테이블 */
div.topArea div.search
{
	height: 36px;
	background: #252525;
	padding: 0 6px;
	display: flex;
	align-items: center;
}

div.topArea div.search select
{
	height: 24px;
	border-radius: 2px;
	border: none;
}

div.topArea div.search input[type=text]
{
	height: 24px;
	padding: 0 3px;
	border: none;
	border-radius: 2px;
}

div.topArea div.search input[type=submit]
{
	width: 51px;
	height: 24px;
	color: #FFF;
	font-size: 13px;
	border: none;
	border-radius: 2px;
	background: #9b3c4c;
	line-height: 1px;
}

body.box_layout div.topArea div.search
{
	height: 36px;
	background: #2a3a52;
}

#search_result_list
{
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 2;
	width: 201px;
	max-height: calc(100% - 36px);
	overflow: auto;
	border: 1px solid #fff;
	background-color: rgba(255,255,255,0.8);
	list-style-position: inside;
	list-style: none;
	border-radius: 2px;
}

#search_result_list li button
{
	width: 100%;
	padding: 9px 18px;
	text-align: left;
	border-bottom: 1px solid #FFF;
}

#search_result_list li:last-child button
{
	border-bottom: none;
}

/* 카카오맵 */
.customOverlay
{
	position: absolute;
	left: -200px;
	bottom: 60px;
	width: 400px;
	padding: 12px 12px 15px 12px;
	font-size: 13px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.customOverlay::before,
.customOverlay::after
{
	content: "";
	position: absolute;
	left: calc(50% - 10px);
	bottom: -9px;
	width: 20px;
	height: 20px;
	background-color: #fff;
	transform: rotate(45deg);
}

.customOverlay::before
{
	z-index: -1;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.customOverlay h4
{
	padding: 0 21px 6px 6px;
	font-size: 18px;
	letter-spacing: -1px;
}

.customOverlay table tr > *
{
	padding: 8px;
	white-space: initial;
	border-top: 1px solid rgba(112, 112, 112,.1);
	border-bottom: 1px solid rgba(112, 112, 112,.1);
}

.customOverlay table tr th
{
	background-color: #F5F8FB;
}

.customOverlay button.close
{
	position: absolute;
	top: 12px;
	right: 12px;
	width: 20px;
	height: 20px;
	border: none;
	background-color: inherit;
	transition: .5s;
}

.customOverlay button.close::before,
.customOverlay button.close::after
{
	content: "";
	position: absolute;
	background-color: #b3bcc5;
	transform: rotate(45deg);
}

.customOverlay button.close::before
{
	width: 24px;
	height: 2px;
	top: calc(50% - 1px);
	left: calc(50% - 12px);
}
.customOverlay button.close::after
{
	width: 2px;
	height: 24px;
	top: calc(50% - 12px);
	left: calc(50% - 1px);
}

.customOverlay a
{
	display: block;
	width: 130px;
	height: 40px;
	margin: 15px auto 0 auto;
	font-family: 'NotoSansB';
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	letter-spacing: -0.8px;
	color: #fff;
	background-color: #404040;
	text-decoration: none;
	transition: .2s;
}

.customOverlay a:hover
{
	background-color: #9b3c4c;
}

/* 20221024 배송상태 항목구분 */
tr.state td
{
	padding: 9px 15px;
	background: rgba(204,204,204,0.1);
}

span.state
{
	padding: 0 5px 0 10px;
	position: relative;
}

span.state:not(:first-child)::after
{
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 1px;
	height: 11px;
	background-color: #ccc;
}



/* 20221130 카피라이트 회원가입 아이디비번찾기 */
p.copyright
{
	font-size: 10px;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 10px;
}

p.copyright.white
{
	color: rgba(255,255,255,0.5);
}

p.copyright.black
{
	color: #000000;
}

div.member_wrap
{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.member_field
{
	height: calc(100vh - 180px);
	border: 1px solid #0083cb;
	box-shadow: 0 0 7px #ccc;
	background-color: #ffffff;
	padding: 70px;
	overflow-y: auto;
}

div.member_field.terms
{
	width: 700px;
}

div.member_field.join
{
	width: 500px;
}

div.member_field form.box_form,
div.member_field form.box_form fieldset
{
	display: block;
	height: 100%;
}

div.member_field h1
{
	line-height: 18px;
	text-align: center;
	font-family: 'malgun gothic';
	font-size: 22px;
	font-weight: normal;
	color: #333;
	letter-spacing: -0.075em;
	font-weight: bold;
}

div.member_field label.field_title
{
	position: relative;
	display: block;
	width: 100%;
	margin-top: 30px;
	font-family: 'malgun gothic';
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	cursor: pointer;
	color: #333;
	box-sizing: border-box;
}

div.member_field label.field_title.checked
{
	padding-left: 29px;
}

div.member_field label.field_title.checked:before
{
	content: "\f05d";
	font-family:'FontAwesome';
	font-weight: normal;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 1px;
}

div.member_field input[type=checkbox]:checked + label.field_title:before
{
	content: "\f058";
	color: #00a9df;
}

div.member_field input[type=text],
div.member_field input[type=password],
div.member_field input[type=email],
div.member_field select
{
	width: 100%;
	height: 51px;
	margin-top: 8px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: 15px;
}

div.member_field input[type=text]:focus,
div.member_field input[type=password]:focus,
div.member_field input[type=email]:focus
{
	border: 1px solid #ffb22b;
	background: #fff8ec;
}

div.terms_box
{
	overflow: auto;
	height: 88px;
	margin-top: 8px;
	padding: 12px;
	border: 1px solid #cccccc;
	background: #fff;
	box-sizing: border-box;
	line-height: 21px;
}

div.member_field ul.advice li
{
	position: relative;
	margin-top: 6px;
	padding-left: 14px;
}

div.member_field ul.advice li::after
{
	content: "\f058";
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 3px;
	color: #0083cb;
}

div.member_field button
{
	height: 51px;
	background-color: #3c3c3c;
	font-family: 'malgun gothic';
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	cursor: pointer;
	color: #FFFFFF;
	border-radius: 2px
}

div.member_field button:hover
{
	background-color: #0083cb;
}

div.member_field div.contentMenu
{
	margin: 39px 0 0 0;
}

div.member_field div.contentMenu > *
{
	padding: 15px 33px !important;
	font-size: 14px;
	font-weight: 700;
}

div.terms_box ul.apart_list li
{
	padding: 9px 0;
	border-bottom: 1px dashed #ccc;
}

div.terms_box ul.apart_list li:last-child
{
	border-bottom: none;
}

div.terms_box button
{
	height: auto;
	font-size: 11px;
	font-weight: normal;
	padding: 0 9px;
	border-radius: 20px;
}

div.terms_box ul.apart_list li address
{
	margin-top: 3px;
}


div.terms_box div.choice_apart
{
	display: inline-block;
	margin-bottom: 6px;
}

div.member_field.complete
{
	width: 500px;
	height: 500px;
	padding: 0;
}

div.member_field.complete > div
{
	width: 80%;
}

div.member_field.complete > div h2
{
	margin-top: 40px;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
}

div.member_field.complete > div p
{
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
}

div.member_field.complete > div a
{
	display: block;
	width: 100%;
}

div.member_field div.radio_wrap label
{
	display: inline-block;
	width: auto;
}

div.member_field div.radio_wrap input
{
	margin-left: 40px;
}

/* 20221206 채팅 */
ul.chatting_list
{
	width: 700px;
}

ul.chatting_list
{
	list-style-type: none;
	
}

ul.chatting_list li
{
	max-width: 400px;
	margin: 18px 0 0 0;
	clear: both;
	float: left;
}

ul.chatting_list li.answer
{
	float: right;
}

ul.chatting_list li > div
{
	padding: 21px;
	border-radius: 30px 30px 30px 0;
	background: rgba(204,204,204,0.3);
}

ul.chatting_list li.answer > div
{
	border-radius: 30px 30px 0 30px;
	background: #374860;
	color: #FFFFFF;
}

ul.chatting_list li span
{
	display: block;
	margin-top: 6px;
}

ul.chatting_list li.answer span
{
	text-align: right;
}
















/* print */
.pageAdvice.println,
.print_only,
.print_only_table,
.print_only_tr,
.print_only_td
{
	display: none;
}

.view_only
{
	display: block
}

.view_only_table
{
	display: table;
}

.view_only_tr
{
	display: table-row;
}

.view_only_td
{
	display: table-cell;
}

@media print
{
	body
	{
		background-color: inherit !important;
	}
	
	body,
	div.pageContent,
	div.contentArea,
	table.contentTable
	{
		width: 100% !important;
		min-width: 100% !important;
	}

	div.topArea,
	div.sideMenu,
	div.contentTitle,
	button.openerSideMenu,
	div.contentMenu,
	h3,
	.view_only,
	.view_only_table,
	.view_only_tr,
	.view_only_td
	{
		display: none;
	}

	div.middleArea div.pageContent
	{
		float: none;
		padding: 0 !important;
	}
	
	body.box_layout .contentArea
	{
		margin: 0;
		padding: 0;
		border: none;
	}

	.pageAdvice.println,
	.print_only
	{
		display: block;
	}

	.print_only_table
	{
		display: table;
	}

	.print_only_tr
	{
		display: table-row;
	}

	.print_only_td
	{
		display: table-cell;
	}

	div.print_div
	{
		page-break-before: always;
		margin-top: 0 !important;
	}

	.contentTable.print_no_margin
	{
		margin-top: 0 !important;
		border-top: none;
	}

	.screen_only
	{
		display: none;
	}
}

/* 20240103 테이블 마우스 오버 */
table.resultTable tbody:not(.calendar) tr:hover,
ul.calendar_detail li:hover
{
	background-color: #fff8ec;
}

/* ajax 로딩 */
div.ajax_loding
{
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 999999 !important;
	background-color: rgba(255, 255, 255, 0.8);
}

div.ajax_loding div
{
	position: relative;
	text-align: center;
}

div.ajax_loding div i
{
	color: #2a3a52;
}

div.ajax_loding div > i:first-of-type
{
	font-size: 60px;
}

div.ajax_loding div > i.fa-spin:first-of-type
{
	animation: fa-spin 12s infinite linear;
}

div.ajax_loding div > i:last-of-type
{
	position: absolute;
	left: calc(50% + 23px);
	top: -8px;
	font-size: 21px;
}

div.ajax_loding div p
{
	margin-top: 12px;
	font-weight: bold;
	font-size: 15px;
	line-height: 23px;
	color: #2a3a52;
	padding-left: 6px;
}

div.ajax_loding div p span
{
	display: block;
}

div.res
{
	display: inline-block;
}

div.res
{
	position: relative;
}

div.res > button
{
	position: absolute;
	right: 0;
	top: 4px;
	background: none;
	color: #3c3c3c;
}

div.res > button:hover
{
	background: none;
	color: #3c3c3c;
}

table.contentTable input[type="date"]
{
	height: 24px;
	padding: 0 3px;
	border: 1px solid #ccc !important;
	border-radius: 2px;
}