@import url(print.css) print;

/*****************************
�덉씠�꾩썐 愿��� CSS
*******************************/
body.home #wrap_body:before,
body.home {background:#E8F5F6;}
body.home #wrap_content {background:#E8F5F6;}

body.dark #content>h2.h2>span.subtitle {
	color:#e8f5f6
}

/*****************************
�곷떒 濡쒓렇�꾩썐
*******************************/
ul.top-menu li.welcome  {
	padding-left:23px;
	background:url(images/iconWelcome.png) no-repeat left top;
}
ul.top-menu li.welcome strong {
	color:rgba(255,255,255,0.85);
}
ul.top-menu .clock {
	display:inline-block;
	width:13px;
	height:13px;
	background:url(images/btnLogout.png) no-repeat left bottom;
}
ul.top-menu .time {
	display:inline-block;
	margin-top:1px;
}
ul.top-menu .btnExtend {
	margin:0 3px 0 10px;
	width:35px;
	height:19px;
	background:url(images/btnLogout.png) no-repeat left -19px;
}
ul.top-menu .btnLogout {
	width:55px;
	height:19px;
	background:url(images/btnLogout.png) no-repeat left top;
}

ul.top-menu .btnExtend,
ul.top-menu .btnLogout {
	display:inline-block;
	position:relative;
}
ul.top-menu .btnExtend:active,
ul.top-menu .btnLogout:active {
	top:1px;
	left:1px;
}

/*****************************
Sidebar �덉씠�꾩썐 CSS
*******************************/

/* ��硫붾돱 �꾩씠肄섍꼍濡� */
#sidebar>ul.depth_1>li>a {
	padding-left:42px;
}
#sidebar>ul.depth_1>li>a:before {
	content:"";
	position:absolute;
	left:18px;
	top:11px;
	display:block;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-image:url(images/icon-gnb.png);
}
#sidebar.fold ul.depth_1>li>a {
	text-indent:-9999px;
}
#sidebar.fold ul.depth_1>li.open>a {
	text-indent:20px;
}
#sidebar>ul.depth_1>li>a.jobnotice:before {background-position:0px 0px;}
#sidebar>ul.depth_1>li>a.applicant:before {background-position:-20px 0px;}
#sidebar>ul.depth_1>li>a.document:before {background-position:-40px 0px;}
#sidebar>ul.depth_1>li>a.hnt:before {background-position:-60px 0px;}
#sidebar>ul.depth_1>li>a.inseed:before {background-position:-80px 0px;}
#sidebar>ul.depth_1>li>a.exam:before {background-position:-100px 0px;}
#sidebar>ul.depth_1>li>a.interview:before {background-position:-120px 0px;}
#sidebar>ul.depth_1>li>a.announcement:before {background-position:-140px 0px;}
#sidebar>ul.depth_1>li>a.board:before {background-position:-160px 0px;}
#sidebar>ul.depth_1>li>a.stats:before {background-position:-180px 0px;}
#sidebar>ul.depth_1>li>a:before {background-position:-200px 0px;}
#sidebar>ul.depth_1>li>a.mail:before {background-position:-220px 0px;}
#sidebar>ul.depth_1>li>a.campaign:before {background-position:-240px 0px;}
#sidebar>ul.depth_1>li>a.config:before {background-position:-260px 0px;}
#sidebar>ul.depth_1>li>a.chart:before {background-position:-281px 0px;}
#sidebar>ul.depth_1>li>a.pwModal:before {background-position:-302px 0px;}

#sidebar>ul.depth_1>li>a.jobnotice.active:before,
#sidebar>ul.depth_1>li>a.jobnotice:hover:before {background-position:0px -20px;}
#sidebar>ul.depth_1>li>a.applicant.active:before,
#sidebar>ul.depth_1>li>a.applicant:hover:before {background-position:-20px -20px;}
#sidebar>ul.depth_1>li>a.document.active:before,
#sidebar>ul.depth_1>li>a.document:hover:before {background-position:-40px -20px;}
#sidebar>ul.depth_1>li>a.hnt.active:before,
#sidebar>ul.depth_1>li>a.hnt:hover:before {background-position:-60px -20px;}
#sidebar>ul.depth_1>li>a.inseed.active:before,
#sidebar>ul.depth_1>li>a.inseed:hover:before {background-position:-80px -20px;}
#sidebar>ul.depth_1>li>a.exam.active:before,
#sidebar>ul.depth_1>li>a.exam:hover:before {background-position:-100px -20px;}
#sidebar>ul.depth_1>li>a.interview.active:before,
#sidebar>ul.depth_1>li>a.interview:hover:before {background-position:-120px -20px;}
#sidebar>ul.depth_1>li>a.announcement.active:before,
#sidebar>ul.depth_1>li>a.announcement:hover:before {background-position:-140px -20px;}
#sidebar>ul.depth_1>li>a.board.active:before,
#sidebar>ul.depth_1>li>a.board:hover:before {background-position:-160px -20px;}
#sidebar>ul.depth_1>li>a.stats.active:before,
#sidebar>ul.depth_1>li>a.stats:hover:before {background-position:-180px -20px;}
#sidebar>ul.depth_1>li>a.active:before,
#sidebar>ul.depth_1>li>a:hover:before {background-position:-200px -20px;}
#sidebar>ul.depth_1>li>a.mail.active:before,
#sidebar>ul.depth_1>li>a.mail:hover:before {background-position:-220px -20px;}
#sidebar>ul.depth_1>li>a.campaign.active:before,
#sidebar>ul.depth_1>li>a.campaign:hover:before {background-position:-240px -20px;}
#sidebar>ul.depth_1>li>a.config.active:before,
#sidebar>ul.depth_1>li>a.config:hover:before {background-position:-260px -20px;}
#sidebar>ul.depth_1>li>a.chart.active:before,
#sidebar>ul.depth_1>li>a.chart:hover:before {background-position:-281px -20px;}
#sidebar>ul.depth_1>li>a.pwModal.active:before,
#sidebar>ul.depth_1>li>a.pwModal:hover:before {background-position:-302px -20px;}

#sidebar.fold #yellowID {
	display:none;
}

button.btn.btn-label-0 {
	background:#4f91d7;
	border-color:#4f91d7;
}
button.btn.btn-label-1 {
	background:#5e77c5;
	border-color:#5e77c5;
}
button.btn.btn-label-2 {
	background:#816cb5;
	border-color:#816cb5;
}
button.btn.btn-input {
	width:30px;
	height:30px;
	line-height:0.9em;
}
button.sortable-bar {
	cursor:N-resize;
}
button.none-active:active {
	position:static;
}
/*�곸꽭寃���-�듭뀡��젣踰꾪듉*/
button.btn.btn-deleteOption{
	width:14px;
	height:14px;
	background:#B9BCBD;
	border:1px solid #AFB2B3;
	padding:0 1px 0 0;
	margin:0;
}
button.btn.btn-deleteOption:before{
	content:"횞";
}
/*****************************
Label Button
*******************************/
i.i-label,
button.btn-label {
	display:inline-block;
	width:24px;
	height:16px;
	background:url(images/btn-label.png) no-repeat;
	border:none;
	text-indent:-9999px;
}
button.btn-label.btn-blacklist{ /* 釉붾옓由ъ뒪�� */
	background-position:0px top;
}
i.i-label.i-absent,
button.btn-label.btn-absent { /* 遺덉갭 */
	background-position:-24px top;
}
button.btn-label.btn-interest { /* 愿��� */
	background-position:-48px top;
}
/* �쒖텧, 誘몄젣異쒖슜*/
button.btn-label-submit {
	display:inline-block;
	width:34px;
	height:18px;
	background:url(images/labelSubmit.png) no-repeat;
	border:none;
	text-indent:-9999px;
}
button.btn-label-submit.btn-done{
	background-position:0px top;
}
button.btn-label-submit.btn-undone{
	background-position:0px -18px;
}
button.btn-label-submit.btn-delete {
	background-position:0px -36px;
}
button.btn-interest-star {
	display:inline-block;
	margin-bottom:6px;
	width:21px;
	height:21px;
	background:url(evaluation/images/btnInterest.png) no-repeat left bottom;
	border:none;
	text-indent:-9999px;
	outline:none;
	cursor:default;
}

/*****************************
�대�吏�濡� �붿옄�몃맂 踰꾪듉
*******************************/
button.btn-guide {
	display:inline-block;
	margin-right:2px;
	width:14px;
	height:14px;
	vertical-align:middle;
	border:none;
	background:url(images/icon-guide.png) no-repeat center center;
}
button.btn-guide:active {
	position:relative;
	top:1px;
	left:1px;
}

/******************************************************************
div湲곕컲 form 諛뺤뒪
*******************************************************************/
div.div-form-box {
	margin-bottom:20px;
	padding:15px;
	background:#e9f4f5;
	border-top:2px solid #60b9ce;
}
div.div-form-box.center {
	text-align:center;
}




/******************************************************************
Form-box �ㅼ젙
*******************************************************************/
.form-box {
	padding:20px 20px 20px 0;
	border-right:1px solid #f1f1f1;
}
.form-box li {
	line-height:28px;
}
table.tbl-form-group td div.span:last-child div.form-box {
	border-right:none;
}
.add-box {
	padding:15px 20px 5px;
	background:#e1f4f8;
}
ol.front-btn-list>li {
	position:relative;
	margin-left:50px;
	margin-bottom:12px;
}
ol.front-btn-list>li>button.btn {
	position:absolute;
	left:-50px;
	top:-2px;
}
ol.front-btn-list>li>button.btn:active {
	left:-49px;
	top:-1px;
}
ol.front-btn-list.in-form>li {
	margin-bottom:3px;
}
ol.front-btn-list.in-form>li>button.btn {
	top:5px;
}
ol.front-btn-list.in-form>li>button.btn:active {
	left:-49px;
	top:6px;
}

/******************************************************************
input-list �ㅼ젙
*******************************************************************/
span.input-list-radio {
	display:inline-block;
	width:200px;
}
ul.input-list {

}
ul.input-list li+li {
	margin-top:3px;
}
ul.input-list.inline {
	display:inline-block;
}
ul.input-list>li>label {
	display:inline-block;
	width:100px;
}
ul.input-list>li>label.hntSeries {
	width:120px;
}



/******************************************************************
�덉씠�댄뙘�� 寃���
*******************************************************************/
label.checked-0:after,
label.checked-1:after,
label.checked-2:after {
	display:inline-block;
	margin-left:3px;
	width:30px;
	lien-height:10px;
	background:#1598AC;
	color:#fff;
	font-size:11px;
	text-align:center;
}
label.checked-0:after {content:'1st'}
label.checked-1:after {content:'2nd'}
label.checked-2:after {content:'3rd'}


/******************************************************************
�덉씠�댄뙘�� 寃���
*******************************************************************/
div.wrap-search-box {
	padding-top:20px;
	width:100%;
	height:50px;
	text-align:center;
	background:#ebebeb;
}

/******************************************************************
�쇰꺼
*******************************************************************/
span.label.label-0 {
	background:#5e7fc5;
}
span.label.label-1 {
	background:#eb9d56;
}
span.label.label-3 {
	background:#989b9d;
}



/* �쒕쪟 �쒖텧, �꾨즺 �쇰꺼 : �섏젙�� 媛��ν븳嫄� 踰꾪듉�쇰줈. */
i.i-label-submit{
	display:inline-block;
	width:32px;
	height:16px;
	background:url(images/labelSubmit.png) no-repeat;
	border:none;
	text-indent:-9999px;
}
i.i-label-submit.done{
	background-position:0px 0px;
}
i.i-label-submit.undone{
	background-position:0px -16px;
}

.modal.modal-wide {
	width:900px;
}
.modal.modal-sms {
	width:450px;
	background:#c0e4e4;
}
.modal h3.large {
	box-sizing:border-box;
	margin-bottom:10px;
	padding-left:15px;
	height:55px;
	line-height:55px;
	background:#f4f9fa;
	border-top:2px solid #60b9ce;
	border-bottom:1px solid #cbdfe4;
	color:#324979;
	font-size:20px;
	font-weight:normal;
}
.modal .modal-list {
	padding:5px 15px 5px;
}
.modal .modal-list>li {
	margin-bottom:7px;
}
.modal .modal-list>li.checkAll {
	margin-bottom:12px;
}
.modal .modal-body-comment{
	margin:40px 40px;
	background:#f4f9fa;
	padding:20px 30px;
}
.modal .modal-list>li>label {
	margin-right:7px;
}
.modal .count {
	display:inline-block;
	color:#a92828;
}
.modal .countTotal {
	color:#a92828;
	margin-top:4px;
}
.modal .countTotal:before {
	content:"珥� ";
	color:#333;
}
.modal .countTotal:after {
	content:"紐�";
	color:#333;
}
.modal .count.count-1000 {
	width:65px;
	text-align:right;
}
.modal .modal-table th {
	padding-top:11px;
	vertical-align:top;
}
.modal .modal-table td {
	height:40px;
}
.modal .modal-table th {
	font-weight:normal;
}
.modal .modal-table .modal-list {
	padding:5px 0px;
}

/******************************************************
紐⑤떖李� �ㅽ꺆媛��대뱶
*******************************************************/
.modal-wizard-steps>li {
	overflow:hidden;
	display:table-cell;
	position:relative;
	box-sizing:border-box;
	padding-top:30px;
	width:1%;
	height:60px;
	text-align:center;
	cursor:pointer;
}
.modal-wizard-steps>li:before {
	content:"";
	display:block;
	width:100%;
	height:1px;
	border-top:3px solid #3d444f;
	position:relative;
	z-index:1;
}
.modal-wizard-steps>li:first-child:before {
	width:50%;
	left:50%;
}
.modal-wizard-steps>li:last-child:before {
	width:50%;
}
.modal-wizard-steps>li>span.point {
	position:absolute;
	top:-5px;
	left:0px;
	display:inline-block;
	width:100%;
	color:#2e5d70;
	font-family:"Helvetica", "Arial", "Sans-serif";
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.modal-wizard-steps>li>span.step {
	position:relative;
	top:-10px;
	display:block;
	color:#4287a2;
	text-align:center;
}
.modal-wizard-steps>li>i.circle {
	position:relative;
	top:-10px;
	z-index:1;
	display:inline-block;
	box-sizing:border-box;
	width:15px;
	height:15px;
	background:#2d3d4f;
	border-radius:50%;
}
.modal-wizard-steps>li.blank>i.circle {
	background:#fff;
	border:1px solid #2d3d4f;
}
.modal-wizard-steps>li.active>i.circle {
	background:#bcd165;
}
.modal-wizard-steps>li.active>i.circle:before {
	content:"";
	position:absolute;
	left:-5px;
	top:-5px;
	width:25px;
	height:25px;
	background:rgba(188, 209, 101, 0.5);
	border-radius:50%;
	-webkit-animation:circle-before 2s infinite linear;
	animation:circle-before 2s infinite linear;
}
.modal-wizard-steps>li.active>i.circle:after {
	content:"";
	position:absolute;
	left:-10px;
	top:-10px;
	width:35px;
	height:35px;
	background:rgba(188, 209, 101, 0.2);
	border-radius:50%;
	-webkit-animation:circle-after 2s infinite linear;
	animation:circle-after 2s infinite linear;
}
@-webkit-keyframes circle-before {
	0% {opacity:0;}
	25%, 50% {opacity:1;}
	100% {opacity:0;}
}
@-webkit-keyframes circle-after {
	0%, 25% {opacity:0;}
	50%, 75% {opacity:1;}
	100% {opacity:0;}
}
@keyframes circle-before {
	0% {opacity:0;}
	25%, 50% {opacity:1;}
	100% {opacity:0;}
}
@keyframes circle-after {
	0%, 25% {opacity:0;}
	50%, 75% {opacity:1;}
	100% {opacity:0;}
}


.tbl-autoinspect {
	margin-bottom:10px;
	width:100%;
	font-size:12px;
}
.tbl-autoinspect th,
.tbl-autoinspect td {
	height:75px;
}
.tbl-autoinspect th {
	padding:10px 0;
	background:#33bdc0;
	border-top:1px solid #159598;
	border-bottom:1px solid #159598;
	color:#fff;
}
.tbl-autoinspect td {
	background:#f4f9fa;
	border-top:1px solid #d9e2e8;
	border-bottom:1px solid #d9e2e8;
	border-right:1px solid #d9e2e8;
	text-align:center;
}
.tbl-autoinspect td.td-left {
	padding:0 15px;
	text-align:left;
}
.tbl-autoinspect td span.title {
	display:inline-block;
	width:140px;
	padding-right:10px;
}
.tbl-autoinspect td span.title.left {
	text-align:left;
}
.tbl-autoinspect td.has-list-box {
	padding:10px 10px 0 0;
}
.inspectTitle {
	display:block;
	margin:0 auto;
	padding-top:35px;
	width:90px;
	text-align:center;
}
.inspectTitle.horizon {
	display:inline-block;
	margin-right:5px;
}

input[type=checkbox].checkbox.switch-type-modal {
	width:43px;
	height:17px;
}
input[type=checkbox].checkbox.switch-type-modal+.label {
	margin:0 4px;
}
input[type=checkbox].checkbox.switch-type-modal+.label::before {
	content:"ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
	float:left;
	overflow:hidden;
	margin-right:0px;
	padding:0px;
	width:43px;
	height:17px;
	background-color:#6a7482;
	border:none;
	border-radius:12px;
	color:#fff;
	font-family:Arial, Helvertica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:17px;
	line-height:18px\9;
	text-align:left;
	text-indent:-25px;
	text-indent:-28px\9;
	transition:all 0.4s ease;
}
input[type=checkbox].checkbox.switch-type-modal+.label::after {
	content:"";
	position:absolute;
	top:2px;
	left:2px;
	padding:0px;
	width:13px;
	height:13px;
	background-color:#fff;
	border-radius:12px;
	transition:all 0.4s ease;
}
input[type=checkbox].checkbox.switch-type-modal:checked+.label::before {
	text-indent:8px;
	background-color:#2d3d4f;
	color:#fefb3f;
}
input[type=checkbox].checkbox.switch-type-modal:checked+.label::after {
	left:28px;
	background-color:#fefb3f;
}

div.span.list-box {
	position:relative;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:15px 10px;
	height:100px;
	background:#fff;
}
div.span.list-box>.second-line {
	margin-top:3px;
	padding-left:39px;
	text-align:left;
}
button.btn-add-box {
	display:block;
	position:relative;
	box-sizing:border-box;
	margin-bottom:10px;
	width:100%;
	height:100px;
	background:#fafcfd;
	border:1px dashed #cccdcd;
	border-radius:2px;
	color:#cde191;
	font-size:30px;
	line-height:30px;
}
button.btn-add-box:active {
	top:1px;
	left:1px;
}
button.btn-add-box.has-height,
div.span.list-box.has-height {
	overflow-y:auto;
	height:270px;
}
div.span.list-box input[type=search] {
	width:140px;
}
ul.search-result {
	position:absolute;
	box-sizing:border-box;
	left:25px;
	width:166px;

}
ul.search-result.dropdown-menu.dropdown-limit-height {
	max-height:200px;
}
ul.select-list {
	padding-left:30px;
	text-align:left;
	letter-spacing:-1px;
}
ul.select-list>li {
	margin-bottom:5px;
}
ul.select-list select.select {
	padding-top:0px;
	padding-bottom:0px;
	height:24px;
	font-size:12px;
	line-height:24px;
}
ul.select-list button.btn-mini {
	width:14px;
	height:14px;
	font-size:9px;
}
ul.select-list ul.checkbox-list,
ul.select-list div {
	margin-left:24px;
}
ul.select-list ul.checkbox-list>li {
	float:left;
	margin-bottom:3px;
}
ul.select-list ul.checkbox-list.column-3>li {
	width:33%;
}
.modal-table-header {
	padding-left:18px;
	height:38px;
	line-height:38px;
	background:#6a7482;
	color:#fff;
	font-weight:normal;
}
.modal-table-header.type-2 {
	background:#6f89a4;
}
.modal-table-header label {
	position:relative;
}
.modal-table-header h3 {
	display:inline-block;
	font-weight:normal;
}
.modal-table-header button.header-left {
	float:left;
	margin-top:9px;
}
.modal-table-header ul.horizon>li {
	display:inline-block;
	margin-left:10px;
}
.modal-table-header ul.horizon.inline {
	display:inline-block;
}
.modal-table-header+div.dropdown-set {
	margin-top:10px;
}

div.list-box button[data-search] {
	width:140px;
	text-align:left;
}
/******************************************************
泥댄겕諛뺤뒪 �깅줉 由ъ뒪��
*******************************************************/
ul.check-list {

}
ul.check-list>li {
	margin-bottom:1px;
	padding:0 12px;
	height:33px;
	line-height:33px;
	background:#ebebeb;
	font-size:13px;
}
ul.check-list>li.total {
	height:38px;
	line-height:38px;
	background:#6a7482;
	color:#fff;
	font-size:14px;
}
ul.check-list>li.active {color:#fff;}
ul.check-list.type-1>li.active {background:#bcd165;}
ul.check-list.type-2>li.active {background:#5bcaca;}
ul.check-list.type-3>li.active {background:#7bb0dc;}
ul.check-list.type-4>li.active {background:#8fa6dd;}
ul.check-list.type-5>li.active {background:#e8b361;}
ul.check-list.type-6>li.active {background:#e08c99;}

/******************************************************
肄붾뱶�깅줉 愿��� �대옒��
*******************************************************/
#reg-code h3 {
	margin-left:20px;
}
.reg-code-list {
	padding:0 5px 0 20px;
	border-left:1px solid #ddd;
	border-radius:2px;
}
#reg-code .span:nth-child(4n+1) .reg-code-list {
	border-left:none;
}
#reg-code .span:last-child .reg-code-list {
	padding:0 20px 0 20px
}
.reg-code-list ul {
	margin-top:15px;
	height:360px;
	overflow-x:hidden;
	overflow-y:auto;
}
.reg-code-list ul li {
	position:relative;
	margin-bottom:3px;
	height:40px;
	border:1px solid #fff;
}

/******************************************************
愿�由ъ옄�깅줉 愿��� �대옒��
*******************************************************/
.reg-admin {
	width:640px;
	margin:0 auto 30px;
	border-top:2px solid #2084ac;
	border-bottom:1px solid #82ccdc;
}

/******************************************************
�대젰�� 愿��� �대옒��
*******************************************************/
.modal-resume {
	width:1100px;
}

#search-detail label.check-all {
	padding-left:15px;
	margin-right:10px;
}

/******************************************************
modal 肄붾찘�� 愿��� 
*******************************************************/
ul.comment-list{
	height:300px;
	overflow-y:scroll;
	margin-top:20px;
}

ul.comment-list li{
	background:#fff;
	padding:15px 18px;
	margin-bottom:10px;
	border-radius:3px;
	position:relative;
}
ul.comment-list li:before{content:""; position:absolute; left:-9px; top:8px; border:5px solid #fff; border-bottom-color:transparent; border-left-color:transparent;}
ul.comment-list li:after{ content:""; position:absolute; left:-9px; top:4px; border:2px solid transparent; border-bottom-color:#fff; width:7px; }
ul.comment-list li .comment-register{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	margin-right:9px;
}
ul.comment-list li .comment-date{
	font-size:12px;
	color:#7893a3;
}
ul.comment-list li .comment-edit{
	font-size:12px;
	color:#787878;
	padding:0 5px;
}
ul.comment-list li .comment-edit:before{
	content:"�섏젙";
}
ul.comment-list li .comment-edit.complete:before{
	content:"�꾨즺";
}
ul.comment-list li .comment-delete{
	position:relative;
	font-size:12px;
	color:#aace66;
	padding:0 5px;
}
ul.comment-list li .comment-delete:before{
	content:"��젣";
}
ul.comment-list li .comment-delete.cancel:before{
	content:"痍⑥냼";
}
ul.comment-list li .comment-delete:after{
	position:absolute;
	left:0;
	top:2px;
	content:"";
	border-left:1px solid #e7e7e7;
	height:10px;
}

/******************************************************
�먮룞�쒕쪟�ъ궗
*******************************************************/
.inspectTitle {
	background-image:url(images/iconAutoInspect.png);
	background-repeat:no-repeat;
}
.inspectTitle.highschool {padding-top:40px;background-position:-5px 0px;}
.inspectTitle.highschoolCategory {padding-top:40px;background-position:-5px -100px;}
.inspectTitle.highschoolLocation {padding-top:40px;background-position:-5px -200px;}
.inspectTitle.highschoolGrade {padding-top:40px;background-position:-5px -295px;}

.inspectTitle.college {padding-top:40px;background-position:-105px 0px;}
.inspectTitle.collegeCategory {padding-top:40px;background-position:-105px -100px;}
.inspectTitle.collegeLocation {padding-top:40px;background-position:-105px -200px;}
.inspectTitle.collegeMajor {padding-top:40px;background-position:-105px -300px;}
.inspectTitle.collegeMajorCategory {padding-top:40px;background-position:-105px -400px;}
.inspectTitle.collegeGrade {padding-top:40px;background-position:-105px -495px;}

.inspectTitle.foreignExam {padding-top:40px;background-position:-205px 0px;}
.inspectTitle.foreignLanguage {padding-top:40px;background-position:-205px -100px;}
.inspectTitle.abroad {padding-top:40px;background-position:-205px -200px;}

.inspectTitle.license {padding-top:40px;background-position:-205px -300px;}

.inspectTitle.handicap {width:50px;background-position:-325px 5px;}
.inspectTitle.patriot {width:50px;background-position:-325px -95px;}
.inspectTitle.finalAcademic {width:50px;background-position:-325px -195px;}
.inspectTitle.addpoint {width:50px;background-position:-325px -295px;}
.inspectTitle.recommend {width:50px;background-position:-325px -395px;}
.inspectTitle.military {width:50px;background-position:-325px -495px;}
.inspectTitle.volunteer {width:50px;background-position:-325px -595px;}

table.table td.td100per{
	padding:20px 0;
}
table.table td.td-border-bottom{
	border-bottom:1px solid #60b9ce;
}
table.table tfoot td {
	padding: 10px 0px 10px 15px;
}
table.table tbody td.no-padding {
	padding-left:0;
}
table.table tbody td.no-padding-all{
	padding:0;
}

div.blankTableList {
	height:400px;
}

select.loadForeignExam {
	width:70px;
}
select.loadForeignLanguage {
	width:65px;
}
select.loadPerfactGrade {
	width:80px;
}

th[data-th=btnSort] {
	cursor:pointer;
}
th[data-th=btnSort].activeSort {
	color:#71A01B;
}

/*****************************************
�대젰�� �앹뾽
******************************************/
body.pop .tab-large {
	margin:0 40px;
}
body.pop .tab-large>li {
	width:25%;
}
body.pop .tab-large .detailSubMenu {
	box-sizing:border-box;
	top:auto;
	width:462%;
	padding:0px 31%;
}
body.pop #detailMainMenu>li:nth-child(2) .detailSubMenu {
	left:-130%;
}
body.pop #detailMainMenu>li:nth-child(4) .detailSubMenu {
	left:-350%;
	box-sizing:content-box;
	padding-left:200%;
	width:400%;
}
body.pop #detailMainMenu>li:nth-child(4) .detailSubMenu.no-hnt {
	padding-left:250%;
}
body.pop #detailMainMenu>li:nth-child(4) .detailSubMenu>li {
	width:12.5%
}
body.pop .tab-large .detailSubMenu > li > a {
	font-size:14px;
}
body.pop .tab-large .detailSubMenu > li > a:before {
	top:12px;
}
body.pop #btnApplicantPrev,
body.pop #btnApplicantNext,
body.pop #printDetail,
body.pop #btnCloseDetail,
body.pop #btnTopDetail {
	display:none;
}
body.pop .detailView {
	box-shadow:none;
}
body.pop .detailView section.detailSection {
	padding:0px;
	border:none;
}
#divTotalSearch .i-label.i-labelPass{ background-position:left top;}
#divTotalSearch .i-label.i-labelFail{ background-position:left -20px;}
#divTotalSearch .i-label.i-labelDone{ background-position:left -40px;}
#divTotalSearch .i-label.i-labelUndone{ background-position:left -60px;}
#divTotalSearch .i-label.i-labelInprogress{ background-position:left -80px;} /*�쒕쪟�묒꽦以�*/
#divTotalSearch .i-label.i-labelClosed{ background-position:left -100px;}
#divTotalSearch .i-label.i-labelAnnouncing{ background-position:left -120px;}
#divTotalSearch .i-label.i-labelInterviewing{ background-position:left -140px;} /* �꾪삎吏꾪뻾以�*/
#divTotalSearch .i-label.i-labelBlack{ background-position:left -160px;}
#divTotalSearch .i-label.i-labelFavorite{ background-position:left -180px;}
#divTotalSearch .i-label.i-labelDelete{ background-position:left -200px;} /* ��젣 */

/* 硫붾돱怨좎젙 �④낵 */
body.pop.fixed .tab-large {
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
	box-sizing:border-box;
	width:100%;
	margin:0px;
	padding:0 40px;
	background:#fff;
}
body.pop.fixed #detailView {
	margin-top:110px;
}
body.pop.fixed .detailSubMenu {
	box-shadow:0px 3px 5px rgba(0,0,0,0.15);
}

/*****************************************
�대젰�� 異쒕젰
******************************************/
body.pop.print .detailView>h1,
body.pop.print h1.nameTag {
	margin:0px 10px;
	background:#ebf6f9;
	border-top:2px solid #15517b;
	border-bottom:2px solid #15517b;
	min-height:46px;
	line-height:46px;
	text-align:center;
	font-weight:normal;
	letter-spacing:1px;
}
body.pop.print h1.nameTag {
	margin:0px 0px 15px;
}
body.pop.print .detailView {
	margin:0px;
	box-shadow:none;
}
body.pop.print .detailView section.active {
	display:block;
}
body.pop.print .detailView section.detailSection {
	min-height:inherit;
	padding:25px 10px;
}
body.pop.print .detailView section.detailSection.no-evaluation {
	padding:0px;
}
body.pop.print .detailView section.detailSection.ready {
	min-height:400px;
}
body.pop.print .detailView section.detailSection>h1:first-child {
	margin-top:0px;
}
body.pop.print div.print-menu {
	margin:0 10px 10px;
	font-size:13px;
}
body.pop.print label.label,
body.pop.print label.label>input {
	cursor:default;
}

