/*
	min-width:800px (800 이하)
*/

/* ===========================================================================
	레이아웃
=========================================================================== */
.mainContents {margin:0 0 0 200px;}

.wrapper {}
.content {padding-top:20px;padding-bottom:50px;}
.footer {
	position:fixed;
	left:0;right:0;bottom:0;
	z-index:202;
}
/* 로그인화면 브라우저 버전 체크 */
.brInfo{
 	background-color:#fff8ea;
 	z-index:111;
 	position:fixed;
 	top:0px;
 	left:0px;
 	width:100%;
 	display:none;
 	padding:9px;
 	font-size: 16px;
 	text-align : center;
}
.cont-iframe {
	position:absolute;
	left:0;
	top:70px;
}

/* 스크롤 탑 버튼 */
.btn-scroll-top {
	display:none;
	position:fixed;
	right:34px;bottom:50px;
	width:50px;
	height:47px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-bottom:0;
	background:rgba(255,255,255,.8) url(../images2.0/btn/btn_scroll_top.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

/* 컨텐츠 마진 */
.section {margin:0 20px;}
.section2 {margin:0 0 20px 0;}
.board-section {margin:20px 20px 0 20px;}/* 상단검색영역이 있고 하단 바로 테이블일경우 */


/* 정렬 */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}

.alignWL {text-align:left !important;}
.alignWC {text-align:center !important;}
.alignWR {text-align:right !important;}

/* 마진/패딩 */
.mgT50 {margin-top:50px !important;}
.mgT40 {margin-top:40px !important;}
.mgT30 {margin-top:30px !important;}
.mgT25 {margin-top:25px !important;}
.mgT15 {margin-top:15px !important;}
.mgT10 {margin-top:10px !important;}
.mgT5 {margin-top:5px !important;}

.mgT0 {margin-top:0 !important;}
.mgR0 {margin-right:0 !important;}
.mgL0 {margin-left:0 !important;}
.mgB0 {margin-bottom:0 !important;}

.mgB15{margin-bottom:15px !important;}
.mgB20{margin-bottom:20px !important;}
.mgB25{margin-bottom:25px !important;}
.mgB30{margin-bottom:30px !important;}
.mgB150{margin-bottom:150px !important;}

.mgR15{margin-right:15px !important;}
.mgR20{margin-right:20px !important;}
.mgR25{margin-right:25px !important;}
.mgR30{margin-right:30px !important;}
.mgR45{margin-right:45px !important;}
.mgR150{margin-right:150px !important;}

.mgL15{margin-left:15px !important;}
.mgL20{margin-left:20px !important;}
.mgL25{margin-left:25px !important;}
.mgL30{margin-left:30px !important;}
.mgL45{margin-left:45px !important;}
.mgL150{margin-left:150px !important;}

.pdT0 {padding-top:0 !important;}
.pdB0 {padding-bottom:0 !important;}
.pdT15 {padding-top:15px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}


.pdL0 {padding-left:0 !important;}
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL50 {padding-left:50px !important;}
.pdL150 {padding-left:150px !important;}

.pdR0 {padding-right:0 !important;}
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}


.bdB0 {border-bottom:0 !important;}
.bdB10 {border-bottom:10px !important;}
.bdB15 {border-bottom:15px !important;}
.bdB20 {border-bottom:20px !important;}
.bdB25 {border-bottom:25px !important;}
.bdB30 {border-bottom:30px !important;}
.bdB40 {border-bottom:40px !important;}

.mgTLine {border-top-style:none !important;}
.mgTLineAdd {border-top:1px solid #e5e5e5 !important;}
.mgBLineAdd {border-bottom:1px solid #f5f5f5 !important;}

.importantView {
	margin-left:4px;
	color:#ff5349;
}

/* 웹에서 숨김처리 */
.wHide {display:none !important;}

/* 상단 그룹별 */
.board-value {margin:0 20px 20px;}
.board-value .value-title {
	display:inline-block;
	position:relative;
	padding-right:20px;
	color:#333;
	font-size:15px;
	font-weight:700;
}
.board-value .value-title:before {
	content:'';
	position:absolute;
	right:0;top:50%;
	width:8px;
	height:12px;
	margin-top:-5px;
	background:url(../images2.0/btn/btn_arr02.png) no-repeat 0 0;
}
.board-value .value-list-box {
	margin-top:12px;
	padding:20px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.board-value .value-list-box .value-list {
	overflow:hidden;
	margin:-10px 0 0 -40px;
}
.board-value .value-list-box .value-list .item {
	float:left;
	margin:10px 0 0 30px;
}
.board-value .value-list-box .value-list .item a {
	display:inline-block;
	height:24px;
	padding:0 4px;
	box-sizing:border-box;
	color:#333;
	line-height:22px;
	border:1px solid transparent;
}
.board-value .value-list-box .value-list .item.on a {
	border-color:#d2eaff;
	background-color:#e0f1ff;
	cursor:text;
}
.board-value .value-list-box .value-list .item a .fColor {font-weight:700;}

/* 불릿 텍스트 */
.blt-text1,
.blt-text2 {
	padding-left:25px;
	background-image:url(../images2.0/ico/ico_blt01.png);
	background-repeat:no-repeat;
	background-position:0 2px;
}
.blt-text2 {
	color:#333;
	font-size:15px;
	font-weight:700;
	background-position:0 3px;
}
.blt-text3 {
	padding-left:25px;
	font-size:12px;
	line-height:22px;
	background:url(../images2.0/ico/ico_blt03.png) no-repeat 0 2px;
}
.blt-text4 {
	padding-left:25px;
	font-size:12px;
	line-height:22px;
	background:url(../images2.0/ico/ico_blt05.png) no-repeat 0 2px;
}
.blt-text5 {
	padding-left:25px;
	font-size:12px;
	line-height:22px;
	background:url(../images2.0/ico/ico_blt06.png) no-repeat 0 2px;
}

/* 불릿 리스트 */
.blt-list1 {}
.blt-list1 .item {
	position:relative;
	padding:4px 0 4px 10px;
}
.blt-list1 .item:before {
	content:'';
	position:absolute;
	left:0;top:12px;
	width:3px;
	height:3px;
	background-color:#bbb;
}

.blt-list2 {}
.blt-list2 .item {
	display:block;
	position:relative;
	padding:2px 0 2px 10px;
	color:#999;
	font-size:12px;
}
.blt-list2 .item:before {
	content:'';
	position:absolute;
	left:0;top:10px;
	width:3px;
	height:3px;
	background-color:#9da4ac;
}

.blt-list2 a.item {
	overflow:hidden;
	color:#666;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.blt-list2 a.item:hover {
	color:#333;
	text-decoration:underline;
}

.blt-list3 {}
.blt-list3 .item1 {
	position:relative;
	padding:4px 0 4px 10px;
}
.blt-list3 .item1:before {
	position:absolute;
	left:0;top:12px;
	width:3px;
	height:3px;
	background-color:#bbb;
}
.blt-list3 .item {
	position:relative;
	padding:4px 0 4px 10px;
}
.blt-list3 .item:before {
	content:'';
	position:absolute;
	left:0;top:12px;
	width:3px;
	height:3px;
	background-color:#bbb;
}


/* 텍스트 박스 */
.text-box1 {
	margin:0 20px;
	padding:19px 25px 21px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.text-box1 .title-area {
	overflow:hidden;
}
.text-box1 .title-area .title {
	float:left;
	color:#000;
	font-size:16px;
	font-weight:700;
}
.text-box1 .title-area .title + .title {
	position:relative;
	padding-left:31px;
}
.text-box1 .title-area .title + .title:before {
	content:'';
	position:absolute;
	left:15px;top:50%;
	width:1px;
	height:14px;
	margin-top:-7px;
	background-color:#ddd;
}
.text-box1 .title-area .title2 {
	margin-bottom:13px;
	font-size:14px;
	color:#333;
}
.text-box1 .title-area .label {
	float:left;
	margin:2px 0 0 10px;
	padding:0 8px;
	height:20px;
	color:#fff;
	font-size:12px;
	line-height:20px;
}
.text-box1 .title-area + p,
.text-box1 .title-area + .blt-list2 {margin-top:10px;}

.text-box1 .date-name {
	overflow:hidden;
	margin-top:8px;
	color:#999;
	font-size:12px;
}
.text-box1 .date-name p {float:left;}
.text-box1 .date-name p + p {
	position:relative;
	padding-left:21px;
}
.text-box1 .date-name p + p:before {
	content:'';
	position:absolute;
	left:10px;top:50%;
	width:1px;
	height:10px;
	margin-top:-5px;
	background-color:#eee;
}

/* 회색 박스 리스트 */
.gray-box-list {
	padding:20px 30px;
	border:1px solid #eee;
	background-color:#fafafa;
}
.gray-box-list .item {
	padding:5px 0;
}
.gray-box-list .item .title {
	display:inline-block;
	position:relative;
	padding-left:14px;
	width:100px;
}
.gray-box-list .item .title:before {
	content:'';
	position:absolute;
	left:0;
	top:7px;
	width:4px;
	height:4px;
	background-color:#9da4ac;
}

/* 모바일에서 감춘영역 웹에서 보이기 */
.toggle-cont {display:block !important;}

/* 태그 영역 */
.tag-link-area {
	overflow:hidden;
	position:relative;
	padding-left:64px;
}
.table-area .board-wrap .tag-link-area {margin-top:10px;}
.tag-link-area .tag-tit {
	position:absolute;
	left:0;
	top:0;
	width:46px;
	height:35px;
	padding-right:3px;
	line-height:35px;
	background-image:url(../images2.0/bg/bg_tag.png);
	background-position:right top;
	background-repeat:no-repeat;
	color:#fff;
	font-size:12px;
	text-align:center;
	line-height:35px;
	box-sizing:border-box;
}
.tag-link-area .tag-link {}
.tag-link-area .tag-link .link {
	display:inline-block;
	line-height:35px;
}
.tag-link-area .tag-link .link + .link {margin-left:3px;}
.tag-link-area .tag-link .link:hover {text-decoration:underline;}

/* ===========================================================================
	폼요소
=========================================================================== */
/* 입력박스 */
input[type=text],
input[type=number],
input[type=password] {
	height:30px;
	padding:0 14px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	line-height:35px;
	letter-spacing:0;
}
label {vertical-align:middle;}

textarea {
	width:100%;
	padding:8px 10px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	resize:none;
}

.required-box {
	display:inline-block;
	position:relative;
}
.input-area.block .required-box {display:block;}

.required-box .message {
	display:none;
	position:absolute;
	left:15px;top:-32px;
	height:28px;
	padding:0 10px;
	border:1px solid #d0d0d0;
	background-color:#fff;
	font-size:12px;
	line-height:26px;
	white-space:nowrap;
}
.required-box .message:before {
	content:'';
	position:absolute;
	left:0;right:0;bottom:-10px;
	height:10px;
	background:url(../images2.0/bg/bg_message.png) no-repeat 50% 0;
}

/* 체크박스/라디오박스 */
input[type=checkbox].styled1,
input[type=radio].styled1 {
	width:18px;
	height:18px;
	box-sizing:border-box;
}
.checkWrap,
.radioWrap {
	display:inline-block;
	position:relative;
	width:18px;
	height:18px;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-position:0 0;
	vertical-align:middle;
}
.checkWrap {background-image:url(../images2.0/ico/form_checked.png);}
.radioWrap {background-image:url(../images2.0/ico/form_radio.png);}
.checkWrap.checked,
.radioWrap.checked {background-position:0 -18px;}
.checkWrap.disabled,
.radioWrap.disabled {background-position:0 -36px;}
.checkWrap.disabled.checked,
.radioWrap.disabled.checked {background-position:0 -54px;}
.checkWrap input[type=checkbox].styled1,
.radioWrap input[type=radio].styled1 {
	position:absolute;
	left:0;top:0;
	opacity:0;
}
.checkWrap + label,
.radioWrap + label {padding-left:6px;}
label + .checkWrap,
label + .radioWrap {padding-left:13px;}
input[type=text] + .checkWrap,
input[type=text] + .radioWrap,
.required-box + .checkWrap,
.required-box + .radioWrap {margin-left:17px;}
input[type=text] + .form-box,
.required-box + .form-box {
	display:inline-block;
	margin-left:17px;
	vertical-align:middle
}

/* 셀렉트 박스 */
select.styled2 {
	height:30px;
	background-color:#fff;
	padding-left:15px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	text-align:left;
	vertical-align:middle;
}

select.styled1 {
	height:30px;
	line-height:30px;
}
.selectWrap {
	display:inline-block;
	position:relative;
	height:30px;
	background-color:#fff;
	text-align:left;
	vertical-align:middle;
}
.selectWrap select.styled1 {
	position:absolute;
	left:0;top:0;right:0;bottom:0;
	opacity:0;
	width: auto;
}
.selectWrap .selTitle {
	overflow:hidden;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	padding:0 35px 0 15px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	text-overflow:ellipsis;
	line-height:30px;
	white-space:nowrap;
	width: auto;
}
.selectWrap .selTitle:before {
	content:'';
	position:absolute;
	right:15px;top:50%;
	width:11px;
	height:7px;
	margin-top:-3px;
	background-image:url(../images2.0/ico/ico_arr_down01.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.selectWrap .selTitle.bdColor:before {background-position:0 -7px;}

.selectWrap.disabled .selTitle {
	border-color:#eee;
	background-color:#fafafa;
	color:#bbb;
}
.selectWrap.disabled .selTitle:before {opacity:.4;}

select[multiple] {
	overflow:auto;
	width:100%;
	padding:0;
	border:1px solid #e5e5e5;
}

.multi_select_drive {
	overflow:auto;
	width:100%;
	padding:0 !important;
	border:none !important;
}

select[multiple] option {
	display:block;
	padding:10px 15px;

}
select.bdColor {
	-webkit-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}

/* 상단 검색 박스 */
.top-search-box {
	margin:0 20px;
	padding:15px 0;
	border:1px solid #eee;
	background-color:#fafafa;
	text-align:center;
}
.top-search-box:after {
	content:'';
	display:block;
	clear:both;
}
.top-search-box .selectWrap + .selectWrap {margin-left:2px;}
.top-search-box .year-month-select .selectWrap {width:100% !important;}
.top-search-box .search-text {
	display:inline-block;
	position:relative;
	width:60%;
	max-width:464px;
	padding-right:53px;
	box-sizing:border-box;
}
.search-text .required-box {width:100%;}
.top-search-box .search-text input[type=text] {
	width:100%;
	margin-left:12px;
}
.top-search-box .search-text .btn-search {
	position:absolute;
	right:0;top:0;bottom:0;
	width:54px;
	background:#9da4ac url(../images2.0/btn/btn_search02.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

.top-search-box .search-text .btn-search-zip {
	position: absolute;
	right: 0;
	top:0;
	bottom:0;
	width: 60px;
	background: #9da4ac;
	font-size: 1;
	color: white;
	line-height: 2.5;
}

.top-search-box .search-date {
	display:inline-block;
	position:relative;
	width:100%;
	max-width:170px;
	box-sizing:border-box;
}

.top-search-box .list-item {
	float:left;
	position:relative;
	width:50%;
	min-height:35px;
	margin-bottom:5px;
	padding-left:130px;
	box-sizing:border-box;
	text-align:left;
}
.top-search-box .list-item.block {width:100%;}
.top-search-box .list-item dt {
	position:absolute;
	left:30px;top:0;
	height:35px;
	color:#333;
	font-size:14px;
	font-weight:700;
	line-height:35px;
}
.top-search-box .list-item dd.search-text {
	width:100%;
	padding-right:83px;
}
.top-search-box .list-item dd.search-text input[type=text] {margin-left:0;}
.top-search-box .list-item dd.search-text .btn-search {right:30px;}
.top-search-box .list-item dd.search-text {}
.year-month-select {
	overflow:hidden;
	position:relative;
}
.year-month-select .select-area {
	overflow:hidden;
	float:left;
	padding-left:24px;
}
.year-month-select .select-area:first-child {padding-left:0;}
.year-month-select .select-area .select-box {
	float:left;
	position:relative;
	width:130px;
	padding-right:30px;
	box-sizing:border-box;
}
.year-month-select .select-area .select-box .text {
	position:absolute;
	right:0;top:0;
	width:30px;
	color:#999;
	text-align:center;
	line-height:35px;
}
.year-month-select .select-area .select-box {}
.year-month-select .select-area .select-box {}
.year-month-select .swung-dash {
	position:absolute;
	left:260px;top:0;
	width:24px;
	color:#999;
	line-height:35px;
}

.period-area {}
.period-area:after {
	content:'';
	display:block;
	clear:both;
}
.period-area .box-item {
	float:left;
}
.period-area .box-item .date-text {width:140px;}
.period-area .swung-dash {
	float:left;
	width:20px;
	color:#999;
	text-align:center;
	line-height:35px;
}

.top-search-box .btn-wrap {
	float:left;
	position:relative;
	width:100%;
	margin:10px 0 0;
	padding:10px 0 5px;
	box-sizing:border-box;
}
.top-search-box .btn-wrap:before {
	content:'';
	position:absolute;
	left:30px;right:30px;top:0;
	height:1px;
	background-color:#eee;
}
.top-search-box .btn-wrap .btn-text {
	min-width:95px;
	background-color:#999;
	border:0;
	color:#fff;
	line-height:35px;
}
.top-search-box .btn-wrap .btn-text:hover {color:#fff;}

/* 검색 */
.search-box1 {position:relative;}
.search-box1 input[type=text] {
	width:100%;
	padding-right:45px;
}
.search-box1 .btn-srch {
	position:absolute;
	right:0;top:0;
	width:36px;
	height:35px;
	border-left:1px solid #e5e5e5;
	background-image:url(../images2.0/btn/btn_search03.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.search-box1 .btn-srch.bgColor {
	border:0;
	background-image:url(../images2.0/btn/btn_search04.png);
	-webkit-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}

.search-box2 {
	position:relative;
	padding-right:86px;
}
.search-box2 .required-box,
.search-box2 input[type=text] {width:100%;}
.search-box2 .btn-text {
	position:absolute;
	right:0;top:0;
}

.search-box3 {
	position:relative;
	padding-right:28px;
}
.search-box3 input[type=text] {
	width:100%;
	height:28px;
	border-right:0;
}
.search-box3 .btn-srch {
	display:inline-block;
	position:absolute;
	right:0;top:0;
	width:28px;
	height:28px;
	box-sizing:border-box;
	background:#9da4ac url(../images2.0/btn/btn_search04.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

.search-type {overflow:hidden;}
.search-type .selectWrap {
	float:left;
	height:28px;
	margin-right:5px;
}
.search-type .selectWrap .selTitle {height:28px;line-height:26px;}
.search-type .search-box3 {float:left;}

/* 파일첩부 */
.input-file {
	display:inline-block;
	overflow:hidden;
	position:relative;
	width:100px;
	height:24px;
	box-sizing:border-box;
	vertical-align:middle;
	line-height:24px;
}
.input-file .text {
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	padding-left:14px;
	color:#333;
	font-size:12px;
	text-decoration:underline;
}
.input-file .text:before,
.input-file .text:after {
	content:'';
	position:absolute;
	background-color:#9da4ac;
}
.input-file .text:before {
	width:9px;
	height:1px;
	left:0;
	top:50%;
	margin-top:-1px;
}
.input-file .text:after {
	width:1px;
	height:9px;
	left:4px;top:50%;
	margin-top:-5px;
}
.input-file input[type=file] {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
}

.input-file2 {}
.input-file2 .inner {
	display:inline-block;
	position:relative;
	padding-right:86px;
}
.input-file2 input[type=text] {}
.input-file2 .btn-text {
	position:absolute;
	right:0;top:0;
}
.input-file2 input[type=file] {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:100%;
	opacity:0;
}
.input-file2 .text-notice {
	margin-top:6px;
	color:#999;
	font-size:12px;
}
.input-file2 .text-notice + .text-notice {margin-top:0;}

.input-file3 {
display:inline-block;
overflow:hidden;
position:relative;
box-sizing:border-box;
vertical-align:middle;
line-height:35px;
}
.input-file3 input[type=file] {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:100%;
	opacity:0;
}

/* 라디오 선택시 컨텐츠 영역 노출 */
.formCont {margin-top:10px;}
.formCont .formItem {display:none;}

/* ===========================================================================
	버튼
=========================================================================== */
/*
	텍스트 버튼
*/
/* 공통 */
.btn-text {
	display:inline-block;
	min-width:95px;
	padding:0 15px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	background-color:#fff;
	color:#666;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	line-height:38px;
	cursor:pointer;
}
.btn-text:hover {
	padding:0 16px;
	border:0 !important;
	background-color:#999;
	color:#fff !important;
	line-height:40px;
}

.btn-text.mid {
	min-width:76px;
	padding:0 15px;
	font-size:12px;
	line-height:33px;
}
.btn-text.mid:hover {line-height:35px;}

.btn-text.sm {
	min-width:auto;
	height:28px;
	padding:0 10px;
	font-size:12px;
	line-height:26px;
}
.btn-text.sm:hover {padding:0 11px;line-height:28px;}

.btn-text.btn-square {
	height:89px;
	line-height:87px;
}

/* toggle 버튼 */
.btn-toggle {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	background-color:#fff;
	color:#666;
	font-size:14px;
	text-align:center;
}
/* 높이 28 */
.btn-toggle.toggle1 {
	width:auto;
	min-width:44px;
	padding:0 10px;
	font-size:11px;
	line-height:26px;
}

/* 정렬 */
.btn-wrap {margin:10px 20px 0;}
.btn-wrap .btn-align {display:inline-block;margin:0 0 0 7px;}
.btn-wrap .btn-align:first-child {margin-left:0;}
.btn-wrap .btn-align .btn-item {
	display:inline-block;
	margin:10px 0 0 7px;
}
.btn-wrap .btn-align .btn-item:first-child {margin-left:0;}
.btn-wrap.right {text-align:right;}
.btn-wrap.right1 {text-align:right;}
.btn-wrap.center {text-align:center;}

/*
	아이콘 + 텍스트 버튼
*/
/* 공통 */
.btn-icon-text {
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}
.btn-icon-text .text {
	display:inline-block;
	position:relative;
	height:23px;
	padding:0 14px;
	box-sizing:border-box;
	line-height:23px;
	cursor:pointer;
}
.btn-icon-text .text:before {
	content:'';
	position:absolute;
	top:50%;
	background-repeat:no-repeat;
	background-position:0 0;
}
/* 01 */
.btn-icon-text.icon01 .text {padding-left:34px;}
.btn-icon-text.icon01 .text:before {
	left:14px;
	width:12px;
	height:9px;
	margin-top:-5px;
	background-image:url(../images2.0/btn/btn_ico01.png);
}
.btn-icon-text.icon01.on {
	border-color:#888;
	color:#333;
}
.btn-icon-text.icon01.on .text:before {background-position:0 -9px;}


/* 02 */
.btn-icon-text.icon02 .text {padding-left:34px;}
.btn-icon-text.icon02 .text:before {
	left:14px;
	width:12px;
	height:11px;
	margin-top:-5px;
	background-image:url(../images2.0/btn/btn_ico02.png);
}
.btn-icon-text.icon02.on {
	border-color:#888;
	color:#333;
}
.btn-icon-text.icon02.on .text:before {background-position:0 -11px;}

/* 03 */
.btn-icon-text.icon03 {}
.btn-icon-text.icon03 .text {
	display:inline-block;
	height:38px;
	padding-left:38px;
	border:0;
	line-height:38px;
}
.btn-icon-text.icon03 .text .icon {
	position:absolute;
	left:15px;top:50%;
	width:14px;
	height:15px;
	margin-top:-8px;
	background-image:url(../images2.0/btn/btn_ico05.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

.btn-icon-text.icon03.bgColor .text {color:#fff !important;}
.btn-icon-text.icon03.bgColor .text .icon {background-color:transparent !important;background-position:0 -15px;}

/* 04 */
.btn-icon-text.icon04 .text {padding-left:40px;}
.btn-icon-text.icon04 .text:before {
	left:14px;
	width:18px;
	height:17px;
	margin-top:-9px;
	background-image:url(../images2.0/btn/btn_ico06.png);
}

/* 05 */
.btn-icon-text.icon05 {padding:0 14px;}
.btn-icon-text.icon05 .text {padding:0 0 0 23px;}
.btn-icon-text.icon05 .text:before {
	left:0;
	width:14px;
	height:14px;
	margin-top:-7px;
	background-image:url(../images2.0/btn/btn_admin.png);
}

/* 06 */
.btn-icon-text.icon06 {padding:0 14px;}
.btn-icon-text.icon06 .text {padding:0 0 0 21px;}
.btn-icon-text.icon06 .text .icon {
	position:absolute;
	left:0;
	top:50%;
	width:12px;
	height:14px;
	margin-top:-7px;
	background-image:url(../images2.0/btn/btn_write.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.btn-icon-text.icon06:hover .text {color:#fff !important;}
.btn-icon-text.icon06:hover .text .icon {background-position:0 -14px;}

/* 07 로그아웃 */
.btn-icon-text.icon07 .text {padding-left:34px;}
.btn-icon-text.icon07 .text:before {
	left:14px;
	width:13px;
	height:15px;
	margin-top:-8px;
	background-image:url(../images2.0/btn/btn_logout.png);
}

/*
	아이콘 버튼
*/
/* 공통 */
.btn-icon {
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	font-size:0;
	text-indent:-9999px;
	vertical-align:middle;
	line-height:0;
}
.btn-icon .text {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	background-repeat:no-repeat;
	background-position:left top;
}
.btn-icon.on:before {
	background-position:left bottom;
}
/* 01 */
.btn-icon.icon01{
	width:36px;
	height:35px;
	border:1px solid #eee;
}
.btn-icon.icon01 .text {
	left:50%;
	width:16px;
	height:15px;
	margin-left:-8px;
	margin-top:-8px;
	background-image:url(../images2.0/btn/btn_ico03.png);
}

/* 02 */
.btn-icon.icon02{
	width:50px;
	height:35px;
	border:1px solid #eee;
}
.btn-icon.icon02 .text {
	left:10px;right:10px;
	height:13px;
	margin-top:-7px;
	background-image:url(../images2.0/btn/btn_ico04.png);
}
.btn-icon.icon02 .text:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:7px;
	height:4px;
	margin-top:-2px;
	background:url(../images2.0/ico/ico_down.png) 0 0 no-repeat;
}
.btn-icon.icon02.on .text:before {
	transform:rotate(180deg);
}

.btn-icon.icon03 {
	width:24px;
	height:24px;
	background:url(../images2.0/btn/btn_modify_layer.png) no-repeat 0 0;
}

.btn-icon.icon04 {
	width:24px;
	height:24px;
	background:url(../images2.0/btn/btn_del04.png) no-repeat 0 0;
}
.btn-icon.icon05 {
	width:20px;
	height:20px;
	background:url(../images2.0/btn/btn_modify.png) no-repeat 50% 50%;
}
/* bookmark  */
.btn-icon.icon06 {
	width:21px;
	height:21px;
	background:url(../images2.0/btn/btn_bookmark.png) no-repeat 50% 50%;
	opacity:.4;
}
.btn-icon.icon06.on {opacity:1;}
.btn-icon.icon06.select {opacity:1;}
/* 07 */
.btn-icon.icon07{
	width:36px;
	height:35px;
	border:1px solid #eee;
}
.btn-icon.icon07 .text {
	left:50%;
	width:16px;
	height:15px;
	margin-left:-8px;
	margin-top:-8px;
	background-image:url(../images2.0/btn/btn_ico06.png);
}
/* 08 */
.btn-icon.icon08 {
	width:36px;
	height:35px;
	border:1px solid #eee;
}
.btn-icon.icon08 .text {
	left:50%;
	width:16px;
	height:15px;
	margin-left:-8px;
	margin-top:-8px;
	background-image:url(../images2.0/btn/btn_ico07.png);
}
/* recommend  */
.btn-icon.recommend {
	width:12px;
	height:12px;
	background:url(../images2.0/mobile/btn/btn_ico02.png) no-repeat 100% 100%;
	background-size:12px 24px;
	opacity:.4;
}
.btn-icon.recommend.on {opacity:1;}
.btn-icon.recommend.select {opacity:1;}
/* bookmark */
.btn-icon.bookmark {
	width:12px;
	height:12px;
	background:url(../images2.0/mobile/btn/btn_ico03.png) no-repeat 100% 100%;
	background-size:12px 24px;
	opacity:.4;
}
.btn-icon.bookmark.on {opacity:1;}
.btn-icon.bookmark.select {opacity:1;}
/* 조회수 */
.icon-text {
	display:inline-block;
	vertical-align:middle;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}
.icon-text .text {
	display:block;
	position:relative;
	height:30px;
	padding:0 15px;
	background-color:#fff;
	line-height:28px;
}
.icon-text .text:before {
	content:'';
	position:absolute;
	top:50%;
	background-repeat:no-repeat;
	background-position:0 0;
}
.icon-text.icon01 .text {padding-left:34px;font-size:12px;}
.icon-text.icon01 .text:before {
	left:14px;
	width:16px;
	height:10px;
	margin-top:-5px;
	background-image:url(../images2.0/btn/ico_text01.png);
}

/* ===========================================================================
	아이콘
=========================================================================== */
/* 긴급 */
.ico-urgency {
	display:inline-block;
	width:18px;
	height:18px;
	background:url(../images2.0/ico/ico_blt03.png) no-repeat 0 0;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.ico-entrust {
	display:inline-block;
	width:18px;
	height:18px;
	background:url(../images2.0/ico/ico_blt05.png) no-repeat 0 0;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.ico-defer {
	display:inline-block;
	width:18px;
	height:18px;
	background:url(../images2.0/ico/ico_blt06.png) no-repeat 0 0;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.ico-document {
	display:inline-block;
	width:18px;
	height:18px;
	background:url(../images2.0/ico/ico_blt04.png) no-repeat 0 0;
	font-size:0;
	text-indent:-9999px;
}

/* ===========================================================================
	탭스타일
=========================================================================== */
/* 탭컨텐츠 영역 */
.tabContent {margin:0 20px;}
/* 01 */
.tabCont {display:none;}
.tabCont.on {display:block;}

.tab-list1 {
	margin:10px 20px 0;
	border-bottom:1px solid #e5e5e5;
}
.tab-list1:after {
	content:'';
	display:block;
	clear:both;
}
.tab-list1 .item {
	float:left;
	position:relative;
	background-color:#fff;
}
.tab-list1 .item .text {
	display:block;
	height:45px;
	padding:0 20px;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	font-size:14px;
	text-align:center;
	line-height:44px;
	cursor:pointer;
}
.tab-list1 .item:first-child .text {border-left:1px solid #e5e5e5;}
.tab-list1 .item:hover .text {background-color:#fafafa;}
.tab-list1 .item.fColor:before {
	content:'';
	position:absolute;
	left:1px;right:1px;bottom:-1px;
	height:1px;
	background-color:#fff;
}
.tab-list1 .item.fColor .text {
	background-color:#fff;
	font-weight:700;
	cursor:default;
}

.workspace-area .right .disabled .tab-list1 .item .text {
	background-color:#fafafa;
	font-weight:400;
	cursor:text;
}

/* 02 */
.tabContent2 {margin:0;}

.tab-list2 {
	margin:30px 0 0;
	border-bottom:1px solid #e5e5e5;
}
.tab-list2:after {
	content:'';
	display:block;
	clear:both;
}
.tab-list2 .item {
	float:left;
	position:relative;
	background-color:#fff;
}
.tab-list2 .item .text {
	display:block;
	height:45px;
	padding:0 20px;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	font-size:14px;
	text-align:center;
	line-height:44px;
	cursor:pointer;
}
.tab-list2 .item:first-child .text {border-left:1px solid #e5e5e5;}
.tab-list2 .item:hover .text {background-color:#fafafa;}
.tab-list2 .item.fColor:before {
	content:'';
	position:absolute;
	left:1px;right:1px;bottom:-1px;
	height:1px;
	background-color:#fff;
}
.tab-list2 .item.fColor .text {
	background-color:#fff;
	font-weight:700;
	cursor:default;
}

.workspace-area .right .disabled .tab-list2 .item .text {
	background-color:#fafafa;
	font-weight:400;
	cursor:text;
}

/* 서브탭 */
.subContent {}
.subCont {display:none;}
.subCont.on {display:block;}
.sub-tab {
	border-bottom:1px solid #e5e5e5;
}
.sub-tab:after {
	content:'';
	display:block;
	clear:both;
}
.sub-tab .item {
	float:left;
	position:relative;
	background-color:#fff;
}
.sub-tab .item .text {
	display:block;
	height:45px;
	padding:0 20px;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	font-size:14px;
	text-align:center;
	line-height:44px;
	cursor:pointer;
}
.sub-tab .item:first-child .text {border-left:1px solid #e5e5e5;}
.sub-tab .item:hover .text {background-color:#fafafa;}
.sub-tab .item.fColor:before {
	content:'';
	position:absolute;
	left:1px;right:1px;bottom:-1px;
	height:1px;
	background-color:#fff;
}
.sub-tab .item.fColor .text {
	background-color:#fff;
	font-weight:700;
	cursor:default;
}

/* ===========================================================================
	해더 영역
=========================================================================== */
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:105;
	height:70px;
	border-bottom:1px solid #e5e5e5;
	background-color:#fff;
	box-sizing:border-box;
}
.header .iamHeader{
	padding-top:18px;
	padding-left:20px
}
.header .logo,
.header .m-logo {
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	padding-left:20px;
		padding-top:5px;
}
.header .logo a,
.header .m-logo a {
	display:block;
	width:120px;
	height:70px;
	font-size:0;
	line-height:0;
}
.header .utill {
	position:absolute;
	right:70px;top:0;
}
.header .utill:after {
	content:'';
	display:block;
	clear:both;
}
.header .utill .user-box {
	float:left;
	position:relative;
}
.header .utill .user-box:before {
	content:'';
	position:absolute;
	right:30px;top:50%;
	width:11px;
	height:7px;
	margin-top:-3px;
	background:url(../images2.0/ico/ico_arr_down01.png) no-repeat 0 0;
}
.header .utill .user-box .user {
	padding:15px 55px 15px 30px;
	cursor:pointer;
}
.header .utill .user-box .user:after {
	content:'';
	display:block;
	clear:both;
}
.header .utill .user-box .img-area {
	overflow:hidden;
	float:left;
	width:40px;
	height:40px;
	border-radius:50%;
	font-size:0;
	line-height:0;
}
.header .utill .user-box .name {
	float:left;
	margin-left:10px;
	line-height:40px;
}
.header .utill .user-menu {
	display:none;
	position:absolute;
	right:406px;
	top:70px;
	width:300px;
	height:220px;
	background-color:#fff;
	border:1px solid #bbb;
	z-index:5;
}
.header .utill .user-menu.on {display:block;}
.header .utill .user-menu:before {
	content:'';
	display:inline-block;
	position:absolute;
	top:-8px;
	right:30px;
	width:14px;
	height:8px;
	background:url(../images2.0/bg/bg_user.png) no-repeat 0 0;

}
.header .utill .user-menu .user {padding:30px 25px 0 25px;}
.header .utill .user-menu .user .img-area {
	overflow:hidden;
	position:absolute;
	left:30px;
	top:30px;
	width:40px;
	height:40px;
	border-radius:50%;
	font-size:0;
	line-height:0;
}
.header .utill .user-menu .user .img-area img {width:100%}
.header .utill .user-menu .user .txt-area {
	padding:6px 0 0 55px;
}
.header .utill .user-menu .user .txt-area .name {
	margin-bottom:11px;
	color:#333;
	font-size:15px;
	font-weight:700;
}
.header .utill .user-menu .user .txt-area .info {
	margin-bottom:13px;
	font-size:12px;
	color:#999;
	word-break:break-all;
}
.header .utill .user-menu .user .txt-area .btn-admin {
	background:url(../images2.0/btn/btn_admin.png) no-repeat 0 0;
	padding-left:18px;
	padding-right:6px;
	font-size:12px;
	color:#999;
	font-weight:700;
}
.header .utill .user-menu .user .txt-area .btn-help {
	background:url(../images2.0/btn/btn_help.png) no-repeat 0 0;
	padding-left:18px;
	padding-right:6px;
	font-size:12px;
	color:#999;
	font-weight:700;
}
.header .utill .user-menu .user .txt-area .btn-otp {
	background:url(../images2.0/btn/btn_otp.png) no-repeat 0 0;
	padding-left:16px;
	font-size:12px;
	color:#ff5349;
	font-weight:700;
}
.header .utill .user-menu .btn-area {
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	border-top:1px solid #eee;
	background-color:#fafafa;
}
.header .utill .user-menu .btn-area a {
	float:left;
	display:block;
	width:33.3%;
	border-left:1px solid #eee;
	box-sizing:border-box;
	text-align:center;
	line-height:48px;
	font-size:12px;
	color:#333;
}
.header .utill .user-menu .btn-area a:first-child{border-left:0}
.header .utill .user-menu .btn-close2,
.header .utill .naver-list .btn-close2 {
	position:absolute;
	right:0;top:0;
	width:37px;
	height:37px;
	background:#fff url(../images2.0/btn/btn_del2.gif) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	z-index:10
}
.header .utill .naver-list .btn-close2 {display:none;}
.header .utill .naver-list {
	overflow:hidden;
	padding:0 14px;
	border-left:1px solid #e5e5e5;
	z-index:9;
}
.header .utill .naver-list .line {
	overflow:hidden;
	float:left;
}
.header .utill .naver-list .link {
	float:left;
	position:relative;
	width:50px;
	height:70px;
	text-align:center;
}
.header .utill .naver-list .link span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-11px;
	margin-top:-11px;
}
.header .utill .naver-list .link-bg {
	float:left;
	position:relative;
	width:50px;
	height:70px;
}
.header .utill .naver-list .link-bg .text {
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.header .utill .naver-list .link-bg:before {
	content:'';
	position:absolute;
	left:50%;top:50%;
	margin-top:-11px;
	margin-left:-11px;
	width:22px;
	height:22px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:22px;
	/* background-image:url(../images2.0/ico/ico_n_list.png); */
}

.header .utill .naver-list .link-bg .icon_00 {
	content:'';
	position:absolute;
	left:50%;top:50%;
	margin-top:-11px;
	margin-left:-11px;
	width:22px;
	height:22px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:22px;
	/* background-image:url(../images2.0/ico/ico_n_list.png); */
}

/******************* quick-list start*************************/



.header .quick-box {
	overflow:hidden;
	padding:0 10px;
	border-left:1px solid #e5e5e5;
	z-index:9;
	position: absolute;
    top: 0;
    right: 65px;
}

.header .quick-box .icon_01:before {background-image:url(../images2.0/mobile/layout/gnb/icon_01.png);}
.header .quick-box .icon_02:before {background-image:url(../images2.0/mobile/layout/gnb/icon_02.png);}
.header .quick-box .icon_03:before {background-image:url(../images2.0/mobile/layout/gnb/icon_03.png);}
.header .quick-box .icon_04:before {background-image:url(../images2.0/mobile/layout/gnb/icon_04.png);}
.header .quick-box .icon_05:before {background-image:url(../images2.0/mobile/layout/gnb/icon_05.png);}
.header .quick-box .icon_06:before {background-image:url(../images2.0/mobile/layout/gnb/icon_06.png);}
.header .quick-box .icon_07:before {background-image:url(../images2.0/mobile/layout/gnb/icon_07.png);}
.header .quick-box .icon_08:before {background-image:url(../images2.0/mobile/layout/gnb/icon_08.png);}
.header .quick-box .icon_09:before {background-image:url(../images2.0/mobile/layout/gnb/icon_09.png);}
.header .quick-box .icon_10:before {background-image:url(../images2.0/mobile/layout/gnb/icon_10.png);}
.header .quick-box .icon_11:before {background-image:url(../images2.0/mobile/layout/gnb/icon_11.png);}
.header .quick-box .icon_12:before {background-image:url(../images2.0/mobile/layout/gnb/icon_12.png);}
.header .quick-box .icon_13:before {background-image:url(../images2.0/mobile/layout/gnb/icon_13.png);}
.header .quick-box .icon_14:before {background-image:url(../images2.0/mobile/layout/gnb/icon_14.png);}
.header .quick-box .icon_15:before {background-image:url(../images2.0/mobile/layout/gnb/icon_15.png);}
.header .quick-box .icon_16:before {background-image:url(../images2.0/mobile/layout/gnb/icon_16.png);}
.header .quick-box .icon_17:before {background-image:url(../images2.0/mobile/layout/gnb/icon_17.png);}
.header .quick-box .icon_18:before {background-image:url(../images2.0/mobile/layout/gnb/icon_18.png);}
.header .quick-box .icon_19:before {background-image:url(../images2.0/mobile/layout/gnb/icon_19.png);}
.header .quick-box .icon_20:before {background-image:url(../images2.0/mobile/layout/gnb/icon_20.png);}
.header .quick-box .icon_21:before {background-image:url(../images2.0/mobile/layout/gnb/icon_21.png);}
.header .quick-box .icon_22:before {background-image:url(../images2.0/mobile/layout/gnb/icon_22.png);}
.header .quick-box .icon_23:before {background-image:url(../images2.0/mobile/layout/gnb/icon_23.png);}
.header .quick-box .icon_24:before {background-image:url(../images2.0/mobile/layout/gnb/icon_24.png);}
.header .quick-box .icon_25:before {background-image:url(../images2.0/mobile/layout/gnb/icon_25.png);}
.header .quick-box .icon_26:before {background-image:url(../images2.0/mobile/layout/gnb/icon_26.png);}
.header .quick-box .icon_27:before {background-image:url(../images2.0/mobile/layout/gnb/icon_27.png);}
.header .quick-box .icon_28:before {background-image:url(../images2.0/mobile/layout/gnb/icon_28.png);}
.header .quick-box .icon_29:before {background-image:url(../images2.0/mobile/layout/gnb/icon_29.png);}
.header .quick-box .icon_30:before {background-image:url(../images2.0/mobile/layout/gnb/icon_30.png);}
.header .quick-box .icon_31:before {background-image:url(../images2.0/mobile/layout/gnb/icon_31.png);}
.header .quick-box .icon_32:before {background-image:url(../images2.0/mobile/layout/gnb/icon_32.png);}
.header .quick-box .icon_33:before {background-image:url(../images2.0/mobile/layout/gnb/icon_33.png);}
.header .quick-box .icon_34:before {background-image:url(../images2.0/mobile/layout/gnb/icon_34.png);}
.header .quick-box .icon_35:before {background-image:url(../images2.0/mobile/layout/gnb/icon_35.png);}
.header .quick-box .icon_36:before {background-image:url(../images2.0/mobile/layout/gnb/icon_36.png);}
.header .quick-box .icon_37:before {background-image:url(../images2.0/mobile/layout/gnb/icon_37.png);}
.header .quick-box .icon_38:before {background-image:url(../images2.0/mobile/layout/gnb/icon_38.png);}
.header .quick-box .icon_39:before {background-image:url(../images2.0/mobile/layout/gnb/icon_39.png);}
.header .quick-box .icon_40:before {background-image:url(../images2.0/mobile/layout/gnb/icon_40.png);}
.header .quick-box .icon_41:before {background-image:url(../images2.0/mobile/layout/gnb/icon_41.png);}
.header .quick-box .icon_42:before {background-image:url(../images2.0/mobile/layout/gnb/icon_42.png);}
.header .quick-box .icon_43:before {background-image:url(../images2.0/mobile/layout/gnb/icon_43.png);}
.header .quick-box .icon_44:before {background-image:url(../images2.0/mobile/layout/gnb/icon_44.png);}
.header .quick-box .icon_45:before {background-image:url(../images2.0/mobile/layout/gnb/icon_45.png);}
.header .quick-box .icon_46:before {background-image:url(../images2.0/mobile/layout/gnb/icon_46.png);}
.header .quick-box .icon_47:before {background-image:url(../images2.0/mobile/layout/gnb/icon_47.png);}
.header .quick-box .icon_48:before {background-image:url(../images2.0/mobile/layout/gnb/icon_48.png);}
.header .quick-box .icon_49:before {background-image:url(../images2.0/mobile/layout/gnb/icon_49.png);}
.header .quick-box .icon_50:before {background-image:url(../images2.0/mobile/layout/gnb/icon_50.png);}
.header .quick-box .icon_51:before {background-image:url(../images2.0/mobile/layout/gnb/icon_51.png);}
.header .quick-box .icon_52:before {background-image:url(../images2.0/mobile/layout/gnb/icon_52.png);}
.header .quick-box .icon_53:before {background-image:url(../images2.0/mobile/layout/gnb/icon_53.png);}
.header .quick-box .icon_54:before {background-image:url(../images2.0/mobile/layout/gnb/icon_54.png);}
.header .quick-box .icon_55:before {background-image:url(../images2.0/mobile/layout/gnb/icon_55.png);}
.header .quick-box .icon_56:before {background-image:url(../images2.0/mobile/layout/gnb/icon_56.png);}
.header .quick-box .icon_57:before {background-image:url(../images2.0/mobile/layout/gnb/icon_57.png);}
.header .quick-box .icon_58:before {background-image:url(../images2.0/mobile/layout/gnb/icon_58.png);}
.header .quick-box .icon_59:before {background-image:url(../images2.0/mobile/layout/gnb/icon_59.png);}
.header .quick-box .icon_60:before {background-image:url(../images2.0/mobile/layout/gnb/icon_60.png);}
.header .quick-box .icon_61:before {background-image:url(../images2.0/mobile/layout/gnb/icon_61.png);}
.header .quick-box .icon_62:before {background-image:url(../images2.0/mobile/layout/gnb/icon_62.png);}
.header .quick-box .icon_63:before {background-image:url(../images2.0/mobile/layout/gnb/icon_63.png);}
.header .quick-box .icon_64:before {background-image:url(../images2.0/mobile/layout/gnb/icon_64.png);}
.header .quick-box .icon_65:before {background-image:url(../images2.0/mobile/layout/gnb/icon_65.png);}
.header .quick-box .icon_66:before {background-image:url(../images2.0/mobile/layout/gnb/icon_66.png);}
.header .quick-box .icon_67:before {background-image:url(../images2.0/mobile/layout/gnb/icon_67.png);}
.header .quick-box .icon_68:before {background-image:url(../images2.0/mobile/layout/gnb/icon_68.png);}
.header .quick-box .icon_69:before {background-image:url(../images2.0/mobile/layout/gnb/icon_69.png);}
.header .quick-box .icon_70:before {background-image:url(../images2.0/mobile/layout/gnb/icon_70.png);}
.header .quick-box .icon_topmenu_add:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_add.png);}
.header .quick-box .icon_topmenu_cal:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_cal.png);}
.header .quick-box .icon_topmenu_home:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_home.png);}
.header .quick-box .icon_topmenu_mail:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_mail.png);}
.header .quick-box .icon_topmenu_ndrive:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_ndrive.png);}
.header .quick-box .icon_topmenu_office:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_office.png);}
.header .quick-box .icon_topmenu_talk:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_talk.png);}


.header .quick-box .link {
	float:left;
	position:relative;
	width:54px;
	height:70px;
	text-align:center;
}
.header .quick-box .link span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-11px;
	margin-top:-11px;
}
.header .quick-box .link-bg {
	cursor:pointer;
	float:left;
	position:relative;
	width:54px;
	height:70px;
}
.header .quick-box .link-bg .text {
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.header .quick-box .link-bg:before {
	content:'';
	position:absolute;
	left:50%;top:50%;
	margin-top:-11px;
	margin-left:-11px;
	width:22px;
	height:22px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:22px;
	/* background-image:url(../images2.0/ico/ico_n_list.png); */
}

.header .quick-list{
	display:none;
	position:absolute;
	right:70px;
	top:70px;
	width:300px;
	height:550px;
	background-color:#fff;
	border:1px solid #bbb;
	z-index:5;
	overflow-y: auto;
	margin : 0 auto;
}

/*.quick-list { width:100%; }*/ /* 전체메뉴상자 */
.quick-list:before {
	content:'';
	position:absolute;
	top:-8px;
	right:30px;
	width:14px;
	height:8px;
	background:url(../images2.0/bg/bg_user.png) no-repeat 0 0;
}


.quick-list * {box-sizing: border-box;} /* 하위 요소들의 넓이/높이 기준을 border, margin 포함으로 */
.quick-list ul { padding:0; margin-bottom:0.5em; }

.quick-list li.menu-1, .quick-list li.menu-2, .quick-list li.menu-3{width:89px;height:89px;text-align: center;}
.quick-list li {cursor:pointer;padding: 0;}
.quick-list li.menu-level2{width: 135px;height:33px;}
.quick-list .menu-level1 ul li.template{display:none;}
.quick-list .menu-level1 {}
.quick-list .menu-level1>li { float:left; width:33.3333333333%; }
.quick-list .menu-level1>li.menu-level2 { width: 50%;display: none;border:none; background-color: #eee;}
/*.quick-list .menu-level1>li.menu-level2:hover {background:none;border:1px solid #e3e3e3;}*/
.quick-list .menu-level1:hover>li.menu-1.active ~ li.sub1,
.quick-list .menu-level1:hover>li.menu-2.active ~ li.sub2,
.quick-list .menu-level1:hover>li.menu-3.active ~ li.sub3 { display:block;}
.quick-list .menu-level1>li.menu-1.active ~ li.menu-1 ~ li.sub1,
.quick-list .menu-level1>li.menu-2.active ~ li.menu-2 ~ li.sub2,
.quick-list .menu-level1>li.menu-3.active ~ li.menu-3 ~ li.sub3 { display:none; }
.quick-list .menu-level1>li.sub1 + li.menu-1, .quick-list .menu-level1>li.sub2 + li.menu-1, .quick-list .menu-level1>li.sub3 + li.menu-1 { clear:both; }
.quick-list .menu-level1>li.menu-1 + li.sub1, .quick-list .menu-level1>li.menu-1 + li.sub2 .quick-list .menu-level1>li.menu-1 + li.sub3 { clear:both; }
.quick-list .menu-level1:after { content:''; clear:both; display:block; }
.quick-list .menu-level1>li.menu-level2 + li.menu-1 {
    clear: both;
}
.header .quick-list::-webkit-scrollbar{
	width:6px;
}
.header .quick-list::-webkit-scrollbar-track{
	 background-color: #eee;
}
.header .quick-list::-webkit-scrollbar-thumb{
	 border-radius: 5px;
	  background-color: #ccc;
}
.header .quick-list::-webkit-scrollbar-thumb:hover{
	 background-color: #aaa;
}

.quick-list .menu-level1>li{
	display: inline-block;
    position: relative;

}
.quick-list .menu-level1>li:not(.menu-level2){
	border-radius:8%;
}
.quick-list .menu-level1>li:nth-child(2) .one-depth, .quick-list .menu-level1>li:nth-child(3) .one-depth, .quick-list .menu-level1>li:nth-child(4) .one-depth{
	display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
	background-color:#ffffff;

    padding: 10px;
    /*margin-top: 10px;*/
}
.quick-list .menu-level1>li:nth-child(2), .quick-list .menu-level1>li:nth-child(3), .quick-list .menu-level1>li:nth-child(4){
	border-radius:0;
	border-bottom:1px solid #eee;
}
.quick-list .menu-level1>li:nth-child(2) .one-depth:hover, .quick-list .menu-level1>li:nth-child(3) .one-depth:hover, .quick-list .menu-level1>li:nth-child(4) .one-depth:hover{
	background-color: #f3f7ff;
}
.quick-list .menu-level1>li .one-depth:hover{
	background-color: #f3f7ff;
}
.quick-list .menu-level1>li:not(.template) .one-depth img, .quick-list .menu-level1>li(.template) .one-depth img, .quick-list .menu-level1>li(.template) .one-depth img{
	width:20px;
}
.quick-list .menu-level1>li:nth-child(2) .one-depth .txt, .quick-list .menu-level1>li:nth-child(3) .one-depth .txt, .quick-list .menu-level1>li:nth-child(4) .one-depth .txt{
	color:#000;
	font-weight:bold;
	font-size:16px;
}

.quick-list .menu-level1>li:hover {
	background-color: #f3f7ff;
}

.quick-list .menu-level1>li .one-depth .text{
	text-align:center;
}
.quick-list  .menu-level1>li.bottom{
	padding-top:10px;
}
.quick-list  .menu-level1>li.top{
	height:105px;
}
.quick-list  .menu-level1>li .one-depth .ico-bg {
	display: inline-block;
	width: 48px;
    height: 48px;
    line-height: 64px;
    border-radius: 50%;
	margin-bottom:5px;
    text-align: center;
    background: #f5f5f5;
}
.quick-list  .menu-level1>li .one-depth .ico-bg .img {
	width:25px;
	height:auto;
}
.quick-list  .menu-level1>li .one-depth .txt {
	color:#000;
}

.quick-list  .menu-level2{
	display:inline-block;
	padding-left:7px;
	padding-top:2px;
}
.quick-list  .menu-level2 a{
	position:relative;
    display: block;
    min-width: 125px;
    padding-left: 7px;
    padding-right: 7px;
    height: 27px;
    line-height: 27px;
    background: #ffffff;
    font-weight:bold;
    border-radius: 5px;
    margin-right: 3px;
    margin-bottom: 3px;

}
.quick-list  .menu-level2 a .count {
	width: 18px;
    height: 18px;
    line-height: 18px;
    background: #f5f5f5;
    color: #000;
    border-radius: 50%;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 5px;
}

/******************* //quick-list end// *************************/
/* .header .utill .naver-list .link1:before {background-position:0 0}
.header .utill .naver-list .link2:before {background-position:0 -24px}
.header .utill .naver-list .link3:before {background-position:0 -48px}
.header .utill .naver-list .link4:before {background-position:0 -72px}
.header .utill .naver-list .link5:before {background-position:0 -96px}
.header .utill .naver-list .link6:before {background-position:0 -120px}
.header .utill .naver-list .link7:before {background-position:0 -144px}
.header .utill .naver-list .link8:before {background-position:0 -168px} */

.header .utill .naver-list .icon_01:before {background-image:url(../images2.0/mobile/layout/gnb/icon_01.png);}
.header .utill .naver-list .icon_02:before {background-image:url(../images2.0/mobile/layout/gnb/icon_02.png);}
.header .utill .naver-list .icon_03:before {background-image:url(../images2.0/mobile/layout/gnb/icon_03.png);}
.header .utill .naver-list .icon_04:before {background-image:url(../images2.0/mobile/layout/gnb/icon_04.png);}
.header .utill .naver-list .icon_05:before {background-image:url(../images2.0/mobile/layout/gnb/icon_05.png);}
.header .utill .naver-list .icon_06:before {background-image:url(../images2.0/mobile/layout/gnb/icon_06.png);}
.header .utill .naver-list .icon_07:before {background-image:url(../images2.0/mobile/layout/gnb/icon_07.png);}
.header .utill .naver-list .icon_08:before {background-image:url(../images2.0/mobile/layout/gnb/icon_08.png);}
.header .utill .naver-list .icon_09:before {background-image:url(../images2.0/mobile/layout/gnb/icon_09.png);}
.header .utill .naver-list .icon_10:before {background-image:url(../images2.0/mobile/layout/gnb/icon_10.png);}
.header .utill .naver-list .icon_11:before {background-image:url(../images2.0/mobile/layout/gnb/icon_11.png);}
.header .utill .naver-list .icon_12:before {background-image:url(../images2.0/mobile/layout/gnb/icon_12.png);}
.header .utill .naver-list .icon_13:before {background-image:url(../images2.0/mobile/layout/gnb/icon_13.png);}
.header .utill .naver-list .icon_14:before {background-image:url(../images2.0/mobile/layout/gnb/icon_14.png);}
.header .utill .naver-list .icon_15:before {background-image:url(../images2.0/mobile/layout/gnb/icon_15.png);}
.header .utill .naver-list .icon_16:before {background-image:url(../images2.0/mobile/layout/gnb/icon_16.png);}
.header .utill .naver-list .icon_17:before {background-image:url(../images2.0/mobile/layout/gnb/icon_17.png);}
.header .utill .naver-list .icon_18:before {background-image:url(../images2.0/mobile/layout/gnb/icon_18.png);}
.header .utill .naver-list .icon_19:before {background-image:url(../images2.0/mobile/layout/gnb/icon_19.png);}
.header .utill .naver-list .icon_20:before {background-image:url(../images2.0/mobile/layout/gnb/icon_20.png);}
.header .utill .naver-list .icon_21:before {background-image:url(../images2.0/mobile/layout/gnb/icon_21.png);}
.header .utill .naver-list .icon_22:before {background-image:url(../images2.0/mobile/layout/gnb/icon_22.png);}
.header .utill .naver-list .icon_23:before {background-image:url(../images2.0/mobile/layout/gnb/icon_23.png);}
.header .utill .naver-list .icon_24:before {background-image:url(../images2.0/mobile/layout/gnb/icon_24.png);}
.header .utill .naver-list .icon_25:before {background-image:url(../images2.0/mobile/layout/gnb/icon_25.png);}
.header .utill .naver-list .icon_26:before {background-image:url(../images2.0/mobile/layout/gnb/icon_26.png);}
.header .utill .naver-list .icon_27:before {background-image:url(../images2.0/mobile/layout/gnb/icon_27.png);}
.header .utill .naver-list .icon_28:before {background-image:url(../images2.0/mobile/layout/gnb/icon_28.png);}
.header .utill .naver-list .icon_29:before {background-image:url(../images2.0/mobile/layout/gnb/icon_29.png);}
.header .utill .naver-list .icon_30:before {background-image:url(../images2.0/mobile/layout/gnb/icon_30.png);}
.header .utill .naver-list .icon_31:before {background-image:url(../images2.0/mobile/layout/gnb/icon_31.png);}
.header .utill .naver-list .icon_32:before {background-image:url(../images2.0/mobile/layout/gnb/icon_32.png);}
.header .utill .naver-list .icon_33:before {background-image:url(../images2.0/mobile/layout/gnb/icon_33.png);}
.header .utill .naver-list .icon_34:before {background-image:url(../images2.0/mobile/layout/gnb/icon_34.png);}
.header .utill .naver-list .icon_35:before {background-image:url(../images2.0/mobile/layout/gnb/icon_35.png);}
.header .utill .naver-list .icon_36:before {background-image:url(../images2.0/mobile/layout/gnb/icon_36.png);}
.header .utill .naver-list .icon_37:before {background-image:url(../images2.0/mobile/layout/gnb/icon_37.png);}
.header .utill .naver-list .icon_38:before {background-image:url(../images2.0/mobile/layout/gnb/icon_38.png);}
.header .utill .naver-list .icon_39:before {background-image:url(../images2.0/mobile/layout/gnb/icon_39.png);}
.header .utill .naver-list .icon_40:before {background-image:url(../images2.0/mobile/layout/gnb/icon_40.png);}
.header .utill .naver-list .icon_41:before {background-image:url(../images2.0/mobile/layout/gnb/icon_41.png);}
.header .utill .naver-list .icon_42:before {background-image:url(../images2.0/mobile/layout/gnb/icon_42.png);}
.header .utill .naver-list .icon_43:before {background-image:url(../images2.0/mobile/layout/gnb/icon_43.png);}
.header .utill .naver-list .icon_44:before {background-image:url(../images2.0/mobile/layout/gnb/icon_44.png);}
.header .utill .naver-list .icon_45:before {background-image:url(../images2.0/mobile/layout/gnb/icon_45.png);}
.header .utill .naver-list .icon_46:before {background-image:url(../images2.0/mobile/layout/gnb/icon_46.png);}
.header .utill .naver-list .icon_47:before {background-image:url(../images2.0/mobile/layout/gnb/icon_47.png);}
.header .utill .naver-list .icon_48:before {background-image:url(../images2.0/mobile/layout/gnb/icon_48.png);}
.header .utill .naver-list .icon_49:before {background-image:url(../images2.0/mobile/layout/gnb/icon_49.png);}
.header .utill .naver-list .icon_50:before {background-image:url(../images2.0/mobile/layout/gnb/icon_50.png);}
.header .utill .naver-list .icon_51:before {background-image:url(../images2.0/mobile/layout/gnb/icon_51.png);}
.header .utill .naver-list .icon_52:before {background-image:url(../images2.0/mobile/layout/gnb/icon_52.png);}
.header .utill .naver-list .icon_53:before {background-image:url(../images2.0/mobile/layout/gnb/icon_53.png);}
.header .utill .naver-list .icon_54:before {background-image:url(../images2.0/mobile/layout/gnb/icon_54.png);}
.header .utill .naver-list .icon_55:before {background-image:url(../images2.0/mobile/layout/gnb/icon_55.png);}
.header .utill .naver-list .icon_56:before {background-image:url(../images2.0/mobile/layout/gnb/icon_56.png);}
.header .utill .naver-list .icon_57:before {background-image:url(../images2.0/mobile/layout/gnb/icon_57.png);}
.header .utill .naver-list .icon_58:before {background-image:url(../images2.0/mobile/layout/gnb/icon_58.png);}
.header .utill .naver-list .icon_59:before {background-image:url(../images2.0/mobile/layout/gnb/icon_59.png);}
.header .utill .naver-list .icon_60:before {background-image:url(../images2.0/mobile/layout/gnb/icon_60.png);}
.header .utill .naver-list .icon_61:before {background-image:url(../images2.0/mobile/layout/gnb/icon_61.png);}
.header .utill .naver-list .icon_62:before {background-image:url(../images2.0/mobile/layout/gnb/icon_62.png);}
.header .utill .naver-list .icon_63:before {background-image:url(../images2.0/mobile/layout/gnb/icon_63.png);}
.header .utill .naver-list .icon_64:before {background-image:url(../images2.0/mobile/layout/gnb/icon_64.png);}
.header .utill .naver-list .icon_65:before {background-image:url(../images2.0/mobile/layout/gnb/icon_65.png);}
.header .utill .naver-list .icon_66:before {background-image:url(../images2.0/mobile/layout/gnb/icon_66.png);}
.header .utill .naver-list .icon_67:before {background-image:url(../images2.0/mobile/layout/gnb/icon_67.png);}
.header .utill .naver-list .icon_68:before {background-image:url(../images2.0/mobile/layout/gnb/icon_68.png);}
.header .utill .naver-list .icon_69:before {background-image:url(../images2.0/mobile/layout/gnb/icon_69.png);}
.header .utill .naver-list .icon_70:before {background-image:url(../images2.0/mobile/layout/gnb/icon_70.png);}
.header .utill .naver-list .icon_topmenu_add:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_add.png);}
.header .utill .naver-list .icon_topmenu_cal:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_cal.png);}
.header .utill .naver-list .icon_topmenu_home:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_home.png);}
.header .utill .naver-list .icon_topmenu_mail:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_mail.png);}
.header .utill .naver-list .icon_topmenu_ndrive:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_ndrive.png);}
.header .utill .naver-list .icon_topmenu_office:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_office.png);}
.header .utill .naver-list .icon_topmenu_talk:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_talk.png);}

.header .utill .naver-list .link .len {
	display:block;
	position:absolute;
	right:-10px;top:-6px;
	width:18px;
	height:18px;
	border-radius:50%;
	background-color:#ff5349;
	color:#fff;
	font-size:11px;
	text-align:center;
	text-indent:0;
	line-height:18px;
}

.header .utill .naver-list .link-bg .len {
	display:block;
	position:absolute;
	right:6px;top:18px;
	width:18px;
	height:18px;
	border-radius:50%;
	background-color:#ff5349;
	color:#fff;
	font-size:11px;
	text-align:center;
	text-indent:0;
	line-height:18px;
}

.header .btn-search {
	position:absolute;
	right:0;top:0;
	width:70px;
	height:70px;
	border-left:1px solid #e5e5e5;
	background-image:url(../images2.0/btn/btn_search.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.header .btn-search.search-close {background-image:url(../images2.0/btn/btn_search_close.png);}

.btn-gnb,
.btn-naver {display:none;}
.header .utill .user-box .btn-close {display:none;}

.header .search-area {
	display:none;
	position:absolute;
	top:69px;right:0;
	width:400px;height:70px;
	border:1px solid #e5e5e5;
	background-color:#fff;
	box-sizing:border-box;
}
.header .search-area.on {display:block;}
.header .search-area:before {
	content:'';
	position:absolute;
	top:50%;left:120px;
	z-index:1;
	width:1px;
	height:20px;
	margin-top:-10px;
	background-color:#ddd;
}
.header .search-area .selectWrap {height:68px;z-index:1;}
.header .search-area .selectWrap .selTitle {
	height:68px;
	line-height:68px;
}
.header .search-area .selectWrap .selTitle,
.header .search-area input[type=text] {
	vertical-align:top;
	border:0;
}
.header .search-area input[type=text] {
	position:absolute;
	top:0;bottom:0;
	left:0;right:0;
	z-index:0;
	width:100%;
	height:68px;
	padding:0 68px 0 140px;
	line-height:68px;
}
.header .search-area .btn-search2 {
	position:absolute;
	top:0;right:0;
	width:68px;height:68px;
	background:url(../images2.0/btn/btn_search05.png) center center no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-99999em;
}

/* ===========================================================================
	gnb
=========================================================================== */
.gnb-utill {
	position:relative;
	z-index:105;
}
.gnb-sliding {
	position:fixed;
	left:0;
	top:0;
	bottom:50px;
	width:220px;
	height:100%;
}
.gnb-wrap {
	overflow:hidden;
	position:absolute;
	left:0;
	right:0;
	top: 0px;
	bottom: 2px;
	min-width:220px;
	padding-top:50px;
	box-sizing:border-box;
	border-right:1px solid #e5e5e5;
	background-color:#fafafa;
}
.gnb-wrap .home {
	position:relative;
}
.gnb-wrap .home .btn-setting {
	display:block;
	position:absolute;
	right:25px;top:50%;
	width:24px;
	height:24px;
	margin-top:-12px;
	box-sizing:border-box;
	background:url(../images2.0/btn/btn_setting.gif) no-repeat 0 0;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.gnb-wrap .link-home,
.gnb-wrap .gnb-list .gnb-item .gnb-title {
	display:block;
	position:relative;
	padding:14px 25px 14px 64px;
	box-sizing:border-box;
	color:#000;
	font-size:14px;
	line-height:10px;
}
.gnb-wrap .link-home:before,
.gnb-wrap .gnb-list .gnb-item .gnb-title:before {
	content:'';
	position:absolute;
	left:35px;top:9px;
	width:18px;
	height:18px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:18px 39px;
}

.gnb-wrap .gnb-list .gnb-item .gnb-title .icon_00{
	content:'';
	position:absolute;
	left:35px;top:16px;
	width:18px;
	height:18px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:18px 39px;
}
.gnb-wrap .link-home.ico01:before {background-image:url(../images2.0/layout/gnb/ico_gnb01.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_01:before {background-image:url(../images2.0/mobile/layout/gnb/icon_01.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_02:before {background-image:url(../images2.0/mobile/layout/gnb/icon_02.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_03:before {background-image:url(../images2.0/mobile/layout/gnb/icon_03.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_04:before {background-image:url(../images2.0/mobile/layout/gnb/icon_04.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_05:before {background-image:url(../images2.0/mobile/layout/gnb/icon_05.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_06:before {background-image:url(../images2.0/mobile/layout/gnb/icon_06.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_07:before {background-image:url(../images2.0/mobile/layout/gnb/icon_07.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_08:before {background-image:url(../images2.0/mobile/layout/gnb/icon_08.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_09:before {background-image:url(../images2.0/mobile/layout/gnb/icon_09.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_10:before {background-image:url(../images2.0/mobile/layout/gnb/icon_10.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_11:before {background-image:url(../images2.0/mobile/layout/gnb/icon_11.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_12:before {background-image:url(../images2.0/mobile/layout/gnb/icon_12.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_13:before {background-image:url(../images2.0/mobile/layout/gnb/icon_13.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_14:before {background-image:url(../images2.0/mobile/layout/gnb/icon_14.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_15:before {background-image:url(../images2.0/mobile/layout/gnb/icon_15.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_16:before {background-image:url(../images2.0/mobile/layout/gnb/icon_16.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_17:before {background-image:url(../images2.0/mobile/layout/gnb/icon_17.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_18:before {background-image:url(../images2.0/mobile/layout/gnb/icon_18.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_19:before {background-image:url(../images2.0/mobile/layout/gnb/icon_19.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_20:before {background-image:url(../images2.0/mobile/layout/gnb/icon_20.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_21:before {background-image:url(../images2.0/mobile/layout/gnb/icon_21.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_22:before {background-image:url(../images2.0/mobile/layout/gnb/icon_22.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_23:before {background-image:url(../images2.0/mobile/layout/gnb/icon_23.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_24:before {background-image:url(../images2.0/mobile/layout/gnb/icon_24.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_25:before {background-image:url(../images2.0/mobile/layout/gnb/icon_25.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_26:before {background-image:url(../images2.0/mobile/layout/gnb/icon_26.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_27:before {background-image:url(../images2.0/mobile/layout/gnb/icon_27.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_28:before {background-image:url(../images2.0/mobile/layout/gnb/icon_28.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_29:before {background-image:url(../images2.0/mobile/layout/gnb/icon_29.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_30:before {background-image:url(../images2.0/mobile/layout/gnb/icon_30.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_31:before {background-image:url(../images2.0/mobile/layout/gnb/icon_31.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_32:before {background-image:url(../images2.0/mobile/layout/gnb/icon_32.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_33:before {background-image:url(../images2.0/mobile/layout/gnb/icon_33.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_34:before {background-image:url(../images2.0/mobile/layout/gnb/icon_34.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_35:before {background-image:url(../images2.0/mobile/layout/gnb/icon_35.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_36:before {background-image:url(../images2.0/mobile/layout/gnb/icon_36.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_37:before {background-image:url(../images2.0/mobile/layout/gnb/icon_37.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_38:before {background-image:url(../images2.0/mobile/layout/gnb/icon_38.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_39:before {background-image:url(../images2.0/mobile/layout/gnb/icon_39.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_40:before {background-image:url(../images2.0/mobile/layout/gnb/icon_40.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_41:before {background-image:url(../images2.0/mobile/layout/gnb/icon_41.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_42:before {background-image:url(../images2.0/mobile/layout/gnb/icon_42.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_43:before {background-image:url(../images2.0/mobile/layout/gnb/icon_43.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_44:before {background-image:url(../images2.0/mobile/layout/gnb/icon_44.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_45:before {background-image:url(../images2.0/mobile/layout/gnb/icon_45.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_46:before {background-image:url(../images2.0/mobile/layout/gnb/icon_46.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_47:before {background-image:url(../images2.0/mobile/layout/gnb/icon_47.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_48:before {background-image:url(../images2.0/mobile/layout/gnb/icon_48.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_49:before {background-image:url(../images2.0/mobile/layout/gnb/icon_49.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_50:before {background-image:url(../images2.0/mobile/layout/gnb/icon_50.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_51:before {background-image:url(../images2.0/mobile/layout/gnb/icon_51.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_52:before {background-image:url(../images2.0/mobile/layout/gnb/icon_52.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_53:before {background-image:url(../images2.0/mobile/layout/gnb/icon_53.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_54:before {background-image:url(../images2.0/mobile/layout/gnb/icon_54.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_55:before {background-image:url(../images2.0/mobile/layout/gnb/icon_55.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_56:before {background-image:url(../images2.0/mobile/layout/gnb/icon_56.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_57:before {background-image:url(../images2.0/mobile/layout/gnb/icon_57.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_58:before {background-image:url(../images2.0/mobile/layout/gnb/icon_58.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_59:before {background-image:url(../images2.0/mobile/layout/gnb/icon_59.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_60:before {background-image:url(../images2.0/mobile/layout/gnb/icon_60.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_61:before {background-image:url(../images2.0/mobile/layout/gnb/icon_61.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_62:before {background-image:url(../images2.0/mobile/layout/gnb/icon_62.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_63:before {background-image:url(../images2.0/mobile/layout/gnb/icon_63.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_64:before {background-image:url(../images2.0/mobile/layout/gnb/icon_64.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_65:before {background-image:url(../images2.0/mobile/layout/gnb/icon_65.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_66:before {background-image:url(../images2.0/mobile/layout/gnb/icon_66.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_67:before {background-image:url(../images2.0/mobile/layout/gnb/icon_67.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_68:before {background-image:url(../images2.0/mobile/layout/gnb/icon_68.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_69:before {background-image:url(../images2.0/mobile/layout/gnb/icon_69.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_70:before {background-image:url(../images2.0/mobile/layout/gnb/icon_70.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_topmenu_add:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_add.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_topmenu_cal:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_cal.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_topmenu_home:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_home.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_topmenu_mail:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_mail.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_topmenu_ndrive:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_ndrive.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_topmenu_office:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_office.png);}
.gnb-wrap .gnb-list .gnb-item .gnb-title.icon_topmenu_talk:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_talk.png);}



.gnb-wrap .gnb-list .gnb-item:hover .gnb-title {color:#fff;}
.gnb-wrap .gnb-list .gnb-item:hover .gnb-title:before {background-position:0 -19px;}
.gnb-wrap .depth1 {
	display:none;
	overflow:hidden;
	position:fixed;
	left:220px;top:0;bottom:50px;
	width:220px;
	box-sizing:border-box;
	border-right:1px solid #e5e5e5;
	background-color:#fafafa;
}
.gnb-wrap .gnb-list .gnb-item:hover .depth1 {display:block;z-index:15;}
.gnb-wrap .depth1 .scroll-area {
	overflow-y:scroll;
	height:100%;
	margin-right:-20px;
	box-sizing:border-box;
}
.gnb-wrap .sub-gnb .depth1 .scroll-area {padding-top:50px;}
.gnb-wrap .depth1 .depth-top {
	min-width:100%;
	border-bottom:1px solid #eaeaea;
}

.gnb-wrap .depth1 .depth-top .menu-box {
	margin:0 25px;
	padding-bottom:20px;
}
.gnb-wrap .depth1 .depth-top .menu-box .btn-text {width:172px;}

.gnb-wrap .depth1 .depth-top .menu-box .search-box1 + .btn-text {margin-top:5px;}

.gnb-wrap .depth1 .depth1-title {
	position:relative;
	height:63px;
	box-sizing:border-box;
}
.gnb-wrap .depth1 .depth1-title .text {
	position:absolute;
	left:35px;right:30px;top:50%;
	margin-top:-12px;
	color:#000;
	font-size:18px;
	font-weight:700;
	line-height:24px;
}
.gnb-wrap .depth1 .depth1-list {
	min-width:220px;
	overflow:hidden;
	box-sizing:border-box;
}
.gnb-wrap .depth1 .depth-top + .depth1-list {padding-top:15px;}
.gnb-wrap .depth1 .depth1-list .depth1-item {}
.gnb-wrap .depth1 .depth1-list .depth1-item .d-title {
	display:inline-block;
	min-width:220px;
	padding:12px 30px 12px 35px;
	box-sizing:border-box;
	color:#333;
	font-size:14px;
	line-height:10px;
	white-space:nowrap;
}
/* 하위 리스트가 있을경우 */
.gnb-wrap .depth1 .depth1-list .depth1-item.inList .d-title {
	position:relative;
	padding-right:50px;
}
.gnb-wrap .depth1 .depth1-list .depth1-item.inList .d-title .icon {
	position:absolute;
	right:16px;top:50%;
	width:28px;
	height:28px;
	background-color:#9da4ac;
	background-image:url(../images2.0/btn/btn_gnb_ico02.png);
	background-repeat:no-repeat;
	background-position:0 -28px;
	margin-top:-14px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.gnb-wrap .depth1 .depth1-list .depth1-item.inList.on .d-title .icon {background-position:0 0;}

.gnb-wrap .depth-list.top {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background-color:#f5f5f5;
	width:100%;
	padding:8px 0 8px 35px;
	box-sizing:border-box;
}
.gnb-wrap .depth-list .depth-list {
	position:relative;
	padding-left:22px;
	width:100%;
	background:url(../images2.0/bg/bg_dotted02.png) repeat-y 5px 0;
}
.gnb-wrap .depth-list .depth-list:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:8px;
	height:13px;
	background-color:#f5f5f5;
}
.gnb-wrap .depth-list .depth-item {
	white-space:nowrap;
}
.gnb-wrap .depth-list .depth-item .title {
	display:inline-block;
	position:relative;
	padding-right:10px;
	box-sizing:border-box;
	color:#666;
	font-size:13px;
	line-height:28px;
	white-space:nowrap;
}
.gnb-wrap .depth-list .depth-item.on > .title {
	color:#000;
	text-decoration:underline;
}
.gnb-wrap .depth-list .depth-list .depth-item .title:before {
	content:'';
	position:absolute;
	left:-16px;
	top:50%;
	width:9px;
	height:1px;
	background:url(../images2.0/bg/bg_dotted.png) repeat 0 50%;
}
.gnb-wrap .depth-list .depth-item .icon {
	display:inline-block;
	position:relative;
	width:28px;
	height:28px;
	font-size:0;
	text-indent:-9999px;
	vertical-align:top;
	line-height:0;
	cursor:pointer;
}
.gnb-wrap .depth-list .depth-item .icon:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:9px;
	height:9px;
	margin:-5px 0 0 -5px;
	background-color:#9da4ac;
	background-image:url(../images2.0/btn/btn_gnb_ico03.png);
	background-repeat:no-repeat;
	background-position:0 -9px;
}
.gnb-wrap .depth-list .depth-item.on > .icon:before {background-color:#000;background-position:0 0;}

/* 메뉴가 항상 열려있는 케이스 */
.gnb-wrap .depth1 .depth1-list .depth1-item.fix-open {}
.gnb-wrap .depth1 .depth1-list .depth1-item.fix-open.inList .d-title .icon {display:none;}
.gnb-wrap .depth1 .depth1-list .depth1-item.fix-open .depth-list.top {display:block !important;}
.gnb-wrap .depth1 .depth1-list .depth1-item.fix-open {}

/* 서브 gnb */
.btn-gnb-toggle {
	position:absolute;
	left:0;
	right:1px;
	top:50px;
	z-index:15;
	height:50px;
	min-width:219px;
	margin-top:-50px;
	cursor:pointer;
}
.btn-gnb-toggle .text {
	display:none;
	position:relative;
	padding-left:80px;
	background-color:#fff;
	color:#333;
	font-size:14px;
	font-weight:700;
	text-align:left;
	line-height:50px;
}
.btn-gnb-toggle .text.open {display:block;}
.btn-gnb-toggle.on .text.open {display:none;}
.btn-gnb-toggle.on .text.close {display:block;}
.btn-gnb-toggle .text:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:50px;
	height:22px;
	background-image:url(../images2.0/btn/btn_gnb_tog01.png);
	background-repeat:no-repeat;
	background-position:50% 0;
}
.btn-gnb-toggle.on .text:before {background-image:url(../images2.0/btn/btn_gnb_tog02.png);}
.btn-gnb-toggle .text .icon {
	position:absolute;
	left:55px;top:50%;
	width:20px;
	height:20px;
	margin-top:-10px;
	background-image:url(../images2.0/btn/btn_gnb_ico01.png);
	background-repeat:no-repeat;
	font-size:0;
	line-height:0;
}
.btn-gnb-toggle .text.open .icon {background-position:0 0;}
.btn-gnb-toggle .text.close .icon {background-position:0 -20px;}

.gnb-menu-box {
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:-100%;
	z-index:10;
	height:100%;
	padding:10px 0 25px;
	box-sizing:border-box;
	background-color:#fafafa;
}
.gnb-wrap .sub-gnb {
	overflow:hidden;
	position:absolute;
	left:0;
	right:-1px;
	top:0;
	bottom:0;
	min-width:220px;
	box-sizing:border-box;
	border-right:1px solid #e5e5e5;
	background-color:#fafafa;
}

.gnb-wrap .sub-gnb .depth1 {
	display:block;
	position:inherit;
	left:0 !important;
	right:0;
	top:0;
	bottom:0;
	width:auto;
	padding-top:0;
	border:0;
}


.gnb-type2.header .utill {right:140px;}
.gnb-type2.header .btn-search {
	right:70px;
}
.gnb-type2.header .btn-gnb {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:70px;
	border-left:1px solid #e5e5e5;
	background-image:url(../images2.0/mobile/btn/btn_gnb.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.header .gnb-utill {display:none;}
.gnb-type2.header .gnb-utill {display:block !important;}
.header .gnb-utill .gnb-sliding {
	display:none;
	left:-220px;
	top:70px;
	bottom:0;
	height:auto;
}
.header .gnb-utill .gnb-menu-box {
	display:block;
	top:0;
}
.header .gnb-utill .gnb-wrap .depth1 {top:70px;}

/* 트리 리스트 */
.tree-menu {
	position:relative;
	padding:10px 15px;
	box-sizing:border-box;
	border:1px solid #eee;
	background-color:#fff;
}
.tree-menu .tree-list {
	margin-left:-14px;
}
.tree-menu .tree-list li .link {position:relative;}
.tree-menu .tree-list li .link .icon {
	display:inline-block;
	position:absolute;
	left:14px;top:8px;
	z-index:2;
	width:17px;
	height:15px;
	background-image:url(../images2.0/ico/ico_tree.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.tree-menu .tree-list li .link.on .icon {background-position:0 -15px;}
.tree-menu .tree-list li li .link .icon {left:29px;}
.tree-menu .tree-list li .link .text {
	display:inline-block;
	padding-top:6px;
	padding-bottom:6px;
	color:#333;
}
.tree-menu .tree-list li .link .text:hover {text-decoration:underline;}
.tree-menu .tree-list li .link .icon + .text {padding-left:23px;}
.tree-menu .tree-list li li .link .icon + .text {
	position:relative;
	padding-left:16px;
}
.tree-menu .tree-list li li .link .icon + .text:before {
	display:none;
	content:'';
	position:absolute;
	left:1px;top:11px;bottom:3px;
	width:1px;
	background:url(../images2.0/bg/bg_tree01.png) repeat-y 0 0;
}
.tree-menu .tree-list li li .link.on .icon + .text:before {display:block;}

.tree-menu .tree-list ul {
	position:relative;
	padding-left:8px;
}
.tree-menu .tree-list ul:before {
	content:'';
	position:absolute;
	left:22px;top:-8px;bottom:0;
	width:1px;
	background:url(../images2.0/bg/bg_tree01.png) repeat-y 0 0;
}
.tree-menu .tree-list ul ul:before {left:36px;bottom:0px;}

.tree-menu .tree-list ul ul {padding-left:22px;}
.tree-menu .tree-list li li .link {
	padding-left:35px;
	background:url(../images2.0/bg/bg_tree02.png);
	background-repeat:no-repeat;
	background-position:14px 15px;
}
.tree-menu .tree-list > li > .link {padding-left:14px;}

.tree-menu .tree-list li li {position:relative;}
.tree-menu .tree-list li li:last-child:before {
	content:'';
	position:absolute;
	left:0;
	top:16px;
	bottom:0;
	width:16px;
	background-color:#fff;
}
/*
.sub-gnb .tree-menu .tree-list li li:last-child:before {background-color:#fafafa;}
*/
.sub-gnb .tree-menu .tree-list.user li .link .icon {background-image:url(../images2.0/ico/ico_tree04.png);}

/* 서브메인 트리 리스트 */
.sub-gnb .tree-menu-box {
	position:relative;
	z-index:5;
	margin-bottom:-1px;
	padding:0 25px;
	background-color:#fafafa;
}
.sub-gnb .tree-menu {padding:12px 20px;}
.tree-menu .tree-list ul ul {display:none;}
.sub-gnb .tree-menu .tree-list > li > .link .text {padding-left:0;}
.sub-gnb .tree-menu .tree-list > li > .link .icon {display:none;}
.sub-gnb .tree-menu .tree-list li li .link .text {color:#666;}

/* 트리 컨텍스트메뉴 */
.contextmenu {
	display:none;
	position:absolute;
	z-index:5;
	width:150px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background-color:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,.1);
}
.contextmenu .list {padding:13px 20px;}
.contextmenu .list li {}
.contextmenu .list li a {
	display:block;
	padding:4px 0;
}
.contextmenu .list li a:hover {
	color:#333;
	text-decoration:underline;
}

.sub-gnb .bottom-menu {
	padding:30px 0 10px;
	border-top:1px solid #e5e5e5;
}
.sub-gnb .bottom-menu +.bottom-menu {
	border-top:0;
	padding-top:10px;
}
.sub-gnb .bottom-menu .menu-title {
	padding:15px 30px 15px 35px;
	border-top:1px solid #e5e5e5;
	color:#333;
	font-size:14px;
	font-weight:700;
}
.sub-gnb .bottom-menu .menu-list {
	padding:0 28px 14px;
	border-bottom:1px solid #e5e5e5;
}
.sub-gnb .bottom-menu .menu-item {}
.sub-gnb .bottom-menu .menu-item a {
	display:block;
	position:relative;
	padding:2px 0 3px 18px;
}
.sub-gnb .bottom-menu .menu-item:hover a,
.sub-gnb .bottom-menu .menu-item.on a {color:#333;text-decoration:underline;}
.sub-gnb .bottom-menu .menu-item a:before {
	content:'';
	position:absolute;
	left:7px;top:50%;
	width:3px;
	height:3px;
	margin-top:-2px;
	background-color:#9da4ac;
}
.sub-gnb .bottom-menu .btn-text {
	display:block;
	margin:10px 28px 0;
	color:#333;
}
.sub-gnb .bottom-menu .btn-more {
	text-align:center;
	width:100%;
	height:32px;
	background-color:#fff;
	border-bottom:1px solid #e5e5e5;
}

/* ===========================================================================
	트리 (기존유지)
=========================================================================== */
.jstree {}
.jstree li {
	position:relative;
	padding-left:33px;
}
.jstree ul {
	position:relative;
}
.jstree ul:before {
	content:'';
	position:absolute;
	left:10px;top:0;bottom:15px;
	width:1px;
	border-left:1px dotted #bbb;
}
.jstree > ul:before {
	display:none;
}

.jstree a {
	display:inline-block;
	min-width:80%;
	padding-right:20px;
	line-height:27px;
	white-space:nowrap;
}
.jstree .jstree-icon {
	font-size:0;
	vertical-align:top;
	line-height:0;
	position:absolute;
	left:10px;top:0;
	width:20px;
	height:30px;
	background:url(../images2.0/bg/bg_tree_dot.png) no-repeat -1px 50%;
}
.jstree .jstree-clicked { font-weight:bold; color:#ff5349 !important;}
.jstree .jstree-last a .jstree-icon {
	background:url(../images2.0/bg/bg_tree_dot_last.png) no-repeat -1px 50%;
}
.jstree .jstree-icon.dept {display:none;}
.jstree .jstree-icon.account {display:none;}
.jstree .jstree-icon.service {display:none;}
.jstree-closed > .jstree-icon,
.jstree-open > .jstree-icon {
	display:inline-block;
	position:absolute;
	left:0;top:0;
	width:20px;
	height:30px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.jstree-closed > .jstree-icon {
	background-image:url(../images2.0/ico/ico_tree_off.png);
}
.jstree-open > .jstree-icon {
	background-image:url(../images2.0/ico/ico_tree_on.png);
}
.jstree-last.jstree-open:before {
	content:'';
	position:absolute;
	left:0;top:15px;bottom:0;
	width:20px;
	background-color:none;
}

.jstree-closed > ul {display:none;}/* 180423 추가 */

.gnb-tree-menu {
	overflow-x:auto;
	position:absolute;
	left:0;
	right:-17px;
	top:114px;
	bottom:0;
	padding:25px 20px;
}
.gnb-tree-menu .jstree-last.jstree-open:before {background-color:#fafafa;}

/* ===========================================================================
	태깅
=========================================================================== */
.tagging-box {
	position:relative;
	border:1px solid #e5e5e5;
	min-height:35px;
	box-sizing:border-box;
}
.tagging-box .fake-placeholder {
	position:absolute;
	left:0;
	top:0;
	padding:5px 14px;
	color:#bbb;
	line-height:23px;
}
.tagging-box .tagging {
	overflow:hidden;
	position:relative;
	margin:-5px 0 0 -5px;
	padding:5px 14px;
}
.tagging-box .tagging .tag {
	float:left;
	position:relative;
	height:23px;
	margin:5px 0 0 5px;
	padding:0 20px 0 8px;
	box-sizing:border-box;
	border:1px solid #d2eaff;
	background-color:#e0f1ff;
	color:#333;
	font-size:12px;
	line-height:21px;
}
.tagging-box .tagging .tag span {display:none;}
.tagging-box .tagging .type-zone {
	float:left;
	height:23px;
	margin:5px 0 0 5px;
	border:0;
	background-color:transparent;
	line-height:23px;
}
.tagging-box .tagging .tag .tag-i {
	position:absolute;
	right:0;top:0;bottom:0;
	width:20px;
	background:url(../images2.0/btn/btn_del.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
}

/* 기존 태깅 */
.tagging-area {
	position:relative;
	border:1px solid #e5e5e5;
	min-height:35px;
	box-sizing:border-box;
}
.tagging-area .tagsinput {
	overflow:hidden;
	position:relative;
	margin:-5px 0 0 -5px;
	padding:5px 14px;
}
.tagging-area .tagsinput .tag {
	float:left;
	position:relative;
	height:23px;
	margin:5px 0 0 5px;
	padding:0 20px 0 8px;
	box-sizing:border-box;
	border:1px solid #d2eaff;
	background-color:#e0f1ff;
	color:#333;
	font-size:12px;
	line-height:21px;
}
.tagging-area .tagsinput .tag a {
	position:absolute;
	right:0;top:0;bottom:0;
	width:20px;
	background:url(../images2.0/btn/btn_del.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
}
.tagging-area input {
	float:left;
	height:23px;
	margin:5px 0 0 5px;
	border:0;
	background-color:transparent;
	line-height:23px;
}
.tagging-area .tags_clear {display:none;}

/* ===========================================================================
	테이블
=========================================================================== */
/* 리스트 테이블 */
.board-list1 {border-top:1px solid #eee;}
.board-list1 table {
	width:100%;
	border-bottom:1px solid #eee;
}
.board-list1 table caption {display:none;}
.board-list1 table tbody tr:hover td {
	background-color:#fafafa;
	-webkit-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.board-list1 table thead th {
	height:46px;
	font-size:14px;
	color:#333;
	font-weight:700;
}
.board-list1 table thead th.title {padding-left:70px;}

.btn-sorting {
	position:relative;
	padding-right:13px;
	color:#333;
	font-size:14px;
	font-weight:700;
}
.btn-sorting .icon {
	display:block;
	position:absolute;
	right:0;top:50%;
	width:7px;
	height:5px;
	margin-top:-3px;
	background-color:#9da4ac;
	background-image:url(../images2.0/btn/btn_sorting.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.btn-sorting.up .icon.bgColor {background-position:0 -5px;}


.board-list1 table td {
	padding:10px 0;
	color:#666;
	font-size:13px;
	text-align:center;
	line-height:21px;
	border-top:1px solid #eee;
	word-wrap:break-word;
}
.board-list1 table td.subject {padding:0;}
.board-list1 table tbody td.subject {padding:0 0 0 20px;text-align:left;}
.board-list1 table tbody td.subject .link {
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
	padding:10px 30px 10px 0;
	color:#333;
	text-align:left;
	box-sizing:border-box;
}
.board-list1 table td.subject .link span {vertical-align:middle;}
.board-list1 table td.subject .link .ico-reply {display:inline-block;margin-top:-5px;padding-right:6px;}
.board-list1 table td.subject .tit {
	display:inline-block;
	max-width:98%;
	padding-right:1px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle;
}
.board-list1 table td.subject .tit .ico-flag,
.thumb-list1 .txt-area .title .tit .ico-flag {margin-right:6px;}
.ico-flag {
	display:inline-block;
	height:15px;
	padding:0 5px;
	color:#fff;
	font-weight:700;
	font-size:10px;
	text-decoration:none !important;
	vertical-align:middle;
	line-height:15px;
}
.ico-flag.new {background-color:#ff5349}
.ico-flag.up {background-color:#26a7f5}

.board-list1 table td.subject .link .reply {position:absolute;}
.board-list1 table .important td.subject .link {font-weight:700;}
.board-list1 table td.subject .link:hover span {text-decoration:underline;}
.board-list1 table .checkWrap,
.board-list1 table img {vertical-align:middle;}
.board-list1 table td .icon-important {
	display:inline-block;
	width:44px;height:24px;
	font-size:12px;
	text-align:center;
	background-color:#fff;
	border:1px solid;
	box-sizing:border-box;
}
.board-list1 table td .indent_1 { padding:0 5px 0 22px; background:url(../images/icon/ic_reply_ar_b.gif) no-repeat 10px 4px; }
.board-list1 table td .indent_2 { padding:0 5px 0 32px; background:url(../images/icon/ic_reply_ar_b.gif) no-repeat 20px 4px; }
.board-list1 table td .indent_3 { padding:0 5px 0 42px; background:url(../images/icon/ic_reply_ar_b.gif) no-repeat 30px 4px; }
.board-list1 table td .indent_4 { padding:0 5px 0 52px; background:url(../images/icon/ic_reply_ar_b.gif) no-repeat 40px 4px; }
.board-list1 table td .indent_5 { padding:0 5px 0 62px; background:url(../images/icon/ic_reply_ar_b.gif) no-repeat 50px 4px; }

.board-list1 .subject .ico-urgency,
.board-list1 .subject .ico-entrust,
.board-list1 .subject .ico-defer {
	position:absolute;
	top:50%;
	margin:-10px 0 0 7px;
}

.board-list1 .btn-type td a,
.board-list1 .btn-type td.status {
	cursor:pointer;
}
.board-list1 .btn-type.on td {background-color:#fafafa;}

.board-list1 .layer-type {}
.board-list1 .layer-type > td {
	padding:0;
	border:0;
}
.board-list1 .layer-type td .layer-box {
	display:none;
	padding:20px 20px 35px;
	background-color:#fafafa;
}
.board-list1 .layer-type table th,
.board-list1 .layer-type table td {
	background-color:#fff !important;
	font-size:13px;
}
.board-list1 .layer-type table th {height:43px;}
.board-list1 .layer-type table td {padding:10px 5px;}

.board-list1 .layer-type .tab-list1 {margin:0;}
.board-list1 .layer-type .scroll-x-area {
	position:relative;
	margin:-1px 0 0;
	border:1px solid #e5e5e5;
	border-bottom:0;
}


.sorting-area + .list-view .board-list1,
.sorting-area + .list-view .list-type .board-list1 {border-top:0;}

.list-view .board-list4 tr th{
	color:#FFF !important;
	background-color:#6E737F !important;
}

/* 리스트(통계) 테이블 */
.board-list3 {border:1px solid #eee;}
.board-list3 .title {
	background-color:#fafafa;
	font-weight:700;
	color:#333;
}
.board-list3 table {width:100%;}
.board-list3 table caption {display:none;}
.board-list3 table thead th {
	padding:10px 0;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:14px;
	color:#333;
}
.board-list3 table thead th:first-child {
	border-right:1px solid #eee;
	border-left:0;
	border-bottom:1px solid #eee;
}
.board-list3 table thead th:last-child {border-right:0}
.board-list3 table thead tr:first-child th {font-weight:700;}

.board-list3 table tfoot td {
	background-color:#fafafa;
	padding:10px 0;
	color:#333;
	font-size:13px;
	font-weight:700;
	text-align:center;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
}
.board-list3 table tfoot td:first-child {border-left:0}
.board-list3 table tfoot tr:last-child td {border-bottom:0}

.board-list3 table tbody td {
	padding:10px 0;
	color:#666;
	font-size:13px;
	text-align:center;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	background-color:#fff;
}
.board-list3 table tbody td:first-child {border-left:0}
.board-list3 table tbody tr:last-child td {border-bottom:0}

.board-list4 {}
.board-list4 table {width:100%;}
.board-list4 table caption {display:none;}
.board-list4 table thead th {
	padding:10px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:13px;
	color:#333;
	font-weight:normal;
}
.board-list4 table tbody tr:first-child td {padding-top:25px}
.board-list4 table tbody td {
	padding:10px 20px;
	color:#666;
	font-size:13px;
	text-align:center;
	box-sizing:border-box;
}
.board-list4 table tbody td:nth-child(2),
.board-list4 table tbody td:nth-child(3) {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle;
}
.board-list4 table tbody td:last-child {padding:8px 0}
.board-list4 table tbody td.subject {text-align:left;}
.board-list4 table tbody td .state1 {color:#26a7f5}
.board-list4 table tbody td .state2 {color:#555}
.board-list4 table tbody td .state3 {color:#ff5349}
.board-list4 table tbody td .state4 {color:#ff5349}
.board-list4 table tbody td .state5 {color:#ff8549}

.board-list4 table td.subject .tit {
	display:inline-block;
	max-width:98%;
	padding-right:1px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle;
}


/* 쓰기 테이블 */
.board-write1 {
	margin:0 20px;
	border-top:0px solid #eee;
	border-bottom:1px solid #eee;
	margin-bottom: 18px;

}
.board-write1 .important,
.board-write2 .important {
	margin-left:4px;
	color:#ff5349;
}
.board-write1 thead th {
	height:35px;
	padding:18px 30px;
	text-align:center;
	border-bottom:1px solid #eee;
	box-sizing:border-box;
}
.board-write1 th,
.board-write1 td {
	height:46px;
	border-top:1px solid #f5f5f5;
	box-sizing:border-box;
}
.board-write1 tr:first-child th,
.board-write1 tr:first-child td {border-top:0;}

.board-write1 th {
	color:#333;
	font-size:14px;
	text-align:left;
}
.board-write1 tbody th {padding:0;}
.board-write1 td {
	height:46px;
	padding:8px 30px;
	border-top:1px solid #f5f5f5;
	box-sizing:border-box;
}

.board-write1 tr th:first-child, .board-write1 tr td:first-child{padding-left: 15px;}

.board-write1 .empty th {display:none;}
.board-write1 .empty td {
	border:0;padding:0;
}
.board-write1 .empty + tr th,
.board-write1 .empty + tr td {
	border-top:0;
}
.board-write1 .text-notice {
	margin-top:6px;
	color:#999;
	font-size:12px;
}
.board-write1 .input-area {
	position:relative;
	padding-right:88px;
}
.board-write1 .input-area input[type="text"] {
	width:100%;
}
.board-write1 .input-area .btn-text {
	position:absolute;
	right:0;
	top:0;
}


.board-write1 .bdT0 th,
.board-write1 .bdT0 td {border-top:0;}
.board-write1 .leftRightCenterLine{border-left:1px solid #eee;border-right:1px solid #eee;text-align:center;}
.board-write1 .leftRightLine{border-left:1px solid #eee;border-right:1px solid #eee;}
.board-write1 .rightLine{border-right:1px solid #eee}
.board-write2 {}

.board-write2 table {border-bottom:1px solid #eee;background-color:#fff;}
.board-write2 tbody {}
.board-write2 th,
.board-write2 td {
	height:30px;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	text-align:center;
}
.board-write2 thead th {
	padding:10px 0;
	color:#333;
	font-size:14px;
	font-weight:700;
}
.board-write2 td {padding:5px 15px;}
.board-write2 thead th .th-box {
	position:relative;
	height:21px;
}
.board-write2 thead th .th-box .th-text1 {
	position:absolute;
	left:15px;top:0;
}
.board-write2 thead th .th-box .th-text2 {
	position:absolute;
	right:15px;top:0;
}

.board-write2 .pdA0 th,
.board-write2 .pdA0 td {padding-left:0;padding-right:0;}
.board-write2 th:first-child{
	border-left:0;
	border-right:1px solid #eee;
}
.board-write2 td:first-child {border-left:0;}
.board-write2 th.bdL,
.board-write2 td.bdL {border-left:1px solid #eee;}
.board-write2 th.bdL0,
.board-write2 td.bdL0 {border-left:0;}
.board-write2 table tr .left {padding-left:15px;text-align:left;}
.board-write2 table tr .left.edit {padding-right:15px;}
.board-write2 table tr .right {padding-right:15px;text-align:right;}
.board-write2 table tr .pdL {padding-left:8px;}
.board-write2 table tr .pdR {padding-right:8px;}

.board-write2.type2 th {
	text-align:left;
	padding-left:15px;
	font-weight:400;
	background-color:#fafafa;
}
.board-write2.type2 td {text-align:left;}
.board-write2 table tr .date-text.right {padding:0;text-align:left;}

.board-write2	{margin-bottom: 5px;}
.board-write2 .date-area.special .date-text {margin-right:5px;margin-bottom: 5px;}
.board-write2 .date-area.special .btn-del {height:35px;}


.board-write3 {border:1px solid #eee;}
.board-write3 th {
	padding-left:30px !important;
	border-right:1px solid #eee;
	border-top:1px solid #eee;
	color:#333;
	font-size:14px;
	text-align:left;
}
.board-write3 td{border-top:1px solid #eee;}

.board-write3 td:first-child {border-top:0}

/* 보기 테이블 */
.board-view1 {
	margin:0 20px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.board-view1 > ul > li {
	width:100%;
	padding:15px 10px;
	min-height:39px;
	border-top:1px solid #eee;
	box-sizing:border-box;
}
.board-view1 > ul > li:first-child {border-top:none;}
.board-view1 .tit-wrap {position:relative;}
.board-view1 .tit-wrap:after {content:'';display:block;clear:both;}
.board-view1 .tit-wrap .left-box {position:relative;}
.board-view1 .tit-wrap .left-box p {
	padding-right:320px;
	font-weight:700;
	color:#333;
	font-size:14px;
}
.board-view1 .tit-wrap .right-box {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-15px;
}
.board-view1 .tit-wrap .right-box .left {display:inline-block;}
.board-view1 .tit-wrap .right-box .left .icon02 {margin-right:3px;}
.board-view1 .tit-wrap .right-box .left button span {
	height:30px;
	line-height:28px;
	font-size:12px;
}
.board-view1 .tit-wrap .right-box .right button {height:30px;}
.board-view1 .right {
	position:relative;
	display:inline-block;
	margin-left:13px;
}
.board-view1 .right .icon02 {margin-left:-4px;}
.board-view1 .right .icon02.on + .tooltip {display:block;}
.board-view1 .right .tooltip {
	display:none;
	position:absolute;
	top:29px;
	left:35px;
	width:105px;
	padding:20px;
	border:1px solid #eee;
	background-color:#fff;
	box-sizing:border-box;
	z-index:10;
}
.board-view1 .right .tooltip li {margin-top:9px;}
.board-view1 .right .tooltip li:first-child {margin-top:0;}
.board-view1 .info-wrap {position:relative;}
.board-view1 .info-wrap:after {content:'';display:block;clear:both;}
.board-view1 .info-wrap .left-box {float:left;}
.board-view1 .info-wrap .left-box ul {overflow:hidden;}
.board-view1 .info-wrap .left-box ul li {
	position:relative;
	float:left;
	margin-left:12px;
	padding-left:12px;
	font-size:12px;
}
.board-view1 .info-wrap .left-box ul li:first-child {
	margin-left:0;
	padding-left:0;
}
.board-view1 .info-wrap .left-box ul li:before {
	content:'';
	width:1px;
	height:11px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	background-color:#eee;
}
.board-view1 .info-wrap .left-box ul li:first-child:before {display:none;}
.board-view1 .info-wrap .right-box {float:right;}
.board-view1 .info-wrap .right-box .btn-attach {
	position:relative;
	font-size:12px;
	padding-right:15px;
	vertical-align:top;
}
.board-view1 .info-wrap .right-box .btn-attach.on {
	font-weight:700;
}
.board-view1 .info-wrap .right-box .btn-attach:before {
	content:'';
	width:7px;
	height:4px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-2px;
	background:url(../images2.0/ico/ico_down.png) no-repeat 0 0;
}
.board-view1 .info-wrap .right-box .btn-attach.on:before {transform:rotate(180deg);}
.board-view1 .info-wrap .right-box .btn-attach.on + .attach-list {display:block;}
.board-view1 .info-wrap .right-box .attach-list {
	display:none;
	position:absolute;
	right:10px;
	top:45px;
	background-color:#fff;
	border:1px solid #e5e5e5;
	padding:20px 30px;
	z-index : 10;
}
.board-view1 .info-wrap .right-box .attach-list li {text-align:right;}
.board-view1 .info-wrap .right-box .attach-list li a {
	background:url(../images2.0/ico/ico_file2.png) no-repeat left center;
	padding-left:14px;
}
.board-view1 .info-wrap .right-box .attach-list li a:hover {
	color:#333;
	text-decoration:underline;
}
.board-view1 .cont-wrap .cont {padding:15px 0 30px}
.board-view1 .cont-wrap .cont img {max-width:100%;}
.board-view1 .cont-wrap .tag-wrap {position:relative;}
.board-view1 .cont-wrap .tag-wrap .input-area {
	width:100%;
	padding-right:173px;
	box-sizing:border-box;
}
.board-view1 .cont-wrap .tag-wrap .btn-area {
	position:absolute;
	right:0;top:0;
	font-size:0;
}
.board-view1 .cont-wrap .tag-wrap .btn-area .btn-text + .btn-text {margin-left:6px;}
.board-view1 .cont-wrap .tag-wrap .tag-modify {
	display:none;
	position:relative;
	padding-left:64px;
}
.board-view1 .cont-wrap .tag-wrap.modify .tag-modify {display:block;}
.board-view1 .cont-wrap .tag-wrap.modify .tag-list {display:none;}
.board-view1 .cont-wrap .tag-wrap .tit {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:46px;
	height:35px;
	padding-right:3px;
	line-height:35px;
	background-image:url(../images2.0/bg/bg_tag.png);
	background-position:right top;
	background-repeat:no-repeat;
	color:#fff;
	font-size:12px;
	text-align:center;
	line-height:35px;
	box-sizing:border-box;
}
.board-view1 .cont-wrap .tag-wrap .tag-list {
	overflow:hidden;
	min-height:35px;
	padding-left:64px;
	line-height:35px;
}
.board-view1 .cont-wrap .tag-wrap .tag-list .tag {display:inline-block;}
.board-view1 .cont-wrap .tag-wrap .tag-list .tag:after {
	content:',';
	display:inline-block;
	margin-right:4px;
}
.board-view1 .cont-wrap .tag-wrap .tag-list .tag:last-child:after {display:none;}
.board-view1 .cont-wrap .tag-wrap .tag-list .btn-icon {margin-left:3px;}

.board-view2 {border:1px solid #e5e5e5;}
.board-view2 table {background-color:#fff;}
.board-view2.type2 tr th:first-child {border-left:1px solid #eee}
.board-view2 th {
	min-height:55px;
	padding:8px 20px;
	background-color:#fafafa;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:14px;
	color:#333;
	text-align:left;
	box-sizing:border-box;
}
.board-view2 tr th:first-child {border-left:0}
.board-view2 tr:last-child th,
.board-view2 tr:last-child td {border-bottom:0;}
.board-view2 td {
	position:relative;
	min-height:55px;
	padding:8px 20px;
	border-bottom:1px solid #eee;
	font-size:13px;
	color:#666;
	box-sizing:border-box;
}
.board-view2 th .btn-text.sm {
	vertical-align:baseline;
	margin-left:5px;
}
.board-view2 .btn-attach {
	position:relative;
	font-size:12px;
	padding-right:15px;
	vertical-align:top;
}
.board-view2 .btn-attach.on {
	font-weight:700;
}
.board-view2 .btn-attach:before {
	content:'';
	width:7px;
	height:4px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-2px;
	background:url(../images2.0/ico/ico_down.png) no-repeat 0 0;
}
.board-view2 .btn-attach.on:before {transform:rotate(180deg);}

.board-view2 .btn-attach.on + .attach-list {
	display:block;
	z-index:10;
}
.board-view2 .attach-list {
	display:none;
	position:absolute;
	left:20px;
	top:45px;
	background-color:#fff;
	border:1px solid #e5e5e5;
	padding:20px 30px;
}
.board-view2 .attach-list li a {
	background:url(../images2.0/ico/ico_file2.png) no-repeat left center;
	padding-left:14px;
}
.board-view2 .attach-list li a:hover {
	color:#333;
	text-decoration:underline;
}
.board-view2 .attach-list2 a {
	color:#333;
	text-decoration:underline;
	line-height:24px;
}

.board-view2 table td .indent_1 { padding:0 5px 0 22px; background:url(../images/icon/ic_reply_ar_b.gif) no-repeat 10px 4px; }

.board-view2 table td .icon-important {
	display:inline-block;
	width:55px;height:24px;
	font-size:12px;
	text-align:center;
	background-color:#fff;
	border:1px solid;
	box-sizing:border-box;
}

.board-view3 {border:1px solid #e5e5e5}
.board-view3 th {
	min-height:55px;
	padding:8px 20px;
	background-color:#fafafa;
	 border-right:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:14px;
	color:#333;
	text-align:center;
	box-sizing:border-box;
}
.board-view3 th:first-child {
	border-right:1px solid #eee;
	border-left:0;
	border-bottom:0;
}
.board-view3 th:last-child {border-right:0}

.board-view3 td {
	position:relative;
	min-height:55px;
	padding:8px 20px;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	font-size:13px;
	color:#666;
	text-align:center;
	box-sizing:border-box;
}
.board-view3 td:first-child {border-left:0}
.board-view3 tr:last-child td {border-bottom:0}



.board-view4 {border:1px solid #e5e5e5;}
.board-view4 table {background-color:#fff;}
.board-view4 th {
	min-height:55px;
	padding:8px 20px;
	background-color:#fafafa;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:14px;
	color:#333;
	text-align:left;
	box-sizing:border-box;
}
.board-view4 tr th:first-child {border-left:0}
.board-view4 td tabale {	border-left:1px solid red;}
.board-view4 tr:last-child th,
.board-view4 tr:last-child td {border-bottom:0;}
.board-view4 td {
	position:relative;
	/* min-height:55px; */
	padding:8px 20px;
	border-bottom:1px solid #eee;
	font-size:13px;
	color:#666;
	box-sizing:border-box;
}
.board-view4 th .btn-text.sm {
	vertical-align:baseline;
	margin-left:5px;
}
.board-view4 .btn-attach {
	position:relative;
	font-size:12px;
	padding-right:15px;
	vertical-align:top;
}
.board-view4 .btn-attach.on {
	font-weight:700;
}
.board-view4 .btn-attach:before {
	content:'';
	width:7px;
	height:4px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-2px;
	background:url(../images2.0/ico/ico_down.png) no-repeat 0 0;
}
.board-view4 .btn-attach.on:before {transform:rotate(180deg);}

.board-view4 .btn-attach.on + .attach-list {
	display:block;
	z-index:10;
}
.board-view4 .attach-list {
	display:none;
	position:absolute;
	left:20px;
	top:45px;
	background-color:#fff;
	border:1px solid #e5e5e5;
	padding:20px 30px;
}
.board-view4 .attach-list li a {
	background:url(../images2.0/ico/ico_file2.png) no-repeat left center;
	padding-left:14px;
}
.board-view4 .attach-list li a:hover {
	color:#333;
	text-decoration:underline;
}
.board-view4 .attach-list2 a {
	color:#333;
	text-decoration:underline;
	line-height:24px;
}



.board-view5 {
	border-top:0px solid #eee;
}
.board-view5 .important {
	margin-left:4px;
	color:#ff5349;
}
.board-view5 thead th {
	height:35px;
	padding:5px 10px;
	text-align:left;
	box-sizing:border-box;
}
.board-view5 th,
.board-view5 td {
	height:35px;
	text-align:left;
	box-sizing:border-box;
}


#editorDivTable {width:100%;}

.contentsBody {
	padding-bottom:30px;
	border-bottom:1px solid #eee;
}

.contentsBody ol{margin-left:40px; list-style-type:decimal !important;}
.contentsBody ol li{list-style-type:decimal !important; padding-left:8px;}

.contentsBody ul{margin-left:30px; list-style:inside !important;}
.contentsBody ul li{list-style:inside !important;}

.__se_tbl {width:auto;}

.app-wrap .cont {
	position:relative;
	margin-top:30px;
	padding-bottom:105px;
	padding-left:20px;
}
.app-wrap .cont .attach-list {
	position:relative;
	margin-top:50px;
	padding-left:35px;
}
.app-wrap .cont .attach-list span {
	position:absolute;
	left:0;
	top:0;
}
.app-wrap .cont .cont-bottom {
	height:72px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.app-wrap .cont .cont-bottom .left {
	display:inline-block;
	color:#999;
}
.app-wrap .cont .cont-bottom .left img {vertical-align:middle;}
.app-wrap .cont .cont-bottom .right {
	position:absolute;
	right:20px;
	bottom:0;
	font-size:14px;
	color:#333;
}
.app-wrap .cont .cont-bottom .right span {
	display:inline-block;
	padding-top:13px;
	font-weight:700;
}

.app-wrap .sub-tit {
	padding:36px 0 15px;
	font-size:16px;
	color:#333;
}

.reply-wrap {
	position:relative;
	margin:40px 20px 0 20px;
	padding:15px 20px 15px 20px;
	background-color:#fafafa;
}
.reply-wrap .btn-reply {
	display:inline-block;
	position:absolute;
	right:15px;top:24px;
	height:24px;
	padding:0 27px 0 10px;
	background:url(../images2.0/btn/btn_reply_off.png) no-repeat 100% 50%;
	font-size:12px;
	line-height:24px;
	cursor:pointer;
}
.reply-wrap .btn-reply .on {display:none;}
.reply-wrap .btn-reply.on {background:url(../images2.0/btn/btn_reply_on.png) no-repeat 100% 50%;}
.reply-wrap .btn-reply.on .off {display:none;}
.reply-wrap .btn-reply.on .on {display:block;}
.app-wrap .reply-wrap {
	margin:0;
	padding:29px 30px 30px 30px;
}

.reply-wrap .tit {font-size:14px;font-weight:700;}
.reply-wrap .input-area {
	display:none;
	position:relative;
	margin-top:15px;
}
.reply-wrap .input-area .text-wrap {
	width:100%;
	height:90px;
	padding-right:105px;
	box-sizing:border-box;
}
.reply-wrap .input-area textarea {width:100%;height:100%;}
.reply-wrap .input-area .btn-area {
	position:absolute;
	right:0;top:0;
}

.reply-wrap .reply-list {overflow:hidden;}
.reply-wrap .reply-list > ul > li {
	padding:10px 0;
	border-top:1px solid #eee;
}
.reply-wrap .reply-list li:first-child {border-top:none}
.reply-wrap .reply-list .user {
	float:left;
	position:relative;
	z-index:5;
}
.reply-wrap .reply-list .user:after {
	content:'';
	display:block;
	clear:both;
}
.reply-wrap .reply-list .img-area {
	overflow:hidden;
	float:left;
	width:34px;
	height:34px;
	border-radius:50%;
	font-size:0;
	line-height:0;
}
.reply-wrap .reply-list .img-area img {width:100%;height:100%;}
.reply-wrap .reply-list .name {
	float:left;
	margin-left:20px;
	font-size:13px;
	color:#333;
	font-weight:700;
	line-height:34px;
}
.reply-wrap .reply-list .info-wrap .info-list {position:relative;overflow:hidden;}
.reply-wrap .reply-list .info-wrap .info-list .date {
	position:relative;
	color:#999;
	float:left;
	line-height:34px;
	margin-left:12px;
	padding-left:12px;
}

.reply-wrap .reply-list .text-area {margin-left:54px;}

.reply-wrap .reply-list .info-wrap .info-list ul {overflow:hidden;}
.reply-wrap .reply-list .info-wrap .info-list li {
	position:relative;
	float:left;
	margin-left:12px;
	padding-left:12px;
	line-height:34px;
	color:#999;
}
.reply-wrap .reply-list .info-wrap .info-list li:before,
.reply-wrap .reply-list .info-wrap .info-list .date:before {
	content:'';
	width:1px;
	height:11px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	background-color:#eee;
}
.reply-wrap .reply-list .info-wrap .info-list li button {color:#999}
.reply-wrap .reply-list .input-area {margin-top:0}
.reply-wrap .reply-list .input-area .text-wrap {
	padding-left:53px;
}
.reply-wrap .reply-list .input-area .text-wrap.type2{
	padding-right:0;
	height:inherit;
}
.reply-wrap .reply-list .input-area .btn-area button {display:block;}
.reply-wrap .reply-list .input-area .btn-area button:first-child {margin-bottom:10px}

.reply-area {margin:35px 50px 50px;}
.reply-area .tit {font-size:14px;font-weight:700;line-height:43px;}
.reply-area ul {border-top:1px solid #eee;}
.reply-area ul li {overflow:hidden;border-bottom:1px solid #eee;}
.reply-area ul li .subject {overflow:hidden;float:left;width:50%;padding-left:20px;font-size:13px;color:#333;line-height:53px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;}
.reply-area ul li.reply .subject .ico-reply {padding:0 6px 0 10px;}
.reply-area ul li .reply-info {float:right;width:50%;}
.reply-area ul li .reply-info span {float:left;width:20%;text-align:center;line-height:53px;font-size:13px;color:666;}

.page-wrap {
	margin:20px 20px 0 20px;
	border-bottom:1px solid #eee;
}
.page-wrap ul li {
	position:relative;
	overflow:hidden;
	min-height:19px;
	padding:10px 10px;
	border-top:1px solid #eee;
}
.page-wrap ul li span,
.page-wrap ul li a {
	display:block;
	position:relative;
	min-height:19px;
	color:#333;
}
.page-wrap ul li .tit {
	width:85px;
	position:absolute;
}
.page-wrap ul li .cont {
	overflow:hidden;
	position:absolute;
	left:0;
	top:10px;
	width:100%;
	min-height:19px;
	padding-left:85px;
	padding-right:220px;
	box-sizing:border-box;
	color:#333;
	font-weight:700;
	line-height:19px;
}
.page-wrap ul li .cont:hover span {text-decoration:underline;}
.page-wrap ul li .cont .cont-tit {
	display:inline-block;
	max-width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.page-wrap ul li .cont em {position:absolute;}
.page-wrap ul li .name,
.page-wrap ul li .date {width:105px;text-align:right;position:absolute;right:0;padding-right:10px;box-sizing:border-box;}
.page-wrap ul li .date {right:105px;}

/* System Map > 카테고리 구성 관리 */
.app-wrap .menuguide {
	border:1px solid #e5e5e5;
	padding:0 5px;
}
.app-wrap .menuguide .menuguide_list {}
.app-wrap .menuguide .menuguide_list:after {
	content:'';
	display:block;
	clear:both;
}
.app-wrap .menuguide .menuguide_list > li {
	float:left;
	position:relative;
	width:33%;
	padding:10px 5px;
	box-sizing:border-box;
	text-align:center;
}
.app-wrap .menuguide .menuguide_list > li:first-child {
	width:34%;
}
.app-wrap .menuguide .menuguide_list {}

.app-wrap .menuguide .menuguide_list .subMenuList {
	width:100% !important;
	padding:10px;
	box-sizing:border-box;
	background-color:#fafafa;
	border:1px solid #e5e5e5;
}


.app-wrap .menuguide .subMenuListLi {
	margin-top:10px;
}
.app-wrap .menuguide .subMenuListLi:first-child {margin-top:0;}
.menuguide_list > li > ul > li > a {
	display:block;
	width:100px;
	height:40px;
	border:1px dashed #999;
	box-shadow:2px 2px 4px rgba(0,0,0,.2);
	background-color:rgb(170, 197, 243);
	color:#000;
	line-height:40px;
	text-align:center;
	font-size:11px;
}
.menuguide_list > li > ul > li > a:hover {opacity:.6;}

.menuguide_list > li > ul > li .menuguide_resize .ic_rb {
	position:absolute;
	top:14px;
	right:-6px;
}

.app-wrap .menuguide {}

/* ===========================================================================
	로그인
=========================================================================== */
.login-wrap {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#f6f6f6;
}
.login-wrap .login-area {
	width:740px;
	position:absolute;
	left:50%;top:50%;
	margin:-250px 0 0 -370px;
}
.login-wrap .otp-area {
	width:400px !important;
	margin-left:-250px !important;
}
.login-wrap .login-area .logo {
	max-width:200px;
	max-height:130px;
	text-align:center;
	margin:0 auto;
}
.login-wrap .login-area .logo img {max-width:100%}
.login-wrap .login-area .login-box {
	overflow:hidden;
	margin-top:5px;
	border:1px solid #e5e5e5;
	background-color:#fff;
}
.login-wrap .login-area .login-box .form {
	float:left;
	width:360px;
	padding:40px 0 40px 40px;
	box-sizing:border-box;
}
.login-wrap .login-area .login-box .form input {
	width:100%;
	margin-top:10px;
}
.login-wrap .login-area .login-box .form input:first-child {margin-top:0;}
.login-wrap .login-area .login-box .form .btn-text {
	width:100%;
	margin-top:10px;
	color:#fff;
}
.login-wrap .login-area .login-box .form .check-list {
	overflow:hidden;
	margin-top:8px;
}
.login-wrap .login-area .login-box .form .check-list .item {
	float:left;
	font-size:12px;
	line-height:20px;
}
.login-wrap .login-area .login-box .form .check-list .item + .item {
	position:relative;
	padding-left:21px;
}
.login-wrap .login-area .login-box .form .check-list .item + .item:before {
	content:'';
	position:absolute;
	left:10px;top:50%;
	width:1px;
	height:10px;
	margin-top:-4px;
	background-color:#ddd;
}
.login-wrap .login-area .login-box .form .check-list .item a {
	display:inline-block;
	padding-top:1px;
}
.login-wrap .login-area .login-box .img-area {
	float:right;
	padding:10px;
	border-left:1px solid #e5e5e5;
	font-size:0;
	line-height:0;
}

.login-wrap .login-area .login-box .login_btn2{
    margin-top: 20px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 35px;
    line-height: 33px;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
}

.login-wrap .login-area .login-box .login_btn2 a span{
	background: url(/base/images2.0/ico/google-icon.png) 0 center no-repeat;
	background-size: 33px;
	padding: 0 15px;
	padding-left: 33px;
	min-width: 76px;
	width: 100%;
}



.login-wrapB {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

.login-wrapB .login-area{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	margin:auto;
	width:626px;
	height:560px;
	text-align:center;
	background-color:rgba(255, 255, 255, 0.7);
}
.login-wrapB .login-area .notice {
	width:100%;
	box-sizing: border-box;
	height:30px;


}
.login-wrapB .login-area .notice .notice_img{
	float:right;
	padding-top:20px;
	padding-right:20px;
}

.login-wrapB .login-area .logo {
	width:100%;
	box-sizing: border-box;
	padding:20px 50px 30px 50px;
	padding-left:0px;
	text-align: center;

}
.login-wrapB .login-area .logo img{
	vertical-align:middle;
}
.login-wrapB .login-area .login-box .form {
	width: 500px;
	margin-left:50px;
	margin-right:50px;
	display:inline-block;
	box-sizing: border-box;
}

.login-wrapB .login-area .login-box .form input {
	width:100%;
	height:50px !important;
}
.login-wrapB .login-area .login-box .form input:first-child {margin-top:20px;}


.login-wrapB .login-area .login-box .form .check-list {
	margin-top:20px;
	width:100%;
	box-sizing: border-box;
	overflow:hidden;
}
.login-wrapB .login-area .login-box .form .check-list input {
	width:18px !important;
	height:18px !important;
	margin-top:0px !important;
}
.login-wrapB .login-area .login-box .form .check-list .item {
	float:left;
	font-size:12px;
	line-height:20px;
	color: #727272;
	font-weight: 300;

}
.login-wrapB .login-area .login-box .form .check-list .item + .item {
	position:relative;
	float:right;
}

.login-wrapB .login-area .login-box .form .check-list .item a {
	display:inline-block;
	padding-top:1px;
}

.login-wrapB .login-area .login-box .form .login_btn{
	width:100%;
	margin-top:30px;
	height:50px;
	font-size:25px;
	display:block;
	line-height:50px;
	text-align:center;
	font-weight:700;
	border:0;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 3.5px;
}

.login-wrapB .login-area .login-box .form .login_btn a{
	color:#FFF;
	display:inline-block;
	width: 100%;
}

.login-wrapB .login-area .login-box .login_btn2{
    margin-top: 10px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    font-size: 25px;
    border-radius: 3.5px;
    cursor: pointer;
}

.login-wrapB .login-area .login-box .login_btn2 a span{
	background: url(/base/images2.0/ico/google-icon.png) 0 center no-repeat;padding-left:50px;
}

/* ===========================================================================
	로그인(iam- 내부회계 로그인)
=========================================================================== */
.loginIam-wrap {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#f6f6f6;
}
.loginIam-wrap .login-area {
	width:410px;
	position:absolute;
	left:50%;top:50%;
	margin:-250px 0 0 -270px;
}
.loginIam-wrap .login-area .logo {
	max-width:200px;
	max-height:130px;
	text-align:center;
	margin:0 auto;
}
.loginIam-wrap .login-area .logo img {max-width:100%}
.loginIam-wrap .login-area .login-box {
	overflow:hidden;
	margin-top:20px;
	border:1px solid #e5e5e5;
	background-color:#fff;
}
.loginIam-wrap .login-area .login-box .form {
	float:left;
	width:360px;
	padding:40px 0 40px 40px;
	box-sizing:border-box;
}
.loginIam-wrap .login-area .login-box .form input {
	width:100%;
	margin-top:10px;
}
.loginIam-wrap .login-area .login-box .form input:first-child {margin-top:0;}
.loginIam-wrap .login-area .login-box .form .btn-text {
	width:100%;
	margin-top:10px;
	color:#fff;
}
.loginIam-wrap .login-area .login-box .form .check-list {
	overflow:hidden;
	margin-top:8px;
}
.loginIam-wrap .login-area .login-box .form .check-list .item {
	float:left;
	font-size:12px;
	line-height:20px;
}
.loginIam-wrap .login-area .login-box .form .check-list .item + .item {
	position:relative;
	padding-left:21px;
}
.loginIam-wrap .login-area .login-box .form .check-list .item + .item:before {
	content:'';
	position:absolute;
	left:10px;top:50%;
	width:1px;
	height:10px;
	margin-top:-4px;
	background-color:#ddd;
}
.loginIam-wrap .login-area .login-box .form .check-list .item a {
	display:inline-block;
	padding-top:1px;
}



/* ===========================================================================
	컨텐츠
=========================================================================== */
/* 서브 공통 타이틀 영역 */
.title-wrap {
	display:none;
	padding:43px 50px 34px;
}

.title-wrap2 {
	padding:0px 50px 0px;
}


.title-wrap:after {
	content:'';
	display:block;
	clear:both;
}
.title-wrap .title ,.title-wrap2 .title{
	float:left;
	color:#000;
	font-size:25px;
}
.title-wrap .text {
	float:left;
	margin-left:20px;
	font-size:14px;
	line-height:37px;
}

/* 공통 타이틀 */
.sTitle1 {
	color:#333;
	font-size:15px;
}

/* 게시판 상단 소팅 영역 */
.sorting-area {
	position:relative;
	height:65px;
	margin:0 20px;
	padding:15px 0;
	border-bottom:1px solid #eee;
	box-sizing:border-box;
}
.sorting-area:after,
.sorting-area .left-box:after {
	content:'';
	display:block;
	clear:both;
}
.sorting-area .left-box {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	padding:15px 0;
}
.sorting-area .left-box .selectWrap {
	display:inline-block;
	vertical-align:top;
}
.sorting-area .left-box .all-len + .selectWrap {margin-left:13px;}
.sorting-area .left-box .align-btns {
	display:inline-block;
	overflow:hidden;
	margin-left:7px;
}
.sorting-area .left-box .align-btns button {
	float:left;
	border:1px solid #e5e5e5;
	background-color:#fff;
}
.sorting-area .left-box .align-btns a:first-child {border-right:0;}
/* .sorting-area .left-box .align-btns button:first-child {border-right:0;} */
.sorting-area .left-box .align-btns button .icon {
	display:block;
	width:33px;
	height:33px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	line-height:0;
	opacity:.3;
}
.sorting-area .left-box .align-btns .btn-align1 .icon {background-image:url(../images2.0/btn/btn_align01.png);}
.sorting-area .left-box .align-btns .btn-align2 .icon {background-image:url(../images2.0/btn/btn_align02.png);}
.sorting-area .left-box .align-btns button:hover {background-color:#fafafa;}/* hover */
.sorting-area .left-box .align-btns button:hover .icon {opacity:.6;}/* hover */
.sorting-area .left-box .align-btns button.on {background-color:#fff;cursor:default;}/* on */
.sorting-area .left-box .align-btns button.on .icon {opacity:1;}/* on */
.sorting-area .left-box .all-len {
	display:inline-block;
	padding-top:7px;
	font-size:15px;
}
.sorting-area .left-box .all-len .len {font-weight:700;}
.sorting-area .left-box .icon-list {
	display:inline-block;
}
.sorting-area .left-box .blt-text3,
.sorting-area .left-box .blt-text4,
.sorting-area .left-box .blt-text5 {
	display:inline-block;
	margin-left:18px;
}
.sorting-area .right-box {float:right;}
.sorting-area .right-box .layout-btns {overflow:hidden;}
.sorting-area .right-box .layout-btns button {float:left;}
.sorting-area .right-box .layout-btns button .text {
	display:inline-block;
	position:relative;
	padding:0 10px 0 28px;
	color:#999;
	font-size:12px;
	line-height:35px;
}
.sorting-area .right-box .layout-btns button .text:before,
.sorting-area .right-box .layout-btns button .text:after {
	content:'';
	position:absolute;
	top:50%;
	height:11px;
	margin-top:-6px;
}
.sorting-area .right-box .layout-btns button .text:before {
	left:8px;
	width:11px;
	background-repeat:no-repeat;
	background-position:0 0;
	opacity:.3;
}
.sorting-area .right-box .layout-btns .btn-layout1 .text:before {background-image:url(../images2.0/btn/btn_layout01.png);}
.sorting-area .right-box .layout-btns .btn-layout2 .text:before {background-image:url(../images2.0/btn/btn_layout02.png);}
.sorting-area .right-box .layout-btns .btn-layout3 .text:before {background-image:url(../images2.0/btn/btn_layout03.png);}
.sorting-area .right-box .layout-btns button .text:after {
	left:0;
	width:1px;
	background-color:#eee;
}
.sorting-area .right-box .layout-btns button:first-child .text:after {display:none;}
.sorting-area .right-box .layout-btns button:hover .text {color:#666;}/* hover */
.sorting-area .right-box .layout-btns button:hover .text:before {opacity:.5;}/* hover */
.sorting-area .right-box .layout-btns button.on .text {color:#333;cursor:default;}/* on */
.sorting-area .right-box .layout-btns button.on .text:before {opacity:1;}/* on */

.sorting-area .right-box .icon-area {}
.sorting-area .right-box .icon-area .icon {
	position:relative;
	margin-left:13px;
	padding-left:16px;
	font-size:12px;
	background-repeat:no-repeat;
	background-position:0 50%;
}
.sorting-area .right-box .icon-area .icon:first-child {margin-left:0;}
.sorting-area .right-box .icon-area .icon1 {background-image:url(../images2.0/ico/ico_state01.png);}
.sorting-area .right-box .icon-area .icon2 {background-image:url(../images2.0/ico/ico_state02.png);}
.sorting-area .right-box .icon-area .icon3 {background-image:url(../images2.0/ico/ico_state03.png);}
.sorting-area .right-box .icon-area .icon4 {background-image:url(../images2.0/ico/ico_state04.png);}
.sorting-area .right-box .icon-area .icon5 {background-image:url(../images2.0/ico/ico_state05.png);}
.sorting-area .right-box .icon-area .icon6 {background-image:url(../images2.0/ico/ico_state06.png);}
.sorting-area .right-box .icon-area .icon7 {background-image:url(../images2.0/ico/ico_state07.png);}
.sorting-area .right-box .icon-area + .selectWrap {margin-left:20px;}

/* 페이징 */
.paging {
	position:relative;
	max-width:500px;
	margin:30px auto 0;
	padding:0 78px 0 72px;
	box-sizing:border-box;
	font-size:0;
	text-align:center;
	line-height:0;
}
.paging a {
	display:inline-block;
	width:30px;
	height:30px;
	box-sizing:border-box;
	vertical-align:top;
}
.paging a.disabled {opacity:.5;cursor:default;}
.paging a:first-child {margin-left:0;}
.paging .page {
	margin-left:5px;
	border:1px solid #fff;
	background-color:#fff;
	color:#666;
	font-size:13px;
	text-align:center;
	line-height:28px;
}
.paging .page:hover,
.paging .page.fColor {border-color:#ccc;}/* on */
.paging .btn {
	position:absolute;
	top:50%;
	margin-top:-15px;
	background-image:url(../images2.0/btn/btn_pageing.png);
	background-repeat:no-repeat;
}
.paging .btn.first {left:0;background-position:0 0;}
.paging .btn.prev {left:35px;background-position:0 -30px;margin-right:7px;}
.paging .btn.next {right:35px;background-position:0 -60px;margin-left:12px;}
.paging .btn.end {right:0;background-position:0 -90px;}

/* 날짜 선택 영역 */
.date-text {
	display:inline-block;
	position:relative;
	z-index:200;
	width:160px;
	background-color:#fff;
}
.date-text.weekType {width:225px;}
.date-text:before {
	content:'';
	position:absolute;
	right:14px;top:50%;
	width:14px;
	height:14px;
	margin-top:-8px;
	background:url(../images2.0/btn/btn_calendar.png) no-repeat 0 0;
	opacity:.6;
}
.date-text.on:before {opacity:1;}
.date-text .btn-calendar {position:relative;z-index:5;}
.date-text input[type=text] {
	width:100%;
	padding-right:35px;
	background-color:transparent;
}

.date-area:after,
.date-area .date-select:after {
	content:'';
	display:block;
	clear:both;
}
.date-area .date-check,
.date-area .date-text,
.date-area .date-select {
	float:left;
	vertical-align:middle;
}
.date-area .date-check {margin-top:6px;}
.date-area .date-check + .date-text {margin-left:20px;}
.date-area select {width:90px;}
.date-area .selectWrap {
	float:left;
	width:90px !important;
	margin-left:10px;
}

.date-text.delType .btn-del {
	position:absolute;
	right:35px;
	top:0;
	z-index:20;
	width:20px;
	height:28px;
	background:url(../images2.0/btn/btn_del3.gif) no-repeat center;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}
.date-text.delType input[type=text] {padding-right:55px}

/* 데이트피커 */
.calendar-layer {
	display:none;
	position:absolute;
	left:0;
	top:34px;
	z-index:120;
	width:310px;
	padding:0 16px 15px;
	border-width:1px;
	border-style:solid;
	box-shadow:3px 4px 4px rgba(0,0,0,.1);
	background-color:#fff;
}
.right .calendar-layer {
	left:inherit;
	right:0;
}
.calendar-layer .hasDatepicker {}
.calendar-layer .hasDatepicker .ui-datepicker-header {
	position:relative;
	height:50px;
	text-align:center;
}

.calendar-layer .hasDatepicker .ui-datepicker-title {
	display:inline-block;
	overflow:hidden;
	padding-top:15px;
}
.calendar-layer .hasDatepicker .ui-datepicker-title select {
	height:28px;
	margin:0 5px;
	padding-left:10px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	font-size:12px;
	line-height:26px;
}
.calendar-layer .hasDatepicker .ui-datepicker-title .ui-datepicker-month {width:60px;}
.calendar-layer .hasDatepicker .ui-datepicker-title .ui-datepicker-year {width:75px;}

.calendar-layer .hasDatepicker .ui-datepicker-header .ui-corner-all {
	position:absolute;
	top:15px;
}
.calendar-layer .hasDatepicker .ui-datepicker-header .ui-corner-all .ui-icon {
	display:block;
	width:30px;
	height:28px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.calendar-layer .hasDatepicker .ui-datepicker-prev {left:2px;}
.calendar-layer .hasDatepicker .ui-datepicker-next {right:2px;}
.calendar-layer .hasDatepicker .ui-datepicker-prev .ui-icon {background-image:url(../images2.0/btn/btn_date_prev.png);}
.calendar-layer .hasDatepicker .ui-datepicker-next .ui-icon {background-image:url(../images2.0/btn/btn_date_next.png);}

.calendar-layer .hasDatepicker .ui-datepicker-calendar {}
.calendar-layer .hasDatepicker .ui-datepicker-calendar th,
.calendar-layer .hasDatepicker .ui-datepicker-calendar td {
	font-size:12px;
	text-align:center;
	height:auto;
	padding:0;
	border:0;
}
.calendar-layer .hasDatepicker .ui-datepicker-calendar th {
	height:34px;
	color:#333;
}
.calendar-layer .hasDatepicker .ui-datepicker-calendar td a {
	display:block;
	height:28px;
	line-height:28px;
}
.calendar-layer .hasDatepicker .ui-datepicker-calendar td.ui-datepicker-days-cell-over a {}
.calendar-layer .hasDatepicker .ui-datepicker-calendar td.ui-datepicker-week-end a {color:#ff0000;}
.calendar-layer .hasDatepicker .ui-datepicker-calendar td .ui-state-highlight {background-color:#eee;color:#333;}
.calendar-layer .hasDatepicker .ui-datepicker-calendar td .ui-state-active {background-color:#ff5349;color:#fff;}

.calendar-layer .hasDatepicker .ui-datepicker-calendar tr.over td a {background-color:#e0f1ff;color:#666;}
.calendar-layer .hasDatepicker .ui-datepicker-calendar tr.over td:first-child a {background-color:#fff;}
.calendar-layer .hasDatepicker .ui-datepicker-calendar tr.over td:first-child a.ui-state-active {background-color:#eee;}
.calendar-layer .hasDatepicker .ui-datepicker-calendar tr.overNext td:first-child a {background-color:#e0f1ff;}

.week-setting-box {
	position:relative;
	width:190px;
	padding:0 66px 0 28px;
	box-sizing:border-box;
	text-align:center;
	margin:0 auto;
}
.week-setting-box.weekType {width:324px;}
.week-setting-box .btn-arr,
.week-setting-box .btn-calendar {
	position:absolute;
	top:0;
	width:28px;
	height:28px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
}
.week-setting-box .btn-prev {
	left:0;
	background-image:url(../images2.0/btn/btn_prev02.png);
}
.week-setting-box .btn-next {
	right:38px;
	background-image:url(../images2.0/btn/btn_next02.png);
}

.week-setting-box .btn-calendar {
	right:0;
	background-image:url(../images2.0/btn/btn_calendar.png);
	opacity:.6;
}

.calendar-box .btn-calendar {
	top:0;
	width:28px;
	height:28px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
	right:0;
	background-image:url(../images2.0/btn/btn_calendar.png);
	opacity:.6;
}

.week-setting-box.on .btn-calendar {opacity:1;}
.week-setting-box .week-text {
	color:#333;
	font-size:16px;
	font-weight:700;
	text-align:center;
	line-height:28px;
}
.week-setting-box .calendar-layer {
	top:27px;
	left:296px;
}

/* 공유 범위 영역 */
.share-box {
	position:relative;
	margin-top:15px;
	padding-bottom:68px;
	border:1px solid #e5e5e5;
}
.share-box.type2 {margin-top:0;padding-bottom:0}
.share-box .btn-groupchart {
	position:absolute;
	left:20px;bottom:20px;
}
.share-box .btn-groupchart .btn {
	width:38px;
	height:38px;
	background:url(../images2.0/btn/btn_groupchart.png) no-repeat 0 0;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	opacity:.6;
}
.share-box .btn-groupchart .tooltip {
	display:none;
	position:absolute;
	left:47px;top:50%;
	width:58px;
	height:28px;
	margin-top:-15px;
	padding:0 0 3px 6px;
	background:url(../images2.0/bg/bg_tooltip.png) no-repeat 0 0;
	color:#666;
	font-size:12px;
	text-align:center;
	line-height:28px;
}
.share-box .btn-groupchart:hover .btn {opacity:1;}
.share-box .btn-groupchart:hover .tooltip {display:block;}
.share-box .scroll-area {
	overflow-y:scroll;
	height:122px;
	padding:10px 0;
	box-sizing:border-box;
}
.share-box .scroll-area .user-box {
	position:relative;
	padding:0 20px;
}
.share-box .scroll-area .user-box:hover {background-color:#fafafa;}/* hover */
.share-box .scroll-area .user-box .text {
	padding:6px 0;
	color:#333;
	line-height:20px;
}
.share-box .scroll-area .user-box .btn-del {
	position:absolute;
	right:7px;top:50%;
	width:34px;
	height:34px;
	margin-top:-17px;
	background:url(../images2.0/btn/btn_del.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

.share-box .scroll-area2 {
	overflow-y:scroll;
	height:52px;
	padding:10px 0;
	box-sizing:border-box;
}
.share-box .scroll-area2 .user-box {
	position:relative;
	padding:0 20px;
}
.share-box .scroll-area2 .user-box:hover {background-color:#fafafa;}/* hover */
.share-box .scroll-area2 .user-box .text {
	padding:6px 0;
	color:#333;
	line-height:20px;
}
.share-box .scroll-area2 .user-box .btn-del {
	position:absolute;
	right:7px;top:50%;
	width:34px;
	height:34px;
	margin-top:-17px;
	background:url(../images2.0/btn/btn_del.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

/* 파일첨부 영역 */
.pre-attach {
	border-bottom:1px solid #e5e5e5;
	padding:20px;
	background-color:#f5f5f5;
}
.pre-attach li {
	overflow:hidden;
	margin-top:10px;
}
.pre-attach li:first-child {margin-top:0}
.pre-attach li .file-name {float:left;}
.pre-attach li .delete-area {float:right;}
.addfind-cont {
	position:relative;
	margin-top:-1px;
	/* border:1px solid #e5e5e5;드라이브 관련 주석 처리 */
}
.addfind-cont .title-area {
	overflow:hidden;
	height:44px;
	padding:0 20px;
	border-bottom:1px solid #e5e5e5;
	background-color:#fafafa;
	color:#333;
	font-weight:700;
	line-height:44px;
}
.addfind-cont .title-area .left,
.addfind-cont .addfile-list .addfile-item .file-name,
.addfind-cont .foot-info .btn-text {float:left;}
.addfind-cont .title-area .right,
.addfind-cont .addfile-list .addfile-item .volume-state,
.addfind-cont .foot-info .text-area {
	overflow:hidden;
	float:right;
}
.addfind-cont .title-area .right .title,
.addfind-cont .addfile-list .addfile-item .volume-state .text,
.addfind-cont .foot-info .text-area .text {
	float:left;
	width:144px;
	padding-right:30px;
	text-align:right;
}
.addfind-cont .title-area .right .title:first-child,
.addfind-cont .addfile-list .addfile-item .volume-state .text:first-child,
.addfind-cont .foot-info .text-area .text:first-child {width:auto;}
.addfind-cont .addfile-list {padding:8px 0;}
.addfind-cont .addfile-list .addfile-item {
	overflow:hidden;
	position:relative;
	padding:0 20px;
	color:#333;
	line-height:35px;
}
.addfind-cont .addfile-list .addfile-item .volume-state .text,
.addfind-cont .foot-info .text-area .text {color:#999;}
.addfind-cont .addfile-list .addfile-item .btn-del {
	position:absolute;
	right:7px;
	top:50%;
	width:34px;
	height:34px;
	margin-top:-17px;
	background:url(../images2.0/btn/btn_del.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.addfind-cont .foot-info {
	overflow:hidden;
	padding:10px 20px;
	border-top:1px solid #f5f5f5;
	height:28px;
	line-height:28px;
}
.addfind-cont .title-area .title {
	margin:0;
	font-size:13px;
}

.fileup-wrap {
	position:relative;
	margin-top:-1px;
	border:1px solid #e5e5e5;
}

.fileup-wrap .fileAttach {
/* 	border-bottom:1px solid #e5e5e5;주석 처리
	padding:20px;*/
	background-color:#f5f5f5;
}
.fileup-wrap .fileAttach ul {
	padding : 10px;
}
.fileup-wrap .fileAttach ul li {
	overflow:hidden;
	margin-top:10px;
}
.fileup-wrap .fileAttach ul li:first-child {margin-top:0;}
.fileup-wrap .fileAttach ul li .floatLeft {
	float:left;
	width:80%;
}
.fileup-wrap .fileAttach ul li .floatLeft img {display:none;}
.fileup-wrap .fileAttach ul li .floatLeft a {display:block;}
.fileup-wrap .fileAttach ul li .floatRight {float:right;}

.fileup-wrap .plupload_filelist_header {
	overflow:hidden;
	height:44px;
	padding:0 20px;
	border-bottom:1px solid #e5e5e5;
	background-color:#fafafa;
	color:#333;
	font-weight:700;
	line-height:44px;
}
.fileup-wrap .plupload_filelist_header .plupload_file_name {float:left;}
.fileup-wrap .plupload_filelist_header .plupload_file_status {
	float:right;
	width:174px;
	padding-right:30px;
	text-align:right;
}
.fileup-wrap .plupload_filelist_header .plupload_file_size {
	float:right;
}
.fileup-wrap .plupload_filelist_header .plupload_file_action,
.fileup-wrap .plupload_filelist_header .plupload_clearer {display:none;}

.fileup-wrap .plupload_filelist {
	/* padding:8px 0;	웍스 파일 업로드 건으로 삭제 */
	height:148px;	/* 첨부파일 추가시 기본 height 값 */
	overflow-y:scroll;
}
.fileup-wrap .plupload_filelist .plupload_delete {
	overflow:hidden;
	position:relative;
	padding:0 300px 0 20px;
	color:#333;
	line-height:35px;
}
.fileup-wrap .plupload_filelist .plupload_uploading {background-color:#c2f4c6;}
.fileup-wrap .plupload_filelist .plupload_delete .plupload_file_name {
	overflow:hidden;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.fileup-wrap .plupload_filelist .plupload_delete .plupload_file_action {
	position:absolute;
	right:7px;
	top:50%;
	width:34px;
	height:34px;
	margin-top:-17px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

.plupload_delete a {
	background:url(../images2.0/btn/btn_del.png) no-repeat 50% 50%;
	margin-top: 25%;
    height: 16px;
}

.fileup-wrap .plupload_filelist .plupload_delete .plupload_file_status {
	position:absolute;
	right:50px;
	top:0;
}
.fileup-wrap .plupload_filelist .plupload_delete .plupload_file_size {
	position:absolute;
	right:220px;
	top:0;
}
.fileup-wrap .plupload_filelist .plupload_delete .plupload_clearer {display:none;}

.fileup-wrap .plupload_filelist .plupload_droptext {
	padding:40px 0;
	text-align:center;
}
.fileup-wrap .plupload_filelist_footer {
	overflow:hidden;
	padding:10px 20px;
	border-top:1px solid #f5f5f5;
	height:28px;
	line-height:28px;
}
.fileup-wrap .plupload_filelist_footer .plupload_file_name {float:left;}
.fileup-wrap .plupload_filelist_footer .plupload_file_name .plupload_button {
	display:inline-block;
	padding:0 9px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	background-color:#fff;
	color:#666;
	text-align:center;
	vertical-align:middle;
	line-height:26px;
	cursor:pointer;
}
.fileup-wrap .plupload_filelist_footer .plupload_file_name .plupload_button:hover {
	padding:0 10px;
	border:0 !important;
	background-color:#999;
	color:#fff !important;
	line-height:28px;
}
.fileup-wrap .plupload_filelist_footer .plupload_file_name .plupload_upload_status {display:none;}
.fileup-wrap .plupload_filelist_footer .plupload_file_status {
	float:right;
	width:110px;
	padding-right:30px;
	text-align:right;
}
.fileup-wrap .plupload_filelist_footer .plupload_file_size {float:right;}



.filedown {position:relative;padding:8px 7px 7px;margin-bottom:10px;background:#F5F5F5;}
.filedown ul li {text-align:right;}
.filedown img {vertical-align:top;}
.filedown a {color:#777;}
.filedown_ic {text-align:right;margin-top:3px;}
.filedown_ic a {color:#555;}
.filedown_ic a:hover {text-decoration:underline;}
.filedown_ic img {vertical-align:middle;padding-bottom:2px;*padding-bottom:0;}


/* 썸네일 */
.thumb-list1 {
	margin-top:40px;
	padding-bottom:40px;
	border-bottom:1px solid #eee;
}
.thumb-list1 > ul {overflow:hidden;margin:-30px 0 0 -30px;}
.thumb-list1 > ul > li {
	position:relative;
	float:left;
	width:300px;
	padding:30px 0 0 30px;
	box-sizing:border-box;
}
.thumb-list1 ul li .thumb-gallery {
	display:block;
	position:relative;
	height:353px;
	border:1px solid #eee;
	box-sizing:border-box;
}
.thumb-list1 ul li .aborder {
	display:block;
	position:relative;
	height:353px;
	border:1px solid #eee;
	box-sizing:border-box;
}
.thumb-list1 ul li .thumb-gallery:hover {
	background-color:#fafafa;
	border:1px solid #bbb;
}
.thumb-list1 ul li .aborder:hover {
	background-color:#fafafa;
	border:1px solid #bbb;
}
.thumb-list1 ul li .thumb-gallery:hover .tit {text-decoration:underline;}
.thumb-list1 ul li .aborder:hover .tit {text-decoration:underline;}
.thumb-list1 .txt-area {
	width:100%;
	height:115px;
	padding:25px 25px 0 25px;
	box-sizing:border-box;
}
.thumb-list1 .txt-area .num {display:none;}
.thumb-list1 .txt-area .title {
	position:relative;
	padding-right:20px;
}
.thumb-list1 .txt-area .title .tit {
	display:inline-block;
	max-width:100%;
	padding-left:25px;
	overflow:hidden;
	font-weight:700;
	white-space:nowrap;
	text-overflow:ellipsis;
	box-sizing:border-box;
}
.thumb-list1 .txt-area .title .reply {
	position:absolute;
	padding-left:3px;
}
.thumb-list1 .txt-area p .checkWrap {
	position:absolute;
	left:0;
	top:0;
	vertical-align:middle;
}
.thumb-list1 .txt-area .cont {
	overflow:hidden;
	height:60px;
	margin-top:3px;
	color:#666;
	line-height:20px;
}
.thumb-list1 .info-area {
	position:absolute;
	left:55px;right:25px;bottom:182px;
}
.thumb-list1 .info-area ul {overflow:hidden}
.thumb-list1 .info-area li:first-child {width:100%;}
.thumb-list1 .info-area li:first-child .btn-user {
	font-size:12px;
	color:#999;
}
.thumb-list1 .info-area li {float:left;}
.thumb-list1 .info-area li span {
	position:relative;
	padding-right:10px;
	margin-right:10px;
}
.thumb-list1 .info-area li:last-child span {margin-right:0;padding-right:0;}
.thumb-list1 .info-area li span:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	width:1px;
	height:11px;
	margin-top:-5px;
	background-color:#eee;
}
.thumb-list1 .info-area .left .right {}
.thumb-list1 .info-area p,
.thumb-list1 .info-area li span {
	font-size:12px;
	color:#999
}
.thumb-list1 .info-area .left .name {display:block;}
.thumb-list1 .info-area .right .ico-file {display:none;}
.thumb-list1 .info-area .right .like:before {content:none;}
.thumb-list1 .info-area span em {padding-right:2px}

.thumb-list1 .img-area {
	position:absolute;
	left:-1px;right:-1px;bottom:-1px;
	height:160px;
	font-size:0;
	overflow:hidden;
}
.thumb-list1 .img-area img {
    padding: 5px;
    width: 97%;
    height: 95%;
}


/* ===========================================================================
	공지사항 리스트
=========================================================================== */
/* 공통 */
.list-view {
	position:relative;
	margin:0 20px;
}
.list-view:after {
	content:'';
	display:block;
	clear:both;
}
.list-view.layoyt1 .scroll-design {height:auto !important;}

.list-view .list-left,
.list-view .view-type {width:100%;}
.list-view .list-left {
	float:left;
	box-sizing:border-box;
}
.list-view .view-type {
	overflow:hidden;
	float:right;
	box-sizing:border-box;
}
.list-view .thumb-type,
.list-view .view-type {display:none;}

/* 구분선 */
.list-view .hr-bar {
	display:none;
	position:absolute;
	background-color:#e5e5e5;
	z-index:5;
}
.list-view .hr-bar:before {
	content:'';
	position:absolute;
	background-color:#ccc;
}

.list-view.layoyt1 .view-type {display:none;}

/* 좌우보기 */
.layoyt2.list-view {margin-top:20px;}
.layoyt2.list-view .board-list1 {border-top:1px solid #eee !important;}

.layoyt2.list-view .hr-bar {
	display:block;
	left:50%;top:0;bottom:0;
	width:6px;
}
.layoyt2.list-view .hr-bar:before {
	top:50%;
	width:100%;
	height:50px;
	margin-top:-25px;
}
.layoyt2.list-view .list-left,
.layoyt2.list-view .view-type {width:48%;}

.layoyt2.list-view .list-left {
	overflow:auto;
	padding:0 20px 20px 0;
	height:850px;
}
.layoyt2.list-view .list-left .scrollbox-area {min-width:700px;}

.layoyt2.list-view .thumb-list1 {margin:20px 0;}

.layoyt2.list-view .view-type {
	display:block;
	overflow:auto;
	max-height:850px;
	padding:0 20px 20px;
}
.layoyt2.list-view .view-type .scrollbox-area {min-width:500px;}
.layoyt2.list-view .view-type .scrollbox-area .board-view .right,
.layoyt2.list-view .view-type .scrollbox-area .board-view1,
.layoyt2.list-view .view-type .scrollbox-area .reply-wrap,
.layoyt2.list-view .view-type .scrollbox-area .page-wrap {margin-left:0;margin-right:0;}

.layoyt2.list-view .view-type .scrollbox-area .btn-wrap {margin:20px 0 0;}
.layoyt2.list-view .view-type .scrollbox-area .btn-wrap .btn-text {margin-top:10px;}

/* 상하 보기 */
.layoyt3.list-view .hr-bar {
	display:block;
	left:0;
	right:0;
	top:50%;
	height:6px;
2018-04-17}
.layoyt3.list-view .hr-bar:before {
	left:50%;top:0;
	width:50px;
	height:100%;
	margin-left:-25px;
}

.layoyt3.list-view .thumb-list1 {margin:20px 0;}
.layoyt3.list-view .view-type {display:block;}

.layoyt3.list-view .list-left,
.layoyt3.list-view .view-type {
	overflow-y:auto;
	width:100%;
	height:400px;
}
.layoyt3.list-view .view-type {height:415px;}
.layoyt3.list-view .list-left {margin:20px 0;}
.layoyt3.list-view .list-left .board-list1 {border-top:1px solid #eee;}
.layoyt3.list-view .view-type {margin-top:26px;}

.layoyt3.list-view .view-type .scrollbox-area .board-view .right,
.layoyt3.list-view .view-type .scrollbox-area .board-view1,
.layoyt3.list-view .view-type .scrollbox-area .reply-wrap,
.layoyt3.list-view .view-type .scrollbox-area .page-wrap {margin-left:0;margin-right:0;}

.layoyt3.list-view .view-type .scrollbox-area .btn-wrap {margin:20px 20px 0;}
.layoyt3.list-view .view-type .scrollbox-area .btn-wrap .btn-text {margin-top:10px;}
.layoyt3.list-view .tit-wrap .right .tooltip {left:inherit;right:0;}

/* ===========================================================================
	워크스페이스
=========================================================================== */
/*
	공통
*/
/* 검색박스 */
.top-search-box2 {
	padding:47px 0 60px;
	background-color:#f9fafb;
	text-align:center;
}
.top-search-box2 p {font-size:20px;margin-bottom:20px;}
.top-search-box2 p span {
	position:relative;
	display:inline-block;
	padding-left:50px;
	line-height:44px;
	color:#333;
}
.top-search-box2 p span:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:44px;
	height:42px;
	margin-top:-21px;
	background:url(../images2.0/ico/ico_work_search_tit.png) no-repeat 0 0;
}
.top-search-box2 p em.fColor {font-weight:700;}
.top-search-box2 .selectWrap {}
.top-search-box2 .search-text {
	display:inline-block;
	position:relative;
	width:464px;
	padding-right:53px;
}
.top-search-box2 .search-text input[type=text] {
	width:100%;
	height:45px;
}
.top-search-box2 .search-text .btn-search,
.top-search-box2 .search-text .btn-search2 {
	position:absolute;
	right:0;top:0;bottom:0;
	width:54px;
	background:#9da4ac url(../images2.0/btn/btn_search02.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

/* info 아이콘 */
.work-info {
	overflow:hidden;
	margin-bottom:17px;
}
.work-info li {
	position:relative;
	float:left;
	font-size:13px;
	color:#333;
	margin-left:10px;
	padding-left:10px;
}
.work-info li:first-child {
	margin-left:0;
	padding-left:0
}
.work-info li:before {
	content:'';
	width:1px;
	height:12px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-6px;
	background-color:#eee;
}
.work-info li:first-child:before {display:none;}
 .work-info li span {
	color:#666;
}
.work-info .info1 span {
	background:url(../images2.0/ico/ico_work_main1.png) no-repeat 0 50%;
	padding:0 12px 0 25px;
}
.work-info .info2 span {
	background:url(../images2.0/ico/ico_work_main2.png) no-repeat 0 50%;
	padding:0 12px 0 16px;
}
.work-info li button {color:#333;}

.workspace-area {
	overflow:hidden;
	margin:20px 20px 0 20px;
}

/* 서브메인 */
.slide-area .slider1 {
	position:relative;
	padding:20px;
	border-top:2px solid #ff8d86;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background-color:#fafafa;
}
.slide-area .slider1 .item {
	position:relative;
}
.slide-area .slider1 .main-tit {
	padding-bottom:23px;
	font-size:18px;
	font-weight:700;
	color:#000;
}
.slide-area .slider1 .item .img-area {font-size:0}
.slide-area .slider1 .item .txt-area {
	position:absolute;
	left:0;
	top:0;
	padding-left:165px;
}
.slide-area .slider1 .item .txt-area .tit {
	margin-bottom:11px;
	font-size:16px;
	color:#333;
}
.slide-area .slider1 .item .txt-area .cont {
	overflow:hidden;
	height:42px;
	font-size:14px;
	margin-bottom:8px;
}

.slide-area .slider1 .bx-pager {
	position:absolute;
	right:0;top:-45px;
	z-index:5;
	font-size:0;
	line-height:0;
	z-index:100;
}
.slide-area .slider1 .bx-pager-item {
	display:inline-block;
	text-indent:-9999px;
}
.slide-area .slider1 .bx-pager-item a {
	display:block;
	position:relative;
	width:20px;
	height:20px;
}
.slide-area .slider1 .bx-pager-item a:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:10px;
	height:10px;
	margin:-5px 0 0 -5px;
	border-radius:50%;
	background-color:#bbb;
}
.slide-area .slider1 .bx-pager-item a.active:before {background-color:#333;}
.slide-area .slider1 .bx-controls-direction {display:none;}

.box-area {
	margin:30px 0;
	padding:20px 0;
	border:1px solid #e5e5e5;
}
.box-area ul {overflow:hidden;}
.box-area ul li {
	float:left;
	width:33.3%;
	padding:0 30px;
	border-left:1px solid #e5e5e5;
	box-sizing:border-box;
}
.box-area ul li:first-child {width:33.4%;border-left:0;}
.box-area ul li .tit {
	margin-bottom:13px;
	font-weight:700;
	color:#333;
	font-size:14px;
}
.box-area ul li .tit span {font-weight:normal}
.box-area ul li .cont {
	overflow:hidden;
	height:57px;
	margin-bottom:27px;
}


/* 서브메인2 */
.top-info {
	margin:0 20px;
	padding:20px;
	border:1px solid #eee;
	background-color:#fafafa;
}
.top-info .work-info {margin-bottom:0;}
.top-info .work-info li {
	color:#333;
	font-weight:700;
	padding-left:15px;
	margin-left:15px;
}
.top-info .work-info li:first-child {
	margin-left:0;
	padding-left:0;
}
.top-info .work-info li span {font-weight:normal}
.top-info .work-info li .btn-user {
	color:#333;
	font-weight:700;
	vertical-align:top;
}
.top-info .work-info li .txt {
	color:#666;
	background-image:none;
	padding-left:0;
	margin-left:3px;
}
.top-info .work-info li .txt em {color:#333;}

.board-wrap .main-cont {position:relative;}
.board-wrap .main-cont .main-cont-li{
	overflow:hidden;
	position:absolute;
    width: 10px;
    height: 80px;
    left:0;
	top:0;
	border-radius:20%;
	font-size:0;
	line-height:0;

}
.board-wrap .img-area {
	overflow:hidden;
	width:65px;
	height:65px;
	position:absolute;
	left:0;
	top:0;
	border-radius:50%;
	font-size:0;
	line-height:0;
}
.board-wrap .img-area img {width:100%;}
.board-wrap .text-area {padding-left:80px;}
.board-wrap .text-area .tit {
	max-width:100%;
	overflow:hidden;
	padding-right:20px;
	margin-bottom:10px;
	font-weight:700;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.board-wrap .text-area .tit a {display:inline-block;}
.board-wrap .text-area .tit .catogory {
	display:inline-block;
	padding:3px 5px;
	margin-right:10px;
	background-color:#f5f5f5;
	color:#666;
	font-size:12px;
}
.board-wrap .text-area .tit .cont {font-weight:700;color:#333;}
.board-wrap .text-area .info .name {padding-right:10px;}
.board-wrap .text-area .info .name button {color:#333}
.board-wrap .text-area .info .name * {vertical-align:middle}
.board-wrap .text-area .info .name em {color:#666;padding-left:2px;}
.board-wrap .text-area .info .date {color:#999;}
.board-wrap .text-area .info-list {
	overflow:hidden;
	margin-top:4px;
}
.board-wrap .text-area .info-list li {
	position:relative;
	float:left;
	font-size:12px;
	color:#999;
	margin-left:10px;
	padding-left:10px;
}
.board-wrap .text-area .info-list li:first-child {
	margin-left:0;
	padding-left:0;
}
.board-wrap .text-area .info-list li:before {
	content:'';
	width:1px;
	height:11px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	background-color:#eee;
}
.board-wrap .text-area .info-list li:first-child:before {display:none;}
.board-wrap .text-area .info-list li em {
	margin-left:2px;color:#333;
	vertical-align:top
}
.board-wrap .reply-list {
	position:relative;
	margin-top:15px;
	margin-left:80px;
	background-color:#fafafa;
}
.board-wrap .reply-list li {
	position:relative;
	padding:20px 0 15px 0;
	margin:0 15px;
	border-top:1px solid #eee;
}
.board-wrap .reply-list li:first-child {border-top:0}
.board-wrap .reply-list .img-area {
	width:40px;
	height:40px;
	top:20px;
}
.board-wrap .reply-list .txt-area {padding-left:60px;}
.board-wrap .reply-list .txt-area .name {
	margin-bottom:2px;
	color:#333;
}
.board-wrap .reply-list .txt-area .info span:first-child {margin-right:4px;}
.board-wrap .reply-list .txt-area .info span {
	font-size:12px;
	color:#999;
}
.board-wrap .reply-list .txt-area .btn-del {
	position:absolute;
	right:0;
	top:20px;
	color:#999;
}
.board-wrap .reply-list.type2 .cont {
	margin-bottom:2px;
	padding-right:25px;
}
.board-wrap .reply-list.type2 .name {
	display:inline-block;
	margin-right:15px;
}
.board-wrap .reply-list.type2 .info {display:inline-block;}
.board-wrap .reply-list .reply-box {
	position:relative;
	margin-top:20px;
}
.board-wrap .reply-list .reply-box .input-area {
	width:100%;
	padding-right:53px;
	box-sizing:border-box;
}
.board-wrap .reply-list .reply-box .input-area input {
	width:100%;
	height:28px;
}
.board-wrap .reply-list .reply-box .btn-area {
	position:absolute;
	right:0;top:0;
}
.board-wrap .reply-list .reply-box .btn-area .btn-text.sm {line-height:26px;}
.workspace-area .table-area,
.knowledge-area .table-area {border-bottom:1px solid #eee;}

.board-wrap .reply-list .btn-more,
.workspace-area .table-area + .btn-more,
.knowledge-area .table-area + .btn-more {
	width:100%;
	height:35px;
	border:1px solid #e5e5e5;
	background-color:#fff;
	color:#999;
	font-size:12px;
	text-align:center;
	line-height:33px;
}
.board-wrap .reply-list .btn-more {margin-top:15px;}

.knowledge-area .board-wrap .reply-list li:first-child { border-top: 1px solid #eee;}
.workspace-area .table-area + .btn-more,
.knowledge-area .table-area + .btn-more {margin-top:-1px}

.board-wrap .reply-list .btn-more span,
.workspace-area .table-area + .btn-more span,
.knowledge-area .table-area + .btn-more span {position:relative;margin-left:-15px;display:inline-block;}
.board-wrap .reply-list .btn-more span:before,
.workspace-area .table-area + .btn-more span:before,
.knowledge-area .table-area + .btn-more span:before {
	content:'';
	position:absolute;
	right:-15px;
	top:50%;
	width:7px;
	height:4px;
	margin-top:-2px;
	background:url(../images2.0/btn/btn_more2.png) no-repeat 0 0;
}
.table-area .title {
	padding-bottom:15px;
	color:#333;
	font-size:16px;
	font-weight:700;
}

.table-area .board-list4 tr th{
	color:#FFF !important;
	background-color:#6E737F !important;
}

.table-area .board-wrap .no-data {
	text-align:center;
	padding:70px 0;
}
.table-area .board-wrap {
	padding:10px 0;
	border-top:1px solid #eee;
	box-sizing:border-box;
	min-height: 80px;
}

.table-area .board-wrap .info-list li {cursor:pointer;}
.table-area .board-wrap .info-list li.fColor {font-weight:700}
.table-area .board-wrap .info-box .info-item {display:none;}
.table-area .board-wrap .info-box .info-item.on {display:block;}

.table-area .noty-list li {
	position:relative;
	padding-right:110px;
	margin-top:14px;
}
.table-area .noty-list li:first-child {margin-top:0}
.table-area .noty-list li .cont {
	display:block;
	overflow:hidden;
	max-width:100%;
	box-sizing:border-box;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.table-area .noty-list li .date {
	position:absolute;
	right:0;
	top:0;
}
.table-area .noty-list li a {display:block;}

.workspace-area .left,
.workspace-area .right {
	width:50%;
	float:left;
	box-sizing:border-box;
}
.workspace-area .left {padding-right:20px;}
.workspace-area .right {padding-left:20px;}
.workspace-area .left .title {
	padding-bottom:15px;
	font-size:16px;
	color:#000;
}

.workspace-area .table-area {position:relative;}
.workspace-area .left .table-area:first-child .board-wrap {border-top:1px solid #eee;}

.workspace-area .right .board-wrap {
	border-top:1px solid #eee;
	border-bottom:0
}
.workspace-area .right .table-area {margin-top:13px;border-bottom:0}
.workspace-area .right .table-area:first-child {margin-top:0}
.workspace-area .right .table-area .btn-more {
	position:absolute;
	right:0;
	top:0;
	padding-right:12px;
	color:#999;
}
.workspace-area .right .table-area .btn-more:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	width:4px;
	height:7px;
	margin-top:-3px;
	background:url(../images2.0/ico/ico_go.png) no-repeat 0 0;
}
.workspace-area .right .tabArea .tab-list1 {
	margin:0;
	border-bottom:0
}

.workspace-area .right .tabArea .tab-list1 .item {
	width:50%;
	background-color:#fafafa;
}
.workspace-area .right .tabArea .tab-list1 .item:first-child .text {border-left:0;}
.workspace-area .right .tabArea .tab-list1 .item:first-child .text span {padding-left:25px}
.workspace-area .right .tabArea .tab-list1 .item:last-child .text {border-right:0;}
.workspace-area .right .tabArea .tab-list1 .item span {color:#000;}
@media only screen and (max-width:895px) {
	.workspace-area .right .tabArea .tab-list1 .item span {font-size:12px;}
}
.workspace-area .right .tabArea .tab-list1 .item .text span {
	position:relative;
	padding-left:20px;
}
.workspace-area .right .tabArea .tab-list1 .item .text span:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	height:14px;
	margin-top:-7px;
}
.workspace-area .right .tabArea .tab-list1 .item:first-child .text span:before {
	width:14px;
	background:url(../images2.0/ico/ico_work_main3.png) no-repeat 50% 0;
}
.workspace-area .right .tabArea .tab-list1 .item:last-child .text span:before {
	width:10px;
	background:url(../images2.0/ico/ico_work_main4.png) no-repeat 50% 0;
}
.workspace-area .right .tabArea .tabContent {
	overflow:hidden;
	margin:0
}
.workspace-area .right .tabArea .tabCont {
	display:block;
	width:50%;
	float:left;
	padding:20px;
	border-bottom:1px solid #eee;
	box-sizing:border-box;
}

.workspace-area .right .tabArea .tabCont:first-child {border-right:1px solid #eee;}
.workspace-area .right .tabArea .tabCont ul li {overflow:hidden;margin-bottom:13px;}
.workspace-area .right .tabArea .tabCont ul li.today span {color:#333}
.workspace-area .right .tabArea .tabCont ul li span {float:right;color:#999}
.workspace-area .right .anniversary .tabArea .tabCont {
	display:block;
	width:50%;
	float:left;
	padding:20px;
	border-bottom:0px;
	box-sizing:border-box;
}
.workspace-area .right .anniversary .tabArea .tabContent {
	border-bottom:1px solid #eee;
}
.workspace-area .right .anniversary .tabArea .tabCont:first-child {border-right:0px;}


.workspace-thumb {margin:40px 50px 0 50px}
.workspace-thumb .info-area .btn-user {
	vertical-align:top;
	font-size:12px;
	color:#999
}
.workspace-thumb .info-area p em {margin-right:5px}
.workspace-thumb .info-area ul li span {padding-right:10px !important;margin-right:10px !important;}


/* 지식관리 > 서브메인*/
.knowledge-area.resizing {
	min-height:auto !important;
	padding-right:0;
}
.knowledge-area.resizing .tabArea + .right {
	position:inherit;
	right:inherit;
	top:inherit;
	width:100%;
	margin-top:40px;
	margin-bottom:0;
}
.knowledge-area.resizing {}
.knowledge-area.resizing {}
.knowledge-area.resizing {}

/* 주간보고 */
.week-content {
	position:relative;
	margin:0 20px;
	padding:0 285px 30px 0;
}
.week-content .week-box {
	width:100%;
	margin-top:12px;
}
.week-content .week-box.right {
	position:absolute;
	right:0;top:0;
	width:270px;
	padding-top:28px;
}
.week-content .title-area {
	height:53px;
	background-color:#fafafa;
	border:1px solid #eee;
}
.week-content .title-area .title {
	color:#333;
	font-size:14px;
	text-align:center;
	line-height:53px;
}
.week-content .box-list {border:1px solid #eee;border-top:0;}
.week-content .box-list .box-item {
	position:relative;
	padding:20px;
	border-top:1px solid #eee;
	line-height:19px;
}
.week-content .box-list .box-item:first-child {border-top:0;}
.week-content .box-list .box-item .btn-text {
	position:absolute;
	right:20px;top:50%;
	margin-top:-14px;
}

.week-content .box-list .box-item .check-item {margin-top:9px;line-height:18px;}
.week-content .box-list .box-item .check-item:first-child {margin-top:0;}

.week-content .week-box .btn-wrap {margin:15px 0 0;}

.week-content .week-box.right .box-list .box-item .btn-icon-text {
	width:100%;
	margin:15px 0 5px;
}

/* 레이아웃 설정 */
.layout-portlet {padding-bottom:0;}
.layout-portlet .week-box {
	position:relative;
	min-height:450px;
	margin-top:15px;
	padding:20px 20px 20px 190px;
	border:1px solid #eee;
	background-color:#fafafa;
	box-sizing:border-box;
}
.layout-portlet .week-box.right {
	bottom:0;
	margin-top:0;
	padding:0;
	border:1px solid #eee;
	background-color:#fff;
}
.layout-portlet .week-box.right .title-area {border:0;border-bottom:1px solid #eee;}
.layout-portlet .box-list {border:0;}
.layout-portlet .week-content .box-list .box-item {border:0;}
.layout-portlet .week-box .lnb-box {
	position:absolute;
	left:20px;top:20px;bottom:20px;
	width:150px;
	background-color:#9da4ac;
	text-align:center;
}
.layout-portlet .week-box .lnb-box .text {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin-top:-21px;
	color:#fafafa;
	font-size:14px;
	font-weight:700;
}
.layout-portlet .week-box .cont-box {

}
.layout-portlet .week-box .cont-box .box-fixed {
	height:50px;
	background-color:#9da4ac;
	color:#fafafa;
	font-size:14px;
	font-weight:700;
	text-align:center;
	line-height:50px;
}

.drag-area {
	background:url(../images2.0/bg/bg_layout_drag.png) repeat-y 0 0;
	background-size:100% 60px;
}
.drag-area .drag-box {
	margin-top:5px;
	height:50px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background-color:#fff;
	text-align:center;
	font-size:14px;
	line-height:48px;
}
.drag-area .drag-box:hover {cursor:s-resize;}

/* 워크스페이스 개설신청 소개이미지영역 */
.td-img-area img {width:110px;height:90px;vertical-align:bottom}

/* ===========================================================================
	전자결재
=========================================================================== */
/* 전자결재 서브메인 */
.content.app-submain {padding:0;}
.app-submain .cont {overflow:hidden;}
.app-submain .cont .cont-inner {
	float:left;
	width:50%;
	padding:10px 20px 25px;
	box-sizing:border-box;
	border-left:1px solid #f5f5f5;
	border-top:1px solid #f5f5f5;
}
.app-submain .cont .cont-inner:nth-child(2n+1) {border-left:0}

.content .cont-inner .title-area {position:relative;}
.content .cont-inner .title-area .btn-slide {
	position:absolute;
	right:0;
	top:50%;
}
.content .cont-inner .title-area a,
.content .cont-inner .title-area2 {
	position:relative;
	height:45px;
	color:#000;
	font-size:18px;
	font-weight:700;
	line-height:45px;
}
.content .cont-inner .title-area .btn-more {
	position:absolute;
	right:-15px;top:50%;
	width:42px;
	height:42px;
	margin-top:-21px;
	background:url(../images2.0/btn/btn_more.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.content .cont-inner .title-area .btn-ico_tool02 {
	position:absolute;
	right:35px;top:50%;
	width:20px;
	height:42px;
	margin-top:-21px;
	background:url(../images2.0/ico/ico_tool02.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
}
.content .cont-inner .title-area .btn-ico_tool03 {
	position:absolute;
	right:15px;top:50%;
	width:20px;
	height:42px;
	margin-top:-21px;
	background:url(../images2.0/ico/ico_tool03.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
}
.content .cont-inner .title-area .btn-ico_tool06 {
	position:absolute;
	right:-5px;top:50%;
	width:20px;
	height:42px;
	margin-top:-21px;
	background:url(../images2.0/ico/ico_tool06.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
}
.status-area .status-list {
	overflow:hidden;
	margin-top:52px;
}
.status-area .status-list li {
	float:left;
	width:25%;
	padding-top:105px;
	text-align:center;
	box-sizing:border-box;
}
.status-area .status-list li.item1 {background:url(../images2.0/ico/ico_app_stat1.png) no-repeat 50% top;}
.status-area .status-list li.item2 {background:url(../images2.0/ico/ico_app_stat2.png) no-repeat 50% top;}
.status-area .status-list li.item3 {background:url(../images2.0/ico/ico_app_stat3.png) no-repeat 50% top;}
.status-area .status-list li.item4 {background:url(../images2.0/ico/ico_app_stat4.png) no-repeat 50% top;}
.status-area .status-list li .tit {
	font-size:14px;
	color:#333;
	font-weight:700;
}
.status-area .status-list li .count {
	font-size:12px;
	color:#999;;
}
.status-area .status-list li .count span {
	font-size:28px;
	font-weight:700;
}

.bx-wrapper {
	position:relative;
	*zoom:1;
}

.app-submain .slider-box {
	overflow:hidden;
	padding-top:25px;
	padding-bottom:25px;
}
.app-submain .slider1 {
	width:120%;
}
.app-submain .slider1 .bx-wrapper {max-width:100% !important;}
.app-submain .slider1 .bxslider {}
.app-submain .slider1 .bxslider .item {
	width:250px !important;
	box-sizing:border-box;
	padding-right:10px;
}
.app-submain .slider1 .bxslider .item .inner {
	display:block;
	position:relative;
	height:204px;
	padding:12px 15px 0;
	border:1px solid #eee;
	box-sizing:border-box;
}
.app-submain .slider1 .bxslider .item span {display:block;}
.app-submain .slider1 .bxslider .item .state {
	margin-bottom:20px;
	font-size:12px;
}
.app-submain .slider1 .bxslider .item .state.type1 {color:#26a7f5}
.app-submain .slider1 .bxslider .item .state.type2 {color:#333}
.app-submain .slider1 .bxslider .item .state.type3 {color:#ff5349}
.app-submain .slider1 .bxslider .item .state.type4 {color:#ff8549}
.app-submain .slider1 .bxslider .item .text {
	color:#333;
	font-size:14px;
	font-weight:700;
}
.app-submain .slider1 .bxslider .item .date {
	color:#999;
	font-size:12px;
	margin-bottom:14px;
}
.app-submain .slider1 .bxslider .item .date.bottom {
	position:absolute;
	right:30px;bottom:26px;
	margin-bottom:0;
}

.app-submain .slider1 .bxslider .item .join {
	position:absolute;
	left:30px;top:135px;
	color:#999;
	font-size:12px;
}
.app-submain .slider1 .bxslider .item .join .per {
	color:#333;
	font-size:14px;
	font-weight:700;
}
.app-submain .slider1 .bxslider .item .btn-join {
	position:absolute;
	right:30px;bottom:30px;
	height:35px;
	padding:0 29px 0 15px;
	box-sizing:border-box;
	border-radius:25px;
	border:1px solid #eee;
	color:#666;
	font-size:12px;
	line-height:33px;
}
.app-submain .slider1 .bxslider .item .btn-join:before {
	content:'';
	position:absolute;
	right:15px;top:50%;
	width:6px;
	height:10px;
	margin-top:-5px;
	background:url(../images2.0/btn/btn_arr.png) no-repeat 0 0;
}

.app-submain .slider1 .bxslider .item.complete .inner {background-color:#fafafa;}
.app-submain .slider1 .bxslider .item.complete .state,
.app-submain .slider1 .bxslider .item.complete .text,
.app-submain .slider1 .bxslider .item.complete .date {color:#bbb;}
.app-submain .slider1 .bx-controls {display:none;}

.app-submain .cont .btn-slide {
	position:absolute;
	right:30px;top:50%;
	height:20px;
	margin-top:-10px;
}
.app-submain .cont .btn-slide button {
	width:15px;
	height:20px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	vertical-align:top;
	line-height:0;
}
.app-submain .cont .btn-slide .btn-prev {background-image:url(../images2.0/btn/btn_prev.png);}
.app-submain .cont .btn-slide .btn-next {background-image:url(../images2.0/btn/btn_next.png);}

.approval-view {
	border-top:2px solid #ff8d86;
	padding:40px 0;
	margin:10px 20px 0 20px;
}

.approval-view .app-list-wrap + .board-write1 {margin-top:20px}
.approval-view .board-view2 {margin-top:20px;}
.approval-view .title {
	margin-bottom:20px;
	font-size:30px;
	font-weight:700;
	color:#333;
	text-align:center;
}
.approval-view > .title {
	margin-bottom:33px;
	font-size:30px;
	font-weight:700;
	color:#333;
	text-align:center;
}

.approval-view .title em {border-bottom:2px solid #333;}

.approval-view2 {
	border-top:2px solid #ff8d86;
	padding:10px 0;
	margin:30px 50px 0 50px;
}


.app-list .box {width:100%;box-sizing:border-box;}
.app-list .line {
	overflow:hidden;
	float:right;
	position:relative;
	width:50%;
	min-height:130px;
	padding:0 0 0 35px;
	box-sizing:border-box;
}
.app-list {overflow:hidden;margin-top:-1px;}
.app-list .box {width:100%;box-sizing:border-box;}
.app-list .line {
	overflow:hidden;
	float:right;
	position:relative;
	width:50%;
	min-height:130px;
	padding:0 30px 0 35px;
	box-sizing:border-box;
}
.app-list .line + .line + .line {margin-top:-2px;}
.app-list .line.mgT {margin-top:-131px;}
.app-list .line > p {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:35px;
	border:1px solid #e5e5e5;
	background-color:#fafafa;
	color:#333;
	font-weight:700;
	box-sizing:border-box;
}
.app-list .line > p span {
	position:absolute;
	top:50%;
	left:10px;
}
.app-list .line .item {
	float:left;
	width:20%;
	height:130px;
	border:1px solid #e5e5e5;
	border-left:0;
	text-align:center;
	box-sizing:border-box;
}
.app-list .line .item + .item + .item + .item + .item + .item {border-top:0;}
.app-list .line .item.new:before {
	content:'';
	display:block;
}
.app-list .line .item.new:before,
.app-list .line .item .position {
	min-height:35px;
	line-height:35px;
	border-bottom:1px solid #e5e5e5;
	background-color:#fafafa;
}
.app-list .line .item .stamp {
	min-height:51px;
	padding:10px 0 6px;
	font-size:0;
	box-sizing:border-box;
}
.app-list .line .item .stamp .txt {
	font-size:14px;
	color:#0f7ccf;
	font-weight:700;
	line-height:35px;
}
.app-list .line .item .info-wrap {display:table;	min-height:35px;	width:100%;}
.app-list .line .item .info {
	width:100%;
	display:table-cell;
	vertical-align:middle;
}
.app-list .line .item .info span {
	display:block;
	font-size:11px;
	color:#999;
}
/* 전자결재 > 전자결재 양식목록 */
.app-wrap .sorting-area {border-bottom:0}
.app-wrap .board-setting .sub-title {
	padding-bottom:15px;
	font-size:16px;
	color:#333;
}
.tab-list1 + .board-setting {margin-top:20px;}

.app-wrap .board-list1 .btn-like {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url(../images2.0/btn/btn_like.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#ddd;
}
.app-wrap .board-list1 .btn-like .like {font-size:0;}

/* 기안문 작성 */
.app-total-wrap .board-write1 .input-area.sum {padding-right:110px;}
.app-total-wrap .board-write1 th .btn {margin-left:10px;height:18px;font-size:0;vertical-align:text-top;}
.app-total-wrap .board-write1 td {padding-left:0}
.app-total-wrap .board-write1 td.center {
	text-align:center;
	font-size:14px;
	color:#333;
}
.app-total-wrap .board-write1 .txt-box li {
	position:relative;
	padding-left:20px;
	display:block;
	width:100%;
	margin-top:10px;
	box-sizing:border-box;
}
.app-total-wrap .board-write1 .txt-box li:first-child {margin-top:0}
.app-total-wrap .board-write1 .txt-box li .important {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-7px;
}
.app-total-wrap .board-write1 .required-box {display:block;}

.app-total-wrap .board-write1 .btn-area {margin-top:10px;}

.app-total-wrap .board-list3:not(._se_bdlist3){overflow-x:scroll;}
.app-total-wrap .board-list3 table:not(._se_bdlist3) {min-width:860px;}
.app-total-wrap .board-list3 table thead th {text-align:center;}
.app-total-wrap .board-list3 table tbody td {
	padding:15px 10px;
	border-bottom:1px solid #eee !important;
}
.app-total-wrap .board-list3 tfoot td {
	padding:15px 0;
	background-color:#fafafa;
	text-align:center;
}
.app-total-wrap .board-list3 tfoot label {margin-right:10px}
.app-total-wrap .form-list.select {
	display:inline-block;
	vertical-align:inherit;
	margin-right:15px;
}

.app-total-wrap .app-line-box {
	overflow:hidden;
}
.app-total-wrap .app-line-box + .app-line-box {
	margin-top:10px;
}
.app-total-wrap .app-line-box .line-box {
	/* width:50%; */
	width:100%;
	box-sizing:border-box;
}
.app-total-wrap .app-line-box .line-left {
	float:left;
	padding-right:10px;
}
.app-total-wrap .app-line-box .line-right {
	float:right;
	/* padding-left:10px; */
}
.app-total-wrap .app-line-box .line-box .app-line {
	position:relative;
	/* padding-left:35px; */
}
.app-total-wrap .app-line-box .line-left .app-line {float:left;}
.app-total-wrap .app-line-box .line-right .app-line {float:right;}
.app-total-wrap .app-line-box .line-box .app-line .app-tit {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:35px;
	border:1px solid #e5e5e5;
	background-color:#fafafa;
	text-align:center;
	color:#000;
	font-weight:700;
}
.app-total-wrap .app-line-box .line-box .app-line .app-tit .text {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.app-total-wrap .app-line-box .line-box .app-line .app-tbl {
	table-layout:auto;
	width:auto;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.app-total-wrap .app-line-box .line-box .app-line .app-tbl th,
.app-total-wrap .app-line-box .line-box .app-line .app-tbl td {
	border-left:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
}
.app-total-wrap .app-line-box .line-box .app-line .app-tbl th {
	height:35px;
	background-color:#fafafa;
}
.app-total-wrap .app-line-box .line-box .app-line .app-tbl td {
	height:60px;
	padding:10px 5px;
	text-align:center;
}
.app-total-wrap .app-line-box .line-box .app-line .app-tbl td .stat {
	color:#0f7ccf;
	font-weight:700;
}
.app-total-wrap .app-line-box .line-box {}
.app-total-wrap .app-line-box .line-box {}
.app-total-wrap .app-line-box {}


/* 관리자 메뉴 > 게시판관리 */
.admin-board-area.type2 .sorting-area {border-bottom:0;}
.admin-board-area.type2 .sorting-area + .board-list1 {margin:0 20px}

.admin-board-area .tab-list1 {margin:0 20px 20px 20px;}
.board-setting {
	position:relative;
	padding-left:340px;
	margin:0 20px;
}
.board-setting .tree-menu {
	position:absolute;
	left:0;
	top:0;
	width:300px;
	height: expression( this.scrollHeight > 1199 ? "1200px" : "auto" );
    max-height: 1200px;
    overflow-y: auto;
}
.board-setting .tree-menu .btn-tree-set {
	position:absolute;
	right:15px;
	top:15px;
	z-index:10;
	width:24px;
	height:24px;
	background:url(../images2.0/btn/btn_setting.gif) no-repeat 0 0;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.board-setting .list-menu {
	position:absolute;
	left:0;
	top:0;
	width:400px;
}

.board-setting .notice-area {}
.board-setting .notice-area .title {
	margin-top:18px;
	padding:20px 0 14px;
	border-top:1px solid #eee;
	color:#333;
	font-size:14px;
}
.board-setting .notice-area .blt-text2 + .title {margin-top:22px;}

.admin-board-area.board-write1 .form-list2 {margin-top:12px;}
.admin-board-area.board-write1 .form-list2 li {margin-top:5px}

/* 관리자 메뉴 > 게시판관리(상세) */
.admin-board-area .selectWrap {width:100%}
.admin-board-area .input-area {float:left;}
.admin-board-area .input-area + span {
	line-height:35px;
	margin-left:20px;
}
.display-area {margin-top:10px;}
.display-area p {
	margin-top:5px;
	font-size:12px;
	color:#999;
}
.att-option1,
.att-option2 {margin-top:15px;}
.att-option1 p,
.att-option2 p {margin:15px 0}
.att-option2 {display:none;}
.att-option1 .radioWrap + label {line-height:26px;}
.read,
.write {display:table-row;}
.read.hidden,
.write.hidden {display:none;}

/* 전자결재 > 관리자메뉴 > 전결규정 설정 */
.app-wrap .board-write1 + .board-write1.type2 {margin-top:30px;}
.app-wrap .board-write1 + .board-write1.type2 tbody th {
	font-weight:normal;
	color:#666;
	padding-left:20px;
}
.app-wrap .board-write1 + .board-write1.type2 {margin-top:50px;}
.app-wrap .float-area + .board-write1.type2 thead th {padding:18px 0;}
.app-wrap .float-area + .board-write1.type2 tbody th {
	font-weight:normal;
	color:#666;
	padding-left:20px;
}

/* 전결리스트 */
.float-area {
	overflow:hidden;
	padding:30px 0 15px;
	margin:0 20px;
}
.float-area .left {float:left;}
.float-area .right {float:right;}

.app-wrap .float-area .sub-title {
	font-size:16px;
	color:#333;
	padding-top:13px;
}
.app-wrap .float-area .right {margin:0}
.app-wrap .float-area + .board-write1.type2 td {padding:18px 15px;}
.app-wrap .float-area + .board-write1.type2 td:first-child {text-align:center;}
.app-wrap .board-write1 .input-area.type2 {
	max-width:560px;
	padding-right:260px;
	box-sizing:border-box;
}
.app-wrap .board-write1 .input-area.type2 .btn-text {right:170px}
.app-wrap .board-write1 .input-area.type2 .selectWrap {
	position:absolute;
	right:0;top:0;
}
.app-wrap .board-write1 .input-area.scope {
	margin-top:15px;
	padding-right:0;
	padding-left:38px;
}
.app-wrap .board-write1 .input-area.scope label {
	position:absolute;
	left:0;
	top:50%;;
	margin-top:-9px;
}
.app-wrap .board-write1 .input-area.scope .input-box {overflow:hidden;}
.app-wrap .board-write1 .input-area.scope .input-box input {width:46%;}
.app-wrap .board-write1 .input-area.scope .input-box .swung-dash {
	display:inline-block;
	width:8%;
	line-height:35px;
	text-align:center;
}
.app-wrap .board-write1 .input-area.scope .input-box input:first-child {float:left;}
.app-wrap .board-write1 .input-area.scope .input-box input:last-child {float:right;}
.app-wrap .board-write1 .check-area input[type=text] {
	display:block;
	margin-top:15px;
}

.app-wrap .blt-text2 {margin:30px 50px 15px 50px;}
.app-wrap .text-box1 + .text-box1 {border-top:0}

/* 전결규정 결재선설정 */
.app-wrap2 .float-area .sub-title {
	font-size:16px;
	color:#333;
	padding-top:13px;
}
.float-area .sub-title .important {
	margin-left:4px;
	color:#ff5349;
	font-weight:bold;
}

.board-write1 .doc-type {
	display:inline-block;
	padding:0 5px;
	vertical-align:middle;
}

/* 결재선설정 페이지 전용 */
.app-wrap2 {}
.app-wrap2 .dynamic-table .input-area {
	width:100%;
	padding-right:250px;
	box-sizing:border-box;
}
.app-wrap2 .dynamic-table .input-area .btn-search {right:165px;}
.app-wrap2 .dynamic-table .input-area .btn-address {right:82px;}
.app-wrap2 .dynamic-table .input-area .btn-delete {right:0;}

.app-wrap2 .dynamic-table .input-area.type2 {
	display:inline-block;
	padding-right:85px;
}
.app-wrap2 .dynamic-table .input-area.type2 + span {margin-left:15px;}

.app-wrap2 .dynamic-table + .dynamic-table {
	display:none;
	margin-top:50px;
}

/* 관리자 메뉴 > 게시물관리 */
.admin-board-area .board-setting .top-search-box {margin:0}
.admin-board-area .board-setting .sorting-area {
	margin:0;
	border-bottom:0
}
.admin-board-area .board-setting .btn-wrap {margin:20px 0 0 0;}

/* 관리자메뉴 > 게시판 import */
.import-list {
	margin:0 20px;
	border-top:1px solid #eee;
	padding:30px 0 0 0;
}
.import-list > ul > li {
	position:relative;
	padding-left:80px;
	padding-bottom:50px;
}
.import-list > ul > li:before {
	content:'';
	position:absolute;
	left:30px;
	top:0;
	bottom:0;
	width:1px;
	height:100%;
	background-color:#eee;
}
.import-list > ul > li:last-child {padding-bottom:0}
.import-list > ul > li:last-child:before {display:none;}
.import-list li .step {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:60px;
	height:60px;
	padding-top:12px;
	color:#fff;
	font-size:11px;
	text-align:center;
	border-radius:30px;
	box-sizing:border-box;
}
.import-list > ul > li .btn-icon-text {
	position:absolute;
	right:0;
	top:13px;
}
.import-list li .step em {
	display:block;
	font-size:25px;
	font-weight:700;
	line-height:17px;
}
.import-list li .cont > p {
	min-height:60px;
	padding:8px 0;
	font-size:16px;
	color:#333;
	font-weight:700;
	box-sizing:border-box;
}
.import-list li .cont > p.line1 {line-height:44px;}
.import-list li .cont > p span {
	display:block;
	font-size:13px;
	color:#666;
	font-weight:normal;
}

.box-cont {
	padding:30px;
	margin-top:25px;
	background-color:#fafafa;
}
.box-cont p {
	color:#333;
	font-weight:700;
	margin-bottom:15px;
}
.box-cont > ul > li {margin-bottom:7px}
.box-cont ul li ul li {
	padding-left:15px;
}
.admin-board-area .import-list .box-cont {overflow:hidden;}
.admin-board-area .import-list .file-box {
	float:left;
	margin-top:10px;
}

.admin-board-area .import-list .box-cont .board-list1 {
	background-color:#fff;
	margin-top:18px;
}
.admin-board-area .import-list .box-cont .board-list1 th,
.admin-board-area .import-list .box-cont .board-list1 td {text-align:center;height:45px;}
.admin-board-area .import-list .box-cont .board-list1 td {
	overflow:hidden;
	width:100%;
	padding:0;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.file-box {
	position:relative;
	width:100%;
	padding-right:174px;
	box-sizing:border-box;
}
.file_input_textbox {
	width:100% !important;
	max-width:100% !important;
	border:1px solid #e5e5e5;
	font-size:12px;
	color:#666;
	box-sizing:border-box;
}
.file_input_div {
	overflow:hidden;
	position:absolute;
	right:81px;
	top:0;
	display:inline-block;
	width:73px;
	height:35px !important;
	vertical-align:middle;
	cursor:pointer;
}
.file_input_div:hover .file_input_button {
	border:0 !important;
	background-color:#999;
	color:#fff !important;
	line-height:35px;
}

.file_input_small_textbox {
	width:70% !important;
	max-width:70% !important;
	border:1px solid #e5e5e5;
	font-size:12px;
	color:#666;
	box-sizing:border-box;
}
.file_input_small_div {
	overflow:hidden;
	position:absolute;
	right: -10px;
    top: -35px;
	display:inline-block;
	width:73px;
	height:35px !important;
	vertical-align:middle;
	cursor:pointer;
}
.file_input_small_div:hover .file_input_button {
	border:0 !important;
	background-color:#999;
	color:#fff !important;
	line-height:35px;
}

.file_input_button {
	position:absolute;
	top:0;
	right:0;
	width:73px;
	height:35px !important;
	font-size:12px;
	line-height:33px;
	color:#666;
	border:0;
	background-color:#fff;
	border:1px solid #e5e5e5
}
.file_input_hidden {
	position:absolute;
	right:0;
	top:0;
	width:73px;
	height:35px !important;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	-khtml-opacity:0;
	-moz-opacity:0;
}
.file-box .btn-text {
	position:absolute;
	right:0px;
	top:0px;
}





/* 게시판 Export */
.export-list + .section {
	overflow:hidden;
	margin-top:10px;
}
.export-list + .section p {display:inline-block;line-height:35px;}
.export-list + .section .f-right {float:right;}
.export-list .board-write1 td {height:54px;box-sizing:border-box;}
/* 나의워크스페이스 */
.myspace {margin:0 20px;}
.myspace.type2 {margin-top:40px;}
.myspace .tab-list1{margin:0;}
.myspace .tabContent {margin:0;}
.myspace .top-search-box {margin:40px 0 0 0;}
.myspace .sorting-area {
	margin:0;
	border-bottom:0;
}

.blt-text1 + .web-editer {margin-top:15px;}

/* 환경설정 > 서명관리 */
.sign-img-area {}
.sign-img-area .img-area {
	width:60px;
	font-size:0;
	line-height:0;
}
.sign-img-area .img-area img {width:100%;}
.sign-img-area .blt-list2 {margin-top:15px;}

/* 환경설정 > 개인보관함 */
.cate-name {display:none;}
.cate-name .board-write1 {margin:0;}
.cate-name .btn-right {
	margin-top:20px;
	text-align:right;
}

/* 환경설정 > 대결자관리 */
.appp-mandate {}
.appp-mandate .board-write1 {}
.appp-mandate .board-write1 .search-box2 {
	width:216px;
}
.appp-mandate .board-write1 {}
.appp-mandate .board-list1 {margin:30px 50px 0;}
.appp-mandate {}
.address-search {
	overflow:hidden;
}
.address-search .search-box2 {
	float:left;
}
.address-search .btn-text {
	float:left;
	margin-left:10px;
}
.address-search .text-name {
	float:left;
	width:100%;
	margin-top:5px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
	설문조사
------------------------------------------------------------------------------------------------------------------------------------------- */
/* 서브메인 */
.replace-img-area .img-area img {max-width:100%}
.replace-img-area .img-area .mobile {display:none;}

/* 설문작성 */
.user-search-box {
	position:relative;
	padding-left:100px;
	border:1px solid #f5f5f5;
}
.user-search-box + .user-search-box {border-top:0;}
.user-search-box .title-area {
	position:absolute;
	left:0;top:0;bottom:0;
	width:100px;
}
.user-search-box .title-area .title {
	position:absolute;
	left:10px;right:10px;top:50%;
	margin-top:-10px;
	color:#333;
	font-size:14px;
	font-weight:700;
	text-align:center;
	line-height:20px;
}
.user-search-box .cont-area {
	padding:15px 20px;
	border-left:1px solid #f5f5f5;
}
.user-search-box .cont-area .seach-top {overflow:hidden;}
.user-search-box .cont-area .seach-top .search-box2 {float:left;}
.user-search-box .cont-area .seach-top .len-text {
	float:left;
	margin-left:20px;
	line-height:35px;
}
.user-search-box .cont-area .text-notice {}
.user-search-box {}

/* 설문참여 */
.survey-wrap {margin:40px 50px 0;}
.survey-list-item {border:1px solid #eee;}
.survey-list-item + .survey-list-item {margin-top:25px;}
.survey-list-item .survey-title {
	position:relative;
	padding:19px 55px 21px 25px;
	background-color:#fafafa;
}
.survey-list-item .survey-title .title {
	color:#000;
	font-size:16px;
	font-weight:700;
	line-height:24px;
}
.survey-list-item .survey-title .title + .text {margin-top:10px;}

.survey-list-item .survey-list {border-top:1px solid #eee;}
.survey-item {position:relative;}
.survey-item .inner {
	position:relative;
	padding:15px 45px 21px;
	background-color:#fff;
}
.survey-item .question-area {overflow:hidden;}
.survey-item .question-area .number {
	float:left;
	position:relative;
	padding-right:14px;
	color:#999;
	font-size:25px;
}
.survey-item .question-area .question {
	float:left;
	padding:8px 0 0 10px;
	color:#333;
	font-size:14px;
	font-weight:700;
}
.survey-item .question-area .required {
	position:absolute;
	right:0;top:0;
	color:#ff5349;
	font-weight:700;
	vertical-align:top;
	line-height:30px;
}
.survey-item .question-area + .board-write2 {margin-top:15px;padding-bottom:5px;}

.survey-item .item-list {
	overflow:hidden;
	margin:17px 0 0 -20px;
}
.survey-item .item-list .item {
	position:relative;
	padding-left:20px;
	box-sizing:border-box;
	line-height:28px;
}
.survey-item .item-list.inline .item {display:inline-block;}
.survey-item .item-list.column .item {display:inline-block;}
.survey-item .item-list.column br:last-child {display:none;}
.survey-item .item-list .item:after {
	content:'';
	display:block;
	clear:both;
}
.survey-item .item-list .item input[type=text] {
	height:28px;
	line-height:28px;
}
.survey-item .item-list .item.textfield {
	display:block;
	width:100%;
}
.survey-item .item-list .item.textfield label {display:inline-block;white-space:nowrap;}
.survey-item .item-list .item.textfield .field-box {
	float:right;
	width:100%;
}
.survey-item .item-list .item.textfield .field-box .field {width:100%;}

.survey-item.image .item-list .item {
	padding-top:6px;
	padding-bottom:2px;
}
.survey-item.image .item-list .item .radioWrap,
.survey-item.image .item-list .item .checkWrap {vertical-align:top;}
.survey-item.image .item-list .item label {
	display:inline-block;
	width:52px;
	vertical-align:top;
	line-height:0;
}
.survey-item.image .item-list .item label img {
	width:52px;
	height:52px;
}
.survey-item.image .item-list .item .name {
	display:block;
	margin-right:-5px;
	padding-top:4px;
	line-height:20px;
}
.survey-item .item-list.max .item {
	padding-top:6px;
	padding-bottom:4px;
}

/* 설문결과 조회 */
.survey-js {margin:40px 50px 0;}
.graph-gauge {
	position:relative;
	height:18px;
	background-color:#e5e5e5;
}
.graph-gauge .gauge {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:1px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.graph-gauge .gauge:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;bottom:0;
	background:-moz-linear-gradient(left, #fff 0%, transparent 100%);
	background:-webkit-linear-gradient(left, #fff 0%,transparent 100%);
	background:linear-gradient(to right, #fff 0%,transparent 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='transparent',GradientType=0 );
	opacity:0.4;
}

.graph-gauge em{	
	position: absolute;
    top: -4px;
    font-size: 11px;
    right: 2%;
    color: #333;
    font-weight: bold;
    padding-top: 2%;
    padding-bottom: 2%;
}


.total-box {
	overflow:hidden;
	position:relative;
	margin:20px 50px 0;
	padding:28px 20px 28px 120px;
	border:1px solid #eee;
	background-color:#fafafa;
}
.total-box .total-title {
	position:absolute;
	left:30px;top:28px;
	color:#333;
	font-size:16px;
	font-weight:700;
	line-height:34px;
}
.total-box .box {
	overflow:hidden;
	float:left;
	margin-left:40px;
}
.total-box .total-item {
	overflow:hidden;
	float:left;
	position:relative;
	font-size:14px;
	line-height:34px;
}
.total-box .total-item + .total-item {margin-left:40px;}
.total-box .total-item.minus,
.total-box .total-item.equals {
	padding-left:56px;
}
.total-box .total-item.minus:before,
.total-box .total-item.equals:before,
.total-box .total-item.equals:after {
	content:'';
	position:absolute;
	left:0;top:50%;
	width:16px;
	height:2px;
}
.total-box .total-item.minus:before {
	margin-top:-1px;
	background-color:#bbb;
}
.total-box .total-item.equals:before {
	margin-top:-4px;
	background-color:#666;
}
.total-box .total-item.equals:after {
	margin-top:2px;
	background-color:#666;
}
.total-box .total-item .title {
	float:left;
}
.total-box .total-item .text {
	float:left;
}
.total-box .total-item .text .number {
	margin-left:15px;
	color:#333;
	font-size:20px;
	font-weight:700;
}
.total-box .total-item .text .number.fColor {font-size:25px;}

/*
	설문 수정
*/
.survey-modify .survey-list-item .survey-title {
	background-color:#fff;
	cursor:s-resize;
}
.survey-modify .survey-list-item.on .survey-title {cursor:default;}
.survey-modify .survey-list-item .survey-title:before {
	content:'';
	position:absolute;
	right:25px;top:25px;
	width:10px;
	height:18px;
	background-image:url(../images2.0/ico/ico_toggle.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.survey-modify .survey-list-item .survey-title .text {display:none;}
.survey-modify .survey-list-item .survey-list {display:none;}
.survey-modify .survey-list-item .survey-title .title .btn-modify-area {
	display:none;
	position:relative;
	width:24px;
	height:24px;
	margin-left:10px;
}
.survey-modify .survey-list-item .survey-title .title .btn-modify-area .btn-modify {
	margin-left:0;
	display:inline-block;
}
.survey-modify .survey-list-item .survey-title .title .btn-icon {position:relative;}
/* on */
.survey-modify .survey-list-item.on .survey-title {background-color:#fafafa;}
.survey-modify .survey-list-item.on .survey-title .text {display:block;}
.survey-modify .survey-list-item.on .survey-title .title .btn-modify-area,
.survey-modify .survey-list-item.on .survey-title .title .btn-all-del {display:inline-block;}
.survey-modify .survey-list-item.on .survey-list {display:block;}

.survey-modify .survey-list-item.on .survey-title:before {background-position:0 -18px;}
.survey-list-item .btn-modify {display:none;margin-left:10px;}
.survey-list-item .btn-all-del {display:none;margin-left:3px;}

.btn-add-area {
	display:none;
	padding:25px;
	border-top:1px solid #eee;
}
.survey-list-item.on .btn-add-area {display:block;}
.btn-addlist {width:100%;}
.btn-addlist .text {
	display:inline-block;
	height:38px;
	padding:0 0 0 25px;
	font-size:14px;
	line-height:38px;
}
.btn-addlist .text .icon {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:14px;
	height:14px;
	margin-top:-7px;
	background-image:url(../images2.0/btn/btn_addlist.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.btn-addlist.bgColor .text {color:#fff;}
.btn-addlist.bgColor .text .icon {background-position:0 -14px;}

.survey-list-item .btn-add-area + .survey-list {border:0;}

.survey-list-item .survey-item .btn-up-down {
	display:none;
	position:absolute;
	left:12px;top:64px;
	width:24px;
}
.survey-list-item .survey-item .btn-up-down .btn-icon {
	width:24px;
	height:24px;
	border:1px solid #eee;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.survey-list-item .survey-item .btn-up-down .btn-icon + .btn-icon {margin-top:6px;}
.survey-list-item .survey-item .btn-up-down .btn-up {background-image:url(../images2.0/btn/btn_up.png);}
.survey-list-item .survey-item .btn-up-down .btn-down {background-image:url(../images2.0/btn/btn_down.png);}

.survey-list-item .survey-item .btn-add-del {
	display:none;
	overflow:hidden;
	position:absolute;
	right:0;top:0;
}
.survey-list-item .survey-item .btn-add-del .btn-icon {
	float:left;
	width:24px;
	height:21px;
	background-color:#d5d5d5;
	background-repeat:no-repeat;
	background-position:0 50%;
}
.survey-list-item .survey-item .btn-add-del .btn-add {background-image:url(../images2.0/btn/btn_add.png);}
.survey-list-item .survey-item .btn-add-del .btn-del {background-image:url(../images2.0/btn/btn_del03.png);}

.survey-list-item .survey-list .survey-item.active .inner {background-color:#f5f5f5;}
.survey-list-item .survey-item.active .btn-modify {display:inline-block;}
.survey-list-item .survey-item.active .btn-up-down,
.survey-list-item .survey-item.active .btn-add-del {display:block;}

/* 편집중 */
.survey-item.editing {background-color:#f5f5f5;}
.survey-item.editing:before {
	content:'편집중';
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	height:21px;
	padding:0 5px;
	background-color:#ff5349;
	color:#fff;
	font-size:12px;
	line-height:21px;
}
.survey-item.editing .question-area .question {}
.survey-item.editing .question-area .question input[type=text] {
	height:28px;
	line-height:28px;
}
.survey-item.editing .item-list .item:after {
	content:'';
	display:block;
	clear:both;
}
.survey-item.editing .item-list .item + .item {margin-top:2px;}
.survey-item.editing .question input[type=text] {width:100%;}

.survey-item.editing .btn-modify {display:none !important;}
.survey-item.editing .btn-up-down,
.survey-item.editing .btn-add-del {display:block;}

.survey-item.editing .btn-area {
	padding:4px 0 25px;
	text-align:center;
}
.survey-item.editing .btn-area .btn-text + .btn-text {margin-left:10px;}
.survey-item.editing .btn-area {}

/* 수정 */
.survey-item.editing .item-list {padding-right:25px;}

/* 01 */
.survey-item.editing .question-area {position:relative;}
.survey-item.editing .question-area .question {
	position:absolute;
	left:47px;right:25px;top:0;
}
.survey-item.editing.type1 .question-area .question input[type=text] {width:100%;}
.survey-item.editing.type1 .item-list .item {
	position:relative;
	line-height:30px;
}
.survey-item.editing.type1 .item-list .item .textarea {
	position:absolute;
	left:41px;right:0px;top:0;
}
.survey-item.editing.type1 .item-list .item .textarea input[type=text] {width:100%;}
.survey-list-item .survey-list .survey-item.editing .item-list.inline .item,
.survey-list-item .survey-list .survey-item.editing .item-list.column .item,
.survey-list-item .survey-list .survey-item.editing.type1 .item-list .item.textfield .field-box {display:block;}
.survey-list-item .survey-list .survey-item.editing .item-list.column br {display:none;}
.survey-item.editing.type1 .item-list .item.textfield .field-box {
	width:100% !important;
	padding-left:24px;
	box-sizing:border-box;
}
.survey-item.editing .item-list .item .field {
	margin-top:2px;
	border-color:#eee;
	background-color:#fafafa;
}
/* type2 */
.survey-item.editing.editing.type2 {}
.survey-item.editing.type2 .item-list .item.textfield label {display:none;}
.survey-item.editing.type2 .item-list .item.textfield .left-box {
	float:left;
	width:51%;
	padding-right:6px;
	box-sizing:border-box;
}
.survey-item.editing.type2 .item-list .item.textfield .left-box input[type=text] {
	width:100%;
	margin-top:2px;
}
.survey-item.editing.type2 .item-list .item.textfield .field-box {width:49% !important;}
/* type2 */
.survey-item.editing.editing.type3 {}
.survey-item.editing.editing.type3 .board-write2 td.edit {padding-right:15px;}
.survey-item.editing.editing.type3 .board-write2 td.edit .text {display:none;}
.survey-item.editing.editing.type3 .board-write2 td.edit input[type=text] {
	width:100%;
	height:28px;
	line-height:26px;
}

.survey-list-item.ui-sortable-helper {overflow:hidden;}
.survey-list-item.ui-sortable-helper .survey-title:before {background-image:url(../images2.0/ico/ico_toggle02.png);}
.survey-list-item.ui-sortable-helper .survey-title .title,
.survey-list-item.ui-sortable-helper .survey-title .text {color:#fff;}
.survey-list-item.ui-sortable-helper .survey-title .btn-icon {display:none !important;}


/* image */
.survey-item.editing.image {}
.survey-item.editing.image .item-list .item label .name {display:none;}
.survey-item.editing.image .item-list .item .modify-area {
	position:absolute;
	left:110px;right:0;top:5px;
}
.survey-item.editing.image .item-list .item .modify-area input[type=text] {width:100%;}
.survey-item.editing.image .item-list .item .modify-area .input-file {
	display:block;
	margin-top:5px;
}

.group-add-area {display:none;}

/* ===========================================================================
	레이어 타입
=========================================================================== */
.layer-type1 {
	display:none;
	position:absolute;
	z-index:5;
	box-sizing:border-box;
	border:1px solid #ddd;
	box-shadow:-2px 4px 4px rgba(0,0,0,.1);
	background-color:#fff;
}
.layer-type1 .title-area {
	overflow:hidden;
	height:55px;
	padding:0 0 0 30px;
	border-bottom:1px solid #ddd;
	background-color:#eee;
	color:#000;
	font-size:16px;
	font-weight:700;
	line-height:55px;
}
.layer-type1 .title-area .btn-close {
	float:right;
	width:65px;
	height:55px;
	background:url(../images2.0/btn/btn_close01.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

/* 그룹수정 레이어 */
.modify-layer {
	left:0;
	top:23px;
	width:600px;
}
.modify-layer .modify-cont {
	padding:22px 30px 30px;
}
.modify-layer .modify-cont .title {
	color:#333;
	font-size:12px;
	font-weight:700;
}
.modify-layer .modify-cont textarea {
	height:73px;
	margin-top:4px;
}
.modify-layer .modify-cont textarea + .title {margin-top:12px;}


/* 문항타입 레이어 */
.modify-box .type-layer {
	right:0;top:23px;
	width:900px;
}
.modify-box .type-layer .cont-area {overflow:hidden;}
.modify-box .type-layer .cont-area .menu-list {
	float:left;
	width:200px;
	padding:10px 0;
	border-right:1px solid #e5e5e5;
}
.modify-box .type-layer .cont-area .menu-item {}
.modify-box .type-layer .cont-area .menu-title {
	position:relative;
	padding:0 30px;
	color:#333;
	font-size:14px;
	height:48px;
	line-height:48px;
}
.modify-box .type-layer .cont-area .menu-title .icon {
	position:absolute;
	right:30px;top:50%;
	width:9px;
	height:9px;
	margin-top:-5px;
	background-color:#9da4ac;
	background-image:url(../images2.0/btn/btn_menu_ico.png);
	background-repeat:no-repeat;
	background-position:0 -9px;
}
.modify-box .type-layer .cont-area .menu-title .icon.bgColor {background-position:0 0;}

.modify-box .type-layer .cont-area .menu-item .list {
	display:none;
	margin-bottom:10px;
	padding:10px 0;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background-color:#f5f5f5;
}
.modify-box .type-layer .cont-area .menu-item:last-child .list {}
.modify-box .type-layer .cont-area .menu-item .list .item {
	padding:6px 0 6px 30px;
	cursor:pointer;
	color:#666;
}
.modify-box .type-layer .cont-area .menu-item .list .item:hover,
.modify-box .type-layer .cont-area .menu-item .list .item.on {color:#333;text-decoration:underline;}

.modify-box .type-layer .cont-area .preview-area {
	float:left;
	width:620px;
	margin-left:-1px;
	padding-left:30px;
	box-sizing:border-box;
	border-left:1px solid #e5e5e5;
}
.modify-box .type-layer .cont-area .preview-area .preview-title {
	height:48px;
	padding-top:10px;
	color:#333;
	font-size:14px;
	font-weight:700;
	line-height:48px;
}

.preview-item {display:none;}
.preview-item:first-child {display:block;}
.preview-item .survey-item {display:none;}
.preview-item .survey-item:first-child {display:block;}

.modify-box .type-layer .survey-item .inner {padding:0;}
.modify-box .type-layer .survey-item .question-area .number {display:none;}
.modify-box .type-layer .survey-item .btn-modify {display:none;}
.modify-box .type-layer .survey-item .question-area .question {padding-left:0;}
.modify-box .type-layer .survey-item .item-list {margin-top:9px;}

/* ===========================================================================
	레이어 팝업
=========================================================================== */
/* 공통 */
.layer-popup-wrap {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:120;
	background-color:rgba(0,0,0,.7);
}
.layer-popup {
	display:block;
	overflow-y:auto;
	position:fixed;
	left:50%;top:50%;
	z-index:120;
	background-color:#fff;
}
.layer-popupView {
	display:block;
	overflow-y:auto;
	position:fixed;
	z-index:120;
	background-color:#fff;
}
.layer-popup.full {width:100%;}
.layer-popup.mid {width:600px;}
.layer-popup.sm {width:300px;}
.layer-popup .pop-head, .layer-popupView .pop-head {
	position:relative;
	height:56px;
	padding:0 90px 0 30px;
	background-color:#eee;
}
.layer-popup .pop-head .title, .layer-popupView .pop-head .title {
	color:#000;
	font-size:16px;
	font-weight:700;
	line-height:55px;
}
.layer-popup .pop-head .btn-close, .layer-popupView .pop-head .btn-close {
	position:absolute;
	right:0;top:0;
	width:78px;
	height:100%;
	background:url(../images2.0/btn/btn_close01.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.layer-popup .pop-content, .layer-popupView .pop-content {
	padding:30px 30px 40px;
	box-sizing:border-box;
}

.layer-popup .board-list1 table thead th, .layer-popupView .board-list1 table thead th {
	height:44px;
	font-size:13px;
}
.layer-popup .board-list1 table td, .layer-popupView .board-list1 table td {
	padding:9px 0;
	font-size:12px;
}

/* 인물정보 팝업 */
.btn-user {cursor:pointer;}
.user-popup {width:600px;}
.user-popup .pop-content {overflow:hidden;}
.user-popup .img-area {
	float:left;
	width:133px;
	height:133px;
}
.user-popup .img-area img {
	width:100%;
	height:100%;
}
.user-popup .text-area {
	float:left;
	margin-left:25px;
}
.user-popup .text-area .name {
	margin-top:-4px;
	color:#333;
	font-size:14px;
	font-weight:700;
}
.user-popup .text-area dl {
	overflow:hidden;
	font-size:12px;
	margin-top:14px;
}
.user-popup .text-area dl dt {
	clear:both;
	float:left;
	min-width:85px;
	margin-top:8px;
}
.user-popup .text-area dl dd {
	float:left;
	color:#333;
	margin-top:8px;
}

/* 예약정보 레이어 */
.layer-popup.info-layer {
	display:none;
	position:fixed;
	left:0;
	top:0;
	z-index:120;
	width:300px;
	box-shadow:1px 4px 4px rgba(0,0,0,.1);
	border:1px solid #ddd;
}
.layer-popup.info-layer .info-cont {
	padding:26px 30px 37px;
}
.layer-popup.info-layer .info-cont .title {
	color:#333;
	font-size:14px;
	font-weight:700;
}
.layer-popup.info-layer .info-cont dl {
	overflow:hidden;
	font-size:12px;
	padding-top:10px;
}
.layer-popup.info-layer .info-cont dl dt {
	clear:both;
	float:left;
	margin-top:7px;
	width:70px;
}
.layer-popup.info-layer .info-cont dl dd {
	float:left;
	margin-top:7px;
	color:#333;
}



.layer-popup2.info-layer {
	display:none;
	position:fixed;
	left:0;
	top:0;
	z-index:120;
	width:300px;
	box-shadow:1px 4px 4px rgba(0,0,0,.1);
	border:1px solid #ddd;
}
.layer-popup2.info-layer .info-cont {
	padding:26px 30px 37px;
}
.layer-popup2.info-layer .info-cont .title {
	color:#333;
	font-size:14px;
	font-weight:700;
}
.layer-popup2.info-layer .info-cont dl {
	overflow:hidden;
	font-size:12px;
	padding-top:10px;
}
.layer-popup2.info-layer .info-cont dl dt {
	clear:both;
	float:left;
	margin-top:7px;
	width:70px;
}
.layer-popup2.info-layer .info-cont dl dd {
	float:left;
	margin-top:7px;
	color:#333;
}

/* 개인 블로그 설정 팝업 */
.blog-popup {
	width:900px;
	margin:0 0 0 -450px;
}
.blog-popup .tab-list1 {margin:0;}
.blog-popup .tabContent {margin:27px 0 0;}

.blog-popup .sTitle1 {margin:35px 0 10px;}
.blog-popup .sTitle1:first-child {margin-top:0;}
.blog-popup .blt-text1 {margin-bottom:12px;}

.blog-numbering {position:relative;}
.blog-numbering .fixed-box {
	overflow:hidden;
	position:relative;
	background-color:#9da4ac;
	color:#fff;
	font-weight:700;
	text-align:center;
	line-height:50px;
}
.blog-numbering .drag-box {
	overflow:hidden;
	position:relative;
	cursor:default;
}
.blog-numbering .box {
	float:left;
	width:130px;
	height:50px;
}
.blog-numbering .drag-box .box1 {
	background-image:url(../images2.0/ico/ico_drag_off.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	/* cursor:s-resize; */
}
.blog-numbering .ui-sortable-helper .box1 {background-image:url(../images2.0/ico/ico_drag_on.png);}
.blog-numbering .ui-sortable-helper .radioWrap {
	background:none;
	border-radius:50%;
	border:1px solid #fff;
}
.blog-numbering .ui-sortable-helper .radioWrap.checked:before {
	content:'';
	position:absolute;
	left:50%;top:50%;
	width:8px;
	height:8px;
	margin:-4px 0 0 -4px;
	border-radius:50%;
	background-color:#fff;
}
.blog-numbering .box4 {
	position:absolute;
	left:390px;right:0;top:0;
	width:auto;
}
.blog-numbering .no-data {
	display:none;
	margin-top:10px;
	height:50px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background-color:#fff;
	text-align:center;
	font-size:14px;
	line-height:48px;
}
.blog-numbering.dataNone .no-data {display:block;}

.blog-popup .blog-layout {
	overflow:hidden;
	padding:30px 33px 28px;
	border:1px solid #eee;
	background-color:#fafafa;
}
.blog-popup .blog-layout .item {
	float:left;
	position:relative;
	width:33%;
	padding:0 33px;
	box-sizing:border-box;
	text-align:center;
}
.blog-popup .blog-layout .item .icon {
	display:block;
	position:relative;
	width:100%;
	height:118px;
	margin-bottom:9px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background-color:#fff;
}
.blog-popup .blog-layout .item .icon:before {
	content:'';
	position:absolute;
	left:-1px;right:-1px;top:-1px;
	height:34px;
	background-color:#9da4ac;
}
.blog-popup .blog-layout .item .icon:after {
	content:'';
	position:absolute;
	left:30px;right:30px;top:33px;bottom:0;
}
.blog-popup .blog-layout .item.left .icon:after {border-left:1px solid #ddd;}
.blog-popup .blog-layout .item.right .icon:after {border-right:1px solid #ddd;}
.blog-popup .blog-layout .item.side .icon:after {border-left:1px solid #ddd;border-right:1px solid #ddd;}

.blog-popup .blog-portlet {
	position:relative;
	padding-left:160px;
}
.blog-popup .blog-portlet .portlet-list {
	position:absolute;
	left:0;top:0;bottom:0;
	width:140px;
	padding:15px;
	box-sizing:border-box;
	border:1px solid #eee;
}
.blog-popup .blog-portlet .portlet-list .title {
	color:#333;
	font-size:13px;
	font-weight:700;
	text-align:center;
}
.blog-popup .blog-portlet .portlet-list .item {
	margin-top:9px;
	font-size:12px;
}
.blog-popup .blog-portlet .portlet-list .item:first-child {margin-top:12px;}

.blog-popup .blog-portlet .layout-box {
	position:relative;
	width:100%;
	padding:25px;
	box-sizing:border-box;
	border:1px solid #eee;
}
.blog-popup .blog-portlet .layout-box .fixed-box {
	position:relative;
	height:305px;
	background-color:#9da4ac;
}
.blog-popup .blog-portlet .layout-box .fixed-box p {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	height:20px;
	margin-top:-10px;
	color:#fff;
	font-weight:700;
	text-align:center;
	line-height:20px;
}
.blog-popup .blog-portlet .layout-box .layoutDrop {
	display:none;
	position:absolute;
	top:25px;bottom:0;
	width:130px;
}

.blog-popup .blog-portlet .layout-box .left-box {left:25px;}
.blog-popup .blog-portlet .layout-box .right-box {right:25px;}

.blog-popup .blog-portlet .layout-box.left-menu {padding-left:170px;}
.blog-popup .blog-portlet .layout-box.right-menu {padding-right:170px;}
.blog-popup .blog-portlet .layout-box.side-menu {padding-left:170px;padding-right:170px;}
.blog-popup .blog-portlet .layout-box.left-menu .left-box {display:block;}
.blog-popup .blog-portlet .layout-box.right-menu .right-box {display:block;}
.blog-popup .blog-portlet .layout-box.side-menu .layoutDrop {display:block;}
.blog-popup .blog-portlet .layout-box .layoutDrop .item {
	width:130px;
	height:35px;
	margin-bottom:10px;
	box-sizing:border-box;
	border:1px solid #ddd;
	font-size:12px;
	text-align:center;
	line-height:33px;
	cursor:move;
}

.blog-popup .bg-choice-area {
	position:relative;
	padding-left:184px;
}
.blog-popup .bg-choice-area .bg-preview {
	position:absolute;
	left:0;
	top:0;
	width:154px;
	height:154px;
	font-size:0;
	line-height:0;
}
.blog-popup .bg-choice-area .bg-preview img {
	width:100%;
	height:100%;
}
.blog-popup .bg-choice-area .bg-preview .text {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:32px;
	background-color:rgba(0,0,0,.5);
	color:#fff;
	font-size:12px;
	text-align:center;
	line-height:32px;
}
.blog-popup .bg-choice-area .bg-choice-list {
	overflow:hidden;
	padding:0 0 25px 12px;
	border:1px solid #eee;
}
.blog-popup .bg-choice-area .bg-choice-list .item {
	float:left;
	padding:25px 12px 0 13px;
	text-align:center;
}
.blog-popup .bg-choice-area .bg-choice-list .item label {
	display:block;
	width:45px;
	height:45px;
	margin-bottom:9px;
	font-size:0;
	line-height:0;
}
.blog-popup .bg-choice-area .bg-choice-list .item label img {
	width:100%;
	height:100%;
}
.blog-popup .bg-choice-area .bg-choice-list .item:first-child label {
	box-sizing:border-box;
	border:1px solid #eee;
}
.blog-popup .bg-choice-area .bg-choice-list .item:first-child label img {display:none;}
.blog-popup .bg-choice-area .add-image {
	margin-top:20px;
	padding:22px 25px;
	border:1px solid #eee;
	background-color:#fafafa;
}
.blog-popup .bg-choice-area .add-image .input-file2 {}
.blog-popup .bg-choice-area .add-image .input-file2 .inner {
	width:100%;
	margin-top:10px;
	box-sizing:border-box;
}
.blog-popup .bg-choice-area .add-image .input-file2 .inner .none-click {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:5;
}
.blog-popup .bg-choice-area .add-image .input-file2 input[type=text] {
	width:100%;
}
.blog-popup .bg-choice-area .btn-wrap {
	margin:30px 0 0 -184px;
	padding-top:20px;
	border-top:1px solid #eee;
}

.blog-popup .chart-wrap {
	position:relative;
}
.blog-popup .chart-cont {}
.blog-popup .chart-cont .chart-item {display:none;}
.blog-popup .chart-cont .chart-item.on {display:block;}
.blog-popup .chart-cont .chart-item .chart-area {margin-top:15px;}

/* 차트 */
.chart-area {
	position:relative;
	padding:0 60px 30px;
	border:1px solid #e5e5e5;
}
.chart-area .highcharts-legend {
	display:none;
}
.chart-area .chart-legend {
	position:absolute;
	left:100px;top:30px;
	z-index:5;
	padding-left:23px;
	color:#333;
	font-size:12px;
	font-weight:700;
}
.chart-area .chart-legend:before,
.chart-area .chart-legend:after {
	content:'';
	position:absolute;
	top:50%;
	background-color:#ff5349;
}
.chart-area .chart-legend:before {
	left:4px;
	width:8px;
	height:8px;
	margin-top:-4px;
	border-radius:50%;
}
.chart-area .chart-legend:after {
	left:0;
	width:16px;
	height:2px;
	margin-top:-1px;
}

/* 개인블로그 설정 팝업 내 카테고리 수정/등록 팝업 */
.category-popup {
	width:600px;
	z-index:125;
}
.category-popup .category-btnClose{
	position:absolute;
	right:0;
	top:0;
	width:78px;
	height:100%;
	background:url(../images2.0/btn/btn_close01.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

.category-popup .pop-content {
	position:relative;
	padding:30px 130px 30px 120px;
}
.category-popup .pop-content label {
	position:absolute;
	left:30px;top:30px;
	line-height:28px;
}
.category-popup .pop-content .required-box {width:100%;}
.category-popup .pop-content input[type=text] {
	width:100%;
	height:28px;
	font-size:12px;
	line-height:28px;
}
.category-popup .pop-content .btn-area {
	overflow:hidden;
	position:absolute;
	right:30px;top:30px;
}
.category-popup .pop-content .btn-area .btn-text {
	float:left;
	margin-left:5px;
}

/* 조직도 팝업 */
.pop-group .tab-list1 {margin:0}
.pop-group .tabContent {margin:0}
.pop-group .cont-wrap {
	position:relative;
	margin:40px 25px 0 25px;
	padding-bottom:50px;
}
.pop-group .tab-list1 {margin-bottom:50px}
.pop-group .tabArea {position:relative;}
.group-box-wrap {
	position:absolute;
	left:0;
	top:0;
	width:50%;
	padding-right:60px;
	box-sizing:border-box;
}
.group-box {
	overflow:auto;
	height:480px;
	border:1px solid #eee;
	padding:17px 25px;
	box-sizing:border-box;
}
.group-box .tree-area {
	padding:0;
	border:0;
}
.group-box .tree-area .search-area {}
.group-box .tree-area .search-area .search-box {
	position:relative;
	margin-bottom:17px;
	padding-right:82px;
}
.group-box .tree-area .search-area .search-box input[type=text] {width:100%;}
.group-box .tree-area .search-area .search-box .btn-text {
	position:absolute;
	right:0;top:0;
}
.group-box .tree-area .search-area .result-area {display:none;}
.group-box .tree-area .search-area .result-area .result-text {
	display:block;
	padding:2px 0 3px 23px;
	background:url(../images2.0/ico/ico_tree03.png) no-repeat 0 50%;
	color:#111;
}
.group-box .tree-area .search-area .result-area .result-text:hover {text-decoration:underline;}
.group-box .tree-area .search-area .result-area .checkWrap {display:none;}

.group-mid {
	position:absolute;
	left:50%;
	top:50%;
	width:120px;
	margin:-52px 0 0 -60px;
	padding:0 25px;
	box-sizing:border-box;
}

.group-mid .btn-area {text-align:center;}
.group-mid .btn-area .btn-method {
	width:68px;
	height:28px;
	margin-top:10px;
	padding-left:29px;
	border:1px solid #e5e5e5;
	background-repeat:no-repeat;
	background-position:13px 50%;
	font-size:12px;
	text-align:left;
	line-height:26px;
}
.group-mid .btn-area .method1 {background-image:url(../images2.0/btn/btn_method01.png);}
.group-mid .btn-area .method2 {background-image:url(../images2.0/btn/btn_method02.png);}
.group-mid .btn-area .method3 {background-image:url(../images2.0/btn/btn_method03.png);}
.group-mid .btn-area .btn-method:first-child {margin-top:0;}

 .group-info {
	height:480px;
	margin-left:60px;
	padding-left:50%;
	box-sizing:border-box;
}
.group-info .inner {
	border:1px solid #eee;
	height:100%
}

.group-info .scroll-area {
	overflow-y:auto;
	height:430px;
	padding:10px 0;
	box-sizing:border-box;
}
.group-info .scroll-area .user-box {
	position:relative;
	padding:0 20px;
}
.group-info .scroll-area .user-box:hover {background-color:#fafafa;}/* hover */
.group-info .scroll-area .user-box .text {
	padding:6px 0;
	color:#333;
	line-height:20px;
}
.group-info .scroll-area .user-box .text .checkWrap {display:none;}
.group-info .sel-area {
	padding:15px 0;
	border-bottom:1px solid #eee;
	text-align:center;
}
 .pop-group .list-style {
	margin-top:10px;
	position:absolute;
	bottom:0;
	left:0;
}
.list-style li {margin-top:5px;}
.list-style li {
	font-size:11px;
	color:#999;
}

/* 설문 팝업 */
.pop-moption .board-write1 {margin:0}
.pop-reject textarea {height:100px}

/* 게시판 팝업 */
.pop-board-sel .pop-content .blt-text1 {margin-top:10px}
.pop-read-list .pop-content .sorting-area {
	margin:0;
	padding:0 0 10px 0;
	border-bottom:0;
	height:inherit;
}
.pop-read-list .sorting-area .left-box {padding:0}
.pop-read-list .sorting-area .left-box .all-len {font-size:14px}
.pop-read-list .sorting-area .right-box .selectWrap {height:28px;}
.pop-read-list .sorting-area .right-box .selectWrap .selTitle {line-height:26px}
.pop-read-list .pop-content .board-list1 td:nth-child(2) {
	text-align:left;
	padding-left:20px;
}

.pop-handling .board-write1 {margin:0}
.pop-handling .board-write1 textarea {height:110px}
.pop-handling .board-write1 .input-file2 .inner {width:100%;box-sizing:border-box;}
.pop-handling .board-write1 .input-file2 input[type=text] {width:100%}

.pop-reading .board-list1 td:nth-child(1) {text-align:left;padding-left:50px}

.pop-return textarea {height:100px}

.pop-img-upload .input-file2 .inner {width:100%;box-sizing:border-box;}
.pop-img-upload .input-file2 input[type=text] {width:100%}
/* ===========================================================================
	윈도우 팝업
=========================================================================== */
.window-popup {}
.window-popup .title-wrap {display:block;padding:14px 25px;}
.window-popup .title-wrap .title {font-size:22px;}

.window-popup .tab-list1 {margin:0 25px;}
.window-popup .tabContent {margin:0 25px;}
.window-popup .btn-wrap.right {margin:20px 25px 0;}

/* 결재선 변경 팝업 */
.approve-box {
	position:relative;
	margin-top:20px;
	padding-left:456px;
}
.approve-box .tree-menu {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:290px;
}
.approve-box .tree-menu .search-area {}
.approve-box .tree-menu .search-area .search-box {
	position:relative;
	margin-bottom:17px;
	padding-right:82px;
}
.approve-box .tree-menu .search-area .search-box input[type=text] {width:100%;}
.approve-box .tree-menu .search-area .search-box .btn-text {
	position:absolute;
	right:0;top:0;
}
.approve-box .tree-menu .search-area .result-area {display:none;}
.approve-box .tree-menu .search-area .result-area .result-text {
	display:block;
	padding:2px 0 3px 23px;
	background:url(../images2.0/ico/ico_tree03.png) no-repeat 0 50%;
	color:#111;
}
.approve-box .tree-menu .search-area .result-area .result-text:hover {text-decoration:underline;}

.tree-menu .tree-list.user li .link .icon + .text {padding-left:28px;}
.tree-menu .tree-list.user li li .link .icon + .text {padding-left:21px;}
.tree-menu .tree-list.user li .link .icon {
	width:22px;
	background-image:url(../images2.0/ico/ico_tree02.png);
}

.approve-box .approve-mid {
	position:absolute;
	left:290px;top:50%;
	width:166px;
	margin-top:-203px;
	padding:0 25px;
	box-sizing:border-box;
}
.approve-box .box-item {
	padding:18px 15px 20px;
	border:1px solid #eee;
}
.approve-box .box-item .box-title {
	margin-bottom:15px;
	color:#333;
	font-size:14px;
	font-weight:700;
	text-align:center;
}
.approve-box .approve-mid .box-item + .box-item {margin-top:20px;}
.approve-box .box-item p + p {margin-top:8px;}
.approve-box .approve-mid .btn-area {
	margin-top:20px;
	text-align:center;
}
.approve-box .approve-mid .btn-area .btn-method {
	width:68px;
	height:28px;
	margin-top:10px;
	padding-left:29px;
	border:1px solid #e5e5e5;
	background-repeat:no-repeat;
	background-position:13px 50%;
	font-size:12px;
	text-align:left;
	line-height:26px;
}
.approve-box .approve-mid .btn-area .method1 {background-image:url(../images2.0/btn/btn_method01.png);}
.approve-box .approve-mid .btn-area .method2 {background-image:url(../images2.0/btn/btn_method02.png);}
.approve-box .approve-mid .btn-area .method3 {background-image:url(../images2.0/btn/btn_method03.png);}
.approve-box .approve-mid .btn-area .btn-method:first-child {margin-top:0;}

.approve-box .approve-info {
	padding:10px 25px;
	border:1px solid #eee;
}
.approve-box .approve-info .search-area {
	position:relative;
	padding:10px 117px 10px 138px;
	border:1px solid #eee;
	background-color:#fafafa;
}
.approve-box .approve-info .search-area label {
	position:absolute;
	left:36px;top:10px;
	font-size:14px;
	line-height:35px;
}
.approve-box .approve-info .search-area .btn-text {
	position:absolute;
	right:36px;top:10px;
}

.approve-box .approve-info .search-area.type2 {
	margin-top:20px;
	padding-left:112px;
}

.approve-box .approve-info .info-setting {
	position:relative;
	margin-top:20px;
	padding-right:192px;
}
.approve-box .approve-info .info-setting .turn-area {}
.approve-box .approve-info .info-setting .turn-area .box-fixed {
	overflow:hidden;
	position:relative;
	height:50px;
	background-color:#9da4ac;
	color:#fff;
	font-size:14px;
	font-weight:700;
	text-align:center;
	line-height:50px;
}

.nomove {
	overflow:hidden;
	position:relative;
	height:50px;
	background-color:#9da4ac !important;
	color:#fff;
	font-size:14px;
	font-weight:700;
	text-align:center;
	line-height:50px;
}

.approve-box .approve-info .info-setting .turn-area .drag-box {
	overflow:hidden;
	position:relative;
}
.approve-box .approve-info .info-setting .turn-area .drag-box.on {
	border-color:#d2eaff;
	background-color:#e0f1ff;
	color:#333;
}
.approve-box .approve-info .info-setting .turn-area .box-fixed span,
.approve-box .approve-info .info-setting .turn-area .drag-box span {float:left;}
.approve-box .approve-info .info-setting .turn-area .approve {
	width:74px;
	padding-left:6px;
}
.approve-box .approve-info .info-setting .turn-area .way {width:74px;}
.approve-box .approve-info .info-setting .turn-area .user {
	overflow:hidden;
	position:absolute;
	left:156px;right:0;top:0;
	padding:0 20px;
	text-overflow:ellipsis;
	text-align:left;
	white-space:nowrap;
}
.approve-box .approve-info .info-setting .turn-area .drag-box .user .last-text {
	display:none;
	position:absolute;
	right:30px;top:0;
	color:#ff574d;
	font-weight:700;
}
.approve-box .approve-info .info-setting .turn-area .drag-box:last-child .user {padding-right:66px;}
.approve-box .approve-info .info-setting .turn-area .drag-box:last-child .user .last-text {display:block;}

.approve-box .approve-info .info-setting .set-box {
	position:absolute;
	right:0;top:0;
	width:172px;
}
.approve-box .info-setting .box-item + .box-item {margin-top:15px;}

/* 설문문항 등록 및 수정 */
.survey-modify {
	position:relative;
	padding-right:235px;
}
.modify-wrap {
	overflow-y:auto;
	position:absolute;
	right:50px;top:0;
	z-index:5;
	width:215px;
	border-top:1px solid #eee;
	box-sizing:border-box;
	background-color:#fff;
}
.modify-box {
	border:1px solid #eee;
	border-top:0;
}
.modify-wrap.scroll {border-bottom:1px solid #eee;}
.modify-wrap.scroll .modify-box {border-bottom:0;}
.modify-box .type-area {
	padding:16px 25px 20px;
	border-bottom:1px solid #eee;
	background-color:#fafafa;
	color:#333;
}
.modify-box .type-area .title {
	font-size:16px;
}
.modify-box .type-area .text-area {
	position:relative;
	width:100%;
	margin-top:4px;
}
.modify-box .type-area .text-area .text {
	font-weight:700;
	line-height:24px;
}
.modify-box .type-area .text-area .btn-layer {
	position:absolute;
	right:0;top:0;
}

.modify-box .set-list {padding-top:5px;}
.modify-box .set-list .set-item {padding:17px 25px 0;}
.modify-box .set-list .set-item.item05 {display:none;}
.modify-box .set-list .set-item .title {
	color:#333;
	font-size:14px;
	font-weight:700;
}
.modify-box .set-list .set-item p {
	padding:4px 0;
}
.modify-box .set-list .set-item .title + p {margin-top:5px;}
.modify-box .set-list .set-item .plus-minus {
	position:relative;
	width:136px;
	margin-top:11px;
	padding:0 38px 4px;
	box-sizing:border-box;
}
.modify-box .set-list .set-item .plus-minus input[type=text] {
	width:100%;
	height:28px;
	text-align:center;
	line-height:26px;
}
.modify-box .set-list .set-item .plus-minus .btn {
	display:inline-block;
	position:absolute;
	top:0;
	width:28px;
	height:28px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.modify-box .set-list .set-item .plus-minus .minus {left:0;}
.modify-box .set-list .set-item .plus-minus .plus {right:0;}
.modify-box .set-list .set-item .plus-minus .btn:before,
.modify-box .set-list .set-item .plus-minus .plus:after {
	content:'';
	position:absolute;
	left:50%;top:50%;
	background-color:#9da4ac;
}
.modify-box .set-list .set-item .plus-minus .btn:before {
	width:10px;
	height:2px;
	margin:-1px 0 0 -5px;
}
.modify-box .set-list .set-item .plus-minus .plus:after {
	width:2px;
	height:10px;
	margin:-5px 0 0 -1px;
}

.modify-box .btn-area {
	overflow:hidden;
	margin-top:21px;
}
.modify-box .btn-area .btn {
	float:left;
	position:relative;
	width:50%;
	box-sizing:border-box;
	border-top:1px solid #eee;
	font-size:14px;
	text-align:center;
}
.modify-box .btn-area .btn:first-child {width:100%;}
.modify-box .btn-area .btn .text {
	display:block;
	padding-top:30px;
	line-height:43px;
}
.modify-box .btn-area .btn-group .text {color:#fff;}
.modify-box .btn-area .btn-group {
	width:100%;
}
.modify-box .btn-area .btn-preview {}
.modify-box .btn-area .btn-list {
	border-left:1px solid #eee;
}
.modify-box .btn-area .btn-group {}
.modify-box .btn-area .btn-group .icon {
	position:absolute;
	left:50%;top:15px;
	width:20px;
	height:20px;
	margin-left:-10px;
	background:url(../images2.0/btn/btn_modify01.png) no-repeat 0 0;
}
.modify-box .btn-area .btn-group .icon,
.modify-box .btn-area .btn-preview:before,
.modify-box .btn-area .btn-list:before {
	position:absolute;
	left:50%;top:15px;
	width:20px;
	height:20px;
	margin-left:-10px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.modify-box .btn-area .btn-group .icon {background-image:url(../images2.0/btn/btn_modify01.png);}
.modify-box .btn-area .btn-preview:before {content:'';background-image:url(../images2.0/btn/btn_modify02.png);}
.modify-box .btn-area .btn-list:before {content:'';background-image:url(../images2.0/btn/btn_modify03.png);}
.modify-box .btn-area .btn-preview:hover,
.modify-box .btn-area .btn-list:hover {
	border-color:#999;
	background-color:#999;
	color:#fff;
}
.modify-box .btn-area .btn-group:hover .icon,
.modify-box .btn-area .btn:hover:before {background-position:0 -20px;}

/* 사용자 검색 */
.pop-user {}
.pop-user .top-search-box {margin:0 25px;}
.pop-user .sorting-area {margin:0 25px;border-bottom:0;}
.pop-user .section {margin:0 25px;}

/* 결재내역 */
.pop-history {}
.pop-history .gray-box-list,
.pop-history .sorting-area,
.pop-history .list-view {margin:0 25px;}
.pop-history .list-view {}

/* -------------------------------------------------------------------------------------------------------------------------------------------
	업무지원
------------------------------------------------------------------------------------------------------------------------------------------- */
/* 팝업관리 */
.form-list {
	overflow:hidden;
	margin:0 0 0 -20px;
}
.form-list .item {
	position:relative;
	padding-left:20px;
	box-sizing:border-box;
	line-height:28px;
}
.form-list.inline .item {float:left;}
.form-list.inline .item.clear {clear:both;}
.form-list.inline .item:after {
	content:'';
	display:block;
	clear:both;
}
.form-list .item.alertMsg {
	margin-left:20px;
	padding-left:0;
}
.form-list .item.alertMsg input {display:none;}

.form-list.image .item {
	padding-top:6px;
	padding-bottom:2px;
	line-height:35px;
}
.form-list.image .item .radioWrap,
.form-list.image .item .checkWrap {vertical-align:middle;}
.form-list.image .item label {
	display:inline-block;
	width:35px;
	line-height:0;
}
.form-list.image .item label img {
	width:35px;
	height:35px;
}

.period-type1 .date-select {margin-left:-10px}
.period-type1 .date-select .selectWrap {}
.period-type1 .date-area .swung-dash {
	float:left;
	width:20px;
	color:#999;
	text-align:center;
	line-height:35px;
}
.pop-write .form-list {
	display:inline-block;
}
.pop-write .form-list + span {
	margin-left:10px;
	display:inline-block;
	color:#999;
	font-size:12px;
	height:28px;
	line-height:28px;
	vertical-align:top;
}
.pop-write .board-write3 {
	margin:0
}
.pop-write .board-write3 .input-area.type2 {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
}
.pop-write .board-write3 .input-area.type2 + span {margin-left:15px;}

.pop-write .board-write1 .year-month-select .select-area .select-box .text {color:#666}

.pop-write .date-area.special {margin:-10px 0 0 -5px;}
.pop-write .date-area.special .date-text {margin:10px 5px 0;}

.pop-write .date-area.special .btn-del {height:35px;}



/* 팝업미리보기 */
.window-popup.support-wrap .btn-wrap.right {margin-bottom:20px !important;}
.window-popup.support-wrap .pop-wrap .pop-img-area {
	width:100%;
	font-size:0;
}
.window-popup.support-wrap .pop-wrap .bottom-area {
	padding:12px 15px;
	background-color:#666;
}
.window-popup.support-wrap .pop-wrap .bottom-area label {color:#fff;}
.window-popup.support-wrap .pop-wrap .bottom-area .btn-pop-close {
	float:right;
	color:#fff;
	line-height:20px;
}
.window-popup.support-wrap .pop-wrap .bottom-area .btn-pop-close:before {
	content:'';
	display:inline-block;
	width:9px;
	height:9px;
	margin-right:5px;
	background:url(../images2.0/btn/btn_pop_close2.png) no-repeat 0 50%;
}

/* 자원관리 */
.support-wrap .sorting-area {border-bottom:0}
.resource-area {margin:0 20px;}

/* 자원예약 */
.support-wrap .week-content {padding:0}
.support-wrap .week-content .week-setting-box {
	width:247px;
	padding-right:121px;
}
.support-wrap .week-content .week-setting-box.type2 {width:270px;}
.support-wrap .week-setting-box .btn-next {right:92px;}
.support-wrap .week-setting-box .btn-calendar {right:54px;}
.support-wrap .week-setting-box .btn-text.today {
	position:absolute;
	top:0;right:0;
}

.support-wrap .week-content .calendar-box {margin-top:25px}
.support-wrap .week-content .calendar-box th {
	border:1px solid #e5e5e5;
	border-left:0;
	background-color:#fafafa;
	color:#333;
	font-weight:700;
	line-height:35px;
	text-align:center;
}
.support-wrap .week-content .calendar-box th:first-child {border-left:1px solid #e5e5e5;}
.support-wrap .week-content .calendar-box th.sun {color:#ff5349;}
.support-wrap .week-content .calendar-box td {
	position:relative;
	height:162px;
	padding:0 16px;
	border:1px solid #e5e5e5;
	border-left:0;
	box-sizing:border-box;
	vertical-align:top;
}
.support-wrap .week-content .calendar-box td.select.bgColor {background-color:none !important;}
.support-wrap .week-content .calendar-box td.today {background-color:#e0f1ff;}
.support-wrap .week-content .calendar-box td.today .day {font-weight:700;}
.support-wrap .week-content .calendar-box td:first-child {border-left:1px solid #e5e5e5;}
.support-wrap .week-content .calendar-box td .day {
	position:absolute;
	right:10px;
	top:12px;
}
.support-wrap .week-content .calendar-box td .day.sun {color:#ff5349;}

.support-wrap .week-content .calendar-box td .cont-list {padding:30px 0 4px 0;}
.support-wrap .week-content .calendar-box td .cont-list li {
	position:relative;
	margin-top:5px;
	font-size:12px;
	padding-left:8px;
}
.support-wrap .week-content .calendar-box td .cont-list li:first-child {margin-top:0}
.support-wrap .week-content .calendar-box td .cont-list li:before {
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:8px;
	width:3px;
	height:3px;
	background-color:#bbb;
}
.support-wrap .week-content .calendar-box td .cont-list li .txt {
	display:block;
	color:#333;
	font-weight:bold;
}

.view-change-area {
	overflow:hidden;
	position:absolute;
	right:0;top:0;
}
.view-change-area .item {
	float:left;
	display:block;
	width:44px;
	height:28px;
	line-height:26px;
	font-size:12px;
	text-align:center;
	border:1px solid #e5e5e5;
	cursor:pointer;
}
.view-change-area .item:first-child.on + .item {border-left:0}
.view-change-area .item:last-child.on {margin-left:-1px;}
.view-change-area .item.on {
	border:1px solid #ff8d86;
	color:#ff5349;
	background-color:#fff3f2;
	cursor:context-menu;
}
.support-wrap .week-content .calendar-box .board-day table {border-left:1px solid #e5e5e5;}
.support-wrap .week-content .calendar-box .board-day td {
	height:40px;
	border-left:0;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

.board-day {position:relative;}
.dimmed-box {
	position:absolute;
	left:0;
	height:41px;
	background-color:#ffb8b4;
	opacity:.4;
}
.dimmed-box span {
	display:inline-block;
	position:absolute;
	height:40px;
}
.dimmed-box.box0 {top:0;}
.dimmed-box.box1 {top:40px;}
.dimmed-box.box2 {top:80px;}
.dimmed-box.box3 {top:120px;}
.dimmed-box.box4 {top:160px;}

.calendar-box .graph-area {
	overflow:hidden;
	margin-left:177px;
}
.calendar-box .graph-area .hour {
	float:left;
	width:6.25%;
	color:#999;
	font-size:12px;
	text-align:center;
}

.day-graph {
	position:relative;
	padding:0 15px 0 194px;
}
.day-graph .board-title {
	position:absolute;
	left:0;
	top:0;
	width:194px;
	box-sizing:border-box;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.day-graph .board-title p {
	height:40px;
	padding-left:15px;
	box-sizing:border-box;
	border-top:1px solid #e5e5e5;
	color:#333;
	font-weight:700;
	line-height:40px;
}

/* 달력 개발 영역 */
.calendar-box .fc-view-container {
	margin-top:25px;
}
.calendar-box .fc-view-container .fc-head {}
.calendar-box .fc-view-container .fc-head .fc-widget-header {}
.calendar-box .fc-view-container .fc-head .fc-widget-header table th {
	height:35px;
	border:1px solid #e5e5e5;
	background-color:#fafafa;
	font-weight:700;
	vertical-align:middle;
}
.calendar-box .fc-view-container .fc-head {}
.calendar-box .fc-view-container .fc-basic-view td.fc-day-number,
.calendar-box .fc-view-container .fc-basic-view td.fc-week-number span {
	padding-top:10px;
	padding-right:10px;
}
.calendar-box .fc-event-container .fc-day-grid-event {
	position:relative;
	padding-left:10px;
	font-size:12px;
}
.calendar-box .fc-event-container .fc-day-grid-event:before {
	display: block;
	content: '';
	position: absolute;
	left: 3px;
	top: 7px;
	width: 3px;
	height: 3px;
	background-color: #bbb;
}
.calendar-box .fc-event-container .fc-event {
	border:0;
	background-color:transparent;
}
.calendar-box tr + tr .fc-event-container .fc-event {margin-top:8px;}
.calendar-box .fc-event-container .fc-event .fc-time {display:none;}
.calendar-box .fc-event-container .fc-event .fc-title {white-space:normal;}
.calendar-box.fc-unthemed .fc-today {background-color:#e0f1ff;}
.calendar-box .fc-view-container .fc-sun {color:#ff5349;}

/* 예약 레이어 개발 영역 */
.info-layer-box {}
.info-layer-box .ly_pop {
	border:1px solid #ddd;
	box-shadow:1px 4px 4px rgba(0,0,0,.1);
}
.info-layer-box .ly_pop {}
.info-layer-box .blockDetail {padding:0 20px 30px;}
.info-layer-box .blockDetail table {}
.info-layer-box .blockDetail table thead th {
	height:30px;
	text-align:left;
	color:#000;
	font-size:14px;
	font-weight:700;
}
.info-layer-box .blockDetail table tbody th {
	text-align:left;
	color:#888;
	height:18px;
	padding-top:10px;
}
.info-layer-box .blockDetail table tbody td {
	height:18px;
	color:#333;
	text-align:left;
	border:0;
}




/* 자원예약 등록(윈도우팝업) */
.window-popup.support-wrap .section {margin:0 25px}
.window-popup.support-wrap .board-write1 {margin:0 25px;}
.window-popup.support-wrap .board-write1 td {padding:15px 0;}
.window-popup.support-wrap .reservation-date .form-list {
	display:inline-block;
	vertical-align:middle;
}
.window-popup.support-wrap .reservation-date .period-area {
	margin-left:20px;
	display:inline-block;
	vertical-align:middle;
}
.window-popup.support-wrap .repeat-area > .text {vertical-align:middle;}
.window-popup.support-wrap .repeat-area .year-month-select {
	display:inline-block;
	vertical-align:middle;
}
.window-popup.support-wrap .year-month-select .select-box {width:140px;}
.window-popup.support-wrap .repeat-area .year-month-select .select-box {margin-left:10px;}
.window-popup.support-wrap .repeat-area .year-month-select .text {color:#666;margin-left:5px;}

.window-popup.support-wrap .input-area {float:left;}
.window-popup.support-wrap .input-area + span {
	line-height:35px;
	margin-left:20px;
}
.window-popup.support-wrap .choice-area .btn-text {margin-right:8px;}

.window-popup.support-wrap .formCont {margin-top:0}

.hide {display:none;}

/* ===========================================================================
	블로그
=========================================================================== */

.blog.container {
	width:100%;
	position:absolute;
	padding:0px;
	left:0;
	top:-1px;
	box-sizing:border-box;
}
.blog .blog-wrap{
	min-height:1250px;
}
.blog-wrap {
	position:relative;
	margin:0 20px;
}

.blog-wrap .info-navi {}
.blog-wrap.left .info-navi,
.blog-wrap.right .info-navi {
	position:absolute;
	top:50px;
	width:195px;
	padding:0 15px 15px;
	box-sizing:border-box;
	border:1px solid #eee;
	background-color:#fff;
}

/* 왼쪽 정렬 */
.blog-wrap.left {padding-left:210px;}
.blog-wrap.left .info-navi {left:0;}

/* 오른쪽 정렬 */
.blog-wrap.right {padding-right:210px;}
.blog-wrap.right .info-navi {right:0}

/* 양쪽 정렬 */
.blog-wrap.side {padding:50px 210px 80px;}
.blog-wrap.side .info-navi {}
.blog-wrap.side .info-navi .navi-left,
.blog-wrap.side .info-navi .navi-right {
	position:absolute;
	top:50px;
	width:195px;
	padding:15px;
	box-sizing:border-box;
	border:1px solid #eee;
	background-color:#fff;
}
.blog-wrap.side .info-navi .navi-left {left:0;}
.blog-wrap.side .info-navi .navi-right {right:0;}
.blog-wrap.side .info-navi .menu-box > div:first-child .b-title {margin-top:0;}
.blog-wrap.side {min-width:500px;}


.blog-wrap .divPortletLoad {padding-top:15px;}
.blog-wrap .navi-left .divPortletLoad:first-child,
.blog-wrap .navi-right .divPortletLoad:first-child {padding-top:0;}
.blog-wrap .info-navi .b-title {
	margin-top:10px;
	color:#333;
	font-weight:700;
}

.blog-wrap .info-navi .user-image {width:100%;height:163px;}
.blog-wrap .info-navi .user-image img {width:100%;height:100%;}

.blog-wrap .info-navi .info-area {margin-top:16px;}
.blog-wrap .info-navi .info-area .name {
	color:#333;
	font-weight:700;
}
.blog-wrap .info-navi .info-area .intro-text {margin-top:8px;}
.blog-wrap .info-navi .info-area .intro-text .text-area {font-size:12px;}
.blog-wrap .info-navi .info-area .intro-text .text-area .btn-icon {}
.blog-wrap .info-navi .info-area .intro-text .modify-area {
	padding-bottom:5px;
}
.blog-wrap .info-navi .info-area .intro-text .modify-area textarea {
	height:78px;
	border-bottom:0;
	font-size:12px;
}
.blog-wrap .info-navi .info-area .intro-text .modify-area .btn-area {
	overflow:hidden;
}
.blog-wrap .info-navi .info-area .intro-text .modify-area .btn-area .btn-text {
	float:left;
	width:50%;
}
.blog-wrap .info-navi .info-area .intro-text .modify-area .btn-area .btn-text:first-child {border-right:0;}

.blog-wrap .info-navi .info-area .intro-text.modi .text-area {display:none;}
.blog-wrap .info-navi .info-area .intro-text.modi .modify-area {display:block;}

.blog-wrap .info-navi .btn-group {margin-top:25px;}
.blog-wrap .info-navi .btn-group .btn-icon-text {width:100%;}
.blog-wrap .info-navi .btn-group .btn-icon-text + .btn-icon-text {margin-top:10px;}

.blog-wrap .info-navi .favorite-area {
	position:relative;
}
.blog-wrap .info-navi .favorite-area .btn-more {
	display:inline-block;
	position:absolute;
	right:0;top:0;
	width:11px;
	height:11px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.blog-wrap .info-navi .favorite-area .btn-more:before,
.blog-wrap .info-navi .favorite-area .btn-more:after {
	content:'';
	position:absolute;
	background-color:#9da4ac;
}
.blog-wrap .info-navi .favorite-area .btn-more:before {
	left:5px;top:1px;
	width:1px;
	height:9px;
}
.blog-wrap .info-navi .favorite-area .btn-more:after {
	left:1px;top:5px;
	width:9px;
	height:1px;
}
.blog-wrap .info-navi .favorite-area .user-list {
	overflow:hidden;
	margin:15px -2px 0 -3px;
}
.blog-wrap .info-navi .favorite-area .user-list .item {
	float:left;
	width:20%;
	padding:0 2px 0 3px;
	box-sizing:border-box;
}
.blog-wrap .info-navi .favorite-area .user-list .item a {
	display:block;
	height:28px;
}
.blog-wrap .info-navi .favorite-area .user-list .item img {width:100%;height:100%;}

.blog-wrap .info-navi .tag-area {}
.blog-wrap .info-navi .tag-area .tag-list {
	overflow:hidden;
	margin:1px 0 0 -5px;
}
.blog-wrap .info-navi .tag-area .tag-list .tag {
	float:left;
	height:23px;
	margin:5px 0 0 5px;
	padding:0 8px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background-color:#fafafa;
	font-size:12px;
	line-height:21px;
}

.blog-wrap .info-navi .calendar-area {}
.blog-wrap .info-navi .calendar-area .ui-datepicker {
	position:relative;
	margin-top:6px;
}
.blog-wrap .info-navi .calendar-area .ui-datepicker-header {}
.blog-wrap .info-navi .calendar-area .ui-datepicker-header .ui-corner-all {
	position:absolute;
	top:0;
}
.blog-wrap .info-navi .calendar-area .ui-datepicker-header .ui-corner-all .ui-icon {
	display:block;
	width:26px;
	height:28px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.blog-wrap .info-navi .calendar-area .ui-datepicker-header .ui-datepicker-prev {left:-9px;}
.blog-wrap .info-navi .calendar-area .ui-datepicker-header .ui-datepicker-next {right:-9px;}
.blog-wrap .info-navi .calendar-area .ui-datepicker-header .ui-datepicker-prev .ui-icon {background-image:url(../images2.0/btn/btn_date_prev02.png);}
.blog-wrap .info-navi .calendar-area .ui-datepicker-header .ui-datepicker-next .ui-icon {background-image:url(../images2.0/btn/btn_date_next02.png);}
.blog-wrap .info-navi .calendar-area .ui-datepicker-title {
	overflow:hidden;
	width:130px;
	margin:0 auto;
}
.blog-wrap .info-navi .calendar-area .ui-datepicker-title select {
	height:28px;
	padding-left:10px;
	border:1px solid #e5e5e5;
	font-size:12px;
}
.blog-wrap .info-navi .calendar-area .ui-datepicker-title .ui-datepicker-year {
	float:left;
	width:72px;
}
.blog-wrap .info-navi .calendar-area .ui-datepicker-title .ui-datepicker-month {
	float:right;
	width:53px;
}
.blog-wrap .info-navi .calendar-area table {margin-top:6px;}
.blog-wrap .info-navi .calendar-area table th {
	height:30px;
	color:#333;
	font-size:11px;
	font-weight:700;
	line-height:30px;
}
.blog-wrap .info-navi .calendar-area table td {}
.blog-wrap .info-navi .calendar-area table td .ui-state-default {
	display:block;
	height:20px;
	font-size:11px;
	text-align:center;
	line-height:20px;
}
.blog-wrap .info-navi .calendar-area table td:first-child .ui-state-default {color:#ff0000;}
.blog-wrap .info-navi .calendar-area table td .ui-state-hover {background-color:#e0f1ff;}
.blog-wrap .info-navi .calendar-area table td .ui-state-highlight {background-color:#eee;}
.blog-wrap .info-navi .calendar-area table td .ui-state-active {background-color:#ff5349;color:#fff;}

.blog-wrap .info-navi .reply-area {margin:0;}
.blog-wrap .info-navi .reply-area .blt-list2 {margin-top:5px;}

.blog-wrap .info-navi .cate-area {padding-bottom:5px;}
.blog-wrap .info-navi .cate-area .link-all {
	display:block;
	position:relative;
	padding:8px 0 8px 15px;
	border-bottom:1px solid #eee;
	background:url(../images2.0/ico/ico_blt04.png) no-repeat 0 50%;
	color:#333;
	font-size:12px;
}

.blog-wrap .blog-cont {}
.blog-wrap .blog-cont .sorting-area {
	height:auto;
	margin:0;
	padding:15px 25px;
	border:1px solid #eee;
}
.blog-wrap .blog-cont .sorting-area .left-box {left:25px;}
.blog-wrap .blog-cont .sorting-area .selectWrap {height:28px;}
.blog-wrap .blog-cont .sorting-area .selectWrap .selTitle {height:28px;line-height:26px;}
.blog-wrap .blog-cont .sorting-area .left-box .all-len {padding-top:4px;font-size:13px;}
.blog-wrap .blog-cont .table-area .board-wrap {
	border-top: 0;
}
.blog-wrap .blog-cont .tabContent {
	margin: 0 20px;
}

.blog-wrap .blog-cont .cont-box {
	margin-top:15px;
	border:1px solid #eee;
	border-top:0;
}
.blog-wrap .blog-cont .cont-box .board-view1,
.blog-wrap .blog-cont .cont-box .btn-wrap {
	margin-left:0;
	margin-right:0;
}
.blog-wrap .blog-cont .cont-box .board-view1 {border-bottom:0;}
.blog-wrap .blog-cont .cont-box .board-view1 .tit-wrap {padding:20px 25px;}
.blog-wrap .blog-cont .cont-box .board-view1 .tit-wrap .left-box p {padding-right:105px;}
.blog-wrap .blog-cont .cont-box .board-view1 .tit-wrap .left-box p .btn-icon {margin-left:7px;vertical-align:top;}
.blog-wrap .blog-cont .cont-box .board-view1 .tit-wrap .left-box p .ico-privacy img {vertical-align:top;}
.blog-wrap .blog-cont .cont-box .board-view1 .tit-wrap .right-box {right:25px;}
.blog-wrap .blog-cont .cont-box .board-view1 .tit-wrap .right-box .btn-text + .btn-text {margin-left:3px;}
.blog-wrap .blog-cont .cont-box .board-view1 .info-wrap {
	min-height:auto;
	padding:10px 25px;
}
.blog-wrap .blog-cont .cont-box .board-view1 .cont-wrap {
	padding:20px 25px 0;
	border-top:0;
}
.blog-wrap .blog-cont .cont-box .board-view1 .cont-wrap .cont {padding:0;}
.blog-wrap .blog-cont .cont-box .board-view1 .cont-wrap .recom-area {
	padding:25px 0 30px;
	text-align:center;
}
.blog-wrap .blog-cont .cont-box .board-view1 .cont-wrap .btn-recom {
	display:inline-block;
	text-align:center;
}
.blog-wrap .blog-cont .cont-box .board-view1 .cont-wrap .btn-recom span {
	display:inline-block;
	width:77px;
	height:67px;
	padding-top:35px;
	box-sizing:border-box;
	border:1px solid #eee;
	background:#fff url(../images2.0/btn/btn_recom.png) no-repeat 50% 15px;
}

.blog-wrap .blog-cont .cont-box .no-result {
	text-align:center;
	padding:20px 0;
}

.blog-wrap .blog-cont .cont-box .reply-wrap {margin:50px 25px 25px;}

/* 쓰기 / 수정 */
.blog-wrap .blog-cont .write-box {
	margin-top:0;
	padding:0 25px 25px;
	border:1px solid #eee;
}
.blog-wrap .blog-cont .board-write1 {
	margin:0;
	border-top:0;
	border-bottom:0;
}
.blog-wrap .blog-cont .board-write1 td {
	padding-left:1%;
	padding-right:1%;
}
.blog-wrap .blog-cont .board-write1 td .selectWrap {max-width:160px;}
.blog-wrap .blog-cont .board-write1 .empty td {padding:0;}

.blog-wrap .blog-cont .board-write1 + .addfind-cont {margin-top:30px;}

.blog-wrap .blog-cont .btn-wrap {margin-left:0;margin-right:0;}
.blog-wrap .write-box input[type=text] {
	width:100%;
	height:32px;
	padding:0 15px;
	border:2px solid #eee;
	line-height:32px;
}
/* ===========================================================================
	Knowledge
=========================================================================== */
.knowledge .top-search-box2 p span:before {
	width:46px;
	height:41px;
	margin-top:-20px;
	background:url(../images2.0/ico/ico_kl_search_tit.png) no-repeat 0 0;
}
.knowledge .tabArea {padding-bottom:30px;}
.top-search-box2 .btn-detail-toggle {
	position:absolute;
	right:-77px;
	top:50%;
	margin-top:-10px;
	padding-right:15px;
	font-size:13px;
	color:#333;
	font-weight:700;
}

.top-search-box2 .btn-detail-toggle:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	width:7px;
	height:5px;
	margin-top:-2px;
	background:url(../images2.0/btn/btn_detail_toggle.png) no-repeat 0 0;
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
.top-search-box2 .btn-detail-toggle.on:before {
	-ms-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
.detail-box {
	margin:15px 50px 0 50px;
	padding:24px 0;
	border:1px solid #eee;
	background-color:#fff;
	text-align:center;
}
.detail-box:after {
	content:'';
	display:block;
	clear:both;
}
.detail-box .list-item {
	width:670px;
	min-height:46px;
	margin:0 auto;
	box-sizing:border-box;
	text-align:left;
}
.detail-box .list-item dt {
	display:inline-block;
	width:8
	0px;
	color:#333;
	font-size:14px;
	font-weight:700;
	line-height:35px;
	vertical-align:middle;
}
.detail-box .list-item dd {display:inline-block;	vertical-align:middle;}
.detail-box .list-item dd .form-list {
	display:inline-block;
	vertical-align:middle;
	margin-left:0;
}
.detail-box .list-item dd .period-area {
	display:inline-block;
	margin-left:20px;
	vertical-align:middle;
}
.tree-area .tree-menu {border:0;background-color:#f5f5f5}
.tree-area .tree-menu .tree-list li li:last-child:before {background-color:#f5f5f5}
.gnb-wrap .depth1 .depth2-list .depth2-item.tree-area a {padding:8px 0;}
.gnb-wrap .depth1 .depth2-list .depth2-item.tree-area a:hover, .gnb-wrap .depth1 .depth2-list .depth2-item.tree-area.on a {
	text-decoration:none;
	font-weight:700;
}
.knowledge-area {
	position:relative;
	padding-right:300px;
	margin:20px 20px 0 20px;
}
.knowledge-area .title {
	padding-bottom:15px;
	font-size:16px;
	color:#000;
}
.knowledge-area .tab-list1 {margin:0}
.knowledge-area .tabArea + .right {
	position:absolute;
	right:0;top:0;
	width:260px;
}
.knowledge-area .tabContent {margin:40px 0 0 0}
.knowledge-area .right .table-area {position:relative}
.knowledge-area .right .table-area:first-child {margin-bottom:40px;}
.knowledge-area .right .table-area .btn-more {
	position:absolute;
	right:0;
	top:0;
	padding-right:12px;
	color:#999;
}
.knowledge-area .right .table-area .btn-more:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	width:4px;
	height:7px;
	margin-top:-3px;
	background:url(../images2.0/ico/ico_go.png) no-repeat 0 0;
}

.knowledge-area .right .table-area .noty-list li {padding-right:0}
.knowledge-area .right .table-area .noty-list .cont {position:relative;}
.knowledge-area .right .table-area .noty-list .cont em {
	display:inline-block;
	width:41px;
	height:19px;
	margin-right:10px;
	text-align:center;
	line-height:17px;
	font-size:11px;
}
.knowledge-area .right .table-area .noty-list .cont .type1{
	color:#ff5349;
	border:1px solid #ff5349;
	box-sizing:border-box;
}
.knowledge-area .right .table-area .noty-list .cont .type2{
	color:#555;
	border:1px solid #555;
	box-sizing:border-box;
}
.knowledge-area .right .table-area .noty-list .cont .type3{
	color:#26a7f5;
	border:1px solid #26a7f5;
	box-sizing:border-box;
}

.knowledgeAdmin-area .board-list1 table thead th {
	text-align:center;
	height :45px ;
}
.knowledgeAdmin-area .board-view1 > ul > li {
	width:100%;
	padding:28px 10px;
	min-height:55px;
	box-sizing:border-box;
}
.knowledgeAdmin-area .tdInstruction{
	padding:5px 0 ;
}

/* ===========================================================================
	용어사전
=========================================================================== */
.dictionary .btn-dictionary {display:none;}
.sub-gnb .bottom-menu2 {
	padding-top:5px;
	border-top:1px solid #e5e5e5;
}
.sub-gnb .bottom-menu2 +.bottom-menu2 {border-top:0;}
.sub-gnb .bottom-menu2 .menu-title {
	padding:15px 30px 15px 35px;
	color:#333;
	font-size:14px;
	font-weight:700;
}
.sub-gnb .bottom-menu2 .menu-list {
	padding:0 28px 14px 10px;
	border-bottom:1px solid #e5e5e5;
}
.sub-gnb .bottom-menu2 .menu-item {position:relative;}
.sub-gnb .bottom-menu2 .menu-item a {
	display:inline-block;
	overflow:hidden;
	position:relative;
	max-width:100%;
	padding:2px 0 3px 18px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.sub-gnb .bottom-menu2 .menu-item .ico-flag {
	display:inline-block;
	vertical-align:top;
	margin:4px 3px;
}
.sub-gnb .bottom-menu2 .menu-item.max .text {max-width:84%;}
.sub-gnb .bottom-menu2 .menu-item.max .ico-flag {
	position:absolute;
	right:0;
	top:4px;
	margin:0;
}
.sub-gnb .bottom-menu2 .menu-item:hover a,
.sub-gnb .bottom-menu2 .menu-item.on a {color:#333;text-decoration:underline;}
.sub-gnb .bottom-menu2 .menu-item a:before {
	content:'';
	position:absolute;
	left:7px;top:50%;
	width:3px;
	height:3px;
	margin-top:-2px;
	background-color:#9da4ac;
}
.sub-gnb .bottom-menu2 .btn-text {
	display:block;
	margin:10px 28px 0;
	color:#333;
}
.sub-gnb .bottom-menu2 .btn-more {
	text-align:center;
	width:100%;
	height:32px;
	background-color:#fff;
	border-bottom:1px solid #e5e5e5;
}

.dictionary-area .title {
	margin:0 20px;
	padding-bottom:15px;
	font-size:16px;
	color:#000;
}
.dictionary-area .dictionary-box {
	margin:30px 50px 35px 50px;
}
.dictionary-area .dictionary-box ul {
	overflow:hidden;
}
.dictionary-area .dictionary-box li {
	float:left;
	width:6%;
	box-sizing:border-box;
}
.dictionary-area .dictionary-box li:nth-child(2),
.dictionary-area .dictionary-box li:nth-child(3) {width:5%;}
.dictionary-area .dictionary-box li a {
	display:block;
	height:37px;
	border:1px solid #e5e5e5;
	border-left:0;
	line-height:37px;
	text-align:center;
}
.dictionary-area .dictionary-box li:first-child a {border-left:1px solid #e5e5e5;}
.dictionary-area .dictionary-box a.bgColor {color:#fff}

.dictionary-area .table-area {border-bottom:1px solid #eee}
.dictionary-area .board-wrap .tit {
	color:#333;
	font-weight:700;
}
.dictionary-area .board-wrap .category {
	display:inline-block;
	padding:3px 5px;
	margin-right:10px;
	background-color:#f5f5f5;
	color:#666;
	font-size:12px;
}
.dictionary-area .board-wrap .cont {
	margin:9px 0 12px;
	color:#333;
}
.board-wrap .cont.text-hide {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.dictionary-area .board-wrap .info {font-size:12px}
.dictionary-area .board-wrap .info .btn-user {
	font-size:12px;
	color:#333;
	vertical-align:top;
}

.dictionary-area .tab-list1 .item .text.fColor {
	background-color:#fff;
	font-weight:700;
	cursor:default;
}
.dictionary-area .tab-list1 .item .text.fColor:before {
	content:'';
	position:absolute;
	left:1px;
	right:1px;
	bottom:-1px;
	height:1px;
	background-color:#fff;
}

/* 카테고리 관리 */
.blockDetail {}
.blockDetail table {}
.blockDetail table thead th,
.blockDetail table tbody td {
	height:50px;
	text-align:center;
}
.blockDetail table thead th {
	background-color:#9da4ac;
	color:#fff;
}
.blockDetail table tbody td {
	border:1px solid #ddd;
	border-top:0;
}
.blockDetail table tbody td .icon-sort {
	display:block;
	height:50px;
	background-image:url(../images2.0/ico/ico_drag_off.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:s-resize;
}
.blockDetail table tbody td a {
	display:block;
	height:50px;
	line-height:50px;
}
.blockDetail table tbody td input[type=radio] {
	width:18px;
	height:18px;
	border:1px solid #e5e5e5;
}
.blockDetail table tbody tr.ui-sortable-helper {}
.blockDetail table tbody tr.ui-sortable-helper td,
.blockDetail table tbody tr.ui-sortable-helper td a {color:#fff;}

tbody.sortable .sortable-highlight {
	height:50px;
	margin-bottom:11px;
	border:2px dashed #e5e5e5;
	color:#363636;
}

.blockDetail table tbody tr.ui-sortable-helper td .icon-sort {background-image:url(../images2.0/ico/ico_drag_on.png);}

/* ===========================================================================
	카테고리관리
=========================================================================== */
.sub-gnb .line-list {overflow:hidden;margin-top:10px;}
.sub-gnb .line-list .item {
	position:relative;
	float:left;
	width:50%;
	text-align:center;
}
.sub-gnb .line-list .item:before {
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:1px;
	height:11px;
	margin-top:-5px;
	background-color:#ddd;
}
.sub-gnb .line-list .item:first-child:before {display:none}
.sub-gnb .line-list .item a {font-size:12px;}
.sub-gnb .line-list .item a span {border-bottom:1px solid #ddd;font-weight:700;}


.category-content {margin:10px 20px 0 20px}
.category-content .drag-box {
	margin-top:10px;
	height:50px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background-color:#fff;
}
.category-box {}
.category-box .cont-box .box-fixed {overflow:hidden;}
.category-box .cont-box .box-fixed span {
	display:block;
	float:left;
	color:#fff;
	font-weight:700;
	text-align:center;
	line-height:50px;
}
.category-box .cont-box .box-fixed {background-color:#9da4ac}
.category-box .cont-box .box-fixed > span:nth-child(1) {width:18%}
.category-box .cont-box .box-fixed span:nth-child(2) {width:14%}
.category-box .cont-box .box-fixed span:nth-child(3) {width:17%}
.category-box .cont-box .box-fixed span:nth-child(4) {width:51%}

.category-content .drag-area .drag-box > span {
	display:block;
	float:left;
	text-align:center;
	line-height:50px;
	vertical-align:middle;
}
.category-content .drag-area .drag-box > span .move {
	display:inline-block;
	width:16px !important;
	height:16px;
	background:url(../images2.0/ico/ico_move.png) no-repeat left top;
	text-indent:-9999px;
	vertical-align:text-bottom;
}
.category-content .drag-area .drag-box.ui-sortable-helper span .move {background-position:left bottom;;}
.category-content .drag-area .drag-box > span .radioWrap {vertical-align:text-bottom;}
.category-content .drag-area .drag-box span:nth-child(1) {width:18%}
.category-content .drag-area .drag-box span:nth-child(2) {width:14%}
.category-content .drag-area .drag-box span:nth-child(3) {width:17%}
.category-content .drag-area .drag-box span:nth-child(4) {width:51%}

.sub-gnb.organization .depth1 .depth-top {
	position:relative;
	min-width:100%;
}
.sub-gnb.organization .depth1 .depth-top button {
	position:absolute;
	right:25px;top:50%;
	margin-top:-14px;
}
.sub-gnb.organization .tree-menu {background-color:#fafafa;border:0}
.sub-gnb.organization .tree-menu .tree-list > li > .link .icon {display:block}
.sub-gnb.organization .tree-menu .tree-list li li .link .text {white-space:nowrap;}
.sub-gnb.organization .tree-menu .tree-list li li li .link .text {padding:6px}
.sub-gnb.organization .tree-menu .tree-list.user li li .link .icon + .text {padding-left:21px !important;}

.organization-wrap .sorting-area {border-bottom:0}
.organization-wrap .board-list1 td.left {text-align:left;padding-left:20px;}
.organization-wrap .board-list1 tr.head .btn-user {position:relative}
.organization-wrap .board-list1 tr.head .btn-user:before {
	content:'';
	position:absolute;
	left:-25px;
	top:50%;
	margin-top:-8px;
	width:15px;
	height:17px;
	background:url(../images2.0/ico/ico_head.png) no-repeat left top;
}

/* ===========================================================================
	조직도
=========================================================================== */
.profile-area {
	position:relative;
	margin:0 20px;
	border:1px solid #e5e5e5;
	border-top:0;
	padding:35px;
	box-sizing:border-box;
}
.profile-area .left {
	position:absolute;
	left:35px;
	top:35px;
	width:125px;
}
.profile-area .left .img-area {
	position:relative;
	width:125px;
	height:125px;
	overflow:hidden;
	background:url(../images2.0/img/no_image04.gif) no-repeat left top;
}
.profile-area .left .img-area img {width:100%;height:100%}
.profile-area .left .img-area .btn-addimg {
	position:absolute;
	right:5px;
	bottom:5px;
	width:30px;
	height:30px;
	border-radius:15px;
	background:url(../images2.0/btn/btn_imgadd.png) no-repeat 0 0;
	box-shadow:1px 4px 4px rgba(0,0,0,.3);

}
.profile-area .left .img-area .btn-addimg:before {
	width:31px;
	height:30px;
	border-radius:15px;
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	border:2px solid #fff;
	box-sizing:border-box;
}
.profile-area .left .img-area + .btn-blog {
	display:block;
	width:100%;
	height:28px;
	line-height:28px;
	margin-top:15px;
	border:1px solid #e5e5e5;
	text-align:center;
	font-size:12px;
	background:url(../images2.0/btn/btn_blog.png) no-repeat 36px center;
}
.profile-area .left .img-area + .btn-blog span {padding-left:15px;}
.profile-area .right {
	padding-left:155px;
}
.profile-area .right .board-write1 {
	margin:0;
	padding-top:25px;
	border-bottom:0;
}
.profile-area .right .board-write1 .modify {display:none}
.profile-area .right .board-write1 .view th,
.profile-area .right .board-write1 .view td {height:30px;}
.profile-area .right .board-write1 th {font-weight:normal;}
.profile-area .right .board-write1 th,
.profile-area .right .board-write1 td {
	border:0;
	height:38px;
	padding:0;
	vertical-align:top
}

.profile-area .right .board-write1 td input,
.profile-area .right .board-write1 td .selectWrap {height:28px;line-height:26px;}
.profile-area .right .board-write1 td .selectWrap .selTitle {
	line-height:28px;
	padding-right:27px;
}
.profile-area .right .board-write1 td .search-box2 {padding-right:50px}
.profile-area .right .board-write1 td textarea {margin-bottom:10px;}
.profile-area .right-top {margin-bottom:25px;}
.profile-area .right-top .title {
	font-size:16px;
	color:#000;
}
.profile-area .right-top .title span {
	padding-right:3px;
	font-weight:700
}
.profile-area .right-top .title .btn-modify {margin-left:5px}
.profile-area .right-top .user-info li {
	margin-top:10px;
	padding-left:30px;
	font-size:14px;
}
.profile-area .right-top .group {background:url(../images2.0/ico/ico_organization.png) no-repeat left center;}
.profile-area .right-top .user-info .phone {background:url(../images2.0/ico/ico_phone.png) no-repeat 3px center;}
.profile-area .right-top .mail {background:url(../images2.0/ico/ico_mail.png) no-repeat left center;}
.organization-box .section {position:relative;}

.organization-box .section .btn-more {
	position:absolute;
	right:0;
	top:0;
	padding-right:12px;
}
.organization-box .section .btn-more button {color:#999;}
.organization-box .section .btn-more:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	width:4px;
	height:7px;
	margin-top:-3px;
	background:url(../images2.0/ico/ico_go.png) no-repeat 0 0;
}
.organization-box .section .gallary-list {overflow:hidden;}
.organization-box .section .gallary-list li {
	width:14.2%;
	margin-left:2.9%;
	float:left;
}
.organization-box .section .gallary-list li a {display:block;}
.organization-box .section .gallary-list li:first-child {margin-left:0;}
.organization-box .section .gallary-list li:last-child {margin-left:3.1%}
.organization-box .section .gallary-list li .img-area {}
	.organization-box .section .gallary-list li .img-area img {width:100%}
.organization-box .section .gallary-list li p {
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#333
}

.organization-box .section .title {
	margin:40px 0 20px;
	font-size:16px;
	color:#000;
}
.organization-box .reply-wrap {margin:0}
.organization-box .content .reply-wrap {margin: 60px 50px 0 50px;}
.organization-box .reply-wrap .input-area {display:block}
.organization-box .reply-wrap + .reply-wrap {background-color:#fff;}
.organization-box .reply-wrap .reply-list .tit {margin-bottom:10px}
.organization-box .reply-wrap .reply-list .reply-item:first-child {border-top:1px solid #eee}
.organization-box .reply-wrap .reply-list .reply-item:last-child {border-bottom:1px solid #eee}
.organization-box .reply-wrap .reply-list .reply-item:after,
.organization-box .reply-wrap .reply-list .reply-item .info-wrap:after {
	content:'';
	display:block;
	clear:both;
}
.organization-box .reply-wrap .reply-list .reply-item .user .name span {font-size:12px;color:#999;font-weight:normal;padding-left:10px;}
.organization-box .reply-wrap .text-leng {
	position:absolute;
	right:30px;
	top:25px;
	color:#000
}
.organization-box .reply-wrap .text-leng span {color:#999}

.pop-profile-img {width:600px}
.pop-profile-img .pop-content {position:relative}
.pop-profile-img .pop-content .img-area {
	position:absolute;
	left:30px;
	top:30px;
	width:170px;
	height:170px;
	overflow:hidden;
	background:url(../images2.0/img/no_image06.gif) no-repeat 0 0;
}
.pop-profile-img .pop-content .upload-area {padding-left:220px;}
.pop-profile-img .pop-content .upload-area .blt-text1 {margin-bottom:18px;font-size:12px}
.pop-profile-img .pop-content .upload-area .input-file2 {
	padding:40px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.pop-profile-img .pop-content .upload-area .input-file2 .inner {width:100%;padding-right:80px;box-sizing:border-box;}
.pop-profile-img .pop-content .upload-area .input-file2 .inner input {width:100%;height:28px;}

/* 사진 */
.organization-wrap .organization-box .sorting-area {border-bottom:1px solid #eee;padding-top:40px;height:inherit;}
.organization-wrap .sorting-area .left-box {
	display:inline-block;
	position:inherit;
	left:inherit;
	top:inherit;
	bottom:inherit;
	padding:0;
}
.organization-wrap .sorting-area .right-box .search-box2 {
	margin-left:2px;
	display:inline-block;
}
.organization-box .thumb-list1 {margin:0 50px 0 50px}
.organization-box .thumb-list1 > ul {margin:0 0 0 -30px;}
.organization-box .thumb-list1 .txt-area {height:inherit;}
.organization-box .thumb-list1 .info-area ul {overflow:hidden;}
.organization-box .thumb-list1 .info-area li:first-child {width:auto;}
.organization-box .thumb-list1 .info-area .name {float:left;}
.organization-box .thumb-list1 .info-area .left {float:right;}

.organization-box .thumb-list1 ul li a {
	display:block;
	overflow:hidden;
	position:relative;
	height:260px;
	border:1px solid #eee;
}
.organization-box .thumb-list1 ul li a:hover {
	border-color:#bbb;
	background-color:#fafafa;
}
.organization-box .thumb-list1 .info-area li span:before {display:none}

.organization-box .board-write1 {margin-top:30px;}
.organization-box .board-write1 .required-box {display:block !important;}
.input-file2 + .att-img-list {
	overflow:hidden;
	margin-top:10px;
}
.input-file2 + .att-img-list li {float:left;margin-left:5px;}
.input-file2 + .att-img-list li:first-child {margin-left:0}

/* 조직도- 경력 */
.organization-box.career .board-write1 {margin-top:0}
.organization-box.career .board-write1 + .btn-wrap {margin-bottom:60px;}
.career-list {
	margin:0 20px 0 20px;
	padding:40px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.career-list ul li {
	position:relative;
	padding-left:235px;
	padding-bottom:30px;
}
.career-list ul li:before {
	content:'';
	position:absolute;
	left:7px;
	top:0;
	bottom:0;
	width:2px;
	height:100%;
	background-color:#f5f5f5;
}
.career-list ul li:last-child:before {display:none;}
.career-list ul li:last-child {padding-bottom:0}
.career-list ul li .date {
	position:absolute;
	left:0;
	top:0;
	padding-left:25px;
}
.career-list ul li .date:before {
	content:'';
	position:absolute;
	left:0;
	top:2px;
	width:16px;
	height:16px;
	background:url(../images2.0/ico/ico_clock.png) no-repeat 0 0;
}
.career-list ul li .cont .title {
	margin-bottom:10px;
	font-size:15px;
	font-weight:700;
	color:#333
}
.career-list ul li .cont .title span {
	margin-left:10px;
	font-size:13px;
	color:#999;
	font-weight:normal;
}
.career-list ul li .btn-area {
	position:absolute;
	right:0;
	top:10px;
}
.career-list + p,
.career-list + .btn-more + p {
	margin:10px 0 0 50px;
	font-size:12px;
	color:#999;
}

.util-top {
	overflow:hidden;
	margin:20px 20px 15px 20px;
	text-align:right;
}
.util-top > div {display:inline-block;vertical-align:top;}
.util-top .form-list .item {line-height:35px;}
.util-top .btn-area {overflow:hidden;margin-left:15px;}
.util-top .btn-area button {float:left;}
.util-top .btn-area button:first-child {margin-right:-1px}

.career .formItem {position:relative;}
.career .formItem .btn-career {
	position:absolute;
	top:-50px;
	left:50px;
}
.career .formItem .m-title {
	margin:0 20px;
	line-height:50px;
	height:50px;
	background-color:#d7dade;
	color:#333;
	font-size:16px;
	text-align:center;
}
.career .formItem .profile-area {
	border:0;
	border-bottom:1px solid #eee;
	padding:35px 0;

}
.career .formItem .profile-area .right {padding-left:190px;}
.career .formItem .profile-area .right-top {margin-bottom:0}
.career .formItem .profile-area .right-top .title {
	font-size:18px;
	font-weight:700;
}
.career .formItem .profile-area .right-top .title em {font-weight:normal}
.career .formItem .profile-area .right-top .title span {
	font-size:14px;
	color:#999;
	margin-left:10px;
	font-weight:normal
}
.career .formItem .profile-area .right-top .user-info {padding-top:5px;}
.career .formItem .career-tit {
	margin:0 20px;
	padding:35px 0 15px;
	font-size:18px;
	color:#333;
}
.career .formItem .career-tit span {
	margin-left:10px;
	font-size:14px;
	color:#666;
}
.career .formItem .career-tit span em {
	margin-left:2px;
	font-weight:700;
}
.career .formItem .career-tit +.career-list {
	border:0;
	padding:0;
}
.career .formItem .career-tit +.career-list .board-list3 thead th {
	background-color:#fafafa;
	font-weight:700;
	color:#333;
}
.career .formItem .career-tit +.career-list .board-list3 tbody td {
	text-align:left;
	padding-left:30px;
}
.career .formItem .career-tit +.career-list .board-list3 tbody td:first-child {
	font-weight:700;
	color:#333;
}
.career .formItem .career-tit +.career-list .board-list3 tbody td:nth-child(2) {
	text-align:center;
	padding-left:0
}
.organization-box.guest .section {margin-top:40px;}

/* 즐겨찾기 */
.bookmark {
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
}
.bookmark .inner-wrap {
	width:100%;
	min-width:890px;
}
.bookmark .list {}
.bookmark .list .date {
	display:block;
	width:100%;
	padding:0 20px;
	line-height:53px;
	background-color:#fafafa;
	font-size:14px;
	color:#333;
	font-weight:bold;
	box-sizing:border-box;
}
.bookmark .notice-list {border-top:1px solid #eee;}
.bookmark .notice-list li {
	overflow:hidden;
	padding-left:13px;
	border-bottom:1px solid #f5f5f5;
}
.bookmark .notice-list li span {
	display:inline-block;
	float:left;
	line-height:53px;
	vertical-align:top;
}
.bookmark .notice-list li .type {
	width:15%;
	font-size:13px;
	color:#333;
	font-weight:bold;
}
.bookmark .notice-list li .title {
	overflow:hidden;
	width:25%;
	font-size:13px;
	color:#666;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.bookmark .notice-list li .name {
	width:10%;
	font-size:13px;
	color:#666;
	text-align:center;
}
.bookmark .notice-list li .type .btn-del {
	width:21px;
	height:53px;
	background:url(../images2.0/btn/btn_del3.gif) center center no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-99999em;
	vertical-align:top;
}
.bookmark .notice-list li .sub-info {width:50%;}
.bookmark .notice-list li .sub-info span {
	width:16%;
	font-size:12px;
	text-align:center;
	color:#999;
}
.bookmark .notice-list li .sub-info .col {width:26%;}

/* ===========================================================================
	포탈관리자
=========================================================================== */
.portal .tab-list1 {margin-top:0}
.portal .tabCont .board-write1 {margin:40px 0 0 0}
.portal .tabCont .board-write1 td {padding-left:0}
.portal .tabCont .board-write1 td .required-box {width:100%;}
.portal .tabCont .board-write1 .board-write3 td {padding-left:30px}

.portal .tabCont .board-write1 .input-area {display:inline-block;width:100%;box-sizing:border-box;}
.portal .tabCont .board-write1 .input-area + span {margin-left:20px;}

.portal .board-section .board-write1 {margin:0}
.portal .board-section .board-write1 .input-area {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
}
.portal .board-section .board-write1 .input-area + span {margin-left:20px;}
.portal .board-section .board-write1 td {padding-left:0}
.portal .board-section .paging + p {
	margin:40px 0 15px;
	font-size:16px;
	color:#333;
}
.portal .board-section .board-list1 td button {
	position:relative;
	border:1px solid #e5e5e5;
	width:28px;
	height:28px;
	box-sizing:border-box;
}
.portal .board-section .board-list1 td button span:before {
	display:block;
	content:'';
	width:28px;
	height:28px;
	position:absolute;
	left:0;
	top:0;
}
.portal .board-section .board-list1 td button .btn-up:before {background:url(../images2.0/btn/btn_up.png) no-repeat center}
.portal .board-section .board-list1 td button .btn-down:before {background:url(../images2.0/btn/btn_down.png) no-repeat center;}
.portal .board-section .board-list1 td button span {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

/* 탭 */
.tab-list {overflow:hidden;}
.tab-list .item {
	float:left;
	margin-top:23px;
}
.tab-list .item .text {
	display:block;
	position:relative;
	padding:0 10px 0 11px;
	color:#bbb;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
}
.tab-list .item.on .text {color:#000;}
.tab-list .item .text:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:1px;
	height:16px;
	margin-top:-8px;
	background-color:#eee;
}
.tab-list .item:first-child .text {padding-left:0;}
.tab-list .item:first-child .text:before {display:none;}

.tab-content {}
.tab-content .tab-cont {display:none;}
.tab-content .tab-cont.on {display:block;}

/* 입력박스 */
.write-box {
	position:relative;
	margin-top:24px;
	padding-right:52px;
}
.write-box input[type=text] {
	width:100%;
	height:32px;
	padding:0 15px;
	border:1px solid #eee;
	border-right:0;
	line-height:32px;
}
.write-box .btn-write {
	display:inline-block;
	position:absolute;
	right:0;top:0;bottom:0;
	width:52px;
	background-color:#ff5349;
	box-sizing:border-box;
	color:#fff;
	font-weight:700;
	text-align:center;
}

/* 사용자 관리 */
.user-setting {min-width:630px;}
.user-setting .change + .date-text {display:none;}
.group-search {
	overflow:hidden;
	position:relative;
}
.group-search .search-text {
	position:relative;
	max-width:550px;
	padding-right:87px;
	box-sizing:border-box;
}
.group-search .search-text .btn-add {
	position:absolute;
	right:0;top:0;
}
.group-search .search-select {
	position:relative;
	margin-top:10px;
	padding-right:140px;
}
.group-search .search-select .btn-area {
	position:absolute;
	right:0;top:0;bottom:0;
	width:130px;
}
.group-search .search-select .btn-area .btn-text + .btn-text {margin-top:10px;}
.group-search .search-select .btn-area .all-len {
	position:absolute;
	left:0;bottom:10px;
}

/*레이아웃 정보*/
.portal-area .box {margin-top:30px}
.portal-area .box .title-area {overflow:hidden;margin-bottom:10px;}
.portal-area .box .title-area p {
	float:left;
	font-size:16px;
	color:#333;
	line-height:40px;
}

.portal-area .box .title-area p span {
	font-size:12px;
	color:#999;
}

.portal-area .box .cont-area .move-cont .title-area.type2 {
	position:absolute;
	top:25px;
	left:40px;
	font-size:16px;
	color:#333;
	line-height:40px;
	z-index:50;
	font-weight:700;
}
.portal-area .box .title-area .btn-text {float:right;}

/* 상단고정영역 */
.cont-area .fixed-top-box {overflow:hidden;}
.cont-area .fixed-top-box .cont {width:33%;}
.cont-area .cont {
	overflow:hidden;
	float:left;
	position:relative;
	width:50%;
	height:400px;
	margin-left:-1px;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
	background-color:#fff;
	box-sizing:border-box;
}
.cont-area .cont.ui-sortable-helper {border:1px solid #f5f5f5;}
.cont-area .cont-inner {
	padding:25px 40px 0;
}
.cont-area .cont-inner .title-area {
	position:relative;
	height:45px;
	color:#000;
	font-size:18px;
	font-weight:700;
	line-height:45px;
}
.cont-area .cont-inner .title-area .btn-more {
	position:absolute;
	right:-15px;top:50%;
	width:42px;
	height:42px;
	margin-top:-21px;
	background:url(../images2.0/btn/btn_more.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

.cont-area .move-cont {overflow:hidden;}

.content .cont .select-area {
	position:relative;
	width:100%;
	height:36px;
	margin-top:14px;
}
.content .cont .select-area:before {
	content:'';
	position:absolute;
	top:14px;right:0;
	width:11px;
	height:7px;
	background-image:url(../images2.0/btn/btn_drop.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.content .cont .select-area.on:before {
	background-position:-11px 0;
}
.content .cont .select-area .text {
	display:block;
	overflow:hidden;
	width:100%;
	padding-right:30px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:36px;
	border-bottom:1px solid #000;
	cursor:pointer;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing:border-box;
}
.select-area .portletText {
	display:block;
	overflow:hidden;
	width:100%;
	padding-right:30px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:36px;
	border-bottom:1px solid #000;
	cursor:pointer;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing:border-box;
}
.content .cont .select-area ul {
	display:none;
	position:absolute;
	left:0;
	top:37px;
	right:0;
	background-color:#fff;
	z-index:1;
	border:1px solid #e5e5e5;
	border-top:0;
}
.content .cont .select-area ul li {
	overflow:hidden;
	width:100%;
	font-size:14px;
	color:#000;
	line-height:36px;
	cursor:pointer;
	box-sizing:border-box;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.content .cont .select-area ul li span {display:block;padding:0 10px;}

.cont-area .cont .mail-list {padding-top:4px;}
.cont-area .cont .mail-list .item {
	position:relative;
	margin-top:28px;
	padding-right:50px;
}
.cont-area .cont .tab-cont .mail-list .item {
	margin-top:19px;
}
.cont-area .cont .mail-list .item span {display:block;}
.cont-area .cont .mail-list .item .link {}
.cont-area .cont .mail-list .item .title {
	overflow:hidden;
	color:#333;
	text-overflow:ellipsis;
	line-height:22px;
	white-space:nowrap;
}
.cont-area .cont .mail-list .item .title .label {
	display:inline-block;
	height:15px;
	margin-right:8px;
	padding:0 3px;
	background-color:#ff5349;
	color:#fff;
	font-size:11px;
	line-height:15px;
}
.cont-area .cont .mail-list .item .date-name {
	overflow:hidden;
	color:#999;
	font-size:12px;
	line-height:19px;
}
.cont-area .cont .mail-list .item .date-name em {
	float:left;
	position:relative;
	padding-left:21px;
}
.cont-area .cont .mail-list .item .date-name em:first-child {padding-left:0;}
.cont-area .cont .mail-list .item .date-name em:before {
	content:'';
	position:absolute;
	left:10px;top:50%;
	width:1px;
	height:10px;
	margin-top:-5px;
	background-color:#f0f0f0;
}
.cont-area .cont .mail-list .item .date-name em:first-child:before {display:none;}
.cont-area .cont .mail-list .item .btn-del {
	position:absolute;
	right:-4px;top:50%;
	width:18px;
	height:18px;
	margin-top:-9px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	background:url(../images2.0/btn/btn_x.png) no-repeat 50% 50%;
}

.cont-area .cont .mail-list.board .item {padding-right:0;}

/* 최신 Q&A */
.content .cont .mail-list.board02 .item {padding-left:55px;}
.content .cont .mail-list.board02 .item .flag {
	position:absolute;
	left:0;
	top:0;
	width:45px;height:22px;
	color:#fff;
	font-size:13px;
	line-height:22px;
	text-align:center;
}
.content .cont .mail-list.board02 .item .flag01 {
	letter-spacing:2px;
}
.content .cont .mail-list.board02 .item .flag02 {background-color:#ddd;}
.content .cont .mail-list.board02 .item .flag03 {background-color:#aaa;}
.content .cont .mail-list.board02 .item .reply {display:inline-block;margin-left:5px;}

/* My Collaboration */
.division {margin-top:20px;}
.division .scroll-wrap {margin:0 0 23px;}
.division .dtitle {
	display:block;
	font-size:16px;
	color:#000;
	font-weight:bold;
}
.division .mail-list.board {margin-bottom:30px;}
.division .mail-list.board .item {margin-top:20px;}

/* TODAY */
.content .cont .schedule {
	padding-top:42px;
}
.content .cont .schedule .today {
	font-weight:700;
	text-align:center;
}
.content .cont .schedule .today .ears {
	color:#333;
	font-size:18px;
	line-height:22px;
}
.content .cont .schedule .today .date {
	display:inline-block;
	position:relative;
}
.content .cont .schedule .today .date .number {
	display:block;
	padding-right:10px;
	color:#ff5349;
	font-size:75px;
	line-height:80px;
	letter-spacing:-5px;
}
.content .cont .schedule .today .date .text {
	position:absolute;
	left:80px;bottom:6px;
	color:#999;
	font-size:15px;
}
.content .cont .schedule .btn-list {
	position:absolute;
	left:50px;right:50px;bottom:50px;
	border:1px solid #eee;
}
.content .cont .schedule .btn-list:after {
	content:'';
	display:block;
	clear:both;
}
.content .cont .schedule .btn-list .item {
	float:left;
	width:50%;
}
.content .cont .schedule .btn-list .item .inner {
	display:block;
	border-left:1px solid #eee;
}
.content .cont .schedule .btn-list .item:first-child .inner {border-left:0;}
.content .cont .schedule .btn-list .item .text {
	display:block;
	position:relative;
	height:68px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
	text-align:center;
	line-height:68px;
}
.content .cont .schedule .btn-list .item .text:before {
	content:'';
	position:absolute;
	right:10px;top:50%;
	width:30px;
	height:30px;
	margin-top:-15px;
	background:url(../images2.0/btn/btn_link.png) no-repeat 0 0;
}
.content .cont .schedule .btn-list .item .len {
	margin-left:8px;
	color:#333;
	font-size:25px;
	font-weight:700;
	vertical-align:middle;
}

.portal-area .bx-wrapper {
	position:relative;
	*zoom:1;
}

.portal-area .slider-box {
	overflow:hidden;
	padding-top:25px;
}
.portal-area .slider1 {
	width:120%;
}
.portal-area .slider1 .bx-wrapper {max-width:100% !important;}
.portal-area .slider1 .bx-wrapper .bx-viewport {min-height:282px;}
.portal-area .slider1 .bxslider {}
.portal-area .slider1 .bxslider .item {
	width:230px !important;
	box-sizing:border-box;
	padding-right:10px;
}
.portal-area .slider1 .bxslider .item .inner {
	display:block;
	position:relative;
	height:254px;
	padding:26px 30px 0;
	border:1px solid #eee;
}
.portal-area .slider1.type3 .bxslider .item .inner {
	height:200px;
	padding:25px 25px 0;
	box-sizing:border-box;
}
.portal-area .slider1 .bxslider .item span {display:block;}
.portal-area .slider1 .bxslider .item .state {
	margin-bottom:20px;
	font-size:12px;
}
.portal-area .slider1 .bxslider .item .text {
	color:#333;
	font-size:14px;
	font-weight:700;
}
.portal-area .slider1 .bxslider .item .date {
	color:#999;
	font-size:12px;
	margin-bottom:14px;
}
.portal-area .slider1 .bxslider .item .date.bottom {
	position:absolute;
	right:30px;bottom:26px;
	margin-bottom:0;
}

.portal-area .slider1 .bxslider .item .join {
	position:absolute;
	left:30px;top:135px;
	color:#999;
	font-size:12px;
}
.portal-area .slider1 .bxslider .item .join .per {
	color:#333;
	font-size:14px;
	font-weight:700;
}
.portal-area .slider1 .bxslider .item .btn-join {
	position:absolute;
	right:30px;bottom:30px;
	height:35px;
	padding:0 29px 0 15px;
	box-sizing:border-box;
	border-radius:25px;
	border:1px solid #eee;
	color:#666;
	font-size:12px;
	line-height:33px;
}
.portal-area .slider1 .bxslider .item .btn-join:before {
	content:'';
	position:absolute;
	right:15px;top:50%;
	width:6px;
	height:10px;
	margin-top:-5px;
	background:url(../images2.0/btn/btn_arr.png) no-repeat 0 0;
}

.portal-area .slider1 .bxslider .item.complete .inner {background-color:#fafafa;}
.portal-area .slider1 .bxslider .item.complete .state,
.portal-area .slider1 .bxslider .item.complete .text,
.portal-area .slider1 .bxslider .item.complete .date {color:#bbb;}
.portal-area .slider1 .bx-controls {display:none;}

.portal-area .slider2 {}
.portal-area .slider2 .bxslider .item a {
	display:block;
	height:400px;
	font-size:0;
	line-height:0;
}
.portal-area .slider2 .bxslider .item a img {
	width:100%;
	height:100%;
}
.portal-area .slider2 .bx-controls-direction {display:none;}
.portal-area .slider2 .bx-pager {
	position:absolute;
	right:35px;top:35px;
	font-size:0;
	line-height:0;
}
.portal-area .slider2 .bx-pager .bx-pager-item {
	display:inline-block;
}
.portal-area .slider2 .bx-pager .bx-pager-item .bx-pager-link {
	display:block;
	position:relative;
	width:20px;
	height:20px;
}
.portal-area .slider2 .bx-pager .bx-pager-item .bx-pager-link:before {
	content:'';
	position:absolute;
	left:50%;top:50%;
	width:10px;
	height:10px;
	margin:-5px 0 0 -5px;
	border-radius:50%;
	background-color:#bbb;
}
.portal-area .slider2 .bx-pager .bx-pager-item .bx-pager-link.active:before {background-color:#333;}

.portal-area .slider-box.type2 {padding-top:70px;}

/* 내가기안한문서/결재대기문서 */
.approval {
	overflow:hidden;
	margin-top:25px;
}
.approval ul li {
	float:left;
	width:50%;
	height:40px;
	text-align:center;
	border-left:1px solid #eee;
	box-sizing:border-box;
}
.approval ul li:first-child {border-left:0;}
.approval ul li strong {
	font-size:12px;
	color:#999;
	font-weight:bold;
}
.approval ul li span {
	display:block;
	font-size:24px;
	font-weight:bold;
	line-height:1;
}

.portal-area .slider3 {
	width:132%;
}
.portal-area .slider3 .bx-wrapper {
	max-width:100% !important;
	margin-left:0 !important;
}
.portal-area .slider3 .bxslider .item .inner {
	display:inline-block;
	text-align:center;
}
.portal-area .slider3 .bxslider .item .inner .img-area {
	width:65px;
	height:65px;
	border-radius:50%;
}
.portal-area .slider3 .bxslider .item .inner .img-area img {
	width:100%;
	height:100%;
}
.portal-area .slider3 .bxslider .item .inner .text {
	margin-top:12px;
	height:40px;
}
.portal-area .slider3 .bxslider .item .inner .btn-link {
	display:inline-block;
	width:60px;
	height:22px;
	margin-top:5px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background-color:#fff;
	color:#666;
	font-size:11px;
	line-height:22px;
}
.portal-area .slider3 .bx-controls {display:none;}


.cont .btn-slide {
	position:absolute;
	right:30px !important;top:50%;
	height:20px;
	margin-top:-10px;
}
.cont .btn-slide button {
	width:15px;
	height:20px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	vertical-align:top;
	line-height:0;
}
.cont .btn-slide .btn-prev {background-image:url(../images2.0/btn/btn_prev.png);}
.cont .btn-slide .btn-next {background-image:url(../images2.0/btn/btn_next.png);}

/* 스크롤바 디자인 */
.scroll-wrap {
	position:relative;
	margin:27px 0 23px;
}
.scroll-box {
	overflow:auto;
	width:100%;
	height:260px;
	box-sizing:border-box;
}
.scroll-box.type02 {
	height:175px;
}
.scroll-wrap .track {
	width:12px;
	border-radius:25px;
	background-color:#f5f5f5;
}
.scroll-wrap .handle {
	width:12px;
	border-radius:25px;
	background-color:#ccc;
}

/* 일정/주간일정 */
.schedule-cont {}

.schedule-cont .schedule-area {margin-top:24px;}
.schedule-cont .schedule-area .period-area {margin-top:10px;}
.schedule-cont .schedule-area .period-area .box-item {width:48%;}
.schedule-cont .schedule-area .period-area .box-item .date-text {width:100%;}
.schedule-cont .schedule-area .period-area .swung-dash {width:4%;}

.schedule-cont .slider4 {
	max-width:304px;
	margin:20px auto 25px;
	text-align:center;
}
.schedule-cont .slider4 .item {cursor:pointer;}
.schedule-cont .slider4 .item p {
	color:#bbb;
	font-size:12px;
}
.schedule-cont .slider4 .item .date {font-size:14px;}
.schedule-cont .slider4 .item.on {cursor:default;}
.schedule-cont .slider4 .item.on p {color:#000;}
.schedule-cont .bx-controls-direction a {
	display:block;
	position:absolute;
	top:50%;
	width:34px;
	height:34px;
	margin-top:-17px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.schedule-cont .bx-controls-direction .bx-prev {left:-34px;background-image:url(../images2.0/btn/btn_prev.png);}
.schedule-cont .bx-controls-direction .bx-next {right:-34px;background-image:url(../images2.0/btn/btn_next.png);}

.schedule-cont .scroll-box {height:200px;}
.schedule-cont .scroll-box.type02 {height:150px;}
.schedule-list {}
.schedule-list .item {
	position:relative;
	padding:24px 0 0 22px;
}
.schedule-list .item:before {
	content:'';
	position:absolute;
	left:5px;top:0;bottom:0;
	width:2px;
	background-color:#eee;
}
.schedule-list .item:first-child {padding-top:0;}
.schedule-list .item:first-child:before {top:5px;}
.schedule-list .item:last-child:before {
	bottom:inherit;
	height:30px;
}
.schedule-list .item p {}
.schedule-list .item .time {
	position:relative;
	margin-left:-22px;
	padding-left:22px;
	color:#999;
	font-size:12px;
}
.schedule-list .item .time .icon {
	content:'';
	overflow:hidden;
	position:absolute;
	left:0;
	top:50%;
	width:12px;
	height:12px;
	margin-top:-6px;
	box-sizing:border-box;
	border-radius:50%;
	border:1px solid #e5e5e5;
	background-color:#fff;
}
.schedule-list .item .time.fColor .icon {border:0;}
.schedule-list .item .time.fColor .icon:before {
	content:'';
	position:absolute;
	left:50%;top:50%;
	width:8px;
	height:8px;
	margin:-4px 0 0 -4px;
	border-radius:50%;
	background-color:#fff;
}
.schedule-list .item .sub {
	margin-top:3px;
	color:#333;
	font-size:13px;
}
.schedule-list .item .text {
	margin-top:2px;
	color:#bbb;
	font-size:12px;
}

/* 할일 */
.scroll-box.todo {
	height:160px;
	margin-bottom:5px;
}
.todo-list .item {
	padding-top:32px;
}
.todo-list .item:first-child {padding-top:0;}
.todo-list .item .date {
	color:#bbb;
	font-size:12px;
}
.todo-list .item .line-text {
	position:relative;
	margin-top:10px;
	padding-left:34px;
	color:#333;
}
.todo-list .item .line-text .icon {
	display:block;
	position:absolute;
	left:14px;top:4px;
	width:12px;
	height:9px;
	background-color:#aaa;
	background-image:url(../images2.0/ico/ico_bg_check.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.todo-list .item .line-text .text {
	display:block;
}
.todo-list .item .line-text .value {
	display:block;
	font-size:12px;
}
.todo-list .item .line-text.finish {
	color:#bbb;
	text-decoration:line-through;
}

/* 연차 */
.annual-wrap {
	/* overflow:hidden;*/
	margin:33px -15px 0;
	/* padding-left:70px;*/
	text-align:center;
	box-sizing:border-box;
}
.annual-wrap .unit {
	display:inline-block;
	padding:0 10px;
}
.annual-wrap .unit img {vertical-align:middle;}
.annual-wrap div {
	display:inline-block;
	position:relative;
	padding-top:20px;
	color:#333;
	font-size:40px;
	font-weight:700;
	text-align:center;
	box-sizing:border-box;

}
.annual-wrap div.remainder {color:#ff5349}
.annual-wrap div p {
	position:absolute;
	width:100%;
	left:50%;
	top:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	color:#999;
	font-size:12px;
}

.annual-cont {
	width:100%;
	height:150px;
	margin-top:27px;
	border:1px solid #eee;
	box-sizing:border-box;
	overflow:hidden;
	padding:17px 19px 0;
}
.annual-cont .tit {
	margin-bottom:12px;
	font-size:15px;
	color:#333;
	font-weight:700;
	line-height:17px;
}
.annual-cont .scroll-wrap {
	position:relative;
	margin-top:0;
}
.annual-cont .scroll-box {height:80px;}
/*.annual-cont .scroll-box .annual-list span {
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	width:72px;
	color:#ff5349;
}*/
.annual-cont .scroll-box .annual-list li {
	position:relative;
	/*padding-left:74px;*/
	padding-left:10px;
	margin-top:6px;
	font-size:12px;
}
.annual-cont .scroll-box .annual-list li:first-child {margin-top:0;}


/* 최근 방명록/최근 블로그 방문자/축하합니다 */
.congratulation {
	display:block;
	margin-top:24px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.scroll-wrap.guest {margin-top:28px;}

.guest .visitant {
	overflow:hidden;
	margin-bottom:30px;
}
.guest .visitant li {
	float:left;
	width:50%;
	height:40px;
	text-align:center;
	border-left:1px solid #eee;
	box-sizing:border-box;
}
.guest .visitant li:first-child {border-left:0;}
.guest .visitant li strong {
	font-size:12px;
	color:#999;
	font-weight:bold;
}
.guest .visitant li span {
	display:block;
	font-size:24px;
	font-weight:bold;
	line-height:1;
}

.guest-list {}
.guest-list li {margin-top:32px;}
.guest-list li:first-child {margin-top:0;}
.guest-list .img-area {
	overflow:hidden;
	float:left;
	width:35px;
	height:35px;
	border-radius:50%;
	font-size:0;
	line-height:0;
}
.guest-list .img-area img {width:100%;}
.guest-list .txt-area {padding-left:45px;}
.guest-list .txt-area .tit {color:#333;}
.guest-list .txt-area .info {
	color:#999;
	font-size:12px;
}
.guest-list .txt-area .info span {
	position:relative;
	padding-left:11px;
	margin-left:10px;
}
.guest-list .txt-area .info span:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:1px;
	height:10px;
	margin-top:-5px;
	background-color:#f0f0f0;
}
.guest-list .txt-area .info span:first-child {margin-left:0;padding-left:0;}
.guest-list .txt-area .info span:first-child:before {display:none;}

/* 사전 */
.dictionary-list {margin-top:70px;}
.dictionary-list .search-box1 input[type=text] {height:50px;}
.dictionary-list .search-box1 .btn-srch {height:50px;width:50px;}
.dictionary-list ul {overflow:hidden;width:100%;margin-top:16px;}
.dictionary-list ul li {
	position:relative;
	float:left;
	width:20%;
	cursor:pointer;
}
.dictionary-list ul li .image-area {
	position:relative;
	width:50px;height:50px;
	margin:0 auto;
	padding:10px 0;
	border:1px solid #eee;
	border-radius:50%;
	background-color:#fff;
	text-align:center;
	box-sizing:border-box;
}
.dictionary-list ul li .image-area:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.dictionary-list ul .item01 .image-area:before {background-image:url(../images2.0/ico/ico_dictionary01.png);}
.dictionary-list ul .item01.on .image-area:before {background-image:url(../images2.0/ico/ico_dictionary01_on.png);}
.dictionary-list ul .item02 .image-area:before {background-image:url(../images2.0/ico/ico_dictionary02.png);}
.dictionary-list ul .item02.on .image-area:before {background-image:url(../images2.0/ico/ico_dictionary02_on.png);}
.dictionary-list ul .item03 .image-area:before {background-image:url(../images2.0/ico/ico_dictionary03.png);}
.dictionary-list ul .item03.on .image-area:before {background-image:url(../images2.0/ico/ico_dictionary03_on.png);}
.dictionary-list ul .item04 .image-area:before {background-image:url(../images2.0/ico/ico_dictionary04.png);}
.dictionary-list ul .item04.on .image-area:before {background-image:url(../images2.0/ico/ico_dictionary04_on.png);}
.dictionary-list ul .item05 .image-area:before {background-image:url(../images2.0/ico/ico_dictionary05.png);}
.dictionary-list ul .item05.on .image-area:before {background-image:url(../images2.0/ico/ico_dictionary05_on.png);}

.dictionary-list ul li span {display:block;color:#666;font-size:12px;line-height:30px;text-align:center;}

/* My Gallery */
.portal-area .slider5 {width:272px;margin:0 auto;padding-bottom:30px;}
.portal-area .slider5 .bxslider .item {width:272px;height:240px;background-color:#000;}
.portal-area .slider5 .bxslider .item div {width:100%;height:240px;text-align:center;}
.portal-area .slider5 .bxslider .item img {height:100%;vertical-align:top;}
.portal-area .slider5 .bxslider .item .bx-caption {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:36px;
	font-size:13px;
	color:#fff;
	text-align:center;
	line-height:36px;
	background:rgba(0,0,0,.7);
}
.portal-area .slider5 .bx-controls-direction a {
	display:block;
	position:absolute;
	top:50%;
	width:34px;
	height:34px;
	margin-top:-17px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.portal-area .portal-area slider5 .bx-controls-direction .bx-prev {left:0;background-image:url(../images2.0/btn/btn_prev03.png);}
.slider5 .bx-controls-direction .bx-next {right:0;background-image:url(../images2.0/btn/btn_next03.png);}
.portal-area .slider5 .bx-pager {
	position:absolute;
	left:0;bottom:-30px;
	font-size:0;
	line-height:0;
}
.portal-area .slider5 .bx-pager .bx-pager-item {
	display:inline-block;
}
.portal-area .slider5 .bx-pager .bx-pager-item .bx-pager-link {
	display:block;
	position:relative;
	width:20px;
	height:20px;
}
.portal-area .slider5 .bx-pager .bx-pager-item .bx-pager-link:before {
	content:'';
	position:absolute;
	left:50%;top:50%;
	width:10px;
	height:10px;
	margin:-5px 0 0 -5px;
	border-radius:50%;
	background-color:#bbb;
}
.portal-area .slider5 .bx-pager .bx-pager-item .bx-pager-link.active:before {background-color:#333;}

.portal-area .slider5 .bx-controls-auto {
	position:absolute;
	right:0;bottom:-30px;
	font-size:0;
	line-height:0;
}
.portal-area .slider5 .bx-controls-auto .bx-controls-auto-item {
	display:inline-block;
}
.portal-area .slider5 .bx-controls-auto .bx-controls-auto-item a {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
}
.portal-area .slider5 .bx-controls-auto .bx-controls-auto-item a:before {
	content:'';
	position:absolute;
	top:50%;left:50%;
	width:8px;height:10px;
	margin:-5px 0 0 -4px;
	background-repeat:no-repeat;
}
.portal-area .slider5 .bx-controls-auto .bx-start:before {
	background-image:url(../images2.0/btn/btn_play.png);
	background-position:0 0;
}
.slider5 .bx-controls-auto .bx-start.active:before {
	background-image:url(../images2.0/btn/btn_play.png);
	background-position:0 -10px;
}
.portal-area .slider5 .bx-controls-auto .bx-stop:before {
	background-image:url(../images2.0/btn/btn_stop.png);
	background-position:0 0;
}
.portal-area .slider5 .bx-controls-auto .bx-stop.active:before {
	background-image:url(../images2.0/btn/btn_stop.png);
	background-position:0 -10px;
}

/* 개인 롤링 */
.portal-area .slider6 {width:272px;margin:0 auto;padding-bottom:30px;}
.portal-area .slider6 .bxslider .item {width:272px;height:240px;background-color:#000;}
.portal-area .slider6 .bxslider .item div {width:100%;height:240px;text-align:center;}
.portal-area .slider6 .bxslider .item img {width:100%;height:100%;vertical-align:top;}
.portal-area .slider6 .bxslider .item .bx-caption {
	position:absolute;
	left:0;right:0;bottom:0;
	height:36px;
	font-size:13px;
	color:#fff;
	text-align:center;
	line-height:36px;
	background:rgba(0,0,0,.7);
}
.portal-area .slider6 .bx-controls-direction a {
	display:block;
	position:absolute;
	top:50%;
	width:34px;
	height:34px;
	margin-top:-17px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.portal-area .slider6 .bx-controls-direction .bx-prev {left:0;background-image:url(../images2.0/btn/btn_prev03.png);}
.portal-area .slider6 .bx-controls-direction .bx-next {right:0;background-image:url(../images2.0/btn/btn_next03.png);}
.portal-area .slider6 .bx-pager {
	position:absolute;
	left:0;bottom:-30px;
	font-size:0;
	line-height:0;
}
.portal-area .slider6 .bx-pager .bx-pager-item {
	display:inline-block;
}
.portal-area .slider6 .bx-pager .bx-pager-item .bx-pager-link {
	display:block;
	position:relative;
	width:20px;
	height:20px;
}
.portal-area .slider6 .bx-pager .bx-pager-item .bx-pager-link:before {
	content:'';
	position:absolute;
	left:50%;top:50%;
	width:10px;
	height:10px;
	margin:-5px 0 0 -5px;
	border-radius:50%;
	background-color:#bbb;
}
.portal-area .slider6 .bx-pager .bx-pager-item .bx-pager-link.active:before {background-color:#333;}

.slider6 .bx-controls-auto {
	position:absolute;
	right:0;bottom:-30px;
	font-size:0;
	line-height:0;
}
.portal-area .slider6 .bx-controls-auto .bx-controls-auto-item {
	display:inline-block;
}
.portal-area .slider6 .bx-controls-auto .bx-controls-auto-item a {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
}
.portal-area .slider6 .bx-controls-auto .bx-controls-auto-item a:before {
	content:'';
	position:absolute;
	top:50%;left:50%;
	width:8px;height:10px;
	margin:-5px 0 0 -4px;
	background-repeat:no-repeat;
}
.portal-area .slider6 .bx-controls-auto .bx-start:before {
	background-image:url(../images2.0/btn/btn_play.png);
	background-position:0 0;
}
.portal-area .slider6 .bx-controls-auto .bx-start.active:before {
	background-image:url(../images2.0/btn/btn_play.png);
	background-position:0 -10px;
}
.portal-area .slider6 .bx-controls-auto .bx-stop:before {
	background-image:url(../images2.0/btn/btn_stop.png);
	background-position:0 0;
}
.portal-area .slider6 .bx-controls-auto .bx-stop.active:before {
	background-image:url(../images2.0/btn/btn_stop.png);
	background-position:0 -10px;
}

/* 환율 */
.iframe-box {margin-top:30px;}


/* 세계시각 */
.clock-wrap {}
.clock-wrap .clock-item {}
.clock-wrap .clock-item .clock-box {
	position:relative;
	width:100px;
	height:100px;
	box-sizing:border-box;
	border-radius:50%;
	border:4px solid #fff;
	box-shadow:0px 0px 9px rgba(0,0,0,.3);
}
.clock-wrap .clock-item .clock-box .item-hour,
.clock-wrap .clock-item .clock-box .item-sec,
.clock-wrap .clock-item .clock-box .item-min {
	position:absolute;
	width:92px;
	height:92px;
	left:0;
	top:0;
	background-repeat:no-repeat;
	background-position:50% 0;
}
.clock-wrap .clock-item .clock-box .item-hour {background-image:url(../images2.0/bg/bg_hour.png);}
.clock-wrap .clock-item .clock-box .item-sec {background-image:url(../images2.0/bg/bg_sec.png);}
.clock-wrap .clock-item .clock-box .item-min {background-image:url(../images2.0/bg/bg_min.png);}

/* 개인레이아웃설정정보 */
.setting-area {}
.setting-area ul {
	overflow:hidden;
	margin-bottom:20px;
	padding:30px 20px 30px 40px;
	border:1px solid #eee;
	background-color:#fafafa;
}
.setting-area ul .item {
	float:left;
	position:relative;
	width:20%;
	margin-top:10px;
}
.setting-area ul .item .icon {
	overflow:hidden;
	width:50px;
	height:50px;
	box-sizing:border-box;
	border-radius:50%;
	border:1px solid #efefef;
}
.setting-area ul .item .icon.bgColor {border:0;}
.setting-area ul .item .icon.bgColor img {margin-top:-50px;}
.setting-area ul .item .text {
	position:absolute;
	left:56px;top:50%;
	margin-top:-9px;
	color:#;
	font-size:12px;
}

.stage1 .content .ui-sortable .cont {width:100%;}
.stage2 .content .ui-sortable .cont {width:50%;}
.stage3 .content .ui-sortable .cont {width:33%;}

/*컬러 설정 정보*/
.color-change .board-write1 td .color {
	display:inline-block;
	width:35px;
	height:35px;
	margin-right:5px;
	vertical-align:middle;
}
.color-change .board-write1 {margin-top:0 !important}
.color-change .board-write1 th,
.color-change .board-write1 td {
	height:66px;
	padding:15px 0;
}

.pop-layout .layout-list {text-align:center;}
.pop-layout .layout-list .item {
	display:inline-block;
	margin-left:10px;
}
.pop-layout .layout-list .item:first-child {margin-left:0;}
.pop-layout .layout-list .item label {
	display:block;
}
.pop-layout .layout-list .item label span {display:block;}
.pop-layout .layout-list .item .radioWrap {margin:10px 0 0;}
.pop-layout .btn-wrap {margin:20px 0 0 0}

/* ===========================================================================
	내부회계관리시스템
=========================================================================== */
.accounting .sub-gnb .scroll-area {padding-top:0}
.accounting .utill {top:18px;right:50px;width:100%;}
.accounting .utill .topMenu{
	margin-left: 270px;
}

.accounting .utill .topMenu ul li {
    list-style: none;
    color: white;
    float: left;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
}

.accounting .utill .topMenu .menuLink {
    display:block;
	position:relative;
	padding:16px 25px 16px 30px;
	box-sizing:border-box;
	color:#000;
	font-size:14px;
	line-height:18px;
}

.accounting .utill .topMenu .menuLink .gnb-title:before {
	content:'';
	position:absolute;
	left:5px;top:16px;
	width:18px;
	height:18px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:18px 39px;
}

.accounting .utill .topMenu .menuLink .gnb-title.icon_01:before {background-image:url(../images2.0/mobile/layout/gnb/icon_01.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_02:before {background-image:url(../images2.0/mobile/layout/gnb/icon_02.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_03:before {background-image:url(../images2.0/mobile/layout/gnb/icon_03.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_04:before {background-image:url(../images2.0/mobile/layout/gnb/icon_04.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_05:before {background-image:url(../images2.0/mobile/layout/gnb/icon_05.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_06:before {background-image:url(../images2.0/mobile/layout/gnb/icon_06.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_07:before {background-image:url(../images2.0/mobile/layout/gnb/icon_07.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_08:before {background-image:url(../images2.0/mobile/layout/gnb/icon_08.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_09:before {background-image:url(../images2.0/mobile/layout/gnb/icon_09.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_10:before {background-image:url(../images2.0/mobile/layout/gnb/icon_10.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_11:before {background-image:url(../images2.0/mobile/layout/gnb/icon_11.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_12:before {background-image:url(../images2.0/mobile/layout/gnb/icon_12.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_13:before {background-image:url(../images2.0/mobile/layout/gnb/icon_13.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_14:before {background-image:url(../images2.0/mobile/layout/gnb/icon_14.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_15:before {background-image:url(../images2.0/mobile/layout/gnb/icon_15.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_16:before {background-image:url(../images2.0/mobile/layout/gnb/icon_16.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_17:before {background-image:url(../images2.0/mobile/layout/gnb/icon_17.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_18:before {background-image:url(../images2.0/mobile/layout/gnb/icon_18.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_19:before {background-image:url(../images2.0/mobile/layout/gnb/icon_19.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_20:before {background-image:url(../images2.0/mobile/layout/gnb/icon_20.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_21:before {background-image:url(../images2.0/mobile/layout/gnb/icon_21.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_22:before {background-image:url(../images2.0/mobile/layout/gnb/icon_22.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_23:before {background-image:url(../images2.0/mobile/layout/gnb/icon_23.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_24:before {background-image:url(../images2.0/mobile/layout/gnb/icon_24.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_25:before {background-image:url(../images2.0/mobile/layout/gnb/icon_25.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_26:before {background-image:url(../images2.0/mobile/layout/gnb/icon_26.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_27:before {background-image:url(../images2.0/mobile/layout/gnb/icon_27.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_28:before {background-image:url(../images2.0/mobile/layout/gnb/icon_28.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_29:before {background-image:url(../images2.0/mobile/layout/gnb/icon_29.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_30:before {background-image:url(../images2.0/mobile/layout/gnb/icon_30.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_31:before {background-image:url(../images2.0/mobile/layout/gnb/icon_31.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_32:before {background-image:url(../images2.0/mobile/layout/gnb/icon_32.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_33:before {background-image:url(../images2.0/mobile/layout/gnb/icon_33.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_34:before {background-image:url(../images2.0/mobile/layout/gnb/icon_34.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_35:before {background-image:url(../images2.0/mobile/layout/gnb/icon_35.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_36:before {background-image:url(../images2.0/mobile/layout/gnb/icon_36.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_37:before {background-image:url(../images2.0/mobile/layout/gnb/icon_37.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_38:before {background-image:url(../images2.0/mobile/layout/gnb/icon_38.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_39:before {background-image:url(../images2.0/mobile/layout/gnb/icon_39.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_40:before {background-image:url(../images2.0/mobile/layout/gnb/icon_40.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_41:before {background-image:url(../images2.0/mobile/layout/gnb/icon_41.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_42:before {background-image:url(../images2.0/mobile/layout/gnb/icon_42.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_43:before {background-image:url(../images2.0/mobile/layout/gnb/icon_43.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_44:before {background-image:url(../images2.0/mobile/layout/gnb/icon_44.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_45:before {background-image:url(../images2.0/mobile/layout/gnb/icon_45.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_46:before {background-image:url(../images2.0/mobile/layout/gnb/icon_46.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_47:before {background-image:url(../images2.0/mobile/layout/gnb/icon_47.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_48:before {background-image:url(../images2.0/mobile/layout/gnb/icon_48.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_49:before {background-image:url(../images2.0/mobile/layout/gnb/icon_49.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_50:before {background-image:url(../images2.0/mobile/layout/gnb/icon_50.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_51:before {background-image:url(../images2.0/mobile/layout/gnb/icon_51.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_52:before {background-image:url(../images2.0/mobile/layout/gnb/icon_52.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_53:before {background-image:url(../images2.0/mobile/layout/gnb/icon_53.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_54:before {background-image:url(../images2.0/mobile/layout/gnb/icon_54.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_55:before {background-image:url(../images2.0/mobile/layout/gnb/icon_55.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_56:before {background-image:url(../images2.0/mobile/layout/gnb/icon_56.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_57:before {background-image:url(../images2.0/mobile/layout/gnb/icon_57.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_58:before {background-image:url(../images2.0/mobile/layout/gnb/icon_58.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_59:before {background-image:url(../images2.0/mobile/layout/gnb/icon_59.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_60:before {background-image:url(../images2.0/mobile/layout/gnb/icon_60.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_61:before {background-image:url(../images2.0/mobile/layout/gnb/icon_61.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_62:before {background-image:url(../images2.0/mobile/layout/gnb/icon_62.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_63:before {background-image:url(../images2.0/mobile/layout/gnb/icon_63.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_64:before {background-image:url(../images2.0/mobile/layout/gnb/icon_64.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_65:before {background-image:url(../images2.0/mobile/layout/gnb/icon_65.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_66:before {background-image:url(../images2.0/mobile/layout/gnb/icon_66.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_67:before {background-image:url(../images2.0/mobile/layout/gnb/icon_67.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_68:before {background-image:url(../images2.0/mobile/layout/gnb/icon_68.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_69:before {background-image:url(../images2.0/mobile/layout/gnb/icon_69.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_70:before {background-image:url(../images2.0/mobile/layout/gnb/icon_70.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_topmenu_add:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_add.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_topmenu_cal:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_cal.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_topmenu_home:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_home.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_topmenu_mail:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_mail.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_topmenu_ndrive:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_ndrive.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_topmenu_office:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_office.png);}
.accounting .utill .topMenu .menuLink .gnb-title.icon_topmenu_talk:before {background-image:url(../images2.0/mobile/layout/gnb/icon_topmenu_talk.png);}

.accounting .utill .topMenuRight {float:right}

.accounting .utill .txt {
	margin-right:20px;
	font-size:14px;

}

.accounting .utill .topMenuRight .btn-admin {
	background:url(../images2.0/btn/btn_admin.png) no-repeat 0 0;
	padding-left:20px;
	padding-right:15px;
	font-size:12px;
	color:#999;
	font-weight:700;
}

.accounting .sub-gnb {top:0}
.accounting .gnb-wrap .depth1 .depth-top .menu-box a {margin-top:5px}
.accounting .gnb-wrap .depth1 .depth-top .menu-box a:first-child {margin-top:0}

.accounting .accounting-area {margin:0 20px;}
.accounting .accounting-area .account-top {overflow:hidden;}
.accounting .accounting-area .account-top > .table-area {
	position:relative;
	float:left;
	width:50%;
	padding-right:20px;
	box-sizing:border-box;
}
.accounting .accounting-area .account-top > .table-area.state {
	padding-left:20px;
	padding-right:0
}
.accounting .accounting-area .table-area .btn-more {
	position:absolute;
	right:20px;
	top:0;
	padding-right:12px;
	color:#999;
}
.accounting .accounting-area .table-area .btn-more:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	width:4px;
	height:7px;
	margin-top:-3px;
	background:url(../images2.0/ico/ico_go.png) no-repeat 0 0;
}
.accounting .accounting-area .table-area.state ul {overflow:hidden;}
.accounting .accounting-area .table-area.state li {
	float:left;
	width:50%;
	box-sizing:border-box;
}

.accounting .accounting-area .table-area.state .project li {
	float:left;
	width:33%;
	box-sizing:border-box;
}

.accounting .accounting-area .table-area.state li:first-child {padding-right:5px;}
.accounting .accounting-area .table-area.state li:last-child {padding-left:5px}
.accounting .accounting-area .table-area.state .box {
		overflow:hidden;
		border:1px solid #e5e5e5;
}
.accounting .accounting-area .table-area.state .box a {
	position:relative;
	display:block;
	width:100%;
	padding-left:25px;
	border-bottom:1px solid #e5e5e5;
	line-height:54px;
	font-size:14px;
	color:#333;
	font-weight:700;
	box-sizing:border-box;
}
.accounting .accounting-area .table-area.state .box a:before {
	content:'';
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	width:5px;
	height:11px;
	margin-top:-5px;
	background:url(../images2.0/btn/btn_more3.png) no-repeat 90% 50%;
}
.accounting .accounting-area .table-area.state .box .state-item {
	display:block;
	float:left;
	width:50%;
	height:145px;
	padding-top:68px;
	box-sizing:border-box;
}
.accounting .accounting-area .table-area.state .box .state-item > span {
	display:block;
	text-align:center;
}
.accounting .accounting-area .table-area.state .box .state-item.item1 {background:url(../images2.0/ico/ico_ac_state01.png) no-repeat 50% 30px;}
.accounting .accounting-area .table-area.state .box .state-item.item2 {background:url(../images2.0/ico/ico_ac_state02.png) no-repeat 50% 30px;}
.accounting .accounting-area .table-area.state .box .state-item.item3 {background:url(../images2.0/ico/ico_ac_state03.png) no-repeat 50% 30px;}
.accounting .accounting-area .table-area.state .box .state-item.item4 {background:url(../images2.0/ico/ico_ac_state04.png) no-repeat 50% 30px;}
.accounting .accounting-area .table-area.state .box .state-item .num {
	padding-top:10px;
	font-size:18px;
	color:#333;
}
.accounting .accounting-area .table-area.board {margin-top:20px;}

/*서브2*/
.accounting .top-search-box2 .search-text {
	width:350px;
}
.accounting .top-search-box2 .selectWrap:first-child {margin-right:2px;}
.accounting .top-search-box2 p span:before {background:url(../images2.0/ico/ico_account_search.png) no-repeat 0 0;}
.accounting .accounting-area .state.type2 {position:relative;}
.accounting .accounting-area .state.type2 .title {
	margin:32px 0 26px;
	padding-bottom:0;
	text-align:center;
	font-size:18px;
	line-height:35px;
}
.accounting .accounting-area .state.type2 .title span {
	margin-left:20px;
	font-size:16px;
	color:#666;
	font-weight:normal;
}
.accounting .accounting-area .state.type2 .title span em {font-weight:700}
.accounting .accounting-area .state.type2 .title + .btn-area {
	position:absolute;
	right:0;
	top:0;
}
.accounting .accounting-area .state.type2 li {
	width:33.3%;
	padding:0 7px;
}
.accounting .accounting-area .state.type2 li:first-child {padding-left:0}
.accounting .accounting-area .state.type2 li:last-child {padding-right:0}
.accounting .accounting-area .state.type2 .box .state-item {width:33.3%}
.accounting .accounting-area .state.type2 .box .state-item.item1 {background:url(../images2.0/ico/ico_ac2_state01.png) no-repeat 50% 30px;}
.accounting .accounting-area .state.type2 .box .state-item.item2 {background:url(../images2.0/ico/ico_ac2_state02.png) no-repeat 50% 30px;}
.accounting .accounting-area .state.type2 .box .state-item.item3 {background:url(../images2.0/ico/ico_ac2_state03.png) no-repeat 50% 30px;}
.accounting .accounting-area .state.type2 .box .state-item.item4 {background:url(../images2.0/ico/ico_ac2_state04.png) no-repeat 50% 30px;}
.accounting .accounting-area .state.type2 .box .state-item.item5 {background:url(../images2.0/ico/ico_ac2_state05.png) no-repeat 50% 30px;}
.accounting .accounting-area .state.type2 .box .state-item.item6 {background:url(../images2.0/ico/ico_ac2_state06.png) no-repeat 50% 30px;}


/*20180523_신규*/
.accounting .accounting-area .table-area.state .box .box_sub1 {overflow:hidden;border-right:1px solid #e5e5e5;width:50%;box-sizing:border-box;float:left;padding:0 2%;}
.accounting .accounting-area .table-area.state .box .box_sub1 h3{display:block;line-height:35px;padding:5px 0 0 15px;}
.accounting .accounting-area .table-area.state .box .box_sub2 {overflow:hidden;width:50%;box-sizing:border-box;float:left;}
.accounting .accounting-area .table-area.state .box .box_sub2 h3{display:block;line-height:35px;padding:5px 0 0 20px;}
.accounting .accounting-area .table-area.state .box .box_sub2 .box_sub2_tb{width:75%;margin:0 auto;box-sizing:border-box;}
.accounting .accounting-area .table-area.state .box .box_sub2 .box_sub2_tb td{line-height:28px;}
.accounting .accounting-area .table-area.state .box .box_sub2 .box_sub2_tb td:first-child{text-align:left;}
.accounting .accounting-area .table-area.state .box .box_sub2 .box_sub2_tb td:last-child {text-align:right;font-size:18px;}

.accounting .accounting-area .state.type2_ {position:relative;}
.accounting .accounting-area .state.type2_ .title {margin:32px 0 26px;padding-bottom:0;text-align:center;font-size:18px;line-height:35px;}
.accounting .accounting-area .state.type2_ .title span {margin-left:20px;font-size:16px;color:#666;font-weight:normal;}
.accounting .accounting-area .state.type2_ .title span em {font-weight:700}
.accounting .accounting-area .state.type2_ .title + .btn-area {position:absolute;right:0;top:0;}
.accounting .accounting-area .state.type2_ li {width:50%;padding:0 7px;}
.accounting .accounting-area .state.type2_ li:first-child {padding-left:0}
.accounting .accounting-area .state.type2_ li:last-child {padding-right:0}
.accounting .accounting-area .state.type2_ .box .state-item {display:block;float:left;width:50%;height:125px;padding-top:52px;box-sizing:border-box;}
.accounting .accounting-area .state.type2_ .box .state-item {width:50%}
.accounting .accounting-area .state.type2_ .box .state-item {width:33.3%}
.accounting .accounting-area .state.type2_ .box .state-item.item1 {background:url(../images2.0/ico/ico_ac2_state05.png) no-repeat 50% 10px;}
.accounting .accounting-area .state.type2_ .box .state-item.item2 {background:url(../images2.0/ico/ico_ac2_state06.png) no-repeat 50% 10px;}
.accounting .accounting-area .state.type2_ .box .state-item.item3 {background:url(../images2.0/ico/ico_ac2_state08.png) no-repeat 50% 5px;}




.accounting .accounting-area .state.type4 {position:relative;}
.accounting .accounting-area .state.type4 .title {margin:32px 0 26px;padding-bottom:0;text-align:center;font-size:18px;line-height:35px;}
.accounting .accounting-area .state.type4 .title span {margin-left:20px;font-size:16px;color:#666;font-weight:normal;}
.accounting .accounting-area .state.type4 .title span em {font-weight:700}
.accounting .accounting-area .state.type4 .title + .btn-area {position:absolute;right:0;top:0;}
.accounting .accounting-area .state.type4 li {width:50%;padding:0 7px;}
.accounting .accounting-area .state.type4 li:first-child {padding-left:0}
.accounting .accounting-area .state.type4 li:last-child {padding-right:0}
.accounting .accounting-area .state.type4 .box .state-item {display:block;float:left;width:25%;height:125px;padding-top:52px;box-sizing:border-box;}
.accounting .accounting-area .state.type4 .box .state-item {width:50%}
.accounting .accounting-area .state.type4 .box .state-item {width:25%}
.accounting .accounting-area .state.type4 .box .state-item.item1 {background:url(../images2.0/ico/ico_ac2_state01.png) no-repeat 50% 10px;}
.accounting .accounting-area .state.type4 .box .state-item.item2 {background:url(../images2.0/ico/ico_ac2_state02.png) no-repeat 50% 10px;}
.accounting .accounting-area .state.type4 .box .state-item.item3 {background:url(../images2.0/ico/ico_ac2_state03.png) no-repeat 50% 5px;}
.accounting .accounting-area .state.type4 .box .state-item.item4 {background:url(../images2.0/ico/ico_ac2_state04.png) no-repeat 50% 10px;}
.accounting .accounting-area .state.type4 .box .state-item.item5 {background:url(../images2.0/ico/ico_ac2_state05.png) no-repeat 50% 10px;}
.accounting .accounting-area .state.type4 .box .state-item.item6 {background:url(../images2.0/ico/ico_ac2_state06.png) no-repeat 50% 5px;}

.accounting .accounting-area .board-list3 table tr th,
.accounting .accounting-area .board-list3 table tr td {
	padding:12px 0;
	font-size:13px;
}
.accounting .accounting-area .board-list3 table tbody tr td{border-color:#f5f5f5}
.accounting .accounting-area .board-list3 table thead tr:nth-child(2) th {font-weight:normal;}
.accounting .accounting-area .board-list3 table tbody tr td:first-child,
.accounting .accounting-area .board-list3 table tfoot tr td:first-child {
	text-align:left;
	padding-left:25px;
}
.accounting .accounting-area .board-list3.sum table tbody td:last-child {
	font-weight:700;
	background-color:#fafafa;
}
.accounting .accounting-area .board-list3 table tbody td.no-data:first-child {
	text-align:center;
	padding:70px 0;
}

/*자가진단 윈도우팝업*/
.window-popup.accounting {padding-bottom:80px}
.window-popup.accounting .table-tit {
	font-size:16px;
	color:#333;
	margin:20px 0 10px;
}
.window-popup.accounting .cont-wrap {
	position:relative;
	margin:0 25px;
}
.window-popup.accounting .cont-wrap .board-write1 {margin:0}
.window-popup.accounting .cont-wrap .board-write1 td .btn-text {margin-left:10px;vertical-align:initial;}
.window-popup.accounting .cont-wrap .addfile-box {margin-top:40px}
.window-popup.accounting .cont-wrap .addfile-box .tab-list1,
.window-popup.accounting .cont-wrap .addfile-box .tabContent {margin:0}
.window-popup.accounting .cont-wrap .btn-wrap {
	margin:0 0 30px 0;
}
.window-popup.accounting .cont-wrap .btn-wrap .btn-item {margin-top:0}

/*정의서(업무기술서)*/
.accounting-area .sorting-area .btn-open,
.accounting-area .sorting-area .btn-close {
	position:relative;
	width:90px;
	height:35px;
	padding-left:18px;
	border:1px solid #e5e5e5;
}
.accounting-area .sorting-area .btn-open em ,
.accounting-area .sorting-area .btn-close em {
	display:block;
	width:9px;
	height:9px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-4px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.accounting-area .sorting-area .btn-open em {
	background:#ff5349 url(../images2.0/btn/btn_open.png) no-repeat 0 0;
}
.accounting-area .sorting-area .btn-close em {
	background:#ff5349 url(../images2.0/btn/btn_close.png) no-repeat 0 0;
}
.accounting-area .sorting-area {margin:0;border-bottom:0}
.accounting-area .sorting-area .left-box .turn {
	font-size:15px;
	display:inline-block;
	margin-right:20px;
}
.accounting-area .sorting-area .left-box .turn span {font-weight:700}

.accounting-area .blt-list1 {
	margin-top:20px;
	padding:25px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

/*테이블 */
.board-list5 .th-area {
	position:relative;
 overflow:hidden;
 padding:13px 0;
 border-top:1px solid #eee;
 border-bottom:1px solid #eee;
}
.board-list5 .th-area div,
.board-list5 .th-area .button {font-size:14px;color:#333;font-weight:700;}
.board-list5 .th-area > div,
.board-list5 .td-area div {
	min-height:19px;
 float:left;
 text-align:center;
}
/*컬럼 4개*/
.board-list5 .type1 .column1 {width:60%;box-sizing:border-box;}
.board-list5 .type1 .column2 {width:10%}
.board-list5 .type1 .column3 {width:14%}
.board-list5 .type1 .column4 {width:16%}
/*컬럼 5개*/
.board-list5 .type2 .column1 {width:63%;box-sizing:border-box;}
.board-list5 .type2 .column2 {width:10%}
.board-list5 .type2 .column3 {width:9%}
.board-list5 .type2 .column4 {width:9%}
.board-list5 .type2 .column5 {width:9%}
/*컬럼 6개*/
.board-list5 .type3 .column1 {width:54%;box-sizing:border-box;}
.board-list5 .type3 .column2 {width:10%}
.board-list5 .type3 .column3 {width:9%}
.board-list5 .type3 .column4 {width:9%}
.board-list5 .type3 .column5 {width:9%}
.board-list5 .type3 .column6 {width:9%}
/*컬럼 7개*/
.board-list5 .type4 .column1 {width:45%;box-sizing:border-box;}
.board-list5 .type4 .column2 {width:10%}
.board-list5 .type4 .column3 {width:9%}
.board-list5 .type4 .column4 {width:9%}
.board-list5 .type4 .column5 {width:9%}
.board-list5 .type4 .column6 {width:9%}
.board-list5 .type4 .column7 {width:9%}
/*컬럼 8개*/
.board-list5 .type6 .column1 {width:43%;box-sizing:border-box;}
.board-list5 .type6 .column2 {width:9%}
.board-list5 .type6 .column3 {width:8%}
.board-list5 .type6 .column4 {width:8%}
.board-list5 .type6 .column5 {width:8%}
.board-list5 .type6 .column6 {width:8%}
.board-list5 .type6 .column7 {width:8%}
.board-list5 .type6 .column8 {width:8%}
/*컬럼 11개*/
.board-list5 .type5 .column1 {width:28%;box-sizing:border-box;}
.board-list5 .type5 .column2 {width:9%}
.board-list5 .type5 .column3 {width:7%}
.board-list5 .type5 .column4 {width:7%}
.board-list5 .type5 .column5 {width:7%}
.board-list5 .type5 .column6 {width:7%}
.board-list5 .type5 .column7 {width:7%}
.board-list5 .type5 .column8 {width:7%}
.board-list5 .type5 .column9 {width:7%}
.board-list5 .type5 .column10 {width:7%}
.board-list5 .type5 .column11 {width:7%}

.board-list5 .th-area .check-column {
	position:absolute;
	left:83px;
	top:50%;
	margin-top:-12px;
}
.board-list5 .th-area .order button {
 position:relative;
 padding-right:13px;
 color:#333;
 font-weight:700;
 font-size:14px;
}
.board-list5 .th-area .order .btn-order span {
 display:inline-block;
 width:10px;
 height:5px;
 border-top:5px solid #9da4ac;
 position:absolute;
 right:0;
 top:50%;
 margin-top:-2px;
}
.board-list5 .th-area .order .btn-order span:before {
 content:'';
 display:block;
 width:10px;
 height:5px;
 position:absolute;
 right:0;
 top:-5px;
 background:url(../img/btn/btn-order.png) no-repeat 0 0;
}
.board-list5 .th-area .order .btn-order.fColor span:before {
 transform:rotate(180deg);
}
.board-list5 .th-area .order button span em {font-size:0;line-height:0;text-indent:-9999px;}

.board-list5 .td-area {
 overflow:hidden;
 padding:13px 0;
 border-bottom:1px solid #eee;
 cursor:pointer;
}
.board-list5 .td-area:hover {background-color:#fafafa;}
.board-list5 .td-area .column1 {text-align:left;}
.board-list5 .td-area.tDepth1.open,
.board-list5 .td-area.tDepth2.open {
	color:#000;
	font-weight:700;
}
.board-list5 .td-area.tDepth1 .column1 {padding-left:56px;}
.board-list5 .td-area.tDepth2 .column1 {padding-left:83px}

.board-list5 .td-area.tDepth3 .column1 {
	position:relative;
	margin-bottom:5px;
	padding-left:110px;
}
.board-list5.nocheck .td-area.tDepth3 .column1 {padding-left:83px;}
.board-list5 .td-area.tDepth3 .column1 .checkWrap {
	position:absolute;
	left:83px;
	top:2px;
}
.board-list5 .td-area.tDepth3 .column1 a {vertical-align:middle;}
.board-list5 .td-area.tDepth3 .inner {display:block}
.board-list5 .td-area.tDepth3 .stat1 {color:#333;}
.board-list5 .td-area.tDepth3 .stat2 {color:#26a7f5;}
.board-list5 .td-area.tDepth3 .stat3 {color:#ff5349;}
.board-list5 .td-area.tDepth3 .stat4 {color:#333;}
.board-list5 .td-area.tDepth3 .stat5 {color:#ff5349;}
.board-list5 .td-area.tDepth3 .stat6 {color:#ff8549;}
.board-list5 .td-area.tDepth3 .endDate {color:red;}

.tDepth-wrap .tDepth2-wrap,
.tDepth-wrap .tDepth3-wrap {display:none}
.tDepth-wrap .tDepth1,
.tDepth-wrap .tDepth2 {position:relative;}
.tDepth-wrap .tDepth1:before,
.tDepth-wrap .tDepth2:before {
	content:'';
	width:19px;
	height:19px;
	position:absolute;
	top:50%;
	margin-top:-9px;
	background:url(../images2.0/btn/btn_toggle.gif) no-repeat left top;
}
.tDepth-wrap .tDepth1:before {left:30px}
.tDepth-wrap .tDepth2:before {left:55px}
.tDepth-wrap .tDepth1.open:before,
.tDepth-wrap .tDepth2.open:before {background-position:left bottom;}

.accounting-area .board-list5 + .btn-wrap {margin:20px 0 30px 0}

.board-list5 .th-area .left {overflow:hidden;width:37%;}
.board-list5 .th-area .left div {
	float:left;
	line-height:90px;
}
.board-list5 .th-area .left .column1 {width:76%}
.board-list5 .th-area .left .column2 {width:24%}
.board-list5 .th-area .right {width:63%;}
.board-list5 .th-area .right .top {overflow:hidden;}
.board-list5 .th-area .right .top div {
	float:left;
	line-height:30px;
}
.board-list5 .th-area .right .top .column3 {width:44%}
.board-list5 .th-area .right .top .column4 {width:56%;}

.board-list5 .th-area .right .bottom {
	overflow:hidden;
}
.board-list5 .th-area .right .bottom div {
	float:left;
	width:11.1%;
	line-height:20px;
}
.board-list5 .th-area .right .bottom .line1 {line-height:40px;}
/* ===========================================================================
	e-hr
=========================================================================== */
.tbl-text {
	padding:5px 0;
	color:#999;
	font-size:12px;
}

.tbl-title-text {
 padding:5px 0;
 color:#000;
 font-size:16px;
 font-weight:700;
}

.board-view2 .profile-img {
	border-bottom:0;
	text-align:center;
	padding:20px 0 0 0;
	vertical-align:top;
}
.board-view2 .tbl-img-area {
	position:relative;
	margin:0 auto;
	width:80%;
	height:auto;
	overflow:hidden;
	background:url(../images2.0/img/no_image04.gif) no-repeat left top;
}
.board-view2 .tbl-img-area img {width:100%;height:100%}
.board-view2 .tbl-img-area .btn-addimg {
	position:absolute;
	right:5px;
	bottom:10px;
	width:30px;
	height:30px;
	border-radius:15px;
	background:url(../images2.0/btn/btn_imgadd.png) no-repeat 0 0;
	box-shadow:1px 4px 4px rgba(0,0,0,.3);
}
.profile-area .left .img-area .btn-addimg:before {
	width:31px;
	height:30px;
	border-radius:15px;
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	border:2px solid #fff;
	box-sizing:border-box;
}


/*
	전자결재 > 양식수정
*/
.table-styled1 {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.table-styled1 th,
.table-styled1 td {
	height:66px;
	padding:10px;
	border-top:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
	box-sizing:border-box;
	font-weight:400;
}
.table-styled1 tr:first-child th,
.table-styled1 tr::first-child td {border-top:0;}
.table-styled1 th {
	color:#333;
	font-size:14px;
	text-align:left;
	background-color:#fafafa;
}
.table-styled1 td {}
.table-styled1 td:last-child {border-right:0;}
.table-styled1 td input[type=radio],
.table-styled1 td input[type=checkbox] {
	margin:0 4px 0 5px;
	width:18px;
	height:18px;
}
.table-styled1 td input[type=radio]:first-child,
.table-styled1 td input[type=checkbox]:first-child {margin-left:0;}
.table-styled1 td .colorPoint {
	display:block;
	color:#ff5349;
}
.table-styled1 td select {
	height:35px;
	padding:0 35px 0 15px;
	border:1px solid #e5e5e5;
	background-color:#fff;
	box-sizing:border-box;
	text-overflow:ellipsis;
	line-height:33px;
	white-space:nowrap;
}

.iKEP_tab_s {
	position:relative;
}
.iKEP_tab_s .ui-tabs-nav {
	margin:30px 0 0;
	border-bottom:1px solid #e5e5e5;
}
.iKEP_tab_s .ui-tabs-nav:after {
	content:'';
	display:block;
	clear:both;
}
.iKEP_tab_s .ui-tabs-nav .ui-state-default {
	float:left;
	position:relative;
	background-color:#fff;
}
.iKEP_tab_s .ui-tabs-nav .ui-state-default a {
	display:block;
	height:45px;
	padding:0 20px;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	font-size:14px;
	text-align:center;
	line-height:44px;
	cursor:pointer;
}
.iKEP_tab_s .ui-tabs-nav .ui-state-default a:first-child {
	border-left:1px solid #e5e5e5;
}
.iKEP_tab_s .ui-tabs-nav .ui-state-default.ui-state-active a {
	background-color:#fff;
	color:#ff5349;
	font-weight:700;
	cursor:default;
}
.iKEP_tab_s .ui-tabs-nav .ui-state-default.ui-state-active:before {
	content:'';
	position:absolute;
	left:1px;
	right:1px;
	bottom:-1px;
	height:1px;
	background-color:#fff;
}
.iKEP_tab_s .ui-tabs-nav {}
.iKEP_tab_s .ui-tabs-panel {
	padding-top:20px;
	border:1px solid #e5e5e5;
	border-top:0;
}

.iKEP_tab_s .btn {
	position:absolute;
	right:0;
	top:9px;
}
.iKEP_tab_s .btn .button_ic {
	display:inline-block;
}
.iKEP_tab_s .btn .button_ic span {
	display:block;
	height:28px;
	padding:0 10px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	background-color:#fff;
	color:#666;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	line-height:26px;
	cursor:pointer;
}

.system_body {
	border-radius:0 0 5px 5px;
	background:#fff;
}
.system_body ul {
	padding-top:5px;
	text-align:left;
}
.system_body ul li {
	clear:right;
	position:relative;
	height:auto;
	padding:2px 0px 2px 0px;
	zoom:1;
}
.system_autoScrollHeight {
	overflow:auto !important;
	position:relative;
	margin-bottom:15px;
}
.system_List {height:400px}
.system_categoryTitle {
	height:35px;
	background:#ebebeb;
	border:1px solid #e0e0e0;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	font-size :14px;
	text-align:center;
	line-height:34px;
}
.system_infoText {
	height:45px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:15px;
	font-size :14px;
	text-align:center;
	line-height:44px;
}

.system_body ul li .system_listTextContainer {
	font-size :14px;
	line-height:15px;
	margin-left:15px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:5px;
}
.system_body ul li .system_listTextContainer a {
	display:inline;
	background:none;
	color:#555;
}
.system_body ul li .system_listTextContainer a:hover {
	color:#c50050;
	text-decoration:none;
}
.system_body ul li .system_listTextContainer span.system_btn_add {
	float:right;
	width:14px;
	height:14px;
	margin-right:3px;
	background:url(../images/icon/ic_btn_plus.gif) no-repeat;
}
.system_body ul li .system_listTextContainer span.system_btn_add a {
	display:block;
	width:14px;
	height:14px;
}
.corner_RoundBox12 {
    position: relative;
    padding: 5px 10px;
    color: #333;
    font-size: 11px;
    background: #ffffe5;
    border: 1px solid #b8b8b8;
}

topmenu_icon {display:inline-block;}
.topmenu_icon.bg {
	border:1px solid #e5e5e5;
	padding:50px 50px 50px 50px;
	display:block;
	width:auto !important;
	min-height:100%;


}/* @@@gp */
.topmenu_icon.bg {min-height:50px;}/* @@@gp */
.topmenu_icon.bg ul li {display:inline-block;border:none;background:none;}
.topmenu_icon.bg ul li a {text-align:center; margin-bottom:2px;font-size :14px;}
.topmenu_icon.bg ul li a:hover {border:none;background:none;text-decoration:none;margin-bottom:0px;}
.topmenu_icon.bg ul li span {margin-top:2px;text-decoration:none;}
.topmenu_icon.bg ul.sub {position:absolute;right:13px;top:50px;}
.topmenu_icon.bg ul.sub li {margin:0px 5px;height:17px;}
.topmenu_icon.bg a div img {width:28px;height:28px;margin-bottom:6px;}
.topmenu_icon.bg a div {display:inline-block;width:32px;height:32px;}
.topmenu_icon.bg ul.topmenu2 {width:100%;}
.topmenu_icon.bg ul.topmenu2 li {margin:19px 10px;}
.topmenu_icon.bg ul.topmenu2 li a span {display:font-size:14px;}
.topmenu_icon.bg ul.topmenu2 li a:hover span {font-size:14px;}
.topmenu_icon.bg ul.topmenu1 {}
.topmenu_icon.bg ul.topmenu1 li {margin:19px 7px;height:50px;}
.topmenu_icon.bg ul.topmenu1 li a span {font-weight:normal;font-size:13px;}
.topmenu_icon.bg ul.topmenu1 li a:hover span {font-weight:normal;font-size:13px;}
.topmenu_icon.bg ul.topmenu1 li a div {margin:6px 10px 2px 10px;}


.menuguide {
	position:relative;
	border:1px dotted #d0d0d0;
	padding:10px 5px;
	margin-bottom:20px;
	overflow-x:scroll;
	overflow-y:hidden;
	border:1px solid #eee;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#ccc;
	scrollbar-arrow-color:#ccc;
	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#ccc;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
}
.menuguide_con {white-space:nowrap;}
.blockBox {position:absolute;top:0;left:0;width:100%;height:100%;cursor:wait;opacity:0.3;background:#000;filter:alpha(opacity=30);z-index:99;}
.subMenuList {
	width:100% !important;
	min-height:70px;
	padding:10px;
	box-sizing:border-box;
	background-color:#fafafa;
	border:1px solid #e5e5e5;
}
.menuguide_list > li .menuguide_resize .ic_rb {
	position:absolute;
	top:20px;
	right:3px;
}

.menuguide_list > li {float:left; position:relative; min-width:30%; margin:0 5px;padding:7px;background-color:#fafafa;}
.menuguide_list > li > a {display:inline-block; font-size:12px;width:120px;text-align:center;line-height:40px;margin-bottom:5px;color:#fff;font-weight:bold;border:1px solid #40444b;background:#565b64;}
.menuguide_list li > a:hover {text-decoration:none;border:1px solid #000;background:#767b82;}
.menuguide_list li.selected > a {border:1px solid #2bbed4;background:#9beefa;}
.menuguide_list > li > ul > li {position:relative;margin-bottom:10px;}
.menuguide_list li > ul > li.selected > a {border:1px solid #2bbed4;background:#9beefa;}
.addSubMenu a {display:inline-block;width:114px;line-height:30px;text-align:center;font-size:11px;margin:-5px 0 0 5px;color:#555;border:1px dotted #999;background:#fff;}
.addSubMenu_2 {float:left;}
.addSubMenu_2 a {display:inline-block;width:114px;line-height:30px;text-align:center;font-size:11px;margin:7px 0 0 5px;color:#555;border:1px dotted #999;background:#fff;}
.addSubMenu_3 a {display:inline-block;width:114px;line-height:30px;text-align:center;font-size:11px;margin:-5px 0 0 0;color:#555;border:1px dotted #999;background:#fff;}
.addSubMenu a:hover, .addSubMenu_2 a:hover, .addSubMenu_3 a:hover {text-decoration:none;background:#f5f5f5;}
.addSubMenu img, .addSubMenu_2 img {vertical-align:text-top;}
.menuguide_resize .ic_rt {position:absolute;top:1px;right:1px;}
.menuguide_list > li > ul > li .menuguide_resize .ic_rt {position:absolute;top:-6px;right:-6px;}



/* 미리보기 새창 팝업 */
.pop-newpreview {}
.pop-newpreview .blockDetail {
	margin:0 25px;
	margin-top:0 !important;
	border-top:0 !important;
}
.pop-newpreview .blockDetail #layoutTable tfoot {display:none;}
.pop-newpreview .blockDetail .ckeditor {padding-top:20px;}
.pop-newpreview .blockButton {
	overflow:hidden;
	width:202px;
	margin:30px auto 0;
}
.pop-newpreview .blockButton li {
	float:right;
}
.pop-newpreview .blockButton li:first-child {margin-left:10px;}
.blockDetail {}


.portal .board-list1 td button {
	position:relative;
	border:1px solid #e5e5e5;
	width:28px;
	height:28px;
	box-sizing:border-box;
}
.portal .board-list1 td button span:before {
	display:block;
	content:'';
	width:28px;
	height:28px;
	position:absolute;
	left:0;
	top:0;
}
.portal .board-list1 td button .btn-up:before {background:url(../images2.0/btn/btn_up.png) no-repeat center}
.portal .board-list1 td button .btn-down:before {background:url(../images2.0/btn/btn_down.png) no-repeat center;}
.portal .board-list1 td button span {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}


/* ============= QnA ==============*/
.blockTableReadWrap{
	padding:5px 5px 30px 5px;
	border:1px solid #eee;
	margin:0px 30px 20px 30px;
}

.blockTableReadWrap .board-view1 {
	margin:0 30px;
	border :0px;
	border-bottom:1px solid #eee;
}
.blockTableReadWrap .reply-wrap {
	position:relative;
	margin:60px 30px 0 30px;
	padding:25px 30px 20px 30px;
	background-color:#fafafa;
}
.status_Ing, .status_Done, .status_None {
	font-size:11px;
	text-align:center;
	color:#fff;
	margin-right:5px;
	padding-left:1px;
}
.status_None{
	background-color:#cd7376;
	border:1px solid #b9474a;
}
.status_Done{
	background-color:#5ea2da;
	border:1px solid #3279c3;
}
.status_Ing{
	background-color:#93b705;
	border:1px solid #769204;
}
.qna-area {
	position:relative;
	background:none;
	border:none
}
.qna-area .tab-list1 {
	margin:10px 20px 0;
	border-bottom:0px;
}
.qna-area.subTitle {
	margin:20px 0px 20px 20px;
}
.qna-area .board-list1 table thead th {
	text-align:center;
	height :45px ;
}
.qna-area .board-view1 > ul > li {
	width:100%;
	padding:28px 10px;
	min-height:55px;
	box-sizing:border-box;
}
.ic_qna_q_2 {
    display: inline-block;
    width: 50px;
    height: 49px;
    background: url(../images/theme/theme05/basic/ic_qna_q_2.png) no-repeat;
}
.ic_qna_a_2 { display:inline-block; width:52px; height:49px; background:url(../images/theme/theme05/basic/ic_qna_a_2.png) no-repeat; }
.ic_qna_q_2 > span, .ic_qna_a_2 > span, .ic_qna_q > span, .ic_qna_a > span {
    display: none;
}
.qnaimg {
    position: absolute;
    top: -11px;
    left: 0;
}
.qna_answer_best {
    position: absolute;
    top: -33px;
    right: 105px;
}



.app-list1 {overflow:hidden;margin-top:-1px;float:right;margin-bottom:30px;}
.app-list1 .box {width:100%;box-sizing:border-box;}
.app-list1 .line {overflow:hidden;float:right;position:relative;width:100%;min-height:130px;padding:0 0 0 35px;box-sizing:border-box;}
.app-list1 .line + .line + .line {margin-top:-2px;}
.app-list1 .line.mgT {margin-top:-131px;}
.app-list1 .line > p {position:absolute;left:0;top:0;bottom:0;width:35px;border:1px solid #e5e5e5;background-color:#fafafa;color:#333;font-weight:700;box-sizing:border-box;}
.app-list1 .line > p span {position:absolute;top:30%;left:10px;}
.app-list1 .line .item {float:left;height:130px;border:1px solid #e5e5e5;border-left:0;text-align:center;box-sizing:border-box;}
.app-list1 .line .item + .item + .item + .item + .item + .item + .item + .item {}
.app-list1 .line .item.new:before {content:'';display:block;}
.app-list1 .line .item.new:before,
.app-list1 .line .item .position {min-height:35px;line-height:35px;border-bottom:1px solid #e5e5e5;background-color:#fafafa;padding:0 10px;}
.app-list1 .line .item .stamp {min-height:20px;padding:10px 25px;box-sizing:border-box;}
.app-list1 .line .item .stamp .txt {font-size:14px;color:#0f7ccf;font-weight:700;line-height:35px;padding:0px 5px;}
.app-list1 .line .item .info-wrap {display:table;min-height:35px;width:100%;}
.app-list1 .line .item .info {width:100%;display:table-cell;vertical-align:middle;}
.app-list1 .line .item .info span {display:block;font-size:11px;color:#999;}



.fileView .info-wrap {position:relative;}
.fileView .info-wrap:after {content:'';display:block;clear:both;}
.fileView .info-wrap .left-box {float:left;}
.fileView .info-wrap .left-box ul {overflow:hidden;}
.fileView .info-wrap .left-box ul li {
	position:relative;
	float:left;
	margin-left:12px;
	padding-left:12px;
	font-size:12px;
}
.fileView .info-wrap .left-box ul li:first-child {
	margin-left:0;
	padding-left:0;
}
.fileView .info-wrap .left-box ul li:before {
	content:'';
	width:1px;
	height:11px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	background-color:#eee;
}
.fileView .info-wrap .left-box ul li:first-child:before {display:none;}

.fileView .info-wrap .right-box {float:right;}
.fileView .info-wrap .right-box .btn-attach {
	position:relative;
	font-size:13px;
	padding-right:15px;
	vertical-align:top;
}
.fileView .info-wrap .right-box .btn-attach.on {
	font-weight:700;
}
.fileView .info-wrap .right-box .btn-attach:before {
	content:'';
	width:7px;
	height:4px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-2px;
	background:url(../images2.0/ico/ico_down.png) no-repeat 0 0;
}
.fileView .info-wrap .right-box .btn-attach.on:before {transform:rotate(180deg);}
.fileView .info-wrap .right-box .btn-attach.on + .attach-list {display:block;}
.fileView .info-wrap .right-box .attach-list {
	display:none;
	position:absolute;
	right:10px;
	top:45px;
	background-color:#fff;
	border:1px solid #e5e5e5;
	padding:20px 30px;
}
.fileView .info-wrap .right-box .attach-list li {text-align:right;}
.fileView .info-wrap .right-box .attach-list li a {
	background:url(../images2.0/ico/ico_file2.png) no-repeat left center;
	padding-left:14px;
}
.fileView .info-wrap .right-box .attach-list li a:hover {
	color:#333;
	text-decoration:underline;
}


/* layer_popup */
.ly_pop{
	width:540px;
	height:auto;
	display:block;
	outline:0px;
	position:absolute;
	border: 1px solid #d0cbcb;
	z-index:1002;
	}
.ly_header{
	position:relative;
	height:56px;
	padding:0 90px 0 30px;
	background-color:#eee;
}
.ly_header:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ly_header .title{
	color:#000;
	font-size:16px;
	font-weight:700;
	line-height:55px;

}
.ly_header a{position:absolute;right:1.3em;top:50%;width:19px;margin:-10px 0 0 0;height:18px;}
.ly_header a span{width:16px;height:16px;display:block;margin:1px;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background:url(../images2.0/btn/btn_close01.png) no-repeat;}
.ly_header .btn-close {
	position:absolute;
	right:0;top:0;
	width:78px;
	height:100%;
	background:url(../images2.0/btn/btn_close01.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.ly_contents{
	position:relative;
	border:0;
	background:#fff;
	overflow:auto;
	zoom:1;
	color:#333;
	overflow:auto;
	box-sizing:border-box;
}
.ly_contents .comment{display:inline-block;margin:5px 0 10px 0;}
.ly_contents .ly-write {
	margin:0 20px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.ly_contents .ly-write thead th {
	height:35px;
	padding:18px 30px;
	text-align:center;
	border-bottom:1px solid #eee;
	box-sizing:border-box;
}
.ly_contents .ly-write th,
.ly_contents .ly-write td {
	height:66px;
	border-top:1px solid #f5f5f5;
	box-sizing:border-box;
}
.ly_contents .ly-write tr:first-child th,
.ly_contents .ly-write tr:first-child td {border-top:0;}
.ly_contents .ly-write th {
	color:#333;
	font-size:14px;
	text-align:left;
}
.ly_contents .ly-write tbody th {padding:0;}
.ly_contents .ly-write td {
	height:66px;
	padding:15px 30px;
	border-top:1px solid #f5f5f5;
	box-sizing:border-box;
}

.ly_contents .ly-write2 {
	border:1px solid #e5e5e5;
	margin:10px 20px 10px 20px
	}
.ly_contents .ly-write2 table {background-color:#fff;}
.ly_contents .ly-write2 th {
	min-height:55px;
	padding:10px 20px;
	background-color:#fafafa;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:14px;
	color:#333;
	text-align:left;
	box-sizing:border-box;
}
.ly_contents .ly-write2 tr th:first-child {border-left:0}
.ly_contents .ly-write2 tr:last-child th,
.ly_contents .ly-write2 tr:last-child td {border-bottom:0;}
.ly_contents .ly-write2 tr:first-child td {border-left:0;}
.ly_contents .ly-write2 td {
	position:relative;
	min-height:55px;
	padding:10px 20px;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	font-size:13px;
	color:#666;
	box-sizing:border-box;
}
/* ===========================*/
.bxslider .bx-clone {opacity:0 !important;}

/*20180626_신규*/
.knowledge .knowledge-area .table-area.state ul {overflow:hidden;}
.knowledge .knowledge-area .table-area.state li:first-child {padding-right:5px;}
.knowledge .knowledge-area .table-area.state li:last-child {padding-left:5px}

.knowledge .knowledge-area .state.type3 li {width:100%;box-sizing: border-box;float: left;}
.knowledge .knowledge-area .state.type3 li .box1 {overflow:hidden;border:1px solid #e5e5e5;float: left;width: 32.5%;margin-right:0.5%;margin-bottom:0.5%;}
.knowledge .knowledge-area .state.type3 li .box1 a {position:relative;display:block;width:100%;padding-left:25px;border-bottom:1px solid #e5e5e5;line-height:54px;font-size:14px;color:#333;font-weight:700;box-sizing:border-box;}
.knowledge .knowledge-area .state.type3 li .box1 a:before {content:'';display:block;position:absolute;right:20px;top:50%;width:5px;height:11px;margin-top:-5px;}
.knowledge .knowledge-area .state.type3 li .box1 .state-item1 {width:50%;float: left;padding:5%;box-sizing: border-box;}
.knowledge .knowledge-area .state.type3 li .box1 .state-item1 .user-image img{width: 100%;text-align: center;box-sizing: border-box;vertical-align: middle;}
.knowledge .knowledge-area .state.type3 li .box1 .btn-align{width: 100%;text-align: center;}
.knowledge .knowledge-area .state.type3 li .box1 .btn-align .btn-text{ min-width: 90%;margin-top: 5px;margin-bottom: 5%;box-sizing: border-box;}
.knowledge .knowledge-area .state.type3 li .box1 .state-item2 {width:50%;float: right;padding:5% 5% 5% 0;box-sizing: border-box;}
.knowledge .knowledge-area .state.type3 li .box1 .state-item2 p{font-size: 12px;}
.knowledge .knowledge-area .state.type3 li .box1 .state-item2 p.txt01{font-size: 16px;line-height: 25px;font-weight: 700;}
.knowledge .knowledge-area .state.type3 li .box1 .state-item2 p.txt02{font-size: 14px;line-height: 25px;color: #8a8a8a;margin-bottom:7px;}
.knowledge .knowledge-area .state.type3 li .box1 .state-item2 p.txt02:before{content:'';background:url(../images2.0/ico/ico_organization.png) no-repeat left;padding-left: 20px;}
.knowledge .knowledge-area .state.type3 li .box1 .state-item2 p span.txt03{font-weight: 800;}


.input_buttonBox { position:relative; }
.input_buttonBox01 { position:relative; margin-right:175px; padding-top:5px; }
.input_buttonBox01 select { width:100% }
.input_buttonBox02 { position:absolute; width:150px; bottom:0; right:20px; }


/* 메일발송 게시판 */

.mailboard .cont .btn-slide {
    position: absolute;
    top: 20%;
    height: 20px;
    margin-top: -10px;
}
.mailboard .cont .btn-slide button {
    width: 15px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    font-size: 0;
    text-indent: -9999px;
    vertical-align: top;
    line-height: 0;
}

.mailboard .slider1 .bxslider .item {
    width: 290px !important;
    box-sizing: border-box;
    padding-right: 10px;
}
.mailboard .slider1 .bxslider .item .inner {
    display: block;
    position: relative;
    max-height: 454px;
    padding: 5px 5px ;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.mailboard .slider1 .bxslider .item img {
    width: 100%;

}
.mailboard .slider-box {
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
    margin: 0px 87px;
}

.mailboard .slider1 {
    width: 120%;
}
.mailboard .slider1 .bx-controls {
    display: none;
}
.mailboard .slider1 .bx-wrapper {
    max-width: 100% !important;
}
.mailboard .slider1 .board-write1 {
   margin: 20px 0px 0px;
}
.mailboard .slider1 .board-write1 th{
   text-align : center;
}

/* 증명서 발급 인쇄화면 */
.certificate-area {
	border-collapse:collapse;
	border:3px black solid;
    position: relative;
    margin: 0 50px;
    padding: 2px;
    box-sizing: border-box;
}
.certificate-area .subline{
	border-collapse:collapse;
	border:1px black solid;
    position: relative;
    box-sizing: border-box;
}
.certificate-area .board-view2 { border: 0px;}
.certificate-area .board-view2 table {
    table-layout:auto;
    border-collapse:collapse;
    border-top:1px black solid;
    border-bottom:1px black solid;
    box-sizing: border-box;
}
.certificate-area .board-view2 td {
    position: relative;
    min-height: 55px;
    padding: 8px 20px;
    border-collapse:collapse;
    border-bottom:1px black solid;
    font-size: 13px;
    color: #666;
    box-sizing: border-box;
}

.certificate-area .board-view2 th {
    padding: 8px 20px;
    border:1px black solid;
    border-collapse:collapse;
    background-color: #fafafa;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.certificate-area .board-view2 tr th:first-child {
    border-left: 0;
}
.certificate-area .tbl-text {
	font-family: 'Nanum Gothic','나눔 고딕',dotum,'돋움',sans-serif;
	padding: 5px 5px;
    color: black;
    font-size: 12px;
}

.certificate-area .tbl-title-text {
	font-family: 'Nanum Gothic','나눔 고딕',dotum,'돋움',sans-serif;
    padding: 5px 0;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.certificate-area span {
	font-family: 'Nanum Gothic','나눔 고딕',dotum,'돋움',sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #000;
}
.certificate-area .certificateInfo_area {
	text-align: center; height:360px
}
.certificate-area .certificateInfo_area_sub {
		position: absolute; left: 50%; width:270px;
}
.certificate-area .company_content {
	text-align: left; font-size:16px;padding:130px 0px 50px 0px;
}
.certificate-area .img-area {
	position: absolute; left: 70%;top:66%;
}




/* ===========================================================================
	포틀릿-아이콘
=========================================================================== */
.main .content .cont .cont-inner .title-area p .obj-li {
    display: inline-block;
    width: 6px;
    height: 16px;
    margin-right: 7px;

}

.main .content .cont .cont-inner .title-area p.icon:before{
    content: '';
    position: absolute;
    top: 13px;
    left:-2px;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 18px 39px;
}

.main .content .cont .cont-inner .title-area p.icon {
    display: block;
    position: relative;
    padding-left : 27px;
    box-sizing: border-box;
    color: #000;
}
.main .content .cont .cont-inner .title-area .img_portlet_01:before {background-image:url(../images2.0/mobile/layout/gnb/icon_01.png);}
.main .content .cont .cont-inner .title-area .img_portlet_02:before {background-image:url(../images2.0/mobile/layout/gnb/icon_02.png);}
.main .content .cont .cont-inner .title-area .img_portlet_03:before {background-image:url(../images2.0/mobile/layout/gnb/icon_03.png);}
.main .content .cont .cont-inner .title-area .img_portlet_04:before {background-image:url(../images2.0/mobile/layout/gnb/icon_04.png);}
.main .content .cont .cont-inner .title-area .img_portlet_05:before {background-image:url(../images2.0/mobile/layout/gnb/icon_05.png);}
.main .content .cont .cont-inner .title-area .img_portlet_06:before {background-image:url(../images2.0/mobile/layout/gnb/icon_06.png);}
.main .content .cont .cont-inner .title-area .img_portlet_07:before {background-image:url(../images2.0/mobile/layout/gnb/icon_07.png);}
.main .content .cont .cont-inner .title-area .img_portlet_08:before {background-image:url(../images2.0/mobile/layout/gnb/icon_08.png);}
.main .content .cont .cont-inner .title-area .img_portlet_09:before {background-image:url(../images2.0/mobile/layout/gnb/icon_09.png);}
.main .content .cont .cont-inner .title-area .img_portlet_10:before {background-image:url(../images2.0/mobile/layout/gnb/icon_10.png);}
.main .content .cont .cont-inner .title-area .img_portlet_11:before {background-image:url(../images2.0/mobile/layout/gnb/icon_11.png);}
.main .content .cont .cont-inner .title-area .img_portlet_12:before {background-image:url(../images2.0/mobile/layout/gnb/icon_12.png);}
.main .content .cont .cont-inner .title-area .img_portlet_13:before {background-image:url(../images2.0/mobile/layout/gnb/icon_13.png);}
.main .content .cont .cont-inner .title-area .img_portlet_14:before {background-image:url(../images2.0/mobile/layout/gnb/icon_14.png);}
.main .content .cont .cont-inner .title-area .img_portlet_15:before {background-image:url(../images2.0/mobile/layout/gnb/icon_15.png);}
.main .content .cont .cont-inner .title-area .img_portlet_16:before {background-image:url(../images2.0/mobile/layout/gnb/icon_16.png);}
.main .content .cont .cont-inner .title-area .img_portlet_17:before {background-image:url(../images2.0/mobile/layout/gnb/icon_17.png);}
.main .content .cont .cont-inner .title-area .img_portlet_18:before {background-image:url(../images2.0/mobile/layout/gnb/icon_18.png);}
.main .content .cont .cont-inner .title-area .img_portlet_19:before {background-image:url(../images2.0/mobile/layout/gnb/icon_19.png);}
.main .content .cont .cont-inner .title-area .img_portlet_20:before {background-image:url(../images2.0/mobile/layout/gnb/icon_20.png);}
.main .content .cont .cont-inner .title-area .img_portlet_21:before {background-image:url(../images2.0/mobile/layout/gnb/icon_21.png);}
.main .content .cont .cont-inner .title-area .img_portlet_22:before {background-image:url(../images2.0/mobile/layout/gnb/icon_22.png);}
.main .content .cont .cont-inner .title-area .img_portlet_23:before {background-image:url(../images2.0/mobile/layout/gnb/icon_23.png);}
.main .content .cont .cont-inner .title-area .img_portlet_24:before {background-image:url(../images2.0/mobile/layout/gnb/icon_24.png);}
.main .content .cont .cont-inner .title-area .img_portlet_25:before {background-image:url(../images2.0/mobile/layout/gnb/icon_25.png);}
.main .content .cont .cont-inner .title-area .img_portlet_26:before {background-image:url(../images2.0/mobile/layout/gnb/icon_26.png);}
.main .content .cont .cont-inner .title-area .img_portlet_27:before {background-image:url(../images2.0/mobile/layout/gnb/icon_27.png);}
.main .content .cont .cont-inner .title-area .img_portlet_28:before {background-image:url(../images2.0/mobile/layout/gnb/icon_28.png);}
.main .content .cont .cont-inner .title-area .img_portlet_29:before {background-image:url(../images2.0/mobile/layout/gnb/icon_29.png);}
.main .content .cont .cont-inner .title-area .img_portlet_30:before {background-image:url(../images2.0/mobile/layout/gnb/icon_30.png);}
.main .content .cont .cont-inner .title-area .img_portlet_31:before {background-image:url(../images2.0/mobile/layout/gnb/icon_31.png);}
.main .content .cont .cont-inner .title-area .img_portlet_32:before {background-image:url(../images2.0/mobile/layout/gnb/icon_32.png);}
.main .content .cont .cont-inner .title-area .img_portlet_33:before {background-image:url(../images2.0/mobile/layout/gnb/icon_33.png);}
.main .content .cont .cont-inner .title-area .img_portlet_34:before {background-image:url(../images2.0/mobile/layout/gnb/icon_34.png);}
.main .content .cont .cont-inner .title-area .img_portlet_35:before {background-image:url(../images2.0/mobile/layout/gnb/icon_35.png);}
.main .content .cont .cont-inner .title-area .img_portlet_36:before {background-image:url(../images2.0/mobile/layout/gnb/icon_36.png);}
.main .content .cont .cont-inner .title-area .img_portlet_37:before {background-image:url(../images2.0/mobile/layout/gnb/icon_37.png);}
.main .content .cont .cont-inner .title-area .img_portlet_38:before {background-image:url(../images2.0/mobile/layout/gnb/icon_38.png);}
.main .content .cont .cont-inner .title-area .img_portlet_39:before {background-image:url(../images2.0/mobile/layout/gnb/icon_39.png);}
.main .content .cont .cont-inner .title-area .img_portlet_40:before {background-image:url(../images2.0/mobile/layout/gnb/icon_40.png);}
.main .content .cont .cont-inner .title-area .img_portlet_41:before {background-image:url(../images2.0/mobile/layout/gnb/icon_41.png);}
.main .content .cont .cont-inner .title-area .img_portlet_42:before {background-image:url(../images2.0/mobile/layout/gnb/icon_42.png);}
.main .content .cont .cont-inner .title-area .img_portlet_43:before {background-image:url(../images2.0/mobile/layout/gnb/icon_43.png);}
.main .content .cont .cont-inner .title-area .img_portlet_44:before {background-image:url(../images2.0/mobile/layout/gnb/icon_44.png);}
.main .content .cont .cont-inner .title-area .img_portlet_45:before {background-image:url(../images2.0/mobile/layout/gnb/icon_45.png);}
.main .content .cont .cont-inner .title-area .img_portlet_46:before {background-image:url(../images2.0/mobile/layout/gnb/icon_46.png);}
.main .content .cont .cont-inner .title-area .img_portlet_47:before {background-image:url(../images2.0/mobile/layout/gnb/icon_47.png);}
.main .content .cont .cont-inner .title-area .img_portlet_48:before {background-image:url(../images2.0/mobile/layout/gnb/icon_48.png);}
.main .content .cont .cont-inner .title-area .img_portlet_49:before {background-image:url(../images2.0/mobile/layout/gnb/icon_49.png);}
.main .content .cont .cont-inner .title-area .img_portlet_50:before {background-image:url(../images2.0/mobile/layout/gnb/icon_50.png);}
.main .content .cont .cont-inner .title-area .img_portlet_51:before {background-image:url(../images2.0/mobile/layout/gnb/icon_51.png);}
.main .content .cont .cont-inner .title-area .img_portlet_52:before {background-image:url(../images2.0/mobile/layout/gnb/icon_52.png);}
.main .content .cont .cont-inner .title-area .img_portlet_53:before {background-image:url(../images2.0/mobile/layout/gnb/icon_53.png);}
.main .content .cont .cont-inner .title-area .img_portlet_54:before {background-image:url(../images2.0/mobile/layout/gnb/icon_54.png);}


a.icon_portlet.img_portlet_01 {background-image:url(../images2.0/mobile/layout/gnb/icon_01.png);}
a.icon_portlet.img_portlet_02 {background-image:url(../images2.0/mobile/layout/gnb/icon_02.png);}
a.icon_portlet.img_portlet_03 {background-image:url(../images2.0/mobile/layout/gnb/icon_03.png);}
a.icon_portlet.img_portlet_04 {background-image:url(../images2.0/mobile/layout/gnb/icon_04.png);}
a.icon_portlet.img_portlet_05 {background-image:url(../images2.0/mobile/layout/gnb/icon_05.png);}
a.icon_portlet.img_portlet_06 {background-image:url(../images2.0/mobile/layout/gnb/icon_06.png);}
a.icon_portlet.img_portlet_07 {background-image:url(../images2.0/mobile/layout/gnb/icon_07.png);}
a.icon_portlet.img_portlet_08 {background-image:url(../images2.0/mobile/layout/gnb/icon_08.png);}
a.icon_portlet.img_portlet_09 {background-image:url(../images2.0/mobile/layout/gnb/icon_09.png);}
a.icon_portlet.img_portlet_10 {background-image:url(../images2.0/mobile/layout/gnb/icon_10.png);}
a.icon_portlet.img_portlet_11 {background-image:url(../images2.0/mobile/layout/gnb/icon_11.png);}
a.icon_portlet.img_portlet_12 {background-image:url(../images2.0/mobile/layout/gnb/icon_12.png);}
a.icon_portlet.img_portlet_13 {background-image:url(../images2.0/mobile/layout/gnb/icon_13.png);}
a.icon_portlet.img_portlet_14 {background-image:url(../images2.0/mobile/layout/gnb/icon_14.png);}
a.icon_portlet.img_portlet_15 {background-image:url(../images2.0/mobile/layout/gnb/icon_15.png);}
a.icon_portlet.img_portlet_16 {background-image:url(../images2.0/mobile/layout/gnb/icon_16.png);}
a.icon_portlet.img_portlet_17 {background-image:url(../images2.0/mobile/layout/gnb/icon_17.png);}
a.icon_portlet.img_portlet_18 {background-image:url(../images2.0/mobile/layout/gnb/icon_18.png);}
a.icon_portlet.img_portlet_19 {background-image:url(../images2.0/mobile/layout/gnb/icon_19.png);}
a.icon_portlet.img_portlet_20 {background-image:url(../images2.0/mobile/layout/gnb/icon_20.png);}
a.icon_portlet.img_portlet_21 {background-image:url(../images2.0/mobile/layout/gnb/icon_21.png);}
a.icon_portlet.img_portlet_22 {background-image:url(../images2.0/mobile/layout/gnb/icon_22.png);}
a.icon_portlet.img_portlet_23 {background-image:url(../images2.0/mobile/layout/gnb/icon_23.png);}
a.icon_portlet.img_portlet_24 {background-image:url(../images2.0/mobile/layout/gnb/icon_24.png);}
a.icon_portlet.img_portlet_25 {background-image:url(../images2.0/mobile/layout/gnb/icon_25.png);}
a.icon_portlet.img_portlet_26 {background-image:url(../images2.0/mobile/layout/gnb/icon_26.png);}
a.icon_portlet.img_portlet_27 {background-image:url(../images2.0/mobile/layout/gnb/icon_27.png);}
a.icon_portlet.img_portlet_28 {background-image:url(../images2.0/mobile/layout/gnb/icon_28.png);}
a.icon_portlet.img_portlet_29 {background-image:url(../images2.0/mobile/layout/gnb/icon_29.png);}
a.icon_portlet.img_portlet_30 {background-image:url(../images2.0/mobile/layout/gnb/icon_30.png);}
a.icon_portlet.img_portlet_31 {background-image:url(../images2.0/mobile/layout/gnb/icon_31.png);}
a.icon_portlet.img_portlet_32 {background-image:url(../images2.0/mobile/layout/gnb/icon_32.png);}
a.icon_portlet.img_portlet_33 {background-image:url(../images2.0/mobile/layout/gnb/icon_33.png);}
a.icon_portlet.img_portlet_34 {background-image:url(../images2.0/mobile/layout/gnb/icon_34.png);}
a.icon_portlet.img_portlet_35 {background-image:url(../images2.0/mobile/layout/gnb/icon_35.png);}
a.icon_portlet.img_portlet_36 {background-image:url(../images2.0/mobile/layout/gnb/icon_36.png);}
a.icon_portlet.img_portlet_37 {background-image:url(../images2.0/mobile/layout/gnb/icon_37.png);}
a.icon_portlet.img_portlet_38 {background-image:url(../images2.0/mobile/layout/gnb/icon_38.png);}
a.icon_portlet.img_portlet_39 {background-image:url(../images2.0/mobile/layout/gnb/icon_39.png);}
a.icon_portlet.img_portlet_40 {background-image:url(../images2.0/mobile/layout/gnb/icon_40.png);}
a.icon_portlet.img_portlet_41 {background-image:url(../images2.0/mobile/layout/gnb/icon_41.png);}
a.icon_portlet.img_portlet_42 {background-image:url(../images2.0/mobile/layout/gnb/icon_42.png);}
a.icon_portlet.img_portlet_43 {background-image:url(../images2.0/mobile/layout/gnb/icon_43.png);}
a.icon_portlet.img_portlet_44 {background-image:url(../images2.0/mobile/layout/gnb/icon_44.png);}
a.icon_portlet.img_portlet_45 {background-image:url(../images2.0/mobile/layout/gnb/icon_45.png);}
a.icon_portlet.img_portlet_46 {background-image:url(../images2.0/mobile/layout/gnb/icon_46.png);}
a.icon_portlet.img_portlet_47 {background-image:url(../images2.0/mobile/layout/gnb/icon_47.png);}
a.icon_portlet.img_portlet_48 {background-image:url(../images2.0/mobile/layout/gnb/icon_48.png);}
a.icon_portlet.img_portlet_49 {background-image:url(../images2.0/mobile/layout/gnb/icon_49.png);}
a.icon_portlet.img_portlet_50 {background-image:url(../images2.0/mobile/layout/gnb/icon_50.png);}
a.icon_portlet.img_portlet_51 {background-image:url(../images2.0/mobile/layout/gnb/icon_51.png);}
a.icon_portlet.img_portlet_52 {background-image:url(../images2.0/mobile/layout/gnb/icon_52.png);}
a.icon_portlet.img_portlet_53 {background-image:url(../images2.0/mobile/layout/gnb/icon_53.png);}
a.icon_portlet.img_portlet_54 {background-image:url(../images2.0/mobile/layout/gnb/icon_54.png);}
a.icon_portlet { display:inline-block; width:38px; height:38px; margin-top :6px; }

/* ===========================================================================*/

.header .btn-help.on {
    background-color: #fafafa;
}

.header .help-tool {
	display:none;
	position:absolute;
	top: 140px;
	right: 48px;
	z-index:200;
	width:110px;
	padding:6px 0;
	border:1px solid #bbb;
	background-color:#fff;
}
.header .help-tool li .text {
	position:relative;
	display:block;
	height:30px;
	padding:0 15px 0 20px;
	font-size:12px;
	color:#000;
	line-height:30px;
	cursor:pointer;
}
.header .help-tool li .text:hover {
	background-color:#fafafa;
}

.header .help-tool li .text:before {
	content:'';
	position:absolute;
	top:0; right:15px;
	width:30px;
	height:30px;
}




/* ===========================================================================
	프로젝트 관리 시스템 CSS
=========================================================================== */
/* 프로젝트 서브메인 */
.content.pjt-submain {padding:0;}
.pjt-submain .cont {overflow:hidden;}
.pjt-submain .cont .pjt-inner {
	float:left;
	width:100%;
	padding:25px 50px 50px;
	box-sizing:border-box;
	border-left:1px solid #f5f5f5;
	border-top:1px solid #f5f5f5;
}
.pjt-submain .cont .pjt-inner:nth-child(2n+1) {border-left:0}

.content .pjt-inner .title-area {position:relative;}
.content .pjt-inner .title-area .btn-slide {
	position:absolute;
	right:0;
	top:50%;
}
.content .pjt-inner .title-area a,
.content .pjt-inner .title-area2 {
	position:relative;
	height:45px;
	color:#000;
	font-size:18px;
	font-weight:700;
	line-height:45px;
}
.content .pjt-inner .title-area .btn-more {
	position:absolute;
	right:-15px;top:50%;
	width:42px;
	height:42px;
	margin-top:-21px;
	background:url(../images2.0/btn/btn_more.png) no-repeat 50% 50%;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}

.pjt-submain .slider-box {
	overflow:hidden;
	padding-top:25px;
	padding-bottom:25px;
}
.pjt-submain .slider1 {
	width:120%;
}
.pjt-submain .slider1 .bx-wrapper {max-width:100% !important;}
.pjt-submain .slider1 .bxslider {}
.pjt-submain .slider1 .bxslider .item {
	width:250px !important;
	box-sizing:border-box;
	padding-right:10px;
}
.pjt-submain .slider1 .bxslider .item .inner {
	display:block;
	position:relative;
	height:204px;
	padding:26px 30px 0;
	border:1px solid #eee;
	box-sizing:border-box;
}
.pjt-submain .slider1 .bxslider .item .inner2 {
	display:block;
	position:relative;
	height:104px;
	padding:26px 30px 0;
	border:1px solid #eee;
	box-sizing:border-box;
}

.pjt-submain .slider1 .bxslider .item span {display:block;}
.pjt-submain .slider1 .bxslider .item .state {
	margin-bottom:20px;
	font-size:14px;
}
.pjt-submain .slider1 .bxslider .item .state.left {
	margin-bottom:20px;
	position:absolute;
	font-weight:700;
	font-size:14px;
}
.pjt-submain .slider1 .bxslider .item .state.right {
	margin-bottom:20px;
	position:absolute;
	right:15px;
}
.pjt-submain .slider1 .bxslider .item .state.type1 {color:#26a7f5}
.pjt-submain .slider1 .bxslider .item .state.type2 {color:#333}
.pjt-submain .slider1 .bxslider .item .state.type3 {color:#ff5349}
.pjt-submain .slider1 .bxslider .item .state.type4 {color:#ff8549}
.pjt-submain .slider1 .bxslider .item .text {
	color:#333;
	font-size:12px;
}

.pjt-submain .slider1 .bxslider .item .top {
	margin-top:25px;
}

.pjt-submain .slider1 .bxslider .item .name {
	color:#999;
	font-size:12px;
	margin-bottom:14px;
}
.pjt-submain .slider1 .bxslider .item .name.bottom {
	position:absolute;
	bottom:36px;
	margin-bottom:0;
}

.pjt-submain .slider1 .bxslider .item .date {
	color:#999;
	font-size:12px;
	margin-bottom:0px;
}

.pjt-submain .slider1 .bxslider .item .date.bottom {
	position:absolute;
	bottom:14px;
	margin-bottom:0;
}

.pjt-submain .slider1 .bxslider .item .date.bottom2 {
	position:absolute;
	right:15px;bottom:14px;
	margin-bottom:0;
}

.pjt-submain .slider1 .bxslider .item .join {
	position:absolute;
	left:30px;top:135px;
	color:#999;
	font-size:12px;
}
.pjt-submain .slider1 .bxslider .item .join .per {
	color:#333;
	font-size:14px;
	font-weight:700;
}
.pjt-submain .slider1 .bxslider .item .btn-join {
	position:absolute;
	right:30px;bottom:30px;
	height:35px;
	padding:0 29px 0 15px;
	box-sizing:border-box;
	border-radius:25px;
	border:1px solid #eee;
	color:#666;
	font-size:12px;
	line-height:33px;
}
.pjt-submain .slider1 .bxslider .item .btn-join:before {
	content:'';
	position:absolute;
	right:15px;top:50%;
	width:6px;
	height:10px;
	margin-top:-5px;
	background:url(../images2.0/btn/btn_arr.png) no-repeat 0 0;
}


.pjt-submain .slider1 .bxslider .item.complete .inner {background-color:#fafafa;}
.pjt-submain .slider1 .bxslider .item.complete .state,
.pjt-submain .slider1 .bxslider .item.complete .text,
.pjt-submain .slider1 .bxslider .item.complete .date {color:#bbb;}
.pjt-submain .slider1 .bx-controls {display:none;}

.pjt-submain .cont .btn-slide {
	position:absolute;
	right:30px;top:50%;
	height:20px;
	margin-top:-10px;
}
.pjt-submain .cont .btn-slide button {
	width:15px;
	height:20px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-indent:-9999px;
	vertical-align:top;
	line-height:0;
}
.pjt-submain .cont .btn-slide .btn-prev {background-image:url(../images2.0/btn/btn_prev.png);}
.pjt-submain .cont .btn-slide .btn-next {background-image:url(../images2.0/btn/btn_next.png);}




.pjt-submain .cont .book-inner {
	float:left;
	width:100%;
	padding:25px 50px 0px;
	box-sizing:border-box;
	border-left:1px solid #f5f5f5;
	border-top:1px solid #f5f5f5;
}
.pjt-submain .cont .book-inner:nth-child(2n+1) {border-left:0}

.content .book-inner .title-area {position:relative;}
.content .book-inner .title-area .btn-slide {
	position:absolute;
	right:0;
	top:50%;
}
.content .book-inner .title-area a,
.content .book-inner .title-area2 {
	position:relative;
	height:45px;
	color:#000;
	font-size:18px;
	font-weight:700;
	line-height:45px;
}



/* 프로젝트 아이템 메인 */

.pjt-top .cont-box{
	display:block;
	position:relative;
	height:100%;
	padding:15px 15px 0;
	border:1px solid #eee;
	box-sizing:border-box;
	background-color:#fafafa;
}

.pjt-top .cont-box .item span {display:block;}
.pjt-top .cont-box .item .state {
	margin-bottom:20px;
	font-size:17px;
}
.pjt-top .cont-box .item .state.left {
	position:absolute;
	font-weight:700;
	font-size:17px;
	color:#000;

}
.pjt-top .cont-box .item .state.right {
	position:absolute;
	right:15px;
	vertical-align:middle;
}

.pjt-top .cont-box .item .text {
	color:#333;
	font-size:12px;
	padding-top:25px;
	padding-bottom:45px;
}

.pjt-top .cont-box .item .manager.bottom {
	position:absolute;
	bottom:15px;
	margin-bottom:0;
	z-index:4;
}

.pjt-top .cont-box .item .member.bottom:before {
	position:absolute;
	bottom:15px;
	margin-bottom:0;
	content:'';
	width:1px;
	height:12px;
	left:100px;
	top:50%;
	margin-top:-6px;
	background-color:#eee;
}

.pjt-top .cont-box .item .member.bottom {
	position:absolute;
	padding-left:120px;
	bottom:15px;
	margin-bottom:0;
	z-index:3;
}

.pjt-top .cont-box .item .progress1.bottom {
	position:absolute;
	padding-left:205px;
	bottom:14px;
	margin-bottom:0;
	z-index:2;
}

.pjt-top .cont-box .item .date.bottom {
	position:absolute;
	right:15px;bottom:15px;
	margin-bottom:0;
	z-index:1;
}
.pjt-wrap .tab-list1{
	text-align: right;
	border-bottom: 0px;
}

.pjt-wrap .tab-list1 li {
    display: inline-block;
    float: none;
    top: 0px;
    border: 1px solid #e5e5e5;
    margin-right : 10px;
}
.pjt-wrap .tab-list1 .item:first-child .text {
	border-left:0px;
}
.pjt-wrap .tab-list1 .item.fColor:before{
	background-color : #e5e5e5;

}
.pjt-wrap .tab-list1 .item .text {
	border-right:0px;
	border-top:0px;
}
.pjt-itemMain{
	margin:0px 50px;
}
.pjt-itemMain .pjt-item .tabContent {
	margin: 0 20px;
}
.pjt-itemMain .formFrame{
	margin-top:25px;
	border:1px solid #eee;
}
.pjt-itemMain .viewFrame{
	border:1px solid #eee;
	margin-top:25px;
}
.pjt-item .cont-box {
	border-top:0;
}
.pjt-item .cont-box .board-view1,
.pjt-item .cont-box .btn-wrap {
	margin-left:0;
	margin-right:0;
}
.pjt-item .cont-box .board-view1 {border-top:0; border-bottom:0;}
.pjt-item .cont-box .board-view1 .tit-wrap {padding:20px 25px;}
.pjt-item .cont-box .board-view1 .tit-wrap .left-box p {padding-right:105px;}
.pjt-item .cont-box .board-view1 .tit-wrap .left-box p .btn-icon {margin-left:7px;vertical-align:top;}
.pjt-item .cont-box .board-view1 .tit-wrap .left-box p .ico-privacy img {vertical-align:top;}
.pjt-item .cont-box .board-view1 .tit-wrap .right-box {right:25px;}
.pjt-item .cont-box .board-view1 .tit-wrap .right-box .btn-text + .btn-text {margin-left:3px;}
.pjt-item .cont-box .board-view1 .info-wrap {
	min-height:auto;
	padding:10px 25px;
}
.pjt-item .cont-box .board-view1 .cont-wrap {
	padding:20px 25px 0;
	border-top:0;
}
.pjt-item .cont-box .board-view1 .cont-wrap .cont {padding:0;}
.pjt-item .cont-box .board-view1 .cont-wrap .recom-area {
	padding:25px 0 30px;
	text-align:center;
}
.pjt-item .cont-box .board-view1 .cont-wrap .btn-recom {
	display:inline-block;
	text-align:center;
}
.pjt-item .cont-box .board-view1 .cont-wrap .btn-recom span {
	display:inline-block;
	width:77px;
	height:67px;
	padding-top:35px;
	box-sizing:border-box;
	border:1px solid #eee;
	background:#fff url(../images2.0/btn/btn_recom.png) no-repeat 50% 15px;
}
.pjt-item .cont-box .no-result {
	text-align:center;
	padding:20px 0;
}
.pjt-item .cont-box .reply-wrap {margin:50px 25px 25px;}

.pjt-item .cont-box .btn-icon-text .text {padding: 0px;line-height: 26px;}
.pjt-item .cont-box .btn-icon-text.icon02 .text {padding-left: 21px;}
.pjt-item .cont-box .btn-icon-text.icon02 .text:before {
	left: 4px;
    margin-top: -7px;
	line-height: 26px;
}

.pjt-item-form .board-write1 {border-top:0; padding-top: 20px;}
.pjt-item-form .board-write1 .plupload_filelist {height:100px;}

/* 쓰기 / 수정 */
.pjt-itemMain .pjt-item {
	margin-top:15px;
}
.pjt-itemMain .pjt-item .write-box {
	margin-top:0;
	padding:10px 25px 25px;
	border:1px solid #eee;
}
.pjt-itemMain .pjt-item .board-write1 {
	margin:0;
	border-top:0;
	border-bottom:0;
}
.pjt-itemMain .pjt-item .board-write1 td {
	padding-left:1%;
	padding-right:1%;
}
.pjt-itemMain .pjt-item .board-write1 td .selectWrap {max-width:160px;}
.pjt-itemMain .pjt-item .board-write1 .empty td {padding:0;}

.pjt-itemMain .pjt-item .board-write1 + .addfind-cont {margin-top:30px;}

.pjt-itemMain .pjt-item .btn-wrap {margin-left:0;margin-right:0;}
.pjt-itemMain .write-box input[type=text] {
	width:100%;
	height:32px;
	padding:0 15px;
	border:1px solid #eee;
	line-height:32px;
}

.pjt-item-form .write-box{
	margin-top:0 !important;
	padding-right:0 !important;
}
.pjt-item-form .write-box .board-write1 {
	margin-right:30px !important;
	margin-left:30px !important;
	padding-top:20px !important;
}
.pjt-item-form .write-box input[type=text] {
	width:100%;
	height:32px;
	padding:0 15px;
	border:1px solid #eee;
	line-height:32px;
}

/* 업무 */
.pjt-task-form .write-box{
	margin-top:0 !important;
	padding-right:0 !important;
}

.pjt-task-form .write-box .board-write1 {
	margin-right:30px !important;
	margin-left:30px !important;
	padding-top:20px !important;
}

.pjt-task-form .write-box input[type=text] {
	width:100%;
	height:32px;
	padding:0 15px;
	border:1px solid #eee;
	line-height:32px;
}

/* 할일 */
.pjt-todo-form .write-box{
	margin-top:0 !important;
	padding-right:0 !important;
}

.pjt-todo-form .write-box .board-write1 {
	margin-right:30px !important;
	margin-left:30px !important;
	padding-top:20px !important;
}

.pjt-todo-form .write-box input[type=text] {
	width:100%;
	height:32px;
	padding:0 15px;
	border:1px solid #eee;
	line-height:32px;
}

/* 일정 */
.pjt-schedule-form .write-box{
	margin-top:0 !important;
	padding-right:0 !important;
}

.pjt-schedule-form .write-box .board-write1 {
	margin-right:30px !important;
	margin-left:30px !important;
	padding-top:20px !important;
}

.pjt-schedule-form .write-box input[type=text] {
	width:100%;
	height:32px;
	padding:0 15px;
	border:1px solid #eee;
	line-height:32px;
}


.header .btn-guidecenter {
	position: absolute;
    left: 140px;
    top: 0px;
    width: 70px;
    height: 35px;
    background-image: url(../images2.0/mobile/layout/gnb/icon_05.png);
    background-repeat: no-repeat;
    background-position: 50% -36px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
    background-size: 35px 70px;
    margin-top: 18px;
}

/* 전자계약 */
/* 전자계약 사용자 대시보드 */

.cont-inner {
    border-top: none !important;
}

.cont-parent-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cont-status-label {
    display: inline-block;
    border-radius: 8px;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    min-width: 70px;
}

.cont-status-waiting { background-color: #4A90E2; color: white; }
.cont-status-progress { background-color: #333333; color: white; }
.cont-status-cancel { background-color: #FF4D4F; color: white; }
.cont-status-rejected { background-color: #FFC107; color: white; }
.cont-status-completed { background-color: #28a745; color: white; }

.cont-guide-title {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
}

.cont-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

.cont-container {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
    margin: 15px 20px;
}

.cont-status-container {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: 3px;
}

.cont-status-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cont-status-title {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.cont-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.orange { background-color: orange; }
.blue { background-color: blue; }
.green { background-color: green; }
.black { background-color: black; }

.cont-count {
    font-size: 20px;
    font-weight: bold;
}

.cont-date-picker {
    background: #f8f8f8;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
}

.cont-settings-icon {
    cursor: pointer;
    margin-left: 5px;
}

.cont-guide-container {
    margin-top: 50px !important;
    padding-top: 50px !important;
}

.cont-guide-row {
    display: flex;
    justify-content: center;
    gap: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 20px;
}

.cont-guide-card {
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    transition: transform 0.2s;
    flex: 0 1 30%;
    max-width: 22%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cont-guide-card:hover {
   transform: scale(1.05);
}

/* 전자계약 사용현황  */

.cont-search-bar{
    display: flex;
    align-items: center;
    border: 2px solid #d3d3d3;
    border-radius: 10px;
    padding: 4px;
}

.cont-info-box {
     display: flex;
     justify-content: space-between;
     align-items: stretch;
     width: 100%;
     max-width: 600px;
     margin: 21px;
     font-family: Arial, sans-serif;
}

.cont-info-box .left {
     flex: 0 0 59%;
     background-color: #fff;
     padding: 14px;
     border-radius: 10px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cont-info-box .left h3 {
     font-size: 18px;
     font-weight: bold;
     color: #4a90e2;
     margin-bottom: 15px;
     border-bottom: 2px solid #4a90e2;
     padding-bottom: 8px;
}

.cont-info-box .left p {
     margin: 10px 0;
     font-size: 15px;
     line-height: 1.5;
     color: #555;
}

.cont-info-box .right {
     flex: 0 0 59%;
     background-color: #fff;
     padding: 14px;
     border-radius: 10px;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
     margin-left: 7%;
}

.cont-info-box .right h3 {
     font-size: 18px;
     font-weight: bold;
     color: #f39c12;
     margin-bottom: 15px;
     border-bottom: 2px solid #f39c12;
     padding-bottom: 8px;
}

.cont-info-box .right p {
     margin: 10px 0;
     font-size: 15px;
     line-height: 1.5;
     color: #555;
}

.cont-info-box .right2 h3 {
    font-size: 18px;
    font-weight: bold;
    color: #f39c12;
    margin-bottom: 15px;
    border-bottom: 2px solid #f39c12;
    padding-bottom: 8px;
}

.cont-info-box .right2 h3 {
   font-size: 18px;
   font-weight: bold;
   color: #f39c12;
   margin-bottom: 15px;
   border-bottom: 2px solid #f39c12;
   padding-bottom: 8px;
}

.cont-info-box .right2 p {
   margin: 10px 0;
   font-size: 15px;
   line-height: 1.5;
   color: #555;
}

.cont-time-select-box {
   display: flex;
   justify-content: center;
   margin: 5px 0;
   border: 1px solid #ddd;
   border-radius: 5px;
   overflow: hidden;
}

.cont-time-btn {
   flex: 1;
   padding: 4px 18px;
   border: none;
   color: #333;
   font-size: 14px;
   cursor: pointer;
   transition: all 0.3s ease;
   white-space: nowrap;
   text-align: center;
}

.cont-time-btn:not(:last-child) {
   border-right: 1px solid #ddd;
}

.cont-time-btn:hover {
   background-color: #118dff;
   color: white;
   box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
   transform: translateY(-2px);
}

.cont-time-btn.active {
   background-color: #4a90e2;
   color: white;
   box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
   transform: translateY(-3px);
   border: 2px solid #005bb5;
   z-index: 1;
}

.pjt_graph {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 2px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.label-style {
    color: #767676;
    font-weight: 400;
    margin-right: 10px;
}

 /* 사용자 대시보드 */
.cont-search-button {
    background-color:#118dff;
    padding: 7px 13px;
    font-size: 12px;
    line-height: 2.5;
    margin: 0;
    border-radius: 5px;
}

/* 계약서 유형 선택 */
.cont-box-content h3 {
    font-size: 16px;
    color: #444;
    margin-bottom: 15px;
}

.cont-box-content img {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}

.cont-box-content p {
    font-size: 14px;
    color: #666;
}

.cont-box-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
}

.cont-box {
   width: 250px;
   height: 350px;
   background-color: #ffffff;
   border: 1px solid #ddd;
   border-radius: 10px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   transition: transform 0.2s, box-shadow 0.2s;
   text-align: center;
   padding: 20px;
}

.box:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

/*계약서 작성*/
.contPriview {
    padding: 20px;
    width: 80%;
    height: 950px;
    overflow: auto;
    background-color: #f5f5f5;
}

.cont-btn-item {
    margin-top: 20px;
    text-align: center;
}

.cont-btn-text{
    display: inline-block;
    margin: 450px 10px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    min-width:95px;
    border:0;
    line-height:35px;
}