/* -- 공통 컴포넌트 시작 -- */
@-webkit-keyframes pulse {to {-webkit-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {-webkit-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}

.root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* 스크롤 */
.scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
}
.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}
.scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}
.scroll::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.6);
}

/* 페이징 */
.pagination {text-align: center;}
.pagination .page-item { display: inline-block; position: relative; width: 30px; height: 30px; overflow: hidden; border: 1px solid #d9d9d9; background: #fff; margin: 0 1px;}
.pagination .page-item a {display:inline-block; width: 100%; height: 100%; font-size: 14px; line-height: 24px;}
.pagination .page-item.active a {background: #17345d; color: #fff;}
.pagination .prev {margin-right: 8px;}
.pagination .next {margin-left: 8px;}
.pagination .first a , .pagination .last a, .pagination .prev a, .pagination .next a {text-indent: -9999px;}
.pagination .first a::before {content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; margin: -5px 0 0 -5px; background: url(/static/images/btn_paginate.png) 0 0 no-repeat;}
.pagination .last a::before {content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; margin: -5px 0 0 -5px; background: url(/static/images/btn_paginate.png) 0 0 no-repeat; background-position: 0 -33px;}
.pagination .prev a::before {content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; margin: -5px 0 0 -5px; background: url(/static/images/btn_paginate.png) 0 0 no-repeat; background-position: 0 -11px;}
.pagination .next a::before {content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; margin: -5px 0 0 -5px; background: url(/static/images/btn_paginate.png) 0 0 no-repeat; background-position: 0 -22px;}

/* 체크박스 */
.checks {position: relative;}

.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 21px;  /* 체크박스의 너비를 지정 */
  height: 21px;  /* 체크박스의 높이를 지정 */
  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
  margin: -2px 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #99a1a7;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.checks.small input[type="checkbox"] + label {
  font-size: 12px;
}

.checks.small input[type="checkbox"] + label:before {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

.checks.etrans input[type="checkbox"] + label {
  padding-left: 30px;
}
.checks.etrans input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: .6;
  box-shadow: none;
  border-color: #6cc0e5;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.checks.etrans input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  border-color:transparent #6cc0e5 #6cc0e5 transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.checks.etrans input[type="checkbox"]:checked + label:before {
  /*content:"\2713";*/
  content: "\2714";
  top: 0;
  left: 0;
  width: 21px;
  line-height: 21px;
  color: #6cc0e5;
  text-align: center;
  border: 1px solid #6cc0e5;
}

/* 로더 */ 
.loader {
	display: none;	
}

.loader.on {
	display: block;
}
/* 햄버거 */
.list-burger {
  width: 24px;
  height: 24px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.list-burger span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #173660;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.list-burger span:nth-child(1) {
  top: 2px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center;
}

.list-burger span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center;
}

.list-burger span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center;
}

.list-burger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  top: 1px;
  left: 4px;
}

.list-burger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.list-burger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  top: 18px;
  left: 4px;
}

/* 버튼 */
.btn {
    padding: 6px 12px;
    line-height: 2;
    border-radius: 6px;
    font-size: 13px;
    display: inline-flex;
    text-align: center;
    color: #fff;
    cursor: pointer;
    vertical-align: super;
}

.btn.btn-default {
    background-color: #7e7e7e;
}

.btn.btn-primary {
    background: #2ab4ec;
}

.btn.btn-hangout {
	background: #149285;
}

.btn.btn-search {
	color: #268bf7;
	background-color: #eaf5ff;
}

.btn.btn-round {
	border-radius: 25px;
}

.btn.btn-sm {
    padding: 6px 12px;
    font-size: 12px;
}

.btn.btn-inline {
    display: inline-block;
    width: 100%;
}

