/* body */
body
{
	min-width: 1440px;
	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;
}

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;
}

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;
}

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

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

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: 10px;
	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;
	border: none;
	color: #fff;
	background: #3c3c3c;

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

div.adminLogin div.input_wrap div
{
	padding: 15px 0 0 0;
	color: #fff;
	text-align: right;
}

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-left: 20px;
}

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

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

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

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

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

	/* after */
	position: relative;
}

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

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

div.topArea div.utilMenu ul 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 li:first-child::after
{
	display: none;
}

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

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 li a *
{
	color: #8e8e8e;
}

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

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

/** common **/
div.middleArea div.sideMenu
{
	width: 180px;
}

div.middleArea div.sideMenu
{
	padding-top: 76px; /* topArea */
}

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

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

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

/** sideMenu **/
div.middleArea div.sideMenu
{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	border-right: 1px solid #ccc;
	background: rgba(204,204,204,0.3);
}

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

	/* js */
	display: none;
}

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;
}

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

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 a:hover
{
	color: #fff;
	background: #252525;
}

div.middleArea div.sideMenu dl dd ul li.active a
{
	color: #fff;
	font-weight: 600;
	background: #252525;
}

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;
	width: 15px;
	border: 1px solid #ccc;
	border-left: none;
	border-radius: 0 2px 2px 0;
	padding: 5px 0;
}

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: 1;
	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 button
{
	position: absolute;
	right: 18px;
	bottom: 12px;
	padding: 9px 13px 9px 12px;
	color: #fff;
	border: 1px solid #0083cb;
	border-radius: 2px;
	background: #0083cb;
}

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

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

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

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

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

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

div.middleArea div.pageContent div.contentArea h3 small,
div.middleArea div.pageContent div.contentArea h3 small *
{
	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 h4
{
	margin-bottom: 6px;
	font-size: 15px;
}

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 h4
{
	margin-top: 21px;
	font-size: 13px;
	color: #0083cb;
}

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

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

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
{
	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
{
	top: 6px;
}

/* 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;
	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]
{
	height: 24px;
	padding: 0 3px;
	border: 1px solid #ccc;
	border-radius: 2px;
}

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,
ul.category li button,
ul.category li a.type_button
{
	display: inline-block;
	height: 18px;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	padding: 0 6px;
	color: #fff;
	border-radius: 2px;
	background: #8e8e8e;
}

table.contentTable a.type_button
{
	display: inline-block;
	line-height: 19px;
}

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

ul.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;
}

table.contentTable input:read-only
{
	background-color: rgba(204,204,204,0.3);;
}

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

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;
}

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

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

	/* after */
	position: relative;
}

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 th abbr
{
	text-decoration: none;
	vertical-align: -2px;
	color: #f53f59;
}

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

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;
}

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

table.contentTable td ul.symbol_01 li
{
	padding-left: 12px;
}

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;
	color: #8e8e8e;
}

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

table.contentTable td > strong
{
	display: inline-block;
	margin-left: 3px;
	padding: 1px 6px;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	border-radius: 2px;
}

table.boardList tr th,
table.boardList tr td
{
	border-right: none;
}


tbody.sortable tr
{
	border: none;
	border-bottom: 1px solid #ccc;
	background: none !important;
}

tbody.sortable tr:active
{
	border: 1px solid #ccc;
	border-right: none;
	border-left: none;
	background: rgba(204,204,204,0.3) !important;
}

tbody.sortable tr th,
tbody.sortable tr td
{
	border-bottom: none;
}

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

div.responsiveTable
{
	overflow-x: auto;
}

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

div.contentMenu > button,
div.contentMenu > input[type=button],
div.contentMenu > input[type=submit],
div.contentMenu > a.buttonType
{
	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 input[type=button]:hover,
div.contentMenu > input[type=submit]:hover,
div.contentMenu > a.buttonType:hover
{
	background: #0083cb !important;
}

table.contentTable td.innerTWrap
{
	padding: 0 15px 21px 15px;

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

div.innreTable h4
{
	text-align: left;
	margin: 21px 0 6px 9px;

	/* 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;
}

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;
}

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

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

/** 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: scroll;
}

/** 카테고리 목록 **/
ul.category
{
	padding: 3px 9px;
	/* max-width: 750px; */
	border: 1px solid #ccc;
}

ul.category li
{
	position: relative;
	padding: 9px 3px;
	line-height: 18px;
	border-bottom: 1px dashed #ccc;
}

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

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

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

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

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

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

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

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

ul.category li ul li
{
	padding-left: 9px;
}

ul.category li ul li span
{
	margin-right: 0;
	color: #8e8e8e;
	font-size: 11px;
}

ul.category li > div.reply
{
	max-width: 1129px;
	margin-bottom: 18px;
}

ul.category li > div.reply + span
{
	color: #8e8e8e;
	margin-right: 12px;
}

/* 우편번호검색 */

/** 주소검색 **/
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 div.contentArea 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: 11px;
}

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

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

div.boardSearch
{
	float: right;
}

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
{
	border-left: none;
	border-right: none;
}

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

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

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

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

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

div.images_list ul li:nth-child(4n+1)
{
	padding: 8px 6px 0 0;
}

div.images_list ul li:nth-child(4n+2)
{
	padding: 8px 4px 0 2px;
}

div.images_list ul li:nth-child(4n+3)
{
	padding: 8px 2px 0 4px;
}

div.images_list ul li:nth-child(4n+4)
{
	padding: 8px 0 0 6px;
}

div.images_list ul li div
{
	border: 1px solid #ccc;
}

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

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

/* print */
h4
{
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	padding: 21px 0;
}

.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,
	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,
	table.contentTable td ul.symbol_01 li span.writer
	{
		display:none;
	}

	div.middleArea div.pageContent
	{
		float: none;
		padding: 0;
	}

	.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;
	}
	.boardSearch,
	.contentTable.print_no_margin a.type_button
	{
		display:none;
	}
}

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

/*gallery_board*/
table.gallery-list tr td img.thumb { width:150px; height:80px; object-fit: cover;}
table.gallery-view tr td div.photo-box { max-width:800px;}
table.gallery-view tr td div.photo-box p { padding:10px 0;}
table.gallery-view tr td div.photo-box p img { max-width:800px;}

/* edit */
.note-btn
{
	display: inline-block !important;
	font-weight: 400 !important;
	margin-bottom: 0 !important;
	text-align: center !important;
	vertical-align: middle !important;
	touch-action: manipulation !important;
	cursor: pointer !important;
	background-image: none !important;
	white-space: nowrap !important;
	outline: 0 !important;
	color: #333 !important;
	background-color: #fff !important;
	border: 1px solid #dae0e5 !important;
	padding: 5px 10px !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	border-radius: 3px !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	height: auto !important;
}

@media (min-width: 768px)
{
	.note-modal-content
	{
		margin: 150px auto 0 auto !important;
	}
}

.note-modal-backdrop
{
	display: none !important;
}

button.close
{
	padding: 0 !important;
	cursor: pointer !important;
	background: transparent !important;
	border: 0 !important;
	-webkit-appearance: none !important;
}

/* 텝메뉴 추가 2021-07-13 */
div.tabmenu
{
	margin: 6px 0 9px 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;
}

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 .fa
{
   position: absolute;
   left: 10px;
   top: 8px;
   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;
}