/******************************************************
愿�由ъ옄 梨꾪똿 �앹뾽
*******************************************************/
body.pop>header {
	background:url(../../koala/css/images/bg-pop-h1.png) no-repeat right top, #1e9dc0;
	border-bottom:1px solid #1b6fa5;
	color:#fff;
	text-align:center;
}
body.pop>header.chatHeader .dropdown-set {
	margin:9px auto 8px;
}
body.pop>header.chatHeader button.btn {
	padding:8px 8px 7px;
	min-width:180px;
	border-radius:2px;
}
body.pop>header.chatHeader button.btn {
	background:rgba(105, 197, 216, 0.7);
	border:1px solid rgba(135, 208, 223, 0.7);
}


/******************************************************
硫댁젒鍮꾩쁺�섏쬆&�섑뿕�� 異쒕젰 
*******************************************************/
body.pop div.wrapPrint {
	position:relative;
	margin-top:10px;
}
body.pop.type1-1 div.wrapPrint,
body.pop.type1-2-horizon div.wrapPrint:nth-child(even) {
	padding-bottom:10px;
	border-bottom:1px dashed #666;
	page-break-after:always; /* �щ윭紐� 異쒕젰�� �� 援щ텇吏볤린 */
}
body.pop.type1-2-vertical div.printBreak,
body.pop.type1-4 div.printBreak {
	position:relative;
	padding-bottom:10px;
	border-bottom:1px dashed #666;
	page-break-after:always; /* �щ윭紐� 異쒕젰�� �� 援щ텇吏볤린 */
}
body.pop.type1-2-vertical div.printBreak div.wrapPrint,
body.pop.type1-4 div.printBreak div.wrapPrint {
	display:inline-block;
	width:50%;
}
body.pop.type1-1 div.wrapPrint:before,
body.pop.type1-2-horizon div.wrapPrint:nth-child(even):before,
body.pop.type1-2-vertical div.printBreak:before,
body.pop.type1-4 div.printBreak:before {
	content:'�몄뇙援щ텇��';
	position:absolute;
	bottom:3px;
	left:10px;
	color:#e23250 ;
}

.apply-guide {
	display:none;
}

/* Select �좏깮�� �곕Ⅸ �④�泥섎━ */
.divide-data>li {display:none;}
.divide-data>li.active {display:block;}

.label-area {
	display:inline-block;
	width:40px;
}

/* summer�먯꽌 �덉뿉 蹂댁씠吏� �딅뒗 泥섎━瑜� �� �� �ъ슜�섎뒗 媛��� div */
.tempDiv {
	position:fixed;
	top:0px;
	left:0px;
	overflow:hidden;
	width:0px;
	height:0px;
}

/*********************************************************************
�몃━酉�
**********************************************************************/
ul.treeview {
	overflow:auto;
	box-sizing:border-box;
	height:500px;
	padding-top:7px;
	border-top:none;
}
ul.treeview ul {
	display:none;
	margin-left:32px;
	padding-top:4px;
}
ul.treeview ul.active {
	display:block;
}
ul.treeview li {
	position:relative;
	padding-bottom:4px;
	min-height:30px;
	line-height:30px;
}

ul.treeview>li {
	margin-bottom:10px;
	padding:20px;
	background:#f4f9fa;
}
ul.treeview>li:last-child {
	background:#fff;
	padding:0px 20px;
}
ul.treeview ul>li:before {
	content:"";
	position:absolute;
	top:-11px;
	bottom:0px;
	left:-25px;
	border-left:1px dotted #b1b1b1;
}
ul.treeview ul>li:last-child:before {
	bottom:16px;
}
ul.treeview li>a>i,
ul.treeview li>button:first-child,
ul.treeview li>i:first-child {
	position:relative;
}
ul.treeview ul li>a>i:after,
ul.treeview ul li>button:first-child:after,
ul.treeview ul li>i:first-child:after {
	content:"";
	position:absolute;
	top:15px;
	left:-25px;
	width:24px;
	border-top:1px dotted #b1b1b1;
}
ul.treeview ul>li:last-child>button:first-child:after {
	top:10px;
}

ul.treeview i.sortable-bar {
	cursor:n-resize;
}
ul.treeview .sortable-placeholder {
	height:30px;
	background:#cbdfe4;
}
ul.treeview li.ui-sortable-helper:before,
ul.treeview li.ui-sortable-helper>a>i:after,
ul.treeview li.ui-sortable-helper>i:first-child:after {
	content:none;
}

ul.treeview>li>input.input-button {
	width:380px;
}
ul.treeview>li>ul>li>input.input-button {
	width:348px;
}
ul.treeview>li>ul>li>ul>li>input.input-button {
	width:320px;
}

/*********************************************************************
�몃━酉� �꾩씠肄�
**********************************************************************/
i.i-folder,
i.i-file {
	display:inline-block;
	margin-right:7px;
	height:30px;
	background-image:url(images/btn-treeview.png);
	background-repeat:no-repeat;
	vertical-align:middle;
}
i.i-folder {
	width:18px;
	height:30px;
	background-position:left 8px;
}
i.i-folder.hasContent {
	background-position:left -52px;
}
i.i-folder.active {
	background-position:left -22px;
}
i.i-folder.active.hasContent {
	background-position:left -82px;
}
i.i-file {
	width:14px;
	background-position:4px -110px;
}
i.i-file.hasContent {
	background-position:4px -140px;
}
i.i-sortable {
	box-sizing:border-box;
	display:inline-block;
	margin-right:2px;
	width:30px;
	height:30px;
	background:#fdfdfd;
	background:linear-gradient(#fdfdfd 0%, #f8f8f8 100%); /* W3C */
	border-top:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;
	border-bottom:1px solid #a9a9a9;
	border-right:1px solid #a9a9a9;
	line-height:30px;
	text-align:center;
}
i.i-sortable:hover {
	background:#f9f9f9;
	background:linear-gradient(#f9f9f9 0%, #f0f0f0 100%); /* W3C */
}


#field_step {
}

#field_step .depth1 {
	margin-bottom:12px;
}
#field_step .depth1>li{
	position:relative;
}
#field_step .depth2 {
	max-height: 317px;
	display: block;
	overflow-y: scroll;
	overflow-x: hidden;

	display:none;
	position:absolute;
	left:100px;
	top:-5px;
	z-index:100;
	min-width:130px;
	background:#ffffff;
	border:1px solid #95c332;
	border-radius:2px;
	box-shadow:3px 3px 8px rgba(0,0,0,0.25);
	white-space:nowrap;
}
#field_step .depth2:empty:before{
	content: '�깅줉�� 肄붾뱶媛� �놁뒿�덈떎.\A�섎떒�� 肄붾뱶�깅줉�� 吏꾪뻾�� 二쇱꽭��';
	width: 173px;
	display: block;
	white-space: pre;
	padding: 7px 15px;
	line-height: 23px;
	text-align: center;
}
#field_step .depth2>li {
	padding:2px 13px;
}
#field_step .depth2>li:hover {
	background:#d1e28f;
}

div.item-search {
	padding:10px;
}
div.item-search>input {
	width:100%;
}
ol.result-list {
	margin:0 10px 0 0;
	height:180px;
	overflow-y:scroll;
}
ol.result-list>li {
	margin-left:5px;
	padding:5px 10px 4px 3px;
	list-style-position:inside
}
ol.result-list li:hover {
	background:#cde084;
}
a.result-list-btn {
	display:block;
	padding:10px;
	border-top:1px solid #cbdfe4;
	color:#37636e;
}
ol.result-list a {
	color:#111;
}

.ul-radio>li {
	margin-top:6px;
	margin-bottom:0px !important;
	height:30px;
}
.ul-radio>li * {
	vertical-align:middle;
}

/******************************************************
Drag and Drop, Sortable 愿��� �대옒��
*******************************************************/
#drag-group h3 {
	margin-bottom:30px;
	padding-bottom:12px;
	border-bottom:2px solid #74c5d7;
}
div.drag-drop-box {
	width:760px;
	margin-left:auto;
	margin-right:auto;
}
div.wrap-drop-btn-box {
	position:relative;
}
div.drop-btn-box {
	position:absolute;
	text-align:center;
}
div.drop-btn-box button:first-child {
	margin-bottom:5px
}
div.drop-btn-box button {
	margin-right:0px;
}
div.drag-div {
	z-index:9999;
	box-sizing:border-box;
}
div.drag-div,
.drop-ul div {
	padding-left:10px;
}
div.drag-div,
.drop-ul div,
.drop-ul>li {
	box-sizing:border-box;
	height:40px;
	line-height:42px;
	margin-bottom:3px;
}
.drop-ul>li {
	border:1px dashed #ddd;
}
.drop-ul>li.drop {
	border:none;
}
div.drag-div.disabled.ui-state-disabled,
div.drag-div.disabled.ui-state-disabled:hover {
	background:#f8f8f8 !important;
	border:1px dashed #dbdbdb;
	opacity:0.8;
}

.active-drop-ul,
div.drag-div,
.drop-ul>li {
	border-radius:2px;
}
.active-drop-ul {
	position:relative;
}
.drag-table div.drag-div:hover {
	cursor:move;
}
.drop-table .sortable {
	cursor:n-resize;
}



.drag-div button,
.drop-ul button {
	position:absolute;
	padding:0px;
	width:auto;
	background:transparent;
	border:none;
	color:#fff;
	font-size:20px;
	transition:transform 0.1s ease-in
}
.drag-div button:hover,
.drop-ul button:hover {
	transform:scale(1.2);
}
.drag-div button.btn-drop-li,
.drop-ul button.btn-drop-li {
	right:10px;
	top:9px;
}
.drag-div button.btn-drop-li:active,
.drop-ul button.btn-drop-li:active {
	top:10px;
}
.drop-ul button.btn-set-td {
	right:30px;
	top:9px;
}
.drop-ul button.btn-set-td:active {
	right:29px;
	top:10px;
}

div.drag-div {
	box-sizing:border-box;
	padding-right:30px;
	overflow:hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	word-wrap : normal;
	cursor:N-resize;
}
.drag-color-1 div.drag-div,
.drag-color-1 .active-drop-ul {
	background:#d4e18c;
}
.drag-color-1 div.drag-div:hover {
	background:#bcd165;
}

.drop-target-drag-color-1,
.drag-color-1 div.disabled,
.drag-color-1 div.disabled:hover {
	background:#ecf1d1;
}


.drag-color-2 div.drag-div,
.drag-color-2 .active-drop-ul {
	background:#a1dfdf;
}
.drag-color-2 div.drag-div:hover {
	background:#5bcaca;
}
.drop-target-drag-color-2,
.drag-color-2 div.disabled,
.drag-color-2 div.disabled:hover {
	background:#dcf3f0;
}

.drag-color-3 div.drag-div,
.drag-color-3 .active-drop-ul {
	background:#b2d6ef;
}
.drag-color-3 div.drag-div:hover {
	background:#7bb0dc;
}
.drop-target-drag-color-3,
.drag-color-3 div.disabled,
.drag-color-3 div.disabled:hover {
	background:#e1eff9;
}

.drag-color-4 div.drag-div,
.drag-color-4 .active-drop-ul {
	background:#b7c7ec;
}
.drag-color-4 div.drag-div:hover {
	background:#8fa6dd;
}
.drop-target-drag-color-4,
.drag-color-4 div.disabled,
.drag-color-4 div.disabled:hover {
	background:#d8e0f2;
}

.drag-color-5 div.drag-div,
.drag-color-5 .active-drop-ul {
	background:#edca9c;
}
.drag-color-5 div.drag-div:hover {
	background:#e0a968;
}
.drop-target-drag-color-5,
.drag-color-5 div.disabled,
.drag-color-5 div.disabled:hover {
	background:#eee1d1;
}

.drag-color-6 div.drag-div,
.drag-color-6 .active-drop-ul {
	background:#f3bbc5;
}

.drag-color-6 div.drag-div:hover {
	background:#e08c99;
}
.drop-target-drag-color-6 {
	background:#f9dadf;
}
.drop-target-drag-color-6,
.drag-color-6 div.disabled,
.drag-color-6 div.disabled:hover {
	background:#f6dee2;
}

div.blankTableList {
	border-top:2px solid #52afc7;
	border-bottom:2px solid #52afc7;
	background:url(images/bg-blank-table.png) no-repeat center center;
}

.sub-setting {
	display:none;
	position:absolute;
	z-index:10000;
	min-width:200px;
	border:1px solid #cdde5a;
	border-radius:2px;
	background:#fff;
	box-shadow:0px 6px 12px rgba(0,0,0,0.2);
}

.sub-setting:before {
	content:"";
	display:inline-block;
	position:absolute;
	top:-7px;
	right:9px;
	border-bottom:7px solid rgba(205,222,90,0.2);
	border-left:7px solid transparent;
	border-right:7px solid transparent;
}
.sub-setting:after {
	content:"";
	display:inline-block;
	position:absolute;
	top:-6px;
	right:10px;
	border-bottom:6px solid #cdde5a;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}

.sub-setting-bu-bottom:before {
	top:auto;
	bottom:-7px;
	border-bottom:none;
	border-top:7px solid #fff;
}

.sub-setting-bu-bottom:after {
	top:auto;
	bottom:-6px;
	border-bottom:none;
	border-top:6px solid #fff;
}


.sub-setting h3 {
	margin:0px;
	padding:0px;
	height:37px;
	line-height:37px;
	background:#cdde5a;
	font-size:14px;
	text-align:center;
}
.sub-setting button.btn-mini {
	width:22px;
	height:22px;
}

.sub-setting div.info {
	margin-bottom:7px;
}

/* 	媛��먯퐫�� 
   	硫댁젒媛��μ���
   	寃쎈젰湲곗닠�� 泥⑤� */
#pop-addpoint,
#pop-interview_area,
#pop-career_attach {
	width:280px;
}

/* 湲고��쒕쪟泥⑤� */
#pop-etc_attach {
	width:600px;
}
/* �먭린�뚭컻��
   ��웾湲곗닠�� */
#pop-introduce,
#pop-ability {
	width:450px;
}

/* �곌뎄�ㅼ쟻 */
#pop-research_activity {
	width:200px;
}

/*  寃쎈젰湲곗닠��
	�ㅼ슜�� ��ぉ */
#pop-career_description,
#pop-multi {
	width:370px;
}

/* 	硫댁젒媛��μ��� */
#pop-interview_area .sub-setting-contents {
	margin:20px auto 25px;
	width:212px;
}

/* 	媛��먯퐫�� */
#pop-addpoint .sub-setting-contents {
	margin:20px auto 25px;
	width:231px;
}

/* 	二쇱냼
   	�곕씫泥�   */
#pop-address .sub-setting-contents,
#pop-contact .sub-setting-contents
{
	margin:20px auto 25px;
	width:164px;
}

/* 	寃쎈젰湲곗닠�� 泥⑤� */
#pop-career_attach .sub-setting-contents {
	margin:20px auto 25px;
	width:240px;
}


/* 	寃쎈젰湲곗닠��
	�ㅼ슜�꾪빆紐� */
#pop-career_description .sub-setting-contents,
#pop-multi .sub-setting-contents {
	margin:20px auto 25px;
	width:310px;
}

/* 	湲고��쒕쪟泥⑤� */
#pop-etc_attach .sub-setting-contents {
	margin:20px auto 25px;
	width:550px;
}

/* 	�먭린�뚭컻��
   	��웾湲곗닠�� */
#pop-introduce .sub-setting-contents,
#pop-ability .sub-setting-contents {
	margin:20px auto 25px;
	width:390px;
}
.sub-setting-list>li {
	font-size:13px;
	margin-bottom:7px;
}
.sub-setting-list-all>li {
	padding:0 20px;
	height:34px;
	line-height:34px;
	border-bottom:1px solid #cdde5a;
	font-size:13px;
}
.sub-setting-list-all>li:hover {
	background:#e6eeac;
}
.sub-setting ol.code-list {
	margin-top:15px;
	padding:10px 15px;
	height:200px;
	overflow-y:auto;
	border:1px solid #ddd;
	border-radius:2px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.15) inset;
}

/*****************************************
梨꾩슜怨듦퀬�깅줉 Step3 媛��대뱶
******************************************/
section#wrapResume h1.h1 {
	margin-top:36px;
	margin-bottom:20px;
	color:#3c4d60;
	font-size:35px;
	font-weight:normal;
	text-align:center;
}
section#wrapResume h2.h2 {
	margin-top: 46px;
	margin-bottom: 10px;
	padding-left: 23px;
	background: url('images/bu.png') no-repeat scroll left 3px transparent;
	font-weight: normal;
	font-size: 22px;
}
section#wrapResume h3.h3 {
	margin-top: 36px;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url('images/bu.png') no-repeat scroll left -39px transparent;
	color:#3c4d60;
	font-weight:normal;
	font-size:19px;
}
section#wrapResume h2.h2+h3.h3 {
	margin-top:15px;
}
section#wrapResume textarea.guide-textarea {
	margin-bottom:10px;
}
section#wrapResume .photo {
	margin:0 auto;
	padding:10px;
	width:100px;
	height:130px;
	background:#f1f1f1;
}

/*****************************************
吏��먯옄 愿�由� �곸꽭寃���
******************************************/
#search-detail .tbl-form-group {
	display:none;
}
#search-detail .tbl-form-group.active {
	display:block;
}

/*****************************************
�꾪삎愿�由� �꾪삎����
******************************************/
#selectTarget {
	width:230px;
}
#choiceTarget,
#btnCountTarget,
#countTarget {
	float:left;
	margin-right:30px;
}
#countTarget{
	margin:6px -3px;
}
label.styled-select.selectTargetStyle{
	margin-right:30px;
}

/*****************************************
�꾪삎愿�由� �꾪삎����
******************************************/
a.btnLoadField.active,
a.btnLoadFee.active {
	font-weight:bold;
	text-decoration:underline;
}
#standardInterviewFee>li span {
	display:inline-block;
	width:80px;
}

/* table�먯꽌 +-由ъ뒪�� 100%�ш린 �ㅼ젙 */
.minus-list{
	width:calc(100% - 30px);
}

/*****************************************
硫댁젒�꾪삎 Step3
******************************************/
table.evalTable {
	margin-top:8px;
}
table.evalTable th {
	height:38px;
	background:#4a88cb;
	color:#fff;
}
ul.interviewer {
	margin-top:7px;
	padding-top:7px;
	border-top:1px solid #ededed;
}
ul.interviewer>li {
	margin-bottom:7px;
}

i.standard {
	display:inline-block;
	width:15px;
	height:13px;
	background:url(images/bu-standard.png) no-repeat left top;
	vertical-align:middle;
}
li.hasStandard i.standard {
	background-position:left -30px;
}

table.evalTable ul.interviewer {
	overflow:auto;
	box-sizing:border-box;
	margin:0px;
	padding-top:0px;
	height:500px;
	border:none;
}
table.evalTable ul.interviewer>li {
	margin:0px;
	padding:7px 6px 7px 11px;
}
table.evalTable ul.interviewer>li:hover {
	background:#e0eaf6;
}
table.evalTable ul.interviewer>li.active {
	background:#345c9a;
}
table.evalTable ul.interviewer>li>a {
	text-decoration:none;
}
table.evalTable ul.interviewer>li.active>a {
	color:#fff;
}
table.evalTable ul.interviewer>li.active>a>b {
	color:#a2b4d1 !important;
}
span.totalWeight {
	display:block;
	float:right;
	padding-right:10px;
}
button[data-button="saveRecruitField"] {
	position:absolute;
	bottom:0px;
	right:0px;
}
button[data-button="saveRecruitField"]:active {
	top:auto;
	left:auto;
	bottom:-1px;
	right:-1px;
}
button[data-button="saveRecruitField"]:disabled:active {
	top:auto;
	left:auto;
	bottom:0px;
	right:0px;
}
div.interviewAsk {
	position:relative;
}
div.init {
	padding-top:90px;
	padding-bottom:60px;
	background:url(images/iconGoToLeft.png) no-repeat center top;
}
div.init div {
	margin-left:20px;
	margin-right:20px;
	height:90px;
	line-height:90px;
	text-align:center;
	background:#f4f9fa;
}

#layerPopJobnoticeField li,
#layerPopJobnoticeStep li {
	padding-left:10px;
	background:url(images/bu-layer-pop.png) no-repeat left 7px;
}
#layerPopJobnoticeField li+li,
#layerPopJobnoticeStep li+li {
	margin-top:3px;
}

#layerPopAdminList table {
	border-top:1px solid #e1e1e1;
}
#layerPopAdminList table th {
	height:25px;
	background:#ebebeb;
}
#layerPopAdminList table td {
	padding:5px 10px;
}
#layerPopAdminList table td[colspan] {
	display:none;
	padding-left:30px;
}
#layerPopAdminList table tr[data-button=showDetail] {
	cursor:pointer;
}
#layerPopAdminList table tr.active td[colspan] {
	display:table-cell;
}
#layerPopAdminList table th,
#layerPopAdminList table td {
	border-bottom:1px solid #e1e1e1;
}
#layerPopAdmin h1 {
	margin-bottom:7px;
	font-size:13px;
	font-weight:normal;
}
#layerPopAdminList li,
#layerPopAdmin li {
	margin-top:2px;
	padding-left:20px;
	color:#888;
	font-size:12px;
}
#layerPopAdminList li.phone,
#layerPopAdmin li.phone {
	background:url(images/bu-admin.png) no-repeat left 2px;
}
#layerPopAdminList li.mobile,
#layerPopAdmin li.mobile {
	background:url(images/bu-admin.png) no-repeat 3px -98px;
}
#layerPopAdminList li.email,
#layerPopAdmin li.email {
	background:url(images/bu-admin.png) no-repeat 1px -196px;
}

/*****************************************
硫댁젒�꾪삎 Step5
******************************************/
.layerAutoInspect {
	padding:20px 0 0 20px;
	max-height:400px;
	overflow-y:auto;
}
.layerAutoInspect h3 {
	margin-bottom:3px;
}
.layerAutoInspect table.tbl-form-group {
	width:330px;
	border-top:1px solid #e1e1e1;
}
.layerAutoInspect table.tbl-form-group th,
.layerAutoInspect table.tbl-form-group td {
	padding:5px 10px;
	border-color:#e1e1e1;
}
.layerAutoInspect table.tbl-form-group tr:last-child th,
.layerAutoInspect table.tbl-form-group tr:last-child td {
	border-color:#e1e1e1;
}
.layerAutoInspect table.tbl-form-group th {
	background:#ebebeb;
	font-weight:normal;
}
.layerAutoInspect table.tbl-form-group td {
	border-left:1px solid #e1e1e1;
}

/*****************************************
�듯빀寃��� ( totalSearch )
******************************************/

/* �ㅼ썙�� 諛� 媛�닔 媛뺤“*/
#divTotalSearch .strongSummary{
	font-weight:bold;
	font-size:13px;
}
#divTotalSearch .strongSummary .spanSummaryCount{
	color:#8aaf21;
}
/* 寃��� 寃곌낵 �댁뿉�� �ㅼ썙�� 諛� 媛�닔 媛뺤“ */
#divTotalSearch .strongKeyword{
	/*font-weight:bold;*/
}
#divTotalSearch .sectionTS .strongSummary{
	margin-left:8px;
}
#divTotalSearch .sectionTS .strongSummary .spanSummaryCount{
	margin-left:3px;
	margin-right:3px;
}
/*�붾낫湲� 留곹겕 諛� �꾩씠肄�*/
#divTotalSearch .aSummaryMore{
	position:relative;
	font-size:13px;
	color:#1a71e1;
	text-decoration:underline;
}
#divTotalSearch .aSummaryMore i{
	margin-left:3px;
}
/* �뱀뀡 諛� 媛�濡쒖쨪 */
#divTotalSearch .sectionTS{
	position:relative;
	margin-bottom:70px;
}
#divTotalSearch .sectionTS:before{
	content:"";
	position:absolute;
	display:block;
	top:34px;
	left:0;
	right:0;
	border-bottom:2px solid #60b9ce;
}
/* �뱀뀡�� �ㅼ뼱媛��� span*/
#divTotalSearch .ulSectionContent span{
	padding:0 8px;
	position:relative;
	vertical-align:bottom;
}
#divTotalSearch .ulSectionContent span:before{
	content:"";
	border-left:1px solid #a9a9a9;
	position:absolute;
	left:-1px;
	bottom:2px;
	height:13px;
}
#divTotalSearch .ulSectionContent span.spanStart,
#divTotalSearch .ulSectionContent span:first-child{
	padding-left:0;
}
#divTotalSearch .ulSectionContent span.spanStart:before,
#divTotalSearch .ulSectionContent span:first-child:before{
	content:none;
}
/* �뱀뀡 �쒕ぉ 諛� �댁슜*/
#divTotalSearch .sectionTS .h3{
	margin:30px 0 40px;
}
#divTotalSearch .ulSectionContent{
	font-size:12px;
}
#divTotalSearch .ulSectionContent>li{
	position:relative;
	margin-bottom:36px;
}
#divTotalSearch .ulSectionContent.ulApplicant>li{
	margin-bottom:40px;
}
#divTotalSearch .ulSectionContent.ulDocument>li{
	width:45%;
	margin-right:5%;
	float:left;
	margin-bottom:50px;
}
#divTotalSearch .ulSectionContent.ulDocument>li:nth-child(odd){
	clear:both;
}
/* �ъ쭊 留곹겕 */
#divTotalSearch .imgApplicantTSWrapper{
	margin-right:20px;
	width:160px;
	height:200px;
	display: inline-block;
	position:relative;
}
#divTotalSearch .imgApplicantTS{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#divTotalSearch .imgSmallTS{
	margin-right:20px;
	width:80px;
	height:100px;
}
/* �댁슜 泥レ쨪*/
#divTotalSearch .divProfile {
	font-size:14px;
	margin-bottom:12px;
}
#divTotalSearch .divProfile .spanName{
	font-size:16px;
	color:#1a71e1;
	text-decoration:underline;
}
/* 異붽��ㅻ챸�쒓렇 - dlIndent dl */
#divTotalSearch .dlIndent{
	font-size:13px;
	min-height:139px;
	padding-bottom:25px;
}
#divTotalSearch .dlIndent>dt{
	display:inline-block;
	float:left;
	width:56px;
	margin-bottom:5px;
}
#divTotalSearch .dlIndent>dd{
	margin-left:56px;
	margin-bottom:5px;
}
#divTotalSearch .dlIndent>dd>ul{
	display:inline-block;
}
#divTotalSearch .dlIndent.dlStrongContent>dt{
	color:#98a4ab;
	margin-bottom:-1px;
}
#divTotalSearch .dlIndent.dlStrongContent>dd{
	margin-bottom:-1px;
}
#divTotalSearch .dlIndent.dlStrongContent>dd:nth-child(4n+4){
	margin-bottom:10px;
}
/* 異붽��ㅻ챸�쒓렇 - ulDescription ul */
#divTotalSearch .ulDescription{
	margin-left:100px;
}
#divTotalSearch .ulDescription.ulNoMargin{
	margin-left:0px;
}
#divTotalSearch .ulDescription>li{
	margin-bottom:1px;
}
#divTotalSearch .ulDescription>.liCategory{
	color:#98a4ab;
	margin:4px 0 15px;
}
#divTotalSearch .ulDescription>.liCategory:last-child{
	margin-bottom:0;
}
#divTotalSearch .ulDescription>.liDescTitle{
	margin-top:22px;
	margin-bottom:10px;
}
#divTotalSearch .ulDescription>.liDescTitle:first-child{
	margin-top:0px;
}
/* 吏��먯꽌, �먭린�뚭컻��, �됯��대젰, �붿빟由ы룷�� */
#divTotalSearch .ulAdditionalInfo{
	position:absolute;
	bottom:0;
	left:168px;
}
#divTotalSearch .ulAdditionalInfo>li{
	float: left;
	margin-right: 17px;
}
#divTotalSearch .ulAdditionalInfo>li>a{
	box-sizing: border-box;
	display:block;
	padding-left:19px;
	width:100%;
	height:18px;
	background-image:url(evaluation/images/bu-additionalInfo.png);
	background-repeat:no-repeat;
	color:#666;
	text-decoration:none;
}
#divTotalSearch .ulAdditionalInfo>li:nth-child(1)>a {background-position:left -120px;}
#divTotalSearch .ulAdditionalInfo>li:nth-child(2)>a {background-position:left top;}
#divTotalSearch .ulAdditionalInfo>li:nth-child(3)>a {background-position:left -40px;}
#divTotalSearch .ulAdditionalInfo>li:nth-child(4)>a {background-position:left -80px;}

#divTotalSearch .ulAdditionalInfo>li>a:hover { color:#000; }
#divTotalSearch .ulAdditionalInfo>li:nth-child(1)>a:hover {background-position:left -140px;}
#divTotalSearch .ulAdditionalInfo>li:nth-child(2)>a:hover {background-position:left -20px;}
#divTotalSearch .ulAdditionalInfo>li:nth-child(3)>a:hover {background-position:left -60px;}
#divTotalSearch .ulAdditionalInfo>li:nth-child(4)>a:hover {background-position:left -100px;}

