@charset "UTF-8";
/**
	z-index guide

	header : 30
	location : 20
	footer : 20

	layerPopup : 50
 */
/* img sprite */
/* 공통 */
/**
 * Font style setting
 */
/**
 * FONT SIZE
 */
/* Point color setting */
/* Background - color setting */
/* Border - color setting */
/* Font - color setting */
/**
 * BASE SETTING
 */
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */ 
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*-- 블록 설정 색상 start--*/
/*::-moz-selection{
	background: #a99e8f;
	color: #ffffff;
}
::selection{
	background: #a99e8f;
	color: #ffffff;
}*/
/*--블록 설정 색상 end--*/
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;

}

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-break: keep-all;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1; min-width:1620px;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans Light"), local("NotoSans-Light"), url("../font/noto/NotoSans-Light.eot");
  src: url("../font/noto/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSans-Light.woff2") format("woff2"), url("../font/noto/NotoSans-Light.woff") format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../font/noto/NotoSans-Regular.eot");
  src: url("../font/noto/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSans-Regular.woff2") format("woff2"), url("../font/noto/NotoSans-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../font/noto/NotoSans-Medium.eot");
  src: url("../font/noto/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSans-Medium.woff2") format("woff2"), url("../font/noto/NotoSans-Medium.woff") format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../font/noto/NotoSans-Bold.eot");
  src: url("../font/noto/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSans-Bold.woff2") format("woff2"), url("../font/noto/NotoSans-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans Black"), local("NotoSans-Black"), url("../font/noto/NotoSans-Black.eot");
  src: url("../font/noto/NotoSans-Black.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSans-Black.woff2") format("woff2"), url("../font/noto/NotoSans-Black.woff") format("woff");
}

fieldset, img {
  border: 0 none;
  vertical-align: top;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  width: 100%;
  text-align: left;
}

button:focus, button:active {
  padding: 0;
  z-index: 2;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
  padding: 0;
  font-family: "Noto Sans KR", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #363636;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

caption {
  overflow: hidden;
  width: 1px;
  height: 1px;
  font-size: 20px;
  line-height: 1px;
  margin-top: -1px;
}

select, input, button, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  border: 0 none;
  font-size: 15px;
  font-weight: 400;
  font-family: "Noto Sans KR", sans-serif;
}

select[type="checkbox"], input[type="checkbox"], button[type="checkbox"], textarea[type="checkbox"] {
  -webkit-appearance: checkbox;
}

select[type="radio"], input[type="radio"], button[type="radio"], textarea[type="radio"] {
  -webkit-appearance: radio;
}

select::-ms-expand, input::-ms-expand, button::-ms-expand, textarea::-ms-expand {
  display: none;
}

textarea {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

html, body {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #363636;
}

strong, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

label, button {
  cursor: pointer;
  overflow: hidden;
}

/*
nanumSquare Light
nanumSquare Bold
nanumSquare Regular
gotham Medium
gotham Bold
gotham Book
noto light
noto Regular
*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d7d7d7;
  font-weight: 400;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #d7d7d7;
  font-weight: 400;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #d7d7d7;
  font-weight: 400;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #d7d7d7;
  font-weight: 400;
}

a:focus, input:focus, button:focus, span:focus {
  /* outline: 1px dashed #ccc !important; */
  outline: none !important;
}

body {
  -webkit-backface-visibility: hidden;
}

/*body{overflow-y:scroll;}*/
html {
  height: 100%;
}

body {
  height: 100%;
  min-height: 100%;
}

body > div {
  height: 100%;
}

button {
  padding: 0;
}

button span {
  position: relative;
}

* {
  -webkit-tap-highlight-color: transparent;
}

/* 스킵 네비게이션 */
#skipNavigation {
  position: absolute;
  width: 100%;
}

#skipNavigation a {
  position: absolute;
  top: -100px;
  left: 0;
  z-index: 100;
  width: 100%;
  margin: 0 auto;
}

#skipNavigation a:active, #skipNavigation a:focus {
  position: absolute;
  top: 0;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  background: #f8f7f3;
  line-height: 50px;
  text-align: center;
}

select, input, a, button {
  outline: none !important;
}

.tal {
  text-align: left !important;
}

#scrollTop {
  text-align: right;
  position: fixed;
  width: 100%;
  left: 0;
  margin-left: 0;
  bottom: 30px;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 100;
  padding-right: 25px;
  box-sizing: border-box;
}

#scrollTop.scroll-active {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
}

.mt0 {
  margin-top: 0 !important;
}

#dimmed {
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
  height: 0;
  background-color: #000;
  display: none;
  z-index: 100;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

#dimmed.active {
  height: 100%;
  display: block;
}

.error-page-outer {
  height: 100%;
}

.error-page-outer .error-page-inner {
  position: relative;
  height: 100%;
}

.error-page-outer .error-page-inner .logo {
  position: absolute;
  left: 70px;
  top: 50px;
}

.error-page-outer .error-page-inner .logo a {
  display: inline-block;
  vertical-align: middle;
  width: 273px;
  height: 30px;
  background: url("../images/common/logo.png") no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.error-page-outer .error-page-inner .error-content-wrap {
  height: 100%;
  display: table;
  vertical-align: middle;
  width: 100%;
}

.error-page-outer .error-page-inner .error-content-wrap .error-content-area {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

.error-page-outer .error-page-inner .error-content-wrap .error-content-area .l-txt {
  font-size: 30px;
  color: #505050;
  position: relative;
  padding-top: 571px;
}

.error-page-outer .error-page-inner .error-content-wrap .error-content-area .l-txt span {
  font-weight: bold;
  color: #6264d0;
}

.error-page-outer .error-page-inner .error-content-wrap .error-content-area .l-txt:before {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -324px;
  width: 648px;
  height: 571px;
  background: url("../images/common/er_404.jpg") no-repeat;
  content: "";
}

.error-page-outer .error-page-inner .error-content-wrap .error-content-area .l-txt.er-500:before {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -324px;
  width: 648px;
  height: 571px;
  background: url("../images/common/er_500.jpg") no-repeat;
  content: "";
}

.error-page-outer .error-page-inner .error-content-wrap .error-content-area .s-txt {
  font-size: 24px;
  color: #505050;
  line-height: 30px;
  margin-top: 24px;
}

.error-page-outer .error-page-inner .error-content-wrap .error-content-area .bt {
  font-size: 0;
  margin-top: 20px;
}

.error-page-outer .error-page-inner .error-content-wrap .error-content-area .bt a {
  display: inline-block;
  margin-left: 8px;
  width: 88px;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  color: #5a43db;
  background-color: #e8e8f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.error-page-outer .error-page-inner .error-content-wrap .error-content-area .bt a:first-child {
  margin-left: 0;
}

#wrap {
  height: auto;
  min-height: 100%;
  box-sizing: border-box;
  padding-top: 178px;
  position: relative;
  overflow: hidden;
}

#wrap.error {
  padding-top: 0;
  height: 100%;
}

#wrap #contentArea {
  position: relative;
  height: auto;
  top:30px;
  min-height: 100%;
  box-sizing: border-box;
}

#wrap #contentArea #location {
  width: 100%;
  background-color: #f7f7fd;
  position: relative;
  z-index: 2;
}

#wrap #contentArea #location .location-inner {
  width: 1400px;
  margin: 0 auto;
  height: 55px;
  padding-top: 3px;
}

#wrap #contentArea #location .location-inner > a {
  display: block;
  width: 58px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  float: left;
  font-size: 15px;
  color: #505050;
  cursor: pointer;
}

#wrap #contentArea #location .location-inner .path_area {
  float: left;
  width: auto;
  position: relative;
  margin-left: 30px;
}

#wrap #contentArea #location .location-inner .path_area:nth-child(2) {
  margin-left: 10px;
}

#wrap #contentArea #location .location-inner .path_area:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 1px;
  height: 14px;
  background-color: #000;
  content: "";
}

#wrap #contentArea #location .location-inner .path_area > button {
  display: block;
  width: auto;
  height: 55px;
  line-height: 55px;
  text-align: left;
  font-size: 15px;
  color: #333;
  margin-left: 30px;
  cursor: pointer;
}

#wrap #contentArea #location .location-inner .path_area > button.hover {
  background: url("../images/common/loca_arrow_a.png") 100% 50% no-repeat;
}

#wrap #contentArea #location .location-inner .path_area ul {
  position: absolute;
  width: 100%;
  display: none;
}

#wrap #contentArea #location .location-inner .path_area ul li a {
  display: block;
  width: 100%;
  color: #000;
  background: #f7f7fd;
  height: 41px;
  line-height: 41px;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 15px;
  cursor: default;
}

#wrap #contentArea #location .location-inner .path_area ul li a:hover {
  background: #d1d1e8;
  font-weight: bold;
  color: #6163d4;
}

#wrap #contentArea #location .location-inner .path_area.active > button {
  font-weight: 500;
  color: #6163d4;
  background: none;
  cursor: pointer;
}

#wrap #contentArea #container #content {
  width: 1400px;
  margin: 0 auto;
  padding-top: 34px;
}