.btn.active {
	background: #2ab4ec;
	-webkit-box-shadow: 0 0 0 0 rgba(42, 180, 236, 0.7);
	        box-shadow: 0 0 0 0 rgba(42, 180, 236, 0.7);
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.btn + .btn {
    margin-left: 8px;
}

.btn.btn-sm + .btn.btn-sm{
    margin-left: 4px;
}


/* -- 공통 컴포넌트 끝 -- */

/* -- 공통 레이아웃 시작 -- */

/* 공유 */
.share {
	background-color: rgb(229, 233, 236);
}

.share .content-body {
	padding-bottom: 60px;
}

.share .share-container {
	width: 1004px;
    margin: 20px 20px;
	zoom: 1;
	border: 1px solid #a7a7a7;
}

.share .share-container.shared {
	margin: 20px auto;
	float: none;
}

.share .share-wrapper {
	width: 100%;
	padding: 20px 30px 0;
	z-index: 49;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

.share .share-preview-overlay {
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    background-color: #000000bd;
}

.share .share-water-mark {
	z-index: 60;
    position: absolute;
    top: 176px;
    left: 1308.5px;
    background: url(/static/images/share_water_mark.png) no-repeat center;
    width: 145px;
    height: 70%;
    background-size: contain;
}

.share .share-overlay-close.pc {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 20px;
	left: 0px;
	border: 1px solid #b9b9b9;
	background: url('/static/images/icon/share_preview_close_off.png') no-repeat center;
	background-color: #fff;
}

.share .share-overlay-close.pc:hover {
	background: url('/static/images/icon/share_preview_close_on.png') no-repeat center;
	background-color: #fff;
}

.share .content-top {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	padding: 0 10px;
	border: 0;
}

.share .ct-create {
	font-size: 16px;
}

.share .client-title {
	margin-bottom: 0;
}

.share .title {
	margin: 10px 0 0;
}

.share .logo-title {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.share .position-title {
    width: 100%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    font-size: 27px;
    font-weight: bold;
}

.share .content-client-logo {
	width: 66px;
	height: 66px;
	background-size: 95%;
	border: 1px solid #000;
}

.share .content-notice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	width: 100%;
	color: red;
}

.share .content-notice > span {
	margin-left: auto;
	margin-right: 10px;
	font-size: 12px;
}

.share .share-basic-wrap {
	margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid #72767d;
    height: auto;
    padding-left: 15px;
}

.share .share-mode .share-basic-wrap {
	padding-left: 0px;
}

.share .share-line-group {
    width: 85%;
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 15px 0 15px 15px;
    margin-bottom: 20px;
}

.share .share-line {
	width: 100%;
    min-height: 46px;
    zoom: 1;
    -o-transition: padding 300ms;
    transition: padding 300ms;
    -webkit-transition: padding 300ms;
    display: inline-block;
}

.share .share-line .share-line {
    float: right;
    width: 80%;
}

.share .share-line-group > .share-line {
    float: left;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
}

.share .share-line > span {
	width: 5%;
	height: 20px;
	display: inline-block;
    float: left;
    cursor: pointer;
	background: url('/static/images/icon/checkbox_off.png') no-repeat center;
}

.share .share-line > span.checked {
	background: url('/static/images/icon/checkbox_on.png') no-repeat center;
}

.share .checkbox-dummy {
   	width: 5%;	
    height: 20px;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.share .share-view .share-line > .switch {
	display: none;
}

.share .cb-share-title {
	width: 15%;
    color: #00135d;
    font-weight: 600;
    text-indent: 3px;
    float: left;
    cursor: pointer;
}

.share .share-line.editor > .cb-share-title{
    line-height: 200%;
}

.share .share-line.editor .switch {
    margin-top: 4px;
}

.share .share-line.file .switch {
    margin-top: 8px;
}

.share .share-line.file > .cb-share-title{
    line-height: 260%;
}

.share .share-line.editor > span {
	margin-top: 3px;
}

.share .share-line.file > span {
	margin-top: 7px;
}

.share .share-line-group .cb-share-title {
	float: none;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.share .cb-share-content {
    width: 80%;
    float: left;
    z-index: 0;
    font-size: 14px;
}

.share .share-line-group .cb-share-content {
	width: auto;
	float: none;
	display: initial;
}

.share .cb-share-content a {
	font-size: 14px;
	letter-spacing: -0.5px;
}

.share .sccl-content:empty:after,
.share .cb-share-content:empty:after {
    content: "--";
    color: #a4a8ae;
    height: 46px;
    padding-left: 10px;
    position: relative;
    top: -2px;
}

.share .file .cb-share-content:empty:after {
    top: 4px;
}

.share .share-line-down-btn {
    margin-left: 10px;
    width: 74px;
    background-color: #e4f1f9;
    color: #6a9dbf;
    -webkit-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
    transition: background-color 0.6s;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    z-index: 20;
    display: inline-block;
}

.share .share-line-down-btn:hover {
	color: #fff;
	background-color: #33aaf3;
}

.share .cb-textarea {
	width: 80%;
}

.share .cb-textarea.tui-editor-contents {
	padding-top: 0;
	padding-left: 0;
	margin-bottom: 20px;
}

.share .cb-textarea.tui-editor-contents > ul {
	margin-top: 0;
}

.share .cb-textarea.tui-editor-contents p {
	margin: 0 !important;
}

.share .cb-textarea:empty:after {
	line-height: 22px;
	padding-left: 10px;
}

.share .sub-title {
	margin-top: 15px;
    line-height: 26px;
    padding-bottom: 8px;
    margin-bottom: 20px;
    border-bottom: 1px solid #72767d;
    text-indent: 6px;
    font-size: 20px;
    color: #303030;
    font-weight: bold;
}

.share .share-link-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.share .share-link-wrapper > span.icon {
    display: inline-block;
    width: 50px;
    height: 50px;
	background: url('/static/images/icon/share_popup_link.png') no-repeat center;
   	border-radius: 3px 0 0 3px;
    border: 1px solid #d5d5d5;
    border-right: 0px;
    background-color: #fff;
    cursor: pointer;
}

.share .share-link-wrapper > input.link {
    display: inline-block;
    width: 79%;
    height: 50px;
    border-radius: 0 3px 3px 0;;
    border: 1px solid #d5d5d5;
    padding: 0 10px;
    letter-spacing: 0;
	cursor: text;
}

.share .share-option.pc .complete-link-copy {
    position: fixed;
    width: 247px;
    height: 53px;
    top: 230px;
    background: #29b6f6;
    color: white;
    border-radius: 4px;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    display: none;
}

.share button.sns {
	width: 3%;
	text-align: left;
	font-size: 14px;
}

.share .tagify {
	border: 0px;
}

.share .tagify.cb-share-content {
	height: auto !important;
    min-height: 46px;
    letter-spacing: -0.5px;
    line-height: 26px;
}


.share .tagify__tag {
	margin: 0px 5px 5px 0px;
}

.share-option.mobile {
	display: none;
}

.share .share-option.pc {
    position: absolute;
    top: 0;
    left: 1044px;
	float: left;
    margin-top: 20px;
    padding: 20px 20px;
    width: 290px;
    border: 1px solid #a7a7a7;
    background-color: #fff;
    letter-spacing: -1px;
	line-height: 1.3em;
}

.share .share-option.pc > hr {
    border-color: #72767d;
    border-width: 0.7px;
}

.share .share-option.pc-txt {
	font-weight: bold;
}

.share .share-option.pc .share-notice {
    margin: 15px 0;
}

.share .share-option.pc .share-required,
.share .share-option.pc .share-warning {
    margin: 22px 0;
}

.share .share-option.pc .share-notice > .icon {
	width: 15%;
	height: 30px;
	display: inline-block;
    float: left;
    cursor: pointer;
	background: url('/static/images/icon/share_personal_policy.png') no-repeat center;
}

.share .share-option.pc .share-required > .icon {
	width: 15%;
	height: 30px;
	display: inline-block;
    float: left;
    cursor: pointer;
	background: url('/static/images/icon/share_option_checkbox.png') no-repeat center;
}

.share .share-option.pc .share-warning > .icon {
	width: 15%;
	height: 30px;
	display: inline-block;
    float: left;
    cursor: pointer;
	background: url('/static/images/icon/share_option_warning.png') no-repeat center;
}

.share .share-option.pc .share-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 10px;
}

.share .share-option.pc .share-btn {
    border: 1px solid #a0a0a0;
    border-radius: 25px;
    color: #a0a0a0;
    padding: 10px;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
    width: 50%;
}

.share .share-option.pc .share-btn:hover,
.share .share-option.pc .share-btn.active {
    background-color: #29b6f6;
    color: #fff;
}

.share .share-option.pc .share-btn + .share-btn {
	margin-left: 10px;
}

.share .share-option.pc .icon-preview,
.share .share-option.pc .icon-copy-link {
	width: 35px;
	height: 20px;
	display: inline-block;
    float: left;
	background: url('/static/images/icon/share_preview_off.png') no-repeat center;
}

.share .share-option.pc .share-btn:hover .icon-preview,
.share .share-option.pc .share-btn.active .icon-preview {
	background: url('/static/images/icon/share_preview_on.png') no-repeat center;
}

.share .share-option.pc .icon-copy-link {
	background: url('/static/images/icon/share_copy_link_off.png') no-repeat center;
}

.share .share-option.pc .share-btn:hover .icon-copy-link,
.share .share-option.pc .share-btn.active .icon-copy-link {
	background: url('/static/images/icon/share_copy_link_on.png') no-repeat center;
}


.share .link-description {
	display: inline-block;
    margin-left: auto;
    font-size: 12px;
    color: #838383;
}

.share .sns-content {
	margin-bottom: 7px;
}

.share .investment-title {
    color: #1670b8;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-top: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-right: 0;
    border-left: 0;
    border-color: #000;
}

.share .investment-content {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
    width: 100%;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.share .investment-content div,
.share .investment-title div {
	width: 30%;
	text-align: center;
   	height: 40px;	
    line-height: 40px;
}

.share .share-container-bottom {
    border-top: 1px solid #72767d;
    padding: 0 36px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.share .share-company-logo {
	width: 90px;
	height: 25px;
	background: url('/static/images/share_logo.png') no-repeat center;
	margin: 15px 0;
	float: left;
}

.share .share-consultant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin: 19px 0;
    font-size: 13px;
}

.share .sc-main {
    font-weight: 600;
}

.share .sc-item {
    margin-left: 13px;
}

.share .sc-title {
	font-weight: 600;
	margin-right: 2px;
}

.share .sc-item > div {
    display: inline;
}

.share .sc-content,
.share .sc-content > a {
	color: #555862;
}

.share .share-wrapper .switch {
	float: left;
	margin-right: 10px;
    position: relative;
    top: -2px;
}

.share .switch .slider {
	left: 0;
}

.share input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.share input:checked + .slider {
	background-color: #a6c4ec;
}

.share .share-career + .share-career {
	margin-top: 30px;
}

.share .share-career-top {
    background-color: #e9e9e9;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
}

.share .share-career-top div {
    width: 30%;
    text-align: center;
}

.share .share-career-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.share .scc-line {
    width: 100%;
    margin-bottom: 5px;
}

.share .sccl-title {
    color: #2c7dd3;
}

/* 사이드 메뉴 */
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 240px;
    height: 100%;
    border-right: 1px solid #f5f5f5;
    -webkit-box-shadow: 0px 0px 5px 0px #d0d0d0;
            box-shadow: 0px 0px 5px 0px #d0d0d0;
    border: none;
    display: inline-table;
    background-color: #fff;
    z-index: 2;
}

.sidebar .brand {
    height: 70px;
}

.sidebar .brand .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
}

.sidebar .brand .logo {
    width: 64px;
}

.sidebar .brand .text {
    font-family: 'Baloo Bhaijaan';
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 4px;
    color: #173660
}

.sidebar .gnb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 680px;
}

.sidebar .gnb .outer-list {
    width: 100%;
}

.sidebar .gnb .outer-list .item .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    padding: 12px 28px;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sidebar .gnb .outer-list .item.selected > .link {
	font-weight: bold;
}

.sidebar .gnb .inner-list .item.selected > .link {
	font-weight: bold;
	color: #173660;
}

.sidebar .gnb .outer-list .item .link .icon {
    width: 18px;
    margin-right: 12px;
}

.sidebar .gnb .outer-list .item .link .arrow {
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.sidebar .gnb .inner-list {
	display: block;
    position: relative;
}

.sidebar .gnb .inner-list.off {
    display: none;
}

.sidebar .gnb .inner-list::before {
    position: absolute;
    content: "";
    height: 90%;
    top: 50%;
    left: 38px;
    border: 1px solid #cecece;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.sidebar .gnb .inner-list .item .link {
    padding: 8px 40px 8px 60px;
    font-size: 14px;
}

.sidebar .profile {
    width: 100%;
    text-align: center;
}

.sidebar .profile .thumbnail {
    width: 64px;
    border-radius: 100%;
    margin-bottom: 16px;
}

.sidebar .profile .profile-group > div {
	padding: 6px 4px;
}

.sidebar .profile > div a {
	font-size: 14px;
}

.sidebar .profile > div a span {
	display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    vertical-align: bottom;
}

.fixed-btns {
	display: none;
}

/* 접었을때 */
.root.fold .sidebar {
    width: 80px;
}

/* 메인 */
.main {
    margin-left: 241px;
    position: relative;
    min-height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.root.fold .main {
	margin-left: 114px;
}

.main .header {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70px;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    -webkit-box-shadow: 0px 0px 1px 0px #d0d0d0;
            box-shadow: 0px 0px 1px 0px #d0d0d0;
    padding: 0px 20px;
    width: calc(100% - 241px);
    top: 0px;
    z-index: 25;
}

.main .header .filter {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main .header .filter .filter-list {
    display: inline-block;
}

.main .header .filter .filter-list-icon .icon {
    width: 24px;
    margin-right: 20px;
    cursor: pointer;
}

.main .header .filter .filter-icon .icon {
    width: 24px;
    margin-right: 20px;
    cursor: pointer;
}

.main .header .filter .filter-list .item {
    border-radius: 25px;
    font-size: 13px;
    padding: 6px 12px 6px 16px;
    background-color: #eaf5ff;
    border: none;
    color: #268bf7;
    cursor: pointer;
}

.main .header .filter .filter-list .item + .item {
    margin-left: 8px;
}

.main .header .filter .filter-list .item .filter-close {
	color: #173660;
	cursor: pointer;
}

.main .header .filter .filter-list .item .filter-close:hover {
	color: #f95035;
}

.main .header .actions {
    width: 20%;
    text-align: right;
}

.main .header > .actions:first-child {
    width: fit-content!important;
}

.main .header .help {
	width: 60%;
	    font-size: 13px;
}

.main .header .help .icon {
	width: 28px;
	margin-right: 4px;
}

.main .header .help .text {
	font-weight: bold;
}

.main .header .menu {
	width: 40%;
    text-align: right;
}


/* 검색창 */
.main .search {
    position: fixed;
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    -webkit-box-shadow: 0px 0px 1px 0px #d0d0d0;
            box-shadow: 0px 0px 1px 0px #d0d0d0;
    width: calc(100% - 241px);
    top: 70px;
    z-index: 101;
    display: none;
}

.main .search.on {
	display:block;
}

.main .search .search-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
    position: relative;
}

.main .search .search-filter .filter-close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
	cursor: pointer;
}

.main .search .search-filter .filter-close:hover {
	color: #2ab4ec;
}

.main .search .filter-list {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.main .search .filter-action {
    width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main .search .search-filter .filter-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 30px;
}

.main .search .search-filter .filter-row .filter-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-width: 400px;
	min-height: 36px;
}

.main .search .search-filter .filter-row .filter-item + .filter-item {
	margin-left: 32px;	
}

.main .search .search-filter .filter-row .filter-item label {
	width: 60px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
}

.main .search .search-filter .filter-row .filter-item .search-box {
    display: flex;
    align-items: center;
    height: 36px;
    margin: 0px 8px;
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.main .search .search-filter .filter-row .filter-item .search-input {
    width: calc(100% - 60px);
}

.main .search .search-filter .filter-row .filter-item .search-input ~ .bar {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
}

.main .search .search-filter .filter-row .filter-item .search-input.period {
	width: calc(50% - 50px);
}

.main .search .search-filter .filter-row .filter-item .input-date-wrapper {
    width: calc(100% - 60px);
    position: relative;
}

.main .search .search-filter .filter-row .filter-item .date-bar {
	width: 24px;
}

.main .search .search-filter .filter-row .filter-item .date-close {
    position: absolute;
    top: 55%;
    right: 8px;
    transform: translateY(-50%);
    cursor: pointer;
}

.main .search .search-filter .filter-row .filter-item .date-close:hover {
    color: #2ab4ec;
}

.main .search .search-filter .filter-row + .filter-row {
    margin-top: 16px;
}


.main .search .search-filter .filter-actions {
    margin-top: 20px;
    display: inline-block;
    font-size: 0px;
    width: 100%;
}

.main .search .search-filter .filter-row .title {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #173660;
    font-weight: bold;
    width: 85px;
    padding: 0px 4px;
}

.main .search .search-filter .filter-row .multi {
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main .search .search-filter .select2-container {
	width: 100% !important;
}

.main .search .search-filter .select2-container .select2-selection {
	border: none;
}

.main .search .search-filter .select2-container .select2-search__field {
	width: 64px !important;
}

.main .search .search-filter .select2-container .select2-selection__choice {
	position: relative;
    padding: 4px 20px 4px 8px;
    font-size: 12px;
}

.main .search .search-filter .select2-container .select2-selection__choice__remove {
	position: absolute;
    right: 4px;
}

/* 포지션 가이드 */

.main .search .position-row {
	position: relative;
	width: auto !important;
}

.main .search .position-wrapper {
	position: absolute;
    top: 40px;
    background: #fff;
    left: 60px;
    border: 1px solid #d8d8d8;
    display: none;
    width: 770px;
    z-index:2;
}

.main .search .position-wrapper.on {
	display: block !important;
}

.main .search .position-wrapper .position-close {
	position: absolute;
	cursor: pointer;
	top: 8px;
	right: 8px;
	font-size: 16px;
}

.main .search .position-wrapper .position-close:hover {
	color: #2ab4ec;
}

.main .search .position-wrapper .position-content {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0px;
}

.main .search .position-wrapper .position-content .tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #d8d8d8;
}

.main .search .position-wrapper .position-content .tab .tab-item {
	padding: 14px;
    font-size: 14px;
    cursor: pointer;
}

.main .search .position-wrapper .position-content .tab .tab-item.on {
	font-weight: bold;
}

.main .search .position-wrapper .position-content .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 14px;
    overflow-y: auto;
    height: 256px;
    -ms-flex-line-pack: start;
        align-content: start;
    margin-left: -6px;
}

.main .search .position-wrapper .position-content .list .position-item {
	color: white;
    border: 0px !important;
    border-radius: 3px;
    letter-spacing: -0.5px;
    line-height: 20px;
    padding: 4px 8px;
    font-size: 12px;
    border: 1px solid #aaa;
    margin-bottom: 6px;
    margin-left: 6px;
}

.main .search .position-wrapper .position-content .list .position-group {
	display:none;
}

.main .search .position-wrapper .position-content .list .position-group.on {
	display:block;
}

.main .search .position-wrapper .position-content .list .position-group.on {
	display:block;
}

.main .search .position-wrapper .position-content .tab .tab-develop {
	color: #29a68f;
}

.main .search .position-wrapper .position-content .tab .tab-design {
	color: #da319b;
}

.main .search .position-wrapper .position-content .tab .tab-marketing {
	color: #eb5c4a;
}

.main .search .position-wrapper .position-content .tab .tab-plan {
	color: #3fa6e0;
}

.main .search .position-wrapper .position-content .tab .tab-etc {
	color: #ffcb60;
}

/* 해시태그 가이드 */

.main .search .hashtag-row {
    position: relative;
}

.main .search .hashtag-wrapper {
    position: absolute;
    top: 40px;
    background: #fff;
    left: 60px;
    border: 1px solid #d8d8d8;
    display: none;
    width: 770px;
    z-index:2;
}

.main .search .hashtag-wrapper.on {
    display: block !important;
}

.main .search .hashtag-wrapper .hashtag-close {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 8px;
    font-size: 16px;
}

.main .search .hashtag-wrapper .hashtag-close:hover {
    color: #2ab4ec;
}

.main .search .hashtag-wrapper .hashtag-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px;
}

.main .search .hashtag-wrapper .hashtag-content .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d8d8d8;
}