/* �⑷꺽, 遺덊빀寃�, �꾨즺, 誘몄셿猷� Label */
#divTotalSearch .i-label {
	display:inline-block;
	border:none;
	margin-left:2px;
	margin-bottom:1px;
	line-height:18px;
	text-align:center;
	background-image:url(evaluation/images/labelTotalSearch.png);
	background-repeat:no-repeat;
	width:33px;
	height:18px;
	vertical-align:bottom;
}
#divTotalSearch .i-label.i-labelPass{ background-position:left top;}
#divTotalSearch .i-label.i-labelFail{ background-position:left -20px;}
#divTotalSearch .i-label.i-labelDone{ background-position:left -40px;}
#divTotalSearch .i-label.i-labelUndone{ background-position:left -60px;}
#divTotalSearch .i-label.i-labelInprogress{ background-position:left -80px;} /*�쒕쪟�묒꽦以�*/
#divTotalSearch .i-label.i-labelClosed{ background-position:left -100px;}
#divTotalSearch .i-label.i-labelAnnouncing{ background-position:left -120px;}
#divTotalSearch .i-label.i-labelInterviewing{ background-position:left -140px;} /* �꾪삎吏꾪뻾以�*/
#divTotalSearch .i-label.i-labelBlack{ background-position:left -160px;}
#divTotalSearch .i-label.i-labelFavorite{ background-position:left -180px;}

/*****************************************************
*  梨꾩슜怨듦퀬�깅줉 
*****************************************************/
.btnSetFloat{
	width:150px;
	height:100px;
	text-align:center;
	position:absolute;
	top:540px;
	right:-75px;
}

@media screen and (max-width:1440px) {
	.btnSetFloat {right:0px;}
}
@media screen and (min-width:1441px) and (max-width:1550px) {
	.btnSetFloat {right:-60px;}
}
.btnSetFloat:before{
	content:"";
	position:absolute;
	border-left:1px solid #cbdfe4;
	border-right:1px solid #cbdfe4;
	height:144px;
	margin-left:-1px;
	left:50%;
	top:-58px;
}
.btnSetFloat:after{
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	border:3px solid #fff;
	border-radius:50%;
	margin-left:-5px;
	left:50%;
	background:#8fe1d6;
	top:-38px;
}
.btnSetFloat button.btn{
	margin-right:0;
}
.btnSetFloat .fixedBtnBalloon{
	display:inline-block;
	position:relative;
	background:#fff;
	border-radius:2px;
	border:1px solid #d8d8d8;
	color:#81919e;
	line-height:15px;
	font-size:12px;
	padding:5px 18px;
	height:30px;
	margin-top:11px; /* �좊땲硫붿씠�� */
}
.btnSetFloat .fixedBtnBalloon:before{
	content:"";
	position:absolute;
	border-bottom:7px solid #d8d8d8;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	margin-left:-6px;
	left:50%;
	top:-7px;
}
.btnSetFloat .fixedBtnBalloon:after{
	content:"";
	position:absolute;
	border-bottom:7px solid #fff;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	margin-left:-6px;
	left:50%;
	top:-6px;
}

.inputListSeparator{ margin-top:12px; padding-top:12px; border-top:1px solid #f2f2f2; position:relative; }
.inputListSeparator:before{ content:""; position:absolute; top:-1px; left:0; border-top:1px solid #fff; width:34px; }
.inputListSeparator:after{ content:""; position:absolute; top:-1px; right:0; border-top:1px solid #fff; width:32px; }

/************************************************************
* 梨꾩슜�ъ씠�� �ㅼ젙 踰꾩쟾愿�由�
*************************************************************/
.appsiteVersion {
	margin:0 auto;
	width:680px;
}
.appsiteVersion>div {
	height:67px;
	background:#fff;
	border-bottom:1px solid #5cbed6;
	text-align:center;
	line-height:70px;
}
.appsiteVersion>div:first-child {
	border-top:2px solid #3aa8c7;
}
.appsiteVersion>div.active {
	background:#9ae7f6;
}
.appsiteVersion h3 {
	display:inline-block;
	margin-top:8px;
	margin-right:15px;
	color:#797d7f;
	font-size:18px;
	font-weight:normal;
}
.appsiteVersion>div.active h3 {
	color:#1e4869;
}
.appsiteVersion>div.active input.text.version {
	margin-right:7px;
	padding-left:15px;
	padding-right:15px;
	width:224px;
	height:39px;
	border:2px solid #3c618d;
	font-size:20px;
}
.appsiteVersion .styled-select {
	margin-right:7px;
	width:220px;
	height:35px;
}
.appsiteVersion .styled-select:after {
	content:"";
	position:absolute;
	top:0px;
	right:27px;
	height:35px;
	border-left:1px solid #ddd;
}
.appsiteVersion .styled-select>select {
	padding-left:12px;
	height:35px;
	color:#797d7f;
	font-size:16px;
}

/* ���쒕낫�� �ㅼ�伊� */
#schedule {
	position:absolute;
	top:0px;
	float:left;
	width:329px;
	height:700px;
	background:#74c6ec;

	box-sizing:border-box;
	padding:30px 0 0 23px;
}
/* �쇱そ �쇱젙 */
#schedule .scheduleTitle{
	color:#ffffff;
	font-size:30px;
	letter-spacing:1px;
}
#schedule .scheduleBody{
	width:calc(100% - 26px);
	height:630px;
	position:absolute;
	bottom:1px;
}
/* �섎（�� �쇱젙 */
.taskOneDayWrapper{
	margin-bottom:18px;
	padding-right:20px;
}
.tasklistDate{
	color:#0b81b7;
	font-size:12px;
	height:30px;
	line-height:36px;
}
/* �щ뜲�� �쇱젙 */
.taskOneDayWrapper .tasklistAllday{
	border-bottom:1px solid #9ad6f1;
}
.taskOneDayWrapper .tasklistAllday>li{
	min-height:47px;
	padding:12px 0 0 49px;
	position:relative;
	border-top:1px solid #9ad6f1;
}
.taskOneDayWrapper .tasklistAllday>li:hover{
	background:#2d3d4f;
}
/* �щ뜲�� �쇱젙 �꾩씠肄� */
.taskOneDayWrapper .tasklistAllday>li:before{
	content:"";
	position:absolute;
	width:46px;
	height:46px;
	top:calc(50% - 23px);
	left:0;
}
.taskOneDayWrapper .tasklistAllday>li.jobnotice:before{ background:url(images/icon-schedule-task.png) no-repeat 0px 0px; }
.taskOneDayWrapper .tasklistAllday>li.document:before{ background:url(images/icon-schedule-task.png) no-repeat 0px -46px; }
.taskOneDayWrapper .tasklistAllday>li.hnt:before{ background:url(images/icon-schedule-task.png) no-repeat 0px -92px; }
.taskOneDayWrapper .tasklistAllday>li.inseed:before{ background:url(images/icon-schedule-task.png) no-repeat 0px -92px; }
.taskOneDayWrapper .tasklistAllday>li.test:before{ background:url(images/icon-schedule-task.png) no-repeat 0px -138px; }
.taskOneDayWrapper .tasklistAllday>li.interview:before{ background:url(images/icon-schedule-task.png) no-repeat 0px -184px; }
.taskOneDayWrapper .tasklistAllday>li.announce:before{ background:url(images/icon-schedule-task.png) no-repeat 0px -230px; }

/* �щ뜲�� �쇱젙 */
.taskOneDayWrapper .tasklistToday{
	margin-top:-1px;
}
.taskOneDayWrapper .tasklistToday>li{
	min-height:51px;
	padding:14px 0 0 79px;
	position:relative;
	border:1px solid #9ad6f1;
	background:#82ccee;
	margin-bottom:5px;
	box-shadow:1px 1px rgba(128,128,128,0.1);
}
.taskOneDayWrapper .tasklistToday>li:hover{
	background:#2d3d4f;
	border:1px solid #2d3d4f;
	box-shadow:2px 2px rgba(64,64,64,0.1);
}
/*�щ뜲�� �쇱젙 �꾩씠肄� */
.taskOneDayWrapper .tasklistToday>li:before{
	content:"";
	position:absolute;
	width:46px;
	height:46px;
	top:calc(50% - 23px);
	left:15px;
}
.taskOneDayWrapper .tasklistToday>li.jobnotice:before{ background:url(images/icon-schedule-task.png) no-repeat -46px 0px; }
.taskOneDayWrapper .tasklistToday>li.document:before{ background:url(images/icon-schedule-task.png) no-repeat -46px -46px; }
.taskOneDayWrapper .tasklistToday>li.hnt:before{ background:url(images/icon-schedule-task.png) no-repeat -46px -92px; }
.taskOneDayWrapper .tasklistToday>li.inseed:before{ background:url(images/icon-schedule-task.png) no-repeat -46px -92px; }
.taskOneDayWrapper .tasklistToday>li.test:before{ background:url(images/icon-schedule-task.png) no-repeat -46px -138px; }
.taskOneDayWrapper .tasklistToday>li.interview:before{ background:url(images/icon-schedule-task.png) no-repeat -46px -184px; }
.taskOneDayWrapper .tasklistToday>li.announce:before{ background:url(images/icon-schedule-task.png) no-repeat -46px -230px; }

