@charset "UTF-8";
.list {
	border-top: 2px solid #333; }
.list li {
	border-bottom: 1px solid #ddd;
	/* padding: 12px 0; */ }
.list li:hover {
	background: #fcfbf2; }

/* temp */
.btn_wrap {
	position: relative;
	margin: 15px 0;
	min-height: 25px; }
/* .btn_wrap .fr {
	*position: absolute;
	*top: 0;
	*right: 0; } */
.btn_wrap .lbt {
	position: absolute;
	left: 0; }
.btn_wrap .rbt {
	position: absolute;
	right: 0; }

.button {
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
	font-size: 14px;
	white-space: nowrap;
	border: 1px solid #a6a6a6;
	height: unset;
	line-height: 30px;
	background: none;
	letter-spacing: -1px; }
.button:hover {
	text-decoration: none !important;
	border: 1px solid #338ae0;
	background: transparent;
	color: #338ae0; }
.button.b {
	border: 1px solid #338ae0;
	color: #338ae0;
	font-weight: bold; }
.button.b:hover {
	background: #338ae0;
	color: #fff; }
.button.c {
	font-weight: bold;
	color: #E64C37;
	border-color: #E64C37;
	background: #fefefe; }
.button.d {
	font-weight: bold;
	color: #96C5DB;
	border-color: #96C5DB;
	background: #fefefe; }
.button.e {
	color: #fff;
	border-color: #4CC3C4;
	background: #4CC3C4; }
.button.e:hover {
	background: #43b5b6;
	border-color: #43b5b6; }
.button.p {
	padding-left: 25px;
	background: url(../img/btn_more.png) no-repeat 10px center;
	background-size: 10px; }
.button.s {
	height: 26px;
	line-height: 24px; }
.button.sizeHalf {
	padding: 0 4px; }
.button.size {
	padding: 0 20px; }
.button span {
	float: none;
	display: inline-block;
	margin-right: 3px;
	width: 6px;
	height: 6px;
	vertical-align: middle;
	position: relative;
	top: -2px; }
.button.add span {
	background: url(../img/ic_add.gif) no-repeat left center; }
.button.add:hover span {
	background-image: url(../img/ic_add2_on.gif); }
.button.pen span {
	width: 9px !important;
	height: 9px !important;
	background: url(../img/ic_pen.png) no-repeat 0 0; }
.button.up span {
	width: 10px;
	height: 10px;
	background: url(../img/i_chat.png) no-repeat 0px -71px; }
.button.down span {
	width: 10px;
	height: 10px;
	background: url(../img/i_chat.png) no-repeat 0px -509px; }
.button.prev:before {
	content: "<";
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px; }
.button.next:after {
	content: ">";
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px; }

.slide_control button {
	float: left;
	width: 21px;
	height: 21px;
	line-height: 19px;
	border: 1px solid #a6a6a6; }
.slide_control button.slide_left {
	border-right: 0; }
.slide_control .isDisabled {
	color: #cfcfcf;
	border: 1px solid #cfcfcf;
	opacity: 1 !important;
	cursor: not-allowed; }
.slide_control .isDisabled.slide_left {
	border-right: 0; }
.slide_control .isDisabled.slide_right {
	border-left: 1px solid #a6a6a6; }

.button2 {
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	color: #545454;
	white-space: nowrap;
	border: 1px solid;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	padding: 0 15px;
	height: 27px;
	line-height: 27px;
	border-color: #d3d3d3;
	background: #fff; }

.btn {
	display: inline-block;
	padding: .25em .8em;
	font-size: 12px;
	background-color: #f8f8f8;
	border: 1px solid #ddd; }
.btn.btn-green {
	border: 1px solid #2aa4a5 !important;
	background-color: #4cc3c4 !important;
	color: #fff; }
.btn.btn-green:hover {
	background-color: #2aa4a5 !important;
	color: #fff !important; }
.btn.btn-gray {
	border: 1px solid #929292 !important;
	background-color: #a6a6a6 !important;
	color: #fff; }
.btn.btn-gray:hover {
	background-color: #929292 !important; }
.btn.btn-line {
	border: 1px solid #ddd !important;
	background-color: #fff !important; }
.btn.btn-line:hover {
	background-color: #eee !important; }
.btn.btn-file {
	width: 20px;
	height: 20px;
	background: url("../img/ic_option1.gif") no-repeat center center;
	border: 1px solid #ddd; }
.btn.btn-file span {
	display: block;
	text-indent: -99999px; }
.btn.btn-link {
	width: 20px;
	height: 20px;
	background: url("../img/ic_option2.gif") no-repeat center center;
	border: 1px solid #ddd; }
.btn.btn-link span {
	display: block;
	text-indent: -99999px; }
.btn.btn-comment {
	width: 30px;
	height: 30px;
	background: url("../img/comment_input_btn.gif") no-repeat center center;
	border: 1px solid #ddd; }
.btn.btn-comment span {
	display: block;
	text-indent: -99999px; }

.btn_big_fullWidth {
	position: relative;
	width: 100%;
	height: 80px;
	margin-top: 30px;
	font-size: 20px;
	text-indent: 30px;
	color: #fff !important;
	background: #4cc3c4;
	border: 1px solid #2aa4a5; }
.btn_big_fullWidth:before {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(50% - 60px);
	transform: translateY(-50%);
	width: 28px;
	height: 18px;
	background: url("../img/i_check.png") no-repeat; }

/* icon 아이콘버튼 */
.ic {
	display: inline-block;
	/* *display: block;
	*float: left; */
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	vertical-align: middle; }

.ic2 {
	text-decoration: none;
	color: #000; }

.ic:hover {
	text-decoration: none;
	color: #4CC3C4; }

.i_preview {
	background: url(../img/i_file.png) no-repeat -18px 0; }
.i_preview:hover, .i_preview.on {
	background: url(../img/i_file.png) no-repeat -18px -18px; }

.i_follow {
	background: url(../img/i_file.png) no-repeat -36px -36px; }
.i_follow.on {
	background: url(../img/i_file.png) no-repeat -36px -54px; }

.i_download {
	background: url(../img/i_file.png) no-repeat 0 0; }
.i_download:hover, .i_download.on {
	background: url(../img/i_file.png) no-repeat 0 -18px; }

.i_setting {
	background: url(../img/i_setting.png) no-repeat 0 0; }
.i_setting:hover, .i_setting.on {
	background: url(../img/i_setting.png) no-repeat 0 -18px; }

.i_lock {
	background: url(../img/ic_lock.png) no-repeat 0 center; }
.i_lock.on {
	background: url(../img/ic_lock2.png) no-repeat 0 center; }

.i_viewer {
	background: url(../img/i_file.png) no-repeat -53px 0; }
.i_viewer:hover, .i_viewer.on {
	background: url(../img/i_file.png) no-repeat -53px -18px; }

.btn_more, .btn_group_more {
	clear: both;
	margin: 20px 0 0; }
.btn_more a, .btn_group_more a {
	display: block;
	height: 38px;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	color: #6f6f6f;
	border: solid 1px #ddd;
	background: #fff url(../img/more_bg.gif); }
.btn_more a:hover, .btn_group_more a:hover {
	color: #555;
	background: #f5f5f5 url(../img/more_bg.gif); }
.btn_more.border a, .btn_group_more.border a {
	border: 1px solid #e5e5e5; }

.imgDirct a {
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -10px;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)"; }
.imgDirct .prev {left: 10px; }
.imgDirct .next {right: 10px; }

/** 2019 추가 **/
.sub_img {margin-top:20px; height:175px; overflow:hidden; background-size:cover; background-repeat:no-repeat; position:relative; background-image:url(../img/channel/sub_top.png);}
.sub_img:before {width:835px; height:175px; background-color:rgba(0, 0, 0, 0.5); position:absolute; left:0; top:0; content:"";}

.set_bg a {width:30px; height:30px; position:absolute; right:20px; bottom:20px; border-radius:50%; background-color:#fff; font-size:0;}
.set_bg a:before {display:inline-block; content:""; background:url(../img/icon/gear.png) no-repeat center; width:30px; height:30px;}

.sub_img .myinfo_box_right {position:absolute; top:38px; left:38px;}
.sub_img .myinfo_box_right li {display:inline-block; color:#fff; font-size:36px;}
.sub_img .myinfo_box_right .name {margin-left:15px;}
.img_myinfo_portrait {position:relative; width:100px; height:100px; margin:0 auto;}
.img_myinfo_portrait .set_bg a {position:absolute; right:0; bottom:0;}

.sub_tab {
	width: 100%;
	margin: 20px 0;
	padding-left: 1px;
	height: 36px;
	border-bottom: 1px solid #338ae0; }
.sub_tab ul {
	/* zoom: 1; */
	float: left; }
.sub_tab ul:after {
	content: '';
	display: block;
	clear: both; }
.sub_tab li {
	float: left;
	margin-left: -1px;
	background: #f5f5f5;
	border: 1px solid #DAD8D4;
	border-bottom: 0; }
.sub_tab a {
	display: block;
	padding: 0 40px;
	font-weight: bold;
	color: #818181;
	text-align: center;
	line-height: 33px;
	text-transform: uppercase; }
.sub_tab a em {
	margin-left: 2px;
	font-size: 10px; }
.sub_tab li.on {
	position: relative;
	background: #fff;
	border: 1px solid #338ae0;
	border-bottom: 1px solid #fff;
	z-index: 1; }
.sub_tab li.on a {
	color: #338ae0;
	line-height: 34px; }

.submit_wrap .sub_tab {
	margin: 0 0 10px;
	background: none; }
.submit_wrap .sub_tab li.on a {
	background: #999;
	border-color: #999;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0; }
.submit_wrap .sub_tab li.on a:hover {
	background: #999;
	border-color: #999;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0; }
.submit_wrap .sub_tab a {
	font-weight: normal; }
.submit_wrap .sub_tab li a:hover {
	font-weight: bold;
	letter-spacing: -1px;
	color: #555; }

.filesearch {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	padding-left: 10px;
	cursor: pointer; }
.filesearch label {
	display: inline-block;
	padding-left: 13px;
	width: 50px;
	font-weight: bold;
	background: url(../img/ic_file.gif) no-repeat 0 center; }
.filesearch .fileInput {
	width: 55%; }
.filesearch > div {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 75px;
	height: 25px;
	vertical-align: middle; }
.filesearch > div .button {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	height: 25px;
	line-height: 20px;
	width: 100%; }
.filesearch > div input {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0; }

.profile .send .followBt2 {
	text-decoration: none !important;
	border: 1px solid #d9d9d9;
	background: url(../img/buttonBg.png) repeat-x 0 -27px; }

.more {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url(../img/btn_more.png) no-repeat center center;
	background-size: 11px;
	border: 1px solid #a6a6a6;
	text-indent: -99999px; }

/* temp */
.sum_info, .date_info, .added_info {
	font-size: 11px;
	font-weight: normal; }
.sum_info strong, .date_info strong, .added_info strong {
	color: #e22323; }
.sum_info time, .date_info time, .added_info time {
	font-weight: 700; }

.sum_info {
	font-size: 12px; }

.level1 {
	color: #89df6a !important; }

.level2 {
	color: #f7b714 !important; }

.level3 {
	color: #f58220 !important; }

.level4 {
	color: #e73229 !important; }

.color1 {
	color: #f58220 !important; }

.color2 {
	color: #034ea2 !important; }

.color-red {
	color: #e73229 !important; }

.color-gray {
	color: #929292 !important; }

.date {
	color: #6f6f6f;
	/* font-size: 11px; */ }

.txt_red {
	color: #e73229; }

.txt_blue {
	color: #338ae0; }

.ex {
	font-size: 11px;
	color: #AFAFAF; }

.status {
	display: inline-block;
	border: 1px solid #a6a6a6;
	padding: .2em .6em;
	color: #a6a6a6;
	line-height: 1.2;
	text-align: center; }
.status.status_warning {
	background: #fff8da;
	border-color: #d5b20c;
	color: #d5b20c; }
.status.status_danger {
	background: #ffe6e5;
	border-color: #e73229;
	color: #e73229; }
.status.status_normal {
	background: #deffe7;
	border-color: #31cf5a;
	color: #31cf5a; }

td .status {
	min-width: 62px;
	padding: .2em 0; }

/* temp */
.img_crop {
	margin-top: 15px; }
.img_crop .crop_wrap {
	position: relative;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #f5f5f5;}
.img_crop .filesearch {
	margin-bottom: 5px; }

.crop_wrap .set {
	margin-bottom: 10px; }
.crop_wrap .img, .crop_wrap .preview {
	float: left; }
.crop_wrap .img > div, .crop_wrap .preview span {
	overflow: hidden;
	display: block;
	margin: 0  30px 5px 0;
	border: 1px solid #dbdbdb;
	background: #fff;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px; }
.crop_wrap .img > div {
	width: 150px;
	/* height:200px; */ }
.crop_wrap .img > div img {
	width: 150px; }
.crop_wrap .preview span {
	width: 56px;
	height: 56px; }

.jcrop-holder {
	background: #fff !important; }

/* temp */
.excelDefaults {
	background-color: white;
	color: black;
	text-decoration: none;
	direction: ltr;
	text-transform: none;
	text-indent: 0;
	letter-spacing: 0;
	word-spacing: 0;
	white-space: normal;
	unicode-bidi: normal;
	vertical-align: 0;
	background-image: none;
	text-shadow: none;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	white-space: pre;
	vertical-align: bottom;
	font-style: normal;
	font-family: sans-serif;
	font-variant: normal;
	font-weight: normal;
	font-size: 10pt;
	text-align: right;
	border: 1px solid #ccc; }
.excelDefaults td {
	padding: 50px;
	cursor: default; }
.excelDefaults td.col_selected.row_selected {
	background-color: #ccc; }

.excelDefaults td {
	padding: 1px 5px;
	border: 1px solid silver; }

.excelDefaults .colHeader {
	background-color: #f6fef6;
	font-weight: bold;
	border: 1px solid black;
	text-align: center;
	padding: 1px 5px; }

.excelDefaults .rowHeader {
	background-color: #fef5f9;
	font-weight: bold;
	border: 1px solid black;
	text-align: right;
	padding: 1px 5px; }

/* temp */
.file_ex {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	color: #999; }

.file_bt_set {
	/* *display: inline;
	 *zoom: 1; */ }
.file_bt_set a {
	margin-right: 3px; }

.file_zone {
	margin-top: 15px;
	padding: 7px 9px 7px 16px;
	height: 55px; }
.file_zone.upload {
	border: 2px dashed #ddd; }
.file_zone.format {
	border: 1px solid #ddd; }

.file_zone_tx {
	font-size: 15px; }
.file_zone_tx img {
	/* margin-right: 10px; */ }

.file_shareList h4 {
	margin: 2px 10px 0 0; }

.file_zone_tx em {
	color: #4CC3C4; }

.file_shareList h4 em {
	color: #4CC3C4; }
.file_shareList .title .button {
	margin: 0;
	float: right;
	height: 22px;
	line-height: 20px;
	font-size: 12px; }

.file_zone.format .file_zone_tx {
	float: left;
	width: 85%;
	font-weight: bold;
	line-height: 38px; }
.file_zone.format .file_zone_tx span {
	display: inline-block;
	width: 90%;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; }

.file_zone_opt {
	float: right;
	height: inherit;
	line-height: 38px; }
.file_zone_opt .i_lock {
	padding-left: 13px;
	margin-right: 5px; }
.file_zone_opt .button {
	margin-top: 3px; }

.file_wrap {
	overflow: hidden;
	margin-top: 20px; }
.file_wrap a:hover {
	text-decoration: underline; }
.file_wrap .layer_wrap.viewer {
	float: left;
	width: 100%;
	min-height: 400px;
	border: 1px solid #2aa4a5; }
.file_wrap .btn_wrap {
	float: left;
	width: 100%;
	border-top: 1px dotted #ddd;
	padding-top: 10px; }

.file_left {
	float: left;
	width: 27%; }
.file_left .thumbInfo {
	min-height: 54px; }

.file_cont {
	overflow: hidden;
	float: right;
	width: 70%; }

.file_shareList {
	float: left;
	width: 72%; }

.file_sidebar {
	float: right;
	width: 25%; }

.file_wrap.sharer .file_left {
	width: 35%; }
.file_wrap.sharer .file_cont {
	width: 60%; }
.file_wrap.sharer .file_menu, .file_wrap.sharer .file_version {
	display: none; }
.file_wrap.sharer .file_shareList {
	width: 100%; }

.file_menu {
	margin-bottom: 10px;
	border-bottom: 1px solid #dfdfdf; }
.file_menu > li {
	height: 27px; }
.file_menu > li > a {
	padding-left: 17px;
	color: #4CC3C4; }

.file_down > a {
	padding-left: 17px;
	color: #4CC3C4;
	background: url(../img/ic_down.png) no-repeat 0 center; }
.file_down span {
	color: #666;
	font-size: 11px; }

.file_upload > a {
	background: url(../img/ic_up.png) no-repeat 0 center; }

.file_share > a {
	background: url(../img/ic_link.png) no-repeat 0 center; }

.file_edit > a {
	background: url(../img/ic_reply.png) no-repeat 0 center; }

.file_del > a {
	background: url(../img/ic_trash.png) no-repeat 0 center; }

.file_down_div {
	position: relative;
	display: inline-block;
	/* *display: inline;
	 zoom: 1;
	 *z-index: 10; */ }
.file_down_div .layerUI {
	top: 17px; }

.file_share, .file_viewer_div {
	position: relative; }

.file_share .layerUI, .file_viewer_div .layerUI {
	top: 24px; }

.file_version {
	margin: 10px 0 0;
	padding: 5px 0 0;
	border-top: 1px solid #dfdfdf; }

.file_descrip {
	margin-top: 10px; }
.file_descrip .title {
	padding: 0 0 20px;
	margin-bottom: 0; }
.file_descrip .title h4 {
	margin-bottom: 10px; }
.file_descrip .feed_txt {
	display: table;
	width: 100%;
	height: 36px;
	padding: 0 10px;
	min-height: auto;
	line-height: 18px;
	border: 1px solid #eee;
	margin-top: 8px; }
.file_descrip .feed_txt p {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; }

.file_version a, .file_descrip a {
	color: #4CC3C4; }

.file_shareList .i_lock {
	padding-left: 13px;
	line-height: normal; }
.file_shareList .title {
	padding: 0 0 20px;
	margin-top: 0; }
.file_shareList table {
	margin-top: 10px;
	table-layout: fixed; }
.file_shareList table th {
	padding: 9px 10px;
	border: 1px solid #D8D8D8;
	background: #f3f3f3; }
.file_shareList table td {
	padding: 10px;
	height: 32px;
	text-align: center;
	border: 1px solid #eee;
	border-top: 0; }
.file_shareList table td .thumbInfo {
	margin: 0 7px; }
.file_shareList table td .thumbInfo dd {
	width: 215px; }
.file_shareList .paging2 {
	float: right;
	margin-top: 10px; }

.file_follow_list {
	margin-top: 5px; }
.file_follow_list h4 {
	margin-bottom: 8px;
	padding: 0 0 3px 0;
	background: none;
	border-bottom: 1px solid #d4d4d4; }
.file_follow_list h4 span {
	font-weight: normal; }
.file_follow_list ul li {
	padding: 3px 0; }
.file_follow_list .thumbInfo dd {
	width: 80px; }
.file_follow_list.w li {
	padding: 7px 15px;
	border-bottom: 1px solid #eee; }
.file_follow_list.w li.first {
	border-top: 2px solid #4CC3C4; }
.file_follow_list.w .thumbInfo dd {
	width: auto; }

/* 일정 */
#calendar {
	padding-top: 30px !important; }
#calendar .fc-header {
	margin-top: 0 !important; }

/* temp */
.form[type="text"] {
	background: #fff !important; }

.form[type="text"], select.form {
	border: 1px solid #ddd; }

.multi select.form {
	float: left;
	width: auto; }
.multi select.form:last-child {
	margin-left: -1px; }

.form {
	display: inline-block;
	height: 26px;
	line-height: 26px; }

.form-xl {
	height: 60px !important;
	vertical-align: middle;
	font-size: 22px;
	padding: .5em !important; }

.form-blue {
	border-color: #4c9ed6 !important;
	border-width: 1px; }

.form-transparent {
	border: none !important; }

select.form {
	position: relative;
	-webkit-appearance: none;
	padding: 0 .5em;
	width: 100%;
	min-width: 93px;
	background: #fff url("../img/i_arrow_selectbox.png") no-repeat right center;
	background-size: 20px;
	padding-right: 20px; }
select.form.inline {
	width: auto; }

/* :root select.form {
	padding: 0 .5em \0/IE9;
	background: #fff \0/IE9;
	padding-right: 0  \0/IE9; } */

.date_input {
	float: left;
	margin-right: 7px; }
.date_input span {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 28px;
	padding-right: 30px;
	border: 1px solid #e2e2e2;
	background: url(../img/comment_input_bg.gif) no-repeat 0 0; }
.date_input input {
	background: none;
	border: none;
	height: 30px; }
.date_input em {
	position: absolute;
	right: 5px;
	top: 5px;
	display: inline-block;
	padding-top: 4px;
	width: 20px;
	height: 20px;
	font-size: 10px;
	color: #bbbdc1;
	text-align: center;
	background: url(../img/ic_cal.png) no-repeat 0 0; }

.radio_opt {
	margin-top: 10px;
	padding: 10px 15px;
	border: 1px solid #e0e0e0;
	/* background: #f8f8f8; */ }
.radio_opt.w {
	padding: 0;
	border: 0;
	background: none; }
.radio_opt.w label {
	float: none;
	margin-right: 10px;
	font-size: 12px; }
.radio_opt span {
	margin-right: 20px; }

.user_search input {
	width: 130px;
	height: 24px; }
.user_search a {
	margin-left: -4px; }

ul.list-inline li {
	display: inline-block; }
ul.list-inline li .form {
	height: 30px;
	line-height: 30px; }
ul.list-inline li .search_form {
	margin-top: 0; }

.formbox {
	position: relative;
	padding-right: 24px;
	display: inline-block;
	width: 100%;
	/* formbox */ }
.formbox input {
	width: 100%; }
.formbox.currency {
	padding: 0; }
.formbox.currency input {
	padding-right: 46px;
	text-align: right; }
.formbox.currency span {
	right: .6em; }
.formbox.col_1 {
	width: 44%; }
.formbox.col_2 {
	width: 61%; }
.formbox.select_both {
	height: 26px;
	display: table; }
.formbox.select_both .form {
	position: absolute;
	top: 0;
	width: 46%; }
.formbox.select_both .form:nth-of-type(1) {
	left: 0; }
.formbox.select_both .form:nth-of-type(2) {
	right: 0; }
.formbox.select_both span {
	top: 50%;
	left: 50%;
	right: auto;
	transform: translate(-50%, -50%); }
.formbox.inline {
	width: auto; }
.formbox > span, .formbox > a, .formbox .ui-datepicker-trigger {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	cursor: pointer; }
.formbox > span.orgViewClass, .formbox > a.orgViewClass, .formbox .ui-datepicker-trigger.orgViewClass {
	margin-left: 2px; }
.formbox.limit_50 {
	padding: 0;
	width: 50px; }
.formbox.limit_100 {
	padding: 0;
	width: 100px; }
.formbox.limit_150 {
	padding: 0;
	width: 150px; }
.formbox.limit_200 {
	padding: 0;
	width: 200px; }
.formbox.limit_250 {
	padding: 0;
	width: 250px; }

select.form .name {
	padding-right: 5px;
	line-height: 26px;
	text-indent: 10px;
	font-weight: bold;
	white-space: nowrap; }
select.form .name span {
	font-weight: normal; }

input:disabled, select:disabled, textarea:disabled {
	background-color: #eee !important;
	color: #a6a6a6 !important; }

/* temp */
.pop_layer_box {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #338ae0;
	border-top: 2px solid #338ae0;
	min-width: 500px;
	min-height: 320px;
	max-width: 860px;
	max-height: 90vh;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
	z-index: 101;
	padding: 1.5em; }
.pop_layer_box .pop_layer_tit {
	position: relative;
	margin: -1.5em -1.5em 1.5em; }
.pop_layer_box .pop_layer_tit h3, .pop_layer_box .pop_layer_tit h4 {
	padding: .8em 1.5em;
	background: #eee;
	font-size: 16px;
	margin: 0; }
.pop_layer_box .pop_layer_tit .pop_layer_close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 15px;
	height: 15px;
	background: url("../img/file_upload_close.gif") no-repeat center center;
	background-size: 8px;
	cursor: pointer; }
.pop_layer_box .pop_layer_content {
	text-align: center; }
.pop_layer_box .pop_layer_content .form_container {
	border: 1px solid #eee;
	padding: 10px 20px;
	display: inline-block;
	width: 80%;
	background: #f8f8f8; }
.pop_layer_box .pop_layer_content table thead th {
	border-top: 1px solid #cfcfcf; }
.pop_layer_box .pop_layer_content table.write {
	border-top: 1px solid #ddd; }
.pop_layer_box .pop_layer_content .guide_txt {
	display: block;
	margin-top: 5px;
	color: #929292;
	font-size: 11px; }
.pop_layer_box .btn_wrap {
	margin-bottom: 0; }
.pop_layer_box .group_relation {
	position: relative !important;
	top: 0;
	left: 0;
	margin: 0; }
.pop_layer_box .group_relation .colWrap {
	padding: 0; }
.pop_layer_box .group_relation .colWrap .treeview_wrap {
	text-align: left; }

.layerUI {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20; }
.layerUI ul {
	overflow: hidden;
	background: #fff;
	border: 1px solid #4CC3C4;
	border-radius: 3px; }
.layerUI ul li {
	padding: 4px 8px;
	text-align: left;
	white-space: nowrap;
	font-size: 11px; }
.layerUI ul li:hover {
	background-color: #f8f8f8; }
.layerUI ul li a {
	display: block;
	margin: 0; }
.layerUI ul li a:hover {
	text-decoration: none; }

.layerUI2 {
	position: absolute;
	z-index: 200;
	min-width: 70px;
	border: 1px solid #ddd;
	font-size: 11px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }
.layerUI2 h5 {
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0; }
.layerUI2 ul {
	overflow: auto;
	padding: 3px 7px;
	max-height: 195px; }
.layerUI2 li {
	display: block;
	color: #979797;
	line-height: 18px;
	margin: 0 !important; }
.layerUI2 li a {
	display: block;
	color: #979797;
	line-height: 18px;
	margin: 0 !important; }
.layerUI2 li:hover, .layerUI2 li a:hover {
	text-decoration: underline; }
.layerUI2 .bt a {
	display: block;
	height: 22px;
	line-height: 24px;
	background: #f3f3f3;
	font-family: dotum;
	letter-spacing: -1px;
	text-align: center;
	color: #a6a7a9;
	border-top: 1px solid #ddd; }
.layerUI2 .close {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	width: 13px;
	height: 13px;
	background: #f3f3f3 url(../img/i_close2.png) no-repeat center center;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd; }
.layerUI2 .arrow {
	display: block;
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -6px;
	width: 13px;
	height: 7px;
	background: url(../img/ic_arrow.png) no-repeat; }

/* 레이어 _ 바로미팅*/
.layerDiv {
	position: absolute;
	z-index: 200;
	border: 1px solid #ddd;
	background: #fff;
	-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }
.layerDiv .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background: url(../img/i_close.png) no-repeat center center; }

.layer_goMeet {
	left: auto;
	right: 0;
	top: -15px;
	width: 480px;
	border: 1px solid #ddd;
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
	background: #fff; }
.layer_goMeet h4 {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #ddd;
	color: #333;
	margin: 0;
	padding: 0 10px; }
.layer_goMeet .tit {
	display: block;
	padding: 5px 10px; }
.layer_goMeet .btn_wrap {
	top: -2px !important;
	background: none !important;
	border: none; }

.layerDiv table {
	margin: 0;
	border: 0 none;
	border-top: 1px solid #c7c7c7; }
.layerDiv table th {
	padding: 7px 12px;
	width: 58px;
	text-align: center;
	white-space: nowrap;
	background: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd; }

.layer_goMeet table td {
	border-bottom: 1px solid #ddd; }

.layerDiv table .tx {
	padding: 12px; }

.layer_goMeet .thumbnail {
	padding: 0; }
.layer_goMeet .thumbnail li {
	margin: 0 5px 5px 0; }
.layer_goMeet .btn_wrap {
	margin: 0;
	padding: 5px 0;
	background: #f4f5f6;
	border-top: 1px solid #ebebeb; }
.layer_goMeet .btn_wrap .button2 {
	margin: 0 3px;
	letter-spacing: -1px; }

.kpiLayer {
	margin: 10px 0; }
.kpiLayer h4.base {
	float: left;
	margin-right: 3px; }
.kpiLayer p.base {
	font-weight: bold;
	color: #f58220; }
.kpiLayer h4.way {
	margin: 5px 0; }
.kpiLayer p.way {
	font-weight: bold;
	color: #4CC3C4; }
.kpiLayer ul li span {
	display: block;
	padding-left: 10px; }
.kpiLayer p.way {
	margin: 5px 0; }

/* 쪽지보내기 레이어 */
.msg {
	border: 2px solid #96C5DB; }
.msg textarea {
	width: 100%;
	height: 60px;
	border: none;
	overflow: hidden; }

/* 일정관리레이어  배경색선택옵션 */
.bgch label {
	margin-right: 9px;
	display: inline-block;
	/* *display: inline;
	zoom: 1; */
	vertical-align: middle;
	width: 20px;
	height: 18px;
	text-indent: -9999px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }
.bgch .bg1 {
	background: #FBD5B5; }
.bgch .bg2 {
	background: #B7DDE8; }
.bgch .bg3 {
	background: #B3A0CA; }
.bgch .bg4 {
	background: #B7EC3F; }
.bgch .bg5 {
	background: #FFAF05; }
.bgch .bg6 {
	background: #556374; }
.bgch .bg7 {
	background: #C2AA94; }
.bgch input[type="radio"]:checked + label {
	transform: scale(1.1);
	-webkit-transform: scale(1.1); }

.layerPosUI {
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	min-height: inherit;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3); }
.layerPosUI.photobookDetail {
	margin: -318px 0 0 -500px; }

.form_togglebox {
	position: relative;
	padding-left: 47px;
	cursor: pointer; }
.form_togglebox:focus {
	color: #4cc3c4;
	outline: 0; }
.form_togglebox input {
	width: 0;
	height: 0;
	clip: rect(0, 0, 0, 0);
	/* &:checked:after {
		left: 24px;
		transition-duration: .3s;
	} */ }
.form_togglebox input:focus {
	outline: none; }
.form_togglebox .toggle_checkbox:before, .form_togglebox .toggle_checkbox:after {
	content: "";
	position: absolute;
	display: inline-block;
	vertical-align: middle; }
.form_togglebox .toggle_checkbox:before {
	top: 0;
	left: 0;
	width: 45px;
	height: 24px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 13px; }
.form_togglebox .toggle_checkbox:after {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	background: #4cc3c4;
	border-radius: 50%;
	transition-duration: .3s; }
.form_togglebox input:checked ~ .toggle_checkbox:after {
	left: 24px; }
.form_togglebox.inner_text {
	padding-left: 61px;
	/* inner_text */ }
.form_togglebox.inner_text .toggle_checkbox:before {
	top: 1px;
	width: 65px;
	height: 26px;
	border-radius: 3px;
	background: #ddd;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	border: none; }
.form_togglebox.inner_text .toggle_checkbox:after {
	display: none; }
.form_togglebox.inner_text .form_toggle_txt {
	position: absolute;
	top: 1px;
	left: 0px;
	width: 35px;
	height: 26px;
	line-height: 26px;
	background: #4cc3c4;
	text-align: center;
	color: #fff;
	border: 1px solid #2aa4a5;
	transition-duration: .3s;
	border-radius: 3px 0 0 3px; }
.form_togglebox.inner_text input:checked ~ .form_toggle_txt {
	left: 30px;
	border-radius: 0 3px 3px 0; }

.form_togglebox_ul {
	display: none;
	border-top: 1px solid #eee;
	max-height: 70px;
	overflow-y: auto;
	margin-top: 7px; }
.form_togglebox_ul li {
	float: left;
	width: 33.33333%;
	margin-top: 5px; }
.form_togglebox_ul li .del_button {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img/btn_re_delete.gif") no-repeat center center;
	vertical-align: middle;
	margin-left: 8px; }

.layer_wrap > div, #layer_image_wrap > div, #layer_image_wrap_reply > div {
	/* border: 1px solid #2aa4a5; */ }
.layer_wrap > div .layer_tit, #layer_image_wrap > div .layer_tit, #layer_image_wrap_reply > div .layer_tit {
	position: relative;
	padding: .6em 1em;
	background: #4cc3c4;
	color: #fff;
	white-space: nowrap; }
.layer_wrap > div .layer_tit .btn_layer_close, #layer_image_wrap > div .layer_tit .btn_layer_close, #layer_image_wrap_reply > div .layer_tit .btn_layer_close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 22px;
	height: 22px;
	text-indent: -99999px;
	background: url(../img/btn_feed_delete.gif) no-repeat 0 0; }
.layer_wrap > div #layer_image_con, #layer_image_wrap > div #layer_image_con, #layer_image_wrap_reply > div #layer_image_con {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center; }
.layer_wrap > div #layer_image_con .imageviewerCon, #layer_image_wrap > div #layer_image_con .imageviewerCon, #layer_image_wrap_reply > div #layer_image_con .imageviewerCon {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #E0E0E0; }

.notice_preview {
	display: block;
	margin-top: 20px; }
.notice_preview li {
	float: left;
	width: 49%; }
.notice_preview li:nth-child(1) {
	margin-right: 2%; }
.notice_preview li h4 {
	margin-bottom: 5px; }
.notice_preview li .msg_content {
	border: 1px solid #ddd;
	padding: 15px; }
.notice_preview li .msg_content textarea {
	padding: 0;
	border: 0; }
.notice_preview li .msg_content.preview {
	width: 100%;
	height: 140px; }
.notice_preview li .msg_content.preview pre {
	margin: 0;
	font-family: 'Nanum Gothic', dotum, sans-serif;
	white-space: pre-wrap; }

.company_recommend_result {
	margin-top: 20px;
	border-bottom: 1px solid #ddd;
	max-height: 240px;
	overflow-y: auto; }
.company_recommend_result ul li {
	position: relative;
	text-align: left;
	line-height: 32px;
	padding: 5px 0;
	border-top: 1px dotted #ddd; }
.company_recommend_result ul li.no_result {
	color: #929292;
	text-align: center; }
.company_recommend_result ul li .thumb {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	vertical-align: middle; }
.company_recommend_result ul li .thumb img {
	width: 100%;
	height: auto;
	vertical-align: top;
	border-radius: 50%; }
.company_recommend_result ul li .user_list {
	position: absolute;
	top: 5px;
	right: 0;
	width: 100px; }
.company_recommend_result ul li .user_list .fri_bt .add i {
	background: url(../img/i_like.png) no-repeat 0 0; }
.company_recommend_result ul li .user_list .fri_bt .ok i {
	background: url(../img/i_like.png) no-repeat 0 -18px; }
.company_recommend_result ul li .user_list .fri_bt .follow_cancel {
	background: url(../img/file_upload_close.gif) no-repeat center center;
	background-size: 8px;
	opacity: .5; }
.company_recommend_result ul li .user_list .fri_bt i {
	margin-right: 4px; }
.company_recommend_result ul li .user_list .fri_bt b {
	font-weight: normal; }

/* temp */
.group_relation {
	position: absolute !important;
	top: 50%;
	left: 50%;
	z-index: 100;
	margin: 0;
	padding: 0 !important;
	width: 768px;
	transform: translate(-50%, -50%);
	box-shadow: 0 3px 25px rgba(0, 0, 0, 0.5) !important;
	border: none !important; }
.group_relation h3 {
	margin: 0;
	padding-left: 25px !important;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #4c93c4 url(../img/ic_file_w.png) no-repeat 13px center !important; }
.group_relation .colWrap {
	padding: 8px 15px; }
.group_relation .col1 {
	float: left;
	width: 35%; }
.group_relation .col2 {
	float: right;
	width: 62%; }
.group_relation .search_wrap {
	margin-bottom: 10px;
	margin-top: 5px; }
.group_relation .search_wrap form {
	margin-top: 3px; }
.group_relation .search_wrap .t {
	float: left; }
.group_relation .search_wrap .t span {
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0 0 0; }
.group_relation .search_wrap .search_form {
	float: right; }
.group_relation .treeview_wrap .treeview {
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 5px;
	padding: 10px;
	height: 250px;
	border: 1px solid #ddd;
	background: #f8f8f8; }
.group_relation .dtree {
	font-size: 12px !important; }
.group_relation .treeControl {
	margin-top: 10px; }
.group_relation .treeControl button {
	overflow: visible;
	padding: 0 5px;
	/* *margin: 0 2px;
	*padding: 0 3px; */
	border: 1px solid #b2b2b2;
	border-top-color: #ddd;
	border-left-color: #ddd;
	background: none; }
.group_relation .treeview ul {
	background-color: transparent; }
.group_relation .table_scroll {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 129px; }
.group_relation .table_scroll table {
	margin-top: 0;
	border-top: 0; }
.group_relation .arrow_move button {
	margin: 0 5px;
	width: 18px;
	height: 18px;
	text-indent: -9999px; }
.group_relation .arrow_move .up {
	background: url(../img/btn_up.gif) no-repeat center center; }
.group_relation .arrow_move .down {
	background: url(../img/btn_drop.gif) no-repeat center center; }
.group_relation .submitbtn {
	padding: 5px 0;
	background: #f4f5f6;
	border-top: 1px solid #ebebeb; }
.group_relation .submitclose {
	display: block;
	padding: 11px;
	top: 0 !important;
	right: 0 !important; }
.group_relation .submitclose img {
	vertical-align: top; }
.group_relation .blockUI {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4; }

/* temp */
.progress_wrap {
	position: absolute;
	top: 95px;
	left: 0;
	z-index: 100;
	display: block !important;
	width: 100% !important;
	height: 3px !important;
	background: url(../img/i_progress_bg.gif) repeat-x 0 0; }
.progress_wrap .progress {
	height: 3px;
	background: #4c93c4; }

.progress_bar {
	overflow: hidden;
	word-wrap: break-word;
	display: inline-block;
	/* *display: inline;
	*zoom: 1; */
	padding-right: 40px;
	width: 90px;
	text-align: left;
	vertical-align: middle; }
.progress_bar .progress {
	position: relative;
	/* *position: static; */
	float: left;
	display: inline-block;
	/* *display: inline;
	*zoom: 1; */
	width: 100%;
	height: 12px;
	/* border: 1px solid #ddd; */
	background: #ddd; }
.progress_bar .bar {
	position: absolute;
	/* *position: static; */
	top: -1px;
	left: -1px;
	display: inline-block;
	/* *display: inline;
	*zoom: 1;
	*float: left; */
	padding: 0 1px;
	max-width: 100%;
	height: 13px;
	background: #f58220; }
.progress_bar .rate {
	float: right;
	margin-right: -40px;
	/* *padding-left: 5px; */
	width: 35px;
	font-family: verdana;
	font-size: 9px;
	line-height: normal;
	white-space: nowrap; }
.progress_bar.w {
	width: 100%; }
.progress_bar.style2 .bar {
	background: #B2D234 !important; }
.progress_bar.style3 .bar {
	background: #00ACE6 !important; }
.progress_bar.style4 .bar {
	background: #9B8449 !important; }
.progress_bar.style5 .bar {
	background: #818285 !important; }

td .progress_bar {
	width: 100%; }

/* temp */
.search_form {
	position: relative;
	margin-top: 10px;
	padding-right: 35px;
	padding-left: 8px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd; }
.search_form input {
	display: block;
	color: #666;
	border: none;
	background: none;
	width: 100%;
	height: 30px;
	line-height: 28px; }
.search_form input:focus {
	outline: none;
	box-shadow: none; }
.search_form a, .search_form button {
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
	width: 28px;
	height: 28px;
	background: url(../img/i_search_top.png) no-repeat center center; }
.search_form a:before, .search_form button:before {
	content: "";
	position: absolute;
	top: .6em;
	left: -2px;
	bottom: .6em;
	width: 1px;
	background: #ddd; }

.search_wrap {
	padding: 10px 0;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	margin: 10px 0 0;
	/* *zoom: 1; */
	line-height: 30px; }
.search_wrap hr {
	display: block !important;
	opacity: 0;
	visibility: hidden;
	margin: 2px 0; }
.search_wrap .form {
	height: 30px; }
.search_wrap .form_inline_box {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top; }
.search_wrap .form_inline_box span, .search_wrap .form_inline_box .formbox {
	display: inline-block;
	margin-right: 6px;
	width: auto;
	top: -1px; }
.search_wrap .form_inline_box span.form {
	min-width: 60px;
	text-align: right; }
.search_wrap .form_inline_box .search_form {
	top: 0; }
.search_wrap .form_inline_box input[type="text"], .search_wrap .form_inline_box .form, .search_wrap .form_inline_box .button {
	height: 30px;
	line-height: 30px; }
.search_wrap:after {
	content: '';
	clear: both;
	display: block; }
.search_wrap .t, .search_wrap select.form, .search_wrap .search_form {
	position: relative;
	top: -1px;
	display: inline-block; }
.search_wrap .t {
	margin-right: 5px; }
.search_wrap select.form {
	margin-right: 2px;
	width: auto;
	vertical-align: middle; }
.search_wrap select.form + .t {
	margin-left: 7px; }
.search_wrap .search_form {
	display: inline-block;
	/* *display: inline;
	zoom: 1; */
	width: 130px !important;
	margin-top: -2px;
	margin-bottom: 0;
	vertical-align: middle; }
.search_wrap .button {
	height: 30px; }
.search_wrap .button.b {
	background-position: 0 -52px; }
.search_wrap .ex {
	margin-left: 5px;
	font-size: 11px;
	color: #999; }

.board_added_module .search_form a, .board_added_module .search_form button {
	width: 24px;
	height: 24px; }

/* temp */
.thumbInfo {
	text-align: left; }
.thumbInfo .thumb {
	display: inline-block;
	overflow: hidden;
	margin-right: 7px;
	width: 36px;
	height: 36px;
	border: 1px solid #dfdfdf;
	vertical-align: middle; }
.thumbInfo .thumb img {
	width: 100%; }
.thumbInfo dl {
	display: inline-block;
	/* *display: inline;
	zoom: 1; */
	vertical-align: middle; }
.thumbInfo dt, .thumbInfo dd {
	text-align: left;
	line-height: 16px; }
.thumbInfo dt {
	display: none; }
.thumbInfo dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; }
.thumbInfo .tx {
	height: 37px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word; }
.thumbInfo a, .thumbInfo dd.name {
	color: #fd922c; }
.thumbInfo a:hover {
	text-decoration: underline; }
.thumbInfo dt.date {
	font-size: 11px; }
.thumbInfo.user .thumb {
	float: left; }
.thumbInfo.user dl {
	display: block; }
.thumbInfo.user dl dt {
	margin-right: 8px; }
.thumbInfo.user dl dt, .thumbInfo.user dl dd {
	display: inline-block;
	vertical-align: middle; }
.thumbInfo.user .thumb {
	margin-bottom: 4px; }
.thumbInfo.user .date {
	clear: both; }
.thumbInfo.user dt.group, .thumbInfo.user .tit {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #4CC3C4; }
.thumbInfo.user dt.group span {
	font-size: 11px;
	font-weight: normal;
	color: #979797; }
.thumbInfo.user .mem, .thumbInfo.user .pm {
	margin-top: 3px;
	display: inline-block;
	/* *display: inline;
	zoom: 1; */
	vertical-align: middle;
	font-size: 11px; }
.thumbInfo.user dd.mem, .thumbInfo.user dd.pm {
	margin-right: 15px; }
.thumbInfo.user .pm a:hover {
	text-decoration: underline; }

.thumbInfo.w .thumb {
	width: 56px;
	height: 56px; }
.thumbInfo.w2 .thumb {
	width: 60px;
	height: 60px; }

.thumbnail:after, .thumbnail2:after {
	content: '';
	display: block;
	clear: both; }

.thumbnail {
	position: relative;
	margin: 0;
	overflow: hidden;
	/* *zoom: 1; */ }
.thumbnail li {
	position: relative;
	float: left;
	width: 38px;
	height: 38px;
	border: 1px solid #dadada;
	margin-right: 5px;
	overflow: hidden; }
.thumbnail img {
	width: 38px;
	margin: 0 !important; }
.thumbnail .add {
	position: relative;
	width: 40px;
	height: 40px;
	background: url(../../img/btn_add_team.gif) no-repeat;
	border: 0; }

.thumbnail2 .add .photo {
	position: relative;
	width: 40px;
	height: 40px;
	background: url(../../img/btn_add_team.gif) no-repeat;
	border: 0; }

.thumbnail .add a, .thumbnail2 .add .photo a {
	display: block;
	height: 40px;
	text-indent: -9999px; }

.thumbnail .add:hover, .thumbnail2 .add .photo:hover {
	background: url(../../img/btn_add_team_on.gif) no-repeat;
	border: none; }

.thumbnail li:hover span {
	top: 0;
	opacity: 0.7;
	filter: alpha(opacity=70); }
.thumbnail li span {
	position: absolute;
	top: 38px;
	left: 0;
	display: block;
	padding-top: 5px;
	width: 100%;
	height: 33px;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease; }

.thumbnail2 {
	clear: both;
	/* *zoom: 1; */ }
.thumbnail2 li {
	position: relative;
	float: left;
	margin: 2px 4px 2px 0;
	border: 1px solid #ddd; }
.thumbnail2 img {
	margin: 0 !important; }
.thumbnail2 .photo {
	overflow: hidden;
	float: left;
	width: 34px;
	height: 34px;
	border: 1px solid #eee;
	border-radius: 50%;
	overflow: hidden;
	margin: 4px 0 4px 4px; }
.thumbnail2 .photo img {
	width: 100%;
	height: auto; }
.thumbnail2 .person {
	float: left;
	padding: 4px  8px;
	font-size: 11px;
	line-height: 1.4;
	color: #999; }
.thumbnail2 .person strong {
	display: block;
	color: #4CC3C4;
	padding-right: 22px;
	font-size: 12px;
	margin-bottom: 3px; }
.thumbnail2 select {
	margin-top: 2px;
	width: 70px; }
.thumbnail2 .person .close {
	position: absolute;
	top: -1px;
	right: -1px; }
.thumbnail2 .person .close img {
	vertical-align: top; }

/* temp */
header {
	position: relative; }
header .button {
	position: absolute;
	top: 0;
	right: 0; }
header .more {
	position: absolute;
	top: 5px;
	right: 0; }
header .slide_control {
	position: absolute;
	top: 5px;
	right: 0; }

.title {
	position: relative;
	padding-top: 30px; }
.title .btn_wrap {
	position: absolute;
	top: 15px;
	right: 0; }
.title .btn_wrap .tab li {
	float: left;
	margin-right: -1px; }
.title .btn_wrap .tab li.on {
	position: relative;
	z-index: 1; }
.title .btn_wrap .tab li.on .button {
	border-color: #338ae0;
	background: #338ae0;
	color: #fff; }

h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 15px; }

h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 5px; }
h4.tit {
	padding: 0;
	background: none; }
h4.stit {
	padding-left: 27px;
	font-weight: bold;
	background: url(../img/ic_list4.png) no-repeat 0 center; }
h4.style_none {
	background: none;
	padding-left: 0; }
h4.style_none button {
	position: relative;
	right: 0;
	top: -6px; }
h4.style_none .date_info {
	font-size: 11px; }

/* .title {
	position: relative;
	z-index: 20;
	height: auto !important;
	text-align: left !important;
	color: inherit !important;
	margin: 0 0 10px;
	padding-top: 15px;
	*zoom: 1;
	font-family: "Nanum Gothic", dotum, sans-serif !important;
	&:after {
		content: '';
		clear: both;
		display: block;
	}
	h2, &.title_large {
		display: inline-block;
		font-size: 18px;
		font-weight: 500;
		color: #444;
		letter-spacing: -1px;
		line-height: 31px;
	}
	h3 {
		float: left;
		display: inline-block;
		font-size: 18px;
		font-weight: 500;
		color: #444;
		line-height: 31px;
		background: url(../img/title_sub.gif) no-repeat 0 center;
		padding-left: 15px;
	}
	.button {
		margin-top: 4px;
	}
} */
/* temp */
.tooltip {
	position: absolute;
	top: 180px;
	left: 0;
	z-index: 20;
	padding: 5px 7px;
	width: 240px;
	border: 1px solid #494949;
	background: #666;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4); }
.tooltip li {
	font-size: 11px;
	line-height: 1.6;
	letter-spacing: -1px;
	color: #fff; }
.tooltip .arrow {
	position: absolute;
	left: 154px;
	bottom: -14px;
	display: inline-block;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border: 7px solid;
	border-color: #666 transparent transparent transparent; }
.tooltip .g {
	margin-top: 5px; }

/* temp */
#float_banner {
	position: absolute;
	top: 200px;
	right: -100px;
	width: 90px;
	border: 1px solid #ddd;
	background-color: #fff;
	text-align: center;
	font-size: 11px; }
#float_banner h4 {
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	margin: -12px -4px 0;
	background: #f5f5f5;
	transition-duration: .3s; }
#float_banner h4.on {
	background: #eee; }
#float_banner h4:not(.on):hover {
	background: #338ae0;
	color: #fff;
	cursor: pointer;
	transition-duration: .3s; }
#float_banner > div {
	padding: 12px 4px; }
#float_banner > div ul {
	margin-top: 10px; }
#float_banner > div ul li {
	margin-bottom: 15px; }
#float_banner > div ul li:last-child {
	margin-bottom: 0; }
#float_banner > div img {
	vertical-align: top;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	border: 1px solid #ddd; }
#float_banner > div a {
	display: block; }
#float_banner .quick_links a {
	padding-top: 52%;
	line-height: 1.4;
	font-size: 11px;
	letter-spacing: -1px; }
#float_banner .quick_links a.notice {
	background: url(../img/svg/icon_speaker.svg) no-repeat center top;
	background-size: 35px; }
#float_banner .quick_links a.faq {
	background: url(../img/svg/icon_question.svg) no-repeat center top;
	background-size: 35px; }
#float_banner .quick_links a.data {
	background: url(../img/svg/icon_folder_down.svg) no-repeat center top;
	background-size: 30px; }
#float_banner .quick_links a.report {
	background: url(../img/svg/icon_document.svg) no-repeat center top;
	background-size: 30px; }
#float_banner .quick_links a.news {
	background: url(../img/svg/icon_news.svg) no-repeat center top;
	background-size: 35px; }
#float_banner .quick_links a.meeting {
	background: url(../img/svg/icon_mic.svg) no-repeat center top;
	background-size: 35px; }
#float_banner .quick_links a.statistics {
	background: url(../img/svg/icon_graph.svg) no-repeat center top;
	background-size: 28px; }
#float_banner .quick_links a.manual {
	background: url(../img/svg/icon_manual.svg) no-repeat center top;
	background-size: 34px; }
#float_banner .recent_group {
	border-top: 1px solid #ddd; }

/* temp */
.bullet {
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 2px;
	text-indent: -99999px;
	line-height: 13px;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	color: #fff;
	margin: 0 2px;
	vertical-align: middle; }
.bullet:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-indent: 0; }
.bullet.new {
	background-color: #ef413a; }
.bullet.new:before {
	content: "N"; }
.bullet.notice {
	background-color: #fd922c;
	width: 42px;
	text-transform: uppercase; }
.bullet.notice:before {
	content: "Notice"; }

.lamp {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #ddd;
	border-radius: 50%;
	vertical-align: middle; }
.lamp.lamp_danger, .lamp.lamp_red {
	background: #df2121; }
.lamp.lamp_caution {
	background: #f39015; }
.lamp.lamp_normal, .lamp.lamp_green {
	background: #2cc222; }
.lamp.lamp_pause {
	background: #ddd; }

/* temp */
.popup_wrap {
	position: relative;
	width: 100%;
	min-width: 360px;
	min-height: 380px;
	padding: 15px 20px 30px;
	margin: 0 auto;
	background: #fff; }
.popup_wrap .popup_header {
	position: relative; }
.popup_wrap .popup_header .title {
	padding-top: 0;
	border-bottom: 2px solid #0c4da2;
	margin-bottom: 20px; }
.popup_wrap .popup_header .title h2 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px; }
.popup_wrap .popup_header .title h2:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 30px;
	vertical-align: middle;
	background: url(../img/popup/popup_arrow.png) no-repeat right 2px; }
.popup_wrap .popup_header .title .date {
	position: absolute;
	top: -2px;
	right: 0;
	height: 30px;
	line-height: 28px;
	border: 1px solid #999;
	border-radius: 16px;
	padding: 0 10px; }
.popup_wrap .popup_body {
	position: relative;
	min-height: 230px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	/* .notice_icon {
		position: absolute;
		bottom: 0;
		left: 5px;
	} */ }
.popup_wrap .popup_body.daily_report {
	text-align: center;
	padding-top: 86px;
	background: url(../img/popup/popup_report.png) no-repeat center 8px; }
.popup_wrap .popup_body.daily_report h3 {
	font-size: 18px;
	letter-spacing: -1px; }
.popup_wrap .popup_body.daily_report p {
	margin-bottom: 20px; }
.popup_wrap .popup_body .button {
	background: #fd922c;
	border-color: #fd922c;
	color: #fff;
	min-width: 120px;
	height: 42px;
	line-height: 40px; }
.popup_wrap .popup_body h3 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #333;
	line-height: 1.4; }
.popup_wrap .popup_body p {
	font-size: 14px;
	line-height: 1.4;
	color: #777; }
.popup_wrap .popup_body p img {
	max-width: 100%; }
.popup_wrap .popup_body .go_notice_detail {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 16px;
	background: url(../img/popup/popup_arrow.png) no-repeat right 3px;
	background-size: 7px;
	padding-right: 15px; }
.popup_wrap .popup_body .notice_thumb {
	display: block;
	width: 100%;
	height: 120px;
	border: 1px solid #ccc;
	margin-bottom: 10px; }
.popup_wrap .popup_body .popup_thumbnail {
	position: relative;
	display: block;
	margin-top: -110px;
	margin-bottom: 20px;
	background: #eee;
	text-align: center; }
.popup_wrap .popup_body .popup_thumbnail .popup_thumb_img, .popup_wrap .popup_body .popup_thumbnail .popup_thumb_icon {
	display: block;
	height: 110px;
	overflow: hidden;
	cursor: pointer; }
.popup_wrap .popup_body .popup_thumbnail .popup_thumb_img.popup_thumb_img, .popup_wrap .popup_body .popup_thumbnail .popup_thumb_icon.popup_thumb_img {
	/* background: #f5f5f5 url(../img/more_bg.gif); */
	border-bottom: 1px dotted #ccc;
	padding: 5px; }
.popup_wrap .popup_body .popup_thumbnail .popup_thumb_img.popup_thumb_img img, .popup_wrap .popup_body .popup_thumbnail .popup_thumb_icon.popup_thumb_img img {
	width: auto;
	height: 100%;
	max-width: 100%;
	border: 3px solid #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
.popup_wrap .popup_body .popup_thumbnail .popup_thumb_img.popup_thumb_icon, .popup_wrap .popup_body .popup_thumbnail .popup_thumb_icon.popup_thumb_icon {
	padding-top: 25px;
	border-bottom: 1px dotted #ccc; }
.popup_wrap .popup_body .popup_thumbnail .popup_thumb_img .popup_file_name, .popup_wrap .popup_body .popup_thumbnail .popup_thumb_icon .popup_file_name {
	display: block;
	margin-top: 10px; }

.popup_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 6px 12px;
	border-top: 1px solid #ddd;
	background: #f5f5f5; }

.popup_footer input[type=checkbox] {
	margin-top: -2px;
	margin-right: 2px; }

.popup_footer .popup_close {
	width: 12px;
	height: 12px;
	margin-top: 2px;
	text-indent: -99999px;
	background: url(../img/popup/popup_close.png) no-repeat center center; }

.pre_alarm_view {
	padding: 0 10px 10px;
	margin: 10px 0;
	border: 1px solid #ddd; }
.pre_alarm_view .title {
	padding-top: 10px;
	padding-left: 40px;
	margin: 0 -10px;
	background: #f5f5f5 url(../img/ic_task_title.png) no-repeat 12px 10px;
	border-bottom: 1px solid #ddd; }
.pre_alarm_view .title h2 {
	font-size: 16px;
	margin-bottom: 10px; }
.pre_alarm_view ul {
	margin: 10px 0 0;
	height: 80px;
	overflow: auto; }
.pre_alarm_view ul li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 120px; }
.pre_alarm_view ul li span {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 120px;
	font-weight: 700; }

 #sort_dropdown_task_st_cd {
	position: relative;
	width: 80px;
	z-index: 10;
 }
 #sort_dropdown_task_st_cd button {
	display: block;
	height: 26px;
	line-height: 24px;
	border: 1px solid #ddd;
	width: 100%;
	text-align: left;
	padding: 0 8px;
	background: #fff url("../img/i_arrow_selectbox.png") no-repeat right center;
	background-size: 20px;
	padding-right: 20px;
 }
 #sort_dropdown_task_st_cd ul {
	position: absolute;
	top: 26px;
	left: 0;
	background: #fff;
	border: 1px solid #ddd;
	width: 80px;
 }
 #sort_dropdown_task_st_cd ul li {
	padding: 3px 8px;
 }
 #sort_dropdown_task_st_cd ul li:hover {
	background: #f5f5f5;
 }

#sort_dropdown_task_st_cd_rest {
	position: relative;
	width: 80px;
	z-index: 10;
 }
 #sort_dropdown_task_st_cd_rest button {
	display: block;
	height: 26px;
	line-height: 24px;
	border: 1px solid #ddd;
	width: 100%;
	text-align: left;
	padding: 0 8px;
	background: #fff url("../img/i_arrow_selectbox.png") no-repeat right center;
	background-size: 20px;
	padding-right: 20px;
 }
 #sort_dropdown_task_st_cd_rest ul {
	position: absolute;
	top: 26px;
	left: 0;
	background: #fff;
	border: 1px solid #ddd;
	width: 80px;
 }
 #sort_dropdown_task_st_cd_rest ul li {
	padding: 3px 8px;
 }
 #sort_dropdown_task_st_cd_rest ul li:hover {
	background: #f5f5f5;
 }

 .copyright_txt {
	position: relative;
	padding-left: 12px;
	font-size: 11px;
	letter-spacing: -0.04em;
	color: #a6a6a6;
	margin-top: 10px;
 }
 .copyright_txt:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
 }


/* 2017-08-29 프로필 등록 영역 추가 */
.loginForm_profile_display {
	position: relative;
	top: -30px;
	text-align: center;
}

.loginForm_profile_display .loginForm_profile_thumb {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 120px;
}

.loginForm_profile_display .loginForm_profile_thumb img {
	width: 100%;
	height: 100%;
	border: 3px solid #fff;
	border-radius: 60px;
	box-shadow: 0 2px 1px rgba(0,0,0,.15);
}
.loginForm_profile_display .loginForm_profile_thumb .loginForm_profile_regist {
	position: absolute;
	bottom: 0;
	right: -5px;
	width: 42px;
	height: 42px;
	background: #fff url(../img/i_camera.png) no-repeat center center;
	border-radius: 50%;
	box-shadow: 0 2px 1px rgba(0,0,0,.15);
}

.layer_profile {
	position: fixed;
	top: 160px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border-radius: 4px;
	z-index: 2;
}

.layer_profile_close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	background: url('../img/file_upload_close.gif') no-repeat center center;
}

.layer_profile.profile_select {
	width: 340px;
	overflow: hidden;
}

.layer_profile.profile_select h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
	padding: 0 20px;
	border-bottom: 2px solid #3a5fa3;
}

.layer_profile.profile_select  ul li {
	display: table;
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #ddd;
}
.layer_profile.profile_select  ul li a,
.layer_profile.profile_select  ul li label {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	padding: 20px;
	cursor: pointer;
}

.layer_profile.profile_select  ul li label input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	clip: rect(0,0,0,0);
}

.layer_profile.profile_select  ul li a .icon,
.layer_profile.profile_select  ul li label .icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 20px;
}

.layer_profile.profile_select  ul li a.profile_template .icon {
	background: #eee url('../img/ico_layer.png') no-repeat center center;
}

.layer_profile.profile_select  ul li label.profile_photo .icon {
	background: #eee url('../img/ico_picture.png') no-repeat center center;
}

.layer_screen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	z-index: 1;
}

.character_template_box {
	width: 570px;
	padding: 30px;
}

.character_template_box .layer_profile_preview {
	text-align: center;
}

.character_template_box .layer_profile_preview .layer_profile_thumb {
	position: relative;
	top: -30px;
	display: inline-block;
	width: 120px;
	height: 120px;
	border: 3px solid #fff;
	border-radius: 60px;
	box-shadow: 0 2px 1px rgba(0,0,0,.15);
	overflow: hidden;
}

.character_template_box .layer_profile_preview .layer_profile_thumb img {
	width: 100%;
	height: 100%;
}

.character_template_box .character_template_list {
	float: left;
	width: 100%;
}

.character_template_box .character_template_list li {
	float: left;
	width: 25%;
	margin-bottom: 50px;
	text-align: center;
}

.character_template_box .character_template_list li .character_img {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	cursor: pointer;
}

.character_template_box .character_template_list li .character_img input {
	position: absolute;
	top: 0;
	left: 0;
 opacity: 0;
 clip: rect(0,0,0,0);
}

.character_template_box .character_template_list li .character_img img {
	width: 100%;
	height: 100%;
	border-radius: 40px;
}

.character_template_box .character_template_list li.selected .character_img img {
	border: 2px solid #3e96e0;
}

.character_template_box .character_template_list li.selected .character_img:after {
	content: "";
	background: #3e96e0 url(../img/svg/icon_check_white.svg) no-repeat center center;
	background-size: 12px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.character_template_pagination {
	text-align: center;
}

.character_template_pagination span {
	margin: 0 6px;
}

.character_template_control {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -60px;
	text-align: center;
}
.character_template_control a {
	display: inline-block;
	width: 80px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	margin: 0 3px;
}
.character_template_control a.character_template_submit {
	background: #3e96e0;
	color: #fff;
}

.character_arrow {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 34px;
}
.character_arrow.character_next {
	background: url(../img/i_arrow_next.png) no-repeat center center;
	right: -35px;
}
.character_arrow.character_prev {
	background: url(../img/i_arrow_prev.png) no-repeat center center;
	left: -35px;
}

.mypage_character_template_container .character_arrow.character_next {
	background: url(../img/i_arrow_next.png) no-repeat center center;
	right: 0;
}
.mypage_character_template_container .character_arrow.character_prev {
	background: url(../img/i_arrow_prev.png) no-repeat center center;
	left: 0;
}

.mypage_profile_tab_buttons {
	position: relative;
}

.mypage_profile_tab_buttons a {
	float: left;
	width: 50%;
	height: 100px;
	line-height: 94px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	border: 1px solid #ddd;
}

.mypage_profile_tab_buttons:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100px;
	background: #338ae0;
}

.mypage_profile_tab_buttons:after {
	content: "";
	display: table;
	width: 100%;
}

.mypage_profile_tab_buttons a.on {
	border-color: #338ae0;
	color: #338ae0;
}

.mypage_profile_tab_buttons a .icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #eee;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 15px;
}

.mypage_profile_tab_buttons a.mypage_profile_tab_character {
	border-right: 0;
	border-radius: 4px 0 0 4px;
}

.mypage_profile_tab_buttons a.mypage_profile_tab_photo {
	border-left: 0;
	border-radius: 0 4px 4px 0;
}

.mypage_profile_tab_buttons a.mypage_profile_tab_character .icon {
	background: #eee url(../img/ico_layer_w.png) no-repeat center center;
}
.mypage_profile_tab_buttons a.mypage_profile_tab_photo .icon {
	background: #eee url(../img/ico_picture_w.png) no-repeat center center;
}

.mypage_profile_tab_buttons a.on.mypage_profile_tab_character .icon {
	background: #338ae0 url(../img/ico_layer.png) no-repeat center center;
}
.mypage_profile_tab_buttons a.on.mypage_profile_tab_photo .icon {
	background: #338ae0 url(../img/ico_picture.png) no-repeat center center;
}


.mypage_character_template_container {
	position: relative;
	margin-top: 20px;
}

.mypage_profile_regist_container {
	margin-top: 10px;
}

.mypage_character_template_container .character_template_box .character_arrow {
	top: 36%;
}

.mypage_profile_regist_container .filesearch{
	border: 1px solid #ddd;
	padding: 10px;
}

.mypage_profile_regist_container .copyright_txt {
	display: inline-block;
	margin-bottom: 5px;
}

.mypage_profile_submit {
	width: 70px;
	height: 32px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 700;
	padding: 0;
}

/* 2017-08-30 영상회의신청 접속자 현황 표시 추가 */
#access_cnt {
	position: relative;
	top: 2px;
}
#access_cnt strong {
	position: relative;
	top: 2px;
	margin: 0 2px 0 3px;
	font-size: 20px;
	font-weight: 700;
	color: #fe3128;
}
.access_cnt_reload {
	width: 26px;
	height: 26px;
	text-indent: -99999px;
	border: 1px solid #ccc;
	background: #f5f5f5 url(/resources/img/svg/icon_reload.svg) no-repeat center center;
	background-size: 20px;
	border-radius: 4px;
	margin-left: 8px;
}
.access_cnt_reload:hover {
	background-color: #ddd;
	border-color: #ddd;
}


/* 2018-05-29 추가 */
.footer_infobox {
  padding: 12px;
  background: #f5f5f5;
  border: 1px solid #eee;
  margin: 15px 0;
}
.footer_infobox strong { border-bottom: 1px dotted #555; }


.progress_bar.lv1 .bar {
  background: #39a4ff !important; }
.progress_bar.lv2 .bar {
  background: #37dd62 !important; }
.progress_bar.lv3 .bar {
  background: #fff92e !important; }
.progress_bar.lv4 .bar {
  background: #ff9800 !important; }
.progress_bar.lv5 .bar { background: #f44336 !important; }
.progress_bar.lv5 .rate { color: #f44336; }

.pop_layer_box { width: 100%; }

th.lv1 {
  background: #39a4ff !important;
  color: #fff;
}
th.lv2 {
  background: #ff9800 !important;
  color: #fff;
}
th.lv3 {
  background: #f44336 !important;
  color: #fff;
}

.button.board_func {
  font-size: .68rem !important;
  height: 20px !important;
  line-height: 20px !important;
}
.button.board_func:hover {
  border-color: #338ae0;
  background: #338ae0;
  color: #fff;
}

.button.taste_func {
  font-size: .78rem !important;
  height: 23px !important;
  line-height: 20px !important;
  border-radius: 5px;
}