.main .search .hashtag-wrapper .hashtag-content .tab .tab-item {
    padding: 14px;
    font-size: 14px;
    cursor: pointer;
}

.main .search .hashtag-wrapper .hashtag-content .tab .tab-item.on {
    font-weight: bold;
}

.main .search .hashtag-wrapper .hashtag-content .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 14px;
    overflow-y: auto;
    height: 256px;
    -ms-flex-line-pack: start;
    align-content: start;
    margin-left: -6px;
}

.main .search .hashtag-wrapper .hashtag-content .list .hashtag-item {
    color: #000000;
    border: 0px !important;
    border-radius: 3px;
    letter-spacing: -0.5px;
    line-height: 20px;
    padding: 4px 8px;
    font-size: 12px;
    border: 1px solid #aaa;
    margin-bottom: 6px;
    margin-left: 6px;
}

.main .search .hashtag-wrapper .hashtag-content .list .hashtag-group {
    display:none;
}

.main .search .hashtag-wrapper .hashtag-content .list .hashtag-group.on {
    display:block;
}

.main .search .hashtag-wrapper .hashtag-content .list .hashtag-group.on {
    display:block;
}


.main .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 70px;
    width: 100%;
}

.main .content .aside-list {
    width: 380px;
    top: 70px;
    bottom: 0;
    position: fixed;
    z-index: 55;
    background: #fff;
}

.main .content .aside-list {
	left: 241px;
	width: 0px;
}
.main .content .aside-list.on {
	width: 379px;
	-webkit-box-shadow: 4px 0px 7px 0px #d0d0d0;
	        box-shadow: 4px 0px 7px 0px #d0d0d0;
}

.main .content .aside-list .list-items {
	height: 100%;
	overflow-y: scroll;
    overflow-x: hidden;
}

.main .content .aside-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.main .content .actions {
    padding: 32px;
}