/* �쇱젙 而⑦뀗痢� */
.taskOneDayWrapper .taskTitle{
	color:#FFF;
	font-size:14px;
	float:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tasklistAllday .taskTitle{
	width:234px;
}
.tasklistToday .taskTitle{
	width:202px;
}
.taskOneDayWrapper .taskDate,
.taskOneDayWrapper .taskTime,
.taskOneDayWrapper .taskLocation{
	color:#FFF;
	float:left;
	position:relative;
	font-size:11px;
	padding-left:14px;
	margin-right:5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.taskOneDayWrapper .taskDate{ width:calc(100% - 15px);}
.taskOneDayWrapper .taskTime{ width:calc(38%); }
.taskOneDayWrapper .taskLocation{ width:calc(42%); margin:0;}

.taskOneDayWrapper .taskDate:before{
	content:"";
	width:10px;
	height:10px;
	position:absolute;
	background:url("images/icon-schedule.png") no-repeat;
	left:0;
	top:calc(50% - 6px);
}
.taskOneDayWrapper .taskTime:before{
	content:"";
	width:10px;
	height:10px;
	position:absolute;
	background:url("images/icon-schedule.png") no-repeat;
	left:0;
	top:calc(50% - 6px);
}
.taskOneDayWrapper .taskLocation:before{
	content:"";
	width:10px;
	height:12px;
	position:absolute;
	background:url("images/icon-schedule.png") no-repeat -10px 0px;
	left:0;
	top:calc(50% - 7px);
}
.scheduleEmpty{
	position:relative;
	margin-right:23px;
	height:600px;
}
.scheduleEmptyBackground{
	position:relative;
	background:url(images/bg-schedule.png);
	height:100%;
}
.scheduleEmptyBackground:before{
	content:"";
	position:absolute;
	width:91px;
	height:101px;
	left:96px;
	top:151px;
	background:url("images/icon-schedule-empty.png") no-repeat;
	opacity:0.6;
}
.scheduleEmptyInfo{
	position:absolute;
	font-size:16px;
	width:100%;
	color:#fff;
	color:rgba(255, 255, 255, 0.8);
	text-align:center;
	top:48%;
}

ul.tab.tabDashboard {
	margin-top:0px;
}
ul.tab.tabDashboard>li>a.active {
	background:#E8F5F6;
}
ul.tab.tabDashboard>li>a.active:after {
	border-bottom-color:#E8F5F6;
}

div.dashboard-box {
	position:relative;
	box-sizing:border-box;
	height:145px;
	background:#fff;
	border-top:3px solid #485a8a;
	box-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
div.dashboard-box>div.span {
	padding-top:30px;
	height:118px;
}
div.dashboard-box>dl {
	position:relative;
	float:left;
	width:25%;
	height:100%;
	background:url(images/icon-dashboard-box.png) no-repeat;
}

div.dashboard-box.box3>dl{
	width:33.3%;
}
div.dashboard-box>dl.applicant {
	background-position:17% 48px;
}
div.dashboard-box>dl.jobnotice {
	background-position:25% -93px;
}
div.dashboard-box>dl.sms {
	background-position:20% -234px;
}
div.dashboard-box>dl.inseed {
	background-position:19% -378px;
}
div.dashboard-box>dl+dl:before {
	content:url(images/border-dashboard-dl.png);
	position:absolute;
	top:27px;
	left:0px;
}
div.dashboard-box dt {
	position:absolute;
	right:15%;
	bottom:38px;
	font-size:14px;
	letter-spacing:-1px;
}
div.dashboard-box dd {
	position:absolute;
	right:15%;
	bottom:52px;
	font-size:28px;
	font-weight:bold;
	letter-spacing:-1px;
}
div.dashboard-box>dl.applicant dd,
div.dashboard-box>dl.jobnotice dd {
	color:#3f7686;
}
div.dashboard-box>dl.sms dd,
div.dashboard-box>dl.inseed dd {
	color:#485a8a;
}
div.hasMedal {
	position:relative;
}
div.hasMedal:before {
	content:url(images/icon-medal.png);
	position:absolute;
	left:calc(50% - 29px);
	top:-3px;
}

div.dashboard-box h2 {
	font-size:17px;
	font-weight:normal;
}
div.dashboard-box span.productGrade {
	display:block;
	margin-top:5px;
	font-size:40px;
	font-weight:bold;
	letter-spacing:-1px;
}
div.contractTerm {
	position:relative;
	box-sizing:border-box;
	padding-right:50px;
}
ul.usedStatusLabel {
	position:absolute;
	top:30px;
	right:35px;
}
ul.usedStatusLabel li {
	float:left;
	font-size:11px;
}
ul.usedStatusLabel li+li {
	margin-left:13px;
}
ul.usedStatusLabel li:before {
	content:'';
	display:inline-block;
	margin-right:6px;
	width:9px;
	height:9px;
}
ul.usedStatusLabel li.used:before {background:#e6e6e6}
ul.usedStatusLabel li.rest:before {background:#41c5ba}

div.contractTerm div.wrapBar {
	position:relative;
	margin-top:22px;
	height:15px;
	background:#519fed;
}
div.contractTerm div.wrapBar div.bar {
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:15px;
	background:#e6e6e6;
}
div.contractTerm div.wrapBar.finish div.bar {
	width:100%;
}
div.contractTerm div.wrapBar.finish div.bar:before {
	content:'怨꾩빟 留뚮즺';
	display:block;
	position:absolute;
	top:-6px;
	left:calc(50% - 54px);
	width:108px;
	height:27px;
	line-height:25px;
	background:#323d65;
	color:#fff;
	text-align:center;
}
div.contractTerm span.barText {
	display:inline-block;
	margin-top:5px;
	font-size:14px;
}
div.contractTerm span.barText.right {
	float:right;
}

div.contractDetail {
	position:relative;
	box-sizing:border-box;
	padding:28px 35px;
	height:428px;
	background:#fff;
	box-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

div.contractDetail h3 {
	color:#243e71;
	font-size:16px;
	font-weight:normal;
}

h2.h2-dashboard {
	margin:30px 1px 7px;
	color:#000;
	font-size:20px;
	font-weight:normal;
}

div.contractDetail div.row {
	margin-top:20px;
}
div.contractDetail h4 {
	font-size:14px;
	font-weight:normal;
}
div.contractDetail span.desc {
	display:block;
	margin-top:2px;
	color:#777;
}
div.contractDetail div.wrapBar {
	position:relative;
	margin-top:2px;
	height:12px;
	background:#63ccce;
}
div.contractDetail div.wrapBar div.bar {
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:12px;
	background:#e6e6e6;
}
div.contractDetail div.wrapBar.over div.bar,
div.contractDetail div.wrapBar.finish div.bar {
	width:100%;
}
div.contractDetail div.wrapBar.unlimited div.bar {
	background:#63ccce;
}
div.contractDetail div.wrapBar.over div.bar:before {
	content:url(images/labelAdminOver.png);
	position:absolute;
	top:-23px;
	left:calc(50% - 44px);
}
div.contractDetail div.wrapBar.finish div.bar:before {
	content:url(images/labelAdminFinish.png);
	position:absolute;
	top:-23px;
	left:calc(50% - 57px);
}
div.contractDetail span.barText {
	display:inline-block;
	margin-top:5px;
}
div.contractDetail span.barText.right {
	float:right;
}
div.contractDetail div.bar.finish+span+span.barText {
	color:#757aca;
}
div.contractDetail div.bar.finish+span+span.barText {
	color:#485a8a;
}
div.contractDetail div.bar.finish+span+span.barText {
	color:#4c98a9;
}
div.contractDetail hr {
	margin-bottom:20px;
	border:none;
	border-top:1px dashed #91a1b8;
}
table.table.table-dashboard th.border,
table.table.table-dashboard td.border,
table.table.table-dashboard th+th,
table.table.table-dashboard td+td {
	border-left:1px solid #dcdddd;
}
table.table.table-dashboard th {
	background:#ebf8fb;
}
table.table.table-dashboard tbody:nth-child(odd) td,
table.table.table-dashboard tfoot:nth-child(odd) td {
	background:#fff;
}
table.table.table-dashboard tbody:nth-child(even) td,
table.table.table-dashboard tfoot:nth-child(even) td {
	background:#f9fbfb;
}
table.table.table-dashboard tfoot td {
	padding:10px 0;
}

/****************************
�몄꽦寃��ш껐怨�
****************************/
table.table.table-HNT .resultValue.result_RS,
table.table.table-HNT .resultValue.result_RA {background-color:#fe9ca4;}
table.table.table-HNT .resultValue.result_S {background-color:#b1a0e3;}
table.table.table-HNT .resultValue.result_A {background-color:#6bb0dc;}
table.table.table-HNT .resultValue.result_B {background-color:#9cd9e6;}
table.table.table-HNT .resultValue.result_C {background-color:#f5a987;}
table.table.table-HNT .resultValue.result_D {background-color:#f08c8a;}
table.table.table-HNT .resultValue.result_F {background-color:#9b9c9e;}

table.table.table-HNT a.visibleLink{
	text-decoration:underline;
}
/*
table.table.table-HNT .resultValue.result_S {
	background-color: #f5e06e;
}

table.table.table-HNT .resultValue.result_A {
	background-color: #83cb86;
}

table.table.table-HNT .resultValue.result_B {
	background-color: #8bc4ea;
}

table.table.table-HNT .resultValue.result_C {
	background-color: #a198d0;
}

table.table.table-HNT .resultValue.result_D {
	background-color: #ef737e;
}

table.table.table-HNT .resultValue.result_F {
	background-color: #9b9b9b;
}
*/

div.blankTableDefault{
	border-top: 2px solid #52afc7;
	border-bottom: 2px solid #52afc7;
	height:300px;
	position:relative;
	padding-left:37%;
	margin-bottom: 100px;
}
div.blankTableDefault:before{
	content:"";
	position:absolute;
	width:157px;
	height:157px;
	top:calc(50% - 79px);
	left:20%;
	background:url(images/bg-alert.png) no-repeat;
}
div.blankTableDefault .blankContent{
	position:absolute;
	display:inline-block;
	height:40px;
	font-size:20px;
	color:#A2B4C0;
	top:calc(50% - 20px);
}
ul.attachList>li{
	height:22px;
}
ul.attachList>li+li {
	margin-top:3px;
}

/*************************************
INSEED 寃��ш껐怨�
*************************************/
table.table.table-INSEED a.visibleLink {
	text-decoration:underline;
}
table.table.table-INSEED .resultValue.result_RS,
table.table.table-INSEED .resultValue.result_RA {background-color:#ef5151;}
table.table.table-INSEED .resultValue.result_S {background-color:#785bcf;}
table.table.table-INSEED .resultValue.result_A {background-color:#0177c3;}
table.table.table-INSEED .resultValue.result_B {background-color:#2fb0cc;}
table.table.table-INSEED .resultValue.result_C {background-color:#f17944;}
table.table.table-INSEED .resultValue.result_D {background-color:#e95753;}
table.table.table-INSEED .resultValue.result_F {background-color:#535458;}

/*************************************
	�곸꽭寃���
*************************************/
button.btn.btn-detailSearch{
	width: 116px;
	height: 33px;
	background: url(images/btn-detailSearch.png) no-repeat;
	border:0;
	color:#2e5573;
	font-size:12px;
	position: absolute;
	right:40px;
	outline: none;
	margin:-1px 24px 0 0;
}
button.btn.btn-detailSearch:hover{
	background: url(images/btn-detailSearch.png) no-repeat;
	color: #15b3ca;
}
button.btn.btn-detailSearch:active{
	left:auto;
	right:40px;
	top:0;
	color: #15b3ca;
}
.detailSearch{
	background:#ebebeb;
	font-size:12px;
	margin:1px 0 1px;
	padding:0px 40px;
}
.detailSearch.active{
	padding:19px 40px 20px;
}
.detailSearch-section{
	width:33%;
	min-height:33px;
	color:#1d4360;
	line-height:30px;
	float:left;
}
/* �곸꽭寃��됱씠 �대젮�덇퀬 + �듭뀡�� �� 以꾨줈 �앷만�� 媛쒗뻾�섎룄濡�*/
.detailSearch.open .detailSearch-section:nth-child(3n+1){
	clear:both;
}
.detailSearch-section input[type=text]{
	height:26px;
}
.detailSearch-sectionName{
	width:76px;
	display: inline-block;
	font-weight: bold;
	vertical-align:top;
}
/* ���숆탳 怨좊벑�숆탳 �좏깮�섎뒗 肄ㅻ낫諛뺤뒪*/
.detailSearch-school{
	width:100%;
	height:30px;
	background: transparent;
	border:0;
	color:#1d4360;
	font-size:12px;
	font-weight:bold;
	margin:0;
	margin-left:-3px;
	padding:0;
}
/* �대� 寃��� �댁슜 */
.detailSearch-labelSet label{
	margin-right:10px;
}
.detailSearch-searchLabelSet{
	margin-top:-1px;
}
.detailSearch-searchLabelSet label{
	margin-right:6px;
}
/* 議곌굔 寃��� input */
.detailSearch-inputTextWrapper{
	display:inline-block;
}
.detailSearch-inputTextWrapper .input-icon .text{
	height:28px;
	width:160px;
	color:#666;
}
.detailSearch-inputTextWrapper .input-icon i.fa.fa-search{
	top:1px;
}
.detailSearch-list{
	margin-top:3px;
}
.detailSearch-list li{
	line-height:18px;
}
.detailSearch-list-wide{
	margin-left:-80px;
}
.detailSearch-optionTitle{
	max-width: 130px;
	height: 16px;
	color: #71a01b;
	display: inline-block;
	margin:0 8px 0 3px;
	line-height: 16px;
	vertical-align: middle;

	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.detailSearch-list-wide .detailSearch-optionTitle{
	max-width: 90px;
}
.detailSearch-section:nth-child(16) .detailSearch-optionTitle{	width: 90px; }
.detailSearch-section:nth-child(17) .detailSearch-optionTitle{	width: 50px; }

/**********************************
* �꾪삎寃곌낵
***********************************/
.appState {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	height:17px;
	margin:2px 7px 2px 4px;
	padding:1px 6px 1px 0px;
	font-family:"�뗭�", dotum;
	font-size:11px;
	letter-spacing:-1px;
	text-decoration:none;
}
span.appState{ /* �쒕∼�ㅼ슫 硫붾돱�먯꽌 蹂닿린�� �섎뒗 �꾩씠�� */
	min-width:52px;
	text-align:center;
	line-height:12px;
	margin-right:5px;
	padding:2px 4px 0px 2px;
}
a.appState {
	text-decoration:none;
	text-align:center;
	min-width:52px;
}
a.appState:after{ /*�붿궡��*/
	content: "\f0d7";
	font-family:"FontAwesome";
	position:absolute;
	right:5px;
	top:3px;
}
.appState.appState-90 { /* �⑷꺽 */
	background:#57b7f4;
	border:1px solid #36a9f3;
	color:#fff;
}
.appState.appState-30 { /* �덈퉬�⑷꺽 */
	background:#8888ce;
	border:1px solid #8888ce;
	color:#fff;
}
.appState.appState-20 { /* 遺덊빀寃� */
	background:#ababab;
	border:1px solid #ababab;
	color:#fff;
}
.appState.appState-10{ /* �꾪삎 ���� */
	background:#fff;
	border:1px solid #ccc;
	color:#a9a9a9;
}
/**
�ㅼ쓬�꾪삎 李몄꽍�щ�
*/
.appState.appState-1 { /* 李몄꽍 */
	background:#57b7f4;
	border:1px solid #36a9f3;
	color:#fff;
}
.appState.appState-0 { /* �꾪삎�ш린 */
	background:#ababab;
	border:1px solid #ababab;
	color:#fff;
}
.appState.appState-2{ /* 臾댁쓳�� */
	background:#fff;
	border:1px solid #ccc;
	color:#a9a9a9;
}
.dropdown-menu>li span.appState.appState-10{ /*�쒕엻�ㅼ슫�먯꽌 湲��� �� 諛붾�뚮뒗 �꾩긽 諛⑹�*/
	color:#a9a9a9;
}
/**********************************
* �됯���
***********************************/
span.valuerFilter{
	display:inline-block;
	box-sizing:border-box;
	min-width:118px;
	position:relative;
	padding:6px 9px 5px 9px;
	line-height:21px;
	border:1px solid #d8d8d8;
	background:#fff;
	border-radius:2px;
	cursor:pointer;
}
span.valuerFilter:after{
	content:" \f0d7";
	font-family:"FontAwesome";
	position:absolute;
	right:6px;
}
/* �됯��� �뚮윭�� 怨좎퀜吏��� �곹깭*/
.valuerState{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	height:17px;
	margin:2px 7px 2px 4px;
	padding:1px 7px 1px 6px;
	font-family:"�뗭�", dotum;
	font-size:11px;
	letter-spacing:-1px;
	text-decoration:none;
}
i.valuerState{ /* �됯��� 踰붾� �쒖떆*/
	font-weight:normal;
	font-style:normal;
	min-width:46px;
	padding:3px 2px 1px 0;
	text-align:center;
	line-height:12px;
	margin-right:5px;
}
.valuerState.valuerState-10 { /* �꾪삎���� */
	background:#fff;
	border:1px solid #fff;
	color:#a9a9a9;
}
.valuerState.valuerState-90 { /* �⑷꺽 */
	background:#57b7f4;
	border:1px solid #36a9f3;
	color:#fff;
}
.valuerState.valuerState-30 { /* �덈퉬�⑷꺽 */
	background:#8888ce;
	border:1px solid #8888ce;
	color:#fff;
}
.valuerState.valuerState-20 { /* 遺덊빀寃� */
	background:#ababab;
	border:1px solid #ababab;
	color:#fff;
}
.valuerState.valuerState-finalSubmit-N { /* �됯��� 誘몄젣異� */
	background:#fff;
	border:1px solid #f26782;
	color:#000;
}
.valuerState.valuerState-finalSubmit-Y { /* �됯��� �쒖텧�꾨즺 */
	background:#fff;
	border:1px solid #fff;
	color:#000;
}
/* span.valuerState �� 理쒖쥌�뺢��� �곹깭 �쒖떆��*/
span.valuerState:hover{
	margin-right:0px;
	cursor:pointer;
}
span.valuerState:hover:after{
	content:" \f0d7";
	font-family:"FontAwesome";
}

/**********************************
* �쇰꺼 - 梨꾩슜怨듦퀬愿���
***********************************/
i.jobnotice {
	display:inline-block;
	margin-bottom:2px;
	width:35px;
	height:16px;
}
i.jobnotice.pre-regist { background:url(images/labelJobnoticeState.png) no-repeat left top;}
i.jobnotice.regist { background:url(images/labelJobnoticeState.png) no-repeat left -16px;}
i.jobnotice.progress { background:url(images/labelJobnoticeState.png) no-repeat left -32px;}
i.jobnotice.announce { background:url(images/labelJobnoticeState.png) no-repeat left -48px;}
i.jobnotice.finish { background:url(images/labelJobnoticeState.png) no-repeat left -64px;}
i.jobnotice.pre-progress{ background:url(images/labelJobnoticeState.png) no-repeat left -80px;}
i.jobnotice.ended { background:url(images/labelJobnoticeState.png) no-repeat left -96px;}
/**********************************
�⑷꺽�� 諛쒗몴 愿��� �쇰꺼
***********************************/
i.announcement {
	display:inline-block;
	margin-bottom:1px;
	width:45px;
	height:18px;
}
/* 寃뚯떆�� */
i.announcement.postScheduled { background:url(images/labelAnnouncement.png) no-repeat left 0px;}
i.announcement.postOngoing { background:url(images/labelAnnouncement.png) no-repeat left -20px;}
i.announcement.postFinished { background:url(images/labelAnnouncement.png) no-repeat left -40px;}
i.announcement.noPost { background:url(images/labelAnnouncement.png) no-repeat left -60px;}
i.announcement.sendScheduled { background:url(images/labelAnnouncement.png) no-repeat left -80px;}
i.announcement.sendFinished { background:url(images/labelAnnouncement.png) no-repeat left -100px;}
i.announcement.noSending { background:url(images/labelAnnouncement.png) no-repeat left -120px;}
/***********************************************************************
�대찓�� 愿��� �쇰꺼
***********************************************************************/
a.emailView {
	display:inline-block;
	width:16px;
	height:21px;
	background:url(images/view-email.png) no-repeat;
}
a.smsView {
	display:inline-block;
	width:36px;
	height:25px;
}
a.smsView.long {background:url(images/view-sms.png) no-repeat 0 0;}
a.smsView.short {background:url(images/view-sms.png) no-repeat 0 -25px;}

i.emailResult{
	display:inline-block;
	width:40px;
	height:18px;
	margin-bottom:-5px;
}
i.emailResult.sending {background:url(images/labelEmailStatus.png) no-repeat 0 0;}
i.emailResult.fail {background:url(images/labelEmailStatus.png) no-repeat 0 -20px;}
i.emailResult.success {background:url(images/labelEmailStatus.png) no-repeat 0 -40px;}
i.emailResult.send {background:url(images/labelEmailStatus.png) no-repeat 0 -60px;}
i.emailResult.noSend {background:url(images/labelEmailStatus.png) no-repeat 0 -80px;}
i.emailResult.complete {background:url(images/labelEmailStatus.png) no-repeat 0 -100px;border:1px solid #ccc;}
i.emailResult.read {background:url(images/labelEmailStatus.png) no-repeat 0 -120px;}
span.viewEmailDate:before {
	content:"\f017";
	font-family:FontAwesome;
	color:#94a7c0;
	margin-right:6px;
}
span.viewEmailTime:before {
	content:" / ";
	color:#cfcfcf;
	margin-left:2px;
}

/***********************************************************************
寃뚯떆�� 愿�由�
***********************************************************************/
/* 寃뚯떆�� �쇰꺼*/
i.boardLabel{
	display:inline-block;
	margin-bottom:1px;
	width:33px;
	height:18px;
	vertical-align:bottom;
}
i.boardLabel.notice { background:url(images/labelBoard.png) no-repeat 0px 0px; }
i.boardLabel.public { background:url(images/labelBoard.png) no-repeat 0px -20px; }
i.boardLabel.private { background:url(images/labelBoard.png) no-repeat 0px -40px; }
i.boardLabel.question { background:url(images/labelBoard.png) no-repeat 0px -60px; }
i.boardLabel.answer { background:url(images/labelBoard.png) no-repeat 0px -80px; }

/* 寃뚯떆�� �듦� */
span.board-comment{
	color:#000000;
	margin:0 9px;
	cursor:default;
	font-size:12px;
}
em.board-comment-count{
	color:#5c901a;
	margin-right:2px;
}
i.commentLabel{
	display:inline-block;
	width:11px;
	height:12px;
	background:url(images/icon-comment.png) no-repeat;
	vertical-align: middle;
	margin: 0 3px 2px;
}
/* 寃뚯떆�� �듬� 湲��� �� */
span.board-answer{
	color:#a1c725;
	margin:0 9px;
	cursor:default;
}
span.board-answer:first-child{
	margin:0;
}
span.board-received{
	color:#8a8a8a;
}
/* 寃뚯떆�� �볤� */
div.boardQuestion{
	padding:8px 15px 18px 29px;
	position:relative;
}
span.board-answer-register{
	font-size:13px;
	font-weight:normal;
	padding:3px 17px;
}
span.board-answer-date{
	color:#848484;
	font-size:13px;
	font-weight:normal;
	padding:3px 0 3px 19px;
	word-spacing:7px;
	border-left:1px solid #ebebeb;
}
textarea.textarea.textareaComment{
	width:calc(100% - 100px);
	height:80px;
	word-break:break-all;
}
/* �됯��� 怨듭��ы빆 �볤�*/
span.thumbnailGuide{
	font-size:11px;
	color:#aaa;
}
ul.board-comment-list{
	background:#fbfbfb;
	padding:0 20px;
}
ul.board-comment-list>li{
	padding:25px 0;
	border-bottom:1px dashed #cecece;
}
/* �듬��멸꼍�� */
ul.board-comment-list.typeAnswer{
	border-bottom:1px solid #e1e1e1;
	padding:0;
}
ul.board-comment-list.typeAnswer>li{
	padding:19px 20px 46px 66px;
	position:relative;
	border-bottom:1px solid #cecece;
}
ul.board-comment-list.typeAnswer>li:after{
	content:"";
	position:absolute;
	display:inline-block;
	width:calc(100% - 46px);
	border-top:1px dashed #e1e1e1;
	top:52px;
	right:20px;
}
ul.board-comment-list.typeAnswer>li:last-child{
	border-bottom:none;
}
ul.board-comment-list.typeAnswer div.typeAnswerTitle{
	margin-bottom:26px;
}
ul.board-comment-list span.board-comment-register{
	font-weight:bold;
}
ul.board-comment-list span.board-comment-date{
	font-size:12px;
	margin-left:10px;
	word-spacing:5px;
	color:#858585;
}
/*�볤��댁슜*/
div.board-comment{
	text-align:justify;
}
span.comment-contents{
	text-align:justify;
	word-break:break-all;
}
iframe.comment-contents{
	width:100%;
}
/*異붽��낅젰*/
div.board-comment-input{
	padding:25px 20px;
	background:#fbfbfb;
	border-bottom:1px solid #e1e1e1;
}
div.board-answer-input{
	margin-top:30px;
	border:1px solid #e1e1e1;
	border-top:1px solid #60b9ce;
	background:#fbfbfb;
	padding:14px 16px;
}


/*********************************************************************
硫붿씤(��)
**********************************************************************/
.topHome {margin:0 0 40px 0;}
.topHome .recruitBooth {
	position:relative;
	overflow:hidden;
	float:left;
	width:48%;
	height:107px;
	-webkit-perspective: 3000px;
}
.topHome .recruitBooth .btnArea {
	position:absolute;
	right:0;
	top:4px;
	z-index:10;
}
.topHome .recruitBooth .btnArea .btnChoice {
	width:10px;
	height:10px;
	margin:0 0 0 6px;
	padding:0;
	border:none;
	border-radius:5px;
	background:#b9b9b9;
}
.topHome .recruitBooth .btnArea .btnChoice.active {
	background:#add06b;
}
.topHome .recruitBooth .boothArea {
	position:relative;
	transform-style: preserve-3d;
}
.topHome .recruitBooth dl {
	width:100%;
	height:110px;
	margin:0;
	position:absolute;
	visibility:hidden;
}
.topHome .recruitBooth dt {
	font-weight:bold;
	margin:0 0 8px 0;
}
.topHome .recruitBooth dd {
	position:relative;
	float:left;
	width:50%;
	height:80px;
	padding:21px 0 0 0;
	background:#d2e7bb;
	text-align:center;
	box-sizing:border-box;
}
.topHome .recruitBooth dd>a{
	display:block;
}
.topHome .recruitBooth dd>a:hover{
	text-decoration:none;
}
.topHome .recruitBooth dd.first:before {
	position:absolute;
	right:0;
	top:0;
	width:1px;
	height:100%;
	background:#fff;
	content:"";
}
.topHome .recruitBooth .tx {
	display:inline-block;
	position:relative;
	margin-right:10px;
	padding-left:40px;
	font-size:12px;
	line-height:16px;
	text-align:left;
}
.topHome .recruitBooth .tx:before {
	position:absolute;
	left:0;
	top:0;
	width:28px;
	height:29px;
	background:url(images/recruitBoothUser.png) no-repeat;
	content:"";
}
.topHome .recruitBooth .count {
	font-size:30px;
	font-weight:bold;
}
.topHome .recruitBooth .boothArea .noData dd {
	width:100%;
	padding-top:30px;
}

.topHome .recruitNoti {
	float:left;
	width:52%;
}
.topHome .recruitNoti dl {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-left:55px;
}
.topHome .recruitNoti dt {
	font-weight:bold;
	font-size:14px;
	margin:0 0 8px 0;
}
.topHome .recruitNoti dd {
	position:relative;
	height:80px;
	line-height:80px;
	box-sizing:border-box;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}
.topHome .recruitNoti dd>a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
.topHome .recruitNoti dl:nth-child(1) dd {
	background:#c3e6e1;
}
.topHome .recruitNoti dl:nth-child(2) dd {
	background:#c1e7f4;
}
.topHome .recruitNoti .noti {
	position:absolute;
	right:-12px;
	top:-39px;
}
.topHome .recruitNoti .btnSet {
	width:30px;
	height:30px;
	margin:0;
	padding:0;
	border:none;
	border-radius:15px;
	background:#3fc4b1;
	box-shadow:0 2px 1px rgba(0,0,0,0.3);
}
.topHome .recruitNoti .btnSet:before {
	position:absolute;
	left:8px;
	top:8px;
	width:14px;
	height:14px;
	background:url(images/iconSet.png) no-repeat;
	content:"";
}
.topHome .recruitNoti .badge {
	display:inline-block;
	height:30px;
	line-height:22px;
	padding:5px 15px 0 15px;
	border-radius:15px;
	box-sizing:border-box;
	background-color:#3fc4b1;
	color:#fff;
	box-shadow:0 2px 1px rgba(0,0,0,0.3);
	font-size:14px;
	vertical-align:middle;
	font-weight:bold;
}
.topHome .recruitNoti dl:nth-child(2) .badge {background-color:#5e8ebf;}
.topHome .recruitNoti dd .unit {font-size:11px;}

/* �곸떆梨꾩슜吏��먯옄 二쇨린�ㅼ젙 �덉씠�� */
.home .sub-setting {
	border:1px solid #cdde5a;
}
.home .sub-setting:before {
	display:none;
}
.home .sub-setting:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: -16px;
	left:26px;
	right: auto;
	border-bottom: 6px solid #cdde5a;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.home .sub-setting h3 {
	margin: 0px;
	padding: 0px;
	height: 37px;
	line-height: 37px;
	background: #cdde5a;
	font-size: 14px;
	text-align: center;
}
.home .sub-setting-contents {
	margin: 0 auto 25px auto;
}
#layerSetPeriod .boxPeriod {
	margin:20px 20px 0 37px;
}
#layerSetPeriod .boxPeriod .cell {
	display:inline-block;
	width:110px;
}
#layerCompareChart .chartCompareBox {
	width:350px;
	margin:25px 29px 0 29px;
}

.dashboard {
	position:relative;
	height:440px;
	margin:0 0 30px 0;
	box-shadow:0 1px 2px rgba(0,0,0,0.25);
}
.dashList {
	position:absolute;
	left:0;
	top:0;
	width:327px;
	padding-right:3px;
	height:440px;
	overflow:hidden;
	background:#fff;
}
.dashList ul {
	position:absolute;
	left:0;
	top:0;
	transition: all 0.5s ease;
}
.dashList li {
	position:relative;
	height:110px;
	border-top:1px solid #ebebeb;
	box-sizing:border-box;
}
.dashList li:first-child { border-top:none; }
.dashList li a { display:block; height:100%; padding:20px 15px 0 37px; box-sizing:border-box; position:relative; z-index:110; }
.dashList li.active {width:330px; left:-1px; border:2px solid #45c9be; border-left:3px solid #45c9be;}
.dashList li.active:before { position:absolute; right:-2px; top:0; width:2px; height:100%; content:""; background:#fff; z-index:10; }
.dashList li.active a { padding:19px 15px 0 35px; z-index:1; }
.dashList li:first-child.active a {padding-top:18px;}
.dashList li.active .progress { top:64px; left:35px; }

.dashList li:first-child.active .progress { top:63px; }


.dashList li a:link,
.dashList li a:hover,
.dashList li a:active,
.dashList li a:visited {
	text-decoration:none;
}
.dashList li .subject {
	display:block;
	font-size:15px;
	color:#000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.dashList li .period {
	display:block;
	margin:1px 0 5px 0;
	font-size:11px;
	color:#8b8e94;
}
.dashList li .dDay {
	margin:0 0 0 2px;
	color:#00aa9c;
	font-size:12px;
}
.dashList .progress {
	display:block;
	position:absolute;
	left:37px;
	top:65px;
	width:250px;
	height:17px;
	background:#ebebeb;
	border-radius:3px;
	overflow:hidden;
	z-index:5;
}
.dashList .progress .bar {
	position:absolute;
	left:0;
	top:0;
	width:0%;
	height:17px;
	background:url(images/progress-bar.png) repeat-x;
	transition: all 0.85s ease;
}
.dashList .process-type1 .bar {background-position:0 0;}
.dashList .process-type2 .bar  {background-position:0 -17px;}
.dashList .process-type3 .bar  {background-position:0 -34px;}
.dashList .process-type4 .bar  {background-position:0 -51px;}
.dashList .process-type5 .bar  {background-position:0 -68px;}
.dashList .process-type6 .bar  {background-position:0 -85px;}

.dashList .progress .step {
	float:left;
	height:17px;
	padding:0 !important;
	box-sizing:border-box;
	border-left:1px solid #fff;
	border-right:1px solid #c3c3c3;
	position:relative;
	z-index:10;
}
.dashList .progress .step:first-child { border-left:none; }
.dashList .progress .step:last-child { border-right:none; }
.dashList .progress .step .tx {
	overflow:hidden;
	display:block;
	opacity:0;
	padding:2px 4px 0 4px;
	color:#fff;
	text-align:right;
	font-size:11px;
	font-family:'�뗭�', Dotum, san-serif;
	letter-spacing:-1px;
	transition:opacity 0.2s ease-in;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.dashList .progress .step:hover .tx {
	opacity:1;
}
.dashList .progress .step .curStep  {
	opacity:1;
	-webkit-animation-name: stepTooltipAni;
	-webkit-animation-duration: 1s;
	animation-name: stepTooltipAni;
	animation-duration: 1s;
}
.dashList .progress .step .tx.noCurStep { display:none; }

@-webkit-keyframes stepTooltipAni {
	0%   {opacity:0;}
	50%  {opacity:0;}
	100% {opacity:1;}
}

.dashList .btnProcessPrev,
.dashList .btnProcessNext {
	position:absolute;
	left:50%;
	margin-left:-50%;
	width:100%;
	height:22px;
	border:none;
	background:transparent;
	z-index:115;
}
.dashList .btnProcessPrev {top:0;}
.dashList .btnProcessPrev:before {
	position:absolute;
	left:50%;
	top:0px;
	margin:0 0 0 -4px;
	border:8px solid #c9cbcb;
	border-width:0 0 8px 0;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:8px solid transparent;
	content:"";
}
.dashList .btnProcessNext {bottom:0;}
.dashList .btnProcessNext:before {
	position:absolute;
	left:50%;
	bottom:0px;
	margin:0 0 0 -4px;
	border:8px solid #c9cbcb;
	border-width:8px 0 0 0;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid transparent;
	content:"";
}

.dashboard .dashContent {
	position:relative;
	height:440px;
	padding:35px 70px 0 70px;
	margin:0 0 0 327px;
	box-sizing:border-box;
	border:2px solid #45c9be;
	background:#fff;
	min-width:550px;
}

.dashboard .chartChoice {
	position:relative;
	padding:0 0 46px 28px;
}
.dashboard .chartChoice:before {
	position:absolute;
	left:0;
	top:2px;
	width:20px;
	height:21px;
	background:url(images/chartMan.png) no-repeat;
	content:"";
}
.dashboard .chartChoice .btn {
	position:relative;
	height:24px;
	margin:0;
	padding-top:4px;
	padding-bottom:4px;
	border:1px solid #d2e3f0;
	border-radius:2px;
	background:#d2e3f0;
	color:#2c5f71;
}

.dashboard .chartChoice .btnCompareGroup {
	position:relative;
	display:inline-block;
	border: 1px solid #d2e3f0;
	border-radius: 2px;
	background: #d2e3f0;
	box-sizing:border-box;
	color: #2c5f71;
}
.dashboard .chartChoice .btnCompareGroup button {
	margin:0;
	padding:0;
	height:22px;
	border:none;
	background:none;
}
.dashboard .chartChoice .btnCompareGroup .btnCompareView {
	padding-left:15px;
	padding-right:10px;
}
.dashboard .chartChoice .btnCompareGroup .btnCompareSet {
	width:24px;
	background:url(images/btnCompareSet.png) no-repeat 0 -1px;
	text-indent:-9999px;
}

.dashboard .chartChoice .btnCompareGroup.active,
.dashboard .chartChoice .btn.active {
	padding-left: 23px;
	border-color: #50b4c3;
	background-color: #5ec6d5;
	color: #fff;
}

.dashboard .chartChoice .btnCompareGroup.active:before,
.dashboard .chartChoice .btn.active:before {
	position: absolute;
	left: 8px;
	top: 7px;
	width: 12px;
	height: 11px;
	background: url(images/iconCheck.png) no-repeat;
	content: "";
}

.dashboard .chartChoice .btnCompareGroup.active { padding-left:0;}
.dashboard .chartChoice .btnCompareGroup.active .btnCompareView { padding-left:23px; color:#fff; }
.dashboard .chartChoice .btnCompareGroup.active .btnCompareSet {
	background-position:-24px -1px;
}

.dashboard .chartChoice .btn.open {
	border-color:#cdde5a;
	background-color:#cdde5a;
	padding-left:15px;
	color:#2c5f71;
}
.dashboard .chartChoice .btn.open:before { display:none; }
.dashboard .chartChoice .linkApplicant {
	position:relative;
	display:inline-block;
	height:24px;
	line-height:24px;
	padding:0 15px 0 8px;
	color:#3f9696;
	border:1px solid #9ad7d8;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
	vertical-align:middle;
	text-decoration:none;
}
.dashboard .chartChoice .linkApplicant:before {
	position:absolute;
	right:8px;
	top:8px;
	width:4px;
	height:7px;
	background:url(images/iconHome.png) no-repeat 0 -50px;
	content:'';
}
.dashboard .chartChoice .linkApplicant:hover {
	color:#fff;
	border:1px solid #50b4c3;
	background:#5ec6d5;
}
.dashboard .chartChoice .linkApplicant:hover:before { background-position:-5px -50px; }

.chartContent { position:relative; height:250px; }
.chartContent .dashPaging button {
	position: absolute;
	top: 60px;
	width: 71px;
	height: 71px;
	border: 0 none;
	text-indent: -9999px;
	opacity:0.5;
	z-index: 10;
	background:url(images/btnDashMove.png) no-repeat;
}

.chartContent .dashPaging .btnPrev {
	left: 48px;
	background-position:0 0;
}
.chartContent .dashPaging .btnPrev:hover {
	background-position:-75px 0;
}
.chartContent .dashPaging .btnNext {
	right: 20px;
	background-position:0 -75px;
}
.chartContent .dashPaging .btnNext:hover {
	background-position:-75px -75px;
}

.chartInfo { overflow:hidden; }
.chartInfo dl {
	position:relative;
	float:left;
	width:25%;
	padding-left:30px;
	box-sizing:border-box;
}
.chartInfo dl:before {
	position:absolute;
	left:0;
	top:4px;
	width:1px;
	height:43px;
	background:#d4d7db;
	content:"";
}
.chartInfo dt { color:#9fa7ae; }
.chartInfo dd { color:#68696b; font-size:28px; }
.chartInfo dl:first-child:before { display:none; }

/* ���쒕낫�� �쇰퀎李⑦듃 */
.dashChart {
	position:relative;
	border:1px solid #e7ebf1;
	height:200px;
	margin:0 0 0 28px;
}
.dashChart .x-line { position:absolute; left:0; width:100%; height:1px; background:#e7ebf1;}
.dashChart .y-line { position:absolute; left:0; top:0px; width:1px; height:100%; background:#e7ebf1; }
.dashChart .y-axis { position:absolute; left:-60px; color:#a1a1a1; font-size:11px; text-align:right; width:50px;}
.dashChart .x-unit { position:absolute; left:0; top:206px; width:100%; }
.dashChart .x-axis { display:inline-block; color:#a1a1a1; font-size:11px; text-align:right; }

.dashChart .x-group-wrap { position:absolute; left:0; bottom:0px; width:100%; }

.dashChart .x-cell { display:inline-block; text-align:right; vertical-align:bottom; }
.dashChart .x-group {display:inline-block; position:relative; vertical-align:bottom; transition: all 0.85s ease; font-size:0; line-height:0; }
.dashChart .x-group .x { position:relative; display:inline-block; width:13px; height:0px; margin:0 0 0 1px; vertical-align:bottom; transition: all 0.85s ease; }
.dashChart .x-group .x.a { background:#9ca5d3; }
.dashChart .x-group .x.b { background:#747db5; }

.dashChart .x-group .tooltip {
	display:none;
	position:absolute;
	left:-50%;
	float:left;
	margin-left:-50%;
	top:-62px;
	box-shadow:0 2px 1px rgba(0,0,0,0.25);
	font-size:12px;
	line-height:1.5;
}
.dashChart .x-group .tooltip li {
	padding:7px 10px 5px 10px;
	color:#fff;
	white-space:nowrap;
	background:#9aa4d6;
	font-size:11px;
}
.dashChart .x-group .tooltip li:nth-child(2) { background:#6f74ac; }
.dashChart .x-group .tooltip:before {
	position:absolute;
	left:50%;
	bottom:-7px;
	border:4px solid #6f74ac;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
	border-bottom:3px solid transparent;
	content:"";
}

.dashChart.compareChart .x-group .tooltip { top:-118px; }
.dashChart.compareChart .x-group .tooltip li {background:#77ccc0;}
.dashChart.compareChart .x-group .tooltip li:nth-child(2) {background:#589ab6;}
.dashChart.compareChart .x-group .tooltip li:nth-child(3) {background:#c898cf;}
.dashChart.compareChart .x-group .tooltip li:nth-child(4) {background:#8d81cc;}
.dashChart.compareChart .x-group .tooltip:before {
	border-color:#8d81cc;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
	border-bottom:3px solid transparent;
}

.dashChart.compareChart .x-group .x { width:7px; }
.dashChart.compareChart .x-group .x.a { background:#81d1c6; }
.dashChart.compareChart .x-group .x.b { background:#4ea9b7; }
.dashChart.compareChart .x-group .x.c { background:#cc9bd3; }
.dashChart.compareChart .x-group .x.d { background:#747db5; }

.dashChartCatagory {
	position:absolute;
	right:0;
	top:-63px;
}
.dashChartCatagory li {
	float:left;
	position:relative;
	margin:0 0 0 15px;
	padding:0 0 0 14px;
	color:#666;
}
.dashChartCatagory li:before {
	position:absolute;
	left:0;
	top:3px;
	width:11px;
	height:11px;
	border-radius:6px;
	background:#9ca5d3;
	content:"";
}
.dashChartCatagory li:nth-child(2):before {
	background:#747db5;
}

.dashChartCatagory.sum li:before { background:#77ccc0; }
.dashChartCatagory.sum li:nth-child(2):before { background:#589ab6; }

/* ���쒕낫�� �꾩쟻李⑦듃 */
#dashChartSum { border-left:none; }
#dashChartSum svg {z-index:10; overflow:visible !important;}
#dashChartSum .x-axis { position:absolute; left:0px; bottom:-20px; color:#a1a1a1; font-size:11px; text-indent:-6px; white-space:nowrap; }

#dashChartSum .tooltip {
	position:absolute;
	box-shadow:0 2px 1px rgba(0,0,0,0.25);
	z-index:15;
	display:none;
}
#dashChartSum .tooltip ul {
	margin:0;
	padding:0;
}
#dashChartSum .tooltip li {
	margin:0;
	padding:7px 10px 5px 10px;
	color:#fff;
	white-space:nowrap;
	background:#76ccc0;
	font-size:11px;
}
#dashChartSum .tooltip li:nth-child(2) { background:#4ea1ba; }
#dashChartSum .tooltip:before {
	position:absolute;
	left:50%;
	bottom:-10px;
	width:1px;
	height:10px;
	background:#4ea1ba;
	content:"";
}

/* ���쒕낫�� ��怨듦퀬鍮꾧탳李⑦듃 */
.infoCompareChart {
	margin:70px 0 0 0;
	text-align:center;
	color:#2d3d4f;
}
.infoCompareChart .tx1 {
	font-size:20px;
}
.infoCompareChart .tx2 {
	margin:0 0 15px 0;
	font-size:24px;
}

.dashChartCompareCategory {
	position: absolute;
	right: 0px;
	top: -71px;
	border:1px solid #dcf0f3;
	border-radius:3px;
}
.dashChartCompareCategory li {
	position:relative;
	width:115px;
	padding:3px 200px 2px 8px;
	border-top:1px solid #dcf0f3;
	background:#eff9fb;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:12px;
	color:#666;
}
.dashChartCompareCategory li:first-child { border-top:none; }
.dashChartCompareCategory li span {
	position:absolute;
	top:3px;
	padding:0 0 0 15px;
}
.dashChartCompareCategory li span:before {
	position:absolute;
	left:0;
	top:3px;
	width:11px;
	height:11px;
	border-radius:6px;
	background:#77ccc0;
	content:"";
}
.dashChartCompareCategory li .mark1 { right:120px; }
.dashChartCompareCategory li .mark2 { right:8px; }
.dashChartCompareCategory li:nth-child(1) .mark1:before { background:#77ccc0; }
.dashChartCompareCategory li:nth-child(1) .mark2:before { background:#589ab6; }
.dashChartCompareCategory li:nth-child(2) .mark1:before { background:#cc9bd3; }
.dashChartCompareCategory li:nth-child(2) .mark2:before { background:#8b7ecf; }

/* ���쒕낫�� - �몄쟻�깃��� */
#dashPersonTestChart.dashChart { height:280px; margin:20px 0 0 0; }
#dashPersonTestChart.dashChart .x-unit { top:282px; }
#dashPersonTestChart.dashChart .x-cell { text-align:center; }
#dashPersonTestChart.dashChart .x-axis { text-align:center; }
#dashPersonTestChart.dashChart .x-group .x { width:14px; }
#dashPersonTestChart.dashChart .x-group .x.a { background:#52c798; }

#dashPersonTestChart.dashChart .x-group .x.colorS { background:#ffec86;} /* �몄쟻�깃��� 寃곌낵 洹몃옒�� 諛� 而щ윭 */
#dashPersonTestChart.dashChart .x-group .x.colorA { background:#96d586;}
#dashPersonTestChart.dashChart .x-group .x.colorBplus { background:#93ceee;}
#dashPersonTestChart.dashChart .x-group .x.colorB { background:#93ceee;}
#dashPersonTestChart.dashChart .x-group .x.colorBminus { background:#93ceee;}
#dashPersonTestChart.dashChart .x-group .x.colorC { background:#9b9acb;}
#dashPersonTestChart.dashChart .x-group .x.colorD { background:#f77872;}
#dashPersonTestChart.dashChart .x-group .x.colorF { background:#d0d0d0;}

#dashPersonTestChart.dashChart .x-group .tooltip { display:block; top:-37px; }
#dashPersonTestChart.dashChart .x-group .tooltip:before {
	width:8px;
	height:8px;
	margin-left:-4px;
	bottom:-8px;
	background:url(images/iconArrowBottom.png) no-repeat;
	border:none;
}
#dashPersonTestChart.dashChart .x-group .tooltip li { background-color:#f7f7f7; color:#335e68; opacity:0.8; }
.personTest.docuEval #dashChartCircle { margin-top:76px; margin-left:73px; }
.personTest.docuEval .rightCont { background:#fff; }
.personTest.docuEval .rightCont .tit {border-bottom:1px solid #fff;}

/* ���쒕낫�� - �쒕쪟�ъ궗 */
.dashboard .dashContent.docuEval { padding:0;}
.docuEval .leftCont {
	float:left;
	width:320px;
}
.docuEval #dashChartCircle {
	position:relative;
	height:237px;
	margin:43px 0 0 59px;
	box-sizing:border-box;
}
.docuEval #dashChartCircle svg {
	transform: rotate(-90deg);
}
.docuEval #dashChartCircle svg text {
	writing-mode: tb;
	stroke:none;
}
.docuEval #dashChartCircle .frame {
	position:absolute;
	left:67px;
	top:63px;
	width:78px;
	height:79px;
	background:#ebf1f3;
}
.docuEval #dashChartCircle .frame .bg {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:0%;
	background:#91e8d5;
}
.docuEval #dashChartCircle .frame .gage {
	position:relative;
	z-index:10;
	height:100%;
	background:url(images/dashChartManFrame.png) no-repeat;
}
.docuEval #dashChartCircle .frame .percent {
	position:absolute;
	left:0px;
	top:82px;
	width:78px;
	text-align:center;
	font-size:20px;
}
.docuEval #dashChartCircle .frame .percent .unit {
	font-size:11px;
	position:relative;
	top:-7px;
}

.chartCircle .info {
	margin:0 0 10px 60px;
}
.chartCircle .info dt {
	font-size:12px;
	color:#8e9ca4;
}

.chartCircle .info .n { color:#999; }
.chartCircle .info .finish { color:#344246; }
.chartCircle .info .total { color:#c9cbd1; }
.chartCircle .info .fail { color:#e16976; }
.chartCircle .info .sucess { color:#45bccc; }
.chartCircle .info dd {
	font-size:26px;
}
.chartCircle .info.infoFail { display:inline-block; width:108px; margin:0 0 0 60px;}
.chartCircle .info.infoSucess { display:inline-block; width:108px; margin:0; }
.chartCircle .info.infoLack { display:inline-block; width:108px; margin:0 0 0 60px;}
.chartCircle .info.infoFill { display:inline-block; width:108px; margin:0; }

.docuEval .autoEval #dashChartCircle { margin-top:23px; }
.chartCircle.autoEval .info { margin-bottom:1px; }
.chartCircle.autoEval .info dt { margin-bottom:-5px; }

.docuEval .rightCont {
	position:relative;
	height:436px;
	margin:0 0 0 320px;
	box-sizing:border-box;
	padding:37px 30px 0 30px;
	background:#f6f9f9;
}
.docuEval .scrollListExam {
	margin:20px -17px 0 0;
	height:310px;
}
.docuEval .leftCont .tit,
.docuEval .rightCont .tit {
	position:relative;
	padding:0 0 12px 23px;
	font-size:13px;
	border-bottom:1px solid #e3e8ee;
}
.docuEval .leftCont .tit:before,
.docuEval .rightCont .tit:before {
	position:absolute;
	left:0;
	top:-2px;
	width:14px;
	height:19px;
	background:url(images/iconHome.png) no-repeat 0 0;
	content:"";
}

.listExamStatus li { margin:18px 0 0 0; }
.listExamStatus li:first-child { margin-top:0; }
.listExamStatus li .tx {
	position:relative;
	display:inline-block;
	padding:0 10px 0 20px;
	width:70%;
	font-size:12px;
	vertical-align:top;
	box-sizing:border-box;
}
.listExamStatus li .tx:before {
	position:absolute;
	left:0;
	top:2px;
	width:11px;
	height:11px;
	background:url(images/iconHome.png) no-repeat -11px -30px;
	content:"";
}
.listExamStatus li.finish .tx:before { background-position:0px -30px;}
.listExamStatus li .evaluator {
	display:inline-block;
	width:30%;
	vertical-align:middle;
}
.listExamStatus li .evaluator .person {
	display:inline-block;
	margin:1px 4px 1px 0px;
	padding:2px 4px 1px 4px;
	color:#fff;
	font-size:11px;
	background:#c2c4c4;
}
.listExamStatus li .evaluator .person:last-child { margin-right:0; }
.listExamStatus li .evaluator .person.complete {background:#50cfae;}
.listExamStatus li .evaluator .person.none {background:#f57998}
.docuEval .rightCont .more {
	position:absolute;
	right:29px;
	top:39px;
	font-size:11px;
}

.listExamStatus.evalStatus li .evaluator { padding:0 17px 0 0; text-align:right; box-sizing:border-box; }
.listExamStatus.evalStatus li .evaluator .status { display:inline-block; width:35px; text-align:center;}

.listCandidate ul { overflow:hidden; height:326px; }
.listCandidate li {
	margin:18px 0 0 0;
	vertical-align:middle;
	overflow: hidden;
	white-space:nowrap;
}
.listCandidate li a { text-decoration:none; }
.listCandidate li .userFrame {
	overflow:hidden;
	display:inline-block;
	border:2px solid #b7d63e;
	width:42px;
	height:42px;
	margin:0 10px 0 0;
	border-radius:21px;
	vertical-align:middle;
}
.listCandidate li .user {
	font-size:14px;
	color:#596e75;
	vertical-align:middle;
}
.listCandidate li .user a {color:#596e75;}
.listCandidate li .txBar {
	display:inline-block;
	width:1px;
	height:9px;
	margin:0 7px 0 6px;
	background:#b9c9cc;
}
.listCandidate li .category {
	display:inline-block;
	position:relative;
	top:-1px;
	margin:0 0 0 30px;
	font-size:12px;
	color:#0a0a0a;
	vertical-align:middle;
}
.listCandidate li.noneInterviewPass {
	margin-top:0px;
	height:300px;
	background:url(images/noneInterviewPass.png) no-repeat center center;
}
.listCandidate .btnArea { margin:5px 0 0 0; text-align:center; }
.listCandidate .btnArea .btnChoice {
	width:10px;
	height:10px;
	margin:0 0 0 2px;
	padding:0;
	border:none;
	border-radius:5px;
	background:#b9b9b9;
}
.listCandidate .btnArea .btnChoice.active {
	background:#add06b;
}

@media screen and (min-width:1025px) and (max-width:1280px) {
	.dashboard .dashContent { padding-left:30px; padding-right:30px; }
}/* �묒� 紐⑤땲�� */
@media screen and (max-width:1024px) {
	.dashboard .dashContent { padding-left:10px; padding-right:10px; }
}

/* ���쒕낫�� - 理쒓렐 �⑷꺽�먮━�ㅽ듃 */
.dashboard .dashContent.successRateBox .leftCont { width:400px; padding:37px 45px 0 40px; box-sizing:border-box; }
.dashboard .dashContent.successRateBox .rightCont { margin:0 0 0 400px;}
.successRate { height:331px; margin:0 -25px 0 0; }
.successRate ul { padding:0 25px 0 0; }
.successRate li { position:relative; padding:15px 0 18px 0; border-top:1px solid #e3e8ee; }
.successRate li:before {
	position:absolute;
	left:50%;
	top:-1px;
	width:42px;
	height:13px;
	margin-left:-24px;
	background:url(images/successArrow.png) no-repeat;
	content:"";
}
.successRate li:first-child { border-top:none; }
.successRate li:first-child:before { display:none; }

.successRate .subject {
	overflow:hidden;
	margin:0 0 6px 0;
	padding-right:110px;
	font-size:13px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.successRate .count {
	position:absolute;
	right:0;
	top:15px;
	font-size:12px;
	color:#9a9a9a;
}
.successRate .count strong { color:#000; }
.successRate .progressBar {
	height:10px;
	position:relative;
	background:#ebebeb;
	border-radius:5px;
}
.successRate .bar {
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	height:10px;
	background:url(images/progress-test.png) repeat-x;
	border-radius:5px;
	transition:width 0.5s ease-in;
}

.successRate .bar .tooltip {
	position:absolute;
	right:-47px;
	top:-4px;
	width:32px;
	padding:3px 3px 1px 3px;
	border:1px solid #f7b658;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	z-index:2;
}
.successRate .bar .tooltip:before {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.5;
	content:"";
	z-index:-1;
}
.successRate .bar .tooltip:after {
	position:absolute;
	left:-4px;
	top:5px;
	width:4px;
	height:5px;
	background:url(images/progress-test.png) no-repeat 0 -50px;
	content:"";
}

.successRate .bar.end .tooltip { right:12px; top:-4px; }
.successRate .bar.end .tooltip:before { opacity:0.9; }
.successRate .bar.end .tooltip:after {
	left:auto;
	right:-4px;
	top:6px;
	transform:rotate(180deg);
}

.successRate .progress-type1 .tooltip { border:1px solid #5ebec5; }
.successRate .progress-type2 .tooltip { border:1px solid #7ca1d3; }
.successRate .progress-type3 .tooltip { border:1px solid #9297d1; }
.successRate .progress-type4 .tooltip { border:1px solid #a598c7; }
.successRate .progress-type5 .tooltip { border:1px solid #fbb4b4; }

.successRate .progress-type1 .bar .tooltip:after { background-position:0 -50px; }
.successRate .progress-type2 .bar .tooltip:after { background-position:0 -55px; }
.successRate .progress-type3 .bar .tooltip:after { background-position:0 -60px; }
.successRate .progress-type4 .bar .tooltip:after { background-position:0 -65px; }
.successRate .progress-type5 .bar .tooltip:after { background-position:0 -70px; }

.successRate .progress-type1 .bar { background-position:0 0; color:#5ebec5;}
.successRate .progress-type2 .bar { background-position:0 -10px; color:#7ca1d3;}
.successRate .progress-type3 .bar { background-position:0 -20px; color:#9297d1;}
.successRate .progress-type4 .bar { background-position:0 -30px; color:#a598c7;}
.successRate .progress-type5 .bar { background-position:0 -40px; color:#fbb4b4;}


.listSuccessPerson ul { overflow:hidden; height:316px; padding:6px 0 0 0;}
.listSuccessPerson li {
	float:left;
	overflow:hidden;
	width:33.3%;
	margin:9px 0;
	padding-right:10px;
	box-sizing:border-box;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.listSuccessPerson li:nth-child(3n+1) { width:33.4%; }
.listSuccessPerson li.noneFinalPass {
	width:100%;
	margin-top:0px;
	height:300px;
	background:url(images/noneInterviewLastPass.png) no-repeat center center;
}
.listSuccessPerson li a { text-decoration:none; }
.listSuccessPerson li .userFrame {
	overflow:hidden;
	display:inline-block;
	border:2px solid #b7d63e;
	width:42px;
	height:42px;
	margin:0 10px 0 0;
	border-radius:21px;
	vertical-align:middle;
}
.listSuccessPerson li .user {
	font-size:14px;
	color:#596e75;
	vertical-align:middle;
}
.listSuccessPerson li .user a {color:#596e75;}

.listSuccessPerson .btnArea { margin:10px 0 0 0; text-align:center; }
.listSuccessPerson .btnArea .btnChoice {
	width:10px;
	height:10px;
	margin:0 0 0 2px;
	padding:0;
	border:none;
	border-radius:5px;
	background:#b9b9b9;
}
.listSuccessPerson .btnArea .btnChoice.active {
	background:#add06b;
}

/* ���쒕낫�� - 媛��대뱶 */
.guideHome {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:2px solid #45c9be;
	background:#fff;
	z-index:10;
	box-sizing:border-box;
}
.guideHome .guideStatus { position:absolute; left:0; top:34px; text-align:center; width:100%; }
.guideHome .guideStatus .status {
	display:inline-block;
	width:9px;
	height:9px;
	background:#657888;
	border-radius:5px;
	transition: width 0.85s ease;
}
.guideHome .guideStatus .status.active { width:30px; background:#fb797f; }

.guideHome .guidePaging {
	position:absolute;
	left:84px;
	top:298px;
}
@media screen and (max-width:1024px) {
	.guideHome .guidePaging { left:95px; }
}
.guideHome .guidePaging .btn {
	width:72px;
	height:72px;
	margin:0;
	padding:0;
	border:none;
	background:url(images/btnGuideHome.png) no-repeat;
	text-indent:-9999px;
	transition:none;
}
.guideHome .guidePaging .btn.btnPrev {margin-right:7px; background-position:0 0;}
.guideHome .guidePaging .btn.btnPrev:hover {background-position:-75px 0;}
.guideHome .guidePaging .btn.btnNext {background-position:0 -75px;}
.guideHome .guidePaging .btn.btnNext:hover {background-position:-75px -75px;}

.guideBox {
	position:relative;
	overflow:hidden;
	width:980px;
	height:316px;
	margin:60px auto 0 auto;
}
@media screen and (max-width:1024px) {
	.guideBox { width:840px; }
}
.guideBox li { position:absolute; left:0px; top:0; width:980px; height:316px; background:url(images/guideHome.png) no-repeat; text-indent:-9999px; visibility:hidden; }
.guideBox li.menu1 { background-position:0 0; }
.guideBox li.menu2 { background-position:0 -350px; }
.guideBox li.menu3 { background-position:0 -700px; }
.guideBox li.menu4 { background-position:0 -1050px; }
.guideBox li.active { visibility:visible; }

.layerDashMsg {
	position:absolute;
	left:50%;
	top:170px;
	width:300px;
	margin:0 0 0 -150px;
	padding:15px;
	border:1px solid #cdde5a;
	background:#fff;
	box-shadow:2px 2px 0 rgba(0,0,0,0.15);
	text-align:center;
	box-sizing:border-box;
	color:#595959;
}

.sampleChartLine { position:absolute; left:0px; top:92px; width:100%; height:250px; background:#fff url(images/sampleChartLine.png) no-repeat center top; }
.sampleChartSum { position:absolute; left:0px; top:92px; width:100%; height:250px; background:#fff url(images/sampleChartSum.png) no-repeat center top; }

/* 泥⑤��뚯씪 */
.fa.fa-paperclip{
	color:#a5a6aa;
	font-size:18px;
	vertical-align:bottom;
	text-decoration:none;
}
button.fa.fa-paperclip {
	color:#fff;
	font-size:14px;
	vertical-align:inherit;
}
/* �댁슜�덈궡 */
.divUserGuide {
	border:1px solid #d8d8d8;
	border-top:2px solid #495d82;
	padding:20px 19px;
	margin-top:50px;
	margin-bottom:20px;
}
.divUserGuide.top {
	margin-top:25px;
	border-top-width:1px;
}
.divUserGuide h3 {
	color:#58a0da;
}
.divUserGuide h3+ul {
	margin-top:25px;
	margin-bottom:8px;
}
.divUserGuide li {
	color:#000000;
}
.divUserGuide li+li {
	margin-top:10px;
}
.divUserGuide li:before{
	content:" 쨌 ";
}

/* �쒕ぉ */
span.spanTitle{
	margin-left:8px;
	font-size:15px;
	font-weight:bold;
}
span.spanNoticeTitle{
	color:#317dda;
}
/* 泥⑤��뚯씪 �쇰꺼 */
a.label-file{
	padding:0 12px;
	position:relative;
}
a.label-file:before{
	content:"";
	position:absolute;
	border-left:1px solid #ebebeb;
	height:100%;
	left:-1px;
	bottom:0px;
}
a.label-file:after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	margin:1px 0px 3px 9px;
	vertical-align:bottom;
	background:url("images/icon-download.png") no-repeat;
}
a.label-file:first-child{
	padding-left:0;
}
/* 寃뚯떆�� 酉� �댁쟾湲� �ㅼ쓬湲� �뚯씠釉�*/
table.table.tableAdditional{
	border-top:2px solid #455e87;
	border-bottom:1px solid #d8d8d8;
	margin-top:40px;
}
i.fa.faTableIcon{
	color:#15b3ca;
	margin-left:7px;
	margin-right:5px;
}
/* 寃곌낵媛� �놁쓣�� */
div.blankList{
	display:inline-block;
	background:url(images/bg-alert.png) no-repeat left center;
	padding-left:190px;
	height:360px;
	line-height:360px;
	font-size:22px;
	color:#999;
	vertical-align:middle;
}
/***********************************************************************
�섍꼍�ㅼ젙 - 硫붿씪愿�由�
***********************************************************************/
div.search-option-set{
	background:#ebebeb;
	padding:20px 30px 20px 10px;
}
dl.dl-search-option{
	width:calc(100% - 90px);
}
dl.dl-search-option dt{
	float:left;
	color:#324668;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	width:12%;
	height:70px;
	line-height:70px;
}
dl.dl-search-option dd{
	float:left;
	width:88%;
	height:70px;
}

/******************************************************************
泥댄겕諛뺤뒪
*******************************************************************/
i.checkboxImageLabel{
	display:inline-block;
	width:18px;
	height:18px;
	background:url(images/checkbox.png) no-repeat 0 0;
	margin:-2px 2px -2px -3px;
}
i.checkboxImageLabel.checked{
	background:url(images/checkbox.png) no-repeat 0 -20px;
}
/******************************************************************
�섍꼍�ㅼ젙
*******************************************************************/
span.countWrapper{
	font-size:16px;
	margin-right:7px;
}
span.countWrapper span.count{
	color:#c93a3a;
	font-weight:bold;
}
/******************************************************************
�섍꼍�ㅼ젙
*******************************************************************/
table.tableEmail{
	border-top:2px solid #7dadc9;
}
table.tableEmail>tbody>tr>th{
	padding:5px 0 5px 14px;
	height:25px;
	background:#f4f9fa;
	border:0;
	font-weight:normal;
	text-align:left;
}
table.tableEmail>tbody>tr>td{
	font-weight:normal;
	background:#f4f9fa;
	padding:5px 14px;
	text-align:left;
	border:0;
}
table.tableEmail.tableEmailView>tbody>tr>th{
	background:#f4f9fa;
	padding:8px 0 8px 14px;
	border-bottom:1px solid #e1e1e1;
}
table.tableEmail.tableEmailView>tbody>tr>td{
	background:#fff;
	padding:8px 14px;
	border-bottom:1px solid #e1e1e1;
}
table.tableEmail>tbody>tr:first-child>th,
table.tableEmail>tbody>tr:first-child>td{
	padding-top:8px;
}
table.tableEmail>tbody>tr:last-child>th,
table.tableEmail>tbody>tr:last-child>td{
	border-bottom:1px solid #7dadc9;
}
/* 諛쏅뒗�щ엺 洹몃９*/
ul.emailGroupView{
	background:#fff;
	border:1px solid #d8d8d8;
	border-radius:2px;
	padding:3px 10px 0 7px;
	min-height:24px;
	max-height:54px;
	overflow-y:auto;
}
ul.emailGroupView.invisible{
	background:transparent;
	border:0;
	padding:0;
	margin-left:-3px;
	margin-bottom:-3px;
}
ul.emailGroupView li{
	display:inline-block;
	background:#efefef;
	border:1px solid #dedede;
	margin-left:3px;
	margin-bottom:3px;
	padding:3px 7px;
	font-size:11px;
	color:#555555;
}
ul.emailGroupView span.emailWrapper{ color:#666666; }
ul.emailGroupView span.emailWrapper:before{ content:"<"}
ul.emailGroupView span.emailWrapper:after{ content:">"}
/*�뚯씪 �낅줈�� 由ъ뒪��*/
ul.fileUploadList input{
	vertical-align:top;
}
ul.fileUploadList li{
	margin-top:6px;
}
ul.fileUploadList li:first-child{
	margin:0;
}
/* 泥⑤��뚯씪 洹몃９*/
ul.fileGroupView{
	padding:0;
	max-height:54px;
	overflow-y: auto;
}
ul.fileGroupView.groupMargin{
	margin-top:11px;
}
ul.fileGroupView li{
	display:inline-block;
}
ul.fileGroupView li:last-child a.fileWrapperView:before{ /*�ㅼ슫濡쒕뱶紐⑥뼇 �꾩씠肄�*/
	content:none;
}
/* 泥⑤��뚯씪 �쇰꺼 - �ㅼ슫濡쒕뱶紐⑥뼇*/
a.fileWrapperView{
	padding-right:24px;
	position:relative;
}
a.fileWrapperView:before{
	content:"";
	position:absolute;
	border-left:1px solid #ebebeb;
	height:100%;
	right:12px;
	bottom:0px;
}
a.fileWrapperView:after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	margin:1px 0px 3px 9px;
	vertical-align:bottom;
	background:url("images/icon-download.png") no-repeat;
}
a.linkFileDown {
	display:inline-block;
	position:relative;
	width:22px;
	height:22px;
	line-height:22px;
	background:#a1c725;
	color:#fff !important;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
}
a.linkFileDown:active {
	top:1px;
	left:1px;
}
/* 泥⑤��뚯씪 ��젣踰꾪듉*/
button.fileDelete{
	width:30px;
	height:10px;
	border:0;
	background:transparent;
	background:url(images/fileDelete.png) no-repeat;
	margin:0 17px 4px 6px;
	vertical-align:bottom;
}
/* 由ъ뒪�몄씠誘몄� ��젣踰꾪듉*/
button.imageDelete{
	width:30px;
	height:10px;
	border:0;
	background:transparent;
	background:url(images/fileDelete.png) no-repeat;
	margin:0 17px 4px 6px;
	vertical-align:bottom;
}
/* �대찓�� 蹂닿린 - �좎쭨�� �쒓컙*/
span.dateWrapper:before{
	content:"\f073";
	font-family:FontAwesome;
	color:#94a7c0;
	margin-right:6px;
}
span.timeWrapper:before{
	content:"\f017";
	font-family:FontAwesome;
	color:#94a7c0;
	margin-left:16px;
	margin-right:6px;
}
/******************************************************
SMS諛쒖넚 �덉빟 �댁뿭 �섏젙
******************************************************/
div.divSmsNoticeContents{
	padding-left: 18%;
	padding-top: 40px;
}
/* �몃뱶�� */
div.smsPhone{
	width:250px;
	background:#3e474e;
	border-radius:20px;
	text-align:center;
	padding:40px 10px 0;
	margin:5px auto 20px;
}
div.smsPhone .smsPhoneTitle{
	position:relative;
	height:30px;
	line-height:32px;
	background:#0dacad;
	color:#fff;
	background-image:linear-gradient( 60deg, #0dacad 52%, #31bbba 52% );
}
div.smsPhone .smsPhoneContent{
	background:#fff;
	width:100%;
	padding:14px 9px 14px 14px;
	box-sizing:border-box;
	color:#5e5e5e;
	height:230px;
	overflow-y:scroll;
	text-align:left;
	display:block;
	resize:none;
	line-height:23px;
	word-break: break-all;
}
div.smsPhone .smsPhoneContentBar{
	background:#e4eded;
	height:44px;
	line-height:44px;
	border-top:1px solid #d6e0e0;
	color:#5e5e5e;
}
div.smsPhone .smsPhoneContentBar>i.fa{
	color:#95c332;
	margin-right:2px;
}
div.smsPhone .smsPhoneGuide{
	background:#63cfde;
}

div.smsPhone .smsPhoneGuide ul.smsPhoneGuideList>li{
	display:table-cell;
	width:1%;
	background:#656c71;
	border:1px solid #3e474e;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:normal;
}
div.smsPhone .smsPhoneGuide ul.smsPhoneGuideList>li.active{
	background:#63cfde;
	border:0;
	border-top:1px solid #3e474e;
}
div.smsPhone .smsPhoneGuide ul.smsPhoneGuideList>li>a{ color:#fff; }
div.smsPhone .smsPhoneGuide ul.smsPhoneGuideList>li.active>a{ color:#280000; }
div.smsPhone .smsPhoneGuide ul.smsPhoneGuideList>li:first-child{ border-left:0; }
div.smsPhone .smsPhoneGuide ul.smsPhoneGuideList>li:last-child{ border-right:0; }
div.smsPhone .smsPhoneGuide ul.smsPhoneGuide .smsPhoneMapping ul{
	padding:10px 20px;
}

/* 留듯븨��ぉ */
div.smsPhone .smsPhoneGuide .smsPhoneMapping{
	padding-left: 20px;
	height:126px;
}
div.smsPhone .smsPhoneGuide .smsPhoneMapping ul>li{
	float:left;
	width:50%;
	text-align:left;
	padding:10px 0 0;
}
div.smsPhone .smsPhoneGuide .smsPhoneMapping ul>li>span{
	background:#fff454;
	padding:1px;
}
div.smsPhone .smsPhoneGuide .smsPhoneMapping ul>li>a{
	border-bottom:1px solid #333;
}
/* �뱀닔臾몄옄 */
div.smsPhone .smsPhoneGuide .smsSpecialChar{
	padding:10px 10px 10px 2px;
	box-sizing:border-box;
	height:126px;
}
div.smsPhone .smsPhoneGuide .smsSpecialChar ul>li{
	float:left;
	height:27px;
	font-size:17px;
	margin-left:8px;
}
div.smsPhone .smsPhoneGuide .smsPhoneMapping ul>li>a:hover,
div.smsPhone .smsPhoneGuide .smsSpecialChar ul>li>a:hover{
	text-decoration:none;
	background:#fff454;
	cursor:pointer;
}
/* �몃뱶�� �섎떒 */
div.smsPhone .smsPhoneBtnset{
	padding:15px 0 19px;
	color:#fff;
	min-height:12px;
}
div.smsPhone .smsPhoneBtnset span{
	display:inline-block;
	padding:5px 0;
}
/* SMS �섏떊���� 洹몃９ */
div.smsReceiverGroup {
	background:#f0f4f6;
	width:490px;
	padding:24px 30px;
}
div.smsReceiverGroup .smsReceiverGroupTitle{
	color:#c0e4e4;
}

div.smsReceiverGroup .smsReceiverGroupTableWrapper{
	margin-top:18px;
	height:250px;
	overflow-y:scroll;
}
div.smsReceiverGroup table.smsReceiverGroupTable{
	font-size:12px;
}
div.smsReceiverGroup table.smsReceiverGroupTable th{
	color:#3a6b6c;
	text-align:left;
}
div.smsReceiverGroup table.smsReceiverGroupTable td{
	color:#000000;
}
div.smsReceiverGroup table.smsReceiverGroupTable .smsReceiverProfile{
	width:40px;
	height:40px;
	border:2px solid #b6d33d;
	border-radius:50%;
	overflow:hidden;
	margin:2px 0 4px;
}
div.smsReceiverGroup table.smsReceiverGroupTable .smsReceiverProfile>img{
	width:100%;
	margin-top:-3px;
}
div.smsReceiverGroup .smsPagingWrapper{
	text-align:center;
	margin-top:18px;
}
.smsPhoneSenderInfoList {
	padding-left:10px;
	padding-right:10px;
}
.smsPhoneSenderInfoList dt{
	width:40%;
	float:left;
	vertical-align:middle;
	height:33px;
	line-height:32px;
	text-align:left;
}
.smsPhoneSenderInfoList dd{
	width:60%;
	float:left;
	vertical-align:middle;
	height:33px;
	line-height:32px;
	text-align:left;
}
.smsPhoneSenderInfoList input.text{
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.95);
	background:#E4EDED;
	color:#3E474E;
	font-weight:bold;
}
/* SMS 蹂대궡�� �щ엺 */
div.smsSender {
	background:#f0f4f6;
	border:2px solid #0dacad;
	width:486px;
	padding:24px 30px 16px;
	margin-top:16px;
}
div.smsSender .smsSenderTitle{
	color:#3e474e;
	font-weight:normal;
}
div.smsSender .smsSenderArea{
	width:138px;
	background:#ffffff;
	color:#000000;
	border:1px solid #8ed8d9;
	border-radius:2px;
	padding:5px 0 4px 31px;
	position:relative;
	margin-top:7px;
}
div.smsSender .smsSenderArea.editable{
	padding:0 0 0 30px;
}
div.smsSender .smsSenderArea:before{
	content: "\f10b";
	position:absolute;
	font-size:24px;
	font-family:FontAwesome;
	left:10px;
	top:-4px;
	color:#9b9ea0;
}
div.smsSender .smsSenderArea.editable:before{
	top:-2px;
}
div.smsSender .smsSenderTimeArea{
	background:#ffffff;
	border:1px solid #8ed8d9;
	border-radius:2px;
	padding:5px 12px;
	position:relative;
	margin-top:7px;
	width:274px
}
div.smsSender i.smsSenderIcon{
	position:absolute;
	font-size:24px;
	left:10px;
	top:2px;
	color:#9b9ea0;
}
div.smsSender .smsSenderOption{
	margin-top:3px;
}
div.smsSender .smsSenderOption>span{
	line-height:28px;
}
/*****************************************************
 援ъ꽦�� �깅줉
********************************************************/
/* �ъ슜�� �뺣낫 �섏씠吏� */
div.blankUserList{
	background:url(images/bg-empty-user-list.png) no-repeat center center;
	height:400px;
	margin-top:-30px;
}
div.btn-set.btn-additional{
	border-top:2px solid #52afc7;
	padding-top:40px
}
.modal h3.h3modal{
	background:url(images/bu.png) no-repeat left 4px;
	margin-top:10px;
	margin-bottom:16px;
	padding-left:23px;
	color:#324979;
	font-weight:normal;
	font-size:22px;
}
div.inputArea{
	border-top:2px solid #1f82ab;
	border-bottom:1px solid #7fcada;
	background:#fafcfd;
	width:350px;
	height:357px;
	padding:12px 25px 0px;
	line-height:42px;
}
input.text.textTall{
	margin:0;
	height:36px;
	padding-left:12px;
}
input[data-valid="blank"]+{
}
/* 媛��� ��湲� �ъ슜�� */
div.inputAreaPreview{
	height:342px;
	padding:14px;
	border:1px dashed #cccdcd;
	background:#fafcfd;
	color:#93b621;
	overflow-y:scroll;
}
div.inputAreaEmpty{
	text-align:center;
	margin-top:145px;
}
ul.inputUserList li{
	color:#000000;
	background:#e9f0c5;
	margin-bottom:3px;
	border-radius:3px;
	padding:8px 16px 11px;
	position:relative;
}
ul.inputUserList li:hover{
	background:#cdde7a;
}
span.labelUser{
	display:inline-block;
	width:81px;
}
span.labelUser.valuer:before{
	font-family:FontAwesome;
	font-size:16px;
	content: "\f040";
	color:#69a24e;
	margin-right:11px;
}
span.labelUser.manager:before{
	font-family:FontAwesome;
	font-size:16px;
	content: "\f007";
	color:#898cf8;
	margin-right:11px;
}
ul.inputUserList li button.userListDelete{
	position:absolute;
	right:10px;
	top:13px;
	border:0;
	width:18px;
	height:18px;
	background:transparent;
}
ul.inputUserList li button.userListDelete:before{
	position:absolute;
	content:"\f111";
	font-family:FontAwesome;
	font-size:18px;
	color:#d4e18c;
	left:0;
	top:0;
}
ul.inputUserList li button.userListDelete:after{
	position:absolute;
	content:"\f057";
	font-family:FontAwesome;
	font-size:18px;
	color:#fff;
	left:0;
	top:0;
}
ul.inputUserList li button.userListDelete:active{
	right:9px;
	top:14px;
}
ul.inputUserList li button.userListDelete:hover:before{
	color:#b4cb5c;
}
label.input-icon-valid{
	position:relative;
	display:block;
}
label.input-icon-valid>i{
	position:absolute;
	color:#f5b93b;
	left:-17px;
	top:14px;
}
label.input-icon-valid>input.input-date-past{
	padding-left:34px;
	width:140px;
}
label.input-icon-valid>i.fa-calendar{
	left:12px;
	color:#94a7c0;
}
/* �깅줉 �꾨즺 - �щ윭紐�*/
i.icon-addNewUser{
	display:inline-block;
	background:url(images/icon-addNewUser.png);
	width:87px;
	height:65px;
}
span.iconMessage{
	display:inline-block;
	font-size:18px;
	margin-left:22px;
	text-align:left;
}
/* �깅줉 �꾨즺 - �쒕챸*/
table.table.tableModal{
	border-top:2px solid #1f82ab;
}
table.table.tableModal tbody th{
	padding:7px 15px;
	text-align:left;
	background:#fafcfd;
	color:#385779;
}
table.table.tableModal tbody td{
	padding:7px 15px;
	text-align:left;
}
table.table.tableModal tbody td.strong{
	font-weight:bold;
}
.tableWordBreak tbody td{
	word-break:break-all;
}
a[data-type="info-view"]{
	text-decoration:underline;
}

/************************************************
* 梨꾩슜�ъ씠�� �ㅼ젙
*************************************************/
ul.typeList {
	position:absolute;
}
ul.typeList>li+li {
	margin-top:10px;
}
ul.typeList span,
ul.typeList button {
	display:block;
	width:162px;
	height:164px;
	background:url(images/btnAppsiteType.png) no-repeat left top;
	border:none;
}
ul.typeList>li>button[data-type=a] {background-position:left top}
ul.typeList>li>button[data-type=b] {background-position:-200px top}
ul.typeList>li>button[data-type=c] {background-position:-400px top}
ul.typeList>li>span {background-position:-600px top}

ul.typeList>li>button[data-type=a]:hover,
ul.typeList>li>button[data-type=a].active {background-position:left -200px}
ul.typeList>li>button[data-type=b]:hover,
ul.typeList>li>button[data-type=b].active {background-position:-200px -200px}
ul.typeList>li>button[data-type=c]:hover,
ul.typeList>li>button[data-type=c].active {background-position:-400px -200px}

ul.typeList>li>button[data-type=active] {
	background:url(images/btnAppsiteTypeActive.png) no-repeat left top;
}
ul.typeList>li>button[data-type=active].type-B {background-position:left -200px;}
ul.typeList>li>button[data-type=active].type-C {background-position:left -400px;}

ul.tabBtnList {
	margin:30px auto 0;
	width:78px;
}
ul.tabBtnList:after {
	content:"";
	display:block;
	clear:both;
}
ul.tabBtnList>li {
	float:left;
}
ul.tabBtnList>li+li {
	margin-left:3px;
}
ul.tabBtnList button {
	display:block;
	width:9px;
	height:9px;
	background:#657888;
	border:none;
	border-radius:9px;
}
ul.tabBtnList button.active {
	width:30px;
	background:#fb797f;
}
div.wrapType {
	display:none;
}
div.wrapType.active {
	display:block;
}
div.wrapTypeContent {
	text-align:center;
}
div.wrapTypeContent h2 {
	padding-top:20px;
	font-size:50px;
	font-weight:normal;
}
div.wrapTypeContent p.desc {
	margin-top:15px;
	color:#5d6873;
	font-size:18px;
}
div.wrapTypeContent img.typeImg {
	margin-top:50px;
	margin-bottom:30px;
}
ul.tabBtnArrow {
	position:absolute;
	right:0px;
}
ul.tabBtnArrow>li+li {
	margin-top:12px;
}
ul.tabBtnArrow button {
	display:block;
	position:relative;
	width:82px;
	height:82px;
	background:url(images/btnAppsiteTypeScroll.png) no-repeat left top;
	border:none;
}
ul.tabBtnArrow button:active {
	top:1px;
	left:1px;
}
ul.tabBtnArrow button[data-button=tabDown] {background-position:left bottom}
ul.tabBtnArrow button[data-button=tabUp]:hover {background-position:right top}
ul.tabBtnArrow button[data-button=tabDown]:hover {background-position:right bottom}
/***********************************
吏��먯옄 FAQ
***********************************/
button.btn.btn-transparent{
	background:transparent;
	border:none;
	height:18px;
	padding:0;
	margin:0;
	color:#2d3d4f;
	text-align:right;
	outline:none;
}
button.btn.btn-transparent>i{
	font-size:18px;
	margin:0 1px;
}




/* �섏젙�� �� : 愿�由ъ옄 - 吏��먯옄 FAQ */
ul.tab-editable {

}
ul.tab-editable:after {
	content:"";
	display:block;
	clear:both;
}
ul.tab-editable>li {
	box-sizing:border-box;
	position:relative;
	padding-right:44px;
	margin-right:1px;
	width:181px;
	height:42px;
	line-height:42px;
	background:#2daad1;
	border-top:2px solid #2daad1;
	color:rgba(255,255,255,0.9);
	font-size:16px;
	text-align:center;
}
ul.tab-editable>li>a{
	display:inline;
	font-size:14px;
}
ul.tab-editable>li:hover {
	color:rgba(255,255,255,1);
}
ul.tab-editable>li.active {
	position:relative;
	background:#fff;
	color:#15517b;
	border-top:2px solid #15517b;
	border-left:2px solid #15517b;
	border-right:2px solid #15517b;
}
ul.tab-editable>li.active>a{
	background:#fff;
	color:#15517b;
	text-decoration:none;
}
ul.tab-editable>li.active:after {
	content:"";
	position:absolute;
	bottom:-2px;
	left:0px;
	width:177px;
	border-bottom:2px solid #fff;
}
/* ON OFF �섏씠�щ쾭�� 援ы쁽*/
ul.tab-editable>li>label.labelOptionTab{
	position:absolute;
	display:inline-block;
	width:43px;
	height:17px;
	right:4px;
	top:12px;
}
ul.tab-editable>li>label.labelOptionTab:before{
	content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
	float:left;
	overflow: hidden;
	margin-right: 0px;
	padding: 0px;
	width: 43px;
	height: 17px;
	background-color:#6a7482;
	border: none;
	border-radius: 12px;
	color: #fff;
	font-family: Arial, Helvertica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	text-align: left;
	text-indent: -23px;
	transition: all 0.4s ease;
}
ul.tab-editable>li>label.labelOptionTab:after{
	content:"";
	position:absolute;
	top: 2px;
	left: 2px;
	padding: 0px;
	width: 13px;
	height: 13px;
	background-color: #fff;
	border-radius: 12px;
	transition:all 0.4s ease;
}
ul.tab-editable>li>label.labelOptionTab.active:before{
	text-indent: 8px;
	background-color: #2d3d4f;
	color:#fefb3f;
}
ul.tab-editable>li>label.labelOptionTab.active:after{
	content:"";
	position:absolute;
	top: 2px;
	left: 2px;
	padding: 0px;
	width: 13px;
	height: 13px;
	background-color: #fff;
	border-radius: 12px;
	transition: all 0.4s ease;
	left: 28px;
	background-color: #fefb3f;
}
/* 愿�由ъ옄 - 吏��먯옄FAQ */
dl.list-faq{
	border-top:1px solid #cbdfe4;
	margin-top:30px;
}
dl.list-faq>dt{
	border-bottom:1px solid #cbdfe4;
	padding:10px 58px 10px 38px;
	min-height:30px;
	line-height:32px;
	position:relative;
}
dl.list-faq>dt>i.boardLabel.question{
	position:absolute;
	left:4px;
	top:16px;
}
dl.list-faq>dt>button.question-opener{
	background:#e8e8e8;
	border:0;
	border-radius:50%;
	width:30px;
	height:30px;
	color:#fff;
	position:absolute;
	right:15px;
	top:10px;
	outline:none;
	line-height:28px;
}
dl.list-faq>dt>button.question-opener:hover{
	background:#dedede;
}
dl.list-faq>dd{
	display:none;
}
dl.list-faq>dd>i.boardLabel.answer{
	position:absolute;
	left:42px;
	top:16px;
}
dl.list-faq>dt.active{
	margin-top:-1px;
	border-top:1px solid #7edaf4;
	border-bottom:0;
}
dl.list-faq>dt.active>button.question-opener{
	background:#98c1c7;
}
dl.list-faq>dt.active+dd{
	display:block;
	background:#f9fbfb;
	border-bottom:1px solid #7edaf4;
	padding:15px 20px 15px 90px;
	position:relative;
}
dl.list-faq a.faq-title:hover,
dl.list-faq a.faq-title:active{
	text-decoration:none;
	cursor:pointer;
}

button.btn>i.faq-chevron{
	position:relative;
	color:#999999;
	top:-2px;
}
div.btn-set-padding{
	margin-top:12px;
	padding:0 0 0 12px;
	color:#707070;
}
textarea.textarea.textarea-fix{
	resize:none;
	word-break:break-all;
}
/* layer popup 李�*/
div.categoryEdit{
	padding:18px;
	box-sizing:border-box;
}
div.label-set-category{
	margin:10px;
}
div.label-set-category>label+label{
	margin-left:16px;
}
div.btn-set-category{
	margin-top:8px;
	text-align:center;
}

/****************************
sms 異붽� �묒떇
****************************/
div.smsFormInfo{
	padding:0px 25px;
	width:655px;
}
/* �덈궡臾� */
div.smsFormInfo ul.smsFormInfoList{
	background:#edf6f0;
	padding:18px;
	padding-left:40px;
	margin:2px 7px 10px;
}
div.smsFormInfo ul.smsFormInfoList>li{
	position:relative;
	font-weight:bold;
}
div.smsFormInfo ul.smsFormInfoList>li:before{
	position:absolute;
	display:inline-block;
	content:"";
	width:3px;
	height:3px;
	background:#80b197;
	left:-13px;
	top:7px;
}
/* �묒떇 */
ul.smsFormSample>li{
	position:relative;
	width:220px;
	height:220px;
	border:1px solid #cdde5a;
	float:left;
	margin:7px;
}
ul.smsFormSample>li>h3{
	font-weight:normal;
	background:#cdde5a;
	height:36px;
	line-height:36px;
	text-align:center;
}
ul.smsFormSample>li>p{
	padding:20px;
}
ul.smsFormSample>li>div.smsSampleBtnWrapper{
	position:absolute;
	width:100%;
	bottom:26px;
	text-align:center;
}

/***************************************
* ���쒕낫�� 罹섎┛��
****************************************/
#wrapSchedule {
	position:relative;
}
#schedule {
	position:absolute;
	top:0px;
	float:left;
	width:329px;
	height:700px;
	background:#74c6ec;
}
#calendar {
	box-sizing:border-box;
	padding-left:329px;
	height:700px;
	background:#f8f8f8;
	border-top:1px solid #dfe0e2;
	border-right:1px solid #dfe0e2;
	border-bottom:1px solid #dfe0e2;
}
#calendar .fc-toolbar {
	position:relative;
	margin:0px;
	height:70px;
}
#calendar .fc-toolbar h2 {
	margin-top:22px;
	margin-left:40px;
	margin-right:40px;
}

#calendar .fc-left {
	margin-left:15px;
}
#calendar .fc-button {
	margin:23px 0 0;
	width:23px;
	height:28px;
	background:transparent;
	border:none;
	box-shadow:none;
}
#calendar .fc-button-group {
	margin-top:23px;
	border:1px solid #d2d8e0;
	border-radius:3px;
}
#calendar .fc-center .fc-button:hover {
	border:1px solid #d2d8e0;
	border-radius:3px;
}
#calendar .fc-button-group .fc-button {
	margin-top:0px;
	width:50px;
	height:26px;
	background:#f4f4f4;
	color:#7a7a7a;
	font-size:11px;
	transition:all 0.2s ease;
}
#calendar .fc-button-group .fc-button+.fc-button {
	border-left:1px solid #d2d8e0;
}
#calendar .fc-button-group .fc-button.fc-state-active {
	width:60px;
	background:#fff;
	color:#333;
}
#calendar .fc-button-group .fc-button.fc-state-active:before {
	content:url(images/iconCalendarTypeCheck.png);
	display:inline-block;
	margin:0 5px 0 0;
}
#calendar .fc-icon-left-single-arrow::after,
#calendar .fc-icon-right-single-arrow::after {
	font-weight:normal;
}
#calendar .fc-icon-left-single-arrow::after {
	left:3px;
}
#calendar .fc-icon-right-single-arrow::after {
	left:-3px;
}
#calendar .fc-button.fc-ical {
	width:112px;
	background:#d2e3f0;
	color:#4a758c;
}
#calendar .fc-button.fc-ical:before {
	content:url(images/iconBtniCal.png);
	display:inline-block;
	margin:0px 5px 0px 0px;
}
#calendar h2 {
	font-family:'arial',"�뗭�",Dotum,AppleGothic,sans-serif ;
	font-size:30px;
}
#calendar .fc-day-header {
	height:27px;
	line-height:25px;
	color:#6e6e6e;
}
#calendar .fc-day-number {
	padding-right:5px;
	color:#979ea0;
	font-weight:bold;
}
#calendar .fc-event {
	border-radius:0px;
}
#calendar .fc-day-grid-event {
	margin:1px 3px 0px;
}
#calendar .fc-content {
	text-align:center;
}
#calendar .fc-agendaWeek-view .fc-content,
#calendar .fc-agendaDay-view .fc-content {
	padding-left:5px;
	text-align:left;
}
#calendar .fc-day-grid-event .fc-time {
	font-weight:normal;
}
#calendar.fc-unthemed .fc-bg .fc-today {
	background:#eaeff3;
}
#calendar.fc-unthemed .fc-popover .fc-header {
	background:#D2E3F0;
}
#calendar .fc-more-popover .fc-event-container {
	border:1px solid #D2E3F0;
	border-top:none;
}
#calendar .fc-popover .fc-header .fc-title {
	margin:0px 7px;
	color:#333;
	font-size:13px;
}
#calendar .fc-unthemed .fc-popover .fc-header .fc-close {
	font-size:1em;
}
#calendar a.fc-more {
	text-decoration:underline;
}
/* �묒떇愿�由� */
.pattern.modal-bg {
	display:none;
}
.pattern .modal {
	margin: 2% auto 3%;
	width: 813px;
	position: relative;
	height:93%;
	overflow:hidden;
	box-sizing:border-box;
	padding-bottom:0px;
}
.pattern .modal.passRecommend {
	width: 921px;
}
.pattern .passRecommend table.table th {
	height:25px;
	width:47px;
	text-align: left;
}
.pattern .passRecommend table.table th:nth-child(4n-3) {
	background:#fff;
}
.pattern .passRecommend table.table td {
	padding-left:0px;
}
.pattern .passRecommend table.table td:nth-child(4n) {
	background:#f4f9fa;
}

.pattern .selectType li {
	width: 95px;
	height: 30px;
	float: left;
	box-sizing:border-box;
	border: solid 1px #cdcdcd;
	border-left:none;
	border-bottom:solid 1px #a9a9a9;
	padding-top:5px;
	color:#3f3f3f;
	cursor: pointer;
}
.pattern .selectType ul {
	display: block;
	text-align: center;
	width: 285px;
	margin: auto;
	margin-top: -5px;
	margin-bottom: 16px;
}
.pattern .selectType ul:after {
	content: "";
	clear: both;
	display: block;
}
.pattern .selectType li.subActive,.pattern .selectType li.subActive:first-child, .pattern .selectType li.subActive:last-child {
	background:#25abc7;
	color:#fff;
	border:1px solid #2a97b2;
}
.pattern .selectType li:first-child {
	border-left:solid 1px #a9a9a9;
}
.pattern .selectType li:last-child {
	border-right:solid 1px #a9a9a9;
}
.pattern .non {
	position: relative;
}
.pattern .non:AFTER {
	content: "";
	position: absolute;
	width: 140px;
	height: 1px;
	background: #d9d9d9;
	bottom: 1px;
	left: 5px;
}
.pattern .modal h2.h2 {
	margin-bottom:0px;
}
.pattern .modal .h3,
.pattern .modal .h4 {
	margin-bottom:0px;
	font-size: 20px;
	background: url(images/bu.png) no-repeat left 2px;
	padding-left:21px;
}
.pattern .contentBox {
	padding: 30px 33px 30px 50px;
	height: calc(100% - 50px);
	overflow-y: scroll;
	box-sizing: border-box;
}
.pattern .infoTxt {
	color:#7f7f7f;
	padding-top:11px;
	padding-bottom:16px;
	line-height: 16px;
}
.pattern .PatternTable {
	border-top:2px solid #82ccdc;
	border-bottom:1px solid #82ccdc;
}
.pattern .PatternTable.isMargin {
	margin-bottom:39px;
}
.pattern table.table th {
	background:#f4f9fa;
	width:120px;
	height:29px;
}
.pattern table.table td {
	text-align: left;
	padding-left:20px;
}
.pattern .btn-set {
	margin-top:18px;
}
.pattern .btn-set.announce {
	margin-bottom:41px;
}
.pattern .btn-set.document {
	margin-top:12px;
}
.pattern .exampleTxt {
	font-size:14px;
	font-weight: bold;
	display:block;
	text-align: center;
	position: relative;
}
.pattern .exampleTxt:before {
	content: "";
	width: 43%;
	height: 0px;
	position: absolute;
	top: 9px;
	left: 0px;
	border-top: 1px dashed #a2a2a2;
}
.pattern .exampleTxt:after {
	content: "";
	width: 43%;
	height: 0px;
	position: absolute;
	top: 9px;
	right: 0px;
	border-top: 1px dashed #a2a2a2;
}
.pattern ul.tab {
	border-bottom:none;
	margin-bottom:0;
}
.pattern ul.tab>li>a {
	text-decoration:none;
	width:356px;
}
.pattern ul.tab>li:last-child>a {
	margin-right:0px;
}
.pattern .tabContent {
	padding:35px 0 35px 0;
	border:2px solid #15517b;
	margin-top:-2px;
	text-align: center;
}
.pattern .tabContent.documentEmail {
	padding-top:11px;
	margin-top:35px;
}
.pattern ul.tab>li>a.active {
	height:44px;
}
.pattern ul.tab>li>a.active:after {
	content:none;
}
.hide {
	display:none;
}
.show,.show2 {
	display:inline-block !important;
}
.clear:after {
	content: "";
	clear: both;
	display: block
}
button.formInsert {
	margin-right:4px;
}
.pattern ul.tab.announce{
	margin-top:37px;
}
.pattern ul.tab.fourtab>li {
	width:24.893%;
	position:relative;margin-right:1px;
}
.pattern ul.tab.fourtab>li:last-child{
	margin-right:0px;
}
.pattern ul.tab>li>a{
	width:100%;
}
.pattern .naverViewTxt{
	color:#a0a0a0;
}
.pattern .naverViewBox{
	margin-top:8px;
}
/*硫댁젒 �꾪삎 異붿쿇�쒖떇*/
.pattern label:FIRST-CHILD {
	margin-left:0px;
}
.pattern label:FIRST-CHILD {
	margin-left:0px;
}
.pattern ul.tab.twotab>li {
	width:calc(50% - 1px);
	position:relative;margin-right:1px;
}
.pattern ul.tab.twotab>li:last-child {
	width:50%;
	margin-right:0px;
}
.mailFormSelect label {
	margin-left:30px;
}
/* 梨꾩슜 怨듦퀬 �깅줉  **�먮룞 margintop 臾몄젣 �뚮Ц�� class瑜� �곕줈 留뚮벉.****/
.modalMail {
	margin: 100px auto;
	padding-bottom: 20px;
	width: 800px;
	background: #fff;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
}
.modalMail h2.h2 {
	background: url(images/bg-modal-h2.png) no-repeat right top, #47b8d0;
	border-bottom: 1px solid #1b6fa5;
	color: #fff;
	position: relative;
	margin-bottom: 20px;
	padding: 0 30px;
	height: 50px;
	line-height: 55px;
	font-size: 27px;
	font-weight: normal;
}
/*異붿쿇 �쒖떇 蹂닿린 踰꾪듉*/
.btn.alarmMailBtn {
	margin-right:7px;
}
.hasViewFormbtn {
	position: relative;
}
button.btn.docViewEmailBtn {
	margin-top:8px;
	padding:0px 6px;
}
.recommendBtnBox {
	position: relative;
	top: -4px;
	left: 14px;
	display: inline;
}
.hasRecommendBtn {
	display:inline-block;
}
/*�쇱そ �쒕엻 �ㅼ슫*/
.dropdown-sub-left-menu {
	top: -10px;
	left: -101%
}
.dropdown-menu.left {
	top: 99%;
	right: 0px;
	left: auto;
}
.dropdown-sub-left-menu {
	display: none;
	position: absolute;
	z-index: 1000;
	box-sizing: border-box;
	padding: 5px 0px;
	margin: 2px 0px 0px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(0, 0, 0, 0.15);
	background: #fff;
	text-align: left;
}
.dropdown-sub-left-menu.active {
	display:block;
}
.dropdown-menu.left>li>a,.dropdown-sub-left-menu>li>a {
	display: block;
	box-sizing: border-box;
	padding: 3px 20px 3px 78px;
	margin-bottom: 1px;
	margin-top: 1px;
	min-width: 150px;
	color: #333;
	font-weight: normal;
	line-height: 1.42857em;
	text-decoration: none;
	white-space: nowrap;
	text-align: right;
}
.dropdown-sub-left-menu>li>a {
	padding: 3px 20px 3px 3px;
	text-align: right;
}
.dropdown-menu.left>li>a:hover,
.dropdown-sub-left-menu>li>a:hover {
	background:#abbac3;
	color:#fff;
}
.fa-left {
	position: absolute;
	left: 6px;
	line-height: 20px;
}
/*梨꾩슜 罹좏럹��*/
/*梨꾩슜 罹좏럹�� 怨듯넻 �붿냼 & campaign*/
.campaignWrapper .campaignWrap {
	min-width: 1112px; /*諛섏쓳�뺤씠硫� 諛붾�뚯뼱�� ��*/
	padding-right:30px;
}
.campaignWrapper .headerTxt {
	float:left;
}
.campaignWrapper .headerImg {
	float: left;
	height: 234px;
	background: url("images/headerRightImg.png") no-repeat right;
	width: 48%;
}
.campaignWrapper .header:after {
	content: " ";
	display: block;
	clear: both;
}
.campaignWrapper .headerTxt p.recruitTxtBox {
	padding:0 0 0 8px;
	line-height: 48px;
}
.campaignWrapper .headerTxt .tx1 {
	padding-left:3px;
	display:inline-block;
	color:#a6b6bc;
	font-size: 28px;
}
.campaignWrapper .headerTxt .tx2 {
	display:inline-block;
	color:#7ec2cd;
	font-size: 59px;
	letter-spacing: 1px;
}
.campaignWrapper .headerTxt .tx3 {
	display:inline-block;
	color:#5c5f66;
	font-size: 14px;
	padding:13px 0 30px 0;
	line-height: 20px;
}
.campaignWrapper ul.processInfo {
	display: block;
	padding-top:8px;
}
.campaignWrapper ul.processInfo li {
	display: inline-block;
	font-size: 19px;
	color:#858a93;
	margin-left:36px;
	position: relative;
}
.campaignWrapper ul.processInfo li:FIRST-CHILD {
	margin-left:0px;
}
.campaignWrapper ul.processInfo li.active {
	color:#5698d8;
}
.campaignWrapper ul.processInfo li:after {
	content: "";
	display: block;
	position: absolute;
	width:9px;
	height:17px;
	top: 4px;
	right: -22px;
	background:url('images/rightArrow.png');
}
.campaignWrapper ul.processInfo li:last-child:after {
	content: none;
}
/*�쇱そ 硫붾돱 �ㅼ젙*/
.campaignWrapper .leftNav {
	display:inline-block;
	float:left;
}
.campaignWrapper .leftNav ul {
	width:170px;
	float:left;
}
.campaignWrapper .leftNav li {
	width: 170px;
	height: 160.63px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 108px;
	color:#a5aab9;
}
.campaignWrapper .leftNav li:nth-child(1) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fafafa 54px -15px;
	border-top:solid 1px #c8d6e1;
	border-left:solid 1px #c8d6e1;
	border-right:solid 1px #c8d6e1;
	border-bottom:solid 1px #dbdde3;
}
.campaignWrapper .leftNav li:nth-child(2) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fafafa 58px -176px;
	border-left:solid 1px #c8d6e1;
	border-right:solid 1px #c8d6e1;
	border-bottom:solid 1px #dbdde3;
}
.campaignWrapper .leftNav li:nth-child(3) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fafafa 57px -327px;
	border-left:solid 1px #c8d6e1;
	border-right:solid 1px #c8d6e1;
	border-bottom:solid 1px #dbdde3;
}
.campaignWrapper .leftNav li:nth-child(4) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fafafa 52px -494px;
	border-left:solid 1px #c8d6e1;
	border-right:solid 1px #c8d6e1;
	border-bottom:solid 1px #dbdde3;
}
.campaignWrapper .leftNav.step1_2 li:nth-child(1) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #87c1ef 54px -652px;
	color:#fff;
	border-color:#87c1ef;
	border-bottom:none;
}
.campaignWrapper .leftNav.step1_2 li:nth-child(2) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 58px -1456px;
	color: #59627f;
	border-color:#6f8ecc;
	border-top:solid 1px #6f8ecc;
}
.campaignWrapper .leftNav.step1_2 li:nth-child(3) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 57px -1607px;
	color: #59627f;
	border-color:#3563ba;
}
.campaignWrapper .leftNav.step1_2 li:nth-child(4) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 52px -1774px;
	color: #59627f;
	border-color:#304690;
}
.campaignWrapper .leftNav.step2 li:nth-child(1) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 54px -1294px;
	color: #59627f;
	border-color:#87c1ef;
	border-bottom:none;
}
.campaignWrapper .leftNav.step2 li:nth-child(2) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #6f8ecc 58px -816px;
	color: #fff;
	border-color:#6f8ecc;
}
.campaignWrapper .leftNav.step2 li:nth-child(3) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 57px -1607px;
	color: #59627f;
	border-color:#3563ba;
	border-top:solid 1px #3563ba;
}
.campaignWrapper .leftNav.step2 li:nth-child(4) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 52px -1774px;
	color: #59627f;
	border-color:#304690;
}
.campaignWrapper .leftNav.step3 li:nth-child(1) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 54px -1294px;
	color: #59627f;
	border-color:#87c1ef;
}
.campaignWrapper .leftNav.step3 li:nth-child(2) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 58px -1456px;
	color: #59627f;
	border-color:#6f8ecc;
}
.campaignWrapper .leftNav.step3 li:nth-child(3) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #3563ba 57px -967px;
	color: #fff;
	border-color:#3563ba;
}
.campaignWrapper .leftNav.step3 li:nth-child(4) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 52px -1774px;
	color: #59627f;
	border-color:#304690;
}
.campaignWrapper .leftNav.step4 li:nth-child(1) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 54px -1294px;
	color: #59627f;
	border-color:#87c1ef;
}
.campaignWrapper .leftNav.step4 li:nth-child(2) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 58px -1456px;
	color: #59627f;
	border-color:#6f8ecc;
}
.campaignWrapper .leftNav.step4 li:nth-child(3) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #fff 57px -1607px;
	color: #59627f;
	border-color:#3563ba;
}
.campaignWrapper .leftNav.step4 li:nth-child(4) {
	background: url('images/campaignLeftNavIcon.png') no-repeat #304690 52px -1134px;
	color: #fff;
	border-color:#304690;
}
.campaignWrapper .campaignContentWrap {
	padding-top:23px;
	width:100%;
}
.campaignWrapper .campaignContentWrap:AFTER {
	content: "";
	display: block;
	clear:both;
}
.campaignWrapper .campaignContent {
	width:720px;
	padding:0 40px 0;
	float:left;
	box-sizing:border-box;
	border:none;
}
.campaignWrapper .colorbar {
	margin-top:-10px;
}
.campaignWrapper .colorbar hr {
	width: 12.5%;
	height:3px;
	display: inline-block;
	border:none;
	margin:0;
}
.campaignWrapper .colorbar hr:nth-child(1) {
	background-color:#5bb7d7;
}
.campaignWrapper .colorbar hr:nth-child(2) {
	width:39.0625%;
	background-color:#498aca;
}
.campaignWrapper .colorbar hr:nth-child(3) {
	width:35.9375%;
	background-color:#4063b7;
}
.campaignWrapper .colorbar hr:nth-child(4) {
	background-color:#202e82;
}
.campaignWrapper .campaignContent .selectInfoTxt {
	padding:12px 0 19px 41px;
	position:relative;
	color: #969cae;
	font-size: 14px;
}
.campaignWrapper .campaignContent .selectInfoTxt:BEFORE {
	content: "1";
	display: block;
	position: absolute;
	left: 9px;
	font-size: 33px;
	color: #969cae;
	top: 6px;
}
.campaignWrapper .selectCampaignBox {
	width:100%;
	min-height:560px;
	box-sizing:border-box;
	border:solid 1px #d1dee5;
	background-color:#e8f6f9;
	position: relative;
	display: none;
}
.campaignWrapper .typeInfoBox {
	float: left;
	padding: 102px 0 116px 59px;
	width: 50%;
	box-sizing: border-box;
	font-size: 24px;
	color: #333e62;
	line-height: 28px;
	background-color:#fff;
	position: relative;
	transition:all 0.13s ease;
}
.campaignWrapper .typeInfoBox:hover{
	background:#e8f6f9;
}
.campaignWrapper .typeInfoBox.typeA:BEFORE {
	content: "A";
	position: absolute;
	display: block;
	left: 33px;
}
.campaignWrapper .typeInfoBox.typeA:AFTER {
	content: "";
	position: absolute;
	display: block;
	width: 200px;
	height: 150px;
	left: 65px;
	top: 221px;
	background: url(images/campaignSelect.png) center 0px;
}
.campaignWrapper .typeInfoBox.typeB:BEFORE {
	content: "B";
	position: absolute;
	display: block;
	left: 33px;
}
.campaignWrapper .typeInfoBox.typeB:AFTER {
	content: "";
	position: absolute;
	display: block;
	width: 200px;
	height: 150px;
	left: 62px;
	top: 220px;
	background: url(images/campaignSelect.png) center -148px;
}
.campaignWrapper .typeInfoBox.typeB {
	border-left:solid 1px #d1dee5;
}
.campaignWrapper .typeInfoBox em {
	font-weight: bold;
}
.campaignWrapper .typeInfoBox .paragraph {
	padding-bottom: 188px;
	display: block;
}
.campaignWrapper .typeInfoBox .subInfo {
	color: #787878;
	display: inline-block;
	font-size: 15px;
	line-height: 19px;
	padding-top: 6px;
}
.campaignWrapper button.btn.btnLoad {
	padding: 11px 22px;
}
/*湲곗〈 罹좏럹�� �ㅼ젙 遺덈윭�ㅺ린*/
.campaignWrapper .campaignBoxTxt {
	text-align:center;
	font-size: 30px;
	color:#333e62;
	display: block;
}
.campaignWrapper .selectCampaignBox.load {
	border:solid 1px #c5d6db;
	padding: 75px 99px 0 99px;
}
.campaignWrapper .loadCampaignSubject {
	display: block;
	font-size: 16px;
	padding:27px 0 4px 16px;
	position:relative;
}
.campaignWrapper .loadCampaignSubject:BEFORE {
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height:8px;
	background:url('images/square.png');
	left:0px;
	top:33px;
}
.campaignWrapper .loadCampaignsubSubject {
	color:#787878;
	font-size: 14px;
}
.campaignWrapper .reuseSelectBox {
	position: relative;
	width: 438px;
	height: 31px;
	background: url(images/downArrow.png) 418px center no-repeat #fff;
	border: 1px solid #d8d8d8;
}
.campaignWrapper .reuseSelectBox:BEFORE {
	content: "";
	position: absolute;
	width: 1px;
	height: 31px;
	background-color: #d8d8d8;
	right: 31px;
}
.campaignWrapper div.reuseSelectBox label {
	position: absolute;
	font-size: 14px;
	color: #000;
	top: 7px;
	left: 8px;
}
.campaignWrapper div.reuseSelectBox select#reuseCampaignSelect {
	width: 100%;
	height: 32px;
	min-height:32px;
	opacity: 0;
}
.campaignWrapper .reuseRangeSelectBox {
	width:440px;
	height:125px;
	box-sizing:border-box;
	background-color:#fff;
	margin-top:9px;
}
.campaignWrapper .RangeSelect {
	width:132px;
	height:126px;
	float:left;
	position:relative;
	padding-top: 25px;
	padding-left: 22px;
	font-size: 14px;
	color:#000;
	box-sizing: border-box;
	background:#fff;
	border:1px solid #dddddd;
	border-right:none;
	border-left:none;
}
.campaignWrapper .RangeSelect.level1 {
	margin-left: 0px;
	padding-left: 17px;
	border-left: 1px solid #dddddd;
	width: 138px;
}
.campaignWrapper .RangeSelect.level1.select {
	border-color:#87c1ef;
}
.campaignWrapper .RangeSelect.level1.select:before {
	border-left: 15px solid #87c1ef;
}
.campaignWrapper .RangeSelect.level2 {
	width:146px;
	padding-left: 35px;
}
.campaignWrapper .RangeSelect.level2.select:before {
	border-left: 15px solid #6f8ecc;
}
.campaignWrapper .RangeSelect.level2.select {
	border-color:#6f8ecc;
}
.campaignWrapper .RangeSelect.level3 {
	width:156px;
	border-right:solid 1px #dddddd;
	padding-left:33px;
}
.campaignWrapper .RangeSelect.level3.select {
	border-color:#3563ba;
}
.campaignWrapper .RangeSelect:before {
	content: "";
	display: block;
	position: absolute;
	border-left: 15px solid #d0d0d0;
	border-top: 63.5px solid transparent;
	border-bottom: 63.5px solid transparent;
	left: 137px;
	top: -1.5px;
	z-index: 10;
}
.campaignWrapper .RangeSelect:AFTER {
	content: "";
	display: block;
	position: absolute;
	border-left: 14px solid #fff;
	border-top: 61.5px solid transparent;
	border-bottom: 61.5px solid transparent;
	left: 137px;
	top: 1px;
	z-index: 11;
}
.campaignWrapper .RangeSelect.level2:before {
	left: 146px;
}
.campaignWrapper .RangeSelect.level2:AFTER {
	left: 146px;
}
.campaignWrapper .RangeSelect:last-child:before,.RangeSelect:last-child:after {
	content: none;
}
.campaignWrapper input[type=checkbox].checkbox.campaign+.label::before {
	content: "";
	color: #d0d6db;
	line-height: 11px;
	width: 15px;
	min-width:initial;
	font-size: 24px;
	padding-left:1px;
	border: 1px solid #b4bec5;
}
.campaignWrapper input[type=checkbox].checkbox.campaign:checked+.label:before {
	content: "\f00c";
	color: #304690;
	background:#9cd6e6;
	border: 1px solid #9cd6e6;
}
.campaignWrapper .checkboxWrap {
	margin-left:6px;
}
.campaignWrapper .RangeSelectInfo {
	display: inline-block;
	font-size: 12px;
	padding-top:8px;
}
/*step1*/
.campaignWrapper .selectCampaignBox.step1 {
	border:solid 1px #c5d6db;
	padding: 141px 99px 0 99px;
}
.campaignWrapper input.text.campaignTitle {
	height:40px;
	font-size: 16px;
	padding:0 10px 0 10px;
}
.campaignWrapper input.text.campaignTitle::-webkit-input-placeholder {
	color:#000;
	text-align: center;
}
.campaignWrapper .inputInfo {
	color:#72797a;
	padding:9px 0 13px 20px;
	display: inline-block;
	position:relative;
}
.campaignWrapper .inputInfo:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 10px;
	width: 16px;
	height: 16px;
	background: url(../../images/iconCaution.png) no-repeat 0 -64px;
}
.campaignWrapper .selectCampaignBox.show {
	display: block;
}
/*step1_2*/
.campaignWrapper .selectCampaignBox.step1_2 {
	border:none;
}
.campaignWrapper .schoolSelectType {
	height: 186.9px;
	background-color: #fff;
	border: 1px solid #d1dee5;
	border-top: none;
	font-size: 31px;
	box-sizing: border-box;
	background: url(images/campaignSelect.png) 395px -314px no-repeat #fff;
}
.campaignWrapper .schoolSelectType.college {
	background-position: 408px -509px;
}
.campaignWrapper .schoolSelectType.highscl {
	background-position: 398px -714px;
}
.campaignWrapper .schoolSelectType > label{
	padding:34px 0 0 79px;
}
.campaignWrapper .schoolSelectType:FIRST-CHILD {
	border-top:1px solid #d1dee5;
}
.campaignWrapper .schoolSelectType.selected {
	background-color:transparent;
	color:#6864b3;
}
.campaignWrapper .schoolSelectType label {
	width: 100%;
	display: block;
	height: 100%;
	box-sizing:border-box;
}
.campaignWrapper .schoolSelectType input[type=radio].radio+.label::before {
	content: "\f00c";
	width: 34px;
	height: 36px;
	border-color: #cbcbcb;
	background-color: #fff;
	color: #cecece;
	font-size: 23px;
	line-height: 35px;
	padding-left: 2px;
}
.campaignWrapper .schoolSelectType input[type=radio].radio:checked+.label::before {
	color: #fff;
	background-color: #7679be;
	border-color: #7679be;
}
.campaignWrapper .schoolTypeSubject {
	padding-left: 18px;
	padding-top: 3px;
	display: inline-block;
	position: relative;
	top: 1px;
}
.campaignWrapper .schoolTypeSubSubject {
	font-size: 16px;
	color: #6f7780;
	display: block;
	padding:6px 0 0 60px;
	line-height: 23px;
}
.campaignWrapper .btn-set.campaignBtn-set {
	margin:0;
	padding:30px 0;
	background-color:#fff;
}
/*step2*/
.campaignWrapper .koreaMap {
	background-color:#fff;
	width:238px;
	height:527px;
}
.campaignWrapper .mapBox {
	padding:26px 40px 39px;
	background-color:#fff;
	width:318px;
	box-sizing:border-box;
	float:left;
}
.campaignWrapper .sortBox {
	float: left;
	position: relative;
	font-size: 18px;
	color: #000;
	padding: 34px 0 0 40px;
	max-width: 280px;
}
.campaignWrapper .map {
	transition:transform 0.5s ease,fill 0.09s ease;
}
.campaignWrapper .map:hover {
	cursor:pointer;
	-webkit-transform: translate(0px,-10px);
	transform: translate(0,-10);
}
.campaignWrapper .campaignContent .selectInfoTxt.step2:BEFORE {
	content: "2";
}
.campaignWrapper .univSelect {
	font-size:14px;
	display:inline-block;
	padding-top:14px;
}
.campaignWrapper .univSelect label {
	margin-left:22px;
}
.campaignWrapper .univSelect label:first-child {
	margin-left:0px;
}
.campaignWrapper .selectSubject {
	display:block;
}
.campaignWrapper .checkboxWrap.step2 {
	display:inline-block;
	margin:-1px 5px 0 0;
}
.campaignWrapper input[type=checkbox].checkbox.campaign.small+.label::before {
	line-height: 10px;
	width: 14px;
	font-size: 21px;
	padding-left: 1px;
	height: 15px;
}
.campaignWrapper .initSort {
	padding-top:2px;
}
.campaignWrapper .initSort:after {
	display:block;
	content:"";
	clear:both;
}
.campaignWrapper .initSort ol li {
	list-style: none;
	background-color:#c1eaf3;
	display: inline-block;
	margin:3px 0 0 3px;
	padding:7px 5.5px 6px 5.5px;
	line-height:9px;
	font-size: 14px;
	float:left;
	cursor: pointer;
}
.campaignWrapper .initSort ol li:hover {
	background-color:#9cdae7;
}
.campaignWrapper .initSort ol li:first-child,.initSort ol li:nth-child(11) {
	margin-left:0px;
}
.campaignWrapper .sortList {
	margin-top: 21px;
	padding-top: 15px;
	width: 240px;
	height: 288px;
	overflow: auto;
	border-top: solid 2px #acbec2;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 8px;
}
.campaignWrapper .sortList .sortResult {
	padding-top:1px;
	font-size: 13px;
	color: #4a4e4f;
	display: block;
}
.campaignWrapper .sortList .sortResult:first-child {
	padding-top:0px;
}
.campaignWrapper .sortList input[type=checkbox].checkbox.resultCheck+.label::before {
	line-height: 14px;
	min-width: 16px;
	font-size: 14px;
	height: 16px;
	border:none;
	border-left:1px solid #99a9b0;
	border-top:1px solid #b4cacd;
}
.campaignWrapper .sortList .listName {
	display: inline-block;
	margin:2px 0 0 6px;
	width: 188px;
	height: 19px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.campaignWrapper .sortList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background: #849498;
}
.campaignWrapper .sortList .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: #6d7a7e;
}
.campaignWrapper .sortList .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: #6d7a7e;
}
.campaignWrapper .sortList .mCSB_scrollTools .mCSB_draggerContainer {
	right:-3px
}
.campaignWrapper .sortList .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #a8e1f4;
	width: 6px;
	opacity:0.8;
}
.campaignWrapper .selectResult {
	width:240px;
	height:59px;
	box-sizing:border-box;
	border-top:1px solid #acbec2;
	border-bottom:2px solid #acbec2;
	margin-top:8px;
	text-align: right;
	position:relative;
	padding:8px;
}
.campaignWrapper .slash {
	font-size: 25px;
	position: relative;
	top: -1px;
	color: #b4c5ca;
	padding: 0 1px 0 3px;
}
.campaignWrapper .selectNum {
	color:#3563ba;
	font-size: 29px;
}
.campaignWrapper .listNum {
	color:#7d848b;
	font-size: 29px;
}
.campaignWrapper .selectResultTxt {
	font-size: 13px;
	position:absolute;
	left:0px;
	color:#7e8c98;
	top:18px;
	left:9px;
}
.campaignWrapper .locationTbl {
	padding-top:22px;
}
.campaignWrapper .locationTbl:after {
	display:block;
	content:"";
	clear:both;
}
.campaignWrapper .locationTbl ul li {
	float:left;
	border-left:solid 1px #e6e6e6;
	border-top:solid 1px #e6e6e6;
	padding: 4.5px 16.5px;
	cursor: pointer;
	position:relative;
}
.campaignWrapper .locationTbl ul li .checkNum {
	position: absolute;
	width: 25px;
	height: 15px;
	background-color: #c1eaf3;
	z-index: 1;
	top: -7px;
	right: -8px;
	border-radius: 8px;
	box-shadow: 1px 1px 1px #a2a2a2;
	color: #3563ba;
	text-align: center;
	font-size: 12px;
	display:none;
}
.campaignWrapper .locationTbl ul li:nth-child(4n) {
	border-right:solid 1px #e6e6e6;
}
.campaignWrapper .locationTbl ul li.bottomBorder {
	border-bottom:solid 1px #e6e6e6;
}
.campaignWrapper .locationTbl ul li:hover {
	background-color:#ffe464;
}
.campaignWrapper .locationTbl ul li.metropolitan:hover {
	background-color:#4f73c6;
	color:#fff;
}
.campaignWrapper .locationTbl ul li.selected, .locationTbl ul li.fix {
	background-color:#ffe464;
}
.campaignWrapper .locationTbl ul li.metropolitan.selected, .locationTbl ul li.metropolitan.fix{
	background-color:#4f73c6;
	color:#fff;
}
.campaignWrapper .locationTbl ul li.metroSelect {
	background-color:#4f73c6;
	color:#fff;
}
.campaignWrapper .locationTbl ul li.locSelect {
	background-color:#ffe464;
}
.campaignWrapper input[type=checkbox].checkbox.campaign.step2:checked+.label:before {
	color: #4d4f90;
	background:#9c9fd6;
	border: 1px solid #9c9fd6;
}
.campaignWrapper input[type=checkbox].checkbox.resultCheck.step2:checked+.label::before {
	color: #fff;
	background:#9c9fd6;
	border-left: 1px solid #9c9fd6;
	border-top: 1px solid #9c9fd6;
}
/*�ㅻⅨ履� 寃곌낵諛뺤뒪*/
.campaignWrapper .rightSelectView {
	border:solid 1px #c8d6e1;
	width:220px;
	box-sizing:border-box;
	float:left;
	font-size: 16px;
	color:#6a6c70;
	padding:20px 29px 0 29px;
}
.campaignWrapper .rightSelectBox {
	min-height:113px;
	box-sizing:border-box;
	border-bottom: dashed 1px #e2e2e2;
	padding-top:21px;
}
.campaignWrapper .rightSelectBox.second {
	min-height:104px;
}
.campaignWrapper .rightSelectBox .campaignTitleView {
	font-size: 14px;
	color: #817ebe;
}
.campaignWrapper .rightSelectBox:first-child {
	min-height:164px;
	padding:0px;
}
.campaignWrapper .rightSelectBox:last-child {
	border-bottom: none;
	min-height: 126px;
	vertical-align: bottom;
	color: #3c434d;
	font-weight: bold;
	text-align: right;
	padding-bottom: 15px;
	padding-top: 13px;
}
.campaignWrapper .SelectedSchView {
	font-size: 66px;
	position:relative;
	top:25px;
	margin-right:7px;
}
.campaignWrapper .rightSelectBox .resultInfo {
	color:#969cae;
	display: inline-block;
	font-size: 13px;
	padding-top:5px;
	padding-bottom:15px;
}
.campaignWrapper .rightSelectBox .rightSelectSubject {
	font-size: 14px;
	color: #000;
	display: block;
	padding-bottom:6px;
}

.campaignWrapper .rightSelectResult {
	color:#817ebe;
	font-size: 20px;
}
.campaignWrapper .rightSelectResult.second {
	line-height: 22px;
	padding-top: 3px;
	display: inline-block;
}
.campaignWrapper .currentNum {
	display: inline-block;
	width: 52px;
	text-align: right;
	padding-top: 1px;
}
/*step3*/
.campaignWrapper .selectCampaignBox.step3 {
	border:none;
}
.campaignWrapper .campaignContent .selectInfoTxt.step3:BEFORE {
	content: "3";
}
.campaignWrapper .selectCampaignBox .mailRange input[type=checkbox].checkbox+.label::before {
	content: "\f00c";
	width: 33px;
	height: 34px;
	border-color: #cbcbcb;
	background-color: #fff;
	color: #cecece;
	font-size: 23px;
	line-height: 33px;
	padding-left: 1px;
}
.campaignWrapper .selectCampaignBox .mailRange input[type=checkbox].checkbox:checked+.label::before {
	color: #fff;
	background-color: #7679be;
	border-color: #7679be;
}
.campaignWrapper .boardType {
	color: #7c8485;
	font-size: 16px;
	padding-left: 60px;
	display: inline-block;
	position: relative;
	top: -10px;
}
.campaignWrapper .mailRange {
	height: 186.7px;
	background-color: #fff;
	border: 1px solid #d1dee5;
	border-top: none;
	font-size: 31px;
	box-sizing: border-box;
	background: url(images/campaignSelect.png) 414px -919px no-repeat #fff;
}
.campaignWrapper .mailRange.level2{
	background-position: 414px -1119px;
}
.campaignWrapper .mailRange.level3{
	background-position: 414px -1319px;
}

.campaignWrapper .mailRange:FIRST-CHILD {
	border-top:1px solid #d1dee5;
}
.campaignWrapper .mailRange.selected {
	background-color:transparent;
	color:#6864b3;
}
.campaignWrapper .mailRange label {
	width: 100%;
	display: block;
	height: 100%;
	padding:32px 0 0 70px;
	box-sizing:border-box;
}
.campaignWrapper .mailRangeSubject {
	padding-left: 18px;
	padding-top: 2px;
	display: inline-block;
	position: relative;
	top: 1px;
}
.campaignWrapper .mailRangeSubSubject {
	font-size: 16px;
	color: #3d4353;
	display: block;
	padding:4px 0 0 60px;
	line-height: 21px;
}
.campaignWrapper .rightSelectResult.third {
	font-size: 15px;
	line-height: 19px;
	display: inline-block;
}
.campaignWrapper .rightSelectSubject.third {
	padding-bottom: 11px;
}
/*step4*/
.campaignWrapper .finalConfirmTxt {
	display: inline-block;
	float:left;
	color:#96a5b2;
	font-size: 12px;
	padding-top:10px;
}
.campaignWrapper .finalSchoolTxt {
	display: inline-block;
	float:right;
	color:#000;
	font-size: 18px;
	padding-right:11px;
}
.campaignWrapper .finalSchoolNum {
	font-size: 41px;
	color: #615db4;
	position: relative;
	padding-left: 10px;
	padding-right: 12px;
}
.campaignWrapper .selectCampaignBox.step4 {
	padding:26px 27px 0 41px;
}
.campaignWrapper .selectedBox:before {
	display: block;
	content: "";
	width: 24px;
	height: 20px;
	background: url(images/capaignStep4.png);
	position: absolute;
	left: 20px;
	top: 12px;
}
.campaignWrapper .selectedBox.listBox:before {
	background: url(images/capaignStep4.png) 0px -21px;
	height: 21px;
	top: 13px;
}
.campaignWrapper .CheckListBox:before {
	background: url(images/capaignStep4.png) 0px -42px;
	height: 18px;
	top: 15px;
	left: 19px;
}
.campaignWrapper .selectedTxt {
	display: block;
	font-size: 16px;
	position:relative;
}
.campaignWrapper .selectedTxt2 {
	display:block;
	position:relative;
	top: -1px;
	padding-bottom:6px;
}
.campaignWrapper .selectSchoolType {
	display:inline-block;
	font-size: 14px;
}
.campaignWrapper .selectedBox {
	background-color:#fff;
	border-radius:6px;
	padding:12px 54px;
	box-sizing:border-box;
	font-size: 16px;
	border:solid 1px #c5d6de;
	position:relative;
	float:left;
	width:100%;
}
.campaignWrapper .selectedBox.CheckListBox {
	margin-top: 15px;
	height: 80px;
	padding-right: 0px;
	font-size: 15px;
	padding-top: 14px;
}
.campaignWrapper .selectedBox.schoolType {
	height:75px;
}
.campaignWrapper .selectedBox.listBox {
	margin-top:10px;
	height:260px;
	padding:13px 11px 12px 54px;
	overflow: auto;
}
.campaignWrapper .selectedBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background: #849498;
}
.campaignWrapper .selectedBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: #6d7a7e;
}
.campaignWrapper .selectedBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: #6d7a7e;
}
.campaignWrapper .selectedBox .mCSB_scrollTools .mCSB_draggerContainer {
	right:-3px
}
.campaignWrapper .selectedBox .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #a8e1f4;
	width: 6px;
	opacity:0.8;
}
.campaignWrapper .SelectedWrap ol {
	padding-top:1px;
	padding-bottom:13px;
	line-height: 17px;
}
.campaignWrapper .SelectedWrap ol li {
	list-style: none;
	display: inline-block;
	min-width: 140px;
	margin-right: 20px;
	font-size: 13px;
	letter-spacing: 1px;
	margin-left: 0px;
}
.campaignWrapper .SelectedWrap ol li:nth-child(3n-2) {
	margin-left:0px;
}
.campaignWrapper .SelectedlocName {
	color:#53579d;
	font-size: 14px;
}
.campaignWrapper .selectedTxt2.range {
	padding-top:5px;
}
.campaignWrapper .step4checkboxWrap {
	letter-spacing:-2px;
	word-spacing:-3px;
	margin-left:15px;
	margin-right:5px;
}
.campaignWrapper .step4checkboxWrap.first {
	margin-left:1px;
}
.campaignWrapper .campaignCautionBox {
	width: 100%;
	height: 88px;
	box-sizing: border-box;
	background-color: #fdfdfc;
	border: 1px solid #e4e4e4;
	max-width: 1112px;
	margin-top:30px;
	font-size: 13px;
	padding-top:14px;
	padding-left:35px;
}
.campaignWrapper .campaignCautionBox .cautionInfo, .selectCampaignBox .cautionInfo {
	color: #55566a;
	font-weight: bold;
	padding-left:6px;
	position: relative;
}
.campaignWrapper .campaignCautionBox ul {
	line-height: 18px;
	margin-top:4px;
	color:#777777;
}
.campaignWrapper .campaignCautionBox ul li {
	position:relative;
}
.campaignWrapper .campaignCautionBox ul li:before {
	display: block;
	width: 2px;
	height: 2px;
	background-color: #acacac;
	position: absolute;
	content: "";
	left: -12px;
	top: 6px;
}
.campaignWrapper .cautionInfo:BEFORE {
	position: absolute;
	display: block;
	width: 17px;
	height: 17px;
	content: "";
	background: url(images/capaignStep4.png) 21px -60px;
	left: -18px;
	top: -3px;
}
.campaignWrapper .campaignContent .selectInfoTxt.step4:BEFORE {
	content: "4";
}
/*step5*/
.campaignWrapper .selectCampaignBox.step5 {
	border: none;
	position: relative;
	top: -6px;
	padding: 11px 30px 29px 30px;
	overflow: hidden;
}
.campaignWrapper .selectCampaignBox .searchInfo {
	font-size: 15px;
	color:#8a939f;
	float:left;
	padding-top:8px;
	display:inline-block;
}
.campaignWrapper .selectCampaignBox .searchBox {
	display:inline-block;
	float:right;
	font-size:19px;
	color:#464a4b;
}
.campaignWrapper .search-box.schSearch input[type=search] {
	width:163px;
	float:right;
}
.campaignWrapper .search-box.schSearch button.btn {
	margin-right:0px;
	float:right;
	position:relative;
	top:1px;
	width:17%;
}
.campaignWrapper .search-box.campaignSearch input[type=search] {
	width:142px;
	float:right;
}
.campaignWrapper .search-box.campaignSearch button.btn {
	margin-right:0px;
	float:right;
	position:relative;
	top:1px;
}
.campaignWrapper .numberBox strong {
	color: #b2132d;
	font-size: 19px;
}
.campaignWrapper .numberBox {
	display: inline-block;
	position: relative;
	top:1px;
	margin-right:11px;
	float:left;
	font-size: 19px;
}
.campaignWrapper .selectCampaignBox .majorSelectBox {
	width:100%;
	height:550px;
	box-sizing:border-box;
	border:1px solid #c5d6de;
	background-color:#fff;
	border-radius:11px;
	margin-top:4px;
}
.campaignWrapper .majorSelectBox .majorSelectList {
	margin:39px 33px 39px 39px;
	padding-right:12px;
	overflow-y:scroll;
	height:472px;
}
.campaignWrapper .majorSelectBox .majorSelectList td{
	padding-left: 5px;
	padding-right: 5px;
	word-break: break-all;
}
.campaignWrapper button.campaignSearchBtn {
	background-color:#fff;
	border:1px solid #d8d8d8;
	border-left:none;
	color:#8f9fbb;
}
.campaignWrapper button.campaignSearchBtn:hover {
	border:1px solid #d8d8d8;
	border-left:none;
	background-color:#fff;
}
.campaignWrapper .dropdown-menu.city{
	width:222px;
}
.campaignWrapper .dropdown-menu.city li label{
	float:left;
	min-width:110px;
}
.campaignWrapper .searchListBox {
	width:199px;
	height:200px;
	overflow-y:scroll;
	font-weight: normal;
	padding-left:2px;
	text-align: left;
}
.campaignWrapper .searchListBox label {
	display: block;
}
.campaignWrapper .dropdown-menu.registForm input[type=checkbox].checkbox+.label {
	margin-right:4px;
}
.campaignWrapper button.btn.btn-campaignMini {
	padding: 4px 4px 3px;
	border-radius: 2px;
	margin-right:0px;
	width: 100%;
}
.campaignWrapper button.btn.btn-campaignMini i {
	font-size: 11px;
}
.campaignWrapper .dropdown-menu.loc>li> label {
	padding: 1.5px 12px 2px 12px;
}
.campaignWrapper .dropdown-menu li label {
	display: block;
	box-sizing: border-box;
	padding: 3px 20px 3px 15px;
	margin-bottom: 1px;
	margin-top: 1px;
	min-width: 150px;
	color: #333;
	font-weight: normal;
	line-height: 1.42857em;
	text-decoration: none;
	white-space: nowrap;
}
.campaignWrapper .schoolListBox {
	height: 200px;
	overflow-y: scroll;
}
.campaignWrapper li.schoolListWrap {
	padding-right:10px;
}
.campaignWrapper .majorSelectList .dropdown-menu>li.divider, .majorSelectList .dropdown-sub-menu>li.divider {
	margin-top: 9px;
	padding-top: 7px;
	border-top: 1px solid #E5E5E5;
	padding-left: 9px;
	padding-right: 9px;
}
.campaignWrapper .majorSelectList .dropdown-menu>li:last-child label:hover {
	background-color: #fff;
}
.campaignWrapper .majorSelectList .dropdown-menu>li.divider input.input-button{
	width:83%;
}
.campaignWrapper .regIcon {
	display: inline-block;
	width: 20px;
	height: 18px;
	background: url(images/campaignFormIcon.png);
	position: relative;
	top: 3px;
}
.campaignWrapper .regIcon.hwp {
	background-position: 0px -16px;
}
.campaignWrapper .regIcon.pdf {
	background-position: 0px -33px;
}
.campaignWrapper .regIcon.html {
	background-position: 0px -50px;
}
.campaignWrapper .regIcon.image {
	background-position: 0px -67px;
}
.campaignWrapper .regIcon.text {
	background-position: 0px -83px;
}
.campaignWrapper .regIconSet {
	text-align: center;
}
.campaignWrapper .majorSelectList input[type=checkbox].checkbox:checked+.label:before {
	background-color:#7679be;
	color:#fff;
	border:1px solid #7679be;
	line-height: 16px;
}
.campaignWrapper .majorSelectList .dropdown-menu input[type=checkbox].checkbox+.label::before,
.campaignWrapper .majorSelectList .dropdown-menu input[type=radio].radio+.label::before {
	min-width: 14px;
	height: 14px;
	margin-top:-1px;
	line-height: 14px;
}
.campaignWrapper button.searchInit {
	border: none;
	height: 100%;
	color: #fff;
	background: transparent;
	color: #304690;
	font-size: 13px;
	margin-top:10px;
}
/* step6 */
.campaignWrapper .selectCampaignBox.step6 {
	padding: 13px 24px 22px 24px;
}
.campaignWrapper .step6Info {
	font-size:16px;
	color: #99a0aa;
	padding-top:13px;
	padding-bottom:23px;
	padding-left:79px;
	position: relative;
}
.campaignWrapper .step6Info:BEFORE {
	display: block;
	width: 52px;
	height: 41px;
	content: "";
	position: absolute;
	background: url(images/campaignMail.png) no-repeat;
	left: 23px;
	top: 11px;
	background-size: 39px;
}
.campaignWrapper .campaignContentHeader {
	padding:11px 21px 13px 22px;
}
.campaignWrapper .campaignContentHeader th {
	text-align: left;
	height: 35px;
}
.campaignWrapper .campaignContentHeader input[type=text] {
	background-color:#fafafa;
}
.campaignWrapper .campaignContentWrap .leftContent {
	width:100%;
	float:left;
}
.campaignWrapper .leftContent .textEditorBox {
	height:382px;
	overflow-y: hidden;
	padding:15px 12px 10px 13px;
}
.campaignWrapper .leftContent .mailBox {
	background-color:#fff;
	border-radius:4px;
	margin-top:10px;
	border: solid 1px #c5d6de;
	box-sizing:border-box;
}
.campaignWrapper .leftContent .fileAddBox {
	padding:15px 20px;
}
.campaignWrapper .leftContent .fileAddBox .fileCaution {
	margin-top:15px;
	padding-left:15px;
}
.campaignWrapper .campaignContentWrap .rightContent {
	width:260px;
	height:644px;
	border:1px solid #8bc1ec;
	float:left;
	margin-left:40px;
	padding:26px 29px 0;
	box-sizing:border-box;
}
.campaignWrapper .rightContent .mailInfo {
	font-size:31px;
	color:#333e62;
	position: relative;
}
.campaignWrapper .rightContent .mailInfo:after {
	display: block;
	width: 52px;
	height: 41px;
	content: "";
	position: absolute;
	background: url(images/campaignMail.png) no-repeat;
	left: 139px;
	top: -4px;
}
.campaignWrapper .rightContent .mailInfoTxt {
	color: #777a88;
	line-height: 18px;
	display: inline-block;
	padding-top:26px;
}
.campaignWrapper .rightContent .mailHeader {
	font-weight: bold;
	display: block;
	padding-top:26px;
}
.campaignWrapper .rightContent .mailHeader.second {
	padding-top:28px;
}
.campaignWrapper textarea#mailTitle {
	resize: none;
}
.campaignWrapper #mailTitle {
	height:58px;
}
.campaignWrapper .input-icon.clock {
	margin-left:4px;
}
/*step7*/
.campaignWrapper .selectCampaignBox.step7 {
	min-height: 641px;
	padding:20px;
	background-color: #fff;
}