#wrap #contentArea #container #content.main {
  width: 100%;
  padding-top: 0;
  margin-top: -90px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap {
  height: 848px;
  width: 100%;
  background: url("../images/main/main_bg.jpg") 50% 50% no-repeat;
  position: relative;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area {
  width: 1400px;
  position: relative;
  height: 848px;
  margin: 0 auto;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .main-copy-wrap {
  position: absolute;
  top: 177px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .main-copy-wrap dl dt {
  font-size: 46px;
  font-weight: 100;
  color: #000000;
  letter-spacing: -1px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .main-copy-wrap dl dt span {
  font-weight: bold;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .main-copy-wrap dl dd {
  font-weight: 100;
  color: #000000;
  font-size: 18px;
  line-height: 26px;
  margin-top: 26px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .main-copy-wrap .input {
  width: 538px;
  height: 58px;
  position: relative;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  margin-top: 50px;
  padding: 0 110px 0 34px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .main-copy-wrap .input:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  box-sizing: border-box;
  border-width: 2px;
  border-color: white;
  border-style: solid;
  background-color: white;
  opacity: 0.6;
  box-shadow: 0px 5px 13.68px 4.32px rgba(121, 105, 137, 0.22);
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .main-copy-wrap .input input {
  position: relative;
  z-index: 1;
  height: 58px;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  box-sizing: border-box;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .main-copy-wrap .input button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 86px;
  height: 58px;
  background: url("../images/main/main_srch_icon.png") no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  border-bottom-right-radius: 36px;
  border-top-right-radius: 36px;
}

.leftQuick{width:100%;}
.leftQuick li{
	width: 25%;
    float: left;
    padding: 30px 15px;
    font-size: 18px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 10px;
    margin-top:30px;
}

.leftQuick li:first-child{
    margin-right: 5%;
}

.leftQuick li:last-child{
    
}

.leftQuick li a{
	display:inline-block;
	width:100%;
	height:100%;
} 

.leftQuick li img{
	display:inline-block;
	width:40px;
	float:right;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap {
  position: absolute;
  left: -72px;
  top: 555px;
  width: 1035px;
  height: 300px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item {
  width: 257px;
  height: 187px;
  background-size: 100%;
  display: block;
  position: absolute;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 9px 17.1px 0.9px rgba(157, 157, 157, 0.3);
  cursor: pointer;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item.transition {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow: 0px 9px 13.68px 4.32px rgba(47, 23, 145, 0.36);
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item.active:after {
  position: absolute;
  left: 50%;
  margin-left: -13px;
  top: -7px;
  background-color: #00e8e8;
  content: "";
  width: 26px;
  height: 14px;
  z-index: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item.active:before {
  opacity: 1;
  filter: alpha(opacity=100);
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item .t-area {
  position: relative;
  z-index: 1;
  padding-left: 34px;
  padding-top: 35px;
  height: 187px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item .t-area .t-1 {
  font-size: 19px;
  color: #333333;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item .t-area .t-2 {
  font-size: 26px;
  font-weight: 500;
  color: #333333;
  margin-top: 9px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item .t-area .ct {
  font-size: 24px;
  font-weight: 500;
  color: #333333;
  margin-top: 22px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item .t-area .ct span {
  font-weight: bold;
  font-size: 38px;
  color: #6061d3;
  margin-right: 5px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item .t-area .icon1 {
  position: absolute;
  right: 26px;
  bottom: 29px;
  width: 70px;
  height: 86px;
  background: url("../images/main/left_roll_icon1.png") no-repeat;
  background-size: 70px 86px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item .t-area .icon2 {
  position: absolute;
  right: 26px;
  bottom: 29px;
  width: 70px;
  height: 86px;
  background: url("../images/main/left_roll_icon2.png") no-repeat;
  background-size: 70px 86px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .left-roll-wrap .left-roll-area .carousel .item .t-area .icon3 {
  position: absolute;
  right: 26px;
  bottom: 29px;
  width: 70px;
  height: 86px;
  background: url("../images/main/left_roll_icon3.png") no-repeat;
  background-size: 70px 86px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap {
  position: absolute;
  right: 0;
  top: 150px;
  width: 750px;
  height: 660px;
  border-radius: 10px;
  box-shadow: 0px 9px 17.1px 0.9px rgba(84, 87, 211, 0.3);
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
  content: "";
  border-radius: 10px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area {
  height: 555px;
  position: relative;
  z-index: 4;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-tit {
  width: 354px;
  height: 118px;
  position: absolute;
  left: -160px;
  top: 70px;
  z-index: 3;
  background: url("../images/main/map_title.png") no-repeat;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-txt {
  position: absolute;
  left: -130px;
  top: 200px;
  font-size: 16px;
  color: #504f83;
  z-index: 3;
  line-height: 22px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .main-down-bt {
  position: absolute;
  left: 40px;
  bottom: 12px;
  font-size: 18px;
  color: #6061d3;
  font-weight: 400;
  padding-right: 26px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .main-down-bt:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  width: 17px;
  height: 17px;
  background: url("../images/main/main_map_down.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .main-more-bt {
  position: absolute;
  right: 34px;
  top: 35px;
  font-size: 17px;
  color: #6061d3;
  font-weight: 400;
  padding-right: 18px;
  z-index:3;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .main-more-bt:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 8px;
  height: 15px;
  background: url("../images/common/more_bt_arrow3.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-slider {
  height: 555px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-slider .slick-dots {
  position: absolute;
  bottom: -8px;
  right: 272.5px;
  height: 45px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-slider .slick-dots li {
  display: inline-block;
  /* margin-left: 10px; */
  width: 30px;
  font-weight: normal;
  float: left;
  text-align: center;
  position: absolute;
  left: -12px;
  top: 0;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-slider .slick-dots li:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-slider .slick-dots li.slick-active button {
  /* background-color: #6162d4; */
  color:#6162d4;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-slider .slick-dots li button {
	overflow: hidden;
	color: rgba(255,255,255,0);
  /* text-indent: -9999px;
  width: 32px;
  height: 2px;
  background-color: #b5b6bd; */
}
.slick-list{
  overflow: visible !important;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #canvas {
  position: absolute;
  transform: scale(1.1);
  right: 40px;
  bottom: 50px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #location_map {
  position: relative;
  z-index: 2;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #domestic {
  z-index: 4;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #domestic > div {
  position: absolute;
  padding: 10px 10px;
  z-index: 4;
  font-size: 12px;
  color: #333;
  line-height: 22px;
  text-align: center;
  display: none;
  box-shadow: 0px 3px 7px 0px rgba(50, 54, 92, 0.27);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #domestic > div:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0.9;
  filter: alpha(opacity=90);
  background-color: #fff;
  content: "";
  height: 100%;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #domestic > div h2 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #6162d4;
  line-height: 22px;
  z-index: 1;
  position: relative;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #domestic > div ul {
  width: 95px;
  position: relative;
  z-index: 1;
  margin-top: 5px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #domestic > div ul li {
  height: 20px;
  line-height: 20px;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #domestic > div ul li span {
  float: left;
  font-size: 12px;
  color: #505050;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #domestic > div ul li em {
  float: right;
  font-size: 12px;
  color: #863eff;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area #domestic > div ul li:after {
  display: block;
  content: "";
  clear: both;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .slick-initialized .slick-slide{position: relative; height: 650px;}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .slick-prev.slick-arrow {
  position: absolute;
  right: 284px;
  bottom: 20px;
  text-indent: -9999px;
  overflow: hidden;
  width: 10px;
  height: 10px;
  background: url("../images/main/map_roll_prev1.png") no-repeat;
  z-index: 15;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .slick-next.slick-arrow {
  position: absolute;
  right: 244px;
  bottom: 20px;
  text-indent: -9999px;
  overflow: hidden;
  width: 10px;
  height: 10px;
  background: url("../images/main/map_roll_next1.png") no-repeat;
  z-index: 15;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap #mapPause {
  position: absolute;
  right: 37px;
  bottom: 22px;
  z-index: 10;
  width: 16px;
  height: 18px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/main/map_roll_stop.png") no-repeat;
}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap #mapPause.pause {
  background: url("../images/main/map_roll_play.png") no-repeat;
}


#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer{
  position: relative; padding:120px 43px 0; box-sizing:border-box;}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer:before{
  position: absolute; left:0; top:0;
  width: 442px;
  height: 146px; content:"";
  background: url('../images/common/map_title2.png') no-repeat;
  margin: -20px 0 0 0;
  }
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table{table-layout:fixed; border-top:2px solid #8c7af8; border-bottom:1px solid #8c7af8;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table tr th{border-left:1px solid #dadade;vertical-align: middle;text-align: center;height: 25px;background-color: #fff;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table tr th:first-child{border-left:0;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table tr th span{ font-weight: bold; color: #5e3eff; font-size: 14px;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table tr td{border-left:1px solid #dadade;vertical-align: middle;text-align: center; padding:5px 0; background-color: #fff; letter-spacing:-0.5px; font-size: 12px; line-height: 17px;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table tr td:first-child{border-left:0;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table tr td span{font-size: 12px; color: #505050;line-height: 18px;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table tr td span.b{font-weight: bold; color: #5e3eff; font-size: 16px;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table tr:nth-child(odd) td{background-color:#f4f5ff;}

#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table#variance tr td{padding:3px 0;}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table#variance{margin:0 0 15px 0}
#wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .modi-list-outer .board table#variance tr td:nth-child(3){color:#1a1a1a; font-weight:bold}

#wrap #contentArea #container #content.main .section2 {
  background-color: white;
  box-shadow: 0px 3px 15.12px 5.88px rgba(151, 151, 151, 0.13);
  position: relative;
}

#wrap #contentArea #container #content.main .section2:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 186px;
  content: "";
  opacity: 0.2;
  filter: alpha(opacity=20);
  background-color: #ceceff;
  opacity: 0.2;
}

#wrap #contentArea #container #content.main .section2 .inner {
  width: 1400px;
  margin: 0 auto;
  height: 186px;
}

#wrap #contentArea #container #content.main .section2 .inner ul {
  font-size: 0;
  text-align: center;
}

#wrap #contentArea #container #content.main .section2 .inner ul li {
  display: inline-block;
  margin-left: 58px;
  padding-top: 45px;
  width: 150px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a {
  display: inline-block;
  position: relative;
  padding-top: 47px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a:before {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -30px;
  width: 60px;
  height: 48px;
  content: "";
  background-color: red;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a p {
  font-size: 18px;
  font-weight: 100;
  color: #000000;
  line-height: 22px;
  display: table;
  height: 68px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a p span {
  display: table-cell;
  vertical-align: middle;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a:hover p {
  font-weight: 400;
  color: #6162d4;
  font-size: 18px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn1:before {
  background: url("../images/main/sec2_icon1.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn1:hover:before {
  background: url("../images/main/sec2_icon1_on.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn2:before {
  background: url("../images/main/sec2_icon2.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn2:hover:before {
  background: url("../images/main/sec2_icon2_on.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn3:before {
  background: url("../images/main/sec2_icon3.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn3:hover:before {
  background: url("../images/main/sec2_icon3_on.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn4:before {
  background: url("../images/main/sec2_icon4.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn4:hover:before {
  background: url("../images/main/sec2_icon4_on.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn5:before {
  background: url("../images/main/sec2_icon5.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn5:hover:before {
  background: url("../images/main/sec2_icon5_on.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn6:before {
  background: url("../images/main/sec2_icon6.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn6:hover:before {
  background: url("../images/main/sec2_icon6_on.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn7:before {
  background: url("../images/main/sec2_icon7.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section2 .inner ul li a.list-btn7:hover:before {
  background: url("../images/main/sec2_icon7_on.png") 50% 50% no-repeat;
  background-size: auto 48px;
}

#wrap #contentArea #container #content.main .section3 .inner {
  width: 1400px;
  margin: 0 auto;
  font-size: 0;
  padding: 80px 0;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 9px 17.1px 0.9px rgba(157, 157, 157, 0.3);
  width: 560px;
  display: inline-block;
  height: 344px;
  vertical-align: top;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area {
  padding: 25px 40px 0;
  box-sizing: border-box;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-bt-area {
  font-size: 0;
  position: relative;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-bt-area:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #dadade;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-bt-area button {
  width: 108px;
  display: inline-block;
  margin-left: 16px;
  position: relative;
  height: 50px;
  vertical-align: top;
  z-index: 1;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-bt-area button:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-bt-area button:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 4px;
  background-color: #6162d4;
  content: "";
  display: none;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-bt-area button span {
  font-size: 21px;
  color: #a2a3ac;
  font-weight: 100;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-bt-area button.active:after {
  display: block;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-bt-area button.active span {
  font-weight: 400;
  color: #6061d3;
  font-size: 21px;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area {
  padding-top: 14px;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit {
  display: none;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit.active {
  display: block;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li {
  position: relative;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a {
  display: block;
  padding-left: 29px;
  height: 46px;
  padding-right: 120px;
  box-sizing: border-box;
  position: relative;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a:before {
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -4px;
  width: 7px;
  height: 7px;
  content: "";
  background-color: #555555;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a:after {
  width: 100%;
  left: 0;
  top: 0;
  height: 46px;
  content: "";
  position: absolute;
  display: none;
  border-radius: 5px;
  background-color: #dbdeff;
  opacity: 0.302;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a .tit {
  font-size: 18px;
  color: #333;
  font-weight: 100;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  line-height: 48px;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a .date {
  position: absolute;
  right: 12px;
  top: 0;
  font-size: 16px;
  font-weight: 100;
  color: #6a6b77;
  line-height: 48px;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a:hover:after, #wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a.active:after {
  display: block;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a:hover:before, #wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a.active:before {
  background-color: #6162d4;
  z-index: 1;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a:hover .tit, #wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a.active .tit {
  color: #6162d4;
  z-index: 1;
  font-weight: 400;
}

#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a:hover .date, #wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit ul li a.active .date {
  color: #505055;
  z-index: 1;
}

/* 230727 더보기 css 추가 */
#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit div.moreView  {
  text-align: center;
}
#wrap #contentArea #container #content.main .section3 .inner .board-list-wrap .board-list-area .tab-con-area .tab-unit div.moreView a {
  display: inline-block;
  width: 100px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background-color: rgb(97, 98, 212);
  color: rgb(255 255 255);
  border-radius: 20px;
  margin-top: 10px;
  font-size: initial;
}
/* //230727 더보기 css 추가 */

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 9px 17.1px 0.9px rgba(157, 157, 157, 0.3);
  width: 560px;
  margin-left: 20px;
  height: 344px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area {
  position: relative;
  padding: 50px 40px 0;
  box-sizing: border-box;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 21px;
  content: "";
  background-image: -moz-linear-gradient(0deg, #8c7af8 0%, #6162d4 100%);
  background-image: -webkit-linear-gradient(0deg, #8c7af8 0%, #6162d4 100%);
  background-image: -ms-linear-gradient(0deg, #8c7af8 0%, #6162d4 100%);
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area .tab-unit {
  display: none;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area .tab-unit.active {
  display: block;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area .tab-unit .report-dw-bt {
  border-radius: 10px;
  color: #fff;
  font-weight: 100;
  font-size: 15px;
  padding: 0 50px 0 20px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  background: url("../images/common/add_file_icon2.png") 100% 50% no-repeat #9090d6;
  position: absolute;
  right: 30px;
  bottom: 0px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area .label {
  font-size: 17px;
  font-weight: 400;
  color: #18b4de;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl {
  margin-top: 8px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl dt span {
  height: 68px;
  line-height: 34px;
  font-size: 25px;
  font-weight: 400;
  color: #6061d3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  display: block;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl dt.one-line span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 36px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl dd {
  margin-top: 19px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl dd ul li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 18px;
  color: #000000;
  font-weight: 100;
  line-height: 24px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl dd ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl dd .add-file-type {
  padding-left: 218px;
  position: relative;
  padding-top: 43px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl dd .add-file-type:before {
  position: absolute;
  left: 0;
  top: -5px;
  width: 206px;
  height: 180px;
  content: "";
  background: url("../images/main/add_file_icon.jpg") no-repeat;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl dd .add-file-type .text {
  font-size: 17px;
  color: #333;
  line-height: 25px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area dl dd .add-file-type .report-dw-bt {
  position: relative !important;
  right: 0;
  margin-top: 13px;
  font-weight: 100;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area .date {
  font-size: 16px;
  color: #6a6b77;
  font-weight: 100;
  margin-top: 24px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area .more-bt {
  position: absolute;
  right: 40px;
  top: 49px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area .more-bt span {
  font-weight: 100;
  color: #6a6b77;
  font-size: 17px;
  position: relative;
  padding-right: 18px;
}

#wrap #contentArea #container #content.main .section3 .inner .unit-content-wrap .unit-content-area .more-bt span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 7px;
  height: 13px;
  background: url("../images/common/more_bt_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content.main .section3 .inner .banner-wrap {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 9px 17.1px 0.9px rgba(157, 157, 157, 0.3);
  width: 240px;
  margin-left: 20px;
  height: 344px;
  display: inline-block;
  vertical-align: top;
}

#wrap #contentArea #container #content.main .section3 .inner .banner-wrap .banner-area {
  width: 240px;
  height: 344px;
  background: url("../images/common/qr_banner.png") no-repeat;
  background-size: 240px 344px;
  text-indent: -9999px;
  overflow: hidden;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner {
  padding-top: 45px;
  padding-bottom: 110px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-bt-area {
  font-size: 0;
  border-bottom: 1px solid #6162d4;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-bt-area button {
  width: 188px;
  height: 38px;
  box-sizing: border-box;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #fff;
  border: 2px solid #dfe0f6;
  font-size: 16px;
  font-weight: 400;
  color: #1a1a1a;
  position: relative;
  margin-right: -1px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-bt-area button.active {
  background-color: #dfe0f6;
  border: 2px solid #dfe0f6;
  z-index: 1;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area {
  display: none;
  padding-top: 125px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area.active {
  display: block;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area > img {
  display: block;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .bt {
  text-align: center;
  margin-top: 140px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .bt a {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding: 0 32px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: 400;
  color: #6b6cc3;
  font-size: 16px;
  background-color: #d9d9f8;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .tab-bt-area2 {
  font-size: 0;
  margin-top: -65px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .tab-bt-area2 button {
  width: 188px;
  background-color: #fff;
  height: 38px;
  box-sizing: border-box;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  color: #6264d0;
  border: 1px solid #6264d0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  margin-right: -1px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .tab-bt-area2 button.active {
  background-color: #6264d0;
  border: 1px solid #6264d0;
  z-index: 1;
  color: #fff;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .tab-bt-area2 button:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .tab-con-area2 {
  display: none;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .tab-con-area2.active {
  display: block;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 {
  margin-top: -65px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .board-list-type {
  position: relative;
  margin-top: 90px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .board-list-type .list-outer2 {
  margin-top: 10px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .txt-area .tit {
  font-size: 30px;
  font-weight: bold;
  color: #6162d4;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .txt-area .txt {
  font-size: 17px;
  font-weight: 500;
  color: #333;
  margin-top: 18px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .txt-area .law {
  font-size: 13px;
  color: #505050;
  margin-top: 7px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .dia {
  position: relative;
  border-top: 1px solid #e5e5e5;
  margin-top: 130px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .dia .util-area {
  position: absolute;
  right: 0;
  top: -50px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .dia .util-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 13px;
  padding-left: 13px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .dia .util-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .dia .util-area .select select {
  border: 1px solid #6162d4;
  height: 27px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
  color: #505050;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .dia .util-area .down-bt {
  display: inline-block;
  position: relative;
  margin-left: 13px;
  padding-left: 13px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .dia .util-area .down-bt:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #000;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .dia .util-area .down-bt a {
  display: inline-block;
  background-color: #6162d4;
  font-weight: 400;
  font-size: 15px;
  color: #ffffff;
  height: 27px;
  line-height: 27px;
  padding: 0 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .count-area {
  font-size: 0;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .count-area span {
  font-size: 16px;
  color: #505050;
  position: relative;
  padding-left: 15px;
  margin-left: 9px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .count-area span em {
  color: #6162d4;
  font-weight: 500;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .count-area span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .count-area span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .count-area span:before {
  position: absolute;
  left: 0;
  top: 4px;
  content: "/";
  font-weight: 400;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area {
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 0;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area.view-type {
  top: -38px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area.view-type .select select {
  height: 27px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area .view-bt {
  height: 36px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  background-color: #dfe0f6;
  padding: 0 16px;
  vertical-align: top;
  margin-left: 7px;
  display: inline-block;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area .view-bt span {
  font-size: 16px;
  color: #6162d4;
  font-weight: 500;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area .select select {
  border: 1px solid #6162d4;
  height: 36px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area .input {
  width: 282px;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 42px;
  margin-left: 10px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .srch-area .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner {
  border-bottom: 4px solid #9090d6;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table {
  table-layout: fixed;
  position: relative;
  left: -1px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
  position: relative;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table th.tal {
  padding-left: 10px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table th span {
  color: #fff;
  font-size: 15px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table th .sort {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -7px;
  width: 8px;
  height: 15px;
  line-height: 0;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table th .sort button {
  text-indent: -9999px;
  overflow: hidden;
  width: 8px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table th .sort button.up {
  background: url("../images/common/sort_up_icon.png") no-repeat;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table th .sort button.dw {
  background: url("../images/common/sort_dw_icon.png") no-repeat;
  margin-top: 3px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td {
  text-align: center;
  height: 42px;
  border-left: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td span {
  font-size: 15px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .orga {
  height: auto;
  width: auto;
  background: transparent;
  color: #363636;
  font-weight: 400;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .orga:hover {
  color: #6162d4;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td a {
  border-radius: 10px;
  background-color: #dfe0f6;
  height: 28px;
  width: 82px;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #6162d4;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 400;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td a.youtube {
  width: 33px;
  height: 24px;
  background: url("../images/common/youtube_icon.png") no-repeat;
  text-indent: -9999px;
  border: 0;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans {
  display: inline-block;
  font-size: 0;
  height: 30px;
  vertical-align: middle;
  margin-right: 7px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans span {
  display: inline-block;
  width: 15px;
  margin-left: 2px;
  position: relative;
  height: 30px;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans span:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans span em {
  height: 10px;
  background-color: red;
  max-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans span.trans-1 em {
  background-color: #d6d6d6;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans span.trans-2 em {
  background-color: #bcbcbc;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans span.trans-3 em {
  background-color: #a8a8a8;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans span.trans-4 em {
  background-color: #777777;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans span.trans-5 em {
  background-color: #4b4b4b;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .trans span.trans-6 em {
  background-color: #333333;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table td .graph-bt {
  width: 19px;
  height: 19px;
  background: url("../images/common/graph_icon.png") no-repeat;
  text-indent: -9999px;
  border: 0;
  vertical-align: bottom;
}

#wrap #contentArea #container #content .use-info-outer .use-info-inner .tab-con-area .state-info-area1 .table-inner table tbody tr:nth-child(odd) td {
  background-color: #f2f2f2;
}

#wrap #contentArea #container #content .mng-disc-outer {
  margin-top: 58px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner {
  padding-bottom: 200px;
  border-top: 1px solid #e5e5e5;
  padding-top: 60px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .title-area {
  text-align: center;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .title-area .tit {
  font-size: 30px;
  color: #6162d4;
  font-weight: bold;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .title-area .txt {
  font-size: 17px;
  color: #333;
  font-weight:500;
  margin-top: 18px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .title-area .img {
  width: 1400px;
  height: 736px;
  background: url("../images/common/mng_disc_img.jpg") no-repeat;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .title-area .alio-img {
  width: 1400px;
  height: 2580px;
  background: url("../images/common/alio_info_img.jpg") no-repeat;
  margin-top: 100px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area {
  border-top: 1px solid #e5e5e5;
  padding-top: 105px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .tit {
  color: #6162d4;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .noti {
  font-size: 15px;
  color: #505050;
  text-align: right;
  margin-top: 35px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list {
  overflow: hidden;
  border-bottom: 4px solid #6162d4;
  margin-top: 17px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list .blue {
  color: #366fff !important;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list table {
  table-layout: fixed;
  position: relative;
  left: -1px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list table th span {
  color: #fff;
  font-size: 16px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list table td {
  text-align: center;
  height: 42px;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list table td span {
  font-size: 16px;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list table td a {
  border-width: 1px;
  border-color: #737373;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  height: 30px;
  width: 72px;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #737373;
  display: inline-block;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list table td a:hover {
  color: #fff;
  background-color: #9090d6;
  border: 1px solid #9090d6;
}

#wrap #contentArea #container #content .mng-disc-outer .mng-disc-inner .board-area .mng-disc-list table tbody tr:nth-child(odd) td {
  background-color: #f2f2f2;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .title-area {
  height: 112px;
  position: relative;
  box-sizing: border-box;
  padding-top: 27px;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .title-area .txt {
  color: #6162d4;
  font-size: 16px;
  margin-top: 13px;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .title-area:after {
  position: absolute;
  right: 0;
  top: -34px;
  width: 373px;
  height: 146px;
  content: "";
  background: url("../images/common/sitemap_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area {
  border-top: 1px solid #e5e5e5;
  padding-bottom: 100px;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap {
  font-size: 0;
  text-align: center;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb {
  display: inline-block;
  font-size: 0;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 38px;
  width: 187px;
  padding-top: 24px;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .one-depth {
  display: block;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  cursor: auto;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .one-depth span {
  color: #6162d4;
  font-weight: bold;
  font-size: 17px;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .two-depth-list {
  position: relative;
  border-top: 1px solid #cacaca;
  margin-top: 21px;
  text-align: left;
  padding-top: 28px;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .two-depth-list.two-depth-list3 {
  left: -11px;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .two-depth-list p {
  white-space: pre;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .two-depth-list p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .two-depth-list p a {
  font-size: 15px;
  font-weight: 500;
  color: #505050;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  width: 100%;
  padding-left: 10px;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .two-depth-list p a:hover {
  color: #6162d4;
  background-color: #eaeaf9;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .two-depth-list .three-depth-list p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .two-depth-list .three-depth-list p a {
  font-size: 13px;
  color: #505050;
  font-weight: 400;
}

#wrap #contentArea #container #content .site-map-outer .site-map-inner .content-area .sitemap .gnb > li .two-depth-list .three-depth-list p a:hover {
  color: #6162d4;
  background-color: #eaeaf9;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .title-area {
  height: 112px;
  position: relative;
  box-sizing: border-box;
  padding-top: 27px;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .title-area .txt {
  color: #6162d4;
  font-size: 16px;
  margin-top: 13px;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .title-area:after {
  position: absolute;
  right: 0;
  top: -34px;
  width: 472px;
  height: 146px;
  content: "";
  background: url("../images/common/copy_title_bg.png") no-repeat;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .content-area {
  border-top: 1px solid #e5e5e5;
  padding-bottom: 100px;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .content-area dl {
  padding-top: 29px;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .content-area dl dt {
  font-size: 17px;
  font-weight: bold;
  color: #6162d4;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .content-area dl dd {
  font-size: 15px;
  color: #505050;
  line-height: 30px;
  letter-spacing: -0.5px;
  margin-top: 14px;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .content-area .bt-area {
  font-size: 0;
  margin-top: 20px;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .content-area .bt-area a {
  display: inline-block;
  padding: 0 52px;
  height: 41px;
  line-height: 41px;
  margin-left: 7px;
  border-radius: 10px;
  background-color: #d9d9f8;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .content-area .bt-area a:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .content-area .bt-area a span {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #6b6cc3;
  padding-right: 14px;
}

#wrap #contentArea #container #content .copy-policy-outer .copy-policy-inner .content-area .bt-area a span:after {
  width: 7px;
  height: 13px;
  background: url("../images/common/more_bt_arrow4.png") no-repeat;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .title-area {
  height: 112px;
  position: relative;
  box-sizing: border-box;
  padding-top: 27px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .title-area .txt {
  color: #6162d4;
  font-size: 16px;
  margin-top: 13px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .title-area:after {
  position: absolute;
  right: 0;
  top: -34px;
  width: 319px;
  height: 146px;
  content: "";
  background: url("../images/common/private_title_bg.gif") no-repeat;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area {
  border-top: 1px solid #e5e5e5;
  padding-bottom: 100px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .text-area {
  padding-top: 25px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .text-area p {
  font-size: 15px;
  color: #505050;
  line-height: 28px;
  margin-top: 14px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .text-area p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer {
  position: relative;
  padding-right: 456px;
  margin-top: 28px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner {
  width: 100%;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area {
  overflow: hidden;
  box-sizing: border-box;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl {
  position: relative;
  padding-left: 252px;
  height: 105px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl dt {
  position: absolute;
  left: 0;
  top: 0;
  height: 105px;
  width: 252px;
  text-align: center;
  display: table;
  background-color: #d9d9f8;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl dt span {
  font-size: 15px;
  font-weight: bold;
  color: #6162d4;
  vertical-align: middle;
  display: table-cell;
  line-height: 20px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl dd ul {
  font-size: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl dd ul li {
  width: 24%;
  height: 105px;
  display: table;
  float: left;
  text-align: center;
  position: relative;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl dd ul li:first-child {
  width: 23%;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl dd ul li:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl dd ul li:nth-child(4) {
  width: 29%;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl dd ul li:before {
  position: absolute;
  content: "";
  left: -5px;
  top: 50%;
  margin-top: -10px;
  width: 11px;
  height: 21px;
  background: url("../images/common/prv_proc_arrow.png") no-repeat;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .proc-area dl dd ul li span {
  font-size: 15px;
  font-weight: bold;
  color: #505050;
  vertical-align: middle;
  display: table-cell;
  line-height: 20px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer {
  overflow: hidden;
  box-sizing: border-box;
  border-width: 1px;
  margin-top: 22px;
  padding-left: 39px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner {
  height: 645px;
  overflow-y: scroll;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap {
  padding-right: 15px;
  padding-bottom: 50px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_tit {
  color: #505050;
  font-size: 16px;
  font-weight: bold;
  margin-top: 34px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .txt_st1 {
  font-size: 14px;
  font-weight: bold;
  color: #505050;
  line-height: 20px;
  margin-top: 20px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner ul {
  margin-top: 20px;
  padding-left: 10px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner ul li {
  font-size: 14px;
  color: #505050;
  position: relative;
  line-height: 20px;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner ol {
  margin-top: 20px;
  padding-left: 10px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner ol li {
  font-size: 14px;
  color: #505050;
  position: relative;
  line-height: 20px;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner ol li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .txt_list2 {
  margin-top: 20px;
  padding-left: 10px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .txt_list2 dt {
  font-size: 14px;
  color: #505050;
  position: relative;
  line-height: 20px;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .txt_list2 dt:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .txt_list2 dd {
  font-size: 14px;
  color: #505050;
  position: relative;
  line-height: 20px;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  padding-left: 10px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .txt_list2 dd:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .pri_table {
  border: 1px solid #d4d4d4;
  margin-top: 15px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .pri_table thead th {
  height: 36px;
  font-weight: 500;
  border-top: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .pri_table th {
  text-align: center;
  background-color: #f3f3f3;
  border-left: 1px solid #d4d4d4;
  vertical-align: middle;
  border-top: 1px solid #d4d4d4;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .pri_table th:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .pri_table td {
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  height: 36px;
  vertical-align: middle;
  text-align: center;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .private-inner .terms-con-outer .terms-con-inner .alio_privacy_wrap .pri_inner .pri_table td:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer {
  width: 445px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 129px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .noti-outer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .noti-outer .noti-inner {
  height: 105px;
  background-color: #e6e6e6;
  vertical-align: middle;
  display: table-cell;
  padding-left: 16px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .noti-outer .noti-inner p {
  font-size: 15px;
  font-weight: bold;
  color: #505050;
  vertical-align: middle;
  line-height: 20px;
  display: inline-block;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .tab-bt-outer {
  height: 100%;
  overflow: hidden;
  padding: 0 25px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  background-color: #e6e6e6;
  border-radius: 10px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .tab-bt-outer dl {
  padding-top: 25px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .tab-bt-outer dl dt {
  font-weight: bold;
  font-size: 17px;
  color: #505050;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .tab-bt-outer dl dd {
  border-top: 1px solid #b2b2b2;
  margin-top: 18px;
  padding-top: 15px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .tab-bt-outer dl dd p {
  margin-top: 6px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .tab-bt-outer dl dd p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .tab-bt-outer dl dd p a {
  font-size: 15px;
  color: #505050;
  display: inline-block;
  height: 22px;
  line-height: 22px;
}

#wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .tab-bt-outer dl dd p a.active, #wrap #contentArea #container #content .private-policy-outer .private-policy-inner .content-area .private-outer .list-outer .tab-bt-outer dl dd p a:hover {
  color: #6162d4;
}

#wrap #contentArea #container #content .iframe-page-outer {
  padding-bottom: 90px;
}

#wrap #contentArea #container #content .iframe-page-outer .title {
  font-weight: bold;
  color: #000000;
  font-size: 30px;
}

#wrap #contentArea #container #content .iframe-page-outer .iframe-page-inner {
  margin-top: 57px;
}

#wrap #contentArea #container #content .iframe-page-outer .bt {
  text-align: center;
  margin-top: 57px;
}

#wrap #contentArea #container #content .iframe-page-outer .bt a {
  display: inline-block;
  width: 232px;
  color: #fff;
  border-radius: 10px;
  background-color: #6163d4;
  height: 42px;
  line-height: 42px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .title-area {
  height: 112px;
  position: relative;
  box-sizing: border-box;
  padding-top: 27px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .title-area .txt {
  color: #6162d4;
  font-size: 16px;
  margin-top: 13px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .title-area:after {
  position: absolute;
  right: 0;
  top: -34px;
  width: 416px;
  height: 146px;
  content: "";
  background: url("../images/common/report_title_bg.jpg") no-repeat;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .copy-area {
  border-top: 1px solid #e5e5e5;
  padding: 78px 0;
  background: url("../images/common/copy_tit_bg.jpg") 50% 50% no-repeat;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .copy-area p {
  text-align: center;
  font-size: 17px;
  color: #505050;
  line-height: 28px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .copy-area p span {
  color: #6162d4;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .content-area {
  border-top: 1px solid #e5e5e5;
  padding-bottom: 100px;
  padding-top: 47px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .content-area dl {
  padding-left: 10px;
  margin-top: 60px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .content-area dl:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .content-area dl dt {
  font-size: 15px;
  font-weight: bold;
  color: #505050;
  position: relative;
  padding-left: 14px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .content-area dl dt:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 7px;
  height: 7px;
  content: "";
  background: #6264d0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .content-area dl dd {
  font-size: 15px;
  color: #505050;
  line-height: 30px;
  padding-left: 16px;
  margin-top: 12px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .bt-wrap {
  border-top: 1px solid #e5e5e5;
  padding-bottom: 100px;
  padding-top: 28px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .bt-wrap .txt {
  font-weight: bold;
  color: #505050;
  font-size: 15px;
  text-align: center;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .bt-wrap .bt-area {
  text-align: center;
  font-size: 0;
  margin-top: 15px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .bt-wrap .bt-area a {
  display: inline-block;
  border-radius: 10px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  width: 112px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  margin-left: 5px;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .bt-wrap .bt-area a:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .bt-wrap .bt-area a.tp1 {
  border: 1px solid #7475c7;
  color: #7475c7;
}

#wrap #contentArea #container #content .report-center-outer .report-center-inner .bt-wrap .bt-area a.tp2 {
  border: 1px solid #d9d9f8;
  background-color: #d9d9f8;
  color: #6b6cc3;
}

#wrap #contentArea #container #content h2.title {
  font-size: 29px;
  font-weight: bold;
  color: #333;
}

#wrap #contentArea #container #content .content {
  border-top: 1px solid #d6d6d6;
  margin-top: 25px;
  padding-top: 25px;
  padding-bottom: 125px;
}

#wrap #contentArea #container #content .content.p-bt {
  border-top: 2px solid #6162d4;
}

#wrap #contentArea #container #content .content.total-srch-wrap {
  padding-right: 320px;
  box-sizing: border-box;
  position: relative;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 277px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dt {
  font-size: 20px;
  font-weight: 500;
  color: #333;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd {
  margin-top: 12px;
  padding-left: 5px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li {
  position: relative;
  padding-left: 25px;
  box-sizing: border-box;
  height: 32px;
  padding-right: 55px;
  width: auto;
  display: inline-block;
  margin-top: 3px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li.dw:after {
  position: absolute;
  right: 37px;
  top: 4px;
  width: 13px;
  height: 23px;
  background: url("../images/common/v_arrow_down.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li.dw .state {
  position: absolute;
  right: 16px;
  top: 7px;
  font-size: 16px;
  font-weight: 400;
  color: #5189dd;
  width: 20px;
  text-align: left;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li.up:after {
  position: absolute;
  right: 37px;
  top: 4px;
  width: 13px;
  height: 23px;
  background: url("../images/common/v_arrow_up.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li.up .state {
  position: absolute;
  right: 16px;
  top: 7px;
  font-size: 16px;
  font-weight: 400;
  color: #ff6060;
  width: 20px;
  text-align: left;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li.new:before {
  line-height: 32px;
  color: #6162d4;
  font-weight: 400;
  font-size: 16px;
  top: -1px;
  right: 15px;
  content: 'NEW';
  position: absolute;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li.new:after {
  right: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li .num {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 17px;
  color: #6162d4;
  line-height: 32px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.popular dd ul li .tit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  color: #505050;
  line-height: 32px;
  vertical-align: top;
  position: relative;
  top: -1px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.lately {
  margin-top: 50px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.lately dt {
  font-size: 20px;
  font-weight: 500;
  color: #333;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.lately dd {
  padding-left: 5px;
  margin-top: 19px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.lately dd ul li {
  line-height: 17px;
  font-size: 0;
  margin-top: 12px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.lately dd ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.lately dd ul li a {
  color: #505050;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}

#wrap #contentArea #container #content .content.total-srch-wrap .right-util-wrap .right-util-area dl.lately dd ul li button {
  text-indent: -9999px;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background: url("../images/common/keyword_delete_bt.gif") no-repeat;
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer {
  padding-top: 50px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dt {
  font-size: 22px;
  color: #505050;
  display: block;
  margin-bottom: 30px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dt span {
  font-weight: 500;
  color: #6264d0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer {
  border-top: 1px solid #919191;
  margin-top: 57px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .srch-noti {
  font-size: 15px;
  color: #d5355f;
  margin-top: 20px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner {
  border-bottom: 1px solid #919191;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .tit-area {
  font-size: 0;
  padding: 22px 0 22px 12px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .tit-area .tit {
  font-size: 22px;
  font-weight: 500;
  color: #333;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .tit-area .txt {
  font-size: 17px;
  color: #505050;
  margin-left: 17px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .tit-area .txt em {
  font-weight: 500;
  color: #6264d0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area {
  padding: 0 0 30px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area.nodata {
  padding: 0 0 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area.nodata ul {
  border-top: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul {
  border-top: 1px solid #dedede;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li {
  padding: 0 25px;
  margin-top: 15px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li:first-child {
  margin-top: 0 !important;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li:nth-child(5n+1) {
  border-top: 1px solid #dedede;
  padding-top: 30px;
  margin-top: 30px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit {
  float: left;
  font-size: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span {
  font-size: 16px;
  color: #505050;
  padding:0 20px;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
  display: inline-block;
  white-space: nowrap;
}
#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span:first-child{
	width:185px;
  	text-overflow: ellipsis;
  	overflow: hidden;
  	text-align: left;
}
#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span:nth-child(2){
	width:150px;
  	text-overflow: ellipsis;
  	overflow: hidden;
  	text-align: center;
}
#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span:nth-child(3){
	width:535px;
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space: nowrap;}
	
#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span:nth-child(3) a{
	width:95%;
  	display: inline-block;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	overflow: hidden;
}
#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span em {
  font-weight: 500;
  color: #6264d0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span b {
  font-weight: bold;
  color: #6264d0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span:before {
  content: "";
  width: 1px;
  height: 16px;
  background: #7f7f7f;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span:first-child {
  margin-left: 0;
  padding-left: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit .view-bt {
  padding-right: 24px;
  position: relative;
  display: inline-block;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .left-unit .view-bt:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 8px;
  height: 15px;
  content: "";
  background: url("../images/common/more_bt_arrow3.png") no-repeat;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .right-unit {
  float: right;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .right-unit span {
  font-size: 16px;
  color: #505050;
  margin-left: 20px;
  padding-left: 25px;
  position: relative;
  vertical-align: top;
  display: inline-block;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .right-unit span em {
  font-weight: 500;
  color: #6264d0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .right-unit span:before {
  content: "";
  width: 1px;
  height: 16px;
  background: #7f7f7f;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .right-unit span:first-child {
  margin-left: 0;
  padding-left: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .right-unit span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .right-unit .bt-area {
  font-size: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .right-unit .bt-area .detail-bt {
  text-indent: -9999px;
  width: 17px;
  height: 19px;
  overflow: hidden;
  background: url("../images/common/srch_more_icon.png") no-repeat;
  display: inline-block;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li .right-unit .bt-area .download-bt {
  text-indent: -9999px;
  width: 22px;
  height: 19px;
  overflow: hidden;
  background: url("../images/common/srch_down_icon.png") no-repeat;
  display: inline-block;
  margin-left: 8px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .result-box-inner .list-area ul li:after {
  display: block;
  clear: both;
  content: "";
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .more-bt {
  text-align: center;
  margin-top: 20px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .more-bt a {
  height: 42px;
  line-height: 42px;
  display: inline-block;
  padding: 0 21px;
  background-color: #6162d4;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .more-bt a span {
  color: #fff;
  font-size: 16px;
  position: relative;
  padding-right: 15px;
  font-weight: 100;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .result-box-outer .more-bt a span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 8px;
  height: 15px;
  content: "";
  background: url("../images/common/more_bt_arrow2.png") no-repeat;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .no-data-outer {
  background-color: #f4f5ff;
  padding-left: 417px;
  height: 600px;
  position: relative;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .no-data-outer:before {
  position: absolute;
  content: "";
  left: 222px;
  top: 184px;
  background: url("../images/common/no_data_icon.jpg") no-repeat;
  width: 147px;
  height: 200px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .no-data-outer .no-data-inner {
  display: table;
  height: 600px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .no-data-outer .no-data-inner .text-area {
  color: #505050;
  line-height: 23px;
  vertical-align: middle;
  display: table-cell;
}

#wrap #contentArea #container #content .content.total-srch-wrap .result-content-outer .result-content-inner dl dd .no-data-outer .no-data-inner .text-area span {
  color: #6264d0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner {
  padding: 35px 40px 37px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .input-area .input {
  width: 930px;
  height: 42px;
  padding-right: 130px;
  border: 2px solid #6162d4;
  overflow: hidden;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  box-sizing: border-box;
  position: relative;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .input-area .input input {
  display: block;
  height: 38px;
  width: 100%;
  padding-left: 30px;
  box-sizing: border-box;
  font-weight: 500;
  color: #505050;
  font-size: 17px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .input-area .input button {
  position: absolute;
  right: 0;
  top: 0;
  height: 38px;
  width: 123px;
  background-color: #6162d4;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .input-area .input button span {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area {
  margin-top: 32px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li {
  position: relative;
  padding-left: 100px;
  margin-top: 12px;
  height: 36px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled > span {
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
  line-height: 36px;
  font-size: 17px;
  font-weight: 500;
  color: #cbcbcb;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox {
  position: relative;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  margin-left: 26px;
  top: -2px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 17px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #cbcbcb;
  line-height: 16px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #d0d0f2;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #d0d0f2;
  border: 2px solid #d0d0f2;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio {
  position: relative;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  margin-left: 26px;
  top: -2px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio input[type="radio"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #cbcbcb;
  line-height: 16px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #d0d0f2;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #d0d0f2;
  border: 1px solid #d0d0f2;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li > span {
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
  line-height: 36px;
  font-size: 17px;
  font-weight: 500;
  color: #333;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .input {
  width: 282px;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 14px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
  display: none;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox {
  position: relative;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  margin-left: 26px;
  top: -2px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 17px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #505050;
  line-height: 16px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio {
  position: relative;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  margin-left: 26px;
  top: -2px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio input[type="radio"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #505050;
  line-height: 16px;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content.total-srch-wrap .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .disc-list-outer {
  position: relative;
}

#wrap #contentArea #container #content .content .disc-list-outer .top-down-bt {
  position: absolute;
  right: 0;
  top: -64px;
  background-color: #6162d4;
  padding: 0 20px;
  height: 27px;
  line-height: 27px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#wrap #contentArea #container #content .content .disc-list-outer .top-down-bt span {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  position: relative;
  padding-right: 26px;
}

#wrap #contentArea #container #content .content .disc-list-outer .top-down-bt span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  content: "";
  width: 12px;
  height: 13px;
  background: url("../images/common/down_load_icon3.png") no-repeat;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl {
  margin-top: 64px;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dt {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd {
  margin-top: 26px;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul {
  font-size: 0;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li {
  margin-left: 20px;
  display: inline-block;
  margin-top: 22px;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li:first-child, #wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li:nth-child(2), #wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li:nth-child(3), #wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li:nth-child(4) {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li:nth-child(4n+1) {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li a {
  display: inline-block;
  width: 335px;
  height: 275px;
  overflow: hidden;
  padding: 0 33px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li a .logo-area {
  height: 110px;
  vertical-align: middle;
  line-height: 110px;
  text-align: center;
  width: 100%;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li a .logo-area img {
  display: inline-block;
  max-width: 220px;
  max-height: 80px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li a .text-area {
  border-top: 1px solid #cccccc;
  padding-top: 14px;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li a .text-area p {
  margin-top: 0;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li a .text-area p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li a .text-area .tit {
  width: 90px;
  display: inline-block;
  font-size: 16px;
  line-height: 44px;
  color: #333;
  vertical-align: top;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .disc-list-outer .disc-list-inner dl dd ul li a .text-area .con {
  display: inline-block;
  color: #505050;
  font-size: 16px;
  line-height: 22px;
  width: 177px;
  vertical-align: middle;
  text-align: center;
  word-break: break-all;
}

#wrap #contentArea #container #content .content .view-common-type dl {
  border-top: 2px solid #6162d4;
  border-bottom: 1px solid #cccccc;
}

#wrap #contentArea #container #content .content .view-common-type dl dt {
  position: relative;
  padding: 32px 0;
}

#wrap #contentArea #container #content .content .view-common-type dl dt .logo-outer {
  position: absolute;
  left: 10px;
  top: 0;
  height: 100%;
}

#wrap #contentArea #container #content .content .view-common-type dl dt .logo-outer .logo-inner {
  display: table;
  height: 100%;
}

#wrap #contentArea #container #content .content .view-common-type dl dt .logo-outer .logo-inner .logo {
  vertical-align: middle;
  height: 100%;
  display: table-cell;
}

#wrap #contentArea #container #content .content .view-common-type dl dt .logo-outer .logo-inner .logo img {
  max-width: 200px;
  max-height: 60px;
}

#wrap #contentArea #container #content .content .view-common-type dl dt .logo-outer .logo-inner .logo em {
  display: block;
  margin-top: 15px;
  text-align: center;
}

#wrap #contentArea #container #content .content .view-common-type dl dt p {
  text-align: center;
  font-size: 28px;
  color: #000;
  font-weight: bold;
  line-height: 38px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .view-common-type dl dt .date {
  position: absolute;
  right: 0;
  bottom: 15px;
  font-size: 16px;
  color: #505050;
}

#wrap #contentArea #container #content .content .view-common-type dl dt .team {
  position: absolute;
  left: 0;
  bottom: 15px;
  font-size: 16px;
  color: #505050;
}

#wrap #contentArea #container #content .content .view-common-type dl dd {
  border-top: 1px solid #cccccc;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .inner {
  padding: 45px 40px 42px;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .inner ul li {
  margin-top: 27px;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .inner ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .inner ul li .tit {
  font-size: 16px;
  color: #505050;
  font-weight: 500;
  position: relative;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .inner ul li .tit:before {
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  content: "";
  background-color: #6162d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .inner ul li .con {
  font-size: 16px;
  color: #505050;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .inner ul li span.con {
  margin-left: 10px;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .inner ul li div.con {
  line-height: 24px;
  margin-top: 18px;
}


#wrap #contentArea #container #content .content .view-common-type dl dd .inner .bt-list .add-file-bt:first-child{
  margin-top: 10px;}
#wrap #contentArea #container #content .content .view-common-type dl dd .inner .add-file-bt {
  margin-top: 10px;
  font-size: 0;
  margin-left: -9px;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .inner .add-file-bt a {
  border-radius: 10px;
  color: #fff;
  font-weight: 100;
  font-size: 15px;
  padding: 0 50px 0 20px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  background: url("../images/common/add_file_icon2.png") 100% 50% no-repeat #9090d6;
  margin-left: 9px;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .origin {
  border-top: 1px solid #cccccc;
  position: relative;
  padding: 27px 17px 27px 142px;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .origin .tit {
  font-size: 16px;
  color: #505050;
  font-weight: 500;
  position: absolute;
  left: 40px;
  top: 50%;
  margin-top: -8px;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .origin .tit:before {
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  content: "";
  background-color: #6162d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .view-common-type dl dd .origin input {
  border: 1px solid #e0e0e0;
  width: 100%;
  height: 30px;
  padding-left: 12px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .view-common-type .list-bt {
  text-align: right;
  margin-top: 20px;
}

#wrap #contentArea #container #content .content .view-common-type .list-bt a {
  display: inline-block;
  width: 80px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  font-weight: 400;
  font-size: 16px;
  color: #6162d4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #dfe0f6;
}

#wrap #contentArea #container #content .content .detail-view-wrap {
  padding-top: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer {
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner {
  font-size: 0;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: flex;
}
#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner.srch {
  margin-top: 15px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner.srch button {
  height: 48px;
  width: 135px !important;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner button {
  /*flex: 1 1 20px;*/
  /* 8개 */
  /* width:175px; */
  /* 9개 */
  /* width:155.5px; */
  width:100%;
  height: 67px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  border-left: 0;
  vertical-align: top;
}
/* #wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner button:nth-child(odd){width:156px;} */
#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner button:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-left: 1px solid #d2d2d2;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner button:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner button span {
  font-size: 17px;
  font-weight: 400;
  color: #505050;
  line-height: 23px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner button.active {
  background-color: #6264d0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .tab-bt-inner button.active span {
  color: #fff;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .shortcuts {
  position: absolute;
  right: 0;
  top: -38px;
  color: #fff;
  font-weight:400;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  background-color: #6162d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .shortcuts.down span {
  padding-right: 20px;
  position: relative;
  display: inline-block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .tab-bt-outer .shortcuts.down span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  content: "";
  width: 12px;
  height: 13px;
  background: url("../images/common/down_load_icon3.png") no-repeat;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 {
  padding-top: 45px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul {
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li {
  width: 460px;
  box-sizing: border-box;
  height: 404px;
  padding-bottom: 42px;
  display: inline-block;
  margin-left: 10px;
  margin-top: 48px;
  vertical-align: top;
  border-width: 1px;
  position: relative;
  border-color: #cccccc;
  border-style: solid;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li:nth-child(3n+1) {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li:nth-child(1), #wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li:nth-child(2), #wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li:nth-child(3) {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer {
  position: relative;
  padding: 0 22px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .title-area {
  padding-top: 24px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .title-area .tit {
  font-size: 22px;
  font-weight: bold;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .title-area .txt {
  font-size: 15px;
  color: #000;
  margin-top: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .tin {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 15px;
  color: #000000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap {
  border: 1px solid #dfe0f6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 0;
  overflow: hidden;
  margin-top: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap > div {
  height: 66px;
  line-height: 66px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .title-box {
  background-color: #dfe0f6;
  text-align: center;
  width: 233px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .title-box p {
  color: #1f2187;
  font-size: 22px;
  font-weight: 500;
  display: inline-block;
  padding-left: 54px;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .title-box p:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -24px;
  width: 43px;
  height: 48px;
  content: "";
  background: url("../images/common/cus_chart_icon.png") no-repeat;
  background-size: 43px 48px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .value-box {
  text-align: center;
  width: 179px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .value-box p {
  font-size: 32px;
  font-weight: bold;
  color: #3d50df;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap {
  position: relative;
  margin-top: 15px;
  padding-top: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap .tin {
  position: absolute;
  right: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul {
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul:before {
  position: absolute;
  left: 96px;
  width: 1px;
  height: 100%;
  background-color: #cccccc;
  content: "";
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li {
  margin-top: 7px;
  padding-left: 97px;
  position: relative;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .tit {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 25px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer {
  position: relative;
  padding-right: 80px;
  box-sizing: border-box;
  margin-top: 5px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .compare {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15px;
  color: #583ddf;
  line-height: 25px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner {
  position: relative;
  padding-right: 80px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer {
  display: block;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  height: 25px;
  position: relative;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 25px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-1 {
  background-color: #6163d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-2 {
  background-color: #9c9c9c;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-3 {
  background-color: #cbcbcb;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-4 {
  background-color: #e2e2e2;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .value {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  line-height: 25px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .unit-inner {
  position: relative;
  padding: 24px 22px 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .unit-inner .tin {
  position: absolute;
  right: 30px;
  top: 28px;
  font-size: 15px;
  color: #000000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .unit-inner .tit {
  font-size: 22px;
  font-weight: bold;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .unit-inner .date {
  font-size: 15px;
  color: #000000;
  margin-top: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .more-bt {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
  left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .more-bt a {
  display: block;
  height: 42px;
  line-height: 42px;
  width: 100%;
  background-color: #dfe0f6;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .more-bt a span {
  position: relative;
  padding-right: 18px;
  font-weight: 500;
  color: #505050;
  font-size: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner2 > ul > li .more-bt a span:after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 7px;
  height: 13px;
  background: url("../images/common/more_bt_arrow.png") no-repeat;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner {
  padding-top: 45px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul {
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li {
  width: 460px;
  box-sizing: border-box;
  height: 440px;
  padding-bottom: 42px;
  display: inline-block;
  margin-left: 10px;
  margin-top: 35px;
  vertical-align: top;
  border-width: 1px;
  position: relative;
  border-color: #cccccc;
  border-style: solid;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li:nth-child(3n+1) {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li:nth-child(1), #wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li:nth-child(2), #wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li:nth-child(3) {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer {
  position: relative;
  padding: 0 22px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .title-area {
  padding-top: 28px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .title-area .tit {
  font-size: 22px;
  font-weight: 500;
  color: #000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .title-area .txt {
  font-size: 15px;
  color: #505050;
  margin-top: 12px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .tin {
  position: absolute;
  right: 22px;
  top: 30px;
  font-size: 14px;
  color: #000000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap {
  border: 1px solid #dfe0f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 0;
  overflow: hidden;
  margin-top: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap > div {
  height: 62px;
  line-height: 62px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .title-box {
  background-color: #f4f4f4;
  text-align: center;
  width: 233px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .title-box p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  padding-left: 52px;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .title-box p:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -21px;
  width: 42px;
  height: 42px;
  content: "";
  background: url("../images/common/custom_chart_icon.png") no-repeat;
  background-size: 42px 42px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .value-box {
  text-align: center;
  width: 179px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .title-value-wrap .value-box p {
  font-size: 26px;
  font-weight: 500;
  color: #8900f6;
  text-align: right;
  padding-right: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap {
  position: relative;
  margin-top: 15px;
  padding-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap .tin {
  position: absolute;
  right: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul {
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li {
  margin-top: 9px;
  padding-left: 0;
  position: relative;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .tit {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  position: relative;
  left: 0;
  top: 0;
  line-height: 25px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer {
  position: relative;
  padding-right: 80px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .compare {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15px;
  color: #583ddf;
  line-height: 21px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner {
  position: relative;
  padding-right: 80px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer {
  display: block;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
  height: 18px;
  position: relative;
  overflow: hidden;
  background-color: #eeeeee;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 18px;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-1 {
  background-color: #8900f6;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-2 {
  background-color: #9c9c9c;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-3 {
  background-color: #cbcbcb;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-4 {
  background-color: #e2e2e2;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .value {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  line-height: 18px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .unit-inner {
  position: relative;
  padding: 24px 22px 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .unit-inner .tin {
  position: absolute;
  right: 30px;
  top: 28px;
  font-size: 15px;
  color: #000000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .unit-inner .tit {
  font-size: 22px;
  font-weight: bold;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .unit-inner .date {
  font-size: 15px;
  color: #000000;
  margin-top: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .more-bt {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
  left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .more-bt a {
  display: block;
  height: 42px;
  line-height: 42px;
  width: 100%;
  background-color: #f4f4f4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .more-bt a span {
  position: relative;
  padding-right: 18px;
  font-weight: 500;
  color: #505050;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .stat-home-outer .stat-home-inner > ul > li .more-bt a span:after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 7px;
  height: 13px;
  background: url("../images/common/more_bt_arrow.png") no-repeat;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information {
  padding-top: 45px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .state1 {
  display: block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .state2 {
  display: none;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-noti {
  color: #d5355f;
  font-size: 15px;
  margin-top: 35px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer .chart-inner .chart-box {
  width: 693px;
  display: inline-block;
  vertical-align: top;
  height: 400px;
  border: 1px solid #ccc;
  margin-left: 10px;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  box-sizing: border-box;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer .chart-inner .chart-box:first-child, #wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer .chart-inner .chart-box:nth-child(3) {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer .chart-inner .chart-box:nth-child(3), #wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer .chart-inner .chart-box:nth-child(4) {
  margin-top: 33px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer .chart-inner .chart-box .chart-tit {
  position: absolute;
  left: 22px;
  top: 28px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer .chart-inner .chart-box .chart-tit .tit {
  font-size: 22px;
  font-weight: 500;
  color: #000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer .chart-inner .chart-box .chart-tit .stan {
  font-size: 15px;
  color: #505050;
  margin-top: 12px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner {
  margin-top: 33px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner:first-child .chart-box {
  width: 926px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner:first-child .chart-box:first-child {
  width: 460px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box {
  width: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer {
  position: relative;
  padding: 0 22px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .title-area {
  padding-top: 28px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .title-area .tit {
  font-size: 22px;
  font-weight: 500;
  color: #000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .title-area .txt {
  font-size: 15px;
  color: #505050;
  margin-top: 12px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .tab-bt-area {
  position: absolute;
  right: 22px;
  top: 54px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .tab-bt-area button {
  width: 41px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #dfe0f6;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  box-sizing: border-box;
  font-size: 13px;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .tab-bt-area button:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .tab-bt-area button.active {
  background-color: #dfe0f6;
  color: #505050;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .tin {
  position: absolute;
  right: 22px;
  top: 30px;
  font-size: 14px;
  color: #000000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .title-value-wrap {
  border: 1px solid #dfe0f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 0;
  overflow: hidden;
  margin-top: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .title-value-wrap > div {
  height: 62px;
  line-height: 62px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .title-value-wrap .title-box {
  background-color: #f4f4f4;
  text-align: center;
  width: 233px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .title-value-wrap .title-box p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  padding-left: 52px;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .title-value-wrap .title-box p:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -21px;
  width: 42px;
  height: 42px;
  content: "";
  background: url("../images/common/custom_chart_icon.png") no-repeat;
  background-size: 42px 42px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .title-value-wrap .value-box {
  text-align: center;
  width: 179px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .title-value-wrap .value-box p {
  font-size: 26px;
  font-weight: 500;
  color: #8900f6;
  text-align: right;
  padding-right: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap {
  position: relative;
  margin-top: 15px;
  padding-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap .tin {
  position: absolute;
  right: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul {
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li {
  margin-top: 9px;
  padding-left: 0;
  position: relative;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .tit {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  position: relative;
  left: 0;
  top: 0;
  line-height: 25px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer {
  position: relative;
  padding-right: 80px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .compare {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15px;
  color: #583ddf;
  line-height: 21px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner {
  position: relative;
  padding-right: 80px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer {
  display: block;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
  height: 18px;
  position: relative;
  overflow: hidden;
  background-color: #eeeeee;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 18px;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-1 {
  background-color: #8900f6;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-2 {
  background-color: #9c9c9c;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-3 {
  background-color: #cbcbcb;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .bar-outer .bar-inner.tp-4 {
  background-color: #e2e2e2;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .chart-outer.tp2 .chart-inner .chart-box .custom-chart-outer .custom-chart-inner .item-value-wrap ul li .score-outer .score-inner .value {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  line-height: 18px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer {
  margin-top: 56px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .tit {
  font-size: 25px;
  font-weight: bold;
  color: #000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .tab-bt-area {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: -4px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .tab-bt-area button {
  padding: 0 15px;
  height: 35px;
  border-bottom: 1px solid #dfe0f6;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .tab-bt-area button span {
  font-size: 15px;
  font-weight: 400;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .tab-bt-area button.active {
  border-bottom: 1px solid #6162d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .tab-bt-area button.active:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  background: #6162d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .tab-bt-area button.active span {
  color: #6162d4;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .tab-board-wrap .board-inner {
  display: none;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .tab-board-wrap .board-inner.active {
  display: block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .table-noti {
  height: 38px;
  line-height: 38px;
  padding-left: 15px;
  color: #505050;
  font-size: 15px;
  background-color: #e9e9f7;
  display: block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner {
  border-bottom: 4px solid #6162d4;
  margin-top: 17px;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner .tin {
  position: absolute;
  right: 0;
  top: -25px;
  color: #000000;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table {
  table-layout: fixed;
  position: relative;
  left: -1px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table th span {
  color: #fff;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table td {
  text-align: center;
  height: 42px;
  border-left: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table td span {
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table td a {
  border-width: 1px;
  border-color: #737373;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  height: 30px;
  width: 72px;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #737373;
  display: inline-block;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table td a:hover {
  color: #fff;
  background-color: #9090d6;
  border: 1px solid #9090d6;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table tbody tr td {
  text-align: right;
  padding-right: 30px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table tbody tr td.first {
  border-left: 0 !important;
  text-align: center;
  padding-right: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table tbody tr td.last {
  background-color: #ebebeb !important;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table tbody tr td.tac {
  text-align: center;
  padding-right: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table tbody tr td span.up {
  position: relative;
  padding-left: 27px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table tbody tr td span.up:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  width: 18px;
  height: 16px;
  background: url("../images/common/data_up_state.png") no-repeat;
  content: "";
  background-size: 15px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table tbody tr.gry td {
  background-color: #f2f2f2;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table tbody tr.bold td span {
  font-weight: 500;
}

#wrap #contentArea #container #content .content .detail-view-wrap .financial-information .board-outer .board-inner table tbody tr.b-top td {
  border-top: 1px solid #d7d7d7;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap {
  padding-top: 45px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner {
  border-bottom: 4px solid #6162d4;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .slide-bt {
  position: absolute;
  bottom: -32px;
  left: 50%;
  width: 110px;
  margin-left: -55px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #dfe0f6;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .slide-bt.active span:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .slide-bt span {
  color: #8b8de9;
  font-weight: 500;
  font-size: 15px;
  padding-right: 26px;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .slide-bt span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  width: 16px;
  height: 10px;
  content: "";
  background: url("../images/common/detail_view_arrow.png") no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .title {
  background-color: #b0b0e9;
  height: 50px;
  line-height: 50px;
  font-weight: 500;
  color: #ffffff;
  font-size: 25px;
  padding-left: 21px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area {
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .tit {
  background-color: #6162d4;
  color: #fff;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  border-left: 1px solid #fff;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-1 {
  width: 440px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-1 .tit {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-1 .con {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-2 {
  width: 380px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-3 {
  width: 580px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con {
  border-left: 1px solid #6162d4;
  padding: 21px 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con .select {
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con .select select {
  height: 37px;
  width: 100%;
  border: 1px solid #6162d4;
  box-sizing: border-box;
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 0 17px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con .input input {
  height: 37px;
  width: 100%;
  border: 1px solid #6162d4;
  box-sizing: border-box;
  padding: 0 17px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap {
  overflow: hidden;
  height: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap.active {
  height: auto;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area {
  font-size: 0;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .tit {
  background-color: #6162d4;
  color: #fff;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  border-left: 1px solid #fff;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-1 {
  width: 270px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-1 .tit {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-1 .con {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-2 {
  width: 170px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-3 {
  width: 165px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-4 {
  width: 215px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-5 {
  width: 182px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-6 {
  width: 195px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-7 {
  width: 203px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 {
  width: 580px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 .tit {
  border-left: 1px solid #6162d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 .con {
  height: 272px;
  background-color: #fff;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 .con .terms {
  font-size: 16px;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 .con .terms .input input {
  border: 1px solid #ccc;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 .con .terms .input input:first-child {
  margin-right: 3px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 .con .terms .input input:last-child {
  margin-left: 3px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 .con .terms .ui-widget-header {
  background-color: #b0b0e9 !important;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con {
  border-left: 1px solid #6162d4;
  padding: 17px 10px 17px 20px;
  height: 488px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar {
  max-height: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li {
  margin-top: 25px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox {
  position: relative;
  display: inline-block;
  height: 16px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #000000;
  line-height: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="radio"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #000000;
  line-height: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .reset-area {
  margin-top: 45px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .reset-area .noti {
  font-size: 15px;
  color: #000;
  line-height: 34px;
  display: inline-block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .reset-area .bt-area {
  font-size: 0;
  float: right;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .reset-area .bt-area .bt-1 {
  width: 77px;
  height: 34px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 34px;
  background-color: #dfe0f6;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .reset-area .bt-area .bt-1 span {
  color: #6162d4;
  font-size: 16px;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .reset-area .bt-area .bt-2 {
  width: 77px;
  height: 34px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 34px;
  background-color: #6264d0;
  margin-left: 5px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .reset-area .bt-area .bt-2 span {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer {
  padding-top: 65px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area {
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area span {
  font-size: 16px;
  color: #505050;
  position: relative;
  padding-left: 15px;
  margin-left: 9px;
  line-height: 30px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area span em {
  color: #6162d4;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  content: "/";
  font-weight: 400;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 19px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area .select select {
  border: 1px solid #6162d4;
  width: 165px;
  height: 30px;
  box-sizing: border-box;
  padding-left: 13px;
  z-index: 1;
  position: relative;
  background: transparent;
  padding-right: 46px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .count-area .noti {
  font-size: 15px;
  color: #000;
  margin-left: 14px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer {
  position: relative;
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .srch-area {
  position: absolute;
  right: 0;
  top: -45px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .srch-area .view-bt {
  height: 36px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  background-color: #dfe0f6;
  width: 80px;
  vertical-align: top;
  margin-left: 7px;
  display: inline-block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .srch-area .view-bt span {
  font-size: 16px;
  color: #6162d4;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .srch-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .srch-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .srch-area .select select {
  border: 1px solid #6162d4;
  height: 36px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .srch-area .input {
  width: 282px;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 42px;
  margin-left: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .srch-area .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .srch-area .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table {
  table-layout: fixed;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table th:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table th span {
  color: #fff;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table td {
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  vertical-align: middle;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table td:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table td .logo-area {
  height: 100px;
  line-height: 100px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table td .logo-area img {
  max-width: 270px;
  max-height: 85px;
  display: inline-block;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table td span {
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table td .tit {
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  padding: 0 18px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  max-height: 45px;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table td .tit:hover {
  color: #6163d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .congress-list-wrap .congress-list-outer .congress-list-inner .list-outer .table-inner table td .srch-bt {
  display: inline-block;
  width: 59px;
  height: 29px;
  line-height: 29px;
  box-sizing: border-box;
  border: 1px solid #737373;
  font-size: 15px;
  font-weight: 400;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap {
  padding-top: 45px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner {
  border-bottom: 4px solid #6162d4;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .slide-bt {
  position: absolute;
  bottom: -32px;
  left: 50%;
  width: 110px;
  margin-left: -55px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #dfe0f6;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .slide-bt.active span:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .slide-bt span {
  color: #8b8de9;
  font-weight: 400;
  font-size: 15px;
  padding-right: 26px;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .slide-bt span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  width: 16px;
  height: 10px;
  content: "";
  background: url("../images/common/detail_view_arrow.png") no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .title {
  background-color: #b0b0e9;
  height: 50px;
  line-height: 50px;
  font-weight: 500;
  color: #ffffff;
  font-size: 19px;
  padding-left: 27px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area {
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .tit {
  background-color: #6162d4;
  color: #fff;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  border-left: 1px solid #fff;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-1 {
  width: 440px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-1 .tit {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-1 .con {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-2 {
  width: 380px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box.box-3 {
  width: 580px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con {
  border-left: 1px solid #6162d4;
  padding: 21px 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con .select {
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con .select select {
  height: 37px;
  width: 100%;
  border: 1px solid #6162d4;
  box-sizing: border-box;
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 0 17px;
  color: #333;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .top-sort-area .sort-box .con .input input {
  height: 37px;
  width: 100%;
  border: 1px solid #6162d4;
  box-sizing: border-box;
  padding: 0 17px;
  font-size: 16px;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap {
  overflow: hidden;
  height: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap.active {
  height: auto;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area {
  font-size: 0;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .tit {
  background-color: #6162d4;
  color: #fff;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  border-left: 1px solid #fff;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-1 {
  width: 270px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-1 .tit {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-1 .con {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-2 {
  width: 170px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-3 {
  width: 165px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-4 {
  width: 215px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-5 {
  width: 182px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-6 {
  width: 182px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-7 {
  width: 195px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 {
  width: 195px;
  position: absolute;
  right: 21px;
  bottom: -199px;
  z-index: 1;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-8 .tit {
  border-left: 1px solid #6162d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-9 {
  width: 380px;
  position: absolute;
  right: 18px;
  bottom: -180px;
  z-index: 1;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-9 .tit {
  border-left: 1px solid #6162d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-9 .con {
  height: 272px;
  background-color: #fff;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-9 .con .terms .input {
  font-size: 16px;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-9 .con .terms .input input {
  border: 1px solid #ccc;
  padding: 5px 9px;
  width: 110px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-9 .con .terms .input input:first-child {
  margin-right: 7px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-9 .con .terms .input input:last-child {
  margin-left: 7px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box.box-9 .con .terms .ui-widget-header {
  background-color: #b0b0e9 !important;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con {
  border-left: 1px solid #6162d4;
  padding: 17px 10px 17px 20px;
  height: 488px;
  overflow-y: auto;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li {
  margin-top: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox {
  position: relative;
  display: inline-block;
  height: 16px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #505050;
  line-height: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="radio"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #505050;
  line-height: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-srch-outer .recruit-srch-inner .mid-sort-wrap .mid-sort-area .sort-box .con .mCustomScrollbar ul li .checkbox input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .reset-area {
  margin-top: 45px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .reset-area .noti {
  font-size: 15px;
  color: #505050;
  line-height: 34px;
  display: inline-block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .reset-area .bt-area {
  font-size: 0;
  float: right;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .reset-area .bt-area .bt-1 {
  width: 77px;
  height: 34px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 34px;
  background-color: #dfe0f6;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .reset-area .bt-area .bt-1 span {
  color: #6162d4;
  font-size: 15px;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .reset-area .bt-area .bt-2 {
  width: 77px;
  height: 34px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 34px;
  background-color: #6264d0;
  margin-left: 5px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .reset-area .bt-area .bt-2 span {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer {
  padding-top: 65px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer.pt0 {
  padding-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer > .tab-bt-area {
  font-size: 0;
  border-bottom: 2px solid #6162d4;
  margin-bottom: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer > .tab-bt-area button {
  min-width: 174px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #fff;
  position: relative;
  border: 1px solid #dfe0f6;
  box-sizing: border-box;
  padding: 0 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer > .tab-bt-area button span {
  font-size: 16px;
  color: #6264d0;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer > .tab-bt-area button.active {
  min-width: 174px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #dfe0f6;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #dfe0f6;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer > .tab-bt-area button.active span {
  font-size: 16px;
  color: #6264d0;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area {
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area.mt40 {
  margin-top: 40px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area.mt60 {
  margin-top: 60px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area span {
  font-size: 16px;
  color: #505050;
  position: relative;
  padding-left: 15px;
  margin-left: 9px;
  line-height: 30px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area span em {
  color: #6162d4;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area span:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "/";
  font-weight: 400;
  margin-top: -15px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 19px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area .select select {
  border: 1px solid #6162d4;
  width: 110px;
  height: 30px;
  box-sizing: border-box;
  padding-left: 13px;
  z-index: 1;
  position: relative;
  background: transparent;
  padding-right: 46px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .count-area .noti {
  font-size: 14px;
  color: #505050;
  margin-left: 14px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer {
  position: relative;
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-area {
  position: absolute;
  right: 0;
  top: -40px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-area .noti {
  font-size: 14px;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-area .down-bt {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 16px;
  background-color: #6162d4;
  margin-left: 7px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-area .down-bt span {
  position: relative;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer {
  position: absolute;
  right: 0;
  top: -86px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner {
  text-align: right;
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner .noti {
  font-size: 15px;
  color: #000;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner .down-bt {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 16px;
  background-color: #6162d4;
  margin-left: 7px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner .down-bt span {
  position: relative;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner .select select {
  border: 1px solid #6162d4;
  height: 36px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner .input {
  width: 282px;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 42px;
  margin-left: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .srch-outer .srch-inner .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul {
  border-top: 2px solid #6162d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li {
  border-bottom: 1px solid #cccccc;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a {
  display: block;
  height: 100px;
  position: relative;
  box-sizing: border-box;
  padding-left: 370px;
  padding-top: 25px;
  padding-right: 120px;
  background: url("../images/common/list_unit_arrow.png") 100% 50% no-repeat;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a.num-tp {
  padding-left: 110px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a.num-tp .num {
  position: absolute;
  left: 20px;
  top: 0;
  height: 100px;
  line-height: 100px;
  font-size: 22px;
  font-weight: bold;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a:hover .info .tit {
  color: #6163d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .logo {
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  width: 350px;
  line-height: 100px;
  text-align: center;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  max-height: 80px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .info .tit {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 550px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .info .tit.w670 {
  width: 670px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .info .det {
  font-size: 0;
  margin-top: 14px;
  display: block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .info .det span {
  font-size: 16px;
  color: #505050;
  position: relative;
  padding-left: 12px;
  margin-left: 12px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .info .det span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .info .det span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .info .det span:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #8a8a8a;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info {
  position: absolute;
  right: 0;
  top: 67%;
  margin-top: -23px;
  font-size: 0;
  width: 435px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info p {
  display: inline-block;
  width: auto;
  margin-top: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info p:first-child, #wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info p:nth-child(2) {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info p span {
  font-weight: 500;
  font-size: 15px;
  color: #333;
  width: 70px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info p em {
  font-size: 15px;
  color: #505050;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 130px;
  overflow:hidden; white-space: nowrap; text-overflow: ellipsis;;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info2 {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -24px;
  font-size: 0;
  width: 260px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info2 p {
  display: inline-block;
  width: 100%;
  margin-top: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info2 p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info2 p span {
  font-weight: bold;
  font-size: 16px;
  color: #505050;
  width: 64px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .list-inner ul li a .recruit-info2 p em {
  font-size: 16px;
  color: #505050;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 130px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner {
  border-top: 2px solid #6162d4;
  padding-top: 35px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table {
  table-layout: fixed;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table th:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table th span {
  color: #fff;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table td {
  text-align: center;
  height: 42px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table td:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table td span {
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table td .num {
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table td .add-file {
  text-align: left;
  padding-left: 27px;
  position: relative;
  padding-right: 27px;
  padding-top: 5px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table td .add-file a {
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-right: 45px;
  height: 19px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table td .add-file a:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 19px;
  content: "";
  background: url("../images/common/add_file_icon.png") no-repeat;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer .table-inner table td .add-file a:hover {
  color: #6163d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 {
  position: relative;
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area {
  position: absolute;
  right: 0;
  top: -45px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .down-bt {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 16px;
  background-color: #6162d4;
  position: absolute;
  right: 0;
  top: -40px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .down-bt span {
  position: relative;
  color: #fff;
  font-weight:400;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .view-bt {
  height: 36px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  background-color: #dfe0f6;
  width: 80px;
  vertical-align: top;
  margin-left: 7px;
  display: inline-block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .view-bt span {
  font-size: 16px;
  color: #6162d4;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .select select {
  border: 1px solid #6162d4;
  height: 36px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .input {
  width: 282px;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 42px;
  margin-left: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .srch-area .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul {
  border-top: 2px solid #6162d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li {
  border-bottom: 1px solid #cccccc;
  height:150px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a {
  display: block;
  height: 100px;
  position: relative;
  box-sizing: border-box;
  padding-left: 370px;
  padding-top: 50px;
  padding-right: 440px;
  background: url("../images/common/list_unit_arrow.png") 100% 80% no-repeat;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a.num-tp {
  padding-left: 110px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a.num-tp .num {
  position: absolute;
  left: 20px;
  top: 0;
  height: 100px;
  line-height: 100px;
  font-size: 22px;
  font-weight: bold;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a:hover .info .tit {
  color: #6163d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .logo {
  position: absolute;
  left: 0;
  top: 25px;
  height: 100px;
  width: 350px;
  line-height: 100px;
  text-align: center;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  max-height: 80px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .info .tit {
  font-size: 18px;
  font-weight:500;
  color: #333;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 550px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .info .tit.wide {
  width: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .info .det {
  font-size: 0;
  margin-top: 14px;
  display: block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .info .det span {
  font-size: 17px;
  color: #505050;
  position: relative;
  padding-left: 12px;
  margin-left: 12px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .info .det span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .info .det span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .info .det span:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #8a8a8a;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .recruit-info {
  position: absolute;
  right: 0;
  top: 42%;
  margin-top: -24px;
  font-size: 0;
  width: 435px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .recruit-info p {
  display: inline-block;
  width: auto;
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .recruit-info p:first-child, #wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .recruit-info p:nth-child(2) {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .recruit-info p span {
  font-weight: 500;
  font-size: 16px;
  color: #333;
  width: 80px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .list-inner ul li a .recruit-info p em {
  font-size: 16px;
  color: #505050;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 300px;
  padding:0 0 0 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner {
  border-top: 2px solid #6162d4;
  padding-top: 35px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table {
  table-layout: fixed;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table th:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table th span {
  color: #fff;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table td {
  text-align: center;
  height: 42px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table td:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table td span {
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table td .num {
  font-size: 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table td .add-file {
  text-align: left;
  padding-left: 27px;
  position: relative;
  padding-right: 27px;
  padding-top: 5px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table td .add-file a {
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-right: 45px;
  height: 19px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table td .add-file a:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 19px;
  content: "";
  background: url("../images/common/add_file_icon.png") no-repeat;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-info-wrap .recruit-list-outer .recruit-list-inner .list-outer2 .table-inner table td .add-file a:hover {
  color: #6163d4;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .tab-bt-area {
  font-size: 0;
  border-bottom: 2px solid #6162d4;
  margin-bottom: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .tab-bt-area button {
  min-width: 174px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #fff;
  position: relative;
  border: 1px solid #dfe0f6;
  box-sizing: border-box;
  padding: 0 16px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .tab-bt-area button span {
  font-size: 16px;
  color: #6264d0;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .tab-bt-area button.active {
  min-width: 174px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #dfe0f6;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #dfe0f6;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .tab-bt-area button.active span {
  font-size: 16px;
  color: #6264d0;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .list-bt {
  text-align: right;
  margin-top: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .list-bt a {
  display: inline-block;
  width: 80px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  font-weight: 400;
  font-size: 16px;
  color: #6162d4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #dfe0f6;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner {
  padding: 0 0;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  overflow: hidden;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background-color: #6162d4;
  content: "";
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .view-head {
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .view-head .logo {
  line-height: 50px;
  vertical-align: middle;
  position: absolute;
  left: 42px;
  top: 32px;
  width: 220px;
  text-align: center;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .view-head .logo em{
	width:100%;
	display:block;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .view-head .logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 60px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .view-head .title {
  text-align: center;
  padding: 58px 0;
  font-weight: 500;
  color: #333;
  font-size: 27px;
  width:840px;
  margin:0 auto;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .view-head .info-list {
  position: absolute;
  right: 52px;
  top: 50%;
  margin-top: -10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .view-head .info-list li {
  position: relative;
  box-sizing: border-box;
  padding-left: 62px;
  font-size: 15px;
  color: #505050;
  margin-top: 1px;
  line-height: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .view-head .info-list li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .view-head .info-list li span {
  font-weight: 500;
  color: #333;
  font-size: 15px;
  position: absolute;
  left: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 {
  font-size: 0;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li {
  display: inline-block;
  width: 33.3%;
  box-sizing: border-box;
  min-height: 66px;
  border-top: 1px solid #cccccc;
  /*border-left: 1px solid #ccc;*/
  vertical-align: top;
  position: relative;
}
#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li:before{
  position: absolute; left:0; top:0; width:1px; height:102%;
  background-color:#ccc; content:"";}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li:nth-child(1),
#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li:nth-child(4),
#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li:nth-child(7) {
  border-left: 0;
}
#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li:nth-child(1):before,
#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li:nth-child(4):before,
#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li:nth-child(7):before {
  display:none;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li > div {
  display: table;
  float: left;
  padding-left: 24px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li > div span {
  display: table-cell;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li span {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  height: 66px;
  line-height: 66px;
  font-weight: 400;
  color: #333;
  font-size: 16px;
  padding-left: 21px;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #6163d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li p {
  height: 66px;
  vertical-align: middle;
  display: table;
  padding-right: 15px;
  padding-left: 22px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li p em {
  vertical-align: middle;
  color: #505050;
  font-size: 15px;
  display: table-cell;
  line-height: 20px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li.bl-0 {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li.bl-1 {
  border-left: 1px solid #ccc;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li.w50p {
  width: 50%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list1 li.w100p {
  width: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 {
  font-size: 0;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  content: "";
  background: #cccccc;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  border-top: 1px solid #cccccc;
  vertical-align: top;
  position: relative;
}


#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li table {
  border: 1px solid #cccccc;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li table th {
  border-left: 1px solid #cccccc;
  background-color: #f2f2f2;
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  color: #333;
  font-size: 15px;
  height: 38px;
  border-top: 1px solid #cccccc;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li table th:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li table td {
  border-left: 1px solid #cccccc;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  color: #505050;
  height: 38px;
  line-height: 20px;
  border-top: 1px solid #cccccc;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li table td:first-child {
  border-left: 0;
}



#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li.w100 {
  width: 100%;
  background-color: #fff;
  z-index: 1;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .tit {
  padding-left: 25px;
  padding-top: 26px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .tit span {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  font-weight: 400;
  color: #333;
  font-size: 16px;
  padding-left: 21px;
  position: relative;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .tit span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #6163d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con {
  padding: 23px 35px 35px;
  font-size: 15px;
  color: #505050;
  line-height:20px;
  white-space: inherit;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .state p {
  display: inline-block;
  vertical-align: top;
  margin-left: 120px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .state p:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .state p em {
  margin-left: 10px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .terms-list {
  line-height: 24px;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .terms-list p {
  font-size: 15px;
  color: #505050;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .bt-list p {
  margin-top: 5px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .bt-list p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .bt-list p a {
  display: inline-block;
  background: #6162d4;
  font-weight: 100;
  color: #fff;
  font-size: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-width: 190px;
  height: 27px;
  line-height: 27px;
  padding: 0 40px 0 18px;
  box-sizing: border-box;
  position: relative;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width:100%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .bt-list p a:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  background: url("../images/common/add_file_icon2.png") no-repeat;
  width: 28px;
  height: 13px;
  content: "";
}

/* 문서뷰어 버튼 241107 */
button.preView{
	margin-left: 10px;
    vertical-align: top;
}
button.preListen{
	margin-left: 5px;
    vertical-align: top;
}
button.preView.report, button.preListen.report{
    vertical-align: middle;
}
/* //문서뷰어 버튼 241107 */

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li .con .url-link a {
  display: inline-block;
  border: 1px solid #6162d4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 27px;
  line-height: 25px;
  min-width: 220px;
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 15px;
  color: #505050;
  word-break: break-all;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li.bl-0 {
  border-left: 0;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li.bl-1 {
  border-left: 1px solid #ccc;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li.w50p {
  width: 50%;
}

#wrap #contentArea #container #content .content .detail-view-wrap .recruit-view-outer .recruit-view-inner .info-list .list2 li.w100p {
  width: 100%;
  z-index: 1;
  background-color: #fff;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list {
  font-size: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li {
  width: 262px;
  display: inline-block;
  vertical-align: top;
  height: 193px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin-left: 7px;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 9px;
  content: "";
  background-color: #6162d4;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide {
  width: 593px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide .box-unit-list {
  font-size: 0;
  text-align: center;
  padding-top: 25px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide .box-unit-list .box-unit {
  display: inline-block;
  width: 183px;
  border-top: 1px solid #d8d8d8;
  padding-top: 10px;
  border-left: 1px solid #d8d8d8;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide .box-unit-list .box-unit:nth-child(1), #wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide .box-unit-list .box-unit:nth-child(4) {
  border-left: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide .box-unit-list .box-unit:nth-child(1), #wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide .box-unit-list .box-unit:nth-child(2), #wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide .box-unit-list .box-unit:nth-child(3) {
  border-top: 0;
  padding-bottom: 13px;
  padding-top: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide .box-unit-list .box-unit .tit {
  font-weight: 500;
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 20px;
  height: 48px;
  padding-top: 8px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.wide .box-unit-list .box-unit .con {
  font-size: 15px;
  color: #505050;
  text-align: center;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.p-color {
  background-color: #ebecff;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.normal dl {
  padding-left: 30px;
  padding-right: 20px;
  padding-top: 40px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.normal dl dt span {
  font-weight: bold;
  font-size: 24px;
  color: #6162d4;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.normal dl dd {
  margin-top: 34px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.normal dl dd p {
  margin-top: 19px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.normal dl dd p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.normal dl dd p span {
  font-size: 20px;
  font-weight: 500;
  color: #666666;
  float: left;
  display: inline-block;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.normal dl dd p em {
  color: #16b4e1;
  float: right;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .summary-list li.normal dl dd p:after {
  display: block;
  clear: both;
  content: "";
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer {
  margin-top: 52px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .tit {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .chart-box6-outer .chart-box6-inner {
  font-size: 0;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .chart-box6-outer .chart-box6-inner .chart-unit {
  box-sizing: border-box;
  height: 300px;
  border: 2px solid #c4c4e9;
  width: 453px;
  margin-left: 20px;
  float: left;
  margin-top: 20px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .chart-box6-outer .chart-box6-inner .chart-unit:first-child {
  margin-left: 0;
  width: 454px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .chart-box6-outer .chart-box6-inner .chart-unit:nth-child(4) {
  margin-left: 0;
  width: 454px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner {
  position: relative;
  padding-left: 670px;
  box-sizing: border-box;
  margin-top: 17px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .chart-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 660px;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
  border: 2px solid #c4c4e9;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box {
  width: 730px;
  position: relative;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box .tin {
  position: absolute;
  right: 0;
  top: -23px;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box table {
  border: 1px solid #c4c4e9;
  text-align: center;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box table thead tr th {
  background-color: #6162d4;
  vertical-align: middle;
  height: 44px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box table thead tr th span {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box table thead tr.total th {
  background-color: #9394ea;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box table tbody tr td {
  height: 44px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box table tbody tr td span {
  font-size: 16px;
  color: #333;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box table tbody tr.s-tit td {
  background-color: #ebecff;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .year-enroll-outer .year-enroll-inner .table-box table tbody tr.s-tit td span {
  font-weight: 500;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap {
  padding-top: 60px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-bt-area {
  font-size: 0;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-bt-area button {
  /*flex: 1 1 20px;*/
  width:155.5px;
  height: 67px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  border-left: 0;
  vertical-align: top;
}
/* #wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-bt-area button:nth-child(odd){width:155px;} */
#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-bt-area button:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-left: 1px solid #d2d2d2;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-bt-area button:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-bt-area button span {
  font-size: 17px;
  font-weight: 500;
  color: #333;
  line-height: 21px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-bt-area button.active {
  background-color: #6264d0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-bt-area button.active span {
  color: #fff;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area {
  padding-top: 32px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 {
  position: relative;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 .noti {
  font-size: 15px;
  color: #6a6b77;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 .more-bt {
  position: absolute;
  right: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 .more-bt.t40 {
  top: 40px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 .more-bt span {
  font-size: 15px;
  color: #6a6b77;
  padding-right: 17px;
  position: relative;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 .more-bt span:after {
  position: absolute;
  right: 0;
  top: 5px;
  width: 7px;
  height: 13px;
  content: "";
  background: url("../images/common/more_bt_arrow.png") no-repeat;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 .tab {
  font-size: 0;
  border-bottom: 1px solid #6162d4;
  margin-top: 17px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 .tab a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #6264d0;
  min-width: 175px;
  padding: 0 18px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  border: 1px solid #dfe0f6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 0;
  border-left: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 .tab a:first-child {
  border-left: 1px solid #dfe0f6;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 .tab a.active {
  background-color: #dfe0f6;
  border-color: #dfe0f6;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul {
  font-size: 0;
  margin-top: 12px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li {
  margin-left: 10px;
  display: inline-block;
  margin-top: 16px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li:first-child, #wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li:nth-child(2) {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li:first-child, #wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li:nth-child(3), #wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li:nth-child(5) {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a {
  display: block;
  padding: 0 25px;
  border: 1px solid #e0e0e0;
  width: 695px;
  height: 185px;
  padding-top: 30px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .title-area {
  position: relative;
  padding-right: 140px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .title-area .tit {
  font-size: 18px;
  color: #6264d0;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .title-area .label {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 15px;
  color: #000000;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area {
  border-top: 1px solid #e0e0e0;
  margin-top: 18px;
  padding-left: 196px;
  box-sizing: border-box;
  padding-top: 30px;
  position: relative;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .logo {
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  text-align: center;
  height: 116px;
  line-height: 116px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .logo img {
  max-width: 180px;
  display: inline-block;
  vertical-align: middle;
  max-height: 75px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list {
  font-size: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list.pt20 {
  padding-top: 20px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p {
  display: inline-block;
  width: 188px;
  vertical-align: top;
  margin-top: 19px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p:first-child, #wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p:nth-child(2) {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p:nth-child(2), #wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p:nth-child(4) {
  margin-left: 3px;
  width: 256px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p:nth-child(2) em, #wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p:nth-child(4) em {
  width: 200px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p span {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  display: inline-block;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p em {
  width: 120px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 15px;
  color: #505050;
  box-sizing: border-box;
  padding-left: 12px;
  white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p.w100 {
  width: 390px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p.w10 {
  width: 10px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p.w50p {
  width: 217px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p.w50p em {
  width: 144px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p.w40p {
  width: 200px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p.w40p em {
  width: 144px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p.w60p {
  width: 240px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type1 ul li a .cont-area .info-list p.w60p em {
  width: 164px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 {
  position: relative;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 .noti {
  font-size: 15px;
  color: #6a6b77;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 .more-bt {
  position: absolute;
  right: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 .more-bt.t40 {
  top: 40px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 .more-bt span {
  font-size: 15px;
  color: #6a6b77;
  padding-right: 17px;
  position: relative;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 .more-bt span:after {
  position: absolute;
  right: 0;
  top: 5px;
  width: 7px;
  height: 13px;
  content: "";
  background: url("../images/common/more_bt_arrow.png") no-repeat;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 .tab {
  font-size: 0;
  border-bottom: 1px solid #6162d4;
  margin-top: 17px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 .tab a {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #6264d0;
  min-width: 175px;
  padding: 0 18px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  border: 1px solid #dfe0f6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 0;
  border-left: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 .tab a:first-child {
  border-left: 1px solid #dfe0f6;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 .tab a.active {
  background-color: #dfe0f6;
  border-color: #dfe0f6;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul {
  font-size: 0;
  margin-top: 12px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li {
  margin-left: 0;
  display: block;
  margin-top: 16px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a {
  display: block;
  padding: 0 25px;
  border: 1px solid #e0e0e0;
  width: 100%;
  height: 140px;
  padding-top: 21px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .title-area {
  position: relative;
  padding-right: 250px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .title-area .tit {
  font-size: 18px;
  color: #6264d0;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .title-area .label {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 15px;
  color: #000000;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .cont-area {
  border-top: 1px solid #e0e0e0;
  margin-top: 18px;
  padding-left: 196px;
  box-sizing: border-box;
  padding-top: 33px;
  position: relative;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .cont-area .logo {
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  width: 195px;
  text-align: center;
  height: 80px;
  line-height: 80px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .cont-area .logo img {
  max-width: 195px;
  max-height: 55px;
  display: inline-block;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .cont-area .info-list {
  font-size: 0;
  margin-left: 40px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .cont-area .info-list p {
  display: inline-block;
  vertical-align: top;
  margin-left: 76px;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .cont-area .info-list p:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .cont-area .info-list p span {
  font-size: 15px;
  font-weight: bold;
  color: #505050;
  display: inline-block;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .main-occasion-wrap .tab-wrap .tab-con-area .content-type2 ul li a .cont-area .info-list p em {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 15px;
  color: #505050;
  margin-left: 17px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner {
  padding: 27px 0;
  height: 86px;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  text-align: center;
  font-size: 0;
  position: relative;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner:before {
  width: 100%;
  height: 9px;
  background-color: #6162d4;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner > span {
  font-size: 17px;
  font-weight: bold;
  color: #333;
  margin-right: 17px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 3px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .checkbox {
  position: relative;
  display: inline-block;
  height: 16px;
  vertical-align: top;
  text-align: left;
  width: 100%;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 24px;
  color: #505050;
  line-height: 16px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .btn button {
  border: 1px solid #6162d4;
  height: 36px;
  width: 90px;
  box-sizing: border-box;
  text-align: left;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
  color: #333;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .btn button:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap {
  position: absolute;
  left: 0;
  top: 36px;
  border: 1px solid #6162d4;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  padding: 15px 10px;
  z-index: 100;
  max-height: 340px;
  overflow-y: auto;
  border-top: 0;
  display: none;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap.active {
  display: block;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap .alert {
  font-size: 15px;
  color: #000;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap dl {
  border-top: 1px solid #000;
  margin-top: 10px;
  padding-top: 10px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap dl dt {
  border-bottom: 1px dashed #000;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap dl dt p {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap dl dt p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap dl dd ul li {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap dl dd ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select-unit .hide-wrap dl dd .noti {
  font-size: 14px;
  color: #000;
  text-align: left;
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 3px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner .select-wrap .select select {
  border: 1px solid #6162d4;
  height: 36px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner > button {
  height: 36px;
  border-radius: 10px;
  background-color: #6162d4;
  width: 80px;
  margin-left: 10px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-select-outer .item-select-inner > button span {
  font-weight: 400;
  font-size: 15px;
  color: #fff;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer {
  margin-top: 56px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .all-item-bt button {
  border-radius: 10px;
  background-color: #6162d4;
  height: 30px;
  padding: 0 17px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .all-item-bt button span {
  color: #fff;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .item-report-inner {
  overflow: hidden;
  border-bottom: 4px solid #6162d4;
  margin-top: 17px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .item-report-inner table {
  table-layout: fixed;
  position: relative;
  left: -1px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .item-report-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .item-report-inner table th span {
  color: #fff;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .item-report-inner table td {
  text-align: center;
  height: 42px;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .item-report-inner table td span {
  font-size: 16px;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .item-report-inner table td a {
  border-width: 1px;
  border-color: #737373;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  height: 30px;
  width: 72px;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #737373;
  display: inline-block;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .item-report-inner table td a:hover {
  color: #fff;
  background-color: #9090d6;
  border: 1px solid #9090d6;
}

#wrap #contentArea #container #content .content .item-disc-wrap .item-report-outer .item-report-inner table tbody tr:nth-child(odd) td {
  background-color: #f2f2f2;
}

#wrap #contentArea #container #content .content .disc-class-outer {
  position: relative;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area {
  position: absolute;
  right: 0;
  top: -71px;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .vs__dropdown-toggle {
  height: 36px !important;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .tit {
  font-size: 16px;
  color: #333;
  display: inline-block;
  line-height: 36px;
  vertical-align: top;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box {
  display: inline-block;
  width: 322px;
  margin-left: 17px;
  position: relative;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-bt {
  height: 36px;
  border: 2px solid #6162d4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  text-align: left;
  padding-left: 20px;
  background: url("../images/common/select_arrow.png") 100% 50% no-repeat;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-bt span {
  color: #c0c0c0;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  border: 2px solid #6162d4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #fff;
  padding-bottom: 15px;
  display: none;
  z-index: 10;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area.active {
  display: block;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area .input-srch-area {
  font-size: 0;
  margin-top: 15px;
  padding: 0 15px 0;
  position: relative;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area .input-srch-area:after {
  position: absolute;
  right: 17px;
  top: 50%;
  margin-top: -19px;
  width: 41px;
  height: 38px;
  content: "";
  background: url("../images/common/h_srch_bt2.png") no-repeat;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area .input-srch-area input {
  font-size: 16px;
  border: 1px solid #8b8cf5;
  height: 38px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 52px 0 12px;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area .input-srch-area button {
  display: none;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area .mCustomScrollbar {
  padding: 12px 20px 0;
  max-height: 255px;
  overflow-y: auto;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area .mCustomScrollbar ul li {
  margin-top: 15px;
  padding-right: 25px;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area .mCustomScrollbar ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area .mCustomScrollbar ul li a {
  font-size: 16px;
  color: #505050;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area .select-box .select-area .mCustomScrollbar ul li a:hover {
  color: #6163d4;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area > button {
  height: 36px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  background-color: #dfe0f6;
  width: 80px;
  vertical-align: top;
  margin-left: 7px;
  display: inline-block;
}

#wrap #contentArea #container #content .content .disc-class-outer .agency-sort-area > button span {
  font-size: 16px;
  color: #6162d4;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer {
  margin-top: 62px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .tit {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner {
  margin-top: 17px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .total-report-box {
  border-radius: 10px;
  background-color: #bfc0ef;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  width: 360px;
  height: 308px;
  padding-top: 35px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .total-report-box:before {
  position: absolute;
  left: 50%;
  margin-left: -116px;
  top: 68px;
  width: 232px;
  height: 170px;
  content: "";
  background: url("../images/common/total_report_icon.png") no-repeat;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .total-report-box .tit {
  font-size: 21px;
  color: #6e58f2;
  font-weight: 500;
  text-align: center;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .total-report-box .bt {
  text-align: center;
  padding-top: 180px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .total-report-box .bt a {
  border-radius: 10px;
  background-color: white;
  width: 232px;
  height: 43px;
  line-height: 43px;
  font-size: 16px;
  font-weight: 500;
  color: #8576f1;
  display: inline-block;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box {
  width: 1024px;
  height: 308px;
  display: inline-block;
  border-radius: 10px;
  background-color: #d2ead1;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  overflow: hidden;
  vertical-align: top;
  position: relative;
  margin-left: 16px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slide1 {
  background: url("../images/common/quarter_roll_sample1.png") no-repeat;
  background-size: 100% 100%;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slide2 {
  background: url("../images/common/quarter_roll_sample2.png") no-repeat;
  background-size: 100% 100%;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slide3 {
  background: url("../images/common/quarter_roll_sample3.png") no-repeat;
  background-size: 100% 100%;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slide4 {
  background: url("../images/common/quarter_roll_sample4.png") no-repeat;
  background-size: 100% 100%;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider {
  position: relative;
  width: 100%;
  height: 308px;
  background-color: #fff;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  border-radius: 5px;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-slide {
  height: 308px;
  position: relative;
  background-color: #fff;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-slide .bg {
  position: absolute;
  left: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-slide .txt-area {
  padding-left: 292px;
  position: relative;
  z-index: 1;
  padding-top: 52px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-slide .txt-area .tit {
  font-size: 21px;
  font-weight: 500;
  color: #6163d4;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-slide .txt-area .txt {
  font-size: 16px;
  color: #454799;
  line-height: 24px;
  margin-top: 16px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-slide .txt-area .bt {
  margin-top: 23px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-slide .txt-area .bt a {
  display: inline-block;
  border-radius: 10px;
  background-color: white;
  text-align: center;
  width: 232px;
  height: 43px;
  line-height: 43px;
  font-size: 16px;
  font-weight: 500;
  color: #6163d4;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-arrow {
  position: absolute;
  bottom: 17px;
  width: 9px;
  height: 18px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 1;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-arrow.slick-prev {
  right: 97px;
  background: url("../images/common/disc_roll_prev.png") no-repeat;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .slick-slider .slick-arrow.slick-next {
  right: 20px;
  background: url("../images/common/disc_roll_next.png") no-repeat;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box .noti {
  position: absolute;
  left: 292px;
  bottom: 22px;
  font-size: 15px;
  color: #414141;
  line-height: 20px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box #slidePause {
  position: absolute;
  right: 57px;
  bottom: 17px;
  z-index: 10;
  width: 12px;
  height: 18px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/slide_stop.png") no-repeat;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .quarter-report-outer .quarter-report-inner .quarter-roll-box #slidePause.pause {
  background: url("../images/common/slide_play.png") no-repeat;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer {
  margin-top: 56px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .tit {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .item-report-inner {
  overflow: hidden;
  border-bottom: 4px solid #6162d4;
  margin-top: 17px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .item-report-inner table {
  table-layout: fixed;
  position: relative;
  left: -1px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .item-report-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .item-report-inner table th span {
  color: #fff;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .item-report-inner table td {
  text-align: center;
  height: 42px;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .item-report-inner table td span {
  font-size: 15px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .item-report-inner table td a {
  border-width: 1px;
  border-color: #737373;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  height: 30px;
  width: 72px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #737373;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 100;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .item-report-inner table td a:hover {
  color: #fff;
  background-color: #9090d6;
  border: 1px solid #9090d6;
  font-weight: 100;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .item-report-outer .item-report-inner table tbody tr:nth-child(odd) td {
  background-color: #f2f2f2;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer {
  padding: 0 42px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  overflow: hidden;
  position: relative;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background-color: #6162d4;
  content: "";
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner {
  position: relative;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .logo {
  height: 143px;
  line-height: 143px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height:100px;
  position: relative;
  top:2px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .title {
  text-align: center;
  padding: 58px 0;
  font-weight: 500;
  color: #333;
  font-size: 27px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .info-list {
  position: absolute;
  left: 1032px;
  top: 43px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .info-list li {
  position: relative;
  box-sizing: border-box;
  padding-left: 62px;
  font-size: 15px;
  color: #505050;
  margin-top: 1px;
  line-height: 20px;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .info-list li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .info-list li span {
  font-weight: 500;
  color: #333;
  font-size: 15px;
  position: absolute;
  left: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .site-list {
  font-size: 0;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .site-list li {
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
  height: 66px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #ccc;
  vertical-align: top;
  padding-left: 30px;
  position: relative;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .site-list li:nth-child(1), #wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .site-list li:nth-child(5) {
  border-left: 0;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .site-list li span {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  height: 66px;
  line-height: 66px;
  font-weight: 500;
  color: #333;
  font-size: 16px;
  padding-left: 27px;
  position: relative;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .site-list li span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #6163d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .disc-class-outer .disc-class-inner .agency-info-outer .agency-info-inner .site-list li a {
  display: inline-block;
  position: absolute;
  width: 103px;
  right: 22px;
  top: 50%;
  margin-top: -15px;
  font-size: 15px;
  color: #737373;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #7c7c7c;
}

#wrap #contentArea #container #content .content .board-list-outer {
  padding-left: 350px;
  box-sizing: border-box;
  position: relative;
  min-height: 1572px;
  padding-top: 25px;
  margin-top: -15px;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer {
  width: 325px;
  height: 1616px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-sizing: border-box;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 9px;
  content: "";
  background: #6162d4;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner {
  padding-top: 9px;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box {
  padding: 0 20px;
  border-top: 1px solid #cccccc;
  margin-top: 15px;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box:first-child {
  border-top: 0;
  margin-top: 0;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dt {
  padding: 20px 3px 16px;
  position: relative;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dt > a {
  position: absolute;
  right: 0;
  top: 50%;
  padding: 0 15px;
  margin-top: -14px;
  height: 30px;
  line-height: 30px;
  background-color: #6162d4;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dt .checkbox {
  position: relative;
  display: inline-block;
  height: 22px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dt .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dt .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 22px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 37px;
  color: #6162d4;
  font-weight: 500;
  line-height: 22px;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dt .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_d_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dt .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_a_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd {
  padding: 12px 0 12px;
  border-top: 2px solid #6162d4;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd .mCustomScrollbar {
  overflow-y: auto;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd ul {
  padding: 0 3px;
  max-height: 100%;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd ul li {
  margin-top: 12px;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd ul li .checkbox {
  position: relative;
  display: inline-block;
  height: 22px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd ul li .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd ul li .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 22px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 37px;
  color: #505050;
  line-height: 22px;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd ul li .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_d_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-outer .check-list-outer .check-list-inner .check-list-box dl dd ul li .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_a_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .statistics-outer {
  padding-left: 350px;
  box-sizing: border-box;
  position: relative;
  min-height: 1100px;
  margin-top: -15px;
}

#wrap #contentArea #container #content .content .statistics-outer.tab {
  padding-left: 0;
}

#wrap #contentArea #container #content .content .statistics-outer.h-tp {
  min-height: 1302px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap {
  width: 325px;
  position: absolute;
  left: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .l-tit {
  color: #333;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 16px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .l-tit span {
  font-weight: 400;
  font-size: 15px;
  margin-left: 15px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .l-tit span em {
  color: #6264d0;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tab-bt-area {
  font-size: 0;
  overflow: hidden;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tab-bt-area button {
  width: 50%;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #fff;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tab-bt-area button span {
  font-size: 18px;
  font-weight: 500;
  color: #505050;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tab-bt-area button.active {
  background-color: #6264d0;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tab-bt-area button.active span {
  color: #fff;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area {
  height: 1030px;
  background-color: #fff;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  padding: 0 20px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 9px;
  content: "";
  background: #6162d4;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area.h-auto {
  height: auto;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .srch-outer {
  padding-top: 27px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .srch-outer .srch-inner .srch-area .input {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 42px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .srch-outer .srch-inner .srch-area .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .srch-outer .srch-inner .srch-area .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .srch-outer .srch-inner p {
  padding-left: 59px;
  position: relative;
  font-size: 14px;
  color: #505050;
  margin-top: 16px;
  line-height: 18px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .srch-outer .srch-inner p span {
  position: absolute;
  left: 18px;
  top: 1px;
  font-weight: bold;
  font-size: 17px;
  color: #6264d0;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .tree-outer {
  padding-top: 25px;
  margin-top: 20px;
  border-top: 1px solid #cccccc;
  overflow-y: auto;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .tree-outer .tree-inner {
  height: 840px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box {
  border-top: 1px solid #cccccc;
  margin-top: 15px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box:first-child {
  border-top: 0;
  margin-top: 9px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt {
  padding: 20px 3px 16px;
  position: relative;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt .input {
  width: 235px;
  height: 32px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  padding-left: 19px;
  padding-right: 46px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt .input input {
  height: 28px;
  width: 100%;
  color: #333;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt .input button {
  width: 40px;
  height: 28px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  background-size: 40px 28px;
  position: absolute;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt > a {
  position: absolute;
  right: 0;
  top: 50%;
  padding: 0 15px;
  margin-top: -14px;
  height: 30px;
  line-height: 30px;
  background-color: #6162d4;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt .checkbox {
  position: relative;
  display: inline-block;
  height: 22px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt .checkbox.vam {
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 22px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 37px;
  color: #6162d4;
  font-weight: 500;
  line-height: 22px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_d_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dt .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_a_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd {
  padding: 12px 0 12px;
  border-top: 2px solid #6162d4;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd .mCustomScrollbar {
  overflow-y: auto;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd ul {
  padding: 0 3px;
  max-height: 100%;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd ul li {
  margin-top: 12px;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd ul li .checkbox {
  position: relative;
  display: inline-block;
  height: 22px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd ul li .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd ul li .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 22px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 37px;
  color: #505050;
  line-height: 22px;
  word-break: break-all;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd ul li .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_d_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .statistics-outer .tree-wrap .tree-area .check-list-box dl dd ul li .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_a_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-title-wrap {
  position: relative;
  padding-left: 350px;
  height: 40px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-title-wrap .class-bt-area {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  overflow: hidden;
  width: 323px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-title-wrap .class-bt-area button {
  width: 50%;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #fff;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-title-wrap .class-bt-area button span {
  font-size: 16px;
  font-weight: 400;
  color: #505050;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-title-wrap .class-bt-area button.active {
  background-color: #6264d0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-title-wrap .class-bt-area button.active span {
  color: #fff;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-bt-area {
  font-size: 0;
  border-bottom: 2px solid #6162d4;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-bt-area a {
  width: 174px;
  height: 38px;
  line-height: 38px;
  text-align: left;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #fff;
  position: relative;
  border: 1px solid #dfe0f6;
  box-sizing: border-box;
  display: inline-block;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-bt-area a span {
  font-size: 16px;
  color: #6264d0;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-bt-area a.active {
  width: 174px;
  height: 38px;
  line-height: 38px;
  text-align: left;
  padding-left: 22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #dfe0f6;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #dfe0f6;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-bt-area a.active span {
  font-size: 16px;
  color: #6264d0;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-bt-area a.active button {
  display: block;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-bt-area a.active i {
  display: block;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-bt-area a button {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -5px;
  width: 12px;
  height: 12px;
  background: url("../images/common/tab_close_bt.png") no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-bt-area a i {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -5px;
  width: 12px;
  height: 12px;
  background: url("../images/common/tab_close_bt.png") no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer {
  margin-top: 29px;
  position: relative;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .flex-content {
  padding-left: 350px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .flex-content.pl0 {
  padding-left: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner {
  position: relative;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .noti-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 920px;
  background: url("../images/common/noti_wrap_bg.jpg") 50% 50% no-repeat #fff;
  z-index: 100;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .noti-wrapper .noti-box-outer {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  position: absolute;
  left: 50%;
  margin-left: -200px;
  top: 380px;
  width: 400px;
  height: 161px;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .noti-wrapper .noti-box-outer .noti-box-inner {
  position: relative;
  padding-top: 43px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .noti-wrapper .noti-box-outer .noti-box-inner:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6px;
  background: #dfe0f6;
  content: "";
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .noti-wrapper .noti-box-outer .noti-box-inner p {
  text-align: center;
  font-size: 15px;
  color: #505050;
  line-height: 30px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .noti-wrapper .noti-box-outer .noti-box-inner p span {
  font-weight: bold;
  color: #6264d0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .title-area {
  position: relative;
  padding-top: 7px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .title-area .title {
  font-size: 19px;
  color: #333;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .title-area .title span {
  font-weight: 400;
  font-size: 15px;
  margin-left: 30px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .title-area .title span em {
  color: #6264d0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .title-area .loca {
  font-size: 14px;
  color: #505050;
  padding: 5px 0;
/*   position: absolute;
  right: 0;
  top: 9px; */
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box {
  border-top: 1px solid #cccccc;
  margin-top: 12px;
  /* padding-top: 27px; */
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .view-bt-area {
  font-size: 0;
  overflow: hidden;
  width: 323px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  display:none;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .view-bt-area button {
  width: 50%;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #fff;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .view-bt-area button span {
  font-size: 16px;
  font-weight: 500;
  color: #505050;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .view-bt-area button.active {
  background-color: #6264d0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .view-bt-area button.active span {
  color: #fff;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit {
  display: none;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit.active {
  display: block;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap {
  position: relative;
  padding-left: 260px;
  margin-top: 50px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap dl {
  position: absolute;
  left: 0;
  top: 0;
  width: 230px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap dl dt {
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  color: #505050;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap dl dd {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap dl dd p {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap dl dd p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap dl dd p button {
  height: 45px;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 19px;
  color: #505050;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap dl dd p button.active {
  background-color: #dfe0f6;
  font-weight: bold;
  color: #6264d0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap .inner-tab-outer {
  height: 750px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap .inner-tab-outer .tab-inner {
  display: none;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .inner-tab-wrap .inner-tab-outer .tab-inner.active {
  display: block;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .graph-noti {
  padding-top: 50px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .graph-noti dt {
  font-size: 17px;
  font-weight: bold;
  color: #505050;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .tab-unit .graph-noti dd {
  font-size: 15px;
  color: #505050;
  line-height: 20px;
  margin-top: 7px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap {
  padding-bottom: 13px;
  border-bottom: 4px solid #6162d4;
  position: relative;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .data-srch-bt {
  position: absolute;
  background-color: #dfe0f6;
  right: 0;
  top: -35px;
  font-size: 15px;
  font-weight: 400;
  color: #6264d0;
  height: 26px;
  line-height: 26px;
  padding: 0 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area {
  font-size: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer {
  width: 20%;
  display: inline-block;
  height: 970px;
  border-left: 1px solid #cccccc;
  box-sizing: border-box;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner {
  padding: 0 10px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .tit-area {
  padding: 0 3px 18px 3px;
  border-bottom: 1px solid #6162d4;
  margin: 10px 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .tit-area .checkbox {
  position: relative;
  display: inline-block;
  height: 16px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .tit-area .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .tit-area .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 20px;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #505050;
  font-weight: 500;
  line-height: 19px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .tit-area .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .tit-area .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .mCustomScrollbar {
  overflow-y: auto;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area {
  max-height: 920px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl {
  margin-top: 30px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dt {
  font-size: 15px;
  font-weight: 500;
  color: #505050;
  border-bottom: 1px solid #cccccc;
  padding-left: 3px;
  padding-bottom: 13px;
  margin-bottom: 13px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd {
  padding: 0 3px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd ul li {
  margin-top: 24px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd .checkbox {
  position: relative;
  display: inline-block;
  height: 20px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd .checkbox.folder-tp input[type="checkbox"] + label {
  padding-left: 48px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd .checkbox.folder-tp input[type="checkbox"] + label:before {
  position: absolute;
  left: 24px;
  width: 17px;
  height: 14px;
  content: "";
  background: url("../images/common/folder_icon.png") no-repeat;
  top: 25%;
  margin-top: -7px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 35px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #505050;
  line-height: 16px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 25%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .ex-folder-wrap .ex-folder-area .folder-outer .folder-inner .folder-con-wrap .folder-con-area dl dd .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 25%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .info-text-wrap {
  position: relative;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .info-text-wrap > button {
  position: absolute;
  right: 0;
  top: 20px;
  width: 88px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #6264d0;
  background-color: #dfe0f6;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .info-text-wrap .info-text-area dl {
  padding-top: 29px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .info-text-wrap .info-text-area dl dt {
  font-size: 15px;
  color: #505050;
  font-weight: 400;
  line-height: 20px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .info-text-wrap .info-text-area dl dt span {
  font-weight: bold;
  display: block;
  margin-bottom: -13px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .info-text-wrap .info-text-area dl dd {
  line-height: 20px;
  font-size: 15px;
  color: #505050;
  overflow: hidden;
  font-weight: 100;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .info-text-wrap .info-text-area dl dd.hide {
  height: 0;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .info-text-wrap .info-text-area dl dd .h-area {
  padding-top: 12px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .use-info-quick {
  text-align: center;
  margin-top: 70px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-con-inner .tab-con-box .use-info-quick a {
  display: inline-block;
  width: auto;
  padding: 0 24px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #6264d0;
  background-color: #dfe0f6;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-bot-noti {
  margin-top: 60px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-bot-noti dt {
  font-weight: 500;
  color: #333;
  font-size: 17px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-bot-noti dd {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .statistics-outer .board-tab-outer .board-tab-inner .tab-con-outer .tab-bot-noti dd p {
  font-size: 15px;
  color: #505050;
  line-height: 20px;
}

#wrap #contentArea #container #content .content .board-list-type {
  margin-top: -10px;
}

#wrap #contentArea #container #content .content .board-list-type.mt40 {
  margin-top: 40px;
}
#wrap #contentArea #container #content .content .board-list-type .util-area{
	float: right;
    margin: 0px 0 20px 0;
}
#wrap #contentArea #container #content .content .board-list-type .util-area span {
  font-size: 17px;
  color: #505050;
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 27px;
  display:none;
}

#wrap #contentArea #container #content .content .board-list-type .util-area span em {
  color: #6162d4;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 13px;
  padding-left: 13px;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .select:before {
  position: absolute;
  left: 0;
  top: 50%;
  /* content: ""; */
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #000;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .board-list-type .util-area .select select {
  border: 1px solid #6162d4;
  height: 27px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer {
  display: inline-block;
  position: relative;
  width: 160px;
  margin-left: 13px;
  padding-left: 13px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #000;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-bt {
  display: inline-block;
  width: 160px;
  text-align: left;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-bt span {
  font-size: 18px;
  display: block;
  position: relative;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-bt span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  width: 16px;
  height: 8px;
  content: "";
  background: url("../images/common/dropdown_arrow.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-bt.active span:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-inner {
  position: absolute;
  left: 10px;
  top: 30px;
  width: 100%;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 10px;
  display: none;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-inner ul {
  max-height: 180px;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-inner ul li {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-inner ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-inner ul li a {
  font-size: 18px;
  display: block;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-inner ul li a:hover {
  color: #6264d0;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .drop-down-outer .drop-down-inner.active {
  display: block;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .down-bt {
  display: inline-block;
  position: relative;
  margin-left: 13px;
  padding-left: 13px;
  z-index: 9;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .down-bt:before {
  position: absolute;
  left: 0;
  top: 50%;
  /* content: ""; */
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #000;
}

#wrap #contentArea #container #content .content .board-list-type .util-area .down-bt a {
  display: inline-block;
  background-color: #6162d4;
  font-weight: 400;
  font-size: 15px;
  color: #ffffff;
  height: 27px;
  line-height: 27px;
  padding: 0 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .board-list-type .count-area {
  font-size: 0;
}

#wrap #contentArea #container #content .content .board-list-type .count-area span {
  font-size: 16px;
  color: #505050;
  position: relative;
  padding-left: 15px;
  margin-left: 9px;
}

#wrap #contentArea #container #content .content .board-list-type .count-area span em {
  color: #6162d4;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .board-list-type .count-area span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type .count-area span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .content .board-list-type .count-area span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  content: "/";
  font-weight: 400;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer {
  position: relative;
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .srch-area {
  position: absolute;
  right: 0;
  top: -45px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .srch-area .view-bt {
  height: 36px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  background-color: #dfe0f6;
  width: 80px;
  vertical-align: top;
  margin-left: 7px;
  display: inline-block;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .srch-area .view-bt span {
  font-size: 16px;
  color: #6162d4;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .srch-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .srch-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .srch-area .select select {
  border: 1px solid #6162d4;
  height: 36px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .srch-area .input {
  width: 282px;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 42px;
  margin-left: 10px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .srch-area .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .srch-area .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul {
  border-top: 2px solid #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li {
  border-bottom: 1px solid #cccccc;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a {
  display: block;
  height: 96px;
  position: relative;
  box-sizing: border-box;
  padding-left: 280px;
  padding-top: 25px;
  padding-right: 120px;
  background: url("../images/common/list_unit_arrow.png") 100% 50% no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a.num-tp {
  padding-left: 110px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a.num-tp .num {
  position: absolute;
  left: 20px;
  top: 0;
  height: 100px;
  line-height: 100px;
  font-size: 20px;
  font-weight: 500;
  color: #505050;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a:hover .info .tit {
  color: #6163d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a .logo {
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  width: 280px;
  line-height: 100px;
  text-align: center;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a .logo img {
  display: inline-block;
  vertical-align: middle;
  max-height: 50px;
  max-width: 210px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a .info .tit {
  font-size: 18px;
  font-weight: 500;
  color: #505050;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a .info .det {
  font-size: 0;
  margin-top: 14px;
  display: block;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a .info .det span {
  font-size: 16px;
  color: #505050;
  position: relative;
  padding-left: 12px;
  margin-left: 12px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a .info .det span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a .info .det span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .list-inner ul li a .info .det span:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #8a8a8a;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner {
  border-top: 2px solid #6162d4;
  padding-top: 35px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table {
  table-layout: fixed;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table th:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table th span {
  color: #fff;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table td {
  text-align: center;
  height: 42px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table td:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table td span {
  font-size: 16px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table td .num {
  font-size: 16px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table td .add-file {
  text-align: left;
  padding-left: 27px;
  position: relative;
  padding-right: 27px;
  padding-top: 5px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table td .add-file a {
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-right: 45px;
  height: 19px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table td .add-file a:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 19px;
  content: "";
  background: url("../images/common/add_file_icon.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer .table-inner table td .add-file a:hover {
  color: #6163d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 {
  position: relative;
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area {
  position: absolute;
  right: 300px;
  top: 0px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area.view-type {
  top: 0px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area.view-type .select select {
  height: 27px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area .view-bt {
  height: 36px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  background-color: #dfe0f6;
  padding: 0 16px;
  vertical-align: top;
  margin-left: 7px;
  display: inline-block;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area .view-bt span {
  font-size: 15px;
  color: #6162d4;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area .select select {
  border: 1px solid #6162d4;
  height: 36px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area .input {
  width: 282px;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 42px;
  margin-left: 10px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area .input input {
  height: 32px;
  width: 100%;
  color: #333;
  font-size: 15px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .srch-area .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul {
  border-top: 2px solid #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li {
  border-bottom: 1px solid #cccccc;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div {
  position: relative;
  height: 156px;
  padding-left: 380px;
  box-sizing: border-box;
  padding-top: 34px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div.pt20 {
  padding-top: 20px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .logo {
  position: absolute;
  left: 0;
  top: 0;
  height: 160px;
  width: 370px;
  line-height: 160px;
  text-align: center;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  max-height: 120px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .tit {
  display: block;
  font-size: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .tit em {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .tit .orga {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .tit .orga:hover {
  color: #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .tit .site {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  color: #6162d4;
  position: relative;
  top: 2px;
  margin-left: 21px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .det {
  font-size: 0;
  margin-top: 14px;
  display: block;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .det span {
  font-size: 15px;
  color: #505050;
  position: relative;
  padding-left: 12px;
  margin-left: 12px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .det span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .det span:first-child:before {
  display: none;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .det span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #8a8a8a;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .subApba {
  font-size: 0;
  margin-bottom: 5px;
  display: block;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .subApba span.icon {
  	background-color: #6162d4;
    width: 35px;
    height: 21px;
    text-align: center;
    padding-top: 3px;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    display: inline-block;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .subApba span.parnApba {
	font-size: 14px;
    margin-left: 5px;
    color: #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn {
  display: block;
  font-size: 0;
  margin-top: 14px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a {
  display: inline-block;
  margin-left: 6px;
  width: 83px;
  height: 29px;
  line-height: 29px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  background-color: #dfe0f6;
  border: 1px solid #dfe0f6;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a.type1 span {
  color: #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a.type1 span:after {
  background: url("../images/common/down_load_icon1.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a.type2 {
  background-color: #ffffff;
  border: 1px solid #7c7c7c;
  cursor: default;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a.type2 span {
  color: #7c7c7c;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a.type2 span:after {
  background: url("../images/common/down_load_icon2.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a.total {
  background-color: #6162d4;
  border: 1px solid #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a.total span {
  color: #fff;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a.total span:after {
  background: url("../images/common/down_load_icon3.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a span {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  padding-right: 20px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn a span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 13px;
  content: "";
  background: red;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button {
  display: inline-block;
  margin-left: 6px;
  width: 83px;
  height: 29px;
  line-height: 29px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  background-color: #dfe0f6;
  border: 1px solid #dfe0f6;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button span {
  color: #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button span:after {
  background: url("../images/common/down_load_icon1.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button.disabled {
  background-color: #ffffff;
  border: 1px solid #7c7c7c;
  cursor: default;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button.disabled span {
  color: #7c7c7c;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button.disabled span:after {
  background: url("../images/common/down_load_icon2.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button.total {
  background-color: #6162d4;
  border: 1px solid #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button.total span {
  color: #fff;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button.total span:after {
  background: url("../images/common/down_load_icon3.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button span {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  padding-right: 20px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .info .btn button span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 13px;
  content: "";
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .list-inner ul li div .link-bt {
  position: absolute;
  width: 15px;
  height: 27px;
  background: url("../images/common/list_unit_arrow.png") 0 50% no-repeat;
  right: 21px;
  top: 50%;
  margin-top: -13px;
  text-indent: -9999px;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner {
  border-bottom: 4px solid #9090d6;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table {
  table-layout: fixed;
  position: relative;
  left: -1px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
  position: relative;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table th.tal {
  padding-left: 10px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table th span {
  color: #fff;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table th .sort {
  position: absolute;
  right: 5px;
  width: 8px;
  height: 15px;
  line-height: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table th .sort button {
  text-indent: -9999px;
  overflow: hidden;
  width: 8px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table th .sort button.up {
  background: url("../images/common/sort_up_icon.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table th .sort button.dw {
  background: url("../images/common/sort_dw_icon.png") no-repeat;
  margin-top: 3px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td {
  text-align: center;
  height: 42px;
  border-left: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td span {
  font-size: 13px; word-break: break-all;;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .orga {
  height: auto;
  width: auto;
  background: transparent;
  color: #363636;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .orga:hover {
  color: #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td a {
  border-radius: 10px;
  background-color: #dfe0f6;
  height: 28px;
  width: 82px;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #6162d4;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td a.youtube {
  width: 33px;
  height: 24px;
  background: url("../images/common/youtube_icon.png") no-repeat;
  text-indent: -9999px;
  border: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans {
  display: inline-block;
  font-size: 0;
  height: 30px;
  vertical-align: middle;
  margin-right: 7px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans span {
  display: inline-block;
  width: 15px;
  margin-left: 2px;
  position: relative;
  height: 30px;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans span:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans span em {
  height: 10px;
  background-color: red;
  max-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans span.trans-1 em {
  background-color: #d6d6d6;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans span.trans-2 em {
  background-color: #bcbcbc;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans span.trans-3 em {
  background-color: #a8a8a8;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans span.trans-4 em {
  background-color: #777777;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans span.trans-5 em {
  background-color: #4b4b4b;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .trans span.trans-6 em {
  background-color: #333333;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table td .graph-bt {
  width: 19px;
  height: 19px;
  background: url("../images/common/graph_icon.png") no-repeat;
  text-indent: -9999px;
  border: 0;
  vertical-align: bottom;
}

#wrap #contentArea #container #content .content .board-list-type .list-outer2 .table-inner table tbody tr:nth-child(odd) td {
  background-color: #f2f2f2;
}

#wrap #contentArea #container #content .content .tab-board-unit {
  display: none;
}

#wrap #contentArea #container #content .content .tab-board-unit.active {
  display: block;
}

#wrap #contentArea #container #content .content .board-list-type2 {
  margin-top: -10px;
  padding-right: 343px;
  position: relative;
}

#wrap #contentArea #container #content .content .board-list-type2.mt40 {
  margin-top: 40px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap {
  width: 325px;
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .l-tit {
  color: #333;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 16px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .l-tit span {
  font-weight: 400;
  font-size: 15px;
  margin-left: 15px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .l-tit span em {
  color: #6264d0;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tab-bt-area {
  font-size: 0;
  overflow: hidden;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tab-bt-area button {
  width: 50%;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #fff;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tab-bt-area button span {
  font-size: 18px;
  font-weight: 500;
  color: #505050;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tab-bt-area button.active {
  background-color: #6264d0;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tab-bt-area button.active span {
  color: #fff;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area {
  height: 1030px;
  background-color: #fff;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-sizing: border-box;
  position: relative;
  padding: 0 20px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 9px;
  content: "";
  background: #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .data-srch-bt {
  position: absolute;
  background-color: #dfe0f6;
  right: 0;
  top: -37px;
  font-size: 15px;
  font-weight: 400;
  color: #6264d0;
  height: 26px;
  line-height: 26px;
  padding: 0 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area.h-auto {
  height: auto;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .srch-outer {
  padding-top: 27px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .srch-outer .srch-inner .srch-area .input {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 42px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .srch-outer .srch-inner .srch-area .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .srch-outer .srch-inner .srch-area .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .srch-outer .srch-inner p {
  padding-left: 59px;
  position: relative;
  font-size: 15px;
  color: #505050;
  margin-top: 16px;
  line-height: 18px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .srch-outer .srch-inner p span {
  position: absolute;
  left: 18px;
  top: 1px;
  font-weight: bold;
  font-size: 17px;
  color: #6264d0;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .tree-outer {
  padding-top: 25px;
  margin-top: 20px;
  border-top: 1px solid #cccccc;
  overflow-y: auto;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .tree-outer .tree-inner {
  height: 840px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt {
  padding: 20px 3px 16px;
  position: relative;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt .input {
  width: 279px;
  height: 32px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  padding-left: 19px;
  padding-right: 46px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt .input input {
  height: 28px;
  width: 100%;
  color: #000;
  font-size: 16px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt .input button {
  width: 40px;
  height: 28px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  background-size: 40px 28px;
  position: absolute;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt > a {
  position: absolute;
  right: 0;
  top: 50%;
  padding: 0 15px;
  margin-top: -14px;
  height: 30px;
  line-height: 30px;
  background-color: #6162d4;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt .checkbox {
  position: relative;
  display: inline-block;
  height: 22px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt .checkbox.vam {
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 22px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 37px;
  color: #6162d4;
  font-weight: bold;
  line-height: 22px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_d_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dt .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_a_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd {
  padding: 12px 0 12px;
  border-top: 2px solid #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd .mCustomScrollbar {
  overflow-y: auto;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd ul {
  padding: 0 3px;
  max-height: 100%;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd ul li {
  margin-top: 15px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd ul li:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd ul li .checkbox {
  position: relative;
  display: inline-block;
  height: 22px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd ul li .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd ul li .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 22px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 37px;
  color: #505050;
  line-height: 22px;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd ul li .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_d_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type2 .right-tree-wrap .tree-area .check-list-box dl dd ul li .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("../images/common/chk_a_icon.gif") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type2 .util-area span {
  color: #333;
  font-size: 19px;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 {
  position: relative;
  margin-top: 16px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner {
  border-bottom: 4px solid #9090d6;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table tbody {
  display: block;
  height: 200px;
  overflow: auto;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th:nth-of-type(1), #wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td:nth-of-type(1) {
  width: 68px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th:nth-of-type(2), #wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td:nth-of-type(2) {
  width: 196px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th:nth-of-type(3), #wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td:nth-of-type(3) {
  width: 196px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th:nth-of-type(4), #wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td:nth-of-type(4) {
  width: 196px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th:nth-of-type(5), #wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td:nth-of-type(5) {
  width: 196px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th:last-child {
  width: 196px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td:last-child {
  width: calc( 196px - 13px);
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table {
  table-layout: fixed;
  position: relative;
  left: -1px;
  display: block;
  border-collapse: collapse;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th {
  background-color: #6162d4;
  border-left: 1px solid #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
  height: 42px;
  vertical-align: middle;
  position: relative;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th.tal {
  padding-left: 10px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th span {
  color: #fff;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th .sort {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -7px;
  width: 8px;
  height: 15px;
  line-height: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th .sort button {
  text-indent: -9999px;
  overflow: hidden;
  width: 8px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th .sort button.up {
  background: url("../images/common/sort_up_icon.png") no-repeat;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table th .sort button.dw {
  background: url("../images/common/sort_dw_icon.png") no-repeat;
  margin-top: 3px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td {
  text-align: center;
  height: 42px;
  border-left: 1px solid #d7d7d7;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td:first-child {
  border-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td span {
  font-size: 15px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .orga {
  height: auto;
  width: auto;
  background: transparent;
  color: #363636;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .orga:hover {
  color: #6162d4;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td a {
  border-radius: 10px;
  background-color: #dfe0f6;
  height: 28px;
  width: 82px;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #6162d4;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 500;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td a.youtube {
  width: 33px;
  height: 24px;
  background: url("../images/common/youtube_icon.png") no-repeat;
  text-indent: -9999px;
  border: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans {
  display: inline-block;
  font-size: 0;
  height: 30px;
  vertical-align: middle;
  margin-right: 7px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans span {
  display: inline-block;
  width: 15px;
  margin-left: 2px;
  position: relative;
  height: 30px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans span:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans span em {
  height: 10px;
  background-color: red;
  max-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans span.trans-1 em {
  background-color: #d6d6d6;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans span.trans-2 em {
  background-color: #bcbcbc;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans span.trans-3 em {
  background-color: #a8a8a8;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans span.trans-4 em {
  background-color: #777777;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans span.trans-5 em {
  background-color: #4b4b4b;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .trans span.trans-6 em {
  background-color: #333333;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table td .graph-bt {
  width: 19px;
  height: 19px;
  background: url("../images/common/graph_icon.png") no-repeat;
  text-indent: -9999px;
  border: 0;
  vertical-align: bottom;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table tbody tr:nth-child(odd) td {
  background-color: #f2f2f2;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table .radio {
  position: relative;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  margin-left: 26px;
  top: -2px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table .radio:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table .radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table .radio input[type="radio"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 16px;
  color: #000000;
  line-height: 16px;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table .radio input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .board-list-type2 .list-outer2 .table-inner table .radio input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap {
  position: relative;
  padding-left: 250px;
  margin-top: 37px;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap dl {
  position: absolute;
  left: 0;
  top: 0;
  width: 230px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap dl dt {
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  color: #333;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap dl dd {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap dl dd p {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap dl dd p:first-child {
  margin-top: 0;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap dl dd p button {
  height: 45px;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 16px;
  color: #505050;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap dl dd p button.active {
  background-color: #dfe0f6;
  font-weight: 500;
  color: #6264d0;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap .inner-tab-outer .tab-inner {
  display: none;
  height: 543px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap .inner-tab-outer .tab-inner.active {
  display: block;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap .inner-tab-outer .add-noti {
  margin-top: 15px;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap .inner-tab-outer .add-noti > p {
  font-weight: 500;
  color: #333;
  font-size: 17px;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap .inner-tab-outer .add-noti div {
  margin-top: 10px;
}

#wrap #contentArea #container #content .content .board-list-type2 .graph-tab-wrap .inner-tab-outer .add-noti div p {
  font-size: 15px;
  color: #505050;
  line-height: 20px;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap:after {
  display: block; content:""; clear:both;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer {
  float: left;
  width: 510px;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer > .tit {
  color: #000000;
  font-size: 25px;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer .chart-inner {
  margin-top: 17px;
  height: 485px;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer .chart-box {
  border-bottom: 4px solid #9090d6;
  margin-top: 209px;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer .chart-box th {
  height: 50px;
  vertical-align: middle;
  text-align: center;
  background-color: #6162d4;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer .chart-box th span {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer .chart-box td {
  height: 50px;
  text-align: center;
  vertical-align: middle;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer .chart-box td span {
  font-size: 19px;
  color: #000000;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer .chart-box td:last-child {
  background-color: #e5e5fc !important;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .chart-outer .chart-box tbody tr:nth-child(2) td {
  background-color: #f7f7fd;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer {
  float: right;
  width: 847px;
  position: relative;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer:after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 424px;
  height: 349px;
  background: url("../images/common/dis_table_bg.png") 100% 100% no-repeat;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer > .tit {
  color: #000000;
  font-size: 25px;
  font-weight: bold;
  position: relative;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap {
  position: relative;
  z-index: 1;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-bt-area {
  position: absolute;
  right: 0;
  top: -39px;
  font-size: 0;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer > .tit a {
  position: absolute; left:190px;
  display: inline-block;
  vertical-align: middle;
  width: auto; padding:0 17px;
  height: 34px;
  top:-3px;
  background-color: #6162d4;
  line-height:34px;
  text-align: center;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  margin-right:5px;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer > .tit a span {
  color: #fff;
  font-size: 15px;
  vertical-align: top;;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-bt-area button {
  background-color: #fff;
  width: 55px;
  height: 29px;
  line-height: 27px;
  border: 1px solid #a7a7a7;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-left: 3px;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-bt-area button:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-bt-area button span {
  font-weight: 500;
  color: #a7a7a7;
  font-size: 15px;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-bt-area button.active {
  background-color: #dfe0f6;
  border: 1px solid #dfe0f6;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-bt-area button.active span {
  color: #6162d4;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area {
  display: none;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area.active {
  display: block;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area .list-inner {
  border-bottom: 4px solid #9090d6;
  font-size: 0;
  margin-top: 17px;
  height: 845px;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area .list-inner dl {
  width: 281px;
  margin-left: 2px;
  display: inline-block;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area .list-inner dl:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area .list-inner dl dt {
  height: 36px;
  line-height: 36px;
  background-color: #9090d6;
  text-align: center;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area .list-inner dl dt span {
  font-size: 17px;
  font-weight: bold;
  color: #ffffff;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area .list-inner dl dd {
  height: 36px;
  line-height: 36px;
  padding-left: 16px;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area .list-inner dl dd span {
  font-size: 17px;
  color: #000000;
  letter-spacing: -0.5px;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area .list-inner dl dd span a {
  font-size: 17px;
  color: #000000;
  letter-spacing: -0.5px;
  cursor: default;
}

#wrap #contentArea #container #content .content .disclosure-status .chart-list-wrap .list-outer .list-tab-wrap .tab-con-area .list-inner dl dd span a:hover {

}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list {
  font-size: 0;
  margin-top: 60px;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li {
  width: 458px;
  display: inline-block;
  margin-left: 13px;
  vertical-align: top;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li a {
  display: inline-block;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 0px 8.2px 1.8px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 204px;
  text-align: center;
  padding-top: 102px;
  box-sizing: border-box;
  position: relative;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li a i {
  position: absolute;
  left: 0;
  top: 32px;
  width: 100%;
  text-align: center;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li a .tit {
  display: block;
  text-align: center;
  color: #6061d3;
  font-weight: bold;
  font-size: 27px;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li a .txt {
  display: block;
  margin-top: 8px;
  font-size: 17px;
  color: #000000;
  line-height: 20px;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li a:after {
  position: absolute;
  right: 16px;
  bottom: 13px;
  width: 24px;
  height: 23px;
  content: "";
  background: url("../images/common/dis_bt_arrow.png") no-repeat;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li a.list1:after {
  position: absolute;
  left: 50%;
  margin-left: -24px;
  top: 32px;
  width: 47px;
  height: 47px;
  content: "";
  background: url("../images/common/dis_bt_icon1.png") no-repeat;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li a.list2:after {
  position: absolute;
  left: 50%;
  margin-left: -24px;
  top: 32px;
  width: 47px;
  height: 47px;
  content: "";
  background: url("../images/common/dis_bt_icon2.png") no-repeat;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-bt-list ul li a.list3:after {
  position: absolute;
  left: 50%;
  margin-left: -24px;
  top: 32px;
  width: 50px;
  height: 52px;
  content: "";
  background: url("../images/common/dis_bt_icon3.png") no-repeat;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner {
  margin-top: 30px;
  position: relative;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slide1 {
  background: url("../images/common/disc_roll_bg1.png") no-repeat;
  background-size: 100% 100%;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slide2 {
  background: url("../images/common/disc_roll_bg2.png") no-repeat;
  background-size: 100% 100%;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slide3 {
  background: url("../images/common/disc_roll_bg3.png") no-repeat;
  background-size: 100% 100%;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider {
  position: relative;
  width: 100%;
  height: 107px;
  background-color: #fff;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  border-radius: 5px;
  overflow: hidden;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .slick-slide {
  height: 107px;
  position: relative;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .bg {
  position: absolute;
  left: 0;
  top: 0;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .bg img {
  display: block;
  width: 100%;
  height: 100%;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .txt {
  position: absolute;
  left: 210px;
  top: 0;
  height: 107px;
  line-height: 107px;
  font-weight: bold;
  color: #fff;
  font-size: 27px;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .txt span {
  color: #26ecd1;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .bt {
  position: absolute;
  right: 18px;
  top: 15px;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .bt a {
  display: inline-block;
  border-style: solid;
  padding: 0 13px;
  border-width: 1px;
  border-color: #8c7af8;
  border-radius: 10px;
  background-color: white;
  height: 30px;
  line-height: 28px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  color: #8c7af8;
  margin-left: 8px;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .bt a:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .slick-arrow {
  position: absolute;
  bottom: 17px;
  width: 9px;
  height: 18px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 1;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .slick-arrow.slick-prev {
  right: 97px;
  background: url("../images/common/disc_roll_prev.png") no-repeat;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner .slick-slider .slick-arrow.slick-next {
  right: 20px;
  background: url("../images/common/disc_roll_next.png") no-repeat;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner #slidePause {
  position: absolute;
  right: 57px;
  bottom: 17px;
  z-index: 10;
  width: 12px;
  height: 18px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/slide_stop.png") no-repeat;
}

#wrap #contentArea #container #content .content .disclosure-status .disc-roll-banner #slidePause.pause {
  background: url("../images/common/slide_play.png") no-repeat;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  width: 100%;
  height: 344px;
  padding-top: 22px;
  box-sizing: border-box;
  margin-top: 44px;
  position: relative;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list > .tit {
  font-weight: 500;
  font-size: 24px;
  color: #6061d3;
  padding-left: 53px;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box {
  font-size: 0;
  text-align: center;
  margin-top: 22px;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul {
  width: 646px;
  border-top: 1px solid #dadade;
  display: inline-block;
  margin-left: 22px;
  padding: 15px 0 0;
  box-sizing: border-box;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul:first-child {
  margin-left: 0;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a {
  display: block;
  padding-left: 29px;
  height: 46px;
  padding-right: 120px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a:before {
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -4px;
  width: 7px;
  height: 7px;
  content: "";
  background-color: #555555;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a:after {
  width: 100%;
  left: 0;
  top: 0;
  height: 46px;
  content: "";
  position: absolute;
  display: none;
  border-radius: 5px;
  background-color: #dbdeff;
  opacity: 0.302;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a .tit {
  font-size: 20px;
  color: #000000;
  font-weight: 100;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  line-height: 48px;
  text-align: left;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a .date {
  position: absolute;
  right: 12px;
  top: 0;
  font-size: 18px;
  font-weight: 100;
  color: #6a6b77;
  line-height: 48px;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a:hover:after, #wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a.active:after {
  display: block;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a:hover:before, #wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a.active:before {
  background-color: #6162d4;
  z-index: 1;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a:hover .tit, #wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a.active .tit {
  color: #6162d4;
  z-index: 1;
  font-weight: 400;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a:hover .date, #wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .list-box ul a.active .date {
  color: #505055;
  z-index: 1;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .more-bt {
  position: absolute;
  right: 36px;
  top: 27px;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .more-bt span {
  font-size: 18px;
  color: #6a6b77;
  padding-right: 17px;
  position: relative;
}

#wrap #contentArea #container #content .content .disclosure-status .recent-dis-list .more-bt span:after {
  position: absolute;
  right: 0;
  top: 7px;
  width: 7px;
  height: 13px;
  content: "";
  background: url("../images/common/more_bt_arrow.png") no-repeat;
}

.paging {
  text-align: center;
  font-size: 0;
  margin-top: 55px;
}

.paging > a {
  display: inline-block;
  font-size: 16px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: top;
  width: 42px;
  height: 42px;
  background-color: #e4e4e4;
  border: 1px solid #c5c5c5;
  box-sizing: border-box;
}

.paging > a.fir-bt {
  background-image: url("../images/common/paging_fir_bt.gif");
  background-size: 31px 31px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.paging > a.prv-bt {
  margin-left: 10px;
  background-image: url("../images/common/paging_prv_bt.gif");
  background-size: 31px 31px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.paging > a.nxt-bt {
  margin-right: 10px;
  background-image: url("../images/common/paging_nxt_bt.gif");
  background-size: 31px 31px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.paging > a.end-bt {
  background-image: url("../images/common/paging_end_bt.gif");
  background-size: 31px 31px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.paging ul {
  font-size: 0;
  display: inline-block;
  margin: 0 25px;
  vertical-align: top;
  position: relative;
}

.paging ul li {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.paging ul li:first-child {
  margin-left: 0;
}

.paging ul li a {
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
  color: #333;
  position: relative;
  width: 42px;
  height: 42px;
  border: 1px solid #c5c5c5;
  box-sizing: border-box;
}

.paging ul li a:hover, .paging ul li a.active {
  font-weight: 500;
  color: #fff;
  background-color: #6162d4;
  border: 1px solid #6162d4;
}

.bt-0 {
  border-top: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

#popup {
  position: relative;
  height: 100%;
  /*padding-bottom:94px;*/
  box-sizing: border-box;
  overflow: hidden;
  padding-top: 64px;
}

#popup .pop-head {
  height: 64px;
  line-height: 64px;
  background-color: #6162d4;
  padding-left: 28px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

#popup .pop-head h1 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

#popup .pop-cont {
  height: 100%;
}

#popup .pop-cont .item-all-view {
  padding: 25px 25px;
}

#popup .pop-cont .item-all-view .board {
  font-size: 0;
  border-bottom: 4px solid #9090d6;
}

#popup .pop-cont .item-all-view .board dl {
  display: inline-block;
  vertical-align: top;
}

#popup .pop-cont .item-all-view .board dl.list-1 {
  width: 15%;
}

#popup .pop-cont .item-all-view .board dl.list-2 {
  width: 22%;
}

#popup .pop-cont .item-all-view .board dl.list-3 {
  width: 22%;
}

#popup .pop-cont .item-all-view .board dl.list-4 {
  width: 22%;
}

#popup .pop-cont .item-all-view .board dl.list-5 {
  width: 19%;
}

#popup .pop-cont .item-all-view .board dl.list-6 {
  width: 25%;
}

#popup .pop-cont .item-all-view .board dl:first-child dt {
  border-left: 0;
}

#popup .pop-cont .item-all-view .board dl:first-child dd {
  border-left: 0;
}

#popup .pop-cont .item-all-view .board dl dt {
  height: 40px;
  line-height: 40px;
  background-color: #6162d4;
  text-align: center;
  border-left: 1px solid #fff;
}

#popup .pop-cont .item-all-view .board dl dt span {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
}

#popup .pop-cont .item-all-view .board dl dd {
  border-left: 1px solid #d7d7d7;
  overflow-y: auto;
  height: 650px;
}

#popup .pop-cont .item-all-view .board dl dd ul {
  padding-top: 21px;
  padding-bottom: 20px;
}

#popup .pop-cont .item-all-view .board dl dd ul li {
  padding-left: 20px;
  margin-top: 17px;
}

#popup .pop-cont .item-all-view .board dl dd ul li:first-child {
  margin-top: 0;
}

#popup .pop-cont .item-all-view .board dl dd ul li a {
  font-size: 15px;
  color: #505050;
  position: relative;
  display: inline-block;
  word-break: keep-all;
  line-height: 22px;
  cursor: pointer;
}

#popup .pop-cont .item-all-view .board dl dd ul li a:hover {
  color: #7071d3;
}

#popup .pop-cont .item-all-view .board dl dd ul li a:hover:before {
  background-color: #7071d3;
}

#popup .pop-cont .item-all-view .board dl dd ul li.indent {
  padding-left: 27px;
}

#popup .pop-cont .item-all-view .board dl dd ul li.indent a {
  padding-left: 10px;
}

#popup .pop-cont .item-all-view .board dl dd ul li.indent a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  background-color: #505050;
  content: "";
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#popup .pop-cont .item-all-view .btn-outer {
  position: relative;
  height: 90px;
  line-height: 90px;
  text-align: center;
  box-sizing: border-box;
}

#popup .pop-cont .item-all-view .btn-outer a {
  display: inline-block;
  width: 232px;
  text-align: center;
  height: 43px;
  line-height: 43px;
  color: #fff;
  border-radius: 10px;
  background-color: #6163d4;
}

#popup .pop-cont .stat-download-wrap {
  padding: 17px 15px 0;
}

#popup .pop-cont .stat-download-wrap .txt1 {
  font-size: 17px;
  color: #7071d3;
  font-weight: 500;
}

#popup .pop-cont .stat-download-wrap .txt2 {
  font-size: 13px;
  color: #505050;
  line-height: 17px;
  margin-top: 15px;
}

#popup .pop-cont .stat-download-wrap .txt2 span {
  font-weight: bold;
}

#popup .pop-cont .stat-download-wrap .download-list-area {
  background-color: #efeffa;
  padding-top: 28px;
  padding-bottom: 27px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 16px;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul {
  font-size: 0;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul li {
  display: inline-block;
  width: 33%;
  box-sizing: border-box;
  padding-left: 24px;
  margin-top: 25px;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul li:nth-child(3n+1) {
  width: 34%;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul li:first-child, #popup .pop-cont .stat-download-wrap .download-list-area ul li:nth-child(2), #popup .pop-cont .stat-download-wrap .download-list-area ul li:nth-child(3) {
  margin-top: 0;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul li .tit {
  font-size: 15px;
  color: #505050;
  font-weight: 500;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul li .bt {
  font-size: 0;
  margin-top: 6px;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul li .bt a {
  display: inline-block;
  width: 104px;
  height: 21px;
  border: 1px solid #6163d4;
  background-color: #fff;
  box-sizing: border-box;
  margin-left: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  line-height: 19px;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul li .bt a:first-child {
  margin-left: 0;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul li .bt a span {
  font-size: 13px;
  font-weight: 400;
  color: #6162cf;
  position: relative;
  padding-right: 13px;
}

#popup .pop-cont .stat-download-wrap .download-list-area ul li .bt a span:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 11px;
  content: "";
  background: url("../images/common/down_load_icon3.gif") no-repeat;
}

#popup .pop-cont .detail-wrap {
  height: 100%;
  padding-top: 130px;
  box-sizing: border-box;
}

#popup .pop-cont .detail-wrap .title-outer {
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

#popup .pop-cont .detail-wrap .title-outer .title-inner {
  height: 130px;
  position: relative;
}

#popup .pop-cont .detail-wrap .title-outer .title-inner .logo {
  height: 130px;
  line-height: 130px;
  vertical-align: middle;
  width: 270px;
  text-align: center;
}

#popup .pop-cont .detail-wrap .title-outer .title-inner .logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 240px;
  max-height: 100px;
}

#popup .pop-cont .detail-wrap .title-outer .title-inner .text-area {
  position: absolute;
  right: 0;
  top: 56px;
  width: 400px;
  text-align: center;
}

#popup .pop-cont .detail-wrap .title-outer .title-inner .text-area .title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

#popup .pop-cont .detail-wrap .title-outer .title-inner .text-area .term {
  font-size: 0;
  margin-top: 11px;
}

#popup .pop-cont .detail-wrap .title-outer .title-inner .text-area .term .tit {
  font-weight: bold;
  color: #505050;
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
}

#popup .pop-cont .detail-wrap .title-outer .title-inner .text-area .term .date {
  font-size: 15px;
  color: #505050;
  margin-left: 29px;
  display: inline-block;
  vertical-align: top;
  margin-right: 60px;
}

#popup .pop-cont .detail-wrap .title-outer .title-inner .text-area.recruit {
  right: auto;
  top: 40px;
  left: 300px;
  width: 540px;
  text-align: left;
}

#popup .pop-cont .detail-wrap .content-outer {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 90px;
}

#popup .pop-cont .detail-wrap .content-outer ul.detail-list {
  overflow-y: scroll;
  height: 100%;
}

#popup .pop-cont .detail-wrap .content-outer ul.detail-list li {
  padding: 21px 20px 20px;
  border-top: 1px solid #cccccc;
}

#popup .pop-cont .detail-wrap .content-outer ul.detail-list li:first-child {
  border-top: 0;
}

#popup .pop-cont .detail-wrap .content-outer ul.detail-list li .tit {
  font-size: 17px;
  color: #333;
  font-weight: 500;
  position: relative;
  padding-left: 13px;
}

#popup .pop-cont .detail-wrap .content-outer ul.detail-list li .tit:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  content: "";
  background-color: #6162d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#popup .pop-cont .detail-wrap .content-outer ul.detail-list li .txt {
  font-size: 15px;
  color: #505050;
  line-height: 20px;
  margin-top: 11px;
}

#popup .pop-cont .detail-wrap .content-outer ul.detail-list li .bt {
  margin-top: 12px;
}

#popup .pop-cont .detail-wrap .content-outer ul.detail-list li .bt a {
  display: inline-block;
  height: 27px;
  color: #fff;
  line-height: 27px;
  padding-left: 20px;
  padding-right: 70px;
  font-weight: 100;
  border-radius: 10px;
  background: url("../images/common/add_file_icon2.png") 100% 50% no-repeat #9090d6;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer {
  overflow-y: scroll;
  height: 100%;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 {
  font-size: 0;
  padding: 23px 35px;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1.bt {
  border-top: 1px solid #cccccc;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  height: 36px;
  vertical-align: top;
  position: relative;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li.row-2 > div {
  float: none;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li.row-2 p {
  display: block;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li.col-2 {
  width: 100%;
  height: auto;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li.col-2 > div {
  display: block;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li.col-2 p {
  height: auto;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li > div {
  display: table;
  float: left;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li > div span {
  display: table-cell;
  vertical-align: middle;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li span {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  height: 36px;
  line-height: 36px;
  font-weight: 500;
  color: #505050;
  font-size: 17px;
  padding-left: 21px;
  position: relative;
  width: 140px;
  box-sizing: border-box;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #6163d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li p {
  height: 36px;
  vertical-align: middle;
  display: table;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list1 li p em {
  vertical-align: middle;
  color: #000;
  font-size: 15px;
  display: table-cell;
  line-height: 20px;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 {
  /*font-size: 0;*/
  position: relative;
}


#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 table {
  border: 1px solid #cccccc;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 table th {
  border-left: 1px solid #cccccc;
  background-color: #f2f2f2;
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  color: #333;
  font-size: 15px;
  height: 38px;
  border-top: 1px solid #cccccc;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 table th:first-child {
  border-left: 0;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 table td {
  border-left: 1px solid #cccccc;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  color: #505050;
  height: 38px;
  line-height: 20px;
  border-top: 1px solid #cccccc;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 table td:first-child {
  border-left: 0;
}



#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #cccccc;
  vertical-align: top;
  position: relative;
  padding: 28px 35px;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .tit span {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  font-weight: 500;
  color: #505050;
  font-size: 17px;
  padding-left: 21px;
  position: relative;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .tit span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #6163d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .con {
  margin-top: 20px;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .con .terms-list {
  line-height: 24px;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .con .terms-list p {
  font-size: 15px;
  color: #000000;
  text-indent: -13px;
  margin-left: 13px;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .con .bt-list p {
  margin-top: 5px;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .con .bt-list p:first-child {
  margin-top: 0;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .con .bt-list p a {
  display: inline-block;
  background: #6162d4;
  color: #fff;
  font-size: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-width: 190px;
  height: 27px;
  line-height: 27px;
  padding: 0 40px 0 18px;
  box-sizing: border-box;
  position: relative;
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .con .bt-list p a:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  background: url("../images/common/add_file_icon2.png") no-repeat;
  width: 28px;
  height: 13px;
  content: "";
}

#popup .pop-cont .detail-wrap .content-outer .recruit-info-outer .recruit-info-inner .list2 li .con .url-link a {
  display: inline-block;
  border: 1px solid #6162d4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 27px;
  line-height: 25px;
  min-width: 220px;
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 15px;
  color: #505050;
}

#popup .pop-cont .detail-wrap .content-outer .btn-outer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
  line-height: 90px;
  text-align: center;
  box-sizing: border-box;
  border-top: 1px solid #cccccc;
}

#popup .pop-cont .detail-wrap .content-outer .btn-outer a {
  display: inline-block;
  width: 232px;
  text-align: center;
  height: 43px;
  line-height: 43px;
  color: #fff;
  border-radius: 10px;
  background-color: #6163d4;
}

#popup .pop-cont .orga-img-wrap {
  text-align: center;
  display: table;
  width: 100%;
  vertical-align: middle;
  height: 542px;
  box-sizing: border-box;
  padding: 25px 45px;
  border-bottom: 1px solid #ccc;
}

#popup .pop-cont .orga-img-wrap .orga-img-area {
  vertical-align: middle;
  display: table-cell;
}

#popup .pop-cont .orga-img-wrap .orga-img-area img {
  display: inline-block;
  max-width: 100%;
  max-height: 492px;
}

#popup .pop-cont .rel-info-wrap .rel-info-area {
  padding: 30px 20px 0;
}

#popup .pop-cont .rel-info-wrap .rel-info-area .site-list {
  font-size: 0;
  border-bottom: 1px solid #ccc;
}

#popup .pop-cont .rel-info-wrap .rel-info-area .site-list li {
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
  height: 66px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #ccc;
  vertical-align: top;
  padding-left: 12px;
  position: relative;
}

#popup .pop-cont .rel-info-wrap .rel-info-area .site-list li:nth-child(1), #popup .pop-cont .rel-info-wrap .rel-info-area .site-list li:nth-child(5) {
  border-left: 0;
}

#popup .pop-cont .rel-info-wrap .rel-info-area .site-list li span {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  height: 66px;
  line-height: 66px;
  font-weight: 500;
  color: #505050;
  font-size: 16px;
  padding-left: 20px;
  position: relative;
}

#popup .pop-cont .rel-info-wrap .rel-info-area .site-list li span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #6163d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#popup .pop-cont .rel-info-wrap .rel-info-area .site-list li a {
  display: inline-block;
  position: absolute;
  width: 85px;
  right: 14px;
  top: 50%;
  margin-top: -14px;
  font-size: 15px;
  color: #737373;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #7c7c7c;
}

#popup .pop-cont .info-list-outer {
  padding: 25px 20px 0;
  overflow-y: scroll;
  height: 100%;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer {
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  padding: 0 25px 16px;
  position: relative;
  overflow: hidden;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 9px;
  content: "";
  background-color: #6162d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner {
  font-size: 0;
  padding-top: 43px;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  box-sizing: border-box;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box:first-child {
  width: 34%;
  padding-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box .checkbox {
  position: relative;
  display: inline-block;
  height: 16px;
  vertical-align: top;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #000000;
  line-height: 16px;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box dl dt {
  padding-left: 10px;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box dl dd {
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
  height: 200px;
  padding: 15px 0 15px 10px;
  box-sizing: border-box;
  margin-top: 15px;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box dl dd ul {
  height: 100%;
  overflow-y: auto;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box dl dd ul li {
  margin-top: 16px;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .select-inner .select-box dl dd ul li:first-child {
  margin-top: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .srch-bt {
  text-align: right;
  margin-top: 14px;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .srch-bt a {
  display: inline-block;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 22px;
  height: 34px;
  line-height: 34px;
  font-weight: 500;
  background-color: #6264d0;
}

#popup .pop-cont .info-list-outer .info-list-inner .select-outer .noti {
  position: absolute;
  left: 25px;
  bottom: 24px;
  color: #d5355f;
  font-size: 15px;
  font-weight: 100;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap {
  box-sizing: border-box;
  padding-left: 50%;
  position: relative;
  margin-top: 90px;
  margin-bottom: 35px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide {
  padding-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer {
  width: 100%;
  padding-right: 0;
  position: relative;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer {
  position: relative;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .count-area {
  font-size: 0;
  position: absolute;
  left: 0;
  top: -32px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .count-area span {
  font-size: 17px;
  color: #505050;
  position: relative;
  padding-left: 15px;
  margin-left: 9px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .count-area span em {
  color: #6162d4;
  font-weight: bold;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .count-area span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .count-area span:first-child:before {
  display: none;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .count-area span:before {
  position: absolute;
  left: 0;
  top: 4px;
  content: "/";
  font-weight: 400;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .srch-area {
  position: absolute;
  right: 0;
  top: -45px;
  font-size: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .srch-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .srch-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .srch-area .select select {
  border: 1px solid #6162d4;
  height: 36px;
  min-width: 240px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner {
  border-bottom: 4px solid #6162d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-head ul {
  font-size: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-head ul li {
  display: inline-block;
  background-color: #6162d4;
  height: 40px;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
  border-left: 1px solid #fff;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-head ul li:first-child {
  width: 20% !important;
  border-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-head ul li:nth-child(2) {
  width: 16% !important;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-head ul li:nth-child(3) {
  width: 16% !important;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-head ul li:nth-child(4) {
  width: 10% !important;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-head ul li:nth-child(5) {
  width: 18% !important;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-head ul li:nth-child(6) {
  width: 20% !important;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-head ul li span {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content {
  max-height: 770px;
  overflow-y: scroll;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul {
  max-height: 770px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li {
  font-size: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li:nth-child(odd) {
  background-color: #f2f2f2;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #d7d7d7;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span:first-child {
  width: 20% !important;
  border-left: 0;
  text-align: left;
  padding-left: 30px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span:nth-child(2) {
  width: 16% !important;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span:nth-child(3) {
  width: 16% !important;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span:nth-child(4) {
  width: 10% !important;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span:nth-child(5) {
  width: 18% !important;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span em {
  font-size: 15px;
  color: #000000;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span a {
  display: inline-block;
  font-size: 15px;
  height: 29px;
  line-height: 27px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  vertical-align: middle;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span a.report-bt {
  border: 1px solid #737373;
  width: 103px;
  background-color: #fff;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li span a.down-bt {
  background: url("../images/common/down_load_icon1.png") 50% 50% no-repeat #dfe0f6;
  text-indent: -9999px;
  width: 44px;
  margin-left: 7px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li .select-wrap {
  display: inline-block;
  width: 20% !important;
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #d7d7d7;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li .select-wrap .select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: #fff;
  height: 29px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li .select-wrap .select:after {
  position: absolute;
  right: 0;
  top: 25%;
  width: 25px;
  height: 25px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.jpg") 111% no-repeat;
  content: "";
  z-index: 99;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li .select-wrap .select select {
  border: 1px solid #6162d4;
  height: 29px;
  width: 150px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
  vertical-align: top;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li .select-wrap .select select option{
	white-space:?nowrap;
	overflow:?hidden;
	text-overflow:?ellipsis;
	display:block
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap.wide .cont-left-outer .orga-list .list-outer .table-inner .t-content ul li .select-wrap .down-bt {
  background: url("../images/common/down_load_icon1.png") 50% 50% no-repeat #dfe0f6;
  text-indent: -9999px;
  width: 44px;
  margin-left: 7px;
  display: inline-block;
  font-size: 15px;
  height: 29px;
  line-height: 27px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  vertical-align: middle;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  padding-right: 10px;
  box-sizing: border-box;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner {
  width: 100%;
  height: 100%;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer {
  position: relative;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .count-area {
  font-size: 0;
  position: absolute;
  left: 0;
  top: -25px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .count-area span {
  font-size: 15px;
  color: #505050;
  position: relative;
  padding-left: 12px;
  margin-left: 6px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .count-area span em {
  color: #6162d4;
  font-weight: bold;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .count-area span:first-child {
  padding-left: 0;
  margin-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .count-area span:first-child:before {
  display: none;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .count-area span:before {
  position: absolute;
  left: 0;
  top: 4px;
  content: "/";
  font-weight: 400;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .srch-area {
  position: absolute;
  right: 0;
  top: -45px;
  font-size: 0;
}
#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .srch-area .ag-name{
  font-size: 14px;
  line-height: 36px;display:inline-block;
  vertical-align: top;
  margin-right: 10px; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
  color: #6162d4;
  max-width:220px;}
#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .srch-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .srch-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .srch-area .select .custom-input-select {
  width: 250px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .srch-area .select select {
  border: 1px solid #6162d4;
  height: 36px;
  min-width: 240px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .srch-area .select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .srch-area > button {
  height: 36px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  background-color: #dfe0f6;
  vertical-align: top;
  margin-left: 7px;
  display: inline-block;
  padding: 0 26px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .srch-area > button span {
  font-size: 15px;
  color: #6162d4;
  font-weight: 500;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner {
  border-bottom: 4px solid #6162d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-head {
  padding-right: 17px;
  background-color: #6162d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-head ul {
  font-size: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-head ul li {
  display: inline-block;
  background-color: #6162d4;
  height: 40px;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
  border-left: 1px solid #fff;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-head ul li:first-child {
  width: 34%;
  border-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-head ul li:nth-child(2) {
  width: 33%;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-head ul li:nth-child(3) {
  width: 33%;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-head ul li span {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content {
  max-height: 770px;
  overflow-y: scroll;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul {
  max-height: 770px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul li:nth-child(odd) button {
  background-color: #f2f2f2;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul li button {
  font-size: 0;
  width: 100%;
  height: 40px;
  background-color: #fff;
  padding: 0 0;
  vertical-align: top;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul li button:focus {
  position: relative;
  z-index: 1;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul li button span {
  display: table;
  float: left;
  height: 40px;
  border-left: 1px solid #d7d7d7;
  box-sizing: border-box;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul li button span:first-child {
  width: 34%;
  border-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul li button span:nth-child(2) {
  width: 33%;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul li button span:nth-child(3) {
  width: 33%;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul li button span em {
  font-size: 15px;
  color: #000000;
  display: table-cell;
  vertical-align: middle;
  line-height: 18px;
  word-break: break-all;
}
#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-left-outer .cont-left-inner .orga-list .list-outer .table-inner .t-content ul li.fw-b button span em{font-weight:600;}
#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer {
  min-height: 810px;
  width: 100%;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner {
  padding-left: 10px;
  box-sizing: border-box;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap {
  border-top: 1px solid #cccccc;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap .title-outer {
  border-bottom: 1px solid #cccccc;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap .title-outer .title-inner {
  height: 130px;
  position: relative;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap .title-outer .title-inner .logo {
  height: 130px;
  line-height: 130px;
  vertical-align: middle;
  width: 210px;
  text-align: center;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap .title-outer .title-inner .logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 180px;
  max-height: 100px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap .title-outer .title-inner .text-area {
  position: absolute;
  right: 0;
  top: 46px;
  width: 400px;
  text-align: center;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap .title-outer .title-inner .text-area .title {
  font-size: 17px;
  font-weight: bold;
  color: #505050;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap .title-outer .title-inner .text-area .term {
  font-size: 0;
  margin-top: 11px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap .title-outer .title-inner .text-area .term .tit {
  font-weight: bold;
  color: #505050;
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap .title-outer .title-inner .text-area .term .date {
  font-size: 15px;
  color: #505050;
  margin-left: 29px;
  display: inline-block;
  vertical-align: top;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap dl {
  margin-top: 30px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap dl dt {
  font-size: 17px;
  color: #505050;
  font-weight: bold;
  position: relative;
  padding-left: 13px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap dl dt:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  content: "";
  background-color: #6162d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap dl dd {
  margin-top: 18px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap dl dd .board table {
  border: 1px solid #cccccc;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap dl dd .board table th {
  border-left: 1px solid #cccccc;
  background-color: #f2f2f2;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  color: #505050;
  font-size: 15px;
  height: 38px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap dl dd .board table th:first-child {
  border-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap dl dd .board table td {
  border-left: 1px solid #cccccc;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  color: #505050;
  height: 38px;
  line-height: 20px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .retire-recruit-wrap dl dd .board table td:first-child {
  border-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list {
  padding-top: 39px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer {
  position: relative;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .title {
  position: absolute;
  left: 0;
  top: -30px;
  font-size: 18px;
  color: #505050;
  font-weight: bold;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .srch-area {
  position: absolute;
  right: 0;
  top: -45px;
  font-size: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .srch-area .select {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .srch-area .select:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/select_arrow.png") no-repeat;
  content: "";
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .srch-area .select select {
  border: 1px solid #6162d4;
  height: 36px;
  width: 90px;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 1;
  position: relative;
  background: transparent;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .srch-area .input {
  width: 282px;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 42px;
  margin-left: 10px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .srch-area .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .srch-area .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
}

/* 23.06.28 게시판형 수시공시 기관별 공시 카운트 추가 */
#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .count-area {
  margin-bottom: 3px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .count-area span {
  font-size: 15px;
  color: #505050;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .count-area span em {
  color: #6162d4;
  font-weight: bold;
}
/* //23.06.28 게시판형 수시공시 기관별 공시 카운트 추가 */

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner ul {
  border-top: 2px solid #6162d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner ul li {
  border-bottom: 1px solid #cccccc;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner ul li.empty {
  text-align: center;
  padding: 150px 0 250px;
  border-bottom: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner ul li a {
  display: block;
  height: 41px;
  line-height: 41px;
  position: relative;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 115px;
  padding-top: 1px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner ul li a:after {
  position: absolute;
  width: 12px;
  height: 13px;
  right: 0;
  top: 50%;
  margin-top: -6px;
  content: "";
  background: url("../images/common/lisr_arrow_type.png") no-repeat;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner ul li a:hover .tit {
  color: #6163d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner ul li a .tit {
  font-size: 15px;
  font-weight: 400;
  color: #505050;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner ul li a .date {
  position: absolute;
  right: 26px;
  top: 1px;
  height: 40px;
  font-size: 15px;
  color: #505050;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul {
  border-top: 2px solid #6162d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li {
  border-bottom: 1px solid #cccccc;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 10px 230px 10px 12px;
  height: 68px;
  display: table;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a:after {
  position: absolute;
  width: 12px;
  height: 13px;
  right: 0;
  top: 50%;
  margin-top: -6px;
  content: "";
  background: url("../images/common/lisr_arrow_type.png") no-repeat;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a:hover .tit-outer .tit {
  color: #6163d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a .tit-outer {
  vertical-align: middle;
  display: table-cell;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a .tit-outer .tit {
  font-size: 15px;
  font-weight: 400;
  color: #505050;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 24px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a .date {
  position: absolute;
  right: 34px;
  top: 50%;
  margin-top: -20px;
  height: 40px;
  font-size: 15px;
  color: #505050;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a .date p {
  margin-top: 9px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a .date p:first-child {
  margin-top: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a .date p span {
  width: 80px;
  display: inline-block;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner2 ul li a .date p em {
  display: inline-block;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul {
  border-top: 2px solid #6162d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li {
  border-bottom: 1px solid #cccccc;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 23px 230px 23px 12px;
  display: block;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a:after {
  position: absolute;
  width: 12px;
  height: 13px;
  right: 0;
  top: 50%;
  margin-top: -6px;
  content: "";
  background: url("../images/common/lisr_arrow_type.png") no-repeat;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a:hover .tit-outer .tit {
  color: #6163d4;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .tit {
  font-size: 15px;
  font-weight: 400;
  color: #505050;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 24px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .info {
  position: relative;
  font-size: 15px;
  color: #505050;
  margin-top: 20px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .info p {
  margin-top: 9px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .info p:first-child {
  margin-top: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .info p span {
  width: 62px;
  display: inline-block;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .info p em {
  display: inline-block;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .date {
  position: absolute;
  right: 34px;
  top: 50%;
  font-size: 15px;
  color: #505050;
  transform: translate(0, -50%);
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .date p {
  margin-top: 9px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .date p:first-child {
  margin-top: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .date p:nth-child(2) {
  /*margin-top: 38px;*/
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .date p span {
  width: 62px;
  display: inline-block;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .list-outer .list-inner3 ul li a .date p em {
  width: 150px;
  text-align: right;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging {
  text-align: center;
  font-size: 0;
  margin-top: 27px;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging > a {
  display: inline-block;
  font-size: 16px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: top;
  width: 32px;
  height: 32px;
  background-color: #e4e4e4;
  border: 1px solid #c5c5c5;
  box-sizing: border-box;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging > a.fir-bt {
  background-image: url("../images/common/paging_fir_bt.gif");
  background-size: 28px 28px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging > a.prv-bt {
  margin-left: 7px;
  background-image: url("../images/common/paging_prv_bt.gif");
  background-size: 28px 28px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging > a.nxt-bt {
  margin-right: 7px;
  background-image: url("../images/common/paging_nxt_bt.gif");
  background-size: 28px 28px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging > a.end-bt {
  background-image: url("../images/common/paging_end_bt.gif");
  background-size: 28px 28px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging ul {
  font-size: 0;
  display: inline-block;
  margin: 0 18px;
  vertical-align: top;
  position: relative;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging ul li {
  display: inline-block;
  margin-left: 7px;
  vertical-align: top;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging ul li:first-child {
  margin-left: 0;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging ul li a {
  font-size: 15px;
  display: inline-block;
  line-height: 30px;
  color: #000;
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px solid #c5c5c5;
  box-sizing: border-box;
}

#popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging ul li a:hover, #popup .pop-cont .info-list-outer .info-list-inner .cont-list-wrap .cont-right-outer .cont-right-inner .board-list .paging ul li a.active {
  font-weight: 500;
  color: #fff;
  background-color: #6162d4;
  border: 1px solid #6162d4;
}

#popup .pop-foot {
  padding: 25px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

#popup .pop-foot .close-bt {
  text-align: center;
}

#popup .pop-foot .close-bt a {
  display: inline-block;
  width: 232px;
  height: 43px;
  line-height: 43px;
  color: #fff;
  font-size: 15px;
  background-color: #6163d4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
  max-height: 100% !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
  height: 100% !important;
}

#nprogress {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}

body.main #nprogress {
  background: transparent;
}

body.main #nprogress .spinner {
  display: none;
}

body.statistics #nprogress .cancel-bt {
  display: block;
}

#nprogress .cancel-bt {
  position: absolute;
  width: 90px;
  background: #fff;
  padding: 0 17px;
  border-radius: 10px;
  height: 30px;
  line-height: 30px;
  color: #000;
  left: 50%;
  margin-left: -45px;
  top: 58%;
  display: none;
}

#nprogress .bar {
  display: none;
}

#nprogress .spinner {
  display: block;
}

#nprogress .spinner-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#loadingBar {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}

body.main #loadingBar {
  background: transparent;
}

body.main #loadingBar .spinner {
  display: none;
}

body.statistics #loadingBar .cancel-bt {
  display: block;
}

#loadingBar .cancel-bt {
  position: absolute;
  width: 90px;
  background: #fff;
  padding: 0 17px;
  border-radius: 10px;
  height: 30px;
  line-height: 30px;
  color: #000;
  left: 50%;
  margin-left: -45px;
  top: 58%;
  display: none;
}

#loadingBar .bar {
  display: none;
}

#loadingBar .spinner {
  display: block;
}

#loadingBar .spinner-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}

.select2-container .select2-results__option {
  font-size: 15px !important;
}

.custom-input-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 15px !important;
}

.layer-popup-outer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
}

.layer-popup-outer.active {
  display: block;
}

.layer-popup-outer .orga-tree-popup {
  display: none;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.layer-popup-outer .orga-tree-popup.active {
  display: block;
}

.layer-popup-outer .detail-srch-popup {
  display: none;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.layer-popup-outer .detail-srch-popup.active {
  display: block;
}

.layer-popup-outer .rel-info-popup {
  display: none;
  height: 100%;
}

.layer-popup-outer .rel-info-popup.active {
  display: block;
}

.layer-popup-outer .transition-popup {
  display: none;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.layer-popup-outer .transition-popup.active {
  display: block;
}

.layer-popup-outer .outer {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: table;
}

.layer-popup-outer .outer .inner {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.layer-popup-outer .outer .inner .layer-content {
  width: 100%;
  height: auto;
  background: #fff;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  padding-bottom: 97px;
  box-sizing: border-box;
}

.layer-popup-outer .outer .inner .layer-content.orga-tree {
  width: 924px;
}

.layer-popup-outer .outer .inner .layer-content.detail-srch {
  width: 980px;
  padding-bottom: 28px;
}

.layer-popup-outer .outer .inner .layer-content.transition {
  width: 800px;
  padding-bottom: 0;
}

.layer-popup-outer .outer .inner .layer-content.transition .pop-cont .info-area {
  height: 88px;
  box-shadow: 0px 6px 14.25px 0.75px rgba(157, 157, 157, 0.2);
  position: relative;
  padding-left: 30px;
  padding-top: 26px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.layer-popup-outer .outer .inner .layer-content.transition .pop-cont .info-area p {
  text-align: left;
  font-size: 15px;
  color: #505050;
  margin-top: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width:80%;
}

.layer-popup-outer .outer .inner .layer-content.transition .pop-cont .info-area p:first-child {
  margin-top: 0;
}

.layer-popup-outer .outer .inner .layer-content.transition .pop-cont .info-area p span {
  font-weight: bold;
  width: 62px;
  display: inline-block;
}

.layer-popup-outer .outer .inner .layer-content.transition .pop-cont .info-area .tin {
  position: absolute;
  right: 23px;
  bottom: 25px;
  color: #505050;
  font-size: 15px;
}

.layer-popup-outer .outer .inner .layer-content.transition .pop-cont .chart-outer {
  position: relative;
  padding: 0 90px;
}

.layer-popup-outer .outer .inner .layer-content.transition .pop-cont .chart-outer .prv-bt {
  position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  width: 58px;
  height: 58px;
  left: 11px;
  top: 50%;
  margin-top: -29px;
  background: url("../images/common/roll_prv_bt.png") 50% 50% no-repeat #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0px 0px 14.25px 0.75px rgba(157, 157, 157, 0.29);
  overflow: hidden;
}

.layer-popup-outer .outer .inner .layer-content.transition .pop-cont .chart-outer .chart-inner {
  height: auto;
}

.layer-popup-outer .outer .inner .layer-content.transition .pop-cont .chart-outer .nxt-bt {
  position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  width: 58px;
  height: 58px;
  right: 11px;
  top: 50%;
  margin-top: -29px;
  background: url("../images/common/roll_nxt_bt.png") 50% 50% no-repeat #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0px 0px 14.25px 0.75px rgba(157, 157, 157, 0.29);
  overflow: hidden;
}

.layer-popup-outer .outer .inner .layer-content .pop-head {
  height: 64px;
  line-height: 64px;
  background-color: #6162d4;
  padding-left: 28px;
  text-align: left;
  position: relative;
}

.layer-popup-outer .outer .inner .layer-content .pop-head p {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.layer-popup-outer .outer .inner .layer-content .pop-head .popup-close-bt {
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -15px;
  text-indent: -9999px;
  overflow: hidden;
  width: 29px;
  height: 29px;
  background: url("../images/common/pop_close_bt.png") no-repeat;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont {
  height: 100%;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer {
  text-align: left;
  padding-left: 27px;
  padding-top: 29px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .input-area .input {
  width: 930px;
  height: 42px;
  padding-right: 130px;
  border: 2px solid #6162d4;
  overflow: hidden;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  box-sizing: border-box;
  position: relative;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .input-area .input input {
  display: block;
  height: 38px;
  width: 100%;
  padding-left: 30px;
  box-sizing: border-box;
  font-weight: 500;
  color: #505050;
  font-size: 17px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .input-area .input button {
  position: absolute;
  right: 0;
  top: 0;
  height: 38px;
  width: 123px;
  background-color: #6162d4;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .input-area .input button span {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area {
  margin-top: 32px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li {
  position: relative;
  padding-left: 100px;
  margin-top: 12px;
  height: 36px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled > span {
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
  line-height: 36px;
  font-size: 17px;
  font-weight: 500;
  color: #cbcbcb;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox {
  position: relative;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  margin-left: 26px;
  top: -2px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox:first-child {
  margin-left: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 17px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #cbcbcb;
  line-height: 16px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #d0d0f2;
  box-sizing: border-box;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .checkbox-area .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #d0d0f2;
  border: 2px solid #d0d0f2;
  box-sizing: border-box;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio {
  position: relative;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  margin-left: 26px;
  top: -2px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio:first-child {
  margin-left: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio input[type="radio"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #cbcbcb;
  line-height: 16px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #d0d0f2;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li.disabled .radio-area .radio input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #d0d0f2;
  border: 1px solid #d0d0f2;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li:first-child {
  margin-top: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li > span {
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
  line-height: 36px;
  font-size: 17px;
  font-weight: 500;
  color: #505050;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .input {
  width: 282px;
  height: 36px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  padding-left: 14px;
  padding-right: 14px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .input input {
  height: 32px;
  width: 100%;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .input button {
  width: 47px;
  height: 32px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
  background-size: 47px 32px;
  display: none;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox {
  position: relative;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  margin-left: 26px;
  top: -2px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox:first-child {
  margin-left: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 17px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #000000;
  line-height: 16px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .checkbox-area .checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 2px solid #8b8de9;
  box-sizing: border-box;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio {
  position: relative;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  margin-left: 26px;
  top: -2px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio:first-child {
  margin-left: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio input[type="radio"] + label {
  display: inline-block;
  position: relative;
  left: 0;
  height: 16px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 27px;
  color: #000000;
  line-height: 16px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .srch-box-outer .srch-box-inner .sort-list-area ul li .radio-area .radio input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #8b8de9;
  border: 1px solid #8b8de9;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .orga-img-wrap {
  text-align: center;
  display: table;
  width: 100%;
  vertical-align: middle;
  height: 542px;
  box-sizing: border-box;
  padding: 25px 45px;
  border-bottom: 1px solid #ccc;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .orga-img-wrap .orga-img-area {
  vertical-align: middle;
  overflow-y:scroll;
  height: 492px;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .orga-img-wrap .orga-img-area img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  width: 100% !important;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .rel-info-wrap .rel-info-area {
  padding: 30px 20px 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .rel-info-wrap .rel-info-area .site-list {
  font-size: 0;
  border-bottom: 1px solid #ccc;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .rel-info-wrap .rel-info-area .site-list li {
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
  height: 66px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #ccc;
  vertical-align: top;
  padding-left: 12px;
  position: relative;
  text-align: left;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .rel-info-wrap .rel-info-area .site-list li:nth-child(1), .layer-popup-outer .outer .inner .layer-content .pop-cont .rel-info-wrap .rel-info-area .site-list li:nth-child(5) {
  border-left: 0;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .rel-info-wrap .rel-info-area .site-list li span {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  height: 66px;
  line-height: 66px;
  font-weight: 500;
  color: #333;
  font-size: 16px;
  padding-left: 20px;
  position: relative;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .rel-info-wrap .rel-info-area .site-list li span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #6163d4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.layer-popup-outer .outer .inner .layer-content .pop-cont .rel-info-wrap .rel-info-area .site-list li a {
  display: inline-block;
  position: absolute;
  width: 85px;
  right: 14px;
  top: 50%;
  margin-top: -14px;
  font-size: 15px;
  color: #737373;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #7c7c7c;
}

.layer-popup-outer .outer .inner .layer-content .pop-foot {
  padding: 25px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.layer-popup-outer .outer .inner .layer-content .pop-foot .close-bt {
  text-align: center;
}

.layer-popup-outer .outer .inner .layer-content .pop-foot .close-bt a {
  display: inline-block;
  width: 232px;
  height: 43px;
  line-height: 43px;
  color: #fff;
  font-size: 15px;
  background-color: #6163d4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.layer-popup-outer .layer-dimmed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: "";
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.report_popup {
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100px;
  box-sizing: border-box;
  padding-top: 133px;
}

#p_header_wrap {
  width: 100%;
  height: 132px;
  border-bottom: 1px solid #3376cb;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

#p_header_wrap .hl_area {
  position: absolute;
  width: 238px;
  top: 0;
  left: 0;
}

#p_header_wrap .hl_area .org_name {
  border-top: 1px solid #d9d9d9;
}

#p_header_wrap .hl_area .org_name .logo {
  width: 120px;
  text-align: center;
  height: 66px;
  float: left;
  line-height: 66px;
  display: inline-block;
  padding-left: 10px;
  box-sizing: border-box;
}

#p_header_wrap .hl_area .org_name .logo img {
  max-width: 100px;
  max-height: 66px;
  vertical-align: middle;
}

#p_header_wrap .hl_area .org_name .logo-txt {
  display: inline-block;
  float: left;
  width: 118px;
  line-height: 66px;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}

#p_header_wrap .hl_area .org_name .logo-txt span {
  font-size: 14px;
  color: #333;
  line-height: 18px;
  word-break: break-all;
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}

#p_header_wrap .hl_area h1 {
  width: 237px;
  height: 65px;
  background: url("../images/common/report_logo.gif") no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  overflow: hidden;
}

#p_header_wrap .hr_area {
  margin-left: 237px;
  overflow: hidden;
  position: relative;
  height: 132px;
  border-left: 1px solid #d9d9d9;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 25px;
  box-sizing: border-box;
}

#p_header_wrap .hr_area dl.info01 {
  position: relative;
  width: 100%;
  height: 41px;
  padding-left: 112px;
  box-sizing: border-box;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

#p_header_wrap .hr_area dl.info01 dt {
  position: absolute;
  background: #f4f4f4;
  color: #505050;
  font-size: 15px;
  height: 39px;
  line-height: 39px;
  font-weight: 600;
  width: 112px;
  text-align: center;
  left: 0;
  top: 0;
  box-sizing: border-box;
}

#p_header_wrap .hr_area dl.info01 dt img {
  vertical-align: bottom;
}

#p_header_wrap .hr_area dl.info01 dd {
  border-left: 1px solid #d9d9d9;
  height: 39px;
  line-height: 39px;
  padding-left: 30px;
  font-size: 0;
}

#p_header_wrap .hr_area dl.info01 dd span {
  display: inline-block;
  font-weight: bold;
  color: #505050;
  font-size: 15px;
  width: 410px;
  vertical-align: middle;
}

#p_header_wrap .hr_area dl.info01 dd a {
  margin-left: 14px;
  display: inline-block;
  vertical-align: middle;
  height: 29px;
  line-height: 29px;
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 15px;
  color: #6164d4;
  font-weight: 500;
  background-color: #e0e1f7;
}

#p_header_wrap .hr_area dl.info01 dd a:hover {
  font-size: 15px;
  color: #6164d4;
  font-weight: 500;
  background-color: #e0e1f7;
}

#p_header_wrap .hr_area dl.info02 {
  position: relative;
  width: 100%;
  height: 41px;
  padding-left: 112px;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  box-sizing: border-box;
}

#p_header_wrap .hr_area dl.info02 dt {
  position: absolute;
  background: #f4f4f4;
  color: #505050;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  width: 112px;
  text-align: center;
  left: 0;
  top: 0;
  box-sizing: border-box;
}

#p_header_wrap .hr_area dl.info02 dt img {
  vertical-align: bottom;
}

#p_header_wrap .hr_area dl.info02 dd {
  border-left: 1px solid #d9d9d9;
  padding-left: 30px;
  line-height: 39px;
  height: 39px;
  font-size: 0;
}

#p_header_wrap .hr_area dl.info02 dd select {
  padding: 0 12px 0 6px;
  border: 1px solid #dedede;
  height: 29px;
  appearance: auto;
  width: 410px !important;
  box-sizing: border-box;
  vertical-align: middle;
}

#p_header_wrap .hr_area dl.info02 dd a {
  margin-left: 14px;
  display: inline-block;
  vertical-align: middle;
  height: 29px;
  line-height: 29px;
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 15px;
  color: #6164d4;
  font-weight: 500;
  background-color: #e0e1f7;
}

#p_header_wrap .hr_area dl.info02 dd a:hover {
  font-size: 15px;
  color: #6164d4;
  font-weight: 500;
  background-color: #e0e1f7;
}

#p_header_wrap .hr_area h3 {
  color: #444;
  font-size: 21px;
  letter-spacing: -0.05em;
  padding-left: 30px;
  position: relative;
  width: 100%;
}

#p_header_wrap .hr_area .btn_area {
  width: 100%;
  border-top: 1px solid #3376cb;
  margin: 10px 0 30px;
  padding: 4px 0 0 0;
}

#p_header_wrap .hr_area .btn_area a {
  margin-bottom: 30px;
  display: inline-block;
}

#p_container_wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#p_container_wrap #p_left_menu {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 238px;
}

#p_left_menu .menu_list {
  background: #fff;
  height: 100%;
  border-right: 1px solid #d9d9d9;
}

#p_left_menu .menu_list .quarter {
  background: #fff;
  color: #fff;
  padding: 10px;
  font-size: 14px;
}

#p_left_menu .menu_list .quarter select {
  padding: 0 12px 0 6px;
  border: 1px solid #dedede;
  height: 29px;
  appearance: auto;
}

#p_left_menu .menu_list h3 {
  background: #fff;
  color: #6162d8;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  border-top: 6px solid #6164d4;
}

#p_left_menu .menu_list .list {
  overflow-y: scroll;
  height: 90%;
  width: 236px;
  font-size: 13px;
  border-top: 1px solid #d9d9d9;
}

#p_left_menu .menu_list .list02 {
  overflow-y: scroll;
  height: 80%;
  width: 236px;
  font-size: 13px;
  box-sizing: border-box;
}

#p_left_menu .menu_list .list02 > div {
  border-top: 1px solid #d9d9d9;
}

#p_container_wrap.close .menu_list ul {
  display: none;
}

#p_left_menu .menu_list ul.code_list {
  padding: 10px 0;
}

#p_left_menu .menu_list ul.code_list li {
  display: block;
  color: #fff;
  line-height: 34px;
  width: 100% !important;
}

#p_left_menu .menu_list ul.code_list li a {
  display: block;
  color: #505050;
  line-height: 34px;
  font-size: 15px;
  /* height: 34px; */
  padding-left: 15px;
}

#p_left_menu .menu_list ul.code_list li a:hover {
  text-decoration: none;
  background-color: #f4f4f4;
  font-weight: 500;
  color: #6162d8;
}

#p_left_menu .menu_list ul.code_list li ul {
  padding: 0px 13px;
}

#p_left_menu .menu_list ul.code_list li ul li {
  display: block;
  color: #505050;
}

#p_left_menu .menu_list ul.code_list li ul li a {
  display: block;
  color: #505050;
  margin: 0 0 0 0;
}

#p_left_menu .menu_list .list ul {
  padding: 10px 0 0 0;
}

#p_left_menu .menu_list .list ul > li {
  display: block;
  color: #fff;
  line-height: 34px;
  margin-bottom: 0 !important;
  width: 100% !important;
}

#p_left_menu .menu_list .list ul > li > span {
  color: #505050;
  font-size: 13px;
  height: 34px;
  line-height: 34px;
  display: block;
  padding-left: 13px;
  background-color: #f4f4f4;
  font-weight: bold;
}

#p_left_menu .menu_list .list ul > li a {
  display: block;
  color: #505050;
  line-height: 34px;
  font-size: 13px;
  height: 34px;
  padding-left: 13px;
}

.layer-content.transition
#p_left_menu .menu_list .list ul > li a:hover {
  text-decoration: none;
  background-color: #f4f4f4;
  font-weight: 500;
  color: #6162d8;
}

#p_left_menu .menu_list .list ul > li > ul {
  padding: 0 0 !important;
  background-color: #fff !important;
  margin-right: 0 !important;
}

#p_left_menu .menu_list .list ul > li > ul > li {
  display: block;
  color: #fff;
  line-height: 34px;
  padding-top: 0 !important;
}

#p_left_menu .menu_list .list ul > li > ul > li a {
  display: block;
  color: #505050;
  line-height: 20px;
  height: auto;
  font-size: 13px;
  padding: 7px 0 7px 26px;
}

#p_left_menu .menu_list .list ul > li > ul > li .code_list {
  padding: 0 0 0 0 !important;
}

#p_left_menu .menu_list .list ul > li > ul > li .code_list > li > a {
  padding-left: 39px;
}

#p_left_menu .menu_list .list ul > li > ul > li .code_list > li > ul > li > a {
  padding-left: 52px;
}

#p_left_menu .menu_list .btn_close {
  position: absolute;
  width: 17px;
  margin-top: -47px;
  height: 95px;
  top: 50%;
  left: 238px;
  display: inline-block;
  z-index: 100;
  background: url("../images/common/btn_fp_open.png") no-repeat;
}

#p_left_menu .menu_list .btn_close.open {
  background: url("../images/common/btn_fp_open2.png") no-repeat;
}

#p_container_wrap.close .menu_list .btn_close {
  position: absolute;
  top: 40%;
  left: 5px;
  display: inline-block;
  z-index: 100;
}

#p_left_menu .menu_list .btn_close > img {
  display: none;
}

#p_container_wrap #p_content {
  height: 100%;
  margin: 0 0 0 238px;
  overflow: hidden;
}

#p_container_wrap.close #p_content {
  margin-left: 5px;
}

#p_content .txt_area {
  height: 92%;
  margin: 10px;
  padding: 10px;
  overflow-y: scroll;
}

#p_container_wrap #p_content02 {
  height: 100%;
  margin: 0;
  padding: 10px;
  overflow: hidden;
}

.survey_form {
  position: absolute;
  top: 230px;
  left: 50%;
  width: 90%;
  margin-left: -45%;
}

.survey_form .survey_form_h1 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  height: 40px;
}

.survey_00 {
  width: 100%;
}

.survey_00 li {
  float: left;
  font-size: 15px;
  width: 20%;
  text-align: center;
  height: 35px;
  line-height: 35px;
  /* list-style: none; */
}
.survey_00 li strong{
	font-size:26px;
}

.btn_p01 {
  background: #fff;
  color: #444;
  padding: 2px 13px 4px;
  font-size: 13px;
  border: 1px solid #8b8b8b;
}

.btn_p01:hover {
  background: #545454;
  color: #fff;
}

.btn_p01 img {
  vertical-align: middle;
}

.btn_p02 {
  background: #2c66af;
  color: #fff !important;
  padding: 2px 20px 4px;
  font-size: 13px;
  border: 1px solid #2c66af;
}

.btn_p02:hover, .btn_p02.on {
  background: #545454;
  color: #fff;
}

#imgpopup {
  opacity: 0;
  filter: alpha(opacity=0);
}

#imgpreview {
  position: absolute;
  padding: 5px 5px 5px 5px;
  background-color: #fff;
  border: 2px solid red;
}

.menu_list li {
  width: 430px;
}

.menu_list li span {
  cursor: pointer;
}

.menu_list .list {
  overflow-x: hidden;
  overflow-y: auto;
}

.code_list li ul {
  display: block;
}

.code_list li a.on {
  font-weight: 500 !important;
  color: #6162d8 !important;
}

.header_wrap {
  /* height:118px; */
  position: absolute;
  width: 100%;
  /* background: red; */
  left: 0;
}

.header_wrap .header_01 {
  position: relative;
  /* width:1000px; */
  /* height:121px; */
  margin: 0 auto;
  width: 100%;
}

.header_wrap .header_01 .total_search_01 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.header_wrap .search_box {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 1000000;
  background: #fff;
}

.header_wrap .search_box .search_box_inner {
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}

.header_wrap .search_box .search_box_inner ul {
  padding: 10px 5px 10px 13px;
}

.header_wrap .search_box .search_box_inner ul li {
  margin-bottom: 8px;
}

.header_wrap .search_box .search_box_inner ul li a {
  font-size: 16px;
}

.iframe-style {
  width: 100%;
  height: 900px;
  margin: 0;
  border: 0;
}

.iframe-link {
  display: block;
  text-align: center;
  color: #6163d4;
  text-decoration: underline;
}

.ui-widget-content {
  height: auto !important;
}

.normal-nodata {
  text-align: center;
  font-size: 15px !important;
  padding: 100px 0;
}

/* header */
#header {
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 120;
  position: absolute;
}

#header .head-util-outer {
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#header .head-util-outer .head-util-inner {
  width: 1400px;
  margin: 0 auto;
  height: 80px;
  position: relative;
}

#header .head-util-outer .head-util-inner .left-bt-list {
  font-size: 0;
  display: table;
  height: 80px;
  float: left;
}

#header .head-util-outer .head-util-inner .left-bt-list p {
  padding-left: 19px;
  display: table-cell;
  vertical-align: middle;
}

#header .head-util-outer .head-util-inner .left-bt-list p:first-child {
  padding-left: 0;
}

#header .head-util-outer .head-util-inner .left-bt-list p a {
  display: inline-block;
  font-size: 15px;
  color: #333;
}

#header .head-util-outer .head-util-inner .left-bt-list p a.youtube {
  width: 83px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_youtube_icon.gif") no-repeat;
}

#header .head-util-outer .head-util-inner .srch-input-wrap {
  float: left;
  font-size: 0;
  display: table;
  height: 80px;
  padding-left: 47px;
}

#header .head-util-outer .head-util-inner .srch-input-wrap .srch-input-area {
  display: table-cell;
  vertical-align: middle;
}

#header .head-util-outer .head-util-inner .srch-input-wrap .srch-input-area .input {
  width: 282px;
  height: 42px;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #6162d4;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 22px;
  padding-right: 62px;
}

#header .head-util-outer .head-util-inner .srch-input-wrap .srch-input-area .input input {
  height: 38px;
  width: 100%;
  color: #333;
  font-size: 16px;
  box-sizing: border-box;
}

#header .head-util-outer .head-util-inner .srch-input-wrap .srch-input-area .input button {
  width: 54px;
  height: 38px;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_srch_bt.png") no-repeat;
  position: absolute;
}

#header .head-util-outer .head-util-inner .srch-input-wrap .srch-input-area .detail-srch-bt {
  display: inline-block;
  vertical-align: top;
  width: 114px;
  height: 42px;
  background-color: #6162d4;
  line-height: 42px;
  text-align: center;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  margin-left: 9px;
}

#header .head-util-outer .head-util-inner .srch-input-wrap .srch-input-area .detail-srch-bt span {
  color: #fff;
  font-size: 16px;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap {
  position: absolute;
  left: 892px;
  top: 24px;
  width: 180px;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area{position: relative;}
#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider{overflow: hidden;}
#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list{
  position: absolute; left:50%;
  margin-left:-95px; top:-3px; width:190px;
  height: auto; padding:10px 0;
  background-color:#fff; border:2px solid #6162d6; box-sizing:border-box; border-radius:12px;
  z-index: 100; display: none;}
#header .head-util-outer .head-util-inner .vertical-rolling-wrap:hover .keyword-hide-list{display:block;}
#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list ul{padding:0 10px;}
#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list a {
  position: relative;
  padding-left: 24px;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding-right: 5px;
  display: block;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .slick-list{
  overflow: hidden !important;}
#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list a.dw {
  text-indent: 0;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list a.dw:after {
  position: absolute;
  right: 21px;
  top: 4px;
  width: 13px;
  height: 23px;
  background: url("../images/common/v_arrow_down.png") no-repeat;
  content: "";
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list a.up {
  text-indent: 0;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list a.up:after {
  position: absolute;
  right: 21px;
  top: 4px;
  width: 13px;
  height: 23px;
  background: url("../images/common/v_arrow_up.png") no-repeat;
  content: "";
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list a.new:before {
  line-height: 32px;
  color: #6162d4;
  font-weight: 500;
  font-size: 15px;
  top: -1px;
  right: 0;
  content: 'NEW';
  position: absolute;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list a.new:after {
  right: 0;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list a .num {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 17px;
  color: #6162d4;
  line-height: 32px;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .keyword-hide-list a .tit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  color: #000000;
  line-height: 32px;
  vertical-align: top;
}



#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider-inner {
  position: relative;
  padding-left: 26px;
  box-sizing: border-box;
  width: 180px;
  height: 32px;
  padding-right: 5px;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider-inner.dw {
  text-indent: 0;
  width: 53px;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider-inner.dw:after {
  position: absolute;
  right: 37px;
  top: 4px;
  width: 13px;
  height: 23px;
  background: url("../images/common/v_arrow_down.png") no-repeat;
  content: "";
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider-inner.up {
  text-indent: 0;
  width: 53px;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider-inner.up:after {
  position: absolute;
  right: 37px;
  top: 4px;
  width: 13px;
  height: 23px;
  background: url("../images/common/v_arrow_up.png") no-repeat;
  content: "";
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider-inner.new:before {
  line-height: 32px;
  color: #6162d4;
  font-weight: 500;
  font-size: 16px;
  top: -1px;
  right: 15px;
  content: 'NEW';
  position: absolute;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider-inner.new:after {
  right: 0;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider-inner .num {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #6162d4;
  line-height: 32px;
}

#header .head-util-outer .head-util-inner .vertical-rolling-wrap .vertical-rolling-area .slider-inner .tit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  color: #000000;
  line-height: 32px;
  vertical-align: top;
  position: relative;
  top: -1px;
}

#header .head-util-outer .head-util-inner .right-bt-list {
  font-size: 0;
  display: table;
  height: 80px;
  float: right;
}

#header .head-util-outer .head-util-inner .right-bt-list > div {
  padding-left: 19px;
  display: table-cell;
  vertical-align: middle;
}

#header .head-util-outer .head-util-inner .right-bt-list > div:first-child {
  padding-left: 0;
}

#header .head-util-outer .head-util-inner .right-bt-list > div a {
  display: inline-block;
  font-size: 15px;
  color: #333;
}

#header .head-util-outer .head-util-inner .right-bt-list > div a.center {
  text-align: center;
}

#header .head-util-outer .head-util-inner .right-bt-list > div a.youtube {
  width: 83px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/h_youtube_icon.gif") no-repeat;
}

#header .head-util-outer .head-util-inner .right-bt-list > div span {
  display: inline-block;
  font-size: 15px;
  color: #333;
  vertical-align: top;
  line-height: 32px;
  cursor: pointer;
}

#header .head-util-outer .head-util-inner .right-bt-list > div .size-cont-wrap {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
}

#header .head-util-outer .head-util-inner .right-bt-list > div .size-cont-wrap .size-cont-area {
  border: 1px solid #b5b6eb;
  font-size: 0;
}

#header .head-util-outer .head-util-inner .right-bt-list > div .size-cont-wrap .size-cont-area button {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: top;
}

#header .head-util-outer .head-util-inner .right-bt-list > div .size-cont-wrap .size-cont-area button.font-size-red {
  background: url("../images/common/font_size_red.png") no-repeat;
}

#header .head-util-outer .head-util-inner .right-bt-list > div .size-cont-wrap .size-cont-area .font-size {
  background: url("../images/common/font_size_zoro.png") no-repeat;
}

#header .head-util-outer .head-util-inner .right-bt-list > div .size-cont-wrap .size-cont-area button.font-size-enl {
  background: url("../images/common/font_size_enl.png") no-repeat;
}

#header .head-util-outer .head-util-inner .right-bt-list > div .size-cont-wrap .size-cont-area .font-size {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-left: 1px solid #b5b6eb;
  border-right: 1px solid #b5b6eb;
  vertical-align: top;
  font-size: 16px;
  font-weight: 500;
  color: #6162d4;
  background-color: #fff;
}

#header.one-depth-hover .outer .inner {
  box-shadow: 0px 1px 17.22px 3.78px rgba(0, 0, 0, 0.25);
  height: 330px;
}

#header.one-depth-hover .outer .inner:before {
  display: none;
}

#header.one-depth-hover .outer .inner:after {
  height: 330px;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

#header.all-menu-click .outer .inner {
  box-shadow: 0px 1px 17.22px 3.78px rgba(0, 0, 0, 0.25);
  height: 490px;
}

#header.all-menu-click .outer .inner:before {
  display: none;
}

#header.all-menu-click .outer .inner:after {
  height: 490px;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

#header.all-menu-click .outer .inner .gnb-wrap {
  padding-left: 404px;
}

#header.all-menu-click .outer .inner .gnb-wrap .gnb-area .gnb > div {
  margin-left: 113px;
}

#header.all-menu-click .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list .three-depth-list {
  display: block;
  height: auto;
  padding-top: 17px;
}

#header > .outer {
  position: relative;
  border-bottom: 1px solid #cccccc;
  background-color: #fff;
}

#header > .outer.active {
  width: 100%;
  left: 0;
  top: 0;
  position: fixed;
}

#header > .outer .inner {
  position: relative;
  height: 98px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

#header > .outer .inner:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  content: "";
  opacity: 0.2;
  filter: alpha(opacity=20);
}

#header > .outer .inner:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 98px;
  content: "";
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

#header > .outer .inner .gnb-wrap {
  position: relative;
  width: 1400px;
  height:100%;
  margin: 0 auto;
  padding-left: 564px;
  box-sizing: border-box;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

#header > .outer .inner .gnb-wrap h1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 98px;
}

#header > .outer .inner .gnb-wrap h1 a {
  position: relative;
  top:35px;
  display: inline-block;
  vertical-align: middle;
  width: 276px;
  height: 30px;
  background: url("../images/common/logo.png") no-repeat;
}

#header > .outer .inner .gnb-wrap .gnb-area {
  font-size: 0;
  position: relative;
  height:100%;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb {
  display: inline-block;
  height:100%;
}
#header > .outer .inner .gnb-wrap .gnb-area #menuList > div > a.active{
  border-bottom: 2px solid #6162d4;
}
#header > .outer .inner .gnb-wrap .gnb-area #menuList > div > a:hover{
  border-bottom: 2px solid #6162d4;
}
#header > .outer .inner .gnb-wrap .gnb-area .gnb > div {
  position: relative;
  display: inline-block;
  height:100%;
  vertical-align: top;
  margin-left: 73px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div:first-child {
  margin-left: 0;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .one-depth-bt {
  display: inline-block;
  position: relative;
  padding:40px 0 5px;
  text-align: center;
  box-sizing: border-box;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .one-depth-bt span {
  color: #000;
  font-weight: 400;
  font-size: 19px;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list {
  position: absolute;
  top: 97px;
  left: 0;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list.two-depth-list3 {
  left: -11px;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list p {
  margin-top: 13px;
  white-space: pre;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list p:first-child {
  margin-top: 0;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list p a {
  font-size: 16px;
  font-weight: 400;
  color: #393939;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list p a:hover {
  color: #6162d4;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list .three-depth-list {
  padding-top: 0;
  display: none;
  height: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list .three-depth-list p {
  margin-top: 7px;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list .three-depth-list p:first-child {
  margin-top: 0;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list .three-depth-list p a {
  font-size: 13px;
  color: #393939;
  font-weight: 400;
}

#header > .outer .inner .gnb-wrap .gnb-area .gnb > div .two-depth-list .three-depth-list p a:hover {
  color: #6162d4;
}

#header > .outer .inner .gnb-wrap .all-menu-bt {
  position: absolute;
  right: 0;
  top: 36px;
  width: 32px;
  height: 26px;
  background: url("../images/common/all_menu_bt.png") no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

#header > .outer .inner .gnb-wrap .all-menu-bt.active {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* footer */
#footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 20;
  border-top: 1px solid #d2d2d2;
  box-sizing: border-box;
}

#footer #move_top{
	display:none;
	width: 50px;
    height: 50px;
    background: #6162d4;
    border-radius: 25px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    right: 120px;
    bottom: 200px;
    color: #fff;
    z-index: 100;
    cursor: pointer;
}

#footer .flow-banner-area {
  width: 1400px;
  margin: 0 auto;
  background-color: #fff;
  padding: 0 0 0;
  overflow: hidden;
}

#footer .flow-banner-area div {
  overflow: hidden;
  width: 12000px;
  height: 80px;
  padding: 21px 0 39px;
}

#footer .flow-banner-area div a {
  display: block;
  float: left;
  margin: 10px 0;
  width: 211px;
  margin-right: 40px;
}

#footer .flow-banner-area div a img {
  width: 211px;
  height: 77px;
  margin-right: 40px;
  display: inline-block;
  border-radius: 7px;
  box-shadow: 0px 0px 22.32px 1.68px rgba(232, 232, 232, 0.74);
}

#footer .outer {
  height: 162px;
  border-top: 1px solid #d2d2d2;
  background-color: #d7d7d7;
}

#footer .outer .inner {
  height: 162px;
  display: table;
  vertical-align: middle;
  width: 1400px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding-left: 204px;
}

#footer .outer .inner:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -22px;
  width: 142px;
  height: 43px;
  background: url("../images/common/f_logo.png") no-repeat;
  content: "";
}

#footer .outer .inner .info-text {
  display: table-cell;
  vertical-align: middle;
}

#footer .outer .inner .info-text p {
  font-size: 14px;
  color: #6a6b77;
  margin-top: 12px;
}

#footer .outer .inner .info-text p:first-child {
  margin-top: 0;
}

#footer .outer .inner .util-bt-list {
  font-size: 0;
  position: absolute;
  right: 0;
  top: 72px;
}

#footer .outer .inner .util-bt-list li {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  padding-left: 15px;
}

#footer .outer .inner .util-bt-list li:first-child {
  padding-left: 0;
  margin-left: 0;
}

#footer .outer .inner .util-bt-list li:first-child:before {
  display: none;
}

#footer .outer .inner .util-bt-list li:before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 1px;
  height: 16px;
  background-color: #a2a3ac;
  content: "";
}

#footer .outer .inner .util-bt-list li a {
  display: inline-block;
  font-size: 16px;
  color: #6a6b77;
}

#footer .outer .inner .util-bt-list li a.private {
  font-weight: 500;
  color: #8c7af8;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
}
select::-ms-expand {
  display: none !important;
}


.browser-popup{position:fixed; left:0; top:0; width: 630px; height: 320px; padding-top: 37px; box-sizing:border-box; z-index: 1000; background-color: #fff; display:none;}
.browser-popup.active{display:block;}
.browser-popup:after{position: absolute; left:0; top:0; width:100%; height: 37px; content:""; background: #8c7af8;}
.browser-popup:before{position: absolute; left:0; bottom:0; width:100%; height: 6px; content:""; background: #8c7af8;}
.browser-popup .close-bt{position: absolute; right:7px; top:7px; width:23px; height:23px; content:""; background:url('../images/common/bro_close_bt.gif') no-repeat;; z-index: 1; text-indent: -9999px; overflow: hidden;}
.browser-popup .browser-popup-inner{padding-left: 197px; padding-top: 46px;}
.browser-popup .browser-popup-inner:before{ position: absolute; left:0; top:47%; margin-top: -30px; width: 183px; height: 99px; content:""; background:url('../images/common/bro_icon.jpg') no-repeat;}
.browser-popup .browser-popup-inner .text .ment{ color: #5e3eff; font-size: 18px; font-weight: 500; line-height: 23px; margin:-12px 0 0 0;}
.browser-popup .browser-popup-inner .text .ment span{font-weight: bold;}
.browser-popup .browser-popup-inner .text .ment em{color: #656565;}
.browser-popup .browser-popup-inner .text .noti{color: #1a1a1a; font-size: 12px; font-weight: 100; margin-top: 7px;}

.bro-noti:before{
  position: absolute; left:0; top:0; width:100%; content:"";
  height: 100%;
  background-color: #000;
  opacity: 0.4;}
.bro-noti span{
  position: relative;
  z-index: 1;
  font-weight: 100;
  color: #fff;
  font-size: 12px;}
  
   /* IE10+ */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	 .browser-popup{display:block;}
	}
	 
	/* IE6,7,9,10 */
	@media screen and (min-width: 640px), screen\9 {
	 /* Enter your style code */
	}
	 
	/* IE6,7 */
	@media screen\9 {
	 /* Enter your style code */
	}
	 
	/* IE8 */
	@media \0screen {
	 /* Enter your style code */
	}
	 
	/* IE6,7,8 */
	@media \0screen\,screen\9 {
	 .browser-popup{display:block;}
	 #wrap #contentArea #container .main#content .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-slider .slick-dots{bottom:40px;}
	 .vs__actions{display:block !important; padding:9px 6px 0 3px !important;}
	}
	 
	/* IE9,10 */
	@media screen and (min-width:0\0){
	 .browser-popup{display:block;}
	 #wrap #contentArea #container .main#content .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-slider .slick-dots{bottom:40px;}
	 .vs__actions{display:block !important; padding:9px 6px 0 3px !important;}
	 #wrap #contentArea #container #content.main .section1 .visual-wrap .visual-area .right-roll-wrap .right-roll-area .map-slider .slick-dots li {top: 63px;}
	} 
	  
.add-normal-state{margin-bottom:20px; list-style:none; border-bottom:1px solid #ccc; padding:0 0 21px 35px;line-height: 14px; text-align: left;outline: 0;
    position: relative;}
.add-normal-state:before{
    position: absolute; left:6px; top:0; width:18px;
    height: 18px; content:"";background:url(../images/common/tree_default_icon.gif) no-repeat;}
.add-normal-state span{ font-weight: 500; line-height: 16px; font-size: 16px; color: #333;}
.add-normal-state .tree-bt-area{top:-8px !important; right:auto !important; left:108px !important;}

 /* 이벤트 */
#event_wrap{/* height:320px;background:url('../img/event_bg.jpg') no-repeat; background-size:contain; */}
#event_wrap > img{display:block; width:100%; margin-bottom:50px;}
.txt_event{width:60%; margin:40px auto;}
.txt_event li{height:35px; font-size:24px; font-weight:bold; margin:10px 0 0 0; width:100%;}
.txt_event li input{width:100%;height:40px; border-radius:5px; font-size:18px; font-weight:bold; padding:0 0 0 10px; border:1px solid #797979; box-sizing:border-box;}
.txt_event li textarea{width:100%;height:150px; border-radius:5px; font-size:18px; font-weight:bold; padding:10px; border:1px solid #797979; box-sizing:border-box;}
.txt_event li small{font-size:24px;}
.txt_event li:last-child{font-size:18px; color:#ff0000; margin:0;}
.event_choice{width:60%; margin:200px auto;}
.event_choice p{font-size:26px; float:left; width:140px; background:#ee236d; height:40px; line-height:40px; text-align:center; border-radius:25px; color:#fff;margin: 0 40px 0 0;}
.event_choice ul{}
.event_choice ul li{float:left; margin:0 20px 0 10px; font-size:22px; line-height:40px;}

.notice_list01 > ul > li{border-bottom:1px solid #dadada;}
.notice_list01 > ul > li:first-child{border-top:2px solid #000}
.notice_list01 > ul > li > a{display:block;padding:25px 0 10px 25px;position:relative;}
.notice_list01 > ul > li > a .tit{font-size:24px;color:#000;line-height:150%;font-weight:400;margin-bottom:5px;letter-spacing:-1px; width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice_list01 > ul > li > a p{font-size:14px;color:#666;line-height:150%;}
.notice_list01 > ul > li > a .host{position:absolute;right:15px;top:25px;font-size:14px;line-height:150%;color:#000;}
.notice_list01 > ul > li > a .ico_ing{position:absolute;right:15px;top:25px;font-size:14px;border-radius:50px;background:#ff6600;height:32px;line-height:32px;width:100px;text-align:center;color:#fff;}
.notice_list01 > ul > li > a .ico_end{position:absolute;right:15px;top:25px;font-size:14px;border-radius:50px;background:#053863;height:32px;line-height:32px;width:100px;text-align:center;color:#fff;}
.notice_list01 > ul > li > a .ico_more{position:absolute;right:15px;top:25px;font-size:14px;border-radius:50px;background:#ff6600;height:32px;line-height:32px;width:100px;text-align:center;color:#fff;}
.notice_list01 ul .sub_link{width:100%; display:inline-block; padding: 0 0 25px 25px;}
.notice_list01 ul .sub_link > li{float:left; text-align:center; height:27px;line-height:27px; border-radius:10px; margin: 5px 5px 5px 0; background:#006583;}
.notice_list01 ul .sub_link > li a{color: #fff; padding:15px; text-align:center;}

.event_info01{margin:30px auto 0;width:60%;}
.event_info01 tr td{font-size:16px; height:50px; }

.event_info01 tr td:nth-child(1){width:10%;font-weight:bold; color:#1a1a1a;}
.event_info01 tr td select{width:90px;height:30px;border-radius:5px; border: 1px solid #797979; padding:0 0 0 5px}
.event_info01 tr td input{height:25px; border-radius:10px; border:1px solid #999; margin: 0 0 0 10px;}
.event_info01 tr td.line input{height:10px;}
.event_info01 tr td input:nth-child(1){margin:0;}

.notice_list001{width:60%; margin:300px auto 0;}

.selec_box02{margin:20px 0; height:50px; width:60%; margin:0 auto;}
.selec_box02 span{float:right; background: #053863; height: 40px; line-height: 40px; width:90px;}
.selec_box02 span:nth-child(2){margin:0 10px;}
.selec_box02 span a{display:block;color:#fff; text-align:center;}

.privacyTableWrap{width:100%; border:1px solid #e7e7e7; text-align:center; border-collapse: collapse; margin:10px 0;}
.privacyTableWrap tr{border:1px solid #e7e7e7;box-sizing:border-box;}
.privacyTableWrap tr td{border:1px solid #e7e7e7;box-sizing:border-box; padding: 5px 2px; line-height:20px;}
.privacyTableWrap tr.boldName{background-color:#3381d2;}
.privacyTableWrap tr.boldName td{color:#fff;}
 
/* popup */
.popTxt{background-color:#fff; margin:15px; border-radius:10px;padding:15px;}
.popTxt h1{float:right;}
.popTxt h2{background-color:#fc5020; padding:5px 15px; font-size:14px; color:#fff; width:120px; text-align:center;}
.popTxt p{font-size:14px; margin:10px 0; height:20px; line-height:20px;display: inline-block;}
.popTxt .popTxtDetail{margin:20px 0 0 0; background-color:#efefef; padding: 5px 10px;}
.popTxt .popTxtDetail h3{font-size:14px;}
.popTxt .popTxtDetail p{letter-spacing: 0.5px;}
.popTxt .popTxtDetail strong{color:#2c428d;}

/* 팝업 > 다운로드버튼 영역 */
div.popup_btn {text-align:center;}
div.popup_btn button{display: inline-block;width: 145px;height: 30px;background-color: #fff;border-radius: 5px;margin-top: 10px;color: #2c428e;font-weight: bold;}

/* 팝업 > 닫기영역 */
div.popup_close {padding: 7px;font-size: 13px;background-color: #fff;border: solid 1px #e3e3e3;}
div.popup_close label > span {vertical-align: top;}
div.popup_close span._close {float: right;}

/* 상단 누리집 */
.eg {	background: #6162d4;text-align: right;padding: 7px 50px;position: fixed;left: 0;right: 0;top: 0;z-index: 1000;	}
.eg p {	color: #fff;font-size: 13px;line-height: 18px;	}