.main .content .detail {
    width: calc(100% - 380px);
    padding: 32px;
    min-width: 1050px;
    max-width: 1050px;
    border-right: 1px solid #f5f5f5;
    position: relative;
}

.aside-list.on + .detail {
	margin-left: 380px;
} 

.main .content.content-full .detail {
	width: 100%;
	margin-left: 0px;
	max-width: 1430px;
	z-index:1;
}

.main .content-wide-full .detail {
	width: 100%;
	margin-left: 0px;
	max-width: inherit;
}


.main .detail .no-result {
	text-align: center;
	margin-top: 20%;
}

.main .detail .no-result .image {
	width: 50%;
	margin-bottom: 12px;
}

.main .detail .no-result .text {
	font-size: 16px;
	color: #a0a0a0;
}

/* 행아웃 알람 창 */
.webhook-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #0000008c;
	left: 0;
	z-index: 300;
}

.webhook-overlay .inner {
	position: fixed;
    background: #fff;
    width: 600px;
    border: 1px solid;
    padding: 24px 32px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-flow: column;
}

.webhook-overlay .inner .wo-close {
	width: 25px;
    height: 25px;
	position: absolute;
	top: 20px;
	right: 20px;
	
}
.webhook-overlay .inner .wo-close .wot-close-btn {
	width: 25px;
    height: 25px;
	background: url(/static/images/icon/share_preview_close_off.png) no-repeat center;
	cursor: pointer;
}

.webhook-overlay .inner .wot-title .sub-title-text {
	font-size: 20px;
	color: #149285;
	font-weight: bold;
	margin-bottom: 8px;
	display: flex;
}

.webhook-overlay .inner .wot-title .sub-title-text img {
	width: 24px;
	margin-right: 6px;
}

.webhook-overlay .inner .wot-title .description {
	font-size: 14px;
	color: #828282;
}

.webhook-overlay .inner .wo-body {
	margin: 12px 0px;
}

.webhook-overlay .inner .wo-body ul {
	display: flex;
	margin: 0px 0px 12px;
}

.webhook-overlay .inner .wo-body ul li {
	display: inline-block;
	font-size: 14px;
	padding: 6px 10px;
	cursor: pointer;
	border: 1px solid #149285;
	border-radius: 4px;
}

.webhook-overlay .inner .wo-body ul li:hover {
	color: #fff;
	background-color: #149285;
}

.webhook-overlay .inner .wo-body ul li + li {
	margin-left: 8px;
}

.webhook-overlay .inner .wo-body .wob-content {
	margin: 8px 0px 0px 0px;
}

.webhook-overlay .inner .wo-body .wob-content textarea {
	width: 100%;
	padding: 8px;
	min-height: 160px;
	font-size: 14px;
}

.webhook-overlay .inner .sub-title-text {
	font-size: 14px;
	margin-bottom: 10px;
}

.webhook-overlay .inner .wob-spaces .help {
	font-size: 11px;
	color: #ff6767;
}

.webhook-overlay .inner .wob-spaces .checks {
	display:inline-block;
	margin-right: 6px;
	margin-bottom: 6px;
}

.webhook-overlay .inner .wo-bottom {
	text-align: right;
	font-size: 0px;
}

/* -- 공통 레이아웃 끝 -- */