.campaignWrapper .mailBox.campaignContentHeader.viewHeader {
	background-color: #fff;
	border: solid 1px #c5d6de;
	box-sizing: border-box;
	position: relative;
	top: -6px;
	border-top: none;
	border-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top:0px;
}
/*List*/
.campaignWrapper .table.campaignList th {
	color:#2a425e;
}
.campaignWrapper .table.campaignList td {
	padding:7px 0px;
}
.campaignWrapper .table.campaignList .urlCell{
	word-break: break-all;
}
.campaignWrapper .table.campaignList tr:last-child td {
	border-bottom: 1px solid #82ccdc;
}
.campaignWrapper .table.campaignList tr:nth-child(2n) td {
	background-color:#f9fbfb;
}
.campaignWrapper .listState {
	width: 40px;
	height: 20px;
	display: inline-block;
	background: url(images/labelCampaignList.png);
	position: relative;
	top: 4px;
}
.campaignWrapper .listState.success {
	background-position:0 -20px;
}
.campaignWrapper .listState.fail {
	background-position:0 -40px;
}
.campaignWrapper .sendFail{
	background-color: #989b9d;
	color: #fff;
	font-size: 11.5px;
	height: 20px;
	width: 40px;
	display: inline-block;
	position: relative;
	top: -1px;
	line-height: 22px;
	letter-spacing: 0.7px;
}
.campaignWrapper a.listSearch {
	color: #cdcfcf;
	font-size: 17px;
	width: 30px;
	height: 24px;
	display: inline-block;
	position: relative;
	top: -1px;
	margin-left: 5px;
	cursor: pointer;
}
.campaignWrapper button.listIcon {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(images/labelCampaignList.png) 28px -60px;
	position: relative;
	top: 3px;
	cursor: pointer;
	outline: none;
	border: none;
}
.campaignWrapper button.listIcon.Del {
	background-position: 31px -80px;
	margin-left:11px;
}
.campaignWrapper .campaignList .emptyCell {
	color:#989b9c;
}
.campaignWrapper .ui-layer-default.campaignList {
	min-height: 73px;
}
.campaignWrapper .campaignList button.btn.like-text {
	border-bottom: none;
}
.campaignWrapper .listSearch {
	width:270px;position:relative;left:2px;
}
/*sendList*/
.campaignWrapper div.tbl-search-box.campaignSearch {
	padding: 14px 4px 16px 0px;
}
.campaignWrapper .tbl-search-box.campaignSearch th {
	color:#445f82;
	height: 41px;
}
.campaignWrapper div.tbl-search-box.campaignSearch td {
	padding-right: 6px;
}
.campaignWrapper .tbl-search-box.campaignSearch label.input-icon {
	margin-left:20px;
}
.campaignWrapper .tbl-search-box.campaignSearch label.input-icon:first-child {
	margin-left:3px;
}
.campaignWrapper button.btn.btn-primary.ListSearchIcon {
	width:80px;
	height:70px;
}
.campaignWrapper div.tbl-search-box.campaignSearch td.hasSearchBtn {
	text-align: center;
}
.campaignWrapper button.selectBtn {
	outline: none;
	width:100%;
	height:100%;
	background: none;
	border: none;
	text-align: left;
}
.campaignWrapper .clockIcon {
	color:#94a7c0;
	margin-right:5px;
}
/*view 1*/
.campaignWrapper .selectCampaignBox.step5 {
	border: none;
	position: relative;
	top: -6px;
	padding: 14px 30px 29px 30px;
	overflow: hidden;
}
.campaignWrapper .selectedBox.noIcon:BEFORE {
	content: none;
}
.campaignWrapper .selectedBox.listViewBox {
	margin-top:10px;
	padding: 21px 76px;
}
.campaignWrapper .selectedBox.listViewBox.first {
	margin-top:-16px;
}
.campaignWrapper .selectedBox.listViewBox.locBox {
	padding:42px 76px 45px 76px;
}
.campaignWrapper .listViewBox .selectedSchType {
	display: inline-block;
	position: relative;
}
.campaignWrapper .listViewBox .selectedSchType:BEFORE {
	display: block;
	content: "";
	width: 24px;
	height: 20px;
	background: url(images/capaignStep4.png);
	position: absolute;
	left: -33px;
	top: -1px;
}
.campaignWrapper .listViewBox .selectedSchType.selectedRange:BEFORE {
	background-position: 0px -42px;
	top: 1px;
}
.campaignWrapper .listViewBox .selectedSchType.loc:BEFORE {
	background-position: 0px -20px;
}
.campaignWrapper .listViewBox .selectedSchType.selectedRange {
	margin-left:153px;
}
.campaignWrapper .listViewBox .selectedSchType .subTxt {
	font-size: 15px;
	position:relative;
	top:2px;
}
.campaignWrapper .listViewBox .selectedSchType.selectedRange .subCheckBox {
	margin-left:18px;
	position:relative;
	top:2px;
}
.campaignWrapper .listViewBox .selectedSchType.selectedRange .subCheckBox.first {
	margin-left:0px;
}
.campaignWrapper .locSchListWrap span.locName {
	display: block;
	color:#484c88;
	font-size: 13px;
	font-weight: bold;
}
.campaignWrapper .locSchListWrap li {
	display: inline-block;
	width: 214px;
	font-size: 13px;
	color:#515151;
	box-sizing:border-box;
}
.campaignWrapper .locSchListBox {
	overflow-y: scroll;
	height: 313px;
}
.campaignWrapper .locSchListBox .locBox {
	padding-top:15px;
}
.campaignWrapper .selectCampaignBox .campaignTitle {
	font-size: 21px;
}
.campaignWrapper .viewHeader .completeTxt {
	display: inline-block;
	float: right;
	font-size: 17px;
	position: relative;
	top: -11px;
}
.campaignWrapper .viewHeader .completeNumber {
	font-size: 40px;
	color: #615db4;
	margin-left:11px;
	margin-right:12px;
}
.campaignWrapper ul.processInfo li.active a {
	color:#5698d8;
}
/*view2*/
.campaignWrapper table.view2 {
	border-top:none;
}
.campaignWrapper table.table.view2 th {
	color:#375c84;
}
.campaignWrapper table.table.view2 tbody td {
	padding: 4px 0;
}
.campaignWrapper table.table.view2 tbody td:last-child {
	text-align: left;
}
.campaignWrapper .selectCampaignBox .majorSelectBox.view2 {
	margin-top:19px;
}
/*view3*/
.campaignWrapper .sendInfo i {
	color:#94a7c0;
	padding-left:12px;
	padding-right:4px;
}
.campaignWrapper .sendInfo i.first {
	padding-left:0px;
	padding-right:8px;
}
.campaignWrapper .rightContent .mailHeader.view3 {
	padding-bottom:7px;
}
.campaignWrapper .sendInfo.mailTitle {
	font-weight: bold;
	font-size: 15px;
}
.campaignWrapper th.sentInfo {
	font-weight: bold;
	font-size: 15px;
	height:40px;
	padding-left:10px;
}
.campaignWrapper .nocursor{
	cursor: default;
}
/*step2_high*/
.campaignWrapper .sortList.high {
	margin-top:9px;
	height: 356px;
}
.campaignWrapper .leftNav.step2.high li:nth-child(3) {
	display: none;
}
.campaignWrapper .leftNav.step2.high li:nth-child(4) {
	border-top:solid 1px #304690;
}
/*step3_high*/
.campaignWrapper .leftNav.step4.high li:nth-child(3) {
	display: none;
}
.campaignWrapper .leftNav.step4.high li:nth-child(4) {
	border-top:solid 1px #304690;
}
.campaignWrapper .selectedBox.listBox.mCustomScrollbar.high {
	margin-top: 14px;
	height: 356px;
}
/*campaign common*/
.campaignWrapper>h2.h2 {
	color: #3f527d;
}
.campaignWrapper>h2.h2 {
	position: relative;
	margin: 0 0 18px;
	font-size: 30px;
	font-weight: normal;
}
.campaignWrapper>h2.h2>span.subtitle {
	color: #808aa3;
}
.campaignWrapper>h2.h2>span.subtitle {
	position: relative;
	margin-left: 30px;
	margin-right: 20px;
	font-size: 26px;
}
.campaignWrapper>h2.h2 {
	position: relative;
	margin: 0 0 18px;
	font-size: 30px;
	font-weight: normal;
}
.campaignWrapper>h2.h2>span.subtitle:before {
	border-left: 1px solid #c9cedb;
}
.campaignWrapper>h2.h2>span.subtitle:before {
	content: "";
	position: absolute;
	left: -17px;
	top: 3px;
	height: 22px;
}
/*�뚯궗湲곗큹�뺣낫愿�由�*/
#content .companyInfo h3:first-child.h3 {
	margin-top:40px;
}
#content .companyInfo h3.h3 {
	margin-bottom: 5px;
	margin-top:30px;
}
.companyInfo .InputInfo {
	color:#333;
	display: inline-block;
}
.companyInfo table.tbl-form-group {
	margin-top:20px;
}
.companyInfo table.tbl-form-group th {
	color:#324668;
}
.companyInfo table.tbl-form-group td {
	padding-right:20px;
}
.companyInfo table.tbl-form-group th, .companyInfo table.tbl-form-group td {
	padding-top:12px;
	padding-bottom:12px;
}
.companyInfo .logoPreview {
	width: 236px;
	height: 130px;
	border: solid 1px #82ccdc;
	float: left;
	text-align: center;
	margin-left: 15px;
	margin-top: 20px;
	padding: 0 10px;
	box-sizing: border-box;
	position:relative;
}
.companyInfo .logoPreview:FIRST-CHILD {
	margin-left:0px;
}
.companyInfo .logoPreview input[type=file] {
	width:168px;
	display: inline-block;
}
.companyInfo .imgArea {
	color: #A2B4C0;
	font-size: 15px;
	display: table-cell;
	vertical-align: middle;
	height: 70px;
	width: 268px;
	padding: 7px 0;
}
.companyInfo .loginImage .imgArea {
	min-width: 412px;
	padding-top: 16px;
	vertical-align: bottom;
}
.companyInfo .logoPreview.loginImage {
	width: auto;
	min-width: 414px;
	min-height: 200px;
	height: auto;
	padding: 4px 27px;
}
.companyInfo div.btn-set.btn-additional {
	margin-top:40px;
}
.companyInfo .logoPreview button.btn {
	margin-right:0px;
}
.companyInfo .logoPreview button.btn.loginImgBtn {
	margin-top:15px;
	margin-bottom:15px;
}
.companyInfo button.fileCancel {
	position:absolute;
	background-color:#e00215;
	border:red;
	color:#fff;
	width:22px;
	height:22px;
	padding:0px 0 0px 1px;
	border-radius:12px;
	top:3px;
	right:19px;
	opacity:0.8;
	border:1px solid #fff;
	display:none;
	outline:none;
	transition:all 0.35s;
}
.companyInfo button.fileCancel.loginImageCancel {
	top:10px;
}
.companyInfo button.fileCancel:hover,.companyInfo button.fileCancel:ACTIVE {
	background-color:#c70012;
	opacity:1;
	top:3px;
	right:19px;
}
.companyInfo button.fileCancel.loginImageCancel:hover,.companyInfo button.fileCancel.loginImageCancel:ACTIVE {
	top:10px;
}
.modal.modal-scroll.modalImageCrop {
	width:inherit;
	min-width:1024px;
	display:table;
	margin:auto;
	margin-top:60px;
	height:inherit;
}
.modal.modalImageCrop h2.h2 {
	margin-bottom: 13px;
	padding: 0 27px;
	height: 46px;
	line-height: 51px;
	font-size: 21px;
}
.modal.modalImageCrop button.btn-close-modal {
	top: 14px;
	right: 18px;
}
.modal.modalImageCrop button.btn-close-modal:ACTIVE {
	top: 15px;
	right: 17px;
}
.modal.modalImageCrop .cautionInfo {
	position: relative;
	display: block;
}
.modal.modalImageCrop .modalContent {
	padding:0 21px 19px;
	border-bottom:1px solid #1b6fa5;
}
.modal.modalImageCrop .cautionInfoBox {
	padding: 11px 0 0 20px;
}
.modal.modalImageCrop .cautionInfo:BEFORE {
	left: -21px;
	top: -1px;
}
.modal.modalImageCrop .imageCropWrap .previewBox {
	min-width:199px;
	min-height:400px;
	float:left;
	padding: 15px 10px 0px;
}
.modal.modalImageCrop.modalImageWide .imageCropWrap .previewBox {
	width:250px;
}
.modal.modalImageCrop .imageCropWrap .ImageCropBox {
	padding: 15px 13px 0px;
	float: left;
	min-width: 520px;
	min-height: 400px;
	text-align: center;
	border-left: 1px solid #1b6fa5;
	max-height: 480px;
	overflow-y: scroll;
}

/*image crop plug-in*/
.imageWrap {
	position: relative;
	line-height: 0px;
	margin:0px;
	padding:0px;
	display: inline-block;
	border:solid 2px #60b9ce;
}
.imageWrap .selectTool {
	position:absolute;
	top:0px;
	left:0px;
	cursor: move;
	z-index:100;
	overflow: hidden;
}
.imageWrap .selectTool .border {
	height:1px;
	position:absolute;
	background: #ffffff url("images/cropBorder.gif");
	z-index: 89;
}
.imageWrap .selectTool .border.right {
	height:100%;
	width:1px;
	right:0px;
}
.imageWrap .selectTool .border.left {
	height:100%;
	width:1px;
	left:0px;
}
.imageWrap .selectTool .border.top {
	width:100%;
	height:1px;
	top:0px;
}
.imageWrap .selectTool .border.bottom {
	width:100%;
	height:1px;
	bottom:0px;
}
.imageWrap .dummy {
	position:absolute;
	left: 0;
	top:0;
}
.imageWrap .target {
	opacity:0.7;
	filter: blur(1px);
	-webkit-filter: blur(0.5px);
}

.msgBox {
	margin-top:20px;
	padding:20px;
	border:1px solid #d8d8d8;
	border-top:2px solid #475d82;
}
.msgBox h3 {
	color:#69a9de;
	font-size:16px;
}
.msgBox li {
	margin-top:5px;
	margin-left:10px;
	list-style-image:url(images/buDotGray.png);
}