/* -- 로그인 시작 -- */
.login {
	width: 100%;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.login .aside {
	width: 35%;
	position: relative;
}

.login .aside .hr-image {
	display: none;
}

.login .aside .wrapper {
	position: absolute;
	top: 25%;
	left: 40%;
	-webkit-transform: translate(-50%);
	    -ms-transform: translate(-50%);
	        transform: translate(-50%);
}

.login .aside .logo img {
	width: 40%;
}

.login .aside .title {
	font-family: 'Baloo Bhaijaan';
    font-size: 96px;
    font-weight: bold;
    letter-spacing: 4px;
    color: #173660;
}

.login .aside .description {
	margin: 60px 0px 52px 0px;
}

.login .aside .description p {
	font-size: 20px;
}

.login .aside .form button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #ccc;
	padding: 12px;
	border-radius: 12px;
	width: 80%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.login .aside .form button img {
	width: 40px;
	border-right: 1px solid #ccc;
	padding-right: 12px;
}

.login .aside .form button div {
	font-size: 16px;
	font-weight: bold;
	padding-left: 12px;
}

.login .cover {
	width: 65%;
	background-image: url('/static/images/login-cover.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.login .cover .image {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.login .cover .image img {
	width: 100%;
}

/* -- 로그인 끝 -- */

/* -- 고객사 맵 시작 -- */

.client-map .detail {
	padding: 0px !important;
	height: 100vh;
}

.client-map .detail .client-map-title {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 59px;
	background: rgba(0, 0, 0, 0.4);
	z-index: 2;
	text-align: center;
	font-size: 18px;
	line-height: 59px;
	color: #fff;
	font-weight: bold;
}


.client-map .detail .client-map-wrapper {
	height: 100%;
	z-index: 1;
	position: relative;
}

.client-map .client-map-wrapper > div:last-child > div:first-child {
	top: 3px !important;
}

.client-map .client-map-wrapper .info-box {
	padding: 8px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	text-align: center;
}

.client-map .client-map-wrapper .info-box a { 
	display: block;
}

.client-map .client-map-wrapper .info-box a:hover { 
	color: #268bf7;
}

.client-map .client-map-wrapper .info-box + .info-box {
	border-top: 1px solid #dfdfdf;
}

.client-map .client-map-wrapper .info-box img {
	width: 64px;
	height: 64px;
}

.client-map .client-map-wrapper .info-box p {
	font-size: 12px;
	display: block;
}

.client-map .lb-location:hover {
	text-decoration: none !important;
}
.client-map .lb-title:hover {
	text-decoration: none !important;
}

/* -- 고객사 맵 끝 -- */

/* -- 후보자 목록 시작 -- */

.candidate-detail .aside-list .list-count {
    padding: 12px;
    border-bottom: 1px solid #d0d0d0;
}

.candidate-detail .aside-list .list-count {
	display: none;
}

.candidate-detail .aside-list.on .list-count {
	display: flex;
}

.candidate-detail .aside-list .list-count .count-item {
	width: 50%;
}

.candidate-detail .aside-list .list-count .count-item .count {
	color: #318dd0;
    font-weight: 700;
}


.candidate-detail .detail .content-title {
    display: inline-block;
    clear: both;
    padding: 12px 4px;
    font-size: 27px;
    font-weight: bold;
    line-height: 46px;
    width: 100%;
}

.candidate-detail .detail .content-title > input {
    border: 0;
    font-size: 27px;
    font-weight: bold;
    background: #fff;
    color: #121212;
    height: 46px;
    padding: 0px 8px;
}

.candidate-detail .detail .priority-link {
	width: 80%;
	height: 46px;
	font-size: 14px;
	color: #318dd0;
}

.candidate-detail .detail .proproty-result {
	width: 100%;
	height: 400px;	
}

.candidate-detail .detail .proproty-result .proproty-chart {
	height: 400px;
	z-index:2;
}

/* -- 후보자 목록 끝 -- */

/* -- 이력서 목록 시작 -- */

.resume-detail .aside-list .list-count {
    padding: 12px;
    border-bottom: 1px solid #d0d0d0;
}

.resume-detail .aside-list .list-count {
	display: none;
}

.resume-detail .aside-list.on .list-count {
	display: flex;
}

.resume-detail .aside-list .list-count .count-item {
	width: 50%;
}

.resume-detail .aside-list .list-count .count-item .count {
	color: #318dd0;
    font-weight: 700;
}

.resume-detail .detail .content-title {
    display: inline-block;
    width: 100%;
    clear: both;
    padding: 12px 4px;
    font-size: 27px;
    font-weight: bold;
    line-height: 46px;
}

.resume-detail .detail .content-title > input {
    border: 0;
    font-size: 27px;
    font-weight: bold;
    background: #fff;
    color: #121212;
    height: 46px;
    padding: 0px 8px;
}

.resume-detail .detail .skill .cb-line .cb-title {
	width: 120px;
}

.resume-detail .cb-title .multi-title {
	display: block;
    float: left;
}

.resume-detail .cb-title .multi-title + .multi-title {
	line-height: 100%;
}

.resume-detail .career-summary {
	width: 100%;
    font-size: 14px;
    padding-left: 12px;
}

.resume-detail .career-summary .item {
	width: 100%;
    display: flex;
}

.resume-detail .career-summary .item + .item {
	margin-top: 10px;
}

.resume-detail .career-summary .item .date {
	min-width: 200px;
	padding-left: 14px;
	margin-right: 12px;
    display: flex;
    position: relative;
}

.resume-detail .career-summary .item .date:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
    background-color: black;
}

.resume-detail .career-summary .item .description .info {
	margin-bottom: 8px;
}

/* -- 이력서 목록 끝 -- */

/* -- 직장 선택 중요 요소 시작 -- */

.priority {
	background-color: rgb(229, 233, 236);
}

.priority .priority-container-bottom {
	border-top: 1px solid #72767d;
    padding: 0 36px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.priority-container {
	width: 1004px;
    margin: 20px 20px;
    float: left;
	zoom: 1;
	border: 1px solid #a7a7a7;
}

.priority-container.shared {
	margin: 20px auto;
	float: none;
}

.priority-wrapper {
	width: 100%;
    padding: 20px 30px 0;
    z-index: 49;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

.priority-wrapper .content-body {
	padding-bottom: 0;
}

.priority-preview-overlay {
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    background-color: #000000bd;
}

.priority-water-mark {
    position: absolute;
    top: 176px;
    left: 1308.5px;
    background: url(/static/images/share_water_mark.png) no-repeat center;
    width: 150px;
    height: 70%;
    background-size: contain;
}

.priority-overlay-close {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 20px;
	left: 0px;
	border: 1px solid #b9b9b9;
	background: url('/static/images/icon/share_preview_close_off.png') no-repeat center;
	background-color: #fff;
}

.priority-overlay-close:hover {
	background: url('/static/images/icon/share_preview_close_on.png') no-repeat center;
	background-color: #fff;
}

.content-top {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	padding: 0 10px;
	border: 0;
}

.ct-create {
	font-size: 16px;
}

.client-title {
	margin-bottom: 0;
}

.title {
	margin: 10px 0 0;
}

.logo-title {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.position-title {
	font-size: 27px;
    font-weight: bold;
    line-height: 1.3em;
}

.content-client-logo {
	width: 66px;
	height: 66px;
	background-size: 95%;
	border: 1px solid #000;
}

.content-notice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	width: 100%;
	color: red;
}

.content-notice > span {
	margin-left: auto;
	margin-right: 10px;
	font-size: 12px;
}

.priority-basic-wrap {
	margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid #72767d;
    height: auto;
    padding-left: 15px;
}

.priority-mode .priority-basic-wrap {
	padding-left: 10px;
	position: relative;
}

.priority-help {
	padding: 20px 0px;
	margin-bottom: 22px;
}

.priority-help a {
	color: #2ab4ec;
}

.priority-help p {
	font-size: 16px;
}

.priority-help p + p {
	margin-top: 8px;
}

.priority-percentage {
	position: absolute;
	top: 60px;
	right: 0px;
	font-size: 16px;
}

.priority-percentage .percentage-data {
	font-size: 24px;
	width: 44px;
    display: inline-block;
    text-align: right;
}

.priority-line {
	width: 100%;
    min-height: 46px;
    zoom: 1;
    -o-transition: padding 300ms;
    transition: padding 300ms;
    -webkit-transition: padding 300ms;
    display: inline-block;
    margin-bottom: 4px;
}

.priority-line .priority-line {
    float: right;
    width: 80%;
}

.priority-line-group > .priority-line {
    float: left;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
}

.priority-line > span {
	width: 5%;
	height: 20px;
	display: inline-block;
    float: left;
    cursor: pointer;
	background: url('/static/images/icon/checkbox_off.png') no-repeat center;
}

.priority-line > span.checked {
	background: url('/static/images/icon/checkbox_on.png') no-repeat center;
}

.priority-action {
	text-align: center;
	padding: 20px 0px;
}

.priority-action .priority-btn-submit, .priority-action .priority-btn-edit {
    padding: 12px 20px;
    color: white;
	height: 100%;
	line-height: 1.2;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
	display: inline-block;
	text-align: center;
}

.priority-action .priority-btn-submit, .priority-action .priority-btn-edit {
  position: relative;
  -webkit-box-shadow: 0 0 0 0 rgba(42, 180, 236, 0.7);
          box-shadow: 0 0 0 0 rgba(42, 180, 236, 0.7);
  background-color: #2ab4ec!important;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.priority-action .priority-btn-reset {
	background-color: #7e7e7e;
    color: #fff;
    cursor: pointer;
    width: 90px;
    height: 40px;
    padding: 12px 20px;
    border-radius: 4px;
    margin-left: 3px;
}

.priority-view .priority-line > .switch {
	display: none;
}

.cb-priority-title {
	width: 20%;
    color: #00135d;
    font-weight: 600;
    text-indent: 3px;
    float: left;
    font-size:13px;
}

.cb-priority-content {
    width: 80%;
    float: left;
    z-index: 0;
    font-size: 14px;
    position: relative;
}

.cb-priority-content a {
	font-size: 14px;
	letter-spacing: -0.5px;
}

.priority-btn {
    border: 1px solid #a0a0a0;
    border-radius: 25px;
    float: left;
    color: #a0a0a0;
    padding: 10px;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    width: 118px;
    cursor: pointer;
}

.priority-btn:hover,
.priority-btn.active {
    background-color: #29b6f6;
    color: #fff;
}

.priority-btn + .priority-btn {
	margin-left: 10px;
}

.priority-container-bottom {
    border-top: 1px solid #72767d;
    padding: 0 36px;
    width: 932px;
    position: relative;
}

.priority .content-body {
	padding-bottom: 66px;
}

.priority-company-logo {
	width: 90px;
	height: 25px;
	background: url('/static/images/share_logo.png') no-repeat center;
	margin: 15px 0;
	float: left;
}

.priority-consultant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin: 19px 0;
    font-size: 13px;
}

.sc-main {
    font-weight: 600;
}

.sc-item {
    margin-left: 13px;
}

.sc-title {
	font-weight: 600;
	margin-right: 2px;
}

.sc-item > div {
    display: inline-block;
}

.sc-content,
.sc-content > a {
	color: #555862;
}

.cb-priority-content .range-bar {
	display: inline-block;
	width: 100%;
	height: 15px;
	background: #2c3e50;
}

.cb-priority-content .range-bar .bar {
	display: inline-block;
    height: 15px;
    background: #2ab4ec;
}

.cb-priority-content .range-value {
	position: absolute;
    left: 50%;
    color: #fff;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.cb-priority-title .range-rank {
	float: right;
    margin-right: 16px;
}

.cb-priority-title .range-rank .range-rank-value {
	color: #2ab4ec;
}

.cb-priority-title.read {
	width: 25%;
	font-size: 13px;
}

.cb-priority-content.read {
	width: 75%;
}

.range-slider-range {
  -webkit-appearance: none;
  width: calc(100% - (64px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}

.range-slider-range::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 width: 24px;
 height: 24px;
 border-radius: 50%;
 background: #2c3e50;
 cursor: pointer;
 -webkit-transition: background .15s ease-in-out;
 transition: background .15s ease-in-out;
}

.range-slider-range::-webkit-slider-thumb:hover {
 background: #2ab4ec;
}

.range-slider-range:active::-webkit-slider-thumb {
 background: #2ab4ec;
}

.range-slider-range::-moz-range-thumb {
 width: 20px;
 height: 20px;
 border: 0;
 border-radius: 50%;
 background: #2c3e50;
 cursor: pointer;
 -webkit-transition: background .15s ease-in-out;
 -moz-transition: background .15s ease-in-out;
 transition: background .15s ease-in-out;
}

.range-slider-range::-moz-range-thumb:hover {
 background: #2ab4ec;
}

.range-slider-range:active::-moz-range-thumb {
 background: #2ab4ec;
}

.range-slider-range:focus::-webkit-slider-thumb {
 -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 6px #2ab4ec;
 box-shadow: 0 0 0 3px #fff, 0 0 0 6px #2ab4ec;
}

.range-slider-range.disabled::-webkit-slider-thumb {
 background: #fa5252;
}

.range-slider-range.disabled::-moz-range-thumb:hover {
 background: #fa5252;
}

.range-slider-range.disabled:active::-moz-range-thumb {
 background: #fa5252;
}

.range-slider-range.disabled:focus::-webkit-slider-thumb {
 -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 6px #fa5252;
 box-shadow: 0 0 0 3px #fff, 0 0 0 6px #fa5252;
}

.range-wrapper {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #2c3e50;
  text-align: center;
  border-radius: 3px;
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner, input::-moz-focus-outer {
  border: 0;
}

/* -- 직장 선택 중요 요소 끝 -- */

/* -- 이력서 변환 시작 -- */

.btn-danger {
	color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.resumecv .card {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    height: 100%;
}

.resumecv .card-header {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
	padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.resumecv .card-list {
	min-height: 0;
	overflow-y: scroll !important;
	padding: .5rem;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
}

.resumecv .card-list .card-item {
	color: #868e96;
	text-align: center;
}

.resumecv .progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.resumecv .progress {
	height: 1.5rem;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.resumecv .progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.resumecv .progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.resumecv .progress-striped .progress-bar,
.resumecv .progress-bar-striped {
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.resumecv .progress.active .progress-bar,
.resumecv .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.resumecv .progress-bar-success {
  background-color: #5cb85c;
}
.resumecv .progress-striped .progress-bar-success {
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.resumecv .progress-bar-info {
  background-color: #5bc0de;
}
.resumecv .progress-striped .progress-bar-info {
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.resumecv .progress-bar-warning {
  background-color: #f0ad4e;
}
.resumecv .progress-striped .progress-bar-warning {
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.resumecv .progress-bar-danger {
  background-color: #d9534f;
}
.resumecv .progress-striped .progress-bar-danger {
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.resumecv .bg-success {
	background-color: #28a745 !important;
}

.resumecv .bg-primary {
	background-color: #007bff;
}

.resumecv .text-success, .resumecv .text-success a {
	color: #28a745;
}

.resumecv .text-danger, .resumecv .text-danger a {
	color: #dc3545;
}

.resumecv .mb-1, .resumecv .my-1 {
    margin-bottom: .25rem!important;
}

.resumecv .mb-2, .resumecv .my-2 {
    margin-bottom: .5rem!important;
}

.resumecv .mt-1, .resumecv .my-1 {
    margin-top: .25rem!important;
}

.resumecv .file-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0px 0px 0px -20px;
}

.resumecv .file-upload-zone {
	width: 50%;
	
}

.resumecv .file-upload-zone .file-upload {
	border: 0.01rem dashed #A5A5C7;
	text-align: center;
	padding: 3rem;
	margin: 0px 20px;
}

.resumecv .file-upload-zone .icon {
	margin: 12px 20px 0px;
}

.resumecv .file-upload-zone .icon button {
	font-size: 14px;	
}

.resumecv .file-upload-zone .icon button + button {
	margin-left: 4px;
}

.resumecv .file-upload-zone .file-upload h3 {
	color: #868e96!important;
	margin-bottom: 3rem!important;
	margin-top: 3rem!important;
	font-weight: 500;
	font-size: 1.75rem;
}

.resumecv .file-upload .btn-upload {
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    display: block;
    width: 100%;
    margin-bottom: 3rem;
}

.resumecv .file-list {
	width: 50%;
}

.resumecv .file-list .media {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.resumecv .file-list .media .media-body {
	margin-bottom: .25rem;
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

.resumecv .console-area {
	margin: 32px 0px;
}

.resumecv .console-area .card {
	min-height: 230px;
}

.resumecv .console-area .card .card-list .card-item {
	text-align: left;
}

/* -- 이력서 변환 끝 -- */

/* -- 개발 진행중 시작 -- */
.preparing .detail .func-develop {
	text-align: center;
	margin-top: 10%;
}

.preparing .detail .func-develop .image {
	width: 50%;
	margin-bottom: 12px;
}

.preparing .detail .func-develop .text {
	font-size: 16px;
	color: #a0a0a0;
}
/* -- 개발 진행중 끝 -- */

/* -- 매칭 캘린더 시작 -- */

#calendar .fc-day-number {
    display: flex;
    flex-direction: row-reverse;
}

.matching-search .fc-view-container {
	position: relative;	
}

.matching-calendar .fc-toolbar h2 {
	display: inline-block;
	margin: 0px 12px;
}

.matching-calendar .fc-center > div {
	display: flex;
    align-items: center;
}
.matching-calendar .fc-button {
	background-color: initial;
	border-color: #fff;
	color: #173660;
}
.matching-calendar .fc-button:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.matching-calendar .fc-button:disabled {
    color: #fff !important;
    background-color: #fff;
    border-color: #fff;
}

.matching-calendar .fc-day-header > span {
	font-size: 14px;
}

.matching-calendar .fc-day-top {
	padding: 4px 0px 0px 4px;
}

.select2-dropdown {
	box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px;
}

.calendar-event-item-input .select-progress,
.select2-results .select-progress,
.matching-event .select-progress,
.info .progress {
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 13px;
    font-weight: 700;
}

.info .progress {
	font-size: 12px;
}

.matching-event .select-progress {
    border-radius: 3px;
    padding: 2px 2px;
    margin-right: 2px;
}

.matching-calendar .fc-content {
	font-size: 12px;
    letter-spacing: 0;
    padding: 1px 0;
}

.matching-calendar .fc-day-header{
  font-weight: bold;
  color: #505363;
  background-color: #FAFAFA;
  padding: 11px 0px !important;
  text-decoration: none;
}

.matching-calendar .fc-day-header.fc-sun {
	color: #ff0000;
}

.calendar-event-overlay {
	  position: absolute;
	  z-index: 120;
}

.calendar-event-overlay-content {
	display: flex;
    flex-flow: row wrap;
    height: 100%;
}

.calendar-event-overlay > div {
	padding: 5px;
}

.calendar-event-overlay > button {
	background-color: #fff;
}

.calendar-event-overlay-in {
    position: fixed;
    background: #fff;
    width: 500px;
    border: 1px solid #e9e9e9;
    padding: 40px 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 80%;
    box-shadow: 0px 0px 1px 1px #e9e9e9;
}

.calendar-event-content {
	overflow-x: hidden;
    overflow-y: auto;
	height: 85%;
	width: 100%;
}

.calendar-event-top {
	display: flex;
    flex-flow: row wrap;
    width: 100%;
    text-align: center;
	padding-top: 5px;
    padding-bottom: 12px;
}

.calendar-event-title {
    font-size: 23px;
    font-weight: bold;
    color: #4c4c50;
    letter-spacing: -0.3px;
    width: 100%;
}

.calendar-event-subtitle {
    color: #828282;
    width: 100%;
}

.calendar-event-item {
    width: 100%;
    display: flex;
	font-size: 14px;
	text-align: left;
	padding: 8px 0;
}

.calendar-event-item.disabled {
    background-color: #dcdcdc;
    cursor: context-menu;
}

.calendar-event-item.disabled .calendar-event-item-input {
	padding-left: 5px;
}

.calendar-event-item-input:empty::after {
	content: '해당 필드는 자동으로 입력됩니다.';
    color: #aaa;
}

.calendar-event-item:last-child {
	border-bottom: 0;
}

.calendar-event-item.on:not(:last-child) {
	border-bottom: 1px solid #2ab4ec;
}

.calendar-event-item.on .calendar-event-item-title,
.calendar-event-item.on input {
	color: #2ab4ec;
}

.calendar-event-item-input {
	display: flex;
	width: 87.5%;
	height: 100%;
	flex-flow: row nowrap;
	align-items: center;
}

.calendar-event-item-input .position {
    display: inline-block;
	height: 24px;
    line-height: 18px;
   	padding-top: 1px;
    border-radius: 2px;
    padding: 4px;
    color: white;
    font-size: 13px;
    letter-spacing: -0.3px;
    margin: 0px 4px 4px 0px;
}

.calendar-event-overlay-in .selection-consultant {
	display: flex;
	align-items: center;
    font-size: 15px;
}

.calendar-event-item-consultant-picture {
	display: inline-flex;
	width: 20px;
	height: 20px;
    flex-shrink: 0;
    border-radius: 50%;
    margin-right: 5px;
}

.calendar-event-item-input input {
	font-size: 14px;
	border: 1px solid #fff;
	width: 85%;
	padding: 8px;
	border-bottom: 1px solid #aaa;
}

.calendar-event-item-title {
	display: flex;
	width: 25%;
    padding-left: 10px;
    padding-right: 5px;
	align-items: center;
	flex-shrink: 0;
}

.calendar-event-bottom {
	height: 5%;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    padding-top: 7px;
}

.calendar-event-bottom button {
    display: inline-block;
    width: 30%;
    height: 100%;
    text-align: center;
    padding: 5px 10px;
    line-height: 1.2;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
}

.calendar-event-bottom > button[data-type=update],
.calendar-event-bottom > button[data-type=save] {
	background-color: #a8a8a8;
    color: #fff;
}

.calendar-event-bottom > button[data-type=remove],
.calendar-event-bottom > button[data-type=close] {
	background-color: #ef7676;
    color: #fff;
}

.calendar-event-overlay-close {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    background: url(/static/images/icon/share_preview_close_off.png) no-repeat center;
    top: 15px;
    cursor: pointer;
}

.calendar-event-overlay-in input.flatpickr-input {
	width: 50%;
/* 	border-right: 0; */
	border-color: #aaa;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.calendar-event-overlay-in input.active {
	border: 1px solid;
    border-color: #4889e0;
}

.calendar-event-overlay-in a.datepicker-clear {
    background: #ededed;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-weight: bold;
    padding: 0 5px;
    cursor: pointer;
    align-self: auto;
    color: #949494;
    font-size: 12px;
    line-height: 28px;
    border: 1px solid #aaa;
    border-left: 0;
}

.calendar-event-overlay-in a.datepicker-clear:hover {
	background: #dfdfdf;
}

.calendar-event-overlay-in .datepicker-wrapper {
	display: flex;
	width: 100%;
}

.jd-wrapper {
	display: flex;
}

.client-logo > img {
	width: 35px;
    height: auto;
    margin-right: 5px;
    border: 1px solid #d3d3d3;
}

.matching-calendar .matching-detail {
	display: flex;
}

.matching-calendar .matching-detail .calendar-event-overlay {
	position: relative;
	width: 100%;
	display: flex;
}

.matching-calendar .matching-detail .infomation {
	width: 70%;
}

.matching-calendar .matching-detail .additional {
	margin-left: 16px;
	width: 30%;
}

.matching-calendar .matching-detail .contents {
	position: relative;
}

.matching-calendar .matching-detail .contents .action {
	position: absolute;
	top: 4px;
	right: 0px;
}

.matching-calendar .matching-detail .contents .contents-item {
	display: flex;
	flex-direction: column;
}

.matching-calendar .matching-detail .contents .calendar-event-item-input input {
	padding: 8px 4px;
	border: 1px solid #aaa;
    border-radius: 3px;
}

.matching-calendar .matching-detail .contents .calendar-event-item-input input.flatpickr-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.matching-calendar .matching-detail .contents .contents-item .contents-head {
	display: flex;
    width: 100%;
    padding: 0px 0px 12px 0px;
    border-bottom: 1px solid #ccc;
}

.matching-calendar .matching-detail .contents .contents-item .contents-head .image img {
	margin-right: 12px;
	width: 32px;
	height: 32px;
}

.matching-calendar .matching-detail .contents .contents-item .contents-head .contents-title {
	font-size: 16px;
}

.matching-calendar .matching-detail .contents .contents-item .contents-head .title-help {
	margin-top: 2px;
	font-size: 12px;
}

.matching-calendar .matching-detail .contents .contents-item .contents-forms {
	padding: 8px;
}

.matching-calendar .matching-detail .contents .contents-item .contents-forms .form-item {
	display: flex;
    min-height: 32px;
    align-items: center;
}

.matching-calendar .matching-detail .contents .contents-item .contents-forms .form-row, .matching-calendar .matching-detail .contents .contents-item .contents-forms .form-fluid {
	display: flex;
	margin: 16px 0px;
}

.matching-calendar .matching-detail .contents .contents-item  .contents-forms .form-row .custom-selection-clear {
    position: relative;
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.matching-calendar .matching-detail .contents .contents-item .contents-forms .form-fluid .form-item {
	width: 100%;
}

.matching-calendar .matching-detail .contents .contents-item .contents-forms .form-row .form-item {
	width: 50%;
}

.matching-calendar .matching-detail .contents .contents-item .contents-forms .form-item .label {
	min-width: 130px;
	font-size: 14px;
}

.matching-calendar .matching-detail .contents .calendar-event-item-title {
	padding-left: 0px;
	padding-right: 0px;
}

.matching-calendar .matching-detail .contents .calendar-event-item {
	padding: 0px;
}

.matching-calendar .matching-detail .contents .form-fluid .calendar-event-item-title {
	width: 12.5%;
}

.matching-calendar .matching-detail .contents .select2-container .selection-consultant {
	display: flex;
	align-items: center;
}

.matching-calendar .matching-detail .contents .consultant .select2-container {
	width: 100% !important;
}

.matching-calendar .matching-detail .contents .progress-state .select2-container {
	width: 50% !important;
}

.matching-calendar .matching-detail .contents .candidate .select2-container {
	width: 90% !important;
}

.matching-calendar .matching-detail .contents .jd .select2-container {
	width: 100% !important;
}

.matching-calendar .matching-detail .contents .academic input {
	width: 100% !important;
}

.matching-calendar .matching-detail .contents .career input {
	width: 100% !important;
}

.matching-calendar .matching-detail .contents .position-direct input {
	width: 100% !important;
}

.matching-calendar .matching-detail .contents .memo input {
	width: 100% !important;
}

.matching-calendar .matching-detail .action {
	text-align: right;
}

.matching-calendar .matching-detail .action .back {
	display: inline-flex;
    align-items: center;
    margin-right: 8px;
    cursor: pointer;
}

.matching-calendar .matching-detail .action .back:hover {
	color: #2ab4ec;
}

.matching-calendar .matching-detail .action .back img {
	width: 36px;
    transform: rotate(180deg);
}

.matching-calendar .matching-detail .additional .matching-list {
	max-height: 570px;
}

.matching-calendar .matching-detail .additional .matching-list .item {
	display: flex;
	align-items: center;
	padding: 8px 0px;
	border-bottom: 1px dotted #ccc;
	cursor: pointer;
}

.matching-calendar .matching-detail .additional .matching-list .item .logo {
	margin-right: 12px;
}

.matching-calendar .matching-detail .additional .matching-list .none {
	font-size: 14px;
	padding: 16px 0px;
}

.matching-calendar .matching-detail .additional .matching-list .item .logo img {
	width: 64px;
    height: 64px;
    object-fit: scale-down;
}

.matching-calendar .matching-detail .additional .matching-list .item .description .cl-title {
	font-size: 14px;
	margin-bottom: 4px;
}

.matching-calendar .matching-detail .additional .matching-list .item .description .info {
	display: flex;
	width: 100%;
	align-items: center;
}

.matching-calendar .matching-detail .additional .matching-list .item .description .position {
	margin-bottom: 2px;
}

/* -- 매칭 캘린더 끝 -- */

/* -- 매칭 데이터 그리드 시작 -- */

.matching-grid .detail {
	padding: 0px !important;	
}

.matching-grid .grid-container {
	height: 100vh;
}

.matching-grid .grid-container tr {
    height: 30px;
}

.matching-grid tr.pass {
    background-color: yellow;
}

.matching-grid .pass td.disabled {
    background: yellow;
}

.matching-grid tr.drop {
	color: #bcbcbc;
}

.matching-grid table {
	background-color: white;
	text-align: center;
	table-layout: fixed;
	margin-bottom: 5px;
}

.matching-grid thead {
	background-color: #666666;
}

.matching-grid th {
	color: #ffffff;
	padding: 5px 0;
	border: 1px solid #595959;
	position: relative;
}

.matching-grid th:nth-child(0) {
	width: 100px;
}

.matching-grid td {
	border: 1px solid #b0b0b0;
	width: 100px;
	padding: 5px;
	text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.matching-grid td input {
	min-width: 100%; 
	width: 90%;
	border: 0;
	margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    padding: 5px 3px;
}

.matching-grid td a {
	color: #000;
}

.matching-grid tr td:nth-child(n+4):nth-child(-n+6) {
	text-align: left;
	padding: 0 5px;
}

.matching-grid tr td:nth-child(n+4):nth-child(-n+6) input {
	text-align: left;
} 

.matching-grid td.disabled {
	background-color: #e0e0e0;
}

.matching-grid td.disabled:hover {
    overflow: visible;
    text-overflow: unset;
    position: relative;
}

.matching-grid td.disabled:hover > .disabled-wrapper {
    background-color: #dfdfdf;
    display: inline-block;
    padding: 2px 0;
    box-shadow: 0px 0px 3px 1px #d8d8d8;
}

.matching-grid td.grid-edit {
	border: 0;
	overflow: visible;
	position: relative;
}

.matching-grid td:focus {
	outline: solid 2px #3F51B5;
}

.matching-grid td.grid-edit:focus,
.matching-grid div[contenteditable=true] {
	outline: none;
}

.matching-grid div.grid-edit-wrapper {
    display: flex;
    display: -webkit-flex;
	border: 2px solid #3f51b3;
    position: absolute;
    top: -2px;
    left: -2px;
    min-height: 100%;
    min-width: 100%;
    background-color: #fff;
    z-index: 1;
}

.matching-grid div.grid-edit-wrapper > * {
	margin: auto;
}

.matching-grid div.grid-edit-wrapper > div[contenteditable=true] {
	display: flex;
	display: -webkit-flex;
	width: 100%;
    margin: 0;
	align-items: center;
    white-space: pre;
    word-break: break-all;
}

.matching-grid span.position {
    display: inline-block;
	height: 22px;
    line-height: 22px;
    padding: 0 6px;
    font-size: 12px;
    margin: 1px;
    color: white;
    border: 0px;
    border-radius: 3px;
    letter-spacing: -0.5px;
}

.matching-grid span.age {
	display: inline-block;
	background-color: #9c9c9c;
	color: #fff;
	border-radius: 3px;
	padding: 2px;
}

.matching-grid tr.drop a {
	color: #bcbcbc;
}

.matching-grid tr.drop span.age,
.matching-grid tr.drop span.position {
	background-color: #fcfcfc !important;
	color: #bcbcbc !important;
}

.matching-grid button.clear-date {
    display: inline-block;
    background-color: #9c9c9c;
    color: #fff;
    border-radius: 3px;
	padding: 0.3em;
}

.matching-grid button.clear-date:focus {
    background-color: #3F51B5;
}

.menu-layer {
	display: flex;
	display: -webkit-flex;
	position: fixed;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	box-shadow: 0px 0px 2px 1px #dfdfdf;
	z-index: 10;
	flex-flow: column;
	top: 20px !important;
    position: absolute;
    min-width: 220px;
}

.filter-menus,
.grid-contextmenus {
	padding: 15px 25px;
	font-size: 15px;
	color: #000;
}

.filter-menu,
.grid-menu {
	cursor: pointer;
	text-align: left;
}

.matching-grid .filter-menu > input {
	border: 1px solid #dfdfdf;
	padding: 3px;
    border-radius: 3px;
}

.grid-menu {
	padding: 5px;
}

.matching-grid .filter-menu + .filter-menu {
	margin-top: 8px;
}

.matching-grid .filter-menu.additional {
	padding-top: 10px;
	border-top: 1px solid #dfdfdf;
}

.matching-grid .filter-menu-title {
	padding: 5px;
}

.matching-grid .filter-menu-title:hover,
.matching-grid .grid-menu:hover {
	background-color: #dfdfdf;
}

.matching-grid .filter-menu.additional .filter-menu-title {
    margin-bottom: 10px;
}

.matching-grid .filter-menu-btn-wrapper {
    text-align: right;
    padding: 10px 25px 10px 0;
    border-top: 1px solid #dfdfdf;
}

.matching-grid .filter-menu-btn-wrapper button {
    background-color: #4CAF50;
    color: white;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 15px;
}

.matching-grid .filter-menu-options {
    overflow-y: scroll;
    height: 15em;
}

.matching-grid .filter-menu-option {
    display: flex;
    display: -webkit-flex;
    font-weight: 100;
	padding: 2px;
}

.matching-grid .filter-menu-option > * {
	cursor: pointer;
}

.matching-grid span.filter {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    right: 2px;
    top: 13px;
    cursor: pointer;
    background: url(/static/images/icon/filter.png) no-repeat;
    background-size: cover;
}

/* -- 매칭 데이터 그리드 끝 -- */

/* -- 인터뷰 시작 -- */

.interview-detail .cb-title {
	display: flex;
    align-items: center;
    padding: 0px;
    margin-top: 12px;
}

.interview-detail .cb-title a {
	    display: inline-block;
}

.interview-detail .content-title {
	position: relative;	
}

.interview-detail .empty {
	padding: 8px;
	font-size: 14px;
	line-height: 20px;
}

.interview-detail .interview-item {
	display: flex;
	border-bottom: 1px solid #e5e5e5;
    padding: 8px 8px;
    flex-direction: column;
}

.interview-detail .interview-item.edited {
	border: 1px solid #17345d;
	position: relative;
}

.interview-detail .interview-item.edited:before {
	position: absolute;
	content: "";
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background-color: #e5e5e5;
	opacity: 0.6;
	z-index: 10;
}

.interview-detail .interview-item .head {
	display: flex;
	position: relative;
}

.interview-detail .interview-item .contents {
	display: none;
}

.interview-detail .interview-item.on .contents {
	display: flex;
}

.interview-detail .interview-item .aside {
	width: 12%;
	padding: 2px 4px 4px;
	position: relative;
}

.interview-detail .interview-item .aside .date {
	font-size: 14px;
}

.interview-detail .interview-item .aside .toggle {
	position: absolute;
	top: 4px;
	right: 10px;
	background: url(/static/images/icon/filled_arrow_down.png) no-repeat center;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

.interview-detail .interview-item.on .aside .toggle {
	background: url(/static/images/icon/filled_arrow_up.png) no-repeat center;
}

.interview-detail .interview-item .more {
	width: 88%;
	position: relative;
}

.interview-detail .interview-item .writer {
	position: absolute;
	top: 5px;
	right: 0px;
	color: #9ba3b1;
	font-size: 12px;
}

.interview-detail .interview-item .action + .action {
	margin-left: 6px;
}

.interview-detail .interview-item .edit-action {
	position: absolute;
	top: 0px;
	right: 0px;
}

.interview-detail .interview-item .type {
	display: flex;
}

.interview-detail .interview-item .type .logo-icon {
	display: flex;
	height: 24px;
}

.interview-detail .interview-item .type .logo-icon .symbol {
	width: 24px;
	height: 24px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-background-origin: border;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 5px;
}

.interview-detail .interview-item .type .logo-icon .text {
	display: inline-flex;
}

.interview-detail .interview-item .type .arrow {
	margin: 0px 12px;
	height: 24px;
	display: flex;
    align-items: center;
}

.interview-detail .interview-item .type .arrow .arrow-img {
	width: 32px;
	height: 20px;
	background: url('/static/images/arrow-right.png') no-repeat;
	background-size: contain;
} 

.interview-detail .interview-item .more {
	display: flex;
	flex-direction: column;
}

.interview-detail .interview-item .more .note {
	margin: 4px 0px;
}

.interview-detail .interview-item .more .write-info {
	margin-top: 12px;
}

.interview-detail .interview-form {
	display: flex;
	border-bottom: 1px solid #e5e5e5;
    padding: 16px 0px;
    flex-direction: column;
}

.interview-detail .interview-form .head {
	display: flex;
	position: relative;
}

.interview-detail .interview-form .contents {
	display: flex;
}

.interview-detail .interview-form .aside {
	width: 12%;
	padding: 2px 4px 4px;
	position: relative;
}

.interview-detail .interview-form .aside .date {
	font-size: 14px;
	letter-spacing: -0.8px;
}

.interview-detail .interview-form .more {
	width: 88%;
	position: relative;
}

.interview-detail .interview-form .writer {
	position: absolute;
	top: 5px;
	right: 0px;
	color: #9ba3b1;
	font-size: 12px;
}

.interview-detail .interview-form .action + .action {
	margin-left: 6px;
}

.interview-detail .interview-form .edit-action {
	position: absolute;
	top: 0px;
	right: 0px;
}

.interview-detail .interview-form .type {
	display: flex;
}

.interview-detail .interview-form .type .logo-icon {
	display: flex;
	height: 24px;
}

.interview-detail .interview-form .type .logo-icon > span {
	letter-spacing: -0.5px;
}

.interview-detail .interview-form .type .logo-icon .symbol {
	width: 24px;
	height: 24px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-background-origin: border;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 5px;
}

.interview-detail .interview-form .type .logo-icon .text {
	display: inline-flex;
}

.interview-detail .interview-form .type .arrow {
	margin: 0px 12px;
	height: 24px;
	display: flex;
    align-items: center;
    cursor: pointer;
}

.interview-detail .interview-form .type .arrow .arrow-img {
	width: 32px;
	height: 20px;
	background: url('/static/images/arrow-right.png') no-repeat;
	background-size: contain;
}

.interview-detail .interview-form .type .arrow .arrow-img:hover {
	background: url('/static/images/exchange.png') no-repeat;
	background-size: contain;
}

.interview-detail .interview-form .more {
	display: flex;
	flex-direction: column;
}

.interview-detail .interview-form .more .note {
	margin: 4px 0px;
}

.interview-detail .interview-form .more .write-info {
	margin-top: 12px;
}

.interview-detail .interview-form .info {
	margin-bottom: 12px;
}

.interview-detail .interview-form .info .form-title {
	color: #173660;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}

.interview-detail .interview-form .info .form-description {
	font-size: 12px;
}

.interview-detail .interview-form .info .form-description ul li {
	margin: 4px 0px;
}

.interview-detail .interview-form .input-date {
	font-size: 14px;
	padding: 0px 0px 4px 0px;
	width: 70%;
	border-bottom: 1px solid #e5e5e5;
	letter-spacing: -0.8px;
}

.interview-detail .interview-form .input-candidate {
	padding: 0px 0px 4px 0px;
	width: 80%;
	border-bottom: 1px solid #e5e5e5;
}

.interview-detail .interview-form .aside .calendar {
	position: absolute;
    top: 5px;
    right: 16px;
    background: url(/static/images/icon/datepicker.png) no-repeat center;
    width: 12px;
    height: 16px;
    cursor: pointer;
    background-size: contain;
}

.interview-detail .interview-form .note .tui-editor-defaultUI-toolbar {
	padding: 0 12px;
}

.interview-detail .interview-form .button {
	margin-top: 8px;
}

.interview-detail .pagination-wrap {
	margin: 16px 0px;
}

.interview-detail .information {
	margin: 4px 0px 12px 0px;
	font-size: 14px;
	line-height: 20px;
}

.interview-detail .information .caution {
	line-height: 28px;
	color: #ff4a51;
}

.interview-detail .tui-editor-contents {
	padding-top: 3px !important;
    padding-left: 9px !important;
} 

/* -- 인터뷰 끝 -- */