/********************************
  �꾨왂媛��대뱶
********************************/
.tacts{
	color:#1c4579;
	position: absolute;
	font-size:14px;
	line-height: 17px;
	right:32px;
	margin-top:14px;
}
.tacts:before{
	content: "";
	width: 16px;
	height: 16px;
	background: url(images/tacts-link.png) no-repeat;
	display:inline-block;
	position:absolute;
	left:-20px;
}


/******************************************
  諛깆뾽
******************************************/
.choice-box {
	border:1px solid #15517b;
	border-top:2px solid #15517b;
}
.choice-box>div {
	position:relative;
	box-sizing:border-box;
	float:left;
	padding:75px 80px 80px;
	width:50%;
	height:560px;
	background:#fff;
	transition:background 0.2s ease;
}
.choice-box>div:hover {
	background:#e8f6f9;
}
.choice-box>div+div {
	border-left:1px solid #15517b;
}
.choice-box h3 {
	color:#333e62;
	font-size:24px;
	font-weight:normal;
	line-height:1.4em;
}
.choice-box p {
	margin-top:10px;
}
.choice-box p>strong {
	color:#2f8ed1;
	font-weight:normal;
}
.choice-box .backupContents {
	position:absolute;
	top:240px;
	left:80px;
	width:calc(100% - 160px)
}
.choice-box div.imgBox {
	height:170px;
	line-height:170px;
	text-align:center;
}
.choice-box div.imgBox.excel {background:url(images/bgBackupExcel.png) no-repeat center center;}
.choice-box div.imgBox.file {background:url(images/bgBackupFile.png) no-repeat center center;}
.choice-box .btn-set {
	margin:10px 0 0;
	width:100%;
	text-align:center;
}

.modal-body.warning {
	padding:40px 45px;
	background:url(images/bgModalCampaignWarning.png) no-repeat local 530px 15px;
	font-size:14px;
}
.modal-body.warning h3 {
	position:relative;
	padding-bottom:40px;
	color:#323d65;
	font-size:25px;
	font-weight:normal;
}
.modal-body.warning h3:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0px;
	width:90px;
	height:5px;
	background:linear-gradient(to right, #2f81c1 0%,#6b66f5 100%);
}
.modal-body.warning h3 strong {
	font-weight:bold;
}
.modal-body.warning h4 {
	margin-top:30px;
	margin-bottom:10px;
	color:#15233c;
	font-size:15px;
	font-weight:normal;
}
.modal-body.warning h4.hasBuDot {
	padding-left:12px;
	background:url(images/buDarkBlue.png) no-repeat left 6px;
}
.modal-body.warning p,
.modal-body.warning ul {
	padding-left:12px;
	color:#535e73;
}
.modal-body.warning ul.hasBuDash li:before {
	content:'- ';
}
.modal-body.warning p.box {
	padding:17px;
	background:#e2f3fa;
	color:#4a5aac;
	font-size:15px;
}
.modal-body.warning p.box strong {
	color:#222e6a;
	text-decoration:underline;
}


/*****************************************************
* �몄뵪�� step1
******************************************************/
ul.small-list {
	margin:10px 0 0 20px;
	font-size:12px;
}
ul.small-list>li+li {
	margin-top:3px
}
ul.small-list.list-margin>li+li {
	margin-top:15px;
}
ul.small-list strong.small-title {
	display:block;
	margin-top:12px;
	width:60px;
	font-size:13px;
	line-height:0px;
}
ul.small-list strong.small-title.hasPhoto {
	margin-top:34px;
}
ul.small-list strong.small-title+ul.small-list {
	margin-top:0px;
}

/*****************************************************
* �덉씠�댄뙘�� 媛쒕퀎 �붿옄��
******************************************************/
div.modalLogoutBox {
	box-sizing:border-box;
	margin:25px 0;
	padding-top:25px;
	padding-left:115px;
	height:110px;
	background:url(images/bgModalLogout.png) no-repeat 68px 22px;
	border-top:2px solid #2084ac;
	border-bottom:1px solid #82ccdc;
	color:#666;
	text-align:center;
}
div.popPosition {
	position:relative;
	height:800px;
	background:#fafafa;
}

div.popDummy {
	position:absolute;
	overflow: hidden;
	z-index:1000;
	box-sizing:border-box;
	background:#fff;
	outline-offset:-1px;
	outline:1px solid #333;
	cursor:move;
}
div.popDummy div.close {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding-left:11px;
	height:35px;
	line-height:35px;
	background:#3f4553;
	color:#fff;
	text-align:left;
}
div.popDummy div.close>label {
	position:relative;
}
div.popDummy div.close input.checkbox[type="checkbox"] + .label::before {
	min-width:14px;
	height:14px;
	border-color:#fff;
	color:#2cb4d4;
}
div.popDummy div.close>button {
	position:absolute;
	top:6px;
	right:5px;
	width:40px;
	height:24px;
	line-height:24px;
	background:#8a93a7;
	color:#fff;
	border:none;
}
div.popDummy div.close>button:active {
	top:7px;
	right:4px;
}
div#newPop b {
	color:inherit !important;
	font-weight:bold !important
}
/*mapping info*/
.info-list{margin-top: 30px;}
.info-list > li{position:relative; padding-left: 18px;}
.info-list > li > .fa-exclamation-circle{color: #cccccc; position: absolute; top: 3px; left: 0;}
.info-list > li > b{color:#e23250 !important;}

/* summernote �� 留ㅽ븨��ぉ*/
a[href="#"][data-button="mapping"]:focus{
	text-decoration: none;
}
a[href="#"][data-button="mapping"]:hover{
	text-decoration: underline;
}
a[href="#"][data-button="mapping"]:active{
	text-decoration: none;
}

div.set-list {
	position:relative;
}
div.set-list>button.btn-add {
	position:absolute;
	top:0px;
	left:0px;
}
div.set-list>button.btn-add:active {
	top:1px;
	left:1px;
}
div.set-list>ul {
	padding-left:24px;
}
div.set-list>ul>li+li {
	margin-top:3px;
}
div.set-list input.checkbox+span.label {
	margin-top:5px;
}
/*sms�앹뾽 �섏젙*/
.modal-sms-height{height: 76%; max-height: 775px;}
.modal-sms-height .clearfix{height:calc(100% - 50px); overflow-y: auto;}


/* �꾪삎 鍮� �뚯씠釉� */
table.table tbody td.none.step {
	background:url(images/emptyStep.png) no-repeat center center;
}

/*koala 硫붿씪�쇰븣 誘몃━蹂닿린 �섏젙*/
.tableEmailView > tbody b{color:inherit !important;}

/*�쒖쨪�뚯씠釉� : �좏깭由�*/
.modal div.one-row-table{
	width: 684px;
	overflow: hidden; /*�닿굅�덈뜑�� 愿쒖갖�꾩��� �댁쑀媛�紐곌퉴��*/
}

.modal div.one-row-table div.col{
	position: relative;
	float: left;
	height:400px;
	padding-left:55px;
	padding-right:20px;
	padding-top:30px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse:collapse;

	transition: all 0.13s ease;
	border : #d1dee5 1px solid;

}

.modal div.one-row-table label:first-child div.col {
	border-right:0px solid;
}
.modal div.one-row-table div.col-2{
	width: 50%;
}

.modal div.one-row-table .resumeDelete-1:BEFORE {
	color : #333e62;
	content: "1";
	position: absolute;
	display: block;
	left: 30px;
	top: 26px;
	font-size: 22px;
	font-weight: 700;
}

.modal div.one-row-table .resumeDelete-2:BEFORE {
	color : #333e62;
	content: "2";
	position: absolute;
	display: block;
	left: 30px;
	top: 26px;
	font-size: 22px;
	font-weight: 700;
}

.modal div.one-row-table h3{
	color : #333e62;
	font-size:19px;
	font-weight: 500;
	margin-bottom:10px;
}

.modal div.one-row-table h3>b{
	color : #333e62;
	font-size:24px;
	font-weight: 800;
}

.modal ul.modal-ul{

	padding-left:3px;
	list-style:disc;
	list-style-position:inside;
	font-size:15px;
	margin-bottom:17px;
}


.modal ul.ul-info{
	height:210px;
	margin-bottom:20px;
	color : #555555;
	font-size:13px;
	word-spacing: 1px;
	letter-spacing: -0.8px
}

.modal ul.ul-info li{
	margin-bottom:2px;
}

.modal .resumeDelete-1 ul.ul-info{
	background: url(images/iconResumeDelete-1.png) 15px 78px no-repeat;
}


.modal .resumeDelete-2 ul.ul-info{
	background: url(images/iconResumeDelete-2.png) 20px 85px no-repeat;
}
.modal div.one-row-table button.btn-great{
	width:200px;
	position:relative;
	bottom:0px;
	left:18px;
}

.modal div.one-row-table button.btn-great:active{
	width:200px;
	position:relative;
	bottom:1px;
	left:19px;
}

/*�섑뿕�� 異쒕젰�� 誘몃━蹂닿린 b�쒓렇 珥덇린��*/
#printArea b{color: #000000!important;}











/*�쒕┝ �ъ씠�쒕컮*/

#sidebar.fold #btn-side-tooltip{
	width:50px;
	text-indent:-999px;
}

#tooltip-service-list{

	z-index:1;
    position:fixed;
    width:230px;
    max-height:180px;
}

#sidebar{
	z-index:500;
}

#sidebar>ul.depth_1>li>a.service:before{
	content:'';
	position: absolute;
	left: 18px;
	top: 11px;
	display: block;
	width: 20px;
	height: 20px;
	background: url('/resources/css/cus/common/images/iconService.png') no-repeat;
}

#sidebar.fold #btn-side-tooltip{
	width:50px;
	text-indent:-999px;
}

#tooltip-service-list{

	z-index:1;
	position:fixed;
	width:230px;
	max-height:180px;
}

#tooltip-service-list:after{
	width: 0px;
	height:0px;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #4971c7;
	box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.14);
	content:'';
	display:block;
	position:absolute;
	transform: translate(0, -30px);
}

#tooltip-service-list ul {
	z-index:1;
	overflow-y:auto;
	left:500px;
	max-height:176px;
	background:#4971c7;
	border:1px solid transparent;
	box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.14);
	margin-left:10px;
	padding:10px;
}



#tooltip-service-list ul li a{
	border:1px solid transparent;
	border-radius:20px;
	color:#8aa9ec;
	display:block;
	font-weight: 400;
	font-size:14px;
	transition:all 0.5s ease;
	padding:6px 10px;
	padding-left:15px;
}

#tooltip-service-list ul li a:link{
	text-decoration:none;
}
#tooltip-service-list ul li a:hover{
	color:#fff;
	text-decoration:none;
}

#tooltip-service-list ul li a:hover:before{
	width:13px;
	height:12px;
	background: url('/resources/css/cus/images/bulletIcon.png') no-repeat;
	content:'';
	display:inline-block;
	margin-right:7px;
	opacity:1;
}

#tooltip-service-list ul li a:before{
	transition: all 0.5s ease;
	width:13px;
	height:12px;
	background: url('/resources/css/cus/images/bulletIcon.png') no-repeat;
	content:'';
	display:inline-block;
	opacity:0.4;
	margin-right:7px;
}

#tooltip-service-list ul li:hover a{
	background-color:#6891e9;
	box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.03);
}

#sidebar #btn-side-tooltip:hover {
	background: #6891e9;
	color: #262a33;
	text-decoration:none;
}

#sidebar #btn-side-tooltip:visited {
	text-decoration:none;
}
#sidebar #btn-side-tooltip:link {
	text-decoration:none;
}
#sidebar #btn-side-tooltip:before{
	content:'';
	position: absolute;
	left: 18px;
	top: 11px;
	display: block;
	width: 20px;
	height: 20px;
	background: url('/resources/css/cus/common/images/iconService.png') no-repeat;
}

#sidebar #btn-side-tooltip{
	margin:20px 0;
	position:relative;
	box-sizing:border-box;
	background-color:#2a2f3a;
	border:none;
	cursor:pointer;
	color: #cbe0f8;
	display: block;
	font-size: 13px;
	height: 38px;
	padding-left: 42px;
	line-height: 38px;
	text-align:left;
}

#sidebar #btn-side-tooltip:after {
	position: absolute;
	right: 10px;
	top: 0px;
	content: url('/resources/css/cus/common/images/buSidebarAdmin.png');
}

.hide{
	display:none;
}

.show{
	display:block;
}


.imageWrap.backgroundImg .target{
	opacity:1;
	filter:none;
}
/*寃뚯떆�먭�由� 吏��먯옄Q&A �볤� b�쒓렇*/
#content #divAnswer b{font-weight: bold; color: #333;}


/*梨꾩슜怨듦퀬 �깅줉 step 3 媛��대뱶 select媛� �댁슜留뚰겮 �섏뼱�섏꽌 �댁슜�쒗븳*/
form[data-form="jobnotice_step3"] label.styled-select {
	max-width: 78%;
}





/* �몄떆�� �듯빀寃곌낵 蹂닿린 */
.inseedResultStatusList{
	display: inline-block;
}
.inseedResultStatusList>li{
	display: inline-block;
}
.inseedResultStatusList>li>label>span{
	height:28px;
	background: #15b3ca;
	border: 1px solid #1598ac;
	color: #fff;
	display: inline-block;
	line-height:28px;
	text-align: center;
	opacity:0.4;
	padding:0 14px;
}
.inseedResultStatusList>li>label>input{
	display:none;
}
.inseedResultStatusList>li>label>input:checked+span{
	opacity:1;
}
.inseedResultStatusList>li>label>span:hover{
	background:#1598ac;
}
.inseedResultStatusList>li>label>input:checked+span:hover{
	background:#15b3ca;
}
.inseedResultStatusList>li>label>input:checked+span:before{
	content:'\f058';
	font-family: 'FontAwesome';
	margin-right:3px;
}

input.input-date-fullUpdate{
	width: 115px;
}

#mailContents b{
	color:#000100!important;
	font-weight:600;
}


table.tbl-form-group div.precautions{
	margin-top:10px;
}
table.tbl-form-group div.precautions:before{
    content: '�� ';
    display: block;
    float: left;
    height: 41px;
    margin-right: 6px;
}

#modalEmail div.btn-set {
	text-align:right;
}

ul.agreement li a.title{
	position: relative;
	cursor:pointer;
	display:block;
	font-size:15px;
	font-weight: 400;
	color :#000;
	border:1px solid #e2e2e2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px 20px;
}
ul.agreement li a.title:after{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-right: 2px solid #acacac;
    border-bottom: 2px solid #acacac;
    transform: rotate(45deg);
    position: absolute;
    right: 18px;
    top: 15px;
	transition : all 0.2s;
}

ul.agreement li.active a.title:after{
	transform: rotate(225deg);
    top: 21px;
}
ul.agreement li div.contents {
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #e2e2e2;
	background : #f8f9fb;
	color : #666666;
	max-height:250px;
}
ul.agreement li div.contents {
	border-top:none;
}
ul.agreement li div.contents .mCSB_inside > .mCSB_container {
    padding-right: 20px;
}
ul.agreement li + li a.title {
	border-top:none;

}
ul.agreement li div.contents{
	display:none;
}

ul.agreement label input[type="checkbox"]{
    width: 0;
    height: 0;
    position: absolute;
    opacity:0;
}
ul.agreement label input[type="checkbox"]+span.label {
	box-sizing:border-box;
    display: inline-block;
    margin-right: 2px;
    border-radius: 100%;
    padding: 4px 0px 0px 7px;
    height: 20px;
    width: 20px;
    border: 1px solid #c8c8c8;
	cursor:pointer;
    background: #fcfcfc;
}
ul.agreement label>input.checkbox[type="checkbox"] + .label {
	margin-left:2px;
}
ul.agreement label input[type="checkbox"]+span.label:before{
    content: '';
    display: block;
    width: 3px;
    height: 6px;
    border-bottom: 2px solid #c8c8c8;
    transform: rotate(45deg);
    border-right: 2px solid #c8c8c8;
    box-sizing: unset;
}
ul.agreement label input[type="checkbox"]:checked+span.label {
	background:#404c5a;
	border-color :#404c5a;
}
ul.agreement label input[type="checkbox"]:checked+span.label:before{
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

ul.agreement span.agreementItemName{
	margin-left:7px;
	display: inline-block;
}

ul.agreement a:hover{
	text-decoration: none;
}

#applicantSiteMsg {
    position:absolute;
    top:calc(50% - 162px);
    left:calc(50% - 188px);
    width:377px;
    height:324px;
    background:url(images/applicantSiteMsg.png) no-repeat center top;
}
#applicantSiteMsg>button {
    position:absolute;
    bottom:0px;
    left:calc(50% - 103px);
}
#applicantSiteMsg>button:active {
    top:auto;
    bottom:-1px;
    left:calc(50% - 102px);
}